@skbkontur/react-ui 0.0.0-7feb61cdde → 0.0.0-80c5917afc
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/CHANGELOG.md +94 -0
- package/cjs/components/Autocomplete/Autocomplete.d.ts +5 -0
- package/cjs/components/Autocomplete/Autocomplete.js +18 -4
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Button/Button.d.ts +1 -1
- package/cjs/components/Button/Button.js +7 -2
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +6 -4
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/getInnerLinkTheme.js +2 -3
- package/cjs/components/Button/getInnerLinkTheme.js.map +1 -1
- package/cjs/components/Calendar/Calendar.styles.js +1 -2
- package/cjs/components/Calendar/Calendar.styles.js.map +1 -1
- package/cjs/components/Calendar/DayCellView.js +1 -1
- package/cjs/components/Calendar/DayCellView.js.map +1 -1
- package/cjs/components/Calendar/DayCellView.styles.d.ts +1 -1
- package/cjs/components/Calendar/DayCellView.styles.js +4 -4
- package/cjs/components/Calendar/DayCellView.styles.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.d.ts +10 -0
- package/cjs/components/Checkbox/Checkbox.js +70 -15
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.md +18 -0
- package/cjs/components/Checkbox/Checkbox.mixins.d.ts +2 -0
- package/cjs/components/Checkbox/Checkbox.mixins.js +35 -0
- package/cjs/components/Checkbox/Checkbox.mixins.js.map +1 -0
- package/cjs/components/Checkbox/Checkbox.styles.d.ts +6 -0
- package/cjs/components/Checkbox/Checkbox.styles.js +95 -34
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/ComboBox/ComboBox.md +5 -3
- package/cjs/components/CurrencyInput/CurrencyHelper.d.ts +2 -0
- package/cjs/components/CurrencyInput/CurrencyHelper.js +21 -6
- package/cjs/components/CurrencyInput/CurrencyHelper.js.map +1 -1
- package/cjs/components/DateInput/DateInput.d.ts +3 -0
- package/cjs/components/DateInput/DateInput.js +11 -3
- package/cjs/components/DateInput/DateInput.js.map +1 -1
- package/cjs/components/Dropdown/getDropdownTheme.js +3 -1
- package/cjs/components/Dropdown/getDropdownTheme.js.map +1 -1
- package/cjs/components/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/cjs/components/DropdownMenu/DropdownMenu.js +4 -1
- package/cjs/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/cjs/components/DropdownMenu/DropdownMenu.md +28 -0
- package/cjs/components/DropdownMenu/getDropdownMenuTheme.js +5 -1
- package/cjs/components/DropdownMenu/getDropdownMenuTheme.js.map +1 -1
- package/cjs/components/FileUploader/FileUploader.styles.js +3 -2
- package/cjs/components/FileUploader/FileUploader.styles.js.map +1 -1
- package/cjs/components/GlobalLoader/GlobalLoader.js +6 -2
- package/cjs/components/GlobalLoader/GlobalLoader.js.map +1 -1
- package/cjs/components/GlobalLoader/GlobalLoaderView.d.ts +2 -1
- package/cjs/components/GlobalLoader/GlobalLoaderView.js +6 -4
- package/cjs/components/GlobalLoader/GlobalLoaderView.js.map +1 -1
- package/cjs/components/Input/Input.d.ts +1 -5
- package/cjs/components/Input/Input.js +4 -5
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/Input.styles.js +3 -2
- package/cjs/components/Input/Input.styles.js.map +1 -1
- package/cjs/components/Kebab/Kebab.d.ts +1 -1
- package/cjs/components/Kebab/Kebab.js +6 -1
- package/cjs/components/Kebab/Kebab.js.map +1 -1
- package/cjs/components/Kebab/Kebab.md +28 -0
- package/cjs/components/Link/Link.js +4 -2
- package/cjs/components/Link/Link.js.map +1 -1
- package/cjs/components/Link/Link.mixins.d.ts +1 -2
- package/cjs/components/Link/Link.mixins.js +5 -16
- package/cjs/components/Link/Link.mixins.js.map +1 -1
- package/cjs/components/Link/Link.styles.d.ts +2 -0
- package/cjs/components/Link/Link.styles.js +58 -38
- package/cjs/components/Link/Link.styles.js.map +1 -1
- package/cjs/components/Modal/ModalFooter.js +1 -1
- package/cjs/components/Modal/ModalFooter.js.map +1 -1
- package/cjs/components/Modal/ModalHeader.js +1 -1
- package/cjs/components/Modal/ModalHeader.js.map +1 -1
- package/cjs/components/Radio/Radio.styles.js +6 -2
- package/cjs/components/Radio/Radio.styles.js.map +1 -1
- package/cjs/components/ScrollContainer/ScrollContainer.d.ts +3 -2
- package/cjs/components/ScrollContainer/ScrollContainer.js +2 -1
- package/cjs/components/ScrollContainer/ScrollContainer.js.map +1 -1
- package/cjs/components/Select/Select.d.ts +7 -5
- package/cjs/components/Select/Select.js +15 -6
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +3 -2
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/selectTheme.js +4 -1
- package/cjs/components/Select/selectTheme.js.map +1 -1
- package/cjs/components/Tabs/Tab.d.ts +1 -0
- package/cjs/components/Tabs/Tab.js +15 -1
- package/cjs/components/Tabs/Tab.js.map +1 -1
- package/cjs/components/Tabs/Tab.styles.d.ts +9 -3
- package/cjs/components/Tabs/Tab.styles.js +106 -68
- package/cjs/components/Tabs/Tab.styles.js.map +1 -1
- package/cjs/components/Tabs/Tabs.d.ts +8 -2
- package/cjs/components/Tabs/Tabs.js +15 -1
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/Tabs.md +32 -0
- package/cjs/components/Tabs/Tabs.styles.d.ts +3 -1
- package/cjs/components/Tabs/Tabs.styles.js +23 -7
- package/cjs/components/Tabs/Tabs.styles.js.map +1 -1
- package/cjs/components/Tabs/TabsContext.d.ts +2 -1
- package/cjs/components/Tabs/TabsContext.js +2 -0
- package/cjs/components/Tabs/TabsContext.js.map +1 -1
- package/cjs/components/Tabs/helpers.d.ts +6 -0
- package/cjs/components/Tabs/helpers.js +30 -0
- package/cjs/components/Tabs/helpers.js.map +1 -0
- package/cjs/components/Textarea/Textarea.styles.js +2 -2
- package/cjs/components/Textarea/Textarea.styles.js.map +1 -1
- package/cjs/components/Toast/ToastView.styles.js +2 -2
- package/cjs/components/Toast/ToastView.styles.js.map +1 -1
- package/cjs/components/Toggle/Toggle.d.ts +11 -1
- package/cjs/components/Toggle/Toggle.js +102 -2
- package/cjs/components/Toggle/Toggle.js.map +1 -1
- package/cjs/components/Toggle/Toggle.md +16 -2
- package/cjs/components/Toggle/Toggle.mixins.d.ts +7 -0
- package/cjs/components/Toggle/Toggle.mixins.js +90 -0
- package/cjs/components/Toggle/Toggle.mixins.js.map +1 -0
- package/cjs/components/Toggle/Toggle.styles.d.ts +21 -1
- package/cjs/components/Toggle/Toggle.styles.js +172 -56
- package/cjs/components/Toggle/Toggle.styles.js.map +1 -1
- package/cjs/components/TokenInput/TokenInput.d.ts +2 -0
- package/cjs/components/TokenInput/TokenInput.js +8 -2
- package/cjs/components/TokenInput/TokenInput.js.map +1 -1
- package/cjs/components/TokenInput/TokenInput.md +26 -35
- package/cjs/components/TokenInput/TokenInput.styles.js +2 -1
- package/cjs/components/TokenInput/TokenInput.styles.js.map +1 -1
- package/cjs/components/TokenInput/TokenInputMenu.d.ts +7 -0
- package/cjs/components/TokenInput/TokenInputMenu.js +9 -1
- package/cjs/components/TokenInput/TokenInputMenu.js.map +1 -1
- package/cjs/components/TooltipMenu/TooltipMenu.d.ts +1 -1
- package/cjs/components/TooltipMenu/TooltipMenu.js +8 -2
- package/cjs/components/TooltipMenu/TooltipMenu.js.map +1 -1
- package/cjs/components/TooltipMenu/TooltipMenu.md +28 -0
- package/cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.js +2 -1
- package/cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.js.map +1 -1
- package/cjs/internal/CustomComboBox/ComboBoxMenu.d.ts +1 -0
- package/cjs/internal/CustomComboBox/ComboBoxMenu.js +10 -1
- package/cjs/internal/CustomComboBox/ComboBoxMenu.js.map +1 -1
- package/cjs/internal/CustomComboBox/ComboBoxView.d.ts +4 -0
- package/cjs/internal/CustomComboBox/ComboBoxView.js +11 -3
- package/cjs/internal/CustomComboBox/ComboBoxView.js.map +1 -1
- package/cjs/internal/CustomComboBox/CustomComboBox.js +13 -11
- package/cjs/internal/CustomComboBox/CustomComboBox.js.map +1 -1
- package/cjs/internal/DateSelect/DateSelect.js +1 -1
- package/cjs/internal/DateSelect/DateSelect.js.map +1 -1
- package/cjs/internal/DateSelect/DateSelect.styles.d.ts +3 -0
- package/cjs/internal/DateSelect/DateSelect.styles.js +15 -3
- package/cjs/internal/DateSelect/DateSelect.styles.js.map +1 -1
- package/cjs/internal/DropdownContainer/DropdownContainer.d.ts +3 -2
- package/cjs/internal/DropdownContainer/DropdownContainer.js +6 -1
- package/cjs/internal/DropdownContainer/DropdownContainer.js.map +1 -1
- package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.d.ts +1 -4
- package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js +7 -5
- package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js.map +1 -1
- package/cjs/internal/InputLikeText/InputLikeText.d.ts +1 -0
- package/cjs/internal/InputLikeText/InputLikeText.js +16 -4
- package/cjs/internal/InputLikeText/InputLikeText.js.map +1 -1
- package/cjs/internal/InternalMenu/InternalMenu.d.ts +13 -4
- package/cjs/internal/InternalMenu/InternalMenu.js +15 -5
- package/cjs/internal/InternalMenu/InternalMenu.js.map +1 -1
- package/cjs/internal/InternalMenu/InternalMenu.styles.d.ts +1 -0
- package/cjs/internal/InternalMenu/InternalMenu.styles.js +13 -7
- package/cjs/internal/InternalMenu/InternalMenu.styles.js.map +1 -1
- package/cjs/internal/InternalMenu/isIconPaddingEnabled.d.ts +2 -0
- package/cjs/internal/InternalMenu/isIconPaddingEnabled.js +9 -0
- package/cjs/internal/InternalMenu/isIconPaddingEnabled.js.map +1 -0
- package/cjs/internal/Menu/Menu.d.ts +42 -8
- package/cjs/internal/Menu/Menu.js +272 -78
- package/cjs/internal/Menu/Menu.js.map +1 -1
- package/cjs/internal/Menu/Menu.styles.d.ts +6 -1
- package/cjs/internal/Menu/Menu.styles.js +42 -8
- package/cjs/internal/Menu/Menu.styles.js.map +1 -1
- package/cjs/internal/MobilePopup/MobilePopup.d.ts +2 -2
- package/cjs/internal/MobilePopup/MobilePopup.js +1 -1
- package/cjs/internal/MobilePopup/MobilePopup.js.map +1 -1
- package/cjs/internal/Popup/Popup.d.ts +7 -2
- package/cjs/internal/Popup/Popup.js +13 -3
- package/cjs/internal/Popup/Popup.js.map +1 -1
- package/cjs/internal/PopupMenu/PopupMenu.d.ts +4 -1
- package/cjs/internal/PopupMenu/PopupMenu.js +29 -4
- package/cjs/internal/PopupMenu/PopupMenu.js.map +1 -1
- package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
- package/cjs/internal/themes/DefaultTheme.d.ts +114 -17
- package/cjs/internal/themes/DefaultTheme.js +244 -68
- package/cjs/internal/themes/DefaultTheme.js.map +1 -1
- package/cjs/internal/themes/Theme2022.d.ts +19 -3
- package/cjs/internal/themes/Theme2022.js +33 -13
- package/cjs/internal/themes/Theme2022.js.map +1 -1
- package/cjs/internal/themes/Theme2022Dark.d.ts +0 -4
- package/cjs/internal/themes/Theme2022Dark.js +3 -14
- package/cjs/internal/themes/Theme2022Dark.js.map +1 -1
- package/cjs/typings/html.d.ts +0 -1
- package/components/Autocomplete/Autocomplete/Autocomplete.js +13 -3
- package/components/Autocomplete/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Autocomplete/Autocomplete.d.ts +5 -0
- package/components/Button/Button/Button.js +2 -0
- package/components/Button/Button/Button.js.map +1 -1
- package/components/Button/Button.d.ts +1 -1
- package/components/Button/Button.styles/Button.styles.js +2 -2
- package/components/Button/Button.styles/Button.styles.js.map +1 -1
- package/components/Button/getInnerLinkTheme/getInnerLinkTheme.js +2 -3
- package/components/Button/getInnerLinkTheme/getInnerLinkTheme.js.map +1 -1
- package/components/Calendar/Calendar.styles/Calendar.styles.js +1 -1
- package/components/Calendar/Calendar.styles/Calendar.styles.js.map +1 -1
- package/components/Calendar/DayCellView/DayCellView.js +1 -1
- package/components/Calendar/DayCellView/DayCellView.js.map +1 -1
- package/components/Calendar/DayCellView.styles/DayCellView.styles.js +2 -2
- package/components/Calendar/DayCellView.styles/DayCellView.styles.js.map +1 -1
- package/components/Calendar/DayCellView.styles.d.ts +1 -1
- package/components/Checkbox/Checkbox/Checkbox.js +56 -8
- package/components/Checkbox/Checkbox/Checkbox.js.map +1 -1
- package/components/Checkbox/Checkbox.d.ts +10 -0
- package/components/Checkbox/Checkbox.md +18 -0
- package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js +17 -0
- package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js.map +1 -0
- package/components/Checkbox/Checkbox.mixins/package.json +6 -0
- package/components/Checkbox/Checkbox.mixins.d.ts +2 -0
- package/components/Checkbox/Checkbox.styles/Checkbox.styles.js +39 -25
- package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map +1 -1
- package/components/Checkbox/Checkbox.styles.d.ts +6 -0
- package/components/ComboBox/ComboBox.md +5 -3
- package/components/CurrencyInput/CurrencyHelper/CurrencyHelper.js +32 -4
- package/components/CurrencyInput/CurrencyHelper/CurrencyHelper.js.map +1 -1
- package/components/CurrencyInput/CurrencyHelper.d.ts +2 -0
- package/components/DateInput/DateInput/DateInput.js +5 -1
- package/components/DateInput/DateInput/DateInput.js.map +1 -1
- package/components/DateInput/DateInput.d.ts +3 -0
- package/components/Dropdown/getDropdownTheme/getDropdownTheme.js +3 -1
- package/components/Dropdown/getDropdownTheme/getDropdownTheme.js.map +1 -1
- package/components/DropdownMenu/DropdownMenu/DropdownMenu.js +1 -0
- package/components/DropdownMenu/DropdownMenu/DropdownMenu.js.map +1 -1
- package/components/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/components/DropdownMenu/DropdownMenu.md +28 -0
- package/components/DropdownMenu/getDropdownMenuTheme/getDropdownMenuTheme.js +5 -1
- package/components/DropdownMenu/getDropdownMenuTheme/getDropdownMenuTheme.js.map +1 -1
- package/components/FileUploader/FileUploader.styles/FileUploader.styles.js +1 -1
- package/components/FileUploader/FileUploader.styles/FileUploader.styles.js.map +1 -1
- package/components/GlobalLoader/GlobalLoader/GlobalLoader.js +5 -1
- package/components/GlobalLoader/GlobalLoader/GlobalLoader.js.map +1 -1
- package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js +6 -2
- package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js.map +1 -1
- package/components/GlobalLoader/GlobalLoaderView.d.ts +2 -1
- package/components/Input/Input/Input.js +3 -1
- package/components/Input/Input/Input.js.map +1 -1
- package/components/Input/Input.d.ts +1 -5
- package/components/Input/Input.styles/Input.styles.js +2 -2
- package/components/Input/Input.styles/Input.styles.js.map +1 -1
- package/components/Kebab/Kebab/Kebab.js +4 -1
- package/components/Kebab/Kebab/Kebab.js.map +1 -1
- package/components/Kebab/Kebab.d.ts +1 -1
- package/components/Kebab/Kebab.md +28 -0
- package/components/Link/Link/Link.js +4 -4
- package/components/Link/Link/Link.js.map +1 -1
- package/components/Link/Link.mixins/Link.mixins.js +2 -5
- package/components/Link/Link.mixins/Link.mixins.js.map +1 -1
- package/components/Link/Link.mixins.d.ts +1 -2
- package/components/Link/Link.styles/Link.styles.js +29 -21
- package/components/Link/Link.styles/Link.styles.js.map +1 -1
- package/components/Link/Link.styles.d.ts +2 -0
- package/components/Modal/ModalFooter/ModalFooter.js +1 -1
- package/components/Modal/ModalFooter/ModalFooter.js.map +1 -1
- package/components/Modal/ModalHeader/ModalHeader.js +1 -1
- package/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
- package/components/Radio/Radio.styles/Radio.styles.js +2 -2
- package/components/Radio/Radio.styles/Radio.styles.js.map +1 -1
- package/components/ScrollContainer/ScrollContainer/ScrollContainer.js.map +1 -1
- package/components/ScrollContainer/ScrollContainer.d.ts +3 -2
- package/components/Select/Select/Select.js +15 -7
- package/components/Select/Select/Select.js.map +1 -1
- package/components/Select/Select.d.ts +7 -5
- package/components/Select/Select.styles/Select.styles.js +1 -1
- package/components/Select/Select.styles/Select.styles.js.map +1 -1
- package/components/Select/selectTheme/selectTheme.js +3 -1
- package/components/Select/selectTheme/selectTheme.js.map +1 -1
- package/components/Tabs/Tab/Tab.js +3 -3
- package/components/Tabs/Tab/Tab.js.map +1 -1
- package/components/Tabs/Tab.d.ts +1 -0
- package/components/Tabs/Tab.styles/Tab.styles.js +52 -23
- package/components/Tabs/Tab.styles/Tab.styles.js.map +1 -1
- package/components/Tabs/Tab.styles.d.ts +9 -3
- package/components/Tabs/Tabs/Tabs.js +11 -3
- package/components/Tabs/Tabs/Tabs.js.map +1 -1
- package/components/Tabs/Tabs.d.ts +8 -2
- package/components/Tabs/Tabs.md +32 -0
- package/components/Tabs/Tabs.styles/Tabs.styles.js +15 -4
- package/components/Tabs/Tabs.styles/Tabs.styles.js.map +1 -1
- package/components/Tabs/Tabs.styles.d.ts +3 -1
- package/components/Tabs/TabsContext/TabsContext.js +1 -0
- package/components/Tabs/TabsContext/TabsContext.js.map +1 -1
- package/components/Tabs/TabsContext.d.ts +2 -1
- package/components/Tabs/helpers/helpers.js +25 -0
- package/components/Tabs/helpers/helpers.js.map +1 -0
- package/components/Tabs/helpers/package.json +6 -0
- package/components/Tabs/helpers.d.ts +6 -0
- package/components/Textarea/Textarea.styles/Textarea.styles.js +1 -1
- package/components/Textarea/Textarea.styles/Textarea.styles.js.map +1 -1
- package/components/Toast/ToastView.styles/ToastView.styles.js +1 -1
- package/components/Toast/ToastView.styles/ToastView.styles.js.map +1 -1
- package/components/Toggle/Toggle/Toggle.js +112 -9
- package/components/Toggle/Toggle/Toggle.js.map +1 -1
- package/components/Toggle/Toggle.d.ts +11 -1
- package/components/Toggle/Toggle.md +16 -2
- package/components/Toggle/Toggle.mixins/Toggle.mixins.js +35 -0
- package/components/Toggle/Toggle.mixins/Toggle.mixins.js.map +1 -0
- package/components/Toggle/Toggle.mixins/package.json +6 -0
- package/components/Toggle/Toggle.mixins.d.ts +7 -0
- package/components/Toggle/Toggle.styles/Toggle.styles.js +85 -31
- package/components/Toggle/Toggle.styles/Toggle.styles.js.map +1 -1
- package/components/Toggle/Toggle.styles.d.ts +21 -1
- package/components/TokenInput/TokenInput/TokenInput.js +9 -3
- package/components/TokenInput/TokenInput/TokenInput.js.map +1 -1
- package/components/TokenInput/TokenInput.d.ts +2 -0
- package/components/TokenInput/TokenInput.md +26 -35
- package/components/TokenInput/TokenInput.styles/TokenInput.styles.js +1 -1
- package/components/TokenInput/TokenInput.styles/TokenInput.styles.js.map +1 -1
- package/components/TokenInput/TokenInputMenu/TokenInputMenu.js +1 -0
- package/components/TokenInput/TokenInputMenu/TokenInputMenu.js.map +1 -1
- package/components/TokenInput/TokenInputMenu.d.ts +7 -0
- package/components/TooltipMenu/TooltipMenu/TooltipMenu.js +7 -2
- package/components/TooltipMenu/TooltipMenu/TooltipMenu.js.map +1 -1
- package/components/TooltipMenu/TooltipMenu.d.ts +1 -1
- package/components/TooltipMenu/TooltipMenu.md +28 -0
- package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js +1 -1
- package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js.map +1 -1
- package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js +5 -0
- package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js.map +1 -1
- package/internal/CustomComboBox/ComboBoxMenu.d.ts +1 -0
- package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js +10 -3
- package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js.map +1 -1
- package/internal/CustomComboBox/ComboBoxView.d.ts +4 -0
- package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js +23 -20
- package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js.map +1 -1
- package/internal/DateSelect/DateSelect/DateSelect.js +2 -1
- package/internal/DateSelect/DateSelect/DateSelect.js.map +1 -1
- package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js +5 -2
- package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js.map +1 -1
- package/internal/DateSelect/DateSelect.styles.d.ts +3 -0
- package/internal/DropdownContainer/DropdownContainer/DropdownContainer.js +2 -0
- package/internal/DropdownContainer/DropdownContainer/DropdownContainer.js.map +1 -1
- package/internal/DropdownContainer/DropdownContainer.d.ts +3 -2
- package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js +5 -4
- package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js.map +1 -1
- package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.d.ts +1 -4
- package/internal/InputLikeText/InputLikeText/InputLikeText.js +20 -8
- package/internal/InputLikeText/InputLikeText/InputLikeText.js.map +1 -1
- package/internal/InputLikeText/InputLikeText.d.ts +1 -0
- package/internal/InternalMenu/InternalMenu/InternalMenu.js +11 -6
- package/internal/InternalMenu/InternalMenu/InternalMenu.js.map +1 -1
- package/internal/InternalMenu/InternalMenu.d.ts +13 -4
- package/internal/InternalMenu/InternalMenu.styles/InternalMenu.styles.js +10 -7
- package/internal/InternalMenu/InternalMenu.styles/InternalMenu.styles.js.map +1 -1
- package/internal/InternalMenu/InternalMenu.styles.d.ts +1 -0
- package/internal/InternalMenu/isIconPaddingEnabled/isIconPaddingEnabled.js +6 -0
- package/internal/InternalMenu/isIconPaddingEnabled/isIconPaddingEnabled.js.map +1 -0
- package/internal/InternalMenu/isIconPaddingEnabled/package.json +6 -0
- package/internal/InternalMenu/isIconPaddingEnabled.d.ts +2 -0
- package/internal/Menu/Menu/Menu.js +197 -42
- package/internal/Menu/Menu/Menu.js.map +1 -1
- package/internal/Menu/Menu.d.ts +42 -8
- package/internal/Menu/Menu.styles/Menu.styles.js +20 -5
- package/internal/Menu/Menu.styles/Menu.styles.js.map +1 -1
- package/internal/Menu/Menu.styles.d.ts +6 -1
- package/internal/MobilePopup/MobilePopup/MobilePopup.js +1 -0
- package/internal/MobilePopup/MobilePopup/MobilePopup.js.map +1 -1
- package/internal/MobilePopup/MobilePopup.d.ts +2 -2
- package/internal/Popup/Popup/Popup.js +9 -3
- package/internal/Popup/Popup/Popup.js.map +1 -1
- package/internal/Popup/Popup.d.ts +7 -2
- package/internal/PopupMenu/PopupMenu/PopupMenu.js +27 -5
- package/internal/PopupMenu/PopupMenu/PopupMenu.js.map +1 -1
- package/internal/PopupMenu/PopupMenu.d.ts +4 -1
- package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
- package/internal/themes/DefaultTheme/DefaultTheme.js +320 -88
- package/internal/themes/DefaultTheme/DefaultTheme.js.map +1 -1
- package/internal/themes/DefaultTheme.d.ts +114 -17
- package/internal/themes/Theme2022/Theme2022.js +59 -44
- package/internal/themes/Theme2022/Theme2022.js.map +1 -1
- package/internal/themes/Theme2022.d.ts +19 -3
- package/internal/themes/Theme2022Dark/Theme2022Dark.js +1 -18
- package/internal/themes/Theme2022Dark/Theme2022Dark.js.map +1 -1
- package/internal/themes/Theme2022Dark.d.ts +0 -4
- package/package.json +3 -3
- package/typings/html.d.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Theme2022Dark.ts"],"names":["Theme2022Dark","btnSuccessBg","btnSuccessHoverBg","btnSuccessActiveBg","btnPayBg","btnPayHoverBg","btnPayActiveBg","btnDangerBg","btnDangerHoverBg","btnDangerActiveBg","btnDisabledTextColor","ColorFunctions","fade","linkColor","linkSuccessColor","linkDangerColor","inputBorderColorFocus","inputDisabledBorderColor","inputBorderColor","inputTextColorDisabled","btnBorderColorFocus","checkboxCheckedBg","modalBg","borderColorFocus","outlineColorFocus","btnLinkColor","btnLinkHoverColor","btnLinkActiveColor","btnFocusShadowWidth","btnOutlineColorFocus","btnDefaultBg","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultActiveBg","btnDefaultBorderColor","btnDefaultTextColor","btnPrimaryBg","btnPrimaryHoverBg","btnPrimaryActiveBg","btnPrimaryTextColor","btnBacklessBg","btnBacklessHoverBg","btnBacklessActiveBg","btnBacklessBorderColor","btnBacklessHoverBorderColor","btnBacklessTextColor","btnTextBg","btnTextHoverBg","btnTextActiveBg","btnTextBorderColor","btnIconColor","btnIconHoverColor","btnWarningSecondary","btnErrorSecondary","btnTextHoverBorderColor","btnDisabledBg","btnDisabledBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedDisabledBg","btnCheckedDisabledColor","linkHoverColor","linkActiveColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerHoverColor","linkDangerActiveColor","linkGrayedColor","linkGrayedHoverColor","linkGrayedActiveColor","linkDisabledColor","inputBlinkColor","inputTextColor","inputBg","inputBackgroundClip","inputBorderColorHover","inputBorderColorWarning","inputBorderColorError","inputOutlineWidth","inputDisabledBg","inputDisabledBackgroundClip","menuBgDefault","menuItemTextColor","menuItemHoverBg","menuItemSelectedBg","menuItemCommentColor","menuItemCommentOpacity","menuSeparatorBorderColor","menuItemDisabledColor","tokenShadowDisabled","tokenBorderColorDisabled","tokenDefaultIdleColor","tokenDefaultIdleBg","tokenDefaultIdleBorderColor","tokenDefaultIdleColorHover","tokenDefaultIdleBgHover","tokenDefaultIdleBorderColorHover","tokenDefaultActiveColor","tokenDefaultActiveBg","tokenDefaultActiveBorderColor","fileUploaderBg","fileUploaderUploadButtonBg","fileUploaderHoveredBg","fileUploaderIconColor","fileUploaderLinkColor","fileUploaderAfterLinkColor","fileUploaderDisabledBorderColor","fileUploaderDragOverShadow","radioFocusShadow","radioDisabledBg","radioDisabledShadow","radioCheckedDisabledBulletBg","radioCheckedBgColor","radioCheckedBulletColor","radioCheckedBorderColor","checkboxCheckedColor","checkboxHoverBg","checkboxOutlineColorFocus","checkboxBgDisabled","checkboxShadowDisabled","toggleBaseBg","toggleHandleBoxShadowOld","toggleOutlineColorFocus","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleContainerBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleContainerBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBgCheckedHover","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","modalSeparatorBorderBottom","modalBackBg","modalBackOpacity","sidePageBgDefault","sidePageBackingBg","sidePageBackingBgOpacity","tabColorHover","toastBg","toastLinkBgHover","toastLinkBgActive","hintBgColor","tooltipBg","pagingPageLinkHoverBg","pagingPageLinkActiveBg","pagingForwardLinkColor","globalLoaderColor","dateInputComponentSelectedBgColor","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellSelectedBgColor","calendarCellSelectedFontColor","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","closeBtnIconColor","Theme2022DarkInternal","Object","setPrototypeOf","Theme2022Internal"],"mappings":"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,CA1ExBlD,a,CA4EGmD,Y,GAAe,2B,CA5ElBnD,a,CA6EGoD,iB,GAAoB,2B,CA7EvBpD,a,CAkFGqD,mB,GAAsB,uB,CAlFzBrD,a,CAmFGsD,iB,GAAoB,sB,CAnFvBtD,a,CAqFGuD,uB,GAA0B,a,CArF7BvD,a,CAsFGwD,a,GAAgB,2B,CAtFnBxD,a,CAuFGU,oB,GAAuB,2B,CAvF1BV,a,CAwFGyD,sB,GAAyB,a,CAxF5BzD,a,CA0FG0D,Y,GAAe,S,CA1FlB1D,a,CA2FG2D,mB,GAAsB,sB,CA3FzB3D,a,CA4FG4D,oB,GAAuB,sC,CA5F1B5D,a,CA6FG6D,uB,GAA0B,qB,CA7F7B7D,a,CAiGGa,S,GAAY,S,CAjGfb,a,CAkGG8D,c,GAAiB,S,CAlGpB9D,a,CAmGG+D,e,GAAkB,S,CAnGrB/D,a,CAwGGc,gB,GAAmB,S,CAxGtBd,a,CAyGGgE,qB,GAAwB,S,CAzG3BhE,a,CA0GGiE,sB,GAAyB,S,CA1G5BjE,a,CA+GGe,e,GAAkB,S,CA/GrBf,a,CAgHGkE,oB,GAAuB,S,CAhH1BlE,a,CAiHGmE,qB,GAAwB,S,CAjH3BnE,a,CAsHGoE,e,GAAkB,2B,CAtHrBpE,a,CAuHGqE,oB,GAAuB,S,CAvH1BrE,a,CAwHGsE,qB,GAAwB,S,CAxH3BtE,a,CA0HGuE,iB,GAAoB,2B,CA1HvBvE,a,CA8HGwE,e,GAAkB,S,CA9HrBxE,a,CA+HGyE,c,GAAiB,4B,CA/HpBzE,a,CAgIG0E,O,GAAU,0B,CAhIb1E,a,CAiIGkB,gB,GAAmB,2B,CAjItBlB,a,CAkIG2E,mB,GAAsB,Y,CAlIzB3E,a,CAmIG4E,qB,GAAwB,2B,CAnI3B5E,a,CAoIGgB,qB,GAAwB,wB,CApI3BhB,a,CAyIG6E,uB,GAA0B,uB,CAzI7B7E,a,CA0IG8E,qB,GAAwB,sB,CA1I3B9E,a,CA2IG+E,iB,GAAoB,K,CA3IvB/E,a,CA6IGmB,sB,GAAyB,2B,CA7I5BnB,a,CA8IGgF,e,GAAkB,2B,CA9IrBhF,a,CA+IGiB,wB,GAA2B,2B,CA/I9BjB,a,CAmJGiF,2B,GAA8B,Y,CAnJjCjF,a,CAsKGkF,a,GAAgB,S,CAtKnBlF,a,CAwKGmF,iB,GAAoB,2B,CAxKvBnF,a,CAyKGoF,e,GAAkB,0B,CAzKrBpF,a,CA0KGqF,kB,GAAqB,2B,CA1KxBrF,a,CA4KGsF,oB,GAAuB,2B,CA5K1BtF,a,CA6KGuF,sB,GAAyB,G,CA7K5BvF,a,CA+KGwF,wB,GAA2B,0B,CA/K9BxF,a,CAiLGyF,qB,GAAwB,2B,CAjL3BzF,a,CAqLG0F,mB,GAAsB,E,CArLzB1F,a,CAsLG2F,wB,GAA2B,a,CAtL9B3F,a,CAwLG4F,qB,GAAwB,4B,CAxL3B5F,a,CAyLG6F,kB,GAAqB,0B,CAzLxB7F,a,CA0LG8F,2B,GAA8B,2B,CA1LjC9F,a,CA2LG+F,0B,GAA6B,2B,CA3LhC/F,a,CA4LGgG,uB,GAA0B,2B,CA5L7BhG,a,CA6LGiG,gC,GAAmC,2B,CA7LtCjG,a,CA8LGkG,uB,GAA0B,qB,CA9L7BlG,a,CA+LGmG,oB,GAAuB,S,CA/L1BnG,a,CAgMGoG,6B,GAAgC,a,CAhMnCpG,a,CAoMGqG,c,GAAiB,M,CApMpBrG,a,CAqMGsG,0B,GAA6B,0B,CArMhCtG,a,CAsMGuG,qB,GAAwB,2B,CAtM3BvG,a,CAuMGwG,qB,GAAwB,2B,CAvM3BxG,a,CAwMGyG,qB,GAAwB,2B,CAxM3BzG,a,CAyMG0G,0B,GAA6B,2B,CAzMhC1G,a,CA0MG2G,+B,GAAkC,0B,CA1MrC3G,a,CA2MG4G,0B,GAA6B,yB,CA3MhC5G,a,CAkNG6G,gB,GAAmB,qC,CAlNtB7G,a,CAoNG8G,e,GAAkB,2B,CApNrB9G,a,CAqNG+G,mB,GAAsB,M,CArNzB/G,a,CAsNGgH,4B,GAA+B,2B,CAtNlChH,a,CAwNGiH,mB,GAAsB,S,CAxNzBjH,a,CAyNGkH,uB,GAA0B,qB,CAzN7BlH,a,CA0NGmH,uB,GAA0B,a,CA1N7BnH,a,CA8NGqB,iB,GAAoB,S,CA9NvBrB,a,CA+NGoH,oB,GAAuB,qB,CA/N1BpH,a,CAgOGqH,e,GAAkB,2B,CAhOrBrH,a,CAoOGsH,yB,GAA4B,qB,CApO/BtH,a,CAqOGuH,kB,GAAqB,2B,CArOxBvH,a,CAsOGwH,sB,GAAyB,M,CAtO5BxH,a,CA0OGyH,Y,GAAe,M,CA1OlBzH,a,CA2OG0H,wB,GAA2B,M,CA3O9B1H,a,CA4OG2H,uB,GAA0B,S,CA5O7B3H,a,CA+OG4H,iB,GAAoB,0B,CA/OvB5H,a,CAgPG6H,wB,GAA2B,2C,CAhP9B7H,a,CAiPG8H,c,GAAiB,2B,CAjPpB9H,a,CAkPG+H,qB,GAAwB,2C,CAlP3B/H,a,CAqPGgI,sB,GAAyB,2B,CArP5BhI,a,CAsPGiI,6B,GAAgC,2C,CAtPnCjI,a,CAuPGkI,mB,GAAsB,2B,CAvPzBlI,a,CAwPGmI,0B,GAA6B,2C,CAxPhCnI,a,CA2PGoI,wB,GAA2B,0B,CA3P9BpI,a,CA4PGqI,+B,GAAkC,2C,CA5PrCrI,a,CA6PGsI,qB,GAAwB,S,CA7P3BtI,a,CA8PGuI,4B,GAA+B,M,CA9PlCvI,a,CAiQGwI,6B,GAAgC,2B,CAjQnCxI,a,CAkQGyI,oC,GAAuC,2C,CAlQ1CzI,a,CAmQG0I,0B,GAA6B,S,CAnQhC1I,a,CAoQG2I,iC,GAAoC,M,CApQvC3I,a,CAuQG4I,yB,GAA4B,2B,CAvQ/B5I,a,CAwQG6I,gC,GAAmC,M,CAxQtC7I,a,CAyQG8I,sB,GAAyB,qB,CAzQ5B9I,a,CA0QG+I,6B,GAAgC,M,CA1QnC/I,a,CA6QGgJ,gC,GAAmC,2B,CA7QtChJ,a,CA8QGiJ,uC,GAA0C,M,CA9Q7CjJ,a,CA+QGkJ,6B,GAAgC,qB,CA/QnClJ,a,CAgRGmJ,oC,GAAuC,M,CAhR1CnJ,a,CAqRGsB,O,GAAU,M,CArRbtB,a,CAyRGoJ,0B,GAA6B,oC,CAzRhCpJ,a,CA0RGqJ,W,GAAc,M,CA1RjBrJ,a,CA2RGsJ,gB,GAAmB,K,CA3RtBtJ,a,CA+RGuJ,iB,GAAoB,M,CA/RvBvJ,a,CAgSGwJ,iB,GAAoB,M,CAhSvBxJ,a,CAiSGyJ,wB,GAA2B,K,CAjS9BzJ,a,CAqSG0J,a,GAAgB,2B,CArSnB1J,a,CAySG2J,O,GAAU,wB,CAzSb3J,a,CA0SG4J,gB,GAAmB,2B,CA1StB5J,a,CA2SG6J,iB,GAAoB,E,CA3SvB7J,a,CA+SG8J,W,GAAc,wB,CA/SjB9J,a,CAmTG+J,S,GAAY,S,CAnTf/J,a,CAuTGgK,qB,GAAwB,2B,CAvT3BhK,a,CAwTGiK,sB,GAAyB,0B,CAxT5BjK,a,CAyTGkK,sB,GAAyB,2B,CAzT5BlK,a,CA6TGmK,iB,GAAoB,sB,CA7TvBnK,a,CAiUGoK,iC,GAAoC,2B,CAjUvCpK,a,CAqUGqK,wB,GAA2B,2B,CArU9BrK,a,CAsUGsK,sB,GAAyB,2B,CAtU5BtK,a,CAuUGuK,2B,GAA8B,0B,CAvUjCvK,a,CAwUGwK,6B,GAAgC,2B,CAxUnCxK,a,CA4UGyK,0B,GAA6B,2B,CA5UhCzK,a,CA6UG0K,4B,GAA+B,0B,CA7UlC1K,a,CAiVG2K,iB,GAAoB,2B;;AAI7B,IAAMC,qBAAqB,GAAGC,MAAM,CAACC,cAAP;AACnC,iCAAc9K,aAAd,CADmC;AAEnC+K,wBAFmC,CAA9B,C","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\n\nimport { Theme2022Internal } from './Theme2022';\n\nexport class Theme2022Dark extends (class {} as typeof Theme2022Internal) {\n public static borderColorFocus = '#EBEBEB';\n public static outlineColorFocus = '#EBEBEB';\n\n //#region Button\n public static btnLinkColor = '#ddd';\n public static btnLinkHoverColor = '#eee';\n public static btnLinkActiveColor = '#fff';\n\n public static btnFocusShadowWidth = '2px';\n public static btnOutlineColorFocus = '#1f1f1f';\n\n public static btnDefaultBg = 'rgba(255, 255, 255, 0.1)';\n public static btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';\n public static btnDefaultHoverBgStart = 'none';\n public static btnDefaultHoverBgEnd = 'none';\n public static btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';\n public static btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';\n public static btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';\n\n public static btnPrimaryBg = '#EBEBEB';\n public static btnPrimaryHoverBg = '#FFFFFF';\n public static btnPrimaryActiveBg = '#C2C2C2';\n public static btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';\n\n public static btnSuccessBg = '#5F9C20';\n public static btnSuccessHoverBg = '#6CAD26';\n public static btnSuccessActiveBg = '#477916';\n public static get btnSuccessBorderColor() {\n return this.btnSuccessBg;\n }\n public static get btnSuccessHoverBorderColor() {\n return this.btnSuccessHoverBg;\n }\n public static get btnSuccessActiveBorderColor() {\n return this.btnSuccessActiveBg;\n }\n\n public static btnPayBg = '#FCB73E';\n public static btnPayHoverBg = '#FCC660';\n public static btnPayActiveBg = '#F69912';\n public static get btnPayBorderColor() {\n return this.btnPayBg;\n }\n public static get btnPayHoverBorderColor() {\n return this.btnPayHoverBg;\n }\n public static get btnPayActiveBorderColor() {\n return this.btnPayActiveBg;\n }\n\n public static btnDangerBg = '#EE5042';\n public static btnDangerHoverBg = '#FF5A49';\n public static btnDangerActiveBg = '#CB3D35';\n public static get btnDangerBorderColor() {\n return this.btnDangerBg;\n }\n public static get btnDangerHoverBorderColor() {\n return this.btnDangerHoverBg;\n }\n public static get btnDangerActiveBorderColor() {\n return this.btnDangerActiveBg;\n }\n\n public static btnBacklessBg = 'transparent !important';\n public static btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1) !important';\n public static btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06) !important';\n public static btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16) !important';\n public static btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';\n public static btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';\n\n public static btnTextBg = 'transparent';\n public static btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';\n public static btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';\n public static btnTextBorderColor = 'transparent';\n\n public static btnIconColor = 'rgba(255, 255, 255, 0.54)';\n public static btnIconHoverColor = 'rgba(255, 255, 255, 0.87)';\n public static get btnIconDisabledColor() {\n return this.btnDisabledTextColor;\n }\n\n public static btnWarningSecondary = 'rgba(212, 100, 33, 1)';\n public static btnErrorSecondary = 'rgba(169, 42, 39, 1)';\n\n public static btnTextHoverBorderColor = 'transparent';\n public static btnDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static btnDisabledTextColor = 'rgba(255, 255, 255, 0.32)';\n public static btnDisabledBorderColor = 'transparent';\n\n public static btnCheckedBg = '#EBEBEB';\n public static btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';\n public static btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';\n public static btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)';\n //#endregion\n\n //#region Link\n public static linkColor = '#EBEBEB';\n public static linkHoverColor = '#ffffff';\n public static linkActiveColor = '#c2c2c2';\n public static get linkLineBorderBottomColor() {\n return ColorFunctions.fade(this.linkColor, 0.48);\n }\n\n public static linkSuccessColor = '#78BF2B';\n public static linkSuccessHoverColor = '#B9E96E';\n public static linkSuccessActiveColor = '#5F9C20';\n public static get linkLineBorderBottomColorSuccess() {\n return ColorFunctions.fade(this.linkSuccessColor, 0.48);\n }\n\n public static linkDangerColor = '#FF887B';\n public static linkDangerHoverColor = '#FF9D92';\n public static linkDangerActiveColor = '#EE5042';\n public static get linkLineBorderBottomColorDanger() {\n return ColorFunctions.fade(this.linkDangerColor, 0.48);\n }\n\n public static linkGrayedColor = 'rgba(255, 255, 255, 0.54)';\n public static linkGrayedHoverColor = '#FFFFFF';\n public static linkGrayedActiveColor = '#C2C2C2';\n\n public static linkDisabledColor = 'rgba(255, 255, 255, 0.48)';\n //#endregion Link\n\n //#region Input\n public static inputBlinkColor = '#EBEBEB';\n public static inputTextColor = 'rgba(255, 255, 255, 0.865)';\n public static inputBg = 'rgba(255, 255, 255, 0.1)';\n public static inputBorderColor = 'rgba(255, 255, 255, 0.06)';\n public static inputBackgroundClip = 'border-box';\n public static inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';\n public static inputBorderColorFocus = 'rgba(235, 235, 235, 1)';\n public static get inputFocusShadow() {\n return `0 0 0 1px ${this.inputBorderColorFocus}`;\n }\n\n public static inputBorderColorWarning = 'rgba(252, 183, 62, 1)';\n public static inputBorderColorError = 'rgba(238, 80, 66, 1)';\n public static inputOutlineWidth = '1px';\n\n public static inputTextColorDisabled = 'rgba(255, 255, 255, 0.32)';\n public static inputDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)';\n //#endregion Input\n\n //#region TokenInput\n public static inputDisabledBackgroundClip = 'border-box';\n //#endregion TokenInput\n\n //#region Textarea\n public static get textareaBorderColorFocus() {\n return this.inputBorderColorFocus;\n }\n public static get textareaDisabledBorderColor() {\n return this.inputDisabledBorderColor;\n }\n public static get textareaBorderColor() {\n return this.inputBorderColor;\n }\n public static get textareaTextColorDisabled() {\n return this.inputTextColorDisabled;\n }\n //#endregion Textarea\n\n //#region Menu\n public static menuBgDefault = '#333333';\n\n public static menuItemTextColor = 'rgba(255, 255, 255, 0.87)';\n public static menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';\n public static menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';\n\n public static menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';\n public static menuItemCommentOpacity = '1';\n\n public static menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)';\n\n public static menuItemDisabledColor = 'rgba(255, 255, 255, 0.32)';\n //#endregion Menu\n\n //#region Token\n public static tokenShadowDisabled = '';\n public static tokenBorderColorDisabled = 'transparent';\n\n public static tokenDefaultIdleColor = 'rgba(255, 255, 255, 0.865)';\n public static tokenDefaultIdleBg = 'rgba(255, 255, 255, 0.1)';\n public static tokenDefaultIdleBorderColor = 'rgba(255, 255, 255, 0.06)';\n public static tokenDefaultIdleColorHover = 'rgba(255, 255, 255, 0.87)';\n public static tokenDefaultIdleBgHover = 'rgba(255, 255, 255, 0.16)';\n public static tokenDefaultIdleBorderColorHover = 'rgba(255, 255, 255, 0.06)';\n public static tokenDefaultActiveColor = 'rgba(0, 0, 0, 0.87)';\n public static tokenDefaultActiveBg = '#EBEBEB';\n public static tokenDefaultActiveBorderColor = 'transparent';\n //#endregion Token\n\n //#region FileUploader\n public static fileUploaderBg = 'none';\n public static fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';\n public static fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';\n public static fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';\n public static fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';\n public static fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';\n public static fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';\n public static fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';\n public static get fileUploaderBorderColorFocus() {\n return this.btnBorderColorFocus;\n }\n //#endregion FileUploader\n\n //#region Radio\n public static radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';\n\n public static radioDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static radioDisabledShadow = 'none';\n public static radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';\n\n public static radioCheckedBgColor = '#FFFFFF';\n public static radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';\n public static radioCheckedBorderColor = 'transparent';\n //#endregion Radio\n\n //#region Checkbox\n public static checkboxCheckedBg = '#EBEBEB';\n public static checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';\n public static checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';\n public static get checkboxCheckedHoverBg() {\n return this.checkboxCheckedBg;\n }\n public static checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';\n public static checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';\n public static checkboxShadowDisabled = 'none';\n //#endregion\n\n //#region Toggle\n public static toggleBaseBg = 'none';\n public static toggleHandleBoxShadowOld = 'none';\n public static toggleOutlineColorFocus = '#1F1F1F';\n\n // idle\n public static toggleContainerBg = 'rgba(255, 255, 255, 0.1)';\n public static toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBg = 'rgba(255, 255, 255, 0.32)';\n public static toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n // idle :hover\n public static toggleContainerBgHover = 'rgba(255, 255, 255, 0.16)';\n public static toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';\n public static toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n // checked\n public static toggleContainerBgChecked = 'rgba(255, 255, 255, 0.1)';\n public static toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgChecked = '#EBEBEB';\n public static toggleHandleBoxShadowChecked = 'none';\n\n // checked :hover\n public static toggleContainerBgCheckedHover = 'rgba(255, 255, 255, 0.16)';\n public static toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgCheckedHover = '#FFFFFF';\n public static toggleHandleBoxShadowCheckedHover = 'none';\n\n // disabled\n public static toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';\n public static toggleContainerBoxShadowDisabled = 'none';\n public static toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';\n public static toggleHandleBoxShadowDisabled = 'none';\n\n // disabled checked\n public static toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';\n public static toggleContainerBoxShadowDisabledChecked = 'none';\n public static toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';\n public static toggleHandleBoxShadowDisabledChecked = 'none';\n\n //#endregion\n\n //#region Modal\n public static modalBg = '#222';\n public static get modalFixedHeaderBg() {\n return this.modalBg;\n }\n public static modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)';\n public static modalBackBg = '#000';\n public static modalBackOpacity = '0.7';\n //#endregion\n\n //#region SideMenu\n public static sidePageBgDefault = '#222';\n public static sidePageBackingBg = '#000';\n public static sidePageBackingBgOpacity = '0.7';\n //#endregion\n\n //#region Tab, Tabs\n public static tabColorHover = 'rgba(255, 255, 255, 0.16)';\n //#endregion\n\n //#region Toast\n public static toastBg = 'rgba(67, 67, 67, 0.92)';\n public static toastLinkBgHover = 'rgba(255, 255, 255, 0.16)';\n public static toastLinkBgActive = '';\n //#endregion\n\n //#region Hint\n public static hintBgColor = 'rgba(67, 67, 67, 0.92)';\n //#endregion\n\n //#region Tooltip\n public static tooltipBg = '#333333';\n //#endregion\n\n //#region Paging\n public static pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';\n public static pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';\n public static pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';\n //#endregion\n\n //#region GlobalLoader\n public static globalLoaderColor = 'rgba(238, 80, 66, 1)';\n //#endregion\n\n //#region DateInput\n public static dateInputComponentSelectedBgColor = 'rgba(255, 255, 255, 0.16)';\n //#endregion\n\n //#region Calendar\n public static calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';\n public static calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';\n public static calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';\n public static calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)';\n //#endregion\n\n //#region DateSelect\n public static dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';\n public static dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)';\n //#endregion\n\n //#region CloseIcon, CloseButtonIcon\n public static closeBtnIconColor = 'rgba(255, 255, 255, 0.32)';\n //#endregion\n}\n\nexport const Theme2022DarkInternal = Object.setPrototypeOf(\n exposeGetters(Theme2022Dark),\n Theme2022Internal,\n) as typeof Theme2022Dark;\n"]}
|
|
1
|
+
{"version":3,"sources":["Theme2022Dark.ts"],"names":["Theme2022Dark","btnSuccessBg","btnSuccessHoverBg","btnSuccessActiveBg","btnPayBg","btnPayHoverBg","btnPayActiveBg","btnDangerBg","btnDangerHoverBg","btnDangerActiveBg","btnDisabledTextColor","inputBorderColorFocus","inputDisabledBorderColor","inputBorderColor","inputTextColorDisabled","btnBorderColorFocus","checkboxCheckedBg","modalBg","borderColorFocus","outlineColorFocus","btnLinkColor","btnLinkHoverColor","btnLinkActiveColor","btnFocusShadowWidth","btnOutlineColorFocus","btnDefaultBg","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultActiveBg","btnDefaultBorderColor","btnDefaultTextColor","btnPrimaryBg","btnPrimaryHoverBg","btnPrimaryActiveBg","btnPrimaryTextColor","btnBacklessBg","btnBacklessHoverBg","btnBacklessActiveBg","btnBacklessBorderColor","btnBacklessHoverBorderColor","btnBacklessTextColor","btnTextBg","btnTextHoverBg","btnTextActiveBg","btnTextBorderColor","btnIconColor","btnIconHoverColor","btnWarningSecondary","btnErrorSecondary","btnDisabledBg","btnDisabledBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedDisabledBg","btnCheckedDisabledColor","linkColor","linkHoverColor","linkActiveColor","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","linkGrayedColor","linkGrayedHoverColor","linkGrayedActiveColor","linkDisabledColor","inputBlinkColor","inputTextColor","inputBg","inputBackgroundClip","inputBorderColorHover","inputBorderColorWarning","inputBorderColorError","inputOutlineWidth","inputDisabledBg","inputDisabledBackgroundClip","menuBgDefault","menuItemTextColor","menuItemHoverBg","menuItemSelectedBg","menuItemCommentColor","menuItemCommentOpacity","menuSeparatorBorderColor","menuItemDisabledColor","tokenShadowDisabled","tokenBorderColorDisabled","tokenDefaultIdleColor","tokenDefaultIdleBg","tokenDefaultIdleBorderColor","tokenDefaultIdleColorHover","tokenDefaultIdleBgHover","tokenDefaultIdleBorderColorHover","tokenDefaultActiveColor","tokenDefaultActiveBg","tokenDefaultActiveBorderColor","fileUploaderBg","fileUploaderUploadButtonBg","fileUploaderHoveredBg","fileUploaderIconColor","fileUploaderLinkColor","fileUploaderAfterLinkColor","fileUploaderDisabledBorderColor","fileUploaderDragOverShadow","radioFocusShadow","radioDisabledBg","radioDisabledShadow","radioCheckedDisabledBulletBg","radioCheckedBgColor","radioCheckedBulletColor","radioCheckedBorderColor","checkboxCheckedColor","checkboxHoverBg","checkboxOutlineColorFocus","checkboxBgDisabled","checkboxShadowDisabled","toggleBaseBg","toggleHandleBoxShadowOld","toggleOutlineColorFocus","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleContainerBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleContainerBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBgCheckedHover","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","modalSeparatorBorderBottom","modalBackBg","modalBackOpacity","sidePageBgDefault","sidePageBackingBg","sidePageBackingBgOpacity","tabColorHover","toastBg","toastLinkBgHover","toastLinkBgActive","hintBgColor","tooltipBg","pagingPageLinkHoverBg","pagingPageLinkActiveBg","pagingForwardLinkColor","globalLoaderColor","dateInputComponentSelectedBgColor","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellSelectedBgColor","calendarCellSelectedFontColor","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","closeBtnIconColor","Theme2022DarkInternal","Object","setPrototypeOf","Theme2022Internal"],"mappings":"mXAAA;;AAEA,oC;;AAEaA,a;;;;AAIX;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,mBAA0C;AACxC,aAAO,KAAKC,YAAZ;AACD,K;AACD,mBAA+C;AAC7C,aAAO,KAAKC,iBAAZ;AACD,K;AACD,mBAAgD;AAC9C,aAAO,KAAKC,kBAAZ;AACD,K;;;;;AAKD,mBAAsC;AACpC,aAAO,KAAKC,QAAZ;AACD,K;AACD,mBAA2C;AACzC,aAAO,KAAKC,aAAZ;AACD,K;AACD,mBAA4C;AAC1C,aAAO,KAAKC,cAAZ;AACD,K;;;;;AAKD,mBAAyC;AACvC,aAAO,KAAKC,WAAZ;AACD,K;AACD,mBAA8C;AAC5C,aAAO,KAAKC,gBAAZ;AACD,K;AACD,mBAA+C;AAC7C,aAAO,KAAKC,iBAAZ;AACD,K;;;;;;;;;;;;;;;;AAgBD,mBAAyC;AACvC,aAAO,KAAKC,oBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CD,mBAAqC;AACnC,4BAAoB,KAAKC,qBAAzB;AACD,K;;;;;;;;;;;;;AAaD;;AAEA;AACA,mBAA6C;AAC3C,aAAO,KAAKA,qBAAZ;AACD,K;AACD,mBAAgD;AAC9C,aAAO,KAAKC,wBAAZ;AACD,K;AACD,mBAAwC;AACtC,aAAO,KAAKC,gBAAZ;AACD,K;AACD,mBAA8C;AAC5C,aAAO,KAAKC,sBAAZ;AACD;AACD;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,mBAAiD;AAC/C,aAAO,KAAKC,mBAAZ;AACD;AACD;;AAEA;;;;;;;;;;;;;;;;AAgBA,mBAA2C;AACzC,aAAO,KAAKC,iBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDD,mBAAuC;AACrC,aAAO,KAAKC,OAAZ;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DD;qIAxUWjB,a,CACGkB,gB,GAAmB,S,CADtBlB,a,CAEGmB,iB,GAAoB,S,CAFvBnB,a,CAKGoB,Y,GAAe,M,CALlBpB,a,CAMGqB,iB,GAAoB,M,CANvBrB,a,CAOGsB,kB,GAAqB,M,CAPxBtB,a,CASGuB,mB,GAAsB,K,CATzBvB,a,CAUGwB,oB,GAAuB,S,CAV1BxB,a,CAYGyB,Y,GAAe,0B,CAZlBzB,a,CAaG0B,iB,GAAoB,2B,CAbvB1B,a,CAcG2B,sB,GAAyB,M,CAd5B3B,a,CAeG4B,oB,GAAuB,M,CAf1B5B,a,CAgBG6B,kB,GAAqB,0B,CAhBxB7B,a,CAiBG8B,qB,GAAwB,2B,CAjB3B9B,a,CAkBG+B,mB,GAAsB,2B,CAlBzB/B,a,CAoBGgC,Y,GAAe,S,CApBlBhC,a,CAqBGiC,iB,GAAoB,S,CArBvBjC,a,CAsBGkC,kB,GAAqB,S,CAtBxBlC,a,CAuBGmC,mB,GAAsB,sB,CAvBzBnC,a,CAyBGC,Y,GAAe,S,CAzBlBD,a,CA0BGE,iB,GAAoB,S,CA1BvBF,a,CA2BGG,kB,GAAqB,S,CA3BxBH,a,CAsCGI,Q,GAAW,S,CAtCdJ,a,CAuCGK,a,GAAgB,S,CAvCnBL,a,CAwCGM,c,GAAiB,S,CAxCpBN,a,CAmDGO,W,GAAc,S,CAnDjBP,a,CAoDGQ,gB,GAAmB,S,CApDtBR,a,CAqDGS,iB,GAAoB,S,CArDvBT,a,CAgEGoC,a,GAAgB,wB,CAhEnBpC,a,CAiEGqC,kB,GAAqB,qC,CAjExBrC,a,CAkEGsC,mB,GAAsB,sC,CAlEzBtC,a,CAmEGuC,sB,GAAyB,sC,CAnE5BvC,a,CAoEGwC,2B,GAA8B,0B,CApEjCxC,a,CAqEGyC,oB,GAAuB,2B,CArE1BzC,a,CAuEG0C,S,GAAY,a,CAvEf1C,a,CAwEG2C,c,GAAiB,0B,CAxEpB3C,a,CAyEG4C,e,GAAkB,2B,CAzErB5C,a,CA0EG6C,kB,GAAqB,a,CA1ExB7C,a,CA4EG8C,Y,GAAe,2B,CA5ElB9C,a,CA6EG+C,iB,GAAoB,2B,CA7EvB/C,a,CAkFGgD,mB,GAAsB,uB,CAlFzBhD,a,CAmFGiD,iB,GAAoB,sB,CAnFvBjD,a,CAqFGkD,a,GAAgB,2B,CArFnBlD,a,CAsFGU,oB,GAAuB,2B,CAtF1BV,a,CAuFGmD,sB,GAAyB,a,CAvF5BnD,a,CAyFGoD,Y,GAAe,S,CAzFlBpD,a,CA0FGqD,mB,GAAsB,sB,CA1FzBrD,a,CA2FGsD,oB,GAAuB,sC,CA3F1BtD,a,CA4FGuD,uB,GAA0B,qB,CA5F7BvD,a,CAgGGwD,S,GAAY,S,CAhGfxD,a,CAiGGyD,c,GAAiB,S,CAjGpBzD,a,CAkGG0D,e,GAAkB,S,CAlGrB1D,a,CAoGG2D,gB,GAAmB,S,CApGtB3D,a,CAqGG4D,qB,GAAwB,S,CArG3B5D,a,CAsGG6D,sB,GAAyB,S,CAtG5B7D,a,CAwGG8D,e,GAAkB,S,CAxGrB9D,a,CAyGG+D,oB,GAAuB,S,CAzG1B/D,a,CA0GGgE,qB,GAAwB,S,CA1G3BhE,a,CA4GGiE,e,GAAkB,2B,CA5GrBjE,a,CA6GGkE,oB,GAAuB,S,CA7G1BlE,a,CA8GGmE,qB,GAAwB,S,CA9G3BnE,a,CAgHGoE,iB,GAAoB,2B,CAhHvBpE,a,CAoHGqE,e,GAAkB,S,CApHrBrE,a,CAqHGsE,c,GAAiB,4B,CArHpBtE,a,CAsHGuE,O,GAAU,0B,CAtHbvE,a,CAuHGa,gB,GAAmB,2B,CAvHtBb,a,CAwHGwE,mB,GAAsB,Y,CAxHzBxE,a,CAyHGyE,qB,GAAwB,2B,CAzH3BzE,a,CA0HGW,qB,GAAwB,wB,CA1H3BX,a,CA+HG0E,uB,GAA0B,uB,CA/H7B1E,a,CAgIG2E,qB,GAAwB,sB,CAhI3B3E,a,CAiIG4E,iB,GAAoB,K,CAjIvB5E,a,CAmIGc,sB,GAAyB,2B,CAnI5Bd,a,CAoIG6E,e,GAAkB,2B,CApIrB7E,a,CAqIGY,wB,GAA2B,2B,CArI9BZ,a,CAyIG8E,2B,GAA8B,Y,CAzIjC9E,a,CA4JG+E,a,GAAgB,S,CA5JnB/E,a,CA8JGgF,iB,GAAoB,2B,CA9JvBhF,a,CA+JGiF,e,GAAkB,0B,CA/JrBjF,a,CAgKGkF,kB,GAAqB,2B,CAhKxBlF,a,CAkKGmF,oB,GAAuB,2B,CAlK1BnF,a,CAmKGoF,sB,GAAyB,G,CAnK5BpF,a,CAqKGqF,wB,GAA2B,0B,CArK9BrF,a,CAuKGsF,qB,GAAwB,2B,CAvK3BtF,a,CA2KGuF,mB,GAAsB,E,CA3KzBvF,a,CA4KGwF,wB,GAA2B,a,CA5K9BxF,a,CA8KGyF,qB,GAAwB,4B,CA9K3BzF,a,CA+KG0F,kB,GAAqB,0B,CA/KxB1F,a,CAgLG2F,2B,GAA8B,2B,CAhLjC3F,a,CAiLG4F,0B,GAA6B,2B,CAjLhC5F,a,CAkLG6F,uB,GAA0B,2B,CAlL7B7F,a,CAmLG8F,gC,GAAmC,2B,CAnLtC9F,a,CAoLG+F,uB,GAA0B,qB,CApL7B/F,a,CAqLGgG,oB,GAAuB,S,CArL1BhG,a,CAsLGiG,6B,GAAgC,a,CAtLnCjG,a,CA0LGkG,c,GAAiB,M,CA1LpBlG,a,CA2LGmG,0B,GAA6B,0B,CA3LhCnG,a,CA4LGoG,qB,GAAwB,2B,CA5L3BpG,a,CA6LGqG,qB,GAAwB,2B,CA7L3BrG,a,CA8LGsG,qB,GAAwB,2B,CA9L3BtG,a,CA+LGuG,0B,GAA6B,2B,CA/LhCvG,a,CAgMGwG,+B,GAAkC,0B,CAhMrCxG,a,CAiMGyG,0B,GAA6B,yB,CAjMhCzG,a,CAwMG0G,gB,GAAmB,qC,CAxMtB1G,a,CA0MG2G,e,GAAkB,2B,CA1MrB3G,a,CA2MG4G,mB,GAAsB,M,CA3MzB5G,a,CA4MG6G,4B,GAA+B,2B,CA5MlC7G,a,CA8MG8G,mB,GAAsB,S,CA9MzB9G,a,CA+MG+G,uB,GAA0B,qB,CA/M7B/G,a,CAgNGgH,uB,GAA0B,a,CAhN7BhH,a,CAoNGgB,iB,GAAoB,S,CApNvBhB,a,CAqNGiH,oB,GAAuB,qB,CArN1BjH,a,CAsNGkH,e,GAAkB,2B,CAtNrBlH,a,CA0NGmH,yB,GAA4B,qB,CA1N/BnH,a,CA2NGoH,kB,GAAqB,2B,CA3NxBpH,a,CA4NGqH,sB,GAAyB,M,CA5N5BrH,a,CAgOGsH,Y,GAAe,M,CAhOlBtH,a,CAiOGuH,wB,GAA2B,M,CAjO9BvH,a,CAkOGwH,uB,GAA0B,S,CAlO7BxH,a,CAqOGyH,iB,GAAoB,0B,CArOvBzH,a,CAsOG0H,wB,GAA2B,2C,CAtO9B1H,a,CAuOG2H,c,GAAiB,2B,CAvOpB3H,a,CAwOG4H,qB,GAAwB,2C,CAxO3B5H,a,CA2OG6H,sB,GAAyB,2B,CA3O5B7H,a,CA4OG8H,6B,GAAgC,2C,CA5OnC9H,a,CA6OG+H,mB,GAAsB,2B,CA7OzB/H,a,CA8OGgI,0B,GAA6B,2C,CA9OhChI,a,CAiPGiI,wB,GAA2B,0B,CAjP9BjI,a,CAkPGkI,+B,GAAkC,2C,CAlPrClI,a,CAmPGmI,qB,GAAwB,S,CAnP3BnI,a,CAoPGoI,4B,GAA+B,M,CApPlCpI,a,CAuPGqI,6B,GAAgC,2B,CAvPnCrI,a,CAwPGsI,oC,GAAuC,2C,CAxP1CtI,a,CAyPGuI,0B,GAA6B,S,CAzPhCvI,a,CA0PGwI,iC,GAAoC,M,CA1PvCxI,a,CA6PGyI,yB,GAA4B,2B,CA7P/BzI,a,CA8PG0I,gC,GAAmC,M,CA9PtC1I,a,CA+PG2I,sB,GAAyB,qB,CA/P5B3I,a,CAgQG4I,6B,GAAgC,M,CAhQnC5I,a,CAmQG6I,gC,GAAmC,2B,CAnQtC7I,a,CAoQG8I,uC,GAA0C,M,CApQ7C9I,a,CAqQG+I,6B,GAAgC,qB,CArQnC/I,a,CAsQGgJ,oC,GAAuC,M,CAtQ1ChJ,a,CA2QGiB,O,GAAU,M,CA3QbjB,a,CA+QGiJ,0B,GAA6B,oC,CA/QhCjJ,a,CAgRGkJ,W,GAAc,M,CAhRjBlJ,a,CAiRGmJ,gB,GAAmB,K,CAjRtBnJ,a,CAqRGoJ,iB,GAAoB,M,CArRvBpJ,a,CAsRGqJ,iB,GAAoB,M,CAtRvBrJ,a,CAuRGsJ,wB,GAA2B,K,CAvR9BtJ,a,CA2RGuJ,a,GAAgB,2B,CA3RnBvJ,a,CA+RGwJ,O,GAAU,wB,CA/RbxJ,a,CAgSGyJ,gB,GAAmB,2B,CAhStBzJ,a,CAiSG0J,iB,GAAoB,E,CAjSvB1J,a,CAqSG2J,W,GAAc,wB,CArSjB3J,a,CAySG4J,S,GAAY,S,CAzSf5J,a,CA6SG6J,qB,GAAwB,2B,CA7S3B7J,a,CA8SG8J,sB,GAAyB,0B,CA9S5B9J,a,CA+SG+J,sB,GAAyB,2B,CA/S5B/J,a,CAmTGgK,iB,GAAoB,sB,CAnTvBhK,a,CAuTGiK,iC,GAAoC,E,CAvTvCjK,a,CA2TGkK,wB,GAA2B,2B,CA3T9BlK,a,CA4TGmK,sB,GAAyB,2B,CA5T5BnK,a,CA6TGoK,2B,GAA8B,0B,CA7TjCpK,a,CA8TGqK,6B,GAAgC,2B,CA9TnCrK,a,CAkUGsK,0B,GAA6B,2B,CAlUhCtK,a,CAmUGuK,4B,GAA+B,0B,CAnUlCvK,a,CAuUGwK,iB,GAAoB,2B;;AAI7B,IAAMC,qBAAqB,GAAGC,MAAM,CAACC,cAAP;AACnC,iCAAc3K,aAAd,CADmC;AAEnC4K,wBAFmC,CAA9B,C","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { Theme2022Internal } from './Theme2022';\n\nexport class Theme2022Dark extends (class {} as typeof Theme2022Internal) {\n public static borderColorFocus = '#EBEBEB';\n public static outlineColorFocus = '#EBEBEB';\n\n //#region Button\n public static btnLinkColor = '#ddd';\n public static btnLinkHoverColor = '#eee';\n public static btnLinkActiveColor = '#fff';\n\n public static btnFocusShadowWidth = '2px';\n public static btnOutlineColorFocus = '#1f1f1f';\n\n public static btnDefaultBg = 'rgba(255, 255, 255, 0.1)';\n public static btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';\n public static btnDefaultHoverBgStart = 'none';\n public static btnDefaultHoverBgEnd = 'none';\n public static btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';\n public static btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';\n public static btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';\n\n public static btnPrimaryBg = '#EBEBEB';\n public static btnPrimaryHoverBg = '#FFFFFF';\n public static btnPrimaryActiveBg = '#C2C2C2';\n public static btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';\n\n public static btnSuccessBg = '#5F9C20';\n public static btnSuccessHoverBg = '#6CAD26';\n public static btnSuccessActiveBg = '#477916';\n public static get btnSuccessBorderColor() {\n return this.btnSuccessBg;\n }\n public static get btnSuccessHoverBorderColor() {\n return this.btnSuccessHoverBg;\n }\n public static get btnSuccessActiveBorderColor() {\n return this.btnSuccessActiveBg;\n }\n\n public static btnPayBg = '#FCB73E';\n public static btnPayHoverBg = '#FCC660';\n public static btnPayActiveBg = '#F69912';\n public static get btnPayBorderColor() {\n return this.btnPayBg;\n }\n public static get btnPayHoverBorderColor() {\n return this.btnPayHoverBg;\n }\n public static get btnPayActiveBorderColor() {\n return this.btnPayActiveBg;\n }\n\n public static btnDangerBg = '#EE5042';\n public static btnDangerHoverBg = '#FF5A49';\n public static btnDangerActiveBg = '#CB3D35';\n public static get btnDangerBorderColor() {\n return this.btnDangerBg;\n }\n public static get btnDangerHoverBorderColor() {\n return this.btnDangerHoverBg;\n }\n public static get btnDangerActiveBorderColor() {\n return this.btnDangerActiveBg;\n }\n\n public static btnBacklessBg = 'transparent !important';\n public static btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1) !important';\n public static btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06) !important';\n public static btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16) !important';\n public static btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';\n public static btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';\n\n public static btnTextBg = 'transparent';\n public static btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';\n public static btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';\n public static btnTextBorderColor = 'transparent';\n\n public static btnIconColor = 'rgba(255, 255, 255, 0.54)';\n public static btnIconHoverColor = 'rgba(255, 255, 255, 0.87)';\n public static get btnIconDisabledColor() {\n return this.btnDisabledTextColor;\n }\n\n public static btnWarningSecondary = 'rgba(212, 100, 33, 1)';\n public static btnErrorSecondary = 'rgba(169, 42, 39, 1)';\n\n public static btnDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static btnDisabledTextColor = 'rgba(255, 255, 255, 0.32)';\n public static btnDisabledBorderColor = 'transparent';\n\n public static btnCheckedBg = '#EBEBEB';\n public static btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';\n public static btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';\n public static btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)';\n //#endregion\n\n //#region Link\n public static linkColor = '#EBEBEB';\n public static linkHoverColor = '#ffffff';\n public static linkActiveColor = '#c2c2c2';\n\n public static linkSuccessColor = '#78BF2B';\n public static linkSuccessHoverColor = '#B9E96E';\n public static linkSuccessActiveColor = '#5F9C20';\n\n public static linkDangerColor = '#FF887B';\n public static linkDangerHoverColor = '#FF9D92';\n public static linkDangerActiveColor = '#EE5042';\n\n public static linkGrayedColor = 'rgba(255, 255, 255, 0.54)';\n public static linkGrayedHoverColor = '#FFFFFF';\n public static linkGrayedActiveColor = '#C2C2C2';\n\n public static linkDisabledColor = 'rgba(255, 255, 255, 0.48)';\n //#endregion Link\n\n //#region Input\n public static inputBlinkColor = '#EBEBEB';\n public static inputTextColor = 'rgba(255, 255, 255, 0.865)';\n public static inputBg = 'rgba(255, 255, 255, 0.1)';\n public static inputBorderColor = 'rgba(255, 255, 255, 0.06)';\n public static inputBackgroundClip = 'border-box';\n public static inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';\n public static inputBorderColorFocus = 'rgba(235, 235, 235, 1)';\n public static get inputFocusShadow() {\n return `0 0 0 1px ${this.inputBorderColorFocus}`;\n }\n\n public static inputBorderColorWarning = 'rgba(252, 183, 62, 1)';\n public static inputBorderColorError = 'rgba(238, 80, 66, 1)';\n public static inputOutlineWidth = '1px';\n\n public static inputTextColorDisabled = 'rgba(255, 255, 255, 0.32)';\n public static inputDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)';\n //#endregion Input\n\n //#region TokenInput\n public static inputDisabledBackgroundClip = 'border-box';\n //#endregion TokenInput\n\n //#region Textarea\n public static get textareaBorderColorFocus() {\n return this.inputBorderColorFocus;\n }\n public static get textareaDisabledBorderColor() {\n return this.inputDisabledBorderColor;\n }\n public static get textareaBorderColor() {\n return this.inputBorderColor;\n }\n public static get textareaTextColorDisabled() {\n return this.inputTextColorDisabled;\n }\n //#endregion Textarea\n\n //#region Menu\n public static menuBgDefault = '#333333';\n\n public static menuItemTextColor = 'rgba(255, 255, 255, 0.87)';\n public static menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';\n public static menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';\n\n public static menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';\n public static menuItemCommentOpacity = '1';\n\n public static menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)';\n\n public static menuItemDisabledColor = 'rgba(255, 255, 255, 0.32)';\n //#endregion Menu\n\n //#region Token\n public static tokenShadowDisabled = '';\n public static tokenBorderColorDisabled = 'transparent';\n\n public static tokenDefaultIdleColor = 'rgba(255, 255, 255, 0.865)';\n public static tokenDefaultIdleBg = 'rgba(255, 255, 255, 0.1)';\n public static tokenDefaultIdleBorderColor = 'rgba(255, 255, 255, 0.06)';\n public static tokenDefaultIdleColorHover = 'rgba(255, 255, 255, 0.87)';\n public static tokenDefaultIdleBgHover = 'rgba(255, 255, 255, 0.16)';\n public static tokenDefaultIdleBorderColorHover = 'rgba(255, 255, 255, 0.06)';\n public static tokenDefaultActiveColor = 'rgba(0, 0, 0, 0.87)';\n public static tokenDefaultActiveBg = '#EBEBEB';\n public static tokenDefaultActiveBorderColor = 'transparent';\n //#endregion Token\n\n //#region FileUploader\n public static fileUploaderBg = 'none';\n public static fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';\n public static fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';\n public static fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';\n public static fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';\n public static fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';\n public static fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';\n public static fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';\n public static get fileUploaderBorderColorFocus() {\n return this.btnBorderColorFocus;\n }\n //#endregion FileUploader\n\n //#region Radio\n public static radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';\n\n public static radioDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static radioDisabledShadow = 'none';\n public static radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';\n\n public static radioCheckedBgColor = '#FFFFFF';\n public static radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';\n public static radioCheckedBorderColor = 'transparent';\n //#endregion Radio\n\n //#region Checkbox\n public static checkboxCheckedBg = '#EBEBEB';\n public static checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';\n public static checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';\n public static get checkboxCheckedHoverBg() {\n return this.checkboxCheckedBg;\n }\n public static checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';\n public static checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';\n public static checkboxShadowDisabled = 'none';\n //#endregion\n\n //#region Toggle\n public static toggleBaseBg = 'none';\n public static toggleHandleBoxShadowOld = 'none';\n public static toggleOutlineColorFocus = '#1F1F1F';\n\n // idle\n public static toggleContainerBg = 'rgba(255, 255, 255, 0.1)';\n public static toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBg = 'rgba(255, 255, 255, 0.32)';\n public static toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n // idle :hover\n public static toggleContainerBgHover = 'rgba(255, 255, 255, 0.16)';\n public static toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';\n public static toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n // checked\n public static toggleContainerBgChecked = 'rgba(255, 255, 255, 0.1)';\n public static toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgChecked = '#EBEBEB';\n public static toggleHandleBoxShadowChecked = 'none';\n\n // checked :hover\n public static toggleContainerBgCheckedHover = 'rgba(255, 255, 255, 0.16)';\n public static toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgCheckedHover = '#FFFFFF';\n public static toggleHandleBoxShadowCheckedHover = 'none';\n\n // disabled\n public static toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';\n public static toggleContainerBoxShadowDisabled = 'none';\n public static toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';\n public static toggleHandleBoxShadowDisabled = 'none';\n\n // disabled checked\n public static toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';\n public static toggleContainerBoxShadowDisabledChecked = 'none';\n public static toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';\n public static toggleHandleBoxShadowDisabledChecked = 'none';\n\n //#endregion\n\n //#region Modal\n public static modalBg = '#222';\n public static get modalFixedHeaderBg() {\n return this.modalBg;\n }\n public static modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)';\n public static modalBackBg = '#000';\n public static modalBackOpacity = '0.7';\n //#endregion\n\n //#region SideMenu\n public static sidePageBgDefault = '#222';\n public static sidePageBackingBg = '#000';\n public static sidePageBackingBgOpacity = '0.7';\n //#endregion\n\n //#region Tab, Tabs\n public static tabColorHover = 'rgba(255, 255, 255, 0.16)';\n //#endregion\n\n //#region Toast\n public static toastBg = 'rgba(67, 67, 67, 0.92)';\n public static toastLinkBgHover = 'rgba(255, 255, 255, 0.16)';\n public static toastLinkBgActive = '';\n //#endregion\n\n //#region Hint\n public static hintBgColor = 'rgba(67, 67, 67, 0.92)';\n //#endregion\n\n //#region Tooltip\n public static tooltipBg = '#333333';\n //#endregion\n\n //#region Paging\n public static pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';\n public static pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';\n public static pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';\n //#endregion\n\n //#region GlobalLoader\n public static globalLoaderColor = 'rgba(238, 80, 66, 1)';\n //#endregion\n\n //#region DateInput\n public static dateInputComponentSelectedBgColor = ''; // will apply native selection bg color\n //#endregion\n\n //#region Calendar\n public static calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';\n public static calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';\n public static calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';\n public static calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)';\n //#endregion\n\n //#region DateSelect\n public static dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';\n public static dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)';\n //#endregion\n\n //#region CloseIcon, CloseButtonIcon\n public static closeBtnIconColor = 'rgba(255, 255, 255, 0.32)';\n //#endregion\n}\n\nexport const Theme2022DarkInternal = Object.setPrototypeOf(\n exposeGetters(Theme2022Dark),\n Theme2022Internal,\n) as typeof Theme2022Dark;\n"]}
|
package/cjs/typings/html.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ import React from 'react';
|
|
|
3
3
|
export interface HTMLProps {
|
|
4
4
|
a: React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
5
5
|
abbr: React.HTMLAttributes<HTMLElement>;
|
|
6
|
-
div: React.HTMLAttributes<HTMLDivElement>;
|
|
7
6
|
address: React.HTMLAttributes<HTMLElement>;
|
|
8
7
|
area: React.AreaHTMLAttributes<HTMLAreaElement>;
|
|
9
8
|
article: React.HTMLAttributes<HTMLElement>;
|
|
@@ -13,7 +13,7 @@ import React from 'react';
|
|
|
13
13
|
import PropTypes from 'prop-types';
|
|
14
14
|
import { MenuMessage } from "../../../internal/MenuMessage";
|
|
15
15
|
import { locale } from "../../../lib/locale/decorators";
|
|
16
|
-
import { isNullable } from "../../../lib/utils";
|
|
16
|
+
import { getRandomID, isNullable } from "../../../lib/utils";
|
|
17
17
|
import { ThemeContext } from "../../../lib/theming/ThemeContext";
|
|
18
18
|
import { isKeyArrowDown, isKeyArrowUp, isKeyEnter, isKeyEscape } from "../../../lib/events/keyboard/identifiers";
|
|
19
19
|
import { Input } from "../../Input";
|
|
@@ -49,7 +49,11 @@ function renderItem(item) {
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
export var AutocompleteDataTids = {
|
|
52
|
-
root: 'Autocomplete__root'
|
|
52
|
+
root: 'Autocomplete__root',
|
|
53
|
+
menu: 'Autocomplete__menu'
|
|
54
|
+
};
|
|
55
|
+
export var AutocompleteIds = {
|
|
56
|
+
menu: AutocompleteDataTids.menu
|
|
53
57
|
};
|
|
54
58
|
export
|
|
55
59
|
/**
|
|
@@ -76,6 +80,7 @@ var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), res
|
|
|
76
80
|
};
|
|
77
81
|
_this.opened = false;
|
|
78
82
|
_this.input = null;
|
|
83
|
+
_this.menuId = AutocompleteIds.menu + getRandomID();
|
|
79
84
|
_this.requestId = 0;
|
|
80
85
|
_this.getProps = createPropsGetter(Autocomplete.defaultProps);
|
|
81
86
|
|
|
@@ -118,7 +123,9 @@ var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), res
|
|
|
118
123
|
width: width
|
|
119
124
|
},
|
|
120
125
|
ref: _this.refRootSpan
|
|
121
|
-
}, /*#__PURE__*/React.createElement(Input,
|
|
126
|
+
}, /*#__PURE__*/React.createElement(Input, _extends({
|
|
127
|
+
"aria-controls": _this.menuId
|
|
128
|
+
}, inputProps)), isMobile ? _this.renderMobileMenu() : _this.renderMenu()));
|
|
122
129
|
};
|
|
123
130
|
|
|
124
131
|
_this.renderMobileMenu = function () {
|
|
@@ -134,6 +141,7 @@ var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), res
|
|
|
134
141
|
};
|
|
135
142
|
var items = _this.state.items;
|
|
136
143
|
return /*#__PURE__*/React.createElement(MobilePopup, {
|
|
144
|
+
id: _this.menuId,
|
|
137
145
|
headerChildComponent: /*#__PURE__*/React.createElement(Input, inputProps),
|
|
138
146
|
caption: _this.props.mobileMenuHeaderText,
|
|
139
147
|
opened: _this.state.isMobileOpened,
|
|
@@ -377,6 +385,8 @@ var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), res
|
|
|
377
385
|
}
|
|
378
386
|
|
|
379
387
|
return /*#__PURE__*/React.createElement(DropdownContainer, {
|
|
388
|
+
id: this.menuId,
|
|
389
|
+
"data-tid": AutocompleteDataTids.menu,
|
|
380
390
|
getParent: this.getAnchor,
|
|
381
391
|
align: menuAlign,
|
|
382
392
|
disablePortal: disablePortal,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Autocomplete.tsx"],"names":["React","PropTypes","MenuMessage","locale","isNullable","ThemeContext","isKeyArrowDown","isKeyArrowUp","isKeyEnter","isKeyEscape","Input","DropdownContainer","Menu","MenuItem","RenderLayer","createPropsGetter","fixClickFocusIE","CommonWrapper","MobilePopup","responsiveLayout","getRootNode","rootNode","getDOMRect","styles","AutocompleteLocaleHelper","getAutocompleteTheme","match","pattern","items","Promise","resolve","lowerCasedPattern","toLowerCase","itemsMatchingPattern","filter","item","includes","renderItem","AutocompleteDataTids","root","Autocomplete","state","selected","focused","isMobileOpened","opened","input","requestId","getProps","defaultProps","renderMain","props","isMobile","isMobileLayout","onValueChange","onKeyDown","onFocus","onBlur","_renderItem","disablePortal","hasShadow","menuAlign","menuMaxHeight","preventWindowScroll","source","width","theme","inputWidth","mobileMenuHeaderText","rest","inputProps","handleValueChange","handleKeyDown","handleFocus","ref","refInput","handleBlur","handleClickOutside","refRootSpan","renderMobileMenu","renderMenu","autoFocus","onKeyPress","handleKeyPressMobile","value","placeholder","enterValue","handleCloseMobile","refMobilePopup","refMenu","mobilePopup","close","length","getItems","renderHints","map","i","handleMenuItemClick","fireChange","setState","e","key","event","blur","preventDefault","menu","up","down","enter","getAnchor","el","span","rootSpan","focus","componentDidUpdate","prevProps","updateItems","render","setRootNode","notFound","updateValue","menuWidth","menuPos","menuProps","maxHeight","handleItemClick","index","button","choose","trim","promise","expectingId","then","Component","__KONTUR_REACT_UI__","propTypes","func","oneOfType","array","size"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { KeyboardEvent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MenuMessage } from '../../internal/MenuMessage';\nimport { locale } from '../../lib/locale/decorators';\nimport { isNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { Input, InputProps } from '../Input';\nimport { DropdownContainer, DropdownContainerProps } from '../../internal/DropdownContainer';\nimport { Menu } from '../../internal/Menu';\nimport { MenuItem } from '../MenuItem';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { styles } from './Autocomplete.styles';\nimport { AutocompleteLocale, AutocompleteLocaleHelper } from './locale';\nimport { getAutocompleteTheme } from './getAutocompleteTheme';\n\nfunction match(pattern: string, items: string[]) {\n if (!pattern || !items) {\n return Promise.resolve([]);\n }\n\n const lowerCasedPattern = pattern.toLowerCase();\n const itemsMatchingPattern = items.filter((item) => {\n return item.toLowerCase().includes(lowerCasedPattern);\n });\n\n return Promise.resolve(itemsMatchingPattern);\n}\n\nfunction renderItem(item: any) {\n return item;\n}\n\nexport interface AutocompleteProps\n extends CommonProps,\n Pick<DropdownContainerProps, 'menuPos'>,\n Override<\n InputProps,\n {\n /** Функция отрисовки элемента меню */\n renderItem?: (item: string) => React.ReactNode;\n /** Промис, резолвящий элементы меню */\n source?: string[] | ((patter: string) => Promise<string[]>);\n /** Отключает использование портала */\n disablePortal?: boolean;\n /** Отрисовка тени у выпадающего меню */\n hasShadow?: boolean;\n /** Выравнивание выпадающего меню */\n menuAlign?: 'left' | 'right';\n /** Максимальная высота меню */\n menuMaxHeight?: number | string;\n /** Ширина меню */\n menuWidth?: number | string;\n /** Отключить скролл окна, когда меню открыто */\n preventWindowScroll?: boolean;\n /** Вызывается при изменении `value` */\n onValueChange: (value: string) => void;\n /** onBlur */\n onBlur?: () => void;\n /** Размер инпута */\n size?: InputProps['size'];\n /** value */\n value: string;\n /**\n * Текст заголовка выпадающего меню в мобильной версии\n */\n mobileMenuHeaderText?: string;\n }\n > {}\n\nexport interface AutocompleteState {\n items: Nullable<string[]>;\n selected: number;\n focused: boolean;\n isMobileOpened: boolean;\n}\n\nexport const AutocompleteDataTids = {\n root: 'Autocomplete__root',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n AutocompleteProps,\n 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'menuAlign' | 'preventWindowScroll'\n >\n>;\n\n/**\n * Стандартный инпут с подсказками.\n *\n * Все свойства передаются во внутренний *Input*.\n */\n@responsiveLayout\n@rootNode\n@locale('Autocomplete', AutocompleteLocaleHelper)\nexport class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {\n public static __KONTUR_REACT_UI__ = 'Autocomplete';\n\n public static propTypes = {\n /**\n * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент\n * — *item*.\n */\n renderItem: PropTypes.func,\n\n /**\n * Если передан массив, то совпадения ищутся по этому массиву.\n *\n * Если передается функция, то она должна возвращать thenable, который\n * резолвится уже отфильтрованным массивом. Возвращенный thenable может\n * иметь метод cancel, который будет вызван при отмене поиска (пользователь\n * изменил строку поиска, автокомплит потерял фокус).\n * ```\n * function(pattern) {\n * return service.findAll(pattern);\n * }\n * ```\n */\n source: PropTypes.oneOfType([PropTypes.array, PropTypes.func]),\n };\n\n public static defaultProps: DefaultProps = {\n renderItem,\n size: 'small',\n disablePortal: false,\n hasShadow: true,\n menuMaxHeight: 300,\n menuAlign: 'left',\n preventWindowScroll: true,\n };\n\n public state: AutocompleteState = {\n items: null,\n selected: -1,\n focused: false,\n isMobileOpened: false,\n };\n\n private theme!: Theme;\n private readonly locale!: AutocompleteLocale;\n private isMobileLayout!: boolean;\n private opened = false;\n private input: Nullable<Input> = null;\n private menu: Nullable<Menu>;\n private rootSpan: Nullable<HTMLSpanElement>;\n private mobilePopup: Nullable<MobilePopup>;\n\n private requestId = 0;\n\n private getProps = createPropsGetter(Autocomplete.defaultProps);\n private setRootNode!: TSetRootNode;\n\n /**\n * @public\n */\n public focus() {\n if (this.input) {\n this.input.focus();\n }\n }\n\n /**\n * @public\n */\n public blur() {\n this.handleBlur();\n }\n\n public componentDidUpdate(prevProps: AutocompleteProps) {\n if (prevProps.value !== this.props.value) {\n this.updateItems(this.props.value || '');\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getAutocompleteTheme(theme);\n return (\n <ThemeContext.Provider value={this.theme}>\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n public renderMain = (props: CommonWrapperRestProps<AutocompleteProps>) => {\n const { focused } = this.state;\n\n const isMobile = this.isMobileLayout;\n\n const {\n onValueChange,\n onKeyDown,\n onFocus,\n onBlur,\n renderItem: _renderItem,\n disablePortal,\n hasShadow,\n menuAlign,\n menuMaxHeight,\n preventWindowScroll,\n source,\n width = this.theme.inputWidth,\n mobileMenuHeaderText,\n ...rest\n } = props;\n\n const inputProps = {\n ...rest,\n width: '100%',\n onValueChange: this.handleValueChange,\n onKeyDown: this.handleKeyDown,\n onFocus: this.handleFocus,\n ref: this.refInput,\n };\n\n return (\n <RenderLayer onFocusOutside={this.handleBlur} onClickOutside={this.handleClickOutside} active={focused}>\n <span\n data-tid={AutocompleteDataTids.root}\n className={styles.root(this.theme)}\n style={{ width }}\n ref={this.refRootSpan}\n >\n <Input {...inputProps} />\n {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n </span>\n </RenderLayer>\n );\n };\n\n private renderHints(): React.ReactNode {\n const items = this.state.items;\n\n if (!this.props.value) {\n return <MenuMessage>{this.locale.enterValue}</MenuMessage>;\n }\n\n if (items?.length === 0 && this.props.value) {\n return <MenuMessage>{this.locale.notFound}</MenuMessage>;\n }\n\n if (isNullable(items) && this.props.value) {\n return <MenuMessage>{this.locale.updateValue}</MenuMessage>;\n }\n\n return null;\n }\n\n private renderMenu(): React.ReactNode {\n const items = this.state.items;\n const { menuMaxHeight, hasShadow, menuWidth, width, preventWindowScroll, menuAlign, disablePortal, menuPos } =\n this.getProps();\n const menuProps = {\n ref: this.refMenu,\n maxHeight: menuMaxHeight,\n hasShadow,\n width: menuWidth || (width && getDOMRect(this.rootSpan).width),\n preventWindowScroll,\n };\n if (!items || items.length === 0) {\n return null;\n }\n\n return (\n <DropdownContainer getParent={this.getAnchor} align={menuAlign} disablePortal={disablePortal} menuPos={menuPos}>\n <Menu {...menuProps}>{this.getItems()}</Menu>\n </DropdownContainer>\n );\n }\n\n private renderMobileMenu = () => {\n const inputProps: InputProps = {\n autoFocus: true,\n width: '100%',\n onValueChange: this.handleValueChange,\n onKeyPress: this.handleKeyPressMobile,\n value: this.props.value,\n placeholder: this.locale.enterValue,\n };\n\n const items = this.state.items;\n\n return (\n <MobilePopup\n headerChildComponent={<Input {...inputProps} />}\n caption={this.props.mobileMenuHeaderText}\n opened={this.state.isMobileOpened}\n onCloseRequest={this.handleCloseMobile}\n ref={this.refMobilePopup}\n >\n <Menu ref={this.refMenu} onItemClick={this.mobilePopup?.close} disableScrollContainer maxHeight={'auto'}>\n {items && items.length > 0 && this.getItems()}\n {this.renderHints()}\n </Menu>\n </MobilePopup>\n );\n };\n\n private getItems = () => {\n const items = this.state.items;\n const isMobile = this.isMobileLayout;\n\n return items\n ? items.map((item, i) => {\n return (\n <MenuItem onClick={this.handleMenuItemClick(i)} key={i} isMobile={isMobile}>\n {this.getProps().renderItem(item)}\n </MenuItem>\n );\n })\n : null;\n };\n\n private handleValueChange = (value: string) => {\n this.opened = true;\n\n this.fireChange(value);\n };\n\n private handleCloseMobile = () => {\n this.setState({\n isMobileOpened: false,\n });\n\n this.handleBlur();\n };\n\n private handleKeyPressMobile = (e: KeyboardEvent) => {\n if (e.key === 'Enter') {\n this.mobilePopup?.close();\n }\n };\n\n private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n if (this.isMobileLayout) {\n this.setState({ isMobileOpened: true });\n }\n\n if (this.state.focused) {\n return;\n }\n\n this.setState({ focused: true });\n\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n };\n\n private handleBlur = () => {\n if (!this.state.focused) {\n return;\n }\n\n this.opened = false;\n this.setState({ items: null, focused: false });\n\n if (this.input) {\n this.input.blur();\n }\n\n if (this.props.onBlur) {\n this.props.onBlur();\n }\n };\n\n private handleClickOutside = (e: Event) => {\n fixClickFocusIE(e);\n this.handleBlur();\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n switch (true) {\n case isKeyEscape(e):\n e.preventDefault();\n this.setState({ items: null });\n return;\n case isKeyArrowUp(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.up();\n }\n return;\n case isKeyArrowDown(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.down();\n }\n return;\n case isKeyEnter(e):\n e.preventDefault(); // To prevent form submission.\n if (this.menu) {\n this.menu.enter(e);\n }\n return;\n }\n };\n\n private handleMenuItemClick(i: number) {\n return (event: React.SyntheticEvent<HTMLElement>) => this.handleItemClick(event, i);\n }\n\n private getAnchor = () => {\n return getRootNode(this);\n };\n\n private handleItemClick(event: React.SyntheticEvent<HTMLElement> | React.MouseEvent<HTMLElement>, index: number) {\n if ((event as React.MouseEvent<HTMLElement>).button) {\n return;\n }\n\n event.preventDefault();\n this.choose(index);\n }\n\n private choose(index: number) {\n if (!this.state.items) {\n return;\n }\n\n const value = this.state.items[index];\n this.opened = false;\n this.setState({\n selected: -1,\n items: null,\n });\n\n this.fireChange(value);\n this.blur();\n }\n\n private updateItems(value: string) {\n if (!this.opened) {\n return;\n }\n const pattern = value.trim();\n const source = this.props.source;\n\n if (!source) {\n return;\n }\n\n let promise;\n this.requestId += 1;\n const expectingId = this.requestId;\n if (typeof source === 'function') {\n promise = source(pattern);\n } else {\n promise = match(pattern, source);\n }\n promise.then((items) => {\n if (this.opened && expectingId === this.requestId) {\n this.setState({\n items,\n selected: -1,\n });\n }\n });\n }\n\n private fireChange(value: string) {\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n }\n\n private refInput = (el: Input | null) => {\n this.input = el;\n };\n\n private refMenu = (menu: Menu | null) => {\n this.menu = menu;\n };\n\n private refRootSpan = (span: HTMLSpanElement) => {\n this.rootSpan = span;\n };\n\n private refMobilePopup = (mobilePopup: MobilePopup | null) => {\n this.mobilePopup = mobilePopup;\n };\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["Autocomplete.tsx"],"names":["React","PropTypes","MenuMessage","locale","getRandomID","isNullable","ThemeContext","isKeyArrowDown","isKeyArrowUp","isKeyEnter","isKeyEscape","Input","DropdownContainer","Menu","MenuItem","RenderLayer","createPropsGetter","fixClickFocusIE","CommonWrapper","MobilePopup","responsiveLayout","getRootNode","rootNode","getDOMRect","styles","AutocompleteLocaleHelper","getAutocompleteTheme","match","pattern","items","Promise","resolve","lowerCasedPattern","toLowerCase","itemsMatchingPattern","filter","item","includes","renderItem","AutocompleteDataTids","root","menu","AutocompleteIds","Autocomplete","state","selected","focused","isMobileOpened","opened","input","menuId","requestId","getProps","defaultProps","renderMain","props","isMobile","isMobileLayout","onValueChange","onKeyDown","onFocus","onBlur","_renderItem","disablePortal","hasShadow","menuAlign","menuMaxHeight","preventWindowScroll","source","width","theme","inputWidth","mobileMenuHeaderText","rest","inputProps","handleValueChange","handleKeyDown","handleFocus","ref","refInput","handleBlur","handleClickOutside","refRootSpan","renderMobileMenu","renderMenu","autoFocus","onKeyPress","handleKeyPressMobile","value","placeholder","enterValue","handleCloseMobile","refMobilePopup","refMenu","mobilePopup","close","length","getItems","renderHints","map","i","handleMenuItemClick","fireChange","setState","e","key","event","blur","preventDefault","up","down","enter","getAnchor","el","span","rootSpan","focus","componentDidUpdate","prevProps","updateItems","render","setRootNode","notFound","updateValue","menuWidth","menuPos","menuProps","maxHeight","handleItemClick","index","button","choose","trim","promise","expectingId","then","Component","__KONTUR_REACT_UI__","propTypes","func","oneOfType","array","size"],"mappings":"4iBAAA;AACA;AACA,OAAOA,KAAP,MAAqC,OAArC;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,SAASC,WAAT,QAA4B,4BAA5B;AACA,SAASC,MAAT,QAAuB,6BAAvB;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,iBAAxC;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,cAAT,EAAyBC,YAAzB,EAAuCC,UAAvC,EAAmDC,WAAnD,QAAsE,uCAAtE;AACA,SAASC,KAAT,QAAkC,UAAlC;AACA,SAASC,iBAAT,QAA0D,kCAA1D;AACA,SAASC,IAAT,QAAqB,qBAArB;AACA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,WAAT,QAA4B,4BAA5B;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,eAAT,QAAgC,kCAAhC;AACA,SAAsBC,aAAtB,QAAmE,8BAAnE;AACA,SAASC,WAAT,QAA4B,4BAA5B;AACA,SAASC,gBAAT,QAAiC,+BAAjC;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAoD,oBAApD;AACA,SAASC,UAAT,QAA2B,0BAA3B;;AAEA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAA6BC,wBAA7B,QAA6D,UAA7D;AACA,SAASC,oBAAT,QAAqC,wBAArC;;AAEA,SAASC,KAAT,CAAeC,OAAf,EAAgCC,KAAhC,EAAiD;AAC/C,MAAI,CAACD,OAAD,IAAY,CAACC,KAAjB,EAAwB;AACtB,WAAOC,OAAO,CAACC,OAAR,CAAgB,EAAhB,CAAP;AACD;;AAED,MAAMC,iBAAiB,GAAGJ,OAAO,CAACK,WAAR,EAA1B;AACA,MAAMC,oBAAoB,GAAGL,KAAK,CAACM,MAAN,CAAa,UAACC,IAAD,EAAU;AAClD,WAAOA,IAAI,CAACH,WAAL,GAAmBI,QAAnB,CAA4BL,iBAA5B,CAAP;AACD,GAF4B,CAA7B;;AAIA,SAAOF,OAAO,CAACC,OAAR,CAAgBG,oBAAhB,CAAP;AACD;;AAED,SAASI,UAAT,CAAoBF,IAApB,EAA+B;AAC7B,SAAOA,IAAP;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CD,OAAO,IAAMG,oBAAoB,GAAG;AAClCC,EAAAA,IAAI,EAAE,oBAD4B;AAElCC,EAAAA,IAAI,EAAE,oBAF4B,EAA7B;;;AAKP,OAAO,IAAMC,eAAe,GAAG;AAC7BD,EAAAA,IAAI,EAAEF,oBAAoB,CAACE,IADE,EAAxB;;;;;;;;;;;;;;;;;;AAmBP,OARA;AACA;AACA;AACA;AACA,GAIA,IAAaE,YAAb,WADCxC,MAAM,CAAC,cAAD,EAAiBsB,wBAAjB,CACP,EAHCL,gBAGD,UAFCE,QAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCSsB,IAAAA,KApCT,GAoCoC;AAChCf,MAAAA,KAAK,EAAE,IADyB;AAEhCgB,MAAAA,QAAQ,EAAE,CAAC,CAFqB;AAGhCC,MAAAA,OAAO,EAAE,KAHuB;AAIhCC,MAAAA,cAAc,EAAE,KAJgB,EApCpC;;;;;;AA8CUC,IAAAA,MA9CV,GA8CmB,KA9CnB;AA+CUC,IAAAA,KA/CV,GA+CmC,IA/CnC;;AAiDUC,IAAAA,MAjDV,GAiDmBR,eAAe,CAACD,IAAhB,GAAuBrC,WAAW,EAjDrD;;;;AAqDU+C,IAAAA,SArDV,GAqDsB,CArDtB;;AAuDUC,IAAAA,QAvDV,GAuDqBpC,iBAAiB,CAAC2B,YAAY,CAACU,YAAd,CAvDtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGSC,IAAAA,UAhGT,GAgGsB,UAACC,KAAD,EAAsD;AACxE,UAAQT,OAAR,GAAoB,MAAKF,KAAzB,CAAQE,OAAR;;AAEA,UAAMU,QAAQ,GAAG,MAAKC,cAAtB;;AAEA;AACEC,MAAAA,aADF;;;;;;;;;;;;;;AAeIH,MAAAA,KAfJ,CACEG,aADF,CAEEC,SAFF,GAeIJ,KAfJ,CAEEI,SAFF,CAGEC,OAHF,GAeIL,KAfJ,CAGEK,OAHF,CAIEC,MAJF,GAeIN,KAfJ,CAIEM,MAJF,CAKcC,WALd,GAeIP,KAfJ,CAKEjB,UALF,CAMEyB,aANF,GAeIR,KAfJ,CAMEQ,aANF,CAOEC,SAPF,GAeIT,KAfJ,CAOES,SAPF,CAQEC,SARF,GAeIV,KAfJ,CAQEU,SARF,CASEC,aATF,GAeIX,KAfJ,CASEW,aATF,CAUEC,mBAVF,GAeIZ,KAfJ,CAUEY,mBAVF,CAWEC,MAXF,GAeIb,KAfJ,CAWEa,MAXF,gBAeIb,KAfJ,CAYEc,KAZF,CAYEA,KAZF,6BAYU,MAAKC,KAAL,CAAWC,UAZrB,gBAaEC,oBAbF,GAeIjB,KAfJ,CAaEiB,oBAbF,CAcKC,IAdL,iCAeIlB,KAfJ;;AAiBA,UAAMmB,UAAU;AACXD,MAAAA,IADW;AAEdJ,QAAAA,KAAK,EAAE,MAFO;AAGdX,QAAAA,aAAa,EAAE,MAAKiB,iBAHN;AAIdhB,QAAAA,SAAS,EAAE,MAAKiB,aAJF;AAKdhB,QAAAA,OAAO,EAAE,MAAKiB,WALA;AAMdC,QAAAA,GAAG,EAAE,MAAKC,QANI,GAAhB;;;AASA;AACE,4BAAC,WAAD,IAAa,cAAc,EAAE,MAAKC,UAAlC,EAA8C,cAAc,EAAE,MAAKC,kBAAnE,EAAuF,MAAM,EAAEnC,OAA/F;AACE;AACE,sBAAUP,oBAAoB,CAACC,IADjC;AAEE,UAAA,SAAS,EAAEhB,MAAM,CAACgB,IAAP,CAAY,MAAK8B,KAAjB,CAFb;AAGE,UAAA,KAAK,EAAE,EAAED,KAAK,EAALA,KAAF,EAHT;AAIE,UAAA,GAAG,EAAE,MAAKa,WAJZ;;AAME,4BAAC,KAAD,aAAO,iBAAe,MAAKhC,MAA3B,IAAuCwB,UAAvC,EANF;AAOGlB,QAAAA,QAAQ,GAAG,MAAK2B,gBAAL,EAAH,GAA6B,MAAKC,UAAL,EAPxC,CADF,CADF;;;;AAaD,KA5IH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LUD,IAAAA,gBA7LV,GA6L6B,YAAM;AAC/B,UAAMT,UAAsB,GAAG;AAC7BW,QAAAA,SAAS,EAAE,IADkB;AAE7BhB,QAAAA,KAAK,EAAE,MAFsB;AAG7BX,QAAAA,aAAa,EAAE,MAAKiB,iBAHS;AAI7BW,QAAAA,UAAU,EAAE,MAAKC,oBAJY;AAK7BC,QAAAA,KAAK,EAAE,MAAKjC,KAAL,CAAWiC,KALW;AAM7BC,QAAAA,WAAW,EAAE,MAAKtF,MAAL,CAAYuF,UANI,EAA/B;;;AASA,UAAM7D,KAAK,GAAG,MAAKe,KAAL,CAAWf,KAAzB;;AAEA;AACE,4BAAC,WAAD;AACE,UAAA,EAAE,EAAE,MAAKqB,MADX;AAEE,UAAA,oBAAoB,eAAE,oBAAC,KAAD,EAAWwB,UAAX,CAFxB;AAGE,UAAA,OAAO,EAAE,MAAKnB,KAAL,CAAWiB,oBAHtB;AAIE,UAAA,MAAM,EAAE,MAAK5B,KAAL,CAAWG,cAJrB;AAKE,UAAA,cAAc,EAAE,MAAK4C,iBALvB;AAME,UAAA,GAAG,EAAE,MAAKC,cANZ;;AAQE,4BAAC,IAAD,IAAM,GAAG,EAAE,MAAKC,OAAhB,EAAyB,WAAW,uBAAE,MAAKC,WAAP,qBAAE,kBAAkBC,KAAxD,EAA+D,sBAAsB,MAArF,EAAsF,SAAS,EAAE,MAAjG;AACGlE,QAAAA,KAAK,IAAIA,KAAK,CAACmE,MAAN,GAAe,CAAxB,IAA6B,MAAKC,QAAL,EADhC;AAEG,cAAKC,WAAL,EAFH,CARF,CADF;;;;AAeD,KAxNH;;AA0NUD,IAAAA,QA1NV,GA0NqB,YAAM;AACvB,UAAMpE,KAAK,GAAG,MAAKe,KAAL,CAAWf,KAAzB;AACA,UAAM2B,QAAQ,GAAG,MAAKC,cAAtB;;AAEA,aAAO5B,KAAK;AACRA,MAAAA,KAAK,CAACsE,GAAN,CAAU,UAAC/D,IAAD,EAAOgE,CAAP,EAAa;AACrB;AACE,8BAAC,QAAD,IAAU,OAAO,EAAE,MAAKC,mBAAL,CAAyBD,CAAzB,CAAnB,EAAgD,GAAG,EAAEA,CAArD,EAAwD,QAAQ,EAAE5C,QAAlE;AACG,gBAAKJ,QAAL,GAAgBd,UAAhB,CAA2BF,IAA3B,CADH,CADF;;;AAKD,OAND,CADQ;AAQR,UARJ;AASD,KAvOH;;AAyOUuC,IAAAA,iBAzOV,GAyO8B,UAACa,KAAD,EAAmB;AAC7C,YAAKxC,MAAL,GAAc,IAAd;;AAEA,YAAKsD,UAAL,CAAgBd,KAAhB;AACD,KA7OH;;AA+OUG,IAAAA,iBA/OV,GA+O8B,YAAM;AAChC,YAAKY,QAAL,CAAc;AACZxD,QAAAA,cAAc,EAAE,KADJ,EAAd;;;AAIA,YAAKiC,UAAL;AACD,KArPH;;AAuPUO,IAAAA,oBAvPV,GAuPiC,UAACiB,CAAD,EAAsB;AACnD,UAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;AACrB,oCAAKX,WAAL,wCAAkBC,KAAlB;AACD;AACF,KA3PH;;AA6PUlB,IAAAA,WA7PV,GA6PwB,UAAC6B,KAAD,EAA+C;AACnE,UAAI,MAAKjD,cAAT,EAAyB;AACvB,cAAK8C,QAAL,CAAc,EAAExD,cAAc,EAAE,IAAlB,EAAd;AACD;;AAED,UAAI,MAAKH,KAAL,CAAWE,OAAf,EAAwB;AACtB;AACD;;AAED,YAAKyD,QAAL,CAAc,EAAEzD,OAAO,EAAE,IAAX,EAAd;;AAEA,UAAI,MAAKS,KAAL,CAAWK,OAAf,EAAwB;AACtB,cAAKL,KAAL,CAAWK,OAAX,CAAmB8C,KAAnB;AACD;AACF,KA3QH;;AA6QU1B,IAAAA,UA7QV,GA6QuB,YAAM;AACzB,UAAI,CAAC,MAAKpC,KAAL,CAAWE,OAAhB,EAAyB;AACvB;AACD;;AAED,YAAKE,MAAL,GAAc,KAAd;AACA,YAAKuD,QAAL,CAAc,EAAE1E,KAAK,EAAE,IAAT,EAAeiB,OAAO,EAAE,KAAxB,EAAd;;AAEA,UAAI,MAAKG,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAW0D,IAAX;AACD;;AAED,UAAI,MAAKpD,KAAL,CAAWM,MAAf,EAAuB;AACrB,cAAKN,KAAL,CAAWM,MAAX;AACD;AACF,KA5RH;;AA8RUoB,IAAAA,kBA9RV,GA8R+B,UAACuB,CAAD,EAAc;AACzCvF,MAAAA,eAAe,CAACuF,CAAD,CAAf;AACA,YAAKxB,UAAL;AACD,KAjSH;;AAmSUJ,IAAAA,aAnSV,GAmS0B,UAAC4B,CAAD,EAA8C;AACpE,UAAI,MAAKjD,KAAL,CAAWI,SAAf,EAA0B;AACxB,cAAKJ,KAAL,CAAWI,SAAX,CAAqB6C,CAArB;AACD;AACD,cAAQ,IAAR;AACE,aAAK9F,WAAW,CAAC8F,CAAD,CAAhB;AACEA,UAAAA,CAAC,CAACI,cAAF;AACA,gBAAKL,QAAL,CAAc,EAAE1E,KAAK,EAAE,IAAT,EAAd;AACA;AACF,aAAKrB,YAAY,CAACgG,CAAD,CAAjB;AACEA,UAAAA,CAAC,CAACI,cAAF;AACA,cAAI,MAAKnE,IAAT,EAAe;AACb,kBAAKA,IAAL,CAAUoE,EAAV;AACD;AACD;AACF,aAAKtG,cAAc,CAACiG,CAAD,CAAnB;AACEA,UAAAA,CAAC,CAACI,cAAF;AACA,cAAI,MAAKnE,IAAT,EAAe;AACb,kBAAKA,IAAL,CAAUqE,IAAV;AACD;AACD;AACF,aAAKrG,UAAU,CAAC+F,CAAD,CAAf;AACEA,UAAAA,CAAC,CAACI,cAAF,GADF,CACsB;AACpB,cAAI,MAAKnE,IAAT,EAAe;AACb,kBAAKA,IAAL,CAAUsE,KAAV,CAAgBP,CAAhB;AACD;AACD,iBAtBJ;;AAwBD,KA/TH;;;;;;AAqUUQ,IAAAA,SArUV,GAqUsB,YAAM;AACxB,aAAO3F,WAAW,+BAAlB;AACD,KAvUH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqYU0D,IAAAA,QArYV,GAqYqB,UAACkC,EAAD,EAAsB;AACvC,YAAKhE,KAAL,GAAagE,EAAb;AACD,KAvYH;;AAyYUpB,IAAAA,OAzYV,GAyYoB,UAACpD,IAAD,EAAuB;AACvC,YAAKA,IAAL,GAAYA,IAAZ;AACD,KA3YH;;AA6YUyC,IAAAA,WA7YV,GA6YwB,UAACgC,IAAD,EAA2B;AAC/C,YAAKC,QAAL,GAAgBD,IAAhB;AACD,KA/YH;;AAiZUtB,IAAAA,cAjZV,GAiZ2B,UAACE,WAAD,EAAqC;AAC5D,YAAKA,WAAL,GAAmBA,WAAnB;AACD,KAnZH,oDA0DE;AACF;AACA,KA5DA,OA6DSsB,KA7DT,GA6DE,iBAAe,CACb,IAAI,KAAKnE,KAAT,EAAgB,CACd,KAAKA,KAAL,CAAWmE,KAAX,GACD,CACF,CAjEH,CAmEE;AACF;AACA,KArEA,QAsEST,IAtET,GAsEE,gBAAc,CACZ,KAAK3B,UAAL,GACD,CAxEH,QA0ESqC,kBA1ET,GA0EE,4BAA0BC,SAA1B,EAAwD,CACtD,IAAIA,SAAS,CAAC9B,KAAV,KAAoB,KAAKjC,KAAL,CAAWiC,KAAnC,EAA0C,CACxC,KAAK+B,WAAL,CAAiB,KAAKhE,KAAL,CAAWiC,KAAX,IAAoB,EAArC,EACD,CACF,CA9EH,QAgFSgC,MAhFT,GAgFE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAClD,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAa5C,oBAAoB,CAAC4C,KAAD,CAAjC,CACA,oBACE,oBAAC,YAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,MAAI,CAACA,KAAnC,iBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,MAAI,CAACmD,WAAjC,IAAkD,MAAI,CAAClE,KAAvD,GACG,MAAI,CAACD,UADR,CADF,CADF,CAOD,CAVH,CADF,CAcD,CA/FH,QA8IU4C,WA9IV,GA8IE,uBAAuC,CACrC,IAAMrE,KAAK,GAAG,KAAKe,KAAL,CAAWf,KAAzB,CAEA,IAAI,CAAC,KAAK0B,KAAL,CAAWiC,KAAhB,EAAuB,CACrB,oBAAO,oBAAC,WAAD,QAAc,KAAKrF,MAAL,CAAYuF,UAA1B,CAAP,CACD,CAED,IAAI,CAAA7D,KAAK,QAAL,YAAAA,KAAK,CAAEmE,MAAP,MAAkB,CAAlB,IAAuB,KAAKzC,KAAL,CAAWiC,KAAtC,EAA6C,CAC3C,oBAAO,oBAAC,WAAD,QAAc,KAAKrF,MAAL,CAAYuH,QAA1B,CAAP,CACD,CAED,IAAIrH,UAAU,CAACwB,KAAD,CAAV,IAAqB,KAAK0B,KAAL,CAAWiC,KAApC,EAA2C,CACzC,oBAAO,oBAAC,WAAD,QAAc,KAAKrF,MAAL,CAAYwH,WAA1B,CAAP,CACD,CAED,OAAO,IAAP,CACD,CA9JH,QAgKUvC,UAhKV,GAgKE,sBAAsC,CACpC,IAAMvD,KAAK,GAAG,KAAKe,KAAL,CAAWf,KAAzB,CACA,qBACE,KAAKuB,QAAL,EADF,CAAQc,aAAR,kBAAQA,aAAR,CAAuBF,SAAvB,kBAAuBA,SAAvB,CAAkC4D,SAAlC,kBAAkCA,SAAlC,CAA6CvD,KAA7C,kBAA6CA,KAA7C,CAAoDF,mBAApD,kBAAoDA,mBAApD,CAAyEF,SAAzE,kBAAyEA,SAAzE,CAAoFF,aAApF,kBAAoFA,aAApF,CAAmG8D,OAAnG,kBAAmGA,OAAnG,CAEA,IAAMC,SAAS,GAAG,EAChBhD,GAAG,EAAE,KAAKe,OADM,EAEhBkC,SAAS,EAAE7D,aAFK,EAGhBF,SAAS,EAATA,SAHgB,EAIhBK,KAAK,EAAEuD,SAAS,IAAKvD,KAAK,IAAI9C,UAAU,CAAC,KAAK4F,QAAN,CAAV,CAA0B9C,KAJxC,EAKhBF,mBAAmB,EAAnBA,mBALgB,EAAlB,CAOA,IAAI,CAACtC,KAAD,IAAUA,KAAK,CAACmE,MAAN,KAAiB,CAA/B,EAAkC,CAChC,OAAO,IAAP,CACD,CAED,oBACE,oBAAC,iBAAD,IACE,EAAE,EAAE,KAAK9C,MADX,EAEE,YAAUX,oBAAoB,CAACE,IAFjC,EAGE,SAAS,EAAE,KAAKuE,SAHlB,EAIE,KAAK,EAAE/C,SAJT,EAKE,aAAa,EAAEF,aALjB,EAME,OAAO,EAAE8D,OANX,iBAQE,oBAAC,IAAD,EAAUC,SAAV,EAAsB,KAAK7B,QAAL,EAAtB,CARF,CADF,CAYD,CA3LH,QAiUUI,mBAjUV,GAiUE,6BAA4BD,CAA5B,EAAuC,mBACrC,OAAO,UAACM,KAAD,UAA8C,MAAI,CAACsB,eAAL,CAAqBtB,KAArB,EAA4BN,CAA5B,CAA9C,EAAP,CACD,CAnUH,QAyUU4B,eAzUV,GAyUE,yBAAwBtB,KAAxB,EAAkGuB,KAAlG,EAAiH,CAC/G,IAAKvB,KAAD,CAAyCwB,MAA7C,EAAqD,CACnD,OACD,CAEDxB,KAAK,CAACE,cAAN,GACA,KAAKuB,MAAL,CAAYF,KAAZ,EACD,CAhVH,QAkVUE,MAlVV,GAkVE,gBAAeF,KAAf,EAA8B,CAC5B,IAAI,CAAC,KAAKrF,KAAL,CAAWf,KAAhB,EAAuB,CACrB,OACD,CAED,IAAM2D,KAAK,GAAG,KAAK5C,KAAL,CAAWf,KAAX,CAAiBoG,KAAjB,CAAd,CACA,KAAKjF,MAAL,GAAc,KAAd,CACA,KAAKuD,QAAL,CAAc,EACZ1D,QAAQ,EAAE,CAAC,CADC,EAEZhB,KAAK,EAAE,IAFK,EAAd,EAKA,KAAKyE,UAAL,CAAgBd,KAAhB,EACA,KAAKmB,IAAL,GACD,CAhWH,QAkWUY,WAlWV,GAkWE,qBAAoB/B,KAApB,EAAmC,mBACjC,IAAI,CAAC,KAAKxC,MAAV,EAAkB,CAChB,OACD,CACD,IAAMpB,OAAO,GAAG4D,KAAK,CAAC4C,IAAN,EAAhB,CACA,IAAMhE,MAAM,GAAG,KAAKb,KAAL,CAAWa,MAA1B,CAEA,IAAI,CAACA,MAAL,EAAa,CACX,OACD,CAED,IAAIiE,OAAJ,CACA,KAAKlF,SAAL,IAAkB,CAAlB,CACA,IAAMmF,WAAW,GAAG,KAAKnF,SAAzB,CACA,IAAI,OAAOiB,MAAP,KAAkB,UAAtB,EAAkC,CAChCiE,OAAO,GAAGjE,MAAM,CAACxC,OAAD,CAAhB,CACD,CAFD,MAEO,CACLyG,OAAO,GAAG1G,KAAK,CAACC,OAAD,EAAUwC,MAAV,CAAf,CACD,CACDiE,OAAO,CAACE,IAAR,CAAa,UAAC1G,KAAD,EAAW,CACtB,IAAI,MAAI,CAACmB,MAAL,IAAesF,WAAW,KAAK,MAAI,CAACnF,SAAxC,EAAmD,CACjD,MAAI,CAACoD,QAAL,CAAc,EACZ1E,KAAK,EAALA,KADY,EAEZgB,QAAQ,EAAE,CAAC,CAFC,EAAd,EAID,CACF,CAPD,EAQD,CA7XH,QA+XUyD,UA/XV,GA+XE,oBAAmBd,KAAnB,EAAkC,CAChC,IAAI,KAAKjC,KAAL,CAAWG,aAAf,EAA8B,CAC5B,KAAKH,KAAL,CAAWG,aAAX,CAAyB8B,KAAzB,EACD,CACF,CAnYH,uBAAkCxF,KAAK,CAACwI,SAAxC,WACgBC,mBADhB,GACsC,cADtC,UAGgBC,SAHhB,GAG4B,EACxB;AACJ;AACA;AACA,KACIpG,UAAU,EAAErC,SAAS,CAAC0I,IALE,EAOxB;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KACIvE,MAAM,EAAEnE,SAAS,CAAC2I,SAAV,CAAoB,CAAC3I,SAAS,CAAC4I,KAAX,EAAkB5I,SAAS,CAAC0I,IAA5B,CAApB,CApBgB,EAH5B,UA0BgBtF,YA1BhB,GA0B6C,EACzCf,UAAU,EAAVA,UADyC,EAEzCwG,IAAI,EAAE,OAFmC,EAGzC/E,aAAa,EAAE,KAH0B,EAIzCC,SAAS,EAAE,IAJ8B,EAKzCE,aAAa,EAAE,GAL0B,EAMzCD,SAAS,EAAE,MAN8B,EAOzCE,mBAAmB,EAAE,IAPoB,EA1B7C","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { KeyboardEvent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MenuMessage } from '../../internal/MenuMessage';\nimport { locale } from '../../lib/locale/decorators';\nimport { getRandomID, isNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { Input, InputProps } from '../Input';\nimport { DropdownContainer, DropdownContainerProps } from '../../internal/DropdownContainer';\nimport { Menu } from '../../internal/Menu';\nimport { MenuItem } from '../MenuItem';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { styles } from './Autocomplete.styles';\nimport { AutocompleteLocale, AutocompleteLocaleHelper } from './locale';\nimport { getAutocompleteTheme } from './getAutocompleteTheme';\n\nfunction match(pattern: string, items: string[]) {\n if (!pattern || !items) {\n return Promise.resolve([]);\n }\n\n const lowerCasedPattern = pattern.toLowerCase();\n const itemsMatchingPattern = items.filter((item) => {\n return item.toLowerCase().includes(lowerCasedPattern);\n });\n\n return Promise.resolve(itemsMatchingPattern);\n}\n\nfunction renderItem(item: any) {\n return item;\n}\n\nexport interface AutocompleteProps\n extends CommonProps,\n Pick<DropdownContainerProps, 'menuPos'>,\n Override<\n InputProps,\n {\n /** Функция отрисовки элемента меню */\n renderItem?: (item: string) => React.ReactNode;\n /** Промис, резолвящий элементы меню */\n source?: string[] | ((patter: string) => Promise<string[]>);\n /** Отключает использование портала */\n disablePortal?: boolean;\n /** Отрисовка тени у выпадающего меню */\n hasShadow?: boolean;\n /** Выравнивание выпадающего меню */\n menuAlign?: 'left' | 'right';\n /** Максимальная высота меню */\n menuMaxHeight?: number | string;\n /** Ширина меню */\n menuWidth?: number | string;\n /** Отключить скролл окна, когда меню открыто */\n preventWindowScroll?: boolean;\n /** Вызывается при изменении `value` */\n onValueChange: (value: string) => void;\n /** onBlur */\n onBlur?: () => void;\n /** Размер инпута */\n size?: InputProps['size'];\n /** value */\n value: string;\n /**\n * Текст заголовка выпадающего меню в мобильной версии\n */\n mobileMenuHeaderText?: string;\n }\n > {}\n\nexport interface AutocompleteState {\n items: Nullable<string[]>;\n selected: number;\n focused: boolean;\n isMobileOpened: boolean;\n}\n\nexport const AutocompleteDataTids = {\n root: 'Autocomplete__root',\n menu: 'Autocomplete__menu',\n} as const;\n\nexport const AutocompleteIds = {\n menu: AutocompleteDataTids.menu,\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n AutocompleteProps,\n 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'menuAlign' | 'preventWindowScroll'\n >\n>;\n\n/**\n * Стандартный инпут с подсказками.\n *\n * Все свойства передаются во внутренний *Input*.\n */\n@responsiveLayout\n@rootNode\n@locale('Autocomplete', AutocompleteLocaleHelper)\nexport class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {\n public static __KONTUR_REACT_UI__ = 'Autocomplete';\n\n public static propTypes = {\n /**\n * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент\n * — *item*.\n */\n renderItem: PropTypes.func,\n\n /**\n * Если передан массив, то совпадения ищутся по этому массиву.\n *\n * Если передается функция, то она должна возвращать thenable, который\n * резолвится уже отфильтрованным массивом. Возвращенный thenable может\n * иметь метод cancel, который будет вызван при отмене поиска (пользователь\n * изменил строку поиска, автокомплит потерял фокус).\n * ```\n * function(pattern) {\n * return service.findAll(pattern);\n * }\n * ```\n */\n source: PropTypes.oneOfType([PropTypes.array, PropTypes.func]),\n };\n\n public static defaultProps: DefaultProps = {\n renderItem,\n size: 'small',\n disablePortal: false,\n hasShadow: true,\n menuMaxHeight: 300,\n menuAlign: 'left',\n preventWindowScroll: true,\n };\n\n public state: AutocompleteState = {\n items: null,\n selected: -1,\n focused: false,\n isMobileOpened: false,\n };\n\n private theme!: Theme;\n private readonly locale!: AutocompleteLocale;\n private isMobileLayout!: boolean;\n private opened = false;\n private input: Nullable<Input> = null;\n private menu: Nullable<Menu>;\n private menuId = AutocompleteIds.menu + getRandomID();\n private rootSpan: Nullable<HTMLSpanElement>;\n private mobilePopup: Nullable<MobilePopup>;\n\n private requestId = 0;\n\n private getProps = createPropsGetter(Autocomplete.defaultProps);\n private setRootNode!: TSetRootNode;\n\n /**\n * @public\n */\n public focus() {\n if (this.input) {\n this.input.focus();\n }\n }\n\n /**\n * @public\n */\n public blur() {\n this.handleBlur();\n }\n\n public componentDidUpdate(prevProps: AutocompleteProps) {\n if (prevProps.value !== this.props.value) {\n this.updateItems(this.props.value || '');\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getAutocompleteTheme(theme);\n return (\n <ThemeContext.Provider value={this.theme}>\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n public renderMain = (props: CommonWrapperRestProps<AutocompleteProps>) => {\n const { focused } = this.state;\n\n const isMobile = this.isMobileLayout;\n\n const {\n onValueChange,\n onKeyDown,\n onFocus,\n onBlur,\n renderItem: _renderItem,\n disablePortal,\n hasShadow,\n menuAlign,\n menuMaxHeight,\n preventWindowScroll,\n source,\n width = this.theme.inputWidth,\n mobileMenuHeaderText,\n ...rest\n } = props;\n\n const inputProps = {\n ...rest,\n width: '100%',\n onValueChange: this.handleValueChange,\n onKeyDown: this.handleKeyDown,\n onFocus: this.handleFocus,\n ref: this.refInput,\n };\n\n return (\n <RenderLayer onFocusOutside={this.handleBlur} onClickOutside={this.handleClickOutside} active={focused}>\n <span\n data-tid={AutocompleteDataTids.root}\n className={styles.root(this.theme)}\n style={{ width }}\n ref={this.refRootSpan}\n >\n <Input aria-controls={this.menuId} {...inputProps} />\n {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n </span>\n </RenderLayer>\n );\n };\n\n private renderHints(): React.ReactNode {\n const items = this.state.items;\n\n if (!this.props.value) {\n return <MenuMessage>{this.locale.enterValue}</MenuMessage>;\n }\n\n if (items?.length === 0 && this.props.value) {\n return <MenuMessage>{this.locale.notFound}</MenuMessage>;\n }\n\n if (isNullable(items) && this.props.value) {\n return <MenuMessage>{this.locale.updateValue}</MenuMessage>;\n }\n\n return null;\n }\n\n private renderMenu(): React.ReactNode {\n const items = this.state.items;\n const { menuMaxHeight, hasShadow, menuWidth, width, preventWindowScroll, menuAlign, disablePortal, menuPos } =\n this.getProps();\n const menuProps = {\n ref: this.refMenu,\n maxHeight: menuMaxHeight,\n hasShadow,\n width: menuWidth || (width && getDOMRect(this.rootSpan).width),\n preventWindowScroll,\n };\n if (!items || items.length === 0) {\n return null;\n }\n\n return (\n <DropdownContainer\n id={this.menuId}\n data-tid={AutocompleteDataTids.menu}\n getParent={this.getAnchor}\n align={menuAlign}\n disablePortal={disablePortal}\n menuPos={menuPos}\n >\n <Menu {...menuProps}>{this.getItems()}</Menu>\n </DropdownContainer>\n );\n }\n\n private renderMobileMenu = () => {\n const inputProps: InputProps = {\n autoFocus: true,\n width: '100%',\n onValueChange: this.handleValueChange,\n onKeyPress: this.handleKeyPressMobile,\n value: this.props.value,\n placeholder: this.locale.enterValue,\n };\n\n const items = this.state.items;\n\n return (\n <MobilePopup\n id={this.menuId}\n headerChildComponent={<Input {...inputProps} />}\n caption={this.props.mobileMenuHeaderText}\n opened={this.state.isMobileOpened}\n onCloseRequest={this.handleCloseMobile}\n ref={this.refMobilePopup}\n >\n <Menu ref={this.refMenu} onItemClick={this.mobilePopup?.close} disableScrollContainer maxHeight={'auto'}>\n {items && items.length > 0 && this.getItems()}\n {this.renderHints()}\n </Menu>\n </MobilePopup>\n );\n };\n\n private getItems = () => {\n const items = this.state.items;\n const isMobile = this.isMobileLayout;\n\n return items\n ? items.map((item, i) => {\n return (\n <MenuItem onClick={this.handleMenuItemClick(i)} key={i} isMobile={isMobile}>\n {this.getProps().renderItem(item)}\n </MenuItem>\n );\n })\n : null;\n };\n\n private handleValueChange = (value: string) => {\n this.opened = true;\n\n this.fireChange(value);\n };\n\n private handleCloseMobile = () => {\n this.setState({\n isMobileOpened: false,\n });\n\n this.handleBlur();\n };\n\n private handleKeyPressMobile = (e: KeyboardEvent) => {\n if (e.key === 'Enter') {\n this.mobilePopup?.close();\n }\n };\n\n private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n if (this.isMobileLayout) {\n this.setState({ isMobileOpened: true });\n }\n\n if (this.state.focused) {\n return;\n }\n\n this.setState({ focused: true });\n\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n };\n\n private handleBlur = () => {\n if (!this.state.focused) {\n return;\n }\n\n this.opened = false;\n this.setState({ items: null, focused: false });\n\n if (this.input) {\n this.input.blur();\n }\n\n if (this.props.onBlur) {\n this.props.onBlur();\n }\n };\n\n private handleClickOutside = (e: Event) => {\n fixClickFocusIE(e);\n this.handleBlur();\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n switch (true) {\n case isKeyEscape(e):\n e.preventDefault();\n this.setState({ items: null });\n return;\n case isKeyArrowUp(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.up();\n }\n return;\n case isKeyArrowDown(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.down();\n }\n return;\n case isKeyEnter(e):\n e.preventDefault(); // To prevent form submission.\n if (this.menu) {\n this.menu.enter(e);\n }\n return;\n }\n };\n\n private handleMenuItemClick(i: number) {\n return (event: React.SyntheticEvent<HTMLElement>) => this.handleItemClick(event, i);\n }\n\n private getAnchor = () => {\n return getRootNode(this);\n };\n\n private handleItemClick(event: React.SyntheticEvent<HTMLElement> | React.MouseEvent<HTMLElement>, index: number) {\n if ((event as React.MouseEvent<HTMLElement>).button) {\n return;\n }\n\n event.preventDefault();\n this.choose(index);\n }\n\n private choose(index: number) {\n if (!this.state.items) {\n return;\n }\n\n const value = this.state.items[index];\n this.opened = false;\n this.setState({\n selected: -1,\n items: null,\n });\n\n this.fireChange(value);\n this.blur();\n }\n\n private updateItems(value: string) {\n if (!this.opened) {\n return;\n }\n const pattern = value.trim();\n const source = this.props.source;\n\n if (!source) {\n return;\n }\n\n let promise;\n this.requestId += 1;\n const expectingId = this.requestId;\n if (typeof source === 'function') {\n promise = source(pattern);\n } else {\n promise = match(pattern, source);\n }\n promise.then((items) => {\n if (this.opened && expectingId === this.requestId) {\n this.setState({\n items,\n selected: -1,\n });\n }\n });\n }\n\n private fireChange(value: string) {\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n }\n\n private refInput = (el: Input | null) => {\n this.input = el;\n };\n\n private refMenu = (menu: Menu | null) => {\n this.menu = menu;\n };\n\n private refRootSpan = (span: HTMLSpanElement) => {\n this.rootSpan = span;\n };\n\n private refMobilePopup = (mobilePopup: MobilePopup | null) => {\n this.mobilePopup = mobilePopup;\n };\n}\n"]}
|
|
@@ -43,6 +43,10 @@ export interface AutocompleteState {
|
|
|
43
43
|
}
|
|
44
44
|
export declare const AutocompleteDataTids: {
|
|
45
45
|
readonly root: "Autocomplete__root";
|
|
46
|
+
readonly menu: "Autocomplete__menu";
|
|
47
|
+
};
|
|
48
|
+
export declare const AutocompleteIds: {
|
|
49
|
+
readonly menu: "Autocomplete__menu";
|
|
46
50
|
};
|
|
47
51
|
declare type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'menuAlign' | 'preventWindowScroll'>>;
|
|
48
52
|
/**
|
|
@@ -81,6 +85,7 @@ export declare class Autocomplete extends React.Component<AutocompleteProps, Aut
|
|
|
81
85
|
private opened;
|
|
82
86
|
private input;
|
|
83
87
|
private menu;
|
|
88
|
+
private menuId;
|
|
84
89
|
private rootSpan;
|
|
85
90
|
private mobilePopup;
|
|
86
91
|
private requestId;
|
|
@@ -152,6 +152,7 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
|
|
|
152
152
|
ariaControls = _this$props['aria-controls'],
|
|
153
153
|
ariaLabel = _this$props['aria-label'],
|
|
154
154
|
ariaChecked = _this$props['aria-checked'],
|
|
155
|
+
ariaExpanded = _this$props['aria-expanded'],
|
|
155
156
|
role = _this$props.role;
|
|
156
157
|
|
|
157
158
|
var _this$getProps = this.getProps(),
|
|
@@ -195,6 +196,7 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
|
|
|
195
196
|
'aria-controls': ariaControls,
|
|
196
197
|
'aria-label': ariaLabel,
|
|
197
198
|
'aria-checked': ariaChecked,
|
|
199
|
+
'aria-expanded': ariaExpanded,
|
|
198
200
|
className: rootClassName,
|
|
199
201
|
style: _extends({
|
|
200
202
|
textAlign: align
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Button.tsx"],"names":["React","isKonturIcon","isReactUIComponent","isIE11","isEdge","isSafari","keyListener","ThemeContext","CommonWrapper","cx","rootNode","ThemeFactory","createPropsGetter","isTheme2022","Link","Spinner","LoadingIcon","styles","activeStyles","globalClasses","ButtonIcon","getButtonIconSizes","useButtonArrow","getInnerLinkTheme","ButtonDataTids","root","Button","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","create","renderMain","corners","active","borderless","checked","error","warning","narrow","icon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","role","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","rootClassName","trueDisabled","noPadding","noRightPadding","checkedDisabled","checkedDisabled2022","borderless2022","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconNode","loadingNode","loadingIcon","link","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","cloneElement","sizeLarge","sizeLargeIE11","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link } from '../Link';\nimport { Spinner } from '../Spinner';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\n\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonProps\n extends CommonProps,\n Pick<AriaAttributes, 'aria-haspopup' | 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-checked'>,\n Pick<HTMLAttributes<unknown>, 'role'> {\n /** @ignore */\n _noPadding?: boolean;\n\n /** @ignore */\n _noRightPadding?: boolean;\n\n /**\n * Применяет к кнопке стили псевдокласса `:active`.\n */\n active?: boolean;\n\n /**\n * CSS-свойство `text-align`.\n */\n align?: React.CSSProperties['textAlign'];\n\n /**\n * Превращает обычную кнопку в кнопку со стрелкой.\n */\n arrow?: boolean | 'left';\n\n /**\n * Даёт кнопке фокус после окончания загрузки страницы.\n */\n autoFocus?: boolean;\n\n /**\n * Убирает обводку у кнопки.\n */\n borderless?: boolean;\n\n /**\n * @ignore\n */\n checked?: boolean;\n\n children?: React.ReactNode;\n\n /** @ignore */\n corners?: React.CSSProperties;\n\n /**\n * Отключенное состояние кнопки.\n */\n disabled?: boolean;\n\n /** @ignore */\n disableFocus?: boolean;\n\n /**\n * Состояние валидации при ошибке.\n */\n error?: boolean;\n\n /**\n * Иконка слева от текста кнопки.\n */\n icon?: React.ReactElement<any>;\n\n /**\n * Переводит кнопку в состояние загрузки.\n */\n loading?: boolean;\n\n /**\n * Сужает кнопку.\n */\n narrow?: boolean;\n\n /**\n * HTML-событие `onblur`.\n */\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onclick`.\n */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onfocus`.\n */\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `keydown`.\n */\n onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseenter`.\n */\n onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `mouseleave`.\n */\n onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseover`.\n */\n onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * Задаёт размер кнопки.\n *\n * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n */\n size?: ButtonSize;\n\n /**\n * HTML-атрибут `type`.\n */\n type?: ButtonType;\n\n /**\n * HTML-атрибут `title`.\n */\n title?: string;\n\n /**\n * Стиль кнопки.\n *\n * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n */\n use?: ButtonUse;\n\n /** @ignore */\n visuallyFocused?: boolean;\n\n /**\n * Состояние валидации при предупреждении.\n */\n warning?: boolean;\n\n /**\n * CSS-свойство `width`.\n */\n width?: number | string;\n\n /**\n * Обычный объект с переменными темы.\n * Он будет объединён с темой из контекста.\n */\n theme?: ThemeIn;\n}\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n root: 'Button__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' | 'size' | 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static __BUTTON__ = true;\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n size: 'small',\n type: 'button',\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private node: HTMLButtonElement | null = null;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n public static getDerivedStateFromProps(props: ButtonProps) {\n if (props.loading || props.disabled) {\n return { focusedByTab: false };\n }\n return null;\n }\n\n /**\n * @public\n */\n public focus() {\n this.node?.focus();\n }\n\n /**\n * @public\n */\n public blur() {\n this.node?.blur();\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n icon,\n _noPadding,\n _noRightPadding,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onKeyDown,\n onClick,\n width,\n children,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n role,\n } = this.props;\n const { use, type, size } = this.getProps();\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab || visuallyFocused;\n const isLink = use === 'link';\n const _isTheme2022 = isTheme2022(this.theme);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n { ...this.props, isFocused: Boolean(isFocused) },\n this.theme,\n );\n\n let rootClassName = '';\n if (_isTheme2022) {\n const trueDisabled = disabled || loading;\n rootClassName = cx(\n styles.root(this.theme),\n styles[use](this.theme),\n sizeClass,\n narrow && styles.narrow(),\n _noPadding && styles.noPadding(),\n _noRightPadding && styles.noRightPadding(),\n rootClassNameWithArrow,\n ...(trueDisabled\n ? [\n styles.disabled(this.theme),\n checked && styles.checkedDisabled(this.theme),\n checked && styles.checkedDisabled2022(this.theme),\n borderless && styles.borderless2022(),\n ]\n : [\n active && !checked && activeStyles[use](this.theme),\n isFocused && styles.focus(this.theme),\n checked && styles.checked2022(this.theme),\n checked && isFocused && styles.checkedFocused(this.theme),\n borderless && !checked && !isFocused && styles.borderless2022(),\n ]),\n );\n } else {\n rootClassName = cx({\n [styles.root(this.theme)]: true,\n [styles.simulatedPress()]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: disabled || loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n });\n }\n\n const rootProps = {\n // By default the type attribute is 'submit'. IE8 will fire a click event\n // on this button if somewhere on the page user presses Enter while some\n // input is focused. So we set type to 'button' by default.\n type,\n role,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n disabled: disabled || loading,\n onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: cx({\n [styles.wrap(this.theme)]: true,\n [wrapClassNameWithArrow]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n const isDisabled2022 = _isTheme2022 && (disabled || loading);\n if ((!isFocused || isLink) && !isDisabled2022) {\n outlineNode = (\n <div\n style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\n className={cx(styles.outline(), {\n [styles.outlineWarning(this.theme)]: warning,\n [styles.outlineError(this.theme)]: error,\n [styles.outlineLink()]: isLink,\n [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n const iconNode = icon && (\n <ButtonIcon\n icon={icon}\n size={size}\n hasChildren={Boolean(children)}\n disabled={disabled || false}\n loading={loading || false}\n use={use}\n />\n );\n let loadingNode = null;\n if (loading && !icon) {\n const loadingIcon = _isTheme2022 ? <LoadingIcon size={size} /> : <Spinner caption={null} dimmed type=\"mini\" />;\n loadingNode = <div className={styles.loading()}>{loadingIcon}</div>;\n }\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = cx({\n [styles.root(this.theme)]: true,\n [sizeClass]: true,\n [styles.link(this.theme)]: true,\n [styles.linkLineHeight()]: !isSafari || (isSafari && !_isTheme2022),\n [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled || loading,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap(this.theme), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n rootProps.style.textAlign = undefined;\n }\n\n let captionNode = (\n <div\n className={cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: (active || checked) && !loading && !_isTheme2022,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {loadingNode}\n {iconNode}\n <span\n className={cx(globalClasses.text, {\n [styles.visibilityHidden()]: !!loadingNode,\n })}\n >\n {children}\n </span>\n </div>\n );\n if (_isTheme2022 && isLink && !loading) {\n captionNode = (\n <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n <Link focused={isFocused} disabled={disabled} icon={this.renderIcon2022(icon)} as=\"span\" tabIndex={-1}>\n {children}\n </Link>\n </ThemeContext.Provider>\n );\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps}>\n <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private renderIcon2022(icon: React.ReactElement | undefined) {\n if (icon && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(this.theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n }\n\n return icon;\n }\n\n private getSizeClassName() {\n const _isTheme2022 = isTheme2022(this.theme);\n switch (this.getProps().size) {\n case 'large':\n return cx(styles.sizeLarge(this.theme), {\n [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'medium':\n return cx(styles.sizeMedium(this.theme), {\n [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'small':\n default:\n return cx(styles.sizeSmall(this.theme), {\n [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n }\n }\n\n private getSizeWrapClassName() {\n switch (this.getProps().size) {\n case 'large':\n return styles.wrapLarge(this.theme);\n case 'medium':\n return styles.wrapMedium(this.theme);\n case 'small':\n default:\n return styles.wrapSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n if (!this.props.disabled && !this.props.disableFocus) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n this.props.onFocus?.(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\n this.setState({ focusedByTab: false });\n if (!this.props.disabled && !this.props.disableFocus) {\n this.props.onBlur?.(e);\n }\n };\n\n private _ref = (node: HTMLButtonElement | null) => {\n this.node = node;\n };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}
|
|
1
|
+
{"version":3,"sources":["Button.tsx"],"names":["React","isKonturIcon","isReactUIComponent","isIE11","isEdge","isSafari","keyListener","ThemeContext","CommonWrapper","cx","rootNode","ThemeFactory","createPropsGetter","isTheme2022","Link","Spinner","LoadingIcon","styles","activeStyles","globalClasses","ButtonIcon","getButtonIconSizes","useButtonArrow","getInnerLinkTheme","ButtonDataTids","root","Button","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","create","renderMain","corners","active","borderless","checked","error","warning","narrow","icon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","ariaExpanded","role","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","rootClassName","trueDisabled","noPadding","noRightPadding","checkedDisabled","checkedDisabled2022","borderless2022","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconNode","loadingNode","loadingIcon","link","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","cloneElement","sizeLarge","sizeLargeIE11","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link } from '../Link';\nimport { Spinner } from '../Spinner';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\n\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonProps\n extends CommonProps,\n Pick<\n AriaAttributes,\n 'aria-haspopup' | 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-checked' | 'aria-expanded'\n >,\n Pick<HTMLAttributes<unknown>, 'role'> {\n /** @ignore */\n _noPadding?: boolean;\n\n /** @ignore */\n _noRightPadding?: boolean;\n\n /**\n * Применяет к кнопке стили псевдокласса `:active`.\n */\n active?: boolean;\n\n /**\n * CSS-свойство `text-align`.\n */\n align?: React.CSSProperties['textAlign'];\n\n /**\n * Превращает обычную кнопку в кнопку со стрелкой.\n */\n arrow?: boolean | 'left';\n\n /**\n * Даёт кнопке фокус после окончания загрузки страницы.\n */\n autoFocus?: boolean;\n\n /**\n * Убирает обводку у кнопки.\n */\n borderless?: boolean;\n\n /**\n * @ignore\n */\n checked?: boolean;\n\n children?: React.ReactNode;\n\n /** @ignore */\n corners?: React.CSSProperties;\n\n /**\n * Отключенное состояние кнопки.\n */\n disabled?: boolean;\n\n /** @ignore */\n disableFocus?: boolean;\n\n /**\n * Состояние валидации при ошибке.\n */\n error?: boolean;\n\n /**\n * Иконка слева от текста кнопки.\n */\n icon?: React.ReactElement<any>;\n\n /**\n * Переводит кнопку в состояние загрузки.\n */\n loading?: boolean;\n\n /**\n * Сужает кнопку.\n */\n narrow?: boolean;\n\n /**\n * HTML-событие `onblur`.\n */\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onclick`.\n */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onfocus`.\n */\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `keydown`.\n */\n onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseenter`.\n */\n onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `mouseleave`.\n */\n onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseover`.\n */\n onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * Задаёт размер кнопки.\n *\n * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n */\n size?: ButtonSize;\n\n /**\n * HTML-атрибут `type`.\n */\n type?: ButtonType;\n\n /**\n * HTML-атрибут `title`.\n */\n title?: string;\n\n /**\n * Стиль кнопки.\n *\n * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n */\n use?: ButtonUse;\n\n /** @ignore */\n visuallyFocused?: boolean;\n\n /**\n * Состояние валидации при предупреждении.\n */\n warning?: boolean;\n\n /**\n * CSS-свойство `width`.\n */\n width?: number | string;\n\n /**\n * Обычный объект с переменными темы.\n * Он будет объединён с темой из контекста.\n */\n theme?: ThemeIn;\n}\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n root: 'Button__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' | 'size' | 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static __BUTTON__ = true;\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n size: 'small',\n type: 'button',\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private node: HTMLButtonElement | null = null;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n public static getDerivedStateFromProps(props: ButtonProps) {\n if (props.loading || props.disabled) {\n return { focusedByTab: false };\n }\n return null;\n }\n\n /**\n * @public\n */\n public focus() {\n this.node?.focus();\n }\n\n /**\n * @public\n */\n public blur() {\n this.node?.blur();\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n icon,\n _noPadding,\n _noRightPadding,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onKeyDown,\n onClick,\n width,\n children,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n 'aria-expanded': ariaExpanded,\n role,\n } = this.props;\n const { use, type, size } = this.getProps();\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab || visuallyFocused;\n const isLink = use === 'link';\n const _isTheme2022 = isTheme2022(this.theme);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n { ...this.props, isFocused: Boolean(isFocused) },\n this.theme,\n );\n\n let rootClassName = '';\n if (_isTheme2022) {\n const trueDisabled = disabled || loading;\n rootClassName = cx(\n styles.root(this.theme),\n styles[use](this.theme),\n sizeClass,\n narrow && styles.narrow(),\n _noPadding && styles.noPadding(),\n _noRightPadding && styles.noRightPadding(),\n rootClassNameWithArrow,\n ...(trueDisabled\n ? [\n styles.disabled(this.theme),\n checked && styles.checkedDisabled(this.theme),\n checked && styles.checkedDisabled2022(this.theme),\n borderless && styles.borderless2022(),\n ]\n : [\n active && !checked && activeStyles[use](this.theme),\n isFocused && styles.focus(this.theme),\n checked && styles.checked2022(this.theme),\n checked && isFocused && styles.checkedFocused(this.theme),\n borderless && !checked && !isFocused && styles.borderless2022(),\n ]),\n );\n } else {\n rootClassName = cx({\n [styles.root(this.theme)]: true,\n [styles.simulatedPress()]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: disabled || loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n });\n }\n\n const rootProps = {\n // By default the type attribute is 'submit'. IE8 will fire a click event\n // on this button if somewhere on the page user presses Enter while some\n // input is focused. So we set type to 'button' by default.\n type,\n role,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n 'aria-expanded': ariaExpanded,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n disabled: disabled || loading,\n onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: cx({\n [styles.wrap(this.theme)]: true,\n [wrapClassNameWithArrow]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n const isDisabled2022 = _isTheme2022 && (disabled || loading);\n if ((!isFocused || isLink) && !isDisabled2022) {\n outlineNode = (\n <div\n style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\n className={cx(styles.outline(), {\n [styles.outlineWarning(this.theme)]: warning,\n [styles.outlineError(this.theme)]: error,\n [styles.outlineLink()]: isLink,\n [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n const iconNode = icon && (\n <ButtonIcon\n icon={icon}\n size={size}\n hasChildren={Boolean(children)}\n disabled={disabled || false}\n loading={loading || false}\n use={use}\n />\n );\n let loadingNode = null;\n if (loading && !icon) {\n const loadingIcon = _isTheme2022 ? <LoadingIcon size={size} /> : <Spinner caption={null} dimmed type=\"mini\" />;\n loadingNode = <div className={styles.loading()}>{loadingIcon}</div>;\n }\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = cx({\n [styles.root(this.theme)]: true,\n [sizeClass]: true,\n [styles.link(this.theme)]: true,\n [styles.linkLineHeight()]: !isSafari || (isSafari && !_isTheme2022),\n [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled || loading,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap(this.theme), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n rootProps.style.textAlign = undefined;\n }\n\n let captionNode = (\n <div\n className={cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: (active || checked) && !loading && !_isTheme2022,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {loadingNode}\n {iconNode}\n <span\n className={cx(globalClasses.text, {\n [styles.visibilityHidden()]: !!loadingNode,\n })}\n >\n {children}\n </span>\n </div>\n );\n if (_isTheme2022 && isLink && !loading) {\n captionNode = (\n <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n <Link focused={isFocused} disabled={disabled} icon={this.renderIcon2022(icon)} as=\"span\" tabIndex={-1}>\n {children}\n </Link>\n </ThemeContext.Provider>\n );\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps}>\n <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private renderIcon2022(icon: React.ReactElement | undefined) {\n if (icon && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(this.theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n }\n\n return icon;\n }\n\n private getSizeClassName() {\n const _isTheme2022 = isTheme2022(this.theme);\n switch (this.getProps().size) {\n case 'large':\n return cx(styles.sizeLarge(this.theme), {\n [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'medium':\n return cx(styles.sizeMedium(this.theme), {\n [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'small':\n default:\n return cx(styles.sizeSmall(this.theme), {\n [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n }\n }\n\n private getSizeWrapClassName() {\n switch (this.getProps().size) {\n case 'large':\n return styles.wrapLarge(this.theme);\n case 'medium':\n return styles.wrapMedium(this.theme);\n case 'small':\n default:\n return styles.wrapSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n if (!this.props.disabled && !this.props.disableFocus) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n this.props.onFocus?.(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\n this.setState({ focusedByTab: false });\n if (!this.props.disabled && !this.props.disableFocus) {\n this.props.onBlur?.(e);\n }\n };\n\n private _ref = (node: HTMLButtonElement | null) => {\n this.node = node;\n };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}
|
|
@@ -4,7 +4,7 @@ import { CommonProps } from '../../internal/CommonWrapper';
|
|
|
4
4
|
export declare type ButtonSize = 'small' | 'medium' | 'large';
|
|
5
5
|
export declare type ButtonType = 'button' | 'submit' | 'reset';
|
|
6
6
|
export declare type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
|
|
7
|
-
export interface ButtonProps extends CommonProps, Pick<AriaAttributes, 'aria-haspopup' | 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-checked'>, Pick<HTMLAttributes<unknown>, 'role'> {
|
|
7
|
+
export interface ButtonProps extends CommonProps, Pick<AriaAttributes, 'aria-haspopup' | 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-checked' | 'aria-expanded'>, Pick<HTMLAttributes<unknown>, 'role'> {
|
|
8
8
|
/** @ignore */
|
|
9
9
|
_noPadding?: boolean;
|
|
10
10
|
/** @ignore */
|
|
@@ -18,7 +18,7 @@ export var globalClasses = prefix('button')({
|
|
|
18
18
|
});
|
|
19
19
|
export var styles = memoizeStyle({
|
|
20
20
|
root: function root(t) {
|
|
21
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", ";\n ", ";\n\n background-clip: ", ";\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .", " {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:hover:enabled svg {\n color: ", ";\n }\n &:disabled svg {\n color: ", ";\n }\n &:enabled svg {\n color: ", ";\n }\n "])), resetButton(), resetText(), t.btnBackgroundClip, globalClasses.innerShadow, t.btnIconHoverColor, t.btnIconDisabledColor, t.btnIconColor);
|
|
21
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", ";\n ", ";\n\n transition: background-color ", " ", "\n ", ";\n\n background-clip: ", ";\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .", " {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:hover:enabled svg {\n color: ", ";\n }\n &:disabled svg {\n color: ", ";\n }\n &:enabled svg {\n color: ", ";\n }\n "])), resetButton(), resetText(), t.transitionDuration, t.transitionTimingFunction, t.btnBorderColorTransition ? ", " + t.btnBorderColorTransition : '', t.btnBackgroundClip, globalClasses.innerShadow, t.btnIconHoverColor, t.btnIconDisabledColor, t.btnIconColor);
|
|
22
22
|
},
|
|
23
23
|
withArrowIconRightSmall: function withArrowIconRightSmall(t) {
|
|
24
24
|
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n padding-right: calc(", " + ", " + ", ");\n "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
|
|
@@ -277,7 +277,7 @@ export var activeStyles = memoizeStyle({
|
|
|
277
277
|
return css(_templateObject85 || (_templateObject85 = _taggedTemplateLiteralLoose(["\n & {\n color: ", ";\n }\n "])), t.btnLinkActiveColor);
|
|
278
278
|
},
|
|
279
279
|
text: function text(t) {
|
|
280
|
-
return css(_templateObject86 || (_templateObject86 = _taggedTemplateLiteralLoose(["\n
|
|
280
|
+
return css(_templateObject86 || (_templateObject86 = _taggedTemplateLiteralLoose(["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, '', t.btnBorderWidth, t.btnArrowBgImageActive));
|
|
281
281
|
},
|
|
282
282
|
backless: function backless(t) {
|
|
283
283
|
return css(_templateObject87 || (_templateObject87 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n background: ", ";\n }\n "])), t.btnBacklessActiveBg);
|