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

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ title, disableAll, error, setError, handleSubmit, version }: import('./Login.types').LoginProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ title, disableAll, error, setError, handleSubmit, version, }: import('./Login.types').LoginProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -12,7 +12,7 @@ declare const meta: {
         error: string;
         setError: () => void;
         version: string;
-        handleSubmit: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        handleSubmit: () => Promise<void>;
     };
 };
 export default meta;
@@ -23,3 +23,4 @@ export declare const Disabled: Story;
 export declare const RTL: Story;
 export declare const RTLError: Story;
 export declare const RTLDisabled: Story;
+//# sourceMappingURL=Login.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Login.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Login/Login.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAeoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

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

@@ -7,3 +7,4 @@ export interface LoginProps {
     setError: Dispatch<SetStateAction<string | undefined>>;
     handleSubmit: (event: React.FormEvent<HTMLFormElement>) => Promise<void>;
 }
+//# sourceMappingURL=Login.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Login.types.d.ts","sourceRoot":"","sources":["../../../src/components/Login/Login.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IACvD,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1E"}

package/dist/components/PassportAutocomplete/PassportAutocomplete.d.ts

@@ -0,0 +1,3 @@
+import { PassportAutocompleteProps } from './PassportAutocomplete.types';
+export declare function PassportAutocomplete({ label, data, handleChange, fullWidth, value, disabled, isRtl, }: PassportAutocompleteProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportAutocomplete.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/PassportAutocomplete/PassportAutocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,SAAiB,EACjB,KAAK,EACL,QAAgB,EAChB,KAAa,GACd,EAAE,yBAAyB,2CA2B3B"}

package/dist/components/PassportAutocomplete/PassportAutocomplete.js

@@ -0,0 +1,41 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Autocomplete as d, TextField as f } from "@mui/material";
+function c({
+  label: s,
+  data: o,
+  handleChange: l,
+  fullWidth: t = !1,
+  value: i,
+  disabled: n = !1,
+  isRtl: p = !1
+}) {
+  const a = o?.find((e) => e.value === i) || null;
+  return /* @__PURE__ */ r(
+    d,
+    {
+      fullWidth: t,
+      size: "small",
+      disablePortal: !0,
+      disabled: n,
+      options: o ?? [],
+      value: a,
+      sx: {
+        width: t ? "100%" : 300,
+        "& fieldset": {
+          borderRadius: "8px"
+        },
+        "&:hover fieldset": {
+          borderRadius: "8px"
+        },
+        marginRight: p ? "10px" : "0px"
+      },
+      onChange: (e, u) => {
+        l(u?.value ?? "");
+      },
+      renderInput: (e) => /* @__PURE__ */ r(f, { ...e, label: s })
+    }
+  );
+}
+export {
+  c as PassportAutocomplete
+};

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ isRtl }: {
+        isRtl: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        isRtl: false;
+    };
+};
+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 FullWidth: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=PassportAutocomplete.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportAutocomplete.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportAutocomplete/PassportAutocomplete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAsBvD,QAAA,MAAM,IAAI;;2BAXsC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE;;;;;;;;CAqBd,CAAC;AAErD,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,KAWvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC"}

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

@@ -0,0 +1,14 @@
+import { AutocompleteProps } from '@mui/material';
+export interface PassportAutocompleteProps extends Omit<AutocompleteProps<string, false, false, false>, 'label' | 'onChange' | 'value' | 'renderInput' | 'options'> {
+    label: string;
+    handleChange: (value: string) => void;
+    data?: {
+        value: string;
+        label: string;
+    }[];
+    fullWidth?: boolean;
+    value?: string;
+    disabled?: boolean;
+    isRtl?: boolean;
+}
+//# sourceMappingURL=PassportAutocomplete.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportAutocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportAutocomplete/PassportAutocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CACrD,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAC9C,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,CAC3D;IACC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/components/PassportButton/PassportButton.d.ts

@@ -0,0 +1,4 @@
+import { PassportButtonProps } from './PassportButton.types';
+import { default as React } from 'react';
+export declare const PassportButton: React.FC<PassportButtonProps>;
+//# sourceMappingURL=PassportButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportButton.d.ts","sourceRoot":"","sources":["../../../src/components/PassportButton/PassportButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AAEvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoCxD,CAAC"}

package/dist/components/{CustomButton/CustomButton.js → PassportButton/PassportButton.js}

@@ -1,6 +1,13 @@
 import { jsx as i } from "react/jsx-runtime";
-import { B as l } from "../../Button-xgiLW4_3.js";
-const m = ({ content: r, height: o = "40px", width: t = "120px", direction: n = "left", size: a = "small", ...e }) => /* @__PURE__ */ i(
+import { B as l } from "../../Button-BM72-1G6.js";
+const p = ({
+  content: r,
+  height: o = "40px",
+  width: t = "120px",
+  direction: n = "left",
+  size: a = "small",
+  ...e
+}) => /* @__PURE__ */ i(
   l,
   {
     variant: "outlined",
@@ -16,9 +23,6 @@ const m = ({ content: r, height: o = "40px", width: t = "120px", direction: n =
       fontWeight: "400",
       width: t,
       textTransform: "none",
-      // '& .MuiButton-endIcon': {
-      //   marginInlineStart: '10px',
-      // },
       "& .MuiButton-startIcon": {
         marginInlineStart: "10px",
         marginInlineEnd: "10px"
@@ -32,5 +36,5 @@ const m = ({ content: r, height: o = "40px", width: t = "120px", direction: n =
   }
 );
 export {
-  m as CustomButton
+  p as PassportButton
 };

package/dist/components/{CustomButton/CustomButton.stories.d.ts → PassportButton/PassportButton.stories.d.ts}

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('./CustomeButton.types').CustomButtonProps>;
+    component: import('react').FC<import('./PassportButton.types').PassportButtonProps>;
     tags: string[];
     parameters: {
         layout: string;
@@ -18,3 +18,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Large: Story;
 export declare const WithIcon: Story;
+//# sourceMappingURL=PassportButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportButton/PassportButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAa6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { ButtonProps } from '@mui/material';
+export interface PassportButtonProps extends ButtonProps {
+    content: string;
+    height?: string;
+    width?: string;
+    direction?: 'left' | 'right';
+    size?: 'small' | 'medium' | 'large';
+}
+//# sourceMappingURL=PassportButton.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportButton/PassportButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC"}

package/dist/components/PassportConfirmationModal/PassportConfirmationModal.d.ts

@@ -0,0 +1,9 @@
+export interface PassportConfirmationModalProps {
+    isOpen: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+    title?: string;
+    message?: string;
+}
+export declare const PassportConfirmationModal: ({ isOpen, onCancel, onConfirm, title, message, }: PassportConfirmationModalProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PassportConfirmationModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportConfirmationModal.d.ts","sourceRoot":"","sources":["../../../src/components/PassportConfirmationModal/PassportConfirmationModal.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,yBAAyB,GAAI,kDAMvC,8BAA8B,mDAwEhC,CAAC"}

package/dist/components/PassportConfirmationModal/PassportConfirmationModal.js

@@ -0,0 +1,108 @@
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import { t as e } from "i18next";
+import '../../assets/PassportConfirmationModal.css';const r = "_modalOverlay_1ocqh_1", m = "_modalContainer_1ocqh_12", h = "_modalHeader_1ocqh_22", _ = "_modalIconCheck_1ocqh_29", u = "_modalIconCancel_1ocqh_34", C = "_modalTitle_1ocqh_39", k = "_modalMessage_1ocqh_46", B = "_modalActions_1ocqh_53", v = "_modalButton_1ocqh_59", p = "_modalButtonCancel_1ocqh_74", g = "_modalButtonPublish_1ocqh_80", o = {
+  modalOverlay: r,
+  modalContainer: m,
+  modalHeader: h,
+  modalIconCheck: _,
+  modalIconCancel: u,
+  modalTitle: C,
+  modalMessage: k,
+  modalActions: B,
+  modalButton: v,
+  modalButtonCancel: p,
+  modalButtonPublish: g
+}, y = ({
+  isOpen: a,
+  onCancel: t,
+  onConfirm: c,
+  title: d,
+  message: s
+}) => a ? /* @__PURE__ */ l("div", { className: o.modalOverlay, children: /* @__PURE__ */ n(
+  "div",
+  {
+    className: o.modalContainer,
+    onClick: (i) => i.stopPropagation(),
+    children: [
+      /* @__PURE__ */ n("div", { className: o.modalHeader, children: [
+        /* @__PURE__ */ n(
+          "svg",
+          {
+            className: o.modalIconCheck,
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ l("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ l("path", { d: "m9 12 2 2 4-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l("h2", { className: o.modalTitle, children: d })
+      ] }),
+      /* @__PURE__ */ l("p", { className: o.modalMessage, children: s }),
+      /* @__PURE__ */ n("div", { className: o.modalActions, children: [
+        /* @__PURE__ */ n(
+          "button",
+          {
+            className: `${o.modalButton} ${o.modalButtonCancel}`,
+            onClick: t,
+            children: [
+              /* @__PURE__ */ n(
+                "svg",
+                {
+                  className: o.modalIconCancel,
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ l("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                    /* @__PURE__ */ l("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                  ]
+                }
+              ),
+              e("cancel")
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            className: `${o.modalButton} ${o.modalButtonPublish}`,
+            onClick: c,
+            children: [
+              /* @__PURE__ */ l(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ l("polyline", { points: "20 6 9 17 4 12" })
+                }
+              ),
+              e("ok")
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+) }) : null;
+export {
+  y as PassportConfirmationModal
+};

package/dist/components/{ErrorModal/ErrorModal.stories.d.ts → PassportConfirmationModal/PassportConfirmationModal.stories.d.ts}

@@ -16,3 +16,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const RTL: Story;
+//# sourceMappingURL=PassportConfirmationModal.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportConfirmationModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportConfirmationModal/PassportConfirmationModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAiBvD,QAAA,MAAM,IAAI;;2BAd2C;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE;;;;;;;;CAwBd,CAAC;AAE1D,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC"}

package/dist/components/PassportDatePicker/PassportDatePicker.d.ts

@@ -0,0 +1,3 @@
+import { PassportDatePickerProps } from './PassportDatePicker.types';
+export declare function PassportDatePicker({ label, value, handleChange, maxDate, minDate, width, fullWidth, sx, isRtl, }: PassportDatePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportDatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDatePicker/PassportDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,YAAY,EACZ,OAAO,EACP,OAAO,EACP,KAAW,EACX,SAAiB,EACjB,EAAE,EACF,KAAa,GACd,EAAE,uBAAuB,2CA+BzB"}