ms-react-table 1.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +310 -144
  2. package/dist/index.css +271 -25
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.d.mts +47 -12
  5. package/dist/index.d.ts +47 -12
  6. package/dist/index.js +864 -144
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +851 -127
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +47 -43
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/MsReactTable.tsx","../src/contextAPI/MsTableProvider.tsx","../src/contextAPI/MsTableContext.tsx","../src/components/HeaderActionMenu/HeaderActionMenu.tsx","../src/_assets/icons/index.tsx","../src/components/Overlay.tsx","../src/components/HelperFunction.ts","../src/components/Header/HeaderCell.tsx","../src/components/Header/msTableHeader.tsx","../src/components/Body/DataRowCell.tsx","../src/components/Body/msTableBody.tsx","../src/components/Footer/msTableFooter.tsx"],"sourcesContent":["import './_assets/style.css';\r\n\r\nexport { default as MsReactTable } from './MsReactTable';\r\n\r\nexport type { MsTablePropsTypes, MsTableHeaderCellTypes } from './types/msTableTypes';","import React from 'react'\r\nimport { MsTablePropsTypes } from './types/msTableTypes'\r\nimport { TableProvider } from './contextAPI/MsTableProvider'\r\nimport MsTableHeader from './components/Header/msTableHeader'\r\nimport MsTableBody from './components/Body/msTableBody'\r\nimport MsTableFooter from './components/Footer/msTableFooter'\r\nimport './_assets/style.css'\r\n\r\nconst MsReactTable: React.FC<MsTablePropsTypes>=(props) => {\r\n const { showPagination = true } = props\r\n const containerRef = React.useRef<HTMLDivElement>(null!)\r\n const tbodyRef = React.useRef<HTMLTableSectionElement>(null!)\r\n const theadRef = React.useRef<HTMLTableSectionElement>(null!)\r\n return (\r\n <TableProvider {...props} tbodyRef={tbodyRef} theadRef={theadRef}>\r\n <div className='table-container' ref={containerRef} style={{height:props.height || '200px'}}>\r\n <table ref={props.ref} className={`ms-react-table ${props.className}`} border={0} cellPadding={0} cellSpacing={0} style={{ width: '100%', ...props.style }} > \r\n <MsTableHeader ref={theadRef} />\r\n <MsTableBody ref={tbodyRef} />\r\n </table>\r\n </div>\r\n {showPagination && <MsTableFooter />}\r\n </TableProvider>\r\n )\r\n}\r\n\r\nMsReactTable.displayName = 'MsReactTable'\r\n\r\nexport default MsReactTable\r\n","import React, { useState, useMemo, useCallback, useEffect, useRef } from \"react\";\r\nimport MaTableContext from \"./MsTableContext\";\r\nimport type { MsTablePropsTypes } from \"../types/msTableTypes\";\r\nimport { MsTableGlobalStateTypes, pinDirection, sortDirection } from \"../types/contextTypes\";\r\nimport HeaderActionMenu from \"../components/HeaderActionMenu/HeaderActionMenu\";\r\nimport Overlay from \"../components/Overlay\";\r\nimport { sortData } from \"../components/HelperFunction\";\r\ninterface TableProviderProps extends MsTablePropsTypes {\r\n children: React.ReactNode;\r\n tbodyRef?: React.RefObject<HTMLTableSectionElement>\r\n theadRef?: React.RefObject<HTMLTableSectionElement>\r\n}\r\n\r\ntype direction = 'first' | 'last' | 'prev' | 'next';\r\n\r\nexport const TableProvider: React.FC<TableProviderProps> = (props) => {\r\n const actionMenuRef = useRef<HTMLDivElement>(null!);\r\n const { \r\n columns, \r\n data, \r\n children, \r\n pageSizeOptions = [], \r\n isClientSideRendering = true, \r\n totalRecords, \r\n tbodyRef, \r\n theadRef,\r\n onRowClick\r\n } = props;\r\n const tbodyHeight = tbodyRef?.current?.clientHeight\r\n const theadHeight = theadRef?.current?.clientHeight\r\n const [showActionMenu, setActionMenu] = useState<boolean>(false)\r\n const [selectedHeaderCell, setHeaderCell] = useState<string>(\"\")\r\n // Position of action menu\r\n const [menuPosition, setMenuPosition] = useState({\r\n top: 0,\r\n right: 0,\r\n left: 0\r\n })\r\n // Global Variable of Table\r\n const [state, setState] = useState<MsTableGlobalStateTypes>({\r\n prevColConfig: columns,\r\n colConfigs: columns,\r\n rowData: [],\r\n allRowData: data,\r\n currentPage: 1,\r\n pageSize: pageSizeOptions.length > 0 ? pageSizeOptions[0] : 50,\r\n totalRecords: isClientSideRendering ? data.length : props?.totalRecords || 0,\r\n selectedRows: [],\r\n pageSizeOptions: pageSizeOptions.length > 0 ? pageSizeOptions : [50, 100, 200, 500],\r\n isAutoSizeAllColumns: false\r\n });\r\n\r\n useEffect(() => {\r\n if (isClientSideRendering) {\r\n const { currentPage, pageSize } = state;\r\n let list = data.slice(currentPage - 1, pageSize * currentPage - 1)\r\n setState((prevState) => ({\r\n ...prevState,\r\n rowData: list\r\n }));\r\n }\r\n }, [])\r\n\r\n const onRowSelect = useCallback((rowData: any) => {\r\n setState((prevState) => ({\r\n ...prevState,\r\n selectedRows: [...prevState.selectedRows, rowData],\r\n }));\r\n onRowClick ? onRowClick(rowData) : null\r\n }, []);\r\n\r\n const onColumnResize = useCallback((dataIndex: string, newWidth: number) => {\r\n setState((prevState) => ({\r\n ...prevState,\r\n colConfigs: prevState.colConfigs.map((col) =>\r\n col.dataIndex === dataIndex ? { ...col, width: newWidth } : col\r\n ),\r\n isAutoSizeAllColumns:false\r\n }));\r\n }, []);\r\n\r\n const onPageChange = (direction: direction) => {\r\n const { pageSize, totalRecords, allRowData, currentPage } = state;\r\n var goToPageNo = 0;\r\n if (direction == 'first') {\r\n goToPageNo = 1;\r\n }\r\n else if (direction == 'last') {\r\n goToPageNo = Math.ceil(totalRecords / pageSize)\r\n }\r\n else if (direction == 'next') {\r\n goToPageNo = currentPage + 1;\r\n }\r\n else if (direction == 'prev') {\r\n goToPageNo = currentPage - 1;\r\n }\r\n\r\n let list = data.slice(goToPageNo - 1, pageSize * goToPageNo - 1)\r\n setState((prevState) => ({\r\n ...prevState,\r\n currentPage: goToPageNo,\r\n rowData: list\r\n }));\r\n }\r\n\r\n const onPageSizeChange = (pageSize: number) => {\r\n const { allRowData } = state;\r\n let list = allRowData.slice(0, pageSize - 1)\r\n setState((prevState) => ({\r\n ...prevState,\r\n currentPage: 1,\r\n pageSize: pageSize,\r\n rowData: list\r\n }))\r\n }\r\n\r\n const toggleActionMenu = (dataIndex: string, showMenu: boolean, ref: React.RefObject<HTMLTableCellElement>) => {\r\n const position = ref.current.getBoundingClientRect()\r\n let left = position.x + position.width\r\n setMenuPosition({\r\n top: position.height,\r\n right: 0,\r\n left: left > 200 ? left - 200 : position.x\r\n })\r\n setActionMenu(true)\r\n setHeaderCell(dataIndex)\r\n }\r\n\r\n // Sorting Function\r\n const onSortColumn = (dataIndex: string, sortBy: sortDirection) => {\r\n let columns = state.colConfigs.map(item => {\r\n return {\r\n ...item,\r\n sortKey: dataIndex == item.dataIndex ? sortBy : ''\r\n }\r\n })\r\n if (sortBy == \"\") {\r\n setState((prevState) => ({\r\n ...prevState,\r\n colConfigs: columns,\r\n rowData: data\r\n }));\r\n return;\r\n }\r\n let sortedList = sortData(data, dataIndex, sortBy)\r\n\r\n setState((prevState) => ({\r\n ...prevState,\r\n colConfigs: columns,\r\n rowData: sortedList\r\n }));\r\n setActionMenu(false)\r\n setHeaderCell(\"\")\r\n }\r\n\r\n // Pin column Function\r\n const onColumnPin = (pinDirection: pinDirection) => {\r\n const { colConfigs } = state;\r\n let newConfig = colConfigs.map((item) => {\r\n if (item.dataIndex === selectedHeaderCell) {\r\n item.pinned = pinDirection\r\n }\r\n return item;\r\n })\r\n setState((prevState) => ({\r\n ...prevState,\r\n colConfigs: newConfig\r\n }));\r\n }\r\n\r\n // Resize Columns\r\n const onAutoColumnResize = (dataIndex: string) => {\r\n if (dataIndex == 'all') {\r\n setState((prevState) => ({\r\n ...prevState,\r\n isAutoSizeAllColumns: true\r\n }))\r\n setActionMenu(false)\r\n }\r\n else{\r\n // setActionMenu(false)\r\n // setState((prevState) => ({\r\n // ...prevState,\r\n // isAutoSizeAllColumns: true\r\n // }))\r\n // //\r\n }\r\n }\r\n\r\n const onColumnReset = () => {\r\n setState({\r\n prevColConfig: columns,\r\n colConfigs: columns,\r\n rowData: data,\r\n allRowData: data,\r\n currentPage: 1,\r\n pageSize: pageSizeOptions.length > 0 ? pageSizeOptions[0] : 50,\r\n totalRecords: isClientSideRendering ? data.length : props?.totalRecords || 0,\r\n selectedRows: [],\r\n pageSizeOptions: pageSizeOptions.length > 0 ? pageSizeOptions : [50, 100, 200, 500],\r\n isAutoSizeAllColumns: false\r\n })\r\n setActionMenu(false)\r\n }\r\n\r\n // Update Global state from child\r\n const updateState = useCallback((newState: MsTableGlobalStateTypes) => {\r\n setState((prev)=>({\r\n ...prev,\r\n ...newState\r\n }))\r\n }, [])\r\n\r\n // All Table Action will register in api \r\n const api = useMemo(\r\n () => ({\r\n onRowSelect,\r\n onColumnResize,\r\n onAutoColumnResize,\r\n onPageChange,\r\n onPageSizeChange,\r\n toggleActionMenu,\r\n onColumnPin,\r\n onSortColumn,\r\n updateState,\r\n onColumnReset\r\n }),\r\n [onRowSelect, onColumnResize, onAutoColumnResize, onPageChange, onPageSizeChange, toggleActionMenu, onColumnPin, onSortColumn, updateState, onColumnReset]\r\n );\r\n\r\n const contextValue = useMemo(\r\n () => ({ state, api }),\r\n [state, api]\r\n );\r\n\r\n // Hide Action Menu when outside gets clicked\r\n useEffect(() => {\r\n function handleClickOutside(event: MouseEvent) {\r\n if (\r\n actionMenuRef && 'current' in actionMenuRef &&\r\n actionMenuRef.current &&\r\n !actionMenuRef.current.contains(event.target as Node)\r\n ) {\r\n setActionMenu(false)\r\n }\r\n }\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, [actionMenuRef, setActionMenu]);\r\n\r\n return (\r\n <MaTableContext.Provider value={contextValue}>\r\n <div className={`table-wrapper ${state.isAutoSizeAllColumns ? 'ms-auto-width' : ''}`}>\r\n {children}\r\n {/* default No data Message */}\r\n {\r\n state.rowData.length == 0 &&\r\n <Overlay style={{ height: tbodyHeight, top: theadHeight }} />\r\n }\r\n {\r\n showActionMenu && <HeaderActionMenu ref={actionMenuRef} dataIndex={selectedHeaderCell} style={{ top: menuPosition.top, left: menuPosition.left }} />\r\n }\r\n </div>\r\n </MaTableContext.Provider>\r\n );\r\n};","import React, { createContext, useContext, useState, useMemo } from \"react\";\r\nimport type { MsTableGlobalStateTypes, MsReactTableAPI } from \"../types/contextTypes\";\r\n\r\nconst TableContext = createContext<{ state: MsTableGlobalStateTypes; api: MsReactTableAPI } | null>(\r\n null\r\n);\r\n\r\nexport default TableContext;\r\n\r\nexport const useTable = () => {\r\n const ctx = useContext(TableContext);\r\n if (!ctx) throw new Error(\"useTable must be used inside TableProvider\");\r\n return ctx;\r\n};\r\n","import React, { ChangeEvent, useEffect, useRef, useState } from 'react'\r\nimport { angleDownIcon, angleUpIcon, pinIcon, checkIcon, doubleArrow, doublePipeArrow, hideShow, reloadIcon } from \"../../_assets/icons/index\"\r\nimport { useTable } from '../../contextAPI/MsTableContext'\r\nimport { MsTableGlobalStateTypes } from '../../types/contextTypes'\r\nimport { MsTableHeaderCellTypes } from '../../types/msTableTypes'\r\ninterface ActionMenuProps {\r\n ref: React.RefObject<HTMLDivElement>\r\n style?: React.CSSProperties\r\n dataIndex: string\r\n}\r\n\r\nconst HeaderActionMenu: React.FC<ActionMenuProps> = (props) => {\r\n const { state, api: { onColumnPin, onSortColumn, onAutoColumnResize, onColumnReset, updateState } } = useTable();\r\n const [showColumnList, toggleColumnList] = useState(false)\r\n\r\n const [columnList, setColumnList] = useState<MsTableHeaderCellTypes[]>(state.colConfigs)\r\n const [searchkey, setSearchkey] = useState(\"\")\r\n useEffect(() => {\r\n setColumnList(state.colConfigs)\r\n onSearchHeader(searchkey)\r\n }, [state.colConfigs])\r\n // Hide & Show Column start\r\n const onCheckboxChange = (dataIndex: string, e: ChangeEvent<HTMLInputElement>) => {\r\n let newConfig = state.colConfigs.map(item => {\r\n return {\r\n ...item,\r\n isHidden: item.dataIndex == dataIndex ? !e.target.checked : (item.isHidden || false)\r\n }\r\n })\r\n updateState({\r\n ...state,\r\n colConfigs: newConfig\r\n })\r\n setColumnList(newConfig)\r\n }\r\n // Hide & show column end\r\n\r\n const onSearchHeader = (value: string) => {\r\n let newlist: MsTableHeaderCellTypes[] = []\r\n if (value) {\r\n state.colConfigs.map(item => {\r\n if (item.title.toLowerCase().includes(value.toLowerCase())) {\r\n newlist.push(item)\r\n }\r\n })\r\n setColumnList(newlist)\r\n }\r\n else {\r\n setColumnList(state.colConfigs)\r\n }\r\n setSearchkey(value)\r\n }\r\n\r\n\r\n return (\r\n <div ref={props.ref} className='header-menu' style={props.style}>\r\n {\r\n showColumnList ?\r\n <div className='column-list'>\r\n <div className='search'>\r\n <input type='text' placeholder='Search header' className='search-input' onChange={e => onSearchHeader(e.target.value)} />\r\n </div>\r\n <div className='list'>\r\n {\r\n columnList.map(item => (\r\n <div className='item' key={item.dataIndex + \"_item\"}>\r\n <input className=\"ms-checkbox-input\" type=\"checkbox\" id={item.dataIndex} checked={!item.isHidden} onChange={e => onCheckboxChange(item.dataIndex, e)} />\r\n <label htmlFor={item.dataIndex}>{item.title}</label>\r\n </div>\r\n ))\r\n }\r\n </div>\r\n </div>\r\n :\r\n <ul>\r\n <li onClick={() => onSortColumn(props.dataIndex, 'asc')}>\r\n <span>{angleUpIcon}</span>\r\n {`Sort By Ascending`}\r\n </li>\r\n <li onClick={() => onSortColumn(props.dataIndex, 'desc')}>\r\n <span>{angleDownIcon}</span>\r\n {`Sort By Descending`}\r\n </li>\r\n {/* <li>\r\n <span>{pinIcon}</span>\r\n {`Pin Column`}\r\n <ul className=''>\r\n <li onClick={()=>onColumnPin(\"\")}><span>{checkIcon}</span> No Pin</li>\r\n <li onClick={()=>onColumnPin(\"left\")}><span></span> Pin Left</li>\r\n <li onClick={()=>onColumnPin(\"right\")}><span></span> Pin Right</li>\r\n </ul>\r\n </li> \r\n <li onClick={() => onAutoColumnResize(props.dataIndex)}>\r\n <span>{doubleArrow}</span>\r\n {`Autosize This Column`}\r\n </li> */}\r\n <li onClick={() => onAutoColumnResize('all')}>\r\n <span>{doublePipeArrow}</span>\r\n {`Autosize All Column`}\r\n </li>\r\n <li onClick={() => toggleColumnList(true)}>\r\n <span>{hideShow}</span>\r\n {`Hide/Show Columns`}\r\n </li>\r\n <li onClick={onColumnReset}>\r\n <span>{reloadIcon}</span>\r\n {`Reset Columns`}\r\n </li>\r\n </ul>\r\n }\r\n </div>\r\n )\r\n}\r\n\r\nexport default HeaderActionMenu\r\n","const verticleThreeDotsIcon = (\r\n <svg width=\"3\" height=\"13\" viewBox=\"0 0 3 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<ellipse cx=\"1.5\" cy=\"1.5\" rx=\"1.5\" ry=\"1.5\" transform=\"matrix(-4.37114e-08 1 1 4.37114e-08 0 10)\" fill=\"#2F2F2F\"/>\r\n<ellipse cx=\"1.5\" cy=\"1.5\" rx=\"1.5\" ry=\"1.5\" transform=\"matrix(-4.37114e-08 1 1 4.37114e-08 0 5)\" fill=\"#2F2F2F\"/>\r\n<ellipse cx=\"1.5\" cy=\"1.5\" rx=\"1.5\" ry=\"1.5\" transform=\"matrix(-4.37114e-08 1 1 4.37114e-08 0 0)\" fill=\"#2F2F2F\"/>\r\n</svg>\r\n\r\n)\r\n\r\nconst angleRightIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z\"></path></svg>\r\n)\r\n\r\nconst angleLeftIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z\"></path></svg>\r\n)\r\n\r\nconst angleDownIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M213.66,130.34a8,8,0,0,1,0,11.32l-80,80a8,8,0,0,1-11.32,0l-80-80a8,8,0,0,1,11.32-11.32L128,204.69l74.34-74.35A8,8,0,0,1,213.66,130.34Zm-91.32,11.32a8,8,0,0,0,11.32,0l80-80a8,8,0,0,0-11.32-11.32L128,124.69,53.66,50.34A8,8,0,0,0,42.34,61.66Z\"></path></svg>\r\n)\r\n\r\nconst angleUpIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M213.66,194.34a8,8,0,0,1-11.32,11.32L128,131.31,53.66,205.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0Zm-160-68.68L128,51.31l74.34,74.35a8,8,0,0,0,11.32-11.32l-80-80a8,8,0,0,0-11.32,0l-80,80a8,8,0,0,0,11.32,11.32Z\"></path></svg>\r\n)\r\n\r\nconst pinIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M216,168h-9.29L185.54,48H192a8,8,0,0,0,0-16H64a8,8,0,0,0,0,16h6.46L49.29,168H40a8,8,0,0,0,0,16h80v56a8,8,0,0,0,16,0V184h80a8,8,0,0,0,0-16ZM86.71,48h82.58l21.17,120H65.54Z\"></path></svg>\r\n)\r\n\r\nconst reloadIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128\"></path></svg>\r\n)\r\n\r\nconst prevIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z\"></path></svg>\r\n)\r\n\r\nconst nextIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\"></path></svg>\r\n)\r\n\r\nconst checkIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>\r\n)\r\n\r\nconst doubleArrow = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M237.66,133.66l-32,32a8,8,0,0,1-11.32-11.32L212.69,136H43.31l18.35,18.34a8,8,0,0,1-11.32,11.32l-32-32a8,8,0,0,1,0-11.32l32-32a8,8,0,0,1,11.32,11.32L43.31,120H212.69l-18.35-18.34a8,8,0,0,1,11.32-11.32l32,32A8,8,0,0,1,237.66,133.66Z\"></path></svg>\r\n)\r\n\r\nconst doublePipeArrow = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M112,48V208a8,8,0,0,1-16,0V136H43.31l18.35,18.34a8,8,0,0,1-11.32,11.32l-32-32a8,8,0,0,1,0-11.32l32-32a8,8,0,0,1,11.32,11.32L43.31,120H96V48a8,8,0,0,1,16,0Zm125.66,74.34-32-32a8,8,0,0,0-11.32,11.32L212.69,120H160V48a8,8,0,0,0-16,0V208a8,8,0,0,0,16,0V136h52.69l-18.35,18.34a8,8,0,0,0,11.32,11.32l32-32A8,8,0,0,0,237.66,122.34Z\"></path></svg>\r\n)\r\n\r\nconst hideShow = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z\"></path></svg>\r\n)\r\nexport {\r\n verticleThreeDotsIcon,\r\n angleRightIcon,\r\n angleLeftIcon,\r\n angleDownIcon,\r\n angleUpIcon,\r\n pinIcon,\r\n reloadIcon,\r\n prevIcon,\r\n nextIcon,\r\n checkIcon,\r\n doubleArrow,\r\n hideShow,\r\n doublePipeArrow\r\n}\r\n\r\n","import React from 'react'\r\ninterface OverlayProps {\r\n message?: string\r\n style: React.CSSProperties\r\n}\r\nconst Overlay:React.FC<OverlayProps> = (props) => {\r\n const {message=\"No Records to show\", style} = props\r\n\r\n return (\r\n <div className='overlay-message' style={style}>\r\n {message}\r\n </div>\r\n )\r\n}\r\n\r\nexport default Overlay\r\n","import { sortDirection } from \"../types/contextTypes\";\r\nimport { MsTableHeaderCellTypes } from \"../types/msTableTypes\";\r\n\r\nexport function sortData<T extends Record<string, any>>(\r\n data: T[],\r\n dataIndex: keyof T,\r\n sortBy: sortDirection\r\n): T[] {\r\n return [...data].sort((a, b) => {\r\n const valA = a[dataIndex];\r\n const valB = b[dataIndex];\r\n\r\n // Handle numbers\r\n if (typeof valA === \"number\" && typeof valB === \"number\") {\r\n return sortBy === \"asc\" ? valA - valB : valB - valA;\r\n }\r\n\r\n // Handle strings\r\n const strA = String(valA).toLowerCase();\r\n const strB = String(valB).toLowerCase();\r\n\r\n if (strA === strB) return 0;\r\n\r\n const comparison = strA < strB ? -1 : 1;\r\n return sortBy === \"asc\" ? comparison : -comparison;\r\n });\r\n}\r\n\r\n\r\nfunction isNumeric(value:any) {\r\n return !isNaN(parseFloat(value)) && isFinite(value);\r\n}","import React, { useEffect, useRef, useState } from 'react'\r\nimport { MsTableHeaderCellTypes } from '../../types/msTableTypes'\r\nimport { angleDownIcon, angleUpIcon, verticleThreeDotsIcon } from '../../_assets/icons';\r\nimport { useTable } from '../../contextAPI/MsTableContext';\r\n\r\nconst HeaderCell: React.FC<MsTableHeaderCellTypes> = (props) => {\r\n const thRef = useRef<HTMLTableCellElement>(null!);\r\n const { title, cellRenderer, hideActionMenu, dataIndex, width: defaultWidth, resizable = true, pinned } = props\r\n const minWidth = title === \"\" ? 30 : 50;\r\n const [width, setWidth] = useState<number>(defaultWidth || 80);\r\n const startX = useRef<any>(0);\r\n const startWidth = useRef<any>(0);\r\n // Get table state and api from context\r\n const { state:{isAutoSizeAllColumns, ...rest}, api } = useTable()\r\n\r\n useEffect(()=>{\r\n if(isAutoSizeAllColumns){\r\n let element = thRef.current.getBoundingClientRect()\r\n if(api.onColumnResize){\r\n api.onColumnResize(dataIndex, element.width)\r\n }\r\n \r\n }\r\n },[isAutoSizeAllColumns])\r\n\r\n const onMouseDown = (e: React.MouseEvent<HTMLSpanElement>) => {\r\n startX.current = e.clientX;\r\n startWidth.current = thRef.current?.offsetWidth || width;\r\n console.log('Start Width:', startWidth.current);\r\n document.addEventListener(\"mousemove\", onMouseMove);\r\n document.addEventListener(\"mouseup\", onMouseUp);\r\n };\r\n\r\n const onMouseMove = (e: MouseEvent) => {\r\n const newWidth = startWidth.current + (e.clientX - startX.current);\r\n if (newWidth > minWidth) {\r\n setWidth(newWidth);\r\n api.updateState({\r\n ...rest,\r\n isAutoSizeAllColumns: false\r\n })\r\n api.onColumnResize && api.onColumnResize(dataIndex, newWidth);\r\n }\r\n };\r\n\r\n const onMouseUp = () => {\r\n document.removeEventListener(\"mousemove\", onMouseMove);\r\n document.removeEventListener(\"mouseup\", onMouseUp);\r\n };\r\n\r\n return (\r\n <th\r\n key={dataIndex}\r\n className={`${props.headerCellClassName} ${pinned ? pinned + '-pinned' : ''}`}\r\n ref={thRef}\r\n style={{ width: width || 80 }}\r\n\r\n >\r\n <span className='ms-table-header-cell '>\r\n <span className='ms-table-header-cell-title' onClick={() => api.onSortColumn(dataIndex, !props.sortKey ? 'asc' : props.sortKey == 'asc' ? 'desc' : '')}>\r\n {title}\r\n {\r\n props.sortKey == 'asc' ? angleUpIcon : props.sortKey == 'desc' ? angleDownIcon : null\r\n }\r\n </span>\r\n {\r\n !hideActionMenu && (\r\n <span className='ms-table-header-action' title='View Menu' onClick={() => api.toggleActionMenu(dataIndex, true, thRef)}>{verticleThreeDotsIcon}</span>\r\n )\r\n }\r\n </span>\r\n\r\n {\r\n resizable && (\r\n <span className=\"ms-table-column-resizer\" onMouseDown={onMouseDown} ></span>\r\n )\r\n }\r\n </th>\r\n )\r\n}\r\n\r\nexport default HeaderCell\r\n","import React from 'react'\r\nimport { useTable } from '../../contextAPI/MsTableContext'\r\nimport HeaderCell from './HeaderCell'\r\ninterface THeaderProps {\r\n ref?: React.RefObject<HTMLTableSectionElement>\r\n}\r\nconst msTableHeader: React.FC<THeaderProps> = (props) => {\r\n const { state, api } = useTable()\r\n return (\r\n <>\r\n <colgroup>\r\n {\r\n state.colConfigs.map((col) => (\r\n\r\n !col.isHidden && <col key={col.dataIndex} width={col.width || 80} />\r\n ))\r\n }\r\n\r\n </colgroup>\r\n <thead ref={props.ref}>\r\n <tr>\r\n {\r\n state.colConfigs.map((col) => {\r\n if(!col.isHidden){\r\n return <HeaderCell key={col.dataIndex} {...col} />\r\n }\r\n })\r\n }\r\n </tr>\r\n </thead>\r\n </>\r\n )\r\n}\r\n\r\nexport default msTableHeader\r\n","import React, { JSX } from 'react'\r\ninterface DataRowCellProps {\r\n dataIndex: string\r\n value: any\r\n width?: number\r\n cellRenderer?: (data: any) => JSX.Element\r\n pinned?: 'left'|'right'|''\r\n}\r\n\r\nconst DataRowCell:React.FC<DataRowCellProps> = ({ dataIndex, value, cellRenderer, width, pinned }) => {\r\n return (\r\n <td style={dataIndex!=='name' ? {width: width || '80'}:{width:'80'}} className={`${pinned? pinned+'-pinned':''}`}>\r\n {/* Cell Content */}\r\n {cellRenderer ? cellRenderer(value) : value}\r\n </td>\r\n )\r\n}\r\n\r\nexport default DataRowCell\r\n","import React from 'react'\r\nimport { useTable } from '../../contextAPI/MsTableContext'\r\nimport DataRowCell from './DataRowCell'\r\ninterface TBodyProps {\r\n ref?: React.RefObject<HTMLTableSectionElement>\r\n}\r\nconst msTableBody: React.FC<TBodyProps> = (props) => {\r\n const { state, api } = useTable() // TODO: Add context here\r\n // console.log(props.ref?.current?.clientWidth)\r\n return (\r\n <tbody ref={props.ref}>\r\n {\r\n state.rowData?.map((row, rowIndex) => (\r\n <tr key={rowIndex} onClick={()=>api.onRowSelect(row)}>\r\n {\r\n state.colConfigs?.map((col, colIndex) => (\r\n !col.isHidden && <DataRowCell dataIndex={col.dataIndex} value={row[col.dataIndex]} width={col.width} cellRenderer={col.cellRenderer} pinned={col.pinned} />\r\n ))\r\n }\r\n </tr>\r\n ))\r\n }\r\n </tbody>\r\n )\r\n}\r\n\r\nexport default msTableBody\r\n","import React from 'react'\r\nimport { useTable } from '../../contextAPI/MsTableContext';\r\nimport { angleLeftIcon, prevIcon, nextIcon, angleRightIcon } from '../../_assets/icons';\r\n\r\nconst MsTableFooter:React.FC = () => {\r\n const { state, api } = useTable();\r\n const { pageSizeOptions, currentPage, pageSize, totalRecords } = state\r\n\r\n const lastPageNo = Math.ceil(totalRecords/pageSize)\r\n\r\n return (\r\n <div className='table-footer'>\r\n <div className='extra-actions'>\r\n {/* Extra Actions can be added here */}\r\n </div>\r\n <div className='pagination-controls'>\r\n {/* Pagination Controls can be added here */}\r\n <div className='pagination-info'>\r\n <div className='page-size'>\r\n <label>Rows Per Page:</label>\r\n <select onChange={(e)=>api.onPageSizeChange(parseInt(e.target.value))} value={pageSize}>\r\n {\r\n state.pageSizeOptions.map((size) => (\r\n <option key={size} value={size}>{size}</option>\r\n ))\r\n }\r\n </select>\r\n </div>\r\n </div>\r\n <div className='record-info'>\r\n <label>{`${(currentPage - 1)*pageSize + 1} to ${Math.min(currentPage * pageSize, totalRecords)} of ${totalRecords}`}</label>\r\n </div>\r\n <div className='pagination-buttons'>\r\n <span className={`${currentPage==1 ? 'cursor-disabled' : ''}`} title='Go to First Page' onClick={()=>api.onPageChange('first')}>{angleLeftIcon}</span>\r\n <span className={`${currentPage==1 ? 'cursor-disabled' : ''}`} title='Previous Page' onClick={()=>api.onPageChange('prev')}>{prevIcon}</span>\r\n <span className='current-page'>{currentPage} of {Math.ceil(totalRecords / pageSize)}</span>\r\n <span className={`${currentPage==lastPageNo ? 'cursor-disabled' : ''}`} title='Next Page' onClick={()=>api.onPageChange('next')}>{nextIcon}</span>\r\n <span className={`${currentPage==lastPageNo ? 'cursor-disabled' : ''}`} title='Go to Last Page' onClick={()=>api.onPageChange('last')}>{angleRightIcon}</span>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n``\r\nexport default MsTableFooter\r\n"],"mappings":"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","names":["import_react","import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","totalRecords","columns","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","React"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/MsReactTable.tsx","../src/contextAPI/MsTableProvider.tsx","../src/contextAPI/MsTableContext.tsx","../src/components/HeaderActionMenu/HeaderActionMenu.tsx","../src/_assets/icons/index.tsx","../src/components/FormElements/CheckBox.tsx","../src/components/Overlay.tsx","../src/components/HelperFunction.ts","../src/components/Header/msTableHeader.tsx","../src/components/Header/HeaderCell.tsx","../src/components/Body/DataRowCell.tsx","../src/components/Body/msTableBody.tsx","../src/components/FormElements/Button.tsx","../src/components/Footer/msTableFooter.tsx","../src/components/Filter/FilterModal.tsx","../src/components/Filter/String/TextFilter.tsx","../src/components/FormElements/Input.tsx","../src/components/FormElements/Select.tsx","../src/components/Filter/Number/NumberFilter.tsx","../src/components/Filter/Date/DateFilter.tsx","../src/components/Filter/Boolean/BooleanFilter.tsx","../src/components/Loader.tsx"],"sourcesContent":["import './_assets/style.css';\r\n\r\nexport { default } from './MsReactTable';\r\n\r\n\r\nexport type { MsTablePropsTypes, MsTableHeaderCellTypes, rowSelectionConfig } from './types/msTableTypes';","import React from 'react'\r\nimport { MsTablePropsTypes } from './types/msTableTypes'\r\nimport { TableProvider } from './contextAPI/MsTableProvider'\r\nimport MsTableHeader from './components/Header/msTableHeader'\r\nimport MsTableBody from './components/Body/msTableBody'\r\nimport MsTableFooter from './components/Footer/msTableFooter'\r\nimport './_assets/style.css'\r\nimport FilterModal from './components/Filter/FilterModal'\r\nimport Loader from './components/Loader'\r\n\r\nconst MsReactTable: React.FC<MsTablePropsTypes> = (props) => {\r\n const { showPagination = true, ref, isLoading } = props\r\n const containerRef = React.useRef<HTMLDivElement>(null!)\r\n const tbodyRef = React.useRef<HTMLTableSectionElement>(null!)\r\n const theadRef = React.useRef<HTMLTableSectionElement>(null!)\r\n const [showModalFilter, toggleModalFilter] = React.useState(false)\r\n\r\n return (\r\n <TableProvider {...props} ref={ref} tContainerRef={containerRef} theadRef={theadRef} toggleModalFilter={toggleModalFilter}>\r\n <div className='ms-table-container' ref={containerRef} style={{ height: props.height || '200px' }}>\r\n <table className={`ms-react-table ${props.className}`} border={0} cellPadding={0} cellSpacing={0} style={{ width: '100%', ...props.style }} >\r\n <MsTableHeader ref={theadRef} />\r\n <MsTableBody ref={tbodyRef} />\r\n </table>\r\n </div>\r\n {showPagination && <MsTableFooter toggleFilterModal={toggleModalFilter} />}\r\n <div>\r\n {showModalFilter && <FilterModal isVisible={showModalFilter} toggleFilterModal={toggleModalFilter} containerRef={containerRef} />}\r\n <div className='ms-overlay' style={(showModalFilter) ? { width: '100%' } : {}}></div>\r\n {isLoading && <Loader />}\r\n </div>\r\n </TableProvider>\r\n )\r\n}\r\n\r\nMsReactTable.displayName = 'MsReactTable'\r\n\r\nexport default MsReactTable\r\n","import React, { useState, useMemo, useCallback, useEffect, useRef, forwardRef, useImperativeHandle } from \"react\";\r\nimport MaTableContext from \"./MsTableContext\";\r\nimport type { MsTablePropsTypes } from \"../types/msTableTypes\";\r\nimport { filterValuesType, GridFunctions, MsTableGlobalStateTypes, pinDirection, sortDirection } from \"../types/contextTypes\";\r\nimport HeaderActionMenu from \"../components/HeaderActionMenu/HeaderActionMenu\";\r\nimport Overlay from \"../components/Overlay\";\r\nimport { applyOperation, exportToCSV, exportToExcel, sortData } from \"../components/HelperFunction\";\r\ninterface TableProviderProps extends MsTablePropsTypes {\r\n children: React.ReactNode;\r\n tContainerRef?: React.RefObject<HTMLDivElement>\r\n theadRef?: React.RefObject<HTMLTableSectionElement>\r\n toggleModalFilter: (status:boolean)=>void\r\n totalRecords?: number\r\n}\r\n\r\ntype direction = 'first' | 'last' | 'prev' | 'next';\r\n\r\nexport const TableProvider= forwardRef<GridFunctions,TableProviderProps>((props, ref) => {\r\n const actionMenuRef = useRef<HTMLDivElement>(null!);\r\n const { \r\n columns, \r\n data=[], \r\n children, \r\n pageSizeOptions = [], \r\n isClientSideRendering = true, \r\n hideDefaultFilterButton = false,\r\n onRowSelect,\r\n toggleModalFilter,\r\n customComponentForNoRecords,\r\n customComponentForFooter,\r\n setRowData,\r\n rowSelectConfig,\r\n showPagination=true\r\n } = props;\r\n const [showActionMenu, setActionMenu] = useState<boolean>(false)\r\n const [selectedHeaderCell, setHeaderCell] = useState<string>(\"\")\r\n const [ssrList, setSSRList] = useState<any[]>([]);\r\n const [totalSSRCount, setTotalSSRCount] = useState<number>(0);\r\n\r\n // Position of action menu\r\n const [menuPosition, setMenuPosition] = useState({\r\n top: 0,\r\n right: 0,\r\n left: 0\r\n })\r\n\r\n const getColumnConfig = useMemo(() => {\r\n let list = columns.map((item)=>{\r\n let { title, dataIndex, isHidden=false, width=80, type='string', align='left',sortable=true, resizable=true, pinned='', isFilterEnabled=false, hideActionMenu=false, cellRenderer, sortKey='', displayAs } = item;\r\n return {\r\n title,\r\n dataIndex,\r\n isHidden,\r\n width,\r\n type,\r\n align,\r\n sortable,\r\n sortKey,\r\n resizable,\r\n pinned,\r\n isFilterEnabled,\r\n hideActionMenu,\r\n displayAs,\r\n cellRenderer\r\n }\r\n })\r\n return list;\r\n }, [columns]);\r\n\r\n // Global Variable of Table\r\n const [state, setState] = useState<MsTableGlobalStateTypes>({\r\n prevColConfig: getColumnConfig,\r\n colConfigs: getColumnConfig,\r\n rowData: [],\r\n allRowData: data,\r\n currentPage: 1,\r\n pageSize: pageSizeOptions.length > 0 ? pageSizeOptions[0] : 50,\r\n totalRecords: isClientSideRendering ? data.length : props?.totalRecords || 0,\r\n selectedRows: [], \r\n selectedIndex: [], \r\n pageSizeOptions: pageSizeOptions.length > 0 ? pageSizeOptions : [20, 50, 100],\r\n isAutoSizeAllColumns: false,\r\n filters: {},\r\n customComponentForFooter: customComponentForFooter,\r\n hideDefaultFilterButton: hideDefaultFilterButton || false,\r\n isClientSideRendering:isClientSideRendering,\r\n rowSelectConfig:rowSelectConfig\r\n });\r\n\r\n const [refreshPage, setRefreshPage] = useState(false)\r\n useEffect(()=>{\r\n if(refreshPage){\r\n getListFromServer();\r\n }\r\n },[refreshPage])\r\n\r\n useEffect(() => {\r\n if (isClientSideRendering) {\r\n const { currentPage, pageSize, } = state;\r\n let list = data.slice(currentPage - 1, pageSize * currentPage - 1)\r\n \r\n setState((prevState) => ({\r\n ...prevState,\r\n rowData: showPagination?list:data\r\n }));\r\n }\r\n else{\r\n getListFromServer()\r\n }\r\n }, [])\r\n\r\n const onRowSelectionChange = useCallback((rowData: any[], selectedIndex: number[]) => {\r\n setState((prevState) => ({\r\n ...prevState,\r\n selectedRows: rowData,\r\n selectedIndex: selectedIndex\r\n }));\r\n onRowSelect ? onRowSelect(rowData) : null\r\n }, []);\r\n\r\n const onColumnResize = useCallback((dataIndex: string, newWidth: number) => {\r\n setState((prevState) => ({\r\n ...prevState,\r\n colConfigs: prevState.colConfigs.map((col) =>\r\n col.dataIndex === dataIndex ? { ...col, width: newWidth } : col\r\n ),\r\n isAutoSizeAllColumns:false\r\n }));\r\n }, []);\r\n\r\n const onPageChange = (direction: direction) => { \r\n const { pageSize, totalRecords, allRowData, currentPage } = state;\r\n var goToPageNo = 0;\r\n if (direction == 'first') {\r\n goToPageNo = 1;\r\n }\r\n else if (direction == 'last') {\r\n goToPageNo = Math.ceil(totalRecords / pageSize)\r\n }\r\n else if (direction == 'next') {\r\n goToPageNo = currentPage + 1;\r\n }\r\n else if (direction == 'prev') {\r\n goToPageNo = currentPage - 1;\r\n }\r\n\r\n setState((prevState) => ({\r\n ...prevState,\r\n currentPage: goToPageNo,\r\n })); \r\n if(!isClientSideRendering){\r\n setRefreshPage(true) \r\n } \r\n }\r\n\r\n const onPageSizeChange = (pageSize: number) => {\r\n if(!isClientSideRendering){\r\n setState((prevState) => ({\r\n ...prevState,\r\n selectedIndex:[],\r\n selectedRows:[],\r\n currentPage: 1,\r\n pageSize: pageSize\r\n }))\r\n setRefreshPage(true) \r\n return;\r\n }\r\n const { allRowData } = state;\r\n let list = allRowData.slice(0, pageSize - 1)\r\n setState((prevState) => ({\r\n ...prevState,\r\n selectedIndex:[],\r\n selectedRows:[],\r\n currentPage: 1,\r\n pageSize: pageSize,\r\n rowData: list\r\n }))\r\n \r\n }\r\n\r\n const toggleActionMenu = (dataIndex: string, showMenu: boolean, ref: React.RefObject<HTMLTableCellElement>) => {\r\n const position = ref.current.getBoundingClientRect()\r\n let left = position.x + position.width\r\n setMenuPosition({\r\n top: position.height,\r\n right: 0,\r\n left: left > 200 ? left - 200 : position.x\r\n })\r\n setActionMenu(true)\r\n setHeaderCell(dataIndex)\r\n }\r\n\r\n // Sorting Function\r\n const onSortColumn = (dataIndex: string, sortBy: sortDirection) => {\r\n let columns = state.colConfigs.map(item => {\r\n return {\r\n ...item,\r\n sortKey: dataIndex == item.dataIndex ? sortBy : ''\r\n }\r\n })\r\n if (sortBy == \"\") {\r\n setState((prevState) => ({\r\n ...prevState,\r\n colConfigs: columns\r\n }));\r\n if(!isClientSideRendering){\r\n setRefreshPage(true)\r\n }\r\n return;\r\n }\r\n \r\n setState((prevState) => ({\r\n ...prevState,\r\n colConfigs: columns\r\n }));\r\n setActionMenu(false)\r\n setHeaderCell(\"\")\r\n if(!isClientSideRendering){\r\n setRefreshPage(true)\r\n }\r\n }\r\n\r\n // Pin column Function\r\n const onColumnPin = (pinDirection: pinDirection) => {\r\n const { colConfigs } = state;\r\n let newConfig = colConfigs.map((item) => {\r\n if (item.dataIndex === selectedHeaderCell) {\r\n item.pinned = pinDirection\r\n }\r\n return item;\r\n })\r\n setState((prevState) => ({\r\n ...prevState,\r\n colConfigs: newConfig\r\n }));\r\n }\r\n\r\n // Resize Columns\r\n const onAutoColumnResize = (dataIndex: string) => {\r\n if (dataIndex == 'all') {\r\n setState((prevState) => ({\r\n ...prevState,\r\n isAutoSizeAllColumns: true\r\n }))\r\n setActionMenu(false)\r\n }\r\n else{\r\n // setActionMenu(false)\r\n // setState((prevState) => ({\r\n // ...prevState,\r\n // isAutoSizeAllColumns: true\r\n // }))\r\n // //\r\n }\r\n }\r\n\r\n // Column Reset all\r\n const onColumnReset = () => {\r\n setState({\r\n prevColConfig: columns,\r\n colConfigs: columns,\r\n rowData: data,\r\n allRowData: data,\r\n currentPage: 1,\r\n pageSize: pageSizeOptions.length > 0 ? pageSizeOptions[0] : 50,\r\n totalRecords: isClientSideRendering ? data.length : props?.totalRecords || 0,\r\n selectedRows: [],\r\n selectedIndex: [],\r\n pageSizeOptions: pageSizeOptions.length > 0 ? pageSizeOptions : [20, 50, 100],\r\n isAutoSizeAllColumns: false,\r\n hideDefaultFilterButton: hideDefaultFilterButton,\r\n filters: {}\r\n })\r\n setActionMenu(false)\r\n }\r\n\r\n //Apply filters\r\n const onFilterApply=(filters:filterValuesType)=>{\r\n setState(prev=>({\r\n ...prev,\r\n filters: filters,\r\n }))\r\n toggleModalFilter(false) \r\n if(!isClientSideRendering){ \r\n setRefreshPage(true) \r\n }\r\n }\r\n\r\n const onFilterReset=()=>{\r\n \r\n }\r\n \r\n // Update Global state from child\r\n const updateState = useCallback((newState: MsTableGlobalStateTypes) => {\r\n setState((prev)=>({\r\n ...prev,\r\n ...newState\r\n }))\r\n }, [])\r\n\r\n // All Table Action will register in api \r\n const api = useMemo(\r\n () => ({\r\n onRowSelectionChange,\r\n onColumnResize,\r\n onAutoColumnResize,\r\n onPageChange,\r\n onPageSizeChange,\r\n toggleActionMenu,\r\n onColumnPin,\r\n onSortColumn,\r\n updateState,\r\n onColumnReset,\r\n onFilterApply,\r\n onFilterReset,\r\n toggleModalFilter\r\n }),\r\n [onRowSelectionChange, onColumnResize, onAutoColumnResize, onPageChange, onPageSizeChange, toggleActionMenu, onColumnPin, onSortColumn, updateState, onColumnReset]\r\n );\r\n \r\n const contextValue = { state, api, ssrList, totalSSRCount }\r\n\r\n // Hide Action Menu when outside gets clicked\r\n useEffect(() => {\r\n function handleClickOutside(event: MouseEvent) {\r\n if (\r\n actionMenuRef && 'current' in actionMenuRef &&\r\n actionMenuRef.current &&\r\n !actionMenuRef.current.contains(event.target as Node)\r\n ) {\r\n setActionMenu(false) \r\n }\r\n }\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, [actionMenuRef, setActionMenu]);\r\n\r\n const reformData=()=>{\r\n let list:any = data;\r\n const {filters, colConfigs, pageSize, currentPage} = state\r\n if(Object.keys(filters).length>0){\r\n list = data.filter((row) =>\r\n Object.entries(filters).every(([key, rule]) =>\r\n applyOperation(row[key], rule)\r\n )\r\n );\r\n }\r\n\r\n let sortedCol = colConfigs.filter(item=>item.sortKey!='')\r\n if(sortedCol.length>0){\r\n list = sortData(list, sortedCol[0].dataIndex, sortedCol[0].sortKey || \"\")\r\n }\r\n\r\n let x = showPagination? list.slice((currentPage - 1)*pageSize, pageSize * currentPage ):list\r\n setState(prev=>({\r\n ...prev,\r\n rowData: x,\r\n totalRecords: list.length\r\n }))\r\n \r\n }\r\n\r\n const getListFromServer=()=>{\r\n const {filters, colConfigs, pageSize, currentPage} = state \r\n let sortedCol = colConfigs.filter(item=>item.sortKey!='')\r\n let sortBy:any= {}\r\n if(sortedCol.length>0)\r\n {\r\n sortBy.key = sortedCol[0]?.dataIndex\r\n sortBy.sortBy = sortedCol[0]?.sortKey\r\n } \r\n if(typeof setRowData === 'function') {\r\n setRowData(currentPage, pageSize, filters, sortBy)\r\n setRefreshPage(false)\r\n } \r\n }\r\n\r\n //Update Row Data after Sorting, filter, Page size change\r\n useEffect(()=>{ \r\n if(isClientSideRendering){\r\n reformData()\r\n }\r\n },[state.pageSize, state.colConfigs, state.filters, state.currentPage])\r\n\r\n // Client side accessiable functions using RefObject\r\n useImperativeHandle(ref, () => ({\r\n showFilterModal(status:boolean){\r\n toggleModalFilter(status)\r\n },\r\n setRowData(list:any[], totalCount:number){ \r\n const {rowSelectConfig} = state\r\n let defaultCheckedIndex:number[] = []\r\n let defaultSelectedRows:any[] = []\r\n if(rowSelectConfig && rowSelectConfig?.isChecked){\r\n list.map((row, index)=>{\r\n if(rowSelectConfig?.isChecked?.(row)){\r\n defaultSelectedRows.push(row)\r\n defaultCheckedIndex.push(index)\r\n }\r\n })\r\n }\r\n \r\n setState((prev)=>({\r\n ...prev,\r\n selectedIndex: defaultCheckedIndex,\r\n selectedRows: defaultSelectedRows,\r\n rowData: list,\r\n totalRecords: totalCount\r\n }))\r\n },\r\n exportToCSV(fileName:string){\r\n exportToCSV(state.rowData, fileName)\r\n },\r\n exportToExcel(fileName:string){\r\n exportToExcel(state.rowData, fileName)\r\n },\r\n getSelectedRows(){\r\n return state.selectedRows\r\n }\r\n }),[refreshPage])\r\n\r\n return (\r\n <MaTableContext.Provider value={contextValue}>\r\n <div className={`ms-table-wrapper ${props.className} ${state.isAutoSizeAllColumns ? 'ms-auto-width' : ''}`}>\r\n {children}\r\n {/* default No data Message */}\r\n {\r\n state.rowData.length == 0 &&\r\n <Overlay customComponentForNoRecords={customComponentForNoRecords} />\r\n }\r\n {\r\n showActionMenu && <HeaderActionMenu ref={actionMenuRef} dataIndex={selectedHeaderCell} style={{ top: menuPosition.top, left: menuPosition.left }} />\r\n }\r\n </div>\r\n </MaTableContext.Provider>\r\n );\r\n})","import React, { createContext, useContext, useState, useMemo } from \"react\";\r\nimport type { MsTableGlobalStateTypes, MsReactTableAPI } from \"../types/contextTypes\";\r\n\r\nconst TableContext = createContext<{ state: MsTableGlobalStateTypes; api: MsReactTableAPI } | null>(\r\n null\r\n);\r\n\r\nexport default TableContext;\r\n\r\nexport const useTable = () => {\r\n const ctx = useContext(TableContext);\r\n if (!ctx) throw new Error(\"useTable must be used inside TableProvider\");\r\n return ctx;\r\n};\r\n","import React, { ChangeEvent, useCallback, useEffect, useState } from 'react'\r\nimport { angleDownIcon, angleUpIcon, doublePipeArrow, hideShow, reloadIcon } from \"../../_assets/icons/index\"\r\nimport { useTable } from '../../contextAPI/MsTableContext'\r\nimport { MsTableHeaderCellTypes } from '../../types/msTableTypes'\r\nimport CheckBox from '../FormElements/CheckBox'\r\ninterface ActionMenuProps {\r\n ref: React.RefObject<HTMLDivElement>\r\n style?: React.CSSProperties\r\n dataIndex: string\r\n}\r\n\r\nconst HeaderActionMenu: React.FC<ActionMenuProps> = (props) => {\r\n const { state, api: { onColumnPin, onSortColumn, onAutoColumnResize, onColumnReset, updateState } } = useTable();\r\n const [showColumnList, toggleColumnList] = useState(false)\r\n\r\n const [columnList, setColumnList] = useState<MsTableHeaderCellTypes[]>(state.colConfigs)\r\n const [searchkey, setSearchkey] = useState(\"\")\r\n useEffect(() => {\r\n setColumnList(state.colConfigs)\r\n onSearchHeader(searchkey)\r\n }, [state.colConfigs])\r\n // Hide & Show Column start\r\n const onCheckboxChange = useCallback((dataIndex: string, e: ChangeEvent<HTMLInputElement>) => {\r\n let newConfig = state.colConfigs.map(item => {\r\n return {\r\n ...item,\r\n isHidden: item.dataIndex == dataIndex ? !e.target.checked : (item.isHidden || false)\r\n }\r\n })\r\n updateState({\r\n ...state,\r\n colConfigs: newConfig\r\n })\r\n setColumnList(newConfig)\r\n },[])\r\n // Hide & show column end\r\n\r\n const onSearchHeader = (value: string) => {\r\n let newlist: MsTableHeaderCellTypes[] = []\r\n if (value) {\r\n state.colConfigs.map(item => {\r\n if (item.title.toLowerCase().includes(value.toLowerCase())) {\r\n newlist.push(item)\r\n }\r\n })\r\n setColumnList(newlist)\r\n }\r\n else {\r\n setColumnList(state.colConfigs)\r\n }\r\n setSearchkey(value)\r\n }\r\n\r\n\r\n return (\r\n <div ref={props.ref} className='header-menu' style={props.style}>\r\n {\r\n showColumnList ?\r\n <div className='column-list'>\r\n <div className='search'>\r\n <input type='text' placeholder='Search header' className='search-input' onChange={e => onSearchHeader(e.target.value)} />\r\n </div>\r\n <div className='list'>\r\n {\r\n columnList.map(item => (\r\n <div className='item' key={item.dataIndex + \"_item\"}>\r\n <CheckBox id={item.dataIndex} checked={!item.isHidden} onChange={e => onCheckboxChange(item.dataIndex, e)} />\r\n <label htmlFor={item.dataIndex}>{item.title}</label>\r\n </div>\r\n ))\r\n }\r\n </div>\r\n </div>\r\n :\r\n <ul>\r\n <li onClick={() => onSortColumn(props.dataIndex, 'asc')}>\r\n <span>{angleUpIcon}</span>\r\n {`Sort By Ascending`}\r\n </li>\r\n <li onClick={() => onSortColumn(props.dataIndex, 'desc')}>\r\n <span>{angleDownIcon}</span>\r\n {`Sort By Descending`}\r\n </li>\r\n <li onClick={() => onAutoColumnResize('all')}>\r\n <span>{doublePipeArrow}</span>\r\n {`Autosize All Column`}\r\n </li>\r\n <li onClick={() => toggleColumnList(true)}>\r\n <span>{hideShow}</span>\r\n {`Hide/Show Columns`}\r\n </li>\r\n <li onClick={onColumnReset}>\r\n <span>{reloadIcon}</span>\r\n {`Reset Columns`}\r\n </li>\r\n </ul>\r\n }\r\n </div>\r\n )\r\n}\r\n\r\nexport default HeaderActionMenu\r\n","const verticleThreeDotsIcon = (\r\n <svg width=\"3\" height=\"13\" viewBox=\"0 0 3 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<ellipse cx=\"1.5\" cy=\"1.5\" rx=\"1.5\" ry=\"1.5\" transform=\"matrix(-4.37114e-08 1 1 4.37114e-08 0 10)\" fill=\"#2F2F2F\"/>\r\n<ellipse cx=\"1.5\" cy=\"1.5\" rx=\"1.5\" ry=\"1.5\" transform=\"matrix(-4.37114e-08 1 1 4.37114e-08 0 5)\" fill=\"#2F2F2F\"/>\r\n<ellipse cx=\"1.5\" cy=\"1.5\" rx=\"1.5\" ry=\"1.5\" transform=\"matrix(-4.37114e-08 1 1 4.37114e-08 0 0)\" fill=\"#2F2F2F\"/>\r\n</svg>\r\n\r\n)\r\n\r\nconst angleRightIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z\"></path></svg>\r\n)\r\n\r\nconst angleLeftIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z\"></path></svg>\r\n)\r\n\r\nconst angleDownIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M213.66,130.34a8,8,0,0,1,0,11.32l-80,80a8,8,0,0,1-11.32,0l-80-80a8,8,0,0,1,11.32-11.32L128,204.69l74.34-74.35A8,8,0,0,1,213.66,130.34Zm-91.32,11.32a8,8,0,0,0,11.32,0l80-80a8,8,0,0,0-11.32-11.32L128,124.69,53.66,50.34A8,8,0,0,0,42.34,61.66Z\"></path></svg>\r\n)\r\n\r\nconst angleUpIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M213.66,194.34a8,8,0,0,1-11.32,11.32L128,131.31,53.66,205.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0Zm-160-68.68L128,51.31l74.34,74.35a8,8,0,0,0,11.32-11.32l-80-80a8,8,0,0,0-11.32,0l-80,80a8,8,0,0,0,11.32,11.32Z\"></path></svg>\r\n)\r\n\r\nconst pinIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M216,168h-9.29L185.54,48H192a8,8,0,0,0,0-16H64a8,8,0,0,0,0,16h6.46L49.29,168H40a8,8,0,0,0,0,16h80v56a8,8,0,0,0,16,0V184h80a8,8,0,0,0,0-16ZM86.71,48h82.58l21.17,120H65.54Z\"></path></svg>\r\n)\r\n\r\nconst reloadIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128\"></path></svg>\r\n)\r\n\r\nconst prevIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z\"></path></svg>\r\n)\r\n\r\nconst nextIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\"></path></svg>\r\n)\r\n\r\nconst CheckIcon = (props:any)=>(\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" style={{display:props.display}}>\r\n <symbol id={props.id} viewBox=\"0 0 24 24\">\r\n <path strokeLinecap=\"round\" strokeMiterlimit=\"10\" fill=\"none\" d=\"M22.9 3.7l-15.2 16.6-6.6-7.1\">\r\n </path>\r\n </symbol>\r\n </svg>\r\n)\r\n\r\nconst doubleArrow = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M237.66,133.66l-32,32a8,8,0,0,1-11.32-11.32L212.69,136H43.31l18.35,18.34a8,8,0,0,1-11.32,11.32l-32-32a8,8,0,0,1,0-11.32l32-32a8,8,0,0,1,11.32,11.32L43.31,120H212.69l-18.35-18.34a8,8,0,0,1,11.32-11.32l32,32A8,8,0,0,1,237.66,133.66Z\"></path></svg>\r\n)\r\n\r\nconst doublePipeArrow = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M112,48V208a8,8,0,0,1-16,0V136H43.31l18.35,18.34a8,8,0,0,1-11.32,11.32l-32-32a8,8,0,0,1,0-11.32l32-32a8,8,0,0,1,11.32,11.32L43.31,120H96V48a8,8,0,0,1,16,0Zm125.66,74.34-32-32a8,8,0,0,0-11.32,11.32L212.69,120H160V48a8,8,0,0,0-16,0V208a8,8,0,0,0,16,0V136h52.69l-18.35,18.34a8,8,0,0,0,11.32,11.32l32-32A8,8,0,0,0,237.66,122.34Z\"></path></svg>\r\n)\r\n\r\nconst hideShow = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" viewBox=\"0 0 256 256\"><path d=\"M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z\"></path></svg>\r\n)\r\n\r\nconst closeIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\"><rect width=\"64\" height=\"64\" fill=\"none\"/><line x1=\"200\" y1=\"56\" x2=\"56\" y2=\"200\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"16\"/><line x1=\"200\" y1=\"200\" x2=\"56\" y2=\"56\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"16\"/></svg>\r\n)\r\n\r\nconst rangeIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"/><line x1=\"216\" y1=\"128\" x2=\"40\" y2=\"128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"16\"/><line x1=\"128\" y1=\"16\" x2=\"128\" y2=\"96\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"16\"/><polyline points=\"160 64 128 96 96 64\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"16\"/><line x1=\"128\" y1=\"240\" x2=\"128\" y2=\"160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"16\"/><polyline points=\"96 192 128 160 160 192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"16\"/></svg>\r\n)\r\n\r\nexport {\r\n verticleThreeDotsIcon,\r\n angleRightIcon,\r\n angleLeftIcon,\r\n angleDownIcon,\r\n angleUpIcon,\r\n pinIcon,\r\n reloadIcon,\r\n prevIcon,\r\n nextIcon,\r\n CheckIcon,\r\n doubleArrow,\r\n hideShow,\r\n doublePipeArrow,\r\n closeIcon,\r\n rangeIcon\r\n}\r\n\r\n","import React, { InputHTMLAttributes, memo } from 'react'\r\nimport { CheckIcon } from '../../_assets/icons'\r\ninterface CheckboxType extends InputHTMLAttributes<HTMLInputElement> {\r\n\r\n}\r\nconst CheckBox: React.FC<CheckboxType> = (props) => {\r\n const {id, name, checked, onChange, disabled} = props\r\n return (\r\n <>\r\n <label className=\"ms-checkbox-wrapper\">\r\n <input type=\"checkbox\" className=\"ms-promoted-input-checkbox\" disabled={disabled} checked={checked} onChange={disabled?()=>{}: onChange}/>\r\n <span className=\"ms-checkbox-box\"></span>\r\n <svg><use xlinkHref={`#${id}`} /></svg>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" style={{ display: 'none' }}>\r\n <symbol id={id} viewBox=\"0 0 24 24\">\r\n <path strokeLinecap=\"round\" strokeMiterlimit=\"10\" fill=\"none\" d=\"M22.9 3.7l-15.2 16.6-6.6-7.1\"></path>\r\n </symbol>\r\n </svg>\r\n </label>\r\n </>\r\n )\r\n}\r\n\r\nexport default memo(CheckBox)\r\n","import React from 'react'\r\ninterface OverlayProps {\r\n message?: string\r\n style?: React.CSSProperties\r\n customComponentForNoRecords?: React.ReactNode\r\n}\r\nconst Overlay:React.FC<OverlayProps> = (props) => {\r\n const {message=\"No Records to show\", style, customComponentForNoRecords} = props\r\n\r\n return (\r\n <div className='overlay-message' style={style}>\r\n {customComponentForNoRecords?customComponentForNoRecords:message}\r\n </div>\r\n )\r\n}\r\n\r\nexport default Overlay\r\n","import { FilterRule, sortDirection } from \"../types/contextTypes\";\r\nimport { MsTableHeaderCellTypes } from \"../types/msTableTypes\";\r\n\r\nexport function sortData<T extends Record<string, any>>(\r\n data: T[],\r\n dataIndex: keyof T,\r\n sortBy: sortDirection\r\n): T[] {\r\n return [...data].sort((a, b) => {\r\n const valA = a[dataIndex];\r\n const valB = b[dataIndex];\r\n\r\n // Handle numbers\r\n if (typeof valA === \"number\" && typeof valB === \"number\") {\r\n return sortBy === \"asc\" ? valA - valB : valB - valA;\r\n }\r\n\r\n // Handle strings\r\n const strA = String(valA).toLowerCase();\r\n const strB = String(valB).toLowerCase();\r\n\r\n if (strA === strB) return 0;\r\n\r\n const comparison = strA < strB ? -1 : 1;\r\n return sortBy === \"asc\" ? comparison : -comparison;\r\n });\r\n}\r\n\r\nexport function applyOperation(fieldValue:any, rule: FilterRule):boolean {\r\n if (rule.type === \"string\") {\r\n const val = String(fieldValue).toLowerCase();\r\n const target = String(rule.value).toLowerCase();\r\n\r\n switch (rule.operation) {\r\n case \"include\":\r\n return val.includes(target);\r\n case \"not include\":\r\n return !val.includes(target);\r\n case \"=\":\r\n return val === target;\r\n case \"!=\":\r\n return val !== target;\r\n default:\r\n return true;\r\n }\r\n }\r\n\r\n if (rule.type === \"number\") {\r\n const val = Number(fieldValue);\r\n const target = Number(rule.value);\r\n\r\n switch (rule.operation) {\r\n case \"=\":\r\n return val === target;\r\n case \"!=\":\r\n return val !== target;\r\n case \">\":\r\n return val > target;\r\n case \"<\":\r\n return val < target;\r\n default:\r\n return true;\r\n }\r\n }\r\n\r\n if (rule.type === \"date\") {\r\n let [fromDate, toDate] = rule.value\r\n const val = new Date(fieldValue)?.getTime();\r\n const target_1 = new Date(fromDate)?.getTime();\r\n const target_2 = new Date(toDate)?.getTime();\r\n\r\n switch (rule.operation) {\r\n case \"=\":\r\n return val === target_1;\r\n case \"!=\":\r\n return val !== target_1;\r\n case \">\":\r\n return val >= target_1;\r\n case \"<\":\r\n return val < target_1;\r\n case \"<>\":\r\n return val > target_1 && val < target_2;\r\n default:\r\n return true;\r\n }\r\n }\r\n\r\n if (rule.type === \"boolean\") {\r\n const val = Boolean(fieldValue);\r\n const target = rule.value == 'true'? true: false;\r\n return val === target;\r\n }\r\n\r\n return true;\r\n} \r\n\r\nfunction isNumeric(value:any) {\r\n return !isNaN(parseFloat(value)) && isFinite(value);\r\n}\r\n\r\n// Export Functions\r\nexport function exportToCSV<T extends object>(data: T[], fileName: string) {\r\n const headers = Object.keys(data[0]).join(\",\");\r\n const rows = data.map(obj => Object.values(obj).join(\",\")).join(\"\\n\");\r\n const csvContent = headers + \"\\n\" + rows;\r\n\r\n const blob = new Blob([csvContent], { type: \"text/csv;charset=utf-8;\" });\r\n const link = document.createElement(\"a\");\r\n link.href = URL.createObjectURL(blob);\r\n link.download = fileName + \".csv\";\r\n link.click();\r\n}\r\n\r\nexport function exportToExcel<T extends object>(data: T[], fileName: string) {\r\n const headers = Object.keys(data[0]);\r\n const rows = data.map(obj => Object.values(obj));\r\n\r\n let html = \"<table border='1'><tr>\";\r\n headers.forEach(h => (html += `<th>${h}</th>`));\r\n html += \"</tr>\";\r\n\r\n rows.forEach(row => {\r\n html += \"<tr>\";\r\n row.forEach(val => (html += `<td>${val}</td>`));\r\n html += \"</tr>\";\r\n });\r\n html += \"</table>\";\r\n\r\n const blob = new Blob([html], { type: \"application/vnd.ms-excel\" });\r\n const link = document.createElement(\"a\");\r\n link.href = URL.createObjectURL(blob);\r\n link.download = fileName + \".xls\";\r\n link.click();\r\n}","import React, { useEffect, useState } from 'react'\r\nimport { useTable } from '../../contextAPI/MsTableContext'\r\nimport HeaderCell from './HeaderCell'\r\nimport CheckBox from '../FormElements/CheckBox'\r\ninterface THeaderProps {\r\n ref?: React.RefObject<HTMLTableSectionElement>\r\n}\r\nconst msTableHeader: React.FC<THeaderProps> = (props) => {\r\n const { state:{rowSelectConfig, rowData, colConfigs, selectedIndex, ...rest}, api } = useTable()\r\n const [isAllChecked, setIsAllChecked] = useState(false)\r\n\r\n useEffect(()=>{\r\n if(selectedIndex.length>0){\r\n setIsAllChecked(rowData.length == selectedIndex.length)\r\n }\r\n else{\r\n setIsAllChecked(false)\r\n }\r\n },[selectedIndex])\r\n\r\n const handleAllSelection=(isChecked:boolean)=>{\r\n let nextIndex:number[]=[]\r\n let rows:any[] = []\r\n if(isChecked){\r\n rowData.map((item,key)=>{\r\n let isDisabled = rowSelectConfig?.isDisabled?.(item) || false\r\n let isDefaultChecked = rowSelectConfig?.isChecked?.(item) || false\r\n if(isDisabled && isDefaultChecked){\r\n nextIndex.push(key)\r\n rows.push(item)\r\n }\r\n else if(!isDisabled){\r\n nextIndex.push(key)\r\n rows.push(item)\r\n }\r\n })\r\n }\r\n else{\r\n rowData.map((item,key)=>{\r\n let isDisabled = rowSelectConfig?.isDisabled?.(item) || false\r\n let isDefaultChecked = rowSelectConfig?.isChecked?.(item) || false\r\n if(isDisabled && isDefaultChecked){\r\n nextIndex.push(key)\r\n rows.push(item)\r\n }\r\n })\r\n }\r\n \r\n api.onRowSelectionChange(rows, nextIndex)\r\n setIsAllChecked(isChecked)\r\n }\r\n\r\n return (\r\n <>\r\n <colgroup>\r\n {\r\n (rowSelectConfig) &&\r\n <col key={'all_checkbox'} width={50} />\r\n }\r\n {\r\n colConfigs.map((col) => (\r\n !col.isHidden && <col key={col.dataIndex} width={col.width} />\r\n ))\r\n }\r\n\r\n </colgroup>\r\n <thead ref={props.ref}>\r\n <tr>\r\n {\r\n rowSelectConfig && \r\n <th key={'all_checkbox'}>\r\n <div className='header-cell-wrapper '>\r\n {\r\n rowSelectConfig.selectionMode == 'multiple' &&\r\n <>\r\n <CheckBox id='all' checked={isAllChecked} onChange={e=>handleAllSelection(e.target.checked)}/>\r\n </>\r\n }\r\n <div className={`ms-table-column-resizer ${rowSelectConfig?.isResizable?'':'disabled'}`} ></div>\r\n </div>\r\n </th>\r\n }\r\n {\r\n colConfigs.map((col) => {\r\n if(!col.isHidden){\r\n return <HeaderCell key={col.dataIndex} {...col} />\r\n }\r\n })\r\n }\r\n </tr>\r\n </thead>\r\n </>\r\n )\r\n}\r\n\r\nexport default msTableHeader\r\n","import React, { memo, useEffect, useRef, useState } from 'react'\r\nimport { MsTableHeaderCellTypes } from '../../types/msTableTypes'\r\nimport { angleDownIcon, angleUpIcon, verticleThreeDotsIcon } from '../../_assets/icons';\r\nimport { useTable } from '../../contextAPI/MsTableContext';\r\n\r\nconst HeaderCell: React.FC<MsTableHeaderCellTypes> = (props) => {\r\n const thRef = useRef<HTMLTableCellElement>(null!);\r\n const { title, cellRenderer, hideActionMenu, dataIndex, width: defaultWidth, resizable = true, pinned } = props\r\n const minWidth = title === \"\" ? 30 : 50;\r\n const [width, setWidth] = useState<number>(defaultWidth || 80);\r\n const startX = useRef<any>(0);\r\n const startWidth = useRef<any>(0);\r\n // Get table state and api from context\r\n const { state: { isAutoSizeAllColumns, ...rest }, api } = useTable()\r\n\r\n useEffect(() => {\r\n if (isAutoSizeAllColumns) {\r\n let element = thRef.current.getBoundingClientRect()\r\n if (api.onColumnResize) {\r\n api.onColumnResize(dataIndex, element.width)\r\n }\r\n }\r\n }, [isAutoSizeAllColumns])\r\n\r\n const onMouseDown = (e: React.MouseEvent<HTMLSpanElement>) => {\r\n startX.current = e.clientX;\r\n startWidth.current = thRef.current?.offsetWidth || width;\r\n document.addEventListener(\"mousemove\", onMouseMove);\r\n document.addEventListener(\"mouseup\", onMouseUp);\r\n };\r\n\r\n const onMouseMove = (e: MouseEvent) => {\r\n const newWidth = startWidth.current + (e.clientX - startX.current);\r\n if (newWidth > minWidth) {\r\n setWidth(newWidth);\r\n api.updateState({\r\n ...rest,\r\n isAutoSizeAllColumns: false\r\n })\r\n api.onColumnResize && api.onColumnResize(dataIndex, newWidth);\r\n }\r\n };\r\n\r\n const onMouseUp = () => {\r\n document.removeEventListener(\"mousemove\", onMouseMove);\r\n document.removeEventListener(\"mouseup\", onMouseUp);\r\n };\r\n\r\n return (\r\n <th\r\n key={dataIndex}\r\n className={`${props.headerCellClassName} ${pinned ? pinned + '-pinned' : ''}`}\r\n ref={thRef}\r\n style={{ width: width }}\r\n >\r\n <div className='header-cell-wrapper'>\r\n <div className='ms-table-header-cell '>\r\n <div className='ms-table-header-cell-title' onClick={() => api.onSortColumn(dataIndex, !props.sortKey ? 'asc' : props.sortKey == 'asc' ? 'desc' : '')}>\r\n {title} {rest.filters[dataIndex]?<sup>*</sup>:''}\r\n {\r\n props.sortKey == 'asc' ? angleUpIcon : props.sortKey == 'desc' ? angleDownIcon : null\r\n }\r\n </div>\r\n {\r\n !hideActionMenu && (\r\n <span className='ms-table-header-action' title='View Menu' onClick={() => api.toggleActionMenu(dataIndex, true, thRef)}>{verticleThreeDotsIcon}</span>\r\n )\r\n }\r\n </div>\r\n\r\n <div className={`ms-table-column-resizer ${resizable?'':'disabled'}`} onMouseDown={resizable? onMouseDown:undefined} ></div>\r\n </div>\r\n </th>\r\n )\r\n}\r\n\r\nexport default memo(HeaderCell)\r\n","import React, { JSX } from 'react'\r\nimport { DisplayAs } from '../../types/msTableTypes'\r\ninterface DataRowCellProps {\r\n dataIndex: string\r\n type?: 'string' | 'number' | 'date' | 'boolean' | 'object'\r\n value: any\r\n rowData: any\r\n width?: number\r\n cellRenderer?: (rowData: any, dataIndex:string) => JSX.Element\r\n pinned?: 'left'|'right'|''\r\n displayAs?: DisplayAs\r\n}\r\n\r\nconst DataRowCell:React.FC<DataRowCellProps> = ({ rowData, dataIndex, value, cellRenderer, width, pinned, ...rest }) => {\r\n const renderData = () =>{\r\n switch(rest.type){\r\n case 'string': \r\n return value;\r\n case 'boolean':\r\n return rest?.displayAs ? value ? rest.displayAs.true : rest.displayAs.false: JSON.stringify(value);\r\n case 'object':\r\n return JSON.stringify(value);\r\n default :\r\n return value \r\n }\r\n }\r\n return (\r\n <td style={{width: width}} className={`${pinned? pinned+'-pinned':''}`}>\r\n {/* Cell Content */}\r\n {cellRenderer ? cellRenderer(rowData, dataIndex) : renderData()}\r\n </td>\r\n )\r\n}\r\n\r\nexport default DataRowCell\r\n","import React from 'react'\r\nimport { useTable } from '../../contextAPI/MsTableContext'\r\nimport DataRowCell from './DataRowCell'\r\nimport CheckBox from '../FormElements/CheckBox'\r\ninterface TBodyProps {\r\n ref?: React.RefObject<HTMLTableSectionElement>\r\n}\r\nconst msTableBody: React.FC<TBodyProps> = (props) => {\r\n const { state:{rowData, rowSelectConfig, colConfigs, selectedIndex, ...rest}, api } = useTable() // TODO: Add context here\r\n const onCheckboxSelectionChange = (currentSelectedRow:any, index: number, isChecked:boolean) => {\r\n let prevIndexes = [...selectedIndex]\r\n let rows : any[] = []\r\n if(rowSelectConfig?.selectionMode == 'multiple'){\r\n if(isChecked) {\r\n prevIndexes = [...prevIndexes, index]\r\n rows = [...rest.selectedRows, currentSelectedRow]\r\n }\r\n else{\r\n prevIndexes = selectedIndex.filter(key=>index!=key)\r\n rows = rowData.filter((row,key)=>prevIndexes.includes(key))\r\n }\r\n }\r\n else{\r\n if(isChecked) {\r\n prevIndexes = [index]\r\n rows = [currentSelectedRow]\r\n }\r\n else{\r\n prevIndexes = []\r\n }\r\n }\r\n \r\n \r\n api.onRowSelectionChange(rows,prevIndexes)\r\n }\r\n return (\r\n <tbody ref={props.ref}>\r\n {\r\n rowData?.map((row, rowIndex) => (\r\n <tr key={rowIndex+\"_row\"}>\r\n {\r\n (rowSelectConfig && rowSelectConfig.selectionMode) &&\r\n <td style={{ width: '50px' }}>\r\n <div className='text-center d-flex'>\r\n <CheckBox id={`checkbox_${rowIndex}`} checked={selectedIndex.includes(rowIndex)} onChange={(e)=>onCheckboxSelectionChange(row, rowIndex, e.target.checked)} disabled={rowSelectConfig.isDisabled?.(row)}/>\r\n </div>\r\n </td>\r\n }\r\n {\r\n colConfigs?.map((col, colIndex) => (\r\n !col.isHidden && <DataRowCell key={colIndex+'_col_'+rowIndex} type={col.type} dataIndex={col.dataIndex} rowData={row} value={row[col.dataIndex]} width={col.width} cellRenderer={col.cellRenderer} pinned={col.pinned} displayAs={col.displayAs}/>\r\n ))\r\n }\r\n </tr>\r\n ))\r\n }\r\n </tbody>\r\n )\r\n}\r\n\r\nexport default msTableBody\r\n","import React, { ButtonHTMLAttributes } from 'react'\r\n\r\ninterface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n label: string\r\n}\r\nconst Button:React.FC<ButtonProps> = (props) => {\r\n const {className, label, ...rest} = props\r\n \r\n return (\r\n <button className={`ms-table-btn ${className}`} {...rest} >{label}</button>\r\n )\r\n}\r\n\r\nexport default Button\r\n","import React from 'react'\r\nimport { useTable } from '../../contextAPI/MsTableContext';\r\nimport { angleLeftIcon, prevIcon, nextIcon, angleRightIcon, CheckIcon } from '../../_assets/icons';\r\nimport Button from '../FormElements/Button';\r\ninterface FooterProps {\r\n toggleFilterModal: (data:boolean)=>void\r\n}\r\nconst MsTableFooter:React.FC<FooterProps> = (props) => {\r\n const { state, api } = useTable();\r\n const { pageSizeOptions, currentPage, pageSize, totalRecords, filters, hideDefaultFilterButton, customComponentForFooter } = state\r\n let filterCount = Object.keys(filters).length;\r\n const lastPageNo = Math.ceil(totalRecords/pageSize)\r\n\r\n return (\r\n <div className='table-footer'>\r\n <div className='extra-actions'>\r\n {\r\n hideDefaultFilterButton == false && \r\n <Button label={`Filters ${filterCount>0?`(${filterCount})`:''}`} className='' onClick={()=>props.toggleFilterModal(true)} />\r\n } \r\n {/* Extra Actions can be added here */}\r\n {\r\n customComponentForFooter\r\n }\r\n </div>\r\n <div className='pagination-controls'>\r\n {/* Pagination Controls can be added here */}\r\n <div className='pagination-info'>\r\n <div className='page-size'>\r\n <label>Rows Per Page:</label>\r\n <select onChange={(e)=>api.onPageSizeChange(parseInt(e.target.value))} value={pageSize}>\r\n {\r\n state.pageSizeOptions.map((size) => (\r\n <option key={size} value={size}>{size}</option>\r\n ))\r\n }\r\n </select>\r\n </div>\r\n </div>\r\n <div className='record-info'>\r\n <label>{`${(currentPage - 1)*pageSize + 1} to ${Math.min(currentPage * pageSize, totalRecords)} of ${totalRecords}`}</label>\r\n </div>\r\n <div className='pagination-buttons'>\r\n <span className={`${currentPage==1 ? 'cursor-disabled' : ''}`} title='Go to First Page' onClick={()=>api.onPageChange('first')}>{angleLeftIcon}</span>\r\n <span className={`${currentPage==1 ? 'cursor-disabled' : ''}`} title='Previous Page' onClick={()=>api.onPageChange('prev')}>{prevIcon}</span>\r\n <span className='current-page'>{currentPage} of {Math.ceil(totalRecords / pageSize)}</span>\r\n <span className={`${currentPage==lastPageNo ? 'cursor-disabled' : ''}`} title='Next Page' onClick={()=>api.onPageChange('next')}>{nextIcon}</span>\r\n <span className={`${currentPage==lastPageNo ? 'cursor-disabled' : ''}`} title='Go to Last Page' onClick={()=>api.onPageChange('last')}>{angleRightIcon}</span>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n``\r\nexport default MsTableFooter\r\n","import React, { memo, useCallback, useEffect, useRef, useState } from 'react'\r\nimport { closeIcon } from '../../_assets/icons';\r\nimport Button from '../FormElements/Button';\r\nimport { useTable } from '../../contextAPI/MsTableContext';\r\nimport { MsTableHeaderCellTypes } from '../../types/msTableTypes';\r\nimport TextFilter from './String/TextFilter';\r\nimport NumberFilter from './Number/NumberFilter';\r\nimport DateFilter from './Date/DateFilter';\r\nimport { FilterModalProps, filterValuesType, FilterRule } from '../../types/contextTypes';\r\nimport BooleanFilter from './Boolean/BooleanFilter';\r\n\r\nconst FilterModal: React.FC<FilterModalProps> = (props) => {\r\n const filterRef = useRef<HTMLDivElement>(null!);\r\n const headerRef = useRef<HTMLDivElement>(null!);\r\n const footerRef = useRef<HTMLDivElement>(null!);\r\n const [height, setHeight] = useState(0) \r\n const [show, toggleShow] = useState(false)\r\n const {state:{colConfigs, filters}, api: {onFilterApply}} = useTable()\r\n // Filter Value \r\n const [filterValues, setFilterValues] = useState<filterValuesType>({})\r\n useEffect(()=>{\r\n let ref = props.containerRef;\r\n let totalHeight = ref?.current.clientHeight || 200;\r\n let headerHeight = headerRef?.current.clientHeight || 35\r\n let footerHeight = footerRef?.current.clientHeight || 35\r\n setHeight(totalHeight + 20 - headerHeight - footerHeight)\r\n },[])\r\n\r\n // Hide Action Menu when outside gets clicked\r\n useEffect(() => {\r\n function handleClickOutside(event: MouseEvent) {\r\n if(!props.isVisible)\r\n return;\r\n\r\n if (\r\n filterRef && 'current' in filterRef &&\r\n filterRef.current &&\r\n !filterRef.current.contains(event.target as Node)\r\n ) {\r\n toggleShow(false)\r\n setTimeout(()=>{\r\n props.toggleFilterModal(false)\r\n setFilterValues({})\r\n },300)\r\n \r\n }\r\n }\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, [filterRef, props.toggleFilterModal]);\r\n\r\n const onChangeFilterItems = useCallback((dataIndex:string, value:FilterRule) =>{\r\n if(value.value==\"\"){\r\n let newFilter:filterValuesType = {}\r\n for(let key in filterValues){\r\n if(key!=dataIndex){\r\n newFilter[key] = filterValues[key]\r\n }\r\n }\r\n setFilterValues(newFilter)\r\n return;\r\n }\r\n setFilterValues(prev=>({\r\n ...prev,\r\n [dataIndex]:value\r\n }))\r\n },[])\r\n\r\n // s\r\n\r\n useEffect(()=>{\r\n if(Object.keys(filters).length>0){\r\n setFilterValues(filters)\r\n }\r\n },[filters])\r\n\r\n // Render Filter Items\r\n const renderFieldItem = (colConfig:MsTableHeaderCellTypes)=>{\r\n if(colConfig.isHidden || !colConfig.isFilterEnabled){\r\n return <></>\r\n }\r\n switch (colConfig.type){\r\n case 'string' :\r\n return <TextFilter key={`text_ ${colConfig.dataIndex}`} {...colConfig} onChange={onChangeFilterItems} filterOps={filterValues[colConfig.dataIndex]} />\r\n case 'date' :\r\n return <DateFilter key={`date_ ${colConfig.dataIndex}`} {...colConfig} onChange={onChangeFilterItems} filterOps={filterValues[colConfig.dataIndex]} />\r\n case 'number' :\r\n return <NumberFilter key={`numvber_ ${colConfig.dataIndex}`} {...colConfig} onChange={onChangeFilterItems} filterOps={filterValues[colConfig.dataIndex]}/>\r\n case 'boolean' :\r\n return <BooleanFilter key={`numvber_ ${colConfig.dataIndex}`} {...colConfig} onChange={onChangeFilterItems} filterOps={filterValues[colConfig.dataIndex]}/>\r\n default :\r\n <></>\r\n }\r\n }\r\n\r\n // Clear All Filter Items\r\n const ClearAllFilterItems=()=>{\r\n setFilterValues({})\r\n onFilterApply({})\r\n }\r\n\r\n const handleApply = () =>{\r\n onFilterApply(filterValues)\r\n }\r\n\r\n useEffect(()=>{\r\n if(props.isVisible){\r\n setTimeout(()=>toggleShow(true),100)\r\n }\r\n },[props.isVisible])\r\n\r\n const onFilterModal=()=>{\r\n toggleShow(false)\r\n setTimeout(()=>{\r\n props.toggleFilterModal(false)\r\n },300)\r\n }\r\n\r\n return (\r\n <div className='filter-modal' style={show?{right:'5px'}:{}} ref={filterRef}>\r\n <div className='filter-header' ref={headerRef}>\r\n Filter\r\n <div className='close' onClick={onFilterModal}>{closeIcon}</div>\r\n </div>\r\n <div className='filter-body' style={{height:height}}>\r\n {\r\n colConfigs.map(col=>{\r\n return renderFieldItem(col)\r\n })\r\n }\r\n </div>\r\n <div className='filter-footer' ref={footerRef}>\r\n <Button label='Apply' className='' disabled={Object.keys(filterValues).length>0?false:true} onClick={handleApply}/>\r\n <Button label='Clear All' className='ms-table-btn-default' style={{marginLeft:'5px'}} disabled={Object.keys(filterValues).length>0?false:true} onClick={ClearAllFilterItems}/>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default memo(FilterModal)\r\n","import React, { memo, useEffect, useState } from 'react'\r\nimport Input from '../../FormElements/Input'\r\nimport Select from '../../FormElements/Select'\r\nimport { Operation, TextFilterProps } from '../../../types/contextTypes'\r\n\r\nconst TextFilter: React.FC<TextFilterProps> = (colConfig) => {\r\n const { title, dataIndex, onChange, filterOps, type } = colConfig;\r\n const [selectedOps, setSelectedOps] = useState<any>('include')\r\n const [value, setValue] = useState<any>(\"\")\r\n const options = [\r\n {\r\n label:'Contains',\r\n value:'include'\r\n },\r\n {\r\n label:'Equal to',\r\n value:'='\r\n },\r\n {\r\n label:'Not Equal to',\r\n value:'!='\r\n },\r\n {\r\n label:'Does not contain',\r\n value:'not include'\r\n },\r\n ]\r\n useEffect(()=>{\r\n if(filterOps===undefined){\r\n setSelectedOps('include')\r\n setValue('')\r\n }\r\n else{\r\n setSelectedOps(filterOps.operation)\r\n setValue(filterOps.value)\r\n }\r\n },[filterOps])\r\n useEffect(()=>{\r\n onChange(dataIndex,{type:type, operation:selectedOps, value:value})\r\n },[selectedOps, value])\r\n\r\n return (\r\n <div className='ms-form-item'>\r\n <label>{title}</label>\r\n <div className=''>\r\n <Select option={options} onChange={(e)=>setSelectedOps(e.target.value)} value={selectedOps}/>\r\n <Input name={dataIndex} onChange={(e)=>setValue(e.target.value)} value={value}/>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default memo(TextFilter)\r\n","import React, { InputHTMLAttributes } from 'react'\r\ninterface InputProps extends InputHTMLAttributes<HTMLInputElement> {\r\n\r\n}\r\nconst Input: React.FC<InputProps> = (props) => {\r\n return (\r\n <>\r\n <input {...props} />\r\n </>\r\n )\r\n}\r\n\r\nexport default Input\r\n","import React, { SelectHTMLAttributes } from 'react'\r\ntype option = {\r\n label: string,\r\n value: string\r\n}\r\ninterface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\r\n option: option[]\r\n}\r\nconst Select:React.FC<SelectProps> = (props) => {\r\n return (\r\n <>\r\n <select onChange={props.onChange} value={props.value}>\r\n {\r\n props.option.map(item=>(\r\n <option key={props.name+'_'+item.value} value={item.value}>{item.label}</option>\r\n ))\r\n }\r\n </select>\r\n </>\r\n )\r\n}\r\n\r\nexport default Select\r\n","import React, { useEffect, useState } from 'react'\r\nimport Input from '../../FormElements/Input'\r\nimport Select from '../../FormElements/Select'\r\nimport { TextFilterProps } from '../../../types/contextTypes'\r\nconst regEx = /^-?\\d*(\\.\\d*)?$/;\r\n\r\nconst NumberFilter: React.FC<TextFilterProps> = (colConfig) => {\r\n const { title, dataIndex, onChange, filterOps } = colConfig;\r\n const [selectedOps, setSelectedOps] = useState<any>(filterOps?.operation || '=')\r\n const [value, setValue] = useState<any>(filterOps?.value || \"\")\r\n const options = [\r\n {\r\n label: 'Equal to',\r\n value: '='\r\n },\r\n {\r\n label: 'Not Equal to',\r\n value: '!='\r\n },\r\n {\r\n label: 'Greater than',\r\n value: '>'\r\n },\r\n {\r\n label: 'Less than',\r\n value: '<'\r\n },\r\n ]\r\n useEffect(() => {\r\n if (filterOps === undefined) {\r\n setSelectedOps('=')\r\n setValue('')\r\n }\r\n else {\r\n setSelectedOps(filterOps.operation)\r\n setValue(filterOps.value)\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n onChange(dataIndex, { type: 'number', operation: selectedOps, value: value })\r\n }, [selectedOps, value])\r\n\r\n const handleKeyPress = (e: React.FormEvent<HTMLInputElement>) => {\r\n const inputEvent = e.nativeEvent as InputEvent;\r\n if (!/^\\d*$/.test(inputEvent.data ?? \"\")) {\r\n e.preventDefault(); // block non-numeric\r\n }\r\n };\r\n\r\n\r\n return (\r\n <div className='ms-form-item'>\r\n <label>{title}</label>\r\n <div className=''>\r\n <Select option={options} onChange={(e) => setSelectedOps(e.target.value)} value={selectedOps} />\r\n <Input name={dataIndex} onChange={(e) => setValue(e.target.value)} value={value} onBeforeInput={handleKeyPress}\r\n />\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default NumberFilter\r\n","import React, { ChangeEvent, InputEventHandler, ReactHTMLElement, useEffect, useState } from 'react'\r\nimport Input from '../../FormElements/Input'\r\nimport Select from '../../FormElements/Select'\r\nimport { rangeIcon } from '../../../_assets/icons'\r\nimport { TextFilterProps } from '../../../types/contextTypes'\r\n\r\nconst DateFilter: React.FC<TextFilterProps> = (colConfig) => {\r\n const { title, dataIndex, onChange, filterOps, type } = colConfig\r\n const [selectedOps, setSelectedOps] = useState<any>('=')\r\n const [[fromDate, toDate], setValue] = useState<string[]>([\"\", \"\"])\r\n\r\n const options = [\r\n {\r\n label: 'Equal to',\r\n value: '='\r\n },\r\n {\r\n label: 'No Equal to',\r\n value: '!='\r\n },\r\n {\r\n label: 'After',\r\n value: '>'\r\n },\r\n {\r\n label: 'Before',\r\n value: '<'\r\n },\r\n {\r\n label: 'Range',\r\n value: '<>'\r\n },\r\n ]\r\n\r\n useEffect(() => {\r\n if (filterOps === undefined) {\r\n setSelectedOps('=')\r\n setValue([\"\", \"\"])\r\n }\r\n else {\r\n setSelectedOps(filterOps.operation)\r\n setValue(filterOps.value)\r\n }\r\n }, [filterOps])\r\n\r\n // useEffect(() => {\r\n // onChange(dataIndex, { type: type, operation: selectedOps, value: [fromDate, toDate] })\r\n // }, [selectedOps, fromDate, toDate])\r\n\r\n const handleChange = (e: any) => {\r\n const value = e.target.value\r\n setSelectedOps(value)\r\n onChange(dataIndex, { type: type, operation: value, value: [fromDate, toDate] })\r\n }\r\n\r\n const handleDateSelect = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n let { name, value } = e.target\r\n if (name == 'from') {\r\n setValue([value, toDate])\r\n onChange(dataIndex, { type: type, operation: selectedOps, value: [value, toDate] })\r\n }\r\n else {\r\n setValue([fromDate, value])\r\n onChange(dataIndex, { type: type, operation: selectedOps, value: [fromDate, value] })\r\n }\r\n }\r\n\r\n // const today = new Date().toLocaleDateString('en-CA');\r\n\r\n // Note: use max and min to disable dates\r\n\r\n return (\r\n <div className='ms-form-item'>\r\n <label>{title}</label>\r\n <Select name={dataIndex} option={options} onChange={handleChange} />\r\n <Input name=\"from\" type='date' onChange={handleDateSelect} value={fromDate} max={toDate ? new Date(toDate).toISOString().split(\"T\")[0] : undefined} />\r\n {\r\n selectedOps == '<>' &&\r\n <>\r\n <div className='text-center ms-range-icon'>{rangeIcon}</div>\r\n <Input name={`to`} type='date' onChange={handleDateSelect} value={toDate} min={fromDate ? new Date(fromDate).toISOString().split(\"T\")[0] : undefined} />\r\n </>\r\n }\r\n </div>\r\n )\r\n}\r\n\r\nexport default DateFilter\r\n","import React, { useEffect, useState } from 'react'\r\nimport Input from '../../FormElements/Input'\r\nimport Select from '../../FormElements/Select'\r\nimport { TextFilterProps } from '../../../types/contextTypes'\r\nimport { closeIcon } from '../../../_assets/icons';\r\nconst regEx = /^-?\\d*(\\.\\d*)?$/;\r\n\r\nconst BooleanFilter: React.FC<TextFilterProps> = (colConfig) => {\r\n const { title, dataIndex, onChange, filterOps, displayAs } = colConfig;\r\n const [selectedOps, setSelectedOps] = useState<any>('=')\r\n const [value, setValue] = useState<any>(\"\")\r\n \r\n useEffect(() => {\r\n if (filterOps === undefined) {\r\n setSelectedOps('=')\r\n setValue('')\r\n }\r\n else {\r\n setSelectedOps(filterOps.operation)\r\n setValue(filterOps.value)\r\n }\r\n }, [])\r\n\r\n useEffect(()=>{\r\n if(filterOps?.value)\r\n setValue(filterOps?.value)\r\n },[filterOps?.value])\r\n\r\n const handleSelection=(e:React.ChangeEvent<HTMLInputElement>)=>{\r\n setValue(e.target.value)\r\n onChange(dataIndex, {type:'boolean', operation:'=', value: e.target.value})\r\n }\r\n\r\n\r\n return (\r\n <div className='ms-form-item'>\r\n <label>{title}</label>\r\n <div style={{display:'flex',justifyContent:'space-between'}}>\r\n <div className='ms-radio-group'>\r\n <div className='ms-radio-item'>\r\n <Input name={dataIndex} type='radio' id={dataIndex+'_true'} value={'true'} className='ms-table-radio' onChange={handleSelection} checked={value=='true'}/>\r\n <label htmlFor={dataIndex+'_true'}> { displayAs? displayAs.true: 'True'}</label>\r\n </div>\r\n <div className='ms-radio-item'>\r\n <Input name={dataIndex} type='radio' id={dataIndex+'_false'} value={'false'} className='ms-table-radio' onChange={handleSelection} checked={value=='false'}/>\r\n <label htmlFor={dataIndex+'_false'}> { displayAs? displayAs.false: 'False'}</label>\r\n </div> \r\n </div>\r\n {\r\n value !==\"\" && <div title='clear' className='ms-table-clear-item' onClick={()=>{\r\n setValue(\"\")\r\n onChange(dataIndex, {type:'boolean', operation:'=', value: \"\"})\r\n }}>{closeIcon}</div>\r\n } \r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default BooleanFilter\r\n","import React from 'react'\r\n\r\nconst Loader:React.FC = () => {\r\n return (\r\n <div className='ms-loader-wrapper'>\r\n <div className='ms-loader-overlay'></div>\r\n <div className='ms-loader'></div>\r\n <span>Loading...</span>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Loader\r\n"],"mappings":"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","names":["import_react","import_react","import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","ref","columns","rowSelectConfig","import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","React"]}