@apia/dashboard-controller 3.0.1 → 3.0.6

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

@@ -1,103 +0,0 @@
-import { spacing, responsive, getSpacingLayouts } from '@apia/theme';
-
-const defaultPanelWrapperStyles = {
-  pb: spacing(6),
-  "&:last-child": {
-    pb: 0
-  },
-  ".panel__container": {
-    background: "palette.background.paper",
-    border: "1px solid",
-    borderColor: "palette.gray.800",
-    display: "flex",
-    flexDirection: "column",
-    borderRadius: "panel",
-    boxShadow: "panel"
-  },
-  ".panel__header": {
-    alignItems: "center",
-    cursor: "grab",
-    display: "flex",
-    flexWrap: "nowrap",
-    fontWeight: "bold",
-    justifyContent: "space-between",
-    maxWidth: "100%",
-    overflow: "hidden",
-    backgroundColor: "palette.secondary.light",
-    borderBottomRightRadius: "0px !important",
-    borderBottomLeftRadius: "0px !important",
-    pl: 4,
-    py: 4,
-    borderRadius: "panel",
-    ".panel__header__left": {
-      alignItems: "center",
-      display: "flex",
-      gap: 2,
-      svg: {
-        color: "palette.error.dark"
-      }
-    },
-    "& > *": {
-      flexShrink: 0
-    },
-    ".panel__header__buttons": {
-      alignSelf: "end",
-      display: "flex",
-      flexGrow: 1,
-      fontWeight: "normal",
-      gap: 2,
-      justifyContent: "end",
-      right: 0,
-      background: "transparent",
-      pr: 3,
-      opacity: responsive({ 0: 1, 3: 0 }),
-      alignItems: "center",
-      pl: 3,
-      height: "24px",
-      button: {
-        width: "30px",
-        height: "30px"
-      }
-    }
-  },
-  ".panel__content": {
-    ...getSpacingLayouts()
-  },
-  ".panel__container:hover, .panel__container:focus, .panel__container:focus-within, .panel__container.isLoading": {
-    ".panel__header__buttons, .lastUpdate__wrapper": {
-      opacity: responsive({ 0: 1 })
-    }
-  },
-  ".panel__footer": {
-    display: "flex",
-    justifyContent: "space-between",
-    gap: spacing(3),
-    background: "palette.secondary.light",
-    px: 4,
-    py: 3,
-    color: "palette.text.primary",
-    borderRadius: "panel",
-    borderTopRightRadius: "0px",
-    borderTopLeftRadius: "0px",
-    overflow: "hidden",
-    alignItems: "center"
-  },
-  ".panel__iconButton, .lastUpdate__wrapper": {
-    transition: "opacity 300ms"
-  },
-  ".lastUpdate__wrapper": {
-    fontSize: 14,
-    opacity: 0,
-    flexShrink: 0
-  },
-  ".panel__footer__text": {
-    overflow: "hidden",
-    flexShrink: 1
-  },
-  "span.panel__title": {
-    flexShrink: "1 !important"
-  }
-};
-
-export { defaultPanelWrapperStyles };
-//# sourceMappingURL=defaultPanelWrapperStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"defaultPanelWrapperStyles.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/defaultPanelWrapperStyles.ts"],"sourcesContent":["import {\n  responsive,\n  spacing,\n  ThemeUICSSObject,\n  getSpacingLayouts,\n} from '@apia/theme';\n\nexport const defaultPanelWrapperStyles: ThemeUICSSObject = {\n  pb: spacing(6),\n\n  '&:last-child': {\n    pb: 0,\n  },\n  '.panel__container': {\n    background: 'palette.background.paper',\n    border: '1px solid',\n    borderColor: 'palette.gray.800',\n    display: 'flex',\n    flexDirection: 'column',\n    borderRadius: 'panel',\n    boxShadow: 'panel',\n  },\n\n  '.panel__header': {\n    alignItems: 'center',\n    cursor: 'grab',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    fontWeight: 'bold',\n    justifyContent: 'space-between',\n    maxWidth: '100%',\n    overflow: 'hidden',\n    backgroundColor: 'palette.secondary.light',\n    borderBottomRightRadius: '0px !important',\n    borderBottomLeftRadius: '0px !important',\n    pl: 4,\n    py: 4,\n\n    borderRadius: 'panel',\n\n    '.panel__header__left': {\n      alignItems: 'center',\n      display: 'flex',\n      gap: 2,\n\n      svg: {\n        color: 'palette.error.dark',\n      },\n    },\n\n    '& > *': {\n      flexShrink: 0,\n    },\n\n    '.panel__header__buttons': {\n      alignSelf: 'end',\n      display: 'flex',\n      flexGrow: 1,\n      fontWeight: 'normal',\n      gap: 2,\n      justifyContent: 'end',\n      right: 0,\n      background: 'transparent',\n      pr: 3,\n      opacity: responsive({ 0: 1, 3: 0 }),\n      alignItems: 'center',\n      pl: 3,\n      height: '24px',\n      button: {\n        width: '30px',\n        height: '30px',\n      },\n    },\n  },\n\n  '.panel__content': {\n    ...getSpacingLayouts(),\n  },\n\n  '.panel__container:hover, .panel__container:focus, .panel__container:focus-within, .panel__container.isLoading':\n    {\n      '.panel__header__buttons, .lastUpdate__wrapper': {\n        opacity: responsive({ 0: 1 }),\n      },\n    },\n\n  '.panel__footer': {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: spacing(3),\n    background: 'palette.secondary.light',\n    px: 4,\n    py: 3,\n    color: 'palette.text.primary',\n    borderRadius: 'panel',\n    borderTopRightRadius: '0px',\n    borderTopLeftRadius: '0px',\n    overflow: 'hidden',\n    alignItems: 'center',\n  },\n\n  '.panel__iconButton, .lastUpdate__wrapper': {\n    transition: 'opacity 300ms',\n  },\n\n  '.lastUpdate__wrapper': {\n    fontSize: 14,\n    opacity: 0,\n    flexShrink: 0,\n  },\n\n  '.panel__footer__text': {\n    overflow: 'hidden',\n    flexShrink: 1,\n  },\n\n  'span.panel__title': {\n    flexShrink: '1 !important',\n  },\n};\n"],"names":[],"mappings":";;AAOO,MAAM,yBAA8C,GAAA;AAAA,EACzD,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,EAEb,cAAgB,EAAA;AAAA,IACd,EAAI,EAAA,CAAA;AAAA,GACN;AAAA,EACA,mBAAqB,EAAA;AAAA,IACnB,UAAY,EAAA,0BAAA;AAAA,IACZ,MAAQ,EAAA,WAAA;AAAA,IACR,WAAa,EAAA,kBAAA;AAAA,IACb,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,YAAc,EAAA,OAAA;AAAA,IACd,SAAW,EAAA,OAAA;AAAA,GACb;AAAA,EAEA,gBAAkB,EAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,QAAU,EAAA,MAAA;AAAA,IACV,QAAU,EAAA,QAAA;AAAA,IACV,eAAiB,EAAA,yBAAA;AAAA,IACjB,uBAAyB,EAAA,gBAAA;AAAA,IACzB,sBAAwB,EAAA,gBAAA;AAAA,IACxB,EAAI,EAAA,CAAA;AAAA,IACJ,EAAI,EAAA,CAAA;AAAA,IAEJ,YAAc,EAAA,OAAA;AAAA,IAEd,sBAAwB,EAAA;AAAA,MACtB,UAAY,EAAA,QAAA;AAAA,MACZ,OAAS,EAAA,MAAA;AAAA,MACT,GAAK,EAAA,CAAA;AAAA,MAEL,GAAK,EAAA;AAAA,QACH,KAAO,EAAA,oBAAA;AAAA,OACT;AAAA,KACF;AAAA,IAEA,OAAS,EAAA;AAAA,MACP,UAAY,EAAA,CAAA;AAAA,KACd;AAAA,IAEA,yBAA2B,EAAA;AAAA,MACzB,SAAW,EAAA,KAAA;AAAA,MACX,OAAS,EAAA,MAAA;AAAA,MACT,QAAU,EAAA,CAAA;AAAA,MACV,UAAY,EAAA,QAAA;AAAA,MACZ,GAAK,EAAA,CAAA;AAAA,MACL,cAAgB,EAAA,KAAA;AAAA,MAChB,KAAO,EAAA,CAAA;AAAA,MACP,UAAY,EAAA,aAAA;AAAA,MACZ,EAAI,EAAA,CAAA;AAAA,MACJ,SAAS,UAAW,CAAA,EAAE,GAAG,CAAG,EAAA,CAAA,EAAG,GAAG,CAAA;AAAA,MAClC,UAAY,EAAA,QAAA;AAAA,MACZ,EAAI,EAAA,CAAA;AAAA,MACJ,MAAQ,EAAA,MAAA;AAAA,MACR,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA,MAAA;AAAA,QACP,MAAQ,EAAA,MAAA;AAAA,OACV;AAAA,KACF;AAAA,GACF;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,GAAG,iBAAkB,EAAA;AAAA,GACvB;AAAA,EAEA,+GACE,EAAA;AAAA,IACE,+CAAiD,EAAA;AAAA,MAC/C,OAAS,EAAA,UAAA,CAAW,EAAE,CAAA,EAAG,GAAG,CAAA;AAAA,KAC9B;AAAA,GACF;AAAA,EAEF,gBAAkB,EAAA;AAAA,IAChB,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,eAAA;AAAA,IAChB,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,IACd,UAAY,EAAA,yBAAA;AAAA,IACZ,EAAI,EAAA,CAAA;AAAA,IACJ,EAAI,EAAA,CAAA;AAAA,IACJ,KAAO,EAAA,sBAAA;AAAA,IACP,YAAc,EAAA,OAAA;AAAA,IACd,oBAAsB,EAAA,KAAA;AAAA,IACtB,mBAAqB,EAAA,KAAA;AAAA,IACrB,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,QAAA;AAAA,GACd;AAAA,EAEA,0CAA4C,EAAA;AAAA,IAC1C,UAAY,EAAA,eAAA;AAAA,GACd;AAAA,EAEA,sBAAwB,EAAA;AAAA,IACtB,QAAU,EAAA,EAAA;AAAA,IACV,OAAS,EAAA,CAAA;AAAA,IACT,UAAY,EAAA,CAAA;AAAA,GACd;AAAA,EAEA,sBAAwB,EAAA;AAAA,IACtB,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,CAAA;AAAA,GACd;AAAA,EAEA,mBAAqB,EAAA;AAAA,IACnB,UAAY,EAAA,cAAA;AAAA,GACd;AACF;;;;"}

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

@@ -1,57 +0,0 @@
-import { jsx, jsxs } from '@apia/theme/jsx-runtime';
-import { makeStyledComponent } from '@apia/theme';
-import { defaultPanelWrapperStyles } from './defaultPanelWrapperStyles.js';
-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 } from '../../../panelsUtil/usePanelTitleAction.js';
-
-const DefaultPanelWrapper = makeStyledComponent(
-  "DefaultPanelWrapper",
-  "layout.common.dashboards.panel",
-  defaultPanelWrapperStyles,
-  ({ children, ...props }) => {
-    const { panelId, panelName, panelType } = usePanelIdentity();
-    const { contextValue, title, ref, ...footerProps } = useMakePanelContext(
-      panelId,
-      props
-    );
-    const panelTitleDescription = usePanelTitleDescription();
-    const showHeader = props.showTitle || props.isConfigurable || props.isRefreshable;
-    const isLoading = usePanelIsLoading();
-    return /* @__PURE__ */ jsx(PanelContextProvider, { value: contextValue, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: `panel__container ${isLoading ? "isLoading" : ""}`,
-        "data-panelname": panelName,
-        "data-paneltype": panelType,
-        "data-panelid": panelId,
-        children: [
-          showHeader && /* @__PURE__ */ jsxs("div", { draggable: props.canMove, className: `panel__header`, children: [
-            /* @__PURE__ */ jsxs("div", { className: "panel__header__left", 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__ */ 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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/index.tsx"],"sourcesContent":["import { makeStyledComponent } from '@apia/theme';\nimport { PanelContainer } from '../../../types';\nimport { defaultPanelWrapperStyles } from './defaultPanelWrapperStyles';\nimport { usePanelIdentity } from '../../../common';\nimport { NetworkState } from './NetworkState';\nimport { PanelButtons } from './PanelButtons';\nimport { usePanelIsLoading } from '../../../actions';\nimport { PanelContextProvider, useMakePanelContext } from '../PanelContext';\nimport { PanelFooter } from '../PanelContext/PanelFooter';\nimport { usePanelTitleDescription } from '../../../panelsUtil/usePanelTitleAction';\n\nexport const DefaultPanelWrapper: PanelContainer = makeStyledComponent(\n  'DefaultPanelWrapper',\n  'layout.common.dashboards.panel',\n  defaultPanelWrapperStyles,\n  ({ children, ...props }) => {\n    const { panelId, panelName, panelType } = usePanelIdentity();\n\n    const { contextValue, title, ref, ...footerProps } = useMakePanelContext(\n      panelId,\n      props,\n    );\n\n    const panelTitleDescription = usePanelTitleDescription();\n\n    const showHeader =\n      props.showTitle || props.isConfigurable || props.isRefreshable;\n    const isLoading = usePanelIsLoading();\n    return (\n      <PanelContextProvider value={contextValue}>\n        <div\n          ref={ref}\n          className={`panel__container ${isLoading ? 'isLoading' : ''}`}\n          data-panelname={panelName}\n          data-paneltype={panelType}\n          data-panelid={panelId}\n        >\n          {showHeader && (\n            <div draggable={props.canMove} className={`panel__header`}>\n              <div className=\"panel__header__left\">\n                {props.showTitle && (\n                  <span\n                    className=\"panel__title\"\n                    title={panelTitleDescription ?? title}\n                  >\n                    {title}\n                  </span>\n                )}\n                <NetworkState title={title} />\n              </div>\n              <div className={`panel__header__buttons`}>\n                <PanelButtons {...props} id={panelId} />\n              </div>\n            </div>\n          )}\n          <div className=\"panel__content\">{children}</div>\n          <PanelFooter isRefreshable={props.isRefreshable} {...footerProps} />\n        </div>\n      </PanelContextProvider>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,mBAAsC,GAAA,mBAAA;AAAA,EACjD,qBAAA;AAAA,EACA,gCAAA;AAAA,EACA,yBAAA;AAAA,EACA,CAAC,EAAE,QAAU,EAAA,GAAG,OAAY,KAAA;AAC1B,IAAA,MAAM,EAAE,OAAA,EAAS,SAAW,EAAA,SAAA,KAAc,gBAAiB,EAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,YAAc,EAAA,KAAA,EAAO,GAAK,EAAA,GAAG,aAAgB,GAAA,mBAAA;AAAA,MACnD,OAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,wBAAwB,wBAAyB,EAAA,CAAA;AAEvD,IAAA,MAAM,UACJ,GAAA,KAAA,CAAM,SAAa,IAAA,KAAA,CAAM,kBAAkB,KAAM,CAAA,aAAA,CAAA;AACnD,IAAA,MAAM,YAAY,iBAAkB,EAAA,CAAA;AACpC,IACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAA,CAAA,iBAAA,EAAoB,SAAY,GAAA,WAAA,GAAc,EAAE,CAAA,CAAA;AAAA,QAC3D,gBAAgB,EAAA,SAAA;AAAA,QAChB,gBAAgB,EAAA,SAAA;AAAA,QAChB,cAAc,EAAA,OAAA;AAAA,QAEb,QAAA,EAAA;AAAA,UAAA,UAAA,yBACE,KAAI,EAAA,EAAA,SAAA,EAAW,KAAM,CAAA,OAAA,EAAS,WAAW,CACxC,aAAA,CAAA,EAAA,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,qBACZ,EAAA,QAAA,EAAA;AAAA,cAAA,KAAA,CAAM,SACL,oBAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAU,EAAA,cAAA;AAAA,kBACV,OAAO,qBAAyB,IAAA,KAAA;AAAA,kBAE/B,QAAA,EAAA,KAAA;AAAA,iBAAA;AAAA,eACH;AAAA,8BAEF,GAAA,CAAC,gBAAa,KAAc,EAAA,CAAA;AAAA,aAC9B,EAAA,CAAA;AAAA,4BACA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CACd,sBAAA,CAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAc,GAAG,KAAA,EAAO,EAAI,EAAA,OAAA,EAAS,CACxC,EAAA,CAAA;AAAA,WACF,EAAA,CAAA;AAAA,0BAED,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gBAAA,EAAkB,QAAS,EAAA,CAAA;AAAA,8BACzC,WAAY,EAAA,EAAA,aAAA,EAAe,KAAM,CAAA,aAAA,EAAgB,GAAG,WAAa,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAEtE,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

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

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

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

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

package/dist/splash/panels/LandingPagePanelWrapper.js

@@ -1,52 +0,0 @@
-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(
-    panelId,
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"LandingPagePanelWrapper.js","sources":["../../../src/splash/panels/LandingPagePanelWrapper.tsx"],"sourcesContent":["import { PanelContainer } from '../../types';\nimport { NetworkState } from './DefaultPanelWrapper/NetworkState';\nimport { usePanelIdentity } from '../../common';\nimport { PanelContextProvider, useMakePanelContext } from './PanelContext';\nimport { PanelFooter } from './PanelContext/PanelFooter';\nimport {\n  usePanelTitleAction,\n  usePanelTitleDescription,\n} from '../../panelsUtil/usePanelTitleAction';\nimport { useDashboardContext } from '../../dashboard/DashboardContext';\n\nexport const LandingPagePanelWrapper: PanelContainer = ({\n  children,\n  ...props\n}) => {\n  const { panelId, panelName, panelType } = usePanelIdentity();\n\n  const { contextValue, title, ref, ...footerProps } = useMakePanelContext(\n    panelId,\n    props,\n  );\n\n  const panelTitleAction = usePanelTitleAction();\n  const panelTitleDescription = usePanelTitleDescription();\n\n  const dashboard = useDashboardContext();\n\n  if (dashboard.getPanel(panelId).props.hasRss)\n    console.log(dashboard.getPanel(panelId).props);\n\n  return (\n    <PanelContextProvider value={contextValue}>\n      <div\n        className=\"panel__container\"\n        data-panelname={panelName}\n        data-paneltype={panelType}\n        data-panelid={panelId}\n        ref={ref}\n      >\n        <div className=\"panel__header\">\n          <div className=\"panel__header__left\">\n            {props.showTitle && (\n              <span className=\"panel__title\">\n                {panelTitleAction ? (\n                  <a\n                    title={panelTitleDescription}\n                    className=\"panel__title__link\"\n                    href={panelTitleAction}\n                  >\n                    {title}\n                  </a>\n                ) : (\n                  title\n                )}\n              </span>\n            )}\n            <NetworkState title={title} />\n          </div>\n        </div>\n        <div className=\"panel__content\">{children}</div>\n        <PanelFooter isRefreshable={false} {...footerProps} />\n      </div>\n    </PanelContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAWO,MAAM,0BAA0C,CAAC;AAAA,EACtD,QAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,SAAW,EAAA,SAAA,KAAc,gBAAiB,EAAA,CAAA;AAE3D,EAAA,MAAM,EAAE,YAAc,EAAA,KAAA,EAAO,GAAK,EAAA,GAAG,aAAgB,GAAA,mBAAA;AAAA,IACnD,OAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,mBAAmB,mBAAoB,EAAA,CAAA;AAC7C,EAAA,MAAM,wBAAwB,wBAAyB,EAAA,CAAA;AAEvD,EAAA,MAAM,YAAY,mBAAoB,EAAA,CAAA;AAEtC,EAAA,IAAI,SAAU,CAAA,QAAA,CAAS,OAAO,CAAA,CAAE,KAAM,CAAA,MAAA;AACpC,IAAA,OAAA,CAAQ,GAAI,CAAA,SAAA,CAAU,QAAS,CAAA,OAAO,EAAE,KAAK,CAAA,CAAA;AAE/C,EACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,kBAAA;AAAA,MACV,gBAAgB,EAAA,SAAA;AAAA,MAChB,gBAAgB,EAAA,SAAA;AAAA,MAChB,cAAc,EAAA,OAAA;AAAA,MACd,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAU,EAAA,eAAA,EACb,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,qBACZ,EAAA,QAAA,EAAA;AAAA,UAAA,KAAA,CAAM,SACL,oBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,gBACb,QACC,EAAA,gBAAA,mBAAA,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA,qBAAA;AAAA,cACP,SAAU,EAAA,oBAAA;AAAA,cACV,IAAM,EAAA,gBAAA;AAAA,cAEL,QAAA,EAAA,KAAA;AAAA,aAAA;AAAA,cAGH,KAEJ,EAAA,CAAA;AAAA,0BAEF,GAAA,CAAC,gBAAa,KAAc,EAAA,CAAA;AAAA,SAAA,EAC9B,CACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gBAAA,EAAkB,QAAS,EAAA,CAAA;AAAA,wBACzC,GAAA,CAAA,WAAA,EAAA,EAAY,aAAe,EAAA,KAAA,EAAQ,GAAG,WAAa,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAExD,EAAA,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,70 +0,0 @@
-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 = ({
-  isRefreshable,
-  footer,
-  handleFooterClick
-}) => {
-  const [lastUpdate, setLastUpdate] = useState(0);
-  usePanelActions({
-    refresh() {
-      setLastUpdate(Date.now());
-    }
-  });
-  return /* @__PURE__ */ jsx(Fragment, { children: (isRefreshable || footer) && /* @__PURE__ */ jsxs("div", { className: "panel__footer", children: [
-    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

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

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

@@ -1,26 +0,0 @@
-import { TPanelProps } from '../../../types.js';
-import { TPanelLayout } from './usePanelContextLayout.js';
-
-type TPanelContext = {
-    /**
-     * 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;
-
-export { type TPanelContext, usePanelContext };
-//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,73 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { createContext, useContext, useCallback, useState, useRef, useMemo } from 'react';
-import { usePanelOnEvent } from '../../../eventsController/usePanelOnEvent.js';
-import { usePanelContextLayout } from './usePanelContextLayout.js';
-import { usePanelFooter } from './usePanelFooter.js';
-import { usePanelActions } from '../../../actions/usePanelActions.js';
-import { useDashboardContext } from '../../../dashboard/DashboardContext.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(panelId, panelProps) {
-  const setTitle = useCallback(
-    (newTitle) => {
-      changePanelTitle(panelId, newTitle);
-    },
-    [panelId]
-  );
-  const { ref, setLayout } = usePanelContextLayout();
-  const [title, setTitleState] = useState(panelProps.title);
-  usePanelOnEvent(
-    { eventType: "changeTitle", panelId },
-    (ev) => {
-      setTitleState(ev.payload);
-    }
-  );
-  const { footer, handleFooterClick } = usePanelFooter(
-    panelId,
-    panelProps.initialData
-  );
-  const dispatch = usePanelActions();
-  const hasRefreshedOnStartup = useRef(false);
-  const dashboard = useDashboardContext();
-  const setRef = useCallback(
-    (el) => {
-      if (el && !hasRefreshedOnStartup.current) {
-        hasRefreshedOnStartup.current = true;
-        if (panelProps.refreshOnStart) {
-          void dispatch({ action: "refresh" }).then(() => {
-            dashboard.bootstrapper.setPanelHasLoaded(panelId);
-          });
-        } else {
-          dashboard.bootstrapper.setPanelHasLoaded(panelId);
-        }
-      }
-    },
-    [dashboard.bootstrapper, dispatch, panelId, panelProps.refreshOnStart]
-  );
-  const contextValue = useMemo(
-    () => ({
-      setTitle,
-      setLayout,
-      panelProps,
-      setRef
-    }),
-    [setTitle, setLayout, panelProps, setRef]
-  );
-  return { title, footer, handleFooterClick, contextValue, ref };
-}
-
-export { PanelContext, PanelContextProvider, useMakePanelContext, usePanelContext };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/splash/panels/PanelContext/index.tsx"],"sourcesContent":["import {\n  ReactNode,\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { changePanelTitle } from '../../../panelsUtil';\nimport { TPanelEvent, usePanelOnEvent } from '../../../eventsController';\nimport { TPanelLayout, usePanelContextLayout } from './usePanelContextLayout';\nimport { usePanelFooter } from './usePanelFooter';\nimport { TPanelProps } from '../../../types';\nimport { usePanelActions } from '../../../actions';\nimport { useYieldPanelIsReady } from './useYieldPanelIsReady';\nimport { useDashboardContext } from '../../../dashboard/DashboardContext';\n\nexport const PanelContext = createContext<TPanelContext | null>(null);\nexport { useYieldPanelIsReady };\n\nexport type TPanelContext = {\n  /**\n   * setLayout es una función que permite decidir en qué formato se muestran\n   * los contenidos del panel.\n   *\n   * dense: No hay paddings\n   * clever: Hay paddings grandes\n   */\n  setLayout: (newLayout: TPanelLayout) => void;\n  setTitle: (newTitle: string) => void;\n  panelProps: Omit<TPanelProps, 'children'>;\n  /**\n   * Cuando un panel renderiza sus hijos en pantalla, debe setear el ref de\n   * modo que se pueda continuar con el flujo normal del panel. Este ref puede\n   * estar en cualquier nivel, cuando sea instanciado, se llamará al refresh\n   * inicial.\n   */\n  setRef: (el: HTMLElement | null) => void;\n};\n\nexport function usePanelContext() {\n  const context = useContext(PanelContext);\n  if (!context) throw new Error('No panel wrapper context defined');\n  return context;\n}\nexport const PanelContextProvider = ({\n  children,\n  value,\n}: {\n  children: ReactNode;\n  value: TPanelContext;\n}) => {\n  return (\n    <PanelContext.Provider value={value}>{children}</PanelContext.Provider>\n  );\n};\n\nexport function useMakePanelContext(\n  panelId: string,\n  panelProps: Omit<TPanelProps, 'children'>,\n) {\n  const setTitle = useCallback(\n    (newTitle: string) => {\n      changePanelTitle(panelId, newTitle);\n    },\n    [panelId],\n  );\n\n  const { ref, setLayout } = usePanelContextLayout();\n\n  const [title, setTitleState] = useState(panelProps.title);\n  usePanelOnEvent(\n    { eventType: 'changeTitle', panelId },\n    (ev: TPanelEvent<string>) => {\n      setTitleState(ev.payload);\n    },\n  );\n  const { footer, handleFooterClick } = usePanelFooter(\n    panelId,\n    panelProps.initialData,\n  );\n\n  const dispatch = usePanelActions();\n  const hasRefreshedOnStartup = useRef(false);\n  const dashboard = useDashboardContext();\n\n  const setRef = useCallback(\n    (el: HTMLElement | null) => {\n      if (el && !hasRefreshedOnStartup.current) {\n        hasRefreshedOnStartup.current = true;\n        if (panelProps.refreshOnStart) {\n          void dispatch({ action: 'refresh' }).then(() => {\n            dashboard.bootstrapper.setPanelHasLoaded(panelId);\n          });\n        } else {\n          dashboard.bootstrapper.setPanelHasLoaded(panelId);\n        }\n      }\n    },\n    [dashboard.bootstrapper, dispatch, panelId, panelProps.refreshOnStart],\n  );\n\n  const contextValue = useMemo<TPanelContext>(\n    () => ({\n      setTitle,\n      setLayout,\n      panelProps,\n      setRef,\n    }),\n    [setTitle, setLayout, panelProps, setRef],\n  );\n\n  return { title, footer, handleFooterClick, contextValue, ref };\n}\n"],"names":[],"mappings":";;;;;;;;;AAkBa,MAAA,YAAA,GAAe,cAAoC,IAAI,EAAA;AAuB7D,SAAS,eAAkB,GAAA;AAChC,EAAM,MAAA,OAAA,GAAU,WAAW,YAAY,CAAA,CAAA;AACvC,EAAA,IAAI,CAAC,OAAA;AAAS,IAAM,MAAA,IAAI,MAAM,kCAAkC,CAAA,CAAA;AAChE,EAAO,OAAA,OAAA,CAAA;AACT,CAAA;AACO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AACF,CAGM,KAAA;AACJ,EAAA,uBACG,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EAAsB,OAAe,QAAS,EAAA,CAAA,CAAA;AAEnD,EAAA;AAEgB,SAAA,mBAAA,CACd,SACA,UACA,EAAA;AACA,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,QAAqB,KAAA;AACpB,MAAA,gBAAA,CAAiB,SAAS,QAAQ,CAAA,CAAA;AAAA,KACpC;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,EAAE,GAAA,EAAK,SAAU,EAAA,GAAI,qBAAsB,EAAA,CAAA;AAEjD,EAAA,MAAM,CAAC,KAAO,EAAA,aAAa,CAAI,GAAA,QAAA,CAAS,WAAW,KAAK,CAAA,CAAA;AACxD,EAAA,eAAA;AAAA,IACE,EAAE,SAAW,EAAA,aAAA,EAAe,OAAQ,EAAA;AAAA,IACpC,CAAC,EAA4B,KAAA;AAC3B,MAAA,aAAA,CAAc,GAAG,OAAO,CAAA,CAAA;AAAA,KAC1B;AAAA,GACF,CAAA;AACA,EAAM,MAAA,EAAE,MAAQ,EAAA,iBAAA,EAAsB,GAAA,cAAA;AAAA,IACpC,OAAA;AAAA,IACA,UAAW,CAAA,WAAA;AAAA,GACb,CAAA;AAEA,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,qBAAA,GAAwB,OAAO,KAAK,CAAA,CAAA;AAC1C,EAAA,MAAM,YAAY,mBAAoB,EAAA,CAAA;AAEtC,EAAA,MAAM,MAAS,GAAA,WAAA;AAAA,IACb,CAAC,EAA2B,KAAA;AAC1B,MAAI,IAAA,EAAA,IAAM,CAAC,qBAAA,CAAsB,OAAS,EAAA;AACxC,QAAA,qBAAA,CAAsB,OAAU,GAAA,IAAA,CAAA;AAChC,QAAA,IAAI,WAAW,cAAgB,EAAA;AAC7B,UAAA,KAAK,SAAS,EAAE,MAAA,EAAQ,WAAW,CAAA,CAAE,KAAK,MAAM;AAC9C,YAAU,SAAA,CAAA,YAAA,CAAa,kBAAkB,OAAO,CAAA,CAAA;AAAA,WACjD,CAAA,CAAA;AAAA,SACI,MAAA;AACL,UAAU,SAAA,CAAA,YAAA,CAAa,kBAAkB,OAAO,CAAA,CAAA;AAAA,SAClD;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,SAAU,CAAA,YAAA,EAAc,QAAU,EAAA,OAAA,EAAS,WAAW,cAAc,CAAA;AAAA,GACvE,CAAA;AAEA,EAAA,MAAM,YAAe,GAAA,OAAA;AAAA,IACnB,OAAO;AAAA,MACL,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,SAAW,EAAA,UAAA,EAAY,MAAM,CAAA;AAAA,GAC1C,CAAA;AAEA,EAAA,OAAO,EAAE,KAAA,EAAO,MAAQ,EAAA,iBAAA,EAAmB,cAAc,GAAI,EAAA,CAAA;AAC/D;;;;"}

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

@@ -1,6 +0,0 @@
-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

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

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

@@ -1,38 +0,0 @@
-import { spacingLayouts } from '@apia/theme';
-import { useRef, useCallback } from 'react';
-
-function usePanelContextLayout() {
-  const elRef = useRef(null);
-  const layoutRef = useRef("clever");
-  const clearClassNames = useCallback(() => {
-    spacingLayouts.forEach(
-      (current) => elRef.current?.querySelector(".panel__content")?.classList.remove(current)
-    );
-  }, []);
-  const setRef = useCallback(
-    (el) => {
-      if (el instanceof HTMLDivElement) {
-        elRef.current = el;
-        clearClassNames();
-        (el?.querySelector(".panel__content")).classList.add(
-          layoutRef.current
-        );
-      }
-    },
-    [clearClassNames]
-  );
-  const setLayout = useCallback(
-    (layout) => {
-      if (layoutRef.current === layout)
-        return;
-      layoutRef.current = layout;
-      clearClassNames();
-      elRef.current?.querySelector(".panel__content")?.classList.add(layoutRef.current);
-    },
-    [clearClassNames]
-  );
-  return { ref: setRef, setLayout };
-}
-
-export { usePanelContextLayout };
-//# sourceMappingURL=usePanelContextLayout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"usePanelContextLayout.js","sources":["../../../../src/splash/panels/PanelContext/usePanelContextLayout.ts"],"sourcesContent":["import { spacingLayouts, TSpacingLayout } from '@apia/theme';\nimport { useCallback, useRef } from 'react';\n\nexport type TPanelLayout = TSpacingLayout;\n\nexport function usePanelContextLayout() {\n  const elRef = useRef<HTMLDivElement | null>(null);\n  const layoutRef = useRef<TPanelLayout>('clever');\n\n  const clearClassNames = useCallback(() => {\n    spacingLayouts.forEach((current) =>\n      (\n        elRef.current?.querySelector('.panel__content') as HTMLElement\n      )?.classList.remove(current),\n    );\n  }, []);\n\n  const setRef = useCallback(\n    (el: HTMLDivElement) => {\n      if (el instanceof HTMLDivElement) {\n        elRef.current = el;\n        clearClassNames();\n        (el?.querySelector('.panel__content') as HTMLElement).classList.add(\n          layoutRef.current,\n        );\n      }\n    },\n    [clearClassNames],\n  );\n\n  const setLayout = useCallback(\n    (layout: TPanelLayout) => {\n      if (layoutRef.current === layout) return;\n\n      layoutRef.current = layout;\n      clearClassNames();\n      (\n        elRef.current?.querySelector('.panel__content') as HTMLElement\n      )?.classList.add(layoutRef.current);\n    },\n    [clearClassNames],\n  );\n\n  return { ref: setRef, setLayout };\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,qBAAwB,GAAA;AACtC,EAAM,MAAA,KAAA,GAAQ,OAA8B,IAAI,CAAA,CAAA;AAChD,EAAM,MAAA,SAAA,GAAY,OAAqB,QAAQ,CAAA,CAAA;AAE/C,EAAM,MAAA,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAe,cAAA,CAAA,OAAA;AAAA,MAAQ,CAAC,YAEpB,KAAM,CAAA,OAAA,EAAS,cAAc,iBAAiB,CAAA,EAC7C,SAAU,CAAA,MAAA,CAAO,OAAO,CAAA;AAAA,KAC7B,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,MAAS,GAAA,WAAA;AAAA,IACb,CAAC,EAAuB,KAAA;AACtB,MAAA,IAAI,cAAc,cAAgB,EAAA;AAChC,QAAA,KAAA,CAAM,OAAU,GAAA,EAAA,CAAA;AAChB,QAAgB,eAAA,EAAA,CAAA;AAChB,QAAA,CAAC,EAAI,EAAA,aAAA,CAAc,iBAAiB,CAAA,EAAkB,SAAU,CAAA,GAAA;AAAA,UAC9D,SAAU,CAAA,OAAA;AAAA,SACZ,CAAA;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,eAAe,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,MAAyB,KAAA;AACxB,MAAA,IAAI,UAAU,OAAY,KAAA,MAAA;AAAQ,QAAA,OAAA;AAElC,MAAA,SAAA,CAAU,OAAU,GAAA,MAAA,CAAA;AACpB,MAAgB,eAAA,EAAA,CAAA;AAChB,MACE,KAAA,CAAM,SAAS,aAAc,CAAA,iBAAiB,GAC7C,SAAU,CAAA,GAAA,CAAI,UAAU,OAAO,CAAA,CAAA;AAAA,KACpC;AAAA,IACA,CAAC,eAAe,CAAA;AAAA,GAClB,CAAA;AAEA,EAAO,OAAA,EAAE,GAAK,EAAA,MAAA,EAAQ,SAAU,EAAA,CAAA;AAClC;;;;"}

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

@@ -1,38 +0,0 @@
-import { useState, useCallback } from 'react';
-import { eventsController } from '../../../eventsController/eventsController.js';
-import { usePanelOnEvent } from '../../../eventsController/usePanelOnEvent.js';
-import { handleAction } from '../../../actions/basicAction.js';
-
-function changePanelFooter(panelId, footer) {
-  eventsController.fireEvent(
-    { panelId },
-    "changeFooter",
-    footer
-  );
-}
-function usePanelFooter(panelId, { initialData }) {
-  const [footer, setFooter] = useState(
-    initialData?.footer?.footer?.text ? initialData?.footer?.footer : null
-  );
-  const handleFooterClick = useCallback(
-    (ev) => {
-      console.log(ev.type);
-      if (footer)
-        handleAction(panelId, ev, footer);
-    },
-    [footer, panelId]
-  );
-  usePanelOnEvent(
-    { eventType: "changeFooter", panelId },
-    (ev) => {
-      if (!ev.payload.text)
-        setFooter(null);
-      else
-        setFooter(ev.payload);
-    }
-  );
-  return { footer, handleFooterClick };
-}
-
-export { changePanelFooter, usePanelFooter };
-//# sourceMappingURL=usePanelFooter.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"usePanelFooter.js","sources":["../../../../src/splash/panels/PanelContext/usePanelFooter.tsx"],"sourcesContent":["import { KeyboardEvent, MouseEvent, useCallback, useState } from 'react';\nimport {\n  TPanelEvent,\n  TPanelIdentifier,\n  eventsController,\n  usePanelOnEvent,\n} from '../../../eventsController';\nimport { TFooter } from '../../../actions/usePanelActions';\nimport { handleAction } from '../../../actions/basicAction';\n\nexport function changePanelFooter(panelId: string, footer: TFooter | null) {\n  eventsController.fireEvent(\n    { panelId } as TPanelIdentifier,\n    'changeFooter',\n    footer,\n  );\n}\n\nexport type TUsePanelFooter = {\n  footer: TFooter | null;\n  handleFooterClick: (ev: MouseEvent | KeyboardEvent) => void;\n};\n\nexport function usePanelFooter(\n  panelId: string,\n  { initialData }: { initialData: unknown },\n): TUsePanelFooter {\n  const [footer, setFooter] = useState<TFooter | null>(\n    (initialData as { footer: { footer: TFooter } })?.footer?.footer?.text\n      ? (initialData as { footer: { footer: TFooter } })?.footer?.footer\n      : null,\n  );\n\n  const handleFooterClick = useCallback(\n    (ev: MouseEvent | KeyboardEvent) => {\n      console.log(ev.type);\n      if (footer) handleAction(panelId, ev, footer);\n    },\n    [footer, panelId],\n  );\n\n  usePanelOnEvent(\n    { eventType: 'changeFooter', panelId },\n    (ev: TPanelEvent<TFooter>) => {\n      if (!ev.payload.text) setFooter(null);\n      else setFooter(ev.payload);\n    },\n  );\n\n  return { footer, handleFooterClick };\n}\n"],"names":[],"mappings":";;;;;AAUgB,SAAA,iBAAA,CAAkB,SAAiB,MAAwB,EAAA;AACzE,EAAiB,gBAAA,CAAA,SAAA;AAAA,IACf,EAAE,OAAQ,EAAA;AAAA,IACV,cAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AACF,CAAA;AAOO,SAAS,cACd,CAAA,OAAA,EACA,EAAE,WAAA,EACe,EAAA;AACjB,EAAM,MAAA,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA;AAAA,IACzB,aAAiD,MAAQ,EAAA,MAAA,EAAQ,IAC7D,GAAA,WAAA,EAAiD,QAAQ,MAC1D,GAAA,IAAA;AAAA,GACN,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,EAAmC,KAAA;AAClC,MAAQ,OAAA,CAAA,GAAA,CAAI,GAAG,IAAI,CAAA,CAAA;AACnB,MAAI,IAAA,MAAA;AAAQ,QAAa,YAAA,CAAA,OAAA,EAAS,IAAI,MAAM,CAAA,CAAA;AAAA,KAC9C;AAAA,IACA,CAAC,QAAQ,OAAO,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,eAAA;AAAA,IACE,EAAE,SAAW,EAAA,cAAA,EAAgB,OAAQ,EAAA;AAAA,IACrC,CAAC,EAA6B,KAAA;AAC5B,MAAI,IAAA,CAAC,GAAG,OAAQ,CAAA,IAAA;AAAM,QAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA;AAC/B,QAAA,SAAA,CAAU,GAAG,OAAO,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF,CAAA;AAEA,EAAO,OAAA,EAAE,QAAQ,iBAAkB,EAAA,CAAA;AACrC;;;;"}

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

@@ -1,45 +0,0 @@
-/**
- * **Favor de leer con cuidado el siguiente contenido, es muy importante para
- * la performance**
- *
- * El hook useYieldPanelIsReady es una parte muy importante del flujo de
- * trabajo de los dashboards. **El no reportar la carga de un panel tiene
- * penalizaciones graves en el tiempo de renderizado inicial**, esto es porque
- * el dashboard espera que todos los paneles hayan terminado la carga
- * estructural básica antes de empezar con los refresh iniciales, y esto termina
- * impactando en el tiempo que demora en bajar la cortina.
- *
- * **Aclaración:** Actualmente se espera las cargas estructurales para lanzar
- * los refresh iniciales por motivos de arquitectura. Esa restricción será
- * eliminada probablemente en el corto plazo, pero eso no cambia la necesidad de
- * reportar las estructuras ya que esta información es igualmente utilizada para
- * el bajado de la cortina de Skeletons.
- *
- * Por ejemplo, si todos los paneles están optimizados para lograr cargas
- * iniciales rápidas pero el logo de la aplicación no reporta que su estructura
- * está pronta, el dashboard va a bajar su cortina solamente luego de que expire
- * el timeout **DASH_COURTAIN_TRESHOLD**, que por defecto viene establecido en 5
- * segundos.
- *
- * Esto significa que aún cuando la cortina se hubiera podido bajar quizás a
- * los pocos ms de cargado el html inicial, no lo hará porque supone que el
- * panel Logo aún no terminó su carga estructural.
- *
- * Siempre que un panel esté presente en un dashboard, deberá reportar cuando
- * la carga estructural esté pronta. Esto puede ser hecho de dos formas:
- *
- * - Usando { setRef } = usePanelContext(): En el elemento crucial de HTML del
- * elemento hacer ref={setRef}. Esta es la forma más óptima ya que nos garantiza
- * que el panel se reporte cuando su estructura HTML ya esté disponible,
- * evitando ninguna demora.
- *
- * - Usando useYieldPanelIsReady(): Este hook es una alternativa disponible
- * para las situaciones en las que no tenemos ningún elemento HTML de
- * importancia o cuando ese elemento no está disponible hasta después de la
- * carga inicial. Al usar este hook el panel se reportará automáticamente una
- * vez que haya hecho el renderizado inicial.
- */
-declare function useYieldPanelIsReady(): void;
-
-export { useYieldPanelIsReady };
-//# sourceMappingURL=useYieldPanelIsReady.d.ts.map

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

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

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

@@ -1,12 +0,0 @@
-import { useMount } from '@apia/util';
-import { usePanelContext } from './index.js';
-
-function useYieldPanelIsReady() {
-  const { setRef } = usePanelContext();
-  useMount(() => {
-    setRef({});
-  });
-}
-
-export { useYieldPanelIsReady };
-//# sourceMappingURL=useYieldPanelIsReady.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useYieldPanelIsReady.js","sources":["../../../../src/splash/panels/PanelContext/useYieldPanelIsReady.ts"],"sourcesContent":["import { useMount } from '@apia/util';\nimport { usePanelContext } from '.';\n\n/**\n * **Favor de leer con cuidado el siguiente contenido, es muy importante para\n * la performance**\n *\n * El hook useYieldPanelIsReady es una parte muy importante del flujo de\n * trabajo de los dashboards. **El no reportar la carga de un panel tiene\n * penalizaciones graves en el tiempo de renderizado inicial**, esto es porque\n * el dashboard espera que todos los paneles hayan terminado la carga\n * estructural básica antes de empezar con los refresh iniciales, y esto termina\n * impactando en el tiempo que demora en bajar la cortina.\n *\n * **Aclaración:** Actualmente se espera las cargas estructurales para lanzar\n * los refresh iniciales por motivos de arquitectura. Esa restricción será\n * eliminada probablemente en el corto plazo, pero eso no cambia la necesidad de\n * reportar las estructuras ya que esta información es igualmente utilizada para\n * el bajado de la cortina de Skeletons.\n *\n * Por ejemplo, si todos los paneles están optimizados para lograr cargas\n * iniciales rápidas pero el logo de la aplicación no reporta que su estructura\n * está pronta, el dashboard va a bajar su cortina solamente luego de que expire\n * el timeout **DASH_COURTAIN_TRESHOLD**, que por defecto viene establecido en 5\n * segundos.\n *\n * Esto significa que aún cuando la cortina se hubiera podido bajar quizás a\n * los pocos ms de cargado el html inicial, no lo hará porque supone que el\n * panel Logo aún no terminó su carga estructural.\n *\n * Siempre que un panel esté presente en un dashboard, deberá reportar cuando\n * la carga estructural esté pronta. Esto puede ser hecho de dos formas:\n *\n * - Usando { setRef } = usePanelContext(): En el elemento crucial de HTML del\n * elemento hacer ref={setRef}. Esta es la forma más óptima ya que nos garantiza\n * que el panel se reporte cuando su estructura HTML ya esté disponible,\n * evitando ninguna demora.\n *\n * - Usando useYieldPanelIsReady(): Este hook es una alternativa disponible\n * para las situaciones en las que no tenemos ningún elemento HTML de\n * importancia o cuando ese elemento no está disponible hasta después de la\n * carga inicial. Al usar este hook el panel se reportará automáticamente una\n * vez que haya hecho el renderizado inicial.\n */\nexport function useYieldPanelIsReady() {\n  const { setRef } = usePanelContext();\n\n  useMount(() => {\n    setRef({} as HTMLElement);\n  });\n}\n"],"names":[],"mappings":";;;AA4CO,SAAS,oBAAuB,GAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,eAAgB,EAAA,CAAA;AAEnC,EAAA,QAAA,CAAS,MAAM;AACb,IAAA,MAAA,CAAO,EAAiB,CAAA,CAAA;AAAA,GACzB,CAAA,CAAA;AACH;;;;"}