@ncds/ui-admin 1.6.4 → 1.8.0

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

@@ -1,35 +1,18 @@
-var __assign = this && this.__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 = this && this.__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;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-export 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 _jsx(Component, __assign({
+export const HintText = _ref => {
+  let {
+    as: Component = 'span',
+    children,
+    className,
+    destructive,
+    ...props
+  } = _ref;
+  return _jsx(Component, {
     className: classNames('ncua-hint-text', {
-      destructive: destructive
-    }, className)
-  }, props, {
+      destructive
+    }, className),
+    ...props,
     children: children
-  }));
+  });
 };

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

@@ -1,35 +1,18 @@
-var __assign = this && this.__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 = this && this.__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;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-export 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 _jsx(Component, __assign({
+export const Label = _ref => {
+  let {
+    as: Component = 'label',
+    children,
+    className,
+    isRequired,
+    ...props
+  } = _ref;
+  return _jsx(Component, {
     className: classNames('ncua-label', {
       'is-required': isRequired
-    }, className)
-  }, props, {
+    }, className),
+    ...props,
     children: children
-  }));
+  });
 };

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

@@ -1,46 +1,43 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import { Slider as NcuaSlider } from '../../../assets/scripts/slider';
-export 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 = useRef(null);
-  var sliderInstanceRef = useRef(null);
-  useEffect(function () {
+export const Slider = _ref => {
+  let {
+    min = 0,
+    max = 100,
+    step = 1,
+    value = 0,
+    onChange,
+    labelPosition,
+    disabled = false,
+    className
+  } = _ref;
+  const containerRef = useRef(null);
+  const sliderInstanceRef = useRef(null);
+  useEffect(() => {
     if (!containerRef.current) return;
     sliderInstanceRef.current = new NcuaSlider(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]);
-  useEffect(function () {
+  useEffect(() => {
     if (sliderInstanceRef.current) {
       sliderInstanceRef.current.setValue(value);
     }
   }, [sliderInstanceRef, value]);
-  useEffect(function () {
+  useEffect(() => {
     if (sliderInstanceRef.current) {
       if (disabled) {
         sliderInstanceRef.current.disable();
@@ -51,7 +48,7 @@ export var Slider = function (_a) {
   }, [disabled]);
   return _jsx("div", {
     ref: containerRef,
-    className: "ncua-slider ".concat(className || '')
+    className: `ncua-slider ${className || ''}`
   });
 };
 export default Slider;

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

@@ -1,45 +1,32 @@
-var __assign = this && this.__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);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-var RenderText = function (_a) {
-  var _b = _a.as,
-    Component = _b === void 0 ? 'p' : _b,
-    children = _a.children;
-  return _jsx(Component, __assign({
-    className: "ncua-spinner__text"
-  }, {
+const RenderText = _ref => {
+  let {
+    as: Component = 'p',
+    children
+  } = _ref;
+  return _jsx(Component, {
+    className: "ncua-spinner__text",
     children: children
-  }));
+  });
 };
-export 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 _jsx("div", __assign({
-    className: classNames('ncua-spinner', "ncua-spinner--".concat(size), {
+export const Spinner = _ref2 => {
+  let {
+    as = 'p',
+    size = 'sm',
+    children,
+    backdrop = false
+  } = _ref2;
+  return _jsx("div", {
+    className: classNames('ncua-spinner', `ncua-spinner--${size}`, {
       'ncua-spinner--backdrop': backdrop
-    })
-  }, {
-    children: _jsx("div", __assign({
-      className: "ncua-spinner__content"
-    }, {
+    }),
+    children: _jsx("div", {
+      className: "ncua-spinner__content",
       children: children && _jsx(RenderText, {
         as: as,
         children: children
       })
-    }))
-  }));
+    })
+  });
 };

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

@@ -1,2 +1 @@
-export * from './Spinner';
-export * from './index';
+export * from './Spinner';

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

@@ -1,116 +1,97 @@
-var __assign = this && this.__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);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { forwardRef, useState } from 'react';
-export var Switch = /*#__PURE__*/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;
+import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+const Switch = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    size = 'xs',
+    left,
+    right,
+    disabled = false,
+    value,
+    defaultValue = left.value,
+    onChange,
+    className,
+    name,
+    refs
+  } = _ref;
+  const leftInputRef = useRef(null);
+  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 = 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] = 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 _jsxs("div", __assign({
-    className: classNames('ncua-switch', "ncua-switch--".concat(getValidSize(size)), {
+  return _jsxs("div", {
+    className: classNames('ncua-switch', `ncua-switch--${getValidSize(size)}`, {
       'ncua-switch--disabled': disabled
-    }, className)
-  }, {
-    children: [_jsxs("label", __assign({
+    }, className),
+    children: [_jsxs("label", {
       className: classNames('ncua-switch__option', 'ncua-switch__option--left', {
         'ncua-switch__option--active': currentValue === normalizeValue(left.value),
         'ncua-switch__option--inactive': currentValue !== normalizeValue(left.value)
-      })
-    }, {
+      }),
       children: [_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));
-        }
-      }), _jsx("span", __assign({
-        className: "ncua-switch__label"
-      }, {
+        onChange: () => handleChange(normalizeValue(left.value))
+      }), _jsx("span", {
+        className: "ncua-switch__label",
         children: left.label
-      }))]
-    })), _jsxs("label", __assign({
+      })]
+    }), _jsxs("label", {
       className: classNames('ncua-switch__option', 'ncua-switch__option--right', {
         'ncua-switch__option--active': currentValue === normalizeValue(right.value),
         'ncua-switch__option--inactive': currentValue !== normalizeValue(right.value)
-      })
-    }, {
+      }),
       children: [_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));
-        }
-      }), _jsx("span", __assign({
-        className: "ncua-switch__label"
-      }, {
+        onChange: () => handleChange(normalizeValue(right.value))
+      }), _jsx("span", {
+        className: "ncua-switch__label",
         children: right.label
-      }))]
-    }))]
-  }));
+      })]
+    })]
+  });
 });
-Switch.displayName = 'Switch';
+Switch.displayName = 'Switch';
+export { Switch };

package/dist/esm/src/components/tab/TabButton.js

@@ -1,84 +1,65 @@
-var __assign = this && this.__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 = this && this.__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;
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { XClose } from '@ncds/ui-admin-icon';
 import classNames from 'classnames';
 import { Badge } from '../badge/Badge';
-export var TabButton = function (_a) {
-  var id = _a.id,
-    label = _a.label,
-    _b = _a.size,
-    size = _b === void 0 ? 'sm' : _b,
-    tabButtonType = _a.tabButtonType,
-    type = _a.type,
-    _c = _a.isActive,
-    isActive = _c === void 0 ? false : _c,
-    badgeInfo = _a.badgeInfo,
-    className = _a.className,
-    children = _a.children,
-    props = __rest(_a, ["id", "label", "size", "tabButtonType", "type", "isActive", "badgeInfo", "className", "children"]);
-  var componentClassName = classNames('ncua-tab-button', {
+const TabButton = _ref => {
+  let {
+    id,
+    label,
+    size = 'sm',
+    tabButtonType,
+    type,
+    isActive = false,
+    badgeInfo,
+    className,
+    children,
+    ...props
+  } = _ref;
+  const componentClassName = classNames('ncua-tab-button', {
     'is-active': isActive
   }, className);
   if ('href' in props && props.href) {
-    var _d = props,
-      href = _d.href,
-      _e = _d.target,
-      target = _e === void 0 ? '_self' : _e,
-      onClick_1 = _d.onClick,
-      anchorProps = __rest(_d, ["href", "target", "onClick"]);
-    return _jsxs("a", __assign({
+    const {
+      href,
+      target = '_self',
+      onClick: _onClick,
+      ...anchorProps
+    } = props;
+    return _jsxs("a", {
       className: componentClassName,
       href: href,
-      target: target
-    }, anchorProps, {
-      children: [label, badgeInfo && _jsx(Badge, __assign({}, badgeInfo, {
+      target: target,
+      ...anchorProps,
+      children: [label, badgeInfo && _jsx(Badge, {
+        ...badgeInfo,
         size: "xs"
-      })), children]
-    }));
+      }), children]
+    });
   }
-  var _f = props,
-    onClick = _f.onClick,
-    onClose = _f.onClose,
-    buttonProps = __rest(_f, ["onClick", "onClose"]);
+  const {
+    onClick,
+    onClose,
+    ...buttonProps
+  } = props;
   return _jsxs(_Fragment, {
-    children: [_jsxs("button", __assign({
+    children: [_jsxs("button", {
       type: "button",
       className: componentClassName,
-      onClick: function () {
-        return onClick === null || onClick === void 0 ? void 0 : onClick(id !== null && id !== void 0 ? id : '');
-      }
-    }, buttonProps, {
-      children: [label, badgeInfo && _jsx(Badge, __assign({}, badgeInfo, {
+      onClick: () => onClick?.(id ?? ''),
+      ...buttonProps,
+      children: [label, badgeInfo && _jsx(Badge, {
+        ...badgeInfo,
         size: "xs"
-      })), children]
-    })), onClose && _jsx("button", __assign({
+      }), children]
+    }), onClose && _jsx("button", {
       type: "button",
       className: "ncua-tab-close",
-      onClick: function () {
-        return onClose === null || onClose === void 0 ? void 0 : onClose(id !== null && id !== void 0 ? id : '');
-      }
-    }, {
+      onClick: () => onClose?.(id ?? ''),
       children: _jsx(XClose, {
         width: 14,
         height: 14
       })
-    }))]
+    })]
   });
-};
+};
+export { TabButton };

package/dist/esm/src/components/tab/index.js

@@ -1,3 +1 @@
-export * from './HorizontalTab';
-export * from './TabButton';
-export * from './VerticalTab';
+export * from './TabButton';