@dnb/eufemia 10.3.0 → 10.4.0

package/es/components/modal/parts/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","names":["React","classnames","findElementInChildren","Section","ModalContext","H1","ModalHeader","PureComponent","render","_this$props","props","title","className","children","title_class","size","ref","sectionProps","_objectWithoutProperties","_excluded","customHeader","cur","type","usedTitle","context","showTitle","fontSize","createElement","_extends","style_type","id","undefined","_defineProperty"],"sources":["../../../../../src/components/modal/parts/ModalHeader.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { findElementInChildren } from '../../../shared/component-helper'\nimport Section, { SectionProps } from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport H1 from '../../../elements/H1'\nimport { ReactChildType } from '../types'\n\nexport interface ModalHeaderProps extends SectionProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * The modal/drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  /**\n   * Give the h1 component a classname (maps to `dnb-modal__title`)\n   */\n  title_class?: string\n\n  /**\n   * Font size of the title (maps to `dnb-p--<size>`)\n   */\n  size?: 'medium' | 'large' | 'x-large' | 'xx-large'\n}\n\nexport default class ModalHeader extends React.PureComponent<\n  ModalHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size' | 'title'>\n> {\n  static contextType = ModalContext\n  render() {\n    const {\n      title = null,\n      className = null,\n      children = null,\n      title_class = null,\n      size = null,\n      ref, // eslint-disable-line\n      ...sectionProps\n    } = this.props\n\n    const customHeader = findElementInChildren(children, (cur) => {\n      return cur.type === 'h1' || cur.type === H1\n    })\n\n    const usedTitle = title || this.context.title\n    const showTitle = !customHeader && usedTitle\n    const fontSize = size || 'large'\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(className)}\n        id={\n          showTitle ? 'dnb-modal-' + this.context.id + '-title' : undefined\n        }\n        {...sectionProps}\n      >\n        {showTitle && (\n          <h1\n            className={classnames(\n              'dnb-modal__title', // for tests\n              'dnb-space__top--zero',\n              'dnb-space__bottom--small',\n              `dnb-h--${fontSize}`,\n              title_class\n            )}\n          >\n            {usedTitle}\n          </h1>\n        )}\n        <div>{children}</div>\n      </Section>\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,qBAAqB,QAAQ,kCAAkC;AACxE,OAAOC,OAAO,MAAwB,uBAAuB;AAC7D,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,EAAE,MAAM,sBAAsB;AA8BrC,eAAe,MAAMC,WAAW,SAASN,KAAK,CAACO,aAAa,CAE1D;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAQI,IAAI,CAACC,KAAK;MARR;QACJC,KAAK,GAAG,IAAI;QACZC,SAAS,GAAG,IAAI;QAChBC,QAAQ,GAAG,IAAI;QACfC,WAAW,GAAG,IAAI;QAClBC,IAAI,GAAG,IAAI;QACXC;MAEF,CAAC,GAAAP,WAAA;MADIQ,YAAY,GAAAC,wBAAA,CAAAT,WAAA,EAAAU,SAAA;IAGjB,MAAMC,YAAY,GAAGlB,qBAAqB,CAACW,QAAQ,EAAGQ,GAAG,IAAK;MAC5D,OAAOA,GAAG,CAACC,IAAI,KAAK,IAAI,IAAID,GAAG,CAACC,IAAI,KAAKjB,EAAE;IAC7C,CAAC,CAAC;IAEF,MAAMkB,SAAS,GAAGZ,KAAK,IAAI,IAAI,CAACa,OAAO,CAACb,KAAK;IAC7C,MAAMc,SAAS,GAAG,CAACL,YAAY,IAAIG,SAAS;IAC5C,MAAMG,QAAQ,GAAGX,IAAI,IAAI,OAAO;IAEhC,OACEf,KAAA,CAAA2B,aAAA,CAACxB,OAAO,EAAAyB,QAAA;MACNC,UAAU,EAAC,OAAO;MAClBjB,SAAS,EAAEX,UAAU,CAACW,SAAS,CAAE;MACjCkB,EAAE,EACAL,SAAS,GAAG,YAAY,GAAG,IAAI,CAACD,OAAO,CAACM,EAAE,GAAG,QAAQ,GAAGC;IACzD,GACGd,YAAY,GAEfQ,SAAS,IACRzB,KAAA,CAAA2B,aAAA;MACEf,SAAS,EAAEX,UAAU,0EAITyB,QAAS,IACnBZ,WACF;IAAE,GAEDS,SACC,CACL,EACDvB,KAAA,CAAA2B,aAAA,cAAMd,QAAc,CACb,CAAC;EAEd;AACF;AAACmB,eAAA,CAjDoB1B,WAAW,iBAGTF,YAAY"}
+{"version":3,"file":"ModalHeader.js","names":["React","classnames","findElementInChildren","Section","ModalContext","H1","ModalHeader","PureComponent","constructor","args","_defineProperty","render","_this$props","props","title","className","children","title_class","size","ref","sectionProps","_objectWithoutProperties","_excluded","customHeader","cur","type","usedTitle","context","showTitle","fontSize","createElement","_extends","style_type","id","undefined"],"sources":["../../../../../src/components/modal/parts/ModalHeader.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { findElementInChildren } from '../../../shared/component-helper'\nimport Section, { SectionProps } from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport H1 from '../../../elements/H1'\nimport { ReactChildType } from '../types'\n\nexport interface ModalHeaderProps extends Omit<SectionProps, 'children'> {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * The modal/drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  /**\n   * Give the h1 component a classname (maps to `dnb-modal__title`)\n   */\n  title_class?: string\n\n  /**\n   * Font size of the title (maps to `dnb-p--<size>`)\n   */\n  size?: 'medium' | 'large' | 'x-large' | 'xx-large'\n}\n\nexport default class ModalHeader extends React.PureComponent<\n  ModalHeaderProps &\n    Omit<React.HTMLProps<HTMLElement>, 'size' | 'title' | 'children'>\n> {\n  static contextType = ModalContext\n\n  context!: React.ContextType<typeof ModalContext>\n\n  render() {\n    const {\n      title = null,\n      className = null,\n      children = null,\n      title_class = null,\n      size = null,\n      ref, // eslint-disable-line\n      ...sectionProps\n    } = this.props\n\n    const customHeader = findElementInChildren(children, (cur) => {\n      return cur.type === 'h1' || cur.type === H1\n    })\n\n    const usedTitle = title || this.context.title\n    const showTitle = !customHeader && usedTitle\n    const fontSize = size || 'large'\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(className)}\n        id={\n          showTitle ? 'dnb-modal-' + this.context.id + '-title' : undefined\n        }\n        {...sectionProps}\n      >\n        {showTitle && (\n          <h1\n            className={classnames(\n              'dnb-modal__title', // for tests\n              'dnb-space__top--zero',\n              'dnb-space__bottom--small',\n              `dnb-h--${fontSize}`,\n              title_class\n            )}\n          >\n            {usedTitle}\n          </h1>\n        )}\n        <div>{children as React.ReactNode}</div>\n      </Section>\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,qBAAqB,QAAQ,kCAAkC;AACxE,OAAOC,OAAO,MAAwB,uBAAuB;AAC7D,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,EAAE,MAAM,sBAAsB;AA8BrC,eAAe,MAAMC,WAAW,SAASN,KAAK,CAACO,aAAa,CAG1D;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;EAAA;EAKAC,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAQI,IAAI,CAACC,KAAK;MARR;QACJC,KAAK,GAAG,IAAI;QACZC,SAAS,GAAG,IAAI;QAChBC,QAAQ,GAAG,IAAI;QACfC,WAAW,GAAG,IAAI;QAClBC,IAAI,GAAG,IAAI;QACXC;MAEF,CAAC,GAAAP,WAAA;MADIQ,YAAY,GAAAC,wBAAA,CAAAT,WAAA,EAAAU,SAAA;IAGjB,MAAMC,YAAY,GAAGrB,qBAAqB,CAACc,QAAQ,EAAGQ,GAAG,IAAK;MAC5D,OAAOA,GAAG,CAACC,IAAI,KAAK,IAAI,IAAID,GAAG,CAACC,IAAI,KAAKpB,EAAE;IAC7C,CAAC,CAAC;IAEF,MAAMqB,SAAS,GAAGZ,KAAK,IAAI,IAAI,CAACa,OAAO,CAACb,KAAK;IAC7C,MAAMc,SAAS,GAAG,CAACL,YAAY,IAAIG,SAAS;IAC5C,MAAMG,QAAQ,GAAGX,IAAI,IAAI,OAAO;IAEhC,OACElB,KAAA,CAAA8B,aAAA,CAAC3B,OAAO,EAAA4B,QAAA;MACNC,UAAU,EAAC,OAAO;MAClBjB,SAAS,EAAEd,UAAU,CAACc,SAAS,CAAE;MACjCkB,EAAE,EACAL,SAAS,GAAG,YAAY,GAAG,IAAI,CAACD,OAAO,CAACM,EAAE,GAAG,QAAQ,GAAGC;IACzD,GACGd,YAAY,GAEfQ,SAAS,IACR5B,KAAA,CAAA8B,aAAA;MACEf,SAAS,EAAEd,UAAU,0EAIT4B,QAAS,IACnBZ,WACF;IAAE,GAEDS,SACC,CACL,EACD1B,KAAA,CAAA8B,aAAA,cAAMd,QAAiC,CAChC,CAAC;EAEd;AACF;AAACN,eAAA,CArDoBJ,WAAW,iBAITF,YAAY"}

package/es/components/modal/parts/ModalHeaderBar.d.ts

@@ -3,12 +3,14 @@
  *
  */
 import React from 'react';
+import ModalContext from '../ModalContext';
 import { SectionProps } from '../../Section';
-export interface ModalHeaderBarProps extends SectionProps {
+import { ReactChildType } from '../types';
+export interface ModalHeaderBarProps extends Omit<SectionProps, 'children'> {
     /**
      * The content which will appear when triggering the modal/drawer.
      */
-    children?: React.ReactNode;
+    children?: ReactChildType;
     /**
      * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).
      */
@@ -18,7 +20,7 @@ export interface ModalHeaderBarProps extends SectionProps {
 interface ModalHeaderBarState {
     showShadow: boolean;
 }
-export default class ModalHeaderBar extends React.PureComponent<ModalHeaderBarProps & React.HTMLProps<HTMLElement>, ModalHeaderBarState> {
+export default class ModalHeaderBar extends React.PureComponent<ModalHeaderBarProps & Omit<React.HTMLProps<HTMLElement>, 'children'>, ModalHeaderBarState> {
     static contextType: React.Context<{
         preventClick: any;
         onKeyDownHandler: any;
@@ -35,6 +37,7 @@ export default class ModalHeaderBar extends React.PureComponent<ModalHeaderBarPr
         contentId: any;
         close: any;
     }>;
+    context: React.ContextType<typeof ModalContext>;
     _ref: React.RefObject<any>;
     intersectionObserver: IntersectionObserver;
     constructor(props: any);
@@ -43,6 +46,6 @@ export default class ModalHeaderBar extends React.PureComponent<ModalHeaderBarPr
     };
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/es/components/modal/parts/ModalHeaderBar.js

@@ -11,6 +11,7 @@ import CloseButton from './CloseButton';
 export default class ModalHeaderBar extends React.PureComponent {
   constructor(props) {
     super(props);
+    _defineProperty(this, "context", void 0);
     _defineProperty(this, "_ref", void 0);
     _defineProperty(this, "intersectionObserver", void 0);
     _defineProperty(this, "state", {

package/es/components/modal/parts/ModalHeaderBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeaderBar.js","names":["React","classnames","isTrue","Section","ModalContext","CloseButton","ModalHeaderBar","PureComponent","constructor","props","_defineProperty","showShadow","_ref","createRef","componentDidMount","window","IntersectionObserver","current","marginTop","clientHeight","intersectionObserver","entries","entry","setState","isIntersecting","rootMargin","threshold","observe","componentWillUnmount","_this$intersectionObs","disconnect","render","_this$props","className","children","ref","shadow_class","_objectWithoutProperties","_excluded","state","title","hide_close_button","close_button_attributes","onCloseClickHandler","close_title","context","createElement","_extends","style_type","inner_ref","on_click"],"sources":["../../../../../src/components/modal/parts/ModalHeaderBar.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { isTrue } from '../../../shared/component-helper'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport CloseButton from './CloseButton'\nimport { SectionProps } from '../../Section'\n\nexport interface ModalHeaderBarProps extends SectionProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: React.ReactNode\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  shadow_class?: string\n}\n\ninterface ModalHeaderBarState {\n  showShadow: boolean\n}\n\nexport default class ModalHeaderBar extends React.PureComponent<\n  ModalHeaderBarProps & React.HTMLProps<HTMLElement>,\n  ModalHeaderBarState\n> {\n  static contextType = ModalContext\n  _ref: React.RefObject<any>\n  intersectionObserver: IntersectionObserver\n\n  constructor(props) {\n    super(props)\n    this._ref = React.createRef()\n  }\n\n  state = { showShadow: false }\n\n  componentDidMount() {\n    if (\n      typeof window !== 'undefined' &&\n      typeof IntersectionObserver !== 'undefined' &&\n      this._ref.current\n    ) {\n      const marginTop = -this._ref.current.clientHeight\n      this.intersectionObserver = new IntersectionObserver(\n        (entries) => {\n          const [entry] = entries\n          this.setState({\n            showShadow: !entry.isIntersecting,\n          })\n        },\n        {\n          rootMargin: `${marginTop}px 0px 0px 0px`,\n          threshold: 0.001,\n        }\n      )\n\n      this.intersectionObserver.observe(this._ref.current)\n    }\n  }\n\n  componentWillUnmount() {\n    this.intersectionObserver?.disconnect()\n  }\n\n  render() {\n    const {\n      className = null,\n      children = null,\n      ref, //eslint-disable-line\n      shadow_class = null,\n      ...props\n    } = this.props\n    const { showShadow } = this.state\n    const {\n      title,\n      hide_close_button = false,\n      close_button_attributes,\n      onCloseClickHandler,\n      close_title,\n    } = this.context\n\n    if (!title && isTrue(hide_close_button) && !this._ref.current) {\n      return null\n    }\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(\n          'dnb-modal__header__bar',\n          showShadow && shadow_class,\n          className\n        )}\n        inner_ref={this._ref}\n        {...props}\n      >\n        <div className=\"dnb-modal__header__bar__inner\">{children}</div>\n\n        {!isTrue(hide_close_button) && (\n          <div className=\"dnb-modal__header__bar__close\">\n            <CloseButton\n              on_click={onCloseClickHandler}\n              close_title={close_title}\n              {...close_button_attributes}\n            />\n          </div>\n        )}\n      </Section>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalHeaderBar.js","names":["React","classnames","isTrue","Section","ModalContext","CloseButton","ModalHeaderBar","PureComponent","constructor","props","_defineProperty","showShadow","_ref","createRef","componentDidMount","window","IntersectionObserver","current","marginTop","clientHeight","intersectionObserver","entries","entry","setState","isIntersecting","rootMargin","threshold","observe","componentWillUnmount","_this$intersectionObs","disconnect","render","_this$props","className","children","ref","shadow_class","_objectWithoutProperties","_excluded","state","title","hide_close_button","close_button_attributes","onCloseClickHandler","close_title","context","createElement","_extends","style_type","inner_ref","on_click"],"sources":["../../../../../src/components/modal/parts/ModalHeaderBar.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { isTrue } from '../../../shared/component-helper'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport CloseButton from './CloseButton'\nimport { SectionProps } from '../../Section'\nimport { ReactChildType } from '../types'\n\nexport interface ModalHeaderBarProps\n  extends Omit<SectionProps, 'children'> {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  shadow_class?: string\n}\n\ninterface ModalHeaderBarState {\n  showShadow: boolean\n}\n\nexport default class ModalHeaderBar extends React.PureComponent<\n  ModalHeaderBarProps & Omit<React.HTMLProps<HTMLElement>, 'children'>,\n  ModalHeaderBarState\n> {\n  static contextType = ModalContext\n\n  context!: React.ContextType<typeof ModalContext>\n\n  _ref: React.RefObject<any>\n  intersectionObserver: IntersectionObserver\n\n  constructor(props) {\n    super(props)\n    this._ref = React.createRef()\n  }\n\n  state = { showShadow: false }\n\n  componentDidMount() {\n    if (\n      typeof window !== 'undefined' &&\n      typeof IntersectionObserver !== 'undefined' &&\n      this._ref.current\n    ) {\n      const marginTop = -this._ref.current.clientHeight\n      this.intersectionObserver = new IntersectionObserver(\n        (entries) => {\n          const [entry] = entries\n          this.setState({\n            showShadow: !entry.isIntersecting,\n          })\n        },\n        {\n          rootMargin: `${marginTop}px 0px 0px 0px`,\n          threshold: 0.001,\n        }\n      )\n\n      this.intersectionObserver.observe(this._ref.current)\n    }\n  }\n\n  componentWillUnmount() {\n    this.intersectionObserver?.disconnect()\n  }\n\n  render() {\n    const {\n      className = null,\n      children = null,\n      ref, //eslint-disable-line\n      shadow_class = null,\n      ...props\n    } = this.props\n    const { showShadow } = this.state\n    const {\n      title,\n      hide_close_button = false,\n      close_button_attributes,\n      onCloseClickHandler,\n      close_title,\n    } = this.context\n\n    if (!title && isTrue(hide_close_button) && !this._ref.current) {\n      return null\n    }\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(\n          'dnb-modal__header__bar',\n          showShadow && shadow_class,\n          className\n        )}\n        inner_ref={this._ref}\n        {...props}\n      >\n        <div className=\"dnb-modal__header__bar__inner\">\n          {children as React.ReactNode}\n        </div>\n\n        {!isTrue(hide_close_button) && (\n          <div className=\"dnb-modal__header__bar__close\">\n            <CloseButton\n              on_click={onCloseClickHandler}\n              close_title={close_title}\n              {...close_button_attributes}\n            />\n          </div>\n        )}\n      </Section>\n    )\n  }\n}\n"],"mappings":"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"}

package/es/components/modal/parts/ModalInner.d.ts

@@ -3,6 +3,7 @@
  *
  */
 import React from 'react';
+import ModalContext from '../ModalContext';
 import { SectionProps } from '../../Section';
 export interface ModalInnerProps extends SectionProps {
     /**
@@ -27,6 +28,7 @@ export default class ModalInner extends React.PureComponent<ModalInnerProps & Re
         contentId: any;
         close: any;
     }>;
+    context: React.ContextType<typeof ModalContext>;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/es/components/modal/parts/ModalInner.js

@@ -7,6 +7,10 @@ import Section from '../../section/Section';
 import ModalContext from '../ModalContext';
 import classnames from 'classnames';
 export default class ModalInner extends React.PureComponent {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "context", void 0);
+  }
   componentDidMount() {
     const {
       style_type = 'black-3'

package/es/components/modal/parts/ModalInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalInner.js","names":["React","Section","ModalContext","classnames","ModalInner","PureComponent","componentDidMount","style_type","props","context","setBackgroundColor","render","_this$props","className","ref","_objectWithoutProperties","_excluded","createElement","_extends","_defineProperty"],"sources":["../../../../../src/components/modal/parts/ModalInner.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport classnames from 'classnames'\nimport { SectionProps } from '../../Section'\n\nexport interface ModalInnerProps extends SectionProps {\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n}\n\nexport default class ModalInner extends React.PureComponent<\n  ModalInnerProps & React.HTMLProps<HTMLElement>\n> {\n  static contextType = ModalContext\n\n  componentDidMount() {\n    const { style_type = 'black-3' } = this.props\n    if (style_type) {\n      this.context.setBackgroundColor(style_type)\n    }\n  }\n\n  render() {\n    const {\n      className = null,\n      style_type = 'black-3',\n      ref, // eslint-disable-line\n      ...props\n    } = this.props\n\n    return (\n      <Section\n        style_type={style_type}\n        className={classnames(className)}\n        {...props}\n      />\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AAUnC,eAAe,MAAMC,UAAU,SAASJ,KAAK,CAACK,aAAa,CAEzD;EAGAC,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MAAEC,UAAU,GAAG;IAAU,CAAC,GAAG,IAAI,CAACC,KAAK;IAC7C,IAAID,UAAU,EAAE;MACd,IAAI,CAACE,OAAO,CAACC,kBAAkB,CAACH,UAAU,CAAC;IAC7C;EACF;EAEAI,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAKI,IAAI,CAACJ,KAAK;MALR;QACJK,SAAS,GAAG,IAAI;QAChBN,UAAU,GAAG,SAAS;QACtBO;MAEF,CAAC,GAAAF,WAAA;MADIJ,KAAK,GAAAO,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAGV,OACEhB,KAAA,CAAAiB,aAAA,CAAChB,OAAO,EAAAiB,QAAA;MACNX,UAAU,EAAEA,UAAW;MACvBM,SAAS,EAAEV,UAAU,CAACU,SAAS;IAAE,GAC7BL,KAAK,CACV,CAAC;EAEN;AACF;AAACW,eAAA,CA5BoBf,UAAU,iBAGRF,YAAY"}
+{"version":3,"file":"ModalInner.js","names":["React","Section","ModalContext","classnames","ModalInner","PureComponent","constructor","args","_defineProperty","componentDidMount","style_type","props","context","setBackgroundColor","render","_this$props","className","ref","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../../../../src/components/modal/parts/ModalInner.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport classnames from 'classnames'\nimport { SectionProps } from '../../Section'\n\nexport interface ModalInnerProps extends SectionProps {\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n}\n\nexport default class ModalInner extends React.PureComponent<\n  ModalInnerProps & React.HTMLProps<HTMLElement>\n> {\n  static contextType = ModalContext\n\n  context!: React.ContextType<typeof ModalContext>\n\n  componentDidMount() {\n    const { style_type = 'black-3' } = this.props\n    if (style_type) {\n      this.context.setBackgroundColor(style_type)\n    }\n  }\n\n  render() {\n    const {\n      className = null,\n      style_type = 'black-3',\n      ref, // eslint-disable-line\n      ...props\n    } = this.props\n\n    return (\n      <Section\n        style_type={style_type}\n        className={classnames(className)}\n        {...props}\n      />\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AAUnC,eAAe,MAAMC,UAAU,SAASJ,KAAK,CAACK,aAAa,CAEzD;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;EAAA;EAKAC,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MAAEC,UAAU,GAAG;IAAU,CAAC,GAAG,IAAI,CAACC,KAAK;IAC7C,IAAID,UAAU,EAAE;MACd,IAAI,CAACE,OAAO,CAACC,kBAAkB,CAACH,UAAU,CAAC;IAC7C;EACF;EAEAI,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAKI,IAAI,CAACJ,KAAK;MALR;QACJK,SAAS,GAAG,IAAI;QAChBN,UAAU,GAAG,SAAS;QACtBO;MAEF,CAAC,GAAAF,WAAA;MADIJ,KAAK,GAAAO,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAGV,OACEnB,KAAA,CAAAoB,aAAA,CAACnB,OAAO,EAAAoB,QAAA;MACNX,UAAU,EAAEA,UAAW;MACvBM,SAAS,EAAEb,UAAU,CAACa,SAAS;IAAE,GAC7BL,KAAK,CACV,CAAC;EAEN;AACF;AAACH,eAAA,CA9BoBJ,UAAU,iBAGRF,YAAY"}

package/es/components/pagination/InfinityScroller.d.ts

@@ -1 +1 @@
-export default function InfinityScroller(props: any): JSX.Element;
+export default function InfinityScroller(props: any): import("react/jsx-runtime").JSX.Element;

package/es/components/pagination/PaginationBar.d.ts

@@ -33,6 +33,6 @@ export type PaginationBarProps = {
     skeleton: SkeletonShow;
 };
 export type PaginationBarAllProps = PaginationBarProps & LocaleProps & React.HTMLProps<HTMLElement>;
-declare const PaginationBar: (localProps: PaginationBarAllProps) => JSX.Element;
+declare const PaginationBar: (localProps: PaginationBarAllProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useResizeObserver: (element: any) => string;
 export default PaginationBar;

package/es/components/pagination/style/dnb-pagination.min.css

@@ -1 +1 @@
-.dnb-pagination{display:flex;flex-direction:column-reverse}.dnb-pagination__bar,.dnb-pagination__bar__inner,.dnb-pagination__loadbar{align-items:center;display:flex;flex-wrap:wrap}.dnb-pagination--left .dnb-pagination__bar{justify-content:flex-start}.dnb-pagination--center .dnb-pagination__bar{justify-content:center}@media screen and (max-width:40em){.dnb-pagination--center .dnb-pagination__bar{justify-content:flex-start}}.dnb-pagination--right .dnb-pagination__bar{justify-content:flex-end}.dnb-pagination__bar__wrapper{display:flex;flex-flow:column-reverse wrap}.dnb-pagination--center .dnb-pagination__bar__wrapper{align-items:center}.dnb-pagination--right .dnb-pagination__bar__wrapper{align-items:flex-end}.dnb-pagination__bar__inner{grid-gap:.5rem;gap:.5rem}.dnb-pagination__button{max-width:3.5rem}.dnb-pagination__button--large-number{max-width:unset}.dnb-pagination__loadbar{align-items:center;cursor:default;display:flex;justify-content:center}.dnb-pagination__indicator{cursor:default;display:flex;flex-direction:column;justify-content:center}.dnb-pagination__indicator__inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.dnb-pagination__dots{align-self:flex-end}.dnb-pagination__marker{height:1px;margin:-1px 0 0 -1px;overflow:hidden;pointer-events:none;position:relative;width:1px}.dnb-pagination__marker__inner,.dnb-pagination__marker td{height:1px;opacity:0;padding:0!important;width:1px}.dnb-pagination__bar__skip{margin-top:.5rem}.dnb-pagination__bar__skip .dnb-button:first-of-type{margin-right:1.5rem}
+.dnb-pagination{display:flex;flex-direction:column-reverse}.dnb-pagination__bar,.dnb-pagination__bar__inner,.dnb-pagination__loadbar{align-items:center;display:flex;flex-wrap:wrap}.dnb-pagination--left .dnb-pagination__bar{justify-content:flex-start}.dnb-pagination--center .dnb-pagination__bar{justify-content:center}@media screen and (max-width:40em){.dnb-pagination--center .dnb-pagination__bar{justify-content:flex-start}}.dnb-pagination--right .dnb-pagination__bar{justify-content:flex-end}.dnb-pagination__bar__wrapper{display:flex;flex-flow:column-reverse wrap}.dnb-pagination--center .dnb-pagination__bar__wrapper{align-items:center}.dnb-pagination--right .dnb-pagination__bar__wrapper{align-items:flex-end}.dnb-pagination__bar__inner{grid-gap:.5rem;gap:.5rem}.dnb-pagination__button{max-width:3.5rem}.dnb-pagination__button--large-number{max-width:unset}.dnb-pagination__loadbar{align-items:center;cursor:default;display:flex;justify-content:center}.dnb-pagination__indicator{cursor:default;display:flex;flex-direction:column;justify-content:center}.dnb-pagination__indicator__inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.dnb-pagination__dots{align-self:flex-end}.dnb-pagination__marker{height:1px;margin:-1px 0 0 -1px;overflow:hidden;pointer-events:none;position:relative;width:1px}.dnb-pagination__marker td,.dnb-pagination__marker__inner{height:1px;opacity:0;padding:0!important;width:1px}.dnb-pagination__bar__skip{margin-top:.5rem}.dnb-pagination__bar__skip .dnb-button:first-of-type{margin-right:1.5rem}

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

@@ -24,4 +24,4 @@ export type SectionProps = {
     children?: React.ReactNode;
 };
 export type SectionAllProps = SectionProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
-export default function Section(localProps: SectionAllProps): JSX.Element;
+export default function Section(localProps: SectionAllProps): import("react/jsx-runtime").JSX.Element;

package/es/components/skeleton/style/dnb-skeleton.min.css

@@ -1 +1 @@
-.dnb-skeleton--block{display:block}.dnb-skeleton--overflow{overflow:hidden}.dnb-skeleton--grey{filter:grayscale(100%)}.dnb-skeleton--shape{background:transparent;box-shadow:none!important;color:transparent;overflow-x:hidden;pointer-events:none;position:relative}.dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--shape.dnb-skeleton:before{background:none!important;border-radius:inherit;bottom:0!important;box-shadow:none!important;content:""!important;height:auto!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.dnb-skeleton--code code,.dnb-skeleton--code code *,.dnb-skeleton--code pre,.dnb-skeleton--code pre *,.dnb-skeleton--font code,.dnb-skeleton--font code *,.dnb-skeleton--font pre,.dnb-skeleton--font pre *{--font-family-monospace:"DNBMonoSkeleton"!important;font-family:var(--font-family-monospace)!important;font-style:unset!important}.dnb-skeleton--font,.dnb-skeleton--font-only,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{--font-family-default:"DNBSkeleton"!important;font-family:var(--font-family-default)!important;font-style:unset!important;pointer-events:none}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;background-position-y:50%!important;background-repeat:no-repeat!important;background-size:30rem 100%!important}html[data-visual-test] .dnb-skeleton--font,html[data-visual-test] .dnb-skeleton--font .dnb-p,html[data-visual-test] .dnb-skeleton--font .dnb-skeleton--show-font{animation:none!important}.dnb-skeleton__figure{border-radius:.25rem;position:relative}.dnb-skeleton__figure--circle{border-radius:50%;height:4rem;width:4rem}.dnb-skeleton__figure--product{align-items:center;display:flex}.dnb-skeleton__figure--product .dnb-skeleton__figure--circle+div{margin-left:1rem;width:50%}.dnb-skeleton--no-animation * .dnb-skeleton:after,.dnb-skeleton--no-animation .dnb-skeleton,.dnb-skeleton--no-animation .dnb-skeleton:after{animation:none!important}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:500;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:600;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMonoSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf) format("truetype")}
+.dnb-skeleton--block{display:block}.dnb-skeleton--overflow{overflow:hidden}.dnb-skeleton--grey{filter:grayscale(100%)}.dnb-skeleton--shape{background:transparent;box-shadow:none!important;color:transparent;overflow-x:hidden;pointer-events:none;position:relative}.dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--shape.dnb-skeleton:before{background:none!important;border-radius:inherit;bottom:0!important;box-shadow:none!important;content:""!important;height:auto!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.dnb-skeleton--code code,.dnb-skeleton--code code *,.dnb-skeleton--code pre,.dnb-skeleton--code pre *,.dnb-skeleton--font code,.dnb-skeleton--font code *,.dnb-skeleton--font pre,.dnb-skeleton--font pre *{--font-family-monospace:"DNBMonoSkeleton"!important;font-family:var(--font-family-monospace)!important;font-style:unset!important}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font,.dnb-skeleton--font-only{--font-family-default:"DNBSkeleton"!important;font-family:var(--font-family-default)!important;font-style:unset!important;pointer-events:none}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;background-position-y:50%!important;background-repeat:no-repeat!important;background-size:30rem 100%!important}html[data-visual-test] .dnb-skeleton--font,html[data-visual-test] .dnb-skeleton--font .dnb-p,html[data-visual-test] .dnb-skeleton--font .dnb-skeleton--show-font{animation:none!important}.dnb-skeleton__figure{border-radius:.25rem;position:relative}.dnb-skeleton__figure--circle{border-radius:50%;height:4rem;width:4rem}.dnb-skeleton__figure--product{align-items:center;display:flex}.dnb-skeleton__figure--product .dnb-skeleton__figure--circle+div{margin-left:1rem;width:50%}.dnb-skeleton--no-animation * .dnb-skeleton:after,.dnb-skeleton--no-animation .dnb-skeleton,.dnb-skeleton--no-animation .dnb-skeleton:after{animation:none!important}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:500;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:600;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMonoSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf) format("truetype")}

package/es/components/skeleton/style/themes/dnb-skeleton-theme-ui.min.css

@@ -1 +1 @@
-:root{--skeleton-color:var(--color-black-8);--skeleton-color--contrast:var(--color-white)}.dnb-skeleton{--skeleton-delay:5s}.dnb-skeleton img,.dnb-skeleton video{filter:brightness(0) contrast(0) opacity(.5)}.dnb-skeleton--shape.dnb-skeleton:before{background-color:var(--skeleton-color)!important}.dnb-skeleton--shape.dnb-skeleton:after{animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-repeat:repeat!important;background-size:100%!important;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.dnb-skeleton--font-only::marker,.dnb-skeleton--font .dnb-p::marker,.dnb-skeleton--font .dnb-skeleton--show-font::marker,.dnb-skeleton--font::marker{color:var(--skeleton-color)}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{--border-color:var(--skeleton-color);animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);background-color:var(--skeleton-color)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-position-x:30rem}@keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}
+:root{--skeleton-color:var(--color-black-8);--skeleton-color--contrast:var(--color-white)}.dnb-skeleton{--skeleton-delay:5s}.dnb-skeleton img,.dnb-skeleton video{filter:brightness(0) contrast(0) opacity(.5)}.dnb-skeleton--shape.dnb-skeleton:before{background-color:var(--skeleton-color)!important}.dnb-skeleton--shape.dnb-skeleton:after{animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-repeat:repeat!important;background-size:100%!important;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.dnb-skeleton--font .dnb-p::marker,.dnb-skeleton--font .dnb-skeleton--show-font::marker,.dnb-skeleton--font-only::marker,.dnb-skeleton--font::marker{color:var(--skeleton-color)}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{--border-color:var(--skeleton-color);animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);background-color:var(--skeleton-color)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-position-x:30rem}@keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}

package/es/components/skip-content/SkipContent.d.ts

@@ -19,8 +19,8 @@ export interface SkipContentProps {
 }
 export type SkipContentAllProps = SkipContentProps & ButtonProps;
 declare const SkipContent: {
-    (localProps: SkipContentAllProps): JSX.Element;
-    Return: (localProps: SkipContentReturnProps) => JSX.Element;
+    (localProps: SkipContentAllProps): import("react/jsx-runtime").JSX.Element;
+    Return: (localProps: SkipContentReturnProps) => import("react/jsx-runtime").JSX.Element;
 };
 export type SkipContentReturnProps = SkipContentAllProps;
 export default SkipContent;

package/es/components/slider/Slider.d.ts

@@ -2,8 +2,7 @@
  * Web Slider Component
  *
  */
-/// <reference types="react" />
 import type { SliderAllProps } from './types';
 export * from './types';
-declare function Slider(localProps: SliderAllProps): JSX.Element;
+declare function Slider(localProps: SliderAllProps): import("react/jsx-runtime").JSX.Element;
 export default Slider;

package/es/components/slider/SliderInstance.d.ts

@@ -2,5 +2,4 @@
  * Web Slider Component
  *
  */
-/// <reference types="react" />
-export declare function SliderInstance(): JSX.Element;
+export declare function SliderInstance(): import("react/jsx-runtime").JSX.Element;

package/es/components/slider/SliderProvider.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { SliderAllProps, SliderContextTypes } from './types';
 export declare const SliderContext: React.Context<SliderContextTypes>;
-export declare function SliderProvider(localProps: SliderAllProps): JSX.Element;
+export declare function SliderProvider(localProps: SliderAllProps): import("react/jsx-runtime").JSX.Element;

package/es/components/slider/SliderThumb.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function SliderThumb(): JSX.Element;
+export declare function SliderThumb(): import("react/jsx-runtime").JSX.Element;

package/es/components/slider/SliderThumb.js

@@ -132,7 +132,6 @@ function Thumb({
   }, thumbParams)), tooltip && React.createElement(Tooltip, {
     key: `group-${currentIndex}`,
     targetElement: elemRef,
-    animatePosition: shouldAnimate,
     active: Boolean(showTooltip || alwaysShowTooltip),
     showDelay: 1,
     hideDelay: 300

package/es/components/slider/SliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.js","names":["React","combineDescribedBy","combineLabelledBy","validateDOMAttributes","warn","Button","Tooltip","useSliderEvents","useSliderProps","clamp","getFormattedNumber","SliderThumb","values","createElement","Fragment","map","value","i","Thumb","key","currentIndex","thumbIndex","isVertical","isReverse","showStatus","attributes","allProps","shouldAnimate","id","label","min","max","step","skeleton","disabled","suffix","numberFormat","tooltip","alwaysShowTooltip","index","current","percent","style","zIndex","number","aria","showTooltip","setShowTooltip","useState","onMouseEnterHandler","onMouseLeaveHandler","elemRef","dispatchEvent","Event","e","onThumbMouseDownHandler","onThumbMouseUpHandler","onHelperChangeHandler","onHelperFocusHandler","helperParams","thumbParams","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","onBlur","onFocus","event","useRef","className","_extends","type","onChange","onMouseDown","onMouseUp","undefined","element","variant","innerRef","targetElement","animatePosition","active","Boolean","showDelay","hideDelay"],"sources":["../../../../src/components/slider/SliderThumb.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  combineDescribedBy,\n  combineLabelledBy,\n  validateDOMAttributes,\n  warn,\n} from '../../shared/component-helper'\nimport Button from '../button/Button'\nimport Tooltip from '../tooltip/Tooltip'\nimport { useSliderEvents } from './hooks/useSliderEvents'\nimport { useSliderProps } from './hooks/useSliderProps'\nimport { clamp, getFormattedNumber } from './SliderHelpers'\n\nexport function SliderThumb() {\n  const { values } = useSliderProps()\n\n  return (\n    <>\n      {values.map((value, i) => {\n        return <Thumb key={i} value={value} currentIndex={i} />\n      })}\n    </>\n  )\n}\n\ntype ThumbProps = {\n  value: number\n  currentIndex: number\n}\n\nfunction Thumb({ value, currentIndex }: ThumbProps) {\n  const {\n    thumbIndex,\n    isVertical,\n    isReverse,\n    showStatus,\n    attributes,\n    allProps,\n    shouldAnimate,\n  } = useSliderProps()\n\n  const {\n    id,\n    label,\n    min,\n    max,\n    step,\n    skeleton,\n    disabled,\n    suffix,\n    numberFormat,\n    tooltip,\n    alwaysShowTooltip,\n  } = allProps\n\n  const index = thumbIndex.current\n  let percent = clamp(((value - min) * 100) / (max - min))\n\n  if (isReverse) {\n    percent = 100 - percent\n  }\n\n  const style = {\n    zIndex: index === currentIndex ? 4 : 3,\n    [`${isVertical ? 'top' : 'left'}`]: `${percent}%`,\n  } as React.CSSProperties\n\n  const { number, aria } = getFormattedNumber(value, numberFormat)\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const onMouseEnterHandler = () => {\n    setShowTooltip(true)\n  }\n  const onMouseLeaveHandler = () => {\n    setShowTooltip(false)\n    try {\n      elemRef.current.dispatchEvent(new Event('mouseleave'))\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const {\n    onThumbMouseDownHandler,\n    onThumbMouseUpHandler,\n    onHelperChangeHandler,\n    onHelperFocusHandler,\n  } = useSliderEvents()\n\n  const helperParams: Record<string, unknown> = {}\n\n  if (label) {\n    helperParams['aria-labelledby'] = combineLabelledBy(\n      helperParams,\n      label ? id + '-label' : null\n    )\n  }\n\n  if (showStatus || suffix) {\n    helperParams['aria-describedby'] = combineDescribedBy(\n      helperParams,\n      showStatus ? id + '-status' : null,\n      suffix ? id + '-suffix' : null\n    )\n  }\n\n  const thumbParams = attributes as Record<string, unknown>\n\n  if (tooltip) {\n    thumbParams.onMouseEnter = onMouseEnterHandler\n    thumbParams.onMouseLeave = onMouseLeaveHandler\n    thumbParams.onTouchStart = onMouseEnterHandler\n    thumbParams.onTouchEnd = onMouseLeaveHandler\n    helperParams.onBlur = onMouseLeaveHandler\n    helperParams.onFocus = (event) => {\n      onHelperFocusHandler(event)\n      onMouseEnterHandler()\n      try {\n        elemRef.current.dispatchEvent(new Event('mouseenter'))\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n  validateDOMAttributes(allProps, thumbParams) // because we send along rest attributes\n\n  const elemRef = React.useRef<HTMLElement>()\n\n  return (\n    <>\n      <span className=\"dnb-slider__thumb\" style={style}>\n        <input\n          type=\"range\"\n          className=\"dnb-slider__button-helper\"\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          disabled={disabled}\n          onChange={onHelperChangeHandler}\n          onFocus={onHelperFocusHandler}\n          onMouseDown={onThumbMouseDownHandler}\n          onMouseUp={onThumbMouseUpHandler}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={value}\n          aria-valuetext={aria ? aria : undefined}\n          aria-orientation={isVertical ? 'vertical' : 'horizontal'}\n          data-index={currentIndex}\n          {...helperParams}\n        />\n\n        <Button\n          element=\"span\"\n          type=\"\" // avoid getting type=\"button\"\n          variant=\"secondary\"\n          disabled={disabled}\n          skeleton={skeleton}\n          innerRef={elemRef}\n          {...thumbParams}\n        />\n\n        {tooltip && (\n          <Tooltip\n            key={`group-${currentIndex}`}\n            targetElement={elemRef}\n            animatePosition={shouldAnimate}\n            active={Boolean(showTooltip || alwaysShowTooltip)}\n            showDelay={1}\n            hideDelay={300}\n          >\n            {number || value}\n            {\n              shouldAnimate /* Use \"shouldAnimate\" only in order to update the position after the thumb animation */\n            }\n          </Tooltip>\n        )}\n      </span>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SliderThumb.js","names":["React","combineDescribedBy","combineLabelledBy","validateDOMAttributes","warn","Button","Tooltip","useSliderEvents","useSliderProps","clamp","getFormattedNumber","SliderThumb","values","createElement","Fragment","map","value","i","Thumb","key","currentIndex","thumbIndex","isVertical","isReverse","showStatus","attributes","allProps","shouldAnimate","id","label","min","max","step","skeleton","disabled","suffix","numberFormat","tooltip","alwaysShowTooltip","index","current","percent","style","zIndex","number","aria","showTooltip","setShowTooltip","useState","onMouseEnterHandler","onMouseLeaveHandler","elemRef","dispatchEvent","Event","e","onThumbMouseDownHandler","onThumbMouseUpHandler","onHelperChangeHandler","onHelperFocusHandler","helperParams","thumbParams","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","onBlur","onFocus","event","useRef","className","_extends","type","onChange","onMouseDown","onMouseUp","undefined","element","variant","innerRef","targetElement","active","Boolean","showDelay","hideDelay"],"sources":["../../../../src/components/slider/SliderThumb.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  combineDescribedBy,\n  combineLabelledBy,\n  validateDOMAttributes,\n  warn,\n} from '../../shared/component-helper'\nimport Button from '../button/Button'\nimport Tooltip from '../tooltip/Tooltip'\nimport { useSliderEvents } from './hooks/useSliderEvents'\nimport { useSliderProps } from './hooks/useSliderProps'\nimport { clamp, getFormattedNumber } from './SliderHelpers'\n\nexport function SliderThumb() {\n  const { values } = useSliderProps()\n\n  return (\n    <>\n      {values.map((value, i) => {\n        return <Thumb key={i} value={value} currentIndex={i} />\n      })}\n    </>\n  )\n}\n\ntype ThumbProps = {\n  value: number\n  currentIndex: number\n}\n\nfunction Thumb({ value, currentIndex }: ThumbProps) {\n  const {\n    thumbIndex,\n    isVertical,\n    isReverse,\n    showStatus,\n    attributes,\n    allProps,\n    shouldAnimate,\n  } = useSliderProps()\n\n  const {\n    id,\n    label,\n    min,\n    max,\n    step,\n    skeleton,\n    disabled,\n    suffix,\n    numberFormat,\n    tooltip,\n    alwaysShowTooltip,\n  } = allProps\n\n  const index = thumbIndex.current\n  let percent = clamp(((value - min) * 100) / (max - min))\n\n  if (isReverse) {\n    percent = 100 - percent\n  }\n\n  const style = {\n    zIndex: index === currentIndex ? 4 : 3,\n    [`${isVertical ? 'top' : 'left'}`]: `${percent}%`,\n  } as React.CSSProperties\n\n  const { number, aria } = getFormattedNumber(value, numberFormat)\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const onMouseEnterHandler = () => {\n    setShowTooltip(true)\n  }\n  const onMouseLeaveHandler = () => {\n    setShowTooltip(false)\n    try {\n      elemRef.current.dispatchEvent(new Event('mouseleave'))\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const {\n    onThumbMouseDownHandler,\n    onThumbMouseUpHandler,\n    onHelperChangeHandler,\n    onHelperFocusHandler,\n  } = useSliderEvents()\n\n  const helperParams: Record<string, unknown> = {}\n\n  if (label) {\n    helperParams['aria-labelledby'] = combineLabelledBy(\n      helperParams,\n      label ? id + '-label' : null\n    )\n  }\n\n  if (showStatus || suffix) {\n    helperParams['aria-describedby'] = combineDescribedBy(\n      helperParams,\n      showStatus ? id + '-status' : null,\n      suffix ? id + '-suffix' : null\n    )\n  }\n\n  const thumbParams = attributes as Record<string, unknown>\n\n  if (tooltip) {\n    thumbParams.onMouseEnter = onMouseEnterHandler\n    thumbParams.onMouseLeave = onMouseLeaveHandler\n    thumbParams.onTouchStart = onMouseEnterHandler\n    thumbParams.onTouchEnd = onMouseLeaveHandler\n    helperParams.onBlur = onMouseLeaveHandler\n    helperParams.onFocus = (event) => {\n      onHelperFocusHandler(event)\n      onMouseEnterHandler()\n      try {\n        elemRef.current.dispatchEvent(new Event('mouseenter'))\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n  validateDOMAttributes(allProps, thumbParams) // because we send along rest attributes\n\n  const elemRef = React.useRef<HTMLElement>()\n\n  return (\n    <>\n      <span className=\"dnb-slider__thumb\" style={style}>\n        <input\n          type=\"range\"\n          className=\"dnb-slider__button-helper\"\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          disabled={disabled}\n          onChange={onHelperChangeHandler}\n          onFocus={onHelperFocusHandler}\n          onMouseDown={onThumbMouseDownHandler}\n          onMouseUp={onThumbMouseUpHandler}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={value}\n          aria-valuetext={aria ? aria : undefined}\n          aria-orientation={isVertical ? 'vertical' : 'horizontal'}\n          data-index={currentIndex}\n          {...helperParams}\n        />\n\n        <Button\n          element=\"span\"\n          type=\"\" // avoid getting type=\"button\"\n          variant=\"secondary\"\n          disabled={disabled}\n          skeleton={skeleton}\n          innerRef={elemRef}\n          {...thumbParams}\n        />\n\n        {tooltip && (\n          <Tooltip\n            key={`group-${currentIndex}`}\n            targetElement={elemRef}\n            active={Boolean(showTooltip || alwaysShowTooltip)}\n            showDelay={1}\n            hideDelay={300}\n          >\n            {number || value}\n            {\n              shouldAnimate /* Use \"shouldAnimate\" only in order to update the position after the thumb animation */\n            }\n          </Tooltip>\n        )}\n      </span>\n    </>\n  )\n}\n"],"mappings":"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"}

package/es/components/slider/SliderTrack.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare function SliderMainTrack({ children, }: {
     children: React.ReactNode | React.ReactNode[];
-}): JSX.Element;
-export declare function SliderTrackBefore(): JSX.Element;
-export declare function SliderTrackAfter(): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SliderTrackBefore(): import("react/jsx-runtime").JSX.Element;
+export declare function SliderTrackAfter(): import("react/jsx-runtime").JSX.Element;

package/es/components/space/Space.d.ts

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 import PropTypes from 'prop-types';
+import { ContextProps } from '../../shared/Context';
 import { spacingPropTypes } from './SpacingHelper';
 import type { DynamicElement, SpacingProps } from '../../shared/types';
 import type { SkeletonShow } from '../Skeleton';
@@ -42,13 +43,14 @@ export type SpaceProps = {
 } & SpacingProps;
 export type SpaceAllProps = SpaceProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
 export default class Space extends React.PureComponent<SpaceAllProps | React.HTMLProps<HTMLElement>> {
-    static contextType: React.Context<import("../../shared/Context").ContextProps>;
+    static contextType: React.Context<ContextProps>;
+    context: ContextProps & SpacingProps;
     static propTypes: {
         stretch: PropTypes.Requireable<NonNullable<string | boolean>>;
         skeleton: PropTypes.Requireable<NonNullable<string | boolean>>;
         innerRef: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         space: PropTypes.Requireable<NonNullable<string | number | boolean | PropTypes.InferProps<{
             top: PropTypes.Requireable<NonNullable<string | number | boolean>>;
             right: PropTypes.Requireable<NonNullable<string | number | boolean>>;
@@ -59,7 +61,7 @@ export default class Space extends React.PureComponent<SpaceAllProps | React.HTM
         right: PropTypes.Requireable<NonNullable<string | number | boolean>>;
         bottom: PropTypes.Requireable<NonNullable<string | number | boolean>>;
         left: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-        element: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        element: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         inline: PropTypes.Requireable<NonNullable<string | boolean>>;
         no_collapse: PropTypes.Requireable<NonNullable<string | boolean>>;
     };
@@ -79,5 +81,5 @@ export default class Space extends React.PureComponent<SpaceAllProps | React.HTM
         no_collapse: any;
     };
     static getContent(props: any): any;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/es/components/space/Space.js

@@ -44,6 +44,10 @@ function Element(_ref) {
   return component;
 }
 export default class Space extends React.PureComponent {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "context", void 0);
+  }
   static getContent(props) {
     return processChildren(props);
   }
@@ -51,7 +55,9 @@ export default class Space extends React.PureComponent {
     var _this$context;
     const props = this.context.space ? extendPropsWithContextInClassComponent(this.props, Space.defaultProps, {
       skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-    }, this.context.space) : this.props;
+    }, {
+      space: this.context.space
+    }) : this.props;
     const _ref2 = props,
       {
         element,

package/es/components/space/Space.js.map

@@ -1 +1 @@
-{"version":3,"file":"Space.js","names":["React","PropTypes","classnames","isTrue","extendPropsWithContextInClassComponent","processChildren","validateDOMAttributes","Context","spacingPropTypes","createSpacingClasses","isInline","spacingDefaultProps","skeletonDOMAttributes","createSkeletonClass","Section","Element","_ref","element","no_collapse","children","innerRef","props","_objectWithoutProperties","_excluded","ElementDynamic","component","createElement","_extends","inner_ref","ref","R","className","Space","PureComponent","getContent","render","_this$context","context","space","defaultProps","skeleton","_ref2","inline","top","right","bottom","left","stretch","attributes","_excluded2","params","_objectSpread","_defineProperty","process","env","NODE_ENV","propTypes","oneOfType","string","func","node","bool","object"],"sources":["../../../../src/components/space/Space.tsx"],"sourcesContent":["/**\n * Web Space Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  extendPropsWithContextInClassComponent,\n  processChildren,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport { spacingPropTypes } from './SpacingHelper'\nimport {\n  createSpacingClasses,\n  isInline,\n  spacingDefaultProps,\n} from './SpacingUtils'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport Section from '../section/Section'\n\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\n\nexport { spacingPropTypes }\n\nfunction Element({\n  element,\n  no_collapse,\n  children,\n  innerRef,\n  ...props\n}: SpaceAllProps) {\n  const ElementDynamic = element as DynamicElement<any>\n  let component: React.ReactElement = null\n\n  if (ElementDynamic === Section) {\n    component = (\n      <ElementDynamic {...props} inner_ref={innerRef}>\n        {children}\n      </ElementDynamic>\n    )\n  } else {\n    // also used for code markup simulation\n    validateDOMAttributes({}, props)\n\n    component = (\n      <ElementDynamic {...props} ref={innerRef}>\n        {children}\n      </ElementDynamic>\n    )\n  }\n\n  if (isTrue(no_collapse)) {\n    const R =\n      ElementDynamic === 'span' || isInline(element as string)\n        ? 'span'\n        : 'div'\n    return (\n      <R\n        className={classnames(\n          'dnb-space--no-collapse',\n          isInline(element as string) && 'dnb-space--inline'\n        )}\n      >\n        {component}\n      </R>\n    )\n  }\n\n  return component\n}\n\nexport type SpaceProps = {\n  /**\n   * Defines the HTML element used.\n   * Default: div\n   */\n  element?: DynamicElement\n\n  /**\n   * If set to `true`, then `display: inline-block;` is used, so the HTML elements get aligned horizontally. Defaults to `false`.\n   * Default: false\n   */\n  inline?: boolean\n\n  /**\n   * If set to `true`, then a wrapper with `display: flow-root;` is used. This way you avoid **Margin Collapsing**. Defaults to `false`. _Note:_ You can't use `inline={true}` in combination.\n   * Default: false\n   */\n  no_collapse?: boolean\n\n  /**\n   * If set to `true`, then the space element will be 100% in `width`.\n   * Default: false\n   */\n  stretch?: boolean\n\n  /**\n   * If set to `true`, a loading skeleton will be shown.\n   * Default: false\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Send along a custom React Ref.\n   * Default: null\n   */\n  innerRef?: React.RefObject<HTMLElement>\n} & SpacingProps\n\nexport type SpaceAllProps = SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nexport default class Space extends React.PureComponent<\n  SpaceAllProps | React.HTMLProps<HTMLElement>\n> {\n  static contextType = Context\n\n  static propTypes = {\n    element: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    inline: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_collapse: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    innerRef: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    element: 'div',\n    inline: null,\n    no_collapse: null, // avoid margin collapsing\n\n    ...spacingDefaultProps,\n\n    stretch: null,\n    skeleton: null,\n\n    innerRef: null,\n    className: null,\n    children: null,\n  }\n\n  static getContent(props) {\n    return processChildren(props)\n  }\n\n  render() {\n    // consume the space context\n    const props = this.context.space\n      ? // use only the props from context, who are available here anyway\n        extendPropsWithContextInClassComponent(\n          this.props,\n          Space.defaultProps,\n          { skeleton: this.context?.skeleton },\n          this.context.space\n        )\n      : this.props\n\n    const {\n      element,\n      inline,\n      no_collapse,\n      top,\n      right,\n      bottom,\n      left,\n      space,\n      stretch,\n      skeleton,\n      innerRef,\n      className,\n\n      ...attributes\n    } = props as SpaceAllProps\n\n    // in case we have a label already, we split this out and use this one instead\n    const children = Space.getContent(this.props)\n\n    const params = {\n      className: classnames(\n        'dnb-space',\n        isTrue(stretch) && 'dnb-space--stretch',\n        isTrue(inline) && 'dnb-space--inline',\n        createSkeletonClass(null, skeleton), // do not send along this.context\n        createSpacingClasses({ top, right, bottom, left, space }),\n        className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton) // do not send along this.context\n\n    return (\n      <Element\n        element={element}\n        no_collapse={no_collapse}\n        innerRef={innerRef}\n        {...params}\n      >\n        {children}\n      </Element>\n    )\n  }\n}\n"],"mappings":";;;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,sCAAsC,EACtCC,eAAe,EACfC,qBAAqB,QAChB,+BAA+B;AACtC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SAASC,gBAAgB,QAAQ,iBAAiB;AAClD,SACEC,oBAAoB,EACpBC,QAAQ,EACRC,mBAAmB,QACd,gBAAgB;AACvB,SACEC,qBAAqB,EACrBC,mBAAmB,QACd,4BAA4B;AACnC,OAAOC,OAAO,MAAM,oBAAoB;AAKxC,SAASN,gBAAgB;AAEzB,SAASO,OAAOA,CAAAC,IAAA,EAME;EAAA,IAND;MACfC,OAAO;MACPC,WAAW;MACXC,QAAQ;MACRC;IAEa,CAAC,GAAAJ,IAAA;IADXK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,MAAMC,cAAc,GAAGP,OAA8B;EACrD,IAAIQ,SAA6B,GAAG,IAAI;EAExC,IAAID,cAAc,KAAKV,OAAO,EAAE;IAC9BW,SAAS,GACPzB,KAAA,CAAA0B,aAAA,CAACF,cAAc,EAAAG,QAAA,KAAKN,KAAK;MAAEO,SAAS,EAAER;IAAS,IAC5CD,QACa,CACjB;EACH,CAAC,MAAM;IAELb,qBAAqB,CAAC,CAAC,CAAC,EAAEe,KAAK,CAAC;IAEhCI,SAAS,GACPzB,KAAA,CAAA0B,aAAA,CAACF,cAAc,EAAAG,QAAA,KAAKN,KAAK;MAAEQ,GAAG,EAAET;IAAS,IACtCD,QACa,CACjB;EACH;EAEA,IAAIhB,MAAM,CAACe,WAAW,CAAC,EAAE;IACvB,MAAMY,CAAC,GACLN,cAAc,KAAK,MAAM,IAAId,QAAQ,CAACO,OAAiB,CAAC,GACpD,MAAM,GACN,KAAK;IACX,OACEjB,KAAA,CAAA0B,aAAA,CAACI,CAAC;MACAC,SAAS,EACP,wBAAwB,IACxBrB,QAAQ,CAACO,OAAiB,CAAC;IAC3B,GAEDQ,SACA,CAAC;EAER;EAEA,OAAOA,SAAS;AAClB;AA2CA,eAAe,MAAMO,KAAK,SAAShC,KAAK,CAACiC,aAAa,CAEpD;EAwCA,OAAOC,UAAUA,CAACb,KAAK,EAAE;IACvB,OAAOhB,eAAe,CAACgB,KAAK,CAAC;EAC/B;EAEAc,MAAMA,CAAA,EAAG;IAAA,IAAAC,aAAA;IAEP,MAAMf,KAAK,GAAG,IAAI,CAACgB,OAAO,CAACC,KAAK,GAE5BlC,sCAAsC,CACpC,IAAI,CAACiB,KAAK,EACVW,KAAK,CAACO,YAAY,EAClB;MAAEC,QAAQ,GAAAJ,aAAA,GAAE,IAAI,CAACC,OAAO,cAAAD,aAAA,uBAAZA,aAAA,CAAcI;IAAS,CAAC,EACpC,IAAI,CAACH,OAAO,CAACC,KACf,CAAC,GACD,IAAI,CAACjB,KAAK;IAEd,MAAAoB,KAAA,GAeIpB,KAAK;MAfH;QACJJ,OAAO;QACPyB,MAAM;QACNxB,WAAW;QACXyB,GAAG;QACHC,KAAK;QACLC,MAAM;QACNC,IAAI;QACJR,KAAK;QACLS,OAAO;QACPP,QAAQ;QACRpB,QAAQ;QACRW;MAGF,CAAC,GAAAU,KAAA;MADIO,UAAU,GAAA1B,wBAAA,CAAAmB,KAAA,EAAAQ,UAAA;IAIf,MAAM9B,QAAQ,GAAGa,KAAK,CAACE,UAAU,CAAC,IAAI,CAACb,KAAK,CAAC;IAE7C,MAAM6B,MAAM,GAAAC,aAAA;MACVpB,SAAS,EAAE7B,UAAU,CACnB,WAAW,EAGXW,mBAAmB,CAAC,IAAI,EAAE2B,QAAQ,CAAC,EACnC/B,oBAAoB,CAAC;QAAEkC,GAAG;QAAEC,KAAK;QAAEC,MAAM;QAAEC,IAAI;QAAER;MAAM,CAAC,CAAC,EACzDP,SAAS,EAJT5B,MAAM,CAAC4C,OAAO,CAAC,IAAI,oBAAoB,EACvC5C,MAAM,CAACuC,MAAM,CAAC,IAAI,mBAIpB;IAAC,GACEM,UAAU,CACd;IAEDpC,qBAAqB,CAACsC,MAAM,EAAEV,QAAQ,CAAC;IAEvC,OACExC,KAAA,CAAA0B,aAAA,CAACX,OAAO,EAAAY,QAAA;MACNV,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBE,QAAQ,EAAEA;IAAS,GACf8B,MAAM,GAET/B,QACM,CAAC;EAEd;AACF;AAACiC,eAAA,CAvGoBpB,KAAK,iBAGHzB,OAAO;AAAA6C,eAAA,CAHTpB,KAAK,kBAAAmB,aAAA,CAAAA,aAAA;EA4BtBlC,OAAO,EAAE,KAAK;EACdyB,MAAM,EAAE,IAAI;EACZxB,WAAW,EAAE;AAAI,GAEdP,mBAAmB;EAEtBoC,OAAO,EAAE,IAAI;EACbP,QAAQ,EAAE,IAAI;EAEdpB,QAAQ,EAAE,IAAI;EACdW,SAAS,EAAE,IAAI;EACfZ,QAAQ,EAAE;AAAI;AAAAkC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAvCGvB,KAAK,CAKjBwB,SAAS,GAAAL,aAAA,CAAAA,aAAA;EACdlC,OAAO,EAAEhB,SAAS,CAACwD,SAAS,CAAC,CAC3BxD,SAAS,CAACyD,MAAM,EAChBzD,SAAS,CAAC0D,IAAI,EACd1D,SAAS,CAAC2D,IAAI,CACf,CAAC;EACFlB,MAAM,EAAEzC,SAAS,CAACwD,SAAS,CAAC,CAACxD,SAAS,CAACyD,MAAM,EAAEzD,SAAS,CAAC4D,IAAI,CAAC,CAAC;EAC/D3C,WAAW,EAAEjB,SAAS,CAACwD,SAAS,CAAC,CAACxD,SAAS,CAACyD,MAAM,EAAEzD,SAAS,CAAC4D,IAAI,CAAC;AAAC,GAEjErD,gBAAgB;EAEnBuC,OAAO,EAAE9C,SAAS,CAACwD,SAAS,CAAC,CAACxD,SAAS,CAACyD,MAAM,EAAEzD,SAAS,CAAC4D,IAAI,CAAC,CAAC;EAChErB,QAAQ,EAAEvC,SAAS,CAACwD,SAAS,CAAC,CAACxD,SAAS,CAACyD,MAAM,EAAEzD,SAAS,CAAC4D,IAAI,CAAC,CAAC;EACjEzC,QAAQ,EAAEnB,SAAS,CAAC6D,MAAM;EAC1B/B,SAAS,EAAE9B,SAAS,CAACyD,MAAM;EAC3BvC,QAAQ,EAAElB,SAAS,CAACwD,SAAS,CAAC,CAC5BxD,SAAS,CAACyD,MAAM,EAChBzD,SAAS,CAAC0D,IAAI,EACd1D,SAAS,CAAC2D,IAAI,CACf;AAAC"}
+{"version":3,"file":"Space.js","names":["React","PropTypes","classnames","isTrue","extendPropsWithContextInClassComponent","processChildren","validateDOMAttributes","Context","spacingPropTypes","createSpacingClasses","isInline","spacingDefaultProps","skeletonDOMAttributes","createSkeletonClass","Section","Element","_ref","element","no_collapse","children","innerRef","props","_objectWithoutProperties","_excluded","ElementDynamic","component","createElement","_extends","inner_ref","ref","R","className","Space","PureComponent","constructor","args","_defineProperty","getContent","render","_this$context","context","space","defaultProps","skeleton","_ref2","inline","top","right","bottom","left","stretch","attributes","_excluded2","params","_objectSpread","process","env","NODE_ENV","propTypes","oneOfType","string","func","node","bool","object"],"sources":["../../../../src/components/space/Space.tsx"],"sourcesContent":["/**\n * Web Space Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  extendPropsWithContextInClassComponent,\n  processChildren,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { spacingPropTypes } from './SpacingHelper'\nimport {\n  createSpacingClasses,\n  isInline,\n  spacingDefaultProps,\n} from './SpacingUtils'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport Section from '../section/Section'\n\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\n\nexport { spacingPropTypes }\n\nfunction Element({\n  element,\n  no_collapse,\n  children,\n  innerRef,\n  ...props\n}: SpaceAllProps) {\n  const ElementDynamic = element as DynamicElement<any>\n  let component: React.ReactElement = null\n\n  if (ElementDynamic === Section) {\n    component = (\n      <ElementDynamic {...props} inner_ref={innerRef}>\n        {children}\n      </ElementDynamic>\n    )\n  } else {\n    // also used for code markup simulation\n    validateDOMAttributes({}, props)\n\n    component = (\n      <ElementDynamic {...props} ref={innerRef}>\n        {children}\n      </ElementDynamic>\n    )\n  }\n\n  if (isTrue(no_collapse)) {\n    const R =\n      ElementDynamic === 'span' || isInline(element as string)\n        ? 'span'\n        : 'div'\n    return (\n      <R\n        className={classnames(\n          'dnb-space--no-collapse',\n          isInline(element as string) && 'dnb-space--inline'\n        )}\n      >\n        {component}\n      </R>\n    )\n  }\n\n  return component\n}\n\nexport type SpaceProps = {\n  /**\n   * Defines the HTML element used.\n   * Default: div\n   */\n  element?: DynamicElement\n\n  /**\n   * If set to `true`, then `display: inline-block;` is used, so the HTML elements get aligned horizontally. Defaults to `false`.\n   * Default: false\n   */\n  inline?: boolean\n\n  /**\n   * If set to `true`, then a wrapper with `display: flow-root;` is used. This way you avoid **Margin Collapsing**. Defaults to `false`. _Note:_ You can't use `inline={true}` in combination.\n   * Default: false\n   */\n  no_collapse?: boolean\n\n  /**\n   * If set to `true`, then the space element will be 100% in `width`.\n   * Default: false\n   */\n  stretch?: boolean\n\n  /**\n   * If set to `true`, a loading skeleton will be shown.\n   * Default: false\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Send along a custom React Ref.\n   * Default: null\n   */\n  innerRef?: React.RefObject<HTMLElement>\n} & SpacingProps\n\nexport type SpaceAllProps = SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nexport default class Space extends React.PureComponent<\n  SpaceAllProps | React.HTMLProps<HTMLElement>\n> {\n  static contextType = Context\n\n  context!: ContextProps & SpacingProps\n\n  static propTypes = {\n    element: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    inline: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_collapse: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    innerRef: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    element: 'div',\n    inline: null,\n    no_collapse: null, // avoid margin collapsing\n\n    ...spacingDefaultProps,\n\n    stretch: null,\n    skeleton: null,\n\n    innerRef: null,\n    className: null,\n    children: null,\n  }\n\n  static getContent(props) {\n    return processChildren(props)\n  }\n\n  render() {\n    // consume the space context\n    const props = this.context.space\n      ? // use only the props from context, who are available here anyway\n        extendPropsWithContextInClassComponent(\n          this.props,\n          Space.defaultProps,\n          { skeleton: this.context?.skeleton },\n          { space: this.context.space }\n        )\n      : this.props\n\n    const {\n      element,\n      inline,\n      no_collapse,\n      top,\n      right,\n      bottom,\n      left,\n      space,\n      stretch,\n      skeleton,\n      innerRef,\n      className,\n\n      ...attributes\n    } = props as SpaceAllProps\n\n    // in case we have a label already, we split this out and use this one instead\n    const children = Space.getContent(this.props)\n\n    const params = {\n      className: classnames(\n        'dnb-space',\n        isTrue(stretch) && 'dnb-space--stretch',\n        isTrue(inline) && 'dnb-space--inline',\n        createSkeletonClass(null, skeleton), // do not send along this.context\n        createSpacingClasses({ top, right, bottom, left, space }),\n        className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton) // do not send along this.context\n\n    return (\n      <Element\n        element={element}\n        no_collapse={no_collapse}\n        innerRef={innerRef}\n        {...params}\n      >\n        {children}\n      </Element>\n    )\n  }\n}\n"],"mappings":"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"}

package/es/components/step-indicator/StepIndicatorList.d.ts

@@ -2,7 +2,7 @@ export default class StepIndicatorList extends React.PureComponent<any, any, any
     static contextType: typeof StepIndicatorContext;
     constructor(props: any);
     constructor(props: any, context: any);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 import React from 'react';
 import StepIndicatorContext from './StepIndicatorContext';

package/es/components/step-indicator/StepIndicatorModal.d.ts

@@ -7,8 +7,8 @@ export default class StepIndicatorModal extends React.PureComponent<any, any, an
     };
     closeHandler: (...args: any[]) => void;
     componentDidMount(): void;
-    renderPortal(): React.ReactPortal;
-    render(): JSX.Element;
+    renderPortal(): import("react-dom/node_modules/@types/react").ReactPortal;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 import React from 'react';
 import StepIndicatorContext from './StepIndicatorContext';

package/es/components/step-indicator/StepIndicatorProps.d.ts

@@ -1,7 +1,7 @@
 export const stepIndicatorPropTypes: {
     class: PropTypes.Requireable<string>;
     className: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
     on_change: PropTypes.Requireable<(...args: any[]) => any>;
     on_click: PropTypes.Requireable<(...args: any[]) => any>;
     space: PropTypes.Requireable<NonNullable<string | number | boolean | PropTypes.InferProps<{

package/es/components/step-indicator/style/themes/dnb-step-indicator-theme-ui.min.css

@@ -1 +1 @@
-.dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);font-weight:var(--font-weight-medium)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--visited .dnb-button{background-color:var(--color-pistachio)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button{cursor:text;pointer-events:auto;-webkit-user-select:initial;user-select:initial}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-20);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-80);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button:not([disabled]):not(:active):not(:hover):focus{background-color:var(--color-mint-green);color:var(--color-emerald-green)}.dnb-step-indicator-wrapper .dnb-step-indicator__label,.dnb-step-indicator-wrapper .dnb-step-indicator__label.dnb-p{font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status.dnb-button--secondary{background-color:var(--color-sand-yellow)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:var(--color-fire-red-8)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:var(--color-pistachio)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon{align-self:flex-start;margin-right:.75rem;margin-top:1rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:var(--font-weight-basis)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:var(--color-black-80);font-size:var(--font-size-x-small);line-height:var(--font-size-basis);margin-top:.5rem}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);font-weight:var(--font-weight-medium)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--visited .dnb-button{background-color:var(--color-pistachio)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button{cursor:text;pointer-events:auto;-webkit-user-select:initial;user-select:auto}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-20);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-80);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button:not([disabled]):not(:active):not(:hover):focus{background-color:var(--color-mint-green);color:var(--color-emerald-green)}.dnb-step-indicator-wrapper .dnb-step-indicator__label,.dnb-step-indicator-wrapper .dnb-step-indicator__label.dnb-p{font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status.dnb-button--secondary{background-color:var(--color-sand-yellow)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:var(--color-fire-red-8)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:var(--color-pistachio)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon{align-self:flex-start;margin-right:.75rem;margin-top:1rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:var(--font-weight-basis)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:var(--color-black-80);font-size:var(--font-size-x-small);line-height:var(--font-size-basis);margin-top:.5rem}

package/es/components/table/Table.d.ts

@@ -55,13 +55,13 @@ export type TableProps = {
      */
     fixed?: boolean;
 } & StickyTableHeaderProps;
-export type TableAllProps = TableProps & React.TableHTMLAttributes<HTMLTableElement> & LocaleProps & SpacingProps;
+export type TableAllProps = TableProps & Omit<React.TableHTMLAttributes<HTMLTableElement>, 'border'> & LocaleProps & SpacingProps;
 export declare const defaultProps: {
     size: string;
     variant: string;
 };
 declare const Table: {
-    (componentProps: TableAllProps): JSX.Element;
+    (componentProps: TableAllProps): import("react/jsx-runtime").JSX.Element;
     ScrollView: typeof ScrollView;
 };
 export default Table;

package/es/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["React","classnames","Context","Provider","createSpacingClasses","createSkeletonClass","extendPropsWithContext","validateDOMAttributes","ScrollView","TableContext","useStickyHeader","useHandleOddEven","defaultProps","size","variant","Table","componentProps","context","useContext","allProps","skeleton","className","children","sticky","stickyOffset","fixed","border","outline","accordion","accordionChevronPlacement","props","_objectWithoutProperties","_excluded","elementRef","trCountRef","rerenderAlias","skeletonClasses","spacingClasses","createElement","Boolean","value","_objectSpread","getTranslation","_extends","ref"],"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport {\n  extendPropsWithContext,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport ScrollView from './TableScrollView'\nimport TableContext from './TableContext'\nimport { useStickyHeader } from './TableStickyHeader'\n\nimport type { StickyTableHeaderProps } from './TableStickyHeader'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { LocaleProps, SpacingProps } from '../../shared/types'\nimport { useHandleOddEven } from './TableTr'\n\nexport type TableSizes = 'large' | 'medium' | 'small'\nexport type TableVariants = 'generic'\n\nexport { ScrollView }\n\nexport type TableProps = {\n  /**\n   * The content of the component.\n   */\n  children: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The size of the component.\n   * Default: large.\n   */\n  size?: TableSizes\n\n  /**\n   * The style variant of the component.\n   * Default: generic.\n   */\n  variant?: TableVariants\n\n  /**\n   * Use `true` to show borders between table data cell\n   * Default: false\n   */\n  border?: boolean\n\n  /**\n   * Use `true` to show a outline border around the table\n   * Default: false\n   */\n  outline?: boolean\n\n  /**\n   * Set to true if you have one or more rows that contains an accordion content.\n   * Default: false\n   */\n  accordion?: boolean\n\n  /**\n   * Defines where the chevron will be placed.\n   * Default: 'start'\n   */\n  accordionChevronPlacement?: 'start' | 'end'\n\n  /**\n   * Defines if the table should behave with a fixed table layout, using: \"table-layout: fixed;\"\n   * Default: null.\n   */\n  fixed?: boolean\n} & StickyTableHeaderProps\n\nexport type TableAllProps = TableProps &\n  React.TableHTMLAttributes<HTMLTableElement> &\n  LocaleProps &\n  SpacingProps\n\nexport const defaultProps = {\n  size: 'large',\n  variant: 'generic',\n}\n\nconst Table = (componentProps: TableAllProps) => {\n  const context = React.useContext(Context)\n\n  const allProps = extendPropsWithContext(\n    componentProps,\n    defaultProps,\n    context?.Table,\n    {\n      skeleton: context?.skeleton,\n    }\n  )\n\n  const {\n    className,\n    children,\n    size,\n    skeleton,\n    variant,\n    sticky,\n    stickyOffset, // eslint-disable-line\n    fixed,\n    border,\n    outline,\n    accordion,\n    accordionChevronPlacement, // eslint-disable-line\n    ...props\n  } = allProps\n\n  const { elementRef } = useStickyHeader(allProps)\n  const { trCountRef, rerenderAlias } = useHandleOddEven({ children })\n\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  validateDOMAttributes(allProps, props)\n\n  return (\n    <Provider skeleton={Boolean(skeleton)}>\n      <TableContext.Provider\n        value={{\n          trCountRef,\n          rerenderAlias,\n          allProps: {\n            ...allProps,\n            ...context.getTranslation(componentProps).Table,\n          },\n        }}\n      >\n        <table\n          className={classnames(\n            'dnb-table',\n            variant && `dnb-table__variant--${variant}`,\n            size && `dnb-table__size--${size}`,\n            sticky && 'dnb-table--sticky',\n            fixed && 'dnb-table--fixed',\n            border && 'dnb-table--border',\n            outline && 'dnb-table--outline',\n            accordion && 'dnb-table--accordion',\n            spacingClasses,\n            skeletonClasses,\n            className\n          )}\n          ref={elementRef}\n          {...props}\n        >\n          {children}\n        </table>\n      </TableContext.Provider>\n    </Provider>\n  )\n}\n\nexport default Table\n\nTable.ScrollView = ScrollView\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,QAAQ,MAAM,uBAAuB;AAC5C,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SACEC,sBAAsB,EACtBC,qBAAqB,QAChB,+BAA+B;AACtC,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,eAAe,QAAQ,qBAAqB;AAKrD,SAASC,gBAAgB,QAAQ,WAAW;AAK5C,SAASH,UAAU;AAkEnB,OAAO,MAAMI,YAAY,GAAG;EAC1BC,IAAI,EAAE,OAAO;EACbC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,KAAK,GAAIC,cAA6B,IAAK;EAC/C,MAAMC,OAAO,GAAGjB,KAAK,CAACkB,UAAU,CAAChB,OAAO,CAAC;EAEzC,MAAMiB,QAAQ,GAAGb,sBAAsB,CACrCU,cAAc,EACdJ,YAAY,EACZK,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,KAAK,EACd;IACEK,QAAQ,EAAEH,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG;EACrB,CACF,CAAC;EAED,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRT,IAAI;MACJO,QAAQ;MACRN,OAAO;MACPS,MAAM;MACNC,YAAY;MACZC,KAAK;MACLC,MAAM;MACNC,OAAO;MACPC,SAAS;MACTC;IAEF,CAAC,GAAGV,QAAQ;IADPW,KAAK,GAAAC,wBAAA,CACNZ,QAAQ,EAAAa,SAAA;EAEZ,MAAM;IAAEC;EAAW,CAAC,GAAGvB,eAAe,CAACS,QAAQ,CAAC;EAChD,MAAM;IAAEe,UAAU;IAAEC;EAAc,CAAC,GAAGxB,gBAAgB,CAAC;IAAEW;EAAS,CAAC,CAAC;EAEpE,MAAMc,eAAe,GAAG/B,mBAAmB,CAAC,MAAM,EAAEe,QAAQ,EAAEH,OAAO,CAAC;EACtE,MAAMoB,cAAc,GAAGjC,oBAAoB,CAAC0B,KAAK,CAAC;EAElDvB,qBAAqB,CAACY,QAAQ,EAAEW,KAAK,CAAC;EAEtC,OACE9B,KAAA,CAAAsC,aAAA,CAACnC,QAAQ;IAACiB,QAAQ,EAAEmB,OAAO,CAACnB,QAAQ;EAAE,GACpCpB,KAAA,CAAAsC,aAAA,CAAC7B,YAAY,CAACN,QAAQ;IACpBqC,KAAK,EAAE;MACLN,UAAU;MACVC,aAAa;MACbhB,QAAQ,EAAAsB,aAAA,CAAAA,aAAA,KACHtB,QAAQ,GACRF,OAAO,CAACyB,cAAc,CAAC1B,cAAc,CAAC,CAACD,KAAK;IAEnD;EAAE,GAEFf,KAAA,CAAAsC,aAAA,UAAAK,QAAA;IACEtB,SAAS,EAAEpB,UAAU,CACnB,WAAW,EAQXoC,cAAc,EACdD,eAAe,EACff,SAAS,EATTP,OAAO,IAAK,uBAAsBA,OAAQ,EAAC,EAC3CD,IAAI,IAAK,oBAAmBA,IAAK,EAAC,EAClCU,MAAM,IAAI,mBAAmB,EAC7BE,KAAK,IAAI,kBAAkB,EAC3BC,MAAM,IAAI,mBAAmB,EAC7BC,OAAO,IAAI,oBAAoB,EAC/BC,SAAS,IAAI,sBAIf,CAAE;IACFgB,GAAG,EAAEX;EAAW,GACZH,KAAK,GAERR,QACI,CACc,CACf,CAAC;AAEf,CAAC;AAED,eAAeP,KAAK;AAEpBA,KAAK,CAACP,UAAU,GAAGA,UAAU"}
+{"version":3,"file":"Table.js","names":["React","classnames","Context","Provider","createSpacingClasses","createSkeletonClass","extendPropsWithContext","validateDOMAttributes","ScrollView","TableContext","useStickyHeader","useHandleOddEven","defaultProps","size","variant","Table","componentProps","context","useContext","allProps","skeleton","className","children","sticky","stickyOffset","fixed","border","outline","accordion","accordionChevronPlacement","props","_objectWithoutProperties","_excluded","elementRef","trCountRef","rerenderAlias","skeletonClasses","spacingClasses","createElement","Boolean","value","_objectSpread","getTranslation","_extends","ref"],"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport {\n  extendPropsWithContext,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport ScrollView from './TableScrollView'\nimport TableContext from './TableContext'\nimport { useStickyHeader } from './TableStickyHeader'\n\nimport type { StickyTableHeaderProps } from './TableStickyHeader'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { LocaleProps, SpacingProps } from '../../shared/types'\nimport { useHandleOddEven } from './TableTr'\n\nexport type TableSizes = 'large' | 'medium' | 'small'\nexport type TableVariants = 'generic'\n\nexport { ScrollView }\n\nexport type TableProps = {\n  /**\n   * The content of the component.\n   */\n  children: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The size of the component.\n   * Default: large.\n   */\n  size?: TableSizes\n\n  /**\n   * The style variant of the component.\n   * Default: generic.\n   */\n  variant?: TableVariants\n\n  /**\n   * Use `true` to show borders between table data cell\n   * Default: false\n   */\n  border?: boolean\n\n  /**\n   * Use `true` to show a outline border around the table\n   * Default: false\n   */\n  outline?: boolean\n\n  /**\n   * Set to true if you have one or more rows that contains an accordion content.\n   * Default: false\n   */\n  accordion?: boolean\n\n  /**\n   * Defines where the chevron will be placed.\n   * Default: 'start'\n   */\n  accordionChevronPlacement?: 'start' | 'end'\n\n  /**\n   * Defines if the table should behave with a fixed table layout, using: \"table-layout: fixed;\"\n   * Default: null.\n   */\n  fixed?: boolean\n} & StickyTableHeaderProps\n\nexport type TableAllProps = TableProps &\n  Omit<React.TableHTMLAttributes<HTMLTableElement>, 'border'> &\n  LocaleProps &\n  SpacingProps\n\nexport const defaultProps = {\n  size: 'large',\n  variant: 'generic',\n}\n\nconst Table = (componentProps: TableAllProps) => {\n  const context = React.useContext(Context)\n\n  const allProps = extendPropsWithContext(\n    componentProps,\n    defaultProps,\n    context?.Table,\n    {\n      skeleton: context?.skeleton,\n    }\n  )\n\n  const {\n    className,\n    children,\n    size,\n    skeleton,\n    variant,\n    sticky,\n    stickyOffset, // eslint-disable-line\n    fixed,\n    border,\n    outline,\n    accordion,\n    accordionChevronPlacement, // eslint-disable-line\n    ...props\n  } = allProps\n\n  const { elementRef } = useStickyHeader(allProps)\n  const { trCountRef, rerenderAlias } = useHandleOddEven({ children })\n\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  validateDOMAttributes(allProps, props)\n\n  return (\n    <Provider skeleton={Boolean(skeleton)}>\n      <TableContext.Provider\n        value={{\n          trCountRef,\n          rerenderAlias,\n          allProps: {\n            ...allProps,\n            ...context.getTranslation(componentProps).Table,\n          },\n        }}\n      >\n        <table\n          className={classnames(\n            'dnb-table',\n            variant && `dnb-table__variant--${variant}`,\n            size && `dnb-table__size--${size}`,\n            sticky && 'dnb-table--sticky',\n            fixed && 'dnb-table--fixed',\n            border && 'dnb-table--border',\n            outline && 'dnb-table--outline',\n            accordion && 'dnb-table--accordion',\n            spacingClasses,\n            skeletonClasses,\n            className\n          )}\n          ref={elementRef}\n          {...props}\n        >\n          {children}\n        </table>\n      </TableContext.Provider>\n    </Provider>\n  )\n}\n\nexport default Table\n\nTable.ScrollView = ScrollView\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,QAAQ,MAAM,uBAAuB;AAC5C,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SACEC,sBAAsB,EACtBC,qBAAqB,QAChB,+BAA+B;AACtC,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,eAAe,QAAQ,qBAAqB;AAKrD,SAASC,gBAAgB,QAAQ,WAAW;AAK5C,SAASH,UAAU;AAkEnB,OAAO,MAAMI,YAAY,GAAG;EAC1BC,IAAI,EAAE,OAAO;EACbC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,KAAK,GAAIC,cAA6B,IAAK;EAC/C,MAAMC,OAAO,GAAGjB,KAAK,CAACkB,UAAU,CAAChB,OAAO,CAAC;EAEzC,MAAMiB,QAAQ,GAAGb,sBAAsB,CACrCU,cAAc,EACdJ,YAAY,EACZK,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,KAAK,EACd;IACEK,QAAQ,EAAEH,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG;EACrB,CACF,CAAC;EAED,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRT,IAAI;MACJO,QAAQ;MACRN,OAAO;MACPS,MAAM;MACNC,YAAY;MACZC,KAAK;MACLC,MAAM;MACNC,OAAO;MACPC,SAAS;MACTC;IAEF,CAAC,GAAGV,QAAQ;IADPW,KAAK,GAAAC,wBAAA,CACNZ,QAAQ,EAAAa,SAAA;EAEZ,MAAM;IAAEC;EAAW,CAAC,GAAGvB,eAAe,CAACS,QAAQ,CAAC;EAChD,MAAM;IAAEe,UAAU;IAAEC;EAAc,CAAC,GAAGxB,gBAAgB,CAAC;IAAEW;EAAS,CAAC,CAAC;EAEpE,MAAMc,eAAe,GAAG/B,mBAAmB,CAAC,MAAM,EAAEe,QAAQ,EAAEH,OAAO,CAAC;EACtE,MAAMoB,cAAc,GAAGjC,oBAAoB,CAAC0B,KAAK,CAAC;EAElDvB,qBAAqB,CAACY,QAAQ,EAAEW,KAAK,CAAC;EAEtC,OACE9B,KAAA,CAAAsC,aAAA,CAACnC,QAAQ;IAACiB,QAAQ,EAAEmB,OAAO,CAACnB,QAAQ;EAAE,GACpCpB,KAAA,CAAAsC,aAAA,CAAC7B,YAAY,CAACN,QAAQ;IACpBqC,KAAK,EAAE;MACLN,UAAU;MACVC,aAAa;MACbhB,QAAQ,EAAAsB,aAAA,CAAAA,aAAA,KACHtB,QAAQ,GACRF,OAAO,CAACyB,cAAc,CAAC1B,cAAc,CAAC,CAACD,KAAK;IAEnD;EAAE,GAEFf,KAAA,CAAAsC,aAAA,UAAAK,QAAA;IACEtB,SAAS,EAAEpB,UAAU,CACnB,WAAW,EAQXoC,cAAc,EACdD,eAAe,EACff,SAAS,EATTP,OAAO,IAAK,uBAAsBA,OAAQ,EAAC,EAC3CD,IAAI,IAAK,oBAAmBA,IAAK,EAAC,EAClCU,MAAM,IAAI,mBAAmB,EAC7BE,KAAK,IAAI,kBAAkB,EAC3BC,MAAM,IAAI,mBAAmB,EAC7BC,OAAO,IAAI,oBAAoB,EAC/BC,SAAS,IAAI,sBAIf,CAAE;IACFgB,GAAG,EAAEX;EAAW,GACZH,KAAK,GAERR,QACI,CACc,CACf,CAAC;AAEf,CAAC;AAED,eAAeP,KAAK;AAEpBA,KAAK,CAACP,UAAU,GAAGA,UAAU"}

package/es/components/table/TableAccordion.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useTableAccordion({ children, className, props, expanded, disabled, noAnimation, onClick, onOpened, onClosed, }: {
     children: any;
     className: any;
@@ -9,5 +8,5 @@ export declare function useTableAccordion({ children, className, props, expanded
     onClick: any;
     onOpened: any;
     onClosed: any;
-}): JSX.Element;
-export declare function TableAccordionToggleButton(): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TableAccordionToggleButton(): import("react/jsx-runtime").JSX.Element;

package/es/components/table/TableAccordionContent.d.ts

@@ -15,4 +15,4 @@ export type TableAccordionContentProps = {
      */
     colSpan?: number;
 };
-export default function TableAccordionContent(componentProps: TableAccordionContentProps & React.TableHTMLAttributes<HTMLTableRowElement>): JSX.Element;
+export default function TableAccordionContent(componentProps: TableAccordionContentProps & React.TableHTMLAttributes<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;