@hybridcore/ui 1.4.10 → 1.4.12

package/dist/components/access/index.js

@@ -1,15 +1,17 @@
-import { jsx as m } from "react/jsx-runtime";
-import { a as f } from "../../helpers-B4UL9NMD.js";
+import { jsx as f } from "react/jsx-runtime";
+import { a as m } from "../../helpers-B4UL9NMD.js";
 import n from "lodash";
 import { Loading as d } from "../loading/index.js";
-const A = ({
+function x({
   pagePath: s,
   feature: o,
   appRoles: t,
   fallback: i,
   loading: e = !1,
   children: r
-}) => (s && (s = s.split("/").slice(1)[0] || "dashboard", s === "dashboard" ? o = "MAIN" : s === "agent-based-simulations" ? o = "SIMULATION" : o = n.toUpper(n.snakeCase(s))), s && e ? /* @__PURE__ */ m(d, { show: !0, position: "fixed", top: 0, left: 0, zIndex: 99999 }) : o && f(o, t) && r ? r : i || null);
+}) {
+  return s && (s = s.split("/").slice(1)[0] || "dashboard", s === "dashboard" ? o = "MAIN" : s === "agent-based-simulations" ? o = "SIMULATION" : o = n.toUpper(n.snakeCase(s))), s && e ? /* @__PURE__ */ f(d, { show: !0, position: "fixed", top: 0, left: 0, zIndex: 99999 }) : o && m(o, t) && r ? r : i || null;
+}
 export {
-  A as Access
+  x as Access
 };

package/dist/components/template-property-filters/property.js

@@ -1,38 +1,40 @@
-import { jsx as t, jsxs as u, Fragment as T } from "react/jsx-runtime";
-import { useState as Y } from "react";
+import { jsx as t, jsxs as u, Fragment as F } from "react/jsx-runtime";
+import { useState as S } from "react";
 import r from "dayjs";
-import { RadioButtonUnchecked as D, CheckCircle as L, KeyboardArrowUp as B, KeyboardArrowDown as W } from "@mui/icons-material";
-import { Typography as M, FormLabel as z, FormGroup as $, Button as j } from "@mui/material";
-import { DatePicker as P } from "@mui/x-date-pickers";
+import { RadioButtonUnchecked as T, CheckCircle as Y, KeyboardArrowUp as D, KeyboardArrowDown as B } from "@mui/icons-material";
+import { Typography as y, FormLabel as W, FormGroup as z, Button as $ } from "@mui/material";
+import { DatePicker as M } from "@mui/x-date-pickers";
 import { T as b } from "../../TextField-D87qTh1k.js";
 import { B as h } from "../../Box-BPyg-Ybm.js";
-import { F as k } from "../../FormControlLabel-D9KFjcIx.js";
-import { C as w } from "../../Checkbox-qy3cjvnb.js";
-import { F as A } from "../../InputLabel-CWkW8NtU.js";
+import { F as O } from "../../FormControlLabel-D9KFjcIx.js";
+import { C as P } from "../../Checkbox-qy3cjvnb.js";
+import { F as j } from "../../InputLabel-CWkW8NtU.js";
 function X({
   property: e,
-  value: l,
+  value: a,
   size: s = "medium",
   variant: d,
   onChange: x
 }) {
-  var g, I, V, C, y;
-  const c = (o) => (n) => {
-    let a = { ...l };
+  var g, I, V, C, L;
+  const f = (o) => (n) => {
+    let l = { ...a };
     const i = n.target.type === "checkbox" ? n.target.checked : n.target.value;
-    a[o] = String(i), x({
-      [n.target.name]: a
+    l[o] = String(i), x({
+      [n.target.name]: l
     });
-  }, F = (o) => {
-    var f;
-    const n = { ...l }, { value: a, checked: i, name: m } = o.target;
-    i ? (n.list || (n.list = []), n.list.push(a)) : n.list = (f = n.list) == null ? void 0 : f.filter((S) => S !== a), x({
+  }, k = (o) => {
+    var c;
+    const n = { ...a }, { value: l, checked: i, name: m } = o.target;
+    i ? (n.atLeastOneOf || (n.atLeastOneOf = []), n.atLeastOneOf.push(l)) : n.atLeastOneOf = (c = n.atLeastOneOf) == null ? void 0 : c.filter(
+      (w) => w !== l
+    ), x({
       [m]: n
     });
   }, p = (o) => (n) => {
-    let a = { ...l };
-    a[o] = r(n).format("YYYY-MM-DD"), x({
-      [e.propertyId]: a
+    let l = { ...a };
+    l[o] = r(n).format("YYYY-MM-DD"), x({
+      [e.propertyId]: l
     });
   };
   if (["string", "text", "list"].includes(e.type))
@@ -41,9 +43,9 @@ function X({
       {
         label: e.name,
         name: e.propertyId,
-        value: l.exact ?? e.defaultValue ?? "",
+        value: a.exact ?? e.defaultValue ?? "",
         size: s,
-        onChange: c("exact"),
+        onChange: f("exact"),
         variant: d,
         type: "text",
         multiline: e.type === "text",
@@ -62,9 +64,9 @@ function X({
         {
           label: `${e.name} (Min)`,
           name: e.propertyId,
-          value: l.min ?? e.defaultValue ?? "",
+          value: a.min ?? e.defaultValue ?? "",
           size: s,
-          onChange: c("min"),
+          onChange: f("min"),
           variant: d,
           type: "number",
           disabled: !e.editable,
@@ -74,15 +76,15 @@ function X({
           }
         }
       ),
-      /* @__PURE__ */ t(M, { px: 1, children: "-" }),
+      /* @__PURE__ */ t(y, { px: 1, children: "-" }),
       /* @__PURE__ */ t(
         b,
         {
           label: `${e.name} (Max)`,
           name: e.propertyId,
-          value: l.max ?? e.defaultValue ?? "",
+          value: a.max ?? e.defaultValue ?? "",
           size: s,
-          onChange: c("max"),
+          onChange: f("max"),
           variant: d,
           type: "number",
           disabled: !e.editable,
@@ -94,13 +96,13 @@ function X({
       )
     ] });
   if (e.type === "date") {
-    const o = "DD/MM/YYYY", n = "YYYY-MM-DD", a = l.min && r(l.min, n, !0).isValid() ? r(l.min, n) : null, i = l.max && r(l.max, n, !0).isValid() ? r(l.max, n) : null;
+    const o = "DD/MM/YYYY", n = "YYYY-MM-DD", l = a.min && r(a.min, n, !0).isValid() ? r(a.min, n) : null, i = a.max && r(a.max, n, !0).isValid() ? r(a.max, n) : null;
     return /* @__PURE__ */ u(h, { mb: 2, display: "flex", alignItems: "end", children: [
       /* @__PURE__ */ t(
-        P,
+        M,
         {
           label: `${e.name} (Min)`,
-          value: a,
+          value: l,
           format: o,
           views: ["year", "month", "day"],
           slotProps: {
@@ -116,14 +118,14 @@ function X({
           onChange: p("min")
         }
       ),
-      /* @__PURE__ */ t(M, { px: 1, children: "-" }),
+      /* @__PURE__ */ t(y, { px: 1, children: "-" }),
       /* @__PURE__ */ t(
-        P,
+        M,
         {
           label: `${e.name} (Max)`,
           value: i,
           format: o,
-          minDate: a !== null ? a : void 0,
+          minDate: l !== null ? l : void 0,
           views: ["year", "month", "day"],
           slotProps: {
             textField: {
@@ -142,18 +144,18 @@ function X({
   }
   if (e.type === "boolean")
     return /* @__PURE__ */ t(h, { mb: 2, children: /* @__PURE__ */ t(
-      k,
+      O,
       {
         label: e.name,
         control: /* @__PURE__ */ t(
-          w,
+          P,
           {
             size: s,
             name: e.propertyId,
-            checked: !!l,
-            icon: /* @__PURE__ */ t(D, {}),
-            checkedIcon: /* @__PURE__ */ t(L, {}),
-            onChange: c("exact")
+            checked: !!a,
+            icon: /* @__PURE__ */ t(T, {}),
+            checkedIcon: /* @__PURE__ */ t(Y, {}),
+            onChange: f("exact")
           }
         ),
         slotProps: {
@@ -164,23 +166,23 @@ function X({
       }
     ) });
   if (e.type === "enum" || e.type === "composite-list" && ((I = (g = e.dataTypeInfo) == null ? void 0 : g.innerType) == null ? void 0 : I.type) === "enum") {
-    const [o, n] = Y(!1), a = 10;
+    const [o, n] = S(!1), l = 10;
     let i = [];
-    return (V = e.dataTypeInfo) != null && V.enumValues && (i = e.dataTypeInfo.enumValues), (y = (C = e.dataTypeInfo) == null ? void 0 : C.innerType) != null && y.enumValues && (i = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ u(h, { mb: 2, children: [
-      /* @__PURE__ */ u(A, { fullWidth: !0, component: "fieldset", variant: d, children: [
-        /* @__PURE__ */ t(z, { component: "legend", sx: { mb: 1 }, children: e.name }),
-        /* @__PURE__ */ t($, { children: i.slice(0, o ? 9999 : a).map((m, f) => /* @__PURE__ */ t(
-          k,
+    return (V = e.dataTypeInfo) != null && V.enumValues && (i = e.dataTypeInfo.enumValues), (L = (C = e.dataTypeInfo) == null ? void 0 : C.innerType) != null && L.enumValues && (i = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ u(h, { mb: 2, children: [
+      /* @__PURE__ */ u(j, { fullWidth: !0, component: "fieldset", variant: d, children: [
+        /* @__PURE__ */ t(W, { component: "legend", sx: { mb: 1 }, children: e.name }),
+        /* @__PURE__ */ t(z, { children: i.slice(0, o ? 9999 : l).map((m, c) => /* @__PURE__ */ t(
+          O,
           {
             label: m,
             control: /* @__PURE__ */ t(
-              w,
+              P,
               {
                 name: e.propertyId,
                 value: m,
                 size: "small",
-                checked: l.list ? l.list.includes(m) : !1,
-                onChange: F
+                checked: a.atLeastOneOf ? a.atLeastOneOf.includes(m) : !1,
+                onChange: k
               }
             ),
             componentsProps: {
@@ -189,15 +191,15 @@ function X({
               }
             }
           },
-          f
+          c
         )) })
       ] }),
-      i.length > a && /* @__PURE__ */ u(
-        j,
+      i.length > l && /* @__PURE__ */ u(
+        $,
         {
           size: "small",
           sx: { p: 0, textTransform: "none" },
-          endIcon: o ? /* @__PURE__ */ t(B, {}) : /* @__PURE__ */ t(W, {}),
+          endIcon: o ? /* @__PURE__ */ t(D, {}) : /* @__PURE__ */ t(B, {}),
           onClick: () => n((m) => !m),
           children: [
             "Show ",
@@ -207,7 +209,7 @@ function X({
       )
     ] });
   }
-  return /* @__PURE__ */ t(T, {});
+  return /* @__PURE__ */ t(F, {});
 }
 export {
   X as default

package/dist/main.d.ts

@@ -15,15 +15,17 @@ import { Feature } from 'ol';
 import { Geometry } from 'ol/geom';
 import { GridActionsCellItemProps } from '@mui/x-data-grid';
 import { IconButtonProps } from '@mui/material/IconButton';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LocalizationProvider } from '@mui/x-date-pickers';
 import { Pixel } from 'ol/pixel';
+import { ReactNode } from 'react';
 import { Size } from 'ol/size';
 import { SxProps } from '@mui/material';
 import { SxProps as SxProps_2 } from '@mui/material/styles';
 import { Theme } from '@mui/material/styles';
 import { View } from 'ol';
 
-export declare const Access: React.FC<Props>;
+export declare function Access<T extends string>({ pagePath, feature, appRoles, fallback, loading, children, }: Props<T>): string | number | true | Iterable<ReactNode> | JSX_2.Element | null;
 
 declare type AccessType = "READ" | "ALL" | "SUPER_ADMIN";
 
@@ -512,7 +514,7 @@ declare type OrientationType_2 = "portrait" | "landscape";
 
 export declare const PhoneInput: React.FC<Props_9>;
 
-declare interface Props {
+declare interface Props<T extends string> {
     /**
      *
      */
@@ -528,7 +530,7 @@ declare interface Props {
     /**
      *
      */
-    feature?: AUTH.ModuleType;
+    feature?: FeatureType | T;
     /**
      *
      */
@@ -1068,7 +1070,7 @@ declare namespace FV {
     min?: string;
     max?: string;
     exact?: string;
-    list?: string[];
+    atLeastOneOf?: Array<string | number>;
   }
 
   interface SearchResults {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.4.10",
+  "version": "1.4.12",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",