@dnb/eufemia 10.18.0 → 10.19.0

package/cjs/components/breadcrumb/Breadcrumb.js

@@ -17,7 +17,6 @@ var _SkeletonHelper = require("../skeleton/SkeletonHelper");
 var _SpacingHelper = require("../space/SpacingHelper");
 var _Section = _interopRequireDefault(require("../section/Section"));
 var _Button = _interopRequireDefault(require("../button/Button"));
-var _shared = require("../../shared");
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
 var _componentHelper = require("../../shared/component-helper");
@@ -69,16 +68,10 @@ const Breadcrumb = localProps => {
   const skeletonClasses = (0, _SkeletonHelper.createSkeletonClass)('font', skeleton, context);
   const spacingClasses = (0, _SpacingHelper.createSpacingClasses)(props);
   const [isCollapsed, setCollapse] = (0, _react.useState)(overrideIsCollapsed);
-  const isSmallScreen = (0, _shared.useMediaQuery)({
-    matchOnSSR: true,
-    when: {
-      max: 'medium'
-    }
-  });
   let currentVariant = variant;
   if (!variant) {
     if (items || data) {
-      currentVariant = isSmallScreen ? 'collapse' : 'multiple';
+      currentVariant = 'multiple';
     } else {
       currentVariant = 'single';
     }
@@ -90,12 +83,20 @@ const Breadcrumb = localProps => {
   const innerSpacing = (0, _componentHelper.isTrue)(spacing) ? 'small' : spacing;
   return _react.default.createElement("nav", _extends({
     "aria-label": (0, _componentHelper.convertJsxToString)(navText),
-    className: (0, _classnames.default)('dnb-breadcrumb', skeletonClasses, spacingClasses, className)
+    className: (0, _classnames.default)(`dnb-breadcrumb dnb-breadcrumb--variant-${currentVariant}`, skeletonClasses, spacingClasses, className)
   }, props), _react.default.createElement(_Section.default, {
     className: "dnb-breadcrumb__bar",
     style_type: styleType || 'transparent',
     spacing: innerSpacing
-  }, currentVariant === 'collapse' && _react.default.createElement(_Button.default, {
+  }, currentVariant === 'single' ? _react.default.createElement(_Button.default, {
+    text: goBackText,
+    variant: "tertiary",
+    icon: "chevron_left",
+    icon_position: "left",
+    onClick: onClick,
+    href: href
+  }) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Button.default, {
+    className: "dnb-breadcrumb__toggle",
     text: backToText,
     variant: "tertiary",
     icon: "chevron_left",
@@ -104,19 +105,12 @@ const Breadcrumb = localProps => {
       setCollapse(!isCollapsed);
     }),
     "aria-expanded": !isCollapsed
-  }), currentVariant === 'single' && _react.default.createElement(_Button.default, {
-    text: goBackText,
-    variant: "tertiary",
-    icon: "chevron_left",
-    icon_position: "left",
-    onClick: onClick,
-    href: href
-  }), currentVariant === 'multiple' && _react.default.createElement(_BreadcrumbMultiple.BreadcrumbMultiple, {
+  }), currentVariant !== 'collapse' && _react.default.createElement(_BreadcrumbMultiple.BreadcrumbMultiple, {
     data: data,
     items: items,
     isCollapsed: false,
     noAnimation: noAnimation
-  })), currentVariant === 'collapse' && _react.default.createElement(_Section.default, {
+  }))), _react.default.createElement(_Section.default, {
     variant: collapsedStyleType,
     className: "dnb-breadcrumb__collapse"
   }, _react.default.createElement(_BreadcrumbMultiple.BreadcrumbMultiple, {

package/cjs/components/breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_SkeletonHelper","_SpacingHelper","_Section","_Button","_shared","_Context","_BreadcrumbItem","_componentHelper","_BreadcrumbMultiple","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","defaultProps","skeleton","navText","goBackText","homeText","backToText","isCollapsed","styleType","collapsedStyleType","spacing","exports","Breadcrumb","localProps","_context$translation","context","React","useContext","Context","allProps","extendPropsWithContext","translation","className","children","items","variant","onClick","overrideIsCollapsed","noAnimation","data","href","props","skeletonClasses","createSkeletonClass","spacingClasses","createSpacingClasses","setCollapse","useState","isSmallScreen","useMediaQuery","matchOnSSR","when","max","currentVariant","useEffect","validateDOMAttributes","innerSpacing","isTrue","createElement","convertJsxToString","classnames","style_type","text","icon","icon_position","BreadcrumbMultiple","Item","BreadcrumbItem","_supportsSpacingProps","_default"],"sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Section, {\n  SectionSpacing,\n  SectionStyleTypes,\n} from '../section/Section'\nimport Button from '../button/Button'\n\n// Shared\nimport { useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\n// Internal\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\nimport {\n  convertJsxToString,\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { BreadcrumbMultiple } from './BreadcrumbMultiple'\n\nexport type BreadcrumbProps = {\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Pass in a list of your pages as objects of breadcrumbitem to render them as breadcrumbitems.\n   * Default: null\n   */\n  data?: Array<BreadcrumbItemProps>\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n\n  /**\n   * The variant of the component.\n   * Default: When children and data is not defined, it defaults to \"single\". If they are defined, the variant depends on the viewport.\n   */\n  variant?: 'single' | 'multiple' | 'collapse'\n\n  /**\n   * Handle the click event on 'single'/'collapse'\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * For variant 'single', use href (or onClick) to set href when clicking \"Back\"\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Every <nav> on a page needs an unique aria-label text\n   * Default: Page hierarchy\n   */\n  navText?: React.ReactNode\n\n  /**\n   * Add custom 'Back' text for variant 'single'\n   * Default: 'Back' or defined by Context translation\n   */\n  goBackText?: React.ReactNode\n\n  /**\n   * Add custom 'Home' text\n   * Default: 'Home' or defined by Context translation\n   */\n  homeText?: React.ReactNode\n\n  /**\n   * Add custom 'Back to...' text, for variant collapse\n   * Default 'Back to...' or defined by Context translation\n   */\n  backToText?: React.ReactNode\n\n  /**\n   * If variant='collapse', you can override isCollapsed for the collapsed content by updating this value.\n   * Default: null\n   */\n  isCollapsed?: boolean\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: transparent\n   */\n  styleType?: SectionStyleTypes\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: pistachio\n   */\n  collapsedStyleType?: SectionStyleTypes\n\n  /**\n   * Include spacing properties from the Section component in breadcrumb. If only `true` is given, the spacing will be `small`.\n   * Default: false\n   */\n  spacing?: SectionSpacing\n\n  /**\n   * Will disable the height animation\n   * Default: false\n   */\n  noAnimation?: boolean\n}\n\nexport const defaultProps = {\n  skeleton: false,\n  navText: 'Back',\n  goBackText: 'Back',\n  homeText: 'Home',\n  backToText: 'Back to...',\n  isCollapsed: true,\n  styleType: 'transparent',\n  collapsedStyleType: 'info',\n  spacing: false,\n}\n\nconst Breadcrumb = (localProps: BreadcrumbProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.translation?.Breadcrumb,\n    context?.Breadcrumb,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    className,\n    skeleton,\n    children: items,\n    variant,\n    onClick,\n    navText, // has a translation in context\n    goBackText, // has a translation in context\n    homeText, // eslint-disable-line\n    backToText, // has a translation in context\n    styleType,\n    collapsedStyleType,\n    isCollapsed: overrideIsCollapsed,\n    spacing,\n    noAnimation,\n    data,\n    href,\n    ...props\n  } = allProps\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const [isCollapsed, setCollapse] = useState(overrideIsCollapsed)\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  let currentVariant = variant\n  if (!variant) {\n    if (items || data) {\n      currentVariant = isSmallScreen ? 'collapse' : 'multiple'\n    } else {\n      currentVariant = 'single'\n    }\n  }\n\n  useEffect(() => {\n    setCollapse(overrideIsCollapsed)\n  }, [overrideIsCollapsed])\n\n  validateDOMAttributes(allProps, props)\n\n  const innerSpacing = isTrue(spacing) ? 'small' : spacing\n\n  return (\n    <nav\n      aria-label={convertJsxToString(navText)}\n      className={classnames(\n        'dnb-breadcrumb',\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      <Section\n        className=\"dnb-breadcrumb__bar\"\n        style_type={styleType || 'transparent'}\n        spacing={innerSpacing}\n      >\n        {currentVariant === 'collapse' && (\n          <Button\n            text={backToText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={\n              onClick ||\n              (() => {\n                setCollapse(!isCollapsed)\n              })\n            }\n            aria-expanded={!isCollapsed}\n          />\n        )}\n\n        {currentVariant === 'single' && (\n          <Button\n            text={goBackText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={onClick}\n            href={href}\n          />\n        )}\n\n        {currentVariant === 'multiple' && (\n          <BreadcrumbMultiple\n            data={data}\n            items={items}\n            isCollapsed={false}\n            noAnimation={noAnimation}\n          />\n        )}\n      </Section>\n\n      {currentVariant === 'collapse' && (\n        <Section\n          variant={collapsedStyleType}\n          className=\"dnb-breadcrumb__collapse\"\n        >\n          <BreadcrumbMultiple\n            data={data}\n            items={items}\n            isCollapsed={isCollapsed}\n            noAnimation={noAnimation}\n          />\n        </Section>\n      )}\n    </nav>\n  )\n}\n\nBreadcrumb.Item = BreadcrumbItem\n\nexport { BreadcrumbItem }\n\nBreadcrumb._supportsSpacingProps = true\n\nexport default Breadcrumb\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_SkeletonHelper","_SpacingHelper","_Section","_Button","_Context","_BreadcrumbItem","_componentHelper","_BreadcrumbMultiple","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","defaultProps","skeleton","navText","goBackText","homeText","backToText","isCollapsed","styleType","collapsedStyleType","spacing","exports","Breadcrumb","localProps","_context$translation","context","React","useContext","Context","allProps","extendPropsWithContext","translation","className","children","items","variant","onClick","overrideIsCollapsed","noAnimation","data","href","props","skeletonClasses","createSkeletonClass","spacingClasses","createSpacingClasses","setCollapse","useState","currentVariant","useEffect","validateDOMAttributes","innerSpacing","isTrue","createElement","convertJsxToString","classnames","style_type","text","icon","icon_position","Fragment","BreadcrumbMultiple","Item","BreadcrumbItem","_supportsSpacingProps","_default"],"sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Section, {\n  SectionSpacing,\n  SectionStyleTypes,\n} from '../section/Section'\nimport Button from '../button/Button'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\n// Internal\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\nimport {\n  convertJsxToString,\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { BreadcrumbMultiple } from './BreadcrumbMultiple'\n\nexport type BreadcrumbProps = {\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Pass in a list of your pages as objects of breadcrumbitem to render them as breadcrumbitems.\n   * Default: null\n   */\n  data?: Array<BreadcrumbItemProps>\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n\n  /**\n   * The variant of the component.\n   * Default: When children and data is not defined, it defaults to \"single\". If they are defined, the variant depends on the viewport.\n   */\n  variant?: 'single' | 'multiple' | 'collapse'\n\n  /**\n   * Handle the click event on 'single'/'collapse'\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * For variant 'single', use href (or onClick) to set href when clicking \"Back\"\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Every <nav> on a page needs an unique aria-label text\n   * Default: Page hierarchy\n   */\n  navText?: React.ReactNode\n\n  /**\n   * Add custom 'Back' text for variant 'single'\n   * Default: 'Back' or defined by Context translation\n   */\n  goBackText?: React.ReactNode\n\n  /**\n   * Add custom 'Home' text\n   * Default: 'Home' or defined by Context translation\n   */\n  homeText?: React.ReactNode\n\n  /**\n   * Add custom 'Back to...' text, for variant collapse\n   * Default 'Back to...' or defined by Context translation\n   */\n  backToText?: React.ReactNode\n\n  /**\n   * If variant='collapse', you can override isCollapsed for the collapsed content by updating this value.\n   * Default: null\n   */\n  isCollapsed?: boolean\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: transparent\n   */\n  styleType?: SectionStyleTypes\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: pistachio\n   */\n  collapsedStyleType?: SectionStyleTypes\n\n  /**\n   * Include spacing properties from the Section component in breadcrumb. If only `true` is given, the spacing will be `small`.\n   * Default: false\n   */\n  spacing?: SectionSpacing\n\n  /**\n   * Will disable the height animation\n   * Default: false\n   */\n  noAnimation?: boolean\n}\n\nexport const defaultProps = {\n  skeleton: false,\n  navText: 'Back',\n  goBackText: 'Back',\n  homeText: 'Home',\n  backToText: 'Back to...',\n  isCollapsed: true,\n  styleType: 'transparent',\n  collapsedStyleType: 'info',\n  spacing: false,\n}\n\nconst Breadcrumb = (localProps: BreadcrumbProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.translation?.Breadcrumb,\n    context?.Breadcrumb,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    className,\n    skeleton,\n    children: items,\n    variant,\n    onClick,\n    navText, // has a translation in context\n    goBackText, // has a translation in context\n    homeText, // eslint-disable-line\n    backToText, // has a translation in context\n    styleType,\n    collapsedStyleType,\n    isCollapsed: overrideIsCollapsed,\n    spacing,\n    noAnimation,\n    data,\n    href,\n    ...props\n  } = allProps\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const [isCollapsed, setCollapse] = useState(overrideIsCollapsed)\n\n  let currentVariant = variant\n  if (!variant) {\n    if (items || data) {\n      currentVariant = 'multiple'\n    } else {\n      currentVariant = 'single'\n    }\n  }\n\n  useEffect(() => {\n    setCollapse(overrideIsCollapsed)\n  }, [overrideIsCollapsed])\n\n  validateDOMAttributes(allProps, props)\n\n  const innerSpacing = isTrue(spacing) ? 'small' : spacing\n\n  return (\n    <nav\n      aria-label={convertJsxToString(navText)}\n      className={classnames(\n        'dnb-breadcrumb',\n        `dnb-breadcrumb--variant-${currentVariant}`,\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      <Section\n        className=\"dnb-breadcrumb__bar\"\n        style_type={styleType || 'transparent'}\n        spacing={innerSpacing}\n      >\n        {currentVariant === 'single' ? (\n          <Button\n            text={goBackText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={onClick}\n            href={href}\n          />\n        ) : (\n          <>\n            <Button\n              className=\"dnb-breadcrumb__toggle\"\n              text={backToText}\n              variant=\"tertiary\"\n              icon=\"chevron_left\"\n              icon_position=\"left\"\n              onClick={\n                onClick ||\n                (() => {\n                  setCollapse(!isCollapsed)\n                })\n              }\n              aria-expanded={!isCollapsed}\n            />\n\n            {currentVariant !== 'collapse' && (\n              <BreadcrumbMultiple\n                data={data}\n                items={items}\n                isCollapsed={false}\n                noAnimation={noAnimation}\n              />\n            )}\n          </>\n        )}\n      </Section>\n\n      <Section\n        variant={collapsedStyleType}\n        className=\"dnb-breadcrumb__collapse\"\n      >\n        <BreadcrumbMultiple\n          data={data}\n          items={items}\n          isCollapsed={isCollapsed}\n          noAnimation={noAnimation}\n        />\n      </Section>\n    </nav>\n  )\n}\n\nBreadcrumb.Item = BreadcrumbItem\nBreadcrumb._supportsSpacingProps = true\n\nexport { BreadcrumbItem }\nexport default Breadcrumb\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AAIA,IAAAM,OAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAGA,IAAAO,QAAA,GAAAL,sBAAA,CAAAF,OAAA;AAKA,IAAAQ,eAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,gBAAA,GAAAT,OAAA;AAMA,IAAAU,mBAAA,GAAAV,OAAA;AAAyD,MAAAW,SAAA;AAAA,SAAAT,uBAAAU,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,SAAAjB,wBAAAa,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,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAsGlD,MAAMe,YAAY,GAAG;EAC1BC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,YAAY;EACxBC,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,aAAa;EACxBC,kBAAkB,EAAE,MAAM;EAC1BC,OAAO,EAAE;AACX,CAAC;AAAAC,OAAA,CAAAV,YAAA,GAAAA,YAAA;AAED,MAAMW,UAAU,GAAIC,UAA0C,IAAK;EAAA,IAAAC,oBAAA;EAEjE,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,gBAAO,CAAC;EAGzC,MAAMC,QAAQ,GAAG,IAAAC,uCAAsB,EACrCP,UAAU,EACVZ,YAAY,EACZc,OAAO,aAAPA,OAAO,wBAAAD,oBAAA,GAAPC,OAAO,CAAEM,WAAW,cAAAP,oBAAA,uBAApBA,oBAAA,CAAsBF,UAAU,EAChCG,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEH,UAAU,EACnB;IAAEV,QAAQ,EAAEa,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEb;EAAS,CAChC,CAAC;EAED,MAAM;MACJoB,SAAS;MACTpB,QAAQ;MACRqB,QAAQ,EAAEC,KAAK;MACfC,OAAO;MACPC,OAAO;MACPvB,OAAO;MACPC,UAAU;MACVC,QAAQ;MACRC,UAAU;MACVE,SAAS;MACTC,kBAAkB;MAClBF,WAAW,EAAEoB,mBAAmB;MAChCjB,OAAO;MACPkB,WAAW;MACXC,IAAI;MACJC;IAEF,CAAC,GAAGX,QAAQ;IADPY,KAAK,GAAAvC,wBAAA,CACN2B,QAAQ,EAAA3D,SAAA;EACZ,MAAMwE,eAAe,GAAG,IAAAC,mCAAmB,EAAC,MAAM,EAAE/B,QAAQ,EAAEa,OAAO,CAAC;EACtE,MAAMmB,cAAc,GAAG,IAAAC,mCAAoB,EAACJ,KAAK,CAAC;EAElD,MAAM,CAACxB,WAAW,EAAE6B,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAACV,mBAAmB,CAAC;EAEhE,IAAIW,cAAc,GAAGb,OAAO;EAC5B,IAAI,CAACA,OAAO,EAAE;IACZ,IAAID,KAAK,IAAIK,IAAI,EAAE;MACjBS,cAAc,GAAG,UAAU;IAC7B,CAAC,MAAM;MACLA,cAAc,GAAG,QAAQ;IAC3B;EACF;EAEA,IAAAC,gBAAS,EAAC,MAAM;IACdH,WAAW,CAACT,mBAAmB,CAAC;EAClC,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,IAAAa,sCAAqB,EAACrB,QAAQ,EAAEY,KAAK,CAAC;EAEtC,MAAMU,YAAY,GAAG,IAAAC,uBAAM,EAAChC,OAAO,CAAC,GAAG,OAAO,GAAGA,OAAO;EAExD,OACE/D,MAAA,CAAAgB,OAAA,CAAAgF,aAAA,QAAA5D,QAAA;IACE,cAAY,IAAA6D,mCAAkB,EAACzC,OAAO,CAAE;IACxCmB,SAAS,EAAE,IAAAuB,mBAAU,4CAEQP,cAAe,IAC1CN,eAAe,EACfE,cAAc,EACdZ,SACF;EAAE,GACES,KAAK,GAETpF,MAAA,CAAAgB,OAAA,CAAAgF,aAAA,CAACzF,QAAA,CAAAS,OAAO;IACN2D,SAAS,EAAC,qBAAqB;IAC/BwB,UAAU,EAAEtC,SAAS,IAAI,aAAc;IACvCE,OAAO,EAAE+B;EAAa,GAErBH,cAAc,KAAK,QAAQ,GAC1B3F,MAAA,CAAAgB,OAAA,CAAAgF,aAAA,CAACxF,OAAA,CAAAQ,OAAM;IACLoF,IAAI,EAAE3C,UAAW;IACjBqB,OAAO,EAAC,UAAU;IAClBuB,IAAI,EAAC,cAAc;IACnBC,aAAa,EAAC,MAAM;IACpBvB,OAAO,EAAEA,OAAQ;IACjBI,IAAI,EAAEA;EAAK,CACZ,CAAC,GAEFnF,MAAA,CAAAgB,OAAA,CAAAgF,aAAA,CAAAhG,MAAA,CAAAgB,OAAA,CAAAuF,QAAA,QACEvG,MAAA,CAAAgB,OAAA,CAAAgF,aAAA,CAACxF,OAAA,CAAAQ,OAAM;IACL2D,SAAS,EAAC,wBAAwB;IAClCyB,IAAI,EAAEzC,UAAW;IACjBmB,OAAO,EAAC,UAAU;IAClBuB,IAAI,EAAC,cAAc;IACnBC,aAAa,EAAC,MAAM;IACpBvB,OAAO,EACLA,OAAO,KACN,MAAM;MACLU,WAAW,CAAC,CAAC7B,WAAW,CAAC;IAC3B,CAAC,CACF;IACD,iBAAe,CAACA;EAAY,CAC7B,CAAC,EAED+B,cAAc,KAAK,UAAU,IAC5B3F,MAAA,CAAAgB,OAAA,CAAAgF,aAAA,CAACpF,mBAAA,CAAA4F,kBAAkB;IACjBtB,IAAI,EAAEA,IAAK;IACXL,KAAK,EAAEA,KAAM;IACbjB,WAAW,EAAE,KAAM;IACnBqB,WAAW,EAAEA;EAAY,CAC1B,CAEH,CAEG,CAAC,EAEVjF,MAAA,CAAAgB,OAAA,CAAAgF,aAAA,CAACzF,QAAA,CAAAS,OAAO;IACN8D,OAAO,EAAEhB,kBAAmB;IAC5Ba,SAAS,EAAC;EAA0B,GAEpC3E,MAAA,CAAAgB,OAAA,CAAAgF,aAAA,CAACpF,mBAAA,CAAA4F,kBAAkB;IACjBtB,IAAI,EAAEA,IAAK;IACXL,KAAK,EAAEA,KAAM;IACbjB,WAAW,EAAEA,WAAY;IACzBqB,WAAW,EAAEA;EAAY,CAC1B,CACM,CACN,CAAC;AAEV,CAAC;AAEDhB,UAAU,CAACwC,IAAI,GAAGC,uBAAc;AAChCzC,UAAU,CAAC0C,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAGxB3C,UAAU;AAAAD,OAAA,CAAAhD,OAAA,GAAA4F,QAAA"}

package/cjs/components/breadcrumb/BreadcrumbItem.js

@@ -18,6 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
 const defaultProps = {
   text: null,
   href: null,
@@ -64,10 +65,15 @@ const BreadcrumbItem = localProps => {
       max: 'medium'
     }
   });
-  let currentIcon = icon || variant === 'home' && _home.default || 'chevron_left';
-  if ((theme === null || theme === void 0 ? void 0 : theme.name) === 'sbanken') {
-    currentIcon = icon || determineSbankenIcon(variant, isSmallScreen);
-  }
+  const [currentIcon, setCurrentIcon] = _react.default.useState(null);
+  useLayoutEffect(() => {
+    if (!icon && (theme === null || theme === void 0 ? void 0 : theme.name) === 'sbanken') {
+      const currentIcon = determineSbankenIcon(variant, isSmallScreen);
+      setCurrentIcon(currentIcon);
+    } else {
+      setCurrentIcon(icon || variant === 'home' && _home.default || 'chevron_left');
+    }
+  }, [icon, isSmallScreen, theme === null || theme === void 0 ? void 0 : theme.name, variant]);
   const currentText = text || variant === 'home' && homeText || '';
   const isInteractive = (href || onClick || props.to) && variant !== 'current';
   const style = {
@@ -87,7 +93,7 @@ const BreadcrumbItem = localProps => {
     skeleton: skeleton
   }, props)) : _react.default.createElement("span", _extends({
     className: "dnb-breadcrumb__item__span"
-  }, (0, _componentHelper.filterProps)(props, key => !key.includes('-'))), _react.default.createElement(_IconPrimary.default, {
+  }, (0, _componentHelper.filterProps)(props, key => !key.includes('-'))), currentIcon && _react.default.createElement(_IconPrimary.default, {
     icon: currentIcon,
     className: "dnb-breadcrumb__item__span__icon"
   }), _react.default.createElement(_P.default, {

package/cjs/components/breadcrumb/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","names":["_react","_interopRequireDefault","require","_Button","_IconPrimary","_P","_home","_shared","_Context","_componentHelper","_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","defaultProps","text","href","icon","onClick","variant","skeleton","determineSbankenIcon","isSmallScreen","homeIcon","BreadcrumbItem","localProps","context","React","useContext","Context","translation","Breadcrumb","homeText","_extendPropsWithConte","extendPropsWithContext","itemNr","props","theme","useTheme","useMediaQuery","matchOnSSR","when","max","currentIcon","name","currentText","isInteractive","to","style","String","createElement","className","undefined","icon_position","on_click","filterProps","includes","space","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import React from 'react'\n\n// Components\nimport Button, { ButtonProps } from '../button/Button'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\n\n// Elements\nimport P from '../../elements/P'\n\n// Icons\nimport homeIcon from '../../icons/home'\n\n// Shared\nimport { useTheme, useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  extendPropsWithContext,\n  filterProps,\n} from '../../shared/component-helper'\n\nexport type BreadcrumbItemProps = {\n  /**\n   * Text displaying the title of the item's corresponding page\n   * Default: If variant='home', default is \"Home\". Otherwise it is required.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Icon displaying on the left side\n   * Default: HomeIcon / chevron_left\n   */\n  icon?: IconIcon\n\n  /**\n   * Href should be the link to the item's corresponding page.\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Set a custom click event. In this case, you should not define the prop href.\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * The component variant. Variant 'current' should correspond to the current page and 'home' to the root page.\n   * Default: null\n   */\n  variant?: 'home' | 'previous' | 'current'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /** Internal */\n  itemNr?: number\n} & Omit<ButtonProps, 'variant'>\n\nconst defaultProps = {\n  text: null,\n  href: null,\n  icon: null,\n  onClick: null,\n  variant: null,\n  skeleton: null,\n}\n\nconst determineSbankenIcon: IconIcon = (\n  variant: string,\n  isSmallScreen: boolean\n) => {\n  switch (variant) {\n    case 'home':\n      return homeIcon\n    case 'single':\n    case 'collapse':\n      return 'chevron_left'\n    default:\n      return isSmallScreen ? 'chevron_left' : 'chevron_right'\n  }\n}\n\nconst BreadcrumbItem = (localProps: BreadcrumbItemProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    translation: {\n      Breadcrumb: { homeText },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const {\n    text,\n    href,\n    icon,\n    onClick,\n    variant,\n    skeleton,\n    itemNr,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.BreadcrumbItem\n  )\n\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  let currentIcon =\n    icon || (variant === 'home' && homeIcon) || 'chevron_left'\n  if (theme?.name === 'sbanken') {\n    currentIcon = icon || determineSbankenIcon(variant, isSmallScreen)\n  }\n  const currentText = text || (variant === 'home' && homeText) || ''\n  const isInteractive =\n    (href || onClick || props.to) && variant !== 'current'\n  const style = { '--delay': String(itemNr) } as React.CSSProperties\n\n  return (\n    <li\n      className=\"dnb-breadcrumb__item\"\n      aria-current={variant === 'current' ? 'page' : undefined}\n      style={style}\n    >\n      {isInteractive ? (\n        <Button\n          variant=\"tertiary\"\n          href={href}\n          icon={currentIcon}\n          icon_position=\"left\"\n          on_click={onClick}\n          text={currentText}\n          skeleton={skeleton}\n          {...props}\n        />\n      ) : (\n        <span\n          className=\"dnb-breadcrumb__item__span\"\n          // TODO: Consider deprecating passing down props to span in v11\n          {...filterProps(props, (key) => !key.includes('-'))}\n        >\n          <IconPrimary\n            icon={currentIcon}\n            className=\"dnb-breadcrumb__item__span__icon\"\n          />\n          <P space=\"0\">{currentText}</P>\n        </span>\n      )}\n    </li>\n  )\n}\n\nBreadcrumbItem._supportsSpacingProps = true\n\nexport default BreadcrumbItem\n"],"mappings":"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"}
+{"version":3,"file":"BreadcrumbItem.js","names":["_react","_interopRequireDefault","require","_Button","_IconPrimary","_P","_home","_shared","_Context","_componentHelper","_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","useLayoutEffect","window","React","useEffect","defaultProps","text","href","icon","onClick","variant","skeleton","determineSbankenIcon","isSmallScreen","homeIcon","BreadcrumbItem","localProps","context","useContext","Context","translation","Breadcrumb","homeText","_extendPropsWithConte","extendPropsWithContext","itemNr","props","theme","useTheme","useMediaQuery","matchOnSSR","when","max","currentIcon","setCurrentIcon","useState","name","currentText","isInteractive","to","style","String","createElement","className","undefined","icon_position","on_click","filterProps","includes","space","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import React from 'react'\n\n// Components\nimport Button, { ButtonProps } from '../button/Button'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\n\n// Elements\nimport P from '../../elements/P'\n\n// Icons\nimport homeIcon from '../../icons/home'\n\n// Shared\nimport { useTheme, useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  extendPropsWithContext,\n  filterProps,\n} from '../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type BreadcrumbItemProps = {\n  /**\n   * Text displaying the title of the item's corresponding page\n   * Default: If variant='home', default is \"Home\". Otherwise it is required.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Icon displaying on the left side\n   * Default: HomeIcon / chevron_left\n   */\n  icon?: IconIcon\n\n  /**\n   * Href should be the link to the item's corresponding page.\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Set a custom click event. In this case, you should not define the prop href.\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * The component variant. Variant 'current' should correspond to the current page and 'home' to the root page.\n   * Default: null\n   */\n  variant?: 'home' | 'previous' | 'current'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /** Internal */\n  itemNr?: number\n} & Omit<ButtonProps, 'variant'>\n\nconst defaultProps = {\n  text: null,\n  href: null,\n  icon: null,\n  onClick: null,\n  variant: null,\n  skeleton: null,\n}\n\nconst determineSbankenIcon: IconIcon = (\n  variant: string,\n  isSmallScreen: boolean\n) => {\n  switch (variant) {\n    case 'home':\n      return homeIcon\n    case 'single':\n    case 'collapse':\n      return 'chevron_left'\n    default:\n      return isSmallScreen ? 'chevron_left' : 'chevron_right'\n  }\n}\n\nconst BreadcrumbItem = (localProps: BreadcrumbItemProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    translation: {\n      Breadcrumb: { homeText },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const {\n    text,\n    href,\n    icon,\n    onClick,\n    variant,\n    skeleton,\n    itemNr,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.BreadcrumbItem\n  )\n\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  const [currentIcon, setCurrentIcon] = React.useState(null)\n\n  useLayoutEffect(() => {\n    if (!icon && theme?.name === 'sbanken') {\n      const currentIcon = determineSbankenIcon(variant, isSmallScreen)\n      setCurrentIcon(currentIcon)\n    } else {\n      setCurrentIcon(\n        icon || (variant === 'home' && homeIcon) || 'chevron_left'\n      )\n    }\n  }, [icon, isSmallScreen, theme?.name, variant])\n\n  const currentText = text || (variant === 'home' && homeText) || ''\n  const isInteractive =\n    (href || onClick || props.to) && variant !== 'current'\n  const style = { '--delay': String(itemNr) } as React.CSSProperties\n\n  return (\n    <li\n      className=\"dnb-breadcrumb__item\"\n      aria-current={variant === 'current' ? 'page' : undefined}\n      style={style}\n    >\n      {isInteractive ? (\n        <Button\n          variant=\"tertiary\"\n          href={href}\n          icon={currentIcon}\n          icon_position=\"left\"\n          on_click={onClick}\n          text={currentText}\n          skeleton={skeleton}\n          {...props}\n        />\n      ) : (\n        <span\n          className=\"dnb-breadcrumb__item__span\"\n          // TODO: Consider deprecating passing down props to span in v11\n          {...filterProps(props, (key) => !key.includes('-'))}\n        >\n          {currentIcon && (\n            <IconPrimary\n              icon={currentIcon}\n              className=\"dnb-breadcrumb__item__span__icon\"\n            />\n          )}\n          <P space=\"0\">{currentText}</P>\n        </span>\n      )}\n    </li>\n  )\n}\n\nBreadcrumbItem._supportsSpacingProps = true\n\nexport default BreadcrumbItem\n"],"mappings":"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"}

package/cjs/components/breadcrumb/BreadcrumbMultiple.js

@@ -20,7 +20,7 @@ const BreadcrumbMultiple = _ref => {
   return _react.default.createElement(_HeightAnimation.default, {
     open: !isCollapsed,
     animate: !noAnimation,
-    className: "dnb-breadcrumb__animation"
+    className: "dnb-breadcrumb__multiple"
   }, _react.default.createElement(_Section.default, {
     className: "dnb-breadcrumb__list",
     element: "ol",

package/cjs/components/breadcrumb/BreadcrumbMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbMultiple.js","names":["_react","_interopRequireDefault","require","_HeightAnimation","_Section","_BreadcrumbItem","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","BreadcrumbMultiple","_ref","isCollapsed","items","noAnimation","data","createElement","open","animate","className","element","style_type","map","breadcrumbItem","variant","itemNr","React","Children","toArray","filter","item","isValidElement","cloneElement","exports"],"sources":["../../../../src/components/breadcrumb/BreadcrumbMultiple.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport Section from '../section/Section'\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\n\ntype BreadcrumbMultipleProps = {\n  isCollapsed: boolean\n  noAnimation: boolean\n  data: Array<BreadcrumbItemProps>\n  items:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n}\n\nexport const BreadcrumbMultiple = ({\n  isCollapsed,\n  items,\n  noAnimation,\n  data,\n}: BreadcrumbMultipleProps) => {\n  return (\n    <HeightAnimation\n      open={!isCollapsed}\n      animate={!noAnimation}\n      className=\"dnb-breadcrumb__animation\"\n    >\n      <Section\n        className=\"dnb-breadcrumb__list\"\n        element=\"ol\"\n        style_type=\"transparent\"\n      >\n        {data?.map((breadcrumbItem, i) => {\n          return (\n            <BreadcrumbItem\n              key={i}\n              variant={\n                (i == 0 && 'home') ||\n                (i == data.length - 1 && 'current') ||\n                null\n              }\n              itemNr={i}\n              {...breadcrumbItem}\n            />\n          )\n        })}\n\n        {React.Children.toArray(items)\n          .filter((item) => React.isValidElement(item))\n          .map((item: React.ReactElement<BreadcrumbItemProps>, i) =>\n            React.cloneElement(item, { key: i, itemNr: i })\n          )}\n      </Section>\n    </HeightAnimation>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAW/D,MAAMQ,kBAAkB,GAAGC,IAAA,IAKH;EAAA,IALI;IACjCC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC;EACuB,CAAC,GAAAJ,IAAA;EACxB,OACExB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,gBAAA,CAAAK,OAAe;IACdsB,IAAI,EAAE,CAACL,WAAY;IACnBM,OAAO,EAAE,CAACJ,WAAY;IACtBK,SAAS,EAAC;EAA2B,GAErChC,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,QAAA,CAAAI,OAAO;IACNwB,SAAS,EAAC,sBAAsB;IAChCC,OAAO,EAAC,IAAI;IACZC,UAAU,EAAC;EAAa,GAEvBN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,GAAG,CAAC,CAACC,cAAc,EAAEtB,CAAC,KAAK;IAChC,OACEd,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACxB,eAAA,CAAAG,OAAc,EAAAC,QAAA;MACbS,GAAG,EAAEJ,CAAE;MACPuB,OAAO,EACJvB,CAAC,IAAI,CAAC,IAAI,MAAM,IAChBA,CAAC,IAAIc,IAAI,CAACZ,MAAM,GAAG,CAAC,IAAI,SAAU,IACnC,IACD;MACDsB,MAAM,EAAExB;IAAE,GACNsB,cAAc,CACnB,CAAC;EAEN,CAAC,CAAC,EAEDG,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACf,KAAK,CAAC,CAC3BgB,MAAM,CAAEC,IAAI,IAAKJ,cAAK,CAACK,cAAc,CAACD,IAAI,CAAC,CAAC,CAC5CR,GAAG,CAAC,CAACQ,IAA6C,EAAE7B,CAAC,KACpDyB,cAAK,CAACM,YAAY,CAACF,IAAI,EAAE;IAAEzB,GAAG,EAAEJ,CAAC;IAAEwB,MAAM,EAAExB;EAAE,CAAC,CAChD,CACK,CACM,CAAC;AAEtB,CAAC;AAAAgC,OAAA,CAAAvB,kBAAA,GAAAA,kBAAA"}
+{"version":3,"file":"BreadcrumbMultiple.js","names":["_react","_interopRequireDefault","require","_HeightAnimation","_Section","_BreadcrumbItem","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","BreadcrumbMultiple","_ref","isCollapsed","items","noAnimation","data","createElement","open","animate","className","element","style_type","map","breadcrumbItem","variant","itemNr","React","Children","toArray","filter","item","isValidElement","cloneElement","exports"],"sources":["../../../../src/components/breadcrumb/BreadcrumbMultiple.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport Section from '../section/Section'\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\n\ntype BreadcrumbMultipleProps = {\n  isCollapsed: boolean\n  noAnimation: boolean\n  data: Array<BreadcrumbItemProps>\n  items:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n}\n\nexport const BreadcrumbMultiple = ({\n  isCollapsed,\n  items,\n  noAnimation,\n  data,\n}: BreadcrumbMultipleProps) => {\n  return (\n    <HeightAnimation\n      open={!isCollapsed}\n      animate={!noAnimation}\n      className=\"dnb-breadcrumb__multiple\"\n    >\n      <Section\n        className=\"dnb-breadcrumb__list\"\n        element=\"ol\"\n        style_type=\"transparent\"\n      >\n        {data?.map((breadcrumbItem, i) => {\n          return (\n            <BreadcrumbItem\n              key={i}\n              variant={\n                (i == 0 && 'home') ||\n                (i == data.length - 1 && 'current') ||\n                null\n              }\n              itemNr={i}\n              {...breadcrumbItem}\n            />\n          )\n        })}\n\n        {React.Children.toArray(items)\n          .filter((item) => React.isValidElement(item))\n          .map((item: React.ReactElement<BreadcrumbItemProps>, i) =>\n            React.cloneElement(item, { key: i, itemNr: i })\n          )}\n      </Section>\n    </HeightAnimation>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAW/D,MAAMQ,kBAAkB,GAAGC,IAAA,IAKH;EAAA,IALI;IACjCC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC;EACuB,CAAC,GAAAJ,IAAA;EACxB,OACExB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,gBAAA,CAAAK,OAAe;IACdsB,IAAI,EAAE,CAACL,WAAY;IACnBM,OAAO,EAAE,CAACJ,WAAY;IACtBK,SAAS,EAAC;EAA0B,GAEpChC,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,QAAA,CAAAI,OAAO;IACNwB,SAAS,EAAC,sBAAsB;IAChCC,OAAO,EAAC,IAAI;IACZC,UAAU,EAAC;EAAa,GAEvBN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,GAAG,CAAC,CAACC,cAAc,EAAEtB,CAAC,KAAK;IAChC,OACEd,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACxB,eAAA,CAAAG,OAAc,EAAAC,QAAA;MACbS,GAAG,EAAEJ,CAAE;MACPuB,OAAO,EACJvB,CAAC,IAAI,CAAC,IAAI,MAAM,IAChBA,CAAC,IAAIc,IAAI,CAACZ,MAAM,GAAG,CAAC,IAAI,SAAU,IACnC,IACD;MACDsB,MAAM,EAAExB;IAAE,GACNsB,cAAc,CACnB,CAAC;EAEN,CAAC,CAAC,EAEDG,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACf,KAAK,CAAC,CAC3BgB,MAAM,CAAEC,IAAI,IAAKJ,cAAK,CAACK,cAAc,CAACD,IAAI,CAAC,CAAC,CAC5CR,GAAG,CAAC,CAACQ,IAA6C,EAAE7B,CAAC,KACpDyB,cAAK,CAACM,YAAY,CAACF,IAAI,EAAE;IAAEzB,GAAG,EAAEJ,CAAC;IAAEwB,MAAM,EAAExB;EAAE,CAAC,CAChD,CACK,CACM,CAAC;AAEtB,CAAC;AAAAgC,OAAA,CAAAvB,kBAAA,GAAAA,kBAAA"}

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

@@ -32,18 +32,28 @@
 .dnb-breadcrumb__item__span__icon {
   margin-right: 0.5rem;
 }
-.dnb-breadcrumb__animation {
+.dnb-breadcrumb__multiple {
   display: flex;
   flex-direction: column;
   transition: height 400ms var(--easing-default);
 }
-.dnb-breadcrumb__animation .dnb-breadcrumb__item {
+.dnb-breadcrumb__multiple .dnb-breadcrumb__item {
   transition: transform 400ms var(--easing-default) calc(var(--delay) * 50ms);
   transform: translateX(-1rem);
 }
-.dnb-breadcrumb__animation.dnb-height-animation--parallax .dnb-breadcrumb__item {
+.dnb-breadcrumb__multiple.dnb-height-animation--parallax .dnb-breadcrumb__item {
   transform: translateX(0);
 }
+@media screen and (max-width: 60em) {
+  .dnb-breadcrumb__bar .dnb-breadcrumb__multiple {
+    display: none;
+  }
+}
+@media screen and (min-width: 60em) {
+  .dnb-breadcrumb--variant-multiple .dnb-breadcrumb__toggle {
+    display: none;
+  }
+}
 .dnb-breadcrumb__collapse {
   display: flex;
   flex-direction: column;

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

@@ -1 +1 @@
-.dnb-breadcrumb{display:flex;flex-direction:column;margin:0;padding:0}.dnb-breadcrumb__bar.dnb-section{display:flex}.dnb-breadcrumb__list.dnb-section{align-items:center;display:flex;flex-flow:row wrap;gap:1.5rem;list-style:none;margin:0;padding:0}.dnb-breadcrumb__item__span{align-items:center;display:flex;line-height:normal;padding:.5rem 0}.dnb-breadcrumb__item__span__icon{margin-right:.5rem}.dnb-breadcrumb__animation{display:flex;flex-direction:column;transition:height .4s var(--easing-default)}.dnb-breadcrumb__animation .dnb-breadcrumb__item{transform:translateX(-1rem);transition:transform .4s var(--easing-default) calc(var(--delay)*50ms)}.dnb-breadcrumb__animation.dnb-height-animation--parallax .dnb-breadcrumb__item{transform:translateX(0)}.dnb-breadcrumb__collapse{display:flex;flex-direction:column}.dnb-breadcrumb__collapse .dnb-breadcrumb__list.dnb-section{align-items:flex-start;flex-direction:column;gap:0;margin:.5rem 0 .5rem 1.5rem}
+.dnb-breadcrumb{display:flex;flex-direction:column;margin:0;padding:0}.dnb-breadcrumb__bar.dnb-section{display:flex}.dnb-breadcrumb__list.dnb-section{align-items:center;display:flex;flex-flow:row wrap;gap:1.5rem;list-style:none;margin:0;padding:0}.dnb-breadcrumb__item__span{align-items:center;display:flex;line-height:normal;padding:.5rem 0}.dnb-breadcrumb__item__span__icon{margin-right:.5rem}.dnb-breadcrumb__multiple{display:flex;flex-direction:column;transition:height .4s var(--easing-default)}.dnb-breadcrumb__multiple .dnb-breadcrumb__item{transform:translateX(-1rem);transition:transform .4s var(--easing-default) calc(var(--delay)*50ms)}.dnb-breadcrumb__multiple.dnb-height-animation--parallax .dnb-breadcrumb__item{transform:translateX(0)}@media screen and (max-width:60em){.dnb-breadcrumb__bar .dnb-breadcrumb__multiple{display:none}}@media screen and (min-width:60em){.dnb-breadcrumb--variant-multiple .dnb-breadcrumb__toggle{display:none}}.dnb-breadcrumb__collapse{display:flex;flex-direction:column}.dnb-breadcrumb__collapse .dnb-breadcrumb__list.dnb-section{align-items:flex-start;flex-direction:column;gap:0;margin:.5rem 0 .5rem 1.5rem}

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

@@ -42,23 +42,35 @@
     }
   }
 
-  &__animation {
+  &__multiple {
     display: flex;
     flex-direction: column;
 
     transition: height 400ms var(--easing-default);
   }
 
-  &__animation &__item {
+  &__multiple &__item {
     transition: transform 400ms var(--easing-default)
       calc(var(--delay) * 50ms);
     transform: translateX(-1rem);
   }
 
-  &__animation.dnb-height-animation--parallax &__item {
+  &__multiple.dnb-height-animation--parallax &__item {
     transform: translateX(0);
   }
 
+  &__bar &__multiple {
+    @include allBelow(medium) {
+      display: none;
+    }
+  }
+
+  &--variant-multiple &__toggle {
+    @include allAbove(medium) {
+      display: none;
+    }
+  }
+
   &__collapse {
     display: flex;
     flex-direction: column;

package/cjs/components/date-picker/DatePicker.d.ts

@@ -69,6 +69,9 @@ export interface DatePickerProps
    * To limit a date range to a maximum `end_date`. Defaults to `null`.
    */
   max_date?: DatePickerMaxDate;
+  /**
+   * Corrects the input date value to be the same as either `min_date` or `max_date`, when the user types in a date that is either before or after one of these. Defaults to `false`.
+   */
   correct_invalid_date?: boolean;
   /**
    * To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`

package/cjs/components/date-picker/DatePickerProvider.js

@@ -70,12 +70,16 @@ class DatePickerProvider extends _react.default.PureComponent {
           date_format
         });
       }
-      if ((0, _componentHelper.isTrue)(props.correct_invalid_date)) {
+      if ((0, _componentHelper.isTrue)(props.correct_invalid_date) || (typeof props.min_date !== 'undefined' || typeof props.max_date !== 'undefined') && props.correct_invalid_date !== false) {
         if ((0, _DatePickerCalc.isDisabled)(state.startDate, state.minDate, state.maxDate)) {
           state.startDate = state.minDate;
         }
         if ((0, _DatePickerCalc.isDisabled)(state.endDate, state.minDate, state.maxDate)) {
-          state.endDate = state.maxDate;
+          if (!props.range && !props.min_date) {
+            state.startDate = state.maxDate;
+          } else {
+            state.endDate = state.maxDate;
+          }
         }
       }
     }

package/cjs/components/date-picker/DatePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerProvider.js","names":["_react","_interopRequireDefault","require","_propTypes","_isSameMonth","_isValid","_format","_differenceInCalendarDays","_Context","_componentHelper","_DatePickerCalc","_DatePickerContext","_DatePickerRange","_excluded","obj","__esModule","default","_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","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","DatePickerProvider","React","PureComponent","getDerivedStateFromProps","props","state","isRange","isTrue","range","_listenForPropChanges","startDate","date_format","date","_date","start_date","_startDate","convertStringToDate","endDate","end_date","_endDate","start_month","_startMonth","startMonth","end_month","_endMonth","endMonth","min_date","_minDate","minDate","max_date","_maxDate","maxDate","correct_invalid_date","isDisabled","lastEventCallCache","isValid","__startDay","pad","format","__startMonth","__startYear","hasHadValidDate","__endDay","__endMonth","__endYear","changeMonthViews","isSameMonth","views","getViews","month","_month","constructor","_this","this","cb","setState","args","dispatchCustomElementEvent","getReturnObject","_ref","event","rest","attributes","returnFormat","correctV1Format","return_format","startDateIsValid","Boolean","endDateIsValid","ret","days_between","differenceInCalendarDays","is_valid_start_date","is_valid_end_date","is_valid","setReturnObject","render","children","createElement","Provider","translation","context","setViews","updateState","callOnChangeHandler","enhanceWithMethods","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","instanceOf","Date","string","bool","isRequired","func","node","num","size","substr"],"sources":["../../../../src/components/date-picker/DatePickerProvider.js"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport isSameMonth from 'date-fns/isSameMonth'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n  convertStringToDate,\n  correctV1Format,\n  isDisabled,\n} from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\nimport { getViews } from './DatePickerRange'\n\nexport default class DatePickerProvider extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    min_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    max_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    return_format: PropTypes.string,\n\n    range: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])\n      .isRequired,\n    setReturnObject: PropTypes.func.isRequired,\n    enhanceWithMethods: PropTypes.object,\n\n    attributes: PropTypes.object,\n    children: PropTypes.node.isRequired,\n  }\n\n  static defaultProps = {\n    min_date: null,\n    max_date: null,\n    return_format: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n    attributes: null,\n    enhanceWithMethods: null,\n  }\n\n  state = { _listenForPropChanges: true, changeMonthViews: false }\n\n  static getDerivedStateFromProps(props, state) {\n    const isRange = isTrue(props.range)\n\n    if (state._listenForPropChanges) {\n      let startDate = undefined\n      const date_format = props.date_format\n\n      // Handle startDate/endDate\n      if (\n        typeof props.date !== 'undefined' &&\n        props.date !== state._date\n      ) {\n        startDate = props.date\n      }\n      if (\n        typeof props.start_date !== 'undefined' &&\n        props.start_date !== state._startDate\n      ) {\n        startDate = props.start_date\n      }\n      if (\n        typeof startDate !== 'undefined' &&\n        startDate !== state.startDate\n      ) {\n        state.startDate =\n          convertStringToDate(startDate, {\n            date_format,\n          }) || undefined\n\n        if (!isTrue(props.range)) {\n          state.endDate = state.startDate\n        }\n      }\n      if (\n        typeof props.end_date !== 'undefined' &&\n        isTrue(props.range) &&\n        props.end_date !== state._endDate\n      ) {\n        state.endDate =\n          convertStringToDate(props.end_date, {\n            date_format,\n          }) || undefined\n      }\n\n      // Handle startMonth/endMonth\n      if (\n        typeof props.start_month !== 'undefined' &&\n        props.start_month !== state._startMonth\n      ) {\n        state.startMonth = convertStringToDate(props.start_month, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.end_month !== 'undefined' &&\n        props.end_month !== state._endMonth\n      ) {\n        state.endMonth = convertStringToDate(props.end_month, {\n          date_format,\n        })\n      }\n\n      // Handle minDate/maxDate\n      if (\n        typeof props.min_date !== 'undefined' &&\n        props.min_date !== state._minDate\n      ) {\n        state.minDate = convertStringToDate(props.min_date, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.max_date !== 'undefined' &&\n        props.max_date !== state._maxDate\n      ) {\n        state.maxDate = convertStringToDate(props.max_date, {\n          date_format,\n        })\n      }\n\n      /**\n       * Because now we do not any more relay on auto \"correction\",\n       * but rather return \"is_valid_start_date=false\"\n       */\n      if (isTrue(props.correct_invalid_date)) {\n        if (isDisabled(state.startDate, state.minDate, state.maxDate)) {\n          state.startDate = state.minDate\n        }\n        if (isDisabled(state.endDate, state.minDate, state.maxDate)) {\n          state.endDate = state.maxDate\n        }\n      }\n    }\n\n    if (\n      state.lastEventCallCache &&\n      (state.lastEventCallCache.startDate !== state.startDate ||\n        state.lastEventCallCache.endDate !== state.endDate)\n    ) {\n      state.lastEventCallCache = {}\n    }\n\n    if (isValid(state.startDate)) {\n      state.__startDay = pad(format(state.startDate, 'dd'), 2)\n      state.__startMonth = pad(format(state.startDate, 'MM'), 2)\n      state.__startYear = format(state.startDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.startDate === undefined) {\n      state.__startDay = null\n      state.__startMonth = null\n      state.__startYear = null\n    }\n\n    if (isValid(state.endDate)) {\n      state.__endDay = pad(format(state.endDate, 'dd'), 2)\n      state.__endMonth = pad(format(state.endDate, 'MM'), 2)\n      state.__endYear = format(state.endDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.endDate === undefined) {\n      state.__endDay = null\n      state.__endMonth = null\n      state.__endYear = null\n    }\n\n    if (\n      !state.startMonth ||\n      state._date !== props.date ||\n      (state.changeMonthViews &&\n        !isSameMonth(state.startMonth, state.startDate))\n    ) {\n      state.startMonth = state.startDate\n    }\n\n    if (\n      !state.endMonth ||\n      state._date !== props.date ||\n      (isRange &&\n        state.changeMonthViews &&\n        !isSameMonth(state.endMonth, state.endDate))\n    ) {\n      state.endMonth = state.endDate || state.startMonth\n    }\n\n    state.views = getViews(state, isRange)\n\n    // Update the months, in case they do not exist\n    if (!state.startMonth) {\n      state.startMonth = state.views[0].month\n      if (\n        isRange &&\n        !state.endMonth &&\n        typeof state.views[1] !== 'undefined'\n      ) {\n        state.endMonth = state.views[1].month\n      }\n    }\n\n    state.changeMonthViews = false\n    state._listenForPropChanges = true\n    state._date = props.date\n    state._startDate = props.start_date || props.date\n    state._endDate = props.end_date\n    state._startMonth = props.start_month\n    state._endMonth = props.end_month\n    state._month = props.month\n    state._minDate = props.min_date\n    state._maxDate = props.max_date\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n\n    if (typeof props.setReturnObject === 'function') {\n      props.setReturnObject(this.getReturnObject)\n    }\n  }\n\n  setViews = (views, cb = null) => {\n    this.setState({ views, _listenForPropChanges: false }, cb)\n  }\n\n  updateState = (state, cb = null) => {\n    this.setState({ ...state, _listenForPropChanges: false }, cb)\n  }\n\n  callOnChangeHandler = (args) => {\n    /**\n     * Prevent on_change to be fired twice if date not has actually changed\n     * We clear the cache inside getDerivedStateFromProps\n     */\n    if (\n      this.state.lastEventCallCache &&\n      this.state.lastEventCallCache.startDate === this.state.startDate &&\n      this.state.lastEventCallCache.endDate === this.state.endDate\n    ) {\n      return // stop here\n    }\n\n    dispatchCustomElementEvent(\n      this,\n      'on_change',\n      this.getReturnObject(args)\n    )\n\n    const lastEventCallCache = {\n      startDate: this.state.startDate,\n      endDate: this.state.endDate,\n    }\n    this.setState({ lastEventCallCache })\n  }\n\n  getReturnObject = ({ event = null, ...rest } = {}) => {\n    const { startDate, endDate } = { ...this.state, ...rest }\n    const attributes = this.props.attributes || {}\n    const returnFormat = correctV1Format(this.props.return_format)\n    const startDateIsValid = Boolean(startDate && isValid(startDate))\n    const endDateIsValid = Boolean(endDate && isValid(endDate))\n\n    let ret = null\n\n    if (isTrue(this.props.range)) {\n      ret = {\n        event,\n        attributes,\n        days_between:\n          startDateIsValid && endDateIsValid\n            ? differenceInCalendarDays(endDate, startDate)\n            : null,\n        start_date: startDateIsValid\n          ? format(startDate, returnFormat)\n          : null,\n        end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n        is_valid_start_date: startDateIsValid,\n        is_valid_end_date: endDateIsValid,\n      }\n    } else {\n      ret = {\n        event,\n        attributes,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        is_valid: startDateIsValid,\n      }\n    }\n\n    if (this.props.min_date || this.props.max_date) {\n      if (isTrue(this.props.range)) {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_start_date = false\n        }\n        if (\n          endDateIsValid &&\n          isDisabled(endDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_end_date = false\n        }\n      } else {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid = false\n        }\n      }\n    }\n\n    return ret\n  }\n\n  render() {\n    const { children } = this.props\n\n    return (\n      <DatePickerContext.Provider\n        value={{\n          translation: this.context.translation,\n          setViews: this.setViews,\n          updateState: this.updateState,\n          getReturnObject: this.getReturnObject,\n          callOnChangeHandler: this.callOnChangeHandler,\n          props: this.props,\n          ...this.props.enhanceWithMethods,\n          ...this.state,\n        }}\n      >\n        {children}\n      </DatePickerContext.Provider>\n    )\n  }\n}\n\nexport const pad = (num, size) => ('000000000' + num).substr(-size)\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerProvider.js","names":["_react","_interopRequireDefault","require","_propTypes","_isSameMonth","_isValid","_format","_differenceInCalendarDays","_Context","_componentHelper","_DatePickerCalc","_DatePickerContext","_DatePickerRange","_excluded","obj","__esModule","default","_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","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","DatePickerProvider","React","PureComponent","getDerivedStateFromProps","props","state","isRange","isTrue","range","_listenForPropChanges","startDate","date_format","date","_date","start_date","_startDate","convertStringToDate","endDate","end_date","_endDate","start_month","_startMonth","startMonth","end_month","_endMonth","endMonth","min_date","_minDate","minDate","max_date","_maxDate","maxDate","correct_invalid_date","isDisabled","lastEventCallCache","isValid","__startDay","pad","format","__startMonth","__startYear","hasHadValidDate","__endDay","__endMonth","__endYear","changeMonthViews","isSameMonth","views","getViews","month","_month","constructor","_this","this","cb","setState","args","dispatchCustomElementEvent","getReturnObject","_ref","event","rest","attributes","returnFormat","correctV1Format","return_format","startDateIsValid","Boolean","endDateIsValid","ret","days_between","differenceInCalendarDays","is_valid_start_date","is_valid_end_date","is_valid","setReturnObject","render","children","createElement","Provider","translation","context","setViews","updateState","callOnChangeHandler","enhanceWithMethods","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","instanceOf","Date","string","bool","isRequired","func","node","num","size","substr"],"sources":["../../../../src/components/date-picker/DatePickerProvider.js"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport isSameMonth from 'date-fns/isSameMonth'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n  convertStringToDate,\n  correctV1Format,\n  isDisabled,\n} from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\nimport { getViews } from './DatePickerRange'\n\nexport default class DatePickerProvider extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    min_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    max_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    return_format: PropTypes.string,\n\n    range: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])\n      .isRequired,\n    setReturnObject: PropTypes.func.isRequired,\n    enhanceWithMethods: PropTypes.object,\n\n    attributes: PropTypes.object,\n    children: PropTypes.node.isRequired,\n  }\n\n  static defaultProps = {\n    min_date: null,\n    max_date: null,\n    return_format: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n    attributes: null,\n    enhanceWithMethods: null,\n  }\n\n  state = { _listenForPropChanges: true, changeMonthViews: false }\n\n  static getDerivedStateFromProps(props, state) {\n    const isRange = isTrue(props.range)\n\n    if (state._listenForPropChanges) {\n      let startDate = undefined\n      const date_format = props.date_format\n\n      // Handle startDate/endDate\n      if (\n        typeof props.date !== 'undefined' &&\n        props.date !== state._date\n      ) {\n        startDate = props.date\n      }\n      if (\n        typeof props.start_date !== 'undefined' &&\n        props.start_date !== state._startDate\n      ) {\n        startDate = props.start_date\n      }\n      if (\n        typeof startDate !== 'undefined' &&\n        startDate !== state.startDate\n      ) {\n        state.startDate =\n          convertStringToDate(startDate, {\n            date_format,\n          }) || undefined\n\n        if (!isTrue(props.range)) {\n          state.endDate = state.startDate\n        }\n      }\n      if (\n        typeof props.end_date !== 'undefined' &&\n        isTrue(props.range) &&\n        props.end_date !== state._endDate\n      ) {\n        state.endDate =\n          convertStringToDate(props.end_date, {\n            date_format,\n          }) || undefined\n      }\n\n      // Handle startMonth/endMonth\n      if (\n        typeof props.start_month !== 'undefined' &&\n        props.start_month !== state._startMonth\n      ) {\n        state.startMonth = convertStringToDate(props.start_month, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.end_month !== 'undefined' &&\n        props.end_month !== state._endMonth\n      ) {\n        state.endMonth = convertStringToDate(props.end_month, {\n          date_format,\n        })\n      }\n\n      // Handle minDate/maxDate\n      if (\n        typeof props.min_date !== 'undefined' &&\n        props.min_date !== state._minDate\n      ) {\n        state.minDate = convertStringToDate(props.min_date, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.max_date !== 'undefined' &&\n        props.max_date !== state._maxDate\n      ) {\n        state.maxDate = convertStringToDate(props.max_date, {\n          date_format,\n        })\n      }\n\n      /**\n       * Because now we do not any more relay on auto \"correction\",\n       * but rather return \"is_valid_start_date=false\"\n       */\n      if (\n        isTrue(props.correct_invalid_date) ||\n        ((typeof props.min_date !== 'undefined' ||\n          typeof props.max_date !== 'undefined') &&\n          props.correct_invalid_date !== false)\n      ) {\n        if (isDisabled(state.startDate, state.minDate, state.maxDate)) {\n          state.startDate = state.minDate\n        }\n        if (isDisabled(state.endDate, state.minDate, state.maxDate)) {\n          // state.endDate is only used by the input if range is set to true.\n          // this is done to make max_date correction work if the input is not a range and only max_date is defined.\n          if (!props.range && !props.min_date) {\n            state.startDate = state.maxDate\n          } else {\n            state.endDate = state.maxDate\n          }\n        }\n      }\n    }\n\n    if (\n      state.lastEventCallCache &&\n      (state.lastEventCallCache.startDate !== state.startDate ||\n        state.lastEventCallCache.endDate !== state.endDate)\n    ) {\n      state.lastEventCallCache = {}\n    }\n\n    if (isValid(state.startDate)) {\n      state.__startDay = pad(format(state.startDate, 'dd'), 2)\n      state.__startMonth = pad(format(state.startDate, 'MM'), 2)\n      state.__startYear = format(state.startDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.startDate === undefined) {\n      state.__startDay = null\n      state.__startMonth = null\n      state.__startYear = null\n    }\n\n    if (isValid(state.endDate)) {\n      state.__endDay = pad(format(state.endDate, 'dd'), 2)\n      state.__endMonth = pad(format(state.endDate, 'MM'), 2)\n      state.__endYear = format(state.endDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.endDate === undefined) {\n      state.__endDay = null\n      state.__endMonth = null\n      state.__endYear = null\n    }\n\n    if (\n      !state.startMonth ||\n      state._date !== props.date ||\n      (state.changeMonthViews &&\n        !isSameMonth(state.startMonth, state.startDate))\n    ) {\n      state.startMonth = state.startDate\n    }\n\n    if (\n      !state.endMonth ||\n      state._date !== props.date ||\n      (isRange &&\n        state.changeMonthViews &&\n        !isSameMonth(state.endMonth, state.endDate))\n    ) {\n      state.endMonth = state.endDate || state.startMonth\n    }\n\n    state.views = getViews(state, isRange)\n\n    // Update the months, in case they do not exist\n    if (!state.startMonth) {\n      state.startMonth = state.views[0].month\n      if (\n        isRange &&\n        !state.endMonth &&\n        typeof state.views[1] !== 'undefined'\n      ) {\n        state.endMonth = state.views[1].month\n      }\n    }\n\n    state.changeMonthViews = false\n    state._listenForPropChanges = true\n    state._date = props.date\n    state._startDate = props.start_date || props.date\n    state._endDate = props.end_date\n    state._startMonth = props.start_month\n    state._endMonth = props.end_month\n    state._month = props.month\n    state._minDate = props.min_date\n    state._maxDate = props.max_date\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n\n    if (typeof props.setReturnObject === 'function') {\n      props.setReturnObject(this.getReturnObject)\n    }\n  }\n\n  setViews = (views, cb = null) => {\n    this.setState({ views, _listenForPropChanges: false }, cb)\n  }\n\n  updateState = (state, cb = null) => {\n    this.setState({ ...state, _listenForPropChanges: false }, cb)\n  }\n\n  callOnChangeHandler = (args) => {\n    /**\n     * Prevent on_change to be fired twice if date not has actually changed\n     * We clear the cache inside getDerivedStateFromProps\n     */\n    if (\n      this.state.lastEventCallCache &&\n      this.state.lastEventCallCache.startDate === this.state.startDate &&\n      this.state.lastEventCallCache.endDate === this.state.endDate\n    ) {\n      return // stop here\n    }\n\n    dispatchCustomElementEvent(\n      this,\n      'on_change',\n      this.getReturnObject(args)\n    )\n\n    const lastEventCallCache = {\n      startDate: this.state.startDate,\n      endDate: this.state.endDate,\n    }\n    this.setState({ lastEventCallCache })\n  }\n\n  getReturnObject = ({ event = null, ...rest } = {}) => {\n    const { startDate, endDate } = { ...this.state, ...rest }\n    const attributes = this.props.attributes || {}\n    const returnFormat = correctV1Format(this.props.return_format)\n    const startDateIsValid = Boolean(startDate && isValid(startDate))\n    const endDateIsValid = Boolean(endDate && isValid(endDate))\n\n    let ret = null\n\n    if (isTrue(this.props.range)) {\n      ret = {\n        event,\n        attributes,\n        days_between:\n          startDateIsValid && endDateIsValid\n            ? differenceInCalendarDays(endDate, startDate)\n            : null,\n        start_date: startDateIsValid\n          ? format(startDate, returnFormat)\n          : null,\n        end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n        is_valid_start_date: startDateIsValid,\n        is_valid_end_date: endDateIsValid,\n      }\n    } else {\n      ret = {\n        event,\n        attributes,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        is_valid: startDateIsValid,\n      }\n    }\n\n    if (this.props.min_date || this.props.max_date) {\n      if (isTrue(this.props.range)) {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_start_date = false\n        }\n        if (\n          endDateIsValid &&\n          isDisabled(endDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_end_date = false\n        }\n      } else {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid = false\n        }\n      }\n    }\n\n    return ret\n  }\n\n  render() {\n    const { children } = this.props\n\n    return (\n      <DatePickerContext.Provider\n        value={{\n          translation: this.context.translation,\n          setViews: this.setViews,\n          updateState: this.updateState,\n          getReturnObject: this.getReturnObject,\n          callOnChangeHandler: this.callOnChangeHandler,\n          props: this.props,\n          ...this.props.enhanceWithMethods,\n          ...this.state,\n        }}\n      >\n        {children}\n      </DatePickerContext.Provider>\n    )\n  }\n}\n\nexport const pad = (num, size) => ('000000000' + num).substr(-size)\n"],"mappings":"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"}

package/cjs/components/flex/Container.d.ts

@@ -5,12 +5,14 @@ import type { UseMediaQueries } from '../../shared/useMedia';
 export type BasicProps = {
     direction?: 'horizontal' | 'vertical';
     wrap?: boolean;
-    rowGap?: 'small' | 'medium' | 'large' | true;
+    rowGap?: 'small' | 'medium' | 'large' | boolean;
     sizeCount?: number;
     justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
     align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+    /** For when used as a flex item in an outer container in addition to being a container: */
     alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-    divider?: 'space' | 'line';
+    /** When "line-framed" is used, a line will be shown between items and above the first and below the last item */
+    divider?: 'space' | 'line' | 'line-framed';
     /** Spacing between items inside */
     spacing?: false | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
     breakpoints?: MediaQueryBreakpoints;