@amateescu/portal-ui-components 0.0.34 → 0.0.37-beta0

package/dist/VModalIcon-D7L4bQLO.js

@@ -1,5 +0,0 @@
-import * as e from "react";
-const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M5 13L9 17L19 7", stroke: "#12121A", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
-export {
-  o as S
-};

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/ConfirmationModal.css

@@ -1 +0,0 @@
-._flexRowCenter_18rw0_1{display:flex!important;flex-direction:row;align-items:center}._mr10_18rw0_7,html[dir=rtl] ._mr10_18rw0_7{margin-right:10px}html[dir=ltr] ._mr10_18rw0_7{margin-left:10px}._text18_18rw0_19{font-size:var(--font-size-xlarge)}._content_18rw0_23{position:relative;top:-10px}

package/dist/assets/KpiCard.css

@@ -1 +0,0 @@
-._kpiCard_w4qw3_1{height:147px;background-color:var(--color-background);border-radius:8px}._width430_w4qw3_7{width:430px}@media (max-width: 1500px){._width430_w4qw3_7{width:200px}}._width384_w4qw3_16{width:384px}._flexCol_w4qw3_20{display:flex;flex-direction:column}._flexRow_w4qw3_25{display:flex;flex-direction:row}._title_w4qw3_30{font-size:var(--font-size-kpi-card);font-weight:500;color:var(--color-text)}@media (max-width: 900px){._title_w4qw3_30{font-size:var(--font-size-small)}}@media (max-width: 1100px){._title_w4qw3_30{font-size:var(--font-size-large)}}@media (max-width: 1400px){._title_w4qw3_30{font-size:var(--font-size-xxlarge)}}@media (max-width: 1600px){._title_w4qw3_30{font-size:var(--font-size-22)}}._content_w4qw3_56{font-size:var(--font-size-xxxlarge);font-weight:400;color:var(--color-secondary);margin-top:-10px}@media (max-width: 900px){._content_w4qw3_56{font-size:var(--font-size-xxsmall)}}@media (max-width: 1100px){._content_w4qw3_56{font-size:var(--font-size-small)}}@media (max-width: 1400px){._content_w4qw3_56{font-size:var(--font-size-medium)}}

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.d.ts

@@ -1,2 +0,0 @@
-import { default as ConfirmationModalProps } from './ConfirmationModal.types';
-export declare function ConfirmationModal({ modalOpen, contentText, setModalOpen, commandOnOk, title, approve, cancel }: ConfirmationModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ConfirmationModal/ConfirmationModal.js

@@ -1,51 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import * as t from "react";
-import { S as m } from "../../VModalIcon-D7L4bQLO.js";
-import { M as d } from "../../index-Dz00OoV7.js";
-import '../../assets/ConfirmationModal.css';const p = (r) => /* @__PURE__ */ t.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ t.createElement("path", { d: "M7 10L9 12L13 8M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), w = (r) => /* @__PURE__ */ t.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ t.createElement("path", { d: "M6 18L18 6M6 6L18 18", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), x = "_flexRowCenter_18rw0_1", g = "_mr10_18rw0_7", f = "_text18_18rw0_19", C = "_content_18rw0_23", o = {
-  flexRowCenter: x,
-  mr10: g,
-  text18: f,
-  content: C
-};
-function _({ modalOpen: r, contentText: c, setModalOpen: l, commandOnOk: s, title: a, approve: i, cancel: h }) {
-  return /* @__PURE__ */ e(
-    d,
-    {
-      title: /* @__PURE__ */ n("span", { className: o.flexRowCenter, children: [
-        /* @__PURE__ */ e(p, { className: o.mr10, color: "var(--color-primary)" }),
-        /* @__PURE__ */ e("p", { className: o.text18, children: a })
-      ] }),
-      centered: !0,
-      open: r,
-      onOk: () => {
-        s(), l(!1);
-      },
-      onCancel: () => l(!1),
-      closeIcon: !1,
-      okText: /* @__PURE__ */ n("span", { className: o.flexRowCenter, children: [
-        /* @__PURE__ */ e(m, {}),
-        /* @__PURE__ */ e("span", { children: i })
-      ] }),
-      okButtonProps: {
-        style: {
-          backgroundColor: "var(--color-highlight)"
-        }
-      },
-      cancelButtonProps: {
-        style: {
-          borderColor: "var(--color-highlight)",
-          color: "var(--color-highlight)"
-        }
-      },
-      cancelText: /* @__PURE__ */ n("span", { className: o.flexRowCenter, children: [
-        /* @__PURE__ */ e(w, { color: "var(--color-primary)" }),
-        /* @__PURE__ */ e("span", { children: h })
-      ] }),
-      children: /* @__PURE__ */ e("p", { className: o.content, children: c })
-    }
-  );
-}
-export {
-  _ as ConfirmationModal
-};

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/ConfirmationModal/ConfirmationModal.types.d.ts

@@ -1,11 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-interface ConfirmationModalProps {
-    modalOpen: boolean;
-    contentText: string;
-    setModalOpen: Dispatch<SetStateAction<boolean>>;
-    commandOnOk: () => void | void;
-    title: string;
-    approve: string;
-    cancel: string;
-}
-export default ConfirmationModalProps;

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.d.ts

@@ -1,2 +0,0 @@
-import { default as ErrorModalProps } from './ErrorModal.types';
-export declare const ErrorModal: ({ error, resetErrorBoundary, title, tryAgain, cancel }: ErrorModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ErrorModal/ErrorModal.js

@@ -1,40 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { M as p } from "../../index-Dz00OoV7.js";
-import '../../assets/ErrorModal.css';const d = "_flexRowCenter_ufgj5_1", x = "_text18_ufgj5_15", f = "_content_ufgj5_19", t = {
-  flexRowCenter: d,
-  text18: x,
-  content: f
-}, C = ({ error: o, resetErrorBoundary: n, title: r, tryAgain: l, cancel: c }) => {
-  const [s, a] = h(!0), i = () => {
-    a(!1);
-  };
-  return /* @__PURE__ */ e(
-    p,
-    {
-      title: /* @__PURE__ */ e("span", { className: t.flexRowCenter, children: /* @__PURE__ */ e("p", { className: t.text18, children: r }) }),
-      centered: !0,
-      open: s,
-      onOk: n,
-      onCancel: i,
-      closeIcon: !0,
-      okText: /* @__PURE__ */ e("span", { className: t.flexRowCenter, children: /* @__PURE__ */ e("span", { children: l }) }),
-      okButtonProps: {
-        style: {
-          backgroundColor: "var(--color-highlight)"
-        }
-      },
-      cancelButtonProps: {
-        style: {
-          borderColor: "var(--color-highlight)",
-          color: "var(--color-highlight)"
-        }
-      },
-      cancelText: /* @__PURE__ */ e("span", { className: t.flexRowCenter, children: /* @__PURE__ */ e("span", { children: c }) }),
-      children: /* @__PURE__ */ e("p", { className: t.content, children: o.toString() })
-    }
-  );
-};
-export {
-  C as ErrorModal
-};

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/ErrorModal/ErrorModal.types.d.ts

@@ -1,8 +0,0 @@
-interface ErrorModalProps {
-    error: string;
-    resetErrorBoundary: () => void;
-    title: string;
-    tryAgain: string;
-    cancel: string;
-}
-export default ErrorModalProps;

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.d.ts

@@ -1,2 +0,0 @@
-import { default as KpiCardProps } from './KpiCard.types';
-export declare function KpiCard({ title, content, icon, menuCollapsed }: KpiCardProps): import("react/jsx-runtime").JSX.Element;