@dnb/eufemia 10.18.0 → 10.20.0

package/cjs/components/lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"lib.js","names":["_Accordion","_interopRequireDefault","require","_Anchor","_Autocomplete","_Avatar","_Badge","_Breadcrumb","_Button","_Card","_Checkbox","_DatePicker","_Dialog","_Drawer","_Dropdown","_Flex","_FormLabel","_FormRow","_FormSet","_FormStatus","_GlobalError","_GlobalStatus","_Grid","_Heading","_HeightAnimation","_HelpButton","_Icon","_IconPrimary","_InfoCard","_Input","_InputMasked","_Logo","_Modal","_NumberFormat","_Pagination","_ProgressIndicator","_Radio","_Section","_Skeleton","_SkipContent","_Slider","_Space","_StepIndicator","_Switch","_Table","_Tabs","_Tag","_Textarea","_Timeline","_ToggleButton","_Tooltip","_Upload","_VisuallyHidden","obj","__esModule","default","getComponents","Accordion","Anchor","Autocomplete","Avatar","Badge","Breadcrumb","Button","Card","Checkbox","DatePicker","Dialog","Drawer","Dropdown","Flex","FormLabel","FormRow","FormSet","FormStatus","GlobalError","GlobalStatus","Grid","Heading","HeightAnimation","HelpButton","Icon","IconPrimary","InfoCard","Input","InputMasked","Logo","Modal","NumberFormat","Pagination","ProgressIndicator","Radio","Section","Skeleton","SkipContent","Slider","Space","StepIndicator","Switch","Table","Tabs","Tag","Textarea","Timeline","ToggleButton","Tooltip","Upload","VisuallyHidden","exports"],"sources":["../../../src/components/lib.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n\nexport const getComponents = () => {\n  return {\n    Accordion,\n    Anchor,\n    Autocomplete,\n    Avatar,\n    Badge,\n    Breadcrumb,\n    Button,\n    Card,\n    Checkbox,\n    DatePicker,\n    Dialog,\n    Drawer,\n    Dropdown,\n    Flex,\n    FormLabel,\n    FormRow,\n    FormSet,\n    FormStatus,\n    GlobalError,\n    GlobalStatus,\n    Grid,\n    Heading,\n    HeightAnimation,\n    HelpButton,\n    Icon,\n    IconPrimary,\n    InfoCard,\n    Input,\n    InputMasked,\n    Logo,\n    Modal,\n    NumberFormat,\n    Pagination,\n    ProgressIndicator,\n    Radio,\n    Section,\n    Skeleton,\n    SkipContent,\n    Slider,\n    Space,\n    StepIndicator,\n    Switch,\n    Table,\n    Tabs,\n    Tag,\n    Textarea,\n    Timeline,\n    ToggleButton,\n    Tooltip,\n    Upload,\n    VisuallyHidden,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"lib.js","names":["_Accordion","_interopRequireDefault","require","_Anchor","_AriaLive","_Autocomplete","_Avatar","_Badge","_Breadcrumb","_Button","_Card","_Checkbox","_DatePicker","_Dialog","_Drawer","_Dropdown","_Flex","_FormLabel","_FormRow","_FormSet","_FormStatus","_GlobalError","_GlobalStatus","_Grid","_Heading","_HeightAnimation","_HelpButton","_Icon","_IconPrimary","_InfoCard","_Input","_InputMasked","_Logo","_Modal","_NumberFormat","_Pagination","_ProgressIndicator","_Radio","_Section","_Skeleton","_SkipContent","_Slider","_Space","_StepIndicator","_Switch","_Table","_Tabs","_Tag","_Textarea","_Timeline","_ToggleButton","_Tooltip","_Upload","_VisuallyHidden","obj","__esModule","default","getComponents","Accordion","Anchor","AriaLive","Autocomplete","Avatar","Badge","Breadcrumb","Button","Card","Checkbox","DatePicker","Dialog","Drawer","Dropdown","Flex","FormLabel","FormRow","FormSet","FormStatus","GlobalError","GlobalStatus","Grid","Heading","HeightAnimation","HelpButton","Icon","IconPrimary","InfoCard","Input","InputMasked","Logo","Modal","NumberFormat","Pagination","ProgressIndicator","Radio","Section","Skeleton","SkipContent","Slider","Space","StepIndicator","Switch","Table","Tabs","Tag","Textarea","Timeline","ToggleButton","Tooltip","Upload","VisuallyHidden","exports"],"sources":["../../../src/components/lib.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport AriaLive from './aria-live/AriaLive'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  AriaLive,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n\nexport const getComponents = () => {\n  return {\n    Accordion,\n    Anchor,\n    AriaLive,\n    Autocomplete,\n    Avatar,\n    Badge,\n    Breadcrumb,\n    Button,\n    Card,\n    Checkbox,\n    DatePicker,\n    Dialog,\n    Drawer,\n    Dropdown,\n    Flex,\n    FormLabel,\n    FormRow,\n    FormSet,\n    FormStatus,\n    GlobalError,\n    GlobalStatus,\n    Grid,\n    Heading,\n    HeightAnimation,\n    HelpButton,\n    Icon,\n    IconPrimary,\n    InfoCard,\n    Input,\n    InputMasked,\n    Logo,\n    Modal,\n    NumberFormat,\n    Pagination,\n    ProgressIndicator,\n    Radio,\n    Section,\n    Skeleton,\n    SkipContent,\n    Slider,\n    Space,\n    StepIndicator,\n    Switch,\n    Table,\n    Tabs,\n    Tag,\n    Textarea,\n    Timeline,\n    ToggleButton,\n    Tooltip,\n    Upload,\n    VisuallyHidden,\n  }\n}\n"],"mappings":"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"}

package/cjs/components/number-format/NumberFormat.d.ts

@@ -23,9 +23,7 @@ export type NumberFormatTooltip =
 export type NumberFormatChildren =
   | React.ReactNode
   | ((...args: any[]) => any);
-export interface NumberFormatProps
-  extends React.HTMLProps<HTMLElement>,
-    SpacingProps {
+export type NumberFormatProps = {
   id?: string;
   /**
    * <em>(required)</em> a number.
@@ -137,17 +135,14 @@ export interface NumberFormatProps
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
-  class?: string;
-  className?: string;
-  /**
-   * <em>(required)</em> a number.
-   */
-  children?: NumberFormatChildren;
-}
+};
+export type NumberFormatAllProps = NumberFormatProps &
+  Omit<React.HTMLProps<HTMLElement>, 'prefix'> &
+  SpacingProps;
 export default class NumberFormat extends React.Component<
-  NumberFormatProps,
+  NumberFormatAllProps,
   any
 > {
-  static defaultProps: NumberFormatProps;
+  static defaultProps: NumberFormatAllProps;
   render(): JSX.Element;
 }

package/cjs/components/number-format/NumberUtils.d.ts

@@ -30,6 +30,7 @@ export interface formatReturnValue {
 }
 export type formatValue = string | number;
 export type formatReturnType = formatReturnValue | formatValue;
+
 export interface formatOptionParams {
   /** can be "auto" */
   locale?: Locale;
@@ -80,10 +81,15 @@ export interface formatOptionParams {
   /** If an object should be returned, including the "aria" property */
   returnAria?: boolean;
 }
-export const format: (
+
+export function format(
+  value: formatValue,
+  options: formatOptionParams & { returnAria: true }
+): formatReturnValue;
+export function format(
   value: formatValue,
   options?: formatOptionParams
-) => formatReturnType;
+): formatValue;
 
 type cleanNumberOptions = {
   decimalSeparator?: string;

package/cjs/components/number-format/useNumberFormat.d.ts

@@ -1,3 +1,3 @@
 import type { formatOptionParams, formatValue } from './NumberUtils';
-declare function useNumberFormat(value: formatValue, options?: formatOptionParams): import("./NumberUtils").formatReturnType;
+declare function useNumberFormat(value: formatValue, options?: formatOptionParams): formatValue;
 export default useNumberFormat;

package/cjs/components/section/Section.d.ts

@@ -69,13 +69,16 @@ export type SectionProps = {
      */
     innerRef?: React.RefObject<HTMLElement>;
     /**
-     * @deprecated in v11 use "innerSpace" prop instead */
+     * @deprecated in v11 use "innerSpace" prop instead
+     */
     spacing?: SectionSpacing | ResponsiveProp<SectionSpacing>;
     /**
-     * @deprecated in v11 use "background" prop instead */
+     * @deprecated in v11 use "background" prop instead
+     */
     style_type?: SectionStyleTypes | string;
     /**
-     * @deprecated in v11 use "innerRef" prop instead */
+     * @deprecated in v11 use "innerRef" prop instead
+     */
     inner_ref?: React.RefObject<HTMLElement>;
 };
 export type SectionAllProps = SectionProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;

package/cjs/components/section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_Space","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","defaultProps","element","Section","localProps","createElement","SectionParams","context","React","useContext","Context","props","extendPropsWithContext","variant","breakout","roundedCorner","textColor","backgroundColor","dropShadow","outline","innerRef","className","children","spacing","style_type","inner_ref","attributes","internalRef","useRef","elementRef","freeze","classnames","isTrue","style","computeStyle","getColor","test","property","name","valueCallback","media","small","medium","large","result","size","_media","_media2","_name","_supportsSpacingProps"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport type {\n  DynamicElement,\n  ResponsiveProp,\n  SpacingProps,\n} from '../../shared/types'\nimport Space from '../space/Space'\n\nexport type SectionVariants = 'error' | 'info' | 'warning' | 'success'\n\nexport type SectionStyleTypes =\n  | 'divider'\n  | 'white'\n  | 'transparent'\n\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'lavender'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'pistachio'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'emerald-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'sea-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'fire-red'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'fire-red-8'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'sand-yellow'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'black-3'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'mint-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'mint-green-12'\n\nexport type SectionSpacing =\n  | boolean\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type TextColor = string\nexport type OutlineColor = string | boolean\nexport type BackgroundColor = string\nexport type DropShadow = boolean\n\nexport type SectionProps = {\n  /**\n   * Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop\n   */\n  variant?: SectionVariants | string\n\n  /**\n   * Define if the background color should break-out to a fullscreen view. Defaults to `true`.\n   */\n  breakout?: boolean | ResponsiveProp<boolean>\n\n  /**\n   * Define if the section should have rounded corners. Defaults to `false`.\n   */\n  roundedCorner?: boolean | ResponsiveProp<boolean>\n\n  /**\n   * Define a custom border color. Use a Eufemia color.\n   */\n  outline?: OutlineColor | ResponsiveProp<OutlineColor>\n\n  /**\n   * Define a custom text color to compliment the backgroundColor. Use a Eufemia color.\n   */\n  textColor?: TextColor | ResponsiveProp<TextColor>\n\n  /**\n   * Define a custom background color, instead of a variant. Use a Eufemia color.\n   */\n  backgroundColor?: BackgroundColor | ResponsiveProp<BackgroundColor>\n\n  /**\n   * Define a custom drop-shadow.\n   */\n  dropShadow?: DropShadow | ResponsiveProp<DropShadow>\n\n  /**\n   * Define what HTML element should be used. Defaults to `<section>`.\n   */\n  element?: DynamicElement\n\n  /**\n   * Define a React.Ref.\n   */\n  innerRef?: React.RefObject<HTMLElement>\n\n  /**\n   * @deprecated in v11 use \"innerSpace\" prop instead */\n  spacing?: SectionSpacing | ResponsiveProp<SectionSpacing>\n  /**\n   * @deprecated in v11 use \"background\" prop instead */\n  style_type?: SectionStyleTypes | string\n  /**\n   * @deprecated in v11 use \"innerRef\" prop instead */\n  inner_ref?: React.RefObject<HTMLElement>\n}\n\nexport type SectionAllProps = SectionProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\ntype SectionReturnParams = Record<string, unknown> & {\n  className: string\n  innerRef: React.RefObject<HTMLElement>\n  children: React.ReactNode\n  style: React.CSSProperties\n}\n\nconst defaultProps = {\n  element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n  return <Space {...SectionParams(localProps)} />\n}\n\nexport function SectionParams(\n  localProps: SectionAllProps\n): SectionReturnParams {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context.Section\n  )\n\n  const {\n    variant,\n    breakout = true,\n    roundedCorner,\n    textColor,\n    backgroundColor,\n    dropShadow,\n    outline,\n    innerRef,\n\n    className,\n    children,\n\n    spacing,\n    style_type,\n    inner_ref,\n\n    ...attributes\n  } = props\n\n  const internalRef = React.useRef<HTMLElement>()\n  const elementRef = innerRef || inner_ref || internalRef\n\n  return Object.freeze({\n    ...attributes,\n    className: classnames(\n      'dnb-section',\n      `dnb-section--${variant ? variant : style_type || 'default'}`,\n      spacing &&\n        `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,\n      className\n    ),\n    style: {\n      ...computeStyle(\n        breakout,\n        'breakout',\n        (value) => `var(--breakout--${value ? 'on' : 'off'})`\n      ),\n      ...computeStyle(\n        roundedCorner,\n        'rounded-corner',\n        (value) => value && 'var(--rounded-corner--value)'\n      ),\n      ...computeStyle(textColor, 'text-color', (value) => getColor(value)),\n      ...computeStyle(backgroundColor, 'background-color', (value) =>\n        getColor(value)\n      ),\n      ...computeStyle(\n        dropShadow,\n        'drop-shadow',\n        (value) => value && 'var(--shadow-default)'\n      ),\n      ...computeStyle(outline, 'outline-color', (value) =>\n        String(value) === 'true'\n          ? 'var(--outline-color--value)'\n          : getColor(value)\n      ),\n      ...attributes?.style,\n    } as React.CSSProperties,\n    innerRef: elementRef,\n    children,\n  })\n}\n\nfunction getColor(value: string) {\n  return value\n    ? !/#|var/.test(value)\n      ? `var(--color-${value})`\n      : value\n    : undefined\n}\n\nfunction computeStyle(\n  property: ResponsiveProp<unknown> | boolean | string,\n  name: string,\n  valueCallback: (value: string) => string | undefined\n) {\n  let media = property as ResponsiveProp<unknown>\n\n  if (media !== null && typeof media !== 'object') {\n    media = {\n      small: property,\n      medium: property,\n      large: property,\n    } as ResponsiveProp<unknown>\n  }\n\n  const result = {}\n\n  for (const size in media as ResponsiveProp<unknown>) {\n    if (typeof media?.[size] !== 'undefined') {\n      const value = valueCallback(media?.[size])\n      if (typeof value === 'string') {\n        result[`--${name}--${size}`] = value\n      }\n    }\n  }\n\n  return result\n}\n\nSection._name = 'Section'\nSection._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Section.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_Space","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","defaultProps","element","Section","localProps","createElement","SectionParams","context","React","useContext","Context","props","extendPropsWithContext","variant","breakout","roundedCorner","textColor","backgroundColor","dropShadow","outline","innerRef","className","children","spacing","style_type","inner_ref","attributes","internalRef","useRef","elementRef","freeze","classnames","isTrue","style","computeStyle","getColor","test","property","name","valueCallback","media","small","medium","large","result","size","_media","_media2","_name","_supportsSpacingProps"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport type {\n  DynamicElement,\n  ResponsiveProp,\n  SpacingProps,\n} from '../../shared/types'\nimport Space from '../space/Space'\n\nexport type SectionVariants = 'error' | 'info' | 'warning' | 'success'\n\nexport type SectionStyleTypes =\n  | 'divider'\n  | 'white'\n  | 'transparent'\n\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'lavender'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'pistachio'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'emerald-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'sea-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'fire-red'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'fire-red-8'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'sand-yellow'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'black-3'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'mint-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'mint-green-12'\n\nexport type SectionSpacing =\n  | boolean\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type TextColor = string\nexport type OutlineColor = string | boolean\nexport type BackgroundColor = string\nexport type DropShadow = boolean\n\nexport type SectionProps = {\n  /**\n   * Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop\n   */\n  variant?: SectionVariants | string\n\n  /**\n   * Define if the background color should break-out to a fullscreen view. Defaults to `true`.\n   */\n  breakout?: boolean | ResponsiveProp<boolean>\n\n  /**\n   * Define if the section should have rounded corners. Defaults to `false`.\n   */\n  roundedCorner?: boolean | ResponsiveProp<boolean>\n\n  /**\n   * Define a custom border color. Use a Eufemia color.\n   */\n  outline?: OutlineColor | ResponsiveProp<OutlineColor>\n\n  /**\n   * Define a custom text color to compliment the backgroundColor. Use a Eufemia color.\n   */\n  textColor?: TextColor | ResponsiveProp<TextColor>\n\n  /**\n   * Define a custom background color, instead of a variant. Use a Eufemia color.\n   */\n  backgroundColor?: BackgroundColor | ResponsiveProp<BackgroundColor>\n\n  /**\n   * Define a custom drop-shadow.\n   */\n  dropShadow?: DropShadow | ResponsiveProp<DropShadow>\n\n  /**\n   * Define what HTML element should be used. Defaults to `<section>`.\n   */\n  element?: DynamicElement\n\n  /**\n   * Define a React.Ref.\n   */\n  innerRef?: React.RefObject<HTMLElement>\n\n  /**\n   * @deprecated in v11 use \"innerSpace\" prop instead\n   */\n  spacing?: SectionSpacing | ResponsiveProp<SectionSpacing>\n  /**\n   * @deprecated in v11 use \"background\" prop instead\n   */\n  style_type?: SectionStyleTypes | string\n  /**\n   * @deprecated in v11 use \"innerRef\" prop instead\n   */\n  inner_ref?: React.RefObject<HTMLElement>\n}\n\nexport type SectionAllProps = SectionProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\ntype SectionReturnParams = Record<string, unknown> & {\n  className: string\n  innerRef: React.RefObject<HTMLElement>\n  children: React.ReactNode\n  style: React.CSSProperties\n}\n\nconst defaultProps = {\n  element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n  return <Space {...SectionParams(localProps)} />\n}\n\nexport function SectionParams(\n  localProps: SectionAllProps\n): SectionReturnParams {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context.Section\n  )\n\n  const {\n    variant,\n    breakout = true,\n    roundedCorner,\n    textColor,\n    backgroundColor,\n    dropShadow,\n    outline,\n    innerRef,\n\n    className,\n    children,\n\n    spacing,\n    style_type,\n    inner_ref,\n\n    ...attributes\n  } = props\n\n  const internalRef = React.useRef<HTMLElement>()\n  const elementRef = innerRef || inner_ref || internalRef\n\n  return Object.freeze({\n    ...attributes,\n    className: classnames(\n      'dnb-section',\n      `dnb-section--${variant ? variant : style_type || 'default'}`,\n      spacing &&\n        `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,\n      className\n    ),\n    style: {\n      ...computeStyle(\n        breakout,\n        'breakout',\n        (value) => `var(--breakout--${value ? 'on' : 'off'})`\n      ),\n      ...computeStyle(\n        roundedCorner,\n        'rounded-corner',\n        (value) => value && 'var(--rounded-corner--value)'\n      ),\n      ...computeStyle(textColor, 'text-color', (value) => getColor(value)),\n      ...computeStyle(backgroundColor, 'background-color', (value) =>\n        getColor(value)\n      ),\n      ...computeStyle(\n        dropShadow,\n        'drop-shadow',\n        (value) => value && 'var(--shadow-default)'\n      ),\n      ...computeStyle(outline, 'outline-color', (value) =>\n        String(value) === 'true'\n          ? 'var(--outline-color--value)'\n          : getColor(value)\n      ),\n      ...attributes?.style,\n    } as React.CSSProperties,\n    innerRef: elementRef,\n    children,\n  })\n}\n\nfunction getColor(value: string) {\n  return value\n    ? !/#|var/.test(value)\n      ? `var(--color-${value})`\n      : value\n    : undefined\n}\n\nfunction computeStyle(\n  property: ResponsiveProp<unknown> | boolean | string,\n  name: string,\n  valueCallback: (value: string) => string | undefined\n) {\n  let media = property as ResponsiveProp<unknown>\n\n  if (media !== null && typeof media !== 'object') {\n    media = {\n      small: property,\n      medium: property,\n      large: property,\n    } as ResponsiveProp<unknown>\n  }\n\n  const result = {}\n\n  for (const size in media as ResponsiveProp<unknown>) {\n    if (typeof media?.[size] !== 'undefined') {\n      const value = valueCallback(media?.[size])\n      if (typeof value === 'string') {\n        result[`--${name}--${size}`] = value\n      }\n    }\n  }\n\n  return result\n}\n\nSection._name = 'Section'\nSection._supportsSpacingProps = true\n"],"mappings":"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"}

package/cjs/components/section/style/dnb-section.css

@@ -18,6 +18,7 @@
   --left: -100vw;
   --width: 100vw;
   --height: 100%;
+  --color-transparent: transparent;
   color: var(--text-color, black);
   border-radius: var(--rounded-corner, 0);
 }

package/cjs/components/section/style/dnb-section.min.css

@@ -1,4 +1,4 @@
-.dnb-section{--breakout--on:visible;--breakout--off:hidden;--rounded-corner--value:0.5rem;--outline:0 0 0 var(--outline-width,1px) var(--outline-color,transparent);--outline-none:0 0 0 0 transparent;--top:0;--left:-100vw;--width:100vw;--height:100%;border-radius:var(--rounded-corner,0);color:var(--text-color,#000);display:flow-root;position:relative}.dnb-section[style*="--background-color"]{background-color:var(--background-color,#fff)}.dnb-section:before{border-radius:var(--rounded-corner,0);box-shadow:var(--drop-shadow,var(--outline-none)),var(--outline,var(--outline-none));content:"";inset:0;position:absolute;z-index:-1}.dnb-section:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor;background-color:currentcolor;box-shadow:var(--box-shadow);color:var(--background-color,currentcolor);content:"";height:var(--height);left:var(--left);position:absolute;top:var(--top);visibility:var(--breakout,hidden);width:var(--width);z-index:-15}.dnb-section:not([style*="--breakout"]){--breakout:var(--breakout--on)}@media screen and (max-width:60em){.dnb-section{--breakout:var(--breakout--small,var(--breakout--fallback));--background-color--value:var(--background-color--small);--text-color--value:var(--text-color--small);--outline-color:var(--outline-color--small);--drop-shadow:var(--drop-shadow--small);--rounded-corner:var(
+.dnb-section{--breakout--on:visible;--breakout--off:hidden;--rounded-corner--value:0.5rem;--outline:0 0 0 var(--outline-width,1px) var(--outline-color,transparent);--outline-none:0 0 0 0 transparent;--top:0;--left:-100vw;--width:100vw;--height:100%;--color-transparent:transparent;border-radius:var(--rounded-corner,0);color:var(--text-color,#000);display:flow-root;position:relative}.dnb-section[style*="--background-color"]{background-color:var(--background-color,#fff)}.dnb-section:before{border-radius:var(--rounded-corner,0);box-shadow:var(--drop-shadow,var(--outline-none)),var(--outline,var(--outline-none));content:"";inset:0;position:absolute;z-index:-1}.dnb-section:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor;background-color:currentcolor;box-shadow:var(--box-shadow);color:var(--background-color,currentcolor);content:"";height:var(--height);left:var(--left);position:absolute;top:var(--top);visibility:var(--breakout,hidden);width:var(--width);z-index:-15}.dnb-section:not([style*="--breakout"]){--breakout:var(--breakout--on)}@media screen and (max-width:60em){.dnb-section{--breakout:var(--breakout--small,var(--breakout--fallback));--background-color--value:var(--background-color--small);--text-color--value:var(--text-color--small);--outline-color:var(--outline-color--small);--drop-shadow:var(--drop-shadow--small);--rounded-corner:var(
       --rounded-corner--small,var(--rounded-corner--fallback)
     )}}@media screen and (max-width:59.9375em) and (min-width:40.0625em){.dnb-section{--breakout:var(--breakout--medium,var(--breakout--fallback));--background-color--value:var(--background-color--medium);--text-color--value:var(--text-color--medium);--outline-color:var(--outline-color--medium);--drop-shadow:var(--drop-shadow--medium);--rounded-corner:var(
       --rounded-corner--medium,var(--rounded-corner--fallback)

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

@@ -22,6 +22,7 @@
   --left: -100vw;
   --width: 100vw;
   --height: 100%;
+  --color-transparent: transparent;
 
   color: var(--text-color, black);
   border-radius: var(--rounded-corner, 0);

package/cjs/components/space/SpacingUtils.js

@@ -112,7 +112,11 @@ const createSpacingClasses = function (props) {
   const p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
   if (typeof p.space !== 'undefined') {
     if (typeof p.space === 'string' || typeof p.space === 'number' || typeof p.space === 'boolean' && p.space) {
-      p.top = p.right = p.bottom = p.left = p.space;
+      var _p$left, _p$bottom, _p$right, _p$top;
+      p.left = (_p$left = p.left) !== null && _p$left !== void 0 ? _p$left : p.space;
+      p.bottom = (_p$bottom = p.bottom) !== null && _p$bottom !== void 0 ? _p$bottom : p.space;
+      p.right = (_p$right = p.right) !== null && _p$right !== void 0 ? _p$right : p.space;
+      p.top = (_p$top = p.top) !== null && _p$top !== void 0 ? _p$top : p.space;
     }
     if (typeof p.space === 'object') {
       for (const i in p.space) {

package/cjs/components/space/SpacingUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpacingUtils.js","names":["_componentHelper","require","_excluded","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","spacingDefaultProps","space","innerSpace","top","right","bottom","left","exports","spacePatterns","small","medium","large","globalThis","CALC_CACHE","calc","_len","types","Array","_key","hash","join","result","rawTypes","createTypeModifiers","type","createSpacingProperties","props","computeProperties","hasMediaSize","media","includes","hasSize","size","_space","transformToAll","isValidSpaceProp","cur","name","typeModifiers","sum","sumTypes","createSpacingClasses","Element","p","isFrozen","entries","reduce","acc","_ref","direction","warn","nearestTypes","findNearestTypes","map","isInline","translateSpace","test","replace","splitTypes","split","clean","t","r","firstLetter","parseFloat","num","foundType","findType","found","findTypeAll","listOfSpacePatterns","find","_ref2","k","v","multiply","near","reverse","_ref3","nearNum","nearType","leftOver","foundMoreTypes","index","propName","removeSpaceProps","restProps","elementName"],"sources":["../../../../src/components/space/SpacingUtils.ts"],"sourcesContent":["/**\n * Space helper\n *\n */\n\nimport { warn } from '../../shared/component-helper'\n\nimport type {\n  SpaceType,\n  SpacingUnknownProps,\n  SpacingProps,\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType,\n  SpaceStringTypes,\n  SpaceTypeMedia,\n  SpaceTypeAll,\n  SpacingElementProps,\n} from './types'\n\ntype SpaceNumber = number\n\nexport const spacingDefaultProps: SpacingProps = {\n  space: null,\n  innerSpace: null,\n  top: null,\n  right: null,\n  bottom: null,\n  left: null,\n}\n// IMPORTANT: Keep the shorthand after the long type names\nexport const spacePatterns: Record<\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType\n> = {\n  'xx-small': 0.25,\n  'x-small': 0.5,\n  small: 1,\n  medium: 1.5,\n  large: 2,\n  'x-large': 3,\n  'xx-large': 3.5,\n  'xx-large-x2': 7,\n}\n\n/**\n * Helper function to generate a calc(var(--spacing-large) + var(--spacing-small))\n *\n * @param types 'small', '16px', '1rem'\n * @returns e.g. calc(var(--spacing-large) + var(--spacing-small))\n */\nglobalThis.CALC_CACHE = {}\nexport const calc = (...types: Array<SpaceType>) => {\n  const hash = types.join('|')\n  if (globalThis.CALC_CACHE[hash]) {\n    return globalThis.CALC_CACHE[hash]\n  }\n\n  const result: Array<string> = []\n\n  types.forEach((rawTypes) => {\n    createTypeModifiers(rawTypes as SpaceType).forEach((type) => {\n      result.push(`var(--spacing-${type})`)\n    })\n  })\n\n  return result.length\n    ? (globalThis.CALC_CACHE[hash] = `calc(${result.join(' + ')})`)\n    : null\n}\n\n/**\n * Creates a valid space CSS style out from given space types\n *\n * @param props\n * @returns { '--space-b-l': '2rem', '--space-t-l': '1rem' }\n */\nexport const createSpacingProperties = (\n  props: SpacingProps\n): React.CSSProperties => {\n  if (props?.innerSpace) {\n    return computeProperties(props.innerSpace)\n  }\n\n  return {}\n}\n\nfunction hasMediaSize(media: SpaceTypeMedia) {\n  const keys = Object.keys(media)\n  return (\n    keys.includes('small') ||\n    keys.includes('medium') ||\n    keys.includes('large')\n  )\n}\n\nfunction hasSize(space: SpacingElementProps) {\n  const keys = Object.keys(space)\n  return (\n    keys.includes('top') ||\n    keys.includes('right') ||\n    keys.includes('bottom') ||\n    keys.includes('left')\n  )\n}\n\nfunction computeProperties(space: SpaceTypeAll | SpaceTypeMedia) {\n  if (!hasMediaSize(space as SpaceTypeMedia)) {\n    space = {\n      small: space,\n      medium: space,\n      large: space,\n    } as SpaceTypeMedia\n  }\n\n  const result = {}\n\n  for (const size in space as SpaceTypeMedia) {\n    const value = space?.[size] as SpaceType | SpacingElementProps\n    const props = transformToAll(value)\n\n    for (const key in props as SpaceTypeMedia) {\n      if (isValidSpaceProp(key)) {\n        const cur = props[key]\n        const name = `--space-${key[0]}-${size[0]}`\n\n        if (String(cur) === '0' || String(cur) === 'false') {\n          result[name] = '0'\n        } else if (cur) {\n          const typeModifiers = createTypeModifiers(cur as SpaceType)\n          const sum = sumTypes(typeModifiers)\n          result[name] = `${sum}rem`\n        }\n      }\n    }\n  }\n\n  return result as React.CSSProperties\n}\n\nfunction transformToAll(value: SpaceType | SpacingElementProps) {\n  let result = value\n\n  if (!hasSize(value as SpacingElementProps)) {\n    result = {\n      top: value,\n      right: value,\n      bottom: value,\n      left: value,\n    } as SpacingElementProps\n  }\n\n  return result as SpacingElementProps\n}\n\n/**\n * Creates a valid space CSS class out from given space types\n *\n * @param props\n * @param Element to check if it should be handled as inline\n * @returns \"dnb-space__large dnb-space__small\"\n */\nexport const createSpacingClasses = (\n  props:\n    | SpacingProps\n    /**\n     * To support typical not defined props form components\n     */\n    | SpacingUnknownProps,\n  Element = null\n) => {\n  const p = Object.isFrozen(props) ? { ...props } : props\n\n  if (typeof p.space !== 'undefined') {\n    if (\n      typeof p.space === 'string' ||\n      typeof p.space === 'number' ||\n      (typeof p.space === 'boolean' && p.space)\n    ) {\n      p.top = p.right = p.bottom = p.left = p.space\n    }\n    if (typeof p.space === 'object') {\n      for (const i in p.space) {\n        if (!p[i] && isValidSpaceProp(i)) {\n          p[i] = p.space[i]\n        }\n      }\n    }\n    delete p.space\n  }\n\n  return Object.entries(p).reduce((acc, [direction, cur]) => {\n    if (isValidSpaceProp(direction) && direction !== 'innerSpace') {\n      if (String(cur) === '0' || String(cur) === 'false') {\n        acc.push(`dnb-space__${direction}--zero`)\n      } else if (cur) {\n        const typeModifiers = createTypeModifiers(cur as SpaceType)\n\n        // get the total sum\n        const sum = sumTypes(typeModifiers)\n        if (sum > 10) {\n          warn(\n            `Spacing of more than 10rem is not supported! You used ${sum} / (${typeModifiers.join(\n              ','\n            )})`\n          )\n        } else {\n          // auto combine classes\n          const nearestTypes = findNearestTypes(sum, true)\n\n          acc = [\n            ...acc,\n            ...nearestTypes.map(\n              (type) => `dnb-space__${direction}--${type}`\n            ),\n          ]\n        }\n      }\n    } else if (direction === 'no_collapse') {\n      acc.push('dnb-space--no-collapse')\n      if (Element && isInline(Element)) {\n        acc.push('dnb-space--inline')\n      }\n    }\n\n    return acc\n  }, [])\n}\n\n// @internal splits types by given string\nexport const translateSpace = (type: SpaceType) => {\n  if (/-x2$/.test(String(type))) {\n    return spacePatterns[String(type).replace(/-x2$/, '')] * 2\n  }\n  return spacePatterns[String(type)] || 0\n}\n\n// @internal Splits a string of: \"large x-small\" into an array of the same\nexport const splitTypes = (types: SpaceType | Array<SpaceType>) => {\n  if (typeof types === 'string') {\n    const test = (types as SpaceStringTypes).split(/ /g)\n    return clean(test as Array<SpaceStringTypes>)\n  } else if (typeof types === 'boolean') {\n    return ['small' as SpaceTypesPositiveValuesType]\n  } else if (typeof types === 'number') {\n    return [types]\n  }\n\n  return clean(types) || null\n\n  function clean(t: Array<SpaceType> | Array<SpaceStringTypes>) {\n    return t?.filter((r) => r && String(r).length > 0)\n  }\n}\n\n// @internal Sums e.g. \"large\" + \"x-small\" to be = 2.5rem\nexport const sumTypes = (types: SpaceType | Array<SpaceType>) =>\n  splitTypes(types)\n    .map((type) => translateSpace(type))\n    .reduce((acc, cur) => {\n      if (cur > 0) {\n        acc += cur\n      } else if (cur < 0) {\n        acc -= cur\n      }\n      return acc\n    }, 0)\n\n// @internal Returns an array with modifiers e.g. [\"large\", \"x-small\"]\nexport const createTypeModifiers = (\n  types: SpaceType\n): Array<SpaceType> => {\n  return (splitTypes(types) || []).reduce((acc, type) => {\n    if (type) {\n      const firstLetter = String(type)[0]\n      if (parseFloat(firstLetter) > -1) {\n        // can be \"2rem\" or \"32px\" - but we want only a number\n        let num = parseFloat(String(type))\n\n        // check if we got pixels\n        if (num >= 8 && /[0-9]px/.test(String(type))) {\n          num = num / 16\n        }\n\n        // check if the type exists in our extensions\n        const foundType = findType(num)\n\n        // get the type\n        if (foundType) {\n          type = foundType\n        } else {\n          findNearestTypes(num).forEach((type) => {\n            if (type) {\n              acc.push(type)\n            }\n          })\n        }\n      }\n\n      if (!(parseFloat(String(type)) > 0)) {\n        acc.push(type)\n      }\n    }\n    return acc\n  }, [])\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\"\nexport const findType = (num: SpaceNumber): SpaceType => {\n  const found = findTypeAll(num)\n\n  // get the type\n  if (found) {\n    return found[0]\n  }\n\n  return null\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\" and returns all results\nexport const findTypeAll = (\n  num: SpaceNumber\n): Array<\n  SpaceTypesPositiveValuesType | SpaceTypesPositiveRemValuesType\n> => {\n  const listOfSpacePatterns = Object.entries(spacePatterns) as [\n    SpaceTypesPositiveValuesType,\n    SpaceTypesPositiveRemValuesType,\n  ][]\n  const found =\n    listOfSpacePatterns.find(([k, v]) => k && v === num) || null\n  return found\n}\n\n// @internal Finds from e.g. a value of \"2.5rem\" the nearest type = [\"large\", \"x-small\"]\nexport const findNearestTypes = (num: SpaceNumber, multiply = false) => {\n  let res = []\n\n  const near = Object.entries(spacePatterns)\n    .reverse()\n    .filter((k) => (multiply ? true : !k[0].includes('-x'))) // e.g. -x2\n    .find(([k, v]) => k && num >= v)\n  const nearNum = (near && near[1]) || num\n  const types = findTypeAll(nearNum)\n\n  if (types) {\n    const nearType = types[0]\n    res.push(nearType)\n    const leftOver = num - parseFloat(String(types[1]))\n    const foundMoreTypes = findNearestTypes(leftOver, multiply)\n\n    // if the value already exists, then replace it with an x2\n    foundMoreTypes.forEach((type) => {\n      const index = res.indexOf(type)\n      if (index !== -1) {\n        res[index] = multiply ? `${type}-x2` : type\n      }\n    })\n\n    res = [...res, ...foundMoreTypes]\n  }\n\n  return res\n}\n\n// @internal Checks if a space prop is a valid string like \"top\"\nexport const isValidSpaceProp = (propName: string) =>\n  propName &&\n  ['top', 'right', 'bottom', 'left', 'space', 'innerSpace'].includes(\n    propName\n  )\n\nexport const removeSpaceProps = <Props extends SpacingProps>(\n  props: Props\n): Omit<Props, keyof SpacingProps> => {\n  const { space, innerSpace, top, bottom, left, right, ...restProps } =\n    props\n  return restProps\n}\n\nexport const isInline = (elementName: string) => {\n  switch (elementName) {\n    case 'h1':\n    case 'h2':\n    case 'h3':\n    case 'h4':\n    case 'h5':\n    case 'h6':\n    case 'p':\n      return true\n  }\n\n  return false\n}\n"],"mappings":"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"}
+{"version":3,"file":"SpacingUtils.js","names":["_componentHelper","require","_excluded","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","spacingDefaultProps","space","innerSpace","top","right","bottom","left","exports","spacePatterns","small","medium","large","globalThis","CALC_CACHE","calc","_len","types","Array","_key","hash","join","result","rawTypes","createTypeModifiers","type","createSpacingProperties","props","computeProperties","hasMediaSize","media","includes","hasSize","size","_space","transformToAll","isValidSpaceProp","cur","name","typeModifiers","sum","sumTypes","createSpacingClasses","Element","p","isFrozen","_p$left","_p$bottom","_p$right","_p$top","entries","reduce","acc","_ref","direction","warn","nearestTypes","findNearestTypes","map","isInline","translateSpace","test","replace","splitTypes","split","clean","t","r","firstLetter","parseFloat","num","foundType","findType","found","findTypeAll","listOfSpacePatterns","find","_ref2","k","v","multiply","near","reverse","_ref3","nearNum","nearType","leftOver","foundMoreTypes","index","propName","removeSpaceProps","restProps","elementName"],"sources":["../../../../src/components/space/SpacingUtils.ts"],"sourcesContent":["/**\n * Space helper\n *\n */\n\nimport { warn } from '../../shared/component-helper'\n\nimport type {\n  SpaceType,\n  SpacingUnknownProps,\n  SpacingProps,\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType,\n  SpaceStringTypes,\n  SpaceTypeMedia,\n  SpaceTypeAll,\n  SpacingElementProps,\n} from './types'\n\ntype SpaceNumber = number\n\nexport const spacingDefaultProps: SpacingProps = {\n  space: null,\n  innerSpace: null,\n  top: null,\n  right: null,\n  bottom: null,\n  left: null,\n}\n// IMPORTANT: Keep the shorthand after the long type names\nexport const spacePatterns: Record<\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType\n> = {\n  'xx-small': 0.25,\n  'x-small': 0.5,\n  small: 1,\n  medium: 1.5,\n  large: 2,\n  'x-large': 3,\n  'xx-large': 3.5,\n  'xx-large-x2': 7,\n}\n\n/**\n * Helper function to generate a calc(var(--spacing-large) + var(--spacing-small))\n *\n * @param types 'small', '16px', '1rem'\n * @returns e.g. calc(var(--spacing-large) + var(--spacing-small))\n */\nglobalThis.CALC_CACHE = {}\nexport const calc = (...types: Array<SpaceType>) => {\n  const hash = types.join('|')\n  if (globalThis.CALC_CACHE[hash]) {\n    return globalThis.CALC_CACHE[hash]\n  }\n\n  const result: Array<string> = []\n\n  types.forEach((rawTypes) => {\n    createTypeModifiers(rawTypes as SpaceType).forEach((type) => {\n      result.push(`var(--spacing-${type})`)\n    })\n  })\n\n  return result.length\n    ? (globalThis.CALC_CACHE[hash] = `calc(${result.join(' + ')})`)\n    : null\n}\n\n/**\n * Creates a valid space CSS style out from given space types\n *\n * @param props\n * @returns { '--space-b-l': '2rem', '--space-t-l': '1rem' }\n */\nexport const createSpacingProperties = (\n  props: SpacingProps\n): React.CSSProperties => {\n  if (props?.innerSpace) {\n    return computeProperties(props.innerSpace)\n  }\n\n  return {}\n}\n\nfunction hasMediaSize(media: SpaceTypeMedia) {\n  const keys = Object.keys(media)\n  return (\n    keys.includes('small') ||\n    keys.includes('medium') ||\n    keys.includes('large')\n  )\n}\n\nfunction hasSize(space: SpacingElementProps) {\n  const keys = Object.keys(space)\n  return (\n    keys.includes('top') ||\n    keys.includes('right') ||\n    keys.includes('bottom') ||\n    keys.includes('left')\n  )\n}\n\nfunction computeProperties(space: SpaceTypeAll | SpaceTypeMedia) {\n  if (!hasMediaSize(space as SpaceTypeMedia)) {\n    space = {\n      small: space,\n      medium: space,\n      large: space,\n    } as SpaceTypeMedia\n  }\n\n  const result = {}\n\n  for (const size in space as SpaceTypeMedia) {\n    const value = space?.[size] as SpaceType | SpacingElementProps\n    const props = transformToAll(value)\n\n    for (const key in props as SpaceTypeMedia) {\n      if (isValidSpaceProp(key)) {\n        const cur = props[key]\n        const name = `--space-${key[0]}-${size[0]}`\n\n        if (String(cur) === '0' || String(cur) === 'false') {\n          result[name] = '0'\n        } else if (cur) {\n          const typeModifiers = createTypeModifiers(cur as SpaceType)\n          const sum = sumTypes(typeModifiers)\n          result[name] = `${sum}rem`\n        }\n      }\n    }\n  }\n\n  return result as React.CSSProperties\n}\n\nfunction transformToAll(value: SpaceType | SpacingElementProps) {\n  let result = value\n\n  if (!hasSize(value as SpacingElementProps)) {\n    result = {\n      top: value,\n      right: value,\n      bottom: value,\n      left: value,\n    } as SpacingElementProps\n  }\n\n  return result as SpacingElementProps\n}\n\n/**\n * Creates a valid space CSS class out from given space types\n *\n * @param props\n * @param Element to check if it should be handled as inline\n * @returns \"dnb-space__large dnb-space__small\"\n */\nexport const createSpacingClasses = (\n  props:\n    | SpacingProps\n    /**\n     * To support typical not defined props form components\n     */\n    | SpacingUnknownProps,\n  Element = null\n) => {\n  const p = Object.isFrozen(props) ? { ...props } : props\n\n  if (typeof p.space !== 'undefined') {\n    if (\n      typeof p.space === 'string' ||\n      typeof p.space === 'number' ||\n      (typeof p.space === 'boolean' && p.space)\n    ) {\n      p.left = p.left ?? p.space\n      p.bottom = p.bottom ?? p.space\n      p.right = p.right ?? p.space\n      p.top = p.top ?? p.space\n    }\n    if (typeof p.space === 'object') {\n      for (const i in p.space) {\n        if (!p[i] && isValidSpaceProp(i)) {\n          p[i] = p.space[i]\n        }\n      }\n    }\n    delete p.space\n  }\n\n  return Object.entries(p).reduce((acc, [direction, cur]) => {\n    if (isValidSpaceProp(direction) && direction !== 'innerSpace') {\n      if (String(cur) === '0' || String(cur) === 'false') {\n        acc.push(`dnb-space__${direction}--zero`)\n      } else if (cur) {\n        const typeModifiers = createTypeModifiers(cur as SpaceType)\n\n        // get the total sum\n        const sum = sumTypes(typeModifiers)\n        if (sum > 10) {\n          warn(\n            `Spacing of more than 10rem is not supported! You used ${sum} / (${typeModifiers.join(\n              ','\n            )})`\n          )\n        } else {\n          // auto combine classes\n          const nearestTypes = findNearestTypes(sum, true)\n\n          acc = [\n            ...acc,\n            ...nearestTypes.map(\n              (type) => `dnb-space__${direction}--${type}`\n            ),\n          ]\n        }\n      }\n    } else if (direction === 'no_collapse') {\n      acc.push('dnb-space--no-collapse')\n      if (Element && isInline(Element)) {\n        acc.push('dnb-space--inline')\n      }\n    }\n\n    return acc\n  }, [])\n}\n\n// @internal splits types by given string\nexport const translateSpace = (type: SpaceType) => {\n  if (/-x2$/.test(String(type))) {\n    return spacePatterns[String(type).replace(/-x2$/, '')] * 2\n  }\n  return spacePatterns[String(type)] || 0\n}\n\n// @internal Splits a string of: \"large x-small\" into an array of the same\nexport const splitTypes = (types: SpaceType | Array<SpaceType>) => {\n  if (typeof types === 'string') {\n    const test = (types as SpaceStringTypes).split(/ /g)\n    return clean(test as Array<SpaceStringTypes>)\n  } else if (typeof types === 'boolean') {\n    return ['small' as SpaceTypesPositiveValuesType]\n  } else if (typeof types === 'number') {\n    return [types]\n  }\n\n  return clean(types) || null\n\n  function clean(t: Array<SpaceType> | Array<SpaceStringTypes>) {\n    return t?.filter((r) => r && String(r).length > 0)\n  }\n}\n\n// @internal Sums e.g. \"large\" + \"x-small\" to be = 2.5rem\nexport const sumTypes = (types: SpaceType | Array<SpaceType>) =>\n  splitTypes(types)\n    .map((type) => translateSpace(type))\n    .reduce((acc, cur) => {\n      if (cur > 0) {\n        acc += cur\n      } else if (cur < 0) {\n        acc -= cur\n      }\n      return acc\n    }, 0)\n\n// @internal Returns an array with modifiers e.g. [\"large\", \"x-small\"]\nexport const createTypeModifiers = (\n  types: SpaceType\n): Array<SpaceType> => {\n  return (splitTypes(types) || []).reduce((acc, type) => {\n    if (type) {\n      const firstLetter = String(type)[0]\n      if (parseFloat(firstLetter) > -1) {\n        // can be \"2rem\" or \"32px\" - but we want only a number\n        let num = parseFloat(String(type))\n\n        // check if we got pixels\n        if (num >= 8 && /[0-9]px/.test(String(type))) {\n          num = num / 16\n        }\n\n        // check if the type exists in our extensions\n        const foundType = findType(num)\n\n        // get the type\n        if (foundType) {\n          type = foundType\n        } else {\n          findNearestTypes(num).forEach((type) => {\n            if (type) {\n              acc.push(type)\n            }\n          })\n        }\n      }\n\n      if (!(parseFloat(String(type)) > 0)) {\n        acc.push(type)\n      }\n    }\n    return acc\n  }, [])\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\"\nexport const findType = (num: SpaceNumber): SpaceType => {\n  const found = findTypeAll(num)\n\n  // get the type\n  if (found) {\n    return found[0]\n  }\n\n  return null\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\" and returns all results\nexport const findTypeAll = (\n  num: SpaceNumber\n): Array<\n  SpaceTypesPositiveValuesType | SpaceTypesPositiveRemValuesType\n> => {\n  const listOfSpacePatterns = Object.entries(spacePatterns) as [\n    SpaceTypesPositiveValuesType,\n    SpaceTypesPositiveRemValuesType,\n  ][]\n  const found =\n    listOfSpacePatterns.find(([k, v]) => k && v === num) || null\n  return found\n}\n\n// @internal Finds from e.g. a value of \"2.5rem\" the nearest type = [\"large\", \"x-small\"]\nexport const findNearestTypes = (num: SpaceNumber, multiply = false) => {\n  let res = []\n\n  const near = Object.entries(spacePatterns)\n    .reverse()\n    .filter((k) => (multiply ? true : !k[0].includes('-x'))) // e.g. -x2\n    .find(([k, v]) => k && num >= v)\n  const nearNum = (near && near[1]) || num\n  const types = findTypeAll(nearNum)\n\n  if (types) {\n    const nearType = types[0]\n    res.push(nearType)\n    const leftOver = num - parseFloat(String(types[1]))\n    const foundMoreTypes = findNearestTypes(leftOver, multiply)\n\n    // if the value already exists, then replace it with an x2\n    foundMoreTypes.forEach((type) => {\n      const index = res.indexOf(type)\n      if (index !== -1) {\n        res[index] = multiply ? `${type}-x2` : type\n      }\n    })\n\n    res = [...res, ...foundMoreTypes]\n  }\n\n  return res\n}\n\n// @internal Checks if a space prop is a valid string like \"top\"\nexport const isValidSpaceProp = (propName: string) =>\n  propName &&\n  ['top', 'right', 'bottom', 'left', 'space', 'innerSpace'].includes(\n    propName\n  )\n\nexport const removeSpaceProps = <Props extends SpacingProps>(\n  props: Props\n): Omit<Props, keyof SpacingProps> => {\n  const { space, innerSpace, top, bottom, left, right, ...restProps } =\n    props\n  return restProps\n}\n\nexport const isInline = (elementName: string) => {\n  switch (elementName) {\n    case 'h1':\n    case 'h2':\n    case 'h3':\n    case 'h4':\n    case 'h5':\n    case 'h6':\n    case 'p':\n      return true\n  }\n\n  return false\n}\n"],"mappings":"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"}

package/cjs/components/step-indicator/StepIndicatorItem.js

@@ -10,7 +10,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _componentHelper = require("../../shared/component-helper");
-var _HeightAnimationInstance = _interopRequireDefault(require("../height-animation/HeightAnimationInstance"));
+var _HeightAnimation = _interopRequireDefault(require("../height-animation/HeightAnimation"));
 var _Button = _interopRequireDefault(require("../button/Button"));
 var _Icon = _interopRequireDefault(require("../icon/Icon"));
 var _FormStatus = require("../form-status/FormStatus");
@@ -44,35 +44,17 @@ function StepIndicatorItem(_ref) {
   }, restOfProps);
   const context = (0, _react.useContext)(_StepIndicatorContext.default);
   const [previousStep, setPreviousStep] = (0, _react.useState)(context.activeStep);
-  const heightAnim = (0, _react.useRef)(new _HeightAnimationInstance.default({
-    animate: (context === null || context === void 0 ? void 0 : context.no_animation) !== undefined ? context.no_animation : false
-  })).current;
   const ref = (0, _react.useRef)(null);
   const thisReference = {
     context,
     props,
     onClickHandler
   };
-  (0, _react.useEffect)(() => {
-    heightAnim.setElement(ref.current);
-    return () => {
-      heightAnim.remove();
-    };
-  }, []);
   (0, _react.useEffect)(() => {
     if (previousStep !== context.activeStep) {
       setPreviousStep(context.activeStep);
     }
-  }, [context.activeStep]);
-  (0, _react.useLayoutEffect)(() => {
-    const height = heightAnim.getHeight();
-    if (previousStep !== context.activeStep && (props.currentItemNum === previousStep || props.currentItemNum === context.activeStep)) {
-      const toHeight = heightAnim.getUnknownHeight();
-      if (height !== toHeight) {
-        heightAnim.adjustTo(height, toHeight);
-      }
-    }
-  }, [previousStep, context.activeStep, heightAnim, props.currentItemNum]);
+  }, [context.activeStep, previousStep]);
   function onClickHandler(_ref2) {
     let {
       event,
@@ -221,7 +203,7 @@ function StepItemButton(_ref4) {
     icon_size: "medium",
     icon_position: "right",
     inner_ref: inner_ref
-  }, props), children);
+  }, props), _react.default.createElement(_HeightAnimation.default, null, children));
 }
 function StepItemWrapper(_ref5) {
   let {

package/cjs/components/step-indicator/StepIndicatorItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorItem.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_HeightAnimationInstance","_Button","_Icon","_FormStatus","_StepIndicatorContext","_StepIndicatorProps","_excluded","_excluded2","_excluded3","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StepIndicatorItem","_ref","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","props","context","useContext","StepIndicatorContext","previousStep","setPreviousStep","useState","activeStep","heightAnim","useRef","HeightAnimationInstance","animate","no_animation","current","ref","thisReference","onClickHandler","useEffect","setElement","remove","useLayoutEffect","height","getHeight","currentItemNum","toHeight","getUnknownHeight","adjustTo","_ref2","event","item","params","current_step","currentStep","onClickItem","dispatchCustomElementEvent","onClickGlobal","setActiveStep","onChangeState","mode","filterAttributes","countSteps","listOfReachedSteps","hide_numbers","on_item_render","sidebar_id","step_title","title","is_current","status","on_render","on_click","attributes","includes","hasPassedAndIsCurrent","isNavigatable","isInactive","isVisited","id","makeUniqueId","ariaLabel","replace","isCurrent","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","_ref3","type","className","classnames","StepItemButton","inner_ref","_ref4","children","icons","info","InfoIcon","error","ErrorIcon","warn","WarnIcon","size","inherit_color","wrap","stretch","variant","icon_size","icon_position","_ref5","stepIndicatorDefaultProps","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorItem.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, {\n  HTMLProps,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n  makeUniqueId,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport Button, { ButtonProps } from '../button/Button'\nimport Icon, { IconIcon } from '../icon/Icon'\nimport { WarnIcon, InfoIcon, ErrorIcon } from '../form-status/FormStatus'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport {\n  StepIndicatorMouseEvent,\n  StepIndicatorRenderCallback,\n} from './StepIndicator'\n\nexport type StepIndicatorStatusState = 'warn' | 'info' | 'error'\nexport type StepIndicatorItemProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'title' | 'data'\n> & {\n  title: string | React.ReactNode\n  /**\n   * If set to true, this item step will be set as the current current selected step. This can be used instead of `current_step` on the component itself.\n   */\n  is_current?: boolean\n  /**\n   * If set to true, this item step will be handled as an inactive step and will not be clickable.\n   * Defaults to `false`\n   */\n  inactive?: boolean\n  /**\n   * If set to true, this item step will be visible as an disabled button and will not be clickable.\n   * Defaults to false.\n   */\n  disabled?: boolean\n  /**\n   * Is used to set the status text.\n   */\n  status?: string | React.ReactNode\n  /**\n   * Used to set the status state to be either `info`, `error` or `warn`.\n   * Defaults to `warn`.\n   */\n  status_state?: StepIndicatorStatusState\n  /**\n   * Callback function to manipulate or wrap the step item. Has to return a React Node. You receive an object `{ StepItem, element, attributes, props, context }`.\n   */\n  on_render?: ({\n    StepItem,\n    element,\n    attributes,\n    props,\n    context,\n  }: StepIndicatorRenderCallback) => React.ReactNode\n  /**\n   * Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step }`.\n   */\n  on_click?: ({\n    event,\n    item,\n    current_step,\n    currentStep,\n  }: StepIndicatorMouseEvent) => void\n  currentItemNum: number\n}\n\nfunction StepIndicatorItem({\n  status_state: status_state_default = 'warn',\n  inactive: inactive_default = false,\n  disabled: disabled_default = false,\n  ...restOfProps\n}: StepIndicatorItemProps) {\n  const props: StepIndicatorItemProps = {\n    status_state: status_state_default,\n    inactive: inactive_default,\n    disabled: disabled_default,\n    ...restOfProps,\n  }\n\n  const context = useContext(StepIndicatorContext)\n\n  const [previousStep, setPreviousStep] = useState<number>(\n    context.activeStep\n  )\n\n  const heightAnim = useRef(\n    new HeightAnimationInstance({\n      animate:\n        context?.no_animation !== undefined ? context.no_animation : false,\n    })\n  ).current\n\n  const ref = useRef(null)\n\n  const thisReference = {\n    context,\n    props,\n    onClickHandler,\n  }\n\n  // Mount and Dismount\n  useEffect(() => {\n    heightAnim.setElement(ref.current)\n\n    return () => {\n      heightAnim.remove()\n    }\n  }, [])\n\n  // Effect used to keep track of previous activeStep from context\n  useEffect(() => {\n    if (previousStep !== context.activeStep) {\n      setPreviousStep(context.activeStep)\n    }\n  }, [context.activeStep])\n\n  useLayoutEffect(() => {\n    const height = heightAnim.getHeight()\n\n    if (\n      previousStep !== context.activeStep &&\n      (props.currentItemNum === previousStep ||\n        props.currentItemNum === context.activeStep)\n    ) {\n      const toHeight = heightAnim.getUnknownHeight()\n      if (height !== toHeight) {\n        heightAnim.adjustTo(height, toHeight)\n      }\n    }\n  }, [previousStep, context.activeStep, heightAnim, props.currentItemNum])\n\n  function onClickHandler({ event, item, currentItemNum }) {\n    const params = {\n      event,\n      item,\n      current_step: currentItemNum,\n      currentStep: currentItemNum,\n    }\n\n    const onClickItem = dispatchCustomElementEvent(\n      thisReference,\n      'on_click',\n      params\n    )\n\n    const onClickGlobal = dispatchCustomElementEvent(\n      context,\n      'on_click',\n      params\n    )\n\n    if (onClickItem === false || onClickGlobal === false) {\n      return // stop here\n    }\n\n    if (context.activeStep !== currentItemNum) {\n      context.setActiveStep(currentItemNum)\n      if (typeof context.onChangeState === 'function') {\n        context.onChangeState()\n      }\n\n      dispatchCustomElementEvent(context, 'on_change', params)\n    }\n  }\n\n  const {\n    mode,\n    filterAttributes,\n    activeStep,\n    countSteps,\n    listOfReachedSteps,\n    hide_numbers,\n    on_item_render,\n    sidebar_id,\n    step_title,\n  } = context\n\n  const {\n    currentItemNum,\n\n    title,\n    is_current,\n    inactive,\n    disabled,\n    status,\n    status_state,\n\n    on_render,\n    on_click, // eslint-disable-line\n\n    ...attributes\n  } = props\n\n  Object.keys(attributes).forEach((key) => {\n    if (filterAttributes.includes(key)) {\n      delete attributes[key]\n    }\n  })\n\n  const hasPassedAndIsCurrent =\n    mode === 'loose' ||\n    currentItemNum <= activeStep ||\n    listOfReachedSteps.includes(currentItemNum)\n\n  const isNavigatable = mode === 'strict' || mode === 'loose'\n\n  let isInactive =\n    inactive || (mode === 'strict' && !hasPassedAndIsCurrent)\n\n  const isVisited = currentItemNum < activeStep\n\n  const id = `${sidebar_id || makeUniqueId()}-${currentItemNum}`\n  const ariaLabel = step_title\n    ?.replace('%step', String(currentItemNum + 1))\n    .replace('%count', String(countSteps))\n\n  const isCurrent = currentItemNum === activeStep\n\n  let element = (\n    <StepItemWrapper\n      number={currentItemNum + 1}\n      hide_numbers={hide_numbers}\n      status={status}\n    >\n      {title}\n    </StepItemWrapper>\n  ) as React.ReactNode\n\n  const callbackProps = {\n    StepItem: StepItemWrapper,\n    element,\n    attributes,\n    props,\n    context,\n  }\n\n  if (typeof on_render === 'function') {\n    element = on_render(callbackProps)\n  } else if (typeof on_item_render === 'function') {\n    element = on_item_render(callbackProps)\n  }\n\n  const itemParams = {} as HTMLProps<HTMLLIElement>\n  const buttonParams = {\n    icon: 'check',\n    status,\n    status_state,\n    'aria-describedby': id,\n  } as StepItemButtonProps\n\n  if (isCurrent) {\n    itemParams['aria-current'] = 'step'\n  }\n\n  if (disabled) {\n    buttonParams.disabled = true\n  }\n\n  if (isNavigatable && !isInactive) {\n    buttonParams.onClick = ({ event }: never) =>\n      onClickHandler({\n        event,\n        item: props,\n        currentItemNum,\n      })\n  }\n\n  if (!buttonParams.onClick) {\n    buttonParams.element = 'span'\n    buttonParams.type = ''\n    buttonParams.on_click = undefined\n    isInactive = true\n  }\n\n  return (\n    <li\n      {...itemParams}\n      className={classnames(\n        'dnb-step-indicator__item',\n        isCurrent && 'dnb-step-indicator__item--current',\n        isInactive && 'dnb-step-indicator__item--inactive',\n        isVisited && 'dnb-step-indicator__item--visited',\n        itemParams.className\n      )}\n    >\n      <StepItemButton {...buttonParams} inner_ref={ref}>\n        {element}\n      </StepItemButton>\n      <span id={id} aria-hidden className=\"dnb-sr-only\">\n        {ariaLabel}\n      </span>\n    </li>\n  )\n}\n\nexport type StepItemButtonProps = Omit<ButtonProps, 'status_state'> & {\n  status_state?: StepIndicatorStatusState\n}\n\nexport function StepItemButton({\n  children,\n  className,\n  status,\n  status_state,\n  inner_ref,\n  ...props\n}: StepItemButtonProps) {\n  const icons: Record<StepIndicatorStatusState, IconIcon> = {\n    info: InfoIcon,\n    error: ErrorIcon,\n    warn: WarnIcon,\n  }\n\n  if (status) {\n    props.icon = (\n      <Icon\n        icon={icons[status_state] || icons.warn}\n        className=\"dnb-button__icon\"\n        size=\"medium\"\n        inherit_color={false}\n      />\n    )\n  }\n\n  return (\n    <Button\n      className={classnames(\n        className,\n        status && 'dnb-step-indicator__button__status',\n        status && `dnb-step-indicator__button__status--${status_state}`\n      )}\n      wrap\n      stretch\n      variant=\"secondary\"\n      icon_size=\"medium\"\n      icon_position=\"right\"\n      inner_ref={inner_ref}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\n\nexport type StepItemWrapperProps = React.HTMLProps<HTMLElement> & {\n  children?: React.ReactNode\n  number?: number\n  /**\n   * Define whether to show automatically counted numbers or not. Defaults to `false`.\n   */\n  hide_numbers?: boolean\n  status?: string | React.ReactNode\n}\n\nexport function StepItemWrapper({\n  children,\n  number,\n  hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n  status,\n}: StepItemWrapperProps) {\n  return (\n    <span className=\"dnb-step-indicator__item-content\">\n      {!hide_numbers && (\n        <span\n          aria-hidden // because we provide the hidden aria-describedby\n          className=\"dnb-step-indicator__item-content__number\"\n        >\n          {number}.\n        </span>\n      )}\n      <span className=\"dnb-step-indicator__item-content__wrapper\">\n        <span className=\"dnb-step-indicator__item-content__text\">\n          {children}\n        </span>\n        {status && (\n          <span className=\"dnb-step-indicator__item-content__status\">\n            {status}\n          </span>\n        )}\n      </span>\n    </span>\n  )\n}\n\nexport default StepIndicatorItem\n"],"mappings":"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"}
+{"version":3,"file":"StepIndicatorItem.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_HeightAnimation","_Button","_Icon","_FormStatus","_StepIndicatorContext","_StepIndicatorProps","_excluded","_excluded2","_excluded3","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StepIndicatorItem","_ref","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","props","context","useContext","StepIndicatorContext","previousStep","setPreviousStep","useState","activeStep","ref","useRef","thisReference","onClickHandler","useEffect","_ref2","event","item","currentItemNum","params","current_step","currentStep","onClickItem","dispatchCustomElementEvent","onClickGlobal","setActiveStep","onChangeState","mode","filterAttributes","countSteps","listOfReachedSteps","hide_numbers","on_item_render","sidebar_id","step_title","title","is_current","status","on_render","on_click","attributes","includes","hasPassedAndIsCurrent","isNavigatable","isInactive","isVisited","id","makeUniqueId","ariaLabel","replace","isCurrent","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","_ref3","type","className","classnames","StepItemButton","inner_ref","_ref4","children","icons","info","InfoIcon","error","ErrorIcon","warn","WarnIcon","size","inherit_color","wrap","stretch","variant","icon_size","icon_position","_ref5","stepIndicatorDefaultProps","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorItem.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, {\n  HTMLProps,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n  makeUniqueId,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport Button, { ButtonProps } from '../button/Button'\nimport Icon, { IconIcon } from '../icon/Icon'\nimport { WarnIcon, InfoIcon, ErrorIcon } from '../form-status/FormStatus'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport {\n  StepIndicatorMouseEvent,\n  StepIndicatorRenderCallback,\n} from './StepIndicator'\n\nexport type StepIndicatorStatusState = 'warn' | 'info' | 'error'\nexport type StepIndicatorItemProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'title' | 'data'\n> & {\n  title: string | React.ReactNode\n  /**\n   * If set to true, this item step will be set as the current current selected step. This can be used instead of `current_step` on the component itself.\n   */\n  is_current?: boolean\n  /**\n   * If set to true, this item step will be handled as an inactive step and will not be clickable.\n   * Defaults to `false`\n   */\n  inactive?: boolean\n  /**\n   * If set to true, this item step will be visible as an disabled button and will not be clickable.\n   * Defaults to false.\n   */\n  disabled?: boolean\n  /**\n   * Is used to set the status text.\n   */\n  status?: string | React.ReactNode\n  /**\n   * Used to set the status state to be either `info`, `error` or `warn`.\n   * Defaults to `warn`.\n   */\n  status_state?: StepIndicatorStatusState\n  /**\n   * Callback function to manipulate or wrap the step item. Has to return a React Node. You receive an object `{ StepItem, element, attributes, props, context }`.\n   */\n  on_render?: ({\n    StepItem,\n    element,\n    attributes,\n    props,\n    context,\n  }: StepIndicatorRenderCallback) => React.ReactNode\n  /**\n   * Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step }`.\n   */\n  on_click?: ({\n    event,\n    item,\n    current_step,\n    currentStep,\n  }: StepIndicatorMouseEvent) => void\n  currentItemNum: number\n}\n\nfunction StepIndicatorItem({\n  status_state: status_state_default = 'warn',\n  inactive: inactive_default = false,\n  disabled: disabled_default = false,\n  ...restOfProps\n}: StepIndicatorItemProps) {\n  const props: StepIndicatorItemProps = {\n    status_state: status_state_default,\n    inactive: inactive_default,\n    disabled: disabled_default,\n    ...restOfProps,\n  }\n\n  const context = useContext(StepIndicatorContext)\n\n  const [previousStep, setPreviousStep] = useState<number>(\n    context.activeStep\n  )\n\n  const ref = useRef(null)\n\n  const thisReference = {\n    context,\n    props,\n    onClickHandler,\n  }\n\n  // Effect used to keep track of previous activeStep from context\n  useEffect(() => {\n    if (previousStep !== context.activeStep) {\n      setPreviousStep(context.activeStep)\n    }\n  }, [context.activeStep, previousStep])\n\n  function onClickHandler({ event, item, currentItemNum }) {\n    const params = {\n      event,\n      item,\n      current_step: currentItemNum,\n      currentStep: currentItemNum,\n    }\n\n    const onClickItem = dispatchCustomElementEvent(\n      thisReference,\n      'on_click',\n      params\n    )\n\n    const onClickGlobal = dispatchCustomElementEvent(\n      context,\n      'on_click',\n      params\n    )\n\n    if (onClickItem === false || onClickGlobal === false) {\n      return // stop here\n    }\n\n    if (context.activeStep !== currentItemNum) {\n      context.setActiveStep(currentItemNum)\n      if (typeof context.onChangeState === 'function') {\n        context.onChangeState()\n      }\n\n      dispatchCustomElementEvent(context, 'on_change', params)\n    }\n  }\n\n  const {\n    mode,\n    filterAttributes,\n    activeStep,\n    countSteps,\n    listOfReachedSteps,\n    hide_numbers,\n    on_item_render,\n    sidebar_id,\n    step_title,\n  } = context\n\n  const {\n    currentItemNum,\n\n    title,\n    is_current, // eslint-disable-line\n    inactive,\n    disabled,\n    status,\n    status_state,\n\n    on_render,\n    on_click, // eslint-disable-line\n\n    ...attributes\n  } = props\n\n  Object.keys(attributes).forEach((key) => {\n    if (filterAttributes.includes(key)) {\n      delete attributes[key]\n    }\n  })\n\n  const hasPassedAndIsCurrent =\n    mode === 'loose' ||\n    currentItemNum <= activeStep ||\n    listOfReachedSteps.includes(currentItemNum)\n\n  const isNavigatable = mode === 'strict' || mode === 'loose'\n\n  let isInactive =\n    inactive || (mode === 'strict' && !hasPassedAndIsCurrent)\n\n  const isVisited = currentItemNum < activeStep\n\n  const id = `${sidebar_id || makeUniqueId()}-${currentItemNum}`\n  const ariaLabel = step_title\n    ?.replace('%step', String(currentItemNum + 1))\n    .replace('%count', String(countSteps))\n\n  const isCurrent = currentItemNum === activeStep\n\n  let element = (\n    <StepItemWrapper\n      number={currentItemNum + 1}\n      hide_numbers={hide_numbers}\n      status={status}\n    >\n      {title}\n    </StepItemWrapper>\n  ) as React.ReactNode\n\n  const callbackProps = {\n    StepItem: StepItemWrapper,\n    element,\n    attributes,\n    props,\n    context,\n  }\n\n  if (typeof on_render === 'function') {\n    element = on_render(callbackProps)\n  } else if (typeof on_item_render === 'function') {\n    element = on_item_render(callbackProps)\n  }\n\n  const itemParams = {} as HTMLProps<HTMLLIElement>\n  const buttonParams = {\n    icon: 'check',\n    status,\n    status_state,\n    'aria-describedby': id,\n  } as StepItemButtonProps\n\n  if (isCurrent) {\n    itemParams['aria-current'] = 'step'\n  }\n\n  if (disabled) {\n    buttonParams.disabled = true\n  }\n\n  if (isNavigatable && !isInactive) {\n    buttonParams.onClick = ({ event }: never) =>\n      onClickHandler({\n        event,\n        item: props,\n        currentItemNum,\n      })\n  }\n\n  if (!buttonParams.onClick) {\n    buttonParams.element = 'span'\n    buttonParams.type = ''\n    buttonParams.on_click = undefined\n    isInactive = true\n  }\n\n  return (\n    <li\n      {...itemParams}\n      className={classnames(\n        'dnb-step-indicator__item',\n        isCurrent && 'dnb-step-indicator__item--current',\n        isInactive && 'dnb-step-indicator__item--inactive',\n        isVisited && 'dnb-step-indicator__item--visited',\n        itemParams.className\n      )}\n    >\n      <StepItemButton {...buttonParams} inner_ref={ref}>\n        {element}\n      </StepItemButton>\n      <span id={id} aria-hidden className=\"dnb-sr-only\">\n        {ariaLabel}\n      </span>\n    </li>\n  )\n}\n\nexport type StepItemButtonProps = Omit<ButtonProps, 'status_state'> & {\n  status_state?: StepIndicatorStatusState\n}\n\nexport function StepItemButton({\n  children,\n  className,\n  status,\n  status_state,\n  inner_ref,\n  ...props\n}: StepItemButtonProps) {\n  const icons: Record<StepIndicatorStatusState, IconIcon> = {\n    info: InfoIcon,\n    error: ErrorIcon,\n    warn: WarnIcon,\n  }\n\n  if (status) {\n    props.icon = (\n      <Icon\n        icon={icons[status_state] || icons.warn}\n        className=\"dnb-button__icon\"\n        size=\"medium\"\n        inherit_color={false}\n      />\n    )\n  }\n\n  return (\n    <Button\n      className={classnames(\n        className,\n        status && 'dnb-step-indicator__button__status',\n        status && `dnb-step-indicator__button__status--${status_state}`\n      )}\n      wrap\n      stretch\n      variant=\"secondary\"\n      icon_size=\"medium\"\n      icon_position=\"right\"\n      inner_ref={inner_ref}\n      {...props}\n    >\n      <HeightAnimation>{children}</HeightAnimation>\n    </Button>\n  )\n}\n\nexport type StepItemWrapperProps = React.HTMLProps<HTMLElement> & {\n  children?: React.ReactNode\n  number?: number\n  /**\n   * Define whether to show automatically counted numbers or not. Defaults to `false`.\n   */\n  hide_numbers?: boolean\n  status?: string | React.ReactNode\n}\n\nexport function StepItemWrapper({\n  children,\n  number,\n  hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n  status,\n}: StepItemWrapperProps) {\n  return (\n    <span className=\"dnb-step-indicator__item-content\">\n      {!hide_numbers && (\n        <span\n          aria-hidden // because we provide the hidden aria-describedby\n          className=\"dnb-step-indicator__item-content__number\"\n        >\n          {number}.\n        </span>\n      )}\n      <span className=\"dnb-step-indicator__item-content__wrapper\">\n        <span className=\"dnb-step-indicator__item-content__text\">\n          {children}\n        </span>\n        {status && (\n          <span className=\"dnb-step-indicator__item-content__status\">\n            {status}\n          </span>\n        )}\n      </span>\n    </span>\n  )\n}\n\nexport default StepIndicatorItem\n"],"mappings":"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"}

package/cjs/components/step-indicator/StepIndicatorTriggerButton.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("../button/Button"));
 var _chevron_right_medium = _interopRequireDefault(require("../../icons/chevron_right_medium"));
 var _componentHelper = require("../../shared/component-helper");
-var _HeightAnimationInstance = _interopRequireDefault(require("../height-animation/HeightAnimationInstance"));
+var _HeightAnimation = _interopRequireDefault(require("../height-animation/HeightAnimation"));
 var _SpacingHelper = require("../space/SpacingHelper");
 var _FormLabel = _interopRequireDefault(require("../form-label/FormLabel"));
 var _StepIndicatorContext = _interopRequireDefault(require("./StepIndicatorContext"));
@@ -31,20 +31,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function StepIndicatorTriggerButton(props) {
   const context = (0, _react.useContext)(_StepIndicatorContext.default);
   const buttonRef = (0, _react.useRef)((props === null || props === void 0 ? void 0 : props.inner_ref) || null);
-  const heightAnim = (0, _react.useRef)(new _HeightAnimationInstance.default({
-    animate: !(context !== null && context !== void 0 && context.no_animation)
-  })).current;
-  (0, _react.useEffect)(() => {
-    heightAnim.setElement(buttonRef.current);
-    return () => {
-      heightAnim.remove();
-    };
-  }, []);
-  (0, _react.useLayoutEffect)(() => {
-    const height = heightAnim.getHeight();
-    const toHeight = heightAnim.getUnknownHeight();
-    heightAnim.adjustTo(height, toHeight);
-  }, [context.activeStep, heightAnim]);
   const item = context.data[context.activeStep || 0];
   const label = context.stepsLabel;
   const {
@@ -85,7 +71,7 @@ function StepIndicatorTriggerButton(props) {
   }), _react.default.createElement(_StepIndicatorItem.StepItemWrapper, {
     number: (context.activeStep || 0) + 1,
     hide_numbers: context.hide_numbers
-  }, (typeof item === 'string' ? item : item && item.title) || '')));
+  }, _react.default.createElement(_HeightAnimation.default, null, (typeof item === 'string' ? item : item && item.title) || ''))));
 }
 var _default = StepIndicatorTriggerButton;
 exports.default = _default;