@imperium/layout 9.0.0 → 9.0.1-alpha.0

package/dist/esm/layout/moveItems.js

@@ -0,0 +1,65 @@
+import debug from 'debug';
+import { groupBy } from 'lodash-es';
+import { isDropdownLayoutItem, isMenuLayoutItem } from './types.js';
+
+debug("imperium.layout.moveItems");
+function pullItems(items, pulled = []) {
+  return items.reduce((memo, item) => {
+    if (isDropdownLayoutItem(item)) {
+      return [
+        ...memo,
+        {
+          ...item,
+          dropdown: pullItems(item.dropdown, pulled)
+        }
+      ];
+    }
+    if (isMenuLayoutItem(item)) {
+      return [
+        ...memo,
+        {
+          ...item,
+          menu: pullItems(item.menu, pulled)
+        }
+      ];
+    }
+    if (!item.moveToKey) {
+      return [...memo, item];
+    }
+    pulled.push(item);
+    return memo;
+  }, []);
+}
+function addItems(items, pulled) {
+  return items.reduce((memo, item) => {
+    if (isDropdownLayoutItem(item)) {
+      const newItems = item.key && pulled[item.key] ? pulled[item.key] : [];
+      return [
+        ...memo,
+        {
+          ...item,
+          dropdown: [...addItems(item.dropdown, pulled), ...newItems]
+        }
+      ];
+    }
+    if (isMenuLayoutItem(item) && item.key) {
+      const newItems = item.key && pulled[item.key] ? pulled[item.key] : [];
+      return [
+        ...memo,
+        {
+          ...item,
+          menu: [...addItems(item.menu, pulled), ...newItems]
+        }
+      ];
+    }
+    return [...memo, item];
+  }, []);
+}
+function moveItems(items) {
+  const pulled = [];
+  const itemsMinusPulled = pullItems(items, pulled);
+  return addItems(itemsMinusPulled, groupBy(pulled, "moveToKey"));
+}
+
+export { moveItems };
+//# sourceMappingURL=moveItems.js.map

package/dist/esm/layout/moveItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"moveItems.js","sources":["../../../src/layout/moveItems.ts"],"sourcesContent":["import debug from 'debug';\nimport {groupBy} from 'lodash-es';\nimport type {LayoutItem} from './types';\nimport {isDropdownLayoutItem, isMenuLayoutItem} from './types';\n\nconst d = debug('imperium.layout.moveItems');\n\nfunction pullItems(items: LayoutItem[], pulled: LayoutItem[] = []): LayoutItem[] {\n\treturn items.reduce((memo, item) => {\n\t\tif (isDropdownLayoutItem(item)) {\n\t\t\treturn [\n\t\t\t\t...memo,\n\t\t\t\t{\n\t\t\t\t\t...item,\n\t\t\t\t\tdropdown: pullItems(item.dropdown, pulled),\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\tif (isMenuLayoutItem(item)) {\n\t\t\treturn [\n\t\t\t\t...memo,\n\t\t\t\t{\n\t\t\t\t\t...item,\n\t\t\t\t\tmenu: pullItems(item.menu, pulled),\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\tif (!item.moveToKey) {\n\t\t\treturn [...memo, item];\n\t\t}\n\n\t\tpulled.push(item);\n\t\treturn memo;\n\t}, [] as LayoutItem[]);\n}\n\nfunction addItems(items: LayoutItem[], pulled: Record<string, LayoutItem[]>): LayoutItem[] {\n\treturn items.reduce((memo, item) => {\n\t\tif (isDropdownLayoutItem(item)) {\n\t\t\tconst newItems = item.key && pulled[item.key] ? pulled[item.key] : [];\n\t\t\treturn [\n\t\t\t\t...memo,\n\t\t\t\t{\n\t\t\t\t\t...item,\n\t\t\t\t\tdropdown: [...addItems(item.dropdown, pulled), ...newItems],\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\tif (isMenuLayoutItem(item) && item.key) {\n\t\t\tconst newItems = item.key && pulled[item.key] ? pulled[item.key] : [];\n\t\t\treturn [\n\t\t\t\t...memo,\n\t\t\t\t{\n\t\t\t\t\t...item,\n\t\t\t\t\tmenu: [...addItems(item.menu, pulled), ...newItems],\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn [...memo, item];\n\t}, [] as LayoutItem[]);\n}\n\nexport function moveItems(items: LayoutItem[]) {\n\tconst pulled: LayoutItem[] = [];\n\tconst itemsMinusPulled = pullItems(items, pulled);\n\treturn addItems(itemsMinusPulled, groupBy(pulled, 'moveToKey'));\n}\n"],"names":[],"mappings":";;;;AAKU,MAAM,2BAA2B,EAAA;AAE3C,SAAmB,SAAA,CAAA,KAAA,EAAqB,MAAuB,GAAA,EAAkB,EAAA;AAChF,EAAA,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,IAAA,EAAM,IAAS,KAAA;AACnC,IAAI,IAAA,oBAAA,CAAqB,IAAI,CAAG,EAAA;AAC/B,MAAO,OAAA;AAAA,QACN,GAAG,IAAA;AAAA,QACH;AAAA,UACI,GAAA,IAAA;AAAA,UACH,QAAU,EAAA,SAAA,CAAU,IAAK,CAAA,QAAA,EAAU,MAAM,CAAA;AAAA,SAC1C;AAAA,OACD,CAAA;AAAA,KACD;AAEA,IAAI,IAAA,gBAAA,CAAiB,IAAI,CAAG,EAAA;AAC3B,MAAO,OAAA;AAAA,QACN,GAAG,IAAA;AAAA,QACH;AAAA,UACI,GAAA,IAAA;AAAA,UACH,IAAM,EAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,MAAM,CAAA;AAAA,SAClC;AAAA,OACD,CAAA;AAAA,KACD;AAEA,IAAI,IAAA,CAAC,KAAK,SAAW,EAAA;AACpB,MAAO,OAAA,CAAC,GAAG,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KACtB;AAEA,IAAA,MAAA,CAAO,KAAK,IAAI,CAAA,CAAA;AAChB,IAAO,OAAA,IAAA,CAAA;AAAA,GACR,EAAG,EAAkB,CAAA,CAAA;AACtB,CAAA;AAEA,SAAA,QAAA,CAAkB,OAAqB,MAAoD,EAAA;AAC1F,EAAA,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,IAAA,EAAM,IAAS,KAAA;AACnC,IAAI,IAAA,oBAAA,CAAqB,IAAI,CAAG,EAAA;AAC/B,MAAM,MAAA,QAAA,GAAW,KAAK,GAAO,IAAA,MAAA,CAAO,KAAK,GAAO,CAAA,GAAA,MAAA,CAAO,IAAK,CAAA,GAAA,CAAA,GAAO,EAAC,CAAA;AACpE,MAAO,OAAA;AAAA,QACN,GAAG,IAAA;AAAA,QACH;AAAA,UACI,GAAA,IAAA;AAAA,UACH,QAAA,EAAU,CAAC,GAAG,QAAA,CAAS,KAAK,QAAU,EAAA,MAAM,CAAG,EAAA,GAAG,QAAQ,CAAA;AAAA,SAC3D;AAAA,OACD,CAAA;AAAA,KACD;AAEA,IAAA,IAAI,gBAAiB,CAAA,IAAI,CAAK,IAAA,IAAA,CAAK,GAAK,EAAA;AACvC,MAAM,MAAA,QAAA,GAAW,KAAK,GAAO,IAAA,MAAA,CAAO,KAAK,GAAO,CAAA,GAAA,MAAA,CAAO,IAAK,CAAA,GAAA,CAAA,GAAO,EAAC,CAAA;AACpE,MAAO,OAAA;AAAA,QACN,GAAG,IAAA;AAAA,QACH;AAAA,UACI,GAAA,IAAA;AAAA,UACH,IAAA,EAAM,CAAC,GAAG,QAAA,CAAS,KAAK,IAAM,EAAA,MAAM,CAAG,EAAA,GAAG,QAAQ,CAAA;AAAA,SACnD;AAAA,OACD,CAAA;AAAA,KACD;AACA,IAAO,OAAA,CAAC,GAAG,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,GACtB,EAAG,EAAkB,CAAA,CAAA;AACtB,CAAA;AAEO,SAAA,SAAA,CAAmB,KAAqB,EAAA;AAC9C,EAAA,MAAM,SAAuB,EAAC,CAAA;AAC9B,EAAM,MAAA,gBAAA,GAAmB,SAAU,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAChD,EAAA,OAAO,QAAS,CAAA,gBAAA,EAAkB,OAAQ,CAAA,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAC/D;;;;"}

package/dist/esm/layout/types.js

@@ -0,0 +1,12 @@
+function isCustomLayoutItem(value) {
+  return !!value.render;
+}
+function isDropdownLayoutItem(value) {
+  return !!value.dropdown;
+}
+function isMenuLayoutItem(value) {
+  return !!value.menu;
+}
+
+export { isCustomLayoutItem, isDropdownLayoutItem, isMenuLayoutItem };
+//# sourceMappingURL=types.js.map

package/dist/esm/layout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/layout/types.ts"],"sourcesContent":["import type {SemanticICONS} from 'semantic-ui-react';\nimport type {HorizontalPositionedItem, RouteItem, VisibilityItem, WeightedItem} from '../commonItems';\nimport type {DataHookItem} from '../datahooks/types';\nimport type {Data, PermissionSelectorHook} from '../types';\n\n/**\n * Describes a basic weighted, possibly visible item\n */\nexport interface BaseLayoutItem extends WeightedItem, VisibilityItem {\n\ttext: string | ((data: Data) => string);\n\ticon?: SemanticICONS | ((data: Data) => SemanticICONS);\n\tmoveToKey?: string;\n}\n\nexport interface CustomLayoutItem extends WeightedItem, VisibilityItem {\n\trender: (data: Data) => JSX.Element | null;\n\tmoveToKey?: string;\n}\n\n/**\n * Describes a menu that displays a dropdown list of items\n */\nexport interface DropdownLayoutItem extends BaseLayoutItem {\n\tdropdown: ((BaseLayoutItem & RouteItem<Data>) | CustomLayoutItem)[];\n\tkey?: string;\n}\n\n/**\n * Describes a menu that displays a sub menu (not a dropdown list)\n */\nexport interface MenuLayoutItem extends BaseLayoutItem {\n\tmenu: ((BaseLayoutItem & RouteItem<Data>) | CustomLayoutItem)[];\n\tkey?: string;\n}\n\n/**\n * Describes a horizontal menu item which is either a route item or dropdown menu\n */\nexport type LayoutItem = (BaseLayoutItem & RouteItem<Data>) | DropdownLayoutItem | MenuLayoutItem | CustomLayoutItem;\n\nexport interface LayoutData {\n\tpermissionSelectorHooks?: PermissionSelectorHook[];\n\tdataHooks?: DataHookItem[];\n\tprimaryMenu?: (LayoutItem & HorizontalPositionedItem)[]; // primary menu\n\tstatusbar?: (LayoutItem & HorizontalPositionedItem)[];\n\tsecondaryMenu?: LayoutItem[]; // secondary menu\n\tfooter?: (LayoutItem & HorizontalPositionedItem)[]; // footer\n}\n\nexport function isCustomLayoutItem(value: any): value is CustomLayoutItem {\n\treturn !!(value as CustomLayoutItem).render;\n}\n\nexport function isDropdownLayoutItem(value: any): value is DropdownLayoutItem {\n\treturn !!(value as DropdownLayoutItem).dropdown;\n}\n\nexport function isMenuLayoutItem(value: any): value is MenuLayoutItem {\n\treturn !!(value as MenuLayoutItem).menu;\n}\n"],"names":[],"mappings":"AAiDO,SAAA,kBAAA,CAA4B,KAAuC,EAAA;AACzE,EAAO,OAAA,CAAC,CAAE,KAA2B,CAAA,MAAA,CAAA;AACtC,CAAA;AAEO,SAAA,oBAAA,CAA8B,KAAyC,EAAA;AAC7E,EAAO,OAAA,CAAC,CAAE,KAA6B,CAAA,QAAA,CAAA;AACxC,CAAA;AAEO,SAAA,gBAAA,CAA0B,KAAqC,EAAA;AACrE,EAAO,OAAA,CAAC,CAAE,KAAyB,CAAA,IAAA,CAAA;AACpC;;;;"}

package/dist/esm/layout/utils.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Icon } from 'semantic-ui-react';
+import { isHorizontalPositionedItem } from '../commonItems.js';
+
+function splitPositionedItems(items) {
+  return items.reduce((memo, v) => {
+    if (isHorizontalPositionedItem(v) && v.position === "right") {
+      return {
+        leftItems: memo.leftItems,
+        rightItems: [...memo.rightItems, v]
+      };
+    }
+    return {
+      leftItems: [...memo.leftItems, v],
+      rightItems: memo.rightItems
+    };
+  }, { leftItems: [], rightItems: [] });
+}
+function linkParameters(item, data) {
+  return item.to ? {
+    as: Link,
+    active: data.active,
+    to: typeof item.to === "function" ? item.to(data) : item.to
+  } : {};
+}
+function getText(item, data) {
+  return typeof item.text === "function" ? item.text(data) : item.text;
+}
+function getIcon(item, data) {
+  let iconName;
+  if (item.icon) {
+    iconName = typeof item.icon === "function" ? item.icon(data) : item.icon;
+  }
+  return item.icon ? /* @__PURE__ */ React.createElement(Icon, {
+    name: iconName
+  }) : null;
+}
+
+export { getIcon, getText, linkParameters, splitPositionedItems };
+//# sourceMappingURL=utils.js.map

package/dist/esm/layout/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/layout/utils.tsx"],"sourcesContent":["import {Link} from 'react-router-dom';\nimport {Icon, SemanticICONS} from 'semantic-ui-react';\nimport type {RouteItem} from '../commonItems';\nimport {isHorizontalPositionedItem} from '../commonItems';\nimport type {Data} from '../types';\nimport type {BaseLayoutItem, LayoutItem} from './types';\n\n/**\n * Splits positioned items into left and right arrays (if horizontal)\n * @param items\n */\nexport function splitPositionedItems<T extends LayoutItem>(items: T[]) {\n\treturn items.reduce(\n\t\t(memo, v) => {\n\t\t\tif (isHorizontalPositionedItem(v) && v.position === 'right') {\n\t\t\t\treturn {\n\t\t\t\t\tleftItems: memo.leftItems,\n\t\t\t\t\trightItems: [...memo.rightItems, v],\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tleftItems: [...memo.leftItems, v],\n\t\t\t\trightItems: memo.rightItems,\n\t\t\t};\n\t\t},\n\t\t{leftItems: [], rightItems: []} as {leftItems: T[]; rightItems: T[]},\n\t);\n}\n\nexport function linkParameters(item: BaseLayoutItem & RouteItem<Data>, data: Data) {\n\treturn item.to\n\t\t? {\n\t\t\t\tas: Link,\n\t\t\t\tactive: data.active,\n\t\t\t\tto: typeof item.to === 'function' ? item.to(data) : item.to,\n\t\t  }\n\t\t: {};\n}\n\nexport function getText(item: BaseLayoutItem, data: Data) {\n\treturn typeof item.text === 'function' ? item.text(data) : item.text;\n}\n\nexport function getIcon(item: BaseLayoutItem, data: Data) {\n\t// Generate the icon component, if it exists\n\tlet iconName: SemanticICONS | undefined;\n\tif (item.icon) {\n\t\ticonName = typeof item.icon === 'function' ? item.icon(data) : item.icon;\n\t}\n\treturn item.icon ? <Icon name={iconName} /> : null;\n}\n"],"names":[],"mappings":";;;;;AAWO,SAAA,oBAAA,CAAoD,KAAY,EAAA;AACtE,EAAA,OAAO,KAAM,CAAA,MAAA,CACZ,CAAC,IAAA,EAAM,CAAM,KAAA;AACZ,IAAA,IAAI,0BAA2B,CAAA,CAAC,CAAK,IAAA,CAAA,CAAE,aAAa,OAAS,EAAA;AAC5D,MAAO,OAAA;AAAA,QACN,WAAW,IAAK,CAAA,SAAA;AAAA,QAChB,UAAY,EAAA,CAAC,GAAG,IAAA,CAAK,YAAY,CAAC,CAAA;AAAA,OACnC,CAAA;AAAA,KACD;AACA,IAAO,OAAA;AAAA,MACN,SAAW,EAAA,CAAC,GAAG,IAAA,CAAK,WAAW,CAAC,CAAA;AAAA,MAChC,YAAY,IAAK,CAAA,UAAA;AAAA,KAClB,CAAA;AAAA,GACD,EACA,EAAC,SAAW,EAAA,IAAI,UAAY,EAAA,IAC7B,CAAA,CAAA;AACD,CAAA;AAEO,SAAA,cAAA,CAAwB,MAAwC,IAAY,EAAA;AAClF,EAAA,OAAO,KAAK,EACT,GAAA;AAAA,IACA,EAAI,EAAA,IAAA;AAAA,IACJ,QAAQ,IAAK,CAAA,MAAA;AAAA,IACb,EAAA,EAAI,OAAO,IAAK,CAAA,EAAA,KAAO,aAAa,IAAK,CAAA,EAAA,CAAG,IAAI,CAAA,GAAI,IAAK,CAAA,EAAA;AAAA,MAEzD,EAAC,CAAA;AACL,CAAA;AAEO,SAAA,OAAA,CAAiB,MAAsB,IAAY,EAAA;AACzD,EAAO,OAAA,OAAO,KAAK,IAAS,KAAA,UAAA,GAAa,KAAK,IAAK,CAAA,IAAI,IAAI,IAAK,CAAA,IAAA,CAAA;AACjE,CAAA;AAEO,SAAA,OAAA,CAAiB,MAAsB,IAAY,EAAA;AAEzD,EAAI,IAAA,QAAA,CAAA;AACJ,EAAA,IAAI,KAAK,IAAM,EAAA;AACd,IAAW,QAAA,GAAA,OAAO,KAAK,IAAS,KAAA,UAAA,GAAa,KAAK,IAAK,CAAA,IAAI,IAAI,IAAK,CAAA,IAAA,CAAA;AAAA,GACrE;AACA,EAAO,OAAA,IAAA,CAAK,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAM,EAAA,QAAA;AAAA,GAAU,CAAK,GAAA,IAAA,CAAA;AAC/C;;;;"}

package/dist/esm/layout/withLayout.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import debug from 'debug';
+import { DataHooks } from '../datahooks/DataHooks.js';
+import { PermissionHooks } from '../datahooks/PermissionHooks.js';
+import { isImperiumLayoutClientModule } from '../types.js';
+import { Layout } from './components/Layout.js';
+
+const d = debug("imperium.layout.withLayout");
+const initialLayoutModuleData = {
+  dataHooks: [],
+  permissionSelectorHooks: [],
+  primaryMenu: [],
+  statusbar: [],
+  secondaryMenu: [],
+  footer: []
+};
+function withLayout(client) {
+  const layoutModuleData = client.modules.reduce((memo, module) => {
+    if (isImperiumLayoutClientModule(module)) {
+      return {
+        dataHooks: [...memo.dataHooks || [], ...module.layout.dataHooks || []],
+        permissionSelectorHooks: [...memo.permissionSelectorHooks || [], ...module.layout.permissionSelectorHooks || []],
+        primaryMenu: [...memo.primaryMenu || [], ...module.layout.primaryMenu || []],
+        statusbar: [...memo.statusbar || [], ...module.layout.statusbar || []],
+        secondaryMenu: [...memo.secondaryMenu || [], ...module.layout.secondaryMenu || []],
+        footer: [...memo.footer || [], ...module.layout.footer || []]
+      };
+    }
+    return memo;
+  }, initialLayoutModuleData);
+  d("Layout items processed", layoutModuleData);
+  return function layoutHoc(Wrapped) {
+    const displayName = Wrapped.displayName || Wrapped.name || "";
+    function WithLayout(props) {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Layout, {
+        ...layoutModuleData
+      }, /* @__PURE__ */ React.createElement(Wrapped, {
+        ...props,
+        layout: layoutModuleData
+      })), /* @__PURE__ */ React.createElement(DataHooks, {
+        dataHooks: layoutModuleData.dataHooks
+      }), /* @__PURE__ */ React.createElement(PermissionHooks, {
+        permissionHooks: layoutModuleData.permissionSelectorHooks
+      }));
+    }
+    WithLayout.displayName = `withLayout(${displayName})`;
+    return WithLayout;
+  };
+}
+
+export { withLayout };
+//# sourceMappingURL=withLayout.js.map

package/dist/esm/layout/withLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLayout.js","sources":["../../../src/layout/withLayout.tsx"],"sourcesContent":["import type {Hoc, ImperiumClient} from '@imperium/client';\nimport debug from 'debug';\nimport type {ComponentType} from 'react';\nimport {DataHooks} from '../datahooks/DataHooks';\nimport {PermissionHooks} from '../datahooks/PermissionHooks';\nimport {isImperiumLayoutClientModule} from '../types';\nimport {Layout} from './components/Layout';\nimport type {LayoutData} from './types';\n\nconst d = debug('imperium.layout.withLayout');\n\nconst initialLayoutModuleData: Required<LayoutData> = {\n\tdataHooks: [],\n\tpermissionSelectorHooks: [],\n\tprimaryMenu: [],\n\tstatusbar: [],\n\tsecondaryMenu: [],\n\tfooter: [],\n};\n\nexport function withLayout(client: ImperiumClient): Hoc {\n\tconst layoutModuleData = client.modules.reduce((memo, module) => {\n\t\tif (isImperiumLayoutClientModule(module)) {\n\t\t\treturn {\n\t\t\t\tdataHooks: [...(memo.dataHooks || []), ...(module.layout.dataHooks || [])],\n\t\t\t\tpermissionSelectorHooks: [...(memo.permissionSelectorHooks || []), ...(module.layout.permissionSelectorHooks || [])],\n\t\t\t\tprimaryMenu: [...(memo.primaryMenu || []), ...(module.layout.primaryMenu || [])],\n\t\t\t\tstatusbar: [...(memo.statusbar || []), ...(module.layout.statusbar || [])],\n\t\t\t\tsecondaryMenu: [...(memo.secondaryMenu || []), ...(module.layout.secondaryMenu || [])],\n\t\t\t\tfooter: [...(memo.footer || []), ...(module.layout.footer || [])],\n\t\t\t} as Required<LayoutData>;\n\t\t}\n\t\treturn memo;\n\t}, initialLayoutModuleData);\n\td('Layout items processed', layoutModuleData);\n\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\treturn function layoutHoc(Wrapped: ComponentType<any>) {\n\t\tconst displayName = Wrapped.displayName || Wrapped.name || '';\n\n\t\tfunction WithLayout(props: unknown) {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<Layout {...layoutModuleData}>\n\t\t\t\t\t\t<Wrapped {...props} layout={layoutModuleData} />\n\t\t\t\t\t</Layout>\n\t\t\t\t\t<DataHooks dataHooks={layoutModuleData.dataHooks} />\n\t\t\t\t\t<PermissionHooks permissionHooks={layoutModuleData.permissionSelectorHooks} />\n\t\t\t\t</>\n\t\t\t);\n\t\t}\n\n\t\tWithLayout.displayName = `withLayout(${displayName})`;\n\n\t\treturn WithLayout;\n\t};\n}\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,CAAA,GAAI,MAAM,4BAA4B,CAAA,CAAA;AAE5C,MAAM,uBAAgD,GAAA;AAAA,EACrD,WAAW,EAAC;AAAA,EACZ,yBAAyB,EAAC;AAAA,EAC1B,aAAa,EAAC;AAAA,EACd,WAAW,EAAC;AAAA,EACZ,eAAe,EAAC;AAAA,EAChB,QAAQ,EAAC;AACV,CAAA,CAAA;AAEO,SAAA,UAAA,CAAoB,MAA6B,EAAA;AACvD,EAAA,MAAM,mBAAmB,MAAO,CAAA,OAAA,CAAQ,MAAO,CAAA,CAAC,MAAM,MAAW,KAAA;AAChE,IAAI,IAAA,4BAAA,CAA6B,MAAM,CAAG,EAAA;AACzC,MAAO,OAAA;AAAA,QACN,SAAW,EAAA,CAAC,GAAI,IAAA,CAAK,SAAa,IAAA,EAAK,EAAA,GAAI,MAAO,CAAA,MAAA,CAAO,SAAa,IAAA,EAAG,CAAA;AAAA,QACzE,uBAAyB,EAAA,CAAC,GAAI,IAAA,CAAK,uBAA2B,IAAA,EAAK,EAAA,GAAI,MAAO,CAAA,MAAA,CAAO,uBAA2B,IAAA,EAAG,CAAA;AAAA,QACnH,WAAa,EAAA,CAAC,GAAI,IAAA,CAAK,WAAe,IAAA,EAAK,EAAA,GAAI,MAAO,CAAA,MAAA,CAAO,WAAe,IAAA,EAAG,CAAA;AAAA,QAC/E,SAAW,EAAA,CAAC,GAAI,IAAA,CAAK,SAAa,IAAA,EAAK,EAAA,GAAI,MAAO,CAAA,MAAA,CAAO,SAAa,IAAA,EAAG,CAAA;AAAA,QACzE,aAAe,EAAA,CAAC,GAAI,IAAA,CAAK,aAAiB,IAAA,EAAK,EAAA,GAAI,MAAO,CAAA,MAAA,CAAO,aAAiB,IAAA,EAAG,CAAA;AAAA,QACrF,MAAQ,EAAA,CAAC,GAAI,IAAA,CAAK,MAAU,IAAA,EAAK,EAAA,GAAI,MAAO,CAAA,MAAA,CAAO,MAAU,IAAA,EAAG,CAAA;AAAA,OACjE,CAAA;AAAA,KACD;AACA,IAAO,OAAA,IAAA,CAAA;AAAA,KACL,uBAAuB,CAAA,CAAA;AAC1B,EAAA,CAAA,CAAE,0BAA0B,gBAAgB,CAAA,CAAA;AAG5C,EAAA,OAAO,mBAAmB,OAA6B,EAAA;AACtD,IAAA,MAAM,WAAc,GAAA,OAAA,CAAQ,WAAe,IAAA,OAAA,CAAQ,IAAQ,IAAA,EAAA,CAAA;AAE3D,IAAA,SAAA,UAAA,CAAoB,KAAgB,EAAA;AACnC,MAAA,iFAEG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,QAAW,GAAA,gBAAA;AAAA,OAAA,kBACV,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,QAAY,GAAA,KAAA;AAAA,QAAO,MAAQ,EAAA,gBAAA;AAAA,OAAkB,CAC/C,mBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,QAAU,WAAW,gBAAiB,CAAA,SAAA;AAAA,OAAW,mBACjD,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,QAAgB,iBAAiB,gBAAiB,CAAA,uBAAA;AAAA,OAAyB,CAC7E,CAAA,CAAA;AAAA,KAEF;AAEA,IAAA,UAAA,CAAW,cAAc,CAAc,WAAA,EAAA,WAAA,CAAA,CAAA,CAAA,CAAA;AAEvC,IAAO,OAAA,UAAA,CAAA;AAAA,GACR,CAAA;AACD;;;;"}

package/dist/esm/state.js

@@ -0,0 +1,25 @@
+import { createSliceHook } from '@imperium/state';
+import { createSlice } from '@reduxjs/toolkit';
+
+const state = createSlice({
+  name: "imperiumLayout",
+  initialState: {
+    isMobile: false,
+    params: {},
+    permissions: {}
+  },
+  reducers: {
+    setMobile: (st, action) => ({ ...st, isMobile: action.payload }),
+    setParams: (st, action) => {
+      st.params = action.payload;
+    },
+    setPermission: (st, action) => {
+      st.permissions[action.payload.permission] = action.payload.result;
+    }
+  }
+});
+const useLayoutState = createSliceHook(state);
+const { actions } = state;
+
+export { actions, state, useLayoutState };
+//# sourceMappingURL=state.js.map

package/dist/esm/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sources":["../../src/state.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport {createSliceHook} from '@imperium/state';\nimport {createSlice, PayloadAction} from '@reduxjs/toolkit';\n\nexport const state = createSlice({\n\tname: 'imperiumLayout',\n\tinitialState: {\n\t\tisMobile: false,\n\t\tparams: {},\n\t\tpermissions: {} as Record<string, boolean>,\n\t},\n\treducers: {\n\t\tsetMobile: (st, action: PayloadAction<boolean>) => ({...st, isMobile: action.payload}),\n\t\tsetParams: (st, action: PayloadAction<Record<string, string>>) => {\n\t\t\tst.params = action.payload;\n\t\t},\n\t\tsetPermission: (st, action: PayloadAction<{permission: string; result: boolean}>) => {\n\t\t\tst.permissions[action.payload.permission] = action.payload.result;\n\t\t},\n\t},\n});\n\nexport const useLayoutState = createSliceHook(state);\n\nexport const {actions} = state;\n"],"names":[],"mappings":";;;AAIO,MAAM,QAAQ,WAAY,CAAA;AAAA,EAChC,IAAM,EAAA,gBAAA;AAAA,EACN,YAAc,EAAA;AAAA,IACb,QAAU,EAAA,KAAA;AAAA,IACV,QAAQ,EAAC;AAAA,IACT,aAAa,EAAC;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACT,SAAA,EAAW,CAAC,EAAI,EAAA,MAAA,WAAwC,EAAI,EAAA,QAAA,EAAU,OAAO,OAAO,EAAA,CAAA;AAAA,IACpF,SAAA,EAAW,CAAC,EAAA,EAAI,MAAkD,KAAA;AACjE,MAAA,EAAA,CAAG,SAAS,MAAO,CAAA,OAAA,CAAA;AAAA,KACpB;AAAA,IACA,aAAA,EAAe,CAAC,EAAA,EAAI,MAAiE,KAAA;AACpF,MAAA,EAAA,CAAG,WAAY,CAAA,MAAA,CAAO,OAAQ,CAAA,UAAA,CAAA,GAAc,OAAO,OAAQ,CAAA,MAAA,CAAA;AAAA,KAC5D;AAAA,GACD;AACD,CAAC,EAAA;AAEY,MAAA,cAAA,GAAiB,gBAAgB,KAAK,EAAA;AAE5C,MAAM,EAAC,OAAW,EAAA,GAAA;;;;"}

package/dist/esm/types.js

@@ -0,0 +1,7 @@
+function isImperiumLayoutClientModule(module) {
+  const layoutModule = module;
+  return layoutModule.layout !== void 0;
+}
+
+export { isImperiumLayoutClientModule };
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../src/types.ts"],"sourcesContent":["import type {ImperiumClientModule} from '@imperium/client';\nimport type {Location} from 'history';\nimport type {LayoutData} from './layout/types';\n\nexport type State = Record<string, any>;\n/**\n * A hook that selects from redux state.\n */\nexport type StateSelectorHook = () => State;\n\nexport type PermissionResults = Record<string, boolean>;\n\nexport type PermissionSelectorHook = (data: Data) => PermissionResults;\n\n/**\n * The visibility query can either be a mingo query or a function that returns a boolean. The data is an object with the router path merged with any state selector hook data.\n */\nexport type VisibilityQueryFn = (data: Data) => boolean;\n\nexport interface Data extends Record<string, unknown> {\n\tloc: Location;\n\troute: {\n\t\tpath: string[];\n\t\thash: string;\n\t\tsearch: Record<string, any>;\n\t};\n\tstate: State;\n\tactive: boolean;\n\tpermissions: PermissionResults;\n\tid?: string;\n}\n\nexport interface ImperiumLayoutClientModule extends ImperiumClientModule {\n\tlayout: LayoutData;\n}\n\nexport function isImperiumLayoutClientModule(module: ImperiumClientModule): module is ImperiumLayoutClientModule {\n\tconst layoutModule = module as ImperiumLayoutClientModule;\n\treturn layoutModule.layout !== undefined;\n}\n"],"names":[],"mappings":"AAoCO,SAAA,4BAAA,CAAsC,MAAoE,EAAA;AAChH,EAAA,MAAM,YAAe,GAAA,MAAA,CAAA;AACrB,EAAA,OAAO,aAAa,MAAW,KAAA,KAAA,CAAA,CAAA;AAChC;;;;"}

package/dist/esm/utils.js

@@ -0,0 +1,9 @@
+import { memoize, sortBy } from 'lodash-es';
+
+function sortWeightedItemsImpl(items) {
+  return sortBy(items, (v) => v.weight || 0);
+}
+const sortWeightedItems = memoize(sortWeightedItemsImpl);
+
+export { sortWeightedItems };
+//# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import type {MemoizedFunction} from 'lodash';\nimport {memoize, sortBy} from 'lodash-es';\nimport type {WeightedItem} from './commonItems';\n\n/**\n * Sorts weighted items\n */\nfunction sortWeightedItemsImpl<T extends WeightedItem>(items: T[]) {\n\treturn sortBy(items, v => v.weight || 0);\n}\n\nexport const sortWeightedItems: (<T extends WeightedItem>(items: T[]) => unknown[] | Array<T[][keyof T[]]>) & MemoizedFunction =\n\tmemoize(sortWeightedItemsImpl);\n"],"names":[],"mappings":";;AAOA,SAAA,qBAAA,CAAuD,KAAY,EAAA;AAClE,EAAA,OAAO,MAAO,CAAA,KAAA,EAAO,CAAK,CAAA,KAAA,CAAA,CAAE,UAAU,CAAC,CAAA,CAAA;AACxC,CAAA;AAEa,MAAA,iBAAA,GACZ,QAAQ,qBAAqB;;;;"}