@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.
- package/@types/types.d.ts +19 -0
- package/_virtual/react-dom-server-legacy.browser.development.js +4 -0
- package/_virtual/react-dom-server-legacy.browser.production.js +4 -0
- package/_virtual/react-dom-server.browser.development.js +4 -0
- package/_virtual/react-dom-server.browser.production.js +4 -0
- package/_virtual/server.browser.js +5 -0
- package/_virtual/server.browser2.js +4 -0
- package/components/CheckableDevicesPicker/CheckableDevicesPicker.d.ts +13 -0
- package/components/CheckableDevicesPicker/CheckableDevicesPicker.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/CheckableDevicesPicker.js +237 -0
- package/components/CheckableDevicesPicker/CheckableDevicesPicker.styles.d.ts +3 -0
- package/components/CheckableDevicesPicker/CheckableDevicesPicker.styles.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/CheckableDevicesPicker.styles.js +157 -0
- package/components/CheckableDevicesPicker/constants.d.ts +22 -0
- package/components/CheckableDevicesPicker/constants.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/constants.js +13 -0
- package/components/CheckableDevicesPicker/dictionary.d.ts +15 -0
- package/components/CheckableDevicesPicker/dictionary.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/dictionary.js +15 -0
- package/components/CheckableDevicesPicker/helpers/resolveDeviceGroup.d.ts +11 -0
- package/components/CheckableDevicesPicker/helpers/resolveDeviceGroup.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/helpers/resolveDeviceGroup.js +23 -0
- package/components/CheckableDevicesPicker/helpers/toDeviceArray.d.ts +7 -0
- package/components/CheckableDevicesPicker/helpers/toDeviceArray.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/helpers/toDeviceArray.js +6 -0
- package/components/CheckableDevicesPicker/hooks/types.d.ts +178 -0
- package/components/CheckableDevicesPicker/hooks/types.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/hooks/useDeviceGroups.d.ts +13 -0
- package/components/CheckableDevicesPicker/hooks/useDeviceGroups.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/hooks/useDeviceGroups.js +51 -0
- package/components/CheckableDevicesPicker/hooks/useDevicesAsyncOptions.d.ts +13 -0
- package/components/CheckableDevicesPicker/hooks/useDevicesAsyncOptions.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/hooks/useDevicesAsyncOptions.js +69 -0
- package/components/CheckableDevicesPicker/hooks/useDevicesSelection.d.ts +12 -0
- package/components/CheckableDevicesPicker/hooks/useDevicesSelection.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/hooks/useDevicesSelection.js +26 -0
- package/components/CheckableDevicesPicker/hooks/usePanelColumns.d.ts +12 -0
- package/components/CheckableDevicesPicker/hooks/usePanelColumns.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/hooks/usePanelColumns.js +30 -0
- package/components/CheckableDevicesPicker/index.d.ts +7 -0
- package/components/CheckableDevicesPicker/index.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerEnum.d.ts +23 -0
- package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerEnum.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerEnum.js +4 -0
- package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerSlots.d.ts +31 -0
- package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerSlots.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/slots/CheckableDevicesPickerSlots.js +49 -0
- package/components/CheckableDevicesPicker/slots/index.d.ts +3 -0
- package/components/CheckableDevicesPicker/slots/index.d.ts.map +1 -0
- package/components/CheckableDevicesPicker/types.d.ts +210 -0
- package/components/CheckableDevicesPicker/types.d.ts.map +1 -0
- package/components/DevicesPicker/DevicesPicker.d.ts +15 -0
- package/components/DevicesPicker/DevicesPicker.d.ts.map +1 -0
- package/components/DevicesPicker/DevicesPicker.js +311 -0
- package/components/DevicesPicker/DevicesPicker.styles.d.ts +3 -0
- package/components/DevicesPicker/DevicesPicker.styles.d.ts.map +1 -0
- package/components/DevicesPicker/DevicesPicker.styles.js +373 -0
- package/components/DevicesPicker/constants.d.ts +51 -0
- package/components/DevicesPicker/constants.d.ts.map +1 -0
- package/components/DevicesPicker/constants.js +30 -0
- package/components/DevicesPicker/dictionary.d.ts +17 -0
- package/components/DevicesPicker/dictionary.d.ts.map +1 -0
- package/components/DevicesPicker/dictionary.js +17 -0
- package/components/DevicesPicker/index.d.ts +8 -0
- package/components/DevicesPicker/index.d.ts.map +1 -0
- package/components/DevicesPicker/slots/DevicesPickerEnum.d.ts +61 -0
- package/components/DevicesPicker/slots/DevicesPickerEnum.d.ts.map +1 -0
- package/components/DevicesPicker/slots/DevicesPickerEnum.js +4 -0
- package/components/DevicesPicker/slots/DevicesPickerSlots.d.ts +88 -0
- package/components/DevicesPicker/slots/DevicesPickerSlots.d.ts.map +1 -0
- package/components/DevicesPicker/slots/DevicesPickerSlots.js +125 -0
- package/components/DevicesPicker/slots/index.d.ts +3 -0
- package/components/DevicesPicker/slots/index.d.ts.map +1 -0
- package/components/DevicesPicker/subcomponents/DeviceCard/DeviceCard.d.ts +8 -0
- package/components/DevicesPicker/subcomponents/DeviceCard/DeviceCard.d.ts.map +1 -0
- package/components/DevicesPicker/subcomponents/DeviceCard/DeviceCard.js +77 -0
- package/components/DevicesPicker/subcomponents/DeviceCard/index.d.ts +3 -0
- package/components/DevicesPicker/subcomponents/DeviceCard/index.d.ts.map +1 -0
- package/components/DevicesPicker/subcomponents/DeviceCard/types.d.ts +42 -0
- package/components/DevicesPicker/subcomponents/DeviceCard/types.d.ts.map +1 -0
- package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/DevicesPickerSkeleton.d.ts +10 -0
- package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/DevicesPickerSkeleton.d.ts.map +1 -0
- package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/DevicesPickerSkeleton.js +35 -0
- package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/index.d.ts +3 -0
- package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/index.d.ts.map +1 -0
- package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/types.d.ts +11 -0
- package/components/DevicesPicker/subcomponents/DevicesPickerSkeleton/types.d.ts.map +1 -0
- package/components/DevicesPicker/subcomponents/SelectedDevicesList/SelectedDevicesList.d.ts +11 -0
- package/components/DevicesPicker/subcomponents/SelectedDevicesList/SelectedDevicesList.d.ts.map +1 -0
- package/components/DevicesPicker/subcomponents/SelectedDevicesList/SelectedDevicesList.js +61 -0
- package/components/DevicesPicker/subcomponents/SelectedDevicesList/index.d.ts +3 -0
- package/components/DevicesPicker/subcomponents/SelectedDevicesList/index.d.ts.map +1 -0
- package/components/DevicesPicker/subcomponents/SelectedDevicesList/types.d.ts +32 -0
- package/components/DevicesPicker/subcomponents/SelectedDevicesList/types.d.ts.map +1 -0
- package/components/DevicesPicker/types.d.ts +91 -0
- package/components/DevicesPicker/types.d.ts.map +1 -0
- package/components/RHFs/RHFCheckableDevicesPicker/RHFCheckableDevicesPicker.d.ts +23 -0
- package/components/RHFs/RHFCheckableDevicesPicker/RHFCheckableDevicesPicker.d.ts.map +1 -0
- package/components/RHFs/RHFCheckableDevicesPicker/RHFCheckableDevicesPicker.js +6 -0
- package/components/RHFs/RHFCheckableDevicesPicker/index.d.ts +3 -0
- package/components/RHFs/RHFCheckableDevicesPicker/index.d.ts.map +1 -0
- package/components/RHFs/RHFCheckableDevicesPicker/types.d.ts +10 -0
- package/components/RHFs/RHFCheckableDevicesPicker/types.d.ts.map +1 -0
- package/components/RHFs/RHFDevicesPicker/RHFDevicesPicker.d.ts +21 -0
- package/components/RHFs/RHFDevicesPicker/RHFDevicesPicker.d.ts.map +1 -0
- package/components/RHFs/RHFDevicesPicker/RHFDevicesPicker.js +6 -0
- package/components/RHFs/RHFDevicesPicker/index.d.ts +3 -0
- package/components/RHFs/RHFDevicesPicker/index.d.ts.map +1 -0
- package/components/RHFs/RHFDevicesPicker/types.d.ts +9 -0
- package/components/RHFs/RHFDevicesPicker/types.d.ts.map +1 -0
- package/components/RHFs/renderAsRegistry.d.ts +33 -0
- package/components/RHFs/renderAsRegistry.d.ts.map +1 -0
- package/components/RHFs/renderAsRegistry.js +7 -0
- package/components/index.d.ts +6 -0
- package/components/index.d.ts.map +1 -1
- package/helpers/index.d.ts +3 -0
- package/helpers/index.d.ts.map +1 -0
- package/helpers/resolveDeviceIcon/constants.d.ts +31 -0
- package/helpers/resolveDeviceIcon/constants.d.ts.map +1 -0
- package/helpers/resolveDeviceIcon/constants.js +8 -0
- package/helpers/resolveDeviceIcon/deviceIconComponents.d.ts +19 -0
- package/helpers/resolveDeviceIcon/deviceIconComponents.d.ts.map +1 -0
- package/helpers/resolveDeviceIcon/deviceIconComponents.js +19 -0
- package/helpers/resolveDeviceIcon/index.d.ts +3 -0
- package/helpers/resolveDeviceIcon/index.d.ts.map +1 -0
- package/helpers/resolveDeviceIcon/resolveDeviceIcon.d.ts +28 -0
- package/helpers/resolveDeviceIcon/resolveDeviceIcon.d.ts.map +1 -0
- package/helpers/resolveDeviceIcon/resolveDeviceIcon.js +42 -0
- package/helpers/resolveDeviceLabels/index.d.ts +3 -0
- package/helpers/resolveDeviceLabels/index.d.ts.map +1 -0
- package/helpers/resolveDeviceLabels/resolveDeviceLabels.d.ts +22 -0
- package/helpers/resolveDeviceLabels/resolveDeviceLabels.d.ts.map +1 -0
- package/helpers/resolveDeviceLabels/resolveDeviceLabels.js +10 -0
- package/helpers/resolveDeviceLabels/types.d.ts +19 -0
- package/helpers/resolveDeviceLabels/types.d.ts.map +1 -0
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +275 -221
- 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 @@
|
|
|
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"}
|