@amateescu/portal-ui-components 0.0.34 → 0.0.37

package/dist/_commonjsHelpers-C6fGbg64.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as g
-};

package/dist/assets/globals.css

@@ -1 +0,0 @@
-:root{--color-primary: #045529;--color-secondary: #626367;--color-background: #f0f0f0;--color-background-secondary: #f3f6f8;--color-text: #12121a;--color-text-secondary: #111111;--color-text-light: #777;--color-text-dark: #333;--color-border: #ddd;--color-highlight: #05a952;--color-highlight-data-grid: rgba(5,169,82,.10196);--color-mui-selected: #F5F7FB;--color-warning: #eea63c;--color-critical: #f95048;--color-neutral: #fafafa;--color-red: red;--color-gray: #e0e0e0;--color-blue: #0054EE;--color-light-gray-blue: #E6EBEF;--color-very-light-gray: #DBDBDB;--color-white: white;--color-ant-theme: #00b96b;--color-avatar: #41b06e;--font-size-xxsmall: 8px;--font-size-9: 9px;--font-size-xsmall: 10px;--font-size-small: 12px;--font-size-normal: 13px;--font-size-medium: 14px;--font-size-large: 16px;--font-size-xlarge: 18px;--font-size-xxlarge: 20px;--font-size-xxxlarge: 21px;--font-size-22: 22px;--font-size-kpi-card: 32px;--font-bolded: 600;--font-500: 500;--font-400: 400}

package/dist/components/ConfirmationModal/ConfirmationModal.stories.js

@@ -1,36 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { ConfirmationModal as r } from "./ConfirmationModal.js";
-import { C as e } from "../../context-4ttylmIf.js";
-const n = ({ isRtl: t }) => /* @__PURE__ */ o(e, { direction: t ? "rtl" : "ltr", children: /* @__PURE__ */ o(
-  r,
-  {
-    modalOpen: !0,
-    contentText: "Confirmation test for storybook test",
-    setModalOpen: () => {
-    },
-    commandOnOk: () => {
-    },
-    title: "Confirmation",
-    approve: "Yes",
-    cancel: "No"
-  }
-) }), l = {
-  title: "Confirmation Modal",
-  component: n,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  },
-  args: {
-    isRtl: !1
-  }
-}, m = {}, f = {
-  args: {
-    isRtl: !0
-  }
-};
-export {
-  m as Default,
-  f as RTL,
-  l as default
-};

package/dist/components/CustomButton/CustomButton.d.ts

@@ -1,3 +0,0 @@
-import { CustomButtonProps } from './CustomeButton.types';
-import { default as React } from 'react';
-export declare const CustomButton: React.FC<CustomButtonProps>;

package/dist/components/CustomButton/CustomButton.stories.js

@@ -1,42 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { CustomButton as o } from "./CustomButton.js";
-import { c as n } from "../../createSvgIcon-CgFXfzFk.js";
-const s = n(/* @__PURE__ */ t("path", {
-  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
-}), "Search"), c = {
-  title: "Custom Button",
-  component: o,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  },
-  args: {
-    content: "Custom Button",
-    style: {
-      margin: "20px 20px"
-    }
-  }
-}, m = {}, p = {
-  args: {
-    content: "Custom Button",
-    width: "200px",
-    style: {
-      margin: "20px 20px"
-    }
-  }
-}, u = {
-  args: {
-    content: "Custom Button",
-    width: "90px",
-    startIcon: /* @__PURE__ */ t(s, {}),
-    style: {
-      margin: "20px 20px"
-    }
-  }
-};
-export {
-  m as Default,
-  p as Large,
-  u as WithIcon,
-  c as default
-};

package/dist/components/CustomButton/CustomeButton.types.d.ts

@@ -1,8 +0,0 @@
-import { ButtonProps } from '@mui/material';
-export interface CustomButtonProps extends ButtonProps {
-    content: string;
-    height?: string;
-    width?: string;
-    direction?: "left" | "right";
-    size?: "small" | "medium" | "large";
-}

package/dist/components/CustomFooter/CustomFooter.d.ts

@@ -1,2 +0,0 @@
-import { default as CustomFooterProps } from './CustomFooter.types';
-export declare function CustomFooter({ total, columnsDefinitions, isRtl }: CustomFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomFooter/CustomFooter.js

@@ -1,32 +0,0 @@
-import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { CustomPagination as u } from "../CustomPagination/CustomPagination.js";
-import { TotalDataGrid as g } from "../TotalDataGrid/TotalDataGrid.js";
-import { getPageCount as f } from "../../portal-utils/pageCount.js";
-import { useGridApiContext as l, useGridSelector as t, gridFilteredTopLevelRowCountSelector as C, useGridRootProps as h, gridPageSizeSelector as F, GridFooterContainer as G } from "@mui/x-data-grid";
-import { cn as P } from "../../portal-utils/cn.js";
-import '../../assets/CustomFooter.css';const S = "_container_1py0o_1", v = {
-  container: S
-};
-function z({ total: o, columnsDefinitions: i, isRtl: n }) {
-  const r = l(), s = t(r, C), c = h(), m = t(r, F), p = f(c.rowCount ?? s, m);
-  return /* @__PURE__ */ a(d, { children: [
-    (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ e("div", { className: P(v.container, "custom-grid-footer"), children: /* @__PURE__ */ e(
-      g,
-      {
-        rows: o,
-        isFetching: !1,
-        columnsDefinitions: i
-      }
-    ) }),
-    /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
-      u,
-      {
-        isRtl: n,
-        pageCount: p
-      }
-    ) })
-  ] });
-}
-export {
-  z as CustomFooter
-};

package/dist/components/CustomFooter/CustomFooter.stories.js

@@ -1,40 +0,0 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import '../../assets/SideMenu.css';import '../../assets/globals.css';/* empty css                     */
-import "react";
-import { Pagination as a } from "../CustomPagination/CustomPagination.js";
-import { TotalDataGrid as s } from "../TotalDataGrid/TotalDataGrid.js";
-import "@mui/x-data-grid";
-import "i18next";
-/* empty css                      */
-import { columnsDefinitions as e, total as i } from "../../mock.js";
-const m = ({ isRtl: o }) => /* @__PURE__ */ r("div", { children: [
-  /* @__PURE__ */ t(
-    s,
-    {
-      rows: i,
-      isFetching: !1,
-      columnsDefinitions: e
-    }
-  ),
-  /* @__PURE__ */ t(a, { isRtl: o, page: 2, pageCount: 12, onPageChange: () => {
-  } })
-] }), h = {
-  title: "Custom Footer",
-  component: m,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  },
-  args: {
-    isRtl: !1
-  }
-}, x = {}, D = {
-  args: {
-    isRtl: !0
-  }
-};
-export {
-  x as Default,
-  D as RTL,
-  h as default
-};

package/dist/components/CustomPagination/CustomPagination.d.ts

@@ -1,3 +0,0 @@
-import { ExtendedPaginationProps, ExternalPaginationProps } from './CustomPagination.types';
-export declare function Pagination({ isRtl, pageCount, page, onPageChange, className, }: ExtendedPaginationProps): import("react/jsx-runtime").JSX.Element;
-export declare function CustomPagination({ isRtl, pageCount }: ExternalPaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomPagination/CustomPagination.stories.js

@@ -1,25 +0,0 @@
-import { Pagination as t } from "./CustomPagination.js";
-const e = {
-  title: "Custom Pagination",
-  component: t,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  },
-  args: {
-    isRtl: !1,
-    pageCount: 12,
-    page: 1,
-    onPageChange: () => {
-    }
-  }
-}, o = {}, s = {
-  args: {
-    isRtl: !0
-  }
-};
-export {
-  o as Default,
-  s as RTL,
-  e as default
-};

package/dist/components/ErrorModal/ErrorModal.stories.js

@@ -1,33 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ErrorModal as t } from "./ErrorModal.js";
-import { C as e } from "../../context-4ttylmIf.js";
-const a = ({ isRtl: o }) => /* @__PURE__ */ r(e, { direction: o ? "rtl" : "ltr", children: /* @__PURE__ */ r(
-  t,
-  {
-    error: "Error Message",
-    resetErrorBoundary: () => {
-    },
-    title: "Error Title",
-    tryAgain: "Try Again",
-    cancel: "Cancel"
-  }
-) }), i = {
-  title: "Error Modal",
-  component: a,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  },
-  args: {
-    isRtl: !1
-  }
-}, c = {}, d = {
-  args: {
-    isRtl: !0
-  }
-};
-export {
-  c as Default,
-  d as RTL,
-  i as default
-};

package/dist/components/InfoModal/InfoModal.stories.js

@@ -1,33 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { InfoModal as e } from "./InfoModal.js";
-import { C as r } from "../../context-4ttylmIf.js";
-const n = ({ isRtl: t }) => /* @__PURE__ */ o(r, { direction: t ? "rtl" : "ltr", children: /* @__PURE__ */ o(
-  e,
-  {
-    modalOpen: !0,
-    contentText: "Storybook component test for InfoModal component",
-    setModalOpen: () => {
-    },
-    title: "Information",
-    okText: "Ok"
-  }
-) }), f = {
-  title: "Info Modal",
-  component: n,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  },
-  args: {
-    isRtl: !1
-  }
-}, i = {}, m = {
-  args: {
-    isRtl: !0
-  }
-};
-export {
-  i as Default,
-  m as RTL,
-  f as default
-};

package/dist/components/KpiCard/KpiCard.stories.js

@@ -1,26 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { S as n } from "../../InvencoGVR-qnTq-d6S.js";
-import { KpiCard as e } from "./KpiCard.js";
-const p = {
-  title: "Kpi Card",
-  component: e,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  },
-  args: {
-    title: "Kpi Card",
-    content: "Kpi Card Content",
-    icon: /* @__PURE__ */ r(n, {}),
-    menuCollapsed: !0
-  }
-}, d = {
-  render: (t) => /* @__PURE__ */ r("div", { style: { margin: "20px 20px" }, children: /* @__PURE__ */ r(e, { ...t }) })
-}, l = {
-  render: (t) => /* @__PURE__ */ r("div", { dir: "rtl", style: { margin: "20px 20px" }, children: /* @__PURE__ */ r(e, { ...t }) })
-};
-export {
-  d as Default,
-  l as RTL,
-  p as default
-};

package/dist/components/KpiWrapper/KpiWrapper.d.ts

@@ -1,2 +0,0 @@
-import { KpiWrapperProps } from './KpiWrapper.types';
-export declare function KpiWrapper({ children, className, style }: KpiWrapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/KpiWrapper/KpiWrapper.js

@@ -1,11 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as c } from "../../portal-utils/cn.js";
-import '../../assets/KpiWrapper.css';const n = "_flexRowSpaceBetween_1v6py_1", r = {
-  flexRowSpaceBetween: n
-};
-function w({ children: e, className: o, style: p }) {
-  return /* @__PURE__ */ t("div", { className: c(r.flexRowSpaceBetween, o ?? ""), style: p, children: e });
-}
-export {
-  w as KpiWrapper
-};

package/dist/components/KpiWrapper/KpiWrapper.stories.js

@@ -1,56 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { S as e } from "../../InvencoGVR-qnTq-d6S.js";
-import '../../assets/SideMenu.css';import '../../assets/globals.css';/* empty css                     */
-import "react";
-import "@mui/x-data-grid";
-import { KpiCard as i } from "../KpiCard/KpiCard.js";
-import { KpiWrapper as n } from "./KpiWrapper.js";
-import "i18next";
-/* empty css                      */
-const m = {
-  title: "Kpi Wrapper",
-  component: n,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  },
-  args: {
-    children: "Kpi Wrapper",
-    style: {
-      padding: "10px 10px"
-    }
-  }
-}, K = {}, u = {
-  args: {
-    children: [
-      /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(i, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
-    ]
-  }
-}, g = {
-  args: {
-    children: [
-      /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(i, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(i, { title: "Kpi Card 4", content: "Kpi Card Content 4", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
-    ]
-  }
-}, w = {
-  args: {
-    children: [
-      /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(i, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
-    ]
-  },
-  render: (r) => /* @__PURE__ */ t("div", { dir: "rtl", style: { margin: "20px 20px" }, children: /* @__PURE__ */ t(n, { ...r }) })
-};
-export {
-  K as Default,
-  w as RTL,
-  u as With3Kpis,
-  g as With4Kpis,
-  m as default
-};

package/dist/components/LoadingAnimation/LoadingAnimation.stories.js

@@ -1,14 +0,0 @@
-import { LoadingAnimation as t } from "./LoadingAnimation.js";
-const o = {
-  title: "Loading Animation",
-  component: t,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  },
-  args: {}
-}, n = {};
-export {
-  n as Default,
-  o as default
-};