@dnb/eufemia 10.20.0 → 10.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +54 -0
- package/cjs/components/aria-live/useAriaLive.d.ts +1 -1
- package/cjs/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/cjs/components/breadcrumb/Breadcrumb.js +3 -3
- package/cjs/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/cjs/components/breadcrumb/style/dnb-breadcrumb.css +7 -2
- package/cjs/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/cjs/components/breadcrumb/style/dnb-breadcrumb.scss +10 -2
- package/cjs/components/button/Button.js +2 -2
- package/cjs/components/button/Button.js.map +1 -1
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +23 -11
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -3
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.scss +30 -14
- package/cjs/components/card/style/dnb-card.css +11 -2
- package/cjs/components/card/style/dnb-card.min.css +1 -1
- package/cjs/components/card/style/dnb-card.scss +12 -2
- package/cjs/components/date-picker/DatePicker.d.ts +10 -1
- package/cjs/components/date-picker/DatePicker.js +5 -2
- package/cjs/components/date-picker/DatePicker.js.map +1 -1
- package/cjs/components/form-label/style/dnb-form-label.css +4 -8
- package/cjs/components/form-label/style/dnb-form-label.min.css +1 -1
- package/cjs/components/form-label/style/dnb-form-label.scss +5 -8
- package/cjs/components/form-status/style/dnb-form-status.css +11 -0
- package/cjs/components/form-status/style/dnb-form-status.min.css +1 -1
- package/cjs/components/form-status/style/dnb-form-status.scss +11 -0
- package/cjs/components/global-status/GlobalStatus.d.ts +1 -1
- package/cjs/components/global-status/GlobalStatusProvider.d.ts +1 -1
- package/cjs/components/height-animation/HeightAnimationInstance.d.ts +5 -6
- package/cjs/components/height-animation/HeightAnimationInstance.js +12 -12
- package/cjs/components/height-animation/HeightAnimationInstance.js.map +1 -1
- package/cjs/components/height-animation/useHeightAnimation.js +11 -10
- package/cjs/components/height-animation/useHeightAnimation.js.map +1 -1
- package/cjs/components/info-card/InfoCard.d.ts +6 -0
- package/cjs/components/info-card/InfoCard.js +4 -2
- package/cjs/components/info-card/InfoCard.js.map +1 -1
- package/cjs/components/info-card/style/dnb-info-card.css +3 -1
- package/cjs/components/info-card/style/dnb-info-card.min.css +1 -1
- package/cjs/components/info-card/style/dnb-info-card.scss +4 -2
- package/cjs/components/input/Input.d.ts +9 -9
- package/cjs/components/input/InputDocs.d.ts +2 -0
- package/cjs/components/input/InputDocs.js +165 -0
- package/cjs/components/input/InputDocs.js.map +1 -0
- package/cjs/components/input/InputPassword.d.ts +6 -17
- package/cjs/components/input/InputPassword.js +4 -85
- package/cjs/components/input/InputPassword.js.map +1 -1
- package/cjs/components/input-masked/InputMasked.d.ts +6 -93
- package/cjs/components/input-masked/InputMasked.js +3 -1
- package/cjs/components/input-masked/InputMasked.js.map +1 -1
- package/cjs/components/input-masked/InputMaskedDocs.d.ts +2 -0
- package/cjs/components/input-masked/InputMaskedDocs.js +85 -0
- package/cjs/components/input-masked/InputMaskedDocs.js.map +1 -0
- package/cjs/components/input-masked/InputMaskedHooks.js +7 -4
- package/cjs/components/input-masked/InputMaskedHooks.js.map +1 -1
- package/cjs/components/input-masked/MultiInputMask.js +2 -6
- package/cjs/components/input-masked/MultiInputMask.js.map +1 -1
- package/cjs/components/input-masked/style/dnb-input-masked.css +3 -0
- package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
- package/cjs/components/input-masked/style/dnb-input-masked.scss +5 -0
- package/cjs/components/number-format/NumberFormat.d.ts +1 -1
- package/cjs/components/number-format/NumberUtils.js +22 -14
- package/cjs/components/number-format/NumberUtils.js.map +1 -1
- package/cjs/components/pagination/InfinityScroller.d.ts +1 -1
- package/cjs/components/progress-indicator/ProgressIndicator.js +5 -7
- package/cjs/components/progress-indicator/ProgressIndicator.js.map +1 -1
- package/cjs/components/progress-indicator/ProgressIndicatorCircular.js +1 -1
- package/cjs/components/progress-indicator/ProgressIndicatorCircular.js.map +1 -1
- package/cjs/components/progress-indicator/ProgressIndicatorLinear.js +4 -4
- package/cjs/components/progress-indicator/ProgressIndicatorLinear.js.map +1 -1
- package/cjs/components/progress-indicator/style/dnb-progress-indicator.css +5 -2
- package/cjs/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
- package/cjs/components/progress-indicator/style/dnb-progress-indicator.scss +5 -2
- package/cjs/components/slider/Slider.d.ts +1 -0
- package/cjs/components/slider/Slider.js +10 -1
- package/cjs/components/slider/Slider.js.map +1 -1
- package/cjs/components/slider/SliderInstance.js +20 -6
- package/cjs/components/slider/SliderInstance.js.map +1 -1
- package/cjs/components/slider/SliderMarker.d.ts +7 -0
- package/cjs/components/slider/SliderMarker.js +62 -0
- package/cjs/components/slider/SliderMarker.js.map +1 -0
- package/cjs/components/slider/SliderProvider.js +2 -1
- package/cjs/components/slider/SliderProvider.js.map +1 -1
- package/cjs/components/slider/style/dnb-slider.css +43 -2
- package/cjs/components/slider/style/dnb-slider.min.css +1 -1
- package/cjs/components/slider/style/dnb-slider.scss +44 -1
- package/cjs/components/slider/style/themes/dnb-slider-theme-sbanken.css +3 -0
- package/cjs/components/slider/style/themes/dnb-slider-theme-sbanken.min.css +1 -1
- package/cjs/components/slider/style/themes/dnb-slider-theme-sbanken.scss +4 -0
- package/cjs/components/slider/style/themes/dnb-slider-theme-ui.css +3 -0
- package/cjs/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
- package/cjs/components/slider/style/themes/dnb-slider-theme-ui.scss +5 -0
- package/cjs/components/slider/types.d.ts +6 -0
- package/cjs/components/slider/types.js.map +1 -1
- package/cjs/components/space/SpacingHelper.d.ts +5 -5
- package/cjs/components/table/Table.js +2 -2
- package/cjs/components/table/Table.js.map +1 -1
- package/cjs/components/table/TableAccordion.js +42 -58
- package/cjs/components/table/TableAccordion.js.map +1 -1
- package/cjs/components/table/TableAccordionTd.d.ts +9 -0
- package/cjs/components/table/{TableAccordionContent.js → TableAccordionTd.js} +18 -56
- package/cjs/components/table/TableAccordionTd.js.map +1 -0
- package/cjs/components/table/TableAccordionTr.d.ts +13 -0
- package/cjs/components/table/TableAccordionTr.js +61 -0
- package/cjs/components/table/TableAccordionTr.js.map +1 -0
- package/cjs/components/table/TableContext.d.ts +2 -2
- package/cjs/components/table/TableContext.js +4 -3
- package/cjs/components/table/TableContext.js.map +1 -1
- package/cjs/components/table/TableTd.d.ts +2 -2
- package/cjs/components/table/TableTd.js +2 -2
- package/cjs/components/table/TableTd.js.map +1 -1
- package/cjs/components/table/TableTr.d.ts +6 -1
- package/cjs/components/table/TableTr.js +10 -5
- package/cjs/components/table/TableTr.js.map +1 -1
- package/cjs/components/table/style/dnb-table.css +226 -139
- package/cjs/components/table/style/dnb-table.min.css +1 -1
- package/cjs/components/table/style/dnb-table.scss +60 -4
- package/cjs/components/table/style/table-accordion.scss +83 -98
- package/cjs/components/table/style/table-container.scss +9 -9
- package/cjs/components/table/style/table-mixins.scss +19 -2
- package/cjs/components/table/style/table-td.scss +82 -60
- package/cjs/components/table/style/table-th.scss +5 -30
- package/cjs/components/table/style/table-tr.scss +0 -20
- package/cjs/components/table/style/themes/dnb-table-theme-sbanken.css +34 -7
- package/cjs/components/table/style/themes/dnb-table-theme-sbanken.min.css +3 -1
- package/cjs/components/table/style/themes/dnb-table-theme-sbanken.scss +29 -10
- package/cjs/components/table/style/themes/dnb-table-theme-ui.css +14 -9
- package/cjs/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +12 -22
- package/cjs/components/table/useTableAnimationHandler.d.ts +20 -0
- package/cjs/components/table/useTableAnimationHandler.js +73 -0
- package/cjs/components/table/useTableAnimationHandler.js.map +1 -0
- package/cjs/components/textarea/Textarea.d.ts +4 -10
- package/cjs/components/textarea/TextareaDocs.d.ts +2 -0
- package/cjs/components/textarea/TextareaDocs.js +105 -0
- package/cjs/components/textarea/TextareaDocs.js.map +1 -0
- package/cjs/components/textarea/style/dnb-textarea.css +1 -0
- package/cjs/components/textarea/style/dnb-textarea.min.css +1 -1
- package/cjs/components/textarea/style/dnb-textarea.scss +3 -0
- package/cjs/components/upload/UploadInfo.js +1 -1
- package/cjs/components/upload/UploadInfo.js.map +1 -1
- package/cjs/core/jest/jestSetupScreenshots.css +7 -0
- package/cjs/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +1 -0
- package/cjs/elements/lib.d.ts +1 -1
- package/cjs/elements/lists/Dl.d.ts +5 -1
- package/cjs/elements/lists/Dl.js +5 -4
- package/cjs/elements/lists/Dl.js.map +1 -1
- package/cjs/elements/lists/style/lists-mixins.scss +24 -1
- package/cjs/extensions/forms/DataContext/Context.d.ts +1 -2
- package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +1 -2
- package/cjs/extensions/forms/DataContext/Provider/Provider.js +54 -40
- package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/cjs/extensions/forms/Field/Currency/Currency.js +1 -1
- package/cjs/extensions/forms/Field/Currency/Currency.js.map +1 -1
- package/cjs/extensions/forms/Field/Expiry/Expiry.js +1 -0
- package/cjs/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/cjs/extensions/forms/Field/FieldDocs.d.ts +3 -0
- package/cjs/extensions/forms/Field/FieldDocs.js +18 -0
- package/cjs/extensions/forms/Field/FieldDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/Number/Number.d.ts +1 -0
- package/cjs/extensions/forms/Field/Number/Number.js +13 -7
- package/cjs/extensions/forms/Field/Number/Number.js.map +1 -1
- package/cjs/extensions/forms/Field/Number/NumberDocs.d.ts +2 -0
- package/cjs/extensions/forms/Field/Number/NumberDocs.js +92 -0
- package/cjs/extensions/forms/Field/Number/NumberDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/Number/style/dnb-number.css +3 -1
- package/cjs/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
- package/cjs/extensions/forms/Field/Number/style/dnb-number.scss +4 -1
- package/cjs/extensions/forms/Field/Password/Password.d.ts +45 -0
- package/cjs/extensions/forms/Field/Password/Password.js +111 -0
- package/cjs/extensions/forms/Field/Password/Password.js.map +1 -0
- package/cjs/extensions/forms/Field/Password/index.d.ts +2 -0
- package/cjs/extensions/forms/Field/Password/index.js +27 -0
- package/cjs/extensions/forms/Field/Password/index.js.map +1 -0
- package/cjs/extensions/forms/Field/Password/style/dnb-password.css +6 -0
- package/cjs/extensions/forms/Field/Password/style/dnb-password.min.css +1 -0
- package/cjs/extensions/forms/Field/Password/style/dnb-password.scss +10 -0
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -5
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +0 -12
- package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.scss +0 -11
- package/cjs/extensions/forms/Field/Selection/Selection.d.ts +0 -1
- package/cjs/extensions/forms/Field/Selection/Selection.js +1 -9
- package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/cjs/extensions/forms/Field/String/String.d.ts +20 -9
- package/cjs/extensions/forms/Field/String/String.js +52 -31
- package/cjs/extensions/forms/Field/String/String.js.map +1 -1
- package/cjs/extensions/forms/Field/String/StringDocs.d.ts +2 -0
- package/cjs/extensions/forms/Field/String/StringDocs.js +106 -0
- package/cjs/extensions/forms/Field/String/StringDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/Toggle/Toggle.js +1 -1
- package/cjs/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/cjs/extensions/forms/Field/index.d.ts +1 -0
- package/cjs/extensions/forms/Field/index.js +7 -0
- package/cjs/extensions/forms/Field/index.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +8 -3
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js +204 -62
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlockContext.d.ts +39 -6
- package/cjs/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.d.ts +2 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.js +60 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -0
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +29 -2
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +28 -0
- package/cjs/extensions/forms/Form/Appearance/Appearance.d.ts +7 -0
- package/cjs/extensions/forms/Form/Appearance/Appearance.js +38 -0
- package/cjs/extensions/forms/Form/Appearance/Appearance.js.map +1 -0
- package/cjs/extensions/forms/Form/Appearance/AppearanceDocs.d.ts +2 -0
- package/cjs/extensions/forms/Form/Appearance/AppearanceDocs.js +15 -0
- package/cjs/extensions/forms/Form/Appearance/AppearanceDocs.js.map +1 -0
- package/cjs/extensions/forms/Form/Appearance/index.d.ts +2 -0
- package/cjs/extensions/forms/Form/Appearance/index.js +27 -0
- package/cjs/extensions/forms/Form/Appearance/index.js.map +1 -0
- package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +6 -0
- package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
- package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss +10 -2
- package/cjs/extensions/forms/Form/data-context/useData.d.ts +1 -1
- package/cjs/extensions/forms/Form/data-context/useData.js +2 -18
- package/cjs/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/cjs/extensions/forms/Form/data-context/useError.d.ts +2 -1
- package/cjs/extensions/forms/Form/data-context/useError.js +4 -2
- package/cjs/extensions/forms/Form/data-context/useError.js.map +1 -1
- package/cjs/extensions/forms/Form/index.d.ts +1 -0
- package/cjs/extensions/forms/Form/index.js +7 -0
- package/cjs/extensions/forms/Form/index.js.map +1 -1
- package/cjs/extensions/forms/Value/Currency/Currency.js +2 -2
- package/cjs/extensions/forms/Value/Currency/Currency.js.map +1 -1
- package/cjs/extensions/forms/Value/Number/Number.d.ts +2 -2
- package/cjs/extensions/forms/Value/Number/Number.js +1 -1
- package/cjs/extensions/forms/Value/Number/Number.js.map +1 -1
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.d.ts +7 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.js +35 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +7 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.js +12 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -0
- package/cjs/extensions/forms/Value/SummaryList/index.d.ts +2 -0
- package/cjs/extensions/forms/Value/SummaryList/index.js +27 -0
- package/cjs/extensions/forms/Value/SummaryList/index.js.map +1 -0
- package/cjs/extensions/forms/Value/ValueDocs.d.ts +2 -0
- package/cjs/extensions/forms/Value/ValueDocs.js +40 -0
- package/cjs/extensions/forms/Value/ValueDocs.js.map +1 -0
- package/cjs/extensions/forms/Value/index.d.ts +1 -0
- package/cjs/extensions/forms/Value/index.js +7 -0
- package/cjs/extensions/forms/Value/index.js.map +1 -1
- package/cjs/extensions/forms/ValueBlock/ValueBlock.js +13 -3
- package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/cjs/extensions/forms/hooks/DataValueDocs.d.ts +3 -0
- package/cjs/extensions/forms/hooks/DataValueDocs.js +118 -0
- package/cjs/extensions/forms/hooks/DataValueDocs.js.map +1 -0
- package/cjs/extensions/forms/hooks/useDataValue.d.ts +6 -14
- package/cjs/extensions/forms/hooks/useDataValue.js +90 -21
- package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/cjs/extensions/forms/hooks/useId.js +1 -1
- package/cjs/extensions/forms/hooks/useId.js.map +1 -1
- package/cjs/extensions/forms/hooks/useMountEffect.js +1 -1
- package/cjs/extensions/forms/hooks/useMountEffect.js.map +1 -1
- package/cjs/extensions/forms/hooks/useMounted.d.ts +2 -0
- package/cjs/extensions/forms/hooks/useMounted.js +19 -0
- package/cjs/extensions/forms/hooks/useMounted.js.map +1 -0
- package/cjs/extensions/forms/hooks/useUnmountEffect.d.ts +4 -0
- package/cjs/extensions/forms/hooks/useUnmountEffect.js +14 -0
- package/cjs/extensions/forms/hooks/useUnmountEffect.js.map +1 -0
- package/cjs/extensions/forms/style/dnb-forms.css +45 -15
- package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
- package/cjs/extensions/forms/types.d.ts +6 -4
- package/cjs/extensions/forms/types.js.map +1 -1
- package/cjs/extensions/payment-card/utils/CardDesigns.d.ts +96 -96
- package/cjs/fragments/drawer-list/DrawerListHelpers.d.ts +52 -52
- package/cjs/shared/Context.d.ts +2 -0
- package/cjs/shared/Context.js.map +1 -1
- package/cjs/shared/Eufemia.d.ts +1 -1
- package/cjs/shared/Eufemia.js +2 -2
- package/cjs/shared/Eufemia.js.map +1 -1
- package/cjs/shared/Theme.d.ts +7 -1
- package/cjs/shared/Theme.js +20 -7
- package/cjs/shared/Theme.js.map +1 -1
- package/cjs/shared/component-helper.d.ts +1 -0
- package/cjs/shared/component-helper.js +10 -0
- package/cjs/shared/component-helper.js.map +1 -1
- package/cjs/shared/helpers/debounce.d.ts +37 -0
- package/cjs/shared/helpers/debounce.js +92 -0
- package/cjs/shared/helpers/debounce.js.map +1 -0
- package/cjs/shared/helpers/filterValidProps.d.ts +2 -2
- package/cjs/shared/helpers/filterValidProps.js +2 -2
- package/cjs/shared/helpers/filterValidProps.js.map +1 -1
- package/cjs/shared/helpers/useSharedState.d.ts +1 -0
- package/cjs/shared/helpers/useSharedState.js +52 -20
- package/cjs/shared/helpers/useSharedState.js.map +1 -1
- package/cjs/shared/helpers/withCamelCaseProps.d.ts +14 -1
- package/cjs/shared/helpers/withCamelCaseProps.js.map +1 -1
- package/cjs/shared/helpers.d.ts +1 -25
- package/cjs/shared/helpers.js +15 -37
- package/cjs/shared/helpers.js.map +1 -1
- package/cjs/shared/locales/en-GB.d.ts +5 -3
- package/cjs/shared/locales/en-GB.js +7 -5
- package/cjs/shared/locales/en-GB.js.map +1 -1
- package/cjs/shared/locales/en-US.d.ts +5 -3
- package/cjs/shared/locales/index.d.ts +10 -6
- package/cjs/shared/locales/nb-NO.d.ts +5 -3
- package/cjs/shared/locales/nb-NO.js +7 -5
- package/cjs/shared/locales/nb-NO.js.map +1 -1
- package/cjs/shared/types.d.ts +5 -0
- package/cjs/shared/types.js.map +1 -1
- package/cjs/shared/useTheme.d.ts +1 -0
- package/cjs/style/dnb-ui-components.css +359 -171
- package/cjs/style/dnb-ui-components.min.css +3 -3
- package/cjs/style/dnb-ui-elements.css +25 -5
- package/cjs/style/dnb-ui-elements.min.css +1 -1
- package/cjs/style/dnb-ui-extensions.css +45 -15
- package/cjs/style/dnb-ui-extensions.min.css +1 -1
- package/cjs/style/dnb-ui-forms.css +45 -15
- package/cjs/style/dnb-ui-forms.min.css +1 -1
- package/cjs/style/dnb-ui-forms.scss +1 -0
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -5
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +421 -195
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +4 -4
- package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.css +25 -5
- package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +45 -15
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +45 -15
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +26 -5
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +464 -204
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +26 -5
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +45 -15
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +45 -15
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-ui/prism/dnb-prism-theme.d.ts +3 -3
- package/cjs/style/themes/theme-ui/ui-theme-basis.css +25 -5
- package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-components.css +421 -195
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +4 -4
- package/cjs/style/themes/theme-ui/ui-theme-elements.css +25 -5
- package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-extensions.css +45 -15
- package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-forms.css +45 -15
- package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-tags.css +25 -5
- package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/components/aria-live/useAriaLive.d.ts +1 -1
- package/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/components/breadcrumb/Breadcrumb.js +3 -3
- package/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/components/breadcrumb/style/dnb-breadcrumb.css +7 -2
- package/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/components/breadcrumb/style/dnb-breadcrumb.scss +10 -2
- package/components/button/Button.js +2 -2
- package/components/button/Button.js.map +1 -1
- package/components/button/style/themes/dnb-button-theme-sbanken.css +23 -11
- package/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -3
- package/components/button/style/themes/dnb-button-theme-sbanken.scss +30 -14
- package/components/card/style/dnb-card.css +11 -2
- package/components/card/style/dnb-card.min.css +1 -1
- package/components/card/style/dnb-card.scss +12 -2
- package/components/date-picker/DatePicker.d.ts +10 -1
- package/components/date-picker/DatePicker.js +5 -2
- package/components/date-picker/DatePicker.js.map +1 -1
- package/components/form-label/style/dnb-form-label.css +4 -8
- package/components/form-label/style/dnb-form-label.min.css +1 -1
- package/components/form-label/style/dnb-form-label.scss +5 -8
- package/components/form-status/style/dnb-form-status.css +11 -0
- package/components/form-status/style/dnb-form-status.min.css +1 -1
- package/components/form-status/style/dnb-form-status.scss +11 -0
- package/components/global-status/GlobalStatus.d.ts +1 -1
- package/components/global-status/GlobalStatusProvider.d.ts +1 -1
- package/components/height-animation/HeightAnimationInstance.d.ts +5 -6
- package/components/height-animation/HeightAnimationInstance.js +12 -12
- package/components/height-animation/HeightAnimationInstance.js.map +1 -1
- package/components/height-animation/useHeightAnimation.js +11 -10
- package/components/height-animation/useHeightAnimation.js.map +1 -1
- package/components/info-card/InfoCard.d.ts +6 -0
- package/components/info-card/InfoCard.js +4 -2
- package/components/info-card/InfoCard.js.map +1 -1
- package/components/info-card/style/dnb-info-card.css +3 -1
- package/components/info-card/style/dnb-info-card.min.css +1 -1
- package/components/info-card/style/dnb-info-card.scss +4 -2
- package/components/input/Input.d.ts +9 -9
- package/components/input/InputDocs.d.ts +2 -0
- package/components/input/InputDocs.js +158 -0
- package/components/input/InputDocs.js.map +1 -0
- package/components/input/InputPassword.d.ts +6 -17
- package/components/input/InputPassword.js +3 -81
- package/components/input/InputPassword.js.map +1 -1
- package/components/input-masked/InputMasked.d.ts +6 -93
- package/components/input-masked/InputMasked.js +3 -1
- package/components/input-masked/InputMasked.js.map +1 -1
- package/components/input-masked/InputMaskedDocs.d.ts +2 -0
- package/components/input-masked/InputMaskedDocs.js +78 -0
- package/components/input-masked/InputMaskedDocs.js.map +1 -0
- package/components/input-masked/InputMaskedHooks.js +7 -4
- package/components/input-masked/InputMaskedHooks.js.map +1 -1
- package/components/input-masked/MultiInputMask.js +2 -6
- package/components/input-masked/MultiInputMask.js.map +1 -1
- package/components/input-masked/style/dnb-input-masked.css +3 -0
- package/components/input-masked/style/dnb-input-masked.min.css +1 -1
- package/components/input-masked/style/dnb-input-masked.scss +5 -0
- package/components/number-format/NumberFormat.d.ts +1 -1
- package/components/number-format/NumberUtils.js +22 -14
- package/components/number-format/NumberUtils.js.map +1 -1
- package/components/pagination/InfinityScroller.d.ts +1 -1
- package/components/progress-indicator/ProgressIndicator.js +5 -7
- package/components/progress-indicator/ProgressIndicator.js.map +1 -1
- package/components/progress-indicator/ProgressIndicatorCircular.js +1 -1
- package/components/progress-indicator/ProgressIndicatorCircular.js.map +1 -1
- package/components/progress-indicator/ProgressIndicatorLinear.js +4 -4
- package/components/progress-indicator/ProgressIndicatorLinear.js.map +1 -1
- package/components/progress-indicator/style/dnb-progress-indicator.css +5 -2
- package/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
- package/components/progress-indicator/style/dnb-progress-indicator.scss +5 -2
- package/components/slider/Slider.d.ts +1 -0
- package/components/slider/Slider.js +1 -0
- package/components/slider/Slider.js.map +1 -1
- package/components/slider/SliderInstance.js +18 -5
- package/components/slider/SliderInstance.js.map +1 -1
- package/components/slider/SliderMarker.d.ts +7 -0
- package/components/slider/SliderMarker.js +53 -0
- package/components/slider/SliderMarker.js.map +1 -0
- package/components/slider/SliderProvider.js +2 -1
- package/components/slider/SliderProvider.js.map +1 -1
- package/components/slider/style/dnb-slider.css +43 -2
- package/components/slider/style/dnb-slider.min.css +1 -1
- package/components/slider/style/dnb-slider.scss +44 -1
- package/components/slider/style/themes/dnb-slider-theme-sbanken.css +3 -0
- package/components/slider/style/themes/dnb-slider-theme-sbanken.min.css +1 -1
- package/components/slider/style/themes/dnb-slider-theme-sbanken.scss +4 -0
- package/components/slider/style/themes/dnb-slider-theme-ui.css +3 -0
- package/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
- package/components/slider/style/themes/dnb-slider-theme-ui.scss +5 -0
- package/components/slider/types.d.ts +6 -0
- package/components/slider/types.js.map +1 -1
- package/components/space/SpacingHelper.d.ts +5 -5
- package/components/table/Table.js +1 -1
- package/components/table/Table.js.map +1 -1
- package/components/table/TableAccordion.js +40 -54
- package/components/table/TableAccordion.js.map +1 -1
- package/components/table/TableAccordionTd.d.ts +9 -0
- package/{es/components/table/TableAccordionContent.js → components/table/TableAccordionTd.js} +16 -50
- package/components/table/TableAccordionTd.js.map +1 -0
- package/components/table/TableAccordionTr.d.ts +13 -0
- package/components/table/TableAccordionTr.js +51 -0
- package/components/table/TableAccordionTr.js.map +1 -0
- package/components/table/TableContext.d.ts +2 -2
- package/components/table/TableContext.js +2 -2
- package/components/table/TableContext.js.map +1 -1
- package/components/table/TableTd.d.ts +2 -2
- package/components/table/TableTd.js +2 -2
- package/components/table/TableTd.js.map +1 -1
- package/components/table/TableTr.d.ts +6 -1
- package/components/table/TableTr.js +9 -4
- package/components/table/TableTr.js.map +1 -1
- package/components/table/style/dnb-table.css +226 -139
- package/components/table/style/dnb-table.min.css +1 -1
- package/components/table/style/dnb-table.scss +60 -4
- package/components/table/style/table-accordion.scss +83 -98
- package/components/table/style/table-container.scss +9 -9
- package/components/table/style/table-mixins.scss +19 -2
- package/components/table/style/table-td.scss +82 -60
- package/components/table/style/table-th.scss +5 -30
- package/components/table/style/table-tr.scss +0 -20
- package/components/table/style/themes/dnb-table-theme-sbanken.css +34 -7
- package/components/table/style/themes/dnb-table-theme-sbanken.min.css +3 -1
- package/components/table/style/themes/dnb-table-theme-sbanken.scss +29 -10
- package/components/table/style/themes/dnb-table-theme-ui.css +14 -9
- package/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/components/table/style/themes/dnb-table-theme-ui.scss +12 -22
- package/components/table/useTableAnimationHandler.d.ts +20 -0
- package/components/table/useTableAnimationHandler.js +63 -0
- package/components/table/useTableAnimationHandler.js.map +1 -0
- package/components/textarea/Textarea.d.ts +4 -10
- package/components/textarea/TextareaDocs.d.ts +2 -0
- package/components/textarea/TextareaDocs.js +98 -0
- package/components/textarea/TextareaDocs.js.map +1 -0
- package/components/textarea/style/dnb-textarea.css +1 -0
- package/components/textarea/style/dnb-textarea.min.css +1 -1
- package/components/textarea/style/dnb-textarea.scss +3 -0
- package/components/upload/UploadInfo.js +1 -1
- package/components/upload/UploadInfo.js.map +1 -1
- package/core/jest/jestSetupScreenshots.css +7 -0
- package/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +1 -0
- package/elements/lib.d.ts +1 -1
- package/elements/lists/Dl.d.ts +5 -1
- package/elements/lists/Dl.js +5 -4
- package/elements/lists/Dl.js.map +1 -1
- package/elements/lists/style/lists-mixins.scss +24 -1
- package/es/components/aria-live/useAriaLive.d.ts +1 -1
- package/es/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/es/components/breadcrumb/Breadcrumb.js +3 -3
- package/es/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/es/components/breadcrumb/style/dnb-breadcrumb.css +7 -2
- package/es/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/es/components/breadcrumb/style/dnb-breadcrumb.scss +10 -2
- package/es/components/button/Button.js +2 -2
- package/es/components/button/Button.js.map +1 -1
- package/es/components/button/style/themes/dnb-button-theme-sbanken.css +23 -11
- package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -3
- package/es/components/button/style/themes/dnb-button-theme-sbanken.scss +30 -14
- package/es/components/card/style/dnb-card.css +11 -2
- package/es/components/card/style/dnb-card.min.css +1 -1
- package/es/components/card/style/dnb-card.scss +12 -2
- package/es/components/date-picker/DatePicker.d.ts +10 -1
- package/es/components/date-picker/DatePicker.js +5 -2
- package/es/components/date-picker/DatePicker.js.map +1 -1
- package/es/components/form-label/style/dnb-form-label.css +4 -8
- package/es/components/form-label/style/dnb-form-label.min.css +1 -1
- package/es/components/form-label/style/dnb-form-label.scss +5 -8
- package/es/components/form-status/style/dnb-form-status.css +11 -0
- package/es/components/form-status/style/dnb-form-status.min.css +1 -1
- package/es/components/form-status/style/dnb-form-status.scss +11 -0
- package/es/components/global-status/GlobalStatus.d.ts +1 -1
- package/es/components/global-status/GlobalStatusProvider.d.ts +1 -1
- package/es/components/height-animation/HeightAnimationInstance.d.ts +5 -6
- package/es/components/height-animation/HeightAnimationInstance.js +12 -12
- package/es/components/height-animation/HeightAnimationInstance.js.map +1 -1
- package/es/components/height-animation/useHeightAnimation.js +11 -10
- package/es/components/height-animation/useHeightAnimation.js.map +1 -1
- package/es/components/info-card/InfoCard.d.ts +6 -0
- package/es/components/info-card/InfoCard.js +4 -2
- package/es/components/info-card/InfoCard.js.map +1 -1
- package/es/components/info-card/style/dnb-info-card.css +3 -1
- package/es/components/info-card/style/dnb-info-card.min.css +1 -1
- package/es/components/info-card/style/dnb-info-card.scss +4 -2
- package/es/components/input/Input.d.ts +9 -9
- package/es/components/input/InputDocs.d.ts +2 -0
- package/es/components/input/InputDocs.js +158 -0
- package/es/components/input/InputDocs.js.map +1 -0
- package/es/components/input/InputPassword.d.ts +6 -17
- package/es/components/input/InputPassword.js +3 -81
- package/es/components/input/InputPassword.js.map +1 -1
- package/es/components/input-masked/InputMasked.d.ts +6 -93
- package/es/components/input-masked/InputMasked.js +3 -1
- package/es/components/input-masked/InputMasked.js.map +1 -1
- package/es/components/input-masked/InputMaskedDocs.d.ts +2 -0
- package/es/components/input-masked/InputMaskedDocs.js +78 -0
- package/es/components/input-masked/InputMaskedDocs.js.map +1 -0
- package/es/components/input-masked/InputMaskedHooks.js +7 -4
- package/es/components/input-masked/InputMaskedHooks.js.map +1 -1
- package/es/components/input-masked/MultiInputMask.js +2 -6
- package/es/components/input-masked/MultiInputMask.js.map +1 -1
- package/es/components/input-masked/style/dnb-input-masked.css +3 -0
- package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
- package/es/components/input-masked/style/dnb-input-masked.scss +5 -0
- package/es/components/number-format/NumberFormat.d.ts +1 -1
- package/es/components/number-format/NumberUtils.js +23 -14
- package/es/components/number-format/NumberUtils.js.map +1 -1
- package/es/components/pagination/InfinityScroller.d.ts +1 -1
- package/es/components/progress-indicator/ProgressIndicator.js +5 -7
- package/es/components/progress-indicator/ProgressIndicator.js.map +1 -1
- package/es/components/progress-indicator/ProgressIndicatorCircular.js +1 -1
- package/es/components/progress-indicator/ProgressIndicatorCircular.js.map +1 -1
- package/es/components/progress-indicator/ProgressIndicatorLinear.js +4 -4
- package/es/components/progress-indicator/ProgressIndicatorLinear.js.map +1 -1
- package/es/components/progress-indicator/style/dnb-progress-indicator.css +5 -2
- package/es/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
- package/es/components/progress-indicator/style/dnb-progress-indicator.scss +5 -2
- package/es/components/slider/Slider.d.ts +1 -0
- package/es/components/slider/Slider.js +1 -0
- package/es/components/slider/Slider.js.map +1 -1
- package/es/components/slider/SliderInstance.js +17 -5
- package/es/components/slider/SliderInstance.js.map +1 -1
- package/es/components/slider/SliderMarker.d.ts +7 -0
- package/es/components/slider/SliderMarker.js +52 -0
- package/es/components/slider/SliderMarker.js.map +1 -0
- package/es/components/slider/SliderProvider.js +2 -1
- package/es/components/slider/SliderProvider.js.map +1 -1
- package/es/components/slider/style/dnb-slider.css +43 -2
- package/es/components/slider/style/dnb-slider.min.css +1 -1
- package/es/components/slider/style/dnb-slider.scss +44 -1
- package/es/components/slider/style/themes/dnb-slider-theme-sbanken.css +3 -0
- package/es/components/slider/style/themes/dnb-slider-theme-sbanken.min.css +1 -1
- package/es/components/slider/style/themes/dnb-slider-theme-sbanken.scss +4 -0
- package/es/components/slider/style/themes/dnb-slider-theme-ui.css +3 -0
- package/es/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
- package/es/components/slider/style/themes/dnb-slider-theme-ui.scss +5 -0
- package/es/components/slider/types.d.ts +6 -0
- package/es/components/slider/types.js.map +1 -1
- package/es/components/space/SpacingHelper.d.ts +5 -5
- package/es/components/table/Table.js +1 -1
- package/es/components/table/Table.js.map +1 -1
- package/es/components/table/TableAccordion.js +40 -55
- package/es/components/table/TableAccordion.js.map +1 -1
- package/es/components/table/TableAccordionTd.d.ts +9 -0
- package/{components/table/TableAccordionContent.js → es/components/table/TableAccordionTd.js} +16 -51
- package/es/components/table/TableAccordionTd.js.map +1 -0
- package/es/components/table/TableAccordionTr.d.ts +13 -0
- package/es/components/table/TableAccordionTr.js +51 -0
- package/es/components/table/TableAccordionTr.js.map +1 -0
- package/es/components/table/TableContext.d.ts +2 -2
- package/es/components/table/TableContext.js +2 -2
- package/es/components/table/TableContext.js.map +1 -1
- package/es/components/table/TableTd.d.ts +2 -2
- package/es/components/table/TableTd.js +2 -2
- package/es/components/table/TableTd.js.map +1 -1
- package/es/components/table/TableTr.d.ts +6 -1
- package/es/components/table/TableTr.js +9 -4
- package/es/components/table/TableTr.js.map +1 -1
- package/es/components/table/style/dnb-table.css +226 -139
- package/es/components/table/style/dnb-table.min.css +1 -1
- package/es/components/table/style/dnb-table.scss +60 -4
- package/es/components/table/style/table-accordion.scss +83 -98
- package/es/components/table/style/table-container.scss +9 -9
- package/es/components/table/style/table-mixins.scss +19 -2
- package/es/components/table/style/table-td.scss +82 -60
- package/es/components/table/style/table-th.scss +5 -30
- package/es/components/table/style/table-tr.scss +0 -20
- package/es/components/table/style/themes/dnb-table-theme-sbanken.css +34 -7
- package/es/components/table/style/themes/dnb-table-theme-sbanken.min.css +3 -1
- package/es/components/table/style/themes/dnb-table-theme-sbanken.scss +29 -10
- package/es/components/table/style/themes/dnb-table-theme-ui.css +14 -9
- package/es/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/es/components/table/style/themes/dnb-table-theme-ui.scss +12 -22
- package/es/components/table/useTableAnimationHandler.d.ts +20 -0
- package/es/components/table/useTableAnimationHandler.js +62 -0
- package/es/components/table/useTableAnimationHandler.js.map +1 -0
- package/es/components/textarea/Textarea.d.ts +4 -10
- package/es/components/textarea/TextareaDocs.d.ts +2 -0
- package/es/components/textarea/TextareaDocs.js +98 -0
- package/es/components/textarea/TextareaDocs.js.map +1 -0
- package/es/components/textarea/style/dnb-textarea.css +1 -0
- package/es/components/textarea/style/dnb-textarea.min.css +1 -1
- package/es/components/textarea/style/dnb-textarea.scss +3 -0
- package/es/components/upload/UploadInfo.js +1 -1
- package/es/components/upload/UploadInfo.js.map +1 -1
- package/es/core/jest/jestSetupScreenshots.css +7 -0
- package/es/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +1 -0
- package/es/elements/lib.d.ts +1 -1
- package/es/elements/lists/Dl.d.ts +5 -1
- package/es/elements/lists/Dl.js +5 -4
- package/es/elements/lists/Dl.js.map +1 -1
- package/es/elements/lists/style/lists-mixins.scss +24 -1
- package/es/extensions/forms/DataContext/Context.d.ts +1 -2
- package/es/extensions/forms/DataContext/Context.js.map +1 -1
- package/es/extensions/forms/DataContext/Provider/Provider.d.ts +1 -2
- package/es/extensions/forms/DataContext/Provider/Provider.js +54 -40
- package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/es/extensions/forms/Field/Currency/Currency.js +1 -1
- package/es/extensions/forms/Field/Currency/Currency.js.map +1 -1
- package/es/extensions/forms/Field/Expiry/Expiry.js +1 -0
- package/es/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/es/extensions/forms/Field/FieldDocs.d.ts +3 -0
- package/es/extensions/forms/Field/FieldDocs.js +8 -0
- package/es/extensions/forms/Field/FieldDocs.js.map +1 -0
- package/es/extensions/forms/Field/Number/Number.d.ts +1 -0
- package/es/extensions/forms/Field/Number/Number.js +13 -7
- package/es/extensions/forms/Field/Number/Number.js.map +1 -1
- package/es/extensions/forms/Field/Number/NumberDocs.d.ts +2 -0
- package/es/extensions/forms/Field/Number/NumberDocs.js +85 -0
- package/es/extensions/forms/Field/Number/NumberDocs.js.map +1 -0
- package/es/extensions/forms/Field/Number/style/dnb-number.css +3 -1
- package/es/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
- package/es/extensions/forms/Field/Number/style/dnb-number.scss +4 -1
- package/es/extensions/forms/Field/Password/Password.d.ts +45 -0
- package/es/extensions/forms/Field/Password/Password.js +99 -0
- package/es/extensions/forms/Field/Password/Password.js.map +1 -0
- package/es/extensions/forms/Field/Password/index.d.ts +2 -0
- package/es/extensions/forms/Field/Password/index.js +3 -0
- package/es/extensions/forms/Field/Password/index.js.map +1 -0
- package/es/extensions/forms/Field/Password/style/dnb-password.css +6 -0
- package/es/extensions/forms/Field/Password/style/dnb-password.min.css +1 -0
- package/es/extensions/forms/Field/Password/style/dnb-password.scss +10 -0
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -5
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +0 -12
- package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.scss +0 -11
- package/es/extensions/forms/Field/Selection/Selection.d.ts +0 -1
- package/es/extensions/forms/Field/Selection/Selection.js +2 -11
- package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/es/extensions/forms/Field/String/String.d.ts +20 -9
- package/es/extensions/forms/Field/String/String.js +52 -31
- package/es/extensions/forms/Field/String/String.js.map +1 -1
- package/es/extensions/forms/Field/String/StringDocs.d.ts +2 -0
- package/es/extensions/forms/Field/String/StringDocs.js +99 -0
- package/es/extensions/forms/Field/String/StringDocs.js.map +1 -0
- package/es/extensions/forms/Field/Toggle/Toggle.js +1 -1
- package/es/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/es/extensions/forms/Field/index.d.ts +1 -0
- package/es/extensions/forms/Field/index.js +1 -0
- package/es/extensions/forms/Field/index.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +8 -3
- package/es/extensions/forms/FieldBlock/FieldBlock.js +195 -58
- package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlockContext.d.ts +39 -6
- package/es/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlockDocs.d.ts +2 -0
- package/es/extensions/forms/FieldBlock/FieldBlockDocs.js +53 -0
- package/es/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -0
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +29 -2
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +28 -0
- package/es/extensions/forms/Form/Appearance/Appearance.d.ts +7 -0
- package/es/extensions/forms/Form/Appearance/Appearance.js +30 -0
- package/es/extensions/forms/Form/Appearance/Appearance.js.map +1 -0
- package/es/extensions/forms/Form/Appearance/AppearanceDocs.d.ts +2 -0
- package/es/extensions/forms/Form/Appearance/AppearanceDocs.js +8 -0
- package/es/extensions/forms/Form/Appearance/AppearanceDocs.js.map +1 -0
- package/es/extensions/forms/Form/Appearance/index.d.ts +2 -0
- package/es/extensions/forms/Form/Appearance/index.js +3 -0
- package/es/extensions/forms/Form/Appearance/index.js.map +1 -0
- package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +6 -0
- package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
- package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss +10 -2
- package/es/extensions/forms/Form/data-context/useData.d.ts +1 -1
- package/es/extensions/forms/Form/data-context/useData.js +3 -19
- package/es/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/es/extensions/forms/Form/data-context/useError.d.ts +2 -1
- package/es/extensions/forms/Form/data-context/useError.js +4 -2
- package/es/extensions/forms/Form/data-context/useError.js.map +1 -1
- package/es/extensions/forms/Form/index.d.ts +1 -0
- package/es/extensions/forms/Form/index.js +1 -0
- package/es/extensions/forms/Form/index.js.map +1 -1
- package/es/extensions/forms/Value/Currency/Currency.js +2 -2
- package/es/extensions/forms/Value/Currency/Currency.js.map +1 -1
- package/es/extensions/forms/Value/Number/Number.d.ts +2 -2
- package/es/extensions/forms/Value/Number/Number.js +1 -1
- package/es/extensions/forms/Value/Number/Number.js.map +1 -1
- package/es/extensions/forms/Value/SummaryList/SummaryList.d.ts +7 -0
- package/es/extensions/forms/Value/SummaryList/SummaryList.js +26 -0
- package/es/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -0
- package/es/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +7 -0
- package/es/extensions/forms/Value/SummaryList/SummaryListContext.js +4 -0
- package/es/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -0
- package/es/extensions/forms/Value/SummaryList/index.d.ts +2 -0
- package/es/extensions/forms/Value/SummaryList/index.js +3 -0
- package/es/extensions/forms/Value/SummaryList/index.js.map +1 -0
- package/es/extensions/forms/Value/ValueDocs.d.ts +2 -0
- package/es/extensions/forms/Value/ValueDocs.js +33 -0
- package/es/extensions/forms/Value/ValueDocs.js.map +1 -0
- package/es/extensions/forms/Value/index.d.ts +1 -0
- package/es/extensions/forms/Value/index.js +1 -0
- package/es/extensions/forms/Value/index.js.map +1 -1
- package/es/extensions/forms/ValueBlock/ValueBlock.js +12 -4
- package/es/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/es/extensions/forms/hooks/DataValueDocs.d.ts +3 -0
- package/es/extensions/forms/hooks/DataValueDocs.js +110 -0
- package/es/extensions/forms/hooks/DataValueDocs.js.map +1 -0
- package/es/extensions/forms/hooks/useDataValue.d.ts +6 -14
- package/es/extensions/forms/hooks/useDataValue.js +92 -23
- package/es/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/es/extensions/forms/hooks/useId.js +1 -1
- package/es/extensions/forms/hooks/useId.js.map +1 -1
- package/es/extensions/forms/hooks/useMountEffect.js +1 -1
- package/es/extensions/forms/hooks/useMountEffect.js.map +1 -1
- package/es/extensions/forms/hooks/useMounted.d.ts +2 -0
- package/es/extensions/forms/hooks/useMounted.js +14 -0
- package/es/extensions/forms/hooks/useMounted.js.map +1 -0
- package/es/extensions/forms/hooks/useUnmountEffect.d.ts +4 -0
- package/es/extensions/forms/hooks/useUnmountEffect.js +9 -0
- package/es/extensions/forms/hooks/useUnmountEffect.js.map +1 -0
- package/es/extensions/forms/style/dnb-forms.css +45 -15
- package/es/extensions/forms/style/dnb-forms.min.css +1 -1
- package/es/extensions/forms/types.d.ts +6 -4
- package/es/extensions/forms/types.js.map +1 -1
- package/es/extensions/payment-card/utils/CardDesigns.d.ts +96 -96
- package/es/fragments/drawer-list/DrawerListHelpers.d.ts +52 -52
- package/es/shared/Context.d.ts +2 -0
- package/es/shared/Context.js.map +1 -1
- package/es/shared/Eufemia.d.ts +1 -1
- package/es/shared/Eufemia.js +2 -2
- package/es/shared/Eufemia.js.map +1 -1
- package/es/shared/Theme.d.ts +7 -1
- package/es/shared/Theme.js +20 -7
- package/es/shared/Theme.js.map +1 -1
- package/es/shared/component-helper.d.ts +1 -0
- package/es/shared/component-helper.js +6 -0
- package/es/shared/component-helper.js.map +1 -1
- package/es/shared/helpers/debounce.d.ts +37 -0
- package/es/shared/helpers/debounce.js +76 -0
- package/es/shared/helpers/debounce.js.map +1 -0
- package/es/shared/helpers/filterValidProps.d.ts +2 -2
- package/es/shared/helpers/filterValidProps.js +2 -2
- package/es/shared/helpers/filterValidProps.js.map +1 -1
- package/es/shared/helpers/useSharedState.d.ts +1 -0
- package/es/shared/helpers/useSharedState.js +49 -20
- package/es/shared/helpers/useSharedState.js.map +1 -1
- package/es/shared/helpers/withCamelCaseProps.d.ts +14 -1
- package/es/shared/helpers/withCamelCaseProps.js.map +1 -1
- package/es/shared/helpers.d.ts +1 -25
- package/es/shared/helpers.js +1 -29
- package/es/shared/helpers.js.map +1 -1
- package/es/shared/locales/en-GB.d.ts +5 -3
- package/es/shared/locales/en-GB.js +7 -5
- package/es/shared/locales/en-GB.js.map +1 -1
- package/es/shared/locales/en-US.d.ts +5 -3
- package/es/shared/locales/index.d.ts +10 -6
- package/es/shared/locales/nb-NO.d.ts +5 -3
- package/es/shared/locales/nb-NO.js +7 -5
- package/es/shared/locales/nb-NO.js.map +1 -1
- package/es/shared/types.d.ts +5 -0
- package/es/shared/types.js.map +1 -1
- package/es/shared/useTheme.d.ts +1 -0
- package/es/style/dnb-ui-components.css +359 -171
- package/es/style/dnb-ui-components.min.css +3 -3
- package/es/style/dnb-ui-elements.css +25 -5
- package/es/style/dnb-ui-elements.min.css +1 -1
- package/es/style/dnb-ui-extensions.css +45 -15
- package/es/style/dnb-ui-extensions.min.css +1 -1
- package/es/style/dnb-ui-forms.css +45 -15
- package/es/style/dnb-ui-forms.min.css +1 -1
- package/es/style/dnb-ui-forms.scss +1 -0
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -5
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +421 -195
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +4 -4
- package/es/style/themes/theme-eiendom/eiendom-theme-elements.css +25 -5
- package/es/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +45 -15
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +45 -15
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +26 -5
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +464 -204
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +26 -5
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +45 -15
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +45 -15
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/es/style/themes/theme-ui/prism/dnb-prism-theme.d.ts +3 -3
- package/es/style/themes/theme-ui/ui-theme-basis.css +25 -5
- package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-components.css +421 -195
- package/es/style/themes/theme-ui/ui-theme-components.min.css +4 -4
- package/es/style/themes/theme-ui/ui-theme-elements.css +25 -5
- package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-extensions.css +45 -15
- package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-forms.css +45 -15
- package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-tags.css +25 -5
- package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/esm/dnb-ui-basis.min.mjs +1 -1
- package/esm/dnb-ui-components.min.mjs +1 -1
- package/esm/dnb-ui-elements.min.mjs +1 -1
- package/esm/dnb-ui-extensions.min.mjs +3 -3
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/DataContext/Context.d.ts +1 -2
- package/extensions/forms/DataContext/Context.js.map +1 -1
- package/extensions/forms/DataContext/Provider/Provider.d.ts +1 -2
- package/extensions/forms/DataContext/Provider/Provider.js +54 -40
- package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/extensions/forms/Field/Currency/Currency.js +1 -1
- package/extensions/forms/Field/Currency/Currency.js.map +1 -1
- package/extensions/forms/Field/Expiry/Expiry.js +1 -0
- package/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/extensions/forms/Field/FieldDocs.d.ts +3 -0
- package/extensions/forms/Field/FieldDocs.js +8 -0
- package/extensions/forms/Field/FieldDocs.js.map +1 -0
- package/extensions/forms/Field/Number/Number.d.ts +1 -0
- package/extensions/forms/Field/Number/Number.js +13 -7
- package/extensions/forms/Field/Number/Number.js.map +1 -1
- package/extensions/forms/Field/Number/NumberDocs.d.ts +2 -0
- package/extensions/forms/Field/Number/NumberDocs.js +85 -0
- package/extensions/forms/Field/Number/NumberDocs.js.map +1 -0
- package/extensions/forms/Field/Number/style/dnb-number.css +3 -1
- package/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
- package/extensions/forms/Field/Number/style/dnb-number.scss +4 -1
- package/extensions/forms/Field/Password/Password.d.ts +45 -0
- package/extensions/forms/Field/Password/Password.js +99 -0
- package/extensions/forms/Field/Password/Password.js.map +1 -0
- package/extensions/forms/Field/Password/index.d.ts +2 -0
- package/extensions/forms/Field/Password/index.js +3 -0
- package/extensions/forms/Field/Password/index.js.map +1 -0
- package/extensions/forms/Field/Password/style/dnb-password.css +6 -0
- package/extensions/forms/Field/Password/style/dnb-password.min.css +1 -0
- package/extensions/forms/Field/Password/style/dnb-password.scss +10 -0
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -5
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +0 -12
- package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
- package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.scss +0 -11
- package/extensions/forms/Field/Selection/Selection.d.ts +0 -1
- package/extensions/forms/Field/Selection/Selection.js +2 -11
- package/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/extensions/forms/Field/String/String.d.ts +20 -9
- package/extensions/forms/Field/String/String.js +52 -31
- package/extensions/forms/Field/String/String.js.map +1 -1
- package/extensions/forms/Field/String/StringDocs.d.ts +2 -0
- package/extensions/forms/Field/String/StringDocs.js +99 -0
- package/extensions/forms/Field/String/StringDocs.js.map +1 -0
- package/extensions/forms/Field/Toggle/Toggle.js +1 -1
- package/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/extensions/forms/Field/index.d.ts +1 -0
- package/extensions/forms/Field/index.js +1 -0
- package/extensions/forms/Field/index.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlock.d.ts +8 -3
- package/extensions/forms/FieldBlock/FieldBlock.js +203 -64
- package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlockContext.d.ts +39 -6
- package/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlockDocs.d.ts +2 -0
- package/extensions/forms/FieldBlock/FieldBlockDocs.js +53 -0
- package/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -0
- package/extensions/forms/FieldBlock/style/dnb-field-block.css +29 -2
- package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.scss +28 -0
- package/extensions/forms/Form/Appearance/Appearance.d.ts +7 -0
- package/extensions/forms/Form/Appearance/Appearance.js +30 -0
- package/extensions/forms/Form/Appearance/Appearance.js.map +1 -0
- package/extensions/forms/Form/Appearance/AppearanceDocs.d.ts +2 -0
- package/extensions/forms/Form/Appearance/AppearanceDocs.js +8 -0
- package/extensions/forms/Form/Appearance/AppearanceDocs.js.map +1 -0
- package/extensions/forms/Form/Appearance/index.d.ts +2 -0
- package/extensions/forms/Form/Appearance/index.js +3 -0
- package/extensions/forms/Form/Appearance/index.js.map +1 -0
- package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +6 -0
- package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
- package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss +10 -2
- package/extensions/forms/Form/data-context/useData.d.ts +1 -1
- package/extensions/forms/Form/data-context/useData.js +3 -19
- package/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/extensions/forms/Form/data-context/useError.d.ts +2 -1
- package/extensions/forms/Form/data-context/useError.js +4 -2
- package/extensions/forms/Form/data-context/useError.js.map +1 -1
- package/extensions/forms/Form/index.d.ts +1 -0
- package/extensions/forms/Form/index.js +1 -0
- package/extensions/forms/Form/index.js.map +1 -1
- package/extensions/forms/Value/Currency/Currency.js +2 -2
- package/extensions/forms/Value/Currency/Currency.js.map +1 -1
- package/extensions/forms/Value/Number/Number.d.ts +2 -2
- package/extensions/forms/Value/Number/Number.js +1 -1
- package/extensions/forms/Value/Number/Number.js.map +1 -1
- package/extensions/forms/Value/SummaryList/SummaryList.d.ts +7 -0
- package/extensions/forms/Value/SummaryList/SummaryList.js +26 -0
- package/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -0
- package/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +7 -0
- package/extensions/forms/Value/SummaryList/SummaryListContext.js +4 -0
- package/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -0
- package/extensions/forms/Value/SummaryList/index.d.ts +2 -0
- package/extensions/forms/Value/SummaryList/index.js +3 -0
- package/extensions/forms/Value/SummaryList/index.js.map +1 -0
- package/extensions/forms/Value/ValueDocs.d.ts +2 -0
- package/extensions/forms/Value/ValueDocs.js +33 -0
- package/extensions/forms/Value/ValueDocs.js.map +1 -0
- package/extensions/forms/Value/index.d.ts +1 -0
- package/extensions/forms/Value/index.js +1 -0
- package/extensions/forms/Value/index.js.map +1 -1
- package/extensions/forms/ValueBlock/ValueBlock.js +12 -4
- package/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/extensions/forms/hooks/DataValueDocs.d.ts +3 -0
- package/extensions/forms/hooks/DataValueDocs.js +110 -0
- package/extensions/forms/hooks/DataValueDocs.js.map +1 -0
- package/extensions/forms/hooks/useDataValue.d.ts +6 -14
- package/extensions/forms/hooks/useDataValue.js +92 -23
- package/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/extensions/forms/hooks/useId.js +1 -1
- package/extensions/forms/hooks/useId.js.map +1 -1
- package/extensions/forms/hooks/useMountEffect.js +1 -1
- package/extensions/forms/hooks/useMountEffect.js.map +1 -1
- package/extensions/forms/hooks/useMounted.d.ts +2 -0
- package/extensions/forms/hooks/useMounted.js +14 -0
- package/extensions/forms/hooks/useMounted.js.map +1 -0
- package/extensions/forms/hooks/useUnmountEffect.d.ts +4 -0
- package/extensions/forms/hooks/useUnmountEffect.js +9 -0
- package/extensions/forms/hooks/useUnmountEffect.js.map +1 -0
- package/extensions/forms/style/dnb-forms.css +45 -15
- package/extensions/forms/style/dnb-forms.min.css +1 -1
- package/extensions/forms/types.d.ts +6 -4
- package/extensions/forms/types.js.map +1 -1
- package/extensions/payment-card/utils/CardDesigns.d.ts +96 -96
- package/fragments/drawer-list/DrawerListHelpers.d.ts +52 -52
- package/package.json +1 -1
- package/shared/Context.d.ts +2 -0
- package/shared/Context.js.map +1 -1
- package/shared/Eufemia.d.ts +1 -1
- package/shared/Eufemia.js +2 -2
- package/shared/Eufemia.js.map +1 -1
- package/shared/Theme.d.ts +7 -1
- package/shared/Theme.js +20 -7
- package/shared/Theme.js.map +1 -1
- package/shared/component-helper.d.ts +1 -0
- package/shared/component-helper.js +9 -0
- package/shared/component-helper.js.map +1 -1
- package/shared/helpers/debounce.d.ts +37 -0
- package/shared/helpers/debounce.js +83 -0
- package/shared/helpers/debounce.js.map +1 -0
- package/shared/helpers/filterValidProps.d.ts +2 -2
- package/shared/helpers/filterValidProps.js +2 -2
- package/shared/helpers/filterValidProps.js.map +1 -1
- package/shared/helpers/useSharedState.d.ts +1 -0
- package/shared/helpers/useSharedState.js +49 -20
- package/shared/helpers/useSharedState.js.map +1 -1
- package/shared/helpers/withCamelCaseProps.d.ts +14 -1
- package/shared/helpers/withCamelCaseProps.js.map +1 -1
- package/shared/helpers.d.ts +1 -25
- package/shared/helpers.js +3 -36
- package/shared/helpers.js.map +1 -1
- package/shared/locales/en-GB.d.ts +5 -3
- package/shared/locales/en-GB.js +7 -5
- package/shared/locales/en-GB.js.map +1 -1
- package/shared/locales/en-US.d.ts +5 -3
- package/shared/locales/index.d.ts +10 -6
- package/shared/locales/nb-NO.d.ts +5 -3
- package/shared/locales/nb-NO.js +7 -5
- package/shared/locales/nb-NO.js.map +1 -1
- package/shared/types.d.ts +5 -0
- package/shared/types.js.map +1 -1
- package/shared/useTheme.d.ts +1 -0
- package/style/dnb-ui-components.css +359 -171
- package/style/dnb-ui-components.min.css +3 -3
- package/style/dnb-ui-elements.css +25 -5
- package/style/dnb-ui-elements.min.css +1 -1
- package/style/dnb-ui-extensions.css +45 -15
- package/style/dnb-ui-extensions.min.css +1 -1
- package/style/dnb-ui-forms.css +45 -15
- package/style/dnb-ui-forms.min.css +1 -1
- package/style/dnb-ui-forms.scss +1 -0
- package/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -5
- package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-components.css +421 -195
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +4 -4
- package/style/themes/theme-eiendom/eiendom-theme-elements.css +25 -5
- package/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-extensions.css +45 -15
- package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-forms.css +45 -15
- package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-basis.css +26 -5
- package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.css +464 -204
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
- package/style/themes/theme-sbanken/sbanken-theme-elements.css +26 -5
- package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-extensions.css +45 -15
- package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-forms.css +45 -15
- package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/style/themes/theme-ui/prism/dnb-prism-theme.d.ts +3 -3
- package/style/themes/theme-ui/ui-theme-basis.css +25 -5
- package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-components.css +421 -195
- package/style/themes/theme-ui/ui-theme-components.min.css +4 -4
- package/style/themes/theme-ui/ui-theme-elements.css +25 -5
- package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-extensions.css +45 -15
- package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-forms.css +45 -15
- package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-tags.css +25 -5
- package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/umd/dnb-ui-basis.min.js +1 -1
- package/umd/dnb-ui-components.min.js +1 -1
- package/umd/dnb-ui-elements.min.js +1 -1
- package/umd/dnb-ui-extensions.min.js +3 -3
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/components/table/TableAccordionContent.d.ts +0 -18
- package/cjs/components/table/TableAccordionContent.js.map +0 -1
- package/components/table/TableAccordionContent.d.ts +0 -18
- package/components/table/TableAccordionContent.js.map +0 -1
- package/es/components/table/TableAccordionContent.d.ts +0 -18
- package/es/components/table/TableAccordionContent.js.map +0 -1
|
@@ -1,8 +1,41 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import type { FieldProps, Identifier } from '../types';
|
|
3
|
+
export type FieldErrorIdsRef = Record<StateTypes, string>;
|
|
4
|
+
export type MountedFieldsRef = Record<Identifier, boolean>;
|
|
5
|
+
export type StateTypes = 'error' | 'warning' | 'info';
|
|
6
|
+
export type StateContent = FieldProps<unknown>['error'] | FieldProps<unknown>['warning'] | FieldProps<unknown>['info'];
|
|
7
|
+
export type StateBasis = {
|
|
8
|
+
identifier: Identifier;
|
|
9
|
+
type: StateTypes;
|
|
10
|
+
state: StateContent;
|
|
11
|
+
stateId?: string;
|
|
12
|
+
showInitially?: boolean;
|
|
13
|
+
show?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export type StateRecord = Record<Identifier, Array<Omit<StateBasis, 'identifier'>>>;
|
|
16
|
+
export type StateMessage = React.ReactNode;
|
|
17
|
+
export type StateWithMessage = StateBasis & {
|
|
18
|
+
message: StateMessage;
|
|
19
|
+
};
|
|
20
|
+
export type StatesWithMessages = StateBasis & {
|
|
21
|
+
messages: Array<StateWithMessage>;
|
|
22
|
+
};
|
|
23
|
+
export type StatusContentState = {
|
|
24
|
+
id: string;
|
|
25
|
+
text: React.ReactNode;
|
|
26
|
+
};
|
|
27
|
+
export type StatusContent = {
|
|
28
|
+
error: StatusContentState;
|
|
29
|
+
warning: StatusContentState;
|
|
30
|
+
info: StatusContentState;
|
|
31
|
+
};
|
|
32
|
+
export type FieldBlockContextProps = {
|
|
33
|
+
setFieldState?: ({ identifier, type, stateId, state, showInitially, show, }: StateBasis) => void;
|
|
34
|
+
showFieldError?: (identifier: Identifier, showError: boolean) => void;
|
|
35
|
+
hasErrorProp?: boolean;
|
|
36
|
+
composition?: true;
|
|
37
|
+
fieldStateIdsRef?: React.MutableRefObject<FieldErrorIdsRef>;
|
|
38
|
+
mountedFieldsRef?: React.MutableRefObject<MountedFieldsRef>;
|
|
39
|
+
};
|
|
40
|
+
declare const FieldBlockContext: React.Context<FieldBlockContextProps>;
|
|
8
41
|
export default FieldBlockContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldBlockContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","FieldBlockContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlockContext.ts"],"sourcesContent":["import React from 'react'\nimport {
|
|
1
|
+
{"version":3,"file":"FieldBlockContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","FieldBlockContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlockContext.ts"],"sourcesContent":["import React from 'react'\nimport type { FieldProps, Identifier } from '../types'\n\nexport type FieldErrorIdsRef = Record<StateTypes, string>\nexport type MountedFieldsRef = Record<Identifier, boolean>\nexport type StateTypes = 'error' | 'warning' | 'info'\nexport type StateContent =\n | FieldProps<unknown>['error']\n | FieldProps<unknown>['warning']\n | FieldProps<unknown>['info']\nexport type StateBasis = {\n identifier: Identifier\n type: StateTypes\n state: StateContent\n stateId?: string\n showInitially?: boolean\n show?: boolean\n}\nexport type StateRecord = Record<\n Identifier,\n Array<Omit<StateBasis, 'identifier'>>\n>\nexport type StateMessage = React.ReactNode\nexport type StateWithMessage = StateBasis & {\n message: StateMessage\n}\nexport type StatesWithMessages = StateBasis & {\n messages: Array<StateWithMessage>\n}\nexport type StatusContentState = { id: string; text: React.ReactNode }\nexport type StatusContent = {\n error: StatusContentState\n warning: StatusContentState\n info: StatusContentState\n}\n\nexport type FieldBlockContextProps = {\n setFieldState?: ({\n identifier,\n type,\n stateId,\n state,\n showInitially,\n show,\n }: StateBasis) => void\n showFieldError?: (identifier: Identifier, showError: boolean) => void\n hasErrorProp?: boolean\n composition?: true\n fieldStateIdsRef?: React.MutableRefObject<FieldErrorIdsRef>\n mountedFieldsRef?: React.MutableRefObject<MountedFieldsRef>\n}\n\nconst FieldBlockContext = React.createContext<\n FieldBlockContextProps | undefined\n>(undefined)\n\nexport default FieldBlockContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAoDzB,MAAMG,iBAAiB,GAAGC,cAAK,CAACC,aAAa,CAE3CC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,iBAAiB;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.fieldBlockProperties = void 0;
|
|
7
|
+
const fieldBlockProperties = {
|
|
8
|
+
label: {
|
|
9
|
+
doc: 'Field label to show above / before the input feature.',
|
|
10
|
+
type: 'string',
|
|
11
|
+
status: 'optional'
|
|
12
|
+
},
|
|
13
|
+
labelDescription: {
|
|
14
|
+
doc: 'A more discreet text displayed beside the label (i.e for "(optional)").',
|
|
15
|
+
type: 'string',
|
|
16
|
+
status: 'optional'
|
|
17
|
+
},
|
|
18
|
+
labelSize: {
|
|
19
|
+
doc: 'Define one of the following [heading size](/uilib/elements/heading/): `medium` or `large`.',
|
|
20
|
+
type: ['string', 'false'],
|
|
21
|
+
status: 'optional'
|
|
22
|
+
},
|
|
23
|
+
layout: {
|
|
24
|
+
doc: 'Layout for the label and input. Can be `horizontal` or `vertical`.',
|
|
25
|
+
type: 'string',
|
|
26
|
+
status: 'optional'
|
|
27
|
+
},
|
|
28
|
+
width: {
|
|
29
|
+
doc: '`small`, `medium`, `large`, `stretch` or `false` for predefined standard widths.',
|
|
30
|
+
type: ['string', 'false'],
|
|
31
|
+
status: 'optional'
|
|
32
|
+
},
|
|
33
|
+
contentWidth: {
|
|
34
|
+
doc: '`small`, `medium`, `large`, `stretch` or `false` for predefined standard widths.',
|
|
35
|
+
type: ['string', 'false'],
|
|
36
|
+
status: 'optional'
|
|
37
|
+
},
|
|
38
|
+
composition: {
|
|
39
|
+
doc: 'Use `true` for when you have more than one field wrapped.',
|
|
40
|
+
type: 'string',
|
|
41
|
+
status: 'optional'
|
|
42
|
+
},
|
|
43
|
+
asFieldset: {
|
|
44
|
+
doc: 'Use `true` when you have several form elements. This way a `fieldset` with a `legend` is used.',
|
|
45
|
+
type: 'boolean',
|
|
46
|
+
status: 'optional'
|
|
47
|
+
},
|
|
48
|
+
disabled: {
|
|
49
|
+
doc: 'Set `true` to make the inner [FormLabel](/uilib/components/form-label/) behave as disabled.',
|
|
50
|
+
type: 'boolean',
|
|
51
|
+
status: 'optional'
|
|
52
|
+
},
|
|
53
|
+
'[Space](/uilib/layout/space/properties)': {
|
|
54
|
+
doc: 'Spacing properties like `top` or `bottom` are supported.',
|
|
55
|
+
type: ['string', 'object'],
|
|
56
|
+
status: 'optional'
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
exports.fieldBlockProperties = fieldBlockProperties;
|
|
60
|
+
//# sourceMappingURL=FieldBlockDocs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldBlockDocs.js","names":["fieldBlockProperties","label","doc","type","status","labelDescription","labelSize","layout","width","contentWidth","composition","asFieldset","disabled","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlockDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const fieldBlockProperties: PropertiesTableProps = {\n label: {\n doc: 'Field label to show above / before the input feature.',\n type: 'string',\n status: 'optional',\n },\n labelDescription: {\n doc: 'A more discreet text displayed beside the label (i.e for \"(optional)\").',\n type: 'string',\n status: 'optional',\n },\n labelSize: {\n doc: 'Define one of the following [heading size](/uilib/elements/heading/): `medium` or `large`.',\n type: ['string', 'false'],\n status: 'optional',\n },\n layout: {\n doc: 'Layout for the label and input. Can be `horizontal` or `vertical`.',\n type: 'string',\n status: 'optional',\n },\n width: {\n doc: '`small`, `medium`, `large`, `stretch` or `false` for predefined standard widths.',\n type: ['string', 'false'],\n status: 'optional',\n },\n contentWidth: {\n doc: '`small`, `medium`, `large`, `stretch` or `false` for predefined standard widths.',\n type: ['string', 'false'],\n status: 'optional',\n },\n composition: {\n doc: 'Use `true` for when you have more than one field wrapped.',\n type: 'string',\n status: 'optional',\n },\n asFieldset: {\n doc: 'Use `true` when you have several form elements. This way a `fieldset` with a `legend` is used.',\n type: 'boolean',\n status: 'optional',\n },\n disabled: {\n doc: 'Set `true` to make the inner [FormLabel](/uilib/components/form-label/) behave as disabled.',\n type: 'boolean',\n status: 'optional',\n },\n '[Space](/uilib/layout/space/properties)': {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,KAAK,EAAE;IACLC,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBH,GAAG,EAAE,yEAAyE;IAC9EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,SAAS,EAAE;IACTJ,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDG,MAAM,EAAE;IACNL,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDK,YAAY,EAAE;IACZP,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,gGAAgG;IACrGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAS,OAAA,CAAAb,oBAAA,GAAAA,oBAAA"}
|
|
@@ -38,10 +38,10 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
38
38
|
display: grid;
|
|
39
39
|
}
|
|
40
40
|
@media screen and (max-width: 40em) {
|
|
41
|
-
.dnb-forms-field-block__grid {
|
|
41
|
+
.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid {
|
|
42
42
|
flex-wrap: wrap;
|
|
43
43
|
}
|
|
44
|
-
.dnb-forms-field-block__grid > .dnb-form-label {
|
|
44
|
+
.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid > .dnb-form-label {
|
|
45
45
|
margin-bottom: 0.5rem;
|
|
46
46
|
margin-top: 0.5rem;
|
|
47
47
|
}
|
|
@@ -84,6 +84,11 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
84
84
|
.dnb-forms-field-block__status .dnb-form-status__shell {
|
|
85
85
|
margin-top: 0.5rem;
|
|
86
86
|
}
|
|
87
|
+
@media screen and (max-width: 15em) {
|
|
88
|
+
.dnb-forms-field-block__status {
|
|
89
|
+
width: 90%;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
87
92
|
.dnb-forms-field-block__contents {
|
|
88
93
|
grid-area: contents;
|
|
89
94
|
width: 100%;
|
|
@@ -101,4 +106,26 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
101
106
|
.dnb-forms-field-block__contents--width-large {
|
|
102
107
|
width: var(--forms-field-width--large);
|
|
103
108
|
}
|
|
109
|
+
}
|
|
110
|
+
.dnb-forms-field-block__contents__composition--vertical {
|
|
111
|
+
display: flex;
|
|
112
|
+
flex-flow: column;
|
|
113
|
+
row-gap: var(--spacing-small);
|
|
114
|
+
}
|
|
115
|
+
.dnb-forms-field-block__contents__composition--horizontal {
|
|
116
|
+
display: flex;
|
|
117
|
+
flex-flow: row;
|
|
118
|
+
-moz-column-gap: var(--spacing-small);
|
|
119
|
+
column-gap: var(--spacing-small);
|
|
120
|
+
}
|
|
121
|
+
@media screen and (min-width: 25em) {
|
|
122
|
+
.dnb-forms-field-block__contents__composition--horizontal {
|
|
123
|
+
align-items: flex-end;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
@media screen and (max-width: 25em) {
|
|
127
|
+
.dnb-forms-field-block__contents__composition--horizontal {
|
|
128
|
+
row-gap: var(--spacing-x-small);
|
|
129
|
+
flex-flow: column;
|
|
130
|
+
}
|
|
104
131
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block{width:100%}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}
|
|
1
|
+
:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block{width:100%}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}
|
|
@@ -28,7 +28,9 @@ fieldset.dnb-forms-field-block {
|
|
|
28
28
|
|
|
29
29
|
&__grid {
|
|
30
30
|
display: grid;
|
|
31
|
+
}
|
|
31
32
|
|
|
33
|
+
&--layout-vertical &__grid {
|
|
32
34
|
@include formLabelWrap();
|
|
33
35
|
}
|
|
34
36
|
|
|
@@ -83,6 +85,10 @@ fieldset.dnb-forms-field-block {
|
|
|
83
85
|
.dnb-form-status__shell {
|
|
84
86
|
margin-top: 0.5rem; // set margin-top on shell, so we can animate the height
|
|
85
87
|
}
|
|
88
|
+
|
|
89
|
+
@include allBelow(xx-small) {
|
|
90
|
+
width: 90%;
|
|
91
|
+
}
|
|
86
92
|
}
|
|
87
93
|
|
|
88
94
|
&__contents {
|
|
@@ -105,5 +111,27 @@ fieldset.dnb-forms-field-block {
|
|
|
105
111
|
}
|
|
106
112
|
}
|
|
107
113
|
}
|
|
114
|
+
|
|
115
|
+
&__composition {
|
|
116
|
+
&--vertical {
|
|
117
|
+
display: flex;
|
|
118
|
+
flex-flow: column;
|
|
119
|
+
row-gap: var(--spacing-small);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
&--horizontal {
|
|
123
|
+
display: flex;
|
|
124
|
+
flex-flow: row;
|
|
125
|
+
column-gap: var(--spacing-small);
|
|
126
|
+
|
|
127
|
+
@include allAbove(x-small) {
|
|
128
|
+
align-items: flex-end;
|
|
129
|
+
}
|
|
130
|
+
@include allBelow(x-small) {
|
|
131
|
+
row-gap: var(--spacing-x-small);
|
|
132
|
+
flex-flow: column;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
}
|
|
108
136
|
}
|
|
109
137
|
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _Provider = _interopRequireDefault(require("../../../../shared/Provider"));
|
|
10
|
+
const _excluded = ["children", "size"];
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
14
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
15
|
+
function FormAppearance(_ref) {
|
|
16
|
+
let {
|
|
17
|
+
children,
|
|
18
|
+
size = null
|
|
19
|
+
} = _ref,
|
|
20
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
+
return _react.default.createElement(_Provider.default, _extends({
|
|
22
|
+
Input: {
|
|
23
|
+
size
|
|
24
|
+
},
|
|
25
|
+
DatePicker: {
|
|
26
|
+
size
|
|
27
|
+
},
|
|
28
|
+
Autocomplete: {
|
|
29
|
+
size
|
|
30
|
+
},
|
|
31
|
+
Dropdown: {
|
|
32
|
+
size
|
|
33
|
+
}
|
|
34
|
+
}, rest), children);
|
|
35
|
+
}
|
|
36
|
+
var _default = FormAppearance;
|
|
37
|
+
exports.default = _default;
|
|
38
|
+
//# sourceMappingURL=Appearance.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Appearance.js","names":["_react","_interopRequireDefault","require","_Provider","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","FormAppearance","_ref","children","size","rest","createElement","Input","DatePicker","Autocomplete","Dropdown","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Appearance/Appearance.tsx"],"sourcesContent":["import React from 'react'\nimport Provider from '../../../../shared/Provider'\n\nexport type Props = {\n size?: 'medium' | 'large'\n children: React.ReactNode\n}\n\nfunction FormAppearance({ children, size = null, ...rest }: Props) {\n return (\n <Provider\n Input={{ size }}\n DatePicker={{ size }}\n Autocomplete={{ size }}\n Dropdown={{ size }}\n {...rest}\n >\n {children}\n </Provider>\n )\n}\n\nexport default FormAppearance\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAkD,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAOlD,SAASmB,cAAcA,CAAAC,IAAA,EAA4C;EAAA,IAA3C;MAAEC,QAAQ;MAAEC,IAAI,GAAG;IAAqB,CAAC,GAAAF,IAAA;IAAbG,IAAI,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EACtD,OACEJ,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAACjC,SAAA,CAAAI,OAAQ,EAAAC,QAAA;IACP6B,KAAK,EAAE;MAAEH;IAAK,CAAE;IAChBI,UAAU,EAAE;MAAEJ;IAAK,CAAE;IACrBK,YAAY,EAAE;MAAEL;IAAK,CAAE;IACvBM,QAAQ,EAAE;MAAEN;IAAK;EAAE,GACfC,IAAI,GAEPF,QACO,CAAC;AAEf;AAAC,IAAAQ,QAAA,GAEcV,cAAc;AAAAW,OAAA,CAAAnC,OAAA,GAAAkC,QAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FormAppearanceProperties = void 0;
|
|
7
|
+
const FormAppearanceProperties = {
|
|
8
|
+
size: {
|
|
9
|
+
doc: 'The sizes you can choose is `medium` and `large`.',
|
|
10
|
+
type: 'string',
|
|
11
|
+
status: 'optional'
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
exports.FormAppearanceProperties = FormAppearanceProperties;
|
|
15
|
+
//# sourceMappingURL=AppearanceDocs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppearanceDocs.js","names":["FormAppearanceProperties","size","doc","type","status","exports"],"sources":["../../../../../../src/extensions/forms/Form/Appearance/AppearanceDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const FormAppearanceProperties: PropertiesTableProps = {\n size: {\n doc: 'The sizes you can choose is `medium` and `large`.',\n type: 'string',\n status: 'optional',\n },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,wBAA8C,GAAG;EAC5DC,IAAI,EAAE;IACJC,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC;AAAAC,OAAA,CAAAL,wBAAA,GAAAA,wBAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {};
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _Appearance.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _Appearance = _interopRequireWildcard(require("./Appearance"));
|
|
14
|
+
Object.keys(_Appearance).forEach(function (key) {
|
|
15
|
+
if (key === "default" || key === "__esModule") return;
|
|
16
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
17
|
+
if (key in exports && exports[key] === _Appearance[key]) return;
|
|
18
|
+
Object.defineProperty(exports, key, {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _Appearance[key];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Appearance","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../../../../src/extensions/forms/Form/Appearance/index.ts"],"sourcesContent":["export { default } from './Appearance'\nexport * from './Appearance'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA4B,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}
|
|
@@ -7,6 +7,12 @@
|
|
|
7
7
|
-moz-column-gap: var(--spacing-small);
|
|
8
8
|
column-gap: var(--spacing-small);
|
|
9
9
|
}
|
|
10
|
+
.dnb-card + .dnb-forms-button-row:not([class*=space__top]) {
|
|
11
|
+
margin-top: var(--spacing-small);
|
|
12
|
+
}
|
|
13
|
+
.dnb-card + .dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top] {
|
|
14
|
+
margin-top: 0;
|
|
15
|
+
}
|
|
10
16
|
@media screen and (min-width: 40em) {
|
|
11
17
|
.dnb-card + .dnb-forms-button-row:not([class*=space__left]) {
|
|
12
18
|
margin-left: var(--spacing-medium);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dnb-forms-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:40em){.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}
|
|
1
|
+
.dnb-forms-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}
|
|
@@ -6,8 +6,16 @@
|
|
|
6
6
|
column-gap: var(--spacing-small);
|
|
7
7
|
|
|
8
8
|
.dnb-card + & {
|
|
9
|
-
&:not([class*='
|
|
10
|
-
|
|
9
|
+
&:not([class*='space__top']) {
|
|
10
|
+
margin-top: var(--spacing-small);
|
|
11
|
+
|
|
12
|
+
.dnb-button[class*='space__top'] {
|
|
13
|
+
margin-top: 0;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@include allAbove(small) {
|
|
18
|
+
&:not([class*='space__left']) {
|
|
11
19
|
margin-left: var(--spacing-medium);
|
|
12
20
|
}
|
|
13
21
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SharedStateId } from '../../../../shared/helpers/useSharedState';
|
|
2
|
-
import type { Path } from '../../
|
|
2
|
+
import type { Path } from '../../types';
|
|
3
3
|
import type { FilterData } from '../../DataContext/Provider';
|
|
4
4
|
type PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}` ? Key extends keyof T ? Rest extends '' ? T[Key] : PathImpl<T[Key], Rest> : never : T[P & keyof T];
|
|
5
5
|
type PathType<T, P extends string> = P extends `/${infer Rest}` ? PathImpl<T, Rest> : never;
|
|
@@ -14,26 +14,10 @@ function useData(id) {
|
|
|
14
14
|
let initialData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
15
15
|
const sharedDataRef = (0, _react.useRef)(null);
|
|
16
16
|
const sharedAttachmentsRef = (0, _react.useRef)(null);
|
|
17
|
-
const hasMounted = (0, _react.useRef)(false);
|
|
18
17
|
const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
|
|
19
|
-
(0, _react.useEffect)(() => {
|
|
20
|
-
hasMounted.current = true;
|
|
21
|
-
return () => {
|
|
22
|
-
hasMounted.current = false;
|
|
23
|
-
};
|
|
24
|
-
}, []);
|
|
25
|
-
const rerenderUseDataHook = (0, _react.useCallback)(() => {
|
|
26
|
-
if (hasMounted.current) {
|
|
27
|
-
if (typeof window !== 'undefined') {
|
|
28
|
-
window.requestAnimationFrame(forceUpdate);
|
|
29
|
-
}
|
|
30
|
-
} else {
|
|
31
|
-
forceUpdate();
|
|
32
|
-
}
|
|
33
|
-
}, []);
|
|
34
18
|
sharedDataRef.current = (0, _useSharedState.useSharedState)(id, initialData, forceUpdate);
|
|
35
19
|
sharedAttachmentsRef.current = (0, _useSharedState.useSharedState)(id + '-attachments', {
|
|
36
|
-
rerenderUseDataHook
|
|
20
|
+
rerenderUseDataHook: forceUpdate
|
|
37
21
|
});
|
|
38
22
|
const setHandler = (0, _react.useCallback)(newData => {
|
|
39
23
|
sharedDataRef.current.update(newData);
|
|
@@ -52,7 +36,7 @@ function useData(id) {
|
|
|
52
36
|
}, []);
|
|
53
37
|
(0, _hooks.useMountEffect)(() => {
|
|
54
38
|
if (id && !sharedDataRef.current.hadInitialData && initialData) {
|
|
55
|
-
sharedDataRef.current.
|
|
39
|
+
sharedDataRef.current.extend(initialData);
|
|
56
40
|
}
|
|
57
41
|
});
|
|
58
42
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useData.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_useSharedState","_hooks","obj","__esModule","default","useData","id","initialData","arguments","length","undefined","sharedDataRef","useRef","sharedAttachmentsRef","
|
|
1
|
+
{"version":3,"file":"useData.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_useSharedState","_hooks","obj","__esModule","default","useData","id","initialData","arguments","length","undefined","sharedDataRef","useRef","sharedAttachmentsRef","forceUpdate","useReducer","current","useSharedState","rerenderUseDataHook","setHandler","useCallback","newData","update","updateHandler","path","fn","existingData","data","existingValue","pointer","has","get","newValue","set","filterData","filter","_sharedAttachmentsRef","_sharedAttachmentsRef2","filterDataHandler","call","useMountEffect","hadInitialData","extend"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import { useCallback, useReducer, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport {\n SharedStateId,\n useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport type { Path } from '../../types'\nimport type {\n FilterData,\n FilterDataHandler,\n} from '../../DataContext/Provider'\nimport { useMountEffect } from '../../hooks'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n ? Key extends keyof T\n ? Rest extends ''\n ? T[Key]\n : PathImpl<T[Key], Rest>\n : never\n : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n ? PathImpl<T, Rest>\n : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n path: P,\n fn: (value: PathType<Data, P>) => unknown\n) => void\n\ntype UseDataReturn<Data> = {\n data: Data\n update: UseDataReturnUpdate<Data>\n set: (newData: Data) => void\n filterData: (filterDataHandler: FilterData) => Partial<Data>\n}\n\ntype SharedAttachment<Data> = {\n rerenderUseDataHook: () => void\n filterDataHandler?: FilterDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data>(\n id: SharedStateId,\n initialData: Data = undefined\n): UseDataReturn<Data> {\n const sharedDataRef =\n useRef<ReturnType<typeof useSharedState<Data>>>(null)\n const sharedAttachmentsRef =\n useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n const [, forceUpdate] = useReducer(() => ({}), {})\n\n sharedDataRef.current = useSharedState<Data>(\n id,\n initialData,\n forceUpdate\n )\n\n sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n id + '-attachments',\n { rerenderUseDataHook: forceUpdate }\n )\n\n const setHandler = useCallback((newData: Data) => {\n sharedDataRef.current.update(newData)\n }, [])\n\n const updateHandler = useCallback<UseDataReturnUpdate<Data>>(\n (path, fn) => {\n const existingData = sharedDataRef.current.data || ({} as Data)\n const existingValue = pointer.has(existingData, path)\n ? pointer.get(existingData, path)\n : undefined\n\n // get new value\n const newValue = fn(existingValue)\n\n // update existing data\n pointer.set(existingData, path, newValue)\n\n // update provider\n sharedDataRef.current.update(existingData)\n },\n []\n )\n\n const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n (filter) => {\n const data = sharedDataRef.current.data\n return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n data,\n filter\n )\n },\n []\n )\n\n useMountEffect(() => {\n if (id && !sharedDataRef.current.hadInitialData && initialData) {\n sharedDataRef.current.extend(initialData)\n }\n })\n\n return {\n data: sharedDataRef.current.data,\n update: updateHandler,\n set: setHandler,\n filterData,\n }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AASA,IAAAI,MAAA,GAAAJ,OAAA;AAA4C,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAuC7B,SAASG,OAAOA,CAC7BC,EAAiB,EAEI;EAAA,IADrBC,WAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;EAE7B,MAAMC,aAAa,GACjB,IAAAC,aAAM,EAA0C,IAAI,CAAC;EACvD,MAAMC,oBAAoB,GACxB,IAAAD,aAAM,EAA4D,IAAI,CAAC;EACzE,MAAM,GAAGE,WAAW,CAAC,GAAG,IAAAC,iBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAElDJ,aAAa,CAACK,OAAO,GAAG,IAAAC,8BAAc,EACpCX,EAAE,EACFC,WAAW,EACXO,WACF,CAAC;EAEDD,oBAAoB,CAACG,OAAO,GAAG,IAAAC,8BAAc,EAC3CX,EAAE,GAAG,cAAc,EACnB;IAAEY,mBAAmB,EAAEJ;EAAY,CACrC,CAAC;EAED,MAAMK,UAAU,GAAG,IAAAC,kBAAW,EAAEC,OAAa,IAAK;IAChDV,aAAa,CAACK,OAAO,CAACM,MAAM,CAACD,OAAO,CAAC;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,aAAa,GAAG,IAAAH,kBAAW,EAC/B,CAACI,IAAI,EAAEC,EAAE,KAAK;IACZ,MAAMC,YAAY,GAAGf,aAAa,CAACK,OAAO,CAACW,IAAI,IAAK,CAAC,CAAU;IAC/D,MAAMC,aAAa,GAAGC,oBAAO,CAACC,GAAG,CAACJ,YAAY,EAAEF,IAAI,CAAC,GACjDK,oBAAO,CAACE,GAAG,CAACL,YAAY,EAAEF,IAAI,CAAC,GAC/Bd,SAAS;IAGb,MAAMsB,QAAQ,GAAGP,EAAE,CAACG,aAAa,CAAC;IAGlCC,oBAAO,CAACI,GAAG,CAACP,YAAY,EAAEF,IAAI,EAAEQ,QAAQ,CAAC;IAGzCrB,aAAa,CAACK,OAAO,CAACM,MAAM,CAACI,YAAY,CAAC;EAC5C,CAAC,EACD,EACF,CAAC;EAED,MAAMQ,UAAU,GAAG,IAAAd,kBAAW,EAC3Be,MAAM,IAAK;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IACV,MAAMV,IAAI,GAAGhB,aAAa,CAACK,OAAO,CAACW,IAAI;IACvC,QAAAS,qBAAA,GAAOvB,oBAAoB,CAACG,OAAO,CAACW,IAAI,cAAAS,qBAAA,wBAAAC,sBAAA,GAAjCD,qBAAA,CAAmCE,iBAAiB,cAAAD,sBAAA,uBAApDA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EACLT,IAAI,EACJQ,MACF,CAAC;EACH,CAAC,EACD,EACF,CAAC;EAED,IAAAK,qBAAc,EAAC,MAAM;IACnB,IAAIlC,EAAE,IAAI,CAACK,aAAa,CAACK,OAAO,CAACyB,cAAc,IAAIlC,WAAW,EAAE;MAC9DI,aAAa,CAACK,OAAO,CAAC0B,MAAM,CAACnC,WAAW,CAAC;IAC3C;EACF,CAAC,CAAC;EAEF,OAAO;IACLoB,IAAI,EAAEhB,aAAa,CAACK,OAAO,CAACW,IAAI;IAChCL,MAAM,EAAEC,aAAa;IACrBU,GAAG,EAAEd,UAAU;IACfe;EACF,CAAC;AACH"}
|
|
@@ -8,11 +8,13 @@ exports.default = useError;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _useSharedState = require("../../../../shared/helpers/useSharedState");
|
|
10
10
|
function useError(id) {
|
|
11
|
-
var _sharedAttachmentsRef, _sharedAttachmentsRef2;
|
|
12
11
|
const sharedAttachmentsRef = (0, _react.useRef)(null);
|
|
13
12
|
sharedAttachmentsRef.current = (0, _useSharedState.useSharedState)(id + '-attachments');
|
|
13
|
+
const {
|
|
14
|
+
data
|
|
15
|
+
} = sharedAttachmentsRef.current;
|
|
14
16
|
return {
|
|
15
|
-
hasErrors: (
|
|
17
|
+
hasErrors: (data === null || data === void 0 ? void 0 : data.hasErrors) || (() => false)
|
|
16
18
|
};
|
|
17
19
|
}
|
|
18
20
|
//# sourceMappingURL=useError.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useError.js","names":["_react","require","_useSharedState","useError","id","
|
|
1
|
+
{"version":3,"file":"useError.js","names":["_react","require","_useSharedState","useError","id","sharedAttachmentsRef","useRef","current","useSharedState","data","hasErrors"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useError.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\nimport type { ContextState } from '../../DataContext/Context'\n\ntype UseDataReturn = {\n hasErrors: ContextState['hasErrors']\n}\n\nexport default function useError(id: string): UseDataReturn {\n const sharedAttachmentsRef = useRef(null)\n sharedAttachmentsRef.current = useSharedState<UseDataReturn>(\n id + '-attachments'\n )\n\n const { data } = sharedAttachmentsRef.current\n\n return {\n hasErrors: data?.hasErrors || (() => false),\n }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAOe,SAASE,QAAQA,CAACC,EAAU,EAAiB;EAC1D,MAAMC,oBAAoB,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACzCD,oBAAoB,CAACE,OAAO,GAAG,IAAAC,8BAAc,EAC3CJ,EAAE,GAAG,cACP,CAAC;EAED,MAAM;IAAEK;EAAK,CAAC,GAAGJ,oBAAoB,CAACE,OAAO;EAE7C,OAAO;IACLG,SAAS,EAAE,CAAAD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,SAAS,MAAK,MAAM,KAAK;EAC5C,CAAC;AACH"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as Handler } from './Handler';
|
|
2
2
|
export { default as Element } from './Element';
|
|
3
|
+
export { default as Appearance } from './Appearance';
|
|
3
4
|
export { default as SubmitButton } from './SubmitButton';
|
|
4
5
|
export { default as ButtonRow } from './ButtonRow';
|
|
5
6
|
export { default as MainHeading } from './MainHeading';
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "Appearance", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Appearance.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "ButtonRow", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function () {
|
|
@@ -71,6 +77,7 @@ Object.defineProperty(exports, "useError", {
|
|
|
71
77
|
});
|
|
72
78
|
var _Handler = _interopRequireDefault(require("./Handler"));
|
|
73
79
|
var _Element = _interopRequireDefault(require("./Element"));
|
|
80
|
+
var _Appearance = _interopRequireDefault(require("./Appearance"));
|
|
74
81
|
var _SubmitButton = _interopRequireDefault(require("./SubmitButton"));
|
|
75
82
|
var _ButtonRow = _interopRequireDefault(require("./ButtonRow"));
|
|
76
83
|
var _MainHeading = _interopRequireDefault(require("./MainHeading"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Handler","_interopRequireDefault","require","_Element","_SubmitButton","_ButtonRow","_MainHeading","_SubHeading","_Visibility","_useData","_setData","_getData","_useError","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as useData } from './data-context/useData'\nexport { default as setData } from './data-context/setData'\nexport { default as getData } from './data-context/getData'\nexport { default as useError } from './data-context/useError'\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Handler","_interopRequireDefault","require","_Element","_Appearance","_SubmitButton","_ButtonRow","_MainHeading","_SubHeading","_Visibility","_useData","_setData","_getData","_useError","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as Appearance } from './Appearance'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as useData } from './data-context/useData'\nexport { default as setData } from './data-context/setData'\nexport { default as getData } from './data-context/getData'\nexport { default as useError } from './data-context/useError'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,QAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,QAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,QAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,SAAA,GAAAZ,sBAAA,CAAAC,OAAA;AAA6D,SAAAD,uBAAAa,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _defaults = require("../../../../shared/defaults");
|
|
8
9
|
var _Number = _interopRequireDefault(require("../Number"));
|
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
11
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -15,8 +16,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
|
|
|
15
16
|
function Currency(props) {
|
|
16
17
|
var _props$currency;
|
|
17
18
|
const numberProps = _objectSpread(_objectSpread({}, props), {}, {
|
|
18
|
-
|
|
19
|
-
currency: (_props$currency = props.currency) !== null && _props$currency !== void 0 ? _props$currency : true
|
|
19
|
+
currency: (_props$currency = props.currency) !== null && _props$currency !== void 0 ? _props$currency : _defaults.CURRENCY
|
|
20
20
|
});
|
|
21
21
|
return _react.default.createElement(_Number.default, numberProps);
|
|
22
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Currency.js","names":["_react","_interopRequireDefault","require","_Number","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","Currency","props","_props$currency","numberProps","
|
|
1
|
+
{"version":3,"file":"Currency.js","names":["_react","_interopRequireDefault","require","_defaults","_Number","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","Currency","props","_props$currency","numberProps","currency","CURRENCY","createElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/Currency/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport { CURRENCY } from '../../../../shared/defaults'\nimport NumberValue, { Props as NumberValueProps } from '../Number'\n\nexport type Props = NumberValueProps\n\nfunction Currency(props: Props) {\n const numberProps: Props = {\n ...props,\n currency: props.currency ?? CURRENCY,\n }\n\n return <NumberValue {...numberProps} />\n}\n\nCurrency._supportsSpacingProps = true\nexport default Currency\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAkE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAAxB,GAAA,EAAAuB,GAAA,EAAAK,KAAA,IAAAL,GAAA,GAAAM,cAAA,CAAAN,GAAA,OAAAA,GAAA,IAAAvB,GAAA,IAAAO,MAAA,CAAAoB,cAAA,CAAA3B,GAAA,EAAAuB,GAAA,IAAAK,KAAA,EAAAA,KAAA,EAAAf,UAAA,QAAAiB,YAAA,QAAAC,QAAA,oBAAA/B,GAAA,CAAAuB,GAAA,IAAAK,KAAA,WAAA5B,GAAA;AAAA,SAAA6B,eAAAG,GAAA,QAAAT,GAAA,GAAAU,YAAA,CAAAD,GAAA,2BAAAT,GAAA,gBAAAA,GAAA,GAAAW,MAAA,CAAAX,GAAA;AAAA,SAAAU,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAIlE,SAASU,QAAQA,CAACC,KAAY,EAAE;EAAA,IAAAC,eAAA;EAC9B,MAAMC,WAAkB,GAAAhC,aAAA,CAAAA,aAAA,KACnB8B,KAAK;IACRG,QAAQ,GAAAF,eAAA,GAAED,KAAK,CAACG,QAAQ,cAAAF,eAAA,cAAAA,eAAA,GAAIG;EAAQ,EACrC;EAED,OAAOvD,MAAA,CAAAO,OAAA,CAAAiD,aAAA,CAACpD,OAAA,CAAAG,OAAW,EAAK8C,WAAc,CAAC;AACzC;AAEAH,QAAQ,CAACO,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACtBR,QAAQ;AAAAS,OAAA,CAAApD,OAAA,GAAAmD,QAAA"}
|