npm - @dnb/eufemia - Versions diffs - 10.65.0 → 10.66.0 - Mend

@dnb/eufemia 10.65.0 → 10.66.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.

Files changed (465) hide show

package/cjs/components/help-button/HelpButtonInline.js CHANGED Viewed

@@ -20,8 +20,8 @@ var _CardContext = _interopRequireDefault(require("../card/CardContext"));
 var _Dialog = _interopRequireDefault(require("../Dialog"));
 var _icons = require("../../icons");
 var _QuestionIcon, _CloseIcon;
-const _excluded = ["contentId", "size", "help", "className", "children"],
-  _excluded2 = ["contentId", "className", "children", "help", "breakout", "outset"];
+const _excluded = ["contentId", "size", "help", "focusWhenOpen", "className", "children"],
+  _excluded2 = ["contentId", "className", "children", "help", "breakout", "outset", "focusWhenOpen"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -34,6 +34,7 @@ function HelpButtonInline(props) {
       contentId,
       size,
       help,
+      focusWhenOpen,
       className,
       children
     } = props,
@@ -51,32 +52,55 @@ function HelpButtonInline(props) {
   } = data || {};
   const wasOpenRef = (0, _react.useRef)(undefined);
   const buttonRef = (0, _react.useRef)(null);
-  const onClickHandler = (0, _react.useCallback)(_ref => {
-    let {
-      event
-    } = _ref;
-    event.preventDefault();
+  const toggleOpen = (0, _react.useCallback)(() => {
     update({
       isOpen: !isOpen,
       isUserIntent: !isOpen,
-      buttonRef
+      buttonRef,
+      focusWhenOpen
     });
     wasOpenRef.current = !isOpen;
-  }, [isOpen, update]);
+  }, [focusWhenOpen, isOpen, update]);
+  const onClickHandler = (0, _react.useCallback)(_ref => {
+    let {
+      event
+    } = _ref;
+    event.preventDefault();
+    toggleOpen();
+  }, [toggleOpen]);
+  const onKeyDownHandler = (0, _react.useCallback)(event => {
+    if (event.currentTarget === event.target) {
+      switch (event.key.trim() || event.code) {
+        case 'Escape':
+          if (isOpen) {
+            event.preventDefault();
+            window.requestAnimationFrame(() => {
+              toggleOpen();
+            });
+          }
+          break;
+      }
+    }
+  }, [isOpen, toggleOpen]);
+  const title = (0, _componentHelper.convertJsxToString)(help === null || help === void 0 ? void 0 : help.title);
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_HelpButtonInstance.default, _extends({
     bounding: true,
     size: size !== null && size !== void 0 ? size : 'small',
     icon: HelpButtonIcon,
-    title: !isOpen && !wasOpenRef.current ? (0, _componentHelper.convertJsxToString)(help === null || help === void 0 ? void 0 : help.title) : undefined
+    title: !isOpen && !wasOpenRef.current ? title : undefined
   }, rest, {
     id: controlId,
     className: (0, _classnames.default)('dnb-help-button__inline', className, isOpen && 'dnb-help-button__inline--open', isUserIntent && 'dnb-help-button__inline--user-intent', typeof wasOpenRef.current === 'boolean' && 'dnb-help-button__inline--was-open'),
     "aria-controls": `${controlId}-content`,
+    "aria-expanded": isOpen,
+    "aria-label": title,
     on_click: onClickHandler,
+    onKeyDown: onKeyDownHandler,
     innerRef: buttonRef
   })), !contentId && _react.default.createElement(HelpButtonInlineContent, {
     contentId: controlId,
-    help: help
+    help: help,
+    focusWhenOpen: focusWhenOpen
   }, children));
 }
 function HelpButtonInlineContent(props) {
@@ -87,7 +111,8 @@ function HelpButtonInlineContent(props) {
       children,
       help: helpProp,
       breakout = true,
-      outset = true
+      outset = true,
+      focusWhenOpen: focusWhenOpenProp
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
   const {
@@ -96,6 +121,7 @@ function HelpButtonInlineContent(props) {
   } = (0, _useSharedState.useSharedState)(contentId);
   const {
     isOpen,
+    focusWhenOpen = focusWhenOpenProp,
     isUserIntent,
     buttonRef
   } = data || {};
@@ -112,7 +138,7 @@ function HelpButtonInlineContent(props) {
   const breakoutFromLayout = Boolean(cardContext) && breakout && breakoutProp;
   const outsetFromLayout = outset && outsetProp;
   (0, _react.useEffect)(() => {
-    if (isOpen && isUserIntent) {
+    if (isOpen && isUserIntent && focusWhenOpen) {
       window.requestAnimationFrame(() => {
         var _innerRef$current;
         (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.focus({
@@ -120,7 +146,7 @@ function HelpButtonInlineContent(props) {
         });
       });
     }
-  }, [isOpen, isUserIntent]);
+  }, [focusWhenOpen, isOpen, isUserIntent]);
   const onClose = (0, _react.useCallback)(() => {
     update({
       isOpen: false,
@@ -151,16 +177,22 @@ function HelpButtonInlineContent(props) {
       onClose: onClose
     }, content, children);
   }
+  const focusParams = focusWhenOpen ? {
+    'aria-label': (0, _componentHelper.convertJsxToString)(title),
+    className: 'dnb-no-focus',
+    tabIndex: -1,
+    onKeyDown
+  } : {
+    'aria-live': 'polite',
+    'aria-atomic': 'true'
+  };
   return _react.default.createElement(_HeightAnimation.default, {
     className: (0, _classnames.default)('dnb-help-button__content', className),
     open: (_ref2 = isOpen !== null && isOpen !== void 0 ? isOpen : open) !== null && _ref2 !== void 0 ? _ref2 : false
   }, _react.default.createElement(_Section.default, _extends({
-    id: `${contentId}-content`,
-    "aria-label": (0, _componentHelper.convertJsxToString)(title),
-    className: "dnb-no-focus",
-    tabIndex: -1,
+    id: `${contentId}-content`
+  }, focusParams, {
     innerRef: innerRef,
-    onKeyDown: onKeyDown,
     outset: outsetFromLayout,
     breakout: breakoutFromLayout,
     roundedCorner: !breakoutFromLayout,

package/cjs/components/help-button/HelpButtonInline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpButtonInline.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_HelpButtonInstance","_HeightAnimation","_useSharedState","_componentHelper","_useId","_Section","_elements","_Flex","_CardContext","_Dialog","_icons","_QuestionIcon","_CloseIcon","_excluded","_excluded2","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","HelpButtonInline","props","_help$open","contentId","size","help","className","children","rest","controlId","useId","data","update","useSharedState","isOpen","open","isUserIntent","wasOpenRef","useRef","undefined","buttonRef","onClickHandler","useCallback","_ref","event","preventDefault","current","createElement","Fragment","bounding","icon","HelpButtonIcon","title","convertJsxToString","id","classnames","on_click","innerRef","HelpButtonInlineContent","_ref2","helpProp","breakout","outset","content","renderAs","breakoutProp","outsetProp","cardContext","useContext","CardContext","breakoutFromLayout","Boolean","outsetFromLayout","useEffect","window","requestAnimationFrame","_innerRef$current","focus","preventScroll","onClose","onKeyDown","currentTarget","trim","code","_buttonRef$current","omitTriggerButton","openState","tabIndex","roundedCorner","innerSpace","top","bottom","left","right","backgroundColor","Vertical","gap","P","weight","question","close","_supportsSpacingProps"],"sources":["../../../../src/components/help-button/HelpButtonInline.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport classnames from 'classnames'\nimport { HelpButtonProps } from './HelpButton'\nimport HelpButtonInstance from './HelpButtonInstance'\nimport HeightAnimation from '../HeightAnimation'\nimport { useSharedState } from '../../shared/helpers/useSharedState'\nimport { convertJsxToString } from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport Section from '../Section'\nimport { P } from '../../elements'\nimport Flex from '../Flex'\nimport CardContext from '../card/CardContext'\nimport { SpacingProps } from '../space/types'\nimport Dialog from '../Dialog'\nimport { question as QuestionIcon, close as CloseIcon } from '../../icons'\n\nexport type HelpProps = {\n title?: React.ReactNode\n content?: React.ReactNode\n renderAs?: 'inline' \| 'dialog'\n /** Only for the \"inline\" variant /\n open?: boolean\n /* Only for the \"inline\" variant /\n breakout?: boolean\n /* Only for the \"inline\" variant */\n outset?: boolean\n}\n\nexport type HelpButtonInlineProps = HelpButtonProps & {\n contentId?: string\n help?: HelpProps\n}\n\nexport type HelpButtonInlineSharedStateDataProps = {\n isOpen: boolean\n isUserIntent?: boolean\n buttonRef?: React.RefObject<HTMLButtonElement>\n}\n\nexport default function HelpButtonInline(props: HelpButtonInlineProps) {\n const { contentId, size, help, className, children, ...rest } = props\n const controlId = useId(contentId)\n\n const { data, update } =\n useSharedState<HelpButtonInlineSharedStateDataProps>(controlId, {\n isOpen: help?.open ?? false,\n })\n const { isOpen, isUserIntent } = data \|\| {}\n const wasOpenRef = useRef(undefined)\n const buttonRef = useRef<HTMLButtonElement>(null)\n\n const onClickHandler = useCallback(\n ({ event }: { event: React.MouseEvent<HTMLButtonElement> }) => {\n event.preventDefault() // Because when used inside a FormLabel\n update({ isOpen: !isOpen, isUserIntent: !isOpen, buttonRef })\n wasOpenRef.current = !isOpen\n },\n [isOpen, update]\n )\n\n return (\n <>\n <HelpButtonInstance\n bounding\n size={size ?? 'small'}\n icon={HelpButtonIcon}\n title={\n !isOpen && !wasOpenRef.current\n ? convertJsxToString(help?.title)\n : undefined\n }\n {...rest}\n id={controlId}\n className={classnames(\n 'dnb-help-button__inline',\n isOpen && 'dnb-help-button__inline--open',\n isUserIntent && 'dnb-help-button__inline--user-intent',\n typeof wasOpenRef.current === 'boolean' &&\n 'dnb-help-button__inline--was-open',\n className\n )}\n aria-controls={`${controlId}-content`}\n on_click={onClickHandler}\n innerRef={buttonRef}\n />\n\n {!contentId && (\n <HelpButtonInlineContent contentId={controlId} help={help}>\n {children}\n </HelpButtonInlineContent>\n )}\n </>\n )\n}\n\nexport type HelpButtonInlineContentProps = SpacingProps & {\n contentId: string\n className?: string\n children?: React.ReactNode\n help?: HelpProps\n breakout?: boolean\n outset?: boolean\n}\n\nexport function HelpButtonInlineContent(\n props: HelpButtonInlineContentProps\n) {\n const {\n contentId,\n className,\n children,\n help: helpProp,\n breakout = true,\n outset = true,\n ...rest\n } = props\n const { data, update } =\n useSharedState<HelpButtonInlineSharedStateDataProps>(contentId)\n const { isOpen, isUserIntent, buttonRef } = data \|\| {}\n const {\n open,\n title,\n content,\n renderAs,\n breakout: breakoutProp = true,\n outset: outsetProp = true,\n } = helpProp \|\| {}\n\n const innerRef = useRef<HTMLDivElement>(null)\n const cardContext = useContext(CardContext)\n const breakoutFromLayout =\n Boolean(cardContext) && breakout && breakoutProp\n const outsetFromLayout = outset && outsetProp\n\n useEffect(() => {\n if (isOpen && isUserIntent) {\n window.requestAnimationFrame(() => {\n innerRef.current?.focus({ preventScroll: true })\n })\n }\n }, [isOpen, isUserIntent])\n\n const onClose = useCallback(() => {\n update({ isOpen: false, isUserIntent: false })\n }, [update])\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.currentTarget === event.target) {\n // Firefox returns a whitespace (\" \") on event.key when pressing space,\n // therefore using .trim() can help normalize this.\n // While userEvent.keyboard('{Space}') might return 'Unknown' on event.code,\n // making a direct comparison less reliable across all platforms.\n switch (event.key.trim() \|\| event.code) {\n case 'Enter':\n case 'Space':\n case 'Escape':\n event.preventDefault()\n window.requestAnimationFrame(() => {\n onClose()\n buttonRef.current?.focus()\n })\n break\n }\n }\n },\n [buttonRef, onClose]\n )\n\n if (renderAs === 'dialog') {\n return (\n <Dialog\n title={title}\n omitTriggerButton\n openState={isOpen ?? open}\n onClose={onClose}\n >\n {content}\n {children}\n </Dialog>\n )\n }\n\n return (\n <HeightAnimation\n className={classnames('dnb-help-button__content', className)}\n open={isOpen ?? open ?? false}\n >\n <Section\n id={`${contentId}-content`}\n aria-label={convertJsxToString(title)}\n className=\"dnb-no-focus\"\n tabIndex={-1}\n innerRef={innerRef}\n onKeyDown={onKeyDown}\n outset={outsetFromLayout}\n breakout={breakoutFromLayout}\n roundedCorner={!breakoutFromLayout}\n innerSpace={\n breakoutFromLayout\n ? { top: 'small', bottom: 'medium' }\n : {\n top: 'small',\n bottom: 'medium',\n left: 'medium',\n right: 'x-small',\n }\n }\n backgroundColor=\"lavender\"\n {...rest}\n >\n <Flex.Vertical gap=\"x-small\">\n {title && <P weight=\"medium\">{title}</P>}\n {content && <P>{content}</P>}\n </Flex.Vertical>\n {children}\n </Section>\n </HeightAnimation>\n )\n}\n\nfunction HelpButtonIcon() {\n return (\n <>\n <QuestionIcon />\n <CloseIcon />\n </>\n )\n}\n\nHelpButtonInline._supportsSpacingProps = true\nHelpButtonInlineContent._supportsSpacingProps = true\n"],"mappings":"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"}
1	+ {"version":3,"file":"HelpButtonInline.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_HelpButtonInstance","_HeightAnimation","_useSharedState","_componentHelper","_useId","_Section","_elements","_Flex","_CardContext","_Dialog","_icons","_QuestionIcon","_CloseIcon","_excluded","_excluded2","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","HelpButtonInline","props","_help$open","contentId","size","help","focusWhenOpen","className","children","rest","controlId","useId","data","update","useSharedState","isOpen","open","isUserIntent","wasOpenRef","useRef","undefined","buttonRef","toggleOpen","useCallback","current","onClickHandler","_ref","event","preventDefault","onKeyDownHandler","currentTarget","trim","code","window","requestAnimationFrame","title","convertJsxToString","createElement","Fragment","bounding","icon","HelpButtonIcon","id","classnames","on_click","onKeyDown","innerRef","HelpButtonInlineContent","_ref2","helpProp","breakout","outset","focusWhenOpenProp","content","renderAs","breakoutProp","outsetProp","cardContext","useContext","CardContext","breakoutFromLayout","Boolean","outsetFromLayout","useEffect","_innerRef$current","focus","preventScroll","onClose","_buttonRef$current","omitTriggerButton","openState","focusParams","tabIndex","roundedCorner","innerSpace","top","bottom","left","right","backgroundColor","Vertical","gap","P","weight","question","close","_supportsSpacingProps"],"sources":["../../../../src/components/help-button/HelpButtonInline.tsx"],"sourcesContent":["import React, {\n AriaAttributes,\n useCallback,\n useContext,\n useEffect,\n useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { HelpButtonProps } from './HelpButton'\nimport HelpButtonInstance from './HelpButtonInstance'\nimport HeightAnimation from '../HeightAnimation'\nimport { useSharedState } from '../../shared/helpers/useSharedState'\nimport { convertJsxToString } from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport Section from '../Section'\nimport { P } from '../../elements'\nimport Flex from '../Flex'\nimport CardContext from '../card/CardContext'\nimport { SpacingProps } from '../space/types'\nimport Dialog from '../Dialog'\nimport { question as QuestionIcon, close as CloseIcon } from '../../icons'\n\nexport type HelpProps = {\n title?: React.ReactNode\n content?: React.ReactNode\n renderAs?: 'inline' \| 'dialog'\n /** Only for the \"inline\" variant /\n open?: boolean\n /* Only for the \"inline\" variant /\n breakout?: boolean\n /* Only for the \"inline\" variant /\n outset?: boolean\n}\n\nexport type HelpButtonInlineProps = HelpButtonProps & {\n contentId?: string\n help?: HelpProps\n\n /\n If set to `true`, the content will get focus when the help content is opened.\n */\n focusWhenOpen?: boolean\n}\n\nexport type HelpButtonInlineSharedStateDataProps = {\n isOpen: boolean\n isUserIntent?: boolean\n buttonRef?: React.RefObject<HTMLButtonElement>\n focusWhenOpen?: boolean\n}\n\nexport default function HelpButtonInline(props: HelpButtonInlineProps) {\n const {\n contentId,\n size,\n help,\n focusWhenOpen,\n className,\n children,\n ...rest\n } = props\n const controlId = useId(contentId)\n\n const { data, update } =\n useSharedState<HelpButtonInlineSharedStateDataProps>(controlId, {\n isOpen: help?.open ?? false,\n })\n const { isOpen, isUserIntent } = data \|\| {}\n const wasOpenRef = useRef(undefined)\n const buttonRef = useRef<HTMLButtonElement>(null)\n\n const toggleOpen = useCallback(() => {\n update({\n isOpen: !isOpen,\n isUserIntent: !isOpen,\n buttonRef,\n focusWhenOpen,\n })\n wasOpenRef.current = !isOpen\n }, [focusWhenOpen, isOpen, update])\n\n const onClickHandler = useCallback(\n ({ event }: { event: React.MouseEvent<HTMLButtonElement> }) => {\n event.preventDefault() // Because when used inside a FormLabel\n toggleOpen()\n },\n [toggleOpen]\n )\n\n const onKeyDownHandler = useCallback(\n (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.currentTarget === event.target) {\n switch (event.key.trim() \|\| event.code) {\n case 'Escape':\n if (isOpen) {\n event.preventDefault()\n window.requestAnimationFrame(() => {\n toggleOpen()\n })\n }\n break\n }\n }\n },\n [isOpen, toggleOpen]\n )\n\n const title = convertJsxToString(help?.title)\n\n return (\n <>\n <HelpButtonInstance\n bounding\n size={size ?? 'small'}\n icon={HelpButtonIcon}\n title={!isOpen && !wasOpenRef.current ? title : undefined}\n {...rest}\n id={controlId}\n className={classnames(\n 'dnb-help-button__inline',\n isOpen && 'dnb-help-button__inline--open',\n isUserIntent && 'dnb-help-button__inline--user-intent',\n typeof wasOpenRef.current === 'boolean' &&\n 'dnb-help-button__inline--was-open',\n className\n )}\n aria-controls={`${controlId}-content`}\n aria-expanded={isOpen}\n aria-label={title}\n on_click={onClickHandler}\n onKeyDown={onKeyDownHandler}\n innerRef={buttonRef}\n />\n\n {!contentId && (\n <HelpButtonInlineContent\n contentId={controlId}\n help={help}\n focusWhenOpen={focusWhenOpen}\n >\n {children}\n </HelpButtonInlineContent>\n )}\n </>\n )\n}\n\nexport type HelpButtonInlineContentProps = SpacingProps & {\n contentId: string\n className?: string\n children?: React.ReactNode\n help?: HelpProps\n breakout?: boolean\n outset?: boolean\n focusWhenOpen?: boolean\n}\n\nexport function HelpButtonInlineContent(\n props: HelpButtonInlineContentProps\n) {\n const {\n contentId,\n className,\n children,\n help: helpProp,\n breakout = true,\n outset = true,\n focusWhenOpen: focusWhenOpenProp,\n ...rest\n } = props\n const { data, update } =\n useSharedState<HelpButtonInlineSharedStateDataProps>(contentId)\n const {\n isOpen,\n focusWhenOpen = focusWhenOpenProp,\n isUserIntent,\n buttonRef,\n } = data \|\| {}\n const {\n open,\n title,\n content,\n renderAs,\n breakout: breakoutProp = true,\n outset: outsetProp = true,\n } = helpProp \|\| {}\n\n const innerRef = useRef<HTMLDivElement>(null)\n const cardContext = useContext(CardContext)\n const breakoutFromLayout =\n Boolean(cardContext) && breakout && breakoutProp\n const outsetFromLayout = outset && outsetProp\n\n useEffect(() => {\n if (isOpen && isUserIntent && focusWhenOpen) {\n window.requestAnimationFrame(() => {\n innerRef.current?.focus({ preventScroll: true })\n })\n }\n }, [focusWhenOpen, isOpen, isUserIntent])\n\n const onClose = useCallback(() => {\n update({ isOpen: false, isUserIntent: false })\n }, [update])\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.currentTarget === event.target) {\n // Firefox returns a whitespace (\" \") on event.key when pressing space,\n // therefore using .trim() can help normalize this.\n // While userEvent.keyboard('{Space}') might return 'Unknown' on event.code,\n // making a direct comparison less reliable across all platforms.\n switch (event.key.trim() \|\| event.code) {\n case 'Enter':\n case 'Space':\n case 'Escape':\n event.preventDefault()\n window.requestAnimationFrame(() => {\n onClose()\n buttonRef.current?.focus()\n })\n break\n }\n }\n },\n [buttonRef, onClose]\n )\n\n if (renderAs === 'dialog') {\n return (\n <Dialog\n title={title}\n omitTriggerButton\n openState={isOpen ?? open}\n onClose={onClose}\n >\n {content}\n {children}\n </Dialog>\n )\n }\n\n const focusParams = focusWhenOpen\n ? {\n 'aria-label': convertJsxToString(title),\n className: 'dnb-no-focus',\n tabIndex: -1,\n onKeyDown,\n }\n : ({\n 'aria-live': 'polite',\n 'aria-atomic': 'true',\n } as AriaAttributes)\n\n return (\n <HeightAnimation\n className={classnames('dnb-help-button__content', className)}\n open={isOpen ?? open ?? false}\n >\n <Section\n id={`${contentId}-content`}\n {...focusParams}\n innerRef={innerRef}\n outset={outsetFromLayout}\n breakout={breakoutFromLayout}\n roundedCorner={!breakoutFromLayout}\n innerSpace={\n breakoutFromLayout\n ? { top: 'small', bottom: 'medium' }\n : {\n top: 'small',\n bottom: 'medium',\n left: 'medium',\n right: 'x-small',\n }\n }\n backgroundColor=\"lavender\"\n {...rest}\n >\n <Flex.Vertical gap=\"x-small\">\n {title && <P weight=\"medium\">{title}</P>}\n {content && <P>{content}</P>}\n </Flex.Vertical>\n {children}\n </Section>\n </HeightAnimation>\n )\n}\n\nfunction HelpButtonIcon() {\n return (\n <>\n <QuestionIcon />\n <CloseIcon />\n </>\n )\n}\n\nHelpButtonInline._supportsSpacingProps = true\nHelpButtonInlineContent._supportsSpacingProps = true\n"],"mappings":"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"}

package/cjs/components/help-button/HelpButtonInstance.js CHANGED Viewed

@@ -50,7 +50,7 @@ function HelpButtonInstance(localProps) {
       params['aria-roledescription'] = context.getTranslation(props).HelpButton.aria_role;
     }
   }
-  if (!params.text && !params['aria-label']) {
+  if (!params.text && typeof params['aria-label'] === 'undefined') {
     let ariaLabel = (0, _componentHelper.convertJsxToString)(props.title || props.children);
     if (!ariaLabel) {
       ariaLabel = context.getTranslation(props).HelpButton.title;

package/cjs/components/help-button/HelpButtonInstance.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpButtonInstance.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_Context","_SpacingHelper","_Button","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","defaultProps","variant","icon_position","HelpButtonInstance","localProps","context","React","useContext","Context","props","extendPropsWithContext","HelpButton","size","icon","on_click","className","rest","params","classnames","createSpacingClasses","isPotentialHelpButton","text","isHelpButton","includes","getTranslation","aria_role","ariaLabel","convertJsxToString","title","children","icon_size","tooltip","createElement"],"sources":["../../../../src/components/help-button/HelpButtonInstance.tsx"],"sourcesContent":["/*\n Web HelpButton Component\n \n /\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n convertJsxToString,\n extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Button, { ButtonProps } from '../button/Button'\n\nconst defaultProps = {\n variant: 'secondary',\n icon_position: 'left',\n}\n\nexport default function HelpButtonInstance(localProps: ButtonProps) {\n const context = React.useContext(Context)\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContext(\n localProps,\n defaultProps,\n context.HelpButton\n )\n\n const { size, icon, on_click, className, ...rest } = props\n\n const params = {\n className: classnames(\n 'dnb-help-button',\n createSpacingClasses(props),\n className\n ),\n size,\n icon,\n ...rest,\n }\n\n const isPotentialHelpButton =\n !params.text \|\| params.variant === 'tertiary'\n\n if (isPotentialHelpButton && !params.icon && params.icon !== false) {\n params.icon = 'question'\n }\n\n const isHelpButton =\n isPotentialHelpButton &&\n ['question', 'information'].includes(String(params.icon))\n\n if (isHelpButton) {\n if (!params['aria-roledescription']) {\n params['aria-roledescription'] =\n context.getTranslation(props).HelpButton.aria_role\n }\n }\n\n if (!params.text && !params['aria-label']) {\n let ariaLabel = convertJsxToString(props.title \|\| props.children)\n if (!ariaLabel) {\n ariaLabel = context.getTranslation(props).HelpButton.title\n }\n params['aria-label'] = ariaLabel\n }\n\n if (icon === 'information' && !size) {\n params.icon_size = 'medium'\n }\n if (params.title && !params.tooltip && params.tooltip !== false) {\n params.tooltip = params.title\n }\n if (params.tooltip) {\n params.title = null\n }\n\n return <Button on_click={on_click} {...params} />\n}\n"],"mappings":"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~~CAACJ~~,MAAM,CAAC,YAAY,CAAC,EAAE;~~IACzC~~,IAAIS,SAAS,GAAG,IAAAC,mCAAkB,EAAClB,KAAK,CAACmB,KAAK,IAAInB,KAAK,CAACoB,QAAQ,CAAC;IACjE,IAAI,CAACH,SAAS,EAAE;MACdA,SAAS,GAAGrB,OAAO,CAACmB,cAAc,CAACf,KAAK,CAAC,CAACE,UAAU,CAACiB,KAAK;IAC5D;IACAX,MAAM,CAAC,YAAY,CAAC,GAAGS,SAAS;EAClC;EAEA,IAAIb,IAAI,KAAK,aAAa,IAAI,CAACD,IAAI,EAAE;IACnCK,MAAM,CAACa,SAAS,GAAG,QAAQ;EAC7B;EACA,IAAIb,MAAM,CAACW,KAAK,IAAI,CAACX,MAAM,CAACc,OAAO,IAAId,MAAM,CAACc,OAAO,KAAK,KAAK,EAAE;IAC/Dd,MAAM,CAACc,OAAO,GAAGd,MAAM,CAACW,KAAK;EAC/B;EACA,IAAIX,MAAM,CAACc,OAAO,EAAE;IAClBd,MAAM,CAACW,KAAK,GAAG,IAAI;EACrB;EAEA,OAAO9F,MAAA,CAAAW,OAAA,CAAAuF,aAAA,CAAC3F,OAAA,CAAAI,OAAM,EAAAC,QAAA;IAACoE,QAAQ,EAAEA;EAAS,GAAKG,MAAM,CAAG,CAAC;AACnD"}
1	+ {"version":3,"file":"HelpButtonInstance.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_Context","_SpacingHelper","_Button","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","defaultProps","variant","icon_position","HelpButtonInstance","localProps","context","React","useContext","Context","props","extendPropsWithContext","HelpButton","size","icon","on_click","className","rest","params","classnames","createSpacingClasses","isPotentialHelpButton","text","isHelpButton","includes","getTranslation","aria_role","ariaLabel","convertJsxToString","title","children","icon_size","tooltip","createElement"],"sources":["../../../../src/components/help-button/HelpButtonInstance.tsx"],"sourcesContent":["/*\n Web HelpButton Component\n \n /\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n convertJsxToString,\n extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Button, { ButtonProps } from '../button/Button'\n\nconst defaultProps = {\n variant: 'secondary',\n icon_position: 'left',\n}\n\nexport default function HelpButtonInstance(localProps: ButtonProps) {\n const context = React.useContext(Context)\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContext(\n localProps,\n defaultProps,\n context.HelpButton\n )\n\n const { size, icon, on_click, className, ...rest } = props\n\n const params = {\n className: classnames(\n 'dnb-help-button',\n createSpacingClasses(props),\n className\n ),\n size,\n icon,\n ...rest,\n }\n\n const isPotentialHelpButton =\n !params.text \|\| params.variant === 'tertiary'\n\n if (isPotentialHelpButton && !params.icon && params.icon !== false) {\n params.icon = 'question'\n }\n\n const isHelpButton =\n isPotentialHelpButton &&\n ['question', 'information'].includes(String(params.icon))\n\n if (isHelpButton) {\n if (!params['aria-roledescription']) {\n params['aria-roledescription'] =\n context.getTranslation(props).HelpButton.aria_role\n }\n }\n\n if (!params.text && typeof params['aria-label'] === 'undefined') {\n let ariaLabel = convertJsxToString(props.title \|\| props.children)\n if (!ariaLabel) {\n ariaLabel = context.getTranslation(props).HelpButton.title\n }\n params['aria-label'] = ariaLabel\n }\n\n if (icon === 'information' && !size) {\n params.icon_size = 'medium'\n }\n if (params.title && !params.tooltip && params.tooltip !== false) {\n params.tooltip = params.title\n }\n if (params.tooltip) {\n params.title = null\n }\n\n return <Button on_click={on_click} {...params} />\n}\n"],"mappings":"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"}

package/cjs/components/slider/SliderDocs.js CHANGED Viewed

@@ -56,12 +56,12 @@ const SliderProperties = {
     status: 'optional'
   },
   subtractTitle: {
-    doc: 'Give the subtract button a title for accessibility reasons. Defaults to `−`.',
+    doc: 'Give the subtract button a title for accessibility reasons. Defaults to `Decrease (%s)`.',
     type: 'string',
     status: 'optional'
   },
   addTitle: {
-    doc: 'Give the add button a title for accessibility reasons. Defaults to `+`.',
+    doc: 'Give the add button a title for accessibility reasons. Defaults to `Increase (%s)`.',
     type: 'string',
     status: 'optional'
   },

package/cjs/components/slider/SliderDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderDocs.js","names":["SliderProperties","value","doc","type","status","min","max","step","vertical","reverse","stretch","hideButtons","multiThumbBehavior","thumbTitle","subtractTitle","addTitle","numberFormat","tooltip","alwaysShowTooltip","label","labelDirection","labelSrOnly","statusState","statusProps","globalStatusId","suffix","skeleton","extensions","exports","SliderEvents","onChange","onDragStart","onDragEnd"],"sources":["../../../../src/components/slider/SliderDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const SliderProperties: PropertiesTableProps = {\n value: {\n doc: 'The `value` of the slider as a number or an array. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multiple thumbs).',\n type: ['number', 'Array<number>'],\n status: 'required',\n },\n min: {\n doc: 'The minimum value. Can be a negative number as well. Defaults to `0`.',\n type: 'number',\n status: 'optional',\n },\n max: {\n doc: 'The maximum value. Defaults to `100`.',\n type: 'number',\n status: 'optional',\n },\n step: {\n doc: 'The steps the slider takes on changing the value. Defaults to `null`.',\n type: 'number',\n status: 'optional',\n },\n vertical: {\n doc: 'Show the slider vertically. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n reverse: {\n doc: 'Show the slider reversed. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n stretch: {\n doc: 'If set to `true`, then the slider will be 100% in `width`.',\n type: 'boolean',\n status: 'optional',\n },\n hideButtons: {\n doc: 'Removes the helper buttons. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n multiThumbBehavior: {\n doc: 'Use either `omit`, `push` or `swap`. This property only works for two (range) or more thumb buttons, while `omit` will stop the thumb from swapping, `push` will push its nearest thumb along. Defaults to `swap`.',\n type: 'string',\n status: 'optional',\n },\n thumbTitle: {\n doc: 'Give the slider thumb button a title for accessibility reasons. Defaults to `null`.',\n type: 'string',\n status: 'optional',\n },\n subtractTitle: {\n doc: 'Give the subtract button a title for accessibility reasons. Defaults to ~~`−`.~~',\n type: 'string',\n status: 'optional',\n },\n addTitle: {\n doc: 'Give the add button a title for accessibility reasons. Defaults to ~~`+`.~~',\n type: 'string',\n status: 'optional',\n },\n numberFormat: {\n doc: 'Will extend the return object with a `number` property (from `onChange` event). You can use all the options from the [NumberFormat](/uilib/components/number-format/properties) component. It also will use that formatted number in the increase/decrease buttons. If it has to represent a currency, then use e.g. `numberFormat={{ currency: true, decimals: 0 }}`',\n type: 'object',\n status: 'optional',\n },\n tooltip: {\n doc: 'Use `true` to show a tooltip on `mouseOver`, `touchStart` and `focus`, showing the current number (if `numberFormat` is given) or the raw value.',\n type: 'boolean',\n status: 'optional',\n },\n alwaysShowTooltip: {\n doc: 'Use `true` to always show the tooltip, in addition to the `tooltip` property.',\n type: 'boolean',\n status: 'optional',\n },\n label: {\n doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n type: 'string',\n status: 'optional',\n },\n labelDirection: {\n doc: 'Use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n type: 'string',\n status: 'optional',\n },\n labelSrOnly: {\n doc: 'Use `true` to make the label only readable by screen readers.',\n type: 'boolean',\n status: 'optional',\n },\n status: {\n doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n type: 'string',\n status: 'optional',\n },\n statusState: {\n doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n type: 'string',\n status: 'optional',\n },\n statusProps: {\n doc: 'Use an object to define additional FormStatus properties.',\n type: 'object',\n status: 'optional',\n },\n globalStatusId: {\n doc: 'The `status_id` used for the target [GlobalStatus](/uilib/components/global-status).',\n type: 'string',\n status: 'optional',\n },\n suffix: {\n doc: 'Text describing the content of the Slider more than the label. You can also send in a React component, so it gets wrapped inside the Slider component.',\n type: 'string',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n extensions: {\n doc: 'Makes it possible to display overlays with other functionality such as a marker on the slider marking a given value.',\n type: 'object',\n status: 'optional',\n },\n '[Space](/uilib/layout/space/properties)': {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const SliderEvents: PropertiesTableProps = {\n onChange: {\n doc: 'will be called on state changes made by the user. The callback `value` and `rawValue` is a number `{ value, rawValue, event }`. But if the prop `numberFormat` is given, then it will return an additional `number` with the given format `{ value, number, rawValue, event }`.',\n type: 'function',\n status: 'optional',\n },\n onDragStart: {\n doc: 'will be called once the user stops dragging. Returns `{ event }`.',\n type: 'function',\n status: 'optional',\n },\n onDragEnd: {\n doc: 'will be called once the user starts dragging. Returns `{ event }`.',\n type: 'function',\n status: 'optional',\n },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAsC,GAAG;EACpDC,KAAK,EAAE;IACLC,GAAG,EAAE,gMAAgM;IACrMC,IAAI,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC;IACjCC,MAAM,EAAE;EACV,CAAC;EACDC,GAAG,EAAE;IACHH,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,GAAG,EAAE;IACHJ,GAAG,EAAE,uCAAuC;IAC5CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,kBAAkB,EAAE;IAClBV,GAAG,EAAE,oNAAoN;IACzNC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,qFAAqF;IAC1FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,aAAa,EAAE;IACbZ,GAAG,EAAE,~~8EAA8E~~;~~IACnFC~~,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,QAAQ,EAAE;IACRb,GAAG,EAAE,~~yEAAyE~~;~~IAC9EC~~,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,YAAY,EAAE;IACZd,GAAG,EAAE,uWAAuW;IAC5WC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,OAAO,EAAE;IACPf,GAAG,EAAE,kJAAkJ;IACvJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,iBAAiB,EAAE;IACjBhB,GAAG,EAAE,+EAA+E;IACpFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDe,KAAK,EAAE;IACLjB,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,cAAc,EAAE;IACdlB,GAAG,EAAE,iGAAiG;IACtGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,WAAW,EAAE;IACXnB,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,WAAW,EAAE;IACXpB,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDmB,WAAW,EAAE;IACXrB,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDoB,cAAc,EAAE;IACdtB,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDqB,MAAM,EAAE;IACNvB,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDsB,QAAQ,EAAE;IACRxB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDuB,UAAU,EAAE;IACVzB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAwB,OAAA,CAAA5B,gBAAA,GAAAA,gBAAA;AAEM,MAAM6B,YAAkC,GAAG;EAChDC,QAAQ,EAAE;IACR5B,GAAG,EAAE,iRAAiR;IACtRC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD2B,WAAW,EAAE;IACX7B,GAAG,EAAE,mEAAmE;IACxEC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD4B,SAAS,EAAE;IACT9B,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAwB,OAAA,CAAAC,YAAA,GAAAA,YAAA"}
1	+ {"version":3,"file":"SliderDocs.js","names":["SliderProperties","value","doc","type","status","min","max","step","vertical","reverse","stretch","hideButtons","multiThumbBehavior","thumbTitle","subtractTitle","addTitle","numberFormat","tooltip","alwaysShowTooltip","label","labelDirection","labelSrOnly","statusState","statusProps","globalStatusId","suffix","skeleton","extensions","exports","SliderEvents","onChange","onDragStart","onDragEnd"],"sources":["../../../../src/components/slider/SliderDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const SliderProperties: PropertiesTableProps = {\n value: {\n doc: 'The `value` of the slider as a number or an array. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multiple thumbs).',\n type: ['number', 'Array<number>'],\n status: 'required',\n },\n min: {\n doc: 'The minimum value. Can be a negative number as well. Defaults to `0`.',\n type: 'number',\n status: 'optional',\n },\n max: {\n doc: 'The maximum value. Defaults to `100`.',\n type: 'number',\n status: 'optional',\n },\n step: {\n doc: 'The steps the slider takes on changing the value. Defaults to `null`.',\n type: 'number',\n status: 'optional',\n },\n vertical: {\n doc: 'Show the slider vertically. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n reverse: {\n doc: 'Show the slider reversed. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n stretch: {\n doc: 'If set to `true`, then the slider will be 100% in `width`.',\n type: 'boolean',\n status: 'optional',\n },\n hideButtons: {\n doc: 'Removes the helper buttons. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n multiThumbBehavior: {\n doc: 'Use either `omit`, `push` or `swap`. This property only works for two (range) or more thumb buttons, while `omit` will stop the thumb from swapping, `push` will push its nearest thumb along. Defaults to `swap`.',\n type: 'string',\n status: 'optional',\n },\n thumbTitle: {\n doc: 'Give the slider thumb button a title for accessibility reasons. Defaults to `null`.',\n type: 'string',\n status: 'optional',\n },\n subtractTitle: {\n doc: 'Give the subtract button a title for accessibility reasons. Defaults to `Decrease (%s)`.',\n type: 'string',\n status: 'optional',\n },\n addTitle: {\n doc: 'Give the add button a title for accessibility reasons. Defaults to `Increase (%s)`.',\n type: 'string',\n status: 'optional',\n },\n numberFormat: {\n doc: 'Will extend the return object with a `number` property (from `onChange` event). You can use all the options from the [NumberFormat](/uilib/components/number-format/properties) component. It also will use that formatted number in the increase/decrease buttons. If it has to represent a currency, then use e.g. `numberFormat={{ currency: true, decimals: 0 }}`',\n type: 'object',\n status: 'optional',\n },\n tooltip: {\n doc: 'Use `true` to show a tooltip on `mouseOver`, `touchStart` and `focus`, showing the current number (if `numberFormat` is given) or the raw value.',\n type: 'boolean',\n status: 'optional',\n },\n alwaysShowTooltip: {\n doc: 'Use `true` to always show the tooltip, in addition to the `tooltip` property.',\n type: 'boolean',\n status: 'optional',\n },\n label: {\n doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n type: 'string',\n status: 'optional',\n },\n labelDirection: {\n doc: 'Use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n type: 'string',\n status: 'optional',\n },\n labelSrOnly: {\n doc: 'Use `true` to make the label only readable by screen readers.',\n type: 'boolean',\n status: 'optional',\n },\n status: {\n doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n type: 'string',\n status: 'optional',\n },\n statusState: {\n doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n type: 'string',\n status: 'optional',\n },\n statusProps: {\n doc: 'Use an object to define additional FormStatus properties.',\n type: 'object',\n status: 'optional',\n },\n globalStatusId: {\n doc: 'The `status_id` used for the target [GlobalStatus](/uilib/components/global-status).',\n type: 'string',\n status: 'optional',\n },\n suffix: {\n doc: 'Text describing the content of the Slider more than the label. You can also send in a React component, so it gets wrapped inside the Slider component.',\n type: 'string',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n extensions: {\n doc: 'Makes it possible to display overlays with other functionality such as a marker on the slider marking a given value.',\n type: 'object',\n status: 'optional',\n },\n '[Space](/uilib/layout/space/properties)': {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const SliderEvents: PropertiesTableProps = {\n onChange: {\n doc: 'will be called on state changes made by the user. The callback `value` and `rawValue` is a number `{ value, rawValue, event }`. But if the prop `numberFormat` is given, then it will return an additional `number` with the given format `{ value, number, rawValue, event }`.',\n type: 'function',\n status: 'optional',\n },\n onDragStart: {\n doc: 'will be called once the user stops dragging. Returns `{ event }`.',\n type: 'function',\n status: 'optional',\n },\n onDragEnd: {\n doc: 'will be called once the user starts dragging. Returns `{ event }`.',\n type: 'function',\n status: 'optional',\n },\n}\n"],"mappings":"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"}

package/cjs/components/slider/SliderProvider.js CHANGED Viewed

@@ -18,8 +18,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 const defaultProps = {
   statusState: 'error',
-  addTitle: '+',
-  subtractTitle: '−',
   min: 0,
   max: 100,
   value: -1,

package/cjs/components/slider/SliderProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderProvider.js","names":["_react","_interopRequireDefault","require","_filterValidProps","_componentHelper","_Context","_SliderHelpers","_withSnakeCaseProps","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","defaultProps","statusState","addTitle","subtractTitle","min","max","value","multiThumbBehavior","SliderContext","React","createContext","exports","SliderProvider","localProps","context","useContext","Context","allProps","convertSnakeCaseProps","extendPropsWithContext","skeleton","getTranslation","Slider","pickFormElementProps","FormRow","vertical","formElement","_id","useState","makeUniqueId","id","step","label","labelDirection","labelSrOnly","status","statusProps","statusNoAnimation","globalStatus","stretch","suffix","thumbTitle","title","hideButtons","numberFormat","tooltip","alwaysShowTooltip","extensions","disabled","className","onChange","onDragStart","onDragEnd","_vertical","reverse","_reverse","_value","children","_children","attributes","setValue","externValue","updateExternValue","realtimeValue","useRef","thumbState","setThumbState","thumbIndex","shouldAnimate","updateAnimateState","isVertical","isTrue","isReverse","isMulti","Array","isArray","setThumbIndex","index","isNaN","current","getAndUpdateCurrentIndex","currentValue","currentIndex","closestIndex","updateValue","emitChange","event","rawValue","numberValue","roundValue","multiValues","lower","upper","getUpdatedValues","number","getFormattedNumber","dispatchCustomElementEvent","useEffect","hasChanged","some","val","trackRef","animationTimeout","setShouldAnimate","state","clearTimeout","setTimeout","showStatus","getStatusState","showButtons","values","createElement","Provider"],"sources":["../../../../src/components/slider/SliderProvider.tsx"],"sourcesContent":["import React from 'react'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport {\n isTrue,\n makeUniqueId,\n dispatchCustomElementEvent,\n getStatusState,\n extendPropsWithContext,\n} from '../../shared/component-helper'\n\nimport Context from '../../shared/Context'\nimport {\n closestIndex,\n getFormattedNumber,\n getUpdatedValues,\n roundValue,\n} from './SliderHelpers'\n\nimport type {\n ValueTypes,\n onChangeEventProps,\n SliderAllProps,\n SliderContextTypes,\n ThumbStateEnums,\n} from './types'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\n\nconst defaultProps = {\n statusState: 'error',\n addTitle: '+',\n subtractTitle: '−',\n min: 0,\n max: 100,\n value: -1,\n multiThumbBehavior: 'swap',\n}\n\nexport const SliderContext = React.createContext<SliderContextTypes>(null)\n\nexport function SliderProvider(localProps: SliderAllProps) {\n const context = React.useContext(Context)\n const allProps = convertSnakeCaseProps(\n extendPropsWithContext(\n localProps,\n defaultProps,\n { skeleton: context?.skeleton },\n context?.getTranslation(localProps).Slider,\n // Deprecated – can be removed in v11\n pickFormElementProps(\n context?.FormRow,\n\n /*\n Exclude some props\n /\n {\n vertical: null,\n }\n ),\n pickFormElementProps(\n context?.formElement,\n\n /\n Exclude some props\n */\n {\n vertical: null,\n }\n ),\n context?.Slider\n )\n )\n\n const [_id] = React.useState(makeUniqueId)\n if (!allProps.id) {\n allProps.id = _id\n }\n\n const {\n step,\n label, // eslint-disable-line\n labelDirection, // eslint-disable-line\n labelSrOnly, // eslint-disable-line\n status, // eslint-disable-line\n statusState, // eslint-disable-line\n statusProps, // eslint-disable-line\n statusNoAnimation, // eslint-disable-line\n globalStatus, // eslint-disable-line\n stretch, // eslint-disable-line\n suffix, // eslint-disable-line\n thumbTitle: title, // eslint-disable-line\n subtractTitle, // eslint-disable-line\n addTitle, // eslint-disable-line\n hideButtons, // eslint-disable-line\n multiThumbBehavior,\n numberFormat,\n tooltip, // eslint-disable-line\n alwaysShowTooltip, // eslint-disable-line\n skeleton,\n max, // eslint-disable-line\n min, // eslint-disable-line\n extensions, // eslint-disable-line\n disabled,\n className, // eslint-disable-line\n id, // eslint-disable-line\n onChange,\n onDragStart, // eslint-disable-line\n onDragEnd, // eslint-disable-line\n vertical: _vertical,\n reverse: _reverse,\n value: _value,\n children: _children, // eslint-disable-line\n\n ...attributes // Find a DOM element to forwards props too when multi buttons are supported\n } = allProps\n\n const [value, setValue] = React.useState<ValueTypes>(_value)\n const [externValue, updateExternValue] =\n React.useState<ValueTypes>(_value)\n const realtimeValue = React.useRef<ValueTypes>(_value)\n const [thumbState, setThumbState] =\n React.useState<ThumbStateEnums>('initial')\n const thumbIndex = React.useRef<number>(-1)\n const [shouldAnimate, updateAnimateState] =\n React.useState<boolean>(false)\n const [isVertical] = React.useState(isTrue(_vertical))\n const [isReverse] = React.useState(\n isVertical ? !isTrue(_reverse) : isTrue(_reverse)\n )\n const isMulti = Array.isArray(value)\n const setThumbIndex = (index: number) => {\n if (!isNaN(index)) {\n thumbIndex.current = index\n }\n }\n\n const getAndUpdateCurrentIndex = (currentValue: number) => {\n let currentIndex = null\n\n if (thumbIndex.current > -1) {\n currentIndex = thumbIndex.current\n } else {\n currentIndex = closestIndex(currentValue, value as Array<number>)\n setThumbIndex(currentIndex)\n }\n\n return currentIndex\n }\n\n const updateValue = (value: ValueTypes) => {\n setValue(value)\n realtimeValue.current = value\n }\n\n const emitChange = (\n event: MouseEvent \| TouchEvent,\n rawValue: number\n ) => {\n if (disabled \|\| isTrue(skeleton)) {\n return\n }\n\n let numberValue = roundValue(rawValue, { step, min, max })\n let multiValues: ValueTypes = numberValue\n\n if (numberValue >= min) {\n if (isMulti) {\n const currentIndex = getAndUpdateCurrentIndex(numberValue)\n const lower = realtimeValue.current[currentIndex - 1]\n const upper = realtimeValue.current[currentIndex + 1]\n\n if (multiThumbBehavior === 'omit') {\n if (numberValue < lower) {\n numberValue = lower\n }\n if (numberValue > upper) {\n numberValue = upper\n }\n }\n\n multiValues = getUpdatedValues(\n multiThumbBehavior === 'push'\n ? (realtimeValue.current as Array<number>)\n : value,\n currentIndex,\n numberValue\n )\n\n if (multiThumbBehavior === 'push') {\n if (typeof lower !== 'undefined' && numberValue < lower) {\n multiValues[currentIndex - 1] = numberValue\n }\n if (typeof upper !== 'undefined' && numberValue >= upper) {\n multiValues[currentIndex + 1] = numberValue\n }\n }\n\n if (numberValue === realtimeValue.current[currentIndex]) {\n return // stop here\n }\n } else if (numberValue === realtimeValue.current) {\n return // stop here\n }\n\n if (typeof onChange === 'function') {\n const obj: onChangeEventProps = {\n value: multiValues,\n rawValue,\n event,\n number: null,\n }\n\n if (numberFormat) {\n obj.number = getFormattedNumber(numberValue, numberFormat).number\n }\n\n dispatchCustomElementEvent(allProps, 'onChange', obj)\n }\n\n updateValue(multiValues)\n }\n }\n\n React.useEffect(() => {\n if (isMulti) {\n const hasChanged = (_value as Array<number>).some((val, i) => {\n return val !== externValue[i]\n })\n\n if (hasChanged) {\n updateValue(_value)\n updateExternValue(_value)\n }\n } else if (_value !== externValue) {\n updateValue(_value)\n updateExternValue(_value)\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_value, isMulti])\n\n const trackRef = React.useRef<HTMLElement>()\n\n const animationTimeout = React.useRef<NodeJS.Timeout>()\n const setShouldAnimate = (state: boolean) => {\n updateAnimateState(state)\n clearTimeout(animationTimeout.current)\n if (state) {\n animationTimeout.current = setTimeout(\n () => updateAnimateState(false),\n 250\n )\n }\n }\n\n const showStatus = getStatusState(status)\n const showButtons = !isMulti && !isTrue(hideButtons)\n const values = (isMulti ? value : [value]) as Array<number>\n\n return (\n <SliderContext.Provider\n value={{\n isMulti,\n isReverse,\n isVertical,\n shouldAnimate,\n value,\n values,\n setValue,\n attributes,\n showStatus,\n showButtons,\n thumbState,\n setThumbState,\n thumbIndex,\n setThumbIndex,\n emitChange,\n allProps,\n trackRef,\n setShouldAnimate,\n animationTimeout,\n }}\n >\n {localProps.children}\n </SliderContext.Provider>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SliderProvider.js","names":["_react","_interopRequireDefault","require","_filterValidProps","_componentHelper","_Context","_SliderHelpers","_withSnakeCaseProps","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","defaultProps","statusState","min","max","value","multiThumbBehavior","SliderContext","React","createContext","exports","SliderProvider","localProps","context","useContext","Context","allProps","convertSnakeCaseProps","extendPropsWithContext","skeleton","getTranslation","Slider","pickFormElementProps","FormRow","vertical","formElement","_id","useState","makeUniqueId","id","step","label","labelDirection","labelSrOnly","status","statusProps","statusNoAnimation","globalStatus","stretch","suffix","thumbTitle","title","subtractTitle","addTitle","hideButtons","numberFormat","tooltip","alwaysShowTooltip","extensions","disabled","className","onChange","onDragStart","onDragEnd","_vertical","reverse","_reverse","_value","children","_children","attributes","setValue","externValue","updateExternValue","realtimeValue","useRef","thumbState","setThumbState","thumbIndex","shouldAnimate","updateAnimateState","isVertical","isTrue","isReverse","isMulti","Array","isArray","setThumbIndex","index","isNaN","current","getAndUpdateCurrentIndex","currentValue","currentIndex","closestIndex","updateValue","emitChange","event","rawValue","numberValue","roundValue","multiValues","lower","upper","getUpdatedValues","number","getFormattedNumber","dispatchCustomElementEvent","useEffect","hasChanged","some","val","trackRef","animationTimeout","setShouldAnimate","state","clearTimeout","setTimeout","showStatus","getStatusState","showButtons","values","createElement","Provider"],"sources":["../../../../src/components/slider/SliderProvider.tsx"],"sourcesContent":["import React from 'react'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport {\n isTrue,\n makeUniqueId,\n dispatchCustomElementEvent,\n getStatusState,\n extendPropsWithContext,\n} from '../../shared/component-helper'\n\nimport Context from '../../shared/Context'\nimport {\n closestIndex,\n getFormattedNumber,\n getUpdatedValues,\n roundValue,\n} from './SliderHelpers'\n\nimport type {\n ValueTypes,\n onChangeEventProps,\n SliderAllProps,\n SliderContextTypes,\n ThumbStateEnums,\n} from './types'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\n\nconst defaultProps = {\n statusState: 'error',\n min: 0,\n max: 100,\n value: -1,\n multiThumbBehavior: 'swap',\n}\n\nexport const SliderContext = React.createContext<SliderContextTypes>(null)\n\nexport function SliderProvider(localProps: SliderAllProps) {\n const context = React.useContext(Context)\n const allProps = convertSnakeCaseProps(\n extendPropsWithContext(\n localProps,\n defaultProps,\n { skeleton: context?.skeleton },\n context?.getTranslation(localProps).Slider,\n // Deprecated – can be removed in v11\n pickFormElementProps(\n context?.FormRow,\n\n /*\n Exclude some props\n /\n {\n vertical: null,\n }\n ),\n pickFormElementProps(\n context?.formElement,\n\n /\n Exclude some props\n */\n {\n vertical: null,\n }\n ),\n context?.Slider\n )\n )\n\n const [_id] = React.useState(makeUniqueId)\n if (!allProps.id) {\n allProps.id = _id\n }\n\n const {\n step,\n label, // eslint-disable-line\n labelDirection, // eslint-disable-line\n labelSrOnly, // eslint-disable-line\n status, // eslint-disable-line\n statusState, // eslint-disable-line\n statusProps, // eslint-disable-line\n statusNoAnimation, // eslint-disable-line\n globalStatus, // eslint-disable-line\n stretch, // eslint-disable-line\n suffix, // eslint-disable-line\n thumbTitle: title, // eslint-disable-line\n subtractTitle, // eslint-disable-line\n addTitle, // eslint-disable-line\n hideButtons, // eslint-disable-line\n multiThumbBehavior,\n numberFormat,\n tooltip, // eslint-disable-line\n alwaysShowTooltip, // eslint-disable-line\n skeleton,\n max, // eslint-disable-line\n min, // eslint-disable-line\n extensions, // eslint-disable-line\n disabled,\n className, // eslint-disable-line\n id, // eslint-disable-line\n onChange,\n onDragStart, // eslint-disable-line\n onDragEnd, // eslint-disable-line\n vertical: _vertical,\n reverse: _reverse,\n value: _value,\n children: _children, // eslint-disable-line\n\n ...attributes // Find a DOM element to forwards props too when multi buttons are supported\n } = allProps\n\n const [value, setValue] = React.useState<ValueTypes>(_value)\n const [externValue, updateExternValue] =\n React.useState<ValueTypes>(_value)\n const realtimeValue = React.useRef<ValueTypes>(_value)\n const [thumbState, setThumbState] =\n React.useState<ThumbStateEnums>('initial')\n const thumbIndex = React.useRef<number>(-1)\n const [shouldAnimate, updateAnimateState] =\n React.useState<boolean>(false)\n const [isVertical] = React.useState(isTrue(_vertical))\n const [isReverse] = React.useState(\n isVertical ? !isTrue(_reverse) : isTrue(_reverse)\n )\n const isMulti = Array.isArray(value)\n const setThumbIndex = (index: number) => {\n if (!isNaN(index)) {\n thumbIndex.current = index\n }\n }\n\n const getAndUpdateCurrentIndex = (currentValue: number) => {\n let currentIndex = null\n\n if (thumbIndex.current > -1) {\n currentIndex = thumbIndex.current\n } else {\n currentIndex = closestIndex(currentValue, value as Array<number>)\n setThumbIndex(currentIndex)\n }\n\n return currentIndex\n }\n\n const updateValue = (value: ValueTypes) => {\n setValue(value)\n realtimeValue.current = value\n }\n\n const emitChange = (\n event: MouseEvent \| TouchEvent,\n rawValue: number\n ) => {\n if (disabled \|\| isTrue(skeleton)) {\n return\n }\n\n let numberValue = roundValue(rawValue, { step, min, max })\n let multiValues: ValueTypes = numberValue\n\n if (numberValue >= min) {\n if (isMulti) {\n const currentIndex = getAndUpdateCurrentIndex(numberValue)\n const lower = realtimeValue.current[currentIndex - 1]\n const upper = realtimeValue.current[currentIndex + 1]\n\n if (multiThumbBehavior === 'omit') {\n if (numberValue < lower) {\n numberValue = lower\n }\n if (numberValue > upper) {\n numberValue = upper\n }\n }\n\n multiValues = getUpdatedValues(\n multiThumbBehavior === 'push'\n ? (realtimeValue.current as Array<number>)\n : value,\n currentIndex,\n numberValue\n )\n\n if (multiThumbBehavior === 'push') {\n if (typeof lower !== 'undefined' && numberValue < lower) {\n multiValues[currentIndex - 1] = numberValue\n }\n if (typeof upper !== 'undefined' && numberValue >= upper) {\n multiValues[currentIndex + 1] = numberValue\n }\n }\n\n if (numberValue === realtimeValue.current[currentIndex]) {\n return // stop here\n }\n } else if (numberValue === realtimeValue.current) {\n return // stop here\n }\n\n if (typeof onChange === 'function') {\n const obj: onChangeEventProps = {\n value: multiValues,\n rawValue,\n event,\n number: null,\n }\n\n if (numberFormat) {\n obj.number = getFormattedNumber(numberValue, numberFormat).number\n }\n\n dispatchCustomElementEvent(allProps, 'onChange', obj)\n }\n\n updateValue(multiValues)\n }\n }\n\n React.useEffect(() => {\n if (isMulti) {\n const hasChanged = (_value as Array<number>).some((val, i) => {\n return val !== externValue[i]\n })\n\n if (hasChanged) {\n updateValue(_value)\n updateExternValue(_value)\n }\n } else if (_value !== externValue) {\n updateValue(_value)\n updateExternValue(_value)\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_value, isMulti])\n\n const trackRef = React.useRef<HTMLElement>()\n\n const animationTimeout = React.useRef<NodeJS.Timeout>()\n const setShouldAnimate = (state: boolean) => {\n updateAnimateState(state)\n clearTimeout(animationTimeout.current)\n if (state) {\n animationTimeout.current = setTimeout(\n () => updateAnimateState(false),\n 250\n )\n }\n }\n\n const showStatus = getStatusState(status)\n const showButtons = !isMulti && !isTrue(hideButtons)\n const values = (isMulti ? value : [value]) as Array<number>\n\n return (\n <SliderContext.Provider\n value={{\n isMulti,\n isReverse,\n isVertical,\n shouldAnimate,\n value,\n values,\n setValue,\n attributes,\n showStatus,\n showButtons,\n thumbState,\n setThumbState,\n thumbIndex,\n setThumbIndex,\n emitChange,\n allProps,\n trackRef,\n setShouldAnimate,\n animationTimeout,\n }}\n >\n {localProps.children}\n </SliderContext.Provider>\n )\n}\n"],"mappings":"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"}

package/cjs/components/slider/types.d.ts CHANGED Viewed

@@ -38,9 +38,9 @@ export type SliderProps = IncludeSnakeCase<{
     suffix?: SuffixChildren;
     /** give the slider thumb button a title for accessibility reasons. Defaults to `null`. */
     thumbTitle?: string;
-    /** give the add button a title for accessibility reasons. Defaults to `+`. */
+    /** give the add button a title for accessibility reasons. Defaults to `Increase (%s)`. */
     addTitle?: string;
-    /** give the subtract button a title for accessibility reasons. Defaults to `−`. */
+    /** give the subtract button a title for accessibility reasons. Defaults to `Decrease (%s)`. */
     subtractTitle?: string;
     /** the minimum value. Defaults to `0`. */
     min?: number;

package/cjs/components/slider/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/slider/types.ts"],"sourcesContent":["import React from 'react'\n\nimport type { SuffixChildren } from '../../shared/helpers/Suffix'\nimport type {\n formatReturnType,\n formatOptionParams,\n} from '../number-format/NumberUtils'\nimport { IncludeSnakeCase } from '../../shared/helpers/withSnakeCaseProps'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { GlobalStatusConfigObject } from '../GlobalStatus'\n\nexport type ValueTypes = number \| Array<number>\nexport type NumberFormatTypes =\n \| formatOptionParams\n \| ((value: number) => unknown)\nexport type onChangeEventProps = {\n value: ValueTypes\n rawValue: number\n number?: formatReturnType \| null\n event?: Event\n}\n\nexport type SliderExtensions = Record<\n string,\n { instance: React.ElementType; [key: string]: unknown }\n>\n\nexport type SliderProps = IncludeSnakeCase<{\n /** prepends the Form Label component. If no ID is provided, a random ID is created. /\n label?: React.ReactNode\n\n /* use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`. /\n labelDirection?: 'vertical' \| 'horizontal'\n\n /* use `true` to make the label only readable by screen readers. /\n labelSrOnly?: boolean\n\n /* text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message. /\n status?: string \| boolean\n\n /* defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`. /\n statusState?: 'error' \| 'info'\n\n /* use an object to define additional FormStatus properties. /\n statusProps?: Record<string, unknown>\n statusNoAnimation?: boolean\n\n /* the `status_id` used for the target [GlobalStatus](/uilib/components/global-status). /\n globalStatus?: GlobalStatusConfigObject\n\n /* text describing the content of the Slider more than the label. You can also send in a React component, so it gets wrapped inside the Slider component. /\n suffix?: SuffixChildren\n\n /* give the slider thumb button a title for accessibility reasons. Defaults to `null`. /\n thumbTitle?: string\n\n /* give the add button a title for accessibility reasons. Defaults to ~~`+`.~~ /\n addTitle?: string\n\n /* give the subtract button a title for accessibility reasons. Defaults to ~~`−`.~~ /\n subtractTitle?: string\n\n /* the minimum value. Defaults to `0`. /\n min?: number\n\n /* the maximum value. Defaults to `100`. /\n max?: number\n\n /* the `value` of the slider as a number. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multiple thumbs). /\n value?: ValueTypes\n\n /* the steps the slider takes on changing the value. Defaults to `null`. /\n step?: number\n\n /* makes it possible to display overlays with other functionality such as a marker on the slider marking a given value. /\n extensions: SliderExtensions\n\n /* show the slider vertically. Defaults to `false`. /\n vertical?: boolean\n\n /* show the slider reversed. Defaults to `false`. /\n reverse?: boolean\n\n /* if set to `true`, then the slider will be 100% in `width`. /\n stretch?: boolean\n\n /* provide a function callback or use the options from the [NumberFormat](/uilib/components/number-format/properties) component. It will show a formatted number in the Tooltip (`tooltip={true}`) and enhance the screen reader UX. It will also extend the `onChange` event return object with a formatted `number` property. /\n numberFormat?: NumberFormatTypes\n\n /* use `true` to show a tooltip on `mouseOver`, `touchStart` and `focus`, showing the current number (if `numberFormat` is given) or the raw value. Defaults to `null`. /\n tooltip: boolean\n\n /* use `true` to always show the tooltip, in addition to the `tooltip` property. /\n alwaysShowTooltip: boolean\n\n /* removes the helper buttons. Defaults to `false`. /\n hideButtons?: boolean\n\n /* use either `omit`, `push` or `swap`. This property only works for two (range) or more thumb buttons, while `omit` will stop the thumb from swapping, `push` will push its nearest thumb along. Defaults to `swap`. /\n multiThumbBehavior?: 'swap' \| 'omit' \| 'push'\n\n /* if set to `true`, an overlaying skeleton with animation will be shown. /\n skeleton?: SkeletonShow\n\n id?: string\n disabled?: boolean\n className?: string\n\n /* will be called on state changes made by the user. The callback `value` and `rawValue` is a number `{ value, rawValue, event }`. But if the prop `numberFormat` is given, then it will return an additional `number` with the given format `{ value, number, rawValue, event }`. /\n onChange?: (props: onChangeEventProps) => void\n\n /* will be called once the user stops dragging. Returns `{ event }`. /\n onDragStart?: (props: { event: MouseEvent \| TouchEvent }) => void\n\n /* will be called once the user starts dragging. Returns `{ event }`. */\n onDragEnd?: (props: { event: MouseEvent \| TouchEvent }) => void\n\n children?: React.ReactChild\n}>\n\nexport type SliderAllProps = SliderProps &\n SpacingProps &\n Omit<React.HTMLProps<HTMLElement>, keyof SliderProps>\n\nexport type ThumbStateEnums =\n \| 'initial'\n \| 'normal'\n \| 'activated'\n \| 'released'\n\nexport type SliderContextTypes = {\n isMulti: boolean\n isReverse: boolean\n isVertical: boolean\n shouldAnimate: boolean\n thumbState: ThumbStateEnums\n thumbIndex: React.RefObject<number>\n showStatus: boolean\n showButtons: boolean\n attributes: unknown\n allProps: SliderProps\n value: ValueTypes\n values: Array<number>\n setValue: (value: ValueTypes) => void\n setThumbState: (thumbState: ThumbStateEnums) => void\n setThumbIndex: (thumbIndex: number) => void\n emitChange: (emitEvent: MouseEvent \| TouchEvent, value: number) => void\n trackRef: React.RefObject<HTMLElement>\n setShouldAnimate: (state: boolean) => void\n animationTimeout: React.RefObject<NodeJS.Timeout>\n}\n"],"mappings":""}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/slider/types.ts"],"sourcesContent":["import React from 'react'\n\nimport type { SuffixChildren } from '../../shared/helpers/Suffix'\nimport type {\n formatReturnType,\n formatOptionParams,\n} from '../number-format/NumberUtils'\nimport { IncludeSnakeCase } from '../../shared/helpers/withSnakeCaseProps'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { GlobalStatusConfigObject } from '../GlobalStatus'\n\nexport type ValueTypes = number \| Array<number>\nexport type NumberFormatTypes =\n \| formatOptionParams\n \| ((value: number) => unknown)\nexport type onChangeEventProps = {\n value: ValueTypes\n rawValue: number\n number?: formatReturnType \| null\n event?: Event\n}\n\nexport type SliderExtensions = Record<\n string,\n { instance: React.ElementType; [key: string]: unknown }\n>\n\nexport type SliderProps = IncludeSnakeCase<{\n /** prepends the Form Label component. If no ID is provided, a random ID is created. /\n label?: React.ReactNode\n\n /* use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`. /\n labelDirection?: 'vertical' \| 'horizontal'\n\n /* use `true` to make the label only readable by screen readers. /\n labelSrOnly?: boolean\n\n /* text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message. /\n status?: string \| boolean\n\n /* defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`. /\n statusState?: 'error' \| 'info'\n\n /* use an object to define additional FormStatus properties. /\n statusProps?: Record<string, unknown>\n statusNoAnimation?: boolean\n\n /* the `status_id` used for the target [GlobalStatus](/uilib/components/global-status). /\n globalStatus?: GlobalStatusConfigObject\n\n /* text describing the content of the Slider more than the label. You can also send in a React component, so it gets wrapped inside the Slider component. /\n suffix?: SuffixChildren\n\n /* give the slider thumb button a title for accessibility reasons. Defaults to `null`. /\n thumbTitle?: string\n\n /* give the add button a title for accessibility reasons. Defaults to `Increase (%s)`. /\n addTitle?: string\n\n /* give the subtract button a title for accessibility reasons. Defaults to `Decrease (%s)`. /\n subtractTitle?: string\n\n /* the minimum value. Defaults to `0`. /\n min?: number\n\n /* the maximum value. Defaults to `100`. /\n max?: number\n\n /* the `value` of the slider as a number. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multiple thumbs). /\n value?: ValueTypes\n\n /* the steps the slider takes on changing the value. Defaults to `null`. /\n step?: number\n\n /* makes it possible to display overlays with other functionality such as a marker on the slider marking a given value. /\n extensions: SliderExtensions\n\n /* show the slider vertically. Defaults to `false`. /\n vertical?: boolean\n\n /* show the slider reversed. Defaults to `false`. /\n reverse?: boolean\n\n /* if set to `true`, then the slider will be 100% in `width`. /\n stretch?: boolean\n\n /* provide a function callback or use the options from the [NumberFormat](/uilib/components/number-format/properties) component. It will show a formatted number in the Tooltip (`tooltip={true}`) and enhance the screen reader UX. It will also extend the `onChange` event return object with a formatted `number` property. /\n numberFormat?: NumberFormatTypes\n\n /* use `true` to show a tooltip on `mouseOver`, `touchStart` and `focus`, showing the current number (if `numberFormat` is given) or the raw value. Defaults to `null`. /\n tooltip: boolean\n\n /* use `true` to always show the tooltip, in addition to the `tooltip` property. /\n alwaysShowTooltip: boolean\n\n /* removes the helper buttons. Defaults to `false`. /\n hideButtons?: boolean\n\n /* use either `omit`, `push` or `swap`. This property only works for two (range) or more thumb buttons, while `omit` will stop the thumb from swapping, `push` will push its nearest thumb along. Defaults to `swap`. /\n multiThumbBehavior?: 'swap' \| 'omit' \| 'push'\n\n /* if set to `true`, an overlaying skeleton with animation will be shown. /\n skeleton?: SkeletonShow\n\n id?: string\n disabled?: boolean\n className?: string\n\n /* will be called on state changes made by the user. The callback `value` and `rawValue` is a number `{ value, rawValue, event }`. But if the prop `numberFormat` is given, then it will return an additional `number` with the given format `{ value, number, rawValue, event }`. /\n onChange?: (props: onChangeEventProps) => void\n\n /* will be called once the user stops dragging. Returns `{ event }`. /\n onDragStart?: (props: { event: MouseEvent \| TouchEvent }) => void\n\n /* will be called once the user starts dragging. Returns `{ event }`. */\n onDragEnd?: (props: { event: MouseEvent \| TouchEvent }) => void\n\n children?: React.ReactChild\n}>\n\nexport type SliderAllProps = SliderProps &\n SpacingProps &\n Omit<React.HTMLProps<HTMLElement>, keyof SliderProps>\n\nexport type ThumbStateEnums =\n \| 'initial'\n \| 'normal'\n \| 'activated'\n \| 'released'\n\nexport type SliderContextTypes = {\n isMulti: boolean\n isReverse: boolean\n isVertical: boolean\n shouldAnimate: boolean\n thumbState: ThumbStateEnums\n thumbIndex: React.RefObject<number>\n showStatus: boolean\n showButtons: boolean\n attributes: unknown\n allProps: SliderProps\n value: ValueTypes\n values: Array<number>\n setValue: (value: ValueTypes) => void\n setThumbState: (thumbState: ThumbStateEnums) => void\n setThumbIndex: (thumbIndex: number) => void\n emitChange: (emitEvent: MouseEvent \| TouchEvent, value: number) => void\n trackRef: React.RefObject<HTMLElement>\n setShouldAnimate: (state: boolean) => void\n animationTimeout: React.RefObject<NodeJS.Timeout>\n}\n"],"mappings":""}

package/cjs/components/step-indicator/StepIndicator.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ import { StepIndicatorContextValues } from './StepIndicatorContext';
 import type { SpacingProps } from '../../shared/types';
 import type { SkeletonShow } from '../Skeleton';
 import type { StepIndicatorItemProps, StepItemWrapper } from './StepIndicatorItem';
+import { StepIndicatorTriggerButtonProps } from './StepIndicatorTriggerButton';
 export type StepIndicatorMode = 'static' | 'strict' | 'loose';
 export type StepIndicatorDataItem = Pick<StepIndicatorItemProps, 'title' | 'is_current' | 'inactive' | 'disabled' | 'status' | 'status_state' | 'on_click' | 'on_render'>;
 export type StepIndicatorData = string | string[] | StepIndicatorDataItem[];
@@ -78,6 +79,11 @@ export type StepIndicatorProps = Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'
      * Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.
      */
     on_change?: ({ event, item, current_step, currentStep, }: StepIndicatorMouseEvent) => void;
+    /**
+     * The props for the trigger button.
+     * Used internally to pass the props such as a status to the trigger button.
+     */
+    triggerButtonProps?: StepIndicatorTriggerButtonProps;
     /**
      * If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.
      */

package/cjs/components/step-indicator/StepIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicator.js","names":["_react","_interopRequireDefault","require","_StepIndicatorSidebar","_StepIndicatorModal","_StepIndicatorContext","_StepIndicatorProps","_useId","_div","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StepIndicator","_ref","data","stepIndicatorDefaultProps","skeleton","current_step","hide_numbers","no_animation","restOfProps","props","sidebarId","useId","sidebar_id","createElement","StepIndicatorProvider","className","Sidebar","StepIndicatorSidebar","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicator.tsx"],"sourcesContent":["/*\n Web StepIndicator Component\n \n /\n\nimport React from 'react'\n\nimport StepIndicatorSidebar from './StepIndicatorSidebar'\n\nimport StepIndicatorModal from './StepIndicatorModal'\nimport {\n StepIndicatorContextValues,\n StepIndicatorProvider,\n} from './StepIndicatorContext'\n\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type {\n StepIndicatorItemProps,\n StepItemWrapper,\n} from './StepIndicatorItem'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport useId from '../../shared/helpers/useId'\n\nexport type StepIndicatorMode = 'static' \| 'strict' \| 'loose'\nexport type StepIndicatorDataItem = Pick<\n StepIndicatorItemProps,\n \| 'title'\n \| 'is_current'\n \| 'inactive'\n \| 'disabled'\n \| 'status'\n \| 'status_state'\n \| 'on_click'\n \| 'on_render'\n>\nexport type StepIndicatorData = string \| string[] \| StepIndicatorDataItem[]\n\nexport type StepIndicatorMouseEvent = {\n event: React.MouseEvent<HTMLButtonElement>\n item: StepIndicatorItemProps\n currentStep: number\n current_step: number\n}\n\nexport type StepIndicatorRenderCallback = {\n StepItem: typeof StepItemWrapper\n element: React.ReactNode\n attributes: React.HTMLProps<HTMLElement>\n props: StepIndicatorItemProps\n context: StepIndicatorContextValues\n}\n\nexport type StepIndicatorProps = Omit<\n React.HTMLProps<HTMLAnchorElement>,\n 'ref' \| 'data'\n> &\n SpacingProps & {\n /*\n <em>(required with `<StepIndicator.Sidebar />`)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n /\n sidebar_id?: string\n /\n <em>(required)</em> defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n /\n mode: StepIndicatorMode\n /\n <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n /\n data: StepIndicatorData\n /\n The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`\n * Defaults to `Steps Overview`\n /\n overview_title?: string\n /\n The label for `<StepIndicatorTriggerButton />` and supplemental screen reader text for `<StepIndicatorItem />`\n * This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n * `%step` is used to place the current step into the text\n * `%count` is used to place the step total into the text\n * Defaults to `Step %step of %count`\n /\n step_title?: string\n /\n A descriptive label used in `<StepIndicatorModal />`\n * This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n * `%step` is used to place the current step into the text\n * `%count` is used to place the step total into the text\n * Defaults to `You are on step %step of %count`\n /\n step_title_extended?: string\n /\n Defines the active number marked step starting by 0. Defaults to `0`.\n /\n current_step?: number\n /\n Define whether to show automatically counted numbers or not. Defaults to `false`.\n /\n hide_numbers?: boolean\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, currentStep }`.\n /\n on_click?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n /\n Callback function to manipulate or wrap every item. Has to return a React Node. You receive an object you can use in your custom HOC `{ StepItem, element, attributes, props, context }`.\n /\n on_item_render?: ({\n StepItem,\n element,\n attributes,\n props,\n context,\n }: StepIndicatorRenderCallback) => React.ReactNode\n /\n Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.\n /\n on_change?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n\n /\n If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.\n */\n no_animation?: boolean\n skeleton?: SkeletonShow\n className?: string\n children?: React.ReactNode\n }\n\nfunction StepIndicator({\n data = stepIndicatorDefaultProps.data,\n skeleton = stepIndicatorDefaultProps.skeleton,\n current_step = stepIndicatorDefaultProps.current_step,\n hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n no_animation = stepIndicatorDefaultProps.no_animation,\n ...restOfProps\n}: StepIndicatorProps) {\n const props = {\n data,\n skeleton,\n current_step,\n hide_numbers,\n no_animation,\n ...restOfProps,\n }\n\n const sidebarId = useId(props.sidebar_id)\n\n return (\n <StepIndicatorProvider {...props} sidebar_id={sidebarId}>\n <div className=\"dnb-step-indicator-wrapper\">\n <StepIndicatorModal />\n </div>\n </StepIndicatorProvider>\n )\n}\n\nStepIndicator.Sidebar = StepIndicatorSidebar\n\nStepIndicator._supportsSpacingProps = true\n\nexport default StepIndicator\n"],"mappings":"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"}
1	+ {"version":3,"file":"StepIndicator.js","names":["_react","_interopRequireDefault","require","_StepIndicatorSidebar","_StepIndicatorModal","_StepIndicatorContext","_StepIndicatorProps","_useId","_div","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StepIndicator","_ref","data","stepIndicatorDefaultProps","skeleton","current_step","hide_numbers","no_animation","restOfProps","props","sidebarId","useId","sidebar_id","createElement","StepIndicatorProvider","className","Sidebar","StepIndicatorSidebar","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicator.tsx"],"sourcesContent":["/*\n Web StepIndicator Component\n \n /\n\nimport React from 'react'\n\nimport StepIndicatorSidebar from './StepIndicatorSidebar'\n\nimport StepIndicatorModal from './StepIndicatorModal'\nimport {\n StepIndicatorContextValues,\n StepIndicatorProvider,\n} from './StepIndicatorContext'\n\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type {\n StepIndicatorItemProps,\n StepItemWrapper,\n} from './StepIndicatorItem'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport useId from '../../shared/helpers/useId'\nimport { StepIndicatorTriggerButtonProps } from './StepIndicatorTriggerButton'\n\nexport type StepIndicatorMode = 'static' \| 'strict' \| 'loose'\nexport type StepIndicatorDataItem = Pick<\n StepIndicatorItemProps,\n \| 'title'\n \| 'is_current'\n \| 'inactive'\n \| 'disabled'\n \| 'status'\n \| 'status_state'\n \| 'on_click'\n \| 'on_render'\n>\nexport type StepIndicatorData = string \| string[] \| StepIndicatorDataItem[]\n\nexport type StepIndicatorMouseEvent = {\n event: React.MouseEvent<HTMLButtonElement>\n item: StepIndicatorItemProps\n currentStep: number\n current_step: number\n}\n\nexport type StepIndicatorRenderCallback = {\n StepItem: typeof StepItemWrapper\n element: React.ReactNode\n attributes: React.HTMLProps<HTMLElement>\n props: StepIndicatorItemProps\n context: StepIndicatorContextValues\n}\n\nexport type StepIndicatorProps = Omit<\n React.HTMLProps<HTMLAnchorElement>,\n 'ref' \| 'data'\n> &\n SpacingProps & {\n /*\n <em>(required with `<StepIndicator.Sidebar />`)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n /\n sidebar_id?: string\n /\n <em>(required)</em> defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n /\n mode: StepIndicatorMode\n /\n <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n /\n data: StepIndicatorData\n /\n The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`\n * Defaults to `Steps Overview`\n /\n overview_title?: string\n /\n The label for `<StepIndicatorTriggerButton />` and supplemental screen reader text for `<StepIndicatorItem />`\n * This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n * `%step` is used to place the current step into the text\n * `%count` is used to place the step total into the text\n * Defaults to `Step %step of %count`\n /\n step_title?: string\n /\n A descriptive label used in `<StepIndicatorModal />`\n * This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n * `%step` is used to place the current step into the text\n * `%count` is used to place the step total into the text\n * Defaults to `You are on step %step of %count`\n /\n step_title_extended?: string\n /\n Defines the active number marked step starting by 0. Defaults to `0`.\n /\n current_step?: number\n /\n Define whether to show automatically counted numbers or not. Defaults to `false`.\n /\n hide_numbers?: boolean\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, currentStep }`.\n /\n on_click?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n /\n Callback function to manipulate or wrap every item. Has to return a React Node. You receive an object you can use in your custom HOC `{ StepItem, element, attributes, props, context }`.\n /\n on_item_render?: ({\n StepItem,\n element,\n attributes,\n props,\n context,\n }: StepIndicatorRenderCallback) => React.ReactNode\n /\n Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.\n /\n on_change?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n\n /\n The props for the trigger button.\n * Used internally to pass the props such as a status to the trigger button.\n /\n triggerButtonProps?: StepIndicatorTriggerButtonProps\n\n /\n If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.\n */\n no_animation?: boolean\n skeleton?: SkeletonShow\n className?: string\n children?: React.ReactNode\n }\n\nfunction StepIndicator({\n data = stepIndicatorDefaultProps.data,\n skeleton = stepIndicatorDefaultProps.skeleton,\n current_step = stepIndicatorDefaultProps.current_step,\n hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n no_animation = stepIndicatorDefaultProps.no_animation,\n ...restOfProps\n}: StepIndicatorProps) {\n const props = {\n data,\n skeleton,\n current_step,\n hide_numbers,\n no_animation,\n ...restOfProps,\n }\n\n const sidebarId = useId(props.sidebar_id)\n\n return (\n <StepIndicatorProvider {...props} sidebar_id={sidebarId}>\n <div className=\"dnb-step-indicator-wrapper\">\n <StepIndicatorModal />\n </div>\n </StepIndicatorProvider>\n )\n}\n\nStepIndicator.Sidebar = StepIndicatorSidebar\n\nStepIndicator._supportsSpacingProps = true\n\nexport default StepIndicator\n"],"mappings":"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"}

package/cjs/components/step-indicator/StepIndicatorContext.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ import React from 'react';
 import { ContextProps } from '../../shared/Context';
 import { StepIndicatorData, StepIndicatorMode, StepIndicatorProps } from './StepIndicator';
 import { StepIndicatorItemProps } from './StepIndicatorItem';
+import { StepIndicatorTriggerButtonProps } from './StepIndicatorTriggerButton';
 export type StepIndicatorContextValues = StepIndicatorProviderProps & StepIndicatorProviderStates & ContextProps;
 declare const StepIndicatorContext: React.Context<StepIndicatorContextValues>;
 export default StepIndicatorContext;
@@ -24,6 +25,7 @@ export type StepIndicatorProviderProps = Omit<StepIndicatorProps, 'mode' | 'data
     mode?: StepIndicatorMode;
     children: React.ReactNode;
     isSidebar?: boolean;
+    triggerButtonProps?: StepIndicatorTriggerButtonProps;
 };
 export type StepIndicatorProviderStates = {
     data: (string | StepIndicatorItemProps)[];