@ncds/ui-admin 1.6.4 → 1.8.0

package/dist/cjs/src/components/select-dropdown/SelectDropdown.js

@@ -9,124 +9,89 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _button = require("../button");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var SelectDropdown = exports.SelectDropdown = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var isOpen = _a.isOpen,
-    _b = _a.direction,
-    direction = _b === void 0 ? 'down' : _b,
-    _c = _a.size,
-    size = _c === void 0 ? 'xs' : _c,
-    options = _a.options,
-    value = _a.value,
-    focusedIndex = _a.focusedIndex,
-    maxHeight = _a.maxHeight,
-    _d = _a.listboxId,
-    listboxId = _d === void 0 ? 'selectbox-options-default' : _d,
-    onOptionSelect = _a.onOptionSelect,
-    onMouseMove = _a.onMouseMove,
-    isKeyboardNavigation = _a.isKeyboardNavigation,
-    onOptionHover = _a.onOptionHover,
-    children = _a.children,
-    _e = _a.multiple,
-    multiple = _e === void 0 ? false : _e,
-    _f = _a.showFooterButtons,
-    showFooterButtons = _f === void 0 ? false : _f,
-    _g = _a.selectAllButtonText,
-    selectAllButtonText = _g === void 0 ? '전체 선택' : _g,
-    onSelectAll = _a.onSelectAll,
-    onEdit = _a.onEdit,
-    onComplete = _a.onComplete,
-    className = _a.className,
-    activeDescendantId = _a.activeDescendantId,
-    componentType = _a.componentType,
-    _h = _a.align,
-    align = _h === void 0 ? 'left' : _h,
-    props = __rest(_a, ["isOpen", "direction", "size", "options", "value", "focusedIndex", "maxHeight", "listboxId", "onOptionSelect", "onMouseMove", "isKeyboardNavigation", "onOptionHover", "children", "multiple", "showFooterButtons", "selectAllButtonText", "onSelectAll", "onEdit", "onComplete", "className", "activeDescendantId", "componentType", "align"]);
+const SelectDropdown = exports.SelectDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    isOpen,
+    direction = 'down',
+    size = 'xs',
+    options,
+    value,
+    focusedIndex,
+    maxHeight,
+    listboxId = 'selectbox-options-default',
+    onOptionSelect,
+    onMouseMove,
+    isKeyboardNavigation,
+    onOptionHover,
+    children,
+    multiple = false,
+    showFooterButtons = false,
+    selectAllButtonText = '전체 선택',
+    onSelectAll,
+    onEdit,
+    onComplete,
+    className,
+    activeDescendantId,
+    componentType,
+    align = 'left',
+    ...props
+  } = _ref;
   if (!isOpen) return null;
-  return (0, _jsxRuntime.jsxs)("div", __assign({
+  return (0, _jsxRuntime.jsxs)("div", {
     ref: ref,
-    className: (0, _classnames.default)('ncua-select-dropdown', "ncua-select-dropdown--".concat(direction), "ncua-select-dropdown--".concat(size), {
+    className: (0, _classnames.default)('ncua-select-dropdown', `ncua-select-dropdown--${direction}`, `ncua-select-dropdown--${size}`, {
       'ncua-select-dropdown--multiple': multiple,
       'ncua-select-dropdown--align-right': align === 'right',
       'ncua-select-dropdown--selectbox-single': componentType === 'selectbox' && !multiple
     }, className),
     onMouseMove: onMouseMove,
-    onClick: function (e) {
-      return e.stopPropagation();
-    }
-  }, props, {
-    children: [(0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-select-dropdown__content"
-    }, {
-      children: (0, _jsxRuntime.jsxs)("ul", __assign({
+    onClick: e => e.stopPropagation(),
+    ...props,
+    children: [(0, _jsxRuntime.jsx)("div", {
+      className: "ncua-select-dropdown__content",
+      children: (0, _jsxRuntime.jsxs)("ul", {
         className: "ncua-select-dropdown__options",
         role: "listbox",
         id: listboxId,
         style: {
-          maxHeight: maxHeight
-        }
-      }, {
-        children: [options.map(function (option, index) {
-          var isFocused = index === focusedIndex;
-          var optionId = "".concat(listboxId, "-").concat(option.id);
-          var isSelected = multiple && Array.isArray(value) ? value.includes(option.id) : option.id === value;
-          var handleMouseEnter = function () {
-            onOptionHover === null || onOptionHover === void 0 ? void 0 : onOptionHover(index);
+          maxHeight
+        },
+        children: [options.map((option, index) => {
+          const isFocused = index === focusedIndex;
+          const optionId = `${listboxId}-${option.id}`;
+          const isSelected = multiple && Array.isArray(value) ? value.includes(option.id) : option.id === value;
+          const handleMouseEnter = () => {
+            onOptionHover?.(index);
           };
-          return (0, _jsxRuntime.jsxs)("li", __assign({
+          return (0, _jsxRuntime.jsxs)("li", {
             id: optionId,
             className: (0, _classnames.default)('ncua-select-dropdown__option', {
               'ncua-select-dropdown__option--selected': isSelected,
               'ncua-select-dropdown__option--focused': isFocused
             }),
-            onClick: function () {
-              return onOptionSelect(option);
-            },
+            onClick: () => onOptionSelect(option),
             onMouseEnter: handleMouseEnter,
             role: "option",
-            "aria-selected": isSelected
-          }, {
-            children: [option.icon && (0, _jsxRuntime.jsx)("span", __assign({
-              className: "ncua-select-dropdown__option-icon"
-            }, {
+            "aria-selected": isSelected,
+            children: [option.icon && (0, _jsxRuntime.jsx)("span", {
+              className: "ncua-select-dropdown__option-icon",
               children: (0, _jsxRuntime.jsx)(option.icon, {
                 width: 16,
                 height: 16
               })
-            })), (0, _jsxRuntime.jsx)("span", __assign({
-              className: "ncua-select-dropdown__option-text"
-            }, {
+            }), (0, _jsxRuntime.jsx)("span", {
+              className: "ncua-select-dropdown__option-text",
               children: option.label
-            }))]
-          }), option.id);
+            })]
+          }, option.id);
         }), children]
-      }))
-    })), showFooterButtons && (0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-select-dropdown__footer"
-    }, {
-      children: (0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-select-dropdown__footer-buttons"
-      }, {
-        children: [(0, _jsxRuntime.jsx)("div", __assign({
-          className: "ncua-select-dropdown__footer-left"
-        }, {
+      })
+    }), showFooterButtons && (0, _jsxRuntime.jsx)("div", {
+      className: "ncua-select-dropdown__footer",
+      children: (0, _jsxRuntime.jsxs)("div", {
+        className: "ncua-select-dropdown__footer-buttons",
+        children: [(0, _jsxRuntime.jsx)("div", {
+          className: "ncua-select-dropdown__footer-left",
           children: multiple && (0, _jsxRuntime.jsx)(_button.Button, {
             label: selectAllButtonText,
             hierarchy: "text",
@@ -134,9 +99,8 @@ var SelectDropdown = exports.SelectDropdown = /*#__PURE__*/(0, _react.forwardRef
             onClick: onSelectAll,
             underline: true
           })
-        })), (0, _jsxRuntime.jsxs)("div", __assign({
-          className: "ncua-select-dropdown__footer-right"
-        }, {
+        }), (0, _jsxRuntime.jsxs)("div", {
+          className: "ncua-select-dropdown__footer-right",
           children: [(0, _jsxRuntime.jsx)(_button.Button, {
             label: "\uD3B8\uC9D1",
             hierarchy: "secondary-gray",
@@ -148,9 +112,9 @@ var SelectDropdown = exports.SelectDropdown = /*#__PURE__*/(0, _react.forwardRef
             size: "xs",
             onClick: onComplete
           })]
-        }))]
-      }))
-    }))]
-  }));
+        })]
+      })
+    })]
+  });
 });
 SelectDropdown.displayName = 'SelectDropdown';

package/dist/cjs/src/components/shared/hintText/HintText.js

@@ -7,37 +7,20 @@ exports.HintText = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var HintText = function (_a) {
-  var _b = _a.as,
-    Component = _b === void 0 ? 'span' : _b,
-    children = _a.children,
-    className = _a.className,
-    destructive = _a.destructive,
-    props = __rest(_a, ["as", "children", "className", "destructive"]);
-  return (0, _jsxRuntime.jsx)(Component, __assign({
+const HintText = _ref => {
+  let {
+    as: Component = 'span',
+    children,
+    className,
+    destructive,
+    ...props
+  } = _ref;
+  return (0, _jsxRuntime.jsx)(Component, {
     className: (0, _classnames.default)('ncua-hint-text', {
-      destructive: destructive
-    }, className)
-  }, props, {
+      destructive
+    }, className),
+    ...props,
     children: children
-  }));
+  });
 };
 exports.HintText = HintText;

package/dist/cjs/src/components/shared/label/Label.js

@@ -7,37 +7,20 @@ exports.Label = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var Label = function (_a) {
-  var _b = _a.as,
-    Component = _b === void 0 ? 'label' : _b,
-    children = _a.children,
-    className = _a.className,
-    isRequired = _a.isRequired,
-    props = __rest(_a, ["as", "children", "className", "isRequired"]);
-  return (0, _jsxRuntime.jsx)(Component, __assign({
+const Label = _ref => {
+  let {
+    as: Component = 'label',
+    children,
+    className,
+    isRequired,
+    ...props
+  } = _ref;
+  return (0, _jsxRuntime.jsx)(Component, {
     className: (0, _classnames.default)('ncua-label', {
       'is-required': isRequired
-    }, className)
-  }, props, {
+    }, className),
+    ...props,
     children: children
-  }));
+  });
 };
 exports.Label = Label;

package/dist/cjs/src/components/slider/Slider.js

@@ -7,46 +7,43 @@ exports.default = exports.Slider = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _slider = require("../../../assets/scripts/slider");
-var Slider = function (_a) {
-  var _b = _a.min,
-    min = _b === void 0 ? 0 : _b,
-    _c = _a.max,
-    max = _c === void 0 ? 100 : _c,
-    _d = _a.step,
-    step = _d === void 0 ? 1 : _d,
-    _e = _a.value,
-    value = _e === void 0 ? 0 : _e,
-    onChange = _a.onChange,
-    labelPosition = _a.labelPosition,
-    _f = _a.disabled,
-    disabled = _f === void 0 ? false : _f,
-    className = _a.className;
-  var containerRef = (0, _react.useRef)(null);
-  var sliderInstanceRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
+const Slider = _ref => {
+  let {
+    min = 0,
+    max = 100,
+    step = 1,
+    value = 0,
+    onChange,
+    labelPosition,
+    disabled = false,
+    className
+  } = _ref;
+  const containerRef = (0, _react.useRef)(null);
+  const sliderInstanceRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
     if (!containerRef.current) return;
     sliderInstanceRef.current = new _slider.Slider(containerRef.current, {
-      min: min,
-      max: max,
-      step: step,
-      value: value,
-      onChange: onChange,
-      labelPosition: labelPosition,
-      disabled: disabled
+      min,
+      max,
+      step,
+      value,
+      onChange,
+      labelPosition,
+      disabled
     });
-    return function () {
+    return () => {
       if (sliderInstanceRef.current) {
         sliderInstanceRef.current.destroy();
         sliderInstanceRef.current = null;
       }
     };
   }, [typeof value, onChange, min, max, step, labelPosition]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (sliderInstanceRef.current) {
       sliderInstanceRef.current.setValue(value);
     }
   }, [sliderInstanceRef, value]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (sliderInstanceRef.current) {
       if (disabled) {
         sliderInstanceRef.current.disable();
@@ -57,7 +54,7 @@ var Slider = function (_a) {
   }, [disabled]);
   return (0, _jsxRuntime.jsx)("div", {
     ref: containerRef,
-    className: "ncua-slider ".concat(className || '')
+    className: `ncua-slider ${className || ''}`
   });
 };
 exports.Slider = Slider;

package/dist/cjs/src/components/spinner/Spinner.js

@@ -7,47 +7,34 @@ exports.Spinner = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var RenderText = function (_a) {
-  var _b = _a.as,
-    Component = _b === void 0 ? 'p' : _b,
-    children = _a.children;
-  return (0, _jsxRuntime.jsx)(Component, __assign({
-    className: "ncua-spinner__text"
-  }, {
+const RenderText = _ref => {
+  let {
+    as: Component = 'p',
+    children
+  } = _ref;
+  return (0, _jsxRuntime.jsx)(Component, {
+    className: "ncua-spinner__text",
     children: children
-  }));
+  });
 };
-var Spinner = function (_a) {
-  var _b = _a.as,
-    as = _b === void 0 ? 'p' : _b,
-    _c = _a.size,
-    size = _c === void 0 ? 'md' : _c,
-    children = _a.children,
-    _d = _a.backdrop,
-    backdrop = _d === void 0 ? false : _d;
-  return (0, _jsxRuntime.jsx)("div", __assign({
-    className: (0, _classnames.default)('ncua-spinner', "ncua-spinner--".concat(size), {
+const Spinner = _ref2 => {
+  let {
+    as = 'p',
+    size = 'sm',
+    children,
+    backdrop = false
+  } = _ref2;
+  return (0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)('ncua-spinner', `ncua-spinner--${size}`, {
       'ncua-spinner--backdrop': backdrop
-    })
-  }, {
-    children: (0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-spinner__content"
-    }, {
+    }),
+    children: (0, _jsxRuntime.jsx)("div", {
+      className: "ncua-spinner__content",
       children: children && (0, _jsxRuntime.jsx)(RenderText, {
         as: as,
         children: children
       })
-    }))
-  }));
+    })
+  });
 };
 exports.Spinner = Spinner;

package/dist/cjs/src/components/spinner/index.js

@@ -13,15 +13,4 @@ Object.keys(_Spinner).forEach(function (key) {
       return _Spinner[key];
     }
   });
-});
-var _index = require("./index");
-Object.keys(_index).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _index[key];
-    }
-  });
 });

package/dist/cjs/src/components/switch/Switch.js

@@ -8,116 +8,96 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var Switch = exports.Switch = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'xs' : _b,
-    left = _a.left,
-    right = _a.right,
-    _c = _a.disabled,
-    disabled = _c === void 0 ? false : _c,
-    value = _a.value,
-    _d = _a.defaultValue,
-    defaultValue = _d === void 0 ? left.value : _d,
-    onChange = _a.onChange,
-    className = _a.className,
-    name = _a.name,
-    refs = _a.refs;
+const Switch = exports.Switch = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    size = 'xs',
+    left,
+    right,
+    disabled = false,
+    value,
+    defaultValue = left.value,
+    onChange,
+    className,
+    name,
+    refs
+  } = _ref;
+  const leftInputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => leftInputRef.current);
   // 값을 문자열로 정규화하는 함수
-  var normalizeValue = function (val) {
+  const normalizeValue = val => {
     return typeof val === 'boolean' ? String(val) : val;
   };
   // 유효한 사이즈인지 확인하는 함수
-  var getValidSize = function (size) {
-    var validSizes = ['xxs', 'xs', 'sm', 'md'];
+  const getValidSize = size => {
+    const validSizes = ['xxs', 'xs', 'sm', 'md'];
     return size && validSizes.includes(size) ? size : 'xs';
   };
-  var isBooleanType = typeof left.value === 'boolean' && typeof right.value === 'boolean';
+  const isBooleanType = typeof left.value === 'boolean' && typeof right.value === 'boolean';
   // 현재 값 처리
-  var getCurrentValue = function () {
+  const getCurrentValue = () => {
     if (value === undefined) return undefined;
     if (isBooleanType && typeof value === 'boolean') {
       return normalizeValue(value ? left.value : right.value);
     }
     return normalizeValue(value);
   };
-  var isControlled = getCurrentValue() !== undefined;
-  var _e = (0, _react.useState)(normalizeValue(defaultValue)),
-    internalValue = _e[0],
-    setInternalValue = _e[1];
-  var currentValue = isControlled ? getCurrentValue() : internalValue;
-  var handleChange = function (newValue) {
+  const isControlled = getCurrentValue() !== undefined;
+  const [internalValue, setInternalValue] = (0, _react.useState)(normalizeValue(defaultValue));
+  const currentValue = isControlled ? getCurrentValue() : internalValue;
+  const handleChange = newValue => {
     if (!isControlled) {
       setInternalValue(newValue);
     }
     if (!onChange) return;
     // 선택된 옵션 찾기
-    var selectedOption = newValue === normalizeValue(left.value) ? left : right;
+    const selectedOption = newValue === normalizeValue(left.value) ? left : right;
     if (isBooleanType && typeof value === 'boolean') {
       onChange(newValue === normalizeValue(left.value));
     } else {
       onChange(selectedOption.value);
     }
   };
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: (0, _classnames.default)('ncua-switch', "ncua-switch--".concat(getValidSize(size)), {
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)('ncua-switch', `ncua-switch--${getValidSize(size)}`, {
       'ncua-switch--disabled': disabled
-    }, className)
-  }, {
-    children: [(0, _jsxRuntime.jsxs)("label", __assign({
+    }, className),
+    children: [(0, _jsxRuntime.jsxs)("label", {
       className: (0, _classnames.default)('ncua-switch__option', 'ncua-switch__option--left', {
         'ncua-switch__option--active': currentValue === normalizeValue(left.value),
         'ncua-switch__option--inactive': currentValue !== normalizeValue(left.value)
-      })
-    }, {
+      }),
       children: [(0, _jsxRuntime.jsx)("input", {
         type: "radio",
-        ref: refs === null || refs === void 0 ? void 0 : refs[0],
+        ref: refs?.[0] ?? leftInputRef,
         name: name,
         value: normalizeValue(left.value),
         checked: currentValue === normalizeValue(left.value),
         disabled: disabled,
         className: "ncua-switch__radio ncua-switch__radio--left",
-        onChange: function () {
-          return handleChange(normalizeValue(left.value));
-        }
-      }), (0, _jsxRuntime.jsx)("span", __assign({
-        className: "ncua-switch__label"
-      }, {
+        onChange: () => handleChange(normalizeValue(left.value))
+      }), (0, _jsxRuntime.jsx)("span", {
+        className: "ncua-switch__label",
         children: left.label
-      }))]
-    })), (0, _jsxRuntime.jsxs)("label", __assign({
+      })]
+    }), (0, _jsxRuntime.jsxs)("label", {
       className: (0, _classnames.default)('ncua-switch__option', 'ncua-switch__option--right', {
         'ncua-switch__option--active': currentValue === normalizeValue(right.value),
         'ncua-switch__option--inactive': currentValue !== normalizeValue(right.value)
-      })
-    }, {
+      }),
       children: [(0, _jsxRuntime.jsx)("input", {
         type: "radio",
-        ref: refs === null || refs === void 0 ? void 0 : refs[1],
+        ref: refs?.[1],
         name: name,
         value: normalizeValue(right.value),
         checked: currentValue === normalizeValue(right.value),
         disabled: disabled,
         className: "ncua-switch__radio ncua-switch__radio--right",
-        onChange: function () {
-          return handleChange(normalizeValue(right.value));
-        }
-      }), (0, _jsxRuntime.jsx)("span", __assign({
-        className: "ncua-switch__label"
-      }, {
+        onChange: () => handleChange(normalizeValue(right.value))
+      }), (0, _jsxRuntime.jsx)("span", {
+        className: "ncua-switch__label",
         children: right.label
-      }))]
-    }))]
-  }));
+      })]
+    })]
+  });
 });
 Switch.displayName = 'Switch';