@uva-glass/component-library 3.42.2 → 3.42.4
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/dist/{Lexical.prod-C1B_JvcI.js → Lexical.prod-qYl_ifJ6.js} +221 -221
- package/dist/Lexical.prod-qYl_ifJ6.js.map +1 -0
- package/dist/{LexicalClipboard.prod-Dd64YQH0.js → LexicalClipboard.prod-DIGbXq4v.js} +25 -25
- package/dist/{LexicalClipboard.prod-Dd64YQH0.js.map → LexicalClipboard.prod-DIGbXq4v.js.map} +1 -1
- package/dist/{LexicalComposerContext.prod-DLlRM5wP.js → LexicalComposerContext.prod-DOyoZx0P.js} +3 -3
- package/dist/{LexicalComposerContext.prod-DLlRM5wP.js.map → LexicalComposerContext.prod-DOyoZx0P.js.map} +1 -1
- package/dist/{LexicalLink.prod-ldhpNY9X.js → LexicalLink.prod-ZZwC5ABn.js} +14 -14
- package/dist/{LexicalLink.prod-ldhpNY9X.js.map → LexicalLink.prod-ZZwC5ABn.js.map} +1 -1
- package/dist/{LexicalList.prod-7DmvPZ_J.js → LexicalList.prod-UurCu6DK.js} +30 -30
- package/dist/{LexicalList.prod-7DmvPZ_J.js.map → LexicalList.prod-UurCu6DK.js.map} +1 -1
- package/dist/{LexicalSelection.prod-Dmiwka3x.js → LexicalSelection.prod-DXruZeFN.js} +2 -2
- package/dist/{LexicalSelection.prod-Dmiwka3x.js.map → LexicalSelection.prod-DXruZeFN.js.map} +1 -1
- package/dist/{LexicalTable.prod-iqHmKv_G.js → LexicalTable.prod-COFf1Spn.js} +115 -115
- package/dist/{LexicalTable.prod-iqHmKv_G.js.map → LexicalTable.prod-COFf1Spn.js.map} +1 -1
- package/dist/{LexicalUtils.prod-w0fZ_Z8S.js → LexicalUtils.prod-C3To3vrm.js} +5 -5
- package/dist/{LexicalUtils.prod-w0fZ_Z8S.js.map → LexicalUtils.prod-C3To3vrm.js.map} +1 -1
- package/dist/SortableProvider-l8-7ClBJ.js.map +1 -1
- package/dist/TableCellResizerPlugin-B9MT1fxA.js +248 -0
- package/dist/TableCellResizerPlugin-B9MT1fxA.js.map +1 -0
- package/dist/{TablePlugin-cMMBdz-x.js → TablePlugin-FQQwnq2m.js} +7 -7
- package/dist/{TablePlugin-cMMBdz-x.js.map → TablePlugin-FQQwnq2m.js.map} +1 -1
- package/dist/{client-BIzWgcD3.js → client-BK9NlSVR.js} +13 -13
- package/dist/{client-BIzWgcD3.js.map → client-BK9NlSVR.js.map} +1 -1
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Accordion/Accordion.test.js +3 -3
- package/dist/components/Accordion/Accordion.test.js.map +1 -1
- package/dist/components/AccordionCard/AccordionCard.js.map +1 -1
- package/dist/components/AccordionCard/AccordionCard.test.js +3 -3
- package/dist/components/AccordionCard/AccordionCard.test.js.map +1 -1
- package/dist/components/ActionList/ActionList.js.map +1 -1
- package/dist/components/ActionList/ActionList.test.js +3 -3
- package/dist/components/ActionList/ActionList.test.js.map +1 -1
- package/dist/components/AppStatusBar/AppStatusBar.test.js +2 -2
- package/dist/components/AppStatusBar/AppStatusBar.test.js.map +1 -1
- package/dist/components/Attention/Attention.test.js +2 -2
- package/dist/components/Attention/Attention.test.js.map +1 -1
- package/dist/components/Backdrop/Backdrop.test.js +2 -2
- package/dist/components/Backdrop/Backdrop.test.js.map +1 -1
- package/dist/components/Buttons/Button.stories.js +1 -1
- package/dist/components/Buttons/Button.test.js +2 -2
- package/dist/components/Buttons/Button.test.js.map +1 -1
- package/dist/components/Buttons/LinkButton.stories.js +1 -1
- package/dist/components/Buttons/LinkButton.test.js +2 -2
- package/dist/components/Buttons/LinkButton.test.js.map +1 -1
- package/dist/components/Buttons/MenuButton.stories.js +1 -1
- package/dist/components/Buttons/MenuButton.test.js +2 -2
- package/dist/components/Buttons/MenuButton.test.js.map +1 -1
- package/dist/components/Card/Card.test.js +2 -2
- package/dist/components/Card/Card.test.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.stories.js +1 -1
- package/dist/components/Checkbox/Checkbox.test.js +3 -3
- package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js.map +1 -1
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js +1 -1
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js +2 -2
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js.map +1 -1
- package/dist/components/CheckboxTree/CheckboxTree.js +2 -2
- package/dist/components/CheckboxTree/CheckboxTree.js.map +1 -1
- package/dist/components/CheckboxTree/CheckboxTree.stories.js +2 -2
- package/dist/components/CheckboxTree/CheckboxTree.stories.js.map +1 -1
- package/dist/components/Chip/Chip.stories.js +1 -1
- package/dist/components/ControlsButton/ControlsButton.stories.js +1 -1
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/Drawer.stories.js +1 -1
- package/dist/components/FeedbackBar/FeedbackBar.js.map +1 -1
- package/dist/components/FeedbackBar/FeedbackBar.test.js +2 -2
- package/dist/components/FeedbackBar/FeedbackBar.test.js.map +1 -1
- package/dist/components/FormInput/FormInput.js +2 -2
- package/dist/components/FormInput/FormInput.js.map +1 -1
- package/dist/components/FormInput/FormInput.stories.js +1 -1
- package/dist/components/IconButton/IconButton.stories.js +1 -1
- package/dist/components/InputField/InputField.js.map +1 -1
- package/dist/components/InputField/InputField.stories.js +3 -3
- package/dist/components/InputField/InputField.stories.js.map +1 -1
- package/dist/components/Label/Label.test.js +2 -2
- package/dist/components/Label/Label.test.js.map +1 -1
- package/dist/components/MenuLink/MenuLink.js.map +1 -1
- package/dist/components/ModalDialog/ModalDialog.js.map +1 -1
- package/dist/components/ModalDialog/ModalDialog.stories.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.js +2 -2
- package/dist/components/MultiSelect/MultiSelect.stories.js.map +1 -1
- package/dist/components/MultiSelect/components/MultiSelectHeader.js +2 -2
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/MultiSelectBox/MultiSelectBox.js.map +1 -1
- package/dist/components/MultiSelectBox/MultiSelectBox.stories.js +1 -1
- package/dist/components/MultiSelectBox/MultiSelectBox.test.js +2 -2
- package/dist/components/MultiSelectBox/MultiSelectBox.test.js.map +1 -1
- package/dist/components/Notification/Notification.js.map +1 -1
- package/dist/components/Notification/Notification.stories.js +1 -1
- package/dist/components/Notification/Notification.test.js +2 -2
- package/dist/components/Notification/Notification.test.js.map +1 -1
- package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +1 -1
- package/dist/components/OverlayStepBar/OverlayStepBar.js.map +1 -1
- package/dist/components/OverlayStepBar/OverlayStepBar.stories.js.map +1 -1
- package/dist/components/PageOverlay/PageOverlay.js.map +1 -1
- package/dist/components/PageOverlay/PageOverlay.stories.js.map +1 -1
- package/dist/components/PeriodSelector/PeriodSelector.js +2 -2
- package/dist/components/PeriodSelector/PeriodSelector.js.map +1 -1
- package/dist/components/PeriodSelector/PeriodSelector.stories.js +1 -1
- package/dist/components/Periods/Periods.js.map +1 -1
- package/dist/components/ProgrammeCard/ProgrammeCard.js.map +1 -1
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +2 -2
- package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.stories.js +1 -1
- package/dist/components/RadioGroup/Radiogroup.test.js +2 -2
- package/dist/components/RadioGroup/Radiogroup.test.js.map +1 -1
- package/dist/components/RadioTabSelector/RadioTabSelector.js +2 -2
- package/dist/components/RadioTabSelector/RadioTabSelector.js.map +1 -1
- package/dist/components/RadioTabSelector/RadioTabSelector.stories.js +1 -1
- package/dist/components/RteEditor/EditorHeader/EditorHeader.js +2 -2
- package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +2 -2
- package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +4 -4
- package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js +3 -3
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js.map +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +6 -6
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/helpers.js +1 -1
- package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +4 -4
- package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.js +5 -5
- package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.js +7 -6
- package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/index.js +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +2 -2
- package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +6 -6
- package/dist/components/RteEditor/Plugins/TablePlugin/helpers.d.ts +2 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js +39 -29
- package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
- package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +5 -5
- package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/index.js +2 -2
- package/dist/components/RteEditor/Providers/LanguageProvider.js.map +1 -1
- package/dist/components/RteEditor/RteEditor.js +149 -149
- package/dist/components/RteEditor/RteEditor.js.map +1 -1
- package/dist/components/RteEditor/helpers.js +32 -34
- package/dist/components/RteEditor/helpers.js.map +1 -1
- package/dist/components/RteEditor/hooks/useFlyout.js.map +1 -1
- package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js +4 -4
- package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js.map +1 -1
- package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
- package/dist/components/SelectListbox/SelectProvider.js.map +1 -1
- package/dist/components/SelectListbox/components/SelectButton.js.map +1 -1
- package/dist/components/SelectListbox/components/SelectContainer.js.map +1 -1
- package/dist/components/SelectListbox/components/SelectOption.js.map +1 -1
- package/dist/components/Sortable/Sortable.stories.js +1 -1
- package/dist/components/Sortable/components/SortableItem.js.map +1 -1
- package/dist/components/Sortable/sortableReducer.js.map +1 -1
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/StatusBadge/StatusBadge.test.js +2 -2
- package/dist/components/StatusBadge/StatusBadge.test.js.map +1 -1
- package/dist/components/TextArea/TextArea.js.map +1 -1
- package/dist/components/TextArea/TextArea.stories.js +1 -1
- package/dist/components/TextArea/TextArea.test.js +3 -3
- package/dist/components/TextArea/TextArea.test.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.stories.js +1 -1
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/VarIndicator/VarIndicator.stories.js +1 -1
- package/dist/components/VarIndicator/VarIndicator.test.js +3 -3
- package/dist/components/VarIndicator/VarIndicator.test.js.map +1 -1
- package/dist/components/hooks/useDebounce.js +2 -2
- package/dist/components/hooks/useDebounce.js.map +1 -1
- package/dist/components/hooks/useOnClickOutside.js.map +1 -1
- package/dist/components/hooks/usePositionedFloaters.js.map +1 -1
- package/dist/components/hooks/useResponsive.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/{helpers-BO6Gg9y6.js → helpers-D3SODeVc.js} +19 -19
- package/dist/{helpers-BO6Gg9y6.js.map → helpers-D3SODeVc.js.map} +1 -1
- package/dist/{index-BwBhYsdx.js → index-B32mP_-H.js} +2219 -2342
- package/dist/index-B32mP_-H.js.map +1 -0
- package/dist/{index-B7xrLR5N.js → index-BVrrnUn0.js} +16 -16
- package/dist/{index-B7xrLR5N.js.map → index-BVrrnUn0.js.map} +1 -1
- package/dist/{index-BYGu3RV5.js → index-BamlKH-k.js} +43 -43
- package/dist/{index-BYGu3RV5.js.map → index-BamlKH-k.js.map} +1 -1
- package/dist/{index-BeAF9HWV.js → index-iImjiPdB.js} +16 -16
- package/dist/{index-BeAF9HWV.js.map → index-iImjiPdB.js.map} +1 -1
- package/dist/{index-nrPtQ1dv.js → index-yEhaxKq-.js} +3 -3
- package/dist/{index-nrPtQ1dv.js.map → index-yEhaxKq-.js.map} +1 -1
- package/dist/index.js +1 -1
- package/dist/{react-18-CbXtwYTX.js → react-18-DXfB7ZX7.js} +2 -2
- package/dist/{react-18-CbXtwYTX.js.map → react-18-DXfB7ZX7.js.map} +1 -1
- package/dist/{react.esm-CJKnSGEF.js → react.esm-WLX_DeH0.js} +19 -19
- package/dist/react.esm-WLX_DeH0.js.map +1 -0
- package/dist/setupTests.js +1 -1
- package/dist/setupTests.js.map +1 -1
- package/dist/storyComponents/ClipboardButton/ClipboardButton.js.map +1 -1
- package/dist/storybook__react.d.js +13 -13
- package/dist/storybook__react.d.js.map +1 -1
- package/dist/{test-utils-ea_YDVtd.js → test-utils-BP59mSnn.js} +3 -3
- package/dist/{test-utils-ea_YDVtd.js.map → test-utils-BP59mSnn.js.map} +1 -1
- package/package.json +1 -1
- package/dist/Lexical.prod-C1B_JvcI.js.map +0 -1
- package/dist/TableCellResizerPlugin-Bao8R6Lv.js +0 -241
- package/dist/TableCellResizerPlugin-Bao8R6Lv.js.map +0 -1
- package/dist/index-BwBhYsdx.js.map +0 -1
- package/dist/react.esm-CJKnSGEF.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef, useId, useImperativeHandle, useState } from 'react';\n\nimport type { KeyboardEvent, ReactNode } from 'react';\n\nimport styles from './Accordion.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface AccordionProps {\n /** Clickable title (always visible). */\n title: ReactNode;\n /** Main content (hidden when expanded is false). */\n content: ReactNode;\n /** Indicator if Accordion should be expanded by default.*/\n expanded?: boolean;\n /** Indicator for cheveron icon placement.*/\n cheveronPlacement?: 'left' | 'right';\n /** Indicator for cheveron icon margin. By default '050'. */\n cheveronMargin?: '0' | '025' | '050' | '075' | '100' | '150' | '200';\n}\n\nexport interface AccordionMethods {\n closeContent: () => void;\n openContent: () => void;\n}\n\n/** A controller for accordion display toggling of content with click on a title. */\nexport const Accordion = forwardRef<AccordionMethods, AccordionProps>(\n ({ title, content, expanded = false, cheveronPlacement = 'right', cheveronMargin = '050' }, ref) => {\n const [isExpanded, setIsExpanded] = useState(expanded);\n const accordionId = useId();\n\n function onKeyUp(event: KeyboardEvent<HTMLDivElement>) {\n const { code } = event;\n\n if (code === 'Enter' || code === 'Space') {\n setIsExpanded(!isExpanded);\n }\n }\n\n const closeContent = () => {\n setIsExpanded(false);\n };\n\n const openContent = () => {\n setIsExpanded(true);\n };\n\n useImperativeHandle(ref, () => ({\n closeContent,\n openContent,\n }));\n\n return (\n <div>\n <div className={styles['accordion']}>\n <div\n className={styles['accordion__title']}\n id={accordionId}\n role=\"button\"\n tabIndex={0}\n onClick={() => setIsExpanded(!isExpanded)}\n onKeyUp={onKeyUp}\n aria-expanded={isExpanded}\n >\n {cheveronPlacement === 'left' && (\n <Icon\n className={clsx(\n styles['accordion__title-icon'],\n styles[`accordion__title-icon--margin-${cheveronMargin}`],\n {\n [styles['accordion__title-icon--expanded']]: isExpanded,\n }\n )}\n name=\"CheveronLeft\"\n size={16}\n />\n )}\n\n {title}\n {cheveronPlacement === 'right' && (\n <Icon\n className={clsx(\n styles['accordion__title-icon-right'],\n styles[`accordion__title-icon--margin-${cheveronMargin}`],\n {\n [styles['accordion__title-icon-right--expanded']]: isExpanded,\n }\n )}\n name=\"CheveronLeft\"\n size={16}\n />\n )}\n </div>\n <div\n aria-labelledby={accordionId}\n className={clsx(styles.accordion__content, { [styles['accordion__content--expanded']]: isExpanded })}\n >\n {content}\n </div>\n </div>\n </div>\n );\n }\n);\n"],"names":["Accordion","forwardRef","title","content","expanded","cheveronPlacement","cheveronMargin","ref","isExpanded","setIsExpanded","useState","accordionId","useId","onKeyUp","event","code","closeContent","openContent","useImperativeHandle","jsxs","styles","jsx","Icon","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;GA4BaA,IAAYC;AAAA,EACvB,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,mBAAAC,IAAoB,SAAS,gBAAAC,IAAiB,MAAA,GAASC,MAAQ;AAClG,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAQ,GAC/CO,IAAcC,EAAA;AAEpB,aAASC,EAAQC,GAAsC;AACrD,YAAM,EAAE,MAAAC,MAASD;AAEjB,OAAIC,MAAS,WAAWA,MAAS,YAC/BN,EAAc,CAACD,CAAU;AAAA,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef, useId, useImperativeHandle, useState } from 'react';\n\nimport type { KeyboardEvent, ReactNode } from 'react';\n\nimport styles from './Accordion.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface AccordionProps {\n /** Clickable title (always visible). */\n title: ReactNode;\n /** Main content (hidden when expanded is false). */\n content: ReactNode;\n /** Indicator if Accordion should be expanded by default.*/\n expanded?: boolean;\n /** Indicator for cheveron icon placement.*/\n cheveronPlacement?: 'left' | 'right';\n /** Indicator for cheveron icon margin. By default '050'. */\n cheveronMargin?: '0' | '025' | '050' | '075' | '100' | '150' | '200';\n}\n\nexport interface AccordionMethods {\n closeContent: () => void;\n openContent: () => void;\n}\n\n/** A controller for accordion display toggling of content with click on a title. */\nexport const Accordion = forwardRef<AccordionMethods, AccordionProps>(\n ({ title, content, expanded = false, cheveronPlacement = 'right', cheveronMargin = '050' }, ref) => {\n const [isExpanded, setIsExpanded] = useState(expanded);\n const accordionId = useId();\n\n function onKeyUp(event: KeyboardEvent<HTMLDivElement>) {\n const { code } = event;\n\n if (code === 'Enter' || code === 'Space') {\n setIsExpanded(!isExpanded);\n }\n }\n\n const closeContent = () => {\n setIsExpanded(false);\n };\n\n const openContent = () => {\n setIsExpanded(true);\n };\n\n useImperativeHandle(ref, () => ({\n closeContent,\n openContent,\n }));\n\n return (\n <div>\n <div className={styles['accordion']}>\n <div\n className={styles['accordion__title']}\n id={accordionId}\n role=\"button\"\n tabIndex={0}\n onClick={() => setIsExpanded(!isExpanded)}\n onKeyUp={onKeyUp}\n aria-expanded={isExpanded}\n >\n {cheveronPlacement === 'left' && (\n <Icon\n className={clsx(\n styles['accordion__title-icon'],\n styles[`accordion__title-icon--margin-${cheveronMargin}`],\n {\n [styles['accordion__title-icon--expanded']]: isExpanded,\n }\n )}\n name=\"CheveronLeft\"\n size={16}\n />\n )}\n\n {title}\n {cheveronPlacement === 'right' && (\n <Icon\n className={clsx(\n styles['accordion__title-icon-right'],\n styles[`accordion__title-icon--margin-${cheveronMargin}`],\n {\n [styles['accordion__title-icon-right--expanded']]: isExpanded,\n }\n )}\n name=\"CheveronLeft\"\n size={16}\n />\n )}\n </div>\n <div\n aria-labelledby={accordionId}\n className={clsx(styles.accordion__content, { [styles['accordion__content--expanded']]: isExpanded })}\n >\n {content}\n </div>\n </div>\n </div>\n );\n }\n);\n"],"names":["Accordion","forwardRef","title","content","expanded","cheveronPlacement","cheveronMargin","ref","isExpanded","setIsExpanded","useState","accordionId","useId","onKeyUp","event","code","closeContent","openContent","useImperativeHandle","jsxs","styles","jsx","Icon","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;GA4BaA,IAAYC;AAAA,EACvB,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,mBAAAC,IAAoB,SAAS,gBAAAC,IAAiB,MAAA,GAASC,MAAQ;AAClG,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAQ,GAC/CO,IAAcC,EAAA;AAEpB,aAASC,EAAQC,GAAsC;AACrD,YAAM,EAAE,MAAAC,MAASD;AAEjB,OAAIC,MAAS,WAAWA,MAAS,YAC/BN,EAAc,CAACD,CAAU;AAAA,IAE7B;AAEA,UAAMQ,IAAe,MAAM;AACzB,MAAAP,EAAc,EAAK;AAAA,IACrB,GAEMQ,IAAc,MAAM;AACxB,MAAAR,EAAc,EAAI;AAAA,IACpB;AAEA,WAAAS,EAAoBX,GAAK,OAAO;AAAA,MAC9B,cAAAS;AAAA,MACA,aAAAC;AAAA,IAAA,EACA,qBAGC,OAAA,EACC,UAAA,gBAAAE,EAAC,SAAI,WAAWC,EAAO,WACrB,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAO;AAAA,UAClB,IAAIT;AAAA,UACJ,MAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS,MAAMF,EAAc,CAACD,CAAU;AAAA,UACxC,SAAAK;AAAA,UACA,iBAAeL;AAAA,UAEd,UAAA;AAAA,YAAAH,MAAsB,UACrB,gBAAAgB;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWC;AAAA,kBACTH,EAAO,uBAAuB;AAAA,kBAC9BA,EAAO,iCAAiCd,CAAc,EAAE;AAAA,kBACxD;AAAA,oBACE,CAACc,EAAO,iCAAiC,CAAC,GAAGZ;AAAA,kBAAA;AAAA,gBAC/C;AAAA,gBAEF,MAAK;AAAA,gBACL,MAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAITN;AAAA,YACAG,MAAsB,WACrB,gBAAAgB;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWC;AAAA,kBACTH,EAAO,6BAA6B;AAAA,kBACpCA,EAAO,iCAAiCd,CAAc,EAAE;AAAA,kBACxD;AAAA,oBACE,CAACc,EAAO,uCAAuC,CAAC,GAAGZ;AAAA,kBAAA;AAAA,gBACrD;AAAA,gBAEF,MAAK;AAAA,gBACL,MAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJ,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,mBAAiBV;AAAA,UACjB,WAAWY,EAAKH,EAAO,oBAAoB,EAAE,CAACA,EAAO,8BAA8B,CAAC,GAAGZ,GAAY;AAAA,UAElG,UAAAL;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF,EAAA,CACF;AAAA,EAEJ;AACF;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r as n, s as a } from "../../react.esm-
|
|
4
|
-
import { u as e } from "../../index-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r as n, s as a } from "../../react.esm-WLX_DeH0.js";
|
|
4
|
+
import { u as e } from "../../index-iImjiPdB.js";
|
|
5
5
|
import { Accordion as i } from "./Accordion.js";
|
|
6
6
|
describe("Accordion", () => {
|
|
7
7
|
it("should render", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.test.js","sources":["../../../src/components/Accordion/Accordion.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Accordion } from './Accordion';\n\ndescribe('Accordion', () => {\n it('should render', () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n expect(titleElement).toBeInTheDocument();\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n\n it('should display content when expanded by default', () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" expanded />);\n const titleElement = screen.getByText('Test Accordion');\n expect(titleElement).toBeInTheDocument();\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n });\n\n it('should toggle content visibility on click', async () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n await userEvent.click(titleElement);\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n await userEvent.click(titleElement);\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n\n it('should toggle content visibility on Enter key press', async () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n await userEvent.keyboard('[Tab]');\n await userEvent.keyboard('[Enter]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n await userEvent.keyboard('[Enter]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n\n it('should toggle content visibility on Space key press', async () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n await userEvent.keyboard('[Tab]');\n await userEvent.keyboard('[Space]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n await userEvent.keyboard('[Space]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n});\n"],"names":["render","Accordion","titleElement","screen","jsx","userEvent"],"mappings":";;;;;AAMA,SAAS,aAAa,MAAM;AAC1B,KAAG,iBAAiB,MAAM;AACxB,IAAAA,oBAAQC,GAAA,EAAU,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAClE,UAAMC,IAAeC,EAAO,UAAU,gBAAgB;AACtD,WAAOD,CAAY,EAAE,kBAAA,GACrB,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,
|
|
1
|
+
{"version":3,"file":"Accordion.test.js","sources":["../../../src/components/Accordion/Accordion.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Accordion } from './Accordion';\n\ndescribe('Accordion', () => {\n it('should render', () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n expect(titleElement).toBeInTheDocument();\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n\n it('should display content when expanded by default', () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" expanded />);\n const titleElement = screen.getByText('Test Accordion');\n expect(titleElement).toBeInTheDocument();\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n });\n\n it('should toggle content visibility on click', async () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n await userEvent.click(titleElement);\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n await userEvent.click(titleElement);\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n\n it('should toggle content visibility on Enter key press', async () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n await userEvent.keyboard('[Tab]');\n await userEvent.keyboard('[Enter]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n await userEvent.keyboard('[Enter]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n\n it('should toggle content visibility on Space key press', async () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n await userEvent.keyboard('[Tab]');\n await userEvent.keyboard('[Space]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n await userEvent.keyboard('[Space]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n});\n"],"names":["render","Accordion","titleElement","screen","jsx","userEvent"],"mappings":";;;;;AAMA,SAAS,aAAa,MAAM;AAC1B,KAAG,iBAAiB,MAAM;AACxB,IAAAA,oBAAQC,GAAA,EAAU,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAClE,UAAMC,IAAeC,EAAO,UAAU,gBAAgB;AACtD,WAAOD,CAAY,EAAE,kBAAA,GACrB,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAC/D,CAAC,GAED,GAAG,mDAAmD,MAAM;AAC1D,IAAAF,EAAO,gBAAAI,EAACH,KAAU,OAAM,kBAAiB,SAAQ,gBAAe,UAAQ,IAAC,CAAE;AAC3E,UAAMC,IAAeC,EAAO,UAAU,gBAAgB;AACtD,WAAOD,CAAY,EAAE,kBAAA,GACrB,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,MAAM;AAAA,EAC9D,CAAC,GAED,GAAG,6CAA6C,YAAY;AAC1D,IAAAF,oBAAQC,GAAA,EAAU,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAClE,UAAMC,IAAeC,EAAO,UAAU,gBAAgB;AACtD,UAAME,EAAU,MAAMH,CAAY,GAClC,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,MAAM,GAC5D,MAAMG,EAAU,MAAMH,CAAY,GAClC,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAC/D,CAAC,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAF,oBAAQC,GAAA,EAAU,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAClE,UAAMC,IAAeC,EAAO,UAAU,gBAAgB;AACtD,UAAME,EAAU,SAAS,OAAO,GAChC,MAAMA,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,MAAM,GAC5D,MAAMG,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAC/D,CAAC,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAF,oBAAQC,GAAA,EAAU,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAClE,UAAMC,IAAeC,EAAO,UAAU,gBAAgB;AACtD,UAAME,EAAU,SAAS,OAAO,GAChC,MAAMA,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,MAAM,GAC5D,MAAMG,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAC/D,CAAC;AACH,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionCard.js","sources":["../../../src/components/AccordionCard/AccordionCard.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useId, useState } from 'react';\n\nimport type { KeyboardEvent, ReactNode } from 'react';\n\nimport styles from './AccordionCard.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface AccordionCardProps {\n /** Clickable title (always visible). */\n title: ReactNode;\n /** Main content (hidden when expanded is false). */\n content: ReactNode;\n /** Indicator if Accordion should be expanded by default.*/\n expanded?: boolean;\n}\n\nexport const AccordionCard = ({ title, content, expanded = false }: AccordionCardProps) => {\n const [isExpanded, setIsExpanded] = useState(expanded);\n const accordionId = useId();\n\n const onKeyUp = (event: KeyboardEvent<HTMLDivElement>) => {\n const { code } = event;\n\n if (code === 'Enter' || code === 'Space') {\n setIsExpanded(!isExpanded);\n }\n };\n\n return (\n <div className={styles['accordion-card']}>\n <div\n className={styles['accordion-card__title']}\n id={accordionId}\n role=\"button\"\n tabIndex={0}\n onClick={() => setIsExpanded(!isExpanded)}\n onKeyUp={onKeyUp}\n aria-expanded={isExpanded}\n >\n <Icon\n className={clsx(styles['accordion-card__title-icon'], {\n [styles['accordion-card__title-icon--expanded']]: isExpanded,\n })}\n name=\"CheveronLeft\"\n size={16}\n />\n <h3>{title}</h3>\n </div>\n <div\n aria-labelledby={accordionId}\n className={clsx(styles['accordion-card__content'], {\n [styles['accordion-card__content--expanded']]: isExpanded,\n })}\n >\n {content}\n </div>\n </div>\n );\n};\n"],"names":["AccordionCard","title","content","expanded","isExpanded","setIsExpanded","useState","accordionId","useId","onKeyUp","event","code","jsxs","styles","jsx","Icon","clsx"],"mappings":";;;;;;;;;;;GAkBaA,IAAgB,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,SAAgC;AACzF,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,CAAQ,GAC/CI,IAAcC,EAAA,GAEdC,IAAU,CAACC,MAAyC;AACxD,UAAM,EAAE,MAAAC,MAASD;AAEjB,KAAIC,MAAS,WAAWA,MAAS,YAC/BN,EAAc,CAACD,CAAU;AAAA,
|
|
1
|
+
{"version":3,"file":"AccordionCard.js","sources":["../../../src/components/AccordionCard/AccordionCard.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useId, useState } from 'react';\n\nimport type { KeyboardEvent, ReactNode } from 'react';\n\nimport styles from './AccordionCard.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface AccordionCardProps {\n /** Clickable title (always visible). */\n title: ReactNode;\n /** Main content (hidden when expanded is false). */\n content: ReactNode;\n /** Indicator if Accordion should be expanded by default.*/\n expanded?: boolean;\n}\n\nexport const AccordionCard = ({ title, content, expanded = false }: AccordionCardProps) => {\n const [isExpanded, setIsExpanded] = useState(expanded);\n const accordionId = useId();\n\n const onKeyUp = (event: KeyboardEvent<HTMLDivElement>) => {\n const { code } = event;\n\n if (code === 'Enter' || code === 'Space') {\n setIsExpanded(!isExpanded);\n }\n };\n\n return (\n <div className={styles['accordion-card']}>\n <div\n className={styles['accordion-card__title']}\n id={accordionId}\n role=\"button\"\n tabIndex={0}\n onClick={() => setIsExpanded(!isExpanded)}\n onKeyUp={onKeyUp}\n aria-expanded={isExpanded}\n >\n <Icon\n className={clsx(styles['accordion-card__title-icon'], {\n [styles['accordion-card__title-icon--expanded']]: isExpanded,\n })}\n name=\"CheveronLeft\"\n size={16}\n />\n <h3>{title}</h3>\n </div>\n <div\n aria-labelledby={accordionId}\n className={clsx(styles['accordion-card__content'], {\n [styles['accordion-card__content--expanded']]: isExpanded,\n })}\n >\n {content}\n </div>\n </div>\n );\n};\n"],"names":["AccordionCard","title","content","expanded","isExpanded","setIsExpanded","useState","accordionId","useId","onKeyUp","event","code","jsxs","styles","jsx","Icon","clsx"],"mappings":";;;;;;;;;;;GAkBaA,IAAgB,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,SAAgC;AACzF,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,CAAQ,GAC/CI,IAAcC,EAAA,GAEdC,IAAU,CAACC,MAAyC;AACxD,UAAM,EAAE,MAAAC,MAASD;AAEjB,KAAIC,MAAS,WAAWA,MAAS,YAC/BN,EAAc,CAACD,CAAU;AAAA,EAE7B;AAEA,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWC,EAAO,gBAAgB,GACrC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAO,uBAAuB;AAAA,QACzC,IAAIN;AAAA,QACJ,MAAK;AAAA,QACL,UAAU;AAAA,QACV,SAAS,MAAMF,EAAc,CAACD,CAAU;AAAA,QACxC,SAAAK;AAAA,QACA,iBAAeL;AAAA,QAEf,UAAA;AAAA,UAAA,gBAAAU;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAWC,EAAKH,EAAO,4BAA4B,GAAG;AAAA,gBACpD,CAACA,EAAO,sCAAsC,CAAC,GAAGT;AAAA,cAAA,CACnD;AAAA,cACD,MAAK;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAER,gBAAAU,EAAC,QAAI,UAAAb,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,mBAAiBP;AAAA,QACjB,WAAWS,EAAKH,EAAO,yBAAyB,GAAG;AAAA,UACjD,CAACA,EAAO,mCAAmC,CAAC,GAAGT;AAAA,QAAA,CAChD;AAAA,QAEA,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r as c, s as e, f as s, w as d } from "../../react.esm-
|
|
4
|
-
import { u as r } from "../../index-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r as c, s as e, f as s, w as d } from "../../react.esm-WLX_DeH0.js";
|
|
4
|
+
import { u as r } from "../../index-iImjiPdB.js";
|
|
5
5
|
import { AccordionCard as a } from "./AccordionCard.js";
|
|
6
6
|
describe("AccordionCard", () => {
|
|
7
7
|
it("should render", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionCard.test.js","sources":["../../../src/components/AccordionCard/AccordionCard.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { AccordionCard } from './AccordionCard';\n\ndescribe('AccordionCard', () => {\n it('should render', () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} expanded />);\n expect(screen.getByText('Test Accordion Card')).toBeInTheDocument();\n expect(screen.getByText('TestComponent')).toBeInTheDocument();\n });\n\n it('should display content when expanded by default', () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} expanded />);\n expect(screen.getByText('Test Accordion Card')).toBeInTheDocument();\n expect(screen.getByText('TestComponent')).toHaveClass('accordion-card__content--expanded');\n });\n\n it('should toggle content visibility on click', () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\n const titleElement = screen.getByText('Test Accordion Card');\n const contentElement = screen.getByText('TestComponent');\n expect(titleElement).toBeInTheDocument();\n fireEvent.click(titleElement);\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\n fireEvent.click(titleElement);\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\n });\n\n it('should toggle content visibility on Enter key press', async () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\n const titleElement = screen.getByRole('button');\n const contentElement = screen.getByText('TestComponent');\n titleElement.focus();\n await userEvent.keyboard('[Enter]');\n await waitFor(() => {\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\n });\n await userEvent.keyboard('[Enter]');\n await waitFor(() => {\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\n });\n });\n\n it('should toggle content visibility on Space key press', async () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\n const titleElement = screen.getByRole('button');\n const contentElement = screen.getByText('TestComponent');\n titleElement.focus();\n await userEvent.keyboard('[Space]');\n await waitFor(() => {\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\n });\n await userEvent.keyboard('[Space]');\n await waitFor(() => {\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\n });\n });\n});\n"],"names":["render","jsx","AccordionCard","screen","titleElement","contentElement","fireEvent","userEvent","waitFor"],"mappings":";;;;;AAMA,SAAS,iBAAiB,MAAM;AAC9B,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAO,gBAAAC,EAACC,KAAc,OAAM,uBAAsB,SAAS,iBAAiB,UAAQ,IAAC,CAAE,GACvF,OAAOC,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAA,GAChD,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"AccordionCard.test.js","sources":["../../../src/components/AccordionCard/AccordionCard.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { AccordionCard } from './AccordionCard';\n\ndescribe('AccordionCard', () => {\n it('should render', () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} expanded />);\n expect(screen.getByText('Test Accordion Card')).toBeInTheDocument();\n expect(screen.getByText('TestComponent')).toBeInTheDocument();\n });\n\n it('should display content when expanded by default', () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} expanded />);\n expect(screen.getByText('Test Accordion Card')).toBeInTheDocument();\n expect(screen.getByText('TestComponent')).toHaveClass('accordion-card__content--expanded');\n });\n\n it('should toggle content visibility on click', () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\n const titleElement = screen.getByText('Test Accordion Card');\n const contentElement = screen.getByText('TestComponent');\n expect(titleElement).toBeInTheDocument();\n fireEvent.click(titleElement);\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\n fireEvent.click(titleElement);\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\n });\n\n it('should toggle content visibility on Enter key press', async () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\n const titleElement = screen.getByRole('button');\n const contentElement = screen.getByText('TestComponent');\n titleElement.focus();\n await userEvent.keyboard('[Enter]');\n await waitFor(() => {\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\n });\n await userEvent.keyboard('[Enter]');\n await waitFor(() => {\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\n });\n });\n\n it('should toggle content visibility on Space key press', async () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\n const titleElement = screen.getByRole('button');\n const contentElement = screen.getByText('TestComponent');\n titleElement.focus();\n await userEvent.keyboard('[Space]');\n await waitFor(() => {\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\n });\n await userEvent.keyboard('[Space]');\n await waitFor(() => {\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\n });\n });\n});\n"],"names":["render","jsx","AccordionCard","screen","titleElement","contentElement","fireEvent","userEvent","waitFor"],"mappings":";;;;;AAMA,SAAS,iBAAiB,MAAM;AAC9B,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAO,gBAAAC,EAACC,KAAc,OAAM,uBAAsB,SAAS,iBAAiB,UAAQ,IAAC,CAAE,GACvF,OAAOC,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAA,GAChD,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAA;AAAA,EAC5C,CAAC,GAED,GAAG,mDAAmD,MAAM;AAC1D,IAAAH,EAAO,gBAAAC,EAACC,KAAc,OAAM,uBAAsB,SAAS,iBAAiB,UAAQ,IAAC,CAAE,GACvF,OAAOC,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAA,GAChD,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,YAAY,mCAAmC;AAAA,EAC3F,CAAC,GAED,GAAG,6CAA6C,MAAM;AACpD,IAAAH,oBAAQE,GAAA,EAAc,OAAM,uBAAsB,SAAS,iBAAiB,CAAE;AAC9E,UAAME,IAAeD,EAAO,UAAU,qBAAqB,GACrDE,IAAiBF,EAAO,UAAU,eAAe;AACvD,WAAOC,CAAY,EAAE,kBAAA,GACrBE,EAAU,MAAMF,CAAY,GAC5B,OAAOC,CAAc,EAAE,YAAY,mCAAmC,GACtEC,EAAU,MAAMF,CAAY,GAC5B,OAAOC,CAAc,EAAE,IAAI,YAAY,mCAAmC;AAAA,EAC5E,CAAC,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAL,oBAAQE,GAAA,EAAc,OAAM,uBAAsB,SAAS,iBAAiB,CAAE;AAC9E,UAAME,IAAeD,EAAO,UAAU,QAAQ,GACxCE,IAAiBF,EAAO,UAAU,eAAe;AACvD,IAAAC,EAAa,MAAA,GACb,MAAMG,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AAClB,aAAOH,CAAc,EAAE,YAAY,mCAAmC;AAAA,IACxE,CAAC,GACD,MAAME,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AAClB,aAAOH,CAAc,EAAE,IAAI,YAAY,mCAAmC;AAAA,IAC5E,CAAC;AAAA,EACH,CAAC,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAL,oBAAQE,GAAA,EAAc,OAAM,uBAAsB,SAAS,iBAAiB,CAAE;AAC9E,UAAME,IAAeD,EAAO,UAAU,QAAQ,GACxCE,IAAiBF,EAAO,UAAU,eAAe;AACvD,IAAAC,EAAa,MAAA,GACb,MAAMG,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AAClB,aAAOH,CAAc,EAAE,YAAY,mCAAmC;AAAA,IACxE,CAAC,GACD,MAAME,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AAClB,aAAOH,CAAc,EAAE,IAAI,YAAY,mCAAmC;AAAA,IAC5E,CAAC;AAAA,EACH,CAAC;AACH,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionList.js","sources":["../../../src/components/ActionList/ActionList.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { Children, useEffect, useId, useRef, useState } from 'react';\n\nimport type { KeyboardEvent, MouseEvent as ReactMouseEvent, ReactElement, RefObject } from 'react';\nimport type { IconProps } from 'components/Icon';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport styles from './ActionList.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { MenuButton } from 'components/Buttons';\n\nexport interface ActionListProps {\n /** The label that is displayed before the icon. */\n label: string;\n /** The icon that is shown in front of the label. */\n prefixIcon?: IconProps['name'];\n /** The icon that is shown to toggle the menu. If none is specified, CheveronUp and CheveronDown is used depending on whether the menu is opened or closed. */\n iconName?: IconProps['name'];\n /** Determines the button variant. */\n variant?: UIButtonVariant;\n /** The child component(s). */\n children: ReactElement | ReactElement[];\n}\n\nconst inactiveIndex = -1;\nconst indexIncrement = 1;\n\n/** A component to show an action list to toggle a menu. */\nexport function ActionList({ label, prefixIcon, iconName, variant = 'secondary', children }: ActionListProps) {\n const listId = useId();\n const triggerRef = useRef<HTMLButtonElement>(null);\n const listRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const numberOfChildren = Children.count(children);\n\n const [activeIndex, setActiveIndex] = useState(inactiveIndex);\n const [isOpen, setIsOpen] = useState(false);\n\n function open() {\n setIsOpen(true);\n\n document.addEventListener('click', onClickOutside, { once: true, capture: true });\n }\n\n function close(event?: ReactMouseEvent<HTMLDivElement>) {\n // When a click occurs on an element that is not an immediate descendant of the action list container\n // (can happen when a modal window is triggered from a button in the action list), the setIsOpen state\n // handler should not be called, because this causes a re-render of the entire component and can lead\n // to undesired effects, like a select element closing immediately after it has been clicked.\n if (event && containerRef.current && !containerRef.current.contains(event.target as Node)) {\n return;\n }\n\n setActiveIndex(inactiveIndex);\n setIsOpen(false);\n\n document.removeEventListener('click', onClickOutside, { capture: true });\n }\n\n function toggle() {\n if (isOpen) close();\n else open();\n }\n\n function onKeyDown(event: KeyboardEvent) {\n if (!isOpen) return;\n\n const eventPreventCodes = ['ArrowUp', 'ArrowDown', 'Home', 'End'];\n\n if (eventPreventCodes.includes(event.code)) {\n // prevent page from scrolling when navigating through items in list\n event.preventDefault();\n }\n\n if (event.code === 'Tab') {\n close();\n }\n }\n\n function onKeyUp(event: KeyboardEvent) {\n if (event.code === 'Space' || event.key === 'Enter') {\n if (event.target === triggerRef.current) {\n toggle();\n } else if (event.key === 'Enter' && event.target !== listRef.current) {\n if ('firstChild' in event.target) {\n const firstChild = event.target.firstChild as HTMLButtonElement;\n\n firstChild.click();\n }\n }\n }\n\n if (event.code === 'Escape') close();\n\n if (event.code === 'ArrowUp') {\n setActiveIndex((prevState) => {\n if (prevState === 0) return numberOfChildren - indexIncrement;\n\n return prevState - indexIncrement;\n });\n }\n\n if (event.code === 'ArrowDown') {\n setActiveIndex((prevState) => {\n if (prevState === numberOfChildren - indexIncrement) return 0;\n\n return prevState + indexIncrement;\n });\n }\n\n if (event.code === 'Home') {\n setActiveIndex(0);\n }\n\n if (event.code === 'End') {\n setActiveIndex(numberOfChildren - indexIncrement);\n }\n }\n\n const onClickOutside = (event: MouseEvent) => {\n const { target } = event;\n\n if (!target || !containerRef.current) return;\n\n if (!containerRef.current.contains(target as Node)) {\n close();\n }\n };\n\n useEffect(() => {\n if (activeIndex < 0 || !listRef.current) return;\n\n const listItem = listRef.current.children.item(activeIndex);\n\n if (listItem) {\n (listItem as HTMLDivElement).focus();\n }\n }, [activeIndex]);\n\n useEffect(() => {\n if (!listRef.current || !listRef.current.hasChildNodes()) return;\n\n Array.from(listRef.current.children)\n .filter((overlayChild) => overlayChild.nodeType === Node.ELEMENT_NODE && overlayChild.hasChildNodes())\n .forEach((overlayChild) => {\n Array.from(overlayChild.children)\n .filter((childOfChild) => childOfChild.nodeType === Node.ELEMENT_NODE)\n .forEach((childOfChild) => {\n // internal children may be buttons and can get focus when tab is pressed; preventing those elements\n // from getting focus so that list can be tabbed over and traversed with arrow keys\n childOfChild.setAttribute('tabIndex', '-1');\n });\n });\n }, [children]);\n\n return (\n <div className={styles['action-list-container']} ref={containerRef}>\n <MenuButton\n onClick={toggle}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n buttonRef={triggerRef as RefObject<HTMLButtonElement>}\n variant={variant}\n >\n {prefixIcon && <Icon size={24} name={prefixIcon} />}\n {label}\n {iconName ? (\n <Icon size={24} name={iconName} />\n ) : (\n <Icon size={16} name={isOpen ? 'CheveronUp' : 'CheveronDown'} />\n )}\n </MenuButton>\n <div\n aria-activedescendant={`${listId}-child-${activeIndex}`}\n aria-label={label}\n className={clsx(styles['action-list'], {\n [styles['action-list--open']]: isOpen,\n })}\n onClickCapture={close}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n ref={listRef}\n role=\"menu\"\n tabIndex={-1}\n >\n {Children.map(children, (child, index) => (\n <div key={`${listId}-child-${index}`} role=\"menuitem\" tabIndex={-1}>\n {child}\n </div>\n ))}\n </div>\n </div>\n );\n}\n"],"names":["inactiveIndex","indexIncrement","ActionList","label","prefixIcon","iconName","variant","children","listId","useId","triggerRef","useRef","listRef","containerRef","numberOfChildren","Children","activeIndex","setActiveIndex","useState","isOpen","setIsOpen","open","onClickOutside","close","event","toggle","onKeyDown","onKeyUp","prevState","target","useEffect","listItem","overlayChild","childOfChild","styles","jsxs","MenuButton","jsx","Icon","clsx","child","index"],"mappings":";;;;;;;;;;;GAyBMA,IAAgB,IAChBC,IAAiB;AAGhB,SAASC,EAAW,EAAE,OAAAC,GAAO,YAAAC,GAAY,UAAAC,GAAU,SAAAC,IAAU,aAAa,UAAAC,KAA6B;AAC5G,QAAMC,IAASC,EAAA,GACTC,IAAaC,EAA0B,IAAI,GAC3CC,IAAUD,EAAuB,IAAI,GACrCE,IAAeF,EAAuB,IAAI,GAE1CG,IAAmBC,EAAS,MAAMR,CAAQ,GAE1C,CAACS,GAAaC,CAAc,IAAIC,EAASlB,CAAa,GACtD,CAACmB,GAAQC,CAAS,IAAIF,EAAS,EAAK;AAE1C,WAASG,IAAO;AACd,IAAAD,EAAU,EAAI,GAEd,SAAS,iBAAiB,SAASE,GAAgB,EAAE,MAAM,IAAM,SAAS,IAAM;AAAA,
|
|
1
|
+
{"version":3,"file":"ActionList.js","sources":["../../../src/components/ActionList/ActionList.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { Children, useEffect, useId, useRef, useState } from 'react';\n\nimport type { KeyboardEvent, MouseEvent as ReactMouseEvent, ReactElement, RefObject } from 'react';\nimport type { IconProps } from 'components/Icon';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport styles from './ActionList.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { MenuButton } from 'components/Buttons';\n\nexport interface ActionListProps {\n /** The label that is displayed before the icon. */\n label: string;\n /** The icon that is shown in front of the label. */\n prefixIcon?: IconProps['name'];\n /** The icon that is shown to toggle the menu. If none is specified, CheveronUp and CheveronDown is used depending on whether the menu is opened or closed. */\n iconName?: IconProps['name'];\n /** Determines the button variant. */\n variant?: UIButtonVariant;\n /** The child component(s). */\n children: ReactElement | ReactElement[];\n}\n\nconst inactiveIndex = -1;\nconst indexIncrement = 1;\n\n/** A component to show an action list to toggle a menu. */\nexport function ActionList({ label, prefixIcon, iconName, variant = 'secondary', children }: ActionListProps) {\n const listId = useId();\n const triggerRef = useRef<HTMLButtonElement>(null);\n const listRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const numberOfChildren = Children.count(children);\n\n const [activeIndex, setActiveIndex] = useState(inactiveIndex);\n const [isOpen, setIsOpen] = useState(false);\n\n function open() {\n setIsOpen(true);\n\n document.addEventListener('click', onClickOutside, { once: true, capture: true });\n }\n\n function close(event?: ReactMouseEvent<HTMLDivElement>) {\n // When a click occurs on an element that is not an immediate descendant of the action list container\n // (can happen when a modal window is triggered from a button in the action list), the setIsOpen state\n // handler should not be called, because this causes a re-render of the entire component and can lead\n // to undesired effects, like a select element closing immediately after it has been clicked.\n if (event && containerRef.current && !containerRef.current.contains(event.target as Node)) {\n return;\n }\n\n setActiveIndex(inactiveIndex);\n setIsOpen(false);\n\n document.removeEventListener('click', onClickOutside, { capture: true });\n }\n\n function toggle() {\n if (isOpen) close();\n else open();\n }\n\n function onKeyDown(event: KeyboardEvent) {\n if (!isOpen) return;\n\n const eventPreventCodes = ['ArrowUp', 'ArrowDown', 'Home', 'End'];\n\n if (eventPreventCodes.includes(event.code)) {\n // prevent page from scrolling when navigating through items in list\n event.preventDefault();\n }\n\n if (event.code === 'Tab') {\n close();\n }\n }\n\n function onKeyUp(event: KeyboardEvent) {\n if (event.code === 'Space' || event.key === 'Enter') {\n if (event.target === triggerRef.current) {\n toggle();\n } else if (event.key === 'Enter' && event.target !== listRef.current) {\n if ('firstChild' in event.target) {\n const firstChild = event.target.firstChild as HTMLButtonElement;\n\n firstChild.click();\n }\n }\n }\n\n if (event.code === 'Escape') close();\n\n if (event.code === 'ArrowUp') {\n setActiveIndex((prevState) => {\n if (prevState === 0) return numberOfChildren - indexIncrement;\n\n return prevState - indexIncrement;\n });\n }\n\n if (event.code === 'ArrowDown') {\n setActiveIndex((prevState) => {\n if (prevState === numberOfChildren - indexIncrement) return 0;\n\n return prevState + indexIncrement;\n });\n }\n\n if (event.code === 'Home') {\n setActiveIndex(0);\n }\n\n if (event.code === 'End') {\n setActiveIndex(numberOfChildren - indexIncrement);\n }\n }\n\n const onClickOutside = (event: MouseEvent) => {\n const { target } = event;\n\n if (!target || !containerRef.current) return;\n\n if (!containerRef.current.contains(target as Node)) {\n close();\n }\n };\n\n useEffect(() => {\n if (activeIndex < 0 || !listRef.current) return;\n\n const listItem = listRef.current.children.item(activeIndex);\n\n if (listItem) {\n (listItem as HTMLDivElement).focus();\n }\n }, [activeIndex]);\n\n useEffect(() => {\n if (!listRef.current || !listRef.current.hasChildNodes()) return;\n\n Array.from(listRef.current.children)\n .filter((overlayChild) => overlayChild.nodeType === Node.ELEMENT_NODE && overlayChild.hasChildNodes())\n .forEach((overlayChild) => {\n Array.from(overlayChild.children)\n .filter((childOfChild) => childOfChild.nodeType === Node.ELEMENT_NODE)\n .forEach((childOfChild) => {\n // internal children may be buttons and can get focus when tab is pressed; preventing those elements\n // from getting focus so that list can be tabbed over and traversed with arrow keys\n childOfChild.setAttribute('tabIndex', '-1');\n });\n });\n }, [children]);\n\n return (\n <div className={styles['action-list-container']} ref={containerRef}>\n <MenuButton\n onClick={toggle}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n buttonRef={triggerRef as RefObject<HTMLButtonElement>}\n variant={variant}\n >\n {prefixIcon && <Icon size={24} name={prefixIcon} />}\n {label}\n {iconName ? (\n <Icon size={24} name={iconName} />\n ) : (\n <Icon size={16} name={isOpen ? 'CheveronUp' : 'CheveronDown'} />\n )}\n </MenuButton>\n <div\n aria-activedescendant={`${listId}-child-${activeIndex}`}\n aria-label={label}\n className={clsx(styles['action-list'], {\n [styles['action-list--open']]: isOpen,\n })}\n onClickCapture={close}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n ref={listRef}\n role=\"menu\"\n tabIndex={-1}\n >\n {Children.map(children, (child, index) => (\n <div key={`${listId}-child-${index}`} role=\"menuitem\" tabIndex={-1}>\n {child}\n </div>\n ))}\n </div>\n </div>\n );\n}\n"],"names":["inactiveIndex","indexIncrement","ActionList","label","prefixIcon","iconName","variant","children","listId","useId","triggerRef","useRef","listRef","containerRef","numberOfChildren","Children","activeIndex","setActiveIndex","useState","isOpen","setIsOpen","open","onClickOutside","close","event","toggle","onKeyDown","onKeyUp","prevState","target","useEffect","listItem","overlayChild","childOfChild","styles","jsxs","MenuButton","jsx","Icon","clsx","child","index"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r as n, s as t, w as a } from "../../react.esm-
|
|
4
|
-
import { u as l } from "../../index-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r as n, s as t, w as a } from "../../react.esm-WLX_DeH0.js";
|
|
4
|
+
import { u as l } from "../../index-iImjiPdB.js";
|
|
5
5
|
import { ActionList as o } from "./ActionList.js";
|
|
6
6
|
const T = jest.fn(), c = [
|
|
7
7
|
/* @__PURE__ */ i("button", { type: "button", onClick: T, children: "Test Action 1" }, "1"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionList.test.js","sources":["../../../src/components/ActionList/ActionList.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { ActionList } from './ActionList';\n\nconst onClickSpy = jest.fn();\n\nconst BUTTON_LIST = [\n <button key=\"1\" type=\"button\" onClick={onClickSpy}>\n Test Action 1\n </button>,\n <button key=\"2\" type=\"button\">\n Test Action 2\n </button>,\n <button key=\"3\" type=\"button\">\n Test Action 3\n </button>,\n];\n\ndescribe('ActionList', () => {\n it('should render (variant primary)', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"primary\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--primary');\n expect(screen.getByText('Test Action 1')).toBeInTheDocument();\n expect(screen.getByText('Test Action 2')).toBeInTheDocument();\n expect(screen.getByText('Test Action 3')).toBeInTheDocument();\n });\n\n it('should render variant secondary', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"secondary\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--secondary');\n });\n\n it('should render variant destructive-primary', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"destructive-primary\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--destructive-primary');\n });\n\n it('should render variant destructive-secondary', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"destructive-secondary\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render variant blank', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"blank\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--blank');\n });\n\n it('should render variant blank-icon', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--blank-icon');\n });\n\n it('should toggle content visibility on click', async () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n const triggerElement = screen.getByText('Test ActionList');\n const actionListElement = screen.getByRole('menu');\n expect(triggerElement).toBeInTheDocument();\n expect(actionListElement).toBeInTheDocument();\n await userEvent.click(triggerElement);\n await waitFor(() => {\n expect(actionListElement).toHaveClass('action-list--open');\n });\n await userEvent.click(triggerElement);\n await waitFor(() => {\n expect(actionListElement).not.toHaveClass('action-list--open');\n });\n });\n\n it('should fire action on click on action button', async () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n const triggerElement = screen.getByText('Test ActionList');\n const actionListElement = screen.getByRole('menu');\n expect(triggerElement).toBeInTheDocument();\n expect(actionListElement).toBeInTheDocument();\n await userEvent.click(triggerElement);\n await waitFor(() => {\n expect(actionListElement).toHaveClass('action-list--open');\n });\n const actionButton = screen.getByText('Test Action 1');\n await userEvent.click(actionButton);\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n await waitFor(() => {\n expect(actionListElement).not.toHaveClass('action-list--open');\n });\n });\n});\n"],"names":["onClickSpy","BUTTON_LIST","jsx","render","ActionList","button","screen","triggerElement","actionListElement","userEvent","waitFor","actionButton"],"mappings":";;;;;AAMA,MAAMA,IAAa,KAAK,GAAA,GAElBC,IAAc;AAAA,oBACjB,UAAA,EAAe,MAAK,UAAS,SAASD,GAAY,6BAAvC,GAEZ;AAAA,EACA,gBAAAE,EAAC,UAAA,EAAe,MAAK,UAAS,6BAAlB,GAEZ;AAAA,EACA,gBAAAA,EAAC,UAAA,EAAe,MAAK,UAAS,6BAAlB,GAEZ;AACF;AAEA,SAAS,cAAc,MAAM;AAC3B,KAAG,mCAAmC,MAAM;AAC1C,IAAAC;AAAA,MACE,gBAAAD,EAACE,GAAA,EAAW,OAAM,mBAAkB,SAAQ,WAAU,UAAS,oBAC5D,UAAAH,EAAY,IAAI,CAACI,MAAWA,CAAM,EAAA,CACrC;AAAA,IAAA,GAEF,OAAOC,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAA,GAC5C,OAAOA,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,iBAAiB,GACzE,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAA,GAC1C,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAA,GAC1C,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"ActionList.test.js","sources":["../../../src/components/ActionList/ActionList.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { ActionList } from './ActionList';\n\nconst onClickSpy = jest.fn();\n\nconst BUTTON_LIST = [\n <button key=\"1\" type=\"button\" onClick={onClickSpy}>\n Test Action 1\n </button>,\n <button key=\"2\" type=\"button\">\n Test Action 2\n </button>,\n <button key=\"3\" type=\"button\">\n Test Action 3\n </button>,\n];\n\ndescribe('ActionList', () => {\n it('should render (variant primary)', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"primary\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--primary');\n expect(screen.getByText('Test Action 1')).toBeInTheDocument();\n expect(screen.getByText('Test Action 2')).toBeInTheDocument();\n expect(screen.getByText('Test Action 3')).toBeInTheDocument();\n });\n\n it('should render variant secondary', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"secondary\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--secondary');\n });\n\n it('should render variant destructive-primary', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"destructive-primary\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--destructive-primary');\n });\n\n it('should render variant destructive-secondary', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"destructive-secondary\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render variant blank', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"blank\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--blank');\n });\n\n it('should render variant blank-icon', () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n expect(screen.getByText('Test ActionList')).toHaveClass('button--blank-icon');\n });\n\n it('should toggle content visibility on click', async () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n const triggerElement = screen.getByText('Test ActionList');\n const actionListElement = screen.getByRole('menu');\n expect(triggerElement).toBeInTheDocument();\n expect(actionListElement).toBeInTheDocument();\n await userEvent.click(triggerElement);\n await waitFor(() => {\n expect(actionListElement).toHaveClass('action-list--open');\n });\n await userEvent.click(triggerElement);\n await waitFor(() => {\n expect(actionListElement).not.toHaveClass('action-list--open');\n });\n });\n\n it('should fire action on click on action button', async () => {\n render(\n <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n {BUTTON_LIST.map((button) => button)}\n </ActionList>\n );\n const triggerElement = screen.getByText('Test ActionList');\n const actionListElement = screen.getByRole('menu');\n expect(triggerElement).toBeInTheDocument();\n expect(actionListElement).toBeInTheDocument();\n await userEvent.click(triggerElement);\n await waitFor(() => {\n expect(actionListElement).toHaveClass('action-list--open');\n });\n const actionButton = screen.getByText('Test Action 1');\n await userEvent.click(actionButton);\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n await waitFor(() => {\n expect(actionListElement).not.toHaveClass('action-list--open');\n });\n });\n});\n"],"names":["onClickSpy","BUTTON_LIST","jsx","render","ActionList","button","screen","triggerElement","actionListElement","userEvent","waitFor","actionButton"],"mappings":";;;;;AAMA,MAAMA,IAAa,KAAK,GAAA,GAElBC,IAAc;AAAA,oBACjB,UAAA,EAAe,MAAK,UAAS,SAASD,GAAY,6BAAvC,GAEZ;AAAA,EACA,gBAAAE,EAAC,UAAA,EAAe,MAAK,UAAS,6BAAlB,GAEZ;AAAA,EACA,gBAAAA,EAAC,UAAA,EAAe,MAAK,UAAS,6BAAlB,GAEZ;AACF;AAEA,SAAS,cAAc,MAAM;AAC3B,KAAG,mCAAmC,MAAM;AAC1C,IAAAC;AAAA,MACE,gBAAAD,EAACE,GAAA,EAAW,OAAM,mBAAkB,SAAQ,WAAU,UAAS,oBAC5D,UAAAH,EAAY,IAAI,CAACI,MAAWA,CAAM,EAAA,CACrC;AAAA,IAAA,GAEF,OAAOC,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAA,GAC5C,OAAOA,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,iBAAiB,GACzE,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAA,GAC1C,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAA,GAC1C,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAA;AAAA,EAC5C,CAAC,GAED,GAAG,mCAAmC,MAAM;AAC1C,IAAAH;AAAA,MACE,gBAAAD,EAACE,GAAA,EAAW,OAAM,mBAAkB,SAAQ,aAAY,UAAS,oBAC9D,UAAAH,EAAY,IAAI,CAACI,MAAWA,CAAM,EAAA,CACrC;AAAA,IAAA,GAEF,OAAOC,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAA,GAC5C,OAAOA,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAC7E,CAAC,GAED,GAAG,6CAA6C,MAAM;AACpD,IAAAH;AAAA,MACE,gBAAAD,EAACE,GAAA,EAAW,OAAM,mBAAkB,SAAQ,uBAAsB,UAAS,oBACxE,UAAAH,EAAY,IAAI,CAACI,MAAWA,CAAM,EAAA,CACrC;AAAA,IAAA,GAEF,OAAOC,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAA,GAC5C,OAAOA,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,6BAA6B;AAAA,EACvF,CAAC,GAED,GAAG,+CAA+C,MAAM;AACtD,IAAAH;AAAA,MACE,gBAAAD,EAACE,GAAA,EAAW,OAAM,mBAAkB,SAAQ,yBAAwB,UAAS,oBAC1E,UAAAH,EAAY,IAAI,CAACI,MAAWA,CAAM,EAAA,CACrC;AAAA,IAAA,GAEF,OAAOC,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAA,GAC5C,OAAOA,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,+BAA+B;AAAA,EACzF,CAAC,GAED,GAAG,+BAA+B,MAAM;AACtC,IAAAH;AAAA,MACE,gBAAAD,EAACE,GAAA,EAAW,OAAM,mBAAkB,SAAQ,SAAQ,UAAS,oBAC1D,UAAAH,EAAY,IAAI,CAACI,MAAWA,CAAM,EAAA,CACrC;AAAA,IAAA,GAEF,OAAOC,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAA,GAC5C,OAAOA,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,eAAe;AAAA,EACzE,CAAC,GAED,GAAG,oCAAoC,MAAM;AAC3C,IAAAH;AAAA,MACE,gBAAAD,EAACE,GAAA,EAAW,OAAM,mBAAkB,SAAQ,cAAa,UAAS,oBAC/D,UAAAH,EAAY,IAAI,CAACI,MAAWA,CAAM,EAAA,CACrC;AAAA,IAAA,GAEF,OAAOC,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAA,GAC5C,OAAOA,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,oBAAoB;AAAA,EAC9E,CAAC,GAED,GAAG,6CAA6C,YAAY;AAC1D,IAAAH;AAAA,MACE,gBAAAD,EAACE,GAAA,EAAW,OAAM,mBAAkB,SAAQ,cAAa,UAAS,oBAC/D,UAAAH,EAAY,IAAI,CAACI,MAAWA,CAAM,EAAA,CACrC;AAAA,IAAA;AAEF,UAAME,IAAiBD,EAAO,UAAU,iBAAiB,GACnDE,IAAoBF,EAAO,UAAU,MAAM;AACjD,WAAOC,CAAc,EAAE,kBAAA,GACvB,OAAOC,CAAiB,EAAE,kBAAA,GAC1B,MAAMC,EAAU,MAAMF,CAAc,GACpC,MAAMG,EAAQ,MAAM;AAClB,aAAOF,CAAiB,EAAE,YAAY,mBAAmB;AAAA,IAC3D,CAAC,GACD,MAAMC,EAAU,MAAMF,CAAc,GACpC,MAAMG,EAAQ,MAAM;AAClB,aAAOF,CAAiB,EAAE,IAAI,YAAY,mBAAmB;AAAA,IAC/D,CAAC;AAAA,EACH,CAAC,GAED,GAAG,gDAAgD,YAAY;AAC7D,IAAAL;AAAA,MACE,gBAAAD,EAACE,GAAA,EAAW,OAAM,mBAAkB,SAAQ,cAAa,UAAS,oBAC/D,UAAAH,EAAY,IAAI,CAACI,MAAWA,CAAM,EAAA,CACrC;AAAA,IAAA;AAEF,UAAME,IAAiBD,EAAO,UAAU,iBAAiB,GACnDE,IAAoBF,EAAO,UAAU,MAAM;AACjD,WAAOC,CAAc,EAAE,kBAAA,GACvB,OAAOC,CAAiB,EAAE,kBAAA,GAC1B,MAAMC,EAAU,MAAMF,CAAc,GACpC,MAAMG,EAAQ,MAAM;AAClB,aAAOF,CAAiB,EAAE,YAAY,mBAAmB;AAAA,IAC3D,CAAC;AACD,UAAMG,IAAeL,EAAO,UAAU,eAAe;AACrD,UAAMG,EAAU,MAAME,CAAY,GAClC,OAAOX,CAAU,EAAE,sBAAsB,CAAC,GAC1C,MAAMU,EAAQ,MAAM;AAClB,aAAOF,CAAiB,EAAE,IAAI,YAAY,mBAAmB;AAAA,IAC/D,CAAC;AAAA,EACH,CAAC;AACH,CAAC;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r, s as t } from "../../react.esm-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r, s as t } from "../../react.esm-WLX_DeH0.js";
|
|
4
4
|
import { AppStatusBar as s } from "./AppStatusBar.js";
|
|
5
5
|
describe("AppStatusBar", () => {
|
|
6
6
|
it("should render", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppStatusBar.test.js","sources":["../../../src/components/AppStatusBar/AppStatusBar.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { AppStatusBar } from './AppStatusBar';\n\ndescribe('AppStatusBar', () => {\n it('should render', () => {\n render(<AppStatusBar message=\"AppStatusBar message\" severity=\"info\" />);\n expect(screen.getByText('AppStatusBar message')).toBeInTheDocument();\n });\n});\n"],"names":["render","AppStatusBar","screen"],"mappings":";;;;AAKA,SAAS,gBAAgB,MAAM;AAC7B,KAAG,iBAAiB,MAAM;AACxB,IAAAA,oBAAQC,GAAA,EAAa,SAAQ,wBAAuB,UAAS,QAAO,CAAE,GACtE,OAAOC,EAAO,UAAU,sBAAsB,CAAC,EAAE,kBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"AppStatusBar.test.js","sources":["../../../src/components/AppStatusBar/AppStatusBar.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { AppStatusBar } from './AppStatusBar';\n\ndescribe('AppStatusBar', () => {\n it('should render', () => {\n render(<AppStatusBar message=\"AppStatusBar message\" severity=\"info\" />);\n expect(screen.getByText('AppStatusBar message')).toBeInTheDocument();\n });\n});\n"],"names":["render","AppStatusBar","screen"],"mappings":";;;;AAKA,SAAS,gBAAgB,MAAM;AAC7B,KAAG,iBAAiB,MAAM;AACxB,IAAAA,oBAAQC,GAAA,EAAa,SAAQ,wBAAuB,UAAS,QAAO,CAAE,GACtE,OAAOC,EAAO,UAAU,sBAAsB,CAAC,EAAE,kBAAA;AAAA,EACnD,CAAC;AACH,CAAC;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r as t, s as r } from "../../react.esm-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r as t, s as r } from "../../react.esm-WLX_DeH0.js";
|
|
4
4
|
import { Attention as n } from "./Attention.js";
|
|
5
5
|
describe("Attention", () => {
|
|
6
6
|
it("should render (variant primary)", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Attention.test.js","sources":["../../../src/components/Attention/Attention.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Attention } from './Attention';\n\ndescribe('Attention', () => {\n it('should render (variant primary)', () => {\n render(<Attention>Attention message</Attention>);\n expect(screen.getByText('Attention message')).toBeInTheDocument();\n });\n});\n"],"names":["render","jsx","Attention","screen"],"mappings":";;;;AAKA,SAAS,aAAa,MAAM;AAC1B,KAAG,mCAAmC,MAAM;AAC1C,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAU,UAAA,oBAAA,CAAiB,CAAY,GAC/C,OAAOC,EAAO,UAAU,mBAAmB,CAAC,EAAE,kBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Attention.test.js","sources":["../../../src/components/Attention/Attention.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Attention } from './Attention';\n\ndescribe('Attention', () => {\n it('should render (variant primary)', () => {\n render(<Attention>Attention message</Attention>);\n expect(screen.getByText('Attention message')).toBeInTheDocument();\n });\n});\n"],"names":["render","jsx","Attention","screen"],"mappings":";;;;AAKA,SAAS,aAAa,MAAM;AAC1B,KAAG,mCAAmC,MAAM;AAC1C,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAU,UAAA,oBAAA,CAAiB,CAAY,GAC/C,OAAOC,EAAO,UAAU,mBAAmB,CAAC,EAAE,kBAAA;AAAA,EAChD,CAAC;AACH,CAAC;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r as e, s as o } from "../../react.esm-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r as e, s as o } from "../../react.esm-WLX_DeH0.js";
|
|
4
4
|
import { Backdrop as t } from "./Backdrop.js";
|
|
5
5
|
describe("Backdrop", () => {
|
|
6
6
|
it("should render", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Backdrop.test.js","sources":["../../../src/components/Backdrop/Backdrop.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Backdrop } from './Backdrop';\n\ndescribe('Backdrop', () => {\n it('should render', () => {\n render(<Backdrop>Backdrop overlay</Backdrop>);\n expect(screen.getByText('Backdrop overlay')).toBeInTheDocument();\n });\n});\n"],"names":["render","jsx","Backdrop","screen"],"mappings":";;;;AAKA,SAAS,YAAY,MAAM;AACzB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAS,UAAA,mBAAA,CAAgB,CAAW,GAC5C,OAAOC,EAAO,UAAU,kBAAkB,CAAC,EAAE,kBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Backdrop.test.js","sources":["../../../src/components/Backdrop/Backdrop.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Backdrop } from './Backdrop';\n\ndescribe('Backdrop', () => {\n it('should render', () => {\n render(<Backdrop>Backdrop overlay</Backdrop>);\n expect(screen.getByText('Backdrop overlay')).toBeInTheDocument();\n });\n});\n"],"names":["render","jsx","Backdrop","screen"],"mappings":";;;;AAKA,SAAS,YAAY,MAAM;AACzB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAS,UAAA,mBAAA,CAAgB,CAAW,GAC5C,OAAOC,EAAO,UAAU,kBAAkB,CAAC,EAAE,kBAAA;AAAA,EAC/C,CAAC;AACH,CAAC;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
|
|
2
|
-
import { l } from "../../index-
|
|
2
|
+
import { l } from "../../index-BamlKH-k.js";
|
|
3
3
|
import { Button as n } from "./Button.js";
|
|
4
4
|
const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Button>", h = {
|
|
5
5
|
title: "Atoms/Buttons/Button",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r as n, s as t, f as c } from "../../react.esm-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r as n, s as t, f as c } from "../../react.esm-WLX_DeH0.js";
|
|
4
4
|
import { Button as o } from "./Button.js";
|
|
5
5
|
const s = jest.fn();
|
|
6
6
|
describe("Button", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.test.js","sources":["../../../src/components/Buttons/Button.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { Button } from './Button';\n\nconst onClickSpy = jest.fn();\n\ndescribe('Button', () => {\n it('should render primary', () => {\n render(<Button variant=\"primary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n });\n\n it('should render secondary', () => {\n render(<Button variant=\"secondary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n render(<Button variant=\"destructive-primary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n render(<Button variant=\"destructive-secondary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n render(<Button variant=\"blank\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--blank');\n });\n\n it('should render as column', () => {\n render(\n <Button variant=\"primary\" displayColumn>\n Test Button\n </Button>\n );\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--wide-column');\n });\n\n it('should render disabled', () => {\n render(\n <Button variant=\"primary\" disabled>\n Test Button\n </Button>\n );\n const button = screen.getByText('Test Button');\n expect(button).toBeInTheDocument();\n expect(button).toHaveAttribute('disabled');\n fireEvent.click(button);\n expect(onClickSpy).toHaveBeenCalledTimes(0);\n });\n\n it('should call onClick when clicked', () => {\n render(\n <Button variant=\"primary\" onClick={onClickSpy}>\n Test Button\n </Button>\n );\n const button = screen.getByText('Test Button');\n expect(button).toBeInTheDocument();\n fireEvent.click(button);\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n });\n});\n"],"names":["onClickSpy","render","jsx","Button","screen","button","fireEvent"],"mappings":";;;;AAKA,MAAMA,IAAa,KAAK,GAAA;AAExB,SAAS,UAAU,MAAM;AACvB,KAAG,yBAAyB,MAAM;AAChC,IAAAC,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,WAAU,yBAAW,CAAS,GACrD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Button.test.js","sources":["../../../src/components/Buttons/Button.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { Button } from './Button';\n\nconst onClickSpy = jest.fn();\n\ndescribe('Button', () => {\n it('should render primary', () => {\n render(<Button variant=\"primary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n });\n\n it('should render secondary', () => {\n render(<Button variant=\"secondary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n render(<Button variant=\"destructive-primary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n render(<Button variant=\"destructive-secondary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n render(<Button variant=\"blank\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--blank');\n });\n\n it('should render as column', () => {\n render(\n <Button variant=\"primary\" displayColumn>\n Test Button\n </Button>\n );\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--wide-column');\n });\n\n it('should render disabled', () => {\n render(\n <Button variant=\"primary\" disabled>\n Test Button\n </Button>\n );\n const button = screen.getByText('Test Button');\n expect(button).toBeInTheDocument();\n expect(button).toHaveAttribute('disabled');\n fireEvent.click(button);\n expect(onClickSpy).toHaveBeenCalledTimes(0);\n });\n\n it('should call onClick when clicked', () => {\n render(\n <Button variant=\"primary\" onClick={onClickSpy}>\n Test Button\n </Button>\n );\n const button = screen.getByText('Test Button');\n expect(button).toBeInTheDocument();\n fireEvent.click(button);\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n });\n});\n"],"names":["onClickSpy","render","jsx","Button","screen","button","fireEvent"],"mappings":";;;;AAKA,MAAMA,IAAa,KAAK,GAAA;AAExB,SAAS,UAAU,MAAM;AACvB,KAAG,yBAAyB,MAAM;AAChC,IAAAC,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,WAAU,yBAAW,CAAS,GACrD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA;AAAA,EAC1C,CAAC,GAED,GAAG,2BAA2B,MAAM;AAClC,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,aAAY,yBAAW,CAAS,GACvD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,mBAAmB;AAAA,EACzE,CAAC,GAED,GAAG,qCAAqC,MAAM;AAC5C,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,uBAAsB,yBAAW,CAAS,GACjE,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,6BAA6B;AAAA,EACnF,CAAC,GAED,GAAG,uCAAuC,MAAM;AAC9C,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,yBAAwB,yBAAW,CAAS,GACnE,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,+BAA+B;AAAA,EACrF,CAAC,GAED,GAAG,uBAAuB,MAAM;AAC9B,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,SAAQ,yBAAW,CAAS,GACnD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,eAAe;AAAA,EACrE,CAAC,GAED,GAAG,2BAA2B,MAAM;AAClC,IAAAH;AAAA,wBACGE,GAAA,EAAO,SAAQ,WAAU,eAAa,IAAC,UAAA,cAAA,CAExC;AAAA,IAAA,GAEF,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,qBAAqB;AAAA,EAC3E,CAAC,GAED,GAAG,0BAA0B,MAAM;AACjC,IAAAH;AAAA,wBACGE,GAAA,EAAO,SAAQ,WAAU,UAAQ,IAAC,UAAA,cAAA,CAEnC;AAAA,IAAA;AAEF,UAAME,IAASD,EAAO,UAAU,aAAa;AAC7C,WAAOC,CAAM,EAAE,kBAAA,GACf,OAAOA,CAAM,EAAE,gBAAgB,UAAU,GACzCC,EAAU,MAAMD,CAAM,GACtB,OAAOL,CAAU,EAAE,sBAAsB,CAAC;AAAA,EAC5C,CAAC,GAED,GAAG,oCAAoC,MAAM;AAC3C,IAAAC;AAAA,wBACGE,GAAA,EAAO,SAAQ,WAAU,SAASH,GAAY,UAAA,cAAA,CAE/C;AAAA,IAAA;AAEF,UAAMK,IAASD,EAAO,UAAU,aAAa;AAC7C,WAAOC,CAAM,EAAE,kBAAA,GACfC,EAAU,MAAMD,CAAM,GACtB,OAAOL,CAAU,EAAE,sBAAsB,CAAC;AAAA,EAC5C,CAAC;AACH,CAAC;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
|
|
2
|
-
import { l as s } from "../../index-
|
|
2
|
+
import { l as s } from "../../index-BamlKH-k.js";
|
|
3
3
|
import { BrowserRouter as c } from "react-router";
|
|
4
4
|
import { LinkButton as e } from "./LinkButton.js";
|
|
5
5
|
const d = `
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r as n, s as t, f as c } from "../../react.esm-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r as n, s as t, f as c } from "../../react.esm-WLX_DeH0.js";
|
|
4
4
|
import { BrowserRouter as u, Routes as a, Route as d } from "react-router";
|
|
5
5
|
import { LinkButton as o } from "./LinkButton.js";
|
|
6
6
|
const r = ({ children: i }) => /* @__PURE__ */ s(u, { children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.test.js","sources":["../../../src/components/Buttons/LinkButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { BrowserRouter, Routes, Route } from 'react-router';\n\nimport type { ReactNode } from 'react';\n\nimport { LinkButton } from './LinkButton';\n\nconst routerContainer = ({ children }: { children: ReactNode }) => (\n <BrowserRouter>\n <Routes>\n <Route path={`/`} element={<div>Test route</div>} />\n </Routes>\n {children}\n </BrowserRouter>\n);\n\ndescribe('LinkButton', () => {\n it('should render', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n });\n\n it('should render primary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--primary');\n });\n\n it('should render secondary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"secondary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"destructive-primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"destructive-secondary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank');\n });\n\n it('should render blank-subtle', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank-subtle\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-subtle');\n });\n\n it('should render blank-icon', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank-icon\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-icon');\n });\n\n it('should goto route when clicked', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n fireEvent.click(screen.getByText('Test LinkButton'));\n expect(screen.getByText('Test route')).toBeInTheDocument();\n });\n});\n"],"names":["routerContainer","children","BrowserRouter","jsx","Routes","Route","render","LinkButton","screen","fireEvent"],"mappings":";;;;;AAQA,MAAMA,IAAkB,CAAC,EAAE,UAAAC,EAAA,wBACxBC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAM,MAAM,KAAK,SAAS,gBAAAF,EAAC,OAAA,EAAI,UAAA,aAAA,CAAU,EAAA,CAAQ,GACpD;AAAA,EACCF;AAAA,GACH;AAGF,SAAS,cAAc,MAAM;AAC3B,KAAG,iBAAiB,MAAM;AACxB,IAAAK;AAAA,MACEN,EAAgB;AAAA,QACd,UACE,gBAAAG,EAACI,GAAA,EAAW,SAAQ,WAAU,IAAI,KAAK,UAAA,kBAAA,CAEvC;AAAA,MAAA,CAEH;AAAA,IAAA,GAEH,OAAOC,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"LinkButton.test.js","sources":["../../../src/components/Buttons/LinkButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { BrowserRouter, Routes, Route } from 'react-router';\n\nimport type { ReactNode } from 'react';\n\nimport { LinkButton } from './LinkButton';\n\nconst routerContainer = ({ children }: { children: ReactNode }) => (\n <BrowserRouter>\n <Routes>\n <Route path={`/`} element={<div>Test route</div>} />\n </Routes>\n {children}\n </BrowserRouter>\n);\n\ndescribe('LinkButton', () => {\n it('should render', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n });\n\n it('should render primary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--primary');\n });\n\n it('should render secondary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"secondary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"destructive-primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"destructive-secondary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank');\n });\n\n it('should render blank-subtle', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank-subtle\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-subtle');\n });\n\n it('should render blank-icon', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank-icon\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-icon');\n });\n\n it('should goto route when clicked', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n fireEvent.click(screen.getByText('Test LinkButton'));\n expect(screen.getByText('Test route')).toBeInTheDocument();\n });\n});\n"],"names":["routerContainer","children","BrowserRouter","jsx","Routes","Route","render","LinkButton","screen","fireEvent"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as l, Fragment as s } from "react/jsx-runtime";
|
|
2
|
-
import { l as c } from "../../index-
|
|
2
|
+
import { l as c } from "../../index-BamlKH-k.js";
|
|
3
3
|
import { MenuButton as n } from "./MenuButton.js";
|
|
4
4
|
const d = `
|
|
5
5
|
// Has all LabelHTMLAttributes props available except "className" and "style"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r as u, s as e, f as c } from "../../react.esm-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r as u, s as e, f as c } from "../../react.esm-WLX_DeH0.js";
|
|
4
4
|
import { createRef as s } from "react";
|
|
5
5
|
import { MenuButton as r } from "./MenuButton.js";
|
|
6
6
|
const n = jest.fn();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.test.js","sources":["../../../src/components/Buttons/MenuButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { createRef } from 'react';\n\nimport type { RefObject } from 'react';\n\nimport { MenuButton } from './MenuButton';\n\nconst onClickSpy = jest.fn();\n\ndescribe('LinkButton', () => {\n it('should render', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n });\n\n it('should render primary', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--primary');\n });\n\n it('should render secondary', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"secondary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n const testRef = createRef();\n render(\n <MenuButton\n variant=\"destructive-primary\"\n onClick={onClickSpy}\n buttonRef={testRef as RefObject<HTMLButtonElement>}\n >\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n const testRef = createRef();\n render(\n <MenuButton\n variant=\"destructive-secondary\"\n onClick={onClickSpy}\n buttonRef={testRef as RefObject<HTMLButtonElement>}\n >\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank');\n });\n\n it('should render blank-icon', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank-icon');\n });\n\n it('should fire when clicked', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n fireEvent.click(screen.getByText('Test MenuButton'));\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n });\n});\n"],"names":["onClickSpy","testRef","createRef","render","jsx","MenuButton","screen","fireEvent"],"mappings":";;;;;AAQA,MAAMA,IAAa,KAAK,GAAA;AAExB,SAAS,cAAc,MAAM;AAC3B,KAAG,iBAAiB,MAAM;AACxB,UAAMC,IAAUC,EAAA;AAChB,IAAAC;AAAA,MACE,gBAAAC,EAACC,KAAW,SAAQ,WAAU,SAASL,GAAY,WAAWC,GAAyC,UAAA,kBAAA,CAEvG;AAAA,IAAA,GAEF,OAAOK,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"MenuButton.test.js","sources":["../../../src/components/Buttons/MenuButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { createRef } from 'react';\n\nimport type { RefObject } from 'react';\n\nimport { MenuButton } from './MenuButton';\n\nconst onClickSpy = jest.fn();\n\ndescribe('LinkButton', () => {\n it('should render', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n });\n\n it('should render primary', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--primary');\n });\n\n it('should render secondary', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"secondary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n const testRef = createRef();\n render(\n <MenuButton\n variant=\"destructive-primary\"\n onClick={onClickSpy}\n buttonRef={testRef as RefObject<HTMLButtonElement>}\n >\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n const testRef = createRef();\n render(\n <MenuButton\n variant=\"destructive-secondary\"\n onClick={onClickSpy}\n buttonRef={testRef as RefObject<HTMLButtonElement>}\n >\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank');\n });\n\n it('should render blank-icon', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank-icon');\n });\n\n it('should fire when clicked', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n fireEvent.click(screen.getByText('Test MenuButton'));\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n });\n});\n"],"names":["onClickSpy","testRef","createRef","render","jsx","MenuButton","screen","fireEvent"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r, s as d } from "../../react.esm-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r, s as d } from "../../react.esm-WLX_DeH0.js";
|
|
4
4
|
import { Card as o } from "./Card.js";
|
|
5
5
|
describe("Card", () => {
|
|
6
6
|
it("should render", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.test.js","sources":["../../../src/components/Card/Card.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Card } from './Card';\n\ndescribe('Card', () => {\n it('should render', () => {\n render(<Card header=\"Header Card\" />);\n expect(screen.getByText('Header Card')).toBeInTheDocument();\n });\n});\n"],"names":["render","jsx","Card","screen"],"mappings":";;;;AAKA,SAAS,QAAQ,MAAM;AACrB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAK,QAAO,cAAA,CAAc,CAAE,GACpC,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Card.test.js","sources":["../../../src/components/Card/Card.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Card } from './Card';\n\ndescribe('Card', () => {\n it('should render', () => {\n render(<Card header=\"Header Card\" />);\n expect(screen.getByText('Header Card')).toBeInTheDocument();\n });\n});\n"],"names":["render","jsx","Card","screen"],"mappings":";;;;AAKA,SAAS,QAAQ,MAAM;AACrB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAK,QAAO,cAAA,CAAc,CAAE,GACpC,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA;AAAA,EAC1C,CAAC;AACH,CAAC;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as g, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { l as e } from "../../index-
|
|
2
|
+
import { l as e } from "../../index-BamlKH-k.js";
|
|
3
3
|
import { Checkbox as n } from "./Checkbox.js";
|
|
4
4
|
import { FormField as t } from "../FormField/FormField.js";
|
|
5
5
|
import { Label as i } from "../Label/Label.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r as o, s as t } from "../../react.esm-
|
|
4
|
-
import { u as s } from "../../index-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r as o, s as t } from "../../react.esm-WLX_DeH0.js";
|
|
4
|
+
import { u as s } from "../../index-iImjiPdB.js";
|
|
5
5
|
import { Checkbox as r } from "./Checkbox.js";
|
|
6
6
|
describe("Checkbox", () => {
|
|
7
7
|
it("should render", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.test.js","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n it('should render', () => {\n render(<Checkbox id=\"test-checkbox\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n });\n\n it('should be checked if clicked', async () => {\n render(<Checkbox id=\"test-checkbox\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n await userEvent.click(checkbox);\n expect(checkbox).toBeChecked();\n });\n});\n"],"names":["render","jsx","Checkbox","checkbox","screen","userEvent"],"mappings":";;;;;AAMA,SAAS,YAAY,MAAM;AACzB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAS,IAAG,gBAAA,CAAgB,CAAE;AACtC,UAAMC,IAAWC,EAAO,UAAU,UAAU;AAC5C,WAAOD,CAAQ,EAAE,kBAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Checkbox.test.js","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n it('should render', () => {\n render(<Checkbox id=\"test-checkbox\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n });\n\n it('should be checked if clicked', async () => {\n render(<Checkbox id=\"test-checkbox\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n await userEvent.click(checkbox);\n expect(checkbox).toBeChecked();\n });\n});\n"],"names":["render","jsx","Checkbox","checkbox","screen","userEvent"],"mappings":";;;;;AAMA,SAAS,YAAY,MAAM;AACzB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAS,IAAG,gBAAA,CAAgB,CAAE;AACtC,UAAMC,IAAWC,EAAO,UAAU,UAAU;AAC5C,WAAOD,CAAQ,EAAE,kBAAA;AAAA,EACnB,CAAC,GAED,GAAG,gCAAgC,YAAY;AAC7C,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAS,IAAG,gBAAA,CAAgB,CAAE;AACtC,UAAMC,IAAWC,EAAO,UAAU,UAAU;AAC5C,WAAOD,CAAQ,EAAE,kBAAA,GACjB,MAAME,EAAU,MAAMF,CAAQ,GAC9B,OAAOA,CAAQ,EAAE,YAAA;AAAA,EACnB,CAAC;AACH,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxButtonBar.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './CheckboxButtonBar.module.css';\n\nimport { Label } from 'components/Label';\nimport { FeedbackBox } from 'components/FeedbackBox';\nimport { ControlsButton } from 'components/ControlsButton';\n\ntype CheckboxProps = {\n label: string;\n value: string;\n prefix?: string;\n tooltip?: ReactNode;\n tooltipPosition?: 'left' | 'center' | 'right';\n disabled?: boolean;\n};\n\nexport interface CheckboxButtonBarProps {\n /** array with objects with label, value, prefix and disabled*/\n checkboxes: CheckboxProps[];\n //** array with value(s) */\n defaultValues?: string[];\n label?: string;\n /** 'top' | 'left' */\n labelPosition?: 'top' | 'left';\n /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n required?: boolean;\n /** `true` to color border red to show missing in validation; otherwise, `false`. */\n notValidated?: boolean;\n /** error text to display under the bar */\n notValidatedText?: string;\n /** returns an array with only one value */\n actAsRadioButtonBar?: boolean;\n /** optional footer text */\n footerText?: string;\n /** disables all checkboxes in the bar */\n disableGroup?: boolean;\n onSetValues: (value: string[]) => void;\n}\n\nexport const CheckboxButtonBar = ({\n checkboxes,\n defaultValues,\n label,\n labelPosition = 'top',\n required = false,\n notValidated = false,\n notValidatedText = '',\n actAsRadioButtonBar = false,\n footerText = '',\n disableGroup = false,\n onSetValues,\n}: CheckboxButtonBarProps) => {\n const [currentValues, setCurrentValues] = useState<string[]>(\n defaultValues && !actAsRadioButtonBar\n ? defaultValues.map(String)\n : defaultValues && actAsRadioButtonBar\n ? defaultValues.slice(0, 1)\n : []\n );\n\n const handleChange = (value: string) => {\n let values = currentValues;\n\n if (actAsRadioButtonBar) {\n setCurrentValues([value]);\n onSetValues([value]);\n } else {\n if (values.includes(value)) {\n values = values.filter((val) => val !== value);\n } else {\n values = [...values, value];\n }\n setCurrentValues(values);\n onSetValues(values);\n }\n };\n\n return (\n <div\n className={clsx(\n styles['checkbox-button-bar__container'],\n styles[`checkbox-button-bar__container--label-${labelPosition}`]\n )}\n >\n {label && (\n <Label htmlFor=\"\" required={required}>\n {label}\n </Label>\n )}\n <div className={styles['checkbox-button-bar__row-container']}>\n <div\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-validated']]: notValidated || notValidatedText,\n })}\n >\n {checkboxes.map(({ label, value, prefix, tooltip, tooltipPosition, disabled }) => (\n <ControlsButton\n key={`${value}`}\n type=\"checkbox\"\n label={label}\n prefix={prefix}\n tooltip={tooltip}\n tooltipPosition={tooltipPosition}\n forceSquared={true}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled || disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n ))}\n </div>\n {footerText && <div className={styles['checkbox-button-bar__footer']}>{footerText}</div>}\n {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n </div>\n </div>\n );\n};\n"],"names":["CheckboxButtonBar","checkboxes","defaultValues","label","labelPosition","required","notValidated","notValidatedText","actAsRadioButtonBar","footerText","disableGroup","onSetValues","currentValues","setCurrentValues","useState","handleChange","value","values","val","jsxs","clsx","styles","jsx","Label","prefix","tooltip","tooltipPosition","disabled","ControlsButton","event","FeedbackBox"],"mappings":";;;;;;;;;;;;;;GA2CaA,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,kBAAAC,IAAmB;AAAA,EACnB,qBAAAC,IAAsB;AAAA,EACtB,YAAAC,IAAa;AAAA,EACb,cAAAC,IAAe;AAAA,EACf,aAAAC;AACF,MAA8B;AAC5B,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCZ,KAAiB,CAACM,IACdN,EAAc,IAAI,MAAM,IACxBA,KAAiBM,IACfN,EAAc,MAAM,GAAG,CAAC,IACxB,CAAA;AAAA,EAAC,GAGHa,IAAe,CAACC,MAAkB;AACtC,QAAIC,IAASL;AAEb,IAAIJ,KACFK,EAAiB,CAACG,CAAK,CAAC,GACxBL,EAAY,CAACK,CAAK,CAAC,MAEfC,EAAO,SAASD,CAAK,IACvBC,IAASA,EAAO,OAAO,CAACC,MAAQA,MAAQF,CAAK,IAE7CC,IAAS,CAAC,GAAGA,GAAQD,CAAK,GAE5BH,EAAiBI,CAAM,GACvBN,EAAYM,CAAM;AAAA,
|
|
1
|
+
{"version":3,"file":"CheckboxButtonBar.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './CheckboxButtonBar.module.css';\n\nimport { Label } from 'components/Label';\nimport { FeedbackBox } from 'components/FeedbackBox';\nimport { ControlsButton } from 'components/ControlsButton';\n\ntype CheckboxProps = {\n label: string;\n value: string;\n prefix?: string;\n tooltip?: ReactNode;\n tooltipPosition?: 'left' | 'center' | 'right';\n disabled?: boolean;\n};\n\nexport interface CheckboxButtonBarProps {\n /** array with objects with label, value, prefix and disabled*/\n checkboxes: CheckboxProps[];\n //** array with value(s) */\n defaultValues?: string[];\n label?: string;\n /** 'top' | 'left' */\n labelPosition?: 'top' | 'left';\n /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n required?: boolean;\n /** `true` to color border red to show missing in validation; otherwise, `false`. */\n notValidated?: boolean;\n /** error text to display under the bar */\n notValidatedText?: string;\n /** returns an array with only one value */\n actAsRadioButtonBar?: boolean;\n /** optional footer text */\n footerText?: string;\n /** disables all checkboxes in the bar */\n disableGroup?: boolean;\n onSetValues: (value: string[]) => void;\n}\n\nexport const CheckboxButtonBar = ({\n checkboxes,\n defaultValues,\n label,\n labelPosition = 'top',\n required = false,\n notValidated = false,\n notValidatedText = '',\n actAsRadioButtonBar = false,\n footerText = '',\n disableGroup = false,\n onSetValues,\n}: CheckboxButtonBarProps) => {\n const [currentValues, setCurrentValues] = useState<string[]>(\n defaultValues && !actAsRadioButtonBar\n ? defaultValues.map(String)\n : defaultValues && actAsRadioButtonBar\n ? defaultValues.slice(0, 1)\n : []\n );\n\n const handleChange = (value: string) => {\n let values = currentValues;\n\n if (actAsRadioButtonBar) {\n setCurrentValues([value]);\n onSetValues([value]);\n } else {\n if (values.includes(value)) {\n values = values.filter((val) => val !== value);\n } else {\n values = [...values, value];\n }\n setCurrentValues(values);\n onSetValues(values);\n }\n };\n\n return (\n <div\n className={clsx(\n styles['checkbox-button-bar__container'],\n styles[`checkbox-button-bar__container--label-${labelPosition}`]\n )}\n >\n {label && (\n <Label htmlFor=\"\" required={required}>\n {label}\n </Label>\n )}\n <div className={styles['checkbox-button-bar__row-container']}>\n <div\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-validated']]: notValidated || notValidatedText,\n })}\n >\n {checkboxes.map(({ label, value, prefix, tooltip, tooltipPosition, disabled }) => (\n <ControlsButton\n key={`${value}`}\n type=\"checkbox\"\n label={label}\n prefix={prefix}\n tooltip={tooltip}\n tooltipPosition={tooltipPosition}\n forceSquared={true}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled || disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n ))}\n </div>\n {footerText && <div className={styles['checkbox-button-bar__footer']}>{footerText}</div>}\n {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n </div>\n </div>\n );\n};\n"],"names":["CheckboxButtonBar","checkboxes","defaultValues","label","labelPosition","required","notValidated","notValidatedText","actAsRadioButtonBar","footerText","disableGroup","onSetValues","currentValues","setCurrentValues","useState","handleChange","value","values","val","jsxs","clsx","styles","jsx","Label","prefix","tooltip","tooltipPosition","disabled","ControlsButton","event","FeedbackBox"],"mappings":";;;;;;;;;;;;;;GA2CaA,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,kBAAAC,IAAmB;AAAA,EACnB,qBAAAC,IAAsB;AAAA,EACtB,YAAAC,IAAa;AAAA,EACb,cAAAC,IAAe;AAAA,EACf,aAAAC;AACF,MAA8B;AAC5B,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCZ,KAAiB,CAACM,IACdN,EAAc,IAAI,MAAM,IACxBA,KAAiBM,IACfN,EAAc,MAAM,GAAG,CAAC,IACxB,CAAA;AAAA,EAAC,GAGHa,IAAe,CAACC,MAAkB;AACtC,QAAIC,IAASL;AAEb,IAAIJ,KACFK,EAAiB,CAACG,CAAK,CAAC,GACxBL,EAAY,CAACK,CAAK,CAAC,MAEfC,EAAO,SAASD,CAAK,IACvBC,IAASA,EAAO,OAAO,CAACC,MAAQA,MAAQF,CAAK,IAE7CC,IAAS,CAAC,GAAGA,GAAQD,CAAK,GAE5BH,EAAiBI,CAAM,GACvBN,EAAYM,CAAM;AAAA,EAEtB;AAEA,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO,gCAAgC;AAAA,QACvCA,EAAO,yCAAyCjB,CAAa,EAAE;AAAA,MAAA;AAAA,MAGhE,UAAA;AAAA,QAAAD,KACC,gBAAAmB,EAACC,GAAA,EAAM,SAAQ,IAAG,UAAAlB,GACf,UAAAF,GACH;AAAA,QAEF,gBAAAgB,EAAC,OAAA,EAAI,WAAWE,EAAO,oCAAoC,GACzD,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWF,EAAKC,EAAO,0BAA0B,GAAG;AAAA,gBAClD,CAACA,EAAO,yCAAyC,CAAC,GAAGf,KAAgBC;AAAA,cAAA,CACtE;AAAA,cAEA,UAAAN,EAAW,IAAI,CAAC,EAAE,OAAAE,GAAO,OAAAa,GAAO,QAAAQ,GAAQ,SAAAC,GAAS,iBAAAC,GAAiB,UAAAC,EAAA,MACjE,gBAAAL;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,OAAOzB;AAAAA,kBACP,QAAAqB;AAAA,kBACA,SAAAC;AAAA,kBACA,iBAAAC;AAAA,kBACA,cAAc;AAAA,kBACd,OAAAV;AAAA,kBACA,SAASJ,EAAc,SAASI,CAAK;AAAA,kBACrC,UAAUW,KAAYjB;AAAA,kBACtB,YAAY,CAACmB,MAAUd,EAAac,EAAM,OAAO,KAAK;AAAA,gBAAA;AAAA,gBAVjD,GAAGb,CAAK;AAAA,cAAA,CAYhB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEFP,KAAc,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAAI,UAAAZ,GAAW;AAAA,UACjFF,MAAqB,MAAM,gBAAAe,EAACQ,KAAY,OAAM,SAAQ,UAAUvB,EAAA,CAAkB;AAAA,QAAA,EAAA,CACrF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as l, Fragment as t } from "react/jsx-runtime";
|
|
2
|
-
import { l as o } from "../../index-
|
|
2
|
+
import { l as o } from "../../index-BamlKH-k.js";
|
|
3
3
|
import { CheckboxButtonBar as r } from "./CheckboxButtonBar.js";
|
|
4
4
|
const b = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", f = {
|
|
5
5
|
title: "Molecules/CheckboxButtonBar",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-
|
|
3
|
-
import { r as c, s as t } from "../../react.esm-
|
|
2
|
+
import "../../index-B32mP_-H.js";
|
|
3
|
+
import { r as c, s as t } from "../../react.esm-WLX_DeH0.js";
|
|
4
4
|
import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
|
|
5
5
|
const n = jest.fn(), d = [
|
|
6
6
|
{
|