react-table-edit 1.2.28 → 1.2.30

package/dist/component/table/type.d.ts

@@ -0,0 +1,158 @@
+import { Dispatch, ReactNode, SetStateAction } from "react";
+import { IFColumnSelectTable } from "../select-table";
+type ITextAlign = 'center' | 'left' | 'right';
+type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'color';
+export type ICommandItem = {
+    id: string;
+    color?: string;
+    tooltip?: string;
+    icon?: string;
+    commandTemplate?: ReactNode;
+};
+export type ISettingFormElement = {
+    schema: any;
+    labelSize?: 'label-small' | 'label-medium' | 'label-large';
+    menuWidth?: number;
+    menuHeight?: number;
+    onFormOpen?: any;
+    onFormSubmit?: any;
+    displayValue?: any;
+    footerTemplate?: any;
+    onChangeField?: any;
+    openOnFocus?: boolean;
+    isClearable?: boolean;
+};
+export type ISettingSelectElement = {
+    isClearable?: boolean;
+    isMulti?: boolean;
+    loadOptions?: any;
+    defaultValue?: any;
+    fieldValue?: string;
+    fieldLabel?: string;
+    options?: any[];
+    widthPopup?: string | number;
+    heightPopup?: string | number;
+    iconGroup?: string;
+    handAddNew?: any;
+    validateOption?: any;
+    optionsField?: string;
+    columns?: IFColumnSelectTable[];
+};
+export type ISettingNumericElement = {
+    min?: number;
+    max?: number;
+    fraction?: number;
+};
+export type IColumnTable = {
+    field: string;
+    headerText?: string;
+    isPrimarykey?: boolean;
+    isUnikey?: boolean;
+    haveSum?: boolean;
+    haveToolTip?: boolean;
+    validate?: any;
+    disabledCondition?: any;
+    callback?: any;
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    editEnable?: boolean;
+    visible?: boolean;
+    invisibleDisable?: boolean;
+    editType?: IEditType;
+    textAlign?: ITextAlign;
+    fixedType?: 'left' | 'right' | undefined;
+    template?: any;
+    commandItems?: ICommandItem[];
+    editTypeCondition?: any;
+    onPaste?: any;
+    onPasteValidate?: any;
+    placeholder?: string;
+    numericSettings?: ISettingNumericElement;
+    selectSettings?: ISettingSelectElement;
+    formSettings?: ISettingFormElement;
+    columns?: IColumnTable[];
+};
+export type IFToolbarOptions = {
+    align: 'left' | 'right' | 'center';
+    template: any;
+};
+export type IFTableEditPaging = {
+    allowPaging?: boolean;
+    pagingClient?: boolean;
+    currentPage?: number;
+    setCurrentPage?: Dispatch<SetStateAction<number>>;
+    setPageSize?: Dispatch<SetStateAction<number>>;
+    pageSize?: number;
+    totalItem?: number;
+};
+export type IFTableEditButton = {
+    deleteAllDisable?: boolean;
+    insertAfterDisable?: boolean;
+    insertBeforeDisable?: boolean;
+    duplicateDisable?: boolean;
+};
+export type IFTableEditToolbar = {
+    showTopToolbar?: boolean;
+    toolbarOptions?: IFToolbarOptions[];
+    toolbarBottomOptions?: IFToolbarOptions[];
+    showBottomToolbar?: boolean;
+};
+export type IFTableEditSearchSetting = {
+    searchEnable?: boolean;
+    searchClient?: boolean;
+    searchTerm?: string;
+    keyField?: string[];
+    setSearchTerm?: Dispatch<SetStateAction<string>>;
+};
+export type IFTableEditProps = {
+    idTable?: string;
+    dataSource: any[];
+    selectEnable?: boolean;
+    defaultValue?: any;
+    columns: IColumnTable[];
+    setDataSource?: any;
+    commandClick?: any;
+    rowChange?: any;
+    handleSelect?: any;
+    dataSourceChange?: any;
+    height?: number;
+    maxHeight?: number;
+    minHeight?: number;
+    selectedItem?: any;
+    setSelectedItem?: Dispatch<SetStateAction<any>>;
+    isMulti?: boolean;
+    haveSum?: boolean;
+    editDisable?: boolean;
+    addDisable?: boolean;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    pagingSetting?: IFTableEditPaging;
+    buttonSetting?: IFTableEditButton;
+    toolbarSetting?: IFTableEditToolbar;
+    searchSetting?: IFTableEditSearchSetting;
+};
+export type IFPageSize = {
+    pageSize: number;
+};
+export type IFCurrentPage = {
+    currentPage: number;
+};
+export type IFCurrentPageConfig = {
+    currentPage: number;
+    oldPage: number;
+};
+export type IHeaderColumnTable = {
+    field: string;
+    headerText?: string;
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    visible?: boolean;
+    rowspan?: number;
+    columns?: IColumnTable[];
+    textAlign?: ITextAlign;
+    fixedType?: 'left' | 'right' | undefined;
+    index?: number;
+};
+export {};

package/dist/component/utils.d.ts

@@ -0,0 +1,17 @@
+export declare const useOnClickOutside: (ref: any, handler: any) => void;
+export declare const checkThousandSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
+export declare const checkDecimalSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
+export declare const isNullOrUndefined: (d: any) => boolean;
+export declare const generateUUID: () => string;
+/**
+ * format chuỗi kí tự số
+ * @param str chuỗi số cần format
+ * @param decimalSeparator kí tự thập phân
+ * @param thousandSeparator kí tự phân cách hàng nghìn
+ * @param fraction số kí tự thập phân
+ * @param isDone đã nhập xong
+ * @returns
+ */
+export declare const formartNumberic: (str: string | number, decimalSeparator: string, thousandSeparator: string, fraction?: number, isDone?: boolean, haveNegative?: boolean) => string;
+export declare const roundNumber: (num: number, fraction: number) => number;
+export declare const formatDateTime: (data: any, format?: string) => string;

package/dist/index.d.ts

@@ -1,366 +1,10 @@
-import * as react from 'react';
-import react__default, { ReactNode, Dispatch, SetStateAction } from 'react';
-import { TFunction } from 'react-i18next';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type IFColumnSelectTable = {
-    field: string;
-    headerText: string;
-    visible?: boolean;
-    textAlign?: 'left' | 'right' | 'center';
-    type?: 'text' | 'numeric' | 'date' | 'datetime';
-    template?: any;
-    typeCondition?: any;
-    fraction?: number;
-    width?: number;
-    maxWidth?: number;
-    minWidth?: number;
-};
-type IFTableSelectFormat = {
-    dateFormat?: string;
-    datetimeFormat?: string;
-    decimalSeparator?: string;
-    thousandSeparator?: string;
-    colorNegative?: string;
-    prefixNegative?: string;
-    suffixNegative?: string;
-};
-type Props$1 = {
-    id?: string;
-    component?: any;
-    footerComponent?: any;
-    fieldValue?: string;
-    fieldLabel?: string;
-    onChange: any;
-    textAlign?: 'left' | 'right' | 'center';
-    placeholder?: string;
-    invalid?: any;
-    loadOptions?: any;
-    menuWidth?: number;
-    width?: number;
-    rowData?: any;
-    value: any;
-    onKeyDown?: any;
-    onOpenMenu?: any;
-    formatOptionLabel?: any;
-    handleAdd?: any;
-    options: any[];
-    isMulti?: boolean;
-    noHeader?: boolean;
-    maxHeight?: number;
-    columns?: IFColumnSelectTable[];
-    isClearable?: boolean;
-    isDisabled?: boolean;
-    allowCreate?: boolean;
-    showFooter?: boolean;
-    onPaste?: any;
-    formatSetting?: IFTableSelectFormat;
-};
-declare const SelectTable: react__default.ForwardRefExoticComponent<Props$1 & react__default.RefAttributes<unknown>>;
-
-type ITextAlign = 'center' | 'left' | 'right';
-type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'color';
-type ICommandItem = {
-    id: string;
-    color?: string;
-    tooltip?: string;
-    icon?: string;
-    commandTemplate?: ReactNode;
-};
-type ISettingFormElement = {
-    schema: any;
-    labelSize?: 'label-small' | 'label-medium' | 'label-large';
-    menuWidth?: number;
-    menuHeight?: number;
-    displayValue?: any;
-    footerTemplate?: any;
-    openOnFocus?: boolean;
-    isClearable?: boolean;
-    onChangeField?: any;
-    onFormOpen?: any;
-    onFormSubmit?: any;
-};
-type ISettingSelectElement = {
-    isClearable?: boolean;
-    isMulti?: boolean;
-    noHeader?: boolean;
-    showFooter?: boolean;
-    footerComponent?: any;
-    formatOptionLabel?: any;
-    selectChilds?: boolean;
-    loadOptions?: any;
-    defaultValue?: any;
-    fieldValue?: string;
-    fieldLabel?: string;
-    fieldChild?: string;
-    options?: any[];
-    widthPopup?: string | number;
-    heightPopup?: string | number;
-    iconGroup?: string;
-    handAddNew?: any;
-    validateOption?: any;
-    optionsField?: string;
-    columns?: IFColumnSelectTable[];
-    onOpenMenu?: any;
-};
-type ISettingNumericElement = {
-    min?: number;
-    max?: number;
-    fraction?: number;
-    allowNegative?: boolean;
-};
-type IColumnTable = {
-    field: string;
-    headerText?: string;
-    isPrimarykey?: boolean;
-    isUnikey?: boolean;
-    haveSum?: boolean;
-    haveToolTip?: boolean;
-    validate?: any;
-    disabledCondition?: any;
-    callback?: any;
-    width?: number | string;
-    minWidth?: number | string;
-    maxWidth?: number | string;
-    editEnable?: boolean;
-    visible?: boolean;
-    invisibleDisable?: boolean;
-    editType?: IEditType;
-    textAlign?: ITextAlign;
-    fixedType?: 'left' | 'right' | undefined;
-    template?: any;
-    commandItems?: ICommandItem[];
-    editTypeCondition?: any;
-    onPaste?: any;
-    onPasteValidate?: any;
-    placeholder?: string;
-    numericSettings?: ISettingNumericElement;
-    selectSettings?: ISettingSelectElement;
-    formSettings?: ISettingFormElement;
-    columns?: IColumnTable[];
-};
-type IFToolbarOptions = {
-    align: 'left' | 'right' | 'center';
-    template: any;
-};
-type IFTableEditPaging = {
-    allowPaging?: boolean;
-    pagingClient?: boolean;
-    currentPage?: number;
-    setCurrentPage?: Dispatch<SetStateAction<number>>;
-    setPageSize?: Dispatch<SetStateAction<number>>;
-    pageSize?: number;
-    totalItem?: number;
-};
-type IFTableEditButton = {
-    deleteAllDisable?: boolean;
-    insertAfterDisable?: boolean;
-    insertBeforeDisable?: boolean;
-    duplicateDisable?: boolean;
-};
-type IFTableEditToolbar = {
-    showTopToolbar?: boolean;
-    toolbarOptions?: IFToolbarOptions[];
-    toolbarBottomOptions?: IFToolbarOptions[];
-    showBottomToolbar?: boolean;
-};
-type IFTableEditSearchSetting = {
-    searchEnable?: boolean;
-    searchClient?: boolean;
-    searchTerm?: string;
-    keyField?: string[];
-    setSearchTerm?: Dispatch<SetStateAction<string>>;
-};
-type IFTableEditFormat = {
-    dateFormat?: string;
-    datetimeFormat?: string;
-    decimalSeparator?: string;
-    thousandSeparator?: string;
-    colorNegative?: string;
-    prefixNegative?: string;
-    suffixNegative?: string;
-};
-type IFTableEditProps = {
-    idTable?: string;
-    dataSource: any[];
-    selectEnable?: boolean;
-    defaultValue?: any;
-    columns: IColumnTable[];
-    setDataSource?: any;
-    commandClick?: any;
-    rowChange?: any;
-    handleSelect?: any;
-    dataSourceChange?: any;
-    height?: number;
-    maxHeight?: number;
-    minHeight?: number;
-    selectedItem?: any;
-    setSelectedItem?: Dispatch<SetStateAction<any>>;
-    isMulti?: boolean;
-    editDisable?: boolean;
-    addDisable?: boolean;
-    haveSum?: boolean;
-    disableAutoKey?: boolean;
-    formatSetting?: IFTableEditFormat;
-    pagingSetting?: IFTableEditPaging;
-    buttonSetting?: IFTableEditButton;
-    toolbarSetting?: IFTableEditToolbar;
-    searchSetting?: IFTableEditSearchSetting;
-};
-type IFPageSize = {
-    pageSize: number;
-};
-type IFCurrentPage = {
-    currentPage: number;
-};
-type IFCurrentPageConfig = {
-    currentPage: number;
-    oldPage: number;
-};
-type IFRef = {
-    refeshFocusRow: any;
-};
-type IHeaderColumnTable = {
-    field: string;
-    headerText?: string;
-    width?: number | string;
-    minWidth?: number | string;
-    maxWidth?: number | string;
-    visible?: boolean;
-    rowspan?: number;
-    columns?: IColumnTable[];
-    textAlign?: ITextAlign;
-    fixedType?: 'left' | 'right' | undefined;
-    index?: number;
-};
-declare const TableEdit: react.ForwardRefExoticComponent<IFTableEditProps & react.RefAttributes<IFRef>>;
-
-type FromItemsField = {
-    name: string;
-    label: string;
-    type: 'text' | 'numeric' | 'select' | 'selectCreatable';
-    disabled?: boolean;
-    fraction?: number;
-    min?: number;
-    max?: number;
-    options?: any[];
-};
-
-declare const messageHtmlBoxConfirm: (t: TFunction<"translation", undefined>, message: any[], handle: any, data: any, title?: string, btnOk?: string, btnCancel?: string) => void;
-declare const messageHtmlBoxError: (t: TFunction<"translation", undefined>, message: any[], title?: string, btnCancel?: string) => void;
-declare const messageBoxConfirmDelete: (t: TFunction<"translation", undefined>, handle: any, data: any) => void;
-declare const messageBoxConfirm: (t: TFunction<"translation", undefined>, handle: any, data: any, message: string, title?: string, btnOk?: string, btnCancel?: string) => void;
-declare const messageBoxError: (t: TFunction<"translation", undefined>, message: string, title?: string, btnCancel?: string) => void;
-declare const notificationError: (param: string) => string;
-declare const notificationSuccess: (param: string) => string;
-declare const messageBoxConfirm2: (t: TFunction<"translation", undefined>, data: any, data2: any, message: string) => Promise<boolean>;
-
-declare const useOnClickOutside: (ref: any, handler: any) => void;
-declare const checkThousandSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
-declare const checkDecimalSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
-declare const isNullOrUndefined: (d: any) => boolean;
-declare const generateUUID: () => string;
-/**
- * format chuỗi kí tự số
- * @param str chuỗi số cần format
- * @param decimalSeparator kí tự thập phân
- * @param thousandSeparator kí tự phân cách hàng nghìn
- * @param fraction số kí tự thập phân
- * @param isDone đã nhập xong
- * @returns
- */
-declare const formartNumberic: (str: string | number, decimalSeparator: string, thousandSeparator: string, fraction?: number, isDone?: boolean, haveNegative?: boolean) => string;
-declare const roundNumber: (num: number, fraction: number) => number;
-declare const formatDateTime: (data: any, format?: string) => string;
-
-type IFDataProps = {
-    buttonWidth?: number;
-    tabParent?: boolean;
-    tabChild?: boolean;
-    resourceCodeParent?: string;
-    resourceCode: string;
-    resources: any[];
-    renderModal?: any;
-    windowSize?: any;
-};
-declare const TabsMenuComponent: ({ buttonWidth, tabParent, tabChild, resourceCodeParent, resources, resourceCode, windowSize, renderModal }: IFDataProps) => react_jsx_runtime.JSX.Element;
-
-type IFColumnSelectTableTree = {
-    field: string;
-    headerText: string;
-    visible?: boolean;
-    textAlign?: 'left' | 'right' | 'center';
-    type?: 'text' | 'numeric' | 'date' | 'datetime';
-    template?: any;
-    typeCondition?: any;
-    fraction?: number;
-    width?: number;
-    maxWidth?: number;
-    minWidth?: number;
-};
-type IFTableTreeSelectFormat = {
-    dateFormat?: string;
-    decimalSeparator?: string;
-    thousandSeparator?: string;
-    colorNegative?: string;
-    prefixNegative?: string;
-    suffixNegative?: string;
-};
-type Props = {
-    id?: string;
-    component?: any;
-    footerComponent?: any;
-    fieldValue?: string;
-    fieldLabel?: string;
-    onChange: any;
-    textAlign?: 'left' | 'right' | 'center';
-    placeholder?: string;
-    invalid?: any;
-    loadOptions?: any;
-    menuWidth?: number;
-    width?: number;
-    rowData?: any;
-    value: any;
-    onKeyDown?: any;
-    formatOptionLabel?: any;
-    handleAdd?: any;
-    options: any[];
-    isMulti?: boolean;
-    noHeader?: boolean;
-    maxHeight?: number;
-    columns?: IFColumnSelectTableTree[];
-    fieldChildren?: string;
-    isClearable?: boolean;
-    isDisabled?: boolean;
-    showFooter?: boolean;
-    selectChilds?: boolean;
-    formatSetting?: IFTableTreeSelectFormat;
-    onOpenMenu?: any;
-    onPaste?: any;
-};
-declare const SelectTableTree: react__default.ForwardRefExoticComponent<Props & react__default.RefAttributes<unknown>>;
-
-interface IFDataStyleSetting {
-    color: string;
-    backgroundColor: string;
-    fontFamily: string;
-    fontSize: number;
-    bold: boolean;
-    italic: boolean;
-    underline: boolean;
-}
-interface IFDataInputStyle {
-    value: IFDataStyleSetting;
-    onChange: any;
-    disabled?: boolean;
-    disabledColor?: boolean;
-    disabledBackgroundColor?: boolean;
-    disabledFontFamily?: boolean;
-    disabledFontSize?: boolean;
-    disabledBold?: boolean;
-    disabledItalic?: boolean;
-    disabledUnderline?: boolean;
-}
-declare const InputStyleComponent: (props: IFDataInputStyle) => react_jsx_runtime.JSX.Element;
-
-export { type FromItemsField, type IColumnTable, type ICommandItem, type IFColumnSelectTable, type IFColumnSelectTableTree, type IFCurrentPage, type IFCurrentPageConfig, type IFPageSize, type IFTableEditButton, type IFTableEditFormat, type IFTableEditPaging, type IFTableEditProps, type IFTableEditSearchSetting, type IFTableEditToolbar, type IFTableSelectFormat, type IFTableTreeSelectFormat, type IFToolbarOptions, type IHeaderColumnTable, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, InputStyleComponent, SelectTable, SelectTableTree, TabsMenuComponent, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
+import TableEdit from './component/table';
+export { type FromItemsField } from './component/edit-form';
+export * from './component/notifications';
+export * from './component/table';
+export * from './component/utils';
+export * from './component/tab-menu';
+export * from './component/select-table';
+export * from './component/select-table-tree';
+export * from './component/input-style';
+export default TableEdit;

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "react-table-edit",
-  "version": "1.2.28",
+  "version": "1.2.30",
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
     "dist/**/*"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts --external react,react-dom",
-    "start": "node dist/index.js"
+    "build": "webpack --config webpack.config.js",
+    "start": "webpack serve --config webpack.config.js --mode development"
   },
   "keywords": [
     "react",
@@ -22,32 +21,41 @@
   "license": "ISC",
   "author": "hungnv",
   "peerDependencies": {
+    "i18next": "^21.8.2",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6",
-    "react-router-dom": "^6.3.0",
     "react-hook-form": "^7.43.9",
     "react-i18next": "^11.16.9",
+    "react-router-dom": "^6.3.0",
     "reactstrap": "^9.0.1",
-    "i18next": "^21.8.2",
     "yup": "^0.32.11"
   },
   "devDependencies": {
     "@hookform/resolvers": "^2.8.10",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@types/react-resizable": "^3.0.7",
     "becoxy-icons": "1.8.1",
     "classnames": "2.3.1",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
+    "css-loader": "^7.1.2",
+    "html-webpack-plugin": "^5.5.1",
+    "react-hook-form": "^7.43.9",
     "react-hot-toast": "2.2.0",
     "react-i18next": "^11.16.9",
+    "react-number-format": "^5.3.3",
+    "react-refresh": "^0.14.0",
     "react-resizable": "^3.0.5",
     "react-router-dom": "^6.3.0",
     "reactstrap": "9.0.1",
+    "sass": "^1.81.0",
+    "sass-loader": "^16.0.3",
+    "style-loader": "^4.0.0",
     "sweetalert2": "^11.4.14",
     "sweetalert2-react-content": "^5.0.0",
-    "react-number-format": "^5.3.3",
-    "yup": "^0.32.11",
-    "tsup": "^8.0.2",
-    "typescript": "^5.6.3"
+    "ts-loader": "^9.4.2",
+    "typescript": "^5.6.3",
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.0",
+    "yup": "^0.32.11"
   }
 }

package/dist/index.css

@@ -1,67 +0,0 @@
-/* node_modules/react-resizable/css/styles.css */
-.react-resizable {
-  position: relative;
-}
-.react-resizable-handle {
-  position: absolute;
-  width: 20px;
-  height: 20px;
-  background-repeat: no-repeat;
-  background-origin: content-box;
-  box-sizing: border-box;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);
-  background-position: bottom right;
-  padding: 0 3px 3px 0;
-}
-.react-resizable-handle-sw {
-  bottom: 0;
-  left: 0;
-  cursor: sw-resize;
-  transform: rotate(90deg);
-}
-.react-resizable-handle-se {
-  bottom: 0;
-  right: 0;
-  cursor: se-resize;
-}
-.react-resizable-handle-nw {
-  top: 0;
-  left: 0;
-  cursor: nw-resize;
-  transform: rotate(180deg);
-}
-.react-resizable-handle-ne {
-  top: 0;
-  right: 0;
-  cursor: ne-resize;
-  transform: rotate(270deg);
-}
-.react-resizable-handle-w,
-.react-resizable-handle-e {
-  top: 50%;
-  margin-top: -10px;
-  cursor: ew-resize;
-}
-.react-resizable-handle-w {
-  left: 0;
-  transform: rotate(135deg);
-}
-.react-resizable-handle-e {
-  right: 0;
-  transform: rotate(315deg);
-}
-.react-resizable-handle-n,
-.react-resizable-handle-s {
-  left: 50%;
-  margin-left: -10px;
-  cursor: ns-resize;
-}
-.react-resizable-handle-n {
-  top: 0;
-  transform: rotate(225deg);
-}
-.react-resizable-handle-s {
-  bottom: 0;
-  transform: rotate(45deg);
-}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../node_modules/react-resizable/css/styles.css"],"sourcesContent":[".react-resizable {\n  position: relative;\n}\n.react-resizable-handle {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  background-repeat: no-repeat;\n  background-origin: content-box;\n  box-sizing: border-box;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');\n  background-position: bottom right;\n  padding: 0 3px 3px 0;\n}\n.react-resizable-handle-sw {\n  bottom: 0;\n  left: 0;\n  cursor: sw-resize;\n  transform: rotate(90deg);\n}\n.react-resizable-handle-se {\n  bottom: 0;\n  right: 0;\n  cursor: se-resize;\n}\n.react-resizable-handle-nw {\n  top: 0;\n  left: 0;\n  cursor: nw-resize;\n  transform: rotate(180deg);\n}\n.react-resizable-handle-ne {\n  top: 0;\n  right: 0;\n  cursor: ne-resize;\n  transform: rotate(270deg);\n}\n.react-resizable-handle-w,\n.react-resizable-handle-e {\n  top: 50%;\n  margin-top: -10px;\n  cursor: ew-resize;\n}\n.react-resizable-handle-w {\n  left: 0;\n  transform: rotate(135deg);\n}\n.react-resizable-handle-e {\n  right: 0;\n  transform: rotate(315deg);\n}\n.react-resizable-handle-n,\n.react-resizable-handle-s {\n  left: 50%;\n  margin-left: -10px;\n  cursor: ns-resize;\n}\n.react-resizable-handle-n {\n  top: 0;\n  transform: rotate(225deg);\n}\n.react-resizable-handle-s {\n  bottom: 0;\n  transform: rotate(45deg);\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACZ;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,qBAAmB;AACnB,qBAAmB;AACnB,cAAY;AACZ,oBAAkB;AAClB,uBAAqB,OAAO;AAC5B,WAAS,EAAE,IAAI,IAAI;AACrB;AACA,CAAC;AACC,UAAQ;AACR,QAAM;AACN,UAAQ;AACR,aAAW,OAAO;AACpB;AACA,CAAC;AACC,UAAQ;AACR,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,OAAK;AACL,QAAM;AACN,UAAQ;AACR,aAAW,OAAO;AACpB;AACA,CAAC;AACC,OAAK;AACL,SAAO;AACP,UAAQ;AACR,aAAW,OAAO;AACpB;AACA,CAAC;AACD,CAAC;AACC,OAAK;AACL,cAAY;AACZ,UAAQ;AACV;AACA,CANC;AAOC,QAAM;AACN,aAAW,OAAO;AACpB;AACA,CATC;AAUC,SAAO;AACP,aAAW,OAAO;AACpB;AACA,CAAC;AACD,CAAC;AACC,QAAM;AACN,eAAa;AACb,UAAQ;AACV;AACA,CANC;AAOC,OAAK;AACL,aAAW,OAAO;AACpB;AACA,CATC;AAUC,UAAQ;AACR,aAAW,OAAO;AACpB;","names":[]}