@dnb/eufemia 10.39.0 → 10.40.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 +14 -0
- package/cjs/components/badge/Badge.js +2 -1
- package/cjs/components/badge/Badge.js.map +1 -1
- package/cjs/components/badge/style/dnb-badge.css +6 -0
- package/cjs/components/badge/style/dnb-badge.min.css +1 -1
- package/cjs/components/badge/style/dnb-badge.scss +12 -0
- package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +3 -3
- package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -1
- package/cjs/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js +2 -2
- package/cjs/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js.map +1 -1
- package/cjs/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +6 -5
- package/cjs/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
- package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js +2 -2
- package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
- package/cjs/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js +3 -3
- package/cjs/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map +1 -1
- package/cjs/extensions/forms/Wizard/EditButton/EditButton.js +2 -2
- package/cjs/extensions/forms/Wizard/EditButton/EditButton.js.map +1 -1
- package/cjs/extensions/forms/Wizard/NextButton/NextButton.js +2 -2
- package/cjs/extensions/forms/Wizard/NextButton/NextButton.js.map +1 -1
- package/cjs/extensions/forms/Wizard/PreviousButton/PreviousButton.js +2 -2
- package/cjs/extensions/forms/Wizard/PreviousButton/PreviousButton.js.map +1 -1
- package/cjs/extensions/forms/constants/locales/en-GB.d.ts +28 -8
- package/cjs/extensions/forms/constants/locales/en-GB.js +28 -8
- package/cjs/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/cjs/extensions/forms/constants/locales/en-US.d.ts +28 -8
- package/cjs/extensions/forms/constants/locales/index.d.ts +56 -16
- package/cjs/extensions/forms/constants/locales/nb-NO.d.ts +28 -8
- package/cjs/extensions/forms/constants/locales/nb-NO.js +28 -8
- package/cjs/extensions/forms/constants/locales/nb-NO.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/helpers/isAsync.js +5 -1
- package/cjs/shared/helpers/isAsync.js.map +1 -1
- package/cjs/style/core/scopes.scss +1 -1
- package/cjs/style/dnb-ui-basis.css +1 -1
- package/cjs/style/dnb-ui-basis.min.css +1 -1
- package/cjs/style/dnb-ui-body.css +1 -1
- package/cjs/style/dnb-ui-body.min.css +1 -1
- package/cjs/style/dnb-ui-components.css +6 -0
- package/cjs/style/dnb-ui-components.min.css +1 -1
- package/cjs/style/dnb-ui-core.css +1 -1
- package/cjs/style/dnb-ui-core.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +6 -0
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +6 -0
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-components.css +6 -0
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +1 -1
- package/components/badge/Badge.js +2 -1
- package/components/badge/Badge.js.map +1 -1
- package/components/badge/style/dnb-badge.css +6 -0
- package/components/badge/style/dnb-badge.min.css +1 -1
- package/components/badge/style/dnb-badge.scss +12 -0
- package/es/components/badge/Badge.js +2 -1
- package/es/components/badge/Badge.js.map +1 -1
- package/es/components/badge/style/dnb-badge.css +6 -0
- package/es/components/badge/style/dnb-badge.min.css +1 -1
- package/es/components/badge/style/dnb-badge.scss +12 -0
- package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +3 -3
- package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -1
- package/es/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js +2 -2
- package/es/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js.map +1 -1
- package/es/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +5 -4
- package/es/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
- package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js +2 -2
- package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
- package/es/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js +3 -3
- package/es/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map +1 -1
- package/es/extensions/forms/Wizard/EditButton/EditButton.js +2 -2
- package/es/extensions/forms/Wizard/EditButton/EditButton.js.map +1 -1
- package/es/extensions/forms/Wizard/NextButton/NextButton.js +2 -2
- package/es/extensions/forms/Wizard/NextButton/NextButton.js.map +1 -1
- package/es/extensions/forms/Wizard/PreviousButton/PreviousButton.js +2 -2
- package/es/extensions/forms/Wizard/PreviousButton/PreviousButton.js.map +1 -1
- package/es/extensions/forms/constants/locales/en-GB.d.ts +28 -8
- package/es/extensions/forms/constants/locales/en-GB.js +28 -8
- package/es/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/es/extensions/forms/constants/locales/en-US.d.ts +28 -8
- package/es/extensions/forms/constants/locales/index.d.ts +56 -16
- package/es/extensions/forms/constants/locales/nb-NO.d.ts +28 -8
- package/es/extensions/forms/constants/locales/nb-NO.js +28 -8
- package/es/extensions/forms/constants/locales/nb-NO.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/helpers/isAsync.js +5 -1
- package/es/shared/helpers/isAsync.js.map +1 -1
- package/es/style/core/scopes.scss +1 -1
- package/es/style/dnb-ui-basis.css +1 -1
- package/es/style/dnb-ui-basis.min.css +1 -1
- package/es/style/dnb-ui-body.css +1 -1
- package/es/style/dnb-ui-body.min.css +1 -1
- package/es/style/dnb-ui-components.css +6 -0
- package/es/style/dnb-ui-components.min.css +1 -1
- package/es/style/dnb-ui-core.css +1 -1
- package/es/style/dnb-ui-core.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +6 -0
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +6 -0
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-components.css +6 -0
- package/es/style/themes/theme-ui/ui-theme-components.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/Form/Section/EditContainer/EditToolbarTools.js +3 -3
- package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -1
- package/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js +2 -2
- package/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js.map +1 -1
- package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +5 -4
- package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
- package/extensions/forms/Iterate/RemoveButton/RemoveButton.js +2 -2
- package/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
- package/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js +3 -3
- package/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map +1 -1
- package/extensions/forms/Wizard/EditButton/EditButton.js +2 -2
- package/extensions/forms/Wizard/EditButton/EditButton.js.map +1 -1
- package/extensions/forms/Wizard/NextButton/NextButton.js +2 -2
- package/extensions/forms/Wizard/NextButton/NextButton.js.map +1 -1
- package/extensions/forms/Wizard/PreviousButton/PreviousButton.js +2 -2
- package/extensions/forms/Wizard/PreviousButton/PreviousButton.js.map +1 -1
- package/extensions/forms/constants/locales/en-GB.d.ts +28 -8
- package/extensions/forms/constants/locales/en-GB.js +28 -8
- package/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/extensions/forms/constants/locales/en-US.d.ts +28 -8
- package/extensions/forms/constants/locales/index.d.ts +56 -16
- package/extensions/forms/constants/locales/nb-NO.d.ts +28 -8
- package/extensions/forms/constants/locales/nb-NO.js +28 -8
- package/extensions/forms/constants/locales/nb-NO.js.map +1 -1
- package/package.json +1 -1
- package/shared/Eufemia.d.ts +1 -1
- package/shared/Eufemia.js +2 -2
- package/shared/Eufemia.js.map +1 -1
- package/shared/helpers/isAsync.js +5 -1
- package/shared/helpers/isAsync.js.map +1 -1
- package/style/core/scopes.scss +1 -1
- package/style/dnb-ui-basis.css +1 -1
- package/style/dnb-ui-basis.min.css +1 -1
- package/style/dnb-ui-body.css +1 -1
- package/style/dnb-ui-body.min.css +1 -1
- package/style/dnb-ui-components.css +6 -0
- package/style/dnb-ui-components.min.css +1 -1
- package/style/dnb-ui-core.css +1 -1
- package/style/dnb-ui-core.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-components.css +6 -0
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.css +6 -0
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-components.css +6 -0
- package/style/themes/theme-ui/ui-theme-components.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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,20 @@
|
|
|
3
3
|
All notable changes to @dnb/eufemia will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [10.40.0](https://github.com/dnbexperience/eufemia/compare/v10.39.0...v10.40.0) (2024-07-08)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### :sparkles: Features
|
|
10
|
+
|
|
11
|
+
* **Forms.Wizard:** separate translations for buttons ([#3762](https://github.com/dnbexperience/eufemia/issues/3762)) ([d07a3ef](https://github.com/dnbexperience/eufemia/commit/d07a3ef0f8d52ecc63d6b6d3a92d40aa0f3ab857))
|
|
12
|
+
* **Forms:** translations EditContainer, ViewContainer, RemoveButton ([#3760](https://github.com/dnbexperience/eufemia/issues/3760)) ([d173de2](https://github.com/dnbexperience/eufemia/commit/d173de294e45958bbc787a3c6238cbfa4446f549))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### :bug: Bug Fixes
|
|
16
|
+
|
|
17
|
+
* **Badge:** fix vertical alignment support when used inline ([#3761](https://github.com/dnbexperience/eufemia/issues/3761)) ([5d10fa9](https://github.com/dnbexperience/eufemia/commit/5d10fa90f64a904fe86cf4fd9e96a5ea5396cf2a))
|
|
18
|
+
* **Forms.Handler:** onSubmit support async fn @babel/plugin-transform-async-to-generator ([#3764](https://github.com/dnbexperience/eufemia/issues/3764)) ([340ce12](https://github.com/dnbexperience/eufemia/commit/340ce12b0e50b23bc7047f49ea808221f2059117))
|
|
19
|
+
|
|
6
20
|
## [10.39.0](https://github.com/dnbexperience/eufemia/compare/v10.38.0...v10.39.0) (2024-07-05)
|
|
7
21
|
|
|
8
22
|
|
|
@@ -69,9 +69,10 @@ function Badge(localProps) {
|
|
|
69
69
|
if (!label && contentIsNum) {
|
|
70
70
|
(0, _componentHelper.warn)(`Label required: A Badge with a number as content requires a label describing the content of the badge. This is to ensure correct semantic and accessibility.`);
|
|
71
71
|
}
|
|
72
|
+
const isInline = !children && content;
|
|
72
73
|
return _react.default.createElement("span", _extends({
|
|
73
74
|
role: "status",
|
|
74
|
-
className: (0, _classnames.default)(`dnb-badge dnb-badge--variant-${variant}`, skeletonClasses, spacingClasses, className, horizontal && `dnb-badge--horizontal-${horizontal}`, vertical && `dnb-badge--vertical-${vertical}
|
|
75
|
+
className: (0, _classnames.default)(`dnb-badge dnb-badge--variant-${variant}`, skeletonClasses, spacingClasses, className, horizontal && `dnb-badge--horizontal-${horizontal}`, vertical && `dnb-badge--vertical-${vertical}`, isInline && 'dnb-badge--inline')
|
|
75
76
|
}, props), label && (_span || (_span = _react.default.createElement("span", {
|
|
76
77
|
className: "dnb-sr-only"
|
|
77
78
|
}, label, " "))), content);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","names":["_react","_interopRequireDefault","require","_classnames","_SpacingHelper","_SkeletonHelper","_Context","_componentHelper","_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","defaultProps","label","className","skeleton","children","content","vertical","horizontal","variant","exports","Badge","localProps","_span","context","React","useContext","Context","allProps","extendPropsWithContext","contentProp","props","validateDOMAttributes","createElement","BadgeRoot","BadgeElem","_ref","skeletonClasses","createSkeletonClass","spacingClasses","createSpacingClasses","contentIsNum","variantIsNotification","warn","role","classnames","_supportsSpacingProps","_default"],"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n warn,\n extendPropsWithContext,\n validateDOMAttributes,\n} from '../../shared/component-helper'\n\nexport type BadgeProps = {\n /**\n * Aria label to describe the badge\n * Default: null\n */\n label?: React.ReactNode\n\n /**\n * Custom className on the component root\n * Default: null\n */\n className?: string\n\n /**\n * Skeleton should be applied when loading content\n * Default: null\n */\n skeleton?: SkeletonShow\n\n /**\n * The content to display the badge on top of.\n * Default: null\n */\n children?: React.ReactNode\n\n /**\n * The content of the component.\n * Default: null\n */\n content?: string | number | React.ReactNode\n\n /**\n * The vertical positioning of the component.\n * Default: null\n */\n vertical?: 'bottom' | 'top'\n\n /**\n * The horizontal positioning of the component.\n * Default: null\n */\n horizontal?: 'left' | 'right'\n\n /**\n * The variant of the component.\n * Default: information.\n */\n variant?: 'information' | 'notification'\n}\n\ntype BadgeAndSpacingProps = BadgeProps & SpacingProps\n\nexport const defaultProps = {\n label: null,\n className: null,\n skeleton: false,\n children: null,\n content: null,\n vertical: null,\n horizontal: null,\n variant: 'information',\n}\n\nfunction Badge(localProps: BadgeAndSpacingProps) {\n // Every component should have a context\n const context = React.useContext(Context)\n\n // Extract additional props from global context\n const allProps = extendPropsWithContext(\n localProps,\n defaultProps,\n context?.Badge,\n { skeleton: context?.skeleton }\n )\n\n const {\n label,\n className,\n children, // eslint-disable-line\n skeleton,\n horizontal,\n vertical,\n content: contentProp,\n variant,\n ...props\n } = allProps\n\n validateDOMAttributes(allProps, props)\n\n if (children) {\n return (\n <BadgeRoot>\n {children}\n <BadgeElem />\n </BadgeRoot>\n )\n }\n\n return <BadgeElem />\n\n function BadgeRoot({ children }: { children: React.ReactNode }) {\n return <span className=\"dnb-badge__root\">{children}</span>\n }\n\n function BadgeElem() {\n const skeletonClasses = createSkeletonClass('shape', skeleton, context)\n const spacingClasses = createSpacingClasses(allProps)\n const contentIsNum = typeof contentProp === 'number'\n const variantIsNotification = variant === 'notification'\n\n const content =\n variantIsNotification && contentIsNum && contentProp > 9\n ? '9+'\n : contentProp\n\n if (variantIsNotification && !contentIsNum) {\n warn(\n `Type of content should be a number: A notification badge is best suited to display content of type number.`\n )\n }\n if (!label && contentIsNum) {\n warn(\n `Label required: A Badge with a number as content requires a label describing the content of the badge. This is to ensure correct semantic and accessibility.`\n )\n }\n\n return (\n <span\n role=\"status\"\n className={classnames(\n 'dnb-badge',\n `dnb-badge--variant-${variant}`,\n horizontal && `dnb-badge--horizontal-${horizontal}`,\n vertical && `dnb-badge--vertical-${vertical}`,\n skeletonClasses,\n spacingClasses,\n className\n )}\n {...props}\n >\n {label && <span className=\"dnb-sr-only\">{label} </span>}\n {content}\n </span>\n )\n }\n}\n\nBadge._supportsSpacingProps = true\n\nexport default Badge\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Badge.js","names":["_react","_interopRequireDefault","require","_classnames","_SpacingHelper","_SkeletonHelper","_Context","_componentHelper","_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","defaultProps","label","className","skeleton","children","content","vertical","horizontal","variant","exports","Badge","localProps","_span","context","React","useContext","Context","allProps","extendPropsWithContext","contentProp","props","validateDOMAttributes","createElement","BadgeRoot","BadgeElem","_ref","skeletonClasses","createSkeletonClass","spacingClasses","createSpacingClasses","contentIsNum","variantIsNotification","warn","isInline","role","classnames","_supportsSpacingProps","_default"],"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n warn,\n extendPropsWithContext,\n validateDOMAttributes,\n} from '../../shared/component-helper'\n\nexport type BadgeProps = {\n /**\n * Aria label to describe the badge\n * Default: null\n */\n label?: React.ReactNode\n\n /**\n * Custom className on the component root\n * Default: null\n */\n className?: string\n\n /**\n * Skeleton should be applied when loading content\n * Default: null\n */\n skeleton?: SkeletonShow\n\n /**\n * The content to display the badge on top of.\n * Default: null\n */\n children?: React.ReactNode\n\n /**\n * The content of the component.\n * Default: null\n */\n content?: string | number | React.ReactNode\n\n /**\n * The vertical positioning of the component.\n * Default: null\n */\n vertical?: 'bottom' | 'top'\n\n /**\n * The horizontal positioning of the component.\n * Default: null\n */\n horizontal?: 'left' | 'right'\n\n /**\n * The variant of the component.\n * Default: information.\n */\n variant?: 'information' | 'notification'\n}\n\ntype BadgeAndSpacingProps = BadgeProps & SpacingProps\n\nexport const defaultProps = {\n label: null,\n className: null,\n skeleton: false,\n children: null,\n content: null,\n vertical: null,\n horizontal: null,\n variant: 'information',\n}\n\nfunction Badge(localProps: BadgeAndSpacingProps) {\n // Every component should have a context\n const context = React.useContext(Context)\n\n // Extract additional props from global context\n const allProps = extendPropsWithContext(\n localProps,\n defaultProps,\n context?.Badge,\n { skeleton: context?.skeleton }\n )\n\n const {\n label,\n className,\n children, // eslint-disable-line\n skeleton,\n horizontal,\n vertical,\n content: contentProp,\n variant,\n ...props\n } = allProps\n\n validateDOMAttributes(allProps, props)\n\n if (children) {\n return (\n <BadgeRoot>\n {children}\n <BadgeElem />\n </BadgeRoot>\n )\n }\n\n return <BadgeElem />\n\n function BadgeRoot({ children }: { children: React.ReactNode }) {\n return <span className=\"dnb-badge__root\">{children}</span>\n }\n\n function BadgeElem() {\n const skeletonClasses = createSkeletonClass('shape', skeleton, context)\n const spacingClasses = createSpacingClasses(allProps)\n const contentIsNum = typeof contentProp === 'number'\n const variantIsNotification = variant === 'notification'\n\n const content =\n variantIsNotification && contentIsNum && contentProp > 9\n ? '9+'\n : contentProp\n\n if (variantIsNotification && !contentIsNum) {\n warn(\n `Type of content should be a number: A notification badge is best suited to display content of type number.`\n )\n }\n if (!label && contentIsNum) {\n warn(\n `Label required: A Badge with a number as content requires a label describing the content of the badge. This is to ensure correct semantic and accessibility.`\n )\n }\n\n const isInline = !children && content\n\n return (\n <span\n role=\"status\"\n className={classnames(\n 'dnb-badge',\n `dnb-badge--variant-${variant}`,\n horizontal && `dnb-badge--horizontal-${horizontal}`,\n vertical && `dnb-badge--vertical-${vertical}`,\n isInline && 'dnb-badge--inline',\n skeletonClasses,\n spacingClasses,\n className\n )}\n {...props}\n >\n {label && <span className=\"dnb-sr-only\">{label} </span>}\n {content}\n </span>\n )\n }\n}\n\nBadge._supportsSpacingProps = true\n\nexport default Badge\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dnb-badge{--badge-font-size:var(--font-size-x-small);--badge-width:1.5rem;--badge-height:1.5rem;--badge-border-radius-information:calc(var(--badge-height)/4);--badge-border-radius-notification:calc(var(--badge-height)/2);--badge-line-height:var(--line-height-x-small);align-content:center;align-items:center;display:inline-flex;flex-flow:row wrap;font-size:var(--badge-font-size);font-weight:var(--font-weight-medium);height:var(--badge-height);justify-content:center;white-space:nowrap;width:var(--badge-width)}.dnb-badge,.dnb-core-style .dnb-badge{line-height:var(--badge-line-height)}.dnb-badge__root{display:inline-flex;flex-shrink:0;position:relative;vertical-align:middle}.dnb-badge__root .dnb-badge{display:flex;overflow:hidden;position:absolute;z-index:2}.dnb-badge--variant-notification{border-radius:var(--badge-border-radius-notification)}.dnb-badge--variant-information{border-radius:var(--badge-border-radius-information);min-width:var(--badge-width);padding:0 var(--spacing-xx-small);width:auto}.dnb-badge--horizontal-left{left:0}.dnb-badge--horizontal-right{right:0}.dnb-badge--vertical-bottom{bottom:0}.dnb-badge--vertical-top{top:0}
|
|
1
|
+
.dnb-badge{--badge-font-size:var(--font-size-x-small);--badge-width:1.5rem;--badge-height:1.5rem;--badge-border-radius-information:calc(var(--badge-height)/4);--badge-border-radius-notification:calc(var(--badge-height)/2);--badge-line-height:var(--line-height-x-small);align-content:center;align-items:center;display:inline-flex;flex-flow:row wrap;font-size:var(--badge-font-size);font-weight:var(--font-weight-medium);height:var(--badge-height);justify-content:center;white-space:nowrap;width:var(--badge-width)}.dnb-badge,.dnb-core-style .dnb-badge{line-height:var(--badge-line-height)}.dnb-badge__root{display:inline-flex;flex-shrink:0;position:relative;vertical-align:middle}.dnb-badge__root .dnb-badge{display:flex;overflow:hidden;position:absolute;z-index:2}.dnb-badge--variant-notification{border-radius:var(--badge-border-radius-notification)}.dnb-badge--variant-information{border-radius:var(--badge-border-radius-information);min-width:var(--badge-width);padding:0 var(--spacing-xx-small);width:auto}.dnb-badge--horizontal-left{left:0}.dnb-badge--horizontal-right{right:0}.dnb-badge--vertical-bottom{bottom:0}.dnb-badge--vertical-top{top:0}.dnb-badge--inline.dnb-badge--vertical-top{transform:translateY(-25%)}.dnb-badge--inline.dnb-badge--vertical-bottom{transform:translateY(25%)}
|
|
@@ -71,4 +71,16 @@
|
|
|
71
71
|
&--vertical-top {
|
|
72
72
|
top: 0;
|
|
73
73
|
}
|
|
74
|
+
|
|
75
|
+
&--inline {
|
|
76
|
+
&.dnb-badge--vertical-top {
|
|
77
|
+
// 1/4 of the badge height
|
|
78
|
+
transform: translateY(-25%);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
&.dnb-badge--vertical-bottom {
|
|
82
|
+
// 1/4 of the badge height
|
|
83
|
+
transform: translateY(25%);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
74
86
|
}
|
|
@@ -28,7 +28,7 @@ function EditToolbarTools() {
|
|
|
28
28
|
hasVisibleError,
|
|
29
29
|
hasSubmitError
|
|
30
30
|
} = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
|
|
31
|
-
const translation = (0, _useTranslation.default)().
|
|
31
|
+
const translation = (0, _useTranslation.default)().SectionEditContainer;
|
|
32
32
|
const [showError, setShowError] = (0, _react.useState)(false);
|
|
33
33
|
const cancelHandler = (0, _react.useCallback)(() => {
|
|
34
34
|
if (hasSubmitError) {
|
|
@@ -57,11 +57,11 @@ function EditToolbarTools() {
|
|
|
57
57
|
icon: _icons.check,
|
|
58
58
|
icon_position: "left",
|
|
59
59
|
on_click: doneHandler
|
|
60
|
-
}, translation.
|
|
60
|
+
}, translation.doneButton), _react.default.createElement(_components.Button, {
|
|
61
61
|
variant: "tertiary",
|
|
62
62
|
icon: _icons.close,
|
|
63
63
|
icon_position: "left",
|
|
64
64
|
on_click: cancelHandler
|
|
65
|
-
}, translation.
|
|
65
|
+
}, translation.cancelButton)));
|
|
66
66
|
}
|
|
67
67
|
//# sourceMappingURL=EditToolbarTools.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_SectionContainerContext","_FieldBoundaryContext","_icons","_useContainerDataStore","_useEditContainerToolbar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EditToolbarTools","useEditContainerToolbar","restoreOriginalData","useContainerDataStore","switchContainerMode","useContext","SectionContainerContext","hasVisibleError","hasSubmitError","FieldBoundaryContext","translation","useTranslation","
|
|
1
|
+
{"version":3,"file":"EditToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_SectionContainerContext","_FieldBoundaryContext","_icons","_useContainerDataStore","_useEditContainerToolbar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EditToolbarTools","useEditContainerToolbar","restoreOriginalData","useContainerDataStore","switchContainerMode","useContext","SectionContainerContext","hasVisibleError","hasSubmitError","FieldBoundaryContext","translation","useTranslation","SectionEditContainer","showError","setShowError","useState","cancelHandler","useCallback","doneHandler","createElement","Fragment","FormStatus","show","no_animation","errorInSection","Flex","Horizontal","gap","Button","variant","icon","check","icon_position","on_click","doneButton","close","cancelButton"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react'\nimport { Button, Flex, FormStatus } from '../../../../../components'\nimport useTranslation from '../../../hooks/useTranslation'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { check, close } from '../../../../../icons'\nimport useContainerDataStore from './useContainerDataStore'\nimport useEditContainerToolbar from './useEditContainerToolbar'\n\nexport default function EditToolbarTools() {\n useEditContainerToolbar()\n const { restoreOriginalData } = useContainerDataStore()\n\n const { switchContainerMode } = useContext(SectionContainerContext) || {}\n const { hasVisibleError, hasSubmitError } =\n useContext(FieldBoundaryContext) || {}\n\n const translation = useTranslation().SectionEditContainer\n\n const [showError, setShowError] = useState(false)\n\n const cancelHandler = useCallback(() => {\n if (hasSubmitError) {\n setShowError(true)\n } else {\n setShowError(false)\n restoreOriginalData()\n switchContainerMode?.('view')\n }\n }, [hasSubmitError, restoreOriginalData, switchContainerMode])\n const doneHandler = useCallback(() => {\n if (hasVisibleError) {\n setShowError(true)\n } else {\n setShowError(false)\n switchContainerMode?.('view')\n }\n }, [hasVisibleError, switchContainerMode])\n\n return (\n <>\n <FormStatus show={showError && hasVisibleError} no_animation={false}>\n {translation.errorInSection}\n </FormStatus>\n <Flex.Horizontal gap=\"large\">\n <Button\n variant=\"tertiary\"\n icon={check}\n icon_position=\"left\"\n on_click={doneHandler}\n >\n {translation.doneButton}\n </Button>\n\n <Button\n variant=\"tertiary\"\n icon={close}\n icon_position=\"left\"\n on_click={cancelHandler}\n >\n {translation.cancelButton}\n </Button>\n </Flex.Horizontal>\n </>\n )\n}\n"],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ function ViewToolbarTools() {
|
|
|
18
18
|
const {
|
|
19
19
|
switchContainerMode
|
|
20
20
|
} = sectionContainerContext !== null && sectionContainerContext !== void 0 ? sectionContainerContext : {};
|
|
21
|
-
const translation = (0, _useTranslation.default)().
|
|
21
|
+
const translation = (0, _useTranslation.default)().SectionViewContainer;
|
|
22
22
|
const editHandler = (0, _react.useCallback)(() => {
|
|
23
23
|
switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');
|
|
24
24
|
}, [switchContainerMode]);
|
|
@@ -29,6 +29,6 @@ function ViewToolbarTools() {
|
|
|
29
29
|
icon: _icons.edit,
|
|
30
30
|
icon_position: "left",
|
|
31
31
|
on_click: editHandler
|
|
32
|
-
}, translation.
|
|
32
|
+
}, translation.editButton));
|
|
33
33
|
}
|
|
34
34
|
//# sourceMappingURL=ViewToolbarTools.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_SectionContainerContext","_icons","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ViewToolbarTools","sectionContainerContext","useContext","SectionContainerContext","switchContainerMode","translation","useTranslation","
|
|
1
|
+
{"version":3,"file":"ViewToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_SectionContainerContext","_icons","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ViewToolbarTools","sectionContainerContext","useContext","SectionContainerContext","switchContainerMode","translation","useTranslation","SectionViewContainer","editHandler","useCallback","createElement","Flex","Horizontal","gap","Button","variant","icon","edit","icon_position","on_click","editButton"],"sources":["../../../../../../../src/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { Button, Flex } from '../../../../../components'\nimport useTranslation from '../../../hooks/useTranslation'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport { edit } from '../../../../../icons'\n\nexport default function ViewToolbarTools() {\n const sectionContainerContext = useContext(SectionContainerContext)\n const { switchContainerMode } = sectionContainerContext ?? {}\n\n const translation = useTranslation().SectionViewContainer\n\n const editHandler = useCallback(() => {\n switchContainerMode?.('edit')\n }, [switchContainerMode])\n\n return (\n <Flex.Horizontal gap=\"large\">\n <Button\n variant=\"tertiary\"\n icon={edit}\n icon_position=\"left\"\n on_click={editHandler}\n >\n {translation.editButton}\n </Button>\n </Flex.Horizontal>\n )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA2C,SAAAG,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAX,wBAAAO,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAE5B,SAASW,gBAAgBA,CAAA,EAAG;EACzC,MAAMC,uBAAuB,GAAG,IAAAC,iBAAU,EAACC,gCAAuB,CAAC;EACnE,MAAM;IAAEC;EAAoB,CAAC,GAAGH,uBAAuB,aAAvBA,uBAAuB,cAAvBA,uBAAuB,GAAI,CAAC,CAAC;EAE7D,MAAMI,WAAW,GAAG,IAAAC,uBAAc,EAAC,CAAC,CAACC,oBAAoB;EAEzD,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpCL,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACElC,MAAA,CAAAU,OAAA,CAAA8B,aAAA,CAACrC,WAAA,CAAAsC,IAAI,CAACC,UAAU;IAACC,GAAG,EAAC;EAAO,GAC1B3C,MAAA,CAAAU,OAAA,CAAA8B,aAAA,CAACrC,WAAA,CAAAyC,MAAM;IACLC,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEC,WAAK;IACXC,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEX;EAAY,GAErBH,WAAW,CAACe,UACP,CACO,CAAC;AAEtB"}
|
|
@@ -11,9 +11,8 @@ var _components = require("../../../../components");
|
|
|
11
11
|
var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
|
|
12
12
|
var _IterateElementContext = _interopRequireDefault(require("../IterateElementContext"));
|
|
13
13
|
var _icons = require("../../../../icons");
|
|
14
|
-
var
|
|
14
|
+
var _RemoveButton = _interopRequireDefault(require("../RemoveButton"));
|
|
15
15
|
var _FieldBoundaryContext = _interopRequireDefault(require("../../DataContext/FieldBoundary/FieldBoundaryContext"));
|
|
16
|
-
var _RemoveButton;
|
|
17
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
17
|
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); }
|
|
19
18
|
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; }
|
|
@@ -29,7 +28,7 @@ function EditToolbarTools() {
|
|
|
29
28
|
const {
|
|
30
29
|
hasVisibleError
|
|
31
30
|
} = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
|
|
32
|
-
const translation = (0, _useTranslation.default)().
|
|
31
|
+
const translation = (0, _useTranslation.default)().IterateEditContainer;
|
|
33
32
|
const valueBackupRef = (0, _react.useRef)();
|
|
34
33
|
const wasNew = useWasNew({
|
|
35
34
|
isNew,
|
|
@@ -69,12 +68,14 @@ function EditToolbarTools() {
|
|
|
69
68
|
icon: _icons.check,
|
|
70
69
|
icon_position: "left",
|
|
71
70
|
on_click: doneHandler
|
|
72
|
-
}, translation.
|
|
71
|
+
}, translation.doneButton), wasNew ? _react.default.createElement(_RemoveButton.default, {
|
|
72
|
+
text: translation.removeButton
|
|
73
|
+
}) : _react.default.createElement(_components.Button, {
|
|
73
74
|
variant: "tertiary",
|
|
74
75
|
icon: _icons.close,
|
|
75
76
|
icon_position: "left",
|
|
76
77
|
on_click: cancelHandler
|
|
77
|
-
}, translation.
|
|
78
|
+
}, translation.cancelButton)));
|
|
78
79
|
}
|
|
79
80
|
function useWasNew(_ref) {
|
|
80
81
|
let {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_IterateElementContext","_icons","
|
|
1
|
+
{"version":3,"file":"EditToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_IterateElementContext","_icons","_RemoveButton","_FieldBoundaryContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EditToolbarTools","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","index","isNew","useContext","IterateElementContext","hasVisibleError","FieldBoundaryContext","translation","useTranslation","IterateEditContainer","valueBackupRef","useRef","wasNew","useWasNew","showError","setShowError","useState","useEffect","current","cancelHandler","useCallback","doneHandler","createElement","Fragment","FormStatus","show","no_animation","errorInSection","Flex","Horizontal","gap","Button","variant","icon","check","icon_position","on_click","doneButton","text","removeButton","close","cancelButton","_ref","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, {\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react'\nimport { Button, Flex, FormStatus } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateElementContext from '../IterateElementContext'\nimport { check, close } from '../../../../icons'\nimport RemoveButton from '../RemoveButton'\nimport { ContainerMode } from '../Array/types'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\n\nexport default function EditToolbarTools() {\n const {\n restoreOriginalValue,\n switchContainerMode,\n containerMode,\n arrayValue,\n index,\n isNew,\n } = useContext(IterateElementContext) || {}\n const { hasVisibleError } = useContext(FieldBoundaryContext) || {}\n\n const translation = useTranslation().IterateEditContainer\n const valueBackupRef = useRef<unknown>()\n const wasNew = useWasNew({ isNew, containerMode })\n const [showError, setShowError] = useState(false)\n\n useEffect(() => {\n if (containerMode === 'edit' && !valueBackupRef.current) {\n valueBackupRef.current = arrayValue?.[index]\n }\n if (containerMode === 'view') {\n valueBackupRef.current = null\n }\n }, [arrayValue, containerMode, index])\n\n const cancelHandler = useCallback(() => {\n if (valueBackupRef.current) {\n restoreOriginalValue?.(valueBackupRef.current)\n }\n setShowError(false)\n switchContainerMode?.('view')\n }, [restoreOriginalValue, switchContainerMode])\n const doneHandler = useCallback(() => {\n if (hasVisibleError) {\n setShowError(true)\n } else {\n setShowError(false)\n switchContainerMode?.('view')\n }\n }, [hasVisibleError, switchContainerMode])\n\n return (\n <>\n <FormStatus show={showError && hasVisibleError} no_animation={false}>\n {translation.errorInSection}\n </FormStatus>\n <Flex.Horizontal gap=\"large\">\n <Button\n variant=\"tertiary\"\n icon={check}\n icon_position=\"left\"\n on_click={doneHandler}\n >\n {translation.doneButton}\n </Button>\n\n {wasNew ? (\n <RemoveButton text={translation.removeButton} />\n ) : (\n <Button\n variant=\"tertiary\"\n icon={close}\n icon_position=\"left\"\n on_click={cancelHandler}\n >\n {translation.cancelButton}\n </Button>\n )}\n </Flex.Horizontal>\n </>\n )\n}\n\nexport function useWasNew({\n isNew,\n containerMode,\n}: {\n isNew: boolean\n containerMode: ContainerMode\n}) {\n const wasNewRef = useRef<unknown>(isNew)\n\n useEffect(() => {\n if (containerMode === 'view') {\n wasNewRef.current = false\n }\n }, [isNew, containerMode])\n\n return wasNewRef.current\n}\n"],"mappings":"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"}
|
|
@@ -37,8 +37,8 @@ function RemoveButton(props) {
|
|
|
37
37
|
text
|
|
38
38
|
} = (0, _hooks.useFieldProps)(restProps);
|
|
39
39
|
const buttonProps = (0, _types.omitDataValueReadWriteProps)(restProps);
|
|
40
|
-
const translation = (0, _hooks.useTranslation)().
|
|
41
|
-
const textContent = text || children || translation.
|
|
40
|
+
const translation = (0, _hooks.useTranslation)().RemoveButton;
|
|
41
|
+
const textContent = text || children || translation.text;
|
|
42
42
|
const elementBlockContext = (0, _react.useContext)(_ElementBlockContext.default);
|
|
43
43
|
const {
|
|
44
44
|
handleRemoveBlock
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RemoveButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_hooks","_ElementBlockContext","_types","_icons","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RemoveButton","props","iterateElementContext","useContext","IterateElementContext","handleRemove","Error","className","restProps","children","text","useFieldProps","buttonProps","omitDataValueReadWriteProps","translation","useTranslation","
|
|
1
|
+
{"version":3,"file":"RemoveButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_hooks","_ElementBlockContext","_types","_icons","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RemoveButton","props","iterateElementContext","useContext","IterateElementContext","handleRemove","Error","className","restProps","children","text","useFieldProps","buttonProps","omitDataValueReadWriteProps","translation","useTranslation","textContent","elementBlockContext","ElementBlockContext","handleRemoveBlock","handleClick","useCallback","createElement","Button","classnames","variant","icon","trash","icon_position","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/RemoveButton/RemoveButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps, useTranslation } from '../../hooks'\nimport ElementBlockContext from '../AnimatedContainer/ElementBlockContext'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\nimport { trash } from '../../../../icons'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]>\n\nfunction RemoveButton(props: Props) {\n const iterateElementContext = useContext(IterateElementContext)\n const { handleRemove } = iterateElementContext ?? {}\n\n if (!iterateElementContext) {\n throw new Error('RemoveButton must be inside an Iterate.Array')\n }\n\n const { className, ...restProps } = props\n const { children, text } = useFieldProps(restProps)\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const translation = useTranslation().RemoveButton\n const textContent = text || children || translation.text\n\n const elementBlockContext = useContext(ElementBlockContext)\n const { handleRemoveBlock } = elementBlockContext ?? {}\n\n const handleClick = useCallback(() => {\n if (handleRemoveBlock) {\n handleRemoveBlock()\n } else {\n handleRemove()\n }\n }, [handleRemove, handleRemoveBlock])\n\n return (\n <Button\n className={classnames(\n 'dnb-forms-iterate-remove-element-button',\n className\n )}\n variant={textContent ? 'tertiary' : 'secondary'}\n icon={trash}\n icon_position=\"left\"\n on_click={handleClick}\n {...buttonProps}\n >\n {textContent}\n </Button>\n )\n}\n\nRemoveButton._supportsSpacingProps = true\nexport default RemoveButton\n"],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ function ViewToolbarTools() {
|
|
|
19
19
|
const {
|
|
20
20
|
switchContainerMode
|
|
21
21
|
} = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
|
|
22
|
-
const translation = (0, _useTranslation.default)().
|
|
22
|
+
const translation = (0, _useTranslation.default)().IterateViewContainer;
|
|
23
23
|
const editHandler = (0, _react.useCallback)(() => {
|
|
24
24
|
switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');
|
|
25
25
|
}, [switchContainerMode]);
|
|
@@ -30,8 +30,8 @@ function ViewToolbarTools() {
|
|
|
30
30
|
icon: _icons.edit,
|
|
31
31
|
icon_position: "left",
|
|
32
32
|
on_click: editHandler
|
|
33
|
-
}, translation.
|
|
34
|
-
text: translation.
|
|
33
|
+
}, translation.editButton), _react.default.createElement(_RemoveButton.default, {
|
|
34
|
+
text: translation.removeButton
|
|
35
35
|
}));
|
|
36
36
|
}
|
|
37
37
|
//# sourceMappingURL=ViewToolbarTools.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_RemoveButton","_interopRequireDefault","_useTranslation","_IterateElementContext","_icons","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ViewToolbarTools","iterateElementContext","useContext","IterateElementContext","switchContainerMode","translation","useTranslation","
|
|
1
|
+
{"version":3,"file":"ViewToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_RemoveButton","_interopRequireDefault","_useTranslation","_IterateElementContext","_icons","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ViewToolbarTools","iterateElementContext","useContext","IterateElementContext","switchContainerMode","translation","useTranslation","IterateViewContainer","editHandler","useCallback","createElement","Flex","Horizontal","gap","Button","variant","icon","edit","icon_position","on_click","editButton","text","removeButton"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { Button, Flex } from '../../../../components'\nimport RemoveButton from '../RemoveButton'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateElementContext from '../IterateElementContext'\nimport { edit } from '../../../../icons'\n\nexport default function ViewToolbarTools() {\n const iterateElementContext = useContext(IterateElementContext)\n const { switchContainerMode } = iterateElementContext ?? {}\n\n const translation = useTranslation().IterateViewContainer\n\n const editHandler = useCallback(() => {\n switchContainerMode?.('edit')\n }, [switchContainerMode])\n\n return (\n <Flex.Horizontal gap=\"large\">\n <Button\n variant=\"tertiary\"\n icon={edit}\n icon_position=\"left\"\n on_click={editHandler}\n >\n {translation.editButton}\n </Button>\n\n <RemoveButton text={translation.removeButton} />\n </Flex.Horizontal>\n )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,sBAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAwC,SAAAG,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAZ,wBAAAQ,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAEzB,SAASW,gBAAgBA,CAAA,EAAG;EACzC,MAAMC,qBAAqB,GAAG,IAAAC,iBAAU,EAACC,8BAAqB,CAAC;EAC/D,MAAM;IAAEC;EAAoB,CAAC,GAAGH,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAE3D,MAAMI,WAAW,GAAG,IAAAC,uBAAc,EAAC,CAAC,CAACC,oBAAoB;EAEzD,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpCL,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACEnC,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACtC,WAAA,CAAAuC,IAAI,CAACC,UAAU;IAACC,GAAG,EAAC;EAAO,GAC1B5C,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACtC,WAAA,CAAA0C,MAAM;IACLC,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEC,WAAK;IACXC,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEX;EAAY,GAErBH,WAAW,CAACe,UACP,CAAC,EAETnD,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACrC,aAAA,CAAAO,OAAY;IAACyC,IAAI,EAAEhB,WAAW,CAACiB;EAAa,CAAE,CAChC,CAAC;AAEtB"}
|
|
@@ -22,7 +22,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
22
22
|
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; }
|
|
23
23
|
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; }
|
|
24
24
|
function EditButton(props) {
|
|
25
|
-
const translations = (0, _useTranslation.default)().
|
|
25
|
+
const translations = (0, _useTranslation.default)().WizardEditButton;
|
|
26
26
|
const {
|
|
27
27
|
setActiveIndex
|
|
28
28
|
} = (0, _useStep.default)();
|
|
@@ -32,7 +32,7 @@ function EditButton(props) {
|
|
|
32
32
|
icon_position = 'left',
|
|
33
33
|
icon,
|
|
34
34
|
toStep,
|
|
35
|
-
children = translations.
|
|
35
|
+
children = translations.text
|
|
36
36
|
} = props,
|
|
37
37
|
rest = _objectWithoutProperties(props, _excluded);
|
|
38
38
|
const handleClick = (0, _react.useCallback)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_ButtonRow","_useTranslation","_useStep","_icons","_Hr2","_utils","_Hr","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EditButton","props","translations","useTranslation","
|
|
1
|
+
{"version":3,"file":"EditButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_ButtonRow","_useTranslation","_useStep","_icons","_Hr2","_utils","_Hr","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EditButton","props","translations","useTranslation","WizardEditButton","setActiveIndex","useStep","className","variant","icon_position","icon","toStep","children","text","rest","handleClick","useCallback","createElement","pickSpacingProps","space","classnames","edit","on_click","omitSpacingProps","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/EditButton/EditButton.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport ButtonRow from '../../Form/ButtonRow'\nimport { StepIndex } from '../Context/WizardContext'\nimport useTranslation from '../../hooks/useTranslation'\nimport useStep from '../hooks/useStep'\nimport { edit } from '../../../../icons'\nimport Hr from '../../../../elements/Hr'\nimport {\n omitSpacingProps,\n pickSpacingProps,\n} from '../../../../components/flex/utils'\n\nexport type Props = ComponentProps & ButtonProps & { toStep?: StepIndex }\n\nfunction EditButton(props: Props) {\n const translations = useTranslation().WizardEditButton\n const { setActiveIndex } = useStep()\n\n const {\n className,\n variant = 'tertiary',\n icon_position = 'left',\n icon,\n toStep,\n children = translations.text,\n ...rest\n } = props\n\n const handleClick = useCallback(() => {\n if (toStep > -1) {\n setActiveIndex(toStep)\n }\n }, [toStep, setActiveIndex])\n\n return (\n <ButtonRow {...pickSpacingProps(props)}>\n <Hr space={0} />\n <Button\n className={classnames('dnb-forms-edit-button', className)}\n variant={variant}\n icon_position={icon_position}\n icon={edit || icon}\n on_click={handleClick}\n {...omitSpacingProps(rest)}\n >\n {children}\n </Button>\n </ButtonRow>\n )\n}\n\nEditButton._supportsSpacingProps = true\nexport default EditButton\n"],"mappings":"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"}
|
|
@@ -16,12 +16,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
16
16
|
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; }
|
|
17
17
|
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); }
|
|
18
18
|
function NextButton(props) {
|
|
19
|
-
const translations = (0, _useTranslation.default)().
|
|
19
|
+
const translations = (0, _useTranslation.default)().WizardNextButton;
|
|
20
20
|
const {
|
|
21
21
|
className,
|
|
22
22
|
icon_position = 'right',
|
|
23
23
|
icon = 'chevron_right',
|
|
24
|
-
children = translations.
|
|
24
|
+
children = translations.text
|
|
25
25
|
} = props;
|
|
26
26
|
const {
|
|
27
27
|
handleNext
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_WizardContext","_ButtonRow","_SubmitButton","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","NextButton","props","translations","useTranslation","
|
|
1
|
+
{"version":3,"file":"NextButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_WizardContext","_ButtonRow","_SubmitButton","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","NextButton","props","translations","useTranslation","WizardNextButton","className","icon_position","icon","children","text","handleNext","useContext","WizardContext","createElement","type","classnames","onClick","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/NextButton/NextButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport { ButtonProps } from '../../../../components/button/Button'\nimport WizardContext from '../Context/WizardContext'\nimport ButtonRow from '../../Form/ButtonRow'\nimport SubmitButton from '../../Form/SubmitButton'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = ComponentProps & Omit<ButtonProps, 'variant'>\n\nfunction NextButton(props: Props) {\n const translations = useTranslation().WizardNextButton\n\n const {\n className,\n icon_position = 'right',\n icon = 'chevron_right',\n children = translations.text,\n } = props\n const { handleNext } = useContext(WizardContext) || {}\n\n return (\n <ButtonRow>\n {/* Use SubmitButton to inherit the indicator functionality */}\n <SubmitButton\n type=\"button\"\n className={classnames('dnb-forms-next-button', className)}\n onClick={handleNext}\n icon_position={icon_position}\n icon={icon}\n {...props}\n >\n {children}\n </SubmitButton>\n </ButtonRow>\n )\n}\n\nNextButton._supportsSpacingProps = true\nexport default NextButton\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,eAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAuD,SAAAE,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAZ,wBAAAQ,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAIvD,SAASI,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,YAAY,GAAG,IAAAC,uBAAc,EAAC,CAAC,CAACC,gBAAgB;EAEtD,MAAM;IACJC,SAAS;IACTC,aAAa,GAAG,OAAO;IACvBC,IAAI,GAAG,eAAe;IACtBC,QAAQ,GAAGN,YAAY,CAACO;EAC1B,CAAC,GAAGR,KAAK;EACT,MAAM;IAAES;EAAW,CAAC,GAAG,IAAAC,iBAAU,EAACC,sBAAa,CAAC,IAAI,CAAC,CAAC;EAEtD,OACEpD,MAAA,CAAAW,OAAA,CAAA0C,aAAA,CAAC/C,UAAA,CAAAK,OAAS,QAERX,MAAA,CAAAW,OAAA,CAAA0C,aAAA,CAAC9C,aAAA,CAAAI,OAAY,EAAAoB,QAAA;IACXuB,IAAI,EAAC,QAAQ;IACbT,SAAS,EAAE,IAAAU,mBAAU,EAAC,uBAAuB,EAAEV,SAAS,CAAE;IAC1DW,OAAO,EAAEN,UAAW;IACpBJ,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,GACPN,KAAK,GAERO,QACW,CACL,CAAC;AAEhB;AAEAR,UAAU,CAACiB,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACxBlB,UAAU;AAAAmB,OAAA,CAAAhD,OAAA,GAAA+C,QAAA"}
|
|
@@ -16,13 +16,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
16
16
|
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; }
|
|
17
17
|
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); }
|
|
18
18
|
function PreviousButton(props) {
|
|
19
|
-
const translations = (0, _useTranslation.default)().
|
|
19
|
+
const translations = (0, _useTranslation.default)().WizardPreviousButton;
|
|
20
20
|
const {
|
|
21
21
|
className,
|
|
22
22
|
variant = 'tertiary',
|
|
23
23
|
icon_position = 'left',
|
|
24
24
|
icon = 'chevron_left',
|
|
25
|
-
children = translations.
|
|
25
|
+
children = translations.text
|
|
26
26
|
} = props;
|
|
27
27
|
const {
|
|
28
28
|
activeIndex,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviousButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_WizardContext","_ButtonRow","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PreviousButton","props","translations","useTranslation","
|
|
1
|
+
{"version":3,"file":"PreviousButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_WizardContext","_ButtonRow","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PreviousButton","props","translations","useTranslation","WizardPreviousButton","className","variant","icon_position","icon","children","text","activeIndex","handlePrevious","useContext","WizardContext","params","disabled","createElement","Button","classnames","onClick","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/PreviousButton/PreviousButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/button/Button'\nimport WizardContext from '../Context/WizardContext'\nimport ButtonRow from '../../Form/ButtonRow'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = ComponentProps & ButtonProps\n\nfunction PreviousButton(props: Props) {\n const translations = useTranslation().WizardPreviousButton\n\n const {\n className,\n variant = 'tertiary',\n icon_position = 'left',\n icon = 'chevron_left',\n children = translations.text,\n } = props\n const { activeIndex, handlePrevious } = useContext(WizardContext) || {}\n\n const params: Props = {}\n if (activeIndex === 0) {\n params.disabled = true\n }\n\n return (\n <ButtonRow>\n <Button\n className={classnames('dnb-forms-previous-button', className)}\n onClick={handlePrevious}\n variant={variant}\n icon_position={icon_position}\n icon={icon}\n {...params}\n {...props}\n >\n {children}\n </Button>\n </ButtonRow>\n )\n}\n\nPreviousButton._supportsSpacingProps = true\nexport default PreviousButton\n"],"mappings":"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"}
|