@ncds/ui-admin 0.0.14 → 0.0.16

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

@@ -0,0 +1,192 @@
+"use strict";
+
+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;
+  if (key in exports && exports[key] === _button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _button[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;
+  if (key in exports && exports[key] === _svg[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _svg[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;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _components[key];
+    }
+  });
+});

package/dist/cjs/ui-admin/src/components/badge/Badge.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Badge = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
+var _button = require("../button");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _color = require("../../../constant/color");
+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 Badge = function (_a) {
+  var label = _a.label,
+    _b = _a.type,
+    type = _b === void 0 ? 'pill-outline' : _b,
+    _c = _a.color,
+    color = _c === void 0 ? 'neutral' : _c,
+    className = _a.className,
+    leadingIcon = _a.leadingIcon,
+    trailingIcon = _a.trailingIcon,
+    _d = _a.size,
+    size = _d === void 0 ? 'sm' : _d;
+  var sideSlotRender = function (slot) {
+    var _a, _b;
+    if (slot.type === 'icon') {
+      return (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+        name: slot.icon,
+        height: (_a = slot.size) !== null && _a !== void 0 ? _a : _button.svgSize[size],
+        width: (_b = slot.size) !== null && _b !== void 0 ? _b : _button.svgSize[size],
+        color: slot.color ? _color.COLOR[slot.color] : undefined
+      });
+    }
+    return slot.children;
+  };
+  return (0, _jsxRuntime.jsxs)("span", __assign({
+    className: (0, _classnames.default)('ncua-badge', "ncua-badge--".concat(type), "ncua-badge--".concat(color), "ncua-badge--".concat(size), className)
+  }, {
+    children: [leadingIcon && sideSlotRender(leadingIcon), (0, _jsxRuntime.jsx)("span", __assign({
+      className: "ncua-badge__label"
+    }, {
+      children: label
+    })), trailingIcon && sideSlotRender(trailingIcon)]
+  }));
+};
+exports.Badge = Badge;

package/dist/{ui-admin/src/components/button → cjs/ui-admin/src/components/badge}/index.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Button = require("./Button");
-Object.keys(_Button).forEach(function (key) {
+var _Badge = require("./Badge");
+Object.keys(_Badge).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Button[key]) return;
+  if (key in exports && exports[key] === _Badge[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _Button[key];
+      return _Badge[key];
     }
   });
 });

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

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CarouselArrow = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _svg = require("../svg");
+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 CarouselArrow = function (_a) {
+  var _b;
+  var _c = _a.type,
+    type = _c === void 0 ? 'default' : _c,
+    className = _a.className,
+    size = _a.size,
+    chevron = _a.chevron,
+    onClick = _a.onClick;
+  return (0, _jsxRuntime.jsx)("button", __assign({
+    type: "button",
+    className: (0, _classnames.default)('ncua-carousel-arrow', (_b = {}, _b["ncua-carousel-arrow--".concat(type)] = type, _b["ncua-carousel-arrow--".concat(size)] = size, _b["ncua-carousel-arrow--".concat(chevron)] = chevron, _b), className),
+    onClick: onClick
+  }, {
+    children: (0, _jsxRuntime.jsx)(_svg.SvgIcon, {
+      className: "ncua-carousel-arrow__icon",
+      color: "gray500",
+      icon: chevron === 'left' ? 'chevronLeft' : 'chevronRight'
+    })
+  }));
+};
+exports.CarouselArrow = CarouselArrow;

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

@@ -0,0 +1,46 @@
+"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 }; }
+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 CarouselNumberGroup = function (_a) {
+  var _b;
+  var _c = _a.framed,
+    framed = _c === void 0 ? true : _c,
+    _d = _a.size,
+    size = _d === void 0 ? 'sm' : _d,
+    _e = _a.color,
+    color = _e === void 0 ? 'light' : _e,
+    currentPage = _a.currentPage,
+    totalPage = _a.totalPage;
+  return (0, _jsxRuntime.jsxs)("div", __assign({
+    className: (0, _classnames.default)('ncua-carousel-number-group', (_b = {
+      framed: framed
+    }, _b["ncua-carousel-number-group--".concat(color)] = color, _b["ncua-carousel-number-group--".concat(size)] = size, _b))
+  }, {
+    children: [(0, _jsxRuntime.jsx)("span", __assign({
+      className: "ncua-carousel-number-group__number"
+    }, {
+      children: currentPage
+    })), (0, _jsxRuntime.jsxs)("span", __assign({
+      className: "ncua-carousel-number-group__total"
+    }, {
+      children: ["/", totalPage]
+    }))]
+  }));
+};
+exports.CarouselNumberGroup = CarouselNumberGroup;

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

@@ -0,0 +1,27 @@
+"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];
+    }
+  });
+});
+var _CarouselNumberGroup = require("./CarouselNumberGroup");
+Object.keys(_CarouselNumberGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CarouselNumberGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CarouselNumberGroup[key];
+    }
+  });
+});

package/dist/{ui-admin/src/components/pagination → cjs/ui-admin/src/components/date-picker}/index.js

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

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

@@ -0,0 +1,159 @@
+"use strict";
+
+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;
+  if (key in exports && exports[key] === _button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _button[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;
+  if (key in exports && exports[key] === _checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _checkbox[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;
+  if (key in exports && exports[key] === _radio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _radio[key];
+    }
+  });
+});
+var _select = require("./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 _shared = require("./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("./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("./svg");
+Object.keys(_svg).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _svg[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _svg[key];
+    }
+  });
+});
+var _toggle = require("./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("./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];
+    }
+  });
+});

package/dist/{ui-admin → cjs/ui-admin}/src/components/input/InputBase.js

@@ -145,6 +145,7 @@ var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.forwardRef)(function
   }, {
     children: [label && (0, _jsxRuntime.jsx)(_Label.Label, __assign({
       isRequired: required,
+      htmlFor: props.id,
       className: "ncua-input__label--".concat(size)
     }, {
       children: label

package/dist/{ui-admin → cjs/ui-admin}/src/components/input/PasswordInput.js

@@ -53,10 +53,15 @@ var PasswordInput = exports.PasswordInput = /*#__PURE__*/(0, _react.forwardRef)(
   (0, _react.useEffect)(function () {
     if (inputRef.current) {
       setHasContent(!!inputRef.current.value);
-      inputRef.current.addEventListener('input', function () {
+      var handleInput_1 = function () {
         var _a;
         setHasContent(!!((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value));
-      });
+      };
+      inputRef.current.addEventListener('input', handleInput_1);
+      return function () {
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', handleInput_1);
+      };
     }
   }, []);
   return (0, _jsxRuntime.jsx)(_InputBase.InputBase, __assign({