@m4l/gclick 0.28.0 → 0.29.0

package/@types/types.d.ts

@@ -13,6 +13,11 @@ import { CameraStreamOwnerState, CameraStreamSlotsStyledType } from '../componen
 import { MapOwnerState, MapSlotsType } from '../components/maps/components/GpsMap/types';
 import { ReportsViewerOwnerState, ReportsViewerSlotsType } from '../components/ReportsViewer/types';
 import { AddressLocationOwnerState, AddressLocationSlotsType } from '../components/AddressLocation/types';
+import {
+  CheckableDevicesPickerOwnerState,
+  CheckableDevicesPickerSlotsType,
+} from '../components/CheckableDevicesPicker/types';
+import { DevicesPickerOwnerState, DevicesPickerSlotsType } from '../components/DevicesPicker/types';
 import {
   GeofenceAddEditOwnerState,
   GeofenceAddEditSlotsType,
@@ -36,6 +41,8 @@ declare module '@mui/material/styles' {
     M4LIndicatorValueAndMagnitude: IndicatorValueAndMagnitudeSlotsType;
     M4LReportsViewer: ReportsViewerSlotsType;
     M4LAddressLocation: AddressLocationSlotsType;
+    M4LCheckableDevicesPicker: CheckableDevicesPickerSlotsType;
+    M4LDevicesPicker: DevicesPickerSlotsType;
   }
   interface ComponentsPropsList {
     // Extend ComponentsProps or ComponentsOwnerState(this extend ComponentProps)
@@ -54,6 +61,8 @@ declare module '@mui/material/styles' {
     M4LIndicatorValueAndMagnitude:  Partial<IndicatorValueAndMagnitudeOwnerState>;
     M4LReportsViewer:  Partial<ReportsViewerOwnerState>;
     M4LAddressLocation: Partial<AddressLocationOwnerState>;
+    M4LCheckableDevicesPicker: Partial<CheckableDevicesPickerOwnerState>;
+    M4LDevicesPicker: Partial<DevicesPickerOwnerState>;
   }
   interface Components {
     M4LMap?: {
@@ -131,5 +140,15 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LAddressLocation'];
       variants?: ComponentsVariants['M4LAddressLocation'];
     };
+    M4LCheckableDevicesPicker?: {
+      defaultProps?: ComponentsPropsList['M4LCheckableDevicesPicker'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LCheckableDevicesPicker'];
+      variants?: ComponentsVariants['M4LCheckableDevicesPicker'];
+    };
+    M4LDevicesPicker?: {
+      defaultProps?: ComponentsPropsList['M4LDevicesPicker'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LDevicesPicker'];
+      variants?: ComponentsVariants['M4LDevicesPicker'];
+    };
   }
 }

package/_virtual/react-dom-server-legacy.browser.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/react-dom-server-legacy.browser.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/react-dom-server.browser.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/react-dom-server.browser.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/server.browser.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/react-dom/server.browser.js";
+var s = r();
+export {
+  s
+};

package/_virtual/server.browser2.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/components/CheckableDevicesPicker/CheckableDevicesPicker.d.ts

@@ -0,0 +1,13 @@
+import { CheckableDevicesPickerProps, DevicePickerOption } from './types';
+/**
+ * CheckableDevicesPicker: grouped device selector built on top of the shared
+ * CheckableList.
+ *
+ * It is self-sufficient: it fetches the devices with the very same async
+ * engine as AutocompleteAsync, groups them by department, decides which column
+ * switches the data can offer, and translates between the ids the list works
+ * with and the device objects it reports. That is why it can be dropped inside
+ * the DevicesPicker popover and, just as well, bound to a form on its own.
+ */
+export declare function CheckableDevicesPicker<T extends DevicePickerOption = DevicePickerOption>(props: CheckableDevicesPickerProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckableDevicesPicker.d.ts.map

package/components/CheckableDevicesPicker/CheckableDevicesPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckableDevicesPicker.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CheckableDevicesPicker/CheckableDevicesPicker.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAEL,2BAA2B,EAC3B,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EACtF,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,oDAiRtC"}

package/components/CheckableDevicesPicker/CheckableDevicesPicker.js

@@ -0,0 +1,237 @@
+import { jsxs as d, Fragment as se, jsx as a } from "@emotion/react/jsx-runtime";
+import { useRef as le, useEffect as c, useImperativeHandle as re, useCallback as m } from "react";
+import ne from "clsx";
+import { useModuleDictionary as ie } from "@m4l/core";
+import { useDevicesAsyncOptions as de } from "./hooks/useDevicesAsyncOptions.js";
+import { useDeviceGroups as ce } from "./hooks/useDeviceGroups.js";
+import { useDevicesSelection as me } from "./hooks/useDevicesSelection.js";
+import { usePanelColumns as he } from "./hooks/usePanelColumns.js";
+import { resolveDeviceGroup as pe } from "./helpers/resolveDeviceGroup.js";
+import { CHECKABLE_DEVICES_PICKER_CLASSES as t } from "./constants.js";
+import { DICCTIONARY as h } from "./dictionary.js";
+import { resolveDeviceIcon as ue } from "../../helpers/resolveDeviceIcon/resolveDeviceIcon.js";
+import { RowNameStyled as ge, RowSubtitleStyled as we, RowIdStyled as Se, GroupRowStyled as be, GroupLabelStyled as fe, GroupBadgeStyled as ve, RootStyled as Ce, HeaderStyled as De, ColumnSwitchStyled as _, ListStyled as Ie } from "./slots/CheckableDevicesPickerSlots.js";
+import { resolveDeviceSubtitle as ye, resolveDeviceTitle as Re } from "../../helpers/resolveDeviceLabels/resolveDeviceLabels.js";
+function He(L) {
+  const {
+    endPoint: k,
+    timeout: E,
+    parms: P,
+    resultField: $,
+    isRemote: x,
+    isExternalUrl: A,
+    responseToCamelCase: G,
+    shouldFetch: O,
+    onChangeFilterParms: S,
+    open: b = !0,
+    value: F,
+    onChange: B,
+    multiple: p = !0,
+    loading: f = !1,
+    size: l = "medium",
+    searchable: T = !0,
+    showDepartments: H,
+    showIds: j,
+    selectAllLabel: K,
+    width: z = "100%",
+    // The surface is usually mounted the moment it becomes visible, so the
+    // first measurement cannot wait for the 200ms throttle or the list shows a
+    // blank gap on every open.
+    measureImmediately: M = !0,
+    className: U,
+    "data-testid": V,
+    onSearchChange: v,
+    onLoadingChange: C,
+    onOptionsChange: D,
+    ref: Y,
+    getDeviceGroup: I = pe,
+    ...y
+  } = L;
+  if (p && S)
+    throw new Error(
+      "multiple cannot be enabled when onChangeFilterParms is defined; define the filter in parms if needed."
+    );
+  const { getLabel: r } = ie(), {
+    options: s,
+    loading: n,
+    onOpen: u,
+    onClose: g,
+    refresh: R,
+    onSearchChange: N
+  } = de({
+    endPoint: k,
+    timeout: E,
+    parms: P,
+    resultField: $,
+    isRemote: x,
+    isExternalUrl: A,
+    responseToCamelCase: G,
+    shouldFetch: O,
+    onChangeFilterParms: S
+  }), w = le({ onOpen: u, onClose: g });
+  c(() => {
+    w.current = { onOpen: u, onClose: g };
+  }, [u, g]), c(() => {
+    if (b)
+      return w.current.onOpen(), () => w.current.onClose();
+  }, [b]), c(() => {
+    C?.(n);
+  }, [n, C]), c(() => {
+    D?.(s);
+  }, [s, D]), re(Y, () => ({ refresh: R }), [R]);
+  const J = m(
+    (e) => ue(e.deviceIcon?.iconId),
+    []
+  ), { selectedIds: Q, handleSelectionChange: W } = me({
+    value: F,
+    options: s,
+    multiple: p,
+    onChange: B
+  }), o = he({
+    options: s,
+    showDepartments: H,
+    showIds: j,
+    getDeviceGroup: I
+  }), { groups: X, items: Z } = ce({
+    options: s,
+    grouped: o.showDepartments,
+    getDeviceGroup: I,
+    defaultGroupLabel: r(h.label_default_department),
+    // Alias first, name below: the shared contract is resolved here and nowhere
+    // else, so a module never paints the device in a different order than the
+    // picker.
+    getOptionLabel: Re,
+    getDeviceSubtitle: ye,
+    getDeviceIcon: J
+  }), q = s.length, ee = m(
+    (e) => {
+      N(e), v?.(e);
+    },
+    [N, v]
+  ), te = m(
+    ({ item: e }) => {
+      const i = e.metadata?.subtitle;
+      return /* @__PURE__ */ d(se, { children: [
+        /* @__PURE__ */ a(
+          ge,
+          {
+            "data-testid": `${t.rowName}-${e.id}`,
+            variant: "bodyStandard",
+            color: "text.primary",
+            children: e.label
+          }
+        ),
+        i && /* @__PURE__ */ a(
+          we,
+          {
+            "data-testid": `${t.rowSubtitle}-${e.id}`,
+            variant: "microSlim",
+            color: "text.secondary",
+            children: i
+          }
+        ),
+        o.showIds && /* @__PURE__ */ a(
+          Se,
+          {
+            "data-testid": `${t.rowId}-${e.id}`,
+            variant: "microSlim",
+            color: "text.secondary",
+            children: `ID: ${e.metadata?.deviceId ?? e.id}`
+          }
+        )
+      ] });
+    },
+    [o.showIds]
+  ), oe = m(
+    ({ group: e, totalCount: i }) => /* @__PURE__ */ d(be, { className: t.groupRow, children: [
+      /* @__PURE__ */ a(fe, { variant: "captionDens", children: e.label }),
+      /* @__PURE__ */ a(
+        ve,
+        {
+          ownerState: { color: e.color },
+          className: t.groupBadge,
+          "data-testid": `${t.groupBadge}-${e.id}`,
+          variant: "bodyDens",
+          children: i
+        }
+      )
+    ] }),
+    []
+  ), ae = {
+    size: l,
+    disabled: y.disabled,
+    loading: f || n,
+    showDepartments: o.showDepartments,
+    showIds: o.showIds
+  };
+  return /* @__PURE__ */ d(
+    Ce,
+    {
+      ownerState: ae,
+      className: ne(U, t.root),
+      "data-testid": V ?? t.root,
+      children: [
+        /* @__PURE__ */ d(
+          De,
+          {
+            className: t.header,
+            "data-testid": t.header,
+            children: [
+              o.canShowDepartments && /* @__PURE__ */ a(
+                _,
+                {
+                  className: t.columnSwitch,
+                  "data-testid": "checkable-devices-picker-column-switch-departments",
+                  label: r(h.label_show_departments),
+                  labelPlacement: "start",
+                  size: l,
+                  checked: o.showDepartments,
+                  onChange: o.toggleDepartments
+                }
+              ),
+              o.canShowIds && /* @__PURE__ */ a(
+                _,
+                {
+                  className: t.columnSwitch,
+                  "data-testid": "checkable-devices-picker-column-switch-ids",
+                  label: r(h.label_show_ids),
+                  labelPlacement: "start",
+                  size: l,
+                  checked: o.showIds,
+                  onChange: o.toggleIds
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          Ie,
+          {
+            ...y,
+            className: t.list,
+            "data-testid": t.list,
+            groups: X,
+            items: Z,
+            value: Q,
+            onChange: W,
+            multiple: p,
+            loading: f || n,
+            searchable: T,
+            onSearchChange: ee,
+            size: l,
+            width: z,
+            measureImmediately: M,
+            selectAll: o.showDepartments,
+            selectAllLabel: K ?? r(h.label_select_all),
+            selectAllCount: q,
+            renderItem: te,
+            renderGroup: oe
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  He as CheckableDevicesPicker
+};

package/components/CheckableDevicesPicker/CheckableDevicesPicker.styles.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckableDevicesPicker.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CheckableDevicesPicker/CheckableDevicesPicker.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,4BAA4B,EAAE,4BAwJ1C,CAAC"}

package/components/CheckableDevicesPicker/CheckableDevicesPicker.styles.js

@@ -0,0 +1,157 @@
+import { getContrastTextColor as i } from "@m4l/graphics";
+import { CHECKABLE_LIST_CLASSES as o, SWITCH_CLASSES as a } from "@m4l/components";
+import { CHECKABLE_DEVICES_PICKER_WIDTH as s, CHECKABLE_DEVICES_PICKER_LIST_HEIGHT as n } from "./constants.js";
+const d = {
+  /**
+   * root: Surface of the picker. Fixed width taken from the Figma master; the
+   * height follows the content and the list scrolls inside.
+   */
+  root: ({ theme: e }) => ({
+    width: s,
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: e.vars.size.borderRadius.r3,
+    // `clip` instead of `hidden`: hidden still leaves a scrollable area, so
+    // focusing a control inside could scroll the surface sideways.
+    overflowY: "hidden",
+    overflowX: "clip"
+  }),
+  /**
+   * header: Row with the "Ver departamentos" and "Ver ID" switches.
+   */
+  header: ({ theme: e }) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: e.vars.size.baseSpacings.sp2,
+    padding: e.vars.size.baseSpacings.sp2
+  }),
+  /**
+   * columnSwitch: Each column switch inside the header. The master wraps the
+   * label and the toggle in their own outlined pill, so the Switch root is
+   * given the stroke and the padding here. `r4` is the largest radius token and
+   * CSS clamps it to half the 28px height, which is what fully rounds the box.
+   */
+  columnSwitch: ({ theme: e }) => ({
+    // Pinning the pills made the header wider than the fixed surface, and
+    // focusing a switch scrolled the whole panel sideways.
+    minWidth: 0,
+    height: e.vars.size.baseSpacings.sp7,
+    padding: `0 ${e.vars.size.baseSpacings.sp2}`,
+    borderRadius: e.vars.size.borderRadius.r4,
+    border: e.vars.size.borderStroke.container,
+    borderColor: e.vars.palette.border.disabled,
+    [`& .${a.label}`]: {
+      minWidth: 0,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    },
+    [`& .${a.muiSwitch}`]: {
+      flexShrink: 0
+    }
+  }),
+  /**
+   * list: Wrapper of the CheckableList; caps the height so long fleets scroll
+   * instead of growing the surface past the viewport.
+   * The master draws no dividers inside the panel and no stroke around the
+   * search field, so both are cleared here instead of in the shared list.
+   */
+  list: ({ theme: e }) => ({
+    display: "flex",
+    flexDirection: "column",
+    minHeight: 0,
+    height: n,
+    padding: e.vars.size.baseSpacings.sp1,
+    [`& .${o.selectAllContainer}`]: {
+      borderBottom: "none"
+    },
+    // Sin esto un nombre largo ensancha la fila en vez de recortarse: un flex
+    // item no encoge por debajo de su contenido salvo que se le permita.
+    [`& .${o.itemContentWrapper}`]: {
+      minWidth: 0
+    },
+    [`&&& .${o.searchInput} .MuiInputBase-root`]: {
+      border: "none",
+      // Sin borde el foco solo deja el halo suave; hay que devolverlo para que
+      // el TextField pinte su `primary.selected`.
+      // Stroke and color go in one shorthand on purpose: when a `border`
+      // shorthand built from a `var()` is followed by `borderColor` in the same
+      // block, Chrome drops the pending shorthand and only the color survives,
+      // so the field rendered `0px none` with the right color and the halo
+      // looked like a pale border.
+      "&:focus-within": {
+        border: `${e.vars.size.borderStroke.actionInput} ${e.vars.palette.primary.selected}`
+      }
+    }
+  }),
+  /**
+   * rowName: Device name inside a row.
+   * The variant already carries the master's line box, so no override is
+   * needed here.
+   */
+  rowName: () => ({
+    // La superficie nunca hace scroll horizontal: lo que no cabe salta de
+    // renglón y la fila crece, porque TanStack mide su alto real.
+    whiteSpace: "normal",
+    overflowWrap: "anywhere"
+  }),
+  /**
+   * rowSubtitle: Device plate inside a row, below the alias.
+   */
+  rowSubtitle: () => ({
+    whiteSpace: "normal",
+    overflowWrap: "anywhere"
+  }),
+  /**
+   * rowId: Device id inside a row.
+   */
+  rowId: () => ({
+    whiteSpace: "normal",
+    overflowWrap: "anywhere"
+  }),
+  /**
+   * groupRow: Lays out the group header. The CheckableList drops custom group
+   * content into a plain block, so the flex row that separates the label from
+   * the count badge has to be provided here.
+   */
+  groupRow: ({ theme: e }) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: e.vars.size.baseSpacings.sp2
+  }),
+  /**
+   * groupLabel: Group header label.
+   */
+  groupLabel: () => ({
+    flex: 1,
+    minWidth: 0,
+    whiteSpace: "normal",
+    overflowWrap: "anywhere"
+  }),
+  /**
+   * groupBadge: Group count badge. The background comes from the department
+   * color when the endpoint provides it, same contract the geofences
+   * assignment already feeds into CheckableListGroup.color.
+   * The specificity bump is needed because Typography resolves its own color
+   * from the `color` prop, which defaults to text.primary.
+   */
+  groupBadge: ({ theme: e, ownerState: r }) => ({
+    flexShrink: 0,
+    padding: `0 ${e.vars.size.baseSpacings.sp1}`,
+    borderRadius: e.vars.size.borderRadius.r3,
+    "&&": {
+      ...r?.color ? {
+        backgroundColor: r.color,
+        color: i(r.color)
+      } : {
+        backgroundColor: e.vars.palette.action.hover,
+        color: e.vars.palette.text.secondary
+      }
+    }
+  })
+};
+export {
+  d as checkableDevicesPickerStyles
+};

package/components/CheckableDevicesPicker/constants.d.ts

@@ -0,0 +1,22 @@
+export declare const CHECKABLE_DEVICES_PICKER_KEY_COMPONENT = "M4LCheckableDevicesPicker";
+export declare const CHECKABLE_DEVICES_PICKER_CLASSES: Record<"root" | "header" | "list" | "columnSwitch" | "rowName" | "rowSubtitle" | "rowId" | "groupRow" | "groupLabel" | "groupBadge", string>;
+/**
+ * Fixed width of the picker surface.
+ * Situational measure taken from the Figma master; it is a layout decision,
+ * not a design token. Consumers that need another width pass the inherited
+ * CheckableList `width` prop.
+ */
+export declare const CHECKABLE_DEVICES_PICKER_WIDTH = 320;
+/**
+ * Height reserved for the list.
+ * The CheckableList is virtualized and needs a measurable height; capping it
+ * here keeps long fleets scrolling instead of growing the surface past the
+ * viewport.
+ */
+export declare const CHECKABLE_DEVICES_PICKER_LIST_HEIGHT = 320;
+/**
+ * Group id used for devices with no department.
+ * It is rendered last so a selection is never hidden by the grouping.
+ */
+export declare const CHECKABLE_DEVICES_PICKER_DEFAULT_GROUP_ID = "default";
+//# sourceMappingURL=constants.d.ts.map

package/components/CheckableDevicesPicker/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CheckableDevicesPicker/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sCAAsC,8BAA8B,CAAC;AAElF,eAAO,MAAM,gCAAgC,8IAG5C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAQxD;;;GAGG;AACH,eAAO,MAAM,yCAAyC,YAAY,CAAC"}

package/components/CheckableDevicesPicker/constants.js

@@ -0,0 +1,13 @@
+import { getComponentClasses as E } from "@m4l/components";
+import { CheckableDevicesPickerSlots as C } from "./slots/CheckableDevicesPickerEnum.js";
+const _ = "M4LCheckableDevicesPicker", o = E(
+  _,
+  C
+), t = 320, c = 320, s = "default";
+export {
+  o as CHECKABLE_DEVICES_PICKER_CLASSES,
+  s as CHECKABLE_DEVICES_PICKER_DEFAULT_GROUP_ID,
+  _ as CHECKABLE_DEVICES_PICKER_KEY_COMPONENT,
+  c as CHECKABLE_DEVICES_PICKER_LIST_HEIGHT,
+  t as CHECKABLE_DEVICES_PICKER_WIDTH
+};

package/components/CheckableDevicesPicker/dictionary.d.ts

@@ -0,0 +1,15 @@
+export declare const CHECKABLE_DEVICES_PICKER_DICTIONARY_ID = "checkable_devices_picker";
+/**
+ * getCheckableDevicesPickerComponentsDictionary: Returns the dictionary ids
+ * used by the CheckableDevicesPicker component.
+ */
+export declare function getCheckableDevicesPickerComponentsDictionary(): string[];
+export declare const DICCTIONARY: {
+    readonly label_show_departments: "checkable_devices_picker.label_show_departments";
+    readonly label_show_ids: "checkable_devices_picker.label_show_ids";
+    readonly label_search_placeholder: "checkable_devices_picker.label_search_placeholder";
+    readonly label_select_all: "checkable_devices_picker.label_select_all";
+    readonly label_default_department: "checkable_devices_picker.label_default_department";
+};
+export type TypeDictionary = typeof DICCTIONARY;
+//# sourceMappingURL=dictionary.d.ts.map

package/components/CheckableDevicesPicker/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CheckableDevicesPicker/dictionary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sCAAsC,6BAA6B,CAAC;AAEjF;;;GAGG;AACH,wBAAgB,6CAA6C,aAE5D;AAED,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,OAAO,WAAW,CAAC"}

package/components/CheckableDevicesPicker/dictionary.js

@@ -0,0 +1,15 @@
+const e = "checkable_devices_picker";
+function l() {
+  return [e];
+}
+const _ = {
+  label_show_departments: `${e}.label_show_departments`,
+  label_show_ids: `${e}.label_show_ids`,
+  label_select_all: `${e}.label_select_all`,
+  label_default_department: `${e}.label_default_department`
+};
+export {
+  e as CHECKABLE_DEVICES_PICKER_DICTIONARY_ID,
+  _ as DICCTIONARY,
+  l as getCheckableDevicesPickerComponentsDictionary
+};

package/components/CheckableDevicesPicker/helpers/resolveDeviceGroup.d.ts

@@ -0,0 +1,11 @@
+import { DevicePickerGroupRef, DevicePickerOption } from '../types';
+/**
+ * Default group resolver for a device option.
+ * Accepts the department both as a plain name and as an object, because the
+ * devices endpoints in the workspace expose it in either shape: the geofences
+ * assignment consumes `{ id, name, color }` while the GPS history module
+ * receives it as a plain string. Returns null when the device has none, so the
+ * caller can place it in the default group.
+ */
+export declare function resolveDeviceGroup(option: DevicePickerOption): DevicePickerGroupRef | null;
+//# sourceMappingURL=resolveDeviceGroup.d.ts.map

package/components/CheckableDevicesPicker/helpers/resolveDeviceGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveDeviceGroup.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CheckableDevicesPicker/helpers/resolveDeviceGroup.ts"],"names":[],"mappings":"AACA,OAAO,EAA0B,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAmB5F;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,kBAAkB,GACzB,oBAAoB,GAAG,IAAI,CA2B7B"}

package/components/CheckableDevicesPicker/helpers/resolveDeviceGroup.js

@@ -0,0 +1,23 @@
+function i(t) {
+  return typeof t == "object" && t !== null;
+}
+function o(t) {
+  return typeof t == "string" && t.startsWith("#") ? t : void 0;
+}
+function l(t) {
+  const { department: e } = t;
+  if (!e)
+    return null;
+  if (i(e)) {
+    const r = e.name?.trim() || void 0, n = e.id ?? r;
+    return n === void 0 ? null : {
+      id: n,
+      label: r ?? String(n),
+      color: o(e.color)
+    };
+  }
+  return { id: e, label: e };
+}
+export {
+  l as resolveDeviceGroup
+};

package/components/CheckableDevicesPicker/helpers/toDeviceArray.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Normalizes the picker value into an array.
+ * The value mirrors the AutocompleteAsync contract, so it can arrive as an
+ * array (multiple), as a single option (single) or as null/undefined.
+ */
+export declare function toDeviceArray<T>(value: T | T[] | null | undefined): T[];
+//# sourceMappingURL=toDeviceArray.d.ts.map

package/components/CheckableDevicesPicker/helpers/toDeviceArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toDeviceArray.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CheckableDevicesPicker/helpers/toDeviceArray.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,EAAE,CAMvE"}

package/components/CheckableDevicesPicker/helpers/toDeviceArray.js

@@ -0,0 +1,6 @@
+function t(r) {
+  return Array.isArray(r) ? r : r ? [r] : [];
+}
+export {
+  t as toDeviceArray
+};