@m4l/components 9.54.2-beta-m4lcom-764-device-picker.0 → 9.54.2

package/components/DevicesPicker/DevicesPicker.styles.js

@@ -1,494 +0,0 @@
-import { getContrastTextColor as l } from "@m4l/graphics";
-import { getTypographyStyles as p } from "../../utils/getTypographyStyles.js";
-import { BUTTON_CLASSES as c } from "../extended/mui/Button/constants.js";
-import { SWITCH_CLASSES as n } from "../extended/mui/Switch/constants.js";
-import { CHECKABLE_LIST_CLASSES as o } from "../CheckableList/constants.js";
-import { DEVICES_PICKER_WIDTH as d, DEVICES_PICKER_PANEL_WIDTH as g, DEVICES_PICKER_PANEL_LIST_HEIGHT as t, DEVICES_PICKER_SKELETON as b, DEVICES_PICKER_SELECTED_LIST_WIDTH as v, DEVICES_PICKER_CLASSES as s } from "./constants.js";
-import { getSizeStyles as a } from "../../utils/getSizeStyles/getSizeStyles.js";
-const m = {
-  /**
-   * root: Full-width wrapper. The overflow measurement reads its width, so it
-   * must not depend on how many cards are currently painted.
-   */
-  root: () => ({
-    // El ancho definido es lo que ve un padre shrink-to-fit, así no crece con
-    // cada card. El mínimo sigue al padre cuando es mayor y se planta en el
-    // ancho base cuando es menor, para no deformarse al encoger la ventana.
-    width: d,
-    minWidth: `max(100%, ${d}px)`
-  }),
-  /**
-   * trigger: The visible row. It takes the full width of the field, as the
-   * master asks for the picker inside a form field, and what does not fit goes
-   * to the +N toggle, never to a silent clipping.
-   * The master paints no stroke and no fill at rest: only the two expanded
-   * surfaces paint it, in primary, and error replaces that tone. The stroke is
-   * kept transparent so turning it on never shifts the layout by a pixel.
-   */
-  trigger: ({ theme: e, ownerState: i }) => ({
-    display: "inline-flex",
-    alignItems: "center",
-    width: "100%",
-    maxWidth: "100%",
-    gap: e.vars.size.baseSpacings["sp1-5"],
-    padding: e.vars.size.baseSpacings["sp0-5"],
-    borderRadius: e.vars.size.borderRadius.r2,
-    border: "1px solid transparent",
-    ...(i?.panelOpen || i?.listOpen) && {
-      borderColor: e.vars.palette.primary.enabled
-    },
-    ...i?.error && {
-      borderColor: e.vars.palette.error.enabled
-    },
-    ...i?.disabled && {
-      opacity: 0.6,
-      pointerEvents: "none"
-    }
-  }),
-  /**
-   * deviceCardWrapper: Carries the measuring ref of each card. inline-flex and
-   * flexShrink 0 keep its width equal to the card's natural width.
-   */
-  deviceCardWrapper: () => ({
-    display: "inline-flex",
-    flexShrink: 0
-  }),
-  /**
-   * measuringLayer: Holds the cards whose width is still unknown. It is taken
-   * out of the layout so they can be measured without the row opening up for a
-   * frame, which is what made the +N jump on every addition.
-   */
-  measuringLayer: () => ({
-    position: "fixed",
-    top: 0,
-    left: 0,
-    visibility: "hidden",
-    pointerEvents: "none",
-    display: "flex"
-  }),
-  /**
-   * partialCardWrapper: The card that does not fit whole. It is the only one
-   * allowed to shrink, so it takes the leftover space and truncates instead of
-   * leaving a gap next to the +N toggle.
-   */
-  partialCardWrapper: () => ({
-    display: "inline-flex",
-    flexShrink: 1,
-    minWidth: 0,
-    [`& .${s.deviceCard}`]: {
-      flexShrink: 1,
-      minWidth: 0
-    }
-  }),
-  /**
-   * cardsContainer: Holds the cards that fit in the available space.
-   * overflow is hidden on purpose: the hidden ones are reported by the +N
-   * toggle, which is the only supported way to reach them.
-   */
-  cardsContainer: ({ theme: e }) => ({
-    display: "flex",
-    alignItems: "center",
-    // Abraza las cards en lugar de estirarse: si se estira, el +N se va al
-    // borde y deja un hueco que parece sitio libre sin serlo.
-    flex: "0 1 auto",
-    minWidth: 0,
-    overflow: "hidden",
-    gap: e.vars.size.baseSpacings["sp1-5"]
-  }),
-  /**
-   * placeholderContainer: Leading icon plus placeholder text.
-   */
-  placeholderContainer: ({ theme: e }) => ({
-    display: "flex",
-    alignItems: "center",
-    flex: "1 1 auto",
-    minWidth: 0,
-    gap: e.vars.size.baseSpacings.sp2
-  }),
-  /**
-   * placeholderIcon: Tinted box around the device icon, as in the master.
-   */
-  placeholderIcon: ({ theme: e }) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: 0,
-    padding: e.vars.size.baseSpacings.sp1,
-    borderRadius: e.vars.size.borderRadius.r2,
-    backgroundColor: e.vars.palette.chips.default.contained.backgroundColor,
-    ...a(e, "medium", "container", (i) => ({
-      width: i,
-      height: i
-    }))
-  }),
-  /**
-   * placeholder: Text shown when there is no selection.
-   */
-  placeholder: ({ theme: e }) => ({
-    padding: `0 ${e.vars.size.baseSpacings.sp1}`,
-    whiteSpace: "nowrap"
-  }),
-  /**
-   * overflowToggle: ToggleButton with the number of hidden cards.
-   * Stretches to the full height of the cards row, as in the master, and turns
-   * primary while the selected-devices list is open.
-   */
-  overflowToggle: ({ theme: e, ownerState: i }) => ({
-    flexShrink: 0,
-    alignSelf: "stretch",
-    height: "auto",
-    "&&": {
-      backgroundColor: i?.listOpen ? e.vars.palette.chips.primary.contained.backgroundColor : e.vars.palette.default.enabled
-    },
-    // El Button pinta su label con su propia tipografía; hay que ganarle.
-    [`&&&& .${c.textButton}`]: {
-      ...p(
-        !!e.generalSettings?.isMobile,
-        i?.size || "medium",
-        "bodyDens"
-      ),
-      ...i?.listOpen && {
-        color: e.vars.palette.chips.primary.contained.color
-      }
-    }
-  }),
-  /**
-   * chevronButton: Opens and closes the selection panel.
-   * The IconButton sets its own square size inside a `&&&` block, so it is
-   * centered in the row instead of stretched: stretching against that fixed
-   * height pins it to the top of the cross axis.
-   */
-  chevronButton: ({ theme: e }) => ({
-    flexShrink: 0,
-    alignSelf: "center",
-    marginLeft: "auto",
-    borderRadius: e.vars.size.borderRadius["r1-5"]
-  }),
-  /**
-   * deviceCard: One selected device. Sits on top of the system Card, so only
-   * the layout of the internal slot is defined here: the master places it at
-   * 6px horizontal and 4px vertical, with the icon 6px from the text block.
-   * The width is reset because the system Card is full width by default and
-   * the trigger card has to hug its content.
-   */
-  deviceCard: ({ theme: e }) => ({
-    display: "flex",
-    alignItems: "center",
-    flexShrink: 0,
-    width: "auto",
-    gap: e.vars.size.baseSpacings["sp1-5"],
-    padding: `${e.vars.size.baseSpacings.sp1} ${e.vars.size.baseSpacings["sp1-5"]}`
-  }),
-  /**
-   * deviceCardIcon: Device icon wrapper inside the card.
-   */
-  deviceCardIcon: ({ theme: e }) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: 0,
-    borderRadius: e.vars.size.borderRadius.r1,
-    ...a(e, "medium", "container", (i) => ({
-      width: i,
-      height: i
-    }))
-  }),
-  /**
-   * deviceCardContent: Column with name, subtitle and id.
-   */
-  deviceCardContent: () => ({
-    display: "flex",
-    flexDirection: "column",
-    minWidth: 0,
-    flex: "1 1 auto"
-  }),
-  /**
-   * deviceCardName: First line of the card.
-   * No line-height override on purpose: `bodyStandard` is 11px on a 1.5 ratio,
-   * which already lands on the 16px line box the master declares.
-   */
-  deviceCardName: () => ({
-    whiteSpace: "nowrap"
-  }),
-  /**
-   * deviceCardSubtitle: Second line of the card (plate/alias).
-   */
-  deviceCardSubtitle: () => ({
-    whiteSpace: "nowrap"
-  }),
-  /**
-   * deviceCardId: Third line of the card.
-   */
-  deviceCardId: () => ({
-    whiteSpace: "nowrap"
-  }),
-  /**
-   * deviceCardRemove: Removes this device from the selection.
-   */
-  deviceCardRemove: ({ theme: e, ownerState: i }) => ({
-    flexShrink: 0,
-    ...a(e, i?.size || "medium", "base", (r) => ({
-      width: r,
-      height: r
-    }))
-  }),
-  /**
-   * panel: Selection panel surface. Fixed width taken from the Figma master;
-   * the height follows the content and the list scrolls inside.
-   */
-  panel: ({ theme: e }) => ({
-    width: g,
-    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 panel sideways.
-    overflowY: "hidden",
-    overflowX: "clip"
-  }),
-  /**
-   * panelHeader: Row with the "Ver departamentos" and "Ver ID" switches.
-   */
-  panelHeader: ({ theme: e }) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: e.vars.size.baseSpacings.sp2,
-    padding: e.vars.size.baseSpacings.sp2
-  }),
-  /**
-   * panelSwitch: Each column switch inside the panel 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.
-   */
-  panelSwitch: ({ theme: e }) => ({
-    // Pinning the pills made the header wider than the fixed panel, 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,
-    [`& .${n.label}`]: {
-      minWidth: 0,
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      whiteSpace: "nowrap"
-    },
-    [`& .${n.muiSwitch}`]: {
-      flexShrink: 0
-    }
-  }),
-  /**
-   * panelList: Wrapper of the CheckableList; caps the height so long fleets
-   * scroll instead of growing the popover 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.
-   */
-  panelList: ({ theme: e }) => ({
-    display: "flex",
-    flexDirection: "column",
-    minHeight: 0,
-    height: t,
-    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`.
-      "&:focus-within": {
-        border: e.vars.size.borderStroke.actionInput,
-        borderColor: e.vars.palette.primary.selected
-      }
-    }
-  }),
-  /**
-   * rowName: Device name inside a panel row.
-   * Same as the card: the variant carries the master's line box, so no
-   * override is needed here either.
-   */
-  rowName: () => ({
-    // El popover 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/alias inside a panel row.
-   */
-  rowSubtitle: () => ({
-    whiteSpace: "normal",
-    overflowWrap: "anywhere"
-  }),
-  /**
-   * rowId: Device id inside a panel 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 inside the panel.
-   */
-  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: i }) => ({
-    flexShrink: 0,
-    padding: `0 ${e.vars.size.baseSpacings.sp1}`,
-    borderRadius: e.vars.size.borderRadius.r3,
-    "&&": {
-      ...i?.color ? {
-        backgroundColor: i.color,
-        color: l(i.color)
-      } : {
-        backgroundColor: e.vars.palette.action.hover,
-        color: e.vars.palette.text.secondary
-      }
-    }
-  }),
-  /**
-   * selectedList: Surface of the selected-devices list, opened from the +N
-   * toggle. It is the only way to reach the cards that do not fit.
-   */
-  selectedList: ({ theme: e }) => ({
-    width: v,
-    display: "flex",
-    flexDirection: "column",
-    borderRadius: e.vars.size.borderRadius.r3,
-    overflow: "hidden"
-  }),
-  /**
-   * selectedListHeader: Title row of the selected-devices list. The master
-   * groups the icon and the label on the left and pushes the count chip to
-   * the opposite edge.
-   */
-  selectedListHeader: ({ theme: e }) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: e.vars.size.baseSpacings.sp2,
-    padding: e.vars.size.baseSpacings.sp2
-  }),
-  /**
-   * selectedListTitle: Icon and label group at the start of the header.
-   */
-  selectedListTitle: ({ theme: e }) => ({
-    display: "flex",
-    alignItems: "center",
-    minWidth: 0,
-    gap: e.vars.size.baseSpacings.sp2
-  }),
-  /**
-   * selectedListCount: Count chip at the end of the header.
-   */
-  selectedListCount: () => ({
-    flexShrink: 0
-  }),
-  /**
-   * selectedListItems: Scrollable body of the selected-devices list.
-   */
-  selectedListItems: ({ theme: e }) => ({
-    display: "flex",
-    flexDirection: "column",
-    gap: e.vars.size.baseSpacings["sp1-5"],
-    maxHeight: t,
-    overflowY: "auto",
-    padding: e.vars.size.baseSpacings.sp2,
-    // Aquí sí hay sitio para el texto entero: el recorte es cosa del trigger,
-    // donde la card compite por el ancho de la fila.
-    [`&& .${s.deviceCardName},
-      && .${s.deviceCardSubtitle},
-      && .${s.deviceCardId}`]: {
-      whiteSpace: "normal",
-      overflowWrap: "anywhere",
-      textOverflow: "clip"
-    }
-  }),
-  /**
-   * skeletonCard: Ghost row shown while the devices are loading. Keeps the
-   * trigger geometry so nothing jumps when the data arrives.
-   */
-  skeletonCard: ({ theme: e }) => ({
-    display: "flex",
-    alignItems: "center",
-    width: "100%",
-    gap: e.vars.size.baseSpacings.sp2,
-    padding: e.vars.size.baseSpacings["sp0-5"]
-  }),
-  /**
-   * skeletonIcon: Ghost icon; same container size as the real device icon.
-   */
-  skeletonIcon: ({ theme: e, ownerState: i }) => ({
-    flexShrink: 0,
-    // El Skeleton fuerza 100% en `&.MuiSkeleton-root`; hay que ganarle.
-    "&&.MuiSkeleton-root": {
-      borderRadius: e.vars.size.borderRadius.r2,
-      backgroundColor: e.vars.palette.skeleton.default,
-      ...a(e, i?.size || "medium", "container", (r) => ({
-        width: r,
-        height: r
-      }))
-    }
-  }),
-  /**
-   * skeletonLine: Ghost text bar. `r4` is the largest radius token and CSS
-   * clamps it to half the height, which is the pill the master draws.
-   */
-  skeletonLine: ({ theme: e }) => ({
-    flexShrink: 0,
-    "&&.MuiSkeleton-root": {
-      width: b.textLineWidth,
-      height: e.vars.size.baseSpacings["sp2-5"],
-      borderRadius: e.vars.size.borderRadius.r4,
-      backgroundColor: e.vars.palette.skeleton.default
-    }
-  }),
-  /**
-   * skeletonChevron: Ghost chevron; same base size as the real icons.
-   */
-  skeletonChevron: ({ theme: e, ownerState: i }) => ({
-    flexShrink: 0,
-    "&&.MuiSkeleton-root": {
-      borderRadius: e.vars.size.borderRadius.r4,
-      backgroundColor: e.vars.palette.skeleton.default,
-      ...a(e, i?.size || "medium", "base", (r) => ({
-        width: r,
-        height: r
-      }))
-    }
-  })
-};
-export {
-  m as devicesPickerStyles
-};

package/components/DevicesPicker/constants.d.ts

@@ -1,74 +0,0 @@
-export declare const DEVICES_PICKER_KEY_COMPONENT = "M4LDevicesPicker";
-export declare const DEVICES_PICKER_CLASSES: Record<"root" | "placeholder" | "panel" | "trigger" | "cardsContainer" | "placeholderContainer" | "placeholderIcon" | "overflowToggle" | "chevronButton" | "deviceCardWrapper" | "measuringLayer" | "partialCardWrapper" | "deviceCard" | "deviceCardIcon" | "deviceCardContent" | "deviceCardName" | "deviceCardSubtitle" | "deviceCardId" | "deviceCardRemove" | "panelHeader" | "panelSwitch" | "panelList" | "rowName" | "rowSubtitle" | "rowId" | "groupRow" | "groupLabel" | "groupBadge" | "selectedList" | "selectedListHeader" | "selectedListTitle" | "selectedListCount" | "selectedListItems" | "skeletonCard" | "skeletonIcon" | "skeletonLine" | "skeletonChevron", string>;
-/**
- * Base width of the picker: two cards plus the +N toggle and the chevron,
- * taken from the master's Multiselect variant.
- */
-export declare const DEVICES_PICKER_WIDTH = 440;
-export declare const DEVICES_PICKER_ICON_SIZE = 31;
-/**
- * Fixed width of the selection panel (Popover).
- * Situational measure taken from the Figma master; it is a layout decision,
- * not a design token.
- */
-export declare const DEVICES_PICKER_PANEL_WIDTH = 320;
-/**
- * Fixed width of the selected-devices list opened from the +N toggle.
- * Matches the selection panel: the names wrap instead of truncating here, and
- * the master's narrower box left them breaking after a couple of words.
- */
-export declare const DEVICES_PICKER_SELECTED_LIST_WIDTH = 320;
-/**
- * Height reserved for the list inside the panel.
- * The CheckableList is virtualized and needs a measurable height; capping it
- * here keeps long fleets scrolling instead of growing the popover past the
- * viewport.
- */
-export declare const DEVICES_PICKER_PANEL_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 DEVICES_PICKER_DEFAULT_GROUP_ID = "default";
-/**
- * Row heights of the panel list.
- *
- * The CheckableList is virtualized and cannot measure its rows: it falls back
- * to its own defaults, which assume one line (or two when the item carries a
- * `description`). The picker rows carry two or three lines depending on the
- * "Ver ID" switch, so the height must be declared or the rows overlap.
- *
- * The master reserves 56px for a three-line Item on a 4px inner padding; the
- * shared CheckableList pads its rows with `sp1-5` (6px) instead, so the values
- * here are the master's geometry plus that extra padding. Undershooting makes
- * the rows overlap, so they err on the generous side.
- */
-export declare const DEVICES_PICKER_ROW_HEIGHT: {
-    /** Name + plate: bodyStandard (16.5) + microSlim (15) + 12 of padding. */
-    readonly twoLines: 44;
-    /** Name + plate + id: adds a second microSlim line. */
-    readonly threeLines: 60;
-    /** Collapsible group header, a single bodyDens line. */
-    readonly group: 36;
-};
-/**
- * Proportions of the loading skeleton bars, from the Figma master: the name bar
- * takes 60-70% of the card width and the plate/id bar 40%.
- * Only the proportions live here — every measurement of the skeleton (icon,
- * chevron, bar height) comes from the size tokens, never from a literal.
- */
-export declare const DEVICES_PICKER_SKELETON: {
-    /** Ghost text bar width, taken from the master's Skeleton variant. */
-    readonly textLineWidth: 140;
-};
-/**
- * Keys owned by the async engine. They are consumed by DevicesPicker itself and
- * must never reach the DOM or the presentational subcomponents.
- */
-export declare const DEVICES_PICKER_ASYNC_ONLY_KEYS: readonly ["endPoint", "timeout", "parms", "resultField", "isRemote", "isExternalUrl", "responseToCamelCase", "shouldFetch"];
-/**
- * Placeholder shown when a device has no subtitle, so every card keeps the
- * same height.
- */
-export declare const DEVICES_PICKER_EMPTY_VALUE = "--";
-//# sourceMappingURL=constants.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DevicesPicker/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D,eAAO,MAAM,sBAAsB,2pBAGlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAQxC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAE9C;;;;GAIG;AACH,eAAO,MAAM,kCAAkC,MAAM,CAAC;AAEtD;;;;;GAKG;AACH,eAAO,MAAM,gCAAgC,MAAM,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,+BAA+B,YAAY,CAAC;AAEzD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,yBAAyB;IACpC,0EAA0E;;IAE1E,uDAAuD;;IAEvD,wDAAwD;;CAEhD,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB;IAClC,sEAAsE;;CAE9D,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,8BAA8B,6HASjC,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,0BAA0B,OAAO,CAAC"}

package/components/DevicesPicker/constants.js

@@ -1,39 +0,0 @@
-import { getComponentClasses as E } from "../../utils/getComponentSlotRoot.js";
-import { DevicesPickerSlots as _ } from "./slots/DevicesPickerEnum.js";
-const I = "M4LDevicesPicker", e = E(
-  I,
-  _
-), o = 440, s = 31, S = 320, n = 320, D = 320, P = "default", c = {
-  /** Name + plate: bodyStandard (16.5) + microSlim (15) + 12 of padding. */
-  twoLines: 44,
-  /** Name + plate + id: adds a second microSlim line. */
-  threeLines: 60,
-  /** Collapsible group header, a single bodyDens line. */
-  group: 36
-}, i = {
-  /** Ghost text bar width, taken from the master's Skeleton variant. */
-  textLineWidth: 140
-}, K = [
-  "endPoint",
-  "timeout",
-  "parms",
-  "resultField",
-  "isRemote",
-  "isExternalUrl",
-  "responseToCamelCase",
-  "shouldFetch"
-], R = "--";
-export {
-  K as DEVICES_PICKER_ASYNC_ONLY_KEYS,
-  e as DEVICES_PICKER_CLASSES,
-  P as DEVICES_PICKER_DEFAULT_GROUP_ID,
-  R as DEVICES_PICKER_EMPTY_VALUE,
-  s as DEVICES_PICKER_ICON_SIZE,
-  I as DEVICES_PICKER_KEY_COMPONENT,
-  D as DEVICES_PICKER_PANEL_LIST_HEIGHT,
-  S as DEVICES_PICKER_PANEL_WIDTH,
-  c as DEVICES_PICKER_ROW_HEIGHT,
-  n as DEVICES_PICKER_SELECTED_LIST_WIDTH,
-  i as DEVICES_PICKER_SKELETON,
-  o as DEVICES_PICKER_WIDTH
-};

package/components/DevicesPicker/dictionary.d.ts

@@ -1,19 +0,0 @@
-export declare const DEVICES_PICKER_DICTIONARY_ID = "devices_picker";
-/**
- * getDevicesPickerComponentsDictionary: Returns the dictionary ids used by the
- * DevicesPicker component.
- */
-export declare function getDevicesPickerComponentsDictionary(): string[];
-export declare const DICCTIONARY: {
-    readonly label_placeholder: "devices_picker.label_placeholder";
-    readonly label_show_departments: "devices_picker.label_show_departments";
-    readonly label_show_ids: "devices_picker.label_show_ids";
-    readonly label_search_placeholder: "devices_picker.label_search_placeholder";
-    readonly label_select_all: "devices_picker.label_select_all";
-    readonly label_default_department: "devices_picker.label_default_department";
-    readonly label_selected_title: "devices_picker.label_selected_title";
-    readonly label_open_panel: "devices_picker.label_open_panel";
-    readonly label_remove_device: "devices_picker.label_remove_device";
-};
-export type TypeDictionary = typeof DICCTIONARY;
-//# sourceMappingURL=dictionary.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DevicesPicker/dictionary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,mBAAmB,CAAC;AAE7D;;;GAGG;AACH,wBAAgB,oCAAoC,aAEnD;AAED,eAAO,MAAM,WAAW;;;;;;;;;;CAUd,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,OAAO,WAAW,CAAC"}

package/components/DevicesPicker/dictionary.js

@@ -1,20 +0,0 @@
-const e = "devices_picker";
-function l() {
-  return [e];
-}
-const _ = {
-  label_placeholder: `${e}.label_placeholder`,
-  label_show_departments: `${e}.label_show_departments`,
-  label_show_ids: `${e}.label_show_ids`,
-  label_search_placeholder: `${e}.label_search_placeholder`,
-  label_select_all: `${e}.label_select_all`,
-  label_default_department: `${e}.label_default_department`,
-  label_selected_title: `${e}.label_selected_title`,
-  label_open_panel: `${e}.label_open_panel`,
-  label_remove_device: `${e}.label_remove_device`
-};
-export {
-  e as DEVICES_PICKER_DICTIONARY_ID,
-  _ as DICCTIONARY,
-  l as getDevicesPickerComponentsDictionary
-};

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

@@ -1,11 +0,0 @@
-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/DevicesPicker/helpers/resolveDeviceGroup.d.ts.map

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

package/components/DevicesPicker/helpers/resolveDeviceGroup.js

@@ -1,14 +0,0 @@
-function n(r) {
-  return typeof r == "object" && r !== null;
-}
-function t(r) {
-  const { department: e } = r;
-  return e ? n(e) ? {
-    id: e.id,
-    label: e.name,
-    color: e.color
-  } : { id: e, label: e } : null;
-}
-export {
-  t as resolveDeviceGroup
-};