@apia/dashboard-controller 5.0.0 → 5.0.3

package/dist/splash/panels/DefaultPanelWrapper/NetworkState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkState.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/NetworkState.tsx"],"sourcesContent":["import { Icon } from '@apia/icons';\r\nimport { getLabel } from '@apia/util';\r\nimport { usePanelNetworkState } from '../../../actions';\r\n\r\nexport const NetworkState = ({ title }: { title: string }) => {\r\n  const isConnected = usePanelNetworkState();\r\n  return (\r\n    <>\r\n      {!isConnected && (\r\n        <Icon\r\n          tabIndex={0}\r\n          title={\r\n            getLabel('lblTestDBNoOk', {\r\n              text: {\r\n                TOK1: title,\r\n              },\r\n            }).text\r\n          }\r\n          aria-label={\r\n            getLabel('lblTestDBNoOk', {\r\n              text: {\r\n                TOK1: title,\r\n              },\r\n            }).text\r\n          }\r\n          name=\"Alert\"\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;AAIO,MAAM,YAAA,GAAe,CAAC,EAAE,KAAA,EAAM,KAAyB;AAC5D,EAAA,MAAM,cAAc,oBAAA,EAAqB;AACzC,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACG,WAAC,WAAA,oBACA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,CAAA;AAAA,MACV,KAAA,EACE,SAAS,eAAA,EAAiB;AAAA,QACxB,IAAA,EAAM;AAAA,UACJ,IAAA,EAAM;AAAA;AACR,OACD,CAAA,CAAE,IAAA;AAAA,MAEL,YAAA,EACE,SAAS,eAAA,EAAiB;AAAA,QACxB,IAAA,EAAM;AAAA,UACJ,IAAA,EAAM;AAAA;AACR,OACD,CAAA,CAAE,IAAA;AAAA,MAEL,IAAA,EAAK;AAAA;AAAA,GACP,EAEJ,CAAA;AAEJ;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/PanelButtons.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import * as _apia_util from '@apia/util';
+import { TPanelProps } from '../../../types.js';
+
+declare const PanelButtons: react.FC<Omit<TPanelProps, "children" | "initialData"> & {
+    id: _apia_util.TId;
+}>;
+
+export { PanelButtons };
+//# sourceMappingURL=PanelButtons.d.ts.map

package/dist/splash/panels/DefaultPanelWrapper/PanelButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelButtons.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/splash/panels/DefaultPanelWrapper/PanelButtons.js

@@ -0,0 +1,32 @@
+import { jsxs, Fragment, jsx } from '@apia/theme/jsx-runtime';
+import { makeImperativeComponent } from '@apia/util';
+import { RefreshButton } from './RefreshButton.js';
+import { SettingsButton } from './SettingsButton.js';
+import { CollapseButton } from './CollapseButton.js';
+
+const [, panelButtonsActions, PanelButtons] = makeImperativeComponent()({
+  Component: (props) => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      props.isRefreshable && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(RefreshButton, { ...props }) }),
+      props.isConfigurable && /* @__PURE__ */ jsx(SettingsButton, { title: props.title }),
+      props.hideCollapse ? null : props.isCollapsed ? /* @__PURE__ */ jsx(
+        CollapseButton,
+        {
+          icon: "ArrowDownThin",
+          title: props.title,
+          isCollapsed: true
+        }
+      ) : /* @__PURE__ */ jsx(
+        CollapseButton,
+        {
+          icon: "ArrowUpThin",
+          title: props.title,
+          isCollapsed: false
+        }
+      )
+    ] });
+  }
+});
+
+export { PanelButtons, panelButtonsActions };
+//# sourceMappingURL=PanelButtons.js.map

package/dist/splash/panels/DefaultPanelWrapper/PanelButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelButtons.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/PanelButtons.tsx"],"sourcesContent":["import { makeImperativeComponent } from '@apia/util';\r\nimport { RefreshButton } from './RefreshButton';\r\nimport { SettingsButton } from './SettingsButton';\r\nimport { TPanelProps } from '../../../types';\r\nimport { CollapseButton } from './CollapseButton';\r\n\r\nexport const [, panelButtonsActions, PanelButtons] = makeImperativeComponent<\r\n  Omit<TPanelProps, 'initialData' | 'children'>,\r\n  {\r\n    disable: boolean;\r\n  }\r\n>()({\r\n  Component: (props) => {\r\n    return (\r\n      <>\r\n        {props.isRefreshable && (\r\n          <>\r\n            <RefreshButton {...props} />\r\n          </>\r\n        )}\r\n        {props.isConfigurable && <SettingsButton title={props.title} />}\r\n        {props.hideCollapse ? null : props.isCollapsed ? (\r\n          <CollapseButton\r\n            icon=\"ArrowDownThin\"\r\n            title={props.title}\r\n            isCollapsed={true}\r\n          />\r\n        ) : (\r\n          <CollapseButton\r\n            icon=\"ArrowUpThin\"\r\n            title={props.title}\r\n            isCollapsed={false}\r\n          />\r\n        )}\r\n      </>\r\n    );\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,GAAG,mBAAA,EAAqB,YAAY,CAAA,GAAI,yBAKnD,CAAE;AAAA,EACF,SAAA,EAAW,CAAC,KAAA,KAAU;AACpB,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,iCACL,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,OAAO,CAAA,EAC5B,CAAA;AAAA,MAED,MAAM,cAAA,oBAAkB,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,MAAM,KAAA,EAAO,CAAA;AAAA,MAC5D,KAAA,CAAM,YAAA,GAAe,IAAA,GAAO,KAAA,CAAM,WAAA,mBACjC,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,eAAA;AAAA,UACL,OAAO,KAAA,CAAM,KAAA;AAAA,UACb,WAAA,EAAa;AAAA;AAAA,OACf,mBAEA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,aAAA;AAAA,UACL,OAAO,KAAA,CAAM,KAAA;AAAA,UACb,WAAA,EAAa;AAAA;AAAA;AACf,KAAA,EAEJ,CAAA;AAAA;AAGN,CAAC;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/RefreshButton.js

@@ -0,0 +1,35 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { IconButton } from '@apia/components';
+import { useImperativeComponentEvents, getLabel } from '@apia/util';
+import { useState, useCallback } from 'react';
+import { usePanelActions } from '../../../actions/usePanelActions.js';
+import { usePanelIsLoading } from '../../../actions/usePanelIsLoading.js';
+
+const RefreshButton = (props) => {
+  const [isDisabled, setIsDisabled] = useState(false);
+  const isLoading = usePanelIsLoading();
+  const dispatch = usePanelActions();
+  useImperativeComponentEvents({
+    disable(newDisabledValue) {
+      setIsDisabled(newDisabledValue);
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      icon: "Refresh",
+      variant: "buttons.icon-outline",
+      className: "panel__iconButton panel__refresh",
+      size: "Md",
+      onClick: useCallback(() => {
+        void dispatch({ action: "refresh" });
+      }, [dispatch]),
+      title: getLabel("lblRefreshPnl", { text: { TOK1: props.title } }).text,
+      isLoading,
+      disabled: isDisabled
+    }
+  );
+};
+
+export { RefreshButton };
+//# sourceMappingURL=RefreshButton.js.map

package/dist/splash/panels/DefaultPanelWrapper/RefreshButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshButton.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/RefreshButton.tsx"],"sourcesContent":["import { IconButton } from '@apia/components';\r\nimport { getLabel, useImperativeComponentEvents } from '@apia/util';\r\nimport { useCallback, useState } from 'react';\r\nimport { usePanelActions, usePanelIsLoading } from '../../../actions';\r\n\r\nexport const RefreshButton = (props: {\r\n  refreshOnStart: boolean;\r\n  refreshOnHome: boolean;\r\n  title: string;\r\n}) => {\r\n  const [isDisabled, setIsDisabled] = useState(false);\r\n\r\n  const isLoading = usePanelIsLoading();\r\n  const dispatch = usePanelActions();\r\n\r\n  useImperativeComponentEvents({\r\n    disable(newDisabledValue: boolean) {\r\n      setIsDisabled(newDisabledValue);\r\n    },\r\n  });\r\n\r\n  return (\r\n    <IconButton\r\n      icon=\"Refresh\"\r\n      variant=\"buttons.icon-outline\"\r\n      className=\"panel__iconButton panel__refresh\"\r\n      size=\"Md\"\r\n      onClick={useCallback(() => {\r\n        void dispatch({ action: 'refresh' });\r\n      }, [dispatch])}\r\n      title={getLabel('lblRefreshPnl', { text: { TOK1: props.title } }).text}\r\n      isLoading={isLoading}\r\n      disabled={isDisabled}\r\n    />\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;;;AAKO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAIxB;AACJ,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,MAAM,YAAY,iBAAA,EAAkB;AACpC,EAAA,MAAM,WAAW,eAAA,EAAgB;AAEjC,EAAA,4BAAA,CAA6B;AAAA,IAC3B,QAAQ,gBAAA,EAA2B;AACjC,MAAA,aAAA,CAAc,gBAAgB,CAAA;AAAA;AAChC,GACD,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAQ,sBAAA;AAAA,MACR,SAAA,EAAU,kCAAA;AAAA,MACV,IAAA,EAAK,IAAA;AAAA,MACL,OAAA,EAAS,YAAY,MAAM;AACzB,QAAA,KAAK,QAAA,CAAS,EAAE,MAAA,EAAQ,SAAA,EAAW,CAAA;AAAA,OACrC,EAAG,CAAC,QAAQ,CAAC,CAAA;AAAA,MACb,KAAA,EAAO,QAAA,CAAS,eAAA,EAAiB,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,KAAA,CAAM,KAAA,EAAM,EAAG,CAAA,CAAE,IAAA;AAAA,MAClE,SAAA;AAAA,MACA,QAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/SettingsButton.js

@@ -0,0 +1,45 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { IconButton } from '@apia/components';
+import { useImperativeComponentEvents, getLabel } from '@apia/util';
+import { useState, useCallback } from 'react';
+import { usePanelConfig } from '../../../config/usePanelConfig.js';
+import { usePanelActions } from '../../../actions/usePanelActions.js';
+import { panelButtonsActions } from './PanelButtons.js';
+import { usePanelIdentity } from '../../../common/usePanelIdentity.js';
+
+const SettingsButton = (props) => {
+  const { panelId } = usePanelIdentity();
+  const configure = usePanelConfig();
+  const [isDisabled, setIsDisabled] = useState(false);
+  useImperativeComponentEvents({
+    disable(newDisabledValue) {
+      setIsDisabled(newDisabledValue);
+    }
+  });
+  usePanelActions({
+    refresh() {
+      panelButtonsActions(panelId, "disable", false);
+    }
+  });
+  const openSettings = useCallback(() => {
+    try {
+      configure();
+    } catch (_) {
+    }
+  }, [configure]);
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      icon: "Settings",
+      size: "Md",
+      variant: "buttons.icon-outline",
+      className: "panel__iconButton panel__settings",
+      onClick: openSettings,
+      title: getLabel("lblOpenPnlConf", { text: { TOK1: props.title } }).text,
+      disabled: isDisabled
+    }
+  );
+};
+
+export { SettingsButton };
+//# sourceMappingURL=SettingsButton.js.map

package/dist/splash/panels/DefaultPanelWrapper/SettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/SettingsButton.tsx"],"sourcesContent":["import { IconButton } from '@apia/components';\r\nimport { getLabel, useImperativeComponentEvents } from '@apia/util';\r\nimport { useCallback, useState } from 'react';\r\nimport { usePanelConfig } from '../../../config/usePanelConfig';\r\nimport { usePanelActions } from '../../../actions';\r\nimport { panelButtonsActions } from './PanelButtons';\r\nimport { usePanelIdentity } from '../../../common';\r\n\r\nexport const SettingsButton = (props: { title: string }) => {\r\n  const { panelId } = usePanelIdentity();\r\n  const configure = usePanelConfig();\r\n\r\n  const [isDisabled, setIsDisabled] = useState(false);\r\n  useImperativeComponentEvents({\r\n    disable(newDisabledValue: boolean) {\r\n      setIsDisabled(newDisabledValue);\r\n    },\r\n  });\r\n\r\n  usePanelActions({\r\n    refresh() {\r\n      panelButtonsActions(panelId, 'disable', false);\r\n    },\r\n  });\r\n\r\n  const openSettings = useCallback(() => {\r\n    try {\r\n      configure();\r\n    } catch (_) {\r\n      /* empty */\r\n    }\r\n  }, [configure]);\r\n\r\n  return (\r\n    <IconButton\r\n      icon=\"Settings\"\r\n      size=\"Md\"\r\n      variant=\"buttons.icon-outline\"\r\n      className=\"panel__iconButton panel__settings\"\r\n      onClick={openSettings}\r\n      title={getLabel('lblOpenPnlConf', { text: { TOK1: props.title } }).text}\r\n      disabled={isDisabled}\r\n    />\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,cAAA,GAAiB,CAAC,KAAA,KAA6B;AAC1D,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,EAAA,MAAM,YAAY,cAAA,EAAe;AAEjC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,4BAAA,CAA6B;AAAA,IAC3B,QAAQ,gBAAA,EAA2B;AACjC,MAAA,aAAA,CAAc,gBAAgB,CAAA;AAAA;AAChC,GACD,CAAA;AAED,EAAA,eAAA,CAAgB;AAAA,IACd,OAAA,GAAU;AACR,MAAA,mBAAA,CAAoB,OAAA,EAAS,WAAW,KAAK,CAAA;AAAA;AAC/C,GACD,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,IAAI;AACF,MAAA,SAAA,EAAU;AAAA,aACH,CAAA,EAAG;AAAA;AAEZ,GACF,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,UAAA;AAAA,MACL,IAAA,EAAK,IAAA;AAAA,MACL,OAAA,EAAQ,sBAAA;AAAA,MACR,SAAA,EAAU,mCAAA;AAAA,MACV,OAAA,EAAS,YAAA;AAAA,MACT,KAAA,EAAO,QAAA,CAAS,gBAAA,EAAkB,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,KAAA,CAAM,KAAA,EAAM,EAAG,CAAA,CAAE,IAAA;AAAA,MACnE,QAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/index.js

@@ -0,0 +1,82 @@
+import { jsx, jsxs } from '@apia/theme/jsx-runtime';
+import { Box, getVariant } from '@apia/theme';
+import { usePanelIdentity } from '../../../common/usePanelIdentity.js';
+import { NetworkState } from './NetworkState.js';
+import { PanelButtons } from './PanelButtons.js';
+import { usePanelIsLoading } from '../../../actions/usePanelIsLoading.js';
+import { useMakePanelContext, PanelContextProvider } from '../PanelContext/index.js';
+import { PanelFooter } from '../PanelContext/PanelFooter.js';
+import { usePanelTitleDescription, usePanelImage } from '../../../panelsUtil/usePanelTitleAction.js';
+import { AutoEllipsis } from '@apia/components';
+import AnimateHeight from 'react-animate-height';
+
+const DefaultPanelWrapper = ({ children, ...props }) => {
+  const { panelId, panelName, panelType } = usePanelIdentity();
+  const { contextValue, title, ref, ...footerProps } = useMakePanelContext(props);
+  const panelTitleDescription = usePanelTitleDescription();
+  const panelImage = usePanelImage() ?? props.image;
+  const showHeader = props.showTitle || props.isConfigurable || props.isRefreshable || panelImage;
+  const isLoading = usePanelIsLoading();
+  return /* @__PURE__ */ jsx(Box, { ...getVariant("layout.common.dashboards.panel"), children: /* @__PURE__ */ jsx(PanelContextProvider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: `panel__container ${isLoading ? "isLoading" : ""} ${props.isCollapsed ? "collapsed" : ""}`,
+      "data-panelname": panelName,
+      "data-paneltype": panelType,
+      "data-panelid": panelId,
+      children: [
+        showHeader && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            draggable: props.canMove,
+            className: `panel__header ${props.canMove ? "drag_panel_container" : ""}`,
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "panel__header__left",
+                  sx: {
+                    maxWidth: "75%",
+                    overflow: "hidden",
+                    whiteSpace: "nowrap"
+                  },
+                  children: [
+                    panelImage && !panelImage.match("(^.+null$)") && /* @__PURE__ */ jsx("img", { src: panelImage, className: "panel__icon" }),
+                    /* @__PURE__ */ jsxs(AutoEllipsis, { children: [
+                      props.showTitle && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: "panel__title",
+                          title: panelTitleDescription ?? title,
+                          children: title
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(NetworkState, { title })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: `panel__header__buttons`, children: /* @__PURE__ */ jsx(PanelButtons, { ...props, id: panelId }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          AnimateHeight,
+          {
+            className: `accordion__item__content ${props.isCollapsed ? " expanded" : ""}`,
+            height: !props.isCollapsed ? "auto" : 0,
+            duration: 100,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "panel__content", children }),
+              /* @__PURE__ */ jsx(PanelFooter, { isRefreshable: props.isRefreshable, ...footerProps })
+            ]
+          }
+        )
+      ]
+    }
+  ) }) });
+};
+
+export { DefaultPanelWrapper };
+//# sourceMappingURL=index.js.map

package/dist/splash/panels/DefaultPanelWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/index.tsx"],"sourcesContent":["import { Box, getVariant } from '@apia/theme';\r\nimport { PanelContainer } from '../../../types';\r\nimport { usePanelIdentity } from '../../../common';\r\nimport { NetworkState } from './NetworkState';\r\nimport { PanelButtons } from './PanelButtons';\r\nimport { usePanelIsLoading } from '../../../actions';\r\nimport { PanelContextProvider, useMakePanelContext } from '../PanelContext';\r\nimport { PanelFooter } from '../PanelContext/PanelFooter';\r\nimport {\r\n  usePanelImage,\r\n  usePanelTitleDescription,\r\n} from '../../../panelsUtil/usePanelTitleAction';\r\nimport { AutoEllipsis } from '@apia/components';\r\nimport AnimateHeight from 'react-animate-height';\r\n\r\nexport const DefaultPanelWrapper: PanelContainer = ({ children, ...props }) => {\r\n  const { panelId, panelName, panelType } = usePanelIdentity();\r\n\r\n  const { contextValue, title, ref, ...footerProps } =\r\n    useMakePanelContext(props);\r\n\r\n  const panelTitleDescription = usePanelTitleDescription();\r\n  const panelImage = usePanelImage() ?? props.image;\r\n\r\n  const showHeader =\r\n    props.showTitle ||\r\n    props.isConfigurable ||\r\n    props.isRefreshable ||\r\n    panelImage;\r\n\r\n  const isLoading = usePanelIsLoading();\r\n  return (\r\n    <Box {...getVariant('layout.common.dashboards.panel')}>\r\n      <PanelContextProvider value={contextValue}>\r\n        <div\r\n          ref={ref}\r\n          className={`panel__container ${isLoading ? 'isLoading' : ''} ${props.isCollapsed ? 'collapsed' : ''}`}\r\n          data-panelname={panelName}\r\n          data-paneltype={panelType}\r\n          data-panelid={panelId}\r\n        >\r\n          {showHeader && (\r\n            <div\r\n              draggable={props.canMove}\r\n              className={`panel__header ${props.canMove ? 'drag_panel_container' : ''}`}\r\n            >\r\n              <div\r\n                className=\"panel__header__left\"\r\n                sx={{\r\n                  maxWidth: '75%',\r\n                  overflow: 'hidden',\r\n                  whiteSpace: 'nowrap',\r\n                }}\r\n              >\r\n                {panelImage && !panelImage.match('(^.+null$)') && (\r\n                  <img src={panelImage} className=\"panel__icon\" />\r\n                )}\r\n                <AutoEllipsis>\r\n                  {props.showTitle && (\r\n                    <span\r\n                      className=\"panel__title\"\r\n                      title={panelTitleDescription ?? title}\r\n                    >\r\n                      {title}\r\n                    </span>\r\n                  )}\r\n                  <NetworkState title={title} />\r\n                </AutoEllipsis>\r\n              </div>\r\n\r\n              <div className={`panel__header__buttons`}>\r\n                <PanelButtons {...props} id={panelId} />\r\n              </div>\r\n            </div>\r\n          )}\r\n          <AnimateHeight\r\n            className={`accordion__item__content ${props.isCollapsed ? ' expanded' : ''}`}\r\n            height={!props.isCollapsed ? 'auto' : 0}\r\n            duration={100}\r\n          >\r\n            <div className=\"panel__content\">{children}</div>\r\n            <PanelFooter isRefreshable={props.isRefreshable} {...footerProps} />\r\n          </AnimateHeight>\r\n        </div>\r\n      </PanelContextProvider>\r\n    </Box>\r\n  );\r\n};\r\n"],"names":[],"mappings":"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"}

package/dist/splash/panels/EmptyPanelWrapper/index.d.ts

@@ -0,0 +1,6 @@
+import { PanelContainer } from '../../../types.js';
+
+declare const EmptyPanelWrapper: PanelContainer;
+
+export { EmptyPanelWrapper };
+//# sourceMappingURL=index.d.ts.map

package/dist/splash/panels/EmptyPanelWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/splash/panels/EmptyPanelWrapper/index.js

@@ -0,0 +1,10 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { useMakePanelContext, PanelContextProvider } from '../PanelContext/index.js';
+
+const EmptyPanelWrapper = (props) => {
+  const { contextValue } = useMakePanelContext(props);
+  return /* @__PURE__ */ jsx(PanelContextProvider, { value: contextValue, children: props.children });
+};
+
+export { EmptyPanelWrapper };
+//# sourceMappingURL=index.js.map

package/dist/splash/panels/EmptyPanelWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/splash/panels/EmptyPanelWrapper/index.tsx"],"sourcesContent":["import { PanelContainer } from '../../../types';\r\nimport { PanelContextProvider, useMakePanelContext } from '../PanelContext';\r\n\r\nexport const EmptyPanelWrapper: PanelContainer = (props) => {\r\n  const { contextValue } = useMakePanelContext(props);\r\n\r\n  return (\r\n    <PanelContextProvider value={contextValue}>\r\n      {props.children}\r\n    </PanelContextProvider>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;AAGO,MAAM,iBAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,YAAA,EAAa,GAAI,mBAAA,CAAoB,KAAK,CAAA;AAElD,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,gBAAM,QAAA,EACT,CAAA;AAEJ;;;;"}

package/dist/splash/panels/LandingPagePanelWrapper.d.ts

@@ -0,0 +1,6 @@
+import { PanelContainer } from '../../types.js';
+
+declare const LandingPagePanelWrapper: PanelContainer;
+
+export { LandingPagePanelWrapper };
+//# sourceMappingURL=LandingPagePanelWrapper.d.ts.map

package/dist/splash/panels/LandingPagePanelWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingPagePanelWrapper.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/splash/panels/LandingPagePanelWrapper.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from '@apia/theme/jsx-runtime';
+import { NetworkState } from './DefaultPanelWrapper/NetworkState.js';
+import { usePanelIdentity } from '../../common/usePanelIdentity.js';
+import { useMakePanelContext, PanelContextProvider } from './PanelContext/index.js';
+import { PanelFooter } from './PanelContext/PanelFooter.js';
+import { usePanelTitleAction, usePanelTitleDescription } from '../../panelsUtil/usePanelTitleAction.js';
+import { useDashboardContext } from '../../dashboard/DashboardContext.js';
+
+const LandingPagePanelWrapper = ({
+  children,
+  ...props
+}) => {
+  const { panelId, panelName, panelType } = usePanelIdentity();
+  const { contextValue, title, ref, ...footerProps } = useMakePanelContext(props);
+  const panelTitleAction = usePanelTitleAction();
+  const panelTitleDescription = usePanelTitleDescription();
+  const dashboard = useDashboardContext();
+  if (dashboard.getPanel(panelId).props.hasRss)
+    console.log(dashboard.getPanel(panelId).props);
+  return /* @__PURE__ */ jsx(PanelContextProvider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "panel__container",
+      "data-panelname": panelName,
+      "data-paneltype": panelType,
+      "data-panelid": panelId,
+      ref,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "panel__header", children: /* @__PURE__ */ jsxs("div", { className: "panel__header__left", children: [
+          props.showTitle && /* @__PURE__ */ jsx("span", { className: "panel__title", children: panelTitleAction ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              title: panelTitleDescription,
+              className: "panel__title__link",
+              href: panelTitleAction,
+              children: title
+            }
+          ) : title }),
+          /* @__PURE__ */ jsx(NetworkState, { title })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "panel__content", children }),
+        /* @__PURE__ */ jsx(PanelFooter, { isRefreshable: false, ...footerProps })
+      ]
+    }
+  ) });
+};
+
+export { LandingPagePanelWrapper };
+//# sourceMappingURL=LandingPagePanelWrapper.js.map

package/dist/splash/panels/LandingPagePanelWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingPagePanelWrapper.js","sources":["../../../src/splash/panels/LandingPagePanelWrapper.tsx"],"sourcesContent":["import { PanelContainer } from '../../types';\r\nimport { NetworkState } from './DefaultPanelWrapper/NetworkState';\r\nimport { usePanelIdentity } from '../../common';\r\nimport { PanelContextProvider, useMakePanelContext } from './PanelContext';\r\nimport { PanelFooter } from './PanelContext/PanelFooter';\r\nimport {\r\n  usePanelTitleAction,\r\n  usePanelTitleDescription,\r\n} from '../../panelsUtil/usePanelTitleAction';\r\nimport { useDashboardContext } from '../../dashboard/DashboardContext';\r\n\r\nexport const LandingPagePanelWrapper: PanelContainer = ({\r\n  children,\r\n  ...props\r\n}) => {\r\n  const { panelId, panelName, panelType } = usePanelIdentity();\r\n\r\n  const { contextValue, title, ref, ...footerProps } =\r\n    useMakePanelContext(props);\r\n\r\n  const panelTitleAction = usePanelTitleAction();\r\n  const panelTitleDescription = usePanelTitleDescription();\r\n\r\n  const dashboard = useDashboardContext();\r\n\r\n  if (dashboard.getPanel(panelId).props.hasRss)\r\n    console.log(dashboard.getPanel(panelId).props);\r\n\r\n  return (\r\n    <PanelContextProvider value={contextValue}>\r\n      <div\r\n        className=\"panel__container\"\r\n        data-panelname={panelName}\r\n        data-paneltype={panelType}\r\n        data-panelid={panelId}\r\n        ref={ref}\r\n      >\r\n        <div className=\"panel__header\">\r\n          <div className=\"panel__header__left\">\r\n            {props.showTitle && (\r\n              <span className=\"panel__title\">\r\n                {panelTitleAction ? (\r\n                  <a\r\n                    title={panelTitleDescription}\r\n                    className=\"panel__title__link\"\r\n                    href={panelTitleAction}\r\n                  >\r\n                    {title}\r\n                  </a>\r\n                ) : (\r\n                  title\r\n                )}\r\n              </span>\r\n            )}\r\n            <NetworkState title={title} />\r\n          </div>\r\n        </div>\r\n        <div className=\"panel__content\">{children}</div>\r\n        <PanelFooter isRefreshable={false} {...footerProps} />\r\n      </div>\r\n    </PanelContextProvider>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;;;;AAWO,MAAM,0BAA0C,CAAC;AAAA,EACtD,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,SAAA,KAAc,gBAAA,EAAiB;AAE3D,EAAA,MAAM,EAAE,cAAc,KAAA,EAAO,GAAA,EAAK,GAAG,WAAA,EAAY,GAC/C,oBAAoB,KAAK,CAAA;AAE3B,EAAA,MAAM,mBAAmB,mBAAA,EAAoB;AAC7C,EAAA,MAAM,wBAAwB,wBAAA,EAAyB;AAEvD,EAAA,MAAM,YAAY,mBAAA,EAAoB;AAEtC,EAAA,IAAI,SAAA,CAAU,QAAA,CAAS,OAAO,CAAA,CAAE,KAAA,CAAM,MAAA;AACpC,IAAA,OAAA,CAAQ,GAAA,CAAI,SAAA,CAAU,QAAA,CAAS,OAAO,EAAE,KAAK,CAAA;AAE/C,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,kBAAA;AAAA,MACV,gBAAA,EAAgB,SAAA;AAAA,MAChB,gBAAA,EAAgB,SAAA;AAAA,MAChB,cAAA,EAAc,OAAA;AAAA,MACd,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,eAAA,EACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,KAAA,CAAM,SAAA,oBACL,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBACb,QAAA,EAAA,gBAAA,mBACC,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,qBAAA;AAAA,cACP,SAAA,EAAU,oBAAA;AAAA,cACV,IAAA,EAAM,gBAAA;AAAA,cAEL,QAAA,EAAA;AAAA;AAAA,cAGH,KAAA,EAEJ,CAAA;AAAA,0BAEF,GAAA,CAAC,gBAAa,KAAA,EAAc;AAAA,SAAA,EAC9B,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS,CAAA;AAAA,wBAC1C,GAAA,CAAC,WAAA,EAAA,EAAY,aAAA,EAAe,KAAA,EAAQ,GAAG,WAAA,EAAa;AAAA;AAAA;AAAA,GACtD,EACF,CAAA;AAEJ;;;;"}

package/dist/splash/panels/PanelContext/PanelFooter.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+declare const PanelFooter: ({ footerContent, isRefreshable, footer, handleFooterClick, force, }: any & {
+    isRefreshable: boolean;
+    force?: boolean;
+}) => react.JSX.Element;
+
+export { PanelFooter };
+//# sourceMappingURL=PanelFooter.d.ts.map

package/dist/splash/panels/PanelContext/PanelFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/splash/panels/PanelContext/PanelFooter.js

@@ -0,0 +1,72 @@
+import { jsx, Fragment, jsxs } from '@apia/theme/jsx-runtime';
+import { useState } from 'react';
+import { usePanelActions } from '../../../actions/usePanelActions.js';
+import { AutoEllipsis, SimpleButton } from '@apia/components';
+import { Box } from '@apia/theme';
+
+const PanelFooter = ({
+  footerContent,
+  isRefreshable,
+  footer,
+  handleFooterClick,
+  force
+}) => {
+  const [lastUpdate, setLastUpdate] = useState(0);
+  usePanelActions({
+    refresh() {
+      setLastUpdate(Date.now());
+    }
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: (isRefreshable || footer || force) && /* @__PURE__ */ jsxs("div", { className: "panel__footer", children: [
+    footerContent ?? (footer && (!footer.action || footer.actionBehavior === "DO_NOTHING") && /* @__PURE__ */ jsx("div", { className: "panel__footer__text", children: /* @__PURE__ */ jsx(
+      AutoEllipsis,
+      {
+        overrideStyles: (el) => {
+          const styles = window.getComputedStyle(
+            el.closest(".panel__footer")
+          );
+          const width = Number.parseInt(styles.width, 10);
+          const padding = Number.parseInt(styles.paddingLeft, 10) + Number.parseInt(styles.paddingRight, 10);
+          return {
+            width: `${width - padding}px`
+          };
+        },
+        children: footer.text
+      }
+    ) })),
+    footer?.action && footer.actionBehavior !== "DO_NOTHING" && /* @__PURE__ */ jsx(
+      SimpleButton,
+      {
+        onClick: handleFooterClick,
+        onDoubleClick: handleFooterClick,
+        variant: "link",
+        className: "panel__footer__text",
+        children: /* @__PURE__ */ jsx(
+          AutoEllipsis,
+          {
+            overrideStyles: (el) => {
+              const styles = window.getComputedStyle(
+                el.closest(".panel__footer")
+              );
+              const width = Number.parseInt(styles.width, 10);
+              const padding = Number.parseInt(styles.paddingLeft, 10) + Number.parseInt(styles.paddingRight, 10);
+              return {
+                width: `${width - padding}px`
+              };
+            },
+            children: footer.text
+          }
+        )
+      }
+    ),
+    !footer && /* @__PURE__ */ jsx("div", {}),
+    lastUpdate > 0 && /* @__PURE__ */ jsxs(Box, { className: "lastUpdate__wrapper", children: [
+      new Date(lastUpdate).toLocaleDateString(),
+      " ",
+      new Date(lastUpdate).toLocaleTimeString()
+    ] })
+  ] }) });
+};
+
+export { PanelFooter };
+//# sourceMappingURL=PanelFooter.js.map

package/dist/splash/panels/PanelContext/PanelFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.js","sources":["../../../../src/splash/panels/PanelContext/PanelFooter.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { usePanelActions } from '../../../actions';\r\nimport { AutoEllipsis, SimpleButton } from '@apia/components';\r\nimport { Box } from '@apia/theme';\r\n\r\nexport const PanelFooter = ({\r\n  footerContent,\r\n  isRefreshable,\r\n  footer,\r\n  handleFooterClick,\r\n  force,\r\n}: any & { isRefreshable: boolean; force?: boolean }) => {\r\n  const [lastUpdate, setLastUpdate] = useState<number>(0);\r\n\r\n  usePanelActions({\r\n    refresh() {\r\n      setLastUpdate(Date.now());\r\n    },\r\n  });\r\n\r\n  return (\r\n    <>\r\n      {(isRefreshable || footer || force) && (\r\n        <div className=\"panel__footer\">\r\n          {footerContent ??\r\n            (footer &&\r\n              (!footer.action || footer.actionBehavior === 'DO_NOTHING') && (\r\n                <div className=\"panel__footer__text\">\r\n                  <AutoEllipsis\r\n                    overrideStyles={(el) => {\r\n                      const styles = window.getComputedStyle(\r\n                        el.closest('.panel__footer') as HTMLElement,\r\n                      );\r\n                      const width = Number.parseInt(styles.width, 10);\r\n                      const padding =\r\n                        Number.parseInt(styles.paddingLeft, 10) +\r\n                        Number.parseInt(styles.paddingRight, 10);\r\n                      return {\r\n                        width: `${width - padding}px`,\r\n                      };\r\n                    }}\r\n                  >\r\n                    {footer.text}\r\n                  </AutoEllipsis>\r\n                </div>\r\n              ))}\r\n          {footer?.action && footer.actionBehavior !== 'DO_NOTHING' && (\r\n            <SimpleButton\r\n              onClick={handleFooterClick}\r\n              onDoubleClick={handleFooterClick}\r\n              variant=\"link\"\r\n              className=\"panel__footer__text\"\r\n            >\r\n              <AutoEllipsis\r\n                overrideStyles={(el) => {\r\n                  const styles = window.getComputedStyle(\r\n                    el.closest('.panel__footer') as HTMLElement,\r\n                  );\r\n                  const width = Number.parseInt(styles.width, 10);\r\n                  const padding =\r\n                    Number.parseInt(styles.paddingLeft, 10) +\r\n                    Number.parseInt(styles.paddingRight, 10);\r\n                  return {\r\n                    width: `${width - padding}px`,\r\n                  };\r\n                }}\r\n              >\r\n                {footer.text}\r\n              </AutoEllipsis>\r\n            </SimpleButton>\r\n          )}\r\n          {!footer && <div></div>}\r\n          {lastUpdate > 0 && (\r\n            <Box className=\"lastUpdate__wrapper\">\r\n              {new Date(lastUpdate).toLocaleDateString()}{' '}\r\n              {new Date(lastUpdate).toLocaleTimeString()}\r\n            </Box>\r\n          )}\r\n        </div>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n"],"names":[],"mappings":"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"}

package/dist/splash/panels/PanelContext/index.d.ts

@@ -0,0 +1,46 @@
+import { TPanelProps } from '../../../types.js';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { TPanelLayout } from './usePanelContextLayout.js';
+import { TFooter } from '../../../actions/usePanelActions.js';
+import '../../../dashboard/DashboardPanelsBootstraper.js';
+
+type TPanelContext = {
+    /**
+     * Permite establecer contenido arbitrario en el footer del panel.
+     */
+    setFooterContent(content: ReactNode): void;
+    /**
+     * setLayout es una función que permite decidir en qué formato se muestran
+     * los contenidos del panel.
+     *
+     * dense: No hay paddings
+     * clever: Hay paddings grandes
+     */
+    setLayout: (newLayout: TPanelLayout) => void;
+    setTitle: (newTitle: string) => void;
+    panelProps: Omit<TPanelProps, 'children'>;
+    /**
+     * Cuando un panel renderiza sus hijos en pantalla, debe setear el ref de
+     * modo que se pueda continuar con el flujo normal del panel. Este ref puede
+     * estar en cualquier nivel, cuando sea instanciado, se llamará al refresh
+     * inicial.
+     */
+    setRef: (el: HTMLElement | null) => void;
+};
+declare function usePanelContext(): TPanelContext;
+declare const PanelContextProvider: ({ children, value, }: {
+    children: ReactNode;
+    value: TPanelContext;
+}) => react.JSX.Element;
+declare function useMakePanelContext(panelProps: Omit<TPanelProps, 'children'>): {
+    footerContent: ReactNode;
+    title: string;
+    footer: TFooter | null;
+    handleFooterClick: (ev: react.MouseEvent | react.KeyboardEvent) => void;
+    contextValue: TPanelContext;
+    ref: (el: HTMLDivElement) => void;
+};
+
+export { PanelContextProvider, type TPanelContext, useMakePanelContext, usePanelContext };
+//# sourceMappingURL=index.d.ts.map

package/dist/splash/panels/PanelContext/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/splash/panels/PanelContext/index.js

@@ -0,0 +1,66 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { useContext, createContext, useCallback, useState, useRef, useMemo } from 'react';
+import { usePanelOnEvent } from '../../../eventsController/usePanelOnEvent.js';
+import { usePanelContextLayout } from './usePanelContextLayout.js';
+import { usePanelFooter } from './usePanelFooter.js';
+import { useDashboardContext } from '../../../dashboard/DashboardContext.js';
+import { usePanelIdentity } from '../../../common/usePanelIdentity.js';
+import { changePanelTitle } from '../../../panelsUtil/usePanelChangeTitle.js';
+
+const PanelContext = createContext(null);
+function usePanelContext() {
+  const context = useContext(PanelContext);
+  if (!context)
+    throw new Error("No panel wrapper context defined");
+  return context;
+}
+const PanelContextProvider = ({
+  children,
+  value
+}) => {
+  return /* @__PURE__ */ jsx(PanelContext.Provider, { value, children });
+};
+function useMakePanelContext(panelProps) {
+  const identifier = usePanelIdentity();
+  const setTitle = useCallback(
+    (newTitle) => {
+      changePanelTitle(identifier, newTitle);
+    },
+    [identifier]
+  );
+  const { ref, setLayout } = usePanelContextLayout();
+  const [title, setTitleState] = useState(panelProps.title);
+  usePanelOnEvent(
+    { eventType: "changeTitle", panelId: identifier.panelId },
+    (ev) => {
+      setTitleState(ev.payload);
+    }
+  );
+  const { footer, handleFooterClick } = usePanelFooter(panelProps);
+  const [footerContent, setFooterContent] = useState(null);
+  const hasRefreshedOnStartup = useRef(false);
+  const dashboard = useDashboardContext();
+  const setRef = useCallback(
+    (el) => {
+      if (el && !hasRefreshedOnStartup.current) {
+        hasRefreshedOnStartup.current = true;
+        if (panelProps.refreshOnStart) {
+          dashboard.getPanel(panelProps.id).refresh().then(() => {
+            dashboard.bootstrapper.setPanelHasLoaded(identifier.panelId);
+          });
+        } else {
+          dashboard.bootstrapper.setPanelHasLoaded(identifier.panelId);
+        }
+      }
+    },
+    [dashboard, identifier.panelId, panelProps.id, panelProps.refreshOnStart]
+  );
+  const contextValue = useMemo(
+    () => ({ setFooterContent, setTitle, setLayout, panelProps, setRef }),
+    [setTitle, setLayout, panelProps, setRef]
+  );
+  return { footerContent, title, footer, handleFooterClick, contextValue, ref };
+}
+
+export { PanelContext, PanelContextProvider, useMakePanelContext, usePanelContext };
+//# sourceMappingURL=index.js.map

package/dist/splash/panels/PanelContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/splash/panels/PanelContext/index.tsx"],"sourcesContent":["import {\r\n  ReactNode,\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\nimport { changePanelTitle } from '../../../panelsUtil';\r\nimport { TPanelEvent, usePanelOnEvent } from '../../../eventsController';\r\nimport { TPanelLayout, usePanelContextLayout } from './usePanelContextLayout';\r\nimport { usePanelFooter } from './usePanelFooter';\r\nimport { TPanelProps } from '../../../types';\r\nimport { useYieldPanelIsReady } from './useYieldPanelIsReady';\r\nimport { useDashboardContext } from '../../../dashboard/DashboardContext';\r\nimport { usePanelIdentity } from '../../../common';\r\n\r\nexport const PanelContext = createContext<TPanelContext | null>(null);\r\nexport { useYieldPanelIsReady };\r\n\r\nexport type TPanelContext = {\r\n  /**\r\n   * Permite establecer contenido arbitrario en el footer del panel.\r\n   */\r\n  setFooterContent(content: ReactNode): void;\r\n  /**\r\n   * setLayout es una función que permite decidir en qué formato se muestran\r\n   * los contenidos del panel.\r\n   *\r\n   * dense: No hay paddings\r\n   * clever: Hay paddings grandes\r\n   */\r\n  setLayout: (newLayout: TPanelLayout) => void;\r\n  setTitle: (newTitle: string) => void;\r\n  panelProps: Omit<TPanelProps, 'children'>;\r\n  /**\r\n   * Cuando un panel renderiza sus hijos en pantalla, debe setear el ref de\r\n   * modo que se pueda continuar con el flujo normal del panel. Este ref puede\r\n   * estar en cualquier nivel, cuando sea instanciado, se llamará al refresh\r\n   * inicial.\r\n   */\r\n  setRef: (el: HTMLElement | null) => void;\r\n};\r\n\r\nexport function usePanelContext() {\r\n  const context = useContext(PanelContext);\r\n  if (!context) throw new Error('No panel wrapper context defined');\r\n  return context;\r\n}\r\nexport const PanelContextProvider = ({\r\n  children,\r\n  value,\r\n}: {\r\n  children: ReactNode;\r\n  value: TPanelContext;\r\n}) => {\r\n  return (\r\n    <PanelContext.Provider value={value}>{children}</PanelContext.Provider>\r\n  );\r\n};\r\n\r\nexport function useMakePanelContext(panelProps: Omit<TPanelProps, 'children'>) {\r\n  const identifier = usePanelIdentity();\r\n\r\n  const setTitle = useCallback(\r\n    (newTitle: string) => {\r\n      changePanelTitle(identifier, newTitle);\r\n    },\r\n    [identifier],\r\n  );\r\n\r\n  const { ref, setLayout } = usePanelContextLayout();\r\n\r\n  const [title, setTitleState] = useState(panelProps.title);\r\n  usePanelOnEvent(\r\n    { eventType: 'changeTitle', panelId: identifier.panelId },\r\n    (ev: TPanelEvent<string>) => {\r\n      setTitleState(ev.payload);\r\n    },\r\n  );\r\n  const { footer, handleFooterClick } = usePanelFooter(panelProps);\r\n\r\n  const [footerContent, setFooterContent] = useState<ReactNode>(null);\r\n\r\n  const hasRefreshedOnStartup = useRef(false);\r\n  const dashboard = useDashboardContext();\r\n\r\n  const setRef = useCallback(\r\n    (el: HTMLElement | null) => {\r\n      if (el && !hasRefreshedOnStartup.current) {\r\n        hasRefreshedOnStartup.current = true;\r\n        if (panelProps.refreshOnStart) {\r\n          dashboard\r\n            .getPanel(panelProps.id)\r\n            .refresh()\r\n            .then(() => {\r\n              dashboard.bootstrapper.setPanelHasLoaded(identifier.panelId);\r\n            });\r\n        } else {\r\n          dashboard.bootstrapper.setPanelHasLoaded(identifier.panelId);\r\n        }\r\n      }\r\n    },\r\n    [dashboard, identifier.panelId, panelProps.id, panelProps.refreshOnStart],\r\n  );\r\n\r\n  const contextValue = useMemo<TPanelContext>(\r\n    () => ({ setFooterContent, setTitle, setLayout, panelProps, setRef }),\r\n    [setTitle, setLayout, panelProps, setRef],\r\n  );\r\n\r\n  return { footerContent, title, footer, handleFooterClick, contextValue, ref };\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,YAAA,GAAe,cAAoC,IAAI;AA2B7D,SAAS,eAAA,GAAkB;AAChC,EAAA,MAAM,OAAA,GAAU,WAAW,YAAY,CAAA;AACvC,EAAA,IAAI,CAAC,OAAA;AAAS,IAAA,MAAM,IAAI,MAAM,kCAAkC,CAAA;AAChE,EAAA,OAAO,OAAA;AACT;AACO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,uBACE,GAAA,CAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,OAAe,QAAA,EAAS,CAAA;AAEnD;AAEO,SAAS,oBAAoB,UAAA,EAA2C;AAC7E,EAAA,MAAM,aAAa,gBAAA,EAAiB;AAEpC,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,QAAA,KAAqB;AACpB,MAAA,gBAAA,CAAiB,YAAY,QAAQ,CAAA;AAAA,KACvC;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,EAAE,GAAA,EAAK,SAAA,EAAU,GAAI,qBAAA,EAAsB;AAEjD,EAAA,MAAM,CAAC,KAAA,EAAO,aAAa,CAAA,GAAI,QAAA,CAAS,WAAW,KAAK,CAAA;AACxD,EAAA,eAAA;AAAA,IACE,EAAE,SAAA,EAAW,aAAA,EAAe,OAAA,EAAS,WAAW,OAAA,EAAQ;AAAA,IACxD,CAAC,EAAA,KAA4B;AAC3B,MAAA,aAAA,CAAc,GAAG,OAAO,CAAA;AAAA;AAC1B,GACF;AACA,EAAA,MAAM,EAAE,MAAA,EAAQ,iBAAA,EAAkB,GAAI,eAAe,UAAU,CAAA;AAE/D,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAoB,IAAI,CAAA;AAElE,EAAA,MAAM,qBAAA,GAAwB,OAAO,KAAK,CAAA;AAC1C,EAAA,MAAM,YAAY,mBAAA,EAAoB;AAEtC,EAAA,MAAM,MAAA,GAAS,WAAA;AAAA,IACb,CAAC,EAAA,KAA2B;AAC1B,MAAA,IAAI,EAAA,IAAM,CAAC,qBAAA,CAAsB,OAAA,EAAS;AACxC,QAAA,qBAAA,CAAsB,OAAA,GAAU,IAAA;AAChC,QAAA,IAAI,WAAW,cAAA,EAAgB;AAC7B,UAAA,SAAA,CACG,SAAS,UAAA,CAAW,EAAE,EACtB,OAAA,EAAQ,CACR,KAAK,MAAM;AACV,YAAA,SAAA,CAAU,YAAA,CAAa,iBAAA,CAAkB,UAAA,CAAW,OAAO,CAAA;AAAA,WAC5D,CAAA;AAAA,SACL,MAAO;AACL,UAAA,SAAA,CAAU,YAAA,CAAa,iBAAA,CAAkB,UAAA,CAAW,OAAO,CAAA;AAAA;AAC7D;AACF,KACF;AAAA,IACA,CAAC,SAAA,EAAW,UAAA,CAAW,SAAS,UAAA,CAAW,EAAA,EAAI,WAAW,cAAc;AAAA,GAC1E;AAEA,EAAA,MAAM,YAAA,GAAe,OAAA;AAAA,IACnB,OAAO,EAAE,gBAAA,EAAkB,QAAA,EAAU,SAAA,EAAW,YAAY,MAAA,EAAO,CAAA;AAAA,IACnE,CAAC,QAAA,EAAU,SAAA,EAAW,UAAA,EAAY,MAAM;AAAA,GAC1C;AAEA,EAAA,OAAO,EAAE,aAAA,EAAe,KAAA,EAAO,MAAA,EAAQ,iBAAA,EAAmB,cAAc,GAAA,EAAI;AAC9E;;;;"}

package/dist/splash/panels/PanelContext/usePanelContextLayout.d.ts

@@ -0,0 +1,6 @@
+import { TSpacingLayout } from '@apia/theme';
+
+type TPanelLayout = TSpacingLayout;
+
+export type { TPanelLayout };
+//# sourceMappingURL=usePanelContextLayout.d.ts.map

package/dist/splash/panels/PanelContext/usePanelContextLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelContextLayout.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}