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

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"}