@teppen/react-ui 1.7.6 → 1.8.0
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.
- package/dist/cjs/node_modules/react-icons/bi/index.js +2 -0
- package/dist/cjs/node_modules/react-icons/bi/index.js.map +1 -0
- package/dist/cjs/node_modules/react-icons/ti/index.js +2 -0
- package/dist/cjs/node_modules/react-icons/ti/index.js.map +1 -0
- package/dist/cjs/src/search-bar/condition-search-bar/base.js +3 -0
- package/dist/cjs/src/search-bar/condition-search-bar/base.js.map +1 -0
- package/dist/cjs/src/search-bar/condition-search-bar/condition-input-management/context.js +2 -0
- package/dist/cjs/src/search-bar/condition-search-bar/condition-input-management/context.js.map +1 -0
- package/dist/cjs/src/search-bar/condition-search-bar/condition-input-management/hook.js +2 -0
- package/dist/cjs/src/search-bar/condition-search-bar/condition-input-management/hook.js.map +1 -0
- package/dist/cjs/src/search-bar/condition-search-bar/condition-input-management/provider.js +2 -0
- package/dist/cjs/src/search-bar/condition-search-bar/condition-input-management/provider.js.map +1 -0
- package/dist/cjs/src/search-bar/condition-search-bar/condition-input-management/reducer.js +2 -0
- package/dist/cjs/src/search-bar/condition-search-bar/condition-input-management/reducer.js.map +1 -0
- package/dist/cjs/src/search-bar/condition-search-bar/condition-list.js +3 -0
- package/dist/cjs/src/search-bar/condition-search-bar/condition-list.js.map +1 -0
- package/dist/cjs/src/search-bar/condition-search-bar/input-form.js +3 -0
- package/dist/cjs/src/search-bar/condition-search-bar/input-form.js.map +1 -0
- package/dist/cjs/src/search-bar/id-generator/context.js +2 -0
- package/dist/cjs/src/search-bar/id-generator/context.js.map +1 -0
- package/dist/cjs/src/search-bar/id-generator/provider.js +3 -0
- package/dist/cjs/src/select-box/index.js +2 -1
- package/dist/cjs/src/select-box/index.js.map +1 -1
- package/dist/cjs/src/select-box/options-window/component.js +2 -0
- package/dist/cjs/src/select-box/options-window/component.js.map +1 -0
- package/dist/cjs/src/select-box/options-window/context.js +2 -0
- package/dist/cjs/src/select-box/options-window/context.js.map +1 -0
- package/dist/cjs/src/select-box/options-window/hook.js +2 -0
- package/dist/cjs/src/select-box/options-window/hook.js.map +1 -0
- package/dist/cjs/src/select-box/options-window/provider.js +2 -0
- package/dist/cjs/src/select-box/options-window/provider.js.map +1 -0
- package/dist/cjs/src/select-box/options-window/reducer.js +2 -0
- package/dist/cjs/src/select-box/options-window/reducer.js.map +1 -0
- package/dist/cjs/src/select-box/parts/frame.js +1 -1
- package/dist/cjs/src/select-box/parts/frame.js.map +1 -1
- package/dist/cjs/src/select-box/parts/input-area.js +1 -1
- package/dist/cjs/src/select-box/provider.js +3 -0
- package/dist/cjs/src/share/search-operator/constant.js +2 -0
- package/dist/cjs/src/share/search-operator/constant.js.map +1 -0
- package/dist/cjs/src/table/cell/hooks.js +1 -1
- package/dist/cjs/src/table/cell/hooks.js.map +1 -1
- package/dist/cjs/src/table/checkbox/components.js +1 -1
- package/dist/cjs/src/table/filter-v2/context.js +2 -0
- package/dist/cjs/src/table/filter-v2/context.js.map +1 -0
- package/dist/cjs/src/table/filter-v2/hook.js +2 -0
- package/dist/cjs/src/table/filter-v2/hook.js.map +1 -0
- package/dist/cjs/src/table/filter-v2/provider.js +2 -0
- package/dist/cjs/src/table/filter-v2/provider.js.map +1 -0
- package/dist/cjs/src/table/filter-v2/reducer.js +2 -0
- package/dist/cjs/src/table/filter-v2/reducer.js.map +1 -0
- package/dist/cjs/src/table/frame/frame.js +3 -0
- package/dist/cjs/src/table/frame/frame.js.map +1 -0
- package/dist/cjs/src/table/header/columns-width/context.js +2 -0
- package/dist/cjs/src/table/header/columns-width/context.js.map +1 -0
- package/dist/cjs/src/table/header/columns-width/provider.js +3 -0
- package/dist/cjs/src/table/header/columns-width/provider.js.map +1 -0
- package/dist/cjs/src/table/header/columns-width/reducer.js +2 -0
- package/dist/cjs/src/table/header/columns-width/reducer.js.map +1 -0
- package/dist/cjs/src/table/header/header-v2-hook.js +2 -0
- package/dist/cjs/src/table/header/header-v2-hook.js.map +1 -0
- package/dist/cjs/src/table/header/header-v2.js +2 -0
- package/dist/cjs/src/table/header/header-v2.js.map +1 -0
- package/dist/cjs/src/table/header/header.js +1 -1
- package/dist/cjs/src/table/header/x-scroll-position/context.js +2 -0
- package/dist/cjs/src/table/header/x-scroll-position/context.js.map +1 -0
- package/dist/cjs/src/table/header/x-scroll-position/provider.js +2 -0
- package/dist/cjs/src/table/header/x-scroll-position/provider.js.map +1 -0
- package/dist/cjs/src/table/header/x-scroll-position/reducer.js +2 -0
- package/dist/cjs/src/table/header/x-scroll-position/reducer.js.map +1 -0
- package/dist/cjs/src/table/id/id-generator.js +1 -1
- package/dist/cjs/src/table/id/id-generator.js.map +1 -1
- package/dist/cjs/src/table/range/provider.js +1 -1
- package/dist/cjs/src/table/range/provider.js.map +1 -1
- package/dist/cjs/src/table/sheet/components.js +1 -1
- package/dist/cjs/src/table/sheet/components.js.map +1 -1
- package/dist/cjs/src/table/table/base.js +1 -1
- package/dist/cjs/src/table/table/component-provider/provider.js +3 -0
- package/dist/cjs/src/table/table/component-provider/provider.js.map +1 -0
- package/dist/cjs/src/table/table/hook.js +1 -1
- package/dist/cjs/src/table/table/hook.js.map +1 -1
- package/dist/esm/node_modules/react-icons/bi/index.js +2 -0
- package/dist/esm/node_modules/react-icons/bi/index.js.map +1 -0
- package/dist/esm/node_modules/react-icons/ti/index.js +2 -0
- package/dist/esm/node_modules/react-icons/ti/index.js.map +1 -0
- package/dist/esm/src/search-bar/condition-search-bar/base.js +3 -0
- package/dist/esm/src/search-bar/condition-search-bar/base.js.map +1 -0
- package/dist/esm/src/search-bar/condition-search-bar/condition-input-management/context.js +2 -0
- package/dist/esm/src/search-bar/condition-search-bar/condition-input-management/context.js.map +1 -0
- package/dist/esm/src/search-bar/condition-search-bar/condition-input-management/hook.js +2 -0
- package/dist/esm/src/search-bar/condition-search-bar/condition-input-management/hook.js.map +1 -0
- package/dist/esm/src/search-bar/condition-search-bar/condition-input-management/provider.js +2 -0
- package/dist/esm/src/search-bar/condition-search-bar/condition-input-management/provider.js.map +1 -0
- package/dist/esm/src/search-bar/condition-search-bar/condition-input-management/reducer.js +2 -0
- package/dist/esm/src/search-bar/condition-search-bar/condition-input-management/reducer.js.map +1 -0
- package/dist/esm/src/search-bar/condition-search-bar/condition-list.js +3 -0
- package/dist/esm/src/search-bar/condition-search-bar/condition-list.js.map +1 -0
- package/dist/esm/src/search-bar/condition-search-bar/input-form.js +3 -0
- package/dist/esm/src/search-bar/condition-search-bar/input-form.js.map +1 -0
- package/dist/esm/src/search-bar/id-generator/context.js +2 -0
- package/dist/esm/src/search-bar/id-generator/context.js.map +1 -0
- package/dist/esm/src/search-bar/id-generator/provider.js +3 -0
- package/dist/esm/src/search-bar/id-generator/provider.js.map +1 -0
- package/dist/esm/src/select-box/index.js +2 -1
- package/dist/esm/src/select-box/index.js.map +1 -1
- package/dist/esm/src/select-box/options-window/component.js +2 -0
- package/dist/esm/src/select-box/options-window/component.js.map +1 -0
- package/dist/esm/src/select-box/options-window/context.js +2 -0
- package/dist/esm/src/select-box/options-window/context.js.map +1 -0
- package/dist/esm/src/select-box/options-window/hook.js +2 -0
- package/dist/esm/src/select-box/options-window/hook.js.map +1 -0
- package/dist/esm/src/select-box/options-window/provider.js +2 -0
- package/dist/esm/src/select-box/options-window/provider.js.map +1 -0
- package/dist/esm/src/select-box/options-window/reducer.js +2 -0
- package/dist/esm/src/select-box/options-window/reducer.js.map +1 -0
- package/dist/esm/src/select-box/parts/frame.js +1 -1
- package/dist/esm/src/select-box/parts/frame.js.map +1 -1
- package/dist/esm/src/select-box/parts/input-area.js +1 -1
- package/dist/esm/src/select-box/provider.js +3 -0
- package/dist/esm/src/select-box/provider.js.map +1 -0
- package/dist/esm/src/share/search-operator/constant.js +2 -0
- package/dist/esm/src/share/search-operator/constant.js.map +1 -0
- package/dist/esm/src/table/cell/hooks.js +1 -1
- package/dist/esm/src/table/cell/hooks.js.map +1 -1
- package/dist/esm/src/table/checkbox/components.js +1 -1
- package/dist/esm/src/table/filter-v2/context.js +2 -0
- package/dist/esm/src/table/filter-v2/context.js.map +1 -0
- package/dist/esm/src/table/filter-v2/hook.js +2 -0
- package/dist/esm/src/table/filter-v2/hook.js.map +1 -0
- package/dist/esm/src/table/filter-v2/provider.js +2 -0
- package/dist/esm/src/table/filter-v2/provider.js.map +1 -0
- package/dist/esm/src/table/filter-v2/reducer.js +2 -0
- package/dist/esm/src/table/filter-v2/reducer.js.map +1 -0
- package/dist/esm/src/table/frame/frame.js +3 -0
- package/dist/esm/src/table/frame/frame.js.map +1 -0
- package/dist/esm/src/table/header/columns-width/context.js +2 -0
- package/dist/esm/src/table/header/columns-width/context.js.map +1 -0
- package/dist/esm/src/table/header/columns-width/provider.js +3 -0
- package/dist/esm/src/table/header/columns-width/provider.js.map +1 -0
- package/dist/esm/src/table/header/columns-width/reducer.js +2 -0
- package/dist/esm/src/table/header/columns-width/reducer.js.map +1 -0
- package/dist/esm/src/table/header/header-v2-hook.js +2 -0
- package/dist/esm/src/table/header/header-v2-hook.js.map +1 -0
- package/dist/esm/src/table/header/header-v2.js +2 -0
- package/dist/esm/src/table/header/header-v2.js.map +1 -0
- package/dist/esm/src/table/header/header.js +1 -1
- package/dist/esm/src/table/header/x-scroll-position/context.js +2 -0
- package/dist/esm/src/table/header/x-scroll-position/context.js.map +1 -0
- package/dist/esm/src/table/header/x-scroll-position/provider.js +2 -0
- package/dist/esm/src/table/header/x-scroll-position/provider.js.map +1 -0
- package/dist/esm/src/table/header/x-scroll-position/reducer.js +2 -0
- package/dist/esm/src/table/header/x-scroll-position/reducer.js.map +1 -0
- package/dist/esm/src/table/id/id-generator.js +1 -1
- package/dist/esm/src/table/id/id-generator.js.map +1 -1
- package/dist/esm/src/table/range/provider.js +1 -1
- package/dist/esm/src/table/range/provider.js.map +1 -1
- package/dist/esm/src/table/sheet/components.js +1 -1
- package/dist/esm/src/table/sheet/components.js.map +1 -1
- package/dist/esm/src/table/table/base.js +1 -1
- package/dist/esm/src/table/table/component-provider/provider.js +3 -0
- package/dist/esm/src/table/table/component-provider/provider.js.map +1 -0
- package/dist/esm/src/table/table/hook.js +1 -1
- package/dist/esm/src/table/table/hook.js.map +1 -1
- package/dist/index.d.ts +28 -4
- package/package.json +1 -1
- package/dist/cjs/src/select-box/parts/options-area.js +0 -2
- package/dist/cjs/src/select-box/parts/options-area.js.map +0 -1
- package/dist/cjs/src/table/filter/components.js +0 -3
- package/dist/cjs/src/table/filter/components.js.map +0 -1
- package/dist/cjs/src/table/filter/constants.js +0 -2
- package/dist/cjs/src/table/filter/constants.js.map +0 -1
- package/dist/cjs/src/table/filter/filter-icon.js +0 -2
- package/dist/cjs/src/table/filter/filter-icon.js.map +0 -1
- package/dist/cjs/src/table/filter/hooks/selectedFilteringColumn/hooks.js +0 -2
- package/dist/cjs/src/table/filter/hooks/selectedFilteringColumn/hooks.js.map +0 -1
- package/dist/cjs/src/table/filter/hooks/selectedFilteringColumn/provider.js +0 -2
- package/dist/cjs/src/table/filter/hooks/selectedFilteringColumn/provider.js.map +0 -1
- package/dist/cjs/src/table/filter/hooks.js +0 -2
- package/dist/cjs/src/table/filter/hooks.js.map +0 -1
- package/dist/cjs/src/table/filter/provider.js +0 -3
- package/dist/cjs/src/table/header/resize-col-width-hook.js +0 -2
- package/dist/cjs/src/table/header/resize-col-width-hook.js.map +0 -1
- package/dist/esm/src/select-box/parts/options-area.js +0 -2
- package/dist/esm/src/select-box/parts/options-area.js.map +0 -1
- package/dist/esm/src/table/filter/components.js +0 -3
- package/dist/esm/src/table/filter/components.js.map +0 -1
- package/dist/esm/src/table/filter/constants.js +0 -2
- package/dist/esm/src/table/filter/constants.js.map +0 -1
- package/dist/esm/src/table/filter/filter-icon.js +0 -2
- package/dist/esm/src/table/filter/filter-icon.js.map +0 -1
- package/dist/esm/src/table/filter/hooks/selectedFilteringColumn/hooks.js +0 -2
- package/dist/esm/src/table/filter/hooks/selectedFilteringColumn/hooks.js.map +0 -1
- package/dist/esm/src/table/filter/hooks/selectedFilteringColumn/provider.js +0 -2
- package/dist/esm/src/table/filter/hooks/selectedFilteringColumn/provider.js.map +0 -1
- package/dist/esm/src/table/filter/hooks.js +0 -2
- package/dist/esm/src/table/filter/hooks.js.map +0 -1
- package/dist/esm/src/table/filter/provider.js +0 -3
- package/dist/esm/src/table/header/resize-col-width-hook.js +0 -2
- package/dist/esm/src/table/header/resize-col-width-hook.js.map +0 -1
- /package/dist/cjs/src/{table/filter → search-bar/id-generator}/provider.js.map +0 -0
- /package/dist/{esm/src/table/filter → cjs/src/select-box}/provider.js.map +0 -0
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__spreadArray as e,__assign as r}from"../../../node_modules/tslib/tslib.es6.js";import{useReducer as t,useCallback as n}from"react";function i(t,n){switch(n.type){case"add":return{filters:e(e([],t.filters,!0),[r({id:(new Date).getTime()},n.payload.filter)],!1)};case"remove":return{filters:t.filters.filter((function(e){return e.id!==n.payload.id}))};case"clear":return{filters:[]}}}function u(){var e=t(i,{filters:[]}),r=e[0],u=e[1],l=n((function(e){return u({type:"add",payload:{filter:e}})}),[u]);return{addFilter:l,removeFilter:n((function(e){return u({type:"remove",payload:{id:e}})}),[u]),clearFilter:n((function(){return u({type:"clear"})}),[u]),filter:n((function(e){return r.filters.reduce((function(e,r){switch(r.operator){case"includeText":return e.filter((function(e){var t=e[r.key];return"string"==typeof t&&r.value.some((function(e){return t.includes(e)}))}));case"eq":case"selected":return e.filter((function(e){return e[r.key]===r.value}));case"ne":case"notSelected":return e.filter((function(e){return e[r.key]!==r.value}));case"gt":return e.filter((function(e){return e[r.key]>r.value}));case"lt":return e.filter((function(e){return e[r.key]<r.value}));case"gte":return e.filter((function(e){return e[r.key]>=r.value}));case"lte":return e.filter((function(e){return e[r.key]<=r.value}))}}),e)}),[r]),filterConditions:r.filters}}export{u as useFilterReducer};
|
|
2
|
-
//# sourceMappingURL=hooks.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sources":["../../../../../src/table/filter/hooks.ts"],"sourcesContent":["import { useCallback, useReducer } from \"react\";\nimport {\n TFilter,\n TFilterAction,\n TFilterState,\n TReturnUseFilterReducer,\n} from \"./types\";\nimport { DataObject, DataRecord } from \"../table/type\";\n\nfunction reducer<T extends DataRecord>(\n state: TFilterState<T>,\n action: TFilterAction<T>\n): TFilterState<T> {\n switch (action.type) {\n case \"add\":\n return {\n filters: [\n ...state.filters,\n { id: new Date().getTime(), ...action.payload.filter },\n ],\n };\n case \"remove\":\n return {\n filters: state.filters.filter((f) => f.id !== action.payload.id),\n };\n case \"clear\":\n return { filters: [] };\n }\n}\n\nexport function useFilterReducer<\n T extends DataRecord\n>(): TReturnUseFilterReducer<T> {\n const [state, dispatch] = useReducer(reducer, { filters: [] });\n\n const addFilter = useCallback(\n (filter: TFilter<T>) => dispatch({ type: \"add\", payload: { filter } }),\n [dispatch]\n );\n const removeFilter = useCallback(\n (id: number) => dispatch({ type: \"remove\", payload: { id } }),\n [dispatch]\n );\n const clearFilter = useCallback(\n () => dispatch({ type: \"clear\" }),\n [dispatch]\n );\n\n const filter = useCallback(\n <U extends DataRecord>(rows: DataObject<U>[]): DataObject<U>[] => {\n return state.filters.reduce((acc, filter) => {\n switch (filter.operator) {\n case \"includeText\":\n return acc.filter((row) => {\n const value = row[filter.key];\n if (typeof value === \"string\") {\n return filter.value.some((v) => value.includes(v));\n }\n return false;\n });\n case \"eq\":\n return acc.filter((row) => row[filter.key] === filter.value);\n case \"ne\":\n return acc.filter((row) => row[filter.key] !== filter.value);\n case \"gt\":\n return acc.filter(\n (row) => (row[filter.key] as number) > filter.value\n );\n case \"lt\":\n return acc.filter(\n (row) => (row[filter.key] as number) < filter.value\n );\n case \"gte\":\n return acc.filter(\n (row) => (row[filter.key] as number) >= filter.value\n );\n case \"lte\":\n return acc.filter(\n (row) => (row[filter.key] as number) <= filter.value\n );\n case \"selected\":\n return acc.filter((row) => row[filter.key] === filter.value);\n case \"notSelected\":\n return acc.filter((row) => row[filter.key] !== filter.value);\n }\n }, rows);\n },\n [state]\n );\n\n return {\n addFilter,\n removeFilter,\n clearFilter,\n filter,\n filterConditions: state.filters,\n };\n}\n"],"names":["reducer","state","action","type","filters","__spreadArray","__assign","id","Date","getTime","payload","filter","f","useFilterReducer","_a","useReducer","dispatch","addFilter","useCallback","removeFilter","clearFilter","rows","reduce","acc","operator","row","value","key","some","v","includes","filterConditions"],"mappings":"2IASA,SAASA,EACPC,EACAC,GAEA,OAAQA,EAAOC,MACb,IAAK,MACH,MAAO,CACLC,QAAOC,EAAAA,EAAA,GACFJ,EAAMG,SAAO,GAAA,CACdE,EAAA,CAAAC,IAAI,IAAIC,MAAOC,WAAcP,EAAOQ,QAAQC,UAC/C,IAEL,IAAK,SACH,MAAO,CACLP,QAASH,EAAMG,QAAQO,QAAO,SAACC,GAAM,OAAAA,EAAEL,KAAOL,EAAOQ,QAAQH,EAAxB,KAEzC,IAAK,QACH,MAAO,CAAEH,QAAS,IAExB,UAEgBS,IAGR,IAAAC,EAAoBC,EAAWf,EAAS,CAAEI,QAAS,KAAlDH,OAAOe,OAERC,EAAYC,GAChB,SAACP,GAAuB,OAAAK,EAAS,CAAEb,KAAM,MAAOO,QAAS,CAAEC,OAAMA,OACjE,CAACK,IAqDH,MAAO,CACLC,UAASA,EACTE,aArDmBD,GACnB,SAACX,GAAe,OAAAS,EAAS,CAAEb,KAAM,SAAUO,QAAS,CAAEH,GAAEA,OACxD,CAACS,IAoDDI,YAlDkBF,GAClB,WAAM,OAAAF,EAAS,CAAEb,KAAM,SAAjB,GACN,CAACa,IAiDDL,OA9CaO,GACb,SAAuBG,GACrB,OAAOpB,EAAMG,QAAQkB,QAAO,SAACC,EAAKZ,GAChC,OAAQA,EAAOa,UACb,IAAK,cACH,OAAOD,EAAIZ,QAAO,SAACc,GACjB,IAAMC,EAAQD,EAAId,EAAOgB,KACzB,MAAqB,iBAAVD,GACFf,EAAOe,MAAME,MAAK,SAACC,GAAM,OAAAH,EAAMI,SAASD,EAAE,GAGrD,IACF,IAAK,KAoBL,IAAK,WACH,OAAON,EAAIZ,QAAO,SAACc,GAAQ,OAAAA,EAAId,EAAOgB,OAAShB,EAAOe,KAAK,IAnB7D,IAAK,KAoBL,IAAK,cACH,OAAOH,EAAIZ,QAAO,SAACc,GAAQ,OAAAA,EAAId,EAAOgB,OAAShB,EAAOe,KAAK,IAnB7D,IAAK,KACH,OAAOH,EAAIZ,QACT,SAACc,GAAQ,OAACA,EAAId,EAAOgB,KAAkBhB,EAAOe,KAAK,IAEvD,IAAK,KACH,OAAOH,EAAIZ,QACT,SAACc,GAAQ,OAACA,EAAId,EAAOgB,KAAkBhB,EAAOe,KAAK,IAEvD,IAAK,MACH,OAAOH,EAAIZ,QACT,SAACc,GAAQ,OAACA,EAAId,EAAOgB,MAAmBhB,EAAOe,KAAK,IAExD,IAAK,MACH,OAAOH,EAAIZ,QACT,SAACc,GAAQ,OAACA,EAAId,EAAOgB,MAAmBhB,EAAOe,KAAK,IAO3D,GAAEL,EACL,GACA,CAACpB,IAQD8B,iBAAkB9B,EAAMG,QAE5B"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import{__assign as r}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import{createContext as e,useContext as i}from"react";import{useFilterReducer as t}from"./hooks.js";import{FilteringColumnProvider as n}from"./hooks/selectedFilteringColumn/provider.js";var l=e({addFilter:function(){},removeFilter:function(){},clearFilter:function(){},filter:function(){return[]},filterConditions:[]});function m(r){var e=r.children;return o(n,{children:o(l.Provider,{value:t(),children:e})})}function c(){return r({},i(l))}export{m as FilterProvider,c as useFilterContext};
|
|
3
|
-
//# sourceMappingURL=provider.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useState as e,useCallback as o}from"react";import{DEFAULT_COL_WIDTH as t,DEFAULT_MIN_COL_WIDTH as n}from"../constant.js";function u(u){var i,d,r=e(null!==(i=null==u?void 0:u.initialWidth)&&void 0!==i?i:t),c=r[0],m=r[1],s=e(!1),l=s[0],v=s[1],a=null!==(d=null==u?void 0:u.minWidth)&&void 0!==d?d:n,f=o((function(e){if(!l){var o=e.clientX,t=c;document.body.style.cursor="col-resize",document.body.style.userSelect="none";var n=function(e){v(!0);var n=t+(e.clientX-o);m(n>a?n:a)},u=function(){v(!1),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",u),document.body.style.cursor="default",document.body.style.userSelect="auto"};document.addEventListener("mousemove",n),document.addEventListener("mouseup",u)}}),[l,a]);return{colWidth:c,onMouseDownResizeWidth:f}}export{u as useResizeColWidthHook};
|
|
2
|
-
//# sourceMappingURL=resize-col-width-hook.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"resize-col-width-hook.js","sources":["../../../../../src/table/header/resize-col-width-hook.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { DEFAULT_COL_WIDTH, DEFAULT_MIN_COL_WIDTH } from \"../constant\";\n\nexport function useResizeColWidthHook(options?: {\n initialWidth?: number;\n minWidth?: number;\n}) {\n const [colWidth, setColWidth] = useState(\n options?.initialWidth ?? DEFAULT_COL_WIDTH\n );\n const [isDragging, setIsDragging] = useState(false);\n const minWidth = options?.minWidth ?? DEFAULT_MIN_COL_WIDTH;\n\n const cursorStyle = \"col-resize\";\n\n const onMouseDownResizeWidth: React.MouseEventHandler<HTMLDivElement> =\n useCallback(\n (e) => {\n if (isDragging) return;\n\n const startX = e.clientX;\n const startWidth = colWidth;\n\n document.body.style.cursor = cursorStyle;\n document.body.style.userSelect = \"none\";\n\n const onMouseMove = (moveEvent: MouseEvent) => {\n setIsDragging(true);\n const newWidth = startWidth + (moveEvent.clientX - startX);\n setColWidth(newWidth > minWidth ? newWidth : minWidth);\n };\n\n const onMouseUp = () => {\n setIsDragging(false);\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n document.body.style.cursor = \"default\";\n document.body.style.userSelect = \"auto\";\n };\n\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mouseup\", onMouseUp);\n },\n [isDragging, minWidth]\n );\n\n return {\n colWidth,\n onMouseDownResizeWidth,\n };\n}\n"],"names":["useResizeColWidthHook","options","_c","useState","_a","initialWidth","DEFAULT_COL_WIDTH","colWidth","setColWidth","_d","isDragging","setIsDragging","minWidth","_b","DEFAULT_MIN_COL_WIDTH","onMouseDownResizeWidth","useCallback","e","startX","clientX","startWidth","document","body","style","cursor","userSelect","onMouseMove","moveEvent","newWidth","onMouseUp","removeEventListener","addEventListener"],"mappings":"gIAGM,SAAUA,EAAsBC,WAI9BC,EAA0BC,EACL,QAAzBC,EAAAH,eAAAA,EAASI,oBAAgB,IAAAD,EAAAA,EAAAE,GADpBC,OAAUC,OAGXC,EAA8BN,GAAS,GAAtCO,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAC1BG,EAAgC,QAArBC,EAAAZ,aAAA,EAAAA,EAASW,gBAAY,IAAAC,EAAAA,EAAAC,EAIhCC,EACJC,GACE,SAACC,GACC,IAAIP,EAAJ,CAEA,IAAMQ,EAASD,EAAEE,QACXC,EAAab,EAEnBc,SAASC,KAAKC,MAAMC,OAVN,aAWdH,SAASC,KAAKC,MAAME,WAAa,OAEjC,IAAMC,EAAc,SAACC,GACnBhB,GAAc,GACd,IAAMiB,EAAWR,GAAcO,EAAUR,QAAUD,GACnDV,EAAYoB,EAAWhB,EAAWgB,EAAWhB,EAC/C,EAEMiB,EAAY,WAChBlB,GAAc,GACdU,SAASS,oBAAoB,YAAaJ,GAC1CL,SAASS,oBAAoB,UAAWD,GACxCR,SAASC,KAAKC,MAAMC,OAAS,UAC7BH,SAASC,KAAKC,MAAME,WAAa,MACnC,EAEAJ,SAASU,iBAAiB,YAAaL,GACvCL,SAASU,iBAAiB,UAAWF,EAvBd,CAwBzB,GACA,CAACnB,EAAYE,IAGjB,MAAO,CACLL,SAAQA,EACRQ,uBAAsBA,EAE1B"}
|
|
File without changes
|
|
File without changes
|