@ncds/ui-admin 1.7.0 → 1.8.0

package/dist/cjs/src/components/button/ButtonCloseX.js

@@ -8,37 +8,27 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _uiAdminIcon = require("@ncds/ui-admin-icon");
 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 svgSize = {
+const svgSize = {
   xs: 16,
   sm: 20,
   md: 20,
   lg: 24
 };
-var ButtonCloseX = function (_a) {
-  var size = _a.size,
-    _b = _a.theme,
-    theme = _b === void 0 ? 'light' : _b,
-    className = _a.className,
-    onClick = _a.onClick;
-  return (0, _jsxRuntime.jsx)("button", __assign({
+const ButtonCloseX = _ref => {
+  let {
+    size,
+    theme = 'light',
+    className,
+    onClick
+  } = _ref;
+  return (0, _jsxRuntime.jsx)("button", {
     type: "button",
-    className: (0, _classnames.default)('ncua-button-close-x', "ncua-button-close-x--".concat(size), "ncua-button-close-x--".concat(theme), className),
-    onClick: onClick
-  }, {
+    className: (0, _classnames.default)('ncua-button-close-x', `ncua-button-close-x--${size}`, `ncua-button-close-x--${theme}`, className),
+    onClick: onClick,
     children: (0, _jsxRuntime.jsx)(_uiAdminIcon.XClose, {
       width: svgSize[size],
       height: svgSize[size]
     })
-  }));
+  });
 };
 exports.ButtonCloseX = ButtonCloseX;

package/dist/cjs/src/components/button/ButtonStepper.js

@@ -7,14 +7,16 @@ exports.ButtonStepper = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var ButtonStepper = function (_a) {
-  var size = _a.size,
-    direction = _a.direction,
-    disabled = _a.disabled,
-    onClick = _a.onClick,
-    className = _a.className;
+const ButtonStepper = _ref => {
+  let {
+    size,
+    direction,
+    disabled,
+    onClick,
+    className
+  } = _ref;
   return (0, _jsxRuntime.jsx)("button", {
-    className: (0, _classnames.default)('ncua-button-stepper', "ncua-button-stepper--".concat(size), "ncua-button-stepper--".concat(direction), className),
+    className: (0, _classnames.default)('ncua-button-stepper', `ncua-button-stepper--${size}`, `ncua-button-stepper--${direction}`, className),
     type: "button",
     disabled: disabled,
     onClick: onClick

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

@@ -25,17 +25,6 @@ Object.keys(_ButtonCloseX).forEach(function (key) {
     }
   });
 });
-var _ButtonGroup = require("./ButtonGroup");
-Object.keys(_ButtonGroup).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ButtonGroup[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ButtonGroup[key];
-    }
-  });
-});
 var _ButtonStepper = require("./ButtonStepper");
 Object.keys(_ButtonStepper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/src/components/button-group/ButtonGroup.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonGroup = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _color = require("../../../constant/color");
+var _dot = require("../dot");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const svgSize = {
+  xxs: 12,
+  xs: 16,
+  sm: 16,
+  md: 20
+};
+const dotSize = {
+  xxs: 'sm',
+  xs: 'sm',
+  sm: 'md',
+  md: 'md'
+};
+const ButtonGroup = _ref => {
+  let {
+    children,
+    className,
+    hasBorder = true,
+    fullWidth = false,
+    size = 'xs',
+    onlyIcon = false,
+    disabled = false
+  } = _ref;
+  return (0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)('ncua-button-group', `ncua-button-group--${size}`, {
+      'has-border': hasBorder,
+      'full-width': fullWidth
+    }, className),
+    children: _react.default.Children.map(children, child => {
+      if (! /*#__PURE__*/_react.default.isValidElement(child)) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        onlyIcon,
+        size,
+        disabled: disabled || child.props.disabled
+      });
+    })
+  });
+};
+exports.ButtonGroup = ButtonGroup;
+ButtonGroup.Item = _ref2 => {
+  let {
+    label,
+    size = 'xs',
+    onlyIcon,
+    icon,
+    disabled,
+    children,
+    isCurrent,
+    className,
+    ...props
+  } = _ref2;
+  const renderIcon = () => {
+    if (!icon) return null;
+    if (icon.type === 'icon') {
+      const IconComponent = icon.icon;
+      return (0, _jsxRuntime.jsx)(IconComponent, {
+        width: icon.size ?? svgSize[size],
+        height: icon.size ?? svgSize[size],
+        color: icon.color ? _color.COLOR[icon.color] : 'currentColor'
+      });
+    }
+    if (icon.type === 'dot') {
+      return (0, _jsxRuntime.jsx)(_dot.Dot, {
+        color: icon.color,
+        size: icon.size ?? dotSize[size]
+      });
+    }
+    return icon.children;
+  };
+  const position = icon?.position ?? 'leading';
+  return /*#__PURE__*/(0, _react.createElement)('button', {
+    className: (0, _classnames.default)('ncua-button-group__item', {
+      'is-only-icon': onlyIcon
+    }, {
+      'is-current': isCurrent
+    }, className),
+    disabled,
+    type: 'button',
+    ...props
+  }, (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [position === 'leading' && renderIcon(), !onlyIcon && label, children, position === 'trailing' && renderIcon()]
+  }));
+};

package/dist/cjs/src/components/button-group/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ButtonGroup = require("./ButtonGroup");
+Object.keys(_ButtonGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ButtonGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ButtonGroup[key];
+    }
+  });
+});

package/dist/cjs/src/components/carousel-arrow/CarouselArrow.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CarouselArrow = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _uiAdminIcon = require("@ncds/ui-admin-icon");
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SIZE = 'md';
+const CarouselArrow = _ref => {
+  let {
+    type = 'default',
+    className,
+    chevron,
+    onClick
+  } = _ref;
+  return (0, _jsxRuntime.jsx)("button", {
+    type: "button",
+    className: (0, _classnames.default)('ncua-carousel-arrow', {
+      [`ncua-carousel-arrow--${type}`]: type,
+      [`ncua-carousel-arrow--${SIZE}`]: SIZE,
+      [`ncua-carousel-arrow--${chevron}`]: chevron
+    }, className),
+    onClick: onClick,
+    children: chevron === 'left' ? (0, _jsxRuntime.jsx)(_uiAdminIcon.ChevronLeft, {
+      className: "ncua-carousel-arrow__icon"
+    }) : (0, _jsxRuntime.jsx)(_uiAdminIcon.ChevronRight, {
+      className: "ncua-carousel-arrow__icon"
+    })
+  });
+};
+exports.CarouselArrow = CarouselArrow;

package/dist/cjs/src/components/carousel-arrow/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CarouselArrow = require("./CarouselArrow");
+Object.keys(_CarouselArrow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CarouselArrow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CarouselArrow[key];
+    }
+  });
+});

package/dist/cjs/src/components/carousel-number-group/CarouselNumberGroup.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CarouselNumberGroup = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SIZE = 'sm';
+const CarouselNumberGroup = _ref => {
+  let {
+    framed = true,
+    color = 'light',
+    currentPage,
+    totalPage
+  } = _ref;
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)('ncua-carousel-number-group', {
+      framed,
+      [`ncua-carousel-number-group--${color}`]: color,
+      [`ncua-carousel-number-group--${SIZE}`]: SIZE
+    }),
+    children: [(0, _jsxRuntime.jsx)("span", {
+      className: "ncua-carousel-number-group__number",
+      children: currentPage
+    }), (0, _jsxRuntime.jsxs)("span", {
+      className: "ncua-carousel-number-group__total",
+      children: ["/", totalPage]
+    })]
+  });
+};
+exports.CarouselNumberGroup = CarouselNumberGroup;

package/dist/cjs/src/components/{carousel → carousel-number-group}/index.js

@@ -3,17 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _CarouselArrow = require("./CarouselArrow");
-Object.keys(_CarouselArrow).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CarouselArrow[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _CarouselArrow[key];
-    }
-  });
-});
 var _CarouselNumberGroup = require("./CarouselNumberGroup");
 Object.keys(_CarouselNumberGroup).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/src/components/checkbox/Checkbox.js

@@ -9,63 +9,42 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _CheckboxInput = require("./CheckboxInput");
 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 Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'xs' : _b,
-    _c = _a.indeterminate,
-    indeterminate = _c === void 0 ? false : _c,
-    text = _a.text,
-    supportText = _a.supportText,
-    disabled = _a.disabled,
-    checked = _a.checked,
-    className = _a.className,
-    onChange = _a.onChange,
-    props = __rest(_a, ["size", "indeterminate", "text", "supportText", "disabled", "checked", "className", "onChange"]);
-  return (0, _jsxRuntime.jsxs)("label", __assign({
-    className: (0, _classnames.default)('ncua-checkbox-field', "ncua-checkbox-field--".concat(size), {
+const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    size = 'xs',
+    indeterminate = false,
+    text,
+    supportText,
+    disabled,
+    checked,
+    className,
+    onChange,
+    ...props
+  } = _ref;
+  return (0, _jsxRuntime.jsxs)("label", {
+    className: (0, _classnames.default)('ncua-checkbox-field', `ncua-checkbox-field--${size}`, {
       'has-text': text
-    }, className)
-  }, {
-    children: [(0, _jsxRuntime.jsx)(_CheckboxInput.CheckboxInput, __assign({
+    }, className),
+    children: [(0, _jsxRuntime.jsx)(_CheckboxInput.CheckboxInput, {
       size: size,
       ref: ref,
       checked: checked,
       indeterminate: indeterminate,
       disabled: disabled,
       onChange: onChange,
-      className: "ncua-checkbox-field__input"
-    }, props)), supportText ? (0, _jsxRuntime.jsxs)("span", {
-      children: [(0, _jsxRuntime.jsx)("span", __assign({
-        className: "ncua-checkbox-field__text"
-      }, {
+      className: "ncua-checkbox-field__input",
+      ...props
+    }), supportText ? (0, _jsxRuntime.jsxs)("span", {
+      children: [(0, _jsxRuntime.jsx)("span", {
+        className: "ncua-checkbox-field__text",
         children: text
-      })), supportText && (0, _jsxRuntime.jsx)("span", __assign({
-        className: "ncua-checkbox-field__support-text"
-      }, {
+      }), supportText && (0, _jsxRuntime.jsx)("span", {
+        className: "ncua-checkbox-field__support-text",
         children: supportText
-      }))]
-    }) : text && (0, _jsxRuntime.jsx)("span", __assign({
-      className: "ncua-checkbox-field__text"
-    }, {
+      })]
+    }) : text && (0, _jsxRuntime.jsx)("span", {
+      className: "ncua-checkbox-field__text",
       children: text
-    }))]
-  }));
+    })]
+  });
 });

package/dist/cjs/src/components/checkbox/CheckboxInput.js

@@ -8,52 +8,32 @@ 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 __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 CheckboxInput = exports.CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'xs' : _b,
-    _c = _a.indeterminate,
-    indeterminate = _c === void 0 ? false : _c,
-    disabled = _a.disabled,
-    className = _a.className,
-    _d = _a.destructive,
-    destructive = _d === void 0 ? false : _d,
-    onChange = _a.onChange,
-    props = __rest(_a, ["size", "indeterminate", "disabled", "className", "destructive", "onChange"]);
-  var inputRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var input = ref && typeof ref !== 'function' ? ref.current : inputRef.current;
+const CheckboxInput = exports.CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    size = 'xs',
+    indeterminate = false,
+    disabled,
+    className,
+    destructive = false,
+    onChange,
+    ...props
+  } = _ref;
+  const inputRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const input = ref && typeof ref !== 'function' ? ref.current : inputRef.current;
     if (input) {
       input.indeterminate = indeterminate; // 외부에서 받은 값을 그대로 사용
     }
   }, [indeterminate, ref]);
-  return (0, _jsxRuntime.jsx)("span", __assign({
-    className: (0, _classnames.default)('ncua-checkbox-input', "ncua-checkbox-input--".concat(size), {
+  return (0, _jsxRuntime.jsx)("span", {
+    className: (0, _classnames.default)('ncua-checkbox-input', `ncua-checkbox-input--${size}`, {
       'has-indeterminate': indeterminate
     }, {
-      destructive: destructive
-    }, className)
-  }, {
-    children: (0, _jsxRuntime.jsx)("input", __assign({
+      destructive
+    }, className),
+    children: (0, _jsxRuntime.jsx)("input", {
       type: "checkbox",
-      ref: function (node) {
+      ref: node => {
         if (typeof ref === 'function') {
           ref(node);
         } else if (ref) {
@@ -64,7 +44,8 @@ var CheckboxInput = exports.CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(
         inputRef.current = node;
       },
       onChange: onChange,
-      disabled: disabled
-    }, props))
-  }));
+      disabled: disabled,
+      ...props
+    })
+  });
 });