npm - @teppen/react-ui - Versions diffs - 1.7.7 → 1.8.1 - Mend

@teppen/react-ui 1.7.7 → 1.8.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 (200) hide show

package/dist/cjs/src/table/header/header.js CHANGED Viewed

@@ -1,3 +1,3 @@
 "use client";
-"use strict";var e=require("react/jsx-runtime"),i=require("react");require("../filter/provider.js");var t=require("../filter/components.js"),r=require("../sort/components.js");require("../sort/provider.js");var s=require("./resize-col-width-hook.js");exports.TableHeaderElement=function(l){var a=l.col,n=s.useResizeColWidthHook({initialWidth:a.initialWidth,minWidth:a.minWidth}),o=n.colWidth,d=n.onMouseDownResizeWidth,c=i.useRef(null),h=c.current?o-c.current.clientWidth:o;return e.jsxs("th",{id:l.id,className:"relative",style:{width:o,maxWidth:o,minWidth:o},children:[e.jsxs("div",{className:"flex justify-between items-center bg-gray-200 text-gray-600 h-[32px]",children:[e.jsx("div",{className:"px-2",style:{maxWidth:h},children:a.label&&e.jsx("p",{className:"text-left font-bold text-nowrap overflow-hidden text-ellipsis",children:a.label})}),e.jsxs("div",{ref:c,className:"flex items-center w-fit shrink-0 gap-1 px-1",children:[!a.disableSort&&e.jsx(r.SortButton,{columnKey:a.key.toString()}),!a.disableFilter&&!!a.label&&e.jsx(t.TableFilter,{col:a})]})]}),e.jsx("div",{className:"absolute top-0 right-0 grid place-items-end py-1 w-[4px] h-full cursor-col-resize",onMouseDown:d,children:e.jsx("div",{className:"w-[1px] h-full bg-white"})})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./columns-width/context.js");require("../../../node_modules/tslib/tslib.es6.js");var i=t.memo((function(t){var i=(0,r.useColumnsWidthState().getColumnWidth)(t.keyname);return e.jsx("th",{style:{width:i,maxWidth:i,minWidth:i}})}));exports.TableHeaderElement=i;
 //# sourceMappingURL=header.js.map

package/dist/cjs/src/table/header/x-scroll-position/context.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var t=require("../../../../node_modules/tslib/tslib.es6.js"),o=require("react"),e=o.createContext(null),r=o.createContext(null);function i(){var t=o.useContext(e);if(null===t)throw new Error("useScrollXPositionState must be used within a ScrollXPositionProvider");return t}function n(){var t=o.useContext(r);if(null===t)throw new Error("useScrollXPositionAction must be used within a ScrollXPositionProvider");return t}exports.ScrollXPositionActionContext=r,exports.ScrollXPositionStateContext=e,exports.useScrollXPosition=function(){return t.__assign(t.__assign({},i()),n())},exports.useScrollXPositionAction=n,exports.useScrollXPositionState=i;
2	+ //# sourceMappingURL=context.js.map

package/dist/cjs/src/table/header/x-scroll-position/context.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"context.js","sources":["../../../../../../src/table/header/x-scroll-position/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport {\n TScrollXPositionActionContext,\n TScrollXPositionStateContext,\n} from \"./type\";\n\nexport const ScrollXPositionStateContext =\n createContext<TScrollXPositionStateContext | null>(null);\nexport const ScrollXPositionActionContext =\n createContext<TScrollXPositionActionContext | null>(null);\n\nexport function useScrollXPositionState() {\n const context = useContext(ScrollXPositionStateContext);\n\n if (context === null) {\n throw new Error(\n \"useScrollXPositionState must be used within a ScrollXPositionProvider\"\n );\n }\n\n return context;\n}\n\nexport function useScrollXPositionAction() {\n const context = useContext(ScrollXPositionActionContext);\n\n if (context === null) {\n throw new Error(\n \"useScrollXPositionAction must be used within a ScrollXPositionProvider\"\n );\n }\n\n return context;\n}\n\nexport function useScrollXPosition() {\n return { ...useScrollXPositionState(), ...useScrollXPositionAction() };\n}\n"],"names":["ScrollXPositionStateContext","createContext","ScrollXPositionActionContext","useScrollXPositionState","context","useContext","Error","useScrollXPositionAction","__assign"],"mappings":"6FAMaA,EACXC,EAAaA,cAAsC,MACxCC,EACXD,EAAaA,cAAuC,eAEtCE,IACd,IAAMC,EAAUC,aAAWL,GAE3B,GAAgB,OAAZI,EACF,MAAM,IAAIE,MACR,yEAIJ,OAAOF,CACT,UAEgBG,IACd,IAAMH,EAAUC,aAAWH,GAE3B,GAAgB,OAAZE,EACF,MAAM,IAAIE,MACR,0EAIJ,OAAOF,CACT,oHAGE,OAAAI,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAYL,KAA8BI,IAC5C"}

package/dist/cjs/src/table/header/x-scroll-position/provider.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("react/jsx-runtime"),r=require("./context.js"),t=require("./reducer.js");exports.ScrollXPositionProvider=function(i){var o=t.useScrollXPositionReducer(i.initialState),n=o.state,c=o.action;return e.jsx(r.ScrollXPositionStateContext.Provider,{value:n,children:e.jsx(r.ScrollXPositionActionContext.Provider,{value:c,children:i.children})})};
2	+ //# sourceMappingURL=provider.js.map

package/dist/cjs/src/table/header/x-scroll-position/provider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"provider.js","sources":["../../../../../../src/table/header/x-scroll-position/provider.tsx"],"sourcesContent":["import {\n ScrollXPositionActionContext,\n ScrollXPositionStateContext,\n} from \"./context\";\nimport { useScrollXPositionReducer } from \"./reducer\";\n\nexport function ScrollXPositionProvider(props: {\n children: React.ReactNode;\n initialState?: number;\n}) {\n const { state, action } = useScrollXPositionReducer(props.initialState);\n\n return (\n <ScrollXPositionStateContext.Provider value={state}>\n <ScrollXPositionActionContext.Provider value={action}>\n {props.children}\n </ScrollXPositionActionContext.Provider>\n </ScrollXPositionStateContext.Provider>\n );\n}\n"],"names":["props","_a","useScrollXPositionReducer","initialState","state","action","_jsx","ScrollXPositionStateContext","Provider","value","children","ScrollXPositionActionContext"],"mappings":"oIAMM,SAAkCA,GAIhC,IAAAC,EAAoBC,EAAAA,0BAA0BF,EAAMG,cAAlDC,EAAKH,EAAAG,MAAEC,WAEf,OACEC,EAAAA,IAACC,EAAAA,4BAA4BC,UAASC,MAAOL,EAAKM,SAChDJ,MAACK,EAAAA,6BAA6BH,SAAQ,CAACC,MAAOJ,EAAMK,SACjDV,EAAMU,YAIf"}

package/dist/cjs/src/table/header/x-scroll-position/reducer.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("react"),t=function(e,t){if("set"===t.type)return t.payload.x===e.x\|\|t.payload.x<0?e:{x:t.payload.x}};exports.useScrollXPositionReducer=function(r){var o=e.useReducer(t,{x:r\|\|0}),u=o[0],a=o[1];return{state:u,action:e.useMemo((function(){return{setScrollX:function(e){a({type:"set",payload:{x:e}})}}}),[])}};
2	+ //# sourceMappingURL=reducer.js.map

package/dist/cjs/src/table/header/x-scroll-position/reducer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"reducer.js","sources":["../../../../../../src/table/header/x-scroll-position/reducer.ts"],"sourcesContent":["import { useMemo, useReducer } from \"react\";\nimport { TScrollXPositionHook, TScrollXPositionReducer } from \"./type\";\n\nconst scrollXPositionReducer: TScrollXPositionReducer = (state, action) => {\n switch (action.type) {\n case \"set\":\n if (action.payload.x === state.x) {\n return state;\n }\n\n if (action.payload.x < 0) {\n return state;\n }\n\n return {\n x: action.payload.x,\n };\n }\n};\n\nexport const useScrollXPositionReducer: TScrollXPositionHook = (\n initialState\n) => {\n const [state, dispatch] = useReducer(scrollXPositionReducer, {\n x: initialState || 0,\n });\n\n const action = useMemo(\n () => ({\n setScrollX: (x: number) => {\n dispatch({ type: \"set\", payload: { x } });\n },\n }),\n []\n );\n\n return { state, action };\n};\n"],"names":["scrollXPositionReducer","state","action","type","payload","x","initialState","_a","useReducer","dispatch","useMemo","setScrollX"],"mappings":"oCAGMA,EAAkD,SAACC,EAAOC,GAC9D,GACO,QADCA,EAAOC,KAEX,OAAID,EAAOE,QAAQC,IAAMJ,EAAMI,GAI3BH,EAAOE,QAAQC,EAAI,EAHdJ,EAOF,CACLI,EAAGH,EAAOE,QAAQC,EAG1B,oCAE+D,SAC7DC,GAEM,IAAAC,EAAoBC,EAAUA,WAACR,EAAwB,CAC3DK,EAAGC,GAAgB,IADdL,EAAKM,EAAA,GAAEE,OAad,MAAO,CAAER,MAAKA,EAAEC,OATDQ,WACb,WAAM,MAAC,CACLC,WAAY,SAACN,GACXI,EAAS,CAAEN,KAAM,MAAOC,QAAS,CAAEC,EAACA,IACrC,EAHG,GAKN,IAIJ"}

package/dist/cjs/src/table/id/id-generator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=function(){function t(t){this.additionalId=t}return t.prototype.getTableId=function(){return"ReactUI:Table".concat(this.additionalId?":".concat(this.additionalId):"")},t.prototype.getTableColId=function(t){return"".concat(this.getTableId(),":Column-").concat(t.columnIndex)},t.prototype.getTableCellId=function(t){return"".concat(this.getTableId(),":Cell-").concat(t.rowIndex,"-").concat(t.columnIndex)},t.prototype.getEditorId=function(){return"".concat(this.getTableId(),":Editor")},t.prototype.extractCellIndexFromId=function(t){var e=t.split("-"),n=e[e.length-2],o=e[e.length-1];return[Number(n),Number(o)]},t}();exports.IdGenerator=t;
+"use strict";var t=function(){function t(t){this.additionalId=t}return t.prototype.getTableId=function(){return"ReactUI:Table".concat(this.additionalId?":".concat(this.additionalId):"")},t.prototype.getTableColId=function(t){return"".concat(this.getTableId(),":Column-").concat(t.columnIndex)},t.prototype.getTableCellId=function(t){return"".concat(this.getTableId(),":Cell-").concat(t.rowIndex,"-").concat(t.columnIndex)},t.prototype.getEditorId=function(){return"".concat(this.getTableId(),":Editor")},t.prototype.getTableHeaderId=function(){return"".concat(this.getTableId(),":Header")},t.prototype.extractCellIndexFromId=function(t){var e=t.split("-"),n=e[e.length-2],o=e[e.length-1];return[Number(n),Number(o)]},t}();exports.IdGenerator=t;
 //# sourceMappingURL=id-generator.js.map

package/dist/cjs/src/table/id/id-generator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"id-generator.js","sources":["../../../../../src/table/id/id-generator.ts"],"sourcesContent":["import { ITableIdGenerator } from \"./interface\";\n\nexport class IdGenerator implements ITableIdGenerator {\n constructor(private additionalId?: string) {}\n\n getTableId(): string {\n return `ReactUI:Table${this.additionalId ? `:${this.additionalId}` : \"\"}`;\n }\n getTableColId(args: { columnIndex: number }): string {\n return `${this.getTableId()}:Column-${args.columnIndex}`;\n }\n getTableCellId(args: { rowIndex: number; columnIndex: number }): string {\n return `${this.getTableId()}:Cell-${args.rowIndex}-${args.columnIndex}`;\n }\n getEditorId(): string {\n return `${this.getTableId()}:Editor`;\n }\n extractCellIndexFromId(id: string): [number, number] {\n const arr = id.split(\"-\");\n const rowIndex = arr[arr.length - 2];\n const columnIndex = arr[arr.length - 1];\n return [Number(rowIndex), Number(columnIndex)];\n }\n}\n"],"names":["IdGenerator","additionalId","this","prototype","getTableId","concat","getTableColId","args","columnIndex","getTableCellId","rowIndex","getEditorId","extractCellIndexFromId","id","arr","split","length","Number"],"mappings":"aAEA,IAAAA,EAAA,WACE,SAAAA,EAAoBC,GAAAC,KAAYD,aAAZA,CAAyB,~~CAoB~~/C,~~OAlBED~~,EAAAG,UAAAC,WAAA,WACE,MAAO,uBAAgBF,KAAKD,aAAe,IAAAI,OAAIH,KAAKD,cAAiB,KAEvED,EAAaG,UAAAG,cAAb,SAAcC,GACZ,MAAO,GAAAF,OAAGH,KAAKE,gCAAuBG,EAAKC,cAE7CR,EAAcG,UAAAM,eAAd,SAAeF,GACb,MAAO,GAAGF,OAAAH,KAAKE,aAAqB,UAAAC,OAAAE,EAAKG,SAAY,KAAAL,OAAAE,EAAKC,cAE5DR,EAAAG,UAAAQ,YAAA,WACE,MAAO,UAAGT,KAAKE,yBAEjBJ,~~EAAsBG~~,UAAAS,uBAAtB,SAAuBC,GACrB,IAAMC,EAAMD,EAAGE,MAAM,~~KACfL~~,~~EAAWI~~,EAAIA,EAAIE,OAAS,~~GAC5BR~~,~~EAAcM~~,EAAIA,EAAIE,OAAS,GACrC,MAAO,CAACC,~~OAAOP~~,~~GAAWO~~,~~OAAOT~~,KAEpCR,CAAD"}
1	+ {"version":3,"file":"id-generator.js","sources":["../../../../../src/table/id/id-generator.ts"],"sourcesContent":["import { ITableIdGenerator } from \"./interface\";\n\nexport class IdGenerator implements ITableIdGenerator {\n constructor(private additionalId?: string) {}\n\n getTableId(): string {\n return `ReactUI:Table${this.additionalId ? `:${this.additionalId}` : \"\"}`;\n }\n getTableColId(args: { columnIndex: number }): string {\n return `${this.getTableId()}:Column-${args.columnIndex}`;\n }\n getTableCellId(args: { rowIndex: number; columnIndex: number }): string {\n return `${this.getTableId()}:Cell-${args.rowIndex}-${args.columnIndex}`;\n }\n getEditorId(): string {\n return `${this.getTableId()}:Editor`;\n }\n getTableHeaderId(): string {\n return `${this.getTableId()}:Header`;\n }\n extractCellIndexFromId(id: string): [number, number] {\n const arr = id.split(\"-\");\n const rowIndex = arr[arr.length - 2];\n const columnIndex = arr[arr.length - 1];\n return [Number(rowIndex), Number(columnIndex)];\n }\n}\n"],"names":["IdGenerator","additionalId","this","prototype","getTableId","concat","getTableColId","args","columnIndex","getTableCellId","rowIndex","getEditorId","getTableHeaderId","extractCellIndexFromId","id","arr","split","length","Number"],"mappings":"aAEA,IAAAA,EAAA,WACE,SAAAA,EAAoBC,GAAAC,KAAYD,aAAZA,CAAyB,CAuB/C,OArBED,EAAAG,UAAAC,WAAA,WACE,MAAO,uBAAgBF,KAAKD,aAAe,IAAAI,OAAIH,KAAKD,cAAiB,KAEvED,EAAaG,UAAAG,cAAb,SAAcC,GACZ,MAAO,GAAAF,OAAGH,KAAKE,gCAAuBG,EAAKC,cAE7CR,EAAcG,UAAAM,eAAd,SAAeF,GACb,MAAO,GAAGF,OAAAH,KAAKE,aAAqB,UAAAC,OAAAE,EAAKG,SAAY,KAAAL,OAAAE,EAAKC,cAE5DR,EAAAG,UAAAQ,YAAA,WACE,MAAO,UAAGT,KAAKE,yBAEjBJ,EAAAG,UAAAS,iBAAA,WACE,MAAO,UAAGV,KAAKE,yBAEjBJ,EAAsBG,UAAAU,uBAAtB,SAAuBC,GACrB,IAAMC,EAAMD,EAAGE,MAAM,KACfN,EAAWK,EAAIA,EAAIE,OAAS,GAC5BT,EAAcO,EAAIA,EAAIE,OAAS,GACrC,MAAO,CAACC,OAAOR,GAAWQ,OAAOV,KAEpCR,CAAD"}

package/dist/cjs/src/table/range/provider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../node_modules/tslib/tslib.es6.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("../lib/errors.js"),r=require("./hooks.js"),i=require("../table-property/provider.js"),s=require("../id/provider.js"),a=t.createContext({isSelecting:!1}),u=t.createContext({setMax:o.NoImplementeFunction,startSelectRange:o.NoImplementeFunction,moveSelectRange:o.NoImplementeFunction,endSelectRange:o.NoImplementeFunction,moveUp:o.NoImplementeFunction,moveDown:o.NoImplementeFunction,moveLeft:o.NoImplementeFunction,moveRight:o.NoImplementeFunction,extendUp:o.NoImplementeFunction,extendDown:o.NoImplementeFunction,extendLeft:o.NoImplementeFunction,extendRight:o.NoImplementeFunction,reset:o.NoImplementeFunction,setRange:o.NoImplementeFunction});function l(){return t.useContext(a)}function c(){return t.useContext(u)}function d(){var e=c().setMax,o=i.useTablePropertyStateContext(),r=o.maxDisplayRowCount,s=o.maxDisplayColCount;return t.useEffect((function(){e({maxRowIndex:r-1,maxColIndex:s-1})}),[r,s]),n.jsx(n.Fragment,{})}exports.RangeProvider=function(e){var t=e.children,o=r.useRangeReducer(),i=o.state,s=o.actions;return n.jsx(a.Provider,{value:i,children:n.jsxs(u.Provider,{value:s,children:[n.jsx(d,{}),t]})})},exports.TestRange=function(e){var o=s.useTableIdGenerator(),r=l();if(t.useEffect((function(){if(r.isSelecting){var e=document.getElementById(o.getTableCellId({rowIndex:r.end.rowIndex,columnIndex:r.end.colIndex}));e&&(e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"}),e.focus())}}),[r]),!r.isSelecting)return n.jsx(n.Fragment,{});var i=r.rangeBox,a=r.start,u=r.end;return a.xEnd<u.xEnd?u.xEnd:a.xEnd,a.yEnd<u.yEnd?u.yEnd:a.yEnd,n.jsx(n.Fragment,{children:n.jsx("div",{className:"absolute border border-gray-500 bg-gray-500 bg-opacity-10 ".concat(e.isCopied?"border-dashed":"border-solid"),style:{top:i.top,left:i.left,width:i.width,height:i.height,pointerEvents:"none"}})})},exports.useRangeActionContext=c,exports.useRangeContext=function(){return e.__assign(e.__assign({},l()),c())},exports.useRangeStateContext=l;
+"use strict";var e=require("../../../node_modules/tslib/tslib.es6.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("../lib/errors.js"),r=require("./hooks.js"),i=require("../table-property/provider.js"),s=require("../id/provider.js"),a=t.createContext({isSelecting:!1}),u=t.createContext({setMax:o.NoImplementeFunction,startSelectRange:o.NoImplementeFunction,moveSelectRange:o.NoImplementeFunction,endSelectRange:o.NoImplementeFunction,moveUp:o.NoImplementeFunction,moveDown:o.NoImplementeFunction,moveLeft:o.NoImplementeFunction,moveRight:o.NoImplementeFunction,extendUp:o.NoImplementeFunction,extendDown:o.NoImplementeFunction,extendLeft:o.NoImplementeFunction,extendRight:o.NoImplementeFunction,reset:o.NoImplementeFunction,setRange:o.NoImplementeFunction});function l(){return t.useContext(a)}function c(){return t.useContext(u)}function d(){var e=c().setMax,o=i.useTablePropertyStateContext(),r=o.maxDisplayRowCount,s=o.maxDisplayColCount;return t.useEffect((function(){e({maxRowIndex:r-1,maxColIndex:s-1})}),[r,s]),n.jsx(n.Fragment,{})}exports.RangeProvider=function(e){var t=e.children,o=r.useRangeReducer(),i=o.state,s=o.actions;return n.jsx(a.Provider,{value:i,children:n.jsxs(u.Provider,{value:s,children:[n.jsx(d,{}),t]})})},exports.TestRange=function(e){var o=s.useTableIdGenerator(),r=l();if(t.useEffect((function(){if(r.isSelecting){var e=document.getElementById(o.getTableCellId({rowIndex:r.end.rowIndex,columnIndex:r.end.colIndex}));e&&(e.scrollIntoView({behavior:"instant",block:"nearest",inline:"nearest"}),e.focus())}}),[r]),!r.isSelecting)return n.jsx(n.Fragment,{});var i=r.rangeBox,a=r.start,u=r.end;return a.xEnd<u.xEnd?u.xEnd:a.xEnd,a.yEnd<u.yEnd?u.yEnd:a.yEnd,n.jsx(n.Fragment,{children:n.jsx("div",{className:"absolute border border-gray-500 bg-gray-500 bg-opacity-10 ".concat(e.isCopied?"border-dashed":"border-solid"),style:{top:i.top,left:i.left,width:i.width,height:i.height,pointerEvents:"none"}})})},exports.useRangeActionContext=c,exports.useRangeContext=function(){return e.__assign(e.__assign({},l()),c())},exports.useRangeStateContext=l;
 //# sourceMappingURL=provider.js.map

package/dist/cjs/src/table/range/provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"provider.js","sources":["../../../../../src/table/range/provider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect } from \"react\";\nimport { TRangeActionContext, TRangeStateContext } from \"./type\";\nimport { NoImplementeFunction } from \"../lib/errors\";\nimport { useRangeReducer } from \"./hooks\";\nimport { useTablePropertyStateContext } from \"../table-property/provider\";\nimport { useTableIdGenerator } from \"../id\";\n\nconst RangeStateContext = createContext<TRangeStateContext>({\n isSelecting: false,\n});\n\nconst RangeActionContext = createContext<TRangeActionContext>({\n setMax: NoImplementeFunction,\n startSelectRange: NoImplementeFunction,\n moveSelectRange: NoImplementeFunction,\n endSelectRange: NoImplementeFunction,\n moveUp: NoImplementeFunction,\n moveDown: NoImplementeFunction,\n moveLeft: NoImplementeFunction,\n moveRight: NoImplementeFunction,\n extendUp: NoImplementeFunction,\n extendDown: NoImplementeFunction,\n extendLeft: NoImplementeFunction,\n extendRight: NoImplementeFunction,\n reset: NoImplementeFunction,\n setRange: NoImplementeFunction,\n});\n\nexport function useRangeStateContext() {\n return useContext(RangeStateContext);\n}\n\nexport function useRangeActionContext() {\n return useContext(RangeActionContext);\n}\n\nexport function useRangeContext() {\n return { ...useRangeStateContext(), ...useRangeActionContext() };\n}\n\nfunction EffectSetMax() {\n const { setMax } = useRangeActionContext();\n const { maxDisplayRowCount, maxDisplayColCount } =\n useTablePropertyStateContext();\n\n useEffect(() => {\n setMax({\n maxRowIndex: maxDisplayRowCount - 1,\n maxColIndex: maxDisplayColCount - 1,\n });\n }, [maxDisplayRowCount, maxDisplayColCount]);\n\n return <></>;\n}\n\nexport function TestRange(props: { isCopied?: boolean }) {\n const IdGenerator = useTableIdGenerator();\n const state = useRangeStateContext();\n\n useEffect(() => {\n if (state.isSelecting) {\n const endElement = document.getElementById(\n IdGenerator.getTableCellId({\n rowIndex: state.end.rowIndex,\n columnIndex: state.end.colIndex,\n })\n );\n\n if (endElement) {\n endElement.scrollIntoView({\n behavior: \"~~smooth~~\",\n block: \"nearest\",\n inline: \"nearest\",\n });\n endElement.focus();\n }\n }\n }, [state]);\n\n if (!state.isSelecting) {\n return <></>;\n }\n\n const { rangeBox, start, end } = state;\n\n const clickboxPoint = {\n x: start.xEnd < end.xEnd ? end.xEnd : start.xEnd,\n y: start.yEnd < end.yEnd ? end.yEnd : start.yEnd,\n };\n\n return (\n <>\n <div\n className={`absolute border border-gray-500 bg-gray-500 bg-opacity-10 ${\n props.isCopied ? \"border-dashed\" : \"border-solid\"\n }`}\n style={{\n top: rangeBox.top,\n left: rangeBox.left,\n width: rangeBox.width,\n height: rangeBox.height,\n pointerEvents: \"none\",\n }}\n ></div>\n {/* <div\n className=\"absolute bg-gray-700\"\n style={{\n top: clickboxPoint.y - 5,\n left: clickboxPoint.x - 5,\n width: 10,\n height: 10,\n pointerEvents: \"none\",\n }}\n /> */}\n </>\n );\n}\n\nexport function RangeProvider({\n children,\n}: {\n children: JSX.Element \| JSX.Element[];\n}) {\n const { state, actions } = useRangeReducer();\n\n return (\n <RangeStateContext.Provider value={state}>\n <RangeActionContext.Provider value={actions}>\n <EffectSetMax />\n {children}\n </RangeActionContext.Provider>\n </RangeStateContext.Provider>\n );\n}\n"],"names":["RangeStateContext","createContext","isSelecting","RangeActionContext","setMax","NoImplementeFunction","startSelectRange","moveSelectRange","endSelectRange","moveUp","moveDown","moveLeft","moveRight","extendUp","extendDown","extendLeft","extendRight","reset","setRange","useRangeStateContext","useContext","useRangeActionContext","EffectSetMax","_a","useTablePropertyStateContext","maxDisplayRowCount","maxDisplayColCount","useEffect","maxRowIndex","maxColIndex","_jsx","children","_b","useRangeReducer","state","actions","jsx","Provider","value","_jsxs","props","IdGenerator","useTableIdGenerator","endElement","document","getElementById","getTableCellId","rowIndex","end","columnIndex","colIndex","scrollIntoView","behavior","block","inline","focus","rangeBox","start","xEnd","yEnd","className","concat","isCopied","style","top","left","width","height","pointerEvents","__assign"],"mappings":"yPAOMA,EAAoBC,EAAAA,cAAkC,CAC1DC,aAAa,IAGTC,EAAqBF,EAAAA,cAAmC,CAC5DG,OAAQC,EAAoBA,qBAC5BC,iBAAkBD,EAAoBA,qBACtCE,gBAAiBF,EAAoBA,qBACrCG,eAAgBH,EAAoBA,qBACpCI,OAAQJ,EAAoBA,qBAC5BK,SAAUL,EAAoBA,qBAC9BM,SAAUN,EAAoBA,qBAC9BO,UAAWP,EAAoBA,qBAC/BQ,SAAUR,EAAoBA,qBAC9BS,WAAYT,EAAoBA,qBAChCU,WAAYV,EAAoBA,qBAChCW,YAAaX,EAAoBA,qBACjCY,MAAOZ,EAAoBA,qBAC3Ba,SAAUb,EAAoBA,gCAGhBc,IACd,OAAOC,EAAAA,WAAWpB,EACpB,UAEgBqB,IACd,OAAOD,EAAAA,WAAWjB,EACpB,CAMA,SAASmB,IACC,IAAAlB,EAAWiB,WACbE,EACJC,EAA4BA,+BADtBC,EAAkBF,EAAAE,mBAAEC,EAAkBH,EAAAG,mBAU9C,OAPAC,EAAAA,WAAU,WACRvB,EAAO,CACLwB,YAAaH,EAAqB,EAClCI,YAAaH,EAAqB,GAEtC,GAAG,CAACD,EAAoBC,IAEjBI,oBACT,uBAiEM,SAAwBP,GAC5B,IAAAQ,EAAQR,EAAAQ,SAIFC,EAAqBC,EAAeA,kBAAlCC,EAAKF,EAAAE,MAAEC,EAAOH,EAAAG,QAEtB,OACEL,EAACM,IAAApC,EAAkBqC,SAAS,CAAAC,MAAOJ,EACjCH,SAAAQ,OAACpC,EAAmBkC,SAAQ,CAACC,MAAOH,EAAOJ,SAAA,CACzCD,MAACR,EAAe,CAAA,GACfS,MAIT,oBA9EM,SAAoBS,GACxB,IAAMC,EAAcC,EAAAA,sBACdR,EAAQf,IAsBd,GApBAQ,EAAAA,WAAU,WACR,GAAIO,EAAMhC,YAAa,CACrB,IAAMyC,EAAaC,SAASC,eAC1BJ,EAAYK,eAAe,CACzBC,SAAUb,EAAMc,IAAID,SACpBE,YAAaf,EAAMc,IAAIE,YAIvBP,IACFA,EAAWQ,eAAe,CACxBC,SAAU,~~SACVC~~,MAAO,UACPC,OAAQ,YAEVX,EAAWY,QAEd,CACH,GAAG,CAACrB,KAECA,EAAMhC,YACT,OAAO4B,qBAGD,IAAA0B,EAAyBtB,EAAKsB,SAApBC,EAAevB,EAAKuB,MAAbT,EAAQd,MAOjC,OAJKuB,EAAMC,KAAOV,EAAIU,KAAOV,EAAIU,KAAOD,EAAMC,KACzCD,EAAME,KAAOX,EAAIW,KAAOX,EAAIW,KAAOF,EAAME,KAI5C7B,EAAAA,yBACEA,EACEM,IAAA,MAAA,CAAAwB,UAAW,6DACTC,OAAArB,EAAMsB,SAAW,gBAAkB,gBAErCC,MAAO,CACLC,IAAKR,EAASQ,IACdC,KAAMT,EAASS,KACfC,MAAOV,EAASU,MAChBC,OAAQX,EAASW,OACjBC,cAAe,WAezB,qEA/EE,OAAAC,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAYlD,KAA2BE,IACzC"}
1	+ {"version":3,"file":"provider.js","sources":["../../../../../src/table/range/provider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect } from \"react\";\nimport { TRangeActionContext, TRangeStateContext } from \"./type\";\nimport { NoImplementeFunction } from \"../lib/errors\";\nimport { useRangeReducer } from \"./hooks\";\nimport { useTablePropertyStateContext } from \"../table-property/provider\";\nimport { useTableIdGenerator } from \"../id\";\n\nconst RangeStateContext = createContext<TRangeStateContext>({\n isSelecting: false,\n});\n\nconst RangeActionContext = createContext<TRangeActionContext>({\n setMax: NoImplementeFunction,\n startSelectRange: NoImplementeFunction,\n moveSelectRange: NoImplementeFunction,\n endSelectRange: NoImplementeFunction,\n moveUp: NoImplementeFunction,\n moveDown: NoImplementeFunction,\n moveLeft: NoImplementeFunction,\n moveRight: NoImplementeFunction,\n extendUp: NoImplementeFunction,\n extendDown: NoImplementeFunction,\n extendLeft: NoImplementeFunction,\n extendRight: NoImplementeFunction,\n reset: NoImplementeFunction,\n setRange: NoImplementeFunction,\n});\n\nexport function useRangeStateContext() {\n return useContext(RangeStateContext);\n}\n\nexport function useRangeActionContext() {\n return useContext(RangeActionContext);\n}\n\nexport function useRangeContext() {\n return { ...useRangeStateContext(), ...useRangeActionContext() };\n}\n\nfunction EffectSetMax() {\n const { setMax } = useRangeActionContext();\n const { maxDisplayRowCount, maxDisplayColCount } =\n useTablePropertyStateContext();\n\n useEffect(() => {\n setMax({\n maxRowIndex: maxDisplayRowCount - 1,\n maxColIndex: maxDisplayColCount - 1,\n });\n }, [maxDisplayRowCount, maxDisplayColCount]);\n\n return <></>;\n}\n\nexport function TestRange(props: { isCopied?: boolean }) {\n const IdGenerator = useTableIdGenerator();\n const state = useRangeStateContext();\n\n useEffect(() => {\n if (state.isSelecting) {\n const endElement = document.getElementById(\n IdGenerator.getTableCellId({\n rowIndex: state.end.rowIndex,\n columnIndex: state.end.colIndex,\n })\n );\n\n if (endElement) {\n endElement.scrollIntoView({\n behavior: \"instant\",\n block: \"nearest\",\n inline: \"nearest\",\n });\n endElement.focus();\n }\n }\n }, [state]);\n\n if (!state.isSelecting) {\n return <></>;\n }\n\n const { rangeBox, start, end } = state;\n\n const clickboxPoint = {\n x: start.xEnd < end.xEnd ? end.xEnd : start.xEnd,\n y: start.yEnd < end.yEnd ? end.yEnd : start.yEnd,\n };\n\n return (\n <>\n <div\n className={`absolute border border-gray-500 bg-gray-500 bg-opacity-10 ${\n props.isCopied ? \"border-dashed\" : \"border-solid\"\n }`}\n style={{\n top: rangeBox.top,\n left: rangeBox.left,\n width: rangeBox.width,\n height: rangeBox.height,\n pointerEvents: \"none\",\n }}\n ></div>\n {/* <div\n className=\"absolute bg-gray-700\"\n style={{\n top: clickboxPoint.y - 5,\n left: clickboxPoint.x - 5,\n width: 10,\n height: 10,\n pointerEvents: \"none\",\n }}\n /> */}\n </>\n );\n}\n\nexport function RangeProvider({\n children,\n}: {\n children: JSX.Element \| JSX.Element[];\n}) {\n const { state, actions } = useRangeReducer();\n\n return (\n <RangeStateContext.Provider value={state}>\n <RangeActionContext.Provider value={actions}>\n <EffectSetMax />\n {children}\n </RangeActionContext.Provider>\n </RangeStateContext.Provider>\n );\n}\n"],"names":["RangeStateContext","createContext","isSelecting","RangeActionContext","setMax","NoImplementeFunction","startSelectRange","moveSelectRange","endSelectRange","moveUp","moveDown","moveLeft","moveRight","extendUp","extendDown","extendLeft","extendRight","reset","setRange","useRangeStateContext","useContext","useRangeActionContext","EffectSetMax","_a","useTablePropertyStateContext","maxDisplayRowCount","maxDisplayColCount","useEffect","maxRowIndex","maxColIndex","_jsx","children","_b","useRangeReducer","state","actions","jsx","Provider","value","_jsxs","props","IdGenerator","useTableIdGenerator","endElement","document","getElementById","getTableCellId","rowIndex","end","columnIndex","colIndex","scrollIntoView","behavior","block","inline","focus","rangeBox","start","xEnd","yEnd","className","concat","isCopied","style","top","left","width","height","pointerEvents","__assign"],"mappings":"yPAOMA,EAAoBC,EAAAA,cAAkC,CAC1DC,aAAa,IAGTC,EAAqBF,EAAAA,cAAmC,CAC5DG,OAAQC,EAAoBA,qBAC5BC,iBAAkBD,EAAoBA,qBACtCE,gBAAiBF,EAAoBA,qBACrCG,eAAgBH,EAAoBA,qBACpCI,OAAQJ,EAAoBA,qBAC5BK,SAAUL,EAAoBA,qBAC9BM,SAAUN,EAAoBA,qBAC9BO,UAAWP,EAAoBA,qBAC/BQ,SAAUR,EAAoBA,qBAC9BS,WAAYT,EAAoBA,qBAChCU,WAAYV,EAAoBA,qBAChCW,YAAaX,EAAoBA,qBACjCY,MAAOZ,EAAoBA,qBAC3Ba,SAAUb,EAAoBA,gCAGhBc,IACd,OAAOC,EAAAA,WAAWpB,EACpB,UAEgBqB,IACd,OAAOD,EAAAA,WAAWjB,EACpB,CAMA,SAASmB,IACC,IAAAlB,EAAWiB,WACbE,EACJC,EAA4BA,+BADtBC,EAAkBF,EAAAE,mBAAEC,EAAkBH,EAAAG,mBAU9C,OAPAC,EAAAA,WAAU,WACRvB,EAAO,CACLwB,YAAaH,EAAqB,EAClCI,YAAaH,EAAqB,GAEtC,GAAG,CAACD,EAAoBC,IAEjBI,oBACT,uBAiEM,SAAwBP,GAC5B,IAAAQ,EAAQR,EAAAQ,SAIFC,EAAqBC,EAAeA,kBAAlCC,EAAKF,EAAAE,MAAEC,EAAOH,EAAAG,QAEtB,OACEL,EAACM,IAAApC,EAAkBqC,SAAS,CAAAC,MAAOJ,EACjCH,SAAAQ,OAACpC,EAAmBkC,SAAQ,CAACC,MAAOH,EAAOJ,SAAA,CACzCD,MAACR,EAAe,CAAA,GACfS,MAIT,oBA9EM,SAAoBS,GACxB,IAAMC,EAAcC,EAAAA,sBACdR,EAAQf,IAsBd,GApBAQ,EAAAA,WAAU,WACR,GAAIO,EAAMhC,YAAa,CACrB,IAAMyC,EAAaC,SAASC,eAC1BJ,EAAYK,eAAe,CACzBC,SAAUb,EAAMc,IAAID,SACpBE,YAAaf,EAAMc,IAAIE,YAIvBP,IACFA,EAAWQ,eAAe,CACxBC,SAAU,UACVC,MAAO,UACPC,OAAQ,YAEVX,EAAWY,QAEd,CACH,GAAG,CAACrB,KAECA,EAAMhC,YACT,OAAO4B,qBAGD,IAAA0B,EAAyBtB,EAAKsB,SAApBC,EAAevB,EAAKuB,MAAbT,EAAQd,MAOjC,OAJKuB,EAAMC,KAAOV,EAAIU,KAAOV,EAAIU,KAAOD,EAAMC,KACzCD,EAAME,KAAOX,EAAIW,KAAOX,EAAIW,KAAOF,EAAME,KAI5C7B,EAAAA,yBACEA,EACEM,IAAA,MAAA,CAAAwB,UAAW,6DACTC,OAAArB,EAAMsB,SAAW,gBAAkB,gBAErCC,MAAO,CACLC,IAAKR,EAASQ,IACdC,KAAMT,EAASS,KACfC,MAAOV,EAASU,MAChBC,OAAQX,EAASW,OACjBC,cAAe,WAezB,qEA/EE,OAAAC,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAYlD,KAA2BE,IACzC"}

package/dist/cjs/src/table/sheet/components.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../checkbox/components.js"),o=require("../cell/ui/cell.js"),n=require("../range/provider.js"),i=require("../id/provider.js"),a=r.memo((function(r){var a=i.useTableIdGenerator(),l=n.useRangeActionContext().reset,c=JSON.parse(r.dataString),s=r.conditionalFormattingString.split(",");return e.jsxs("tr",{className:"relative border border-gray-200 after:absolute after:w-full after:h-full after:top-0 after:left-0 after:pointer-events-none after:hover:bg-gray-500/10 ".concat(r.onClickRow?"hover:cursor-pointer":""," ").concat(r.applyRowFormatting?r.applyRowFormatting(c):""),onClick:function(e){e.preventDefault(),r.onClickRow&&(r.onClickRow(c),l())},"data-testid":c.id,children:[r.existCheckbox&&e.jsx("td",{onClick:function(e){e.stopPropagation()},children:e.jsx(t.Checkbox,{row:c})}),r.cols.map((function(t,n){var i;return e.jsx(o.TableCell,{id:a.getTableCellId({rowIndex:r.rowIndex,columnIndex:n}),row:c,isExistOnClickRow:!!r.onClickRow,cellFormatClassName:s[n],editable:null!==(i=t.editable)&&void 0!==i&&i},t.key)}))]})}));exports.Row=a;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../checkbox/components.js"),o=require("../cell/ui/cell.js"),a=require("../range/provider.js"),n=require("../id/provider.js"),i=r.memo((function(r){var i=n.useTableIdGenerator(),l=a.useRangeActionContext().reset,c=JSON.parse(r.dataString),s=r.conditionalFormattingString.split(",");return e.jsxs("tr",{className:"relative border border-gray-200 after:absolute after:w-full after:h-full after:top-0 after:left-0 after:pointer-events-none after:hover:bg-gray-500/10 ".concat(r.onClickRow?"hover:cursor-pointer":""," ").concat(r.applyRowFormatting?r.applyRowFormatting(c):""),onClick:function(e){e.preventDefault(),r.onClickRow&&(r.onClickRow(c),l())},"data-testid":c.id,children:[r.existCheckbox&&e.jsx("td",{className:"w-8 h-full",onClick:function(e){e.stopPropagation()},children:e.jsx(t.Checkbox,{row:c})}),r.cols.map((function(t,a){var n;return e.jsx(o.TableCell,{id:i.getTableCellId({rowIndex:r.rowIndex,columnIndex:a}),row:c,isExistOnClickRow:!!r.onClickRow,cellFormatClassName:s[a],editable:null!==(n=t.editable)&&void 0!==n&&n},t.key)}))]})}));exports.Row=i;
 //# sourceMappingURL=components.js.map

package/dist/cjs/src/table/sheet/components.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components.js","sources":["../../../../../src/table/sheet/components.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport { DataRecord, TTableColumn } from \"../table/type\";\nimport { Checkbox } from \"../checkbox/components\";\nimport { TableCell } from \"../cell/ui/cell\";\nimport { useRangeActionContext } from \"../range/provider\";\nimport { useTableIdGenerator } from \"../id\";\n\ninterface TPropsRow<T extends DataRecord> {\n dataString: string;\n cols: TTableColumn<T>[];\n existCheckbox?: boolean;\n rowIndex: number;\n conditionalFormattingString: string;\n onClickRow?: (row: any) => void;\n applyRowFormatting?: (row: any) => string;\n}\n\nexport const Row = memo(function R<T extends DataRecord>(props: TPropsRow<T>) {\n const IdGenerator = useTableIdGenerator();\n const { reset } = useRangeActionContext();\n const row = JSON.parse(props.dataString);\n const conditionalFormatting = props.conditionalFormattingString.split(\",\");\n\n return (\n <tr\n className={`relative border border-gray-200 after:absolute after:w-full after:h-full after:top-0 after:left-0 after:pointer-events-none after:hover:bg-gray-500/10 ${\n !!props.onClickRow ? \"hover:cursor-pointer\" : \"\"\n } ${props.applyRowFormatting ? props.applyRowFormatting(row) : \"\"}`}\n onClick={(e) => {\n e.preventDefault();\n\n if (!!props.onClickRow) {\n props.onClickRow(row);\n reset();\n }\n }}\n data-testid={row.id}\n >\n {props.existCheckbox && (\n <td\n onClick={(e) => {\n e.stopPropagation();\n }}\n >\n <Checkbox row={row} />\n </td>\n )}\n {props.cols.map((col, j) => {\n return (\n <TableCell\n key={col.key as string}\n id={IdGenerator.getTableCellId({\n rowIndex: props.rowIndex,\n columnIndex: j,\n })}\n row={row}\n isExistOnClickRow={!!props.onClickRow}\n cellFormatClassName={conditionalFormatting[j]}\n editable={col.editable ?? false}\n />\n );\n })}\n </tr>\n );\n});\n"],"names":["Row","memo","props","IdGenerator","useTableIdGenerator","reset","useRangeActionContext","row","JSON","parse","dataString","conditionalFormatting","conditionalFormattingString","split","_jsxs","className","concat","onClickRow","applyRowFormatting","onClick","e","preventDefault","id","~~existCheckbox~~","~~_jsx~~","~~jsx~~","stopPropagation","~~children","~~Checkbox","cols","map","col","j","TableCell","getTableCellId","rowIndex","columnIndex","isExistOnClickRow","cellFormatClassName","editable","_a","key"],"mappings":"2MAiBaA,EAAMC,EAAIA,MAAC,SAAiCC,GACvD,IAAMC,EAAcC,EAAAA,sBACZC,EAAUC,gCACZC,EAAMC,KAAKC,MAAMP,EAAMQ,YACvBC,EAAwBT,EAAMU,4BAA4BC,MAAM,KAEtE,OACEC,OACE,KAAA,CAAAC,UAAW,0JACTC,OAAEd,EAAMe,WAAa,uBAAyB,GAC5C,KAAAD,OAAAd,EAAMgB,mBAAqBhB,EAAMgB,mBAAmBX,GAAO,IAC/DY,QAAS,SAACC,GACRA,EAAEC,iBAEInB,EAAMe,aACVf,EAAMe,WAAWV,GACjBF,IAEH,~~EACY~~,~~cAAAE,~~EAAIe,~~aAEhBpB~~,~~EAAMqB~~,eACLC,~~EAAAC~~,IAAA,KAAA,~~CACEN~~,QAAS,SAACC,GACRA,EAAEM,iBACH,~~EAAAC~~,~~SAEDH~~,~~MAACI~~,EAAQA,SAAA,~~CAACrB~~,IAAKA,MAGlBL,~~EAAM2B~~,KAAKC,KAAI,SAACC,EAAKC,SACpB,~~OACER~~,~~MAACS~~,EAASA,UAAA,~~CAERX~~,GAAInB,~~EAAY+B~~,eAAe,CAC7BC,~~SAAUjC~~,~~EAAMiC~~,SAChBC,YAAaJ,~~IAEfzB~~,IAAKA,~~EACL8B~~,~~oBAAqBnC~~,EAAMe,~~WAC3BqB~~,~~oBAAqB3B~~,~~EAAsBqB~~,GAC3CO,SAA0B,QAAhBC,EAAAT,EAAIQ,gBAAY,IAAAC,GAAAA,GARrBT,EAAIU,UAcrB"}
1	+ {"version":3,"file":"components.js","sources":["../../../../../src/table/sheet/components.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport { DataRecord, TTableColumn } from \"../table/type\";\nimport { Checkbox } from \"../checkbox/components\";\nimport { TableCell } from \"../cell/ui/cell\";\nimport { useRangeActionContext } from \"../range/provider\";\nimport { useTableIdGenerator } from \"../id\";\n\ninterface TPropsRow<T extends DataRecord> {\n dataString: string;\n cols: TTableColumn<T>[];\n existCheckbox?: boolean;\n rowIndex: number;\n conditionalFormattingString: string;\n onClickRow?: (row: any) => void;\n applyRowFormatting?: (row: any) => string;\n}\n\nexport const Row = memo(function R<T extends DataRecord>(props: TPropsRow<T>) {\n const IdGenerator = useTableIdGenerator();\n const { reset } = useRangeActionContext();\n const row = JSON.parse(props.dataString);\n const conditionalFormatting = props.conditionalFormattingString.split(\",\");\n\n return (\n <tr\n className={`relative border border-gray-200 after:absolute after:w-full after:h-full after:top-0 after:left-0 after:pointer-events-none after:hover:bg-gray-500/10 ${\n !!props.onClickRow ? \"hover:cursor-pointer\" : \"\"\n } ${props.applyRowFormatting ? props.applyRowFormatting(row) : \"\"}`}\n onClick={(e) => {\n e.preventDefault();\n\n if (!!props.onClickRow) {\n props.onClickRow(row);\n reset();\n }\n }}\n data-testid={row.id}\n >\n {props.existCheckbox && (\n <td\n className=\"w-8 h-full\"\n onClick={(e) => {\n e.stopPropagation();\n }}\n >\n <Checkbox row={row} />\n </td>\n )}\n {props.cols.map((col, j) => {\n return (\n <TableCell\n key={col.key as string}\n id={IdGenerator.getTableCellId({\n rowIndex: props.rowIndex,\n columnIndex: j,\n })}\n row={row}\n isExistOnClickRow={!!props.onClickRow}\n cellFormatClassName={conditionalFormatting[j]}\n editable={col.editable ?? false}\n />\n );\n })}\n </tr>\n );\n});\n"],"names":["Row","memo","props","IdGenerator","useTableIdGenerator","reset","useRangeActionContext","row","JSON","parse","dataString","conditionalFormatting","conditionalFormattingString","split","_jsxs","className","concat","onClickRow","applyRowFormatting","onClick","e","preventDefault","id","children","existCheckbox","_jsx","stopPropagation","Checkbox","cols","map","col","j","TableCell","getTableCellId","rowIndex","columnIndex","isExistOnClickRow","cellFormatClassName","editable","_a","key"],"mappings":"2MAiBaA,EAAMC,EAAIA,MAAC,SAAiCC,GACvD,IAAMC,EAAcC,EAAAA,sBACZC,EAAUC,gCACZC,EAAMC,KAAKC,MAAMP,EAAMQ,YACvBC,EAAwBT,EAAMU,4BAA4BC,MAAM,KAEtE,OACEC,OACE,KAAA,CAAAC,UAAW,0JACTC,OAAEd,EAAMe,WAAa,uBAAyB,GAC5C,KAAAD,OAAAd,EAAMgB,mBAAqBhB,EAAMgB,mBAAmBX,GAAO,IAC/DY,QAAS,SAACC,GACRA,EAAEC,iBAEInB,EAAMe,aACVf,EAAMe,WAAWV,GACjBF,IAEH,gBACYE,EAAIe,GAEhBC,SAAA,CAAArB,EAAMsB,eACLC,EAAAA,IAAA,KAAA,CACEV,UAAU,aACVI,QAAS,SAACC,GACRA,EAAEM,iBACH,EAAAH,SAEDE,MAACE,EAAQA,SAAA,CAACpB,IAAKA,MAGlBL,EAAM0B,KAAKC,KAAI,SAACC,EAAKC,SACpB,OACEN,MAACO,EAASA,UAAA,CAERV,GAAInB,EAAY8B,eAAe,CAC7BC,SAAUhC,EAAMgC,SAChBC,YAAaJ,IAEfxB,IAAKA,EACL6B,oBAAqBlC,EAAMe,WAC3BoB,oBAAqB1B,EAAsBoB,GAC3CO,SAA0B,QAAhBC,EAAAT,EAAIQ,gBAAY,IAAAC,GAAAA,GARrBT,EAAIU,UAcrB"}

package/dist/cjs/src/table/table/base.js CHANGED Viewed

@@ -1,3 +1,3 @@
 "use client";
-"use strict";var e=require("../../../node_modules/tslib/tslib.es6.js"),r=require("react/jsx-runtime"),o=require("./hook.js"),i=require("../header/header.js"),s=require("../pagenation/providers.js"),t=require("../pagenation/components.js"),n=require("../filter/provider.js"),l=require("../filter/components.js");require("../sort/icon.js");var d=require("../sort/provider.js"),a=require("../sheet/providers.js"),c=require("../checkbox/provider.js"),x=require("../checkbox/components.js"),u=require("../edit/provider.js"),j=require("../table-property/provider.js"),p=require("../operation/components/keyboard-setting.js"),h=require("../sheet/components.js"),g=require("../paste/provider.js"),v=require("../libs/conditional-formatting.js"),m=require("../edit/ui/editor.js"),b=require("../filter/hooks/selectedFilteringColumn/provider.js"),w=require("../range/provider.js"),q=require("../copy/provider.js"),y=require("../copy/components.js"),C=require("../id/provider.js");function k(e){var s=o.useTable(e),n=s.cols,d=s.rowMaps,a=s.pageRowIds,c=b.useFilteringColumnStateContext(),u=w.useRangeActionContext().reset,j=C.useTableIdGenerator();return r.jsxs("div",{className:"w-full",children:[r.jsx("div",{className:"flex justify-end mb-1 mr-3",children:r.jsx(l.TableFilterRemoveButton,{children:r.jsx("p",{className:"text-xs underline text-gray-500 hover:text-gray-700",children:"全てのフィルタリング条件を解除する"})})}),r.jsxs("div",{id:j.getTableId(),className:"relative h-full max-w-full max-h-[80vh] border border-gray-200 bg-white rounded-md overflow-auto",children:[r.jsxs("table",{className:"table",children:[r.jsx("thead",{children:r.jsxs("tr",{className:"sticky top-0 border-gray-200 z-20 bg-gray-200 text-gray-600 h-[32px]",onClick:function(e){e.stopPropagation(),u()},children:[e.checkbox&&r.jsx("th",{children:r.jsx(x.AllCheckbox,{rows:e.rows})}),n.map((function(e,o){return r.jsx(i.TableHeaderElement,{id:j.getTableColId({columnIndex:o}),col:e},e.key.toString())}))]})}),r.jsxs("tbody",{children:[!!c&&r.jsx("tr",{onClick:function(e){e.stopPropagation(),u()},children:r.jsx("td",{colSpan:n.length,className:"sticky top-8 left-0 bg-gray-300 w-full shadow-lg rounded-b-2xl z-20 p-0 overflow-hidden",children:r.jsx(l.TableFilterForm,{})})}),0===a.length&&r.jsx("tr",{children:r.jsx("td",{colSpan:n.length,className:"py-5",children:r.jsx("p",{className:"text-center font-bold text-lg",children:"NO DATA"})})}),a.map((function(o,i){return r.jsx(h.Row,{existCheckbox:!!e.checkbox,rowIndex:i,dataString:d[o].stringValue,cols:e.cols,onClickRow:e.onClickRow,applyRowFormatting:e.applyRowFormatting,conditionalFormattingString:v.generateFormattingString(d[o].data,n,e.conditionalFormattings)},o)}))]})]}),r.jsx(w.TestRange,{}),r.jsx(m.Editor,{rowMaps:d,pageRowIds:a})]}),r.jsxs("div",{className:"mt-1",children:[r.jsx(t.DisplayRange,{}),r.jsx("div",{className:"mt-2",children:r.jsx(t.Pagenation,{})})]})]})}module.exports=function(o){var i,t,l,x;return r.jsx(C.TableIdGeneratorProvider,{id:o.id,children:r.jsx(n.FilterProvider,{children:r.jsx(d.SortProvider,{initialCondition:null===(i=o.initialCondition)||void 0===i?void 0:i.sort,children:r.jsx(s.PagenationProvider,{rowCount:o.rows.length,perPage:null===(l=null===(t=o.initialCondition)||void 0===t?void 0:t.pagenation)||void 0===l?void 0:l.rowCountPerPage,children:r.jsx(c.CheckboxProvider,{checkbox:o.checkbox,children:r.jsx(c.CheckboxStatusProvider,{checkboxCount:o.rows.length,children:r.jsx(a.ColumnsProvider,{cols:o.cols,errorHandler:o.errorHandler,children:r.jsx(u.EditProvider,{children:r.jsx(j.TablePropertyProvider,{children:r.jsx(w.RangeProvider,{children:r.jsxs(q.CopyProvider,{rows:o.rows,cols:o.cols,children:[r.jsx(y.CopiedMessage,{}),r.jsxs(g.PasteProvider,{rows:o.rows,cols:o.cols,onUpdateRowFunction:o.onUpdateRow,children:[r.jsx(p.KeyboardSetting,{enableDeprecatedCopy:null===(x=o.deprecatedOptions)||void 0===x?void 0:x.enableDeprecatedCopy}),r.jsx(k,e.__assign({},o))]})]})})})})})})})})})})})};
+"use strict";var e=require("../../../node_modules/tslib/tslib.es6.js"),r=require("react/jsx-runtime"),i=require("./hook.js"),o=require("../header/header.js"),s=require("../pagenation/providers.js"),t=require("../pagenation/components.js");require("../filter-v2/context.js");var n=require("../filter-v2/provider.js");require("../sort/icon.js");var d=require("../sort/provider.js"),a=require("../sheet/providers.js"),l=require("../checkbox/provider.js"),c=require("../edit/provider.js"),j=require("../table-property/provider.js"),x=require("../operation/components/keyboard-setting.js"),h=require("../sheet/components.js"),u=require("../paste/provider.js"),p=require("../libs/conditional-formatting.js"),v=require("../edit/ui/editor.js"),m=require("../range/provider.js"),g=require("../copy/provider.js"),b=require("../copy/components.js"),q=require("../id/provider.js"),w=require("../header/header-v2.js");require("../header/columns-width/context.js");var P=require("../header/columns-width/provider.js");require("../header/x-scroll-position/context.js");var C=require("../header/x-scroll-position/provider.js"),k=require("../frame/frame.js"),y=require("./component-provider/provider.js"),S=require("../../select-box/provider.js");function R(e){var s=i.useTable(e),n=s.cols,d=s.rowMaps,a=s.pageRowIds,l=q.useTableIdGenerator(),c=y.useGenerateSortButton();return r.jsxs("div",{className:"w-full",children:[r.jsxs("div",{children:[r.jsx(w.TableHeader,{cols:n,checkbox:!!e.checkbox,rows:e.rows,maxWidth:e.maxWidth,generateSortButton:c}),r.jsx(S.SelectBoxProvider,{children:r.jsxs(k.Frame,{id:l.getTableId(),maxHeight:e.maxHeight,maxWidth:e.maxWidth,displayScroll:!1,children:[r.jsxs("table",{className:"table",children:[r.jsx("thead",{children:r.jsxs("tr",{children:[e.checkbox&&r.jsx("th",{}),n.map((function(e){return r.jsx(o.TableHeaderElement,{keyname:e.key.toString()},e.key.toString())}))]})}),r.jsxs("tbody",{children:[0===a.length&&r.jsx("tr",{children:r.jsx("td",{colSpan:n.length,className:"py-5",children:r.jsx("p",{className:"text-center font-bold text-lg",children:"NO DATA"})})}),a.map((function(i,o){return r.jsx(h.Row,{existCheckbox:!!e.checkbox,rowIndex:o,dataString:d[i].stringValue,cols:e.cols,onClickRow:e.onClickRow,applyRowFormatting:e.applyRowFormatting,conditionalFormattingString:p.generateFormattingString(d[i].data,n,e.conditionalFormattings)},i)}))]})]}),r.jsx(m.TestRange,{}),r.jsx(v.Editor,{rowMaps:d,pageRowIds:a})]})})]}),r.jsxs("div",{className:"mt-1",children:[r.jsx(t.DisplayRange,{}),r.jsx("div",{className:"mt-2",children:r.jsx(t.Pagenation,{})})]})]})}module.exports=function(i){var o,t,h,p;return r.jsx(y.ComponentProvider,{children:r.jsx(q.TableIdGeneratorProvider,{id:i.id,children:r.jsx(P.ColumnsWidthProvider,{initialState:i.cols,children:r.jsx(n.FilterProvider,{initialConditions:[],children:r.jsx(d.SortProvider,{initialCondition:null===(o=i.initialCondition)||void 0===o?void 0:o.sort,children:r.jsx(s.PagenationProvider,{rowCount:i.rows.length,perPage:null===(h=null===(t=i.initialCondition)||void 0===t?void 0:t.pagenation)||void 0===h?void 0:h.rowCountPerPage,children:r.jsx(l.CheckboxProvider,{checkbox:i.checkbox,children:r.jsx(l.CheckboxStatusProvider,{checkboxCount:i.rows.length,children:r.jsx(a.ColumnsProvider,{cols:i.cols,errorHandler:i.errorHandler,children:r.jsx(c.EditProvider,{children:r.jsx(j.TablePropertyProvider,{children:r.jsx(m.RangeProvider,{children:r.jsxs(g.CopyProvider,{rows:i.rows,cols:i.cols,children:[r.jsx(b.CopiedMessage,{}),r.jsxs(u.PasteProvider,{rows:i.rows,cols:i.cols,onUpdateRowFunction:i.onUpdateRow,children:[r.jsx(x.KeyboardSetting,{enableDeprecatedCopy:null===(p=i.deprecatedOptions)||void 0===p?void 0:p.enableDeprecatedCopy}),r.jsx(C.ScrollXPositionProvider,{children:r.jsx(R,e.__assign({},i))})]})]})})})})})})})})})})})})})};
 //# sourceMappingURL=base.js.map

package/dist/cjs/src/table/table/component-provider/provider.js ADDED Viewed

@@ -0,0 +1,3 @@
+"use client";
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("../../sort/components.js");require("../../sort/provider.js");var n=e.createContext((function(){return r.jsx(r.Fragment,{})}));exports.ComponentProvider=function(o){var u=e.useCallback((function(e){return r.jsx(t.SortButton,{columnKey:e})}),[]);return r.jsx(n.Provider,{value:u,children:o.children})},exports.useGenerateSortButton=function(){return e.useContext(n)};
+//# sourceMappingURL=provider.js.map

package/dist/cjs/src/table/table/component-provider/provider.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"provider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/cjs/src/table/table/hook.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("../pagenation/providers.js");require("react/jsx-runtime");var r=require("../filter/provider.js");require("../filter/constants.js"),require("../sheet/providers.js"),require("../filter/hooks/selectedFilteringColumn/provider.js");var o=require("../checkbox/provider.js"),n=require("../sort/provider.js"),u=require("../table-property/provider.js"),s=require("../paste/provider.js"),i=require("../copy/provider.js");exports.useTable=function(c){var a=r.useFilterContext().filter,f=n.useSortActionContext(),l=f.sort,p=f.updatedData,d=n.useSortTimingContext(),v=t.usePageContext(),h=v.setRowCount,x=v.pageFilter,C=o.useCheckboxStatusContext().dispatchCheckboxStatus,g=s.usePasteActionContext().setRows,w=i.useCopyActionContext().setRows,j=u.useTablePropertyActionContext(),m=j.setMaxDisplayColCount,q=j.setMaxDisplayRowCount,b=e.useMemo((function(){return a(c.rows)}),[a,d,c.rows.length]);e.useEffect((function(){h(b.length)}),[b.length]);var k=e.useMemo((function(){return c.checkbox?c.rows.filter((function(e){var t;return null===(t=c.checkbox)||void 0===t?void 0:t.checked(e)})):[]}),[c.checkbox,c.rows]);e.useEffect((function(){C({type:"SET",payload:{checkedRecords:k}})}),[k]);var y=e.useMemo((function(){return l(b)}),[b,d]);e.useEffect((function(){p()}),[c.rows]);var M=e.useMemo((function(){return x(y)}),[x,y]),E=e.useMemo((function(){return M.map((function(e){return e.id}))}),[M]),S=e.useMemo((function(){return new Set(E)}),[E]),R=e.useMemo((function(){return c.rows.filter((function(e){return S.has(e.id)})).reduce((function(e,t){var r=Object.keys(t).sort().reduce((function(e,r){return e[r]=t[r],e}),{});return e[t.id]={data:r,stringValue:JSON.stringify(r)},e}),{})}),[c.rows,S]);return e.useEffect((function(){m(c.cols.length)}),[c.cols.length]),e.useEffect((function(){q(E.length)}),[E.length]),e.useEffect((function(){var e=E.map((function(e){return R[e].data}));w(e),g(e)}),[R]),{cols:c.cols,rowMaps:R,pageRowIds:E}};
+"use strict";var e=require("react"),t=require("../pagenation/providers.js"),r=require("../checkbox/provider.js"),o=require("../sort/provider.js"),n=require("../table-property/provider.js"),u=require("../paste/provider.js"),s=require("../copy/provider.js"),i=require("../filter-v2/context.js");exports.useTable=function(c){var a=i.useFilterFunctions().filter,f=o.useSortActionContext(),l=f.sort,p=f.updatedData,d=o.useSortTimingContext(),h=t.usePageContext(),v=h.setRowCount,x=h.pageFilter,g=r.useCheckboxStatusContext().dispatchCheckboxStatus,w=u.usePasteActionContext().setRows,C=s.useCopyActionContext().setRows,b=n.useTablePropertyActionContext(),m=b.setMaxDisplayColCount,y=b.setMaxDisplayRowCount,M=e.useMemo((function(){return a(c.rows)}),[a,d,c.rows.length]);e.useEffect((function(){v(M.length)}),[M.length]);var k=e.useMemo((function(){return c.checkbox?c.rows.filter((function(e){var t;return null===(t=c.checkbox)||void 0===t?void 0:t.checked(e)})):[]}),[c.checkbox,c.rows]);e.useEffect((function(){g({type:"SET",payload:{checkedRecords:k}})}),[k]);var j=e.useMemo((function(){return l(M)}),[M,d]);e.useEffect((function(){p()}),[c.rows]);var q=e.useMemo((function(){return x(j)}),[x,j]),E=e.useMemo((function(){return q.map((function(e){return e.id}))}),[q]),S=e.useMemo((function(){return new Set(E)}),[E]),R=e.useMemo((function(){return c.rows.filter((function(e){return S.has(e.id)})).reduce((function(e,t){var r=Object.keys(t).sort().reduce((function(e,r){return e[r]=t[r],e}),{});return e[t.id]={data:r,stringValue:JSON.stringify(r)},e}),{})}),[c.rows,S]);return e.useEffect((function(){m(c.cols.length)}),[c.cols.length]),e.useEffect((function(){y(E.length)}),[E.length]),e.useEffect((function(){var e=E.map((function(e){return R[e].data}));C(e),w(e)}),[R]),{cols:c.cols,rowMaps:R,pageRowIds:E}};
 //# sourceMappingURL=hook.js.map

package/dist/cjs/src/table/table/hook.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hook.js","sources":["../../../../../src/table/table/hook.ts"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport { DataObject, DataRecord, TPropsTable } from \"./type\";\nimport { usePageContext } from \"../pagenation/providers\";\nimport { ~~useFilterContext } from \"../filter\";\nimport {~~ useCheckboxStatusContext } from \"../checkbox/provider\";\nimport { useSortActionContext, useSortTimingContext } from \"../sort/provider\";\nimport { useTablePropertyActionContext } from \"../table-property/provider\";\nimport { usePasteActionContext } from \"../paste/provider\";\nimport { useCopyActionContext } from \"../copy/provider\";\n\nexport function useTable<T extends DataRecord>(props: TPropsTable<T>) {\n const { filter } = ~~useFilterContext~~();\n const { sort, updatedData } = useSortActionContext();\n const sortTiming = useSortTimingContext();\n const { setRowCount, pageFilter } = usePageContext();\n const { dispatchCheckboxStatus } = useCheckboxStatusContext();\n const { setRows: setRowsForPaste } = usePasteActionContext();\n const { setRows: setRowsForCopy } = useCopyActionContext();\n const { setMaxDisplayColCount, setMaxDisplayRowCount } =\n useTablePropertyActionContext();\n\n const filteredRows = useMemo(\n () => filter(props.rows),\n [filter, sortTiming, props.rows.length]\n );\n\n useEffect(() => {\n setRowCount(filteredRows.length);\n }, [filteredRows.length]);\n\n const checkBoxes = useMemo(() => {\n if (!props.checkbox) {\n return [];\n }\n\n return props.rows.filter((row) => props.checkbox?.checked(row));\n }, [props.checkbox, props.rows]);\n\n useEffect(() => {\n dispatchCheckboxStatus({\n type: \"SET\",\n payload: { checkedRecords: checkBoxes },\n });\n }, [checkBoxes]);\n\n const sortedRows = useMemo(\n () => sort(filteredRows),\n [filteredRows, sortTiming]\n );\n\n useEffect(() => {\n updatedData();\n }, [props.rows]);\n\n const pageRows = useMemo(\n () => pageFilter(sortedRows),\n [pageFilter, sortedRows]\n );\n\n const pageRowIds = useMemo(() => pageRows.map((row) => row.id), [pageRows]);\n const pageRowIdSets = useMemo(() => new Set(pageRowIds), [pageRowIds]);\n\n const rowMaps = useMemo(\n () =>\n props.rows\n .filter((row) => pageRowIdSets.has(row.id))\n .reduce((acc, row) => {\n const rowSortedByKey = Object.keys(row)\n .sort()\n .reduce((acc, key) => {\n acc[key] = row[key];\n return acc;\n }, {} as { [key: string]: string \| number });\n\n acc[row.id] = {\n data: rowSortedByKey,\n stringValue: JSON.stringify(rowSortedByKey),\n };\n return acc;\n }, {} as { [id: string \| number]: { data: DataObject<any>; stringValue: string } }),\n [props.rows, pageRowIdSets]\n );\n\n useEffect(() => {\n setMaxDisplayColCount(props.cols.length);\n }, [props.cols.length]);\n\n useEffect(() => {\n setMaxDisplayRowCount(pageRowIds.length);\n }, [pageRowIds.length]);\n\n useEffect(() => {\n const rows = pageRowIds.map((id) => rowMaps[id].data);\n setRowsForCopy(rows);\n setRowsForPaste(rows);\n }, [rowMaps]);\n\n return {\n cols: props.cols,\n rowMaps,\n pageRowIds,\n };\n}\n"],"names":["props","filter","~~useFilterContext~~","_a","useSortActionContext","sort","updatedData","sortTiming","useSortTimingContext","_b","usePageContext","setRowCount","pageFilter","dispatchCheckboxStatus","useCheckboxStatusContext","setRowsForPaste","usePasteActionContext","setRowsForCopy","useCopyActionContext","_c","useTablePropertyActionContext","setMaxDisplayColCount","setMaxDisplayRowCount","filteredRows","useMemo","rows","length","useEffect","checkBoxes","checkbox","row","checked","type","payload","checkedRecords","sortedRows","pageRows","pageRowIds","map","id","pageRowIdSets","Set","rowMaps","has","reduce","acc","rowSortedByKey","Object","keys","key","data","stringValue","JSON","stringify","cols"],"mappings":"~~2dAUM~~,SAAyCA,GACrC,IAAAC,EAAWC,~~4BACbC~~,EAAwBC,EAAoBA,uBAA1CC,EAAIF,EAAAE,KAAEC,EAAWH,EAAAG,YACnBC,EAAaC,EAAAA,uBACbC,EAA8BC,EAAcA,iBAA1CC,EAAWF,EAAAE,YAAEC,EAAUH,EAAAG,WACvBC,EAA2BC,oDAClBC,EAAoBC,kCACpBC,EAAmBC,iCAC9BC,EACJC,EAA6BA,gCADvBC,EAAqBF,EAAAE,sBAAEC,EAAqBH,EAAAG,sBAG9CC,EAAeC,EAAAA,SACnB,WAAM,OAAAvB,EAAOD,EAAMyB,KAAK,GACxB,CAACxB,EAAQM,EAAYP,EAAMyB,KAAKC,SAGlCC,EAAAA,WAAU,WACRhB,EAAYY,EAAaG,OAC3B,GAAG,CAACH,EAAaG,SAEjB,IAAME,EAAaJ,EAAAA,SAAQ,WACzB,OAAKxB,EAAM6B,SAIJ7B,EAAMyB,KAAKxB,QAAO,SAAC6B,GAAG,IAAA3B,EAAK,eAAAA,EAAAH,EAAM6B,+BAAUE,QAAQD,EAAI,IAHrD,EAIV,GAAE,CAAC9B,EAAM6B,SAAU7B,EAAMyB,OAE1BE,EAAAA,WAAU,WACRd,EAAuB,CACrBmB,KAAM,MACNC,QAAS,CAAEC,eAAgBN,IAE/B,GAAG,CAACA,IAEJ,IAAMO,EAAaX,EAAAA,SACjB,WAAM,OAAAnB,EAAKkB,KACX,CAACA,EAAchB,IAGjBoB,EAAAA,WAAU,WACRrB,GACF,GAAG,CAACN,EAAMyB,OAEV,IAAMW,EAAWZ,EAAAA,SACf,WAAM,OAAAZ,EAAWuB,KACjB,CAACvB,EAAYuB,IAGTE,EAAab,EAAAA,SAAQ,WAAM,OAAAY,EAASE,KAAI,SAACR,GAAQ,OAAAA,EAAIS,EAAE,GAAC,GAAE,CAACH,IAC3DI,EAAgBhB,EAAAA,SAAQ,WAAM,OAAA,IAAIiB,IAAIJ,EAAW,GAAE,CAACA,IAEpDK,EAAUlB,EAAAA,SACd,WACE,OAAAxB,EAAMyB,KACHxB,QAAO,SAAC6B,GAAQ,OAAAU,EAAcG,IAAIb,EAAIS,OACtCK,QAAO,SAACC,EAAKf,GACZ,IAAMgB,EAAiBC,OAAOC,KAAKlB,GAChCzB,OACAuC,QAAO,SAACC,EAAKI,GAEZ,OADAJ,EAAII,GAAOnB,EAAImB,GACRJ,CACR,GAAE,CAAwC,GAM7C,OAJAA,EAAIf,EAAIS,IAAM,CACZW,KAAMJ,EACNK,YAAaC,KAAKC,UAAUP,IAEvBD,CACR,GAAE,CAA+E,EAAC,GACvF,CAAC7C,EAAMyB,KAAMe,IAiBf,OAdAb,EAAAA,WAAU,WACRN,EAAsBrB,EAAMsD,KAAK5B,OAClC,GAAE,CAAC1B,EAAMsD,KAAK5B,SAEfC,EAAAA,WAAU,WACRL,EAAsBe,EAAWX,OACnC,GAAG,CAACW,EAAWX,SAEfC,EAAAA,WAAU,WACR,IAAMF,EAAOY,EAAWC,KAAI,SAACC,GAAO,OAAAG,EAAQH,GAAIW,IAAI,IACpDjC,EAAeQ,GACfV,EAAgBU,EAClB,GAAG,CAACiB,IAEG,CACLY,KAAMtD,EAAMsD,KACZZ,QAAOA,EACPL,WAAUA,EAEd"}
1	+ {"version":3,"file":"hook.js","sources":["../../../../../src/table/table/hook.ts"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport { DataObject, DataRecord, TPropsTable } from \"./type\";\nimport { usePageContext } from \"../pagenation/providers\";\nimport { useCheckboxStatusContext } from \"../checkbox/provider\";\nimport { useSortActionContext, useSortTimingContext } from \"../sort/provider\";\nimport { useTablePropertyActionContext } from \"../table-property/provider\";\nimport { usePasteActionContext } from \"../paste/provider\";\nimport { useCopyActionContext } from \"../copy/provider\";\nimport { useFilterFunctions } from \"../filter-v2/context\";\n\nexport function useTable<T extends DataRecord>(props: TPropsTable<T>) {\n const { filter } = useFilterFunctions();\n const { sort, updatedData } = useSortActionContext();\n const sortTiming = useSortTimingContext();\n const { setRowCount, pageFilter } = usePageContext();\n const { dispatchCheckboxStatus } = useCheckboxStatusContext();\n const { setRows: setRowsForPaste } = usePasteActionContext();\n const { setRows: setRowsForCopy } = useCopyActionContext();\n const { setMaxDisplayColCount, setMaxDisplayRowCount } =\n useTablePropertyActionContext();\n\n const filteredRows = useMemo(\n () => filter(props.rows),\n [filter, sortTiming, props.rows.length]\n );\n\n useEffect(() => {\n setRowCount(filteredRows.length);\n }, [filteredRows.length]);\n\n const checkBoxes = useMemo(() => {\n if (!props.checkbox) {\n return [];\n }\n\n return props.rows.filter((row) => props.checkbox?.checked(row));\n }, [props.checkbox, props.rows]);\n\n useEffect(() => {\n dispatchCheckboxStatus({\n type: \"SET\",\n payload: { checkedRecords: checkBoxes },\n });\n }, [checkBoxes]);\n\n const sortedRows = useMemo(\n () => sort(filteredRows),\n [filteredRows, sortTiming]\n );\n\n useEffect(() => {\n updatedData();\n }, [props.rows]);\n\n const pageRows = useMemo(\n () => pageFilter(sortedRows),\n [pageFilter, sortedRows]\n );\n\n const pageRowIds = useMemo(() => pageRows.map((row) => row.id), [pageRows]);\n const pageRowIdSets = useMemo(() => new Set(pageRowIds), [pageRowIds]);\n\n const rowMaps = useMemo(\n () =>\n props.rows\n .filter((row) => pageRowIdSets.has(row.id))\n .reduce((acc, row) => {\n const rowSortedByKey = Object.keys(row)\n .sort()\n .reduce((acc, key) => {\n acc[key] = row[key];\n return acc;\n }, {} as { [key: string]: string \| number });\n\n acc[row.id] = {\n data: rowSortedByKey,\n stringValue: JSON.stringify(rowSortedByKey),\n };\n return acc;\n }, {} as { [id: string \| number]: { data: DataObject<any>; stringValue: string } }),\n [props.rows, pageRowIdSets]\n );\n\n useEffect(() => {\n setMaxDisplayColCount(props.cols.length);\n }, [props.cols.length]);\n\n useEffect(() => {\n setMaxDisplayRowCount(pageRowIds.length);\n }, [pageRowIds.length]);\n\n useEffect(() => {\n const rows = pageRowIds.map((id) => rowMaps[id].data);\n setRowsForCopy(rows);\n setRowsForPaste(rows);\n }, [rowMaps]);\n\n return {\n cols: props.cols,\n rowMaps,\n pageRowIds,\n };\n}\n"],"names":["props","filter","useFilterFunctions","_a","useSortActionContext","sort","updatedData","sortTiming","useSortTimingContext","_b","usePageContext","setRowCount","pageFilter","dispatchCheckboxStatus","useCheckboxStatusContext","setRowsForPaste","usePasteActionContext","setRowsForCopy","useCopyActionContext","_c","useTablePropertyActionContext","setMaxDisplayColCount","setMaxDisplayRowCount","filteredRows","useMemo","rows","length","useEffect","checkBoxes","checkbox","row","checked","type","payload","checkedRecords","sortedRows","pageRows","pageRowIds","map","id","pageRowIdSets","Set","rowMaps","has","reduce","acc","rowSortedByKey","Object","keys","key","data","stringValue","JSON","stringify","cols"],"mappings":"sTAUM,SAAyCA,GACrC,IAAAC,EAAWC,8BACbC,EAAwBC,EAAoBA,uBAA1CC,EAAIF,EAAAE,KAAEC,EAAWH,EAAAG,YACnBC,EAAaC,EAAAA,uBACbC,EAA8BC,EAAcA,iBAA1CC,EAAWF,EAAAE,YAAEC,EAAUH,EAAAG,WACvBC,EAA2BC,oDAClBC,EAAoBC,kCACpBC,EAAmBC,iCAC9BC,EACJC,EAA6BA,gCADvBC,EAAqBF,EAAAE,sBAAEC,EAAqBH,EAAAG,sBAG9CC,EAAeC,EAAAA,SACnB,WAAM,OAAAvB,EAAOD,EAAMyB,KAAK,GACxB,CAACxB,EAAQM,EAAYP,EAAMyB,KAAKC,SAGlCC,EAAAA,WAAU,WACRhB,EAAYY,EAAaG,OAC3B,GAAG,CAACH,EAAaG,SAEjB,IAAME,EAAaJ,EAAAA,SAAQ,WACzB,OAAKxB,EAAM6B,SAIJ7B,EAAMyB,KAAKxB,QAAO,SAAC6B,GAAG,IAAA3B,EAAK,eAAAA,EAAAH,EAAM6B,+BAAUE,QAAQD,EAAI,IAHrD,EAIV,GAAE,CAAC9B,EAAM6B,SAAU7B,EAAMyB,OAE1BE,EAAAA,WAAU,WACRd,EAAuB,CACrBmB,KAAM,MACNC,QAAS,CAAEC,eAAgBN,IAE/B,GAAG,CAACA,IAEJ,IAAMO,EAAaX,EAAAA,SACjB,WAAM,OAAAnB,EAAKkB,KACX,CAACA,EAAchB,IAGjBoB,EAAAA,WAAU,WACRrB,GACF,GAAG,CAACN,EAAMyB,OAEV,IAAMW,EAAWZ,EAAAA,SACf,WAAM,OAAAZ,EAAWuB,KACjB,CAACvB,EAAYuB,IAGTE,EAAab,EAAAA,SAAQ,WAAM,OAAAY,EAASE,KAAI,SAACR,GAAQ,OAAAA,EAAIS,EAAE,GAAC,GAAE,CAACH,IAC3DI,EAAgBhB,EAAAA,SAAQ,WAAM,OAAA,IAAIiB,IAAIJ,EAAW,GAAE,CAACA,IAEpDK,EAAUlB,EAAAA,SACd,WACE,OAAAxB,EAAMyB,KACHxB,QAAO,SAAC6B,GAAQ,OAAAU,EAAcG,IAAIb,EAAIS,OACtCK,QAAO,SAACC,EAAKf,GACZ,IAAMgB,EAAiBC,OAAOC,KAAKlB,GAChCzB,OACAuC,QAAO,SAACC,EAAKI,GAEZ,OADAJ,EAAII,GAAOnB,EAAImB,GACRJ,CACR,GAAE,CAAwC,GAM7C,OAJAA,EAAIf,EAAIS,IAAM,CACZW,KAAMJ,EACNK,YAAaC,KAAKC,UAAUP,IAEvBD,CACR,GAAE,CAA+E,EAAC,GACvF,CAAC7C,EAAMyB,KAAMe,IAiBf,OAdAb,EAAAA,WAAU,WACRN,EAAsBrB,EAAMsD,KAAK5B,OAClC,GAAE,CAAC1B,EAAMsD,KAAK5B,SAEfC,EAAAA,WAAU,WACRL,EAAsBe,EAAWX,OACnC,GAAG,CAACW,EAAWX,SAEfC,EAAAA,WAAU,WACR,IAAMF,EAAOY,EAAWC,KAAI,SAACC,GAAO,OAAAG,EAAQH,GAAIW,IAAI,IACpDjC,EAAeQ,GACfV,EAAgBU,EAClB,GAAG,CAACiB,IAEG,CACLY,KAAMtD,EAAMsD,KACZZ,QAAOA,EACPL,WAAUA,EAEd"}

package/dist/esm/node_modules/react-icons/bi/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{GenIcon as t}from"../lib/iconBase.js";import"../lib/iconContext.js";function a(a){return t({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z"},child:[]},{tag:"path",attr:{d:"M11.412 8.586c.379.38.588.882.588 1.414h2a3.977 3.977 0 0 0-1.174-2.828c-1.514-1.512-4.139-1.512-5.652 0l1.412 1.416c.76-.758 2.07-.756 2.826-.002z"},child:[]}]})(a)}export{a as BiSearchAlt};
2	+ //# sourceMappingURL=index.js.map