@consta/uikit 5.0.1 → 5.0.3
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/__internal__/src/components/Badge/Badge.js +1 -1
- package/__internal__/src/components/Badge/Badge.js.map +1 -1
- package/__internal__/src/components/Checkbox/Checkbox.js +1 -1
- package/__internal__/src/components/Checkbox/Checkbox.js.map +1 -1
- package/__internal__/src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.js +1 -1
- package/__internal__/src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.js.map +1 -1
- package/__internal__/src/components/Radio/Radio.js +1 -1
- package/__internal__/src/components/Radio/Radio.js.map +1 -1
- package/__internal__/src/components/SelectComponents/Select.css +1 -1
- package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.js +1 -1
- package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.js.map +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectCreateButton/SelectCreateButton.js +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectCreateButton/SelectCreateButton.js.map +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectDropdown/SelectDropdown.js +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectDropdown/SelectDropdown.js.map +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectItem/SelectItem.js +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectItem/SelectItem.js.map +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectItemAll/SelectSelectAll.js +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectItemAll/SelectSelectAll.js.map +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectLoader/SelectLoader.js +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectLoader/SelectLoader.js.map +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectValueTag/SelectValueTag.js +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectValueTag/SelectValueTag.js.map +1 -1
- package/__internal__/src/components/Switch/Switch.js +1 -1
- package/__internal__/src/components/Switch/Switch.js.map +1 -1
- package/__internal__/src/components/Switch/types.d.ts +1 -0
- package/__internal__/src/components/Switch/types.js +1 -1
- package/__internal__/src/components/Switch/types.js.map +1 -1
- package/__internal__/src/components/TextField/TextField.css +1 -1
- package/__internal__/src/components/TextField/TextField.js +1 -1
- package/__internal__/src/components/TextField/TextField.js.map +1 -1
- package/__internal__/src/components/TextField/helpers.d.ts +2 -1
- package/__internal__/src/components/TextField/helpers.js +1 -1
- package/__internal__/src/components/TextField/helpers.js.map +1 -1
- package/__internal__/src/components/TextField/types.d.ts +1 -6
- package/__internal__/src/components/TextField/types.js.map +1 -1
- package/__internal__/src/uiKit/components/ColorPreview/ColorPreview.css +1 -1
- package/__internal__/src/uiKit/components/ColorPreview/ColorPreview.js +1 -1
- package/__internal__/src/uiKit/components/ColorPreview/ColorPreview.js.map +1 -1
- package/__internal__/src/uiKit/components/ThemePreview/ThemePreview.css +1 -1
- package/__internal__/src/uiKit/components/ThemePreview/ThemePreview.js +1 -1
- package/__internal__/src/uiKit/components/ThemePreview/ThemePreview.js.map +1 -1
- package/package.json +2 -2
- package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGrid.css +0 -1
- package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGrid.d.ts +0 -16
- package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGrid.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGrid.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.css +0 -1
- package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.d.ts +0 -11
- package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/ComponentsGridWithData.d.ts +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/ComponentsGridWithData.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/ComponentsGridWithData.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/additionalData.d.ts +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/additionalData.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/additionalData.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/data.d.ts +0 -4
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/data.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/data.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/AttachmentImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/AttachmentImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/AttachmentImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/AvatarGroupImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/AvatarGroupImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/AvatarGroupImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/AvatarImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/AvatarImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/AvatarImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/BadgeImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/BadgeImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/BadgeImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/BreadcrumbsImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/BreadcrumbsImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/BreadcrumbsImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ButtonImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ButtonImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ButtonImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CardImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CardImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CardImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CheckboxGroupImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CheckboxGroupImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CheckboxGroupImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CheckboxImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CheckboxImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CheckboxImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ChoiceGroupImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ChoiceGroupImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ChoiceGroupImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CollapseGroupImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CollapseGroupImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CollapseGroupImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CollapseImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CollapseImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/CollapseImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ComboboxImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ComboboxImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ComboboxImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ContextMenuImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ContextMenuImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ContextMenuImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DatePickerImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DatePickerImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DatePickerImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DateTimeCanaryImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DateTimeCanaryImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DateTimeCanaryImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DateTimeImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DateTimeImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DateTimeImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DragNDropFieldImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DragNDropFieldImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/DragNDropFieldImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/FieldGroupImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/FieldGroupImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/FieldGroupImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/FileFieldImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/FileFieldImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/FileFieldImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/FileImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/FileImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/FileImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/GridImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/GridImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/GridImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/HeaderImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/HeaderImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/HeaderImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/InformerImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/InformerImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/InformerImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/LayoutImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/LayoutImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/LayoutImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/LoaderImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/LoaderImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/LoaderImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ModalImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ModalImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ModalImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/NoImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/NoImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/NoImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/PaginationImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/PaginationImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/PaginationImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/PopoverImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/PopoverImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/PopoverImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ProgressLineImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ProgressLineImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ProgressLineImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ProgressSpinImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ProgressSpinImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ProgressSpinImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ProgressStepBarImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ProgressStepBarImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ProgressStepBarImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/RadioGroupImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/RadioGroupImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/RadioGroupImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/RadioImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/RadioImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/RadioImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ResponsesImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ResponsesImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ResponsesImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SelectImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SelectImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SelectImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SidebarImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SidebarImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SidebarImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SkeletonImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SkeletonImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SkeletonImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SliderImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SliderImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SliderImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SnackBarImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SnackBarImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SnackBarImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/StepsImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/StepsImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/StepsImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SwitchGroupImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SwitchGroupImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SwitchGroupImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SwitchImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SwitchImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/SwitchImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TableImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TableImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TableImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TabsImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TabsImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TabsImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TagImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TagImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TagImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TextFieldImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TextFieldImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TextFieldImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TextImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TextImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TextImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ThemeImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ThemeImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ThemeImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ThemeTogglerImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ThemeTogglerImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/ThemeTogglerImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TimerImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TimerImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TimerImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TooltipImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TooltipImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/TooltipImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/UserImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/UserImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/UserImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/UserSelectImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/UserSelectImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/images/UserSelectImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/AreaImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/AreaImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/AreaImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/BarImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/BarImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/BarImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/BulletImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/BulletImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/BulletImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/ColumnImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/ColumnImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/ColumnImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/DualAxesImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/DualAxesImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/DualAxesImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/FeedbackFormImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/FeedbackFormImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/FeedbackFormImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/GanttImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/GanttImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/GanttImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/GaugeImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/GaugeImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/GaugeImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/GpnResponsesImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/GpnResponsesImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/GpnResponsesImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/HeaderUmdImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/HeaderUmdImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/HeaderUmdImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/HistogramImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/HistogramImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/HistogramImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/LineImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/LineImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/LineImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/MixPlotImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/MixPlotImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/MixPlotImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/PieImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/PieImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/PieImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/RadarImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/RadarImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/RadarImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/RcTableAdapterImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/RcTableAdapterImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/RcTableAdapterImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/RcTreeAdapterImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/RcTreeAdapterImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/RcTreeAdapterImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/ReactBigCalendarImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/ReactBigCalendarImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/ReactBigCalendarImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/ScatterImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/ScatterImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/ScatterImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/StatsImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/StatsImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/StatsImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/WaterfallImage.d.ts +0 -3
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/WaterfallImage.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/imagesForAdditionalData/WaterfallImage.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/index.d.ts +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/index.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/index.js.map +0 -1
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/types.d.ts +0 -13
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/types.js +0 -2
- package/__internal__/src/uiKit/components/ComponentsGridWithData/data/types.js.map +0 -1
- package/__internal__/src/uiKit/whitepaper/whitepaper.css +0 -1
- package/__internal__/src/uiKit/whitepaper/whitepaper.d.ts +0 -7
- package/__internal__/src/uiKit/whitepaper/whitepaper.js +0 -2
- package/__internal__/src/uiKit/whitepaper/whitepaper.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","view","status","form","icon","iconLeft","iconRight","minified","label","as"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Badge.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{useTheme}from"../Theme/Theme";export var badgePropSize=["xs","s","m","l"];export var badgePropSizeDefault="m";export var badgePropView=["filled","stroked"];export var badgePropViewDefault=badgePropView[0];export var badgePropStatus=["normal","success","error","warning","system"];export var badgePropStatusDefault=badgePropStatus[0];export var badgePropForm=["default","round"];export var badgePropFormDefault=badgePropForm[0];export var cnBadge=cn("Badge");var renderIcon=function(a){
|
|
1
|
+
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","view","status","form","icon","iconLeft","iconRight","minified","label","as","title"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Badge.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{useTheme}from"../Theme/Theme";export var badgePropSize=["xs","s","m","l"];export var badgePropSizeDefault="m";export var badgePropView=["filled","stroked"];export var badgePropViewDefault=badgePropView[0];export var badgePropStatus=["normal","success","error","warning","system"];export var badgePropStatusDefault=badgePropStatus[0];export var badgePropForm=["default","round"];export var badgePropFormDefault=badgePropForm[0];export var cnBadge=cn("Badge");var renderIcon=function(a){return a?React.createElement(a,{size:"xs",className:cnBadge("Icon")}):null};export var Badge=forwardRefWithAs(function(a,b){var c=a.size,d=void 0===c?badgePropSizeDefault:c,e=a.view,f=void 0===e?badgePropViewDefault:e,g=a.status,h=void 0===g?badgePropStatusDefault:g,i=a.form,j=void 0===i?badgePropFormDefault:i,k=a.icon,l=a.iconLeft,m=a.iconRight,n=a.minified,o=a.label,p=a.as,q=void 0===p?"div":p,r=a.title,s=_objectWithoutProperties(a,_excluded),t=useTheme(),u=t.themeClassNames,v="system"!==h&&"filled"===f?classnames(a.className,u.color.accent):a.className,w=null!==l&&void 0!==l?l:k,x=1===[k,l,m,o].filter(function(a){return!!a}).length&&1>=((null===o||void 0===o?void 0:o.length)||0);return React.createElement(q,Object.assign({},s,{className:cnBadge(_objectSpread({size:d,status:h,minified:n},!n&&{view:f,form:j,counter:x}),[v]),ref:b,title:r||n&&o}),!n&&React.createElement(React.Fragment,null,renderIcon(w),o,renderIcon(m)))});
|
|
2
2
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","names":["classnames","React","cn","forwardRefWithAs","useTheme","badgePropSize","badgePropSizeDefault","badgePropView","badgePropViewDefault","badgePropStatus","badgePropStatusDefault","badgePropForm","badgePropFormDefault","cnBadge","renderIcon","Icon","Badge","props","ref","size","view","status","form","icon","iconLeft","IconRight","iconRight","minified","label","as","otherProps","themeClassNames","className","color","accent","IconLeft","counter","filter","item","length"],"sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import './Badge.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { useTheme } from '../Theme/Theme';\n\nexport const badgePropSize = ['xs', 's', 'm', 'l'] as const;\nexport type BadgePropSize = typeof badgePropSize[number];\nexport const badgePropSizeDefault: BadgePropSize = 'm';\n\nexport const badgePropView = ['filled', 'stroked'] as const;\nexport type BadgePropView = typeof badgePropView[number];\nexport const badgePropViewDefault: BadgePropView = badgePropView[0];\n\nexport const badgePropStatus = [\n 'normal',\n 'success',\n 'error',\n 'warning',\n 'system',\n] as const;\nexport type BadgePropStatus = typeof badgePropStatus[number];\nexport const badgePropStatusDefault: BadgePropStatus = badgePropStatus[0];\n\nexport const badgePropForm = ['default', 'round'] as const;\nexport type BadgePropForm = typeof badgePropForm[number];\nexport const badgePropFormDefault: BadgePropForm = badgePropForm[0];\n\ntype Props = {\n size?: BadgePropSize;\n view?: BadgePropView;\n status?: BadgePropStatus;\n form?: BadgePropForm;\n minified?: boolean;\n /**\n * @deprecated since version 4.17.2 iconLeft\n */\n icon?: IconComponent;\n iconLeft?: IconComponent;\n iconRight?: IconComponent;\n label?: string;\n children?: never;\n};\n\nexport const cnBadge = cn('Badge');\n\nconst renderIcon = (Icon: IconComponent | undefined)
|
|
1
|
+
{"version":3,"file":"Badge.js","names":["classnames","React","cn","forwardRefWithAs","useTheme","badgePropSize","badgePropSizeDefault","badgePropView","badgePropViewDefault","badgePropStatus","badgePropStatusDefault","badgePropForm","badgePropFormDefault","cnBadge","renderIcon","Icon","Badge","props","ref","size","view","status","form","icon","iconLeft","IconRight","iconRight","minified","label","as","title","otherProps","themeClassNames","className","color","accent","IconLeft","counter","filter","item","length"],"sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import './Badge.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { useTheme } from '../Theme/Theme';\n\nexport const badgePropSize = ['xs', 's', 'm', 'l'] as const;\nexport type BadgePropSize = typeof badgePropSize[number];\nexport const badgePropSizeDefault: BadgePropSize = 'm';\n\nexport const badgePropView = ['filled', 'stroked'] as const;\nexport type BadgePropView = typeof badgePropView[number];\nexport const badgePropViewDefault: BadgePropView = badgePropView[0];\n\nexport const badgePropStatus = [\n 'normal',\n 'success',\n 'error',\n 'warning',\n 'system',\n] as const;\nexport type BadgePropStatus = typeof badgePropStatus[number];\nexport const badgePropStatusDefault: BadgePropStatus = badgePropStatus[0];\n\nexport const badgePropForm = ['default', 'round'] as const;\nexport type BadgePropForm = typeof badgePropForm[number];\nexport const badgePropFormDefault: BadgePropForm = badgePropForm[0];\n\ntype Props = {\n size?: BadgePropSize;\n view?: BadgePropView;\n status?: BadgePropStatus;\n form?: BadgePropForm;\n minified?: boolean;\n /**\n * @deprecated since version 4.17.2 iconLeft\n */\n icon?: IconComponent;\n iconLeft?: IconComponent;\n iconRight?: IconComponent;\n label?: string;\n children?: never;\n};\n\nexport const cnBadge = cn('Badge');\n\nconst renderIcon = (Icon: IconComponent | undefined) =>\n Icon ? <Icon size=\"xs\" className={cnBadge('Icon')} /> : null;\n\nexport const Badge = forwardRefWithAs<Props>((props, ref) => {\n const {\n size = badgePropSizeDefault,\n view = badgePropViewDefault,\n status = badgePropStatusDefault,\n form = badgePropFormDefault,\n icon,\n iconLeft,\n iconRight: IconRight,\n minified,\n label,\n as = 'div',\n title,\n ...otherProps\n } = props;\n\n const Tag = as as string;\n const { themeClassNames } = useTheme();\n\n const className =\n status !== 'system' && view === 'filled'\n ? classnames(props.className, themeClassNames.color.accent)\n : props.className;\n const IconLeft = iconLeft ?? icon;\n const counter =\n [icon, iconLeft, IconRight, label].filter((item) => Boolean(item))\n .length === 1 && (label?.length || 0) <= 1;\n\n return (\n <Tag\n {...otherProps}\n className={cnBadge(\n {\n size,\n status,\n minified,\n ...(!minified && {\n view,\n form,\n counter,\n }),\n },\n [className],\n )}\n ref={ref}\n title={title || (minified && label)}\n >\n {!minified && (\n <>\n {renderIcon(IconLeft)}\n {label}\n {renderIcon(IconRight)}\n </>\n )}\n </Tag>\n );\n});\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","intermediate","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef"];import"./Checkbox.css";import React from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";export var checkboxPropSize=["m","xs","s","l"];export var checkboxPropSizeDefault=checkboxPropSize[0];export var checkboxPropView=["primary","ghost"];export var checkboxPropViewDefault=checkboxPropView[0];export var checkboxPropAlign=["center","top"];export var checkboxPropAlignDefault=checkboxPropAlign[0];export var COMPONENT_NAME="Checkbox";export var cnCheckbox=cn("Checkbox");export var Checkbox=React.forwardRef(function(a,b){var c=React.useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=d.name,g=d.size,h=void 0===g?checkboxPropSizeDefault:g,i=d.view,j=void 0===i?checkboxPropViewDefault:i,k=d.align,l=void 0===k?checkboxPropAlignDefault:k,m=d.disabled,n=d.intermediate,o=d.className,p=d.label,q=d.onChange,r=d.onFocus,
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","intermediate","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef"];import"./Checkbox.css";import React from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";export var checkboxPropSize=["m","xs","s","l"];export var checkboxPropSizeDefault=checkboxPropSize[0];export var checkboxPropView=["primary","ghost"];export var checkboxPropViewDefault=checkboxPropView[0];export var checkboxPropAlign=["center","top"];export var checkboxPropAlignDefault=checkboxPropAlign[0];var checkboxPropOnChangeDefault=function(){};export var COMPONENT_NAME="Checkbox";export var cnCheckbox=cn("Checkbox");export var Checkbox=React.forwardRef(function(a,b){var c=React.useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=d.name,g=d.size,h=void 0===g?checkboxPropSizeDefault:g,i=d.view,j=void 0===i?checkboxPropViewDefault:i,k=d.align,l=void 0===k?checkboxPropAlignDefault:k,m=d.disabled,n=d.intermediate,o=d.className,p=d.label,q=d.onChange,r=void 0===q?checkboxPropOnChangeDefault:q,s=d.onFocus,t=d.onBlur,u=d.readOnly,v=d.required,w=d.step,x=d.tabIndex,y=d.inputId,z=d.inputRef,A=_objectWithoutProperties(d,_excluded);return React.createElement("label",Object.assign({},A,{className:cnCheckbox({size:h,view:j,disabled:m,intermediate:void 0!==n&&n,align:l},[o]),ref:useForkRef([b,c])}),React.createElement("input",{type:"checkbox",name:f,className:cnCheckbox("Input",[cnMixFocus()]),checked:void 0!==e&&e,id:y,disabled:m,onChange:r,onFocus:s,onBlur:t,readOnly:u,required:v,step:w,tabIndex:x,ref:z}),p&&React.createElement("span",{className:cnCheckbox("Label")},p))});
|
|
2
2
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","names":["React","useForkRef","cnMixFocus","cn","usePropsHandler","checkboxPropSize","checkboxPropSizeDefault","checkboxPropView","checkboxPropViewDefault","checkboxPropAlign","checkboxPropAlignDefault","COMPONENT_NAME","cnCheckbox","Checkbox","forwardRef","props","ref","checkboxRef","useRef","checked","name","size","view","align","disabled","intermediate","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef","otherProps"],"sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import './Checkbox.css';\n\nimport React, { ChangeEventHandler } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\nexport const checkboxPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type CheckboxPropSize = typeof checkboxPropSize[number];\nexport const checkboxPropSizeDefault: CheckboxPropSize = checkboxPropSize[0];\n\nexport const checkboxPropView = ['primary', 'ghost'] as const;\nexport type CheckboxPropView = typeof checkboxPropView[number];\nexport const checkboxPropViewDefault: CheckboxPropView = checkboxPropView[0];\n\nexport const checkboxPropAlign = ['center', 'top'] as const;\nexport type CheckboxPropAlign = typeof checkboxPropAlign[number];\nexport const checkboxPropAlignDefault: CheckboxPropAlign = checkboxPropAlign[0];\n\nexport type CheckboxPropOnChange = (\n checked: boolean,\n params: {\n e: React.ChangeEvent<HTMLInputElement>;\n },\n) => void;\n\ntype Props = {\n checked: boolean | undefined;\n size?: CheckboxPropSize;\n view?: CheckboxPropView;\n align?: CheckboxPropAlign;\n disabled?: boolean;\n intermediate?: boolean;\n label?: string;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n name?: string;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n autoFocus?: boolean;\n readOnly?: boolean;\n required?: boolean;\n step?: number | string;\n tabIndex?: number;\n inputRef?: React.Ref<HTMLInputElement>;\n children?: never;\n for?: string;\n inputId?: string;\n};\n\nexport type CheckboxProps = PropsWithHTMLAttributes<Props, HTMLLabelElement>;\n\nexport const COMPONENT_NAME = 'Checkbox' as const;\nexport const cnCheckbox = cn(COMPONENT_NAME);\n\nexport const Checkbox = React.forwardRef<HTMLLabelElement, CheckboxProps>(\n (props, ref) => {\n const checkboxRef = React.useRef<HTMLLabelElement>(null);\n\n const {\n checked = false,\n name,\n size = checkboxPropSizeDefault,\n view = checkboxPropViewDefault,\n align = checkboxPropAlignDefault,\n disabled,\n intermediate = false,\n className,\n label,\n onChange,\n onFocus,\n onBlur,\n readOnly,\n required,\n step,\n tabIndex,\n inputId,\n inputRef,\n ...otherProps\n } = usePropsHandler(COMPONENT_NAME, props, checkboxRef);\n\n return (\n <label\n {...otherProps}\n className={cnCheckbox({ size, view, disabled, intermediate, align }, [\n className,\n ])}\n ref={useForkRef([ref, checkboxRef])}\n >\n <input\n type=\"checkbox\"\n name={name}\n className={cnCheckbox('Input', [cnMixFocus()])}\n checked={checked}\n id={inputId}\n disabled={disabled}\n onChange={onChange}\n onFocus={onFocus}\n onBlur={onBlur}\n readOnly={readOnly}\n required={required}\n step={step}\n tabIndex={tabIndex}\n ref={inputRef}\n />\n {label && <span className={cnCheckbox('Label')}>{label}</span>}\n </label>\n );\n },\n);\n"],"mappings":"qRAAA,uBAEA,MAAOA,MAAP,KAA0C,OAA1C,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBAEA,OAASC,eAAT,2CAEA,MAAO,IAAMC,iBAAgB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","names":["React","useForkRef","cnMixFocus","cn","usePropsHandler","checkboxPropSize","checkboxPropSizeDefault","checkboxPropView","checkboxPropViewDefault","checkboxPropAlign","checkboxPropAlignDefault","checkboxPropOnChangeDefault","COMPONENT_NAME","cnCheckbox","Checkbox","forwardRef","props","ref","checkboxRef","useRef","checked","name","size","view","align","disabled","intermediate","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef","otherProps"],"sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import './Checkbox.css';\n\nimport React, { ChangeEventHandler } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\nexport const checkboxPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type CheckboxPropSize = typeof checkboxPropSize[number];\nexport const checkboxPropSizeDefault: CheckboxPropSize = checkboxPropSize[0];\n\nexport const checkboxPropView = ['primary', 'ghost'] as const;\nexport type CheckboxPropView = typeof checkboxPropView[number];\nexport const checkboxPropViewDefault: CheckboxPropView = checkboxPropView[0];\n\nexport const checkboxPropAlign = ['center', 'top'] as const;\nexport type CheckboxPropAlign = typeof checkboxPropAlign[number];\nexport const checkboxPropAlignDefault: CheckboxPropAlign = checkboxPropAlign[0];\n\nexport type CheckboxPropOnChange = (\n checked: boolean,\n params: {\n e: React.ChangeEvent<HTMLInputElement>;\n },\n) => void;\n\nconst checkboxPropOnChangeDefault = () => {};\n\ntype Props = {\n checked: boolean | undefined;\n size?: CheckboxPropSize;\n view?: CheckboxPropView;\n align?: CheckboxPropAlign;\n disabled?: boolean;\n intermediate?: boolean;\n label?: string;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n name?: string;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n autoFocus?: boolean;\n readOnly?: boolean;\n required?: boolean;\n step?: number | string;\n tabIndex?: number;\n inputRef?: React.Ref<HTMLInputElement>;\n children?: never;\n for?: string;\n inputId?: string;\n};\n\nexport type CheckboxProps = PropsWithHTMLAttributes<Props, HTMLLabelElement>;\n\nexport const COMPONENT_NAME = 'Checkbox' as const;\nexport const cnCheckbox = cn(COMPONENT_NAME);\n\nexport const Checkbox = React.forwardRef<HTMLLabelElement, CheckboxProps>(\n (props, ref) => {\n const checkboxRef = React.useRef<HTMLLabelElement>(null);\n\n const {\n checked = false,\n name,\n size = checkboxPropSizeDefault,\n view = checkboxPropViewDefault,\n align = checkboxPropAlignDefault,\n disabled,\n intermediate = false,\n className,\n label,\n onChange = checkboxPropOnChangeDefault,\n onFocus,\n onBlur,\n readOnly,\n required,\n step,\n tabIndex,\n inputId,\n inputRef,\n ...otherProps\n } = usePropsHandler(COMPONENT_NAME, props, checkboxRef);\n\n return (\n <label\n {...otherProps}\n className={cnCheckbox({ size, view, disabled, intermediate, align }, [\n className,\n ])}\n ref={useForkRef([ref, checkboxRef])}\n >\n <input\n type=\"checkbox\"\n name={name}\n className={cnCheckbox('Input', [cnMixFocus()])}\n checked={checked}\n id={inputId}\n disabled={disabled}\n onChange={onChange}\n onFocus={onFocus}\n onBlur={onBlur}\n readOnly={readOnly}\n required={required}\n step={step}\n tabIndex={tabIndex}\n ref={inputRef}\n />\n {label && <span className={cnCheckbox('Label')}>{label}</span>}\n </label>\n );\n },\n);\n"],"mappings":"qRAAA,uBAEA,MAAOA,MAAP,KAA0C,OAA1C,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBAEA,OAASC,eAAT,2CAEA,MAAO,IAAMC,iBAAgB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CASP,GAAME,4BAA2B,CAAG,UAAM,CAAE,CAA5C,CA2BA,MAAO,IAAMC,eAAc,CAAG,UAAvB,CACP,MAAO,IAAMC,WAAU,CAAGV,EAAE,YAArB,CAEP,MAAO,IAAMW,SAAQ,CAAGd,KAAK,CAACe,UAAN,CACtB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACRC,EAAW,CAAGlB,KAAK,CAACmB,MAAN,CAA+B,IAA/B,CADN,GAuBVf,eAAe,CAACQ,cAAD,CAAiBI,CAAjB,CAAwBE,CAAxB,CAvBL,KAIZE,OAJY,CAKZC,CALY,GAKZA,IALY,KAMZC,IANY,CAMZA,CANY,YAMLhB,uBANK,OAOZiB,IAPY,CAOZA,CAPY,YAOLf,uBAPK,OAQZgB,KARY,CAQZA,CARY,YAQJd,wBARI,GASZe,CATY,GASZA,QATY,KAUZC,YAVY,CAWZC,CAXY,GAWZA,SAXY,CAYZC,CAZY,GAYZA,KAZY,KAaZC,QAbY,CAaZA,CAbY,YAaDlB,2BAbC,GAcZmB,CAdY,GAcZA,OAdY,CAeZC,CAfY,GAeZA,MAfY,CAgBZC,CAhBY,GAgBZA,QAhBY,CAiBZC,CAjBY,GAiBZA,QAjBY,CAkBZC,CAlBY,GAkBZA,IAlBY,CAmBZC,CAnBY,GAmBZA,QAnBY,CAoBZC,CApBY,GAoBZA,OApBY,CAqBZC,CArBY,GAqBZA,QArBY,CAsBTC,CAtBS,uCAyBd,MACE,8CACMA,CADN,EAEE,SAAS,CAAEzB,UAAU,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcE,QAAQ,CAARA,CAAd,CAAwBC,YAAY,cAApC,CAAsCF,KAAK,CAALA,CAAtC,CAAD,CAAgD,CACnEG,CADmE,CAAhD,CAFvB,CAKE,GAAG,CAAE1B,UAAU,CAAC,CAACgB,CAAD,CAAMC,CAAN,CAAD,CALjB,GAOE,6BACE,IAAI,CAAC,UADP,CAEE,IAAI,CAAEG,CAFR,CAGE,SAAS,CAAER,UAAU,CAAC,OAAD,CAAU,CAACX,UAAU,EAAX,CAAV,CAHvB,CAIE,OAAO,cAJT,CAKE,EAAE,CAAEkC,CALN,CAME,QAAQ,CAAEX,CANZ,CAOE,QAAQ,CAAEI,CAPZ,CAQE,OAAO,CAAEC,CARX,CASE,MAAM,CAAEC,CATV,CAUE,QAAQ,CAAEC,CAVZ,CAWE,QAAQ,CAAEC,CAXZ,CAYE,IAAI,CAAEC,CAZR,CAaE,QAAQ,CAAEC,CAbZ,CAcE,GAAG,CAAEE,CAdP,EAPF,CAuBGT,CAAK,EAAI,4BAAM,SAAS,CAAEf,UAAU,CAAC,OAAD,CAA3B,EAAuCe,CAAvC,CAvBZ,CA0BH,CArDqB,CAAjB"}
|
package/__internal__/src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var useCheckboxEventsHandler=function(a,b,c){var d=_objectSpread({},a);return d.onChange=function(){for(var
|
|
1
|
+
import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var useCheckboxEventsHandler=function(a,b,c){var d=_objectSpread({},a);return d.onChange=function(){for(var f,g=arguments.length,h=Array(g),i=0;i<g;i++)h[i]=arguments[i];var j=h[0];return b({component:"Checkbox",event:"change",options:{label:d.label,checked:j.target.checked,pageURL:window.location.href,DOMRef:c.current,props:d}}),null===(f=a.onChange)||void 0===f?void 0:f.call.apply(f,[a].concat(h))},d};
|
|
2
2
|
//# sourceMappingURL=useCheckboxEventsHandler.js.map
|
package/__internal__/src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckboxEventsHandler.js","names":["useCheckboxEventsHandler","props","handler","ref","newProps","onChange","onChangeArgs","
|
|
1
|
+
{"version":3,"file":"useCheckboxEventsHandler.js","names":["useCheckboxEventsHandler","props","handler","ref","newProps","onChange","onChangeArgs","e","component","event","options","label","checked","target","pageURL","window","location","href","DOMRef","current"],"sources":["../../../../../../src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../Checkbox/Checkbox';\nimport { EventInterceptorHandler } from '../EventInterceptor';\n\ntype CheckboxProps = Parameters<typeof Checkbox>[0];\n\nexport const useCheckboxEventsHandler = <P extends CheckboxProps>(\n props: P,\n handler: EventInterceptorHandler,\n ref: React.RefObject<HTMLLabelElement>,\n): P => {\n const newProps: P = { ...props };\n\n newProps.onChange = (...onChangeArgs) => {\n const [e] = onChangeArgs;\n\n handler!({\n component: 'Checkbox' as const,\n event: 'change',\n options: {\n label: newProps.label,\n checked: e.target.checked,\n pageURL: window.location.href,\n DOMRef: ref.current,\n props: newProps,\n },\n });\n\n return props.onChange?.(...onChangeArgs);\n };\n\n return newProps;\n};\n"],"mappings":"qqBAOA,MAAO,IAAMA,yBAAwB,CAAG,SACtCC,CADsC,CAEtCC,CAFsC,CAGtCC,CAHsC,CAIhC,CACN,GAAMC,EAAW,kBAAQH,CAAR,CAAjB,CAoBA,MAlBAG,EAAQ,CAACC,QAAT,CAAoB,UAAqB,8BAAjBC,CAAiB,sBAAjBA,CAAiB,iBACvC,GAAOC,EAAP,CAAYD,CAAZ,IAcA,MAZAJ,EAAO,CAAE,CACPM,SAAS,CAAE,UADJ,CAEPC,KAAK,CAAE,QAFA,CAGPC,OAAO,CAAE,CACPC,KAAK,CAAEP,CAAQ,CAACO,KADT,CAEPC,OAAO,CAAEL,CAAC,CAACM,MAAF,CAASD,OAFX,CAGPE,OAAO,CAAEC,MAAM,CAACC,QAAP,CAAgBC,IAHlB,CAIPC,MAAM,CAAEf,CAAG,CAACgB,OAJL,CAKPlB,KAAK,CAAEG,CALA,CAHF,CAAF,CAYP,WAAOH,CAAK,CAACI,QAAb,qBAAO,gBAAAJ,CAAK,QAAL,CAAoBK,CAApB,EACR,CAED,CAAOF,CACR,CA1BM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef"];import"./Radio.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";export var radioPropSize=["m","l","s","xs"];export var radioPropSizeDefault=radioPropSize[0];export var radioPropView=["primary","ghost"];export var radioPropViewDefault=radioPropView[0];export var radioPropAlign=["center","top"];export var radioPropAlignDefault=radioPropAlign[0];export var cnRadio=cn("Radio");export var COMPONENT_NAME="Radio";export var Radio=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=d.name,g=d.size,h=void 0===g?radioPropSizeDefault:g,i=d.view,j=void 0===i?radioPropViewDefault:i,k=d.align,l=void 0===k?radioPropAlignDefault:k,m=d.disabled,n=d.className,o=d.label,p=d.onChange,q=d.onFocus,
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef"];import"./Radio.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";export var radioPropSize=["m","l","s","xs"];export var radioPropSizeDefault=radioPropSize[0];export var radioPropView=["primary","ghost"];export var radioPropViewDefault=radioPropView[0];export var radioPropAlign=["center","top"];export var radioPropAlignDefault=radioPropAlign[0];var radioPropOnChangeDefault=function(){};export var cnRadio=cn("Radio");export var COMPONENT_NAME="Radio";export var Radio=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=d.name,g=d.size,h=void 0===g?radioPropSizeDefault:g,i=d.view,j=void 0===i?radioPropViewDefault:i,k=d.align,l=void 0===k?radioPropAlignDefault:k,m=d.disabled,n=d.className,o=d.label,p=d.onChange,q=void 0===p?radioPropOnChangeDefault:p,r=d.onFocus,s=d.onBlur,t=d.readOnly,u=d.required,v=d.step,w=d.tabIndex,x=d.inputId,y=d.inputRef,z=_objectWithoutProperties(d,_excluded);return React.createElement("label",Object.assign({},z,{className:cnRadio({size:h,view:j,disabled:m,align:l},[n]),ref:useForkRef([b,c])}),React.createElement("input",{type:"radio",name:f,className:cnRadio("Input",[cnMixFocus()]),checked:void 0!==e&&e,disabled:m,onChange:q,onFocus:r,onBlur:s,readOnly:t,required:u,step:v,id:x,tabIndex:w,ref:y}),o&&React.createElement("span",{className:cnRadio("Label")},o))});
|
|
2
2
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["React","useRef","useForkRef","cnMixFocus","cn","usePropsHandler","radioPropSize","radioPropSizeDefault","radioPropView","radioPropViewDefault","radioPropAlign","radioPropAlignDefault","cnRadio","COMPONENT_NAME","Radio","forwardRef","props","ref","radioRef","checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef","otherProps"],"sources":["../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import './Radio.css';\n\nimport React, { ChangeEventHandler, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\nexport const radioPropSize = ['m', 'l', 's', 'xs'] as const;\nexport type RadioPropSize = typeof radioPropSize[number];\nexport const radioPropSizeDefault: RadioPropSize = radioPropSize[0];\n\nexport const radioPropView = ['primary', 'ghost'] as const;\nexport type RadioPropView = typeof radioPropView[number];\nexport const radioPropViewDefault: RadioPropView = radioPropView[0];\n\nexport const radioPropAlign = ['center', 'top'] as const;\nexport type RadioPropAlign = typeof radioPropAlign[number];\nexport const radioPropAlignDefault: RadioPropAlign = radioPropAlign[0];\n\nexport type RadioPropOnChange = (\n checked: boolean,\n params: {\n e: React.ChangeEvent<HTMLInputElement>;\n },\n) => void;\n\nexport type Props = {\n checked?: boolean;\n size?: RadioPropSize;\n view?: RadioPropView;\n align?: RadioPropAlign;\n disabled?: boolean;\n className?: string;\n label?: string;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n name?: string;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n autoFocus?: boolean;\n readOnly?: boolean;\n required?: boolean;\n step?: number | string;\n tabIndex?: number;\n inputRef?: React.Ref<HTMLInputElement>;\n children?: never;\n for?: string;\n inputId?: string;\n};\n\nexport type RadioProps = PropsWithHTMLAttributes<Props, HTMLLabelElement>;\n\nexport const cnRadio = cn('Radio');\n\nexport const COMPONENT_NAME = 'Radio' as const;\n\nexport const Radio = React.forwardRef<HTMLLabelElement, RadioProps>(\n (props, ref) => {\n const radioRef = useRef<HTMLLabelElement>(null);\n\n const {\n checked = false,\n name,\n size = radioPropSizeDefault,\n view = radioPropViewDefault,\n align = radioPropAlignDefault,\n disabled,\n className,\n label,\n onChange,\n onFocus,\n onBlur,\n readOnly,\n required,\n step,\n tabIndex,\n inputId,\n inputRef,\n ...otherProps\n } = usePropsHandler(COMPONENT_NAME, props, radioRef);\n\n return (\n <label\n {...otherProps}\n className={cnRadio({ size, view, disabled, align }, [className])}\n ref={useForkRef([ref, radioRef])}\n >\n <input\n type=\"radio\"\n name={name}\n className={cnRadio('Input', [cnMixFocus()])}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n onFocus={onFocus}\n onBlur={onBlur}\n readOnly={readOnly}\n required={required}\n step={step}\n id={inputId}\n tabIndex={tabIndex}\n ref={inputRef}\n />\n {label && <span className={cnRadio('Label')}>{label}</span>}\n </label>\n );\n },\n);\n"],"mappings":"sQAAA,oBAEA,MAAOA,MAAP,EAAoCC,MAApC,KAAkD,OAAlD,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBAEA,OAASC,eAAT,2CAEA,MAAO,IAAMC,cAAa,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,cAAa,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,QAAD,CAAW,KAAX,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["React","useRef","useForkRef","cnMixFocus","cn","usePropsHandler","radioPropSize","radioPropSizeDefault","radioPropView","radioPropViewDefault","radioPropAlign","radioPropAlignDefault","radioPropOnChangeDefault","cnRadio","COMPONENT_NAME","Radio","forwardRef","props","ref","radioRef","checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef","otherProps"],"sources":["../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import './Radio.css';\n\nimport React, { ChangeEventHandler, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\nexport const radioPropSize = ['m', 'l', 's', 'xs'] as const;\nexport type RadioPropSize = typeof radioPropSize[number];\nexport const radioPropSizeDefault: RadioPropSize = radioPropSize[0];\n\nexport const radioPropView = ['primary', 'ghost'] as const;\nexport type RadioPropView = typeof radioPropView[number];\nexport const radioPropViewDefault: RadioPropView = radioPropView[0];\n\nexport const radioPropAlign = ['center', 'top'] as const;\nexport type RadioPropAlign = typeof radioPropAlign[number];\nexport const radioPropAlignDefault: RadioPropAlign = radioPropAlign[0];\n\nconst radioPropOnChangeDefault = () => {};\n\nexport type RadioPropOnChange = (\n checked: boolean,\n params: {\n e: React.ChangeEvent<HTMLInputElement>;\n },\n) => void;\n\nexport type Props = {\n checked?: boolean;\n size?: RadioPropSize;\n view?: RadioPropView;\n align?: RadioPropAlign;\n disabled?: boolean;\n className?: string;\n label?: string;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n name?: string;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n autoFocus?: boolean;\n readOnly?: boolean;\n required?: boolean;\n step?: number | string;\n tabIndex?: number;\n inputRef?: React.Ref<HTMLInputElement>;\n children?: never;\n for?: string;\n inputId?: string;\n};\n\nexport type RadioProps = PropsWithHTMLAttributes<Props, HTMLLabelElement>;\n\nexport const cnRadio = cn('Radio');\n\nexport const COMPONENT_NAME = 'Radio' as const;\n\nexport const Radio = React.forwardRef<HTMLLabelElement, RadioProps>(\n (props, ref) => {\n const radioRef = useRef<HTMLLabelElement>(null);\n\n const {\n checked = false,\n name,\n size = radioPropSizeDefault,\n view = radioPropViewDefault,\n align = radioPropAlignDefault,\n disabled,\n className,\n label,\n onChange = radioPropOnChangeDefault,\n onFocus,\n onBlur,\n readOnly,\n required,\n step,\n tabIndex,\n inputId,\n inputRef,\n ...otherProps\n } = usePropsHandler(COMPONENT_NAME, props, radioRef);\n\n return (\n <label\n {...otherProps}\n className={cnRadio({ size, view, disabled, align }, [className])}\n ref={useForkRef([ref, radioRef])}\n >\n <input\n type=\"radio\"\n name={name}\n className={cnRadio('Input', [cnMixFocus()])}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n onFocus={onFocus}\n onBlur={onBlur}\n readOnly={readOnly}\n required={required}\n step={step}\n id={inputId}\n tabIndex={tabIndex}\n ref={inputRef}\n />\n {label && <span className={cnRadio('Label')}>{label}</span>}\n </label>\n );\n },\n);\n"],"mappings":"sQAAA,oBAEA,MAAOA,MAAP,EAAoCC,MAApC,KAAkD,OAAlD,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBAEA,OAASC,eAAT,2CAEA,MAAO,IAAMC,cAAa,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,cAAa,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,QAAD,CAAW,KAAX,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,GAAME,yBAAwB,CAAG,UAAM,CAAE,CAAzC,CAkCA,MAAO,IAAMC,QAAO,CAAGT,EAAE,CAAC,OAAD,CAAlB,CAEP,MAAO,IAAMU,eAAc,CAAG,OAAvB,CAEP,MAAO,IAAMC,MAAK,CAAGf,KAAK,CAACgB,UAAN,CACnB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACRC,EAAQ,CAAGlB,MAAM,CAAmB,IAAnB,CADT,GAsBVI,eAAe,CAACS,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CAtBL,KAIZC,OAJY,CAKZC,CALY,GAKZA,IALY,KAMZC,IANY,CAMZA,CANY,YAMLf,oBANK,OAOZgB,IAPY,CAOZA,CAPY,YAOLd,oBAPK,OAQZe,KARY,CAQZA,CARY,YAQJb,qBARI,GASZc,CATY,GASZA,QATY,CAUZC,CAVY,GAUZA,SAVY,CAWZC,CAXY,GAWZA,KAXY,KAYZC,QAZY,CAYZA,CAZY,YAYDhB,wBAZC,GAaZiB,CAbY,GAaZA,OAbY,CAcZC,CAdY,GAcZA,MAdY,CAeZC,CAfY,GAeZA,QAfY,CAgBZC,CAhBY,GAgBZA,QAhBY,CAiBZC,CAjBY,GAiBZA,IAjBY,CAkBZC,CAlBY,GAkBZA,QAlBY,CAmBZC,CAnBY,GAmBZA,OAnBY,CAoBZC,CApBY,GAoBZA,QApBY,CAqBTC,CArBS,uCAwBd,MACE,8CACMA,CADN,EAEE,SAAS,CAAExB,OAAO,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcE,QAAQ,CAARA,CAAd,CAAwBD,KAAK,CAALA,CAAxB,CAAD,CAAkC,CAACE,CAAD,CAAlC,CAFpB,CAGE,GAAG,CAAExB,UAAU,CAAC,CAACgB,CAAD,CAAMC,CAAN,CAAD,CAHjB,GAKE,6BACE,IAAI,CAAC,OADP,CAEE,IAAI,CAAEE,CAFR,CAGE,SAAS,CAAER,OAAO,CAAC,OAAD,CAAU,CAACV,UAAU,EAAX,CAAV,CAHpB,CAIE,OAAO,cAJT,CAKE,QAAQ,CAAEsB,CALZ,CAME,QAAQ,CAAEG,CANZ,CAOE,OAAO,CAAEC,CAPX,CAQE,MAAM,CAAEC,CARV,CASE,QAAQ,CAAEC,CATZ,CAUE,QAAQ,CAAEC,CAVZ,CAWE,IAAI,CAAEC,CAXR,CAYE,EAAE,CAAEE,CAZN,CAaE,QAAQ,CAAED,CAbZ,CAcE,GAAG,CAAEE,CAdP,EALF,CAqBGT,CAAK,EAAI,4BAAM,SAAS,CAAEd,OAAO,CAAC,OAAD,CAAxB,EAAoCc,CAApC,CArBZ,CAwBH,CAlDkB,CAAd"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Select{--caption-margin-left:calc(var(--input-space) + var(--control-border-width));--clear-button-color:var(--color-control-typo-clear);align-items:flex-start;display:flex;justify-content:flex-start;position:relative;width:100%}.Select_type_userselect.Select_size_s{--select-element-height:var(--space-xl)}.Select_type_userselect.Select_size_m{--select-element-height:calc(var(--space-2xl) - var(--space-3xs))}.Select_type_userselect.Select_size_l{--select-element-height:calc(var(--space-3xl) - var(--space-2xs))}.Select_type_combobox.Select_size_xs{--select-element-height:calc(var(--space-m) + var(--space-3xs))}.Select_type_combobox.Select_size_s{--select-element-height:var(--space-xl)}.Select_type_combobox.Select_size_m{--select-element-height:calc(var(--space-2xl) - var(--space-2xs))}.Select_type_combobox.Select_size_l{--select-element-height:var(--space-2xl)}.Select_type_select.Select_size_xs{--select-element-height:calc(var(--space-m) + var(--space-3xs))}.Select_type_select.Select_size_s{--select-element-height:var(--space-xl)}.Select_type_select.Select_size_m{--select-element-height:calc(var(--space-2xl) - var(--space-2xs))}.Select_type_select.Select_size_l{--select-element-height:var(--space-2xl)}.Select_size_xs{--label-offset:var(--space-2xs);--caption-offset:var(--space-2xs);--round-offset:calc(var(--space-3xs) + var(--space-2xs));--input-height:var(--control-height-xs);--input-space:calc(var(--control-space-xs)*0.5);--input-font-size:var(--control-text-size-xs);--tag-space:calc((var(--space-xs) - 1px)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--select-element-height)*4.5)}.Select_size_s{--label-offset:var(--space-2xs);--caption-offset:var(--space-2xs);--round-offset:calc(var(--space-2xs));--input-height:var(--control-height-s);--input-space:calc(var(--control-space-s)*0.5);--input-font-size:var(--control-text-size-s);--tag-space:calc(var(--space-xs)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--select-element-height)*4.5)}.Select_size_m{--label-offset:var(--space-xs);--caption-offset:var(--space-xs);--round-offset:calc(var(--space-3xs) + var(--space-2xs));--input-height:var(--control-height-m);--input-space:calc(var(--control-space-m)*0.5);--input-font-size:var(--control-text-size-m);--tag-space:calc(var(--space-s)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--space-2xl)*4.5 - var(--space-2xs)*4.5)}.Select_size_l{--label-offset:var(--space-xs);--caption-offset:var(--space-xs);--round-offset:calc(var(--space-xs));--input-height:var(--control-height-l);--input-space:calc(var(--control-space-l)*0.5);--input-font-size:var(--control-text-size-l);--tag-space:calc(var(--space-m)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--space-2xl)*4.5)}.Select_labelPosition_top{flex-direction:column}.Select_labelPosition_top>:not(:last-child){margin-bottom:var(--label-offset)}.Select_labelPosition_left{flex-direction:row}.Select_labelPosition_left .Select-Label{align-items:center;display:inline-flex;height:var(--input-height)}.Select_labelPosition_left>:not(:last-child){margin-right:var(--space-s)}.Select-Body{display:inline-flex;flex-direction:column;width:100%}.Select-Body .Select-Caption{margin-left:var(--caption-margin-left);margin-top:var(--caption-offset)}.Select-SelectContainer{--container-border-color:var(--color-control-bg-border-default);display:flex;position:relative;width:100%}.Select-SelectContainer_status_alert{--container-border-color:var(--color-bg-alert)}.Select-SelectContainer_status_success{--container-border-color:var(--color-bg-success)}.Select-SelectContainer_status_warning{--container-border-color:var(--color-bg-warning)}.Select-SelectContainer_view_default .Select-Control{background:var(--color-control-bg-default);border:var(--control-border-width) solid var(--container-border-color);border-radius:var(--control-radius);color:var(--color-control-typo-default);padding:0}.Select-SelectContainer_view_default .Select-Control:hover{border-color:var(--color-control-bg-border-default-hover)}.Select-SelectContainer_view_default.Select-SelectContainer_focused .Select-Control{border-color:var(--color-control-bg-border-focus);outline:none}.Select-SelectContainer_multiple .Select-Control{height:auto;min-height:var(--input-height)}.Select-SelectContainer_form_round .Select-Control{border-radius:calc(var(--input-height)/2);padding-left:var(--round-offset)}.Select-SelectContainer_form_brick .Select-Control{border-radius:0}.Select-SelectContainer_form_clear .Select-Control{border-width:0;border-bottom-width:var(--control-border-width);border-radius:0}.Select-SelectContainer_form_defaultClear .Select-Control{border-radius:var(--control-radius) 0 0 var(--control-radius);border-right-width:0}.Select-SelectContainer_form_clearDefault .Select-Control{border-left-width:0;border-radius:0 var(--control-radius) var(--control-radius) 0}.Select-SelectContainer_form_defaultBrick .Select-Control{border-radius:var(--control-radius) 0 0 var(--control-radius)}.Select-SelectContainer_form_brickDefault .Select-Control{border-radius:0 var(--control-radius) var(--control-radius) 0}.Select-SelectContainer_form_roundBrick .Select-Control{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);padding-left:var(--round-offset)}.Select-SelectContainer_form_brickRound .Select-Control{border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0}.Select-SelectContainer_form_brickClear .Select-Control{border-radius:0;border-right-width:0}.Select-SelectContainer_form_clearBrick .Select-Control{border-left-width:0;border-radius:0}.Select-SelectContainer_form_clearRound .Select-Control{border-left-width:0;border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0}.Select-SelectContainer_form_roundClear .Select-Control{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);border-right-width:0;padding-left:var(--round-offset)}.Select-SelectContainer_form_clearClear .Select-Control{border-width:0;border-bottom-width:var(--control-border-width);border-radius:0;border-top-width:var(--control-border-width)}.Select-SelectContainer_view_default.Select-SelectContainer_form_clear.Select-SelectContainer_focused .Select-Control,.Select-SelectContainer_view_default.Select-SelectContainer_form_clearClear.Select-SelectContainer_focused .Select-Control{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus),calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.Select-SelectContainer_view_default.Select-SelectContainer_form_brickClear.Select-SelectContainer_focused .Select-Control,.Select-SelectContainer_view_default.Select-SelectContainer_form_defaultClear.Select-SelectContainer_focused .Select-Control,.Select-SelectContainer_view_default.Select-SelectContainer_form_roundClear.Select-SelectContainer_focused .Select-Control{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus)}.Select-SelectContainer_view_default.Select-SelectContainer_form_clearBrick.Select-SelectContainer_focused .Select-Control,.Select-SelectContainer_view_default.Select-SelectContainer_form_clearDefault.Select-SelectContainer_focused .Select-Control,.Select-SelectContainer_view_default.Select-SelectContainer_form_clearRound.Select-SelectContainer_focused .Select-Control{box-shadow:calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.Select-SelectContainer_view_default.Select-SelectContainer_disabled .Select-Control{--clear-button-color:var(--color-control-typo-disable);background:var(--color-control-bg-disable);border-color:var(--color-control-bg-border-disable);color:var(--color-control-typo-disable);pointer-events:none}.Select-SelectContainer_view_clear .Select-Control,.Select-SelectContainer_view_clear .Select-Control:focus,.Select-SelectContainer_view_clear .Select-Control:hover{color:var(--color-control-typo-default);padding:0}.Select-SelectContainer_view_clear .Select-Control.Select-SelectContainer_disabled,.Select-SelectContainer_view_clear .Select-Control:focus.Select-SelectContainer_disabled,.Select-SelectContainer_view_clear .Select-Control:hover.Select-SelectContainer_disabled{pointer-events:none}.Select-SelectContainer_view_clear .Select-Control.Select-SelectContainer_disabled .Select-Control,.Select-SelectContainer_view_clear .Select-Control:focus.Select-SelectContainer_disabled .Select-Control,.Select-SelectContainer_view_clear .Select-Control:hover.Select-SelectContainer_disabled .Select-Control{color:var(--color-control-typo-disable)}.Select-SelectContainer_view_clear.Select-SelectContainer_disabled .Select-Control{pointer-events:none}.Select-SelectContainer_view_default .Select-ControlValueContainer{padding:0 0 0 var(--input-space)}.Select-SelectContainer_form_round .Select-SelectContainer-IndicatorsDropdown{border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0}.Select-SelectContainer_multiple .Select-ControlValueContainer{box-sizing:border-box;display:flex;line-height:1;padding-bottom:0;padding-top:0;position:relative}.Select-SelectContainer_multiple .Select-ControlValue{-ms-overflow-style:none;max-height:calc(var(--tag-space)*4 + var(--select-element-height)*4.5);overflow-x:visible;overflow-y:auto;padding-top:calc(var(--tag-space) - var(--control-border-width));scrollbar-width:none;white-space:normal}.Select-SelectContainer_multiple .Select-ControlValue::-webkit-scrollbar{display:none}.Select-SelectContainer_multiple .Select-ControlValue_isUserSelect{display:flex;flex-wrap:wrap;padding-top:calc(var(--space-s)/4)}.Select_view_clear{--caption-margin-left:0}.Select-Delimiter{background-color:var(--color-control-bg-border-default);width:1px}.Select-Control{background:transparent;border:none;box-sizing:border-box;color:currentColor;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-weight:var(--font-weight-text-regular);height:var(--input-height);line-height:calc(var(--input-height) - var(--control-border-width));outline:none;padding:0;transition:border-color .15s,box-shadow .15s,background-color .15s;width:100%}.Select-Control:focus{outline:none}.Select-SelectAll.Text{line-height:calc(var(--input-height) - var(--space-3xs))}.Select-Indicators{display:flex;height:100%}.Select-IndicatorsDropdown{background-color:transparent;border:none;color:var(--color-control-typo-placeholder);cursor:pointer;display:block;margin:0;padding:0;text-align:center;width:var(--input-height)}.Select-IndicatorsDropdown:focus{outline:none}.Select-ControlInner{position:relative;width:100%}.Select-ControlValueContainer{background-color:transparent;border:none;bottom:0;color:inherit;font-size:var(--input-font-size);left:0;line-height:calc(var(--input-height) - 2px);margin:0;min-height:calc(var(--input-height) - 2px);padding:0;position:absolute;right:0;text-align:left;top:0}.Select-ControlValueContainer:focus{outline:none}.Select-Control[aria-expanded=true] .Select-IndicatorsDropdown{transform:rotate(180deg)}.Select-ControlValue,.Select-Placeholder{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select-Placeholder{color:var(--color-control-typo-placeholder);font-size:var(--input-font-size);padding-right:var(--input-space);pointer-events:none;text-align:left}.Select-Placeholder_isHidden{opacity:0;visibility:hidden}.Select-Control_hasInput .Select-Placeholder{background-color:transparent;line-height:calc(var(--input-height) - 2px);position:absolute;top:0;width:calc(100% - var(--input-space))}.Select-DropdownIndicatorIcon{position:relative;top:1px}.Select-ClearIndicator{background-color:transparent;border:none;color:var(--clear-button-color);cursor:pointer;display:flex;flex-direction:column;height:calc(var(--input-height) - var(--control-border-width)*2);justify-content:center;margin:0;padding:0 var(--space-xs)}.Select-ClearIndicator:hover{--clear-button-color:var(--color-control-typo-clear-hover)}.Select-ClearIndicatorIcon{color:var(--color-control-typo-placeholder);position:relative;top:1px}.Select-Input{background-color:transparent;border:none;color:inherit;font-family:inherit;font-size:inherit;line-height:calc(var(--input-height) - 2px);margin:0;outline:none;padding:0;position:relative;width:100%}.Select-Input_hide{bottom:0;left:0;opacity:0;position:absolute;top:0;width:100%}.Select-Input_multiple{display:inline-flex;height:calc(var(--input-height) - var(--control-border-width)*2);line-height:1;line-height:calc(var(--input-height) - var(--control-border-width)*2);margin-top:calc(var(--tag-space)*-1);min-width:10px}.Select-Input_multiple.Select-Input_isUserSelect{margin-top:calc(var(--space-s)/4*-1)}.Select-FakeField{bottom:0;left:0;opacity:0;position:absolute;top:0;width:100%}.Select-HelperInputFakeElement{display:inline-block;font-size:var(--input-font-size);height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap}
|
|
1
|
+
.Select{--caption-margin-left:calc(var(--input-space) + var(--control-border-width));--clear-button-color:var(--color-control-typo-clear);align-items:flex-start;display:flex;justify-content:flex-start;position:relative;width:100%}.Select_type_userselect.Select_size_s{--select-element-height:var(--space-xl)}.Select_type_userselect.Select_size_m{--select-element-height:calc(var(--space-2xl) - var(--space-3xs))}.Select_type_userselect.Select_size_l{--select-element-height:calc(var(--space-3xl) - var(--space-2xs))}.Select_type_combobox.Select_size_xs{--select-element-height:calc(var(--space-m) + var(--space-3xs))}.Select_type_combobox.Select_size_s{--select-element-height:var(--space-xl)}.Select_type_combobox.Select_size_m{--select-element-height:calc(var(--space-2xl) - var(--space-2xs))}.Select_type_combobox.Select_size_l{--select-element-height:var(--space-2xl)}.Select_type_select.Select_size_xs{--select-element-height:calc(var(--space-m) + var(--space-3xs))}.Select_type_select.Select_size_s{--select-element-height:var(--space-xl)}.Select_type_select.Select_size_m{--select-element-height:calc(var(--space-2xl) - var(--space-2xs))}.Select_type_select.Select_size_l{--select-element-height:var(--space-2xl)}.Select_size_xs{--label-offset:var(--space-2xs);--caption-offset:var(--space-2xs);--round-offset:calc(var(--space-3xs) + var(--space-2xs));--input-height:var(--control-height-xs);--input-space:calc(var(--control-space-xs)*0.5);--input-font-size:var(--control-text-size-xs);--tag-space:calc((var(--space-xs) - 1px)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--select-element-height)*4.5)}.Select_size_s{--label-offset:var(--space-2xs);--caption-offset:var(--space-2xs);--round-offset:calc(var(--space-2xs));--input-height:var(--control-height-s);--input-space:calc(var(--control-space-s)*0.5);--input-font-size:var(--control-text-size-s);--tag-space:calc(var(--space-xs)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--select-element-height)*4.5)}.Select_size_m{--label-offset:var(--space-xs);--caption-offset:var(--space-xs);--round-offset:calc(var(--space-3xs) + var(--space-2xs));--input-height:var(--control-height-m);--input-space:calc(var(--control-space-m)*0.5);--input-font-size:var(--control-text-size-m);--tag-space:calc(var(--space-s)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--space-2xl)*4.5 - var(--space-2xs)*4.5)}.Select_size_l{--label-offset:var(--space-xs);--caption-offset:var(--space-xs);--round-offset:calc(var(--space-xs));--input-height:var(--control-height-l);--input-space:calc(var(--control-space-l)*0.5);--input-font-size:var(--control-text-size-l);--tag-space:calc(var(--space-m)/2 - var(--control-border-width));--input-max-height:calc(var(--tag-space)*4 + var(--space-2xl)*4.5)}.Select_labelPosition_top{flex-direction:column}.Select_labelPosition_top>:not(:last-child){margin-bottom:var(--label-offset)}.Select_labelPosition_left{flex-direction:row}.Select_labelPosition_left .Select-Label{align-items:center;display:inline-flex;height:var(--input-height)}.Select_labelPosition_left>:not(:last-child){margin-right:var(--space-s)}.Select-Body{display:inline-flex;flex-direction:column;width:100%}.Select-Body .Select-Caption{margin-left:var(--caption-margin-left);margin-top:var(--caption-offset)}.Select-SelectContainer{--container-border-color:var(--color-control-bg-border-default);display:flex;position:relative;width:100%}.Select-SelectContainer_status_alert{--container-border-color:var(--color-bg-alert)}.Select-SelectContainer_status_success{--container-border-color:var(--color-bg-success)}.Select-SelectContainer_status_warning{--container-border-color:var(--color-bg-warning)}.Select-SelectContainer_view_default .Select-Control{background:var(--color-control-bg-default);border:var(--control-border-width) solid var(--container-border-color);border-radius:var(--control-radius);color:var(--color-control-typo-default);padding:0}.Select-SelectContainer_view_default .Select-Control:hover{border-color:var(--color-control-bg-border-default-hover)}.Select-SelectContainer_view_default.Select-SelectContainer_focused .Select-Control{border-color:var(--color-control-bg-border-focus);outline:none}.Select-SelectContainer_multiple .Select-Control{height:auto;min-height:var(--input-height)}.Select-SelectContainer_form_round .Select-Control{border-radius:calc(var(--input-height)/2);padding-left:var(--round-offset)}.Select-SelectContainer_form_brick .Select-Control{border-radius:0}.Select-SelectContainer_form_clear .Select-Control{border-width:0;border-bottom-width:var(--control-border-width);border-radius:0}.Select-SelectContainer_form_defaultClear .Select-Control{border-radius:var(--control-radius) 0 0 var(--control-radius);border-right-width:0}.Select-SelectContainer_form_clearDefault .Select-Control{border-left-width:0;border-radius:0 var(--control-radius) var(--control-radius) 0}.Select-SelectContainer_form_defaultBrick .Select-Control{border-radius:var(--control-radius) 0 0 var(--control-radius)}.Select-SelectContainer_form_brickDefault .Select-Control{border-radius:0 var(--control-radius) var(--control-radius) 0}.Select-SelectContainer_form_roundBrick .Select-Control{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);padding-left:var(--round-offset)}.Select-SelectContainer_form_brickRound .Select-Control{border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0}.Select-SelectContainer_form_brickClear .Select-Control{border-radius:0;border-right-width:0}.Select-SelectContainer_form_clearBrick .Select-Control{border-left-width:0;border-radius:0}.Select-SelectContainer_form_clearRound .Select-Control{border-left-width:0;border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0}.Select-SelectContainer_form_roundClear .Select-Control{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);border-right-width:0;padding-left:var(--round-offset)}.Select-SelectContainer_form_clearClear .Select-Control{border-width:0;border-bottom-width:var(--control-border-width);border-radius:0;border-top-width:var(--control-border-width)}.Select-SelectContainer_view_default.Select-SelectContainer_form_clear.Select-SelectContainer_focused .Select-Control,.Select-SelectContainer_view_default.Select-SelectContainer_form_clearClear.Select-SelectContainer_focused .Select-Control{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus),calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.Select-SelectContainer_view_default.Select-SelectContainer_form_brickClear.Select-SelectContainer_focused .Select-Control,.Select-SelectContainer_view_default.Select-SelectContainer_form_defaultClear.Select-SelectContainer_focused .Select-Control,.Select-SelectContainer_view_default.Select-SelectContainer_form_roundClear.Select-SelectContainer_focused .Select-Control{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus)}.Select-SelectContainer_view_default.Select-SelectContainer_form_clearBrick.Select-SelectContainer_focused .Select-Control,.Select-SelectContainer_view_default.Select-SelectContainer_form_clearDefault.Select-SelectContainer_focused .Select-Control,.Select-SelectContainer_view_default.Select-SelectContainer_form_clearRound.Select-SelectContainer_focused .Select-Control{box-shadow:calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.Select-SelectContainer_view_default.Select-SelectContainer_disabled .Select-Control{--clear-button-color:var(--color-control-typo-disable);background:var(--color-control-bg-disable);border-color:var(--color-control-bg-border-disable);color:var(--color-control-typo-disable);pointer-events:none}.Select-SelectContainer_view_clear .Select-Control,.Select-SelectContainer_view_clear .Select-Control:focus,.Select-SelectContainer_view_clear .Select-Control:hover{color:var(--color-control-typo-default);padding:0}.Select-SelectContainer_view_clear .Select-Control.Select-SelectContainer_disabled,.Select-SelectContainer_view_clear .Select-Control:focus.Select-SelectContainer_disabled,.Select-SelectContainer_view_clear .Select-Control:hover.Select-SelectContainer_disabled{pointer-events:none}.Select-SelectContainer_view_clear .Select-Control.Select-SelectContainer_disabled .Select-Control,.Select-SelectContainer_view_clear .Select-Control:focus.Select-SelectContainer_disabled .Select-Control,.Select-SelectContainer_view_clear .Select-Control:hover.Select-SelectContainer_disabled .Select-Control{color:var(--color-control-typo-disable)}.Select-SelectContainer_view_clear.Select-SelectContainer_disabled .Select-Control{pointer-events:none}.Select-SelectContainer_view_default .Select-ControlValueContainer{padding:0 0 0 var(--input-space)}.Select-SelectContainer_form_round .Select-SelectContainer-IndicatorsDropdown{border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0}.Select-SelectContainer_multiple .Select-ControlValueContainer{box-sizing:border-box;display:flex;line-height:1;padding-bottom:0;padding-top:0;position:relative}.Select-SelectContainer_multiple .Select-ControlValue{-ms-overflow-style:none;max-height:calc(var(--tag-space)*4 + var(--select-element-height)*4.5);overflow-x:visible;overflow-y:auto;padding-top:calc(var(--tag-space) - var(--control-border-width));scrollbar-width:none;white-space:normal}.Select-SelectContainer_multiple .Select-ControlValue::-webkit-scrollbar{display:none}.Select-SelectContainer_multiple .Select-ControlValue_isUserSelect{display:flex;flex-wrap:wrap;padding-top:calc(var(--space-s)/4)}.Select_view_clear{--caption-margin-left:0}.Select-Delimiter{background-color:var(--color-control-bg-border-default);width:1px}.Select-Control{background:transparent;border:none;box-sizing:border-box;color:currentColor;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-weight:var(--font-weight-text-regular);height:var(--input-height);line-height:calc(var(--input-height) - var(--control-border-width));outline:none;padding:0;transition:border-color .15s,box-shadow .15s,background-color .15s;width:100%}.Select-Control:focus{outline:none}.Select-SelectAll.Text{line-height:calc(var(--input-height) - var(--space-3xs))}.Select-Indicators{display:flex;height:100%}.Select-IndicatorsDropdown{background-color:transparent;border:none;color:var(--color-control-typo-placeholder);cursor:pointer;display:block;margin:0;padding:0;text-align:center;width:var(--input-height)}.Select-IndicatorsDropdown:focus{outline:none}.Select-ControlInner{position:relative;width:100%}.Select-ControlValueContainer{background-color:transparent;border:none;bottom:0;color:inherit;font-size:var(--input-font-size);left:0;line-height:calc(var(--input-height) - 2px);margin:0;min-height:calc(var(--input-height) - 2px);padding:0;position:absolute;right:0;text-align:left;top:0}.Select-ControlValueContainer:focus{outline:none}.Select-Control[aria-expanded=true] .Select-IndicatorsDropdown{transform:rotate(180deg)}.Select-ControlValue,.Select-Placeholder{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select-Placeholder{color:var(--color-control-typo-placeholder);font-size:var(--input-font-size);padding-right:var(--input-space);pointer-events:none;text-align:left}.Select-Placeholder_isHidden{opacity:0;visibility:hidden}.Select-Control_hasInput .Select-Placeholder{background-color:transparent;line-height:calc(var(--input-height) - 2px);position:absolute;top:0;width:calc(100% - var(--input-space))}.Select-DropdownIndicatorIcon{position:relative;top:1px}.Select-ClearIndicator{background-color:transparent;border:none;color:var(--clear-button-color);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;min-height:calc(var(--input-height) - var(--control-border-width)*2);padding:0 var(--space-xs)}.Select-ClearIndicator:hover{--clear-button-color:var(--color-control-typo-clear-hover)}.Select-ClearIndicatorIcon{color:var(--color-control-typo-placeholder);position:relative;top:1px}.Select-Input{background-color:transparent;border:none;color:inherit;font-family:inherit;font-size:inherit;line-height:calc(var(--input-height) - 2px);margin:0;outline:none;padding:0;position:relative;width:100%}.Select-Input_hide{bottom:0;left:0;opacity:0;position:absolute;top:0;width:100%}.Select-Input_multiple{display:inline-flex;height:calc(var(--input-height) - var(--control-border-width)*2);line-height:1;line-height:calc(var(--input-height) - var(--control-border-width)*2);margin-top:calc(var(--tag-space)*-1);min-width:10px}.Select-Input_multiple.Select-Input_isUserSelect{margin-top:calc(var(--space-s)/4*-1)}.Select-FakeField{bottom:0;left:0;opacity:0;position:absolute;top:0;width:100%}.Select-HelperInputFakeElement{display:inline-block;font-size:var(--input-font-size);height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled"];import"./SelectItem.css";import React,{forwardRef}from"react";import{Checkbox}from"../../Checkbox";import{ListItem}from"../../ListCanary";import{cn}from"../../../utils/bem";export var sizeCheckboxMap={xs:"m",s:"m",m:"l",l:"l"};export var cnSelectItem=cn("SelectItem");export var SelectItem=forwardRef(function(a,b){var c=a.className,d=a.label,e=a.active,f=a.hovered,g=a.multiple,h=a.size,i=a.indent,j=a.disabled,k=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled","onClick"];import"./SelectItem.css";import React,{forwardRef}from"react";import{Checkbox}from"../../Checkbox";import{ListItem}from"../../ListCanary";import{cn}from"../../../utils/bem";export var sizeCheckboxMap={xs:"m",s:"m",m:"l",l:"l"};export var cnSelectItem=cn("SelectItem");export var SelectItem=forwardRef(function(a,b){var c=a.className,d=a.label,e=a.active,f=a.hovered,g=a.multiple,h=a.size,i=a.indent,j=a.disabled,k=a.onClick,l=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},l,{ref:b,className:cnSelectItem(null,[c]),"aria-selected":e,"aria-disabled":j,role:"option",label:d,innerOffset:i,size:h,active:f,checked:!g&&e,disabled:j,onClick:k,leftSide:g&&React.createElement(Checkbox,{checked:e,disabled:j,size:sizeCheckboxMap[h]})}),d)});
|
|
2
2
|
//# sourceMappingURL=SelectItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectItem.js","names":["React","forwardRef","Checkbox","ListItem","cn","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","ref","className","label","active","hovered","multiple","size","indent","disabled","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Checkbox, CheckboxPropSize } from '##/components/Checkbox';\nimport { ListItem } from '##/components/ListCanary';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributesAndRef<\n {\n label: string;\n active: boolean;\n hovered: boolean;\n multiple: boolean;\n size: PropSize;\n indent: 'normal' | 'increased';\n disabled: boolean | undefined;\n },\n HTMLDivElement\n>;\n\nexport const sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n xs: 'm',\n s: 'm',\n m: 'l',\n l: 'l',\n};\n\nexport const cnSelectItem = cn('SelectItem');\n\nexport const SelectItem: React.FC<SelectItemProps> = forwardRef(\n (props, ref) => {\n const {\n className,\n label,\n active,\n hovered,\n multiple,\n size,\n indent,\n disabled,\n ...otherProps\n } = props;\n\n return (\n <ListItem\n {...otherProps}\n ref={ref}\n className={cnSelectItem(null, [className])}\n aria-selected={active}\n aria-disabled={disabled}\n role=\"option\"\n label={label}\n innerOffset={indent}\n size={size}\n active={hovered}\n checked={!multiple && active}\n disabled={disabled}\n leftSide={\n multiple && (\n <Checkbox\n checked={active}\n disabled={disabled}\n size={sizeCheckboxMap[size]}\n />\n )\n }\n >\n {label}\n </ListItem>\n );\n },\n);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectItem.js","names":["React","forwardRef","Checkbox","ListItem","cn","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","ref","className","label","active","hovered","multiple","size","indent","disabled","onClick","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Checkbox, CheckboxPropSize } from '##/components/Checkbox';\nimport { ListItem } from '##/components/ListCanary';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributesAndRef<\n {\n label: string;\n active: boolean;\n hovered: boolean;\n multiple: boolean;\n size: PropSize;\n indent: 'normal' | 'increased';\n disabled: boolean | undefined;\n },\n HTMLDivElement\n>;\n\nexport const sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n xs: 'm',\n s: 'm',\n m: 'l',\n l: 'l',\n};\n\nexport const cnSelectItem = cn('SelectItem');\n\nexport const SelectItem: React.FC<SelectItemProps> = forwardRef(\n (props, ref) => {\n const {\n className,\n label,\n active,\n hovered,\n multiple,\n size,\n indent,\n disabled,\n onClick,\n ...otherProps\n } = props;\n\n return (\n <ListItem\n {...otherProps}\n ref={ref}\n className={cnSelectItem(null, [className])}\n aria-selected={active}\n aria-disabled={disabled}\n role=\"option\"\n label={label}\n innerOffset={indent}\n size={size}\n active={hovered}\n checked={!multiple && active}\n disabled={disabled}\n onClick={onClick}\n leftSide={\n multiple && (\n <Checkbox\n checked={active}\n disabled={disabled}\n size={sizeCheckboxMap[size]}\n />\n )\n }\n >\n {label}\n </ListItem>\n );\n },\n);\n"],"mappings":"4LAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,sBACA,OAASC,QAAT,wBACA,OAASC,EAAT,0BAkBA,MAAO,IAAMC,gBAAmD,CAAG,CACjEC,EAAE,CAAE,GAD6D,CAEjEC,CAAC,CAAE,GAF8D,CAGjEC,CAAC,CAAE,GAH8D,CAIjEC,CAAC,CAAE,GAJ8D,CAA5D,CAOP,MAAO,IAAMC,aAAY,CAAGN,EAAE,CAAC,YAAD,CAAvB,CAEP,MAAO,IAAMO,WAAqC,CAAGV,UAAU,CAC7D,SAACW,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CAWIF,CAXJ,CACEE,SADF,CAEEC,CAFF,CAWIH,CAXJ,CAEEG,KAFF,CAGEC,CAHF,CAWIJ,CAXJ,CAGEI,MAHF,CAIEC,CAJF,CAWIL,CAXJ,CAIEK,OAJF,CAKEC,CALF,CAWIN,CAXJ,CAKEM,QALF,CAMEC,CANF,CAWIP,CAXJ,CAMEO,IANF,CAOEC,CAPF,CAWIR,CAXJ,CAOEQ,MAPF,CAQEC,CARF,CAWIT,CAXJ,CAQES,QARF,CASEC,CATF,CAWIV,CAXJ,CASEU,OATF,CAUKC,CAVL,0BAWIX,CAXJ,YAaA,MACE,qBAAC,QAAD,kBACMW,CADN,EAEE,GAAG,CAAEV,CAFP,CAGE,SAAS,CAAEH,YAAY,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAHzB,CAIE,gBAAeE,CAJjB,CAKE,gBAAeK,CALjB,CAME,IAAI,CAAC,QANP,CAOE,KAAK,CAAEN,CAPT,CAQE,WAAW,CAAEK,CARf,CASE,IAAI,CAAED,CATR,CAUE,MAAM,CAAEF,CAVV,CAWE,OAAO,CAAE,CAACC,CAAD,EAAaF,CAXxB,CAYE,QAAQ,CAAEK,CAZZ,CAaE,OAAO,CAAEC,CAbX,CAcE,QAAQ,CACNJ,CAAQ,EACN,oBAAC,QAAD,EACE,OAAO,CAAEF,CADX,CAEE,QAAQ,CAAEK,CAFZ,CAGE,IAAI,CAAEhB,eAAe,CAACc,CAAD,CAHvB,EAhBN,GAwBGJ,CAxBH,CA2BH,CA3C4D,CAAxD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","labelForCreate","inputValue","active","hovered","size","indent"];import"./SelectCreateButton.css";import React from"react";import{ListAddItem}from"../../ListCanary";import{
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","labelForCreate","inputValue","active","hovered","size","indent"];import"./SelectCreateButton.css";import React from"react";import{ListAddItem}from"../../ListCanary";import{cnDeprecated}from"../../../utils/bem";export var cnSelectCreateButton=cnDeprecated("SelectCreateButton");export var SelectCreateButton=function(a){var b=a.className,c=a.labelForCreate,d=a.inputValue,e=a.active,f=a.hovered,g=a.size,h=a.indent,i=_objectWithoutProperties(a,_excluded);return React.createElement(ListAddItem,Object.assign({},i,{className:cnSelectCreateButton(null,[b]),"aria-selected":e,role:"option",active:f,size:g,innerOffset:h,label:React.createElement(React.Fragment,null,c," \xAB",React.createElement("b",null,d),"\xBB")}))};
|
|
2
2
|
//# sourceMappingURL=SelectCreateButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectCreateButton.js","names":["React","ListAddItem","
|
|
1
|
+
{"version":3,"file":"SelectCreateButton.js","names":["React","ListAddItem","cnDeprecated","cnSelectCreateButton","SelectCreateButton","props","className","labelForCreate","inputValue","active","hovered","size","indent","otherProps"],"sources":["../../../../../../src/components/SelectComponentsDeprecated/SelectCreateButton/SelectCreateButton.tsx"],"sourcesContent":["import './SelectCreateButton.css';\n\nimport React from 'react';\n\nimport { ListAddItem } from '##/components/ListCanary';\nimport { cnDeprecated } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { PropSize } from '../types';\n\ntype SelectCreateButtonProps = PropsWithHTMLAttributes<\n {\n labelForCreate?: string;\n inputValue?: string;\n active: boolean;\n hovered: boolean;\n size: PropSize;\n indent: 'normal' | 'increased';\n },\n HTMLDivElement\n>;\n\nexport const cnSelectCreateButton = cnDeprecated('SelectCreateButton');\n\nexport const SelectCreateButton: React.FC<SelectCreateButtonProps> = (\n props,\n) => {\n const {\n className,\n labelForCreate,\n inputValue,\n active,\n hovered,\n size,\n indent,\n ...otherProps\n } = props;\n\n return (\n <ListAddItem\n {...otherProps}\n className={cnSelectCreateButton(null, [className])}\n aria-selected={active}\n role=\"option\"\n active={hovered}\n size={size}\n innerOffset={indent}\n label={\n <>\n {labelForCreate} «<b>{inputValue}</b>»\n </>\n }\n />\n );\n};\n"],"mappings":"kLAAA,iCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,WAAT,wBACA,OAASC,YAAT,0BAiBA,MAAO,IAAMC,qBAAoB,CAAGD,YAAY,CAAC,oBAAD,CAAzC,CAEP,MAAO,IAAME,mBAAqD,CAAG,SACnEC,CADmE,CAEhE,CACH,GACEC,EADF,CASID,CATJ,CACEC,SADF,CAEEC,CAFF,CASIF,CATJ,CAEEE,cAFF,CAGEC,CAHF,CASIH,CATJ,CAGEG,UAHF,CAIEC,CAJF,CASIJ,CATJ,CAIEI,MAJF,CAKEC,CALF,CASIL,CATJ,CAKEK,OALF,CAMEC,CANF,CASIN,CATJ,CAMEM,IANF,CAOEC,CAPF,CASIP,CATJ,CAOEO,MAPF,CAQKC,CARL,0BASIR,CATJ,YAWA,MACE,qBAAC,WAAD,kBACMQ,CADN,EAEE,SAAS,CAAEV,oBAAoB,CAAC,IAAD,CAAO,CAACG,CAAD,CAAP,CAFjC,CAGE,gBAAeG,CAHjB,CAIE,IAAI,CAAC,QAJP,CAKE,MAAM,CAAEC,CALV,CAME,IAAI,CAAEC,CANR,CAOE,WAAW,CAAEC,CAPf,CAQE,KAAK,CACH,wCACGL,CADH,SACoB,6BAAIC,CAAJ,CADpB,QATJ,GAeH,CA9BM"}
|
package/__internal__/src/components/SelectComponentsDeprecated/SelectDropdown/SelectDropdown.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["controlRef","size","getOptionProps","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","renderItem","visibleItems","isLoading","getGroupLabel","notFound"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SelectDropdown.css";import React,{Fragment,useMemo,useRef}from"react";import{Transition}from"react-transition-group";import{cnListBox,ListItem,mapVerticalSpase}from"../../ListCanary";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{isOptionForCreate,isOptionForSelectAll}from"../../../hooks/useSelect/useSelect";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate/MixPopoverAnimate";import{
|
|
1
|
+
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["controlRef","size","getOptionProps","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","renderItem","visibleItems","isLoading","getGroupLabel","notFound"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SelectDropdown.css";import React,{Fragment,useMemo,useRef}from"react";import{Transition}from"react-transition-group";import{cnListBox,ListItem,mapVerticalSpase}from"../../ListCanary";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{isOptionForCreate,isOptionForSelectAll}from"../../../hooks/useSelect/useSelect";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate/MixPopoverAnimate";import{cnDeprecated}from"../../../utils/bem";import{fabricIndex}from"../../../utils/fabricIndex";import{Popover}from"../../Popover/Popover";import{SelectCreateButton}from"../SelectCreateButton/SelectCreateButton";import{SelectGroupLabel}from"../SelectGroupLabel/SelectGroupLabel";import{SelectItemAll}from"../SelectItemAll/SelectSelectAll";import{SelectLoader}from"../SelectLoader/SelectLoader";export var selectDropdownform=["default","brick","round"];export var defaultSelectDropdownPropForm=selectDropdownform[0];var cnSelectDropdown=cnDeprecated("SelectDropdown");export var SelectDropdown=function(a){var b=a.controlRef,c=a.size,d=a.getOptionProps,e=a.dropdownRef,f=a.labelForCreate,g=a.className,h=a.labelForNotFound,i=a.labelForEmptyItems,j=a.hasItems,k=!(void 0!==j)||j,l=a.form,m=a.isOpen,n=a.offset,o=void 0===n?"none":n,p=a.renderItem,q=a.visibleItems,r=a.isLoading,s=a.getGroupLabel,t=a.notFound,u=_objectWithoutProperties(a,_excluded),v="round"===l?"increased":"normal",w=useRef(null),x=useMemo(function(){return 0<q.filter(function(a){return isOptionForCreate(a)||Array.isArray(a.items)&&0<a.items.length}).length},[q]),y="none"===o?void 0:o;return React.createElement(Transition,{in:m,unmountOnExit:!0,nodeRef:w,timeout:animateTimeout},function(a){var j=fabricIndex();return React.createElement(Popover,Object.assign({},u,{anchorRef:b,direction:"downStartLeft",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],offset:y,ref:w,role:"listbox",className:cnSelectDropdown(null,[cnListBox({size:c,form:l,border:!0,shadow:!0}),cnMixPopoverAnimate({animate:a}),g]),equalAnchorWidth:!0}),React.createElement("div",{className:cnSelectDropdown("List",[cnMixSpace({pV:mapVerticalSpase[c]}),cnMixScrollBar()]),ref:e},r&&React.createElement(SelectLoader,{mode:x?"blur":"empty"}),q.map(function(a){return isOptionForCreate(a)?React.createElement(SelectCreateButton,Object.assign({size:c,labelForCreate:f,inputValue:a.label,indent:v},d({index:j(),item:a}))):React.createElement(Fragment,{key:a.key},a.group&&s&&React.createElement(SelectGroupLabel,{label:s(a.group),size:c,indent:v}),a.items.map(function(b,e){return isOptionForSelectAll(b)?React.createElement(SelectItemAll,Object.assign({indent:v,size:c},d({index:j(),item:b}),{intermediate:!!(b.checkedCount&&b.totalCount)&&b.checkedCount!==b.totalCount,checked:b.checkedCount===b.totalCount,countItems:b.checkedCount,total:b.totalCount})):React.createElement(Fragment,{key:"".concat(a.key,"-").concat(e)},p(_objectSpread({item:b},d({index:j(),item:b}))))}))}),!r&&k&&t&&h&&React.createElement(ListItem,{size:c,label:h,innerOffset:v},h),!r&&!k&&i&&React.createElement(ListItem,{size:c,label:i,innerOffset:v},i)))})};
|
|
2
2
|
//# sourceMappingURL=SelectDropdown.js.map
|
package/__internal__/src/components/SelectComponentsDeprecated/SelectDropdown/SelectDropdown.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDropdown.js","names":["React","Fragment","useMemo","useRef","Transition","cnListBox","ListItem","mapVerticalSpase","cnMixScrollBar","cnMixSpace","isOptionForCreate","isOptionForSelectAll","animateTimeout","cnMixPopoverAnimate","cn","fabricIndex","Popover","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","selectDropdownform","defaultSelectDropdownPropForm","cnSelectDropdown","SelectDropdown","props","controlRef","size","getOptionProps","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","offsetProp","renderItem","visibleItems","isLoading","getGroupLabel","notFound","otherProps","indent","popoverRef","isListShowed","filter","group","Array","isArray","items","length","animate","getIndex","border","shadow","pV","map","label","index","item","key","i","checkedCount","totalCount"],"sources":["../../../../../../src/components/SelectComponentsDeprecated/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport React, { Fragment, useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n cnListBox,\n ListItem,\n mapVerticalSpase,\n} from '##/components/ListCanary';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { SelectAllItem } from '##/utils/getGroups';\n\nimport {\n GetOptionPropsResult,\n isOptionForCreate,\n isOptionForSelectAll,\n OptionForCreate,\n OptionProps,\n} from '../../../hooks/useSelect/useSelect';\nimport {\n animateTimeout,\n cnMixPopoverAnimate,\n} from '../../../mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cn } from '../../../utils/bem';\nimport { fabricIndex } from '../../../utils/fabricIndex';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Popover, PopoverPropOffset } from '../../Popover/Popover';\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectSelectAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { PropSize, RenderItemProps } from '../types';\n\nexport const selectDropdownform = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownform[number];\nexport const defaultSelectDropdownPropForm = selectDropdownform[0];\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n size: PropSize;\n controlRef: React.MutableRefObject<HTMLDivElement | null>;\n dropdownRef: React.Ref<HTMLDivElement>;\n getOptionProps(props: OptionProps<ITEM>): GetOptionPropsResult;\n form: SelectDropdownPropForm;\n isOpen: boolean;\n offset?: PopoverPropOffset | 'none';\n isLoading?: boolean;\n renderItem: (props: RenderItemProps<ITEM>) => JSX.Element | null;\n visibleItems: (\n | OptionForCreate\n | {\n items: Array<SelectAllItem | ITEM>;\n key: string | number;\n group?: GROUP;\n groupIndex: number;\n checkedCount?: number;\n totalCount?: number;\n }\n )[];\n getGroupLabel?: (group: GROUP) => string;\n labelForCreate?: string;\n labelForNotFound?: string;\n labelForEmptyItems?: string;\n notFound?: boolean;\n hasItems?: boolean;\n}>;\n\ntype SelectDropdown = <ITEM, GROUP>(\n props: Props<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nexport const SelectDropdown: SelectDropdown = (props) => {\n const {\n controlRef,\n size,\n getOptionProps,\n dropdownRef,\n labelForCreate,\n className,\n labelForNotFound,\n labelForEmptyItems,\n hasItems = true,\n form,\n isOpen,\n offset: offsetProp = 'none',\n renderItem,\n visibleItems,\n isLoading,\n getGroupLabel,\n notFound,\n ...otherProps\n } = props;\n\n const indent = form === 'round' ? 'increased' : 'normal';\n\n const popoverRef = useRef<HTMLDivElement>(null);\n\n const isListShowed = useMemo(() => {\n return (\n visibleItems.filter(\n (group) =>\n isOptionForCreate(group) ||\n (Array.isArray(group.items) && group.items.length > 0),\n ).length > 0\n );\n }, [visibleItems]);\n\n const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n return (\n <Transition\n in={isOpen}\n unmountOnExit\n nodeRef={popoverRef}\n timeout={animateTimeout}\n >\n {(animate) => {\n const getIndex = fabricIndex();\n return (\n <Popover\n {...otherProps}\n anchorRef={controlRef}\n direction=\"downStartLeft\"\n possibleDirections={[\n 'downStartLeft',\n 'upStartLeft',\n 'downStartRight',\n 'upStartRight',\n ]}\n offset={offset}\n ref={popoverRef}\n role=\"listbox\"\n className={cnSelectDropdown(null, [\n cnListBox({ size, form, border: true, shadow: true }),\n cnMixPopoverAnimate({ animate }),\n className,\n ])}\n equalAnchorWidth\n >\n <div\n className={cnSelectDropdown('List', [\n cnMixSpace({\n pV: mapVerticalSpase[size],\n }),\n cnMixScrollBar(),\n ])}\n ref={dropdownRef}\n >\n {isLoading && (\n <SelectLoader mode={isListShowed ? 'blur' : 'empty'} />\n )}\n {visibleItems.map((group) => {\n if (isOptionForCreate(group)) {\n return (\n <SelectCreateButton\n size={size}\n labelForCreate={labelForCreate}\n inputValue={group.label}\n indent={indent}\n {...getOptionProps({ index: getIndex(), item: group })}\n />\n );\n }\n return (\n <Fragment key={group.key}>\n {group.group && getGroupLabel && (\n <SelectGroupLabel\n label={getGroupLabel(group.group)}\n size={size}\n indent={indent}\n />\n )}\n {group.items.map((item, i) => {\n if (isOptionForSelectAll(item)) {\n return (\n <SelectItemAll\n indent={indent}\n size={size}\n {...getOptionProps({ index: getIndex(), item })}\n intermediate={\n item.checkedCount && item.totalCount\n ? item.checkedCount !== item.totalCount\n : false\n }\n checked={item.checkedCount === item.totalCount}\n countItems={item.checkedCount}\n total={item.totalCount}\n />\n );\n }\n return (\n <Fragment key={`${group.key}-${i}`}>\n {renderItem({\n item,\n ...getOptionProps({ index: getIndex(), item }),\n })}\n </Fragment>\n );\n })}\n </Fragment>\n );\n })}\n {!isLoading && hasItems && notFound && labelForNotFound && (\n <ListItem\n size={size}\n label={labelForNotFound}\n innerOffset={indent}\n >\n {labelForNotFound}\n </ListItem>\n )}\n {!isLoading && !hasItems && labelForEmptyItems && (\n <ListItem\n size={size}\n label={labelForEmptyItems}\n innerOffset={indent}\n >\n {labelForEmptyItems}\n </ListItem>\n )}\n </div>\n </Popover>\n );\n }}\n </Transition>\n );\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SelectDropdown.js","names":["React","Fragment","useMemo","useRef","Transition","cnListBox","ListItem","mapVerticalSpase","cnMixScrollBar","cnMixSpace","isOptionForCreate","isOptionForSelectAll","animateTimeout","cnMixPopoverAnimate","cnDeprecated","fabricIndex","Popover","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","selectDropdownform","defaultSelectDropdownPropForm","cnSelectDropdown","SelectDropdown","props","controlRef","size","getOptionProps","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","offsetProp","renderItem","visibleItems","isLoading","getGroupLabel","notFound","otherProps","indent","popoverRef","isListShowed","filter","group","Array","isArray","items","length","animate","getIndex","border","shadow","pV","map","label","index","item","key","i","checkedCount","totalCount"],"sources":["../../../../../../src/components/SelectComponentsDeprecated/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport React, { Fragment, useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n cnListBox,\n ListItem,\n mapVerticalSpase,\n} from '##/components/ListCanary';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { SelectAllItem } from '##/utils/getGroups';\n\nimport {\n GetOptionPropsResult,\n isOptionForCreate,\n isOptionForSelectAll,\n OptionForCreate,\n OptionProps,\n} from '../../../hooks/useSelect/useSelect';\nimport {\n animateTimeout,\n cnMixPopoverAnimate,\n} from '../../../mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cnDeprecated } from '../../../utils/bem';\nimport { fabricIndex } from '../../../utils/fabricIndex';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Popover, PopoverPropOffset } from '../../Popover/Popover';\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectSelectAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { PropSize, RenderItemProps } from '../types';\n\nexport const selectDropdownform = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownform[number];\nexport const defaultSelectDropdownPropForm = selectDropdownform[0];\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n size: PropSize;\n controlRef: React.MutableRefObject<HTMLDivElement | null>;\n dropdownRef: React.Ref<HTMLDivElement>;\n getOptionProps(props: OptionProps<ITEM>): GetOptionPropsResult;\n form: SelectDropdownPropForm;\n isOpen: boolean;\n offset?: PopoverPropOffset | 'none';\n isLoading?: boolean;\n renderItem: (props: RenderItemProps<ITEM>) => JSX.Element | null;\n visibleItems: (\n | OptionForCreate\n | {\n items: Array<SelectAllItem | ITEM>;\n key: string | number;\n group?: GROUP;\n groupIndex: number;\n checkedCount?: number;\n totalCount?: number;\n }\n )[];\n getGroupLabel?: (group: GROUP) => string;\n labelForCreate?: string;\n labelForNotFound?: string;\n labelForEmptyItems?: string;\n notFound?: boolean;\n hasItems?: boolean;\n}>;\n\ntype SelectDropdown = <ITEM, GROUP>(\n props: Props<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nconst cnSelectDropdown = cnDeprecated('SelectDropdown');\n\nexport const SelectDropdown: SelectDropdown = (props) => {\n const {\n controlRef,\n size,\n getOptionProps,\n dropdownRef,\n labelForCreate,\n className,\n labelForNotFound,\n labelForEmptyItems,\n hasItems = true,\n form,\n isOpen,\n offset: offsetProp = 'none',\n renderItem,\n visibleItems,\n isLoading,\n getGroupLabel,\n notFound,\n ...otherProps\n } = props;\n\n const indent = form === 'round' ? 'increased' : 'normal';\n\n const popoverRef = useRef<HTMLDivElement>(null);\n\n const isListShowed = useMemo(() => {\n return (\n visibleItems.filter(\n (group) =>\n isOptionForCreate(group) ||\n (Array.isArray(group.items) && group.items.length > 0),\n ).length > 0\n );\n }, [visibleItems]);\n\n const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n return (\n <Transition\n in={isOpen}\n unmountOnExit\n nodeRef={popoverRef}\n timeout={animateTimeout}\n >\n {(animate) => {\n const getIndex = fabricIndex();\n return (\n <Popover\n {...otherProps}\n anchorRef={controlRef}\n direction=\"downStartLeft\"\n possibleDirections={[\n 'downStartLeft',\n 'upStartLeft',\n 'downStartRight',\n 'upStartRight',\n ]}\n offset={offset}\n ref={popoverRef}\n role=\"listbox\"\n className={cnSelectDropdown(null, [\n cnListBox({ size, form, border: true, shadow: true }),\n cnMixPopoverAnimate({ animate }),\n className,\n ])}\n equalAnchorWidth\n >\n <div\n className={cnSelectDropdown('List', [\n cnMixSpace({\n pV: mapVerticalSpase[size],\n }),\n cnMixScrollBar(),\n ])}\n ref={dropdownRef}\n >\n {isLoading && (\n <SelectLoader mode={isListShowed ? 'blur' : 'empty'} />\n )}\n {visibleItems.map((group) => {\n if (isOptionForCreate(group)) {\n return (\n <SelectCreateButton\n size={size}\n labelForCreate={labelForCreate}\n inputValue={group.label}\n indent={indent}\n {...getOptionProps({ index: getIndex(), item: group })}\n />\n );\n }\n return (\n <Fragment key={group.key}>\n {group.group && getGroupLabel && (\n <SelectGroupLabel\n label={getGroupLabel(group.group)}\n size={size}\n indent={indent}\n />\n )}\n {group.items.map((item, i) => {\n if (isOptionForSelectAll(item)) {\n return (\n <SelectItemAll\n indent={indent}\n size={size}\n {...getOptionProps({ index: getIndex(), item })}\n intermediate={\n item.checkedCount && item.totalCount\n ? item.checkedCount !== item.totalCount\n : false\n }\n checked={item.checkedCount === item.totalCount}\n countItems={item.checkedCount}\n total={item.totalCount}\n />\n );\n }\n return (\n <Fragment key={`${group.key}-${i}`}>\n {renderItem({\n item,\n ...getOptionProps({ index: getIndex(), item }),\n })}\n </Fragment>\n );\n })}\n </Fragment>\n );\n })}\n {!isLoading && hasItems && notFound && labelForNotFound && (\n <ListItem\n size={size}\n label={labelForNotFound}\n innerOffset={indent}\n >\n {labelForNotFound}\n </ListItem>\n )}\n {!isLoading && !hasItems && labelForEmptyItems && (\n <ListItem\n size={size}\n label={labelForEmptyItems}\n innerOffset={indent}\n >\n {labelForEmptyItems}\n </ListItem>\n )}\n </div>\n </Popover>\n );\n }}\n </Transition>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled"];import"./SelectItem.css";import React from"react";import{ListItem}from"../../ListCanary";import{
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled"];import"./SelectItem.css";import React from"react";import{ListItem}from"../../ListCanary";import{cnDeprecated}from"../../../utils/bem";import{Checkbox}from"../../Checkbox/Checkbox";export var sizeCheckboxMap={xs:"m",s:"m",m:"l",l:"l"};export var cnSelectItem=cnDeprecated("SelectItem");export var SelectItem=function(a){var b=a.className,c=a.label,d=a.active,e=a.hovered,f=a.multiple,g=a.size,h=a.indent,i=a.disabled,j=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},j,{className:cnSelectItem(null,[b]),"aria-selected":d,"aria-disabled":i,role:"option",label:c,innerOffset:h,size:g,active:e,checked:!f&&d,disabled:i,leftSide:f&&React.createElement(Checkbox,{checked:d,disabled:i,size:sizeCheckboxMap[g]})}),c)};
|
|
2
2
|
//# sourceMappingURL=SelectItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectItem.js","names":["React","ListItem","
|
|
1
|
+
{"version":3,"file":"SelectItem.js","names":["React","ListItem","cnDeprecated","Checkbox","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","className","label","active","hovered","multiple","size","indent","disabled","otherProps"],"sources":["../../../../../../src/components/SelectComponentsDeprecated/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React from 'react';\n\nimport { ListItem } from '##/components/ListCanary';\nimport { cnDeprecated } from '##/utils/bem';\n\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Checkbox, CheckboxPropSize } from '../../Checkbox/Checkbox';\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributes<\n {\n label: string;\n active: boolean;\n hovered: boolean;\n multiple: boolean;\n size: PropSize;\n indent: 'normal' | 'increased';\n disabled: boolean | undefined;\n },\n HTMLDivElement\n>;\n\nexport const sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n xs: 'm',\n s: 'm',\n m: 'l',\n l: 'l',\n};\n\nexport const cnSelectItem = cnDeprecated('SelectItem');\n\nexport const SelectItem: React.FC<SelectItemProps> = (props) => {\n const {\n className,\n label,\n active,\n hovered,\n multiple,\n size,\n indent,\n disabled,\n ...otherProps\n } = props;\n\n return (\n <ListItem\n {...otherProps}\n className={cnSelectItem(null, [className])}\n aria-selected={active}\n aria-disabled={disabled}\n role=\"option\"\n label={label}\n innerOffset={indent}\n size={size}\n active={hovered}\n checked={!multiple && active}\n disabled={disabled}\n leftSide={\n multiple && (\n <Checkbox\n checked={active}\n disabled={disabled}\n size={sizeCheckboxMap[size]}\n />\n )\n }\n >\n {label}\n </ListItem>\n );\n};\n"],"mappings":"kLAAA,yBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,QAAT,wBACA,OAASC,YAAT,0BAGA,OAASC,QAAT,+BAgBA,MAAO,IAAMC,gBAAmD,CAAG,CACjEC,EAAE,CAAE,GAD6D,CAEjEC,CAAC,CAAE,GAF8D,CAGjEC,CAAC,CAAE,GAH8D,CAIjEC,CAAC,CAAE,GAJ8D,CAA5D,CAOP,MAAO,IAAMC,aAAY,CAAGP,YAAY,CAAC,YAAD,CAAjC,CAEP,MAAO,IAAMQ,WAAqC,CAAG,SAACC,CAAD,CAAW,CAC9D,GACEC,EADF,CAUID,CAVJ,CACEC,SADF,CAEEC,CAFF,CAUIF,CAVJ,CAEEE,KAFF,CAGEC,CAHF,CAUIH,CAVJ,CAGEG,MAHF,CAIEC,CAJF,CAUIJ,CAVJ,CAIEI,OAJF,CAKEC,CALF,CAUIL,CAVJ,CAKEK,QALF,CAMEC,CANF,CAUIN,CAVJ,CAMEM,IANF,CAOEC,CAPF,CAUIP,CAVJ,CAOEO,MAPF,CAQEC,CARF,CAUIR,CAVJ,CAQEQ,QARF,CASKC,CATL,0BAUIT,CAVJ,YAYA,MACE,qBAAC,QAAD,kBACMS,CADN,EAEE,SAAS,CAAEX,YAAY,CAAC,IAAD,CAAO,CAACG,CAAD,CAAP,CAFzB,CAGE,gBAAeE,CAHjB,CAIE,gBAAeK,CAJjB,CAKE,IAAI,CAAC,QALP,CAME,KAAK,CAAEN,CANT,CAOE,WAAW,CAAEK,CAPf,CAQE,IAAI,CAAED,CARR,CASE,MAAM,CAAEF,CATV,CAUE,OAAO,CAAE,CAACC,CAAD,EAAaF,CAVxB,CAWE,QAAQ,CAAEK,CAXZ,CAYE,QAAQ,CACNH,CAAQ,EACN,oBAAC,QAAD,EACE,OAAO,CAAEF,CADX,CAEE,QAAQ,CAAEK,CAFZ,CAGE,IAAI,CAAEf,eAAe,CAACa,CAAD,CAHvB,EAdN,GAsBGJ,CAtBH,CAyBH,CAvCM"}
|
package/__internal__/src/components/SelectComponentsDeprecated/SelectItemAll/SelectSelectAll.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","intermediate","size","indent","hovered","countItems","className","total"];import React from"react";import{ListItem}from"../../ListCanary";import{Text}from"../../Text";import{
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","intermediate","size","indent","hovered","countItems","className","total"];import React from"react";import{ListItem}from"../../ListCanary";import{Text}from"../../Text";import{cnDeprecated}from"../../../utils/bem";import{Checkbox}from"../../Checkbox/Checkbox";import{sizeCheckboxMap}from"../SelectItem/SelectItem";export var cnSelectItemAll=cnDeprecated("SelectItemAll");var textSizeMap={xs:"s",s:"s",m:"m",l:"l"};export var SelectItemAll=function(a){var b=a.checked,c=a.intermediate,d=a.size,e=a.indent,f=a.hovered,g=a.countItems,h=void 0===g?0:g,i=a.className,j=a.total,k=void 0===j?0:j,l=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},l,{className:cnSelectItemAll(null,[i]),"aria-selected":b,role:"option",label:"\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435",innerOffset:e,size:d,active:f,rightSide:React.createElement(Text,{size:textSizeMap[d],lineHeight:"xs",view:"ghost"},"".concat(h," \u0438\u0437 ").concat(k)),leftSide:React.createElement(Checkbox,{checked:b,intermediate:c,size:sizeCheckboxMap[d]})}),"\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435")};
|
|
2
2
|
//# sourceMappingURL=SelectSelectAll.js.map
|
package/__internal__/src/components/SelectComponentsDeprecated/SelectItemAll/SelectSelectAll.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectSelectAll.js","names":["React","ListItem","Text","
|
|
1
|
+
{"version":3,"file":"SelectSelectAll.js","names":["React","ListItem","Text","cnDeprecated","Checkbox","sizeCheckboxMap","cnSelectItemAll","textSizeMap","xs","s","m","l","SelectItemAll","props","checked","intermediate","size","indent","hovered","countItems","className","total","otherProps"],"sources":["../../../../../../src/components/SelectComponentsDeprecated/SelectItemAll/SelectSelectAll.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ListItem } from '##/components/ListCanary';\nimport { Text, TextPropSize } from '##/components/Text';\nimport { cnDeprecated } from '##/utils/bem';\n\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Checkbox } from '../../Checkbox/Checkbox';\nimport { sizeCheckboxMap } from '../SelectItem/SelectItem';\nimport { PropSize } from '../types';\n\nexport type SelectItemAllProps = PropsWithHTMLAttributes<\n {\n checked: boolean;\n intermediate?: boolean;\n size: PropSize;\n hovered?: boolean;\n indent?: 'normal' | 'increased';\n countItems?: number;\n total?: number;\n },\n HTMLDivElement\n>;\n\nexport const cnSelectItemAll = cnDeprecated('SelectItemAll');\n\nconst textSizeMap: Record<PropSize, TextPropSize> = {\n xs: 's',\n s: 's',\n m: 'm',\n l: 'l',\n};\n\nexport const SelectItemAll = (props: SelectItemAllProps) => {\n const {\n checked,\n intermediate,\n size,\n indent,\n hovered,\n countItems = 0,\n className,\n total = 0,\n ...otherProps\n } = props;\n\n return (\n <ListItem\n {...otherProps}\n className={cnSelectItemAll(null, [className])}\n aria-selected={checked}\n role=\"option\"\n label=\"Выбрать все\"\n innerOffset={indent}\n size={size}\n active={hovered}\n rightSide={\n <Text\n size={textSizeMap[size]}\n lineHeight=\"xs\"\n view=\"ghost\"\n >{`${countItems} из ${total}`}</Text>\n }\n leftSide={\n <Checkbox\n checked={checked}\n intermediate={intermediate}\n size={sizeCheckboxMap[size]}\n />\n }\n >\n Выбрать все\n </ListItem>\n );\n};\n"],"mappings":"yLAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,QAAT,wBACA,OAASC,IAAT,kBACA,OAASC,YAAT,0BAGA,OAASC,QAAT,+BACA,OAASC,eAAT,gCAgBA,MAAO,IAAMC,gBAAe,CAAGH,YAAY,CAAC,eAAD,CAApC,CAEP,GAAMI,YAA2C,CAAG,CAClDC,EAAE,CAAE,GAD8C,CAElDC,CAAC,CAAE,GAF+C,CAGlDC,CAAC,CAAE,GAH+C,CAIlDC,CAAC,CAAE,GAJ+C,CAApD,CAOA,MAAO,IAAMC,cAAa,CAAG,SAACC,CAAD,CAA+B,CAC1D,GACEC,EADF,CAUID,CAVJ,CACEC,OADF,CAEEC,CAFF,CAUIF,CAVJ,CAEEE,YAFF,CAGEC,CAHF,CAUIH,CAVJ,CAGEG,IAHF,CAIEC,CAJF,CAUIJ,CAVJ,CAIEI,MAJF,CAKEC,CALF,CAUIL,CAVJ,CAKEK,OALF,GAUIL,CAVJ,CAMEM,UANF,CAMEA,CANF,YAMe,CANf,GAOEC,CAPF,CAUIP,CAVJ,CAOEO,SAPF,GAUIP,CAVJ,CAQEQ,KARF,CAQEA,CARF,YAQU,CARV,GASKC,CATL,0BAUIT,CAVJ,YAYA,MACE,qBAAC,QAAD,kBACMS,CADN,EAEE,SAAS,CAAEhB,eAAe,CAAC,IAAD,CAAO,CAACc,CAAD,CAAP,CAF5B,CAGE,gBAAeN,CAHjB,CAIE,IAAI,CAAC,QAJP,CAKE,KAAK,CAAC,+DALR,CAME,WAAW,CAAEG,CANf,CAOE,IAAI,CAAED,CAPR,CAQE,MAAM,CAAEE,CARV,CASE,SAAS,CACP,oBAAC,IAAD,EACE,IAAI,CAAEX,WAAW,CAACS,CAAD,CADnB,CAEE,UAAU,CAAC,IAFb,CAGE,IAAI,CAAC,OAHP,YAIKG,CAJL,0BAIsBE,CAJtB,EAVJ,CAgBE,QAAQ,CACN,oBAAC,QAAD,EACE,OAAO,CAAEP,CADX,CAEE,YAAY,CAAEC,CAFhB,CAGE,IAAI,CAAEV,eAAe,CAACW,CAAD,CAHvB,EAjBJ,mEA2BH,CAzCM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./SelectLoader.css";import React from"react";import{
|
|
1
|
+
import"./SelectLoader.css";import React from"react";import{cnDeprecated}from"../../../utils/bem";import{Loader}from"../../LoaderDeprecated/LoaderDeprecated";import{defaultPropSize}from"../types";export var cnSelectLoader=cnDeprecated("SelectLoader");export var SelectLoader=function(a){var b=a.mode,c=void 0===b?"empty":b,d=a.size,e=void 0===d?defaultPropSize:d;return React.createElement("div",{className:cnSelectLoader({mode:c,size:e})},React.createElement(Loader,{className:cnSelectLoader("Loader"),size:"s"}))};
|
|
2
2
|
//# sourceMappingURL=SelectLoader.js.map
|
package/__internal__/src/components/SelectComponentsDeprecated/SelectLoader/SelectLoader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectLoader.js","names":["React","
|
|
1
|
+
{"version":3,"file":"SelectLoader.js","names":["React","cnDeprecated","Loader","defaultPropSize","cnSelectLoader","SelectLoader","props","mode","size"],"sources":["../../../../../../src/components/SelectComponentsDeprecated/SelectLoader/SelectLoader.tsx"],"sourcesContent":["import './SelectLoader.css';\n\nimport React from 'react';\n\nimport { cnDeprecated } from '../../../utils/bem';\nimport { Loader } from '../../LoaderDeprecated/LoaderDeprecated';\nimport { defaultPropSize, PropSize } from '../types';\n\ntype Props = {\n mode?: 'empty' | 'blur';\n size?: PropSize;\n};\n\nexport const cnSelectLoader = cnDeprecated('SelectLoader');\n\nexport const SelectLoader = (props: Props) => {\n const { mode = 'empty', size = defaultPropSize } = props;\n\n return (\n <div className={cnSelectLoader({ mode, size })}>\n <Loader className={cnSelectLoader('Loader')} size=\"s\" />\n </div>\n );\n};\n"],"mappings":"AAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,YAAT,0BACA,OAASC,MAAT,+CACA,OAASC,eAAT,gBAOA,MAAO,IAAMC,eAAc,CAAGH,YAAY,CAAC,cAAD,CAAnC,CAEP,MAAO,IAAMI,aAAY,CAAG,SAACC,CAAD,CAAkB,CAC5C,MAAmDA,CAAnD,CAAQC,IAAR,CAAQA,CAAR,YAAe,OAAf,KAAmDD,CAAnD,CAAwBE,IAAxB,CAAwBA,CAAxB,YAA+BL,eAA/B,GAEA,MACE,4BAAK,SAAS,CAAEC,cAAc,CAAC,CAAEG,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAD,CAA9B,EACE,oBAAC,MAAD,EAAQ,SAAS,CAAEJ,cAAc,CAAC,QAAD,CAAjC,CAA6C,IAAI,CAAC,GAAlD,EADF,CAIH,CARM"}
|
package/__internal__/src/components/SelectComponentsDeprecated/SelectValueTag/SelectValueTag.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./SelectValueTag.css";import React from"react";import{
|
|
1
|
+
import"./SelectValueTag.css";import React from"react";import{cnDeprecated}from"../../../utils/bem";import{Tag}from"../../Tag/Tag";export var cnSelectValueTag=cnDeprecated("SelectValueTag");export var SelectValueTag=function(a){var b=a.handleRemove,c=void 0===b?function(){}:b,d=a.size,e=a.label,f=a.disabled;return React.createElement(Tag,{className:cnSelectValueTag({size:d,disabled:f}),label:e,mode:"cancel",onCancel:c,size:d})};
|
|
2
2
|
//# sourceMappingURL=SelectValueTag.js.map
|
package/__internal__/src/components/SelectComponentsDeprecated/SelectValueTag/SelectValueTag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectValueTag.js","names":["React","
|
|
1
|
+
{"version":3,"file":"SelectValueTag.js","names":["React","cnDeprecated","Tag","cnSelectValueTag","SelectValueTag","props","handleRemove","size","label","disabled"],"sources":["../../../../../../src/components/SelectComponentsDeprecated/SelectValueTag/SelectValueTag.tsx"],"sourcesContent":["import './SelectValueTag.css';\n\nimport React from 'react';\n\nimport { cnDeprecated } from '../../../utils/bem';\nimport { Tag } from '../../Tag/Tag';\n\ntype SelectValueTagProps = {\n label: string;\n size: 's' | 'm' | 'l' | 'xs';\n children?: never;\n disabled?: boolean;\n handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport const cnSelectValueTag = cnDeprecated('SelectValueTag');\n\nexport const SelectValueTag: React.FC<SelectValueTagProps> = (props) => {\n const { handleRemove = () => {}, size, label, disabled } = props;\n\n return (\n <Tag\n className={cnSelectValueTag({ size, disabled })}\n label={label}\n mode=\"cancel\"\n onCancel={handleRemove}\n size={size}\n />\n );\n};\n"],"mappings":"AAAA,6BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,YAAT,0BACA,OAASC,GAAT,qBAUA,MAAO,IAAMC,iBAAgB,CAAGF,YAAY,CAAC,gBAAD,CAArC,CAEP,MAAO,IAAMG,eAA6C,CAAG,SAACC,CAAD,CAAW,CACtE,MAA2DA,CAA3D,CAAQC,YAAR,CAAQA,CAAR,YAAuB,UAAM,CAAE,CAA/B,GAAiCC,CAAjC,CAA2DF,CAA3D,CAAiCE,IAAjC,CAAuCC,CAAvC,CAA2DH,CAA3D,CAAuCG,KAAvC,CAA8CC,CAA9C,CAA2DJ,CAA3D,CAA8CI,QAA9C,CAEA,MACE,qBAAC,GAAD,EACE,SAAS,CAAEN,gBAAgB,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAQE,QAAQ,CAARA,CAAR,CAAD,CAD7B,CAEE,KAAK,CAAED,CAFT,CAGE,IAAI,CAAC,QAHP,CAIE,QAAQ,CAAEF,CAJZ,CAKE,IAAI,CAAEC,CALR,EAQH,CAZM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputRef"];import"./Switch.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{switchPropAlignDefault,switchPropSizeDefault,switchPropViewDefault}from"./types";export var cnSwitch=cn("Switch");export var COMPONENT_NAME="Switch";export var Switch=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=d.name,g=d.size,h=void 0===g?switchPropSizeDefault:g,i=d.view,j=void 0===i?switchPropViewDefault:i,k=d.align,l=void 0===k?switchPropAlignDefault:k,m=d.disabled,n=d.className,o=d.label,p=d.onChange,q=d.onFocus,
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputRef"];import"./Switch.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{switchPropAlignDefault,switchPropOnChangeDefault,switchPropSizeDefault,switchPropViewDefault}from"./types";export var cnSwitch=cn("Switch");export var COMPONENT_NAME="Switch";export var Switch=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=d.name,g=d.size,h=void 0===g?switchPropSizeDefault:g,i=d.view,j=void 0===i?switchPropViewDefault:i,k=d.align,l=void 0===k?switchPropAlignDefault:k,m=d.disabled,n=d.className,o=d.label,p=d.onChange,q=void 0===p?switchPropOnChangeDefault:p,r=d.onFocus,s=d.onBlur,t=d.readOnly,u=d.required,v=d.step,w=d.tabIndex,x=d.inputRef,y=_objectWithoutProperties(d,_excluded);return React.createElement("label",Object.assign({},y,{className:cnSwitch({size:h,view:j,disabled:m,align:l},[n]),ref:useForkRef([c,b])}),React.createElement("input",{type:"checkbox",name:f,className:cnSwitch("Input",[cnMixFocus()]),checked:void 0!==e&&e,disabled:m,onChange:q,onFocus:r,onBlur:s,readOnly:t,required:u,step:v,tabIndex:w,ref:x}),o&&React.createElement("span",{className:cnSwitch("Label")},o))});
|
|
2
2
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","names":["React","useRef","useForkRef","cnMixFocus","cn","usePropsHandler","switchPropAlignDefault","switchPropSizeDefault","switchPropViewDefault","cnSwitch","COMPONENT_NAME","Switch","forwardRef","props","ref","switchRef","checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputRef","otherProps"],"sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import './Switch.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport {\n switchPropAlignDefault,\n SwitchProps,\n switchPropSizeDefault,\n switchPropViewDefault,\n} from './types';\n\nexport const cnSwitch = cn('Switch');\n\nexport const COMPONENT_NAME = 'Switch' as const;\n\nexport const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(\n (props, ref) => {\n const switchRef = useRef<HTMLLabelElement>(null);\n const {\n checked = false,\n name,\n size = switchPropSizeDefault,\n view = switchPropViewDefault,\n align = switchPropAlignDefault,\n disabled,\n className,\n label,\n onChange,\n onFocus,\n onBlur,\n readOnly,\n required,\n step,\n tabIndex,\n inputRef,\n ...otherProps\n } = usePropsHandler(COMPONENT_NAME, props, switchRef);\n\n return (\n <label\n {...otherProps}\n className={cnSwitch({ size, view, disabled, align }, [className])}\n ref={useForkRef([switchRef, ref])}\n >\n <input\n type=\"checkbox\"\n name={name}\n className={cnSwitch('Input', [cnMixFocus()])}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n onFocus={onFocus}\n onBlur={onBlur}\n readOnly={readOnly}\n required={required}\n step={step}\n tabIndex={tabIndex}\n ref={inputRef}\n />\n {label && <span className={cnSwitch('Label')}>{label}</span>}\n </label>\n );\n },\n);\n"],"mappings":"4PAAA,qBAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBACA,OAASC,eAAT,2CACA,OACEC,sBADF,
|
|
1
|
+
{"version":3,"file":"Switch.js","names":["React","useRef","useForkRef","cnMixFocus","cn","usePropsHandler","switchPropAlignDefault","switchPropOnChangeDefault","switchPropSizeDefault","switchPropViewDefault","cnSwitch","COMPONENT_NAME","Switch","forwardRef","props","ref","switchRef","checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputRef","otherProps"],"sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import './Switch.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport {\n switchPropAlignDefault,\n switchPropOnChangeDefault,\n SwitchProps,\n switchPropSizeDefault,\n switchPropViewDefault,\n} from './types';\n\nexport const cnSwitch = cn('Switch');\n\nexport const COMPONENT_NAME = 'Switch' as const;\n\nexport const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(\n (props, ref) => {\n const switchRef = useRef<HTMLLabelElement>(null);\n const {\n checked = false,\n name,\n size = switchPropSizeDefault,\n view = switchPropViewDefault,\n align = switchPropAlignDefault,\n disabled,\n className,\n label,\n onChange = switchPropOnChangeDefault,\n onFocus,\n onBlur,\n readOnly,\n required,\n step,\n tabIndex,\n inputRef,\n ...otherProps\n } = usePropsHandler(COMPONENT_NAME, props, switchRef);\n\n return (\n <label\n {...otherProps}\n className={cnSwitch({ size, view, disabled, align }, [className])}\n ref={useForkRef([switchRef, ref])}\n >\n <input\n type=\"checkbox\"\n name={name}\n className={cnSwitch('Input', [cnMixFocus()])}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n onFocus={onFocus}\n onBlur={onBlur}\n readOnly={readOnly}\n required={required}\n step={step}\n tabIndex={tabIndex}\n ref={inputRef}\n />\n {label && <span className={cnSwitch('Label')}>{label}</span>}\n </label>\n );\n },\n);\n"],"mappings":"4PAAA,qBAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBACA,OAASC,eAAT,2CACA,OACEC,sBADF,CAEEC,yBAFF,CAIEC,qBAJF,CAKEC,qBALF,eAQA,MAAO,IAAMC,SAAQ,CAAGN,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAMO,eAAc,CAAG,QAAvB,CAEP,MAAO,IAAMC,OAAM,CAAGZ,KAAK,CAACa,UAAN,CACpB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACRC,EAAS,CAAGf,MAAM,CAAmB,IAAnB,CADV,GAoBVI,eAAe,CAACM,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CApBL,KAGZC,OAHY,CAIZC,CAJY,GAIZA,IAJY,KAKZC,IALY,CAKZA,CALY,YAKLX,qBALK,OAMZY,IANY,CAMZA,CANY,YAMLX,qBANK,OAOZY,KAPY,CAOZA,CAPY,YAOJf,sBAPI,GAQZgB,CARY,GAQZA,QARY,CASZC,CATY,GASZA,SATY,CAUZC,CAVY,GAUZA,KAVY,KAWZC,QAXY,CAWZA,CAXY,YAWDlB,yBAXC,GAYZmB,CAZY,GAYZA,OAZY,CAaZC,CAbY,GAaZA,MAbY,CAcZC,CAdY,GAcZA,QAdY,CAeZC,CAfY,GAeZA,QAfY,CAgBZC,CAhBY,GAgBZA,IAhBY,CAiBZC,CAjBY,GAiBZA,QAjBY,CAkBZC,CAlBY,GAkBZA,QAlBY,CAmBTC,CAnBS,uCAsBd,MACE,8CACMA,CADN,EAEE,SAAS,CAAEvB,QAAQ,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcE,QAAQ,CAARA,CAAd,CAAwBD,KAAK,CAALA,CAAxB,CAAD,CAAkC,CAACE,CAAD,CAAlC,CAFrB,CAGE,GAAG,CAAErB,UAAU,CAAC,CAACc,CAAD,CAAYD,CAAZ,CAAD,CAHjB,GAKE,6BACE,IAAI,CAAC,UADP,CAEE,IAAI,CAAEG,CAFR,CAGE,SAAS,CAAER,QAAQ,CAAC,OAAD,CAAU,CAACP,UAAU,EAAX,CAAV,CAHrB,CAIE,OAAO,cAJT,CAKE,QAAQ,CAAEmB,CALZ,CAME,QAAQ,CAAEG,CANZ,CAOE,OAAO,CAAEC,CAPX,CAQE,MAAM,CAAEC,CARV,CASE,QAAQ,CAAEC,CATZ,CAUE,QAAQ,CAAEC,CAVZ,CAWE,IAAI,CAAEC,CAXR,CAYE,QAAQ,CAAEC,CAZZ,CAaE,GAAG,CAAEC,CAbP,EALF,CAoBGR,CAAK,EAAI,4BAAM,SAAS,CAAEd,QAAQ,CAAC,OAAD,CAAzB,EAAqCc,CAArC,CApBZ,CAuBH,CA/CmB,CAAf"}
|
|
@@ -9,6 +9,7 @@ export declare const switchPropViewDefault: SwitchPropView;
|
|
|
9
9
|
export declare const switchPropAlign: readonly ["center", "top"];
|
|
10
10
|
export declare type SwitchPropAlign = typeof switchPropAlign[number];
|
|
11
11
|
export declare const switchPropAlignDefault: SwitchPropAlign;
|
|
12
|
+
export declare const switchPropOnChangeDefault: () => void;
|
|
12
13
|
export declare type SwitchPropOnChange = (checked: boolean, params: {
|
|
13
14
|
e: React.ChangeEvent<HTMLInputElement>;
|
|
14
15
|
}) => void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var switchPropSize=["m","xs","s","l"];export var switchPropSizeDefault=switchPropSize[0];export var switchPropView=["primary","ghost"];export var switchPropViewDefault=switchPropView[0];export var switchPropAlign=["center","top"];export var switchPropAlignDefault=switchPropAlign[0];
|
|
1
|
+
export var switchPropSize=["m","xs","s","l"];export var switchPropSizeDefault=switchPropSize[0];export var switchPropView=["primary","ghost"];export var switchPropViewDefault=switchPropView[0];export var switchPropAlign=["center","top"];export var switchPropAlignDefault=switchPropAlign[0];export var switchPropOnChangeDefault=function(){};
|
|
2
2
|
//# sourceMappingURL=types.js.map
|