@hybridcore/ui 1.5.7 → 1.5.9

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

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as x } from "react/jsx-runtime";
 import s from "lodash";
-import y from "./property.js";
+import { Property as y } from "./property.js";
 import { Box as c, Typography as I } from "@mui/material";
 import { Accordion as A, AccordionSummary as K, AccordionDetails as N } from "./styled.js";
 const j = ({

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

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as t, Fragment as T } from "react/jsx-runtime";
 import { useState as Y } from "react";
-import c from "dayjs";
+import u from "dayjs";
 import { KeyboardArrowUp as z, KeyboardArrowDown as L } from "@mui/icons-material";
 import { Typography as f, FormLabel as P, FormGroup as D, Button as W } from "@mui/material";
 import { DatePicker as C } from "@mui/x-date-pickers";
@@ -9,13 +9,13 @@ import { T as b } from "../../TextField-BjFXx91l.js";
 import { F as O } from "../../FormControlLabel-BNT5EI0b.js";
 import { C as k } from "../../Checkbox-B0P8LhCl.js";
 import { F as B } from "../../InputLabel-ClDXuWBr.js";
-function R({
+const R = ({
   property: e,
   value: a,
   size: r = "medium",
-  variant: u,
+  variant: c,
   onChange: p
-}) {
+}) => {
   var I, S, y, V, M;
   const h = (l) => (n) => {
     let o = { ...a };
@@ -33,7 +33,7 @@ function R({
     });
   }, g = (l) => (n) => {
     let o = { ...a };
-    o[l] = c(n).format("YYYY-MM-DD"), p({
+    o[l] = u(n).format("YYYY-MM-DD"), p({
       [e.propertyId]: o
     });
   };
@@ -47,7 +47,7 @@ function R({
           value: a.exact ?? e.defaultValue ?? "",
           size: r,
           onChange: h("exact"),
-          variant: u,
+          variant: c,
           type: "text",
           multiline: e.type === "text",
           disabled: !e.editable,
@@ -69,7 +69,7 @@ function R({
             value: a.min ?? e.defaultValue ?? "",
             size: r,
             onChange: h("min"),
-            variant: u,
+            variant: c,
             type: "number",
             disabled: !e.editable,
             fullWidth: !0,
@@ -87,7 +87,7 @@ function R({
             value: a.max ?? e.defaultValue ?? "",
             size: r,
             onChange: h("max"),
-            variant: u,
+            variant: c,
             type: "number",
             disabled: !e.editable,
             fullWidth: !0,
@@ -100,7 +100,7 @@ function R({
       ] })
     ] });
   if (e.type === "date") {
-    const l = "DD/MM/YYYY", n = "YYYY-MM-DD", o = a.min && c(a.min, n, !0).isValid() ? c(a.min, n) : null, i = a.max && c(a.max, n, !0).isValid() ? c(a.max, n) : null;
+    const l = "DD/MM/YYYY", n = "YYYY-MM-DD", o = a.min && u(a.min, n, !0).isValid() ? u(a.min, n) : null, i = a.max && u(a.max, n, !0).isValid() ? u(a.max, n) : null;
     return /* @__PURE__ */ m(d, { mb: 1, children: [
       /* @__PURE__ */ t(f, { variant: "caption", mb: 0.5, display: "block", children: e.name }),
       /* @__PURE__ */ m(d, { display: "flex", alignItems: "center", children: [
@@ -112,7 +112,7 @@ function R({
             views: ["year", "month", "day"],
             slotProps: {
               textField: {
-                variant: u,
+                variant: c,
                 name: e.propertyId,
                 size: r,
                 fullWidth: !0,
@@ -139,7 +139,7 @@ function R({
             views: ["year", "month", "day"],
             slotProps: {
               textField: {
-                variant: u,
+                variant: c,
                 name: e.propertyId,
                 size: r,
                 fullWidth: !0,
@@ -184,7 +184,7 @@ function R({
     const [l, n] = Y(!1), o = 10;
     let i = [];
     return (y = e.dataTypeInfo) != null && y.enumValues && (i = e.dataTypeInfo.enumValues), (M = (V = e.dataTypeInfo) == null ? void 0 : V.innerType) != null && M.enumValues && (i = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ m(d, { children: [
-      /* @__PURE__ */ m(B, { fullWidth: !0, component: "fieldset", variant: u, children: [
+      /* @__PURE__ */ m(B, { fullWidth: !0, component: "fieldset", variant: c, children: [
         /* @__PURE__ */ t(P, { component: "legend", sx: { mb: 1, fontSize: 12 }, children: e.name }),
         /* @__PURE__ */ t(D, { children: i.slice(0, l ? 9999 : o).map((s, x) => /* @__PURE__ */ t(
           O,
@@ -237,7 +237,7 @@ function R({
     ] });
   }
   return /* @__PURE__ */ t(T, {});
-}
+};
 export {
-  R as default
+  R as Property
 };

package/dist/components/treeview-filter/index.js

@@ -1,31 +1,34 @@
-import { jsxs as c, Fragment as d, jsx as t } from "react/jsx-runtime";
-import p from "react";
-import { SimpleTreeView as C } from "@mui/x-tree-view";
-import F from "./item/index.js";
-import u from "lodash";
-import { Box as L, Divider as _ } from "@mui/material";
-import { SearchInput as j } from "../search-input/index.js";
-import { flattenNestedTemplates as z } from "../../utils/ontology.js";
-import { ArrowDropDown as A, ArrowRight as B } from "@mui/icons-material";
+import { jsxs as d, Fragment as p, jsx as t } from "react/jsx-runtime";
+import u from "react";
+import { SimpleTreeView as B } from "@mui/x-tree-view";
+import C from "./item/index.js";
+import a from "lodash";
+import { Box as F, Divider as L } from "@mui/material";
+import { SearchInput as _ } from "../search-input/index.js";
+import { flattenNestedTemplates as j } from "../../utils/ontology.js";
+import { ArrowDropDown as y, ArrowRight as z } from "@mui/icons-material";
 const H = ({
-  data: r,
-  idKey: a = "id",
-  selected: s,
+  data: i,
+  idKey: s = "id",
+  selected: m,
   expanded: f,
-  disabled: m,
+  disabled: c,
   disableSearch: h,
   onChange: S,
   onExpansionToggle: x
 }) => {
-  const [o, i] = p.useState(""), b = z(r), w = p.useMemo(() => o.length > 0 ? b.filter(
-    (e) => e.name.toLowerCase().includes(o)
-  ) : r, [o, r]);
-  let l = null;
+  const [r, o] = u.useState(""), b = j(i), w = u.useMemo(() => r.length > 0 ? a.uniqBy(
+    b.filter(
+      (e) => e.name.toLowerCase().includes(r)
+    ),
+    (e) => e.id
+  ) : i, [r, i]);
+  let n = null;
   const I = 500;
-  return /* @__PURE__ */ c(d, { children: [
-    !h && /* @__PURE__ */ c(d, { children: [
-      /* @__PURE__ */ t(L, { px: 1, pt: 0.75, children: /* @__PURE__ */ t(
-        j,
+  return /* @__PURE__ */ d(p, { children: [
+    !h && /* @__PURE__ */ d(p, { children: [
+      /* @__PURE__ */ t(F, { px: 1, pt: 0.75, children: /* @__PURE__ */ t(
+        _,
         {
           fullWidth: !0,
           disableLabel: !0,
@@ -38,40 +41,40 @@ const H = ({
           },
           iconSize: "small",
           onChange: (e) => {
-            l && clearTimeout(l), l = setTimeout(() => i(e.toLowerCase()), I);
+            n && clearTimeout(n), n = setTimeout(() => o(e.toLowerCase()), I);
           },
           onSubmit: (e) => {
-            i(e || "");
+            o(e || "");
           }
         }
       ) }),
-      /* @__PURE__ */ t(_, { sx: { mt: 1.75 } })
+      /* @__PURE__ */ t(L, { sx: { mt: 1.75 } })
     ] }),
     /* @__PURE__ */ t(
-      C,
+      B,
       {
         "aria-label": "tree view filter",
         disableSelection: !0,
         defaultExpandedItems: f,
         slots: {
-          collapseIcon: () => /* @__PURE__ */ t(A, {}),
-          expandIcon: () => /* @__PURE__ */ t(B, {})
+          collapseIcon: () => /* @__PURE__ */ t(y, {}),
+          expandIcon: () => /* @__PURE__ */ t(z, {})
         },
         onItemExpansionToggle: x,
         children: w.map((e, g) => {
-          const n = String(e[a]), T = u.includes(s, n), D = u.includes(m, n);
+          const l = String(e[s]), T = a.includes(m, l), D = a.includes(c, l);
           return /* @__PURE__ */ t(
-            F,
+            C,
             {
-              id: n,
-              idKey: a,
+              id: l,
+              idKey: s,
               name: e.name,
               checked: T,
               disabled: D,
-              disabledIds: m,
-              children: e.children,
+              disabledIds: c,
+              children: r ? [] : e.children,
               onChange: S,
-              defaultSelected: s
+              defaultSelected: m
             },
             g
           );

package/dist/main.d.ts

@@ -555,6 +555,16 @@ declare type OrientationType_2 = "portrait" | "landscape";
 
 export declare const PhoneInput: React.FC<Props_9>;
 
+export declare const PropertyFilterInput: FC<PropertyProps>;
+
+declare interface PropertyProps {
+    property: ONTOLOGY.Property;
+    value: FV.PropertyFilterValue;
+    size?: "small" | "medium";
+    variant?: "standard" | "outlined" | "filled";
+    onChange(value: any): void;
+}
+
 declare interface Props<T extends string> {
     /**
      *

package/dist/main.js

@@ -1,5 +1,5 @@
 import { Access as Ht } from "./components/access/index.js";
-import { alert as Ft, confirm as Ct } from "./components/confirm/index.js";
+import { alert as Bt, confirm as It } from "./components/confirm/index.js";
 import { Card as jt } from "./components/card/index.js";
 import { CardAlternate as $t } from "./components/card-alternate/index.js";
 import { CollapsibleCard as Et } from "./components/collapsible-card/index.js";
@@ -23,14 +23,15 @@ import { SecurityLevel as ge } from "./components/data-security-selectors/securi
 import { TemplateForm as Te } from "./components/template-form/index.js";
 import { TemplateFilters as we } from "./components/template-filters/index.js";
 import { TemplatePropertyFilters as ve } from "./components/template-property-filters/index.js";
-import { TreeSelect as Se } from "./components/tree-select/index.js";
-import { TreeViewFilter as be } from "./components/treeview-filter/index.js";
-import { S as Be } from "./utils-Bq0ye5vf.js";
-import { i as Ce } from "./index-DlnzUkwe.js";
-import { b as je } from "./helpers-DaCoWmi2.js";
-import { ThemeProvider as $e, createTheme as We } from "@mui/material";
+import { Property as Se } from "./components/template-property-filters/property.js";
+import { TreeSelect as be } from "./components/tree-select/index.js";
+import { TreeViewFilter as Fe } from "./components/treeview-filter/index.js";
+import { S as Ie } from "./utils-Bq0ye5vf.js";
+import { i as je } from "./index-DlnzUkwe.js";
+import { b as $e } from "./helpers-DaCoWmi2.js";
+import { ThemeProvider as Ee, createTheme as Ue } from "@mui/material";
 import { a as dt } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import C from "dayjs";
+import I from "dayjs";
 import { h as U, j as z } from "./createTheme-DrgvKMA_.js";
 import { b as ut } from "./index-CAaDu0NI.js";
 var tt = { exports: {} };
@@ -115,7 +116,7 @@ var et = { exports: {} };
     }], Y: [/[+-]?\d+/, a("year")], YY: [e, function(r) {
       this.year = i(r);
     }], YYYY: [/\d{4}/, a("year")], Z: x, ZZ: x };
-    function B(r) {
+    function F(r) {
       var h, d;
       h = r, d = n && n.formats;
       for (var u = (r = h.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(S, w, M) {
@@ -124,16 +125,16 @@ var et = { exports: {} };
           return v || A.slice(1);
         });
       })).match(c), g = u.length, Y = 0; Y < g; Y += 1) {
-        var I = u[Y], O = Z[I], T = O && O[0], L = O && O[1];
-        u[Y] = L ? { regex: T, parser: L } : I.replace(/^\[|\]$/g, "");
+        var C = u[Y], O = Z[C], T = O && O[0], L = O && O[1];
+        u[Y] = L ? { regex: T, parser: L } : C.replace(/^\[|\]$/g, "");
       }
       return function(S) {
         for (var w = {}, M = 0, y = 0; M < g; M += 1) {
           var k = u[M];
           if (typeof k == "string") y += k.length;
           else {
-            var v = k.regex, A = k.parser, j = S.slice(y), F = v.exec(j)[0];
-            A.call(w, F), S = S.replace(F, "");
+            var v = k.regex, A = k.parser, j = S.slice(y), B = v.exec(j)[0];
+            A.call(w, B), S = S.replace(B, "");
           }
         }
         return function(b) {
@@ -149,22 +150,22 @@ var et = { exports: {} };
       d.p.customParseFormat = !0, r && r.parseTwoDigitYear && (i = r.parseTwoDigitYear);
       var u = h.prototype, g = u.parse;
       u.parse = function(Y) {
-        var I = Y.date, O = Y.utc, T = Y.args;
+        var C = Y.date, O = Y.utc, T = Y.args;
         this.$u = O;
         var L = T[1];
         if (typeof L == "string") {
           var S = T[2] === !0, w = T[3] === !0, M = S || w, y = T[2];
-          w && (y = T[2]), n = this.$locale(), !S && y && (n = d.Ls[y]), this.$d = function(j, F, b, P) {
+          w && (y = T[2]), n = this.$locale(), !S && y && (n = d.Ls[y]), this.$d = function(j, B, b, P) {
             try {
-              if (["x", "X"].indexOf(F) > -1) return new Date((F === "X" ? 1e3 : 1) * j);
-              var m = B(F)(j), N = m.year, $ = m.month, nt = m.day, ot = m.hours, at = m.minutes, it = m.seconds, ht = m.milliseconds, R = m.zone, X = m.week, J = /* @__PURE__ */ new Date(), _ = nt || (N || $ ? 1 : J.getDate()), V = N || J.getFullYear(), W = 0;
+              if (["x", "X"].indexOf(B) > -1) return new Date((B === "X" ? 1e3 : 1) * j);
+              var m = F(B)(j), N = m.year, $ = m.month, nt = m.day, ot = m.hours, at = m.minutes, it = m.seconds, ht = m.milliseconds, R = m.zone, X = m.week, J = /* @__PURE__ */ new Date(), _ = nt || (N || $ ? 1 : J.getDate()), V = N || J.getFullYear(), W = 0;
               N && !$ || (W = $ > 0 ? $ - 1 : J.getMonth());
               var E, q = ot || 0, G = at || 0, K = it || 0, Q = ht || 0;
               return R ? new Date(Date.UTC(V, W, _, q, G, K, Q + 60 * R.offset * 1e3)) : b ? new Date(Date.UTC(V, W, _, q, G, K, Q)) : (E = new Date(V, W, _, q, G, K, Q), X && (E = P(E).week(X).toDate()), E);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(I, L, O, d), this.init(), y && y !== !0 && (this.$L = this.locale(y).$L), M && I != this.format(L) && (this.$d = /* @__PURE__ */ new Date("")), n = {};
+          }(C, L, O, d), this.init(), y && y !== !0 && (this.$L = this.locale(y).$L), M && C != this.format(L) && (this.$d = /* @__PURE__ */ new Date("")), n = {};
         } else if (L instanceof Array) for (var k = L.length, v = 1; v <= k; v += 1) {
           T[1] = L[v - 1];
           var A = d.apply(this, T);
@@ -192,9 +193,9 @@ var rt = { exports: {} };
       e.en.formats = f, s.format = function(n) {
         n === void 0 && (n = "YYYY-MM-DDTHH:mm:ssZ");
         var i = this.$locale().formats, a = function(x, p) {
-          return x.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, Z, B) {
-            var r = B && B.toUpperCase();
-            return Z || p[B] || f[B] || p[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(h, d, u) {
+          return x.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, Z, F) {
+            var r = F && F.toUpperCase();
+            return Z || p[F] || f[F] || p[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(h, d, u) {
               return d || u.slice(1);
             });
           });
@@ -221,9 +222,9 @@ var st = { exports: {} };
 })(st);
 var Mt = st.exports;
 const Dt = /* @__PURE__ */ z(Mt);
-C.extend(lt);
-C.extend(yt);
-C.extend(Dt);
+I.extend(lt);
+I.extend(yt);
+I.extend(Dt);
 const xt = ut(["Your locale has not been found.", "Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale", "Or you forget to import the locale with `require('dayjs/locale/{localeUsed}')`", "fallback on English locale"]), gt = {
   // Year
   YY: "year",
@@ -346,7 +347,7 @@ class St {
       end: "]"
     }, this.formatTokenMap = gt, this.getLocaleFormats = () => {
       var t;
-      const e = (t = this.rawDayJsInstance.Ls) != null ? t : C.Ls, s = this.locale || "en";
+      const e = (t = this.rawDayJsInstance.Ls) != null ? t : I.Ls, s = this.locale || "en";
       let o = e[s];
       return o === void 0 && (xt(), o = e.en), o.formats;
     }, this.date = (t) => t === null ? null : this.dayjs(t), this.toJsDate = (t) => t.toDate(), this.parseISO = (t) => this.dayjs(t), this.toISO = (t) => t.toISOString(), this.parse = (t, e) => t === "" ? null : this.dayjs(t, e, this.locale, !0), this.getCurrentLocaleCode = () => this.locale || "en", this.is12HourCycleInCurrentLocale = () => /A|a/.test(this.getLocaleFormats().LT || ""), this.expandFormat = (t) => {
@@ -380,12 +381,12 @@ class St {
       for (; i.isBefore(o); )
         n.push(i), i = i.add(1, "year");
       return n;
-    }, this.getMeridiemText = (t) => t === "am" ? "AM" : "PM", this.rawDayJsInstance = c || C, this.dayjs = Tt(this.rawDayJsInstance, D), this.locale = D, this.formats = dt({}, Yt, f), C.extend(ft);
+    }, this.getMeridiemText = (t) => t === "am" ? "AM" : "PM", this.rawDayJsInstance = c || I, this.dayjs = Tt(this.rawDayJsInstance, D), this.locale = D, this.formats = dt({}, Yt, f), I.extend(ft);
   }
 }
 export {
   Ht as Access,
-  je as AccessUtils,
+  $e as AccessUtils,
   St as AdapterDayjs,
   jt as Card,
   $t as CardAlternate,
@@ -400,22 +401,23 @@ export {
   re as InstanceForm,
   ne as InstanceHierarchyTable,
   ae as InstanceTable,
-  Be as KeyProductionUtils,
+  Ie as KeyProductionUtils,
   he as KeyProtectionMenu,
   ue as LinearIndicator,
   fe as Loading,
   le as LocalizationProvider,
-  Ce as Map,
+  je as Map,
   ye as PhoneInput,
+  Se as PropertyFilterInput,
   De as SearchInput,
   ge as SecurityLevel,
   we as TemplateFilters,
   Te as TemplateForm,
   ve as TemplatePropertyFilters,
-  $e as ThemeProvider,
-  Se as TreeSelect,
-  be as TreeViewFilter,
-  Ft as alert,
-  Ct as confirm,
-  We as createTheme
+  Ee as ThemeProvider,
+  be as TreeSelect,
+  Fe as TreeViewFilter,
+  Bt as alert,
+  It as confirm,
+  Ue as createTheme
 };

package/package.json

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