@hybridcore/ui 1.4.42 → 1.5.0

package/dist/components/linear-indicator/index.js

@@ -0,0 +1,71 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import { IndicatorRoot as w, IndicatorBarContainer as g, IndicatorBarBackground as $, IndicatorBar as m, IndicatorMiddleContainer as N, IndicatorMiddle as P } from "./styled.js";
+import i from "lodash";
+const R = ({
+  value: n,
+  positiveBarColor: o,
+  negativeBarColor: s,
+  middleColor: e,
+  barBgColor: h,
+  showPositive: b = !0,
+  showNegative: x,
+  showMiddle: I
+}) => {
+  const k = c(() => i.isArray(n) ? n.find((r) => r > 0) ?? 0 : n ?? 0, [n]), l = c(() => i.isArray(n) ? n.find((r) => r < 0) ?? 0 : n < 0 ? n : 0, [n]), a = (r) => {
+    let d = [];
+    const M = 100 / (r.length - 1);
+    return r.forEach((u, f) => {
+      if (f === 0) {
+        d.push(`${u} 0%`);
+        return;
+      }
+      if (f === r.length - 1) {
+        d.push(`${u} 100%`);
+        return;
+      }
+      d.push(`${u} ${M * f}%`);
+    }), d;
+  }, y = c(() => i.isArray(o) ? `linear-gradient(45deg, ${a(o).join(", ")})` : o, [o]), A = c(() => i.isArray(s) ? `linear-gradient(45deg, ${a(s).join(", ")})` : s, [s]), j = c(() => i.isArray(e) ? `radial-gradient(circle, ${a(e).join(", ")})` : e, [e]);
+  return /* @__PURE__ */ p(w, { children: [
+    x && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
+      $,
+      {
+        flexDirection: "row-reverse",
+        sx: {
+          background: h
+        },
+        children: /* @__PURE__ */ t(
+          m,
+          {
+            width: `${Math.abs(l)}%`,
+            sx: {
+              background: A
+            }
+          }
+        )
+      }
+    ) }),
+    I && /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(P, { sx: { background: j } }) }),
+    b && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
+      $,
+      {
+        sx: {
+          background: h
+        },
+        children: /* @__PURE__ */ t(
+          m,
+          {
+            width: `${k}%`,
+            sx: {
+              background: y
+            }
+          }
+        )
+      }
+    ) })
+  ] });
+};
+export {
+  R as LinearIndicator
+};

package/dist/components/linear-indicator/styled.js

@@ -0,0 +1,73 @@
+import { styled as o, Box as r } from "@mui/material";
+const n = o(r, {
+  name: "HCLinearIndicator",
+  // The component name
+  slot: "root"
+  // The slot name
+})({
+  display: "flex",
+  alignItems: "center",
+  gap: 6
+}), t = o(r, {
+  name: "HCLinearIndicator",
+  // The component name
+  slot: "barContainer"
+  // The slot name
+})(({ theme: a }) => ({
+  display: "flex",
+  flex: 1,
+  backgroundColor: a.palette.background.default,
+  boxShadow: "inset 0px 5px 6px rgba(0,0,0,0.15)",
+  paddingTop: 7,
+  paddingBottom: 7,
+  paddingLeft: 6,
+  paddingRight: 6,
+  borderRadius: 10
+})), i = o(r, {
+  name: "HCLinearIndicator",
+  // The component name
+  slot: "barBackground"
+  // The slot name
+})(() => ({
+  display: "flex",
+  width: "100%",
+  background: "#ECECEC",
+  borderRadius: 10
+})), e = o(r, {
+  name: "HCLinearIndicator",
+  // The component name
+  slot: "bar"
+  // The slot name
+})(({ theme: a }) => ({
+  background: a.palette.primary.main,
+  height: 7,
+  borderRadius: 10
+})), c = o(r, {
+  name: "HCLinearIndicator",
+  // The component name
+  slot: "middleContainer"
+  // The slot name
+})(({ theme: a }) => ({
+  backgroundColor: a.palette.background.default,
+  boxShadow: "inset 0px 5px 6px rgba(0,0,0,0.15)",
+  padding: 6,
+  borderRadius: "50%"
+})), l = o(r, {
+  name: "HCLinearIndicator",
+  // The component name
+  slot: "middle"
+  // The slot name
+})(({ theme: a }) => ({
+  background: a.palette.primary.main,
+  height: 9,
+  width: 9,
+  borderRadius: "50%"
+}));
+export {
+  e as IndicatorBar,
+  i as IndicatorBarBackground,
+  t as IndicatorBarContainer,
+  l as IndicatorMiddle,
+  c as IndicatorMiddleContainer,
+  n as IndicatorRoot
+};

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 p from "./property.js";
+import 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 = ({
@@ -10,7 +10,7 @@ const j = ({
   fieldOptions: i,
   onChange: g
 }) => {
-  const y = (a) => (n) => {
+  const p = (a) => (n) => {
     if (a) {
       let e = f.find((r) => r.templateKey === a);
       if (e) {
@@ -48,13 +48,13 @@ const j = ({
             order: i[e.propertyId].order
           },
           children: /* @__PURE__ */ d(
-            p,
+            y,
             {
               property: e,
               value: t,
               size: "small",
               variant: m,
-              onChange: y(n == null ? void 0 : n.templateKey)
+              onChange: p(n == null ? void 0 : n.templateKey)
             }
           )
         },
@@ -89,20 +89,20 @@ const j = ({
               order: i[r.propertyId].order
             },
             children: /* @__PURE__ */ d(
-              p,
+              y,
               {
                 property: r,
                 value: o,
                 size: "small",
                 variant: m,
-                onChange: y(e == null ? void 0 : e.templateKey)
+                onChange: p(e == null ? void 0 : e.templateKey)
               }
             )
           },
           t
         );
       }) })
-    ] });
+    ] }, n);
   });
 };
 export {

package/dist/main.d.ts

@@ -433,6 +433,19 @@ export declare namespace KeyProductionUtils {
 
 export declare const KeyProtectionMenu: React.FC<Props_7>;
 
+export declare const LinearIndicator: FC<LinearIndicatorProps>;
+
+declare interface LinearIndicatorProps {
+    value: number | number[];
+    positiveBarColor?: string | string[];
+    negativeBarColor?: string | string[];
+    middleColor?: string | string[];
+    barBgColor?: string;
+    showPositive?: boolean;
+    showNegative?: boolean;
+    showMiddle?: boolean;
+}
+
 export declare const Loading: React.FC<Props_8>;
 
 export { LocalizationProvider }

package/dist/main.js

@@ -1,6 +1,6 @@
 import { Access as Ht } from "./components/access/index.js";
 import { alert as Ft, confirm as Ct } from "./components/confirm/index.js";
-import { Card as It } from "./components/card/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";
 import { ConditionalWrapper as zt } from "./components/conditional-wrapper/index.js";
@@ -14,20 +14,21 @@ import { InstanceForm as re } from "./components/instance-form/index.js";
 import { InstanceHierarchyTable as ne } from "./components/instance-hierarchy-table/index.js";
 import { InstanceTable as ae } from "./components/instance-table/index.js";
 import { KeyProtectionMenu as he } from "./components/key-protection/menu.js";
-import { Loading as ue } from "./components/loading/index.js";
-import { LocalizationProvider as fe } from "@mui/x-date-pickers";
-import { PhoneInput as le } from "./components/phone-input/index.js";
-import { SearchInput as ye } from "./components/search-input/index.js";
-import { SecurityLevel as De } from "./components/data-security-selectors/security-level/index.js";
-import { TemplateForm as ge } from "./components/template-form/index.js";
-import { TemplateFilters as Te } from "./components/template-filters/index.js";
-import { TemplatePropertyFilters as we } from "./components/template-property-filters/index.js";
-import { TreeSelect as ve } from "./components/tree-select/index.js";
-import { TreeViewFilter as Se } from "./components/treeview-filter/index.js";
-import { S as be } from "./utils-Bq0ye5vf.js";
-import { i as Be } from "./index-DlnzUkwe.js";
-import { b as Ce } from "./helpers-DaCoWmi2.js";
-import { ThemeProvider as Ie, createTheme as Pe } from "@mui/material";
+import { LinearIndicator as ue } from "./components/linear-indicator/index.js";
+import { Loading as fe } from "./components/loading/index.js";
+import { LocalizationProvider as le } from "@mui/x-date-pickers";
+import { PhoneInput as ye } from "./components/phone-input/index.js";
+import { SearchInput as De } from "./components/search-input/index.js";
+import { SecurityLevel as ge } from "./components/data-security-selectors/security-level/index.js";
+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 { a as dt } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import C from "dayjs";
 import { h as U, j as z } from "./createTheme-DrgvKMA_.js";
@@ -123,15 +124,15 @@ var et = { exports: {} };
           return v || A.slice(1);
         });
       })).match(c), g = u.length, Y = 0; Y < g; Y += 1) {
-        var j = u[Y], O = Z[j], T = O && O[0], L = O && O[1];
-        u[Y] = L ? { regex: T, parser: L } : j.replace(/^\[|\]$/g, "");
+        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, "");
       }
       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, I = S.slice(y), F = v.exec(I)[0];
+            var v = k.regex, A = k.parser, j = S.slice(y), F = v.exec(j)[0];
             A.call(w, F), S = S.replace(F, "");
           }
         }
@@ -148,22 +149,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 j = Y.date, O = Y.utc, T = Y.args;
+        var I = 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(I, F, b, P) {
+          w && (y = T[2]), n = this.$locale(), !S && y && (n = d.Ls[y]), this.$d = function(j, F, b, P) {
             try {
-              if (["x", "X"].indexOf(F) > -1) return new Date((F === "X" ? 1e3 : 1) * I);
-              var m = B(F)(I), 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(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;
               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("");
             }
-          }(j, L, O, d), this.init(), y && y !== !0 && (this.$L = this.locale(y).$L), M && j != this.format(L) && (this.$d = /* @__PURE__ */ new Date("")), n = {};
+          }(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 = {};
         } 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);
@@ -384,9 +385,9 @@ class St {
 }
 export {
   Ht as Access,
-  Ce as AccessUtils,
+  je as AccessUtils,
   St as AdapterDayjs,
-  It as Card,
+  jt as Card,
   $t as CardAlternate,
   Et as CollapsibleCard,
   zt as ConditionalWrapper,
@@ -399,21 +400,22 @@ export {
   re as InstanceForm,
   ne as InstanceHierarchyTable,
   ae as InstanceTable,
-  be as KeyProductionUtils,
+  Be as KeyProductionUtils,
   he as KeyProtectionMenu,
-  ue as Loading,
-  fe as LocalizationProvider,
-  Be as Map,
-  le as PhoneInput,
-  ye as SearchInput,
-  De as SecurityLevel,
-  Te as TemplateFilters,
-  ge as TemplateForm,
-  we as TemplatePropertyFilters,
-  Ie as ThemeProvider,
-  ve as TreeSelect,
-  Se as TreeViewFilter,
+  ue as LinearIndicator,
+  fe as Loading,
+  le as LocalizationProvider,
+  Ce as Map,
+  ye as PhoneInput,
+  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,
-  Pe as createTheme
+  We as createTheme
 };

package/package.json

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