@amateescu/portal-ui-components 0.0.47 → 0.0.49

package/dist/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.types.d.ts

@@ -0,0 +1,37 @@
+import { FreeSearch } from '../PassportFilter.types';
+import { PassportFilterFreeTextButtonsProps } from '../PassportFilterFreeTextButtons/PassportFilterFreeTextButtons.types';
+export interface ValidationError {
+    field: string;
+    messages: string[];
+}
+export interface PassportFilterFreeTextFilterProps {
+    /** Active free text filters */
+    freeTextFilters: FreeSearch[];
+    addFreeTextFilter: (value: FreeSearch) => void;
+    removeFreeTextFilter: (field: string) => void;
+    updateFreeTextFilter: (field: string, value: string) => void;
+    /** Available free search fields */
+    relevantFreeSearch: FreeSearch[];
+    setRelevantFreeSearch: (value: FreeSearch[]) => void;
+    updateRelevantFreeSearch: (field: string, value: string) => void;
+    checkRelevantFreeSearch: (field: string) => void;
+    uncheckRelevantFreeSearch: (field: string) => void;
+    /** Source filter free search definitions */
+    filterFreeSearch: FreeSearch[];
+    setFilterFreeSearch: (value: FreeSearch[]) => void;
+    /** Dropdown values keyed by field name */
+    dropdownValues?: Record<string, string[]>;
+    /** Search placeholder text */
+    searchPlaceholder?: string;
+    /** Cancel button label */
+    cancelLabel?: string;
+    /** Apply button label */
+    applyLabel?: string;
+    /** Custom checked icon */
+    checkedIcon?: React.ReactNode;
+    /** Custom unchecked icon */
+    uncheckedIcon?: React.ReactNode;
+    /** Props forwarded to PassportFilterFreeTextButtons (filterCategories, setFilterCategories, translate, removeIcon) */
+    freeTextButtonsProps?: Partial<Pick<PassportFilterFreeTextButtonsProps, 'filterCategories' | 'setFilterCategories' | 'translate' | 'removeIcon'>>;
+}
+//# sourceMappingURL=PassportFilterFreeTextFilter.types.d.ts.map

package/dist/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportFilterFreeTextFilter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,kCAAkC,EAAE,MAAM,sEAAsE,CAAC;AAE1H,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,iCAAiC;IAChD,+BAA+B;IAC/B,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,iBAAiB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/C,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,mCAAmC;IACnC,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,qBAAqB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACrD,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,yBAAyB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,4CAA4C;IAC5C,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAC/B,mBAAmB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACnD,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAC1C,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4BAA4B;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,sHAAsH;IACtH,oBAAoB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,kCAAkC,EAAE,kBAAkB,GAAG,qBAAqB,GAAG,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC;CACnJ"}

package/dist/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.d.ts

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

package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportFilterSelectionList.d.ts","sourceRoot":"","sources":["../../../../src/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AAEvF,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CA2I3E,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.js

@@ -0,0 +1,180 @@
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { C as R, a as j } from "../../../CheckBox-D9YmAV-l.js";
+import { C as y } from "../../../Clear-B32X2R1T.js";
+import { S as A } from "../../../Search-DnJ3yLMg.js";
+import { TextField as B, InputAdornment as C, Checkbox as F } from "@mui/material";
+import * as S from "react";
+import { useState as v, useCallback as O } from "react";
+import { L as V, a as D } from "../../../listItemButtonClasses-BLTBU8Yh.js";
+import { L as E } from "../../../ListItem-1DiNy9oq.js";
+import { L as M, a as U } from "../../../ListItemText-VX0lo95z.js";
+import { u as W, s as z, c as _, f as $, m as q, P as o } from "../../../DefaultPropsProvider-BQx1AiAq.js";
+import { g as G } from "../../../listItemIconClasses-B_UAYnw7.js";
+const H = (e) => {
+  const {
+    alignItems: r,
+    classes: n
+  } = e;
+  return $({
+    root: ["root", r === "flex-start" && "alignItemsFlexStart"]
+  }, G, n);
+}, J = z("div", {
+  name: "MuiListItemIcon",
+  slot: "Root",
+  overridesResolver: (e, r) => {
+    const {
+      ownerState: n
+    } = e;
+    return [r.root, n.alignItems === "flex-start" && r.alignItemsFlexStart];
+  }
+})(q(({
+  theme: e
+}) => ({
+  minWidth: 56,
+  color: (e.vars || e).palette.action.active,
+  flexShrink: 0,
+  display: "inline-flex",
+  variants: [{
+    props: {
+      alignItems: "flex-start"
+    },
+    style: {
+      marginTop: 8
+    }
+  }]
+}))), L = /* @__PURE__ */ S.forwardRef(function(r, n) {
+  const d = W({
+    props: r,
+    name: "MuiListItemIcon"
+  }), {
+    className: u,
+    ...p
+  } = d, f = S.useContext(V), c = {
+    ...d,
+    alignItems: f.alignItems
+  }, h = H(c);
+  return /* @__PURE__ */ s(J, {
+    className: _(h.root, u),
+    ownerState: c,
+    ref: n,
+    ...p
+  });
+});
+process.env.NODE_ENV !== "production" && (L.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component, normally `Icon`, `SvgIcon`,
+   * or a `@mui/icons-material` SVG icon element.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+const ae = ({
+  category: e,
+  setReportFilterOptions: r,
+  translate: n = (c) => c,
+  searchPlaceholder: d = "Search",
+  allLabel: u = "All",
+  checkedIcon: p = /* @__PURE__ */ s(R, {}),
+  uncheckedIcon: f = /* @__PURE__ */ s(j, {})
+}) => {
+  const [c, h] = v(!1), [x, I] = v(""), k = (t) => {
+    I(t.target.value), h(t.target.value !== "");
+  }, w = () => {
+    I("");
+  }, g = (t) => t.translatable ? n(t.text) : t.text, T = O(
+    (t, m) => {
+      if (!e.singleSelection && t === 0) {
+        const i = e.options.some((l) => !l.selected);
+        r((l) => ({
+          ...l,
+          filterCategories: l.filterCategories?.map(
+            (a) => a.categoryName === e.categoryName ? {
+              ...a,
+              options: e.options.map((P) => ({ ...P, selected: i }))
+            } : a
+          )
+        }));
+      } else
+        r((i) => ({
+          ...i,
+          filterCategories: i.filterCategories?.map(
+            (l) => l.categoryName === e.categoryName ? {
+              ...l,
+              options: e.options.map(
+                (a) => a.value === m.value ? { ...a, selected: !a.selected } : e.singleSelection ? { ...a, selected: !1 } : a
+              )
+            } : l
+          )
+        }));
+    },
+    [e]
+  ), N = e.singleSelection ? e.options : [{ text: "All", value: u, selected: !1, translatable: !0 }, ...e.options];
+  return /* @__PURE__ */ b("div", { children: [
+    /* @__PURE__ */ s(
+      B,
+      {
+        size: "small",
+        fullWidth: !0,
+        variant: "outlined",
+        onChange: k,
+        value: x,
+        placeholder: d,
+        sx: {
+          width: "100%",
+          borderRadius: "50px",
+          border: "none",
+          bgcolor: "var(--color-light-gray-blue)",
+          "& fieldset": { border: "none" }
+        },
+        slotProps: {
+          input: {
+            startAdornment: /* @__PURE__ */ s(C, { position: "start", children: /* @__PURE__ */ s(A, {}) }),
+            endAdornment: c ? /* @__PURE__ */ s(C, { sx: { cursor: "pointer" }, position: "end", onClick: w, children: /* @__PURE__ */ s(y, {}) }) : null
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ s(D, { sx: { width: "100%", borderRadius: "8px", bgcolor: "var(--color-background-secondary)", marginTop: "10px" }, disablePadding: !0, children: N.filter(
+      (t, m) => m === 0 && !e.singleSelection || !x || g(t).toLowerCase().includes(x.toLowerCase())
+    ).map((t, m) => {
+      const i = `checkbox-list-label-${t.text}`;
+      return /* @__PURE__ */ s(E, { disablePadding: !0, children: /* @__PURE__ */ b(M, { onClick: () => T(m, t), dense: !0, children: [
+        /* @__PURE__ */ s(U, { id: i, primary: g(t) }),
+        /* @__PURE__ */ s(L, { children: /* @__PURE__ */ s(
+          F,
+          {
+            edge: "start",
+            icon: f,
+            checkedIcon: p,
+            checked: m === 0 && !e.singleSelection ? e.options.every((l) => l.selected) : t.selected,
+            tabIndex: -1,
+            disableFocusRipple: !0,
+            slotProps: {
+              input: {
+                "aria-labelledby": i
+              }
+            }
+          }
+        ) })
+      ] }) }, t.value);
+    }) })
+  ] });
+};
+export {
+  ae as default
+};

package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.types.d.ts

@@ -0,0 +1,17 @@
+import { Dispatch, SetStateAction } from 'react';
+import { SelectionCategory, ReportFilterOptions } from '../PassportFilter.types';
+export interface PassportFilterSelectionListProps {
+    category: SelectionCategory;
+    setReportFilterOptions: Dispatch<SetStateAction<ReportFilterOptions>>;
+    /** Translate function for option text and labels */
+    translate?: (key: string) => string;
+    /** Search placeholder text */
+    searchPlaceholder?: string;
+    /** Label for "All" option */
+    allLabel?: string;
+    /** Custom checked icon */
+    checkedIcon?: React.ReactNode;
+    /** Custom unchecked icon */
+    uncheckedIcon?: React.ReactNode;
+}
+//# sourceMappingURL=PassportFilterSelectionList.types.d.ts.map

package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportFilterSelectionList.types.d.ts","sourceRoot":"","sources":["../../../../src/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEjF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,sBAAsB,EAAE,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACtE,oDAAoD;IACpD,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4BAA4B;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC"}

package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportInput/PassportInput.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { C as d } from "../../Clear-Bz9hw2Wj.js";
-import { S as p } from "../../Search-D_9Ptbky.js";
+import { C as d } from "../../Clear-B32X2R1T.js";
+import { S as p } from "../../Search-DnJ3yLMg.js";
 import { TextField as a, InputAdornment as n } from "@mui/material";
 function f({
   label: e,

package/dist/components/PassportMultiSelect/PassportMultiSelect.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { C as d } from "../../Clear-Bz9hw2Wj.js";
+import { C as d } from "../../Clear-B32X2R1T.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: {