@uva-glass/component-library 3.57.4 → 3.57.5

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 (183) hide show
  1. package/dist/{DataTable-Guuh0GZc.js → DataTable-UslvEf3c.js} +3 -3
  2. package/dist/{DataTable-Guuh0GZc.js.map → DataTable-UslvEf3c.js.map} +1 -1
  3. package/dist/{Lexical.prod-Dy5aDppc.js → Lexical.prod-BlUfEvo-.js} +1461 -1476
  4. package/dist/{Lexical.prod-Dy5aDppc.js.map → Lexical.prod-BlUfEvo-.js.map} +1 -1
  5. package/dist/{LexicalClipboard.prod-CS8a49uL.js → LexicalClipboard.prod-DQbm50C_.js} +132 -131
  6. package/dist/LexicalClipboard.prod-DQbm50C_.js.map +1 -0
  7. package/dist/LexicalHtml.prod-Czkg35Fe.js +1129 -0
  8. package/dist/LexicalHtml.prod-Czkg35Fe.js.map +1 -0
  9. package/dist/{LexicalLink.prod-DzgwWhQM.js → LexicalLink.prod-6gI2ABQo.js} +141 -141
  10. package/dist/{LexicalLink.prod-DzgwWhQM.js.map → LexicalLink.prod-6gI2ABQo.js.map} +1 -1
  11. package/dist/{LexicalList.prod-icY8mpm6.js → LexicalList.prod-CMGvSM1c.js} +265 -265
  12. package/dist/{LexicalList.prod-icY8mpm6.js.map → LexicalList.prod-CMGvSM1c.js.map} +1 -1
  13. package/dist/LexicalSelection.prod-DS_R6Cl1.js +99 -0
  14. package/dist/LexicalSelection.prod-DS_R6Cl1.js.map +1 -0
  15. package/dist/{LexicalTable.prod-Bf0is-op.js → LexicalTable.prod-D3FUVxbr.js} +582 -582
  16. package/dist/LexicalTable.prod-D3FUVxbr.js.map +1 -0
  17. package/dist/LexicalUtils.prod-CNWf_0sq.js +164 -0
  18. package/dist/LexicalUtils.prod-CNWf_0sq.js.map +1 -0
  19. package/dist/{LinkContextMenu-C8ehPbP8.js → LinkContextMenu-59-rbxa2.js} +2 -2
  20. package/dist/{LinkContextMenu-C8ehPbP8.js.map → LinkContextMenu-59-rbxa2.js.map} +1 -1
  21. package/dist/{PasteHandlerPlugin-CSo_lOE8.js → PasteHandlerPlugin-CTzYRyAx.js} +9 -9
  22. package/dist/{PasteHandlerPlugin-CSo_lOE8.js.map → PasteHandlerPlugin-CTzYRyAx.js.map} +1 -1
  23. package/dist/{Slider-Czd2xAGf.js → Slider-CqYFsgRL.js} +3 -3
  24. package/dist/{Slider-Czd2xAGf.js.map → Slider-CqYFsgRL.js.map} +1 -1
  25. package/dist/{TableCellResizerPlugin-Bb2blXnq.js → TableCellResizerPlugin-D-fX5I3p.js} +12 -5
  26. package/dist/{TableCellResizerPlugin-Bb2blXnq.js.map → TableCellResizerPlugin-D-fX5I3p.js.map} +1 -1
  27. package/dist/{chunk-5WKL7XVT-CvOIS3NE.js → chunk-SNLGT2ZI--XVeLAcq.js} +2540 -2881
  28. package/dist/chunk-SNLGT2ZI--XVeLAcq.js.map +1 -0
  29. package/dist/{client-CXlG3hNo.js → client-CTHUtwUP.js} +4 -4
  30. package/dist/{client-CXlG3hNo.js.map → client-CTHUtwUP.js.map} +1 -1
  31. package/dist/components/Accordion/Accordion.test.js +15 -14
  32. package/dist/components/Accordion/Accordion.test.js.map +1 -1
  33. package/dist/components/AccordionCard/AccordionCard.test.js +20 -19
  34. package/dist/components/AccordionCard/AccordionCard.test.js.map +1 -1
  35. package/dist/components/ActionList/ActionList.test.js +26 -25
  36. package/dist/components/ActionList/ActionList.test.js.map +1 -1
  37. package/dist/components/AppStatusBar/AppStatusBar.test.js +6 -5
  38. package/dist/components/AppStatusBar/AppStatusBar.test.js.map +1 -1
  39. package/dist/components/Attention/Attention.test.js +5 -4
  40. package/dist/components/Attention/Attention.test.js.map +1 -1
  41. package/dist/components/Backdrop/Backdrop.test.js +5 -4
  42. package/dist/components/Backdrop/Backdrop.test.js.map +1 -1
  43. package/dist/components/Buttons/Button.stories.js +1 -1
  44. package/dist/components/Buttons/Button.test.js +20 -19
  45. package/dist/components/Buttons/Button.test.js.map +1 -1
  46. package/dist/components/Buttons/LinkButton.stories.js +1 -1
  47. package/dist/components/Buttons/LinkButton.test.js +22 -21
  48. package/dist/components/Buttons/LinkButton.test.js.map +1 -1
  49. package/dist/components/Buttons/MenuButton.stories.js +1 -1
  50. package/dist/components/Buttons/MenuButton.test.js +20 -19
  51. package/dist/components/Buttons/MenuButton.test.js.map +1 -1
  52. package/dist/components/Card/Card.test.js +5 -4
  53. package/dist/components/Card/Card.test.js.map +1 -1
  54. package/dist/components/Checkbox/Checkbox.stories.js +1 -1
  55. package/dist/components/Checkbox/Checkbox.test.js +9 -8
  56. package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
  57. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js +1 -1
  58. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js +16 -15
  59. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js.map +1 -1
  60. package/dist/components/CheckboxTree/CheckboxTree.js +1 -1
  61. package/dist/components/CheckboxTree/CheckboxTree.stories.js +3 -3
  62. package/dist/components/CheckboxTree/index.js +1 -1
  63. package/dist/components/Chip/Chip.stories.js +1 -1
  64. package/dist/components/ControlsButton/ControlsButton.stories.js +1 -1
  65. package/dist/components/DataTable/DataTable.js +1 -1
  66. package/dist/components/DataTable/DataTable.stories.js +1 -1
  67. package/dist/components/DataTable/index.js +1 -1
  68. package/dist/components/Drawer/Drawer.stories.js +1 -1
  69. package/dist/components/FeedbackBar/FeedbackBar.test.js +8 -7
  70. package/dist/components/FeedbackBar/FeedbackBar.test.js.map +1 -1
  71. package/dist/components/FormInput/FormInput.js +1 -1
  72. package/dist/components/FormInput/FormInput.stories.js +2 -2
  73. package/dist/components/FormInput/index.js +1 -1
  74. package/dist/components/IconButton/IconButton.stories.js +1 -1
  75. package/dist/components/InputField/InputField.stories.js +1 -1
  76. package/dist/components/Label/Label.test.js +12 -11
  77. package/dist/components/Label/Label.test.js.map +1 -1
  78. package/dist/components/MetaDataBar/MetaDataBar.test.js +5 -4
  79. package/dist/components/MetaDataBar/MetaDataBar.test.js.map +1 -1
  80. package/dist/components/ModalDialog/ModalDialog.stories.js +1 -1
  81. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  82. package/dist/components/MultiSelect/MultiSelect.stories.js +2 -2
  83. package/dist/components/MultiSelect/components/MultiSelectHeader.js +1 -1
  84. package/dist/components/MultiSelect/index.js +1 -1
  85. package/dist/components/MultiSelectBox/MultiSelectBox.stories.js +1 -1
  86. package/dist/components/MultiSelectBox/MultiSelectBox.test.js +12 -11
  87. package/dist/components/MultiSelectBox/MultiSelectBox.test.js.map +1 -1
  88. package/dist/components/Notification/Notification.stories.js +1 -1
  89. package/dist/components/Notification/Notification.test.js +8 -7
  90. package/dist/components/Notification/Notification.test.js.map +1 -1
  91. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +1 -1
  92. package/dist/components/PeriodSelector/PeriodSelector.js +1 -1
  93. package/dist/components/PeriodSelector/PeriodSelector.stories.js +2 -2
  94. package/dist/components/PeriodSelector/index.js +1 -1
  95. package/dist/components/RadioGroup/RadioGroup.stories.js +1 -1
  96. package/dist/components/RadioGroup/Radiogroup.test.js +10 -9
  97. package/dist/components/RadioGroup/Radiogroup.test.js.map +1 -1
  98. package/dist/components/RadioTabSelector/RadioTabSelector.js +1 -1
  99. package/dist/components/RadioTabSelector/RadioTabSelector.stories.js +2 -2
  100. package/dist/components/RadioTabSelector/index.js +1 -1
  101. package/dist/components/RteEditor/EditorHeader/EditorHeader.js +1 -1
  102. package/dist/components/RteEditor/EditorHeader/index.js +1 -1
  103. package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +4 -4
  104. package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/CourseCataloguePlugin.js +20 -20
  105. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +1 -1
  106. package/dist/components/RteEditor/Plugins/HistoryPlugin/index.js +1 -1
  107. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js +1 -1
  108. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js +1 -1
  109. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +1 -1
  110. package/dist/components/RteEditor/Plugins/LinkPlugin/helpers.js +7 -2
  111. package/dist/components/RteEditor/Plugins/LinkPlugin/helpers.js.map +1 -0
  112. package/dist/components/RteEditor/Plugins/LinkPlugin/index.js +1 -1
  113. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +12 -12
  114. package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.js +1 -1
  115. package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/index.js +1 -1
  116. package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.js +1 -1
  117. package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/index.js +1 -1
  118. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +1 -1
  119. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +1 -1
  120. package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js +2 -2
  121. package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
  122. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +1 -1
  123. package/dist/components/RteEditor/Plugins/ToolbarPlugin/index.js +1 -1
  124. package/dist/components/RteEditor/Plugins/index.js +3 -3
  125. package/dist/components/RteEditor/RteEditor.js +1 -1
  126. package/dist/components/RteEditor/RteEditor.stories.js +1 -1
  127. package/dist/components/RteEditor/helpers.js +5 -5
  128. package/dist/components/RteEditor/index.js +1 -1
  129. package/dist/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.js +14 -14
  130. package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js +20 -19
  131. package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js.map +1 -1
  132. package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
  133. package/dist/components/SelectListbox/SelectProvider.js +2 -1
  134. package/dist/components/SelectListbox/SelectProvider.js.map +1 -1
  135. package/dist/components/Slider/Slider.js +1 -1
  136. package/dist/components/Slider/Slider.stories.js +1 -1
  137. package/dist/components/Slider/index.js +1 -1
  138. package/dist/components/Sortable/Sortable.stories.js +1 -1
  139. package/dist/components/Sortable/components/SortableItem.js +2 -2
  140. package/dist/components/Sortable/components/SortableItem.js.map +1 -1
  141. package/dist/components/StatusBadge/StatusBadge.test.js +7 -6
  142. package/dist/components/StatusBadge/StatusBadge.test.js.map +1 -1
  143. package/dist/components/TextArea/TextArea.stories.js +1 -1
  144. package/dist/components/TextArea/TextArea.test.js +14 -13
  145. package/dist/components/TextArea/TextArea.test.js.map +1 -1
  146. package/dist/components/ToggleSwitch/ToggleSwitch.stories.js +1 -1
  147. package/dist/components/VarIndicator/VarIndicator.stories.js +1 -1
  148. package/dist/components/VarIndicator/VarIndicator.test.js +26 -25
  149. package/dist/components/VarIndicator/VarIndicator.test.js.map +1 -1
  150. package/dist/components/hooks/useResponsive.js +1 -1
  151. package/dist/components/hooks/useResponsive.js.map +1 -1
  152. package/dist/components/index.js +3 -3
  153. package/dist/{components-CgBF6db6.js → components-D2rPfyIW.js} +438 -408
  154. package/dist/components-D2rPfyIW.js.map +1 -0
  155. package/dist/{dist-oLwM--0y.js → dist-CuwCMU7Y.js} +4 -4
  156. package/dist/{dist-oLwM--0y.js.map → dist-CuwCMU7Y.js.map} +1 -1
  157. package/dist/{react.esm-DwWzhs9e.js → dom.esm-S0SD0DBW.js} +938 -1029
  158. package/dist/dom.esm-S0SD0DBW.js.map +1 -0
  159. package/dist/{esm-BXzGXYWZ.js → esm-Bfz5h0_d.js} +5 -5
  160. package/dist/{esm-BXzGXYWZ.js.map → esm-Bfz5h0_d.js.map} +1 -1
  161. package/dist/index.js +3 -3
  162. package/dist/{react-18-BwdnKC48.js → react-18-yf-KbRra.js} +3 -3
  163. package/dist/{react-18-BwdnKC48.js.map → react-18-yf-KbRra.js.map} +1 -1
  164. package/dist/react.esm-D50lAl1F.js +226 -0
  165. package/dist/react.esm-D50lAl1F.js.map +1 -0
  166. package/dist/setupTests.js +1 -1
  167. package/dist/storybook__react.d.js +22 -22
  168. package/dist/storybook__react.d.js.map +1 -1
  169. package/dist/{test-Gtly6H2f.js → test-BjtC-Q32.js} +3684 -6919
  170. package/dist/test-BjtC-Q32.js.map +1 -0
  171. package/package.json +13 -13
  172. package/dist/LexicalClipboard.prod-CS8a49uL.js.map +0 -1
  173. package/dist/LexicalHtml.prod-BtzosUOH.js +0 -1611
  174. package/dist/LexicalHtml.prod-BtzosUOH.js.map +0 -1
  175. package/dist/LexicalTable.prod-Bf0is-op.js.map +0 -1
  176. package/dist/LexicalUtils.prod-CjGUKarD.js +0 -259
  177. package/dist/LexicalUtils.prod-CjGUKarD.js.map +0 -1
  178. package/dist/chunk-5WKL7XVT-CvOIS3NE.js.map +0 -1
  179. package/dist/components-CgBF6db6.js.map +0 -1
  180. package/dist/helpers-MMNO9vlK.js +0 -34
  181. package/dist/helpers-MMNO9vlK.js.map +0 -1
  182. package/dist/react.esm-DwWzhs9e.js.map +0 -1
  183. package/dist/test-Gtly6H2f.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"VarIndicator.test.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { useState } from 'react';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n DRAFT: 'Concept',\n REJECTED: 'Concept',\n SUBMITTED: 'Verificatie',\n ACTIVE: 'Actief',\n};\n\njest.mock('components/Icon', () => ({\n Icon: ({ name }: { name: string }) => <svg data-testid={name} />,\n}));\n\nconst TestWrapper = () => {\n const [currentStep, setCurrentStep] = useState(1);\n return (\n // When clicked the onClick callback updates currentStep from 1 to 2.\n <VarIndicator\n label={LABELS}\n variant=\"SUBMITTED\"\n maxSteps={3}\n currentStep={currentStep}\n onClick={() => setCurrentStep(2)}\n />\n );\n};\n\ndescribe('VarIndicator', () => {\n const onClickSpy = jest.fn();\n\n beforeEach(() => {\n onClickSpy.mockClear();\n });\n\n it('should render Concept (DRAFT)', () => {\n render(<VarIndicator label={LABELS} variant=\"DRAFT\" />);\n expect(screen.getByText('Concept')).toBeInTheDocument();\n });\n\n it('should render Concept (REJECTED)', () => {\n render(<VarIndicator label={LABELS} variant=\"REJECTED\" />);\n expect(screen.getByText('Concept')).toBeInTheDocument();\n });\n\n it('should render Concept (ACTIVE)', () => {\n render(<VarIndicator label={LABELS} variant=\"ACTIVE\" />);\n expect(screen.getByText('Actief')).toBeInTheDocument();\n });\n\n it('should render dots (SUBMITTED)', () => {\n render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={0} />);\n expect(screen.getByText('Verificatie')).toBeInTheDocument();\n expect(screen.getAllByTestId('CircleSmall')).toHaveLength(3);\n expect(screen.queryByTestId('CircleSmallFilled')).not.toBeInTheDocument();\n });\n\n it('should render filled dots when currentStep != 0 (SUBMITTED)', () => {\n render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={1} onClick={onClickSpy} />);\n const verificationButton = screen.getByText('Verificatie');\n expect(verificationButton).toBeInTheDocument();\n expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n });\n\n it('should render filled dots currentStep is updated (SUBMITTED)', async () => {\n render(<TestWrapper />);\n expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n const verificationButton = screen.getByText('Verificatie');\n await userEvent.click(verificationButton);\n await waitFor(() => {\n expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(2);\n });\n await waitFor(() => {\n expect(screen.getAllByTestId('CircleSmall')).toHaveLength(1);\n });\n });\n});\n"],"mappings":";;;;;;;AAQA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;AACV;AAEA,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAA6B,kBAAC,OAAD,EAAK,eAAa,EAAO,CAAA,EACjE,EAAE;AAEF,IAAM,UAAoB;CACxB,IAAM,CAAC,GAAa,KAAkB,EAAS,CAAC;CAChD,OAEE,kBAAC,GAAD;EACE,OAAO;EACP,SAAQ;EACR,UAAU;EACG;EACb,eAAe,EAAe,CAAC;CAChC,CAAA;AAEL;AAEA,SAAS,sBAAsB;CAC7B,IAAM,IAAa,KAAK,GAAG;CAoC3B,AAlCA,iBAAiB;EACf,EAAW,UAAU;CACvB,CAAC,GAED,GAAG,uCAAuC;EAExC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAS,CAAA,CAAC,GACtD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,CAAC,kBAAkB;CACxD,CAAC,GAED,GAAG,0CAA0C;EAE3C,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAY,CAAA,CAAC,GACzD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,CAAC,kBAAkB;CACxD,CAAC,GAED,GAAG,wCAAwC;EAEzC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAU,CAAA,CAAC,GACvD,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,CAAC,kBAAkB;CACvD,CAAC,GAED,GAAG,wCAAwC;EAIzC,AAHA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;EAAI,CAAA,CAAC,GACvF,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,CAAC,kBAAkB,GAC1D,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,GAC3D,OAAO,EAAO,cAAc,mBAAmB,CAAC,CAAC,CAAC,IAAI,kBAAkB;CAC1E,CAAC,GAED,GAAG,qEAAqE;EACtE,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAG,SAAS;EAAa,CAAA,CAAC;EAC5G,IAAM,IAAqB,EAAO,UAAU,aAAa;EAGzD,AAFA,OAAO,CAAkB,CAAC,CAAC,kBAAkB,GAC7C,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,GACjE,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;CAC7D,CAAC,GAED,GAAG,gEAAgE,YAAY;EAG7E,AAFA,EAAO,kBAAC,GAAD,CAAc,CAAA,CAAC,GACtB,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,GACjE,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;EAC3D,IAAM,IAAqB,EAAO,UAAU,aAAa;EAKzD,AAJA,MAAM,EAAU,MAAM,CAAkB,GACxC,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC;EACnE,CAAC,GACD,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;EAC7D,CAAC;CACH,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"VarIndicator.test.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { useState } from 'react';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n DRAFT: 'Concept',\n REJECTED: 'Concept',\n SUBMITTED: 'Verificatie',\n ACTIVE: 'Actief',\n};\n\njest.mock('components/Icon', () => ({\n Icon: ({ name }: { name: string }) => <svg data-testid={name} />,\n}));\n\nconst TestWrapper = () => {\n const [currentStep, setCurrentStep] = useState(1);\n return (\n // When clicked the onClick callback updates currentStep from 1 to 2.\n <VarIndicator\n label={LABELS}\n variant=\"SUBMITTED\"\n maxSteps={3}\n currentStep={currentStep}\n onClick={() => setCurrentStep(2)}\n />\n );\n};\n\ndescribe('VarIndicator', () => {\n const onClickSpy = jest.fn();\n\n beforeEach(() => {\n onClickSpy.mockClear();\n });\n\n it('should render Concept (DRAFT)', () => {\n render(<VarIndicator label={LABELS} variant=\"DRAFT\" />);\n expect(screen.getByText('Concept')).toBeInTheDocument();\n });\n\n it('should render Concept (REJECTED)', () => {\n render(<VarIndicator label={LABELS} variant=\"REJECTED\" />);\n expect(screen.getByText('Concept')).toBeInTheDocument();\n });\n\n it('should render Concept (ACTIVE)', () => {\n render(<VarIndicator label={LABELS} variant=\"ACTIVE\" />);\n expect(screen.getByText('Actief')).toBeInTheDocument();\n });\n\n it('should render dots (SUBMITTED)', () => {\n render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={0} />);\n expect(screen.getByText('Verificatie')).toBeInTheDocument();\n expect(screen.getAllByTestId('CircleSmall')).toHaveLength(3);\n expect(screen.queryByTestId('CircleSmallFilled')).not.toBeInTheDocument();\n });\n\n it('should render filled dots when currentStep != 0 (SUBMITTED)', () => {\n render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={1} onClick={onClickSpy} />);\n const verificationButton = screen.getByText('Verificatie');\n expect(verificationButton).toBeInTheDocument();\n expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n });\n\n it('should render filled dots currentStep is updated (SUBMITTED)', async () => {\n render(<TestWrapper />);\n expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n const verificationButton = screen.getByText('Verificatie');\n await userEvent.click(verificationButton);\n await waitFor(() => {\n expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(2);\n });\n await waitFor(() => {\n expect(screen.getAllByTestId('CircleSmall')).toHaveLength(1);\n });\n });\n});\n"],"mappings":";;;;;;;;AAQA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;AACV;AAEA,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAA6B,kBAAC,OAAD,EAAK,eAAa,EAAO,CAAA,EACjE,EAAE;AAEF,IAAM,UAAoB;CACxB,IAAM,CAAC,GAAa,KAAkB,EAAS,CAAC;CAChD,OAEE,kBAAC,GAAD;EACE,OAAO;EACP,SAAQ;EACR,UAAU;EACG;EACb,eAAe,EAAe,CAAC;CAChC,CAAA;AAEL;AAEA,SAAS,sBAAsB;CAC7B,IAAM,IAAa,KAAK,GAAG;CAoC3B,AAlCA,iBAAiB;EACf,EAAW,UAAU;CACvB,CAAC,GAED,GAAG,uCAAuC;EAExC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAS,CAAA,CAAC,GACtD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,CAAC,kBAAkB;CACxD,CAAC,GAED,GAAG,0CAA0C;EAE3C,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAY,CAAA,CAAC,GACzD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,CAAC,kBAAkB;CACxD,CAAC,GAED,GAAG,wCAAwC;EAEzC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAU,CAAA,CAAC,GACvD,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,CAAC,kBAAkB;CACvD,CAAC,GAED,GAAG,wCAAwC;EAIzC,AAHA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;EAAI,CAAA,CAAC,GACvF,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,CAAC,kBAAkB,GAC1D,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,GAC3D,OAAO,EAAO,cAAc,mBAAmB,CAAC,CAAC,CAAC,IAAI,kBAAkB;CAC1E,CAAC,GAED,GAAG,qEAAqE;EACtE,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAG,SAAS;EAAa,CAAA,CAAC;EAC5G,IAAM,IAAqB,EAAO,UAAU,aAAa;EAGzD,AAFA,OAAO,CAAkB,CAAC,CAAC,kBAAkB,GAC7C,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,GACjE,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;CAC7D,CAAC,GAED,GAAG,gEAAgE,YAAY;EAG7E,AAFA,EAAO,kBAAC,GAAD,CAAc,CAAA,CAAC,GACtB,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,GACjE,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;EAC3D,IAAM,IAAqB,EAAO,UAAU,aAAa;EAKzD,AAJA,MAAM,EAAU,MAAM,CAAkB,GACxC,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC;EACnE,CAAC,GACD,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;EAC7D,CAAC;CACH,CAAC;AACH,CAAC"}
@@ -8,7 +8,7 @@ var n = {
8
8
  xl: 1200,
9
9
  xxl: 1400
10
10
  }, r = () => {
11
- let r = (e, t) => t ? `(min-width: ${e}px)` : `(max-width: ${e - 1}px)`, i = (e) => typeof window < "u" ? window.matchMedia(e).matches : !1, a = () => {
11
+ let r = (e, t) => t ? `(min-width: ${e}px)` : `(max-width: ${e - 1}px)`, i = (e) => typeof window < "u" && window.matchMedia(e).matches, a = () => {
12
12
  let e = {
13
13
  xs: !1,
14
14
  sm: !1,
@@ -1 +1 @@
1
- {"version":3,"file":"useResponsive.js","names":[],"sources":["../../../src/components/hooks/useResponsive.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst BREAKPOINTS = {\n xs: 375,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n xxl: 1400,\n};\n\ntype BreakpointState = Record<keyof typeof BREAKPOINTS, boolean>;\ntype InitialBreakpoints = keyof typeof BREAKPOINTS | '_initial';\ntype Orientation = 'portrait' | 'landscape' | null;\ntype ResponsiveState = {\n greaterThan: BreakpointState;\n lessThan: BreakpointState;\n orientation: Orientation;\n mediaType: InitialBreakpoints;\n};\n\nexport const useResponsive = (): ResponsiveState => {\n const getMediaQuery = (size: number, greater: boolean): string => {\n return greater ? `(min-width: ${size}px)` : `(max-width: ${size - 1}px)`;\n };\n\n const getMatches = (query: string) => {\n if (typeof window !== 'undefined') {\n return window.matchMedia(query).matches;\n }\n return false;\n };\n\n const createResponsiveObject = () => {\n const initialBreakpointState: BreakpointState = {\n xs: false,\n sm: false,\n md: false,\n lg: false,\n xl: false,\n xxl: false,\n };\n\n const greaterThan = { ...initialBreakpointState };\n const lessThan = { ...initialBreakpointState };\n\n Object.entries(BREAKPOINTS).forEach(([key, size]) => {\n greaterThan[key as keyof typeof BREAKPOINTS] = getMatches(getMediaQuery(size, true));\n lessThan[key as keyof typeof BREAKPOINTS] = getMatches(getMediaQuery(size, false));\n });\n\n const orientation: Orientation = getMatches('(orientation: portrait)')\n ? 'portrait'\n : getMatches('(orientation: landscape)')\n ? 'landscape'\n : null;\n\n const mediaType = (Object.keys(greaterThan).findLast((key) => greaterThan[key as keyof typeof greaterThan]) ||\n '_initial') as InitialBreakpoints;\n\n return { greaterThan, lessThan, orientation, mediaType };\n };\n\n const [responsive, setResponsive] = useState(createResponsiveObject());\n\n useEffect(() => {\n const handleChange = () => setResponsive(createResponsiveObject());\n\n window.addEventListener('resize', handleChange);\n\n return () => window.removeEventListener('resize', handleChange);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return responsive;\n};\n"],"mappings":";;AAEA,IAAM,IAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;AACP,GAYa,UAAuC;CAClD,IAAM,KAAiB,GAAc,MAC5B,IAAU,eAAe,EAAK,OAAO,eAAe,IAAO,EAAE,MAGhE,KAAc,MACd,OAAO,SAAW,MACb,OAAO,WAAW,CAAK,CAAC,CAAC,UAE3B,IAGH,UAA+B;EACnC,IAAM,IAA0C;GAC9C,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;EACP,GAEM,IAAc,EAAE,GAAG,EAAuB,GAC1C,IAAW,EAAE,GAAG,EAAuB;EAgB7C,OAdA,OAAO,QAAQ,CAAW,CAAC,CAAC,SAAS,CAAC,GAAK,OAAU;GAEnD,AADA,EAAY,KAAmC,EAAW,EAAc,GAAM,EAAI,CAAC,GACnF,EAAS,KAAmC,EAAW,EAAc,GAAM,EAAK,CAAC;EACnF,CAAC,GAWM;GAAE;GAAa;GAAU,aATC,EAAW,yBAAyB,IACjE,aACA,EAAW,0BAA0B,IACnC,cACA;GAKuC,WAH1B,OAAO,KAAK,CAAW,CAAC,CAAC,UAAU,MAAQ,EAAY,EAAgC,KACxG;EAEqD;CACzD,GAEM,CAAC,GAAY,KAAiB,EAAS,EAAuB,CAAC;CAWrE,OATA,QAAgB;EACd,IAAM,UAAqB,EAAc,EAAuB,CAAC;EAIjE,OAFA,OAAO,iBAAiB,UAAU,CAAY,SAEjC,OAAO,oBAAoB,UAAU,CAAY;CAEhE,GAAG,CAAC,CAAC,GAEE;AACT"}
1
+ {"version":3,"file":"useResponsive.js","names":[],"sources":["../../../src/components/hooks/useResponsive.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst BREAKPOINTS = {\n xs: 375,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n xxl: 1400,\n};\n\ntype BreakpointState = Record<keyof typeof BREAKPOINTS, boolean>;\ntype InitialBreakpoints = keyof typeof BREAKPOINTS | '_initial';\ntype Orientation = 'portrait' | 'landscape' | null;\ntype ResponsiveState = {\n greaterThan: BreakpointState;\n lessThan: BreakpointState;\n orientation: Orientation;\n mediaType: InitialBreakpoints;\n};\n\nexport const useResponsive = (): ResponsiveState => {\n const getMediaQuery = (size: number, greater: boolean): string => {\n return greater ? `(min-width: ${size}px)` : `(max-width: ${size - 1}px)`;\n };\n\n const getMatches = (query: string) => {\n if (typeof window !== 'undefined') {\n return window.matchMedia(query).matches;\n }\n return false;\n };\n\n const createResponsiveObject = () => {\n const initialBreakpointState: BreakpointState = {\n xs: false,\n sm: false,\n md: false,\n lg: false,\n xl: false,\n xxl: false,\n };\n\n const greaterThan = { ...initialBreakpointState };\n const lessThan = { ...initialBreakpointState };\n\n Object.entries(BREAKPOINTS).forEach(([key, size]) => {\n greaterThan[key as keyof typeof BREAKPOINTS] = getMatches(getMediaQuery(size, true));\n lessThan[key as keyof typeof BREAKPOINTS] = getMatches(getMediaQuery(size, false));\n });\n\n const orientation: Orientation = getMatches('(orientation: portrait)')\n ? 'portrait'\n : getMatches('(orientation: landscape)')\n ? 'landscape'\n : null;\n\n const mediaType = (Object.keys(greaterThan).findLast((key) => greaterThan[key as keyof typeof greaterThan]) ||\n '_initial') as InitialBreakpoints;\n\n return { greaterThan, lessThan, orientation, mediaType };\n };\n\n const [responsive, setResponsive] = useState(createResponsiveObject());\n\n useEffect(() => {\n const handleChange = () => setResponsive(createResponsiveObject());\n\n window.addEventListener('resize', handleChange);\n\n return () => window.removeEventListener('resize', handleChange);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return responsive;\n};\n"],"mappings":";;AAEA,IAAM,IAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;AACP,GAYa,UAAuC;CAClD,IAAM,KAAiB,GAAc,MAC5B,IAAU,eAAe,EAAK,OAAO,eAAe,IAAO,EAAE,MAGhE,KAAc,MACd,OAAO,SAAW,OACb,OAAO,WAAW,CAAK,CAAC,CAAC,SAK9B,UAA+B;EACnC,IAAM,IAA0C;GAC9C,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;EACP,GAEM,IAAc,EAAE,GAAG,EAAuB,GAC1C,IAAW,EAAE,GAAG,EAAuB;EAgB7C,OAdA,OAAO,QAAQ,CAAW,CAAC,CAAC,SAAS,CAAC,GAAK,OAAU;GAEnD,AADA,EAAY,KAAmC,EAAW,EAAc,GAAM,EAAI,CAAC,GACnF,EAAS,KAAmC,EAAW,EAAc,GAAM,EAAK,CAAC;EACnF,CAAC,GAWM;GAAE;GAAa;GAAU,aATC,EAAW,yBAAyB,IACjE,aACA,EAAW,0BAA0B,IACnC,cACA;GAKuC,WAH1B,OAAO,KAAK,CAAW,CAAC,CAAC,UAAU,MAAQ,EAAY,EAAgC,KACxG;EAEqD;CACzD,GAEM,CAAC,GAAY,KAAiB,EAAS,EAAuB,CAAC;CAWrE,OATA,QAAgB;EACd,IAAM,UAAqB,EAAc,EAAuB,CAAC;EAIjE,OAFA,OAAO,iBAAiB,UAAU,CAAY,SAEjC,OAAO,oBAAoB,UAAU,CAAY;CAEhE,GAAG,CAAC,CAAC,GAEE;AACT"}
@@ -17,10 +17,10 @@ import { t as h } from "../CheckboxButtonBar-OrJSqUTN.js";
17
17
  import { t as g } from "../Label-52ny6d06.js";
18
18
  import { t as _ } from "../FeedbackBox-BpOf_dxg.js";
19
19
  import { t as v } from "../ControlsButton-Byx4XQtB.js";
20
- import { d as y, f as b, h as x, m as S, n as C, t as w, u as T } from "../components-CgBF6db6.js";
20
+ import { d as y, f as b, h as x, m as S, n as C, t as w, u as T } from "../components-D2rPfyIW.js";
21
21
  import { t as E } from "../Chip-9XnXFhoJ.js";
22
22
  import { t as D } from "../CopyableText-BKsM-TuS.js";
23
- import { t as O } from "../DataTable-Guuh0GZc.js";
23
+ import { t as O } from "../DataTable-UslvEf3c.js";
24
24
  import { t as k } from "../Drawer-fUw0LEuj.js";
25
25
  import { t as A } from "../OverlayCloseButton-Dt6Yec8G.js";
26
26
  import { t as j } from "../EmptyStateDataDisplay-FBDAGO88.js";
@@ -53,7 +53,7 @@ import { t as re } from "../RadioGroup-DlQjMmpa.js";
53
53
  import { SearchField as ie } from "./SearchField/SearchField.js";
54
54
  import { SelectProvider as ae, useSelect as oe } from "./SelectListbox/SelectProvider.js";
55
55
  import { SelectListbox as se } from "./SelectListbox/SelectListbox.js";
56
- import { t as ce } from "../Slider-Czd2xAGf.js";
56
+ import { t as ce } from "../Slider-CqYFsgRL.js";
57
57
  import { Sortable as le } from "./Sortable/Sortable.js";
58
58
  import { t as ue } from "../StatusBage-hJmNPqtk.js";
59
59
  import { t as de } from "../StatusPill-vdqU92pW.js";