@digigov/react-core 2.0.0-2a26e869 → 2.0.0-32ae417f
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/Accordion/index.d.ts +2 -28
- package/Accordion/index.js +3 -34
- package/Accordion/index.js.map +3 -3
- package/Accordion/index.native/index.js +22 -0
- package/Accordion/index.native/package.json +6 -0
- package/Accordion/index.native.d.ts +2 -0
- package/Accordion/index.native.js.map +7 -0
- package/Accordion/index.web/index.js +37 -0
- package/Accordion/index.web/package.json +6 -0
- package/Accordion/index.web.d.ts +28 -0
- package/Accordion/index.web.js.map +7 -0
- package/AccordionSection/index.d.ts +2 -11
- package/AccordionSection/index.js +3 -20
- package/AccordionSection/index.js.map +3 -3
- package/AccordionSection/index.native/index.js +21 -0
- package/AccordionSection/index.native/package.json +6 -0
- package/AccordionSection/index.native.d.ts +2 -0
- package/AccordionSection/index.native.js.map +7 -0
- package/AccordionSection/index.web/index.js +23 -0
- package/AccordionSection/index.web/package.json +6 -0
- package/AccordionSection/index.web.d.ts +11 -0
- package/AccordionSection/index.web.js.map +7 -0
- package/AccordionSectionSummaryHeading/index.d.ts +1 -0
- package/AccordionSectionSummaryHeading/index.js +5 -3
- package/AccordionSectionSummaryHeading/index.js.map +2 -2
- package/BackLinkBase/index.d.ts +9 -0
- package/BackLinkBase/index.js +29 -0
- package/BackLinkBase/index.js.map +7 -0
- package/{ButtonLink → BackLinkBase}/package.json +1 -1
- package/Base/compat/Input/CheckboxInput.native.js.map +2 -2
- package/Base/compat/Input/RadioInput.native.js.map +2 -2
- package/Base/compat/details.native/index.js +2 -1
- package/Base/compat/details.native.d.ts +2 -1
- package/Base/compat/details.native.js.map +2 -2
- package/Base/index.native.js.map +2 -2
- package/Base/index.web.d.ts +1 -1
- package/Base/index.web.js.map +1 -1
- package/Base/mapping.native.d.ts +1 -1
- package/Base/mapping.native.js.map +2 -2
- package/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.d.ts +5 -5
- package/BreadcrumbsListItemLinkBase/index.js +23 -0
- package/BreadcrumbsListItemLinkBase/index.js.map +7 -0
- package/BreadcrumbsListItemLinkBase/package.json +6 -0
- package/BreadcrumbsListItemWrapper/index.d.ts +10 -0
- package/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.js +4 -4
- package/BreadcrumbsListItemWrapper/index.js.map +7 -0
- package/{AutoCompleteInputTypeahead → BreadcrumbsListItemWrapper}/package.json +1 -1
- package/Button/index.js +2 -0
- package/Button/index.js.map +2 -2
- package/{ButtonLink → ButtonLinkBase}/index.d.ts +4 -4
- package/ButtonLinkBase/index.js +27 -0
- package/ButtonLinkBase/index.js.map +7 -0
- package/{FooterLink → ButtonLinkBase}/package.json +1 -1
- package/CallToActionBase/index.d.ts +9 -0
- package/{CallToAction → CallToActionBase}/index.js +6 -6
- package/CallToActionBase/index.js.map +7 -0
- package/{CircularProgress → CallToActionBase}/package.json +1 -1
- package/{CircularProgress → CircularProgressBase}/index.d.ts +5 -5
- package/{CircularProgress → CircularProgressBase}/index.js +4 -4
- package/CircularProgressBase/index.js.map +7 -0
- package/CircularProgressBase/package.json +6 -0
- package/CopyToClipboardMessage/index.native/index.js +1 -1
- package/CopyToClipboardMessage/index.native.d.ts +1 -3
- package/CopyToClipboardMessage/index.native.js.map +1 -1
- package/DateInputItem/index.native/index.js +1 -1
- package/DateInputItem/index.native.d.ts +1 -3
- package/DateInputItem/index.native.js.map +1 -1
- package/Details/index.native/index.js +1 -1
- package/Details/index.native.d.ts +1 -3
- package/Details/index.native.js.map +1 -1
- package/DetailsContent/index.d.ts +1 -0
- package/DetailsContent/index.js +3 -2
- package/DetailsContent/index.js.map +2 -2
- package/FileUpload/index.d.ts +7 -0
- package/FileUpload/index.js +12 -4
- package/FileUpload/index.js.map +2 -2
- package/FileUploadContainer/index.d.ts +7 -0
- package/FileUploadContainer/index.js +3 -2
- package/FileUploadContainer/index.js.map +2 -2
- package/FooterLinkBase/index.d.ts +9 -0
- package/FooterLinkBase/index.js +23 -0
- package/FooterLinkBase/index.js.map +7 -0
- package/{CallToAction → FooterLinkBase}/package.json +1 -1
- package/GovGRLogoBase/govgr-logo-base64/package.json +6 -0
- package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js.map +1 -1
- package/GovGRLogoBase/govgr-logo-blue-base64/package.json +6 -0
- package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.js.map +1 -1
- package/GovGRLogoBase/index.d.ts +9 -0
- package/GovGRLogoBase/index.js +43 -0
- package/GovGRLogoBase/index.js.map +7 -0
- package/{BackLink → GovGRLogoBase}/package.json +1 -1
- package/Grid/index.js +1 -0
- package/Grid/index.js.map +2 -2
- package/HeaderLogoBase/index.d.ts +19 -0
- package/HeaderLogoBase/index.js +33 -0
- package/HeaderLogoBase/index.js.map +7 -0
- package/HeaderLogoBase/package.json +6 -0
- package/HeaderSecondaryLogoBase/index.d.ts +19 -0
- package/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.js +7 -7
- package/HeaderSecondaryLogoBase/index.js.map +7 -0
- package/{BreadcrumbsListItemLink → HeaderSecondaryLogoBase}/package.json +1 -1
- package/HeaderTitleBase/index.d.ts +9 -0
- package/HeaderTitleBase/index.js +24 -0
- package/HeaderTitleBase/index.js.map +7 -0
- package/HeaderTitleBase/package.json +6 -0
- package/LinkBase/index.js +1 -0
- package/LinkBase/index.js.map +2 -2
- package/{NavListItemAction → NavListItemActionBase}/index.d.ts +6 -6
- package/{NavListItemAction → NavListItemActionBase}/index.js +6 -6
- package/NavListItemActionBase/index.js.map +7 -0
- package/NavListItemActionBase/package.json +6 -0
- package/NavListItemActionContainer/index.native/index.js +1 -1
- package/NavListItemActionContainer/index.native.d.ts +0 -2
- package/NavListItemActionContainer/index.native.js.map +1 -1
- package/{NavListItemLink → NavListItemLinkBase}/index.d.ts +4 -4
- package/{NavListItemLink → NavListItemLinkBase}/index.js +6 -6
- package/NavListItemLinkBase/index.js.map +7 -0
- package/{BreadcrumbsListItem → NavListItemLinkBase}/package.json +1 -1
- package/NotificationBannerContent/index.js +1 -1
- package/NotificationBannerContent/index.js.map +2 -2
- package/NotificationBannerLink/index.native/index.js +1 -1
- package/NotificationBannerLink/index.native.d.ts +1 -3
- package/NotificationBannerLink/index.native.js.map +1 -1
- package/Table/index.d.ts +9 -0
- package/Table/index.js +4 -1
- package/Table/index.js.map +2 -2
- package/TableDataCell/index.d.ts +13 -0
- package/TableDataCell/index.js +10 -1
- package/TableDataCell/index.js.map +2 -2
- package/TextArea/index.native/index.js +1 -1
- package/TextArea/index.native.d.ts +1 -3
- package/TextArea/index.native.js.map +1 -1
- package/TextInput/index.native/index.js +1 -1
- package/TextInput/index.native.d.ts +1 -3
- package/TextInput/index.native.js.map +1 -1
- package/Typography/index.d.ts +1 -1
- package/Typography/index.js +15 -17
- package/Typography/index.js.map +2 -2
- package/WarningText/index.d.ts +7 -0
- package/WarningText/index.js +10 -2
- package/WarningText/index.js.map +2 -2
- package/cjs/Accordion/index.js +5 -35
- package/cjs/Accordion/index.js.map +3 -3
- package/cjs/{utils/extend.native → Accordion/index.native}/index.js +22 -16
- package/cjs/Accordion/index.native.js.map +7 -0
- package/cjs/{ButtonLink → Accordion/index.web}/index.js +24 -16
- package/cjs/Accordion/index.web.js.map +7 -0
- package/cjs/AccordionSection/index.js +5 -21
- package/cjs/AccordionSection/index.js.map +3 -3
- package/cjs/{CheckboxItemInput → AccordionSection}/index.native/index.js +13 -12
- package/cjs/AccordionSection/index.native.js.map +7 -0
- package/cjs/{HeaderTitle → AccordionSection/index.web}/index.js +11 -12
- package/cjs/AccordionSection/index.web.js.map +7 -0
- package/cjs/AccordionSectionSummaryHeading/index.js +5 -3
- package/cjs/AccordionSectionSummaryHeading/index.js.map +2 -2
- package/cjs/BackLinkBase/index.js +62 -0
- package/cjs/BackLinkBase/index.js.map +7 -0
- package/cjs/Base/compat/Input/CheckboxInput.native.js.map +2 -2
- package/cjs/Base/compat/Input/RadioInput.native.js.map +2 -2
- package/cjs/Base/compat/details.native/index.js +2 -1
- package/cjs/Base/compat/details.native.js.map +2 -2
- package/cjs/Base/index.native.js.map +2 -2
- package/cjs/Base/index.web.js.map +1 -1
- package/cjs/Base/mapping.native.js.map +2 -2
- package/cjs/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.js +10 -11
- package/cjs/BreadcrumbsListItemLinkBase/index.js.map +7 -0
- package/cjs/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.js +8 -8
- package/cjs/BreadcrumbsListItemWrapper/index.js.map +7 -0
- package/cjs/Button/index.js +2 -0
- package/cjs/Button/index.js.map +2 -2
- package/cjs/ButtonLinkBase/index.js +60 -0
- package/cjs/ButtonLinkBase/index.js.map +7 -0
- package/cjs/{CallToAction → CallToActionBase}/index.js +10 -10
- package/cjs/CallToActionBase/index.js.map +7 -0
- package/cjs/{CircularProgress → CircularProgressBase}/index.js +8 -8
- package/cjs/CircularProgressBase/index.js.map +7 -0
- package/cjs/CopyToClipboardMessage/index.native/index.js +2 -2
- package/cjs/CopyToClipboardMessage/index.native.js.map +2 -2
- package/cjs/DateInputItem/index.native/index.js +2 -2
- package/cjs/DateInputItem/index.native.js.map +2 -2
- package/cjs/Details/index.native/index.js +2 -2
- package/cjs/Details/index.native.js.map +2 -2
- package/cjs/DetailsContent/index.js +3 -2
- package/cjs/DetailsContent/index.js.map +2 -2
- package/cjs/FileUpload/index.js +12 -4
- package/cjs/FileUpload/index.js.map +2 -2
- package/cjs/FileUploadContainer/index.js +3 -2
- package/cjs/FileUploadContainer/index.js.map +2 -2
- package/cjs/FooterLinkBase/index.js +56 -0
- package/cjs/FooterLinkBase/index.js.map +7 -0
- package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js.map +1 -1
- package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.js.map +1 -1
- package/cjs/{GovGRLogo → GovGRLogoBase}/index.js +41 -43
- package/cjs/GovGRLogoBase/index.js.map +7 -0
- package/cjs/Grid/index.js +1 -0
- package/cjs/Grid/index.js.map +2 -2
- package/cjs/{HeaderSecondaryLogo → HeaderLogoBase}/index.js +12 -12
- package/cjs/HeaderLogoBase/index.js.map +7 -0
- package/cjs/HeaderSecondaryLogoBase/index.js +66 -0
- package/cjs/HeaderSecondaryLogoBase/index.js.map +7 -0
- package/cjs/HeaderTitleBase/index.js +57 -0
- package/cjs/HeaderTitleBase/index.js.map +7 -0
- package/cjs/LinkBase/index.js +1 -0
- package/cjs/LinkBase/index.js.map +2 -2
- package/cjs/{NavListItemAction → NavListItemActionBase}/index.js +10 -10
- package/cjs/NavListItemActionBase/index.js.map +7 -0
- package/cjs/NavListItemActionContainer/index.native/index.js +2 -2
- package/cjs/NavListItemActionContainer/index.native.js.map +2 -2
- package/cjs/{NavListItemLink → NavListItemLinkBase}/index.js +10 -10
- package/cjs/NavListItemLinkBase/index.js.map +7 -0
- package/cjs/NotificationBannerContent/index.js +1 -1
- package/cjs/NotificationBannerContent/index.js.map +2 -2
- package/cjs/NotificationBannerLink/index.native/index.js +2 -2
- package/cjs/NotificationBannerLink/index.native.js.map +2 -2
- package/cjs/Table/index.js +4 -1
- package/cjs/Table/index.js.map +2 -2
- package/cjs/TableDataCell/index.js +10 -1
- package/cjs/TableDataCell/index.js.map +2 -2
- package/cjs/TextArea/index.native/index.js +2 -2
- package/cjs/TextArea/index.native.js.map +2 -2
- package/cjs/TextInput/index.native/index.js +2 -2
- package/cjs/TextInput/index.native.js.map +2 -2
- package/cjs/Typography/index.js +15 -17
- package/cjs/Typography/index.js.map +2 -2
- package/cjs/WarningText/index.js +10 -2
- package/cjs/WarningText/index.js.map +2 -2
- package/cjs/index.js +24 -26
- package/cjs/index.js.map +2 -2
- package/cjs/lazy/index.js +15 -16
- package/cjs/lazy.js.map +2 -2
- package/cjs/registry/index.js +40 -38
- package/cjs/registry.js.map +2 -2
- package/cjs/utils/index.native/index.js +86 -0
- package/cjs/utils/index.native.js.map +7 -0
- package/index.d.ts +12 -13
- package/index.js +13 -14
- package/index.js.map +2 -2
- package/lazy/index.js +15 -16
- package/package.json +5 -5
- package/registry/index.js +40 -38
- package/src/Accordion/index.native.tsx +19 -0
- package/src/Accordion/index.tsx +2 -71
- package/src/Accordion/index.web.tsx +71 -0
- package/src/AccordionSection/index.native.tsx +18 -0
- package/src/AccordionSection/index.tsx +2 -28
- package/src/AccordionSection/index.web.tsx +28 -0
- package/src/AccordionSectionSummaryHeading/index.tsx +12 -4
- package/src/AdminAside/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AdminContainer/__snapshots__/index.test.tsx.snap +2 -2
- package/src/AdminMain/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AdminTopSection/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Aside/__snapshots__/index.test.tsx.snap +1 -1
- package/src/{BackLink → BackLinkBase}/__snapshots__/index.test.tsx.snap +2 -2
- package/src/BackLinkBase/index.test.tsx +15 -0
- package/src/BackLinkBase/index.tsx +36 -0
- package/src/Base/compat/Input/CheckboxInput.native.tsx +2 -6
- package/src/Base/compat/Input/RadioInput.native.tsx +2 -6
- package/src/Base/compat/details.native.tsx +3 -1
- package/src/Base/index.native.tsx +2 -2
- package/src/Base/index.web.tsx +2 -2
- package/src/Base/mapping.native.tsx +1 -1
- package/src/BottomInfo/__snapshots__/index.test.tsx.snap +1 -1
- package/src/BottomInfoContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/BottomInfoContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/__snapshots__/index.test.tsx.snap +4 -4
- package/src/BreadcrumbsListItemLinkBase/index.test.tsx +18 -0
- package/src/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.tsx +10 -11
- package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.test.tsx +1 -1
- package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.tsx +5 -5
- package/src/Button/index.tsx +2 -0
- package/src/{ButtonLink → ButtonLinkBase}/__snapshots__/index.test.tsx.snap +22 -22
- package/src/ButtonLinkBase/index.test.tsx +75 -0
- package/src/ButtonLinkBase/index.tsx +55 -0
- package/src/{CallToAction → CallToActionBase}/__snapshots__/index.test.tsx.snap +1 -1
- package/src/CallToActionBase/index.test.tsx +10 -0
- package/src/{CallToAction → CallToActionBase}/index.tsx +10 -8
- package/src/Checkbox/__snapshots__/index.test.tsx.snap +0 -5
- package/src/CheckboxConditional/__snapshots__/index.test.tsx.snap +1 -1
- package/src/CheckboxItem/__snapshots__/index.test.tsx.snap +0 -4
- package/src/{CircularProgress → CircularProgressBase}/__snapshots__/index.test.tsx.snap +6 -6
- package/src/CircularProgressBase/index.test.tsx +38 -0
- package/src/{CircularProgress → CircularProgressBase}/index.tsx +7 -7
- package/src/Container/__snapshots__/index.test.tsx.snap +3 -3
- package/src/CopyToClipboardMessage/index.native.tsx +1 -1
- package/src/DateInputItem/index.native.tsx +1 -1
- package/src/Details/index.native.tsx +1 -1
- package/src/DetailsContent/index.tsx +11 -2
- package/src/FieldContainer/__snapshots__/index.test.tsx.snap +3 -3
- package/src/FileUpload/index.tsx +20 -4
- package/src/FileUploadContainer/index.tsx +10 -1
- package/src/FooterContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/{FooterLink → FooterLinkBase}/__snapshots__/index.test.tsx.snap +2 -2
- package/src/FooterLinkBase/index.test.tsx +16 -0
- package/src/FooterLinkBase/index.tsx +27 -0
- package/src/{GovGRLogo → GovGRLogoBase}/__snapshots__/index.test.tsx.snap +1 -1
- package/src/GovGRLogoBase/index.test.tsx +8 -0
- package/src/GovGRLogoBase/index.tsx +43 -0
- package/src/Grid/__snapshots__/index.test.tsx.snap +8 -8
- package/src/Grid/index.tsx +1 -0
- package/src/{HeaderLogo → HeaderLogoBase}/__snapshots__/index.test.tsx.snap +1 -1
- package/src/HeaderLogoBase/index.test.tsx +8 -0
- package/src/HeaderLogoBase/index.tsx +44 -0
- package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/__snapshots__/index.test.tsx.snap +2 -2
- package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.test.tsx +7 -7
- package/src/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.tsx +9 -9
- package/src/{HeaderTitle → HeaderTitleBase}/__snapshots__/index.test.tsx.snap +2 -2
- package/src/HeaderTitleBase/index.test.tsx +17 -0
- package/src/HeaderTitleBase/index.tsx +28 -0
- package/src/LinkBase/index.tsx +1 -0
- package/src/Main/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NavListItemActionBase/__snapshots__/index.test.tsx.snap +101 -0
- package/src/NavListItemActionBase/index.test.tsx +42 -0
- package/src/{NavListItemAction → NavListItemActionBase}/index.tsx +13 -12
- package/src/NavListItemActionContainer/index.native.tsx +1 -1
- package/src/{NavListItemLink → NavListItemLinkBase}/__snapshots__/index.test.tsx.snap +5 -5
- package/src/NavListItemLinkBase/index.test.tsx +41 -0
- package/src/{NavListItemLink → NavListItemLinkBase}/index.tsx +8 -9
- package/src/NavMenuContainer/__snapshots__/index.test.tsx.snap +4 -4
- package/src/NavMenuContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NavMenuTitle/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NotificationBannerContent/index.tsx +1 -1
- package/src/NotificationBannerLink/index.native.tsx +1 -1
- package/src/RadioConditional/__snapshots__/index.test.tsx.snap +1 -1
- package/src/RadioItem/__snapshots__/index.test.tsx.snap +0 -4
- package/src/Table/index.tsx +12 -0
- package/src/TableDataCell/__snapshots__/index.test.tsx.snap +2 -2
- package/src/TableDataCell/index.tsx +23 -1
- package/src/TextArea/index.native.tsx +1 -1
- package/src/TextInput/index.native.tsx +1 -1
- package/src/Typography/index.tsx +21 -20
- package/src/WarningText/__snapshots__/index.test.tsx.snap +26 -0
- package/src/WarningText/index.test.tsx +5 -0
- package/src/WarningText/index.tsx +17 -2
- package/src/index.ts +12 -13
- package/src/lazy.js +15 -16
- package/src/registry.js +40 -38
- package/src/utils/index.native.tsx +122 -0
- package/utils/index.native/index.js +52 -0
- package/utils/index.native/package.json +6 -0
- package/utils/index.native.d.ts +43 -0
- package/utils/index.native.js.map +7 -0
- package/AutoCompleteInputTypeahead/index.d.ts +0 -11
- package/AutoCompleteInputTypeahead/index.js +0 -25
- package/AutoCompleteInputTypeahead/index.js.map +0 -7
- package/BackLink/index.d.ts +0 -9
- package/BackLink/index.js +0 -31
- package/BackLink/index.js.map +0 -7
- package/BreadcrumbsListItem/index.d.ts +0 -10
- package/BreadcrumbsListItem/index.js.map +0 -7
- package/BreadcrumbsListItemLink/index.js +0 -24
- package/BreadcrumbsListItemLink/index.js.map +0 -7
- package/ButtonLink/index.js +0 -29
- package/ButtonLink/index.js.map +0 -7
- package/CallToAction/index.d.ts +0 -9
- package/CallToAction/index.js.map +0 -7
- package/CheckboxItemInput/index.native/index.js +0 -20
- package/CheckboxItemInput/index.native/package.json +0 -6
- package/CheckboxItemInput/index.native.d.ts +0 -4
- package/CheckboxItemInput/index.native.js.map +0 -7
- package/CircularProgress/index.js.map +0 -7
- package/FooterLink/index.d.ts +0 -9
- package/FooterLink/index.js +0 -25
- package/FooterLink/index.js.map +0 -7
- package/GovGRLogo/govgr-logo-base64/package.json +0 -6
- package/GovGRLogo/govgr-logo-blue-base64/package.json +0 -6
- package/GovGRLogo/index.d.ts +0 -9
- package/GovGRLogo/index.js +0 -45
- package/GovGRLogo/index.js.map +0 -7
- package/GovGRLogo/package.json +0 -6
- package/HeaderLogo/index.d.ts +0 -19
- package/HeaderLogo/index.js +0 -35
- package/HeaderLogo/index.js.map +0 -7
- package/HeaderLogo/package.json +0 -6
- package/HeaderSecondaryLogo/index.d.ts +0 -19
- package/HeaderSecondaryLogo/index.js.map +0 -7
- package/HeaderSecondaryLogo/package.json +0 -6
- package/HeaderTitle/index.d.ts +0 -9
- package/HeaderTitle/index.js +0 -24
- package/HeaderTitle/index.js.map +0 -7
- package/HeaderTitle/package.json +0 -6
- package/NavListItemAction/index.js.map +0 -7
- package/NavListItemAction/package.json +0 -6
- package/NavListItemLink/index.js.map +0 -7
- package/NavListItemLink/index.test.d.ts +0 -1
- package/NavListItemLink/package.json +0 -6
- package/cjs/AutoCompleteInputTypeahead/index.js +0 -58
- package/cjs/AutoCompleteInputTypeahead/index.js.map +0 -7
- package/cjs/BackLink/index.js +0 -64
- package/cjs/BackLink/index.js.map +0 -7
- package/cjs/BreadcrumbsListItem/index.js.map +0 -7
- package/cjs/BreadcrumbsListItemLink/index.js.map +0 -7
- package/cjs/ButtonLink/index.js.map +0 -7
- package/cjs/CallToAction/index.js.map +0 -7
- package/cjs/CheckboxItemInput/index.native.js.map +0 -7
- package/cjs/CircularProgress/index.js.map +0 -7
- package/cjs/FooterLink/index.js +0 -58
- package/cjs/FooterLink/index.js.map +0 -7
- package/cjs/GovGRLogo/index.js.map +0 -7
- package/cjs/HeaderLogo/index.js +0 -68
- package/cjs/HeaderLogo/index.js.map +0 -7
- package/cjs/HeaderSecondaryLogo/index.js.map +0 -7
- package/cjs/HeaderTitle/index.js.map +0 -7
- package/cjs/NavListItemAction/index.js.map +0 -7
- package/cjs/NavListItemLink/index.js.map +0 -7
- package/cjs/utils/extend.native.js.map +0 -7
- package/src/AutoCompleteInputTypeahead/__snapshots__/index.test.tsx.snap +0 -16
- package/src/AutoCompleteInputTypeahead/index.test.tsx +0 -8
- package/src/AutoCompleteInputTypeahead/index.tsx +0 -32
- package/src/BackLink/index.test.tsx +0 -13
- package/src/BackLink/index.tsx +0 -35
- package/src/BreadcrumbsListItemLink/index.test.tsx +0 -16
- package/src/ButtonLink/index.test.tsx +0 -69
- package/src/ButtonLink/index.tsx +0 -54
- package/src/CallToAction/index.test.tsx +0 -10
- package/src/CheckboxItemInput/index.native.tsx +0 -17
- package/src/CircularProgress/index.test.tsx +0 -34
- package/src/FooterLink/index.test.tsx +0 -14
- package/src/FooterLink/index.tsx +0 -26
- package/src/GovGRLogo/index.test.tsx +0 -8
- package/src/GovGRLogo/index.tsx +0 -42
- package/src/HeaderLogo/index.test.tsx +0 -8
- package/src/HeaderLogo/index.tsx +0 -43
- package/src/HeaderTitle/index.test.tsx +0 -16
- package/src/HeaderTitle/index.tsx +0 -28
- package/src/NavListItemAction/__snapshots__/index.test.tsx.snap +0 -13
- package/src/NavListItemAction/index.test.tsx +0 -11
- package/src/NavListItemLink/index.test.tsx +0 -39
- package/src/utils/extend.native.tsx +0 -36
- package/utils/extend.native/index.js +0 -14
- package/utils/extend.native/package.json +0 -6
- package/utils/extend.native.d.ts +0 -23
- package/utils/extend.native.js.map +0 -7
- /package/{AutoCompleteInputTypeahead → BackLinkBase}/index.test.d.ts +0 -0
- /package/{BackLink → BreadcrumbsListItemLinkBase}/index.test.d.ts +0 -0
- /package/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.test.d.ts +0 -0
- /package/{BreadcrumbsListItemLink → ButtonLinkBase}/index.test.d.ts +0 -0
- /package/{ButtonLink → CallToActionBase}/index.test.d.ts +0 -0
- /package/{CallToAction → CircularProgressBase}/index.test.d.ts +0 -0
- /package/{CircularProgress → FooterLinkBase}/index.test.d.ts +0 -0
- /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64/index.js +0 -0
- /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.d.ts +0 -0
- /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64/index.js +0 -0
- /package/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.d.ts +0 -0
- /package/{FooterLink → GovGRLogoBase}/index.test.d.ts +0 -0
- /package/{GovGRLogo → HeaderLogoBase}/index.test.d.ts +0 -0
- /package/{HeaderLogo → HeaderSecondaryLogoBase}/index.test.d.ts +0 -0
- /package/{HeaderSecondaryLogo → HeaderTitleBase}/index.test.d.ts +0 -0
- /package/{HeaderTitle → NavListItemActionBase}/index.test.d.ts +0 -0
- /package/{NavListItemAction → NavListItemLinkBase}/index.test.d.ts +0 -0
- /package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64/index.js +0 -0
- /package/cjs/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64/index.js +0 -0
- /package/src/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/__snapshots__/index.test.tsx.snap +0 -0
- /package/src/{GovGRLogo → GovGRLogoBase}/govgr-logo-base64.js +0 -0
- /package/src/{GovGRLogo → GovGRLogoBase}/govgr-logo-blue-base64.ts +0 -0
|
@@ -4,15 +4,16 @@ import NavListItemBadge from '@digigov/react-core/NavListItemBadge';
|
|
|
4
4
|
import NavListItemButton, {
|
|
5
5
|
NavListItemButtonProps,
|
|
6
6
|
} from '@digigov/react-core/NavListItemButton';
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
} from '@digigov/react-core/
|
|
7
|
+
import NavListItemLinkBase, {
|
|
8
|
+
NavListItemLinkBaseProps,
|
|
9
|
+
} from '@digigov/react-core/NavListItemLinkBase';
|
|
10
10
|
|
|
11
|
-
export type LinkButtonJoinProps =
|
|
12
|
-
|
|
11
|
+
export type LinkButtonJoinProps = NavListItemLinkBaseProps &
|
|
12
|
+
NavListItemButtonProps;
|
|
13
|
+
export interface NavListItemActionBaseProps extends LinkButtonJoinProps {
|
|
13
14
|
/**
|
|
14
15
|
* label is optional.
|
|
15
|
-
* The label for the
|
|
16
|
+
* The label for the NavListItemActionBase.
|
|
16
17
|
*/
|
|
17
18
|
label?: string;
|
|
18
19
|
|
|
@@ -30,24 +31,24 @@ export interface NavListItemActionProps extends LinkButtonJoinProps {
|
|
|
30
31
|
* NavListItemAction must be inside the NavList.
|
|
31
32
|
* This component has a items of NavListItemLink component inside.
|
|
32
33
|
*/
|
|
33
|
-
export const
|
|
34
|
+
export const NavListItemActionBase = React.forwardRef<
|
|
34
35
|
HTMLButtonElement | HTMLAnchorElement,
|
|
35
|
-
|
|
36
|
-
>(function
|
|
36
|
+
NavListItemActionBaseProps
|
|
37
|
+
>(function NavListItemActionBase(
|
|
37
38
|
{ label, arrow = false, href, className, children, ...props },
|
|
38
39
|
ref
|
|
39
40
|
) {
|
|
40
41
|
return (
|
|
41
42
|
<NavListItemActionContainer>
|
|
42
43
|
{href ? (
|
|
43
|
-
<
|
|
44
|
+
<NavListItemLinkBase
|
|
44
45
|
{...props}
|
|
45
46
|
href={href}
|
|
46
47
|
className={className}
|
|
47
48
|
ref={ref as ForwardedRef<HTMLAnchorElement>}
|
|
48
49
|
>
|
|
49
50
|
{children || label}
|
|
50
|
-
</
|
|
51
|
+
</NavListItemLinkBase>
|
|
51
52
|
) : (
|
|
52
53
|
<NavListItemButton
|
|
53
54
|
{...props}
|
|
@@ -63,4 +64,4 @@ export const NavListItemAction = React.forwardRef<
|
|
|
63
64
|
);
|
|
64
65
|
});
|
|
65
66
|
|
|
66
|
-
export default
|
|
67
|
+
export default NavListItemActionBase;
|
|
@@ -2,7 +2,7 @@ import clsx from 'clsx';
|
|
|
2
2
|
import CoreNavListItemActionContainer, {
|
|
3
3
|
NavListItemActionContainerProps,
|
|
4
4
|
} from '@digigov/react-core/NavListItemActionContainer/index.web';
|
|
5
|
-
import extend from '@digigov/react-core/utils/
|
|
5
|
+
import extend from '@digigov/react-core/utils/index.native';
|
|
6
6
|
|
|
7
7
|
export const NavListItemActionContainer = extend<
|
|
8
8
|
NavListItemActionContainerProps,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
|
-
exports[`renders the
|
|
3
|
+
exports[`renders the NavListItemLinkBase with active=false 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<a
|
|
@@ -12,7 +12,7 @@ exports[`renders the NavListItemLink with active=false 1`] = `
|
|
|
12
12
|
</body>
|
|
13
13
|
`;
|
|
14
14
|
|
|
15
|
-
exports[`renders the
|
|
15
|
+
exports[`renders the NavListItemLinkBase with active=true 1`] = `
|
|
16
16
|
<body>
|
|
17
17
|
<div>
|
|
18
18
|
<a
|
|
@@ -24,7 +24,7 @@ exports[`renders the NavListItemLink with active=true 1`] = `
|
|
|
24
24
|
</body>
|
|
25
25
|
`;
|
|
26
26
|
|
|
27
|
-
exports[`renders the
|
|
27
|
+
exports[`renders the NavListItemLinkBase with href and active=false 1`] = `
|
|
28
28
|
<body>
|
|
29
29
|
<div>
|
|
30
30
|
<a
|
|
@@ -37,7 +37,7 @@ exports[`renders the NavListItemLink with href and active=false 1`] = `
|
|
|
37
37
|
</body>
|
|
38
38
|
`;
|
|
39
39
|
|
|
40
|
-
exports[`renders the
|
|
40
|
+
exports[`renders the NavListItemLinkBase with href and active=true 1`] = `
|
|
41
41
|
<body>
|
|
42
42
|
<div>
|
|
43
43
|
<a
|
|
@@ -50,7 +50,7 @@ exports[`renders the NavListItemLink with href and active=true 1`] = `
|
|
|
50
50
|
</body>
|
|
51
51
|
`;
|
|
52
52
|
|
|
53
|
-
exports[`renders the
|
|
53
|
+
exports[`renders the NavListItemLinkBase with no props 1`] = `
|
|
54
54
|
<body>
|
|
55
55
|
<div>
|
|
56
56
|
<a
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { NavListItemLinkBase } from '@digigov/react-core/NavListItemLinkBase';
|
|
4
|
+
|
|
5
|
+
it('renders the NavListItemLinkBase with no props', () => {
|
|
6
|
+
expect(
|
|
7
|
+
render(<NavListItemLinkBase>hello</NavListItemLinkBase>).baseElement
|
|
8
|
+
).toMatchSnapshot();
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
it('renders the NavListItemLinkBase with active=true', () => {
|
|
12
|
+
expect(
|
|
13
|
+
render(<NavListItemLinkBase active={true}>hello</NavListItemLinkBase>)
|
|
14
|
+
.baseElement
|
|
15
|
+
).toMatchSnapshot();
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
it('renders the NavListItemLinkBase with active=false', () => {
|
|
19
|
+
expect(
|
|
20
|
+
render(<NavListItemLinkBase active={false}>hello</NavListItemLinkBase>)
|
|
21
|
+
.baseElement
|
|
22
|
+
).toMatchSnapshot();
|
|
23
|
+
});
|
|
24
|
+
it('renders the NavListItemLinkBase with href and active=false', () => {
|
|
25
|
+
expect(
|
|
26
|
+
render(
|
|
27
|
+
<NavListItemLinkBase href="/" active={false}>
|
|
28
|
+
hello
|
|
29
|
+
</NavListItemLinkBase>
|
|
30
|
+
).baseElement
|
|
31
|
+
).toMatchSnapshot();
|
|
32
|
+
});
|
|
33
|
+
it('renders the NavListItemLinkBase with href and active=true', () => {
|
|
34
|
+
expect(
|
|
35
|
+
render(
|
|
36
|
+
<NavListItemLinkBase href="/" active={false}>
|
|
37
|
+
hello
|
|
38
|
+
</NavListItemLinkBase>
|
|
39
|
+
).baseElement
|
|
40
|
+
).toMatchSnapshot();
|
|
41
|
+
});
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import {
|
|
4
|
-
import Link from '@digigov/react-core/LinkBase';
|
|
3
|
+
import { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';
|
|
5
4
|
|
|
6
|
-
export interface
|
|
5
|
+
export interface NavListItemLinkBaseProps extends LinkBaseProps {
|
|
7
6
|
/**
|
|
8
7
|
* When the NavListItemLink is active, that means that we are in this option / page of the Nav.
|
|
9
8
|
* active is optional.
|
|
@@ -16,15 +15,15 @@ export interface NavListItemLinkProps extends BaseProps<'a'> {
|
|
|
16
15
|
/**
|
|
17
16
|
* NavListItemLink is an <a> element. It should be inside the NavListItem component.
|
|
18
17
|
*/
|
|
19
|
-
export const
|
|
18
|
+
export const NavListItemLinkBase = React.forwardRef<
|
|
20
19
|
HTMLAnchorElement,
|
|
21
|
-
|
|
22
|
-
>(function
|
|
20
|
+
NavListItemLinkBaseProps
|
|
21
|
+
>(function NavListItemLinkBase(
|
|
23
22
|
{ active, href, className, children, ...props },
|
|
24
23
|
ref
|
|
25
24
|
) {
|
|
26
25
|
return (
|
|
27
|
-
<
|
|
26
|
+
<LinkBase
|
|
28
27
|
href={href}
|
|
29
28
|
ref={ref}
|
|
30
29
|
className={clsx(className, {
|
|
@@ -34,8 +33,8 @@ export const NavListItemLink = React.forwardRef<
|
|
|
34
33
|
{...props}
|
|
35
34
|
>
|
|
36
35
|
{children}
|
|
37
|
-
</
|
|
36
|
+
</LinkBase>
|
|
38
37
|
);
|
|
39
38
|
});
|
|
40
39
|
|
|
41
|
-
export default
|
|
40
|
+
export default NavListItemLinkBase;
|
|
@@ -8,7 +8,7 @@ exports[`renders the NavMenuContainer with active prop 1`] = `
|
|
|
8
8
|
class="ds-nav-menu ds-nav-menu--horizontal"
|
|
9
9
|
>
|
|
10
10
|
<div
|
|
11
|
-
class="ds-container ds-grid ds-gap-4"
|
|
11
|
+
class="ds-container ds-grid ds-grid-item ds-gap-4"
|
|
12
12
|
>
|
|
13
13
|
hello
|
|
14
14
|
</div>
|
|
@@ -25,7 +25,7 @@ exports[`renders the NavMenuContainer with layout="horizontal" prop 1`] = `
|
|
|
25
25
|
class="ds-nav-menu ds-nav-menu--horizontal ds-nav-menu--hidden"
|
|
26
26
|
>
|
|
27
27
|
<div
|
|
28
|
-
class="ds-container ds-grid ds-gap-4"
|
|
28
|
+
class="ds-container ds-grid ds-grid-item ds-gap-4"
|
|
29
29
|
>
|
|
30
30
|
hello
|
|
31
31
|
</div>
|
|
@@ -42,7 +42,7 @@ exports[`renders the NavMenuContainer with layout="vertical" prop 1`] = `
|
|
|
42
42
|
class="ds-nav-menu ds-nav-menu--vertical ds-nav-menu--hidden"
|
|
43
43
|
>
|
|
44
44
|
<div
|
|
45
|
-
class="ds-container"
|
|
45
|
+
class="ds-container ds-grid-item"
|
|
46
46
|
>
|
|
47
47
|
hello
|
|
48
48
|
</div>
|
|
@@ -59,7 +59,7 @@ exports[`renders the NavMenuContainer with no props 1`] = `
|
|
|
59
59
|
class="ds-nav-menu ds-nav-menu--horizontal ds-nav-menu--hidden"
|
|
60
60
|
>
|
|
61
61
|
<div
|
|
62
|
-
class="ds-container ds-grid ds-gap-4"
|
|
62
|
+
class="ds-container ds-grid ds-grid-item ds-gap-4"
|
|
63
63
|
>
|
|
64
64
|
hello
|
|
65
65
|
</div>
|
|
@@ -4,7 +4,7 @@ exports[`renders the NavMenuContainerContent with no props 1`] = `
|
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<div
|
|
7
|
-
class="ds-nav-menu__content xs:ds-grid__col-span-12 sm:ds-grid__col-span-8"
|
|
7
|
+
class="ds-nav-menu__content ds-grid-item xs:ds-grid__col-span-12 sm:ds-grid__col-span-8"
|
|
8
8
|
>
|
|
9
9
|
hello
|
|
10
10
|
</div>
|
|
@@ -4,7 +4,7 @@ exports[`renders the NavMenuTitle with no props 1`] = `
|
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<div
|
|
7
|
-
class="ds-nav-menu__title xs:ds-grid__col-span-12 sm:ds-grid__col-span-4"
|
|
7
|
+
class="ds-nav-menu__title ds-grid-item xs:ds-grid__col-span-12 sm:ds-grid__col-span-4"
|
|
8
8
|
>
|
|
9
9
|
<h3
|
|
10
10
|
class="ds-nav-menu__title-heading ds-heading-md"
|
|
@@ -2,7 +2,7 @@ import clsx from 'clsx';
|
|
|
2
2
|
import CoreNotificationBannerLink, {
|
|
3
3
|
NotificationBannerLinkProps,
|
|
4
4
|
} from '@digigov/react-core/NotificationBannerLink/index.web';
|
|
5
|
-
import { extend } from '@digigov/react-core/utils/
|
|
5
|
+
import { extend } from '@digigov/react-core/utils/index.native';
|
|
6
6
|
|
|
7
7
|
interface AdditionalProps {
|
|
8
8
|
variant?: 'error' | 'success';
|
|
@@ -18,7 +18,6 @@ exports[`renders the RadioItem \`dividerText\` props 1`] = `
|
|
|
18
18
|
<input
|
|
19
19
|
class="ds-radios__input"
|
|
20
20
|
type="radio"
|
|
21
|
-
value=""
|
|
22
21
|
/>
|
|
23
22
|
</label>
|
|
24
23
|
</div>
|
|
@@ -89,7 +88,6 @@ exports[`renders the RadioItem with disabled prop 1`] = `
|
|
|
89
88
|
class="ds-radios__input"
|
|
90
89
|
disabled=""
|
|
91
90
|
type="radio"
|
|
92
|
-
value=""
|
|
93
91
|
/>
|
|
94
92
|
</label>
|
|
95
93
|
</div>
|
|
@@ -111,7 +109,6 @@ exports[`renders the RadioItem with name props 1`] = `
|
|
|
111
109
|
class="ds-radios__input"
|
|
112
110
|
name="name"
|
|
113
111
|
type="radio"
|
|
114
|
-
value=""
|
|
115
112
|
/>
|
|
116
113
|
</label>
|
|
117
114
|
</div>
|
|
@@ -177,7 +174,6 @@ exports[`renders the RadioItem with no props 1`] = `
|
|
|
177
174
|
<input
|
|
178
175
|
class="ds-radios__input"
|
|
179
176
|
type="radio"
|
|
180
|
-
value=""
|
|
181
177
|
/>
|
|
182
178
|
</label>
|
|
183
179
|
</div>
|
package/src/Table/index.tsx
CHANGED
|
@@ -47,6 +47,15 @@ export interface TableProps extends BaseProps<'table'> {
|
|
|
47
47
|
* @default 'default'
|
|
48
48
|
*/
|
|
49
49
|
variant?: 'zebra' | 'default';
|
|
50
|
+
/**
|
|
51
|
+
* verticalAlign is optional.
|
|
52
|
+
* The verticalAlign property sets vertical alignment of the table-cells.
|
|
53
|
+
* @value 'top'
|
|
54
|
+
* @value 'middle'
|
|
55
|
+
* @value 'bottom'
|
|
56
|
+
* @default 'middle'
|
|
57
|
+
*/
|
|
58
|
+
verticalAlign?: 'top' | 'middle' | 'bottom';
|
|
50
59
|
}
|
|
51
60
|
/**
|
|
52
61
|
* Table component is used to wrap the sub components of a table
|
|
@@ -59,6 +68,7 @@ export const Table = React.forwardRef<HTMLTableElement, TableProps>(
|
|
|
59
68
|
dense = false,
|
|
60
69
|
verticalBorders = false,
|
|
61
70
|
stacked = 'never',
|
|
71
|
+
verticalAlign = 'middle',
|
|
62
72
|
className,
|
|
63
73
|
children,
|
|
64
74
|
...props
|
|
@@ -79,6 +89,8 @@ export const Table = React.forwardRef<HTMLTableElement, TableProps>(
|
|
|
79
89
|
'ds-table--dense': dense,
|
|
80
90
|
'ds-table--zebra': variant === 'zebra',
|
|
81
91
|
'ds-table--vertical-lines': verticalBorders,
|
|
92
|
+
'ds-table--align-top': verticalAlign === 'top',
|
|
93
|
+
'ds-table--align-bottom': verticalAlign === 'bottom',
|
|
82
94
|
})}
|
|
83
95
|
{...props}
|
|
84
96
|
>
|
|
@@ -13,7 +13,7 @@ exports[`renders the Table with dataType numeric prop 1`] = `
|
|
|
13
13
|
class="ds-table__row"
|
|
14
14
|
>
|
|
15
15
|
<td
|
|
16
|
-
class="ds-table__cell ds-table__cell--numeric"
|
|
16
|
+
class="ds-table__cell ds-table__cell--border ds-table__cell--numeric"
|
|
17
17
|
>
|
|
18
18
|
hello
|
|
19
19
|
</td>
|
|
@@ -37,7 +37,7 @@ exports[`renders the Table with no props 1`] = `
|
|
|
37
37
|
class="ds-table__row"
|
|
38
38
|
>
|
|
39
39
|
<td
|
|
40
|
-
class="ds-table__cell"
|
|
40
|
+
class="ds-table__cell ds-table__cell--border"
|
|
41
41
|
>
|
|
42
42
|
hello
|
|
43
43
|
</td>
|
|
@@ -13,6 +13,19 @@ export interface TableDataCellProps extends BaseProps<'td'> {
|
|
|
13
13
|
* @default 'text'
|
|
14
14
|
*/
|
|
15
15
|
dataType?: 'text' | 'numeric';
|
|
16
|
+
/**
|
|
17
|
+
* variant is optional.
|
|
18
|
+
* Use this prop to control the bottom border of the table-cell.
|
|
19
|
+
* @value 'border'
|
|
20
|
+
* @value 'none'
|
|
21
|
+
* @default 'border'
|
|
22
|
+
*/
|
|
23
|
+
variant?: 'border' | 'none';
|
|
24
|
+
/**
|
|
25
|
+
* wordBreak is optional.
|
|
26
|
+
* Use this prop to control the word break of the table-cell contents.
|
|
27
|
+
*/
|
|
28
|
+
wordBreak?: 'break-all' | 'none';
|
|
16
29
|
}
|
|
17
30
|
/**
|
|
18
31
|
* Use TableDataCell inside the Table component to fill the data of a cell in a table.
|
|
@@ -21,7 +34,14 @@ export const TableDataCell = React.forwardRef<
|
|
|
21
34
|
HTMLTableCellElement,
|
|
22
35
|
TableDataCellProps
|
|
23
36
|
>(function TableDataCell(
|
|
24
|
-
{
|
|
37
|
+
{
|
|
38
|
+
dataType = 'text',
|
|
39
|
+
variant = 'border',
|
|
40
|
+
wordBreak = 'none',
|
|
41
|
+
className,
|
|
42
|
+
children,
|
|
43
|
+
...props
|
|
44
|
+
},
|
|
25
45
|
ref
|
|
26
46
|
) {
|
|
27
47
|
return (
|
|
@@ -30,6 +50,8 @@ export const TableDataCell = React.forwardRef<
|
|
|
30
50
|
ref={ref}
|
|
31
51
|
className={clsx(className, {
|
|
32
52
|
'ds-table__cell': true,
|
|
53
|
+
'ds-table__cell--border': variant === 'border',
|
|
54
|
+
'ds-table__cell--break-all': wordBreak === 'break-all',
|
|
33
55
|
'ds-table__cell--numeric': dataType === 'numeric',
|
|
34
56
|
})}
|
|
35
57
|
{...props}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
2
|
import CoreTextArea from '@digigov/react-core/TextArea/index.web';
|
|
3
|
-
import extend from '@digigov/react-core/utils/
|
|
3
|
+
import extend from '@digigov/react-core/utils/index.native';
|
|
4
4
|
export const TextArea = extend(CoreTextArea, ({ className, ...props }) => ({
|
|
5
5
|
...props,
|
|
6
6
|
multiline: true,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
2
|
import CoreTextInput from '@digigov/react-core/TextInput/index.web';
|
|
3
|
-
import extend from '@digigov/react-core/utils/
|
|
3
|
+
import extend from '@digigov/react-core/utils/index.native';
|
|
4
4
|
export const TextInput = extend(CoreTextInput, ({ className, ...props }) => {
|
|
5
5
|
return {
|
|
6
6
|
...props,
|
package/src/Typography/index.tsx
CHANGED
|
@@ -29,25 +29,26 @@ export interface TypographyProps
|
|
|
29
29
|
* Typography component is used as generic component for typography.
|
|
30
30
|
* Use Typography component to extend components such as Heading, NormalText Paragraph etc.
|
|
31
31
|
*/
|
|
32
|
-
export const Typography = React.forwardRef<
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
{
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
);
|
|
32
|
+
export const Typography = React.forwardRef<
|
|
33
|
+
HTMLSpanElement | HTMLParagraphElement | HTMLHeadingElement,
|
|
34
|
+
TypographyProps
|
|
35
|
+
>(function Typography(
|
|
36
|
+
{ as, fontSize, fontWeight, className, children, ...props },
|
|
37
|
+
ref
|
|
38
|
+
) {
|
|
39
|
+
return (
|
|
40
|
+
<Base
|
|
41
|
+
as={as}
|
|
42
|
+
ref={ref}
|
|
43
|
+
className={clsx(className, {
|
|
44
|
+
[`ds-!-font-size-${fontSize}`]: fontSize !== undefined,
|
|
45
|
+
[`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,
|
|
46
|
+
})}
|
|
47
|
+
{...props}
|
|
48
|
+
>
|
|
49
|
+
{children}
|
|
50
|
+
</Base>
|
|
51
|
+
);
|
|
52
|
+
});
|
|
52
53
|
|
|
53
54
|
export default Typography;
|
|
@@ -77,3 +77,29 @@ exports[`renders the WarningText with no props 1`] = `
|
|
|
77
77
|
</div>
|
|
78
78
|
</body>
|
|
79
79
|
`;
|
|
80
|
+
|
|
81
|
+
exports[`renders the WarningText with strong=false 1`] = `
|
|
82
|
+
<body>
|
|
83
|
+
<div>
|
|
84
|
+
<div
|
|
85
|
+
class="ds-warning-text"
|
|
86
|
+
>
|
|
87
|
+
<div
|
|
88
|
+
class="ds-warning-text__icon"
|
|
89
|
+
>
|
|
90
|
+
!
|
|
91
|
+
</div>
|
|
92
|
+
<div
|
|
93
|
+
class="ds-warning-text__content"
|
|
94
|
+
>
|
|
95
|
+
<span
|
|
96
|
+
class="ds-warning-text__assistive"
|
|
97
|
+
>
|
|
98
|
+
Προσοχή
|
|
99
|
+
</span>
|
|
100
|
+
hello
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
</body>
|
|
105
|
+
`;
|
|
@@ -18,3 +18,8 @@ it('renders the WarningText with dense=true', () => {
|
|
|
18
18
|
render(<WarningText dense>hello</WarningText>).baseElement
|
|
19
19
|
).toMatchSnapshot();
|
|
20
20
|
});
|
|
21
|
+
it('renders the WarningText with strong=false', () => {
|
|
22
|
+
expect(
|
|
23
|
+
render(<WarningText strong={false}>hello</WarningText>).baseElement
|
|
24
|
+
).toMatchSnapshot();
|
|
25
|
+
});
|
|
@@ -16,6 +16,13 @@ export interface WarningTextProps extends BaseProps<'div'> {
|
|
|
16
16
|
* @default false
|
|
17
17
|
* */
|
|
18
18
|
dense?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* strong is optional.
|
|
21
|
+
* @value true if you want to emphasize importance, conveying meaning to both sighted and screen readers.
|
|
22
|
+
* @value false WarningText will be a simple div element.
|
|
23
|
+
* @default true
|
|
24
|
+
* */
|
|
25
|
+
strong?: boolean;
|
|
19
26
|
}
|
|
20
27
|
/**
|
|
21
28
|
* WarningText.
|
|
@@ -24,9 +31,17 @@ export interface WarningTextProps extends BaseProps<'div'> {
|
|
|
24
31
|
*/
|
|
25
32
|
export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
|
|
26
33
|
function WarningText(
|
|
27
|
-
{
|
|
34
|
+
{
|
|
35
|
+
className,
|
|
36
|
+
strong = true,
|
|
37
|
+
assistiveText = 'Προσοχή',
|
|
38
|
+
dense,
|
|
39
|
+
children,
|
|
40
|
+
...props
|
|
41
|
+
},
|
|
28
42
|
ref
|
|
29
43
|
) {
|
|
44
|
+
const Component = strong ? 'strong' : 'div';
|
|
30
45
|
return (
|
|
31
46
|
<Base
|
|
32
47
|
as="div"
|
|
@@ -47,7 +62,7 @@ export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
|
|
|
47
62
|
</Base>
|
|
48
63
|
|
|
49
64
|
<Base
|
|
50
|
-
as=
|
|
65
|
+
as={Component}
|
|
51
66
|
className={clsx({
|
|
52
67
|
'ds-warning-text__content': true,
|
|
53
68
|
})}
|
package/src/index.ts
CHANGED
|
@@ -5,16 +5,16 @@ export * from '@digigov/react-core/AccordionSectionContent';
|
|
|
5
5
|
export * from '@digigov/react-core/AccordionSectionSummary';
|
|
6
6
|
export * from '@digigov/react-core/AccordionSectionSummaryHeading';
|
|
7
7
|
export * from '@digigov/react-core/Aside';
|
|
8
|
-
export * from '@digigov/react-core/
|
|
8
|
+
export * from '@digigov/react-core/BackLinkBase';
|
|
9
9
|
export * from '@digigov/react-core/Blockquote';
|
|
10
10
|
export * from '@digigov/react-core/Bottom';
|
|
11
11
|
export * from '@digigov/react-core/Breadcrumbs';
|
|
12
12
|
export * from '@digigov/react-core/BreadcrumbsList';
|
|
13
|
-
export * from '@digigov/react-core/
|
|
13
|
+
export * from '@digigov/react-core/BreadcrumbsListItemWrapper';
|
|
14
14
|
export * from '@digigov/react-core/Button';
|
|
15
15
|
export * from '@digigov/react-core/ButtonGroup';
|
|
16
|
-
export * from '@digigov/react-core/
|
|
17
|
-
export * from '@digigov/react-core/
|
|
16
|
+
export * from '@digigov/react-core/ButtonLinkBase';
|
|
17
|
+
export * from '@digigov/react-core/CallToActionBase';
|
|
18
18
|
export * from '@digigov/react-core/Card';
|
|
19
19
|
export * from '@digigov/react-core/CardAction';
|
|
20
20
|
export * from '@digigov/react-core/CardHeading';
|
|
@@ -49,7 +49,7 @@ export * from '@digigov/react-core/FooterContent';
|
|
|
49
49
|
export * from '@digigov/react-core/FooterContentLogos';
|
|
50
50
|
export * from '@digigov/react-core/FooterHeading';
|
|
51
51
|
export * from '@digigov/react-core/FooterImage';
|
|
52
|
-
export * from '@digigov/react-core/
|
|
52
|
+
export * from '@digigov/react-core/FooterLinkBase';
|
|
53
53
|
export * from '@digigov/react-core/FooterList';
|
|
54
54
|
export * from '@digigov/react-core/FooterListItem';
|
|
55
55
|
export * from '@digigov/react-core/FooterInfo';
|
|
@@ -57,14 +57,14 @@ export * from '@digigov/react-core/FooterInfoSection';
|
|
|
57
57
|
export * from '@digigov/react-core/FooterNavigation';
|
|
58
58
|
export * from '@digigov/react-core/FooterNavigationSection';
|
|
59
59
|
export * from '@digigov/react-core/FieldContainer';
|
|
60
|
-
export * from '@digigov/react-core/
|
|
60
|
+
export * from '@digigov/react-core/GovGRLogoBase';
|
|
61
61
|
export * from '@digigov/react-core/Grid';
|
|
62
62
|
export * from '@digigov/react-core/Header';
|
|
63
63
|
export * from '@digigov/react-core/HeaderContent';
|
|
64
|
-
export * from '@digigov/react-core/
|
|
65
|
-
export * from '@digigov/react-core/
|
|
64
|
+
export * from '@digigov/react-core/HeaderLogoBase';
|
|
65
|
+
export * from '@digigov/react-core/HeaderSecondaryLogoBase';
|
|
66
66
|
export * from '@digigov/react-core/HeaderSection';
|
|
67
|
-
export * from '@digigov/react-core/
|
|
67
|
+
export * from '@digigov/react-core/HeaderTitleBase';
|
|
68
68
|
export * from '@digigov/react-core/Heading';
|
|
69
69
|
export * from '@digigov/react-core/HeadingCaption';
|
|
70
70
|
export * from '@digigov/react-core/HellenicRepublicLogo';
|
|
@@ -81,10 +81,10 @@ export * from '@digigov/react-core/Masthead';
|
|
|
81
81
|
export * from '@digigov/react-core/MastheadBody';
|
|
82
82
|
export * from '@digigov/react-core/Nav';
|
|
83
83
|
export * from '@digigov/react-core/NavList';
|
|
84
|
-
export * from '@digigov/react-core/
|
|
84
|
+
export * from '@digigov/react-core/NavListItemActionBase';
|
|
85
85
|
export * from '@digigov/react-core/NavListItemBadge';
|
|
86
86
|
export * from '@digigov/react-core/NavListItemActionContainer';
|
|
87
|
-
export * from '@digigov/react-core/
|
|
87
|
+
export * from '@digigov/react-core/NavListItemLinkBase';
|
|
88
88
|
export * from '@digigov/react-core/NavListItemButton';
|
|
89
89
|
export * from '@digigov/react-core/NavMenuContainer';
|
|
90
90
|
export * from '@digigov/react-core/NavMenuContent';
|
|
@@ -151,7 +151,6 @@ export * from '@digigov/react-core/AdminLayout';
|
|
|
151
151
|
export * from '@digigov/react-core/AdminMain';
|
|
152
152
|
export * from '@digigov/react-core/AdminTopSection';
|
|
153
153
|
export * from '@digigov/react-core/AutoCompleteInputBase';
|
|
154
|
-
export * from '@digigov/react-core/AutoCompleteInputTypeahead';
|
|
155
154
|
export * from '@digigov/react-core/AutoCompleteResultList';
|
|
156
155
|
export * from '@digigov/react-core/AutoCompleteResultListItem';
|
|
157
156
|
export * from '@digigov/react-core/AutoCompleteContainer';
|
|
@@ -191,7 +190,7 @@ export * from '@digigov/react-core/PaginationList';
|
|
|
191
190
|
export * from '@digigov/react-core/PaginationListItem';
|
|
192
191
|
export * from '@digigov/react-core/PaginationLabelContainer';
|
|
193
192
|
export * from '@digigov/react-core/LoaderContainer';
|
|
194
|
-
export * from '@digigov/react-core/
|
|
193
|
+
export * from '@digigov/react-core/CircularProgressBase';
|
|
195
194
|
export * from '@digigov/react-core/FullPageBackground';
|
|
196
195
|
export * from '@digigov/react-core/StepNavCircleNumber';
|
|
197
196
|
export * from '@digigov/react-core/StepNav';
|