chore(release): 1.2.0 [skip ci]

# [1.2.0](v1.1.6...v1.2.0) (2023-03-19)

### Features

* elevated app bar ([33efb82](33efb82))

Author: semantic-release-bot

CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.2.0](https://github.com/ocadotechnology/codeforlife-package-javascript/compare/v1.1.6...v1.2.0) (2023-03-19)
+
+
+### Features
+
+* elevated app bar ([33efb82](https://github.com/ocadotechnology/codeforlife-package-javascript/commit/33efb829a8b7b89613ce529c463e00cc03df46ce))
+
 ## [1.1.6](https://github.com/ocadotechnology/codeforlife-package-javascript/compare/v1.1.5...v1.1.6) (2023-03-17)
 
 

lib/cjs/components/ElevatedAppBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AppBarProps } from '@mui/material';
+export interface ElevatedAppBarProps {
+    props: AppBarProps;
+    children: React.ReactElement;
+}
+declare const ElevatedAppBar: React.FC<ElevatedAppBarProps>;
+export default ElevatedAppBar;

lib/cjs/components/ElevatedAppBar.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var material_1 = require("@mui/material");
+var ElevatedAppBar = function (_a) {
+    var props = _a.props, children = _a.children;
+    var trigger = (0, material_1.useScrollTrigger)({
+        disableHysteresis: true,
+        threshold: 0
+    });
+    return react_1.default.cloneElement(react_1.default.createElement(material_1.AppBar, __assign({}, props), children), { elevation: trigger ? 4 : 0 });
+};
+exports.default = ElevatedAppBar;

lib/cjs/components/index.d.ts

@@ -1,2 +1,3 @@
+import ElevatedAppBar, { ElevatedAppBarProps } from './ElevatedAppBar';
 import Image, { ImageProps } from './Image';
-export { Image, type ImageProps };
+export { ElevatedAppBar, type ElevatedAppBarProps, Image, type ImageProps };

lib/cjs/components/index.js

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
+exports.Image = exports.ElevatedAppBar = void 0;
+var ElevatedAppBar_1 = __importDefault(require("./ElevatedAppBar"));
+exports.ElevatedAppBar = ElevatedAppBar_1.default;
 var Image_1 = __importDefault(require("./Image"));
 exports.Image = Image_1.default;

lib/esm/components/ElevatedAppBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AppBarProps } from '@mui/material';
+export interface ElevatedAppBarProps {
+    props: AppBarProps;
+    children: React.ReactElement;
+}
+declare const ElevatedAppBar: React.FC<ElevatedAppBarProps>;
+export default ElevatedAppBar;

lib/esm/components/ElevatedAppBar.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { AppBar, useScrollTrigger } from '@mui/material';
+var ElevatedAppBar = function (_a) {
+    var props = _a.props, children = _a.children;
+    var trigger = useScrollTrigger({
+        disableHysteresis: true,
+        threshold: 0
+    });
+    return React.cloneElement(React.createElement(AppBar, __assign({}, props), children), { elevation: trigger ? 4 : 0 });
+};
+export default ElevatedAppBar;

lib/esm/components/index.d.ts

@@ -1,2 +1,3 @@
+import ElevatedAppBar, { ElevatedAppBarProps } from './ElevatedAppBar';
 import Image, { ImageProps } from './Image';
-export { Image, type ImageProps };
+export { ElevatedAppBar, type ElevatedAppBarProps, Image, type ImageProps };

lib/esm/components/index.js

@@ -1,2 +1,3 @@
+import ElevatedAppBar from './ElevatedAppBar';
 import Image from './Image';
-export { Image };
+export { ElevatedAppBar, Image };