@vkontakte/vkui 5.2.4 → 5.3.0

package/dist/cjs/components/SegmentedControl/SegmentedControl.js

@@ -1,102 +1,93 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "SegmentedControl", {
+    enumerable: true,
+    get: function() {
+        return SegmentedControl;
+    }
 });
-exports.SegmentedControl = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _useEnsuredControl = require("../../hooks/useEnsuredControl");
 var _useId = require("../../hooks/useId");
 var _adaptivity = require("../../lib/adaptivity");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
 var _warnOnce = require("../../lib/warnOnce");
-var _SegmentedControlOption = require("./SegmentedControlOption/SegmentedControlOption");
-var _excluded = ["size", "name", "options", "getRootRef", "defaultValue", "children", "className", "onChange", "value"],
-  _excluded2 = ["label", "className"];
-var sizeYClassNames = (0, _defineProperty2.default)({
-  none: "vkuiSegmentedControl--sizeY-none"
+var _segmentedControlOption = require("./SegmentedControlOption/SegmentedControlOption");
+var _options_;
+var sizeYClassNames = _defineProperty({
+    none: "vkuiSegmentedControl--sizeY-none"
 }, _adaptivity.SizeType.REGULAR, "vkuiSegmentedControl--sizeY-regular");
-var warn = (0, _warnOnce.warnOnce)('SegmentedControl');
-
-/**
- * @see https://vkcom.github.io/VKUI/#/SegmentedControl
- */
-var SegmentedControl = function SegmentedControl(_ref) {
-  var _options$;
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'l' : _ref$size,
-    name = _ref.name,
-    options = _ref.options,
-    getRootRef = _ref.getRootRef,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value : _ref$defaultValue,
-    children = _ref.children,
-    className = _ref.className,
-    onChangeProp = _ref.onChange,
-    valueProp = _ref.value,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var id = (0, _useId.useId)();
-  var _useCustomEnsuredCont = (0, _useEnsuredControl.useCustomEnsuredControl)({
-      onChange: onChangeProp,
-      value: valueProp,
-      defaultValue: defaultValue
-    }),
-    _useCustomEnsuredCont2 = (0, _slicedToArray2.default)(_useCustomEnsuredCont, 2),
-    value = _useCustomEnsuredCont2[0],
-    _onChange = _useCustomEnsuredCont2[1];
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var actualIndex = options.findIndex(function (option) {
-    return option.value === value;
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (actualIndex === -1 && process.env.NODE_ENV === 'development') {
-      warn('defaultValue: такого значения нет среди опций!', 'error');
-    }
-  }, [actualIndex]);
-  var translateX = "translateX(".concat(100 * actualIndex, "%)");
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
-    className: (0, _vkjs.classNames)("vkuiSegmentedControl", sizeY !== _adaptivity.SizeType.COMPACT && sizeYClassNames[sizeY], styles["SegmentedControl--size-".concat(size)], className),
-    ref: getRootRef
-  }), /*#__PURE__*/React.createElement("div", {
-    role: "radiogroup",
-    className: "vkuiSegmentedControl__in"
-  }, actualIndex > -1 && /*#__PURE__*/React.createElement("div", {
-    "aria-hidden": true,
-    className: "vkuiSegmentedControl__slider",
-    style: {
-      width: "".concat(100 / options.length, "%"),
-      transform: translateX,
-      WebkitTransform: translateX
-    }
-  }), options.map(function (_ref2) {
-    var label = _ref2.label,
-      optionClassName = _ref2.className,
-      optionProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-    return /*#__PURE__*/React.createElement(_SegmentedControlOption.SegmentedControlOption, (0, _extends2.default)({
-      key: "".concat(optionProps.value)
-    }, optionProps, {
-      className: (0, _vkjs.classNames)("vkuiSegmentedControl__option", optionClassName),
-      name: name !== null && name !== void 0 ? name : id,
-      checked: value === optionProps.value,
-      onChange: function onChange() {
-        return _onChange(optionProps.value);
-      }
-    }), label);
-  })));
-};
-exports.SegmentedControl = SegmentedControl;
-var styles = {
-  "SegmentedControl--size-l": "vkuiSegmentedControl--size-l",
-  "SegmentedControl--size-m": "vkuiSegmentedControl--size-m"
+var warn = (0, _warnOnce.warnOnce)("SegmentedControl");
+var SegmentedControl = function(_param) {
+    var _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, name = _param.name, options = _param.options, getRootRef = _param.getRootRef, _param_defaultValue = _param.defaultValue, defaultValue = _param_defaultValue === void 0 ? (_options_ = options[0]) === null || _options_ === void 0 ? void 0 : _options_.value : _param_defaultValue, children = _param.children, className = _param.className, onChangeProp = _param.onChange, valueProp = _param.value, restProps = _objectWithoutProperties(_param, [
+        "size",
+        "name",
+        "options",
+        "getRootRef",
+        "defaultValue",
+        "children",
+        "className",
+        "onChange",
+        "value"
+    ]);
+    var id = (0, _useId.useId)();
+    var _useCustomEnsuredControl = _slicedToArray((0, _useEnsuredControl.useCustomEnsuredControl)({
+        onChange: onChangeProp,
+        value: valueProp,
+        defaultValue: defaultValue
+    }), 2), value = _useCustomEnsuredControl[0], onChange = _useCustomEnsuredControl[1];
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var actualIndex = options.findIndex(function(option) {
+        return option.value === value;
+    });
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (actualIndex === -1 && process.env.NODE_ENV === "development") {
+            warn("defaultValue: такого значения нет среди опций!", "error");
+        }
+    }, [
+        actualIndex
+    ]);
+    var translateX = "translateX(".concat(100 * actualIndex, "%)");
+    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+        className: (0, _vkjs.classNames)("vkuiSegmentedControl", sizeY !== _adaptivity.SizeType.COMPACT && sizeYClassNames[sizeY], size === "l" && "vkuiSegmentedControl--size-l", className),
+        ref: getRootRef
+    }), /*#__PURE__*/ _react.createElement("div", {
+        role: "radiogroup",
+        className: "vkuiSegmentedControl__in"
+    }, actualIndex > -1 && /*#__PURE__*/ _react.createElement("div", {
+        "aria-hidden": true,
+        className: "vkuiSegmentedControl__slider",
+        style: {
+            width: "".concat(100 / options.length, "%"),
+            transform: translateX,
+            WebkitTransform: translateX
+        }
+    }), options.map(function(_param) /*#__PURE__*/ {
+        var label = _param.label, optionClassName = _param.className, optionProps = _objectWithoutProperties(_param, [
+            "label",
+            "className"
+        ]);
+        return _react.createElement(_segmentedControlOption.SegmentedControlOption, _objectSpreadProps(_objectSpread({
+            key: "".concat(optionProps.value)
+        }, optionProps), {
+            className: (0, _vkjs.classNames)("vkuiSegmentedControl__option", optionClassName),
+            name: name !== null && name !== void 0 ? name : id,
+            checked: value === optionProps.value,
+            onChange: function() {
+                return onChange(optionProps.value);
+            }
+        }), label);
+    })));
 };
+
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","names":["sizeYClassNames","none","SizeType","REGULAR","warn","warnOnce","SegmentedControl","size","name","options","getRootRef","defaultValue","value","children","className","onChangeProp","onChange","valueProp","restProps","id","useId","useCustomEnsuredControl","useAdaptivity","sizeY","actualIndex","findIndex","option","useIsomorphicLayoutEffect","process","env","NODE_ENV","translateX","classNames","COMPACT","styles","width","length","transform","WebkitTransform","map","label","optionClassName","optionProps"],"sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useId } from '../../hooks/useId';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { SegmentedControlOption } from './SegmentedControlOption/SegmentedControlOption';\nimport styles from './SegmentedControl.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SegmentedControl--sizeY-none'],\n  [SizeType.REGULAR]: styles['SegmentedControl--sizeY-regular'],\n};\n\nexport type SegmentedControlValue = string | number | undefined;\n\nexport interface SegmentedControlOptionInterface\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'label'> {\n  label: React.ReactChild;\n  value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    HasRootRef<HTMLDivElement> {\n  options: SegmentedControlOptionInterface[];\n  size?: 'm' | 'l';\n  name?: string;\n  onChange?: (value: SegmentedControlValue) => void;\n  value?: SegmentedControlValue;\n  defaultValue?: SegmentedControlValue;\n}\n\nconst warn = warnOnce('SegmentedControl');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControl = ({\n  size = 'l',\n  name,\n  options,\n  getRootRef,\n  defaultValue = options[0]?.value,\n  children,\n  className,\n  onChange: onChangeProp,\n  value: valueProp,\n  ...restProps\n}: SegmentedControlProps) => {\n  const id = useId();\n\n  const [value, onChange] = useCustomEnsuredControl({\n    onChange: onChangeProp,\n    value: valueProp,\n    defaultValue,\n  });\n\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const actualIndex = options.findIndex((option) => option.value === value);\n\n  useIsomorphicLayoutEffect(() => {\n    if (actualIndex === -1 && process.env.NODE_ENV === 'development') {\n      warn('defaultValue: такого значения нет среди опций!', 'error');\n    }\n  }, [actualIndex]);\n\n  const translateX = `translateX(${100 * actualIndex}%)`;\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['SegmentedControl'],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        styles[`SegmentedControl--size-${size}`],\n        className,\n      )}\n      ref={getRootRef}\n    >\n      <div role=\"radiogroup\" className={styles['SegmentedControl__in']}>\n        {actualIndex > -1 && (\n          <div\n            aria-hidden\n            className={styles['SegmentedControl__slider']}\n            style={{\n              width: `${100 / options.length}%`,\n              transform: translateX,\n              WebkitTransform: translateX,\n            }}\n          />\n        )}\n        {options.map(({ label, className: optionClassName, ...optionProps }) => (\n          <SegmentedControlOption\n            key={`${optionProps.value}`}\n            {...optionProps}\n            className={classNames(styles['SegmentedControl__option'], optionClassName)}\n            name={name ?? id}\n            checked={value === optionProps.value}\n            onChange={() => onChange(optionProps.value)}\n          >\n            {label}\n          </SegmentedControlOption>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAyF;EAAA;AAGzF,IAAMA,eAAe;EACnBC,IAAI;AAAwC,GAC3CC,oBAAQ,CAACC,OAAO,wCAClB;AAqBD,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,kBAAkB,CAAC;;AAEzC;AACA;AACA;AACO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAWA;EAAA;EAAA,qBAV3BC,IAAI;IAAJA,IAAI,0BAAG,GAAG;IACVC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IAAA,yBACVC,YAAY;IAAZA,YAAY,+CAAGF,OAAO,CAAC,CAAC,CAAC,8CAAV,UAAYG,KAAK;IAChCC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACCC,YAAY,QAAtBC,QAAQ;IACDC,SAAS,QAAhBL,KAAK;IACFM,SAAS;EAEZ,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,4BAA0B,IAAAC,0CAAuB,EAAC;MAChDL,QAAQ,EAAED,YAAY;MACtBH,KAAK,EAAEK,SAAS;MAChBN,YAAY,EAAZA;IACF,CAAC,CAAC;IAAA;IAJKC,KAAK;IAAEI,SAAQ;EAMtB,qBAA2B,IAAAM,6BAAa,GAAE;IAAA,sCAAlCC,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,IAAMC,WAAW,GAAGf,OAAO,CAACgB,SAAS,CAAC,UAACC,MAAM;IAAA,OAAKA,MAAM,CAACd,KAAK,KAAKA,KAAK;EAAA,EAAC;EAEzE,IAAAe,oDAAyB,EAAC,YAAM;IAC9B,IAAIH,WAAW,KAAK,CAAC,CAAC,IAAII,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;MAChE1B,IAAI,CAAC,gDAAgD,EAAE,OAAO,CAAC;IACjE;EACF,CAAC,EAAE,CAACoB,WAAW,CAAC,CAAC;EAEjB,IAAMO,UAAU,wBAAiB,GAAG,GAAGP,WAAW,OAAI;EAEtD,oBACE,sDACMN,SAAS;IACb,SAAS,EAAE,IAAAc,gBAAU,0BAEnBT,KAAK,KAAKrB,oBAAQ,CAAC+B,OAAO,IAAIjC,eAAe,CAACuB,KAAK,CAAC,EACpDW,MAAM,kCAA2B3B,IAAI,EAAG,EACxCO,SAAS,CACT;IACF,GAAG,EAAEJ;EAAW,iBAEhB;IAAK,IAAI,EAAC,YAAY;IAAC,SAAS;EAAiC,GAC9Dc,WAAW,GAAG,CAAC,CAAC,iBACf;IACE,mBAAW;IACX,SAAS,gCAAqC;IAC9C,KAAK,EAAE;MACLW,KAAK,YAAK,GAAG,GAAG1B,OAAO,CAAC2B,MAAM,MAAG;MACjCC,SAAS,EAAEN,UAAU;MACrBO,eAAe,EAAEP;IACnB;EAAE,EAEL,EACAtB,OAAO,CAAC8B,GAAG,CAAC;IAAA,IAAGC,KAAK,SAALA,KAAK;MAAaC,eAAe,SAA1B3B,SAAS;MAAsB4B,WAAW;IAAA,oBAC/D,oBAAC,8CAAsB;MACrB,GAAG,YAAKA,WAAW,CAAC9B,KAAK;IAAG,GACxB8B,WAAW;MACf,SAAS,EAAE,IAAAV,gBAAU,kCAAqCS,eAAe,CAAE;MAC3E,IAAI,EAAEjC,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIW,EAAG;MACjB,OAAO,EAAEP,KAAK,KAAK8B,WAAW,CAAC9B,KAAM;MACrC,QAAQ,EAAE;QAAA,OAAMI,SAAQ,CAAC0B,WAAW,CAAC9B,KAAK,CAAC;MAAA;IAAC,IAE3C4B,KAAK,CACiB;EAAA,CAC1B,CAAC,CACE,CACF;AAEV,CAAC;AAAC;AAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useId } from '../../hooks/useId';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { SegmentedControlOption } from './SegmentedControlOption/SegmentedControlOption';\nimport styles from './SegmentedControl.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SegmentedControl--sizeY-none'],\n  [SizeType.REGULAR]: styles['SegmentedControl--sizeY-regular'],\n};\n\nexport type SegmentedControlValue = string | number | undefined;\n\nexport interface SegmentedControlOptionInterface\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'label'> {\n  label: React.ReactChild;\n  value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    HasRootRef<HTMLDivElement> {\n  options: SegmentedControlOptionInterface[];\n  size?: 'm' | 'l';\n  name?: string;\n  onChange?: (value: SegmentedControlValue) => void;\n  value?: SegmentedControlValue;\n  defaultValue?: SegmentedControlValue;\n}\n\nconst warn = warnOnce('SegmentedControl');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControl = ({\n  size = 'l',\n  name,\n  options,\n  getRootRef,\n  defaultValue = options[0]?.value,\n  children,\n  className,\n  onChange: onChangeProp,\n  value: valueProp,\n  ...restProps\n}: SegmentedControlProps) => {\n  const id = useId();\n\n  const [value, onChange] = useCustomEnsuredControl({\n    onChange: onChangeProp,\n    value: valueProp,\n    defaultValue,\n  });\n\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const actualIndex = options.findIndex((option) => option.value === value);\n\n  useIsomorphicLayoutEffect(() => {\n    if (actualIndex === -1 && process.env.NODE_ENV === 'development') {\n      warn('defaultValue: такого значения нет среди опций!', 'error');\n    }\n  }, [actualIndex]);\n\n  const translateX = `translateX(${100 * actualIndex}%)`;\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['SegmentedControl'],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        size === 'l' && styles['SegmentedControl--size-l'],\n        className,\n      )}\n      ref={getRootRef}\n    >\n      <div role=\"radiogroup\" className={styles['SegmentedControl__in']}>\n        {actualIndex > -1 && (\n          <div\n            aria-hidden\n            className={styles['SegmentedControl__slider']}\n            style={{\n              width: `${100 / options.length}%`,\n              transform: translateX,\n              WebkitTransform: translateX,\n            }}\n          />\n        )}\n        {options.map(({ label, className: optionClassName, ...optionProps }) => (\n          <SegmentedControlOption\n            key={`${optionProps.value}`}\n            {...optionProps}\n            className={classNames(styles['SegmentedControl__option'], optionClassName)}\n            name={name ?? id}\n            checked={value === optionProps.value}\n            onChange={() => onChange(optionProps.value)}\n          >\n            {label}\n          </SegmentedControlOption>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["SegmentedControl","options","sizeYClassNames","none","SizeType","REGULAR","warn","warnOnce","size","name","getRootRef","defaultValue","value","children","className","onChange","onChangeProp","valueProp","restProps","id","useId","useCustomEnsuredControl","useAdaptivity","sizeY","actualIndex","findIndex","option","useIsomorphicLayoutEffect","process","env","NODE_ENV","translateX","div","classNames","COMPACT","ref","role","aria-hidden","style","width","length","transform","WebkitTransform","map","label","optionClassName","optionProps","SegmentedControlOption","key","checked"],"mappings":";;;;+BAyCaA;;;eAAAA;;;;;;;;;2DAzCU;oBACI;6BACG;iCACU;qBAClB;0BACG;yCACiB;wBACjB;sCAEc;IAqCtBC;AAlCjB,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AAsBnB,IAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,IAAMP,mBAAmB,iBAWH;6BAV3BQ,MAAAA,gCAAO,mBACPC,cAAAA,MACAR,iBAAAA,SACAS,oBAAAA,yCACAC,cAAAA,gDAAeV,CAAAA,YAAAA,OAAO,CAAC,EAAE,cAAVA,uBAAAA,KAAAA,IAAAA,UAAYW,KAAK,wBAChCC,kBAAAA,UACAC,mBAAAA,WACAC,AAAUC,sBAAVD,UACAH,AAAOK,mBAAPL,OACGM;QATHV;QACAC;QACAR;QACAS;QACAC;QACAE;QACAC;QACAC;QACAH;;IAGA,IAAMO,KAAKC,IAAAA,YAAK;IAEhB,IAA0BC,0CAAAA,IAAAA,0CAAuB,EAAC;QAChDN,UAAUC;QACVJ,OAAOK;QACPN,cAAAA;IACF,QAJOC,QAAmBS,6BAAZN,WAAYM;IAM1B,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAEhB,IAAMC,cAAcvB,QAAQwB,SAAS,CAAC,SAACC;eAAWA,OAAOd,KAAK,KAAKA;;IAEnEe,IAAAA,oDAAyB,EAAC,WAAM;QAC9B,IAAIH,gBAAgB,CAAC,KAAKI,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;YAChExB,KAAK,kDAAkD;QACzD,CAAC;IACH,GAAG;QAACkB;KAAY;IAEhB,IAAMO,aAAa,AAAC,cAA+B,OAAlB,MAAMP,aAAY;IAEnD,qBACE,qBAACQ,4CACKd;QACJJ,WAAWmB,IAAAA,gBAAU,0BAEnBV,UAAUnB,oBAAQ,CAAC8B,OAAO,IAAIhC,eAAe,CAACqB,MAAM,EACpDf,SAAS,uCACTM;QAEFqB,KAAKzB;sBAEL,qBAACsB;QAAII,MAAK;QAAatB,SAAS;OAC7BU,cAAc,CAAC,mBACd,qBAACQ;QACCK,eAAAA,IAAW;QACXvB,SAAS;QACTwB,OAAO;YACLC,OAAO,AAAC,GAAuB,OAArB,MAAMtC,QAAQuC,MAAM,EAAC;YAC/BC,WAAWV;YACXW,iBAAiBX;QACnB;QAGH9B,QAAQ0C,GAAG,CAAC,+BACX;YADcC,eAAAA,OAAO9B,AAAW+B,yBAAX/B,WAA+BgC;YAAtCF;YAAO9B;;eACrB,qBAACiC,8CAAsB;YACrBC,KAAK,AAAC,GAAoB,OAAlBF,YAAYlC,KAAK;WACrBkC;YACJhC,WAAWmB,IAAAA,gBAAU,kCAAqCY;YAC1DpC,MAAMA,iBAAAA,kBAAAA,OAAQU,EAAE;YAChB8B,SAASrC,UAAUkC,YAAYlC,KAAK;YACpCG,UAAU;uBAAMA,SAAS+B,YAAYlC,KAAK;;YAEzCgC;IACqB;AAKlC"}

package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js

@@ -1,54 +1,49 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "SegmentedControlOption", {
+    enumerable: true,
+    get: function() {
+        return SegmentedControlOption;
+    }
 });
-exports.SegmentedControlOption = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../../hooks/useAdaptivity");
-var _useFocusVisible2 = require("../../../hooks/useFocusVisible");
+var _useAdaptivity = require("../../../hooks/useAdaptivity");
+var _useFocusVisible = require("../../../hooks/useFocusVisible");
 var _adaptivity = require("../../../lib/adaptivity");
 var _callMultiple = require("../../../lib/callMultiple");
-var _FocusVisible = require("../../FocusVisible/FocusVisible");
-var _VisuallyHiddenInput = require("../../VisuallyHiddenInput/VisuallyHiddenInput");
-var _excluded = ["className", "style", "children"];
-var sizeYClassNames = (0, _defineProperty2.default)({
-  none: "vkuiSegmentedControlOption__content--sizeY-none"
+var _focusVisible = require("../../FocusVisible/FocusVisible");
+var _visuallyHiddenInput = require("../../VisuallyHiddenInput/VisuallyHiddenInput");
+var sizeYClassNames = _defineProperty({
+    none: "vkuiSegmentedControlOption__content--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiSegmentedControlOption__content--sizeY-compact");
-
-/**
- * @see https://vkcom.github.io/VKUI/#/SegmentedControl
- */
-var SegmentedControlOption = function SegmentedControlOption(_ref) {
-  var className = _ref.className,
-    style = _ref.style,
-    children = _ref.children,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useFocusVisible = (0, _useFocusVisible2.useFocusVisible)(),
-    focusVisible = _useFocusVisible.focusVisible,
-    onBlur = _useFocusVisible.onBlur,
-    onFocus = _useFocusVisible.onFocus;
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  return /*#__PURE__*/React.createElement("label", {
-    className: (0, _vkjs.classNames)("vkuiSegmentedControlOption", restProps.checked && "vkuiSegmentedControlOption--checked", focusVisible && "vkuiSegmentedControlOption--focus-visible", className),
-    style: style
-  }, /*#__PURE__*/React.createElement(_VisuallyHiddenInput.VisuallyHiddenInput, (0, _extends2.default)({}, restProps, {
-    type: "radio",
-    onBlur: (0, _callMultiple.callMultiple)(onBlur, restProps.onBlur),
-    onFocus: (0, _callMultiple.callMultiple)(onFocus, restProps.onFocus)
-  })), /*#__PURE__*/React.createElement("span", {
-    className: (0, _vkjs.classNames)("vkuiSegmentedControlOption__content", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY])
-  }, children), /*#__PURE__*/React.createElement(_FocusVisible.FocusVisible, {
-    mode: "inside"
-  }));
+var SegmentedControlOption = function(_param) {
+    var className = _param.className, style = _param.style, children = _param.children, restProps = _objectWithoutProperties(_param, [
+        "className",
+        "style",
+        "children"
+    ]);
+    var _useFocusVisible1 = (0, _useFocusVisible.useFocusVisible)(), onBlur = _useFocusVisible1.onBlur, onFocus = _useFocusVisible1.onFocus;
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    return /*#__PURE__*/ _react.createElement("label", {
+        className: (0, _vkjs.classNames)("vkuiSegmentedControlOption", restProps.checked && "vkuiSegmentedControlOption--checked", className),
+        style: style
+    }, /*#__PURE__*/ _react.createElement(_visuallyHiddenInput.VisuallyHiddenInput, _objectSpreadProps(_objectSpread({}, restProps), {
+        type: "radio",
+        onBlur: (0, _callMultiple.callMultiple)(onBlur, restProps.onBlur),
+        onFocus: (0, _callMultiple.callMultiple)(onFocus, restProps.onFocus)
+    })), /*#__PURE__*/ _react.createElement("span", {
+        className: (0, _vkjs.classNames)("vkuiSegmentedControlOption__content", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY])
+    }, children), /*#__PURE__*/ _react.createElement(_focusVisible.FocusVisible, {
+        mode: "inside"
+    }));
 };
-exports.SegmentedControlOption = SegmentedControlOption;
+
 //# sourceMappingURL=SegmentedControlOption.js.map

package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlOption.js","names":["sizeYClassNames","none","SizeType","COMPACT","SegmentedControlOption","className","style","children","restProps","useFocusVisible","focusVisible","onBlur","onFocus","useAdaptivity","sizeY","classNames","checked","callMultiple","REGULAR"],"sources":["../../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { useFocusVisible } from '../../../hooks/useFocusVisible';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { callMultiple } from '../../../lib/callMultiple';\nimport { FocusVisible } from '../../FocusVisible/FocusVisible';\nimport {\n  VisuallyHiddenInput,\n  VisuallyHiddenInputProps,\n} from '../../VisuallyHiddenInput/VisuallyHiddenInput';\nimport styles from './SegmentedControlOption.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SegmentedControlOption__content--sizeY-none'],\n  [SizeType.COMPACT]: styles['SegmentedControlOption__content--sizeY-compact'],\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n  className,\n  style,\n  children,\n  ...restProps\n}: VisuallyHiddenInputProps) => {\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <label\n      className={classNames(\n        styles['SegmentedControlOption'],\n        restProps.checked && styles['SegmentedControlOption--checked'],\n        focusVisible && styles['SegmentedControlOption--focus-visible'],\n        className,\n      )}\n      style={style}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        type=\"radio\"\n        onBlur={callMultiple(onBlur, restProps.onBlur)}\n        onFocus={callMultiple(onFocus, restProps.onFocus)}\n      />\n      <span\n        className={classNames(\n          styles['SegmentedControlOption__content'],\n          sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        )}\n      >\n        {children}\n      </span>\n      <FocusVisible mode=\"inside\" />\n    </label>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGuD;AAGvD,IAAMA,eAAe;EACnBC,IAAI;AAAuD,GAC1DC,oBAAQ,CAACC,OAAO,uDAClB;;AAED;AACA;AACA;AACO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsB,OAKH;EAAA,IAJ9BC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,uBAA0C,IAAAC,iCAAe,GAAE;IAAnDC,YAAY,oBAAZA,YAAY;IAAEC,MAAM,oBAANA,MAAM;IAAEC,OAAO,oBAAPA,OAAO;EACrC,qBAA2B,IAAAC,6BAAa,GAAE;IAAA,sCAAlCC,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE;IACE,SAAS,EAAE,IAAAC,gBAAU,gCAEnBP,SAAS,CAACQ,OAAO,yCAA6C,EAC9DN,YAAY,+CAAmD,EAC/DL,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb,oBAAC,wCAAmB,6BACdE,SAAS;IACb,IAAI,EAAC,OAAO;IACZ,MAAM,EAAE,IAAAS,0BAAY,EAACN,MAAM,EAAEH,SAAS,CAACG,MAAM,CAAE;IAC/C,OAAO,EAAE,IAAAM,0BAAY,EAACL,OAAO,EAAEJ,SAAS,CAACI,OAAO;EAAE,GAClD,eACF;IACE,SAAS,EAAE,IAAAG,gBAAU,yCAEnBD,KAAK,KAAKZ,oBAAQ,CAACgB,OAAO,IAAIlB,eAAe,CAACc,KAAK,CAAC;EACpD,GAEDP,QAAQ,CACJ,eACP,oBAAC,0BAAY;IAAC,IAAI,EAAC;EAAQ,EAAG,CACxB;AAEZ,CAAC;AAAC"}
+{"version":3,"sources":["../../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { useFocusVisible } from '../../../hooks/useFocusVisible';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { callMultiple } from '../../../lib/callMultiple';\nimport { FocusVisible } from '../../FocusVisible/FocusVisible';\nimport {\n  VisuallyHiddenInput,\n  VisuallyHiddenInputProps,\n} from '../../VisuallyHiddenInput/VisuallyHiddenInput';\nimport styles from './SegmentedControlOption.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SegmentedControlOption__content--sizeY-none'],\n  [SizeType.COMPACT]: styles['SegmentedControlOption__content--sizeY-compact'],\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n  className,\n  style,\n  children,\n  ...restProps\n}: VisuallyHiddenInputProps) => {\n  const { onBlur, onFocus } = useFocusVisible();\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <label\n      className={classNames(\n        styles['SegmentedControlOption'],\n        restProps.checked && styles['SegmentedControlOption--checked'],\n        className,\n      )}\n      style={style}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        type=\"radio\"\n        onBlur={callMultiple(onBlur, restProps.onBlur)}\n        onFocus={callMultiple(onFocus, restProps.onFocus)}\n      />\n      <span\n        className={classNames(\n          styles['SegmentedControlOption__content'],\n          sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        )}\n      >\n        {children}\n      </span>\n      <FocusVisible mode=\"inside\" />\n    </label>\n  );\n};\n"],"names":["SegmentedControlOption","sizeYClassNames","none","SizeType","COMPACT","className","style","children","restProps","useFocusVisible","onBlur","onFocus","useAdaptivity","sizeY","label","classNames","checked","VisuallyHiddenInput","type","callMultiple","span","REGULAR","FocusVisible","mode"],"mappings":";;;;+BAqBaA;;;eAAAA;;;;;;;;2DArBU;oBACI;6BACG;+BACE;0BACP;4BACI;4BACA;mCAItB;AAGP,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AAMZ,IAAMJ,yBAAyB,iBAKN;QAJ9BK,mBAAAA,WACAC,eAAAA,OACAC,kBAAAA,UACGC;QAHHH;QACAC;QACAC;;IAGA,IAA4BE,oBAAAA,IAAAA,gCAAe,KAAnCC,SAAoBD,kBAApBC,QAAQC,UAAYF,kBAAZE;IAChB,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC;QACCT,WAAWU,IAAAA,gBAAU,gCAEnBP,UAAUQ,OAAO,2CACjBX;QAEFC,OAAOA;qBAEP,qBAACW,wCAAmB,uCACdT;QACJU,MAAK;QACLR,QAAQS,IAAAA,0BAAY,EAACT,QAAQF,UAAUE,MAAM;QAC7CC,SAASQ,IAAAA,0BAAY,EAACR,SAASH,UAAUG,OAAO;uBAElD,qBAACS;QACCf,WAAWU,IAAAA,gBAAU,yCAEnBF,UAAUV,oBAAQ,CAACkB,OAAO,IAAIpB,eAAe,CAACY,MAAM;OAGrDN,yBAEH,qBAACe,0BAAY;QAACC,MAAK;;AAGzB"}

package/dist/cjs/components/Select/Select.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { SelectProps } from '../CustomSelect/CustomSelect';
-export declare type SelectType = 'default' | 'plain' | 'accent';
+export type SelectType = 'default' | 'plain' | 'accent';
 /**
  * @see https://vkcom.github.io/VKUI/#/Select
  */
-export declare const Select: ({ children, options, popupDirection, renderOption, className, ...props }: SelectProps) => JSX.Element;
+export declare const Select: ({ children, options, popupDirection, renderOption, ...props }: SelectProps) => JSX.Element;

package/dist/cjs/components/Select/Select.js

@@ -1,46 +1,39 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Select", {
+    enumerable: true,
+    get: function() {
+        return Select;
+    }
 });
-exports.Select = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
-var _vkjs = require("@vkontakte/vkjs");
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _useAdaptivityHasPointer = require("../../hooks/useAdaptivityHasPointer");
-var _CustomSelect = require("../CustomSelect/CustomSelect");
-var _NativeSelect = require("../NativeSelect/NativeSelect");
-var _excluded = ["children", "options", "popupDirection", "renderOption", "className"];
-/**
- * @see https://vkcom.github.io/VKUI/#/Select
- */
-var Select = function Select(_ref) {
-  var children = _ref.children,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    popupDirection = _ref.popupDirection,
-    renderOption = _ref.renderOption,
-    className = _ref.className,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var hasPointer = (0, _useAdaptivityHasPointer.useAdaptivityHasPointer)();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (hasPointer === undefined || hasPointer) && /*#__PURE__*/React.createElement(_CustomSelect.CustomSelect, (0, _extends2.default)({
-    className: (0, _vkjs.classNames)("vkuiSelect__custom", className),
-    options: options,
-    popupDirection: popupDirection,
-    renderOption: renderOption
-  }, props)), (hasPointer === undefined || !hasPointer) && /*#__PURE__*/React.createElement(_NativeSelect.NativeSelect, (0, _extends2.default)({
-    className: (0, _vkjs.classNames)("vkuiSelect__native", className)
-  }, props), options.map(function (_ref2) {
-    var label = _ref2.label,
-      value = _ref2.value;
-    return /*#__PURE__*/React.createElement("option", {
-      value: value,
-      key: "".concat(value)
-    }, label);
-  })));
+var _customSelect = require("../CustomSelect/CustomSelect");
+var _nativeSelect = require("../NativeSelect/NativeSelect");
+var Select = function(_param) {
+    var children = _param.children, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options, popupDirection = _param.popupDirection, renderOption = _param.renderOption, props = _objectWithoutProperties(_param, [
+        "children",
+        "options",
+        "popupDirection",
+        "renderOption"
+    ]);
+    var hasPointer = (0, _useAdaptivityHasPointer.useAdaptivityHasPointer)();
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, (hasPointer === undefined || hasPointer) && /*#__PURE__*/ _react.createElement(_customSelect.CustomSelect, _objectSpread({
+        options: options,
+        popupDirection: popupDirection,
+        renderOption: renderOption
+    }, props)), (hasPointer === undefined || !hasPointer) && /*#__PURE__*/ _react.createElement(_nativeSelect.NativeSelect, props, options.map(function(param) {
+        var label = param.label, value = param.value;
+        return /*#__PURE__*/ _react.createElement("option", {
+            value: value,
+            key: "".concat(value)
+        }, label);
+    })));
 };
-exports.Select = Select;
+
 //# sourceMappingURL=Select.js.map

package/dist/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["Select","children","options","popupDirection","renderOption","className","props","hasPointer","useAdaptivityHasPointer","undefined","classNames","map","label","value"],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { CustomSelect, SelectProps } from '../CustomSelect/CustomSelect';\nimport { NativeSelect } from '../NativeSelect/NativeSelect';\nimport styles from './Select.module.css';\n\nexport type SelectType = 'default' | 'plain' | 'accent';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Select\n */\nexport const Select = ({\n  children,\n  options = [],\n  popupDirection,\n  renderOption,\n  className,\n  ...props\n}: SelectProps) => {\n  const hasPointer = useAdaptivityHasPointer();\n\n  return (\n    <React.Fragment>\n      {(hasPointer === undefined || hasPointer) && (\n        <CustomSelect\n          className={classNames(styles['Select__custom'], className)}\n          options={options}\n          popupDirection={popupDirection}\n          renderOption={renderOption}\n          {...props}\n        />\n      )}\n      {(hasPointer === undefined || !hasPointer) && (\n        <NativeSelect className={classNames(styles['Select__native'], className)} {...props}>\n          {options.map(({ label, value }) => (\n            <option value={value} key={`${value}`}>\n              {label}\n            </option>\n          ))}\n        </NativeSelect>\n      )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA4D;AAK5D;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAM,OAOA;EAAA,IANjBC,QAAQ,QAARA,QAAQ;IAAA,oBACRC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IACZC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,SAAS,QAATA,SAAS;IACNC,KAAK;EAER,IAAMC,UAAU,GAAG,IAAAC,gDAAuB,GAAE;EAE5C,oBACE,oBAAC,KAAK,CAAC,QAAQ,QACZ,CAACD,UAAU,KAAKE,SAAS,IAAIF,UAAU,kBACtC,oBAAC,0BAAY;IACX,SAAS,EAAE,IAAAG,gBAAU,wBAA2BL,SAAS,CAAE;IAC3D,OAAO,EAAEH,OAAQ;IACjB,cAAc,EAAEC,cAAe;IAC/B,YAAY,EAAEC;EAAa,GACvBE,KAAK,EAEZ,EACA,CAACC,UAAU,KAAKE,SAAS,IAAI,CAACF,UAAU,kBACvC,oBAAC,0BAAY;IAAC,SAAS,EAAE,IAAAG,gBAAU,wBAA2BL,SAAS;EAAE,GAAKC,KAAK,GAChFJ,OAAO,CAACS,GAAG,CAAC;IAAA,IAAGC,KAAK,SAALA,KAAK;MAAEC,KAAK,SAALA,KAAK;IAAA,oBAC1B;MAAQ,KAAK,EAAEA,KAAM;MAAC,GAAG,YAAKA,KAAK;IAAG,GACnCD,KAAK,CACC;EAAA,CACV,CAAC,CAEL,CACc;AAErB,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { CustomSelect, SelectProps } from '../CustomSelect/CustomSelect';\nimport { NativeSelect } from '../NativeSelect/NativeSelect';\n\nexport type SelectType = 'default' | 'plain' | 'accent';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Select\n */\nexport const Select = ({\n  children,\n  options = [],\n  popupDirection,\n  renderOption,\n  ...props\n}: SelectProps) => {\n  const hasPointer = useAdaptivityHasPointer();\n\n  return (\n    <React.Fragment>\n      {(hasPointer === undefined || hasPointer) && (\n        <CustomSelect\n          options={options}\n          popupDirection={popupDirection}\n          renderOption={renderOption}\n          {...props}\n        />\n      )}\n      {(hasPointer === undefined || !hasPointer) && (\n        <NativeSelect {...props}>\n          {options.map(({ label, value }) => (\n            <option value={value} key={`${value}`}>\n              {label}\n            </option>\n          ))}\n        </NativeSelect>\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":["Select","children","options","popupDirection","renderOption","props","hasPointer","useAdaptivityHasPointer","React","Fragment","undefined","CustomSelect","NativeSelect","map","label","value","option","key"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;2DAVU;uCACiB;4BACE;4BACb;AAOtB,IAAMA,SAAS,iBAMH;QALjBC,kBAAAA,kCACAC,SAAAA,sCAAU,EAAE,mBACZC,wBAAAA,gBACAC,sBAAAA,cACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAME,aAAaC,IAAAA,gDAAuB;IAE1C,qBACE,qBAACC,OAAMC,QAAQ,QACZ,AAACH,CAAAA,eAAeI,aAAaJ,UAAS,mBACrC,qBAACK,0BAAY;QACXT,SAASA;QACTC,gBAAgBA;QAChBC,cAAcA;OACVC,SAGP,AAACC,CAAAA,eAAeI,aAAa,CAACJ,UAAS,mBACtC,qBAACM,0BAAY,EAAKP,OACfH,QAAQW,GAAG,CAAC;YAAGC,cAAAA,OAAOC,cAAAA;6BACrB,qBAACC;YAAOD,OAAOA;YAAOE,KAAK,AAAC,GAAQ,OAANF;WAC3BD;;AAOf"}

package/dist/cjs/components/SelectMimicry/SelectMimicry.js

@@ -1,72 +1,63 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "SelectMimicry", {
+    enumerable: true,
+    get: function() {
+        return SelectMimicry;
+    }
 });
-exports.SelectMimicry = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _adaptivity = require("../../lib/adaptivity");
 var _select = require("../../lib/select");
-var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
-var _FormField = require("../FormField/FormField");
-var _SelectTypography = require("../SelectTypography/SelectTypography");
-var _excluded = ["tabIndex", "placeholder", "children", "align", "getRootRef", "multiline", "disabled", "onClick", "before", "after", "selectType", "status", "className"];
-var sizeYClassNames = (0, _defineProperty2.default)({
-  none: "vkuiSelect--sizeY-none"
+var _dropdownIcon = require("../DropdownIcon/DropdownIcon");
+var _formField = require("../FormField/FormField");
+var _selectTypography = require("../SelectTypography/SelectTypography");
+var sizeYClassNames = _defineProperty({
+    none: "vkuiSelect--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiSelect--sizeY-compact");
-/**
- * @see https://vkcom.github.io/VKUI/#/SelectMimicry
- */
-var SelectMimicry = function SelectMimicry(_ref) {
-  var _ref$tabIndex = _ref.tabIndex,
-    tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
-    placeholder = _ref.placeholder,
-    children = _ref.children,
-    align = _ref.align,
-    getRootRef = _ref.getRootRef,
-    multiline = _ref.multiline,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    before = _ref.before,
-    _ref$after = _ref.after,
-    after = _ref$after === void 0 ? /*#__PURE__*/React.createElement(_DropdownIcon.DropdownIcon, null) : _ref$after,
-    _ref$selectType = _ref.selectType,
-    selectType = _ref$selectType === void 0 ? 'default' : _ref$selectType,
-    status = _ref.status,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var title = children || placeholder;
-  return /*#__PURE__*/React.createElement(_FormField.FormField, (0, _extends2.default)({}, restProps, {
-    tabIndex: disabled ? undefined : tabIndex,
-    className: (0, _vkjs.classNames)("vkuiSelect", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], !children && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align && styles["Select--align-".concat(align)], before && "vkuiSelect--hasBefore", after && "vkuiSelect--hasAfter", className),
-    getRootRef: getRootRef,
-    onClick: disabled ? undefined : onClick,
-    disabled: disabled,
-    before: before,
-    after: after,
-    mode: (0, _select.getFormFieldModeFromSelectType)(selectType),
-    status: status
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiSelect__container"
-  }, /*#__PURE__*/React.createElement(_SelectTypography.SelectTypography, {
-    selectType: selectType,
-    className: "vkuiSelect__title"
-  }, title)));
-};
-exports.SelectMimicry = SelectMimicry;
-var styles = {
-  "Select--align-right": "vkuiSelect--align-right",
-  "Select--align-center": "vkuiSelect--align-center",
-  "Select--align-left": "vkuiSelect--align-left"
+var SelectMimicry = function(_param) {
+    var _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, placeholder = _param.placeholder, children = _param.children, align = _param.align, getRootRef = _param.getRootRef, multiline = _param.multiline, disabled = _param.disabled, onClick = _param.onClick, before = _param.before, _param_after = _param.after, after = _param_after === void 0 ? /*#__PURE__*/ _react.createElement(_dropdownIcon.DropdownIcon, null) : _param_after, _param_selectType = _param.selectType, selectType = _param_selectType === void 0 ? "default" : _param_selectType, status = _param.status, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "tabIndex",
+        "placeholder",
+        "children",
+        "align",
+        "getRootRef",
+        "multiline",
+        "disabled",
+        "onClick",
+        "before",
+        "after",
+        "selectType",
+        "status",
+        "className"
+    ]);
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var title = children || placeholder;
+    return /*#__PURE__*/ _react.createElement(_formField.FormField, _objectSpreadProps(_objectSpread({}, restProps), {
+        tabIndex: disabled ? undefined : tabIndex,
+        className: (0, _vkjs.classNames)("vkuiSelect", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], !children && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align === "center" && "vkuiSelect--align-center", align === "right" && "vkuiSelect--align-right", before && "vkuiSelect--hasBefore", after && "vkuiSelect--hasAfter", className),
+        getRootRef: getRootRef,
+        onClick: disabled ? undefined : onClick,
+        disabled: disabled,
+        before: before,
+        after: after,
+        mode: (0, _select.getFormFieldModeFromSelectType)(selectType),
+        status: status
+    }), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiSelect__container"
+    }, /*#__PURE__*/ _react.createElement(_selectTypography.SelectTypography, {
+        selectType: selectType,
+        className: "vkuiSelect__title"
+    }, title)));
 };
+
 //# sourceMappingURL=SelectMimicry.js.map