@amateescu/portal-ui-components 0.0.38 → 0.0.40

package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js

@@ -0,0 +1,76 @@
+import { jsx as l, jsxs as h } from "react/jsx-runtime";
+import { Autocomplete as g, TextField as k, Checkbox as v } from "@mui/material";
+import { C, a as O } from "../../CheckBox-B3iprBDG.js";
+const S = /* @__PURE__ */ l(O, { fontSize: "small" }), I = /* @__PURE__ */ l(C, { fontSize: "small" });
+function B({
+  label: i,
+  data: s,
+  handleChange: n,
+  fullWidth: a = !1,
+  values: c = [],
+  disabled: u = !1,
+  isRtl: p = !1,
+  width: d = 300,
+  placeholder: m,
+  ...x
+}) {
+  const b = s?.filter((e) => c.includes(e.value)) ?? [];
+  return /* @__PURE__ */ l(
+    g,
+    {
+      ...x,
+      multiple: !0,
+      fullWidth: a,
+      size: "small",
+      disablePortal: !0,
+      disabled: u,
+      options: s ?? [],
+      value: b,
+      disableCloseOnSelect: !0,
+      getOptionLabel: (e) => e.label,
+      isOptionEqualToValue: (e, o) => e.value === o.value,
+      sx: {
+        width: a ? "100%" : d,
+        "& fieldset": {
+          borderRadius: "8px",
+          border: "1px solid var(--color-gray)"
+        },
+        "&:hover fieldset": {
+          borderRadius: "8px"
+        },
+        marginRight: p ? "10px" : "0px",
+        bgcolor: "var(--color-background)"
+      },
+      onChange: (e, o) => {
+        const t = o.map((r) => r.value);
+        n(t);
+      },
+      renderOption: (e, o, { selected: t }) => {
+        const { key: r, ...f } = e;
+        return /* @__PURE__ */ h("li", { ...f, children: [
+          /* @__PURE__ */ l(
+            v,
+            {
+              icon: S,
+              checkedIcon: I,
+              style: { marginRight: 8 },
+              checked: t
+            }
+          ),
+          o.label
+        ] }, r);
+      },
+      renderInput: (e) => /* @__PURE__ */ l(
+        k,
+        {
+          ...e,
+          label: i,
+          placeholder: m
+        }
+      )
+    }
+  );
+}
+export {
+  B as PassportSearchableMultiSelect
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportSearchableMultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkDvD,QAAA,MAAM,IAAI;;wDA5BP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;;;;;;;;;;;CAoC4D,CAAC;AAE9D,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,KAmB7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { AutocompleteProps } from '@mui/material';
+export interface PassportSearchableMultiSelectOption {
+    value: string;
+    label: string;
+}
+export interface PassportSearchableMultiSelectProps extends Omit<AutocompleteProps<PassportSearchableMultiSelectOption, true, false, false>, 'label' | 'onChange' | 'value' | 'renderInput' | 'options' | 'multiple'> {
+    label: string;
+    handleChange: (values: string[]) => void;
+    data?: PassportSearchableMultiSelectOption[];
+    fullWidth?: boolean;
+    values?: string[];
+    disabled?: boolean;
+    isRtl?: boolean;
+    width?: number;
+    placeholder?: string;
+}
+//# sourceMappingURL=PassportSearchableMultiSelect.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportSearchableMultiSelect.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,mCAAmC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kCACf,SAAQ,IAAI,CACV,iBAAiB,CACf,mCAAmC,EACnC,IAAI,EACJ,KAAK,EACL,KAAK,CACN,EACD,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CACxE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,mCAAmC,EAAE,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportSearchableMultiSelectDetailed.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,0CAA0C,EAC3C,MAAM,+CAA+C,CAAC;AAKvD,wBAAgB,qCAAqC,CAAC,EACpD,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,SAAiB,EACjB,MAAW,EACX,QAAgB,EAChB,KAAa,EACb,KAAW,EACX,WAAW,EACX,GAAG,IAAI,EACR,EAAE,0CAA0C,2CA0E5C"}

package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js

@@ -0,0 +1,100 @@
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { Autocomplete as v, TextField as I, Checkbox as k, Box as y, Typography as i } from "@mui/material";
+import { C as S, a as C } from "../../CheckBox-B3iprBDG.js";
+const O = /* @__PURE__ */ o(C, { fontSize: "small" }), z = /* @__PURE__ */ o(S, { fontSize: "small" });
+function P({
+  label: c,
+  data: a,
+  handleChange: d,
+  fullWidth: s = !1,
+  values: p = [],
+  disabled: x = !1,
+  isRtl: u = !1,
+  width: m = 300,
+  placeholder: f,
+  ...h
+}) {
+  const b = a?.filter((e) => p.includes(e.value)) ?? [];
+  return /* @__PURE__ */ o(
+    v,
+    {
+      ...h,
+      multiple: !0,
+      fullWidth: s,
+      size: "small",
+      disablePortal: !0,
+      disabled: x,
+      options: a ?? [],
+      value: b,
+      disableCloseOnSelect: !0,
+      getOptionLabel: (e) => e.label,
+      isOptionEqualToValue: (e, l) => e.value === l.value,
+      sx: {
+        width: s ? "100%" : m,
+        "& fieldset": {
+          borderRadius: "8px",
+          border: "1px solid var(--color-gray)"
+        },
+        "&:hover fieldset": {
+          borderRadius: "8px"
+        },
+        marginRight: u ? "10px" : "0px",
+        bgcolor: "var(--color-background)"
+      },
+      onChange: (e, l) => {
+        const t = l.map((n) => n.value);
+        d(t);
+      },
+      renderOption: (e, l, { selected: t }) => {
+        const { key: n, ...g } = e;
+        return /* @__PURE__ */ r("li", { ...g, children: [
+          /* @__PURE__ */ o(
+            k,
+            {
+              icon: O,
+              checkedIcon: z,
+              style: { marginRight: 8 },
+              checked: t
+            }
+          ),
+          /* @__PURE__ */ r(y, { sx: { display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ o(
+              i,
+              {
+                component: "span",
+                sx: { fontWeight: 500, fontSize: "0.875rem" },
+                children: l.label
+              }
+            ),
+            /* @__PURE__ */ r(
+              i,
+              {
+                component: "span",
+                sx: { fontSize: "0.75rem", color: "text.secondary" },
+                children: [
+                  "Id: ",
+                  l.id,
+                  l.externalId !== void 0 && l.externalId !== "" && /* @__PURE__ */ r("span", { style: { marginLeft: 8 }, children: [
+                    "External ID: ",
+                    l.externalId
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ] }, n);
+      },
+      renderInput: (e) => /* @__PURE__ */ o(
+        I,
+        {
+          ...e,
+          label: c,
+          placeholder: f
+        }
+      )
+    }
+  );
+}
+export {
+  P as PassportSearchableMultiSelectDetailed
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportSearchableMultiSelectDetailed.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkDvD,QAAA,MAAM,IAAI;;wDA5BP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;;;;;;;;;;;CAoCoE,CAAC;AAEtE,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,KAmB7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA0BhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC"}

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

@@ -0,0 +1,19 @@
+import { AutocompleteProps } from '@mui/material';
+export interface PassportSearchableMultiSelectDetailedOption {
+    value: string;
+    label: string;
+    id: string | number;
+    externalId?: string | number;
+}
+export interface PassportSearchableMultiSelectDetailedProps extends Omit<AutocompleteProps<PassportSearchableMultiSelectDetailedOption, true, false, false>, 'label' | 'onChange' | 'value' | 'renderInput' | 'options' | 'multiple'> {
+    label: string;
+    handleChange: (values: string[]) => void;
+    data?: PassportSearchableMultiSelectDetailedOption[];
+    fullWidth?: boolean;
+    values?: string[];
+    disabled?: boolean;
+    isRtl?: boolean;
+    width?: number;
+    placeholder?: string;
+}
+//# sourceMappingURL=PassportSearchableMultiSelectDetailed.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportSearchableMultiSelectDetailed.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,2CAA2C;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,0CACf,SAAQ,IAAI,CACV,iBAAiB,CACf,2CAA2C,EAC3C,IAAI,EACJ,KAAK,EACL,KAAK,CACN,EACD,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CACxE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,2CAA2C,EAAE,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportTreeSelect/PassportTreeSelect.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportTreeSelect.d.ts","sourceRoot":"","sources":["../../../src/components/PassportTreeSelect/PassportTreeSelect.tsx"],"names":[],"mappings":"AAoBA,OAAO,EACL,uBAAuB,EAExB,MAAM,4BAA4B,CAAC;AAiBpC,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,SAAiB,EACjB,MAAW,EACX,QAAgB,EAChB,KAAa,EACb,KAAW,EACX,WAAyB,EACzB,SAAe,GAChB,EAAE,uBAAuB,2CA8YzB"}