payload 1.15.6 → 2.0.0-beta.1

package/dist/admin/components/elements/Hamburger/index.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Hamburger", {
+    enumerable: true,
+    get: function() {
+        return Hamburger;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+require("./index.scss");
+const _ = require("../..");
+const _reacti18next = require("react-i18next");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'hamburger';
+const Hamburger = (props)=>{
+    const { t } = (0, _reacti18next.useTranslation)('general');
+    const { isActive = false, closeIcon = 'x' } = props;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            baseClass,
+            isActive && `${baseClass}--active`
+        ].filter(Boolean).join(' ')
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__icon`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__top`
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__middle`
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__bottom`
+    })), closeIcon === 'x' && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__x`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__x-left`
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__x-right`
+    })), closeIcon === 'collapse' && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__collapse`,
+        "aria-label": t('collapse'),
+        title: t('collapse')
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__line ${baseClass}__collapse-left`
+    }), /*#__PURE__*/ _react.default.createElement(_.Chevron, {
+        className: `${baseClass}__collapse-chevron`,
+        direction: "left"
+    })));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0hhbWJ1cmdlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcbmltcG9ydCB7IENoZXZyb24gfSBmcm9tICcuLi8uLidcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcblxuY29uc3QgYmFzZUNsYXNzID0gJ2hhbWJ1cmdlcidcblxuZXhwb3J0IGNvbnN0IEhhbWJ1cmdlcjogUmVhY3QuRkM8e1xuICBpc0FjdGl2ZT86IGJvb2xlYW5cbiAgY2xvc2VJY29uPzogJ2NvbGxhcHNlJyB8ICd4J1xufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbignZ2VuZXJhbCcpXG4gIGNvbnN0IHsgaXNBY3RpdmUgPSBmYWxzZSwgY2xvc2VJY29uID0gJ3gnIH0gPSBwcm9wc1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e1tiYXNlQ2xhc3MsIGlzQWN0aXZlICYmIGAke2Jhc2VDbGFzc30tLWFjdGl2ZWBdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyl9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2ljb25gfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpbmUgJHtiYXNlQ2xhc3N9X190b3BgfSAvPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGluZSAke2Jhc2VDbGFzc31fX21pZGRsZWB9IC8+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19saW5lICR7YmFzZUNsYXNzfV9fYm90dG9tYH0gLz5cbiAgICAgIDwvZGl2PlxuICAgICAge2Nsb3NlSWNvbiA9PT0gJ3gnICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3hgfT5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGluZSAke2Jhc2VDbGFzc31fX3gtbGVmdGB9IC8+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpbmUgJHtiYXNlQ2xhc3N9X194LXJpZ2h0YH0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgICAge2Nsb3NlSWNvbiA9PT0gJ2NvbGxhcHNlJyAmJiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb2xsYXBzZWB9IGFyaWEtbGFiZWw9e3QoJ2NvbGxhcHNlJyl9IHRpdGxlPXt0KCdjb2xsYXBzZScpfT5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGluZSAke2Jhc2VDbGFzc31fX2NvbGxhcHNlLWxlZnRgfSAvPlxuICAgICAgICAgIDxDaGV2cm9uIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY29sbGFwc2UtY2hldnJvbmB9IGRpcmVjdGlvbj1cImxlZnRcIiAvPlxuICAgICAgICAgIHsvKiA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY29sbGFwc2UtbGFiZWxgfT57dCgnY29sbGFwc2UnKX08L2Rpdj4gKi99XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkhhbWJ1cmdlciIsImJhc2VDbGFzcyIsInByb3BzIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiaXNBY3RpdmUiLCJjbG9zZUljb24iLCJkaXYiLCJjbGFzc05hbWUiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImFyaWEtbGFiZWwiLCJ0aXRsZSIsIkNoZXZyb24iLCJkaXJlY3Rpb24iXSwibWFwcGluZ3MiOiI7Ozs7K0JBUWFBOzs7ZUFBQUE7Ozs4REFSSztRQUVYO2tCQUNpQjs4QkFDTzs7Ozs7O0FBRS9CLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxZQUdSLENBQUNFO0lBQ0osTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWMsRUFBQztJQUM3QixNQUFNLEVBQUVDLFdBQVcsS0FBSyxFQUFFQyxZQUFZLEdBQUcsRUFBRSxHQUFHSjtJQUU5QyxxQkFDRSw2QkFBQ0s7UUFBSUMsV0FBVztZQUFDUDtZQUFXSSxZQUFZLENBQUMsRUFBRUosVUFBVSxRQUFRLENBQUM7U0FBQyxDQUFDUSxNQUFNLENBQUNDLFNBQVNDLElBQUksQ0FBQztxQkFDbkYsNkJBQUNKO1FBQUlDLFdBQVcsQ0FBQyxFQUFFUCxVQUFVLE1BQU0sQ0FBQztxQkFDbEMsNkJBQUNNO1FBQUlDLFdBQVcsQ0FBQyxFQUFFUCxVQUFVLE9BQU8sRUFBRUEsVUFBVSxLQUFLLENBQUM7c0JBQ3RELDZCQUFDTTtRQUFJQyxXQUFXLENBQUMsRUFBRVAsVUFBVSxPQUFPLEVBQUVBLFVBQVUsUUFBUSxDQUFDO3NCQUN6RCw2QkFBQ007UUFBSUMsV0FBVyxDQUFDLEVBQUVQLFVBQVUsT0FBTyxFQUFFQSxVQUFVLFFBQVEsQ0FBQztTQUUxREssY0FBYyxxQkFDYiw2QkFBQ0M7UUFBSUMsV0FBVyxDQUFDLEVBQUVQLFVBQVUsR0FBRyxDQUFDO3FCQUMvQiw2QkFBQ007UUFBSUMsV0FBVyxDQUFDLEVBQUVQLFVBQVUsT0FBTyxFQUFFQSxVQUFVLFFBQVEsQ0FBQztzQkFDekQsNkJBQUNNO1FBQUlDLFdBQVcsQ0FBQyxFQUFFUCxVQUFVLE9BQU8sRUFBRUEsVUFBVSxTQUFTLENBQUM7U0FHN0RLLGNBQWMsNEJBQ2IsNkJBQUNDO1FBQUlDLFdBQVcsQ0FBQyxFQUFFUCxVQUFVLFVBQVUsQ0FBQztRQUFFVyxjQUFZVCxFQUFFO1FBQWFVLE9BQU9WLEVBQUU7cUJBQzVFLDZCQUFDSTtRQUFJQyxXQUFXLENBQUMsRUFBRVAsVUFBVSxPQUFPLEVBQUVBLFVBQVUsZUFBZSxDQUFDO3NCQUNoRSw2QkFBQ2EsU0FBTztRQUFDTixXQUFXLENBQUMsRUFBRVAsVUFBVSxrQkFBa0IsQ0FBQztRQUFFYyxXQUFVOztBQU0xRSJ9

package/dist/admin/components/elements/Hamburger/index.scss

@@ -0,0 +1,118 @@
+@import '../../../scss/styles';
+
+.hamburger {
+  position: relative;
+  padding: 0;
+  border: 0;
+  cursor: pointer;
+  background-color: transparent;
+  outline: none;
+  width: calc(var(--base) / 1.75);
+  height: calc(var(--base) / 1.75);
+
+  &:focus {
+    outline: none;
+  }
+
+  &__icon {
+    position: relative;
+  }
+
+  &__icon,
+  &__x,
+  &__collapse {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  &__line {
+    background-color: var(--theme-text);
+    width: 100%;
+    height: 2px;
+    position: absolute;
+  }
+
+  &__top {
+    top: 1px;
+    transform: translate3d(0, 0, 0) rotate(0);
+  }
+
+  &__middle {
+    top: 50%;
+    transform: translate3d(0, -50%, 0) rotate(0);
+  }
+
+  &__bottom {
+    bottom: 1px;
+    transform: translate3d(0, 0, 0) rotate(0);
+  }
+
+  &__x,
+  &__collapse {
+    display: none;
+    opacity: 0;
+  }
+
+  &__x-left {
+    top: 50%;
+    left: 50%;
+    transform: translate3d(-50%, -50%, 0) rotate(45deg);
+  }
+
+  &__x-right {
+    top: 50%;
+    left: 50%;
+    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
+  }
+
+  &__collapse {
+    position: relative;
+  }
+
+  &__collapse-label {
+    opacity: 0;
+    position: absolute;
+    left: calc(100% + 4px);
+    top: 50%;
+    transform: translate3d(0, -50%, 0);
+    font-weight: bold;
+  }
+
+  &__collapse-left {
+    height: 90%;
+    width: 2px;
+    left: 0;
+    top: 50%;
+    transform: translate3d(0, -50%, 0);
+  }
+
+  &__collapse-chevron {
+    position: relative;
+    top: -1px;
+  }
+
+  &--active {
+    .hamburger {
+      &__x,
+      &__collapse,
+      &__collapse-label {
+        display: block;
+        opacity: 1;
+      }
+
+      &__icon {
+        display: none;
+        opacity: 0;
+      }
+    }
+  }
+
+  @include mid-break {
+    &__collapse-chevron {
+      top: -2px;
+    }
+  }
+}

package/dist/admin/components/elements/Header/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare const AppHeader: React.FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/elements/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAmC7B,CAAA"}

package/dist/admin/components/elements/Header/index.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AppHeader", {
+    enumerable: true,
+    get: function() {
+        return AppHeader;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reacti18next = require("react-i18next");
+const _reactrouterdom = require("react-router-dom");
+const _Account = /*#__PURE__*/ _interop_require_default(require("../../graphics/Account"));
+const _Config = require("../../utilities/Config");
+const _Localizer = /*#__PURE__*/ _interop_require_default(require("../Localizer"));
+const _StepNav = /*#__PURE__*/ _interop_require_default(require("../StepNav"));
+const _NavToggler = require("../Nav/NavToggler");
+const _Hamburger = require("../Hamburger");
+require("./index.scss");
+const _LocalizerLabel = require("../Localizer/LocalizerLabel");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'app-header';
+const AppHeader = (props)=>{
+    const { t } = (0, _reacti18next.useTranslation)();
+    const { routes: { admin: adminRoute } } = (0, _Config.useConfig)();
+    return /*#__PURE__*/ _react.default.createElement("header", {
+        className: [
+            baseClass
+        ].filter(Boolean).join(' ')
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__bg`
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__content`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__wrapper`
+    }, /*#__PURE__*/ _react.default.createElement(_NavToggler.NavToggler, {
+        className: `${baseClass}__mobile-nav-toggler`
+    }, /*#__PURE__*/ _react.default.createElement(_Hamburger.Hamburger, null)), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__controls-wrapper`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__step-nav-wrapper`
+    }, /*#__PURE__*/ _react.default.createElement(_StepNav.default, {
+        className: `${baseClass}__step-nav`
+    })), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__controls`
+    }, /*#__PURE__*/ _react.default.createElement(_LocalizerLabel.LocalizerLabel, {
+        ariaLabel: "invisible",
+        className: `${baseClass}__localizer-spacing`
+    }), /*#__PURE__*/ _react.default.createElement(_reactrouterdom.Link, {
+        "aria-label": t('authentication:account'),
+        className: `${baseClass}__account`,
+        to: `${adminRoute}/account`
+    }, /*#__PURE__*/ _react.default.createElement(_Account.default, null)))))), /*#__PURE__*/ _react.default.createElement(_Localizer.default, {
+        className: `${baseClass}__localizer`
+    }));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0hlYWRlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0J1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nXG5cbmltcG9ydCBBY2NvdW50IGZyb20gJy4uLy4uL2dyYXBoaWNzL0FjY291bnQnXG5pbXBvcnQgeyB1c2VDb25maWcgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvQ29uZmlnJ1xuaW1wb3J0IExvY2FsaXplciBmcm9tICcuLi9Mb2NhbGl6ZXInXG5pbXBvcnQgU3RlcE5hdiBmcm9tICcuLi9TdGVwTmF2J1xuaW1wb3J0IHsgTmF2VG9nZ2xlciB9IGZyb20gJy4uL05hdi9OYXZUb2dnbGVyJ1xuaW1wb3J0IHsgSGFtYnVyZ2VyIH0gZnJvbSAnLi4vSGFtYnVyZ2VyJ1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcbmltcG9ydCB7IExvY2FsaXplckxhYmVsIH0gZnJvbSAnLi4vTG9jYWxpemVyL0xvY2FsaXplckxhYmVsJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnYXBwLWhlYWRlcidcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlcjogUmVhY3QuRkMgPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgY29uc3Qge1xuICAgIHJvdXRlczogeyBhZG1pbjogYWRtaW5Sb3V0ZSB9LFxuICB9ID0gdXNlQ29uZmlnKClcblxuICByZXR1cm4gKFxuICAgIDxoZWFkZXIgY2xhc3NOYW1lPXtbYmFzZUNsYXNzXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpfT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19iZ2B9IC8+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY29udGVudGB9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fd3JhcHBlcmB9PlxuICAgICAgICAgIDxOYXZUb2dnbGVyIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbW9iaWxlLW5hdi10b2dnbGVyYH0+XG4gICAgICAgICAgICA8SGFtYnVyZ2VyIC8+XG4gICAgICAgICAgPC9OYXZUb2dnbGVyPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250cm9scy13cmFwcGVyYH0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fc3RlcC1uYXYtd3JhcHBlcmB9PlxuICAgICAgICAgICAgICA8U3RlcE5hdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3N0ZXAtbmF2YH0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NvbnRyb2xzYH0+XG4gICAgICAgICAgICAgIDxMb2NhbGl6ZXJMYWJlbCBhcmlhTGFiZWw9XCJpbnZpc2libGVcIiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xvY2FsaXplci1zcGFjaW5nYH0gLz5cbiAgICAgICAgICAgICAgPExpbmtcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdhdXRoZW50aWNhdGlvbjphY2NvdW50Jyl9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19hY2NvdW50YH1cbiAgICAgICAgICAgICAgICB0bz17YCR7YWRtaW5Sb3V0ZX0vYWNjb3VudGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8QWNjb3VudCAvPlxuICAgICAgICAgICAgICA8L0xpbms+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMb2NhbGl6ZXIgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19sb2NhbGl6ZXJgfSAvPlxuICAgIDwvaGVhZGVyPlxuICApXG59XG4iXSwibmFtZXMiOlsiQXBwSGVhZGVyIiwiYmFzZUNsYXNzIiwicHJvcHMiLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJyb3V0ZXMiLCJhZG1pbiIsImFkbWluUm91dGUiLCJ1c2VDb25maWciLCJoZWFkZXIiLCJjbGFzc05hbWUiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImRpdiIsIk5hdlRvZ2dsZXIiLCJIYW1idXJnZXIiLCJTdGVwTmF2IiwiTG9jYWxpemVyTGFiZWwiLCJhcmlhTGFiZWwiLCJMaW5rIiwiYXJpYS1sYWJlbCIsInRvIiwiQWNjb3VudCIsIkxvY2FsaXplciJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFnQmFBOzs7ZUFBQUE7Ozs4REFoQks7OEJBQ2E7Z0NBQ1Y7Z0VBRUQ7d0JBQ007a0VBQ0o7Z0VBQ0Y7NEJBQ087MkJBQ0Q7UUFFbkI7Z0NBQ3dCOzs7Ozs7QUFFL0IsTUFBTUMsWUFBWTtBQUVYLE1BQU1ELFlBQXNCLENBQUNFO0lBQ2xDLE1BQU0sRUFBRUMsQ0FBQyxFQUFFLEdBQUdDLElBQUFBLDRCQUFjO0lBRTVCLE1BQU0sRUFDSkMsUUFBUSxFQUFFQyxPQUFPQyxVQUFVLEVBQUUsRUFDOUIsR0FBR0MsSUFBQUEsaUJBQVM7SUFFYixxQkFDRSw2QkFBQ0M7UUFBT0MsV0FBVztZQUFDVDtTQUFVLENBQUNVLE1BQU0sQ0FBQ0MsU0FBU0MsSUFBSSxDQUFDO3FCQUNsRCw2QkFBQ0M7UUFBSUosV0FBVyxDQUFDLEVBQUVULFVBQVUsSUFBSSxDQUFDO3NCQUNsQyw2QkFBQ2E7UUFBSUosV0FBVyxDQUFDLEVBQUVULFVBQVUsU0FBUyxDQUFDO3FCQUNyQyw2QkFBQ2E7UUFBSUosV0FBVyxDQUFDLEVBQUVULFVBQVUsU0FBUyxDQUFDO3FCQUNyQyw2QkFBQ2Msc0JBQVU7UUFBQ0wsV0FBVyxDQUFDLEVBQUVULFVBQVUsb0JBQW9CLENBQUM7cUJBQ3ZELDZCQUFDZSxvQkFBUyx3QkFFWiw2QkFBQ0Y7UUFBSUosV0FBVyxDQUFDLEVBQUVULFVBQVUsa0JBQWtCLENBQUM7cUJBQzlDLDZCQUFDYTtRQUFJSixXQUFXLENBQUMsRUFBRVQsVUFBVSxrQkFBa0IsQ0FBQztxQkFDOUMsNkJBQUNnQixnQkFBTztRQUFDUCxXQUFXLENBQUMsRUFBRVQsVUFBVSxVQUFVLENBQUM7dUJBRTlDLDZCQUFDYTtRQUFJSixXQUFXLENBQUMsRUFBRVQsVUFBVSxVQUFVLENBQUM7cUJBQ3RDLDZCQUFDaUIsOEJBQWM7UUFBQ0MsV0FBVTtRQUFZVCxXQUFXLENBQUMsRUFBRVQsVUFBVSxtQkFBbUIsQ0FBQztzQkFDbEYsNkJBQUNtQixvQkFBSTtRQUNIQyxjQUFZbEIsRUFBRTtRQUNkTyxXQUFXLENBQUMsRUFBRVQsVUFBVSxTQUFTLENBQUM7UUFDbENxQixJQUFJLENBQUMsRUFBRWYsV0FBVyxRQUFRLENBQUM7cUJBRTNCLDZCQUFDZ0IsZ0JBQU8sNEJBTWxCLDZCQUFDQyxrQkFBUztRQUFDZCxXQUFXLENBQUMsRUFBRVQsVUFBVSxXQUFXLENBQUM7O0FBR3JEIn0=

package/dist/admin/components/elements/Header/index.scss

@@ -0,0 +1,104 @@
+@import '../../../scss/styles.scss';
+
+.app-header {
+  position: relative;
+  width: 100%;
+  height: var(--app-header-height);
+  z-index: var(--z-modal);
+
+  &__mobile-nav-toggler {
+    display: none;
+  }
+
+  // place the localizer outside the `overflow: hidden` container so that the popup is visible
+  // this means we need to use a placeholder div so that the space is retained in the DOM
+  &__localizer {
+    position: absolute;
+    top: 50%;
+    right: base(4.5);
+    transform: translate3d(0, -50%, 0);
+  }
+
+  &__localizer-spacing {
+    visibility: hidden;
+  }
+
+  &__bg {
+    @include blur-bg;
+    opacity: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+  }
+
+  &--show-bg {
+    opacity: 1;
+  }
+
+  &__content {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 var(--gutter-h);
+    position: relative;
+    flex-grow: 1;
+  }
+
+  &__wrapper {
+    display: flex;
+    gap: calc(var(--base) / 2);
+    align-items: center;
+    height: 100%;
+    flex-grow: 1;
+    justify-content: space-between;
+    overflow: hidden;
+  }
+
+  &__account {
+    &:focus:not(:focus-visible) {
+      opacity: 1;
+    }
+  }
+
+  &__controls-wrapper {
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+    overflow: hidden;
+  }
+
+  &__step-nav-wrapper {
+    flex: 1;
+    overflow: auto;
+    display: flex;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  &__controls {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: calc(var(--base) / 2);
+  }
+
+  @include small-break {
+    &__localizer {
+      right: base(2);
+    }
+
+    &__mobile-nav-toggler {
+      display: block;
+    }
+
+    &__step-header {
+      // TODO: overflow the step header instead of hide it
+      display: none;
+    }
+  }
+}

package/dist/admin/components/elements/IDLabel/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import './index.scss';
 declare const IDLabel: React.FC<{
+    className?: string;
     id: string;
     prefix?: string;
 }>;
 export default IDLabel;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/elements/IDLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/IDLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAU1E,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/admin/components/elements/IDLabel/index.js

@@ -1,14 +1,28 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const baseClass = 'id-label';
-const IDLabel = ({ id, prefix = 'ID:' }) => (react_1.default.createElement("div", { className: baseClass },
-    prefix,
-    "\u00A0\u00A0",
-    id));
-exports.default = IDLabel;
-//# sourceMappingURL=index.js.map
+const IDLabel = ({ id, className, prefix = 'ID:' })=>/*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        title: id
+    }, prefix, "\xa0\xa0", id);
+const _default = IDLabel;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0lETGFiZWwvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdpZC1sYWJlbCdcblxuY29uc3QgSURMYWJlbDogUmVhY3QuRkM8eyBjbGFzc05hbWU/OiBzdHJpbmc7IGlkOiBzdHJpbmc7IHByZWZpeD86IHN0cmluZyB9PiA9ICh7XG4gIGlkLFxuICBjbGFzc05hbWUsXG4gIHByZWZpeCA9ICdJRDonLFxufSkgPT4gKFxuICA8ZGl2IGNsYXNzTmFtZT17W2Jhc2VDbGFzcywgY2xhc3NOYW1lXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpfSB0aXRsZT17aWR9PlxuICAgIHtwcmVmaXh9XG4gICAgJm5ic3A7Jm5ic3A7XG4gICAge2lkfVxuICA8L2Rpdj5cbilcblxuZXhwb3J0IGRlZmF1bHQgSURMYWJlbFxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIklETGFiZWwiLCJpZCIsImNsYXNzTmFtZSIsInByZWZpeCIsImRpdiIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwidGl0bGUiXSwibWFwcGluZ3MiOiI7Ozs7K0JBa0JBOzs7ZUFBQTs7OzhEQWxCa0I7UUFFWDs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxVQUF5RSxDQUFDLEVBQzlFQyxFQUFFLEVBQ0ZDLFNBQVMsRUFDVEMsU0FBUyxLQUFLLEVBQ2YsaUJBQ0MsNkJBQUNDO1FBQUlGLFdBQVc7WUFBQ0g7WUFBV0c7U0FBVSxDQUFDRyxNQUFNLENBQUNDLFNBQVNDLElBQUksQ0FBQztRQUFNQyxPQUFPUDtPQUN0RUUsUUFBTyxZQUVQRjtNQUlMLFdBQWVEIn0=

package/dist/admin/components/elements/IDLabel/index.scss

@@ -1,11 +1,11 @@
 @import '../../../scss/styles';
 
 .id-label {
-  font-size: base(.75);
+  font-size: base(0.75);
   font-weight: normal;
   color: var(--theme-elevation-400);
   background: var(--theme-elevation-100);
-  padding: base(.25) base(.5);
+  padding: base(0.25) base(0.5);
   border-radius: $style-radius-m;
   display: inline-flex;
 }

package/dist/admin/components/elements/ListControls/getTextFieldsToBeSearched.d.ts

@@ -1,2 +1,3 @@
-import { Field, FieldAffectingData } from '../../../../fields/config/types';
+import type { Field, FieldAffectingData } from '../../../../fields/config/types';
 export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fields: Field[]) => () => FieldAffectingData[];
+//# sourceMappingURL=getTextFieldsToBeSearched.d.ts.map

package/dist/admin/components/elements/ListControls/getTextFieldsToBeSearched.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAKhF,eAAO,MAAM,yBAAyB,yBACb,MAAM,EAAE,UAAU,KAAK,EAAE,WAAS,kBAAkB,EAS1E,CAAA"}

package/dist/admin/components/elements/ListControls/getTextFieldsToBeSearched.js

@@ -1,17 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTextFieldsToBeSearched = void 0;
-const types_1 = require("../../../../fields/config/types");
-const flattenTopLevelFields_1 = __importDefault(require("../../../../utilities/flattenTopLevelFields"));
-const getTextFieldsToBeSearched = (listSearchableFields, fields) => () => {
-    if (listSearchableFields) {
-        const flattenedFields = (0, flattenTopLevelFields_1.default)(fields);
-        return flattenedFields.filter((field) => (0, types_1.fieldAffectsData)(field) && listSearchableFields.includes(field.name));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getTextFieldsToBeSearched", {
+    enumerable: true,
+    get: function() {
+        return getTextFieldsToBeSearched;
     }
-    return null;
-};
-exports.getTextFieldsToBeSearched = getTextFieldsToBeSearched;
-//# sourceMappingURL=getTextFieldsToBeSearched.js.map
+});
+const _types = require("../../../../fields/config/types");
+const _flattenTopLevelFields = /*#__PURE__*/ _interop_require_default(require("../../../../utilities/flattenTopLevelFields"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const getTextFieldsToBeSearched = (listSearchableFields, fields)=>()=>{
+        if (listSearchableFields) {
+            const flattenedFields = (0, _flattenTopLevelFields.default)(fields);
+            return flattenedFields.filter((field)=>(0, _types.fieldAffectsData)(field) && listSearchableFields.includes(field.name));
+        }
+        return null;
+    };
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0xpc3RDb250cm9scy9nZXRUZXh0RmllbGRzVG9CZVNlYXJjaGVkLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmllbGQsIEZpZWxkQWZmZWN0aW5nRGF0YSB9IGZyb20gJy4uLy4uLy4uLy4uL2ZpZWxkcy9jb25maWcvdHlwZXMnXG5cbmltcG9ydCB7IGZpZWxkQWZmZWN0c0RhdGEgfSBmcm9tICcuLi8uLi8uLi8uLi9maWVsZHMvY29uZmlnL3R5cGVzJ1xuaW1wb3J0IGZsYXR0ZW5GaWVsZHMgZnJvbSAnLi4vLi4vLi4vLi4vdXRpbGl0aWVzL2ZsYXR0ZW5Ub3BMZXZlbEZpZWxkcydcblxuZXhwb3J0IGNvbnN0IGdldFRleHRGaWVsZHNUb0JlU2VhcmNoZWQgPVxuICAobGlzdFNlYXJjaGFibGVGaWVsZHM6IHN0cmluZ1tdLCBmaWVsZHM6IEZpZWxkW10pID0+ICgpOiBGaWVsZEFmZmVjdGluZ0RhdGFbXSA9PiB7XG4gICAgaWYgKGxpc3RTZWFyY2hhYmxlRmllbGRzKSB7XG4gICAgICBjb25zdCBmbGF0dGVuZWRGaWVsZHMgPSBmbGF0dGVuRmllbGRzKGZpZWxkcylcbiAgICAgIHJldHVybiBmbGF0dGVuZWRGaWVsZHMuZmlsdGVyKFxuICAgICAgICAoZmllbGQpID0+IGZpZWxkQWZmZWN0c0RhdGEoZmllbGQpICYmIGxpc3RTZWFyY2hhYmxlRmllbGRzLmluY2x1ZGVzKGZpZWxkLm5hbWUpLFxuICAgICAgKSBhcyBGaWVsZEFmZmVjdGluZ0RhdGFbXVxuICAgIH1cblxuICAgIHJldHVybiBudWxsXG4gIH1cbiJdLCJuYW1lcyI6WyJnZXRUZXh0RmllbGRzVG9CZVNlYXJjaGVkIiwibGlzdFNlYXJjaGFibGVGaWVsZHMiLCJmaWVsZHMiLCJmbGF0dGVuZWRGaWVsZHMiLCJmbGF0dGVuRmllbGRzIiwiZmlsdGVyIiwiZmllbGQiLCJmaWVsZEFmZmVjdHNEYXRhIiwiaW5jbHVkZXMiLCJuYW1lIl0sIm1hcHBpbmdzIjoiOzs7OytCQUthQTs7O2VBQUFBOzs7dUJBSG9COzhFQUNQOzs7Ozs7QUFFbkIsTUFBTUEsNEJBQ1gsQ0FBQ0Msc0JBQWdDQyxTQUFvQjtRQUNuRCxJQUFJRCxzQkFBc0I7WUFDeEIsTUFBTUUsa0JBQWtCQyxJQUFBQSw4QkFBYSxFQUFDRjtZQUN0QyxPQUFPQyxnQkFBZ0JFLE1BQU0sQ0FDM0IsQ0FBQ0MsUUFBVUMsSUFBQUEsdUJBQWdCLEVBQUNELFVBQVVMLHFCQUFxQk8sUUFBUSxDQUFDRixNQUFNRyxJQUFJO1FBRWxGO1FBRUEsT0FBTztJQUNUIn0=

package/dist/admin/components/elements/ListControls/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Props } from './types';
+import type { Props } from './types';
 import './index.scss';
 /**
  * The ListControls component is used to render the controls (search, filter, where)
@@ -8,3 +8,4 @@ import './index.scss';
  */
 declare const ListControls: React.FC<Props>;
 export default ListControls;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/elements/ListControls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ListControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAmBpC,OAAO,cAAc,CAAA;AAcrB;;;;GAIG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwIjC,CAAA;AAED,eAAe,YAAY,CAAA"}