@consta/uikit 3.29.0 → 4.0.0

package/__internal__/src/components/StepsDeprecated/StepsDeprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsDeprecated.js","names":["React","useMemo","useRef","useState","useChoiceGroup","useOverflow","useScrollElements","IconArrowLeft","IconArrowRight","cn","Button","StepsStep","stepsSizes","stepsDefaultSize","cnSteps","Steps","forwardRef","props","ref","size","items","value","getLabel","getDisabled","getCompleted","getSkipped","onChange","className","otherProps","activeStep","setActiveStep","getKey","callBack","multiple","getOnChange","getChecked","forEach","item","index","refs","scrollTo","stepsRef","isOverflow","currentRef","changeStep","e","prev","length","side","map"],"sources":["../../../../../src/components/StepsDeprecated/StepsDeprecated.tsx"],"sourcesContent":["import './Steps.css';\n\nimport React, { useMemo, useRef, useState } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useOverflow } from '../../hooks/useOverflow/useOverflow';\nimport { useScrollElements } from '../../hooks/useScrollElements/useScrollElements';\nimport { IconArrowLeft } from '../../icons/IconArrowLeft/IconArrowLeft';\nimport { IconArrowRight } from '../../icons/IconArrowRight/IconArrowRight';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../Button/Button';\nimport { StepsStep } from './StepsStep/StepsStep';\n\nexport const stepsSizes = ['m', 'l'] as const;\nexport type StepsPropSize = typeof stepsSizes[number];\nexport const stepsDefaultSize: StepsPropSize = stepsSizes[0];\n\nexport type StepsPropGetLabel<ITEM> = (item: ITEM) => string;\nexport type StepsPropGetCommon<ITEM> = (item: ITEM) => boolean;\nexport type StepsPropOnChange<ITEM> = (props: {\n  e: React.MouseEvent;\n  value: ITEM;\n}) => void;\n\ntype Props<ITEM> = {\n  size?: StepsPropSize;\n  items: ITEM[];\n  value: ITEM;\n  getLabel: StepsPropGetLabel<ITEM>;\n  getDisabled?: StepsPropGetCommon<ITEM>;\n  getCompleted?: StepsPropGetCommon<ITEM>;\n  getSkipped?: StepsPropGetCommon<ITEM>;\n  onChange: StepsPropOnChange<ITEM>;\n  className?: string;\n};\n\ntype Steps = <ITEM>(\n  props: PropsWithHTMLAttributesAndRef<Props<ITEM>, HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport const cnSteps = cn('Steps');\n\nexport const Steps: Steps = React.forwardRef((props, ref) => {\n  const {\n    size = stepsDefaultSize,\n    items,\n    value,\n    getLabel,\n    getDisabled,\n    getCompleted,\n    getSkipped,\n    onChange,\n    className,\n    ...otherProps\n  } = props;\n\n  const [activeStep, setActiveStep] = useState<number>(-1);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  useMemo(() => {\n    items.forEach((item, index) => {\n      if (getChecked(item)) {\n        setActiveStep(index);\n      }\n    });\n  }, [items, value]);\n\n  const { refs, scrollTo } = useScrollElements(items);\n\n  const stepsRef = useRef<HTMLDivElement>(null);\n\n  const isOverflow = useOverflow({ currentRef: stepsRef });\n\n  const changeStep = (e: React.MouseEvent, prev: boolean) => {\n    if (prev && activeStep !== 0) {\n      getOnChange(items[activeStep - 1])(e);\n      scrollTo(activeStep - 1);\n    }\n    if (!prev && activeStep !== items.length - 1) {\n      getOnChange(items[activeStep + 1])(e);\n      scrollTo(activeStep + 1);\n    }\n  };\n\n  return (\n    <div ref={ref} className={cnSteps({ size }, [className])} {...otherProps}>\n      {isOverflow && (\n        <Button\n          iconLeft={() => <IconArrowLeft size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          className={cnSteps('Button', { side: 'left' })}\n          onClick={(e) => changeStep(e, true)}\n        />\n      )}\n      <div ref={stepsRef} className={cnSteps('List')}>\n        {items.map((item, index) => (\n          <StepsStep\n            key={index}\n            ref={refs[index] as React.RefObject<HTMLButtonElement>}\n            className={cnSteps('Item')}\n            label={\n              getCompleted?.(item)\n                ? getLabel(item)\n                : `${index + 1} ${getLabel(item)}`\n            }\n            size={size}\n            active={activeStep === index}\n            onChange={getOnChange(item)}\n            completed={getCompleted?.(item)}\n            skipped={getSkipped?.(item)}\n            disabled={getDisabled?.(item)}\n          />\n        ))}\n      </div>\n      {isOverflow && (\n        <Button\n          iconLeft={() => <IconArrowRight size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          className={cnSteps('Button', { side: 'right' })}\n          onClick={(e) => changeStep(e, false)}\n        />\n      )}\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/StepsDeprecated/StepsStep/StepsStep.css

@@ -0,0 +1 @@
+.StepsStep{align-items:center;background-color:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;flex:1;font-family:var(--font);line-height:var(--line-height-text-s);padding:var(--space-xs) 0;position:relative;text-align:left;transition:color .2s,font-weight .2s;white-space:nowrap}.StepsStep-Icon{margin-right:var(--space-2xs)}.StepsStep:after{background-color:var(--color-control-bg-ghost);border-radius:var(--control-radius);bottom:-2px;content:"";height:2px;position:absolute;transition:background-color .2s,opacity .2s;width:100%}.StepsStep:hover{color:var(--color-control-typo-ghost-hover)}.StepsStep:hover:after{background-color:var(--color-control-bg-ghost-hover)}.StepsStep:focus{outline:none}.StepsStep_size_m{font-size:var(--size-text-m)}.StepsStep_size_l{font-size:var(--size-text-l)}.StepsStep_active,.StepsStep_completed,.StepsStep_skipped{color:var(--color-control-typo-secondary)}.StepsStep_active:after,.StepsStep_completed:after,.StepsStep_skipped:after{background-color:var(--color-control-bg-border-secondary);opacity:.5}.StepsStep_active:hover,.StepsStep_completed:hover,.StepsStep_skipped:hover{color:var(--color-control-typo-secondary-hover)}.StepsStep_active:hover:after,.StepsStep_completed:hover:after,.StepsStep_skipped:hover:after{background-color:var(--color-control-bg-border-secondary-hover);opacity:.5}.StepsStep_active{font-weight:var(--font-weight-text-semibold)}.StepsStep_active:after,.StepsStep_active:hover:after{opacity:1}.StepsStep_disabled{color:var(--color-control-typo-disable);cursor:unset}.StepsStep_disabled:after{background-color:var(--color-control-bg-disable)}.StepsStep_disabled:hover{color:var(--color-control-typo-disable)}.StepsStep_disabled:hover:after{background-color:var(--color-control-bg-disable)}

package/__internal__/src/components/StepsDeprecated/StepsStep/StepsStep.d.ts

@@ -0,0 +1,16 @@
+import './StepsStep.css';
+import React from 'react';
+import { StepsPropSize } from '../StepsDeprecated';
+export declare const cnStepsStep: import("@bem-react/classname").ClassNameFormatter;
+declare type Props = {
+    size: StepsPropSize;
+    label: string;
+    active?: boolean;
+    disabled?: boolean;
+    completed?: boolean;
+    skipped?: boolean;
+    onChange: React.MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+};
+export declare const StepsStep: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/__internal__/src/components/StepsDeprecated/StepsStep/StepsStep.js

@@ -0,0 +1,2 @@
+import"./StepsStep.css";import React from"react";import{IconCheck}from"../../../icons/IconCheck/IconCheck";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";export var cnStepsStep=cn("StepsStep");var sizeMap={m:"xs",l:"s"};export var StepsStep=React.forwardRef(function(a,b){var c=a.size,d=a.label,e=a.active,f=void 0!==e&&e,g=a.disabled,h=void 0!==g&&g,i=a.completed,j=void 0!==i&&i,k=a.skipped,l=a.onChange,m=a.className,n=getByMap(sizeMap,c);return React.createElement("button",{ref:b,className:cnStepsStep({size:c,active:f,disabled:h,completed:j,skipped:void 0!==k&&k},[m]),type:"button",title:d,onClick:function clickHandler(a){f||h||(null===l||void 0===l?void 0:l(a))}},j&&React.createElement(IconCheck,{className:cnStepsStep("Icon"),size:n}),React.createElement("span",null,d))});
+//# sourceMappingURL=StepsStep.js.map

package/__internal__/src/components/StepsDeprecated/StepsStep/StepsStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsStep.js","names":["React","IconCheck","cn","getByMap","cnStepsStep","sizeMap","m","l","StepsStep","forwardRef","props","ref","size","label","active","disabled","completed","skipped","onChange","className","iconSize","clickHandler","e"],"sources":["../../../../../../src/components/StepsDeprecated/StepsStep/StepsStep.tsx"],"sourcesContent":["import './StepsStep.css';\n\nimport React from 'react';\n\nimport { IconPropSize } from '../../../icons/Icon/Icon';\nimport { IconCheck } from '../../../icons/IconCheck/IconCheck';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { StepsPropSize } from '../StepsDeprecated';\n\nexport const cnStepsStep = cn('StepsStep');\n\ntype Props = {\n  size: StepsPropSize;\n  label: string;\n  active?: boolean;\n  disabled?: boolean;\n  completed?: boolean;\n  skipped?: boolean;\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  className?: string;\n};\n\nconst sizeMap: Record<StepsPropSize, IconPropSize> = {\n  m: 'xs',\n  l: 's',\n};\n\nexport const StepsStep = React.forwardRef<HTMLButtonElement, Props>(\n  (props, ref) => {\n    const {\n      size,\n      label,\n      active = false,\n      disabled = false,\n      completed = false,\n      skipped = false,\n      onChange,\n      className,\n    } = props;\n\n    const clickHandler = (e: React.MouseEvent<HTMLButtonElement>) => {\n      !active && !disabled && onChange?.(e);\n    };\n    const iconSize = getByMap(sizeMap, size);\n\n    return (\n      <button\n        ref={ref}\n        className={cnStepsStep({ size, active, disabled, completed, skipped }, [\n          className,\n        ])}\n        type=\"button\"\n        title={label}\n        onClick={clickHandler}\n      >\n        {completed && (\n          <IconCheck className={cnStepsStep('Icon')} size={iconSize} />\n        )}\n        <span>{label}</span>\n      </button>\n    );\n  },\n);\n"],"mappings":"AAAA,wBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAGA,OAASC,SAAT,0CACA,OAASC,EAAT,0BACA,OAASC,QAAT,+BAGA,MAAO,IAAMC,YAAW,CAAGF,EAAE,CAAC,WAAD,CAAtB,CAaP,GAAMG,QAA4C,CAAG,CACnDC,CAAC,CAAE,IADgD,CAEnDC,CAAC,CAAE,GAFgD,CAArD,CAKA,MAAO,IAAMC,UAAS,CAAGR,KAAK,CAACS,UAAN,CACvB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAUVF,CAVU,CAEZE,IAFY,CAGZC,CAHY,CAUVH,CAVU,CAGZG,KAHY,GAUVH,CAVU,CAIZI,MAJY,CAIZA,CAJY,iBAUVJ,CAVU,CAKZK,QALY,CAKZA,CALY,iBAUVL,CAVU,CAMZM,SANY,CAMZA,CANY,iBAUVN,CAVU,CAOZO,OAPY,CAQZC,CARY,CAUVR,CAVU,CAQZQ,QARY,CASZC,CATY,CAUVT,CAVU,CASZS,SATY,CAeRC,CAAQ,CAAGjB,QAAQ,CAACE,OAAD,CAAUO,CAAV,CAfX,CAiBd,MACE,+BACE,GAAG,CAAED,CADP,CAEE,SAAS,CAAEP,WAAW,CAAC,CAAEQ,IAAI,CAAJA,CAAF,CAAQE,MAAM,CAANA,CAAR,CAAgBC,QAAQ,CAARA,CAAhB,CAA0BC,SAAS,CAATA,CAA1B,CAAqCC,OAAO,cAA5C,CAAD,CAAiD,CACrEE,CADqE,CAAjD,CAFxB,CAKE,IAAI,CAAC,QALP,CAME,KAAK,CAAEN,CANT,CAOE,OAAO,CAbU,QAAfQ,aAAe,CAACC,CAAD,CAA4C,CAC9DR,CAAD,EAAYC,CAAZ,UAAwBG,CAAxB,WAAwBA,CAAxB,QAAwBA,CAAQ,CAAGI,CAAH,CAAhC,CACD,CAIC,EASGN,CAAS,EACR,oBAAC,SAAD,EAAW,SAAS,CAAEZ,WAAW,CAAC,MAAD,CAAjC,CAA2C,IAAI,CAAEgB,CAAjD,EAVJ,CAYE,gCAAOP,CAAP,CAZF,CAeH,CAlCsB,CAAlB"}

package/__internal__/src/components/Switch/Switch.css

@@ -1,173 +1 @@
-.Switch {
-  position: relative;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: var(--font-primary);
-  cursor: pointer;
-}
-
-  .Switch_size_s {
-      --box-width: 28px;
-      --box-height: 16px;
-      --switch-font-size: var(--control-text-size-s);
-      --offset: var(--space-xs);
-    }
-
-  .Switch_size_s .Switch-Input::before {
-        -webkit-transform: translateX(-12px);
-                transform: translateX(-12px);
-      }
-
-  .Switch_size_m {
-      --box-width: 36px;
-      --box-height: 20px;
-      --switch-font-size: var(--control-text-size-m);
-      --offset: var(--space-xs);
-    }
-
-  .Switch_size_m .Switch-Input::before {
-        -webkit-transform: translateX(-16px);
-                transform: translateX(-16px);
-      }
-
-  .Switch_size_l {
-      --box-width: 44px;
-      --box-height: 24px;
-      --switch-font-size: var(--control-text-size-l);
-      --offset: var(--space-s);
-    }
-
-  .Switch_size_l .Switch-Input::before {
-        -webkit-transform: translateX(-20px);
-                transform: translateX(-20px);
-      }
-
-  .Switch_view_primary:hover .Switch-Input:not(:checked) {
-        --border-color: var(--color-control-bg-border-default-hover);
-        --background-color: transparent;
-        --content-color: var(--color-control-bg-border-default-hover);
-      }
-
-  .Switch_view_primary .Switch-Input:not(:checked) {
-        --border-color: var(--color-control-bg-border-default);
-        --background-color: transparent;
-        --content-color: var(--color-control-bg-border-default);
-      }
-
-  .Switch_view_primary:hover .Switch-Input:checked {
-        --border-color: var(--color-control-bg-primary-hover);
-        --background-color: var(--color-control-bg-primary-hover);
-        --content-color: var(--color-control-typo-primary-hover);
-      }
-
-  .Switch_view_primary .Switch-Input:checked {
-        --border-color: var(--color-control-bg-primary);
-        --background-color: var(--color-control-bg-primary);
-        --content-color: var(--color-control-typo-primary);
-      }
-
-  .Switch_view_ghost:hover .Switch-Input:not(:checked) {
-        --border-color: var(--color-control-bg-border-default-hover);
-        --background-color: transparent;
-        --content-color: var(--color-control-bg-border-default-hover);
-      }
-
-  .Switch_view_ghost .Switch-Input:not(:checked) {
-        --border-color: var(--color-control-bg-border-default);
-        --background-color: transparent;
-        --content-color: var(--color-control-bg-border-default);
-      }
-
-  .Switch_view_ghost:hover .Switch-Input:checked {
-        --border-color: var(--color-control-bg-border-default-hover);
-        --background-color: var(--color-control-bg-ghost-hover);
-        --content-color: var(--color-control-typo-ghost-hover);
-      }
-
-  .Switch_view_ghost .Switch-Input:checked {
-        --border-color: var(--color-control-bg-border-default);
-        --background-color: var(--color-control-bg-ghost);
-        --content-color: var(--color-control-typo-ghost);
-      }
-
-  .Switch-Input {
-    position: relative;
-    display: inline-block;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    width: var(--box-width);
-    height: var(--box-height);
-    margin: 0;
-    background-color: var(--background-color);
-    border: var(--control-border-width) solid var(--border-color);
-    border-radius: 99rem;
-    cursor: pointer;
-    -webkit-transition: background-color 0.15s, border-color 0.15s;
-    transition: background-color 0.15s, border-color 0.15s;
-    -webkit-appearance: none;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-  }
-
-  .Switch-Input::before {
-      content: '';
-      position: absolute;
-      top: 1px;
-      right: 1px;
-      -webkit-box-sizing: border-box;
-              box-sizing: border-box;
-      width: calc(var(--box-height) - var(--control-border-width) * 4);
-      height: calc(var(--box-height) - var(--control-border-width) * 4);
-      background-color: var(--content-color);
-      border-radius: 999rem;
-      -webkit-transition: background-color 0.15s, -webkit-transform 0.15s;
-      transition: background-color 0.15s, -webkit-transform 0.15s;
-      transition: transform 0.15s, background-color 0.15s;
-      transition: transform 0.15s, background-color 0.15s, -webkit-transform 0.15s;
-    }
-
-  .Switch-Input:checked {
-      background-color: var(--background-color);
-    }
-
-  .Switch-Input:checked::before {
-        -webkit-transform: translateX(0);
-                transform: translateX(0);
-      }
-
-  .Switch-Label {
-    margin-left: var(--offset);
-    color: var(--color-control-typo-default);
-    font-size: var(--switch-font-size);
-  }
-
-  .Switch_disabled {
-    pointer-events: none;
-  }
-
-  .Switch_disabled .Switch-Input:disabled {
-      --border-color: transparent;
-      --background-color: var(--color-control-bg-disable);
-      --content-color: var(--color-control-typo-disable);
-    }
-
-  .Switch_disabled .Switch-Input:disabled ~ .Switch-Label {
-      color: var(--color-control-typo-disable);
-    }
-
-  .Switch_align_center {
-      -webkit-box-align: center;
-          -ms-flex-align: center;
-              align-items: center;
-    }
-
-  .Switch_align_top {
-      -webkit-box-align: top;
-          -ms-flex-align: top;
-              align-items: top;
-    }
-
-  .Switch_align_top .Switch-Input {
-        margin-top: 1px;
-      }
+.Switch{cursor:pointer;display:inline-flex;font-family:var(--font-primary);position:relative}.Switch_size_s{--box-width:28px;--box-height:16px;--switch-font-size:var(--control-text-size-s);--offset:var(--space-xs)}.Switch_size_s .Switch-Input:before{transform:translateX(-12px)}.Switch_size_m{--box-width:36px;--box-height:20px;--switch-font-size:var(--control-text-size-m);--offset:var(--space-xs)}.Switch_size_m .Switch-Input:before{transform:translateX(-16px)}.Switch_size_l{--box-width:44px;--box-height:24px;--switch-font-size:var(--control-text-size-l);--offset:var(--space-s)}.Switch_size_l .Switch-Input:before{transform:translateX(-20px)}.Switch_view_primary:hover .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default-hover);--background-color:transparent;--content-color:var(--color-control-bg-border-default-hover)}.Switch_view_primary .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default);--background-color:transparent;--content-color:var(--color-control-bg-border-default)}.Switch_view_primary:hover .Switch-Input:checked{--border-color:var(--color-control-bg-primary-hover);--background-color:var(--color-control-bg-primary-hover);--content-color:var(--color-control-typo-primary-hover)}.Switch_view_primary .Switch-Input:checked{--border-color:var(--color-control-bg-primary);--background-color:var(--color-control-bg-primary);--content-color:var(--color-control-typo-primary)}.Switch_view_ghost:hover .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default-hover);--background-color:transparent;--content-color:var(--color-control-bg-border-default-hover)}.Switch_view_ghost .Switch-Input:not(:checked){--border-color:var(--color-control-bg-border-default);--background-color:transparent;--content-color:var(--color-control-bg-border-default)}.Switch_view_ghost:hover .Switch-Input:checked{--border-color:var(--color-control-bg-border-default-hover);--background-color:var(--color-control-bg-ghost-hover);--content-color:var(--color-control-typo-ghost-hover)}.Switch_view_ghost .Switch-Input:checked{--border-color:var(--color-control-bg-border-default);--background-color:var(--color-control-bg-ghost);--content-color:var(--color-control-typo-ghost)}.Switch-Input{-webkit-appearance:none;background-color:var(--background-color);border:var(--control-border-width) solid var(--border-color);border-radius:99rem;box-sizing:border-box;cursor:pointer;display:inline-block;flex-shrink:0;height:var(--box-height);margin:0;position:relative;transition:background-color .15s,border-color .15s;width:var(--box-width)}.Switch-Input:before{background-color:var(--content-color);border-radius:999rem;box-sizing:border-box;content:"";height:calc(var(--box-height) - var(--control-border-width)*4);position:absolute;right:1px;top:1px;transition:transform .15s,background-color .15s;width:calc(var(--box-height) - var(--control-border-width)*4)}.Switch-Input:checked{background-color:var(--background-color)}.Switch-Input:checked:before{transform:translateX(0)}.Switch-Label{color:var(--color-control-typo-default);font-size:var(--switch-font-size);margin-left:var(--offset)}.Switch_disabled{pointer-events:none}.Switch_disabled .Switch-Input:disabled{--border-color:transparent;--background-color:var(--color-control-bg-disable);--content-color:var(--color-control-typo-disable)}.Switch_disabled .Switch-Input:disabled~.Switch-Label{color:var(--color-control-typo-disable)}.Switch_align_center{align-items:center}.Switch_align_top{align-items:top}.Switch_align_top .Switch-Input{margin-top:1px}

package/__internal__/src/components/Switch/Switch.d.ts

@@ -37,5 +37,5 @@ declare type Props = {
 export declare type SwitchProps = PropsWithHTMLAttributes<Props, HTMLLabelElement>;
 export declare const cnSwitch: import("@bem-react/classname").ClassNameFormatter;
 export declare const COMPONENT_NAME: "Switch";
-export declare const Switch: React.ForwardRefExoticComponent<Props & Pick<React.HTMLAttributes<HTMLLabelElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Switch: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLLabelElement>, "css" | keyof Props> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/__internal__/src/components/Switch/Switch.js

@@ -1,27 +1,2 @@
-import { __assign, __rest } from "tslib";
-import './Switch.css';
-import React, { useRef } from 'react';
-import { useForkRef } from '../../hooks/useForkRef/useForkRef';
-import { cnMixFocus } from '../../mixs/MixFocus/MixFocus';
-import { cn } from '../../utils/bem';
-import { usePropsHandler } from '../EventInterceptor/usePropsHandler';
-export var switchPropSize = ['m', 's', 'l'];
-export var switchPropSizeDefault = switchPropSize[0];
-export var switchPropView = ['primary', 'ghost'];
-export var switchPropViewDefault = switchPropView[0];
-export var switchPropAlign = ['center', 'top'];
-export var switchPropAlignDefault = switchPropAlign[0];
-export var cnSwitch = cn('Switch');
-export var COMPONENT_NAME = 'Switch';
-export var Switch = React.forwardRef(function (props, ref) {
-    var switchRef = useRef(null);
-    var _a = usePropsHandler(COMPONENT_NAME, props, switchRef), _b = _a.checked, checked = _b === void 0 ? false : _b, name = _a.name, _c = _a.size, size = _c === void 0 ? switchPropSizeDefault : _c, _d = _a.view, view = _d === void 0 ? switchPropViewDefault : _d, _e = _a.align, align = _e === void 0 ? switchPropAlignDefault : _e, disabled = _a.disabled, className = _a.className, label = _a.label, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, readOnly = _a.readOnly, required = _a.required, step = _a.step, tabIndex = _a.tabIndex, inputRef = _a.inputRef, otherProps = __rest(_a, ["checked", "name", "size", "view", "align", "disabled", "className", "label", "onChange", "onFocus", "onBlur", "readOnly", "required", "step", "tabIndex", "inputRef"]);
-    var handleChange = function (e) {
-        if (onChange) {
-            onChange({ e: e, checked: !checked });
-        }
-    };
-    return (React.createElement("label", __assign({}, otherProps, { className: cnSwitch({ size: size, view: view, disabled: disabled, align: align }, [className]), ref: useForkRef([switchRef, ref]) }),
-        React.createElement("input", { type: "checkbox", name: name, className: cnSwitch('Input', [cnMixFocus()]), checked: checked, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, readOnly: readOnly, required: required, step: step, tabIndex: tabIndex, ref: inputRef }),
-        label && React.createElement("span", { className: cnSwitch('Label') }, label)));
-});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputRef"];import"./Switch.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";export var switchPropSize=["m","s","l"];export var switchPropSizeDefault=switchPropSize[0];export var switchPropView=["primary","ghost"];export var switchPropViewDefault=switchPropView[0];export var switchPropAlign=["center","top"];export var switchPropAlignDefault=switchPropAlign[0];export var cnSwitch=cn("Switch");export var COMPONENT_NAME="Switch";export var Switch=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=void 0!==e&&e,g=d.name,h=d.size,i=void 0===h?switchPropSizeDefault:h,j=d.view,k=void 0===j?switchPropViewDefault:j,l=d.align,m=void 0===l?switchPropAlignDefault:l,n=d.disabled,o=d.className,p=d.label,q=d.onChange,r=d.onFocus,s=d.onBlur,t=d.readOnly,u=d.required,v=d.step,w=d.tabIndex,x=d.inputRef,y=_objectWithoutProperties(d,_excluded);return React.createElement("label",Object.assign({},y,{className:cnSwitch({size:i,view:k,disabled:n,align:m},[o]),ref:useForkRef([c,b])}),React.createElement("input",{type:"checkbox",name:g,className:cnSwitch("Input",[cnMixFocus()]),checked:f,disabled:n,onChange:function handleChange(a){q&&q({e:a,checked:!f})},onFocus:r,onBlur:s,readOnly:t,required:u,step:v,tabIndex:w,ref:x}),p&&React.createElement("span",{className:cnSwitch("Label")},p))});
+//# sourceMappingURL=Switch.js.map

package/__internal__/src/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["React","useRef","useForkRef","cnMixFocus","cn","usePropsHandler","switchPropSize","switchPropSizeDefault","switchPropView","switchPropViewDefault","switchPropAlign","switchPropAlignDefault","cnSwitch","COMPONENT_NAME","Switch","forwardRef","props","ref","switchRef","checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputRef","otherProps","handleChange","e"],"sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import './Switch.css';\n\nimport React, { ChangeEventHandler, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\nexport const switchPropSize = ['m', 's', 'l'] as const;\nexport type SwitchPropSize = typeof switchPropSize[number];\nexport const switchPropSizeDefault: SwitchPropSize = switchPropSize[0];\n\nexport const switchPropView = ['primary', 'ghost'] as const;\nexport type SwitchPropView = typeof switchPropView[number];\nexport const switchPropViewDefault: SwitchPropView = switchPropView[0];\n\nexport const switchPropAlign = ['center', 'top'] as const;\nexport type SwitchPropAlign = typeof switchPropAlign[number];\nexport const switchPropAlignDefault: SwitchPropAlign = switchPropAlign[0];\n\nexport type SwitchPropOnChange = (object: {\n  e: React.ChangeEvent<HTMLInputElement>;\n  checked: boolean;\n}) => void;\n\ntype Props = {\n  checked: boolean | undefined;\n  size?: SwitchPropSize;\n  view?: SwitchPropView;\n  align?: SwitchPropAlign;\n  disabled?: boolean;\n  className?: string;\n  label?: string;\n  onChange?: SwitchPropOnChange;\n  name?: string;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  autoFocus?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  step?: number | string;\n  tabIndex?: number;\n  inputRef?: React.Ref<HTMLInputElement>;\n  children?: never;\n};\n\nexport type SwitchProps = PropsWithHTMLAttributes<Props, HTMLLabelElement>;\n\nexport const cnSwitch = cn('Switch');\n\nexport const COMPONENT_NAME = 'Switch' as const;\n\nexport const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(\n  (props, ref) => {\n    const switchRef = useRef<HTMLLabelElement>(null);\n    const {\n      checked = false,\n      name,\n      size = switchPropSizeDefault,\n      view = switchPropViewDefault,\n      align = switchPropAlignDefault,\n      disabled,\n      className,\n      label,\n      onChange,\n      onFocus,\n      onBlur,\n      readOnly,\n      required,\n      step,\n      tabIndex,\n      inputRef,\n      ...otherProps\n    } = usePropsHandler(COMPONENT_NAME, props, switchRef);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n      if (onChange) {\n        onChange({ e, checked: !checked });\n      }\n    };\n\n    return (\n      <label\n        {...otherProps}\n        className={cnSwitch({ size, view, disabled, align }, [className])}\n        ref={useForkRef([switchRef, ref])}\n      >\n        <input\n          type=\"checkbox\"\n          name={name}\n          className={cnSwitch('Input', [cnMixFocus()])}\n          checked={checked}\n          disabled={disabled}\n          onChange={handleChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          readOnly={readOnly}\n          required={required}\n          step={step}\n          tabIndex={tabIndex}\n          ref={inputRef}\n        />\n        {label && <span className={cnSwitch('Label')}>{label}</span>}\n      </label>\n    );\n  },\n);\n"],"mappings":"4PAAA,qBAEA,MAAOA,MAAP,EAAoCC,MAApC,KAAkD,OAAlD,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBAEA,OAASC,eAAT,2CAEA,MAAO,IAAMC,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,gBAAe,CAAG,CAAC,QAAD,CAAW,KAAX,CAAxB,CAEP,MAAO,IAAMC,uBAAuC,CAAGD,eAAe,CAAC,CAAD,CAA/D,CA8BP,MAAO,IAAME,SAAQ,CAAGR,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAMS,eAAc,CAAG,QAAvB,CAEP,MAAO,IAAMC,OAAM,CAAGd,KAAK,CAACe,UAAN,CACpB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACRC,EAAS,CAAGjB,MAAM,CAAmB,IAAnB,CADV,GAoBVI,eAAe,CAACQ,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CApBL,KAGZC,OAHY,CAGZA,CAHY,eAIZC,CAJY,GAIZA,IAJY,KAKZC,IALY,CAKZA,CALY,YAKLd,qBALK,OAMZe,IANY,CAMZA,CANY,YAMLb,qBANK,OAOZc,KAPY,CAOZA,CAPY,YAOJZ,sBAPI,GAQZa,CARY,GAQZA,QARY,CASZC,CATY,GASZA,SATY,CAUZC,CAVY,GAUZA,KAVY,CAWZC,CAXY,GAWZA,QAXY,CAYZC,CAZY,GAYZA,OAZY,CAaZC,CAbY,GAaZA,MAbY,CAcZC,CAdY,GAcZA,QAdY,CAeZC,CAfY,GAeZA,QAfY,CAgBZC,CAhBY,GAgBZA,IAhBY,CAiBZC,CAjBY,GAiBZA,QAjBY,CAkBZC,CAlBY,GAkBZA,QAlBY,CAmBTC,CAnBS,uCA4Bd,MACE,8CACMA,CADN,EAEE,SAAS,CAAEvB,QAAQ,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcE,QAAQ,CAARA,CAAd,CAAwBD,KAAK,CAALA,CAAxB,CAAD,CAAkC,CAACE,CAAD,CAAlC,CAFrB,CAGE,GAAG,CAAEvB,UAAU,CAAC,CAACgB,CAAD,CAAYD,CAAZ,CAAD,CAHjB,GAKE,6BACE,IAAI,CAAC,UADP,CAEE,IAAI,CAAEG,CAFR,CAGE,SAAS,CAAER,QAAQ,CAAC,OAAD,CAAU,CAACT,UAAU,EAAX,CAAV,CAHrB,CAIE,OAAO,CAAEgB,CAJX,CAKE,QAAQ,CAAEK,CALZ,CAME,QAAQ,CAlB6C,QAArDY,aAAqD,CAACC,CAAD,CAAO,CAC5DV,CAD4D,EAE9DA,CAAQ,CAAC,CAAEU,CAAC,CAADA,CAAF,CAAKlB,OAAO,CAAE,CAACA,CAAf,CAAD,CAEX,CAQG,CAOE,OAAO,CAAES,CAPX,CAQE,MAAM,CAAEC,CARV,CASE,QAAQ,CAAEC,CATZ,CAUE,QAAQ,CAAEC,CAVZ,CAWE,IAAI,CAAEC,CAXR,CAYE,QAAQ,CAAEC,CAZZ,CAaE,GAAG,CAAEC,CAbP,EALF,CAoBGR,CAAK,EAAI,4BAAM,SAAS,CAAEd,QAAQ,CAAC,OAAD,CAAzB,EAAqCc,CAArC,CApBZ,CAuBH,CArDmB,CAAf"}

package/__internal__/src/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/__internal__/src/components/Switch/index.js

@@ -0,0 +1,2 @@
+export*from"./Switch";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Switch/index.ts"],"sourcesContent":["export * from './Switch';\n"],"mappings":"AAAA"}

package/__internal__/src/components/SwitchGroup/SwitchGroup.css

@@ -1,35 +1 @@
-.SwitchGroup {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-  .SwitchGroup_direction_column {
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-              flex-direction: column;
-    }
-
-  .SwitchGroup_direction_column .SwitchGroup-Item:not(:last-child) {
-        margin-bottom: var(--offset);
-      }
-
-  .SwitchGroup_direction_row {
-      -webkit-box-orient: horizontal;
-      -webkit-box-direction: normal;
-          -ms-flex-direction: row;
-              flex-direction: row;
-    }
-
-  .SwitchGroup_direction_row .SwitchGroup-Item:not(:last-child) {
-        margin-right: var(--offset);
-      }
-
-  .SwitchGroup_size_m {
-      --offset: var(--space-xs);
-    }
-
-  .SwitchGroup_size_l {
-      --offset: var(--space-s);
-    }
+.SwitchGroup{display:flex}.SwitchGroup_direction_column{flex-direction:column}.SwitchGroup_direction_column .SwitchGroup-Item:not(:last-child){margin-bottom:var(--offset)}.SwitchGroup_direction_row{flex-direction:row}.SwitchGroup_direction_row .SwitchGroup-Item:not(:last-child){margin-right:var(--offset)}.SwitchGroup_size_m{--offset:var(--space-xs)}.SwitchGroup_size_l{--offset:var(--space-s)}

package/__internal__/src/components/SwitchGroup/SwitchGroup.d.ts

@@ -1,33 +1,5 @@
 import './SwitchGroup.css';
-import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+import { SwitchGroupComponent } from './types';
 export declare const cnSwitchGroup: import("@bem-react/classname").ClassNameFormatter;
-export declare const switchGroupDirections: readonly ["column", "row"];
-export declare type SwitchGroupDirection = typeof switchGroupDirections[number];
-export declare const switchGroupDefaultDirection: SwitchGroupDirection;
-export declare const switchGroupSizes: readonly ["m", "l"];
-export declare type SwitchGroupPropSize = typeof switchGroupSizes[number];
-export declare const switchGroupDefaultSize: SwitchGroupPropSize;
-export declare const switchGroupViews: readonly ["primary", "ghost"];
-export declare type SwitchGroupPropView = typeof switchGroupViews[number];
-export declare const switchGroupDefaultView: SwitchGroupPropView;
-declare type CommonProps<ITEM> = {
-    value?: ITEM[] | null;
-    items: ITEM[];
-    getLabel: (item: ITEM) => string;
-    getDisabled?: (item: ITEM) => boolean | undefined;
-    onChange: (props: {
-        e: React.ChangeEvent<HTMLInputElement>;
-        value: ITEM[] | null;
-    }) => void;
-    name: string;
-    direction?: SwitchGroupDirection;
-    size?: SwitchGroupPropSize;
-    view?: SwitchGroupPropView;
-    disabled?: boolean;
-    className?: string;
-};
-declare type Props<ITEM> = PropsWithHTMLAttributesAndRef<CommonProps<ITEM>, HTMLDivElement>;
-declare type SwitchGroup = <ITEM>(props: Props<ITEM>) => React.ReactElement | null;
-export declare const SwitchGroup: SwitchGroup;
-export {};
+export declare const SwitchGroup: SwitchGroupComponent;
+export * from './types';

package/__internal__/src/components/SwitchGroup/SwitchGroup.js

@@ -1,26 +1,2 @@
-import { __assign, __rest } from "tslib";
-import './SwitchGroup.css';
-import React from 'react';
-import { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';
-import { cn } from '../../utils/bem';
-import { Switch } from '../Switch/Switch';
-export var cnSwitchGroup = cn('SwitchGroup');
-export var switchGroupDirections = ['column', 'row'];
-export var switchGroupDefaultDirection = switchGroupDirections[0];
-export var switchGroupSizes = ['m', 'l'];
-export var switchGroupDefaultSize = switchGroupSizes[0];
-export var switchGroupViews = ['primary', 'ghost'];
-export var switchGroupDefaultView = switchGroupViews[0];
-export var SwitchGroup = React.forwardRef(function (props, ref) {
-    var _a = props.value, value = _a === void 0 ? null : _a, items = props.items, getLabel = props.getLabel, getDisabled = props.getDisabled, onChange = props.onChange, name = props.name, _b = props.direction, direction = _b === void 0 ? switchGroupDefaultDirection : _b, _c = props.size, size = _c === void 0 ? switchGroupDefaultSize : _c, _d = props.view, view = _d === void 0 ? switchGroupDefaultView : _d, _e = props.disabled, disabled = _e === void 0 ? false : _e, className = props.className, otherProps = __rest(props, ["value", "items", "getLabel", "getDisabled", "onChange", "name", "direction", "size", "view", "disabled", "className"]);
-    var _f = useChoiceGroup({
-        value: value,
-        getKey: getLabel,
-        callBack: onChange,
-        multiple: true
-    }), getOnChange = _f.getOnChange, getChecked = _f.getChecked;
-    return (React.createElement("div", __assign({}, otherProps, { ref: ref, className: cnSwitchGroup({ direction: direction, size: size, view: view }, [className]) }), items.map(function (item) { return (React.createElement(Switch, { key: getLabel(item), label: getLabel(item), size: size, view: view, name: name, disabled: disabled || (getDisabled === null || getDisabled === void 0 ? void 0 : getDisabled(item)), checked: getChecked(item), onChange: function (_a) {
-            var e = _a.e;
-            return getOnChange(item)(e);
-        }, className: cnSwitchGroup('Item') })); })));
-});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","items","getItemLabel","getItemDisabled","onChange","name","direction","size","view","disabled","className"];import"./SwitchGroup.css";import React,{forwardRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{cn}from"../../utils/bem";import{Switch}from"../Switch/Switch";import{withDefaultGetters}from"./helpers";import{switchGroupDefaultDirection,switchGroupDefaultSize,switchGroupDefaultView}from"./types";export var cnSwitchGroup=cn("SwitchGroup");var SwitchGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.value,e=void 0===d?null:d,f=c.items,g=c.getItemLabel,h=c.getItemDisabled,i=c.onChange,j=c.name,k=c.direction,l=void 0===k?switchGroupDefaultDirection:k,m=c.size,n=void 0===m?switchGroupDefaultSize:m,o=c.view,p=void 0===o?switchGroupDefaultView:o,q=c.disabled,r=c.className,s=_objectWithoutProperties(c,_excluded),t=useChoiceGroup({value:e,getKey:g,callBack:i,multiple:!0}),u=t.getOnChange,v=t.getChecked;return React.createElement("div",Object.assign({},s,{ref:b,className:cnSwitchGroup({direction:l,size:n,view:p},[r])}),f.map(function(a){return React.createElement(Switch,{key:g(a),label:g(a),size:n,view:p,name:j,disabled:void 0!==q&&q||(null===h||void 0===h?void 0:h(a)),checked:v(a),onChange:function(b){var c=b.e;return u(a)(c)},className:cnSwitchGroup("Item")})}))};export var SwitchGroup=forwardRef(SwitchGroupRender);export*from"./types";
+//# sourceMappingURL=SwitchGroup.js.map

package/__internal__/src/components/SwitchGroup/SwitchGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchGroup.js","names":["React","forwardRef","useChoiceGroup","cn","Switch","withDefaultGetters","switchGroupDefaultDirection","switchGroupDefaultSize","switchGroupDefaultView","cnSwitchGroup","SwitchGroupRender","props","ref","value","items","getItemLabel","getItemDisabled","onChange","name","direction","size","view","disabled","className","otherProps","getKey","callBack","multiple","getOnChange","getChecked","map","item","e","SwitchGroup"],"sources":["../../../../../src/components/SwitchGroup/SwitchGroup.tsx"],"sourcesContent":["import './SwitchGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport { Switch } from '../Switch/Switch';\nimport { withDefaultGetters } from './helpers';\nimport {\n  SwitchGroupComponent,\n  switchGroupDefaultDirection,\n  switchGroupDefaultSize,\n  switchGroupDefaultView,\n  SwitchGroupProps,\n} from './types';\n\nexport const cnSwitchGroup = cn('SwitchGroup');\n\nconst SwitchGroupRender = (\n  props: SwitchGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    value = null,\n    items,\n    getItemLabel,\n    getItemDisabled,\n    onChange,\n    name,\n    direction = switchGroupDefaultDirection,\n    size = switchGroupDefaultSize,\n    view = switchGroupDefaultView,\n    disabled = false,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: true,\n  });\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnSwitchGroup({ direction, size, view }, [className])}\n    >\n      {items.map((item) => (\n        <Switch\n          key={getItemLabel(item)}\n          label={getItemLabel(item)}\n          size={size}\n          view={view}\n          name={name}\n          disabled={disabled || getItemDisabled?.(item)}\n          checked={getChecked(item)}\n          onChange={({ e }) => getOnChange(item)(e)}\n          className={cnSwitchGroup('Item')}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport const SwitchGroup = forwardRef(\n  SwitchGroupRender,\n) as SwitchGroupComponent;\n\nexport * from './types';\n"],"mappings":"yNAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,iDACA,OAASC,EAAT,uBACA,OAASC,MAAT,wBACA,OAASC,kBAAT,iBACA,OAEEC,2BAFF,CAGEC,sBAHF,CAIEC,sBAJF,eAQA,MAAO,IAAMC,cAAa,CAAGN,EAAE,CAAC,aAAD,CAAxB,CAEP,GAAMO,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,OAcCP,kBAAkB,CAACM,CAAD,CAdnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,IAFP,GAGDC,CAHC,GAGDA,KAHC,CAIDC,CAJC,GAIDA,YAJC,CAKDC,CALC,GAKDA,eALC,CAMDC,CANC,GAMDA,QANC,CAODC,CAPC,GAODA,IAPC,KAQDC,SARC,CAQDA,CARC,YAQWb,2BARX,OASDc,IATC,CASDA,CATC,YASMb,sBATN,OAUDc,IAVC,CAUDA,CAVC,YAUMb,sBAVN,OAWDc,QAXC,CAYDC,CAZC,GAYDA,SAZC,CAaEC,CAbF,yCAgBiCtB,cAAc,CAAC,CACjDW,KAAK,CAALA,CADiD,CAEjDY,MAAM,CAAEV,CAFyC,CAGjDW,QAAQ,CAAET,CAHuC,CAIjDU,QAAQ,GAJyC,CAAD,CAhB/C,CAgBKC,CAhBL,GAgBKA,WAhBL,CAgBkBC,CAhBlB,GAgBkBA,UAhBlB,CAuBH,MACE,4CACML,CADN,EAEE,GAAG,CAAEZ,CAFP,CAGE,SAAS,CAAEH,aAAa,CAAC,CAAEU,SAAS,CAATA,CAAF,CAAaC,IAAI,CAAJA,CAAb,CAAmBC,IAAI,CAAJA,CAAnB,CAAD,CAA4B,CAACE,CAAD,CAA5B,CAH1B,GAKGT,CAAK,CAACgB,GAAN,CAAU,SAACC,CAAD,QACT,qBAAC,MAAD,EACE,GAAG,CAAEhB,CAAY,CAACgB,CAAD,CADnB,CAEE,KAAK,CAAEhB,CAAY,CAACgB,CAAD,CAFrB,CAGE,IAAI,CAAEX,CAHR,CAIE,IAAI,CAAEC,CAJR,CAKE,IAAI,CAAEH,CALR,CAME,QAAQ,CAAE,uBAAYF,CAAZ,WAAYA,CAAZ,QAAYA,CAAe,CAAGe,CAAH,CAA3B,CANZ,CAOE,OAAO,CAAEF,CAAU,CAACE,CAAD,CAPrB,CAQE,QAAQ,CAAE,eAAGC,EAAH,GAAGA,CAAH,OAAWJ,EAAW,CAACG,CAAD,CAAX,CAAkBC,CAAlB,CAAX,CARZ,CASE,SAAS,CAAEvB,aAAa,CAAC,MAAD,CAT1B,EADS,CAAV,CALH,CAoBH,CA/CD,CAiDA,MAAO,IAAMwB,YAAW,CAAGhC,UAAU,CACnCS,iBADmC,CAA9B,CAIP"}