maru_design2 2.4.1 → 2.4.3

package/dist/utils/copy.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 복사해주는 함수 성공하면 '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,3 +1 @@
-declare const setHighlightTextOnData: <T>(cb: (func: unknown) => void, data: T[], targetKey: string, compareText: string) => void;
-declare const setHighlightTextOnDataExceptSpace: <T>(data: T[], targetKey: string, compareText: string, autoExcept?: boolean) => typeof data;
-export { setHighlightTextOnData, setHighlightTextOnDataExceptSpace };
+export declare const searchData: <T>(data: T[], displayKey: string, query: string) => typeof data;

package/package.json

@@ -1,70 +1,74 @@
-{
-  "name": "maru_design2",
-  "version": "2.4.1",
-  "main": "./dist/index.js",
-  "author": "zena-42maru",
-  "license": "MIT",
-  "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
-  },
-  "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-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",
-    "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",
-    "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-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.js"
-  }
-}
+{
+  "name": "maru_design2",
+  "version": "2.4.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"
+  }
+}

package/dist/components/molecules/dropdown/Menu.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-interface Props<T extends Record<string, any>> {
-    parent: HTMLElement;
-    menuItemEls: HTMLButtonElement[];
-    selectedId: string | undefined;
-    idKey: string;
-    displayKey: string;
-    filteredData: T[];
-    width?: number;
-    height?: number;
-    customMenuItem?: ({ children, rowId, }: {
-        children: React.ReactNode;
-        rowId: string | number;
-    }) => JSX.Element;
-    onSelect: (id?: string) => void;
-    closeMenu: () => void;
-}
-declare function DropdownMenu<T extends Record<string, any>>({ parent, menuItemEls, selectedId, idKey, displayKey, filteredData, width, height, customMenuItem: CustomMenuItem, onSelect, closeMenu, }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default DropdownMenu;

package/dist/components/molecules/dropdown/toggles/Button.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { TColor } from '../../../../enums/color';
-interface Props<T extends Record<string, any>> {
-    open: boolean;
-    selected: T | undefined;
-    displayKey: string;
-    color: TColor;
-    width?: number;
-    disabled?: boolean;
-    placeholder?: string;
-    errored?: boolean;
-    inlineLabel?: string;
-    startArrow?: boolean;
-    toggleEndNode?: React.ReactNode;
-    customButton?: React.ReactNode;
-    initFilteredData: () => void;
-    toggleMenuOpen: () => void;
-    initInputValue: () => void;
-    clearSelected: () => void;
-    onClear?: () => void;
-    onKeyDown: (e: React.KeyboardEvent) => void;
-}
-declare function DropdownToggleButton<T extends Record<string, any>>({ open, selected, displayKey, color, width, disabled, placeholder, errored, inlineLabel, startArrow, toggleEndNode, customButton, initFilteredData, toggleMenuOpen, initInputValue, clearSelected, onClear, onKeyDown, }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default DropdownToggleButton;

package/dist/components/molecules/dropdown/toggles/Clear.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    clearSelected: () => void;
-    initInputValue: () => void;
-    onClear: () => void;
-    initFilteredData: () => void;
-}
-declare function Clear({ clearSelected, initInputValue, onClear, initFilteredData, }: Props): import("react/jsx-runtime").JSX.Element;
-export default Clear;

package/dist/components/molecules/dropdown/toggles/Input.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { TColor } from '../../../../enums/color';
-interface Props<T extends Record<string, any>> {
-    open: boolean;
-    value: string;
-    selected: T | undefined;
-    color: TColor;
-    width?: number;
-    disabled?: boolean;
-    placeholder?: string;
-    errored?: boolean;
-    inlineLabel?: string;
-    startArrow?: boolean;
-    toggleEndNode?: React.ReactNode;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    initFilteredData: () => void;
-    toggleMenuOpen: () => void;
-    initInputValue: () => void;
-    clearSelected: () => void;
-    onClear?: () => void;
-    onKeyDown: (e: React.KeyboardEvent) => void;
-}
-declare function DropdownToggleInput<T extends Record<string, any>>({ open, value, selected, color, width, disabled, placeholder, errored, inlineLabel, startArrow, toggleEndNode, onChange, initFilteredData, toggleMenuOpen, initInputValue, clearSelected, onClear, onKeyDown, }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default DropdownToggleInput;

package/dist/components/molecules/table/body/ExpandingRow.d.ts

@@ -1,9 +0,0 @@
-import { IExpandingColumnFormats } from '../types';
-interface Props {
-    rowId: string;
-    expandingData: any;
-    expandingRowIdKey?: string;
-    expandingFormat?: IExpandingColumnFormats[];
-}
-declare function ExpandingRow({ rowId, expandingData, expandingRowIdKey, expandingFormat, }: Props): import("react/jsx-runtime").JSX.Element | null;
-export default ExpandingRow;

package/dist/components/molecules/table/body/TBody.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { IColumnFormats } from '../types';
-interface Props {
-    rowIdKey: string;
-    data: Record<string, any>[];
-    formats: IColumnFormats[];
-    checkedIds?: string[];
-    onCheck?: (ids: string[]) => void;
-    hasKebabMenu: boolean;
-    kebabContent?: (rowId: string, onClose: () => void) => React.ReactNode;
-    noData?: {
-        isNoData: boolean;
-        message: string;
-    };
-    loading?: {
-        isLoading: boolean;
-        content?: React.ReactNode;
-    };
-    onRowClick?: (rowId: string) => void;
-    selectedRow?: {
-        rowId: string;
-        className?: string;
-    };
-    onRowMouseOver?: (rowId: string) => void;
-    onRowMouseLeave?: (rowId: string) => void;
-}
-declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck, hasKebabMenu, kebabContent, onRowClick, selectedRow, onRowMouseOver, onRowMouseLeave, noData, loading, }: Props): import("react/jsx-runtime").JSX.Element;
-export default TBody;

package/dist/components/molecules/table/body/TBodyEmptyContent.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface Props {
-    status: string;
-    noData?: {
-        isNoData: boolean;
-        message: string;
-    };
-    loading?: {
-        isLoading: boolean;
-        content?: React.ReactNode;
-    };
-}
-declare function TBodyEmptyContent({ status, noData, loading }: Props): import("react/jsx-runtime").JSX.Element;
-export default TBodyEmptyContent;

package/dist/components/molecules/table/header/THead.d.ts

@@ -1,12 +0,0 @@
-import { IColumnFormats, ISort } from '../types';
-interface Props {
-    formats: IColumnFormats[];
-    currentSort?: ISort;
-    onSortClick: (columnName: string, sortable: boolean) => () => void;
-    hasCheckbox?: boolean;
-    allCheckbox: boolean;
-    onAllCheck: (checked: boolean) => void;
-    hasKebabMenu: boolean;
-}
-declare function THead({ formats, currentSort, onSortClick, hasCheckbox, allCheckbox, onAllCheck, hasKebabMenu, }: Props): import("react/jsx-runtime").JSX.Element;
-export default THead;