@amateescu/portal-ui-components 0.0.47 → 0.0.49

package/dist/components/PassportPagination/PassportPagination.js

@@ -1,11 +1,13 @@
-import { jsx as s, jsxs as ot } from "react/jsx-runtime";
+import { jsx as s, jsxs as et } from "react/jsx-runtime";
 import { PaginationItem as at } from "@mui/material";
 import * as c from "react";
-import { g as J, a as K, u as Q, s as B, c as W, b as h, e as X, m as F, P as e } from "../../DefaultPropsProvider-ByENA_w0.js";
-import { u as rt, a as nt, b as R } from "../../useSlot-Bm5YJQBR.js";
+import { b as J, g as K, u as Q, s as B, c as W, e as h, f as X, m as F, P as o } from "../../DefaultPropsProvider-BQx1AiAq.js";
+import { u as rt } from "../../index-DfCFE9GG.js";
 import { c as D } from "../../createSimplePaletteValueFilter-Bz8RuRaa.js";
-import { c as j } from "../../createSvgIcon-D5xeIEZ_.js";
-import { B as st } from "../../ButtonBase-DV7q7wxh.js";
+import { c as j } from "../../createSvgIcon-Crk7qT6j.js";
+import { u as R } from "../../useSlot-B1oIMjd_.js";
+import { B as nt } from "../../ButtonBase-ugYh038t.js";
+import { u as st } from "../../useControlled-D1L5tREc.js";
 import { i as N } from "../../integerPropType-BihGt2aU.js";
 function it(t) {
   return J("MuiPagination", t);
@@ -13,7 +15,7 @@ function it(t) {
 K("MuiPagination", ["root", "ul", "outlined", "text"]);
 function lt(t = {}) {
   const {
-    boundaryCount: o = 1,
+    boundaryCount: e = 1,
     componentName: a = "usePagination",
     count: r = 1,
     defaultPage: v = 1,
@@ -26,7 +28,7 @@ function lt(t = {}) {
     showLastButton: $ = !1,
     siblingCount: w = 1,
     ...C
-  } = t, [d, u] = rt({
+  } = t, [d, u] = st({
     controlled: P,
     default: v,
     name: a,
@@ -38,36 +40,36 @@ function lt(t = {}) {
     return Array.from({
       length: I
     }, (A, E) => n + E);
-  }, g = k(1, Math.min(o, r)), z = k(Math.max(r - o + 1, o + 1), r), m = Math.max(
+  }, g = k(1, Math.min(e, r)), z = k(Math.max(r - e + 1, e + 1), r), m = Math.max(
     Math.min(
       // Natural start
       d - w,
       // Lower boundary when page is high
-      r - o - w * 2 - 1
+      r - e - w * 2 - 1
     ),
     // Greater than startPages
-    o + 2
+    e + 2
   ), x = Math.min(
     Math.max(
       // Natural end
       d + w,
       // Upper boundary when page is low
-      o + w * 2 + 2
+      e + w * 2 + 2
     ),
     // Less than endPages
-    r - o - 1
+    r - e - 1
   ), M = [
     ...S ? ["first"] : [],
     ...y ? [] : ["previous"],
     ...g,
     // Start ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...m > o + 2 ? ["start-ellipsis"] : o + 1 < r - o ? [o + 1] : [],
+    ...m > e + 2 ? ["start-ellipsis"] : e + 1 < r - e ? [e + 1] : [],
     // Sibling pages
     ...k(m, x),
     // End ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...x < r - o - 1 ? ["end-ellipsis"] : r - o > o ? [r - o] : [],
+    ...x < r - e - 1 ? ["end-ellipsis"] : r - e > e ? [r - e] : [],
     ...z,
     ...f ? [] : ["next"],
     ...$ ? ["last"] : []
@@ -118,14 +120,14 @@ const l = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
 }), "NavigateBefore"), gt = j(/* @__PURE__ */ s("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "NavigateNext"), Y = (t, o) => {
+}), "NavigateNext"), Y = (t, e) => {
   const {
     ownerState: a
   } = t;
-  return [o.root, o[a.variant], o[`size${h(a.size)}`], a.variant === "text" && o[`text${h(a.color)}`], a.variant === "outlined" && o[`outlined${h(a.color)}`], a.shape === "rounded" && o.rounded, a.type === "page" && o.page, (a.type === "start-ellipsis" || a.type === "end-ellipsis") && o.ellipsis, (a.type === "previous" || a.type === "next") && o.previousNext, (a.type === "first" || a.type === "last") && o.firstLast];
+  return [e.root, e[a.variant], e[`size${h(a.size)}`], a.variant === "text" && e[`text${h(a.color)}`], a.variant === "outlined" && e[`outlined${h(a.color)}`], a.shape === "rounded" && e.rounded, a.type === "page" && e.page, (a.type === "start-ellipsis" || a.type === "end-ellipsis") && e.ellipsis, (a.type === "previous" || a.type === "next") && e.previousNext, (a.type === "first" || a.type === "last") && e.firstLast];
 }, vt = (t) => {
   const {
-    classes: o,
+    classes: e,
     color: a,
     disabled: r,
     selected: v,
@@ -145,7 +147,7 @@ const l = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     }[y]],
     icon: ["icon"]
   };
-  return X(P, pt, o);
+  return X(P, pt, e);
 }, ft = B("div", {
   name: "MuiPaginationItem",
   slot: "Root",
@@ -186,7 +188,7 @@ const l = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       fontSize: t.typography.pxToRem(15)
     }
   }]
-}))), yt = B(st, {
+}))), yt = B(nt, {
   name: "MuiPaginationItem",
   slot: "Root",
   overridesResolver: Y
@@ -289,49 +291,49 @@ const l = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
         }
       }
     }
-  }, ...Object.entries(t.palette).filter(D(["dark", "contrastText"])).map(([o]) => ({
+  }, ...Object.entries(t.palette).filter(D(["dark", "contrastText"])).map(([e]) => ({
     props: {
       variant: "text",
-      color: o
+      color: e
     },
     style: {
       [`&.${l.selected}`]: {
-        color: (t.vars || t).palette[o].contrastText,
-        backgroundColor: (t.vars || t).palette[o].main,
+        color: (t.vars || t).palette[e].contrastText,
+        backgroundColor: (t.vars || t).palette[e].main,
         "&:hover": {
-          backgroundColor: (t.vars || t).palette[o].dark,
+          backgroundColor: (t.vars || t).palette[e].dark,
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
-            backgroundColor: (t.vars || t).palette[o].main
+            backgroundColor: (t.vars || t).palette[e].main
           }
         },
         [`&.${l.focusVisible}`]: {
-          backgroundColor: (t.vars || t).palette[o].dark
+          backgroundColor: (t.vars || t).palette[e].dark
         },
         [`&.${l.disabled}`]: {
           color: (t.vars || t).palette.action.disabled
         }
       }
     }
-  })), ...Object.entries(t.palette).filter(D(["light"])).map(([o]) => ({
+  })), ...Object.entries(t.palette).filter(D(["light"])).map(([e]) => ({
     props: {
       variant: "outlined",
-      color: o
+      color: e
     },
     style: {
       [`&.${l.selected}`]: {
-        color: (t.vars || t).palette[o].main,
-        border: `1px solid ${t.alpha((t.vars || t).palette[o].main, 0.5)}`,
-        backgroundColor: t.alpha((t.vars || t).palette[o].main, (t.vars || t).palette.action.activatedOpacity),
+        color: (t.vars || t).palette[e].main,
+        border: `1px solid ${t.alpha((t.vars || t).palette[e].main, 0.5)}`,
+        backgroundColor: t.alpha((t.vars || t).palette[e].main, (t.vars || t).palette.action.activatedOpacity),
         "&:hover": {
-          backgroundColor: t.alpha((t.vars || t).palette[o].main, `${(t.vars || t).palette.action.activatedOpacity} + ${(t.vars || t).palette.action.focusOpacity}`),
+          backgroundColor: t.alpha((t.vars || t).palette[e].main, `${(t.vars || t).palette.action.activatedOpacity} + ${(t.vars || t).palette.action.focusOpacity}`),
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
             backgroundColor: "transparent"
           }
         },
         [`&.${l.focusVisible}`]: {
-          backgroundColor: t.alpha((t.vars || t).palette[o].main, `${(t.vars || t).palette.action.activatedOpacity} + ${(t.vars || t).palette.action.focusOpacity}`)
+          backgroundColor: t.alpha((t.vars || t).palette[e].main, `${(t.vars || t).palette.action.activatedOpacity} + ${(t.vars || t).palette.action.focusOpacity}`)
         }
       }
     }
@@ -359,9 +361,9 @@ const l = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       fontSize: t.typography.pxToRem(22)
     }
   }]
-}))), Z = /* @__PURE__ */ c.forwardRef(function(o, a) {
+}))), Z = /* @__PURE__ */ c.forwardRef(function(e, a) {
   const r = Q({
-    props: o,
+    props: e,
     name: "MuiPaginationItem"
   }), {
     className: v,
@@ -387,7 +389,7 @@ const l = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     size: w,
     type: u,
     variant: L
-  }, z = nt(), m = vt(g), x = {
+  }, z = rt(), m = vt(g), x = {
     slots: {
       previous: C.previous ?? y.previous,
       next: C.next ?? y.next,
@@ -421,7 +423,7 @@ const l = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     next: T,
     first: i,
     last: A
-  }[U], et = {
+  }[U], ot = {
     previous: O,
     next: n,
     first: I,
@@ -432,7 +434,7 @@ const l = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     ownerState: g,
     className: W(m.root, v),
     children: "…"
-  }) : /* @__PURE__ */ ot(yt, {
+  }) : /* @__PURE__ */ et(yt, {
     ref: a,
     ownerState: g,
     component: f,
@@ -440,7 +442,7 @@ const l = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     className: W(m.root, v),
     ...k,
     children: [u === "page" && P, V ? /* @__PURE__ */ s(bt, {
-      ...et,
+      ...ot,
       className: m.icon,
       as: V
     }) : null]
@@ -454,27 +456,27 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
   /**
    * @ignore
    */
-  children: e.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.string,
   /**
    * The active color.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'standard'
    */
-  color: e.oneOfType([e.oneOf(["primary", "secondary", "standard"]), e.string]),
+  color: o.oneOfType([o.oneOf(["primary", "secondary", "standard"]), o.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: o.elementType,
   /**
    * The components used for each slot inside.
    *
@@ -484,88 +486,88 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
    * @default {}
    * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  components: e.shape({
-    first: e.elementType,
-    last: e.elementType,
-    next: e.elementType,
-    previous: e.elementType
+  components: o.shape({
+    first: o.elementType,
+    last: o.elementType,
+    next: o.elementType,
+    previous: o.elementType
   }),
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: o.bool,
   /**
    * The current page number.
    */
-  page: e.node,
+  page: o.node,
   /**
    * If `true` the pagination item is selected.
    * @default false
    */
-  selected: e.bool,
+  selected: o.bool,
   /**
    * The shape of the pagination item.
    * @default 'circular'
    */
-  shape: e.oneOf(["circular", "rounded"]),
+  shape: o.oneOf(["circular", "rounded"]),
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: e.oneOfType([e.oneOf(["small", "medium", "large"]), e.string]),
+  size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.string]),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: e.shape({
-    first: e.oneOfType([e.func, e.object]),
-    last: e.oneOfType([e.func, e.object]),
-    next: e.oneOfType([e.func, e.object]),
-    previous: e.oneOfType([e.func, e.object])
+  slotProps: o.shape({
+    first: o.oneOfType([o.func, o.object]),
+    last: o.oneOfType([o.func, o.object]),
+    next: o.oneOfType([o.func, o.object]),
+    previous: o.oneOfType([o.func, o.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: e.shape({
-    first: e.elementType,
-    last: e.elementType,
-    next: e.elementType,
-    previous: e.elementType
+  slots: o.shape({
+    first: o.elementType,
+    last: o.elementType,
+    next: o.elementType,
+    previous: o.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * The type of pagination item.
    * @default 'page'
    */
-  type: e.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
+  type: o.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: e.oneOfType([e.oneOf(["outlined", "text"]), e.string])
+  variant: o.oneOfType([o.oneOf(["outlined", "text"]), o.string])
 });
 const xt = (t) => {
   const {
-    classes: o,
+    classes: e,
     variant: a
   } = t;
   return X({
     root: ["root", a],
     ul: ["ul"]
-  }, it, o);
+  }, it, e);
 }, mt = B("nav", {
   name: "MuiPagination",
   slot: "Root",
-  overridesResolver: (t, o) => {
+  overridesResolver: (t, e) => {
     const {
       ownerState: a
     } = t;
-    return [o.root, o[a.variant]];
+    return [e.root, e[a.variant]];
   }
 })({}), Pt = B("ul", {
   name: "MuiPagination",
@@ -578,12 +580,12 @@ const xt = (t) => {
   margin: 0,
   listStyle: "none"
 });
-function wt(t, o, a) {
-  return t === "page" ? `${a ? "" : "Go to "}page ${o}` : `Go to ${t} page`;
+function wt(t, e, a) {
+  return t === "page" ? `${a ? "" : "Go to "}page ${e}` : `Go to ${t} page`;
 }
-const tt = /* @__PURE__ */ c.forwardRef(function(o, a) {
+const tt = /* @__PURE__ */ c.forwardRef(function(e, a) {
   const r = Q({
-    props: o,
+    props: e,
     name: "MuiPagination"
   }), {
     boundaryCount: v = 1,
@@ -665,18 +667,18 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.string,
   /**
    * The active color.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'standard'
    */
-  color: e.oneOfType([e.oneOf(["primary", "secondary", "standard"]), e.string]),
+  color: o.oneOfType([o.oneOf(["primary", "secondary", "standard"]), o.string]),
   /**
    * The total number of pages.
    * @default 1
@@ -691,7 +693,7 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: o.bool,
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
@@ -702,24 +704,24 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    * @param {boolean} selected If true, the current page is selected.
    * @returns {string}
    */
-  getItemAriaLabel: e.func,
+  getItemAriaLabel: o.func,
   /**
    * If `true`, hide the next-page button.
    * @default false
    */
-  hideNextButton: e.bool,
+  hideNextButton: o.bool,
   /**
    * If `true`, hide the previous-page button.
    * @default false
    */
-  hidePrevButton: e.bool,
+  hidePrevButton: o.bool,
   /**
    * Callback fired when the page is changed.
    *
    * @param {React.ChangeEvent<unknown>} event The event source of the callback.
    * @param {number} page The page selected.
    */
-  onChange: e.func,
+  onChange: o.func,
   /**
    * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
    */
@@ -730,22 +732,22 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    * @returns {ReactNode}
    * @default (item) => <PaginationItem {...item} />
    */
-  renderItem: e.func,
+  renderItem: o.func,
   /**
    * The shape of the pagination items.
    * @default 'circular'
    */
-  shape: e.oneOf(["circular", "rounded"]),
+  shape: o.oneOf(["circular", "rounded"]),
   /**
    * If `true`, show the first-page button.
    * @default false
    */
-  showFirstButton: e.bool,
+  showFirstButton: o.bool,
   /**
    * If `true`, show the last-page button.
    * @default false
    */
-  showLastButton: e.bool,
+  showLastButton: o.bool,
   /**
    * Number of always visible pages before and after the current page.
    * @default 1
@@ -755,21 +757,21 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    * The size of the component.
    * @default 'medium'
    */
-  size: e.oneOfType([e.oneOf(["small", "medium", "large"]), e.string]),
+  size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: e.oneOfType([e.oneOf(["outlined", "text"]), e.string])
+  variant: o.oneOfType([o.oneOf(["outlined", "text"]), o.string])
 });
 const G = (t) => /* @__PURE__ */ c.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ c.createElement("path", { id: "vector", d: "M17.5 5L10.5 12L17.5 19M7.5 5L7.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), _ = (t) => /* @__PURE__ */ c.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ c.createElement("path", { id: "vector", d: "M7.5 4.99998L14.5 12L7.5 19M17.5 4.99998L17.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), H = (t) => /* @__PURE__ */ c.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), q = (t) => /* @__PURE__ */ c.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
-function zt({
+function It({
   isRtl: t,
-  pageCount: o,
+  pageCount: e,
   page: a,
   onPageChange: r,
   className: v
@@ -780,7 +782,7 @@ function zt({
       showFirstButton: !0,
       showLastButton: !0,
       className: v,
-      count: o,
+      count: e,
       page: a + 1,
       onChange: (p, f) => {
         r(p, f - 1);
@@ -816,5 +818,5 @@ function zt({
   );
 }
 export {
-  zt as PassportPagination
+  It as PassportPagination
 };

package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js

@@ -1,6 +1,6 @@
 import { jsx as l, jsxs as g } from "react/jsx-runtime";
 import { Autocomplete as h, TextField as y, Checkbox as O } from "@mui/material";
-import { C as A, a as S } from "../../CheckBox-YBX2j1qt.js";
+import { C as A, a as S } from "../../CheckBox-D9YmAV-l.js";
 const m = /* @__PURE__ */ l(S, { fontSize: "small" }), C = /* @__PURE__ */ l(A, { fontSize: "small" });
 function P({
   label: u,

package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as l } from "react/jsx-runtime";
 import { Autocomplete as g, TextField as k, Checkbox as S, Box as O, Typography as x } from "@mui/material";
-import { C as z, a as A } from "../../CheckBox-YBX2j1qt.js";
+import { C as z, a as A } from "../../CheckBox-D9YmAV-l.js";
 const B = /* @__PURE__ */ n(A, { fontSize: "small" }), C = /* @__PURE__ */ n(z, { fontSize: "small" });
 function P({
   label: f,