@bloom-housing/ui-components 7.2.1 → 7.2.3-alpha.1

package/dist/src/notifications/SiteAlert.js

@@ -1,47 +1,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SiteAlert = exports.clearSiteAlertMessage = exports.setSiteAlertMessage = void 0;
-var react_1 = __importStar(require("react"));
-var AlertBox_1 = require("./AlertBox");
-var setSiteAlertMessage = function (message, type) {
+import React, { useEffect, useState } from "react";
+import { AlertBox } from "./AlertBox";
+export var setSiteAlertMessage = function (message, type) {
     sessionStorage.setItem("alert_message_".concat(type), message);
 };
-exports.setSiteAlertMessage = setSiteAlertMessage;
-var clearSiteAlertMessage = function (type) {
+export var clearSiteAlertMessage = function (type) {
     sessionStorage.removeItem("alert_message_".concat(type));
 };
-exports.clearSiteAlertMessage = clearSiteAlertMessage;
 /**
  * Show an alert based on a url query param.
  */
-var SiteAlert = function (_a) {
+export var SiteAlert = function (_a) {
     var _b;
     var timeout = _a.timeout, _c = _a.dismissable, dismissable = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? "alert" : _d, className = _a.className, alertMessage = _a.alertMessage, sticky = _a.sticky;
-    var _e = (0, react_1.useState)(false), open = _e[0], setOpen = _e[1];
-    var _f = (0, react_1.useState)(""), message = _f[0], setMessage = _f[1];
+    var _e = useState(false), open = _e[0], setOpen = _e[1];
+    var _f = useState(""), message = _f[0], setMessage = _f[1];
     /**
       * We use 2 useEffects here 1 for if we are consuming what is stored in sessionStorage
       * and another for if the message is passed in as a prop
@@ -49,7 +21,7 @@ var SiteAlert = function (_a) {
       * this gives the ability for the SiteAlert to "survive" a re-render, or if no re-render will occur
       * for the SiteAlert to simply render itself
     **/
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         var timeoutRef;
         var storedMessage = sessionStorage.getItem("alert_message_".concat(type));
         if (storedMessage) {
@@ -63,7 +35,7 @@ var SiteAlert = function (_a) {
         }
         return function () { return clearTimeout(timeoutRef); };
     }, [timeout, type]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         var timeoutRef;
         if (alertMessage === null || alertMessage === void 0 ? void 0 : alertMessage.message) {
             setMessage(alertMessage === null || alertMessage === void 0 ? void 0 : alertMessage.message);
@@ -74,7 +46,6 @@ var SiteAlert = function (_a) {
         }
         return function () { return clearTimeout(timeoutRef); };
     }, [alertMessage, timeout]);
-    return open ? (react_1.default.createElement(AlertBox_1.AlertBox, { onClose: dismissable ? function () { return setOpen(false); } : undefined, className: className, type: (_b = alertMessage === null || alertMessage === void 0 ? void 0 : alertMessage.type) !== null && _b !== void 0 ? _b : type, sticky: sticky }, message)) : null;
+    return open ? (React.createElement(AlertBox, { onClose: dismissable ? function () { return setOpen(false); } : undefined, className: className, type: (_b = alertMessage === null || alertMessage === void 0 ? void 0 : alertMessage.type) !== null && _b !== void 0 ? _b : type, sticky: sticky }, message)) : null;
 };
-exports.SiteAlert = SiteAlert;
 //# sourceMappingURL=SiteAlert.js.map

package/dist/src/notifications/SiteAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"SiteAlert.js","sourceRoot":"","sources":["../../../src/notifications/SiteAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,uCAAqC;AAe9B,IAAM,mBAAmB,GAAG,UAAC,OAAe,EAAE,IAAgB;IACnE,cAAc,CAAC,OAAO,CAAC,wBAAiB,IAAI,CAAE,EAAE,OAAO,CAAC,CAAA;AAC1D,CAAC,CAAA;AAFY,QAAA,mBAAmB,uBAE/B;AAEM,IAAM,qBAAqB,GAAG,UAAC,IAAgB;IACpD,cAAc,CAAC,UAAU,CAAC,wBAAiB,IAAI,CAAE,CAAC,CAAA;AACpD,CAAC,CAAA;AAFY,QAAA,qBAAqB,yBAEjC;AAED;;GAEG;AACI,IAAM,SAAS,GAAG,UAAC,EAOT;;QANf,OAAO,aAAA,EACP,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAClB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,MAAM,YAAA;IAEA,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IACjC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAnC,OAAO,QAAA,EAAE,UAAU,QAAgB,CAAA;IAC1C;;;;;;OAMG;IAEH,IAAA,iBAAS,EAAC;QACR,IAAI,UAAkB,CAAA;QACtB,IAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,wBAAiB,IAAI,CAAE,CAAC,CAAA;QAErE,IAAI,aAAa,EAAE;YACjB,UAAU,CAAC,aAAa,CAAC,CAAA;YACzB,OAAO,CAAC,IAAI,CAAC,CAAA;YACb,cAAc,CAAC,UAAU,CAAC,wBAAiB,IAAI,CAAE,CAAC,CAAA;YAElD,qEAAqE;YACrE,IAAI,OAAO,EAAE;gBACX,UAAU,GAAI,UAAU,CAAC,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAAE,OAAO,CAAuB,CAAA;aAC9E;SACF;QACD,OAAO,cAAM,OAAA,YAAY,CAAC,UAAU,CAAC,EAAxB,CAAwB,CAAA;IACvC,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;IAEnB,IAAA,iBAAS,EAAC;QACR,IAAI,UAAkB,CAAA;QACtB,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAE;YACzB,UAAU,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,CAAA;YACjC,OAAO,CAAC,IAAI,CAAC,CAAA;YACb,IAAI,OAAO,EAAE;gBACX,UAAU,GAAI,UAAU,CAAC,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAAE,OAAO,CAAuB,CAAA;aAC9E;SACF;QACD,OAAO,cAAM,OAAA,YAAY,CAAC,UAAU,CAAC,EAAxB,CAAwB,CAAA;IACvC,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAE3B,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,8BAAC,mBAAQ,IACP,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC,CAAC,CAAC,SAAS,EACvD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,mCAAI,IAAI,EAChC,MAAM,EAAE,MAAM,IAEb,OAAO,CACC,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAzDY,QAAA,SAAS,aAyDrB"}
+{"version":3,"file":"SiteAlert.js","sourceRoot":"","sources":["../../../src/notifications/SiteAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAerC,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,OAAe,EAAE,IAAgB;IACnE,cAAc,CAAC,OAAO,CAAC,wBAAiB,IAAI,CAAE,EAAE,OAAO,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,IAAgB;IACpD,cAAc,CAAC,UAAU,CAAC,wBAAiB,IAAI,CAAE,CAAC,CAAA;AACpD,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAOT;;QANf,OAAO,aAAA,EACP,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAClB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,MAAM,YAAA;IAEA,IAAA,KAAkB,QAAQ,CAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IACjC,IAAA,KAAwB,QAAQ,CAAC,EAAE,CAAC,EAAnC,OAAO,QAAA,EAAE,UAAU,QAAgB,CAAA;IAC1C;;;;;;OAMG;IAEH,SAAS,CAAC;QACR,IAAI,UAAkB,CAAA;QACtB,IAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,wBAAiB,IAAI,CAAE,CAAC,CAAA;QAErE,IAAI,aAAa,EAAE;YACjB,UAAU,CAAC,aAAa,CAAC,CAAA;YACzB,OAAO,CAAC,IAAI,CAAC,CAAA;YACb,cAAc,CAAC,UAAU,CAAC,wBAAiB,IAAI,CAAE,CAAC,CAAA;YAElD,qEAAqE;YACrE,IAAI,OAAO,EAAE;gBACX,UAAU,GAAI,UAAU,CAAC,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAAE,OAAO,CAAuB,CAAA;aAC9E;SACF;QACD,OAAO,cAAM,OAAA,YAAY,CAAC,UAAU,CAAC,EAAxB,CAAwB,CAAA;IACvC,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;IAEnB,SAAS,CAAC;QACR,IAAI,UAAkB,CAAA;QACtB,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAE;YACzB,UAAU,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,CAAA;YACjC,OAAO,CAAC,IAAI,CAAC,CAAA;YACb,IAAI,OAAO,EAAE;gBACX,UAAU,GAAI,UAAU,CAAC,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAAE,OAAO,CAAuB,CAAA;aAC9E;SACF;QACD,OAAO,cAAM,OAAA,YAAY,CAAC,UAAU,CAAC,EAAxB,CAAwB,CAAA;IACvC,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAE3B,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,QAAQ,IACP,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC,CAAC,CAAC,SAAS,EACvD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,mCAAI,IAAI,EAChC,MAAM,EAAE,MAAM,IAEb,OAAO,CACC,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}

package/dist/src/notifications/StatusAside.js

@@ -1,15 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusAside = void 0;
-var react_1 = __importDefault(require("react"));
-var GridSection_1 = require("../sections/GridSection");
-require("./StatusAside.scss");
-var StatusAside = function (props) { return (react_1.default.createElement("div", { className: "status-aside" },
-    react_1.default.createElement("div", { className: "status-aside__buttons" },
-        react_1.default.createElement(GridSection_1.GridSection, { columns: props.columns || 2, tightSpacing: true }, props.actions)),
-    react_1.default.Children.count(props.children) > 0 && (react_1.default.createElement("div", { className: "status-aside__messages" }, props.children)))); };
-exports.StatusAside = StatusAside;
+import React from "react";
+import { GridSection } from "../sections/GridSection";
+import "./StatusAside.scss";
+export var StatusAside = function (props) { return (React.createElement("div", { className: "status-aside" },
+    React.createElement("div", { className: "status-aside__buttons" },
+        React.createElement(GridSection, { columns: props.columns || 2, tightSpacing: true }, props.actions)),
+    React.Children.count(props.children) > 0 && (React.createElement("div", { className: "status-aside__messages" }, props.children)))); };
 //# sourceMappingURL=StatusAside.js.map

package/dist/src/notifications/StatusAside.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusAside.js","sourceRoot":"","sources":["../../../src/notifications/StatusAside.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,uDAAqD;AAErD,8BAA2B;AASpB,IAAM,WAAW,GAAG,UAAC,KAAuB,IAAK,OAAA,CACtD,uCAAK,SAAS,EAAC,cAAc;IAC3B,uCAAK,SAAS,EAAC,uBAAuB;QACpC,8BAAC,yBAAW,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,IACzD,KAAK,CAAC,OAAO,CACF,CACV;IAEL,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAC3C,uCAAK,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,QAAQ,CAAO,CAC/D,CACG,CACP,EAZuD,CAYvD,CAAA;AAZY,QAAA,WAAW,eAYvB"}
+{"version":3,"file":"StatusAside.js","sourceRoot":"","sources":["../../../src/notifications/StatusAside.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,oBAAoB,CAAA;AAS3B,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAuB,IAAK,OAAA,CACtD,6BAAK,SAAS,EAAC,cAAc;IAC3B,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,WAAW,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,IACzD,KAAK,CAAC,OAAO,CACF,CACV;IAEL,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAC3C,6BAAK,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,QAAQ,CAAO,CAC/D,CACG,CACP,EAZuD,CAYvD,CAAA"}

package/dist/src/notifications/StatusAside.stories.js

@@ -1,37 +1,29 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnlyTimestamp = exports.WithButtonsAndMessages = void 0;
-var react_1 = __importDefault(require("react"));
-var StatusAside_1 = require("./StatusAside");
-var GridSection_1 = require("../sections/GridSection");
-var Button_1 = require("../actions/Button");
-var AppearanceTypes_1 = require("../global/AppearanceTypes");
-var StatusMessage_1 = require("./StatusMessage");
-exports.default = {
+import React from "react";
+import { StatusAside } from "./StatusAside";
+import { GridCell } from "../sections/GridSection";
+import { Button } from "../actions/Button";
+import { AppearanceSizeType, AppearanceStyleType } from "../global/AppearanceTypes";
+import { StatusMessages, StatusMessage } from "./StatusMessage";
+export default {
     title: "Notifications/Status Aside",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
-var WithButtonsAndMessages = function () { return (react_1.default.createElement(StatusAside_1.StatusAside, { actions: [
-        react_1.default.createElement(GridSection_1.GridCell, { key: 0 },
-            react_1.default.createElement(Button_1.Button, { fullWidth: true, size: AppearanceTypes_1.AppearanceSizeType.small }, "Save")),
-        react_1.default.createElement(GridSection_1.GridCell, { key: 1 },
-            react_1.default.createElement(Button_1.Button, { styleType: AppearanceTypes_1.AppearanceStyleType.secondary, fullWidth: true, size: AppearanceTypes_1.AppearanceSizeType.small }, "Preview")),
-        react_1.default.createElement(GridSection_1.GridCell, { span: 2, key: 2 },
-            react_1.default.createElement(Button_1.Button, { styleType: AppearanceTypes_1.AppearanceStyleType.primary, fullWidth: true, size: AppearanceTypes_1.AppearanceSizeType.small }, "Submit")),
+export var WithButtonsAndMessages = function () { return (React.createElement(StatusAside, { actions: [
+        React.createElement(GridCell, { key: 0 },
+            React.createElement(Button, { fullWidth: true, size: AppearanceSizeType.small }, "Save")),
+        React.createElement(GridCell, { key: 1 },
+            React.createElement(Button, { styleType: AppearanceStyleType.secondary, fullWidth: true, size: AppearanceSizeType.small }, "Preview")),
+        React.createElement(GridCell, { span: 2, key: 2 },
+            React.createElement(Button, { styleType: AppearanceStyleType.primary, fullWidth: true, size: AppearanceSizeType.small }, "Submit")),
     ] },
-    react_1.default.createElement(StatusMessage_1.StatusMessages, null,
-        react_1.default.createElement(StatusMessage_1.StatusMessage, { status: "Submitted", style: AppearanceTypes_1.AppearanceStyleType.success, timestamp: "3/2/21", body: "Changed status of one application." }),
-        react_1.default.createElement(StatusMessage_1.StatusMessage, { status: "Draft", timestamp: "2/1/21" })))); };
-exports.WithButtonsAndMessages = WithButtonsAndMessages;
-var OnlyTimestamp = function () { return (react_1.default.createElement(StatusAside_1.StatusAside, { columns: 1, actions: [
-        react_1.default.createElement(GridSection_1.GridCell, { key: 0 },
-            react_1.default.createElement(Button_1.Button, { fullWidth: true, size: AppearanceTypes_1.AppearanceSizeType.small }, "Save")),
-        react_1.default.createElement(GridSection_1.GridCell, { key: 1 },
-            react_1.default.createElement(Button_1.Button, { styleType: AppearanceTypes_1.AppearanceStyleType.secondary, fullWidth: true, size: AppearanceTypes_1.AppearanceSizeType.small }, "Preview")),
+    React.createElement(StatusMessages, null,
+        React.createElement(StatusMessage, { status: "Submitted", style: AppearanceStyleType.success, timestamp: "3/2/21", body: "Changed status of one application." }),
+        React.createElement(StatusMessage, { status: "Draft", timestamp: "2/1/21" })))); };
+export var OnlyTimestamp = function () { return (React.createElement(StatusAside, { columns: 1, actions: [
+        React.createElement(GridCell, { key: 0 },
+            React.createElement(Button, { fullWidth: true, size: AppearanceSizeType.small }, "Save")),
+        React.createElement(GridCell, { key: 1 },
+            React.createElement(Button, { styleType: AppearanceStyleType.secondary, fullWidth: true, size: AppearanceSizeType.small }, "Preview")),
     ] },
-    react_1.default.createElement(StatusMessage_1.StatusMessages, { lastTimestamp: "February 3, 2021" }))); };
-exports.OnlyTimestamp = OnlyTimestamp;
+    React.createElement(StatusMessages, { lastTimestamp: "February 3, 2021" }))); };
 //# sourceMappingURL=StatusAside.stories.js.map

package/dist/src/notifications/StatusAside.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusAside.stories.js","sourceRoot":"","sources":["../../../src/notifications/StatusAside.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,6CAA2C;AAC3C,uDAAkD;AAClD,4CAA0C;AAC1C,6DAAmF;AACnF,iDAA+D;AAE/D,kBAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAEM,IAAM,sBAAsB,GAAG,cAAM,OAAA,CAC1C,8BAAC,yBAAW,IACV,OAAO,EAAE;QACP,8BAAC,sBAAQ,IAAC,GAAG,EAAE,CAAC;YACd,8BAAC,eAAM,IAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,oCAAkB,CAAC,KAAK,WAE9C,CACA;QACX,8BAAC,sBAAQ,IAAC,GAAG,EAAE,CAAC;YACd,8BAAC,eAAM,IACL,SAAS,EAAE,qCAAmB,CAAC,SAAS,EACxC,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,oCAAkB,CAAC,KAAK,cAGvB,CACA;QACX,8BAAC,sBAAQ,IAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;YACvB,8BAAC,eAAM,IACL,SAAS,EAAE,qCAAmB,CAAC,OAAO,EACtC,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,oCAAkB,CAAC,KAAK,aAGvB,CACA;KACZ;IAED,8BAAC,8BAAc;QACb,8BAAC,6BAAa,IACZ,MAAM,EAAC,WAAW,EAClB,KAAK,EAAE,qCAAmB,CAAC,OAAO,EAClC,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,oCAAoC,GACzC;QACF,8BAAC,6BAAa,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,GAAG,CACpC,CACL,CACf,EAtC2C,CAsC3C,CAAA;AAtCY,QAAA,sBAAsB,0BAsClC;AAEM,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,8BAAC,yBAAW,IACV,OAAO,EAAE,CAAC,EACV,OAAO,EAAE;QACP,8BAAC,sBAAQ,IAAC,GAAG,EAAE,CAAC;YACd,8BAAC,eAAM,IAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,oCAAkB,CAAC,KAAK,WAE9C,CACA;QACX,8BAAC,sBAAQ,IAAC,GAAG,EAAE,CAAC;YACd,8BAAC,eAAM,IACL,SAAS,EAAE,qCAAmB,CAAC,SAAS,EACxC,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,oCAAkB,CAAC,KAAK,cAGvB,CACA;KACZ;IAED,8BAAC,8BAAc,IAAC,aAAa,EAAC,kBAAkB,GAAG,CACvC,CACf,EAtBkC,CAsBlC,CAAA;AAtBY,QAAA,aAAa,iBAsBzB"}
+{"version":3,"file":"StatusAside.stories.js","sourceRoot":"","sources":["../../../src/notifications/StatusAside.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACnF,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/D,eAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,cAAM,OAAA,CAC1C,oBAAC,WAAW,IACV,OAAO,EAAE;QACP,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC;YACd,oBAAC,MAAM,IAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,CAAC,KAAK,WAE9C,CACA;QACX,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC;YACd,oBAAC,MAAM,IACL,SAAS,EAAE,mBAAmB,CAAC,SAAS,EACxC,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,kBAAkB,CAAC,KAAK,cAGvB,CACA;QACX,oBAAC,QAAQ,IAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;YACvB,oBAAC,MAAM,IACL,SAAS,EAAE,mBAAmB,CAAC,OAAO,EACtC,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,kBAAkB,CAAC,KAAK,aAGvB,CACA;KACZ;IAED,oBAAC,cAAc;QACb,oBAAC,aAAa,IACZ,MAAM,EAAC,WAAW,EAClB,KAAK,EAAE,mBAAmB,CAAC,OAAO,EAClC,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,oCAAoC,GACzC;QACF,oBAAC,aAAa,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,GAAG,CACpC,CACL,CACf,EAtC2C,CAsC3C,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,oBAAC,WAAW,IACV,OAAO,EAAE,CAAC,EACV,OAAO,EAAE;QACP,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC;YACd,oBAAC,MAAM,IAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,CAAC,KAAK,WAE9C,CACA;QACX,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC;YACd,oBAAC,MAAM,IACL,SAAS,EAAE,mBAAmB,CAAC,SAAS,EACxC,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,kBAAkB,CAAC,KAAK,cAGvB,CACA;KACZ;IAED,oBAAC,cAAc,IAAC,aAAa,EAAC,kBAAkB,GAAG,CACvC,CACf,EAtBkC,CAsBlC,CAAA"}

package/dist/src/notifications/StatusMessage.js

@@ -1,36 +1,28 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusMessage = exports.default = exports.StatusMessages = void 0;
-var react_1 = __importDefault(require("react"));
-var AppearanceTypes_1 = require("../global/AppearanceTypes");
-var Tag_1 = require("../text/Tag");
-var translator_1 = require("../helpers/translator");
-require("./StatusMessage.scss");
-var StatusMessages = function (props) {
+import React from "react";
+import { AppearanceSizeType } from "../global/AppearanceTypes";
+import { Tag } from "../text/Tag";
+import { t } from "../helpers/translator";
+import "./StatusMessage.scss";
+export var StatusMessages = function (props) {
     var _a, _b, _c, _d;
-    if (react_1.default.Children.count(props.children) == 0) {
-        return (react_1.default.createElement("ul", { className: "status-messages" }, props.lastTimestamp && (react_1.default.createElement("li", { className: "status-message" },
-            react_1.default.createElement("div", { className: "status-message__note text-center" }, (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.lastUpdated) !== null && _b !== void 0 ? _b : (0, translator_1.t)("t.lastUpdated"),
+    if (React.Children.count(props.children) == 0) {
+        return (React.createElement("ul", { className: "status-messages" }, props.lastTimestamp && (React.createElement("li", { className: "status-message" },
+            React.createElement("div", { className: "status-message__note text-center" }, (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.lastUpdated) !== null && _b !== void 0 ? _b : t("t.lastUpdated"),
                 ": ",
                 props.lastTimestamp)))));
     }
     else {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("h3", { className: "status-messages__title" }, (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.statusHistory) !== null && _d !== void 0 ? _d : (0, translator_1.t)("t.statusHistory")),
-            react_1.default.createElement("ul", { className: "status-messages" }, props.children)));
+        return (React.createElement(React.Fragment, null,
+            React.createElement("h3", { className: "status-messages__title" }, (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.statusHistory) !== null && _d !== void 0 ? _d : t("t.statusHistory")),
+            React.createElement("ul", { className: "status-messages" }, props.children)));
     }
 };
-exports.StatusMessages = StatusMessages;
 var StatusMessage = function (props) {
-    return (react_1.default.createElement("li", { className: "status-message" },
-        react_1.default.createElement("div", { className: "status-message__status" },
-            react_1.default.createElement(Tag_1.Tag, { pillStyle: true, styleType: props.style, size: AppearanceTypes_1.AppearanceSizeType.small }, props.status),
-            react_1.default.createElement("span", { className: "status-message__time" }, props.timestamp)),
-        props.body && react_1.default.createElement("div", { className: "status-message__note" }, props.body)));
+    return (React.createElement("li", { className: "status-message" },
+        React.createElement("div", { className: "status-message__status" },
+            React.createElement(Tag, { pillStyle: true, styleType: props.style, size: AppearanceSizeType.small }, props.status),
+            React.createElement("span", { className: "status-message__time" }, props.timestamp)),
+        props.body && React.createElement("div", { className: "status-message__note" }, props.body)));
 };
-exports.default = StatusMessage;
-exports.StatusMessage = StatusMessage;
+export { StatusMessage as default, StatusMessage };
 //# sourceMappingURL=StatusMessage.js.map

package/dist/src/notifications/StatusMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusMessage.js","sourceRoot":"","sources":["../../../src/notifications/StatusMessage.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,6DAAmF;AACnF,mCAAiC;AACjC,oDAAyC;AAEzC,gCAA6B;AAWtB,IAAM,cAAc,GAAG,UAAC,KAA0B;;IACvD,IAAI,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC7C,OAAO,CACL,sCAAI,SAAS,EAAC,iBAAiB,IAC5B,KAAK,CAAC,aAAa,IAAI,CACtB,sCAAI,SAAS,EAAC,gBAAgB;YAC5B,uCAAK,SAAS,EAAC,kCAAkC,IAC9C,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,WAAW,mCAAI,IAAA,cAAC,EAAC,eAAe,CAAC;;gBAAI,KAAK,CAAC,aAAa,CACpE,CACH,CACN,CACE,CACN,CAAA;KACF;SAAM;QACL,OAAO,CACL;YACE,sCAAI,SAAS,EAAC,wBAAwB,IACnC,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,aAAa,mCAAI,IAAA,cAAC,EAAC,iBAAiB,CAAC,CAClD;YACL,sCAAI,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAC,QAAQ,CAAM,CACpD,CACJ,CAAA;KACF;AACH,CAAC,CAAA;AAvBY,QAAA,cAAc,kBAuB1B;AASD,IAAM,aAAa,GAAG,UAAC,KAAyB;IAC9C,OAAO,CACL,sCAAI,SAAS,EAAC,gBAAgB;QAC5B,uCAAK,SAAS,EAAC,wBAAwB;YACrC,8BAAC,SAAG,IAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,oCAAkB,CAAC,KAAK,IACzE,KAAK,CAAC,MAAM,CACT;YAEN,wCAAM,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,SAAS,CAAQ,CAC3D;QAEL,KAAK,CAAC,IAAI,IAAI,uCAAK,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,IAAI,CAAO,CACpE,CACN,CAAA;AACH,CAAC,CAAA;AAEyB,gCAAO;AAAE,sCAAa"}
+{"version":3,"file":"StatusMessage.js","sourceRoot":"","sources":["../../../src/notifications/StatusMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAuB,MAAM,2BAA2B,CAAA;AACnF,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAA;AAEzC,OAAO,sBAAsB,CAAA;AAW7B,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,KAA0B;;IACvD,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC7C,OAAO,CACL,4BAAI,SAAS,EAAC,iBAAiB,IAC5B,KAAK,CAAC,aAAa,IAAI,CACtB,4BAAI,SAAS,EAAC,gBAAgB;YAC5B,6BAAK,SAAS,EAAC,kCAAkC,IAC9C,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,WAAW,mCAAI,CAAC,CAAC,eAAe,CAAC;;gBAAI,KAAK,CAAC,aAAa,CACpE,CACH,CACN,CACE,CACN,CAAA;KACF;SAAM;QACL,OAAO,CACL;YACE,4BAAI,SAAS,EAAC,wBAAwB,IACnC,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,aAAa,mCAAI,CAAC,CAAC,iBAAiB,CAAC,CAClD;YACL,4BAAI,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAC,QAAQ,CAAM,CACpD,CACJ,CAAA;KACF;AACH,CAAC,CAAA;AASD,IAAM,aAAa,GAAG,UAAC,KAAyB;IAC9C,OAAO,CACL,4BAAI,SAAS,EAAC,gBAAgB;QAC5B,6BAAK,SAAS,EAAC,wBAAwB;YACrC,oBAAC,GAAG,IAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,kBAAkB,CAAC,KAAK,IACzE,KAAK,CAAC,MAAM,CACT;YAEN,8BAAM,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,SAAS,CAAQ,CAC3D;QAEL,KAAK,CAAC,IAAI,IAAI,6BAAK,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,IAAI,CAAO,CACpE,CACN,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/src/notifications/StatusMessage.stories.js

@@ -1,20 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoMessages = exports.SeveralMessages = void 0;
-var react_1 = __importDefault(require("react"));
-var AppearanceTypes_1 = require("../global/AppearanceTypes");
-var StatusMessage_1 = require("./StatusMessage");
-exports.default = {
+import React from "react";
+import { AppearanceStyleType } from "../global/AppearanceTypes";
+import { StatusMessages, StatusMessage } from "./StatusMessage";
+export default {
     title: "Notifications/Status Messages",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
-var SeveralMessages = function () { return (react_1.default.createElement(StatusMessage_1.StatusMessages, null,
-    react_1.default.createElement(StatusMessage_1.StatusMessage, { status: "Submitted", style: AppearanceTypes_1.AppearanceStyleType.success, timestamp: "3/2/21", body: "Additional details here." }),
-    react_1.default.createElement(StatusMessage_1.StatusMessage, { status: "Draft", timestamp: "2/1/21" }))); };
-exports.SeveralMessages = SeveralMessages;
-var NoMessages = function () { return react_1.default.createElement(StatusMessage_1.StatusMessages, { lastTimestamp: "August 25, 2021" }); };
-exports.NoMessages = NoMessages;
+export var SeveralMessages = function () { return (React.createElement(StatusMessages, null,
+    React.createElement(StatusMessage, { status: "Submitted", style: AppearanceStyleType.success, timestamp: "3/2/21", body: "Additional details here." }),
+    React.createElement(StatusMessage, { status: "Draft", timestamp: "2/1/21" }))); };
+export var NoMessages = function () { return React.createElement(StatusMessages, { lastTimestamp: "August 25, 2021" }); };
 //# sourceMappingURL=StatusMessage.stories.js.map

package/dist/src/notifications/StatusMessage.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusMessage.stories.js","sourceRoot":"","sources":["../../../src/notifications/StatusMessage.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,6DAA+D;AAC/D,iDAA+D;AAE/D,kBAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAEM,IAAM,eAAe,GAAG,cAAM,OAAA,CACnC,8BAAC,8BAAc;IACb,8BAAC,6BAAa,IACZ,MAAM,EAAC,WAAW,EAClB,KAAK,EAAE,qCAAmB,CAAC,OAAO,EAClC,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,0BAA0B,GAC/B;IACF,8BAAC,6BAAa,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,GAAG,CACpC,CAClB,EAVoC,CAUpC,CAAA;AAVY,QAAA,eAAe,mBAU3B;AAEM,IAAM,UAAU,GAAG,cAAM,OAAA,8BAAC,8BAAc,IAAC,aAAa,EAAC,iBAAiB,GAAkB,EAAjE,CAAiE,CAAA;AAApF,QAAA,UAAU,cAA0E"}
+{"version":3,"file":"StatusMessage.stories.js","sourceRoot":"","sources":["../../../src/notifications/StatusMessage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/D,eAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,cAAM,OAAA,CACnC,oBAAC,cAAc;IACb,oBAAC,aAAa,IACZ,MAAM,EAAC,WAAW,EAClB,KAAK,EAAE,mBAAmB,CAAC,OAAO,EAClC,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,0BAA0B,GAC/B;IACF,oBAAC,aAAa,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,GAAG,CACpC,CAClB,EAVoC,CAUpC,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,oBAAC,cAAc,IAAC,aAAa,EAAC,iBAAiB,GAAkB,EAAjE,CAAiE,CAAA"}

package/dist/src/notifications/alertTypes.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colorClasses = void 0;
-exports.colorClasses = {
+export var colorClasses = {
     alert: "alert",
     notice: "primary",
     success: "success",

package/dist/src/notifications/alertTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"alertTypes.js","sourceRoot":"","sources":["../../../src/notifications/alertTypes.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACb,CAAA"}
+{"version":3,"file":"alertTypes.js","sourceRoot":"","sources":["../../../src/notifications/alertTypes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACb,CAAA"}

package/dist/src/overlays/Drawer.js

@@ -1,59 +1,32 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = exports.default = exports.DrawerSide = void 0;
-var react_1 = __importStar(require("react"));
-require("./Drawer.scss");
-var Icon_1 = require("../icons/Icon");
-var Overlay_1 = require("./Overlay");
-var Tag_1 = require("../text/Tag");
-var AppearanceTypes_1 = require("../global/AppearanceTypes");
-var AlertBox_1 = require("../notifications/AlertBox");
-var nanoid_1 = require("nanoid");
-var DrawerSide;
+import React, { useRef } from "react";
+import "./Drawer.scss";
+import { Icon } from "../icons/Icon";
+import { Overlay } from "./Overlay";
+import { Tag } from "../text/Tag";
+import { AppearanceSizeType } from "../global/AppearanceTypes";
+import { AlertBox } from "../notifications/AlertBox";
+import { nanoid } from "nanoid";
+export var DrawerSide;
 (function (DrawerSide) {
     DrawerSide["left"] = "left";
     DrawerSide["right"] = "right";
-})(DrawerSide = exports.DrawerSide || (exports.DrawerSide = {}));
+})(DrawerSide || (DrawerSide = {}));
 var Drawer = function (props) {
     var drawerClasses = ["drawer"];
     if (props.className)
         drawerClasses.push(props.className);
-    var uniqueIdRef = (0, react_1.useRef)((0, nanoid_1.nanoid)());
-    return (react_1.default.createElement(Overlay_1.Overlay, { ariaLabelledBy: uniqueIdRef.current, ariaDescription: props.ariaDescription, open: props.open, onClose: props.onClose, backdrop: props.backdrop, className: "has-drawer" + (props.direction == DrawerSide.left ? " is-direction-left" : ""), role: "dialog" },
-        react_1.default.createElement("div", { className: drawerClasses.join(" ") },
-            react_1.default.createElement("header", { className: "drawer__header" },
-                props.title && (react_1.default.createElement("h1", { className: "drawer__title", id: uniqueIdRef.current }, props.title)),
-                props.headerTag && (react_1.default.createElement(Tag_1.Tag, { pillStyle: true, size: AppearanceTypes_1.AppearanceSizeType.small, styleType: props.headerTagStyle, className: "ml-3" }, props.headerTag)),
-                props.toastContent && (react_1.default.createElement(AlertBox_1.AlertBox, { type: props.toastStyle, narrow: true, className: "ml-4", closeable: true }, props.toastContent)),
-                react_1.default.createElement("button", { onClick: props.onClose, className: "drawer__close", "aria-label": "Close", tabIndex: 0 },
-                    react_1.default.createElement(Icon_1.Icon, { size: "medium", symbol: "close" }))),
-            react_1.default.createElement("div", { className: "drawer__body" },
-                react_1.default.createElement("div", { className: "drawer__content" }, props.children)),
-            props.actions && react_1.default.createElement("div", { className: "p-4 flex gap-4" }, props.actions))));
+    var uniqueIdRef = useRef(nanoid());
+    return (React.createElement(Overlay, { ariaLabelledBy: uniqueIdRef.current, ariaDescription: props.ariaDescription, open: props.open, onClose: props.onClose, backdrop: props.backdrop, className: "has-drawer" + (props.direction == DrawerSide.left ? " is-direction-left" : ""), role: "dialog" },
+        React.createElement("div", { className: drawerClasses.join(" ") },
+            React.createElement("header", { className: "drawer__header" },
+                props.title && (React.createElement("h1", { className: "drawer__title", id: uniqueIdRef.current }, props.title)),
+                props.headerTag && (React.createElement(Tag, { pillStyle: true, size: AppearanceSizeType.small, styleType: props.headerTagStyle, className: "ml-3" }, props.headerTag)),
+                props.toastContent && (React.createElement(AlertBox, { type: props.toastStyle, narrow: true, className: "ml-4", closeable: true }, props.toastContent)),
+                React.createElement("button", { onClick: props.onClose, className: "drawer__close", "aria-label": "Close", tabIndex: 0 },
+                    React.createElement(Icon, { size: "medium", symbol: "close" }))),
+            React.createElement("div", { className: "drawer__body" },
+                React.createElement("div", { className: "drawer__content" }, props.children)),
+            props.actions && React.createElement("div", { className: "p-4 flex gap-4" }, props.actions))));
 };
-exports.default = Drawer;
-exports.Drawer = Drawer;
+export { Drawer as default, Drawer };
 //# sourceMappingURL=Drawer.js.map

package/dist/src/overlays/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/overlays/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqC;AACrC,yBAAsB;AACtB,sCAAoC;AACpC,qCAAiD;AACjD,mCAAiC;AACjC,6DAAmF;AAEnF,sDAAoD;AACpD,iCAA+B;AAE/B,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,2BAAa,CAAA;IACb,6BAAe,CAAA;AACjB,CAAC,EAHW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAGrB;AAcD,IAAM,MAAM,GAAG,UAAC,KAAkB;IAChC,IAAM,aAAa,GAAG,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,KAAK,CAAC,SAAS;QAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,IAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAA,eAAM,GAAE,CAAC,CAAA;IAEpC,OAAO,CACL,8BAAC,iBAAO,IACN,cAAc,EAAE,WAAW,CAAC,OAAO,EACnC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,YAAY,GAAG,CAAC,KAAK,CAAC,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1F,IAAI,EAAC,QAAQ;QAEb,uCAAK,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC;YACrC,0CAAQ,SAAS,EAAC,gBAAgB;gBAC/B,KAAK,CAAC,KAAK,IAAI,CACd,sCAAI,SAAS,EAAC,eAAe,EAAC,EAAE,EAAE,WAAW,CAAC,OAAO,IAClD,KAAK,CAAC,KAAK,CACT,CACN;gBACA,KAAK,CAAC,SAAS,IAAI,CAClB,8BAAC,SAAG,IACF,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,oCAAkB,CAAC,KAAK,EAC9B,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,SAAS,EAAE,MAAM,IAEhB,KAAK,CAAC,SAAS,CACZ,CACP;gBACA,KAAK,CAAC,YAAY,IAAI,CACrB,8BAAC,mBAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,IAC/E,KAAK,CAAC,YAAY,CACV,CACZ;gBACD,0CAAQ,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAC,eAAe,gBAAY,OAAO,EAAC,QAAQ,EAAE,CAAC;oBACtF,8BAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,GAAG,CAC9B,CACF;YAET,uCAAK,SAAS,EAAC,cAAc;gBAC3B,uCAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAC,QAAQ,CAAO,CACnD;YAEL,KAAK,CAAC,OAAO,IAAI,uCAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAC,OAAO,CAAO,CACnE,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAEkB,yBAAO;AAAE,wBAAM"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/overlays/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,eAAe,CAAA;AACtB,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAuB,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnF,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/B,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,2BAAa,CAAA;IACb,6BAAe,CAAA;AACjB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAcD,IAAM,MAAM,GAAG,UAAC,KAAkB;IAChC,IAAM,aAAa,GAAG,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,KAAK,CAAC,SAAS;QAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,OAAO,IACN,cAAc,EAAE,WAAW,CAAC,OAAO,EACnC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,YAAY,GAAG,CAAC,KAAK,CAAC,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1F,IAAI,EAAC,QAAQ;QAEb,6BAAK,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC;YACrC,gCAAQ,SAAS,EAAC,gBAAgB;gBAC/B,KAAK,CAAC,KAAK,IAAI,CACd,4BAAI,SAAS,EAAC,eAAe,EAAC,EAAE,EAAE,WAAW,CAAC,OAAO,IAClD,KAAK,CAAC,KAAK,CACT,CACN;gBACA,KAAK,CAAC,SAAS,IAAI,CAClB,oBAAC,GAAG,IACF,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,kBAAkB,CAAC,KAAK,EAC9B,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,SAAS,EAAE,MAAM,IAEhB,KAAK,CAAC,SAAS,CACZ,CACP;gBACA,KAAK,CAAC,YAAY,IAAI,CACrB,oBAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,IAC/E,KAAK,CAAC,YAAY,CACV,CACZ;gBACD,gCAAQ,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAC,eAAe,gBAAY,OAAO,EAAC,QAAQ,EAAE,CAAC;oBACtF,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,GAAG,CAC9B,CACF;YAET,6BAAK,SAAS,EAAC,cAAc;gBAC3B,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAC,QAAQ,CAAO,CACnD;YAEL,KAAK,CAAC,OAAO,IAAI,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAC,OAAO,CAAO,CACnE,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,EAAE,CAAA"}