@dnb/eufemia 10.2.0 → 10.3.0

package/components/switch/Switch.js

@@ -1,15 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _AlignmentHelper, _span;
-
 const _excluded = ["value", "size", "status", "status_state", "status_props", "globalStatus", "status_no_animation", "suffix", "label", "label_position", "label_sr_only", "title", "disabled", "readOnly", "skeleton", "className", "class", "id", "checked", "children", "on_change", "on_state_update"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -30,9 +25,7 @@ export default class Switch extends React.PureComponent {
         state.checked = Switch.parseChecked(props.checked);
       }
     }
-
     state._listenForPropChanges = true;
-
     if (state.checked !== state.__checked) {
       dispatchCustomElementEvent({
         props
@@ -40,15 +33,12 @@ export default class Switch extends React.PureComponent {
         checked: state.checked
       });
     }
-
     state._checked = props.checked;
     state.__checked = state.checked;
     return state;
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "onKeyDownHandler", event => {
       switch (keycode(event)) {
         case 'enter':
@@ -56,12 +46,10 @@ export default class Switch extends React.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onChangeHandler", event => {
       if (isTrue(this.props.readOnly)) {
         return event.preventDefault();
       }
-
       const checked = !this.state.checked;
       this.setState({
         checked,
@@ -71,25 +59,20 @@ export default class Switch extends React.PureComponent {
         checked,
         event
       });
-
       if (this.props.on_change_end) {
         clearTimeout(this._onChangeEndId);
-
         if (event && event.persist) {
           event.persist();
         }
-
         this._onChangeEndId = setTimeout(() => dispatchCustomElementEvent(this, 'on_change_end', {
           checked,
           event
         }), 500);
       }
-
       if (this._refInput.current) {
         this._refInput.current.focus();
       }
     });
-
     this._refInput = React.createRef();
     this._id = props.id || makeUniqueId();
     this.state = {
@@ -99,44 +82,39 @@ export default class Switch extends React.PureComponent {
       onMouseDown: e => e.preventDefault()
     };
   }
-
   componentWillUnmount() {
     clearTimeout(this._onChangeEndId);
   }
-
   render() {
     var _this$context;
-
     const props = extendPropsWithContextInClassComponent(this.props, Switch.defaultProps, {
       skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
     }, this.context.getTranslation(this.props).Switch, includeValidProps(this.context.FormRow), this.context.Switch);
-
     const {
-      value,
-      size,
-      status,
-      status_state,
-      status_props,
-      globalStatus,
-      status_no_animation,
-      suffix,
-      label,
-      label_position,
-      label_sr_only,
-      title,
-      disabled,
-      readOnly,
-      skeleton,
-      className,
-      class: _className,
-      id: _id,
-      checked: _checked,
-      children,
-      on_change,
-      on_state_update
-    } = props,
-          rest = _objectWithoutProperties(props, _excluded);
-
+        value,
+        size,
+        status,
+        status_state,
+        status_props,
+        globalStatus,
+        status_no_animation,
+        suffix,
+        label,
+        label_position,
+        label_sr_only,
+        title,
+        disabled,
+        readOnly,
+        skeleton,
+        className,
+        class: _className,
+        id: _id,
+        checked: _checked,
+        children,
+        on_change,
+        on_state_update
+      } = props,
+      rest = _objectWithoutProperties(props, _excluded);
     const {
       checked
     } = this.state;
@@ -145,22 +123,17 @@ export default class Switch extends React.PureComponent {
     const mainParams = {
       className: classnames(`dnb-switch dnb-switch--label-position-${label_position || 'right'} dnb-form-component`, createSkeletonClass(null, skeleton), createSpacingClasses(props), className, _className, size && `dnb-switch--${size}`, status && `dnb-switch__status--${status_state}`)
     };
-
     const inputParams = _objectSpread({
       disabled: isTrue(disabled),
       checked
     }, rest);
-
     skeletonDOMAttributes(inputParams, skeleton, this.context);
-
     if (showStatus || suffix) {
       inputParams['aria-describedby'] = combineDescribedBy(inputParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
     }
-
     if (readOnly) {
       inputParams['aria-readonly'] = inputParams.readOnly = true;
     }
-
     validateDOMAttributes(this.props, inputParams);
     const labelComp = label && React.createElement(FormLabel, {
       id: id + '-label',
@@ -220,11 +193,8 @@ export default class Switch extends React.PureComponent {
       context: props
     }, suffix)))));
   }
-
 }
-
 _defineProperty(Switch, "contextType", Context);
-
 _defineProperty(Switch, "defaultProps", {
   label: null,
   label_position: null,
@@ -251,9 +221,7 @@ _defineProperty(Switch, "defaultProps", {
   on_change_end: null,
   on_state_update: null
 });
-
 _defineProperty(Switch, "parseChecked", state => /true|on/.test(String(state)));
-
 process.env.NODE_ENV !== "production" ? Switch.propTypes = _objectSpread(_objectSpread({
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]),
   label_position: PropTypes.oneOf(['left', 'right']),
@@ -283,4 +251,5 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes = _objectSpread(_object
   on_change: PropTypes.func,
   on_change_end: PropTypes.func,
   on_state_update: PropTypes.func
-}) : void 0;
+}) : void 0;
+//# sourceMappingURL=Switch.js.map

package/components/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","includeValidProps","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","Context","Suffix","FormLabel","FormStatus","Switch","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","onChangeHandler","readOnly","preventDefault","setState","on_change_end","clearTimeout","_onChangeEndId","persist","setTimeout","_refInput","current","focus","createRef","_id","id","helperParams","onMouseDown","e","componentWillUnmount","render","_this$context","defaultProps","skeleton","context","getTranslation","FormRow","value","size","status","status_state","status_props","globalStatus","status_no_animation","suffix","label","label_position","label_sr_only","title","disabled","className","class","_className","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","showStatus","mainParams","inputParams","_objectSpread","labelComp","createElement","for_id","text","sr_only","_AlignmentHelper","_extends","show","text_id","width_selector","no_animation","name","type","role","ref","onChange","onKeyDown","onKeyDownHandler","draggable","onDragStart","_span","attributes","test","String","process","env","NODE_ENV","propTypes","oneOfType","string","func","node","oneOf","bool","object","shape","message"],"sources":["../../../../src/components/switch/Switch.js"],"sourcesContent":["/**\n * Web Switch Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\n\n/**\n * The switch component is our enhancement of the classic radio button. It acts like a switch. Example: On/off, yes/no.\n */\nexport default class Switch extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    label_sr_only: PropTypes.bool,\n    title: PropTypes.string,\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    size: PropTypes.oneOf(['default', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_change_end: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_position: null,\n    label_sr_only: null,\n    title: null,\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    globalStatus: null,\n    status_no_animation: null,\n    suffix: null,\n    value: null,\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n    class: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_change_end: null,\n    on_state_update: null,\n  }\n\n  static parseChecked = (state) => /true|on/.test(String(state))\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.checked !== state._checked) {\n        state.checked = Switch.parseChecked(props.checked)\n      }\n    }\n    state._listenForPropChanges = true\n\n    if (state.checked !== state.__checked) {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        checked: state.checked,\n      })\n    }\n\n    state._checked = props.checked\n    state.__checked = state.checked\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._refInput = React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n    this.helperParams = { onMouseDown: (e) => e.preventDefault() }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._onChangeEndId)\n  }\n\n  onKeyDownHandler = (event) => {\n    switch (keycode(event)) {\n      case 'enter':\n        this.onChangeHandler(event)\n        break\n    }\n  }\n\n  onChangeHandler = (event) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    const checked = !this.state.checked\n    this.setState({ checked, _listenForPropChanges: false })\n    dispatchCustomElementEvent(this, 'on_change', { checked, event })\n\n    if (this.props.on_change_end) {\n      clearTimeout(this._onChangeEndId)\n      if (event && event.persist) {\n        event.persist()\n      }\n      this._onChangeEndId = setTimeout(\n        () =>\n          dispatchCustomElementEvent(this, 'on_change_end', {\n            checked,\n            event,\n          }),\n        500\n      )\n    }\n\n    // help firefox and safari to have an correct state after a click\n    if (this._refInput.current) {\n      this._refInput.current.focus()\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      Switch.defaultProps,\n      { skeleton: this.context?.skeleton },\n      this.context.getTranslation(this.props).Switch,\n      includeValidProps(this.context.FormRow),\n      this.context.Switch\n    )\n\n    const {\n      value,\n      size,\n      status,\n      status_state,\n      status_props,\n      globalStatus,\n      status_no_animation,\n      suffix,\n      label,\n      label_position,\n      label_sr_only,\n      title,\n      disabled,\n      readOnly,\n      skeleton,\n      className,\n      class: _className,\n\n      id: _id, // eslint-disable-line\n      checked: _checked, // eslint-disable-line\n      children, // eslint-disable-line\n      on_change, // eslint-disable-line\n      on_state_update, // eslint-disable-line\n\n      ...rest\n    } = props\n\n    const { checked } = this.state\n\n    const id = this._id\n    const showStatus = getStatusState(status)\n\n    const mainParams = {\n      className: classnames(\n        'dnb-switch',\n        size && `dnb-switch--${size}`,\n        status && `dnb-switch__status--${status_state}`,\n        `dnb-switch--label-position-${label_position || 'right'}`,\n        'dnb-form-component',\n        createSkeletonClass(null, skeleton),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n    }\n\n    const inputParams = {\n      disabled: isTrue(disabled),\n      checked,\n      ...rest,\n    }\n\n    skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n    if (showStatus || suffix) {\n      inputParams['aria-describedby'] = combineDescribedBy(\n        inputParams,\n        showStatus ? id + '-status' : null,\n        suffix ? id + '-suffix' : null\n      )\n    }\n    if (readOnly) {\n      inputParams['aria-readonly'] = inputParams.readOnly = true\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, inputParams)\n\n    const labelComp = label && (\n      <FormLabel\n        id={id + '-label'}\n        for_id={id}\n        text={label}\n        disabled={disabled}\n        skeleton={skeleton}\n        sr_only={label_sr_only}\n      />\n    )\n\n    return (\n      <span {...mainParams}>\n        <span className=\"dnb-switch__order\">\n          {label_position === 'left' && labelComp}\n\n          <span className=\"dnb-switch__inner\">\n            <AlignmentHelper />\n\n            <FormStatus\n              show={showStatus}\n              id={id + '-form-status'}\n              globalStatus={globalStatus}\n              label={label}\n              text_id={id + '-status'} // used for \"aria-describedby\"\n              width_selector={id + ', ' + id + '-label'}\n              text={status}\n              state={status_state}\n              skeleton={skeleton}\n              no_animation={status_no_animation}\n              {...status_props}\n            />\n\n            <span className=\"dnb-switch__shell\">\n              {(label_position === 'right' || !label_position) &&\n                labelComp}\n\n              <span className=\"dnb-switch__row\">\n                <input\n                  id={id}\n                  name={id}\n                  type=\"checkbox\"\n                  role=\"switch\"\n                  title={title}\n                  aria-checked={checked}\n                  className=\"dnb-switch__input\"\n                  value={checked ? value || '' : ''}\n                  ref={this._refInput}\n                  {...inputParams}\n                  onChange={this.onChangeHandler}\n                  onKeyDown={this.onKeyDownHandler}\n                />\n                <span\n                  draggable\n                  aria-hidden\n                  className=\"dnb-switch__background\"\n                  onDragStart={this.onChangeHandler}\n                  {...this.helperParams}\n                />\n                <span\n                  className={classnames(\n                    'dnb-switch__button',\n                    createSkeletonClass('shape', skeleton, this.context)\n                  )}\n                  aria-hidden\n                >\n                  <span className=\"dnb-switch__focus\">\n                    <span className=\"dnb-switch__focus__inner\" />\n                  </span>\n                </span>\n              </span>\n\n              {suffix && (\n                <Suffix\n                  className=\"dnb-switch__suffix\"\n                  id={id + '-suffix'} // used for \"aria-describedby\"\n                  context={props}\n                >\n                  {suffix}\n                </Suffix>\n              )}\n            </span>\n          </span>\n        </span>\n      </span>\n    )\n  }\n}\n"],"mappings":"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"}

package/components/switch/index.js

@@ -1,3 +1,4 @@
 import Switch from './Switch';
 export default Switch;
-export * from './Switch';
+export * from './Switch';
+//# sourceMappingURL=index.js.map

package/components/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Switch"],"sources":["../../../../src/components/switch/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Switch from './Switch'\nexport default Switch\nexport * from './Switch'\n"],"mappings":"AAKA,OAAOA,MAAM,MAAM,UAAU;AAC7B,eAAeA,MAAM;AACrB,cAAc,UAAU"}

package/components/switch/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/switch/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-switch.scss'\n"],"mappings":"AAKA,OAAO,sBAAmB"}

package/components/switch/style/themes/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../../../../src/components/switch/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-switch-theme-ui.scss'\n"],"mappings":"AAKA,OAAO,+BAA4B"}

package/components/switch/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../src/components/switch/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-switch.scss'\n"],"mappings":"AAKA,OAAO,4BAAyB"}

package/components/table/Table.d.ts

@@ -3,10 +3,10 @@ import ScrollView from './TableScrollView';
 import type { StickyTableHeaderProps } from './TableStickyHeader';
 import type { SkeletonShow } from '../skeleton/Skeleton';
 import type { LocaleProps, SpacingProps } from '../../shared/types';
-export declare type TableSizes = 'large' | 'medium' | 'small';
-export declare type TableVariants = 'generic';
+export type TableSizes = 'large' | 'medium' | 'small';
+export type TableVariants = 'generic';
 export { ScrollView };
-export declare type TableProps = {
+export type TableProps = {
     /**
      * The content of the component.
      */
@@ -55,7 +55,7 @@ export declare type TableProps = {
      */
     fixed?: boolean;
 } & StickyTableHeaderProps;
-export declare type TableAllProps = TableProps & React.TableHTMLAttributes<HTMLTableElement> & LocaleProps & SpacingProps;
+export type TableAllProps = TableProps & React.TableHTMLAttributes<HTMLTableElement> & LocaleProps & SpacingProps;
 export declare const defaultProps: {
     size: string;
     variant: string;

package/components/table/Table.js

@@ -2,11 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "children", "size", "skeleton", "variant", "sticky", "stickyOffset", "fixed", "border", "outline", "accordion", "accordionChevronPlacement"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import classnames from 'classnames';
 import Context from '../../shared/Context';
@@ -23,29 +20,26 @@ export const defaultProps = {
   size: 'large',
   variant: 'generic'
 };
-
 const Table = componentProps => {
   const context = React.useContext(Context);
   const allProps = extendPropsWithContext(componentProps, defaultProps, context === null || context === void 0 ? void 0 : context.Table, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   });
-
   const {
-    className,
-    children,
-    size,
-    skeleton,
-    variant,
-    sticky,
-    stickyOffset,
-    fixed,
-    border,
-    outline,
-    accordion,
-    accordionChevronPlacement
-  } = allProps,
-        props = _objectWithoutProperties(allProps, _excluded);
-
+      className,
+      children,
+      size,
+      skeleton,
+      variant,
+      sticky,
+      stickyOffset,
+      fixed,
+      border,
+      outline,
+      accordion,
+      accordionChevronPlacement
+    } = allProps,
+    props = _objectWithoutProperties(allProps, _excluded);
   const {
     elementRef
   } = useStickyHeader(allProps);
@@ -71,6 +65,6 @@ const Table = componentProps => {
     ref: elementRef
   }, props), children)));
 };
-
 export default Table;
-Table.ScrollView = ScrollView;
+Table.ScrollView = ScrollView;
+//# sourceMappingURL=Table.js.map

package/components/table/Table.js.map

@@ -0,0 +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"}

package/components/table/TableAccordion.js

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-
 var _TableTdAccordionIcon, _TableThAccordionIcon, _Td;
-
 import React from 'react';
 import classnames from 'classnames';
 import Button from '../button/Button';
@@ -14,7 +12,6 @@ import { hasSelectedText } from '../../shared/helpers';
 import TableAccordionContent, { TrContext } from './TableAccordionContent';
 export function useTableAccordion(_ref) {
   var _tableContext$allProp, _tableContext$allProp2;
-
   let {
     children,
     className,
@@ -32,22 +29,18 @@ export function useTableAccordion(_ref) {
       return expanded;
     } else if (typeof location !== 'undefined') {
       const id = props === null || props === void 0 ? void 0 : props.id;
-
       if (id && '#' + id === location.hash) {
         return true;
       }
     }
-
     return false;
   });
   const [trIsHover, setHover] = React.useState(false);
   const [trHadClick, setHadClick] = React.useState(false);
   let content = React.Children.toArray(children);
-
   if (!(tableContext !== null && tableContext !== void 0 && (_tableContext$allProp = tableContext.allProps) !== null && _tableContext$allProp !== void 0 && _tableContext$allProp.accordion)) {
     return null;
   }
-
   const accordionContent = content.find(element => {
     return element.type === TableAccordionContent;
   });
@@ -61,17 +54,14 @@ export function useTableAccordion(_ref) {
     onMouseLeave: onMouseLeaveHandler,
     onKeyDown: onKeydownHandler
   } : {};
-
   if (hasAccordionContent) {
     content = content.filter(element => {
       const hasContent = element.type === TableAccordionContent;
       return !hasContent;
     });
-
     const tdElem = _TableTdAccordionIcon || (_TableTdAccordionIcon = React.createElement(TableTdAccordionIcon, {
       key: "td-icon"
     }));
-
     if (tableContext.allProps.accordionChevronPlacement === 'end') {
       content.push(tdElem);
     } else {
@@ -81,12 +71,10 @@ export function useTableAccordion(_ref) {
     const isTh = content.some(element => {
       return element.type === Th;
     });
-
     if (isTh) {
       const thElem = _TableThAccordionIcon || (_TableThAccordionIcon = React.createElement(TableThAccordionIcon, {
         key: "th-icon"
       }));
-
       if (tableContext.allProps.accordionChevronPlacement === 'end') {
         content.push(thElem);
       } else {
@@ -94,7 +82,6 @@ export function useTableAccordion(_ref) {
       }
     }
   }
-
   return React.createElement(TrContext.Provider, {
     value: {
       toggleOpenTr,
@@ -109,14 +96,12 @@ export function useTableAccordion(_ref) {
     tabIndex: accordionContent && !disabled ? 0 : undefined,
     className: classnames(className, hasAccordionContent && 'dnb-table__tr--has-accordion-content', trIsOpen && 'dnb-table__tr--expanded', disabled && 'dnb-table__tr--disabled', noAnimation && 'dnb-table__tr--no-animation', trIsHover && trHadClick && 'dnb-table__tr--hover')
   }, trParams, props), content), accordionContent);
-
   function onKeydownHandler(event) {
     switch (keycode(event)) {
       case 'space':
       case 'enter':
         {
           const target = event.target;
-
           if (document.activeElement !== target || target.tagName === 'TR') {
             setOpen(!trIsOpen);
             event.preventDefault();
@@ -125,19 +110,15 @@ export function useTableAccordion(_ref) {
         break;
     }
   }
-
   function onMouseEnterHandler() {
     setHover(true);
   }
-
   function onMouseLeaveHandler() {
     setHover(false);
     setHadClick(false);
   }
-
   function toggleOpenTr(event) {
     const target = event.target;
-
     if (document.activeElement !== target && target.tagName !== 'INPUT' && !hasSelectedText()) {
       setOpen(!trIsOpen);
       setHadClick(true);
@@ -147,7 +128,6 @@ export function useTableAccordion(_ref) {
 }
 export function TableAccordionToggleButton() {
   var _React$useContext;
-
   const trContext = React.useContext(TrContext);
   const allProps = (_React$useContext = React.useContext(TableContext)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
   const iconSize = allProps.size === 'medium' || allProps.size === 'small' ? 'basis' : 'medium';
@@ -164,19 +144,17 @@ export function TableAccordionToggleButton() {
     on_click: trContext === null || trContext === void 0 ? void 0 : trContext.toggleOpenTr
   }));
 }
-
 function TableThAccordionIcon() {
   var _tableContext$allProp3;
-
   const tableContext = React.useContext(TableContext);
   return React.createElement(Th, {
     "aria-hidden": true,
     className: "dnb-table__th__accordion-icon"
   }, React.createElement("div", null, tableContext === null || tableContext === void 0 ? void 0 : (_tableContext$allProp3 = tableContext.allProps) === null || _tableContext$allProp3 === void 0 ? void 0 : _tableContext$allProp3.accordionToggleButtonSR));
 }
-
 function TableTdAccordionIcon() {
   return _Td || (_Td = React.createElement(Td, {
     className: "dnb-table__td__accordion-icon"
   }, React.createElement(TableAccordionToggleButton, null)));
-}
+}
+//# sourceMappingURL=TableAccordion.js.map

package/components/table/TableAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableAccordion.js","names":["React","classnames","Button","IconPrimary","Th","Td","TableContext","keycode","hasSelectedText","TableAccordionContent","TrContext","useTableAccordion","_ref","_tableContext$allProp","_tableContext$allProp2","children","className","props","expanded","disabled","noAnimation","onClick","onOpened","onClosed","tableContext","useContext","trIsOpen","setOpen","useState","location","id","hash","trIsHover","setHover","trHadClick","setHadClick","content","Children","toArray","allProps","accordion","accordionContent","find","element","type","hasAccordionContent","isValidElement","countTds","filter","length","trParams","toggleOpenTr","onMouseEnter","onMouseEnterHandler","onMouseLeave","onMouseLeaveHandler","onKeyDown","onKeydownHandler","hasContent","tdElem","_TableTdAccordionIcon","createElement","TableTdAccordionIcon","key","accordionChevronPlacement","push","unshift","isTh","some","thElem","_TableThAccordionIcon","TableThAccordionIcon","Provider","value","_extends","tabIndex","undefined","event","target","document","activeElement","tagName","preventDefault","TableAccordionToggleButton","_React$useContext","trContext","iconSize","size","icon","accordionToggleButtonSR","Boolean","on_click","_tableContext$allProp3","_Td"],"sources":["../../../../src/components/table/TableAccordion.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Button from '../button/Button'\nimport IconPrimary from '../icon/IconPrimary'\nimport Th from './TableTh'\nimport Td from './TableTd'\nimport TableContext from './TableContext'\nimport keycode from 'keycode'\nimport { hasSelectedText } from '../../shared/helpers'\nimport { TableTrProps } from './TableTr'\n\nimport TableAccordionContent, { TrContext } from './TableAccordionContent'\nimport type { TableAccordionContentProps } from './TableAccordionContent'\n\nexport function useTableAccordion({\n  children,\n  className,\n  props,\n  expanded,\n  disabled,\n  noAnimation,\n  onClick,\n  onOpened,\n  onClosed,\n}) {\n  const tableContext = React.useContext(TableContext)\n\n  const [trIsOpen, setOpen] = React.useState(() => {\n    if (typeof expanded === 'boolean') {\n      return expanded\n    } else if (typeof location !== 'undefined') {\n      const id = props?.id\n      if (id && '#' + id === location.hash) {\n        return true\n      }\n    }\n\n    return false\n  })\n  const [trIsHover, setHover] = React.useState(false)\n  const [trHadClick, setHadClick] = React.useState(false)\n\n  let content = React.Children.toArray(children)\n\n  if (!tableContext?.allProps?.accordion) {\n    return null\n  }\n\n  /**\n   * Handle Accordion Content\n   */\n  const accordionContent = content.find((element: React.ReactElement) => {\n    return element.type === TableAccordionContent\n  }) as React.ReactElement<TableAccordionContentProps>\n  const hasAccordionContent = React.isValidElement(accordionContent)\n  const countTds = hasAccordionContent\n    ? children.filter((element: React.ReactElement) => {\n        return element.type === Td // TODO: We may need to include this in future --> || component.type === Td.MainCell\n      }).length + 1 // +1 because we push the TableAccordionToggleButton\n    : null\n\n  const trParams =\n    !disabled && hasAccordionContent\n      ? {\n          onClick: toggleOpenTr,\n          onMouseEnter: onMouseEnterHandler,\n          onMouseLeave: onMouseLeaveHandler,\n          onKeyDown: onKeydownHandler,\n        }\n      : {}\n\n  if (hasAccordionContent) {\n    // Remove the AccordionContent, and use it outside of the tr\n    content = content.filter((element) => {\n      const hasContent =\n        (element as React.ReactElement<TableTrProps>).type ===\n        TableAccordionContent\n      return !hasContent\n    })\n\n    const tdElem = <TableTdAccordionIcon key=\"td-icon\" />\n\n    if (tableContext.allProps.accordionChevronPlacement === 'end') {\n      content.push(tdElem)\n    } else {\n      content.unshift(tdElem)\n    }\n  } else if (tableContext?.allProps?.accordion) {\n    const isTh = content.some((element) => {\n      return (element as React.ReactElement<TableTrProps>).type === Th\n    })\n\n    if (isTh) {\n      const thElem = <TableThAccordionIcon key=\"th-icon\" />\n\n      if (tableContext.allProps.accordionChevronPlacement === 'end') {\n        content.push(thElem)\n      } else {\n        content.unshift(thElem)\n      }\n    }\n  }\n\n  return (\n    <TrContext.Provider\n      value={{\n        toggleOpenTr,\n        trIsOpen,\n        noAnimation,\n        countTds,\n        hasAccordionContent,\n        onOpened,\n        onClosed,\n      }}\n    >\n      <tr\n        tabIndex={accordionContent && !disabled ? 0 : undefined}\n        className={classnames(\n          className,\n          hasAccordionContent && 'dnb-table__tr--has-accordion-content',\n          trIsOpen && 'dnb-table__tr--expanded',\n          disabled && 'dnb-table__tr--disabled',\n          noAnimation && 'dnb-table__tr--no-animation',\n          trIsHover && trHadClick && 'dnb-table__tr--hover'\n        )}\n        {...trParams}\n        {...props}\n      >\n        {content}\n      </tr>\n      {accordionContent}\n    </TrContext.Provider>\n  )\n\n  function onKeydownHandler(event: KeyboardEvent) {\n    switch (keycode(event)) {\n      case 'space':\n      case 'enter':\n        {\n          const target = event.target as HTMLElement\n          if (\n            document.activeElement !== target ||\n            target.tagName === 'TR'\n          ) {\n            setOpen(!trIsOpen)\n            event.preventDefault()\n          }\n        }\n        break\n    }\n  }\n  function onMouseEnterHandler() {\n    setHover(true)\n  }\n  function onMouseLeaveHandler() {\n    setHover(false)\n    setHadClick(false)\n  }\n  function toggleOpenTr(event: MouseEvent) {\n    const target = event.target as HTMLElement\n    if (\n      /**\n       * Interactive elements to set activeElement on mouseDown,\n       * we we can check agains it.\n       */\n      document.activeElement !== target &&\n      /**\n       * Safari on macOS needs this extra check:\n       *\n       * > For example, on macOS systems, elements that aren't text input elements are not typically focusable by default.\n       * https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement\n       */\n      target.tagName !== 'INPUT' &&\n      /**\n       * Let the user select text,\n       * without triggering the accrodion.\n       */\n      !hasSelectedText()\n    ) {\n      setOpen(!trIsOpen)\n      setHadClick(true)\n\n      onClick?.(event)\n    }\n  }\n}\n\nexport function TableAccordionToggleButton() {\n  const trContext = React.useContext(TrContext)\n  const allProps = React.useContext(TableContext)?.allProps\n  const iconSize =\n    allProps.size === 'medium' || allProps.size === 'small'\n      ? 'basis'\n      : 'medium'\n\n  return (\n    <span className=\"dnb-table__toggle-button\">\n      <IconPrimary icon=\"chevron_down\" size={iconSize} />\n      <Button\n        className=\"dnb-sr-only\"\n        tabIndex={-1}\n        aria-label={allProps?.accordionToggleButtonSR}\n        aria-expanded={Boolean(trContext?.trIsOpen)}\n        on_click={trContext?.toggleOpenTr}\n      />\n    </span>\n  )\n}\n\nfunction TableThAccordionIcon() {\n  const tableContext = React.useContext(TableContext)\n  return (\n    <Th aria-hidden className=\"dnb-table__th__accordion-icon\">\n      <div>{tableContext?.allProps?.accordionToggleButtonSR}</div>\n    </Th>\n  )\n}\n\nfunction TableTdAccordionIcon() {\n  return (\n    <Td className=\"dnb-table__td__accordion-icon\">\n      <TableAccordionToggleButton />\n    </Td>\n  )\n}\n"],"mappings":"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"}

package/components/table/TableAccordionContent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const TrContext: React.Context<any>;
-export declare type TableAccordionContentProps = {
+export type TableAccordionContentProps = {
     /**
      * Set to true to expanded the content on initial render
      */

package/components/table/TableAccordionContent.js

@@ -8,16 +8,14 @@ import TableContext from './TableContext';
 export const TrContext = React.createContext(null);
 export default function TableAccordionContent(componentProps) {
   var _React$useContext;
-
   const {
-    expanded = null,
-    noAnimation = null,
-    className,
-    children,
-    colSpan = 100
-  } = componentProps,
-        props = _objectWithoutProperties(componentProps, _excluded);
-
+      expanded = null,
+      noAnimation = null,
+      className,
+      children,
+      colSpan = 100
+    } = componentProps,
+    props = _objectWithoutProperties(componentProps, _excluded);
   const allProps = (_React$useContext = React.useContext(TableContext)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
   const trContext = React.useContext(TrContext);
   const innerRef = React.useRef(null);
@@ -35,16 +33,13 @@ export default function TableAccordionContent(componentProps) {
     },
     onAnimationEnd: state => {
       var _trContext$onOpened, _trContext$onClosed;
-
       const event = {
         target: trRef.current
       };
-
       switch (state) {
         case 'opened':
           (_trContext$onOpened = trContext.onOpened) === null || _trContext$onOpened === void 0 ? void 0 : _trContext$onOpened.call(trContext, event);
           break;
-
         case 'closed':
           (_trContext$onClosed = trContext.onClosed) === null || _trContext$onClosed === void 0 ? void 0 : _trContext$onClosed.call(trContext, event);
           break;
@@ -72,4 +67,5 @@ export default function TableAccordionContent(componentProps) {
   }, React.createElement("span", {
     "aria-live": "assertive"
   }, isInDOM && !ariaLive ? allProps === null || allProps === void 0 ? void 0 : allProps.accordionMoreContentSR : null))));
-}
+}
+//# sourceMappingURL=TableAccordionContent.js.map

package/components/table/TableAccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableAccordionContent.js","names":["React","classnames","useHeightAnimation","TableContext","TrContext","createContext","TableAccordionContent","componentProps","_React$useContext","expanded","noAnimation","className","children","colSpan","props","_objectWithoutProperties","_excluded","allProps","useContext","trContext","innerRef","useRef","trRef","ariaLive","setAriaLive","useState","isInDOM","isAnimating","isVisibleParallax","open","Boolean","trIsOpen","animate","onOpen","state","onAnimationEnd","_trContext$onOpened","_trContext$onClosed","event","target","current","onOpened","call","onClosed","countTds","createElement","_extends","hidden","undefined","role","ref","accordionMoreContentSR"],"sources":["../../../../src/components/table/TableAccordionContent.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { useHeightAnimation } from '../height-animation/useHeightAnimation'\nimport TableContext from './TableContext'\n\nexport const TrContext = React.createContext(null)\n\nexport type TableAccordionContentProps = {\n  /**\n   * Set to true to expanded the content on initial render\n   */\n  expanded?: boolean\n\n  /**\n   * Set to true to skip animation\n   * Default: false\n   */\n  noAnimation?: boolean\n\n  /**\n   * Overwrite the internal collected colSpan (add +1)\n   */\n  colSpan?: number\n}\n\nexport default function TableAccordionContent(\n  componentProps: TableAccordionContentProps &\n    React.TableHTMLAttributes<HTMLTableRowElement>\n) {\n  const {\n    expanded = null,\n    noAnimation = null,\n    className,\n    children,\n    colSpan = 100,\n    ...props\n  } = componentProps\n\n  const allProps = React.useContext(TableContext)?.allProps\n  const trContext = React.useContext(TrContext)\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const trRef = React.useRef<HTMLTableRowElement>(null)\n  const [ariaLive, setAriaLive] = React.useState(null)\n\n  const { isInDOM, isAnimating, isVisibleParallax } = useHeightAnimation(\n    innerRef,\n    {\n      open: Boolean(expanded || trContext?.trIsOpen),\n      animate: Boolean(!noAnimation && !trContext?.noAnimation),\n      onOpen: (state) => {\n        setAriaLive(state ? true : null)\n      },\n      onAnimationEnd: (state) => {\n        const event = { target: trRef.current }\n        switch (state) {\n          case 'opened':\n            trContext.onOpened?.(event)\n            break\n\n          case 'closed':\n            trContext.onClosed?.(event)\n            break\n        }\n      },\n    }\n  )\n\n  const countTds = trContext?.countTds || colSpan\n\n  return (\n    <tr\n      /**\n       * VoiceOver needs the \"tr\" to be in the DOM in order to be able to continue reading downwards,\n       * even it is either closed or opened. Else VO pretends that this current table row is the end of the table.\n       *\n       * + All the browsers do count the correct number (childCount) of rows + NVDA counts correct when used with Chrome.\n       * - Firefox on Windows does it as well, but not when used with NVDA.\n       */\n      aria-hidden={!isInDOM} // NVDA and VoiceOver needs \"aria-hidden\" to remove it from the accessibility tree\n      hidden={isInDOM ? undefined : true} // NVDA and VoiceOver needs \"hidden\" to be true in order to not count invisible table rows (based on \"tr\" element)\n      role={isInDOM ? 'row' : undefined} // NVDA and VoiceOver needs \"hidden\" to be true in order to not count invisible table rows (based on \"role\" element)\n      className={classnames(\n        isInDOM && 'dnb-table__tr',\n        'dnb-table__tr__accordion_content',\n        isInDOM && 'dnb-table__tr__accordion_content--expanded',\n        isAnimating && 'dnb-table__tr__accordion_content--animating',\n        isVisibleParallax && 'dnb-table__tr__accordion_content--parallax',\n        className\n      )}\n      ref={trRef}\n      {...props}\n    >\n      <td\n        role={isInDOM ? 'cell' : undefined} // remove the \"role\", because the parent role is removed as well\n        colSpan={countTds}\n        className=\"dnb-table__td\"\n      >\n        {isInDOM && (\n          <div\n            className=\"dnb-table__tr__accordion_content__inner\"\n            ref={innerRef}\n          >\n            <div className=\"dnb-table__tr__accordion_content__inner__spacing\">\n              {children}\n            </div>\n          </div>\n        )}\n        <span className=\"dnb-sr-only\">\n          <span aria-live=\"assertive\">\n            {isInDOM && !ariaLive\n              ? allProps?.accordionMoreContentSR\n              : null}\n          </span>\n        </span>\n      </td>\n    </tr>\n  )\n}\n"],"mappings":"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"}