@dnb/eufemia 10.75.4 → 10.76.0

package/cjs/components/step-indicator/StepIndicatorDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorDocs.js","names":["StepIndicatorProperties","exports","mode","doc","type","status","data","current_step","overview_title","step_title","hide_numbers","no_animation","expandedInitially","outset","status_state","skeleton","sidebar_id","step_title_extended","on_item_render","StepIndicatorEvents","on_click","on_change","StepIndicatorStepProperties","title","is_current","inactive","disabled","on_render","StepIndicatorStepEvents"],"sources":["../../../../src/components/step-indicator/StepIndicatorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const StepIndicatorProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'Defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.',\n    type: [`'static'`, `'strict'`, `'loose'`],\n    status: 'required',\n  },\n  data: {\n    doc: 'Defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See below for properties of `STEP_DATA`.',\n    type: ['[Step Item](#step-item-properties)[]', 'string[]'],\n    status: 'required',\n  },\n  current_step: {\n    doc: 'Defines the initial step starting from 0. Also defines the furthest step visited when `mode=\"strict\"`. Will update to the new step if changed (but will not trigger the `on_change` event). Defaults to `0`.',\n    type: 'number',\n    status: 'optional',\n  },\n  overview_title: {\n    doc: 'The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`. Defaults to `Steps Overview`.',\n    type: 'string',\n    status: 'optional',\n  },\n  step_title: {\n    doc: 'Label for `<StepIndicatorTriggerButton />` and screen reader text for `<StepIndicatorItem />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `Step %step of %count`.',\n    type: 'string',\n    status: 'optional',\n  },\n  hide_numbers: {\n    doc: 'Define whether to show automatically counted numbers or not. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'If set to `true`, the height animation on step change and list expansion will be omitted. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  expandedInitially: {\n    doc: 'Set to `true` to have the list be expanded initially. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outset: {\n    doc: 'Same as `outset` in [Card](/uilib/components/card/properties). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text for status shown below the step indicator when it is not expanded. Defaults to `undefined`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'The type of status shown when the `status` prop is set. Defaults to `warn`.',\n    type: `['warn', 'info', 'error']`,\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  sidebar_id: {\n    doc: 'A unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  step_title_extended: {\n    doc: 'Descriptive label for `<StepIndicatorModal />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `You are on step %step of %count`.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  on_item_render: {\n    doc: 'Deprecated, just use step item `title`. Callback function whose return is rendered inside each step instead of the default render. Has to return a React Node. Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props from the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n\nexport const StepIndicatorEvents: PropertiesTableProps = {\n  on_click: {\n    doc: 'Will be called when the user clicks on any clickable step in the list. Is called right before `on_change`. Receives parameter `{ event, item, current_step, currentStep }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called when the user changes step by clicking in the steps list (changing the `current_step` prop does not trigger the event). Receives parameter `{ event, item, current_step, currentStep }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const StepIndicatorStepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the step.',\n    type: ['string', 'React.ReactNode'],\n    status: 'required',\n  },\n  is_current: {\n    doc: 'If set to `true`, this item step will be set as the current selected step. This can be used instead of `current_step` on the main component.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inactive: {\n    doc: 'If set to `true`, this item step will be handled as an inactive step and will not be clickable. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'If set to `true`, this step will be handled the same as `inactive` as well as getting a disabled mouseover and `aria-disabled=\"true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Is used to set the status text.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'In case the status state should be `info` or `error`. Defaults to `warn`.',\n    type: [`'warn'`, `'info'`, `'error'`],\n    status: 'optional',\n  },\n  on_render: {\n    doc: 'Deprecated, just use `title`. Callback function whose return is rendered inside the step instead of the default render (or `on_item_render`). Has to return a React Node. <br/> Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props in the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n\nexport const StepIndicatorStepEvents: PropertiesTableProps = {\n  on_click: {\n    doc: \"Called when user clicks the step. Is called right before the main component's `on_click`. Receives parameter `{ event, item, current_step, currentStep }`\",\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StepIndicatorDocs.js","names":["StepIndicatorProperties","exports","mode","doc","type","status","data","current_step","overview_title","step_title","hide_numbers","no_animation","expandedInitially","outset","status_state","skeleton","sidebar_id","step_title_extended","on_item_render","StepIndicatorEvents","on_click","on_change","StepIndicatorStepProperties","title","is_current","inactive","disabled","on_render","StepIndicatorStepEvents"],"sources":["../../../../src/components/step-indicator/StepIndicatorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const StepIndicatorProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'Defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.',\n    type: [`'static'`, `'strict'`, `'loose'`],\n    status: 'required',\n  },\n  data: {\n    doc: 'Defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See below for properties of `STEP_DATA`.',\n    type: ['[Step Item](#step-item-properties)[]', 'string[]'],\n    status: 'required',\n  },\n  current_step: {\n    doc: 'Defines the initial step starting from 0. Also defines the furthest step visited when `mode=\"strict\"`. Will update to the new step if changed (but will not trigger the `on_change` event). Defaults to `0`.',\n    type: 'number',\n    status: 'optional',\n  },\n  overview_title: {\n    doc: 'The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`. Defaults to `Steps Overview`.',\n    type: 'string',\n    status: 'optional',\n  },\n  step_title: {\n    doc: 'Label for `<StepIndicatorTriggerButton />` and screen reader text for `<StepIndicatorItem />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `Step %step of %count`.',\n    type: 'string',\n    status: 'optional',\n  },\n  hide_numbers: {\n    doc: 'Define whether to show automatically counted numbers or not. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'If set to `true`, the height animation on step change and list expansion will be omitted. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  expandedInitially: {\n    doc: 'Set to `true` to have the list be expanded initially. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outset: {\n    doc: 'Whether or not to break out (using negative margins) on larger screens. Defaults to `false`. Same as `outset` in [Card](/uilib/components/card/properties).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text for status shown below the step indicator when it is not expanded. Defaults to `undefined`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'The type of status shown when the `status` prop is set. Defaults to `warn`.',\n    type: `['warn', 'info', 'error']`,\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  sidebar_id: {\n    doc: 'A unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  step_title_extended: {\n    doc: 'Descriptive label for `<StepIndicatorModal />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `You are on step %step of %count`.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  on_item_render: {\n    doc: 'Deprecated, just use step item `title`. Callback function whose return is rendered inside each step instead of the default render. Has to return a React Node. Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props from the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n\nexport const StepIndicatorEvents: PropertiesTableProps = {\n  on_click: {\n    doc: 'Will be called when the user clicks on any clickable step in the list. Is called right before `on_change`. Receives parameter `{ event, item, current_step, currentStep }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called when the user changes step by clicking in the steps list (changing the `current_step` prop does not trigger the event). Receives parameter `{ event, item, current_step, currentStep }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const StepIndicatorStepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the step.',\n    type: ['string', 'React.ReactNode'],\n    status: 'required',\n  },\n  is_current: {\n    doc: 'If set to `true`, this item step will be set as the current selected step. This can be used instead of `current_step` on the main component.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inactive: {\n    doc: 'If set to `true`, this item step will be handled as an inactive step and will not be clickable. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'If set to `true`, this step will be handled the same as `inactive` as well as getting a disabled mouseover and `aria-disabled=\"true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Is used to set the status text.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'In case the status state should be `info` or `error`. Defaults to `warn`.',\n    type: [`'warn'`, `'info'`, `'error'`],\n    status: 'optional',\n  },\n  on_render: {\n    doc: 'Deprecated, just use `title`. Callback function whose return is rendered inside the step instead of the default render (or `on_item_render`). Has to return a React Node. <br/> Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props in the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n\nexport const StepIndicatorStepEvents: PropertiesTableProps = {\n  on_click: {\n    doc: \"Called when user clicks the step. Is called right before the main component's `on_click`. Receives parameter `{ event, item, current_step, currentStep }`\",\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts

@@ -4,7 +4,8 @@
  */
 import { ButtonProps } from '../button/Button';
 export type StepIndicatorTriggerButtonProps = ButtonProps & {
+    isNested?: boolean;
     className?: string;
 };
-declare function StepIndicatorTriggerButton({ className, ...rest }: StepIndicatorTriggerButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function StepIndicatorTriggerButton({ className, isNested, ...rest }: StepIndicatorTriggerButtonProps): import("react/jsx-runtime").JSX.Element;
 export default StepIndicatorTriggerButton;

package/cjs/components/step-indicator/StepIndicatorTriggerButton.js

@@ -17,7 +17,7 @@ var _useId = _interopRequireDefault(require("../../shared/helpers/useId"));
 var _FormLabel = _interopRequireDefault(require("../form-label/FormLabel"));
 var _StepIndicatorContext = _interopRequireDefault(require("./StepIndicatorContext"));
 var _SkeletonHelper = require("../skeleton/SkeletonHelper");
-const _excluded = ["className"],
+const _excluded = ["className", "isNested"],
   _excluded2 = ["data"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -32,7 +32,8 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function StepIndicatorTriggerButton(_ref) {
   let {
-      className
+      className,
+      isNested
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const _useContext = (0, _react.useContext)(_StepIndicatorContext.default),
@@ -79,7 +80,8 @@ function StepIndicatorTriggerButton(_ref) {
       small: false,
       medium: [true, true, !openState, !openState],
       large: [true, true, !openState, !openState]
-    }
+    },
+    outset: isNested ? true : undefined
   }, _react.default.createElement(_HeightAnimation.default, {
     animate: !no_animation
   }, _react.default.createElement("div", triggerParams, _react.default.createElement("span", {

package/cjs/components/step-indicator/StepIndicatorTriggerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorTriggerButton.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_Button","_Section","_HeightAnimation","_chevron_down","_componentHelper","_useId","_FormLabel","_StepIndicatorContext","_SkeletonHelper","_excluded","_excluded2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","StepIndicatorTriggerButton","_ref","className","rest","_useContext","useContext","StepIndicatorContext","data","contextWithoutData","stepsLabel","activeStep","overview_title","openState","closeHandler","openHandler","skeleton","filterAttributes","no_animation","item","label","id","useId","triggerParams","classnames","createSkeletonClass","buttonParams","combineDescribedBy","key","includes","skeletonDOMAttributes","validateDOMAttributes","createElement","backgroundColor","innerSpace","top","bottom","roundedCorner","small","medium","large","animate","forId","right","onClick","wrap","variant","icon","chevron_down","icon_position","title","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorTriggerButton.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport classnames from 'classnames'\nimport React, { useContext } from 'react'\nimport Button, { ButtonProps } from '../button/Button'\nimport Section from '../section/Section'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport chevron_down from '../../icons/chevron_down'\nimport {\n  validateDOMAttributes,\n  combineDescribedBy,\n} from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport FormLabel from '../form-label/FormLabel'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nexport type StepIndicatorTriggerButtonProps = ButtonProps & {\n  className?: string\n}\nfunction StepIndicatorTriggerButton({\n  className,\n  ...rest\n}: StepIndicatorTriggerButtonProps) {\n  const {\n    data, // eslint-disable-line\n    ...contextWithoutData\n  } = useContext(StepIndicatorContext)\n\n  const {\n    stepsLabel,\n    activeStep,\n    overview_title,\n    openState,\n    closeHandler,\n    openHandler,\n    skeleton,\n    filterAttributes,\n    no_animation,\n  } = contextWithoutData\n\n  const item = data[activeStep || 0]\n  const label = stepsLabel\n  const id = useId()\n\n  const triggerParams = {\n    ...contextWithoutData,\n    className: classnames(\n      'dnb-step-indicator__trigger',\n      createSkeletonClass('font', skeleton)\n    ),\n    'aria-live': 'polite',\n  } as React.HTMLProps<HTMLElement>\n\n  const buttonParams = {\n    ...rest,\n    className: classnames(\n      'dnb-step-indicator__trigger__button',\n      `dnb-step-indicator__trigger__button--${\n        openState ? 'expanded' : 'collapsed'\n      }`,\n      className\n    ),\n  }\n\n  buttonParams['aria-describedby'] = combineDescribedBy(\n    buttonParams,\n    id + '-overview'\n  )\n\n  Object.keys(triggerParams).forEach((key) => {\n    if (filterAttributes.includes(key)) {\n      delete triggerParams[key]\n    }\n  })\n\n  skeletonDOMAttributes(triggerParams, skeleton)\n\n  // also used for code markup simulation\n  validateDOMAttributes(contextWithoutData, triggerParams)\n\n  return (\n    <Section\n      backgroundColor=\"var(--step-indicator-trigger-background)\"\n      innerSpace={{\n        top: 'small',\n        bottom: 'small',\n      }}\n      roundedCorner={{\n        small: false,\n        medium: [true, true, !openState, !openState],\n        large: [true, true, !openState, !openState],\n      }}\n    >\n      <HeightAnimation animate={!no_animation}>\n        <div {...(triggerParams as React.HTMLProps<HTMLDivElement>)}>\n          <span className=\"dnb-sr-only\" id={id + '-overview'}>\n            {overview_title}\n          </span>\n          <FormLabel\n            aria-describedby={id}\n            forId={id}\n            className=\"dnb-step-indicator__label\"\n            right=\"x-small\"\n          >\n            {label}\n          </FormLabel>\n          <Button\n            {...buttonParams}\n            onClick={() => {\n              if (openState) {\n                closeHandler()\n              } else {\n                openHandler()\n              }\n            }}\n            aria-expanded={openState}\n            id={id}\n            wrap\n            variant=\"tertiary\"\n            icon={chevron_down}\n            icon_position=\"right\"\n          >\n            {(typeof item === 'string' ? item : item && item.title) || ''}\n          </Button>\n        </div>\n      </HeightAnimation>\n    </Section>\n  )\n}\n\nexport default StepIndicatorTriggerButton\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StepIndicatorTriggerButton.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_Button","_Section","_HeightAnimation","_chevron_down","_componentHelper","_useId","_FormLabel","_StepIndicatorContext","_SkeletonHelper","_excluded","_excluded2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","StepIndicatorTriggerButton","_ref","className","isNested","rest","_useContext","useContext","StepIndicatorContext","data","contextWithoutData","stepsLabel","activeStep","overview_title","openState","closeHandler","openHandler","skeleton","filterAttributes","no_animation","item","label","id","useId","triggerParams","classnames","createSkeletonClass","buttonParams","combineDescribedBy","key","includes","skeletonDOMAttributes","validateDOMAttributes","createElement","backgroundColor","innerSpace","top","bottom","roundedCorner","small","medium","large","outset","undefined","animate","forId","right","onClick","wrap","variant","icon","chevron_down","icon_position","title","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorTriggerButton.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport classnames from 'classnames'\nimport React, { useContext } from 'react'\nimport Button, { ButtonProps } from '../button/Button'\nimport Section from '../section/Section'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport chevron_down from '../../icons/chevron_down'\nimport {\n  validateDOMAttributes,\n  combineDescribedBy,\n} from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport FormLabel from '../form-label/FormLabel'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nexport type StepIndicatorTriggerButtonProps = ButtonProps & {\n  isNested?: boolean\n  className?: string\n}\nfunction StepIndicatorTriggerButton({\n  className,\n  isNested,\n  ...rest\n}: StepIndicatorTriggerButtonProps) {\n  const {\n    data, // eslint-disable-line\n    ...contextWithoutData\n  } = useContext(StepIndicatorContext)\n\n  const {\n    stepsLabel,\n    activeStep,\n    overview_title,\n    openState,\n    closeHandler,\n    openHandler,\n    skeleton,\n    filterAttributes,\n    no_animation,\n  } = contextWithoutData\n\n  const item = data[activeStep || 0]\n  const label = stepsLabel\n  const id = useId()\n\n  const triggerParams = {\n    ...contextWithoutData,\n    className: classnames(\n      'dnb-step-indicator__trigger',\n      createSkeletonClass('font', skeleton)\n    ),\n    'aria-live': 'polite',\n  } as React.HTMLProps<HTMLElement>\n\n  const buttonParams = {\n    ...rest,\n    className: classnames(\n      'dnb-step-indicator__trigger__button',\n      `dnb-step-indicator__trigger__button--${\n        openState ? 'expanded' : 'collapsed'\n      }`,\n      className\n    ),\n  }\n\n  buttonParams['aria-describedby'] = combineDescribedBy(\n    buttonParams,\n    id + '-overview'\n  )\n\n  Object.keys(triggerParams).forEach((key) => {\n    if (filterAttributes.includes(key)) {\n      delete triggerParams[key]\n    }\n  })\n\n  skeletonDOMAttributes(triggerParams, skeleton)\n\n  // also used for code markup simulation\n  validateDOMAttributes(contextWithoutData, triggerParams)\n\n  return (\n    <Section\n      backgroundColor=\"var(--step-indicator-trigger-background)\"\n      innerSpace={{\n        top: 'small',\n        bottom: 'small',\n      }}\n      roundedCorner={{\n        small: false,\n        medium: [true, true, !openState, !openState],\n        large: [true, true, !openState, !openState],\n      }}\n      outset={isNested ? true : undefined}\n    >\n      <HeightAnimation animate={!no_animation}>\n        <div {...(triggerParams as React.HTMLProps<HTMLDivElement>)}>\n          <span className=\"dnb-sr-only\" id={id + '-overview'}>\n            {overview_title}\n          </span>\n          <FormLabel\n            aria-describedby={id}\n            forId={id}\n            className=\"dnb-step-indicator__label\"\n            right=\"x-small\"\n          >\n            {label}\n          </FormLabel>\n          <Button\n            {...buttonParams}\n            onClick={() => {\n              if (openState) {\n                closeHandler()\n              } else {\n                openHandler()\n              }\n            }}\n            aria-expanded={openState}\n            id={id}\n            wrap\n            variant=\"tertiary\"\n            icon={chevron_down}\n            icon_position=\"right\"\n          >\n            {(typeof item === 'string' ? item : item && item.title) || ''}\n          </Button>\n        </div>\n      </HeightAnimation>\n    </Section>\n  )\n}\n\nexport default StepIndicatorTriggerButton\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,10 +6,15 @@ import { SpacingProps } from '../space/types';
 export type SwitchLabelPosition = 'left' | 'right';
 export type SwitchSize = 'default' | 'medium' | 'large';
 export type SwitchAttributes = string | Record<string, unknown>;
-export type SwitchOnChange = (args: {
+export type SwitchOnChangeParams = {
     checked: boolean;
     event: MouseEvent | TouchEvent | KeyboardEvent;
-}) => void;
+};
+export type SwitchOnClickParams = React.MouseEvent<HTMLInputElement> & {
+    checked: boolean;
+    event: React.MouseEvent<HTMLInputElement>;
+};
+export type SwitchOnChange = (args: SwitchOnChangeParams) => void;
 export type SwitchProps = {
     /**
      * Use either the `label` property or provide a custom one.
@@ -74,13 +79,17 @@ export type SwitchProps = {
     /**
      * Will be called on state changes made by the user, but with a delay. This way the user sees the animation before e.g. an error will be removed. Returns a boolean `{ checked, event }`.
      */
+    /**
+     * Will be called on click made by the user. Returns the ClickEvent.
+     */
+    onClick?: (args: SwitchOnClickParams) => void;
     onChangeEnd?: SwitchOnChange;
     onStateUpdate?: SwitchOnChange;
     /**
      * By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.
      */
     innerRef?: React.MutableRefObject<HTMLInputElement> | ((elem: HTMLInputElement) => void);
-} & Omit<React.HTMLProps<HTMLElement>, 'ref' | 'size' | 'onChange' | 'innerRef' | 'label'> & SpacingProps & DeprecatedSwitchProps;
+} & Omit<React.HTMLProps<HTMLElement>, 'ref' | 'size' | 'onChange' | 'onClick' | 'innerRef' | 'label'> & SpacingProps & DeprecatedSwitchProps;
 type DeprecatedSwitchProps = {
     /**  @deprecated use `labelPosition` */
     label_position?: SwitchLabelPosition;

package/cjs/components/switch/Switch.js

@@ -20,7 +20,7 @@ var _FormStatus = _interopRequireDefault(require("../form-status/FormStatus"));
 var _withSnakeCaseProps = require("../../shared/helpers/withSnakeCaseProps");
 var _useId = _interopRequireDefault(require("../../shared/helpers/useId"));
 var _AlignmentHelper, _span;
-const _excluded = ["value", "size", "status", "statusState", "statusProps", "globalStatus", "statusNoAnimation", "suffix", "label", "labelPosition", "labelSrOnly", "title", "disabled", "readOnly", "skeleton", "className", "id", "checked", "onChange", "onChangeEnd", "innerRef"];
+const _excluded = ["value", "size", "status", "statusState", "statusProps", "globalStatus", "statusNoAnimation", "suffix", "label", "labelPosition", "labelSrOnly", "title", "disabled", "readOnly", "skeleton", "className", "id", "checked", "onChange", "onChangeEnd", "onClick", "innerRef"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -59,26 +59,30 @@ function Switch(props) {
       checked: checkedProp,
       onChange,
       onChangeEnd,
+      onClick,
       innerRef: innerRefProp
     } = allProps,
     rest = _objectWithoutProperties(allProps, _excluded);
-  const [isChecked, setIsChecked] = (0, _react.useState)(checkedProp !== null && checkedProp !== void 0 ? checkedProp : false);
-  const [prevChecked, setPrevChecked] = (0, _react.useState)(checkedProp);
+  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
   const id = (0, _useId.default)(idProp);
   const isFn = typeof innerRefProp === 'function';
   const refHook = (0, _react.useRef)();
   const innerRef = !isFn && innerRefProp || refHook;
+  const preventChangeRef = (0, _react.useRef)(false);
+  const isCheckedRef = (0, _react.useRef)(checkedProp !== null && checkedProp !== void 0 ? checkedProp : false);
+  const prevCheckedRef = (0, _react.useRef)(checkedProp);
   (0, _react.useEffect)(() => {
     if (isFn) {
       innerRefProp === null || innerRefProp === void 0 ? void 0 : innerRefProp(refHook.current);
     }
   }, [innerRefProp, isFn, refHook]);
   (0, _react.useEffect)(() => {
-    if (checkedProp !== prevChecked) {
-      setIsChecked(!!checkedProp);
-      setPrevChecked(!!checkedProp);
+    if (checkedProp !== prevCheckedRef.current) {
+      isCheckedRef.current = !!checkedProp;
+      prevCheckedRef.current = !!checkedProp;
+      forceUpdate();
     }
-  }, [checkedProp, prevChecked]);
+  }, [checkedProp]);
   const callOnChange = (0, _react.useCallback)(_ref => {
     let {
       checked,
@@ -90,11 +94,12 @@ function Switch(props) {
     });
   }, [onChange]);
   const onChangeHandler = (0, _react.useCallback)(event => {
-    if (readOnly) {
-      return event.preventDefault();
+    if (preventChangeRef.current) {
+      return;
     }
-    const updatedChecked = !isChecked;
-    setIsChecked(updatedChecked);
+    const updatedChecked = !isCheckedRef.current;
+    isCheckedRef.current = updatedChecked;
+    forceUpdate();
     callOnChange({
       checked: updatedChecked,
       event
@@ -111,7 +116,25 @@ function Switch(props) {
     if (innerRef.current) {
       innerRef.current.focus();
     }
-  }, [callOnChange, innerRef, isChecked, onChangeEnd, readOnly]);
+  }, [callOnChange, innerRef, onChangeEnd]);
+  const onClickHandler = (0, _react.useCallback)(event => {
+    const preventDefault = () => {
+      event.preventDefault();
+      if (event.target['checked'] !== isCheckedRef.current) {
+        preventChangeRef.current = true;
+        isCheckedRef.current = !isCheckedRef.current;
+        forceUpdate();
+      }
+    };
+    if (readOnly) {
+      return preventDefault();
+    }
+    onClick === null || onClick === void 0 ? void 0 : onClick(_objectSpread({
+      checked: isCheckedRef.current,
+      preventDefault,
+      event
+    }, event));
+  }, [onClick, readOnly]);
   const onKeyDownHandler = (0, _react.useCallback)(event => {
     switch (event.code) {
       case 'Enter':
@@ -125,7 +148,7 @@ function Switch(props) {
   };
   const inputParams = _objectSpread({
     disabled,
-    checked: isChecked
+    checked: isCheckedRef.current
   }, rest);
   if (showStatus || suffix) {
     inputParams['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(inputParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
@@ -170,12 +193,13 @@ function Switch(props) {
     type: "checkbox",
     role: "switch",
     title: title,
-    "aria-checked": isChecked,
+    "aria-checked": isCheckedRef.current,
     className: "dnb-switch__input",
-    value: isChecked ? value || '' : '',
+    value: isCheckedRef.current ? value || '' : '',
     ref: innerRef
   }, inputParams, {
     onChange: onChangeHandler,
+    onClick: onClickHandler,
     onKeyDown: onKeyDownHandler
   })), _react.default.createElement("span", _extends({
     draggable: true,

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_filterValidProps","_AlignmentHelper2","_SpacingHelper","_SkeletonHelper","_Context","_Suffix","_FormLabel","_FormStatus","_withSnakeCaseProps","_useId","_AlignmentHelper","_span","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","statusState","Switch","props","context","useContext","Context","allProps","extractPropsFromContext","size","status","statusProps","globalStatus","statusNoAnimation","suffix","label","labelPosition","labelSrOnly","title","disabled","readOnly","skeleton","className","id","idProp","checked","checkedProp","onChange","onChangeEnd","innerRef","innerRefProp","rest","isChecked","setIsChecked","useState","prevChecked","setPrevChecked","useId","isFn","refHook","useRef","useEffect","current","callOnChange","useCallback","_ref","event","onChangeHandler","preventDefault","updatedChecked","persist","setTimeout","focus","onKeyDownHandler","code","showStatus","useMemo","getStatusState","mainParams","classnames","createSkeletonClass","createSpacingClasses","inputParams","combineDescribedBy","skeletonDOMAttributes","validateDOMAttributes","helperParams","onMouseDown","labelComp","createElement","forId","text","srOnly","show","width_selector","state","no_animation","name","type","role","ref","onKeyDown","draggable","onDragStart","extendPropsWithContext","convertSnakeCaseProps","pickFormElementProps","FormRow","formElement"],"sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport classnames from 'classnames'\nimport {\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus, {\n  FormStatusState,\n  FormStatusText,\n} from '../form-status/FormStatus'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport useId from '../../shared/helpers/useId'\nimport { GlobalStatusConfigObject } from '../GlobalStatus'\nimport { SkeletonShow } from '../Skeleton'\nimport { SpacingProps } from '../space/types'\n\nexport type SwitchLabelPosition = 'left' | 'right'\nexport type SwitchSize = 'default' | 'medium' | 'large'\nexport type SwitchAttributes = string | Record<string, unknown>\nexport type SwitchOnChange = (args: {\n  checked: boolean\n  event: MouseEvent | TouchEvent | KeyboardEvent\n}) => void\n\nexport type SwitchProps = {\n  /**\n   * Use either the `label` property or provide a custom one.\n   */\n  label?: React.ReactNode\n  /**\n   * Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.\n   */\n  labelPosition?: SwitchLabelPosition\n  /**\n   * Use `true` to make the label only readable by screen readers.\n   */\n  labelSrOnly?: boolean\n  /**\n   * <em>(required)</em> the `title` of the input - describing it a bit further for accessibility reasons.\n   */\n  title?: string\n  /**\n   * Determine whether the switch is checked or not. The default will be `false`.\n   */\n  checked?: boolean\n  disabled?: boolean\n  id?: string\n  /**\n   * The size of the switch. For now there is \"medium\" (default) and \"large\".\n   */\n  size?: SwitchSize\n  /**\n   * 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.\n   */\n  status?: FormStatusText\n  /**\n   * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n   */\n  statusState?: FormStatusState\n  /**\n   * Use an object to define additional FormStatus properties.\n   */\n  statusProps?: Record<string, unknown>\n  /**\n   * The <a href=\"/uilib/components/global-status/properties/#configuration-object\">configuration</a> used for the target <a href=\"/uilib/components/global-status\">GlobalStatus</a>.\n   */\n  globalStatus?: GlobalStatusConfigObject\n  statusNoAnimation?: boolean\n  /**\n   * Text describing the content of the Switch more than the label. You can also send in a React component, so it gets wrapped inside the Switch component.\n   */\n  suffix?: React.ReactNode\n  value?: string\n  attributes?: SwitchAttributes\n  readOnly?: boolean\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n  className?: string\n  children?: React.ReactNode\n  /**\n   * Will be called on state changes made by the user. Returns a boolean `{ checked, event }`.\n   */\n  onChange?: SwitchOnChange\n  /**\n   * Will be called on state changes made by the user, but with a delay. This way the user sees the animation before e.g. an error will be removed. Returns a boolean `{ checked, event }`.\n   */\n  onChangeEnd?: SwitchOnChange\n  onStateUpdate?: SwitchOnChange\n  /**\n   * By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.\n   */\n  innerRef?:\n    | React.MutableRefObject<HTMLInputElement>\n    | ((elem: HTMLInputElement) => void)\n} & Omit<\n  React.HTMLProps<HTMLElement>,\n  'ref' | 'size' | 'onChange' | 'innerRef' | 'label'\n> &\n  SpacingProps &\n  DeprecatedSwitchProps\n\n// deprecated, can be removed in v11\ntype DeprecatedSwitchProps = {\n  /**  @deprecated use `labelPosition` */\n  label_position?: SwitchLabelPosition\n  /**  @deprecated use `labelSrOnly` */\n  label_sr_only?: boolean\n  /**  @deprecated use `statusState` */\n  status_state?: FormStatusState\n  /**  @deprecated use `statusProps` */\n  status_props?: Record<string, unknown>\n  /**  @deprecated use `onChange` */\n  on_change?: SwitchOnChange\n  /**  @deprecated use `onChangeEnd` */\n  on_change_end?: SwitchOnChange\n  /**  @deprecated use `onStateUpdate` */\n  on_state_update?: SwitchOnChange\n  /**  @deprecated use `statusNoAnimation` */\n  status_no_animation?: boolean\n}\n\nconst defaultProps = {\n  statusState: 'error',\n}\n\nexport default function Switch(props: SwitchProps) {\n  const context = useContext(Context)\n\n  const allProps = extractPropsFromContext()\n\n  const {\n    value,\n    size,\n    status,\n    statusState,\n    statusProps,\n    globalStatus,\n    statusNoAnimation,\n    suffix,\n    label,\n    labelPosition,\n    labelSrOnly,\n    title,\n    disabled,\n    readOnly,\n    skeleton,\n    className,\n    id: idProp,\n    checked: checkedProp,\n    onChange,\n    onChangeEnd,\n    innerRef: innerRefProp,\n    ...rest\n  } = allProps\n\n  const [isChecked, setIsChecked] = useState(checkedProp ?? false)\n  const [prevChecked, setPrevChecked] = useState(checkedProp)\n\n  const id = useId(idProp)\n  const isFn = typeof innerRefProp === 'function'\n  const refHook = useRef<HTMLInputElement>()\n  const innerRef = (!isFn && innerRefProp) || refHook\n\n  useEffect(() => {\n    if (isFn) {\n      innerRefProp?.(refHook.current)\n    }\n  }, [innerRefProp, isFn, refHook])\n\n  useEffect(() => {\n    if (checkedProp !== prevChecked) {\n      setIsChecked(!!checkedProp)\n      setPrevChecked(!!checkedProp)\n    }\n  }, [checkedProp, prevChecked])\n\n  const callOnChange = useCallback(\n    ({ checked, event }) => {\n      onChange?.({ checked, event })\n    },\n    [onChange]\n  )\n\n  const onChangeHandler = useCallback(\n    (event) => {\n      if (readOnly) {\n        return event.preventDefault()\n      }\n      const updatedChecked = !isChecked\n\n      setIsChecked(updatedChecked)\n      callOnChange({ checked: updatedChecked, event })\n\n      if (onChangeEnd) {\n        if (event && event.persist) {\n          event.persist()\n        }\n        setTimeout(\n          () => onChangeEnd({ checked: updatedChecked, event }),\n          500\n        )\n      }\n\n      // help firefox and safari to have an correct state after a click\n      if (innerRef.current) {\n        innerRef.current.focus()\n      }\n    },\n    [callOnChange, innerRef, isChecked, onChangeEnd, readOnly]\n  )\n\n  const onKeyDownHandler = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.code) {\n        case 'Enter':\n          onChangeHandler(event)\n          break\n      }\n    },\n    [onChangeHandler]\n  )\n\n  const showStatus = useMemo(() => getStatusState(status), [status])\n\n  const mainParams = {\n    className: classnames(\n      'dnb-switch',\n      size && `dnb-switch--${size}`,\n      status && `dnb-switch__status--${statusState}`,\n      `dnb-switch--label-position-${labelPosition || 'right'}`,\n      'dnb-form-component',\n      createSkeletonClass(null, skeleton),\n      createSpacingClasses(props),\n      className\n    ),\n  }\n\n  const inputParams = {\n    disabled,\n    checked: isChecked,\n    ...rest,\n  }\n\n  if (showStatus || suffix) {\n    inputParams['aria-describedby'] = combineDescribedBy(\n      inputParams,\n      showStatus ? id + '-status' : null,\n      suffix ? id + '-suffix' : null\n    )\n  }\n  if (readOnly) {\n    inputParams['aria-readonly'] = readOnly\n  }\n\n  skeletonDOMAttributes(inputParams, skeleton, context)\n  validateDOMAttributes(props, inputParams)\n\n  const helperParams = useMemo(\n    () => ({\n      onMouseDown: (e: React.MouseEvent<HTMLSpanElement>) =>\n        e.preventDefault(),\n    }),\n    []\n  )\n\n  const labelComp = useMemo(\n    () =>\n      label && (\n        <FormLabel\n          id={id + '-label'}\n          forId={id}\n          text={label}\n          disabled={disabled}\n          skeleton={skeleton}\n          srOnly={labelSrOnly}\n        />\n      ),\n    [disabled, id, label, labelSrOnly, skeleton]\n  )\n\n  return (\n    <span {...mainParams}>\n      <span className=\"dnb-switch__order\">\n        {labelPosition === 'left' && labelComp}\n\n        <span className=\"dnb-switch__inner\">\n          <AlignmentHelper />\n\n          <FormStatus\n            show={showStatus}\n            id={id + '-form-status'}\n            globalStatus={globalStatus}\n            label={label}\n            width_selector={id + ', ' + id + '-label'}\n            text={status}\n            state={statusState}\n            skeleton={skeleton}\n            no_animation={statusNoAnimation}\n            {...statusProps}\n          />\n\n          <span className=\"dnb-switch__shell\">\n            {(labelPosition === 'right' || !labelPosition) && labelComp}\n\n            <span className=\"dnb-switch__row\">\n              <input\n                id={id}\n                name={id}\n                type=\"checkbox\"\n                role=\"switch\"\n                title={title}\n                aria-checked={isChecked}\n                className=\"dnb-switch__input\"\n                value={isChecked ? value || '' : ''}\n                ref={innerRef}\n                {...inputParams}\n                onChange={onChangeHandler}\n                onKeyDown={onKeyDownHandler}\n              />\n              <span\n                draggable\n                aria-hidden\n                className=\"dnb-switch__background\"\n                onDragStart={onChangeHandler}\n                {...helperParams}\n              />\n              <span\n                className={classnames(\n                  'dnb-switch__button',\n                  createSkeletonClass('shape', skeleton, context)\n                )}\n                aria-hidden\n              >\n                <span className=\"dnb-switch__focus\">\n                  <span className=\"dnb-switch__focus__inner\" />\n                </span>\n              </span>\n            </span>\n\n            {suffix && (\n              <Suffix\n                className=\"dnb-switch__suffix\"\n                id={id + '-suffix'} // used for \"aria-describedby\"\n                context={props}\n              >\n                {suffix}\n              </Suffix>\n            )}\n          </span>\n        </span>\n      </span>\n    </span>\n  )\n\n  function extractPropsFromContext() {\n    return extendPropsWithContext(\n      convertSnakeCaseProps(props),\n      defaultProps,\n      { skeleton: context?.skeleton },\n      // Deprecated – can be removed in v11\n      pickFormElementProps(context?.FormRow),\n      pickFormElementProps(context?.formElement),\n      context.Switch\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Switch.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_filterValidProps","_AlignmentHelper2","_SpacingHelper","_SkeletonHelper","_Context","_Suffix","_FormLabel","_FormStatus","_withSnakeCaseProps","_useId","_AlignmentHelper","_span","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","statusState","Switch","props","context","useContext","Context","allProps","extractPropsFromContext","size","status","statusProps","globalStatus","statusNoAnimation","suffix","label","labelPosition","labelSrOnly","title","disabled","readOnly","skeleton","className","id","idProp","checked","checkedProp","onChange","onChangeEnd","onClick","innerRef","innerRefProp","rest","forceUpdate","useReducer","useId","isFn","refHook","useRef","preventChangeRef","isCheckedRef","prevCheckedRef","useEffect","current","callOnChange","useCallback","_ref","event","onChangeHandler","updatedChecked","persist","setTimeout","focus","onClickHandler","preventDefault","target","onKeyDownHandler","code","showStatus","useMemo","getStatusState","mainParams","classnames","createSkeletonClass","createSpacingClasses","inputParams","combineDescribedBy","skeletonDOMAttributes","validateDOMAttributes","helperParams","onMouseDown","labelComp","createElement","forId","text","srOnly","show","width_selector","state","no_animation","name","type","role","ref","onKeyDown","draggable","onDragStart","extendPropsWithContext","convertSnakeCaseProps","pickFormElementProps","FormRow","formElement"],"sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport {\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus, {\n  FormStatusState,\n  FormStatusText,\n} from '../form-status/FormStatus'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport useId from '../../shared/helpers/useId'\nimport { GlobalStatusConfigObject } from '../GlobalStatus'\nimport { SkeletonShow } from '../Skeleton'\nimport { SpacingProps } from '../space/types'\n\nexport type SwitchLabelPosition = 'left' | 'right'\nexport type SwitchSize = 'default' | 'medium' | 'large'\nexport type SwitchAttributes = string | Record<string, unknown>\nexport type SwitchOnChangeParams = {\n  checked: boolean\n  event: MouseEvent | TouchEvent | KeyboardEvent\n}\nexport type SwitchOnClickParams = React.MouseEvent<HTMLInputElement> & {\n  checked: boolean\n  event: React.MouseEvent<HTMLInputElement>\n}\nexport type SwitchOnChange = (args: SwitchOnChangeParams) => void\n\nexport type SwitchProps = {\n  /**\n   * Use either the `label` property or provide a custom one.\n   */\n  label?: React.ReactNode\n  /**\n   * Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.\n   */\n  labelPosition?: SwitchLabelPosition\n  /**\n   * Use `true` to make the label only readable by screen readers.\n   */\n  labelSrOnly?: boolean\n  /**\n   * <em>(required)</em> the `title` of the input - describing it a bit further for accessibility reasons.\n   */\n  title?: string\n  /**\n   * Determine whether the switch is checked or not. The default will be `false`.\n   */\n  checked?: boolean\n  disabled?: boolean\n  id?: string\n  /**\n   * The size of the switch. For now there is \"medium\" (default) and \"large\".\n   */\n  size?: SwitchSize\n  /**\n   * 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.\n   */\n  status?: FormStatusText\n  /**\n   * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n   */\n  statusState?: FormStatusState\n  /**\n   * Use an object to define additional FormStatus properties.\n   */\n  statusProps?: Record<string, unknown>\n  /**\n   * The <a href=\"/uilib/components/global-status/properties/#configuration-object\">configuration</a> used for the target <a href=\"/uilib/components/global-status\">GlobalStatus</a>.\n   */\n  globalStatus?: GlobalStatusConfigObject\n  statusNoAnimation?: boolean\n  /**\n   * Text describing the content of the Switch more than the label. You can also send in a React component, so it gets wrapped inside the Switch component.\n   */\n  suffix?: React.ReactNode\n  value?: string\n  attributes?: SwitchAttributes\n  readOnly?: boolean\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n  className?: string\n  children?: React.ReactNode\n  /**\n   * Will be called on state changes made by the user. Returns a boolean `{ checked, event }`.\n   */\n  onChange?: SwitchOnChange\n  /**\n   * Will be called on state changes made by the user, but with a delay. This way the user sees the animation before e.g. an error will be removed. Returns a boolean `{ checked, event }`.\n   */\n  /**\n   * Will be called on click made by the user. Returns the ClickEvent.\n   */\n  onClick?: (args: SwitchOnClickParams) => void\n  onChangeEnd?: SwitchOnChange\n  onStateUpdate?: SwitchOnChange\n  /**\n   * By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.\n   */\n  innerRef?:\n    | React.MutableRefObject<HTMLInputElement>\n    | ((elem: HTMLInputElement) => void)\n} & Omit<\n  React.HTMLProps<HTMLElement>,\n  'ref' | 'size' | 'onChange' | 'onClick' | 'innerRef' | 'label'\n> &\n  SpacingProps &\n  DeprecatedSwitchProps\n\n// deprecated, can be removed in v11\ntype DeprecatedSwitchProps = {\n  /**  @deprecated use `labelPosition` */\n  label_position?: SwitchLabelPosition\n  /**  @deprecated use `labelSrOnly` */\n  label_sr_only?: boolean\n  /**  @deprecated use `statusState` */\n  status_state?: FormStatusState\n  /**  @deprecated use `statusProps` */\n  status_props?: Record<string, unknown>\n  /**  @deprecated use `onChange` */\n  on_change?: SwitchOnChange\n  /**  @deprecated use `onChangeEnd` */\n  on_change_end?: SwitchOnChange\n  /**  @deprecated use `onStateUpdate` */\n  on_state_update?: SwitchOnChange\n  /**  @deprecated use `statusNoAnimation` */\n  status_no_animation?: boolean\n}\n\nconst defaultProps = {\n  statusState: 'error',\n}\n\nexport default function Switch(props: SwitchProps) {\n  const context = useContext(Context)\n\n  const allProps = extractPropsFromContext()\n\n  const {\n    value,\n    size,\n    status,\n    statusState,\n    statusProps,\n    globalStatus,\n    statusNoAnimation,\n    suffix,\n    label,\n    labelPosition,\n    labelSrOnly,\n    title,\n    disabled,\n    readOnly,\n    skeleton,\n    className,\n    id: idProp,\n    checked: checkedProp,\n    onChange,\n    onChangeEnd,\n    onClick,\n    innerRef: innerRefProp,\n    ...rest\n  } = allProps\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const id = useId(idProp)\n  const isFn = typeof innerRefProp === 'function'\n  const refHook = useRef<HTMLInputElement>()\n  const innerRef = (!isFn && innerRefProp) || refHook\n\n  const preventChangeRef = useRef(false)\n  const isCheckedRef = useRef(checkedProp ?? false)\n  const prevCheckedRef = useRef(checkedProp)\n\n  useEffect(() => {\n    if (isFn) {\n      innerRefProp?.(refHook.current)\n    }\n  }, [innerRefProp, isFn, refHook])\n\n  useEffect(() => {\n    if (checkedProp !== prevCheckedRef.current) {\n      isCheckedRef.current = !!checkedProp\n      prevCheckedRef.current = !!checkedProp\n      forceUpdate()\n    }\n  }, [checkedProp])\n\n  const callOnChange = useCallback(\n    ({ checked, event }) => {\n      onChange?.({ checked, event })\n    },\n    [onChange]\n  )\n\n  const onChangeHandler = useCallback(\n    (event) => {\n      if (preventChangeRef.current) {\n        return // stop here\n      }\n\n      const updatedChecked = !isCheckedRef.current\n\n      isCheckedRef.current = updatedChecked\n      forceUpdate()\n      callOnChange({ checked: updatedChecked, event })\n\n      if (onChangeEnd) {\n        if (event && event.persist) {\n          event.persist()\n        }\n        setTimeout(\n          () => onChangeEnd({ checked: updatedChecked, event }),\n          500\n        )\n      }\n\n      // help firefox and safari to have an correct state after a click\n      if (innerRef.current) {\n        innerRef.current.focus()\n      }\n    },\n    [callOnChange, innerRef, onChangeEnd]\n  )\n\n  const onClickHandler: React.MouseEventHandler<HTMLInputElement> =\n    useCallback(\n      (event) => {\n        const preventDefault = () => {\n          event.preventDefault()\n\n          if (event.target['checked'] !== isCheckedRef.current) {\n            preventChangeRef.current = true\n            isCheckedRef.current = !isCheckedRef.current\n            forceUpdate()\n          }\n        }\n\n        if (readOnly) {\n          return preventDefault()\n        }\n\n        onClick?.({\n          checked: isCheckedRef.current,\n          preventDefault,\n          event,\n          ...event,\n        })\n      },\n      [onClick, readOnly]\n    )\n\n  const onKeyDownHandler = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.code) {\n        case 'Enter':\n          onChangeHandler(event)\n          break\n      }\n    },\n    [onChangeHandler]\n  )\n\n  const showStatus = useMemo(() => getStatusState(status), [status])\n\n  const mainParams = {\n    className: classnames(\n      'dnb-switch',\n      size && `dnb-switch--${size}`,\n      status && `dnb-switch__status--${statusState}`,\n      `dnb-switch--label-position-${labelPosition || 'right'}`,\n      'dnb-form-component',\n      createSkeletonClass(null, skeleton),\n      createSpacingClasses(props),\n      className\n    ),\n  }\n\n  const inputParams = {\n    disabled,\n    checked: isCheckedRef.current,\n    ...rest,\n  }\n\n  if (showStatus || suffix) {\n    inputParams['aria-describedby'] = combineDescribedBy(\n      inputParams,\n      showStatus ? id + '-status' : null,\n      suffix ? id + '-suffix' : null\n    )\n  }\n  if (readOnly) {\n    inputParams['aria-readonly'] = readOnly\n  }\n\n  skeletonDOMAttributes(inputParams, skeleton, context)\n  validateDOMAttributes(props, inputParams)\n\n  const helperParams = useMemo(\n    () => ({\n      onMouseDown: (e: React.MouseEvent<HTMLSpanElement>) =>\n        e.preventDefault(),\n    }),\n    []\n  )\n\n  const labelComp = useMemo(\n    () =>\n      label && (\n        <FormLabel\n          id={id + '-label'}\n          forId={id}\n          text={label}\n          disabled={disabled}\n          skeleton={skeleton}\n          srOnly={labelSrOnly}\n        />\n      ),\n    [disabled, id, label, labelSrOnly, skeleton]\n  )\n\n  return (\n    <span {...mainParams}>\n      <span className=\"dnb-switch__order\">\n        {labelPosition === 'left' && labelComp}\n\n        <span className=\"dnb-switch__inner\">\n          <AlignmentHelper />\n\n          <FormStatus\n            show={showStatus}\n            id={id + '-form-status'}\n            globalStatus={globalStatus}\n            label={label}\n            width_selector={id + ', ' + id + '-label'}\n            text={status}\n            state={statusState}\n            skeleton={skeleton}\n            no_animation={statusNoAnimation}\n            {...statusProps}\n          />\n\n          <span className=\"dnb-switch__shell\">\n            {(labelPosition === 'right' || !labelPosition) && labelComp}\n\n            <span className=\"dnb-switch__row\">\n              <input\n                id={id}\n                name={id}\n                type=\"checkbox\"\n                role=\"switch\"\n                title={title}\n                aria-checked={isCheckedRef.current}\n                className=\"dnb-switch__input\"\n                value={isCheckedRef.current ? value || '' : ''}\n                ref={innerRef}\n                {...inputParams}\n                onChange={onChangeHandler}\n                onClick={onClickHandler}\n                onKeyDown={onKeyDownHandler}\n              />\n              <span\n                draggable\n                aria-hidden\n                className=\"dnb-switch__background\"\n                onDragStart={onChangeHandler}\n                {...helperParams}\n              />\n              <span\n                className={classnames(\n                  'dnb-switch__button',\n                  createSkeletonClass('shape', skeleton, context)\n                )}\n                aria-hidden\n              >\n                <span className=\"dnb-switch__focus\">\n                  <span className=\"dnb-switch__focus__inner\" />\n                </span>\n              </span>\n            </span>\n\n            {suffix && (\n              <Suffix\n                className=\"dnb-switch__suffix\"\n                id={id + '-suffix'} // used for \"aria-describedby\"\n                context={props}\n              >\n                {suffix}\n              </Suffix>\n            )}\n          </span>\n        </span>\n      </span>\n    </span>\n  )\n\n  function extractPropsFromContext() {\n    return extendPropsWithContext(\n      convertSnakeCaseProps(props),\n      defaultProps,\n      { skeleton: context?.skeleton },\n      // Deprecated – can be removed in v11\n      pickFormElementProps(context?.FormRow),\n      pickFormElementProps(context?.formElement),\n      context.Switch\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/switch/SwitchDocs.js

@@ -86,6 +86,11 @@ const SwitchEvents = exports.SwitchEvents = {
     doc: 'Will be called on state changes made by the user, but with a delay. This way the user sees the animation before e.g. an error will be removed. Returns a boolean { checked, event }.',
     type: '({ checked: boolean; event: ChangeEvent }) => void',
     status: 'optional'
+  },
+  onClick: {
+    doc: 'Will be called on click.',
+    type: '({ checked: boolean; event: MouseEvent, preventDefault: () => void }) => void',
+    status: 'optional'
   }
 };
 //# sourceMappingURL=SwitchDocs.js.map

package/cjs/components/switch/SwitchDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchDocs.js","names":["SwitchProperties","exports","checked","doc","type","status","title","label","labelPosition","labelSrOnly","size","statusState","statusProps","globalStatus","suffix","skeleton","innerRef","SwitchEvents","onChange","onChangeEnd"],"sources":["../../../../src/components/switch/SwitchDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const SwitchProperties: PropertiesTableProps = {\n  checked: {\n    doc: 'Determine whether the switch is checked or not. The default will be `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'string',\n    status: 'required',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  labelPosition: {\n    doc: 'Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',\n    type: ['left', 'right'],\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the switch. For now there is **medium** (default) and **large**.',\n    type: ['default', 'medium', 'large'],\n    status: 'optional',\n  },\n  status: {\n    doc: '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.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Defaults to `error`.',\n    type: ['error', 'warn', 'info', 'success', 'marketing'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional [FormStatus](/uilib/components/form-status/properties/) properties.',\n    type: 'FormStatus',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'GlobalStatus',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Switch more than the label. You can also send in a React component, so it gets wrapped inside the Switch component.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const SwitchEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on state changes made by the user.',\n    type: '({ checked: boolean; event: ChangeEvent }) => void',\n    status: 'optional',\n  },\n  onChangeEnd: {\n    doc: 'Will be called on state changes made by the user, but with a delay. This way the user sees the animation before e.g. an error will be removed. Returns a boolean { checked, event }.',\n    type: '({ checked: boolean; event: ChangeEvent }) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAsC,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACpDE,OAAO,EAAE;IACPC,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC;IACpCC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC;IACvDC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,wGAAwG;IAC7GC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDQ,YAAY,EAAE;IACZV,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,cAAc;IACpBC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,QAAQ,EAAE;IACRb,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMY,YAAkC,GAAAhB,OAAA,CAAAgB,YAAA,GAAG;EAChDC,QAAQ,EAAE;IACRf,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,oDAAoD;IAC1DC,MAAM,EAAE;EACV,CAAC;EACDc,WAAW,EAAE;IACXhB,GAAG,EAAE,sLAAsL;IAC3LC,IAAI,EAAE,oDAAoD;IAC1DC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"SwitchDocs.js","names":["SwitchProperties","exports","checked","doc","type","status","title","label","labelPosition","labelSrOnly","size","statusState","statusProps","globalStatus","suffix","skeleton","innerRef","SwitchEvents","onChange","onChangeEnd","onClick"],"sources":["../../../../src/components/switch/SwitchDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const SwitchProperties: PropertiesTableProps = {\n  checked: {\n    doc: 'Determine whether the switch is checked or not. The default will be `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'string',\n    status: 'required',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  labelPosition: {\n    doc: 'Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',\n    type: ['left', 'right'],\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the switch. For now there is **medium** (default) and **large**.',\n    type: ['default', 'medium', 'large'],\n    status: 'optional',\n  },\n  status: {\n    doc: '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.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Defaults to `error`.',\n    type: ['error', 'warn', 'info', 'success', 'marketing'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional [FormStatus](/uilib/components/form-status/properties/) properties.',\n    type: 'FormStatus',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'GlobalStatus',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Switch more than the label. You can also send in a React component, so it gets wrapped inside the Switch component.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const SwitchEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on state changes made by the user.',\n    type: '({ checked: boolean; event: ChangeEvent }) => void',\n    status: 'optional',\n  },\n  onChangeEnd: {\n    doc: 'Will be called on state changes made by the user, but with a delay. This way the user sees the animation before e.g. an error will be removed. Returns a boolean { checked, event }.',\n    type: '({ checked: boolean; event: ChangeEvent }) => void',\n    status: 'optional',\n  },\n  onClick: {\n    doc: 'Will be called on click.',\n    type: '({ checked: boolean; event: MouseEvent, preventDefault: () => void }) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAsC,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACpDE,OAAO,EAAE;IACPC,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC;IACpCC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC;IACvDC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,wGAAwG;IAC7GC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDQ,YAAY,EAAE;IACZV,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,cAAc;IACpBC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,QAAQ,EAAE;IACRb,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMY,YAAkC,GAAAhB,OAAA,CAAAgB,YAAA,GAAG;EAChDC,QAAQ,EAAE;IACRf,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,oDAAoD;IAC1DC,MAAM,EAAE;EACV,CAAC;EACDc,WAAW,EAAE;IACXhB,GAAG,EAAE,sLAAsL;IAC3LC,IAAI,EAAE,oDAAoD;IAC1DC,MAAM,EAAE;EACV,CAAC;EACDe,OAAO,EAAE;IACPjB,GAAG,EAAE,0BAA0B;IAC/BC,IAAI,EAAE,+EAA+E;IACrFC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}