@kaizen/components 1.59.0 → 1.60.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/codemods/README.md +15 -10
- package/codemods/migrateBrandMomentMoodToVariant/transformBrandMomentMoodToVariant.ts +1 -1
- package/codemods/migrateCardVariantToColor/transformCardVariantToColor.ts +1 -1
- package/codemods/migrateConfirmationModalMoodsToVariant/index.ts +3 -3
- package/codemods/migrateConfirmationModalMoodsToVariant/transformConfirmationModalMoodsToVariant.ts +25 -56
- package/codemods/migrateEmptyStateIllustrationTypeToVariant/transformEmptyStateIllustrationTypeToVariant.ts +1 -1
- package/codemods/migrateInformationTileMoodToVariant/transformInformationTileMoodToVariant.ts +1 -1
- package/codemods/migrateMultiActionTileMoodToVariant/transformMultiActionTileMoodToVariant.ts +1 -1
- package/codemods/migrateNotificationTypeToVariant/migrateNotificationTypeToVariant.ts +1 -1
- package/codemods/migrateProgressBarMoodToColor/transformProgressBarMoodToColor.ts +1 -1
- package/codemods/removeInputEditModalMood/index.ts +2 -2
- package/codemods/removeInputEditModalMood/removeInputEditModalMood.spec.ts +1 -31
- package/codemods/removeInputEditModalMood/removeInputEditModalMood.ts +2 -39
- package/codemods/removePopoverVariant/index.ts +15 -0
- package/codemods/removePopoverVariant/removePopoverVariant.spec.ts +65 -0
- package/codemods/removePopoverVariant/removePopoverVariant.ts +3 -0
- package/codemods/updateGuidanceBlockVariantProp/transformGuidanceBlockVariantProp.spec.ts +2 -2
- package/codemods/utils/removeProps.spec.ts +65 -0
- package/codemods/utils/removeProps.ts +30 -0
- package/dist/cjs/Brand/Brand.cjs +1 -1
- package/dist/cjs/BrandMoment/BrandMoment.cjs +1 -1
- package/dist/cjs/Card/Card.cjs +1 -1
- package/dist/cjs/Card/Card.module.css.cjs +22 -0
- package/dist/cjs/Illustration/subcomponents/Base/Base.cjs +1 -1
- package/dist/cjs/Illustration/subcomponents/VideoPlayer/VideoPlayer.cjs +1 -1
- package/dist/cjs/Popover/Popover.module.scss.cjs +0 -7
- package/dist/cjs/index.cjs +2 -0
- package/dist/cjs/utils/hostedAssets.cjs +16 -0
- package/dist/cjs/utils/useResizeObserver.cjs +1 -0
- package/dist/esm/Brand/Brand.mjs +1 -1
- package/dist/esm/BrandMoment/BrandMoment.mjs +1 -1
- package/dist/esm/Card/Card.mjs +1 -1
- package/dist/esm/Card/Card.module.css.mjs +20 -0
- package/dist/esm/Illustration/subcomponents/Base/Base.mjs +1 -1
- package/dist/esm/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs +1 -1
- package/dist/esm/Popover/Popover.module.scss.mjs +0 -7
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/utils/hostedAssets.mjs +14 -0
- package/dist/esm/utils/useResizeObserver.mjs +1 -0
- package/dist/styles.css +12983 -179
- package/dist/types/LikertScaleLegacy/index.d.ts +1 -0
- package/dist/types/Popover/Popover.d.ts +4 -2
- package/dist/types/utils/hostedAssets.d.ts +10 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/utils/useResizeObserver.d.ts +1 -0
- package/package.json +19 -11
- package/src/Avatar/Avatar.tsx +1 -1
- package/src/AvatarGroup/AvatarGroup.tsx +1 -1
- package/src/Badge/Badge.tsx +1 -1
- package/src/Brand/Brand.tsx +2 -2
- package/src/BrandMoment/BrandMoment.tsx +3 -3
- package/src/BrandMoment/_docs/ExampleHeaders.tsx +2 -2
- package/src/ButtonGroup/ButtonGroup.tsx +1 -1
- package/src/Calendar/CalendarPopover/CalendarPopover.tsx +1 -1
- package/src/Calendar/CalendarRange/CalendarRange.tsx +1 -1
- package/src/Calendar/CalendarSingle/CalendarSingle.tsx +1 -1
- package/src/Card/{Card.module.scss → Card.module.css} +6 -14
- package/src/Card/Card.tsx +2 -2
- package/src/Checkbox/Checkbox/Checkbox.tsx +1 -1
- package/src/Checkbox/CheckboxGroup/CheckboxGroup.tsx +1 -1
- package/src/ClearButton/ClearButton.tsx +1 -1
- package/src/Collapsible/Collapsible/Collapsible.tsx +1 -1
- package/src/Collapsible/CollapsibleGroup/CollapsibleGroup.tsx +1 -1
- package/src/Content/Content.tsx +1 -1
- package/src/DateInput/DateInput/DateInput.tsx +1 -1
- package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.tsx +1 -1
- package/src/Divider/Divider.tsx +1 -1
- package/src/EmptyState/EmptyState.tsx +1 -1
- package/src/ErrorPage/ErrorPage.tsx +1 -1
- package/src/FieldGroup/FieldGroup.tsx +1 -1
- package/src/FieldMessage/FieldMessage.tsx +1 -1
- package/src/Filter/Filter/Filter.tsx +1 -1
- package/src/Filter/Filter/subcomponents/FilterContents/FilterContents.tsx +1 -1
- package/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.tsx +1 -1
- package/src/Filter/FilterBar/FilterBar.tsx +1 -1
- package/src/Filter/FilterButton/FilterButton/FilterButton.tsx +1 -1
- package/src/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.tsx +2 -2
- package/src/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.tsx +1 -1
- package/src/Filter/FilterDatePicker/hooks/useDateInputHandlers.spec.ts +1 -1
- package/src/Filter/FilterDatePicker/hooks/useDateValidation.spec.ts +1 -2
- package/src/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.tsx +2 -2
- package/src/Filter/FilterDatePicker/utils/getDateValidationHandler.tsx +1 -1
- package/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx +2 -2
- package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.tsx +2 -2
- package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.spec.ts +1 -2
- package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.spec.ts +1 -2
- package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.tsx +1 -1
- package/src/Filter/FilterMultiSelect/_docs/FilterMultiSelect.stories.tsx +1 -1
- package/src/Filter/FilterSelect/FilterSelect.tsx +1 -1
- package/src/Heading/Heading.tsx +1 -1
- package/src/Icon/_docs/Icon.stories.tsx +1 -1
- package/src/Icon/subcomponents/SVG/SVG.tsx +1 -1
- package/src/Illustration/subcomponents/Base/Base.tsx +2 -2
- package/src/Illustration/subcomponents/VideoPlayer/VideoPlayer.tsx +1 -1
- package/src/Illustration/utils/usePausePlay.spec.tsx +1 -2
- package/src/Input/Input/Input.tsx +1 -1
- package/src/Input/InputRange/InputRange.tsx +1 -1
- package/src/Input/InputSearch/InputSearch.tsx +1 -1
- package/src/KaizenProvider/_docs/KaizenProvider.mdx +4 -4
- package/src/Label/Label.tsx +1 -1
- package/src/LabelledMessage/LabelledMessage.tsx +1 -1
- package/src/LikertScaleLegacy/index.ts +1 -0
- package/src/Loading/LoadingGraphic/LoadingGraphic.tsx +1 -1
- package/src/Loading/LoadingHeading/LoadingHeading.tsx +1 -1
- package/src/Loading/LoadingInput/LoadingInput.tsx +1 -1
- package/src/Loading/LoadingParagraph/LoadingParagraph.tsx +1 -1
- package/src/Loading/LoadingSpinner/LoadingSpinner.tsx +1 -1
- package/src/Modal/ConfirmationModal/ConfirmationModal.spec.tsx +1 -1
- package/src/Modal/ContextModal/ContextModal.spec.tsx +1 -1
- package/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.tsx +1 -1
- package/src/Modal/InputEditModal/InputEditModal.spec.tsx +1 -1
- package/src/MultiSelect/MultiSelect.tsx +1 -1
- package/src/MultiSelect/subcomponents/Checkbox/Checkbox.tsx +1 -1
- package/src/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.tsx +1 -1
- package/src/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.tsx +1 -1
- package/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.tsx +1 -1
- package/src/MultiSelect/subcomponents/Popover/Popover.tsx +1 -1
- package/src/Notification/GlobalNotification/GlobalNotification.tsx +1 -1
- package/src/Notification/InlineNotification/InlineNotification.tsx +1 -1
- package/src/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.tsx +1 -1
- package/src/Notification/ToastNotification/types.ts +1 -1
- package/src/Notification/subcomponents/GenericNotification/GenericNotification.tsx +1 -1
- package/src/Pagination/Pagination.tsx +1 -1
- package/src/Popover/Popover.module.scss +4 -26
- package/src/Popover/Popover.tsx +5 -3
- package/src/Popover/_docs/Popover.mdx +0 -3
- package/src/Popover/_docs/Popover.stickersheet.stories.tsx +1 -1
- package/src/Popover/_docs/Popover.stories.tsx +3 -42
- package/src/ProgressBar/ProgressBar.tsx +1 -1
- package/src/Radio/Radio/Radio.tsx +1 -1
- package/src/Radio/RadioGroup/RadioGroup.tsx +1 -1
- package/src/RichTextEditor/EditableRichTextContent/EditableRichTextContent.tsx +1 -1
- package/src/RichTextEditor/RichTextContent/RichTextContent.tsx +1 -1
- package/src/RichTextEditor/RichTextEditor/RichTextEditor.tsx +1 -1
- package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.tsx +1 -1
- package/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.tsx +1 -1
- package/src/Skirt/Skirt.tsx +1 -1
- package/src/SplitButton/SplitButton.tsx +2 -2
- package/src/SplitButton/subcomponents/BaseButton/BaseButton.tsx +1 -1
- package/src/Table/Table.tsx +1 -1
- package/src/Tabs/subcomponents/Tab.tsx +1 -1
- package/src/Tabs/subcomponents/TabList.tsx +1 -1
- package/src/Tabs/subcomponents/TabPanel.tsx +1 -1
- package/src/Tabs/subcomponents/TabPanels.tsx +1 -1
- package/src/Text/Text.tsx +1 -1
- package/src/TextArea/TextArea.tsx +1 -1
- package/src/Tile/TileGrid/TileGrid.tsx +1 -1
- package/src/Tile/subcomponents/GenericTile/GenericTile.tsx +1 -1
- package/src/TimeField/TimeField.tsx +1 -1
- package/src/TitleBlockZen/TitleBlockZen.spec.tsx +1 -1
- package/src/TitleBlockZen/TitleBlockZen.tsx +1 -1
- package/src/TitleBlockZen/_docs/TitleBlockZen.stories.tsx +1 -1
- package/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.tsx +1 -1
- package/src/VisuallyHidden/VisuallyHidden.tsx +1 -1
- package/src/Well/Well.tsx +1 -1
- package/src/Workflow/Workflow.tsx +1 -1
- package/src/Workflow/subcomponents/Footer/Footer.tsx +1 -1
- package/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx +1 -1
- package/src/Workflow/subcomponents/Footer/components/Root/Root.tsx +1 -1
- package/src/Workflow/subcomponents/Header/components/Actions/Actions.tsx +1 -1
- package/src/Workflow/subcomponents/Header/components/Branding/Branding.tsx +1 -1
- package/src/Workflow/subcomponents/Header/components/Root/Root.tsx +1 -1
- package/src/Workflow/subcomponents/Header/components/Titles/Titles.tsx +1 -1
- package/src/Workflow/subcomponents/Main/Main.tsx +1 -1
- package/src/Workflow/subcomponents/Wrapper/Wrapper.tsx +1 -1
- package/src/__actions__/Button/v3/Button.tsx +1 -1
- package/src/__actions__/Menu/v1/subcomponents/MenuList/MenuList.tsx +1 -1
- package/src/__actions__/Menu/v3/Menu.tsx +1 -1
- package/src/__actions__/Menu/v3/MenuItem.tsx +1 -1
- package/src/__future__/Select/Select.tsx +1 -1
- package/src/__future__/Select/subcomponents/ListBox/ListBox.tsx +1 -1
- package/src/__future__/Select/subcomponents/Option/Option.tsx +1 -1
- package/src/__future__/Select/subcomponents/Overlay/Overlay.tsx +1 -1
- package/src/__future__/Select/subcomponents/SelectToggle/SelectToggle.tsx +1 -1
- package/src/__future__/Tag/RemovableTag/subcomponents/RemoveButton.tsx +1 -1
- package/src/__future__/Tag/Tag/Tag.tsx +1 -1
- package/src/__future__/Workflow/Workflow.tsx +1 -1
- package/src/__future__/Workflow/subcomponents/Footer/Footer.tsx +1 -1
- package/src/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx +1 -1
- package/src/__future__/Workflow/subcomponents/Footer/components/Root/Root.tsx +1 -1
- package/src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.tsx +1 -1
- package/src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.tsx +1 -1
- package/src/__future__/Workflow/subcomponents/Header/components/Root/Root.tsx +1 -1
- package/src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx +1 -1
- package/src/__future__/Workflow/subcomponents/Main/Main.tsx +1 -1
- package/src/__future__/Workflow/subcomponents/Wrapper/Wrapper.tsx +1 -1
- package/src/__overlays__/Tooltip/v3/OverlayArrow.tsx +1 -1
- package/src/__overlays__/Tooltip/v3/Tooltip.tsx +1 -1
- package/src/__overlays__/Tooltip/v3/_docs/Tooltip.stickersheet.stories.tsx +1 -1
- package/src/utils/hostedAssets.ts +13 -0
- package/src/utils/index.ts +1 -0
- package/src/utils/useResizeObserver.ts +1 -0
- package/dist/cjs/Card/Card.module.scss.cjs +0 -22
- package/dist/esm/Card/Card.module.scss.mjs +0 -20
- package/src/utils/useResizeObserver.spec.tsx +0 -49
- /package/src/BrandMoment/_docs/{ExampleHeaders.scss → ExampleHeaders.module.scss} +0 -0
- /package/src/Filter/FilterMultiSelect/_docs/{FilterMultiSelect.stories.scss → FilterMultiSelect.module.scss} +0 -0
- /package/src/Icon/_docs/{icon.stories.scss → icon.module.scss} +0 -0
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { setImmediate } from "timers"
|
|
2
|
-
import { renderHook, act } from "@testing-library/react-hooks"
|
|
3
|
-
import { useResizeObserver } from "./useResizeObserver"
|
|
4
|
-
|
|
5
|
-
function MockResizeObserver(callback: unknown): void {
|
|
6
|
-
// @ts-ignore
|
|
7
|
-
this.callback = callback
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
MockResizeObserver.prototype.observe = async function observe(): Promise<void> {
|
|
11
|
-
this.callback(["first"])
|
|
12
|
-
await new Promise(r => setImmediate(r))
|
|
13
|
-
this.callback(["second"])
|
|
14
|
-
await new Promise(r => setImmediate(r))
|
|
15
|
-
this.callback(["third"])
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
const disconnect = jest.fn()
|
|
19
|
-
MockResizeObserver.prototype.disconnect = disconnect
|
|
20
|
-
|
|
21
|
-
jest.mock("resize-observer-polyfill", () => ({
|
|
22
|
-
__esModule: true,
|
|
23
|
-
default: MockResizeObserver,
|
|
24
|
-
}))
|
|
25
|
-
|
|
26
|
-
describe("useResizeObserver", () => {
|
|
27
|
-
it("Calls the callback with the expected entries", async () => {
|
|
28
|
-
const callback = jest.fn().mockImplementation(value => value)
|
|
29
|
-
const { result, waitForNextUpdate, unmount } = renderHook(() =>
|
|
30
|
-
useResizeObserver(callback)
|
|
31
|
-
)
|
|
32
|
-
await act(async () => {
|
|
33
|
-
// @ts-ignore
|
|
34
|
-
result.current[0]("node")
|
|
35
|
-
expect(result.current[1]).toBe(undefined)
|
|
36
|
-
await waitForNextUpdate()
|
|
37
|
-
expect(callback).toBeCalledTimes(1)
|
|
38
|
-
expect(result.current[1]).toBe("first")
|
|
39
|
-
await waitForNextUpdate()
|
|
40
|
-
expect(callback).toBeCalledTimes(2)
|
|
41
|
-
expect(result.current[1]).toBe("second")
|
|
42
|
-
await waitForNextUpdate()
|
|
43
|
-
expect(callback).toBeCalledTimes(3)
|
|
44
|
-
expect(result.current[1]).toBe("third")
|
|
45
|
-
})
|
|
46
|
-
unmount()
|
|
47
|
-
expect(disconnect).toBeCalled()
|
|
48
|
-
})
|
|
49
|
-
})
|
|
File without changes
|
|
File without changes
|
|
File without changes
|