@ncds/ui-admin 0.0.15 → 0.0.17

package/dist/cjs/ui-admin/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _badge = require("./src/components/badge");
+Object.keys(_badge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _badge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _badge[key];
+    }
+  });
+});
 var _button = require("./src/components/button");
 Object.keys(_button).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -14,6 +25,127 @@ Object.keys(_button).forEach(function (key) {
     }
   });
 });
+var _carousel = require("./src/components/carousel");
+Object.keys(_carousel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _carousel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _carousel[key];
+    }
+  });
+});
+var _checkbox = require("./src/components/checkbox");
+Object.keys(_checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _checkbox[key];
+    }
+  });
+});
+var _datePicker = require("./src/components/date-picker");
+Object.keys(_datePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _datePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _datePicker[key];
+    }
+  });
+});
+var _input = require("./src/components/input");
+Object.keys(_input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _input[key];
+    }
+  });
+});
+var _pagination = require("./src/components/pagination");
+Object.keys(_pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pagination[key];
+    }
+  });
+});
+var _radio = require("./src/components/radio");
+Object.keys(_radio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _radio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _radio[key];
+    }
+  });
+});
+var _select = require("./src/components/select");
+Object.keys(_select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _select[key];
+    }
+  });
+});
+var _hintText = require("./src/components/shared/hintText");
+Object.keys(_hintText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hintText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hintText[key];
+    }
+  });
+});
+var _label = require("./src/components/shared/label");
+Object.keys(_label).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _label[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _label[key];
+    }
+  });
+});
+var _shared = require("./src/components/shared");
+Object.keys(_shared).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _shared[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _shared[key];
+    }
+  });
+});
+var _spinner = require("./src/components/spinner");
+Object.keys(_spinner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _spinner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _spinner[key];
+    }
+  });
+});
 var _svg = require("./src/components/svg");
 Object.keys(_svg).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25,6 +157,28 @@ Object.keys(_svg).forEach(function (key) {
     }
   });
 });
+var _toggle = require("./src/components/toggle");
+Object.keys(_toggle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _toggle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _toggle[key];
+    }
+  });
+});
+var _tooltip = require("./src/components/tooltip");
+Object.keys(_tooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _tooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _tooltip[key];
+    }
+  });
+});
 var _components = require("./src/components");
 Object.keys(_components).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/ui-admin/src/components/button/index.js

@@ -13,4 +13,15 @@ Object.keys(_Button).forEach(function (key) {
       return _Button[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];
+    }
+  });
 });

package/dist/cjs/ui-admin/src/components/carousel/index.js

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

package/dist/cjs/ui-admin/src/components/date-picker/RangeDatePicker.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RangeDatePicker = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _lodash = require("lodash");
+var _moment = _interopRequireDefault(require("moment"));
+var _DatePicker = require("./DatePicker");
+var _utils = require("./utils");
+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 RangeDatePicker = function (_a) {
+  var startDateOptions = _a.startDateOptions,
+    endDateOptions = _a.endDateOptions,
+    validationOption = _a.validationOption,
+    onDateValidation = _a.onDateValidation;
+  var resetDateAndAlert = (0, _react.useCallback)(function (type) {
+    var _a, _b;
+    var newDate = type === 'start' ? ((_a = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _a === void 0 ? void 0 : _a.startDate) || '' : ((_b = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _b === void 0 ? void 0 : _b.endDate) || '';
+    if (type === 'start') {
+      startDateOptions.onChangeDate(newDate);
+    } else {
+      endDateOptions.onChangeDate(newDate);
+    }
+    onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
+      type: 'end',
+      errorType: 'reset',
+      newDate: newDate,
+      currentDate: type === 'start' ? startDateOptions.currentDate : endDateOptions.currentDate
+    });
+  }, [startDateOptions, endDateOptions, validationOption, onDateValidation]);
+  var changeSettingDateAndAlert = (0, _react.useCallback)(function (type, isOverPeriod) {
+    if (isOverPeriod === void 0) {
+      isOverPeriod = false;
+    }
+    var _a = validationOption.setting,
+      unit = _a.unit,
+      period = _a.period;
+    var newDate = '';
+    if (type === 'start') {
+      newDate = (0, _utils.getDateFormat)((0, _moment.default)(startDateOptions.currentDate).add(period, unit).toDate());
+    } else {
+      newDate = (0, _utils.getDateFormat)((0, _moment.default)(endDateOptions.currentDate).subtract(period, unit).toDate());
+    }
+    onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
+      type: type,
+      errorType: isOverPeriod ? 'period' : 'overlap',
+      newDate: newDate,
+      currentDate: type === 'start' ? startDateOptions.currentDate : endDateOptions.currentDate
+    });
+  }, [startDateOptions, endDateOptions, validationOption, onDateValidation]);
+  var validateDateType = function (date) {
+    return !isNaN(Date.parse(date));
+  };
+  (0, _react.useEffect)(function () {
+    var _a;
+    var needResetDate = validateDateType(startDateOptions.currentDate) && !(0, _lodash.isNil)((_a = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _a === void 0 ? void 0 : _a.startDate) && (0, _moment.default)(startDateOptions.currentDate).isAfter(endDateOptions.currentDate);
+    if (needResetDate) {
+      resetDateAndAlert('start');
+      return;
+    }
+    if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting)) {
+      return;
+    }
+    var isOverDate = (0, _moment.default)(startDateOptions.currentDate).isAfter(endDateOptions.currentDate);
+    var _b = validationOption.setting,
+      unit = _b.unit,
+      period = _b.period;
+    var isValidPeriod = (0, _moment.default)(startDateOptions.currentDate).isSameOrAfter((0, _moment.default)(endDateOptions.currentDate).subtract(period, unit));
+    if (isOverDate) {
+      changeSettingDateAndAlert('start');
+    }
+    if (!isValidPeriod) {
+      changeSettingDateAndAlert('start', !isValidPeriod);
+    }
+  }, [startDateOptions.currentDate]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    var needResetDate = validateDateType(endDateOptions.currentDate) && !(0, _lodash.isNil)((_a = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _a === void 0 ? void 0 : _a.endDate) && (0, _moment.default)(endDateOptions.currentDate).isBefore(startDateOptions.currentDate);
+    if (needResetDate) {
+      resetDateAndAlert('end');
+      return;
+    }
+    var isNotTodayEndDate = endDateOptions.currentDate !== (0, _utils.getDateFormat)();
+    if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting) || !isNotTodayEndDate) {
+      return;
+    }
+    var isOverDate = (0, _moment.default)(startDateOptions.currentDate).isAfter(endDateOptions.currentDate);
+    var _b = validationOption.setting,
+      unit = _b.unit,
+      period = _b.period;
+    var isValidPeriod = (0, _moment.default)(endDateOptions.currentDate).isSameOrBefore((0, _moment.default)(startDateOptions.currentDate).add(period, unit));
+    if (isOverDate) {
+      changeSettingDateAndAlert('end');
+    }
+    if (!isValidPeriod) {
+      changeSettingDateAndAlert('end', !isValidPeriod);
+    }
+  }, [endDateOptions.currentDate]);
+  return (0, _jsxRuntime.jsxs)("div", __assign({
+    className: "ncua-range-date-picker"
+  }, {
+    children: [(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, __assign({}, startDateOptions)), "-", (0, _jsxRuntime.jsx)(_DatePicker.DatePicker, __assign({}, endDateOptions))]
+  }));
+};
+exports.RangeDatePicker = RangeDatePicker;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DatePicker = require("./DatePicker");
+Object.keys(_DatePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DatePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DatePicker[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 _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
+});

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDateFormat = getDateFormat;
+exports.getToday = getToday;
+var _moment = _interopRequireDefault(require("moment"));
+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();
+  }
+  return (0, _moment.default)(date).format('YYYY-MM-DD');
+}

package/dist/cjs/ui-admin/src/components/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _badge = require("./badge");
+Object.keys(_badge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _badge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _badge[key];
+    }
+  });
+});
 var _button = require("./button");
 Object.keys(_button).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -14,6 +25,17 @@ Object.keys(_button).forEach(function (key) {
     }
   });
 });
+var _carousel = require("./carousel");
+Object.keys(_carousel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _carousel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _carousel[key];
+    }
+  });
+});
 var _checkbox = require("./checkbox");
 Object.keys(_checkbox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25,6 +47,39 @@ Object.keys(_checkbox).forEach(function (key) {
     }
   });
 });
+var _datePicker = require("./date-picker");
+Object.keys(_datePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _datePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _datePicker[key];
+    }
+  });
+});
+var _input = require("./input");
+Object.keys(_input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _input[key];
+    }
+  });
+});
+var _pagination = require("./pagination");
+Object.keys(_pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pagination[key];
+    }
+  });
+});
 var _radio = require("./radio");
 Object.keys(_radio).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -47,58 +102,58 @@ Object.keys(_select).forEach(function (key) {
     }
   });
 });
-var _svg = require("./svg");
-Object.keys(_svg).forEach(function (key) {
+var _shared = require("./shared");
+Object.keys(_shared).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _svg[key]) return;
+  if (key in exports && exports[key] === _shared[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _svg[key];
+      return _shared[key];
     }
   });
 });
-var _toggle = require("./toggle");
-Object.keys(_toggle).forEach(function (key) {
+var _spinner = require("./spinner");
+Object.keys(_spinner).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _toggle[key]) return;
+  if (key in exports && exports[key] === _spinner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _toggle[key];
+      return _spinner[key];
     }
   });
 });
-var _tooltip = require("./tooltip");
-Object.keys(_tooltip).forEach(function (key) {
+var _svg = require("./svg");
+Object.keys(_svg).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _tooltip[key]) return;
+  if (key in exports && exports[key] === _svg[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _tooltip[key];
+      return _svg[key];
     }
   });
 });
-var _carousel = require("./carousel");
-Object.keys(_carousel).forEach(function (key) {
+var _toggle = require("./toggle");
+Object.keys(_toggle).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _carousel[key]) return;
+  if (key in exports && exports[key] === _toggle[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _carousel[key];
+      return _toggle[key];
     }
   });
 });
-var _badge = require("./badge");
-Object.keys(_badge).forEach(function (key) {
+var _tooltip = require("./tooltip");
+Object.keys(_tooltip).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _badge[key]) return;
+  if (key in exports && exports[key] === _tooltip[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _badge[key];
+      return _tooltip[key];
     }
   });
 });

package/dist/cjs/ui-admin/src/components/input/index.js

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

package/dist/cjs/ui-admin/src/components/pagination/index.js

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

package/dist/cjs/ui-admin/src/components/shared/hintText/index.js

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

package/dist/cjs/ui-admin/src/components/shared/index.js

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

package/dist/cjs/ui-admin/src/components/shared/label/index.js

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

package/dist/cjs/ui-admin/src/components/spinner/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Spinner = require("./Spinner");
+Object.keys(_Spinner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Spinner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      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/esm/ui-admin/index.js

@@ -1,3 +1,17 @@
+export * from './src/components/badge';
 export * from './src/components/button';
+export * from './src/components/carousel';
+export * from './src/components/checkbox';
+export * from './src/components/date-picker';
+export * from './src/components/input';
+export * from './src/components/pagination';
+export * from './src/components/radio';
+export * from './src/components/select';
+export * from './src/components/shared/hintText';
+export * from './src/components/shared/label';
+export * from './src/components/shared';
+export * from './src/components/spinner';
 export * from './src/components/svg';
+export * from './src/components/toggle';
+export * from './src/components/tooltip';
 export * from './src/components';

package/dist/esm/ui-admin/src/components/button/index.js

@@ -1 +1,2 @@
-export * from './Button';
+export * from './Button';
+export * from './ButtonGroup';

package/dist/esm/ui-admin/src/components/carousel/index.js

@@ -1,2 +1,2 @@
-export * from './CarouselNumberGroup';
-export * from './CarouselArrow';
+export * from './CarouselArrow';
+export * from './CarouselNumberGroup';

package/dist/esm/ui-admin/src/components/date-picker/RangeDatePicker.js

@@ -0,0 +1,110 @@
+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 { useCallback, useEffect } from 'react';
+import { isNil } from 'lodash';
+import moment from 'moment';
+import { DatePicker } from './DatePicker';
+import { getDateFormat } from './utils';
+export var RangeDatePicker = function (_a) {
+  var startDateOptions = _a.startDateOptions,
+    endDateOptions = _a.endDateOptions,
+    validationOption = _a.validationOption,
+    onDateValidation = _a.onDateValidation;
+  var resetDateAndAlert = useCallback(function (type) {
+    var _a, _b;
+    var newDate = type === 'start' ? ((_a = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _a === void 0 ? void 0 : _a.startDate) || '' : ((_b = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _b === void 0 ? void 0 : _b.endDate) || '';
+    if (type === 'start') {
+      startDateOptions.onChangeDate(newDate);
+    } else {
+      endDateOptions.onChangeDate(newDate);
+    }
+    onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
+      type: 'end',
+      errorType: 'reset',
+      newDate: newDate,
+      currentDate: type === 'start' ? startDateOptions.currentDate : endDateOptions.currentDate
+    });
+  }, [startDateOptions, endDateOptions, validationOption, onDateValidation]);
+  var changeSettingDateAndAlert = useCallback(function (type, isOverPeriod) {
+    if (isOverPeriod === void 0) {
+      isOverPeriod = false;
+    }
+    var _a = validationOption.setting,
+      unit = _a.unit,
+      period = _a.period;
+    var newDate = '';
+    if (type === 'start') {
+      newDate = getDateFormat(moment(startDateOptions.currentDate).add(period, unit).toDate());
+    } else {
+      newDate = getDateFormat(moment(endDateOptions.currentDate).subtract(period, unit).toDate());
+    }
+    onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
+      type: type,
+      errorType: isOverPeriod ? 'period' : 'overlap',
+      newDate: newDate,
+      currentDate: type === 'start' ? startDateOptions.currentDate : endDateOptions.currentDate
+    });
+  }, [startDateOptions, endDateOptions, validationOption, onDateValidation]);
+  var validateDateType = function (date) {
+    return !isNaN(Date.parse(date));
+  };
+  useEffect(function () {
+    var _a;
+    var needResetDate = validateDateType(startDateOptions.currentDate) && !isNil((_a = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _a === void 0 ? void 0 : _a.startDate) && moment(startDateOptions.currentDate).isAfter(endDateOptions.currentDate);
+    if (needResetDate) {
+      resetDateAndAlert('start');
+      return;
+    }
+    if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting)) {
+      return;
+    }
+    var isOverDate = moment(startDateOptions.currentDate).isAfter(endDateOptions.currentDate);
+    var _b = validationOption.setting,
+      unit = _b.unit,
+      period = _b.period;
+    var isValidPeriod = moment(startDateOptions.currentDate).isSameOrAfter(moment(endDateOptions.currentDate).subtract(period, unit));
+    if (isOverDate) {
+      changeSettingDateAndAlert('start');
+    }
+    if (!isValidPeriod) {
+      changeSettingDateAndAlert('start', !isValidPeriod);
+    }
+  }, [startDateOptions.currentDate]);
+  useEffect(function () {
+    var _a;
+    var needResetDate = validateDateType(endDateOptions.currentDate) && !isNil((_a = validationOption === null || validationOption === void 0 ? void 0 : validationOption.initDate) === null || _a === void 0 ? void 0 : _a.endDate) && moment(endDateOptions.currentDate).isBefore(startDateOptions.currentDate);
+    if (needResetDate) {
+      resetDateAndAlert('end');
+      return;
+    }
+    var isNotTodayEndDate = endDateOptions.currentDate !== getDateFormat();
+    if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting) || !isNotTodayEndDate) {
+      return;
+    }
+    var isOverDate = moment(startDateOptions.currentDate).isAfter(endDateOptions.currentDate);
+    var _b = validationOption.setting,
+      unit = _b.unit,
+      period = _b.period;
+    var isValidPeriod = moment(endDateOptions.currentDate).isSameOrBefore(moment(startDateOptions.currentDate).add(period, unit));
+    if (isOverDate) {
+      changeSettingDateAndAlert('end');
+    }
+    if (!isValidPeriod) {
+      changeSettingDateAndAlert('end', !isValidPeriod);
+    }
+  }, [endDateOptions.currentDate]);
+  return _jsxs("div", __assign({
+    className: "ncua-range-date-picker"
+  }, {
+    children: [_jsx(DatePicker, __assign({}, startDateOptions)), "-", _jsx(DatePicker, __assign({}, endDateOptions))]
+  }));
+};

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

@@ -0,0 +1,3 @@
+export * from './DatePicker';
+export * from './RangeDatePicker';
+export * from './utils';

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

@@ -0,0 +1,10 @@
+import moment from 'moment';
+export function getToday() {
+  return moment().toDate();
+}
+export function getDateFormat(date) {
+  if (date === void 0) {
+    date = getToday();
+  }
+  return moment(date).format('YYYY-MM-DD');
+}

package/dist/esm/ui-admin/src/components/index.js

@@ -1,9 +1,14 @@
+export * from './badge';
 export * from './button';
+export * from './carousel';
 export * from './checkbox';
+export * from './date-picker';
+export * from './input';
+export * from './pagination';
 export * from './radio';
 export * from './select';
+export * from './shared';
+export * from './spinner';
 export * from './svg';
 export * from './toggle';
-export * from './tooltip';
-export * from './carousel';
-export * from './badge';
+export * from './tooltip';

package/dist/esm/ui-admin/src/components/input/index.js

@@ -0,0 +1,3 @@
+export * from './InputBase';
+export * from './PasswordInput';
+export * from './Textarea';

package/dist/esm/ui-admin/src/components/pagination/index.js

@@ -1 +1,2 @@
+export * from './NavButton';
 export * from './Pagination';

package/dist/esm/ui-admin/src/components/shared/hintText/index.js

@@ -0,0 +1 @@
+export * from './HintText';

package/dist/esm/ui-admin/src/components/shared/index.js

@@ -0,0 +1,2 @@
+export * from './hintText';
+export * from './label';

package/dist/esm/ui-admin/src/components/shared/label/index.js

@@ -0,0 +1 @@
+export * from './Label';

package/dist/esm/ui-admin/src/components/spinner/index.js

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

package/dist/types/ui-admin/index.d.ts

@@ -1,4 +1,18 @@
+export * from './src/components/badge';
 export * from './src/components/button';
+export * from './src/components/carousel';
+export * from './src/components/checkbox';
+export * from './src/components/date-picker';
+export * from './src/components/input';
+export * from './src/components/pagination';
+export * from './src/components/radio';
+export * from './src/components/select';
+export * from './src/components/shared/hintText';
+export * from './src/components/shared/label';
+export * from './src/components/shared';
+export * from './src/components/spinner';
 export * from './src/components/svg';
+export * from './src/components/toggle';
+export * from './src/components/tooltip';
 export * from './src/components';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/button/ButtonGroup.d.ts

@@ -51,7 +51,7 @@ export declare const ButtonGroup: {
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
         name?: string | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
+        type?: "button" | "submit" | "reset" | undefined;
         value?: string | number | readonly string[] | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;

package/dist/types/ui-admin/src/components/button/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Button';
+export * from './ButtonGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/carousel/index.d.ts

@@ -1,3 +1,3 @@
-export * from './CarouselNumberGroup';
 export * from './CarouselArrow';
+export * from './CarouselNumberGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/date-picker/RangeDatePicker.d.ts

@@ -0,0 +1,24 @@
+import { unitOfTime } from 'moment';
+import { DatePickerProps } from './DatePicker';
+export type RangeDatePickerProps = {
+    startDateOptions: DatePickerProps;
+    endDateOptions: DatePickerProps;
+    validationOption?: {
+        initDate?: {
+            startDate?: string;
+            endDate?: string;
+        };
+        setting?: {
+            unit: unitOfTime.Diff;
+            period: number;
+        };
+    };
+    onDateValidation?: (params: {
+        type: 'start' | 'end';
+        errorType: 'reset' | 'period' | 'overlap';
+        newDate: string;
+        currentDate: string;
+    }) => void;
+};
+export declare const RangeDatePicker: ({ startDateOptions, endDateOptions, validationOption, onDateValidation, }: RangeDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RangeDatePicker.d.ts.map

package/dist/types/ui-admin/src/components/date-picker/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DatePicker';
+export * from './RangeDatePicker';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/date-picker/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function getToday(): Date;
+export declare function getDateFormat(date?: Date | string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/ui-admin/src/components/index.d.ts

@@ -1,10 +1,15 @@
+export * from './badge';
 export * from './button';
+export * from './carousel';
 export * from './checkbox';
+export * from './date-picker';
+export * from './input';
+export * from './pagination';
 export * from './radio';
 export * from './select';
+export * from './shared';
+export * from './spinner';
 export * from './svg';
 export * from './toggle';
 export * from './tooltip';
-export * from './carousel';
-export * from './badge';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/input/index.d.ts

@@ -0,0 +1,4 @@
+export * from './InputBase';
+export * from './PasswordInput';
+export * from './Textarea';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/pagination/index.d.ts

@@ -1,2 +1,3 @@
+export * from './NavButton';
 export * from './Pagination';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/shared/hintText/index.d.ts

@@ -0,0 +1,2 @@
+export * from './HintText';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/shared/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hintText';
+export * from './label';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/shared/label/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Label';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui-admin/src/components/spinner/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Spinner';
+export * from './index';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui-admin/assets/styles/style.css

@@ -1616,6 +1616,7 @@ button {
 
 .ncua-date-picker {
   position: relative;
+  display: inline-block;
 }
 .ncua-date-picker .flatpickr-wrapper {
   border: 1px solid var(--gray-200);
@@ -1785,6 +1786,12 @@ button {
   color: var(--gray-300);
 }
 
+.ncua-range-date-picker {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .ncua-carousel-number-group {
   display: inline-flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ncds/ui-admin",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "nhn-commerce의 어드민 디자인 시스템입니다.",
   "scripts": {
     "barrel": "node barrel.js",

package/dist/cjs/ui-admin/src/components/input/FileInput.js

@@ -1 +0,0 @@
-"use strict";

package/dist/esm/ui-admin/src/components/input/FileInput.js

@@ -1 +0,0 @@
-"use strict";

package/dist/types/ui-admin/src/components/input/FileInput.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=FileInput.d.ts.map