@dnb/eufemia 10.72.0 → 10.72.2
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 +15 -0
- package/cjs/components/step-indicator/StepIndicatorItem.js +1 -3
- package/cjs/components/step-indicator/StepIndicatorItem.js.map +1 -1
- package/cjs/components/step-indicator/style/dnb-step-indicator.css +2 -4
- package/cjs/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
- package/cjs/components/step-indicator/style/dnb-step-indicator.scss +3 -6
- package/cjs/extensions/forms/DataContext/Provider/ProviderDocs.js +1 -1
- package/cjs/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Indeterminate/IndeterminateDocs.js +1 -1
- package/cjs/extensions/forms/Field/Indeterminate/IndeterminateDocs.js.map +1 -1
- package/cjs/extensions/forms/Wizard/Buttons/ButtonsDocs.js +1 -1
- package/cjs/extensions/forms/Wizard/Buttons/ButtonsDocs.js.map +1 -1
- package/cjs/extensions/forms/hooks/useFieldProps.js +1 -1
- package/cjs/extensions/forms/hooks/useFieldProps.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/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 +2 -4
- 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 +2 -4
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +2 -4
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-components.css +2 -4
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +1 -1
- package/components/step-indicator/StepIndicatorItem.js +1 -3
- package/components/step-indicator/StepIndicatorItem.js.map +1 -1
- package/components/step-indicator/style/dnb-step-indicator.css +2 -4
- package/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
- package/components/step-indicator/style/dnb-step-indicator.scss +3 -6
- package/es/components/step-indicator/StepIndicatorItem.js +1 -3
- package/es/components/step-indicator/StepIndicatorItem.js.map +1 -1
- package/es/components/step-indicator/style/dnb-step-indicator.css +2 -4
- package/es/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
- package/es/components/step-indicator/style/dnb-step-indicator.scss +3 -6
- package/es/extensions/forms/DataContext/Provider/ProviderDocs.js +1 -1
- package/es/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
- package/es/extensions/forms/Field/Indeterminate/IndeterminateDocs.js +1 -1
- package/es/extensions/forms/Field/Indeterminate/IndeterminateDocs.js.map +1 -1
- package/es/extensions/forms/Wizard/Buttons/ButtonsDocs.js +1 -1
- package/es/extensions/forms/Wizard/Buttons/ButtonsDocs.js.map +1 -1
- package/es/extensions/forms/hooks/useFieldProps.js +1 -1
- package/es/extensions/forms/hooks/useFieldProps.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/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 +2 -4
- 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 +2 -4
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +2 -4
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-components.css +2 -4
- 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 +1 -1
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/DataContext/Provider/ProviderDocs.js +1 -1
- package/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
- package/extensions/forms/Field/Indeterminate/IndeterminateDocs.js +1 -1
- package/extensions/forms/Field/Indeterminate/IndeterminateDocs.js.map +1 -1
- package/extensions/forms/Wizard/Buttons/ButtonsDocs.js +1 -1
- package/extensions/forms/Wizard/Buttons/ButtonsDocs.js.map +1 -1
- package/extensions/forms/hooks/useFieldProps.js +1 -1
- package/extensions/forms/hooks/useFieldProps.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/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 +2 -4
- 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 +2 -4
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.css +2 -4
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-components.css +2 -4
- 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 +1 -1
- package/umd/dnb-ui-lib.min.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,21 @@
|
|
|
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.72.2](https://github.com/dnbexperience/eufemia/compare/v10.72.1...v10.72.2) (2025-04-22)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### :bug: Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **Forms:** ensure Iterate.Array schema validation ([#4986](https://github.com/dnbexperience/eufemia/issues/4986)) ([7e10a4a](https://github.com/dnbexperience/eufemia/commit/7e10a4a5baffdb6b87c6fc8447a8477a583f6136)), closes [#4956](https://github.com/dnbexperience/eufemia/issues/4956)
|
|
12
|
+
|
|
13
|
+
## [10.72.1](https://github.com/dnbexperience/eufemia/compare/v10.72.0...v10.72.1) (2025-04-22)
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
### :bug: Bug Fixes
|
|
17
|
+
|
|
18
|
+
* **StepIndicator:** align trigger button ([#4981](https://github.com/dnbexperience/eufemia/issues/4981)) ([80e05aa](https://github.com/dnbexperience/eufemia/commit/80e05aa8bcc9225e9301f556a07e18dd8974d823))
|
|
19
|
+
* **StepIndicator:** font size of step items ([#4982](https://github.com/dnbexperience/eufemia/issues/4982)) ([6d0d266](https://github.com/dnbexperience/eufemia/commit/6d0d2668228a3890bf5496916e523ab4fc2630d5))
|
|
20
|
+
|
|
6
21
|
## [10.72.0](https://github.com/dnbexperience/eufemia/compare/v10.71.2...v10.72.0) (2025-04-15)
|
|
7
22
|
|
|
8
23
|
|
|
@@ -169,9 +169,7 @@ function StepIndicatorItem(_ref) {
|
|
|
169
169
|
className: "dnb-step-indicator__item-content__number"
|
|
170
170
|
}, `${currentItemNum + 1}.`), _react.default.createElement("div", {
|
|
171
171
|
className: "dnb-step-indicator__item-content__wrapper"
|
|
172
|
-
}, _react.default.createElement(StepItemButton,
|
|
173
|
-
className: "dnb-step-indicator__item-content__text"
|
|
174
|
-
}), element), _react.default.createElement(_FormStatus.default, {
|
|
172
|
+
}, _react.default.createElement(StepItemButton, buttonParams, element), _react.default.createElement(_FormStatus.default, {
|
|
175
173
|
shellSpace: {
|
|
176
174
|
top: '1rem'
|
|
177
175
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepIndicatorItem.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_useId","_Anchor","_Icon","_IconPrimary","_FormStatus","_StepIndicatorContext","_StepIndicatorProps","_Context","_SkeletonHelper","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","StepIndicatorItem","_ref","_globalContext$formEl3","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","globalContext","React","useContext","Context","props","useMemo","_globalContext$formEl","_globalContext$formEl2","formElement","context","StepIndicatorContext","onClickHandler","useCallback","_ref2","event","item","currentItemNum","params","current_step","currentStep","onClickItem","dispatchCustomElementEvent","onClickGlobal","activeStep","setActiveStep","mode","countSteps","listOfReachedSteps","hide_numbers","stepIndicatorDefaultProps","on_item_render","step_title","no_animation","skeleton","title","is_current","status","on_render","on_click","hasPassedAndIsCurrent","includes","isNavigatable","isInactive","isVisited","id","useId","ariaLabel","replace","isCurrent","element","createElement","StepItemWrapper","callbackProps","StepItem","attributes","itemParams","buttonParams","onClick","undefined","stateIcons","info","InfoIcon","error","ErrorIcon","warn","WarnIcon","className","classnames","createSkeletonClass","icon","size","inheritColor","StepItemButton","shellSpace","top","state","variant","text","_ref3","children","innerRef","notClickable","type","noStyle","_ref4","Fragment","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorItem.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, { HTMLProps, useCallback, useContext, useMemo } from 'react'\n\nimport classnames from 'classnames'\nimport { dispatchCustomElementEvent } from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport Anchor, { AnchorAllProps } from '../anchor/Anchor'\nimport Icon, { IconIcon } from '../icon/Icon'\nimport IconPrimary from '../icon/IconPrimary'\nimport FormStatus, {\n WarnIcon,\n InfoIcon,\n ErrorIcon,\n} from '../form-status/FormStatus'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport {\n StepIndicatorMouseEvent,\n StepIndicatorRenderCallback,\n} from './StepIndicator'\nimport Context from '../../shared/Context'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\nexport type StepIndicatorStatusState = 'warn' | 'info' | 'error'\nexport type StepIndicatorItemProps = Omit<\n React.HTMLProps<HTMLElement>,\n 'title' | 'data'\n> & {\n title: string | React.ReactNode\n /**\n * If set to true, this item step will be set as the current current selected step. This can be used instead of `current_step` on the component itself.\n */\n is_current?: boolean\n /**\n * If set to true, this item step will be handled as an inactive step and will not be clickable.\n * Defaults to `false`\n */\n inactive?: boolean\n /**\n * If set to true, this item step will not be clickable. Same as `inactive`, but will also add the `aria-disabled=\"true\"` .\n * Defaults to false.\n */\n disabled?: boolean\n /**\n * Is used to set the status text.\n */\n status?: string | React.ReactNode\n /**\n * Used to set the status state to be either `info`, `error` or `warn`.\n * Defaults to `warn`.\n */\n status_state?: StepIndicatorStatusState\n /**\n * Callback function to manipulate or wrap the step item. Has to return a React Node. You receive an object `{ StepItem, element, attributes, props, context }`.\n * @deprecated no longer does anything other than the `title` prop\n */\n on_render?: ({\n StepItem,\n element,\n attributes,\n props,\n context,\n }: StepIndicatorRenderCallback) => React.ReactNode\n /**\n * Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step }`.\n */\n on_click?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n currentItemNum: number\n}\n\nfunction StepIndicatorItem({\n status_state: status_state_default = 'warn',\n inactive: inactive_default = false,\n disabled: disabled_default = false,\n ...restOfProps\n}: StepIndicatorItemProps) {\n const globalContext = React.useContext(Context)\n\n const props: StepIndicatorItemProps = useMemo(() => {\n return {\n status_state: status_state_default,\n inactive: inactive_default,\n disabled: globalContext?.formElement?.disabled ?? disabled_default,\n ...restOfProps,\n }\n }, [\n disabled_default,\n inactive_default,\n restOfProps,\n status_state_default,\n globalContext?.formElement?.disabled,\n ])\n\n const context = useContext(StepIndicatorContext)\n\n const onClickHandler = useCallback(\n ({ event, item, currentItemNum }) => {\n const params = {\n event,\n item,\n current_step: currentItemNum,\n currentStep: currentItemNum,\n }\n\n const onClickItem = dispatchCustomElementEvent(\n {\n context,\n props,\n onClickHandler,\n },\n 'on_click',\n params\n )\n\n const onClickGlobal = dispatchCustomElementEvent(\n context,\n 'on_click',\n params\n )\n\n if (onClickItem === false || onClickGlobal === false) {\n return // stop here\n }\n\n if (context.activeStep !== currentItemNum) {\n context.setActiveStep(currentItemNum)\n dispatchCustomElementEvent(context, 'on_change', params)\n }\n },\n [context, props]\n )\n\n const {\n mode,\n activeStep,\n countSteps,\n listOfReachedSteps,\n hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n on_item_render,\n step_title,\n no_animation,\n skeleton,\n } = context\n\n const {\n currentItemNum,\n\n title,\n is_current, // eslint-disable-line\n inactive,\n disabled,\n status,\n status_state = 'warn',\n\n on_render,\n on_click, // eslint-disable-line\n } = props\n\n const hasPassedAndIsCurrent =\n mode === 'loose' ||\n currentItemNum <= activeStep ||\n listOfReachedSteps.includes(currentItemNum)\n\n const isNavigatable = mode === 'strict' || mode === 'loose'\n\n let isInactive =\n inactive || disabled || (mode === 'strict' && !hasPassedAndIsCurrent)\n\n const isVisited = currentItemNum < activeStep\n\n const id = `${useId()}-${currentItemNum}`\n const ariaLabel = step_title\n ?.replace('%step', String(currentItemNum + 1))\n .replace('%count', String(countSteps))\n\n const isCurrent = currentItemNum === activeStep\n\n let element = (\n <StepItemWrapper>{title}</StepItemWrapper>\n ) as React.ReactNode\n\n // should be entirely removed in v11 as well as any other functionality associated with `on_render` and `on_item_render`\n const callbackProps = {\n StepItem: StepItemWrapper,\n element,\n attributes: {}, // deprecated in v11\n props,\n context,\n }\n\n if (typeof on_render === 'function') {\n element = on_render(callbackProps)\n } else if (typeof on_item_render === 'function') {\n element = on_item_render(callbackProps)\n }\n\n const itemParams = {} as HTMLProps<HTMLLIElement>\n const buttonParams = {\n status,\n status_state,\n 'aria-describedby': id,\n } as StepItemButtonProps\n\n if (isCurrent) {\n itemParams['aria-current'] = 'step'\n }\n\n if (disabled) {\n buttonParams.disabled = true\n }\n\n if (isNavigatable && !isInactive) {\n buttonParams.onClick = (event: never) =>\n onClickHandler({\n event,\n item: props,\n currentItemNum,\n })\n }\n\n if (!buttonParams.onClick) {\n buttonParams.onClick = undefined\n isInactive = true\n }\n\n const stateIcons: Record<StepIndicatorStatusState, IconIcon> = {\n info: InfoIcon,\n error: ErrorIcon,\n warn: WarnIcon,\n }\n\n return (\n <li\n {...itemParams}\n className={classnames(\n 'dnb-step-indicator__item',\n isCurrent && 'dnb-step-indicator__item--current',\n isInactive && 'dnb-step-indicator__item--inactive',\n isVisited && 'dnb-step-indicator__item--visited',\n itemParams.className\n )}\n >\n <div\n className={classnames(\n 'dnb-step-indicator__item__wrapper',\n !status &&\n isVisited &&\n 'dnb-step-indicator__item__wrapper--check'\n )}\n >\n <span\n className={classnames(\n 'dnb-step-indicator__item__bullet',\n isCurrent\n ? 'dnb-step-indicator__item__bullet--current'\n : !status &&\n (isVisited\n ? 'dnb-step-indicator__item__bullet--check'\n : 'dnb-step-indicator__item__bullet--empty'),\n createSkeletonClass('shape', skeleton)\n )}\n >\n {status && !isCurrent ? (\n <Icon\n icon={stateIcons[status_state] || stateIcons.warn}\n className=\"dnb-step-indicator__item__icon\"\n size=\"medium\"\n inheritColor={false}\n />\n ) : (\n <IconPrimary\n icon=\"check\"\n className={classnames(\n 'dnb-step-indicator__item__icon',\n !isVisited && 'dnb-step-indicator__item__icon--hidden'\n )}\n size=\"auto\"\n />\n )}\n </span>\n <div\n className={classnames(\n 'dnb-step-indicator__item-content',\n createSkeletonClass('font', skeleton)\n )}\n >\n {!hide_numbers && (\n <span className=\"dnb-step-indicator__item-content__number\">\n {`${currentItemNum + 1}.`}\n </span>\n )}\n <div className=\"dnb-step-indicator__item-content__wrapper\">\n <StepItemButton\n {...buttonParams}\n className=\"dnb-step-indicator__item-content__text\"\n >\n {element}\n </StepItemButton>\n <FormStatus\n shellSpace={{ top: '1rem' }}\n no_animation={no_animation}\n state={status && status_state}\n variant=\"outlined\"\n className=\"dnb-step-indicator__item-content__status\"\n text={status}\n />\n </div>\n </div>\n </div>\n <span id={id} aria-hidden className=\"dnb-sr-only\">\n {ariaLabel}\n </span>\n </li>\n )\n}\n\nexport type StepItemButtonProps = AnchorAllProps &\n Pick<StepIndicatorItemProps, 'status' | 'status_state'>\n\nexport function StepItemButton({\n children,\n className,\n status,\n status_state = 'warn',\n innerRef,\n ...props\n}: StepItemButtonProps) {\n const notClickable = !props.onClick\n\n return (\n <Anchor\n element={notClickable ? 'span' : 'button'}\n type={notClickable ? undefined : 'button'}\n className={classnames(\n className,\n 'dnb-step-indicator__button',\n status &&\n `dnb-step-indicator__button--has-status dnb-step-indicator__button--${status_state}`\n )}\n noStyle={notClickable}\n innerRef={innerRef}\n {...props}\n >\n {children}\n </Anchor>\n )\n}\n\nexport type StepItemWrapperProps = React.HTMLProps<HTMLElement> & {\n /** Content inside the step button */\n children?: React.ReactNode\n /** @deprecated can only change the render of content inside the button */\n number?: number\n /** @deprecated can only hide numbers in main component */\n hide_numbers?: boolean\n /** @deprecated can only change the render of content inside the button */\n status?: string | React.ReactNode\n}\n\nexport function StepItemWrapper({ children }: StepItemWrapperProps) {\n return <>{children}</>\n}\n\nexport default StepIndicatorItem\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"StepIndicatorItem.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_useId","_Anchor","_Icon","_IconPrimary","_FormStatus","_StepIndicatorContext","_StepIndicatorProps","_Context","_SkeletonHelper","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","StepIndicatorItem","_ref","_globalContext$formEl3","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","globalContext","React","useContext","Context","props","useMemo","_globalContext$formEl","_globalContext$formEl2","formElement","context","StepIndicatorContext","onClickHandler","useCallback","_ref2","event","item","currentItemNum","params","current_step","currentStep","onClickItem","dispatchCustomElementEvent","onClickGlobal","activeStep","setActiveStep","mode","countSteps","listOfReachedSteps","hide_numbers","stepIndicatorDefaultProps","on_item_render","step_title","no_animation","skeleton","title","is_current","status","on_render","on_click","hasPassedAndIsCurrent","includes","isNavigatable","isInactive","isVisited","id","useId","ariaLabel","replace","isCurrent","element","createElement","StepItemWrapper","callbackProps","StepItem","attributes","itemParams","buttonParams","onClick","undefined","stateIcons","info","InfoIcon","error","ErrorIcon","warn","WarnIcon","className","classnames","createSkeletonClass","icon","size","inheritColor","StepItemButton","shellSpace","top","state","variant","text","_ref3","children","innerRef","notClickable","type","noStyle","_ref4","Fragment","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorItem.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, { HTMLProps, useCallback, useContext, useMemo } from 'react'\n\nimport classnames from 'classnames'\nimport { dispatchCustomElementEvent } from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport Anchor, { AnchorAllProps } from '../anchor/Anchor'\nimport Icon, { IconIcon } from '../icon/Icon'\nimport IconPrimary from '../icon/IconPrimary'\nimport FormStatus, {\n WarnIcon,\n InfoIcon,\n ErrorIcon,\n} from '../form-status/FormStatus'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport {\n StepIndicatorMouseEvent,\n StepIndicatorRenderCallback,\n} from './StepIndicator'\nimport Context from '../../shared/Context'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\nexport type StepIndicatorStatusState = 'warn' | 'info' | 'error'\nexport type StepIndicatorItemProps = Omit<\n React.HTMLProps<HTMLElement>,\n 'title' | 'data'\n> & {\n title: string | React.ReactNode\n /**\n * If set to true, this item step will be set as the current current selected step. This can be used instead of `current_step` on the component itself.\n */\n is_current?: boolean\n /**\n * If set to true, this item step will be handled as an inactive step and will not be clickable.\n * Defaults to `false`\n */\n inactive?: boolean\n /**\n * If set to true, this item step will not be clickable. Same as `inactive`, but will also add the `aria-disabled=\"true\"` .\n * Defaults to false.\n */\n disabled?: boolean\n /**\n * Is used to set the status text.\n */\n status?: string | React.ReactNode\n /**\n * Used to set the status state to be either `info`, `error` or `warn`.\n * Defaults to `warn`.\n */\n status_state?: StepIndicatorStatusState\n /**\n * Callback function to manipulate or wrap the step item. Has to return a React Node. You receive an object `{ StepItem, element, attributes, props, context }`.\n * @deprecated no longer does anything other than the `title` prop\n */\n on_render?: ({\n StepItem,\n element,\n attributes,\n props,\n context,\n }: StepIndicatorRenderCallback) => React.ReactNode\n /**\n * Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step }`.\n */\n on_click?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n currentItemNum: number\n}\n\nfunction StepIndicatorItem({\n status_state: status_state_default = 'warn',\n inactive: inactive_default = false,\n disabled: disabled_default = false,\n ...restOfProps\n}: StepIndicatorItemProps) {\n const globalContext = React.useContext(Context)\n\n const props: StepIndicatorItemProps = useMemo(() => {\n return {\n status_state: status_state_default,\n inactive: inactive_default,\n disabled: globalContext?.formElement?.disabled ?? disabled_default,\n ...restOfProps,\n }\n }, [\n disabled_default,\n inactive_default,\n restOfProps,\n status_state_default,\n globalContext?.formElement?.disabled,\n ])\n\n const context = useContext(StepIndicatorContext)\n\n const onClickHandler = useCallback(\n ({ event, item, currentItemNum }) => {\n const params = {\n event,\n item,\n current_step: currentItemNum,\n currentStep: currentItemNum,\n }\n\n const onClickItem = dispatchCustomElementEvent(\n {\n context,\n props,\n onClickHandler,\n },\n 'on_click',\n params\n )\n\n const onClickGlobal = dispatchCustomElementEvent(\n context,\n 'on_click',\n params\n )\n\n if (onClickItem === false || onClickGlobal === false) {\n return // stop here\n }\n\n if (context.activeStep !== currentItemNum) {\n context.setActiveStep(currentItemNum)\n dispatchCustomElementEvent(context, 'on_change', params)\n }\n },\n [context, props]\n )\n\n const {\n mode,\n activeStep,\n countSteps,\n listOfReachedSteps,\n hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n on_item_render,\n step_title,\n no_animation,\n skeleton,\n } = context\n\n const {\n currentItemNum,\n\n title,\n is_current, // eslint-disable-line\n inactive,\n disabled,\n status,\n status_state = 'warn',\n\n on_render,\n on_click, // eslint-disable-line\n } = props\n\n const hasPassedAndIsCurrent =\n mode === 'loose' ||\n currentItemNum <= activeStep ||\n listOfReachedSteps.includes(currentItemNum)\n\n const isNavigatable = mode === 'strict' || mode === 'loose'\n\n let isInactive =\n inactive || disabled || (mode === 'strict' && !hasPassedAndIsCurrent)\n\n const isVisited = currentItemNum < activeStep\n\n const id = `${useId()}-${currentItemNum}`\n const ariaLabel = step_title\n ?.replace('%step', String(currentItemNum + 1))\n .replace('%count', String(countSteps))\n\n const isCurrent = currentItemNum === activeStep\n\n let element = (\n <StepItemWrapper>{title}</StepItemWrapper>\n ) as React.ReactNode\n\n // should be entirely removed in v11 as well as any other functionality associated with `on_render` and `on_item_render`\n const callbackProps = {\n StepItem: StepItemWrapper,\n element,\n attributes: {}, // deprecated in v11\n props,\n context,\n }\n\n if (typeof on_render === 'function') {\n element = on_render(callbackProps)\n } else if (typeof on_item_render === 'function') {\n element = on_item_render(callbackProps)\n }\n\n const itemParams = {} as HTMLProps<HTMLLIElement>\n const buttonParams = {\n status,\n status_state,\n 'aria-describedby': id,\n } as StepItemButtonProps\n\n if (isCurrent) {\n itemParams['aria-current'] = 'step'\n }\n\n if (disabled) {\n buttonParams.disabled = true\n }\n\n if (isNavigatable && !isInactive) {\n buttonParams.onClick = (event: never) =>\n onClickHandler({\n event,\n item: props,\n currentItemNum,\n })\n }\n\n if (!buttonParams.onClick) {\n buttonParams.onClick = undefined\n isInactive = true\n }\n\n const stateIcons: Record<StepIndicatorStatusState, IconIcon> = {\n info: InfoIcon,\n error: ErrorIcon,\n warn: WarnIcon,\n }\n\n return (\n <li\n {...itemParams}\n className={classnames(\n 'dnb-step-indicator__item',\n isCurrent && 'dnb-step-indicator__item--current',\n isInactive && 'dnb-step-indicator__item--inactive',\n isVisited && 'dnb-step-indicator__item--visited',\n itemParams.className\n )}\n >\n <div\n className={classnames(\n 'dnb-step-indicator__item__wrapper',\n !status &&\n isVisited &&\n 'dnb-step-indicator__item__wrapper--check'\n )}\n >\n <span\n className={classnames(\n 'dnb-step-indicator__item__bullet',\n isCurrent\n ? 'dnb-step-indicator__item__bullet--current'\n : !status &&\n (isVisited\n ? 'dnb-step-indicator__item__bullet--check'\n : 'dnb-step-indicator__item__bullet--empty'),\n createSkeletonClass('shape', skeleton)\n )}\n >\n {status && !isCurrent ? (\n <Icon\n icon={stateIcons[status_state] || stateIcons.warn}\n className=\"dnb-step-indicator__item__icon\"\n size=\"medium\"\n inheritColor={false}\n />\n ) : (\n <IconPrimary\n icon=\"check\"\n className={classnames(\n 'dnb-step-indicator__item__icon',\n !isVisited && 'dnb-step-indicator__item__icon--hidden'\n )}\n size=\"auto\"\n />\n )}\n </span>\n <div\n className={classnames(\n 'dnb-step-indicator__item-content',\n createSkeletonClass('font', skeleton)\n )}\n >\n {!hide_numbers && (\n <span className=\"dnb-step-indicator__item-content__number\">\n {`${currentItemNum + 1}.`}\n </span>\n )}\n <div className=\"dnb-step-indicator__item-content__wrapper\">\n <StepItemButton {...buttonParams}>{element}</StepItemButton>\n <FormStatus\n shellSpace={{ top: '1rem' }}\n no_animation={no_animation}\n state={status && status_state}\n variant=\"outlined\"\n className=\"dnb-step-indicator__item-content__status\"\n text={status}\n />\n </div>\n </div>\n </div>\n <span id={id} aria-hidden className=\"dnb-sr-only\">\n {ariaLabel}\n </span>\n </li>\n )\n}\n\nexport type StepItemButtonProps = AnchorAllProps &\n Pick<StepIndicatorItemProps, 'status' | 'status_state'>\n\nexport function StepItemButton({\n children,\n className,\n status,\n status_state = 'warn',\n innerRef,\n ...props\n}: StepItemButtonProps) {\n const notClickable = !props.onClick\n\n return (\n <Anchor\n element={notClickable ? 'span' : 'button'}\n type={notClickable ? undefined : 'button'}\n className={classnames(\n className,\n 'dnb-step-indicator__button',\n status &&\n `dnb-step-indicator__button--has-status dnb-step-indicator__button--${status_state}`\n )}\n noStyle={notClickable}\n innerRef={innerRef}\n {...props}\n >\n {children}\n </Anchor>\n )\n}\n\nexport type StepItemWrapperProps = React.HTMLProps<HTMLElement> & {\n /** Content inside the step button */\n children?: React.ReactNode\n /** @deprecated can only change the render of content inside the button */\n number?: number\n /** @deprecated can only hide numbers in main component */\n hide_numbers?: boolean\n /** @deprecated can only change the render of content inside the button */\n status?: string | React.ReactNode\n}\n\nexport function StepItemWrapper({ children }: StepItemWrapperProps) {\n return <>{children}</>\n}\n\nexport default StepIndicatorItem\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
align-items: flex-start;
|
|
28
28
|
}
|
|
29
29
|
.dnb-step-indicator__trigger__button {
|
|
30
|
-
|
|
30
|
+
--button-height: 1.5rem;
|
|
31
31
|
}
|
|
32
32
|
.dnb-step-indicator__trigger__button .dnb-button__text {
|
|
33
33
|
margin: 0;
|
|
@@ -95,12 +95,10 @@
|
|
|
95
95
|
margin-right: 0.5rem;
|
|
96
96
|
}
|
|
97
97
|
.dnb-step-indicator__item-content__wrapper {
|
|
98
|
+
font-size: var(--font-size-basis);
|
|
98
99
|
display: flex;
|
|
99
100
|
flex-direction: column;
|
|
100
101
|
}
|
|
101
|
-
.dnb-step-indicator__item-content__text {
|
|
102
|
-
font-size: var(--font-size-basis);
|
|
103
|
-
}
|
|
104
102
|
.dnb-step-indicator__item__icon {
|
|
105
103
|
opacity: 1;
|
|
106
104
|
transition: opacity 400ms ease-in-out;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dnb-step-indicator{--step-indicator-trigger-background:var(--color-black-3);--step-indicator-check-bg:var(--color-pistachio);--step-indicator-check-color:var(--color-success-green);--step-indicator-current-border:var(--color-black-80);--padding-top:0;--padding-bottom:0}.dnb-step-indicator__sidebar{display:none}.dnb-step-indicator__list{list-style:none;margin:0;padding:0}.dnb-step-indicator__trigger{align-items:flex-start;display:flex;flex-wrap:wrap}.dnb-step-indicator__trigger__button{
|
|
1
|
+
.dnb-step-indicator{--step-indicator-trigger-background:var(--color-black-3);--step-indicator-check-bg:var(--color-pistachio);--step-indicator-check-color:var(--color-success-green);--step-indicator-current-border:var(--color-black-80);--padding-top:0;--padding-bottom:0}.dnb-step-indicator__sidebar{display:none}.dnb-step-indicator__list{list-style:none;margin:0;padding:0}.dnb-step-indicator__trigger{align-items:flex-start;display:flex;flex-wrap:wrap}.dnb-step-indicator__trigger__button{--button-height:1.5rem}.dnb-step-indicator__trigger__button .dnb-button__text{margin:0;transform:none}.dnb-step-indicator__trigger__button .dnb-button__icon{--button-icon-margin-top:0.25rem}.dnb-step-indicator__item__wrapper{display:flex;gap:1rem;padding-bottom:1rem;position:relative}.dnb-step-indicator__item__wrapper:before{background-color:var(--color-black-20);content:"";display:block;height:100%;left:.71875rem;position:absolute;top:.25rem;width:.0625rem}.dnb-step-indicator__item__bullet{align-items:center;border-radius:50%;display:flex;height:1.5rem;justify-content:center;min-width:1.5rem;width:1.5rem;z-index:0}.dnb-step-indicator__item__bullet--check,.dnb-step-indicator__item__bullet--current,.dnb-step-indicator__item__bullet--empty{background-color:var(--step-indicator-check-bg);border:.0625rem solid transparent}.dnb-step-indicator__item__bullet--check{border-color:var(--step-indicator-check-color);color:var(--step-indicator-check-color);font-size:.875rem}.dnb-step-indicator__item__bullet--empty{background-color:var(--color-white);border-color:var(--color-black-20);color:var(--color-black-20)}.dnb-step-indicator__item__bullet--current{border-color:var(--step-indicator-current-border);border-width:.1875rem}.dnb-step-indicator__item__bullet.dnb-skeleton{border-color:var(--color-black-20);border-width:.0625rem}.dnb-step-indicator__item-content{display:flex}.dnb-step-indicator__item-content__number{font-size:var(--font-size-basis);margin-right:.5rem;white-space:nowrap}.dnb-step-indicator__item-content__wrapper{display:flex;flex-direction:column;font-size:var(--font-size-basis)}.dnb-step-indicator__item__icon{opacity:1;transition:opacity .4s ease-in-out}.dnb-step-indicator__item__icon--hidden{opacity:0;transition-timing-function:ease-out}.dnb-step-indicator__item:last-child .dnb-step-indicator__item__wrapper:before{display:none}html[data-visual-test] .dnb-step-indicator__item__icon{transition-duration:1ms!important}.dnb-step-indicator__button{align-self:flex-start;text-align:left;white-space:normal}.dnb-step-indicator__button.dnb-anchor{line-height:inherit;padding:0}
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
&__trigger__button {
|
|
35
|
-
|
|
35
|
+
--button-height: 1.5rem;
|
|
36
36
|
.dnb-button__text {
|
|
37
37
|
margin: 0;
|
|
38
38
|
transform: none;
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
top: 0.25rem;
|
|
57
57
|
left: 0.71875rem;
|
|
58
58
|
|
|
59
|
-
width: 0.0625rem;
|
|
59
|
+
width: 0.0625rem;
|
|
60
60
|
height: 100%;
|
|
61
61
|
|
|
62
62
|
background-color: var(--color-black-20);
|
|
@@ -114,13 +114,10 @@
|
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
&__wrapper {
|
|
117
|
+
font-size: var(--font-size-basis);
|
|
117
118
|
display: flex;
|
|
118
119
|
flex-direction: column;
|
|
119
120
|
}
|
|
120
|
-
|
|
121
|
-
&__text {
|
|
122
|
-
font-size: var(--font-size-basis);
|
|
123
|
-
}
|
|
124
121
|
}
|
|
125
122
|
|
|
126
123
|
&__icon {
|
|
@@ -108,7 +108,7 @@ const ProviderEvents = exports.ProviderEvents = {
|
|
|
108
108
|
status: 'optional'
|
|
109
109
|
},
|
|
110
110
|
onSubmit: {
|
|
111
|
-
doc: "Will be called (on validation success) when the user submit the form (i.e by clicking a [SubmitButton](/uilib/extensions/forms/Form/SubmitButton) component inside), with the data set as argument. When an async function is provided, it will show an indicator on the submit button during the form submission. All form elements will be disabled during the submit. The indicator will be shown for minimum 1 second. Related props: `minimumAsyncBehaviorTime` and `asyncSubmitTimeout`. You can return an error or an object with these keys `{ status: 'pending', info: 'Info message', warning: 'Warning message', error: Error('My error') } as const` to be shown in a [FormStatus](/uilib/components/form-status). Will only emit when every validation has passed. The second parameter is an object containing the `filterData`, `reduceToVisibleFields`, `transformData`, `resetForm` and `clearData` functions.",
|
|
111
|
+
doc: "Will be called (on validation success) when the user submit the form (i.e by clicking a [Form.SubmitButton](/uilib/extensions/forms/Form/SubmitButton) component inside), with the data set as argument. When an async function is provided, it will show an indicator on the submit button during the form submission. All form elements will be disabled during the submit. The indicator will be shown for minimum 1 second. Related props: `minimumAsyncBehaviorTime` and `asyncSubmitTimeout`. You can return an error or an object with these keys `{ status: 'pending', info: 'Info message', warning: 'Warning message', error: Error('My error') } as const` to be shown in a [FormStatus](/uilib/components/form-status). Will only emit when every validation has passed. The second parameter is an object containing the `filterData`, `reduceToVisibleFields`, `transformData`, `resetForm` and `clearData` functions.",
|
|
112
112
|
type: 'function',
|
|
113
113
|
status: 'optional'
|
|
114
114
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProviderDocs.js","names":["ProviderProperties","exports","defaultData","doc","type","status","data","id","schema","errorMessages","minimumAsyncBehaviorTime","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","ajvInstance","transformIn","transformOut","globalStatusId","required","disabled","locale","countryCode","children","ProviderEvents","onChange","onPathChange","onSubmit","onSubmitRequest","onSubmitComplete","onClear"],"sources":["../../../../../../src/extensions/forms/DataContext/Provider/ProviderDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ProviderProperties: PropertiesTableProps = {\n defaultData: {\n doc: 'Default source data, only used if no other source is available, and not leading to updates if changed after mount.',\n type: 'object',\n status: 'optional',\n },\n data: {\n doc: 'Dynamic source data used as both initial data, and updates internal data if changed after mount.',\n type: 'object',\n status: 'optional',\n },\n id: {\n doc: 'Unique id for connecting Form.Handler and helper tools such as Form.useData.',\n type: ['string', 'Function', 'Object', 'React.Context'],\n status: 'optional',\n },\n schema: {\n doc: 'JSON Schema for validation of the data set.',\n type: 'object',\n status: 'optional',\n },\n errorMessages: {\n doc: 'Object containing error messages by either type of JSON Pointer path and type. The messages can be a React.ReactNode or a string.',\n type: 'object',\n status: 'optional',\n },\n minimumAsyncBehaviorTime: {\n doc: 'Minimum time to display the submit indicator. Default is 1s.',\n type: 'boolean',\n status: 'optional',\n },\n asyncSubmitTimeout: {\n doc: 'The maximum time to display the submit indicator before it changes back to normal. In case something went wrong during submission. Default is 30s.',\n type: 'boolean',\n status: 'optional',\n },\n scrollTopOnSubmit: {\n doc: 'True for the UI to scroll to the top of the page when data is submitted.',\n type: 'boolean',\n status: 'optional',\n },\n sessionStorageId: {\n doc: 'Key for saving active data to session storage and loading it on mount.',\n type: 'string',\n status: 'optional',\n },\n ajvInstance: {\n doc: 'Provide your own custom Ajv instance. More info in the [Schema validation](/uilib/extensions/forms/Form/schema-validation/#custom-ajv-instance-and-keywords) section.',\n type: 'ajv',\n status: 'optional',\n },\n transformIn: {\n doc: \"Mutate the data context (internally as well) based on your criteria: `({ path, value, data, props, internal }) => 'new value'`. It will iterate on each data entry (/path).\",\n type: 'function',\n status: 'optional',\n },\n transformOut: {\n doc: \"Mutate the data before it enters onSubmit or onChange based on your criteria: `({ path, value, data, props, internal }) => 'new value'`. It will iterate on each data entry (/path).\",\n type: 'function',\n status: 'optional',\n },\n globalStatusId: {\n doc: 'If needed, you can define a custom [GlobalStatus](/uilib/components/global-status) id. Defaults to `main`.',\n type: 'string',\n status: 'optional',\n },\n required: {\n doc: 'Make all fields required.',\n type: 'boolean',\n status: 'optional',\n },\n disabled: {\n doc: 'Disable all fields.',\n type: 'boolean',\n status: 'optional',\n },\n locale: {\n doc: 'Locale (language) to use for all nested Eufemia components.',\n type: 'string',\n status: 'optional',\n },\n countryCode: {\n doc: 'Will change the country code for fields supporting `countryCode`. You can also set a path as the value, e.g. `/myCountryCodePath`.',\n type: ['ISO 3166-1 alpha-2', 'Path/JSON Pointer'],\n status: 'optional',\n },\n children: {\n doc: 'Contents.',\n type: 'React.Node',\n status: 'required',\n },\n}\n\nexport const ProviderEvents: PropertiesTableProps = {\n onChange: {\n doc: \"Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument. When an async function is provided, it will show an indicator on the current label during a field change. Related props: `minimumAsyncBehaviorTime` and `asyncSubmitTimeout`. You can return an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const` in addition to { success: 'saved' } indicate the field was saved. Will emit unvalidated by default and validated when an async function is provided (like `onSubmit`). The second parameter is an object containing the `filterData`, `resetForm` and `clearData` functions.\",\n type: 'function',\n status: 'optional',\n },\n onPathChange: {\n doc: 'Will be called when a value of a field was changed by the user, with the `path` (JSON Pointer) and new `value` as arguments. Can be an async function. Will emit unvalidated by default and validated when `onChange` is an async function.',\n type: 'function',\n status: 'optional',\n },\n onSubmit: {\n doc: \"Will be called (on validation success) when the user submit the form (i.e by clicking a [SubmitButton](/uilib/extensions/forms/Form/SubmitButton) component inside), with the data set as argument. When an async function is provided, it will show an indicator on the submit button during the form submission. All form elements will be disabled during the submit. The indicator will be shown for minimum 1 second. Related props: `minimumAsyncBehaviorTime` and `asyncSubmitTimeout`. You can return an error or an object with these keys `{ status: 'pending', info: 'Info message', warning: 'Warning message', error: Error('My error') } as const` to be shown in a [FormStatus](/uilib/components/form-status). Will only emit when every validation has passed. The second parameter is an object containing the `filterData`, `reduceToVisibleFields`, `transformData`, `resetForm` and `clearData` functions.\",\n type: 'function',\n status: 'optional',\n },\n onSubmitRequest: {\n doc: 'Will be called when the user tries to submit, but errors stop the data from being submitted. The first parameter is aa object containing the `getErrors` method, returning an array with field errors. Each error object contains the `path`, `error` and `props` of the field. You can use this to log the errors before the form is submitted.',\n type: 'function',\n status: 'optional',\n },\n onSubmitComplete: {\n doc: 'Will be called after onSubmit has finished and had not errors. It supports the same return values as `onSubmit` and will be merged together.',\n type: 'function',\n status: 'optional',\n },\n onClear: {\n doc: 'Will be called when the form is cleared via `Form.clearData` or via the `onSubmit` event (or `onCommit`) argument `{ clearData }`.',\n type: 'function',\n status: 'optional',\n },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,kBAAwC,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EACtDE,WAAW,EAAE;IACXC,GAAG,EAAE,oHAAoH;IACzHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,EAAE,EAAE;IACFJ,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,CAAC;IACvDC,MAAM,EAAE;EACV,CAAC;EACDG,MAAM,EAAE;IACNL,GAAG,EAAE,6CAA6C;IAClDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,aAAa,EAAE;IACbN,GAAG,EAAE,mIAAmI;IACxIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,wBAAwB,EAAE;IACxBP,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,kBAAkB,EAAE;IAClBR,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,iBAAiB,EAAE;IACjBT,GAAG,EAAE,0EAA0E;IAC/EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,WAAW,EAAE;IACXX,GAAG,EAAE,uKAAuK;IAC5KC,IAAI,EAAE,KAAK;IACXC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,6KAA6K;IAClLC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDW,YAAY,EAAE;IACZb,GAAG,EAAE,sLAAsL;IAC3LC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDY,cAAc,EAAE;IACdd,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,qBAAqB;IAC1BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDe,MAAM,EAAE;IACNjB,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,WAAW,EAAE;IACXlB,GAAG,EAAE,oIAAoI;IACzIC,IAAI,EAAE,CAAC,oBAAoB,EAAE,mBAAmB,CAAC;IACjDC,MAAM,EAAE;EACV,CAAC;EACDiB,QAAQ,EAAE;IACRnB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMkB,cAAoC,GAAAtB,OAAA,CAAAsB,cAAA,GAAG;EAClDC,QAAQ,EAAE;IACRrB,GAAG,EAAE,wsBAAwsB;IAC7sBC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDoB,YAAY,EAAE;IACZtB,GAAG,EAAE,6OAA6O;IAClPC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDqB,QAAQ,EAAE;IACRvB,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"ProviderDocs.js","names":["ProviderProperties","exports","defaultData","doc","type","status","data","id","schema","errorMessages","minimumAsyncBehaviorTime","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","ajvInstance","transformIn","transformOut","globalStatusId","required","disabled","locale","countryCode","children","ProviderEvents","onChange","onPathChange","onSubmit","onSubmitRequest","onSubmitComplete","onClear"],"sources":["../../../../../../src/extensions/forms/DataContext/Provider/ProviderDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ProviderProperties: PropertiesTableProps = {\n defaultData: {\n doc: 'Default source data, only used if no other source is available, and not leading to updates if changed after mount.',\n type: 'object',\n status: 'optional',\n },\n data: {\n doc: 'Dynamic source data used as both initial data, and updates internal data if changed after mount.',\n type: 'object',\n status: 'optional',\n },\n id: {\n doc: 'Unique id for connecting Form.Handler and helper tools such as Form.useData.',\n type: ['string', 'Function', 'Object', 'React.Context'],\n status: 'optional',\n },\n schema: {\n doc: 'JSON Schema for validation of the data set.',\n type: 'object',\n status: 'optional',\n },\n errorMessages: {\n doc: 'Object containing error messages by either type of JSON Pointer path and type. The messages can be a React.ReactNode or a string.',\n type: 'object',\n status: 'optional',\n },\n minimumAsyncBehaviorTime: {\n doc: 'Minimum time to display the submit indicator. Default is 1s.',\n type: 'boolean',\n status: 'optional',\n },\n asyncSubmitTimeout: {\n doc: 'The maximum time to display the submit indicator before it changes back to normal. In case something went wrong during submission. Default is 30s.',\n type: 'boolean',\n status: 'optional',\n },\n scrollTopOnSubmit: {\n doc: 'True for the UI to scroll to the top of the page when data is submitted.',\n type: 'boolean',\n status: 'optional',\n },\n sessionStorageId: {\n doc: 'Key for saving active data to session storage and loading it on mount.',\n type: 'string',\n status: 'optional',\n },\n ajvInstance: {\n doc: 'Provide your own custom Ajv instance. More info in the [Schema validation](/uilib/extensions/forms/Form/schema-validation/#custom-ajv-instance-and-keywords) section.',\n type: 'ajv',\n status: 'optional',\n },\n transformIn: {\n doc: \"Mutate the data context (internally as well) based on your criteria: `({ path, value, data, props, internal }) => 'new value'`. It will iterate on each data entry (/path).\",\n type: 'function',\n status: 'optional',\n },\n transformOut: {\n doc: \"Mutate the data before it enters onSubmit or onChange based on your criteria: `({ path, value, data, props, internal }) => 'new value'`. It will iterate on each data entry (/path).\",\n type: 'function',\n status: 'optional',\n },\n globalStatusId: {\n doc: 'If needed, you can define a custom [GlobalStatus](/uilib/components/global-status) id. Defaults to `main`.',\n type: 'string',\n status: 'optional',\n },\n required: {\n doc: 'Make all fields required.',\n type: 'boolean',\n status: 'optional',\n },\n disabled: {\n doc: 'Disable all fields.',\n type: 'boolean',\n status: 'optional',\n },\n locale: {\n doc: 'Locale (language) to use for all nested Eufemia components.',\n type: 'string',\n status: 'optional',\n },\n countryCode: {\n doc: 'Will change the country code for fields supporting `countryCode`. You can also set a path as the value, e.g. `/myCountryCodePath`.',\n type: ['ISO 3166-1 alpha-2', 'Path/JSON Pointer'],\n status: 'optional',\n },\n children: {\n doc: 'Contents.',\n type: 'React.Node',\n status: 'required',\n },\n}\n\nexport const ProviderEvents: PropertiesTableProps = {\n onChange: {\n doc: \"Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument. When an async function is provided, it will show an indicator on the current label during a field change. Related props: `minimumAsyncBehaviorTime` and `asyncSubmitTimeout`. You can return an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const` in addition to { success: 'saved' } indicate the field was saved. Will emit unvalidated by default and validated when an async function is provided (like `onSubmit`). The second parameter is an object containing the `filterData`, `resetForm` and `clearData` functions.\",\n type: 'function',\n status: 'optional',\n },\n onPathChange: {\n doc: 'Will be called when a value of a field was changed by the user, with the `path` (JSON Pointer) and new `value` as arguments. Can be an async function. Will emit unvalidated by default and validated when `onChange` is an async function.',\n type: 'function',\n status: 'optional',\n },\n onSubmit: {\n doc: \"Will be called (on validation success) when the user submit the form (i.e by clicking a [Form.SubmitButton](/uilib/extensions/forms/Form/SubmitButton) component inside), with the data set as argument. When an async function is provided, it will show an indicator on the submit button during the form submission. All form elements will be disabled during the submit. The indicator will be shown for minimum 1 second. Related props: `minimumAsyncBehaviorTime` and `asyncSubmitTimeout`. You can return an error or an object with these keys `{ status: 'pending', info: 'Info message', warning: 'Warning message', error: Error('My error') } as const` to be shown in a [FormStatus](/uilib/components/form-status). Will only emit when every validation has passed. The second parameter is an object containing the `filterData`, `reduceToVisibleFields`, `transformData`, `resetForm` and `clearData` functions.\",\n type: 'function',\n status: 'optional',\n },\n onSubmitRequest: {\n doc: 'Will be called when the user tries to submit, but errors stop the data from being submitted. The first parameter is aa object containing the `getErrors` method, returning an array with field errors. Each error object contains the `path`, `error` and `props` of the field. You can use this to log the errors before the form is submitted.',\n type: 'function',\n status: 'optional',\n },\n onSubmitComplete: {\n doc: 'Will be called after onSubmit has finished and had not errors. It supports the same return values as `onSubmit` and will be merged together.',\n type: 'function',\n status: 'optional',\n },\n onClear: {\n doc: 'Will be called when the form is cleared via `Form.clearData` or via the `onSubmit` event (or `onCommit`) argument `{ clearData }`.',\n type: 'function',\n status: 'optional',\n },\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -20,7 +20,7 @@ Object.assign(_ToggleDocs.ToggleProperties, {
|
|
|
20
20
|
});
|
|
21
21
|
const IndeterminateProperties = exports.IndeterminateProperties = _objectSpread(_objectSpread({
|
|
22
22
|
dependencePaths: {
|
|
23
|
-
doc: 'Provide an array with the related paths of other [Toggle](/uilib/extensions/forms/base-fields/Toggle/)
|
|
23
|
+
doc: 'Provide an array with the related paths of other [Field.Toggle](/uilib/extensions/forms/base-fields/Toggle/) or [Field.Boolean](/uilib/extensions/forms/base-fields/Boolean/) fields.',
|
|
24
24
|
type: 'array',
|
|
25
25
|
status: 'required'
|
|
26
26
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IndeterminateDocs.js","names":["_ToggleDocs","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","assign","ToggleProperties","valueOn","status","valueOff","IndeterminateProperties","exports","dependencePaths","doc","type","propagateIndeterminateState","textOn","undefined","textOff","variant"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/IndeterminateDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ToggleProperties } from '../Toggle/ToggleDocs'\n\nObject.assign(ToggleProperties, {\n valueOn: {\n ...ToggleProperties.valueOn,\n status: 'optional',\n },\n valueOff: {\n ...ToggleProperties.valueOff,\n status: 'optional',\n },\n})\n\nexport const IndeterminateProperties: PropertiesTableProps = {\n dependencePaths: {\n doc: 'Provide an array with the related paths of other [Toggle](/uilib/extensions/forms/base-fields/Toggle/)
|
|
1
|
+
{"version":3,"file":"IndeterminateDocs.js","names":["_ToggleDocs","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","assign","ToggleProperties","valueOn","status","valueOff","IndeterminateProperties","exports","dependencePaths","doc","type","propagateIndeterminateState","textOn","undefined","textOff","variant"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/IndeterminateDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ToggleProperties } from '../Toggle/ToggleDocs'\n\nObject.assign(ToggleProperties, {\n valueOn: {\n ...ToggleProperties.valueOn,\n status: 'optional',\n },\n valueOff: {\n ...ToggleProperties.valueOff,\n status: 'optional',\n },\n})\n\nexport const IndeterminateProperties: PropertiesTableProps = {\n dependencePaths: {\n doc: 'Provide an array with the related paths of other [Field.Toggle](/uilib/extensions/forms/base-fields/Toggle/) or [Field.Boolean](/uilib/extensions/forms/base-fields/Boolean/) fields.',\n type: 'array',\n status: 'required',\n },\n propagateIndeterminateState: {\n doc: 'When `checked`, the dependent checkboxes will always be set to \"checked\" when in indeterminate state. When `unchecked`, the dependent checkboxes will be set to \"unchecked\" when in indeterminate state. When \"auto\", the dependent checkboxes will get the inverted state from where the (this) parent checkbox is in. Default is `true`.',\n type: ['checked', 'unchecked', 'auto'],\n status: 'optional',\n },\n ...ToggleProperties,\n textOn: undefined,\n textOff: undefined,\n variant: undefined,\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.WizardButtonsProperties = void 0;
|
|
7
7
|
const WizardButtonsProperties = exports.WizardButtonsProperties = {
|
|
8
|
-
'[ButtonRow](/uilib/extensions/forms/Form/ButtonRow/properties/)': {
|
|
8
|
+
'[Form.ButtonRow](/uilib/extensions/forms/Form/ButtonRow/properties/)': {
|
|
9
9
|
doc: 'ButtonRow properties.',
|
|
10
10
|
type: 'Various',
|
|
11
11
|
status: 'optional'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonsDocs.js","names":["WizardButtonsProperties","exports","doc","type","status"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/ButtonsDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const WizardButtonsProperties: PropertiesTableProps = {\n '[ButtonRow](/uilib/extensions/forms/Form/ButtonRow/properties/)': {\n doc: 'ButtonRow properties.',\n type: 'Various',\n status: 'optional',\n },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EAC3D,
|
|
1
|
+
{"version":3,"file":"ButtonsDocs.js","names":["WizardButtonsProperties","exports","doc","type","status"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/ButtonsDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const WizardButtonsProperties: PropertiesTableProps = {\n '[Form.ButtonRow](/uilib/extensions/forms/Form/ButtonRow/properties/)': {\n doc: 'ButtonRow properties.',\n type: 'Various',\n status: 'optional',\n },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EAC3D,sEAAsE,EAAE;IACtEE,GAAG,EAAE,uBAAuB;IAC5BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
|
|
@@ -438,7 +438,7 @@ function useFieldProps(localProps) {
|
|
|
438
438
|
return;
|
|
439
439
|
}
|
|
440
440
|
const hasError = Boolean(localErrorRef.current);
|
|
441
|
-
revealErrorRef.current =
|
|
441
|
+
revealErrorRef.current = true;
|
|
442
442
|
setErrorState(hasError);
|
|
443
443
|
}, [validateInitially, setErrorState]);
|
|
444
444
|
const hideError = (0, _react.useCallback)(() => {
|