@m4l/components 9.68.0 → 9.69.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.68.0",
+  "version": "9.69.0",
   "publishConfig": {
     "access": "public"
   },
@@ -53,22 +53,22 @@
     "@hookform/resolvers": "2.9.11",
     "nprogress": "0.2.0",
     "react-transition-group": "4.4.5",
+    "react-color": "2.19.3",
+    "react-draggable": "4.5.0",
     "@tanstack/react-virtual": "3.13.23",
     "@mui/x-date-pickers": "6.20.2",
     "react-spinners": "0.13.8",
-    "react-draggable": "4.5.0",
-    "react-color": "2.19.3",
-    "react-rnd": "10.5.2",
     "react-dropzone": "14.4.1",
-    "simplebar-react": "3.2.6",
+    "react-rnd": "10.5.2",
     "chart.js": "4.5.1",
     "chartjs-chart-error-bars": "4.4.5",
     "qrcode.react": "3.2.0",
+    "simplebar-react": "3.2.6",
+    "react-resizable-panels": "2.1.9",
+    "react-simple-code-editor": "0.14.1",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
-    "react-resizable-panels": "2.1.9",
-    "react-simple-code-editor": "0.14.1",
     "date-fns": "2.30.0",
     "react-resizable": "3.1.3",
     "react-window": "1.8.11"

package/components/DevicesPicker/DevicesPicker.d.ts

@@ -1,14 +0,0 @@
-import { DevicePickerOption, DevicesPickerProps } from './types';
-/**
- * DevicesPicker: device selector with a card-based trigger and a grouped
- * selection panel.
- *
- * It reuses the AutocompleteAsync engine (same reducer and `useFetchOptions`)
- * so the fetch contract — lazy first load, param changes, abort — behaves
- * exactly like the async autocomplete, while rendering its own UI.
- *
- * The trigger hugs its content: it shows the cards that fit and reports the
- * rest through the +N toggle instead of clipping them silently.
- */
-export declare function DevicesPicker<T extends DevicePickerOption = DevicePickerOption>(props: DevicesPickerProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DevicesPicker.d.ts.map

package/components/DevicesPicker/DevicesPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevicesPicker.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DevicesPicker/DevicesPicker.tsx"],"names":[],"mappings":"AA0CA,OAAO,EAAE,kBAAkB,EAA2B,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE1F;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EAC7E,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,oDAwX7B"}

package/components/DevicesPicker/DevicesPicker.js

@@ -1,344 +0,0 @@
-import { jsx as o, jsxs as C, Fragment as Le } from "@emotion/react/jsx-runtime";
-import { useRef as _e, useState as J, useCallback as i, createElement as Ae, useMemo as xe } from "react";
-import Q from "clsx";
-import { useModuleDictionary as ke, useEnvironment as Fe } from "@m4l/core";
-import { Icon as Me } from "@m4l/base";
-import { ConectivityDispositiveOutlined as We, ArrowChevronMdUpOutlined as ze, ArrowChevronMdDownOutlined as $e } from "@m4l/icons";
-import { useDevicesAsyncOptions as Ge } from "./hooks/useDevicesAsyncOptions.js";
-import { useDeviceGroups as Be } from "./hooks/useDeviceGroups.js";
-import { useDevicesSelection as Ke } from "./hooks/useDevicesSelection.js";
-import { usePanelColumns as Ve } from "./hooks/usePanelColumns.js";
-import { resolveDeviceGroup as je } from "./helpers/resolveDeviceGroup.js";
-import { DEVICES_PICKER_ICON_SIZE as X, DEVICES_PICKER_PARTIAL_CARD_MIN_WIDTH as Ue, DEVICES_PICKER_CLASSES as t } from "./constants.js";
-import { DICCTIONARY as _ } from "./dictionary.js";
-import { resolveDeviceTitle as He, resolveDeviceSubtitle as Ye } from "../../helpers/resolveDeviceLabels/resolveDeviceLabels.js";
-import { resolveDeviceIconSrc as Ze } from "../../helpers/resolveDeviceIconSrc/resolveDeviceIconSrc.js";
-import { useChipsOverflow as qe } from "../../hooks/useChipsOverflow/useChipsOverflow.js";
-import { RootStyled as ee, TriggerStyled as Je, PlaceholderContainerStyled as Qe, PlaceholderIconStyled as Xe, PlaceholderStyled as eo, CardsContainerStyled as oo, DeviceCardWrapperStyled as oe, PartialCardWrapperStyled as to, MeasuringLayerStyled as ro, OverflowToggleStyled as no, ChevronButtonStyled as ao } from "./slots/DevicesPickerSlots.js";
-import { DevicesPickerSkeleton as io } from "./subcomponents/DevicesPickerSkeleton/DevicesPickerSkeleton.js";
-import { DevicesPanel as lo } from "./subcomponents/DevicesPanel/DevicesPanel.js";
-import { SelectedDevicesList as so } from "./subcomponents/SelectedDevicesList/SelectedDevicesList.js";
-import { Image as co } from "../Image/Image.js";
-import { DeviceCard as A } from "./subcomponents/DeviceCard/DeviceCard.js";
-import { Popover as te } from "../extended/mui/Popover/Popover.js";
-function xo(re) {
-  const {
-    endPoint: ne,
-    timeout: ae,
-    parms: ie,
-    resultField: le,
-    isRemote: se,
-    isExternalUrl: de,
-    responseToCamelCase: ce,
-    shouldFetch: me,
-    value: pe,
-    onChange: he,
-    multiple: l = !0,
-    disabled: x = !1,
-    loading: k = !1,
-    error: ge = !1,
-    size: s = "medium",
-    showOverflowToggle: fe = !0,
-    showDepartments: ve,
-    showIds: ue,
-    searchable: Ce = !0,
-    placeholder: De,
-    className: F,
-    dataTestid: M,
-    getOptionLabel: D,
-    getDeviceGroup: W = je,
-    getDeviceSubtitle: I,
-    getDeviceIcon: S,
-    onChangeFilterParms: z
-  } = re;
-  if (l && z)
-    throw new Error(
-      "multiple cannot be enabled when onChangeFilterParms is defined; define the filter in parms if needed."
-    );
-  const { getLabel: b } = ke(), { hostApiRemote: $ } = Fe(), w = _e(null), [d, G] = J(!1), [B, O] = J(!1), {
-    options: P,
-    loading: K,
-    onOpen: V,
-    onClose: g,
-    onSearchChange: Ie
-  } = Ge({
-    endPoint: ne,
-    timeout: ae,
-    parms: ie,
-    resultField: le,
-    isRemote: se,
-    isExternalUrl: de,
-    responseToCamelCase: ce,
-    shouldFetch: me,
-    onChangeFilterParms: z
-  }), c = i(
-    (e) => D ? D(e) : He(e),
-    [D]
-  ), m = i(
-    (e) => I ? I(e) : Ye(e),
-    [I]
-  ), p = i(
-    (e) => S ? S(e) : Ae(co, {
-      src: Ze($, e.deviceIcon?.iconId),
-      width: X,
-      height: X,
-      enableIntersectionObserver: !1
-    }),
-    [S, $]
-  ), { selectedIds: Se, selectedDevices: f, handleSelectionChange: be, handleRemove: R } = Ke({ value: pe, options: P, multiple: l, onChange: he }), a = Ve({
-    options: P,
-    showDepartments: ve,
-    showIds: ue,
-    getDeviceGroup: W
-  }), { groups: we, items: Oe } = Be({
-    options: P,
-    grouped: a.showDepartments,
-    getDeviceGroup: W,
-    defaultGroupLabel: b(_.label_default_department),
-    getOptionLabel: c,
-    getDeviceSubtitle: m,
-    getDeviceIcon: p
-  }), {
-    visibleFilters: T,
-    overflowFilters: y,
-    measuringFilters: v,
-    leftoverWidth: j,
-    parentRef: Pe,
-    containerRef: Re,
-    setChipRef: U,
-    setMoreChipRef: Te,
-    setActionsRef: ye
-  } = qe(f, { deferMeasurement: !0 }), { visibleCards: Ee, partialCard: n, hiddenCards: H } = xe(() => {
-    const e = new Set(v.map((h) => h.id)), r = y.find((h) => !e.has(h.id)), q = j >= Ue || T.length === 0 ? r : void 0;
-    return {
-      visibleCards: T,
-      partialCard: q,
-      hiddenCards: y.filter((h) => h.id !== q?.id)
-    };
-  }, [T, y, v, j]), Y = i((e) => {
-    e?.stopPropagation(), O(!1), G((r) => {
-      const L = !r;
-      return L ? V() : g(), L;
-    });
-  }, [V, g]), E = i(() => {
-    G(!1), g();
-  }, [g]), N = i((e) => {
-    e?.stopPropagation(), d && E(), O((r) => !r);
-  }, [d, E]), Ne = i(() => O(!1), []), Z = k || K, u = {
-    size: s,
-    panelOpen: d,
-    listOpen: B,
-    error: ge,
-    disabled: x,
-    loading: Z,
-    hasSelection: f.length > 0
-  };
-  return k ? /* @__PURE__ */ o(
-    ee,
-    {
-      ownerState: u,
-      className: Q(F, t.root),
-      "data-testid": M,
-      children: /* @__PURE__ */ o(io, { size: s })
-    }
-  ) : /* @__PURE__ */ C(Le, { children: [
-    /* @__PURE__ */ o(
-      ee,
-      {
-        ref: Pe,
-        ownerState: u,
-        className: Q(F, t.root),
-        "data-testid": M,
-        children: /* @__PURE__ */ C(
-          Je,
-          {
-            ref: w,
-            ownerState: u,
-            className: t.trigger,
-            onClick: Y,
-            children: [
-              f.length === 0 ? /* @__PURE__ */ C(
-                Qe,
-                {
-                  className: t.placeholderContainer,
-                  children: [
-                    /* @__PURE__ */ o(Xe, { className: t.placeholderIcon, children: /* @__PURE__ */ o(Me, { src: /* @__PURE__ */ o(We, {}), color: "text.secondary" }) }),
-                    /* @__PURE__ */ o(
-                      eo,
-                      {
-                        className: t.placeholder,
-                        variant: "bodyStandard",
-                        color: "text.disabled",
-                        children: De ?? b(_.label_placeholder)
-                      }
-                    )
-                  ]
-                }
-              ) : /* @__PURE__ */ C(
-                oo,
-                {
-                  ref: Re,
-                  className: t.cardsContainer,
-                  children: [
-                    Ee.map((e) => /* @__PURE__ */ o(
-                      oe,
-                      {
-                        ref: (r) => U(e.id, r),
-                        className: t.deviceCardWrapper,
-                        children: /* @__PURE__ */ o(
-                          A,
-                          {
-                            deviceId: e.id,
-                            name: c(e),
-                            subtitle: m(e),
-                            icon: p(e),
-                            disableRemove: !l,
-                            onRemove: () => R(e),
-                            onClick: N,
-                            dataTestid: `${t.deviceCard}-${e.id}`
-                          }
-                        )
-                      },
-                      e.id
-                    )),
-                    n && // No lleva ref de medición a propósito: su ancho natural ya se
-                    // cacheó en la pasada inicial y aquí sale encogido, así que
-                    // registrarlo corrompería el cálculo del overflow.
-                    /* @__PURE__ */ o(
-                      to,
-                      {
-                        className: t.partialCardWrapper,
-                        children: /* @__PURE__ */ o(
-                          A,
-                          {
-                            deviceId: n.id,
-                            name: c(n),
-                            subtitle: m(n),
-                            icon: p(n),
-                            disableRemove: !l,
-                            onRemove: () => R(n),
-                            onClick: N,
-                            dataTestid: `${t.deviceCard}-${n.id}`
-                          }
-                        )
-                      },
-                      n.id
-                    )
-                  ]
-                }
-              ),
-              v.length > 0 && /* @__PURE__ */ o(
-                ro,
-                {
-                  className: t.measuringLayer,
-                  "aria-hidden": !0,
-                  children: v.map((e) => /* @__PURE__ */ o(
-                    oe,
-                    {
-                      ref: (r) => U(e.id, r),
-                      className: t.deviceCardWrapper,
-                      children: /* @__PURE__ */ o(
-                        A,
-                        {
-                          deviceId: e.id,
-                          name: c(e),
-                          subtitle: m(e),
-                          icon: p(e),
-                          disableRemove: !l
-                        }
-                      )
-                    },
-                    e.id
-                  ))
-                }
-              ),
-              fe && H.length > 0 && /* @__PURE__ */ o(
-                no,
-                {
-                  ref: Te,
-                  ownerState: u,
-                  className: t.overflowToggle,
-                  dataTestId: t.overflowToggle,
-                  variant: "contained",
-                  color: "default",
-                  size: s,
-                  label: `+${H.length}`,
-                  onToggle: N
-                }
-              ),
-              /* @__PURE__ */ o(
-                ao,
-                {
-                  ref: ye,
-                  className: t.chevronButton,
-                  dataTestId: t.chevronButton,
-                  icon: d ? /* @__PURE__ */ o(ze, {}) : /* @__PURE__ */ o($e, {}),
-                  variant: "text",
-                  size: s,
-                  disabled: x || Z,
-                  "aria-label": b(_.label_open_panel),
-                  onClick: Y
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ o(
-      te,
-      {
-        open: d,
-        anchorEl: w.current,
-        onClose: E,
-        arrowType: "no-arrow",
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        children: /* @__PURE__ */ o(
-          lo,
-          {
-            groups: we,
-            items: Oe,
-            selectedIds: Se,
-            onSelectionChange: be,
-            multiple: l,
-            loading: K,
-            searchable: Ce,
-            onSearchChange: Ie,
-            size: s,
-            showDepartments: a.showDepartments,
-            showIds: a.showIds,
-            canShowDepartments: a.canShowDepartments,
-            canShowIds: a.canShowIds,
-            onToggleDepartments: a.toggleDepartments,
-            onToggleIds: a.toggleIds
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ o(
-      te,
-      {
-        open: B,
-        anchorEl: w.current,
-        onClose: Ne,
-        arrowType: "no-arrow",
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: -3, horizontal: "right" },
-        children: /* @__PURE__ */ o(
-          so,
-          {
-            devices: f,
-            getOptionLabel: c,
-            getDeviceSubtitle: m,
-            getDeviceIcon: p,
-            onRemove: R
-          }
-        )
-      }
-    )
-  ] });
-}
-export {
-  xo as DevicesPicker
-};

package/components/DevicesPicker/DevicesPicker.styles.d.ts

@@ -1,3 +0,0 @@
-import { DevicesPickerStyles } from './types';
-export declare const devicesPickerStyles: DevicesPickerStyles;
-//# sourceMappingURL=DevicesPicker.styles.d.ts.map

package/components/DevicesPicker/DevicesPicker.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevicesPicker.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DevicesPicker/DevicesPicker.styles.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,mBAAmB,EAAE,mBAufjC,CAAC"}