@teppen/react-ui 1.8.7 → 1.8.8

package/dist/esm/src/search-bar/condition-search-bar/condition-list.js

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useConditionInputAction as n}from"./condition-input-management/context.js";import"react";import"../../../node_modules/tslib/tslib.es6.js";import{TiDeleteOutline as a}from"../../../node_modules/react-icons/ti/index.js";function r(t){return e("div",{className:"flex gap-1",children:t.conditions.map((function(t,n){return e(o,{index:n,condition:t},n)}))})}function o(r){var o=n().deleteCondition;return t("div",{className:"flex items-center gap-2 w-fit px-2 border-2 border-sky-600 rounded shadow",children:[e("p",{className:"whitespace-nowrap",children:c(r.condition)}),e("div",{children:e(a,{className:"bg-white hover:bg-slate-300 rounded-full cursor-pointer",onClick:function(){return o(r.index)}})})]})}function c(e){var t;switch(e.input.type){case"none":return"".concat(e.target.label," ").concat(e.operator.label);case"single string":case"single number":case"single date":return"".concat(e.target.label," ").concat(e.operator.label," ").concat(e.input.payload.value);case"range string":case"range number":case"range date":return"".concat(e.target.label," ").concat(e.operator.label," ").concat(e.input.payload.from," ～ ").concat(e.input.payload.to);case"select":if("select"!==e.target.type)throw new Error("type error");var n=e.input.payload.value;return"".concat(e.target.label," ").concat(e.operator.label," ").concat(null===(t=e.target.options.find((function(e){return e.value===n})))||void 0===t?void 0:t.label);case"multi select":return"".concat(e.target.label," ").concat(e.operator.label," ").concat(e.input.payload.value.join(", "))}}export{r as ConditionList};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useConditionInputAction as a}from"./condition-input-management/context.js";import"react";import"../../../node_modules/tslib/tslib.es6.js";import{TiDeleteOutline as n}from"../../../node_modules/react-icons/ti/index.js";function o(t){return e("div",{className:"flex gap-1",children:t.conditions.map((function(t,a){return e(r,{index:a,condition:t},a)}))})}function r(o){var r=a().deleteCondition;return t("div",{className:"flex items-center gap-2 w-fit px-2 border-2 border-sky-600 rounded shadow",children:[e("p",{className:"whitespace-nowrap",children:c(o.condition)}),e("div",{children:e(n,{className:"bg-white hover:bg-slate-300 rounded-full cursor-pointer",onClick:function(){return r(o.index)}})})]})}function c(e){var t;switch(e.input.type){case"none":return"".concat(e.target.label," ").concat(e.operator.label);case"single string":case"single number":return"".concat(e.target.label," ").concat(e.operator.label," ").concat(e.input.payload.value);case"single date":return"".concat(e.target.label," ").concat(e.operator.label," ").concat(e.input.payload.value.toLocaleDateString());case"single datetime":return"".concat(e.target.label," ").concat(e.operator.label," ").concat(e.input.payload.value.toLocaleString());case"range string":case"range number":case"range date":return"".concat(e.target.label," ").concat(e.operator.label," ").concat(e.input.payload.from," ～ ").concat(e.input.payload.to);case"select":if("select"!==e.target.type)throw new Error("type error");var a=e.input.payload.value;return"".concat(e.target.label," ").concat(e.operator.label," ").concat(null===(t=e.target.options.find((function(e){return e.value===a})))||void 0===t?void 0:t.label);case"multi select":return"".concat(e.target.label," ").concat(e.operator.label," ").concat(e.input.payload.value.join(", "))}}export{o as ConditionList};
 //# sourceMappingURL=condition-list.js.map

package/dist/esm/src/search-bar/condition-search-bar/input-form.js

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useState as i}from"react";import{SelectBox as o}from"../../select-box/index.js";import{useConditionInputState as r,useConditionInputAction as a}from"./condition-input-management/context.js";import"../../../node_modules/tslib/tslib.es6.js";import{useIdGenerator as l}from"../id-generator/context.js";import{TiDeleteOutline as u}from"../../../node_modules/react-icons/ti/index.js";function p(t){switch(r().status){case"waiting for input":return e(c,{});case"inputted target":return e(s,{});case"inputted operator":return e(d,{size:t.size})}}function c(){var t=l().generateId,n=r().targets,i=a().inputTarget;return e(o,{id:t("TargetInput"),onSelect:function(e){i(e)},options:n.map((function(e){return{value:e.key,label:e.label}})),placeholder:"Select target",no_appearance:!0,no_icon:!0})}function s(){var i=l().generateId,u=r(),p=a(),c=p.inputOperator,s=p.removeInputedTarget;if("inputted target"!==u.status)return null;var d=u.inputtingCondition.target,g=u.useableOperators;return t(n,{children:[e(v,{label:d.label,onClickDelete:function(){s()}}),e("div",{className:"w-full min-w-64",children:e(o,{id:i("OperatorInput"),onSelect:function(e){c(e),setTimeout((function(){var e=document.getElementById(i("ValueInput"));e&&e.focus()}),10)},options:g.map((function(e){return{value:e.key,label:e.label}})),defaultIsOpen:!0,placeholder:"Select operator",no_appearance:!0,no_icon:!0})})]})}function d(i){var o=r(),l=a(),u=l.removeInputedOperator,p=l.removeInputedTarget;if("inputted operator"!==o.status)return null;var c=o.inputtingCondition.target,s=o.inputtingCondition.operator;return t(n,{children:[e(v,{label:c.label,onClickDelete:function(){p()}}),e(v,{label:s.label,onClickDelete:function(){u()}}),"single string"===o.inputtingCondition.operator.inputType?e(g,{inputType:"single string",size:i.size}):"single number"===o.inputtingCondition.operator.inputType?e(m,{inputType:"single number",size:i.size}):"select"===o.inputtingCondition.operator.inputType?e(f,{inputType:"select",options:"select"===o.inputtingCondition.target.type?o.inputtingCondition.target.options:[]}):console.error("Not implemented")]})}function g(t){var n=l().generateId,o=i(""),r=o[0],u=o[1],p=a().inputValue;return e("input",{id:n("ValueInput"),className:"appearance-none w-full min-w-64 border-none px-2 py-1 focus:outline-none focus-visible:outline-none bg-transparent ".concat("small"===t.size?"text-sm":"large"===t.size?"text-lg":""),type:"text",placeholder:"Search text",value:r,onChange:function(e){u(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&(p({type:t.inputType,payload:{value:r}}),u(""))}})}function m(t){var n=l().generateId,o=i(""),r=o[0],u=o[1],p=a().inputValue;return e("input",{id:n("ValueInput"),className:"appearance-none w-full min-w-64 border-none px-2 py-1 focus:outline-none focus-visible:outline-none bg-transparent ".concat("small"===t.size?"text-sm":"large"===t.size?"text-lg":""),type:"text",placeholder:"Search text",value:r,onChange:function(e){u(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&(p({type:t.inputType,payload:{value:Number(r)}}),u(""))}})}function f(t){var n=a().inputValue,i=l().generateId;return e("div",{className:"w-full min-w-64",children:e(o,{id:i("ValueInput"),onSelect:function(e){n({type:t.inputType,payload:{value:e}})},options:t.options,defaultIsOpen:!0,placeholder:"Select value",no_appearance:!0,no_icon:!0})})}function v(n){return t("div",{className:"flex items-center gap-2 w-fit px-2 border rounded bg-slate-100",children:[e("p",{className:"whitespace-nowrap",children:n.label}),n.onClickDelete&&e("div",{children:e(u,{className:"bg-white hover:bg-slate-300 rounded-full cursor-pointer",onClick:n.onClickDelete})})]})}export{p as SearchBarInputForm};
+import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useState as i,useRef as o,useEffect as r}from"react";import{SelectBox as a}from"../../select-box/index.js";import{useConditionInputState as u,useConditionInputAction as l}from"./condition-input-management/context.js";import"../../../node_modules/tslib/tslib.es6.js";import{useIdGenerator as p}from"../id-generator/context.js";import{TiDeleteOutline as c}from"../../../node_modules/react-icons/ti/index.js";function s(n){switch(u().status){case"waiting for input":return e(d,{});case"inputted target":return e(f,{});case"inputted operator":return e(g,{size:n.size})}}function d(){var n=p().generateId,t=u().targets,i=l().inputTarget;return e(a,{id:n("TargetInput"),onSelect:function(e){i(e)},options:t.map((function(e){return{value:e.key,label:e.label}})),placeholder:"Select target",no_appearance:!0,no_icon:!0})}function f(){var i=p().generateId,o=u(),r=l(),c=r.inputOperator,s=r.removeInputedTarget;if("inputted target"!==o.status)return null;var d=o.inputtingCondition.target,f=o.useableOperators;return n(t,{children:[e(T,{label:d.label,onClickDelete:function(){s()}}),e("div",{className:"w-full min-w-64",children:e(a,{id:i("OperatorInput"),onSelect:function(e){c(e),setTimeout((function(){var e=document.getElementById(i("ValueInput"));e&&e.focus()}),10)},options:f.map((function(e){return{value:e.key,label:e.label}})),defaultIsOpen:!0,placeholder:"Select operator",no_appearance:!0,no_icon:!0})})]})}function g(i){var o=u(),r=l(),a=r.removeInputedOperator,p=r.removeInputedTarget;if("inputted operator"!==o.status)return null;var c=o.inputtingCondition.target,s=o.inputtingCondition.operator;return n(t,{children:[e(T,{label:c.label,onClickDelete:function(){p()}}),e(T,{label:s.label,onClickDelete:function(){a()}}),"single string"===o.inputtingCondition.operator.inputType?e(m,{inputType:o.inputtingCondition.operator.inputType,size:i.size}):"single number"===o.inputtingCondition.operator.inputType?e(y,{inputType:o.inputtingCondition.operator.inputType,size:i.size}):"select"===o.inputtingCondition.operator.inputType?e(v,{inputType:o.inputtingCondition.operator.inputType,options:"select"===o.inputtingCondition.target.type?o.inputtingCondition.target.options:[]}):"single datetime"===o.inputtingCondition.operator.inputType?e(b,{inputType:o.inputtingCondition.operator.inputType,size:i.size}):"single date"===o.inputtingCondition.operator.inputType?e(w,{inputType:o.inputtingCondition.operator.inputType,size:i.size}):console.error("Not implemented")]})}function m(n){var t=p().generateId,o=i(""),r=o[0],a=o[1],u=l().inputValue;return e("input",{id:t("ValueInput"),className:"appearance-none w-full min-w-64 border-none px-2 py-1 focus:outline-none focus-visible:outline-none bg-transparent ".concat("small"===n.size?"text-sm":"large"===n.size?"text-lg":""),type:"text",placeholder:"Search text",value:r,onChange:function(e){a(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&(u({type:n.inputType,payload:{value:r}}),a(""))}})}function y(n){var t=p().generateId,o=i(""),r=o[0],a=o[1],u=l().inputValue;return e("input",{id:t("ValueInput"),className:"appearance-none w-full min-w-64 border-none px-2 py-1 focus:outline-none focus-visible:outline-none bg-transparent ".concat("small"===n.size?"text-sm":"large"===n.size?"text-lg":""),type:"text",placeholder:"Search text",value:r,onChange:function(e){a(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&(u({type:n.inputType,payload:{value:Number(r)}}),a(""))}})}function v(n){var t=l().inputValue,i=p().generateId;return e("div",{className:"w-full min-w-64",children:e(a,{id:i("ValueInput"),onSelect:function(e){t({type:n.inputType,payload:{value:e}})},options:n.options,defaultIsOpen:!0,placeholder:"Select value",no_appearance:!0,no_icon:!0})})}function b(n){var t=p().generateId,i=l().inputValue,a=o(null);return r((function(){if(a.current){var e=a.current;e.focus(),e.scrollIntoView(),e.click()}}),[]),e("input",{ref:a,id:t("ValueInput"),className:"appearance-none w-fit min-w-64 border-none px-2 py-1 focus:outline-none focus-visible:outline-none bg-transparent ".concat("small"===n.size?"text-sm":"large"===n.size?"text-lg":""),type:"datetime-local",defaultValue:new Date((new Date).getTime()-6e4*(new Date).getTimezoneOffset()).toISOString().slice(0,16),onKeyDown:function(e){var t,o;if("Enter"===e.key){var r=new Date(null!==(o=null===(t=a.current)||void 0===t?void 0:t.value)&&void 0!==o?o:"");if(isNaN(r.getTime()))return;i({type:n.inputType,payload:{value:r}})}},onClick:function(e){e.currentTarget.showPicker()}})}function w(n){var t=p().generateId,i=l().inputValue,a=o(null),u=o(!1);return r((function(){if(a.current){var e=a.current;e.focus(),e.scrollIntoView(),e.click()}}),[]),e("input",{ref:a,id:t("ValueInput"),className:"appearance-none w-fit min-w-64 border-none px-2 py-1 focus:outline-none focus-visible:outline-none bg-transparent ".concat("small"===n.size?"text-sm":"large"===n.size?"text-lg":""),type:"date",defaultValue:new Date((new Date).getTime()-6e4*(new Date).getTimezoneOffset()).toISOString().slice(0,10),onKeyDown:function(e){var t;if("Enter"===e.key){if(!(null===(t=a.current)||void 0===t?void 0:t.value))return;var o=a.current.value.split("-"),r=o[0],u=o[1],l=o[2],p=new Date(Number(r),Number(u)-1,Number(l));if(isNaN(p.getTime()))return;i({type:n.inputType,payload:{value:p}})}},onClick:function(e){u.current||(e.currentTarget.showPicker(),u.current=!0)}})}function T(t){return n("div",{className:"flex items-center gap-2 w-fit px-2 border rounded bg-slate-100",children:[e("p",{className:"whitespace-nowrap",children:t.label}),t.onClickDelete&&e("div",{children:e(c,{className:"bg-white hover:bg-slate-300 rounded-full cursor-pointer",onClick:t.onClickDelete})})]})}export{s as SearchBarInputForm};
 //# sourceMappingURL=input-form.js.map

package/dist/esm/src/select-box/options-window/component.js

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as n,useEffect as o}from"react";import{useOptionsWindow as i}from"./context.js";import{useIdContext as r}from"../id/provider.js";import{IdGenerator as l}from"../lib/id-generator.js";function s(){var s=r(),a=i(),c=a.state,u=a.actions,d=n(""),f=d[0],p=d[1],v=n(void 0),m=v[0],g=v[1],y=n({top:0,left:0}),h=y[0],w=y[1],b=c.isOpen?0===c.options.length?void 0:"number"==typeof m&&m<c.options.length&&m>=0?c.options[m].value:void 0:void 0;return o((function(){if(c.isOpen){var e=document.getElementById(l.generateIdSelectBoxOption(s,null!=b?b:""));if(!e)return;if(0===h.top&&0===h.left)return;e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}else g(void 0)}),[c,h,b]),o((function(){if(c.isOpen){var e=function(e){if("ArrowDown"===e.key)e.preventDefault(),g((function(e){return"number"==typeof e?Math.min(e+1,c.options.length-1):0}));else if("ArrowUp"===e.key)e.preventDefault(),g((function(e){return"number"==typeof e?Math.max(e-1,0):0}));else if("Enter"===e.key){if(e.preventDefault(),"number"==typeof m){if(0===c.options.length||c.options.length<=m)return;var t=c.options[m].value;if(!t)return;p(t),c.onSelect(t),u.closeOptionsWindow()}}else"Escape"===e.key&&(e.preventDefault(),u.closeOptionsWindow())};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}}),[c,m,g,u]),o((function(){var e=setTimeout((function(){var e;if(c.isOpen){for(var t=null===(e=document.getElementById("ReactUI:SelectBox:OptionsArea"))||void 0===e?void 0:e.parentElement,n=["relative","fixed","absolute","sticky"];t;){var o=n.some((function(e){return t.className.includes(e)})),i=n.some((function(e){return t.style.position.includes(e)}));if(o||i)break;t=t.parentElement}var r=document.getElementById(c.selectBoxId);if(r){var l=r.getBoundingClientRect(),s=l.top+l.height,a=l.left;if(t){var u=t.getBoundingClientRect();w({top:s-u.top+t.scrollTop,left:a-u.left+t.scrollLeft})}else w({top:s+window.scrollY,left:a+window.scrollX})}}}),0);return function(){clearTimeout(e)}}),[c.isOpen]),o((function(){var e=function(e){if(c.isOpen){var t=document.getElementById(c.selectBoxId),n=document.getElementById("ReactUI:SelectBox:OptionsArea"),o=e.target;o instanceof Node&&(null==t?void 0:t.contains(o))||o instanceof Node&&(null==n?void 0:n.contains(o))||(u.setSearchText(""),u.closeOptionsWindow())}};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[c.isOpen]),c.isOpen?e("div",{id:"ReactUI:SelectBox:OptionsArea",className:"absolute min-w-fit max-h-[40vh] overflow-auto border border-gray-300 z-10",style:h,children:c.options.map((function(t){var n,o;return e("div",{id:l.generateIdSelectBoxOption(s,null!==(n=t.value)&&void 0!==n?n:""),className:"hover:bg-gray-200 px-2 py-1 ".concat("string"==typeof b?b===t.value?"bg-gray-100":"bg-white":f===t.value?"bg-gray-100":"bg-white"),onClick:function(){c.onSelect(t.value),u.closeOptionsWindow()},children:null!==(o=t.searchLabel)&&void 0!==o?o:t.label},t.value)}))}):e(t,{})}export{s as OptionsArea};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as n,useEffect as o}from"react";import{useIdContext as i}from"../id/provider.js";import{IdGenerator as r}from"../lib/id-generator.js";import{useOptionsWindow as l}from"./context.js";function s(){var s=i(),a=l(),c=a.state,u=a.actions,d=n(""),f=d[0],p=d[1],v=n(void 0),m=v[0],g=v[1],y=n({top:0,left:0}),h=y[0],w=y[1],b=c.isOpen?0===c.options.length?void 0:"number"==typeof m&&m<c.options.length&&m>=0?c.options[m].value:void 0:void 0;return o((function(){if(c.isOpen){var e=document.getElementById(r.generateIdSelectBoxOption(s,null!=b?b:""));if(!e)return;if(0===h.top&&0===h.left)return;e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}else g(void 0)}),[c,h,b]),o((function(){if(c.isOpen){var e=function(e){if("ArrowDown"===e.key)e.preventDefault(),g((function(e){return"number"==typeof e?Math.min(e+1,c.options.length-1):0}));else if("ArrowUp"===e.key)e.preventDefault(),g((function(e){return"number"==typeof e?Math.max(e-1,0):0}));else if("Enter"===e.key){if(e.preventDefault(),"number"==typeof m){if(0===c.options.length||c.options.length<=m)return;var t=c.options[m].value;if(!t)return;p(t),c.onSelect(t),u.closeOptionsWindow()}}else"Escape"===e.key&&(e.preventDefault(),u.closeOptionsWindow())};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}}),[c,m,g,u]),o((function(){var e=setTimeout((function(){var e;if(c.isOpen){for(var t=null===(e=document.getElementById("ReactUI:SelectBox:OptionsArea"))||void 0===e?void 0:e.parentElement,n=["relative","fixed","absolute","sticky"];t;){var o=n.some((function(e){return t.className.includes(e)})),i=n.some((function(e){return t.style.position.includes(e)}));if(o||i)break;t=t.parentElement}var r=document.getElementById(c.selectBoxId);if(r){var l=r.getBoundingClientRect(),s=l.top+l.height,a=l.left;if(t){var u=t.getBoundingClientRect();w({top:s-u.top+t.scrollTop,left:a-u.left+t.scrollLeft})}else w({top:s+window.scrollY,left:a+window.scrollX})}}}),0);return function(){clearTimeout(e)}}),[c.isOpen]),o((function(){var e=function(e){if(c.isOpen){var t=document.getElementById(c.selectBoxId),n=document.getElementById("ReactUI:SelectBox:OptionsArea"),o=e.target;o instanceof Node&&(null==t?void 0:t.contains(o))||o instanceof Node&&(null==n?void 0:n.contains(o))||(u.setSearchText(""),u.closeOptionsWindow())}};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[c.isOpen]),c.isOpen?e("div",{id:"ReactUI:SelectBox:OptionsArea",className:"absolute min-w-fit max-h-[40vh] overflow-auto border border-gray-300 z-10",style:h,children:c.options.map((function(t){var n,o;return e("div",{id:r.generateIdSelectBoxOption(s,null!==(n=t.value)&&void 0!==n?n:""),className:"hover:bg-gray-200 px-2 py-1 ".concat("string"==typeof b?b===t.value?"bg-gray-100":"bg-white":f===t.value?"bg-gray-100":"bg-white"),onClick:function(){c.onSelect(t.value),u.closeOptionsWindow()},children:null!==(o=t.searchLabel)&&void 0!==o?o:t.label},t.value)}))}):e(t,{})}export{s as OptionsArea};
 //# sourceMappingURL=component.js.map

package/dist/esm/src/select-box/options-window/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../../../src/select-box/options-window/component.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { useOptionsWindow } from \"../options-window\";\nimport { useIdContext } from \"../id/provider\";\nimport { IdGenerator } from \"../lib\";\n\nexport function OptionsArea() {\n  const id = useIdContext();\n  const { state, actions } = useOptionsWindow();\n  const [value, setValue] = useState(\"\");\n  const [selectingIndex, setSelectingIndex] = useState<number | undefined>(\n    undefined\n  );\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n\n  const selectingValue = state.isOpen\n    ? state.options.length === 0\n      ? undefined\n      : typeof selectingIndex === \"number\" &&\n        selectingIndex < state.options.length &&\n        selectingIndex >= 0\n      ? state.options[selectingIndex].value\n      : undefined\n    : undefined;\n\n  useEffect(() => {\n    if (state.isOpen) {\n      const optionElement = document.getElementById(\n        IdGenerator.generateIdSelectBoxOption(id, selectingValue ?? \"\")\n      );\n\n      if (!optionElement) return;\n      if (position.top === 0 && position.left === 0) return;\n\n      optionElement.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n        inline: \"nearest\",\n      });\n    } else {\n      setSelectingIndex(undefined);\n    }\n  }, [state, position, selectingValue]);\n\n  useEffect(() => {\n    if (state.isOpen) {\n      const handleKeydown = (e: KeyboardEvent) => {\n        if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          setSelectingIndex((prev) =>\n            typeof prev === \"number\"\n              ? Math.min(prev + 1, state.options.length - 1)\n              : 0\n          );\n        } else if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          setSelectingIndex((prev) =>\n            typeof prev === \"number\" ? Math.max(prev - 1, 0) : 0\n          );\n        } else if (e.key === \"Enter\") {\n          e.preventDefault();\n          if (typeof selectingIndex === \"number\") {\n            if (\n              state.options.length === 0 ||\n              state.options.length <= selectingIndex\n            )\n              return;\n\n            const value = state.options[selectingIndex].value;\n\n            if (!value) return;\n\n            setValue(value);\n            state.onSelect(value);\n            actions.closeOptionsWindow();\n          }\n        } else if (e.key === \"Escape\") {\n          e.preventDefault();\n          actions.closeOptionsWindow();\n        }\n      };\n\n      document.addEventListener(\"keydown\", handleKeydown);\n\n      return () => {\n        document.removeEventListener(\"keydown\", handleKeydown);\n      };\n    }\n  }, [state, selectingIndex, setSelectingIndex, actions]);\n\n  useEffect(() => {\n    const searchParentElement = () => {\n      if (state.isOpen) {\n        let parentElement = document.getElementById(\n          \"ReactUI:SelectBox:OptionsArea\"\n        )?.parentElement;\n\n        const positionClasses = [\"relative\", \"fixed\", \"absolute\", \"sticky\"];\n\n        while (parentElement) {\n          const hasPositionClass = positionClasses.some((className) =>\n            parentElement!.className.includes(className)\n          );\n\n          const hasPositionStyle = positionClasses.some((style) =>\n            parentElement!.style.position.includes(style)\n          );\n\n          if (hasPositionClass || hasPositionStyle) break;\n\n          parentElement = parentElement.parentElement;\n        }\n\n        const selectBoxElement = document.getElementById(state.selectBoxId);\n\n        if (selectBoxElement) {\n          const rect = selectBoxElement.getBoundingClientRect();\n          let top = rect.top + rect.height;\n          let left = rect.left;\n\n          if (parentElement) {\n            const parentRect = parentElement.getBoundingClientRect();\n            setPosition({\n              top: top - parentRect.top + parentElement.scrollTop,\n              left: left - parentRect.left + parentElement.scrollLeft,\n            });\n          } else {\n            setPosition({\n              top: top + window.scrollY,\n              left: left + window.scrollX,\n            });\n          }\n        }\n      }\n    };\n\n    const timer = setTimeout(searchParentElement, 0);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [state.isOpen]);\n\n  useEffect(() => {\n    const onClickOutOfSelectBox = (e: MouseEvent) => {\n      if (!state.isOpen) return;\n\n      // SelectBox関連の要素を取得\n      const frameElement = document.getElementById(state.selectBoxId);\n      const optionsElement = document.getElementById(\n        \"ReactUI:SelectBox:OptionsArea\"\n      );\n\n      // クリックされた要素を取得\n      const ele = e.target;\n\n      if (ele instanceof Node && frameElement?.contains(ele)) return;\n\n      if (ele instanceof Node && optionsElement?.contains(ele)) return;\n\n      actions.setSearchText(\"\");\n      actions.closeOptionsWindow();\n    };\n\n    document.addEventListener(\"mousedown\", onClickOutOfSelectBox);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", onClickOutOfSelectBox);\n    };\n  }, [state.isOpen]);\n\n  if (!state.isOpen) return <></>;\n\n  return (\n    <div\n      id={\"ReactUI:SelectBox:OptionsArea\"}\n      className=\"absolute min-w-fit max-h-[40vh] overflow-auto border border-gray-300 z-10\"\n      style={position}\n    >\n      {state.options.map((option) => (\n        <div\n          id={IdGenerator.generateIdSelectBoxOption(id, option.value ?? \"\")}\n          className={`hover:bg-gray-200 px-2 py-1 ${\n            typeof selectingValue === \"string\"\n              ? selectingValue === option.value\n                ? \"bg-gray-100\"\n                : \"bg-white\"\n              : value === option.value\n              ? \"bg-gray-100\"\n              : \"bg-white\"\n          }`}\n          key={option.value}\n          onClick={() => {\n            state.onSelect(option.value);\n            actions.closeOptionsWindow();\n          }}\n        >\n          {option.searchLabel ?? option.label}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["OptionsArea","id","useIdContext","_a","useOptionsWindow","state","actions","_b","useState","value","setValue","_c","undefined","selectingIndex","setSelectingIndex","_d","top","left","position","setPosition","selectingValue","isOpen","options","length","useEffect","optionElement","document","getElementById","IdGenerator","generateIdSelectBoxOption","scrollIntoView","behavior","block","inline","handleKeydown_1","e","key","preventDefault","prev","Math","min","max","value_1","onSelect","closeOptionsWindow","addEventListener","removeEventListener","timer","setTimeout","parentElement_1","parentElement","positionClasses","hasPositionClass","some","className","includes","hasPositionStyle","style","selectBoxElement","selectBoxId","rect","getBoundingClientRect","top_1","height","parentRect","scrollTop","scrollLeft","window","scrollY","scrollX","clearTimeout","onClickOutOfSelectBox","frameElement","optionsElement","ele","target","Node","contains","setSearchText","_jsx","map","option","concat","onClick","children","searchLabel","label"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../../../src/select-box/options-window/component.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { useIdContext } from \"../id/provider\";\nimport { IdGenerator } from \"../lib\";\nimport { useOptionsWindow } from \"./context\";\n\nexport function OptionsArea() {\n  const id = useIdContext();\n  const { state, actions } = useOptionsWindow();\n  const [value, setValue] = useState(\"\");\n  const [selectingIndex, setSelectingIndex] = useState<number | undefined>(\n    undefined\n  );\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n\n  const selectingValue = state.isOpen\n    ? state.options.length === 0\n      ? undefined\n      : typeof selectingIndex === \"number\" &&\n        selectingIndex < state.options.length &&\n        selectingIndex >= 0\n      ? state.options[selectingIndex].value\n      : undefined\n    : undefined;\n\n  useEffect(() => {\n    if (state.isOpen) {\n      const optionElement = document.getElementById(\n        IdGenerator.generateIdSelectBoxOption(id, selectingValue ?? \"\")\n      );\n\n      if (!optionElement) return;\n      if (position.top === 0 && position.left === 0) return;\n\n      optionElement.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n        inline: \"nearest\",\n      });\n    } else {\n      setSelectingIndex(undefined);\n    }\n  }, [state, position, selectingValue]);\n\n  useEffect(() => {\n    if (state.isOpen) {\n      const handleKeydown = (e: KeyboardEvent) => {\n        if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          setSelectingIndex((prev) =>\n            typeof prev === \"number\"\n              ? Math.min(prev + 1, state.options.length - 1)\n              : 0\n          );\n        } else if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          setSelectingIndex((prev) =>\n            typeof prev === \"number\" ? Math.max(prev - 1, 0) : 0\n          );\n        } else if (e.key === \"Enter\") {\n          e.preventDefault();\n          if (typeof selectingIndex === \"number\") {\n            if (\n              state.options.length === 0 ||\n              state.options.length <= selectingIndex\n            )\n              return;\n\n            const value = state.options[selectingIndex].value;\n\n            if (!value) return;\n\n            setValue(value);\n            state.onSelect(value);\n            actions.closeOptionsWindow();\n          }\n        } else if (e.key === \"Escape\") {\n          e.preventDefault();\n          actions.closeOptionsWindow();\n        }\n      };\n\n      document.addEventListener(\"keydown\", handleKeydown);\n\n      return () => {\n        document.removeEventListener(\"keydown\", handleKeydown);\n      };\n    }\n  }, [state, selectingIndex, setSelectingIndex, actions]);\n\n  useEffect(() => {\n    const searchParentElement = () => {\n      if (state.isOpen) {\n        let parentElement = document.getElementById(\n          \"ReactUI:SelectBox:OptionsArea\"\n        )?.parentElement;\n\n        const positionClasses = [\"relative\", \"fixed\", \"absolute\", \"sticky\"];\n\n        while (parentElement) {\n          const hasPositionClass = positionClasses.some((className) =>\n            parentElement!.className.includes(className)\n          );\n\n          const hasPositionStyle = positionClasses.some((style) =>\n            parentElement!.style.position.includes(style)\n          );\n\n          if (hasPositionClass || hasPositionStyle) break;\n\n          parentElement = parentElement.parentElement;\n        }\n\n        const selectBoxElement = document.getElementById(state.selectBoxId);\n\n        if (selectBoxElement) {\n          const rect = selectBoxElement.getBoundingClientRect();\n          let top = rect.top + rect.height;\n          let left = rect.left;\n\n          if (parentElement) {\n            const parentRect = parentElement.getBoundingClientRect();\n            setPosition({\n              top: top - parentRect.top + parentElement.scrollTop,\n              left: left - parentRect.left + parentElement.scrollLeft,\n            });\n          } else {\n            setPosition({\n              top: top + window.scrollY,\n              left: left + window.scrollX,\n            });\n          }\n        }\n      }\n    };\n\n    const timer = setTimeout(searchParentElement, 0);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [state.isOpen]);\n\n  useEffect(() => {\n    const onClickOutOfSelectBox = (e: MouseEvent) => {\n      if (!state.isOpen) return;\n\n      // SelectBox関連の要素を取得\n      const frameElement = document.getElementById(state.selectBoxId);\n      const optionsElement = document.getElementById(\n        \"ReactUI:SelectBox:OptionsArea\"\n      );\n\n      // クリックされた要素を取得\n      const ele = e.target;\n\n      if (ele instanceof Node && frameElement?.contains(ele)) return;\n\n      if (ele instanceof Node && optionsElement?.contains(ele)) return;\n\n      actions.setSearchText(\"\");\n      actions.closeOptionsWindow();\n    };\n\n    document.addEventListener(\"mousedown\", onClickOutOfSelectBox);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", onClickOutOfSelectBox);\n    };\n  }, [state.isOpen]);\n\n  if (!state.isOpen) return <></>;\n\n  return (\n    <div\n      id={\"ReactUI:SelectBox:OptionsArea\"}\n      className=\"absolute min-w-fit max-h-[40vh] overflow-auto border border-gray-300 z-10\"\n      style={position}\n    >\n      {state.options.map((option) => (\n        <div\n          id={IdGenerator.generateIdSelectBoxOption(id, option.value ?? \"\")}\n          className={`hover:bg-gray-200 px-2 py-1 ${\n            typeof selectingValue === \"string\"\n              ? selectingValue === option.value\n                ? \"bg-gray-100\"\n                : \"bg-white\"\n              : value === option.value\n              ? \"bg-gray-100\"\n              : \"bg-white\"\n          }`}\n          key={option.value}\n          onClick={() => {\n            state.onSelect(option.value);\n            actions.closeOptionsWindow();\n          }}\n        >\n          {option.searchLabel ?? option.label}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["OptionsArea","id","useIdContext","_a","useOptionsWindow","state","actions","_b","useState","value","setValue","_c","undefined","selectingIndex","setSelectingIndex","_d","top","left","position","setPosition","selectingValue","isOpen","options","length","useEffect","optionElement","document","getElementById","IdGenerator","generateIdSelectBoxOption","scrollIntoView","behavior","block","inline","handleKeydown_1","e","key","preventDefault","prev","Math","min","max","value_1","onSelect","closeOptionsWindow","addEventListener","removeEventListener","timer","setTimeout","parentElement_1","parentElement","positionClasses","hasPositionClass","some","className","includes","hasPositionStyle","style","selectBoxElement","selectBoxId","rect","getBoundingClientRect","top_1","height","parentRect","scrollTop","scrollLeft","window","scrollY","scrollX","clearTimeout","onClickOutOfSelectBox","frameElement","optionsElement","ele","target","Node","contains","setSearchText","_jsx","map","option","concat","onClick","children","searchLabel","label"],"mappings":"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"}

package/dist/esm/src/share/search-operator/constant.js

@@ -1,2 +1,2 @@
-var e="none",t="single string",n="single number",l="select",p=[{key:"string:eq",label:"=",type:"string",inputType:t},{key:"string:neq",label:"≠",type:"string",inputType:t},{key:"string:like",label:"like",type:"string",inputType:t},{key:"string:not_like",label:"not like",type:"string",inputType:t},{key:"string:is_null",label:"is empty",type:"string",inputType:e},{key:"string:is_not_null",label:"is not empty",type:"string",inputType:e},{key:"number:eq",label:"=",type:"number",inputType:n},{key:"number:neq",label:"≠",type:"number",inputType:n},{key:"number:gt",label:">",type:"number",inputType:n},{key:"number:lt",label:"<",type:"number",inputType:n},{key:"number:gte",label:"≧",type:"number",inputType:n},{key:"number:lte",label:"≦",type:"number",inputType:n},{key:"select:eq",label:"=",type:"select",inputType:l},{key:"select:neq",label:"≠",type:"select",inputType:l},{key:"select:is_null",label:"is empty",type:"select",inputType:e},{key:"select:is_not_null",label:"is not empty",type:"select",inputType:e}];export{p as DEFAULT_SEARCH_OPERATOR,e as NONE,l as SELECT,n as SINGLE_NUMBER,t as SINGLE_STRING};
+var e="none",t="single string",l="single number",p="single date",y="single datetime",n="select",i=[{key:"string:eq",label:"=",type:"string",inputType:t},{key:"string:neq",label:"≠",type:"string",inputType:t},{key:"string:like",label:"like",type:"string",inputType:t},{key:"string:not_like",label:"not like",type:"string",inputType:t},{key:"string:is_null",label:"is empty",type:"string",inputType:e},{key:"string:is_not_null",label:"is not empty",type:"string",inputType:e},{key:"number:eq",label:"=",type:"number",inputType:l},{key:"number:neq",label:"≠",type:"number",inputType:l},{key:"number:gt",label:">",type:"number",inputType:l},{key:"number:lt",label:"<",type:"number",inputType:l},{key:"number:gte",label:"≧",type:"number",inputType:l},{key:"number:lte",label:"≦",type:"number",inputType:l},{key:"select:eq",label:"=",type:"select",inputType:n},{key:"select:neq",label:"≠",type:"select",inputType:n},{key:"select:is_null",label:"is empty",type:"select",inputType:e},{key:"select:is_not_null",label:"is not empty",type:"select",inputType:e},{key:"date:eq",label:"=",type:"date",inputType:p},{key:"date:neq",label:"≠",type:"date",inputType:p},{key:"date:gt",label:">",type:"date",inputType:p},{key:"date:lt",label:"<",type:"date",inputType:p},{key:"date:gte",label:"≧",type:"date",inputType:p},{key:"date:lte",label:"≦",type:"date",inputType:p},{key:"date:is_null",label:"is null",type:"date",inputType:e},{key:"date:is_not_null",label:"is not null",type:"date",inputType:e},{key:"datetime:gt",label:">",type:"datetime",inputType:y},{key:"datetime:lt",label:"<",type:"datetime",inputType:y},{key:"datetime:gte",label:"≧",type:"datetime",inputType:y},{key:"datetime:lte",label:"≦",type:"datetime",inputType:y},{key:"datetime:is_null",label:"is empty",type:"datetime",inputType:e},{key:"datetime:is_not_null",label:"is not empty",type:"datetime",inputType:e}];export{i as DEFAULT_SEARCH_OPERATOR,e as NONE,n as SELECT,p as SINGLE_DATE,y as SINGLE_DATETIME,l as SINGLE_NUMBER,t as SINGLE_STRING};
 //# sourceMappingURL=constant.js.map

package/dist/esm/src/share/search-operator/constant.js.map

@@ -1 +1 @@
-{"version":3,"file":"constant.js","sources":["../../../../../src/share/search-operator/constant.ts"],"sourcesContent":["export const NONE = \"none\";\nexport const SINGLE_STRING = \"single string\";\nexport const SINGLE_NUMBER = \"single number\";\nexport const SINGLE_DATE = \"single date\";\nexport const RANGE_STRING = \"range string\";\nexport const RANGE_NUMBER = \"range number\";\nexport const RANGE_DATE = \"range date\";\nexport const SELECT = \"select\";\nexport const MULTI_SELECT = \"multi select\";\n\nexport const DEFAULT_SEARCH_OPERATOR = [\n  {\n    key: \"string:eq\",\n    label: \"=\",\n    type: \"string\",\n    inputType: SINGLE_STRING,\n  },\n  {\n    key: \"string:neq\",\n    label: \"≠\",\n    type: \"string\",\n    inputType: SINGLE_STRING,\n  },\n  {\n    key: \"string:like\",\n    label: \"like\",\n    type: \"string\",\n    inputType: SINGLE_STRING,\n  },\n  {\n    key: \"string:not_like\",\n    label: \"not like\",\n    type: \"string\",\n    inputType: SINGLE_STRING,\n  },\n  // { key: \"string:in\", label: \"in\", type: \"string\" },\n  // { key: \"string:not_in\", label: \"not in\", type: \"string\" },\n  {\n    key: \"string:is_null\",\n    label: \"is empty\",\n    type: \"string\",\n    inputType: NONE,\n  },\n  {\n    key: \"string:is_not_null\",\n    label: \"is not empty\",\n    type: \"string\",\n    inputType: NONE,\n  },\n  {\n    key: \"number:eq\",\n    label: \"=\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"number:neq\",\n    label: \"≠\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"number:gt\",\n    label: \">\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"number:lt\",\n    label: \"<\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"number:gte\",\n    label: \"≧\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"number:lte\",\n    label: \"≦\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"select:eq\",\n    label: \"=\",\n    type: \"select\",\n    inputType: SELECT,\n  },\n  {\n    key: \"select:neq\",\n    label: \"≠\",\n    type: \"select\",\n    inputType: SELECT,\n  },\n  {\n    key: \"select:is_null\",\n    label: \"is empty\",\n    type: \"select\",\n    inputType: NONE,\n  },\n  {\n    key: \"select:is_not_null\",\n    label: \"is not empty\",\n    type: \"select\",\n    inputType: NONE,\n  },\n  // { key: \"date:eq\", label: \"=\", type: \"date\" },\n  // { key: \"date:neq\", label: \"≠\", type: \"date\" },\n  // { key: \"date:gt\", label: \">\", type: \"date\" },\n  // { key: \"date:lt\", label: \"<\", type: \"date\" },\n  // { key: \"date:gte\", label: \">=\", type: \"date\" },\n  // { key: \"date:lte\", label: \"<=\", type: \"date\" },\n  // { key: \"date:is_null\", label: \"is null\", type: \"date\" },\n  // { key: \"date:is_not_null\", label: \"is not null\", type: \"date\" },\n] as const;\n\nexport type T_DEFAULT_SEARCH_OPERATOR =\n  (typeof DEFAULT_SEARCH_OPERATOR)[number];\n\nexport type T_SEARCH_INPUT_TYPE = T_DEFAULT_SEARCH_OPERATOR[\"inputType\"];\n"],"names":["NONE","SINGLE_STRING","SINGLE_NUMBER","SELECT","DEFAULT_SEARCH_OPERATOR","key","label","type","inputType"],"mappings":"AAAO,IAAMA,EAAO,OACPC,EAAgB,gBAChBC,EAAgB,gBAKhBC,EAAS,SAGTC,EAA0B,CACrC,CACEC,IAAK,YACLC,MAAO,IACPC,KAAM,SACNC,UAAWP,GAEb,CACEI,IAAK,aACLC,MAAO,IACPC,KAAM,SACNC,UAAWP,GAEb,CACEI,IAAK,cACLC,MAAO,OACPC,KAAM,SACNC,UAAWP,GAEb,CACEI,IAAK,kBACLC,MAAO,WACPC,KAAM,SACNC,UAAWP,GAIb,CACEI,IAAK,iBACLC,MAAO,WACPC,KAAM,SACNC,UAAWR,GAEb,CACEK,IAAK,qBACLC,MAAO,eACPC,KAAM,SACNC,UAAWR,GAEb,CACEK,IAAK,YACLC,MAAO,IACPC,KAAM,SACNC,UAAWN,GAEb,CACEG,IAAK,aACLC,MAAO,IACPC,KAAM,SACNC,UAAWN,GAEb,CACEG,IAAK,YACLC,MAAO,IACPC,KAAM,SACNC,UAAWN,GAEb,CACEG,IAAK,YACLC,MAAO,IACPC,KAAM,SACNC,UAAWN,GAEb,CACEG,IAAK,aACLC,MAAO,IACPC,KAAM,SACNC,UAAWN,GAEb,CACEG,IAAK,aACLC,MAAO,IACPC,KAAM,SACNC,UAAWN,GAEb,CACEG,IAAK,YACLC,MAAO,IACPC,KAAM,SACNC,UAAWL,GAEb,CACEE,IAAK,aACLC,MAAO,IACPC,KAAM,SACNC,UAAWL,GAEb,CACEE,IAAK,iBACLC,MAAO,WACPC,KAAM,SACNC,UAAWR,GAEb,CACEK,IAAK,qBACLC,MAAO,eACPC,KAAM,SACNC,UAAWR"}
+{"version":3,"file":"constant.js","sources":["../../../../../src/share/search-operator/constant.ts"],"sourcesContent":["export const NONE = \"none\";\nexport const SINGLE_STRING = \"single string\";\nexport const SINGLE_NUMBER = \"single number\";\nexport const SINGLE_DATE = \"single date\";\nexport const SINGLE_DATETIME = \"single datetime\";\nexport const RANGE_STRING = \"range string\";\nexport const RANGE_NUMBER = \"range number\";\nexport const RANGE_DATE = \"range date\";\nexport const SELECT = \"select\";\nexport const MULTI_SELECT = \"multi select\";\n\nexport const DEFAULT_SEARCH_OPERATOR = [\n  {\n    key: \"string:eq\",\n    label: \"=\",\n    type: \"string\",\n    inputType: SINGLE_STRING,\n  },\n  {\n    key: \"string:neq\",\n    label: \"≠\",\n    type: \"string\",\n    inputType: SINGLE_STRING,\n  },\n  {\n    key: \"string:like\",\n    label: \"like\",\n    type: \"string\",\n    inputType: SINGLE_STRING,\n  },\n  {\n    key: \"string:not_like\",\n    label: \"not like\",\n    type: \"string\",\n    inputType: SINGLE_STRING,\n  },\n  // { key: \"string:in\", label: \"in\", type: \"string\" },\n  // { key: \"string:not_in\", label: \"not in\", type: \"string\" },\n  {\n    key: \"string:is_null\",\n    label: \"is empty\",\n    type: \"string\",\n    inputType: NONE,\n  },\n  {\n    key: \"string:is_not_null\",\n    label: \"is not empty\",\n    type: \"string\",\n    inputType: NONE,\n  },\n  {\n    key: \"number:eq\",\n    label: \"=\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"number:neq\",\n    label: \"≠\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"number:gt\",\n    label: \">\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"number:lt\",\n    label: \"<\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"number:gte\",\n    label: \"≧\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"number:lte\",\n    label: \"≦\",\n    type: \"number\",\n    inputType: SINGLE_NUMBER,\n  },\n  {\n    key: \"select:eq\",\n    label: \"=\",\n    type: \"select\",\n    inputType: SELECT,\n  },\n  {\n    key: \"select:neq\",\n    label: \"≠\",\n    type: \"select\",\n    inputType: SELECT,\n  },\n  {\n    key: \"select:is_null\",\n    label: \"is empty\",\n    type: \"select\",\n    inputType: NONE,\n  },\n  {\n    key: \"select:is_not_null\",\n    label: \"is not empty\",\n    type: \"select\",\n    inputType: NONE,\n  },\n  { key: \"date:eq\", label: \"=\", type: \"date\", inputType: SINGLE_DATE },\n  { key: \"date:neq\", label: \"≠\", type: \"date\", inputType: SINGLE_DATE },\n  { key: \"date:gt\", label: \">\", type: \"date\", inputType: SINGLE_DATE },\n  { key: \"date:lt\", label: \"<\", type: \"date\", inputType: SINGLE_DATE },\n  { key: \"date:gte\", label: \"≧\", type: \"date\", inputType: SINGLE_DATE },\n  { key: \"date:lte\", label: \"≦\", type: \"date\", inputType: SINGLE_DATE },\n  { key: \"date:is_null\", label: \"is null\", type: \"date\", inputType: NONE },\n  {\n    key: \"date:is_not_null\",\n    label: \"is not null\",\n    type: \"date\",\n    inputType: NONE,\n  },\n  {\n    key: \"datetime:gt\",\n    label: \">\",\n    type: \"datetime\",\n    inputType: SINGLE_DATETIME,\n  },\n  {\n    key: \"datetime:lt\",\n    label: \"<\",\n    type: \"datetime\",\n    inputType: SINGLE_DATETIME,\n  },\n  {\n    key: \"datetime:gte\",\n    label: \"≧\",\n    type: \"datetime\",\n    inputType: SINGLE_DATETIME,\n  },\n  {\n    key: \"datetime:lte\",\n    label: \"≦\",\n    type: \"datetime\",\n    inputType: SINGLE_DATETIME,\n  },\n  {\n    key: \"datetime:is_null\",\n    label: \"is empty\",\n    type: \"datetime\",\n    inputType: NONE,\n  },\n  {\n    key: \"datetime:is_not_null\",\n    label: \"is not empty\",\n    type: \"datetime\",\n    inputType: NONE,\n  },\n] as const;\n\nexport type T_DEFAULT_SEARCH_OPERATOR =\n  (typeof DEFAULT_SEARCH_OPERATOR)[number];\n\nexport type T_SEARCH_INPUT_TYPE = T_DEFAULT_SEARCH_OPERATOR[\"inputType\"];\n"],"names":["NONE","SINGLE_STRING","SINGLE_NUMBER","SINGLE_DATE","SINGLE_DATETIME","SELECT","DEFAULT_SEARCH_OPERATOR","key","label","type","inputType"],"mappings":"AAAO,IAAMA,EAAO,OACPC,EAAgB,gBAChBC,EAAgB,gBAChBC,EAAc,cACdC,EAAkB,kBAIlBC,EAAS,SAGTC,EAA0B,CACrC,CACEC,IAAK,YACLC,MAAO,IACPC,KAAM,SACNC,UAAWT,GAEb,CACEM,IAAK,aACLC,MAAO,IACPC,KAAM,SACNC,UAAWT,GAEb,CACEM,IAAK,cACLC,MAAO,OACPC,KAAM,SACNC,UAAWT,GAEb,CACEM,IAAK,kBACLC,MAAO,WACPC,KAAM,SACNC,UAAWT,GAIb,CACEM,IAAK,iBACLC,MAAO,WACPC,KAAM,SACNC,UAAWV,GAEb,CACEO,IAAK,qBACLC,MAAO,eACPC,KAAM,SACNC,UAAWV,GAEb,CACEO,IAAK,YACLC,MAAO,IACPC,KAAM,SACNC,UAAWR,GAEb,CACEK,IAAK,aACLC,MAAO,IACPC,KAAM,SACNC,UAAWR,GAEb,CACEK,IAAK,YACLC,MAAO,IACPC,KAAM,SACNC,UAAWR,GAEb,CACEK,IAAK,YACLC,MAAO,IACPC,KAAM,SACNC,UAAWR,GAEb,CACEK,IAAK,aACLC,MAAO,IACPC,KAAM,SACNC,UAAWR,GAEb,CACEK,IAAK,aACLC,MAAO,IACPC,KAAM,SACNC,UAAWR,GAEb,CACEK,IAAK,YACLC,MAAO,IACPC,KAAM,SACNC,UAAWL,GAEb,CACEE,IAAK,aACLC,MAAO,IACPC,KAAM,SACNC,UAAWL,GAEb,CACEE,IAAK,iBACLC,MAAO,WACPC,KAAM,SACNC,UAAWV,GAEb,CACEO,IAAK,qBACLC,MAAO,eACPC,KAAM,SACNC,UAAWV,GAEb,CAAEO,IAAK,UAAWC,MAAO,IAAKC,KAAM,OAAQC,UAAWP,GACvD,CAAEI,IAAK,WAAYC,MAAO,IAAKC,KAAM,OAAQC,UAAWP,GACxD,CAAEI,IAAK,UAAWC,MAAO,IAAKC,KAAM,OAAQC,UAAWP,GACvD,CAAEI,IAAK,UAAWC,MAAO,IAAKC,KAAM,OAAQC,UAAWP,GACvD,CAAEI,IAAK,WAAYC,MAAO,IAAKC,KAAM,OAAQC,UAAWP,GACxD,CAAEI,IAAK,WAAYC,MAAO,IAAKC,KAAM,OAAQC,UAAWP,GACxD,CAAEI,IAAK,eAAgBC,MAAO,UAAWC,KAAM,OAAQC,UAAWV,GAClE,CACEO,IAAK,mBACLC,MAAO,cACPC,KAAM,OACNC,UAAWV,GAEb,CACEO,IAAK,cACLC,MAAO,IACPC,KAAM,WACNC,UAAWN,GAEb,CACEG,IAAK,cACLC,MAAO,IACPC,KAAM,WACNC,UAAWN,GAEb,CACEG,IAAK,eACLC,MAAO,IACPC,KAAM,WACNC,UAAWN,GAEb,CACEG,IAAK,eACLC,MAAO,IACPC,KAAM,WACNC,UAAWN,GAEb,CACEG,IAAK,mBACLC,MAAO,WACPC,KAAM,WACNC,UAAWV,GAEb,CACEO,IAAK,uBACLC,MAAO,eACPC,KAAM,WACNC,UAAWV"}

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

@@ -1,2 +1,2 @@
-import{useMemo as e}from"react";import{useEditActionContext as t}from"../edit/provider.js";import{useColumnsContext as o}from"../sheet/providers.js";import{useRangeActionContext as n}from"../range/provider.js";import{useTableIdGenerator as r}from"../id/provider.js";function i(i,d){var u,p,l=r(),a=n(),c=a.startSelectRange,m=a.moveSelectRange,s=a.endSelectRange,v=t().startEditing,f=l.extractCellIndexFromId(i),g=f[0],I=f[1],x=o()[I],E=d[x.key],b="select"===x.type?null===(p=null===(u=x.options)||void 0===u?void 0:u.find((function(e){return e.value===E})))||void 0===p?void 0:p.label:E,y=e((function(){return x.editable?b:x.render?x.render(E,d):b}),[x.editable,b,E,d]);return{type:!x.editable&&x.render?"component":x.type,component:y,onDoubleClick:function(e){e.preventDefault(),v()},onMouseDown:function(e){document.getElementById(l.getEditorId())||setTimeout((function(){c({rowIndex:g,colIndex:I});var e=function(t){t.preventDefault(),t.stopPropagation(),s(),document.removeEventListener("mouseup",e)};document.addEventListener("mouseup",e)}),0)},onMouseEnter:function(e){e.preventDefault(),e.stopPropagation(),m({rowIndex:g,colIndex:I})}}}export{i as useCell};
+import{useMemo as e}from"react";import{useEditActionContext as t}from"../edit/provider.js";import{useColumnsContext as n}from"../sheet/providers.js";import{useRangeActionContext as o}from"../range/provider.js";import{useTableIdGenerator as r}from"../id/provider.js";function i(i,d){var a,p,u,l=r(),m=o(),c=m.startSelectRange,s=m.moveSelectRange,v=m.endSelectRange,f=t().startEditing,g=l.extractCellIndexFromId(i),y=g[0],I=g[1],x=n()[I],D=d[x.key],E="select"===x.type?null!==(u=null===(p=null===(a=x.options)||void 0===a?void 0:a.find((function(e){return e.value===D})))||void 0===p?void 0:p.label)&&void 0!==u?u:"":"date"===x.type||"datetime"===x.type?x.render(D instanceof Date?D:new Date(D)):D,b=e((function(){return"date"===x.type||"datetime"===x.type||x.editable?E:x.render?x.render(D,d):E}),[x.editable,E,D,d]);return{type:!x.editable&&x.render?"component":x.type,component:b,onDoubleClick:function(e){e.preventDefault(),f()},onMouseDown:function(e){document.getElementById(l.getEditorId())||setTimeout((function(){c({rowIndex:y,colIndex:I});var e=function(t){t.preventDefault(),t.stopPropagation(),v(),document.removeEventListener("mouseup",e)};document.addEventListener("mouseup",e)}),0)},onMouseEnter:function(e){e.preventDefault(),e.stopPropagation(),s({rowIndex:y,colIndex:I})}}}export{i as useCell};
 //# sourceMappingURL=hooks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../../../src/table/cell/hooks.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useEditActionContext } from \"../edit/provider\";\nimport { useColumnsContext } from \"../sheet/providers\";\nimport { DataObject, DataRecord, TColumnType } from \"../table/type\";\nimport { useRangeActionContext } from \"../range/provider\";\nimport { useTableIdGenerator } from \"../id\";\n\nexport function useCell(id: string, row: DataObject<DataRecord>) {\n  const IdGenerator = useTableIdGenerator();\n  const { startSelectRange, moveSelectRange, endSelectRange } =\n    useRangeActionContext();\n  const { startEditing } = useEditActionContext();\n  const [rowIndex, colIndex] = IdGenerator.extractCellIndexFromId(id);\n  const col = useColumnsContext()[colIndex];\n  const value = row[col.key as string];\n\n  const label =\n    col.type === \"select\"\n      ? col.options?.find((op) => op.value === value)?.label\n      : value;\n\n  const component = useMemo(() => {\n    if (col.editable) {\n      return label;\n    } else {\n      return col.render ? col.render(value as never, row) : label;\n    }\n  }, [col.editable, label, value, row]);\n\n  const type: TColumnType | \"component\" =\n    !col.editable && col.render ? \"component\" : col.type;\n\n  const onDoubleClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    e.preventDefault();\n    startEditing();\n  };\n\n  /**\n   * onBlurよりも先に発火するため、onBlurでendEditingを呼ぶと\n   * すぐにstartEditingが呼ばれてしまうため、setTimeoutで遅延させる\n   * これにより、endEditingが先に呼ばれるようになる\n   */\n  const onMouseDown: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    const element = document.getElementById(IdGenerator.getEditorId());\n\n    if (!!element) {\n      return;\n    }\n\n    setTimeout(() => {\n      startSelectRange({ rowIndex, colIndex });\n\n      const onMouseUp = (e: MouseEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        endSelectRange();\n        document.removeEventListener(\"mouseup\", onMouseUp);\n      };\n\n      document.addEventListener(\"mouseup\", onMouseUp);\n    }, 0);\n  };\n\n  const onMouseEnter: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    moveSelectRange({ rowIndex, colIndex });\n  };\n\n  return {\n    type,\n    component,\n    onDoubleClick,\n    onMouseDown,\n    onMouseEnter,\n  };\n}\n"],"names":["useCell","id","row","IdGenerator","useTableIdGenerator","_c","useRangeActionContext","startSelectRange","moveSelectRange","endSelectRange","startEditing","useEditActionContext","_d","extractCellIndexFromId","rowIndex","colIndex","col","useColumnsContext","value","key","label","type","_a","options","find","op","_b","component","useMemo","editable","render","onDoubleClick","e","preventDefault","onMouseDown","document","getElementById","getEditorId","setTimeout","onMouseUp","stopPropagation","removeEventListener","addEventListener","onMouseEnter"],"mappings":"0QAOgB,SAAAA,EAAQC,EAAYC,WAC5BC,EAAcC,IACdC,EACJC,IADMC,EAAgBF,EAAAE,iBAAEC,EAAeH,EAAAG,gBAAEC,EAAcJ,EAAAI,eAEjDC,EAAiBC,iBACnBC,EAAuBT,EAAYU,uBAAuBZ,GAAzDa,EAAQF,EAAA,GAAEG,OACXC,EAAMC,IAAoBF,GAC1BG,EAAQhB,EAAIc,EAAIG,KAEhBC,EACS,WAAbJ,EAAIK,KAC6C,UAAlC,QAAXC,EAAAN,EAAIO,eAAO,IAAAD,OAAA,EAAAA,EAAEE,MAAK,SAACC,GAAO,OAAAA,EAAGP,QAAUA,CAAb,WAAmB,IAAAQ,OAAA,EAAAA,EAAEN,MAC/CF,EAEAS,EAAYC,GAAQ,WACxB,OAAIZ,EAAIa,SACCT,EAEAJ,EAAIc,OAASd,EAAIc,OAAOZ,EAAgBhB,GAAOkB,CAE1D,GAAG,CAACJ,EAAIa,SAAUT,EAAOF,EAAOhB,IA0ChC,MAAO,CACLmB,MAxCCL,EAAIa,UAAYb,EAAIc,OAAS,YAAcd,EAAIK,KAyChDM,UAASA,EACTI,cAxC6D,SAACC,GAC9DA,EAAEC,iBACFvB,GACF,EAsCEwB,YA/B2D,SAACF,GAC5CG,SAASC,eAAejC,EAAYkC,gBAMpDC,YAAW,WACT/B,EAAiB,CAAEO,SAAQA,EAAEC,SAAQA,IAErC,IAAMwB,EAAY,SAACP,GACjBA,EAAEC,iBACFD,EAAEQ,kBACF/B,IACA0B,SAASM,oBAAoB,UAAWF,EAC1C,EAEAJ,SAASO,iBAAiB,UAAWH,EACtC,GAAE,EACL,EAaEI,aAX4D,SAACX,GAC7DA,EAAEC,iBACFD,EAAEQ,kBACFhC,EAAgB,CAAEM,SAAQA,EAAEC,SAAQA,GACtC,EASF"}
+{"version":3,"file":"hooks.js","sources":["../../../../../src/table/cell/hooks.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useEditActionContext } from \"../edit/provider\";\nimport { useColumnsContext } from \"../sheet/providers\";\nimport { DataObject, DataRecord, TColumnType } from \"../table/type\";\nimport { useRangeActionContext } from \"../range/provider\";\nimport { useTableIdGenerator } from \"../id\";\n\nexport function useCell(id: string, row: DataObject<DataRecord>) {\n  const IdGenerator = useTableIdGenerator();\n  const { startSelectRange, moveSelectRange, endSelectRange } =\n    useRangeActionContext();\n  const { startEditing } = useEditActionContext();\n  const [rowIndex, colIndex] = IdGenerator.extractCellIndexFromId(id);\n  const col = useColumnsContext()[colIndex];\n  const value = row[col.key as string];\n\n  const label =\n    col.type === \"select\"\n      ? col.options?.find((op) => op.value === value)?.label ?? \"\"\n      : col.type === \"date\" || col.type === \"datetime\"\n      ? col.render(value instanceof Date ? value : new Date(value))\n      : (value as string | number);\n\n  const component = useMemo(() => {\n    if (col.type === \"date\" || col.type === \"datetime\" || col.editable) {\n      return label;\n    } else {\n      return col.render ? col.render(value as never, row) : label;\n    }\n  }, [col.editable, label, value, row]);\n\n  const type: TColumnType | \"component\" =\n    !col.editable && col.render ? \"component\" : col.type;\n\n  const onDoubleClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    e.preventDefault();\n    startEditing();\n  };\n\n  /**\n   * onBlurよりも先に発火するため、onBlurでendEditingを呼ぶと\n   * すぐにstartEditingが呼ばれてしまうため、setTimeoutで遅延させる\n   * これにより、endEditingが先に呼ばれるようになる\n   */\n  const onMouseDown: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    const element = document.getElementById(IdGenerator.getEditorId());\n\n    if (!!element) {\n      return;\n    }\n\n    setTimeout(() => {\n      startSelectRange({ rowIndex, colIndex });\n\n      const onMouseUp = (e: MouseEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        endSelectRange();\n        document.removeEventListener(\"mouseup\", onMouseUp);\n      };\n\n      document.addEventListener(\"mouseup\", onMouseUp);\n    }, 0);\n  };\n\n  const onMouseEnter: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    moveSelectRange({ rowIndex, colIndex });\n  };\n\n  return {\n    type,\n    component,\n    onDoubleClick,\n    onMouseDown,\n    onMouseEnter,\n  };\n}\n"],"names":["useCell","id","row","IdGenerator","useTableIdGenerator","_d","useRangeActionContext","startSelectRange","moveSelectRange","endSelectRange","startEditing","useEditActionContext","_e","extractCellIndexFromId","rowIndex","colIndex","col","useColumnsContext","value","key","label","type","_c","_b","_a","options","find","op","render","Date","component","useMemo","editable","onDoubleClick","e","preventDefault","onMouseDown","document","getElementById","getEditorId","setTimeout","onMouseUp","stopPropagation","removeEventListener","addEventListener","onMouseEnter"],"mappings":"0QAOgB,SAAAA,EAAQC,EAAYC,aAC5BC,EAAcC,IACdC,EACJC,IADMC,EAAgBF,EAAAE,iBAAEC,EAAeH,EAAAG,gBAAEC,EAAcJ,EAAAI,eAEjDC,EAAiBC,iBACnBC,EAAuBT,EAAYU,uBAAuBZ,GAAzDa,EAAQF,EAAA,GAAEG,OACXC,EAAMC,IAAoBF,GAC1BG,EAAQhB,EAAIc,EAAIG,KAEhBC,EACS,WAAbJ,EAAIK,KACoD,QAApDC,EAA6C,QAA7CC,EAAW,QAAXC,EAAAR,EAAIS,eAAO,IAAAD,OAAA,EAAAA,EAAEE,MAAK,SAACC,GAAO,OAAAA,EAAGT,QAAUA,CAAK,WAAC,IAAAK,OAAA,EAAAA,EAAEH,aAAK,IAAAE,EAAAA,EAAI,GAC3C,SAAbN,EAAIK,MAAgC,aAAbL,EAAIK,KAC3BL,EAAIY,OAAOV,aAAiBW,KAAOX,EAAQ,IAAIW,KAAKX,IACnDA,EAEDY,EAAYC,GAAQ,WACxB,MAAiB,SAAbf,EAAIK,MAAgC,aAAbL,EAAIK,MAAuBL,EAAIgB,SACjDZ,EAEAJ,EAAIY,OAASZ,EAAIY,OAAOV,EAAgBhB,GAAOkB,CAE1D,GAAG,CAACJ,EAAIgB,SAAUZ,EAAOF,EAAOhB,IA0ChC,MAAO,CACLmB,MAxCCL,EAAIgB,UAAYhB,EAAIY,OAAS,YAAcZ,EAAIK,KAyChDS,UAASA,EACTG,cAxC6D,SAACC,GAC9DA,EAAEC,iBACFzB,GACF,EAsCE0B,YA/B2D,SAACF,GAC5CG,SAASC,eAAenC,EAAYoC,gBAMpDC,YAAW,WACTjC,EAAiB,CAAEO,SAAQA,EAAEC,SAAQA,IAErC,IAAM0B,EAAY,SAACP,GACjBA,EAAEC,iBACFD,EAAEQ,kBACFjC,IACA4B,SAASM,oBAAoB,UAAWF,EAC1C,EAEAJ,SAASO,iBAAiB,UAAWH,EACtC,GAAE,EACL,EAaEI,aAX4D,SAACX,GAC7DA,EAAEC,iBACFD,EAAEQ,kBACFlC,EAAgB,CAAEM,SAAQA,EAAEC,SAAQA,GACtC,EASF"}

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

@@ -1,2 +1,2 @@
-import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import{useReducer as t,useEffect as o,useCallback as n,useMemo as r}from"react";import{useRangeStateContext as s}from"../range/provider.js";var d=function(t,o){switch(o.type){case"setRows":return e(e({},t),{rows:o.payload.rows});case"setCols":return e(e({},t),{cols:o.payload.cols});case"copied":return e(e({},t),{copiedAt:new Date});default:return t}};function l(l){var c=t(d,e({},l)),a=c[0],i=c[1],p=s();o((function(){i({type:"setCols",payload:{cols:l.cols}})}),[l.cols]);var u=n((function(e){if(p.isSelecting){var t=p.start.rowIndex<=p.end.rowIndex?p.start.rowIndex:p.end.rowIndex,o=p.start.rowIndex>=p.end.rowIndex?p.start.rowIndex:p.end.rowIndex,n=p.start.colIndex<=p.end.colIndex?p.start.colIndex:p.end.colIndex,r=p.start.colIndex>=p.end.colIndex?p.start.colIndex:p.end.colIndex,s=a.rows.slice(t,o+1).map((function(e){for(var t=[],o=function(o){var n=a.cols[o];if("number"==n.type||"string"==n.type)return t.push(e[n.key]),"continue";if("select"==n.type){var r=e[n.key];null==r||""===r?t.push(""):t.push(n.options.find((function(t){return t.value===e[n.key]})).label)}},s=n;s<=r;s++)o(s);return t})).map((function(e){return e.join("\t")})).join("\n");if(null==e?void 0:e.enableDeprecatedCopy){var d=document.createElement("textarea");d.style.position="fixed",d.style.top="0",d.style.left="0",d.style.width="2em",d.style.height="2em",d.style.padding="0",d.style.border="none",d.style.outline="none",d.style.boxShadow="none",d.style.background="transparent",d.value=s,document.body.appendChild(d),d.select(),document.execCommand("copy"),document.body.removeChild(d)}else navigator.clipboard.writeText(s);i({type:"copied"})}}),[p,a.rows,a.cols]),y=n((function(e){i({type:"setRows",payload:{rows:e}})}),[]);return{states:r((function(){return{copiedAt:a.copiedAt}}),[a.copiedAt]),actions:r((function(){return{copy:u,setRows:y}}),[u,y])}}export{l as useCopyReducer};
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import{useReducer as t,useEffect as n,useCallback as o,useMemo as r}from"react";import{useRangeStateContext as s}from"../range/provider.js";var d=function(t,n){switch(n.type){case"setRows":return e(e({},t),{rows:n.payload.rows});case"setCols":return e(e({},t),{cols:n.payload.cols});case"copied":return e(e({},t),{copiedAt:new Date});default:return t}};function i(i){var c=t(d,e({},i)),l=c[0],a=c[1],u=s();n((function(){a({type:"setCols",payload:{cols:i.cols}})}),[i.cols]);var p=o((function(e){if(u.isSelecting){var t=u.start.rowIndex<=u.end.rowIndex?u.start.rowIndex:u.end.rowIndex,n=u.start.rowIndex>=u.end.rowIndex?u.start.rowIndex:u.end.rowIndex,o=u.start.colIndex<=u.end.colIndex?u.start.colIndex:u.end.colIndex,r=u.start.colIndex>=u.end.colIndex?u.start.colIndex:u.end.colIndex,s=l.rows.slice(t,n+1).map((function(e){for(var t=[],n=function(n){var o=l.cols[n];if("number"==o.type||"string"==o.type)return t.push(e[o.key]),"continue";if("select"==o.type){var r=e[o.key];return null==r||""===r?t.push(""):t.push(o.options.find((function(t){return t.value===e[o.key]})).label),"continue"}return"date"===o.type?(t.push(e[o.key].toISOString().split("T")[0]),"continue"):"datetime"===o.type?(t.push(e[o.key].toISOString()),"continue"):void 0},s=o;s<=r;s++)n(s);return t})).map((function(e){return e.join("\t")})).join("\n");if(null==e?void 0:e.enableDeprecatedCopy){var d=document.createElement("textarea");d.style.position="fixed",d.style.top="0",d.style.left="0",d.style.width="2em",d.style.height="2em",d.style.padding="0",d.style.border="none",d.style.outline="none",d.style.boxShadow="none",d.style.background="transparent",d.value=s,document.body.appendChild(d),d.select(),document.execCommand("copy"),document.body.removeChild(d)}else navigator.clipboard.writeText(s);a({type:"copied"})}}),[u,l.rows,l.cols]),y=o((function(e){a({type:"setRows",payload:{rows:e}})}),[]);return{states:r((function(){return{copiedAt:l.copiedAt}}),[l.copiedAt]),actions:r((function(){return{copy:p,setRows:y}}),[p,y])}}export{i as useCopyReducer};
 //# sourceMappingURL=hooks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../../../src/table/copy/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport { useRangeStateContext } from \"../range/provider\";\nimport { TCopyReducer, TReturnCopyReducer } from \"./types\";\n\nconst reducer: TCopyReducer = (state, action) => {\n  switch (action.type) {\n    case \"setRows\":\n      return { ...state, rows: action.payload.rows };\n    case \"setCols\":\n      return { ...state, cols: action.payload.cols };\n    case \"copied\":\n      return { ...state, copiedAt: new Date() };\n    default:\n      return state;\n  }\n};\n\nexport function useCopyReducer(initial: {\n  rows: any[];\n  cols: any[];\n  onUpdateRowFunction?: (newRow: any, oldRow: any) => void;\n}): TReturnCopyReducer {\n  const [state, dispatch] = useReducer(reducer, {\n    ...initial,\n  });\n  const range = useRangeStateContext();\n\n  useEffect(() => {\n    dispatch({ type: \"setCols\", payload: { cols: initial.cols } });\n  }, [initial.cols]);\n\n  const copy = useCallback(\n    (options?: { enableDeprecatedCopy?: boolean }) => {\n      if (!range.isSelecting) {\n        return;\n      }\n\n      const startRowIndex =\n        range.start.rowIndex <= range.end.rowIndex\n          ? range.start.rowIndex\n          : range.end.rowIndex;\n      const endRowIndex =\n        range.start.rowIndex >= range.end.rowIndex\n          ? range.start.rowIndex\n          : range.end.rowIndex;\n      const startColIndex =\n        range.start.colIndex <= range.end.colIndex\n          ? range.start.colIndex\n          : range.end.colIndex;\n      const endColIndex =\n        range.start.colIndex >= range.end.colIndex\n          ? range.start.colIndex\n          : range.end.colIndex;\n\n      const copiedData = state.rows\n        .slice(startRowIndex, endRowIndex + 1)\n        .map((row) => {\n          const copiedRow = [];\n          for (let i = startColIndex; i <= endColIndex; i++) {\n            const col = state.cols[i];\n\n            if (col.type == \"number\" || col.type == \"string\") {\n              copiedRow.push(row[col.key]);\n              continue;\n            } else if (col.type == \"select\") {\n              const value = row[col.key];\n\n              if (value === null || value === undefined || value === \"\") {\n                copiedRow.push(\"\");\n              } else {\n                copiedRow.push(\n                  col.options.find((option) => option.value === row[col.key])!\n                    .label\n                );\n              }\n            }\n          }\n          return copiedRow;\n        });\n\n      const copiedDataString = copiedData\n        .map((row) => row.join(\"\\t\"))\n        .join(\"\\n\");\n\n      if (options?.enableDeprecatedCopy) {\n        const textArea = document.createElement(\"textarea\");\n        textArea.style.position = \"fixed\";\n        textArea.style.top = \"0\";\n        textArea.style.left = \"0\";\n        textArea.style.width = \"2em\";\n        textArea.style.height = \"2em\";\n        textArea.style.padding = \"0\";\n        textArea.style.border = \"none\";\n        textArea.style.outline = \"none\";\n        textArea.style.boxShadow = \"none\";\n        textArea.style.background = \"transparent\";\n        textArea.value = copiedDataString;\n        document.body.appendChild(textArea);\n        textArea.select();\n        document.execCommand(\"copy\");\n        document.body.removeChild(textArea);\n      } else {\n        navigator.clipboard.writeText(copiedDataString);\n      }\n\n      dispatch({ type: \"copied\" });\n    },\n    [range, state.rows, state.cols]\n  );\n\n  const setRows = useCallback((rows: any[]) => {\n    dispatch({ type: \"setRows\", payload: { rows } });\n  }, []);\n\n  const states = useMemo(\n    () => ({\n      copiedAt: state.copiedAt,\n    }),\n    [state.copiedAt]\n  );\n\n  const actions = useMemo(\n    () => ({\n      copy,\n      setRows,\n    }),\n    [copy, setRows]\n  );\n\n  return {\n    states,\n    actions,\n  };\n}\n"],"names":["reducer","state","action","type","__assign","rows","payload","cols","copiedAt","Date","useCopyReducer","initial","_a","useReducer","dispatch","range","useRangeStateContext","useEffect","copy","useCallback","options","isSelecting","startRowIndex","start","rowIndex","end","endRowIndex","startColIndex","colIndex","endColIndex","copiedDataString","slice","map","row","copiedRow","i","col","push","key","value","find","option","label","join","enableDeprecatedCopy","textArea","document","createElement","style","position","top","left","width","height","padding","border","outline","boxShadow","background","body","appendChild","select","execCommand","removeChild","navigator","clipboard","writeText","setRows","states","useMemo","actions"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../../../../../src/table/copy/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport { useRangeStateContext } from \"../range/provider\";\nimport { TCopyReducer, TReturnCopyReducer } from \"./types\";\n\nconst reducer: TCopyReducer = (state, action) => {\n  switch (action.type) {\n    case \"setRows\":\n      return { ...state, rows: action.payload.rows };\n    case \"setCols\":\n      return { ...state, cols: action.payload.cols };\n    case \"copied\":\n      return { ...state, copiedAt: new Date() };\n    default:\n      return state;\n  }\n};\n\nexport function useCopyReducer(initial: {\n  rows: any[];\n  cols: any[];\n  onUpdateRowFunction?: (newRow: any, oldRow: any) => void;\n}): TReturnCopyReducer {\n  const [state, dispatch] = useReducer(reducer, {\n    ...initial,\n  });\n  const range = useRangeStateContext();\n\n  useEffect(() => {\n    dispatch({ type: \"setCols\", payload: { cols: initial.cols } });\n  }, [initial.cols]);\n\n  const copy = useCallback(\n    (options?: { enableDeprecatedCopy?: boolean }) => {\n      if (!range.isSelecting) {\n        return;\n      }\n\n      const startRowIndex =\n        range.start.rowIndex <= range.end.rowIndex\n          ? range.start.rowIndex\n          : range.end.rowIndex;\n      const endRowIndex =\n        range.start.rowIndex >= range.end.rowIndex\n          ? range.start.rowIndex\n          : range.end.rowIndex;\n      const startColIndex =\n        range.start.colIndex <= range.end.colIndex\n          ? range.start.colIndex\n          : range.end.colIndex;\n      const endColIndex =\n        range.start.colIndex >= range.end.colIndex\n          ? range.start.colIndex\n          : range.end.colIndex;\n\n      const copiedData = state.rows\n        .slice(startRowIndex, endRowIndex + 1)\n        .map((row) => {\n          const copiedRow = [];\n          for (let i = startColIndex; i <= endColIndex; i++) {\n            const col = state.cols[i];\n\n            if (col.type == \"number\" || col.type == \"string\") {\n              copiedRow.push(row[col.key]);\n              continue;\n            } else if (col.type == \"select\") {\n              const value = row[col.key];\n\n              if (value === null || value === undefined || value === \"\") {\n                copiedRow.push(\"\");\n              } else {\n                copiedRow.push(\n                  col.options.find((option) => option.value === row[col.key])!\n                    .label\n                );\n              }\n              continue;\n            } else if (col.type === \"date\") {\n              copiedRow.push(row[col.key].toISOString().split(\"T\")[0]);\n              continue;\n            } else if (col.type === \"datetime\") {\n              copiedRow.push(row[col.key].toISOString());\n              continue;\n            }\n\n            col satisfies never;\n          }\n          return copiedRow;\n        });\n\n      const copiedDataString = copiedData\n        .map((row) => row.join(\"\\t\"))\n        .join(\"\\n\");\n\n      if (options?.enableDeprecatedCopy) {\n        const textArea = document.createElement(\"textarea\");\n        textArea.style.position = \"fixed\";\n        textArea.style.top = \"0\";\n        textArea.style.left = \"0\";\n        textArea.style.width = \"2em\";\n        textArea.style.height = \"2em\";\n        textArea.style.padding = \"0\";\n        textArea.style.border = \"none\";\n        textArea.style.outline = \"none\";\n        textArea.style.boxShadow = \"none\";\n        textArea.style.background = \"transparent\";\n        textArea.value = copiedDataString;\n        document.body.appendChild(textArea);\n        textArea.select();\n        document.execCommand(\"copy\");\n        document.body.removeChild(textArea);\n      } else {\n        navigator.clipboard.writeText(copiedDataString);\n      }\n\n      dispatch({ type: \"copied\" });\n    },\n    [range, state.rows, state.cols]\n  );\n\n  const setRows = useCallback((rows: any[]) => {\n    dispatch({ type: \"setRows\", payload: { rows } });\n  }, []);\n\n  const states = useMemo(\n    () => ({\n      copiedAt: state.copiedAt,\n    }),\n    [state.copiedAt]\n  );\n\n  const actions = useMemo(\n    () => ({\n      copy,\n      setRows,\n    }),\n    [copy, setRows]\n  );\n\n  return {\n    states,\n    actions,\n  };\n}\n"],"names":["reducer","state","action","type","__assign","rows","payload","cols","copiedAt","Date","useCopyReducer","initial","_a","useReducer","dispatch","range","useRangeStateContext","useEffect","copy","useCallback","options","isSelecting","startRowIndex","start","rowIndex","end","endRowIndex","startColIndex","colIndex","endColIndex","copiedDataString","slice","map","row","copiedRow","i","col","push","key","value","find","option","label","toISOString","split","join","enableDeprecatedCopy","textArea","document","createElement","style","position","top","left","width","height","padding","border","outline","boxShadow","background","body","appendChild","select","execCommand","removeChild","navigator","clipboard","writeText","setRows","states","useMemo","actions"],"mappings":"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"}

package/dist/esm/src/table/edit/ui/base-input.js

@@ -1,3 +1,3 @@
 "use client";
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as n,useEffect as r}from"react";import{CancelIcon as o}from"../../../icon/cancel-icon.js";import{useTableIdGenerator as i}from"../../id/provider.js";function u(u){var a=i(),c=n(null);return r((function(){c.current&&c.current.focus()}),[c]),e("div",{className:"flex justify-between gap-1 w-full items-center",onClick:function(e){e.preventDefault(),e.stopPropagation()},children:[t("input",{id:a.getEditorId(),ref:c,className:"w-full py-1 px-2 bg-white text-gray-900",type:"text",value:u.value,onChange:u.onChange,onBlur:u.onBlur,onKeyUp:function(e){e.preventDefault(),"Enter"===e.key?e.target.blur():"Escape"===e.key&&(u.reset(),u.endEditing())}}),t("button",{onMouseDown:function(e){e.preventDefault(),e.stopPropagation(),setTimeout((function(){u.reset(),u.endEditing()}),300)},children:t(o,{size:16})})]})}export{u as CellInput};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as n,useEffect as r}from"react";import{CancelIcon as o}from"../../../icon/cancel-icon.js";import{useTableIdGenerator as i}from"../../id/provider.js";function u(u){var a,l=i(),c=n(null);return r((function(){c.current&&c.current.focus()}),[c]),e("div",{className:"flex justify-between gap-1 w-full items-center",onClick:function(e){e.preventDefault(),e.stopPropagation()},children:[t("input",{id:l.getEditorId(),ref:c,className:"w-full py-1 px-2 bg-white text-gray-900",type:null!==(a=u.type)&&void 0!==a?a:"text",value:u.value,onChange:u.onChange,onBlur:u.onBlur,onKeyUp:function(e){e.preventDefault(),"Enter"===e.key?e.target.blur():"Escape"===e.key&&(u.reset(),u.endEditing())}}),t("button",{onMouseDown:function(e){e.preventDefault(),e.stopPropagation(),setTimeout((function(){u.reset(),u.endEditing()}),300)},children:t(o,{size:16})})]})}export{u as CellInput};
 //# sourceMappingURL=base-input.js.map

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":"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"}

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/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"}