component-shared 1.0.0

package/ComponentsV2/TableTemplate/CreateTableTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateTableTemplate.js","sources":["../../../src/ComponentsV2/TableTemplate/CreateTableTemplate.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, SxProps, Theme, styled } from '@mui/material'\r\nimport { DataGrid, GridSortModel, GridColDef, GridValidRowModel, DataGridProps, GridRowModel } from '@mui/x-data-grid'\r\nimport { GridCallbackDetails, GridFilterModel, GridPaginationInitialState, GridFeatureMode } from '@mui/x-data-grid'\r\nimport { CustomerGridToolbar } from './CustomerGridToolbar'\r\nimport { CustomGridFilterPanel } from './CustomGridFilterPanel'\r\nimport { GridColDefCconfig, IFetchModel, ITableMode, ITableOption, ITableTemplatePropBases } from './type'\r\nimport { ITableTemplateContext, ITableTemplateState, TableTemplateContext } from './TableTemplateContext'\r\nimport NoRowsOverlay from './NoRowsOverlay'\r\n\r\ntype ITableTemplateProps<T extends GridValidRowModel, Key extends keyof ITableMode<T>> = ITableTemplatePropBases<T> &\r\n  ITableMode<T>[Key] & {\r\n    sxWrapper?: SxProps<Theme>\r\n    ItemRowMenu?: ComponentType<React.PropsWithChildren<any>>\r\n  }\r\n\r\nexport const CreateTableTemplate = function <TModel extends GridValidRowModel>(\r\n  mode: keyof ITableMode<TModel>,\r\n  option: ITableOption<TModel>\r\n) {\r\n  return class TableTemplate\r\n    extends Component<ITableTemplateProps<TModel, keyof ITableMode<TModel>>, ITableTemplateState<TModel>>\r\n    implements ITableTemplateContext\r\n  {\r\n    static defaultState: ITableTemplateState<TModel> = {\r\n      PageInfo: { data: [], rowTotal: 0, page: 0, pageSize: 0 },\r\n      isLoading: true,\r\n    }\r\n    AbortController?: AbortController\r\n\r\n    constructor(props: ITableTemplateProps<TModel, keyof ITableMode<TModel>>) {\r\n      super(props)\r\n      this.state = TableTemplate.defaultState\r\n      this.columns = this.initial()\r\n    }\r\n    generateColumns = () => {\r\n      return Object.keys(option.config).map((key) => {\r\n        const opt = { ...option.config[key], field: key } as GridColDef\r\n        if (mode === 'Server' && !opt.type && opt.filterable !== false)\r\n          throw new Error(`When mode is Server you need set type for '${key}' column in 'GridColDef'`)\r\n        if (option.filterOperators) {\r\n          opt.filterOperators = option.filterOperators(opt)\r\n        }\r\n        return opt\r\n      })\r\n    }\r\n    columns: GridColDef<any, any, any>[]\r\n    initial() {\r\n      if (option.MenuField) {\r\n        const MenuField = typeof option.MenuField === 'function' ? option.MenuField(option) : option.MenuField\r\n\r\n        const FieldConfig = option.config[MenuField as string]\r\n        const { ItemRowMenu: ItemMenu } = this.props\r\n        if (FieldConfig && ItemMenu) {\r\n          const renderCell = FieldConfig.renderCell\r\n          FieldConfig.renderCell = (params) => {\r\n            return <ItemMenu data={params.row}>{renderCell ? renderCell(params) : params.value}</ItemMenu>\r\n          }\r\n        }\r\n      }\r\n      return this.generateColumns()\r\n    }\r\n\r\n    getPageInfo = () => {\r\n      if ('PageInfo' in this.props && this.props.PageInfo) {\r\n        return this.props.PageInfo\r\n      }\r\n      return this.state.PageInfo\r\n    }\r\n\r\n    getPagination = () => {\r\n      const pageInfo = this.getPageInfo()\r\n      return { page: pageInfo.page, pageSize: pageInfo.pageSize }\r\n    }\r\n\r\n    GetDataGridProp = () => {\r\n      let _DataGridProp: Omit<DataGridProps, 'columns'>\r\n      if (mode === 'Server') {\r\n        const pageInfo = this.getPageInfo()\r\n        _DataGridProp = {\r\n          initialState: { pagination: this.getPagination() },\r\n          rowCount: pageInfo.rowTotal ?? 0,\r\n          rows: pageInfo.data,\r\n          loading: this.state.isLoading,\r\n          onPageChange: this.onPageChange,\r\n          onPageSizeChange: this.onPageSizeChange,\r\n          onFilterModelChange: this.onServerFilterChange,\r\n          onSortModelChange: this.onSortModelChange,\r\n          filterMode: 'server' as GridFeatureMode,\r\n          paginationMode: 'server' as GridFeatureMode,\r\n          sortingMode: 'server' as GridFeatureMode,\r\n          filterModel: this.state.FilterModel,\r\n          sortModel: this.state.GridSortModel,\r\n        }\r\n      } else if (mode === 'Client' && 'data' in this.props) {\r\n        _DataGridProp = {\r\n          rows: this.props.data,\r\n          componentsProps: {\r\n            toolbar: {\r\n              showQuickFilter: true,\r\n              quickFilterProps: { debounceMs: 500 },\r\n            },\r\n          },\r\n        }\r\n      } else {\r\n        _DataGridProp = { rows: [] }\r\n      }\r\n      return _DataGridProp\r\n    }\r\n\r\n    onRowSelectionModelChange = (rowSelectionModel: GridRowModel, details: GridCallbackDetails) => {\r\n      this.setState({ details: details, selectionIds: rowSelectionModel })\r\n    }\r\n\r\n    onServerFilterChange = (model: GridFilterModel, details: GridCallbackDetails<'filter'>) => {\r\n      this.setState({ FilterModel: model, isLoading: true }, () => this.FetchData({ FilterModel: model, details }))\r\n    }\r\n\r\n    onPageChange = (page: number, details: GridCallbackDetails<any>) => {\r\n      this.PageInfoCache.page = page\r\n      this.PageNavidateFetch(details)\r\n    }\r\n\r\n    onPageSizeChange = (pageSize: number, details: GridCallbackDetails<any>) => {\r\n      this.PageInfoCache.pageSize = pageSize\r\n      this.PageNavidateFetch(details)\r\n    }\r\n\r\n    timer = 0\r\n    PageInfoCache: GridPaginationInitialState = {}\r\n    PageNavidateFetch = (details: GridCallbackDetails<any>) => {\r\n      clearTimeout(this.timer)\r\n      this.timer = setTimeout(() => {\r\n        this.setState({ PaginationModel: this.PageInfoCache, isLoading: true })\r\n        this.FetchData({ PaginationModel: this.PageInfoCache, details })\r\n      }, 250) as any\r\n    }\r\n\r\n    onSortModelChange = (model: GridSortModel, details: GridCallbackDetails) => {\r\n      this.setState({ GridSortModel: model, isLoading: true })\r\n      this.FetchData({ GridSortModel: model, details })\r\n    }\r\n\r\n    FetchData = async (model: Partial<IFetchModel>) => {\r\n      this.AbortController?.abort()\r\n      if (mode === 'Server' && 'ServerOption' in this.props) {\r\n        try {\r\n          this.AbortController = new AbortController()\r\n          const data = await this.props.ServerOption.FetchFilterData(\r\n            Object.assign(\r\n              {},\r\n              {\r\n                PaginationModel: this.state.PaginationModel,\r\n                FilterModel: this.state.FilterModel,\r\n                GridSortModel: this.state.GridSortModel,\r\n                abort: this.AbortController.signal,\r\n              },\r\n              model\r\n            )\r\n          )\r\n          if (this.props.IsInnerState === true) {\r\n            this.setState({ isLoading: false, PageInfo: data ?? TableTemplate.defaultState.PageInfo })\r\n          } else {\r\n            this.setState({ isLoading: false })\r\n          }\r\n        } catch {\r\n          this.setState({ isLoading: false })\r\n        }\r\n      }\r\n    }\r\n\r\n    isServerSide = () => mode === 'Server'\r\n\r\n    async componentDidMount() {\r\n      if (mode === 'Server' && 'ServerOption' in this.props) {\r\n        this.AbortController?.abort()\r\n        if (mode === 'Server' && 'ServerOption' in this.props) {\r\n          try {\r\n            this.AbortController = new AbortController()\r\n            const data = await this.props.ServerOption.FetchInitialData()\r\n            this.setState({ isLoading: false, PageInfo: data ?? TableTemplate.defaultState.PageInfo })\r\n          } catch {\r\n            this.setState({ isLoading: false })\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    render() {\r\n      const CRUDPannel = this.props.CRUDPannel || (() => <></>)\r\n      return (\r\n        <TableTemplateContext.Provider value={this}>\r\n          <Wrapper sx={this.props.sxWrapper}>\r\n            {<CRUDPannel />}\r\n            <DataGrid\r\n              // row\r\n              pagination\r\n              getRowId={option.getRowId}\r\n              columns={this.columns}\r\n              {...this.GetDataGridProp()}\r\n              components={{\r\n                Toolbar: CustomerGridToolbar,\r\n                FilterPanel: (props: any) => <CustomGridFilterPanel {...props} />,\r\n                NoRowsOverlay,\r\n              }}\r\n              componentsProps={{ toolbar: { showQuickFilter: true, quickFilterProps: { debounceMs: 500 } } }}\r\n              style={{ border: 0 }}\r\n              checkboxSelection={true}\r\n              sx={{\r\n                border: 0,\r\n                '& .MuiTablePagination-root .MuiToolbar-root > p': { margin: 0 },\r\n                '& .MuiDataGrid-columnHeaderTitle': { fontWeight: 700, color: '#3c3c3c' },\r\n              }}\r\n              {...(this.props.InnerProps ?? {})}\r\n            />\r\n          </Wrapper>\r\n        </TableTemplateContext.Provider>\r\n      )\r\n    }\r\n  }\r\n}\r\n\r\nconst Wrapper = styled(Box)({\r\n  flex: 1,\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  border: '1px solid #e0e0e0',\r\n  borderRadius: '5px',\r\n})\r\n"],"names":["CreateTableTemplate","mode","option","_TableTemplate","_Component","TableTemplate","props","_this","_classCallCheck","_callSuper","_defineProperty","Object","keys","config","map","key","opt","_objectSpread","field","type","filterable","Error","concat","filterOperators","PageInfo","state","pageInfo","getPageInfo","page","pageSize","_DataGridProp","_pageInfo$rowTotal","initialState","pagination","getPagination","rowCount","rowTotal","rows","data","loading","isLoading","onPageChange","onPageSizeChange","onFilterModelChange","onServerFilterChange","onSortModelChange","filterMode","paginationMode","sortingMode","filterModel","FilterModel","sortModel","GridSortModel","componentsProps","toolbar","showQuickFilter","quickFilterProps","debounceMs","rowSelectionModel","details","setState","selectionIds","model","FetchData","PageInfoCache","PageNavidateFetch","clearTimeout","timer","setTimeout","PaginationModel","_ref","_asyncToGenerator","_regenerator","m","_callee","_this$AbortController","w","_context","n","AbortController","abort","p","ServerOption","FetchFilterData","assign","signal","v","IsInnerState","defaultState","a","_x","apply","arguments","columns","initial","_inherits","_createClass","value","MenuField","FieldConfig","ItemMenu","ItemRowMenu","renderCell","params","_jsx","row","children","generateColumns","_componentDidMount","_callee2","_this$AbortController2","_context2","FetchInitialData","componentDidMount","render","_this$props$InnerProp","CRUDPannel","_Fragment","TableTemplateContext","Provider","_jsxs","Wrapper","sx","sxWrapper","DataGrid","getRowId","GetDataGridProp","components","Toolbar","CustomerGridToolbar","FilterPanel","CustomGridFilterPanel","NoRowsOverlay","style","border","checkboxSelection","margin","fontWeight","color","InnerProps","Component","styled","Box","flex","display","flexDirection","borderRadius"],"mappings":"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"}

package/ComponentsV2/TableTemplate/CustomGridFilterPanel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface CustomGridFilterPanelProps {
+    disableMultipleColumnsFiltering?: boolean;
+}
+export declare const CustomGridFilterPanel: React.FC<CustomGridFilterPanelProps>;
+export {};

package/ComponentsV2/TableTemplate/CustomGridFilterPanel.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { Button } from '@mui/material';
+import { useGridApiContext, GridPanelWrapper, GridPanelContent, GridFilterForm, GridPanelFooter, GridAddIcon } from '@mui/x-data-grid';
+
+var CustomGridFilterPanel = function CustomGridFilterPanel(props) {
+  var apiRef = useGridApiContext();
+  var gridState = apiRef.current.state;
+  var hasMultipleFilters = React__default.useMemo(function () {
+    return gridState.filter.filterModel.items.length > 1;
+  }, [gridState.filter.filterModel.items.length]);
+  var applyFilter = React__default.useCallback(function (item) {
+    apiRef.current.upsertFilterItem(item);
+  }, [apiRef]);
+  var applyFilterLinkOperator = React__default.useCallback(function (operator) {
+    apiRef.current.setFilterLinkOperator(operator);
+  }, [apiRef]);
+  var addNewFilter = React__default.useCallback(function () {
+    var columns = gridState.columns.all.map(function (key) {
+      return gridState.columns.lookup[key];
+    }).filter(function (x) {
+      return x.filterable;
+    });
+    if (columns.length < 1) {
+      return;
+    }
+    var col = apiRef.current.getColumn(columns[0].field);
+    if (!col.filterOperators) {
+      return;
+    }
+    var newItem = {
+      columnField: columns[0].field,
+      operatorValue: col.filterOperators[0].value
+    };
+    apiRef.current.upsertFilterItem(newItem);
+  }, [apiRef, gridState.columns.all, gridState.columns.lookup]);
+  var deleteFilter = React__default.useCallback(function (item) {
+    apiRef.current.deleteFilterItem(item);
+  }, [apiRef]);
+  React__default.useEffect(function () {
+    if (gridState.filter.filterModel.items.length === 0) {
+      addNewFilter();
+    }
+  }, [addNewFilter, gridState.filter.filterModel.items.length]);
+  return jsxs(GridPanelWrapper, {
+    children: [jsx(GridPanelContent, {
+      children: gridState.filter.filterModel.items.map(function (item, index) {
+        return jsx(GridFilterForm, {
+          item: item,
+          applyFilterChanges: applyFilter,
+          deleteFilter: deleteFilter,
+          hasMultipleFilters: hasMultipleFilters,
+          showMultiFilterOperators: index > 0,
+          multiFilterOperator: gridState.filter.filterModel.linkOperator,
+          disableMultiFilterOperator: index !== 1,
+          applyMultiFilterOperatorChanges: applyFilterLinkOperator
+        }, item.id);
+      })
+    }), jsx(GridPanelFooter, {
+      children: jsx(Button, {
+        onClick: addNewFilter,
+        startIcon: jsx(GridAddIcon, {}),
+        color: "primary",
+        children: apiRef.current.getLocaleText('filterPanelAddFilter')
+      })
+    })]
+  });
+};
+
+export { CustomGridFilterPanel };
+//# sourceMappingURL=CustomGridFilterPanel.js.map

package/ComponentsV2/TableTemplate/CustomGridFilterPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomGridFilterPanel.js","sources":["../../../src/ComponentsV2/TableTemplate/CustomGridFilterPanel.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from '@mui/material'\r\nimport { GridPanelWrapper, GridFilterForm, useGridApiContext } from '@mui/x-data-grid'\r\nimport { GridFilterItem, GridLinkOperator, GridAddIcon, GridPanelContent, GridPanelFooter } from '@mui/x-data-grid'\r\n\r\ninterface CustomGridFilterPanelProps {\r\n  disableMultipleColumnsFiltering?: boolean\r\n}\r\n\r\nexport const CustomGridFilterPanel: React.FC<CustomGridFilterPanelProps> = (props) => {\r\n  const apiRef = useGridApiContext()\r\n  const gridState = apiRef.current.state\r\n\r\n  const hasMultipleFilters = React.useMemo(\r\n    () => gridState.filter.filterModel.items.length > 1,\r\n    [gridState.filter.filterModel.items.length]\r\n  )\r\n\r\n  const applyFilter = React.useCallback(\r\n    (item: GridFilterItem) => {\r\n      apiRef!.current.upsertFilterItem(item)\r\n    },\r\n    [apiRef]\r\n  )\r\n\r\n  const applyFilterLinkOperator = React.useCallback(\r\n    (operator: GridLinkOperator) => {\r\n      apiRef!.current.setFilterLinkOperator(operator)\r\n    },\r\n    [apiRef]\r\n  )\r\n\r\n  const addNewFilter = React.useCallback(() => {\r\n    const columns = gridState.columns.all.map((key) => gridState.columns.lookup[key]).filter((x) => x.filterable)\r\n    if (columns.length < 1) {\r\n      return\r\n    }\r\n    const col = apiRef!.current.getColumn(columns[0].field)\r\n    if (!col.filterOperators) {\r\n      return\r\n    }\r\n    const newItem = {\r\n      columnField: columns[0].field,\r\n      operatorValue: col.filterOperators[0].value,\r\n    }\r\n    apiRef!.current.upsertFilterItem(newItem)\r\n  }, [apiRef, gridState.columns.all, gridState.columns.lookup])\r\n\r\n  const deleteFilter = React.useCallback(\r\n    (item: GridFilterItem) => {\r\n      apiRef!.current.deleteFilterItem(item)\r\n    },\r\n    [apiRef]\r\n  )\r\n\r\n  React.useEffect(() => {\r\n    if (gridState.filter.filterModel.items.length === 0) {\r\n      addNewFilter()\r\n    }\r\n  }, [addNewFilter, gridState.filter.filterModel.items.length])\r\n\r\n  return (\r\n    <GridPanelWrapper>\r\n      <GridPanelContent>\r\n        {gridState.filter.filterModel.items.map((item, index) => (\r\n          <GridFilterForm\r\n            key={item.id}\r\n            item={item}\r\n            applyFilterChanges={applyFilter}\r\n            deleteFilter={deleteFilter}\r\n            hasMultipleFilters={hasMultipleFilters}\r\n            showMultiFilterOperators={index > 0}\r\n            multiFilterOperator={gridState.filter.filterModel.linkOperator}\r\n            disableMultiFilterOperator={index !== 1}\r\n            applyMultiFilterOperatorChanges={applyFilterLinkOperator}\r\n          />\r\n        ))}\r\n      </GridPanelContent>\r\n      <GridPanelFooter>\r\n        <Button onClick={addNewFilter} startIcon={<GridAddIcon />} color=\"primary\">\r\n          {apiRef!.current.getLocaleText('filterPanelAddFilter')}\r\n        </Button>\r\n      </GridPanelFooter>\r\n    </GridPanelWrapper>\r\n  )\r\n}\r\n"],"names":["CustomGridFilterPanel","props","apiRef","useGridApiContext","gridState","current","state","hasMultipleFilters","React","useMemo","filter","filterModel","items","length","applyFilter","useCallback","item","upsertFilterItem","applyFilterLinkOperator","operator","setFilterLinkOperator","addNewFilter","columns","all","map","key","lookup","x","filterable","col","getColumn","field","filterOperators","newItem","columnField","operatorValue","value","deleteFilter","deleteFilterItem","useEffect","_jsxs","GridPanelWrapper","children","_jsx","GridPanelContent","index","GridFilterForm","applyFilterChanges","showMultiFilterOperators","multiFilterOperator","linkOperator","disableMultiFilterOperator","applyMultiFilterOperatorChanges","id","GridPanelFooter","Button","onClick","startIcon","GridAddIcon","color","getLocaleText"],"mappings":"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"}

package/ComponentsV2/TableTemplate/CustomerGridToolbar.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CustomerGridToolbar: React.FC<any>;

package/ComponentsV2/TableTemplate/CustomerGridToolbar.js

@@ -0,0 +1,45 @@
+import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { useGridApiContext, GridToolbar } from '@mui/x-data-grid';
+
+var CustomerGridToolbar = function CustomerGridToolbar(props) {
+  var apiRef = useGridApiContext();
+  var upsertFilterItem = React__default.useCallback(function (item) {
+    var _Object$keys$find;
+    var gridState = apiRef.current.state;
+    if (item.id) {
+      var index = gridState.filter.filterModel.items.findIndex(function (x) {
+        return x.id === item.id;
+      });
+      if (index >= 0) {
+        gridState.filter.filterModel.items[index] = Object.assign({}, gridState.filter.filterModel.items[index], item);
+      }
+    } else {
+      var field = item.columnField ? item.columnField : gridState.columns.all[0];
+      var column = gridState.columns.lookup[field];
+      var Temp = {
+        id: Math.round(1e5 * Math.random()),
+        columnField: field,
+        operatorValue: column.filterOperators ? column.filterOperators[0].value : ''
+      };
+      gridState.filter.filterModel.items.push(Object.assign({}, Temp, item));
+    }
+    apiRef.current.setFilterModel(_objectSpread2(_objectSpread2({}, gridState.filter.filterModel), {}, {
+      items: _toConsumableArray(gridState.filter.filterModel.items)
+    }));
+    var apiObject = apiRef.current;
+    var key_fun = (_Object$keys$find = Object.keys(apiObject).find(function (x) {
+      return /(_applyFilters)/.test(x);
+    })) !== null && _Object$keys$find !== void 0 ? _Object$keys$find : '';
+    apiObject[key_fun]();
+  }, [apiRef]);
+  //componentdidmount
+  React__default.useEffect(function () {
+    apiRef.current.upsertFilterItem = upsertFilterItem;
+  }, [apiRef, upsertFilterItem]);
+  return jsx(GridToolbar, _objectSpread2({}, props));
+};
+
+export { CustomerGridToolbar };
+//# sourceMappingURL=CustomerGridToolbar.js.map

package/ComponentsV2/TableTemplate/CustomerGridToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerGridToolbar.js","sources":["../../../src/ComponentsV2/TableTemplate/CustomerGridToolbar.tsx"],"sourcesContent":["import React from 'react'\r\nimport { GridFilterItem, GridToolbar, useGridApiContext } from '@mui/x-data-grid'\r\n\r\nexport const CustomerGridToolbar: React.FC<any> = (props) => {\r\n  const apiRef = useGridApiContext()\r\n  const upsertFilterItem = React.useCallback(\r\n    (item: GridFilterItem) => {\r\n      const gridState = apiRef.current.state\r\n      if (item.id) {\r\n        const index = gridState.filter.filterModel.items.findIndex((x) => x.id === item.id)\r\n        if (index >= 0) {\r\n          gridState.filter.filterModel.items[index] = Object.assign({}, gridState.filter.filterModel.items[index], item)\r\n        }\r\n      } else {\r\n        const field = item.columnField ? item.columnField : gridState.columns.all[0]\r\n        const column = gridState.columns.lookup[field]\r\n        const Temp = {\r\n          id: Math.round(1e5 * Math.random()),\r\n          columnField: field,\r\n          operatorValue: column.filterOperators ? column.filterOperators[0].value : '',\r\n        }\r\n        gridState.filter.filterModel.items.push(Object.assign({}, Temp, item))\r\n      }\r\n      apiRef.current.setFilterModel({ ...gridState.filter.filterModel, items: [...gridState.filter.filterModel.items] })\r\n      const apiObject = apiRef.current as any\r\n      const key_fun = Object.keys(apiObject).find((x) => /(_applyFilters)/.test(x)) ?? ''\r\n      apiObject[key_fun]()\r\n    },\r\n    [apiRef]\r\n  )\r\n  //componentdidmount\r\n  React.useEffect(() => {\r\n    apiRef!.current.upsertFilterItem = upsertFilterItem\r\n  }, [apiRef, upsertFilterItem])\r\n\r\n  return <GridToolbar {...props} />\r\n}\r\n"],"names":["CustomerGridToolbar","props","apiRef","useGridApiContext","upsertFilterItem","React","useCallback","item","_Object$keys$find","gridState","current","state","id","index","filter","filterModel","items","findIndex","x","Object","assign","field","columnField","columns","all","column","lookup","Temp","Math","round","random","operatorValue","filterOperators","value","push","setFilterModel","_objectSpread","_toConsumableArray","apiObject","key_fun","keys","find","test","useEffect","_jsx","GridToolbar"],"mappings":"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"}

package/ComponentsV2/TableTemplate/ItemRowMenu/index.d.ts

@@ -0,0 +1,14 @@
+import { Component, ReactNode } from 'react';
+import './index.css';
+interface IItemRowMenuProps {
+    onEdit?: () => void;
+    onDelete?: () => void;
+}
+export type TItemRowMenuRender<T> = {
+    data: T;
+    children: ReactNode;
+};
+export declare class ItemRowMenu extends Component<IItemRowMenuProps> {
+    render(): JSX.Element;
+}
+export default ItemRowMenu;

package/ComponentsV2/TableTemplate/ItemRowMenu/index.js

@@ -0,0 +1,49 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Component } from 'react';
+import { Tooltip, IconButton } from '@mui/material';
+import { Edit, Delete } from '@mui/icons-material';
+
+var ItemRowMenu = /*#__PURE__*/function (_Component) {
+  function ItemRowMenu() {
+    _classCallCheck(this, ItemRowMenu);
+    return _callSuper(this, ItemRowMenu, arguments);
+  }
+  _inherits(ItemRowMenu, _Component);
+  return _createClass(ItemRowMenu, [{
+    key: "render",
+    value: function render() {
+      return jsxs("div", {
+        className: "wrap-title-video",
+        children: [jsx("span", {
+          className: "title",
+          children: this.props.children
+        }), jsxs("div", {
+          className: "container-action",
+          children: [this.props.onEdit && jsx(Tooltip, {
+            title: "Edit",
+            children: jsx(IconButton, {
+              onClick: this.props.onEdit,
+              children: jsx(Edit, {
+                color: "info",
+                fontSize: "small"
+              })
+            })
+          }), this.props.onDelete && jsx(Tooltip, {
+            title: "Delete",
+            children: jsx(IconButton, {
+              onClick: this.props.onDelete,
+              children: jsx(Delete, {
+                color: "error",
+                fontSize: "small"
+              })
+            })
+          })]
+        })]
+      });
+    }
+  }]);
+}(Component);
+
+export { ItemRowMenu, ItemRowMenu as default };
+//# sourceMappingURL=index.js.map

package/ComponentsV2/TableTemplate/ItemRowMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/ComponentsV2/TableTemplate/ItemRowMenu/index.tsx"],"sourcesContent":["import React, { Component, ReactNode } from 'react'\r\nimport { IconButton, Tooltip } from '@mui/material'\r\nimport { Delete, Edit } from '@mui/icons-material'\r\nimport './index.css'\r\n\r\ninterface IItemRowMenuProps {\r\n  onEdit?: () => void\r\n  onDelete?: () => void\r\n}\r\n\r\nexport type TItemRowMenuRender<T> = { data: T; children: ReactNode }\r\n\r\nexport class ItemRowMenu extends Component<IItemRowMenuProps> {\r\n  render() {\r\n    return (\r\n      <div className=\"wrap-title-video\">\r\n        <span className=\"title\">{this.props.children}</span>\r\n        <div className=\"container-action\">\r\n          {this.props.onEdit && (\r\n            <Tooltip title=\"Edit\">\r\n              <IconButton onClick={this.props.onEdit}>\r\n                <Edit color=\"info\" fontSize=\"small\" />\r\n              </IconButton>\r\n            </Tooltip>\r\n          )}\r\n          {this.props.onDelete && (\r\n            <Tooltip title=\"Delete\">\r\n              <IconButton onClick={this.props.onDelete}>\r\n                <Delete color=\"error\" fontSize=\"small\" />\r\n              </IconButton>\r\n            </Tooltip>\r\n          )}\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n}\r\nexport default ItemRowMenu\r\n"],"names":["ItemRowMenu","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_jsxs","className","children","_jsx","props","onEdit","Tooltip","title","IconButton","onClick","Edit","color","fontSize","onDelete","Delete","Component"],"mappings":";;;;;;AAYaA,IAAAA,WAAY,0BAAAC,UAAA,EAAA;AAAA,EAAA,SAAAD,WAAA,GAAA;AAAAE,IAAAA,eAAA,OAAAF,WAAA,CAAA;AAAA,IAAA,OAAAG,UAAA,CAAA,IAAA,EAAAH,WAAA,EAAAI,SAAA,CAAA;AAAA;EAAAC,SAAA,CAAAL,WAAA,EAAAC,UAAA,CAAA;EAAA,OAAAK,YAAA,CAAAN,WAAA,EAAA,CAAA;IAAAO,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EACvB,SAAAC,MAAMA,GAAA;MACJ,OACEC;AAAKC,QAAAA,SAAS,EAAC,kBAAkB;AAC/BC,QAAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA;AAAMF,UAAAA,SAAS,EAAC,OAAO;AAAAC,UAAAA,QAAA,EAAE,IAAI,CAACE,KAAK,CAACF;AAAgB,SAAA,CAAA,EACpDF;AAAKC,UAAAA,SAAS,EAAC,kBAAkB;UAAAC,QAAA,EAAA,CAC9B,IAAI,CAACE,KAAK,CAACC,MAAM,IAChBF,GAAA,CAACG,OAAO,EAAC;AAAAC,YAAAA,KAAK,EAAC,MAAM;AACnBL,YAAAA,QAAA,EAAAC,GAAA,CAACK,UAAU,EAAC;AAAAC,cAAAA,OAAO,EAAE,IAAI,CAACL,KAAK,CAACC,MAAM;AAAAH,cAAAA,QAAA,EACpCC,GAAC,CAAAO,IAAI,EAAC;AAAAC,gBAAAA,KAAK,EAAC,MAAM;AAACC,gBAAAA,QAAQ,EAAC;;aACjB;WAAA,CAEhB,EACA,IAAI,CAACR,KAAK,CAACS,QAAQ,IAClBV,GAAC,CAAAG,OAAO;AAACC,YAAAA,KAAK,EAAC,QAAQ;AAAAL,YAAAA,QAAA,EACrBC,GAAC,CAAAK,UAAU;AAACC,cAAAA,OAAO,EAAE,IAAI,CAACL,KAAK,CAACS,QAAQ;AACtCX,cAAAA,QAAA,EAAAC,GAAA,CAACW,MAAM,EAAA;AAACH,gBAAAA,KAAK,EAAC,OAAO;AAACC,gBAAAA,QAAQ,EAAC;eAAU;aAAA;YAG9C;AAAA,SAAA,CACG;AACF,OAAA,CAAA;AAEV;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CAvB8BG,SAA4B;;;;"}

package/ComponentsV2/TableTemplate/MapOperators.d.ts

@@ -0,0 +1,5 @@
+import { GridColDef } from '@mui/x-data-grid';
+export declare const getCustomGridNumericOperators: () => import("@mui/x-data-grid").GridFilterOperator<any, string | number | null, any>[];
+export declare const getCustomGridStringOperators: () => import("@mui/x-data-grid").GridFilterOperator<any, string | number | null, any>[];
+export declare const MapOperators: (option: GridColDef) => import("@mui/x-data-grid").GridFilterOperator<any, string | number | null, any>[];
+export default MapOperators;

package/ComponentsV2/TableTemplate/MapOperators.js

@@ -0,0 +1,49 @@
+import { getGridNumericOperators, getGridStringOperators } from '@mui/x-data-grid';
+import { EOperator } from './type.js';
+
+var StringMap = {
+  contains: EOperator.Contains,
+  equals: EOperator.Equal
+};
+var NumericMap = {
+  '=': EOperator.Equal,
+  '!=': EOperator.NotEqual,
+  '>': EOperator.GreaterThan,
+  '>=': EOperator.GreaterThanOrEqual,
+  '<': EOperator.LessThan,
+  '<=': EOperator.LessThanOrEqual
+};
+var getCustomGridNumericOperators = function getCustomGridNumericOperators() {
+  var keys = new Set(Object.keys(NumericMap));
+  var options = getGridNumericOperators().filter(function (x) {
+    return keys.has(x.value);
+  }).map(function (x) {
+    x.label = x.value;
+    x.value = NumericMap[x.value] + '';
+    return x;
+  });
+  return options;
+};
+var getCustomGridStringOperators = function getCustomGridStringOperators() {
+  var keys = new Set(Object.keys(StringMap));
+  var options = getGridStringOperators().filter(function (x) {
+    return keys.has(x.value);
+  });
+  return options.map(function (x) {
+    x.label = x.value;
+    x.value = StringMap[x.value] + '';
+    return x;
+  });
+};
+var MapOperators = function MapOperators(option) {
+  switch (option.type) {
+    // case 'number':
+    //   return getCustomGridNumericOperators()
+    case 'string':
+    default:
+      return getCustomGridStringOperators();
+  }
+};
+
+export { MapOperators, MapOperators as default, getCustomGridNumericOperators, getCustomGridStringOperators };
+//# sourceMappingURL=MapOperators.js.map

package/ComponentsV2/TableTemplate/MapOperators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapOperators.js","sources":["../../../src/ComponentsV2/TableTemplate/MapOperators.ts"],"sourcesContent":["import { GridColDef, getGridNumericOperators, getGridStringOperators } from '@mui/x-data-grid'\r\nimport { EOperator } from './type'\r\n\r\nconst StringMap = {\r\n  contains: EOperator.Contains,\r\n  equals: EOperator.Equal,\r\n}\r\n\r\nconst NumericMap = {\r\n  '=': EOperator.Equal,\r\n  '!=': EOperator.NotEqual,\r\n  '>': EOperator.GreaterThan,\r\n  '>=': EOperator.GreaterThanOrEqual,\r\n  '<': EOperator.LessThan,\r\n  '<=': EOperator.LessThanOrEqual,\r\n}\r\n\r\nexport const getCustomGridNumericOperators = () => {\r\n  const keys = new Set(Object.keys(NumericMap))\r\n  const options = getGridNumericOperators()\r\n    .filter((x) => keys.has(x.value))\r\n    .map((x) => {\r\n      x.label = x.value\r\n      x.value = (NumericMap as any)[x.value] + ''\r\n      return x\r\n    })\r\n  return options\r\n}\r\n\r\nexport const getCustomGridStringOperators = () => {\r\n  const keys = new Set(Object.keys(StringMap))\r\n  const options = getGridStringOperators().filter((x) => keys.has(x.value))\r\n  return options.map((x) => {\r\n    x.label = x.value\r\n    x.value = (StringMap as any)[x.value] + ''\r\n    return x\r\n  })\r\n}\r\n\r\nexport const MapOperators = (option: GridColDef) => {\r\n  switch (option.type) {\r\n    // case 'number':\r\n    //   return getCustomGridNumericOperators()\r\n    case 'string':\r\n    default:\r\n      return getCustomGridStringOperators()\r\n  }\r\n}\r\nexport default MapOperators\r\n"],"names":["StringMap","contains","EOperator","Contains","equals","Equal","NumericMap","NotEqual","GreaterThan","GreaterThanOrEqual","LessThan","LessThanOrEqual","getCustomGridNumericOperators","keys","Set","Object","options","getGridNumericOperators","filter","x","has","value","map","label","getCustomGridStringOperators","getGridStringOperators","MapOperators","option","type"],"mappings":";;;AAGA,IAAMA,SAAS,GAAG;EAChBC,QAAQ,EAAEC,SAAS,CAACC,QAAQ;EAC5BC,MAAM,EAAEF,SAAS,CAACG;CACnB;AAED,IAAMC,UAAU,GAAG;EACjB,GAAG,EAAEJ,SAAS,CAACG,KAAK;EACpB,IAAI,EAAEH,SAAS,CAACK,QAAQ;EACxB,GAAG,EAAEL,SAAS,CAACM,WAAW;EAC1B,IAAI,EAAEN,SAAS,CAACO,kBAAkB;EAClC,GAAG,EAAEP,SAAS,CAACQ,QAAQ;EACvB,IAAI,EAAER,SAAS,CAACS;CACjB;IAEYC,6BAA6B,GAAG,SAAhCA,6BAA6BA,GAAQ;EAChD,IAAMC,IAAI,GAAG,IAAIC,GAAG,CAACC,MAAM,CAACF,IAAI,CAACP,UAAU,CAAC,CAAC;EAC7C,IAAMU,OAAO,GAAGC,uBAAuB,EAAE,CACtCC,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,IAAA,OAAKN,IAAI,CAACO,GAAG,CAACD,CAAC,CAACE,KAAK,CAAC;AAAA,GAAA,CAAC,CAChCC,GAAG,CAAC,UAACH,CAAC,EAAI;AACTA,IAAAA,CAAC,CAACI,KAAK,GAAGJ,CAAC,CAACE,KAAK;IACjBF,CAAC,CAACE,KAAK,GAAIf,UAAkB,CAACa,CAAC,CAACE,KAAK,CAAC,GAAG,EAAE;AAC3C,IAAA,OAAOF,CAAC;AACV,GAAC,CAAC;AACJ,EAAA,OAAOH,OAAO;AAChB;IAEaQ,4BAA4B,GAAG,SAA/BA,4BAA4BA,GAAQ;EAC/C,IAAMX,IAAI,GAAG,IAAIC,GAAG,CAACC,MAAM,CAACF,IAAI,CAACb,SAAS,CAAC,CAAC;EAC5C,IAAMgB,OAAO,GAAGS,sBAAsB,EAAE,CAACP,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,IAAA,OAAKN,IAAI,CAACO,GAAG,CAACD,CAAC,CAACE,KAAK,CAAC;GAAC,CAAA;AACzE,EAAA,OAAOL,OAAO,CAACM,GAAG,CAAC,UAACH,CAAC,EAAI;AACvBA,IAAAA,CAAC,CAACI,KAAK,GAAGJ,CAAC,CAACE,KAAK;IACjBF,CAAC,CAACE,KAAK,GAAIrB,SAAiB,CAACmB,CAAC,CAACE,KAAK,CAAC,GAAG,EAAE;AAC1C,IAAA,OAAOF,CAAC;AACV,GAAC,CAAC;AACJ;IAEaO,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAkB,EAAI;EACjD,QAAQA,MAAM,CAACC,IAAI;AACjB;AACA;AACA,IAAA,KAAK,QAAQ;AACb,IAAA;MACE,OAAOJ,4BAA4B,EAAE;AACxC;AACH;;;;"}

package/ComponentsV2/TableTemplate/NoRowsOverlay.d.ts

@@ -0,0 +1,5 @@
+import { Component } from 'react';
+declare class NoRowsOverlay extends Component {
+    render(): JSX.Element;
+}
+export default NoRowsOverlay;

package/ComponentsV2/TableTemplate/NoRowsOverlay.js

@@ -0,0 +1,39 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import { Component } from 'react';
+import { Box } from '@mui/material';
+
+var NoRowsOverlay = /*#__PURE__*/function (_Component) {
+  function NoRowsOverlay() {
+    _classCallCheck(this, NoRowsOverlay);
+    return _callSuper(this, NoRowsOverlay, arguments);
+  }
+  _inherits(NoRowsOverlay, _Component);
+  return _createClass(NoRowsOverlay, [{
+    key: "render",
+    value: function render() {
+      return jsx(Box, {
+        sx: {
+          flex: 1,
+          display: 'flex',
+          justifyContent: 'center',
+          width: '100%',
+          height: '100%',
+          alignItems: 'center'
+        },
+        children: jsx(Box, {
+          component: "img",
+          sx: {
+            maxWidth: '180px',
+            opacity: '35%'
+          },
+          src: "assets/images/nodata.png",
+          alt: "nodata"
+        })
+      });
+    }
+  }]);
+}(Component);
+
+export { NoRowsOverlay as default };
+//# sourceMappingURL=NoRowsOverlay.js.map

package/ComponentsV2/TableTemplate/NoRowsOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoRowsOverlay.js","sources":["../../../src/ComponentsV2/TableTemplate/NoRowsOverlay.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Box } from '@mui/material'\r\n\r\nclass NoRowsOverlay extends Component {\r\n  render() {\r\n    return (\r\n      <Box sx={{ flex: 1, display: 'flex', justifyContent: 'center', width: '100%', height: '100%', alignItems: 'center' }}>\r\n        <Box component=\"img\" sx={{ maxWidth: '180px', opacity: '35%' }} src=\"assets/images/nodata.png\" alt=\"nodata\" />\r\n      </Box>\r\n    )\r\n  }\r\n}\r\nexport default NoRowsOverlay\r\n"],"names":["NoRowsOverlay","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_jsx","Box","sx","flex","display","justifyContent","width","height","alignItems","children","component","maxWidth","opacity","src","alt","Component"],"mappings":";;;;;AAGMA,IAAAA,aAAc,0BAAAC,UAAA,EAAA;AAAA,EAAA,SAAAD,aAAA,GAAA;AAAAE,IAAAA,eAAA,OAAAF,aAAA,CAAA;AAAA,IAAA,OAAAG,UAAA,CAAA,IAAA,EAAAH,aAAA,EAAAI,SAAA,CAAA;AAAA;EAAAC,SAAA,CAAAL,aAAA,EAAAC,UAAA,CAAA;EAAA,OAAAK,YAAA,CAAAN,aAAA,EAAA,CAAA;IAAAO,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EAClB,SAAAC,MAAMA,GAAA;MACJ,OACEC,GAAA,CAACC,GAAG,EAAA;AAACC,QAAAA,EAAE,EAAE;AAAEC,UAAAA,IAAI,EAAE,CAAC;AAAEC,UAAAA,OAAO,EAAE,MAAM;AAAEC,UAAAA,cAAc,EAAE,QAAQ;AAAEC,UAAAA,KAAK,EAAE,MAAM;AAAEC,UAAAA,MAAM,EAAE,MAAM;AAAEC,UAAAA,UAAU,EAAE;SAAU;AAAAC,QAAAA,QAAA,EAClHT,GAAC,CAAAC,GAAG,EAAC;AAAAS,UAAAA,SAAS,EAAC,KAAK;AAACR,UAAAA,EAAE,EAAE;AAAES,YAAAA,QAAQ,EAAE,OAAO;AAAEC,YAAAA,OAAO,EAAE;WAAO;AAAEC,UAAAA,GAAG,EAAC,0BAA0B;AAACC,UAAAA,GAAG,EAAC;SAAW;AAAA,OAAA,CAC1G;AAEV;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CAPyBC,SAAS;;;;"}

package/ComponentsV2/TableTemplate/TableConverter.d.ts

@@ -0,0 +1,33 @@
+import { Dictionary } from '@reduxjs/toolkit';
+import { IConverterConfig, IFetchModel } from './type';
+interface IResultFilterGraphql {
+    take?: number;
+    skip?: number;
+    filter?: string;
+    sort?: Dictionary<string>[];
+}
+type TPaginationToFilter = (params: {
+    pageSize: number;
+    page: number;
+}) => {
+    filter: {
+        take?: number;
+        skip?: number;
+    };
+    key: string;
+};
+declare class TableConverterBase {
+    graphql: (model: Partial<IFetchModel>, config: IConverterConfig) => {
+        filter: IResultFilterGraphql;
+        key: string;
+    };
+    private graphqlKey;
+    paginationToFilter: TPaginationToFilter;
+    private mapOperator;
+    private convertSortModel;
+    private convertFilterModel;
+    private convertFilterOperator;
+    private converSearchFilterModel;
+}
+export declare const TableConverter: TableConverterBase;
+export default TableConverter;

package/ComponentsV2/TableTemplate/TableConverter.js

@@ -0,0 +1,112 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { GridLinkOperator } from '@mui/x-data-grid';
+import { EOperator } from './type.js';
+
+var TableConverterBase = /*#__PURE__*/_createClass(function TableConverterBase() {
+  var _this = this;
+  _classCallCheck(this, TableConverterBase);
+  _defineProperty(this, "graphql", function (model, config) {
+    var _ref, _model$PaginationMode, _model$PaginationMode2, _config$pagination, _ref2, _model$PaginationMode3, _model$PaginationMode4, _config$pagination2;
+    var key = _this.graphqlKey(model, config);
+    var page = (_ref = (_model$PaginationMode = (_model$PaginationMode2 = model.PaginationModel) === null || _model$PaginationMode2 === void 0 ? void 0 : _model$PaginationMode2.page) !== null && _model$PaginationMode !== void 0 ? _model$PaginationMode : (_config$pagination = config.pagination) === null || _config$pagination === void 0 ? void 0 : _config$pagination.page) !== null && _ref !== void 0 ? _ref : 0;
+    var take = (_ref2 = (_model$PaginationMode3 = (_model$PaginationMode4 = model.PaginationModel) === null || _model$PaginationMode4 === void 0 ? void 0 : _model$PaginationMode4.pageSize) !== null && _model$PaginationMode3 !== void 0 ? _model$PaginationMode3 : (_config$pagination2 = config.pagination) === null || _config$pagination2 === void 0 ? void 0 : _config$pagination2.pageSize) !== null && _ref2 !== void 0 ? _ref2 : 0;
+    var filterResult = {
+      skip: page * take,
+      take: take
+    };
+    var filter = _this.convertFilterModel(model, config);
+    var sort = _this.convertSortModel(model.GridSortModel);
+    if (filter) filterResult.filter = filter;
+    if (sort && sort.length > 0) filterResult.sort = sort;
+    return {
+      filter: filterResult,
+      key: key
+    };
+  });
+  _defineProperty(this, "graphqlKey", function (model, config) {
+    var _ref3, _model$PaginationMode5, _model$PaginationMode6, _config$pagination3, _ref4, _model$PaginationMode7, _model$PaginationMode8, _config$pagination4, _model$FilterModel;
+    var page = (_ref3 = (_model$PaginationMode5 = (_model$PaginationMode6 = model.PaginationModel) === null || _model$PaginationMode6 === void 0 ? void 0 : _model$PaginationMode6.page) !== null && _model$PaginationMode5 !== void 0 ? _model$PaginationMode5 : (_config$pagination3 = config.pagination) === null || _config$pagination3 === void 0 ? void 0 : _config$pagination3.page) !== null && _ref3 !== void 0 ? _ref3 : 0;
+    var take = (_ref4 = (_model$PaginationMode7 = (_model$PaginationMode8 = model.PaginationModel) === null || _model$PaginationMode8 === void 0 ? void 0 : _model$PaginationMode8.pageSize) !== null && _model$PaginationMode7 !== void 0 ? _model$PaginationMode7 : (_config$pagination4 = config.pagination) === null || _config$pagination4 === void 0 ? void 0 : _config$pagination4.pageSize) !== null && _ref4 !== void 0 ? _ref4 : 0;
+    var searchKeys = (_model$FilterModel = model.FilterModel) === null || _model$FilterModel === void 0 ? void 0 : _model$FilterModel.quickFilterValues;
+    var filter = TableConverter.convertFilterOperator(model.FilterModel);
+    var sort = TableConverter.convertSortModel(model.GridSortModel);
+    var keys = {
+      skip: page * take,
+      take: take
+    };
+    if (filter) keys.filter = filter;
+    if (sort && sort.length > 0) keys.sort = sort;
+    if (searchKeys && searchKeys.length > 0) keys.searchKeys = searchKeys;
+    return btoa(JSON.stringify(keys));
+  });
+  _defineProperty(this, "paginationToFilter", function (params) {
+    var filter = {
+      skip: params.page * params.pageSize,
+      take: params.pageSize
+    };
+    return {
+      filter: filter,
+      key: btoa(JSON.stringify(filter))
+    };
+  });
+  _defineProperty(this, "mapOperator", function (item) {
+    if (!item.operatorValue || !item.value) return '';
+    switch (parseInt(item.operatorValue)) {
+      case EOperator.Contains:
+        return "".concat(item.columnField, ".contains(\"").concat(item.value, "\")");
+      case EOperator.Equal:
+        return "".concat(item.columnField, "==\"").concat(item.value, "\"");
+      case EOperator.NotEqual:
+        return "".concat(item.columnField, "!=\"").concat(item.value, "\"");
+      case EOperator.GreaterThan:
+        return "".concat(item.columnField, ">\"").concat(item.value, "\"");
+      case EOperator.GreaterThanOrEqual:
+        return "".concat(item.columnField, ">=\"").concat(item.value, "\"");
+      default:
+        return '';
+    }
+  });
+  _defineProperty(this, "convertSortModel", function (model) {
+    var _model$0$sort$toUpper;
+    var sort = [];
+    var idDoNotAddSort = model && model[0] && model[0].field && model[0].field.includes('.');
+    if (model && model[0] && model[0].sort && !idDoNotAddSort) sort = [_defineProperty({}, model[0].field, (_model$0$sort$toUpper = model[0].sort.toUpperCase()) !== null && _model$0$sort$toUpper !== void 0 ? _model$0$sort$toUpper : 'ASC')];
+    return sort;
+  });
+  _defineProperty(this, "convertFilterModel", function (model, config) {
+    var _model$FilterModel2;
+    var filterSearch = _this.converSearchFilterModel({
+      searchKeys: (_model$FilterModel2 = model.FilterModel) === null || _model$FilterModel2 === void 0 ? void 0 : _model$FilterModel2.quickFilterValues,
+      searchOptions: config.searchOptions.map(function (e) {
+        return e.toString();
+      })
+    });
+    var filterOperator = _this.convertFilterOperator(model.FilterModel);
+    var concatenation = filterSearch && filterOperator ? ' || ' : '';
+    return "".concat(filterSearch ? filterSearch + concatenation : '').concat(filterOperator !== null && filterOperator !== void 0 ? filterOperator : '');
+  });
+  _defineProperty(this, "convertFilterOperator", function (model) {
+    if (!model) return '';
+    var filters = model.items.map(_this.mapOperator);
+    var concatenation = ' || ';
+    if (model.linkOperator === GridLinkOperator.And) concatenation = ' && ';
+    return filters.filter(function (e) {
+      return !!e;
+    }).join(concatenation);
+  });
+  _defineProperty(this, "converSearchFilterModel", function (params) {
+    var _params$searchKeys;
+    var arr = ((_params$searchKeys = params.searchKeys) !== null && _params$searchKeys !== void 0 ? _params$searchKeys : []).map(function (e) {
+      return e ? params.searchOptions.map(function (s) {
+        return "".concat(s, ".contains(\"").concat(e, "\")");
+      }).join(' || ') : undefined;
+    });
+    return arr.filter(function (e) {
+      return !!e;
+    }).join(' || ');
+  });
+});
+var TableConverter = new TableConverterBase();
+
+export { TableConverter, TableConverter as default };
+//# sourceMappingURL=TableConverter.js.map

package/ComponentsV2/TableTemplate/TableConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableConverter.js","sources":["../../../src/ComponentsV2/TableTemplate/TableConverter.ts"],"sourcesContent":["import { Dictionary } from '@reduxjs/toolkit'\r\nimport { GridFilterModel, GridFilterItem, GridLinkOperator, GridSortModel } from '@mui/x-data-grid'\r\nimport { EOperator, IConverterConfig, IFetchModel } from './type'\r\n\r\ninterface IResultFilterGraphql {\r\n  take?: number\r\n  skip?: number\r\n  filter?: string\r\n  sort?: Dictionary<string>[]\r\n}\r\n\r\ninterface IKeyGraphqlResult extends IResultFilterGraphql {\r\n  searchKeys?: string[]\r\n}\r\n\r\ntype TPaginationToFilter = (params: { pageSize: number; page: number }) => {\r\n  filter: { take?: number; skip?: number }\r\n  key: string\r\n}\r\n\r\nclass TableConverterBase {\r\n  graphql = (model: Partial<IFetchModel>, config: IConverterConfig) => {\r\n    const key = this.graphqlKey(model, config)\r\n    const page: number = model.PaginationModel?.page ?? config.pagination?.page ?? 0\r\n    const take: number = model.PaginationModel?.pageSize ?? config.pagination?.pageSize ?? 0\r\n    const filterResult: IResultFilterGraphql = { skip: page * take, take }\r\n\r\n    const filter = this.convertFilterModel(model, config)\r\n    const sort = this.convertSortModel(model.GridSortModel)\r\n    if (filter) filterResult.filter = filter\r\n    if (sort && sort.length > 0) filterResult.sort = sort\r\n\r\n    return { filter: filterResult, key }\r\n  }\r\n\r\n  private graphqlKey = (model: Partial<IFetchModel>, config: IConverterConfig) => {\r\n    const page: number = model.PaginationModel?.page ?? config.pagination?.page ?? 0\r\n    const take: number = model.PaginationModel?.pageSize ?? config.pagination?.pageSize ?? 0\r\n    const searchKeys: string[] | undefined = model.FilterModel?.quickFilterValues\r\n    const filter = TableConverter.convertFilterOperator(model.FilterModel)\r\n    const sort = TableConverter.convertSortModel(model.GridSortModel)\r\n\r\n    const keys: IKeyGraphqlResult = { skip: page * take, take }\r\n    if (filter) keys.filter = filter\r\n    if (sort && sort.length > 0) keys.sort = sort\r\n    if (searchKeys && searchKeys.length > 0) keys.searchKeys = searchKeys\r\n\r\n    return btoa(JSON.stringify(keys))\r\n  }\r\n\r\n  paginationToFilter: TPaginationToFilter = (params) => {\r\n    const filter = { skip: params.page * params.pageSize, take: params.pageSize }\r\n    return { filter, key: btoa(JSON.stringify(filter)) }\r\n  }\r\n\r\n  private mapOperator = (item: GridFilterItem) => {\r\n    if (!item.operatorValue || !item.value) return ''\r\n    switch (parseInt(item.operatorValue)) {\r\n      case EOperator.Contains:\r\n        return `${item.columnField}.contains(\"${item.value}\")`\r\n      case EOperator.Equal:\r\n        return `${item.columnField}==\"${item.value}\"`\r\n      case EOperator.NotEqual:\r\n        return `${item.columnField}!=\"${item.value}\"`\r\n      case EOperator.GreaterThan:\r\n        return `${item.columnField}>\"${item.value}\"`\r\n      case EOperator.GreaterThanOrEqual:\r\n        return `${item.columnField}>=\"${item.value}\"`\r\n      default:\r\n        return ''\r\n    }\r\n  }\r\n\r\n  private convertSortModel = (model?: GridSortModel): Dictionary<string>[] => {\r\n    let sort: Dictionary<string>[] = []\r\n    const idDoNotAddSort = model && model[0] && model[0].field && model[0].field.includes('.')\r\n    if (model && model[0] && model[0].sort && !idDoNotAddSort) sort = [{ [model[0].field]: model[0].sort.toUpperCase() ?? 'ASC' }]\r\n    return sort\r\n  }\r\n\r\n  private convertFilterModel = (model: Partial<IFetchModel>, config: IConverterConfig): string => {\r\n    const filterSearch = this.converSearchFilterModel({\r\n      searchKeys: model.FilterModel?.quickFilterValues,\r\n      searchOptions: config.searchOptions.map<string>((e) => e.toString()),\r\n    })\r\n    const filterOperator = this.convertFilterOperator(model.FilterModel)\r\n    let concatenation = filterSearch && filterOperator ? ' || ' : ''\r\n    return `${filterSearch ? filterSearch + concatenation : ''}${filterOperator ?? ''}`\r\n  }\r\n\r\n  private convertFilterOperator = (model?: GridFilterModel): string => {\r\n    if (!model) return ''\r\n    const filters = model.items.map(this.mapOperator)\r\n    let concatenation = ' || '\r\n    if (model.linkOperator === GridLinkOperator.And) concatenation = ' && '\r\n    return filters.filter((e) => !!e).join(concatenation)\r\n  }\r\n\r\n  private converSearchFilterModel = (params: { searchKeys?: any[]; searchOptions: string[] }) => {\r\n    const arr = (params.searchKeys ?? []).map((e) => {\r\n      return e ? params.searchOptions.map((s) => `${s}.contains(\"${e}\")`).join(' || ') : undefined\r\n    })\r\n    return arr.filter((e) => !!e).join(' || ')\r\n  }\r\n}\r\nexport const TableConverter = new TableConverterBase()\r\nexport default TableConverter\r\n"],"names":["TableConverterBase","_createClass","_this","_classCallCheck","_defineProperty","model","config","_ref","_model$PaginationMode","_model$PaginationMode2","_config$pagination","_ref2","_model$PaginationMode3","_model$PaginationMode4","_config$pagination2","key","graphqlKey","page","PaginationModel","pagination","take","pageSize","filterResult","skip","filter","convertFilterModel","sort","convertSortModel","GridSortModel","length","_ref3","_model$PaginationMode5","_model$PaginationMode6","_config$pagination3","_ref4","_model$PaginationMode7","_model$PaginationMode8","_config$pagination4","_model$FilterModel","searchKeys","FilterModel","quickFilterValues","TableConverter","convertFilterOperator","keys","btoa","JSON","stringify","params","item","operatorValue","value","parseInt","EOperator","Contains","concat","columnField","Equal","NotEqual","GreaterThan","GreaterThanOrEqual","_model$0$sort$toUpper","idDoNotAddSort","field","includes","toUpperCase","_model$FilterModel2","filterSearch","converSearchFilterModel","searchOptions","map","e","toString","filterOperator","concatenation","filters","items","mapOperator","linkOperator","GridLinkOperator","And","join","_params$searchKeys","arr","s","undefined"],"mappings":"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"}

package/ComponentsV2/TableTemplate/TableFormatter.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare class TableFormatterBase {
+    _parseArray: (args: string) => any[];
+    date: (params?: any) => string;
+    tooltip: (args: string) => JSX.Element;
+    arrayChip: (args: string, name: string) => JSX.Element;
+    chips: (args: string[], name: string) => JSX.Element;
+}
+export declare const TableFormatter: TableFormatterBase;
+export default TableFormatter;