@ncds/ui-admin 1.7.0 → 1.8.0

package/dist/cjs/src/components/date-picker/index.js

@@ -14,28 +14,6 @@ Object.keys(_DatePicker).forEach(function (key) {
     }
   });
 });
-var _RangeDatePicker = require("./RangeDatePicker");
-Object.keys(_RangeDatePicker).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _RangeDatePicker[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _RangeDatePicker[key];
-    }
-  });
-});
-var _RangeDatePickerWithButtons = require("./RangeDatePickerWithButtons");
-Object.keys(_RangeDatePickerWithButtons).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _RangeDatePickerWithButtons[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _RangeDatePickerWithButtons[key];
-    }
-  });
-});
 var _utils = require("./utils");
 Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/src/components/date-picker/utils.js

@@ -10,9 +10,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function getToday() {
   return (0, _moment.default)().toDate();
 }
-function getDateFormat(date) {
-  if (date === void 0) {
-    date = getToday();
-  }
+function getDateFormat() {
+  let date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getToday();
   return (0, _moment.default)(date).format('YYYY-MM-DD');
 }

package/dist/cjs/src/components/divider/Divider.js

@@ -8,39 +8,28 @@ 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);
-};
 /**
  * @param {DividerProps} props
  * @param {ReactNode} props.children Button 컴포넌트는 xs로 ButtonGroup은 sm 사이즈로 추가하는 것이 권장됩니다.
  * @returns {ReactNode}
  */
-var Divider = exports.Divider = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var className = _a.className,
-    type = _a.type,
-    _b = _a.style,
-    style = _b === void 0 ? 'single-line' : _b,
-    children = _a.children;
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: (0, _classnames.default)('ncua-divider', "ncua-divider--".concat(type), "ncua-divider--".concat(style), className),
-    ref: ref
-  }, {
+const Divider = exports.Divider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    className,
+    type,
+    style = 'single-line',
+    children
+  } = _ref;
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)('ncua-divider', `ncua-divider--${type}`, `ncua-divider--${style}`, className),
+    ref: ref,
     children: [style === 'single-line' && (0, _jsxRuntime.jsx)("div", {
       className: "ncua-divider__line"
-    }), (0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-divider__content"
-    }, {
+    }), (0, _jsxRuntime.jsx)("div", {
+      className: "ncua-divider__content",
       children: children
-    })), style === 'single-line' && (0, _jsxRuntime.jsx)("div", {
+    }), style === 'single-line' && (0, _jsxRuntime.jsx)("div", {
       className: "ncua-divider__line"
     })]
-  }));
+  });
 });

package/dist/cjs/src/components/dot/Dot.js

@@ -8,34 +8,17 @@ 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 Dot = exports.Dot = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.color,
-    color = _b === void 0 ? 'success' : _b,
-    _c = _a.size,
-    size = _c === void 0 ? 'sm' : _c,
-    className = _a.className,
-    props = __rest(_a, ["color", "size", "className"]);
-  return (0, _jsxRuntime.jsx)("span", __assign({
+const Dot = exports.Dot = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color = 'success',
+    size = 'sm',
+    className,
+    ...props
+  } = _ref;
+  return (0, _jsxRuntime.jsx)("span", {
     ref: ref,
-    className: (0, _classnames.default)('ncua-dot', "ncua-dot--".concat(color), "ncua-dot--".concat(size), className)
-  }, props));
+    className: (0, _classnames.default)('ncua-dot', `ncua-dot--${color}`, `ncua-dot--${size}`, className),
+    ...props
+  });
 });
 Dot.displayName = 'Dot';

package/dist/cjs/src/components/dropdown/Dropdown.js

@@ -7,42 +7,28 @@ exports.Dropdown = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _uiAdminIcon = require("@ncds/ui-admin-icon");
 var _react = require("react");
-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 Dropdown = function (_a) {
-  var trigger = _a.trigger,
-    _b = _a.align,
-    align = _b === void 0 ? 'left' : _b,
-    header = _a.header,
-    groups = _a.groups,
-    className = _a.className,
-    _c = _a.opened,
-    opened = _c === void 0 ? false : _c,
-    _d = _a.closeOnClickItem,
-    closeOnClickItem = _d === void 0 ? true : _d,
-    _e = _a.closeOnClickOutside,
-    closeOnClickOutside = _e === void 0 ? true : _e;
-  var _f = (0, _react.useState)(opened),
-    isOpen = _f[0],
-    setIsOpen = _f[1];
-  var dropdownRef = (0, _react.useRef)(null);
-  var toggleDropdown = function () {
+const Dropdown = _ref => {
+  let {
+    trigger,
+    align = 'left',
+    header,
+    groups,
+    className,
+    opened = false,
+    closeOnClickItem = true,
+    closeOnClickOutside = true
+  } = _ref;
+  const [isOpen, setIsOpen] = (0, _react.useState)(opened);
+  const dropdownRef = (0, _react.useRef)(null);
+  const toggleDropdown = () => {
     setIsOpen(!isOpen);
   };
-  var handleClickOutside = function (event) {
+  const handleClickOutside = event => {
     if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
       setIsOpen(false);
     }
   };
-  var handleClickItem = function (item) {
+  const handleClickItem = item => {
     if (!item.disabled && item.onClick) {
       item.onClick();
       if (closeOnClickItem) {
@@ -50,157 +36,129 @@ var Dropdown = function (_a) {
       }
     }
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (closeOnClickOutside) {
       document.addEventListener('mousedown', handleClickOutside);
-      return function () {
+      return () => {
         document.removeEventListener('mousedown', handleClickOutside);
       };
     }
   }, [closeOnClickOutside]);
-  var renderTrigger = function () {
-    var _a;
+  const renderTrigger = () => {
     switch (trigger.type) {
       case 'custom':
-        return (0, _jsxRuntime.jsx)("button", __assign({
+        return (0, _jsxRuntime.jsx)("button", {
           className: "ncua-dropdown__trigger",
-          onClick: toggleDropdown
-        }, {
+          onClick: toggleDropdown,
           children: trigger.children
-        }));
+        });
       case 'icon':
         {
-          var TriggerIcon = (_a = trigger.icon) !== null && _a !== void 0 ? _a : _uiAdminIcon.DotsVertical;
-          return (0, _jsxRuntime.jsx)("button", __assign({
+          const TriggerIcon = trigger.icon ?? _uiAdminIcon.DotsVertical;
+          return (0, _jsxRuntime.jsx)("button", {
             className: "ncua-dropdown__trigger ncua-dropdown__trigger--icon",
-            onClick: toggleDropdown
-          }, {
+            onClick: toggleDropdown,
             children: (0, _jsxRuntime.jsx)(TriggerIcon, {})
-          }));
+          });
         }
       case 'avatar':
-        return (0, _jsxRuntime.jsx)("button", __assign({
+        return (0, _jsxRuntime.jsx)("button", {
           className: "ncua-dropdown__trigger ncua-dropdown__trigger--avatar",
-          onClick: toggleDropdown
-        }, {
-          children: (0, _jsxRuntime.jsx)("div", __assign({
-            className: "ncua-dropdown__avatar"
-          }, {
+          onClick: toggleDropdown,
+          children: (0, _jsxRuntime.jsx)("div", {
+            className: "ncua-dropdown__avatar",
             children: (0, _jsxRuntime.jsx)("img", {
               src: trigger.avatar,
               alt: "avatar"
             })
-          }))
-        }));
+          })
+        });
       case 'button':
-        return (0, _jsxRuntime.jsx)("button", __assign({
+        return (0, _jsxRuntime.jsx)("button", {
           className: "ncua-dropdown__trigger ncua-dropdown__trigger--button",
-          onClick: toggleDropdown
-        }, {
+          onClick: toggleDropdown,
           children: trigger.text
-        }));
+        });
       default:
         return null;
     }
   };
-  var renderHeader = function () {
+  const renderHeader = () => {
     if (!header) return null;
     if (header.type === 'avatar' && header.avatar) {
-      return (0, _jsxRuntime.jsx)("div", __assign({
-        className: "ncua-dropdown__header"
-      }, {
-        children: (0, _jsxRuntime.jsxs)("div", __assign({
-          className: "ncua-dropdown__header-avatar-group"
-        }, {
-          children: [(0, _jsxRuntime.jsx)("div", __assign({
-            className: "ncua-dropdown__avatar"
-          }, {
+      return (0, _jsxRuntime.jsx)("div", {
+        className: "ncua-dropdown__header",
+        children: (0, _jsxRuntime.jsxs)("div", {
+          className: "ncua-dropdown__header-avatar-group",
+          children: [(0, _jsxRuntime.jsx)("div", {
+            className: "ncua-dropdown__avatar",
             children: (0, _jsxRuntime.jsx)("img", {
               src: header.avatar,
               alt: "avatar"
             })
-          })), (0, _jsxRuntime.jsxs)("div", __assign({
-            className: "ncua-dropdown__header-text"
-          }, {
-            children: [header.title && (0, _jsxRuntime.jsx)("div", __assign({
-              className: "ncua-dropdown__header-title"
-            }, {
+          }), (0, _jsxRuntime.jsxs)("div", {
+            className: "ncua-dropdown__header-text",
+            children: [header.title && (0, _jsxRuntime.jsx)("div", {
+              className: "ncua-dropdown__header-title",
               children: header.title
-            })), header.subtitle && (0, _jsxRuntime.jsx)("div", __assign({
-              className: "ncua-dropdown__header-subtitle"
-            }, {
+            }), header.subtitle && (0, _jsxRuntime.jsx)("div", {
+              className: "ncua-dropdown__header-subtitle",
               children: header.subtitle
-            }))]
-          }))]
-        }))
-      }));
+            })]
+          })]
+        })
+      });
     }
     if (header.type === 'text' && header.title) {
-      return (0, _jsxRuntime.jsx)("div", __assign({
-        className: "ncua-dropdown__header"
-      }, {
-        children: (0, _jsxRuntime.jsx)("div", __assign({
-          className: "ncua-dropdown__header-title"
-        }, {
+      return (0, _jsxRuntime.jsx)("div", {
+        className: "ncua-dropdown__header",
+        children: (0, _jsxRuntime.jsx)("div", {
+          className: "ncua-dropdown__header-title",
           children: header.title
-        }))
-      }));
+        })
+      });
     }
     return null;
   };
-  var renderItem = function (item) {
-    var ItemIcon = item.icon;
-    var itemClasses = ['ncua-dropdown__item', item.disabled ? 'is-disabled' : '', item.type === 'danger' ? 'is-danger' : '', item.className].filter(Boolean).join(' ');
-    return (0, _jsxRuntime.jsxs)("div", __assign({
-      className: itemClasses
-    }, {
+  const renderItem = item => {
+    const ItemIcon = item.icon;
+    const itemClasses = ['ncua-dropdown__item', item.disabled ? 'is-disabled' : '', item.type === 'danger' ? 'is-danger' : '', item.className].filter(Boolean).join(' ');
+    return (0, _jsxRuntime.jsxs)("div", {
+      className: itemClasses,
       children: [(0, _jsxRuntime.jsx)("button", {
         className: "ncua-dropdown__item-clickable-layer",
-        onClick: function () {
-          return handleClickItem(item);
-        }
-      }), (0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-dropdown__item-content"
-      }, {
-        children: [(0, _jsxRuntime.jsxs)("div", __assign({
-          className: "ncua-dropdown__item-text-group"
-        }, {
+        onClick: () => handleClickItem(item)
+      }), (0, _jsxRuntime.jsxs)("div", {
+        className: "ncua-dropdown__item-content",
+        children: [(0, _jsxRuntime.jsxs)("div", {
+          className: "ncua-dropdown__item-text-group",
           children: [ItemIcon && (0, _jsxRuntime.jsx)(ItemIcon, {
             className: "ncua-dropdown__item-icon"
-          }), (0, _jsxRuntime.jsx)("span", __assign({
-            className: "ncua-dropdown__item-text"
-          }, {
+          }), (0, _jsxRuntime.jsx)("span", {
+            className: "ncua-dropdown__item-text",
             children: item.text
-          }))]
-        })), item.shortcut && (0, _jsxRuntime.jsx)("span", __assign({
-          className: "ncua-dropdown__item-shortcut"
-        }, {
+          })]
+        }), item.shortcut && (0, _jsxRuntime.jsx)("span", {
+          className: "ncua-dropdown__item-shortcut",
           children: item.shortcut
-        }))]
-      }))]
-    }), item.id);
+        })]
+      })]
+    }, item.id);
   };
-  var dropdownClasses = ['ncua-dropdown', className, align === 'right' ? 'ncua-dropdown--right' : ''].filter(Boolean).join(' ');
-  return (0, _jsxRuntime.jsxs)("div", __assign({
+  const dropdownClasses = ['ncua-dropdown', className, align === 'right' ? 'ncua-dropdown--right' : ''].filter(Boolean).join(' ');
+  return (0, _jsxRuntime.jsxs)("div", {
     className: dropdownClasses,
-    ref: dropdownRef
-  }, {
-    children: [renderTrigger(), isOpen && (0, _jsxRuntime.jsxs)("div", __assign({
-      className: "ncua-dropdown__menu"
-    }, {
-      children: [renderHeader(), (0, _jsxRuntime.jsx)("div", __assign({
-        className: "ncua-dropdown__menu-items"
-      }, {
-        children: groups.map(function (group) {
-          var _a;
-          return (0, _jsxRuntime.jsx)("div", __assign({
-            className: "ncua-dropdown__group"
-          }, {
-            children: group.items.map(renderItem)
-          }), (_a = group.items[0]) === null || _a === void 0 ? void 0 : _a.id);
-        })
-      }))]
-    }))]
-  }));
+    ref: dropdownRef,
+    children: [renderTrigger(), isOpen && (0, _jsxRuntime.jsxs)("div", {
+      className: "ncua-dropdown__menu",
+      children: [renderHeader(), (0, _jsxRuntime.jsx)("div", {
+        className: "ncua-dropdown__menu-items",
+        children: groups.map(group => (0, _jsxRuntime.jsx)("div", {
+          className: "ncua-dropdown__group",
+          children: group.items.map(renderItem)
+        }, group.items[0]?.id))
+      })]
+    })]
+  });
 };
 exports.Dropdown = Dropdown;

package/dist/cjs/src/components/empty-state/EmptyState.js

@@ -6,53 +6,36 @@ Object.defineProperty(exports, "__esModule", {
 exports.EmptyState = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _Button = require("../button/Button");
-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 EmptyState = function (_a) {
-  var title = _a.title,
-    description = _a.description,
-    buttons = _a.buttons;
-  var emptyStateButtons = buttons ? Array.isArray(buttons) ? buttons : [buttons] : [];
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: "ncua-empty-state"
-  }, {
-    children: [(0, _jsxRuntime.jsx)("p", __assign({
-      className: "ncua-empty-state__title"
-    }, {
+const EmptyState = _ref => {
+  let {
+    title,
+    description,
+    buttons
+  } = _ref;
+  const emptyStateButtons = buttons ? Array.isArray(buttons) ? buttons : [buttons] : [];
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: "ncua-empty-state",
+    children: [(0, _jsxRuntime.jsx)("p", {
+      className: "ncua-empty-state__title",
       children: title
-    })), (0, _jsxRuntime.jsx)("span", __assign({
-      className: "ncua-empty-state__description"
-    }, {
+    }), (0, _jsxRuntime.jsx)("span", {
+      className: "ncua-empty-state__description",
       children: description
-    })), emptyStateButtons.length > 0 && (0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-empty-state__button-group"
-    }, {
-      children: emptyStateButtons.map(function (_a) {
-        var size = _a.size,
-          label = _a.label,
-          rest = __rest(_a, ["size", "label"]);
-        return (0, _jsxRuntime.jsx)(_Button.Button, __assign({
-          size: size !== null && size !== void 0 ? size : 'xs',
-          label: label
-        }, rest), label);
+    }), emptyStateButtons.length > 0 && (0, _jsxRuntime.jsx)("div", {
+      className: "ncua-empty-state__button-group",
+      children: emptyStateButtons.map(_ref2 => {
+        let {
+          size,
+          label,
+          ...rest
+        } = _ref2;
+        return (0, _jsxRuntime.jsx)(_Button.Button, {
+          size: size ?? 'xs',
+          label: label,
+          ...rest
+        }, label);
       })
-    }))]
-  }));
+    })]
+  });
 };
 exports.EmptyState = EmptyState;

package/dist/cjs/src/components/featured-icon/FeaturedIcon.js

@@ -8,44 +8,25 @@ 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 iconSizeMap = {
+const iconSizeMap = {
   sm: 16,
   md: 20,
   lg: 24,
   xl: 28
 };
-var FeaturedIcon = exports.FeaturedIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var Icon = _a.icon,
-    _b = _a.theme,
-    theme = _b === void 0 ? 'light-circle' : _b,
-    _c = _a.color,
-    color = _c === void 0 ? 'neutral' : _c,
-    _d = _a.size,
-    size = _d === void 0 ? 'sm' : _d,
-    className = _a.className,
-    rest = __rest(_a, ["icon", "theme", "color", "size", "className"]);
-  return (0, _jsxRuntime.jsxs)("div", __assign({
+const FeaturedIcon = exports.FeaturedIcon = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    icon: Icon,
+    theme = 'light-circle',
+    color = 'neutral',
+    size = 'sm',
+    className,
+    ...rest
+  } = _ref;
+  return (0, _jsxRuntime.jsxs)("div", {
     ref: ref,
-    className: (0, _classnames.default)('ncua-featured-icon', "ncua-featured-icon--".concat(theme), "ncua-featured-icon--".concat(color), "ncua-featured-icon--".concat(size), className)
-  }, rest, {
+    className: (0, _classnames.default)('ncua-featured-icon', `ncua-featured-icon--${theme}`, `ncua-featured-icon--${color}`, `ncua-featured-icon--${size}`, className),
+    ...rest,
     children: [theme === 'outline-circle' && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [(0, _jsxRuntime.jsx)("div", {
         className: "ncua-featured-icon__outline ncua-featured-icon__outline--inner"
@@ -56,5 +37,5 @@ var FeaturedIcon = exports.FeaturedIcon = /*#__PURE__*/(0, _react.forwardRef)(fu
       width: iconSizeMap[size],
       height: iconSizeMap[size]
     })]
-  }));
+  });
 });