@imperium/layout 9.0.0 → 10.0.0

package/dist/esm/datahooks/ExecutePermissionHook.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import { useDispatch } from 'react-redux';
+import { actions } from '../state.js';
+
+function ExecutePermissionHook({ permissionHook, routeParams }) {
+  const dispatch = useDispatch();
+  const perms = permissionHook(routeParams);
+  useEffect(() => {
+    Object.keys(perms).forEach((permission) => {
+      dispatch(actions.setPermission({ permission, result: perms[permission] }));
+    });
+  }, [dispatch, perms]);
+  return null;
+}
+
+export { ExecutePermissionHook };
+//# sourceMappingURL=ExecutePermissionHook.js.map

package/dist/esm/datahooks/ExecutePermissionHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutePermissionHook.js","sources":["../../../src/datahooks/ExecutePermissionHook.tsx"],"sourcesContent":["import {useEffect} from 'react';\nimport {useDispatch} from 'react-redux';\nimport {actions} from '../state';\nimport type {PermissionSelectorHook} from '../types';\n\ninterface ExecutePermissionHookProps {\n\tpermissionHook: PermissionSelectorHook;\n\trouteParams?: any;\n}\n\nexport function ExecutePermissionHook({permissionHook, routeParams}: ExecutePermissionHookProps) {\n\tconst dispatch = useDispatch();\n\tconst perms = permissionHook(routeParams);\n\n\tuseEffect(() => {\n\t\tObject.keys(perms).forEach(permission => {\n\t\t\tdispatch(actions.setPermission({permission, result: perms[permission]}));\n\t\t});\n\t}, [dispatch, perms]);\n\n\treturn null;\n}\n"],"names":[],"mappings":";;;;AAUsC,SAAA,qBAAA,CAAA,EAAC,gBAAgB,WAA0C,EAAA,EAAA;AAChG,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAM,MAAA,KAAA,GAAQ,eAAe,WAAW,CAAA,CAAA;AAExC,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,MAAA,CAAO,IAAK,CAAA,KAAK,CAAE,CAAA,OAAA,CAAQ,CAAc,UAAA,KAAA;AACxC,MAAS,QAAA,CAAA,OAAA,CAAQ,cAAc,EAAC,UAAA,EAAY,QAAQ,KAAM,CAAA,UAAA,CAAA,EAAY,CAAC,CAAA,CAAA;AAAA,KACvE,CAAA,CAAA;AAAA,GACC,EAAA,CAAC,QAAU,EAAA,KAAK,CAAC,CAAA,CAAA;AAEpB,EAAO,OAAA,IAAA,CAAA;AACR;;;;"}

package/dist/esm/datahooks/PermissionHooks.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import debug from 'debug';
+import { ExecutePermissionHook } from './ExecutePermissionHook.js';
+
+debug("imperium.layout.datahooks.PermissionHooks");
+function PermissionHooks({ permissionHooks }) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, permissionHooks.map((hook, index) => {
+    return /* @__PURE__ */ React.createElement(ExecutePermissionHook, {
+      key: index,
+      permissionHook: hook
+    });
+  }));
+}
+
+export { PermissionHooks };
+//# sourceMappingURL=PermissionHooks.js.map

package/dist/esm/datahooks/PermissionHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionHooks.js","sources":["../../../src/datahooks/PermissionHooks.tsx"],"sourcesContent":["import debug from 'debug';\nimport type {PermissionSelectorHook} from '../types';\nimport {ExecutePermissionHook} from './ExecutePermissionHook';\n\nconst d = debug('imperium.layout.datahooks.PermissionHooks');\n\ninterface PermissionHooksProps {\n\tpermissionHooks: PermissionSelectorHook[];\n}\n\nexport function PermissionHooks({permissionHooks}: PermissionHooksProps) {\n\treturn (\n\t\t<>\n\t\t\t{permissionHooks.map((hook, index) => {\n\t\t\t\t// eslint-disable-next-line react/no-array-index-key\n\t\t\t\treturn <ExecutePermissionHook key={index} permissionHook={hook} />;\n\t\t\t})}\n\t\t</>\n\t);\n}\n"],"names":[],"mappings":";;;;AAIU,MAAM,2CAA2C,EAAA;AAMpD,SAAA,eAAA,CAAyB,EAAC,eAAwC,EAAA,EAAA;AACxE,EAAA,uBAEG,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,eAAA,CAAgB,GAAI,CAAA,CAAC,MAAM,KAAU,KAAA;AAErC,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA;AAAA,MAAsB,GAAK,EAAA,KAAA;AAAA,MAAO,cAAgB,EAAA,IAAA;AAAA,KAAM,CAAA,CAAA;AAAA,GAChE,CACF,CAAA,CAAA;AAEF;;;;"}

package/dist/esm/external/style-inject/dist/style-inject.es.js

@@ -0,0 +1,29 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };
+//# sourceMappingURL=style-inject.es.js.map

package/dist/esm/external/style-inject/dist/style-inject.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.js","sources":["../../../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;"}

package/dist/esm/hooks/useBuildData.js

@@ -0,0 +1,28 @@
+import { useAuth } from '@imperium/auth-client';
+import debug from 'debug';
+import { merge, compact } from 'lodash-es';
+import { useLocation } from 'react-router-dom';
+import { useLayoutState } from '../state.js';
+import { useIsActiveRoute } from './useIsActiveRoute.js';
+import { useSelectPermission } from './useSelectPermission.js';
+import { useSelectState } from './useSelectState.js';
+
+debug("imperium.layout.hooks.useBuildData");
+function useBuildData({ stateSelectorHook, permissionSelectorHook, data, routeItem }) {
+  const { id } = useAuth();
+  const { permissions } = useLayoutState();
+  const state = useSelectState(stateSelectorHook);
+  const loc = useLocation();
+  const route = {
+    path: compact(loc.pathname.split("/")),
+    hash: loc.hash,
+    search: new URLSearchParams(loc.search)
+  };
+  const active = useIsActiveRoute({ loc, route, state, active: false, id, permissions }, routeItem);
+  const permissionsX = useSelectPermission({ state, loc, active, route, id, permissions }, permissionSelectorHook);
+  const newData = { state, loc, active, route, permissions: { ...permissions, ...permissionsX }, id };
+  return data ? merge(data, newData) : newData;
+}
+
+export { useBuildData };
+//# sourceMappingURL=useBuildData.js.map

package/dist/esm/hooks/useBuildData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBuildData.js","sources":["../../../src/hooks/useBuildData.ts"],"sourcesContent":["import {useAuth} from '@imperium/auth-client';\nimport debug from 'debug';\nimport type {Location} from 'history';\nimport {compact, merge} from 'lodash-es';\nimport {useLocation} from 'react-router-dom';\nimport {useLayoutState} from '../state';\nimport type {Data, PermissionSelectorHook, StateSelectorHook} from '../types';\nimport {useIsActiveRoute} from './useIsActiveRoute';\nimport {useSelectPermission} from './useSelectPermission';\nimport {useSelectState} from './useSelectState';\n\nconst d = debug('imperium.layout.hooks.useBuildData');\n\nexport interface UseBuildDataParams {\n\tdata?: Data;\n\trouteItem?: any;\n\tstateSelectorHook?: StateSelectorHook | StateSelectorHook[];\n\tpermissionSelectorHook?: PermissionSelectorHook | PermissionSelectorHook[];\n}\n\nexport function useBuildData({stateSelectorHook, permissionSelectorHook, data, routeItem}: UseBuildDataParams) {\n\tconst {id} = useAuth();\n\tconst {permissions} = useLayoutState();\n\tconst state = useSelectState(stateSelectorHook);\n\tconst loc = useLocation() as Location;\n\tconst route = {\n\t\tpath: compact(loc.pathname.split('/')),\n\t\thash: loc.hash,\n\t\tsearch: new URLSearchParams(loc.search),\n\t};\n\tconst active = useIsActiveRoute({loc, route, state, active: false, id, permissions}, routeItem);\n\tconst permissionsX = useSelectPermission({state, loc, active, route, id, permissions}, permissionSelectorHook);\n\tconst newData: Data = {state, loc, active, route, permissions: {...permissions, ...permissionsX}, id};\n\treturn data ? merge(data, newData) : newData;\n}\n"],"names":[],"mappings":";;;;;;;;;AAWU,MAAM,oCAAoC,EAAA;AAS7C,SAAA,YAAA,CAAsB,EAAC,iBAAA,EAAmB,sBAAwB,EAAA,IAAA,EAAM,SAAgC,EAAA,EAAA;AAC9G,EAAM,MAAA,EAAC,OAAM,OAAQ,EAAA,CAAA;AACrB,EAAM,MAAA,EAAC,gBAAe,cAAe,EAAA,CAAA;AACrC,EAAM,MAAA,KAAA,GAAQ,eAAe,iBAAiB,CAAA,CAAA;AAC9C,EAAA,MAAM,MAAM,WAAY,EAAA,CAAA;AACxB,EAAA,MAAM,KAAQ,GAAA;AAAA,IACb,MAAM,OAAQ,CAAA,GAAA,CAAI,QAAS,CAAA,KAAA,CAAM,GAAG,CAAC,CAAA;AAAA,IACrC,MAAM,GAAI,CAAA,IAAA;AAAA,IACV,MAAQ,EAAA,IAAI,eAAgB,CAAA,GAAA,CAAI,MAAM,CAAA;AAAA,GACvC,CAAA;AACA,EAAM,MAAA,MAAA,GAAS,gBAAiB,CAAA,EAAC,GAAK,EAAA,KAAA,EAAO,KAAO,EAAA,MAAA,EAAQ,KAAO,EAAA,EAAA,EAAI,WAAW,EAAA,EAAG,SAAS,CAAA,CAAA;AAC9F,EAAM,MAAA,YAAA,GAAe,mBAAoB,CAAA,EAAC,KAAO,EAAA,GAAA,EAAK,QAAQ,KAAO,EAAA,EAAA,EAAI,WAAW,EAAA,EAAG,sBAAsB,CAAA,CAAA;AAC7G,EAAM,MAAA,OAAA,GAAgB,EAAC,KAAA,EAAO,GAAK,EAAA,MAAA,EAAQ,KAAO,EAAA,WAAA,EAAa,EAAI,GAAA,WAAA,EAAA,GAAgB,YAAY,EAAA,EAAG,EAAE,EAAA,CAAA;AACpG,EAAA,OAAO,IAAO,GAAA,KAAA,CAAM,IAAM,EAAA,OAAO,CAAI,GAAA,OAAA,CAAA;AACtC;;;;"}

package/dist/esm/hooks/useIsActiveRoute.js

@@ -0,0 +1,22 @@
+import { useRouteMatch } from 'react-router';
+import { isRouteItem } from '../commonItems.js';
+
+function useIsActiveRoute(data, item) {
+  const routeMatchObject = {};
+  if (item && isRouteItem(item)) {
+    if (typeof item.to === "string") {
+      routeMatchObject.path = item.to;
+    }
+    if (typeof item.to === "function") {
+      routeMatchObject.path = item.to(data);
+    }
+    routeMatchObject.exact = item.exact !== false;
+    routeMatchObject.sensitive = item.sensitive;
+    routeMatchObject.strict = item.strict;
+  }
+  const routeMatch = useRouteMatch(routeMatchObject);
+  return routeMatch !== null;
+}
+
+export { useIsActiveRoute };
+//# sourceMappingURL=useIsActiveRoute.js.map

package/dist/esm/hooks/useIsActiveRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsActiveRoute.js","sources":["../../../src/hooks/useIsActiveRoute.ts"],"sourcesContent":["import {useRouteMatch} from 'react-router';\nimport type {RouteProps} from 'react-router-dom';\nimport {isRouteItem} from '../commonItems';\nimport type {Data} from '../types';\n\nexport function useIsActiveRoute(data: Data, item?: any) {\n\t// Determine if the current route matches the to route to see if the link is active\n\tconst routeMatchObject: RouteProps = {};\n\tif (item && isRouteItem(item)) {\n\t\tif (typeof item.to === 'string') {\n\t\t\trouteMatchObject.path = item.to;\n\t\t}\n\t\tif (typeof item.to === 'function') {\n\t\t\trouteMatchObject.path = item.to(data);\n\t\t}\n\t\trouteMatchObject.exact = item.exact !== false;\n\t\trouteMatchObject.sensitive = item.sensitive;\n\t\trouteMatchObject.strict = item.strict;\n\t}\n\tconst routeMatch = useRouteMatch(routeMatchObject);\n\treturn routeMatch !== null;\n}\n"],"names":[],"mappings":";;;AAKO,SAAA,gBAAA,CAA0B,MAAY,IAAY,EAAA;AAExD,EAAA,MAAM,mBAA+B,EAAC,CAAA;AACtC,EAAI,IAAA,IAAA,IAAQ,WAAY,CAAA,IAAI,CAAG,EAAA;AAC9B,IAAI,IAAA,OAAO,IAAK,CAAA,EAAA,KAAO,QAAU,EAAA;AAChC,MAAA,gBAAA,CAAiB,OAAO,IAAK,CAAA,EAAA,CAAA;AAAA,KAC9B;AACA,IAAI,IAAA,OAAO,IAAK,CAAA,EAAA,KAAO,UAAY,EAAA;AAClC,MAAiB,gBAAA,CAAA,IAAA,GAAO,IAAK,CAAA,EAAA,CAAG,IAAI,CAAA,CAAA;AAAA,KACrC;AACA,IAAiB,gBAAA,CAAA,KAAA,GAAQ,KAAK,KAAU,KAAA,KAAA,CAAA;AACxC,IAAA,gBAAA,CAAiB,YAAY,IAAK,CAAA,SAAA,CAAA;AAClC,IAAA,gBAAA,CAAiB,SAAS,IAAK,CAAA,MAAA,CAAA;AAAA,GAChC;AACA,EAAM,MAAA,UAAA,GAAa,cAAc,gBAAgB,CAAA,CAAA;AACjD,EAAA,OAAO,UAAe,KAAA,IAAA,CAAA;AACvB;;;;"}

package/dist/esm/hooks/useSelectPermission.js

@@ -0,0 +1,12 @@
+import { flowRight } from 'lodash-es';
+
+function useSelectPermission(data, permissionSelectorHook) {
+  let finalSelectorHook = () => ({});
+  if (permissionSelectorHook) {
+    finalSelectorHook = Array.isArray(permissionSelectorHook) ? flowRight(permissionSelectorHook) : permissionSelectorHook;
+  }
+  return finalSelectorHook(data);
+}
+
+export { useSelectPermission };
+//# sourceMappingURL=useSelectPermission.js.map

package/dist/esm/hooks/useSelectPermission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectPermission.js","sources":["../../../src/hooks/useSelectPermission.ts"],"sourcesContent":["import {flowRight} from 'lodash-es';\nimport type {Data, PermissionSelectorHook} from '../types';\n\nexport function useSelectPermission(data: Data, permissionSelectorHook?: PermissionSelectorHook | PermissionSelectorHook[]) {\n\tlet finalSelectorHook: PermissionSelectorHook = () => ({});\n\tif (permissionSelectorHook) {\n\t\tfinalSelectorHook = Array.isArray(permissionSelectorHook) ? flowRight(permissionSelectorHook) : permissionSelectorHook;\n\t}\n\treturn finalSelectorHook(data);\n}\n"],"names":[],"mappings":";;AAGO,SAAA,mBAAA,CAA6B,MAAY,sBAA4E,EAAA;AAC3H,EAAI,IAAA,iBAAA,GAA4C,OAAQ,EAAA,CAAA,CAAA;AACxD,EAAA,IAAI,sBAAwB,EAAA;AAC3B,IAAA,iBAAA,GAAoB,MAAM,OAAQ,CAAA,sBAAsB,CAAI,GAAA,SAAA,CAAU,sBAAsB,CAAI,GAAA,sBAAA,CAAA;AAAA,GACjG;AACA,EAAA,OAAO,kBAAkB,IAAI,CAAA,CAAA;AAC9B;;;;"}

package/dist/esm/hooks/useSelectState.js

@@ -0,0 +1,12 @@
+import { flowRight } from 'lodash-es';
+
+function useSelectState(stateSelectorHook) {
+  let finalSelectorHook = () => ({});
+  if (stateSelectorHook) {
+    finalSelectorHook = Array.isArray(stateSelectorHook) ? flowRight(stateSelectorHook) : stateSelectorHook;
+  }
+  return finalSelectorHook();
+}
+
+export { useSelectState };
+//# sourceMappingURL=useSelectState.js.map

package/dist/esm/hooks/useSelectState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectState.js","sources":["../../../src/hooks/useSelectState.ts"],"sourcesContent":["import {flowRight} from 'lodash-es';\nimport type {StateSelectorHook} from '../types';\n\nexport function useSelectState(stateSelectorHook?: StateSelectorHook | StateSelectorHook[]) {\n\tlet finalSelectorHook: () => any = () => ({});\n\tif (stateSelectorHook) {\n\t\tfinalSelectorHook = Array.isArray(stateSelectorHook) ? flowRight(stateSelectorHook) : stateSelectorHook;\n\t}\n\treturn finalSelectorHook();\n}\n"],"names":[],"mappings":";;AAGO,SAAA,cAAA,CAAwB,iBAA6D,EAAA;AAC3F,EAAI,IAAA,iBAAA,GAA+B,OAAQ,EAAA,CAAA,CAAA;AAC3C,EAAA,IAAI,iBAAmB,EAAA;AACtB,IAAA,iBAAA,GAAoB,MAAM,OAAQ,CAAA,iBAAiB,CAAI,GAAA,SAAA,CAAU,iBAAiB,CAAI,GAAA,iBAAA,CAAA;AAAA,GACvF;AACA,EAAA,OAAO,iBAAkB,EAAA,CAAA;AAC1B;;;;"}

package/dist/esm/index.js

@@ -0,0 +1,21 @@
+import { useMobileLayout } from './layout/hooks/useMobileLayout.js';
+import { withLayout } from './layout/withLayout.js';
+import { state } from './state.js';
+export { actions as layoutActions, useLayoutState } from './state.js';
+export { createPages } from './content/createPages.js';
+export { dividerSidebarItem } from './content/dividerSidebarItem.js';
+
+function layoutClientModule() {
+  return {
+    name: "@imperium/layout",
+    order: 30,
+    hocs: [withLayout],
+    state,
+    layout: {
+      dataHooks: [useMobileLayout]
+    }
+  };
+}
+
+export { layoutClientModule };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import type {ImperiumStateClientModule} from '@imperium/state';\nimport {useMobileLayout} from './layout/hooks/useMobileLayout';\nimport {withLayout} from './layout/withLayout';\nimport {state} from './state';\nimport type {ImperiumLayoutClientModule} from './types';\n\nexport function layoutClientModule(): ImperiumStateClientModule & ImperiumLayoutClientModule {\n\treturn {\n\t\tname: '@imperium/layout',\n\t\torder: 30,\n\t\thocs: [withLayout],\n\t\tstate,\n\t\tlayout: {\n\t\t\tdataHooks: [useMobileLayout],\n\t\t},\n\t};\n}\n\nexport type {LayoutData} from './layout/types';\nexport {useLayoutState, actions as layoutActions} from './state';\nexport {createPages} from './content/createPages';\nexport type {ImperiumLayoutClientModule} from './types';\nexport {dividerSidebarItem} from './content/dividerSidebarItem';\n"],"names":[],"mappings":";;;;;;;AAM6F,SAAA,kBAAA,GAAA;AAC5F,EAAO,OAAA;AAAA,IACN,IAAM,EAAA,kBAAA;AAAA,IACN,KAAO,EAAA,EAAA;AAAA,IACP,IAAA,EAAM,CAAC,UAAU,CAAA;AAAA,IACjB,KAAA;AAAA,IACA,MAAQ,EAAA;AAAA,MACP,SAAA,EAAW,CAAC,eAAe,CAAA;AAAA,KAC5B;AAAA,GACD,CAAA;AACD;;;;"}

package/dist/esm/layout/components/CustomLayoutItemComponent.js

@@ -0,0 +1,8 @@
+import 'react';
+
+function CustomLayoutItemComponent({ item, data }) {
+  return item.render(data);
+}
+
+export { CustomLayoutItemComponent };
+//# sourceMappingURL=CustomLayoutItemComponent.js.map

package/dist/esm/layout/components/CustomLayoutItemComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomLayoutItemComponent.js","sources":["../../../../src/layout/components/CustomLayoutItemComponent.tsx"],"sourcesContent":["import type {Data} from '../../types';\nimport type {CustomLayoutItem} from '../types';\n\ninterface CustomLayoutItemComponentProps {\n\titem: CustomLayoutItem;\n\tdata: Data;\n}\n\nexport function CustomLayoutItemComponent({item, data}: CustomLayoutItemComponentProps) {\n\treturn item.render(data);\n}\n"],"names":[],"mappings":";;AAQ0C,SAAA,yBAAA,CAAA,EAAC,MAAM,IAAuC,EAAA,EAAA;AACvF,EAAO,OAAA,IAAA,CAAK,OAAO,IAAI,CAAA,CAAA;AACxB;;;;"}

package/dist/esm/layout/components/DropdownItem.js

@@ -0,0 +1,40 @@
+import React, { useState } from 'react';
+import debug from 'debug';
+import { Menu, Accordion, Icon, Dropdown } from 'semantic-ui-react';
+import { getText } from '../utils.js';
+import styles from './styles.module.css.js';
+
+debug("imperium.layout.components.DropdownItem");
+function DropdownItem({ item, vertical, children, data }) {
+  const [open, setOpen] = useState(false);
+  if (vertical) {
+    return /* @__PURE__ */ React.createElement(Menu.Item, {
+      className: "imperiumVerticalDropdown"
+    }, /* @__PURE__ */ React.createElement(Accordion, {
+      fluid: true
+    }, /* @__PURE__ */ React.createElement(Accordion.Title, {
+      className: styles.verticalDropdownTitle,
+      onClick: (ev) => {
+        ev.stopPropagation();
+        setOpen(!open);
+      }
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      className: open ? styles.verticalDropdownIconRotated : styles.verticalDropdownIcon,
+      name: "arrow right"
+    }), item.text), /* @__PURE__ */ React.createElement(Accordion.Content, {
+      active: open,
+      className: `${styles.verticalDropdownContent} imperiumVerticalDropdownContent`,
+      children
+    })));
+  }
+  return /* @__PURE__ */ React.createElement(Dropdown, {
+    item: true,
+    text: getText(item, data),
+    className: "imperiumDropdown"
+  }, /* @__PURE__ */ React.createElement(Dropdown.Menu, {
+    className: "imperiumDropdownContent"
+  }, children));
+}
+
+export { DropdownItem };
+//# sourceMappingURL=DropdownItem.js.map

package/dist/esm/layout/components/DropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","sources":["../../../../src/layout/components/DropdownItem.tsx"],"sourcesContent":["import debug from 'debug';\nimport {useState} from 'react';\nimport {Accordion, Dropdown, Icon, Menu} from 'semantic-ui-react';\nimport type {Data} from '../../types';\nimport type {DropdownLayoutItem} from '../types';\nimport {getText} from '../utils';\nimport styles from './styles.module.css';\n\nconst d = debug('imperium.layout.components.DropdownItem');\n\ninterface DropdownItemProps {\n\titem: DropdownLayoutItem;\n\tchildren: JSX.Element[];\n\tdata: Data;\n\tvertical?: boolean;\n}\n\nexport function DropdownItem({item, vertical, children, data}: DropdownItemProps) {\n\tconst [open, setOpen] = useState(false);\n\n\tif (vertical) {\n\t\treturn (\n\t\t\t<Menu.Item className=\"imperiumVerticalDropdown\">\n\t\t\t\t<Accordion fluid>\n\t\t\t\t\t<Accordion.Title\n\t\t\t\t\t\tclassName={styles.verticalDropdownTitle}\n\t\t\t\t\t\tonClick={ev => {\n\t\t\t\t\t\t\tev.stopPropagation();\n\t\t\t\t\t\t\tsetOpen(!open);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon className={open ? styles.verticalDropdownIconRotated : styles.verticalDropdownIcon} name=\"arrow right\" />\n\t\t\t\t\t\t{item.text}\n\t\t\t\t\t</Accordion.Title>\n\t\t\t\t\t<Accordion.Content active={open} className={`${styles.verticalDropdownContent} imperiumVerticalDropdownContent`} children={children} />\n\t\t\t\t</Accordion>\n\t\t\t</Menu.Item>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Dropdown item text={getText(item, data)} className=\"imperiumDropdown\">\n\t\t\t<Dropdown.Menu className=\"imperiumDropdownContent\">{children}</Dropdown.Menu>\n\t\t</Dropdown>\n\t);\n}\n"],"names":[],"mappings":";;;;;;AAQU,MAAM,yCAAyC,EAAA;AASlD,SAAA,YAAA,CAAsB,EAAC,IAAA,EAAM,QAAU,EAAA,QAAA,EAAU,IAA0B,EAAA,EAAA;AACjF,EAAA,MAAM,CAAC,IAAA,EAAM,OAAW,CAAA,GAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAEtC,EAAA,IAAI,QAAU,EAAA;AACb,IACC,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,IAAL,EAAA;AAAA,MAAU,SAAU,EAAA,0BAAA;AAAA,KAAA,kBACnB,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,MAAU,KAAK,EAAA,IAAA;AAAA,KACf,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,KAAV,EAAA;AAAA,MACA,WAAW,MAAO,CAAA,qBAAA;AAAA,MAClB,SAAS,CAAM,EAAA,KAAA;AACd,QAAA,EAAA,CAAG,eAAgB,EAAA,CAAA;AACnB,QAAA,OAAA,CAAQ,CAAC,IAAI,CAAA,CAAA;AAAA,OACd;AAAA,KAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,SAAW,EAAA,IAAA,GAAO,MAAO,CAAA,2BAAA,GAA8B,MAAO,CAAA,oBAAA;AAAA,MAAsB,IAAK,EAAA,aAAA;AAAA,KAAc,GAC5G,IAAK,CAAA,IACP,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,OAAV,EAAA;AAAA,MAAkB,MAAQ,EAAA,IAAA;AAAA,MAAM,SAAA,EAAW,GAAG,MAAO,CAAA,uBAAA,CAAA,gCAAA,CAAA;AAAA,MAA2D,QAAA;AAAA,KAAoB,CACtI,CACD,CAAA,CAAA;AAAA,GAEF;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IAAS,IAAI,EAAA,IAAA;AAAA,IAAC,IAAA,EAAM,OAAQ,CAAA,IAAA,EAAM,IAAI,CAAA;AAAA,IAAG,SAAU,EAAA,kBAAA;AAAA,GACnD,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,IAAT,EAAA;AAAA,IAAc,SAAU,EAAA,yBAAA;AAAA,GAAA,EAA2B,QAAS,CAC9D,CAAA,CAAA;AAEF;;;;"}

package/dist/esm/layout/components/Layout.js

@@ -0,0 +1,74 @@
+import React, { useState } from 'react';
+import debug from 'debug';
+import { Segment } from 'semantic-ui-react';
+import { useLayoutState } from '../../state.js';
+import { moveItems } from '../moveItems.js';
+import { LayoutItemBar } from './LayoutItemBar.js';
+import { SecondaryMenuToggleItem } from './SecondaryMenuToggleItem.js';
+import styles from './styles.module.css.js';
+
+debug("imperium.layout.components.Layout");
+function Layout({ footer, primaryMenu, statusbar, secondaryMenu, children }) {
+  const { isMobile } = useLayoutState();
+  const [menuOpen, setMenuOpen] = useState(true);
+  const primaryMenuToggle = {
+    stickOnMobile: true,
+    weight: -19999,
+    render: () => {
+      if (!isMobile)
+        return null;
+      return /* @__PURE__ */ React.createElement(SecondaryMenuToggleItem, {
+        menuOpen,
+        setMenuOpen
+      });
+    }
+  };
+  const primaryMenuItems = moveItems(isMobile ? [primaryMenuToggle, ...primaryMenu].filter((v) => v.stickOnMobile === true) : [primaryMenuToggle, ...primaryMenu]);
+  const secondaryMenuItems = moveItems(isMobile ? [
+    ...secondaryMenu,
+    {
+      text: "",
+      menu: [primaryMenuToggle, ...primaryMenu].filter((v) => v.stickOnMobile !== true)
+    }
+  ] : secondaryMenu);
+  const secondaryMenuComp = secondaryMenuItems.length > 0 ? /* @__PURE__ */ React.createElement("div", {
+    className: "imperiumSecondaryMenuWrapper"
+  }, /* @__PURE__ */ React.createElement(LayoutItemBar, {
+    items: secondaryMenuItems,
+    inverted: true,
+    vertical: true,
+    className: isMobile && !menuOpen ? `${styles.secondaryMenu} ${styles.secondaryMenuHidden} imperiumSecondaryMenu` : `${styles.secondaryMenu} imperiumSecondaryMenu`
+  })) : null;
+  const footerItems = moveItems(footer);
+  const footerComp = footerItems.length > 0 ? /* @__PURE__ */ React.createElement(LayoutItemBar, {
+    name: "footer",
+    items: footerItems,
+    className: `${styles.footer} imperiumFooter`,
+    inverted: true,
+    borderless: true
+  }) : null;
+  const statusbarItems = moveItems(statusbar);
+  const statusbarComp = statusbarItems.length > 0 ? /* @__PURE__ */ React.createElement(LayoutItemBar, {
+    items: statusbarItems,
+    inverted: true,
+    className: `${styles.statusbar} imperiumStatusbar`
+  }) : null;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: `${styles.parent} imperiumLayout ${isMobile ? "imperiumMobile" : "imperiumNotMobile"}`
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "imperiumPrimaryMenuWrapper"
+  }, /* @__PURE__ */ React.createElement(LayoutItemBar, {
+    items: primaryMenuItems,
+    inverted: true,
+    borderless: true,
+    className: `${styles.menubar} imperiumPrimaryMenu`
+  }), statusbarComp), /* @__PURE__ */ React.createElement(Segment, {
+    attached: true,
+    className: `${styles.contentWrapper} imperiumLayoutContentWrapper`
+  }, secondaryMenuComp, /* @__PURE__ */ React.createElement("div", {
+    className: `${styles.content} imperiumLayoutContent`
+  }, children)), footerComp);
+}
+
+export { Layout };
+//# sourceMappingURL=Layout.js.map

package/dist/esm/layout/components/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sources":["../../../../src/layout/components/Layout.tsx"],"sourcesContent":["import debug from 'debug';\nimport {ReactNode, useState} from 'react';\nimport {Segment} from 'semantic-ui-react';\nimport {useLayoutState} from '../../state';\nimport {moveItems} from '../moveItems';\nimport type {LayoutData} from '../types';\nimport {LayoutItemBar} from './LayoutItemBar';\nimport {SecondaryMenuToggleItem} from './SecondaryMenuToggleItem';\nimport styles from './styles.module.css';\n\nconst d = debug('imperium.layout.components.Layout');\n\ninterface LayoutProps extends Required<LayoutData> {\n\tchildren?: ReactNode;\n}\n\n/**\n * Renders the main layout.\n * Hides/shows/collapses things as need for mobile layout.\n * Tracks state to whether the side menu is open or not.\n * @param footer\n * @param menubar\n * @param statusbar\n * @param children\n * @constructor\n */\nexport function Layout({footer, primaryMenu, statusbar, secondaryMenu, children}: LayoutProps) {\n\tconst {isMobile} = useLayoutState();\n\tconst [menuOpen, setMenuOpen] = useState(true);\n\n\tconst primaryMenuToggle = {\n\t\tstickOnMobile: true,\n\t\tweight: -19999,\n\t\trender: () => {\n\t\t\tif (!isMobile) return null;\n\t\t\treturn <SecondaryMenuToggleItem menuOpen={menuOpen} setMenuOpen={setMenuOpen} />;\n\t\t},\n\t};\n\n\t// Determine menubar items\n\tconst primaryMenuItems = moveItems(\n\t\tisMobile ? [primaryMenuToggle, ...primaryMenu].filter(v => v.stickOnMobile === true) : [primaryMenuToggle, ...primaryMenu],\n\t);\n\n\t// const pmi = mergeItems(primaryMenuItems);\n\n\t// Determine sidebar items\n\tconst secondaryMenuItems = moveItems(\n\t\tisMobile\n\t\t\t? [\n\t\t\t\t\t...secondaryMenu,\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: '',\n\t\t\t\t\t\tmenu: [primaryMenuToggle, ...primaryMenu].filter(v => v.stickOnMobile !== true),\n\t\t\t\t\t},\n\t\t\t  ]\n\t\t\t: secondaryMenu,\n\t);\n\n\tconst secondaryMenuComp =\n\t\tsecondaryMenuItems.length > 0 ? (\n\t\t\t<div className=\"imperiumSecondaryMenuWrapper\">\n\t\t\t\t<LayoutItemBar\n\t\t\t\t\titems={secondaryMenuItems}\n\t\t\t\t\tinverted\n\t\t\t\t\tvertical\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tisMobile && !menuOpen\n\t\t\t\t\t\t\t? `${styles.secondaryMenu} ${styles.secondaryMenuHidden} imperiumSecondaryMenu`\n\t\t\t\t\t\t\t: `${styles.secondaryMenu} imperiumSecondaryMenu`\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t) : null;\n\n\t// Determine footer items\n\tconst footerItems = moveItems(footer);\n\tconst footerComp =\n\t\tfooterItems.length > 0 ? (\n\t\t\t<LayoutItemBar name=\"footer\" items={footerItems} className={`${styles.footer} imperiumFooter`} inverted borderless />\n\t\t) : null;\n\n\t// Determine status bar items\n\tconst statusbarItems = moveItems(statusbar);\n\tconst statusbarComp =\n\t\tstatusbarItems.length > 0 ? <LayoutItemBar items={statusbarItems} inverted className={`${styles.statusbar} imperiumStatusbar`} /> : null;\n\n\treturn (\n\t\t<div className={`${styles.parent} imperiumLayout ${isMobile ? 'imperiumMobile' : 'imperiumNotMobile'}`}>\n\t\t\t<div className=\"imperiumPrimaryMenuWrapper\">\n\t\t\t\t<LayoutItemBar items={primaryMenuItems} inverted borderless className={`${styles.menubar} imperiumPrimaryMenu`} />\n\t\t\t\t{statusbarComp}\n\t\t\t</div>\n\t\t\t<Segment attached className={`${styles.contentWrapper} imperiumLayoutContentWrapper`}>\n\t\t\t\t{secondaryMenuComp}\n\t\t\t\t<div className={`${styles.content} imperiumLayoutContent`}>{children}</div>\n\t\t\t</Segment>\n\t\t\t{footerComp}\n\t\t</div>\n\t);\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/layout/components/LayoutItemBar.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import debug from 'debug';
+import { Menu } from 'semantic-ui-react';
+import { sortWeightedItems } from '../../utils.js';
+import { splitPositionedItems } from '../utils.js';
+import { LayoutItemWrapper } from './LayoutItemWrapper.js';
+
+debug("imperium.layout.components.LayoutItemBar");
+function LayoutItemBar({ items, ...rest }) {
+  const ims = splitPositionedItems(items);
+  const leftItems = sortWeightedItems(ims.leftItems).map((item, index) => /* @__PURE__ */ React.createElement(LayoutItemWrapper, {
+    item,
+    key: index,
+    vertical: rest.vertical
+  }));
+  const rightItems = sortWeightedItems(ims.rightItems).map((item, index) => /* @__PURE__ */ React.createElement(LayoutItemWrapper, {
+    item,
+    key: index,
+    vertical: rest.vertical
+  }));
+  return /* @__PURE__ */ React.createElement(Menu, {
+    ...rest
+  }, leftItems, rest.vertical ? rightItems : /* @__PURE__ */ React.createElement(Menu.Menu, {
+    position: "right"
+  }, rightItems));
+}
+
+export { LayoutItemBar };
+//# sourceMappingURL=LayoutItemBar.js.map

package/dist/esm/layout/components/LayoutItemBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutItemBar.js","sources":["../../../../src/layout/components/LayoutItemBar.tsx"],"sourcesContent":["import debug from 'debug';\nimport type {MenuProps} from 'semantic-ui-react';\nimport {Menu} from 'semantic-ui-react';\nimport {sortWeightedItems} from '../../utils';\nimport type {LayoutItem} from '../types';\nimport {splitPositionedItems} from '../utils';\nimport {LayoutItemWrapper} from './LayoutItemWrapper';\n\nconst d = debug('imperium.layout.components.LayoutItemBar');\n\ninterface ItemBarProps extends MenuProps {\n\titems: LayoutItem[];\n}\n\n/**\n * Renders a horizontal or vertical bar of menu items.\n * @param name\n * @param items\n * @param rest\n * @constructor\n */\nexport function LayoutItemBar({items, ...rest}: ItemBarProps) {\n\tconst ims = splitPositionedItems(items);\n\n\t// eslint-disable-next-line react/no-array-index-key\n\tconst leftItems = sortWeightedItems(ims.leftItems).map((item, index) => (\n\t\t// eslint-disable-next-line react/no-array-index-key\n\t\t<LayoutItemWrapper item={item as LayoutItem} key={index} vertical={rest.vertical} />\n\t));\n\t// eslint-disable-next-line react/no-array-index-key\n\tconst rightItems = sortWeightedItems(ims.rightItems).map((item, index) => (\n\t\t// eslint-disable-next-line react/no-array-index-key\n\t\t<LayoutItemWrapper item={item as LayoutItem} key={index} vertical={rest.vertical} />\n\t));\n\n\treturn (\n\t\t<Menu {...rest}>\n\t\t\t{leftItems}\n\t\t\t{rest.vertical ? rightItems : <Menu.Menu position=\"right\">{rightItems}</Menu.Menu>}\n\t\t</Menu>\n\t);\n}\n"],"names":[],"mappings":";;;;;;;AAQU,MAAM,0CAA0C,EAAA;AAa5B,SAAA,aAAA,CAAA,EAAC,UAAU,IAAqB,EAAA,EAAA;AAC7D,EAAM,MAAA,GAAA,GAAM,qBAAqB,KAAK,CAAA,CAAA;AAGtC,EAAM,MAAA,SAAA,GAAY,kBAAkB,GAAI,CAAA,SAAS,EAAE,GAAI,CAAA,CAAC,IAAM,EAAA,KAAA,qBAE5D,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IAAkB,IAAA;AAAA,IAA0B,GAAK,EAAA,KAAA;AAAA,IAAO,UAAU,IAAK,CAAA,QAAA;AAAA,GAAU,CAClF,CAAA,CAAA;AAED,EAAM,MAAA,UAAA,GAAa,kBAAkB,GAAI,CAAA,UAAU,EAAE,GAAI,CAAA,CAAC,IAAM,EAAA,KAAA,qBAE9D,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IAAkB,IAAA;AAAA,IAA0B,GAAK,EAAA,KAAA;AAAA,IAAO,UAAU,IAAK,CAAA,QAAA;AAAA,GAAU,CAClF,CAAA,CAAA;AAED,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAS,GAAA,IAAA;AAAA,GAAA,EACR,WACA,IAAK,CAAA,QAAA,GAAW,UAAa,mBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,IAAL,EAAA;AAAA,IAAU,QAAS,EAAA,OAAA;AAAA,GAAA,EAAS,UAAW,CACvE,CAAA,CAAA;AAEF;;;;"}

package/dist/esm/layout/components/LayoutItemWrapper.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import debug from 'debug';
+import { Query } from 'mingo';
+import { Dropdown } from 'semantic-ui-react';
+import { useBuildData } from '../../hooks/useBuildData.js';
+import { sortWeightedItems } from '../../utils.js';
+import { isCustomLayoutItem, isDropdownLayoutItem, isMenuLayoutItem } from '../types.js';
+import { CustomLayoutItemComponent } from './CustomLayoutItemComponent.js';
+import { DropdownItem } from './DropdownItem.js';
+import { MenuItem } from './MenuItem.js';
+import { PlainItem } from './PlainItem.js';
+
+debug("imperium.layout.components.LayoutItemWrapper");
+function LayoutItemWrapper({ item, as, vertical, data: parentData }) {
+  const data = useBuildData({
+    stateSelectorHook: item.stateSelectorHook,
+    permissionSelectorHook: item.permissionSelectorHook,
+    routeItem: item,
+    data: parentData
+  });
+  if (item.visible) {
+    if (typeof item.visible === "function") {
+      if (!item.visible(data))
+        return null;
+    } else {
+      const q = new Query(item.visible || {});
+      if (!q.test(data))
+        return null;
+    }
+  }
+  if (isCustomLayoutItem(item)) {
+    return /* @__PURE__ */ React.createElement(CustomLayoutItemComponent, {
+      item,
+      data
+    });
+  }
+  if (isDropdownLayoutItem(item)) {
+    const children = sortWeightedItems(item.dropdown).map((v, index) => /* @__PURE__ */ React.createElement(LayoutItemWrapper, {
+      key: index,
+      item: v,
+      as: Dropdown.Item,
+      data
+    }));
+    return /* @__PURE__ */ React.createElement(DropdownItem, {
+      item,
+      children,
+      vertical,
+      data
+    });
+  }
+  if (isMenuLayoutItem(item)) {
+    const children = sortWeightedItems(item.menu).map((v, index) => /* @__PURE__ */ React.createElement(LayoutItemWrapper, {
+      key: index,
+      item: v,
+      as: Dropdown.Item,
+      vertical,
+      data
+    }));
+    return /* @__PURE__ */ React.createElement(MenuItem, {
+      item,
+      children
+    });
+  }
+  return /* @__PURE__ */ React.createElement(PlainItem, {
+    item,
+    data,
+    as
+  });
+}
+
+export { LayoutItemWrapper };
+//# sourceMappingURL=LayoutItemWrapper.js.map

package/dist/esm/layout/components/LayoutItemWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutItemWrapper.js","sources":["../../../../src/layout/components/LayoutItemWrapper.tsx"],"sourcesContent":["import debug from 'debug';\nimport {Query} from 'mingo';\nimport type {ComponentClass} from 'react';\nimport {Dropdown} from 'semantic-ui-react';\nimport {useBuildData} from '../../hooks/useBuildData';\nimport type {Data} from '../../types';\nimport {sortWeightedItems} from '../../utils';\nimport type {LayoutItem} from '../types';\nimport {isCustomLayoutItem, isDropdownLayoutItem, isMenuLayoutItem} from '../types';\nimport {CustomLayoutItemComponent} from './CustomLayoutItemComponent';\nimport {DropdownItem} from './DropdownItem';\nimport {MenuItem} from './MenuItem';\nimport {PlainItem} from './PlainItem';\n\nconst d = debug('imperium.layout.components.LayoutItemWrapper');\n\ninterface ItemWrapperProps {\n\titem: LayoutItem;\n\tas?: ComponentClass;\n\tvertical?: boolean;\n\tdata?: Data;\n}\n\n/**\n * Renders any type of Item. Gathers state, route and other data and checks for visibility.\n * @param item\n * @param as\n * @param vertical\n * @param parentData\n * @constructor\n */\nexport function LayoutItemWrapper({item, as, vertical, data: parentData}: ItemWrapperProps) {\n\tconst data = useBuildData({\n\t\tstateSelectorHook: item.stateSelectorHook,\n\t\tpermissionSelectorHook: item.permissionSelectorHook,\n\t\trouteItem: item,\n\t\tdata: parentData,\n\t});\n\n\t// Check if visible\n\tif (item.visible) {\n\t\tif (typeof item.visible === 'function') {\n\t\t\tif (!item.visible(data)) return null;\n\t\t} else {\n\t\t\tconst q = new Query(item.visible || {});\n\t\t\tif (!q.test(data)) return null;\n\t\t}\n\t}\n\n\tif (isCustomLayoutItem(item)) {\n\t\treturn <CustomLayoutItemComponent item={item} data={data} />;\n\t}\n\tif (isDropdownLayoutItem(item)) {\n\t\t// eslint-disable-next-line react/no-array-index-key\n\t\tconst children = sortWeightedItems(item.dropdown).map((v, index) => (\n\t\t\t// eslint-disable-next-line react/no-array-index-key\n\t\t\t<LayoutItemWrapper key={index} item={v as LayoutItem} as={Dropdown.Item} data={data} />\n\t\t));\n\t\treturn <DropdownItem item={item} children={children} vertical={vertical} data={data} />;\n\t}\n\tif (isMenuLayoutItem(item)) {\n\t\t// eslint-disable-next-line react/no-array-index-key\n\t\tconst children = sortWeightedItems(item.menu).map((v, index) => (\n\t\t\t// eslint-disable-next-line react/no-array-index-key\n\t\t\t<LayoutItemWrapper key={index} item={v as LayoutItem} as={Dropdown.Item} vertical={vertical} data={data} />\n\t\t));\n\t\treturn <MenuItem item={item} children={children} />;\n\t}\n\treturn <PlainItem item={item} data={data} as={as} />;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAcU,MAAM,8CAA8C,EAAA;AAiBvD,SAAA,iBAAA,CAA2B,EAAC,IAAA,EAAM,EAAI,EAAA,QAAA,EAAU,MAAM,UAA+B,EAAA,EAAA;AAC3F,EAAA,MAAM,OAAO,YAAa,CAAA;AAAA,IACzB,mBAAmB,IAAK,CAAA,iBAAA;AAAA,IACxB,wBAAwB,IAAK,CAAA,sBAAA;AAAA,IAC7B,SAAW,EAAA,IAAA;AAAA,IACX,IAAM,EAAA,UAAA;AAAA,GACN,CAAA,CAAA;AAGD,EAAA,IAAI,KAAK,OAAS,EAAA;AACjB,IAAI,IAAA,OAAO,IAAK,CAAA,OAAA,KAAY,UAAY,EAAA;AACvC,MAAI,IAAA,CAAC,IAAK,CAAA,OAAA,CAAQ,IAAI,CAAA;AAAG,QAAO,OAAA,IAAA,CAAA;AAAA,KAC1B,MAAA;AACN,MAAA,MAAM,IAAI,IAAI,KAAA,CAAM,IAAK,CAAA,OAAA,IAAW,EAAE,CAAA,CAAA;AACtC,MAAI,IAAA,CAAC,CAAE,CAAA,IAAA,CAAK,IAAI,CAAA;AAAG,QAAO,OAAA,IAAA,CAAA;AAAA,KAC3B;AAAA,GACD;AAEA,EAAI,IAAA,kBAAA,CAAmB,IAAI,CAAG,EAAA;AAC7B,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,yBAAA,EAAA;AAAA,MAA0B,IAAA;AAAA,MAAY,IAAA;AAAA,KAAY,CAAA,CAAA;AAAA,GAC3D;AACA,EAAI,IAAA,oBAAA,CAAqB,IAAI,CAAG,EAAA;AAE/B,IAAM,MAAA,QAAA,GAAW,kBAAkB,IAAK,CAAA,QAAQ,EAAE,GAAI,CAAA,CAAC,CAAG,EAAA,KAAA,qBAExD,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,MAAkB,GAAK,EAAA,KAAA;AAAA,MAAO,IAAM,EAAA,CAAA;AAAA,MAAiB,IAAI,QAAS,CAAA,IAAA;AAAA,MAAM,IAAA;AAAA,KAAY,CACrF,CAAA,CAAA;AACD,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,MAAa,IAAA;AAAA,MAAY,QAAA;AAAA,MAAoB,QAAA;AAAA,MAAoB,IAAA;AAAA,KAAY,CAAA,CAAA;AAAA,GACtF;AACA,EAAI,IAAA,gBAAA,CAAiB,IAAI,CAAG,EAAA;AAE3B,IAAM,MAAA,QAAA,GAAW,kBAAkB,IAAK,CAAA,IAAI,EAAE,GAAI,CAAA,CAAC,CAAG,EAAA,KAAA,qBAEpD,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,MAAkB,GAAK,EAAA,KAAA;AAAA,MAAO,IAAM,EAAA,CAAA;AAAA,MAAiB,IAAI,QAAS,CAAA,IAAA;AAAA,MAAM,QAAA;AAAA,MAAoB,IAAA;AAAA,KAAY,CACzG,CAAA,CAAA;AACD,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MAAS,IAAA;AAAA,MAAY,QAAA;AAAA,KAAoB,CAAA,CAAA;AAAA,GAClD;AACA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAU,IAAA;AAAA,IAAY,IAAA;AAAA,IAAY,EAAA;AAAA,GAAQ,CAAA,CAAA;AACnD;;;;"}

package/dist/esm/layout/components/MenuItem.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Menu } from 'semantic-ui-react';
+
+function MenuItem({ item, children }) {
+  return /* @__PURE__ */ React.createElement(Menu.Item, null, /* @__PURE__ */ React.createElement(Menu.Header, null, item.text), /* @__PURE__ */ React.createElement(Menu.Menu, {
+    compact: ""
+  }, children));
+}
+
+export { MenuItem };
+//# sourceMappingURL=MenuItem.js.map

package/dist/esm/layout/components/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../../src/layout/components/MenuItem.tsx"],"sourcesContent":["import {Menu} from 'semantic-ui-react';\nimport type {MenuLayoutItem} from '../types';\n\ninterface MenuItemProps {\n\titem: MenuLayoutItem;\n\tchildren: JSX.Element[];\n}\n\nexport function MenuItem({item, children}: MenuItemProps) {\n\treturn (\n\t\t<Menu.Item>\n\t\t\t<Menu.Header>{item.text}</Menu.Header>\n\t\t\t<Menu.Menu compact=\"\">{children}</Menu.Menu>\n\t\t</Menu.Item>\n\t);\n}\n"],"names":[],"mappings":";;;AAQyB,SAAA,QAAA,CAAA,EAAC,MAAM,QAA0B,EAAA,EAAA;AACzD,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,IAAA,CAAK,IAAL,EAAA,IAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,CAAK,MAAL,EAAA,IAAA,EAAa,IAAK,CAAA,IAAK,CACxB,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,IAAL,EAAA;AAAA,IAAU,OAAQ,EAAA,EAAA;AAAA,GAAA,EAAI,QAAS,CACjC,CAAA,CAAA;AAEF;;;;"}

package/dist/esm/layout/components/PlainItem.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Menu } from 'semantic-ui-react';
+import { linkParameters, getIcon, getText } from '../utils.js';
+
+function PlainItem({ item, data, as }) {
+  const linkParams = linkParameters(item, data);
+  const ItemX = as || Menu.Item;
+  return /* @__PURE__ */ React.createElement(ItemX, {
+    ...linkParams
+  }, getIcon(item, data), getText(item, data));
+}
+
+export { PlainItem };
+//# sourceMappingURL=PlainItem.js.map

package/dist/esm/layout/components/PlainItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlainItem.js","sources":["../../../../src/layout/components/PlainItem.tsx"],"sourcesContent":["import type {ComponentClass} from 'react';\nimport {Menu} from 'semantic-ui-react';\nimport type {Data} from '../../types';\nimport type {CustomLayoutItem, DropdownLayoutItem, LayoutItem, MenuLayoutItem} from '../types';\nimport {getIcon, getText, linkParameters} from '../utils';\n\ninterface PlainItemProps {\n\titem: Exclude<LayoutItem, MenuLayoutItem | DropdownLayoutItem | CustomLayoutItem>;\n\tdata: Data;\n\tas?: ComponentClass;\n}\n\nexport function PlainItem({item, data, as}: PlainItemProps) {\n\tconst linkParams = linkParameters(item, data);\n\n\tconst ItemX = as || Menu.Item;\n\n\treturn (\n\t\t<ItemX {...linkParams}>\n\t\t\t{getIcon(item, data)}\n\t\t\t{getText(item, data)}\n\t\t</ItemX>\n\t);\n}\n"],"names":[],"mappings":";;;;AAY0B,SAAA,SAAA,CAAA,EAAC,IAAM,EAAA,IAAA,EAAM,EAAqB,EAAA,EAAA;AAC3D,EAAM,MAAA,UAAA,GAAa,cAAe,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAE5C,EAAM,MAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,IAAA,CAAA;AAEzB,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAU,GAAA,UAAA;AAAA,GAAA,EACT,QAAQ,IAAM,EAAA,IAAI,GAClB,OAAQ,CAAA,IAAA,EAAM,IAAI,CACpB,CAAA,CAAA;AAEF;;;;"}

package/dist/esm/layout/components/SecondaryMenuToggleItem.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Menu, Icon } from 'semantic-ui-react';
+import styles from './styles.module.css.js';
+
+function SecondaryMenuToggleItem({ menuOpen, setMenuOpen }) {
+  return /* @__PURE__ */ React.createElement(Menu.Item, null, /* @__PURE__ */ React.createElement(Icon, {
+    className: menuOpen ? styles.iconRotated : styles.icon,
+    name: menuOpen ? "close" : "sidebar",
+    onClick: () => {
+      setMenuOpen(!menuOpen);
+    }
+  }));
+}
+
+export { SecondaryMenuToggleItem };
+//# sourceMappingURL=SecondaryMenuToggleItem.js.map

package/dist/esm/layout/components/SecondaryMenuToggleItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryMenuToggleItem.js","sources":["../../../../src/layout/components/SecondaryMenuToggleItem.tsx"],"sourcesContent":["import {Icon, Menu} from 'semantic-ui-react';\nimport styles from './styles.module.css';\n\ninterface SecondaryMenuToggleItemProps {\n\tmenuOpen: boolean;\n\tsetMenuOpen: (open: boolean) => void;\n}\n\nexport function SecondaryMenuToggleItem({menuOpen, setMenuOpen}: SecondaryMenuToggleItemProps) {\n\treturn (\n\t\t<Menu.Item>\n\t\t\t<Icon\n\t\t\t\tclassName={menuOpen ? styles.iconRotated : styles.icon}\n\t\t\t\tname={menuOpen ? 'close' : 'sidebar'}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetMenuOpen(!menuOpen);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</Menu.Item>\n\t);\n}\n"],"names":[],"mappings":";;;;AAQwC,SAAA,uBAAA,CAAA,EAAC,UAAU,WAA4C,EAAA,EAAA;AAC9F,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,IAAA,CAAK,IAAL,EAAA,IAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACA,SAAW,EAAA,QAAA,GAAW,MAAO,CAAA,WAAA,GAAc,MAAO,CAAA,IAAA;AAAA,IAClD,IAAA,EAAM,WAAW,OAAU,GAAA,SAAA;AAAA,IAC3B,SAAS,MAAM;AACd,MAAA,WAAA,CAAY,CAAC,QAAQ,CAAA,CAAA;AAAA,KACtB;AAAA,GACD,CACD,CAAA,CAAA;AAEF;;;;"}

package/dist/esm/layout/components/styles.module.css.js

@@ -0,0 +1,8 @@
+import styleInject from './../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* Need to pass 100% height all the way down */\n#root {\n\theight: 100%;\n}\n#root > div {\n\theight: 100%;\n}\n\n.styles-module_parent__YBT8R {\n\tmin-height: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.styles-module_menubar__QKGMn {\n\tborder-radius: 0 !important;\n\tmargin: 0 !important;\n}\n\n.styles-module_statusbar__cL-l9 {\n\tmargin: 0 !important;\n\tborder-radius: 0 !important;\n}\n\n.styles-module_secondaryMenu__gM-v2 {\n\tmin-width: 220px !important;\n\twidth: 100% !important;\n\theight: 100% !important;\n\tborder-radius: 0 !important;\n\tmargin: 0 !important;\n\toverflow-x: auto; /* added to make the content scroll and not the whole layout */\n\ttransition: margin-left 0.3s ease-in-out;\n}\n\n.styles-module_secondaryMenuHidden__56-Xm {\n\tmargin-left: -220px !important;\n}\n\n.styles-module_contentWrapper__HbUtW {\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\tpadding: 0 !important;\n\tborder: 0 solid transparent !important; /* this is a segment, and they seem to have a 1px white border by default */\n\toverflow-y: auto; /* added to make the content scroll and not the whole layout */\n}\n\n.styles-module_content__RLo8A {\n\tflex: 1; /* changed this to have a flex of one instead of auto so the side menu doesn't get squished */\n\talign-content: flex-start;\n\theight: 100%;\n\tmax-height: 100%; /* added to make the content scroll and not the whole layout */\n\toverflow-x: hidden; /* added to make the content scroll and not the whole layout */\n}\n\n.styles-module_footer__ah3Wo {\n\tmargin: 0 !important;\n\tborder-radius: 0 !important;\n}\n\n.styles-module_verticalDropdownIcon__repkF {\n\ttransform: rotate(0deg);\n\ttransition: transform 0.3s ;\n\tcursor: pointer;\n}\n\n.styles-module_verticalDropdownIconRotated__rqiDw {\n\ttransform: rotate(90deg);\n\ttransition: transform 0.3s ;\n\tcursor: pointer;\n}\n\n.styles-module_verticalDropdownTitle__K-UXc {\n\tpadding: 0;\n\tcolor: #fff !important;\n}\n\n.styles-module_verticalDropdownContent__zhIKA {\n\tpadding-top: 0 !important;\n\tmargin: 0 -1.14285714em 0 0;\n\tborder-radius: 0;\n}\n\n.styles-module_icon__EekhR {\n\ttransform: rotate(0deg);\n\ttransition: transform 0.4s linear;\n\tcursor: pointer;\n}\n\n.styles-module_iconRotated__QCaeV {\n\ttransform: rotate(-180deg);\n\ttransition: transform 0.5s;\n\tcursor: pointer;\n}\n";
+var styles = {"parent":"styles-module_parent__YBT8R","menubar":"styles-module_menubar__QKGMn","statusbar":"styles-module_statusbar__cL-l9","secondaryMenu":"styles-module_secondaryMenu__gM-v2","secondaryMenuHidden":"styles-module_secondaryMenuHidden__56-Xm","contentWrapper":"styles-module_contentWrapper__HbUtW","content":"styles-module_content__RLo8A","footer":"styles-module_footer__ah3Wo","verticalDropdownIcon":"styles-module_verticalDropdownIcon__repkF","verticalDropdownIconRotated":"styles-module_verticalDropdownIconRotated__rqiDw","verticalDropdownTitle":"styles-module_verticalDropdownTitle__K-UXc","verticalDropdownContent":"styles-module_verticalDropdownContent__zhIKA","icon":"styles-module_icon__EekhR","iconRotated":"styles-module_iconRotated__QCaeV"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.module.css.js.map

package/dist/esm/layout/components/styles.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/dist/esm/layout/hooks/useMobileLayout.js

@@ -0,0 +1,21 @@
+import debug from 'debug';
+import { useEffect } from 'react';
+import { useDispatch } from 'react-redux';
+import { useMediaQuery } from 'react-responsive';
+import { useLayoutState, actions } from '../../state.js';
+
+const d = debug("imperium.layout.hooks.useMobileLayout");
+function useMobileLayout() {
+  const dispatch = useDispatch();
+  const { isMobile } = useLayoutState();
+  const isMobileX = useMediaQuery({ query: "(max-width: 900px)" });
+  useEffect(() => {
+    if (isMobile !== isMobileX) {
+      d(`Media query change detected: ${isMobile} -> ${isMobileX}`);
+      dispatch(actions.setMobile(isMobileX));
+    }
+  }, [dispatch, isMobile, isMobileX]);
+}
+
+export { useMobileLayout };
+//# sourceMappingURL=useMobileLayout.js.map

package/dist/esm/layout/hooks/useMobileLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMobileLayout.js","sources":["../../../../src/layout/hooks/useMobileLayout.ts"],"sourcesContent":["import debug from 'debug';\nimport {useEffect} from 'react';\nimport {useDispatch} from 'react-redux';\nimport {useMediaQuery} from 'react-responsive';\nimport {actions, useLayoutState} from '../../state';\n\nconst d = debug('imperium.layout.hooks.useMobileLayout');\n\nexport function useMobileLayout() {\n\tconst dispatch = useDispatch();\n\tconst {isMobile} = useLayoutState();\n\tconst isMobileX = useMediaQuery({query: '(max-width: 900px)'});\n\tuseEffect(() => {\n\t\tif (isMobile !== isMobileX) {\n\t\t\td(`Media query change detected: ${isMobile} -> ${isMobileX}`);\n\t\t\tdispatch(actions.setMobile(isMobileX));\n\t\t}\n\t}, [dispatch, isMobile, isMobileX]);\n}\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,CAAA,GAAI,MAAM,uCAAuC,CAAA,CAAA;AAErB,SAAA,eAAA,GAAA;AACjC,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAM,MAAA,EAAC,aAAY,cAAe,EAAA,CAAA;AAClC,EAAA,MAAM,SAAY,GAAA,aAAA,CAAc,EAAC,KAAA,EAAO,sBAAqB,CAAA,CAAA;AAC7D,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,IAAI,aAAa,SAAW,EAAA;AAC3B,MAAE,CAAA,CAAA,CAAA,6BAAA,EAAgC,eAAe,SAAW,CAAA,CAAA,CAAA,CAAA;AAC5D,MAAS,QAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,SAAS,CAAC,CAAA,CAAA;AAAA,KACtC;AAAA,GACE,EAAA,CAAC,QAAU,EAAA,QAAA,EAAU,SAAS,CAAC,CAAA,CAAA;AACnC;;;;"}