@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.
Files changed (198) hide show
  1. package/codemods/README.md +15 -10
  2. package/codemods/migrateBrandMomentMoodToVariant/transformBrandMomentMoodToVariant.ts +1 -1
  3. package/codemods/migrateCardVariantToColor/transformCardVariantToColor.ts +1 -1
  4. package/codemods/migrateConfirmationModalMoodsToVariant/index.ts +3 -3
  5. package/codemods/migrateConfirmationModalMoodsToVariant/transformConfirmationModalMoodsToVariant.ts +25 -56
  6. package/codemods/migrateEmptyStateIllustrationTypeToVariant/transformEmptyStateIllustrationTypeToVariant.ts +1 -1
  7. package/codemods/migrateInformationTileMoodToVariant/transformInformationTileMoodToVariant.ts +1 -1
  8. package/codemods/migrateMultiActionTileMoodToVariant/transformMultiActionTileMoodToVariant.ts +1 -1
  9. package/codemods/migrateNotificationTypeToVariant/migrateNotificationTypeToVariant.ts +1 -1
  10. package/codemods/migrateProgressBarMoodToColor/transformProgressBarMoodToColor.ts +1 -1
  11. package/codemods/removeInputEditModalMood/index.ts +2 -2
  12. package/codemods/removeInputEditModalMood/removeInputEditModalMood.spec.ts +1 -31
  13. package/codemods/removeInputEditModalMood/removeInputEditModalMood.ts +2 -39
  14. package/codemods/removePopoverVariant/index.ts +15 -0
  15. package/codemods/removePopoverVariant/removePopoverVariant.spec.ts +65 -0
  16. package/codemods/removePopoverVariant/removePopoverVariant.ts +3 -0
  17. package/codemods/updateGuidanceBlockVariantProp/transformGuidanceBlockVariantProp.spec.ts +2 -2
  18. package/codemods/utils/removeProps.spec.ts +65 -0
  19. package/codemods/utils/removeProps.ts +30 -0
  20. package/dist/cjs/Brand/Brand.cjs +1 -1
  21. package/dist/cjs/BrandMoment/BrandMoment.cjs +1 -1
  22. package/dist/cjs/Card/Card.cjs +1 -1
  23. package/dist/cjs/Card/Card.module.css.cjs +22 -0
  24. package/dist/cjs/Illustration/subcomponents/Base/Base.cjs +1 -1
  25. package/dist/cjs/Illustration/subcomponents/VideoPlayer/VideoPlayer.cjs +1 -1
  26. package/dist/cjs/Popover/Popover.module.scss.cjs +0 -7
  27. package/dist/cjs/index.cjs +2 -0
  28. package/dist/cjs/utils/hostedAssets.cjs +16 -0
  29. package/dist/cjs/utils/useResizeObserver.cjs +1 -0
  30. package/dist/esm/Brand/Brand.mjs +1 -1
  31. package/dist/esm/BrandMoment/BrandMoment.mjs +1 -1
  32. package/dist/esm/Card/Card.mjs +1 -1
  33. package/dist/esm/Card/Card.module.css.mjs +20 -0
  34. package/dist/esm/Illustration/subcomponents/Base/Base.mjs +1 -1
  35. package/dist/esm/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs +1 -1
  36. package/dist/esm/Popover/Popover.module.scss.mjs +0 -7
  37. package/dist/esm/index.mjs +1 -0
  38. package/dist/esm/utils/hostedAssets.mjs +14 -0
  39. package/dist/esm/utils/useResizeObserver.mjs +1 -0
  40. package/dist/styles.css +12983 -179
  41. package/dist/types/LikertScaleLegacy/index.d.ts +1 -0
  42. package/dist/types/Popover/Popover.d.ts +4 -2
  43. package/dist/types/utils/hostedAssets.d.ts +10 -0
  44. package/dist/types/utils/index.d.ts +1 -0
  45. package/dist/types/utils/useResizeObserver.d.ts +1 -0
  46. package/package.json +19 -11
  47. package/src/Avatar/Avatar.tsx +1 -1
  48. package/src/AvatarGroup/AvatarGroup.tsx +1 -1
  49. package/src/Badge/Badge.tsx +1 -1
  50. package/src/Brand/Brand.tsx +2 -2
  51. package/src/BrandMoment/BrandMoment.tsx +3 -3
  52. package/src/BrandMoment/_docs/ExampleHeaders.tsx +2 -2
  53. package/src/ButtonGroup/ButtonGroup.tsx +1 -1
  54. package/src/Calendar/CalendarPopover/CalendarPopover.tsx +1 -1
  55. package/src/Calendar/CalendarRange/CalendarRange.tsx +1 -1
  56. package/src/Calendar/CalendarSingle/CalendarSingle.tsx +1 -1
  57. package/src/Card/{Card.module.scss → Card.module.css} +6 -14
  58. package/src/Card/Card.tsx +2 -2
  59. package/src/Checkbox/Checkbox/Checkbox.tsx +1 -1
  60. package/src/Checkbox/CheckboxGroup/CheckboxGroup.tsx +1 -1
  61. package/src/ClearButton/ClearButton.tsx +1 -1
  62. package/src/Collapsible/Collapsible/Collapsible.tsx +1 -1
  63. package/src/Collapsible/CollapsibleGroup/CollapsibleGroup.tsx +1 -1
  64. package/src/Content/Content.tsx +1 -1
  65. package/src/DateInput/DateInput/DateInput.tsx +1 -1
  66. package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.tsx +1 -1
  67. package/src/Divider/Divider.tsx +1 -1
  68. package/src/EmptyState/EmptyState.tsx +1 -1
  69. package/src/ErrorPage/ErrorPage.tsx +1 -1
  70. package/src/FieldGroup/FieldGroup.tsx +1 -1
  71. package/src/FieldMessage/FieldMessage.tsx +1 -1
  72. package/src/Filter/Filter/Filter.tsx +1 -1
  73. package/src/Filter/Filter/subcomponents/FilterContents/FilterContents.tsx +1 -1
  74. package/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.tsx +1 -1
  75. package/src/Filter/FilterBar/FilterBar.tsx +1 -1
  76. package/src/Filter/FilterButton/FilterButton/FilterButton.tsx +1 -1
  77. package/src/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.tsx +2 -2
  78. package/src/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.tsx +1 -1
  79. package/src/Filter/FilterDatePicker/hooks/useDateInputHandlers.spec.ts +1 -1
  80. package/src/Filter/FilterDatePicker/hooks/useDateValidation.spec.ts +1 -2
  81. package/src/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.tsx +2 -2
  82. package/src/Filter/FilterDatePicker/utils/getDateValidationHandler.tsx +1 -1
  83. package/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx +2 -2
  84. package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.tsx +2 -2
  85. package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.spec.ts +1 -2
  86. package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.spec.ts +1 -2
  87. package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.tsx +1 -1
  88. package/src/Filter/FilterMultiSelect/_docs/FilterMultiSelect.stories.tsx +1 -1
  89. package/src/Filter/FilterSelect/FilterSelect.tsx +1 -1
  90. package/src/Heading/Heading.tsx +1 -1
  91. package/src/Icon/_docs/Icon.stories.tsx +1 -1
  92. package/src/Icon/subcomponents/SVG/SVG.tsx +1 -1
  93. package/src/Illustration/subcomponents/Base/Base.tsx +2 -2
  94. package/src/Illustration/subcomponents/VideoPlayer/VideoPlayer.tsx +1 -1
  95. package/src/Illustration/utils/usePausePlay.spec.tsx +1 -2
  96. package/src/Input/Input/Input.tsx +1 -1
  97. package/src/Input/InputRange/InputRange.tsx +1 -1
  98. package/src/Input/InputSearch/InputSearch.tsx +1 -1
  99. package/src/KaizenProvider/_docs/KaizenProvider.mdx +4 -4
  100. package/src/Label/Label.tsx +1 -1
  101. package/src/LabelledMessage/LabelledMessage.tsx +1 -1
  102. package/src/LikertScaleLegacy/index.ts +1 -0
  103. package/src/Loading/LoadingGraphic/LoadingGraphic.tsx +1 -1
  104. package/src/Loading/LoadingHeading/LoadingHeading.tsx +1 -1
  105. package/src/Loading/LoadingInput/LoadingInput.tsx +1 -1
  106. package/src/Loading/LoadingParagraph/LoadingParagraph.tsx +1 -1
  107. package/src/Loading/LoadingSpinner/LoadingSpinner.tsx +1 -1
  108. package/src/Modal/ConfirmationModal/ConfirmationModal.spec.tsx +1 -1
  109. package/src/Modal/ContextModal/ContextModal.spec.tsx +1 -1
  110. package/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.tsx +1 -1
  111. package/src/Modal/InputEditModal/InputEditModal.spec.tsx +1 -1
  112. package/src/MultiSelect/MultiSelect.tsx +1 -1
  113. package/src/MultiSelect/subcomponents/Checkbox/Checkbox.tsx +1 -1
  114. package/src/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.tsx +1 -1
  115. package/src/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.tsx +1 -1
  116. package/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.tsx +1 -1
  117. package/src/MultiSelect/subcomponents/Popover/Popover.tsx +1 -1
  118. package/src/Notification/GlobalNotification/GlobalNotification.tsx +1 -1
  119. package/src/Notification/InlineNotification/InlineNotification.tsx +1 -1
  120. package/src/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.tsx +1 -1
  121. package/src/Notification/ToastNotification/types.ts +1 -1
  122. package/src/Notification/subcomponents/GenericNotification/GenericNotification.tsx +1 -1
  123. package/src/Pagination/Pagination.tsx +1 -1
  124. package/src/Popover/Popover.module.scss +4 -26
  125. package/src/Popover/Popover.tsx +5 -3
  126. package/src/Popover/_docs/Popover.mdx +0 -3
  127. package/src/Popover/_docs/Popover.stickersheet.stories.tsx +1 -1
  128. package/src/Popover/_docs/Popover.stories.tsx +3 -42
  129. package/src/ProgressBar/ProgressBar.tsx +1 -1
  130. package/src/Radio/Radio/Radio.tsx +1 -1
  131. package/src/Radio/RadioGroup/RadioGroup.tsx +1 -1
  132. package/src/RichTextEditor/EditableRichTextContent/EditableRichTextContent.tsx +1 -1
  133. package/src/RichTextEditor/RichTextContent/RichTextContent.tsx +1 -1
  134. package/src/RichTextEditor/RichTextEditor/RichTextEditor.tsx +1 -1
  135. package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.tsx +1 -1
  136. package/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.tsx +1 -1
  137. package/src/Skirt/Skirt.tsx +1 -1
  138. package/src/SplitButton/SplitButton.tsx +2 -2
  139. package/src/SplitButton/subcomponents/BaseButton/BaseButton.tsx +1 -1
  140. package/src/Table/Table.tsx +1 -1
  141. package/src/Tabs/subcomponents/Tab.tsx +1 -1
  142. package/src/Tabs/subcomponents/TabList.tsx +1 -1
  143. package/src/Tabs/subcomponents/TabPanel.tsx +1 -1
  144. package/src/Tabs/subcomponents/TabPanels.tsx +1 -1
  145. package/src/Text/Text.tsx +1 -1
  146. package/src/TextArea/TextArea.tsx +1 -1
  147. package/src/Tile/TileGrid/TileGrid.tsx +1 -1
  148. package/src/Tile/subcomponents/GenericTile/GenericTile.tsx +1 -1
  149. package/src/TimeField/TimeField.tsx +1 -1
  150. package/src/TitleBlockZen/TitleBlockZen.spec.tsx +1 -1
  151. package/src/TitleBlockZen/TitleBlockZen.tsx +1 -1
  152. package/src/TitleBlockZen/_docs/TitleBlockZen.stories.tsx +1 -1
  153. package/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.tsx +1 -1
  154. package/src/VisuallyHidden/VisuallyHidden.tsx +1 -1
  155. package/src/Well/Well.tsx +1 -1
  156. package/src/Workflow/Workflow.tsx +1 -1
  157. package/src/Workflow/subcomponents/Footer/Footer.tsx +1 -1
  158. package/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx +1 -1
  159. package/src/Workflow/subcomponents/Footer/components/Root/Root.tsx +1 -1
  160. package/src/Workflow/subcomponents/Header/components/Actions/Actions.tsx +1 -1
  161. package/src/Workflow/subcomponents/Header/components/Branding/Branding.tsx +1 -1
  162. package/src/Workflow/subcomponents/Header/components/Root/Root.tsx +1 -1
  163. package/src/Workflow/subcomponents/Header/components/Titles/Titles.tsx +1 -1
  164. package/src/Workflow/subcomponents/Main/Main.tsx +1 -1
  165. package/src/Workflow/subcomponents/Wrapper/Wrapper.tsx +1 -1
  166. package/src/__actions__/Button/v3/Button.tsx +1 -1
  167. package/src/__actions__/Menu/v1/subcomponents/MenuList/MenuList.tsx +1 -1
  168. package/src/__actions__/Menu/v3/Menu.tsx +1 -1
  169. package/src/__actions__/Menu/v3/MenuItem.tsx +1 -1
  170. package/src/__future__/Select/Select.tsx +1 -1
  171. package/src/__future__/Select/subcomponents/ListBox/ListBox.tsx +1 -1
  172. package/src/__future__/Select/subcomponents/Option/Option.tsx +1 -1
  173. package/src/__future__/Select/subcomponents/Overlay/Overlay.tsx +1 -1
  174. package/src/__future__/Select/subcomponents/SelectToggle/SelectToggle.tsx +1 -1
  175. package/src/__future__/Tag/RemovableTag/subcomponents/RemoveButton.tsx +1 -1
  176. package/src/__future__/Tag/Tag/Tag.tsx +1 -1
  177. package/src/__future__/Workflow/Workflow.tsx +1 -1
  178. package/src/__future__/Workflow/subcomponents/Footer/Footer.tsx +1 -1
  179. package/src/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx +1 -1
  180. package/src/__future__/Workflow/subcomponents/Footer/components/Root/Root.tsx +1 -1
  181. package/src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.tsx +1 -1
  182. package/src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.tsx +1 -1
  183. package/src/__future__/Workflow/subcomponents/Header/components/Root/Root.tsx +1 -1
  184. package/src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx +1 -1
  185. package/src/__future__/Workflow/subcomponents/Main/Main.tsx +1 -1
  186. package/src/__future__/Workflow/subcomponents/Wrapper/Wrapper.tsx +1 -1
  187. package/src/__overlays__/Tooltip/v3/OverlayArrow.tsx +1 -1
  188. package/src/__overlays__/Tooltip/v3/Tooltip.tsx +1 -1
  189. package/src/__overlays__/Tooltip/v3/_docs/Tooltip.stickersheet.stories.tsx +1 -1
  190. package/src/utils/hostedAssets.ts +13 -0
  191. package/src/utils/index.ts +1 -0
  192. package/src/utils/useResizeObserver.ts +1 -0
  193. package/dist/cjs/Card/Card.module.scss.cjs +0 -22
  194. package/dist/esm/Card/Card.module.scss.mjs +0 -20
  195. package/src/utils/useResizeObserver.spec.tsx +0 -49
  196. /package/src/BrandMoment/_docs/{ExampleHeaders.scss → ExampleHeaders.module.scss} +0 -0
  197. /package/src/Filter/FilterMultiSelect/_docs/{FilterMultiSelect.stories.scss → FilterMultiSelect.module.scss} +0 -0
  198. /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
- })