@teppen/react-ui 1.8.6 → 1.8.8

package/dist/esm/src/table/filter-v2/hook.js

@@ -1,2 +1,2 @@
-import{useReducer as e,useMemo as t}from"react";import{filterReducer as r}from"./reducer.js";var n=function(n){var o=e(r,{conditions:n}),i=o[0],u=o[1],a=t((function(){return{addFilter:function(e){u({type:"add",payload:{condition:e}})},removeFilter:function(e){u({type:"remove",payload:{index:e}})},clearFilter:function(){u({type:"clear"})}}}),[i.conditions]),s=t((function(){return{filter:function(e){return e.filter((function(e){return i.conditions.every((function(t){return function(e,t,r){switch(e.operator.type){case"number":if("single number"===e.operator.inputType){if(r.type!==e.operator.inputType)throw new Error("input type is not match");var n=r.payload.value;switch(e.operator.key){case"number:eq":return t===n;case"number:gt":return t>n;case"number:gte":return t>=n;case"number:lt":return t<n;case"number:lte":return t<=n;case"number:neq":return t!==n}}case"string":switch(e.operator.inputType){case"none":if(r.type!==e.operator.inputType)throw new Error("input type is not match");switch(e.operator.key){case"string:is_not_null":return null!=t&&""!==t;case"string:is_null":return null==t||""===t}case"single string":if(r.type!==e.operator.inputType)throw new Error("input type is not match");var o=r.payload.value;switch(e.operator.key){case"string:eq":return t===o;case"string:like":return t.includes(o);case"string:neq":return t!==o;case"string:not_like":return!t.includes(o)}}case"select":switch(e.operator.inputType){case"select":if(r.type!==e.operator.inputType)throw new Error("input type is not match");o=r.payload.value;switch(e.operator.key){case"select:eq":return t===o;case"select:neq":return t!==o}case"none":if(r.type!==e.operator.inputType)throw new Error("input type is not match");switch(e.operator.key){case"select:is_null":return null==t||""===t;case"select:is_not_null":return null!=t&&""!==t}}}}(t,e[t.target.key],t.input)}))}))}}}),[i.conditions]);return{state:i,actions:a,functions:s}};export{n as useFilterHook};
+import{useReducer as e,useMemo as t}from"react";import{filterReducer as r}from"./reducer.js";var n=function(n){var a=e(r,{conditions:n}),o=a[0],i=a[1],u=t((function(){return{addFilter:function(e){i({type:"add",payload:{condition:e}})},removeFilter:function(e){i({type:"remove",payload:{index:e}})},clearFilter:function(){i({type:"clear"})}}}),[o.conditions]),s=t((function(){return{filter:function(e){return e.filter((function(e){return o.conditions.every((function(t){return function(e,t,r){switch(e.operator.type){case"number":if("single number"===e.operator.inputType){if(r.type!==e.operator.inputType)throw new Error("input type is not match");var n=r.payload.value;switch(e.operator.key){case"number:eq":return t===n;case"number:gt":return t>n;case"number:gte":return t>=n;case"number:lt":return t<n;case"number:lte":return t<=n;case"number:neq":return t!==n}}case"string":switch(e.operator.inputType){case"none":if(r.type!==e.operator.inputType)throw new Error("input type is not match");switch(e.operator.key){case"string:is_not_null":return null!=t&&""!==t;case"string:is_null":return null==t||""===t}case"single string":if(r.type!==e.operator.inputType)throw new Error("input type is not match");var a=r.payload.value;switch(e.operator.key){case"string:eq":return t===a;case"string:like":return t.includes(a);case"string:neq":return t!==a;case"string:not_like":return!t.includes(a)}}case"select":switch(e.operator.inputType){case"select":if(r.type!==e.operator.inputType)throw new Error("input type is not match");a=r.payload.value;switch(e.operator.key){case"select:eq":return t===a;case"select:neq":return t!==a}case"none":if(r.type!==e.operator.inputType)throw new Error("input type is not match");switch(e.operator.key){case"select:is_null":return null==t||""===t;case"select:is_not_null":return null!=t&&""!==t}}case"date":switch(e.operator.inputType){case"single date":if(r.type!==e.operator.inputType)throw new Error("input type is not match");var o=r.payload.value;if(!(t instanceof Date))throw new Error("date value is not Date object");switch(e.operator.key){case"date:eq":return t.getFullYear()===o.getFullYear()&&t.getMonth()===o.getMonth()&&t.getDate()===o.getDate();case"date:neq":return t.getFullYear()!==o.getFullYear()||t.getMonth()!==o.getMonth()||t.getDate()!==o.getDate();case"date:gt":return t>o;case"date:gte":return t>=o;case"date:lt":return t<o;case"date:lte":return t<=o}case"none":if(r.type!==e.operator.inputType)throw new Error("input type is not match");switch(e.operator.key){case"date:is_null":return null==t||""===t;case"date:is_not_null":return null!=t&&""!==t}}case"datetime":switch(e.operator.inputType){case"single datetime":if(r.type!==e.operator.inputType)throw new Error("input type is not match");o=r.payload.value;switch(e.operator.key){case"datetime:gt":return t>o;case"datetime:gte":return t>=o;case"datetime:lt":return t<o;case"datetime:lte":return t<=o}case"none":if(r.type!==e.operator.inputType)throw new Error("input type is not match");switch(e.operator.key){case"datetime:is_null":return null==t||""===t;case"datetime:is_not_null":return null!=t&&""!==t}}}}(t,e[t.target.key],t.input)}))}))}}}),[o.conditions]);return{state:o,actions:u,functions:s}};export{n as useFilterHook};
 //# sourceMappingURL=hook.js.map

package/dist/esm/src/table/filter-v2/hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"hook.js","sources":["../../../../../src/table/filter-v2/hook.ts"],"sourcesContent":["import { useMemo, useReducer } from \"react\";\nimport { TFilterHook } from \"./type\";\nimport { filterReducer } from \"./reducer\";\nimport { Condition } from \"../../search-bar\";\nimport { DataObject, DataRecord } from \"../table/type\";\nimport { SearchInput } from \"../../search-bar/condition-search-bar/condition-input-management/type\";\n\nexport const useFilterHook: TFilterHook = (initialConditions) => {\n  const [state, dispatch] = useReducer(filterReducer, {\n    conditions: initialConditions,\n  });\n\n  const actions = useMemo(\n    () => ({\n      addFilter: (condition: Condition) => {\n        dispatch({ type: \"add\", payload: { condition } });\n      },\n      removeFilter: (index: number) => {\n        dispatch({ type: \"remove\", payload: { index } });\n      },\n      clearFilter: () => {\n        dispatch({ type: \"clear\" });\n      },\n    }),\n    [state.conditions]\n  );\n\n  const functions = useMemo(\n    () => ({\n      filter: <T extends DataRecord>(rows: DataObject<T>[]) => {\n        return rows.filter((row) => {\n          return state.conditions.every((condition) => {\n            const value = row[condition.target.key];\n            return isMatchCondition(condition, value, condition.input);\n          });\n        });\n      },\n    }),\n    [state.conditions]\n  );\n\n  return {\n    state,\n    actions,\n    functions,\n  };\n};\n\nfunction isMatchCondition(\n  condition: Condition,\n  targetValue: any,\n  input: SearchInput\n): boolean {\n  switch (condition.operator.type) {\n    // case \"date\":\n    //   switch (condition.operator.key) {\n    //     case \"date:eq\":\n    //       return false;\n    //     case \"date:gt\":\n    //       return false;\n    //     case \"date:gte\":\n    //       return false;\n    //     case \"date:lt\":\n    //       return false;\n    //     case \"date:lte\":\n    //       return false;\n    //     case \"date:neq\":\n    //       return false;\n    //     case \"date:is_not_null\":\n    //       return false;\n    //     case \"date:is_null\":\n    //       return false;\n    //   }\n    case \"number\":\n      switch (condition.operator.inputType) {\n        case \"single number\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          const numValue = input.payload.value;\n\n          switch (condition.operator.key) {\n            case \"number:eq\":\n              return targetValue === numValue;\n            case \"number:gt\":\n              return targetValue > numValue;\n            case \"number:gte\":\n              return targetValue >= numValue;\n            case \"number:lt\":\n              return targetValue < numValue;\n            case \"number:lte\":\n              return targetValue <= numValue;\n            case \"number:neq\":\n              return targetValue !== numValue;\n          }\n      }\n\n    case \"string\":\n      switch (condition.operator.inputType) {\n        case \"none\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          switch (condition.operator.key) {\n            case \"string:is_not_null\":\n              return (\n                targetValue !== null &&\n                targetValue !== undefined &&\n                targetValue !== \"\"\n              );\n            case \"string:is_null\":\n              return (\n                targetValue === null ||\n                targetValue === undefined ||\n                targetValue === \"\"\n              );\n          }\n        case \"single string\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          const value = input.payload.value;\n\n          switch (condition.operator.key) {\n            case \"string:eq\":\n              return targetValue === value;\n            case \"string:like\":\n              return targetValue.includes(value);\n            case \"string:neq\":\n              return targetValue !== value;\n            case \"string:not_like\":\n              return !targetValue.includes(value);\n          }\n      }\n\n    case \"select\":\n      switch (condition.operator.inputType) {\n        case \"select\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          const value = input.payload.value;\n\n          switch (condition.operator.key) {\n            case \"select:eq\":\n              return targetValue === value;\n            case \"select:neq\":\n              return targetValue !== value;\n          }\n        case \"none\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          switch (condition.operator.key) {\n            case \"select:is_null\":\n              return (\n                targetValue === null ||\n                targetValue === undefined ||\n                targetValue === \"\"\n              );\n            case \"select:is_not_null\":\n              return (\n                targetValue !== null &&\n                targetValue !== undefined &&\n                targetValue !== \"\"\n              );\n          }\n      }\n  }\n}\n"],"names":["useFilterHook","initialConditions","_a","useReducer","filterReducer","conditions","state","dispatch","actions","useMemo","addFilter","condition","type","payload","removeFilter","index","clearFilter","functions","filter","rows","row","every","targetValue","input","operator","inputType","Error","numValue","value","key","includes","isMatchCondition","target"],"mappings":"6FAOO,IAAMA,EAA6B,SAACC,GACnC,IAAAC,EAAoBC,EAAWC,EAAe,CAClDC,WAAYJ,IADPK,EAAKJ,EAAA,GAAEK,OAIRC,EAAUC,GACd,WAAM,MAAC,CACLC,UAAW,SAACC,GACVJ,EAAS,CAAEK,KAAM,MAAOC,QAAS,CAAEF,UAASA,IAC7C,EACDG,aAAc,SAACC,GACbR,EAAS,CAAEK,KAAM,SAAUC,QAAS,CAAEE,MAAKA,IAC5C,EACDC,YAAa,WACXT,EAAS,CAAEK,KAAM,SAClB,KAEH,CAACN,EAAMD,aAGHY,EAAYR,GAChB,WAAM,MAAC,CACLS,OAAQ,SAAuBC,GAC7B,OAAOA,EAAKD,QAAO,SAACE,GAClB,OAAOd,EAAMD,WAAWgB,OAAM,SAACV,GAE7B,OAeZ,SACEA,EACAW,EACAC,GAEA,OAAQZ,EAAUa,SAASZ,MAoBzB,IAAK,SACH,GACO,kBADCD,EAAUa,SAASC,UACzB,CACE,GAAIF,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,IAAMC,EAAWJ,EAAMV,QAAQe,MAE/B,OAAQjB,EAAUa,SAASK,KACzB,IAAK,YACH,OAAOP,IAAgBK,EACzB,IAAK,YACH,OAAOL,EAAcK,EACvB,IAAK,aACH,OAAOL,GAAeK,EACxB,IAAK,YACH,OAAOL,EAAcK,EACvB,IAAK,aACH,OAAOL,GAAeK,EACxB,IAAK,aACH,OAAOL,IAAgBK,EAC1B,CAGP,IAAK,SACH,OAAQhB,EAAUa,SAASC,WACzB,IAAK,OACH,GAAIF,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,OAAQf,EAAUa,SAASK,KACzB,IAAK,qBACH,OACEP,SAEgB,KAAhBA,EAEJ,IAAK,iBACH,OACEA,SAEgB,KAAhBA,EAGR,IAAK,gBACH,GAAIC,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,IAAME,EAAQL,EAAMV,QAAQe,MAE5B,OAAQjB,EAAUa,SAASK,KACzB,IAAK,YACH,OAAOP,IAAgBM,EACzB,IAAK,cACH,OAAON,EAAYQ,SAASF,GAC9B,IAAK,aACH,OAAON,IAAgBM,EACzB,IAAK,kBACH,OAAQN,EAAYQ,SAASF,IAIvC,IAAK,SACH,OAAQjB,EAAUa,SAASC,WACzB,IAAK,SACH,GAAIF,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGZE,EAAQL,EAAMV,QAAQe,MAE5B,OAAQjB,EAAUa,SAASK,KACzB,IAAK,YACH,OAAOP,IAAgBM,EACzB,IAAK,aACH,OAAON,IAAgBM,EAE7B,IAAK,OACH,GAAIL,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,OAAQf,EAAUa,SAASK,KACzB,IAAK,iBACH,OACEP,SAEgB,KAAhBA,EAEJ,IAAK,qBACH,OACEA,SAEgB,KAAhBA,IAKhB,CA7ImBS,CAAiBpB,EADVS,EAAIT,EAAUqB,OAAOH,KACOlB,EAAUY,MACtD,GACF,GACD,KAEH,CAACjB,EAAMD,aAGT,MAAO,CACLC,MAAKA,EACLE,QAAOA,EACPS,UAASA,EAEb"}
+{"version":3,"file":"hook.js","sources":["../../../../../src/table/filter-v2/hook.ts"],"sourcesContent":["import { useMemo, useReducer } from \"react\";\nimport { TFilterHook } from \"./type\";\nimport { filterReducer } from \"./reducer\";\nimport { Condition } from \"../../search-bar\";\nimport { DataObject, DataRecord } from \"../table/type\";\nimport { SearchInput } from \"../../search-bar/condition-search-bar/condition-input-management/type\";\n\nexport const useFilterHook: TFilterHook = (initialConditions) => {\n  const [state, dispatch] = useReducer(filterReducer, {\n    conditions: initialConditions,\n  });\n\n  const actions = useMemo(\n    () => ({\n      addFilter: (condition: Condition) => {\n        dispatch({ type: \"add\", payload: { condition } });\n      },\n      removeFilter: (index: number) => {\n        dispatch({ type: \"remove\", payload: { index } });\n      },\n      clearFilter: () => {\n        dispatch({ type: \"clear\" });\n      },\n    }),\n    [state.conditions]\n  );\n\n  const functions = useMemo(\n    () => ({\n      filter: <T extends DataRecord>(rows: DataObject<T>[]) => {\n        return rows.filter((row) => {\n          return state.conditions.every((condition) => {\n            const value = row[condition.target.key];\n            return isMatchCondition(condition, value, condition.input);\n          });\n        });\n      },\n    }),\n    [state.conditions]\n  );\n\n  return {\n    state,\n    actions,\n    functions,\n  };\n};\n\nfunction isMatchCondition(\n  condition: Condition,\n  targetValue: any,\n  input: SearchInput\n): boolean {\n  switch (condition.operator.type) {\n    case \"number\":\n      switch (condition.operator.inputType) {\n        case \"single number\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          const numValue = input.payload.value;\n\n          switch (condition.operator.key) {\n            case \"number:eq\":\n              return targetValue === numValue;\n            case \"number:gt\":\n              return targetValue > numValue;\n            case \"number:gte\":\n              return targetValue >= numValue;\n            case \"number:lt\":\n              return targetValue < numValue;\n            case \"number:lte\":\n              return targetValue <= numValue;\n            case \"number:neq\":\n              return targetValue !== numValue;\n          }\n      }\n\n    case \"string\":\n      switch (condition.operator.inputType) {\n        case \"none\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          switch (condition.operator.key) {\n            case \"string:is_not_null\":\n              return (\n                targetValue !== null &&\n                targetValue !== undefined &&\n                targetValue !== \"\"\n              );\n            case \"string:is_null\":\n              return (\n                targetValue === null ||\n                targetValue === undefined ||\n                targetValue === \"\"\n              );\n          }\n        case \"single string\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          const value = input.payload.value;\n\n          switch (condition.operator.key) {\n            case \"string:eq\":\n              return targetValue === value;\n            case \"string:like\":\n              return targetValue.includes(value);\n            case \"string:neq\":\n              return targetValue !== value;\n            case \"string:not_like\":\n              return !targetValue.includes(value);\n          }\n      }\n\n    case \"select\":\n      switch (condition.operator.inputType) {\n        case \"select\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          const value = input.payload.value;\n\n          switch (condition.operator.key) {\n            case \"select:eq\":\n              return targetValue === value;\n            case \"select:neq\":\n              return targetValue !== value;\n          }\n        case \"none\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          switch (condition.operator.key) {\n            case \"select:is_null\":\n              return (\n                targetValue === null ||\n                targetValue === undefined ||\n                targetValue === \"\"\n              );\n            case \"select:is_not_null\":\n              return (\n                targetValue !== null &&\n                targetValue !== undefined &&\n                targetValue !== \"\"\n              );\n          }\n      }\n    case \"date\":\n      switch (condition.operator.inputType) {\n        case \"single date\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          const dateValue = input.payload.value;\n\n          if (!(targetValue instanceof Date)) {\n            throw new Error(\"date value is not Date object\");\n          }\n\n          switch (condition.operator.key) {\n            case \"date:eq\":\n              return (\n                targetValue.getFullYear() === dateValue.getFullYear() &&\n                targetValue.getMonth() === dateValue.getMonth() &&\n                targetValue.getDate() === dateValue.getDate()\n              );\n            case \"date:neq\":\n              return (\n                targetValue.getFullYear() !== dateValue.getFullYear() ||\n                targetValue.getMonth() !== dateValue.getMonth() ||\n                targetValue.getDate() !== dateValue.getDate()\n              );\n            case \"date:gt\":\n              return targetValue > dateValue;\n            case \"date:gte\":\n              return targetValue >= dateValue;\n            case \"date:lt\":\n              return targetValue < dateValue;\n            case \"date:lte\":\n              return targetValue <= dateValue;\n          }\n        case \"none\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          switch (condition.operator.key) {\n            case \"date:is_null\":\n              return (\n                targetValue === null ||\n                targetValue === undefined ||\n                targetValue === \"\"\n              );\n            case \"date:is_not_null\":\n              return (\n                targetValue !== null &&\n                targetValue !== undefined &&\n                targetValue !== \"\"\n              );\n          }\n      }\n    case \"datetime\":\n      switch (condition.operator.inputType) {\n        case \"single datetime\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          const dateValue = input.payload.value;\n\n          switch (condition.operator.key) {\n            case \"datetime:gt\":\n              return targetValue > dateValue;\n            case \"datetime:gte\":\n              return targetValue >= dateValue;\n            case \"datetime:lt\":\n              return targetValue < dateValue;\n            case \"datetime:lte\":\n              return targetValue <= dateValue;\n          }\n        case \"none\":\n          if (input.type !== condition.operator.inputType) {\n            throw new Error(\"input type is not match\");\n          }\n\n          switch (condition.operator.key) {\n            case \"datetime:is_null\":\n              return (\n                targetValue === null ||\n                targetValue === undefined ||\n                targetValue === \"\"\n              );\n            case \"datetime:is_not_null\":\n              return (\n                targetValue !== null &&\n                targetValue !== undefined &&\n                targetValue !== \"\"\n              );\n          }\n      }\n  }\n}\n"],"names":["useFilterHook","initialConditions","_a","useReducer","filterReducer","conditions","state","dispatch","actions","useMemo","addFilter","condition","type","payload","removeFilter","index","clearFilter","functions","filter","rows","row","every","targetValue","input","operator","inputType","Error","numValue","value","key","includes","dateValue","Date","getFullYear","getMonth","getDate","isMatchCondition","target"],"mappings":"6FAOO,IAAMA,EAA6B,SAACC,GACnC,IAAAC,EAAoBC,EAAWC,EAAe,CAClDC,WAAYJ,IADPK,EAAKJ,EAAA,GAAEK,OAIRC,EAAUC,GACd,WAAM,MAAC,CACLC,UAAW,SAACC,GACVJ,EAAS,CAAEK,KAAM,MAAOC,QAAS,CAAEF,UAASA,IAC7C,EACDG,aAAc,SAACC,GACbR,EAAS,CAAEK,KAAM,SAAUC,QAAS,CAAEE,MAAKA,IAC5C,EACDC,YAAa,WACXT,EAAS,CAAEK,KAAM,SAClB,KAEH,CAACN,EAAMD,aAGHY,EAAYR,GAChB,WAAM,MAAC,CACLS,OAAQ,SAAuBC,GAC7B,OAAOA,EAAKD,QAAO,SAACE,GAClB,OAAOd,EAAMD,WAAWgB,OAAM,SAACV,GAE7B,OAeZ,SACEA,EACAW,EACAC,GAEA,OAAQZ,EAAUa,SAASZ,MACzB,IAAK,SACH,GACO,kBADCD,EAAUa,SAASC,UACzB,CACE,GAAIF,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,IAAMC,EAAWJ,EAAMV,QAAQe,MAE/B,OAAQjB,EAAUa,SAASK,KACzB,IAAK,YACH,OAAOP,IAAgBK,EACzB,IAAK,YACH,OAAOL,EAAcK,EACvB,IAAK,aACH,OAAOL,GAAeK,EACxB,IAAK,YACH,OAAOL,EAAcK,EACvB,IAAK,aACH,OAAOL,GAAeK,EACxB,IAAK,aACH,OAAOL,IAAgBK,EAC1B,CAGP,IAAK,SACH,OAAQhB,EAAUa,SAASC,WACzB,IAAK,OACH,GAAIF,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,OAAQf,EAAUa,SAASK,KACzB,IAAK,qBACH,OACEP,SAEgB,KAAhBA,EAEJ,IAAK,iBACH,OACEA,SAEgB,KAAhBA,EAGR,IAAK,gBACH,GAAIC,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,IAAME,EAAQL,EAAMV,QAAQe,MAE5B,OAAQjB,EAAUa,SAASK,KACzB,IAAK,YACH,OAAOP,IAAgBM,EACzB,IAAK,cACH,OAAON,EAAYQ,SAASF,GAC9B,IAAK,aACH,OAAON,IAAgBM,EACzB,IAAK,kBACH,OAAQN,EAAYQ,SAASF,IAIvC,IAAK,SACH,OAAQjB,EAAUa,SAASC,WACzB,IAAK,SACH,GAAIF,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGZE,EAAQL,EAAMV,QAAQe,MAE5B,OAAQjB,EAAUa,SAASK,KACzB,IAAK,YACH,OAAOP,IAAgBM,EACzB,IAAK,aACH,OAAON,IAAgBM,EAE7B,IAAK,OACH,GAAIL,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,OAAQf,EAAUa,SAASK,KACzB,IAAK,iBACH,OACEP,SAEgB,KAAhBA,EAEJ,IAAK,qBACH,OACEA,SAEgB,KAAhBA,GAIZ,IAAK,OACH,OAAQX,EAAUa,SAASC,WACzB,IAAK,cACH,GAAIF,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,IAAMK,EAAYR,EAAMV,QAAQe,MAEhC,KAAMN,aAAuBU,MAC3B,MAAM,IAAIN,MAAM,iCAGlB,OAAQf,EAAUa,SAASK,KACzB,IAAK,UACH,OACEP,EAAYW,gBAAkBF,EAAUE,eACxCX,EAAYY,aAAeH,EAAUG,YACrCZ,EAAYa,YAAcJ,EAAUI,UAExC,IAAK,WACH,OACEb,EAAYW,gBAAkBF,EAAUE,eACxCX,EAAYY,aAAeH,EAAUG,YACrCZ,EAAYa,YAAcJ,EAAUI,UAExC,IAAK,UACH,OAAOb,EAAcS,EACvB,IAAK,WACH,OAAOT,GAAeS,EACxB,IAAK,UACH,OAAOT,EAAcS,EACvB,IAAK,WACH,OAAOT,GAAeS,EAE5B,IAAK,OACH,GAAIR,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,OAAQf,EAAUa,SAASK,KACzB,IAAK,eACH,OACEP,SAEgB,KAAhBA,EAEJ,IAAK,mBACH,OACEA,SAEgB,KAAhBA,GAIZ,IAAK,WACH,OAAQX,EAAUa,SAASC,WACzB,IAAK,kBACH,GAAIF,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGZK,EAAYR,EAAMV,QAAQe,MAEhC,OAAQjB,EAAUa,SAASK,KACzB,IAAK,cACH,OAAOP,EAAcS,EACvB,IAAK,eACH,OAAOT,GAAeS,EACxB,IAAK,cACH,OAAOT,EAAcS,EACvB,IAAK,eACH,OAAOT,GAAeS,EAE5B,IAAK,OACH,GAAIR,EAAMX,OAASD,EAAUa,SAASC,UACpC,MAAM,IAAIC,MAAM,2BAGlB,OAAQf,EAAUa,SAASK,KACzB,IAAK,mBACH,OACEP,SAEgB,KAAhBA,EAEJ,IAAK,uBACH,OACEA,SAEgB,KAAhBA,IAKhB,CAxNmBc,CAAiBzB,EADVS,EAAIT,EAAU0B,OAAOR,KACOlB,EAAUY,MACtD,GACF,GACD,KAEH,CAACjB,EAAMD,aAGT,MAAO,CACLC,MAAKA,EACLE,QAAOA,EACPS,UAASA,EAEb"}

package/dist/esm/src/table/header/header-v2.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{memo as r,useRef as n,useEffect as l,useCallback as o,useMemo as i}from"react";import{useColumnsWidthState as a}from"./columns-width/context.js";import"../../../node_modules/tslib/tslib.es6.js";import{useResizeColWidthHook as s,useScrollXRef as c}from"./header-v2-hook.js";import{AllCheckbox as d}from"../checkbox/components.js";import{ConditionSearchBar as m}from"../../search-bar/condition-search-bar/base.js";import{useTableIdGenerator as h}from"../id/provider.js";import{useFilter as p}from"../filter-v2/context.js";function u(r){var n=h(),s=a().getColumnWidth,u=p(),b=u.conditions,y=u.addFilter,v=u.removeFilter,x=c();l((function(){if(x.current){var e=x.current,t=function(t){0!==t.deltaY&&(t.preventDefault(),e.scrollLeft+=t.deltaY)};return e.addEventListener("wheel",t),function(){e.removeEventListener("wheel",t)}}}),[x]);var g=o((function(e){switch(e.type){case"add":y(e.payload.condition);break;case"remove":v(e.payload.index)}}),[]),w=i((function(){return r.cols.filter((function(e){return!!e.label&&(e.editable||!e.editable&&!e.render)})).map((function(e){switch(e.type){case"string":case"number":return{key:e.key.toString(),label:e.label,type:e.type};case"select":return{key:e.key.toString(),label:e.label,type:e.type,options:e.options}}}))}),[r.cols]);return e("div",{className:"border-gray-200 bg-gray-200 text-gray-600 rounded-t-md",style:{maxWidth:r.maxWidth},children:[t("div",{className:"py-2 px-2",children:t(m,{id:n.getTableHeaderId(),targets:w,conditions:b,onChangeCondition:g,size:"small"})}),t("style",{children:"\n          .teppen-no-scrollbar {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n          }\n          .teppen-no-scrollbar::-webkit-scrollbar {\n            display: none;\n          }\n        "}),t("div",{ref:x,className:"relative max-w-full overflow-x-auto teppen-no-scrollbar",children:e("div",{className:"flex h-[32px]",children:[r.checkbox&&t("div",{className:"w-8 h-full",children:t(d,{rows:r.rows})}),r.cols.map((function(e){return t(f,{keyName:e.key.toString(),label:e.label,colWidth:s(e.key),disableSort:e.disableSort||!e.editable&&!!e.render,generateSortButton:r.generateSortButton},e.key.toString())}))]})})]})}var f=r((function(r){var l=n(null),o=s(r.keyName).onMouseDownResizeWidth,i=l.current?r.colWidth-l.current.clientWidth:r.colWidth;return e("div",{className:"relative",style:{width:r.colWidth,maxWidth:r.colWidth,minWidth:r.colWidth},children:[e("div",{className:"flex justify-between items-center bg-gray-200 text-gray-600 h-[32px]",children:[t("div",{className:"px-2",style:{maxWidth:i},children:r.label&&t("p",{className:"text-left font-bold text-nowrap overflow-hidden text-ellipsis",children:r.label})}),t("div",{ref:l,className:"flex items-center w-fit shrink-0 gap-1 px-1",children:!r.disableSort&&r.generateSortButton&&r.generateSortButton(r.keyName)})]}),t("div",{className:"absolute top-0 right-0 grid place-items-end py-1 w-[4px] h-full cursor-col-resize",onMouseDown:o,children:t("div",{className:"w-[1px] h-full bg-white"})})]})}));export{u as TableHeader};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{memo as r,useRef as n,useEffect as i,useCallback as l,useMemo as o}from"react";import{useColumnsWidthState as a}from"./columns-width/context.js";import"../../../node_modules/tslib/tslib.es6.js";import{useResizeColWidthHook as s,useScrollXRef as d}from"./header-v2-hook.js";import{AllCheckbox as c}from"../checkbox/components.js";import{ConditionSearchBar as m}from"../../search-bar/condition-search-bar/base.js";import{useTableIdGenerator as p}from"../id/provider.js";import{useFilter as h}from"../filter-v2/context.js";function u(r){var n=p(),s=a().getColumnWidth,u=h(),b=u.conditions,y=u.addFilter,v=u.removeFilter,x=d();i((function(){if(x.current){var e=x.current,t=function(t){0!==t.deltaY&&(t.preventDefault(),e.scrollLeft+=t.deltaY)};return e.addEventListener("wheel",t),function(){e.removeEventListener("wheel",t)}}}),[x]);var g=l((function(e){switch(e.type){case"add":y(e.payload.condition);break;case"remove":v(e.payload.index)}}),[]),w=o((function(){return r.cols.filter((function(e){return!!e.label&&("datetime"===e.type||"date"===e.type||e.editable||!e.editable&&!e.render)})).map((function(e){switch(e.type){case"string":case"number":case"date":case"datetime":return{key:e.key.toString(),label:e.label,type:e.type};case"select":return{key:e.key.toString(),label:e.label,type:e.type,options:e.options}}}))}),[r.cols]);return e("div",{className:"border-gray-200 bg-gray-200 text-gray-600 rounded-t-md",style:{maxWidth:r.maxWidth},children:[t("div",{className:"py-2 px-2",children:t(m,{id:n.getTableHeaderId(),targets:w,conditions:b,onChangeCondition:g,size:"small"})}),t("style",{children:"\n          .teppen-no-scrollbar {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n          }\n          .teppen-no-scrollbar::-webkit-scrollbar {\n            display: none;\n          }\n        "}),t("div",{ref:x,className:"relative max-w-full overflow-x-auto teppen-no-scrollbar",children:e("div",{className:"flex h-[32px]",children:[r.checkbox&&t("div",{className:"w-8 h-full",children:t(c,{rows:r.rows})}),r.cols.map((function(e){return t(f,{keyName:e.key.toString(),label:e.label,colWidth:s(e.key),disableSort:e.disableSort||"datetime"!==e.type&&"date"!==e.type&&!e.editable&&!!e.render,generateSortButton:r.generateSortButton},e.key.toString())}))]})})]})}var f=r((function(r){var i=n(null),l=s(r.keyName).onMouseDownResizeWidth,o=i.current?r.colWidth-i.current.clientWidth:r.colWidth;return e("div",{className:"relative",style:{width:r.colWidth,maxWidth:r.colWidth,minWidth:r.colWidth},children:[e("div",{className:"flex justify-between items-center bg-gray-200 text-gray-600 h-[32px]",children:[t("div",{className:"px-2",style:{maxWidth:o},children:r.label&&t("p",{className:"text-left font-bold text-nowrap overflow-hidden text-ellipsis",children:r.label})}),t("div",{ref:i,className:"flex items-center w-fit shrink-0 gap-1 px-1",children:!r.disableSort&&r.generateSortButton&&r.generateSortButton(r.keyName)})]}),t("div",{className:"absolute top-0 right-0 grid place-items-end py-1 w-[4px] h-full cursor-col-resize",onMouseDown:l,children:t("div",{className:"w-[1px] h-full bg-white"})})]})}));export{u as TableHeader};
 //# sourceMappingURL=header-v2.js.map

package/dist/esm/src/table/header/header-v2.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-v2.js","sources":["../../../../../src/table/header/header-v2.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { DataObject, DataRecord, TTableColumn } from \"../table/type\";\nimport { useColumnsWidthState } from \"./columns-width\";\nimport { useResizeColWidthHook, useScrollXRef } from \"./header-v2-hook\";\nimport { AllCheckbox } from \"../checkbox/components\";\nimport { ConditionSearchBar } from \"../../search-bar\";\nimport { useTableIdGenerator } from \"../id\";\nimport { useFilter } from \"../filter-v2\";\nimport { TConditionChangeAction } from \"../../search-bar/condition-search-bar/condition-input-management/type\";\n\ninterface IPropsTableHeader<T extends DataRecord> {\n  cols: TTableColumn<T>[];\n  checkbox?: boolean;\n  rows: DataObject<T>[];\n  maxWidth?: string;\n  generateSortButton?: (columnKey: string) => React.ReactNode;\n}\n\nexport function TableHeader<T extends DataRecord>(props: IPropsTableHeader<T>) {\n  const idGenerator = useTableIdGenerator();\n  const { getColumnWidth } = useColumnsWidthState();\n  const { conditions, addFilter, removeFilter } = useFilter();\n  const ref = useScrollXRef();\n\n  useEffect(() => {\n    if (ref.current) {\n      const element = ref.current;\n\n      const scrollX = (e: WheelEvent) => {\n        if (e.deltaY === 0) return;\n\n        e.preventDefault();\n        element.scrollLeft += e.deltaY;\n      };\n\n      element.addEventListener(\"wheel\", scrollX);\n\n      return () => {\n        element.removeEventListener(\"wheel\", scrollX);\n      };\n    }\n  }, [ref]);\n\n  const onChangeCondition = useCallback((action: TConditionChangeAction) => {\n    switch (action.type) {\n      case \"add\":\n        addFilter(action.payload.condition);\n        break;\n      case \"remove\":\n        removeFilter(action.payload.index);\n        break;\n    }\n  }, []);\n\n  const targets = useMemo(() => {\n    return props.cols\n      .filter(\n        (col) => !!col.label && (col.editable || (!col.editable && !col.render))\n      )\n      .map((col) => {\n        switch (col.type) {\n          case \"string\":\n            return {\n              key: col.key.toString(),\n              label: col.label as string,\n              type: col.type,\n            };\n          case \"number\":\n            return {\n              key: col.key.toString(),\n              label: col.label as string,\n              type: col.type,\n            };\n          case \"select\":\n            return {\n              key: col.key.toString(),\n              label: col.label as string,\n              type: col.type,\n              options: col.options,\n            };\n        }\n      });\n  }, [props.cols]);\n\n  return (\n    <div\n      className=\"border-gray-200 bg-gray-200 text-gray-600 rounded-t-md\"\n      style={{ maxWidth: props.maxWidth }}\n    >\n      <div className=\"py-2 px-2\">\n        <ConditionSearchBar\n          id={idGenerator.getTableHeaderId()}\n          targets={targets}\n          conditions={conditions}\n          onChangeCondition={onChangeCondition}\n          size=\"small\"\n        />\n      </div>\n\n      <style>{`\n          .teppen-no-scrollbar {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n          }\n          .teppen-no-scrollbar::-webkit-scrollbar {\n            display: none;\n          }\n        `}</style>\n      <div\n        ref={ref}\n        className=\"relative max-w-full overflow-x-auto teppen-no-scrollbar\"\n      >\n        <div className=\"flex h-[32px]\">\n          {props.checkbox && (\n            <div className=\"w-8 h-full\">\n              <AllCheckbox rows={props.rows} />\n            </div>\n          )}\n          {props.cols.map((col) => {\n            return (\n              <HeaderElement\n                key={col.key.toString()}\n                keyName={col.key.toString()}\n                label={col.label}\n                colWidth={getColumnWidth(col.key as string)}\n                disableSort={col.disableSort || (!col.editable && !!col.render)}\n                generateSortButton={props.generateSortButton}\n              />\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n}\n\ninterface IPropsHeaderElement {\n  keyName: string;\n  label?: string;\n  colWidth: number;\n  disableSort?: boolean;\n  generateSortButton?: (columnKey: string) => React.ReactNode;\n}\n\nconst HeaderElement = memo(function HE(props: IPropsHeaderElement) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { onMouseDownResizeWidth } = useResizeColWidthHook(props.keyName);\n\n  const maxWidthLabel = ref.current\n    ? props.colWidth - ref.current.clientWidth\n    : props.colWidth;\n\n  return (\n    <div\n      className=\"relative\"\n      style={{\n        width: props.colWidth,\n        maxWidth: props.colWidth,\n        minWidth: props.colWidth,\n      }}\n    >\n      <div\n        className={`flex justify-between items-center bg-gray-200 text-gray-600 h-[32px]`}\n      >\n        <div className=\"px-2\" style={{ maxWidth: maxWidthLabel }}>\n          {props.label && (\n            <p\n              className={`text-left font-bold text-nowrap overflow-hidden text-ellipsis`}\n            >\n              {props.label}\n            </p>\n          )}\n        </div>\n\n        <div ref={ref} className=\"flex items-center w-fit shrink-0 gap-1 px-1\">\n          {!props.disableSort &&\n            props.generateSortButton &&\n            props.generateSortButton(props.keyName)}\n        </div>\n      </div>\n      <div\n        className=\"absolute top-0 right-0 grid place-items-end py-1 w-[4px] h-full cursor-col-resize\"\n        onMouseDown={onMouseDownResizeWidth}\n      >\n        <div className={`w-[1px] h-full bg-white`} />\n      </div>\n    </div>\n  );\n});\n"],"names":["TableHeader","props","idGenerator","useTableIdGenerator","getColumnWidth","useColumnsWidthState","_a","useFilter","conditions","addFilter","removeFilter","ref","useScrollXRef","useEffect","current","element_1","scrollX_1","e","deltaY","preventDefault","scrollLeft","addEventListener","removeEventListener","onChangeCondition","useCallback","action","type","payload","condition","index","targets","useMemo","cols","filter","col","label","editable","render","map","key","toString","options","_jsxs","className","style","maxWidth","children","_jsx","ConditionSearchBar","id","getTableHeaderId","size","checkbox","AllCheckbox","rows","HeaderElement","keyName","colWidth","disableSort","generateSortButton","memo","useRef","onMouseDownResizeWidth","useResizeColWidthHook","maxWidthLabel","clientWidth","width","minWidth","onMouseDown"],"mappings":"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"}
+{"version":3,"file":"header-v2.js","sources":["../../../../../src/table/header/header-v2.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { DataObject, DataRecord, TTableColumn } from \"../table/type\";\nimport { useColumnsWidthState } from \"./columns-width\";\nimport { useResizeColWidthHook, useScrollXRef } from \"./header-v2-hook\";\nimport { AllCheckbox } from \"../checkbox/components\";\nimport { ConditionSearchBar } from \"../../search-bar\";\nimport { useTableIdGenerator } from \"../id\";\nimport { useFilter } from \"../filter-v2\";\nimport { TConditionChangeAction } from \"../../search-bar/condition-search-bar/condition-input-management/type\";\n\ninterface IPropsTableHeader<T extends DataRecord> {\n  cols: TTableColumn<T>[];\n  checkbox?: boolean;\n  rows: DataObject<T>[];\n  maxWidth?: string;\n  generateSortButton?: (columnKey: string) => React.ReactNode;\n}\n\nexport function TableHeader<T extends DataRecord>(props: IPropsTableHeader<T>) {\n  const idGenerator = useTableIdGenerator();\n  const { getColumnWidth } = useColumnsWidthState();\n  const { conditions, addFilter, removeFilter } = useFilter();\n  const ref = useScrollXRef();\n\n  useEffect(() => {\n    if (ref.current) {\n      const element = ref.current;\n\n      const scrollX = (e: WheelEvent) => {\n        if (e.deltaY === 0) return;\n\n        e.preventDefault();\n        element.scrollLeft += e.deltaY;\n      };\n\n      element.addEventListener(\"wheel\", scrollX);\n\n      return () => {\n        element.removeEventListener(\"wheel\", scrollX);\n      };\n    }\n  }, [ref]);\n\n  const onChangeCondition = useCallback((action: TConditionChangeAction) => {\n    switch (action.type) {\n      case \"add\":\n        addFilter(action.payload.condition);\n        break;\n      case \"remove\":\n        removeFilter(action.payload.index);\n        break;\n    }\n  }, []);\n\n  const targets = useMemo(() => {\n    return props.cols\n      .filter(\n        (col) =>\n          !!col.label &&\n          (col.type === \"datetime\" ||\n            col.type === \"date\" ||\n            col.editable ||\n            (!col.editable && !col.render))\n      )\n      .map((col) => {\n        switch (col.type) {\n          case \"string\":\n            return {\n              key: col.key.toString(),\n              label: col.label as string,\n              type: col.type,\n            };\n          case \"number\":\n            return {\n              key: col.key.toString(),\n              label: col.label as string,\n              type: col.type,\n            };\n          case \"select\":\n            return {\n              key: col.key.toString(),\n              label: col.label as string,\n              type: col.type,\n              options: col.options,\n            };\n          case \"date\":\n            return {\n              key: col.key.toString(),\n              label: col.label as string,\n              type: col.type,\n            };\n          case \"datetime\":\n            return {\n              key: col.key.toString(),\n              label: col.label as string,\n              type: col.type,\n            };\n        }\n      });\n  }, [props.cols]);\n\n  return (\n    <div\n      className=\"border-gray-200 bg-gray-200 text-gray-600 rounded-t-md\"\n      style={{ maxWidth: props.maxWidth }}\n    >\n      <div className=\"py-2 px-2\">\n        <ConditionSearchBar\n          id={idGenerator.getTableHeaderId()}\n          targets={targets}\n          conditions={conditions}\n          onChangeCondition={onChangeCondition}\n          size=\"small\"\n        />\n      </div>\n\n      <style>{`\n          .teppen-no-scrollbar {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n          }\n          .teppen-no-scrollbar::-webkit-scrollbar {\n            display: none;\n          }\n        `}</style>\n      <div\n        ref={ref}\n        className=\"relative max-w-full overflow-x-auto teppen-no-scrollbar\"\n      >\n        <div className=\"flex h-[32px]\">\n          {props.checkbox && (\n            <div className=\"w-8 h-full\">\n              <AllCheckbox rows={props.rows} />\n            </div>\n          )}\n          {props.cols.map((col) => {\n            return (\n              <HeaderElement\n                key={col.key.toString()}\n                keyName={col.key.toString()}\n                label={col.label}\n                colWidth={getColumnWidth(col.key as string)}\n                disableSort={\n                  col.disableSort ||\n                  (col.type !== \"datetime\" &&\n                    col.type !== \"date\" &&\n                    !col.editable &&\n                    !!col.render)\n                }\n                generateSortButton={props.generateSortButton}\n              />\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n}\n\ninterface IPropsHeaderElement {\n  keyName: string;\n  label?: string;\n  colWidth: number;\n  disableSort?: boolean;\n  generateSortButton?: (columnKey: string) => React.ReactNode;\n}\n\nconst HeaderElement = memo(function HE(props: IPropsHeaderElement) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { onMouseDownResizeWidth } = useResizeColWidthHook(props.keyName);\n\n  const maxWidthLabel = ref.current\n    ? props.colWidth - ref.current.clientWidth\n    : props.colWidth;\n\n  return (\n    <div\n      className=\"relative\"\n      style={{\n        width: props.colWidth,\n        maxWidth: props.colWidth,\n        minWidth: props.colWidth,\n      }}\n    >\n      <div\n        className={`flex justify-between items-center bg-gray-200 text-gray-600 h-[32px]`}\n      >\n        <div className=\"px-2\" style={{ maxWidth: maxWidthLabel }}>\n          {props.label && (\n            <p\n              className={`text-left font-bold text-nowrap overflow-hidden text-ellipsis`}\n            >\n              {props.label}\n            </p>\n          )}\n        </div>\n\n        <div ref={ref} className=\"flex items-center w-fit shrink-0 gap-1 px-1\">\n          {!props.disableSort &&\n            props.generateSortButton &&\n            props.generateSortButton(props.keyName)}\n        </div>\n      </div>\n      <div\n        className=\"absolute top-0 right-0 grid place-items-end py-1 w-[4px] h-full cursor-col-resize\"\n        onMouseDown={onMouseDownResizeWidth}\n      >\n        <div className={`w-[1px] h-full bg-white`} />\n      </div>\n    </div>\n  );\n});\n"],"names":["TableHeader","props","idGenerator","useTableIdGenerator","getColumnWidth","useColumnsWidthState","_a","useFilter","conditions","addFilter","removeFilter","ref","useScrollXRef","useEffect","current","element_1","scrollX_1","e","deltaY","preventDefault","scrollLeft","addEventListener","removeEventListener","onChangeCondition","useCallback","action","type","payload","condition","index","targets","useMemo","cols","filter","col","label","editable","render","map","key","toString","options","_jsxs","className","style","maxWidth","children","_jsx","ConditionSearchBar","id","getTableHeaderId","size","checkbox","AllCheckbox","rows","HeaderElement","keyName","colWidth","disableSort","generateSortButton","memo","useRef","onMouseDownResizeWidth","useResizeColWidthHook","maxWidthLabel","clientWidth","width","minWidth","onMouseDown"],"mappings":"ikBAkBM,SAAUA,EAAkCC,GAChD,IAAMC,EAAcC,IACZC,EAAmBC,mBACrBC,EAA0CC,IAAxCC,EAAUF,EAAAE,WAAEC,EAASH,EAAAG,UAAEC,EAAYJ,EAAAI,aACrCC,EAAMC,IAEZC,GAAU,WACR,GAAIF,EAAIG,QAAS,CACf,IAAMC,EAAUJ,EAAIG,QAEdE,EAAU,SAACC,GACE,IAAbA,EAAEC,SAEND,EAAEE,iBACFJ,EAAQK,YAAcH,EAAEC,OAC1B,EAIA,OAFAH,EAAQM,iBAAiB,QAASL,GAE3B,WACLD,EAAQO,oBAAoB,QAASN,EACvC,CACD,CACH,GAAG,CAACL,IAEJ,IAAMY,EAAoBC,GAAY,SAACC,GACrC,OAAQA,EAAOC,MACb,IAAK,MACHjB,EAAUgB,EAAOE,QAAQC,WACzB,MACF,IAAK,SACHlB,EAAae,EAAOE,QAAQE,OAGjC,GAAE,IAEGC,EAAUC,GAAQ,WACtB,OAAO9B,EAAM+B,KACVC,QACC,SAACC,GACC,QAAEA,EAAIC,QACQ,aAAbD,EAAIR,MACU,SAAbQ,EAAIR,MACJQ,EAAIE,WACFF,EAAIE,WAAaF,EAAIG,OAJzB,IAMHC,KAAI,SAACJ,GACJ,OAAQA,EAAIR,MACV,IAAK,SAML,IAAK,SAaL,IAAK,OAML,IAAK,WACH,MAAO,CACLa,IAAKL,EAAIK,IAAIC,WACbL,MAAOD,EAAIC,MACXT,KAAMQ,EAAIR,MAjBd,IAAK,SACH,MAAO,CACLa,IAAKL,EAAIK,IAAIC,WACbL,MAAOD,EAAIC,MACXT,KAAMQ,EAAIR,KACVe,QAASP,EAAIO,SAerB,GACJ,GAAG,CAACxC,EAAM+B,OAEV,OACEU,SACEC,UAAU,yDACVC,MAAO,CAAEC,SAAU5C,EAAM4C,UAAUC,SAAA,CAEnCC,SAAKJ,UAAU,YAAWG,SACxBC,EAACC,GACCC,GAAI/C,EAAYgD,mBAChBpB,QAASA,EACTtB,WAAYA,EACZe,kBAAmBA,EACnB4B,KAAK,YAITJ,EAAQ,QAAA,CAAAD,SAAA,uOASRC,EAAA,MAAA,CACEpC,IAAKA,EACLgC,UAAU,0DAEVG,SAAAJ,EAAA,MAAA,CAAKC,UAAU,0BACZ1C,EAAMmD,UACLL,EAAA,MAAA,CAAKJ,UAAU,sBACbI,EAACM,GAAYC,KAAMrD,EAAMqD,SAG5BrD,EAAM+B,KAAKM,KAAI,SAACJ,GACf,OACEa,EAACQ,EAAa,CAEZC,QAAStB,EAAIK,IAAIC,WACjBL,MAAOD,EAAIC,MACXsB,SAAUrD,EAAe8B,EAAIK,KAC7BmB,YACExB,EAAIwB,aACU,aAAbxB,EAAIR,MACU,SAAbQ,EAAIR,OACHQ,EAAIE,YACHF,EAAIG,OAEVsB,mBAAoB1D,EAAM0D,oBAXrBzB,EAAIK,IAAIC,WAclB,WAKX,CAUA,IAAMe,EAAgBK,GAAK,SAAY3D,GACrC,IAAMU,EAAMkD,EAAuB,MAC3BC,EAA2BC,EAAsB9D,EAAMuD,SAAQM,uBAEjEE,EAAgBrD,EAAIG,QACtBb,EAAMwD,SAAW9C,EAAIG,QAAQmD,YAC7BhE,EAAMwD,SAEV,OACEf,EACE,MAAA,CAAAC,UAAU,WACVC,MAAO,CACLsB,MAAOjE,EAAMwD,SACbZ,SAAU5C,EAAMwD,SAChBU,SAAUlE,EAAMwD,UAGlBX,SAAA,CAAAJ,EAAA,MAAA,CACEC,UAAW,iFAEXI,EAAK,MAAA,CAAAJ,UAAU,OAAOC,MAAO,CAAEC,SAAUmB,GACtClB,SAAA7C,EAAMkC,OACLY,OACEJ,UAAW,gEAEVG,SAAA7C,EAAMkC,UAKbY,EAAA,MAAA,CAAKpC,IAAKA,EAAKgC,UAAU,8CACtBG,UAAC7C,EAAMyD,aACNzD,EAAM0D,oBACN1D,EAAM0D,mBAAmB1D,EAAMuD,cAGrCT,EAAA,MAAA,CACEJ,UAAU,oFACVyB,YAAaN,EAAsBhB,SAEnCC,EAAK,MAAA,CAAAJ,UAAW,gCAIxB"}

package/dist/esm/src/table/libs/generate-validate-function.js

@@ -1,2 +1,2 @@
-function n(n){var e="入力値が不正のため、エラーを確認し修正してください。\n\n";e+="[対象の列名]: ".concat(n[0].label,"\n"),e+="[入力値]　　: ".concat(n[0].value,"\n\n"),e+="[エラー内容]:",e+=n.reduce((function(n,e){switch(e.type){case"STRING_IS_TOO_LONG":return n+"\n・文字数が最大の長さ".concat(e.maxLength,"文字を超えています。(現在").concat(e.currentLength,"文字)");case"STRING_IS_TOO_SHORT":return n+"\n・文字数が最小の長さ".concat(e.minLength,"文字に満たないです。(現在").concat(e.currentLength,"文字)");case"STRING_PATTERN_NOT_MATCH":return n+"\n・パターンに一致しません。(パターン".concat(e.pattern,")");case"NUMBER_IS_TOO_LARGE":return n+"\n・最大値".concat(e.max,"を超えています。(入力値").concat(e.value,")");case"NUMBER_IS_TOO_SMALL":return n+"\n・最小値".concat(e.min,"を下回っています。(入力値").concat(e.value,")");case"NOT_NUMBER":return n+"\n・数値ではない値が入力されています。";case"NOT_IN_OPTIONS":return n+"\n・選択肢に含まれていない値です。"}}),""),alert(e)}function e(e,t){if("string"===e.type)return function(e,t,r,a){return function(e){var u=[];return(null==r?void 0:r.maxLength)&&e.length>r.maxLength&&u.push({type:"STRING_IS_TOO_LONG",label:t,maxLength:r.maxLength,currentLength:e.length,value:e}),(null==r?void 0:r.minLength)&&e.length<r.minLength&&u.push({type:"STRING_IS_TOO_SHORT",label:t,minLength:r.minLength,currentLength:e.length,value:e}),(null==r?void 0:r.pattern)&&(new RegExp(r.pattern).test(e)||u.push({type:"STRING_PATTERN_NOT_MATCH",label:t,pattern:r.pattern,value:e})),!(u.length>0&&(a?a(u):n(u),1))}}(e.key,e.label,e.constraints,t);if("number"===e.type)return function(e,t,r,a){return function(e){var u=[];return"string"!=typeof e||/^-?[0-9]+(\.[0-9]+)?$/.test(e)?(e=Number(e),"number"==typeof(null==r?void 0:r.max)&&e>r.max&&u.push({type:"NUMBER_IS_TOO_LARGE",label:t,max:r.max,value:e}),"number"==typeof(null==r?void 0:r.min)&&e<r.min&&u.push({type:"NUMBER_IS_TOO_SMALL",label:t,min:r.min,value:e}),!(u.length>0&&(a?a(u):n(u),1))):(u.push({type:"NOT_NUMBER",label:t,value:e}),a?a(u):n(u),!1)}}(e.key,e.label,e.constraints,t);if("select"===e.type)return function(e,t,r,a,u){var l=new Set(r.map((function(n){return n.label})));return function(e){if(a&&""===e)return!0;var r=[];return l.has(e)||r.push({type:"NOT_IN_OPTIONS",label:t,value:e,options:Array.from(l)}),!(r.length>0&&(u?u(r):n(r),1))}}(e.key,e.label,e.options,e.allowEmpty,t);throw new Error("Invalid type")}export{e as generateValidateFunction};
+function e(e){var n="入力値が不正のため、エラーを確認し修正してください。\n\n";n+="[対象の列名]: ".concat(e[0].label,"\n"),n+="[入力値]　　: ".concat(e[0].value,"\n\n"),n+="[エラー内容]:",n+=e.reduce((function(e,n){switch(n.type){case"STRING_IS_TOO_LONG":return e+"\n・文字数が最大の長さ".concat(n.maxLength,"文字を超えています。(現在").concat(n.currentLength,"文字)");case"STRING_IS_TOO_SHORT":return e+"\n・文字数が最小の長さ".concat(n.minLength,"文字に満たないです。(現在").concat(n.currentLength,"文字)");case"STRING_PATTERN_NOT_MATCH":return e+"\n・パターンに一致しません。(パターン".concat(n.pattern,")");case"NUMBER_IS_TOO_LARGE":return e+"\n・最大値".concat(n.max,"を超えています。(入力値").concat(n.value,")");case"NUMBER_IS_TOO_SMALL":return e+"\n・最小値".concat(n.min,"を下回っています。(入力値").concat(n.value,")");case"NOT_NUMBER":return e+"\n・数値ではない値が入力されています。";case"NOT_IN_OPTIONS":return e+"\n・選択肢に含まれていない値です。";case"NOT_DATE":return e+"\n・日付の形式ではありません。";case"NOT_DATETIME":return e+"\n・日時の形式ではありません。"}}),""),alert(n)}function n(n,t){if("string"===n.type)return function(n,t,r,a){return function(n){var u=[];return(null==r?void 0:r.maxLength)&&n.length>r.maxLength&&u.push({type:"STRING_IS_TOO_LONG",label:t,maxLength:r.maxLength,currentLength:n.length,value:n}),(null==r?void 0:r.minLength)&&n.length<r.minLength&&u.push({type:"STRING_IS_TOO_SHORT",label:t,minLength:r.minLength,currentLength:n.length,value:n}),(null==r?void 0:r.pattern)&&(new RegExp(r.pattern).test(n)||u.push({type:"STRING_PATTERN_NOT_MATCH",label:t,pattern:r.pattern,value:n})),!(u.length>0&&(a?a(u):e(u),1))}}(n.key,n.label,n.constraints,t);if("number"===n.type)return function(n,t,r,a){return function(n){var u=[];return"string"!=typeof n||/^-?[0-9]+(\.[0-9]+)?$/.test(n)?(n=Number(n),"number"==typeof(null==r?void 0:r.max)&&n>r.max&&u.push({type:"NUMBER_IS_TOO_LARGE",label:t,max:r.max,value:n}),"number"==typeof(null==r?void 0:r.min)&&n<r.min&&u.push({type:"NUMBER_IS_TOO_SMALL",label:t,min:r.min,value:n}),!(u.length>0&&(a?a(u):e(u),1))):(u.push({type:"NOT_NUMBER",label:t,value:n}),a?a(u):e(u),!1)}}(n.key,n.label,n.constraints,t);if("select"===n.type)return function(n,t,r,a,u){var l=new Set(r.map((function(e){return e.label})));return function(n){if(a&&""===n)return!0;var r=[];return l.has(n)||r.push({type:"NOT_IN_OPTIONS",label:t,value:n,options:Array.from(l)}),!(r.length>0&&(u?u(r):e(r),1))}}(n.key,n.label,n.options,n.allowEmpty,t);if("date"===n.type)return function(n,t,r){return function(n){var a=[];return isNaN(new Date(n).getTime())&&a.push({type:"NOT_DATE",label:t,value:n}),!(a.length>0&&(r?r(a):e(a),1))}}(n.key,n.label,t);if("datetime"===n.type)return function(n,t,r){return function(n){var a=[];return isNaN(new Date(n).getTime())&&a.push({type:"NOT_DATETIME",label:t,value:n}),!(a.length>0&&(r?r(a):e(a),1))}}(n.key,n.label,t);throw new Error("Invalid type")}export{n as generateValidateFunction};
 //# sourceMappingURL=generate-validate-function.js.map

package/dist/esm/src/table/libs/generate-validate-function.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate-validate-function.js","sources":["../../../../../src/table/libs/generate-validate-function.ts"],"sourcesContent":["export type TStringValidateOption = {\n  maxLength?: number;\n  minLength?: number;\n  pattern?: string;\n};\n\nexport type TNumberValidateOption = {\n  max?: number;\n  min?: number;\n};\n\ntype TPropsGenerateValidateFunction = {\n  key: string;\n  label: string;\n} & (\n  | {\n      type: \"string\";\n      constraints?: TStringValidateOption;\n    }\n  | {\n      type: \"number\";\n      constraints?: TNumberValidateOption;\n    }\n  | {\n      type: \"select\";\n      options: { value: string; label: string }[];\n      allowEmpty?: boolean;\n    }\n);\n\ntype TStringValidateFunction = (value: string) => boolean;\n\nexport type TErrorValidation = {\n  label: string;\n  value: string | number;\n} & (\n  | {\n      type: \"STRING_IS_TOO_LONG\";\n      maxLength: number;\n      currentLength: number;\n    }\n  | {\n      type: \"STRING_IS_TOO_SHORT\";\n      minLength: number;\n      currentLength: number;\n    }\n  | {\n      type: \"STRING_PATTERN_NOT_MATCH\";\n      pattern: string;\n    }\n  | {\n      type: \"NUMBER_IS_TOO_LARGE\";\n      max: number;\n    }\n  | {\n      type: \"NUMBER_IS_TOO_SMALL\";\n      min: number;\n    }\n  | {\n      type: \"NOT_NUMBER\";\n    }\n  | {\n      type: \"NOT_IN_OPTIONS\";\n      options: string[];\n    }\n);\n\nfunction defaultErrorHandler(errors: TErrorValidation[]) {\n  let message = `入力値が不正のため、エラーを確認し修正してください。\\n\\n`;\n  message += `[対象の列名]: ${errors[0].label}\\n`;\n  message += `[入力値]　　: ${errors[0].value}\\n\\n`;\n  message += `[エラー内容]:`;\n\n  message += errors.reduce((acc, error) => {\n    switch (error.type) {\n      case \"STRING_IS_TOO_LONG\":\n        return (\n          acc +\n          `\\n・文字数が最大の長さ${error.maxLength}文字を超えています。(現在${error.currentLength}文字)`\n        );\n      case \"STRING_IS_TOO_SHORT\":\n        return (\n          acc +\n          `\\n・文字数が最小の長さ${error.minLength}文字に満たないです。(現在${error.currentLength}文字)`\n        );\n      case \"STRING_PATTERN_NOT_MATCH\":\n        return acc + `\\n・パターンに一致しません。(パターン${error.pattern})`;\n      case \"NUMBER_IS_TOO_LARGE\":\n        return (\n          acc + `\\n・最大値${error.max}を超えています。(入力値${error.value})`\n        );\n      case \"NUMBER_IS_TOO_SMALL\":\n        return (\n          acc + `\\n・最小値${error.min}を下回っています。(入力値${error.value})`\n        );\n      case \"NOT_NUMBER\":\n        return acc + `\\n・数値ではない値が入力されています。`;\n      case \"NOT_IN_OPTIONS\":\n        return acc + `\\n・選択肢に含まれていない値です。`;\n    }\n  }, \"\");\n\n  alert(message);\n}\n\nfunction generateStringValidateFunction(\n  key: string,\n  label: string,\n  constraints?: TStringValidateOption,\n  errorHandler?: (errors: TErrorValidation[]) => void\n): TStringValidateFunction {\n  return (value: string) => {\n    const errors: TErrorValidation[] = [];\n\n    if (constraints?.maxLength) {\n      if (value.length > constraints.maxLength) {\n        errors.push({\n          type: \"STRING_IS_TOO_LONG\",\n          label,\n          maxLength: constraints.maxLength,\n          currentLength: value.length,\n          value,\n        });\n      }\n    }\n\n    if (constraints?.minLength) {\n      if (value.length < constraints.minLength) {\n        errors.push({\n          type: \"STRING_IS_TOO_SHORT\",\n          label,\n          minLength: constraints.minLength,\n          currentLength: value.length,\n          value,\n        });\n      }\n    }\n\n    if (constraints?.pattern) {\n      if (!new RegExp(constraints.pattern).test(value)) {\n        errors.push({\n          type: \"STRING_PATTERN_NOT_MATCH\",\n          label,\n          pattern: constraints.pattern,\n          value,\n        });\n      }\n    }\n\n    if (errors.length > 0) {\n      if (errorHandler) {\n        errorHandler(errors);\n      } else {\n        defaultErrorHandler(errors);\n      }\n      return false;\n    }\n\n    return true;\n  };\n}\n\ntype TNumberValidateFunction = (value: number) => boolean;\n\nfunction generateNumberValidateFunction(\n  key: string,\n  label: string,\n  constraints?: TNumberValidateOption,\n  errorHandler?: (errors: TErrorValidation[]) => void\n): TNumberValidateFunction {\n  return (value: number | string) => {\n    const errors: TErrorValidation[] = [];\n\n    if (typeof value === \"string\") {\n      // 小数も含めて数値に変換可能な値かを検査\n      if (!/^-?[0-9]+(\\.[0-9]+)?$/.test(value)) {\n        errors.push({\n          type: \"NOT_NUMBER\",\n          label,\n          value,\n        });\n\n        if (errorHandler) {\n          errorHandler(errors);\n        } else {\n          defaultErrorHandler(errors);\n        }\n        return false;\n      }\n    }\n\n    value = Number(value);\n\n    if (typeof constraints?.max === \"number\") {\n      if (value > constraints.max) {\n        errors.push({\n          type: \"NUMBER_IS_TOO_LARGE\",\n          label,\n          max: constraints.max,\n          value,\n        });\n      }\n    }\n\n    if (typeof constraints?.min === \"number\") {\n      if (value < constraints.min) {\n        errors.push({\n          type: \"NUMBER_IS_TOO_SMALL\",\n          label,\n          min: constraints.min,\n          value,\n        });\n      }\n    }\n\n    if (errors.length > 0) {\n      if (errorHandler) {\n        errorHandler(errors);\n      } else {\n        defaultErrorHandler(errors);\n      }\n      return false;\n    }\n\n    return true;\n  };\n}\n\ntype TSelectValidateFunction = (label: string) => boolean;\n\nfunction generatSelectValidateFunction(\n  key: string,\n  columnLabel: string,\n  options: { value: string; label: string }[],\n  allowEmpty?: boolean,\n  errorHandler?: (errors: TErrorValidation[]) => void\n): TSelectValidateFunction {\n  const labelSets = new Set(options.map((option) => option.label));\n  return (label: string) => {\n    if (allowEmpty && label === \"\") {\n      return true;\n    }\n\n    const errors: TErrorValidation[] = [];\n\n    if (!labelSets.has(label)) {\n      errors.push({\n        type: \"NOT_IN_OPTIONS\",\n        label: columnLabel,\n        value: label,\n        options: Array.from(labelSets),\n      });\n    }\n\n    if (errors.length > 0) {\n      if (errorHandler) {\n        errorHandler(errors);\n      } else {\n        defaultErrorHandler(errors);\n      }\n      return false;\n    }\n\n    return true;\n  };\n}\n\nexport function generateValidateFunction(\n  props: TPropsGenerateValidateFunction,\n  errorHandler?: (errors: TErrorValidation[]) => void\n) {\n  if (props.type === \"string\") {\n    return generateStringValidateFunction(\n      props.key,\n      props.label,\n      props.constraints,\n      errorHandler\n    );\n  } else if (props.type === \"number\") {\n    return generateNumberValidateFunction(\n      props.key,\n      props.label,\n      props.constraints,\n      errorHandler\n    );\n  } else if (props.type === \"select\") {\n    return generatSelectValidateFunction(\n      props.key,\n      props.label,\n      props.options,\n      props.allowEmpty,\n      errorHandler\n    );\n  } else {\n    throw new Error(\"Invalid type\");\n  }\n}\n"],"names":["defaultErrorHandler","errors","message","label","value","reduce","acc","error","type","concat","maxLength","currentLength","minLength","pattern","max","min","alert","generateValidateFunction","props","errorHandler","key","constraints","length","push","RegExp","test","generateStringValidateFunction","Number","generateNumberValidateFunction","columnLabel","options","allowEmpty","labelSets","Set","map","option","has","Array","from","generatSelectValidateFunction","Error"],"mappings":"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"}
+{"version":3,"file":"generate-validate-function.js","sources":["../../../../../src/table/libs/generate-validate-function.ts"],"sourcesContent":["export type TStringValidateOption = {\n  maxLength?: number;\n  minLength?: number;\n  pattern?: string;\n};\n\nexport type TNumberValidateOption = {\n  max?: number;\n  min?: number;\n};\n\ntype TPropsGenerateValidateFunction = {\n  key: string;\n  label: string;\n} & (\n  | {\n      type: \"string\";\n      constraints?: TStringValidateOption;\n    }\n  | {\n      type: \"number\";\n      constraints?: TNumberValidateOption;\n    }\n  | {\n      type: \"select\";\n      options: { value: string; label: string }[];\n      allowEmpty?: boolean;\n    }\n  | {\n      type: \"date\";\n    }\n  | {\n      type: \"datetime\";\n    }\n);\n\ntype TStringValidateFunction = (value: string) => boolean;\n\nexport type TErrorValidation = {\n  label: string;\n  value: string | number;\n} & (\n  | {\n      type: \"STRING_IS_TOO_LONG\";\n      maxLength: number;\n      currentLength: number;\n    }\n  | {\n      type: \"STRING_IS_TOO_SHORT\";\n      minLength: number;\n      currentLength: number;\n    }\n  | {\n      type: \"STRING_PATTERN_NOT_MATCH\";\n      pattern: string;\n    }\n  | {\n      type: \"NUMBER_IS_TOO_LARGE\";\n      max: number;\n    }\n  | {\n      type: \"NUMBER_IS_TOO_SMALL\";\n      min: number;\n    }\n  | {\n      type: \"NOT_NUMBER\";\n    }\n  | {\n      type: \"NOT_IN_OPTIONS\";\n      options: string[];\n    }\n  | {\n      type: \"NOT_DATE\";\n    }\n  | {\n      type: \"NOT_DATETIME\";\n    }\n);\n\nfunction defaultErrorHandler(errors: TErrorValidation[]) {\n  let message = `入力値が不正のため、エラーを確認し修正してください。\\n\\n`;\n  message += `[対象の列名]: ${errors[0].label}\\n`;\n  message += `[入力値]　　: ${errors[0].value}\\n\\n`;\n  message += `[エラー内容]:`;\n\n  message += errors.reduce((acc, error) => {\n    switch (error.type) {\n      case \"STRING_IS_TOO_LONG\":\n        return (\n          acc +\n          `\\n・文字数が最大の長さ${error.maxLength}文字を超えています。(現在${error.currentLength}文字)`\n        );\n      case \"STRING_IS_TOO_SHORT\":\n        return (\n          acc +\n          `\\n・文字数が最小の長さ${error.minLength}文字に満たないです。(現在${error.currentLength}文字)`\n        );\n      case \"STRING_PATTERN_NOT_MATCH\":\n        return acc + `\\n・パターンに一致しません。(パターン${error.pattern})`;\n      case \"NUMBER_IS_TOO_LARGE\":\n        return (\n          acc + `\\n・最大値${error.max}を超えています。(入力値${error.value})`\n        );\n      case \"NUMBER_IS_TOO_SMALL\":\n        return (\n          acc + `\\n・最小値${error.min}を下回っています。(入力値${error.value})`\n        );\n      case \"NOT_NUMBER\":\n        return acc + `\\n・数値ではない値が入力されています。`;\n      case \"NOT_IN_OPTIONS\":\n        return acc + `\\n・選択肢に含まれていない値です。`;\n      case \"NOT_DATE\":\n        return acc + `\\n・日付の形式ではありません。`;\n      case \"NOT_DATETIME\":\n        return acc + `\\n・日時の形式ではありません。`;\n    }\n  }, \"\");\n\n  alert(message);\n}\n\nfunction generateStringValidateFunction(\n  key: string,\n  label: string,\n  constraints?: TStringValidateOption,\n  errorHandler?: (errors: TErrorValidation[]) => void\n): TStringValidateFunction {\n  return (value: string) => {\n    const errors: TErrorValidation[] = [];\n\n    if (constraints?.maxLength) {\n      if (value.length > constraints.maxLength) {\n        errors.push({\n          type: \"STRING_IS_TOO_LONG\",\n          label,\n          maxLength: constraints.maxLength,\n          currentLength: value.length,\n          value,\n        });\n      }\n    }\n\n    if (constraints?.minLength) {\n      if (value.length < constraints.minLength) {\n        errors.push({\n          type: \"STRING_IS_TOO_SHORT\",\n          label,\n          minLength: constraints.minLength,\n          currentLength: value.length,\n          value,\n        });\n      }\n    }\n\n    if (constraints?.pattern) {\n      if (!new RegExp(constraints.pattern).test(value)) {\n        errors.push({\n          type: \"STRING_PATTERN_NOT_MATCH\",\n          label,\n          pattern: constraints.pattern,\n          value,\n        });\n      }\n    }\n\n    if (errors.length > 0) {\n      if (errorHandler) {\n        errorHandler(errors);\n      } else {\n        defaultErrorHandler(errors);\n      }\n      return false;\n    }\n\n    return true;\n  };\n}\n\ntype TNumberValidateFunction = (value: number) => boolean;\n\nfunction generateNumberValidateFunction(\n  key: string,\n  label: string,\n  constraints?: TNumberValidateOption,\n  errorHandler?: (errors: TErrorValidation[]) => void\n): TNumberValidateFunction {\n  return (value: number | string) => {\n    const errors: TErrorValidation[] = [];\n\n    if (typeof value === \"string\") {\n      // 小数も含めて数値に変換可能な値かを検査\n      if (!/^-?[0-9]+(\\.[0-9]+)?$/.test(value)) {\n        errors.push({\n          type: \"NOT_NUMBER\",\n          label,\n          value,\n        });\n\n        if (errorHandler) {\n          errorHandler(errors);\n        } else {\n          defaultErrorHandler(errors);\n        }\n        return false;\n      }\n    }\n\n    value = Number(value);\n\n    if (typeof constraints?.max === \"number\") {\n      if (value > constraints.max) {\n        errors.push({\n          type: \"NUMBER_IS_TOO_LARGE\",\n          label,\n          max: constraints.max,\n          value,\n        });\n      }\n    }\n\n    if (typeof constraints?.min === \"number\") {\n      if (value < constraints.min) {\n        errors.push({\n          type: \"NUMBER_IS_TOO_SMALL\",\n          label,\n          min: constraints.min,\n          value,\n        });\n      }\n    }\n\n    if (errors.length > 0) {\n      if (errorHandler) {\n        errorHandler(errors);\n      } else {\n        defaultErrorHandler(errors);\n      }\n      return false;\n    }\n\n    return true;\n  };\n}\n\ntype TSelectValidateFunction = (label: string) => boolean;\n\nfunction generatSelectValidateFunction(\n  key: string,\n  columnLabel: string,\n  options: { value: string; label: string }[],\n  allowEmpty?: boolean,\n  errorHandler?: (errors: TErrorValidation[]) => void\n): TSelectValidateFunction {\n  const labelSets = new Set(options.map((option) => option.label));\n  return (label: string) => {\n    if (allowEmpty && label === \"\") {\n      return true;\n    }\n\n    const errors: TErrorValidation[] = [];\n\n    if (!labelSets.has(label)) {\n      errors.push({\n        type: \"NOT_IN_OPTIONS\",\n        label: columnLabel,\n        value: label,\n        options: Array.from(labelSets),\n      });\n    }\n\n    if (errors.length > 0) {\n      if (errorHandler) {\n        errorHandler(errors);\n      } else {\n        defaultErrorHandler(errors);\n      }\n      return false;\n    }\n\n    return true;\n  };\n}\n\ntype TDateValidateFunction = (label: string) => boolean;\n\nfunction generatDateValidateFunction(\n  key: string,\n  columnLabel: string,\n  errorHandler?: (errors: TErrorValidation[]) => void\n): TDateValidateFunction {\n  return (value: string) => {\n    const errors: TErrorValidation[] = [];\n\n    if (isNaN(new Date(value).getTime())) {\n      errors.push({\n        type: \"NOT_DATE\",\n        label: columnLabel,\n        value,\n      });\n    }\n\n    if (errors.length > 0) {\n      if (errorHandler) {\n        errorHandler(errors);\n      } else {\n        defaultErrorHandler(errors);\n      }\n      return false;\n    }\n\n    return true;\n  };\n}\n\ntype TDatetimeValidateFunction = (label: string) => boolean;\n\nfunction generatDatetimeValidateFunction(\n  key: string,\n  columnLabel: string,\n  errorHandler?: (errors: TErrorValidation[]) => void\n): TDatetimeValidateFunction {\n  return (value: string) => {\n    const errors: TErrorValidation[] = [];\n\n    if (isNaN(new Date(value).getTime())) {\n      errors.push({\n        type: \"NOT_DATETIME\",\n        label: columnLabel,\n        value,\n      });\n    }\n\n    if (errors.length > 0) {\n      if (errorHandler) {\n        errorHandler(errors);\n      } else {\n        defaultErrorHandler(errors);\n      }\n      return false;\n    }\n\n    return true;\n  };\n}\n\nexport function generateValidateFunction(\n  props: TPropsGenerateValidateFunction,\n  errorHandler?: (errors: TErrorValidation[]) => void\n) {\n  if (props.type === \"string\") {\n    return generateStringValidateFunction(\n      props.key,\n      props.label,\n      props.constraints,\n      errorHandler\n    );\n  } else if (props.type === \"number\") {\n    return generateNumberValidateFunction(\n      props.key,\n      props.label,\n      props.constraints,\n      errorHandler\n    );\n  } else if (props.type === \"select\") {\n    return generatSelectValidateFunction(\n      props.key,\n      props.label,\n      props.options,\n      props.allowEmpty,\n      errorHandler\n    );\n  } else if (props.type === \"date\") {\n    return generatDateValidateFunction(props.key, props.label, errorHandler);\n  } else if (props.type === \"datetime\") {\n    return generatDatetimeValidateFunction(\n      props.key,\n      props.label,\n      errorHandler\n    );\n  } else {\n    throw new Error(\"Invalid type\");\n  }\n}\n"],"names":["defaultErrorHandler","errors","message","label","value","reduce","acc","error","type","concat","maxLength","currentLength","minLength","pattern","max","min","alert","generateValidateFunction","props","errorHandler","key","constraints","length","push","RegExp","test","generateStringValidateFunction","Number","generateNumberValidateFunction","columnLabel","options","allowEmpty","labelSets","Set","map","option","has","Array","from","generatSelectValidateFunction","isNaN","Date","getTime","generatDateValidateFunction","generatDatetimeValidateFunction","Error"],"mappings":"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"}

package/dist/esm/src/table/operation/components/keyboard-setting.js

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{useEditContext as n}from"../../edit/provider.js";import{useColumnsContext as i}from"../../sheet/providers.js";import{useRangeContext as o}from"../../range/provider.js";import{useCopyActionContext as p}from"../../copy/provider.js";import{useTableIdGenerator as a}from"../../id/provider.js";var d=function(e,t){var r,n=document.getElementById(t);if(n){var i=null===(r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))||void 0===r?void 0:r.set;i&&i.call(n,e);var o=new Event("input",{bubbles:!0});n.dispatchEvent(o)}};function s(s){var v=a(),f=n(),u=o(),c=p().copy,l=i()[u.isSelecting?u.start.colIndex:0];return r((function(){var e=function(e){f.isEditing?"Escape"===e.key&&(e.preventDefault(),f.endEditing()):u.isSelecting&&("Enter"===e.key?(e.preventDefault(),u.moveDown()):"Escape"===e.key?(e.preventDefault(),u.reset()):"ArrowRight"===e.key?(e.preventDefault(),e.shiftKey?u.extendRight():u.moveRight()):"ArrowLeft"===e.key?(e.preventDefault(),e.shiftKey?u.extendLeft():u.moveLeft()):"ArrowUp"===e.key?(e.preventDefault(),e.shiftKey?u.extendUp():u.moveUp()):"ArrowDown"===e.key?(e.preventDefault(),e.shiftKey?u.extendDown():u.moveDown()):"F2"===e.key?(e.preventDefault(),f.startEditing()):e.ctrlKey&&"c"===e.key?(e.preventDefault(),c({enableDeprecatedCopy:null==s?void 0:s.enableDeprecatedCopy})):e.altKey||e.ctrlKey||!/^[a-zA-Z0-9]$/.test(e.key)?"Backspace"!==e.key&&"Delete"!==e.key||(e.preventDefault(),e.stopPropagation(),f.startEditing(),setTimeout((function(){d("",v.getEditorId())}),10)):(e.preventDefault(),e.stopPropagation(),f.startEditing(),setTimeout((function(){d(e.key,v.getEditorId())}),10)))};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[u,f.isEditing]),r((function(){f.isEditing&&!l.editable&&f.endEditing()}),[f,l]),e(t,{})}export{s as KeyboardSetting};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{useEditContext as n}from"../../edit/provider.js";import{useColumnsContext as o}from"../../sheet/providers.js";import{useRangeContext as i}from"../../range/provider.js";import{useCopyActionContext as d}from"../../copy/provider.js";import{useTableIdGenerator as p}from"../../id/provider.js";var a=function(e,t){var r,n=document.getElementById(t);if(n){var o=null===(r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))||void 0===r?void 0:r.set;o&&o.call(n,e);var i=new Event("input",{bubbles:!0});n.dispatchEvent(i)}};function s(s){var y=p(),f=n(),v=i(),c=d().copy,l=o()[v.isSelecting?v.start.colIndex:0];return r((function(){var e=function(e){f.isEditing?"Escape"===e.key&&(e.preventDefault(),f.endEditing()):v.isSelecting&&("Enter"===e.key?(e.preventDefault(),v.moveDown()):"Escape"===e.key?(e.preventDefault(),v.reset()):"ArrowRight"===e.key?(e.preventDefault(),e.ctrlKey&&e.shiftKey?v.extendRightEnd():e.ctrlKey?v.moveRightEnd():e.shiftKey?v.extendRight():v.moveRight()):"ArrowLeft"===e.key?(e.preventDefault(),e.ctrlKey&&e.shiftKey?v.extendLeftEnd():e.ctrlKey?v.moveLeftEnd():e.shiftKey?v.extendLeft():v.moveLeft()):"ArrowUp"===e.key?(e.preventDefault(),e.ctrlKey&&e.shiftKey?v.extendTop():e.ctrlKey?v.moveTop():e.shiftKey?v.extendUp():v.moveUp()):"ArrowDown"===e.key?(e.preventDefault(),e.ctrlKey&&e.shiftKey?v.extendBottom():e.ctrlKey?v.moveBottom():e.shiftKey?v.extendDown():v.moveDown()):"F2"===e.key?(e.preventDefault(),f.startEditing()):e.ctrlKey&&"c"===e.key.toLowerCase()?(e.preventDefault(),c({enableDeprecatedCopy:null==s?void 0:s.enableDeprecatedCopy})):e.altKey||e.ctrlKey||!/^[a-zA-Z0-9]$/.test(e.key)?"Backspace"!==e.key&&"Delete"!==e.key||(e.preventDefault(),e.stopPropagation(),f.startEditing(),setTimeout((function(){a("",y.getEditorId())}),10)):(e.preventDefault(),e.stopPropagation(),f.startEditing(),setTimeout((function(){a(e.key,y.getEditorId())}),10)))};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[v,f.isEditing]),r((function(){f.isEditing&&!l.editable&&f.endEditing()}),[f,l]),e(t,{})}export{s as KeyboardSetting};
 //# sourceMappingURL=keyboard-setting.js.map

package/dist/esm/src/table/range/hooks.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import{useReducer as t,useMemo as n,useEffect as o}from"react";import{useTableIdGenerator as r}from"../id/provider.js";function i(e){return{maxColIndex:e.maxColIndex<-1?-1:e.maxColIndex,maxRowIndex:e.maxRowIndex<-1?-1:e.maxRowIndex}}function d(e){var t=e.rowIndex,n=e.colIndex;return t<0?t=0:e.constraint.maxRowIndex<t&&(t=e.constraint.maxRowIndex),n<0?n=0:e.constraint.maxColIndex<n&&(n=e.constraint.maxColIndex),{rowIndex:t,colIndex:n}}function a(e,t){return e.rowIndex===t.rowIndex&&e.colIndex===t.colIndex}var c={UP:{deltaRow:-1,deltaCol:0},DOWN:{deltaRow:1,deltaCol:0},LEFT:{deltaRow:0,deltaCol:-1},RIGHT:{deltaRow:0,deltaCol:1}};function s(e){var t=e.index,n=e.direction,o=e.constraint,r=c[n],i=r.deltaRow,a=r.deltaCol;return d({rowIndex:t.rowIndex+i,colIndex:t.colIndex+a,constraint:o})}var l=function(t,n){switch(n.type){case"setMax":return e(e({},t),{constraint:i(n.payload)});case"startSelectRange":var o=d({rowIndex:n.payload.rowIndex,colIndex:n.payload.colIndex,constraint:t.constraint});return t.isSelecting&&a(t.start,o)&&a(t.end,o)&&t.inProgress?t:e(e({},t),{isSelecting:!0,inProgress:!0,start:o,end:o});case"moveSelectRange":if(!t.isSelecting||!t.inProgress)return t;var r=d({rowIndex:n.payload.rowIndex,colIndex:n.payload.colIndex,constraint:t.constraint});return a(t.end,r)?t:e(e({},t),{end:r});case"endSelectRange":return t.isSelecting&&t.inProgress?e(e({},t),{inProgress:!1}):t;case"moveUp":return t.isSelecting?a(o=s({index:t.start,direction:"UP",constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"moveDown":return t.isSelecting?a(o=s({index:t.start,direction:"DOWN",constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"moveLeft":return t.isSelecting?a(o=s({index:t.start,direction:"LEFT",constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"moveRight":return t.isSelecting?a(o=s({index:t.start,direction:"RIGHT",constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"extendUp":return t.isSelecting?a(r=s({index:t.end,direction:"UP",constraint:t.constraint}),t.end)?t:e(e({},t),{end:r}):t;case"extendDown":return t.isSelecting?a(r=s({index:t.end,direction:"DOWN",constraint:t.constraint}),t.end)?t:e(e({},t),{end:r}):t;case"extendLeft":return t.isSelecting?a(r=s({index:t.end,direction:"LEFT",constraint:t.constraint}),t.end)?t:e(e({},t),{end:r}):t;case"extendRight":return t.isSelecting?a(r=s({index:t.end,direction:"RIGHT",constraint:t.constraint}),t.end)?t:e(e({},t),{end:r}):t;case"reset":return{constraint:t.constraint,isSelecting:!1};case"setRange":return e(e({},t),{isSelecting:!0,inProgress:!1,start:n.payload.start,end:n.payload.end})}};function x(){var d=r(),a=t(l,{constraint:i({maxColIndex:0,maxRowIndex:0}),isSelecting:!1}),c=a[0],s=a[1],x=n((function(){return{setMax:function(e){s({type:"setMax",payload:e})},startSelectRange:function(e){s({type:"startSelectRange",payload:e})},moveSelectRange:function(e){s({type:"moveSelectRange",payload:e})},endSelectRange:function(){s({type:"endSelectRange"})},moveUp:function(){s({type:"moveUp"})},moveDown:function(){s({type:"moveDown"})},moveLeft:function(){s({type:"moveLeft"})},moveRight:function(){s({type:"moveRight"})},extendUp:function(){s({type:"extendUp"})},extendDown:function(){s({type:"extendDown"})},extendLeft:function(){s({type:"extendLeft"})},extendRight:function(){s({type:"extendRight"})},reset:function(){s({type:"reset"})},setRange:function(e){s({type:"setRange",payload:e})}}}),[]);return o((function(){var e=function(e){var t=document.getElementById(d.getTableId()),n=e.target;n instanceof Node&&(null==t?void 0:t.contains(n))||s({type:"reset"})};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]),{state:n((function(){if(!c.isSelecting)return c;var t=document.getElementById(d.getTableCellId({rowIndex:c.start.rowIndex,columnIndex:c.start.colIndex})),n=document.getElementById(d.getTableCellId({rowIndex:c.end.rowIndex,columnIndex:c.end.colIndex})),o=document.getElementById(d.getTableId());if(!t||!n||!o)return s({type:"reset"}),{isSelecting:!1};var r=t.getBoundingClientRect(),i=n.getBoundingClientRect(),a=o.getBoundingClientRect(),l=a.top-o.scrollTop,x=a.left-o.scrollLeft,g={top:r.top-l,left:r.left-x,width:r.width,height:r.height},u={top:i.top-l,left:i.left-x,width:i.width,height:i.height};return{isSelecting:!0,start:e(e({},c.start),{xStart:g.left,xEnd:g.left+g.width,yStart:g.top,yEnd:g.top+g.height}),end:e(e({},c.end),{xStart:u.left,xEnd:u.left+u.width,yStart:u.top,yEnd:u.top+u.height}),rangeBox:{top:Math.min(g.top,u.top),left:Math.min(g.left,u.left),width:Math.abs(g.left-u.left)+(g.left<=u.left?u.width:g.width),height:Math.abs(g.top-u.top)+(g.top<=u.top?u.height:g.height)}}}),[c]),actions:x}}export{l as rangeReducer,x as useRangeReducer};
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import{useReducer as t,useMemo as n,useEffect as o}from"react";import{useTableIdGenerator as d}from"../id/provider.js";function r(e){return{maxColIndex:e.maxColIndex<-1?-1:e.maxColIndex,maxRowIndex:e.maxRowIndex<-1?-1:e.maxRowIndex}}function i(e){var t=e.rowIndex,n=e.colIndex;return t<0?t=0:e.constraint.maxRowIndex<t&&(t=e.constraint.maxRowIndex),n<0?n=0:e.constraint.maxColIndex<n&&(n=e.constraint.maxColIndex),{rowIndex:t,colIndex:n}}function a(e,t){return e.rowIndex===t.rowIndex&&e.colIndex===t.colIndex}var c={UP:{deltaRow:-1,deltaCol:0},DOWN:{deltaRow:1,deltaCol:0},LEFT:{deltaRow:0,deltaCol:-1},RIGHT:{deltaRow:0,deltaCol:1}};function s(e){var t=e.index,n=e.direction,o=e.constraint,d=c[n],r=d.deltaRow,a=d.deltaCol;return i({rowIndex:t.rowIndex+r,colIndex:t.colIndex+a,constraint:o})}var l=function(t,n){switch(n.type){case"setMax":return e(e({},t),{constraint:r(n.payload)});case"startSelectRange":var o=i({rowIndex:n.payload.rowIndex,colIndex:n.payload.colIndex,constraint:t.constraint});return t.isSelecting&&a(t.start,o)&&a(t.end,o)&&t.inProgress?t:e(e({},t),{isSelecting:!0,inProgress:!0,start:o,end:o});case"moveSelectRange":if(!t.isSelecting||!t.inProgress)return t;var d=i({rowIndex:n.payload.rowIndex,colIndex:n.payload.colIndex,constraint:t.constraint});return a(t.end,d)?t:e(e({},t),{end:d});case"endSelectRange":return t.isSelecting&&t.inProgress?e(e({},t),{inProgress:!1}):t;case"moveUp":return t.isSelecting?a(o=s({index:t.start,direction:"UP",constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"moveDown":return t.isSelecting?a(o=s({index:t.start,direction:"DOWN",constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"moveLeft":return t.isSelecting?a(o=s({index:t.start,direction:"LEFT",constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"moveRight":return t.isSelecting?a(o=s({index:t.start,direction:"RIGHT",constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"moveTop":return t.isSelecting?a(o=i({rowIndex:0,colIndex:t.start.colIndex,constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"moveBottom":return t.isSelecting?a(o=i({rowIndex:t.constraint.maxRowIndex,colIndex:t.start.colIndex,constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"moveLeftEnd":return t.isSelecting?a(o=i({rowIndex:t.start.rowIndex,colIndex:0,constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"moveRightEnd":return t.isSelecting?a(o=i({rowIndex:t.start.rowIndex,colIndex:t.constraint.maxColIndex,constraint:t.constraint}),t.start)&&a(o,t.end)?t:e(e({},t),{start:o,end:o}):t;case"extendUp":return t.isSelecting?a(d=s({index:t.end,direction:"UP",constraint:t.constraint}),t.end)?t:e(e({},t),{end:d}):t;case"extendDown":return t.isSelecting?a(d=s({index:t.end,direction:"DOWN",constraint:t.constraint}),t.end)?t:e(e({},t),{end:d}):t;case"extendLeft":return t.isSelecting?a(d=s({index:t.end,direction:"LEFT",constraint:t.constraint}),t.end)?t:e(e({},t),{end:d}):t;case"extendRight":return t.isSelecting?a(d=s({index:t.end,direction:"RIGHT",constraint:t.constraint}),t.end)?t:e(e({},t),{end:d}):t;case"extendTop":return t.isSelecting?a(d=i({rowIndex:0,colIndex:t.end.colIndex,constraint:t.constraint}),t.end)?t:e(e({},t),{end:d}):t;case"extendBottom":return t.isSelecting?a(d=i({rowIndex:t.constraint.maxRowIndex,colIndex:t.end.colIndex,constraint:t.constraint}),t.end)?t:e(e({},t),{end:d}):t;case"extendLeftEnd":return t.isSelecting?a(d=i({rowIndex:t.end.rowIndex,colIndex:0,constraint:t.constraint}),t.end)?t:e(e({},t),{end:d}):t;case"extendRightEnd":return t.isSelecting?a(d=i({rowIndex:t.end.rowIndex,colIndex:t.constraint.maxColIndex,constraint:t.constraint}),t.end)?t:e(e({},t),{end:d}):t;case"reset":return{constraint:t.constraint,isSelecting:!1};case"setRange":return e(e({},t),{isSelecting:!0,inProgress:!1,start:n.payload.start,end:n.payload.end})}};function x(){var i=d(),a=t(l,{constraint:r({maxColIndex:0,maxRowIndex:0}),isSelecting:!1}),c=a[0],s=a[1],x=n((function(){return{setMax:function(e){s({type:"setMax",payload:e})},startSelectRange:function(e){s({type:"startSelectRange",payload:e})},moveSelectRange:function(e){s({type:"moveSelectRange",payload:e})},endSelectRange:function(){s({type:"endSelectRange"})},moveUp:function(){s({type:"moveUp"})},moveDown:function(){s({type:"moveDown"})},moveLeft:function(){s({type:"moveLeft"})},moveRight:function(){s({type:"moveRight"})},moveTop:function(){s({type:"moveTop"})},moveBottom:function(){s({type:"moveBottom"})},moveRightEnd:function(){s({type:"moveRightEnd"})},moveLeftEnd:function(){s({type:"moveLeftEnd"})},extendUp:function(){s({type:"extendUp"})},extendDown:function(){s({type:"extendDown"})},extendLeft:function(){s({type:"extendLeft"})},extendRight:function(){s({type:"extendRight"})},extendTop:function(){s({type:"extendTop"})},extendBottom:function(){s({type:"extendBottom"})},extendRightEnd:function(){s({type:"extendRightEnd"})},extendLeftEnd:function(){s({type:"extendLeftEnd"})},reset:function(){s({type:"reset"})},setRange:function(e){s({type:"setRange",payload:e})}}}),[]);return o((function(){var e=function(e){var t=document.getElementById(i.getTableId()),n=e.target;n instanceof Node&&(null==t?void 0:t.contains(n))||s({type:"reset"})};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]),{state:n((function(){if(!c.isSelecting)return c;var t=document.getElementById(i.getTableCellId({rowIndex:c.start.rowIndex,columnIndex:c.start.colIndex})),n=document.getElementById(i.getTableCellId({rowIndex:c.end.rowIndex,columnIndex:c.end.colIndex})),o=document.getElementById(i.getTableId());if(!t||!n||!o)return s({type:"reset"}),{isSelecting:!1};var d=t.getBoundingClientRect(),r=n.getBoundingClientRect(),a=o.getBoundingClientRect(),l=a.top-o.scrollTop,x=a.left-o.scrollLeft,g={top:d.top-l,left:d.left-x,width:d.width,height:d.height},u={top:r.top-l,left:r.left-x,width:r.width,height:r.height};return{isSelecting:!0,start:e(e({},c.start),{xStart:g.left,xEnd:g.left+g.width,yStart:g.top,yEnd:g.top+g.height}),end:e(e({},c.end),{xStart:u.left,xEnd:u.left+u.width,yStart:u.top,yEnd:u.top+u.height}),rangeBox:{top:Math.min(g.top,u.top),left:Math.min(g.left,u.left),width:Math.abs(g.left-u.left)+(g.left<=u.left?u.width:g.width),height:Math.abs(g.top-u.top)+(g.top<=u.top?u.height:g.height)}}}),[c]),actions:x}}export{l as rangeReducer,x as useRangeReducer};
 //# sourceMappingURL=hooks.js.map

package/dist/esm/src/table/range/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../../../src/table/range/hooks.ts"],"sourcesContent":["import { useEffect, useMemo, useReducer } from \"react\";\nimport {\n  IIndex,\n  TRangeReducer,\n  IRangeConstraint,\n  TReturnRangeReducer,\n} from \"./type\";\nimport { useTableIdGenerator } from \"../id\";\n\nfunction newRangeConstraint(props: {\n  maxColIndex: number;\n  maxRowIndex: number;\n}): IRangeConstraint {\n  return {\n    maxColIndex: props.maxColIndex < -1 ? -1 : props.maxColIndex,\n    maxRowIndex: props.maxRowIndex < -1 ? -1 : props.maxRowIndex,\n  };\n}\n\nfunction newIndex(props: {\n  rowIndex: number;\n  colIndex: number;\n  constraint: IRangeConstraint;\n}): IIndex {\n  let rowIndex = props.rowIndex;\n  let colIndex = props.colIndex;\n\n  if (rowIndex < 0) {\n    rowIndex = 0;\n  } else if (props.constraint.maxRowIndex < rowIndex) {\n    rowIndex = props.constraint.maxRowIndex;\n  }\n\n  if (colIndex < 0) {\n    colIndex = 0;\n  } else if (props.constraint.maxColIndex < colIndex) {\n    colIndex = props.constraint.maxColIndex;\n  }\n\n  return { rowIndex, colIndex };\n}\n\nfunction equalIndex(a: IIndex, b: IIndex): boolean {\n  return a.rowIndex === b.rowIndex && a.colIndex === b.colIndex;\n}\n\nconst MOVE_ACTION = {\n  UP: { deltaRow: -1, deltaCol: 0 },\n  DOWN: { deltaRow: 1, deltaCol: 0 },\n  LEFT: { deltaRow: 0, deltaCol: -1 },\n  RIGHT: { deltaRow: 0, deltaCol: 1 },\n} as const;\n\ntype TMoveAction = keyof typeof MOVE_ACTION;\n\nfunction moveIndex({\n  index,\n  direction,\n  constraint,\n}: {\n  index: IIndex;\n  direction: TMoveAction;\n  constraint: IRangeConstraint;\n}): IIndex {\n  const { deltaRow, deltaCol } = MOVE_ACTION[direction];\n\n  const newRow = index.rowIndex + deltaRow;\n  const newCol = index.colIndex + deltaCol;\n\n  return newIndex({\n    rowIndex: newRow,\n    colIndex: newCol,\n    constraint,\n  });\n}\n\nexport const rangeReducer: TRangeReducer = (state, action) => {\n  switch (action.type) {\n    /**\n     * Actionが\"setMax\"の場合の説明:\n     * - Actionのtypeが\"setMax\"の場合、選択範囲の最大値を設定します。\n     * - payloadのmaxRowIndexとmaxColIndexが範囲外の場合、OutOfRangeErrorをスローします。\n     * - 範囲内の場合、constraintを新しい範囲制約に設定します。\n     */\n    case \"setMax\":\n      return {\n        ...state,\n        constraint: newRangeConstraint(action.payload),\n      };\n\n    /**\n     * Actionが\"start\"の場合の説明:\n     * - Actionのtypeが\"start\"の場合、選択範囲の開始位置を設定します。\n     * - payloadのrowIndexとcolIndexが範囲外の場合、OutOfRangeErrorをスローします。\n     * - 範囲内の場合、isSelectingをtrueに設定し、startとendの位置をpayloadの位置に設定します。\n     */\n    case \"startSelectRange\": {\n      const startIndex = newIndex({\n        rowIndex: action.payload.rowIndex,\n        colIndex: action.payload.colIndex,\n        constraint: state.constraint,\n      });\n\n      if (\n        state.isSelecting &&\n        equalIndex(state.start, startIndex) &&\n        equalIndex(state.end, startIndex) &&\n        state.inProgress\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        isSelecting: true,\n        inProgress: true,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    case \"moveSelectRange\": {\n      if (!state.isSelecting || !state.inProgress) {\n        return state;\n      }\n\n      const endIndex = newIndex({\n        rowIndex: action.payload.rowIndex,\n        colIndex: action.payload.colIndex,\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(state.end, endIndex)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"end\"の場合の説明:\n     * - Actionのtypeが\"end\"の場合、選択範囲の終了位置を設定します。\n     * - payloadのrowIndexとcolIndexが範囲外の場合、OutOfRangeErrorをスローします。\n     * - 範囲内の場合、endの位置をpayloadの位置に設定します。\n     * - この場合、isSelectingはtrueのままです。\n     */\n    case \"endSelectRange\": {\n      if (!state.isSelecting || !state.inProgress) {\n        return state;\n      }\n\n      return {\n        ...state,\n        inProgress: false,\n      };\n    }\n\n    /**\n     * Actionが\"moveUp\"の場合の説明:\n     * - Actionのtypeが\"moveUp\"の場合、選択範囲を上に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ上に移動します。\n     */\n    case \"moveUp\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = moveIndex({\n        index: state.start,\n        direction: \"UP\",\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"moveDown\"の場合の説明:\n     * - Actionのtypeが\"moveDown\"の場合、選択範囲を下に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ下に移動します。\n     */\n    case \"moveDown\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = moveIndex({\n        index: state.start,\n        direction: \"DOWN\",\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"moveLeft\"の場合の説明:\n     * - Actionのtypeが\"moveLeft\"の場合、選択範囲を左に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ左に移動します。\n     */\n    case \"moveLeft\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = moveIndex({\n        index: state.start,\n        direction: \"LEFT\",\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"moveRight\"の場合の説明:\n     * - Actionのtypeが\"moveRight\"の場合、選択範囲を右に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ右に移動します。\n     */\n    case \"moveRight\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = moveIndex({\n        index: state.start,\n        direction: \"RIGHT\",\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendUp\"の場合の説明:\n     * - Actionのtypeが\"extendUp\"の場合、選択範囲を上に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ上に拡張します。\n     */\n    case \"extendUp\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = moveIndex({\n        index: state.end,\n        direction: \"UP\",\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendDown\"の場合の説明:\n     * - Actionのtypeが\"extendDown\"の場合、選択範囲を下に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ下に拡張します。\n     */\n    case \"extendDown\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = moveIndex({\n        index: state.end,\n        direction: \"DOWN\",\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendLeft\"の場合の説明:\n     * - Actionのtypeが\"extendLeft\"の場合、選択範囲を左に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ左に拡張します。\n     */\n    case \"extendLeft\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = moveIndex({\n        index: state.end,\n        direction: \"LEFT\",\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendRight\"の場合の説明:\n     * - Actionのtypeが\"extendRight\"の場合、選択範囲を右に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     *  - それ以外の場合、endの位置を1つ右に拡張します。\n     */\n    case \"extendRight\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = moveIndex({\n        index: state.end,\n        direction: \"RIGHT\",\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"reset\"の場合の説明:\n     * - Actionのtypeが\"reset\"の場合、選択範囲をリセットします。\n     * - isSelectingをfalseに設定します。\n     */\n    case \"reset\":\n      return {\n        constraint: state.constraint,\n        isSelecting: false,\n      };\n\n    /**\n     * Actionが\"setRange\"の場合の説明:\n     * - Actionのtypeが\"setRange\"の場合、選択範囲を設定します。\n     * - payloadのstartとendの位置を設定します。\n     */\n    case \"setRange\":\n      return {\n        ...state,\n        isSelecting: true,\n        inProgress: false,\n        start: action.payload.start,\n        end: action.payload.end,\n      };\n  }\n};\n\nexport function useRangeReducer(): TReturnRangeReducer {\n  const IdGenerator = useTableIdGenerator();\n  const [state, dispatch] = useReducer(rangeReducer, {\n    constraint: newRangeConstraint({ maxColIndex: 0, maxRowIndex: 0 }),\n    isSelecting: false,\n  });\n\n  const actions = useMemo(\n    () => ({\n      setMax: (payload: { maxRowIndex: number; maxColIndex: number }) => {\n        dispatch({ type: \"setMax\", payload });\n      },\n      startSelectRange: (payload: { rowIndex: number; colIndex: number }) => {\n        dispatch({ type: \"startSelectRange\", payload });\n      },\n      moveSelectRange: (payload: { rowIndex: number; colIndex: number }) => {\n        dispatch({ type: \"moveSelectRange\", payload });\n      },\n      endSelectRange: () => {\n        dispatch({ type: \"endSelectRange\" });\n      },\n      moveUp: () => {\n        dispatch({ type: \"moveUp\" });\n      },\n      moveDown: () => {\n        dispatch({ type: \"moveDown\" });\n      },\n      moveLeft: () => {\n        dispatch({ type: \"moveLeft\" });\n      },\n      moveRight: () => {\n        dispatch({ type: \"moveRight\" });\n      },\n      extendUp: () => {\n        dispatch({ type: \"extendUp\" });\n      },\n      extendDown: () => {\n        dispatch({ type: \"extendDown\" });\n      },\n      extendLeft: () => {\n        dispatch({ type: \"extendLeft\" });\n      },\n      extendRight: () => {\n        dispatch({ type: \"extendRight\" });\n      },\n      reset: () => {\n        dispatch({ type: \"reset\" });\n      },\n      setRange: (payload: { start: IIndex; end: IIndex }) => {\n        dispatch({ type: \"setRange\", payload });\n      },\n    }),\n    []\n  );\n\n  useEffect(() => {\n    const onClickOutOfTable = (e: MouseEvent) => {\n      const element = document.getElementById(IdGenerator.getTableId());\n      const ele = e.target;\n      if (ele instanceof Node && element?.contains(ele)) return;\n      dispatch({ type: \"reset\" });\n    };\n\n    document.addEventListener(\"mousedown\", onClickOutOfTable);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", onClickOutOfTable);\n    };\n  }, []);\n\n  const exState = useMemo<TReturnRangeReducer[\"state\"]>(() => {\n    if (!state.isSelecting) {\n      return state;\n    }\n\n    const startElement = document.getElementById(\n      IdGenerator.getTableCellId({\n        rowIndex: state.start.rowIndex,\n        columnIndex: state.start.colIndex,\n      })\n    );\n    const endElement = document.getElementById(\n      IdGenerator.getTableCellId({\n        rowIndex: state.end.rowIndex,\n        columnIndex: state.end.colIndex,\n      })\n    );\n    const tableElement = document.getElementById(IdGenerator.getTableId());\n\n    if (!startElement || !endElement || !tableElement) {\n      dispatch({ type: \"reset\" });\n      return { isSelecting: false };\n    }\n\n    const startRect = startElement.getBoundingClientRect();\n    const endRect = endElement.getBoundingClientRect();\n    const rectTable = tableElement.getBoundingClientRect();\n\n    const adjustSize = {\n      y: rectTable.top - tableElement.scrollTop,\n      x: rectTable.left - tableElement.scrollLeft,\n    };\n\n    const startDivProps = {\n      top: startRect.top - adjustSize.y,\n      left: startRect.left - adjustSize.x,\n      width: startRect.width,\n      height: startRect.height,\n    };\n\n    const endDivProps = {\n      top: endRect.top - adjustSize.y,\n      left: endRect.left - adjustSize.x,\n      width: endRect.width,\n      height: endRect.height,\n    };\n\n    return {\n      isSelecting: true,\n      start: {\n        ...state.start,\n        xStart: startDivProps.left,\n        xEnd: startDivProps.left + startDivProps.width,\n        yStart: startDivProps.top,\n        yEnd: startDivProps.top + startDivProps.height,\n      },\n      end: {\n        ...state.end,\n        xStart: endDivProps.left,\n        xEnd: endDivProps.left + endDivProps.width,\n        yStart: endDivProps.top,\n        yEnd: endDivProps.top + endDivProps.height,\n      },\n      rangeBox: {\n        top: Math.min(startDivProps.top, endDivProps.top),\n        left: Math.min(startDivProps.left, endDivProps.left),\n        width:\n          Math.abs(startDivProps.left - endDivProps.left) +\n          (startDivProps.left <= endDivProps.left\n            ? endDivProps.width\n            : startDivProps.width),\n        height:\n          Math.abs(startDivProps.top - endDivProps.top) +\n          (startDivProps.top <= endDivProps.top\n            ? endDivProps.height\n            : startDivProps.height),\n      },\n    };\n  }, [state]);\n\n  return {\n    state: exState,\n    actions,\n  };\n}\n"],"names":["newRangeConstraint","props","maxColIndex","maxRowIndex","newIndex","rowIndex","colIndex","constraint","equalIndex","a","b","MOVE_ACTION","UP","deltaRow","deltaCol","DOWN","LEFT","RIGHT","moveIndex","_a","index","direction","_b","rangeReducer","state","action","type","__assign","payload","startIndex","isSelecting","start","end","inProgress","endIndex","useRangeReducer","IdGenerator","useTableIdGenerator","useReducer","dispatch","actions","useMemo","setMax","startSelectRange","moveSelectRange","endSelectRange","moveUp","moveDown","moveLeft","moveRight","extendUp","extendDown","extendLeft","extendRight","reset","setRange","useEffect","onClickOutOfTable","e","element","document","getElementById","getTableId","ele","target","Node","contains","addEventListener","removeEventListener","startElement","getTableCellId","columnIndex","endElement","tableElement","startRect","getBoundingClientRect","endRect","rectTable","adjustSize","top","scrollTop","left","scrollLeft","startDivProps","width","height","endDivProps","xStart","xEnd","yStart","yEnd","rangeBox","Math","min","abs"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../../../../../src/table/range/hooks.ts"],"sourcesContent":["import { useEffect, useMemo, useReducer } from \"react\";\nimport {\n  IIndex,\n  TRangeReducer,\n  IRangeConstraint,\n  TReturnRangeReducer,\n} from \"./type\";\nimport { useTableIdGenerator } from \"../id\";\n\nfunction newRangeConstraint(props: {\n  maxColIndex: number;\n  maxRowIndex: number;\n}): IRangeConstraint {\n  return {\n    maxColIndex: props.maxColIndex < -1 ? -1 : props.maxColIndex,\n    maxRowIndex: props.maxRowIndex < -1 ? -1 : props.maxRowIndex,\n  };\n}\n\nfunction newIndex(props: {\n  rowIndex: number;\n  colIndex: number;\n  constraint: IRangeConstraint;\n}): IIndex {\n  let rowIndex = props.rowIndex;\n  let colIndex = props.colIndex;\n\n  if (rowIndex < 0) {\n    rowIndex = 0;\n  } else if (props.constraint.maxRowIndex < rowIndex) {\n    rowIndex = props.constraint.maxRowIndex;\n  }\n\n  if (colIndex < 0) {\n    colIndex = 0;\n  } else if (props.constraint.maxColIndex < colIndex) {\n    colIndex = props.constraint.maxColIndex;\n  }\n\n  return { rowIndex, colIndex };\n}\n\nfunction equalIndex(a: IIndex, b: IIndex): boolean {\n  return a.rowIndex === b.rowIndex && a.colIndex === b.colIndex;\n}\n\nconst MOVE_ACTION = {\n  UP: { deltaRow: -1, deltaCol: 0 },\n  DOWN: { deltaRow: 1, deltaCol: 0 },\n  LEFT: { deltaRow: 0, deltaCol: -1 },\n  RIGHT: { deltaRow: 0, deltaCol: 1 },\n} as const;\n\ntype TMoveAction = keyof typeof MOVE_ACTION;\n\nfunction moveIndex({\n  index,\n  direction,\n  constraint,\n}: {\n  index: IIndex;\n  direction: TMoveAction;\n  constraint: IRangeConstraint;\n}): IIndex {\n  const { deltaRow, deltaCol } = MOVE_ACTION[direction];\n\n  const newRow = index.rowIndex + deltaRow;\n  const newCol = index.colIndex + deltaCol;\n\n  return newIndex({\n    rowIndex: newRow,\n    colIndex: newCol,\n    constraint,\n  });\n}\n\nexport const rangeReducer: TRangeReducer = (state, action) => {\n  switch (action.type) {\n    /**\n     * Actionが\"setMax\"の場合の説明:\n     * - Actionのtypeが\"setMax\"の場合、選択範囲の最大値を設定します。\n     * - payloadのmaxRowIndexとmaxColIndexが範囲外の場合、OutOfRangeErrorをスローします。\n     * - 範囲内の場合、constraintを新しい範囲制約に設定します。\n     */\n    case \"setMax\":\n      return {\n        ...state,\n        constraint: newRangeConstraint(action.payload),\n      };\n\n    /**\n     * Actionが\"start\"の場合の説明:\n     * - Actionのtypeが\"start\"の場合、選択範囲の開始位置を設定します。\n     * - payloadのrowIndexとcolIndexが範囲外の場合、OutOfRangeErrorをスローします。\n     * - 範囲内の場合、isSelectingをtrueに設定し、startとendの位置をpayloadの位置に設定します。\n     */\n    case \"startSelectRange\": {\n      const startIndex = newIndex({\n        rowIndex: action.payload.rowIndex,\n        colIndex: action.payload.colIndex,\n        constraint: state.constraint,\n      });\n\n      if (\n        state.isSelecting &&\n        equalIndex(state.start, startIndex) &&\n        equalIndex(state.end, startIndex) &&\n        state.inProgress\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        isSelecting: true,\n        inProgress: true,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    case \"moveSelectRange\": {\n      if (!state.isSelecting || !state.inProgress) {\n        return state;\n      }\n\n      const endIndex = newIndex({\n        rowIndex: action.payload.rowIndex,\n        colIndex: action.payload.colIndex,\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(state.end, endIndex)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"end\"の場合の説明:\n     * - Actionのtypeが\"end\"の場合、選択範囲の終了位置を設定します。\n     * - payloadのrowIndexとcolIndexが範囲外の場合、OutOfRangeErrorをスローします。\n     * - 範囲内の場合、endの位置をpayloadの位置に設定します。\n     * - この場合、isSelectingはtrueのままです。\n     */\n    case \"endSelectRange\": {\n      if (!state.isSelecting || !state.inProgress) {\n        return state;\n      }\n\n      return {\n        ...state,\n        inProgress: false,\n      };\n    }\n\n    /**\n     * Actionが\"moveUp\"の場合の説明:\n     * - Actionのtypeが\"moveUp\"の場合、選択範囲を上に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ上に移動します。\n     */\n    case \"moveUp\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = moveIndex({\n        index: state.start,\n        direction: \"UP\",\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"moveDown\"の場合の説明:\n     * - Actionのtypeが\"moveDown\"の場合、選択範囲を下に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ下に移動します。\n     */\n    case \"moveDown\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = moveIndex({\n        index: state.start,\n        direction: \"DOWN\",\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"moveLeft\"の場合の説明:\n     * - Actionのtypeが\"moveLeft\"の場合、選択範囲を左に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ左に移動します。\n     */\n    case \"moveLeft\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = moveIndex({\n        index: state.start,\n        direction: \"LEFT\",\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"moveRight\"の場合の説明:\n     * - Actionのtypeが\"moveRight\"の場合、選択範囲を右に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ右に移動します。\n     */\n    case \"moveRight\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = moveIndex({\n        index: state.start,\n        direction: \"RIGHT\",\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"moveTop\"の場合の説明:\n     * - Actionのtypeが\"moveTop\"の場合、選択範囲を一番上に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、startとendの位置を一番上に設定します。\n     */\n    case \"moveTop\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = newIndex({\n        rowIndex: 0,\n        colIndex: state.start.colIndex,\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"moveBottom\"の場合の説明:\n     * - Actionのtypeが\"moveBottom\"の場合、選択範囲を一番下に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、startとendの位置を一番下に設定します。\n     */\n    case \"moveBottom\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = newIndex({\n        rowIndex: state.constraint.maxRowIndex,\n        colIndex: state.start.colIndex,\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"moveRightEnd\"の場合の説明:\n     * - Actionのtypeが\"moveRightEnd\"の場合、選択範囲を一番右に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、startとendの位置を一番右に設定します。\n     */\n    case \"moveLeftEnd\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = newIndex({\n        rowIndex: state.start.rowIndex,\n        colIndex: 0,\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"moveRightEnd\"の場合の説明:\n     * - Actionのtypeが\"moveRightEnd\"の場合、選択範囲を一番右に移動します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、startとendの位置を一番右に設定します。\n     */\n    case \"moveRightEnd\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const startIndex = newIndex({\n        rowIndex: state.start.rowIndex,\n        colIndex: state.constraint.maxColIndex,\n        constraint: state.constraint,\n      });\n\n      if (\n        equalIndex(startIndex, state.start) &&\n        equalIndex(startIndex, state.end)\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        start: startIndex,\n        end: startIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendUp\"の場合の説明:\n     * - Actionのtypeが\"extendUp\"の場合、選択範囲を上に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ上に拡張します。\n     */\n    case \"extendUp\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = moveIndex({\n        index: state.end,\n        direction: \"UP\",\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendDown\"の場合の説明:\n     * - Actionのtypeが\"extendDown\"の場合、選択範囲を下に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ下に拡張します。\n     */\n    case \"extendDown\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = moveIndex({\n        index: state.end,\n        direction: \"DOWN\",\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendLeft\"の場合の説明:\n     * - Actionのtypeが\"extendLeft\"の場合、選択範囲を左に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を1つ左に拡張します。\n     */\n    case \"extendLeft\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = moveIndex({\n        index: state.end,\n        direction: \"LEFT\",\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendRight\"の場合の説明:\n     * - Actionのtypeが\"extendRight\"の場合、選択範囲を右に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     *  - それ以外の場合、endの位置を1つ右に拡張します。\n     */\n    case \"extendRight\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = moveIndex({\n        index: state.end,\n        direction: \"RIGHT\",\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendTop\"の場合の説明:\n     * - Actionのtypeが\"extendTop\"の場合、選択範囲を一番上に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を一番上に拡張します。\n     */\n    case \"extendTop\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = newIndex({\n        rowIndex: 0,\n        colIndex: state.end.colIndex,\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendBottom\"の場合の説明:\n     * - Actionのtypeが\"extendBottom\"の場合、選択範囲を一番下に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を一番下に拡張します。\n     */\n    case \"extendBottom\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = newIndex({\n        rowIndex: state.constraint.maxRowIndex,\n        colIndex: state.end.colIndex,\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendRightEnd\"の場合の説明:\n     * - Actionのtypeが\"extendRightEnd\"の場合、選択範囲を一番右に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を一番右に拡張します。\n     */\n    case \"extendLeftEnd\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = newIndex({\n        rowIndex: state.end.rowIndex,\n        colIndex: 0,\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"extendRightEnd\"の場合の説明:\n     * - Actionのtypeが\"extendRightEnd\"の場合、選択範囲を一番右に拡張します。\n     * - isSelectingがfalseの場合、InvalidOperationErrorをスローします。\n     * - 移動後の位置がstartとendが同じ場合、stateをそのまま返します。\n     * - それ以外の場合、endの位置を一番右に拡張します。\n     */\n    case \"extendRightEnd\": {\n      if (!state.isSelecting) {\n        return state;\n      }\n\n      const endIndex = newIndex({\n        rowIndex: state.end.rowIndex,\n        colIndex: state.constraint.maxColIndex,\n        constraint: state.constraint,\n      });\n\n      if (equalIndex(endIndex, state.end)) {\n        return state;\n      }\n\n      return {\n        ...state,\n        end: endIndex,\n      };\n    }\n\n    /**\n     * Actionが\"reset\"の場合の説明:\n     * - Actionのtypeが\"reset\"の場合、選択範囲をリセットします。\n     * - isSelectingをfalseに設定します。\n     */\n    case \"reset\":\n      return {\n        constraint: state.constraint,\n        isSelecting: false,\n      };\n\n    /**\n     * Actionが\"setRange\"の場合の説明:\n     * - Actionのtypeが\"setRange\"の場合、選択範囲を設定します。\n     * - payloadのstartとendの位置を設定します。\n     */\n    case \"setRange\":\n      return {\n        ...state,\n        isSelecting: true,\n        inProgress: false,\n        start: action.payload.start,\n        end: action.payload.end,\n      };\n  }\n};\n\nexport function useRangeReducer(): TReturnRangeReducer {\n  const IdGenerator = useTableIdGenerator();\n  const [state, dispatch] = useReducer(rangeReducer, {\n    constraint: newRangeConstraint({ maxColIndex: 0, maxRowIndex: 0 }),\n    isSelecting: false,\n  });\n\n  const actions = useMemo(\n    () => ({\n      setMax: (payload: { maxRowIndex: number; maxColIndex: number }) => {\n        dispatch({ type: \"setMax\", payload });\n      },\n      startSelectRange: (payload: { rowIndex: number; colIndex: number }) => {\n        dispatch({ type: \"startSelectRange\", payload });\n      },\n      moveSelectRange: (payload: { rowIndex: number; colIndex: number }) => {\n        dispatch({ type: \"moveSelectRange\", payload });\n      },\n      endSelectRange: () => {\n        dispatch({ type: \"endSelectRange\" });\n      },\n      moveUp: () => {\n        dispatch({ type: \"moveUp\" });\n      },\n      moveDown: () => {\n        dispatch({ type: \"moveDown\" });\n      },\n      moveLeft: () => {\n        dispatch({ type: \"moveLeft\" });\n      },\n      moveRight: () => {\n        dispatch({ type: \"moveRight\" });\n      },\n      moveTop: () => {\n        dispatch({ type: \"moveTop\" });\n      },\n      moveBottom: () => {\n        dispatch({ type: \"moveBottom\" });\n      },\n      moveRightEnd: () => {\n        dispatch({ type: \"moveRightEnd\" });\n      },\n      moveLeftEnd: () => {\n        dispatch({ type: \"moveLeftEnd\" });\n      },\n      extendUp: () => {\n        dispatch({ type: \"extendUp\" });\n      },\n      extendDown: () => {\n        dispatch({ type: \"extendDown\" });\n      },\n      extendLeft: () => {\n        dispatch({ type: \"extendLeft\" });\n      },\n      extendRight: () => {\n        dispatch({ type: \"extendRight\" });\n      },\n      extendTop: () => {\n        dispatch({ type: \"extendTop\" });\n      },\n      extendBottom: () => {\n        dispatch({ type: \"extendBottom\" });\n      },\n      extendRightEnd: () => {\n        dispatch({ type: \"extendRightEnd\" });\n      },\n      extendLeftEnd: () => {\n        dispatch({ type: \"extendLeftEnd\" });\n      },\n      reset: () => {\n        dispatch({ type: \"reset\" });\n      },\n      setRange: (payload: { start: IIndex; end: IIndex }) => {\n        dispatch({ type: \"setRange\", payload });\n      },\n    }),\n    []\n  );\n\n  useEffect(() => {\n    const onClickOutOfTable = (e: MouseEvent) => {\n      const element = document.getElementById(IdGenerator.getTableId());\n      const ele = e.target;\n      if (ele instanceof Node && element?.contains(ele)) return;\n      dispatch({ type: \"reset\" });\n    };\n\n    document.addEventListener(\"mousedown\", onClickOutOfTable);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", onClickOutOfTable);\n    };\n  }, []);\n\n  const exState = useMemo<TReturnRangeReducer[\"state\"]>(() => {\n    if (!state.isSelecting) {\n      return state;\n    }\n\n    const startElement = document.getElementById(\n      IdGenerator.getTableCellId({\n        rowIndex: state.start.rowIndex,\n        columnIndex: state.start.colIndex,\n      })\n    );\n    const endElement = document.getElementById(\n      IdGenerator.getTableCellId({\n        rowIndex: state.end.rowIndex,\n        columnIndex: state.end.colIndex,\n      })\n    );\n    const tableElement = document.getElementById(IdGenerator.getTableId());\n\n    if (!startElement || !endElement || !tableElement) {\n      dispatch({ type: \"reset\" });\n      return { isSelecting: false };\n    }\n\n    const startRect = startElement.getBoundingClientRect();\n    const endRect = endElement.getBoundingClientRect();\n    const rectTable = tableElement.getBoundingClientRect();\n\n    const adjustSize = {\n      y: rectTable.top - tableElement.scrollTop,\n      x: rectTable.left - tableElement.scrollLeft,\n    };\n\n    const startDivProps = {\n      top: startRect.top - adjustSize.y,\n      left: startRect.left - adjustSize.x,\n      width: startRect.width,\n      height: startRect.height,\n    };\n\n    const endDivProps = {\n      top: endRect.top - adjustSize.y,\n      left: endRect.left - adjustSize.x,\n      width: endRect.width,\n      height: endRect.height,\n    };\n\n    return {\n      isSelecting: true,\n      start: {\n        ...state.start,\n        xStart: startDivProps.left,\n        xEnd: startDivProps.left + startDivProps.width,\n        yStart: startDivProps.top,\n        yEnd: startDivProps.top + startDivProps.height,\n      },\n      end: {\n        ...state.end,\n        xStart: endDivProps.left,\n        xEnd: endDivProps.left + endDivProps.width,\n        yStart: endDivProps.top,\n        yEnd: endDivProps.top + endDivProps.height,\n      },\n      rangeBox: {\n        top: Math.min(startDivProps.top, endDivProps.top),\n        left: Math.min(startDivProps.left, endDivProps.left),\n        width:\n          Math.abs(startDivProps.left - endDivProps.left) +\n          (startDivProps.left <= endDivProps.left\n            ? endDivProps.width\n            : startDivProps.width),\n        height:\n          Math.abs(startDivProps.top - endDivProps.top) +\n          (startDivProps.top <= endDivProps.top\n            ? endDivProps.height\n            : startDivProps.height),\n      },\n    };\n  }, [state]);\n\n  return {\n    state: exState,\n    actions,\n  };\n}\n"],"names":["newRangeConstraint","props","maxColIndex","maxRowIndex","newIndex","rowIndex","colIndex","constraint","equalIndex","a","b","MOVE_ACTION","UP","deltaRow","deltaCol","DOWN","LEFT","RIGHT","moveIndex","_a","index","direction","_b","rangeReducer","state","action","type","__assign","payload","startIndex","isSelecting","start","end","inProgress","endIndex","useRangeReducer","IdGenerator","useTableIdGenerator","useReducer","dispatch","actions","useMemo","setMax","startSelectRange","moveSelectRange","endSelectRange","moveUp","moveDown","moveLeft","moveRight","moveTop","moveBottom","moveRightEnd","moveLeftEnd","extendUp","extendDown","extendLeft","extendRight","extendTop","extendBottom","extendRightEnd","extendLeftEnd","reset","setRange","useEffect","onClickOutOfTable","e","element","document","getElementById","getTableId","ele","target","Node","contains","addEventListener","removeEventListener","startElement","getTableCellId","columnIndex","endElement","tableElement","startRect","getBoundingClientRect","endRect","rectTable","adjustSize","top","scrollTop","left","scrollLeft","startDivProps","width","height","endDivProps","xStart","xEnd","yStart","yEnd","rangeBox","Math","min","abs"],"mappings":"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"}

package/dist/esm/src/table/range/provider.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{createContext as o,useContext as i,useEffect as d}from"react";import{NoImplementeFunction as a}from"../lib/errors.js";import{useRangeReducer as s}from"./hooks.js";import{useTablePropertyStateContext as l}from"../table-property/provider.js";import{useTableIdGenerator as c}from"../id/provider.js";var m=o({isSelecting:!1}),u=o({setMax:a,startSelectRange:a,moveSelectRange:a,endSelectRange:a,moveUp:a,moveDown:a,moveLeft:a,moveRight:a,extendUp:a,extendDown:a,extendLeft:a,extendRight:a,reset:a,setRange:a});function x(){return i(m)}function f(){return i(u)}function p(){return e(e({},x()),f())}function v(){var e=f().setMax,n=l(),o=n.maxDisplayRowCount,i=n.maxDisplayColCount;return d((function(){e({maxRowIndex:o-1,maxColIndex:i-1})}),[o,i]),t(r,{})}function g(e){var n=c(),o=x();if(d((function(){if(o.isSelecting){var e=document.getElementById(n.getTableCellId({rowIndex:o.end.rowIndex,columnIndex:o.end.colIndex}));e&&(e.scrollIntoView({behavior:"instant",block:"nearest",inline:"nearest"}),e.focus())}}),[o]),!o.isSelecting)return t(r,{});var i=o.rangeBox,a=o.start,s=o.end;return a.xEnd<s.xEnd?s.xEnd:a.xEnd,a.yEnd<s.yEnd?s.yEnd:a.yEnd,t(r,{children:t("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"}})})}function h(e){var r=e.children,o=s(),i=o.state,d=o.actions;return t(m.Provider,{value:i,children:n(u.Provider,{value:d,children:[t(v,{}),r]})})}export{h as RangeProvider,g as TestRange,f as useRangeActionContext,p as useRangeContext,x as useRangeStateContext};
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as n,Fragment as o}from"react/jsx-runtime";import{createContext as r,useContext as i,useEffect as d}from"react";import{NoImplementeFunction as a}from"../lib/errors.js";import{useRangeReducer as s}from"./hooks.js";import{useTablePropertyStateContext as l}from"../table-property/provider.js";import{useTableIdGenerator as m}from"../id/provider.js";var c=r({isSelecting:!1}),x=r({setMax:a,startSelectRange:a,moveSelectRange:a,endSelectRange:a,moveUp:a,moveDown:a,moveLeft:a,moveRight:a,moveTop:a,moveBottom:a,moveRightEnd:a,moveLeftEnd:a,extendUp:a,extendDown:a,extendLeft:a,extendRight:a,extendTop:a,extendBottom:a,extendRightEnd:a,extendLeftEnd:a,reset:a,setRange:a});function u(){return i(c)}function f(){return i(x)}function v(){return e(e({},u()),f())}function p(){var e=f().setMax,n=l(),r=n.maxDisplayRowCount,i=n.maxDisplayColCount;return d((function(){e({maxRowIndex:r-1,maxColIndex:i-1})}),[r,i]),t(o,{})}function g(e){var n=m(),r=u();if(d((function(){if(r.isSelecting){var e=document.getElementById(n.getTableCellId({rowIndex:r.end.rowIndex,columnIndex:r.end.colIndex}));e&&(e.scrollIntoView({behavior:"instant",block:"nearest",inline:"nearest"}),e.focus())}}),[r]),!r.isSelecting)return t(o,{});var i=r.rangeBox,a=r.start,s=r.end;return a.xEnd<s.xEnd?s.xEnd:a.xEnd,a.yEnd<s.yEnd?s.yEnd:a.yEnd,t(o,{children:t("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"}})})}function h(e){var o=e.children,r=s(),i=r.state,d=r.actions;return t(c.Provider,{value:i,children:n(x.Provider,{value:d,children:[t(p,{}),o]})})}export{h as RangeProvider,g as TestRange,f as useRangeActionContext,v as useRangeContext,u as useRangeStateContext};
 //# sourceMappingURL=provider.js.map

package/dist/esm/src/table/range/provider.js.map

@@ -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: \"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","useRangeContext","__assign","EffectSetMax","_a","useTablePropertyStateContext","maxDisplayRowCount","maxDisplayColCount","useEffect","maxRowIndex","maxColIndex","_jsx","TestRange","props","IdGenerator","useTableIdGenerator","state","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","RangeProvider","children","_b","useRangeReducer","actions","Provider","value","_jsxs"],"mappings":"mbAOA,IAAMA,EAAoBC,EAAkC,CAC1DC,aAAa,IAGTC,EAAqBF,EAAmC,CAC5DG,OAAQC,EACRC,iBAAkBD,EAClBE,gBAAiBF,EACjBG,eAAgBH,EAChBI,OAAQJ,EACRK,SAAUL,EACVM,SAAUN,EACVO,UAAWP,EACXQ,SAAUR,EACVS,WAAYT,EACZU,WAAYV,EACZW,YAAaX,EACbY,MAAOZ,EACPa,SAAUb,aAGIc,IACd,OAAOC,EAAWpB,EACpB,UAEgBqB,IACd,OAAOD,EAAWjB,EACpB,UAEgBmB,IACd,OAAAC,EAAAA,EAAA,CAAA,EAAYJ,KAA2BE,IACzC,CAEA,SAASG,IACC,IAAApB,EAAWiB,WACbI,EACJC,IADMC,EAAkBF,EAAAE,mBAAEC,EAAkBH,EAAAG,mBAU9C,OAPAC,GAAU,WACRzB,EAAO,CACL0B,YAAaH,EAAqB,EAClCI,YAAaH,EAAqB,GAEtC,GAAG,CAACD,EAAoBC,IAEjBI,OACT,CAEM,SAAUC,EAAUC,GACxB,IAAMC,EAAcC,IACdC,EAAQlB,IAsBd,GApBAU,GAAU,WACR,GAAIQ,EAAMnC,YAAa,CACrB,IAAMoC,EAAaC,SAASC,eAC1BL,EAAYM,eAAe,CACzBC,SAAUL,EAAMM,IAAID,SACpBE,YAAaP,EAAMM,IAAIE,YAIvBP,IACFA,EAAWQ,eAAe,CACxBC,SAAU,UACVC,MAAO,UACPC,OAAQ,YAEVX,EAAWY,QAEd,CACH,GAAG,CAACb,KAECA,EAAMnC,YACT,OAAO8B,QAGD,IAAAmB,EAAyBd,EAAKc,SAApBC,EAAef,EAAKe,MAAbT,EAAQN,MAOjC,OAJKe,EAAMC,KAAOV,EAAIU,KAAOV,EAAIU,KAAOD,EAAMC,KACzCD,EAAME,KAAOX,EAAIW,KAAOX,EAAIW,KAAOF,EAAME,KAI5CtB,cACEA,EACE,MAAA,CAAAuB,UAAW,6DACTC,OAAAtB,EAAMuB,SAAW,gBAAkB,gBAErCC,MAAO,CACLC,IAAKR,EAASQ,IACdC,KAAMT,EAASS,KACfC,MAAOV,EAASU,MAChBC,OAAQX,EAASW,OACjBC,cAAe,WAezB,CAEM,SAAUC,EAAcvC,GAC5B,IAAAwC,EAAQxC,EAAAwC,SAIFC,EAAqBC,IAAnB9B,EAAK6B,EAAA7B,MAAE+B,EAAOF,EAAAE,QAEtB,OACEpC,EAAChC,EAAkBqE,SAAS,CAAAC,MAAOjC,EACjC4B,SAAAM,EAACpE,EAAmBkE,SAAQ,CAACC,MAAOF,EAAOH,SAAA,CACzCjC,EAACR,EAAe,CAAA,GACfyC,MAIT"}
+{"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  moveTop: NoImplementeFunction,\n  moveBottom: NoImplementeFunction,\n  moveRightEnd: NoImplementeFunction,\n  moveLeftEnd: NoImplementeFunction,\n  extendUp: NoImplementeFunction,\n  extendDown: NoImplementeFunction,\n  extendLeft: NoImplementeFunction,\n  extendRight: NoImplementeFunction,\n  extendTop: NoImplementeFunction,\n  extendBottom: NoImplementeFunction,\n  extendRightEnd: NoImplementeFunction,\n  extendLeftEnd: 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","moveTop","moveBottom","moveRightEnd","moveLeftEnd","extendUp","extendDown","extendLeft","extendRight","extendTop","extendBottom","extendRightEnd","extendLeftEnd","reset","setRange","useRangeStateContext","useContext","useRangeActionContext","useRangeContext","__assign","EffectSetMax","_a","useTablePropertyStateContext","maxDisplayRowCount","maxDisplayColCount","useEffect","maxRowIndex","maxColIndex","_jsx","TestRange","props","IdGenerator","useTableIdGenerator","state","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","RangeProvider","children","_b","useRangeReducer","actions","Provider","value","_jsxs"],"mappings":"mbAOA,IAAMA,EAAoBC,EAAkC,CAC1DC,aAAa,IAGTC,EAAqBF,EAAmC,CAC5DG,OAAQC,EACRC,iBAAkBD,EAClBE,gBAAiBF,EACjBG,eAAgBH,EAChBI,OAAQJ,EACRK,SAAUL,EACVM,SAAUN,EACVO,UAAWP,EACXQ,QAASR,EACTS,WAAYT,EACZU,aAAcV,EACdW,YAAaX,EACbY,SAAUZ,EACVa,WAAYb,EACZc,WAAYd,EACZe,YAAaf,EACbgB,UAAWhB,EACXiB,aAAcjB,EACdkB,eAAgBlB,EAChBmB,cAAenB,EACfoB,MAAOpB,EACPqB,SAAUrB,aAGIsB,IACd,OAAOC,EAAW5B,EACpB,UAEgB6B,IACd,OAAOD,EAAWzB,EACpB,UAEgB2B,IACd,OAAAC,EAAAA,EAAA,CAAA,EAAYJ,KAA2BE,IACzC,CAEA,SAASG,IACC,IAAA5B,EAAWyB,WACbI,EACJC,IADMC,EAAkBF,EAAAE,mBAAEC,EAAkBH,EAAAG,mBAU9C,OAPAC,GAAU,WACRjC,EAAO,CACLkC,YAAaH,EAAqB,EAClCI,YAAaH,EAAqB,GAEtC,GAAG,CAACD,EAAoBC,IAEjBI,OACT,CAEM,SAAUC,EAAUC,GACxB,IAAMC,EAAcC,IACdC,EAAQlB,IAsBd,GApBAU,GAAU,WACR,GAAIQ,EAAM3C,YAAa,CACrB,IAAM4C,EAAaC,SAASC,eAC1BL,EAAYM,eAAe,CACzBC,SAAUL,EAAMM,IAAID,SACpBE,YAAaP,EAAMM,IAAIE,YAIvBP,IACFA,EAAWQ,eAAe,CACxBC,SAAU,UACVC,MAAO,UACPC,OAAQ,YAEVX,EAAWY,QAEd,CACH,GAAG,CAACb,KAECA,EAAM3C,YACT,OAAOsC,QAGD,IAAAmB,EAAyBd,EAAKc,SAApBC,EAAef,EAAKe,MAAbT,EAAQN,MAOjC,OAJKe,EAAMC,KAAOV,EAAIU,KAAOV,EAAIU,KAAOD,EAAMC,KACzCD,EAAME,KAAOX,EAAIW,KAAOX,EAAIW,KAAOF,EAAME,KAI5CtB,cACEA,EACE,MAAA,CAAAuB,UAAW,6DACTC,OAAAtB,EAAMuB,SAAW,gBAAkB,gBAErCC,MAAO,CACLC,IAAKR,EAASQ,IACdC,KAAMT,EAASS,KACfC,MAAOV,EAASU,MAChBC,OAAQX,EAASW,OACjBC,cAAe,WAezB,CAEM,SAAUC,EAAcvC,GAC5B,IAAAwC,EAAQxC,EAAAwC,SAIFC,EAAqBC,IAAnB9B,EAAK6B,EAAA7B,MAAE+B,EAAOF,EAAAE,QAEtB,OACEpC,EAACxC,EAAkB6E,SAAS,CAAAC,MAAOjC,EACjC4B,SAAAM,EAAC5E,EAAmB0E,SAAQ,CAACC,MAAOF,EAAOH,SAAA,CACzCjC,EAACR,EAAe,CAAA,GACfyC,MAIT"}

package/dist/esm/src/table/table/hook.js.map

@@ -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 { 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":["useTable","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":"sgBAUM,SAAUA,EAA+BC,GACrC,IAAAC,EAAWC,WACbC,EAAwBC,IAAtBC,EAAIF,EAAAE,KAAEC,EAAWH,EAAAG,YACnBC,EAAaC,IACbC,EAA8BC,IAA5BC,EAAWF,EAAAE,YAAEC,EAAUH,EAAAG,WACvBC,EAA2BC,2BAClBC,EAAoBC,YACpBC,EAAmBC,YAC9BC,EACJC,IADMC,EAAqBF,EAAAE,sBAAEC,EAAqBH,EAAAG,sBAG9CC,EAAeC,GACnB,WAAM,OAAAvB,EAAOD,EAAMyB,KAAK,GACxB,CAACxB,EAAQM,EAAYP,EAAMyB,KAAKC,SAGlCC,GAAU,WACRhB,EAAYY,EAAaG,OAC3B,GAAG,CAACH,EAAaG,SAEjB,IAAME,EAAaJ,GAAQ,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,GAAU,WACRd,EAAuB,CACrBmB,KAAM,MACNC,QAAS,CAAEC,eAAgBN,IAE/B,GAAG,CAACA,IAEJ,IAAMO,EAAaX,GACjB,WAAM,OAAAnB,EAAKkB,KACX,CAACA,EAAchB,IAGjBoB,GAAU,WACRrB,GACF,GAAG,CAACN,EAAMyB,OAEV,IAAMW,EAAWZ,GACf,WAAM,OAAAZ,EAAWuB,KACjB,CAACvB,EAAYuB,IAGTE,EAAab,GAAQ,WAAM,OAAAY,EAASE,KAAI,SAACR,GAAQ,OAAAA,EAAIS,EAAE,GAAC,GAAE,CAACH,IAC3DI,EAAgBhB,GAAQ,WAAM,OAAA,IAAIiB,IAAIJ,EAAW,GAAE,CAACA,IAEpDK,EAAUlB,GACd,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,GAAU,WACRN,EAAsBrB,EAAMsD,KAAK5B,OAClC,GAAE,CAAC1B,EAAMsD,KAAK5B,SAEfC,GAAU,WACRL,EAAsBe,EAAWX,OACnC,GAAG,CAACW,EAAWX,SAEfC,GAAU,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"}
+{"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 | Date });\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":["useTable","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":"sgBAUM,SAAUA,EAA+BC,GACrC,IAAAC,EAAWC,WACbC,EAAwBC,IAAtBC,EAAIF,EAAAE,KAAEC,EAAWH,EAAAG,YACnBC,EAAaC,IACbC,EAA8BC,IAA5BC,EAAWF,EAAAE,YAAEC,EAAUH,EAAAG,WACvBC,EAA2BC,2BAClBC,EAAoBC,YACpBC,EAAmBC,YAC9BC,EACJC,IADMC,EAAqBF,EAAAE,sBAAEC,EAAqBH,EAAAG,sBAG9CC,EAAeC,GACnB,WAAM,OAAAvB,EAAOD,EAAMyB,KAAK,GACxB,CAACxB,EAAQM,EAAYP,EAAMyB,KAAKC,SAGlCC,GAAU,WACRhB,EAAYY,EAAaG,OAC3B,GAAG,CAACH,EAAaG,SAEjB,IAAME,EAAaJ,GAAQ,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,GAAU,WACRd,EAAuB,CACrBmB,KAAM,MACNC,QAAS,CAAEC,eAAgBN,IAE/B,GAAG,CAACA,IAEJ,IAAMO,EAAaX,GACjB,WAAM,OAAAnB,EAAKkB,KACX,CAACA,EAAchB,IAGjBoB,GAAU,WACRrB,GACF,GAAG,CAACN,EAAMyB,OAEV,IAAMW,EAAWZ,GACf,WAAM,OAAAZ,EAAWuB,KACjB,CAACvB,EAAYuB,IAGTE,EAAab,GAAQ,WAAM,OAAAY,EAASE,KAAI,SAACR,GAAQ,OAAAA,EAAIS,EAAE,GAAC,GAAE,CAACH,IAC3DI,EAAgBhB,GAAQ,WAAM,OAAA,IAAIiB,IAAIJ,EAAW,GAAE,CAACA,IAEpDK,EAAUlB,GACd,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,CAA+C,GAMpD,OAJAA,EAAIf,EAAIS,IAAM,CACZW,KAAMJ,EACNK,YAAaC,KAAKC,UAAUP,IAEvBD,CACR,GAAE,CAA+E,EAAC,GACvF,CAAC7C,EAAMyB,KAAMe,IAiBf,OAdAb,GAAU,WACRN,EAAsBrB,EAAMsD,KAAK5B,OAClC,GAAE,CAAC1B,EAAMsD,KAAK5B,SAEfC,GAAU,WACRL,EAAsBe,EAAWX,OACnC,GAAG,CAACW,EAAWX,SAEfC,GAAU,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/index.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1 from 'react';
 
 interface Options {
     /**
@@ -59,9 +60,13 @@ type TErrorValidation = {
 } | {
     type: "NOT_IN_OPTIONS";
     options: string[];
+} | {
+    type: "NOT_DATE";
+} | {
+    type: "NOT_DATETIME";
 });
 
-type DataRecord = Record<string, string | number>;
+type DataRecord = Record<string, string | number | Date>;
 type DataObject<T extends DataRecord> = T & {
     id: number | string;
 };
@@ -69,7 +74,7 @@ type TStringCellEditingCondition<T extends DataRecord> = ({
     type: "string";
 } & ({
     editable?: false;
-    render?: (value: string, row: DataObject<T>) => React.ReactNode;
+    render?: (value: string, row: DataObject<T>) => React$1.ReactNode;
 } | {
     editable: true;
     onCellBlur: (key: keyof T, value: string, current: DataObject<T>, completeEditing: () => void) => void;
@@ -79,7 +84,7 @@ type TNumberCellEditingCondition<T extends DataRecord> = ({
     type: "number";
 } & ({
     editable?: false;
-    render?: (value: number, row: DataObject<T>) => React.ReactNode;
+    render?: (value: number, row: DataObject<T>) => React$1.ReactNode;
 } | {
     editable: true;
     onCellBlur: (key: keyof T, value: number, current: DataObject<T>, completeEditing: () => void) => void;
@@ -90,13 +95,25 @@ type TSelectCellEditingCondition<T extends DataRecord> = ({
     options: Options[];
 } & ({
     editable?: false;
-    render?: (value: string, row: DataObject<T>) => React.ReactNode;
+    render?: (value: string, row: DataObject<T>) => React$1.ReactNode;
 } | {
     editable: true;
     allowEmpty?: boolean;
     onCellBlur: (key: keyof T, value: string, current: DataObject<T>, completeEditing: () => void) => void;
 }));
-type TCellEditingCondition<T extends DataRecord> = TStringCellEditingCondition<T> | TNumberCellEditingCondition<T> | TSelectCellEditingCondition<T>;
+type TDateCellEditingCondition<T extends DataRecord> = ({
+    type: "date";
+    render: (value: Date) => string | React$1.ReactNode;
+} & {
+    editable?: false;
+});
+type TDatetimeCellEditingCondition<T extends DataRecord> = ({
+    type: "datetime";
+    render: (value: Date) => string | React$1.ReactNode;
+} & {
+    editable?: false;
+});
+type TCellEditingCondition<T extends DataRecord> = TStringCellEditingCondition<T> | TNumberCellEditingCondition<T> | TSelectCellEditingCondition<T> | TDateCellEditingCondition<T> | TDatetimeCellEditingCondition<T>;
 type TColumnProperty<T extends DataRecord> = {
     key: keyof T;
     label?: string;