@dnb/eufemia 10.51.0 → 10.51.2

package/cjs/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_errorHelper","_componentHelper","_Context","_SpacingHelper","_SkeletonHelper","_IconHelpers","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","DefaultIconSize","exports","DefaultIconSizes","medium","ListDefaultIconSizes","ValidIconType","Icon","localProps","context","useContext","Context","props","extendPropsWithContext","skeleton","icon","iconProp","size","wrapperParams","iconParams","alt","children","prepareIcon","IconContainer","prerenderIcon","createElement","Fragment","getIconNameFromComponent","name","test","calcSize","width","height","sizeAsInt","sizeAsString","nameParts","split","_ListDefaultIconSizes","_ListDefaultIconSizes2","lastPartOfIconName","reverse","potentialSize","_ref","includes","elem","viewBox","parseFloat","exec","isNaN","_ListDefaultIconSizes3","_ListDefaultIconSizes4","_ListDefaultIconSizes5","_ref2","_ListDefaultIconSizes6","_ListDefaultIconSizes7","_ListDefaultIconSizes8","_ref3","potentialSizeAsString","reduce","acc","_ref4","isCustomSize","params","prepareIconParams","_ref5","rest","validateDOMAttributes","border","color","inheritColor","inherit_color","modifier","title","className","attributes","label","role","replace","process","env","NODE_ENV","classnames","createSkeletonClass","createSpacingClasses","iconToRender","getIcon","defaultProps","React","listOfIcons","src","isValidElement","Array","isArray","iconCase","mod","dnbIcons","e","ErrorHandler","processChildren","_supportsSpacingProps"],"sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ErrorHandler } from '../../shared/error-helper'\nimport {\n  validateDOMAttributes,\n  processChildren,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { iconCase } from './IconHelpers'\nimport { SpacingProps } from '../../shared/types'\nimport { SkeletonShow } from '../Skeleton'\n\nexport const DefaultIconSize = 16\nexport const DefaultIconSizes = {\n  // small: 8, // currently not in use\n  default: 16,\n  medium: 24,\n  // large: 32 // currently not in use\n} as const\nexport const ListDefaultIconSizes: Array<\n  [ValidIconType, ValidIconNumericSize]\n> = [\n  ['default', 16],\n  ['medium', 24],\n]\nexport const ValidIconType = [\n  'small', // 12px 0.75rem\n  'default', // 16px 1rem\n  'medium', // 24px 1.5rem\n  'large', // 32px 2rem\n  'x-large', // 40px 2.5rem\n  'xx-large', // 48px 3rem\n] as const\n\nexport type DefaultIconSizes = typeof DefaultIconSizes\nexport type ValidIconType = (typeof ValidIconType)[number]\nexport type ValidIconNumericSize = DefaultIconSizes[keyof DefaultIconSizes]\n\n/** For internal usage */\ntype IconType =\n  | string\n  | React.ReactElement<SVGElement>\n  | ((props?: unknown) => JSX.Element)\n  | false\n\n/** For external usage */\nexport type IconIcon = IconType | React.FC<unknown>\n\nexport type IconSize =\n  | ValidIconNumericSize\n  | `${ValidIconNumericSize | number}`\n  | ValidIconType\n  | 'auto'\n  | 'basis'\n\nexport type IconColor =\n  | string\n  | number\n  | { [key: string]: string | number }\n\nexport type IconProps = {\n  /**\n   * A React SVG Component or the icon name (in case we use `IconPrimary` or `dnb-icon-primary`).\n   */\n  icon?: IconIcon\n\n  /**\n   * The dimension of the icon. This will be the `viewBox` and represent `width` and `height`. Defaults to `16`. You can use `small`,`medium`, `large` or `auto`. Auto will enable that the icon size gets inherited by the parent HTML element if it provides a `font-size`.\n   */\n  size?: IconSize\n\n  /**\n   * The color can be any valid color property, such as Hex, RGB or preferable – any CSS variable from the <a href=\"/uilib/usage/customisation/colors\">colors table</a>, e.g. `var(--color-ocean-green)`. Default is no color, which means `--color-black-80`.\n   */\n  color?: IconColor\n\n  /**\n   * Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.\n   */\n  inheritColor?: boolean\n\n  /** @deprecated Use `inheritColor` instead */\n  inherit_color?: boolean\n\n  /**\n   * The alternative label (text version) of the icon. Defaults to the imported icon name.\n   */\n  alt?: string\n\n  /**\n   * Use a title to provide extra information about the icon used.\n   */\n  title?: string\n\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Modifier class to define. Will result in: `dnb-icon--${modifier}`.\n   */\n  modifier?: string\n\n  border?: boolean\n  width?: `${IconSize}` | `${number}%` | number\n  height?: `${IconSize}` | `${number}%` | number\n  children?: IconIcon\n}\n\nexport type IconAllProps = IconProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'size' | 'children'>\n\nexport default function Icon(localProps: IconAllProps) {\n  const context = useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    {},\n    { skeleton: context?.skeleton },\n    context.Icon\n  )\n\n  // Todo: rewrite prepareIcon to hook\n  const {\n    icon: iconProp,\n    size,\n    wrapperParams,\n    iconParams,\n    alt,\n    children,\n  } = prepareIcon(props, context)\n  const icon = iconProp ?? children\n\n  if (!icon) {\n    return null\n  }\n\n  const IconContainer = prerenderIcon({ icon, size, alt })\n\n  // make sure we return an empty span if we couldn't get the icon\n  if (!IconContainer) {\n    return <></>\n  }\n\n  return (\n    <span {...wrapperParams}>\n      <IconContainer {...iconParams} />\n    </span>\n  )\n}\n\nexport function getIconNameFromComponent(icon: IconProps['icon']): string {\n  const name = typeof icon === 'function' ? icon.name : String(icon)\n  if (/^data:image\\//.test(name)) {\n    return null\n  }\n  return name\n}\n\nexport function calcSize(props: IconProps) {\n  const { icon, size, width, height } = props as Omit<\n    IconProps,\n    'icon'\n  > & { icon: IconType }\n\n  let sizeAsInt: ValidIconNumericSize | -1 = null\n  let sizeAsString = null\n\n  // if there is no size, check if we can find the actual size in the name\n  if (!size || size === DefaultIconSize) {\n    // get the icon name - we use it for several things\n    const name = getIconNameFromComponent(icon)\n\n    const nameParts = String(name || '').split('_')\n\n    if (nameParts.length > 1) {\n      const lastPartOfIconName = nameParts.reverse()[0] as ValidIconType\n      const potentialSize = ListDefaultIconSizes.filter(\n        ([key]) => key === lastPartOfIconName\n      )?.[0]?.[1]\n      if (potentialSize) {\n        sizeAsInt = potentialSize\n      }\n      if (ValidIconType.includes(lastPartOfIconName)) {\n        sizeAsString = lastPartOfIconName\n      }\n    } else {\n      if (typeof icon === 'function') {\n        const elem = icon()\n        if (elem.props) {\n          let potentialSize: ValidIconNumericSize | -1 = null\n          if (elem.props.width) {\n            potentialSize = elem.props.width\n          }\n          if (!potentialSize && elem.props.viewBox) {\n            potentialSize = parseFloat(\n              /[0-9]+ [0-9]+ ([0-9]+)/.exec(elem.props.viewBox)[1]\n            ) as ValidIconNumericSize // get the width\n          }\n          if (!isNaN(potentialSize)) {\n            sizeAsInt = potentialSize\n          }\n        }\n      }\n    }\n  }\n\n  // if size is defined as a string, find the size number\n  else if (typeof size === 'string' && !(parseFloat(size) > 0)) {\n    sizeAsInt =\n      ListDefaultIconSizes.filter(([key]) => key === size)?.[0]?.[1] ?? -1\n\n    // or if the size is a default size defined as a string\n    if (ValidIconType.includes(size as ValidIconType)) {\n      sizeAsString = size\n    }\n  }\n\n  // check if the size is given as a number, and if it's a default size\n  else if (parseFloat(String(size)) > 0) {\n    sizeAsInt =\n      ListDefaultIconSizes.filter(\n        ([key, value]) => key && value === parseFloat(String(size))\n      )?.[0]?.[1] ?? -1\n\n    // has custom size\n    if (sizeAsInt === -1) {\n      sizeAsInt = parseFloat(String(size)) as ValidIconNumericSize\n      sizeAsString = 'custom-size'\n    }\n  }\n\n  // check if the sizeAsInt is a default size - and no sizeAsString exists yet\n  if (!sizeAsString && sizeAsInt > 0) {\n    const potentialSizeAsString = ListDefaultIconSizes.reduce(\n      (acc, [key, value]) => {\n        if (key && value === sizeAsInt) {\n          return key\n        }\n        return acc\n      },\n      null\n    )\n\n    if (potentialSizeAsString) {\n      sizeAsString = potentialSizeAsString\n    }\n  }\n\n  // define all the svg parameters\n  const { sizeAsString: isCustomSize, params: iconParams } =\n    prepareIconParams({\n      sizeAsString,\n      sizeAsInt,\n      size,\n      width,\n      height,\n    })\n\n  if (isCustomSize) {\n    sizeAsString = isCustomSize\n  }\n\n  if (!(sizeAsInt > 0)) {\n    sizeAsInt = DefaultIconSize\n  }\n\n  if (size === 'auto') {\n    iconParams.width = '100%'\n    iconParams.height = '100%'\n    sizeAsString = 'auto'\n  }\n\n  return {\n    iconParams,\n    sizeAsInt,\n    sizeAsString,\n  }\n}\n\nfunction prepareIconParams({\n  sizeAsString,\n  ...rest\n}: Omit<IconProps, 'icon'> & {\n  sizeAsString?: ValidIconType | 'custom-size'\n  sizeAsInt?: ValidIconNumericSize | -1\n}) {\n  const { size, width, height, sizeAsInt } = rest\n  const params: {\n    height?: IconProps['height']\n    width?: IconProps['width']\n    color?: IconProps['color']\n  } = {}\n\n  if (!sizeAsString && !(sizeAsInt > 0) && parseFloat(String(size)) > -1) {\n    params.width = params.height = parseFloat(String(size))\n  } else if (sizeAsString === 'custom-size') {\n    params.width = params.height = parseFloat(String(sizeAsInt))\n  }\n  if (parseFloat(String(width)) > -1) {\n    sizeAsString = 'custom-size'\n    params.width = parseFloat(String(width))\n  }\n  if (parseFloat(String(height)) > -1) {\n    sizeAsString = 'custom-size'\n    params.height = parseFloat(String(height))\n  }\n\n  validateDOMAttributes({}, params)\n\n  return { params, sizeAsString }\n}\n\nexport function prepareIcon(props: IconAllProps, context: ContextProps) {\n  const {\n    icon,\n    size,\n    width,\n    height,\n    border,\n    color,\n    inheritColor,\n    inherit_color,\n    modifier,\n    alt,\n    title,\n    skeleton,\n    className,\n    ...attributes\n  } = props\n\n  const { sizeAsString, iconParams } = calcSize({\n    icon,\n    size,\n    width,\n    height,\n  })\n\n  if (color) {\n    iconParams.color = color\n  }\n\n  const label = icon ? getIconNameFromComponent(icon) : null\n\n  // some wrapper params\n  // also used for code markup simulation\n  const wrapperParams = validateDOMAttributes(props, {\n    role: alt ? 'img' : 'presentation',\n    alt, // in case the image don't shows up (because we define the role to be img)\n    'aria-label':\n      label && !label.includes('default')\n        ? label.replace(/_/g, ' ') + ' icon'\n        : null, // for screen readers only\n    title, // to show on hover, if defined\n    ...attributes,\n  })\n  if (!alt && typeof wrapperParams['aria-hidden'] === 'undefined') {\n    wrapperParams['aria-hidden'] = true\n  }\n  if (wrapperParams['aria-hidden']) {\n    if (\n      !wrapperParams['data-testid'] &&\n      typeof process !== 'undefined' &&\n      process.env.NODE_ENV === 'test'\n    ) {\n      wrapperParams['data-testid'] = wrapperParams['aria-label']\n    }\n    delete wrapperParams['aria-label']\n  }\n\n  wrapperParams.className = classnames(\n    'dnb-icon',\n    modifier && `dnb-icon--${modifier}`,\n    border && 'dnb-icon--border',\n    (inheritColor ?? inherit_color) !== false && 'dnb-icon--inherit-color',\n    sizeAsString ? `dnb-icon--${sizeAsString}` : 'dnb-icon--default',\n    createSkeletonClass(null, skeleton, context),\n    createSpacingClasses(props),\n    className\n  )\n\n  let iconToRender = getIcon(props)\n\n  if (iconToRender && typeof iconToRender.defaultProps !== 'undefined') {\n    iconToRender = React.createElement(\n      iconToRender,\n      validateDOMAttributes(\n        {},\n        {\n          color,\n          icon,\n          size,\n          width,\n          height,\n        }\n      )\n    )\n  }\n\n  return {\n    ...props,\n    icon: iconToRender,\n    alt,\n    iconParams,\n    wrapperParams,\n  }\n}\n\nexport function prerenderIcon(\n  props: IconProps & {\n    listOfIcons?: Record<string, IconIcon>\n  }\n) {\n  const { size = null, listOfIcons = null, alt = null } = props\n  let { icon } = props as Omit<IconProps, 'icon'> & { icon: IconType }\n\n  if (typeof icon === 'string' && /^data:image\\//.test(icon)) {\n    return () => <img src={String(icon)} alt={alt || 'no-alt'} />\n  }\n\n  if (typeof icon === 'function') {\n    const elem = icon()\n    if (React.isValidElement(elem)) {\n      return icon\n    }\n    return elem\n  }\n\n  if (React.isValidElement(icon) || Array.isArray(icon)) {\n    return () => icon\n  }\n\n  // For UMD/ dynamic import of icons\n  try {\n    icon = iconCase(icon)\n    if (\n      size &&\n      DefaultIconSizes[size] &&\n      size !== 'basis' &&\n      size !== 'default' &&\n      !(parseFloat(String(size)) > 0) &&\n      !icon.includes(size as ValidIconType)\n    ) {\n      icon = `${icon}_${size}`\n    }\n    const mod = (\n      listOfIcons.dnbIcons ? listOfIcons.dnbIcons : listOfIcons\n    )[icon]\n    return mod && mod.default ? mod.default : mod\n  } catch (e) {\n    ErrorHandler(`Icon '${icon}' did not exist!`)\n    return null\n  }\n}\n\nfunction getIcon(props) {\n  if (props.icon) {\n    return props.icon\n  }\n  return processChildren(props)\n}\n\nIcon._supportsSpacingProps = true\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAwC,MAAAS,SAAA;EAAAC,UAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAY,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,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,gBAAAxC,GAAA,EAAAgB,GAAA,EAAA2B,KAAA,IAAA3B,GAAA,GAAA4B,cAAA,CAAA5B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA2B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAA9C,GAAA,CAAAgB,GAAA,IAAA2B,KAAA,WAAA3C,GAAA;AAAA,SAAA4C,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;AAAA,SAAAS,yBAAArB,MAAA,EAAAsB,QAAA,QAAAtB,MAAA,yBAAAJ,MAAA,GAAA2B,6BAAA,CAAAvB,MAAA,EAAAsB,QAAA,OAAA5C,GAAA,EAAAmB,CAAA,MAAAtB,MAAA,CAAAa,qBAAA,QAAAoC,gBAAA,GAAAjD,MAAA,CAAAa,qBAAA,CAAAY,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA2B,gBAAA,CAAAzB,MAAA,EAAAF,CAAA,MAAAnB,GAAA,GAAA8C,gBAAA,CAAA3B,CAAA,OAAAyB,QAAA,CAAAG,OAAA,CAAA/C,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAA+C,oBAAA,CAAA7C,IAAA,CAAAmB,MAAA,EAAAtB,GAAA,aAAAkB,MAAA,CAAAlB,GAAA,IAAAsB,MAAA,CAAAtB,GAAA,cAAAkB,MAAA;AAAA,SAAA2B,8BAAAvB,MAAA,EAAAsB,QAAA,QAAAtB,MAAA,yBAAAJ,MAAA,WAAA+B,UAAA,GAAApD,MAAA,CAAAY,IAAA,CAAAa,MAAA,OAAAtB,GAAA,EAAAmB,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA8B,UAAA,CAAA5B,MAAA,EAAAF,CAAA,MAAAnB,GAAA,GAAAiD,UAAA,CAAA9B,CAAA,OAAAyB,QAAA,CAAAG,OAAA,CAAA/C,GAAA,kBAAAkB,MAAA,CAAAlB,GAAA,IAAAsB,MAAA,CAAAtB,GAAA,YAAAkB,MAAA;AAIjC,MAAMgC,eAAe,GAAG,EAAE;AAAAC,OAAA,CAAAD,eAAA,GAAAA,eAAA;AAC1B,MAAME,gBAAgB,GAAG;EAE9BlE,OAAO,EAAE,EAAE;EACXmE,MAAM,EAAE;AAEV,CAAU;AAAAF,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AACH,MAAME,oBAEZ,GAAG,CACF,CAAC,SAAS,EAAE,EAAE,CAAC,EACf,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf;AAAAH,OAAA,CAAAG,oBAAA,GAAAA,oBAAA;AACM,MAAMC,aAAa,GAAG,CAC3B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,CACF;AAAAJ,OAAA,CAAAI,aAAA,GAAAA,aAAA;AAkFK,SAASC,IAAIA,CAACC,UAAwB,EAAE;EACrD,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,gBAAO,CAAC;EAGnC,MAAMC,KAAK,GAAG,IAAAC,uCAAsB,EAClCL,UAAU,EACV,CAAC,CAAC,EACF;IAAEM,QAAQ,EAAEL,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEK;EAAS,CAAC,EAC/BL,OAAO,CAACF,IACV,CAAC;EAGD,MAAM;IACJQ,IAAI,EAAEC,QAAQ;IACdC,IAAI;IACJC,aAAa;IACbC,UAAU;IACVC,GAAG;IACHC;EACF,CAAC,GAAGC,WAAW,CAACV,KAAK,EAAEH,OAAO,CAAC;EAC/B,MAAMM,IAAI,GAAGC,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIK,QAAQ;EAEjC,IAAI,CAACN,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,MAAMQ,aAAa,GAAGC,aAAa,CAAC;IAAET,IAAI;IAAEE,IAAI;IAAEG;EAAI,CAAC,CAAC;EAGxD,IAAI,CAACG,aAAa,EAAE;IAClB,OAAOrG,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAAvG,MAAA,CAAAe,OAAA,CAAAyF,QAAA,MAAI,CAAC;EACd;EAEA,OACExG,MAAA,CAAAe,OAAA,CAAAwF,aAAA,SAAUP,aAAa,EACrBhG,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAACF,aAAa,EAAKJ,UAAa,CAC5B,CAAC;AAEX;AAEO,SAASQ,wBAAwBA,CAACZ,IAAuB,EAAU;EACxE,MAAMa,IAAI,GAAG,OAAOb,IAAI,KAAK,UAAU,GAAGA,IAAI,CAACa,IAAI,GAAG5C,MAAM,CAAC+B,IAAI,CAAC;EAClE,IAAI,eAAe,CAACc,IAAI,CAACD,IAAI,CAAC,EAAE;IAC9B,OAAO,IAAI;EACb;EACA,OAAOA,IAAI;AACb;AAEO,SAASE,QAAQA,CAAClB,KAAgB,EAAE;EACzC,MAAM;IAAEG,IAAI;IAAEE,IAAI;IAAEc,KAAK;IAAEC;EAAO,CAAC,GAAGpB,KAGhB;EAEtB,IAAIqB,SAAoC,GAAG,IAAI;EAC/C,IAAIC,YAAY,GAAG,IAAI;EAGvB,IAAI,CAACjB,IAAI,IAAIA,IAAI,KAAKhB,eAAe,EAAE;IAErC,MAAM2B,IAAI,GAAGD,wBAAwB,CAACZ,IAAI,CAAC;IAE3C,MAAMoB,SAAS,GAAGnD,MAAM,CAAC4C,IAAI,IAAI,EAAE,CAAC,CAACQ,KAAK,CAAC,GAAG,CAAC;IAE/C,IAAID,SAAS,CAAC/D,MAAM,GAAG,CAAC,EAAE;MAAA,IAAAiE,qBAAA,EAAAC,sBAAA;MACxB,MAAMC,kBAAkB,GAAGJ,SAAS,CAACK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAkB;MAClE,MAAMC,aAAa,IAAAJ,qBAAA,GAAGhC,oBAAoB,CAAC1C,MAAM,CAC/C+E,IAAA;QAAA,IAAC,CAAC3F,GAAG,CAAC,GAAA2F,IAAA;QAAA,OAAK3F,GAAG,KAAKwF,kBAAkB;MAAA,CACvC,CAAC,cAAAF,qBAAA,wBAAAC,sBAAA,GAFqBD,qBAAA,CAElB,CAAC,CAAC,cAAAC,sBAAA,uBAFgBA,sBAAA,CAEb,CAAC,CAAC;MACX,IAAIG,aAAa,EAAE;QACjBR,SAAS,GAAGQ,aAAa;MAC3B;MACA,IAAInC,aAAa,CAACqC,QAAQ,CAACJ,kBAAkB,CAAC,EAAE;QAC9CL,YAAY,GAAGK,kBAAkB;MACnC;IACF,CAAC,MAAM;MACL,IAAI,OAAOxB,IAAI,KAAK,UAAU,EAAE;QAC9B,MAAM6B,IAAI,GAAG7B,IAAI,CAAC,CAAC;QACnB,IAAI6B,IAAI,CAAChC,KAAK,EAAE;UACd,IAAI6B,aAAwC,GAAG,IAAI;UACnD,IAAIG,IAAI,CAAChC,KAAK,CAACmB,KAAK,EAAE;YACpBU,aAAa,GAAGG,IAAI,CAAChC,KAAK,CAACmB,KAAK;UAClC;UACA,IAAI,CAACU,aAAa,IAAIG,IAAI,CAAChC,KAAK,CAACiC,OAAO,EAAE;YACxCJ,aAAa,GAAGK,UAAU,CACxB,wBAAwB,CAACC,IAAI,CAACH,IAAI,CAAChC,KAAK,CAACiC,OAAO,CAAC,CAAC,CAAC,CACrD,CAAyB;UAC3B;UACA,IAAI,CAACG,KAAK,CAACP,aAAa,CAAC,EAAE;YACzBR,SAAS,GAAGQ,aAAa;UAC3B;QACF;MACF;IACF;EACF,CAAC,MAGI,IAAI,OAAOxB,IAAI,KAAK,QAAQ,IAAI,EAAE6B,UAAU,CAAC7B,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;IAAA,IAAAgC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IAC5DlB,SAAS,IAAAgB,sBAAA,IAAAC,sBAAA,GACP7C,oBAAoB,CAAC1C,MAAM,CAACyF,KAAA;MAAA,IAAC,CAACrG,GAAG,CAAC,GAAAqG,KAAA;MAAA,OAAKrG,GAAG,KAAKkE,IAAI;IAAA,EAAC,cAAAiC,sBAAA,wBAAAC,sBAAA,GAApDD,sBAAA,CAAuD,CAAC,CAAC,cAAAC,sBAAA,uBAAzDA,sBAAA,CAA4D,CAAC,CAAC,cAAAF,sBAAA,cAAAA,sBAAA,GAAI,CAAC,CAAC;IAGtE,IAAI3C,aAAa,CAACqC,QAAQ,CAAC1B,IAAqB,CAAC,EAAE;MACjDiB,YAAY,GAAGjB,IAAI;IACrB;EACF,CAAC,MAGI,IAAI6B,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE;IAAA,IAAAoC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACrCtB,SAAS,IAAAoB,sBAAA,IAAAC,sBAAA,GACPjD,oBAAoB,CAAC1C,MAAM,CACzB6F,KAAA;MAAA,IAAC,CAACzG,GAAG,EAAE2B,KAAK,CAAC,GAAA8E,KAAA;MAAA,OAAKzG,GAAG,IAAI2B,KAAK,KAAKoE,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAC;IAAA,CAC7D,CAAC,cAAAqC,sBAAA,wBAAAC,sBAAA,GAFDD,sBAAA,CAEI,CAAC,CAAC,cAAAC,sBAAA,uBAFNA,sBAAA,CAES,CAAC,CAAC,cAAAF,sBAAA,cAAAA,sBAAA,GAAI,CAAC,CAAC;IAGnB,IAAIpB,SAAS,KAAK,CAAC,CAAC,EAAE;MACpBA,SAAS,GAAGa,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAyB;MAC5DiB,YAAY,GAAG,aAAa;IAC9B;EACF;EAGA,IAAI,CAACA,YAAY,IAAID,SAAS,GAAG,CAAC,EAAE;IAClC,MAAMwB,qBAAqB,GAAGpD,oBAAoB,CAACqD,MAAM,CACvD,CAACC,GAAG,EAAAC,KAAA,KAAmB;MAAA,IAAjB,CAAC7G,GAAG,EAAE2B,KAAK,CAAC,GAAAkF,KAAA;MAChB,IAAI7G,GAAG,IAAI2B,KAAK,KAAKuD,SAAS,EAAE;QAC9B,OAAOlF,GAAG;MACZ;MACA,OAAO4G,GAAG;IACZ,CAAC,EACD,IACF,CAAC;IAED,IAAIF,qBAAqB,EAAE;MACzBvB,YAAY,GAAGuB,qBAAqB;IACtC;EACF;EAGA,MAAM;IAAEvB,YAAY,EAAE2B,YAAY;IAAEC,MAAM,EAAE3C;EAAW,CAAC,GACtD4C,iBAAiB,CAAC;IAChB7B,YAAY;IACZD,SAAS;IACThB,IAAI;IACJc,KAAK;IACLC;EACF,CAAC,CAAC;EAEJ,IAAI6B,YAAY,EAAE;IAChB3B,YAAY,GAAG2B,YAAY;EAC7B;EAEA,IAAI,EAAE5B,SAAS,GAAG,CAAC,CAAC,EAAE;IACpBA,SAAS,GAAGhC,eAAe;EAC7B;EAEA,IAAIgB,IAAI,KAAK,MAAM,EAAE;IACnBE,UAAU,CAACY,KAAK,GAAG,MAAM;IACzBZ,UAAU,CAACa,MAAM,GAAG,MAAM;IAC1BE,YAAY,GAAG,MAAM;EACvB;EAEA,OAAO;IACLf,UAAU;IACVc,SAAS;IACTC;EACF,CAAC;AACH;AAEA,SAAS6B,iBAAiBA,CAAAC,KAAA,EAMvB;EAAA,IANwB;MACzB9B;IAKF,CAAC,GAAA8B,KAAA;IAJIC,IAAI,GAAAvE,wBAAA,CAAAsE,KAAA,EAAAnI,SAAA;EAKP,MAAM;IAAEoF,IAAI;IAAEc,KAAK;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAGgC,IAAI;EAC/C,MAAMH,MAIL,GAAG,CAAC,CAAC;EAEN,IAAI,CAAC5B,YAAY,IAAI,EAAED,SAAS,GAAG,CAAC,CAAC,IAAIa,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;IACtE6C,MAAM,CAAC/B,KAAK,GAAG+B,MAAM,CAAC9B,MAAM,GAAGc,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAC;EACzD,CAAC,MAAM,IAAIiB,YAAY,KAAK,aAAa,EAAE;IACzC4B,MAAM,CAAC/B,KAAK,GAAG+B,MAAM,CAAC9B,MAAM,GAAGc,UAAU,CAAC9D,MAAM,CAACiD,SAAS,CAAC,CAAC;EAC9D;EACA,IAAIa,UAAU,CAAC9D,MAAM,CAAC+C,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;IAClCG,YAAY,GAAG,aAAa;IAC5B4B,MAAM,CAAC/B,KAAK,GAAGe,UAAU,CAAC9D,MAAM,CAAC+C,KAAK,CAAC,CAAC;EAC1C;EACA,IAAIe,UAAU,CAAC9D,MAAM,CAACgD,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;IACnCE,YAAY,GAAG,aAAa;IAC5B4B,MAAM,CAAC9B,MAAM,GAAGc,UAAU,CAAC9D,MAAM,CAACgD,MAAM,CAAC,CAAC;EAC5C;EAEA,IAAAkC,sCAAqB,EAAC,CAAC,CAAC,EAAEJ,MAAM,CAAC;EAEjC,OAAO;IAAEA,MAAM;IAAE5B;EAAa,CAAC;AACjC;AAEO,SAASZ,WAAWA,CAACV,KAAmB,EAAEH,OAAqB,EAAE;EACtE,MAAM;MACJM,IAAI;MACJE,IAAI;MACJc,KAAK;MACLC,MAAM;MACNmC,MAAM;MACNC,KAAK;MACLC,YAAY;MACZC,aAAa;MACbC,QAAQ;MACRnD,GAAG;MACHoD,KAAK;MACL1D,QAAQ;MACR2D;IAEF,CAAC,GAAG7D,KAAK;IADJ8D,UAAU,GAAAhF,wBAAA,CACXkB,KAAK,EAAA9E,UAAA;EAET,MAAM;IAAEoG,YAAY;IAAEf;EAAW,CAAC,GAAGW,QAAQ,CAAC;IAC5Cf,IAAI;IACJE,IAAI;IACJc,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,IAAIoC,KAAK,EAAE;IACTjD,UAAU,CAACiD,KAAK,GAAGA,KAAK;EAC1B;EAEA,MAAMO,KAAK,GAAG5D,IAAI,GAAGY,wBAAwB,CAACZ,IAAI,CAAC,GAAG,IAAI;EAI1D,MAAMG,aAAa,GAAG,IAAAgD,sCAAqB,EAACtD,KAAK,EAAA5C,aAAA;IAC/C4G,IAAI,EAAExD,GAAG,GAAG,KAAK,GAAG,cAAc;IAClCA,GAAG;IACH,YAAY,EACVuD,KAAK,IAAI,CAACA,KAAK,CAAChC,QAAQ,CAAC,SAAS,CAAC,GAC/BgC,KAAK,CAACE,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,OAAO,GAClC,IAAI;IACVL;EAAK,GACFE,UAAU,CACd,CAAC;EACF,IAAI,CAACtD,GAAG,IAAI,OAAOF,aAAa,CAAC,aAAa,CAAC,KAAK,WAAW,EAAE;IAC/DA,aAAa,CAAC,aAAa,CAAC,GAAG,IAAI;EACrC;EACA,IAAIA,aAAa,CAAC,aAAa,CAAC,EAAE;IAChC,IACE,CAACA,aAAa,CAAC,aAAa,CAAC,IAC7B,OAAO4D,OAAO,KAAK,WAAW,IAC9BA,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAC/B;MACA9D,aAAa,CAAC,aAAa,CAAC,GAAGA,aAAa,CAAC,YAAY,CAAC;IAC5D;IACA,OAAOA,aAAa,CAAC,YAAY,CAAC;EACpC;EAEAA,aAAa,CAACuD,SAAS,GAAG,IAAAQ,mBAAU,EAClC,UAAU,EAIV/C,YAAY,GAAI,aAAYA,YAAa,EAAC,GAAG,mBAAmB,EAChE,IAAAgD,mCAAmB,EAAC,IAAI,EAAEpE,QAAQ,EAAEL,OAAO,CAAC,EAC5C,IAAA0E,mCAAoB,EAACvE,KAAK,CAAC,EAC3B6D,SAAS,EANTF,QAAQ,IAAK,aAAYA,QAAS,EAAC,EACnCJ,MAAM,IAAI,kBAAkB,EAC5B,CAACE,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAIC,aAAa,MAAM,KAAK,IAAI,yBAK/C,CAAC;EAED,IAAIc,YAAY,GAAGC,OAAO,CAACzE,KAAK,CAAC;EAEjC,IAAIwE,YAAY,IAAI,OAAOA,YAAY,CAACE,YAAY,KAAK,WAAW,EAAE;IACpEF,YAAY,GAAGG,cAAK,CAAC9D,aAAa,CAChC2D,YAAY,EACZ,IAAAlB,sCAAqB,EACnB,CAAC,CAAC,EACF;MACEE,KAAK;MACLrD,IAAI;MACJE,IAAI;MACJc,KAAK;MACLC;IACF,CACF,CACF,CAAC;EACH;EAEA,OAAAhE,aAAA,CAAAA,aAAA,KACK4C,KAAK;IACRG,IAAI,EAAEqE,YAAY;IAClBhE,GAAG;IACHD,UAAU;IACVD;EAAa;AAEjB;AAEO,SAASM,aAAaA,CAC3BZ,KAEC,EACD;EACA,MAAM;IAAEK,IAAI,GAAG,IAAI;IAAEuE,WAAW,GAAG,IAAI;IAAEpE,GAAG,GAAG;EAAK,CAAC,GAAGR,KAAK;EAC7D,IAAI;IAAEG;EAAK,CAAC,GAAGH,KAAqD;EAEpE,IAAI,OAAOG,IAAI,KAAK,QAAQ,IAAI,eAAe,CAACc,IAAI,CAACd,IAAI,CAAC,EAAE;IAC1D,OAAO,MAAM7F,MAAA,CAAAe,OAAA,CAAAwF,aAAA;MAAKgE,GAAG,EAAEzG,MAAM,CAAC+B,IAAI,CAAE;MAACK,GAAG,EAAEA,GAAG,IAAI;IAAS,CAAE,CAAC;EAC/D;EAEA,IAAI,OAAOL,IAAI,KAAK,UAAU,EAAE;IAC9B,MAAM6B,IAAI,GAAG7B,IAAI,CAAC,CAAC;IACnB,IAAIwE,cAAK,CAACG,cAAc,CAAC9C,IAAI,CAAC,EAAE;MAC9B,OAAO7B,IAAI;IACb;IACA,OAAO6B,IAAI;EACb;EAEA,IAAI2C,cAAK,CAACG,cAAc,CAAC3E,IAAI,CAAC,IAAI4E,KAAK,CAACC,OAAO,CAAC7E,IAAI,CAAC,EAAE;IACrD,OAAO,MAAMA,IAAI;EACnB;EAGA,IAAI;IACFA,IAAI,GAAG,IAAA8E,qBAAQ,EAAC9E,IAAI,CAAC;IACrB,IACEE,IAAI,IACJd,gBAAgB,CAACc,IAAI,CAAC,IACtBA,IAAI,KAAK,OAAO,IAChBA,IAAI,KAAK,SAAS,IAClB,EAAE6B,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAC/B,CAACF,IAAI,CAAC4B,QAAQ,CAAC1B,IAAqB,CAAC,EACrC;MACAF,IAAI,GAAI,GAAEA,IAAK,IAAGE,IAAK,EAAC;IAC1B;IACA,MAAM6E,GAAG,GAAG,CACVN,WAAW,CAACO,QAAQ,GAAGP,WAAW,CAACO,QAAQ,GAAGP,WAAW,EACzDzE,IAAI,CAAC;IACP,OAAO+E,GAAG,IAAIA,GAAG,CAAC7J,OAAO,GAAG6J,GAAG,CAAC7J,OAAO,GAAG6J,GAAG;EAC/C,CAAC,CAAC,OAAOE,CAAC,EAAE;IACV,IAAAC,yBAAY,EAAE,SAAQlF,IAAK,kBAAiB,CAAC;IAC7C,OAAO,IAAI;EACb;AACF;AAEA,SAASsE,OAAOA,CAACzE,KAAK,EAAE;EACtB,IAAIA,KAAK,CAACG,IAAI,EAAE;IACd,OAAOH,KAAK,CAACG,IAAI;EACnB;EACA,OAAO,IAAAmF,gCAAe,EAACtF,KAAK,CAAC;AAC/B;AAEAL,IAAI,CAAC4F,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"Icon.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_errorHelper","_componentHelper","_Context","_SpacingHelper","_SkeletonHelper","_IconHelpers","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","DefaultIconSize","exports","DefaultIconSizes","medium","ListDefaultIconSizes","ValidIconType","Icon","localProps","context","useContext","Context","props","extendPropsWithContext","skeleton","icon","iconProp","size","wrapperParams","iconParams","alt","children","prepareIcon","IconContainer","prerenderIcon","createElement","Fragment","getIconNameFromComponent","name","test","calcSize","width","height","sizeAsInt","sizeAsString","nameParts","split","_ListDefaultIconSizes","_ListDefaultIconSizes2","lastPartOfIconName","reverse","potentialSize","_ref","includes","elem","viewBox","parseFloat","exec","isNaN","_ListDefaultIconSizes3","_ListDefaultIconSizes4","_ListDefaultIconSizes5","_ref2","_ListDefaultIconSizes6","_ListDefaultIconSizes7","_ListDefaultIconSizes8","_ref3","potentialSizeAsString","reduce","acc","_ref4","isCustomSize","params","prepareIconParams","_ref5","rest","validateDOMAttributes","border","color","inheritColor","inherit_color","modifier","title","className","attributes","label","role","replace","process","env","NODE_ENV","classnames","createSkeletonClass","createSpacingClasses","iconToRender","getIcon","defaultProps","React","listOfIcons","src","isValidElement","Array","isArray","iconCase","mod","dnbIcons","e","ErrorHandler","processChildren","_supportsSpacingProps"],"sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ErrorHandler } from '../../shared/error-helper'\nimport {\n  validateDOMAttributes,\n  processChildren,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { iconCase } from './IconHelpers'\nimport { SpacingProps } from '../../shared/types'\nimport { SkeletonShow } from '../Skeleton'\n\nexport const DefaultIconSize = 16\nexport const DefaultIconSizes = {\n  // small: 8, // currently not in use\n  default: 16,\n  medium: 24,\n  // large: 32 // currently not in use\n} as const\nexport const ListDefaultIconSizes: Array<\n  [ValidIconType, ValidIconNumericSize]\n> = [\n  ['default', 16],\n  ['medium', 24],\n]\nexport const ValidIconType = [\n  'small', // 12px 0.75rem\n  'default', // 16px 1rem\n  'medium', // 24px 1.5rem\n  'large', // 32px 2rem\n  'x-large', // 40px 2.5rem\n  'xx-large', // 48px 3rem\n] as const\n\nexport type DefaultIconSizes = typeof DefaultIconSizes\nexport type ValidIconType = (typeof ValidIconType)[number]\nexport type ValidIconNumericSize = DefaultIconSizes[keyof DefaultIconSizes]\n\n/** For internal usage */\ntype IconType =\n  | string\n  | React.ReactElement<SVGElement>\n  | ((props?: unknown) => JSX.Element)\n  | false\n\n/** For external usage */\nexport type IconIcon = IconType | React.FC<unknown>\n\nexport type IconSize =\n  | ValidIconNumericSize\n  | `${ValidIconNumericSize | number}`\n  | ValidIconType\n  | 'auto'\n  | 'basis'\n\nexport type IconColor =\n  | string\n  | number\n  | { [key: string]: string | number }\n\nexport type IconProps = {\n  /**\n   * A React SVG Component.\n   */\n  icon?: IconIcon\n\n  /**\n   * The dimension of the icon. This will be the `viewBox` and represent `width` and `height`. Defaults to `16`. You can use `small`,`medium`, `large` or `auto`. Auto will enable that the icon size gets inherited by the parent HTML element if it provides a `font-size`.\n   */\n  size?: IconSize\n\n  /**\n   * The color can be any valid color property, such as Hex, RGB or preferable – any CSS variable from the <a href=\"/uilib/usage/customisation/colors\">colors table</a>, e.g. `var(--color-ocean-green)`. Default is no color, which means `--color-black-80`.\n   */\n  color?: IconColor\n\n  /**\n   * Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.\n   */\n  inheritColor?: boolean\n\n  /** @deprecated Use `inheritColor` instead */\n  inherit_color?: boolean\n\n  /**\n   * The alternative label (text version) of the icon. Defaults to the imported icon name.\n   */\n  alt?: string\n\n  /**\n   * Use a title to provide extra information about the icon used.\n   */\n  title?: string\n\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Modifier class to define. Will result in: `dnb-icon--${modifier}`.\n   */\n  modifier?: string\n\n  border?: boolean\n  width?: `${IconSize}` | `${number}%` | number\n  height?: `${IconSize}` | `${number}%` | number\n  children?: IconIcon\n}\n\nexport type IconAllProps = IconProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'size' | 'children'>\n\nexport default function Icon(localProps: IconAllProps) {\n  const context = useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    {},\n    { skeleton: context?.skeleton },\n    context.Icon\n  )\n\n  // Todo: rewrite prepareIcon to hook\n  const {\n    icon: iconProp,\n    size,\n    wrapperParams,\n    iconParams,\n    alt,\n    children,\n  } = prepareIcon(props, context)\n  const icon = iconProp ?? children\n\n  if (!icon) {\n    return null\n  }\n\n  const IconContainer = prerenderIcon({ icon, size, alt })\n\n  // make sure we return an empty span if we couldn't get the icon\n  if (!IconContainer) {\n    return <></>\n  }\n\n  return (\n    <span {...wrapperParams}>\n      <IconContainer {...iconParams} />\n    </span>\n  )\n}\n\nexport function getIconNameFromComponent(icon: IconProps['icon']): string {\n  const name = typeof icon === 'function' ? icon.name : String(icon)\n  if (/^data:image\\//.test(name)) {\n    return null\n  }\n  return name\n}\n\nexport function calcSize(props: IconProps) {\n  const { icon, size, width, height } = props as Omit<\n    IconProps,\n    'icon'\n  > & { icon: IconType }\n\n  let sizeAsInt: ValidIconNumericSize | -1 = null\n  let sizeAsString = null\n\n  // if there is no size, check if we can find the actual size in the name\n  if (!size || size === DefaultIconSize) {\n    // get the icon name - we use it for several things\n    const name = getIconNameFromComponent(icon)\n\n    const nameParts = String(name || '').split('_')\n\n    if (nameParts.length > 1) {\n      const lastPartOfIconName = nameParts.reverse()[0] as ValidIconType\n      const potentialSize = ListDefaultIconSizes.filter(\n        ([key]) => key === lastPartOfIconName\n      )?.[0]?.[1]\n      if (potentialSize) {\n        sizeAsInt = potentialSize\n      }\n      if (ValidIconType.includes(lastPartOfIconName)) {\n        sizeAsString = lastPartOfIconName\n      }\n    } else {\n      if (typeof icon === 'function') {\n        const elem = icon()\n        if (elem.props) {\n          let potentialSize: ValidIconNumericSize | -1 = null\n          if (elem.props.width) {\n            potentialSize = elem.props.width\n          }\n          if (!potentialSize && elem.props.viewBox) {\n            potentialSize = parseFloat(\n              /[0-9]+ [0-9]+ ([0-9]+)/.exec(elem.props.viewBox)[1]\n            ) as ValidIconNumericSize // get the width\n          }\n          if (!isNaN(potentialSize)) {\n            sizeAsInt = potentialSize\n          }\n        }\n      }\n    }\n  }\n\n  // if size is defined as a string, find the size number\n  else if (typeof size === 'string' && !(parseFloat(size) > 0)) {\n    sizeAsInt =\n      ListDefaultIconSizes.filter(([key]) => key === size)?.[0]?.[1] ?? -1\n\n    // or if the size is a default size defined as a string\n    if (ValidIconType.includes(size as ValidIconType)) {\n      sizeAsString = size\n    }\n  }\n\n  // check if the size is given as a number, and if it's a default size\n  else if (parseFloat(String(size)) > 0) {\n    sizeAsInt =\n      ListDefaultIconSizes.filter(\n        ([key, value]) => key && value === parseFloat(String(size))\n      )?.[0]?.[1] ?? -1\n\n    // has custom size\n    if (sizeAsInt === -1) {\n      sizeAsInt = parseFloat(String(size)) as ValidIconNumericSize\n      sizeAsString = 'custom-size'\n    }\n  }\n\n  // check if the sizeAsInt is a default size - and no sizeAsString exists yet\n  if (!sizeAsString && sizeAsInt > 0) {\n    const potentialSizeAsString = ListDefaultIconSizes.reduce(\n      (acc, [key, value]) => {\n        if (key && value === sizeAsInt) {\n          return key\n        }\n        return acc\n      },\n      null\n    )\n\n    if (potentialSizeAsString) {\n      sizeAsString = potentialSizeAsString\n    }\n  }\n\n  // define all the svg parameters\n  const { sizeAsString: isCustomSize, params: iconParams } =\n    prepareIconParams({\n      sizeAsString,\n      sizeAsInt,\n      size,\n      width,\n      height,\n    })\n\n  if (isCustomSize) {\n    sizeAsString = isCustomSize\n  }\n\n  if (!(sizeAsInt > 0)) {\n    sizeAsInt = DefaultIconSize\n  }\n\n  if (size === 'auto') {\n    iconParams.width = '100%'\n    iconParams.height = '100%'\n    sizeAsString = 'auto'\n  }\n\n  return {\n    iconParams,\n    sizeAsInt,\n    sizeAsString,\n  }\n}\n\nfunction prepareIconParams({\n  sizeAsString,\n  ...rest\n}: Omit<IconProps, 'icon'> & {\n  sizeAsString?: ValidIconType | 'custom-size'\n  sizeAsInt?: ValidIconNumericSize | -1\n}) {\n  const { size, width, height, sizeAsInt } = rest\n  const params: {\n    height?: IconProps['height']\n    width?: IconProps['width']\n    color?: IconProps['color']\n  } = {}\n\n  if (!sizeAsString && !(sizeAsInt > 0) && parseFloat(String(size)) > -1) {\n    params.width = params.height = parseFloat(String(size))\n  } else if (sizeAsString === 'custom-size') {\n    params.width = params.height = parseFloat(String(sizeAsInt))\n  }\n  if (parseFloat(String(width)) > -1) {\n    sizeAsString = 'custom-size'\n    params.width = parseFloat(String(width))\n  }\n  if (parseFloat(String(height)) > -1) {\n    sizeAsString = 'custom-size'\n    params.height = parseFloat(String(height))\n  }\n\n  validateDOMAttributes({}, params)\n\n  return { params, sizeAsString }\n}\n\nexport function prepareIcon(props: IconAllProps, context: ContextProps) {\n  const {\n    icon,\n    size,\n    width,\n    height,\n    border,\n    color,\n    inheritColor,\n    inherit_color,\n    modifier,\n    alt,\n    title,\n    skeleton,\n    className,\n    ...attributes\n  } = props\n\n  const { sizeAsString, iconParams } = calcSize({\n    icon,\n    size,\n    width,\n    height,\n  })\n\n  if (color) {\n    iconParams.color = color\n  }\n\n  const label = icon ? getIconNameFromComponent(icon) : null\n\n  // some wrapper params\n  // also used for code markup simulation\n  const wrapperParams = validateDOMAttributes(props, {\n    role: alt ? 'img' : 'presentation',\n    alt, // in case the image don't shows up (because we define the role to be img)\n    'aria-label':\n      label && !label.includes('default')\n        ? label.replace(/_/g, ' ') + ' icon'\n        : null, // for screen readers only\n    title, // to show on hover, if defined\n    ...attributes,\n  })\n  if (!alt && typeof wrapperParams['aria-hidden'] === 'undefined') {\n    wrapperParams['aria-hidden'] = true\n  }\n  if (wrapperParams['aria-hidden']) {\n    if (\n      !wrapperParams['data-testid'] &&\n      typeof process !== 'undefined' &&\n      process.env.NODE_ENV === 'test'\n    ) {\n      wrapperParams['data-testid'] = wrapperParams['aria-label']\n    }\n    delete wrapperParams['aria-label']\n  }\n\n  wrapperParams.className = classnames(\n    'dnb-icon',\n    modifier && `dnb-icon--${modifier}`,\n    border && 'dnb-icon--border',\n    (inheritColor ?? inherit_color) !== false && 'dnb-icon--inherit-color',\n    sizeAsString ? `dnb-icon--${sizeAsString}` : 'dnb-icon--default',\n    createSkeletonClass(null, skeleton, context),\n    createSpacingClasses(props),\n    className\n  )\n\n  let iconToRender = getIcon(props)\n\n  if (iconToRender && typeof iconToRender.defaultProps !== 'undefined') {\n    iconToRender = React.createElement(\n      iconToRender,\n      validateDOMAttributes(\n        {},\n        {\n          color,\n          icon,\n          size,\n          width,\n          height,\n        }\n      )\n    )\n  }\n\n  return {\n    ...props,\n    icon: iconToRender,\n    alt,\n    iconParams,\n    wrapperParams,\n  }\n}\n\nexport function prerenderIcon(\n  props: IconProps & {\n    listOfIcons?: Record<string, IconIcon>\n  }\n) {\n  const { size = null, listOfIcons = null, alt = null } = props\n  let { icon } = props as Omit<IconProps, 'icon'> & { icon: IconType }\n\n  if (typeof icon === 'string' && /^data:image\\//.test(icon)) {\n    return () => <img src={String(icon)} alt={alt || 'no-alt'} />\n  }\n\n  if (typeof icon === 'function') {\n    const elem = icon()\n    if (React.isValidElement(elem)) {\n      return icon\n    }\n    return elem\n  }\n\n  if (React.isValidElement(icon) || Array.isArray(icon)) {\n    return () => icon\n  }\n\n  // For UMD/ dynamic import of icons\n  try {\n    icon = iconCase(icon)\n    if (\n      size &&\n      DefaultIconSizes[size] &&\n      size !== 'basis' &&\n      size !== 'default' &&\n      !(parseFloat(String(size)) > 0) &&\n      !icon.includes(size as ValidIconType)\n    ) {\n      icon = `${icon}_${size}`\n    }\n    const mod = (\n      listOfIcons.dnbIcons ? listOfIcons.dnbIcons : listOfIcons\n    )[icon]\n    return mod && mod.default ? mod.default : mod\n  } catch (e) {\n    ErrorHandler(`Icon '${icon}' did not exist!`)\n    return null\n  }\n}\n\nfunction getIcon(props) {\n  if (props.icon) {\n    return props.icon\n  }\n  return processChildren(props)\n}\n\nIcon._supportsSpacingProps = true\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAwC,MAAAS,SAAA;EAAAC,UAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAY,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,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,gBAAAxC,GAAA,EAAAgB,GAAA,EAAA2B,KAAA,IAAA3B,GAAA,GAAA4B,cAAA,CAAA5B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA2B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAA9C,GAAA,CAAAgB,GAAA,IAAA2B,KAAA,WAAA3C,GAAA;AAAA,SAAA4C,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;AAAA,SAAAS,yBAAArB,MAAA,EAAAsB,QAAA,QAAAtB,MAAA,yBAAAJ,MAAA,GAAA2B,6BAAA,CAAAvB,MAAA,EAAAsB,QAAA,OAAA5C,GAAA,EAAAmB,CAAA,MAAAtB,MAAA,CAAAa,qBAAA,QAAAoC,gBAAA,GAAAjD,MAAA,CAAAa,qBAAA,CAAAY,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA2B,gBAAA,CAAAzB,MAAA,EAAAF,CAAA,MAAAnB,GAAA,GAAA8C,gBAAA,CAAA3B,CAAA,OAAAyB,QAAA,CAAAG,OAAA,CAAA/C,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAA+C,oBAAA,CAAA7C,IAAA,CAAAmB,MAAA,EAAAtB,GAAA,aAAAkB,MAAA,CAAAlB,GAAA,IAAAsB,MAAA,CAAAtB,GAAA,cAAAkB,MAAA;AAAA,SAAA2B,8BAAAvB,MAAA,EAAAsB,QAAA,QAAAtB,MAAA,yBAAAJ,MAAA,WAAA+B,UAAA,GAAApD,MAAA,CAAAY,IAAA,CAAAa,MAAA,OAAAtB,GAAA,EAAAmB,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA8B,UAAA,CAAA5B,MAAA,EAAAF,CAAA,MAAAnB,GAAA,GAAAiD,UAAA,CAAA9B,CAAA,OAAAyB,QAAA,CAAAG,OAAA,CAAA/C,GAAA,kBAAAkB,MAAA,CAAAlB,GAAA,IAAAsB,MAAA,CAAAtB,GAAA,YAAAkB,MAAA;AAIjC,MAAMgC,eAAe,GAAG,EAAE;AAAAC,OAAA,CAAAD,eAAA,GAAAA,eAAA;AAC1B,MAAME,gBAAgB,GAAG;EAE9BlE,OAAO,EAAE,EAAE;EACXmE,MAAM,EAAE;AAEV,CAAU;AAAAF,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AACH,MAAME,oBAEZ,GAAG,CACF,CAAC,SAAS,EAAE,EAAE,CAAC,EACf,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf;AAAAH,OAAA,CAAAG,oBAAA,GAAAA,oBAAA;AACM,MAAMC,aAAa,GAAG,CAC3B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,CACF;AAAAJ,OAAA,CAAAI,aAAA,GAAAA,aAAA;AAkFK,SAASC,IAAIA,CAACC,UAAwB,EAAE;EACrD,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,gBAAO,CAAC;EAGnC,MAAMC,KAAK,GAAG,IAAAC,uCAAsB,EAClCL,UAAU,EACV,CAAC,CAAC,EACF;IAAEM,QAAQ,EAAEL,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEK;EAAS,CAAC,EAC/BL,OAAO,CAACF,IACV,CAAC;EAGD,MAAM;IACJQ,IAAI,EAAEC,QAAQ;IACdC,IAAI;IACJC,aAAa;IACbC,UAAU;IACVC,GAAG;IACHC;EACF,CAAC,GAAGC,WAAW,CAACV,KAAK,EAAEH,OAAO,CAAC;EAC/B,MAAMM,IAAI,GAAGC,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIK,QAAQ;EAEjC,IAAI,CAACN,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,MAAMQ,aAAa,GAAGC,aAAa,CAAC;IAAET,IAAI;IAAEE,IAAI;IAAEG;EAAI,CAAC,CAAC;EAGxD,IAAI,CAACG,aAAa,EAAE;IAClB,OAAOrG,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAAvG,MAAA,CAAAe,OAAA,CAAAyF,QAAA,MAAI,CAAC;EACd;EAEA,OACExG,MAAA,CAAAe,OAAA,CAAAwF,aAAA,SAAUP,aAAa,EACrBhG,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAACF,aAAa,EAAKJ,UAAa,CAC5B,CAAC;AAEX;AAEO,SAASQ,wBAAwBA,CAACZ,IAAuB,EAAU;EACxE,MAAMa,IAAI,GAAG,OAAOb,IAAI,KAAK,UAAU,GAAGA,IAAI,CAACa,IAAI,GAAG5C,MAAM,CAAC+B,IAAI,CAAC;EAClE,IAAI,eAAe,CAACc,IAAI,CAACD,IAAI,CAAC,EAAE;IAC9B,OAAO,IAAI;EACb;EACA,OAAOA,IAAI;AACb;AAEO,SAASE,QAAQA,CAAClB,KAAgB,EAAE;EACzC,MAAM;IAAEG,IAAI;IAAEE,IAAI;IAAEc,KAAK;IAAEC;EAAO,CAAC,GAAGpB,KAGhB;EAEtB,IAAIqB,SAAoC,GAAG,IAAI;EAC/C,IAAIC,YAAY,GAAG,IAAI;EAGvB,IAAI,CAACjB,IAAI,IAAIA,IAAI,KAAKhB,eAAe,EAAE;IAErC,MAAM2B,IAAI,GAAGD,wBAAwB,CAACZ,IAAI,CAAC;IAE3C,MAAMoB,SAAS,GAAGnD,MAAM,CAAC4C,IAAI,IAAI,EAAE,CAAC,CAACQ,KAAK,CAAC,GAAG,CAAC;IAE/C,IAAID,SAAS,CAAC/D,MAAM,GAAG,CAAC,EAAE;MAAA,IAAAiE,qBAAA,EAAAC,sBAAA;MACxB,MAAMC,kBAAkB,GAAGJ,SAAS,CAACK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAkB;MAClE,MAAMC,aAAa,IAAAJ,qBAAA,GAAGhC,oBAAoB,CAAC1C,MAAM,CAC/C+E,IAAA;QAAA,IAAC,CAAC3F,GAAG,CAAC,GAAA2F,IAAA;QAAA,OAAK3F,GAAG,KAAKwF,kBAAkB;MAAA,CACvC,CAAC,cAAAF,qBAAA,wBAAAC,sBAAA,GAFqBD,qBAAA,CAElB,CAAC,CAAC,cAAAC,sBAAA,uBAFgBA,sBAAA,CAEb,CAAC,CAAC;MACX,IAAIG,aAAa,EAAE;QACjBR,SAAS,GAAGQ,aAAa;MAC3B;MACA,IAAInC,aAAa,CAACqC,QAAQ,CAACJ,kBAAkB,CAAC,EAAE;QAC9CL,YAAY,GAAGK,kBAAkB;MACnC;IACF,CAAC,MAAM;MACL,IAAI,OAAOxB,IAAI,KAAK,UAAU,EAAE;QAC9B,MAAM6B,IAAI,GAAG7B,IAAI,CAAC,CAAC;QACnB,IAAI6B,IAAI,CAAChC,KAAK,EAAE;UACd,IAAI6B,aAAwC,GAAG,IAAI;UACnD,IAAIG,IAAI,CAAChC,KAAK,CAACmB,KAAK,EAAE;YACpBU,aAAa,GAAGG,IAAI,CAAChC,KAAK,CAACmB,KAAK;UAClC;UACA,IAAI,CAACU,aAAa,IAAIG,IAAI,CAAChC,KAAK,CAACiC,OAAO,EAAE;YACxCJ,aAAa,GAAGK,UAAU,CACxB,wBAAwB,CAACC,IAAI,CAACH,IAAI,CAAChC,KAAK,CAACiC,OAAO,CAAC,CAAC,CAAC,CACrD,CAAyB;UAC3B;UACA,IAAI,CAACG,KAAK,CAACP,aAAa,CAAC,EAAE;YACzBR,SAAS,GAAGQ,aAAa;UAC3B;QACF;MACF;IACF;EACF,CAAC,MAGI,IAAI,OAAOxB,IAAI,KAAK,QAAQ,IAAI,EAAE6B,UAAU,CAAC7B,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;IAAA,IAAAgC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IAC5DlB,SAAS,IAAAgB,sBAAA,IAAAC,sBAAA,GACP7C,oBAAoB,CAAC1C,MAAM,CAACyF,KAAA;MAAA,IAAC,CAACrG,GAAG,CAAC,GAAAqG,KAAA;MAAA,OAAKrG,GAAG,KAAKkE,IAAI;IAAA,EAAC,cAAAiC,sBAAA,wBAAAC,sBAAA,GAApDD,sBAAA,CAAuD,CAAC,CAAC,cAAAC,sBAAA,uBAAzDA,sBAAA,CAA4D,CAAC,CAAC,cAAAF,sBAAA,cAAAA,sBAAA,GAAI,CAAC,CAAC;IAGtE,IAAI3C,aAAa,CAACqC,QAAQ,CAAC1B,IAAqB,CAAC,EAAE;MACjDiB,YAAY,GAAGjB,IAAI;IACrB;EACF,CAAC,MAGI,IAAI6B,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE;IAAA,IAAAoC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACrCtB,SAAS,IAAAoB,sBAAA,IAAAC,sBAAA,GACPjD,oBAAoB,CAAC1C,MAAM,CACzB6F,KAAA;MAAA,IAAC,CAACzG,GAAG,EAAE2B,KAAK,CAAC,GAAA8E,KAAA;MAAA,OAAKzG,GAAG,IAAI2B,KAAK,KAAKoE,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAC;IAAA,CAC7D,CAAC,cAAAqC,sBAAA,wBAAAC,sBAAA,GAFDD,sBAAA,CAEI,CAAC,CAAC,cAAAC,sBAAA,uBAFNA,sBAAA,CAES,CAAC,CAAC,cAAAF,sBAAA,cAAAA,sBAAA,GAAI,CAAC,CAAC;IAGnB,IAAIpB,SAAS,KAAK,CAAC,CAAC,EAAE;MACpBA,SAAS,GAAGa,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAyB;MAC5DiB,YAAY,GAAG,aAAa;IAC9B;EACF;EAGA,IAAI,CAACA,YAAY,IAAID,SAAS,GAAG,CAAC,EAAE;IAClC,MAAMwB,qBAAqB,GAAGpD,oBAAoB,CAACqD,MAAM,CACvD,CAACC,GAAG,EAAAC,KAAA,KAAmB;MAAA,IAAjB,CAAC7G,GAAG,EAAE2B,KAAK,CAAC,GAAAkF,KAAA;MAChB,IAAI7G,GAAG,IAAI2B,KAAK,KAAKuD,SAAS,EAAE;QAC9B,OAAOlF,GAAG;MACZ;MACA,OAAO4G,GAAG;IACZ,CAAC,EACD,IACF,CAAC;IAED,IAAIF,qBAAqB,EAAE;MACzBvB,YAAY,GAAGuB,qBAAqB;IACtC;EACF;EAGA,MAAM;IAAEvB,YAAY,EAAE2B,YAAY;IAAEC,MAAM,EAAE3C;EAAW,CAAC,GACtD4C,iBAAiB,CAAC;IAChB7B,YAAY;IACZD,SAAS;IACThB,IAAI;IACJc,KAAK;IACLC;EACF,CAAC,CAAC;EAEJ,IAAI6B,YAAY,EAAE;IAChB3B,YAAY,GAAG2B,YAAY;EAC7B;EAEA,IAAI,EAAE5B,SAAS,GAAG,CAAC,CAAC,EAAE;IACpBA,SAAS,GAAGhC,eAAe;EAC7B;EAEA,IAAIgB,IAAI,KAAK,MAAM,EAAE;IACnBE,UAAU,CAACY,KAAK,GAAG,MAAM;IACzBZ,UAAU,CAACa,MAAM,GAAG,MAAM;IAC1BE,YAAY,GAAG,MAAM;EACvB;EAEA,OAAO;IACLf,UAAU;IACVc,SAAS;IACTC;EACF,CAAC;AACH;AAEA,SAAS6B,iBAAiBA,CAAAC,KAAA,EAMvB;EAAA,IANwB;MACzB9B;IAKF,CAAC,GAAA8B,KAAA;IAJIC,IAAI,GAAAvE,wBAAA,CAAAsE,KAAA,EAAAnI,SAAA;EAKP,MAAM;IAAEoF,IAAI;IAAEc,KAAK;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAGgC,IAAI;EAC/C,MAAMH,MAIL,GAAG,CAAC,CAAC;EAEN,IAAI,CAAC5B,YAAY,IAAI,EAAED,SAAS,GAAG,CAAC,CAAC,IAAIa,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;IACtE6C,MAAM,CAAC/B,KAAK,GAAG+B,MAAM,CAAC9B,MAAM,GAAGc,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAC;EACzD,CAAC,MAAM,IAAIiB,YAAY,KAAK,aAAa,EAAE;IACzC4B,MAAM,CAAC/B,KAAK,GAAG+B,MAAM,CAAC9B,MAAM,GAAGc,UAAU,CAAC9D,MAAM,CAACiD,SAAS,CAAC,CAAC;EAC9D;EACA,IAAIa,UAAU,CAAC9D,MAAM,CAAC+C,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;IAClCG,YAAY,GAAG,aAAa;IAC5B4B,MAAM,CAAC/B,KAAK,GAAGe,UAAU,CAAC9D,MAAM,CAAC+C,KAAK,CAAC,CAAC;EAC1C;EACA,IAAIe,UAAU,CAAC9D,MAAM,CAACgD,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;IACnCE,YAAY,GAAG,aAAa;IAC5B4B,MAAM,CAAC9B,MAAM,GAAGc,UAAU,CAAC9D,MAAM,CAACgD,MAAM,CAAC,CAAC;EAC5C;EAEA,IAAAkC,sCAAqB,EAAC,CAAC,CAAC,EAAEJ,MAAM,CAAC;EAEjC,OAAO;IAAEA,MAAM;IAAE5B;EAAa,CAAC;AACjC;AAEO,SAASZ,WAAWA,CAACV,KAAmB,EAAEH,OAAqB,EAAE;EACtE,MAAM;MACJM,IAAI;MACJE,IAAI;MACJc,KAAK;MACLC,MAAM;MACNmC,MAAM;MACNC,KAAK;MACLC,YAAY;MACZC,aAAa;MACbC,QAAQ;MACRnD,GAAG;MACHoD,KAAK;MACL1D,QAAQ;MACR2D;IAEF,CAAC,GAAG7D,KAAK;IADJ8D,UAAU,GAAAhF,wBAAA,CACXkB,KAAK,EAAA9E,UAAA;EAET,MAAM;IAAEoG,YAAY;IAAEf;EAAW,CAAC,GAAGW,QAAQ,CAAC;IAC5Cf,IAAI;IACJE,IAAI;IACJc,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,IAAIoC,KAAK,EAAE;IACTjD,UAAU,CAACiD,KAAK,GAAGA,KAAK;EAC1B;EAEA,MAAMO,KAAK,GAAG5D,IAAI,GAAGY,wBAAwB,CAACZ,IAAI,CAAC,GAAG,IAAI;EAI1D,MAAMG,aAAa,GAAG,IAAAgD,sCAAqB,EAACtD,KAAK,EAAA5C,aAAA;IAC/C4G,IAAI,EAAExD,GAAG,GAAG,KAAK,GAAG,cAAc;IAClCA,GAAG;IACH,YAAY,EACVuD,KAAK,IAAI,CAACA,KAAK,CAAChC,QAAQ,CAAC,SAAS,CAAC,GAC/BgC,KAAK,CAACE,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,OAAO,GAClC,IAAI;IACVL;EAAK,GACFE,UAAU,CACd,CAAC;EACF,IAAI,CAACtD,GAAG,IAAI,OAAOF,aAAa,CAAC,aAAa,CAAC,KAAK,WAAW,EAAE;IAC/DA,aAAa,CAAC,aAAa,CAAC,GAAG,IAAI;EACrC;EACA,IAAIA,aAAa,CAAC,aAAa,CAAC,EAAE;IAChC,IACE,CAACA,aAAa,CAAC,aAAa,CAAC,IAC7B,OAAO4D,OAAO,KAAK,WAAW,IAC9BA,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAC/B;MACA9D,aAAa,CAAC,aAAa,CAAC,GAAGA,aAAa,CAAC,YAAY,CAAC;IAC5D;IACA,OAAOA,aAAa,CAAC,YAAY,CAAC;EACpC;EAEAA,aAAa,CAACuD,SAAS,GAAG,IAAAQ,mBAAU,EAClC,UAAU,EAIV/C,YAAY,GAAI,aAAYA,YAAa,EAAC,GAAG,mBAAmB,EAChE,IAAAgD,mCAAmB,EAAC,IAAI,EAAEpE,QAAQ,EAAEL,OAAO,CAAC,EAC5C,IAAA0E,mCAAoB,EAACvE,KAAK,CAAC,EAC3B6D,SAAS,EANTF,QAAQ,IAAK,aAAYA,QAAS,EAAC,EACnCJ,MAAM,IAAI,kBAAkB,EAC5B,CAACE,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAIC,aAAa,MAAM,KAAK,IAAI,yBAK/C,CAAC;EAED,IAAIc,YAAY,GAAGC,OAAO,CAACzE,KAAK,CAAC;EAEjC,IAAIwE,YAAY,IAAI,OAAOA,YAAY,CAACE,YAAY,KAAK,WAAW,EAAE;IACpEF,YAAY,GAAGG,cAAK,CAAC9D,aAAa,CAChC2D,YAAY,EACZ,IAAAlB,sCAAqB,EACnB,CAAC,CAAC,EACF;MACEE,KAAK;MACLrD,IAAI;MACJE,IAAI;MACJc,KAAK;MACLC;IACF,CACF,CACF,CAAC;EACH;EAEA,OAAAhE,aAAA,CAAAA,aAAA,KACK4C,KAAK;IACRG,IAAI,EAAEqE,YAAY;IAClBhE,GAAG;IACHD,UAAU;IACVD;EAAa;AAEjB;AAEO,SAASM,aAAaA,CAC3BZ,KAEC,EACD;EACA,MAAM;IAAEK,IAAI,GAAG,IAAI;IAAEuE,WAAW,GAAG,IAAI;IAAEpE,GAAG,GAAG;EAAK,CAAC,GAAGR,KAAK;EAC7D,IAAI;IAAEG;EAAK,CAAC,GAAGH,KAAqD;EAEpE,IAAI,OAAOG,IAAI,KAAK,QAAQ,IAAI,eAAe,CAACc,IAAI,CAACd,IAAI,CAAC,EAAE;IAC1D,OAAO,MAAM7F,MAAA,CAAAe,OAAA,CAAAwF,aAAA;MAAKgE,GAAG,EAAEzG,MAAM,CAAC+B,IAAI,CAAE;MAACK,GAAG,EAAEA,GAAG,IAAI;IAAS,CAAE,CAAC;EAC/D;EAEA,IAAI,OAAOL,IAAI,KAAK,UAAU,EAAE;IAC9B,MAAM6B,IAAI,GAAG7B,IAAI,CAAC,CAAC;IACnB,IAAIwE,cAAK,CAACG,cAAc,CAAC9C,IAAI,CAAC,EAAE;MAC9B,OAAO7B,IAAI;IACb;IACA,OAAO6B,IAAI;EACb;EAEA,IAAI2C,cAAK,CAACG,cAAc,CAAC3E,IAAI,CAAC,IAAI4E,KAAK,CAACC,OAAO,CAAC7E,IAAI,CAAC,EAAE;IACrD,OAAO,MAAMA,IAAI;EACnB;EAGA,IAAI;IACFA,IAAI,GAAG,IAAA8E,qBAAQ,EAAC9E,IAAI,CAAC;IACrB,IACEE,IAAI,IACJd,gBAAgB,CAACc,IAAI,CAAC,IACtBA,IAAI,KAAK,OAAO,IAChBA,IAAI,KAAK,SAAS,IAClB,EAAE6B,UAAU,CAAC9D,MAAM,CAACiC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAC/B,CAACF,IAAI,CAAC4B,QAAQ,CAAC1B,IAAqB,CAAC,EACrC;MACAF,IAAI,GAAI,GAAEA,IAAK,IAAGE,IAAK,EAAC;IAC1B;IACA,MAAM6E,GAAG,GAAG,CACVN,WAAW,CAACO,QAAQ,GAAGP,WAAW,CAACO,QAAQ,GAAGP,WAAW,EACzDzE,IAAI,CAAC;IACP,OAAO+E,GAAG,IAAIA,GAAG,CAAC7J,OAAO,GAAG6J,GAAG,CAAC7J,OAAO,GAAG6J,GAAG;EAC/C,CAAC,CAAC,OAAOE,CAAC,EAAE;IACV,IAAAC,yBAAY,EAAE,SAAQlF,IAAK,kBAAiB,CAAC;IAC7C,OAAO,IAAI;EACb;AACF;AAEA,SAASsE,OAAOA,CAACzE,KAAK,EAAE;EACtB,IAAIA,KAAK,CAACG,IAAI,EAAE;IACd,OAAOH,KAAK,CAACG,IAAI;EACnB;EACA,OAAO,IAAAmF,gCAAe,EAACtF,KAAK,CAAC;AAC/B;AAEAL,IAAI,CAAC4F,qBAAqB,GAAG,IAAI"}

package/cjs/extensions/forms/Field/Selection/Selection.js

@@ -193,7 +193,7 @@ function renderRadioItems(_ref5) {
     const Component = variant === 'radio' ? _components.Radio : _components.ToggleButton;
     return _react.default.createElement(Component, _extends({
       id: optionsCount === 1 ? id : undefined,
-      key: `option-${i}-${value}`,
+      key: `option-${i}-${id}`,
       label: variant === 'radio' ? label : undefined,
       text: variant === 'button' ? label : undefined,
       value: String(value !== null && value !== void 0 ? value : ''),

package/cjs/extensions/forms/Field/Selection/Selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_components","_Option","_hooks","_utils","_FieldBlock","_types","_withCamelCaseProps","_useDataValue","_em","_em2","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_extends","assign","bind","arguments","apply","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Selection","props","clearValue","useMemo","makeUniqueId","id","className","variant","label","labelDescription","layout","optionsLayout","placeholder","info","warning","error","hasError","disabled","help","emptyValue","width","htmlAttributes","setHasFocus","handleChange","data","dataPath","children","autocompleteProps","dropdownProps","useFieldProps","getValueByPath","useDataValue","dataList","handleDropdownChange","useCallback","_ref","selectedKey","onChangeHandler","_ref2","handleShow","_ref3","handleHide","_ref4","cn","classnames","fieldBlockProps","forId","pickSpacingProps","Component","Radio","ToggleButton","items","renderRadioItems","createElement","asFieldset","React","Children","count","Group","layout_direction","on_change","status","getStatus","renderDropdownItems","concat","makeOptions","Boolean","sharedProps","list_class","portal_class","title","suffix","HelpButton","content","on_show","on_hide","stretch","Autocomplete","convertCamelCaseProps","Dropdown","_error$message","message","Error","FormError","toString","_ref5","optionsCount","createOption","rest","size","text","map","mapOptions","_ref6","child","isValidElement","type","OptionField","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref7","_props$children","_props$value","_ref8","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/Selection/Selection.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport {\n  ToggleButton,\n  Dropdown,\n  Radio,\n  HelpButton,\n  Autocomplete,\n} from '../../../../components'\nimport OptionField, { Props as OptionFieldProps } from '../Option'\nimport { useFieldProps } from '../../hooks'\nimport { ReturnAdditional } from '../../hooks/useFieldProps'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport FieldBlock from '../../FieldBlock'\nimport {\n  FormError,\n  FieldProps,\n  FieldHelpProps,\n  FieldBlockWidth,\n  Path,\n} from '../../types'\nimport type { FormStatusText } from '../../../../components/FormStatus'\nimport type { AutocompleteAllProps } from '../../../../components/Autocomplete'\nimport type { DropdownAllProps } from '../../../../components/Dropdown'\nimport { HelpButtonProps } from '../../../../components/HelpButton'\nimport { DrawerListProps } from '../../../../fragments/DrawerList'\nimport {\n  convertCamelCaseProps,\n  ToCamelCase,\n} from '../../../../shared/helpers/withCamelCaseProps'\nimport useDataValue from '../../hooks/useDataValue'\n\ntype IOption = {\n  title: string | React.ReactNode\n  value: number | string\n  status: FormStatusText\n}\nexport type Data = Array<{\n  value: string\n  title: React.ReactNode\n  text?: React.ReactNode\n}>\n\nexport type Props = FieldHelpProps &\n  FieldProps<IOption['value']> & {\n    /**\n     * Defines the variant of the component.\n     * Default: dropdown\n     */\n    variant?: 'dropdown' | 'autocomplete' | 'radio' | 'button'\n\n    /**\n     * The width of the component.\n     * Default: large\n     */\n    width?: FieldBlockWidth\n\n    /**\n     * Defines the layout of the options for radio and button variants.\n     */\n    optionsLayout?: 'horizontal' | 'vertical'\n\n    /**\n     * The path to the context data (Form.Handler).\n     * The context data object needs to have a `value` and a `title` property.\n     */\n    dataPath?: Path\n\n    /**\n     * Data to be used for the component. The object needs to have a `value` and a `title` property.\n     * The generated options will be placed above given JSX based children.\n     */\n    data?: Data\n\n    /**\n     * Autocomplete specific props\n     */\n    autocompleteProps?: ToCamelCase<AutocompleteAllProps>\n\n    /**\n     * Dropdown specific props\n     */\n    dropdownProps?: ToCamelCase<DropdownAllProps>\n\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode\n  }\n\nfunction Selection(props: Props) {\n  const clearValue = useMemo(() => `clear-option-${makeUniqueId()}`, [])\n\n  const {\n    id,\n    className,\n    variant = 'dropdown',\n    label,\n    labelDescription,\n    layout = 'vertical',\n    optionsLayout = 'vertical',\n    placeholder,\n    value,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    help,\n    emptyValue,\n    width = 'large',\n    htmlAttributes,\n    setHasFocus,\n    handleChange,\n    data,\n    dataPath,\n    children,\n\n    // - Autocomplete and Dropdown specific props\n    autocompleteProps,\n    dropdownProps,\n  } = useFieldProps(props)\n\n  const { getValueByPath } = useDataValue()\n  let dataList = data\n  if (dataPath) {\n    dataList = getValueByPath(dataPath)\n  }\n\n  const handleDropdownChange = useCallback(\n    ({ data }) => {\n      const selectedKey = data?.selectedKey\n      handleChange?.(\n        !selectedKey || selectedKey === clearValue\n          ? emptyValue\n          : selectedKey\n      )\n    },\n    [handleChange, emptyValue, clearValue]\n  )\n\n  const onChangeHandler = useCallback(\n    ({ value }) => {\n      handleChange?.(value === undefined ? emptyValue : value)\n    },\n    [handleChange, emptyValue]\n  )\n\n  // Specific handleShow and handleHide because Dropdown preserve the initially received callbacks, so changes\n  // due to `useCallback` usage will have no effect, leading to useFieldPropss handleFocus and handleBlur sending out old\n  // copies of value as arguments.\n  const handleShow = useCallback(\n    ({ data }) => {\n      setHasFocus(true, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const handleHide = useCallback(\n    ({ data }) => {\n      setHasFocus(false, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const cn = classnames(\n    'dnb-forms-field-selection',\n    `dnb-forms-field-selection__variant--${variant}`,\n    `dnb-forms-field-selection__options-layout--${optionsLayout}`,\n    className\n  )\n\n  const fieldBlockProps = {\n    forId: id,\n    className: cn,\n    ...pickSpacingProps(props),\n    info,\n    warning,\n    error,\n    layout,\n    label,\n    labelDescription,\n  }\n\n  switch (variant) {\n    case 'radio':\n    case 'button': {\n      const Component = (\n        variant === 'radio' ? Radio : ToggleButton\n      ) as typeof Radio & typeof ToggleButton\n\n      const items = renderRadioItems({\n        id,\n        value,\n        variant,\n        info,\n        warning,\n        htmlAttributes,\n        children,\n        dataList,\n        hasError,\n      })\n\n      return (\n        <FieldBlock\n          {...fieldBlockProps}\n          asFieldset={React.Children.count(items) > 1}\n        >\n          <Component.Group\n            className={cn}\n            layout_direction={\n              optionsLayout === 'horizontal' ? 'row' : 'column'\n            }\n            disabled={disabled}\n            on_change={onChangeHandler}\n            value={String(value ?? '')}\n          >\n            {items}\n          </Component.Group>\n        </FieldBlock>\n      )\n    }\n\n    case 'autocomplete':\n    case 'dropdown': {\n      const status = getStatus(error, info, warning)\n      const data = renderDropdownItems(dataList)\n        .concat(makeOptions(children))\n        .filter(Boolean)\n\n      const sharedProps: AutocompleteAllProps & DropdownAllProps = {\n        id,\n        list_class: 'dnb-forms-field-selection__list',\n        portal_class: 'dnb-forms-field-selection__portal',\n        title: placeholder,\n        value: String(value ?? ''),\n        status: (hasError || status) && 'error',\n        disabled,\n        ...htmlAttributes,\n        data,\n        suffix: help ? (\n          <HelpButton title={help.title}>{help.content}</HelpButton>\n        ) : undefined,\n        on_change: handleDropdownChange,\n        on_show: handleShow,\n        on_hide: handleHide,\n        stretch: true,\n      }\n\n      return (\n        <FieldBlock {...fieldBlockProps} width={width}>\n          {variant === 'autocomplete' ? (\n            <Autocomplete\n              {...sharedProps}\n              {...(autocompleteProps\n                ? (convertCamelCaseProps(\n                    autocompleteProps\n                  ) as AutocompleteAllProps)\n                : null)}\n            />\n          ) : (\n            <Dropdown\n              {...sharedProps}\n              {...(dropdownProps\n                ? (convertCamelCaseProps(\n                    dropdownProps\n                  ) as DropdownAllProps)\n                : null)}\n            />\n          )}\n        </FieldBlock>\n      )\n    }\n  }\n}\n\nexport function getStatus(\n  error: Error | FormError | undefined,\n  info: React.ReactNode,\n  warning: React.ReactNode\n) {\n  return (\n    error?.message ??\n    ((warning instanceof Error && warning.message) ||\n      (warning instanceof FormError && warning.message) ||\n      warning?.toString() ||\n      (info instanceof Error && info.message) ||\n      (info instanceof FormError && info.message) ||\n      info?.toString())\n  )\n}\n\ntype OptionProps = React.ComponentProps<\n  React.FC<{\n    error?: Error | FormError | undefined\n    title: React.ReactNode\n    help?: HelpButtonProps\n    children?: React.ReactNode\n  }>\n>\n\nfunction renderRadioItems({\n  id,\n  value,\n  variant,\n  info,\n  warning,\n  htmlAttributes,\n  children,\n  dataList,\n  hasError,\n}: {\n  id: string\n  value: Props['value']\n  variant: Props['variant']\n  info: Props['info']\n  warning: Props['warning']\n  htmlAttributes: Props['htmlAttributes']\n  children: Props['children']\n  dataList: Data\n  hasError: ReturnAdditional<Props['value']>['hasError']\n}) {\n  const optionsCount =\n    React.Children.count(children) + (dataList?.length || 0)\n\n  const createOption = (props: OptionProps, i: number) => {\n    const { error, title, help, children, ...rest } = props\n\n    const label = title ?? children\n    const status = getStatus(error, info, warning)\n    const suffix = help ? (\n      <HelpButton size=\"small\" title={help.title}>\n        {help.content}\n      </HelpButton>\n    ) : undefined\n\n    const Component = (\n      variant === 'radio' ? Radio : ToggleButton\n    ) as typeof Radio & typeof ToggleButton\n\n    return (\n      <Component\n        id={optionsCount === 1 ? id : undefined}\n        key={`option-${i}-${value}`}\n        label={variant === 'radio' ? label : undefined}\n        text={variant === 'button' ? label : undefined}\n        value={String(value ?? '')}\n        status={(hasError || status) && 'error'}\n        suffix={suffix}\n        {...htmlAttributes}\n        {...rest}\n      />\n    )\n  }\n\n  return [\n    ...(dataList || []).map((props, i) => {\n      return createOption(props as OptionProps, i)\n    }),\n    ...(mapOptions(children, { createOption }) || []),\n  ].filter(Boolean)\n}\n\nexport function mapOptions(children: React.ReactNode, { createOption }) {\n  return React.Children.map(\n    children,\n    (child: React.ReactElement<OptionProps>, i) => {\n      if (React.isValidElement(child)) {\n        if (child.type === OptionField) {\n          return createOption(child.props, i)\n        }\n\n        if (child.props.children) {\n          const nestedChildren = mapOptions(child.props.children, {\n            createOption,\n          })\n          return React.cloneElement(child, child.props, nestedChildren)\n        }\n      }\n\n      return child\n    }\n  )\n}\n\nexport function makeOptions<T = DrawerListProps['data']>(\n  children: React.ReactNode\n): T {\n  return React.Children.map(children, (child) => {\n    if (child?.['props']?.children?.type === OptionField) {\n      child = child['props'].children\n    }\n\n    if (React.isValidElement(child) && child.type === OptionField) {\n      const props = child.props as OptionFieldProps\n      const title = props.children ?? props.title ?? <em>Untitled</em>\n      const content = props.text ? [title, props.text] : title\n      const selectedKey = String(props.value ?? '')\n\n      return { selectedKey, content }\n    }\n\n    // For other children, just show them as content\n    if (child) {\n      return {\n        content: child,\n      }\n    }\n  }) as T\n}\n\nfunction renderDropdownItems(data: Data) {\n  return (\n    data?.map(({ value, title, text }) => ({\n      selectedKey: value,\n      content: (text ? [title, text] : title) || <em>Untitled</em>,\n    })) || []\n  )\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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"}
+{"version":3,"file":"Selection.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_components","_Option","_hooks","_utils","_FieldBlock","_types","_withCamelCaseProps","_useDataValue","_em","_em2","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_extends","assign","bind","arguments","apply","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Selection","props","clearValue","useMemo","makeUniqueId","id","className","variant","label","labelDescription","layout","optionsLayout","placeholder","info","warning","error","hasError","disabled","help","emptyValue","width","htmlAttributes","setHasFocus","handleChange","data","dataPath","children","autocompleteProps","dropdownProps","useFieldProps","getValueByPath","useDataValue","dataList","handleDropdownChange","useCallback","_ref","selectedKey","onChangeHandler","_ref2","handleShow","_ref3","handleHide","_ref4","cn","classnames","fieldBlockProps","forId","pickSpacingProps","Component","Radio","ToggleButton","items","renderRadioItems","createElement","asFieldset","React","Children","count","Group","layout_direction","on_change","status","getStatus","renderDropdownItems","concat","makeOptions","Boolean","sharedProps","list_class","portal_class","title","suffix","HelpButton","content","on_show","on_hide","stretch","Autocomplete","convertCamelCaseProps","Dropdown","_error$message","message","Error","FormError","toString","_ref5","optionsCount","createOption","rest","size","text","map","mapOptions","_ref6","child","isValidElement","type","OptionField","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref7","_props$children","_props$value","_ref8","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/Selection/Selection.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport {\n  ToggleButton,\n  Dropdown,\n  Radio,\n  HelpButton,\n  Autocomplete,\n} from '../../../../components'\nimport OptionField, { Props as OptionFieldProps } from '../Option'\nimport { useFieldProps } from '../../hooks'\nimport { ReturnAdditional } from '../../hooks/useFieldProps'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport FieldBlock from '../../FieldBlock'\nimport {\n  FormError,\n  FieldProps,\n  FieldHelpProps,\n  FieldBlockWidth,\n  Path,\n} from '../../types'\nimport type { FormStatusText } from '../../../../components/FormStatus'\nimport type { AutocompleteAllProps } from '../../../../components/Autocomplete'\nimport type { DropdownAllProps } from '../../../../components/Dropdown'\nimport { HelpButtonProps } from '../../../../components/HelpButton'\nimport { DrawerListProps } from '../../../../fragments/DrawerList'\nimport {\n  convertCamelCaseProps,\n  ToCamelCase,\n} from '../../../../shared/helpers/withCamelCaseProps'\nimport useDataValue from '../../hooks/useDataValue'\n\ntype IOption = {\n  title: string | React.ReactNode\n  value: number | string\n  status: FormStatusText\n}\nexport type Data = Array<{\n  value: string\n  title: React.ReactNode\n  text?: React.ReactNode\n}>\n\nexport type Props = FieldHelpProps &\n  FieldProps<IOption['value']> & {\n    /**\n     * Defines the variant of the component.\n     * Default: dropdown\n     */\n    variant?: 'dropdown' | 'autocomplete' | 'radio' | 'button'\n\n    /**\n     * The width of the component.\n     * Default: large\n     */\n    width?: FieldBlockWidth\n\n    /**\n     * Defines the layout of the options for radio and button variants.\n     */\n    optionsLayout?: 'horizontal' | 'vertical'\n\n    /**\n     * The path to the context data (Form.Handler).\n     * The context data object needs to have a `value` and a `title` property.\n     */\n    dataPath?: Path\n\n    /**\n     * Data to be used for the component. The object needs to have a `value` and a `title` property.\n     * The generated options will be placed above given JSX based children.\n     */\n    data?: Data\n\n    /**\n     * Autocomplete specific props\n     */\n    autocompleteProps?: ToCamelCase<AutocompleteAllProps>\n\n    /**\n     * Dropdown specific props\n     */\n    dropdownProps?: ToCamelCase<DropdownAllProps>\n\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode\n  }\n\nfunction Selection(props: Props) {\n  const clearValue = useMemo(() => `clear-option-${makeUniqueId()}`, [])\n\n  const {\n    id,\n    className,\n    variant = 'dropdown',\n    label,\n    labelDescription,\n    layout = 'vertical',\n    optionsLayout = 'vertical',\n    placeholder,\n    value,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    help,\n    emptyValue,\n    width = 'large',\n    htmlAttributes,\n    setHasFocus,\n    handleChange,\n    data,\n    dataPath,\n    children,\n\n    // - Autocomplete and Dropdown specific props\n    autocompleteProps,\n    dropdownProps,\n  } = useFieldProps(props)\n\n  const { getValueByPath } = useDataValue()\n  let dataList = data\n  if (dataPath) {\n    dataList = getValueByPath(dataPath)\n  }\n\n  const handleDropdownChange = useCallback(\n    ({ data }) => {\n      const selectedKey = data?.selectedKey\n      handleChange?.(\n        !selectedKey || selectedKey === clearValue\n          ? emptyValue\n          : selectedKey\n      )\n    },\n    [handleChange, emptyValue, clearValue]\n  )\n\n  const onChangeHandler = useCallback(\n    ({ value }) => {\n      handleChange?.(value === undefined ? emptyValue : value)\n    },\n    [handleChange, emptyValue]\n  )\n\n  // Specific handleShow and handleHide because Dropdown preserve the initially received callbacks, so changes\n  // due to `useCallback` usage will have no effect, leading to useFieldPropss handleFocus and handleBlur sending out old\n  // copies of value as arguments.\n  const handleShow = useCallback(\n    ({ data }) => {\n      setHasFocus(true, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const handleHide = useCallback(\n    ({ data }) => {\n      setHasFocus(false, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const cn = classnames(\n    'dnb-forms-field-selection',\n    `dnb-forms-field-selection__variant--${variant}`,\n    `dnb-forms-field-selection__options-layout--${optionsLayout}`,\n    className\n  )\n\n  const fieldBlockProps = {\n    forId: id,\n    className: cn,\n    ...pickSpacingProps(props),\n    info,\n    warning,\n    error,\n    layout,\n    label,\n    labelDescription,\n  }\n\n  switch (variant) {\n    case 'radio':\n    case 'button': {\n      const Component = (\n        variant === 'radio' ? Radio : ToggleButton\n      ) as typeof Radio & typeof ToggleButton\n\n      const items = renderRadioItems({\n        id,\n        value,\n        variant,\n        info,\n        warning,\n        htmlAttributes,\n        children,\n        dataList,\n        hasError,\n      })\n\n      return (\n        <FieldBlock\n          {...fieldBlockProps}\n          asFieldset={React.Children.count(items) > 1}\n        >\n          <Component.Group\n            className={cn}\n            layout_direction={\n              optionsLayout === 'horizontal' ? 'row' : 'column'\n            }\n            disabled={disabled}\n            on_change={onChangeHandler}\n            value={String(value ?? '')}\n          >\n            {items}\n          </Component.Group>\n        </FieldBlock>\n      )\n    }\n\n    case 'autocomplete':\n    case 'dropdown': {\n      const status = getStatus(error, info, warning)\n      const data = renderDropdownItems(dataList)\n        .concat(makeOptions(children))\n        .filter(Boolean)\n\n      const sharedProps: AutocompleteAllProps & DropdownAllProps = {\n        id,\n        list_class: 'dnb-forms-field-selection__list',\n        portal_class: 'dnb-forms-field-selection__portal',\n        title: placeholder,\n        value: String(value ?? ''),\n        status: (hasError || status) && 'error',\n        disabled,\n        ...htmlAttributes,\n        data,\n        suffix: help ? (\n          <HelpButton title={help.title}>{help.content}</HelpButton>\n        ) : undefined,\n        on_change: handleDropdownChange,\n        on_show: handleShow,\n        on_hide: handleHide,\n        stretch: true,\n      }\n\n      return (\n        <FieldBlock {...fieldBlockProps} width={width}>\n          {variant === 'autocomplete' ? (\n            <Autocomplete\n              {...sharedProps}\n              {...(autocompleteProps\n                ? (convertCamelCaseProps(\n                    autocompleteProps\n                  ) as AutocompleteAllProps)\n                : null)}\n            />\n          ) : (\n            <Dropdown\n              {...sharedProps}\n              {...(dropdownProps\n                ? (convertCamelCaseProps(\n                    dropdownProps\n                  ) as DropdownAllProps)\n                : null)}\n            />\n          )}\n        </FieldBlock>\n      )\n    }\n  }\n}\n\nexport function getStatus(\n  error: Error | FormError | undefined,\n  info: React.ReactNode,\n  warning: React.ReactNode\n) {\n  return (\n    error?.message ??\n    ((warning instanceof Error && warning.message) ||\n      (warning instanceof FormError && warning.message) ||\n      warning?.toString() ||\n      (info instanceof Error && info.message) ||\n      (info instanceof FormError && info.message) ||\n      info?.toString())\n  )\n}\n\ntype OptionProps = React.ComponentProps<\n  React.FC<{\n    error?: Error | FormError | undefined\n    title: React.ReactNode\n    help?: HelpButtonProps\n    children?: React.ReactNode\n  }>\n>\n\nfunction renderRadioItems({\n  id,\n  value,\n  variant,\n  info,\n  warning,\n  htmlAttributes,\n  children,\n  dataList,\n  hasError,\n}: {\n  id: string\n  value: Props['value']\n  variant: Props['variant']\n  info: Props['info']\n  warning: Props['warning']\n  htmlAttributes: Props['htmlAttributes']\n  children: Props['children']\n  dataList: Data\n  hasError: ReturnAdditional<Props['value']>['hasError']\n}) {\n  const optionsCount =\n    React.Children.count(children) + (dataList?.length || 0)\n\n  const createOption = (props: OptionProps, i: number) => {\n    const { error, title, help, children, ...rest } = props\n\n    const label = title ?? children\n    const status = getStatus(error, info, warning)\n    const suffix = help ? (\n      <HelpButton size=\"small\" title={help.title}>\n        {help.content}\n      </HelpButton>\n    ) : undefined\n\n    const Component = (\n      variant === 'radio' ? Radio : ToggleButton\n    ) as typeof Radio & typeof ToggleButton\n\n    return (\n      <Component\n        id={optionsCount === 1 ? id : undefined}\n        key={`option-${i}-${id}`}\n        label={variant === 'radio' ? label : undefined}\n        text={variant === 'button' ? label : undefined}\n        value={String(value ?? '')}\n        status={(hasError || status) && 'error'}\n        suffix={suffix}\n        {...htmlAttributes}\n        {...rest}\n      />\n    )\n  }\n\n  return [\n    ...(dataList || []).map((props, i) => {\n      return createOption(props as OptionProps, i)\n    }),\n    ...(mapOptions(children, { createOption }) || []),\n  ].filter(Boolean)\n}\n\nexport function mapOptions(children: React.ReactNode, { createOption }) {\n  return React.Children.map(\n    children,\n    (child: React.ReactElement<OptionProps>, i) => {\n      if (React.isValidElement(child)) {\n        if (child.type === OptionField) {\n          return createOption(child.props, i)\n        }\n\n        if (child.props.children) {\n          const nestedChildren = mapOptions(child.props.children, {\n            createOption,\n          })\n          return React.cloneElement(child, child.props, nestedChildren)\n        }\n      }\n\n      return child\n    }\n  )\n}\n\nexport function makeOptions<T = DrawerListProps['data']>(\n  children: React.ReactNode\n): T {\n  return React.Children.map(children, (child) => {\n    if (child?.['props']?.children?.type === OptionField) {\n      child = child['props'].children\n    }\n\n    if (React.isValidElement(child) && child.type === OptionField) {\n      const props = child.props as OptionFieldProps\n      const title = props.children ?? props.title ?? <em>Untitled</em>\n      const content = props.text ? [title, props.text] : title\n      const selectedKey = String(props.value ?? '')\n\n      return { selectedKey, content }\n    }\n\n    // For other children, just show them as content\n    if (child) {\n      return {\n        content: child,\n      }\n    }\n  }) as T\n}\n\nfunction renderDropdownItems(data: Data) {\n  return (\n    data?.map(({ value, title, text }) => ({\n      selectedKey: value,\n      content: (text ? [title, text] : title) || <em>Untitled</em>,\n    })) || []\n  )\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/Visibility/Visibility.d.ts

@@ -11,7 +11,7 @@ export type VisibleWhen = {
     hasValue: unknown;
 }
 /**
- * @deprecated Will be remove din v11!
+ * @deprecated Will be removed in v11!
  */
  | {
     path: Path;
@@ -19,7 +19,7 @@ export type VisibleWhen = {
     withValue: (value: unknown) => boolean;
 }
 /**
- * @deprecated  Will be remove din v11!
+ * @deprecated  Will be removed in v11!
  */
  | {
     itemPath: Path;

package/cjs/extensions/forms/Form/Visibility/Visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"Visibility.js","names":["_react","_interopRequireDefault","require","_helpers","_useMountEffect","_HeightAnimation","_Provider","_useVisibility","_VisibilityContext","_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","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","visibleWhen","visibleWhenNot","inferData","filterData","animate","keepInDOM","compensateForGap","fieldPropsWhenHidden","children","rest","useMountEffect","warn","check","useVisibility","open","content","createElement","Provider","value","isVisible","props","Boolean","className","hidden","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react'\n\nimport { warn } from '../../../../shared/helpers'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport FieldProvider from '../../Field/Provider'\nimport useVisibility from './useVisibility'\n\nimport type { Path, UseFieldProps } from '../../types'\nimport type { DataAttributes } from '../../hooks/useFieldProps'\nimport { FilterData } from '../../DataContext'\nimport VisibilityContext from './VisibilityContext'\n\nexport type VisibleWhen =\n  | {\n      path: Path\n      hasValue: unknown\n    }\n  | {\n      itemPath: Path\n      hasValue: unknown\n    }\n  /**\n   * @deprecated Will be remove din v11!\n   */\n  | {\n      path: Path\n      /** @deprecated Use `hasValue` instead */\n      withValue: (value: unknown) => boolean\n    }\n  /**\n   * @deprecated  Will be remove din v11!\n   */\n  | {\n      itemPath: Path\n      /** @deprecated Use `hasValue` instead */\n      withValue: (value: unknown) => boolean\n    }\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: Path\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: Path\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: Path\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: Path\n  /** Given data context path must be true to show children */\n  pathTrue?: Path\n  /** Given data context path must be false to show children */\n  pathFalse?: Path\n  /** Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the excepted value in order to show children. The first parameter is the value of the path. */\n  visibleWhen?: VisibleWhen\n  /** Same as `visibleWhen`, but with inverted logic. */\n  visibleWhenNot?: VisibleWhen\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  /** Filter data based on provided criteria. The first parameter is the path, the second is the value, and the third is the props, and the fourth is the internal. Return false to filter out the data. */\n  filterData?: FilterData\n  /** Animate the visibility change */\n  animate?: boolean\n  /** Keep the content in the DOM, even if it's not visible */\n  keepInDOM?: boolean\n  /** To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`. */\n  compensateForGap?: HeightAnimationProps['compensateForGap']\n  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n\n  /** @deprecated Use `visibleWhen` instead */\n  pathValue?: string\n  /** @deprecated Use `visibleWhen` instead */\n  whenValue?: unknown\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  visibleWhen,\n  visibleWhenNot,\n  inferData,\n  filterData,\n  animate,\n  keepInDOM,\n  compensateForGap,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  useMountEffect(() => {\n    if (fieldPropsWhenHidden && !keepInDOM) {\n      warn('Using \"fieldPropsWhenHidden\" requires \"keepInDOM\" to be true.')\n    }\n  })\n\n  const { check } = useVisibility({\n    visible,\n    pathDefined,\n    pathUndefined,\n    pathTruthy,\n    pathFalsy,\n    pathTrue,\n    pathFalse,\n    pathValue,\n    whenValue,\n    visibleWhen,\n    visibleWhenNot,\n    inferData,\n    filterData,\n  })\n  const open = check()\n  const content = (\n    <VisibilityContext.Provider\n      value={{\n        isVisible: open,\n      }}\n    >\n      {children}\n    </VisibilityContext.Provider>\n  )\n\n  if (animate) {\n    const props = !open ? fieldPropsWhenHidden : null\n\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={Boolean(keepInDOM)}\n        className=\"dnb-forms-visibility\"\n        compensateForGap={compensateForGap}\n        {...rest}\n      >\n        <FieldProvider {...props}>{content}</FieldProvider>\n      </HeightAnimation>\n    )\n  }\n\n  if (keepInDOM) {\n    const props = !open ? fieldPropsWhenHidden : null\n    return (\n      <span className=\"dnb-forms-visibility\" hidden={!open}>\n        <FieldProvider {...props}>{content}</FieldProvider>\n      </span>\n    )\n  }\n\n  return <>{open ? content : null}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}
+{"version":3,"file":"Visibility.js","names":["_react","_interopRequireDefault","require","_helpers","_useMountEffect","_HeightAnimation","_Provider","_useVisibility","_VisibilityContext","_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","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","visibleWhen","visibleWhenNot","inferData","filterData","animate","keepInDOM","compensateForGap","fieldPropsWhenHidden","children","rest","useMountEffect","warn","check","useVisibility","open","content","createElement","Provider","value","isVisible","props","Boolean","className","hidden","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react'\n\nimport { warn } from '../../../../shared/helpers'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport FieldProvider from '../../Field/Provider'\nimport useVisibility from './useVisibility'\n\nimport type { Path, UseFieldProps } from '../../types'\nimport type { DataAttributes } from '../../hooks/useFieldProps'\nimport { FilterData } from '../../DataContext'\nimport VisibilityContext from './VisibilityContext'\n\nexport type VisibleWhen =\n  | {\n      path: Path\n      hasValue: unknown\n    }\n  | {\n      itemPath: Path\n      hasValue: unknown\n    }\n  /**\n   * @deprecated Will be removed in v11!\n   */\n  | {\n      path: Path\n      /** @deprecated Use `hasValue` instead */\n      withValue: (value: unknown) => boolean\n    }\n  /**\n   * @deprecated  Will be removed in v11!\n   */\n  | {\n      itemPath: Path\n      /** @deprecated Use `hasValue` instead */\n      withValue: (value: unknown) => boolean\n    }\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: Path\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: Path\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: Path\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: Path\n  /** Given data context path must be true to show children */\n  pathTrue?: Path\n  /** Given data context path must be false to show children */\n  pathFalse?: Path\n  /** Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the excepted value in order to show children. The first parameter is the value of the path. */\n  visibleWhen?: VisibleWhen\n  /** Same as `visibleWhen`, but with inverted logic. */\n  visibleWhenNot?: VisibleWhen\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  /** Filter data based on provided criteria. The first parameter is the path, the second is the value, and the third is the props, and the fourth is the internal. Return false to filter out the data. */\n  filterData?: FilterData\n  /** Animate the visibility change */\n  animate?: boolean\n  /** Keep the content in the DOM, even if it's not visible */\n  keepInDOM?: boolean\n  /** To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`. */\n  compensateForGap?: HeightAnimationProps['compensateForGap']\n  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n\n  /** @deprecated Use `visibleWhen` instead */\n  pathValue?: string\n  /** @deprecated Use `visibleWhen` instead */\n  whenValue?: unknown\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  visibleWhen,\n  visibleWhenNot,\n  inferData,\n  filterData,\n  animate,\n  keepInDOM,\n  compensateForGap,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  useMountEffect(() => {\n    if (fieldPropsWhenHidden && !keepInDOM) {\n      warn('Using \"fieldPropsWhenHidden\" requires \"keepInDOM\" to be true.')\n    }\n  })\n\n  const { check } = useVisibility({\n    visible,\n    pathDefined,\n    pathUndefined,\n    pathTruthy,\n    pathFalsy,\n    pathTrue,\n    pathFalse,\n    pathValue,\n    whenValue,\n    visibleWhen,\n    visibleWhenNot,\n    inferData,\n    filterData,\n  })\n  const open = check()\n  const content = (\n    <VisibilityContext.Provider\n      value={{\n        isVisible: open,\n      }}\n    >\n      {children}\n    </VisibilityContext.Provider>\n  )\n\n  if (animate) {\n    const props = !open ? fieldPropsWhenHidden : null\n\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={Boolean(keepInDOM)}\n        className=\"dnb-forms-visibility\"\n        compensateForGap={compensateForGap}\n        {...rest}\n      >\n        <FieldProvider {...props}>{content}</FieldProvider>\n      </HeightAnimation>\n    )\n  }\n\n  if (keepInDOM) {\n    const props = !open ? fieldPropsWhenHidden : null\n    return (\n      <span className=\"dnb-forms-visibility\" hidden={!open}>\n        <FieldProvider {...props}>{content}</FieldProvider>\n      </span>\n    )\n  }\n\n  return <>{open ? content : null}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/data-context/useData.d.ts

@@ -5,7 +5,7 @@ import { FilterData, VisibleDataHandler } from '../../DataContext/Context';
 type PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}` ? Key extends keyof T ? Rest extends '' ? T[Key] : PathImpl<T[Key], Rest> : never : T[P & keyof T];
 type PathType<T, P extends string> = P extends `/${infer Rest}` ? PathImpl<T, Rest> : never;
 type UseDataReturnUpdate<Data> = <P extends Path>(path: P, value: ((value: PathType<Data, P>) => unknown) | unknown) => void;
-export type UseDataReturnGetValue<Data> = <P extends Path>(path: P) => PathType<Data, P> | unknown;
+export type UseDataReturnGetValue<Data> = <P extends Path>(path: P) => PathType<Data, P> | any;
 export type UseDataReturnFilterData<Data> = (filterDataHandler: FilterData, data?: Data) => Partial<Data>;
 export type UseDataReturnVisibleData<Data> = VisibleDataHandler<Data>;
 type UseDataReturn<Data> = {

package/cjs/extensions/forms/Form/data-context/useData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useData.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_useSharedState","_useMountEffect","_Context","obj","__esModule","default","useData","id","arguments","length","undefined","initialData","sharedDataRef","useRef","sharedAttachmentsRef","forceUpdate","useReducer","current","useSharedState","rerenderUseDataHook","dataContext","useContext","DataContext","hasContext","Error","data","filterDataHandler","updateDataValue","setData","set","useCallback","newData","update","path","value","existingData","structuredClone","existingValue","pointer","has","get","newValue","extend","remove","reduceToVisibleFields","_dataContext$visibleD","options","_sharedAttachmentsRef","_sharedAttachmentsRef2","visibleDataHandler","call","filterData","filter","_dataContext$filterDa","_sharedAttachmentsRef3","_sharedAttachmentsRef4","getValue","useMountEffect","hadInitialData","useMemo"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport type { Path } from '../../types'\nimport DataContext, {\n  FilterData,\n  FilterDataHandler,\n  VisibleDataHandler,\n} from '../../DataContext/Context'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n  ? Key extends keyof T\n    ? Rest extends ''\n      ? T[Key]\n      : PathImpl<T[Key], Rest>\n    : never\n  : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n  ? PathImpl<T, Rest>\n  : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n  path: P,\n  value: ((value: PathType<Data, P>) => unknown) | unknown\n) => void\n\nexport type UseDataReturnGetValue<Data> = <P extends Path>(\n  path: P\n) => PathType<Data, P> | unknown\n\nexport type UseDataReturnFilterData<Data> = (\n  filterDataHandler: FilterData,\n  data?: Data\n) => Partial<Data>\n\nexport type UseDataReturnVisibleData<Data> = VisibleDataHandler<Data>\n\ntype UseDataReturn<Data> = {\n  data: Data\n  set: (newData: Data) => void\n  update: UseDataReturnUpdate<Data>\n  remove: (path: Path) => void\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n  reduceToVisibleFields: UseDataReturnVisibleData<Data>\n}\n\ntype SharedAttachment<Data> = {\n  rerenderUseDataHook: () => void\n  filterDataHandler?: FilterDataHandler<Data>\n  visibleDataHandler?: VisibleDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data = JsonObject>(\n  id: SharedStateId = undefined,\n  initialData: Data = undefined\n): UseDataReturn<Data> {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<Data>>>(null)\n  const sharedAttachmentsRef =\n    useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  sharedDataRef.current = useSharedState<Data>(\n    id,\n    initialData,\n    forceUpdate\n  )\n\n  sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n    id + '-attachments',\n    { rerenderUseDataHook: forceUpdate }\n  )\n\n  // If no id is provided, use the context data\n  const dataContext = useContext(DataContext)\n  if (!id) {\n    if (!dataContext.hasContext) {\n      throw new Error(\n        'useData needs to run inside DataContext (Form.Handler) or have a valid id'\n      )\n    }\n\n    sharedDataRef.current.data = dataContext.data\n    sharedAttachmentsRef.current.data.filterDataHandler =\n      dataContext.filterDataHandler\n  }\n\n  const updateDataValue = dataContext?.updateDataValue\n  const setData = dataContext?.setData\n\n  const set = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedDataRef.current.update(newData)\n      } else {\n        setData?.(newData)\n      }\n    },\n    [id, setData]\n  )\n\n  const update = useCallback<UseDataReturnUpdate<Data>>(\n    (path, value = undefined) => {\n      const existingData = structuredClone(\n        sharedDataRef.current.data || {}\n      ) as Data & JsonObject\n      const existingValue = pointer.has(existingData, path)\n        ? pointer.get(existingData, path)\n        : undefined\n\n      // Get new value\n      const newValue =\n        typeof value === 'function' ? value(existingValue) : value\n\n      if (newValue !== existingValue) {\n        // Update existing data\n        pointer.set(existingData, path, newValue)\n\n        // Update provider with new data\n        if (id) {\n          sharedDataRef.current.extend(existingData)\n        } else {\n          updateDataValue(path, newValue)\n        }\n      }\n    },\n    [id, updateDataValue]\n  )\n\n  const remove = useCallback<UseDataReturn<Data>['remove']>(\n    (path) => {\n      const existingData = structuredClone(\n        sharedDataRef.current.data || {}\n      ) as Data & JsonObject\n\n      if (pointer.has(existingData, path)) {\n        // Remove existing data\n        pointer.remove(existingData, path)\n\n        // Update provider with new data\n        if (id) {\n          sharedDataRef.current.set(existingData)\n        } else {\n          updateDataValue(path, undefined)\n        }\n      }\n    },\n    [id, updateDataValue]\n  )\n\n  const reduceToVisibleFields = useCallback<\n    UseDataReturn<Data>['reduceToVisibleFields']\n  >(\n    (data, options = {}) => {\n      if (id) {\n        return sharedAttachmentsRef.current.data?.visibleDataHandler?.(\n          data,\n          options\n        )\n      }\n\n      return dataContext?.visibleDataHandler?.(data, options)\n    },\n    [dataContext, id]\n  )\n\n  const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n    (filter, data = sharedDataRef.current.data) => {\n      if (id) {\n        return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n          data,\n          filter\n        )\n      }\n\n      return dataContext?.filterDataHandler?.(data, filter)\n    },\n    [dataContext, id]\n  )\n\n  const getValue = useCallback<UseDataReturn<Data>['getValue']>((path) => {\n    if (pointer.has(sharedDataRef.current.data, path)) {\n      return pointer.get(sharedDataRef.current.data, path)\n    }\n\n    return undefined\n  }, [])\n\n  useMountEffect(() => {\n    if (id && !sharedDataRef.current.hadInitialData && initialData) {\n      sharedDataRef.current.extend(initialData)\n    }\n  })\n\n  const { data } = sharedDataRef.current\n\n  return useMemo(\n    () => ({\n      data,\n      remove,\n      update,\n      set,\n      getValue,\n      reduceToVisibleFields,\n      filterData,\n    }),\n    [\n      data,\n      remove,\n      update,\n      set,\n      getValue,\n      reduceToVisibleFields,\n      filterData,\n    ]\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"useData.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_useSharedState","_useMountEffect","_Context","obj","__esModule","default","useData","id","arguments","length","undefined","initialData","sharedDataRef","useRef","sharedAttachmentsRef","forceUpdate","useReducer","current","useSharedState","rerenderUseDataHook","dataContext","useContext","DataContext","hasContext","Error","data","filterDataHandler","updateDataValue","setData","set","useCallback","newData","update","path","value","existingData","structuredClone","existingValue","pointer","has","get","newValue","extend","remove","reduceToVisibleFields","_dataContext$visibleD","options","_sharedAttachmentsRef","_sharedAttachmentsRef2","visibleDataHandler","call","filterData","filter","_dataContext$filterDa","_sharedAttachmentsRef3","_sharedAttachmentsRef4","getValue","useMountEffect","hadInitialData","useMemo"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport type { Path } from '../../types'\nimport DataContext, {\n  FilterData,\n  FilterDataHandler,\n  VisibleDataHandler,\n} from '../../DataContext/Context'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n  ? Key extends keyof T\n    ? Rest extends ''\n      ? T[Key]\n      : PathImpl<T[Key], Rest>\n    : never\n  : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n  ? PathImpl<T, Rest>\n  : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n  path: P,\n  value: ((value: PathType<Data, P>) => unknown) | unknown\n) => void\n\nexport type UseDataReturnGetValue<Data> = <P extends Path>(\n  path: P\n) => PathType<Data, P> | any\n\nexport type UseDataReturnFilterData<Data> = (\n  filterDataHandler: FilterData,\n  data?: Data\n) => Partial<Data>\n\nexport type UseDataReturnVisibleData<Data> = VisibleDataHandler<Data>\n\ntype UseDataReturn<Data> = {\n  data: Data\n  set: (newData: Data) => void\n  update: UseDataReturnUpdate<Data>\n  remove: (path: Path) => void\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n  reduceToVisibleFields: UseDataReturnVisibleData<Data>\n}\n\ntype SharedAttachment<Data> = {\n  rerenderUseDataHook: () => void\n  filterDataHandler?: FilterDataHandler<Data>\n  visibleDataHandler?: VisibleDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data = JsonObject>(\n  id: SharedStateId = undefined,\n  initialData: Data = undefined\n): UseDataReturn<Data> {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<Data>>>(null)\n  const sharedAttachmentsRef =\n    useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  sharedDataRef.current = useSharedState<Data>(\n    id,\n    initialData,\n    forceUpdate\n  )\n\n  sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n    id + '-attachments',\n    { rerenderUseDataHook: forceUpdate }\n  )\n\n  // If no id is provided, use the context data\n  const dataContext = useContext(DataContext)\n  if (!id) {\n    if (!dataContext.hasContext) {\n      throw new Error(\n        'useData needs to run inside DataContext (Form.Handler) or have a valid id'\n      )\n    }\n\n    sharedDataRef.current.data = dataContext.data\n    sharedAttachmentsRef.current.data.filterDataHandler =\n      dataContext.filterDataHandler\n  }\n\n  const updateDataValue = dataContext?.updateDataValue\n  const setData = dataContext?.setData\n\n  const set = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedDataRef.current.update(newData)\n      } else {\n        setData?.(newData)\n      }\n    },\n    [id, setData]\n  )\n\n  const update = useCallback<UseDataReturnUpdate<Data>>(\n    (path, value = undefined) => {\n      const existingData = structuredClone(\n        sharedDataRef.current.data || {}\n      ) as Data & JsonObject\n      const existingValue = pointer.has(existingData, path)\n        ? pointer.get(existingData, path)\n        : undefined\n\n      // Get new value\n      const newValue =\n        typeof value === 'function' ? value(existingValue) : value\n\n      if (newValue !== existingValue) {\n        // Update existing data\n        pointer.set(existingData, path, newValue)\n\n        // Update provider with new data\n        if (id) {\n          sharedDataRef.current.extend(existingData)\n        } else {\n          updateDataValue(path, newValue)\n        }\n      }\n    },\n    [id, updateDataValue]\n  )\n\n  const remove = useCallback<UseDataReturn<Data>['remove']>(\n    (path) => {\n      const existingData = structuredClone(\n        sharedDataRef.current.data || {}\n      ) as Data & JsonObject\n\n      if (pointer.has(existingData, path)) {\n        // Remove existing data\n        pointer.remove(existingData, path)\n\n        // Update provider with new data\n        if (id) {\n          sharedDataRef.current.set(existingData)\n        } else {\n          updateDataValue(path, undefined)\n        }\n      }\n    },\n    [id, updateDataValue]\n  )\n\n  const reduceToVisibleFields = useCallback<\n    UseDataReturn<Data>['reduceToVisibleFields']\n  >(\n    (data, options = {}) => {\n      if (id) {\n        return sharedAttachmentsRef.current.data?.visibleDataHandler?.(\n          data,\n          options\n        )\n      }\n\n      return dataContext?.visibleDataHandler?.(data, options)\n    },\n    [dataContext, id]\n  )\n\n  const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n    (filter, data = sharedDataRef.current.data) => {\n      if (id) {\n        return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n          data,\n          filter\n        )\n      }\n\n      return dataContext?.filterDataHandler?.(data, filter)\n    },\n    [dataContext, id]\n  )\n\n  const getValue = useCallback<UseDataReturn<Data>['getValue']>((path) => {\n    if (pointer.has(sharedDataRef.current.data, path)) {\n      return pointer.get(sharedDataRef.current.data, path)\n    }\n\n    return undefined\n  }, [])\n\n  useMountEffect(() => {\n    if (id && !sharedDataRef.current.hadInitialData && initialData) {\n      sharedDataRef.current.extend(initialData)\n    }\n  })\n\n  const { data } = sharedDataRef.current\n\n  return useMemo(\n    () => ({\n      data,\n      remove,\n      update,\n      set,\n      getValue,\n      reduceToVisibleFields,\n      filterData,\n    }),\n    [\n      data,\n      remove,\n      update,\n      set,\n      getValue,\n      reduceToVisibleFields,\n      filterData,\n    ]\n  )\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/hooks/useFieldProps.js

@@ -27,7 +27,7 @@ var _usePath = _interopRequireDefault(require("./usePath"));
 var _useSharedState = require("../../../shared/helpers/useSharedState");
 var _isAsync = require("../../../shared/helpers/isAsync");
 var _useTranslation = _interopRequireDefault(require("./useTranslation"));
-var _useExternalValue2 = _interopRequireDefault(require("./useExternalValue"));
+var _useExternalValue = _interopRequireDefault(require("./useExternalValue"));
 var _useDataValue = _interopRequireDefault(require("./useDataValue"));
 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); }
@@ -40,7 +40,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
 function useFieldProps(localeProps) {
   var _dataContext$props,
-    _useExternalValue,
+    _transformers$current,
     _dataContext$ajvInsta,
     _localErrorRef$curren,
     _ref3,
@@ -176,13 +176,13 @@ function useFieldProps(localeProps) {
   useLayoutEffect(() => {
     defaultValueRef.current = defaultValue;
   }, []);
-  const externalValue = (_useExternalValue = (0, _useExternalValue2.default)({
+  const externalValue = (_transformers$current = transformers.current.transformIn((0, _useExternalValue.default)({
     path,
     itemPath,
     value: valueProp,
     transformers,
     emptyValue
-  })) !== null && _useExternalValue !== void 0 ? _useExternalValue : defaultValueRef.current;
+  }))) !== null && _transformers$current !== void 0 ? _transformers$current : defaultValueRef.current;
   const valueRef = (0, _react.useRef)(externalValue);
   const changedRef = (0, _react.useRef)();
   const hasFocusRef = (0, _react.useRef)();
@@ -695,10 +695,11 @@ function useFieldProps(localeProps) {
     } = _ref7;
     const value = transformers.current.toEvent(overrideValue !== null && overrideValue !== void 0 ? overrideValue : valueRef.current, eventName);
     const args = transformers.current.provideAdditionalArgs(value, additionalArgs);
+    const transformedValue = transformers.current.transformOut(value, args);
     if (typeof args !== 'undefined') {
-      return [value, args];
+      return [transformedValue, args];
     }
-    return [value];
+    return [transformedValue];
   }, []);
   const setHasFocus = (0, _react.useCallback)(async (hasFocus, overrideValue, additionalArgs) => {
     const args = getEventArgs({
@@ -829,19 +830,25 @@ function useFieldProps(localeProps) {
     forceUpdate();
   }, [asyncBehaviorIsEnabled, executeOnChangeRegardlessOfError, hasPath, yieldAsyncProcess, onChangeContext, defineAsyncProcess, hasError, setEventResult, handlePathChangeDataContext, identifier]);
   const updateValue = (0, _react.useCallback)(async newValue => {
-    if (newValue === valueRef.current) {
+    const currentValue = valueRef.current;
+    if (newValue === currentValue) {
       return;
     }
-    valueRef.current = newValue;
+    const transformedValue = transformers.current.transformValue(newValue, currentValue);
+    const contextValue = transformers.current.transformOut(transformedValue, transformers.current.provideAdditionalArgs(transformedValue, additionalArgs));
+    valueRef.current = transformedValue;
     if (hasPath) {
-      handlePathChangeUnvalidatedDataContext(identifier, newValue);
+      handlePathChangeUnvalidatedDataContext(identifier, contextValue);
+    }
+    if (itemPath) {
+      handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(makeIteratePath(itemPath, ''), contextValue);
     }
     addToPool('validator', validateValue, (0, _isAsync.isAsync)(onChangeValidatorRef.current));
     addToPool('onChangeContext', callOnChangeContext, (0, _isAsync.isAsync)(onChangeContext));
     await runPool(() => {
       handleError();
     });
-  }, [hasPath, addToPool, validateValue, callOnChangeContext, onChangeContext, runPool, handlePathChangeUnvalidatedDataContext, identifier, handleError]);
+  }, [additionalArgs, hasPath, itemPath, addToPool, validateValue, callOnChangeContext, onChangeContext, runPool, handlePathChangeUnvalidatedDataContext, identifier, handleChangeIterateContext, makeIteratePath, handleError]);
   const setChanged = state => {
     changedRef.current = state;
   };
@@ -852,16 +859,12 @@ function useFieldProps(localeProps) {
     if (fromInput === currentValue) {
       return;
     }
-    const transformedValue = transformers.current.transformOut(transformers.current.transformValue(fromInput, currentValue), transformers.current.provideAdditionalArgs(fromInput, additionalArgs));
     changedRef.current = true;
-    if (itemPath) {
-      handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(makeIteratePath(itemPath, ''), transformedValue);
-    }
     if (asyncBehaviorIsEnabled) {
       hideError();
-      await updateValue(transformedValue);
+      await updateValue(fromInput);
     } else {
-      updateValue(transformedValue);
+      updateValue(fromInput);
     }
     if ((0, _isAsync.isAsync)(onChange)) {
       addToPool('onChangeLocal', async () => {
@@ -900,7 +903,7 @@ function useFieldProps(localeProps) {
       setEventResult(onChange === null || onChange === void 0 ? void 0 : onChange.apply(_this, args));
     }
     await runPool();
-  }, [itemPath, asyncBehaviorIsEnabled, onChange, runPool, handleChangeIterateContext, makeIteratePath, hideError, updateValue, addToPool, getEventArgs, yieldAsyncProcess, defineAsyncProcess, hasError, setEventResult]);
+  }, [asyncBehaviorIsEnabled, onChange, runPool, hideError, updateValue, addToPool, getEventArgs, yieldAsyncProcess, defineAsyncProcess, hasError, setEventResult]);
   const handleFocus = (0, _react.useCallback)(() => setHasFocus(true), [setHasFocus]);
   const handleBlur = (0, _react.useCallback)(() => setHasFocus(false), [setHasFocus]);
   setFieldPropsDataContext === null || setFieldPropsDataContext === void 0 ? void 0 : setFieldPropsDataContext(identifier, props);
@@ -1006,12 +1009,12 @@ function useFieldProps(localeProps) {
     let valueToStore = valueProp;
     const data = wizardContext !== null && wizardContext !== void 0 && wizardContext.prerenderFieldProps ? dataContext.data : (_dataContext$internal = dataContext.internalDataRef) === null || _dataContext$internal === void 0 ? void 0 : _dataContext$internal.current;
     const hasValue = _jsonPointer.default.has(data, identifier) || identifier === '/';
-    const existingValue = identifier === '/' ? data : hasValue ? _jsonPointer.default.get(data, identifier) : undefined;
+    const existingValue = transformers.current.transformIn(identifier === '/' ? data : hasValue ? _jsonPointer.default.get(data, identifier) : undefined);
     if (dataContext.id && !hasValue && typeof existingValue === 'undefined' && typeof valueToStore === 'undefined') {
       const sharedState = (0, _useSharedState.createSharedState)(dataContext.id);
       const hasValue = _jsonPointer.default.has(sharedState.data, identifier);
       if (hasValue) {
-        const sharedValue = _jsonPointer.default.get(sharedState.data, identifier);
+        const sharedValue = transformers.current.transformIn(_jsonPointer.default.get(sharedState.data, identifier));
         if (sharedValue) {
           valueToStore = sharedValue;
         }
@@ -1195,7 +1198,7 @@ function useFieldProps(localeProps) {
     name: props.name || ((_props$path = props.path) === null || _props$path === void 0 ? void 0 : _props$path.replace('/', '')) || id,
     autoComplete: (_props$autoComplete = props.autoComplete) !== null && _props$autoComplete !== void 0 ? _props$autoComplete : dataContext.autoComplete === true ? 'on' : undefined,
     id,
-    value: transformers.current.transformIn(transformers.current.toInput(valueRef.current)),
+    value: transformers.current.toInput(valueRef.current),
     hasError: hasVisibleError,
     isChanged: Boolean(changedRef.current),
     props,