@m4l/gclick 0.28.0 → 0.29.0

package/components/CheckableDevicesPicker/hooks/types.d.ts

@@ -0,0 +1,178 @@
+import { ReactNode } from 'react';
+import { CheckableListGroup, CheckableListItem } from '@m4l/components';
+import { CheckableDevicesPickerProps, DevicePickerGroupRef, DevicePickerOption } from '../types';
+/**
+ * Subset of the picker props that configures the async source.
+ */
+export type UseDevicesAsyncOptionsProps<T> = Pick<CheckableDevicesPickerProps<T>, 'endPoint' | 'timeout' | 'parms' | 'resultField' | 'isRemote' | 'isExternalUrl' | 'responseToCamelCase' | 'shouldFetch' | 'onChangeFilterParms'>;
+/**
+ * Value returned by the async options hook.
+ */
+export interface UseDevicesAsyncOptionsReturn<T> {
+    /**
+     * Options loaded from the endpoint.
+     */
+    options: T[];
+    /**
+     * A request is in flight.
+     */
+    loading: boolean;
+    /**
+     * Notifies the engine that the panel opened, triggering the first fetch.
+     */
+    onOpen: () => void;
+    /**
+     * Notifies the engine that the panel closed.
+     */
+    onClose: () => void;
+    /**
+     * Forces a refetch with the current params.
+     */
+    refresh: () => void;
+    /**
+     * Feeds the panel search box into the remote query when the consumer
+     * provided `onChangeFilterParms`.
+     */
+    onSearchChange: (query: string) => void;
+}
+/**
+ * Options accepted by the device grouping hook.
+ */
+export interface UseDeviceGroupsProps<T = DevicePickerOption> {
+    /**
+     * Devices to organize.
+     */
+    options: T[];
+    /**
+     * Groups the devices by department when enabled.
+     */
+    grouped: boolean;
+    /**
+     * Resolves the group of a device; null falls into the default group.
+     */
+    getDeviceGroup: (option: T) => DevicePickerGroupRef | null;
+    /**
+     * Label used for devices with no department.
+     */
+    defaultGroupLabel: string;
+    /**
+     * Resolves the first line of a row.
+     */
+    getOptionLabel: (option: T) => string;
+    /**
+     * Resolves the second line of a row.
+     */
+    getDeviceSubtitle: (option: T) => string | undefined;
+    /**
+     * Resolves the icon of a row.
+     */
+    getDeviceIcon?: (option: T) => ReactNode;
+}
+/**
+ * Value returned by the device grouping hook.
+ */
+export interface UseDeviceGroupsReturn {
+    /**
+     * Collapsible groups fed to the CheckableList; undefined when flat.
+     */
+    groups?: CheckableListGroup[];
+    /**
+     * Flat items fed to the CheckableList; undefined when grouped.
+     */
+    items?: CheckableListItem[];
+}
+/**
+ * Options accepted by the panel columns hook.
+ */
+export interface UsePanelColumnsProps<T = DevicePickerOption> {
+    /**
+     * Devices used to detect whether each column has data at all.
+     */
+    options: T[];
+    /**
+     * Forces the "Ver departamentos" switch instead of deriving it.
+     */
+    showDepartments?: boolean;
+    /**
+     * Forces the "Ver ID" switch instead of deriving it.
+     */
+    showIds?: boolean;
+    /**
+     * Resolves the group of a device, used for the department detection.
+     */
+    getDeviceGroup: (option: T) => DevicePickerGroupRef | null;
+}
+/**
+ * Value returned by the panel columns hook.
+ */
+export interface UsePanelColumnsReturn {
+    /**
+     * The list is grouped by department.
+     */
+    showDepartments: boolean;
+    /**
+     * Rows render the id line.
+     */
+    showIds: boolean;
+    /**
+     * At least one device has a department, so the switch is offered.
+     */
+    canShowDepartments: boolean;
+    /**
+     * At least one device has an id, so the switch is offered.
+     */
+    canShowIds: boolean;
+    /**
+     * Toggles the "Ver departamentos" switch.
+     */
+    toggleDepartments: () => void;
+    /**
+     * Toggles the "Ver ID" switch.
+     */
+    toggleIds: () => void;
+}
+/**
+ * Options accepted by the selection hook.
+ */
+export interface UseDevicesSelectionProps<T = DevicePickerOption> {
+    /**
+     * Current picker value, as objects.
+     */
+    value: T | T[] | null | undefined;
+    /**
+     * Options currently loaded from the endpoint. Only the id-based selection
+     * needs them; a consumer that just reads the value (the DevicesPicker
+     * trigger) can omit them.
+     */
+    options?: T[];
+    /**
+     * Multiple selection.
+     */
+    multiple: boolean;
+    /**
+     * Reports the new value to the consumer.
+     */
+    onChange: CheckableDevicesPickerProps<T>['onChange'];
+}
+/**
+ * Value returned by the selection hook.
+ */
+export interface UseDevicesSelectionReturn<T = DevicePickerOption> {
+    /**
+     * Selected ids, the shape the CheckableList works with.
+     */
+    selectedIds: (string | number)[];
+    /**
+     * Currently selected devices, as objects.
+     */
+    selectedDevices: T[];
+    /**
+     * Translates a CheckableList id selection back into device objects.
+     */
+    handleSelectionChange: (selectedIds: (string | number)[]) => void;
+    /**
+     * Removes one device from the selection.
+     */
+    handleRemove: (device: T) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CheckableDevicesPicker/hooks/types.ts"],"names":[],"mappings":"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"}

package/components/CheckableDevicesPicker/hooks/useDeviceGroups.d.ts

@@ -0,0 +1,13 @@
+import { DevicePickerOption } from '../types';
+import { UseDeviceGroupsProps, UseDeviceGroupsReturn } from './types';
+/**
+ * Builds the CheckableList payload for the panel.
+ *
+ * The CheckableList consumes groups already built (it only flattens them to
+ * filter and virtualize), so the grouping lives here, mirroring what the
+ * geofences assignment does: one group per department carrying its color, so
+ * the count badge can be tinted with it. Devices with no department fall into a
+ * default group rendered last, so a selection is never hidden by the grouping.
+ */
+export declare function useDeviceGroups<T extends DevicePickerOption = DevicePickerOption>(props: UseDeviceGroupsProps<T>): UseDeviceGroupsReturn;
+//# sourceMappingURL=useDeviceGroups.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceGroups.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CheckableDevicesPicker/hooks/useDeviceGroups.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEtE;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EAC/E,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAC7B,qBAAqB,CA6EvB"}

package/components/CheckableDevicesPicker/hooks/useDeviceGroups.js

@@ -0,0 +1,51 @@
+import { useCallback as v, useMemo as p } from "react";
+import { CHECKABLE_DEVICES_PICKER_DEFAULT_GROUP_ID as c } from "../constants.js";
+function E(f) {
+  const {
+    options: i,
+    grouped: u,
+    getDeviceGroup: d,
+    defaultGroupLabel: n,
+    getOptionLabel: m,
+    getDeviceSubtitle: a,
+    getDeviceIcon: b
+  } = f, o = v(
+    (r) => ({
+      id: r.id,
+      label: m(r),
+      // Search matches label and description, so the name stays findable once
+      // the alias takes the first line.
+      description: a(r),
+      value: r,
+      icon: b?.(r),
+      metadata: {
+        subtitle: a(r),
+        deviceId: r.id
+      }
+    }),
+    [m, a, b]
+  ), g = p(() => {
+    if (!u)
+      return i.map(o);
+  }, [u, i, o]);
+  return { groups: p(() => {
+    if (!u)
+      return;
+    const r = i.reduce((e, t) => {
+      const l = d(t), s = String(l?.id ?? c);
+      return e[s] || (e[s] = {
+        id: s,
+        label: l?.label ?? n,
+        color: l?.color,
+        items: []
+      }), e[s].items.push(o(t)), e;
+    }, {});
+    return Object.values(r).map((e) => ({
+      ...e,
+      items: [...e.items].sort((t, l) => t.label.localeCompare(l.label))
+    })).sort((e, t) => e.id === c ? 1 : t.id === c ? -1 : e.label.localeCompare(t.label));
+  }, [u, i, d, n, o]), items: g };
+}
+export {
+  E as useDeviceGroups
+};

package/components/CheckableDevicesPicker/hooks/useDevicesAsyncOptions.d.ts

@@ -0,0 +1,13 @@
+import { UseDevicesAsyncOptionsProps, UseDevicesAsyncOptionsReturn } from './types';
+/**
+ * Drives the device options using the very same async engine as
+ * AutocompleteAsync: the shared reducer decides when to fetch and
+ * `useFetchOptions` performs the request with its abort handling.
+ * Options are fetched lazily, the first time the panel is opened.
+ *
+ * `onChangeFilterParms` behaves exactly like in AutocompleteAsync: the panel
+ * search box builds the query params, debounced by 300ms, and the request is
+ * re-issued so the backend returns the filtered list.
+ */
+export declare function useDevicesAsyncOptions<T>(props: UseDevicesAsyncOptionsProps<T>): UseDevicesAsyncOptionsReturn<T>;
+//# sourceMappingURL=useDevicesAsyncOptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDevicesAsyncOptions.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CheckableDevicesPicker/hooks/useDevicesAsyncOptions.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,2BAA2B,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEpF;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,GACpC,4BAA4B,CAAC,CAAC,CAAC,CAoFjC"}

package/components/CheckableDevicesPicker/hooks/useDevicesAsyncOptions.js

@@ -0,0 +1,69 @@
+import S from "lodash-es/debounce";
+import { useRef as g, useReducer as A, useCallback as c, useMemo as O, useEffect as P } from "react";
+import { autocompleteAsyncReducer as b, getInitialStateAutocompleteAsync as T, useFetchOptions as x, actionsType as r } from "@m4l/components";
+function k(l) {
+  const {
+    endPoint: p,
+    timeout: m = 5e3,
+    parms: i,
+    resultField: d = "data",
+    isRemote: f = !0,
+    isExternalUrl: h = !1,
+    responseToCamelCase: R,
+    shouldFetch: t,
+    onChangeFilterParms: n
+  } = l, u = g(""), [a, o] = A(
+    b(n),
+    T({ parms: i, onChangeFilterParms: n })
+  );
+  x({
+    state: a,
+    dispatch: o,
+    endPoint: p,
+    timeout: m,
+    isExternalUrl: h,
+    parms: i,
+    responseToCamelCase: R,
+    isRemote: f,
+    resultField: d
+  });
+  const E = c(() => {
+    const e = !t || t(u.current);
+    o({ type: r.OPEN, noFetch: !e });
+  }, [t]), F = c(() => o({ type: r.CLOSE }), []), y = c(() => o({ type: r.REFRESH }), []), s = O(
+    () => S(
+      (e) => {
+        o({
+          type: r.SET_QUERY_PARAMS,
+          payload: e
+        });
+      },
+      300,
+      { trailing: !0 }
+    ),
+    [o]
+  );
+  P(
+    () => () => {
+      s.cancel();
+    },
+    [s]
+  );
+  const C = c(
+    (e) => {
+      u.current = e, n && (!t || t(e)) && s(n(e));
+    },
+    [n, s, t]
+  );
+  return {
+    options: a.options,
+    loading: a.loading,
+    onOpen: E,
+    onClose: F,
+    refresh: y,
+    onSearchChange: C
+  };
+}
+export {
+  k as useDevicesAsyncOptions
+};

package/components/CheckableDevicesPicker/hooks/useDevicesSelection.d.ts

@@ -0,0 +1,12 @@
+import { DevicePickerOption } from '../types';
+import { UseDevicesSelectionProps, UseDevicesSelectionReturn } from './types';
+/**
+ * Bridges the picker value with the CheckableList selection.
+ *
+ * The picker reports device objects, mirroring the AutocompleteAsync contract
+ * and what the DynamicFilter stores, while the CheckableList works with ids.
+ * Already-selected devices are kept even when they are not in the latest
+ * options, so a selection made before a param change never disappears.
+ */
+export declare function useDevicesSelection<T extends DevicePickerOption = DevicePickerOption>(props: UseDevicesSelectionProps<T>): UseDevicesSelectionReturn<T>;
+//# sourceMappingURL=useDevicesSelection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDevicesSelection.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CheckableDevicesPicker/hooks/useDevicesSelection.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAE9E;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EACnF,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,GACjC,yBAAyB,CAAC,CAAC,CAAC,CAwC9B"}

package/components/CheckableDevicesPicker/hooks/useDevicesSelection.js

@@ -0,0 +1,26 @@
+import { useMemo as u, useCallback as d } from "react";
+import { toDeviceArray as h } from "../helpers/toDeviceArray.js";
+function D(m) {
+  const { value: i, options: r = [], multiple: c, onChange: l } = m, t = u(() => h(i), [i]), p = u(
+    () => t.map((n) => n.id),
+    [t]
+  ), v = d(
+    (n) => {
+      const o = /* @__PURE__ */ new Map();
+      t.forEach((e) => o.set(e.id, e)), r.forEach((e) => o.set(e.id, e));
+      const s = n.map((e) => o.get(e)).filter((e) => !!e), a = c ? s : s[0] ?? null;
+      l({ target: { value: a } }, a, "selectOption");
+    },
+    [t, r, c, l]
+  ), f = d(
+    (n) => {
+      const o = t.filter((a) => a.id !== n.id), s = c ? o : null;
+      l({ target: { value: s } }, s, "removeOption");
+    },
+    [t, c, l]
+  );
+  return { selectedIds: p, selectedDevices: t, handleSelectionChange: v, handleRemove: f };
+}
+export {
+  D as useDevicesSelection
+};

package/components/CheckableDevicesPicker/hooks/usePanelColumns.d.ts

@@ -0,0 +1,12 @@
+import { DevicePickerOption } from '../types';
+import { UsePanelColumnsProps, UsePanelColumnsReturn } from './types';
+/**
+ * Drives the two column switches of the panel.
+ *
+ * A switch is only offered when the data behind it exists: grouping by
+ * department is pointless if no device has one, and the id line would render an
+ * empty column. When the consumer passes the prop explicitly it wins over the
+ * detection.
+ */
+export declare function usePanelColumns<T extends DevicePickerOption = DevicePickerOption>(props: UsePanelColumnsProps<T>): UsePanelColumnsReturn;
+//# sourceMappingURL=usePanelColumns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelColumns.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CheckableDevicesPicker/hooks/usePanelColumns.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEtE;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EAC/E,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAC7B,qBAAqB,CA8CvB"}

package/components/CheckableDevicesPicker/hooks/usePanelColumns.js

@@ -0,0 +1,30 @@
+import { useMemo as m, useState as r, useEffect as i, useCallback as u } from "react";
+function g(p) {
+  const { options: s, showDepartments: t, showIds: o, getDeviceGroup: d } = p, n = m(
+    () => s.some((e) => d(e) !== null),
+    [s, d]
+  ), a = m(
+    () => s.some((e) => e.id !== void 0 && e.id !== null),
+    [s]
+  ), [f, l] = r(t ?? !1), [h, c] = r(o ?? !1);
+  i(() => {
+    t === void 0 && l(n);
+  }, [n, t]), i(() => {
+    o === void 0 && c(a);
+  }, [a, o]);
+  const w = u(
+    () => l((e) => !e),
+    []
+  ), D = u(() => c((e) => !e), []);
+  return {
+    showDepartments: (t ?? f) && n,
+    showIds: (o ?? h) && a,
+    canShowDepartments: n,
+    canShowIds: a,
+    toggleDepartments: w,
+    toggleIds: D
+  };
+}
+export {
+  g as usePanelColumns
+};

package/components/CheckableDevicesPicker/index.d.ts

@@ -0,0 +1,7 @@
+export * from './CheckableDevicesPicker';
+export * from './types';
+export * from './constants';
+export { CHECKABLE_DEVICES_PICKER_DICTIONARY_ID, getCheckableDevicesPickerComponentsDictionary, } from './dictionary';
+export * from './helpers/resolveDeviceGroup';
+export * from './helpers/toDeviceArray';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CheckableDevicesPicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,OAAO,EACL,sCAAsC,EACtC,6CAA6C,GAC9C,MAAM,cAAc,CAAC;AACtB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC"}

package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerEnum.d.ts

@@ -0,0 +1,23 @@
+export declare enum CheckableDevicesPickerSlots {
+    /** Surface of the picker: header, search and list stacked in a column. */
+    root = "root",
+    /** Row holding the "Ver departamentos" and "Ver ID" switches. */
+    header = "header",
+    /** Each column switch inside the header. */
+    columnSwitch = "columnSwitch",
+    /** The CheckableList that paints the devices. */
+    list = "list",
+    /** Device name inside a row. */
+    rowName = "rowName",
+    /** Device plate inside a row, below the alias. */
+    rowSubtitle = "rowSubtitle",
+    /** Device id inside a row, toggled by the "Ver ID" switch. */
+    rowId = "rowId",
+    /** Row that lays out the group header label and its count badge. */
+    groupRow = "groupRow",
+    /** Group header label. */
+    groupLabel = "groupLabel",
+    /** Group count badge, tinted with the department color. */
+    groupBadge = "groupBadge"
+}
+//# sourceMappingURL=CheckableDevicesPickerEnum.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckableDevicesPickerEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CheckableDevicesPicker/slots/CheckableDevicesPickerEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,2BAA2B;IACrC,0EAA0E;IAC1E,IAAI,SAAS;IACb,iEAAiE;IACjE,MAAM,WAAW;IACjB,4CAA4C;IAC5C,YAAY,iBAAiB;IAC7B,iDAAiD;IACjD,IAAI,SAAS;IACb,gCAAgC;IAChC,OAAO,YAAY;IACnB,kDAAkD;IAClD,WAAW,gBAAgB;IAC3B,8DAA8D;IAC9D,KAAK,UAAU;IACf,oEAAoE;IACpE,QAAQ,aAAa;IACrB,0BAA0B;IAC1B,UAAU,eAAe;IACzB,2DAA2D;IAC3D,UAAU,eAAe;CAC1B"}

package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerEnum.js

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((o) => (o.root = "root", o.header = "header", o.columnSwitch = "columnSwitch", o.list = "list", o.rowName = "rowName", o.rowSubtitle = "rowSubtitle", o.rowId = "rowId", o.groupRow = "groupRow", o.groupLabel = "groupLabel", o.groupBadge = "groupBadge", o))(r || {});
+export {
+  r as CheckableDevicesPickerSlots
+};