@ncds/ui-admin 1.6.4 → 1.8.0

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

@@ -1,4 +1,2 @@
 export * from './DatePicker';
-export * from './RangeDatePicker';
-export * from './RangeDatePickerWithButtons';
 export * from './utils';

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

@@ -2,9 +2,7 @@ import moment from 'moment';
 export function getToday() {
   return moment().toDate();
 }
-export function getDateFormat(date) {
-  if (date === void 0) {
-    date = getToday();
-  }
+export function getDateFormat() {
+  let date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getToday();
   return moment(date).format('YYYY-MM-DD');
 }

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

@@ -1,39 +1,28 @@
-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 { forwardRef } from 'react';
 import classNames from 'classnames';
+import { forwardRef } from 'react';
 /**
  * @param {DividerProps} props
  * @param {ReactNode} props.children Button 컴포넌트는 xs로 ButtonGroup은 sm 사이즈로 추가하는 것이 권장됩니다.
  * @returns {ReactNode}
  */
-export var Divider = /*#__PURE__*/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 _jsxs("div", __assign({
-    className: classNames('ncua-divider', "ncua-divider--".concat(type), "ncua-divider--".concat(style), className),
-    ref: ref
-  }, {
+export const Divider = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    className,
+    type,
+    style = 'single-line',
+    children
+  } = _ref;
+  return _jsxs("div", {
+    className: classNames('ncua-divider', `ncua-divider--${type}`, `ncua-divider--${style}`, className),
+    ref: ref,
     children: [style === 'single-line' && _jsx("div", {
       className: "ncua-divider__line"
-    }), _jsx("div", __assign({
-      className: "ncua-divider__content"
-    }, {
+    }), _jsx("div", {
+      className: "ncua-divider__content",
       children: children
-    })), style === 'single-line' && _jsx("div", {
+    }), style === 'single-line' && _jsx("div", {
       className: "ncua-divider__line"
     })]
-  }));
+  });
 });

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

@@ -1,34 +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';
 import { forwardRef } from 'react';
-export var Dot = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _b = _a.color,
-    color = _b === void 0 ? 'success' : _b,
-    _c = _a.size,
-    size = _c === void 0 ? 'md' : _c,
-    className = _a.className,
-    props = __rest(_a, ["color", "size", "className"]);
-  return _jsx("span", __assign({
+const Dot = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    color = 'success',
+    size = 'sm',
+    className,
+    ...props
+  } = _ref;
+  return _jsx("span", {
     ref: ref,
-    className: classNames('ncua-dot', "ncua-dot--".concat(color), "ncua-dot--".concat(size), className)
-  }, props));
+    className: classNames('ncua-dot', `ncua-dot--${color}`, `ncua-dot--${size}`, className),
+    ...props
+  });
 });
-Dot.displayName = 'Dot';
+Dot.displayName = 'Dot';
+export { Dot };

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

@@ -1,42 +1,28 @@
-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 { DotsVertical } from '@ncds/ui-admin-icon';
 import { useEffect, useRef, useState } from 'react';
-export 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 = useState(opened),
-    isOpen = _f[0],
-    setIsOpen = _f[1];
-  var dropdownRef = useRef(null);
-  var toggleDropdown = function () {
+export const Dropdown = _ref => {
+  let {
+    trigger,
+    align = 'left',
+    header,
+    groups,
+    className,
+    opened = false,
+    closeOnClickItem = true,
+    closeOnClickOutside = true
+  } = _ref;
+  const [isOpen, setIsOpen] = useState(opened);
+  const dropdownRef = 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) {
@@ -44,155 +30,128 @@ export var Dropdown = function (_a) {
       }
     }
   };
-  useEffect(function () {
+  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 _jsx("button", __assign({
+        return _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 : DotsVertical;
-          return _jsx("button", __assign({
+          const TriggerIcon = trigger.icon ?? DotsVertical;
+          return _jsx("button", {
             className: "ncua-dropdown__trigger ncua-dropdown__trigger--icon",
-            onClick: toggleDropdown
-          }, {
+            onClick: toggleDropdown,
             children: _jsx(TriggerIcon, {})
-          }));
+          });
         }
       case 'avatar':
-        return _jsx("button", __assign({
+        return _jsx("button", {
           className: "ncua-dropdown__trigger ncua-dropdown__trigger--avatar",
-          onClick: toggleDropdown
-        }, {
-          children: _jsx("div", __assign({
-            className: "ncua-dropdown__avatar"
-          }, {
+          onClick: toggleDropdown,
+          children: _jsx("div", {
+            className: "ncua-dropdown__avatar",
             children: _jsx("img", {
               src: trigger.avatar,
               alt: "avatar"
             })
-          }))
-        }));
+          })
+        });
       case 'button':
-        return _jsx("button", __assign({
+        return _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 _jsx("div", __assign({
-        className: "ncua-dropdown__header"
-      }, {
-        children: _jsxs("div", __assign({
-          className: "ncua-dropdown__header-avatar-group"
-        }, {
-          children: [_jsx("div", __assign({
-            className: "ncua-dropdown__avatar"
-          }, {
+      return _jsx("div", {
+        className: "ncua-dropdown__header",
+        children: _jsxs("div", {
+          className: "ncua-dropdown__header-avatar-group",
+          children: [_jsx("div", {
+            className: "ncua-dropdown__avatar",
             children: _jsx("img", {
               src: header.avatar,
               alt: "avatar"
             })
-          })), _jsxs("div", __assign({
-            className: "ncua-dropdown__header-text"
-          }, {
-            children: [header.title && _jsx("div", __assign({
-              className: "ncua-dropdown__header-title"
-            }, {
+          }), _jsxs("div", {
+            className: "ncua-dropdown__header-text",
+            children: [header.title && _jsx("div", {
+              className: "ncua-dropdown__header-title",
               children: header.title
-            })), header.subtitle && _jsx("div", __assign({
-              className: "ncua-dropdown__header-subtitle"
-            }, {
+            }), header.subtitle && _jsx("div", {
+              className: "ncua-dropdown__header-subtitle",
               children: header.subtitle
-            }))]
-          }))]
-        }))
-      }));
+            })]
+          })]
+        })
+      });
     }
     if (header.type === 'text' && header.title) {
-      return _jsx("div", __assign({
-        className: "ncua-dropdown__header"
-      }, {
-        children: _jsx("div", __assign({
-          className: "ncua-dropdown__header-title"
-        }, {
+      return _jsx("div", {
+        className: "ncua-dropdown__header",
+        children: _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 _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 _jsxs("div", {
+      className: itemClasses,
       children: [_jsx("button", {
         className: "ncua-dropdown__item-clickable-layer",
-        onClick: function () {
-          return handleClickItem(item);
-        }
-      }), _jsxs("div", __assign({
-        className: "ncua-dropdown__item-content"
-      }, {
-        children: [_jsxs("div", __assign({
-          className: "ncua-dropdown__item-text-group"
-        }, {
+        onClick: () => handleClickItem(item)
+      }), _jsxs("div", {
+        className: "ncua-dropdown__item-content",
+        children: [_jsxs("div", {
+          className: "ncua-dropdown__item-text-group",
           children: [ItemIcon && _jsx(ItemIcon, {
             className: "ncua-dropdown__item-icon"
-          }), _jsx("span", __assign({
-            className: "ncua-dropdown__item-text"
-          }, {
+          }), _jsx("span", {
+            className: "ncua-dropdown__item-text",
             children: item.text
-          }))]
-        })), item.shortcut && _jsx("span", __assign({
-          className: "ncua-dropdown__item-shortcut"
-        }, {
+          })]
+        }), item.shortcut && _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 _jsxs("div", __assign({
+  const dropdownClasses = ['ncua-dropdown', className, align === 'right' ? 'ncua-dropdown--right' : ''].filter(Boolean).join(' ');
+  return _jsxs("div", {
     className: dropdownClasses,
-    ref: dropdownRef
-  }, {
-    children: [renderTrigger(), isOpen && _jsxs("div", __assign({
-      className: "ncua-dropdown__menu"
-    }, {
-      children: [renderHeader(), _jsx("div", __assign({
-        className: "ncua-dropdown__menu-items"
-      }, {
-        children: groups.map(function (group, index) {
-          return _jsx("div", __assign({
-            className: "ncua-dropdown__group"
-          }, {
-            children: group.items.map(renderItem)
-          }), index);
-        })
-      }))]
-    }))]
-  }));
+    ref: dropdownRef,
+    children: [renderTrigger(), isOpen && _jsxs("div", {
+      className: "ncua-dropdown__menu",
+      children: [renderHeader(), _jsx("div", {
+        className: "ncua-dropdown__menu-items",
+        children: groups.map(group => _jsx("div", {
+          className: "ncua-dropdown__group",
+          children: group.items.map(renderItem)
+        }, group.items[0]?.id))
+      })]
+    })]
+  });
 };

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

@@ -1,51 +1,35 @@
-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 } from "react/jsx-runtime";
 import { Button } from '../button/Button';
-export var EmptyState = function (_a) {
-  var title = _a.title,
-    description = _a.description,
-    buttons = _a.buttons;
-  var emptyStateButtons = buttons ? Array.isArray(buttons) ? buttons : [buttons] : [];
-  return _jsxs("div", __assign({
-    className: "ncua-empty-state"
-  }, {
-    children: [_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 _jsxs("div", {
+    className: "ncua-empty-state",
+    children: [_jsx("p", {
+      className: "ncua-empty-state__title",
       children: title
-    })), _jsx("span", __assign({
-      className: "ncua-empty-state__description"
-    }, {
+    }), _jsx("span", {
+      className: "ncua-empty-state__description",
       children: description
-    })), emptyStateButtons.length > 0 && _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 _jsx(Button, __assign({
-          size: size !== null && size !== void 0 ? size : 'xs',
-          label: label
-        }, rest), label);
+    }), emptyStateButtons.length > 0 && _jsx("div", {
+      className: "ncua-empty-state__button-group",
+      children: emptyStateButtons.map(_ref2 => {
+        let {
+          size,
+          label,
+          ...rest
+        } = _ref2;
+        return _jsx(Button, {
+          size: size ?? 'xs',
+          label: label,
+          ...rest
+        }, label);
       })
-    }))]
-  }));
-};
+    })]
+  });
+};
+export { EmptyState };

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

@@ -1,44 +1,25 @@
-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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef } from 'react';
-var iconSizeMap = {
+const iconSizeMap = {
   sm: 16,
   md: 20,
   lg: 24,
   xl: 28
 };
-export var FeaturedIcon = /*#__PURE__*/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 ? 'md' : _d,
-    className = _a.className,
-    rest = __rest(_a, ["icon", "theme", "color", "size", "className"]);
-  return _jsxs("div", __assign({
+const FeaturedIcon = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    icon: Icon,
+    theme = 'light-circle',
+    color = 'neutral',
+    size = 'sm',
+    className,
+    ...rest
+  } = _ref;
+  return _jsxs("div", {
     ref: ref,
-    className: classNames('ncua-featured-icon', "ncua-featured-icon--".concat(theme), "ncua-featured-icon--".concat(color), "ncua-featured-icon--".concat(size), className)
-  }, rest, {
+    className: classNames('ncua-featured-icon', `ncua-featured-icon--${theme}`, `ncua-featured-icon--${color}`, `ncua-featured-icon--${size}`, className),
+    ...rest,
     children: [theme === 'outline-circle' && _jsxs(_Fragment, {
       children: [_jsx("div", {
         className: "ncua-featured-icon__outline ncua-featured-icon__outline--inner"
@@ -49,5 +30,6 @@ export var FeaturedIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
       width: iconSizeMap[size],
       height: iconSizeMap[size]
     })]
-  }));
-});
+  });
+});
+export { FeaturedIcon };