@decisiv/ui-components 2.0.1-alpha.20 → 2.0.1-alpha.201
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/lib/atoms/BaseButton/index.d.ts.map +1 -1
- package/lib/atoms/BaseButton/index.js +1 -1
- package/lib/atoms/BooleanInput/elements.d.ts.map +1 -1
- package/lib/atoms/BooleanInput/elements.js +8 -3
- package/lib/atoms/BooleanInput/index.d.ts.map +1 -1
- package/lib/atoms/BooleanInput/index.js +26 -5
- package/lib/atoms/BooleanInput/index.test.js +17 -6
- package/lib/atoms/BooleanInput/types.d.ts +4 -0
- package/lib/atoms/BooleanInput/types.d.ts.map +1 -1
- package/lib/atoms/BooleanInput/types.js +5 -1
- package/lib/atoms/Calendar/hooks/useCalendar/index.d.ts.map +1 -1
- package/lib/atoms/Calendar/hooks/useCalendar/index.js +2 -1
- package/lib/atoms/Calendar/hooks/useCalendar/index.test.js +5 -6
- package/lib/atoms/Calendar/index.d.ts.map +1 -1
- package/lib/atoms/Calendar/index.js +46 -6
- package/lib/atoms/Calendar/index.test.js +68 -38
- package/lib/atoms/Calendar/types.d.ts +1 -1
- package/lib/atoms/Calendar/types.d.ts.map +1 -1
- package/lib/atoms/Calendar/types.js +5 -1
- package/lib/atoms/InputField/Containers.d.ts +12 -6
- package/lib/atoms/InputField/Containers.d.ts.map +1 -1
- package/lib/atoms/InputField/Containers.js +8 -6
- package/lib/atoms/InputField/HelpMessage.d.ts +1 -1
- package/lib/atoms/InputField/HelpMessage.d.ts.map +1 -1
- package/lib/atoms/InputField/HelpMessage.js +2 -1
- package/lib/atoms/InputField/InputLabel.d.ts +1 -0
- package/lib/atoms/InputField/InputLabel.d.ts.map +1 -1
- package/lib/atoms/InputField/InputLabel.js +2 -1
- package/lib/atoms/InputField/index.d.ts +8 -1
- package/lib/atoms/InputField/index.d.ts.map +1 -1
- package/lib/atoms/InputField/index.js +27 -9
- package/lib/atoms/InputField/index.test.js +91 -0
- package/lib/atoms/InputField/schema.d.ts.map +1 -1
- package/lib/atoms/InputField/schema.js +3 -2
- package/lib/atoms/OptionsList/Category/index.d.ts +4 -0
- package/lib/atoms/OptionsList/Category/index.d.ts.map +1 -0
- package/lib/atoms/OptionsList/{Category.js → Category/index.js} +13 -21
- package/lib/atoms/OptionsList/Category/styles.d.ts +6 -0
- package/lib/atoms/OptionsList/Category/styles.d.ts.map +1 -0
- package/lib/atoms/OptionsList/Category/styles.js +36 -0
- package/lib/atoms/OptionsList/{Option.d.ts → Option/index.d.ts} +2 -2
- package/lib/atoms/OptionsList/Option/index.d.ts.map +1 -0
- package/lib/atoms/OptionsList/Option/index.js +169 -0
- package/lib/atoms/OptionsList/Option/styles.d.ts +17 -0
- package/lib/atoms/OptionsList/Option/styles.d.ts.map +1 -0
- package/lib/atoms/OptionsList/Option/styles.js +83 -0
- package/lib/atoms/OptionsList/index.d.ts.map +1 -1
- package/lib/atoms/OptionsList/index.js +16 -7
- package/lib/atoms/OptionsList/index.test.js +249 -156
- package/lib/atoms/OptionsList/schema.d.ts.map +1 -1
- package/lib/atoms/OptionsList/schema.js +3 -1
- package/lib/atoms/OptionsList/types.d.ts +23 -0
- package/lib/atoms/OptionsList/types.d.ts.map +1 -1
- package/lib/atoms/OptionsList/types.js +5 -1
- package/lib/atoms/RequiredIcon.d.ts +9 -0
- package/lib/atoms/RequiredIcon.d.ts.map +1 -0
- package/lib/atoms/{InputField/RequiredIcon.js → RequiredIcon.js} +7 -3
- package/lib/components/Accordion/types.js +5 -1
- package/lib/components/Accordion/useAccordion/types.js +5 -1
- package/lib/components/Alert/Container.d.ts +201 -0
- package/lib/components/Alert/Container.d.ts.map +1 -0
- package/lib/components/Alert/Container.js +26 -0
- package/lib/components/Alert/StyledButton.d.ts +5 -0
- package/lib/components/Alert/StyledButton.d.ts.map +1 -0
- package/lib/components/Alert/StyledButton.js +23 -0
- package/lib/components/Alert/index.d.ts +27 -0
- package/lib/components/Alert/index.d.ts.map +1 -0
- package/lib/components/Alert/index.js +112 -0
- package/lib/components/Alert/index.test.js +79 -0
- package/lib/components/Alert/intents.d.ts +13 -0
- package/lib/components/Alert/intents.d.ts.map +1 -0
- package/lib/components/Alert/intents.js +72 -0
- package/lib/components/{Tabs/schema.tab.d.ts → Alert/schema.d.ts} +1 -1
- package/lib/components/Alert/schema.d.ts.map +1 -0
- package/lib/components/Alert/schema.js +25 -0
- package/lib/components/Alert/types.d.ts +36 -0
- package/lib/components/Alert/types.d.ts.map +1 -0
- package/lib/components/Alert/types.js +32 -0
- package/lib/components/Avatar/AvatarContainer.d.ts +1 -13
- package/lib/components/Avatar/AvatarContainer.d.ts.map +1 -1
- package/lib/components/Avatar/AvatarContainer.js +12 -13
- package/lib/components/Avatar/AvatarContent.d.ts +2 -2
- package/lib/components/Avatar/AvatarContent.d.ts.map +1 -1
- package/lib/components/Avatar/AvatarContent.js +24 -20
- package/lib/components/Avatar/index.d.ts.map +1 -1
- package/lib/components/Avatar/index.js +39 -5
- package/lib/components/Avatar/index.test.js +4 -0
- package/lib/components/Avatar/schema.d.ts.map +1 -1
- package/lib/components/Avatar/schema.js +3 -1
- package/lib/components/Avatar/types.d.ts +15 -2
- package/lib/components/Avatar/types.d.ts.map +1 -1
- package/lib/components/Avatar/types.js +5 -1
- package/lib/components/Badge/constants.d.ts +2 -0
- package/lib/components/Badge/constants.d.ts.map +1 -0
- package/lib/components/Badge/constants.js +29 -0
- package/lib/components/Badge/index.d.ts.map +1 -1
- package/lib/components/Badge/index.js +3 -70
- package/lib/components/Badge/index.test.js +62 -8
- package/lib/components/Badge/schema.d.ts.map +1 -1
- package/lib/components/Badge/schema.js +2 -1
- package/lib/components/Badge/styles.d.ts +3 -0
- package/lib/components/Badge/styles.d.ts.map +1 -0
- package/lib/components/Badge/styles.js +96 -0
- package/lib/components/Badge/types.d.ts +3 -2
- package/lib/components/Badge/types.d.ts.map +1 -1
- package/lib/components/Badge/types.js +7 -3
- package/lib/components/Breadcrumbs/types.js +5 -1
- package/lib/components/Button/StyledButton.d.ts +3 -6
- package/lib/components/Button/StyledButton.d.ts.map +1 -1
- package/lib/components/Button/StyledButton.js +39 -11
- package/lib/components/Button/index.d.ts.map +1 -1
- package/lib/components/Button/index.js +51 -12
- package/lib/components/Button/index.test.js +43 -8
- package/lib/components/Button/schema.d.ts.map +1 -1
- package/lib/components/Button/schema.js +4 -1
- package/lib/components/Button/types.d.ts +4 -1
- package/lib/components/Button/types.d.ts.map +1 -1
- package/lib/components/Button/types.js +5 -1
- package/lib/components/Checkbox/index.d.ts.map +1 -1
- package/lib/components/Checkbox/index.js +3 -1
- package/lib/components/Checkbox/schema.d.ts.map +1 -1
- package/lib/components/Checkbox/schema.js +2 -0
- package/lib/components/CheckboxGroup/index.d.ts +1 -1
- package/lib/components/Combobox/Target.d.ts.map +1 -1
- package/lib/components/Combobox/Target.js +52 -14
- package/lib/components/Combobox/index.d.ts.map +1 -1
- package/lib/components/Combobox/index.js +217 -85
- package/lib/components/Combobox/index.test.js +370 -147
- package/lib/components/Combobox/schema.d.ts.map +1 -1
- package/lib/components/Combobox/schema.js +10 -2
- package/lib/components/Combobox/types.d.ts +12 -3
- package/lib/components/Combobox/types.d.ts.map +1 -1
- package/lib/components/Combobox/types.js +5 -1
- package/lib/components/Drawer/index.d.ts +22 -0
- package/lib/components/Drawer/index.d.ts.map +1 -0
- package/lib/components/Drawer/index.js +115 -0
- package/lib/components/Drawer/index.test.js +139 -0
- package/lib/components/Drawer/schema.d.ts +3 -0
- package/lib/components/Drawer/schema.d.ts.map +1 -0
- package/lib/components/Drawer/schema.js +32 -0
- package/lib/components/Drawer/styles.d.ts +11 -0
- package/lib/components/Drawer/styles.d.ts.map +1 -0
- package/lib/components/Drawer/styles.js +79 -0
- package/lib/components/DropdownList/index.d.ts +1 -0
- package/lib/components/DropdownList/index.d.ts.map +1 -1
- package/lib/components/DropdownList/index.js +70 -22
- package/lib/components/DropdownList/propTypes.d.ts +4 -0
- package/lib/components/DropdownList/propTypes.d.ts.map +1 -0
- package/lib/components/DropdownList/propTypes.js +42 -0
- package/lib/components/DropdownList/schema.d.ts.map +1 -1
- package/lib/components/DropdownList/schema.js +2 -1
- package/lib/components/DropdownList/types.d.ts +2 -0
- package/lib/components/DropdownList/types.d.ts.map +1 -1
- package/lib/components/Filter/ActionFilter/index.d.ts +5 -0
- package/lib/components/Filter/ActionFilter/index.d.ts.map +1 -0
- package/lib/components/Filter/ActionFilter/index.js +43 -0
- package/lib/components/Filter/IconWrapper/index.d.ts +197 -0
- package/lib/components/Filter/IconWrapper/index.d.ts.map +1 -0
- package/lib/components/Filter/IconWrapper/index.js +35 -0
- package/lib/components/Filter/SimplePrimary/index.d.ts +5 -0
- package/lib/components/Filter/SimplePrimary/index.d.ts.map +1 -0
- package/lib/components/Filter/SimplePrimary/index.js +46 -0
- package/lib/components/Filter/SimplePrimary/index.test.js +34 -0
- package/lib/components/Filter/StyledFilter.d.ts +4 -0
- package/lib/components/Filter/StyledFilter.d.ts.map +1 -0
- package/lib/components/Filter/StyledFilter.js +66 -0
- package/lib/components/Filter/StyledLabel/index.d.ts +8 -0
- package/lib/components/Filter/StyledLabel/index.d.ts.map +1 -0
- package/lib/components/Filter/StyledLabel/index.js +38 -0
- package/lib/components/Filter/index.d.ts +6 -0
- package/lib/components/Filter/index.d.ts.map +1 -0
- package/lib/components/Filter/index.js +107 -0
- package/lib/components/Filter/index.test.js +70 -0
- package/lib/components/Filter/kind.d.ts +7 -0
- package/lib/components/Filter/kind.d.ts.map +1 -0
- package/lib/components/Filter/kind.js +43 -0
- package/lib/components/Filter/schema.d.ts +9 -0
- package/lib/components/Filter/schema.d.ts.map +1 -0
- package/lib/components/Filter/schema.js +37 -0
- package/lib/components/Filter/types.d.ts +31 -0
- package/lib/components/Filter/types.d.ts.map +1 -0
- package/lib/components/Filter/types.js +5 -0
- package/lib/components/JumpTo/JumpToMenu.d.ts +2 -2
- package/lib/components/JumpTo/JumpToMenu.d.ts.map +1 -1
- package/lib/components/JumpTo/JumpToMenu.js +53 -12
- package/lib/components/JumpTo/index.test.js +84 -0
- package/lib/components/JumpTo/schema.d.ts.map +1 -1
- package/lib/components/JumpTo/schema.js +2 -1
- package/lib/components/JumpTo/types.d.ts +1 -0
- package/lib/components/JumpTo/types.d.ts.map +1 -1
- package/lib/components/JumpTo/types.js +5 -1
- package/lib/components/JumpTo/utils.d.ts.map +1 -1
- package/lib/components/JumpTo/utils.js +3 -7
- package/lib/components/LeftNav/Item/ClickArea.js +1 -1
- package/lib/components/LeftNav/Item/ItemWrapper.d.ts.map +1 -1
- package/lib/components/LeftNav/Item/ItemWrapper.js +3 -1
- package/lib/components/LeftNav/Item/MenuItemWrapper.d.ts +7 -0
- package/lib/components/LeftNav/Item/MenuItemWrapper.d.ts.map +1 -0
- package/lib/components/LeftNav/Item/MenuItemWrapper.js +20 -0
- package/lib/components/LeftNav/Item/NavCollapsedXItem/index.d.ts.map +1 -1
- package/lib/components/LeftNav/Item/NavCollapsedXItem/index.js +7 -5
- package/lib/components/LeftNav/Item/NavExpandedItem/index.d.ts.map +1 -1
- package/lib/components/LeftNav/Item/NavExpandedItem/index.js +24 -13
- package/lib/components/LeftNav/Item/types.d.ts +1 -1
- package/lib/components/LeftNav/Item/types.d.ts.map +1 -1
- package/lib/components/LeftNav/Item/types.js +5 -1
- package/lib/components/LeftNav/index.test.js +13 -3
- package/lib/components/LeftNav/schema.d.ts.map +1 -1
- package/lib/components/LeftNav/schema.js +2 -0
- package/lib/components/LeftNav/types.d.ts +1 -0
- package/lib/components/LeftNav/types.d.ts.map +1 -1
- package/lib/components/LeftNav/types.js +5 -1
- package/lib/components/Link/DisabledLink.d.ts +7 -0
- package/lib/components/Link/DisabledLink.d.ts.map +1 -0
- package/lib/components/Link/DisabledLink.js +46 -0
- package/lib/components/Link/Link.d.ts +4 -0
- package/lib/components/Link/Link.d.ts.map +1 -0
- package/lib/components/Link/Link.js +67 -0
- package/lib/components/Link/index.d.ts +4 -23
- package/lib/components/Link/index.d.ts.map +1 -1
- package/lib/components/Link/index.js +20 -158
- package/lib/components/Link/index.test.js +63 -42
- package/lib/components/Link/schema.d.ts.map +1 -1
- package/lib/components/Link/schema.js +2 -1
- package/lib/components/Link/styles.d.ts +20 -0
- package/lib/components/Link/styles.d.ts.map +1 -0
- package/lib/components/Link/styles.js +131 -0
- package/lib/components/Link/types.d.ts +28 -0
- package/lib/components/Link/types.d.ts.map +1 -0
- package/lib/components/Link/types.js +5 -0
- package/lib/components/Loading/Loading.d.ts +12 -0
- package/lib/components/Loading/Loading.d.ts.map +1 -0
- package/lib/components/Loading/Loading.js +70 -0
- package/lib/components/Loading/index.d.ts +4 -0
- package/lib/components/Loading/index.d.ts.map +1 -0
- package/lib/components/Loading/index.js +33 -0
- package/lib/components/Loading/index.test.js +55 -0
- package/lib/components/Loading/schema.d.ts +4 -0
- package/lib/components/Loading/schema.d.ts.map +1 -0
- package/lib/components/Loading/schema.js +31 -0
- package/lib/components/Loading/styles.d.ts +211 -0
- package/lib/components/Loading/styles.d.ts.map +1 -0
- package/lib/components/Loading/styles.js +77 -0
- package/lib/components/Loading/types.d.ts +10 -0
- package/lib/components/Loading/types.d.ts.map +1 -0
- package/lib/components/Loading/types.js +5 -0
- package/lib/components/Menu/types.js +5 -1
- package/lib/components/Modal/Manager.d.ts +6 -0
- package/lib/components/Modal/Manager.d.ts.map +1 -0
- package/lib/components/Modal/Manager.js +53 -0
- package/lib/components/Modal/ResponsiveModalWrapper.d.ts +11 -0
- package/lib/components/Modal/ResponsiveModalWrapper.d.ts.map +1 -0
- package/lib/components/Modal/ResponsiveModalWrapper.js +82 -0
- package/lib/components/Modal/components.d.ts +201 -3
- package/lib/components/Modal/components.d.ts.map +1 -1
- package/lib/components/Modal/components.js +16 -24
- package/lib/components/Modal/index.d.ts +8 -4
- package/lib/components/Modal/index.d.ts.map +1 -1
- package/lib/components/Modal/index.js +56 -95
- package/lib/components/Modal/index.test.js +26 -0
- package/lib/components/Modal/schema.d.ts.map +1 -1
- package/lib/components/Modal/schema.js +2 -1
- package/lib/components/Modal/types.d.ts +2 -1
- package/lib/components/Modal/types.d.ts.map +1 -1
- package/lib/components/Modal/types.js +5 -1
- package/lib/components/Modal/utils.d.ts +1 -1
- package/lib/components/Modal/utils.d.ts.map +1 -1
- package/lib/components/Modal/utils.js +7 -5
- package/lib/components/Notifications/Notification/components.d.ts +3 -3
- package/lib/components/Notifications/Notification/components.d.ts.map +1 -1
- package/lib/components/Notifications/Notification/components.js +12 -6
- package/lib/components/Notifications/Notification/index.d.ts +3 -6
- package/lib/components/Notifications/Notification/index.d.ts.map +1 -1
- package/lib/components/Notifications/Notification/index.js +19 -12
- package/lib/components/Notifications/Notification/index.test.js +38 -19
- package/lib/components/Notifications/NotificationsPanel/index.d.ts +2 -1
- package/lib/components/Notifications/NotificationsPanel/index.d.ts.map +1 -1
- package/lib/components/Notifications/NotificationsPanel/index.js +41 -22
- package/lib/components/Notifications/NotificationsPanel/schema.js +1 -1
- package/lib/components/Notifications/Notifier.test.js +79 -10
- package/lib/components/Notifications/constants.d.ts +2 -0
- package/lib/components/Notifications/constants.d.ts.map +1 -0
- package/lib/components/Notifications/constants.js +16 -0
- package/lib/components/Notifications/schema.d.ts.map +1 -1
- package/lib/components/Notifications/schema.js +2 -1
- package/lib/components/Notifications/useNotifications.d.ts +1 -0
- package/lib/components/Notifications/useNotifications.d.ts.map +1 -1
- package/lib/components/Notifications/useNotifications.test.js +7 -4
- package/lib/components/Pagination/Pagination.d.ts +1 -1
- package/lib/components/Pagination/Pagination.d.ts.map +1 -1
- package/lib/components/Pagination/Pagination.js +1 -0
- package/lib/components/Pagination/Pagination.test.js +9 -0
- package/lib/components/Pagination/types.js +5 -1
- package/lib/components/PasswordField/IconWrapper.d.ts +198 -0
- package/lib/components/PasswordField/IconWrapper.d.ts.map +1 -0
- package/lib/components/PasswordField/IconWrapper.js +32 -0
- package/lib/components/PasswordField/Input.d.ts +6 -0
- package/lib/components/PasswordField/Input.d.ts.map +1 -0
- package/lib/components/PasswordField/Input.js +28 -0
- package/lib/components/PasswordField/ShowPasswordButton.d.ts +8 -0
- package/lib/components/PasswordField/ShowPasswordButton.d.ts.map +1 -0
- package/lib/components/PasswordField/ShowPasswordButton.js +48 -0
- package/lib/components/PasswordField/index.d.ts +14 -0
- package/lib/components/PasswordField/index.d.ts.map +1 -0
- package/lib/components/PasswordField/index.js +113 -0
- package/lib/components/PasswordField/index.test.js +217 -0
- package/lib/components/PasswordField/schema.d.ts +3 -0
- package/lib/components/PasswordField/schema.d.ts.map +1 -0
- package/lib/components/PasswordField/schema.js +27 -0
- package/lib/components/Popover/Arrow.d.ts +2 -2
- package/lib/components/Popover/index.d.ts.map +1 -1
- package/lib/components/Popover/index.js +9 -5
- package/lib/components/Popover/schema.d.ts.map +1 -1
- package/lib/components/Popover/schema.js +27 -20
- package/lib/components/Popover/types.d.ts +4 -2
- package/lib/components/Popover/types.d.ts.map +1 -1
- package/lib/components/Popover/utils.d.ts +1 -1
- package/lib/components/SearchInput/index.d.ts +11 -0
- package/lib/components/SearchInput/index.d.ts.map +1 -0
- package/lib/components/SearchInput/index.js +176 -0
- package/lib/components/SearchInput/index.test.js +660 -0
- package/lib/components/SearchInput/schema.d.ts +3 -0
- package/lib/components/SearchInput/schema.d.ts.map +1 -0
- package/lib/components/SearchInput/schema.js +37 -0
- package/lib/components/SearchInput/styles.d.ts +1176 -0
- package/lib/components/SearchInput/styles.d.ts.map +1 -0
- package/lib/components/SearchInput/styles.js +97 -0
- package/lib/components/SearchInput/types.d.ts +38 -0
- package/lib/components/SearchInput/types.d.ts.map +1 -0
- package/lib/components/SearchInput/types.js +5 -0
- package/lib/components/Select/Target.d.ts.map +1 -1
- package/lib/components/Select/Target.js +6 -2
- package/lib/components/Select/index.d.ts.map +1 -1
- package/lib/components/Select/index.js +26 -3
- package/lib/components/Select/index.test.js +106 -23
- package/lib/components/Select/schema.d.ts.map +1 -1
- package/lib/components/Select/schema.js +5 -0
- package/lib/components/Select/types.d.ts +6 -3
- package/lib/components/Select/types.d.ts.map +1 -1
- package/lib/components/Select/types.js +5 -1
- package/lib/components/SelectDate/Target.d.ts.map +1 -1
- package/lib/components/SelectDate/Target.js +6 -2
- package/lib/components/SelectDate/index.d.ts.map +1 -1
- package/lib/components/SelectDate/index.js +32 -3
- package/lib/components/SelectDate/index.test.js +108 -51
- package/lib/components/SelectDate/schema.d.ts.map +1 -1
- package/lib/components/SelectDate/schema.js +3 -0
- package/lib/components/SelectDate/types.d.ts +3 -0
- package/lib/components/SelectDate/types.d.ts.map +1 -1
- package/lib/components/SelectDate/types.js +5 -1
- package/lib/components/SelectDateRange/index.d.ts.map +1 -1
- package/lib/components/SelectDateRange/index.js +31 -2
- package/lib/components/SelectDateRange/index.test.js +115 -58
- package/lib/components/SelectDateRange/schema.d.ts.map +1 -1
- package/lib/components/SelectDateRange/schema.js +3 -0
- package/lib/components/SelectDateRange/types.js +5 -1
- package/lib/components/StepTracker/index.d.ts +11 -0
- package/lib/components/StepTracker/index.d.ts.map +1 -0
- package/lib/components/StepTracker/index.js +56 -0
- package/lib/components/StepTracker/index.test.js +89 -0
- package/lib/components/StepTracker/schema.d.ts +3 -0
- package/lib/components/StepTracker/schema.d.ts.map +1 -0
- package/lib/components/StepTracker/schema.js +19 -0
- package/lib/components/StepTracker/styles.d.ts +605 -0
- package/lib/components/StepTracker/styles.d.ts.map +1 -0
- package/lib/components/StepTracker/styles.js +114 -0
- package/lib/components/Table/Body.d.ts.map +1 -1
- package/lib/components/Table/Body.js +28 -17
- package/lib/components/Table/Container.d.ts.map +1 -1
- package/lib/components/Table/Container.js +6 -1
- package/lib/components/Table/DataRow.d.ts.map +1 -1
- package/lib/components/Table/DataRow.js +26 -18
- package/lib/components/Table/Head.d.ts +1 -1
- package/lib/components/Table/Head.d.ts.map +1 -1
- package/lib/components/Table/Head.js +10 -5
- package/lib/components/Table/HeaderCell/index.d.ts.map +1 -1
- package/lib/components/Table/HeaderCell/index.js +19 -6
- package/lib/components/Table/HeaderCell/types.d.ts +6 -1
- package/lib/components/Table/HeaderCell/types.d.ts.map +1 -1
- package/lib/components/Table/HeaderCell/types.js +5 -1
- package/lib/components/Table/Provider.d.ts +5 -5
- package/lib/components/Table/Provider.d.ts.map +1 -1
- package/lib/components/Table/Provider.js +10 -11
- package/lib/components/Table/index.d.ts.map +1 -1
- package/lib/components/Table/index.js +110 -20
- package/lib/components/Table/index.test.js +80 -33
- package/lib/components/Table/schema.columns.d.ts.map +1 -1
- package/lib/components/Table/schema.columns.js +6 -4
- package/lib/components/Table/schema.d.ts.map +1 -1
- package/lib/components/Table/schema.js +7 -6
- package/lib/components/Table/types.d.ts +19 -4
- package/lib/components/Table/types.d.ts.map +1 -1
- package/lib/components/Table/utils.d.ts +2 -8
- package/lib/components/Table/utils.d.ts.map +1 -1
- package/lib/components/Table/utils.js +21 -20
- package/lib/components/Tabs/Tab/index.d.ts +13 -0
- package/lib/components/Tabs/Tab/index.d.ts.map +1 -0
- package/lib/components/Tabs/Tab/index.js +94 -0
- package/lib/components/Tabs/Tab/schema.d.ts +3 -0
- package/lib/components/Tabs/Tab/schema.d.ts.map +1 -0
- package/lib/components/Tabs/Tab/styles.d.ts +7 -0
- package/lib/components/Tabs/Tab/styles.d.ts.map +1 -0
- package/lib/components/Tabs/Tab/styles.js +37 -0
- package/lib/components/Tabs/context.d.ts +2 -2
- package/lib/components/Tabs/context.d.ts.map +1 -1
- package/lib/components/Tabs/context.js +1 -1
- package/lib/components/Tabs/index.d.ts +17 -6
- package/lib/components/Tabs/index.d.ts.map +1 -1
- package/lib/components/Tabs/index.js +104 -163
- package/lib/components/Tabs/index.test.js +54 -2
- package/lib/components/Tabs/styles.d.ts +4 -0
- package/lib/components/Tabs/styles.d.ts.map +1 -0
- package/lib/components/Tabs/styles.js +35 -0
- package/lib/components/Tag/Action.d.ts +4 -0
- package/lib/components/Tag/Action.d.ts.map +1 -0
- package/lib/components/Tag/Action.js +39 -0
- package/lib/components/Tag/constants.d.ts +2 -2
- package/lib/components/Tag/constants.d.ts.map +1 -1
- package/lib/components/Tag/constants.js +4 -4
- package/lib/components/Tag/index.d.ts +1 -3
- package/lib/components/Tag/index.d.ts.map +1 -1
- package/lib/components/Tag/index.js +40 -97
- package/lib/components/Tag/index.test.js +239 -2
- package/lib/components/Tag/propTypes.d.ts +4 -1
- package/lib/components/Tag/propTypes.d.ts.map +1 -1
- package/lib/components/Tag/propTypes.js +5 -2
- package/lib/components/Tag/schema.d.ts.map +1 -1
- package/lib/components/Tag/schema.js +2 -0
- package/lib/components/Tag/styles.d.ts +13 -0
- package/lib/components/Tag/styles.d.ts.map +1 -0
- package/lib/components/Tag/styles.js +133 -0
- package/lib/components/Tag/types.d.ts +9 -10
- package/lib/components/Tag/types.d.ts.map +1 -1
- package/lib/components/Tag/types.js +5 -1
- package/lib/components/TagInput/index.d.ts +10 -0
- package/lib/components/TagInput/index.d.ts.map +1 -0
- package/lib/components/TagInput/index.js +217 -0
- package/lib/components/TagInput/index.test.js +1001 -0
- package/lib/components/TagInput/schema.d.ts +3 -0
- package/lib/components/TagInput/schema.d.ts.map +1 -0
- package/lib/components/TagInput/schema.js +30 -0
- package/lib/components/TagInput/styles.d.ts +10 -0
- package/lib/components/TagInput/styles.d.ts.map +1 -0
- package/lib/components/TagInput/styles.js +52 -0
- package/lib/components/TextArea/TextArea.d.ts.map +1 -1
- package/lib/components/TextArea/TextArea.js +1 -1
- package/lib/components/TextArea/index.js +1 -0
- package/lib/components/TextArea/index.test.js +5 -0
- package/lib/components/TextField/Input.js +1 -1
- package/lib/components/TextField/index.test.js +5 -0
- package/lib/components/Toggle/Fieldset.d.ts.map +1 -1
- package/lib/components/Toggle/Fieldset.js +20 -11
- package/lib/components/Toggle/Option.d.ts.map +1 -1
- package/lib/components/Toggle/Option.js +1 -1
- package/lib/components/Toggle/Slider.d.ts +1 -3
- package/lib/components/Toggle/Slider.d.ts.map +1 -1
- package/lib/components/Toggle/Slider.js +29 -24
- package/lib/components/Toggle/index.d.ts.map +1 -1
- package/lib/components/Toggle/index.js +6 -1
- package/lib/components/Toggle/index.test.js +39 -10
- package/lib/components/Toggle/propTypes.js +1 -1
- package/lib/components/Toggle/schema.js +1 -1
- package/lib/components/Toggle/types.d.ts +3 -2
- package/lib/components/Toggle/types.d.ts.map +1 -1
- package/lib/components/Toggle/types.js +5 -1
- package/lib/components/ToggleView/ToggleView.d.ts +5 -0
- package/lib/components/ToggleView/ToggleView.d.ts.map +1 -0
- package/lib/components/ToggleView/ToggleView.js +80 -0
- package/lib/components/ToggleView/index.d.ts +4 -0
- package/lib/components/ToggleView/index.d.ts.map +1 -0
- package/lib/components/ToggleView/index.js +33 -0
- package/lib/components/ToggleView/index.test.js +61 -0
- package/lib/components/ToggleView/schema.d.ts +3 -0
- package/lib/components/ToggleView/schema.d.ts.map +1 -0
- package/lib/components/ToggleView/schema.js +24 -0
- package/lib/components/ToggleView/styles.d.ts +6 -0
- package/lib/components/ToggleView/styles.d.ts.map +1 -0
- package/lib/components/ToggleView/styles.js +23 -0
- package/lib/components/ToggleView/types.d.ts +23 -0
- package/lib/components/ToggleView/types.d.ts.map +1 -0
- package/lib/components/ToggleView/types.js +12 -0
- package/lib/components/Tooltip/index.d.ts.map +1 -1
- package/lib/components/Tooltip/index.js +3 -13
- package/lib/components/Tooltip/schema.d.ts +3 -0
- package/lib/components/Tooltip/schema.d.ts.map +1 -0
- package/lib/components/Tooltip/schema.js +29 -0
- package/lib/components/Typography/withColors.d.ts +1 -1
- package/lib/components/Typography/withColors.d.ts.map +1 -1
- package/lib/components/Typography/withColors.js +1 -1
- package/lib/components/Wizard/index.d.ts +24 -0
- package/lib/components/Wizard/index.d.ts.map +1 -0
- package/lib/components/Wizard/index.js +146 -0
- package/lib/components/Wizard/index.test.js +591 -0
- package/lib/components/Wizard/schema.d.ts +3 -0
- package/lib/components/Wizard/schema.d.ts.map +1 -0
- package/lib/components/Wizard/schema.js +37 -0
- package/lib/components/Wizard/styles.d.ts +990 -0
- package/lib/components/Wizard/styles.d.ts.map +1 -0
- package/lib/components/Wizard/styles.js +79 -0
- package/lib/components/index.d.ts +11 -1
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +182 -1
- package/lib/modifiers/palette.d.ts +36 -0
- package/lib/modifiers/palette.d.ts.map +1 -0
- package/lib/modifiers/palette.js +88 -0
- package/lib/modifiers/spacingSchema.d.ts.map +1 -1
- package/lib/modifiers/spacingSchema.js +29 -16
- package/lib/providers/ConfigProvider/index.d.ts.map +1 -1
- package/lib/providers/ConfigProvider/index.js +5 -1
- package/lib/providers/ConfigProvider/utils/context.d.ts +1 -1
- package/lib/providers/ConfigProvider/utils/context.d.ts.map +1 -1
- package/lib/providers/ConfigProvider/utils/normalizer.d.ts.map +1 -1
- package/lib/providers/ConfigProvider/utils/normalizer.js +1 -1
- package/lib/providers/ConfigProvider/utils/translations.d.ts +40 -0
- package/lib/providers/ConfigProvider/utils/translations.d.ts.map +1 -1
- package/lib/providers/ConfigProvider/utils/translations.js +40 -0
- package/lib/providers/NotificationsProvider/index.d.ts +6 -5
- package/lib/providers/NotificationsProvider/index.d.ts.map +1 -1
- package/lib/providers/NotificationsProvider/index.js +47 -28
- package/lib/providers/NotificationsProvider/types.d.ts +4 -1
- package/lib/providers/NotificationsProvider/types.d.ts.map +1 -1
- package/lib/utils/commonUIColors.d.ts +351 -3
- package/lib/utils/commonUIColors.d.ts.map +1 -1
- package/lib/utils/commonUIColors.js +6 -2
- package/lib/utils/joinClassnames.d.ts +3 -0
- package/lib/utils/joinClassnames.d.ts.map +1 -0
- package/lib/utils/joinClassnames.js +26 -0
- package/lib/utils/useDebounce.d.ts +2 -0
- package/lib/utils/useDebounce.d.ts.map +1 -0
- package/lib/utils/useDebounce.js +37 -0
- package/lib/utils/useFirstMount.d.ts +2 -0
- package/lib/utils/useFirstMount.d.ts.map +1 -0
- package/lib/utils/useFirstMount.js +19 -0
- package/lib/utils/useUpdateEffect.d.ts +4 -0
- package/lib/utils/useUpdateEffect.d.ts.map +1 -0
- package/lib/utils/useUpdateEffect.js +28 -0
- package/package.json +2 -2
- package/CHANGELOG.md +0 -796
- package/lib/atoms/InputField/RequiredIcon.d.ts +0 -4
- package/lib/atoms/InputField/RequiredIcon.d.ts.map +0 -1
- package/lib/atoms/OptionsList/Category.d.ts +0 -4
- package/lib/atoms/OptionsList/Category.d.ts.map +0 -1
- package/lib/atoms/OptionsList/Option.d.ts.map +0 -1
- package/lib/atoms/OptionsList/Option.js +0 -194
- package/lib/components/Tabs/Tab.d.ts +0 -5
- package/lib/components/Tabs/Tab.d.ts.map +0 -1
- package/lib/components/Tabs/Tab.js +0 -109
- package/lib/components/Tabs/schema.tab.d.ts.map +0 -1
- package/lib/components/Tabs/types.d.ts +0 -27
- package/lib/components/Tabs/types.d.ts.map +0 -1
- package/lib/components/Tabs/types.js +0 -1
- package/lib/components/Tag/ActionButton.d.ts +0 -5
- package/lib/components/Tag/ActionButton.d.ts.map +0 -1
- package/lib/components/Tag/ActionButton.js +0 -56
- /package/lib/components/Tabs/{schema.tab.js → Tab/schema.js} +0 -0
|
@@ -95,16 +95,36 @@ describe('SelectDateRange', function () {
|
|
|
95
95
|
|
|
96
96
|
expect(queryByText(defaultProps.label)).toBeInTheDocument();
|
|
97
97
|
});
|
|
98
|
+
describe('when label is hidden', function () {
|
|
99
|
+
it('does not display the label element', function () {
|
|
100
|
+
var _render2 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
101
|
+
hideLabel: true
|
|
102
|
+
}))),
|
|
103
|
+
getByText = _render2.getByText;
|
|
104
|
+
|
|
105
|
+
expect(getByText(defaultProps.label, {
|
|
106
|
+
selector: 'span'
|
|
107
|
+
})).not.toBeVisible();
|
|
108
|
+
});
|
|
109
|
+
it('does display the input related to the label', function () {
|
|
110
|
+
var _render3 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
111
|
+
hideLabel: true
|
|
112
|
+
}))),
|
|
113
|
+
getByLabelText = _render3.getByLabelText;
|
|
114
|
+
|
|
115
|
+
expect(getByLabelText(defaultProps.label)).toBeVisible();
|
|
116
|
+
});
|
|
117
|
+
});
|
|
98
118
|
it('renders the calendar icon', function () {
|
|
99
119
|
var _rtlRender = (0, _react2.render)(_react.default.createElement(_Calendar.default, null)),
|
|
100
120
|
iconContainer = _rtlRender.container;
|
|
101
121
|
|
|
102
122
|
var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
|
|
103
123
|
|
|
104
|
-
var
|
|
124
|
+
var _render4 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
105
125
|
icon: _Calendar.default
|
|
106
126
|
}))),
|
|
107
|
-
container =
|
|
127
|
+
container = _render4.container; // There will be other icons rendered as well, like the expanded indicator.
|
|
108
128
|
// The Calendar icon should be first in the render tree.
|
|
109
129
|
|
|
110
130
|
|
|
@@ -117,8 +137,8 @@ describe('SelectDateRange', function () {
|
|
|
117
137
|
|
|
118
138
|
var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
|
|
119
139
|
|
|
120
|
-
var
|
|
121
|
-
container =
|
|
140
|
+
var _render5 = render(_react.default.createElement(_.default, defaultProps)),
|
|
141
|
+
container = _render5.container; // With no value rendered and no icon prop provided, the expanded indicator
|
|
122
142
|
// will be first in the render tree.
|
|
123
143
|
|
|
124
144
|
|
|
@@ -132,10 +152,10 @@ describe('SelectDateRange', function () {
|
|
|
132
152
|
|
|
133
153
|
var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
|
|
134
154
|
|
|
135
|
-
var
|
|
136
|
-
baseElement =
|
|
137
|
-
container =
|
|
138
|
-
getByText =
|
|
155
|
+
var _render6 = render(_react.default.createElement(_.default, defaultProps)),
|
|
156
|
+
baseElement = _render6.baseElement,
|
|
157
|
+
container = _render6.container,
|
|
158
|
+
getByText = _render6.getByText;
|
|
139
159
|
|
|
140
160
|
expect((0, _react2.queryByText)(baseElement, /today/i)).not.toBeInTheDocument();
|
|
141
161
|
var label = getByText(defaultProps.label);
|
|
@@ -146,12 +166,49 @@ describe('SelectDateRange', function () {
|
|
|
146
166
|
expect(expandedIconPathD).toEqual(iconPathD);
|
|
147
167
|
expect((0, _react2.queryByText)(baseElement, /today/i)).toBeInTheDocument();
|
|
148
168
|
});
|
|
169
|
+
it('triggers onShow callback', function () {
|
|
170
|
+
var onShow = jest.fn();
|
|
171
|
+
|
|
172
|
+
var _render7 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
173
|
+
onShow: onShow
|
|
174
|
+
}))),
|
|
175
|
+
queryByText = _render7.queryByText;
|
|
176
|
+
|
|
177
|
+
expect(onShow).not.toHaveBeenCalled();
|
|
178
|
+
var label = queryByText(defaultProps.label);
|
|
179
|
+
|
|
180
|
+
_react2.fireEvent.click(label);
|
|
181
|
+
|
|
182
|
+
expect(onShow).toHaveBeenCalled();
|
|
183
|
+
});
|
|
184
|
+
it('triggers onHide callback', function () {
|
|
185
|
+
var onHide = jest.fn();
|
|
186
|
+
|
|
187
|
+
var _render8 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
188
|
+
onHide: onHide
|
|
189
|
+
}))),
|
|
190
|
+
queryByText = _render8.queryByText;
|
|
191
|
+
|
|
192
|
+
expect(onHide).not.toHaveBeenCalled();
|
|
193
|
+
var label = queryByText(defaultProps.label);
|
|
194
|
+
|
|
195
|
+
_react2.fireEvent.click(label);
|
|
196
|
+
|
|
197
|
+
_react2.fireEvent.keyDown(label, {
|
|
198
|
+
key: 'Escape',
|
|
199
|
+
code: 'Escape',
|
|
200
|
+
keyCode: 27,
|
|
201
|
+
charCode: 27
|
|
202
|
+
});
|
|
203
|
+
|
|
204
|
+
expect(onHide).toHaveBeenCalled();
|
|
205
|
+
});
|
|
149
206
|
});
|
|
150
207
|
describe('when clicking the InputField value button', function () {
|
|
151
208
|
it('opens a popover with the calendar', function () {
|
|
152
|
-
var
|
|
153
|
-
baseElement =
|
|
154
|
-
getByLabelText =
|
|
209
|
+
var _render9 = render(_react.default.createElement(_.default, defaultProps)),
|
|
210
|
+
baseElement = _render9.baseElement,
|
|
211
|
+
getByLabelText = _render9.getByLabelText;
|
|
155
212
|
|
|
156
213
|
expect((0, _react2.queryByText)(baseElement, /today/i)).not.toBeInTheDocument();
|
|
157
214
|
var valueButton = getByLabelText(defaultProps.label);
|
|
@@ -163,9 +220,9 @@ describe('SelectDateRange', function () {
|
|
|
163
220
|
});
|
|
164
221
|
describe('when the calendar popover is open', function () {
|
|
165
222
|
it('renders the calendar', function () {
|
|
166
|
-
var
|
|
167
|
-
baseElement =
|
|
168
|
-
getByText =
|
|
223
|
+
var _render10 = render(_react.default.createElement(_.default, defaultProps)),
|
|
224
|
+
baseElement = _render10.baseElement,
|
|
225
|
+
getByText = _render10.getByText;
|
|
169
226
|
|
|
170
227
|
var today = new Date();
|
|
171
228
|
var lastDateInMonth = new Date(today.getFullYear(), today.getMonth() + 1, 0);
|
|
@@ -209,9 +266,9 @@ describe('SelectDateRange', function () {
|
|
|
209
266
|
}
|
|
210
267
|
});
|
|
211
268
|
it('renders apply, cancel and clear buttons inside the popover', function () {
|
|
212
|
-
var
|
|
213
|
-
baseElement =
|
|
214
|
-
getByLabelText =
|
|
269
|
+
var _render11 = render(_react.default.createElement(_.default, defaultProps)),
|
|
270
|
+
baseElement = _render11.baseElement,
|
|
271
|
+
getByLabelText = _render11.getByLabelText;
|
|
215
272
|
|
|
216
273
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
217
274
|
|
|
@@ -220,10 +277,10 @@ describe('SelectDateRange', function () {
|
|
|
220
277
|
expect((0, _react2.queryByText)(baseElement, /clear/i)).toBeInTheDocument();
|
|
221
278
|
});
|
|
222
279
|
it('enables apply button only when selection is complete', function () {
|
|
223
|
-
var
|
|
224
|
-
baseElement =
|
|
225
|
-
getByLabelText =
|
|
226
|
-
getByText =
|
|
280
|
+
var _render12 = render(_react.default.createElement(_.default, defaultProps)),
|
|
281
|
+
baseElement = _render12.baseElement,
|
|
282
|
+
getByLabelText = _render12.getByLabelText,
|
|
283
|
+
getByText = _render12.getByText;
|
|
227
284
|
|
|
228
285
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
229
286
|
|
|
@@ -244,9 +301,9 @@ describe('SelectDateRange', function () {
|
|
|
244
301
|
});
|
|
245
302
|
describe('when navigating with the calendar controls', function () {
|
|
246
303
|
it('does NOT close the popover after each click', function () {
|
|
247
|
-
var
|
|
248
|
-
baseElement =
|
|
249
|
-
getByText =
|
|
304
|
+
var _render13 = render(_react.default.createElement(_.default, defaultProps)),
|
|
305
|
+
baseElement = _render13.baseElement,
|
|
306
|
+
getByText = _render13.getByText; // open the calendar popover
|
|
250
307
|
|
|
251
308
|
|
|
252
309
|
_react2.fireEvent.click(getByText(defaultProps.label)); // the "today" button is a part of the calendar controls
|
|
@@ -271,11 +328,11 @@ describe('SelectDateRange', function () {
|
|
|
271
328
|
});
|
|
272
329
|
describe('when clearing the value with the clear button inside the popover', function () {
|
|
273
330
|
it('does not closes the popover after click', function () {
|
|
274
|
-
var
|
|
331
|
+
var _render14 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
275
332
|
defaultValue: []
|
|
276
333
|
}))),
|
|
277
|
-
baseElement =
|
|
278
|
-
getByLabelText =
|
|
334
|
+
baseElement = _render14.baseElement,
|
|
335
|
+
getByLabelText = _render14.getByLabelText;
|
|
279
336
|
|
|
280
337
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
281
338
|
|
|
@@ -288,13 +345,13 @@ describe('SelectDateRange', function () {
|
|
|
288
345
|
it('calls the onChange prop with `undefined`', function () {
|
|
289
346
|
var onChange = jest.fn();
|
|
290
347
|
|
|
291
|
-
var
|
|
348
|
+
var _render15 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
292
349
|
defaultValue: [],
|
|
293
350
|
onChange: onChange
|
|
294
351
|
}))),
|
|
295
|
-
baseElement =
|
|
296
|
-
getByLabelText =
|
|
297
|
-
queryByLabelText =
|
|
352
|
+
baseElement = _render15.baseElement,
|
|
353
|
+
getByLabelText = _render15.getByLabelText,
|
|
354
|
+
queryByLabelText = _render15.queryByLabelText;
|
|
298
355
|
|
|
299
356
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
300
357
|
|
|
@@ -315,10 +372,10 @@ describe('SelectDateRange', function () {
|
|
|
315
372
|
_createDateRange2 = _slicedToArray(_createDateRange, 2),
|
|
316
373
|
endDate = _createDateRange2[1];
|
|
317
374
|
|
|
318
|
-
var
|
|
319
|
-
baseElement =
|
|
320
|
-
getByLabelText =
|
|
321
|
-
queryByLabelText =
|
|
375
|
+
var _render16 = render(_react.default.createElement(_.default, defaultProps)),
|
|
376
|
+
baseElement = _render16.baseElement,
|
|
377
|
+
getByLabelText = _render16.getByLabelText,
|
|
378
|
+
queryByLabelText = _render16.queryByLabelText;
|
|
322
379
|
|
|
323
380
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
324
381
|
|
|
@@ -335,9 +392,9 @@ describe('SelectDateRange', function () {
|
|
|
335
392
|
it('does not close the calendar popover', function () {
|
|
336
393
|
var today = new Date();
|
|
337
394
|
|
|
338
|
-
var
|
|
339
|
-
baseElement =
|
|
340
|
-
getByLabelText =
|
|
395
|
+
var _render17 = render(_react.default.createElement(_.default, defaultProps)),
|
|
396
|
+
baseElement = _render17.baseElement,
|
|
397
|
+
getByLabelText = _render17.getByLabelText;
|
|
341
398
|
|
|
342
399
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
343
400
|
|
|
@@ -358,11 +415,11 @@ describe('SelectDateRange', function () {
|
|
|
358
415
|
_createDateRange4 = _slicedToArray(_createDateRange3, 2),
|
|
359
416
|
endDate = _createDateRange4[1];
|
|
360
417
|
|
|
361
|
-
var
|
|
418
|
+
var _render18 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
362
419
|
onRangeChange: onRangeChange
|
|
363
420
|
}))),
|
|
364
|
-
baseElement =
|
|
365
|
-
getByLabelText =
|
|
421
|
+
baseElement = _render18.baseElement,
|
|
422
|
+
getByLabelText = _render18.getByLabelText;
|
|
366
423
|
|
|
367
424
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
368
425
|
|
|
@@ -391,10 +448,10 @@ describe('SelectDateRange', function () {
|
|
|
391
448
|
var endDate = new Date();
|
|
392
449
|
endDate.setDate(startDate.getDate() + 2);
|
|
393
450
|
|
|
394
|
-
var
|
|
451
|
+
var _render19 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
395
452
|
values: [startDate, endDate]
|
|
396
453
|
}))),
|
|
397
|
-
container =
|
|
454
|
+
container = _render19.container;
|
|
398
455
|
|
|
399
456
|
var clearButtonIconPathD = container.querySelectorAll('svg path')[0].getAttribute('d');
|
|
400
457
|
expect(clearButtonIconPathD).toEqual(iconPathD);
|
|
@@ -402,10 +459,10 @@ describe('SelectDateRange', function () {
|
|
|
402
459
|
it('renders the date in the correct format', function () {
|
|
403
460
|
var value = createDateRange(new Date(), -2);
|
|
404
461
|
|
|
405
|
-
var
|
|
462
|
+
var _render20 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
406
463
|
values: value
|
|
407
464
|
}))),
|
|
408
|
-
getByLabelText =
|
|
465
|
+
getByLabelText = _render20.getByLabelText;
|
|
409
466
|
|
|
410
467
|
expect(getByLabelText(defaultProps.label)).toHaveTextContent(formatDateRange(value));
|
|
411
468
|
});
|
|
@@ -413,14 +470,14 @@ describe('SelectDateRange', function () {
|
|
|
413
470
|
var onChange = jest.fn();
|
|
414
471
|
var value = createDateRange(new Date(2020, 1, 15), 2);
|
|
415
472
|
|
|
416
|
-
var
|
|
473
|
+
var _render21 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
417
474
|
onChange: onChange,
|
|
418
475
|
values: value
|
|
419
476
|
}))),
|
|
420
|
-
baseElement =
|
|
421
|
-
rerender =
|
|
422
|
-
getByLabelText =
|
|
423
|
-
queryByText =
|
|
477
|
+
baseElement = _render21.baseElement,
|
|
478
|
+
rerender = _render21.rerender,
|
|
479
|
+
getByLabelText = _render21.getByLabelText,
|
|
480
|
+
queryByText = _render21.queryByText;
|
|
424
481
|
|
|
425
482
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
426
483
|
|
|
@@ -455,12 +512,12 @@ describe('SelectDateRange', function () {
|
|
|
455
512
|
var onChange = jest.fn();
|
|
456
513
|
var value = createDateRange(new Date(2020, 1, 15), 2);
|
|
457
514
|
|
|
458
|
-
var
|
|
515
|
+
var _render22 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
459
516
|
onChange: onChange,
|
|
460
517
|
values: value
|
|
461
518
|
}))),
|
|
462
|
-
baseElement =
|
|
463
|
-
getByLabelText =
|
|
519
|
+
baseElement = _render22.baseElement,
|
|
520
|
+
getByLabelText = _render22.getByLabelText;
|
|
464
521
|
|
|
465
522
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
466
523
|
|
|
@@ -475,10 +532,10 @@ describe('SelectDateRange', function () {
|
|
|
475
532
|
it('initializes with the default value', function () {
|
|
476
533
|
var value = createDateRange(new Date(2020, 1, 15));
|
|
477
534
|
|
|
478
|
-
var
|
|
535
|
+
var _render23 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
479
536
|
defaultValue: value
|
|
480
537
|
}))),
|
|
481
|
-
getByLabelText =
|
|
538
|
+
getByLabelText = _render23.getByLabelText;
|
|
482
539
|
|
|
483
540
|
expect(getByLabelText(defaultProps.label)).toHaveTextContent(formatDateRange(value));
|
|
484
541
|
});
|
|
@@ -486,12 +543,12 @@ describe('SelectDateRange', function () {
|
|
|
486
543
|
var onRangeChange = jest.fn();
|
|
487
544
|
var value = createDateRange(new Date(2020, 1, 15));
|
|
488
545
|
|
|
489
|
-
var
|
|
546
|
+
var _render24 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
490
547
|
onRangeChange: onRangeChange,
|
|
491
548
|
defaultValue: value
|
|
492
549
|
}))),
|
|
493
|
-
baseElement =
|
|
494
|
-
getByLabelText =
|
|
550
|
+
baseElement = _render24.baseElement,
|
|
551
|
+
getByLabelText = _render24.getByLabelText;
|
|
495
552
|
|
|
496
553
|
var _value2 = _slicedToArray(value, 2),
|
|
497
554
|
endDate = _value2[1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDateRange/schema.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM,KAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDateRange/schema.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAgDnD,eAAe,MAAM,CAAC"}
|
|
@@ -25,7 +25,10 @@ var schema = (0, _reactDesc.describe)({
|
|
|
25
25
|
schema.propTypes = _objectSpread({}, (0, _omit.default)(_InputField.schema.makePropTypes(), ['children', 'maxLength', 'onChange', 'showCharacterCount', 'value']), {
|
|
26
26
|
clearButtonLabel: _reactDesc.PropTypes.string.description("A hidden label value for the clear button. The select component's label is available within the string for clarity.").defaultValue('Clear {label} value'),
|
|
27
27
|
defaultValues: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.instanceOf(Date)).description('An array of two `Date` values indicating the start and the end of the range that should be selected by default.'),
|
|
28
|
+
containerSelector: _reactDesc.PropTypes.string.description("A CSS selector to the element where the SelectDateRange should be rendered in, or \"parent\" to render the SelectDateRange in-place.").defaultValue('body'),
|
|
28
29
|
onChange: _reactDesc.PropTypes.func.description('Called with an array of two `Date` values indicating the start and the end of the selected range when the `apply` button is clicked or with `undefined` when the value is cleared'),
|
|
30
|
+
onHide: _reactDesc.PropTypes.func.description('A callback which is triggered when the popover is closed'),
|
|
31
|
+
onShow: _reactDesc.PropTypes.func.description('A callback which is triggered when the popover is opened'),
|
|
29
32
|
values: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.instanceOf(Date)).description('An array of two `Date` values indicating the start and the end of the range. If provided, controlling the SelectDateRange must be handled externally. Overrides `defaultValues`.'),
|
|
30
33
|
onRangeChange: _reactDesc.PropTypes.func.description("Called when dates are being selected and the calendar is open. It's called with an array that contains one or two values depending of selected dates or undefined when it is cleared. Used along with `range` when controlling the selection of dates"),
|
|
31
34
|
range: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.instanceOf(Date)).description('An array of two `Date` values indicating the start and the end of the range being selected when the calendar is open. Used when controlling the selection of dates'),
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface StepTrackerProps {
|
|
3
|
+
activeStep: number;
|
|
4
|
+
steps: string[];
|
|
5
|
+
}
|
|
6
|
+
declare function StepTracker({ activeStep, steps, }: StepTrackerProps): JSX.Element;
|
|
7
|
+
declare namespace StepTracker {
|
|
8
|
+
var propTypes: any;
|
|
9
|
+
}
|
|
10
|
+
export default StepTracker;
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StepTracker/index.tsx"],"names":[],"mappings":";AAiBA,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,iBAAwB,WAAW,CAAC,EAClC,UAAc,EACd,KAAU,GACX,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuChC;kBA1CuB,WAAW;;;eAAX,WAAW"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = StepTracker;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
|
|
11
|
+
|
|
12
|
+
var _Check = _interopRequireDefault(require("@decisiv/iconix/lib/components/Check"));
|
|
13
|
+
|
|
14
|
+
var _Flex = _interopRequireDefault(require("../Flex"));
|
|
15
|
+
|
|
16
|
+
var _schema = _interopRequireDefault(require("./schema"));
|
|
17
|
+
|
|
18
|
+
var _styles = require("./styles");
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
22
|
+
function StepTracker(_ref) {
|
|
23
|
+
var _ref$activeStep = _ref.activeStep,
|
|
24
|
+
activeStep = _ref$activeStep === void 0 ? 0 : _ref$activeStep,
|
|
25
|
+
_ref$steps = _ref.steps,
|
|
26
|
+
steps = _ref$steps === void 0 ? [] : _ref$steps;
|
|
27
|
+
return _react.default.createElement(_styles.StepTrackerContainer, null, steps.map(function (title, index) {
|
|
28
|
+
var isActive = index + 1 === activeStep;
|
|
29
|
+
var isCompleted = activeStep > index + 1;
|
|
30
|
+
var isNextActive = index + 2 === activeStep;
|
|
31
|
+
var isNextCompleted = activeStep > index + 2;
|
|
32
|
+
var labelShade = isCompleted || isActive ? 0 : 1;
|
|
33
|
+
return _react.default.createElement(_styles.StepWrapper, {
|
|
34
|
+
key: (0, _uniqueId.default)("step-".concat(index))
|
|
35
|
+
}, _react.default.createElement(_Flex.default, {
|
|
36
|
+
alignItems: "center"
|
|
37
|
+
}, _react.default.createElement(_styles.StepSeparator, {
|
|
38
|
+
active: isActive,
|
|
39
|
+
completed: isCompleted,
|
|
40
|
+
hide: index === 0
|
|
41
|
+
}), _react.default.createElement(_styles.StepNumber, {
|
|
42
|
+
active: isActive,
|
|
43
|
+
completed: isCompleted
|
|
44
|
+
}, isCompleted ? _react.default.createElement(_Check.default, {
|
|
45
|
+
size: "small"
|
|
46
|
+
}) : index + 1), _react.default.createElement(_styles.StepSeparator, {
|
|
47
|
+
active: isNextActive,
|
|
48
|
+
completed: isNextCompleted,
|
|
49
|
+
hide: index === steps.length - 1
|
|
50
|
+
})), _react.default.createElement(_styles.StepTitleContainer, null, _react.default.createElement(_styles.StepTitle, {
|
|
51
|
+
shade: labelShade
|
|
52
|
+
}, title)));
|
|
53
|
+
}));
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
StepTracker.propTypes = _schema.default.propTypes;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _ = _interopRequireDefault(require("."));
|
|
8
|
+
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
|
|
11
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
12
|
+
|
|
13
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
14
|
+
|
|
15
|
+
var steps = ['Step one', 'Step two', 'Step three', 'Step four'];
|
|
16
|
+
describe('TagInput', function () {
|
|
17
|
+
it('renders as expected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
18
|
+
var _render, container, rerender;
|
|
19
|
+
|
|
20
|
+
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
21
|
+
while (1) {
|
|
22
|
+
switch (_context.prev = _context.next) {
|
|
23
|
+
case 0:
|
|
24
|
+
_render = (0, _react2.render)(_react.default.createElement(_.default, {
|
|
25
|
+
steps: steps,
|
|
26
|
+
activeStep: 3
|
|
27
|
+
})), container = _render.container, rerender = _render.rerender;
|
|
28
|
+
expect(container).toMatchSnapshot();
|
|
29
|
+
rerender(_react.default.createElement(_.default, {
|
|
30
|
+
steps: steps,
|
|
31
|
+
activeStep: 5
|
|
32
|
+
}));
|
|
33
|
+
expect(container).toMatchSnapshot();
|
|
34
|
+
|
|
35
|
+
case 4:
|
|
36
|
+
case "end":
|
|
37
|
+
return _context.stop();
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}, _callee);
|
|
41
|
+
})));
|
|
42
|
+
it('renders step titles', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
|
43
|
+
var _render2, getByText;
|
|
44
|
+
|
|
45
|
+
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
46
|
+
while (1) {
|
|
47
|
+
switch (_context2.prev = _context2.next) {
|
|
48
|
+
case 0:
|
|
49
|
+
_render2 = (0, _react2.render)(_react.default.createElement(_.default, {
|
|
50
|
+
steps: steps,
|
|
51
|
+
activeStep: 3
|
|
52
|
+
})), getByText = _render2.getByText;
|
|
53
|
+
steps.forEach(function (step) {
|
|
54
|
+
expect(getByText(step)).toBeInTheDocument();
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
case 2:
|
|
58
|
+
case "end":
|
|
59
|
+
return _context2.stop();
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}, _callee2);
|
|
63
|
+
})));
|
|
64
|
+
it('renders only expected step numbers', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
|
|
65
|
+
var _render3, getByText, queryByText;
|
|
66
|
+
|
|
67
|
+
return regeneratorRuntime.wrap(function _callee3$(_context3) {
|
|
68
|
+
while (1) {
|
|
69
|
+
switch (_context3.prev = _context3.next) {
|
|
70
|
+
case 0:
|
|
71
|
+
_render3 = (0, _react2.render)(_react.default.createElement(_.default, {
|
|
72
|
+
steps: steps,
|
|
73
|
+
activeStep: 3
|
|
74
|
+
})), getByText = _render3.getByText, queryByText = _render3.queryByText;
|
|
75
|
+
[1, 2].forEach(function (number) {
|
|
76
|
+
expect(queryByText("".concat(number))).not.toBeInTheDocument();
|
|
77
|
+
});
|
|
78
|
+
[3, 4].forEach(function (number) {
|
|
79
|
+
expect(getByText("".concat(number))).toBeInTheDocument();
|
|
80
|
+
});
|
|
81
|
+
|
|
82
|
+
case 3:
|
|
83
|
+
case "end":
|
|
84
|
+
return _context3.stop();
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}, _callee3);
|
|
88
|
+
})));
|
|
89
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/StepTracker/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA2C,CAAC;AAWxD,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _reactDesc = require("react-desc");
|
|
9
|
+
|
|
10
|
+
// @ts-ignore no module typings
|
|
11
|
+
var schema = (0, _reactDesc.describe)({
|
|
12
|
+
displayName: 'StepTracker'
|
|
13
|
+
});
|
|
14
|
+
schema.propTypes = {
|
|
15
|
+
activeStep: _reactDesc.PropTypes.number.description('The active step number in the StepTracker, starting at 1'),
|
|
16
|
+
steps: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.string).description('Array of strings with the title for each step in the tracker')
|
|
17
|
+
};
|
|
18
|
+
var _default = schema;
|
|
19
|
+
exports.default = _default;
|