@hybridcore/ui 1.6.17 → 1.6.18

package/dist/components/range-selector/components/enum-range/index.js

@@ -0,0 +1,66 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { Select as y, MenuItem as u, Checkbox as o, ListItemText as h } from "@mui/material";
+const c = "__ALL__", P = (d) => {
+  const { value: m, options: l, onChange: a, variant: p = "outlined" } = d, t = m.listOfPossibleValues ?? [], r = l.length > 0 && t.length === l.length, g = t.length > 0 && !r;
+  return /* @__PURE__ */ s(
+    y,
+    {
+      multiple: !0,
+      size: "small",
+      fullWidth: !0,
+      displayEmpty: !0,
+      variant: p,
+      value: t,
+      onChange: (e) => {
+        const i = e.target.value;
+        if (i.includes(c)) {
+          a({ listOfPossibleValues: r ? [] : [...l] });
+          return;
+        }
+        a({ listOfPossibleValues: i });
+      },
+      MenuProps: { PaperProps: { sx: { maxHeight: 320 } } },
+      renderValue: (e) => e.length === 0 ? "Select values" : e.length === l.length ? "All values" : e.length <= 2 ? e.join(", ") : `${e.length} of ${l.length} selected`,
+      children: [
+        /* @__PURE__ */ s(u, { dense: !0, value: c, children: [
+          /* @__PURE__ */ n(
+            o,
+            {
+              size: "small",
+              sx: { py: 0.25, pl: 0, mr: 0.5 },
+              checked: r,
+              indeterminate: g
+            }
+          ),
+          /* @__PURE__ */ n(
+            h,
+            {
+              primary: "Select All",
+              primaryTypographyProps: { variant: "body2" }
+            }
+          )
+        ] }),
+        l.map((e) => /* @__PURE__ */ s(u, { dense: !0, value: e, children: [
+          /* @__PURE__ */ n(
+            o,
+            {
+              size: "small",
+              sx: { py: 0.25, pl: 0, mr: 0.5 },
+              checked: t.includes(e)
+            }
+          ),
+          /* @__PURE__ */ n(
+            h,
+            {
+              primary: e,
+              primaryTypographyProps: { variant: "body2" }
+            }
+          )
+        ] }, e))
+      ]
+    }
+  );
+};
+export {
+  P as EnumRange
+};

package/dist/components/range-selector/index.js

@@ -1,65 +1,75 @@
 import { jsx as n } from "react/jsx-runtime";
-import s from "lodash";
-import { CompositeListRange as f } from "./components/composite-list-range/index.js";
-import { DateRange as u } from "./components/date-range/index.js";
-import { GeometryRange as c } from "./components/geometry-range/index.js";
-import { NumberRange as R } from "./components/number-range/index.js";
-import { StringRange as D } from "./components/string-range/index.js";
-import { useRangeSelectorLogic as x } from "./logic.js";
-import { RangeSelectorRoot as y } from "./styled.js";
-const C = (t) => {
-  const { state: r } = x(t), { ownerState: l } = r, { type: e, value: o, mapboxAccessToken: m, onChange: i, sx: g } = t;
+import g from "lodash";
+import { CompositeListRange as u } from "./components/composite-list-range/index.js";
+import { DateRange as f } from "./components/date-range/index.js";
+import { EnumRange as c } from "./components/enum-range/index.js";
+import { GeometryRange as R } from "./components/geometry-range/index.js";
+import { NumberRange as D } from "./components/number-range/index.js";
+import { StringRange as x } from "./components/string-range/index.js";
+import { useRangeSelectorLogic as y } from "./logic.js";
+import { RangeSelectorRoot as b } from "./styled.js";
+const L = (t) => {
+  const { state: r } = y(t), { ownerState: l } = r, { type: e, value: i, mapboxAccessToken: o, onChange: m, sx: s } = t;
   let a = null;
   return e === "byte" || e === "double" || e === "integer" || e === "long" ? a = /* @__PURE__ */ n(
-    R,
+    D,
     {
-      value: o || {
+      value: i || {
         minValue: "",
         maxValue: ""
       },
-      onChange: i
+      onChange: m
     }
   ) : e === "string" || e === "text" ? a = /* @__PURE__ */ n(
-    D,
+    x,
     {
-      value: o || {
+      value: i || {
         listOfPossibleValues: []
       },
-      onChange: i
+      onChange: m
     }
-  ) : e === "geometry" ? a = /* @__PURE__ */ n(
+  ) : e === "enum" ? a = /* @__PURE__ */ n(
     c,
     {
-      value: o || { geometryArea: "" },
-      mapboxAccessToken: m,
-      onChange: i
+      value: i || {
+        listOfPossibleValues: []
+      },
+      options: t.enumValues || [],
+      onChange: m
+    }
+  ) : e === "geometry" ? a = /* @__PURE__ */ n(
+    R,
+    {
+      value: i || { geometryArea: "" },
+      mapboxAccessToken: o,
+      onChange: m
     }
   ) : e === "date" ? a = /* @__PURE__ */ n(
-    u,
+    f,
     {
-      value: o || {
-        startDate: s.get(t, "minDate", ""),
+      value: i || {
+        startDate: g.get(t, "minDate", ""),
         timeUnit: "MINUTE",
         endRange: 0,
         startRange: 0,
         limitForScenarioTimeRange: !1
       },
-      onChange: i,
+      onChange: m,
       minDate: t.minDate || "",
       maxDate: t.maxDate || ""
     }
   ) : e === "composite-list" && (a = /* @__PURE__ */ n(
-    f,
+    u,
     {
-      value: o || { count: "" },
-      mapboxAccessToken: m,
-      onChange: i,
+      value: i || { count: "" },
+      mapboxAccessToken: o,
+      onChange: m,
       innerType: t.innerType,
       minDate: t.minDate,
       maxDate: t.maxDate
     }
-  )), /* @__PURE__ */ n(y, { ownerState: l, sx: g, children: a });
+  )), /* @__PURE__ */ n(b, { ownerState: l, sx: s, children: a });
 };
 export {
-  C as RangeSelector
+  L as RangeSelector
 };

package/dist/components/range-selector/styled.js

@@ -1,11 +1,11 @@
 import { styled as t, Box as o, TextField as n, Typography as a, IconButton as i, FormControl as r } from "@mui/material";
 import { ArrowForward as g } from "@mui/icons-material";
 import { DateTimePicker as s } from "@mui/x-date-pickers/DateTimePicker";
-const l = (e) => e !== "ownerState", d = t(o, {
+const l = (e) => e !== "ownerState", p = t(o, {
   name: "HCRangeSelector",
   slot: "root",
   shouldForwardProp: l
-})({}), R = t(o, {
+})({ width: "100%", minWidth: 0 }), R = t(o, {
   name: "HCRangeSelector",
   slot: "numberRow"
 })({
@@ -17,12 +17,12 @@ const l = (e) => e !== "ownerState", d = t(o, {
 })({
   display: "flex",
   width: "100%"
-}), u = t(n, {
+}), w = t(n, {
   name: "HCRangeSelector",
   slot: "numberInput"
 })(({ theme: e }) => ({
   marginRight: e.spacing(0.25)
-})), w = t(n, {
+})), u = t(n, {
   name: "HCRangeSelector",
   slot: "numberInput"
 })(({ theme: e }) => ({
@@ -47,13 +47,13 @@ const l = (e) => e !== "ownerState", d = t(o, {
   marginRight: e.spacing(0.5),
   minWidth: 50,
   width: 85
-})), H = t(o, {
+})), h = t(o, {
   name: "HCRangeSelector",
   slot: "compositeChild"
 })({
   flex: 1,
   maxWidth: 300
-}), h = t(o, {
+}), H = t(o, {
   name: "HCRangeSelector",
   slot: "dateTrigger"
 })(({ theme: e }) => ({
@@ -110,22 +110,22 @@ const l = (e) => e !== "ownerState", d = t(o, {
   marginLeft: e.spacing(1)
 }));
 export {
-  H as CompositeChild,
+  h as CompositeChild,
   x as CompositeCount,
   S as CompositeRow,
   I as DateLimitCaption,
   y as DatePicker,
   B as DateRangeInput,
-  h as DateTrigger,
+  H as DateTrigger,
   b as DateTriggerArrow,
   D as DateTriggerEditButton,
   T as DateTriggerText,
   N as DateUnitControl,
   L as DateUnitRow,
   f as ModeColumn,
-  w as NumberInputMax,
-  u as NumberInputMin,
+  u as NumberInputMax,
+  w as NumberInputMin,
   C as NumberRangeRow,
   R as NumberRow,
-  d as RangeSelectorRoot
+  p as RangeSelectorRoot
 };

package/dist/main.d.ts

@@ -727,6 +727,13 @@ export declare interface EditableTextProps extends TypographyProps {
     onChange?(text: string | null): void;
 }
 
+export declare interface EnumRangeProps {
+    value: SIMULATION.RandomInfoString;
+    options: string[];
+    variant?: RangeSelectorVariant;
+    onChange(value: SIMULATION.RandomInfoString): void;
+}
+
 export declare const FlexCol: StyledComponent<BoxOwnProps<Theme> & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
 ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
 }, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
@@ -1662,6 +1669,7 @@ export declare type RangeSelectorAcceptedType =
 | "long"
 | "string"
 | "text"
+| "enum"
 | "date"
 | "geometry"
 | "composite-list";
@@ -1686,6 +1694,14 @@ export declare type RangeSelectorProps =
     sx?: SxProps<Theme>;
     onChange(value: SIMULATION.RandomInfoString): void;
 }
+| {
+    type: "enum";
+    value?: SIMULATION.RandomInfoString;
+    enumValues: string[];
+    mapboxAccessToken: string;
+    sx?: SxProps<Theme>;
+    onChange(value: SIMULATION.RandomInfoString): void;
+}
 | {
     type: "date";
     value?: SIMULATION.RandomInfoDate;

package/package.json

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