@amateescu/portal-ui-components 0.0.35-beta0 → 0.0.37-beta1

package/dist/components/PassportInput/PassportInput.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ isRtl, width, }: {
+        isRtl?: boolean;
+        width?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        isRtl: false;
+        width: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RTL: Story;
+export declare const WithValue: Story;
+export declare const CustomWidth: Story;
+export declare const NarrowWidth: Story;
+//# sourceMappingURL=PassportInput.stories.d.ts.map

package/dist/components/PassportInput/PassportInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInput/PassportInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0BvD,QAAA,MAAM,IAAI;;mCAnBP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;;;;;;;;;CA2B4C,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

package/dist/components/PassportInput/PassportInput.types.d.ts

@@ -0,0 +1,9 @@
+import { TextFieldProps } from '@mui/material';
+export interface PassportInputProps extends Omit<TextFieldProps, 'onChange' | 'value' | 'label'> {
+    label: string;
+    searchValue: string;
+    changeSearchValue: (value: string) => void;
+    width?: number;
+    isRtl?: boolean;
+}
+//# sourceMappingURL=PassportInput.types.d.ts.map

package/dist/components/PassportInput/PassportInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInput/PassportInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,cAAc,EACd,UAAU,GAAG,OAAO,GAAG,OAAO,CAC/B;IACC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/components/PassportInput/PassportInput.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportKpiCard/PassportKpiCard.d.ts

@@ -0,0 +1,3 @@
+import { default as PassportKpiCardProps } from './PassportKpiCard.types';
+export declare function PassportKpiCard({ title, content, icon, menuCollapsed, height, width, }: PassportKpiCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportKpiCard.d.ts.map

package/dist/components/PassportKpiCard/PassportKpiCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiCard.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiCard/PassportKpiCard.tsx"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE,oBAAoB,2CA2BtB"}

package/dist/components/PassportKpiCard/PassportKpiCard.js

@@ -0,0 +1,44 @@
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { LoadingAnimation as s } from "../LoadingAnimation/LoadingAnimation.js";
+import { cn as l } from "../../portal-utils/cn.js";
+import '../../assets/PassportKpiCard.css';const _ = "_kpiCard_gpia1_1", p = "_cardContent_gpia1_12", h = "_loadingCenter_gpia1_19", m = "_width430_gpia1_23", C = "_width384_gpia1_32", g = "_title_gpia1_36", w = "_content_gpia1_62", t = {
+  kpiCard: _,
+  cardContent: p,
+  loadingCenter: h,
+  width430: m,
+  width384: C,
+  title: g,
+  content: w
+};
+function k({
+  title: n,
+  content: a,
+  icon: d,
+  menuCollapsed: c,
+  height: o,
+  width: r
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: l(
+        t.kpiCard,
+        c ? t.width430 : t.width384
+      ),
+      style: {
+        height: o,
+        width: r
+      },
+      children: n && a ? /* @__PURE__ */ e("div", { className: t.cardContent, children: [
+        /* @__PURE__ */ i("div", { className: t.iconWrapper, children: d }),
+        /* @__PURE__ */ e("div", { className: t.textContent, children: [
+          /* @__PURE__ */ i("div", { className: t.title, children: n }),
+          /* @__PURE__ */ i("div", { className: t.content, children: a })
+        ] })
+      ] }) : /* @__PURE__ */ i("div", { className: t.loadingCenter, children: /* @__PURE__ */ i(s, {}) })
+    }
+  );
+}
+export {
+  k as PassportKpiCard
+};

package/dist/components/{KpiCard/KpiCard.stories.d.ts → PassportKpiCard/PassportKpiCard.stories.d.ts}

@@ -1,8 +1,8 @@
 import { StoryObj } from '@storybook/react';
-import { KpiCard } from './KpiCard';
+import { PassportKpiCard } from './PassportKpiCard';
 declare const meta: {
     title: string;
-    component: typeof KpiCard;
+    component: typeof PassportKpiCard;
     tags: string[];
     parameters: {
         layout: string;
@@ -18,3 +18,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const RTL: Story;
+//# sourceMappingURL=PassportKpiCard.stories.d.ts.map

package/dist/components/PassportKpiCard/PassportKpiCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiCard/PassportKpiCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAa8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC"}

package/dist/components/PassportKpiCard/PassportKpiCard.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+interface PassportKpiCardProps {
+    title: string;
+    content: string;
+    icon: ReactNode;
+    menuCollapsed: boolean;
+    height?: string;
+    width?: string;
+}
+export default PassportKpiCardProps;
+//# sourceMappingURL=PassportKpiCard.types.d.ts.map

package/dist/components/PassportKpiCard/PassportKpiCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiCard/PassportKpiCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/PassportKpiCard/PassportKpiCard.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportKpiWrapper/PassportKpiWrapper.d.ts

@@ -0,0 +1,3 @@
+import { PassportKpiWrapperProps } from './PassportKpiWrapper.types';
+export declare function PassportKpiWrapper({ children, className, style, }: PassportKpiWrapperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportKpiWrapper.d.ts.map

package/dist/components/PassportKpiWrapper/PassportKpiWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiWrapper/PassportKpiWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,uBAAuB,2CASzB"}

package/dist/components/PassportKpiWrapper/PassportKpiWrapper.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as c } from "../../portal-utils/cn.js";
+import '../../assets/PassportKpiWrapper.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 PassportKpiWrapper
+};

package/dist/components/{KpiWrapper/KpiWrapper.stories.d.ts → PassportKpiWrapper/PassportKpiWrapper.stories.d.ts}

@@ -1,8 +1,8 @@
 import { StoryObj } from '@storybook/react';
-import { KpiWrapper } from './KpiWrapper';
+import { PassportKpiWrapper } from './PassportKpiWrapper';
 declare const meta: {
     title: string;
-    component: typeof KpiWrapper;
+    component: typeof PassportKpiWrapper;
     tags: string[];
     parameters: {
         layout: string;
@@ -17,6 +17,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const With3Kpis: Story;
-export declare const With4Kpis: Story;
-export declare const RTL: Story;
+export declare const PassportWith3Kpis: Story;
+export declare const PassportWith4Kpis: Story;
+export declare const PassportRTL: Story;
+//# sourceMappingURL=PassportKpiWrapper.stories.d.ts.map

package/dist/components/PassportKpiWrapper/PassportKpiWrapper.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiWrapper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiWrapper/PassportKpiWrapper.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAaiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,iBAAiB,EAAE,KAuB/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA6B/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAC"}

package/dist/components/{KpiWrapper/KpiWrapper.types.d.ts → PassportKpiWrapper/PassportKpiWrapper.types.d.ts}

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
-export interface KpiWrapperProps {
+export interface PassportKpiWrapperProps {
     children: React.ReactNode;
     className?: string;
     style?: CSSProperties;
 }
+//# sourceMappingURL=PassportKpiWrapper.types.d.ts.map

package/dist/components/PassportKpiWrapper/PassportKpiWrapper.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiWrapper.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiWrapper/PassportKpiWrapper.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB"}

package/dist/components/PassportKpiWrapper/PassportKpiWrapper.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportMultiSelect/PassportMultiSelect.d.ts

@@ -0,0 +1,3 @@
+import { PassportMultiSelectProps } from './PassportMultiSelect.types';
+export declare function PassportMultiSelect<T extends string | number>({ label, values, options, handleChange, clearFilters, width, isRtl, }: PassportMultiSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportMultiSelect.d.ts.map

package/dist/components/PassportMultiSelect/PassportMultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/PassportMultiSelect/PassportMultiSelect.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAsBvE,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC7D,KAAK,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAW,EACX,KAAa,GACd,EAAE,wBAAwB,CAAC,CAAC,CAAC,2CA4C7B"}

package/dist/components/PassportMultiSelect/PassportMultiSelect.js

@@ -0,0 +1,72 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { C as d } from "../../Clear-BauR3cPE.js";
+import { useTheme as m, FormControl as h, InputLabel as a, Select as g, MenuItem as x, Checkbox as f, ListItemText as I, InputAdornment as y, OutlinedInput as C } from "@mui/material";
+const M = 48, P = 8, T = {
+  PaperProps: {
+    style: {
+      maxHeight: M * 4.5 + P,
+      width: 250
+    }
+  }
+};
+function b(n, t, o) {
+  return {
+    fontWeight: t.includes(n) ? o.typography.fontWeightMedium : o.typography.fontWeightRegular
+  };
+}
+function A({
+  label: n,
+  values: t,
+  options: o,
+  handleChange: s,
+  clearFilters: p,
+  width: c = 300,
+  isRtl: l = !1
+}) {
+  const u = m();
+  return /* @__PURE__ */ i(h, { size: "small", sx: { ml: 1, width: c }, children: [
+    /* @__PURE__ */ r(a, { children: n }),
+    /* @__PURE__ */ r(
+      g,
+      {
+        multiple: !0,
+        value: t,
+        onChange: s,
+        input: /* @__PURE__ */ r(C, { label: n }),
+        renderValue: (e) => e.join(", "),
+        MenuProps: T,
+        sx: {
+          borderRadius: "8px",
+          // border: '1px solid var(--color-gray)',
+          bgcolor: "var(--color-background)",
+          "& fieldset": { border: "1px solid var(--color-gray)" },
+          marginRight: l ? "10px" : "0px"
+        },
+        endAdornment: /* @__PURE__ */ r(
+          y,
+          {
+            sx: { cursor: "pointer", marginRight: "10px" },
+            position: "end",
+            onClick: p,
+            children: /* @__PURE__ */ r(d, {})
+          }
+        ),
+        children: o.map((e) => /* @__PURE__ */ i(
+          x,
+          {
+            value: e,
+            style: b(e, t, u),
+            children: [
+              /* @__PURE__ */ r(f, { checked: t.includes(e) }),
+              /* @__PURE__ */ r(I, { primary: e })
+            ]
+          },
+          e
+        ))
+      }
+    )
+  ] });
+}
+export {
+  A as PassportMultiSelect
+};

package/dist/components/PassportMultiSelect/PassportMultiSelect.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ isRtl, width, }: {
+        isRtl?: boolean;
+        width?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        isRtl: false;
+        width: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RTL: Story;
+export declare const WithPreselected: Story;
+export declare const CustomWidth: Story;
+export declare const WithNumbers: Story;
+//# sourceMappingURL=PassportMultiSelect.stories.d.ts.map

package/dist/components/PassportMultiSelect/PassportMultiSelect.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportMultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportMultiSelect/PassportMultiSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqCvD,QAAA,MAAM,IAAI;;mCArBP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;;;;;;;;;CA6BkD,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC"}

package/dist/components/PassportMultiSelect/PassportMultiSelect.types.d.ts

@@ -0,0 +1,12 @@
+import { SelectProps } from '@mui/material';
+import { SelectChangeEvent } from 'node_modules/@mui/material/Select/Select';
+export interface PassportMultiSelectProps<T extends string | number> extends Omit<SelectProps, 'onChange' | 'value' | 'label' | 'width'> {
+    label: string;
+    values: T[];
+    options: T[];
+    handleChange: (event: SelectChangeEvent<T[]>) => void;
+    clearFilters: () => void;
+    width?: number;
+    isRtl?: boolean;
+}
+//# sourceMappingURL=PassportMultiSelect.types.d.ts.map

package/dist/components/PassportMultiSelect/PassportMultiSelect.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportMultiSelect.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportMultiSelect/PassportMultiSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAE7E,MAAM,WAAW,wBAAwB,CACvC,CAAC,SAAS,MAAM,GAAG,MAAM,CACzB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/components/PassportMultiSelect/PassportMultiSelect.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportPagination/PassportPagination.d.ts

@@ -0,0 +1,3 @@
+import { PassportPaginationProps } from './PassportPagination.types';
+export declare function PassportPagination({ isRtl, pageCount, page, onPageChange, className, }: PassportPaginationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportPagination.d.ts.map

package/dist/components/PassportPagination/PassportPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportPagination.d.ts","sourceRoot":"","sources":["../../../src/components/PassportPagination/PassportPagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAMrE,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,uBAAuB,2CA2DzB"}