tiny-ui 1.0.3 → 1.0.4

package/lib/upload/upload.js

@@ -1,118 +1,144 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const ajax_1 = tslib_1.__importDefault(require("./ajax"));
-const upload_list_1 = tslib_1.__importDefault(require("./upload-list"));
-const dragger_cover_1 = tslib_1.__importDefault(require("./dragger-cover"));
-const Upload = react_1.default.forwardRef((props, ref) => {
-    const { defaultFileList = [], httpRequest = ajax_1.default, disabled = false, method = 'post', headers, withCredentials, accept, action, multiple, name, data, drag, beforeUpload, limit, onExceed, onProgress, onSuccess, onError, onChange, onRemove, tip, className, style, children, prefixCls: customisedCls, } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('upload', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className, {
-        [`${prefixCls}_disabled`]: disabled,
-    });
-    const fileRef = (0, react_1.useRef)(null);
-    const [fileList, setFileList] = (0, react_1.useState)('fileList' in props && Array.isArray(props.fileList) ? props.fileList : defaultFileList);
-    const updateFileList = (updateFile, targetObj) => {
-        setFileList((prevState) => prevState.map((file) => {
-            if (file.uid === updateFile.uid) {
-                return { ...file, ...targetObj };
-            }
-            else {
-                return file;
-            }
-        }));
-    };
-    const xhrOnProgress = (percent, uploadFile) => {
-        const updateObj = { percent, status: 'uploading' };
-        updateFileList(uploadFile, updateObj);
-        onProgress && onProgress(percent, { ...uploadFile, ...updateObj }, fileList);
-    };
-    const xhrOnComplete = (e, uploadFile) => {
-        const updateObj = { status: 'done' };
-        updateFileList(uploadFile, updateObj);
-        const updatedUploadFile = { ...uploadFile, ...updateObj };
-        onSuccess && onSuccess(e, updatedUploadFile, fileList);
-        onChange && onChange(updatedUploadFile, fileList);
-    };
-    const xhrOnError = (e, uploadFile) => {
-        const updateObj = { status: 'error' };
-        updateFileList(uploadFile, { status: 'error' });
-        const updatedUploadFile = { ...uploadFile, ...updateObj };
-        onError && onError(e, updatedUploadFile, fileList);
-        onChange && onChange(updatedUploadFile, fileList);
-    };
-    const postRequest = (file) => {
-        // Create a upload file instance
-        const uploadFile = {
-            uid: 'file-' + Date.now(),
-            name: file.name,
-            status: 'ready',
-            percent: 0,
-        };
-        setFileList((prevState) => [uploadFile, ...prevState]);
-        httpRequest({
-            headers,
-            withCredentials,
-            file,
-            data,
-            filename: name || file.name,
-            method,
-            action,
-            onProgress: (percent) => xhrOnProgress(percent, uploadFile),
-            onSuccess: (e) => xhrOnComplete(e, uploadFile),
-            onError: (e) => xhrOnError(e, uploadFile),
-        });
-    };
-    const uploadFiles = (files) => {
-        if (limit && fileList.length + files.length > limit) {
-            onExceed && onExceed(files, fileList);
-            return;
-        }
-        const postFiles = Array.from(files);
-        postFiles.forEach((file) => {
-            if (!beforeUpload) {
-                postRequest(file);
-            }
-            else {
-                const res = beforeUpload(file);
-                if (res && res instanceof Promise) {
-                    res.then((processedFile) => postRequest(processedFile));
-                }
-                else if (res !== false) {
-                    postRequest(file);
-                }
-            }
-        });
-    };
-    const handleTriggerOnClick = () => {
-        if (!disabled) {
-            if (fileRef.current) {
-                fileRef.current.click();
-            }
-        }
-    };
-    const handleFileOnChange = (e) => {
-        const files = e.currentTarget.files;
-        if (!files) {
-            return;
-        }
-        uploadFiles(files);
-        if (fileRef.current) {
-            fileRef.current.value = '';
-        }
-    };
-    const handleOnRemove = (uploadFile) => {
-        setFileList((prevState) => prevState.filter((file) => file.uid !== uploadFile.uid));
-        onRemove && onRemove(uploadFile);
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { ref: ref, className: cls, style: style, onClick: handleTriggerOnClick, children: [drag ? ((0, jsx_runtime_1.jsx)(dragger_cover_1.default, { prefixCls: prefixCls, onFile: uploadFiles, disabled: disabled, children: children })) : (children), tip && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__tip`, children: tip }), (0, jsx_runtime_1.jsx)("input", { ref: fileRef, accept: accept, multiple: multiple, type: "file", style: { display: 'none' }, onChange: handleFileOnChange })] }), (0, jsx_runtime_1.jsx)(upload_list_1.default, { prefixCls: prefixCls, fileList: fileList, onRemove: handleOnRemove })] }));
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_ajax = require("./ajax.js");
+const require_upload_list = require("./upload-list.js");
+const require_dragger_cover = require("./dragger-cover.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/upload/upload.tsx
+const Upload = react.default.forwardRef((props, ref) => {
+	const { defaultFileList = [], httpRequest = require_ajax.default, disabled = false, method = "post", headers, withCredentials, accept, action, multiple, name, data, drag, beforeUpload, limit, onExceed, onProgress, onSuccess, onError, onChange, onRemove, tip, className, style, children, prefixCls: customisedCls } = props;
+	const prefixCls = require_general.getPrefixCls("upload", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, { [`${prefixCls}_disabled`]: disabled });
+	const fileRef = (0, react.useRef)(null);
+	const [fileList, setFileList] = (0, react.useState)("fileList" in props && Array.isArray(props.fileList) ? props.fileList : defaultFileList);
+	const updateFileList = (updateFile, targetObj) => {
+		setFileList((prevState) => prevState.map((file) => {
+			if (file.uid === updateFile.uid) return {
+				...file,
+				...targetObj
+			};
+			else return file;
+		}));
+	};
+	const xhrOnProgress = (percent, uploadFile) => {
+		const updateObj = {
+			percent,
+			status: "uploading"
+		};
+		updateFileList(uploadFile, updateObj);
+		onProgress && onProgress(percent, {
+			...uploadFile,
+			...updateObj
+		}, fileList);
+	};
+	const xhrOnComplete = (e, uploadFile) => {
+		const updateObj = { status: "done" };
+		updateFileList(uploadFile, updateObj);
+		const updatedUploadFile = {
+			...uploadFile,
+			...updateObj
+		};
+		onSuccess && onSuccess(e, updatedUploadFile, fileList);
+		onChange && onChange(updatedUploadFile, fileList);
+	};
+	const xhrOnError = (e, uploadFile) => {
+		const updateObj = { status: "error" };
+		updateFileList(uploadFile, { status: "error" });
+		const updatedUploadFile = {
+			...uploadFile,
+			...updateObj
+		};
+		onError && onError(e, updatedUploadFile, fileList);
+		onChange && onChange(updatedUploadFile, fileList);
+	};
+	const postRequest = (file) => {
+		const uploadFile = {
+			uid: "file-" + Date.now() + "-" + Math.random().toString(36).slice(2, 9),
+			name: file.name,
+			status: "ready",
+			percent: 0
+		};
+		setFileList((prevState) => [uploadFile, ...prevState]);
+		httpRequest({
+			headers,
+			withCredentials,
+			file,
+			data,
+			filename: name || file.name,
+			method,
+			action,
+			onProgress: (percent) => xhrOnProgress(percent, uploadFile),
+			onSuccess: (e) => xhrOnComplete(e, uploadFile),
+			onError: (e) => xhrOnError(e, uploadFile)
+		});
+	};
+	const uploadFiles = (files) => {
+		if (limit && fileList.length + files.length > limit) {
+			onExceed && onExceed(files, fileList);
+			return;
+		}
+		Array.from(files).forEach((file) => {
+			if (!beforeUpload) postRequest(file);
+			else {
+				const res = beforeUpload(file);
+				if (res && res instanceof Promise) res.then((processedFile) => postRequest(processedFile));
+				else if (res !== false) postRequest(file);
+			}
+		});
+	};
+	const handleTriggerOnClick = () => {
+		if (!disabled) {
+			if (fileRef.current) fileRef.current.click();
+		}
+	};
+	const handleFileOnChange = (e) => {
+		const files = e.currentTarget.files;
+		if (!files) return;
+		uploadFiles(files);
+		if (fileRef.current) fileRef.current.value = "";
+	};
+	const handleOnRemove = (uploadFile) => {
+		setFileList((prevState) => prevState.filter((file) => file.uid !== uploadFile.uid));
+		onRemove && onRemove(uploadFile);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: cls,
+		style,
+		onClick: handleTriggerOnClick,
+		children: [
+			drag ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dragger_cover.default, {
+				prefixCls,
+				onFile: uploadFiles,
+				disabled,
+				children
+			}) : children,
+			tip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__tip`,
+				children: tip
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				ref: fileRef,
+				accept,
+				multiple,
+				type: "file",
+				style: { display: "none" },
+				onChange: handleFileOnChange
+			})
+		]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_upload_list.default, {
+		prefixCls,
+		fileList,
+		onRemove: handleOnRemove
+	})] });
 });
-Upload.displayName = 'Upload';
+Upload.displayName = "Upload";
+//#endregion
 exports.default = Upload;
+
 //# sourceMappingURL=upload.js.map

package/lib/upload/upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload.js","sourceRoot":"","sources":["../../components/upload/upload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"upload.js","names":["React","ajax","getPrefixCls","ConfigContext","DraggerCover","UploadList"],"sources":["../../components/upload/upload.tsx"],"sourcesContent":["import React, { useContext, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport ajax from './ajax';\nimport UploadList from './upload-list';\nimport DraggerCover from './dragger-cover';\nimport { UploadFile, UploadProps } from './types';\n\nconst Upload = React.forwardRef<HTMLDivElement, UploadProps>((props, ref) => {\n  const {\n    defaultFileList = [],\n    httpRequest = ajax,\n    disabled = false,\n    method = 'post',\n    headers,\n    withCredentials,\n    accept,\n    action,\n    multiple,\n    name,\n    data,\n    drag,\n    beforeUpload,\n    limit,\n    onExceed,\n    onProgress,\n    onSuccess,\n    onError,\n    onChange,\n    onRemove,\n    tip,\n    className,\n    style,\n    children,\n    prefixCls: customisedCls,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('upload', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_disabled`]: disabled,\n  });\n  const fileRef = useRef<HTMLInputElement | null>(null);\n  const [fileList, setFileList] = useState<UploadFile[]>(\n    'fileList' in props && Array.isArray(props.fileList) ? props.fileList : defaultFileList\n  );\n\n  const updateFileList = (updateFile: UploadFile, targetObj: Partial<UploadFile>): void => {\n    setFileList((prevState) =>\n      prevState.map((file: UploadFile) => {\n        if (file.uid === updateFile.uid) {\n          return { ...file, ...targetObj };\n        } else {\n          return file;\n        }\n      })\n    );\n  };\n\n  const xhrOnProgress = (percent: number, uploadFile: UploadFile): void => {\n    const updateObj: Partial<UploadFile> = { percent, status: 'uploading' };\n    updateFileList(uploadFile, updateObj);\n    onProgress && onProgress(percent, { ...uploadFile, ...updateObj }, fileList);\n  };\n\n  const xhrOnComplete = (e: ProgressEvent, uploadFile: UploadFile): void => {\n    const updateObj: Partial<UploadFile> = { status: 'done' };\n    updateFileList(uploadFile, updateObj);\n    const updatedUploadFile = { ...uploadFile, ...updateObj };\n    onSuccess && onSuccess(e, updatedUploadFile, fileList);\n    onChange && onChange(updatedUploadFile, fileList);\n  };\n\n  const xhrOnError = (e: ProgressEvent, uploadFile: UploadFile): void => {\n    const updateObj: Partial<UploadFile> = { status: 'error' };\n    updateFileList(uploadFile, { status: 'error' });\n    const updatedUploadFile = { ...uploadFile, ...updateObj };\n    onError && onError(e, updatedUploadFile, fileList);\n    onChange && onChange(updatedUploadFile, fileList);\n  };\n\n  const postRequest = (file: File): void => {\n    // Create a upload file instance\n    const uploadFile: UploadFile = {\n      uid: 'file-' + Date.now() + '-' + Math.random().toString(36).slice(2, 9),\n      name: file.name,\n      status: 'ready',\n      percent: 0,\n    };\n    setFileList((prevState) => [uploadFile, ...prevState]);\n\n    httpRequest({\n      headers,\n      withCredentials,\n      file,\n      data,\n      filename: name || file.name,\n      method,\n      action,\n      onProgress: (percent: number) => xhrOnProgress(percent, uploadFile),\n      onSuccess: (e: ProgressEvent) => xhrOnComplete(e, uploadFile),\n      onError: (e: ProgressEvent) => xhrOnError(e, uploadFile),\n    });\n  };\n\n  const uploadFiles = (files: FileList): void => {\n    if (limit && fileList.length + files.length > limit) {\n      onExceed && onExceed(files, fileList);\n      return;\n    }\n\n    const postFiles = Array.from(files);\n    postFiles.forEach((file) => {\n      if (!beforeUpload) {\n        postRequest(file);\n      } else {\n        const res = beforeUpload(file);\n        if (res && res instanceof Promise) {\n          res.then((processedFile: File) => postRequest(processedFile));\n        } else if (res !== false) {\n          postRequest(file);\n        }\n      }\n    });\n  };\n\n  const handleTriggerOnClick = (): void => {\n    if (!disabled) {\n      if (fileRef.current) {\n        (fileRef.current as HTMLInputElement).click();\n      }\n    }\n  };\n\n  const handleFileOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const files = e.currentTarget.files;\n    if (!files) {\n      return;\n    }\n    uploadFiles(files);\n    if (fileRef.current) {\n      (fileRef.current as HTMLInputElement).value = '';\n    }\n  };\n\n  const handleOnRemove = (uploadFile: UploadFile): void => {\n    setFileList((prevState) => prevState.filter((file) => file.uid !== uploadFile.uid));\n    onRemove && onRemove(uploadFile);\n  };\n\n  return (\n    <>\n      <div ref={ref} className={cls} style={style} onClick={handleTriggerOnClick}>\n        {drag ? (\n          <DraggerCover prefixCls={prefixCls} onFile={uploadFiles} disabled={disabled}>\n            {children}\n          </DraggerCover>\n        ) : (\n          children\n        )}\n        {tip && <div className={`${prefixCls}__tip`}>{tip}</div>}\n        <input\n          ref={fileRef}\n          accept={accept}\n          multiple={multiple}\n          type=\"file\"\n          style={{ display: 'none' }}\n          onChange={handleFileOnChange}\n        />\n      </div>\n      <UploadList prefixCls={prefixCls} fileList={fileList} onRemove={handleOnRemove} />\n    </>\n  );\n});\n\nUpload.displayName = 'Upload';\n\nexport default Upload;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiny-ui",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "A friendly ui component set for react",
   "license": "MIT",
   "keywords": [
@@ -27,40 +27,38 @@
   "typings": "lib/index.d.ts",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./es/index.js",
-      "require": "./lib/index.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib/index.js"
     },
     "./lib/*": "./lib/*",
-    "./es/*": "./es/*",
-    "./dist/*": "./dist/*"
+    "./es/*": "./es/*"
   },
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "files": [
     "lib",
-    "es",
-    "dist"
+    "es"
   ],
   "engines": {
-    "node": ">=18"
+    "node": ">=22"
   },
   "scripts": {
-    "build": "npm run build-ts && npm run dist",
-    "commit": "git add . && ./node_modules/cz-customizable/standalone.js",
-    "build-ts": "rimraf lib es && tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json",
-    "dist-style": "gulp --gulpfile scripts/gulpfile.js && node scripts/generate-style.js",
-    "dist-dev": "cross-env NODE_ENV=development webpack --config webpack.config.js --progress",
-    "dist-prod": "cross-env NODE_ENV=production webpack --config webpack.config.js --progress",
-    "dist": "rimraf -rf dist && npm run dist-dev && npm run dist-prod && npm run dist-style",
-    "dev": "cross-env NODE_ENV=development webpack serve --config site/config/webpack.dev.js",
-    "eslint": "eslint components --ext .ts,.tsx",
-    "site:build": "cross-env NODE_ENV=production webpack --config site/config/webpack.prod.js",
+    "build": "npm run clean && tsdown && node scripts/build-styles.js && node scripts/inject-style-imports.js",
+    "clean": "rimraf lib es",
+    "dev": "vite serve site",
+    "site:build": "vite build site",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "test:update": "jest --updateSnapshot",
-    "lint:style": "stylelint components/**/*.scss --syntax scss",
+    "lint": "eslint components/",
+    "lint:style": "stylelint \"components/**/*.scss\"",
     "lint:style:fix": "npm run lint:style -- --fix",
-    "changelog": "node scripts/changelog.js"
+    "changelog": "node scripts/changelog.js",
+    "prepare": "husky"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -73,15 +71,9 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.8",
-    "@babel/plugin-transform-runtime": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.16.7",
-    "@babel/preset-typescript": "^7.16.7",
-    "@commitlint/cli": "^16.2.3",
-    "@mdx-js/loader": "^1.6.22",
-    "@mdx-js/react": "^1.6.22",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
+    "@commitlint/cli": "^19.0.0",
+    "@mdx-js/react": "^3.1.1",
+    "@mdx-js/rollup": "^3.1.1",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.0.0",
@@ -89,77 +81,43 @@
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@types/react-transition-group": "^4.4.4",
-    "@typescript-eslint/eslint-plugin": "^5.15.0",
-    "@typescript-eslint/parser": "^5.15.0",
+    "@eslint/js": "^9.0.0",
+    "@vitejs/plugin-react": "^5.1.4",
     "autoprefixer": "^10.4.4",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-import": "^1.13.3",
-    "clean-webpack-plugin": "^4.0.0",
     "commitlint-config-cz": "^0.13.3",
-    "copy-webpack-plugin": "^10.2.4",
-    "cross-env": "^7.0.3",
-    "css-loader": "^6.7.1",
-    "css-minimizer-webpack-plugin": "^3.4.1",
-    "cz-customizable": "^6.3.0",
-    "eslint": "^7.21.0",
-    "eslint-plugin-jest": "^24.2.1",
-    "eslint-plugin-jest-dom": "^3.6.5",
-    "eslint-plugin-react": "^7.22.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "file-loader": "^6.2.0",
-    "gulp": "^5.0.0",
-    "gulp-clean-css": "^4.2.0",
-    "gulp-postcss": "^9.0.1",
-    "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.1.0",
-    "html-webpack-plugin": "^5.5.0",
-    "husky": "^7.0.4",
+    "cz-customizable": "^7.0.0",
+    "eslint": "^9.0.0",
+    "eslint-plugin-jest": "^28.0.0",
+    "eslint-plugin-jest-dom": "^5.0.0",
+    "eslint-plugin-react": "^7.37.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "husky": "^9.0.0",
     "jest": "^29.0.0",
     "jest-environment-jsdom": "^29.0.0",
-    "lint-staged": "^12.3.7",
-    "mini-css-extract-plugin": "^2.6.0",
-    "postcss-loader": "^6.2.1",
-    "postcss-nested": "^5.0.6",
-    "prettier": "2.6.0",
+    "lint-staged": "^15.0.0",
+    "prettier": "^3.0.0",
     "prism-react-renderer": "^2.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-live": "^4.1.0",
-    "react-refresh": "^0.11.0",
     "react-router-dom": "^6.0.0",
-    "remark-gfm": "^3.0.1",
+    "rehype-mdx-code-props": "^3.0.1",
+    "remark-gfm": "^4.0.1",
     "rimraf": "^3.0.2",
     "sass": "^1.49.9",
-    "sass-loader": "^12.6.0",
-    "style-loader": "^3.3.1",
-    "stylelint": "^14.6.0",
-    "stylelint-config-standard": "^25.0.0",
-    "terser-webpack-plugin": "^5.3.1",
+    "stylelint": "^16.0.0",
+    "stylelint-config-standard-scss": "^14.0.0",
     "ts-jest": "^29.0.0",
-    "tsconfig-paths-webpack-plugin": "^3.5.2",
+    "tsdown": "^0.21.1",
     "typescript": "^5.4.0",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.70.0",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4",
-    "webpack-merge": "^5.8.0"
+    "typescript-eslint": "^8.0.0",
+    "vite": "^7.3.1"
   },
   "lint-staged": {
     "components/**/*.scss": [
       "npm run lint:style:fix"
     ]
   },
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
-      "pre-commit": "lint-staged"
-    }
-  },
-  "overrides": {
-    "@mdx-js/react": {
-      "react": "$react"
-    }
-  },
   "browserslist": [
     "> 0.5%",
     "last 2 versions",