@m4l/gclick 0.28.0 → 0.29.0

package/components/DevicesPicker/subcomponents/DeviceCard/DeviceCard.d.ts

@@ -0,0 +1,8 @@
+import { DeviceCardProps } from './types';
+/**
+ * One selected device inside the trigger.
+ * Renders on top of the system Card and fills its internal slot with the
+ * device icon, alias, plate and id, plus the action that removes it.
+ */
+export declare function DeviceCard(props: DeviceCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeviceCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceCard.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/DevicesPicker/subcomponents/DeviceCard/DeviceCard.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAyEhD"}

package/components/DevicesPicker/subcomponents/DeviceCard/DeviceCard.js

@@ -0,0 +1,77 @@
+import { jsxs as r, jsx as a } from "@emotion/react/jsx-runtime";
+import { ActionsCloseSmOutlined as p } from "@m4l/icons";
+import { DEVICES_PICKER_CLASSES as e } from "../../constants.js";
+import { DeviceCardStyled as y, DeviceCardIconStyled as u, DeviceCardContentStyled as D, DeviceCardNameStyled as I, DeviceCardSubtitleStyled as N, DeviceCardIdStyled as h, DeviceCardRemoveStyled as x } from "../../slots/DevicesPickerSlots.js";
+function P(c) {
+  const {
+    name: o,
+    subtitle: d,
+    deviceId: l,
+    icon: t,
+    disableRemove: s = !1,
+    onRemove: n,
+    dataTestid: i,
+    variant: m = "outlined",
+    ...v
+  } = c, C = (S) => {
+    S.stopPropagation(), n?.();
+  };
+  return /* @__PURE__ */ r(
+    y,
+    {
+      ...v,
+      variant: m,
+      className: e.deviceCard,
+      "data-testid": i,
+      children: [
+        t && /* @__PURE__ */ a(u, { className: e.deviceCardIcon, children: t }),
+        /* @__PURE__ */ r(D, { className: e.deviceCardContent, children: [
+          /* @__PURE__ */ a(
+            I,
+            {
+              className: e.deviceCardName,
+              variant: "bodyStandard",
+              color: "text.primary",
+              ellipsis: !0,
+              children: o
+            }
+          ),
+          d && /* @__PURE__ */ a(
+            N,
+            {
+              className: e.deviceCardSubtitle,
+              variant: "microSlim",
+              color: "text.secondary",
+              ellipsis: !0,
+              children: d
+            }
+          ),
+          /* @__PURE__ */ a(
+            h,
+            {
+              className: e.deviceCardId,
+              variant: "microSlim",
+              color: "text.secondary",
+              ellipsis: !0,
+              children: `ID ${l}`
+            }
+          )
+        ] }),
+        !s && /* @__PURE__ */ a(
+          x,
+          {
+            className: e.deviceCardRemove,
+            dataTestId: i ? `${i}-remove` : void 0,
+            icon: /* @__PURE__ */ a(p, {}),
+            variant: "text",
+            size: "small",
+            onClick: C
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  P as DeviceCard
+};

package/components/DevicesPicker/subcomponents/DeviceCard/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DeviceCard';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/DevicesPicker/subcomponents/DeviceCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/DevicesPicker/subcomponents/DeviceCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/components/DevicesPicker/subcomponents/DeviceCard/types.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { CardProps } from '@m4l/components';
+/**
+ * Props of the DeviceCard subcomponent.
+ * Extends the system Card contract: the card is the Card itself, this
+ * subcomponent only fills its internal slot with the device content.
+ * `children` is omitted because that slot is owned by the card.
+ */
+export interface DeviceCardProps extends Omit<CardProps, 'children'> {
+    /**
+     * Device name, rendered as the first line.
+     */
+    name: string;
+    /**
+     * Device plate, rendered as the second line when present.
+     */
+    subtitle?: string;
+    /**
+     * Device id, rendered as the third line.
+     * Named `deviceId` because `id` is already the DOM attribute inherited
+     * from the Card.
+     */
+    deviceId: string | number;
+    /**
+     * Icon rendered at the start of the card.
+     */
+    icon?: ReactNode;
+    /**
+     * Hides the remove action; used in single-selection contexts, where the
+     * selection is replaced instead of removed one by one.
+     */
+    disableRemove?: boolean;
+    /**
+     * Removes this device from the selection.
+     */
+    onRemove?: () => void;
+    /**
+     * Custom data-testid for testing purposes.
+     */
+    dataTestid?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/DevicesPicker/subcomponents/DeviceCard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/DevicesPicker/subcomponents/DeviceCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/DevicesPickerSkeleton.d.ts

@@ -0,0 +1,10 @@
+import { DevicesPickerSkeletonProps } from './types';
+/**
+ * Loading state of the trigger.
+ *
+ * The master draws a single row — the icon box, one text bar and the chevron —
+ * with the same geometry as the placeholder, so the layout does not jump when
+ * the devices arrive. Nothing is interactive until there is data.
+ */
+export declare function DevicesPickerSkeleton(props: DevicesPickerSkeletonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DevicesPickerSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DevicesPickerSkeleton.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/DevicesPickerSkeleton.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAErD;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,oDAwBtE"}

package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/DevicesPickerSkeleton.js

@@ -0,0 +1,35 @@
+import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
+import { DEVICES_PICKER_CLASSES as t } from "../../constants.js";
+import { SkeletonCardStyled as l, SkeletonIconStyled as s, SkeletonLineStyled as c, SkeletonChevronStyled as i } from "../../slots/DevicesPickerSlots.js";
+function d(r) {
+  const { size: o = "medium" } = r, e = { size: o };
+  return /* @__PURE__ */ a(l, { ownerState: e, className: t.skeletonCard, children: [
+    /* @__PURE__ */ n(
+      s,
+      {
+        ownerState: e,
+        className: t.skeletonIcon,
+        variant: "rectangular"
+      }
+    ),
+    /* @__PURE__ */ n(
+      c,
+      {
+        ownerState: e,
+        className: t.skeletonLine,
+        variant: "rectangular"
+      }
+    ),
+    /* @__PURE__ */ n(
+      i,
+      {
+        ownerState: e,
+        className: t.skeletonChevron,
+        variant: "rectangular"
+      }
+    )
+  ] });
+}
+export {
+  d as DevicesPickerSkeleton
+};

package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DevicesPickerSkeleton';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}

package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/types.d.ts

@@ -0,0 +1,11 @@
+import { Sizes } from '@m4l/styles';
+/**
+ * Props of the DevicesPickerSkeleton subcomponent.
+ */
+export interface DevicesPickerSkeletonProps {
+    /**
+     * Size of the ghost elements, aligned with the picker size.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CAC3C"}

package/components/DevicesPicker/subcomponents/SelectedDevicesList/SelectedDevicesList.d.ts

@@ -0,0 +1,11 @@
+import { DevicePickerOption } from '../../../CheckableDevicesPicker/types';
+import { SelectedDevicesListProps } from './types';
+/**
+ * List of every selected device, opened from the +N toggle.
+ *
+ * It is the only way to reach the cards that do not fit in the trigger, so it
+ * always lists the whole selection — not just the hidden ones — and each row
+ * can be removed from here.
+ */
+export declare function SelectedDevicesList<T extends DevicePickerOption = DevicePickerOption>(props: SelectedDevicesListProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectedDevicesList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedDevicesList.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/DevicesPicker/subcomponents/SelectedDevicesList/SelectedDevicesList.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EACnF,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,oDAsDnC"}

package/components/DevicesPicker/subcomponents/SelectedDevicesList/SelectedDevicesList.js

@@ -0,0 +1,61 @@
+import { jsxs as s, jsx as i } from "@emotion/react/jsx-runtime";
+import { Icon as p, Typography as L } from "@m4l/base";
+import { useModuleDictionary as S } from "@m4l/core";
+import { ConectivityDispositiveOutlined as y } from "@m4l/icons";
+import { DEVICES_PICKER_CLASSES as e } from "../../constants.js";
+import { DICCTIONARY as u } from "../../dictionary.js";
+import { SelectedListStyled as I, SelectedListHeaderStyled as C, SelectedListTitleStyled as f, SelectedListCountStyled as D, SelectedListItemsStyled as b } from "../../slots/DevicesPickerSlots.js";
+import { DeviceCard as h } from "../DeviceCard/DeviceCard.js";
+function O(o) {
+  const {
+    devices: l,
+    getOptionLabel: r,
+    getDeviceSubtitle: c,
+    getDeviceIcon: d,
+    onRemove: a,
+    titleIcon: n
+  } = o, { getLabel: m } = S();
+  return /* @__PURE__ */ s(
+    I,
+    {
+      className: e.selectedList,
+      "data-testid": e.selectedList,
+      children: [
+        /* @__PURE__ */ s(C, { className: e.selectedListHeader, children: [
+          /* @__PURE__ */ s(f, { className: e.selectedListTitle, children: [
+            n ?? /* @__PURE__ */ i(p, { src: /* @__PURE__ */ i(y, {}), color: "text.secondary" }),
+            /* @__PURE__ */ i(L, { variant: "bodyStandard", color: "text.secondary", ellipsis: !0, children: m(u.label_selected_title) })
+          ] }),
+          /* @__PURE__ */ i(
+            D,
+            {
+              className: e.selectedListCount,
+              "data-testid": e.selectedListCount,
+              label: `${l.length}`,
+              color: "primary",
+              variant: "contained",
+              size: "small",
+              opacity: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(b, { className: e.selectedListItems, children: l.map((t) => /* @__PURE__ */ i(
+          h,
+          {
+            deviceId: t.id,
+            name: r(t),
+            subtitle: c(t),
+            icon: d?.(t),
+            variant: "text",
+            onRemove: () => a(t),
+            dataTestid: `${e.selectedListItems}-${t.id}`
+          },
+          t.id
+        )) })
+      ]
+    }
+  );
+}
+export {
+  O as SelectedDevicesList
+};

package/components/DevicesPicker/subcomponents/SelectedDevicesList/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SelectedDevicesList';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/DevicesPicker/subcomponents/SelectedDevicesList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/DevicesPicker/subcomponents/SelectedDevicesList/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/DevicesPicker/subcomponents/SelectedDevicesList/types.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { DevicePickerOption } from '../../../CheckableDevicesPicker/types';
+/**
+ * Props of the SelectedDevicesList subcomponent.
+ */
+export interface SelectedDevicesListProps<T = DevicePickerOption> {
+    /**
+     * Devices currently selected, including the ones hidden in the trigger.
+     */
+    devices: T[];
+    /**
+     * Resolves the first line of each row.
+     */
+    getOptionLabel: (option: T) => string;
+    /**
+     * Resolves the second line of each row.
+     */
+    getDeviceSubtitle: (option: T) => string | undefined;
+    /**
+     * Resolves the icon of each row.
+     */
+    getDeviceIcon?: (option: T) => ReactNode;
+    /**
+     * Removes one device from the selection.
+     */
+    onRemove: (device: T) => void;
+    /**
+     * Icon rendered at the start of the header, before the title.
+     */
+    titleIcon?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/DevicesPicker/subcomponents/SelectedDevicesList/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/DevicesPicker/subcomponents/SelectedDevicesList/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,wBAAwB,CAAC,CAAC,GAAG,kBAAkB;IAC9D;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAC;IACb;;OAEG;IACH,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IACtC;;OAEG;IACH,iBAAiB,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACrD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC;IACzC;;OAEG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}

package/components/DevicesPicker/types.d.ts

@@ -0,0 +1,91 @@
+import { Theme } from '@mui/material/styles';
+import { Sizes } from '@m4l/styles';
+import { AutocompleteAsyncProps, M4LOverridesStyleRules } from '@m4l/components';
+import { DevicePickerGroupRef, DevicePickerOption } from '../CheckableDevicesPicker/types';
+import { DEVICES_PICKER_KEY_COMPONENT } from './constants';
+import { DevicesPickerSlots } from './slots/DevicesPickerEnum';
+/**
+ * Props inherited from AutocompleteAsync that only make sense for its text
+ * `<input>`. The DevicesPicker has no text input in the trigger (the search
+ * field lives inside the panel), so they are removed from the public contract:
+ * passing them must fail at compile time instead of being silently ignored.
+ */
+export type DevicesPickerInputOnlyProps = 'readOnly' | 'startAdornment' | 'endAdornment' | 'autoCapitalize' | 'autoComplete' | 'type' | 'htmlFor' | 'menuMinWidth' | 'minWidth' | 'variant' | 'refresh' | 'onChangeFilterParmsLocal' | 'getOptionUrlImage' | 'getOptionStartAdornment' | 'getOptionEndAdornment' | 'getOptionDescription' | 'getOptionLabel';
+/**
+ * Props of the DevicesPicker component.
+ * Extends the AutocompleteAsync contract so the async engine (endPoint, parms,
+ * resultField, isRemote, shouldFetch...) is declared once and stays in sync.
+ * The engine props are forwarded verbatim to the CheckableDevicesPicker
+ * mounted inside the selection popover, which is what performs the fetch.
+ */
+export interface DevicesPickerProps<T = DevicePickerOption> extends Omit<AutocompleteAsyncProps<T>, DevicesPickerInputOnlyProps> {
+    /**
+     * Visibility of the +N overflow toggle (Figma `Show+`).
+     * Disable it only when the container guarantees room for every card.
+     */
+    showOverflowToggle?: boolean;
+    /**
+     * "Ver departamentos" switch: groups the list and shows the "Todos" row.
+     * Omitted means derived from the data.
+     */
+    showDepartments?: boolean;
+    /**
+     * "Ver ID" switch: shows the id line on every row.
+     * Omitted means derived from the data.
+     */
+    showIds?: boolean;
+    /**
+     * Renders the search field inside the panel.
+     */
+    searchable?: boolean;
+    /**
+     * Text shown in the trigger while there is no selection.
+     */
+    placeholder?: string;
+    /**
+     * Resolves the group of an option; null falls into the default group.
+     */
+    getDeviceGroup?: (option: T) => DevicePickerGroupRef | null;
+}
+/**
+ * Owner state shared by the DevicesPicker slots for styling purposes.
+ */
+export interface DevicesPickerOwnerState extends Record<string, unknown> {
+    /**
+     * Size of the component.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Selection panel is open; adds the primary stroke to the trigger.
+     */
+    panelOpen?: boolean;
+    /**
+     * Selected-devices list is open.
+     */
+    listOpen?: boolean;
+    /**
+     * Validation failed; paints the trigger stroke with the error token.
+     */
+    error?: boolean;
+    /**
+     * Whole picker is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Devices are still loading; renders the tokenized skeleton.
+     */
+    loading?: boolean;
+    /**
+     * There is at least one selected device.
+     */
+    hasSelection?: boolean;
+}
+/**
+ * Slot names available for the DevicesPicker.
+ */
+export type DevicesPickerSlotsType = keyof typeof DevicesPickerSlots;
+/**
+ * Styles applicable to the DevicesPicker through theme overrides and slots.
+ */
+export type DevicesPickerStyles = M4LOverridesStyleRules<DevicesPickerSlotsType, typeof DEVICES_PICKER_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DevicesPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,MAAM,2BAA2B,GACnC,UAAU,GACV,gBAAgB,GAChB,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,MAAM,GACN,SAAS,GACT,cAAc,GACd,UAAU,GACV,SAAS,GACT,SAAS,GACT,0BAA0B,GAC1B,mBAAmB,GACnB,yBAAyB,GACzB,uBAAuB,GACvB,sBAAsB,GAItB,gBAAgB,CAAC;AAErB;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,kBAAkB,CACxD,SAAQ,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,2BAA2B,CAAC;IACpE;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,oBAAoB,GAAG,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CACtD,sBAAsB,EACtB,OAAO,4BAA4B,EACnC,KAAK,CACN,CAAC"}

package/components/RHFs/RHFCheckableDevicesPicker/RHFCheckableDevicesPicker.d.ts

@@ -0,0 +1,23 @@
+import { Ref } from 'react';
+import { DevicePickerOption } from '../../CheckableDevicesPicker/types';
+import { RHFCheckableDevicesPickerProps } from './types';
+/**
+ * RHFCheckableDevicesPicker: grouped device selector integrated with
+ * react-hook-form.
+ * Wraps CheckableDevicesPicker with the same HOC as RHFDevicesPicker, so form
+ * state, label and error message behave identically, and the field stores the
+ * selected devices as objects.
+ * @example
+ * ```tsx
+ * <RHFCheckableDevicesPicker
+ *   name="devices"
+ *   label="Dispositivos"
+ *   endPoint="devices"
+ *   multiple
+ * />
+ * ```
+ */
+export declare const RHFCheckableDevicesPicker: <T = DevicePickerOption>(props: RHFCheckableDevicesPickerProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}) => JSX.Element;
+//# sourceMappingURL=RHFCheckableDevicesPicker.d.ts.map

package/components/RHFs/RHFCheckableDevicesPicker/RHFCheckableDevicesPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFCheckableDevicesPicker.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/RHFs/RHFCheckableDevicesPicker/RHFCheckableDevicesPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAI9D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,yBAAyB,EAA+C,CACnF,CAAC,GAAG,kBAAkB,EAEtB,KAAK,EAAE,8BAA8B,CAAC,CAAC,CAAC,GAAG;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,KACE,GAAG,CAAC,OAAO,CAAC"}

package/components/RHFs/RHFCheckableDevicesPicker/RHFCheckableDevicesPicker.js

@@ -0,0 +1,6 @@
+import { withRHFController as e } from "@m4l/components";
+import { CheckableDevicesPicker as c } from "../../CheckableDevicesPicker/CheckableDevicesPicker.js";
+const r = e(c), t = r;
+export {
+  t as RHFCheckableDevicesPicker
+};

package/components/RHFs/RHFCheckableDevicesPicker/index.d.ts

@@ -0,0 +1,3 @@
+export { RHFCheckableDevicesPicker } from './RHFCheckableDevicesPicker';
+export type { RHFCheckableDevicesPickerProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/RHFs/RHFCheckableDevicesPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/RHFs/RHFCheckableDevicesPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,YAAY,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC"}

package/components/RHFs/RHFCheckableDevicesPicker/types.d.ts

@@ -0,0 +1,10 @@
+import { BaseRHFProps } from '@m4l/components';
+import { CheckableDevicesPickerProps, DevicePickerOption } from '../../CheckableDevicesPicker/types';
+/**
+ * Props for RHFCheckableDevicesPicker (CheckableDevicesPicker wrapped with
+ * withRHFController). value and onChange are injected by the HOC from the form
+ * state, and `ref` is the HOC's own (it points at the wrapper root), so the
+ * picker's imperative handle is not part of the form contract.
+ */
+export type RHFCheckableDevicesPickerProps<T = DevicePickerOption> = BaseRHFProps & Omit<CheckableDevicesPickerProps<T>, 'value' | 'onChange' | 'ref'>;
+//# sourceMappingURL=types.d.ts.map

package/components/RHFs/RHFCheckableDevicesPicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/RHFs/RHFCheckableDevicesPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,2BAA2B,EAC3B,kBAAkB,EACnB,MAAM,oCAAoC,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,MAAM,8BAA8B,CAAC,CAAC,GAAG,kBAAkB,IAAI,YAAY,GAC/E,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,KAAK,CAAC,CAAC"}

package/components/RHFs/RHFDevicesPicker/RHFDevicesPicker.d.ts

@@ -0,0 +1,21 @@
+import { Ref } from 'react';
+import { DevicePickerOption } from '../../CheckableDevicesPicker/types';
+import { RHFDevicesPickerProps } from './types';
+/**
+ * RHFDevicesPicker: device selector integrated with react-hook-form.
+ * Wraps DevicesPicker with the same HOC as RHFAutocompleteAsync, so form
+ * state, label and error message behave identically.
+ * @example
+ * ```tsx
+ * <RHFDevicesPicker
+ *   name="devices"
+ *   label="Dispositivos"
+ *   endPoint="devices"
+ *   multiple
+ * />
+ * ```
+ */
+export declare const RHFDevicesPicker: <T = DevicePickerOption>(props: RHFDevicesPickerProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}) => JSX.Element;
+//# sourceMappingURL=RHFDevicesPicker.d.ts.map

package/components/RHFs/RHFDevicesPicker/RHFDevicesPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFDevicesPicker.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/RHFs/RHFDevicesPicker/RHFDevicesPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAIrD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,EAAsC,CACjE,CAAC,GAAG,kBAAkB,EAEtB,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,KACE,GAAG,CAAC,OAAO,CAAC"}

package/components/RHFs/RHFDevicesPicker/RHFDevicesPicker.js

@@ -0,0 +1,6 @@
+import { withRHFController as e } from "@m4l/components";
+import { DevicesPicker as r } from "../../DevicesPicker/DevicesPicker.js";
+const i = e(r), t = i;
+export {
+  t as RHFDevicesPicker
+};

package/components/RHFs/RHFDevicesPicker/index.d.ts

@@ -0,0 +1,3 @@
+export { RHFDevicesPicker } from './RHFDevicesPicker';
+export type { RHFDevicesPickerProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/RHFs/RHFDevicesPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/RHFs/RHFDevicesPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/components/RHFs/RHFDevicesPicker/types.d.ts

@@ -0,0 +1,9 @@
+import { BaseRHFProps } from '@m4l/components';
+import { DevicesPickerProps } from '../../DevicesPicker/types';
+import { DevicePickerOption } from '../../CheckableDevicesPicker/types';
+/**
+ * Props for RHFDevicesPicker (DevicesPicker wrapped with withRHFController).
+ * value and onChange are injected by the HOC from the form state.
+ */
+export type RHFDevicesPickerProps<T = DevicePickerOption> = BaseRHFProps & Omit<DevicesPickerProps<T>, 'value' | 'onChange'>;
+//# sourceMappingURL=types.d.ts.map

package/components/RHFs/RHFDevicesPicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/RHFs/RHFDevicesPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE;;;GAGG;AACH,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,kBAAkB,IAAI,YAAY,GACtE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC"}

package/components/RHFs/renderAsRegistry.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Home of the `renderAs` catalogs. Each catalog is named after the component
+ * its entries stand in for, so a file holding several of them still says which
+ * one substitutes what.
+ *
+ * Every catalog follows the same rule: the consumer resolves the entry it needs
+ * and hands the component over already resolved
+ * (`renderAs: RHF_AUTOCOMPLETE_ASYNC_RENDER_AS_REGISTRY.devices`). No generic
+ * component reads a catalog, so neither `RHFAutocompleteAsync` nor the
+ * `DynamicFilter` learns about devices or any other domain a picker may belong
+ * to.
+ *
+ * Once a second catalog needs its own pickers, split this file into one module
+ * per catalog: sharing a module would make importing one catalog pull in the
+ * components of all the others.
+ */
+/**
+ * Components that can be rendered in place of `RHFAutocompleteAsync`.
+ * To belong here a component must accept `RHFAutocompleteAsyncProps` and be
+ * already wired to react-hook-form, which is what the `RHF` prefix states.
+ *
+ * Adding a picker means adding one entry here; nothing downstream changes.
+ */
+export declare const RHF_AUTOCOMPLETE_ASYNC_RENDER_AS_REGISTRY: {
+    readonly devices: <T = import('..').DevicePickerOption>(props: import('./RHFDevicesPicker').RHFDevicesPickerProps<T> & {
+        ref?: import('react').Ref<HTMLDivElement>;
+    }) => JSX.Element;
+};
+/**
+ * Keys of the `RHFAutocompleteAsync` picker catalog.
+ */
+export type RHFAutocompleteAsyncRenderAsKey = keyof typeof RHF_AUTOCOMPLETE_ASYNC_RENDER_AS_REGISTRY;
+//# sourceMappingURL=renderAsRegistry.d.ts.map

package/components/RHFs/renderAsRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderAsRegistry.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/RHFs/renderAsRegistry.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,yCAAyC;;WANrD,CAAD;;CAQU,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,+BAA+B,GACzC,MAAM,OAAO,yCAAyC,CAAC"}

package/components/RHFs/renderAsRegistry.js

@@ -0,0 +1,7 @@
+import { RHFDevicesPicker as e } from "./RHFDevicesPicker/RHFDevicesPicker.js";
+const E = {
+  devices: e
+};
+export {
+  E as RHF_AUTOCOMPLETE_ASYNC_RENDER_AS_REGISTRY
+};

package/components/index.d.ts

@@ -14,4 +14,10 @@ export * from './ReportsViewer';
 export * from './TimelineCardsViewer';
 export * from './AddressLocation';
 export * from './RHFs/RHFAddressLocation';
+export * from './DevicesPicker';
+export * from './CheckableDevicesPicker';
+export * from './RHFs/RHFDevicesPicker';
+export * from './RHFs/RHFCheckableDevicesPicker';
+export { RHF_AUTOCOMPLETE_ASYNC_RENDER_AS_REGISTRY } from './RHFs/renderAsRegistry';
+export type { RHFAutocompleteAsyncRenderAsKey } from './RHFs/renderAsRegistry';
 //# sourceMappingURL=index.d.ts.map

package/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/gclick/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,gCAAgC,EAAE,MAAM,QAAQ,CAAC;AAC1D,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/gclick/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,gCAAgC,EAAE,MAAM,QAAQ,CAAC;AAC1D,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,yCAAyC,EAAE,MAAM,yBAAyB,CAAC;AACpF,YAAY,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC"}

package/helpers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './resolveDeviceIcon';
+export * from './resolveDeviceLabels';
+//# sourceMappingURL=index.d.ts.map