@pautena/react-design-system 2.0.0-alpha.1b → 2.0.0-alpha.4

package/dist/Header/Header.types.d.ts

@@ -1,274 +0,0 @@
-import { BoxProps, BreadcrumbsProps, ButtonProps, ContainerProps, LinkProps, PropTypes, TabProps, TabsProps } from '@mui/material';
-import { JSXElementConstructor, ReactElement } from 'react';
-import { HeaderSubtitleProps, HeaderTitleProps } from './header-title';
-export type HeaderPreset = PropTypes.Color | "transparent" | "paper";
-export type HeaderActionVariant = "text" | "outlined" | "contained";
-export type HeaderActionColor = "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
-/**
- * Action button configuration for the header
- */
-export type HeaderAction = {
-    /**
-     * Unique identifier
-     */
-    id: string;
-    /**
-     * Button text label
-     */
-    text: string;
-    /**
-     * Whether the action is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Navigation URL when clicked
-     */
-    href?: string;
-    /**
-     * Click handler function
-     */
-    onClick?: () => void;
-    /**
-     * Button style variant
-     * @default "contained"
-     */
-    variant?: HeaderActionVariant;
-    /**
-     * Button color theme
-     * @default "primary"
-     */
-    color?: HeaderActionColor;
-};
-/**
- * Breadcrumb navigation item
- */
-export interface HeaderBreadcrumb {
-    /**
-     * Unique identifier
-     */
-    id: string;
-    /**
-     * Display text
-     */
-    text: string;
-    /**
-     * Navigation URL
-     */
-    link: string;
-}
-/**
- * Tab configuration for the header
- */
-export interface HeaderTab {
-    /**
-     * Unique identifier
-     */
-    id: string;
-    /**
-     * Tab label text
-     */
-    label: string;
-    /**
-     * Whether the tab is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Navigation URL for the tab
-     */
-    href?: string;
-    /**
-     * Route path pattern for active state matching
-     */
-    path?: string;
-}
-export interface HeaderNavigationButton {
-    /**
-     * Button text
-     */
-    text: string;
-    /**
-     * Url where the user has to be redirected
-     */
-    href: string;
-    /**
-     * Icon to be shown before the button
-     */
-    icon?: ReactElement;
-}
-/**
- * Interface representing the slots for the Header component.
- */
-export interface HeaderSlots {
-    /**
-     * Root container element
-     */
-    root?: JSXElementConstructor<BoxProps>;
-    /**
-     * Container element wrapping the header content
-     */
-    container?: JSXElementConstructor<ContainerProps>;
-    /**
-     * Container for header content (title/subtitle/breadcrumbs area)
-     */
-    contentContainer?: JSXElementConstructor<BoxProps>;
-    /**
-     * Container for title and subtitle area
-     */
-    titleContainer?: JSXElementConstructor<BoxProps>;
-    /**
-     * Navigation button component
-     */
-    navigationButton?: JSXElementConstructor<ButtonProps>;
-    /**
-     * Breadcrumbs container component
-     */
-    breadcrumbs?: JSXElementConstructor<BreadcrumbsProps>;
-    /**
-     * Individual breadcrumb link component
-     */
-    breadcrumbLink?: JSXElementConstructor<LinkProps>;
-    /**
-     * Title component
-     */
-    title?: JSXElementConstructor<HeaderTitleProps>;
-    /**
-     * Subtitle component
-     */
-    subtitle?: JSXElementConstructor<HeaderSubtitleProps>;
-    /**
-     * Container for action buttons
-     */
-    actionsContainer?: JSXElementConstructor<BoxProps>;
-    /**
-     * Individual action button component
-     */
-    actionButton?: JSXElementConstructor<ButtonProps>;
-    /**
-     * Tabs container component
-     */
-    tabs?: JSXElementConstructor<TabsProps>;
-    /**
-     * Individual tab component
-     */
-    tab?: JSXElementConstructor<TabProps>;
-}
-/**
- * Interface representing the slot properties for the Header component.
- */
-export interface HeaderSlotProps {
-    /**
-     * Props for the root container
-     */
-    root?: Partial<BoxProps>;
-    /**
-     * Props for the container element
-     */
-    container?: Partial<ContainerProps>;
-    /**
-     * Props for the content container
-     */
-    contentContainer?: Partial<BoxProps>;
-    /**
-     * Props for the title container
-     */
-    titleContainer?: Partial<BoxProps>;
-    /**
-     * Props for the navigation button
-     */
-    navigationButton?: Partial<ButtonProps>;
-    /**
-     * Props for the breadcrumbs
-     */
-    breadcrumbs?: Partial<BreadcrumbsProps>;
-    /**
-     * Props for individual breadcrumb links
-     */
-    breadcrumbLink?: Partial<LinkProps>;
-    /**
-     * Props for the title component
-     */
-    title?: Partial<HeaderTitleProps>;
-    /**
-     * Props for the subtitle component
-     */
-    subtitle?: Partial<HeaderSubtitleProps>;
-    /**
-     * Props for the actions container
-     */
-    actionsContainer?: Partial<BoxProps>;
-    /**
-     * Props for individual action buttons
-     */
-    actionButton?: Partial<ButtonProps>;
-    /**
-     * Props for the tabs container
-     */
-    tabs?: Partial<TabsProps>;
-    /**
-     * Props for individual tabs
-     */
-    tab?: Partial<TabProps>;
-}
-export type HeaderProps = {
-    /**
-     * Title of the header
-     */
-    title?: string | ReactElement;
-    /**
-     * Show a loading indicator in the title position
-     */
-    loadingTitle?: boolean;
-    /**
-     * Subtitle of the header
-     */
-    subtitle?: string | ReactElement;
-    /**
-     * Show a loading indicator in the subtitle position
-     */
-    loadingSubtitle?: boolean;
-    /**
-     * Color palete used to render the component
-     */
-    preset?: HeaderPreset;
-    /**
-     * List of breadcumbs to represent the path to reach
-     * the page that we are
-     */
-    breadcrumbs?: HeaderBreadcrumb[];
-    /**
-     * List of actions that can be performed by the user.
-     * Each action will be a button in the header.
-     */
-    actions?: HeaderAction[];
-    /**
-     * Variant used to render the actions
-     */
-    actionsVariant?: HeaderActionVariant;
-    /**
-     * If is set, a list of tabs is dispayed at the bottom
-     */
-    tabs?: HeaderTab[];
-    /**
-     * The tabs will work using
-     * - a panel container (panel)
-     * - using a the navigation system (navigation).
-     */
-    tabsMode?: "panel" | "navigation";
-    /**
-     * A single button that helps the user to navigate to
-     * a screen related to the current screen
-     */
-    navigationButton?: HeaderNavigationButton;
-    /**
-     * Whether to display a border at the bottom of the header
-     */
-    border?: boolean;
-    /**
-     * Optional slots for custom rendering within the header
-     */
-    slots?: HeaderSlots;
-    /**
-     * Optional props for the slots
-     */
-    slotProps?: HeaderSlotProps;
-};

package/dist/Header/header-title.d.ts

@@ -1,34 +0,0 @@
-/**
- * Props for the HeaderTitle component
- */
-export interface HeaderTitleProps {
-    /**
-     * Whether to show a loading indicator
-     */
-    loading?: boolean;
-    /**
-     * The title content to display
-     */
-    children?: React.ReactNode;
-}
-/**
- * Header title component with optional loading state
- */
-export default function HeaderTitle({ loading, children }: HeaderTitleProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Props for the HeaderSubtitle component
- */
-export interface HeaderSubtitleProps {
-    /**
-     * Whether to show a loading indicator
-     */
-    loading?: boolean;
-    /**
-     * The subtitle content to display
-     */
-    children?: React.ReactNode;
-}
-/**
- * Header subtitle component with optional loading state
- */
-export declare function HeaderSubtitle({ loading, children }: HeaderSubtitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/Header/header-title.mjs

@@ -1,31 +0,0 @@
-import { jsx as t, Fragment as o } from "react/jsx-runtime";
-import a from "@mui/material/CircularProgress";
-import { useTheme as n } from "@mui/material/styles";
-import l from "@mui/material/Typography";
-function g({ loading: e, children: r }) {
-  const { typography: i } = n();
-  return e ? /* @__PURE__ */ t(
-    a,
-    {
-      color: "inherit",
-      size: i.h4.fontSize,
-      "aria-label": "title loading"
-    }
-  ) : typeof r == "string" ? /* @__PURE__ */ t(l, { variant: "h4", role: "heading", "aria-level": 1, children: r }) : /* @__PURE__ */ t(o, { children: r });
-}
-function m({ loading: e, children: r }) {
-  const { typography: i } = n();
-  return e ? /* @__PURE__ */ t(
-    a,
-    {
-      color: "inherit",
-      size: i.body1.fontSize,
-      "aria-label": "subtitle loading"
-    }
-  ) : typeof r == "string" ? /* @__PURE__ */ t(l, { variant: "body1", role: "heading", "aria-level": 2, children: r }) : /* @__PURE__ */ t(o, { children: r });
-}
-export {
-  m as HeaderSubtitle,
-  g as default
-};
-//# sourceMappingURL=header-title.mjs.map

package/dist/Header/header-title.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-title.mjs","sources":["../../src/Header/header-title.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Typography from \"@mui/material/Typography\";\n\n/**\n * Props for the HeaderTitle component\n */\nexport interface HeaderTitleProps {\n  /**\n   * Whether to show a loading indicator\n   */\n  loading?: boolean;\n  /**\n   * The title content to display\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Header title component with optional loading state\n */\nexport default function HeaderTitle({ loading, children }: HeaderTitleProps) {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress\n        color=\"inherit\"\n        size={typography.h4.fontSize}\n        aria-label=\"title loading\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n}\n\n/**\n * Props for the HeaderSubtitle component\n */\nexport interface HeaderSubtitleProps {\n  /**\n   * Whether to show a loading indicator\n   */\n  loading?: boolean;\n  /**\n   * The subtitle content to display\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Header subtitle component with optional loading state\n */\nexport function HeaderSubtitle({ loading, children }: HeaderSubtitleProps) {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress\n        color=\"inherit\"\n        size={typography.body1.fontSize}\n        aria-label=\"subtitle loading\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"body1\" role=\"heading\" aria-level={2}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"names":["HeaderTitle","loading","children","typography","useTheme","jsx","CircularProgress","Typography","HeaderSubtitle"],"mappings":";;;;AAqBA,SAAwBA,EAAY,EAAE,SAAAC,GAAS,UAAAC,KAA8B;AAC3E,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SAAIH,IAEA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAMH,EAAW,GAAG;AAAA,MACpB,cAAW;AAAA,IAAA;AAAA,EAAA,IAKb,OAAOD,KAAa,WAEpB,gBAAAG,EAACE,KAAW,SAAQ,MAAK,MAAK,WAAU,cAAY,GACjD,UAAAL,GACH,2BAIM,UAAAA,GAAS;AACrB;AAmBO,SAASM,EAAe,EAAE,SAAAP,GAAS,UAAAC,KAAiC;AACzE,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SAAIH,IAEA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAMH,EAAW,MAAM;AAAA,MACvB,cAAW;AAAA,IAAA;AAAA,EAAA,IAKb,OAAOD,KAAa,WAEpB,gBAAAG,EAACE,KAAW,SAAQ,SAAQ,MAAK,WAAU,cAAY,GACpD,UAAAL,GACH,2BAIM,UAAAA,GAAS;AACrB;"}

package/dist/Header/index.d.ts

@@ -1,3 +0,0 @@
-export { default, default as Header } from './Header';
-export type { HeaderPreset, HeaderProps, HeaderTab } from './Header.types';
-export * from './header-title';

package/dist/HeaderLayout/HeaderLayout.d.ts

@@ -1,88 +0,0 @@
-import { JSXElementConstructor, ReactElement } from 'react';
-import { ContentProps } from '../Content';
-import { HeaderProps } from '../Header';
-import { PlaceholderIcon } from '../Placeholder';
-/**
- * Interface representing the slots for the HeaderLayout component.
- */
-export interface HeaderLayoutSlots {
-    /**
-     * Optional slot for the header component.
-     * Should be a JSX element constructor that takes HeaderProps as props.
-     */
-    header?: JSXElementConstructor<HeaderProps>;
-    /**
-     * Optional slot for the content component.
-     * Should be a JSX element constructor that takes ContentProps as props.
-     */
-    content?: JSXElementConstructor<ContentProps>;
-}
-/**
- * Props for the HeaderLayout component slots.
- */
-export interface HeaderLayoutSlotProps {
-    /**
-     * Props for the header slot.
-     */
-    header?: HeaderProps;
-    /**
-     * Props for the content slot.
-     */
-    content?: ContentProps;
-}
-/**
- * Represents an error that can occur in the HeaderLayout component.
- */
-export interface HeaderLayoutError {
-    /**
-     * Optional icon to display with the error.
-     */
-    icon?: PlaceholderIcon;
-    /**
-     * Optional title for the error.
-     */
-    title?: string;
-    /**
-     * The error message to display.
-     */
-    message: string;
-}
-export interface HeaderLayoutProps {
-    /**
-     * The title to be displayed in the header.
-     */
-    title: string | ReactElement;
-    /**
-     * An optional subtitle to be displayed in the header.
-     */
-    subtitle?: string | ReactElement;
-    /**
-     * Optional slots for custom components within the header layout.
-     */
-    slots?: HeaderLayoutSlots;
-    /**
-     * Optional props for the custom slots.
-     */
-    slotProps?: HeaderLayoutSlotProps;
-    /**
-     * Optional flag to indicate if the header layout is in a loading state.
-     */
-    loading?: boolean;
-    /**
-     * Optional flag to indicate if the header layout is in a fetching state.
-     */
-    fetching?: boolean;
-    /**
-     * Optional error object to be displayed in the header layout.
-     */
-    error?: HeaderLayoutError;
-    /**
-     * Content to display in the layout area
-     */
-    children?: React.ReactNode;
-}
-/**
- * A layout component that provides a header and content area with optional loading, fetching, and error states.
- */
-export declare function HeaderLayout({ loading, title, subtitle, slots, slotProps, children, fetching, error, }: HeaderLayoutProps): import("react/jsx-runtime").JSX.Element;
-export default HeaderLayout;

package/dist/HeaderLayout/HeaderLayout.mjs

@@ -1,54 +0,0 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import s from "@mui/icons-material/ReportProblem";
-import r from "@mui/material/Box";
-import p from "@mui/material/CircularProgress";
-import u from "@mui/material/LinearProgress";
-import { Content as x } from "../Content/Content.mjs";
-import { Header as g } from "../Header/Header.mjs";
-import "@mui/material/styles";
-import "@mui/material/Typography";
-import { Placeholder as b } from "../Placeholder/Placeholder.mjs";
-import "../TabProvider/TabProvider.context.mjs";
-import { TabProvider as y } from "../TabProvider/TabProvider.provider.mjs";
-const C = () => /* @__PURE__ */ e(s, { color: "error", sx: { width: 200, height: 200 } });
-function R({
-  loading: o,
-  title: m,
-  subtitle: c,
-  slots: i,
-  slotProps: n,
-  children: l,
-  fetching: h,
-  error: t
-}) {
-  const a = i?.header || g, d = i?.content || x;
-  return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ f(r, { display: "flex", flexDirection: "column", height: 1, children: [
-    /* @__PURE__ */ e(a, { title: m, subtitle: c, ...n?.header }),
-    h && /* @__PURE__ */ e(r, { width: 1, children: /* @__PURE__ */ e(u, {}) }),
-    o && /* @__PURE__ */ e(
-      r,
-      {
-        width: 1,
-        height: 1,
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        children: /* @__PURE__ */ e(p, {})
-      }
-    ),
-    t && /* @__PURE__ */ e(r, { mt: 4, children: /* @__PURE__ */ e(
-      b,
-      {
-        icon: t.icon || C,
-        title: t.title || "There has been an error",
-        subtitle: t.message
-      }
-    ) }),
-    !o && !t && /* @__PURE__ */ e(d, { ...n?.content, children: l })
-  ] }) });
-}
-export {
-  R as HeaderLayout,
-  R as default
-};
-//# sourceMappingURL=HeaderLayout.mjs.map

package/dist/HeaderLayout/HeaderLayout.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderLayout.mjs","sources":["../../src/HeaderLayout/HeaderLayout.tsx"],"sourcesContent":["import ReportProblemIcon from \"@mui/icons-material/ReportProblem\";\nimport Box from \"@mui/material/Box\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport type { JSXElementConstructor, ReactElement } from \"react\";\nimport Content, { type ContentProps } from \"../Content\";\nimport Header, { type HeaderProps } from \"../Header\";\nimport Placeholder, { type PlaceholderIcon } from \"../Placeholder\";\nimport { TabProvider } from \"../TabProvider\";\n\n/**\n * Interface representing the slots for the HeaderLayout component.\n */\nexport interface HeaderLayoutSlots {\n  /**\n   * Optional slot for the header component.\n   * Should be a JSX element constructor that takes HeaderProps as props.\n   */\n  header?: JSXElementConstructor<HeaderProps>;\n\n  /**\n   * Optional slot for the content component.\n   * Should be a JSX element constructor that takes ContentProps as props.\n   */\n  content?: JSXElementConstructor<ContentProps>;\n}\n\n/**\n * Props for the HeaderLayout component slots.\n */\nexport interface HeaderLayoutSlotProps {\n  /**\n   * Props for the header slot.\n   */\n  header?: HeaderProps;\n\n  /**\n   * Props for the content slot.\n   */\n  content?: ContentProps;\n}\n\n/**\n * Represents an error that can occur in the HeaderLayout component.\n */\nexport interface HeaderLayoutError {\n  /**\n   * Optional icon to display with the error.\n   */\n  icon?: PlaceholderIcon;\n\n  /**\n   * Optional title for the error.\n   */\n  title?: string;\n\n  /**\n   * The error message to display.\n   */\n  message: string;\n}\n\nexport interface HeaderLayoutProps {\n  /**\n   * The title to be displayed in the header.\n   */\n  title: string | ReactElement;\n  /**\n   * An optional subtitle to be displayed in the header.\n   */\n  subtitle?: string | ReactElement;\n  /**\n   * Optional slots for custom components within the header layout.\n   */\n  slots?: HeaderLayoutSlots;\n  /**\n   * Optional props for the custom slots.\n   */\n  slotProps?: HeaderLayoutSlotProps;\n  /**\n   * Optional flag to indicate if the header layout is in a loading state.\n   */\n  loading?: boolean;\n  /**\n   * Optional flag to indicate if the header layout is in a fetching state.\n   */\n  fetching?: boolean;\n  /**\n   * Optional error object to be displayed in the header layout.\n   */\n  error?: HeaderLayoutError;\n  /**\n   * Content to display in the layout area\n   */\n  children?: React.ReactNode;\n}\n\nconst DefaultErrorIcon = () => (\n  <ReportProblemIcon color=\"error\" sx={{ width: 200, height: 200 }} />\n);\n\n/**\n * A layout component that provides a header and content area with optional loading, fetching, and error states.\n */\nexport function HeaderLayout({\n  loading,\n  title,\n  subtitle,\n  slots,\n  slotProps,\n  children,\n  fetching,\n  error,\n}: HeaderLayoutProps) {\n  const HeaderSlot = slots?.header || Header;\n  const ContentSlot = slots?.content || Content;\n\n  return (\n    <TabProvider>\n      <Box display=\"flex\" flexDirection=\"column\" height={1}>\n        <HeaderSlot title={title} subtitle={subtitle} {...slotProps?.header} />\n        {fetching && (\n          <Box width={1}>\n            <LinearProgress />\n          </Box>\n        )}\n        {loading && (\n          <Box\n            width={1}\n            height={1}\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n          >\n            <CircularProgress />\n          </Box>\n        )}\n        {error && (\n          <Box mt={4}>\n            <Placeholder\n              icon={error.icon || DefaultErrorIcon}\n              title={error.title || \"There has been an error\"}\n              subtitle={error.message}\n            />\n          </Box>\n        )}\n        {!loading && !error && (\n          <ContentSlot {...slotProps?.content}>{children}</ContentSlot>\n        )}\n      </Box>\n    </TabProvider>\n  );\n}\n\nexport default HeaderLayout;\n"],"names":["DefaultErrorIcon","jsx","ReportProblemIcon","HeaderLayout","loading","title","subtitle","slots","slotProps","children","fetching","error","HeaderSlot","Header","ContentSlot","Content","TabProvider","jsxs","Box","LinearProgress","CircularProgress","Placeholder"],"mappings":";;;;;;;;;;;;AAiGA,MAAMA,IAAmB,MACvB,gBAAAC,EAACC,GAAA,EAAkB,OAAM,SAAQ,IAAI,EAAE,OAAO,KAAK,QAAQ,IAAA,EAAI,CAAG;AAM7D,SAASC,EAAa;AAAA,EAC3B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,GAAsB;AACpB,QAAMC,IAAaL,GAAO,UAAUM,GAC9BC,IAAcP,GAAO,WAAWQ;AAEtC,SACE,gBAAAd,EAACe,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAI,SAAQ,QAAO,eAAc,UAAS,QAAQ,GACjD,UAAA;AAAA,IAAA,gBAAAjB,EAACW,GAAA,EAAW,OAAAP,GAAc,UAAAC,GAAqB,GAAGE,GAAW,QAAQ;AAAA,IACpEE,KACC,gBAAAT,EAACiB,GAAA,EAAI,OAAO,GACV,UAAA,gBAAAjB,EAACkB,KAAe,GAClB;AAAA,IAEDf,KACC,gBAAAH;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAQ;AAAA,QACR,gBAAe;AAAA,QACf,YAAW;AAAA,QAEX,4BAACE,GAAA,CAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrBT,KACC,gBAAAV,EAACiB,GAAA,EAAI,IAAI,GACP,UAAA,gBAAAjB;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,MAAMV,EAAM,QAAQX;AAAA,QACpB,OAAOW,EAAM,SAAS;AAAA,QACtB,UAAUA,EAAM;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IAED,CAACP,KAAW,CAACO,uBACXG,GAAA,EAAa,GAAGN,GAAW,SAAU,UAAAC,EAAA,CAAS;AAAA,EAAA,EAAA,CAEnD,EAAA,CACF;AAEJ;"}

package/dist/HeaderLayout/index.d.ts

@@ -1,2 +0,0 @@
-export type { HeaderLayoutError, HeaderLayoutProps, HeaderLayoutSlotProps, HeaderLayoutSlots, } from './HeaderLayout';
-export { default, default as HeaderLayout } from './HeaderLayout';

package/dist/ListPanel/ListPanel.context.mjs

@@ -1,8 +0,0 @@
-import { createContext as e, useContext as o } from "react";
-const t = e(void 0), r = t.Provider, s = () => o(t);
-export {
-  t as ListPanelContext,
-  r as ListPanelContextProvider,
-  s as useListPanel
-};
-//# sourceMappingURL=ListPanel.context.mjs.map

package/dist/ListPanel/ListPanel.context.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListPanel.context.mjs","sources":["../../src/ListPanel/ListPanel.context.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const ListPanelContext = createContext<string | undefined>(undefined);\nexport const ListPanelContextProvider = ListPanelContext.Provider;\nexport const useListPanel = () => useContext(ListPanelContext);\n"],"names":["ListPanelContext","createContext","ListPanelContextProvider","useListPanel","useContext"],"mappings":";AAEO,MAAMA,IAAmBC,EAAkC,MAAS,GAC9DC,IAA2BF,EAAiB,UAC5CG,IAAe,MAAMC,EAAWJ,CAAgB;"}

package/dist/ListPanel/ListPanel.d.ts

@@ -1,38 +0,0 @@
-export interface ListPanelItem {
-    id: string;
-    text: string;
-    tooltip?: string;
-    href?: string;
-    path?: string;
-}
-export interface ListPanelProps {
-    /**
-     * The ID of the item that should be selected by default.
-     */
-    defaultSelectedItem?: string;
-    /**
-     * The list of items to be displayed in the panel.
-     */
-    items: ListPanelItem[];
-    /**
-     * The mode of the list, either "panel" or "navigation".
-     */
-    listMode?: "panel" | "navigation";
-    /**
-     * The breakpoint for column layout.
-     */
-    colBreakpoint?: number;
-    /**
-     * Callback function that is called when the selected item changes.
-     */
-    onSelectedItemChange?: (id: string) => void;
-    /**
-     * Content to display in the panel area
-     */
-    children?: React.ReactNode;
-}
-/**
- * ListPanel component renders a panel with a list of items and a content area.
- */
-export declare function ListPanel({ items, defaultSelectedItem, colBreakpoint, listMode, children, onSelectedItemChange, }: ListPanelProps): import("react/jsx-runtime").JSX.Element;
-export default ListPanel;

package/dist/ListPanel/ListPanel.mjs

@@ -1,75 +0,0 @@
-import { jsx as t, jsxs as P } from "react/jsx-runtime";
-import { useState as k, createElement as x } from "react";
-import { useTheme as L, Link as b } from "@mui/material";
-import { grey as v } from "@mui/material/colors";
-import r from "@mui/material/Grid";
-import C from "@mui/material/List";
-import I from "@mui/material/ListItemButton";
-import T from "@mui/material/ListItemText";
-import S from "@mui/material/Paper";
-import j from "@mui/material/Tooltip";
-import { useGetDefaultThemeColor as w } from "../utils/theme.mjs";
-import { ListPanelContextProvider as z } from "./ListPanel.context.mjs";
-function O({
-  items: o,
-  defaultSelectedItem: p,
-  colBreakpoint: i = 3,
-  listMode: a = "panel",
-  children: s,
-  onSelectedItemChange: c = () => null
-}) {
-  o.map((e) => e.path).filter(Boolean);
-  const h = w(), { palette: f } = L(), [u, d] = k(p), g = (e) => {
-    d(e), c(e);
-  };
-  return /* @__PURE__ */ t(z, { value: u, children: /* @__PURE__ */ P(r, { container: !0, bgcolor: h, height: 1, children: [
-    /* @__PURE__ */ t(r, { size: i, pl: 1, height: 1, children: /* @__PURE__ */ t(C, { sx: { height: 1, overflowY: "auto" }, children: o.map(({ id: e, text: n, tooltip: l, href: y }) => {
-      const m = /* @__PURE__ */ x(
-        I,
-        {
-          ...a === "navigation" ? { component: b, href: y } : {},
-          key: e,
-          dense: !0,
-          onClick: () => g(e),
-          "aria-label": n
-        },
-        /* @__PURE__ */ t(
-          T,
-          {
-            primary: n,
-            primaryTypographyProps: {
-              color: v[600]
-            }
-          }
-        )
-      );
-      return l ? /* @__PURE__ */ t(
-        j,
-        {
-          title: l,
-          enterDelay: 1500,
-          placement: "right",
-          children: m
-        },
-        e
-      ) : m;
-    }) }) }),
-    /* @__PURE__ */ t(r, { size: 12 - i, pl: 1, py: 1, pr: 1, children: /* @__PURE__ */ t(
-      S,
-      {
-        elevation: 0,
-        sx: {
-          width: 1,
-          height: 1,
-          backgroundColor: f.background.paper
-        },
-        children: s
-      }
-    ) })
-  ] }) });
-}
-export {
-  O as ListPanel,
-  O as default
-};
-//# sourceMappingURL=ListPanel.mjs.map

package/dist/ListPanel/ListPanel.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListPanel.mjs","sources":["../../src/ListPanel/ListPanel.tsx"],"sourcesContent":["import { Link, useTheme } from \"@mui/material\";\nimport { grey } from \"@mui/material/colors\";\nimport Grid from \"@mui/material/Grid\";\nimport List from \"@mui/material/List\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Paper from \"@mui/material/Paper\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport { useState } from \"react\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { ListPanelContextProvider } from \"./ListPanel.context\";\n\nexport interface ListPanelItem {\n  id: string;\n  text: string;\n  tooltip?: string;\n  href?: string;\n  path?: string;\n}\n\nexport interface ListPanelProps {\n  /**\n   * The ID of the item that should be selected by default.\n   */\n  defaultSelectedItem?: string;\n  /**\n   * The list of items to be displayed in the panel.\n   */\n  items: ListPanelItem[];\n  /**\n   * The mode of the list, either \"panel\" or \"navigation\".\n   */\n  listMode?: \"panel\" | \"navigation\";\n  /**\n   * The breakpoint for column layout.\n   */\n  colBreakpoint?: number;\n  /**\n   * Callback function that is called when the selected item changes.\n   */\n  onSelectedItemChange?: (id: string) => void;\n  /**\n   * Content to display in the panel area\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * ListPanel component renders a panel with a list of items and a content area.\n */\nexport function ListPanel({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  listMode = \"panel\",\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) {\n  const _paths = items.map((item) => item.path).filter(Boolean) as string[];\n\n  const bgColor = useGetDefaultThemeColor();\n  const { palette } = useTheme();\n  const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);\n\n  const handleSelectItem = (id: string) => {\n    setSelectedItem(id);\n    onSelectedItemChange(id);\n  };\n\n  return (\n    <ListPanelContextProvider value={selectedItem}>\n      <Grid container bgcolor={bgColor} height={1}>\n        <Grid size={colBreakpoint} pl={1} height={1}>\n          <List sx={{ height: 1, overflowY: \"auto\" }}>\n            {items.map(({ id, text, tooltip, href }) => {\n              const linkProps =\n                listMode === \"navigation\" ? { component: Link, href } : {};\n\n              const contentEl = (\n                <ListItemButton\n                  {...linkProps}\n                  key={id}\n                  dense\n                  onClick={() => handleSelectItem(id)}\n                  aria-label={text}\n                >\n                  <ListItemText\n                    primary={text}\n                    primaryTypographyProps={{\n                      color: grey[600],\n                    }}\n                  />\n                </ListItemButton>\n              );\n\n              return tooltip ? (\n                <Tooltip\n                  key={id}\n                  title={tooltip}\n                  enterDelay={1500}\n                  placement=\"right\"\n                >\n                  {contentEl}\n                </Tooltip>\n              ) : (\n                contentEl\n              );\n            })}\n          </List>\n        </Grid>\n        <Grid size={12 - colBreakpoint} pl={1} py={1} pr={1}>\n          <Paper\n            elevation={0}\n            sx={{\n              width: 1,\n              height: 1,\n              backgroundColor: palette.background.paper,\n            }}\n          >\n            {children}\n          </Paper>\n        </Grid>\n      </Grid>\n    </ListPanelContextProvider>\n  );\n}\n\nexport default ListPanel;\n"],"names":["ListPanel","items","defaultSelectedItem","colBreakpoint","listMode","children","onSelectedItemChange","item","bgColor","useGetDefaultThemeColor","palette","useTheme","selectedItem","setSelectedItem","useState","handleSelectItem","id","jsx","ListPanelContextProvider","jsxs","Grid","List","text","tooltip","href","contentEl","createElement","ListItemButton","Link","ListItemText","grey","Tooltip","Paper"],"mappings":";;;;;;;;;;;;AAkDO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,sBAAAC,IAAuB,MAAM;AAC/B,GAAmB;AACF,EAAAL,EAAM,IAAI,CAACM,MAASA,EAAK,IAAI,EAAE,OAAO,OAAO;AAE5D,QAAMC,IAAUC,EAAA,GACV,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,CAACC,GAAcC,CAAe,IAAIC,EAASZ,CAAmB,GAE9Da,IAAmB,CAACC,MAAe;AACvC,IAAAH,EAAgBG,CAAE,GAClBV,EAAqBU,CAAE;AAAA,EACzB;AAEA,SACE,gBAAAC,EAACC,GAAA,EAAyB,OAAON,GAC/B,UAAA,gBAAAO,EAACC,GAAA,EAAK,WAAS,IAAC,SAASZ,GAAS,QAAQ,GACxC,UAAA;AAAA,IAAA,gBAAAS,EAACG,GAAA,EAAK,MAAMjB,GAAe,IAAI,GAAG,QAAQ,GACxC,UAAA,gBAAAc,EAACI,GAAA,EAAK,IAAI,EAAE,QAAQ,GAAG,WAAW,OAAA,GAC/B,UAAApB,EAAM,IAAI,CAAC,EAAE,IAAAe,GAAI,MAAAM,GAAM,SAAAC,GAAS,MAAAC,EAAA,MAAW;AAI1C,YAAMC,IACJ,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAJHvB,MAAa,eAAe,EAAE,WAAWwB,GAAM,MAAAJ,EAAA,IAAS,CAAA;AAAA,UAKtD,KAAKR;AAAA,UACL,OAAK;AAAA,UACL,SAAS,MAAMD,EAAiBC,CAAE;AAAA,UAClC,cAAYM;AAAA,QAAA;AAAA,QAEZ,gBAAAL;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,SAASP;AAAA,YACT,wBAAwB;AAAA,cACtB,OAAOQ,EAAK,GAAG;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAIJ,aAAOP,IACL,gBAAAN;AAAA,QAACc;AAAA,QAAA;AAAA,UAEC,OAAOR;AAAA,UACP,YAAY;AAAA,UACZ,WAAU;AAAA,UAET,UAAAE;AAAA,QAAA;AAAA,QALIT;AAAA,MAAA,IAQPS;AAAA,IAEJ,CAAC,GACH,GACF;AAAA,IACA,gBAAAR,EAACG,GAAA,EAAK,MAAM,KAAKjB,GAAe,IAAI,GAAG,IAAI,GAAG,IAAI,GAChD,UAAA,gBAAAc;AAAA,MAACe;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,iBAAiBtB,EAAQ,WAAW;AAAA,QAAA;AAAA,QAGrC,UAAAL;AAAA,MAAA;AAAA,IAAA,EACH,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/ListPanel/ListPanel.mocks.d.ts

@@ -1,5 +0,0 @@
-import { ListPanelItem } from './ListPanel';
-export declare const ListPanelDemoContent: () => import("react/jsx-runtime").JSX.Element;
-export declare const mockItemsShort: ListPanelItem[];
-export declare const mockItemsLong: ListPanelItem[];
-export declare const mockItemsRouterNavigation: ListPanelItem[];