@skbkontur/react-ui 5.1.7 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -0
- package/cjs/components/CurrencyLabel/CurrencyLabel.d.ts +2 -8
- package/cjs/components/CurrencyLabel/CurrencyLabel.js +19 -15
- package/cjs/components/CurrencyLabel/CurrencyLabel.js.map +1 -1
- package/cjs/components/DateInput/DateInput.d.ts +1 -0
- package/cjs/components/DateInput/DateInput.js +25 -5
- package/cjs/components/DateInput/DateInput.js.map +1 -1
- package/cjs/components/DateInput/helpers/InternalDateMediator.d.ts +1 -1
- package/cjs/components/DateInput/helpers/InternalDateMediator.js +10 -1
- package/cjs/components/DateInput/helpers/InternalDateMediator.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.d.ts +2 -4
- package/cjs/components/FxInput/FxInput.d.ts +1 -1
- package/cjs/components/FxInput/FxInput.js.map +1 -1
- package/cjs/components/MenuFooter/MenuFooter.d.ts +1 -6
- package/cjs/components/MenuFooter/MenuFooter.js +47 -40
- package/cjs/components/MenuFooter/MenuFooter.js.map +1 -1
- package/cjs/components/MenuHeader/MenuHeader.d.ts +1 -6
- package/cjs/components/MenuHeader/MenuHeader.js +49 -41
- package/cjs/components/MenuHeader/MenuHeader.js.map +1 -1
- package/cjs/components/MenuItem/MenuItem.js +3 -0
- package/cjs/components/MenuItem/MenuItem.js.map +1 -1
- package/cjs/components/MenuItem/MenuItem.styles.d.ts +1 -0
- package/cjs/components/MenuItem/MenuItem.styles.js +18 -13
- package/cjs/components/MenuItem/MenuItem.styles.js.map +1 -1
- package/cjs/components/MenuSeparator/MenuSeparator.d.ts +1 -6
- package/cjs/components/MenuSeparator/MenuSeparator.js +24 -22
- package/cjs/components/MenuSeparator/MenuSeparator.js.map +1 -1
- package/cjs/components/MiniModal/MiniModal.js +3 -3
- package/cjs/components/MiniModal/MiniModal.js.map +1 -1
- package/cjs/components/Modal/Modal.d.ts +20 -4
- package/cjs/components/Modal/Modal.js +79 -5
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.d.ts +19 -0
- package/cjs/components/Modal/Modal.styles.js +172 -42
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/Modal/ModalBody.js +8 -1
- package/cjs/components/Modal/ModalBody.js.map +1 -1
- package/cjs/components/Modal/ModalContext.d.ts +1 -0
- package/cjs/components/Modal/ModalContext.js +1 -0
- package/cjs/components/Modal/ModalContext.js.map +1 -1
- package/cjs/components/Modal/ModalFooter.js +17 -2
- package/cjs/components/Modal/ModalFooter.js.map +1 -1
- package/cjs/components/Modal/ModalHeader.js +21 -1
- package/cjs/components/Modal/ModalHeader.js.map +1 -1
- package/cjs/components/RadioGroup/RadioGroup.d.ts +1 -0
- package/cjs/components/RadioGroup/RadioGroup.js +18 -1
- package/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
- package/cjs/components/RadioGroup/RadioGroup.styles.d.ts +1 -0
- package/cjs/components/RadioGroup/RadioGroup.styles.js +10 -4
- package/cjs/components/RadioGroup/RadioGroup.styles.js.map +1 -1
- package/cjs/components/SidePage/SidePage.d.ts +3 -1
- package/cjs/components/SidePage/SidePage.js +11 -5
- package/cjs/components/SidePage/SidePage.js.map +1 -1
- package/cjs/components/SidePage/SidePage.styles.d.ts +0 -1
- package/cjs/components/SidePage/SidePage.styles.js +51 -57
- package/cjs/components/SidePage/SidePage.styles.js.map +1 -1
- package/cjs/components/Sticky/Sticky.js +1 -1
- package/cjs/components/Sticky/Sticky.js.map +1 -1
- package/cjs/components/Toast/Toast.d.ts +5 -5
- package/cjs/components/Toast/Toast.js +2 -2
- package/cjs/components/Toast/Toast.js.map +1 -1
- package/cjs/components/Toast/ToastStatic.d.ts +3 -2
- package/cjs/components/Toast/ToastStatic.js.map +1 -1
- package/cjs/components/Toast/ToastView.d.ts +1 -1
- package/cjs/components/Toast/ToastView.js.map +1 -1
- package/cjs/internal/Popup/Popup.d.ts +1 -0
- package/cjs/internal/Popup/Popup.js +11 -1
- package/cjs/internal/Popup/Popup.js.map +1 -1
- package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
- package/cjs/internal/themes/BasicTheme.d.ts +4 -0
- package/cjs/internal/themes/BasicTheme.js +8 -2
- package/cjs/internal/themes/BasicTheme.js.map +1 -1
- package/cjs/internal/themes/DarkTheme5_2.d.ts +1 -0
- package/cjs/internal/themes/DarkTheme5_2.js +29 -0
- package/cjs/internal/themes/DarkTheme5_2.js.map +1 -0
- package/cjs/internal/themes/LightTheme5_2.d.ts +1 -0
- package/cjs/internal/themes/LightTheme5_2.js +27 -0
- package/cjs/internal/themes/LightTheme5_2.js.map +1 -0
- package/cjs/lib/ModalStack.d.ts +7 -1
- package/cjs/lib/ModalStack.js.map +1 -1
- package/cjs/lib/date/InternalDateGetter.d.ts +1 -1
- package/cjs/lib/date/InternalDateGetter.js +8 -1
- package/cjs/lib/date/InternalDateGetter.js.map +1 -1
- package/cjs/lib/featureFlagsContext/FeatureFlagsHelpers.d.ts +3 -0
- package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts +3 -0
- package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js +7 -1
- package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js.map +1 -1
- package/cjs/lib/theming/ThemeVersions.d.ts +1 -1
- package/cjs/lib/theming/ThemeVersions.js.map +1 -1
- package/cjs/lib/theming/themes/DarkTheme.d.ts +1 -0
- package/cjs/lib/theming/themes/DarkTheme.js +4 -2
- package/cjs/lib/theming/themes/DarkTheme.js.map +1 -1
- package/cjs/lib/theming/themes/LightTheme.d.ts +1 -0
- package/cjs/lib/theming/themes/LightTheme.js +4 -2
- package/cjs/lib/theming/themes/LightTheme.js.map +1 -1
- package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js +8 -6
- package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js.map +1 -1
- package/components/CurrencyLabel/CurrencyLabel.d.ts +2 -8
- package/components/DateInput/DateInput/DateInput.js +13 -7
- package/components/DateInput/DateInput/DateInput.js.map +1 -1
- package/components/DateInput/DateInput.d.ts +1 -0
- package/components/DateInput/helpers/InternalDateMediator/InternalDateMediator.js +2 -2
- package/components/DateInput/helpers/InternalDateMediator/InternalDateMediator.js.map +1 -1
- package/components/DateInput/helpers/InternalDateMediator.d.ts +1 -1
- package/components/Dropdown/Dropdown.d.ts +2 -4
- package/components/FxInput/FxInput/FxInput.js.map +1 -1
- package/components/FxInput/FxInput.d.ts +1 -1
- package/components/MenuFooter/MenuFooter/MenuFooter.js +7 -4
- package/components/MenuFooter/MenuFooter/MenuFooter.js.map +1 -1
- package/components/MenuFooter/MenuFooter.d.ts +1 -6
- package/components/MenuHeader/MenuHeader/MenuHeader.js +7 -4
- package/components/MenuHeader/MenuHeader/MenuHeader.js.map +1 -1
- package/components/MenuHeader/MenuHeader.d.ts +1 -6
- package/components/MenuItem/MenuItem/MenuItem.js +3 -1
- package/components/MenuItem/MenuItem/MenuItem.js.map +1 -1
- package/components/MenuItem/MenuItem.styles/MenuItem.styles.js +16 -13
- package/components/MenuItem/MenuItem.styles/MenuItem.styles.js.map +1 -1
- package/components/MenuItem/MenuItem.styles.d.ts +1 -0
- package/components/MenuSeparator/MenuSeparator/MenuSeparator.js +4 -4
- package/components/MenuSeparator/MenuSeparator/MenuSeparator.js.map +1 -1
- package/components/MenuSeparator/MenuSeparator.d.ts +1 -6
- package/components/MiniModal/MiniModal/MiniModal.js +3 -1
- package/components/MiniModal/MiniModal/MiniModal.js.map +1 -1
- package/components/Modal/Modal/Modal.js +51 -11
- package/components/Modal/Modal/Modal.js.map +1 -1
- package/components/Modal/Modal.d.ts +20 -4
- package/components/Modal/Modal.styles/Modal.styles.js +98 -41
- package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
- package/components/Modal/Modal.styles.d.ts +19 -0
- package/components/Modal/ModalBody/ModalBody.js +5 -1
- package/components/Modal/ModalBody/ModalBody.js.map +1 -1
- package/components/Modal/ModalContext/ModalContext.js.map +1 -1
- package/components/Modal/ModalContext.d.ts +1 -0
- package/components/Modal/ModalFooter/ModalFooter.js +14 -2
- package/components/Modal/ModalFooter/ModalFooter.js.map +1 -1
- package/components/Modal/ModalHeader/ModalHeader.js +12 -2
- package/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
- package/components/RadioGroup/RadioGroup/RadioGroup.js +23 -17
- package/components/RadioGroup/RadioGroup/RadioGroup.js.map +1 -1
- package/components/RadioGroup/RadioGroup.d.ts +1 -0
- package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js +7 -4
- package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js.map +1 -1
- package/components/RadioGroup/RadioGroup.styles.d.ts +1 -0
- package/components/SidePage/SidePage/SidePage.js +15 -8
- package/components/SidePage/SidePage/SidePage.js.map +1 -1
- package/components/SidePage/SidePage.d.ts +3 -1
- package/components/SidePage/SidePage.styles/SidePage.styles.js +51 -54
- package/components/SidePage/SidePage.styles/SidePage.styles.js.map +1 -1
- package/components/SidePage/SidePage.styles.d.ts +0 -1
- package/components/Sticky/Sticky/Sticky.js +1 -1
- package/components/Sticky/Sticky/Sticky.js.map +1 -1
- package/components/Toast/Toast/Toast.js +2 -2
- package/components/Toast/Toast/Toast.js.map +1 -1
- package/components/Toast/Toast.d.ts +5 -5
- package/components/Toast/ToastStatic/ToastStatic.js.map +1 -1
- package/components/Toast/ToastStatic.d.ts +3 -2
- package/components/Toast/ToastView/ToastView.js.map +1 -1
- package/components/Toast/ToastView.d.ts +1 -1
- package/internal/Popup/Popup/Popup.js +12 -1
- package/internal/Popup/Popup/Popup.js.map +1 -1
- package/internal/Popup/Popup.d.ts +1 -0
- package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
- package/internal/themes/BasicTheme/BasicTheme.js +8 -0
- package/internal/themes/BasicTheme/BasicTheme.js.map +1 -1
- package/internal/themes/BasicTheme.d.ts +4 -0
- package/internal/themes/DarkTheme5_2/DarkTheme5_2.js +27 -0
- package/internal/themes/DarkTheme5_2/DarkTheme5_2.js.map +1 -0
- package/internal/themes/DarkTheme5_2/package.json +6 -0
- package/internal/themes/DarkTheme5_2.d.ts +1 -0
- package/internal/themes/LightTheme5_2/LightTheme5_2.js +27 -0
- package/internal/themes/LightTheme5_2/LightTheme5_2.js.map +1 -0
- package/internal/themes/LightTheme5_2/package.json +6 -0
- package/internal/themes/LightTheme5_2.d.ts +1 -0
- package/lib/ModalStack/ModalStack.js.map +1 -1
- package/lib/ModalStack.d.ts +7 -1
- package/lib/date/InternalDateGetter/InternalDateGetter.js +4 -1
- package/lib/date/InternalDateGetter/InternalDateGetter.js.map +1 -1
- package/lib/date/InternalDateGetter.d.ts +1 -1
- package/lib/featureFlagsContext/FeatureFlagsHelpers.d.ts +3 -0
- package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js +4 -1
- package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js.map +1 -1
- package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts +3 -0
- package/lib/theming/ThemeVersions/ThemeVersions.js.map +1 -1
- package/lib/theming/ThemeVersions.d.ts +1 -1
- package/lib/theming/themes/DarkTheme/DarkTheme.js +3 -1
- package/lib/theming/themes/DarkTheme/DarkTheme.js.map +1 -1
- package/lib/theming/themes/DarkTheme.d.ts +1 -0
- package/lib/theming/themes/LightTheme/LightTheme.js +3 -1
- package/lib/theming/themes/LightTheme/LightTheme.js.map +1 -1
- package/lib/theming/themes/LightTheme.d.ts +1 -0
- package/package.json +9 -9
- package/cjs/components/Autocomplete/__creevey__/Autocomplete.creevey.mts +0 -239
- package/cjs/components/Autocomplete/__docs__/Autocomplete.mdx +0 -26
- package/cjs/components/Button/__creevey__/Button.creevey.mts +0 -251
- package/cjs/components/Button/__docs__/Button.mdx +0 -27
- package/cjs/components/Calendar/__creevey__/Calendar.creevey.mts +0 -113
- package/cjs/components/Calendar/__docs__/Calendar.mdx +0 -27
- package/cjs/components/Calendar/__docs__/CalendarDay.mdx +0 -23
- package/cjs/components/Center/__docs__/Center.mdx +0 -23
- package/cjs/components/Checkbox/__creevey__/Checkbox.creevey.mts +0 -243
- package/cjs/components/Checkbox/__docs__/Checkbox.mdx +0 -27
- package/cjs/components/ComboBox/__creevey__/ComboBox.creevey.mts +0 -545
- package/cjs/components/ComboBox/__docs__/ComboBox.mdx +0 -27
- package/cjs/components/CurrencyInput/__creevey__/CurrencyInput.creevey.mts +0 -81
- package/cjs/components/CurrencyInput/__docs__/CurrencyInput.mdx +0 -27
- package/cjs/components/CurrencyLabel/__docs__/CurrencyLabel.mdx +0 -23
- package/cjs/components/DateInput/__creevey__/DateInput.creevey.mts +0 -156
- package/cjs/components/DateInput/__docs__/DateInput.mdx +0 -23
- package/cjs/components/DatePicker/__creevey__/DatePicker.creevey.mts +0 -209
- package/cjs/components/DatePicker/__docs__/DatePicker.mdx +0 -27
- package/cjs/components/DateRangePicker/__creevey__/DateRangePicker.creevey.mts +0 -155
- package/cjs/components/DateRangePicker/__docs__/DateRangePicker.mdx +0 -123
- package/cjs/components/Dropdown/__creevey__/Dropdown.creevey.mts +0 -184
- package/cjs/components/Dropdown/__docs__/Dropdown.mdx +0 -27
- package/cjs/components/DropdownMenu/__creevey__/DropdownMenu.creevey.mts +0 -263
- package/cjs/components/DropdownMenu/__docs__/DropdownMenu.mdx +0 -27
- package/cjs/components/FileUploader/__docs__/FileUploader.mdx +0 -27
- package/cjs/components/FxInput/__creevey__/FxInput.creevey.mts +0 -21
- package/cjs/components/FxInput/__docs__/FxInput.mdx +0 -27
- package/cjs/components/Gapped/__docs__/Gapped.mdx +0 -23
- package/cjs/components/GlobalLoader/__docs__/GlobalLoader.mdx +0 -27
- package/cjs/components/Group/__creevey__/Group.creevey.mts +0 -19
- package/cjs/components/Group/__docs__/Group.mdx +0 -23
- package/cjs/components/Hint/__creevey__/Hint.creevey.mts +0 -68
- package/cjs/components/Hint/__docs__/Hint.mdx +0 -28
- package/cjs/components/Input/__creevey__/Input.creevey.mts +0 -239
- package/cjs/components/Input/__docs__/Input.mdx +0 -27
- package/cjs/components/Kebab/__creevey__/Kebab.creevey.mts +0 -147
- package/cjs/components/Kebab/__docs__/Kebab.mdx +0 -27
- package/cjs/components/Link/__creevey__/Link.creevey.mts +0 -162
- package/cjs/components/Link/__docs__/Link.mdx +0 -27
- package/cjs/components/Loader/__creevey__/Loader.creevey.mts +0 -35
- package/cjs/components/Loader/__docs__/Loader.mdx +0 -23
- package/cjs/components/MaskedInput/__creevey__/MaskedInput.creevey.mts +0 -221
- package/cjs/components/MaskedInput/__docs__/MaskedInput.mdx +0 -27
- package/cjs/components/MenuFooter/__docs__/MenuFooter.mdx +0 -23
- package/cjs/components/MenuHeader/__docs__/MenuHeader.mdx +0 -23
- package/cjs/components/MenuItem/__docs__/MenuItem.mdx +0 -23
- package/cjs/components/MenuSeparator/__docs__/MenuSeparator.mdx +0 -23
- package/cjs/components/MiniModal/__docs__/MiniModal.mdx +0 -27
- package/cjs/components/MiniModal/__docs__/MiniModalBody.mdx +0 -17
- package/cjs/components/MiniModal/__docs__/MiniModalFooter.mdx +0 -17
- package/cjs/components/MiniModal/__docs__/MiniModalHeader.mdx +0 -18
- package/cjs/components/MiniModal/__docs__/MiniModalIndent.mdx +0 -11
- package/cjs/components/Modal/__creevey__/Modal.creevey.mts +0 -295
- package/cjs/components/Modal/__docs__/Modal.mdx +0 -27
- package/cjs/components/Modal/__docs__/ModalBody.mdx +0 -15
- package/cjs/components/Modal/__docs__/ModalFooter.mdx +0 -15
- package/cjs/components/Modal/__docs__/ModalHeader.mdx +0 -15
- package/cjs/components/Modal/__docs__/ModalSeparator.mdx +0 -15
- package/cjs/components/Paging/__creevey__/Paging.creevey.mts +0 -97
- package/cjs/components/Paging/__docs__/Paging.mdx +0 -27
- package/cjs/components/PasswordInput/__creevey__/PasswordInput.creevey.mts +0 -46
- package/cjs/components/PasswordInput/__docs__/PasswordInput.mdx +0 -27
- package/cjs/components/Radio/__creevey__/Radio.creevey.mts +0 -28
- package/cjs/components/Radio/__docs__/Radio.mdx +0 -27
- package/cjs/components/RadioGroup/__creevey__/RadioGroup.creevey.mts +0 -86
- package/cjs/components/RadioGroup/__docs__/RadioGroup.mdx +0 -27
- package/cjs/components/ResponsiveLayout/__docs__/ResponsiveLayout.mdx +0 -96
- package/cjs/components/ScrollContainer/__creevey__/ScrollContainer.creevey.mts +0 -247
- package/cjs/components/ScrollContainer/__docs__/ScrollContainer.mdx +0 -23
- package/cjs/components/Select/__creevey__/Select.creevey.mts +0 -293
- package/cjs/components/Select/__docs__/Select.mdx +0 -27
- package/cjs/components/SidePage/__creevey__/SidePage.creevey.mts +0 -421
- package/cjs/components/SidePage/__docs__/SidePage.mdx +0 -27
- package/cjs/components/SidePage/__docs__/SidePageBody.mdx +0 -16
- package/cjs/components/SidePage/__docs__/SidePageContainer.mdx +0 -15
- package/cjs/components/SidePage/__docs__/SidePageFooter.mdx +0 -15
- package/cjs/components/SidePage/__docs__/SidePageHeader.mdx +0 -15
- package/cjs/components/SingleToast/__docs__/SingleToast.mdx +0 -27
- package/cjs/components/Spinner/__docs__/Spinner.mdx +0 -27
- package/cjs/components/Sticky/__creevey__/Sticky.creevey.mts +0 -98
- package/cjs/components/Sticky/__docs__/Sticky.mdx +0 -23
- package/cjs/components/Switcher/__creevey__/Switcher.creevey.mts +0 -24
- package/cjs/components/Switcher/__docs__/Switcher.mdx +0 -27
- package/cjs/components/Tabs/__creevey__/Tabs.creevey.mts +0 -239
- package/cjs/components/Tabs/__docs__/Tab.mdx +0 -27
- package/cjs/components/Tabs/__docs__/Tabs.mdx +0 -27
- package/cjs/components/Textarea/__creevey__/Textarea.creevey.mts +0 -177
- package/cjs/components/Textarea/__docs__/Textarea.mdx +0 -27
- package/cjs/components/Toast/__creevey__/Toast.creevey.mts +0 -77
- package/cjs/components/Toast/__docs__/Toast.mdx +0 -27
- package/cjs/components/Toggle/__creevey__/Toggle.creevey.mts +0 -93
- package/cjs/components/Toggle/__docs__/Toggle.mdx +0 -27
- package/cjs/components/Token/__docs__/Token.mdx +0 -27
- package/cjs/components/TokenInput/__creevey__/TokenInput.creevey.mts +0 -442
- package/cjs/components/TokenInput/__docs__/TokenInput.mdx +0 -27
- package/cjs/components/Tooltip/__creevey__/Tooltip.creevey.mts +0 -533
- package/cjs/components/Tooltip/__docs__/Tooltip.mdx +0 -27
- package/cjs/components/TooltipMenu/__creevey__/TooltipMenu.creevey.mts +0 -131
- package/cjs/components/TooltipMenu/__docs__/TooltipMenu.mdx +0 -23
- package/cjs/internal/ClearCrossIcon/__creevey__/ClearCrossIcon.creevey.mts +0 -44
- package/cjs/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey.mts +0 -48
- package/cjs/internal/CustomComboBox/__creevey__/ComboBoxView.creevey.mts +0 -30
- package/cjs/internal/FileUploaderControl/__creevey__/FileUploaderFile.creevey.mts +0 -25
- package/cjs/internal/HideBodyVerticalScroll/__creevey__/HideBodyVerticalScroll.creevey.mts +0 -83
- package/cjs/internal/Menu/__creevey__/Menu.creevey.mts +0 -90
- package/cjs/internal/PerformanceMetrics/PerformanceMetrics.d.ts +0 -7
- package/cjs/internal/PerformanceMetrics/PerformanceMetrics.js +0 -89
- package/cjs/internal/PerformanceMetrics/PerformanceMetrics.js.map +0 -1
- package/cjs/internal/PopupMenu/__creevey__/PopupMenu.creevey.mts +0 -37
- package/cjs/internal/ThemePlayground/__creevey__/Theme5_0.creevey.mts +0 -36
- package/cjs/internal/ThemePlayground/__creevey__/Theme5_0.stories.d.ts +0 -4
- package/cjs/internal/ThemePlayground/__creevey__/ThemeProvider.creevey.mts +0 -68
- package/cjs/internal/ZIndex/__creevey__/ZIndex.creevey.mts +0 -228
- package/components/Autocomplete/__creevey__/Autocomplete.creevey.d.mts +0 -1
- package/components/Autocomplete/__creevey__/Autocomplete.creevey.mts +0 -239
- package/components/Autocomplete/__docs__/Autocomplete.mdx +0 -26
- package/components/Button/__creevey__/Button.creevey.d.mts +0 -1
- package/components/Button/__creevey__/Button.creevey.mts +0 -251
- package/components/Button/__docs__/Button.mdx +0 -27
- package/components/Calendar/__creevey__/Calendar.creevey.d.mts +0 -1
- package/components/Calendar/__creevey__/Calendar.creevey.mts +0 -113
- package/components/Calendar/__docs__/Calendar.mdx +0 -27
- package/components/Calendar/__docs__/CalendarDay.mdx +0 -23
- package/components/Center/__docs__/Center.mdx +0 -23
- package/components/Checkbox/__creevey__/Checkbox.creevey.d.mts +0 -1
- package/components/Checkbox/__creevey__/Checkbox.creevey.mts +0 -243
- package/components/Checkbox/__docs__/Checkbox.mdx +0 -27
- package/components/ComboBox/__creevey__/ComboBox.creevey.d.mts +0 -1
- package/components/ComboBox/__creevey__/ComboBox.creevey.mts +0 -545
- package/components/ComboBox/__docs__/ComboBox.mdx +0 -27
- package/components/CurrencyInput/__creevey__/CurrencyInput.creevey.d.mts +0 -1
- package/components/CurrencyInput/__creevey__/CurrencyInput.creevey.mts +0 -81
- package/components/CurrencyInput/__docs__/CurrencyInput.mdx +0 -27
- package/components/CurrencyLabel/__docs__/CurrencyLabel.mdx +0 -23
- package/components/DateInput/__creevey__/DateInput.creevey.d.mts +0 -1
- package/components/DateInput/__creevey__/DateInput.creevey.mts +0 -156
- package/components/DateInput/__docs__/DateInput.mdx +0 -23
- package/components/DatePicker/__creevey__/DatePicker.creevey.d.mts +0 -1
- package/components/DatePicker/__creevey__/DatePicker.creevey.mts +0 -209
- package/components/DatePicker/__docs__/DatePicker.mdx +0 -27
- package/components/DateRangePicker/__creevey__/DateRangePicker.creevey.d.mts +0 -1
- package/components/DateRangePicker/__creevey__/DateRangePicker.creevey.mts +0 -155
- package/components/DateRangePicker/__docs__/DateRangePicker.mdx +0 -123
- package/components/Dropdown/__creevey__/Dropdown.creevey.d.mts +0 -1
- package/components/Dropdown/__creevey__/Dropdown.creevey.mts +0 -184
- package/components/Dropdown/__docs__/Dropdown.mdx +0 -27
- package/components/DropdownMenu/__creevey__/DropdownMenu.creevey.d.mts +0 -1
- package/components/DropdownMenu/__creevey__/DropdownMenu.creevey.mts +0 -263
- package/components/DropdownMenu/__docs__/DropdownMenu.mdx +0 -27
- package/components/FileUploader/__docs__/FileUploader.mdx +0 -27
- package/components/FxInput/__creevey__/FxInput.creevey.d.mts +0 -1
- package/components/FxInput/__creevey__/FxInput.creevey.mts +0 -21
- package/components/FxInput/__docs__/FxInput.mdx +0 -27
- package/components/Gapped/__docs__/Gapped.mdx +0 -23
- package/components/GlobalLoader/__docs__/GlobalLoader.mdx +0 -27
- package/components/Group/__creevey__/Group.creevey.d.mts +0 -1
- package/components/Group/__creevey__/Group.creevey.mts +0 -19
- package/components/Group/__docs__/Group.mdx +0 -23
- package/components/Hint/__creevey__/Hint.creevey.d.mts +0 -1
- package/components/Hint/__creevey__/Hint.creevey.mts +0 -68
- package/components/Hint/__docs__/Hint.mdx +0 -28
- package/components/Input/__creevey__/Input.creevey.d.mts +0 -1
- package/components/Input/__creevey__/Input.creevey.mts +0 -239
- package/components/Input/__docs__/Input.mdx +0 -27
- package/components/Kebab/__creevey__/Kebab.creevey.d.mts +0 -1
- package/components/Kebab/__creevey__/Kebab.creevey.mts +0 -147
- package/components/Kebab/__docs__/Kebab.mdx +0 -27
- package/components/Link/__creevey__/Link.creevey.d.mts +0 -1
- package/components/Link/__creevey__/Link.creevey.mts +0 -162
- package/components/Link/__docs__/Link.mdx +0 -27
- package/components/Loader/__creevey__/Loader.creevey.d.mts +0 -1
- package/components/Loader/__creevey__/Loader.creevey.mts +0 -35
- package/components/Loader/__docs__/Loader.mdx +0 -23
- package/components/MaskedInput/__creevey__/MaskedInput.creevey.d.mts +0 -1
- package/components/MaskedInput/__creevey__/MaskedInput.creevey.mts +0 -221
- package/components/MaskedInput/__docs__/MaskedInput.mdx +0 -27
- package/components/MenuFooter/__docs__/MenuFooter.mdx +0 -23
- package/components/MenuHeader/__docs__/MenuHeader.mdx +0 -23
- package/components/MenuItem/__docs__/MenuItem.mdx +0 -23
- package/components/MenuSeparator/__docs__/MenuSeparator.mdx +0 -23
- package/components/MiniModal/__docs__/MiniModal.mdx +0 -27
- package/components/MiniModal/__docs__/MiniModalBody.mdx +0 -17
- package/components/MiniModal/__docs__/MiniModalFooter.mdx +0 -17
- package/components/MiniModal/__docs__/MiniModalHeader.mdx +0 -18
- package/components/MiniModal/__docs__/MiniModalIndent.mdx +0 -11
- package/components/Modal/__creevey__/Modal.creevey.d.mts +0 -1
- package/components/Modal/__creevey__/Modal.creevey.mts +0 -295
- package/components/Modal/__docs__/Modal.mdx +0 -27
- package/components/Modal/__docs__/ModalBody.mdx +0 -15
- package/components/Modal/__docs__/ModalFooter.mdx +0 -15
- package/components/Modal/__docs__/ModalHeader.mdx +0 -15
- package/components/Modal/__docs__/ModalSeparator.mdx +0 -15
- package/components/Paging/__creevey__/Paging.creevey.d.mts +0 -1
- package/components/Paging/__creevey__/Paging.creevey.mts +0 -97
- package/components/Paging/__docs__/Paging.mdx +0 -27
- package/components/PasswordInput/__creevey__/PasswordInput.creevey.d.mts +0 -1
- package/components/PasswordInput/__creevey__/PasswordInput.creevey.mts +0 -46
- package/components/PasswordInput/__docs__/PasswordInput.mdx +0 -27
- package/components/Radio/__creevey__/Radio.creevey.d.mts +0 -1
- package/components/Radio/__creevey__/Radio.creevey.mts +0 -28
- package/components/Radio/__docs__/Radio.mdx +0 -27
- package/components/RadioGroup/__creevey__/RadioGroup.creevey.d.mts +0 -1
- package/components/RadioGroup/__creevey__/RadioGroup.creevey.mts +0 -86
- package/components/RadioGroup/__docs__/RadioGroup.mdx +0 -27
- package/components/ResponsiveLayout/__docs__/ResponsiveLayout.mdx +0 -96
- package/components/ScrollContainer/__creevey__/ScrollContainer.creevey.d.mts +0 -1
- package/components/ScrollContainer/__creevey__/ScrollContainer.creevey.mts +0 -247
- package/components/ScrollContainer/__docs__/ScrollContainer.mdx +0 -23
- package/components/Select/__creevey__/Select.creevey.d.mts +0 -1
- package/components/Select/__creevey__/Select.creevey.mts +0 -293
- package/components/Select/__docs__/Select.mdx +0 -27
- package/components/SidePage/__creevey__/SidePage.creevey.d.mts +0 -1
- package/components/SidePage/__creevey__/SidePage.creevey.mts +0 -421
- package/components/SidePage/__docs__/SidePage.mdx +0 -27
- package/components/SidePage/__docs__/SidePageBody.mdx +0 -16
- package/components/SidePage/__docs__/SidePageContainer.mdx +0 -15
- package/components/SidePage/__docs__/SidePageFooter.mdx +0 -15
- package/components/SidePage/__docs__/SidePageHeader.mdx +0 -15
- package/components/SingleToast/__docs__/SingleToast.mdx +0 -27
- package/components/Spinner/__docs__/Spinner.mdx +0 -27
- package/components/Sticky/__creevey__/Sticky.creevey.d.mts +0 -1
- package/components/Sticky/__creevey__/Sticky.creevey.mts +0 -98
- package/components/Sticky/__docs__/Sticky.mdx +0 -23
- package/components/Switcher/__creevey__/Switcher.creevey.d.mts +0 -1
- package/components/Switcher/__creevey__/Switcher.creevey.mts +0 -24
- package/components/Switcher/__docs__/Switcher.mdx +0 -27
- package/components/Tabs/__creevey__/Tabs.creevey.d.mts +0 -1
- package/components/Tabs/__creevey__/Tabs.creevey.mts +0 -239
- package/components/Tabs/__docs__/Tab.mdx +0 -27
- package/components/Tabs/__docs__/Tabs.mdx +0 -27
- package/components/Textarea/__creevey__/Textarea.creevey.d.mts +0 -1
- package/components/Textarea/__creevey__/Textarea.creevey.mts +0 -177
- package/components/Textarea/__docs__/Textarea.mdx +0 -27
- package/components/Toast/__creevey__/Toast.creevey.d.mts +0 -1
- package/components/Toast/__creevey__/Toast.creevey.mts +0 -77
- package/components/Toast/__docs__/Toast.mdx +0 -27
- package/components/Toggle/__creevey__/Toggle.creevey.d.mts +0 -1
- package/components/Toggle/__creevey__/Toggle.creevey.mts +0 -93
- package/components/Toggle/__docs__/Toggle.mdx +0 -27
- package/components/Token/__docs__/Token.mdx +0 -27
- package/components/TokenInput/__creevey__/TokenInput.creevey.d.mts +0 -1
- package/components/TokenInput/__creevey__/TokenInput.creevey.mts +0 -442
- package/components/TokenInput/__docs__/TokenInput.mdx +0 -27
- package/components/Tooltip/__creevey__/Tooltip.creevey.d.mts +0 -1
- package/components/Tooltip/__creevey__/Tooltip.creevey.mts +0 -533
- package/components/Tooltip/__docs__/Tooltip.mdx +0 -27
- package/components/TooltipMenu/__creevey__/TooltipMenu.creevey.d.mts +0 -1
- package/components/TooltipMenu/__creevey__/TooltipMenu.creevey.mts +0 -131
- package/components/TooltipMenu/__docs__/TooltipMenu.mdx +0 -23
- package/internal/ClearCrossIcon/__creevey__/ClearCrossIcon.creevey.d.mts +0 -1
- package/internal/ClearCrossIcon/__creevey__/ClearCrossIcon.creevey.mts +0 -44
- package/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey.d.mts +0 -1
- package/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey.mts +0 -48
- package/internal/CustomComboBox/__creevey__/ComboBoxView.creevey.d.mts +0 -1
- package/internal/CustomComboBox/__creevey__/ComboBoxView.creevey.mts +0 -30
- package/internal/FileUploaderControl/__creevey__/FileUploaderFile.creevey.d.mts +0 -1
- package/internal/FileUploaderControl/__creevey__/FileUploaderFile.creevey.mts +0 -25
- package/internal/HideBodyVerticalScroll/__creevey__/HideBodyVerticalScroll.creevey.d.mts +0 -1
- package/internal/HideBodyVerticalScroll/__creevey__/HideBodyVerticalScroll.creevey.mts +0 -83
- package/internal/Menu/__creevey__/Menu.creevey.d.mts +0 -1
- package/internal/Menu/__creevey__/Menu.creevey.mts +0 -90
- package/internal/PerformanceMetrics/PerformanceMetrics/PerformanceMetrics.js +0 -106
- package/internal/PerformanceMetrics/PerformanceMetrics/PerformanceMetrics.js.map +0 -1
- package/internal/PerformanceMetrics/PerformanceMetrics/package.json +0 -6
- package/internal/PerformanceMetrics/PerformanceMetrics.d.ts +0 -7
- package/internal/PopupMenu/__creevey__/PopupMenu.creevey.d.mts +0 -1
- package/internal/PopupMenu/__creevey__/PopupMenu.creevey.mts +0 -37
- package/internal/ThemePlayground/__creevey__/Theme5_0.creevey.d.mts +0 -1
- package/internal/ThemePlayground/__creevey__/Theme5_0.creevey.mts +0 -36
- package/internal/ThemePlayground/__creevey__/Theme5_0.stories.d.ts +0 -4
- package/internal/ThemePlayground/__creevey__/ThemeProvider.creevey.d.mts +0 -1
- package/internal/ThemePlayground/__creevey__/ThemeProvider.creevey.mts +0 -68
- package/internal/ZIndex/__creevey__/ZIndex.creevey.d.mts +0 -1
- package/internal/ZIndex/__creevey__/ZIndex.creevey.mts +0 -228
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as TooltipMenuStories from './TooltipMenu.docs.stories.tsx';
|
|
2
|
-
import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
|
|
3
|
-
import { Meta } from '../../../.storybook/Meta';
|
|
4
|
-
import { Header } from '../../../.storybook/Header';
|
|
5
|
-
import { PropsTable } from '../../../.storybook/PropsTable';
|
|
6
|
-
|
|
7
|
-
<Meta of={TooltipMenuStories} />
|
|
8
|
-
|
|
9
|
-
<Header component="TooltipMenu" />
|
|
10
|
-
|
|
11
|
-
<Description />
|
|
12
|
-
|
|
13
|
-
## Базовый пример
|
|
14
|
-
|
|
15
|
-
<Primary />
|
|
16
|
-
|
|
17
|
-
## Пропы
|
|
18
|
-
|
|
19
|
-
<PropsTable />
|
|
20
|
-
|
|
21
|
-
## Примеры использования
|
|
22
|
-
|
|
23
|
-
<Stories title="" includePrimary={false} />
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { story, kind, test } from 'creevey';
|
|
2
|
-
|
|
3
|
-
import { delay } from '../../../lib/delay';
|
|
4
|
-
|
|
5
|
-
kind('ClearCrossIcon', () => {
|
|
6
|
-
story('ClearCrossIconDefaultColors', () => {
|
|
7
|
-
test('idle', async (context) => {
|
|
8
|
-
const plain = await context.takeScreenshot();
|
|
9
|
-
await context.webdriver
|
|
10
|
-
.actions({
|
|
11
|
-
bridge: true,
|
|
12
|
-
})
|
|
13
|
-
.move({
|
|
14
|
-
origin: context.webdriver.findElement({ css: `[data-tid='clear-cross-icon']` }),
|
|
15
|
-
})
|
|
16
|
-
.perform();
|
|
17
|
-
await delay(300);
|
|
18
|
-
const hover = await context.takeScreenshot();
|
|
19
|
-
|
|
20
|
-
await context.matchImages({ plain, hover });
|
|
21
|
-
});
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
story('ClearCrossIconWithCustomColors', ({ setStoryParameters }) => {
|
|
25
|
-
setStoryParameters({
|
|
26
|
-
skip: { 'test theme variables': { in: /^(?!\bchrome2022\b)/ } },
|
|
27
|
-
});
|
|
28
|
-
test('idle', async (context) => {
|
|
29
|
-
const plain = await context.takeScreenshot();
|
|
30
|
-
await context.webdriver
|
|
31
|
-
.actions({
|
|
32
|
-
bridge: true,
|
|
33
|
-
})
|
|
34
|
-
.move({
|
|
35
|
-
origin: context.webdriver.findElement({ css: `[data-tid='clear-cross-icon']` }),
|
|
36
|
-
})
|
|
37
|
-
.perform();
|
|
38
|
-
await delay(300);
|
|
39
|
-
const hover = await context.takeScreenshot();
|
|
40
|
-
|
|
41
|
-
await context.matchImages({ plain, hover });
|
|
42
|
-
});
|
|
43
|
-
});
|
|
44
|
-
});
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { story, kind, test } from 'creevey';
|
|
2
|
-
import { Key } from 'selenium-webdriver';
|
|
3
|
-
|
|
4
|
-
const clickThenTAB = (clickDataTid: string) => {
|
|
5
|
-
test(clickDataTid, async (context) => {
|
|
6
|
-
await context.webdriver
|
|
7
|
-
.actions({
|
|
8
|
-
bridge: true,
|
|
9
|
-
})
|
|
10
|
-
.click(context.webdriver.findElement({ css: `[data-tid="${clickDataTid}"] input` }))
|
|
11
|
-
.pause(500)
|
|
12
|
-
.perform();
|
|
13
|
-
const firstFocus = await context.takeScreenshot();
|
|
14
|
-
await context.webdriver
|
|
15
|
-
.actions({
|
|
16
|
-
bridge: true,
|
|
17
|
-
})
|
|
18
|
-
.sendKeys(Key.TAB)
|
|
19
|
-
.pause(500)
|
|
20
|
-
.perform();
|
|
21
|
-
const secondFocus = await context.takeScreenshot();
|
|
22
|
-
|
|
23
|
-
await context.matchImages({ firstFocus, secondFocus });
|
|
24
|
-
});
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
kind('CloseButtonIcon', () => {
|
|
28
|
-
story('Tabbable', ({ setStoryParameters }) => {
|
|
29
|
-
setStoryParameters({
|
|
30
|
-
skip: {
|
|
31
|
-
'do not pass on teamcity': { in: ['firefox2022', 'firefox2022Dark'] },
|
|
32
|
-
'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ },
|
|
33
|
-
},
|
|
34
|
-
});
|
|
35
|
-
clickThenTAB('notTabbable');
|
|
36
|
-
clickThenTAB('tabbable');
|
|
37
|
-
});
|
|
38
|
-
story('Side', ({ setStoryParameters }) => {
|
|
39
|
-
setStoryParameters({
|
|
40
|
-
skip: { 'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ } },
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
story('VerticalAlign', ({ setStoryParameters }) => {
|
|
44
|
-
setStoryParameters({
|
|
45
|
-
skip: { 'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ } },
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
});
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { story, kind, test } from 'creevey';
|
|
2
|
-
|
|
3
|
-
const FIREFOX_REGEXP = /.*firefox.*/i;
|
|
4
|
-
|
|
5
|
-
kind('ComboBoxView', () => {
|
|
6
|
-
story('InputLikeText', ({ setStoryParameters }) => {
|
|
7
|
-
setStoryParameters({
|
|
8
|
-
skip: {
|
|
9
|
-
'story-skip-0': {
|
|
10
|
-
in: FIREFOX_REGEXP,
|
|
11
|
-
tests: ['focused first element'],
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
test('plain', async (context) => {
|
|
17
|
-
await context.matchImage(await context.takeScreenshot(), 'plain');
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
test('focused first element', async (context) => {
|
|
21
|
-
await context.webdriver
|
|
22
|
-
.actions({
|
|
23
|
-
bridge: true,
|
|
24
|
-
})
|
|
25
|
-
.click(context.webdriver.findElement({ css: '[data-comp-name~="InputLikeText"]' }))
|
|
26
|
-
.perform();
|
|
27
|
-
await context.matchImage(await context.takeScreenshot(), 'focused first element');
|
|
28
|
-
});
|
|
29
|
-
});
|
|
30
|
-
});
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { story, kind, test } from 'creevey';
|
|
2
|
-
|
|
3
|
-
kind('FileUploaderFile', () => {
|
|
4
|
-
story('FileUploaderFileWithValidationError', ({ setStoryParameters }) => {
|
|
5
|
-
setStoryParameters({
|
|
6
|
-
skip: {
|
|
7
|
-
'story-skip-0': {
|
|
8
|
-
in: /^(?!\b(chrome2022)\b)/,
|
|
9
|
-
},
|
|
10
|
-
},
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
test('hover', async (context) => {
|
|
14
|
-
await context.webdriver
|
|
15
|
-
.actions({
|
|
16
|
-
bridge: true,
|
|
17
|
-
})
|
|
18
|
-
.move({
|
|
19
|
-
origin: context.webdriver.findElement({ css: '[data-tid="FileUploader__fileName"]' }),
|
|
20
|
-
})
|
|
21
|
-
.perform();
|
|
22
|
-
await context.matchImage(await context.takeScreenshot(), 'hover');
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
|
-
});
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { story, kind, test } from 'creevey';
|
|
2
|
-
|
|
3
|
-
import { delay } from '../../../lib/delay';
|
|
4
|
-
|
|
5
|
-
const testScrollLockUnlock = () => {
|
|
6
|
-
test('scroll, lock, unlock', async (context) => {
|
|
7
|
-
const toggle = async () => {
|
|
8
|
-
await context.webdriver
|
|
9
|
-
.actions({
|
|
10
|
-
bridge: true,
|
|
11
|
-
})
|
|
12
|
-
.click(context.webdriver.findElement({ css: '[data-tid~="toggle-lock"]' }))
|
|
13
|
-
.perform();
|
|
14
|
-
await delay(1000);
|
|
15
|
-
};
|
|
16
|
-
await context.webdriver.executeScript(function () {
|
|
17
|
-
const scrollContainer = window.document.documentElement;
|
|
18
|
-
scrollContainer.scrollTop = scrollContainer.scrollHeight;
|
|
19
|
-
});
|
|
20
|
-
const scrolled = await context.webdriver.takeScreenshot();
|
|
21
|
-
await toggle();
|
|
22
|
-
const locked = await context.webdriver.takeScreenshot();
|
|
23
|
-
await toggle();
|
|
24
|
-
const unlocked = await context.webdriver.takeScreenshot();
|
|
25
|
-
await context.matchImages({ scrolled, locked, unlocked });
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
kind('HideBodyVerticalScroll', () => {
|
|
30
|
-
story('Sample', ({ setStoryParameters }) => {
|
|
31
|
-
setStoryParameters({
|
|
32
|
-
skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
|
|
33
|
-
});
|
|
34
|
-
testScrollLockUnlock();
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
story('WithScrollableContent', ({ setStoryParameters }) => {
|
|
38
|
-
setStoryParameters({
|
|
39
|
-
skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
|
|
40
|
-
});
|
|
41
|
-
testScrollLockUnlock();
|
|
42
|
-
});
|
|
43
|
-
|
|
44
|
-
story('WithHTMLOverflowYScroll', ({ setStoryParameters }) => {
|
|
45
|
-
setStoryParameters({
|
|
46
|
-
skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
|
|
47
|
-
});
|
|
48
|
-
testScrollLockUnlock();
|
|
49
|
-
});
|
|
50
|
-
|
|
51
|
-
story('Multiple_WithScrollableContent', ({ setStoryParameters }) => {
|
|
52
|
-
setStoryParameters({
|
|
53
|
-
skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
|
|
54
|
-
});
|
|
55
|
-
testScrollLockUnlock();
|
|
56
|
-
});
|
|
57
|
-
|
|
58
|
-
story('DisorderlyUnmountAndResize', ({ setStoryParameters }) => {
|
|
59
|
-
setStoryParameters({
|
|
60
|
-
skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
|
|
61
|
-
});
|
|
62
|
-
test('idle, hide, show, resize', async (context) => {
|
|
63
|
-
const toggle = async (index: number) => {
|
|
64
|
-
await context.webdriver.findElement({ css: `div:nth-of-type(${index}) [data-tid~="toggle-lock"]` }).click();
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
const idle = await context.webdriver.takeScreenshot();
|
|
68
|
-
|
|
69
|
-
await toggle(1);
|
|
70
|
-
await toggle(2);
|
|
71
|
-
const hide = await context.webdriver.takeScreenshot();
|
|
72
|
-
|
|
73
|
-
await toggle(1);
|
|
74
|
-
await toggle(2);
|
|
75
|
-
const show = await context.webdriver.takeScreenshot();
|
|
76
|
-
|
|
77
|
-
await context.webdriver.findElement({ css: '[data-tid="resize"]' }).click();
|
|
78
|
-
const resize = await context.webdriver.takeScreenshot();
|
|
79
|
-
|
|
80
|
-
await context.matchImages({ idle, hide, show, resize });
|
|
81
|
-
});
|
|
82
|
-
});
|
|
83
|
-
});
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import { story, kind, test } from 'creevey';
|
|
2
|
-
|
|
3
|
-
kind('Menu', () => {
|
|
4
|
-
story('WithMaxHeight', ({ setStoryParameters }) => {
|
|
5
|
-
setStoryParameters({
|
|
6
|
-
captureElement: '[data-tid="menu-container"',
|
|
7
|
-
skip: {
|
|
8
|
-
flacky: { in: ['chrome2022'] },
|
|
9
|
-
},
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
test('idle', async (context) => {
|
|
13
|
-
await context.matchImage(await context.takeScreenshot(), 'idle');
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
test('moved up from top to the last Item', async (context) => {
|
|
17
|
-
await context.webdriver
|
|
18
|
-
.actions({
|
|
19
|
-
bridge: true,
|
|
20
|
-
})
|
|
21
|
-
.click(context.webdriver.findElement({ css: '#move-up' }))
|
|
22
|
-
.perform();
|
|
23
|
-
await context.matchImage(await context.takeScreenshot(), 'moved up from top to the last Item');
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
test('moved up from bottom to the first Item', async (context) => {
|
|
27
|
-
await context.webdriver
|
|
28
|
-
.actions({
|
|
29
|
-
bridge: true,
|
|
30
|
-
})
|
|
31
|
-
.click(context.webdriver.findElement({ css: '#move-up' }))
|
|
32
|
-
.click(context.webdriver.findElement({ css: '#move-up' }))
|
|
33
|
-
.click(context.webdriver.findElement({ css: '#move-up' }))
|
|
34
|
-
.perform();
|
|
35
|
-
await context.matchImage(await context.takeScreenshot(), 'moved up from bottom to the first Item');
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
test('moved down from top to the last Item', async (context) => {
|
|
39
|
-
await context.webdriver
|
|
40
|
-
.actions({
|
|
41
|
-
bridge: true,
|
|
42
|
-
})
|
|
43
|
-
.click(context.webdriver.findElement({ css: '#move-up' }))
|
|
44
|
-
.click(context.webdriver.findElement({ css: '#move-up' }))
|
|
45
|
-
.click(context.webdriver.findElement({ css: '#move-up' }))
|
|
46
|
-
.click(context.webdriver.findElement({ css: '#move-down' }))
|
|
47
|
-
.click(context.webdriver.findElement({ css: '#move-down' }))
|
|
48
|
-
.perform();
|
|
49
|
-
await context.matchImage(await context.takeScreenshot(), 'moved down from top to the last Item');
|
|
50
|
-
});
|
|
51
|
-
|
|
52
|
-
test('moved down from bottom to the first Item', async (context) => {
|
|
53
|
-
await context.webdriver
|
|
54
|
-
.actions({
|
|
55
|
-
bridge: true,
|
|
56
|
-
})
|
|
57
|
-
.click(context.webdriver.findElement({ css: '#move-up' }))
|
|
58
|
-
.click(context.webdriver.findElement({ css: '#move-up' }))
|
|
59
|
-
.click(context.webdriver.findElement({ css: '#move-up' }))
|
|
60
|
-
.click(context.webdriver.findElement({ css: '#move-down' }))
|
|
61
|
-
.click(context.webdriver.findElement({ css: '#move-down' }))
|
|
62
|
-
.click(context.webdriver.findElement({ css: '#move-down' }))
|
|
63
|
-
.perform();
|
|
64
|
-
await context.matchImage(await context.takeScreenshot(), 'moved down from bottom to the first Item');
|
|
65
|
-
});
|
|
66
|
-
});
|
|
67
|
-
|
|
68
|
-
story('WithDisabledMenuItem', ({ setStoryParameters }) => {
|
|
69
|
-
setStoryParameters({
|
|
70
|
-
skip: {
|
|
71
|
-
'hover does not work in chrome': { in: ['chrome2022', 'chrome2022Dark'], tests: ['mouseenter'] },
|
|
72
|
-
},
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
test('mouseenter', async (context) => {
|
|
76
|
-
await context.webdriver
|
|
77
|
-
.actions({
|
|
78
|
-
bridge: true,
|
|
79
|
-
})
|
|
80
|
-
.click(context.webdriver.findElement({ css: '[data-tid="menuitem-notdisabled"]' }))
|
|
81
|
-
.perform();
|
|
82
|
-
await context.matchImage(await context.takeScreenshot(), 'mouseenter');
|
|
83
|
-
});
|
|
84
|
-
});
|
|
85
|
-
story('WithItemsWithIconsWithoutTextAlignment', ({ setStoryParameters }) => {
|
|
86
|
-
setStoryParameters({
|
|
87
|
-
skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
|
|
88
|
-
});
|
|
89
|
-
});
|
|
90
|
-
});
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PerformanceMetrics = PerformanceMetrics;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
|
|
2
|
-
var _client = require("react-dom/client");
|
|
3
|
-
|
|
4
|
-
var _Button = require("../../components/Button");
|
|
5
|
-
|
|
6
|
-
var _Spinner = require("../../components/Spinner");
|
|
7
|
-
|
|
8
|
-
var PANEL_WRAPPER_STYLES = { width: '45%', display: 'inline-block', verticalAlign: 'top' };
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
function PerformanceMetrics(props) {
|
|
16
|
-
return /*#__PURE__*/(
|
|
17
|
-
_react.default.createElement("div", { style: { padding: 10, width: 1200 } }, /*#__PURE__*/
|
|
18
|
-
_react.default.createElement("div", { style: { position: 'absolute' } }, /*#__PURE__*/
|
|
19
|
-
_react.default.createElement(_Spinner.Spinner, { type: 'mini', caption: '' })
|
|
20
|
-
), /*#__PURE__*/
|
|
21
|
-
_react.default.createElement("div", { style: { padding: 10 } }, /*#__PURE__*/
|
|
22
|
-
_react.default.createElement("div", { style: PANEL_WRAPPER_STYLES }, /*#__PURE__*/
|
|
23
|
-
_react.default.createElement(PerformanceMetricsPanel, { title: 'Case A', component: props.componentsA })
|
|
24
|
-
), /*#__PURE__*/
|
|
25
|
-
_react.default.createElement("div", { style: PANEL_WRAPPER_STYLES }, /*#__PURE__*/
|
|
26
|
-
_react.default.createElement(PerformanceMetricsPanel, { title: 'Case B', component: props.componentsB })
|
|
27
|
-
)
|
|
28
|
-
)
|
|
29
|
-
));
|
|
30
|
-
|
|
31
|
-
}var
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
PerformanceMetricsPanel = /*#__PURE__*/function (_React$Component) {function PerformanceMetricsPanel() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
|
|
42
|
-
state = {
|
|
43
|
-
mounted: false
|
|
44
|
-
};_this.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
setContainerRef = function (element) {
|
|
82
|
-
_this.container = element;
|
|
83
|
-
};_this.
|
|
84
|
-
|
|
85
|
-
toggleMountedState = function () {
|
|
86
|
-
_this.setState({
|
|
87
|
-
mounted: !_this.state.mounted
|
|
88
|
-
});
|
|
89
|
-
};return _this;}(0, _inheritsLoose2.default)(PerformanceMetricsPanel, _React$Component);var _proto = PerformanceMetricsPanel.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", { style: { lineHeight: '2em' } }, this.props.title), /*#__PURE__*/_react.default.createElement("div", { style: { marginBottom: 10 } }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.toggleMountedState, size: 'small' }, this.state.mounted ? 'Unmount' : 'Mount')), /*#__PURE__*/_react.default.createElement("div", { ref: this.setContainerRef }));};_proto.componentDidMount = function componentDidMount() {if (this.state.mounted && this.container) {var root = (0, _client.createRoot)(this.container);root.render(this.props.component);}};_proto.componentDidUpdate = function componentDidUpdate() {if (!this.container) {return;}if (this.state.mounted) {var root = (0, _client.createRoot)(this.container);root.render(this.props.component);} else {var _root = (0, _client.createRoot)(this.container);_root.unmount();}};return PerformanceMetricsPanel;}(_react.default.Component);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_client","_Button","_Spinner","PANEL_WRAPPER_STYLES","width","display","verticalAlign","PerformanceMetrics","props","default","createElement","style","padding","position","Spinner","type","caption","PerformanceMetricsPanel","title","component","componentsA","componentsB","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","mounted","setContainerRef","element","container","toggleMountedState","setState","_inheritsLoose2","_proto","prototype","render","lineHeight","marginBottom","Button","onClick","size","ref","componentDidMount","root","createRoot","componentDidUpdate","unmount","React","Component"],"sources":["PerformanceMetrics.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Button } from '../../components/Button';\nimport type { Nullable } from '../../typings/utility-types';\nimport { Spinner } from '../../components/Spinner';\n\nconst PANEL_WRAPPER_STYLES = { width: '45%', display: 'inline-block', verticalAlign: 'top' };\n\ninterface PerformanceMetricsProps {\n componentsA: React.ReactElement<any>;\n componentsB: React.ReactElement<any>;\n}\n\nexport function PerformanceMetrics(props: PerformanceMetricsProps) {\n return (\n <div style={{ padding: 10, width: 1200 }}>\n <div style={{ position: 'absolute' }}>\n <Spinner type={'mini'} caption={''} />\n </div>\n <div style={{ padding: 10 }}>\n <div style={PANEL_WRAPPER_STYLES}>\n <PerformanceMetricsPanel title={'Case A'} component={props.componentsA} />\n </div>\n <div style={PANEL_WRAPPER_STYLES}>\n <PerformanceMetricsPanel title={'Case B'} component={props.componentsB} />\n </div>\n </div>\n </div>\n );\n}\n\ninterface PerformanceMetricsPanelProps {\n title: string;\n component: React.ReactElement<any>;\n}\ninterface PerformanceMetricsPanelState {\n mounted: boolean;\n}\n\nclass PerformanceMetricsPanel extends React.Component<PerformanceMetricsPanelProps, PerformanceMetricsPanelState> {\n public state: PerformanceMetricsPanelState = {\n mounted: false,\n };\n private container: Nullable<HTMLElement>;\n\n public render() {\n return (\n <div>\n <h1 style={{ lineHeight: '2em' }}>{this.props.title}</h1>\n <div style={{ marginBottom: 10 }}>\n <Button onClick={this.toggleMountedState} size={'small'}>\n {this.state.mounted ? 'Unmount' : 'Mount'}\n </Button>\n </div>\n <div ref={this.setContainerRef} />\n </div>\n );\n }\n\n public componentDidMount() {\n if (this.state.mounted && this.container) {\n const root = createRoot(this.container);\n root.render(this.props.component);\n }\n }\n\n public componentDidUpdate(): void {\n if (!this.container) {\n return;\n }\n if (this.state.mounted) {\n const root = createRoot(this.container);\n root.render(this.props.component);\n } else {\n const root = createRoot(this.container);\n root.unmount();\n }\n }\n\n private setContainerRef = (element: Nullable<HTMLElement>) => {\n this.container = element;\n };\n\n private toggleMountedState = () => {\n this.setState({\n mounted: !this.state.mounted,\n });\n };\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { story, kind, test } from 'creevey';
|
|
2
|
-
|
|
3
|
-
import { PopupMenuDataTids } from '../tids';
|
|
4
|
-
import { delay } from '../../../lib/delay';
|
|
5
|
-
|
|
6
|
-
const textAlignmentTests = () => {
|
|
7
|
-
test('opened', async (context) => {
|
|
8
|
-
await context.webdriver
|
|
9
|
-
.actions({
|
|
10
|
-
bridge: true,
|
|
11
|
-
})
|
|
12
|
-
.click(context.webdriver.findElement({ css: `[data-tid~="${PopupMenuDataTids.caption}"]` }))
|
|
13
|
-
.perform();
|
|
14
|
-
await delay(1000);
|
|
15
|
-
await context.matchImage(await context.takeScreenshot(), 'opened');
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
kind('PopupMenu', () => {
|
|
20
|
-
story('WithItems', ({ setStoryParameters }) => {
|
|
21
|
-
setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
|
|
22
|
-
|
|
23
|
-
textAlignmentTests();
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
story('WithItemsWithIcons', ({ setStoryParameters }) => {
|
|
27
|
-
setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
|
|
28
|
-
|
|
29
|
-
textAlignmentTests();
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
story('WithItemsWithIconsWithoutTextAlignment', ({ setStoryParameters }) => {
|
|
33
|
-
setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
|
|
34
|
-
|
|
35
|
-
textAlignmentTests();
|
|
36
|
-
});
|
|
37
|
-
});
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { kind, story, test } from 'creevey';
|
|
2
|
-
import { Key } from 'selenium-webdriver';
|
|
3
|
-
|
|
4
|
-
import { delay } from '../../../lib/delay';
|
|
5
|
-
|
|
6
|
-
kind('ThemeVersions/5_0', () => {
|
|
7
|
-
story('Modal5_0', () => {
|
|
8
|
-
test('idle', async (context) => {
|
|
9
|
-
const idle = await context.webdriver.takeScreenshot();
|
|
10
|
-
await context.webdriver
|
|
11
|
-
.actions({
|
|
12
|
-
bridge: true,
|
|
13
|
-
})
|
|
14
|
-
.sendKeys(Key.TAB)
|
|
15
|
-
.perform();
|
|
16
|
-
await delay(200);
|
|
17
|
-
const focusedByTab = await context.webdriver.takeScreenshot();
|
|
18
|
-
await context.matchImages({ idle, focusedByTab });
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
story('SidePage5_0', () => {
|
|
23
|
-
test('idle', async (context) => {
|
|
24
|
-
const idle = await context.webdriver.takeScreenshot();
|
|
25
|
-
await context.webdriver
|
|
26
|
-
.actions({
|
|
27
|
-
bridge: true,
|
|
28
|
-
})
|
|
29
|
-
.sendKeys(Key.TAB)
|
|
30
|
-
.perform();
|
|
31
|
-
await delay(200);
|
|
32
|
-
const focusedByTab = await context.webdriver.takeScreenshot();
|
|
33
|
-
await context.matchImages({ idle, focusedByTab });
|
|
34
|
-
});
|
|
35
|
-
});
|
|
36
|
-
});
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { story, kind, test } from 'creevey';
|
|
2
|
-
|
|
3
|
-
import { delay } from '../../../lib/delay';
|
|
4
|
-
|
|
5
|
-
kind('ThemeProvider', () => {
|
|
6
|
-
story('Playground', ({ setStoryParameters }) => {
|
|
7
|
-
setStoryParameters({
|
|
8
|
-
skip: {
|
|
9
|
-
'repeating tests': {
|
|
10
|
-
tests: ['theme 2022 top', 'theme 2022 bottom', 'theme 2022 dark top', 'theme 2022 dark bottom'],
|
|
11
|
-
in: /^(?!\b(chrome2022|firefox2022)\b)/,
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
test('theme 2022 top', async (context) => {
|
|
17
|
-
await context.webdriver
|
|
18
|
-
.actions({ bridge: true })
|
|
19
|
-
.click(context.webdriver.findElement({ css: '[data-prop-id="lightTheme"]' }))
|
|
20
|
-
.perform();
|
|
21
|
-
await delay(500);
|
|
22
|
-
await context.matchImage(await context.webdriver.takeScreenshot(), 'theme 2022 top');
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
test('theme 2022 bottom', async (context) => {
|
|
26
|
-
await context.webdriver
|
|
27
|
-
.actions({ bridge: true })
|
|
28
|
-
.click(context.webdriver.findElement({ css: '[data-prop-id="lightTheme"]' }))
|
|
29
|
-
.perform();
|
|
30
|
-
await context.webdriver.executeScript(function () {
|
|
31
|
-
document.documentElement.scrollTop = document.documentElement.scrollHeight;
|
|
32
|
-
});
|
|
33
|
-
await delay(1000);
|
|
34
|
-
await context.matchImage(await context.webdriver.takeScreenshot(), 'theme 2022 bottom');
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
test('theme 2022 dark top', async (context) => {
|
|
38
|
-
await context.webdriver
|
|
39
|
-
.actions({ bridge: true })
|
|
40
|
-
.click(context.webdriver.findElement({ css: '[data-prop-id="darkTheme"]' }))
|
|
41
|
-
.perform();
|
|
42
|
-
await delay(500);
|
|
43
|
-
await context.matchImage(await context.webdriver.takeScreenshot(), 'theme 2022 dark top');
|
|
44
|
-
});
|
|
45
|
-
|
|
46
|
-
test('theme 2022 dark bottom', async (context) => {
|
|
47
|
-
await context.webdriver
|
|
48
|
-
.actions({ bridge: true })
|
|
49
|
-
.click(context.webdriver.findElement({ css: '[data-prop-id="darkTheme"]' }))
|
|
50
|
-
.perform();
|
|
51
|
-
await context.webdriver.executeScript(function () {
|
|
52
|
-
document.documentElement.scrollTop = document.documentElement.scrollHeight;
|
|
53
|
-
});
|
|
54
|
-
await delay(1000);
|
|
55
|
-
await context.matchImage(await context.webdriver.takeScreenshot(), 'theme 2022 dark bottom');
|
|
56
|
-
});
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
story('UnlinkVars', ({ setStoryParameters }) => {
|
|
60
|
-
setStoryParameters({
|
|
61
|
-
skip: {
|
|
62
|
-
'themes do not affect logic': {
|
|
63
|
-
in: ['chrome2022Dark', 'firefox2022', 'firefox2022Dark'],
|
|
64
|
-
},
|
|
65
|
-
},
|
|
66
|
-
});
|
|
67
|
-
});
|
|
68
|
-
});
|