@m4l/components 9.54.2 → 9.55.0

package/components/hook-form/RHFDevicesPicker/RHFDevicesPicker.d.ts

@@ -0,0 +1,21 @@
+import { Ref } from 'react';
+import { DevicePickerOption } from '../../DevicesPicker/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/hook-form/RHFDevicesPicker/RHFDevicesPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFDevicesPicker.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/hook-form/RHFDevicesPicker/RHFDevicesPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,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/hook-form/RHFDevicesPicker/RHFDevicesPicker.js

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

package/components/hook-form/RHFDevicesPicker/index.d.ts

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

package/components/hook-form/RHFDevicesPicker/index.d.ts.map

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

package/components/hook-form/RHFDevicesPicker/types.d.ts

@@ -0,0 +1,8 @@
+import { BaseRHFProps } from '../../../hocs/withRHFController/types';
+import { DevicePickerOption, DevicesPickerProps } from '../../DevicesPicker/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/hook-form/RHFDevicesPicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/hook-form/RHFDevicesPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEnF;;;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/hook-form/index.d.ts

@@ -5,6 +5,9 @@ export { getRHFAutocompleteComponentsDictionary } from './RHFAutocomplete/dictio
 export { RHFAutocompleteAsync } from './RHFAutocompleteAsync/RHFAutocompleteAsync';
 export * from './RHFImageSelector';
 export { getRHFAutocompleteAsyncComponentsDictionary } from './RHFAutocompleteAsync/dictionary';
+export * from './RHFDevicesPicker';
+export { RHF_AUTOCOMPLETE_ASYNC_RENDER_AS_REGISTRY } from './renderAsRegistry';
+export type { RHFAutocompleteAsyncRenderAsKey } from './renderAsRegistry';
 export * from './RHFCheckbox/RHFCheckbox';
 export * from './RHFCheckableList';
 export { RHFDateTime } from './RHFDateTime';

package/components/hook-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/hook-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,sCAAsC,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,2CAA2C,EAAE,MAAM,mCAAmC,CAAC;AAChG,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/hook-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,sCAAsC,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,2CAA2C,EAAE,MAAM,mCAAmC,CAAC;AAChG,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,yCAAyC,EAAE,MAAM,oBAAoB,CAAC;AAC/E,YAAY,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAC1E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}

package/components/hook-form/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/hook-form/renderAsRegistry.d.ts.map

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

package/components/hook-form/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

@@ -7,6 +7,7 @@ export * from './areas';
 export * from './BaseModule';
 export * from './Card';
 export * from './CheckableList';
+export * from './DevicesPicker';
 export * from './Chip';
 export * from './ColorPicker';
 export * from './Card';

package/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/components/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,YAAY,EACV,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,+BAA+B,EAC/B,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/components/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,YAAY,EACV,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,+BAA+B,EAC/B,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/helpers/resolveDeviceIconSrc/constants.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Backend route that serves a graphic resource by its id, appended to
+ * `hostApiRemote`. Exported on its own so a future icon family reuses the
+ * endpoint contract instead of re-declaring the path.
+ */
+export declare const DEVICE_ICONS_PATH = "/main/na/icons/";
+/**
+ * Variant suffix the backend expects for the 3D vehicle artwork. The devices
+ * endpoint publishes the bare id and every consumer appends the variant.
+ */
+export declare const DEVICE_ICON_VARIANT_SUFFIX = "_3d_white";
+/** Used for devices that arrive with no icon id. */
+export declare const DEVICE_FALLBACK_ICON_ID = "i_common_devices_type_sedan";
+//# sourceMappingURL=constants.d.ts.map

package/helpers/resolveDeviceIconSrc/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/helpers/resolveDeviceIconSrc/constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,oBAAoB,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,0BAA0B,cAAc,CAAC;AAEtD,oDAAoD;AACpD,eAAO,MAAM,uBAAuB,gCAAgC,CAAC"}

package/helpers/resolveDeviceIconSrc/constants.js

@@ -0,0 +1,6 @@
+const _ = "/main/na/icons/", I = "_3d_white", n = "i_common_devices_type_sedan";
+export {
+  n as DEVICE_FALLBACK_ICON_ID,
+  _ as DEVICE_ICONS_PATH,
+  I as DEVICE_ICON_VARIANT_SUFFIX
+};

package/helpers/resolveDeviceIconSrc/index.d.ts

@@ -0,0 +1,3 @@
+export { resolveDeviceIconSrc } from './resolveDeviceIconSrc';
+export { DEVICE_FALLBACK_ICON_ID, DEVICE_ICONS_PATH, DEVICE_ICON_VARIANT_SUFFIX, } from './constants';
+//# sourceMappingURL=index.d.ts.map

package/helpers/resolveDeviceIconSrc/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/helpers/resolveDeviceIconSrc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,0BAA0B,GAC3B,MAAM,aAAa,CAAC"}

package/helpers/resolveDeviceIconSrc/resolveDeviceIconSrc.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Build the url of a device artwork, asking the backend for the icon id it
+ * published in `deviceIcon.iconId`.
+ *
+ * This is the single place that owns the device-icon contract: the endpoint
+ * path, the artwork variant and the fallback id. Every surface that paints a
+ * device — pickers, cards, lists, map markers — must resolve through here, so a
+ * change to the contract is one edit and never a hunt across components.
+ *
+ * A new device type needs no change at all: the backend publishes the id and
+ * the frontend forwards it.
+ */
+export declare function resolveDeviceIconSrc(hostApiRemote: string | undefined, iconId?: string | null): string;
+//# sourceMappingURL=resolveDeviceIconSrc.d.ts.map

package/helpers/resolveDeviceIconSrc/resolveDeviceIconSrc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveDeviceIconSrc.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/helpers/resolveDeviceIconSrc/resolveDeviceIconSrc.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,MAAM,GAAG,SAAS,EACjC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GACrB,MAAM,CAKR"}

package/helpers/resolveDeviceIconSrc/resolveDeviceIconSrc.js

@@ -0,0 +1,8 @@
+import { DEVICE_FALLBACK_ICON_ID as r, DEVICE_ICONS_PATH as c, DEVICE_ICON_VARIANT_SUFFIX as _ } from "./constants.js";
+function C(e, I) {
+  const o = I?.trim() || r;
+  return `${(e ?? "").replace(/\/+$/u, "")}${c}${o}${_}`;
+}
+export {
+  C as resolveDeviceIconSrc
+};

package/helpers/resolveDeviceLabels/index.d.ts

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

package/helpers/resolveDeviceLabels/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/helpers/resolveDeviceLabels/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAClF,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/helpers/resolveDeviceLabels/resolveDeviceLabels.d.ts

@@ -0,0 +1,22 @@
+import { DeviceLabelsSource } from './types';
+/**
+ * Resolve the first line of a device: the alias, or the name when the device
+ * carries no alias.
+ *
+ * This is the single place that owns the device label contract. The alias is
+ * what identifies a vehicle for the people using the platform, so it always
+ * wins the prominent line; the name takes it only when there is no alias, and
+ * moves to the description line otherwise.
+ *
+ * Every surface that paints a device — picker cards, panel rows, selected
+ * lists, filter chips — must resolve through here, so the same device never
+ * reads one way in a module and another way in a shared component.
+ */
+export declare function resolveDeviceTitle(device?: DeviceLabelsSource | null): string;
+/**
+ * Resolve the second line of a device: the name, once the alias took the first
+ * line. Empty when there is no alias, because the name is already on top and
+ * repeating it would paint the same text twice.
+ */
+export declare function resolveDeviceSubtitle(device?: DeviceLabelsSource | null): string;
+//# sourceMappingURL=resolveDeviceLabels.d.ts.map

package/helpers/resolveDeviceLabels/resolveDeviceLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveDeviceLabels.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/helpers/resolveDeviceLabels/resolveDeviceLabels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,CAAC,EAAE,kBAAkB,GAAG,IAAI,GAAG,MAAM,CAE7E;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,CAAC,EAAE,kBAAkB,GAAG,IAAI,GAAG,MAAM,CAEhF"}

package/helpers/resolveDeviceLabels/resolveDeviceLabels.js

@@ -0,0 +1,10 @@
+function e(t) {
+  return t?.alias?.trim() || t?.name?.trim() || "";
+}
+function r(t) {
+  return t?.alias?.trim() ? t?.name?.trim() ?? "" : "";
+}
+export {
+  r as resolveDeviceSubtitle,
+  e as resolveDeviceTitle
+};

package/helpers/resolveDeviceLabels/types.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Minimal shape the device label contract needs from a device.
+ *
+ * Declared here instead of imported from a component so any surface that paints
+ * a device — pickers, cards, lists, map markers, filter chips — can resolve its
+ * labels without depending on the picker.
+ */
+export interface DeviceLabelsSource {
+    /**
+     * Plate or hardware code the device was registered with, as published by
+     * the backend.
+     */
+    name?: string | null;
+    /**
+     * Label the fleet gave the device. When present it owns the first line.
+     */
+    alias?: string | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/helpers/resolveDeviceLabels/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/helpers/resolveDeviceLabels/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB"}

package/hooks/useChipsOverflow/helpers/calculateLeftoverWidth.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Calculates the width left over after the visible chips, so a consumer can
+ * decide whether the first chip that does not fit is worth painting shrunk or
+ * should go straight into the "More" chip.
+ * Pure function — all measurements are passed in by the caller.
+ * @param availableWidth - Width available for the chips, already excluding the
+ *                         "More" chip and any padding.
+ * @param gap            - Gap between chips in pixels.
+ * @param chipWidths     - Natural width of each chip in display order.
+ * @param visibleCount   - How many chips are painted whole.
+ * @returns The remaining width, its leading gap already discounted.
+ */
+export declare function calculateLeftoverWidth(availableWidth: number, gap: number, chipWidths: number[], visibleCount: number): number;
+//# sourceMappingURL=calculateLeftoverWidth.d.ts.map

package/hooks/useChipsOverflow/helpers/calculateLeftoverWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateLeftoverWidth.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/hooks/useChipsOverflow/helpers/calculateLeftoverWidth.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,MAAM,EACtB,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,MAAM,EAAE,EACpB,YAAY,EAAE,MAAM,GACnB,MAAM,CAKR"}

package/hooks/useChipsOverflow/helpers/calculateLeftoverWidth.js

@@ -0,0 +1,7 @@
+function d(i, c, l, n) {
+  const e = l.filter((t) => t > 0).slice(0, n), r = e.reduce((t, s) => t + s, 0);
+  return Math.max(i - r - c * e.length, 0);
+}
+export {
+  d as calculateLeftoverWidth
+};

package/hooks/useChipsOverflow/helpers/calculateVisibleChipsCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateVisibleChipsCount.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/hooks/useChipsOverflow/helpers/calculateVisibleChipsCount.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,wBAAgB,0BAA0B,CACxC,cAAc,EAAE,MAAM,EACtB,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,CAsBR"}

package/hooks/useChipsOverflow/helpers/index.d.ts

@@ -0,0 +1,3 @@
+export { calculateLeftoverWidth } from './calculateLeftoverWidth';
+export { calculateVisibleChipsCount } from './calculateVisibleChipsCount';
+//# sourceMappingURL=index.d.ts.map

package/hooks/useChipsOverflow/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/hooks/useChipsOverflow/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC"}

package/hooks/useChipsOverflow/index.d.ts

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

package/hooks/useChipsOverflow/index.d.ts.map

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

package/hooks/useChipsOverflow/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Minimum shape an item needs to take part in the overflow calculation.
+ * The hook only ever uses the id to cache measured widths, so anything with a
+ * stable identifier works: filter chips, sort chips or device cards.
+ */
+export interface OverflowItem {
+    /**
+     * Stable identifier of the item.
+     */
+    id: string | number;
+}
+/**
+ * Options of the overflow hook.
+ */
+export interface UseChipsOverflowOptions {
+    /**
+     * Reports the items pending measurement through `measuringItems` instead of
+     * showing them all while their width is unknown. The consumer must render
+     * them out of the layout so the split does not flicker on every addition.
+     * Off by default: the visible set keeps carrying them.
+     */
+    deferMeasurement?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/hooks/useChipsOverflow/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/hooks/useChipsOverflow/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/{components/DynamicFilter/hooks → hooks/useChipsOverflow}/useChipsOverflow.d.ts

@@ -1,4 +1,4 @@
-import { FilterFieldApplied } from '../types';
+import { OverflowItem, UseChipsOverflowOptions } from './types';
 /**
  * useChipsOverflow: Hook responsible for detecting which filter chips overflow
  * the available container space and splitting them into visible / overflow
@@ -18,12 +18,14 @@ import { FilterFieldApplied } from '../types';
  *    space whenever it is rendered, so nothing is hardcoded.
  * @param filters - Sorted array of applied filters
  */
-export declare function useChipsOverflow(filters: FilterFieldApplied[]): {
-    visibleFilters: FilterFieldApplied[];
-    overflowFilters: FilterFieldApplied[];
+export declare function useChipsOverflow<T extends OverflowItem>(filters: T[], options?: UseChipsOverflowOptions): {
+    visibleFilters: T[];
+    overflowFilters: T[];
+    measuringFilters: T[];
+    leftoverWidth: number;
     parentRef: import('react').RefObject<HTMLDivElement | null>;
     containerRef: import('react').RefObject<HTMLDivElement | null>;
-    setChipRef: (id: number, el: HTMLElement | null) => void;
+    setChipRef: (id: OverflowItem["id"], el: HTMLElement | null) => void;
     setMoreChipRef: (el: HTMLElement | null) => void;
     setActionsRef: (el: HTMLElement | null) => void;
     setLeadingRef: (el: HTMLElement | null) => void;

package/hooks/useChipsOverflow/useChipsOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChipsOverflow.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/hooks/useChipsOverflow/useChipsOverflow.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIrE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,YAAY,EACrD,OAAO,EAAE,CAAC,EAAE,EACZ,OAAO,GAAE,uBAA4B;;;;;;;qBAmKD,YAAY,CAAC,IAAI,CAAC,MAAM,WAAW,GAAG,IAAI;yBAcvE,WAAW,GAAG,IAAI;wBAalB,WAAW,GAAG,IAAI;wBAYlB,WAAW,GAAG,IAAI;EA6F1B"}

package/hooks/useChipsOverflow/useChipsOverflow.js

@@ -0,0 +1,110 @@
+import { useRef as c, useState as b, useEffect as m, useCallback as h, useMemo as z } from "react";
+import { calculateLeftoverWidth as ne } from "./helpers/calculateLeftoverWidth.js";
+import { calculateVisibleChipsCount as B } from "./helpers/calculateVisibleChipsCount.js";
+const re = [];
+function ae(t, G = {}) {
+  const { deferMeasurement: f = !1 } = G, v = c(null), C = c(null), M = c(null), S = c(null), y = c(null), R = c(/* @__PURE__ */ new Map()), a = c(/* @__PURE__ */ new Map()), [o, p] = b(null), [N, A] = b(0), [E, T] = b(/* @__PURE__ */ new Set()), d = c(null);
+  m(() => {
+    const e = new Set(t.map((r) => r.id));
+    for (const r of a.current.keys())
+      e.has(r) || a.current.delete(r);
+    t.some((r) => !a.current.has(r.id)) && !f && p(null);
+  }, [t, f]);
+  const s = h(() => {
+    const e = v.current, n = C.current;
+    if (!e || !n || t.length === 0) {
+      p(null);
+      return;
+    }
+    let r = !1;
+    if (t.forEach((l) => {
+      const W = R.current.get(l.id);
+      W && W.offsetWidth > 0 && (r = r || !a.current.has(l.id), a.current.set(l.id, W.offsetWidth));
+    }), r && T(new Set(a.current.keys())), !t.every((l) => a.current.has(l.id))) {
+      d.current === null && (d.current = requestAnimationFrame(() => {
+        d.current = null, I.current?.();
+      }));
+      return;
+    }
+    const i = getComputedStyle(e), F = getComputedStyle(n), K = parseFloat(i.paddingLeft) || 0, Q = parseFloat(i.paddingRight) || 0, X = parseFloat(F.paddingLeft) || 0, Z = parseFloat(F.paddingRight) || 0, u = parseFloat(F.gap) || 0, O = e.getBoundingClientRect().width || e.clientWidth;
+    if (O === 0)
+      return;
+    const P = S.current?.offsetWidth ?? 0, $ = P > 0 ? P + u : 0, k = y.current?.offsetWidth ?? 0, ee = k > 0 ? k + u : 0, U = O - K - Q - X - Z - $ - ee, w = t.map((l) => a.current.get(l.id) ?? 0);
+    if (B(U, u, w) >= t.length) {
+      p(t.length), A(0);
+      return;
+    }
+    const q = M.current?.offsetWidth ?? 0, te = q > 0 ? q + u : 0, V = U - te, x = B(V, u, w);
+    p(x), A(ne(V, u, w, x));
+  }, [t]), I = c(null);
+  I.current = s, m(
+    () => () => {
+      d.current !== null && cancelAnimationFrame(d.current);
+    },
+    []
+  );
+  const Y = h((e, n) => {
+    n ? R.current.set(e, n) : R.current.delete(e);
+  }, []), _ = h(
+    (e) => {
+      M.current = e, s();
+    },
+    [s]
+  ), j = h(
+    (e) => {
+      S.current = e, s();
+    },
+    [s]
+  ), D = h(
+    (e) => {
+      y.current = e, s();
+    },
+    [s]
+  );
+  m(() => {
+    const e = v.current;
+    if (!e)
+      return;
+    const n = new ResizeObserver(() => {
+      s();
+    });
+    return n.observe(e), () => {
+      n.disconnect();
+    };
+  }, [s]), m(() => {
+    const e = requestAnimationFrame(() => {
+      s();
+    });
+    return () => cancelAnimationFrame(e);
+  }, [t, s]);
+  const g = z(
+    () => f && o !== null ? t.filter((e) => !E.has(e.id)) : re,
+    [t, f, o, E]
+  ), { visibleFilters: H, overflowFilters: J } = z(() => {
+    if (g.length === 0)
+      return o === null || o >= t.length ? { visibleFilters: t, overflowFilters: [] } : {
+        visibleFilters: t.slice(0, o),
+        overflowFilters: t.slice(o)
+      };
+    const e = new Set(g.map((i) => i.id)), n = t.filter((i) => !e.has(i.id)), r = o === null || o >= n.length ? n : n.slice(0, o), L = new Set(r.map((i) => i.id));
+    return {
+      visibleFilters: r,
+      overflowFilters: t.filter((i) => !L.has(i.id))
+    };
+  }, [t, o, g]);
+  return {
+    visibleFilters: H,
+    overflowFilters: J,
+    measuringFilters: g,
+    leftoverWidth: N,
+    parentRef: v,
+    containerRef: C,
+    setChipRef: Y,
+    setMoreChipRef: _,
+    setActionsRef: j,
+    setLeadingRef: D
+  };
+}
+export {
+  ae as useChipsOverflow
+};

package/index.d.ts

@@ -8,6 +8,8 @@ export * from './contexts';
 export * from './contexts/form';
 export * from './hooks';
 export * from './hocs';
+export * from './helpers/resolveDeviceIconSrc';
+export * from './helpers/resolveDeviceLabels';
 export * from './utils';
 export * from './@types/types.d';
 export type { M4LOverridesStyleRules } from './@types/augmentations';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/components/src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,YAAY,EACV,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/components/src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,YAAY,EACV,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AAKvB,cAAc,gCAAgC,CAAC;AAM/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC"}