@m4l/gclick 0.28.0 → 0.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/@types/types.d.ts +19 -0
  2. package/_virtual/react-dom-server-legacy.browser.development.js +4 -0
  3. package/_virtual/react-dom-server-legacy.browser.production.js +4 -0
  4. package/_virtual/react-dom-server.browser.development.js +4 -0
  5. package/_virtual/react-dom-server.browser.production.js +4 -0
  6. package/_virtual/server.browser.js +5 -0
  7. package/_virtual/server.browser2.js +4 -0
  8. package/components/CheckableDevicesPicker/CheckableDevicesPicker.d.ts +13 -0
  9. package/components/CheckableDevicesPicker/CheckableDevicesPicker.d.ts.map +1 -0
  10. package/components/CheckableDevicesPicker/CheckableDevicesPicker.js +237 -0
  11. package/components/CheckableDevicesPicker/CheckableDevicesPicker.styles.d.ts +3 -0
  12. package/components/CheckableDevicesPicker/CheckableDevicesPicker.styles.d.ts.map +1 -0
  13. package/components/CheckableDevicesPicker/CheckableDevicesPicker.styles.js +157 -0
  14. package/components/CheckableDevicesPicker/constants.d.ts +22 -0
  15. package/components/CheckableDevicesPicker/constants.d.ts.map +1 -0
  16. package/components/CheckableDevicesPicker/constants.js +13 -0
  17. package/components/CheckableDevicesPicker/dictionary.d.ts +15 -0
  18. package/components/CheckableDevicesPicker/dictionary.d.ts.map +1 -0
  19. package/components/CheckableDevicesPicker/dictionary.js +15 -0
  20. package/components/CheckableDevicesPicker/helpers/resolveDeviceGroup.d.ts +11 -0
  21. package/components/CheckableDevicesPicker/helpers/resolveDeviceGroup.d.ts.map +1 -0
  22. package/components/CheckableDevicesPicker/helpers/resolveDeviceGroup.js +23 -0
  23. package/components/CheckableDevicesPicker/helpers/toDeviceArray.d.ts +7 -0
  24. package/components/CheckableDevicesPicker/helpers/toDeviceArray.d.ts.map +1 -0
  25. package/components/CheckableDevicesPicker/helpers/toDeviceArray.js +6 -0
  26. package/components/CheckableDevicesPicker/hooks/types.d.ts +178 -0
  27. package/components/CheckableDevicesPicker/hooks/types.d.ts.map +1 -0
  28. package/components/CheckableDevicesPicker/hooks/useDeviceGroups.d.ts +13 -0
  29. package/components/CheckableDevicesPicker/hooks/useDeviceGroups.d.ts.map +1 -0
  30. package/components/CheckableDevicesPicker/hooks/useDeviceGroups.js +51 -0
  31. package/components/CheckableDevicesPicker/hooks/useDevicesAsyncOptions.d.ts +13 -0
  32. package/components/CheckableDevicesPicker/hooks/useDevicesAsyncOptions.d.ts.map +1 -0
  33. package/components/CheckableDevicesPicker/hooks/useDevicesAsyncOptions.js +69 -0
  34. package/components/CheckableDevicesPicker/hooks/useDevicesSelection.d.ts +12 -0
  35. package/components/CheckableDevicesPicker/hooks/useDevicesSelection.d.ts.map +1 -0
  36. package/components/CheckableDevicesPicker/hooks/useDevicesSelection.js +26 -0
  37. package/components/CheckableDevicesPicker/hooks/usePanelColumns.d.ts +12 -0
  38. package/components/CheckableDevicesPicker/hooks/usePanelColumns.d.ts.map +1 -0
  39. package/components/CheckableDevicesPicker/hooks/usePanelColumns.js +30 -0
  40. package/components/CheckableDevicesPicker/index.d.ts +7 -0
  41. package/components/CheckableDevicesPicker/index.d.ts.map +1 -0
  42. package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerEnum.d.ts +23 -0
  43. package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerEnum.d.ts.map +1 -0
  44. package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerEnum.js +4 -0
  45. package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerSlots.d.ts +31 -0
  46. package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerSlots.d.ts.map +1 -0
  47. package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerSlots.js +49 -0
  48. package/components/CheckableDevicesPicker/slots/index.d.ts +3 -0
  49. package/components/CheckableDevicesPicker/slots/index.d.ts.map +1 -0
  50. package/components/CheckableDevicesPicker/types.d.ts +210 -0
  51. package/components/CheckableDevicesPicker/types.d.ts.map +1 -0
  52. package/components/DevicesPicker/DevicesPicker.d.ts +15 -0
  53. package/components/DevicesPicker/DevicesPicker.d.ts.map +1 -0
  54. package/components/DevicesPicker/DevicesPicker.js +311 -0
  55. package/components/DevicesPicker/DevicesPicker.styles.d.ts +3 -0
  56. package/components/DevicesPicker/DevicesPicker.styles.d.ts.map +1 -0
  57. package/components/DevicesPicker/DevicesPicker.styles.js +373 -0
  58. package/components/DevicesPicker/constants.d.ts +51 -0
  59. package/components/DevicesPicker/constants.d.ts.map +1 -0
  60. package/components/DevicesPicker/constants.js +30 -0
  61. package/components/DevicesPicker/dictionary.d.ts +17 -0
  62. package/components/DevicesPicker/dictionary.d.ts.map +1 -0
  63. package/components/DevicesPicker/dictionary.js +17 -0
  64. package/components/DevicesPicker/index.d.ts +8 -0
  65. package/components/DevicesPicker/index.d.ts.map +1 -0
  66. package/components/DevicesPicker/slots/DevicesPickerEnum.d.ts +61 -0
  67. package/components/DevicesPicker/slots/DevicesPickerEnum.d.ts.map +1 -0
  68. package/components/DevicesPicker/slots/DevicesPickerEnum.js +4 -0
  69. package/components/DevicesPicker/slots/DevicesPickerSlots.d.ts +88 -0
  70. package/components/DevicesPicker/slots/DevicesPickerSlots.d.ts.map +1 -0
  71. package/components/DevicesPicker/slots/DevicesPickerSlots.js +125 -0
  72. package/components/DevicesPicker/slots/index.d.ts +3 -0
  73. package/components/DevicesPicker/slots/index.d.ts.map +1 -0
  74. package/components/DevicesPicker/subcomponents/DeviceCard/DeviceCard.d.ts +8 -0
  75. package/components/DevicesPicker/subcomponents/DeviceCard/DeviceCard.d.ts.map +1 -0
  76. package/components/DevicesPicker/subcomponents/DeviceCard/DeviceCard.js +77 -0
  77. package/components/DevicesPicker/subcomponents/DeviceCard/index.d.ts +3 -0
  78. package/components/DevicesPicker/subcomponents/DeviceCard/index.d.ts.map +1 -0
  79. package/components/DevicesPicker/subcomponents/DeviceCard/types.d.ts +42 -0
  80. package/components/DevicesPicker/subcomponents/DeviceCard/types.d.ts.map +1 -0
  81. package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/DevicesPickerSkeleton.d.ts +10 -0
  82. package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/DevicesPickerSkeleton.d.ts.map +1 -0
  83. package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/DevicesPickerSkeleton.js +35 -0
  84. package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/index.d.ts +3 -0
  85. package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/index.d.ts.map +1 -0
  86. package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/types.d.ts +11 -0
  87. package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/types.d.ts.map +1 -0
  88. package/components/DevicesPicker/subcomponents/SelectedDevicesList/SelectedDevicesList.d.ts +11 -0
  89. package/components/DevicesPicker/subcomponents/SelectedDevicesList/SelectedDevicesList.d.ts.map +1 -0
  90. package/components/DevicesPicker/subcomponents/SelectedDevicesList/SelectedDevicesList.js +61 -0
  91. package/components/DevicesPicker/subcomponents/SelectedDevicesList/index.d.ts +3 -0
  92. package/components/DevicesPicker/subcomponents/SelectedDevicesList/index.d.ts.map +1 -0
  93. package/components/DevicesPicker/subcomponents/SelectedDevicesList/types.d.ts +32 -0
  94. package/components/DevicesPicker/subcomponents/SelectedDevicesList/types.d.ts.map +1 -0
  95. package/components/DevicesPicker/types.d.ts +91 -0
  96. package/components/DevicesPicker/types.d.ts.map +1 -0
  97. package/components/RHFs/RHFCheckableDevicesPicker/RHFCheckableDevicesPicker.d.ts +23 -0
  98. package/components/RHFs/RHFCheckableDevicesPicker/RHFCheckableDevicesPicker.d.ts.map +1 -0
  99. package/components/RHFs/RHFCheckableDevicesPicker/RHFCheckableDevicesPicker.js +6 -0
  100. package/components/RHFs/RHFCheckableDevicesPicker/index.d.ts +3 -0
  101. package/components/RHFs/RHFCheckableDevicesPicker/index.d.ts.map +1 -0
  102. package/components/RHFs/RHFCheckableDevicesPicker/types.d.ts +10 -0
  103. package/components/RHFs/RHFCheckableDevicesPicker/types.d.ts.map +1 -0
  104. package/components/RHFs/RHFDevicesPicker/RHFDevicesPicker.d.ts +21 -0
  105. package/components/RHFs/RHFDevicesPicker/RHFDevicesPicker.d.ts.map +1 -0
  106. package/components/RHFs/RHFDevicesPicker/RHFDevicesPicker.js +6 -0
  107. package/components/RHFs/RHFDevicesPicker/index.d.ts +3 -0
  108. package/components/RHFs/RHFDevicesPicker/index.d.ts.map +1 -0
  109. package/components/RHFs/RHFDevicesPicker/types.d.ts +9 -0
  110. package/components/RHFs/RHFDevicesPicker/types.d.ts.map +1 -0
  111. package/components/RHFs/renderAsRegistry.d.ts +33 -0
  112. package/components/RHFs/renderAsRegistry.d.ts.map +1 -0
  113. package/components/RHFs/renderAsRegistry.js +7 -0
  114. package/components/index.d.ts +6 -0
  115. package/components/index.d.ts.map +1 -1
  116. package/helpers/index.d.ts +3 -0
  117. package/helpers/index.d.ts.map +1 -0
  118. package/helpers/resolveDeviceIcon/constants.d.ts +31 -0
  119. package/helpers/resolveDeviceIcon/constants.d.ts.map +1 -0
  120. package/helpers/resolveDeviceIcon/constants.js +8 -0
  121. package/helpers/resolveDeviceIcon/deviceIconComponents.d.ts +19 -0
  122. package/helpers/resolveDeviceIcon/deviceIconComponents.d.ts.map +1 -0
  123. package/helpers/resolveDeviceIcon/deviceIconComponents.js +19 -0
  124. package/helpers/resolveDeviceIcon/index.d.ts +3 -0
  125. package/helpers/resolveDeviceIcon/index.d.ts.map +1 -0
  126. package/helpers/resolveDeviceIcon/resolveDeviceIcon.d.ts +28 -0
  127. package/helpers/resolveDeviceIcon/resolveDeviceIcon.d.ts.map +1 -0
  128. package/helpers/resolveDeviceIcon/resolveDeviceIcon.js +42 -0
  129. package/helpers/resolveDeviceLabels/index.d.ts +3 -0
  130. package/helpers/resolveDeviceLabels/index.d.ts.map +1 -0
  131. package/helpers/resolveDeviceLabels/resolveDeviceLabels.d.ts +22 -0
  132. package/helpers/resolveDeviceLabels/resolveDeviceLabels.d.ts.map +1 -0
  133. package/helpers/resolveDeviceLabels/resolveDeviceLabels.js +10 -0
  134. package/helpers/resolveDeviceLabels/types.d.ts +19 -0
  135. package/helpers/resolveDeviceLabels/types.d.ts.map +1 -0
  136. package/index.d.ts +1 -0
  137. package/index.d.ts.map +1 -1
  138. package/index.js +275 -221
  139. package/package.json +2 -2
@@ -0,0 +1,31 @@
1
+ export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
2
+ ownerState?: (Partial<import('..').CheckableDevicesPickerOwnerState> & Record<string, unknown>) | undefined;
3
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
4
+ export declare const HeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
5
+ ownerState?: (Partial<import('..').CheckableDevicesPickerOwnerState> & Record<string, unknown>) | undefined;
6
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
7
+ export declare const ColumnSwitchStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/components/components/extended/mui/Switch/types').SwitchProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "error" | "action" | "disabled" | "color" | "size" | "className" | "style" | "classes" | "sx" | "form" | "label" | "slot" | "title" | "suppressHydrationWarning" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "icon" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof import('react').RefAttributes<HTMLButtonElement> | "checkedIcon" | "checked" | "inputProps" | "inputRef" | "readOnly" | "required" | "labelPlacement"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
8
+ ownerState?: (Partial<import('..').CheckableDevicesPickerOwnerState> & Record<string, unknown>) | undefined;
9
+ }, {}, {}>;
10
+ export declare const ListStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components').CheckableListProps, keyof import('@m4l/components').CheckableListProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
11
+ ownerState?: (Partial<import('..').CheckableDevicesPickerOwnerState> & Record<string, unknown>) | undefined;
12
+ }, {}, {}>;
13
+ export declare const RowNameStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/base/index.d.ts').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "border" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "fontSize" | "sx" | "p" | "slot" | "title" | "suppressHydrationWarning" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "ellipsis" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "dataTestid" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
14
+ ownerState?: (Partial<import('..').CheckableDevicesPickerOwnerState> & Record<string, unknown>) | undefined;
15
+ }, {}, {}>;
16
+ export declare const RowSubtitleStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/base/index.d.ts').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "border" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "fontSize" | "sx" | "p" | "slot" | "title" | "suppressHydrationWarning" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "ellipsis" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "dataTestid" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
17
+ ownerState?: (Partial<import('..').CheckableDevicesPickerOwnerState> & Record<string, unknown>) | undefined;
18
+ }, {}, {}>;
19
+ export declare const RowIdStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/base/index.d.ts').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "border" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "fontSize" | "sx" | "p" | "slot" | "title" | "suppressHydrationWarning" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "ellipsis" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "dataTestid" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
20
+ ownerState?: (Partial<import('..').CheckableDevicesPickerOwnerState> & Record<string, unknown>) | undefined;
21
+ }, {}, {}>;
22
+ export declare const GroupRowStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
23
+ ownerState?: (Partial<import('..').CheckableDevicesPickerOwnerState> & Record<string, unknown>) | undefined;
24
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
25
+ export declare const GroupLabelStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/base/index.d.ts').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "border" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "fontSize" | "sx" | "p" | "slot" | "title" | "suppressHydrationWarning" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "ellipsis" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "dataTestid" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
26
+ ownerState?: (Partial<import('..').CheckableDevicesPickerOwnerState> & Record<string, unknown>) | undefined;
27
+ }, {}, {}>;
28
+ export declare const GroupBadgeStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../../../dist/packages/@m4l/base/index.d.ts').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "border" | "disabled" | "color" | "variant" | "size" | "className" | "style" | "classes" | "children" | "fontSize" | "sx" | "p" | "slot" | "title" | "suppressHydrationWarning" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "ellipsis" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "dataTestid" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
29
+ ownerState?: (Partial<import('..').CheckableDevicesPickerOwnerState> & Record<string, unknown>) | undefined;
30
+ }, {}, {}>;
31
+ //# sourceMappingURL=CheckableDevicesPickerSlots.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckableDevicesPickerSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CheckableDevicesPicker/slots/CheckableDevicesPickerSlots.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU;;6NAGe,CAAC;AAEvC,eAAO,MAAM,YAAY;;6NAGe,CAAC;AAEzC,eAAO,MAAM,kBAAkB;;UAGe,CAAC;AAE/C,eAAO,MAAM,UAAU;;UAGe,CAAC;AAEvC,eAAO,MAAM,aAAa;;UAGe,CAAC;AAE1C,eAAO,MAAM,iBAAiB;;UAGe,CAAC;AAE9C,eAAO,MAAM,WAAW;;UAGe,CAAC;AAExC,eAAO,MAAM,cAAc;;6NAGe,CAAC;AAE3C,eAAO,MAAM,gBAAgB;;UAGe,CAAC;AAE7C,eAAO,MAAM,gBAAgB;;UAGe,CAAC"}
@@ -0,0 +1,49 @@
1
+ import { styled as o } from "@mui/material/styles";
2
+ import { Typography as r } from "@m4l/base";
3
+ import { Switch as s, CheckableList as m } from "@m4l/components";
4
+ import { checkableDevicesPickerStyles as t } from "../CheckableDevicesPicker.styles.js";
5
+ import { CHECKABLE_DEVICES_PICKER_KEY_COMPONENT as e } from "../constants.js";
6
+ import { CheckableDevicesPickerSlots as l } from "./CheckableDevicesPickerEnum.js";
7
+ const p = o("div", {
8
+ name: e,
9
+ slot: l.root
10
+ })(t?.root), w = o("div", {
11
+ name: e,
12
+ slot: l.header
13
+ })(t?.header), u = o(s, {
14
+ name: e,
15
+ slot: l.columnSwitch
16
+ })(t?.columnSwitch), y = o(m, {
17
+ name: e,
18
+ slot: l.list
19
+ })(t?.list), g = o(r, {
20
+ name: e,
21
+ slot: l.rowName
22
+ })(t?.rowName), h = o(r, {
23
+ name: e,
24
+ slot: l.rowSubtitle
25
+ })(t?.rowSubtitle), b = o(r, {
26
+ name: e,
27
+ slot: l.rowId
28
+ })(t?.rowId), C = o("div", {
29
+ name: e,
30
+ slot: l.groupRow
31
+ })(t?.groupRow), R = o(r, {
32
+ name: e,
33
+ slot: l.groupLabel
34
+ })(t?.groupLabel), E = o(r, {
35
+ name: e,
36
+ slot: l.groupBadge
37
+ })(t?.groupBadge);
38
+ export {
39
+ u as ColumnSwitchStyled,
40
+ E as GroupBadgeStyled,
41
+ R as GroupLabelStyled,
42
+ C as GroupRowStyled,
43
+ w as HeaderStyled,
44
+ y as ListStyled,
45
+ p as RootStyled,
46
+ b as RowIdStyled,
47
+ g as RowNameStyled,
48
+ h as RowSubtitleStyled
49
+ };
@@ -0,0 +1,3 @@
1
+ export * from './CheckableDevicesPickerEnum';
2
+ export * from './CheckableDevicesPickerSlots';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CheckableDevicesPicker/slots/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC"}
@@ -0,0 +1,210 @@
1
+ import { Ref } from 'react';
2
+ import { Theme } from '@mui/material/styles';
3
+ import { Sizes } from '@m4l/styles';
4
+ import { HexColor } from '@m4l/graphics';
5
+ import { AutocompleteAsyncProps, AutocompleteValueChangeEvent, CheckableListProps, M4LOverridesStyleRules } from '@m4l/components';
6
+ import { CHECKABLE_DEVICES_PICKER_KEY_COMPONENT } from './constants';
7
+ import { CheckableDevicesPickerSlots } from './slots/CheckableDevicesPickerEnum';
8
+ /**
9
+ * Keys of the CheckableList that this component resolves by itself.
10
+ * They are removed from the public contract so passing them fails at compile
11
+ * time instead of being silently overwritten: the rows, the groups and the
12
+ * "Todos [N]" line are built from the devices returned by the endpoint.
13
+ */
14
+ export type CheckableDevicesPickerOwnedListProps = 'items' | 'groups' | 'value' | 'onChange' | 'renderItem' | 'renderGroup' | 'selectAll' | 'selectAllCount';
15
+ /**
16
+ * Props of the async engine, shared verbatim with AutocompleteAsync so the
17
+ * fetch contract (lazy first load, param changes, abort) is declared once.
18
+ */
19
+ export type CheckableDevicesPickerAsyncProps<T> = Pick<AutocompleteAsyncProps<T>, 'endPoint' | 'timeout' | 'parms' | 'resultField' | 'isRemote' | 'isExternalUrl' | 'responseToCamelCase' | 'shouldFetch' | 'onChangeFilterParms'>;
20
+ /**
21
+ * Department shape returned by the devices endpoints that expose it as an
22
+ * object (same contract the geofences assignment already consumes).
23
+ *
24
+ * Every field is optional and nullable because the `devices` endpoint
25
+ * publishes them that way: a department may arrive with no color, and the
26
+ * modules type the object with nullable id and name. The group resolver
27
+ * falls back to whatever identity is available.
28
+ */
29
+ export interface DevicePickerDepartment {
30
+ /**
31
+ * Unique identifier of the department.
32
+ */
33
+ id?: string | number;
34
+ /**
35
+ * Department name, used as the group header label.
36
+ */
37
+ name?: string | null;
38
+ /**
39
+ * Department color, painted on the group count badge. Only hex values are
40
+ * honored; anything else leaves the badge on the neutral token.
41
+ */
42
+ color?: HexColor | string | null;
43
+ }
44
+ /**
45
+ * Group a device belongs to, as resolved by `getDeviceGroup`.
46
+ */
47
+ export interface DevicePickerGroupRef {
48
+ /**
49
+ * Unique identifier of the group.
50
+ */
51
+ id: string | number;
52
+ /**
53
+ * Label rendered on the group header.
54
+ */
55
+ label: string;
56
+ /**
57
+ * Color painted on the group count badge.
58
+ */
59
+ color?: HexColor;
60
+ }
61
+ /**
62
+ * Minimal shape the picker needs from a device option.
63
+ * Every field is reachable through an accessor prop, so consumers are not
64
+ * forced into this exact shape.
65
+ */
66
+ export interface DevicePickerOption {
67
+ /**
68
+ * Unique identifier of the device.
69
+ */
70
+ id: string | number;
71
+ /**
72
+ * Plate or hardware code the device was registered with. Rendered as the
73
+ * second line, or as the first one when the device carries no alias.
74
+ */
75
+ name?: string;
76
+ /**
77
+ * Label the fleet gave the device. When present it owns the first line,
78
+ * because that is how people recognize a vehicle.
79
+ */
80
+ alias?: string | null;
81
+ /**
82
+ * Department the device belongs to; drives the grouping.
83
+ * Accepted both as a plain name and as an object, because the devices
84
+ * endpoints in the workspace expose it in either shape.
85
+ */
86
+ department?: string | DevicePickerDepartment | null;
87
+ /**
88
+ * Icon reference returned by the backend.
89
+ */
90
+ deviceIcon?: {
91
+ /**
92
+ * Icon identifier used to build the asset url.
93
+ */
94
+ iconId?: string;
95
+ };
96
+ }
97
+ /**
98
+ * Props of the CheckableDevicesPicker component.
99
+ *
100
+ * Everything the shared CheckableList accepts is inherited as is — `variant`,
101
+ * `checkboxSize`, `width`, `groupable`, `filterFn`, `indeterminateBehavior`,
102
+ * accessibility props — so the list contract never has to be mirrored here by
103
+ * hand. Only the pieces this component resolves on its own are removed, and
104
+ * `value` / `onChange` are redefined because it speaks devices, not ids.
105
+ */
106
+ export interface CheckableDevicesPickerProps<T = DevicePickerOption> extends Omit<CheckableListProps, CheckableDevicesPickerOwnedListProps>, CheckableDevicesPickerAsyncProps<T> {
107
+ /**
108
+ * Currently selected devices, as objects. Mirrors the AutocompleteAsync
109
+ * contract, so the same value works in the DevicesPicker and in a form.
110
+ */
111
+ value?: T | T[] | null;
112
+ /**
113
+ * Reports the new selection as device objects.
114
+ * Keeps the AutocompleteAsync signature so `withRHFController`, which reads
115
+ * `event.target.value`, works without an adapter.
116
+ */
117
+ onChange: (event: AutocompleteValueChangeEvent<T> | undefined, value: T | T[] | null, reason: 'selectOption' | 'removeOption') => void;
118
+ /**
119
+ * Whether the surface is visible. The devices are fetched lazily, the first
120
+ * time it opens, so a parent that hides the picker behind a trigger (the
121
+ * DevicesPicker popover) declares it here and keeps the component mounted:
122
+ * that is what preserves the loaded devices, the search and the switches
123
+ * across open and close. Omitted means being mounted is being open.
124
+ */
125
+ open?: boolean;
126
+ /**
127
+ * "Ver departamentos" switch: groups the list and shows the "Todos" row.
128
+ * Omitted means derived from the data.
129
+ */
130
+ showDepartments?: boolean;
131
+ /**
132
+ * "Ver ID" switch: shows the id line on every row.
133
+ * Omitted means derived from the data.
134
+ */
135
+ showIds?: boolean;
136
+ /**
137
+ * Reports whether a request is in flight, so a parent that owns a trigger
138
+ * can reflect it without owning the fetch.
139
+ */
140
+ onLoadingChange?: (loading: boolean) => void;
141
+ /**
142
+ * Resolves the group of an option; null falls into the default group.
143
+ */
144
+ getDeviceGroup?: (option: T) => DevicePickerGroupRef | null;
145
+ /**
146
+ * Reports the loaded devices every time they change: after the first fetch,
147
+ * after a `refresh()`, after a param change, and as an empty list on error.
148
+ * Lets a consumer that persists ids rehydrate them into objects without
149
+ * fetching the catalog a second time. Named after the engine vocabulary
150
+ * (`options`) and the `on<Thing>Change` pattern of `onLoadingChange`, so it
151
+ * never reads as the selection, which `onChange` already reports.
152
+ */
153
+ onOptionsChange?: (options: T[]) => void;
154
+ /**
155
+ * Imperative handle. React 19 delivers `ref` as a regular prop, so it is
156
+ * declared here instead of through `forwardRef`, which would erase the
157
+ * generic.
158
+ */
159
+ ref?: Ref<CheckableDevicesPickerRef>;
160
+ }
161
+ /**
162
+ * Imperative surface of the picker, reached through `ref`.
163
+ */
164
+ export interface CheckableDevicesPickerRef {
165
+ /**
166
+ * Asks the backend for the catalog again, keeping the selection, the search
167
+ * text and the column switches. Same pattern the route-history surfaces
168
+ * expose, so a parent refreshes every panel the same way.
169
+ */
170
+ refresh: () => void;
171
+ }
172
+ /**
173
+ * Owner state shared by the CheckableDevicesPicker slots for styling purposes.
174
+ */
175
+ export interface CheckableDevicesPickerOwnerState extends Record<string, unknown> {
176
+ /**
177
+ * Size of the component.
178
+ */
179
+ size?: Extract<Sizes, 'small' | 'medium'>;
180
+ /**
181
+ * Whole picker is disabled.
182
+ */
183
+ disabled?: boolean;
184
+ /**
185
+ * Devices are still loading.
186
+ */
187
+ loading?: boolean;
188
+ /**
189
+ * The list is grouped by department.
190
+ */
191
+ showDepartments?: boolean;
192
+ /**
193
+ * Rows render the id line.
194
+ */
195
+ showIds?: boolean;
196
+ /**
197
+ * Department color, painted on the group count badge.
198
+ */
199
+ color?: HexColor;
200
+ }
201
+ /**
202
+ * Slot names available for the CheckableDevicesPicker.
203
+ */
204
+ export type CheckableDevicesPickerSlotsType = keyof typeof CheckableDevicesPickerSlots;
205
+ /**
206
+ * Styles applicable to the CheckableDevicesPicker through theme overrides and
207
+ * slots.
208
+ */
209
+ export type CheckableDevicesPickerStyles = M4LOverridesStyleRules<CheckableDevicesPickerSlotsType, typeof CHECKABLE_DEVICES_PICKER_KEY_COMPONENT, Theme>;
210
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CheckableDevicesPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,sBAAsB,EACtB,4BAA4B,EAC5B,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,sCAAsC,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AAEjF;;;;;GAKG;AACH,MAAM,MAAM,oCAAoC,GAC5C,OAAO,GACP,QAAQ,GACR,OAAO,GACP,UAAU,GACV,YAAY,GACZ,aAAa,GACb,WAAW,GACX,gBAAgB,CAAC;AAErB;;;GAGG;AACH,MAAM,MAAM,gCAAgC,CAAC,CAAC,IAAI,IAAI,CACpD,sBAAsB,CAAC,CAAC,CAAC,EACvB,UAAU,GACV,SAAS,GACT,OAAO,GACP,aAAa,GACb,UAAU,GACV,eAAe,GACf,qBAAqB,GACrB,aAAa,GACb,qBAAqB,CACxB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,sBAAsB,GAAG,IAAI,CAAC;IACpD;;OAEG;IACH,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,kBAAkB,CACjE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,oCAAoC,CAAC,EACpE,gCAAgC,CAAC,CAAC,CAAC;IACrC;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;IACvB;;;;OAIG;IACH,QAAQ,EAAE,CACR,KAAK,EAAE,4BAA4B,CAAC,CAAC,CAAC,GAAG,SAAS,EAClD,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,EACrB,MAAM,EAAE,cAAc,GAAG,cAAc,KACpC,IAAI,CAAC;IACV;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,oBAAoB,GAAG,IAAI,CAAC;IAC5D;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,yBAAyB,CAAC,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,gCAAiC,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/E;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,MAAM,+BAA+B,GAAG,MAAM,OAAO,2BAA2B,CAAC;AAEvF;;;GAGG;AACH,MAAM,MAAM,4BAA4B,GAAG,sBAAsB,CAC/D,+BAA+B,EAC/B,OAAO,sCAAsC,EAC7C,KAAK,CACN,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { DevicePickerOption } from '../CheckableDevicesPicker/types';
2
+ import { DevicesPickerProps } from './types';
3
+ /**
4
+ * DevicesPicker: device selector with a card-based trigger and a grouped
5
+ * selection panel.
6
+ *
7
+ * It reuses the AutocompleteAsync engine (same reducer and `useFetchOptions`)
8
+ * so the fetch contract — lazy first load, param changes, abort — behaves
9
+ * exactly like the async autocomplete, while rendering its own UI.
10
+ *
11
+ * The trigger hugs its content: it shows the cards that fit and reports the
12
+ * rest through the +N toggle instead of clipping them silently.
13
+ */
14
+ export declare function DevicesPicker<T extends DevicePickerOption = DevicePickerOption>(props: DevicesPickerProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
15
+ //# sourceMappingURL=DevicesPicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DevicesPicker.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DevicesPicker/DevicesPicker.tsx"],"names":[],"mappings":"AAwCA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAA2B,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEtE;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EAC7E,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,oDAyU7B"}