@elliemae/ds-left-navigation 3.0.0-next.1 → 3.0.0-next.5

package/dist/cjs/exported-related/Notifications/index.js

@@ -0,0 +1,82 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Notifications_exports = {};
+__export(Notifications_exports, {
+  Notifications: () => Notifications,
+  default: () => Notifications_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+const StyledIcon = import_styled_components.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+const Notifications = ({
+  exceptions = false,
+  alerts = false,
+  messages = false
+}) => /* @__PURE__ */ import_react.default.createElement(StyledIcon, null, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Notifications, {
+  size: "m",
+  color: ["brand-primary", 800],
+  "data-testid": "left-nav-notifications-icon"
+}), (exceptions || alerts || messages) && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
+  cols: ["1fr", "1fr", "1fr"],
+  gutter: "xxxs",
+  mt: "2px"
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
+  width: "6px",
+  height: "6px",
+  "data-testid": "left-nav-exceptions-icon"
+}, exceptions && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ExceptionsSmallFill, {
+  width: "6px",
+  height: "6px",
+  color: ["warning", 900]
+})), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
+  width: "6px",
+  height: "6px",
+  "data-testid": "left-nav-alerts-icon"
+}, alerts && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.AlertsSmallFill, {
+  width: "6px",
+  height: "6px",
+  color: ["danger", 900]
+})), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
+  width: "6px",
+  height: "6px",
+  "data-testid": "left-nav-messages-icon"
+}, messages && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MessagesSmallFill, {
+  width: "6px",
+  height: "6px",
+  color: ["success", 900]
+}))));
+var Notifications_default = Notifications;
+module.exports = __toCommonJS(Notifications_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/Notifications/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/Notifications/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  AlertsSmallFill,\n  Notifications as InternalNotifications,\n  ExceptionsSmallFill,\n  MessagesSmallFill,\n} from '@elliemae/ds-icons';\nimport styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nconst StyledIcon = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\ntype NotificationsProps = {\n  exceptions?: boolean;\n  alerts?: boolean;\n  messages?: boolean;\n};\n\nexport const Notifications = ({\n  exceptions = false,\n  alerts = false,\n  messages = false,\n}: NotificationsProps): JSX.Element => (\n  <StyledIcon>\n    <InternalNotifications size=\"m\" color={['brand-primary', 800]} data-testid=\"left-nav-notifications-icon\" />\n    {(exceptions || alerts || messages) && (\n      <Grid cols={['1fr', '1fr', '1fr']} gutter=\"xxxs\" mt=\"2px\">\n        <Grid width=\"6px\" height=\"6px\" data-testid=\"left-nav-exceptions-icon\">\n          {exceptions && <ExceptionsSmallFill width=\"6px\" height=\"6px\" color={['warning', 900]} />}\n        </Grid>\n        <Grid width=\"6px\" height=\"6px\" data-testid=\"left-nav-alerts-icon\">\n          {alerts && <AlertsSmallFill width=\"6px\" height=\"6px\" color={['danger', 900]} />}\n        </Grid>\n        <Grid width=\"6px\" height=\"6px\" data-testid=\"left-nav-messages-icon\">\n          {messages && <MessagesSmallFill width=\"6px\" height=\"6px\" color={['success', 900]} />}\n        </Grid>\n      </Grid>\n    )}\n  </StyledIcon>\n);\n\nexport default Notifications;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAKO;AACP,+BAAmB;AACnB,qBAAiB;AAEjB,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA;AAYnB,MAAM,gBAAgB,CAAC;AAAA,EAC5B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,MAEX,mDAAC,YAAD,MACE,mDAAC,+BAAD;AAAA,EAAuB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB;AAAA,EAAM,eAAY;AAAA,IACzE,eAAc,UAAU,aACxB,mDAAC,wBAAD;AAAA,EAAM,MAAM,CAAC,OAAO,OAAO;AAAA,EAAQ,QAAO;AAAA,EAAO,IAAG;AAAA,GAClD,mDAAC,wBAAD;AAAA,EAAM,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,eAAY;AAAA,GACxC,cAAc,mDAAC,qCAAD;AAAA,EAAqB,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,OAAO,CAAC,WAAW;AAAA,KAElF,mDAAC,wBAAD;AAAA,EAAM,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,eAAY;AAAA,GACxC,UAAU,mDAAC,iCAAD;AAAA,EAAiB,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,OAAO,CAAC,UAAU;AAAA,KAEzE,mDAAC,wBAAD;AAAA,EAAM,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,eAAY;AAAA,GACxC,YAAY,mDAAC,mCAAD;AAAA,EAAmB,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,OAAO,CAAC,WAAW;AAAA;AAOtF,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/cjs/exported-related/OpenWindowItem/index.js

@@ -0,0 +1,63 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var OpenWindowItem_exports = {};
+__export(OpenWindowItem_exports, {
+  OpenWindow: () => OpenWindow,
+  default: () => OpenWindowItem_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_icons = require("@elliemae/ds-icons");
+const StyledOpenWindow = (0, import_styled_components.default)(import_ds_icons.OpenWindow)`
+  cursor: pointer;
+  :focus {
+    outline: 1px solid ${(props) => props.theme.colors.brand[800]};
+  }
+`;
+const OpenWindow = (props) => /* @__PURE__ */ import_react.default.createElement(StyledOpenWindow, __spreadValues({
+  size: "s",
+  color: ["brand-primary", 800]
+}, props));
+var OpenWindowItem_default = OpenWindow;
+module.exports = __toCommonJS(OpenWindowItem_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/OpenWindowItem/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/OpenWindowItem/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport { OpenWindow as OpenWindowIcon } from '@elliemae/ds-icons';\n\nconst StyledOpenWindow = styled(OpenWindowIcon)`\n  cursor: pointer;\n  :focus {\n    outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n  }\n`;\n\nexport const OpenWindow = (props: unknown): JSX.Element => (\n  <StyledOpenWindow size=\"s\" color={['brand-primary', 800]} {...props} />\n);\n\nexport default OpenWindow;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,sBAA6C;AAE7C,MAAM,mBAAmB,sCAAO;AAAA;AAAA;AAAA,yBAGP,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAItD,MAAM,aAAa,CAAC,UACzB,mDAAC,kBAAD;AAAA,EAAkB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB;AAAA,GAAU;AAGhE,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/cjs/exported-related/constants.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var constants_exports = {};
+__export(constants_exports, {
+  CHEVRON_BACK_DS_ID: () => CHEVRON_BACK_DS_ID,
+  FOOTER_DS_ID: () => FOOTER_DS_ID,
+  FOOTER_MENU_CLOSE_DS_ID: () => FOOTER_MENU_CLOSE_DS_ID,
+  ITEM_TYPES: () => ITEM_TYPES,
+  LABEL_OVERFLOW: () => LABEL_OVERFLOW
+});
+var React = __toESM(require("react"));
+const LABEL_OVERFLOW = {
+  WRAP: "wrap",
+  WRAP_ALL: "wrapAll",
+  TRUNCATE: "truncate"
+};
+const ITEM_TYPES = {
+  LEFT_NAV_ITEM_HEADER: "ds-left-nav-item-header",
+  LEFT_NAV_ITEM_LINK: "ds-left-nav-item-link",
+  LEFT_NAV_ITEM_SUBMENU: "ds-left-nav-item-submenu",
+  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: "ds-left-nav-item-controlled-drilldown",
+  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: "ds-left-nav-item-uncontrolled-drilldown",
+  LEFT_NAV_ITEM_SECTION: "ds-left-nav-item-section",
+  LEFT_NAV_ITEM_SEPARATOR: "ds-left-nav-item-separator",
+  LEFT_NAV_ITEM_TEXT_LABEL: "ds-left-nav-item-text-label",
+  LEFT_NAV_ITEM_WITH_DATE: "ds-left-nav-item-with-date"
+};
+const FOOTER_DS_ID = "ds-left-nav-__internal__-footer";
+const FOOTER_MENU_CLOSE_DS_ID = "ds-left-nav-__internal__-footer-menu-close";
+const CHEVRON_BACK_DS_ID = "ds-left-nav-__internal__-chevron-back";
+module.exports = __toCommonJS(constants_exports);
+//# sourceMappingURL=constants.js.map

package/dist/cjs/exported-related/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/constants.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const LABEL_OVERFLOW = {\n  WRAP: 'wrap',\n  WRAP_ALL: 'wrapAll',\n  TRUNCATE: 'truncate',\n};\n\nexport const ITEM_TYPES = {\n  LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',\n  LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',\n  LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: 'ds-left-nav-item-uncontrolled-drilldown',\n  LEFT_NAV_ITEM_SECTION: 'ds-left-nav-item-section',\n  LEFT_NAV_ITEM_SEPARATOR: 'ds-left-nav-item-separator',\n  LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',\n  LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date',\n};\n\nexport const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';\n\nexport const FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';\n\nexport const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA;AAGL,MAAM,aAAa;AAAA,EACxB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,oCAAoC;AAAA,EACpC,sCAAsC;AAAA,EACtC,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA;AAGpB,MAAM,eAAe;AAErB,MAAM,0BAA0B;AAEhC,MAAM,qBAAqB;",
+  "names": []
+}

package/dist/cjs/exported-related/index.js

@@ -0,0 +1,33 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var exported_related_exports = {};
+var React = __toESM(require("react"));
+__reExport(exported_related_exports, require("./constants"));
+__reExport(exported_related_exports, require("./ItemRenderer"));
+__reExport(exported_related_exports, require("./ChevronItem"));
+__reExport(exported_related_exports, require("./Notifications"));
+__reExport(exported_related_exports, require("./OpenWindowItem"));
+__reExport(exported_related_exports, require("./Icon"));
+module.exports = __toCommonJS(exported_related_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './constants';\nexport * from './ItemRenderer';\nexport * from './ChevronItem';\nexport * from './Notifications';\nexport * from './OpenWindowItem';\nexport * from './Icon';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,qCAAc;AACd,qCAAc;AACd,qCAAc;AACd,qCAAc;AACd,qCAAc;AACd,qCAAc;",
+  "names": []
+}

package/dist/cjs/hooks/index.js

@@ -0,0 +1,30 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var hooks_exports = {};
+var React = __toESM(require("react"));
+__reExport(hooks_exports, require("./useOpenableOnClickHandler"));
+__reExport(hooks_exports, require("./useExpandableOnClickHandler"));
+__reExport(hooks_exports, require("./useKeyboardNavigation"));
+module.exports = __toCommonJS(hooks_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './useOpenableOnClickHandler';\nexport * from './useExpandableOnClickHandler';\nexport * from './useKeyboardNavigation';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,0BAAc;AACd,0BAAc;AACd,0BAAc;",
+  "names": []
+}

package/dist/cjs/hooks/useExpandableOnClickHandler.js

@@ -0,0 +1,64 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useExpandableOnClickHandler_exports = {};
+__export(useExpandableOnClickHandler_exports, {
+  useExpandableOnClickHandler: () => useExpandableOnClickHandler
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_LeftNavigationContext = __toESM(require("../LeftNavigationContext"));
+const useExpandableOnClickHandler = ({
+  id,
+  onExpand,
+  onOpen,
+  selectable = true
+}) => {
+  const {
+    leftNavProps: { expanded },
+    setSelectedItem
+  } = (0, import_react.useContext)(import_LeftNavigationContext.default);
+  const handleOnExpand = (0, import_react.useCallback)((e) => {
+    onExpand(e);
+    if (selectable)
+      setSelectedItem(id);
+  }, [id, onExpand, setSelectedItem, selectable]);
+  const handleOnOpen = (0, import_react.useCallback)((e) => {
+    onOpen(e);
+    if (selectable)
+      setSelectedItem(id);
+  }, [id, onOpen, setSelectedItem, selectable]);
+  const handleOnClick = (0, import_react.useCallback)((e) => {
+    if (!expanded)
+      handleOnExpand(e);
+    else
+      handleOnOpen(e);
+  }, [expanded, handleOnExpand, handleOnOpen]);
+  return handleOnClick;
+};
+module.exports = __toCommonJS(useExpandableOnClickHandler_exports);
+//# sourceMappingURL=useExpandableOnClickHandler.js.map

package/dist/cjs/hooks/useExpandableOnClickHandler.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useExpandableOnClickHandler.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback, useContext } from 'react';\nimport LeftNavigationContext from '../LeftNavigationContext';\n\ntype useExpandableOnClickHandlerProps = {\n  id: string;\n  onExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n  onOpen: React.MouseEventHandler & React.KeyboardEventHandler;\n  selectable?: boolean;\n};\n\nexport const useExpandableOnClickHandler = ({\n  id,\n  onExpand,\n  onOpen,\n  selectable = true,\n}: useExpandableOnClickHandlerProps): ((\n  e: React.MouseEvent<HTMLElement>,\n) => void) => {\n  const {\n    leftNavProps: { expanded },\n    setSelectedItem,\n  } = useContext(LeftNavigationContext);\n\n  const handleOnExpand = useCallback(\n    (e) => {\n      onExpand(e);\n      if (selectable) setSelectedItem(id);\n    },\n    [id, onExpand, setSelectedItem, selectable],\n  );\n\n  const handleOnOpen = useCallback(\n    (e) => {\n      onOpen(e);\n      if (selectable) setSelectedItem(id);\n    },\n    [id, onOpen, setSelectedItem, selectable],\n  );\n\n  const handleOnClick = useCallback(\n    (e) => {\n      if (!expanded) handleOnExpand(e);\n      else handleOnOpen(e);\n    },\n    [expanded, handleOnExpand, handleOnOpen],\n  );\n\n  return handleOnClick;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,mCAAkC;AAS3B,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,MAGD;AACZ,QAAM;AAAA,IACJ,cAAc,EAAE;AAAA,IAChB;AAAA,MACE,6BAAW;AAEf,QAAM,iBAAiB,8BACrB,CAAC,MAAM;AACL,aAAS;AACT,QAAI;AAAY,sBAAgB;AAAA,KAElC,CAAC,IAAI,UAAU,iBAAiB;AAGlC,QAAM,eAAe,8BACnB,CAAC,MAAM;AACL,WAAO;AACP,QAAI;AAAY,sBAAgB;AAAA,KAElC,CAAC,IAAI,QAAQ,iBAAiB;AAGhC,QAAM,gBAAgB,8BACpB,CAAC,MAAM;AACL,QAAI,CAAC;AAAU,qBAAe;AAAA;AACzB,mBAAa;AAAA,KAEpB,CAAC,UAAU,gBAAgB;AAG7B,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/hooks/useKeyboardNavigation.js

@@ -0,0 +1,118 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useKeyboardNavigation_exports = {};
+__export(useKeyboardNavigation_exports, {
+  useKeyboardNavigation: () => useKeyboardNavigation
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_constants = require("../exported-related/constants");
+var import_LeftNavigationContext = __toESM(require("../LeftNavigationContext"));
+const KEY_CODES = {
+  TAB: 9,
+  ENTER: 13,
+  SPACE: 32,
+  LEFT_ARROW: 37,
+  UP_ARROW: 38,
+  RIGHT_ARROW: 39,
+  DOWN_ARROW: 40,
+  END: 35,
+  HOME: 36
+};
+const nextIndex = (index, length) => (index + 1) % length;
+const prevIndex = (index, length) => (index - 1 + length) % length;
+const useKeyboardNavigation = ({ item, onClick }) => {
+  const {
+    dsId,
+    itemOpts: { selectable, openable, closable }
+  } = item;
+  const { visibleItems, visibleItemsRefs } = (0, import_react.useContext)(import_LeftNavigationContext.default);
+  const currentIndex = (0, import_react.useMemo)(() => visibleItems.findIndex((visibleItemDsId) => visibleItemDsId === dsId), [dsId, visibleItems]);
+  const { setFocusedItem, focusedItem, setSelectedItem } = (0, import_react.useContext)(import_LeftNavigationContext.default);
+  const focusAndSelect = (0, import_react.useCallback)((nextDsId) => {
+    setFocusedItem(nextDsId);
+    setSelectedItem(nextDsId);
+  }, [setFocusedItem, setSelectedItem]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (dsId === focusedItem)
+      visibleItemsRefs.current[dsId]?.current?.focus();
+  }, [dsId, focusedItem, visibleItemsRefs]);
+  const onKeyDown = (0, import_react.useCallback)((e) => {
+    const { keyCode } = e;
+    if (keyCode !== KEY_CODES.TAB) {
+      e.preventDefault();
+    }
+    if (keyCode === KEY_CODES.ENTER || keyCode === KEY_CODES.SPACE) {
+      if (selectable) {
+        onClick(e);
+        focusAndSelect(dsId);
+      } else if (focusedItem === import_constants.CHEVRON_BACK_DS_ID) {
+        onClick(e);
+        focusAndSelect(dsId);
+      } else if (focusedItem === import_constants.FOOTER_MENU_CLOSE_DS_ID) {
+        onClick(e);
+        setFocusedItem(dsId);
+      }
+    }
+    if (openable && keyCode === KEY_CODES.RIGHT_ARROW) {
+      onClick(e);
+    }
+    if (closable && keyCode === KEY_CODES.LEFT_ARROW) {
+      onClick(e);
+      setFocusedItem(dsId);
+    }
+    if (keyCode === KEY_CODES.DOWN_ARROW) {
+      const nextDsId = visibleItems[nextIndex(currentIndex, visibleItems.length)];
+      setFocusedItem(nextDsId);
+    }
+    if (keyCode === KEY_CODES.UP_ARROW) {
+      const prevDsId = visibleItems[prevIndex(currentIndex, visibleItems.length)];
+      setFocusedItem(prevDsId);
+    }
+    if (keyCode === KEY_CODES.HOME) {
+      setFocusedItem(visibleItems[0]);
+    }
+    if (keyCode === KEY_CODES.END) {
+      setFocusedItem(visibleItems[visibleItems.length - 1]);
+    }
+  }, [
+    openable,
+    closable,
+    selectable,
+    focusedItem,
+    onClick,
+    focusAndSelect,
+    dsId,
+    setFocusedItem,
+    visibleItems,
+    currentIndex
+  ]);
+  return onKeyDown;
+};
+module.exports = __toCommonJS(useKeyboardNavigation_exports);
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/cjs/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useKeyboardNavigation.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useLayoutEffect, useContext } from 'react';\nimport { CHEVRON_BACK_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from '../exported-related/constants';\nimport { GenericItemItemProps } from '../index.d';\nimport LeftNavContext from '../LeftNavigationContext';\n\nconst KEY_CODES = {\n  TAB: 9,\n  ENTER: 13,\n  SPACE: 32,\n  LEFT_ARROW: 37,\n  UP_ARROW: 38,\n  RIGHT_ARROW: 39,\n  DOWN_ARROW: 40,\n  END: 35,\n  HOME: 36,\n};\n\nconst nextIndex = (index: number, length: number) => (index + 1) % length;\nconst prevIndex = (index: number, length: number) => (index - 1 + length) % length;\n\ntype useKeyboardNavigationProps = {\n  item: GenericItemItemProps;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onClick: (e: any) => void;\n};\n\nexport const useKeyboardNavigation = ({ item, onClick }: useKeyboardNavigationProps): React.KeyboardEventHandler => {\n  const {\n    dsId,\n    itemOpts: { selectable, openable, closable },\n  } = item;\n\n  const { visibleItems, visibleItemsRefs } = useContext(LeftNavContext);\n\n  const currentIndex = useMemo(\n    () => visibleItems.findIndex((visibleItemDsId) => visibleItemDsId === dsId),\n    [dsId, visibleItems],\n  );\n\n  const { setFocusedItem, focusedItem, setSelectedItem } = useContext(LeftNavContext);\n\n  const focusAndSelect = useCallback(\n    (nextDsId: string) => {\n      setFocusedItem(nextDsId);\n      setSelectedItem(nextDsId);\n    },\n    [setFocusedItem, setSelectedItem],\n  );\n\n  useLayoutEffect(() => {\n    if (dsId === focusedItem) visibleItemsRefs.current[dsId]?.current?.focus();\n  }, [dsId, focusedItem, visibleItemsRefs]);\n\n  const onKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      const { keyCode } = e;\n\n      // Prevent default behaviour when not tab\n      if (keyCode !== KEY_CODES.TAB) {\n        e.preventDefault();\n      }\n\n      if (keyCode === KEY_CODES.ENTER || keyCode === KEY_CODES.SPACE) {\n        if (selectable) {\n          onClick(e);\n          focusAndSelect(dsId);\n        } else if (focusedItem === CHEVRON_BACK_DS_ID) {\n          onClick(e);\n          focusAndSelect(dsId);\n        } else if (focusedItem === FOOTER_MENU_CLOSE_DS_ID) {\n          onClick(e);\n          setFocusedItem(dsId);\n        }\n      }\n\n      if (openable && keyCode === KEY_CODES.RIGHT_ARROW) {\n        onClick(e);\n      }\n\n      if (closable && keyCode === KEY_CODES.LEFT_ARROW) {\n        onClick(e);\n        setFocusedItem(dsId);\n      }\n\n      if (keyCode === KEY_CODES.DOWN_ARROW) {\n        const nextDsId = visibleItems[nextIndex(currentIndex, visibleItems.length)];\n        setFocusedItem(nextDsId);\n      }\n\n      if (keyCode === KEY_CODES.UP_ARROW) {\n        const prevDsId = visibleItems[prevIndex(currentIndex, visibleItems.length)];\n        setFocusedItem(prevDsId);\n      }\n\n      if (keyCode === KEY_CODES.HOME) {\n        setFocusedItem(visibleItems[0]);\n      }\n\n      if (keyCode === KEY_CODES.END) {\n        setFocusedItem(visibleItems[visibleItems.length - 1]);\n      }\n    },\n    [\n      openable,\n      closable,\n      selectable,\n      focusedItem,\n      onClick,\n      focusAndSelect,\n      dsId,\n      setFocusedItem,\n      visibleItems,\n      currentIndex,\n    ],\n  );\n\n  return onKeyDown;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAyE;AACzE,uBAA4D;AAE5D,mCAA2B;AAE3B,MAAM,YAAY;AAAA,EAChB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,MAAM;AAAA;AAGR,MAAM,YAAY,CAAC,OAAe,WAAoB,SAAQ,KAAK;AACnE,MAAM,YAAY,CAAC,OAAe,WAAoB,SAAQ,IAAI,UAAU;AAQrE,MAAM,wBAAwB,CAAC,EAAE,MAAM,cAAsE;AAClH,QAAM;AAAA,IACJ;AAAA,IACA,UAAU,EAAE,YAAY,UAAU;AAAA,MAChC;AAEJ,QAAM,EAAE,cAAc,qBAAqB,6BAAW;AAEtD,QAAM,eAAe,0BACnB,MAAM,aAAa,UAAU,CAAC,oBAAoB,oBAAoB,OACtE,CAAC,MAAM;AAGT,QAAM,EAAE,gBAAgB,aAAa,oBAAoB,6BAAW;AAEpE,QAAM,iBAAiB,8BACrB,CAAC,aAAqB;AACpB,mBAAe;AACf,oBAAgB;AAAA,KAElB,CAAC,gBAAgB;AAGnB,oCAAgB,MAAM;AACpB,QAAI,SAAS;AAAa,uBAAiB,QAAQ,OAAO,SAAS;AAAA,KAClE,CAAC,MAAM,aAAa;AAEvB,QAAM,YAAwC,8BAC5C,CAAC,MAAM;AACL,UAAM,EAAE,YAAY;AAGpB,QAAI,YAAY,UAAU,KAAK;AAC7B,QAAE;AAAA;AAGJ,QAAI,YAAY,UAAU,SAAS,YAAY,UAAU,OAAO;AAC9D,UAAI,YAAY;AACd,gBAAQ;AACR,uBAAe;AAAA,iBACN,gBAAgB,qCAAoB;AAC7C,gBAAQ;AACR,uBAAe;AAAA,iBACN,gBAAgB,0CAAyB;AAClD,gBAAQ;AACR,uBAAe;AAAA;AAAA;AAInB,QAAI,YAAY,YAAY,UAAU,aAAa;AACjD,cAAQ;AAAA;AAGV,QAAI,YAAY,YAAY,UAAU,YAAY;AAChD,cAAQ;AACR,qBAAe;AAAA;AAGjB,QAAI,YAAY,UAAU,YAAY;AACpC,YAAM,WAAW,aAAa,UAAU,cAAc,aAAa;AACnE,qBAAe;AAAA;AAGjB,QAAI,YAAY,UAAU,UAAU;AAClC,YAAM,WAAW,aAAa,UAAU,cAAc,aAAa;AACnE,qBAAe;AAAA;AAGjB,QAAI,YAAY,UAAU,MAAM;AAC9B,qBAAe,aAAa;AAAA;AAG9B,QAAI,YAAY,UAAU,KAAK;AAC7B,qBAAe,aAAa,aAAa,SAAS;AAAA;AAAA,KAGtD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/hooks/useOpenableOnClickHandler.js

@@ -0,0 +1,69 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useOpenableOnClickHandler_exports = {};
+__export(useOpenableOnClickHandler_exports, {
+  useOpenableOnClickHandler: () => useOpenableOnClickHandler
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_LeftNavigationContext = __toESM(require("../LeftNavigationContext"));
+const useOpenableOnClickHandler = ({
+  id,
+  opened,
+  onExpand,
+  onOpen,
+  onClose
+}) => {
+  const {
+    leftNavProps: { expanded },
+    setSelectedItem
+  } = (0, import_react.useContext)(import_LeftNavigationContext.default);
+  const handleOnExpand = (0, import_react.useCallback)((e) => {
+    onExpand(e);
+    setSelectedItem(id);
+  }, [id, onExpand, setSelectedItem]);
+  const handleOnOpen = (0, import_react.useCallback)((e) => {
+    onOpen(e);
+    setSelectedItem(id);
+  }, [id, onOpen, setSelectedItem]);
+  const handleOnClose = (0, import_react.useCallback)((e) => {
+    onClose(e);
+    setSelectedItem(id);
+  }, [id, onClose, setSelectedItem]);
+  const handleOnClick = (0, import_react.useCallback)((e) => {
+    if (!expanded)
+      handleOnExpand(e);
+    else if (!opened)
+      handleOnOpen(e);
+    else
+      handleOnClose(e);
+  }, [expanded, opened, handleOnExpand, handleOnOpen, handleOnClose]);
+  return handleOnClick;
+};
+module.exports = __toCommonJS(useOpenableOnClickHandler_exports);
+//# sourceMappingURL=useOpenableOnClickHandler.js.map

package/dist/cjs/hooks/useOpenableOnClickHandler.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useOpenableOnClickHandler.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useCallback, useContext } from 'react';\nimport LeftNavigationContext from '../LeftNavigationContext';\n\ntype useOpenableOnClickHandlerProps = {\n  id: string;\n  onExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n  onOpen: React.MouseEventHandler & React.KeyboardEventHandler;\n  onClose: React.MouseEventHandler & React.KeyboardEventHandler;\n  opened: boolean;\n};\n\nexport const useOpenableOnClickHandler = ({\n  id,\n  opened,\n  onExpand,\n  onOpen,\n  onClose,\n}: useOpenableOnClickHandlerProps): ((\n  e: React.MouseEvent<HTMLElement>,\n) => void) => {\n  const {\n    leftNavProps: { expanded },\n    setSelectedItem,\n  } = useContext(LeftNavigationContext);\n\n  const handleOnExpand = useCallback(\n    (e) => {\n      onExpand(e);\n      setSelectedItem(id);\n    },\n    [id, onExpand, setSelectedItem],\n  );\n\n  const handleOnOpen = useCallback(\n    (e) => {\n      onOpen(e);\n      setSelectedItem(id);\n    },\n    [id, onOpen, setSelectedItem],\n  );\n\n  const handleOnClose = useCallback(\n    (e) => {\n      onClose(e);\n      setSelectedItem(id);\n    },\n    [id, onClose, setSelectedItem],\n  );\n\n  const handleOnClick = useCallback(\n    (e) => {\n      if (!expanded) handleOnExpand(e);\n      else if (!opened) handleOnOpen(e);\n      else handleOnClose(e);\n    },\n    [expanded, opened, handleOnExpand, handleOnOpen, handleOnClose],\n  );\n\n  return handleOnClick;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,mCAAkC;AAU3B,MAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAGY;AACZ,QAAM;AAAA,IACJ,cAAc,EAAE;AAAA,IAChB;AAAA,MACE,6BAAW;AAEf,QAAM,iBAAiB,8BACrB,CAAC,MAAM;AACL,aAAS;AACT,oBAAgB;AAAA,KAElB,CAAC,IAAI,UAAU;AAGjB,QAAM,eAAe,8BACnB,CAAC,MAAM;AACL,WAAO;AACP,oBAAgB;AAAA,KAElB,CAAC,IAAI,QAAQ;AAGf,QAAM,gBAAgB,8BACpB,CAAC,MAAM;AACL,YAAQ;AACR,oBAAgB;AAAA,KAElB,CAAC,IAAI,SAAS;AAGhB,QAAM,gBAAgB,8BACpB,CAAC,MAAM;AACL,QAAI,CAAC;AAAU,qBAAe;AAAA,aACrB,CAAC;AAAQ,mBAAa;AAAA;AAC1B,oBAAc;AAAA,KAErB,CAAC,UAAU,QAAQ,gBAAgB,cAAc;AAGnD,SAAO;AAAA;",
+  "names": []
+}