@dnb/eufemia 10.2.0 → 10.3.0

package/cjs/components/toggle-button/ToggleButton.js

@@ -4,59 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _keycode = _interopRequireDefault(require("keycode"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _AlignmentHelper2 = _interopRequireDefault(require("../../shared/AlignmentHelper"));
-
 var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _SpacingHelper = require("../space/SpacingHelper");
-
 var _Radio = _interopRequireDefault(require("../radio/Radio"));
-
 var _Checkbox = _interopRequireDefault(require("../checkbox/Checkbox"));
-
 var _Button = _interopRequireDefault(require("../button/Button"));
-
 var _FormLabel = _interopRequireDefault(require("../form-label/FormLabel"));
-
 var _FormStatus = _interopRequireDefault(require("../form-status/FormStatus"));
-
 var _ToggleButtonGroup = _interopRequireDefault(require("./ToggleButtonGroup"));
-
 var _ToggleButtonGroupContext = _interopRequireDefault(require("./ToggleButtonGroupContext"));
-
 var _Context = _interopRequireDefault(require("../../shared/Context"));
-
 var _Suffix = _interopRequireDefault(require("../../shared/helpers/Suffix"));
-
 var _AlignmentHelper;
-
 const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "label", "label_direction", "label_sr_only", "text", "title", "readOnly", "className", "class", "disabled", "skeleton", "variant", "left_component", "icon", "icon_size", "icon_position", "value", "id", "checked", "children", "on_change", "on_state_update"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function 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; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class ToggleButton extends _react.default.PureComponent {
   static getDerivedStateFromProps(props, state) {
     if (state._listenForPropChanges) {
@@ -64,9 +39,7 @@ class ToggleButton extends _react.default.PureComponent {
         state.checked = ToggleButton.parseChecked(props.checked);
       }
     }
-
     state._listenForPropChanges = true;
-
     if (state.checked !== state.__checked) {
       (0, _componentHelper.dispatchCustomElementEvent)({
         props
@@ -74,15 +47,12 @@ class ToggleButton extends _react.default.PureComponent {
         checked: state.checked
       });
     }
-
     state._checked = props.checked;
     state.__checked = state.checked;
     return state;
   }
-
   constructor(props, context) {
     super(props);
-
     _defineProperty(this, "onKeyDownHandler", event => {
       switch ((0, _keycode.default)(event)) {
         case 'enter':
@@ -92,7 +62,6 @@ class ToggleButton extends _react.default.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onKeyUpHandler", event => {
       switch ((0, _keycode.default)(event)) {
         case 'enter':
@@ -102,22 +71,17 @@ class ToggleButton extends _react.default.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onClickHandler", _ref => {
       let {
         event
       } = _ref;
-
       if ((0, _componentHelper.isTrue)(this.props.readOnly)) {
         return event.preventDefault();
       }
-
       event.persist();
-
       if (!(0, _componentHelper.isTrue)(this.context.multiselect) && this.props.value === this.context.value) {
         return;
       }
-
       const checked = !this.state.checked;
       this.setState({
         checked,
@@ -127,7 +91,6 @@ class ToggleButton extends _react.default.PureComponent {
         checked,
         event
       });
-
       if (this._refButton.current && checked) {
         try {
           this._refButton.current._ref.current.focus();
@@ -136,7 +99,6 @@ class ToggleButton extends _react.default.PureComponent {
         }
       }
     });
-
     _defineProperty(this, "callOnChange", _ref2 => {
       let {
         checked,
@@ -145,27 +107,23 @@ class ToggleButton extends _react.default.PureComponent {
       const {
         value
       } = this.props;
-
       if (this.context.onChange) {
         this.context.onChange({
           value,
           event
         });
       }
-
       (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_change', {
         checked,
         value,
         event
       });
     });
-
     this._id = props.id || (0, _componentHelper.makeUniqueId)();
     this._refButton = _react.default.createRef();
     this.state = {
       _listenForPropChanges: true
     };
-
     if (context.name && typeof props.value !== 'undefined') {
       if (typeof context.value !== 'undefined') {
         this.state.checked = context.value === props.value;
@@ -190,68 +148,60 @@ class ToggleButton extends _react.default.PureComponent {
       }
     }
   }
-
   render() {
     return _react.default.createElement(_Context.default.Consumer, null, context => {
       const contextProps = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, ToggleButton.defaultProps, this.context);
       const props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, ToggleButton.defaultProps, contextProps, context.translation.ToggleButton, (0, _FormRowHelpers.includeValidProps)(context.FormRow), context.ToggleButton);
-
       const {
-        status,
-        status_state,
-        status_props,
-        status_no_animation,
-        globalStatus,
-        suffix,
-        label,
-        label_direction,
-        label_sr_only,
-        text,
-        title,
-        readOnly,
-        className,
-        class: _className,
-        disabled,
-        skeleton,
-        variant,
-        left_component,
-        icon,
-        icon_size,
-        icon_position,
-        value: propValue,
-        id: _id,
-        checked: _checked,
-        children,
-        on_change,
-        on_state_update
-      } = props,
-            rest = _objectWithoutProperties(props, _excluded);
-
+          status,
+          status_state,
+          status_props,
+          status_no_animation,
+          globalStatus,
+          suffix,
+          label,
+          label_direction,
+          label_sr_only,
+          text,
+          title,
+          readOnly,
+          className,
+          class: _className,
+          disabled,
+          skeleton,
+          variant,
+          left_component,
+          icon,
+          icon_size,
+          icon_position,
+          value: propValue,
+          id: _id,
+          checked: _checked,
+          children,
+          on_change,
+          on_state_update
+        } = props,
+        rest = _objectWithoutProperties(props, _excluded);
       let {
         checked
       } = this.state;
-
       if (!(0, _componentHelper.isTrue)(this.context.multiselect) && typeof this.context.value !== 'undefined') {
         const contextValue = this.context.value;
-
         if (typeof propValue === 'string' || typeof propValue === 'number') {
           checked = propValue === contextValue;
         }
       } else if ((0, _componentHelper.isTrue)(this.context.multiselect) && typeof this.context.values !== 'undefined') {
         const contextValues = this.context.values;
-
         if (typeof propValue === 'string' || typeof propValue === 'number') {
           checked = contextValues.includes(propValue);
         }
       }
-
       const id = this._id;
       const showStatus = (0, _componentHelper.getStatusState)(status);
       const mainParams = {
         className: (0, _classnames.default)('dnb-toggle-button', (0, _SpacingHelper.createSpacingClasses)(props), className, _className, status && `dnb-toggle-button__status--${status_state}`, checked && `dnb-toggle-button--checked`, label_direction && `dnb-toggle-button--${label_direction}`)
       };
       (0, _componentHelper.validateDOMAttributes)(this.props, rest);
-
       const buttonParams = _objectSpread({
         id,
         disabled,
@@ -263,7 +213,6 @@ class ToggleButton extends _react.default.PureComponent {
         icon_position,
         'aria-pressed': String(checked || false)
       }, rest);
-
       const componentParams = {
         checked,
         disabled,
@@ -275,7 +224,6 @@ class ToggleButton extends _react.default.PureComponent {
         name: null,
         title: null
       };
-
       if (status) {
         if (status_state === 'info') {
           componentParams.status_state = 'info';
@@ -283,36 +231,29 @@ class ToggleButton extends _react.default.PureComponent {
           componentParams.status = 'error';
         }
       }
-
       if (showStatus || suffix) {
         buttonParams['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(buttonParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
       }
-
       if (readOnly) {
         buttonParams['aria-readonly'] = buttonParams.readOnly = true;
       }
-
       let leftComponent = null;
-
       switch (variant) {
         case 'radio':
           leftComponent = _react.default.createElement(_Radio.default, _extends({
             id: `${id}-radio`
           }, componentParams));
           break;
-
         case 'checkbox':
           leftComponent = _react.default.createElement(_Checkbox.default, _extends({
             id: `${id}-checkbox`
           }, componentParams));
           break;
-
         case 'default':
         default:
           leftComponent = left_component;
           break;
       }
-
       return _react.default.createElement("span", mainParams, label && _react.default.createElement(_FormLabel.default, {
         id: id + '-label',
         for_id: id,
@@ -353,15 +294,10 @@ class ToggleButton extends _react.default.PureComponent {
       }, suffix))));
     });
   }
-
 }
-
 exports.default = ToggleButton;
-
 _defineProperty(ToggleButton, "Group", _ToggleButtonGroup.default);
-
 _defineProperty(ToggleButton, "contextType", _ToggleButtonGroupContext.default);
-
 _defineProperty(ToggleButton, "defaultProps", {
   text: null,
   label: null,
@@ -392,9 +328,7 @@ _defineProperty(ToggleButton, "defaultProps", {
   on_change: null,
   on_state_update: null
 });
-
 _defineProperty(ToggleButton, "parseChecked", state => /true|on/.test(String(state)));
-
 process.env.NODE_ENV !== "production" ? ToggleButton.propTypes = _objectSpread(_objectSpread({
   text: _propTypes.default.string,
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.node]),
@@ -428,4 +362,5 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes = _objectSpread(_
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
   on_change: _propTypes.default.func,
   on_state_update: _propTypes.default.func
-}) : void 0;
+}) : void 0;
+//# sourceMappingURL=ToggleButton.js.map

package/cjs/components/toggle-button/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_keycode","_componentHelper","_AlignmentHelper2","_FormRowHelpers","_SpacingHelper","_Radio","_Checkbox","_Button","_FormLabel","_FormStatus","_ToggleButtonGroup","_ToggleButtonGroupContext","_Context","_Suffix","_AlignmentHelper","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ToggleButton","React","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","dispatchCustomElementEvent","constructor","context","event","keycode","onClickHandler","_ref","isTrue","readOnly","preventDefault","persist","multiselect","setState","callOnChange","_refButton","current","focus","e","warn","_ref2","onChange","_id","id","makeUniqueId","createRef","name","values","Array","isArray","includes","setContext","tmp","render","createElement","Consumer","contextProps","extendPropsWithContextInClassComponent","defaultProps","translation","includeValidProps","FormRow","status","status_state","status_props","status_no_animation","globalStatus","suffix","label","label_direction","label_sr_only","text","title","className","class","_className","disabled","skeleton","variant","left_component","icon","icon_size","icon_position","propValue","children","on_change","on_state_update","rest","contextValue","contextValues","showStatus","getStatusState","mainParams","classnames","createSpacingClasses","validateDOMAttributes","buttonParams","componentParams","element","role","type","combineDescribedBy","leftComponent","for_id","sr_only","show","text_id","no_animation","custom_content","ref","onClick","onKeyDown","onKeyDownHandler","onKeyUp","onKeyUpHandler","exports","ToggleButtonGroup","ToggleButtonGroupContext","attributes","test","process","env","NODE_ENV","propTypes","PropTypes","string","oneOfType","func","node","oneOf","bool","shape","message","number","array","spacingPropTypes"],"sources":["../../../../src/components/toggle-button/ToggleButton.js"],"sourcesContent":["/**\n * Web ToggleButton Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nimport Radio from '../radio/Radio'\nimport Checkbox from '../checkbox/Checkbox'\nimport Button from '../button/Button'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport ToggleButtonGroup from './ToggleButtonGroup'\nimport ToggleButtonGroupContext from './ToggleButtonGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\n\n/**\n * The toggle-button component is our enhancement of the classic toggle-button button.\n */\nexport default class ToggleButton extends React.PureComponent {\n  static Group = ToggleButtonGroup\n\n  static contextType = ToggleButtonGroupContext\n\n  static propTypes = {\n    text: PropTypes.string,\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    title: PropTypes.string,\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    variant: PropTypes.oneOf(['default', 'checkbox', 'radio']),\n    left_component: PropTypes.node,\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    // group: PropTypes.string,\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    value: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number,\n      PropTypes.object,\n      PropTypes.array,\n    ]),\n    icon: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    icon_position: PropTypes.oneOf(['left', 'right']),\n    icon_size: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    readOnly: 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_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    text: null,\n    label: null,\n    label_direction: null,\n    label_sr_only: null,\n    title: null,\n    checked: undefined,\n    variant: null,\n    left_component: null,\n    disabled: null,\n    skeleton: null,\n    id: null,\n    // group: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: '',\n    icon: null,\n    icon_position: 'right',\n    icon_size: null,\n    attributes: null,\n    readOnly: false,\n    class: null,\n\n    className: null,\n    children: null,\n\n    on_change: 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 = ToggleButton.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, context) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this._refButton = React.createRef()\n\n    this.state = {\n      _listenForPropChanges: true,\n    }\n\n    // set the startup checked values from context, if they exists\n    if (context.name && typeof props.value !== 'undefined') {\n      if (typeof context.value !== 'undefined') {\n        this.state.checked = context.value === props.value\n        this.state._listenForPropChanges = false\n      } else if (context.values && Array.isArray(context.values)) {\n        this.state.checked = context.values.includes(props.value)\n        this.state._listenForPropChanges = false\n\n        // make sure we update the context\n        // with a possible custom set \"checked\" state\n      } else if (ToggleButton.parseChecked(props.checked)) {\n        if (context.setContext) {\n          if (context.multiselect) {\n            context.setContext((tmp) => {\n              return {\n                values:\n                  // in case we have set before a new context (other component)\n                  // we fill combine theese arrays\n                  tmp && Array.isArray(tmp.values)\n                    ? [...tmp.values, props.value]\n                    : [props.value],\n              }\n            })\n          } else {\n            context.setContext({\n              value: props.value,\n            })\n          }\n        }\n      }\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    switch (keycode(event)) {\n      case 'enter':\n        this.onClickHandler({ event })\n        break\n    }\n  }\n\n  onKeyUpHandler = (event) => {\n    switch (keycode(event)) {\n      case 'enter':\n        this.onClickHandler({ event })\n        break\n    }\n  }\n\n  onClickHandler = ({ event }) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    event.persist()\n\n    // only select a value once\n    if (\n      !isTrue(this.context.multiselect) &&\n      this.props.value === this.context.value\n    ) {\n      return\n    }\n\n    // else we change the checked state\n    const checked = !this.state.checked\n    this.setState({\n      checked,\n      _listenForPropChanges: false,\n    })\n    this.callOnChange({ checked, event })\n\n    if (this._refButton.current && checked) {\n      // simulate focus for firefox and safari\n      // so we can get rid of the hover ring after click\n      try {\n        this._refButton.current._ref.current.focus()\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n\n  callOnChange = ({ checked, event }) => {\n    const { value } = this.props\n    if (this.context.onChange) {\n      this.context.onChange({\n        value,\n        event,\n      })\n    }\n    dispatchCustomElementEvent(this, 'on_change', {\n      checked,\n      value,\n      event,\n    })\n  }\n\n  render() {\n    return (\n      <Context.Consumer>\n        {(context) => {\n          // from internal context\n          const contextProps = extendPropsWithContextInClassComponent(\n            this.props,\n            ToggleButton.defaultProps,\n            this.context\n          )\n\n          // use only the props from context, who are available here anyway\n          const props = extendPropsWithContextInClassComponent(\n            this.props,\n            ToggleButton.defaultProps,\n            contextProps,\n            context.translation.ToggleButton,\n            includeValidProps(context.FormRow),\n            context.ToggleButton\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            text,\n            title,\n            readOnly,\n            className,\n            class: _className,\n            disabled,\n            skeleton,\n            variant,\n            left_component,\n            icon,\n            icon_size,\n            icon_position,\n            value: propValue,\n\n            id: _id, // eslint-disable-line\n            // group: _group, // eslint-disable-line\n            checked: _checked, // eslint-disable-line\n            children,\n            on_change, // eslint-disable-line\n            on_state_update, // eslint-disable-line\n\n            ...rest\n          } = props\n\n          let { checked } = this.state\n\n          if (\n            !isTrue(this.context.multiselect) &&\n            typeof this.context.value !== 'undefined'\n          ) {\n            const contextValue = this.context.value\n            if (\n              typeof propValue === 'string' ||\n              typeof propValue === 'number'\n            ) {\n              checked = propValue === contextValue\n            }\n          } else if (\n            isTrue(this.context.multiselect) &&\n            typeof this.context.values !== 'undefined'\n          ) {\n            const contextValues = this.context.values\n            if (\n              typeof propValue === 'string' ||\n              typeof propValue === 'number'\n            ) {\n              checked = contextValues.includes(propValue)\n            }\n          }\n\n          const id = this._id\n          const showStatus = getStatusState(status)\n\n          const mainParams = {\n            className: classnames(\n              'dnb-toggle-button',\n              status && `dnb-toggle-button__status--${status_state}`,\n              checked && `dnb-toggle-button--checked`,\n              label_direction && `dnb-toggle-button--${label_direction}`,\n              createSpacingClasses(props),\n              className,\n              _className\n            ),\n          }\n\n          // to remove spacing props\n          validateDOMAttributes(this.props, rest)\n\n          const buttonParams = {\n            id,\n            disabled,\n            skeleton,\n            text: text || children,\n            title,\n            icon,\n            icon_size,\n            icon_position,\n            'aria-pressed': String(checked || false),\n            ...rest,\n          }\n\n          const componentParams = {\n            checked,\n            disabled,\n            element: 'span',\n            'data-checked': String(checked || false),\n            'aria-checked': undefined,\n            role: undefined,\n            type: undefined,\n            name: null,\n            title: null,\n          }\n\n          if (status) {\n            // do not send along the message, but only the status states\n            if (status_state === 'info') {\n              componentParams.status_state = 'info'\n            } else {\n              componentParams.status = 'error'\n            }\n          }\n\n          if (showStatus || suffix) {\n            buttonParams['aria-describedby'] = combineDescribedBy(\n              buttonParams,\n              showStatus ? id + '-status' : null,\n              suffix ? id + '-suffix' : null\n            )\n          }\n          if (readOnly) {\n            buttonParams['aria-readonly'] = buttonParams.readOnly = true\n          }\n\n          let leftComponent = null\n          switch (variant) {\n            case 'radio':\n              leftComponent = (\n                <Radio id={`${id}-radio`} {...componentParams} />\n              )\n              break\n\n            case 'checkbox':\n              leftComponent = (\n                <Checkbox id={`${id}-checkbox`} {...componentParams} />\n              )\n              break\n\n            case 'default':\n            default:\n              leftComponent = left_component\n              break\n          }\n\n          return (\n            <span {...mainParams}>\n              {label && (\n                <FormLabel\n                  id={id + '-label'}\n                  for_id={id}\n                  text={label}\n                  disabled={disabled}\n                  skeleton={skeleton}\n                  label_direction={label_direction}\n                  sr_only={label_sr_only}\n                />\n              )}\n              <span className=\"dnb-toggle-button__inner\">\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                  text={status}\n                  state={status_state}\n                  no_animation={status_no_animation}\n                  skeleton={skeleton}\n                  {...status_props}\n                />\n\n                <span className=\"dnb-toggle-button__shell\">\n                  <AlignmentHelper />\n\n                  <Button\n                    variant=\"secondary\"\n                    className=\"dnb-toggle-button__button\"\n                    custom_content={\n                      leftComponent && (\n                        <span className=\"dnb-toggle-button__component\">\n                          {leftComponent}\n                        </span>\n                      )\n                    }\n                    {...buttonParams}\n                    ref={this._refButton}\n                    onClick={this.onClickHandler}\n                    onKeyDown={this.onKeyDownHandler}\n                    onKeyUp={this.onKeyUpHandler}\n                  />\n\n                  {suffix && (\n                    <Suffix\n                      className=\"dnb-toggle-button__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          )\n        }}\n      </Context.Consumer>\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/toggle-button/ToggleButtonGroup.d.ts

@@ -34,7 +34,6 @@ export interface ToggleButtonGroupProps
   label?: FormLabelText;
   label_direction?: FormLabelLabelDirection;
   label_sr_only?: boolean;
-
   /**
    * The `title` of the input - describing it a bit further for accessibility reasons.
    */
@@ -44,47 +43,39 @@ export interface ToggleButtonGroupProps
   left_component?: React.ReactNode;
   no_fieldset?: boolean;
   disabled?: boolean;
-
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
   id?: string;
   name?: string;
-
   /**
    * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
    */
   status?: FormStatusText;
-
   /**
    * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
    */
   status_state?: FormStatusState;
-
   /**
    * Use an object to define additional FormStatus properties.
    */
   status_props?: FormStatusProps;
   status_no_animation?: boolean;
-
   /**
    * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
    */
   globalStatus?: GlobalStatusConfigObject;
-
   /**
    * Text describing the content of the ToggleButton more than the label. You can also send in a React component, so it gets wrapped inside the ToggleButton component.
    */
   suffix?: ToggleButtonGroupSuffix;
   vertical?: boolean;
   layout_direction?: ToggleButtonGroupLayoutDirection;
-
   /**
    * <em>(required)</em> defines the `value` as a string. Use it to get the value during the `on_change` event listener callback in the "ToggleButtonGroup".
    */
   value?: ToggleButtonGroupValue;
-
   /**
    * function values() { [native code] }
    */
@@ -93,7 +84,6 @@ export interface ToggleButtonGroupProps
   class?: string;
   className?: string;
   children?: ToggleButtonGroupChildren;
-
   /**
    * Will be called on state changes made by the user. Returns a boolean and string `{ checked, value, event }`.
    */