@dnb/eufemia 10.34.0 → 10.34.1

package/es/components/radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["React","PropTypes","classnames","extendPropsWithContextInClassComponent","makeUniqueId","validateDOMAttributes","getStatusState","combineDescribedBy","combineLabelledBy","dispatchCustomElementEvent","pickFormElementProps","spacingPropTypes","createSpacingClasses","AlignmentHelper","Space","FormLabel","FormStatus","Flex","Context","Suffix","RadioGroupContext","RadioGroup","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","value","_value","constructor","_defineProperty","event","setState","_refInput","createRef","_id","id","_name","name","render","_this$context","_this$context2","defaultProps","context","FormRow","formElement","status","status_state","status_props","status_no_animation","globalStatus","suffix","label","label_direction","label_sr_only","label_position","vertical","layout_direction","size","disabled","skeleton","className","class","_className","children","on_change","rest","_objectWithoutProperties","_excluded","showStatus","classes","params","_objectSpread","onChange","onChangeHandler","Fieldset","createElement","Provider","_AlignmentHelper","Container","direction","spacing","element","srOnly","_extends","role","show","text","text_id","width_selector","no_animation","title","undefined","attributes","test","String","process","env","NODE_ENV","propTypes","oneOfType","string","func","node","oneOf","bool","object","shape","message","_supportsSpacingProps"],"sources":["../../../../src/components/radio/RadioGroup.js"],"sourcesContent":["/**\n * Web RadioGroup Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContextInClassComponent,\n  makeUniqueId,\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  combineLabelledBy,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport Space from '../Space'\nimport FormLabel from '../FormLabel'\nimport FormStatus from '../FormStatus'\nimport Flex from '../Flex'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport RadioGroupContext from './RadioGroupContext'\n\n/**\n * The radio component is our enhancement of the classic radio button. It acts like a radio. Example: On/off, yes/no.\n */\nexport default class RadioGroup 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_direction: PropTypes.oneOf(['horizontal', 'vertical']),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    title: PropTypes.string,\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    name: 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    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    layout_direction: PropTypes.oneOf(['column', 'row']),\n    vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n\n    on_change: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_direction: null,\n    label_sr_only: null,\n    label_position: null,\n    title: null,\n    disabled: null,\n    skeleton: null,\n    id: null,\n    name: null,\n    size: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    vertical: null,\n    layout_direction: 'row',\n    value: undefined,\n    attributes: null,\n    class: null,\n\n    className: null,\n    children: null,\n\n    on_change: 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.value !== state._value) {\n        state.value = props.value\n      }\n      if (typeof props.value !== 'undefined') {\n        state._value = props.value\n      }\n    }\n    state._listenForPropChanges = true\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._name = props.name || this._id\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  onChangeHandler = ({ value, event }) => {\n    this.setState({ value, _listenForPropChanges: false })\n    dispatchCustomElementEvent(this, 'on_change', {\n      value,\n      event,\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      RadioGroup.defaultProps,\n      // Deprecated – can be removed in v11\n      pickFormElementProps(this.context?.FormRow),\n      pickFormElementProps(this.context?.formElement),\n      this.context.RadioGroup\n    )\n\n    const {\n      status,\n      status_state,\n      status_props,\n      status_no_animation,\n      globalStatus,\n      suffix,\n      label,\n      label_direction,\n      label_sr_only,\n      label_position,\n      vertical,\n      layout_direction,\n      size,\n      disabled,\n      skeleton,\n      className,\n      class: _className,\n\n      id: _id, // eslint-disable-line\n      name: _name, // eslint-disable-line\n      value: _value, // eslint-disable-line\n      children, // eslint-disable-line\n      on_change, // eslint-disable-line\n\n      ...rest\n    } = props\n\n    const { value } = this.state\n\n    const id = this._id\n    const showStatus = getStatusState(status)\n\n    const classes = classnames(\n      'dnb-radio-group',\n      status && `dnb-radio-group__status--${status_state}`,\n      `dnb-radio-group--${layout_direction}`,\n      'dnb-form-component',\n      createSpacingClasses(props),\n      className,\n      _className\n    )\n\n    const params = {\n      ...rest,\n    }\n\n    if (showStatus || suffix) {\n      params['aria-describedby'] = combineDescribedBy(\n        params,\n        showStatus ? id + '-status' : null,\n        suffix ? id + '-suffix' : null\n      )\n    }\n    if (label) {\n      params['aria-labelledby'] = combineLabelledBy(params, id + '-label')\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const context = {\n      name: this._name,\n      value,\n      size,\n      disabled,\n      label_position,\n      onChange: this.onChangeHandler,\n    }\n\n    const Fieldset = label ? 'fieldset' : 'div'\n\n    return (\n      <RadioGroupContext.Provider value={context}>\n        <div className={classes}>\n          <AlignmentHelper />\n          <Fieldset>\n            <Flex.Container\n              // align=\"baseline\"\n              direction={\n                vertical || label_direction === 'vertical'\n                  ? 'vertical'\n                  : 'horizontal'\n              }\n              spacing={vertical ? 'x-small' : 'small'}\n            >\n              {label && (\n                <FormLabel\n                  element=\"legend\"\n                  id={id + '-label'}\n                  srOnly={label_sr_only}\n                >\n                  {label}\n                </FormLabel>\n              )}\n\n              <Space\n                element=\"span\"\n                id={id}\n                className=\"dnb-radio-group__shell\"\n                role=\"radiogroup\"\n                {...params}\n              >\n                {children}\n\n                {suffix && (\n                  <Suffix\n                    className=\"dnb-radio-group__suffix\"\n                    id={id + '-suffix'} // used for \"aria-describedby\"\n                    context={props}\n                  >\n                    {suffix}\n                  </Suffix>\n                )}\n\n                <FormStatus\n                  show={showStatus}\n                  id={id + '-form-status'}\n                  globalStatus={globalStatus}\n                  label={label}\n                  text={status}\n                  state={status_state}\n                  text_id={id + '-status'} // used for \"aria-describedby\"\n                  width_selector={id + ', ' + id + '-label'}\n                  no_animation={status_no_animation}\n                  skeleton={skeleton}\n                  {...status_props}\n                />\n              </Space>\n            </Flex.Container>\n          </Fieldset>\n        </div>\n      </RadioGroupContext.Provider>\n    )\n  }\n}\n\nRadioGroup._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","names":["React","PropTypes","classnames","extendPropsWithContextInClassComponent","makeUniqueId","validateDOMAttributes","getStatusState","combineDescribedBy","combineLabelledBy","dispatchCustomElementEvent","pickFormElementProps","spacingPropTypes","createSpacingClasses","AlignmentHelper","Space","FormLabel","FormStatus","Flex","Context","Suffix","RadioGroupContext","RadioGroup","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","value","_value","constructor","_defineProperty","event","setState","_refInput","createRef","_id","id","_name","name","render","_this$context","_this$context2","defaultProps","context","FormRow","formElement","status","status_state","status_props","status_no_animation","globalStatus","suffix","label","label_direction","label_sr_only","label_position","vertical","layout_direction","size","disabled","skeleton","className","children","on_change","rest","_objectWithoutProperties","_excluded","showStatus","classes","params","_objectSpread","onChange","onChangeHandler","Fieldset","createElement","Provider","_AlignmentHelper","Container","direction","spacing","element","srOnly","_extends","role","show","text","text_id","width_selector","no_animation","title","undefined","attributes","test","String","process","env","NODE_ENV","propTypes","oneOfType","string","func","node","oneOf","bool","object","shape","message","_supportsSpacingProps"],"sources":["../../../../src/components/radio/RadioGroup.js"],"sourcesContent":["/**\n * Web RadioGroup Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContextInClassComponent,\n  makeUniqueId,\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  combineLabelledBy,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport Space from '../Space'\nimport FormLabel from '../FormLabel'\nimport FormStatus from '../FormStatus'\nimport Flex from '../Flex'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport RadioGroupContext from './RadioGroupContext'\n\n/**\n * The radio component is our enhancement of the classic radio button. It acts like a radio. Example: On/off, yes/no.\n */\nexport default class RadioGroup 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_direction: PropTypes.oneOf(['horizontal', 'vertical']),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    title: PropTypes.string,\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    name: 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    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    layout_direction: PropTypes.oneOf(['column', 'row']),\n    vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n\n    on_change: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_direction: null,\n    label_sr_only: null,\n    label_position: null,\n    title: null,\n    disabled: null,\n    skeleton: null,\n    id: null,\n    name: null,\n    size: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    vertical: null,\n    layout_direction: 'row',\n    value: undefined,\n    attributes: null,\n\n    className: null,\n    children: null,\n\n    on_change: 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.value !== state._value) {\n        state.value = props.value\n      }\n      if (typeof props.value !== 'undefined') {\n        state._value = props.value\n      }\n    }\n    state._listenForPropChanges = true\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._name = props.name || this._id\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  onChangeHandler = ({ value, event }) => {\n    this.setState({ value, _listenForPropChanges: false })\n    dispatchCustomElementEvent(this, 'on_change', {\n      value,\n      event,\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      RadioGroup.defaultProps,\n      // Deprecated – can be removed in v11\n      pickFormElementProps(this.context?.FormRow),\n      pickFormElementProps(this.context?.formElement),\n      this.context.RadioGroup\n    )\n\n    const {\n      status,\n      status_state,\n      status_props,\n      status_no_animation,\n      globalStatus,\n      suffix,\n      label,\n      label_direction,\n      label_sr_only,\n      label_position,\n      vertical,\n      layout_direction,\n      size,\n      disabled,\n      skeleton,\n      className,\n\n      id: _id, // eslint-disable-line\n      name: _name, // eslint-disable-line\n      value: _value, // eslint-disable-line\n      children, // eslint-disable-line\n      on_change, // eslint-disable-line\n\n      ...rest\n    } = props\n\n    const { value } = this.state\n\n    const id = this._id\n    const showStatus = getStatusState(status)\n\n    const classes = classnames(\n      'dnb-radio-group',\n      status && `dnb-radio-group__status--${status_state}`,\n      `dnb-radio-group--${layout_direction}`,\n      'dnb-form-component',\n      createSpacingClasses(props),\n      className\n    )\n\n    const params = {\n      ...rest,\n    }\n\n    if (showStatus || suffix) {\n      params['aria-describedby'] = combineDescribedBy(\n        params,\n        showStatus ? id + '-status' : null,\n        suffix ? id + '-suffix' : null\n      )\n    }\n    if (label) {\n      params['aria-labelledby'] = combineLabelledBy(params, id + '-label')\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const context = {\n      name: this._name,\n      value,\n      size,\n      disabled,\n      label_position,\n      onChange: this.onChangeHandler,\n    }\n\n    const Fieldset = label ? 'fieldset' : 'div'\n\n    return (\n      <RadioGroupContext.Provider value={context}>\n        <div className={classes}>\n          <AlignmentHelper />\n          <Fieldset>\n            <Flex.Container\n              // align=\"baseline\"\n              direction={\n                vertical || label_direction === 'vertical'\n                  ? 'vertical'\n                  : 'horizontal'\n              }\n              spacing={vertical ? 'x-small' : 'small'}\n            >\n              {label && (\n                <FormLabel\n                  element=\"legend\"\n                  id={id + '-label'}\n                  srOnly={label_sr_only}\n                >\n                  {label}\n                </FormLabel>\n              )}\n\n              <Space\n                element=\"span\"\n                id={id}\n                className=\"dnb-radio-group__shell\"\n                role=\"radiogroup\"\n                {...params}\n              >\n                {children}\n\n                {suffix && (\n                  <Suffix\n                    className=\"dnb-radio-group__suffix\"\n                    id={id + '-suffix'} // used for \"aria-describedby\"\n                    context={props}\n                  >\n                    {suffix}\n                  </Suffix>\n                )}\n\n                <FormStatus\n                  show={showStatus}\n                  id={id + '-form-status'}\n                  globalStatus={globalStatus}\n                  label={label}\n                  text={status}\n                  state={status_state}\n                  text_id={id + '-status'} // used for \"aria-describedby\"\n                  width_selector={id + ', ' + id + '-label'}\n                  no_animation={status_no_animation}\n                  skeleton={skeleton}\n                  {...status_props}\n                />\n              </Space>\n            </Flex.Container>\n          </Fieldset>\n        </div>\n      </RadioGroupContext.Provider>\n    )\n  }\n}\n\nRadioGroup._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/components/skeleton/Skeleton.d.ts

@@ -36,7 +36,6 @@ export interface SkeletonProps
    * Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div`.
    */
   element?: React.ReactNode;
-  class?: string;
   className?: string;
   children?: SkeletonChildren;
 }

package/es/components/skeleton/Skeleton.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-const _excluded = ["show", "no_animation", "figure", "skeleton", "aria_busy", "aria_ready", "className", "class", "children"];
+const _excluded = ["show", "no_animation", "figure", "skeleton", "aria_busy", "aria_ready", "className", "children"];
 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';
@@ -71,7 +71,6 @@ export default class Skeleton extends React.PureComponent {
         aria_busy,
         aria_ready,
         className,
-        class: _className,
         children
       } = props,
       attributes = _objectWithoutProperties(props, _excluded);
@@ -80,7 +79,7 @@ export default class Skeleton extends React.PureComponent {
     } = this.state;
     const showSkeleton = typeof show === 'boolean' || typeof show === 'string' ? isTrue(show) : skeleton;
     const params = _objectSpread({
-      className: classnames(figure ? 'dnb-skeleton__figure' : 'dnb-skeleton__root', createSpacingClasses(props), className, _className, isTrue(showSkeleton) && 'dnb-skeleton', isTrue(no_animation) && 'dnb-skeleton--no-animation'),
+      className: classnames(figure ? 'dnb-skeleton__figure' : 'dnb-skeleton__root', createSpacingClasses(props), className, isTrue(showSkeleton) && 'dnb-skeleton', isTrue(no_animation) && 'dnb-skeleton--no-animation'),
       'aria-busy': showSkeleton,
       'aria-label': showSkeleton ? aria_busy : undefined,
       lang: this.context.locale || LOCALE
@@ -104,7 +103,6 @@ _defineProperty(Skeleton, "defaultProps", {
   aria_busy: null,
   aria_ready: null,
   element: null,
-  class: null,
   className: null,
   children: null
 });
@@ -116,7 +114,6 @@ process.env.NODE_ENV !== "production" ? Skeleton.propTypes = _objectSpread(_obje
   aria_ready: PropTypes.string,
   element: PropTypes.node
 }, spacingPropTypes), {}, {
-  class: PropTypes.string,
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node])
 }) : void 0;

package/es/components/skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["React","PropTypes","classnames","extendPropsWithContextInClassComponent","validateDOMAttributes","isTrue","LOCALE","Space","spacingPropTypes","createSpacingClasses","Context","Provider","Skeleton","PureComponent","constructor","props","state","ariaLiveUpdate","componentWillUnmount","clearTimeout","_ariaLiveUpdateTimeout","componentDidUpdate","prevProps","show","setAriaLiveUpdate","getProps","context","defaultProps","skeleton","no_animation","skeleton_no_animation","getTranslation","setTimeout","aria_busy","aria_ready","newString","setState","render","figure","className","class","_className","children","attributes","_objectWithoutProperties","_excluded","showSkeleton","params","_objectSpread","undefined","lang","locale","createElement","_defineProperty","element","process","env","NODE_ENV","propTypes","oneOfType","string","bool","func","node","Exclude","_extends","_supportsSpacingProps"],"sources":["../../../../src/components/skeleton/Skeleton.js"],"sourcesContent":["/**\n * Web Skeleton Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  isTrue,\n} from '../../shared/component-helper'\nimport { LOCALE } from '../../shared/defaults'\nimport Space from '../space/Space'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\n\nexport default class Skeleton extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    figure: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    aria_busy: PropTypes.string,\n    aria_ready: PropTypes.string,\n    element: PropTypes.node,\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    show: null,\n    skeleton: null, // only to make sure we process extendPropsWithContextInClassComponent\n    no_animation: null,\n    figure: null,\n    aria_busy: null,\n    aria_ready: null,\n    element: null,\n    class: null,\n    className: null,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n    this.state = { ariaLiveUpdate: null }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._ariaLiveUpdateTimeout)\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.show !== this.props.show) {\n      this.setAriaLiveUpdate()\n    }\n  }\n\n  getProps(props = this.props, context = this.context) {\n    return extendPropsWithContextInClassComponent(\n      props,\n      Skeleton.defaultProps,\n      {\n        skeleton: context.Skeleton || context.skeleton,\n        no_animation: context.skeleton_no_animation,\n      },\n      context.getTranslation(props).Skeleton\n    )\n  }\n\n  setAriaLiveUpdate() {\n    // this is only to make a better screen reader ux\n    clearTimeout(this._ariaLiveUpdateTimeout)\n    this._ariaLiveUpdateTimeout = setTimeout(() => {\n      const { aria_busy, aria_ready } = this.getProps()\n\n      let newString = null\n\n      if (isTrue(this.props.show)) {\n        newString = aria_busy\n      } else {\n        newString = aria_ready\n      }\n\n      if (newString) {\n        this.setState({\n          ariaLiveUpdate: newString,\n        })\n        this._ariaLiveUpdateTimeout = setTimeout(() => {\n          this.setState({\n            ariaLiveUpdate: null,\n          })\n        }, 1e3)\n      }\n    }, 1e3) // so that the input gets read out first, and then the results\n  }\n\n  render() {\n    // consume the skeleton context\n    const props = this.getProps()\n\n    const {\n      show,\n      no_animation,\n      figure,\n      skeleton,\n      aria_busy,\n      aria_ready, // eslint-disable-line\n      className,\n      class: _className,\n      children,\n\n      ...attributes\n    } = props\n\n    const { ariaLiveUpdate } = this.state\n\n    const showSkeleton =\n      typeof show === 'boolean' || typeof show === 'string'\n        ? isTrue(show)\n        : skeleton\n\n    const params = {\n      className: classnames(\n        figure ? 'dnb-skeleton__figure' : 'dnb-skeleton__root',\n        isTrue(showSkeleton) && 'dnb-skeleton',\n        isTrue(no_animation) && 'dnb-skeleton--no-animation',\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      // role: 'status',// is not needed as for now\n      'aria-busy': showSkeleton,\n      'aria-label': showSkeleton ? aria_busy : undefined,\n      lang: this.context.locale || LOCALE,\n      ...attributes,\n    }\n\n    validateDOMAttributes(props, params)\n\n    return (\n      <Space {...params}>\n        {figure ? (\n          showSkeleton ? (\n            typeof figure === 'function' ? (\n              figure()\n            ) : (\n              figure\n            )\n          ) : (\n            children\n          )\n        ) : (\n          <Provider\n            skeleton={showSkeleton}\n            skeleton_no_animation={no_animation}\n          >\n            {children}\n          </Provider>\n        )}\n        <span className=\"dnb-sr-only\" aria-live=\"assertive\">\n          {ariaLiveUpdate}\n        </span>\n      </Space>\n    )\n  }\n}\n\nfunction Exclude(props) {\n  return <Provider {...props} skeleton={false} />\n}\n\nSkeleton.Exclude = Exclude\n\nSkeleton._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Skeleton.js","names":["React","PropTypes","classnames","extendPropsWithContextInClassComponent","validateDOMAttributes","isTrue","LOCALE","Space","spacingPropTypes","createSpacingClasses","Context","Provider","Skeleton","PureComponent","constructor","props","state","ariaLiveUpdate","componentWillUnmount","clearTimeout","_ariaLiveUpdateTimeout","componentDidUpdate","prevProps","show","setAriaLiveUpdate","getProps","context","defaultProps","skeleton","no_animation","skeleton_no_animation","getTranslation","setTimeout","aria_busy","aria_ready","newString","setState","render","figure","className","children","attributes","_objectWithoutProperties","_excluded","showSkeleton","params","_objectSpread","undefined","lang","locale","createElement","_defineProperty","element","process","env","NODE_ENV","propTypes","oneOfType","string","bool","func","node","Exclude","_extends","_supportsSpacingProps"],"sources":["../../../../src/components/skeleton/Skeleton.js"],"sourcesContent":["/**\n * Web Skeleton Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  isTrue,\n} from '../../shared/component-helper'\nimport { LOCALE } from '../../shared/defaults'\nimport Space from '../space/Space'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\n\nexport default class Skeleton extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    figure: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    aria_busy: PropTypes.string,\n    aria_ready: PropTypes.string,\n    element: PropTypes.node,\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    show: null,\n    skeleton: null, // only to make sure we process extendPropsWithContextInClassComponent\n    no_animation: null,\n    figure: null,\n    aria_busy: null,\n    aria_ready: null,\n    element: null,\n    className: null,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n    this.state = { ariaLiveUpdate: null }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._ariaLiveUpdateTimeout)\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.show !== this.props.show) {\n      this.setAriaLiveUpdate()\n    }\n  }\n\n  getProps(props = this.props, context = this.context) {\n    return extendPropsWithContextInClassComponent(\n      props,\n      Skeleton.defaultProps,\n      {\n        skeleton: context.Skeleton || context.skeleton,\n        no_animation: context.skeleton_no_animation,\n      },\n      context.getTranslation(props).Skeleton\n    )\n  }\n\n  setAriaLiveUpdate() {\n    // this is only to make a better screen reader ux\n    clearTimeout(this._ariaLiveUpdateTimeout)\n    this._ariaLiveUpdateTimeout = setTimeout(() => {\n      const { aria_busy, aria_ready } = this.getProps()\n\n      let newString = null\n\n      if (isTrue(this.props.show)) {\n        newString = aria_busy\n      } else {\n        newString = aria_ready\n      }\n\n      if (newString) {\n        this.setState({\n          ariaLiveUpdate: newString,\n        })\n        this._ariaLiveUpdateTimeout = setTimeout(() => {\n          this.setState({\n            ariaLiveUpdate: null,\n          })\n        }, 1e3)\n      }\n    }, 1e3) // so that the input gets read out first, and then the results\n  }\n\n  render() {\n    // consume the skeleton context\n    const props = this.getProps()\n\n    const {\n      show,\n      no_animation,\n      figure,\n      skeleton,\n      aria_busy,\n      aria_ready, // eslint-disable-line\n      className,\n      children,\n\n      ...attributes\n    } = props\n\n    const { ariaLiveUpdate } = this.state\n\n    const showSkeleton =\n      typeof show === 'boolean' || typeof show === 'string'\n        ? isTrue(show)\n        : skeleton\n\n    const params = {\n      className: classnames(\n        figure ? 'dnb-skeleton__figure' : 'dnb-skeleton__root',\n        isTrue(showSkeleton) && 'dnb-skeleton',\n        isTrue(no_animation) && 'dnb-skeleton--no-animation',\n        createSpacingClasses(props),\n        className\n      ),\n      // role: 'status',// is not needed as for now\n      'aria-busy': showSkeleton,\n      'aria-label': showSkeleton ? aria_busy : undefined,\n      lang: this.context.locale || LOCALE,\n      ...attributes,\n    }\n\n    validateDOMAttributes(props, params)\n\n    return (\n      <Space {...params}>\n        {figure ? (\n          showSkeleton ? (\n            typeof figure === 'function' ? (\n              figure()\n            ) : (\n              figure\n            )\n          ) : (\n            children\n          )\n        ) : (\n          <Provider\n            skeleton={showSkeleton}\n            skeleton_no_animation={no_animation}\n          >\n            {children}\n          </Provider>\n        )}\n        <span className=\"dnb-sr-only\" aria-live=\"assertive\">\n          {ariaLiveUpdate}\n        </span>\n      </Space>\n    )\n  }\n}\n\nfunction Exclude(props) {\n  return <Provider {...props} skeleton={false} />\n}\n\nSkeleton.Exclude = Exclude\n\nSkeleton._supportsSpacingProps = true\n"],"mappings":";;;;;;;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,sCAAsC,EACtCC,qBAAqB,EACrBC,MAAM,QACD,+BAA+B;AACtC,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,KAAK,MAAM,gBAAgB;AAClC,SACEC,gBAAgB,EAChBC,oBAAoB,QACf,wBAAwB;AAC/B,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,QAAQ,MAAM,uBAAuB;AAE5C,eAAe,MAAMC,QAAQ,SAASZ,KAAK,CAACa,aAAa,CAAC;EAqCxDC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MAAEC,cAAc,EAAE;IAAK,CAAC;EACvC;EAEAC,oBAAoBA,CAAA,EAAG;IACrBC,YAAY,CAAC,IAAI,CAACC,sBAAsB,CAAC;EAC3C;EAEAC,kBAAkBA,CAACC,SAAS,EAAE;IAC5B,IAAIA,SAAS,CAACC,IAAI,KAAK,IAAI,CAACR,KAAK,CAACQ,IAAI,EAAE;MACtC,IAAI,CAACC,iBAAiB,CAAC,CAAC;IAC1B;EACF;EAEAC,QAAQA,CAACV,KAAK,GAAG,IAAI,CAACA,KAAK,EAAEW,OAAO,GAAG,IAAI,CAACA,OAAO,EAAE;IACnD,OAAOvB,sCAAsC,CAC3CY,KAAK,EACLH,QAAQ,CAACe,YAAY,EACrB;MACEC,QAAQ,EAAEF,OAAO,CAACd,QAAQ,IAAIc,OAAO,CAACE,QAAQ;MAC9CC,YAAY,EAAEH,OAAO,CAACI;IACxB,CAAC,EACDJ,OAAO,CAACK,cAAc,CAAChB,KAAK,CAAC,CAACH,QAChC,CAAC;EACH;EAEAY,iBAAiBA,CAAA,EAAG;IAElBL,YAAY,CAAC,IAAI,CAACC,sBAAsB,CAAC;IACzC,IAAI,CAACA,sBAAsB,GAAGY,UAAU,CAAC,MAAM;MAC7C,MAAM;QAAEC,SAAS;QAAEC;MAAW,CAAC,GAAG,IAAI,CAACT,QAAQ,CAAC,CAAC;MAEjD,IAAIU,SAAS,GAAG,IAAI;MAEpB,IAAI9B,MAAM,CAAC,IAAI,CAACU,KAAK,CAACQ,IAAI,CAAC,EAAE;QAC3BY,SAAS,GAAGF,SAAS;MACvB,CAAC,MAAM;QACLE,SAAS,GAAGD,UAAU;MACxB;MAEA,IAAIC,SAAS,EAAE;QACb,IAAI,CAACC,QAAQ,CAAC;UACZnB,cAAc,EAAEkB;QAClB,CAAC,CAAC;QACF,IAAI,CAACf,sBAAsB,GAAGY,UAAU,CAAC,MAAM;UAC7C,IAAI,CAACI,QAAQ,CAAC;YACZnB,cAAc,EAAE;UAClB,CAAC,CAAC;QACJ,CAAC,EAAE,GAAG,CAAC;MACT;IACF,CAAC,EAAE,GAAG,CAAC;EACT;EAEAoB,MAAMA,CAAA,EAAG;IAEP,MAAMtB,KAAK,GAAG,IAAI,CAACU,QAAQ,CAAC,CAAC;IAE7B,MAAM;QACJF,IAAI;QACJM,YAAY;QACZS,MAAM;QACNV,QAAQ;QACRK,SAAS;QACTC,UAAU;QACVK,SAAS;QACTC;MAGF,CAAC,GAAGzB,KAAK;MADJ0B,UAAU,GAAAC,wBAAA,CACX3B,KAAK,EAAA4B,SAAA;IAET,MAAM;MAAE1B;IAAe,CAAC,GAAG,IAAI,CAACD,KAAK;IAErC,MAAM4B,YAAY,GAChB,OAAOrB,IAAI,KAAK,SAAS,IAAI,OAAOA,IAAI,KAAK,QAAQ,GACjDlB,MAAM,CAACkB,IAAI,CAAC,GACZK,QAAQ;IAEd,MAAMiB,MAAM,GAAAC,aAAA;MACVP,SAAS,EAAErC,UAAU,CACnBoC,MAAM,GAAG,sBAAsB,GAAG,oBAAoB,EAGtD7B,oBAAoB,CAACM,KAAK,CAAC,EAC3BwB,SAAS,EAHTlC,MAAM,CAACuC,YAAY,CAAC,IAAI,cAAc,EACtCvC,MAAM,CAACwB,YAAY,CAAC,IAAI,4BAG1B,CAAC;MAED,WAAW,EAAEe,YAAY;MACzB,YAAY,EAAEA,YAAY,GAAGX,SAAS,GAAGc,SAAS;MAClDC,IAAI,EAAE,IAAI,CAACtB,OAAO,CAACuB,MAAM,IAAI3C;IAAM,GAChCmC,UAAU,CACd;IAEDrC,qBAAqB,CAACW,KAAK,EAAE8B,MAAM,CAAC;IAEpC,OACE7C,KAAA,CAAAkD,aAAA,CAAC3C,KAAK,EAAKsC,MAAM,EACdP,MAAM,GACLM,YAAY,GACV,OAAON,MAAM,KAAK,UAAU,GAC1BA,MAAM,CAAC,CAAC,GAERA,MACD,GAEDE,QACD,GAEDxC,KAAA,CAAAkD,aAAA,CAACvC,QAAQ;MACPiB,QAAQ,EAAEgB,YAAa;MACvBd,qBAAqB,EAAED;IAAa,GAEnCW,QACO,CACX,EACDxC,KAAA,CAAAkD,aAAA;MAAMX,SAAS,EAAC,aAAa;MAAC,aAAU;IAAW,GAChDtB,cACG,CACD,CAAC;EAEZ;AACF;AAACkC,eAAA,CA9JoBvC,QAAQ,iBACNF,OAAO;AAAAyC,eAAA,CADTvC,QAAQ,kBAyBL;EACpBW,IAAI,EAAE,IAAI;EACVK,QAAQ,EAAE,IAAI;EACdC,YAAY,EAAE,IAAI;EAClBS,MAAM,EAAE,IAAI;EACZL,SAAS,EAAE,IAAI;EACfC,UAAU,EAAE,IAAI;EAChBkB,OAAO,EAAE,IAAI;EACbb,SAAS,EAAE,IAAI;EACfC,QAAQ,EAAE;AACZ,CAAC;AAAAa,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAnCkB3C,QAAQ,CAGpB4C,SAAS,GAAAV,aAAA,CAAAA,aAAA;EACdvB,IAAI,EAAEtB,SAAS,CAACwD,SAAS,CAAC,CAACxD,SAAS,CAACyD,MAAM,EAAEzD,SAAS,CAAC0D,IAAI,CAAC,CAAC;EAC7D9B,YAAY,EAAE5B,SAAS,CAACwD,SAAS,CAAC,CAACxD,SAAS,CAACyD,MAAM,EAAEzD,SAAS,CAAC0D,IAAI,CAAC,CAAC;EACrErB,MAAM,EAAErC,SAAS,CAACwD,SAAS,CAAC,CAC1BxD,SAAS,CAACyD,MAAM,EAChBzD,SAAS,CAAC2D,IAAI,EACd3D,SAAS,CAAC4D,IAAI,CACf,CAAC;EACF5B,SAAS,EAAEhC,SAAS,CAACyD,MAAM;EAC3BxB,UAAU,EAAEjC,SAAS,CAACyD,MAAM;EAC5BN,OAAO,EAAEnD,SAAS,CAAC4D;AAAI,GAEpBrD,gBAAgB;EAEnB+B,SAAS,EAAEtC,SAAS,CAACyD,MAAM;EAC3BlB,QAAQ,EAAEvC,SAAS,CAACwD,SAAS,CAAC,CAC5BxD,SAAS,CAACyD,MAAM,EAChBzD,SAAS,CAAC2D,IAAI,EACd3D,SAAS,CAAC4D,IAAI,CACf;AAAC;AA0IN,SAASC,OAAOA,CAAC/C,KAAK,EAAE;EACtB,OAAOf,KAAA,CAAAkD,aAAA,CAACvC,QAAQ,EAAAoD,QAAA,KAAKhD,KAAK;IAAEa,QAAQ,EAAE;EAAM,EAAE,CAAC;AACjD;AAEAhB,QAAQ,CAACkD,OAAO,GAAGA,OAAO;AAE1BlD,QAAQ,CAACoD,qBAAqB,GAAG,IAAI"}

package/es/components/switch/Switch.d.ts

@@ -72,7 +72,6 @@ export interface SwitchProps
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
-  class?: string;
   className?: string;
   children?: SwitchChildren;
   /**

package/es/components/switch/Switch.js

@@ -4,7 +4,7 @@ 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", "innerRef"];
+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", "id", "checked", "children", "on_change", "on_state_update", "innerRef"];
 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';
@@ -114,7 +114,6 @@ export default class Switch extends React.PureComponent {
         readOnly,
         skeleton,
         className,
-        class: _className,
         id: _id,
         checked: _checked,
         children,
@@ -129,7 +128,7 @@ export default class Switch extends React.PureComponent {
     const id = this._id;
     const showStatus = getStatusState(status);
     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}`)
+      className: classnames(`dnb-switch dnb-switch--label-position-${label_position || 'right'} dnb-form-component`, createSkeletonClass(null, skeleton), createSpacingClasses(props), className, size && `dnb-switch--${size}`, status && `dnb-switch__status--${status_state}`)
     };
     const inputParams = _objectSpread({
       disabled: isTrue(disabled),
@@ -222,7 +221,6 @@ _defineProperty(Switch, "defaultProps", {
   attributes: null,
   readOnly: false,
   skeleton: null,
-  class: null,
   className: null,
   children: null,
   on_change: null,
@@ -255,7 +253,6 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes = _objectSpread(_object
   skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 }, spacingPropTypes), {}, {
-  class: PropTypes.string,
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
   on_change: PropTypes.func,

package/es/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","pickFormElementProps","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","componentDidMount","innerRef","componentWillUnmount","render","_this$context","_this$context2","_this$context3","defaultProps","skeleton","context","getTranslation","FormRow","formElement","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","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/switch/Switch.js"],"sourcesContent":["/**\n * Web Switch Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\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 { pickFormElementProps } from '../../shared/helpers/filterValidProps'\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    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\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    innerRef: 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  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._refInput.current)\n        : (this.props.innerRef.current = this._refInput.current)\n    }\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      // Deprecated – can be removed in v11\n      pickFormElementProps(this.context?.FormRow),\n      pickFormElementProps(this.context?.formElement),\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      innerRef, // 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\nSwitch._formElement = true\nSwitch._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","pickFormElementProps","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","componentDidMount","innerRef","componentWillUnmount","render","_this$context","_this$context2","_this$context3","defaultProps","skeleton","context","getTranslation","FormRow","formElement","value","size","status","status_state","status_props","globalStatus","status_no_animation","suffix","label","label_position","label_sr_only","title","disabled","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","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/switch/Switch.js"],"sourcesContent":["/**\n * Web Switch Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\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 { pickFormElementProps } from '../../shared/helpers/filterValidProps'\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    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n    ...spacingPropTypes,\n\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\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_change_end: null,\n    on_state_update: null,\n\n    innerRef: 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  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._refInput.current)\n        : (this.props.innerRef.current = this._refInput.current)\n    }\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      // Deprecated – can be removed in v11\n      pickFormElementProps(this.context?.FormRow),\n      pickFormElementProps(this.context?.formElement),\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\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      innerRef, // 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      ),\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\nSwitch._formElement = true\nSwitch._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/components/tabs/Tabs.d.ts

@@ -100,7 +100,6 @@ export interface TabsProps
    */
   skeleton?: SkeletonShow;
   id?: string;
-  class?: string;
   className?: string;
   /**
    * the content to render. Can be a function, returning the current tab content `(key) => ('Current tab')`, a React Component or an object with the keys and content `{key1: 'Current tab'}`.

package/es/components/tabs/Tabs.js

@@ -830,7 +830,6 @@ _defineProperty(Tabs, "defaultProps", {
   scroll: null,
   skeleton: null,
   id: null,
-  class: null,
   className: null,
   children: null,
   render: null,
@@ -872,7 +871,6 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes = _objectSpread(_objectSp
   skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   id: PropTypes.string
 }, spacingPropTypes), {}, {
-  class: PropTypes.string,
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.object, PropTypes.node, PropTypes.func]),
   render: PropTypes.func,