@dnb/eufemia 10.11.0 → 10.13.0

package/cjs/components/drawer/parts/DrawerContentContext.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/cjs/components/drawer/parts/DrawerContentContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContentContext.js","names":["_react","require","DrawerContentContext","createContext","exports"],"sources":["../../../../../src/components/drawer/parts/DrawerContentContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport const DrawerContentContext = createContext(null)\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,oBAAoB,GAAG,IAAAC,oBAAa,EAAC,IAAI,CAAC;AAAAC,OAAA,CAAAF,oBAAA,GAAAA,oBAAA"}
+{"version":3,"file":"DrawerContentContext.js","names":["_react","require","DrawerContentContext","createContext","exports"],"sources":["../../../../../src/components/drawer/parts/DrawerContentContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport const DrawerContentContext = createContext(null)\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,oBAAoB,GAAG,IAAAC,oBAAa,EAAC,IAAI,CAAC;AAAAC,OAAA,CAAAF,oBAAA,GAAAA,oBAAA"}

package/cjs/components/flex/Container.js

@@ -26,7 +26,7 @@ const propNames = ['direction', 'wrap', 'justify', 'align', 'divider', 'spacing'
 function pickFlexContainerProps(props) {
   let defaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   let skip = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  return _objectSpread(_objectSpread({}, defaults), Object.fromEntries(Object.entries(props ?? {}).filter(_ref => {
+  return _objectSpread(_objectSpread({}, defaults), Object.fromEntries(Object.entries(props !== null && props !== void 0 ? props : {}).filter(_ref => {
     let [key] = _ref;
     return propNames.includes(key) && !skip.includes(key);
   })));
@@ -74,8 +74,9 @@ function FlexContainer(props) {
     const endSpacing = 0;
     let startSpacing = null;
     if (divider === 'line' && !isFirst && !hasHeading) {
-      const spaceAboveLine = (0, _utils.getSpaceValue)(end, previousChild) ?? spacing;
-      startSpacing = (0, _utils.getSpaceValue)(start, child) ?? spacing;
+      var _getSpaceValue, _getSpaceValue2;
+      const spaceAboveLine = (_getSpaceValue = (0, _utils.getSpaceValue)(end, previousChild)) !== null && _getSpaceValue !== void 0 ? _getSpaceValue : spacing;
+      startSpacing = (_getSpaceValue2 = (0, _utils.getSpaceValue)(start, child)) !== null && _getSpaceValue2 !== void 0 ? _getSpaceValue2 : spacing;
       return _react.default.createElement(_react.default.Fragment, {
         key: `element-${i}`
       }, _react.default.createElement(_Space.default, {
@@ -92,7 +93,8 @@ function FlexContainer(props) {
     if (isFirst && direction !== 'horizontal') {
       startSpacing = 0;
     } else {
-      startSpacing = (0, _utils.getSpaceValue)(start, child) ?? (0, _utils.getSpaceValue)(end, previousChild) ?? spacing;
+      var _ref2, _getSpaceValue3;
+      startSpacing = (_ref2 = (_getSpaceValue3 = (0, _utils.getSpaceValue)(start, child)) !== null && _getSpaceValue3 !== void 0 ? _getSpaceValue3 : (0, _utils.getSpaceValue)(end, previousChild)) !== null && _ref2 !== void 0 ? _ref2 : spacing;
     }
     const space = direction === 'horizontal' ? {
       [start]: endSpacing,

package/cjs/components/flex/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["_react","_interopRequireDefault","require","_classnames","_Space","_elements","_useMedia","_utils","_Hr","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","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","propNames","pickFlexContainerProps","props","defaults","skip","fromEntries","entries","_ref","includes","FlexContainer","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","spacing","breakpoints","queries","rest","childrenArray","React","Children","toArray","hasHeading","some","child","previousChild","isHeadingElement","hasSizeProp","_child$props","size","mediaKey","useMedia","disabled","content","map","isFirst","start","end","endSpacing","startSpacing","spaceAboveLine","getSpaceValue","createElement","Fragment","top","Hr","space","renderWithSpacing","n","cn","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Space from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { DynamicElement } from '../../shared/types'\nimport type { SpaceType, SpacingProps } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | true\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  // For when used as a flex item in an outer container in addition to being a container:\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  divider?: 'space' | 'line'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  element?: DynamicElement\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap'>\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    spacing = 'small',\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const childrenArray = React.Children.toArray(children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const previousChild = childrenArray?.[i - 1]\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      divider === 'line' &&\n      // No line above first element\n      !isFirst &&\n      // No line above/below headings\n      !hasHeading\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Space top={spaceAboveLine} />\n          <Hr space={0} />\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    rowGap && `${n}--row-gap-${rowGap === true ? 'small' : rowGap}`,\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}
+{"version":3,"file":"Container.js","names":["_react","_interopRequireDefault","require","_classnames","_Space","_elements","_useMedia","_utils","_Hr","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","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","propNames","pickFlexContainerProps","props","defaults","skip","fromEntries","entries","_ref","includes","FlexContainer","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","spacing","breakpoints","queries","rest","childrenArray","React","Children","toArray","hasHeading","some","child","previousChild","isHeadingElement","hasSizeProp","_child$props","size","mediaKey","useMedia","disabled","content","map","isFirst","start","end","endSpacing","startSpacing","_getSpaceValue","_getSpaceValue2","spaceAboveLine","getSpaceValue","createElement","Fragment","top","Hr","space","renderWithSpacing","_ref2","_getSpaceValue3","n","cn","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Space from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { DynamicElement } from '../../shared/types'\nimport type { SpaceType, SpacingProps } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | true\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  // For when used as a flex item in an outer container in addition to being a container:\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  divider?: 'space' | 'line'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  element?: DynamicElement\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap'>\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    spacing = 'small',\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const childrenArray = React.Children.toArray(children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const previousChild = childrenArray?.[i - 1]\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      divider === 'line' &&\n      // No line above first element\n      !isFirst &&\n      // No line above/below headings\n      !hasHeading\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Space top={spaceAboveLine} />\n          <Hr space={0} />\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    rowGap && `${n}--row-gap-${rowGap === true ? 'small' : rowGap}`,\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}

package/cjs/components/flex/utils.js

@@ -26,11 +26,11 @@ exports.pickSpacingProps = pickSpacingProps;
 const omitSpacingProps = _SpacingUtils.removeSpaceProps;
 exports.omitSpacingProps = omitSpacingProps;
 const getSpaceValue = (type, element) => {
-  var _element$props, _element$props2;
+  var _element$props$type, _element$props, _element$props2;
   if (!_react.default.isValidElement(element)) {
     return;
   }
-  return ((_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props[type]) ?? (typeof ((_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.space) === 'object' ? element.props.space[type] : undefined);
+  return (_element$props$type = (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props[type]) !== null && _element$props$type !== void 0 ? _element$props$type : typeof ((_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.space) === 'object' ? element.props.space[type] : undefined;
 };
 exports.getSpaceValue = getSpaceValue;
 function isHeadingElement(element) {

package/cjs/components/flex/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["_react","_interopRequireDefault","require","_Space","_SpacingUtils","EufemiaElements","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","pickSpacingProps","props","space","top","bottom","left","right","exports","omitSpacingProps","removeSpaceProps","getSpaceValue","type","element","_element$props","_element$props2","React","isValidElement","undefined","isHeadingElement","_element$type","isEufemiaElement","values","some","eufemiaElement","isSpacePropsComponent","_element$type2","renderWithSpacing","takesSpaceProps","cloneElement","createElement"],"sources":["../../../../src/components/flex/utils.tsx"],"sourcesContent":["import React from 'react'\nimport { SpaceType, SpacingProps } from '../../shared/types'\nimport Space from '../space/Space'\nimport { removeSpaceProps } from '../space/SpacingUtils'\nimport * as EufemiaElements from '../../elements'\nimport { End, Start } from './types'\n\nexport const pickSpacingProps = <Props extends SpacingProps>(\n  props: Props\n): SpacingProps => {\n  return {\n    space: props?.space,\n    top: props?.top,\n    bottom: props?.bottom,\n    left: props?.left,\n    right: props?.right,\n  }\n}\n\nexport const omitSpacingProps = removeSpaceProps\n\nexport const getSpaceValue = (\n  type: Start | End,\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n\n  return (\n    element.props?.[type] ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space[type]\n      : undefined)\n  )\n}\n\nexport function isHeadingElement(\n  element: React.ReactNode & { _isHeadingElement?: boolean }\n): boolean {\n  return (\n    React.isValidElement(element) &&\n    element?.type?.['_isHeadingElement'] === true\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      element?.type?.['_supportsSpacingProps'] === true) ||\n    isEufemiaElement(element)\n  )\n}\n\nexport const renderWithSpacing = (\n  element: React.ReactNode,\n  props: SpacingProps & { key?: string; className?: string }\n) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Space {...props}>{element}</Space>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["_react","_interopRequireDefault","require","_Space","_SpacingUtils","EufemiaElements","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","pickSpacingProps","props","space","top","bottom","left","right","exports","omitSpacingProps","removeSpaceProps","getSpaceValue","type","element","_element$props$type","_element$props","_element$props2","React","isValidElement","undefined","isHeadingElement","_element$type","isEufemiaElement","values","some","eufemiaElement","isSpacePropsComponent","_element$type2","renderWithSpacing","takesSpaceProps","cloneElement","createElement"],"sources":["../../../../src/components/flex/utils.tsx"],"sourcesContent":["import React from 'react'\nimport { SpaceType, SpacingProps } from '../../shared/types'\nimport Space from '../space/Space'\nimport { removeSpaceProps } from '../space/SpacingUtils'\nimport * as EufemiaElements from '../../elements'\nimport { End, Start } from './types'\n\nexport const pickSpacingProps = <Props extends SpacingProps>(\n  props: Props\n): SpacingProps => {\n  return {\n    space: props?.space,\n    top: props?.top,\n    bottom: props?.bottom,\n    left: props?.left,\n    right: props?.right,\n  }\n}\n\nexport const omitSpacingProps = removeSpaceProps\n\nexport const getSpaceValue = (\n  type: Start | End,\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n\n  return (\n    element.props?.[type] ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space[type]\n      : undefined)\n  )\n}\n\nexport function isHeadingElement(\n  element: React.ReactNode & { _isHeadingElement?: boolean }\n): boolean {\n  return (\n    React.isValidElement(element) &&\n    element?.type?.['_isHeadingElement'] === true\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      element?.type?.['_supportsSpacingProps'] === true) ||\n    isEufemiaElement(element)\n  )\n}\n\nexport const renderWithSpacing = (\n  element: React.ReactNode,\n  props: SpacingProps & { key?: string; className?: string }\n) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Space {...props}>{element}</Space>\n  )\n}\n"],"mappings":"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"}

package/cjs/components/form-label/FormLabel.js

@@ -41,8 +41,9 @@ function FormLabel(localProps) {
       label_direction
     } = props,
     attributes = _objectWithoutProperties(props, _excluded);
+  const isInteractive = !props.disabled && !srOnly && (typeof props.onClick === 'function' || forId || for_id);
   const params = _objectSpread({
-    className: (0, _classnames.default)('dnb-form-label', ((0, _componentHelper.isTrue)(vertical) || label_direction === 'vertical') && `dnb-form-label--vertical`, (srOnly || (0, _componentHelper.isTrue)(sr_only)) && 'dnb-sr-only', (0, _SkeletonHelper.createSkeletonClass)('font', skeleton, context), (0, _SpacingHelper.createSpacingClasses)(props), className, size && `dnb-h--${size}`),
+    className: (0, _classnames.default)('dnb-form-label', ((0, _componentHelper.isTrue)(vertical) || label_direction === 'vertical') && `dnb-form-label--vertical`, (srOnly || (0, _componentHelper.isTrue)(sr_only)) && 'dnb-sr-only', (0, _SkeletonHelper.createSkeletonClass)('font', skeleton, context), (0, _SpacingHelper.createSpacingClasses)(props), className, size && `dnb-h--${size}`, isInteractive && 'dnb-form-label--interactive'),
     htmlFor: forId || for_id
   }, attributes);
   params['ref'] = innerRef;

package/cjs/components/form-label/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_SpacingHelper","_SkeletonHelper","_filterValidProps","_Context","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","FormLabel","localProps","context","React","useContext","Context","props","extendPropsWithContext","skeleton","pickFormElementProps","FormRow","formElement","forId","text","srOnly","vertical","size","element","Element","innerRef","className","children","for_id","sr_only","label_direction","attributes","params","classnames","isTrue","createSkeletonClass","createSpacingClasses","htmlFor","skeletonDOMAttributes","validateDOMAttributes","createElement","_supportsSpacingProps"],"sources":["../../../../src/components/form-label/FormLabel.tsx"],"sourcesContent":["/**\n * Web FormLabel Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContext,\n  isTrue,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n} from '../skeleton/SkeletonHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport Context from '../../shared/Context'\nimport {\n  DynamicElement,\n  DynamicElementParams,\n  SpacingProps,\n} from '../../shared/types'\n\nexport type FormLabelProps = {\n  forId?: string\n  element?: DynamicElement<HTMLLabelElement>\n  text?: React.ReactNode\n  size?: 'basis' | 'medium' | 'large'\n  id?: string\n  skeleton?: boolean\n  label?: React.ReactNode\n  vertical?: boolean\n  srOnly?: boolean\n  innerRef?: React.RefObject<HTMLElement>\n\n  /** Is not a part of HTMLLabelElement and not documented as of now */\n  disabled?: boolean\n\n  /** @deprecated use forId instead */\n  for_id?: string\n  /** @deprecated use srOnly instead */\n  sr_only?: boolean\n  /** @deprecated use labelDirection instead (was not documented before) */\n  label_direction?: 'vertical' | 'horizontal'\n}\n\nexport type FormLabelAllProps = FormLabelProps &\n  React.HTMLAttributes<HTMLLabelElement> &\n  SpacingProps\n\nexport default function FormLabel(localProps: FormLabelAllProps) {\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    null,\n    { skeleton: context?.skeleton },\n    pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n    pickFormElementProps(context?.formElement),\n    context?.FormLabel\n  )\n\n  const {\n    forId,\n    text,\n    srOnly,\n    vertical,\n    size,\n    skeleton,\n    element: Element = 'label',\n    innerRef,\n    className,\n    children,\n\n    /** @deprecated can be removed in v11 */\n    for_id,\n    sr_only,\n    label_direction,\n\n    ...attributes\n  } = props\n\n  const params = {\n    className: classnames(\n      'dnb-form-label',\n      (isTrue(vertical) || label_direction === 'vertical') &&\n        `dnb-form-label--vertical`,\n      (srOnly || isTrue(sr_only)) && 'dnb-sr-only',\n      size && `dnb-h--${size}`,\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(props),\n      className\n    ),\n    htmlFor: forId || for_id,\n    ...(attributes as DynamicElementParams),\n  }\n\n  params['ref'] = innerRef\n\n  skeletonDOMAttributes(params, skeleton, context)\n  validateDOMAttributes(localProps, params)\n\n  return <Element {...params}>{text || children}</Element>\n}\n\nFormLabel._supportsSpacingProps = true\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAKA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAIA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA0C,MAAAO,SAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAAxB,GAAA,EAAAuB,GAAA,EAAAK,KAAA,IAAAL,GAAA,GAAAM,cAAA,CAAAN,GAAA,OAAAA,GAAA,IAAAvB,GAAA,IAAAO,MAAA,CAAAoB,cAAA,CAAA3B,GAAA,EAAAuB,GAAA,IAAAK,KAAA,EAAAA,KAAA,EAAAf,UAAA,QAAAiB,YAAA,QAAAC,QAAA,oBAAA/B,GAAA,CAAAuB,GAAA,IAAAK,KAAA,WAAA5B,GAAA;AAAA,SAAA6B,eAAAG,GAAA,QAAAT,GAAA,GAAAU,YAAA,CAAAD,GAAA,2BAAAT,GAAA,gBAAAA,GAAA,GAAAW,MAAA,CAAAX,GAAA;AAAA,SAAAU,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAAA,SAAAU,yBAAAxB,MAAA,EAAAyB,QAAA,QAAAzB,MAAA,yBAAAJ,MAAA,GAAA8B,6BAAA,CAAA1B,MAAA,EAAAyB,QAAA,OAAAvB,GAAA,EAAAL,CAAA,MAAAX,MAAA,CAAAC,qBAAA,QAAAwC,gBAAA,GAAAzC,MAAA,CAAAC,qBAAA,CAAAa,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8B,gBAAA,CAAA5B,MAAA,EAAAF,CAAA,MAAAK,GAAA,GAAAyB,gBAAA,CAAA9B,CAAA,OAAA4B,QAAA,CAAAG,OAAA,CAAA1B,GAAA,uBAAAhB,MAAA,CAAA2C,SAAA,CAAAC,oBAAA,CAAAT,IAAA,CAAArB,MAAA,EAAAE,GAAA,aAAAN,MAAA,CAAAM,GAAA,IAAAF,MAAA,CAAAE,GAAA,cAAAN,MAAA;AAAA,SAAA8B,8BAAA1B,MAAA,EAAAyB,QAAA,QAAAzB,MAAA,yBAAAJ,MAAA,WAAAmC,UAAA,GAAA7C,MAAA,CAAAD,IAAA,CAAAe,MAAA,OAAAE,GAAA,EAAAL,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAkC,UAAA,CAAAhC,MAAA,EAAAF,CAAA,MAAAK,GAAA,GAAA6B,UAAA,CAAAlC,CAAA,OAAA4B,QAAA,CAAAG,OAAA,CAAA1B,GAAA,kBAAAN,MAAA,CAAAM,GAAA,IAAAF,MAAA,CAAAE,GAAA,YAAAN,MAAA;AAkC3B,SAASoC,SAASA,CAACC,UAA6B,EAAE;EAC/D,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,gBAAO,CAAC;EAGzC,MAAMC,KAAK,GAAG,IAAAC,uCAAsB,EAClCN,UAAU,EACV,IAAI,EACJ;IAAEO,QAAQ,EAAEN,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM;EAAS,CAAC,EAC/B,IAAAC,sCAAoB,EAACP,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,OAAO,CAAC,EACtC,IAAAD,sCAAoB,EAACP,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAES,WAAW,CAAC,EAC1CT,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,SACX,CAAC;EAED,MAAM;MACJY,KAAK;MACLC,IAAI;MACJC,MAAM;MACNC,QAAQ;MACRC,IAAI;MACJR,QAAQ;MACRS,OAAO,EAAEC,OAAO,GAAG,OAAO;MAC1BC,QAAQ;MACRC,SAAS;MACTC,QAAQ;MAGRC,MAAM;MACNC,OAAO;MACPC;IAGF,CAAC,GAAGlB,KAAK;IADJmB,UAAU,GAAAjC,wBAAA,CACXc,KAAK,EAAA5D,SAAA;EAET,MAAMgF,MAAM,GAAA/D,aAAA;IACVyD,SAAS,EAAE,IAAAO,mBAAU,EACnB,gBAAgB,EAChB,CAAC,IAAAC,uBAAM,EAACb,QAAQ,CAAC,IAAIS,eAAe,KAAK,UAAU,KAChD,0BAAyB,EAC5B,CAACV,MAAM,IAAI,IAAAc,uBAAM,EAACL,OAAO,CAAC,KAAK,aAAa,EAE5C,IAAAM,mCAAmB,EAAC,MAAM,EAAErB,QAAQ,EAAEN,OAAO,CAAC,EAC9C,IAAA4B,mCAAoB,EAACxB,KAAK,CAAC,EAC3Bc,SAAS,EAHTJ,IAAI,IAAK,UAASA,IAAK,EAIzB,CAAC;IACDe,OAAO,EAAEnB,KAAK,IAAIU;EAAM,GACpBG,UAAU,CACf;EAEDC,MAAM,CAAC,KAAK,CAAC,GAAGP,QAAQ;EAExB,IAAAa,qCAAqB,EAACN,MAAM,EAAElB,QAAQ,EAAEN,OAAO,CAAC;EAChD,IAAA+B,sCAAqB,EAAChC,UAAU,EAAEyB,MAAM,CAAC;EAEzC,OAAOzF,MAAA,CAAAY,OAAA,CAAAqF,aAAA,CAAChB,OAAO,EAAKQ,MAAM,EAAGb,IAAI,IAAIQ,QAAkB,CAAC;AAC1D;AAEArB,SAAS,CAACmC,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"FormLabel.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_SpacingHelper","_SkeletonHelper","_filterValidProps","_Context","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","FormLabel","localProps","context","React","useContext","Context","props","extendPropsWithContext","skeleton","pickFormElementProps","FormRow","formElement","forId","text","srOnly","vertical","size","element","Element","innerRef","className","children","for_id","sr_only","label_direction","attributes","isInteractive","disabled","onClick","params","classnames","isTrue","createSkeletonClass","createSpacingClasses","htmlFor","skeletonDOMAttributes","validateDOMAttributes","createElement","_supportsSpacingProps"],"sources":["../../../../src/components/form-label/FormLabel.tsx"],"sourcesContent":["/**\n * Web FormLabel Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContext,\n  isTrue,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n} from '../skeleton/SkeletonHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport Context from '../../shared/Context'\nimport {\n  DynamicElement,\n  DynamicElementParams,\n  SpacingProps,\n} from '../../shared/types'\n\nexport type FormLabelProps = {\n  forId?: string\n  element?: DynamicElement<HTMLLabelElement>\n  text?: React.ReactNode\n  size?: 'basis' | 'medium' | 'large'\n  id?: string\n  skeleton?: boolean\n  label?: React.ReactNode\n  vertical?: boolean\n  srOnly?: boolean\n  innerRef?: React.RefObject<HTMLElement>\n\n  /** Is not a part of HTMLLabelElement and not documented as of now */\n  disabled?: boolean\n\n  /** @deprecated use forId instead */\n  for_id?: string\n  /** @deprecated use srOnly instead */\n  sr_only?: boolean\n  /** @deprecated use labelDirection instead (was not documented before) */\n  label_direction?: 'vertical' | 'horizontal'\n}\n\nexport type FormLabelAllProps = FormLabelProps &\n  React.HTMLAttributes<HTMLLabelElement> &\n  SpacingProps\n\nexport default function FormLabel(localProps: FormLabelAllProps) {\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    null,\n    { skeleton: context?.skeleton },\n    pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n    pickFormElementProps(context?.formElement),\n    context?.FormLabel\n  )\n\n  const {\n    forId,\n    text,\n    srOnly,\n    vertical,\n    size,\n    skeleton,\n    element: Element = 'label',\n    innerRef,\n    className,\n    children,\n\n    /** @deprecated can be removed in v11 */\n    for_id,\n    sr_only,\n    label_direction,\n\n    ...attributes\n  } = props\n\n  const isInteractive =\n    !props.disabled &&\n    !srOnly &&\n    (typeof props.onClick === 'function' || forId || for_id)\n\n  const params = {\n    className: classnames(\n      'dnb-form-label',\n      (isTrue(vertical) || label_direction === 'vertical') &&\n        `dnb-form-label--vertical`,\n      (srOnly || isTrue(sr_only)) && 'dnb-sr-only',\n      size && `dnb-h--${size}`,\n      isInteractive && 'dnb-form-label--interactive',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(props),\n      className\n    ),\n    htmlFor: forId || for_id,\n    ...(attributes as DynamicElementParams),\n  }\n\n  params['ref'] = innerRef\n\n  skeletonDOMAttributes(params, skeleton, context)\n  validateDOMAttributes(localProps, params)\n\n  return <Element {...params}>{text || children}</Element>\n}\n\nFormLabel._supportsSpacingProps = true\n"],"mappings":"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"}

package/cjs/components/form-label/style/themes/dnb-form-label-theme-ui.css

@@ -5,9 +5,9 @@
 .dnb-form-label {
   color: var(--color-black-80);
 }
-.dnb-form-label[for]:not([disabled]) {
+.dnb-form-label--interactive {
   cursor: pointer;
 }
-.dnb-form-label[for]:not([disabled]):hover {
+.dnb-form-label--interactive:hover {
   color: var(--color-sea-green);
 }

package/cjs/components/form-label/style/themes/dnb-form-label-theme-ui.min.css

@@ -1 +1 @@
-.dnb-form-label{color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]){cursor:pointer}.dnb-form-label[for]:not([disabled]):hover{color:var(--color-sea-green)}
+.dnb-form-label{color:var(--color-black-80)}.dnb-form-label--interactive{cursor:pointer}.dnb-form-label--interactive:hover{color:var(--color-sea-green)}

package/cjs/components/form-label/style/themes/dnb-form-label-theme-ui.scss

@@ -6,7 +6,7 @@
 .dnb-form-label {
   color: var(--color-black-80);
 
-  &[for]:not([disabled]) {
+  &--interactive {
     cursor: pointer;
 
     &:hover {

package/cjs/components/form-row/style/dnb-form-row.scss

@@ -18,7 +18,7 @@
     width: 100%; // to help #input stretch
   }
 
-  // for hoizontal direction
+  // for horizontal direction
   &:not(#{&}--vertical) {
     & > .dnb-form-row__content {
       align-items: baseline;

package/cjs/components/icon/style/dnb-icon.scss

@@ -10,7 +10,7 @@
 
   // sine we use vertical-align: top on the SVG
   // we have to move center the alignment here again
-  // else basic text aferwars will get aligned on top
+  // else basic text afterwards will get aligned on top
   vertical-align: middle;
 
   font-size: 1rem; // to make sure we have always the same starting point

package/cjs/components/input-masked/InputMasked.d.ts

@@ -63,7 +63,7 @@ export interface InputMaskedProps
    */
   currency_mask?: InputMaskedCurrencyMask;
   /**
-   * Use it to manipulate internal masks. You can use it instead of e.g. `number_mask` or `curreny_mask`. All options are listed below.
+   * Use it to manipulate internal masks. You can use it instead of e.g. `number_mask` or `currency_mask`. All options are listed below.
    */
   mask_options?: InputMaskedMaskOptions;
   /**
@@ -254,5 +254,4 @@ export interface InputMaskedProps
   children?: InputMaskedChildren;
   on_state_update?: (...args: any[]) => any;
 }
-declare const InputMasked: React.FC<InputMaskedProps>;
 export default InputMasked;

package/cjs/components/input-masked/InputMasked.js

@@ -38,9 +38,6 @@ const InputMasked = props => {
     }
   }, _InputMaskedElement || (_InputMaskedElement = _react.default.createElement(_InputMaskedElement2.default, null)));
 };
-InputMasked._supportsSpacingProps = true;
-var _default = InputMasked;
-exports.default = _default;
 process.env.NODE_ENV !== "production" ? InputMasked.propTypes = _objectSpread({
   mask: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array, _propTypes.default.func]),
   number_mask: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool, _propTypes.default.object]),
@@ -87,4 +84,7 @@ InputMasked.defaultProps = _objectSpread(_objectSpread({}, _Input.default.defaul
   on_submit_focus: null,
   on_submit_blur: null
 });
+InputMasked._supportsSpacingProps = true;
+var _default = InputMasked;
+exports.default = _default;
 //# sourceMappingURL=InputMasked.js.map

package/cjs/components/input-masked/InputMasked.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputMasked.js","names":["_react","_interopRequireDefault","require","_propTypes","_componentHelper","_InputMaskedContext","_InputMaskedElement2","_Input","_interopRequireWildcard","_Context","_InputMaskedElement","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","InputMasked","props","context","React","useContext","Context","mask","alias","test","contextAndProps","useCallback","extendPropsWithContext","defaultProps","createElement","Provider","_supportsSpacingProps","_default","exports","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","array","func","number_mask","string","bool","currency_mask","mask_options","number_format","locale","as_currency","as_number","as_percent","show_mask","show_guide","pipe","keep_char_positions","placeholder_char","inner_ref","on_change","on_submit","on_focus","on_blur","on_submit_focus","on_submit_blur","inputPropTypes","Input"],"sources":["../../../../src/components/input-masked/InputMasked.js"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/**\n * Web InputMasked Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport InputMaskedContext from './InputMaskedContext'\nimport InputMaskedElement from './InputMaskedElement'\nimport Input, { inputPropTypes } from '../input/Input'\nimport Context from '../../shared/Context'\n\nconst InputMasked = (props) => {\n  const context = React.useContext(Context)\n\n  // Remove masks defined in Provider/Context, because it overwrites a custom mask\n  if (props?.mask) {\n    const alias = context?.InputMasked\n    for (const key in alias) {\n      if (/^as[_A-Z]|number_mask|currency_mask/.test(key)) {\n        delete alias[key]\n      }\n    }\n  }\n\n  const contextAndProps = React.useCallback(\n    extendPropsWithContext(\n      props,\n      InputMasked.defaultProps,\n      context?.InputMasked\n    ),\n    [props, InputMasked.defaultProps, context?.InputMasked]\n  )\n\n  return (\n    <InputMaskedContext.Provider\n      value={{\n        props: contextAndProps,\n        context,\n      }}\n    >\n      <InputMaskedElement />\n    </InputMaskedContext.Provider>\n  )\n}\n\nInputMasked._supportsSpacingProps = true\n\nexport default InputMasked\n\nInputMasked.propTypes = {\n  mask: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.array,\n    PropTypes.func,\n  ]),\n  number_mask: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n    PropTypes.object,\n  ]),\n  currency_mask: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n    PropTypes.object,\n  ]),\n  mask_options: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  number_format: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  locale: PropTypes.string,\n  as_currency: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  as_number: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  as_percent: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  show_mask: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  show_guide: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  pipe: PropTypes.func,\n  keep_char_positions: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  placeholder_char: PropTypes.string,\n  inner_ref: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n\n  on_change: PropTypes.func,\n  on_submit: PropTypes.func,\n  on_focus: PropTypes.func,\n  on_blur: PropTypes.func,\n  on_submit_focus: PropTypes.func,\n  on_submit_blur: PropTypes.func,\n\n  ...inputPropTypes,\n}\n\nInputMasked.defaultProps = {\n  ...Input.defaultProps,\n\n  mask: null,\n  number_mask: null,\n  currency_mask: null,\n  mask_options: null,\n  number_format: null,\n  as_currency: null,\n  as_number: null,\n  as_percent: null,\n  locale: null,\n  show_mask: false,\n  show_guide: true,\n  pipe: null,\n  keep_char_positions: false,\n  placeholder_char: null,\n  inner_ref: null,\n\n  on_change: null,\n  on_submit: null,\n  on_focus: null,\n  on_blur: null,\n  on_submit_focus: null,\n  on_submit_blur: null,\n}\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,oBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,QAAA,GAAAR,sBAAA,CAAAC,OAAA;AAA0C,IAAAQ,mBAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAArB,uBAAAe,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAiB,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAZ,MAAA,CAAAY,IAAA,CAAAF,MAAA,OAAAV,MAAA,CAAAa,qBAAA,QAAAC,OAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhB,MAAA,CAAAE,wBAAA,CAAAQ,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAT,MAAA,CAAAyB,MAAA,OAAAC,OAAA,WAAAvB,GAAA,IAAAwB,eAAA,CAAAN,MAAA,EAAAlB,GAAA,EAAAsB,MAAA,CAAAtB,GAAA,SAAAH,MAAA,CAAA4B,yBAAA,GAAA5B,MAAA,CAAA6B,gBAAA,CAAAR,MAAA,EAAArB,MAAA,CAAA4B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAT,MAAA,CAAAyB,MAAA,GAAAC,OAAA,WAAAvB,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAoB,MAAA,EAAAlB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAuB,MAAA,EAAAtB,GAAA,iBAAAkB,MAAA;AAAA,SAAAM,gBAAAnC,GAAA,EAAAW,GAAA,EAAA2B,KAAA,IAAA3B,GAAA,GAAA4B,cAAA,CAAA5B,GAAA,OAAAA,GAAA,IAAAX,GAAA,IAAAQ,MAAA,CAAAC,cAAA,CAAAT,GAAA,EAAAW,GAAA,IAAA2B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAAzC,GAAA,CAAAW,GAAA,IAAA2B,KAAA,WAAAtC,GAAA;AAAA,SAAAuC,eAAAG,GAAA,QAAA/B,GAAA,GAAAgC,YAAA,CAAAD,GAAA,2BAAA/B,GAAA,gBAAAA,GAAA,GAAAiC,MAAA,CAAAjC,GAAA;AAAA,SAAAgC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAjC,IAAA,CAAA+B,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAE1C,MAAMS,WAAW,GAAIC,KAAK,IAAK;EAC7B,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,gBAAO,CAAC;EAGzC,IAAIJ,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEK,IAAI,EAAE;IACf,MAAMC,KAAK,GAAGL,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,WAAW;IAClC,KAAK,MAAM3C,GAAG,IAAIkD,KAAK,EAAE;MACvB,IAAI,qCAAqC,CAACC,IAAI,CAACnD,GAAG,CAAC,EAAE;QACnD,OAAOkD,KAAK,CAAClD,GAAG,CAAC;MACnB;IACF;EACF;EAEA,MAAMoD,eAAe,GAAGN,cAAK,CAACO,WAAW,CACvC,IAAAC,uCAAsB,EACpBV,KAAK,EACLD,WAAW,CAACY,YAAY,EACxBV,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,WACX,CAAC,EACD,CAACC,KAAK,EAAED,WAAW,CAACY,YAAY,EAAEV,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,WAAW,CACxD,CAAC;EAED,OACEtE,MAAA,CAAAkB,OAAA,CAAAiE,aAAA,CAAC9E,mBAAA,CAAAa,OAAkB,CAACkE,QAAQ;IAC1B9B,KAAK,EAAE;MACLiB,KAAK,EAAEQ,eAAe;MACtBP;IACF;EAAE,GAAA9D,mBAAA,KAAAA,mBAAA,GAEFV,MAAA,CAAAkB,OAAA,CAAAiE,aAAA,CAAC7E,oBAAA,CAAAY,OAAkB,MAAE,CAAC,CACK,CAAC;AAElC,CAAC;AAEDoD,WAAW,CAACe,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEzBhB,WAAW;AAAAiB,OAAA,CAAArE,OAAA,GAAAoE,QAAA;AAE1BE,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAApB,WAAW,CAACqB,SAAS,GAAA/C,aAAA;EACnBgC,IAAI,EAAEgB,kBAAS,CAACC,SAAS,CAAC,CACxBD,kBAAS,CAAC1D,MAAM,EAChB0D,kBAAS,CAACE,KAAK,EACfF,kBAAS,CAACG,IAAI,CACf,CAAC;EACFC,WAAW,EAAEJ,kBAAS,CAACC,SAAS,CAAC,CAC/BD,kBAAS,CAACK,MAAM,EAChBL,kBAAS,CAACM,IAAI,EACdN,kBAAS,CAAC1D,MAAM,CACjB,CAAC;EACFiE,aAAa,EAAEP,kBAAS,CAACC,SAAS,CAAC,CACjCD,kBAAS,CAACK,MAAM,EAChBL,kBAAS,CAACM,IAAI,EACdN,kBAAS,CAAC1D,MAAM,CACjB,CAAC;EACFkE,YAAY,EAAER,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAAC1D,MAAM,CAAC,CAAC;EACvEmE,aAAa,EAAET,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAAC1D,MAAM,CAAC,CAAC;EACxEoE,MAAM,EAAEV,kBAAS,CAACK,MAAM;EACxBM,WAAW,EAAEX,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACM,IAAI,CAAC,CAAC;EACpEM,SAAS,EAAEZ,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACM,IAAI,CAAC,CAAC;EAClEO,UAAU,EAAEb,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACM,IAAI,CAAC,CAAC;EACnEQ,SAAS,EAAEd,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACM,IAAI,CAAC,CAAC;EAClES,UAAU,EAAEf,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACM,IAAI,CAAC,CAAC;EACnEU,IAAI,EAAEhB,kBAAS,CAACG,IAAI;EACpBc,mBAAmB,EAAEjB,kBAAS,CAACC,SAAS,CAAC,CACvCD,kBAAS,CAACK,MAAM,EAChBL,kBAAS,CAACM,IAAI,CACf,CAAC;EACFY,gBAAgB,EAAElB,kBAAS,CAACK,MAAM;EAClCc,SAAS,EAAEnB,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAAC1D,MAAM,EAAE0D,kBAAS,CAACG,IAAI,CAAC,CAAC;EAElEiB,SAAS,EAAEpB,kBAAS,CAACG,IAAI;EACzBkB,SAAS,EAAErB,kBAAS,CAACG,IAAI;EACzBmB,QAAQ,EAAEtB,kBAAS,CAACG,IAAI;EACxBoB,OAAO,EAAEvB,kBAAS,CAACG,IAAI;EACvBqB,eAAe,EAAExB,kBAAS,CAACG,IAAI;EAC/BsB,cAAc,EAAEzB,kBAAS,CAACG;AAAI,GAE3BuB,qBAAc,CAClB;AAEDhD,WAAW,CAACY,YAAY,GAAAtC,aAAA,CAAAA,aAAA,KACnB2E,cAAK,CAACrC,YAAY;EAErBN,IAAI,EAAE,IAAI;EACVoB,WAAW,EAAE,IAAI;EACjBG,aAAa,EAAE,IAAI;EACnBC,YAAY,EAAE,IAAI;EAClBC,aAAa,EAAE,IAAI;EACnBE,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,IAAI;EACfC,UAAU,EAAE,IAAI;EAChBH,MAAM,EAAE,IAAI;EACZI,SAAS,EAAE,KAAK;EAChBC,UAAU,EAAE,IAAI;EAChBC,IAAI,EAAE,IAAI;EACVC,mBAAmB,EAAE,KAAK;EAC1BC,gBAAgB,EAAE,IAAI;EACtBC,SAAS,EAAE,IAAI;EAEfC,SAAS,EAAE,IAAI;EACfC,SAAS,EAAE,IAAI;EACfC,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE,IAAI;EACbC,eAAe,EAAE,IAAI;EACrBC,cAAc,EAAE;AAAI,EACrB"}
+{"version":3,"file":"InputMasked.js","names":["_react","_interopRequireDefault","require","_propTypes","_componentHelper","_InputMaskedContext","_InputMaskedElement2","_Input","_interopRequireWildcard","_Context","_InputMaskedElement","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","InputMasked","props","context","React","useContext","Context","mask","alias","test","contextAndProps","useCallback","extendPropsWithContext","defaultProps","createElement","Provider","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","array","func","number_mask","string","bool","currency_mask","mask_options","number_format","locale","as_currency","as_number","as_percent","show_mask","show_guide","pipe","keep_char_positions","placeholder_char","inner_ref","on_change","on_submit","on_focus","on_blur","on_submit_focus","on_submit_blur","inputPropTypes","Input","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/input-masked/InputMasked.js"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/**\n * Web InputMasked Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport InputMaskedContext from './InputMaskedContext'\nimport InputMaskedElement from './InputMaskedElement'\nimport Input, { inputPropTypes } from '../input/Input'\nimport Context from '../../shared/Context'\n\nconst InputMasked = (props) => {\n  const context = React.useContext(Context)\n\n  // Remove masks defined in Provider/Context, because it overwrites a custom mask\n  if (props?.mask) {\n    const alias = context?.InputMasked\n    for (const key in alias) {\n      if (/^as[_A-Z]|number_mask|currency_mask/.test(key)) {\n        delete alias[key]\n      }\n    }\n  }\n\n  const contextAndProps = React.useCallback(\n    extendPropsWithContext(\n      props,\n      InputMasked.defaultProps,\n      context?.InputMasked\n    ),\n    [props, InputMasked.defaultProps, context?.InputMasked]\n  )\n\n  return (\n    <InputMaskedContext.Provider\n      value={{\n        props: contextAndProps,\n        context,\n      }}\n    >\n      <InputMaskedElement />\n    </InputMaskedContext.Provider>\n  )\n}\n\nInputMasked.propTypes = {\n  mask: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.array,\n    PropTypes.func,\n  ]),\n  number_mask: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n    PropTypes.object,\n  ]),\n  currency_mask: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n    PropTypes.object,\n  ]),\n  mask_options: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  number_format: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  locale: PropTypes.string,\n  as_currency: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  as_number: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  as_percent: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  show_mask: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  show_guide: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  pipe: PropTypes.func,\n  keep_char_positions: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  placeholder_char: PropTypes.string,\n  inner_ref: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n\n  on_change: PropTypes.func,\n  on_submit: PropTypes.func,\n  on_focus: PropTypes.func,\n  on_blur: PropTypes.func,\n  on_submit_focus: PropTypes.func,\n  on_submit_blur: PropTypes.func,\n\n  ...inputPropTypes,\n}\n\nInputMasked.defaultProps = {\n  ...Input.defaultProps,\n\n  mask: null,\n  number_mask: null,\n  currency_mask: null,\n  mask_options: null,\n  number_format: null,\n  as_currency: null,\n  as_number: null,\n  as_percent: null,\n  locale: null,\n  show_mask: false,\n  show_guide: true,\n  pipe: null,\n  keep_char_positions: false,\n  placeholder_char: null,\n  inner_ref: null,\n\n  on_change: null,\n  on_submit: null,\n  on_focus: null,\n  on_blur: null,\n  on_submit_focus: null,\n  on_submit_blur: null,\n}\n\nInputMasked._supportsSpacingProps = true\n\nexport default InputMasked\n"],"mappings":"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"}

package/cjs/components/input-masked/MultiInputMask.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import { SpacingProps } from '../space/types';
+import { FormStatusState, FormStatusText } from '../FormStatus';
+export type MultiInputMaskInput<T extends string> = {
+    /**
+     * Defines the id for the input. This id is also used to map the input value to the correct property on the objects used for `values` and `onChange` parameters.
+     */
+    id: T;
+    /**
+     * Label used by the input. The label itself is hidden, but required to uphold accessibility standards for screen readers.
+     */
+    label: React.ReactNode;
+    /**
+     * Each RegExp item in the array defines what the mask should be for each subsequent character in the input. The length sets the size of the input, so an array of two items would produce an input of two characters
+     */
+    mask: RegExp[];
+    /**
+     * Sets the placeholder character used for the input.
+     */
+    placeholderCharacter: string;
+};
+export type MultiInputMaskValue<T extends string> = {
+    [K in T]: string;
+};
+export type MultiInputMaskProps<T extends string> = {
+    /**
+     * The label describing the group of inputs inside the components.
+     */
+    label?: React.ReactNode;
+    /**
+     * Use to change the label layout direction. Defaults to `horizontal`.
+     */
+    labelDirection?: 'vertical' | 'horizontal';
+    /**
+     * Used to define the different inputs representing the inputs in the component. The id's defined here is used to map input value to correct property in `values` parameters used in `onChange`
+     */
+    inputs: MultiInputMaskInput<T>[];
+    /**
+     * Values used for the inputs inside the component. Expects an object with keys matching the id's defined in `inputs`
+     */
+    values?: MultiInputMaskValue<T>;
+    /**
+     * Defines the delimiter used to separate the inputs inside the component.
+     */
+    delimiter?: string;
+    /**
+     * Runs when the input value changes. Has an object parameter with keys matching the id's defined in `inputs`. i.e. `{month: string, year: string}`
+     */
+    onChange?: (values: MultiInputMaskValue<T>) => void;
+    /**
+     * 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.
+     */
+    status?: FormStatusText;
+    /**
+     * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
+     */
+    statusState?: FormStatusState;
+} & Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'ref' | 'value' | 'label'> & SpacingProps;
+declare function MultiInputMask<T extends string>({ label, labelDirection, inputs, delimiter, onChange: onChangeExternal, disabled, status, statusState, values: defaultValues, className, ...props }: MultiInputMaskProps<T>): import("react/jsx-runtime").JSX.Element;
+export default MultiInputMask;

package/cjs/components/input-masked/MultiInputMask.js

@@ -0,0 +1,160 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Input = _interopRequireDefault(require("../Input"));
+var _TextMask = _interopRequireDefault(require("./TextMask"));
+var _useHandleCursorPosition = _interopRequireDefault(require("./hooks/useHandleCursorPosition"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _FormLabel = _interopRequireDefault(require("../FormLabel"));
+var _SpacingHelper = require("../space/SpacingHelper");
+var _useMultiInputValues = require("./hooks/useMultiInputValues");
+const _excluded = ["label", "labelDirection", "inputs", "delimiter", "onChange", "disabled", "status", "statusState", "values", "className"];
+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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+function MultiInputMask(_ref) {
+  let {
+      label,
+      labelDirection = 'horizontal',
+      inputs,
+      delimiter,
+      onChange: onChangeExternal,
+      disabled,
+      status,
+      statusState,
+      values: defaultValues,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [values, onChange] = (0, _useMultiInputValues.useMultiInputValue)({
+    inputs,
+    defaultValues,
+    callback: onChangeExternal
+  });
+  const inputRefs = (0, _react.useRef)([]);
+  const {
+    onKeyDown
+  } = (0, _useHandleCursorPosition.default)(inputRefs.current, getKeysToHandle());
+  const WrapperElement = label ? 'fieldset' : 'div';
+  return _react.default.createElement(WrapperElement, {
+    className: (0, _classnames.default)('dnb-multi-input-mask__fieldset', (0, _SpacingHelper.createSpacingClasses)(props), labelDirection === 'horizontal' && 'dnb-multi-input-mask__fieldset--horizontal')
+  }, label && _react.default.createElement(_FormLabel.default, {
+    className: 'dnb-multi-input-mask__legend' + (labelDirection === 'horizontal' ? " dnb-multi-input-mask__legend--horizontal" : ""),
+    element: "legend",
+    onClick: onLegendClick,
+    disabled: disabled,
+    vertical: labelDirection === 'vertical'
+  }, _react.default.createElement("span", null, label)), _react.default.createElement(_Input.default, _extends({}, props, {
+    className: (0, _classnames.default)('dnb-multi-input-mask', className),
+    disabled: disabled,
+    status: status,
+    status_state: statusState,
+    input_element: inputs.map((input, index) => _react.default.createElement(_react.Fragment, {
+      key: input.id
+    }, _react.default.createElement(MultiInputMaskInput, _extends({}, input, {
+      value: values[input.id],
+      delimiter: index !== inputs.length - 1 ? delimiter : undefined,
+      onKeyDown: onKeyDown,
+      onChange: onChange,
+      disabled: disabled,
+      inputRef: getInputRef
+    }))))
+  })));
+  function onLegendClick() {
+    if (disabled) {
+      return;
+    }
+    const firstInput = inputRefs.current[0].current;
+    firstInput.focus();
+    firstInput.setSelectionRange(0, 0);
+  }
+  function getInputRef(ref) {
+    const inputRef = ref === null || ref === void 0 ? void 0 : ref.inputRef;
+    if (inputRef && !inputRefs.current.includes(inputRef)) {
+      inputRefs.current.push(inputRef);
+    }
+  }
+  function getKeysToHandle() {
+    const uniqueMasks = getUniqueMasks();
+    if (uniqueMasks.size === 1) {
+      const pattern = uniqueMasks.values().next().value.replace(/\//g, '');
+      return new RegExp(pattern);
+    }
+    return inputs.reduce((keys, _ref2) => {
+      let {
+        id,
+        mask
+      } = _ref2;
+      keys[`${id}__input`] = mask;
+      return keys;
+    }, {});
+  }
+  function getUniqueMasks() {
+    const masks = new Set();
+    inputs.forEach(input => {
+      input.mask.forEach(pattern => masks.add(String(pattern)));
+    });
+    return masks;
+  }
+}
+function MultiInputMaskInput(_ref3) {
+  let {
+    id,
+    label,
+    value,
+    mask,
+    placeholderCharacter,
+    delimiter,
+    disabled,
+    inputRef,
+    onKeyDown,
+    onChange
+  } = _ref3;
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_TextMask.default, {
+    id: `${id}__input`,
+    className: "dnb-input__input dnb-multi-input-mask__input" + (value ? " dnb-multi-input-mask__input--highlight" : ""),
+    disabled: disabled,
+    size: mask.length,
+    mask: mask,
+    value: value !== null && value !== void 0 ? value : '',
+    placeholderChar: placeholderCharacter,
+    guide: true,
+    showMask: true,
+    keepCharPositions: false,
+    "aria-labelledby": `${id}__label`,
+    ref: inputRef,
+    onKeyDown: onKeyDown,
+    onFocus: onFocus,
+    onChange: event => {
+      onChange(id, removePlaceholder(event.target.value, placeholderCharacter));
+    }
+  }), _react.default.createElement("label", {
+    id: `${id}__label`,
+    htmlFor: `${id}__input`,
+    hidden: true
+  }, label), delimiter && _react.default.createElement("span", {
+    "aria-hidden": true,
+    className: 'dnb-multi-input-mask__delimiter' + (value ? " dnb-multi-input-mask__delimiter--highlight" : "")
+  }, delimiter));
+  function removePlaceholder(value, placeholder) {
+    return value.replace(RegExp(placeholder, 'gm'), '');
+  }
+  function onFocus(_ref4) {
+    let {
+      target
+    } = _ref4;
+    target.focus();
+    target.select();
+  }
+}
+var _default = MultiInputMask;
+exports.default = _default;
+//# sourceMappingURL=MultiInputMask.js.map