@dnb/eufemia 10.2.0 → 10.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","names":["React","PropTypes","classnames","keycode","warn","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","AlignmentHelper","includeValidProps","spacingPropTypes","createSpacingClasses","Radio","Checkbox","Button","FormLabel","FormStatus","ToggleButtonGroup","ToggleButtonGroupContext","Context","Suffix","ToggleButton","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","context","_defineProperty","event","onClickHandler","_ref","readOnly","preventDefault","persist","multiselect","value","setState","callOnChange","_refButton","current","focus","e","_ref2","onChange","_id","id","createRef","name","values","Array","isArray","includes","setContext","tmp","render","createElement","Consumer","contextProps","defaultProps","translation","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","_objectWithoutProperties","_excluded","contextValue","contextValues","showStatus","mainParams","buttonParams","_objectSpread","String","componentParams","element","undefined","role","type","leftComponent","_extends","for_id","sr_only","show","text_id","no_animation","_AlignmentHelper","custom_content","ref","onClick","onKeyDown","onKeyDownHandler","onKeyUp","onKeyUpHandler","attributes","test","process","env","NODE_ENV","propTypes","string","oneOfType","func","node","oneOf","bool","object","shape","message","number","array"],"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/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 }`.
    */

package/components/toggle-button/ToggleButtonGroup.js

@@ -1,15 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _AlignmentHelper;
-
 const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "label_direction", "label_sr_only", "vertical", "layout_direction", "label", "variant", "left_component", "no_fieldset", "disabled", "skeleton", "className", "class", "multiselect", "id", "name", "value", "values", "children", "on_change"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -28,27 +23,21 @@ export default class ToggleButtonGroup extends React.PureComponent {
       if (typeof props.value !== 'undefined' && props.value !== state.value) {
         state.value = props.value;
       }
-
       if (typeof props.values !== 'undefined' && props.values !== state.values) {
         state.values = ToggleButtonGroup.getValues(props);
       }
     }
-
     state._listenForPropChanges = true;
     return state;
   }
-
   static getValues(props) {
     if (typeof props.values === 'string' && props.values[0] === '[') {
       return JSON.parse(props.values);
     }
-
     return props.values;
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "onChangeHandler", _ref => {
       let {
         value,
@@ -58,7 +47,6 @@ export default class ToggleButtonGroup extends React.PureComponent {
         multiselect
       } = this.props;
       const values = this.state.values || [];
-
       if (isTrue(multiselect)) {
         if (!values.includes(value)) {
           values.push(value);
@@ -66,7 +54,6 @@ export default class ToggleButtonGroup extends React.PureComponent {
           values.splice(values.indexOf(value), 1);
         }
       }
-
       this.setState({
         value,
         values,
@@ -78,7 +65,6 @@ export default class ToggleButtonGroup extends React.PureComponent {
         event
       });
     });
-
     this._refInput = React.createRef();
     this._id = props.id || makeUniqueId();
     this._name = props.name || makeUniqueId();
@@ -86,39 +72,36 @@ export default class ToggleButtonGroup extends React.PureComponent {
       _listenForPropChanges: true
     };
   }
-
   render() {
     const props = extendPropsWithContextInClassComponent(this.props, ToggleButtonGroup.defaultProps, this.context.getTranslation(this.props).ToggleButton, includeValidProps(this.context.FormRow), this.context.ToggleButtonGroup);
-
     const {
-      status,
-      status_state,
-      status_props,
-      status_no_animation,
-      globalStatus,
-      suffix,
-      label_direction,
-      label_sr_only,
-      vertical,
-      layout_direction,
-      label,
-      variant,
-      left_component,
-      no_fieldset,
-      disabled,
-      skeleton,
-      className,
-      class: _className,
-      multiselect,
-      id: _id,
-      name: _name,
-      value: _value,
-      values: _values,
-      children,
-      on_change
-    } = props,
-          rest = _objectWithoutProperties(props, _excluded);
-
+        status,
+        status_state,
+        status_props,
+        status_no_animation,
+        globalStatus,
+        suffix,
+        label_direction,
+        label_sr_only,
+        vertical,
+        layout_direction,
+        label,
+        variant,
+        left_component,
+        no_fieldset,
+        disabled,
+        skeleton,
+        className,
+        class: _className,
+        multiselect,
+        id: _id,
+        name: _name,
+        value: _value,
+        values: _values,
+        children,
+        on_change
+      } = props,
+      rest = _objectWithoutProperties(props, _excluded);
     const {
       value,
       values
@@ -126,17 +109,13 @@ export default class ToggleButtonGroup extends React.PureComponent {
     const id = this._id;
     const showStatus = getStatusState(status);
     const classes = classnames(`dnb-toggle-button-group dnb-toggle-button-group--${layout_direction} dnb-form-component`, (isTrue(vertical) || label_direction) && `dnb-form-row--${isTrue(vertical) ? 'vertical' : label_direction}-label`, createSpacingClasses(props), className, _className, status && `dnb-toggle-button-group__status--${status_state}`, !label && 'dnb-toggle-button-group--no-label');
-
     const params = _objectSpread({}, rest);
-
     if (showStatus || suffix) {
       params['aria-describedby'] = combineDescribedBy(params, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
     }
-
     if (label) {
       params['aria-labelledby'] = combineLabelledBy(params, id + '-label');
     }
-
     validateDOMAttributes(this.props, params);
     const context = {
       name: this._name,
@@ -151,7 +130,6 @@ export default class ToggleButtonGroup extends React.PureComponent {
         if (typeof context === 'function') {
           context = context(this._tmp);
         }
-
         this._tmp = _objectSpread(_objectSpread({}, this._tmp), context);
         this.setState(_objectSpread(_objectSpread({}, context), {}, {
           _listenForPropChanges: false
@@ -198,11 +176,8 @@ export default class ToggleButtonGroup extends React.PureComponent {
       context: props
     }, suffix))))));
   }
-
 }
-
 _defineProperty(ToggleButtonGroup, "contextType", Context);
-
 _defineProperty(ToggleButtonGroup, "defaultProps", {
   label: null,
   label_direction: null,
@@ -232,7 +207,6 @@ _defineProperty(ToggleButtonGroup, "defaultProps", {
   children: null,
   on_change: null
 });
-
 process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes = _objectSpread(_objectSpread({
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]),
   label_direction: PropTypes.oneOf(['horizontal', 'vertical']),
@@ -265,4 +239,5 @@ process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes = _objectSpr
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]),
   on_change: PropTypes.func
-}) : void 0;
+}) : void 0;
+//# sourceMappingURL=ToggleButtonGroup.js.map

package/components/toggle-button/ToggleButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","combineLabelledBy","dispatchCustomElementEvent","spacingPropTypes","createSpacingClasses","AlignmentHelper","FormRow","FormStatus","Context","Suffix","ToggleButtonGroupContext","includeValidProps","ToggleButtonGroup","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","value","values","getValues","JSON","parse","constructor","_defineProperty","_ref","event","multiselect","includes","push","splice","indexOf","setState","_refInput","createRef","_id","id","_name","name","render","defaultProps","context","getTranslation","ToggleButton","status","status_state","status_props","status_no_animation","globalStatus","suffix","label_direction","label_sr_only","vertical","layout_direction","label","variant","left_component","no_fieldset","disabled","skeleton","className","class","_className","_value","_values","children","on_change","rest","_objectWithoutProperties","_excluded","showStatus","classes","params","_objectSpread","setContext","_tmp","onChange","onChangeHandler","formRowParams","label_id","direction","skipContentWrapperIfNested","createElement","Provider","_AlignmentHelper","_extends","role","show","text_id","text","no_animation","title","undefined","attributes","process","env","NODE_ENV","propTypes","oneOfType","string","func","node","oneOf","bool","object","shape","message","number","array"],"sources":["../../../../src/components/toggle-button/ToggleButtonGroup.js"],"sourcesContent":["/**\n * Web ToggleButtonGroup Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  combineLabelledBy,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport FormRow from '../form-row/FormRow'\nimport FormStatus from '../form-status/FormStatus'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport ToggleButtonGroupContext from './ToggleButtonGroupContext'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\n\nexport default class ToggleButtonGroup 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    title: PropTypes.string,\n    multiselect: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    variant: PropTypes.oneOf(['default', 'checkbox', 'radio']),\n    left_component: PropTypes.node,\n    no_fieldset: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\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    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    vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    layout_direction: PropTypes.oneOf(['column', 'row']),\n    value: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number,\n      PropTypes.object,\n      PropTypes.array,\n    ]),\n    values: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\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    title: null,\n    multiselect: null,\n    variant: null,\n    left_component: null,\n    no_fieldset: null,\n    disabled: null,\n    skeleton: null,\n    id: null,\n    name: 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    values: undefined,\n    attributes: null,\n    class: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (\n        typeof props.value !== 'undefined' &&\n        props.value !== state.value\n      ) {\n        state.value = props.value\n      }\n      if (\n        typeof props.values !== 'undefined' &&\n        props.values !== state.values\n      ) {\n        state.values = ToggleButtonGroup.getValues(props)\n      }\n    }\n    state._listenForPropChanges = true\n\n    return state\n  }\n\n  static getValues(props) {\n    if (typeof props.values === 'string' && props.values[0] === '[') {\n      return JSON.parse(props.values)\n    }\n    return props.values\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 || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      // do not set the value here, else get true in this check } else if (context.values && Array.isArray(context.values)) {\n      _listenForPropChanges: true,\n    }\n  }\n\n  onChangeHandler = ({ value, event }) => {\n    const { multiselect } = this.props\n    const values = this.state.values || []\n\n    if (isTrue(multiselect)) {\n      if (!values.includes(value)) {\n        values.push(value)\n      } else {\n        values.splice(values.indexOf(value), 1)\n      }\n    }\n\n    this.setState({\n      value,\n      values,\n      _listenForPropChanges: false,\n    })\n\n    dispatchCustomElementEvent(this, 'on_change', {\n      value,\n      values,\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      ToggleButtonGroup.defaultProps,\n      this.context.getTranslation(this.props).ToggleButton,\n      includeValidProps(this.context.FormRow),\n      this.context.ToggleButtonGroup\n    )\n\n    const {\n      status,\n      status_state,\n      status_props,\n      status_no_animation,\n      globalStatus,\n      suffix,\n      label_direction,\n      label_sr_only,\n      vertical,\n      layout_direction,\n      label,\n      variant,\n      left_component,\n      no_fieldset,\n      disabled,\n      skeleton,\n      className,\n      class: _className,\n\n      multiselect,\n      id: _id, // eslint-disable-line\n      name: _name, // eslint-disable-line\n      value: _value, // eslint-disable-line\n      values: _values, // eslint-disable-line\n      children, // eslint-disable-line\n      on_change, // eslint-disable-line\n\n      ...rest\n    } = props\n\n    const { value, values } = this.state\n\n    const id = this._id\n    const showStatus = getStatusState(status)\n\n    const classes = classnames(\n      'dnb-toggle-button-group',\n      status && `dnb-toggle-button-group__status--${status_state}`,\n      !label && 'dnb-toggle-button-group--no-label',\n      `dnb-toggle-button-group--${layout_direction}`,\n      // (isTrue(vertical) || label_direction === 'vertical') &&\n      //   `dnb-toggle-button-group--vertical`,\n      (isTrue(vertical) || label_direction) &&\n        `dnb-form-row--${\n          isTrue(vertical) ? 'vertical' : label_direction\n        }-label`, // <-- has label\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      values,\n      multiselect: isTrue(multiselect),\n      variant,\n      left_component,\n      disabled,\n      skeleton,\n      setContext: (context) => {\n        // also look for a fuctions, we we are able to fill old values\n        // this is used in the \"constructor\" inside the ToggleButton.js component\n        if (typeof context === 'function') {\n          context = context(this._tmp)\n        }\n        this._tmp = { ...this._tmp, ...context }\n        this.setState({\n          ...context,\n          _listenForPropChanges: false,\n        })\n      },\n      onChange: this.onChangeHandler,\n    }\n\n    const formRowParams = {\n      id,\n      label,\n      label_id: id + '-label', // send the id along, so the FormRow component can use it\n      label_direction,\n      label_sr_only,\n      direction: label_direction,\n      vertical,\n      disabled,\n      skeleton,\n      no_fieldset,\n      skipContentWrapperIfNested: true,\n      // status,\n      // status_state\n    }\n\n    return (\n      <ToggleButtonGroupContext.Provider value={context}>\n        <div className={classes}>\n          <AlignmentHelper />\n          <FormRow {...formRowParams}>\n            <span\n              id={id}\n              className=\"dnb-toggle-button-group__shell\"\n              role=\"group\"\n              {...params}\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                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-group__children\">\n                {children}\n\n                {suffix && (\n                  <Suffix\n                    className=\"dnb-toggle-button-group__suffix\"\n                    id={id + '-suffix'} // used for \"aria-describedby\"\n                    context={props}\n                  >\n                    {suffix}\n                  </Suffix>\n                )}\n              </span>\n            </span>\n          </FormRow>\n        </div>\n      </ToggleButtonGroupContext.Provider>\n    )\n  }\n}\n"],"mappings":";;;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,YAAY,EACZC,sCAAsC,EACtCC,qBAAqB,EACrBC,cAAc,EACdC,kBAAkB,EAClBC,iBAAiB,EACjBC,0BAA0B,QACrB,+BAA+B;AACtC,SACEC,gBAAgB,EAChBC,oBAAoB,QACf,wBAAwB;AAC/B,OAAOC,eAAe,MAAM,8BAA8B;AAC1D,OAAOC,OAAO,MAAM,qBAAqB;AACzC,OAAOC,UAAU,MAAM,2BAA2B;AAClD,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,MAAM,MAAM,6BAA6B;AAChD,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,SAASC,iBAAiB,QAAQ,4BAA4B;AAE9D,eAAe,MAAMC,iBAAiB,SAASpB,KAAK,CAACqB,aAAa,CAAC;EAiGjE,OAAOC,wBAAwBA,CAACC,KAAK,EAAEC,KAAK,EAAE;IAC5C,IAAIA,KAAK,CAACC,qBAAqB,EAAE;MAC/B,IACE,OAAOF,KAAK,CAACG,KAAK,KAAK,WAAW,IAClCH,KAAK,CAACG,KAAK,KAAKF,KAAK,CAACE,KAAK,EAC3B;QACAF,KAAK,CAACE,KAAK,GAAGH,KAAK,CAACG,KAAK;MAC3B;MACA,IACE,OAAOH,KAAK,CAACI,MAAM,KAAK,WAAW,IACnCJ,KAAK,CAACI,MAAM,KAAKH,KAAK,CAACG,MAAM,EAC7B;QACAH,KAAK,CAACG,MAAM,GAAGP,iBAAiB,CAACQ,SAAS,CAACL,KAAK,CAAC;MACnD;IACF;IACAC,KAAK,CAACC,qBAAqB,GAAG,IAAI;IAElC,OAAOD,KAAK;EACd;EAEA,OAAOI,SAASA,CAACL,KAAK,EAAE;IACtB,IAAI,OAAOA,KAAK,CAACI,MAAM,KAAK,QAAQ,IAAIJ,KAAK,CAACI,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;MAC/D,OAAOE,IAAI,CAACC,KAAK,CAACP,KAAK,CAACI,MAAM,CAAC;IACjC;IACA,OAAOJ,KAAK,CAACI,MAAM;EACrB;EAEAI,WAAWA,CAACR,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAAS,eAAA,0BAUIC,IAAA,IAAsB;MAAA,IAArB;QAAEP,KAAK;QAAEQ;MAAM,CAAC,GAAAD,IAAA;MACjC,MAAM;QAAEE;MAAY,CAAC,GAAG,IAAI,CAACZ,KAAK;MAClC,MAAMI,MAAM,GAAG,IAAI,CAACH,KAAK,CAACG,MAAM,IAAI,EAAE;MAEtC,IAAIxB,MAAM,CAACgC,WAAW,CAAC,EAAE;QACvB,IAAI,CAACR,MAAM,CAACS,QAAQ,CAACV,KAAK,CAAC,EAAE;UAC3BC,MAAM,CAACU,IAAI,CAACX,KAAK,CAAC;QACpB,CAAC,MAAM;UACLC,MAAM,CAACW,MAAM,CAACX,MAAM,CAACY,OAAO,CAACb,KAAK,CAAC,EAAE,CAAC,CAAC;QACzC;MACF;MAEA,IAAI,CAACc,QAAQ,CAAC;QACZd,KAAK;QACLC,MAAM;QACNF,qBAAqB,EAAE;MACzB,CAAC,CAAC;MAEFf,0BAA0B,CAAC,IAAI,EAAE,WAAW,EAAE;QAC5CgB,KAAK;QACLC,MAAM;QACNO;MACF,CAAC,CAAC;IACJ,CAAC;IAhCC,IAAI,CAACO,SAAS,GAAGzC,KAAK,CAAC0C,SAAS,CAAC,CAAC;IAClC,IAAI,CAACC,GAAG,GAAGpB,KAAK,CAACqB,EAAE,IAAIxC,YAAY,CAAC,CAAC;IACrC,IAAI,CAACyC,KAAK,GAAGtB,KAAK,CAACuB,IAAI,IAAI1C,YAAY,CAAC,CAAC;IACzC,IAAI,CAACoB,KAAK,GAAG;MAEXC,qBAAqB,EAAE;IACzB,CAAC;EACH;EA2BAsB,MAAMA,CAAA,EAAG;IAEP,MAAMxB,KAAK,GAAGlB,sCAAsC,CAClD,IAAI,CAACkB,KAAK,EACVH,iBAAiB,CAAC4B,YAAY,EAC9B,IAAI,CAACC,OAAO,CAACC,cAAc,CAAC,IAAI,CAAC3B,KAAK,CAAC,CAAC4B,YAAY,EACpDhC,iBAAiB,CAAC,IAAI,CAAC8B,OAAO,CAACnC,OAAO,CAAC,EACvC,IAAI,CAACmC,OAAO,CAAC7B,iBACf,CAAC;IAED,MAAM;QACJgC,MAAM;QACNC,YAAY;QACZC,YAAY;QACZC,mBAAmB;QACnBC,YAAY;QACZC,MAAM;QACNC,eAAe;QACfC,aAAa;QACbC,QAAQ;QACRC,gBAAgB;QAChBC,KAAK;QACLC,OAAO;QACPC,cAAc;QACdC,WAAW;QACXC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,KAAK,EAAEC,UAAU;QAEjBnC,WAAW;QACXS,EAAE,EAAED,GAAG;QACPG,IAAI,EAAED,KAAK;QACXnB,KAAK,EAAE6C,MAAM;QACb5C,MAAM,EAAE6C,OAAO;QACfC,QAAQ;QACRC;MAGF,CAAC,GAAGnD,KAAK;MADJoD,IAAI,GAAAC,wBAAA,CACLrD,KAAK,EAAAsD,SAAA;IAET,MAAM;MAAEnD,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACH,KAAK;IAEpC,MAAMoB,EAAE,GAAG,IAAI,CAACD,GAAG;IACnB,MAAMmC,UAAU,GAAGvE,cAAc,CAAC6C,MAAM,CAAC;IAEzC,MAAM2B,OAAO,GAAG7E,UAAU,qDAII2D,gBAAgB,uBAG5C,CAAC1D,MAAM,CAACyD,QAAQ,CAAC,IAAIF,eAAe,KACjC,iBACCvD,MAAM,CAACyD,QAAQ,CAAC,GAAG,UAAU,GAAGF,eACjC,QAAO,EAEV9C,oBAAoB,CAACW,KAAK,CAAC,EAC3B6C,SAAS,EACTE,UAAU,EAZVlB,MAAM,IAAK,oCAAmCC,YAAa,EAAC,EAC5D,CAACS,KAAK,IAAI,mCAYZ,CAAC;IAED,MAAMkB,MAAM,GAAAC,aAAA,KACPN,IAAI,CACR;IAED,IAAIG,UAAU,IAAIrB,MAAM,EAAE;MACxBuB,MAAM,CAAC,kBAAkB,CAAC,GAAGxE,kBAAkB,CAC7CwE,MAAM,EACNF,UAAU,GAAGlC,EAAE,GAAG,SAAS,GAAG,IAAI,EAClCa,MAAM,GAAGb,EAAE,GAAG,SAAS,GAAG,IAC5B,CAAC;IACH;IACA,IAAIkB,KAAK,EAAE;MACTkB,MAAM,CAAC,iBAAiB,CAAC,GAAGvE,iBAAiB,CAACuE,MAAM,EAAEpC,EAAE,GAAG,QAAQ,CAAC;IACtE;IAGAtC,qBAAqB,CAAC,IAAI,CAACiB,KAAK,EAAEyD,MAAM,CAAC;IAEzC,MAAM/B,OAAO,GAAG;MACdH,IAAI,EAAE,IAAI,CAACD,KAAK;MAChBnB,KAAK;MACLC,MAAM;MACNQ,WAAW,EAAEhC,MAAM,CAACgC,WAAW,CAAC;MAChC4B,OAAO;MACPC,cAAc;MACdE,QAAQ;MACRC,QAAQ;MACRe,UAAU,EAAGjC,OAAO,IAAK;QAGvB,IAAI,OAAOA,OAAO,KAAK,UAAU,EAAE;UACjCA,OAAO,GAAGA,OAAO,CAAC,IAAI,CAACkC,IAAI,CAAC;QAC9B;QACA,IAAI,CAACA,IAAI,GAAAF,aAAA,CAAAA,aAAA,KAAQ,IAAI,CAACE,IAAI,GAAKlC,OAAO,CAAE;QACxC,IAAI,CAACT,QAAQ,CAAAyC,aAAA,CAAAA,aAAA,KACRhC,OAAO;UACVxB,qBAAqB,EAAE;QAAK,EAC7B,CAAC;MACJ,CAAC;MACD2D,QAAQ,EAAE,IAAI,CAACC;IACjB,CAAC;IAED,MAAMC,aAAa,GAAG;MACpB1C,EAAE;MACFkB,KAAK;MACLyB,QAAQ,EAAE3C,EAAE,GAAG,QAAQ;MACvBc,eAAe;MACfC,aAAa;MACb6B,SAAS,EAAE9B,eAAe;MAC1BE,QAAQ;MACRM,QAAQ;MACRC,QAAQ;MACRF,WAAW;MACXwB,0BAA0B,EAAE;IAG9B,CAAC;IAED,OACEzF,KAAA,CAAA0F,aAAA,CAACxE,wBAAwB,CAACyE,QAAQ;MAACjE,KAAK,EAAEuB;IAAQ,GAChDjD,KAAA,CAAA0F,aAAA;MAAKtB,SAAS,EAAEW;IAAQ,GAAAa,gBAAA,KAAAA,gBAAA,GACtB5F,KAAA,CAAA0F,aAAA,CAAC7E,eAAe,MAAE,CAAC,GACnBb,KAAA,CAAA0F,aAAA,CAAC5E,OAAO,EAAKwE,aAAa,EACxBtF,KAAA,CAAA0F,aAAA,SAAAG,QAAA;MACEjD,EAAE,EAAEA,EAAG;MACPwB,SAAS,EAAC,gCAAgC;MAC1C0B,IAAI,EAAC;IAAO,GACRd,MAAM,GAEVhF,KAAA,CAAA0F,aAAA,CAAC3E,UAAU,EAAA8E,QAAA;MACTE,IAAI,EAAEjB,UAAW;MACjBlC,EAAE,EAAEA,EAAE,GAAG,cAAe;MACxBY,YAAY,EAAEA,YAAa;MAC3BM,KAAK,EAAEA,KAAM;MACbkC,OAAO,EAAEpD,EAAE,GAAG,SAAU;MACxBqD,IAAI,EAAE7C,MAAO;MACb5B,KAAK,EAAE6B,YAAa;MACpB6C,YAAY,EAAE3C,mBAAoB;MAClCY,QAAQ,EAAEA;IAAS,GACfb,YAAY,CACjB,CAAC,EAEFtD,KAAA,CAAA0F,aAAA;MAAMtB,SAAS,EAAC;IAAmC,GAChDK,QAAQ,EAERhB,MAAM,IACLzD,KAAA,CAAA0F,aAAA,CAACzE,MAAM;MACLmD,SAAS,EAAC,iCAAiC;MAC3CxB,EAAE,EAAEA,EAAE,GAAG,SAAU;MACnBK,OAAO,EAAE1B;IAAM,GAEdkC,MACK,CAEN,CACF,CACC,CACN,CAC4B,CAAC;EAExC;AACF;AAACzB,eAAA,CApUoBZ,iBAAiB,iBACfJ,OAAO;AAAAgB,eAAA,CADTZ,iBAAiB,kBAiEd;EACpB0C,KAAK,EAAE,IAAI;EACXJ,eAAe,EAAE,IAAI;EACrBC,aAAa,EAAE,IAAI;EACnBwC,KAAK,EAAE,IAAI;EACXhE,WAAW,EAAE,IAAI;EACjB4B,OAAO,EAAE,IAAI;EACbC,cAAc,EAAE,IAAI;EACpBC,WAAW,EAAE,IAAI;EACjBC,QAAQ,EAAE,IAAI;EACdC,QAAQ,EAAE,IAAI;EACdvB,EAAE,EAAE,IAAI;EACRE,IAAI,EAAE,IAAI;EACVM,MAAM,EAAE,IAAI;EACZC,YAAY,EAAE,OAAO;EACrBC,YAAY,EAAE,IAAI;EAClBC,mBAAmB,EAAE,IAAI;EACzBC,YAAY,EAAE,IAAI;EAClBC,MAAM,EAAE,IAAI;EACZG,QAAQ,EAAE,IAAI;EACdC,gBAAgB,EAAE,KAAK;EACvBnC,KAAK,EAAE0E,SAAS;EAChBzE,MAAM,EAAEyE,SAAS;EACjBC,UAAU,EAAE,IAAI;EAChBhC,KAAK,EAAE,IAAI;EAEXD,SAAS,EAAE,IAAI;EACfK,QAAQ,EAAE,IAAI;EAEdC,SAAS,EAAE;AACb,CAAC;AAAA4B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBA/FkBpF,iBAAiB,CAG7BqF,SAAS,GAAAxB,aAAA,CAAAA,aAAA;EACdnB,KAAK,EAAE7D,SAAS,CAACyG,SAAS,CAAC,CACzBzG,SAAS,CAAC0G,MAAM,EAChB1G,SAAS,CAAC2G,IAAI,EACd3G,SAAS,CAAC4G,IAAI,CACf,CAAC;EACFnD,eAAe,EAAEzD,SAAS,CAAC6G,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EAC5DnD,aAAa,EAAE1D,SAAS,CAACyG,SAAS,CAAC,CAACzG,SAAS,CAAC0G,MAAM,EAAE1G,SAAS,CAAC8G,IAAI,CAAC,CAAC;EACtEZ,KAAK,EAAElG,SAAS,CAAC0G,MAAM;EACvBxE,WAAW,EAAElC,SAAS,CAACyG,SAAS,CAAC,CAACzG,SAAS,CAAC0G,MAAM,EAAE1G,SAAS,CAAC8G,IAAI,CAAC,CAAC;EACpEhD,OAAO,EAAE9D,SAAS,CAAC6G,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;EAC1D9C,cAAc,EAAE/D,SAAS,CAAC4G,IAAI;EAC9B5C,WAAW,EAAEhE,SAAS,CAACyG,SAAS,CAAC,CAACzG,SAAS,CAAC0G,MAAM,EAAE1G,SAAS,CAAC8G,IAAI,CAAC,CAAC;EACpE7C,QAAQ,EAAEjE,SAAS,CAACyG,SAAS,CAAC,CAACzG,SAAS,CAAC0G,MAAM,EAAE1G,SAAS,CAAC8G,IAAI,CAAC,CAAC;EACjE5C,QAAQ,EAAElE,SAAS,CAACyG,SAAS,CAAC,CAACzG,SAAS,CAAC0G,MAAM,EAAE1G,SAAS,CAAC8G,IAAI,CAAC,CAAC;EACjEnE,EAAE,EAAE3C,SAAS,CAAC0G,MAAM;EACpB7D,IAAI,EAAE7C,SAAS,CAAC0G,MAAM;EACtBvD,MAAM,EAAEnD,SAAS,CAACyG,SAAS,CAAC,CAC1BzG,SAAS,CAAC0G,MAAM,EAChB1G,SAAS,CAAC8G,IAAI,EACd9G,SAAS,CAAC2G,IAAI,EACd3G,SAAS,CAAC4G,IAAI,CACf,CAAC;EACFxD,YAAY,EAAEpD,SAAS,CAAC0G,MAAM;EAC9BrD,YAAY,EAAErD,SAAS,CAAC+G,MAAM;EAC9BzD,mBAAmB,EAAEtD,SAAS,CAACyG,SAAS,CAAC,CACvCzG,SAAS,CAAC0G,MAAM,EAChB1G,SAAS,CAAC8G,IAAI,CACf,CAAC;EACFvD,YAAY,EAAEvD,SAAS,CAACgH,KAAK,CAAC;IAC5BrE,EAAE,EAAE3C,SAAS,CAAC0G,MAAM;IACpBO,OAAO,EAAEjH,SAAS,CAACyG,SAAS,CAAC,CAACzG,SAAS,CAAC0G,MAAM,EAAE1G,SAAS,CAAC4G,IAAI,CAAC;EACjE,CAAC,CAAC;EACFpD,MAAM,EAAExD,SAAS,CAACyG,SAAS,CAAC,CAC1BzG,SAAS,CAAC0G,MAAM,EAChB1G,SAAS,CAAC2G,IAAI,EACd3G,SAAS,CAAC4G,IAAI,CACf,CAAC;EACFjD,QAAQ,EAAE3D,SAAS,CAACyG,SAAS,CAAC,CAACzG,SAAS,CAAC0G,MAAM,EAAE1G,SAAS,CAAC8G,IAAI,CAAC,CAAC;EACjElD,gBAAgB,EAAE5D,SAAS,CAAC6G,KAAK,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;EACpDpF,KAAK,EAAEzB,SAAS,CAACyG,SAAS,CAAC,CACzBzG,SAAS,CAAC0G,MAAM,EAChB1G,SAAS,CAACkH,MAAM,EAChBlH,SAAS,CAAC+G,MAAM,EAChB/G,SAAS,CAACmH,KAAK,CAChB,CAAC;EACFzF,MAAM,EAAE1B,SAAS,CAACyG,SAAS,CAAC,CAACzG,SAAS,CAAC0G,MAAM,EAAE1G,SAAS,CAACmH,KAAK,CAAC,CAAC;EAChEf,UAAU,EAAEpG,SAAS,CAACyG,SAAS,CAAC,CAACzG,SAAS,CAAC0G,MAAM,EAAE1G,SAAS,CAAC+G,MAAM,CAAC;AAAC,GAElErG,gBAAgB;EAEnB0D,KAAK,EAAEpE,SAAS,CAAC0G,MAAM;EACvBvC,SAAS,EAAEnE,SAAS,CAAC0G,MAAM;EAC3BlC,QAAQ,EAAExE,SAAS,CAACyG,SAAS,CAAC,CAC5BzG,SAAS,CAAC0G,MAAM,EAChB1G,SAAS,CAAC2G,IAAI,EACd3G,SAAS,CAAC4G,IAAI,CACf,CAAC;EAEFnC,SAAS,EAAEzE,SAAS,CAAC2G;AAAI"}

package/components/toggle-button/ToggleButtonGroupContext.d.ts

@@ -1,3 +1,3 @@
 export default ToggleButtonGroupContext;
 declare const ToggleButtonGroupContext: React.Context<{}>;
-import React from "react";
+import React from 'react';

package/components/toggle-button/ToggleButtonGroupContext.js

@@ -1,3 +1,4 @@
 import React from 'react';
 const ToggleButtonGroupContext = React.createContext({});
-export default ToggleButtonGroupContext;
+export default ToggleButtonGroupContext;
+//# sourceMappingURL=ToggleButtonGroupContext.js.map

package/components/toggle-button/ToggleButtonGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupContext.js","names":["React","ToggleButtonGroupContext","createContext"],"sources":["../../../../src/components/toggle-button/ToggleButtonGroupContext.js"],"sourcesContent":["/**\n * Web ToggleButtonGroup Context\n *\n */\n\nimport React from 'react'\n\nconst ToggleButtonGroupContext = React.createContext({})\n\nexport default ToggleButtonGroupContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,wBAAwB,GAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AAExD,eAAeD,wBAAwB"}

package/components/toggle-button/index.js

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

package/components/toggle-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ToggleButton"],"sources":["../../../../src/components/toggle-button/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport ToggleButton from './ToggleButton'\nexport default ToggleButton\nexport * from './ToggleButton'\n"],"mappings":"AAKA,OAAOA,YAAY,MAAM,gBAAgB;AACzC,eAAeA,YAAY;AAC3B,cAAc,gBAAgB"}

package/components/toggle-button/style/index.js.map

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

package/components/toggle-button/style/themes/ui.js.map

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

package/components/toggle-button/style.js.map

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

package/components/tooltip/Tooltip.js

@@ -2,11 +2,8 @@ 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 = ["targetElement", "targetSelector", "className", "id", "tooltip", "group", "size", "animatePosition", "fixedPosition", "skipPortal", "noAnimation", "showDelay", "hideDelay", "active", "position", "arrow", "align"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import classnames from 'classnames';
 import Context from '../../shared/Context';
@@ -15,33 +12,30 @@ import { createSpacingClasses } from '../space/SpacingHelper';
 import TooltipWithEvents from './TooltipWithEvents';
 import { defaultProps, getPropsFromTooltipProp, getRefElement, getTargetElement, injectTooltipSemantic } from './TooltipHelpers';
 import { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps';
-
 function Tooltip(localProps) {
   const context = React.useContext(Context);
   const inherited = getPropsFromTooltipProp(localProps);
   const props = convertSnakeCaseProps(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultProps), localProps), inherited), context.getTranslation(localProps).Tooltip), context.Tooltip));
-
   const {
-    targetElement,
-    targetSelector,
-    className,
-    id,
-    tooltip,
-    group,
-    size,
-    animatePosition,
-    fixedPosition,
-    skipPortal,
-    noAnimation,
-    showDelay,
-    hideDelay,
-    active,
-    position,
-    arrow,
-    align
-  } = props,
-        params = _objectWithoutProperties(props, _excluded);
-
+      targetElement,
+      targetSelector,
+      className,
+      id,
+      tooltip,
+      group,
+      size,
+      animatePosition,
+      fixedPosition,
+      skipPortal,
+      noAnimation,
+      showDelay,
+      hideDelay,
+      active,
+      position,
+      arrow,
+      align
+    } = props,
+    params = _objectWithoutProperties(props, _excluded);
   const target = targetElement || targetSelector;
   const [element, setElement] = React.useState();
   const [internalId] = React.useState(() => props.id || makeUniqueId());
@@ -51,22 +45,18 @@ function Tooltip(localProps) {
     setElement(element);
   }, [target]);
   const classes = classnames('dnb-tooltip', createSpacingClasses(props), className, size === 'large' && 'dnb-tooltip--large');
-
   const attributes = _objectSpread({
     className: classes
   }, params);
-
   validateDOMAttributes(localProps, attributes);
-
   if (target && !element) {
     return null;
   }
-
   return React.createElement(TooltipWithEvents, _extends({
     target: element,
     attributes: attributes
   }, props), props.children);
 }
-
 export { injectTooltipSemantic };
-export default Tooltip;
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/components/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["React","classnames","Context","makeUniqueId","validateDOMAttributes","createSpacingClasses","TooltipWithEvents","defaultProps","getPropsFromTooltipProp","getRefElement","getTargetElement","injectTooltipSemantic","convertSnakeCaseProps","Tooltip","localProps","context","useContext","inherited","props","_objectSpread","getTranslation","targetElement","targetSelector","className","id","tooltip","group","size","animatePosition","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","active","position","arrow","align","params","_objectWithoutProperties","_excluded","target","element","setElement","useState","internalId","useEffect","classes","attributes","createElement","_extends","children"],"sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  makeUniqueId,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport TooltipWithEvents from './TooltipWithEvents'\nimport {\n  defaultProps,\n  getPropsFromTooltipProp,\n  getRefElement,\n  getTargetElement,\n  injectTooltipSemantic,\n} from './TooltipHelpers'\nimport { TooltipAllProps } from './types'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\n\nfunction Tooltip(localProps: TooltipAllProps) {\n  const context = React.useContext(Context)\n\n  const inherited = getPropsFromTooltipProp(localProps)\n\n  // use only the props from context, who are available here anyway\n  const props = convertSnakeCaseProps({\n    ...defaultProps,\n    ...localProps,\n    ...inherited,\n    ...context.getTranslation(localProps).Tooltip,\n    ...context.Tooltip,\n  })\n\n  const {\n    targetElement,\n    targetSelector,\n    className,\n    id, // eslint-disable-line\n    tooltip, // eslint-disable-line\n    group, // eslint-disable-line\n    size,\n    animatePosition, // eslint-disable-line\n    fixedPosition, // eslint-disable-line\n    skipPortal, // eslint-disable-line\n    noAnimation, // eslint-disable-line\n    showDelay, // eslint-disable-line\n    hideDelay, // eslint-disable-line\n    active, // eslint-disable-line\n    position, // eslint-disable-line\n    arrow, // eslint-disable-line\n    align, // eslint-disable-line\n    ...params\n  } = props\n\n  const target = targetElement || targetSelector\n\n  const [element, setElement] = React.useState<\n    HTMLElement | React.ReactElement\n  >()\n  const [internalId] = React.useState(() => props.id || makeUniqueId()) // cause we need an id anyway\n  props.internalId = internalId\n\n  React.useEffect(() => {\n    const element = getTargetElement(getRefElement(target))\n    setElement(element)\n  }, [target])\n\n  const classes = classnames(\n    'dnb-tooltip',\n    size === 'large' && 'dnb-tooltip--large',\n    createSpacingClasses(props),\n    className\n  )\n\n  const attributes = {\n    className: classes,\n    ...params,\n  }\n\n  // also used for code markup simulation\n  validateDOMAttributes(localProps, attributes)\n\n  if (target && !element) {\n    return null\n  }\n\n  return (\n    <TooltipWithEvents target={element} attributes={attributes} {...props}>\n      {props.children}\n    </TooltipWithEvents>\n  )\n}\n\nexport { injectTooltipSemantic }\nexport default Tooltip\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SACEC,YAAY,EACZC,qBAAqB,QAChB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SACEC,YAAY,EACZC,uBAAuB,EACvBC,aAAa,EACbC,gBAAgB,EAChBC,qBAAqB,QAChB,kBAAkB;AAEzB,SAASC,qBAAqB,QAAQ,yCAAyC;AAE/E,SAASC,OAAOA,CAACC,UAA2B,EAAE;EAC5C,MAAMC,OAAO,GAAGf,KAAK,CAACgB,UAAU,CAACd,OAAO,CAAC;EAEzC,MAAMe,SAAS,GAAGT,uBAAuB,CAACM,UAAU,CAAC;EAGrD,MAAMI,KAAK,GAAGN,qBAAqB,CAAAO,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAC9BZ,YAAY,GACZO,UAAU,GACVG,SAAS,GACTF,OAAO,CAACK,cAAc,CAACN,UAAU,CAAC,CAACD,OAAO,GAC1CE,OAAO,CAACF,OAAO,CACnB,CAAC;EAEF,MAAM;MACJQ,aAAa;MACbC,cAAc;MACdC,SAAS;MACTC,EAAE;MACFC,OAAO;MACPC,KAAK;MACLC,IAAI;MACJC,eAAe;MACfC,aAAa;MACbC,UAAU;MACVC,WAAW;MACXC,SAAS;MACTC,SAAS;MACTC,MAAM;MACNC,QAAQ;MACRC,KAAK;MACLC;IAEF,CAAC,GAAGnB,KAAK;IADJoB,MAAM,GAAAC,wBAAA,CACPrB,KAAK,EAAAsB,SAAA;EAET,MAAMC,MAAM,GAAGpB,aAAa,IAAIC,cAAc;EAE9C,MAAM,CAACoB,OAAO,EAAEC,UAAU,CAAC,GAAG3C,KAAK,CAAC4C,QAAQ,CAE1C,CAAC;EACH,MAAM,CAACC,UAAU,CAAC,GAAG7C,KAAK,CAAC4C,QAAQ,CAAC,MAAM1B,KAAK,CAACM,EAAE,IAAIrB,YAAY,CAAC,CAAC,CAAC;EACrEe,KAAK,CAAC2B,UAAU,GAAGA,UAAU;EAE7B7C,KAAK,CAAC8C,SAAS,CAAC,MAAM;IACpB,MAAMJ,OAAO,GAAGhC,gBAAgB,CAACD,aAAa,CAACgC,MAAM,CAAC,CAAC;IACvDE,UAAU,CAACD,OAAO,CAAC;EACrB,CAAC,EAAE,CAACD,MAAM,CAAC,CAAC;EAEZ,MAAMM,OAAO,GAAG9C,UAAU,CACxB,aAAa,EAEbI,oBAAoB,CAACa,KAAK,CAAC,EAC3BK,SAAS,EAFTI,IAAI,KAAK,OAAO,IAAI,oBAGtB,CAAC;EAED,MAAMqB,UAAU,GAAA7B,aAAA;IACdI,SAAS,EAAEwB;EAAO,GACfT,MAAM,CACV;EAGDlC,qBAAqB,CAACU,UAAU,EAAEkC,UAAU,CAAC;EAE7C,IAAIP,MAAM,IAAI,CAACC,OAAO,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACE1C,KAAA,CAAAiD,aAAA,CAAC3C,iBAAiB,EAAA4C,QAAA;IAACT,MAAM,EAAEC,OAAQ;IAACM,UAAU,EAAEA;EAAW,GAAK9B,KAAK,GAClEA,KAAK,CAACiC,QACU,CAAC;AAExB;AAEA,SAASxC,qBAAqB;AAC9B,eAAeE,OAAO"}

package/components/tooltip/TooltipContainer.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { TooltipProps } from './types';
-declare type TooltipContainerProps = {
+type TooltipContainerProps = {
     targetElement: HTMLElement;
     style?: React.CSSProperties;
     useHover?: boolean;