@ncds/ui-admin 1.7.0 → 1.8.0

package/dist/cjs/src/components/image-file-input/ImageFileInput.js

@@ -14,176 +14,124 @@ var _shared = require("../shared");
 var _tooltip = require("../tooltip");
 var _ImagePreview = require("./components/ImagePreview");
 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 __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
-var ImageFileInput = exports.ImageFileInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'sm' : _b,
-    accept = _a.accept,
-    _c = _a.multiple,
-    multiple = _c === void 0 ? false : _c,
-    maxFileSize = _a.maxFileSize,
-    maxFileCount = _a.maxFileCount,
-    value = _a.value,
-    onChange = _a.onChange,
-    onFileSelect = _a.onFileSelect,
-    onFail = _a.onFail,
-    _d = _a.buttonLabel,
-    buttonLabel = _d === void 0 ? '파일 찾기' : _d,
-    _e = _a.imagePreviewTooltipLabel,
-    imagePreviewTooltipLabel = _e === void 0 ? '이미지 업로드' : _e,
-    disabled = _a.disabled,
-    label = _a.label,
-    hintItems = _a.hintItems,
-    validation = _a.validation,
-    destructive = _a.destructive,
-    isRequired = _a.isRequired,
-    showHelpIcon = _a.showHelpIcon,
-    hintText = _a.hintText,
-    _f = _a.showFileTagList,
-    showFileTagList = _f === void 0 ? true : _f,
-    _g = _a.showHintText,
-    showHintText = _g === void 0 ? true : _g,
-    _h = _a.showFileInput,
-    showFileInput = _h === void 0 ? true : _h,
-    props = __rest(_a, ["size", "accept", "multiple", "maxFileSize", "maxFileCount", "value", "onChange", "onFileSelect", "onFail", "buttonLabel", "imagePreviewTooltipLabel", "disabled", "label", "hintItems", "validation", "destructive", "isRequired", "showHelpIcon", "hintText", "showFileTagList", "showHintText", "showFileInput"]);
-  var fileInputRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return fileInputRef.current;
-  });
-  var _j = (0, _react.useState)([]),
-    internalFiles = _j[0],
-    setInternalFiles = _j[1];
-  var _k = (0, _react.useState)(false),
-    isButtonHovered = _k[0],
-    setIsButtonHovered = _k[1];
+const ImageFileInput = exports.ImageFileInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    size = 'sm',
+    accept,
+    multiple = false,
+    maxFileSize,
+    maxFileCount,
+    value,
+    onChange,
+    onFileSelect,
+    onFail,
+    buttonLabel = '파일 찾기',
+    imagePreviewTooltipLabel = '이미지 업로드',
+    disabled,
+    label,
+    hintItems,
+    validation,
+    destructive,
+    isRequired,
+    showHelpIcon,
+    hintText,
+    showFileTagList = true,
+    showHintText = true,
+    showFileInput = true,
+    ...props
+  } = _ref;
+  const fileInputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => fileInputRef.current);
+  const [internalFiles, setInternalFiles] = (0, _react.useState)([]);
+  const [isButtonHovered, setIsButtonHovered] = (0, _react.useState)(false);
   // Determine if component is controlled or uncontrolled
-  var isControlled = value !== undefined;
-  var files = isControlled ? value : internalFiles;
+  const isControlled = value !== undefined;
+  const files = isControlled ? value : internalFiles;
   // Sync internal state with controlled value
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isControlled && value) {
       setInternalFiles(value);
     }
   }, [isControlled, value]);
-  var updateFiles = function (newFiles) {
+  const updateFiles = newFiles => {
     if (isControlled) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(newFiles);
+      onChange?.(newFiles);
     } else {
       setInternalFiles(newFiles);
-      onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(newFiles);
+      onFileSelect?.(newFiles);
     }
   };
-  var handleFileChange = function (event) {
-    var selectedFiles = event.target.files;
+  const handleFileChange = event => {
+    const selectedFiles = event.target.files;
     if (!selectedFiles || selectedFiles.length === 0) return;
-    var _a = validateFiles(Array.from(selectedFiles)),
-      validFiles = _a.validFiles,
-      invalidFiles = _a.invalidFiles;
+    const {
+      validFiles,
+      invalidFiles
+    } = validateFiles(Array.from(selectedFiles));
     // Replace existing file if maxFileCount is 1
-    var nextFiles = maxFileCount === 1 ? validFiles : __spreadArray(__spreadArray([], files, true), validFiles, true);
+    const nextFiles = maxFileCount === 1 ? validFiles : [...files, ...validFiles];
     updateFiles(nextFiles);
     if (onFail && invalidFiles.length > 0) {
       onFail(invalidFiles);
     }
     event.target.value = '';
   };
-  var validateFiles = function (fileList) {
-    var validFiles = [];
-    var invalidFiles = [];
-    var _loop_1 = function (file) {
-      if (files.some(function (f) {
-        return f.name === file.name && f.size === file.size;
-      })) {
-        invalidFiles.push(__assign(__assign({}, file), {
+  const validateFiles = fileList => {
+    const validFiles = [];
+    const invalidFiles = [];
+    for (const file of fileList) {
+      if (files.some(f => f.name === file.name && f.size === file.size)) {
+        invalidFiles.push({
+          ...file,
           errorType: _FileInput.FileInputErrorType.ALREADY_UPLOADED
-        }));
-        return "continue";
+        });
+        continue;
       }
       if (!!maxFileSize && file.size > maxFileSize) {
-        invalidFiles.push(__assign(__assign({}, file), {
+        invalidFiles.push({
+          ...file,
           errorType: _FileInput.FileInputErrorType.EXCEED_MAX_FILE_SIZE
-        }));
-        return "continue";
+        });
+        continue;
       }
       // Skip max count check if maxFileCount is 1 (allow replacement)
       if (!!maxFileCount && maxFileCount !== 1 && files.length + validFiles.length >= maxFileCount) {
-        invalidFiles.push(__assign(__assign({}, file), {
+        invalidFiles.push({
+          ...file,
           errorType: _FileInput.FileInputErrorType.EXCEED_MAX_FILE_COUNT
-        }));
-        return "continue";
+        });
+        continue;
       }
       validFiles.push(file);
-    };
-    for (var _i = 0, fileList_1 = fileList; _i < fileList_1.length; _i++) {
-      var file = fileList_1[_i];
-      _loop_1(file);
     }
     return {
-      validFiles: validFiles,
-      invalidFiles: invalidFiles
+      validFiles,
+      invalidFiles
     };
   };
-  var handleBrowseClick = function () {
+  const handleBrowseClick = () => {
     if (fileInputRef.current && !disabled) {
       fileInputRef.current.click();
     }
   };
-  var handleRemoveFile = function (index) {
-    var newFiles = __spreadArray([], files, true);
+  const handleRemoveFile = index => {
+    const newFiles = [...files];
     newFiles.splice(index, 1);
     updateFiles(newFiles);
   };
-  var renderImagePreview = function (files) {
-    if (files === void 0) {
-      files = [];
-    }
-    var showEmptySlot = maxFileCount ? files.length < maxFileCount : files.length === 0;
-    return (0, _jsxRuntime.jsxs)("div", __assign({
-      className: "ncua-image-file-input__previews"
-    }, {
-      children: [files.map(function (file, index) {
-        return (0, _jsxRuntime.jsx)(_ImagePreview.ImagePreview, {
-          file: file,
-          onRemove: function () {
-            return handleRemoveFile(index);
-          }
-        }, "".concat(file.name, "-").concat(index));
-      }), showEmptySlot && (0, _jsxRuntime.jsxs)("div", __assign({
+  const renderImagePreview = function () {
+    let files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    const showEmptySlot = maxFileCount ? files.length < maxFileCount : files.length === 0;
+    return (0, _jsxRuntime.jsxs)("div", {
+      className: "ncua-image-file-input__previews",
+      children: [files.map((file, index) => (0, _jsxRuntime.jsx)(_ImagePreview.ImagePreview, {
+        file: file,
+        onRemove: () => handleRemoveFile(index)
+      }, `${file.name}-${index}`)), showEmptySlot && (0, _jsxRuntime.jsxs)("div", {
         className: "ncua-image-file-input__empty-slot-wrapper",
-        onMouseEnter: function () {
-          return !disabled && setIsButtonHovered(true);
-        },
-        onMouseLeave: function () {
-          return setIsButtonHovered(false);
-        },
-        onClick: handleBrowseClick
-      }, {
+        onMouseEnter: () => !disabled && setIsButtonHovered(true),
+        onMouseLeave: () => setIsButtonHovered(false),
+        onClick: handleBrowseClick,
         children: [(0, _jsxRuntime.jsx)(_button.Button, {
           onlyIcon: true,
           size: size,
@@ -195,32 +143,26 @@ var ImageFileInput = exports.ImageFileInput = /*#__PURE__*/(0, _react.forwardRef
           content: imagePreviewTooltipLabel,
           position: "bottom"
         })]
-      }))]
-    }));
+      })]
+    });
   };
-  var renderHintList = function () {
+  const renderHintList = () => {
     if (!hintItems || hintItems.length === 0) return null;
-    return (0, _jsxRuntime.jsx)("ul", __assign({
-      className: "ncua-file-input__hint-list"
-    }, {
-      children: hintItems.map(function (hint) {
-        return (0, _jsxRuntime.jsx)("li", __assign({
-          className: "ncua-file-input__hint-item"
-        }, {
-          children: hint
-        }), hint);
-      })
-    }));
+    return (0, _jsxRuntime.jsx)("ul", {
+      className: "ncua-file-input__hint-list",
+      children: hintItems.map(hint => (0, _jsxRuntime.jsx)("li", {
+        className: "ncua-file-input__hint-item",
+        children: hint
+      }, hint))
+    });
   };
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: (0, _classnames.default)('ncua-image-file-input', "ncua-image-file-input--".concat(size), {
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)('ncua-image-file-input', `ncua-image-file-input--${size}`, {
       destructive: destructive
-    })
-  }, {
-    children: [renderImagePreview(files), showFileInput && (0, _jsxRuntime.jsxs)("div", __assign({
-      className: (0, _classnames.default)('ncua-file-input', "ncua-file-input--".concat(size))
-    }, {
-      children: [(0, _jsxRuntime.jsx)("input", __assign({
+    }),
+    children: [renderImagePreview(files), showFileInput && (0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)('ncua-file-input', `ncua-file-input--${size}`),
+      children: [(0, _jsxRuntime.jsx)("input", {
         hidden: true,
         ref: fileInputRef,
         type: "file",
@@ -228,21 +170,19 @@ var ImageFileInput = exports.ImageFileInput = /*#__PURE__*/(0, _react.forwardRef
         multiple: multiple,
         onChange: handleFileChange,
         tabIndex: -1,
-        "aria-hidden": "true"
-      }, props)), (0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-file-input__input-container"
-      }, {
-        children: [(0, _jsxRuntime.jsxs)("div", __assign({
-          className: "ncua-file-input__label"
-        }, {
-          children: [(0, _jsxRuntime.jsx)(_shared.Label, __assign({
-            isRequired: isRequired
-          }, {
+        "aria-hidden": "true",
+        ...props
+      }), (0, _jsxRuntime.jsxs)("div", {
+        className: "ncua-file-input__input-container",
+        children: [(0, _jsxRuntime.jsxs)("div", {
+          className: "ncua-file-input__label",
+          children: [(0, _jsxRuntime.jsx)(_shared.Label, {
+            isRequired: isRequired,
             children: label
-          })), showHelpIcon && (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircle, {
+          }), showHelpIcon && (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircle, {
             className: "ncua-input__help-icon"
           })]
-        })), (0, _jsxRuntime.jsx)(_button.Button, {
+        }), (0, _jsxRuntime.jsx)(_button.Button, {
           size: "xs",
           onClick: handleBrowseClick,
           disabled: disabled,
@@ -251,12 +191,11 @@ var ImageFileInput = exports.ImageFileInput = /*#__PURE__*/(0, _react.forwardRef
             icon: _uiAdminIcon.Upload01
           },
           label: buttonLabel
-        }), showHintText && hintText && (0, _jsxRuntime.jsx)(_shared.HintText, __assign({
-          destructive: destructive
-        }, {
+        }), showHintText && hintText && (0, _jsxRuntime.jsx)(_shared.HintText, {
+          destructive: destructive,
           children: hintText
-        }))]
-      })), showHintText && renderHintList()]
-    }))]
-  }));
+        })]
+      }), showHintText && renderHintList()]
+    })]
+  });
 });

package/dist/cjs/src/components/image-file-input/components/ImagePreview.js

@@ -7,22 +7,13 @@ exports.ImagePreview = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _uiAdminIcon = require("@ncds/ui-admin-icon");
 var _button = require("../../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 ImagePreview = function (_a) {
-  var file = _a.file,
-    onRemove = _a.onRemove;
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: "ncua-image-file-input__preview-container"
-  }, {
+const ImagePreview = _ref => {
+  let {
+    file,
+    onRemove
+  } = _ref;
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: "ncua-image-file-input__preview-container",
     children: [(0, _jsxRuntime.jsx)("img", {
       className: "ncua-image-file-input__preview-image",
       src: URL.createObjectURL(file),
@@ -40,6 +31,6 @@ var ImagePreview = function (_a) {
       onClick: onRemove,
       className: "ncua-image-file-input__preview-remove-button"
     })]
-  }));
+  });
 };
 exports.ImagePreview = ImagePreview;

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

@@ -14,14 +14,25 @@ Object.keys(_badge).forEach(function (key) {
     }
   });
 });
-var _breadcrumb = require("./breadcrumb");
-Object.keys(_breadcrumb).forEach(function (key) {
+var _badgeGroup = require("./badge-group");
+Object.keys(_badgeGroup).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _breadcrumb[key]) return;
+  if (key in exports && exports[key] === _badgeGroup[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _breadcrumb[key];
+      return _badgeGroup[key];
+    }
+  });
+});
+var _breadCrumb = require("./bread-crumb");
+Object.keys(_breadCrumb).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _breadCrumb[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _breadCrumb[key];
     }
   });
 });
@@ -36,14 +47,36 @@ Object.keys(_button).forEach(function (key) {
     }
   });
 });
-var _carousel = require("./carousel");
-Object.keys(_carousel).forEach(function (key) {
+var _buttonGroup = require("./button-group");
+Object.keys(_buttonGroup).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _carousel[key]) return;
+  if (key in exports && exports[key] === _buttonGroup[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _carousel[key];
+      return _buttonGroup[key];
+    }
+  });
+});
+var _carouselArrow = require("./carousel-arrow");
+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("./carousel-number-group");
+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];
     }
   });
 });
@@ -58,14 +91,25 @@ Object.keys(_checkbox).forEach(function (key) {
     }
   });
 });
-var _combobox = require("./combobox");
-Object.keys(_combobox).forEach(function (key) {
+var _comboBox = require("./combo-box");
+Object.keys(_comboBox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _comboBox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _comboBox[key];
+    }
+  });
+});
+var _dataGrid = require("./data-grid");
+Object.keys(_dataGrid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _combobox[key]) return;
+  if (key in exports && exports[key] === _dataGrid[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _combobox[key];
+      return _dataGrid[key];
     }
   });
 });
@@ -146,6 +190,17 @@ Object.keys(_fileInput).forEach(function (key) {
     }
   });
 });
+var _horizontalTab = require("./horizontal-tab");
+Object.keys(_horizontalTab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _horizontalTab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _horizontalTab[key];
+    }
+  });
+});
 var _imageFileInput = require("./image-file-input");
 Object.keys(_imageFileInput).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -157,14 +212,14 @@ Object.keys(_imageFileInput).forEach(function (key) {
     }
   });
 });
-var _input = require("./input");
-Object.keys(_input).forEach(function (key) {
+var _inputBase = require("./input-base");
+Object.keys(_inputBase).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _input[key]) return;
+  if (key in exports && exports[key] === _inputBase[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _input[key];
+      return _inputBase[key];
     }
   });
 });
@@ -190,6 +245,17 @@ Object.keys(_notification).forEach(function (key) {
     }
   });
 });
+var _numberInput = require("./number-input");
+Object.keys(_numberInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _numberInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _numberInput[key];
+    }
+  });
+});
 var _pagination = require("./pagination");
 Object.keys(_pagination).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -201,6 +267,17 @@ Object.keys(_pagination).forEach(function (key) {
     }
   });
 });
+var _passwordInput = require("./password-input");
+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 _progressBar = require("./progress-bar");
 Object.keys(_progressBar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -234,6 +311,28 @@ Object.keys(_radio).forEach(function (key) {
     }
   });
 });
+var _rangeDatePicker = require("./range-date-picker");
+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("./range-date-picker-with-buttons");
+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 _select = require("./select");
 Object.keys(_select).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -245,25 +344,25 @@ Object.keys(_select).forEach(function (key) {
     }
   });
 });
-var _selectDropdown = require("./select-dropdown");
-Object.keys(_selectDropdown).forEach(function (key) {
+var _selectBox = require("./select-box");
+Object.keys(_selectBox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _selectDropdown[key]) return;
+  if (key in exports && exports[key] === _selectBox[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _selectDropdown[key];
+      return _selectBox[key];
     }
   });
 });
-var _selectbox = require("./selectbox");
-Object.keys(_selectbox).forEach(function (key) {
+var _selectDropdown = require("./select-dropdown");
+Object.keys(_selectDropdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _selectbox[key]) return;
+  if (key in exports && exports[key] === _selectDropdown[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _selectbox[key];
+      return _selectDropdown[key];
     }
   });
 });
@@ -322,6 +421,17 @@ Object.keys(_tab).forEach(function (key) {
     }
   });
 });
+var _table = require("./table");
+Object.keys(_table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _table[key];
+    }
+  });
+});
 var _tag = require("./tag");
 Object.keys(_tag).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -333,6 +443,17 @@ Object.keys(_tag).forEach(function (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];
+    }
+  });
+});
 var _toggle = require("./toggle");
 Object.keys(_toggle).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -354,4 +475,15 @@ Object.keys(_tooltip).forEach(function (key) {
       return _tooltip[key];
     }
   });
+});
+var _verticalTab = require("./vertical-tab");
+Object.keys(_verticalTab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _verticalTab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _verticalTab[key];
+    }
+  });
 });