@ncds/ui-admin 1.5.3 → 1.5.4

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

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ImageFileInputErrorType = exports.ImageFileInput = void 0;
+exports.ImageFileInput = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _dynamic = _interopRequireDefault(require("@ncds/ui-admin-icon/dynamic"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _button = require("../button");
+var _FileInput = require("../file-input/FileInput");
 var _shared = require("../shared");
 var _tooltip = require("../tooltip");
 var _ImagePreview = require("./components/ImagePreview");
@@ -40,12 +41,6 @@ var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-var ImageFileInputErrorType;
-(function (ImageFileInputErrorType) {
-  ImageFileInputErrorType["ALREADY_UPLOADED"] = "ALREADY_UPLOADED";
-  ImageFileInputErrorType["EXCEED_MAX_FILE_SIZE"] = "EXCEED_MAX_FILE_SIZE";
-  ImageFileInputErrorType["EXCEED_MAX_FILE_COUNT"] = "EXCEED_MAX_FILE_COUNT";
-})(ImageFileInputErrorType || (exports.ImageFileInputErrorType = ImageFileInputErrorType = {}));
 var ImageFileInput = exports.ImageFileInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var _b = _a.size,
     size = _b === void 0 ? 'sm' : _b,
@@ -123,20 +118,20 @@ var ImageFileInput = exports.ImageFileInput = /*#__PURE__*/(0, _react.forwardRef
         return f.name === file.name && f.size === file.size;
       })) {
         invalidFiles.push(__assign(__assign({}, file), {
-          errorType: ImageFileInputErrorType.ALREADY_UPLOADED
+          errorType: _FileInput.FileInputErrorType.ALREADY_UPLOADED
         }));
         return "continue";
       }
       if (!!maxFileSize && file.size > maxFileSize) {
         invalidFiles.push(__assign(__assign({}, file), {
-          errorType: ImageFileInputErrorType.EXCEED_MAX_FILE_SIZE
+          errorType: _FileInput.FileInputErrorType.EXCEED_MAX_FILE_SIZE
         }));
         return "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), {
-          errorType: ImageFileInputErrorType.EXCEED_MAX_FILE_COUNT
+          errorType: _FileInput.FileInputErrorType.EXCEED_MAX_FILE_COUNT
         }));
         return "continue";
       }
@@ -189,9 +184,7 @@ var ImageFileInput = exports.ImageFileInput = /*#__PURE__*/(0, _react.forwardRef
         children: [(0, _jsxRuntime.jsx)(_button.Button, {
           onlyIcon: true,
           size: size,
-          className: (0, _classnames.default)('ncua-image-file-input__preview-container', {
-            destructive: destructive
-          }),
+          className: (0, _classnames.default)('ncua-image-file-input__preview-container'),
           onClick: handleBrowseClick,
           disabled: disabled,
           label: imagePreviewTooltipLabel
@@ -217,7 +210,9 @@ var ImageFileInput = exports.ImageFileInput = /*#__PURE__*/(0, _react.forwardRef
     }));
   };
   return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: (0, _classnames.default)('ncua-image-file-input', "ncua-image-file-input--".concat(size))
+    className: (0, _classnames.default)('ncua-image-file-input', "ncua-image-file-input--".concat(size), {
+      destructive: destructive
+    })
   }, {
     children: [renderImagePreview(files), showFileInput && (0, _jsxRuntime.jsxs)("div", __assign({
       className: (0, _classnames.default)('ncua-file-input', "ncua-file-input--".concat(size))

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

@@ -135,6 +135,28 @@ Object.keys(_featuredIcon).forEach(function (key) {
     }
   });
 });
+var _fileInput = require("./file-input");
+Object.keys(_fileInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _fileInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _fileInput[key];
+    }
+  });
+});
+var _imageFileInput = require("./image-file-input");
+Object.keys(_imageFileInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _imageFileInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _imageFileInput[key];
+    }
+  });
+});
 var _input = require("./input");
 Object.keys(_input).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -332,15 +354,4 @@ Object.keys(_tooltip).forEach(function (key) {
       return _tooltip[key];
     }
   });
-});
-var _imageFileInput = require("./image-file-input");
-Object.keys(_imageFileInput).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _imageFileInput[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _imageFileInput[key];
-    }
-  });
 });

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

@@ -30,15 +30,10 @@ import Icon from '@ncds/ui-admin-icon/dynamic';
 import classNames from 'classnames';
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import { Button } from '../button';
+import { FileInputErrorType as ImageFileInputErrorType } from '../file-input/FileInput';
 import { HintText, Label } from '../shared';
 import { Tooltip } from '../tooltip';
 import { ImagePreview } from './components/ImagePreview';
-export var ImageFileInputErrorType;
-(function (ImageFileInputErrorType) {
-  ImageFileInputErrorType["ALREADY_UPLOADED"] = "ALREADY_UPLOADED";
-  ImageFileInputErrorType["EXCEED_MAX_FILE_SIZE"] = "EXCEED_MAX_FILE_SIZE";
-  ImageFileInputErrorType["EXCEED_MAX_FILE_COUNT"] = "EXCEED_MAX_FILE_COUNT";
-})(ImageFileInputErrorType || (ImageFileInputErrorType = {}));
 export var ImageFileInput = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.size,
     size = _b === void 0 ? 'sm' : _b,
@@ -182,9 +177,7 @@ export var ImageFileInput = /*#__PURE__*/forwardRef(function (_a, ref) {
         children: [_jsx(Button, {
           onlyIcon: true,
           size: size,
-          className: classNames('ncua-image-file-input__preview-container', {
-            destructive: destructive
-          }),
+          className: classNames('ncua-image-file-input__preview-container'),
           onClick: handleBrowseClick,
           disabled: disabled,
           label: imagePreviewTooltipLabel
@@ -210,7 +203,9 @@ export var ImageFileInput = /*#__PURE__*/forwardRef(function (_a, ref) {
     }));
   };
   return _jsxs("div", __assign({
-    className: classNames('ncua-image-file-input', "ncua-image-file-input--".concat(size))
+    className: classNames('ncua-image-file-input', "ncua-image-file-input--".concat(size), {
+      destructive: destructive
+    })
   }, {
     children: [renderImagePreview(files), showFileInput && _jsxs("div", __assign({
       className: classNames('ncua-file-input', "ncua-file-input--".concat(size))

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

@@ -10,6 +10,8 @@ export * from './dot';
 export * from './dropdown';
 export * from './empty-state';
 export * from './featured-icon';
+export * from './file-input';
+export * from './image-file-input';
 export * from './input';
 export * from './modal';
 export * from './notification';
@@ -27,5 +29,4 @@ export * from './switch';
 export * from './tab';
 export * from './tag';
 export * from './toggle';
-export * from './tooltip';
-export * from './image-file-input';
+export * from './tooltip';

package/dist/types/src/components/image-file-input/ImageFileInput.d.ts

@@ -1,12 +1,5 @@
+import { InvalidFile } from '../file-input/FileInput';
 import { InputBaseProps } from '../input/InputBase';
-export declare enum ImageFileInputErrorType {
-    ALREADY_UPLOADED = "ALREADY_UPLOADED",
-    EXCEED_MAX_FILE_SIZE = "EXCEED_MAX_FILE_SIZE",
-    EXCEED_MAX_FILE_COUNT = "EXCEED_MAX_FILE_COUNT"
-}
-export interface InvalidFile extends Omit<File, 'constructor'> {
-    errorType: ImageFileInputErrorType;
-}
 export interface ImageFileInputProps extends Omit<InputBaseProps, 'clearText' | 'onClearText' | 'hintText' | 'value' | 'onChange'> {
     /**
      * Accepted file types

package/dist/types/src/components/index.d.ts

@@ -10,6 +10,8 @@ export * from './dot';
 export * from './dropdown';
 export * from './empty-state';
 export * from './featured-icon';
+export * from './file-input';
+export * from './image-file-input';
 export * from './input';
 export * from './modal';
 export * from './notification';
@@ -28,5 +30,4 @@ export * from './tab';
 export * from './tag';
 export * from './toggle';
 export * from './tooltip';
-export * from './image-file-input';
 //# sourceMappingURL=index.d.ts.map

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

@@ -5326,7 +5326,7 @@ button {
 .ncua-image-file-input__preview-container[disabled], .ncua-image-file-input__preview-container.is-disable, .ncua-image-file-input__preview-container.ncua-btn:hover {
   border: 1px dashed var(--gray-200);
 }
-.ncua-image-file-input__preview-container.destructive {
+.ncua-image-file-input.destructive .ncua-image-file-input__preview-container {
   background-color: var(--primary-red-100);
   border: 1px solid var(--primary-red-600);
 }

package/package.json

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