maru_design2 2.27.2 → 2.27.3

package/dist/index.d.ts

@@ -1,22 +1,22 @@
-export * from './components/styleProvider';
-export * from './components/atoms/button';
-export * from './components/atoms/checkbox';
-export * from './components/atoms/chip';
-export * from './components/atoms/code';
-export * from './components/atoms/icon';
-export * from './components/atoms/input';
-export * from './components/atoms/popover';
-export * from './components/atoms/radio';
-export * from './components/atoms/skeleton';
-export * from './components/atoms/slider';
-export * from './components/atoms/textarea';
-export * from './components/atoms/toggle';
-export * from './components/atoms/tooltip';
-export * from './components/molecules/calendar';
-export * from './components/molecules/dropdown';
-export * from './components/molecules/modal';
-export * from './components/molecules/multiSelectDropdown';
-export * from './components/molecules/pagination';
-export * from './components/molecules/searchInput';
-export * from './components/molecules/table';
-export * from './components/molecules/toast';
+export * from './components/styleProvider';
+export * from './components/atoms/button';
+export * from './components/atoms/checkbox';
+export * from './components/atoms/chip';
+export * from './components/atoms/code';
+export * from './components/atoms/icon';
+export * from './components/atoms/input';
+export * from './components/atoms/popover';
+export * from './components/atoms/radio';
+export * from './components/atoms/skeleton';
+export * from './components/atoms/slider';
+export * from './components/atoms/textarea';
+export * from './components/atoms/toggle';
+export * from './components/atoms/tooltip';
+export * from './components/molecules/calendar';
+export * from './components/molecules/dropdown';
+export * from './components/molecules/modal';
+export * from './components/molecules/multiSelectDropdown';
+export * from './components/molecules/pagination';
+export * from './components/molecules/searchInput';
+export * from './components/molecules/table';
+export * from './components/molecules/toast';

package/dist/index.js

@@ -7355,9 +7355,9 @@ function Icon(_a) {
   var _d = useState(false),
     hover = _d[0],
     setHover = _d[1];
-  /**
-   * 아이콘 최종 색깔
-   * hoverColor를 설정해줬을때만 hoverColor가 적용되도록
+  /**
+   * 아이콘 최종 색깔
+   * hoverColor를 설정해줬을때만 hoverColor가 적용되도록
    */
   var iconColor = useMemo(function () {
     if (hoverColor && hover) {
@@ -7365,28 +7365,28 @@ function Icon(_a) {
     }
     return keyColor;
   }, [hoverColor, hover, keyColor, hoverKeyColor]);
-  /**
-   * circle.fill를 svg에 있는대로 두고 싶으면 true
-   * circle.fill은 지정 색이 아니라 white로 고정시켜야함
+  /**
+   * circle.fill를 svg에 있는대로 두고 싶으면 true
+   * circle.fill은 지정 색이 아니라 white로 고정시켜야함
    */
   var staticCircleFill = useMemo(function () {
     return name === ICONS.QuestionCircleBg_s1610;
   }, [name]);
-  /**
-   * circle.fill을 transparent로 두고 싶으면 true
+  /**
+   * circle.fill을 transparent로 두고 싶으면 true
    */
   var transparentCircleFill = useMemo(function () {
     return name === ICONS.AlertCircle_s1610;
   }, [name]);
-  /**
-   * 마지막 path.stroke를 svg에 있는대로 두고 싶으면 true
-   * 마지막 path.stroke은 지정 색이 아니라 white로 고정시켜야함
+  /**
+   * 마지막 path.stroke를 svg에 있는대로 두고 싶으면 true
+   * 마지막 path.stroke은 지정 색이 아니라 white로 고정시켜야함
    */
   var staticPathStorke = useMemo(function () {
     return name === ICONS.ChevronLeftCircleBg_s2415 || name === ICONS.ChevronRightCircleBg_s2415 || name === ICONS.CheckCircleBg_s1612 || name === ICONS.XCircleBg_s1612 || name === ICONS.XDiamondBg_s2415 || name === ICONS.XDiamondBg_s2015 || name === ICONS.UserCircleBg_s2415 || name === ICONS.BarChartSquare01Bg_s1810;
   }, [name]);
-  /**
-   * path.fill를 svg에 있는대로 두고 싶으면 true
+  /**
+   * path.fill를 svg에 있는대로 두고 싶으면 true
    */
   var staticPathFill = useMemo(function () {
     return name === ICONS.StopCircleBg_s1513;
@@ -7556,13 +7556,13 @@ Button.defaultProps = {
 };
 Button.displayName = 'Button';
 
-/**
- * 파라미터로 들어온 ref들을 generic type을 가진 ref로 바꾸는 hook
- * ex. refs(주로 부모 refs)가 HTMLInputElement인 RefObject일 때,
- * combineRef를 선언한 컴포넌트의 ref<T>로 바꿀때 사용.
- * 참고 : RefObejct는 default로 null을 가지고, MutableRefObject는 그 외 다른 값을 가짐
- * @param refs RefObject or function
- * @returns RefObject
+/**
+ * 파라미터로 들어온 ref들을 generic type을 가진 ref로 바꾸는 hook
+ * ex. refs(주로 부모 refs)가 HTMLInputElement인 RefObject일 때,
+ * combineRef를 선언한 컴포넌트의 ref<T>로 바꿀때 사용.
+ * 참고 : RefObejct는 default로 null을 가지고, MutableRefObject는 그 외 다른 값을 가짐
+ * @param refs RefObject or function
+ * @returns RefObject
  */
 var useCombineRef = function useCombineRef() {
   var refs = [];
@@ -7586,10 +7586,10 @@ var useCombineRef = function useCombineRef() {
 };
 
 /* eslint-disable no-bitwise */
-/**
- * 최대 32자리의 uuid를 생성합니다.
- * @param length 1 <= lenght <= 32 or undefined
- * @returns uuid
+/**
+ * 최대 32자리의 uuid를 생성합니다.
+ * @param length 1 <= lenght <= 32 or undefined
+ * @returns uuid
  */
 function uuidv4(length) {
   try {
@@ -69622,10 +69622,10 @@ hljs.HighlightJS = hljs;
 hljs.default = hljs;
 var lib = hljs;
 
-/**
- * 복사해주는 함수 성공하면 'complete'를, 실패하면 'undefined'를 리턴
- * @param text
- * @returns
+/**
+ * 복사해주는 함수 성공하면 'complete'를, 실패하면 'undefined'를 리턴
+ * @param text
+ * @returns
  */
 // eslint-disable-next-line import/prefer-default-export
 var textCopy = function textCopy(text) {
@@ -69740,8 +69740,8 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
       setShowClearButton(!hiddenClearButton);
     }
   }, [props.defaultValue, hiddenClearButton]);
-  /**
-   * persistentPlaceholder = true일때 보여줄 placeholder 세팅
+  /**
+   * persistentPlaceholder = true일때 보여줄 placeholder 세팅
    */
   useEffect(function () {
     if (persistentPlaceholder && props.placeholder) {
@@ -71773,9 +71773,9 @@ function Popover(_a) {
   var popoverRef = useRef(null);
   useEffect(function () {
     if (anchorEl && popoverRef.current && open) {
-      /**
-       * instance를 useMemo로 선언하면 레퍼런스의 DOM을 찾지 못 하고,
-       * useCallback으로 선언하면 함수라서 호출 될 때 마다 새로운 객체가 생성되어 .update가 동작하지 않음
+      /**
+       * instance를 useMemo로 선언하면 레퍼런스의 DOM을 찾지 못 하고,
+       * useCallback으로 선언하면 함수라서 호출 될 때 마다 새로운 객체가 생성되어 .update가 동작하지 않음
        */
       var instance = createPopper(anchorEl, popoverRef.current, {
         placement: direction,
@@ -72004,10 +72004,10 @@ var Textarea = /*#__PURE__*/forwardRef(function (_a, textareaRef) {
   var maxHeight = useCallback(function (lineHeight) {
     return maxRows ? maxRows * lineHeight : Infinity;
   }, [maxRows]);
-  /**
-   * textarea의 높이를 조절하는 함수
-   * - rows는 기본적으로 초기 높이 설정하는데에만 쓰임
-   * - 동적 높이 조정은 css height 속성 변경으로 조정해야함
+  /**
+   * textarea의 높이를 조절하는 함수
+   * - rows는 기본적으로 초기 높이 설정하는데에만 쓰임
+   * - 동적 높이 조정은 css height 속성 변경으로 조정해야함
    */
   var resizeHeight = function resizeHeight() {
     if (combineRef.current) {
@@ -72254,9 +72254,9 @@ function Tooltip(_a) {
   var show = open && !hidden;
   useEffect(function () {
     if (wrapperRef.current && tooltipRef.current && show) {
-      /**
-       * instance를 useMemo로 선언하면 레퍼런스의 DOM을 찾지 못 하고,
-       * useCallback으로 선언하면 함수라서 호출 될 때 마다 새로운 객체가 생성되어 .update가 동작하지 않음
+      /**
+       * instance를 useMemo로 선언하면 레퍼런스의 DOM을 찾지 못 하고,
+       * useCallback으로 선언하면 함수라서 호출 될 때 마다 새로운 객체가 생성되어 .update가 동작하지 않음
        */
       var instance = createPopper(wrapperRef.current, tooltipRef.current, {
         placement: direction,
@@ -89126,16 +89126,16 @@ function DropdownMenu$1(_a) {
   var initFilteredData = function initFilteredData() {
     return setFilteredData(data);
   };
-  /**
-   * init filtered data
+  /**
+   * init filtered data
    */
   useEffect(function () {
     if (open) {
       initFilteredData();
     }
   }, [open]);
-  /**
-   * 메뉴의 사이즈와 위치 설정
+  /**
+   * 메뉴의 사이즈와 위치 설정
    */
   useEffect(function () {
     var menu = menuRef.current;
@@ -89733,16 +89733,16 @@ function DropdownMenu(_a) {
   var initFilteredData = function initFilteredData() {
     return setFilteredData(data);
   };
-  /**
-   * init filtered data
+  /**
+   * init filtered data
    */
   useEffect(function () {
     if (open) {
       initFilteredData();
     }
   }, [open]);
-  /**
-   * 메뉴의 사이즈와 위치 설정
+  /**
+   * 메뉴의 사이즈와 위치 설정
    */
   useEffect(function () {
     var menu = menuRef.current;
@@ -89766,8 +89766,8 @@ function DropdownMenu(_a) {
       }
     }
   }, [width]);
-  /**
-   * setting all checkbox
+  /**
+   * setting all checkbox
    */
   useEffect(function () {
     if (!filteredData.length) {
@@ -90393,8 +90393,8 @@ function FilterPopover(_a) {
     onSearch = _a.onSearch;
   var wrapperRef = useRef(null);
   var ref = useRef(null);
-  /**
-   * 팝오버 위치 설정
+  /**
+   * 팝오버 위치 설정
    */
   useEffect(function () {
     var popover = ref.current;
@@ -90953,12 +90953,12 @@ function FilterTh(_a) {
   }));
 }
 
-/**
- * 정렬 아닌거 마우스오버하면 쌍방 화살표
- * 내림차순 정렬이면 아래 화살표
- * 오름차순 정렬이면 위 화살표
- * 색깔은 언제나 b500 #5c5c5c
- * @returns
+/**
+ * 정렬 아닌거 마우스오버하면 쌍방 화살표
+ * 내림차순 정렬이면 아래 화살표
+ * 오름차순 정렬이면 위 화살표
+ * 색깔은 언제나 b500 #5c5c5c
+ * @returns
  */
 function SortableColumn(_a) {
   var format = _a.format,
@@ -91154,17 +91154,17 @@ function Table(_a) {
   var _d = useState(0),
     emptyBodyHeight = _d[0],
     setEmptyBodyHeight = _d[1];
-  /**
-   * 최우측 컬럼(=액션 컬럼)에 자리를 차지 하는지 여부
-   * 헤더에는 filter 가 올 수 있고,
-   * 바디에는 kebabMenu, binButton, chartButton 중 하나가 올 수 있다.
+  /**
+   * 최우측 컬럼(=액션 컬럼)에 자리를 차지 하는지 여부
+   * 헤더에는 filter 가 올 수 있고,
+   * 바디에는 kebabMenu, binButton, chartButton 중 하나가 올 수 있다.
    */
   var hasActionCol = filter != null || kebabMenu != null || binButton != null || chartButton != null;
-  /**
-   * 테이블 바디 높이 조정
-   * 1. maxHeight가 헤더 높이보다 클때만 조정 (참고로 헤더 높이는 최소 55 최대 105)
-   * 2. 필터가 열려있건 닫혀있건 테이블 바디의 maxHeight 고정으로 조정
-   * 3. data가 바뀌면 다시 조정
+  /**
+   * 테이블 바디 높이 조정
+   * 1. maxHeight가 헤더 높이보다 클때만 조정 (참고로 헤더 높이는 최소 55 최대 105)
+   * 2. 필터가 열려있건 닫혀있건 테이블 바디의 maxHeight 고정으로 조정
+   * 3. data가 바뀌면 다시 조정
    */
   useEffect(function () {
     var headerWrapper = tableHeaderWrapperRef === null || tableHeaderWrapperRef === void 0 ? void 0 : tableHeaderWrapperRef.current;
@@ -91178,9 +91178,9 @@ function Table(_a) {
       }
     }
   }, [maxHeight, filterToggle, data]);
-  /**
-   * 테이블 헤더의 너비 조정
-   * 1. data가 바뀌면 테이블 바디에 스크롤이 있다 없다 하니까 그에 따라 조정
+  /**
+   * 테이블 헤더의 너비 조정
+   * 1. data가 바뀌면 테이블 바디에 스크롤이 있다 없다 하니까 그에 따라 조정
    */
   useEffect(function () {
     var headerWrapper = tableHeaderWrapperRef === null || tableHeaderWrapperRef === void 0 ? void 0 : tableHeaderWrapperRef.current;
@@ -91196,8 +91196,8 @@ function Table(_a) {
       }
     }
   }, [data]);
-  /**
-   * setting all checkbox
+  /**
+   * setting all checkbox
    */
   useEffect(function () {
     if (checkedIds != null) {

package/dist/utils/copy.d.ts

@@ -1,6 +1,6 @@
-/**
- * 복사해주는 함수 성공하면 'complete'를, 실패하면 'undefined'를 리턴
- * @param text
- * @returns
- */
-export declare const textCopy: (text: string) => Promise<'complete' | undefined>;
+/**
+ * 복사해주는 함수 성공하면 'complete'를, 실패하면 'undefined'를 리턴
+ * @param text
+ * @returns
+ */
+export declare const textCopy: (text: string) => Promise<'complete' | undefined>;

package/dist/utils/format.d.ts

@@ -1,2 +1,2 @@
-declare const noSpace: (text: string) => string;
-export { noSpace };
+declare const noSpace: (text: string) => string;
+export { noSpace };

package/dist/utils/highlight.d.ts

@@ -1 +1 @@
-export declare const searchData: <T>(data: T[], displayKey: string, query: string) => typeof data;
+export declare const searchData: <T>(data: T[], displayKey: string, query: string) => typeof data;

package/package.json

@@ -1,74 +1,74 @@
-{
-  "name": "maru_design2",
-  "version": "2.27.2",
-  "main": "./dist/index.js",
-  "author": "zena-42maru",
-  "license": "MIT",
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.18.10",
-    "@babel/preset-env": "^7.24.4",
-    "@babel/preset-react": "^7.24.1",
-    "@babel/preset-typescript": "^7.24.1",
-    "@chromatic-com/storybook": "^1",
-    "@popperjs/core": "^2.11.6",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-typescript": "^8.3.4",
-    "@storybook/addon-actions": "^8.0.9",
-    "@storybook/addon-essentials": "^8.0.9",
-    "@storybook/addon-interactions": "^8.0.9",
-    "@storybook/addon-links": "^8.0.9",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^8.0.9",
-    "@storybook/react-webpack5": "^8.0.9",
-    "@storybook/test": "^8.0.9",
-    "@types/react": "^17.0.11",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^17.0.8",
-    "@typescript-eslint/eslint-plugin": "^5.31.0",
-    "@typescript-eslint/parser": "^5.31.0",
-    "chromatic": "^11.3.0",
-    "classnames": "^2.5.1",
-    "css-loader": "^6.7.1",
-    "date-fns": "^3.6.0",
-    "eslint": "^8.20.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.30.1",
-    "eslint-plugin-simple-import-sort": "^7.0.0",
-    "highlight.js": "^11.11.1",
-    "postcss": "^8.4.16",
-    "postcss-url": "^10.1.3",
-    "prettier": "^3.2.5",
-    "rollup": "^2.77.3",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.54.4",
-    "sass-loader": "^13.0.2",
-    "storybook": "^8.0.9",
-    "style-loader": "^3.3.1",
-    "typescript": "^4.7.4"
-  },
-  "dependencies": {
-    "react": "^17.0.2",
-    "react-datepicker": "^6.9.0",
-    "react-dom": "^17.0.2"
-  },
-  "scripts": {
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build": "rollup -c",
-    "release": "rm -rf dist && yarn build && mv README.md temp.md && yarn publish && mv temp.md README.md",
-    "svg": "node ./scripts/svg-parser.mjs"
-  }
-}
+{
+  "name": "maru_design2",
+  "version": "2.27.3",
+  "main": "./dist/index.js",
+  "author": "zena-42maru",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.18.10",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@chromatic-com/storybook": "^1",
+    "@popperjs/core": "^2.11.6",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-image": "^2.1.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.4",
+    "@storybook/addon-actions": "^8.0.9",
+    "@storybook/addon-essentials": "^8.0.9",
+    "@storybook/addon-interactions": "^8.0.9",
+    "@storybook/addon-links": "^8.0.9",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^8.0.9",
+    "@storybook/react-webpack5": "^8.0.9",
+    "@storybook/test": "^8.0.9",
+    "@types/react": "^17.0.11",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^17.0.8",
+    "@typescript-eslint/eslint-plugin": "^5.31.0",
+    "@typescript-eslint/parser": "^5.31.0",
+    "chromatic": "^11.3.0",
+    "classnames": "^2.5.1",
+    "css-loader": "^6.7.1",
+    "date-fns": "^3.6.0",
+    "eslint": "^8.20.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-simple-import-sort": "^7.0.0",
+    "highlight.js": "^11.11.1",
+    "postcss": "^8.4.16",
+    "postcss-url": "^10.1.3",
+    "prettier": "^3.2.5",
+    "rollup": "^2.77.3",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.54.4",
+    "sass-loader": "^13.0.2",
+    "storybook": "^8.0.9",
+    "style-loader": "^3.3.1",
+    "typescript": "^4.7.4"
+  },
+  "dependencies": {
+    "react": "^17.0.2",
+    "react-datepicker": "^6.9.0",
+    "react-dom": "^17.0.2"
+  },
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "rollup -c",
+    "release": "rm -rf dist && yarn build && mv README.md temp.md && yarn publish && mv temp.md README.md",
+    "svg": "node ./scripts/svg-parser.mjs"
+  }
+}