@teppen/react-ui 1.7.1 → 1.7.3

package/dist/esm/src/select-box/id/provider.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useContext as t}from"react";var i=e("");function n(e){var t=e.id,n=e.children;return r(i.Provider,{value:t,children:n})}function o(){return t(i)}export{n as IdProvider,o as useIdContext};
+//# sourceMappingURL=provider.js.map

package/dist/esm/src/select-box/id/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sources":["../../../../../src/select-box/id/provider.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nconst IdContext = createContext<string>(\"\");\n\nexport function IdProvider({\n  id,\n  children,\n}: {\n  id: string;\n  children: React.ReactNode;\n}) {\n  return <IdContext.Provider value={id}>{children}</IdContext.Provider>;\n}\n\nexport function useIdContext() {\n  return useContext(IdContext);\n}\n"],"names":["IdContext","createContext","IdProvider","_a","id","children","_jsx","Provider","value","useIdContext","useContext"],"mappings":"8FAEA,IAAMA,EAAYC,EAAsB,IAElC,SAAUC,EAAWC,OACzBC,EAAED,EAAAC,GACFC,EAAQF,EAAAE,SAKR,OAAOC,EAACN,EAAUO,SAAQ,CAACC,MAAOJ,EAAEC,SAAGA,GACzC,UAEgBI,IACd,OAAOC,EAAWV,EACpB"}

package/dist/esm/src/select-box/index.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useState as t,useMemo as o,useEffect as r}from"react";import{InputArea as i}from"./parts/input-area.js";import{OptionsArea as u}from"./parts/options-area.js";import{SelectBoxFrame as a}from"./parts/frame.js";import{IdProvider as d}from"./id/provider.js";import{IdGenerator as l}from"./lib/id-generator.js";function c(c){var f,m,v,s,p=t(null!==(f=c.value)&&void 0!==f?f:""),g=p[0],y=p[1],w=t(null!==(m=c.defaultIsOpen)&&void 0!==m&&m),h=w[0],E=w[1],k=t(""),x=k[0],I=k[1],L=t(void 0),b=L[0],S=L[1],j=function(e){y(e),c.onSelect(e),I(""),E(!1)},B=null!==(s=null===(v=c.options.find((function(e){return e.value===g})))||void 0===v?void 0:v.label)&&void 0!==s?s:"",D=o((function(){return c.options.filter((function(e){return e.label.toLowerCase().includes(x.toLowerCase())}))}),[c.options,x]);r((function(){var e=function(e){var n=document.getElementById(l.generateIdSelectBoxFrame(c.id)),t=document.getElementById(l.generateIdSelectBoxOptionsArea(c.id)),o=e.target;o instanceof Node&&(null==n?void 0:n.contains(o))||o instanceof Node&&(null==t?void 0:t.contains(o))||(I(""),E(!1))};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]),r((function(){if(h){var e=function(e){"ArrowDown"===e.key?(e.preventDefault(),S((function(e){return"number"==typeof e?Math.min(e+1,D.length-1):0}))):"ArrowUp"===e.key?(e.preventDefault(),S((function(e){return"number"==typeof e?Math.max(e-1,0):0}))):"Enter"===e.key&&(e.preventDefault(),"number"==typeof b&&j(D[b].value))};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}S(void 0);var n=document.getElementById(l.generateIdSelectBoxInputArea(c.id));if(n){var t=function(e){"ArrowDown"===e.key&&(e.preventDefault(),E(!0))};return n.addEventListener("keydown",t),function(){n.removeEventListener("keydown",t)}}}),[h,D,b,S]);var A=0===D.length?void 0:"number"==typeof b&&b<D.length?D[b].value:void 0;return e(d,{id:c.id,children:n(a,{isOpen:h,onToggle:function(){return E((function(e){return!e}))},children:[e(i,{inputRef:c.inputRef,isSelecting:h,selectedValue:B,searchText:x,onChangeSearchText:I}),h&&e(u,{options:D,value:g,onSelect:j,selectingValue:A})]})})}export{c as SelectBox};
+//# sourceMappingURL=index.js.map

package/dist/esm/src/select-box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/select-box/index.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { InputArea, OptionsArea, SelectBoxFrame } from \"./parts\";\nimport { Options } from \"./types\";\nimport { IdProvider } from \"./id/provider\";\nimport { IdGenerator } from \"./lib\";\n\ninterface IPropsSelectBox {\n  id: string;\n  inputRef?: React.RefObject<HTMLInputElement>;\n  defaultIsOpen?: boolean;\n  options: Options[];\n  value?: string;\n  onSelect: (value: string) => void;\n}\n\nexport function SelectBox(props: IPropsSelectBox) {\n  const [value, setValue] = useState(props.value ?? \"\");\n  const [isOpen, setIsOpen] = useState(props.defaultIsOpen ?? false);\n  const [searchText, setSearchText] = useState(\"\");\n  const [selectingIndex, setSelectingIndex] = useState<number | undefined>(\n    undefined\n  );\n\n  const handleSelect = (value: string) => {\n    setValue(value);\n    props.onSelect(value);\n    setSearchText(\"\");\n    setIsOpen(false);\n  };\n\n  const label =\n    props.options.find((option) => option.value === value)?.label ?? \"\";\n\n  const searchedOptions = useMemo(\n    () =>\n      props.options.filter((option) =>\n        option.label.toLowerCase().includes(searchText.toLowerCase())\n      ),\n    [props.options, searchText]\n  );\n\n  useEffect(() => {\n    const onClickOutOfSelectBox = (e: MouseEvent) => {\n      // SelectBox関連の要素を取得\n      const frameElement = document.getElementById(\n        IdGenerator.generateIdSelectBoxFrame(props.id)\n      );\n      const optionsElement = document.getElementById(\n        IdGenerator.generateIdSelectBoxOptionsArea(props.id)\n      );\n\n      // クリックされた要素を取得\n      const ele = e.target;\n\n      if (ele instanceof Node && frameElement?.contains(ele)) return;\n      if (ele instanceof Node && optionsElement?.contains(ele)) return;\n\n      setSearchText(\"\");\n      setIsOpen(false);\n    };\n\n    document.addEventListener(\"mousedown\", onClickOutOfSelectBox);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", onClickOutOfSelectBox);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectingIndex(undefined);\n\n      const inputElement = document.getElementById(\n        IdGenerator.generateIdSelectBoxInputArea(props.id)\n      );\n\n      if (inputElement) {\n        // inputElementにフォーカスされている場合、ArrowDownを押すとOptionsAreaが開く\n        const handleKeydown = (e: KeyboardEvent) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            setIsOpen(true);\n          }\n        };\n        inputElement.addEventListener(\"keydown\", handleKeydown);\n\n        return () => {\n          inputElement.removeEventListener(\"keydown\", handleKeydown);\n        };\n      }\n    } else {\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, searchedOptions.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            handleSelect(searchedOptions[selectingIndex].value);\n          }\n        }\n      };\n      document.addEventListener(\"keydown\", handleKeydown);\n\n      return () => {\n        document.removeEventListener(\"keydown\", handleKeydown);\n      };\n    }\n  }, [isOpen, searchedOptions, selectingIndex, setSelectingIndex]);\n\n  const selectingValue =\n    searchedOptions.length === 0\n      ? undefined\n      : typeof selectingIndex === \"number\" &&\n        selectingIndex < searchedOptions.length\n      ? searchedOptions[selectingIndex].value\n      : undefined;\n\n  return (\n    <IdProvider id={props.id}>\n      <SelectBoxFrame\n        isOpen={isOpen}\n        onToggle={() => setIsOpen((prev) => !prev)}\n      >\n        <InputArea\n          inputRef={props.inputRef}\n          isSelecting={isOpen}\n          selectedValue={label}\n          searchText={searchText}\n          onChangeSearchText={setSearchText}\n        />\n        {isOpen && (\n          <OptionsArea\n            options={searchedOptions}\n            value={value}\n            onSelect={handleSelect}\n            selectingValue={selectingValue}\n          />\n        )}\n      </SelectBoxFrame>\n    </IdProvider>\n  );\n}\n"],"names":["SelectBox","props","_e","useState","_a","value","setValue","_f","_b","defaultIsOpen","isOpen","setIsOpen","_g","searchText","setSearchText","_h","undefined","selectingIndex","setSelectingIndex","handleSelect","onSelect","label","_d","_c","options","find","option","searchedOptions","useMemo","filter","toLowerCase","includes","useEffect","onClickOutOfSelectBox","e","frameElement","document","getElementById","IdGenerator","generateIdSelectBoxFrame","id","optionsElement","generateIdSelectBoxOptionsArea","ele","target","Node","contains","addEventListener","removeEventListener","handleKeydown_2","key","preventDefault","prev","Math","min","length","max","inputElement_1","generateIdSelectBoxInputArea","handleKeydown_1","selectingValue","_jsx","IdProvider","children","_jsxs","SelectBoxFrame","onToggle","InputArea","inputRef","isSelecting","selectedValue","onChangeSearchText","OptionsArea"],"mappings":"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"}

package/dist/esm/src/select-box/lib/id-generator.js

@@ -0,0 +1,2 @@
+var t="teppen:react-ui:select-box",n=function(){function n(){}return n.generateIdSelectBoxInputArea=function(n){return""===n?"".concat(t,":input-area"):"".concat(t,":").concat(n,":input-area")},n.generateIdSelectBoxOptionsArea=function(n){return""===n?"".concat(t,":options-area"):"".concat(t,":").concat(n,":options-area")},n.generateIdSelectBoxFrame=function(n){return""===n?"".concat(t,":frame"):"".concat(t,":").concat(n,":frame")},n.generateIdSelectBoxOption=function(n,c){return""===n?"".concat(t,":option:").concat(c):"".concat(t,":").concat(n,":option:").concat(c)},n}();export{n as IdGenerator};
+//# sourceMappingURL=id-generator.js.map

package/dist/esm/src/select-box/lib/id-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-generator.js","sources":["../../../../../src/select-box/lib/id-generator.ts"],"sourcesContent":["const ID_PREFIX = \"teppen:react-ui:select-box\";\n\nexport class IdGenerator {\n  static generateIdSelectBoxInputArea(id: string): string {\n    if (id === \"\") {\n      return `${ID_PREFIX}:input-area`;\n    } else {\n      return `${ID_PREFIX}:${id}:input-area`;\n    }\n  }\n\n  static generateIdSelectBoxOptionsArea(id: string): string {\n    if (id === \"\") {\n      return `${ID_PREFIX}:options-area`;\n    } else {\n      return `${ID_PREFIX}:${id}:options-area`;\n    }\n  }\n\n  static generateIdSelectBoxFrame(id: string): string {\n    if (id === \"\") {\n      return `${ID_PREFIX}:frame`;\n    } else {\n      return `${ID_PREFIX}:${id}:frame`;\n    }\n  }\n\n  static generateIdSelectBoxOption(id: string, value: string): string {\n    if (id === \"\") {\n      return `${ID_PREFIX}:option:${value}`;\n    } else {\n      return `${ID_PREFIX}:${id}:option:${value}`;\n    }\n  }\n}\n"],"names":["ID_PREFIX","IdGenerator","generateIdSelectBoxInputArea","id","concat","generateIdSelectBoxOptionsArea","generateIdSelectBoxFrame","generateIdSelectBoxOption","value"],"mappings":"AAAA,IAAMA,EAAY,6BAElBC,EAAA,WAAA,SAAAA,IAgCC,CAAD,OA/BSA,EAA4BC,6BAAnC,SAAoCC,GAClC,MAAW,KAAPA,EACK,GAAAC,OAAGJ,EAAS,eAEZ,GAAGI,OAAAJ,EAAa,KAAAI,OAAAD,kBAIpBF,EAA8BI,+BAArC,SAAsCF,GACpC,MAAW,KAAPA,EACK,GAAAC,OAAGJ,EAAS,iBAEZ,GAAGI,OAAAJ,EAAa,KAAAI,OAAAD,oBAIpBF,EAAwBK,yBAA/B,SAAgCH,GAC9B,MAAW,KAAPA,EACK,GAAAC,OAAGJ,EAAS,UAEZ,GAAGI,OAAAJ,EAAa,KAAAI,OAAAD,aAIpBF,EAAAM,0BAAP,SAAiCJ,EAAYK,GAC3C,MAAW,KAAPL,EACK,GAAGC,OAAAJ,EAAoB,YAAAI,OAAAI,GAEvB,UAAGR,EAAS,KAAAI,OAAID,EAAa,YAAAC,OAAAI,IAGzCP,CAAD"}

package/dist/esm/src/select-box/parts/frame.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useIdContext as o}from"../id/provider.js";import{IdGenerator as r}from"../lib/id-generator.js";import{MdOutlineKeyboardArrowLeft as n}from"../../../node_modules/react-icons/md/index.js";function t(t){var l=o();return e("div",{id:r.generateIdSelectBoxFrame(l),className:"relative w-full",children:[i("div",{onClick:function(e){t.isOpen||t.onToggle()},children:t.children}),i("div",{className:"absolute grid place-items-center h-full right-1 top-0",onClick:function(e){e.stopPropagation(),t.onToggle()},children:i(n,{className:"duration-300 ".concat(t.isOpen?"-rotate-90":"")})})]})}export{t as SelectBoxFrame};
+//# sourceMappingURL=frame.js.map

package/dist/esm/src/select-box/parts/frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame.js","sources":["../../../../../src/select-box/parts/frame.tsx"],"sourcesContent":["import { useIdContext } from \"../id/provider\";\nimport { IdGenerator } from \"../lib\";\nimport { MdOutlineKeyboardArrowLeft } from \"react-icons/md\";\n\ninterface IPropsSelectBoxFrame {\n  onToggle: () => void;\n  isOpen: boolean;\n  children: React.ReactNode;\n}\n\nexport function SelectBoxFrame(props: IPropsSelectBoxFrame) {\n  const id = useIdContext();\n\n  return (\n    <div\n      id={IdGenerator.generateIdSelectBoxFrame(id)}\n      className=\"relative w-full\"\n    >\n      <div\n        onClick={(e) => {\n          if (!props.isOpen) {\n            props.onToggle();\n          }\n        }}\n      >\n        {props.children}\n      </div>\n      <div\n        className=\"absolute grid place-items-center h-full right-1 top-0\"\n        onClick={(e) => {\n          e.stopPropagation();\n          props.onToggle();\n        }}\n      >\n        <MdOutlineKeyboardArrowLeft\n          className={`duration-300 ${props.isOpen ? \"-rotate-90\" : \"\"}`}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["SelectBoxFrame","props","id","useIdContext","_jsxs","IdGenerator","generateIdSelectBoxFrame","className","children","_jsx","onClick","e","isOpen","onToggle","stopPropagation","MdOutlineKeyboardArrowLeft","concat"],"mappings":"mPAUM,SAAUA,EAAeC,GAC7B,IAAMC,EAAKC,IAEX,OACEC,EACE,MAAA,CAAAF,GAAIG,EAAYC,yBAAyBJ,GACzCK,UAAU,kBAAiBC,SAAA,CAE3BC,SACEC,QAAS,SAACC,GACHV,EAAMW,QACTX,EAAMY,UAET,EAEAL,SAAAP,EAAMO,WAETC,EAAA,MAAA,CACEF,UAAU,wDACVG,QAAS,SAACC,GACRA,EAAEG,kBACFb,EAAMY,YACPL,SAEDC,EAACM,EAA0B,CACzBR,UAAW,gBAAAS,OAAgBf,EAAMW,OAAS,aAAe,UAKnE"}

package/dist/esm/src/select-box/parts/input-area.js

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{useIdContext as r}from"../id/provider.js";import{IdGenerator as t}from"../lib/id-generator.js";function a(a){var l=r();return e("input",{id:t.generateIdSelectBoxInputArea(l),ref:a.inputRef,className:"border border-gray-300 px-2 py-1 w-full",type:"text",placeholder:""===a.selectedValue?"選択してください":a.selectedValue,value:a.isSelecting?a.searchText:a.selectedValue,onChange:function(e){e.preventDefault(),a.onChangeSearchText(e.target.value)}})}export{a as InputArea};
+//# sourceMappingURL=input-area.js.map

package/dist/esm/src/select-box/parts/input-area.js.map

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

package/dist/esm/src/select-box/parts/options-area.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import{useEffect as t}from"react";import{useIdContext as r}from"../id/provider.js";import{IdGenerator as o}from"../lib/id-generator.js";function l(l){var n=r();return t((function(){var e,t=document.getElementById(o.generateIdSelectBoxOption(n,null!==(e=l.selectingValue)&&void 0!==e?e:""));t&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}),[l.selectingValue]),e("div",{id:o.generateIdSelectBoxOptionsArea(n),className:"absolute top-full left-0 w-full max-h-[40vh] overflow-auto border border-gray-300",children:l.options.map((function(t){var r;return e("div",{id:o.generateIdSelectBoxOption(n,null!==(r=t.value)&&void 0!==r?r:""),className:"hover:bg-gray-200 px-2 py-1 ".concat("string"==typeof l.selectingValue?l.selectingValue===t.value?"bg-gray-100":"bg-white":l.value===t.value?"bg-gray-100":"bg-white"),onClick:function(){return l.onSelect(t.value)},children:t.label},t.value)}))})}export{l as OptionsArea};
+//# sourceMappingURL=options-area.js.map

package/dist/esm/src/select-box/parts/options-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options-area.js","sources":["../../../../../src/select-box/parts/options-area.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { Options } from \"../types\";\nimport { useIdContext } from \"../id/provider\";\nimport { IdGenerator } from \"../lib\";\n\ninterface IPropsSelectArea {\n  options: Options[];\n  value: string;\n  onSelect: (value: string) => void;\n  selectingValue?: string;\n}\n\nexport function OptionsArea(props: IPropsSelectArea) {\n  const id = useIdContext();\n\n  useEffect(() => {\n    const optionElement = document.getElementById(\n      IdGenerator.generateIdSelectBoxOption(id, props.selectingValue ?? \"\")\n    );\n\n    if (!optionElement) return;\n\n    optionElement.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"nearest\",\n      inline: \"nearest\",\n    });\n  }, [props.selectingValue]);\n\n  return (\n    <div\n      id={IdGenerator.generateIdSelectBoxOptionsArea(id)}\n      className=\"absolute top-full left-0 w-full max-h-[40vh] overflow-auto border border-gray-300\"\n    >\n      {props.options.map((option) => (\n        <div\n          id={IdGenerator.generateIdSelectBoxOption(id, option.value ?? \"\")}\n          className={`hover:bg-gray-200 px-2 py-1 ${\n            typeof props.selectingValue === \"string\"\n              ? props.selectingValue === option.value\n                ? \"bg-gray-100\"\n                : \"bg-white\"\n              : props.value === option.value\n              ? \"bg-gray-100\"\n              : \"bg-white\"\n          }`}\n          key={option.value}\n          onClick={() => props.onSelect(option.value)}\n        >\n          {option.label}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["OptionsArea","props","id","useIdContext","useEffect","optionElement","document","getElementById","IdGenerator","generateIdSelectBoxOption","_a","selectingValue","scrollIntoView","behavior","block","inline","_jsx","generateIdSelectBoxOptionsArea","className","options","map","option","value","concat","onClick","onSelect","children","label"],"mappings":"gLAYM,SAAUA,EAAYC,GAC1B,IAAMC,EAAKC,IAgBX,OAdAC,GAAU,iBACFC,EAAgBC,SAASC,eAC7BC,EAAYC,0BAA0BP,UAAIQ,EAAAT,EAAMU,8BAAkB,KAG/DN,GAELA,EAAcO,eAAe,CAC3BC,SAAU,SACVC,MAAO,UACPC,OAAQ,WAEZ,GAAG,CAACd,EAAMU,iBAGRK,SACEd,GAAIM,EAAYS,+BAA+Bf,GAC/CgB,UAAU,6FAETjB,EAAMkB,QAAQC,KAAI,SAACC,SAAW,OAC7BL,EACE,MAAA,CAAAd,GAAIM,EAAYC,0BAA0BP,EAAoB,QAAhBQ,EAAAW,EAAOC,aAAS,IAAAZ,EAAAA,EAAA,IAC9DQ,UAAW,+BACTK,OAAgC,iBAAzBtB,EAAMU,eACTV,EAAMU,iBAAmBU,EAAOC,MAC9B,cACA,WACFrB,EAAMqB,QAAUD,EAAOC,MACvB,cACA,YAGNE,QAAS,WAAM,OAAAvB,EAAMwB,SAASJ,EAAOC,MAAM,EAE1CI,SAAAL,EAAOM,OAHHN,EAAOC,MAKf,KAGP"}

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{IdGenerator as n}from"../libs/id-generator.js";import{useRangeActionContext as r}from"../range/provider.js";function i(i,d){var u,p,a=r(),l=a.startSelectRange,s=a.moveSelectRange,c=a.endSelectRange,m=t().startEditing,f=n.getCellIndex(i),v=f[0],g=f[1],b=o()[g],x=d[b.key],D="select"===b.type?null===(p=null===(u=b.options)||void 0===u?void 0:u.find((function(e){return e.value===x})))||void 0===p?void 0:p.label:x,I=e((function(){return b.editable?D:b.render?b.render(x,d):D}),[b.editable,D,x,d]);return{type:!b.editable&&b.render?"component":b.type,component:I,onDoubleClick:function(e){e.preventDefault(),m()},onMouseDown:function(e){e.stopPropagation(),setTimeout((function(){l({rowIndex:v,colIndex:g});var e=function(t){t.preventDefault(),t.stopPropagation(),c(),document.removeEventListener("mouseup",e)};document.addEventListener("mouseup",e)}),0)},onMouseEnter:function(e){e.preventDefault(),e.stopPropagation(),s({rowIndex:v,colIndex:g})}}}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{IdGenerator as o}from"../libs/id-generator.js";import{useRangeActionContext as r}from"../range/provider.js";function i(i,d){var u,l,p=r(),a=p.startSelectRange,c=p.moveSelectRange,s=p.endSelectRange,m=t().startEditing,f=o.getCellIndex(i),v=f[0],g=f[1],b=n()[g],x=d[b.key],D="select"===b.type?null===(l=null===(u=b.options)||void 0===u?void 0:u.find((function(e){return e.value===x})))||void 0===l?void 0:l.label:x,I=e((function(){return b.editable?D:b.render?b.render(x,d):D}),[b.editable,D,x,d]);return{type:!b.editable&&b.render?"component":b.type,component:I,onDoubleClick:function(e){e.preventDefault(),m()},onMouseDown:function(e){setTimeout((function(){a({rowIndex:v,colIndex:g});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(),c({rowIndex:v,colIndex:g})}}}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 { IdGenerator } from \"../libs\";\nimport { useRangeActionContext } from \"../range/provider\";\n\nexport function useCell(id: string, row: DataObject<DataRecord>) {\n  const { startSelectRange, moveSelectRange, endSelectRange } =\n    useRangeActionContext();\n  const { startEditing } = useEditActionContext();\n  const [rowIndex, colIndex] = IdGenerator.getCellIndex(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    e.stopPropagation();\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","_c","useRangeActionContext","startSelectRange","moveSelectRange","endSelectRange","startEditing","useEditActionContext","_d","IdGenerator","getCellIndex","rowIndex","colIndex","col","useColumnsContext","value","key","label","type","_a","options","find","op","_b","component","useMemo","editable","render","onDoubleClick","e","preventDefault","onMouseDown","stopPropagation","setTimeout","onMouseUp","document","removeEventListener","addEventListener","onMouseEnter"],"mappings":"wQAOgB,SAAAA,EAAQC,EAAYC,WAC5BC,EACJC,IADMC,EAAgBF,EAAAE,iBAAEC,EAAeH,EAAAG,gBAAEC,EAAcJ,EAAAI,eAEjDC,EAAiBC,iBACnBC,EAAuBC,EAAYC,aAAaX,GAA/CY,EAAQH,EAAA,GAAEI,OACXC,EAAMC,IAAoBF,GAC1BG,EAAQf,EAAIa,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,EAAgBf,GAAOiB,CAE1D,GAAG,CAACJ,EAAIa,SAAUT,EAAOF,EAAOf,IAsChC,MAAO,CACLkB,MApCCL,EAAIa,UAAYb,EAAIc,OAAS,YAAcd,EAAIK,KAqChDM,UAASA,EACTI,cApC6D,SAACC,GAC9DA,EAAEC,iBACFxB,GACF,EAkCEyB,YA3B2D,SAACF,GAC5DA,EAAEG,kBAEFC,YAAW,WACT9B,EAAiB,CAAEQ,SAAQA,EAAEC,SAAQA,IAErC,IAAMsB,EAAY,SAACL,GACjBA,EAAEC,iBACFD,EAAEG,kBACF3B,IACA8B,SAASC,oBAAoB,UAAWF,EAC1C,EAEAC,SAASE,iBAAiB,UAAWH,EACtC,GAAE,EACL,EAaEI,aAX4D,SAACT,GAC7DA,EAAEC,iBACFD,EAAEG,kBACF5B,EAAgB,CAAEO,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 { IdGenerator } from \"../libs\";\nimport { useRangeActionContext } from \"../range/provider\";\n\nexport function useCell(id: string, row: DataObject<DataRecord>) {\n  const { startSelectRange, moveSelectRange, endSelectRange } =\n    useRangeActionContext();\n  const { startEditing } = useEditActionContext();\n  const [rowIndex, colIndex] = IdGenerator.getCellIndex(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    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","_c","useRangeActionContext","startSelectRange","moveSelectRange","endSelectRange","startEditing","useEditActionContext","_d","IdGenerator","getCellIndex","rowIndex","colIndex","col","useColumnsContext","value","key","label","type","_a","options","find","op","_b","component","useMemo","editable","render","onDoubleClick","e","preventDefault","onMouseDown","setTimeout","onMouseUp","stopPropagation","document","removeEventListener","addEventListener","onMouseEnter"],"mappings":"wQAOgB,SAAAA,EAAQC,EAAYC,WAC5BC,EACJC,IADMC,EAAgBF,EAAAE,iBAAEC,EAAeH,EAAAG,gBAAEC,EAAcJ,EAAAI,eAEjDC,EAAiBC,iBACnBC,EAAuBC,EAAYC,aAAaX,GAA/CY,EAAQH,EAAA,GAAEI,OACXC,EAAMC,IAAoBF,GAC1BG,EAAQf,EAAIa,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,EAAgBf,GAAOiB,CAE1D,GAAG,CAACJ,EAAIa,SAAUT,EAAOF,EAAOf,IAoChC,MAAO,CACLkB,MAlCCL,EAAIa,UAAYb,EAAIc,OAAS,YAAcd,EAAIK,KAmChDM,UAASA,EACTI,cAlC6D,SAACC,GAC9DA,EAAEC,iBACFxB,GACF,EAgCEyB,YAzB2D,SAACF,GAC5DG,YAAW,WACT7B,EAAiB,CAAEQ,SAAQA,EAAEC,SAAQA,IAErC,IAAMqB,EAAY,SAACJ,GACjBA,EAAEC,iBACFD,EAAEK,kBACF7B,IACA8B,SAASC,oBAAoB,UAAWH,EAC1C,EAEAE,SAASE,iBAAiB,UAAWJ,EACtC,GAAE,EACL,EAaEK,aAX4D,SAACT,GAC7DA,EAAEC,iBACFD,EAAEK,kBACF9B,EAAgB,CAAEO,SAAQA,EAAEC,SAAQA,GACtC,EASF"}

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import{useCell as o}from"../hooks.js";function n(n){var t=o(n.id,n.row),i=t.type,c=t.component,l=t.onDoubleClick,r=t.onMouseDown,s=t.onMouseEnter;return e("td",{id:n.id,className:"".concat(n.cellFormatClassName," select-none"),onDoubleClick:n.isExistOnClickRow?void 0:l,onMouseDown:r,onMouseEnter:s,children:e("div",{className:"flex items-center gap-3 min-h-10 w-fit p-2 cursor-default",children:"component"===i?c:e("div",{onDoubleClick:l,children:e("p",{className:"cell-data text-left whitespace-nowrap",children:c})})})})}export{n as TableCell};
+import{jsx as o}from"react/jsx-runtime";import{useCell as e}from"../hooks.js";function n(n){var t=e(n.id,n.row),i=t.type,c=t.component,l=t.onDoubleClick,r=t.onMouseDown,s=t.onMouseEnter;return o("td",{id:n.id,className:"".concat(n.cellFormatClassName," select-none"),onDoubleClick:n.isExistOnClickRow?void 0:l,onMouseDown:r,onMouseEnter:s,children:o("div",{className:"flex items-center gap-3 min-h-10 w-fit p-2 cursor-default",onClick:function(o){o.stopPropagation()},children:"component"===i?c:o("div",{onDoubleClick:l,children:o("p",{className:"cell-data text-left whitespace-nowrap",children:c})})})})}export{n as TableCell};
 //# sourceMappingURL=cell.js.map

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

@@ -0,0 +1,2 @@
+import{jsx as t,Fragment as e}from"react/jsx-runtime";import{useState as r,useEffect as i}from"react";import{useCopyStateContext as o}from"./provider.js";import{IdGenerator as n}from"../libs/id-generator.js";function a(){var a=r(!1),c=a[0],m=a[1],u=o().copiedAt;if(i((function(){if(u){m(!0);var t=setTimeout((function(){m(!1)}),1e3);return function(){m(!1),clearTimeout(t)}}}),[u]),!c)return t(e,{});var f=document.getElementById(n.getTableId());if(!f)return t(e,{});var p=f.getBoundingClientRect(),d=p.right-120,s=p.bottom-50;return t("div",{className:"fixed z-[100] p-1 bg-gray-800 duration-300 pointer-events-none ".concat(c?"opacity-100":"opacity-0"),style:{top:s,left:d},children:t("p",{className:"text-white text-xs",children:"コピーしました!!!"})})}export{a as CopiedMessage};
+//# sourceMappingURL=components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sources":["../../../../../src/table/copy/components.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useCopyStateContext } from \"./provider\";\nimport { IdGenerator } from \"../libs\";\n\nexport function CopiedMessage() {\n  const [isDisplay, setIsDisplay] = useState(false);\n  const { copiedAt } = useCopyStateContext();\n\n  useEffect(() => {\n    if (copiedAt) {\n      setIsDisplay(true);\n\n      const timer = setTimeout(() => {\n        setIsDisplay(false);\n      }, 1000);\n\n      return () => {\n        setIsDisplay(false);\n        clearTimeout(timer);\n      };\n    }\n  }, [copiedAt]);\n\n  if (!isDisplay) {\n    return <></>;\n  }\n\n  const tableElement = document.getElementById(IdGenerator.getTableId());\n\n  if (!tableElement) {\n    return <></>;\n  }\n\n  // テーブルの右下の位置を取得\n  const rect = tableElement.getBoundingClientRect();\n  const x = rect.right - 120;\n  const y = rect.bottom - 50;\n\n  return (\n    <div\n      className={`fixed z-[100] p-1 bg-gray-800 duration-300 pointer-events-none ${\n        isDisplay ? \"opacity-100\" : \"opacity-0\"\n      }`}\n      style={{ top: y, left: x }}\n    >\n      <p className=\"text-white text-xs\">コピーしました!!!</p>\n    </div>\n  );\n}\n"],"names":["CopiedMessage","_a","useState","isDisplay","setIsDisplay","copiedAt","useCopyStateContext","useEffect","timer_1","setTimeout","clearTimeout","_jsx","tableElement","document","getElementById","IdGenerator","getTableId","rect","getBoundingClientRect","x","right","y","bottom","className","style","top","left","children"],"mappings":"yNAIgBA,IACR,IAAAC,EAA4BC,GAAS,GAApCC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACtBI,EAAaC,aAiBrB,GAfAC,GAAU,WACR,GAAIF,EAAU,CACZD,GAAa,GAEb,IAAMI,EAAQC,YAAW,WACvBL,GAAa,EACd,GAAE,KAEH,OAAO,WACLA,GAAa,GACbM,aAAaF,EACf,CACD,CACH,GAAG,CAACH,KAECF,EACH,OAAOQ,QAGT,IAAMC,EAAeC,SAASC,eAAeC,EAAYC,cAEzD,IAAKJ,EACH,OAAOD,QAIT,IAAMM,EAAOL,EAAaM,wBACpBC,EAAIF,EAAKG,MAAQ,IACjBC,EAAIJ,EAAKK,OAAS,GAExB,OACEX,EAAA,MAAA,CACEY,UAAW,yEACTpB,EAAY,cAAgB,aAE9BqB,MAAO,CAAEC,IAAKJ,EAAGK,KAAMP,GAEvBQ,SAAAhB,EAAA,IAAA,CAAGY,UAAU,qBAAmCI,SAAA,gBAGtD"}

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

@@ -1,2 +1,2 @@
-import{__assign as r}from"../../../node_modules/tslib/tslib.es6.js";import{useReducer as t,useCallback as o,useMemo as e}from"react";import{useRangeStateContext as n}from"../range/provider.js";var s=function(t,o){switch(o.type){case"setRows":return r(r({},t),{rows:o.payload.rows});case"setCols":return r(r({},t),{cols:o.payload.cols});default:return t}};function i(i){var a=t(s,r({},i)),u=a[0],c=a[1],l=n(),p=o((function(){if(l.isSelecting){var r=l.start.rowIndex,t=l.end.rowIndex,o=l.start.colIndex,e=l.end.colIndex,n=u.rows.slice(r,t+1).map((function(r){for(var t=[],n=function(o){var e=u.cols[o];if("number"==e.type||"string"==e.type)return t.push(r[e.key]),"continue";if("select"==e.type){var n=r[e.key];null==n||""===n?t.push(""):t.push(e.options.find((function(t){return t.value===r[e.key]})).label)}},s=o;s<=e;s++)n(s);return t})).map((function(r){return r.join("\t")})).join("\n");navigator.clipboard.writeText(n)}}),[l,u.rows,u.cols]),f=o((function(r){c({type:"setRows",payload:{rows:r}})}),[]);return{actions:e((function(){return{copy:p,setRows:f}}),[p,f])}}export{i as useCopyReducer};
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import{useReducer as t,useCallback as n,useMemo as o}from"react";import{useRangeStateContext as r}from"../range/provider.js";var s=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 c(c){var d=t(s,e({},c)),i=d[0],a=d[1],u=r(),l=n((function(){if(u.isSelecting){var e=u.start.rowIndex<=u.end.rowIndex?u.start.rowIndex:u.end.rowIndex,t=u.start.rowIndex>=u.end.rowIndex?u.start.rowIndex:u.end.rowIndex,n=u.start.colIndex<=u.end.colIndex?u.start.colIndex:u.end.colIndex,o=u.start.colIndex>=u.end.colIndex?u.start.colIndex:u.end.colIndex,r=i.rows.slice(e,t+1).map((function(e){for(var t=[],r=function(n){var o=i.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];null==r||""===r?t.push(""):t.push(o.options.find((function(t){return t.value===e[o.key]})).label)}},s=n;s<=o;s++)r(s);return t})).map((function(e){return e.join("\t")})).join("\n");navigator.clipboard.writeText(r),a({type:"copied"})}}),[u,i.rows,i.cols]),p=n((function(e){a({type:"setRows",payload:{rows:e}})}),[]);return{states:o((function(){return{copiedAt:i.copiedAt}}),[i.copiedAt]),actions:o((function(){return{copy:l,setRows:p}}),[l,p])}}export{c 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, 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    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  const copy = useCallback(() => {\n    if (!range.isSelecting) {\n      return;\n    }\n\n    const startRowIndex = range.start.rowIndex;\n    const endRowIndex = range.end.rowIndex;\n    const startColIndex = range.start.colIndex;\n    const endColIndex = 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.map((row) => row.join(\"\\t\")).join(\"\\n\");\n\n    navigator.clipboard.writeText(copiedDataString);\n  }, [range, state.rows, state.cols]);\n\n  const setRows = useCallback((rows: any[]) => {\n    dispatch({ type: \"setRows\", payload: { rows } });\n  }, []);\n\n  const actions = useMemo(\n    () => ({\n      copy,\n      setRows,\n    }),\n    [copy, setRows]\n  );\n\n  return {\n    actions,\n  };\n}\n"],"names":["reducer","state","action","type","__assign","rows","payload","cols","useCopyReducer","initial","_a","useReducer","dispatch","range","useRangeStateContext","copy","useCallback","isSelecting","startRowIndex","start","rowIndex","endRowIndex","end","startColIndex","colIndex","endColIndex","copiedDataString","slice","map","row","copiedRow","i","col","push","key","value","options","find","option","label","join","navigator","clipboard","writeText","setRows","actions","useMemo"],"mappings":"iMAIA,IAAMA,EAAwB,SAACC,EAAOC,GACpC,OAAQA,EAAOC,MACb,IAAK,UACH,OAAYC,EAAAA,EAAA,CAAA,EAAAH,IAAOI,KAAMH,EAAOI,QAAQD,OAC1C,IAAK,UACH,OAAYD,EAAAA,EAAA,CAAA,EAAAH,IAAOM,KAAML,EAAOI,QAAQC,OAC1C,QACE,OAAON,EAEb,EAEM,SAAUO,EAAeC,GAKvB,IAAAC,EAAoBC,EAAWX,EAChCI,EAAA,CAAA,EAAAK,IADER,EAAKS,EAAA,GAAEE,OAGRC,EAAQC,IAERC,EAAOC,GAAY,WACvB,GAAKH,EAAMI,YAAX,CAIA,IAAMC,EAAgBL,EAAMM,MAAMC,SAC5BC,EAAcR,EAAMS,IAAIF,SACxBG,EAAgBV,EAAMM,MAAMK,SAC5BC,EAAcZ,EAAMS,IAAIE,SA4BxBE,EA1BazB,EAAMI,KACtBsB,MAAMT,EAAeG,EAAc,GACnCO,KAAI,SAACC,GAEJ,IADA,IAAMC,EAAY,cACTC,GACP,IAAMC,EAAM/B,EAAMM,KAAKwB,GAEvB,GAAgB,UAAZC,EAAI7B,MAAgC,UAAZ6B,EAAI7B,YAC9B2B,EAAUG,KAAKJ,EAAIG,EAAIE,iBAElB,GAAgB,UAAZF,EAAI7B,KAAkB,CAC/B,IAAMgC,EAAQN,EAAIG,EAAIE,KAElBC,SAAmD,KAAVA,EAC3CL,EAAUG,KAAK,IAEfH,EAAUG,KACRD,EAAII,QAAQC,MAAK,SAACC,GAAW,OAAAA,EAAOH,QAAUN,EAAIG,EAAIE,IAAzB,IAC1BK,MAGR,GAjBMR,EAAIR,EAAeQ,GAAKN,EAAaM,MAArCA,GAmBT,OAAOD,CACT,IAEkCF,KAAI,SAACC,GAAQ,OAAAA,EAAIW,KAAK,KAAK,IAAEA,KAAK,MAEtEC,UAAUC,UAAUC,UAAUjB,EAnC7B,CAoCH,GAAG,CAACb,EAAOZ,EAAMI,KAAMJ,EAAMM,OAEvBqC,EAAU5B,GAAY,SAACX,GAC3BO,EAAS,CAAET,KAAM,UAAWG,QAAS,CAAED,KAAIA,IAC5C,GAAE,IAUH,MAAO,CACLwC,QATcC,GACd,WAAM,MAAC,CACL/B,KAAIA,EACJ6B,QAAOA,KAET,CAAC7B,EAAM6B,IAMX"}
+{"version":3,"file":"hooks.js","sources":["../../../../../src/table/copy/hooks.ts"],"sourcesContent":["import { useCallback, 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  const copy = useCallback(() => {\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.map((row) => row.join(\"\\t\")).join(\"\\n\");\n\n    navigator.clipboard.writeText(copiedDataString);\n    dispatch({ type: \"copied\" });\n  }, [range, state.rows, state.cols]);\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","copy","useCallback","isSelecting","startRowIndex","start","rowIndex","end","endRowIndex","startColIndex","colIndex","endColIndex","copiedDataString","slice","map","row","copiedRow","i","col","push","key","value","options","find","option","label","join","navigator","clipboard","writeText","setRows","states","useMemo","actions"],"mappings":"iMAIA,IAAMA,EAAwB,SAACC,EAAOC,GACpC,OAAQA,EAAOC,MACb,IAAK,UACH,OAAYC,EAAAA,EAAA,CAAA,EAAAH,IAAOI,KAAMH,EAAOI,QAAQD,OAC1C,IAAK,UACH,OAAYD,EAAAA,EAAA,CAAA,EAAAH,IAAOM,KAAML,EAAOI,QAAQC,OAC1C,IAAK,SACH,OAAAH,EAAAA,EAAA,CAAA,EAAYH,GAAO,CAAAO,SAAU,IAAIC,OACnC,QACE,OAAOR,EAEb,EAEM,SAAUS,EAAeC,GAKvB,IAAAC,EAAoBC,EAAWb,EAChCI,EAAA,CAAA,EAAAO,IADEV,EAAKW,EAAA,GAAEE,OAGRC,EAAQC,IAERC,EAAOC,GAAY,WACvB,GAAKH,EAAMI,YAAX,CAIA,IAAMC,EACJL,EAAMM,MAAMC,UAAYP,EAAMQ,IAAID,SAC9BP,EAAMM,MAAMC,SACZP,EAAMQ,IAAID,SACVE,EACJT,EAAMM,MAAMC,UAAYP,EAAMQ,IAAID,SAC9BP,EAAMM,MAAMC,SACZP,EAAMQ,IAAID,SACVG,EACJV,EAAMM,MAAMK,UAAYX,EAAMQ,IAAIG,SAC9BX,EAAMM,MAAMK,SACZX,EAAMQ,IAAIG,SACVC,EACJZ,EAAMM,MAAMK,UAAYX,EAAMQ,IAAIG,SAC9BX,EAAMM,MAAMK,SACZX,EAAMQ,IAAIG,SA4BVE,EA1Ba3B,EAAMI,KACtBwB,MAAMT,EAAeI,EAAc,GACnCM,KAAI,SAACC,GAEJ,IADA,IAAMC,EAAY,cACTC,GACP,IAAMC,EAAMjC,EAAMM,KAAK0B,GAEvB,GAAgB,UAAZC,EAAI/B,MAAgC,UAAZ+B,EAAI/B,YAC9B6B,EAAUG,KAAKJ,EAAIG,EAAIE,iBAElB,GAAgB,UAAZF,EAAI/B,KAAkB,CAC/B,IAAMkC,EAAQN,EAAIG,EAAIE,KAElBC,SAAmD,KAAVA,EAC3CL,EAAUG,KAAK,IAEfH,EAAUG,KACRD,EAAII,QAAQC,MAAK,SAACC,GAAW,OAAAA,EAAOH,QAAUN,EAAIG,EAAIE,IAAzB,IAC1BK,MAGR,GAjBMR,EAAIR,EAAeQ,GAAKN,EAAaM,MAArCA,GAmBT,OAAOD,CACT,IAEkCF,KAAI,SAACC,GAAQ,OAAAA,EAAIW,KAAK,KAAK,IAAEA,KAAK,MAEtEC,UAAUC,UAAUC,UAAUjB,GAC9Bd,EAAS,CAAEX,KAAM,UAhDhB,CAiDH,GAAG,CAACY,EAAOd,EAAMI,KAAMJ,EAAMM,OAEvBuC,EAAU5B,GAAY,SAACb,GAC3BS,EAAS,CAAEX,KAAM,UAAWG,QAAS,CAAED,KAAIA,IAC5C,GAAE,IAiBH,MAAO,CACL0C,OAhBaC,GACb,WAAM,MAAC,CACLxC,SAAUP,EAAMO,YAElB,CAACP,EAAMO,WAaPyC,QAVcD,GACd,WAAM,MAAC,CACL/B,KAAIA,EACJ6B,QAAOA,KAET,CAAC7B,EAAM6B,IAOX"}

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as o,useContext as t}from"react";import{useCopyReducer as n}from"./hooks.js";var c=o({copy:function(){},setRows:function(){}});function i(o){var t=o.children,i=o.rows,e=o.cols;return r(c.Provider,{value:n({rows:i,cols:e}).actions,children:t})}function e(){return t(c)}export{i as CopyProvider,e as useCopyActionContext};
+import{jsx as r}from"react/jsx-runtime";import{createContext as o,useContext as t}from"react";import{useCopyReducer as e}from"./hooks.js";var n=o({copiedAt:new Date}),i=o({copy:function(){},setRows:function(){}});function c(o){var t=o.children,c=o.rows,s=o.cols,u=e({rows:c,cols:s}),a=u.states,f=u.actions;return r(n.Provider,{value:a,children:r(i.Provider,{value:f,children:t})})}function s(){return t(n)}function u(){return t(i)}export{c as CopyProvider,u as useCopyActionContext,s as useCopyStateContext};
 //# sourceMappingURL=provider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sources":["../../../../../src/table/copy/provider.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { TCopyActionContext } from \"./types\";\nimport { useCopyReducer } from \"./hooks\";\n\nconst CopyActionContext = createContext<TCopyActionContext>({\n  copy: () => {},\n  setRows: () => {},\n});\n\nexport function CopyProvider({\n  children,\n  rows,\n  cols,\n}: {\n  children: JSX.Element | JSX.Element[];\n  rows: any[];\n  cols: any[];\n}) {\n  return (\n    <CopyActionContext.Provider\n      value={\n        useCopyReducer({\n          rows,\n          cols,\n        }).actions\n      }\n    >\n      {children}\n    </CopyActionContext.Provider>\n  );\n}\n\nexport function useCopyActionContext() {\n  return useContext(CopyActionContext);\n}\n"],"names":["CopyActionContext","createContext","copy","setRows","CopyProvider","_a","children","rows","cols","_jsx","Provider","value","useCopyReducer","actions","useCopyActionContext","useContext"],"mappings":"0IAIA,IAAMA,EAAoBC,EAAkC,CAC1DC,KAAM,WAAQ,EACdC,QAAS,WAAQ,IAGb,SAAUC,EAAaC,GAC3B,IAAAC,aACAC,EAAIF,EAAAE,KACJC,EAAIH,EAAAG,KAMJ,OACEC,EAACT,EAAkBU,SACjB,CAAAC,MACEC,EAAe,CACbL,KAAIA,EACJC,KAAIA,IACHK,QAAOP,SAGXA,GAGP,UAEgBQ,IACd,OAAOC,EAAWf,EACpB"}
+{"version":3,"file":"provider.js","sources":["../../../../../src/table/copy/provider.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { TCopyActionContext, TCopyStateContext } from \"./types\";\nimport { useCopyReducer } from \"./hooks\";\n\nconst CopyStateContext = createContext<TCopyStateContext>({\n  copiedAt: new Date(),\n});\n\nconst CopyActionContext = createContext<TCopyActionContext>({\n  copy: () => {},\n  setRows: () => {},\n});\n\nexport function CopyProvider({\n  children,\n  rows,\n  cols,\n}: {\n  children: JSX.Element | JSX.Element[];\n  rows: any[];\n  cols: any[];\n}) {\n  const { states, actions } = useCopyReducer({\n    rows,\n    cols,\n  });\n  return (\n    <CopyStateContext.Provider value={states}>\n      <CopyActionContext.Provider value={actions}>\n        {children}\n      </CopyActionContext.Provider>\n    </CopyStateContext.Provider>\n  );\n}\n\nexport function useCopyStateContext() {\n  return useContext(CopyStateContext);\n}\n\nexport function useCopyActionContext() {\n  return useContext(CopyActionContext);\n}\n"],"names":["CopyStateContext","createContext","copiedAt","Date","CopyActionContext","copy","setRows","CopyProvider","_a","children","rows","cols","_b","useCopyReducer","states","actions","_jsx","Provider","value","useCopyStateContext","useContext","useCopyActionContext"],"mappings":"0IAIA,IAAMA,EAAmBC,EAAiC,CACxDC,SAAU,IAAIC,OAGVC,EAAoBH,EAAkC,CAC1DI,KAAM,WAAQ,EACdC,QAAS,WAAQ,IAGb,SAAUC,EAAaC,GAC3B,IAAAC,aACAC,EAAIF,EAAAE,KACJC,EAAIH,EAAAG,KAMEC,EAAsBC,EAAe,CACzCH,KAAIA,EACJC,KAAIA,IAFEG,EAAMF,EAAAE,OAAEC,YAIhB,OACEC,EAAChB,EAAiBiB,SAAS,CAAAC,MAAOJ,EAChCL,SAAAO,EAACZ,EAAkBa,SAAS,CAAAC,MAAOH,WAChCN,KAIT,UAEgBU,IACd,OAAOC,EAAWpB,EACpB,UAEgBqB,IACd,OAAOD,EAAWhB,EACpB"}

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import{useState as o,useRef as r,useEffect as l}from"react";import{useEditActionContext as i}from"../provider.js";import{CancelIcon as u}from"../../../icon/cancel-icon.js";function a(a){var c=a.col,f=i().endEditing,p=a.row[c.key],s=o(p),m=s[0],v=s[1],y=r(null);l((function(){y.current&&y.current.focus()}),[y]);return c.editable?n("div",{className:"flex justify-between gap-1 w-full items-center",children:[n("select",{ref:y,className:"w-full py-1 px-2 bg-white text-gray-900",value:m,onChange:function(e){e.preventDefault(),v(e.target.value)},onBlur:function(e){e.preventDefault(),m!==p?function(e){c.editable&&c.onCellBlur(c.key,e,a.row,f)}(m):f()},onKeyDown:function(e){"Enter"===e.key&&e.preventDefault()},onKeyUp:function(e){e.preventDefault(),"Enter"===e.key?e.target.blur():"Escape"===e.key&&(v(p),f())},children:[c.allowEmpty&&e("option",{value:"",children:""==p?"-- 未選択 --":"-- 選択解除 --"},"TEPPEN/ReactUI Empty Option"),c.options.map((function(t){return e("option",{value:t.value,children:t.label},t.value)}))]}),e("button",{onMouseDown:function(e){e.preventDefault(),e.stopPropagation(),setTimeout((function(){v(p),f()}),300)},children:e(u,{size:16})})]}):e(t,{})}export{a as SelectCellInput};
+import{__spreadArray as e}from"../../../../node_modules/tslib/tslib.es6.js";import{jsx as n,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as u,useMemo as l}from"react";import{useEditActionContext as c}from"../provider.js";import{CancelIcon as s}from"../../../icon/cancel-icon.js";import{SelectBox as a}from"../../../select-box/index.js";function f(f){var m=f.col,d=c().endEditing,p=f.row[m.key],v=r(p),w=v[0],b=v[1],E=i(null),j=i(null);u((function(){j.current&&j.current.focus()}),[j]);var x=function(e){m.editable&&m.onCellBlur(m.key,e,f.row,d)};if(!m.editable)return n(t,{});u((function(){var e=function(e){var n=E.current,t=e.target;t instanceof Node&&(null==n?void 0:n.contains(t))||(w!==p?x(w):d())};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[w,x,d,p]);var y=l((function(){return m.allowEmpty?e([{value:"",label:""===p?"-- 未選択 --":"-- 選択解除 --"}],m.options,!0):m.options}),[m.options,m.allowEmpty,p]);return o("div",{ref:E,className:"flex justify-between gap-1 w-full items-center",children:[n(a,{id:"TEPPEN/ReactUI SelectBox",inputRef:j,value:w,defaultIsOpen:!0,options:y,onSelect:function(e){b(e),x(e)}}),n("button",{onMouseDown:function(e){e.preventDefault(),e.stopPropagation(),setTimeout((function(){b(p),d()}),300)},children:n(s,{size:16})})]})}export{f as SelectCellInput};
 //# sourceMappingURL=select-input.js.map

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

@@ -1,2 +1,2 @@
-import{__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import{useReducer as e,useEffect as n,useCallback as o,useMemo as a}from"react";import{useColumnValidatesContext as r}from"../sheet/providers.js";import{useRangeStateContext as s}from"../range/provider.js";var i=function(e,n){var o;switch(n.type){case"setRows":return t(t({},e),{rows:n.payload.rows});case"setCols":return t(t({},e),{cols:n.payload.cols});case"setColValidators":return t(t({},e),{colValidators:n.payload.colValidators});case"setOnUpdateRowFunction":return t(t({},e),{onUpdateRowFunction:n.payload.onUpdateRowFunction});case"onPaste":if(!e.isFocused)return e;var a=n.payload.pasteData,r=e.rows,s=e.cols,i=e.colValidators,l=e.rowIndex,u=e.colIndex;if(!e.onUpdateRowFunction)return e;var c={arguments:[],timing:e.updateParameters.timing+1},d=a.length,p=Math.max.apply(Math,a.map((function(t){return t.length})));if(0===d||0===p)return e;if(a.length+l>r.length)return alert("貼り付け先の行数が足りません。"),e;for(var f=0;f<p;f++){if(!(y=s[u+f]).editable)return alert("編集できない列にデータを貼り付けることはできません。\n\n編集不可列: ".concat(null!==(o=y.label)&&void 0!==o?o:y.key)),e}if(p+u>s.length)return alert("貼り付け先の列数が足りません。"),e;for(f=0;f<d;f++)for(var m=a[f],w=0;w<m.length;w++){var y,g=m[w];if(!(0,i[(y=s[u+w]).key])(g))return e}return a.forEach((function(e,n){var o=t({},r[l+n]),a=!1;e.forEach((function(t,e){var n=s[u+e],r="number"===n.type?Number(t):"select"===n.type?""===t?"":n.options.find((function(e){return e.label===t})).value:t;o[n.key]!==r&&(a=!0,o[n.key]=r)})),a&&c.arguments.push({newRow:o,oldRow:r[l+n]})})),c.arguments.length>0?t(t({},e),{updateParameters:c}):e;case"focus":return t(t({},e),{isFocused:!0,rowIndex:n.payload.rowIndex,colIndex:n.payload.colIndex});case"unfocus":return t(t({},e),{isFocused:!1})}};function l(l){var u=e(i,t(t({},l),{colValidators:{},isFocused:!1,updateParameters:{arguments:[],timing:0}})),c=u[0],d=u[1],p=r(),f=s();n((function(){f.isSelecting?d({type:"focus",payload:{rowIndex:f.start.rowIndex,colIndex:f.start.colIndex}}):d({type:"unfocus"})}),[f]);var m=o((function(t){d({type:"setRows",payload:{rows:t}})}),[]),w=o((function(t){d({type:"setCols",payload:{cols:t}})}),[]),y=o((function(t){d({type:"setColValidators",payload:{colValidators:t}})}),[]);n((function(){y(p)}),[p]);var g=o((function(t){d({type:"setOnUpdateRowFunction",payload:{onUpdateRowFunction:t}})}),[]),v=o((function(t){d({type:"onPaste",payload:{pasteData:t}})}),[]);return n((function(){c.updateParameters.arguments.length>0&&c.updateParameters.arguments.forEach((function(t){var e,n=t.newRow,o=t.oldRow;null===(e=c.onUpdateRowFunction)||void 0===e||e.call(c,n,o)}))}),[c.updateParameters.timing,c.onUpdateRowFunction]),n((function(){var t=function(t){if(f.isSelecting&&t.clipboardData){t.preventDefault();var e=t.clipboardData.getData("Text");v(e.replace(/\t/g,",").trim().replace(/\r\n/g,"\n").split("\n").map((function(t){return t.split(",")})))}};return document.addEventListener("paste",t),function(){document.removeEventListener("paste",t)}}),[f.isSelecting]),a((function(){return{setRows:m,setCols:w,setColValidators:y,setOnUpdateRowFunction:g,onPaste:v}}),[])}export{l as usePasteReducer};
+import{__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import{useReducer as e,useEffect as a,useCallback as o,useMemo as n}from"react";import{useColumnValidatesContext as r}from"../sheet/providers.js";import{useRangeActionContext as s,useRangeStateContext as i}from"../range/provider.js";import{paste as d}from"./logic.js";var c=function(e,a){switch(a.type){case"setRows":return t(t({},e),{rows:a.payload.rows});case"setCols":return t(t({},e),{cols:a.payload.cols});case"setColValidators":return t(t({},e),{colValidators:a.payload.colValidators});case"setOnUpdateRowFunction":return t(t({},e),{onUpdateRowFunction:a.payload.onUpdateRowFunction});case"onPaste":if(!e.isFocused)return e;var o=a.payload.pasteData,n=e.rows,r=e.cols,s=e.colValidators,i=e.start,c=e.end,u=e.onUpdateRowFunction,l=e.setRange;if(!u)return e;var p=d({pasteData:o,pasteArea:{start:i,end:c},currentRows:n,currentCols:r,validators:s,tableArea:{start:{rowIndex:0,colIndex:0},end:{rowIndex:n.length-1,colIndex:r.length-1}}});return p.isError?("ValidationError"!==p.type&&"NoPasteData"!==p.type&&alert(p.message),e):(l({start:p.pasteRange.start,end:p.pasteRange.end}),t(t({},e),{updateParameters:{arguments:p.updateArgument,timing:e.updateParameters.timing+1}}));case"focus":return t(t({},e),{isFocused:!0,start:a.payload.start,end:a.payload.end});case"unfocus":return t(t({},e),{isFocused:!1})}};function u(d){var u=s().setRange,l=e(c,t(t({},d),{colValidators:{},isFocused:!1,updateParameters:{arguments:[],timing:0},setRange:u})),p=l[0],m=l[1],f=r(),g=i();a((function(){g.isSelecting?m({type:"focus",payload:{start:g.start,end:g.end}}):m({type:"unfocus"})}),[g]);var w=o((function(t){m({type:"setRows",payload:{rows:t}})}),[]),y=o((function(t){m({type:"setCols",payload:{cols:t}})}),[]),R=o((function(t){m({type:"setColValidators",payload:{colValidators:t}})}),[]);a((function(){R(f)}),[f]);var v=o((function(t){m({type:"setOnUpdateRowFunction",payload:{onUpdateRowFunction:t}})}),[]),F=o((function(t){m({type:"onPaste",payload:{pasteData:t}})}),[]);return a((function(){p.updateParameters.arguments.length>0&&p.updateParameters.arguments.forEach((function(t){var e,a=t.newRow,o=t.oldRow;null===(e=p.onUpdateRowFunction)||void 0===e||e.call(p,a,o)}))}),[p.updateParameters.timing,p.onUpdateRowFunction]),a((function(){var t=function(t){if(g.isSelecting&&t.clipboardData){t.preventDefault();var e=t.clipboardData.getData("Text");F(e.replace(/\t/g,",").trim().replace(/\r\n/g,"\n").split("\n").map((function(t){return t.split(",")})))}};return document.addEventListener("paste",t),function(){document.removeEventListener("paste",t)}}),[g.isSelecting]),n((function(){return{setRows:w,setCols:y,setColValidators:R,setOnUpdateRowFunction:v,onPaste:F}}),[])}export{u as usePasteReducer};
 //# sourceMappingURL=hooks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../../../src/table/paste/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport { TPasteReducer, TPasteReducerReturn } from \"./types\";\nimport { useColumnValidatesContext } from \"../sheet/providers\";\nimport { useRangeStateContext } from \"../range/provider\";\n\nconst reducer: TPasteReducer = (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 \"setColValidators\":\n      return { ...state, colValidators: action.payload.colValidators };\n    case \"setOnUpdateRowFunction\":\n      return {\n        ...state,\n        onUpdateRowFunction: action.payload.onUpdateRowFunction,\n      };\n    case \"onPaste\":\n      if (!state.isFocused) {\n        return state;\n      }\n\n      const { pasteData } = action.payload;\n      const {\n        rows,\n        cols,\n        colValidators,\n        rowIndex,\n        colIndex,\n        onUpdateRowFunction,\n      } = state;\n\n      if (!onUpdateRowFunction) {\n        return state;\n      }\n\n      const updateParameters = {\n        arguments: [] as { newRow: any; oldRow: any }[],\n        timing: state.updateParameters.timing + 1,\n      };\n\n      const rowLength = pasteData.length;\n      const colLength = Math.max(...pasteData.map((row) => row.length));\n\n      if (rowLength === 0 || colLength === 0) return state;\n\n      if (pasteData.length + rowIndex > rows.length) {\n        alert(\"貼り付け先の行数が足りません。\");\n        return state;\n      }\n\n      for (let i = 0; i < colLength; i++) {\n        const col = cols[colIndex + i];\n\n        if (!col.editable) {\n          alert(\n            `編集できない列にデータを貼り付けることはできません。\\n\\n編集不可列: ${\n              col.label ?? (col.key as string)\n            }`\n          );\n          return state;\n        }\n      }\n\n      if (colLength + colIndex > cols.length) {\n        alert(\"貼り付け先の列数が足りません。\");\n        return state;\n      }\n\n      for (let i = 0; i < rowLength; i++) {\n        const pasteRow = pasteData[i];\n\n        for (let j = 0; j < pasteRow.length; j++) {\n          const pasteValue = pasteRow[j];\n          const col = cols[colIndex + j];\n          const validate = colValidators[col.key as string];\n\n          if (!validate(pasteValue)) {\n            return state;\n          }\n        }\n      }\n\n      pasteData.forEach((pasteRow, i) => {\n        const row = { ...rows[rowIndex + i] };\n        let checkUpdatedRow = false;\n\n        pasteRow.forEach((pasteValue, j) => {\n          const col = cols[colIndex + j];\n          const value =\n            col.type === \"number\"\n              ? Number(pasteValue)\n              : col.type === \"select\"\n              ? pasteValue === \"\"\n                ? \"\"\n                : col.options.find((option) => option.label === pasteValue)!\n                    .value\n              : pasteValue;\n          if (row[col.key] !== value) {\n            checkUpdatedRow = true;\n            row[col.key] = value;\n          }\n        });\n\n        if (checkUpdatedRow) {\n          updateParameters.arguments.push({\n            newRow: row,\n            oldRow: rows[rowIndex + i],\n          });\n        }\n      });\n\n      if (updateParameters.arguments.length > 0) {\n        return { ...state, updateParameters };\n      } else {\n        return state;\n      }\n    case \"focus\":\n      return {\n        ...state,\n        isFocused: true,\n        rowIndex: action.payload.rowIndex,\n        colIndex: action.payload.colIndex,\n      };\n    case \"unfocus\":\n      return { ...state, isFocused: false };\n  }\n};\n\nexport function usePasteReducer(initial: {\n  rows: any[];\n  cols: any[];\n  onUpdateRowFunction?: (newRow: any, oldRow: any) => void;\n}): TPasteReducerReturn {\n  const [state, dispatch] = useReducer(reducer, {\n    ...initial,\n    colValidators: {},\n    isFocused: false,\n    updateParameters: { arguments: [], timing: 0 },\n  });\n  const validators = useColumnValidatesContext();\n  const range = useRangeStateContext();\n\n  useEffect(() => {\n    if (range.isSelecting) {\n      dispatch({\n        type: \"focus\",\n        payload: {\n          rowIndex: range.start.rowIndex,\n          colIndex: range.start.colIndex,\n        },\n      });\n    } else {\n      dispatch({ type: \"unfocus\" });\n    }\n  }, [range]);\n\n  const setRows = useCallback((rows: any[]) => {\n    dispatch({ type: \"setRows\", payload: { rows } });\n  }, []);\n\n  const setCols = useCallback((cols: any[]) => {\n    dispatch({ type: \"setCols\", payload: { cols } });\n  }, []);\n\n  const setColValidators = useCallback(\n    (colValidators: { [key: string]: (value: any) => boolean }) => {\n      dispatch({ type: \"setColValidators\", payload: { colValidators } });\n    },\n    []\n  );\n\n  useEffect(() => {\n    setColValidators(validators);\n  }, [validators]);\n\n  const setOnUpdateRowFunction = useCallback(\n    (onUpdateRowFunction?: (newRow: any, oldRow: any) => void) => {\n      dispatch({\n        type: \"setOnUpdateRowFunction\",\n        payload: { onUpdateRowFunction },\n      });\n    },\n    []\n  );\n\n  const onPaste = useCallback((pasteData: string[][]) => {\n    dispatch({ type: \"onPaste\", payload: { pasteData } });\n  }, []);\n\n  useEffect(() => {\n    if (state.updateParameters.arguments.length > 0) {\n      state.updateParameters.arguments.forEach(({ newRow, oldRow }) => {\n        state.onUpdateRowFunction?.(newRow, oldRow);\n      });\n    }\n  }, [state.updateParameters.timing, state.onUpdateRowFunction]);\n\n  useEffect(() => {\n    const paste = (e: ClipboardEvent) => {\n      if (!range.isSelecting) {\n        return;\n      }\n\n      if (e.clipboardData) {\n        e.preventDefault();\n        const pastedData = e.clipboardData.getData(\"Text\");\n\n        onPaste(\n          pastedData\n            .replace(/\\t/g, \",\")\n            .trim()\n            .replace(/\\r\\n/g, \"\\n\")\n            .split(\"\\n\")\n            .map((row) => row.split(\",\"))\n        );\n      }\n    };\n\n    document.addEventListener(\"paste\", paste);\n\n    return () => {\n      document.removeEventListener(\"paste\", paste);\n    };\n  }, [range.isSelecting]);\n\n  const actions: TPasteReducerReturn = useMemo(\n    () => ({\n      setRows,\n      setCols,\n      setColValidators,\n      setOnUpdateRowFunction,\n      onPaste,\n    }),\n    []\n  );\n\n  return actions;\n}\n"],"names":["reducer","state","action","type","__assign","rows","payload","cols","colValidators","onUpdateRowFunction","isFocused","pasteData","rows_1","cols_1","rowIndex_1","rowIndex","colIndex_1","colIndex","updateParameters_1","arguments","timing","updateParameters","rowLength","length","colLength","Math","max","apply","map","row","alert","i","col","editable","concat","_a","label","key","pasteRow","j","pasteValue","validate","forEach","checkUpdatedRow","value","Number","options","find","option","push","newRow","oldRow","usePasteReducer","initial","useReducer","dispatch","validators","useColumnValidatesContext","range","useRangeStateContext","useEffect","isSelecting","start","setRows","useCallback","setCols","setColValidators","setOnUpdateRowFunction","onPaste","_b","call","paste","e","clipboardData","preventDefault","pastedData","getData","replace","trim","split","document","addEventListener","removeEventListener","useMemo"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../../../../../src/table/paste/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport { TPasteReducer, TPasteReducerReturn } from \"./types\";\nimport { useColumnValidatesContext } from \"../sheet/providers\";\nimport { useRangeActionContext, useRangeStateContext } from \"../range/provider\";\nimport { paste } from \"./logic\";\n\nconst reducer: TPasteReducer = (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 \"setColValidators\":\n      return { ...state, colValidators: action.payload.colValidators };\n    case \"setOnUpdateRowFunction\":\n      return {\n        ...state,\n        onUpdateRowFunction: action.payload.onUpdateRowFunction,\n      };\n    case \"onPaste\":\n      if (!state.isFocused) {\n        return state;\n      }\n\n      const { pasteData } = action.payload;\n      const {\n        rows,\n        cols,\n        colValidators,\n        start,\n        end,\n        onUpdateRowFunction,\n        setRange,\n      } = state;\n\n      if (!onUpdateRowFunction) {\n        return state;\n      }\n\n      const res = paste({\n        pasteData,\n        pasteArea: { start, end },\n        currentRows: rows,\n        currentCols: cols,\n        validators: colValidators,\n        tableArea: {\n          start: {\n            rowIndex: 0,\n            colIndex: 0,\n          },\n          end: {\n            rowIndex: rows.length - 1,\n            colIndex: cols.length - 1,\n          },\n        },\n      });\n\n      if (res.isError) {\n        if (res.type !== \"ValidationError\" && res.type !== \"NoPasteData\") {\n          alert(res.message);\n        }\n        return state;\n      }\n\n      setRange({\n        start: res.pasteRange.start,\n        end: res.pasteRange.end,\n      });\n\n      return {\n        ...state,\n        updateParameters: {\n          arguments: res.updateArgument,\n          timing: state.updateParameters.timing + 1,\n        },\n      };\n    case \"focus\":\n      return {\n        ...state,\n        isFocused: true,\n        start: action.payload.start,\n        end: action.payload.end,\n      };\n    case \"unfocus\":\n      return { ...state, isFocused: false };\n  }\n};\n\nexport function usePasteReducer(initial: {\n  rows: any[];\n  cols: any[];\n  onUpdateRowFunction?: (newRow: any, oldRow: any) => void;\n}): TPasteReducerReturn {\n  const { setRange } = useRangeActionContext();\n  const [state, dispatch] = useReducer(reducer, {\n    ...initial,\n    colValidators: {},\n    isFocused: false,\n    updateParameters: { arguments: [], timing: 0 },\n    setRange,\n  });\n  const validators = useColumnValidatesContext();\n  const range = useRangeStateContext();\n\n  useEffect(() => {\n    if (range.isSelecting) {\n      dispatch({\n        type: \"focus\",\n        payload: {\n          start: range.start,\n          end: range.end,\n        },\n      });\n    } else {\n      dispatch({ type: \"unfocus\" });\n    }\n  }, [range]);\n\n  const setRows = useCallback((rows: any[]) => {\n    dispatch({ type: \"setRows\", payload: { rows } });\n  }, []);\n\n  const setCols = useCallback((cols: any[]) => {\n    dispatch({ type: \"setCols\", payload: { cols } });\n  }, []);\n\n  const setColValidators = useCallback(\n    (colValidators: { [key: string]: (value: any) => boolean }) => {\n      dispatch({ type: \"setColValidators\", payload: { colValidators } });\n    },\n    []\n  );\n\n  useEffect(() => {\n    setColValidators(validators);\n  }, [validators]);\n\n  const setOnUpdateRowFunction = useCallback(\n    (onUpdateRowFunction?: (newRow: any, oldRow: any) => void) => {\n      dispatch({\n        type: \"setOnUpdateRowFunction\",\n        payload: { onUpdateRowFunction },\n      });\n    },\n    []\n  );\n\n  const onPaste = useCallback((pasteData: string[][]) => {\n    dispatch({ type: \"onPaste\", payload: { pasteData } });\n  }, []);\n\n  useEffect(() => {\n    if (state.updateParameters.arguments.length > 0) {\n      state.updateParameters.arguments.forEach(({ newRow, oldRow }) => {\n        state.onUpdateRowFunction?.(newRow, oldRow);\n      });\n    }\n  }, [state.updateParameters.timing, state.onUpdateRowFunction]);\n\n  useEffect(() => {\n    const paste = (e: ClipboardEvent) => {\n      if (!range.isSelecting) {\n        return;\n      }\n\n      if (e.clipboardData) {\n        e.preventDefault();\n        const pastedData = e.clipboardData.getData(\"Text\");\n\n        onPaste(\n          pastedData\n            .replace(/\\t/g, \",\")\n            .trim()\n            .replace(/\\r\\n/g, \"\\n\")\n            .split(\"\\n\")\n            .map((row) => row.split(\",\"))\n        );\n      }\n    };\n\n    document.addEventListener(\"paste\", paste);\n\n    return () => {\n      document.removeEventListener(\"paste\", paste);\n    };\n  }, [range.isSelecting]);\n\n  const actions: TPasteReducerReturn = useMemo(\n    () => ({\n      setRows,\n      setCols,\n      setColValidators,\n      setOnUpdateRowFunction,\n      onPaste,\n    }),\n    []\n  );\n\n  return actions;\n}\n"],"names":["reducer","state","action","type","__assign","rows","payload","cols","colValidators","onUpdateRowFunction","isFocused","pasteData","start","end","setRange","res","paste","pasteArea","currentRows","currentCols","validators","tableArea","rowIndex","colIndex","length","isError","alert","message","pasteRange","updateParameters","arguments","updateArgument","timing","usePasteReducer","initial","useRangeActionContext","_a","useReducer","dispatch","useColumnValidatesContext","range","useRangeStateContext","useEffect","isSelecting","setRows","useCallback","setCols","setColValidators","setOnUpdateRowFunction","onPaste","forEach","newRow","oldRow","_b","call","e","clipboardData","preventDefault","pastedData","getData","replace","trim","split","map","row","document","addEventListener","removeEventListener","useMemo"],"mappings":"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"}

package/dist/esm/src/table/paste/logic.js

@@ -0,0 +1,2 @@
+import{__assign as r}from"../../../node_modules/tslib/tslib.es6.js";function e(e){var t,a=e.pasteData.length,s=Math.max.apply(Math,e.pasteData.map((function(r){return r.length})));if(0===a||0===s)return{isError:!0,type:"NoPasteData",message:"ペーストデータがありません。"};var n=e.pasteArea.end.rowIndex-e.pasteArea.start.rowIndex+1,o=e.pasteArea.end.colIndex-e.pasteArea.start.colIndex+1,l=n<a?a:n,p=o<s?s:o;if(l+e.pasteArea.start.rowIndex>e.currentRows.length)return{isError:!0,type:"OtherError",message:"貼り付け先の行数が足りません。"};if(p+e.pasteArea.start.colIndex>e.currentCols.length)return{isError:!0,type:"OtherError",message:"貼り付け先の列数が足りません。"};for(var d=0;d<p;d++){if(!(I=e.currentCols[e.pasteArea.start.colIndex+d]).editable)return{isError:!0,type:"OtherError",message:"編集できない列にデータを貼り付けることはできません。\n\n編集不可列: ".concat(null!==(t=I.label)&&void 0!==t?t:I.key)}}for(d=0;d<a;d++)for(var u=e.pasteData[d],c=0;c<p;c++){var i=c%u.length,x=u[i],I=e.currentCols[e.pasteArea.start.colIndex+c];if(!(0,e.validators[I.key])(x))return{isError:!0,type:"ValidationError",message:"バリデーションエラー: ".concat(x)}}var f=[];for(d=0;d<l;d++){u=e.pasteData[d%a];var A=r({},e.currentRows[e.pasteArea.start.rowIndex+d]),w=!1,g=function(r){var t=u[r%u.length],a=e.currentCols[e.pasteArea.start.colIndex+r],s="number"===a.type?Number(t):"select"===a.type?""===t?"":a.options.find((function(r){return r.label===t})).value:t;A[a.key]!==s&&(w=!0,A[a.key]=s)};for(c=0;c<p;c++)g(c);w&&f.push({newRow:A,oldRow:e.currentRows[e.pasteArea.start.rowIndex+d]})}return{isError:!1,updateArgument:f,pasteRange:{start:{rowIndex:e.pasteArea.start.rowIndex,colIndex:e.pasteArea.start.colIndex},end:{rowIndex:e.pasteArea.start.rowIndex+l-1,colIndex:e.pasteArea.start.colIndex+p-1}}}}export{e as paste};
+//# sourceMappingURL=logic.js.map

package/dist/esm/src/table/paste/logic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic.js","sources":["../../../../../src/table/paste/logic.ts"],"sourcesContent":["import { TTableColumn } from \"../table/type\";\n\ntype TPasteArgument = {\n  pasteData: string[][];\n  currentRows: any[];\n  currentCols: TTableColumn<any>[];\n  tableArea: {\n    start: {\n      rowIndex: number;\n      colIndex: number;\n    };\n    end: {\n      rowIndex: number;\n      colIndex: number;\n    };\n  };\n  pasteArea: {\n    start: {\n      rowIndex: number;\n      colIndex: number;\n    };\n    end: {\n      rowIndex: number;\n      colIndex: number;\n    };\n  };\n  validators: {\n    [key: string]: (value: any) => boolean;\n  };\n};\n\ntype TPasteResult =\n  | {\n      isError: true;\n      type: \"ValidationError\" | \"NoPasteData\" | \"OtherError\";\n      message: string;\n    }\n  | {\n      isError: false;\n      updateArgument: {\n        newRow: any;\n        oldRow: any;\n      }[];\n      pasteRange: {\n        start: {\n          rowIndex: number;\n          colIndex: number;\n        };\n        end: {\n          rowIndex: number;\n          colIndex: number;\n        };\n      };\n    };\n\nexport function paste(args: TPasteArgument): TPasteResult {\n  // ペーストデータの行数と列数を取得\n  const pasteDataRowLength = args.pasteData.length;\n  const pasteDataColLength = Math.max(\n    ...args.pasteData.map((row) => row.length)\n  );\n\n  // ペーストデータが空の場合は何もしない\n  if (pasteDataRowLength === 0 || pasteDataColLength === 0) {\n    return {\n      isError: true,\n      type: \"NoPasteData\",\n      message: \"ペーストデータがありません。\",\n    };\n  }\n\n  // Rangeの種類を取得\n  const rangeRowLength =\n    args.pasteArea.end.rowIndex - args.pasteArea.start.rowIndex + 1;\n  const rangeColLength =\n    args.pasteArea.end.colIndex - args.pasteArea.start.colIndex + 1;\n\n  const pasteRowLength =\n    rangeRowLength < pasteDataRowLength ? pasteDataRowLength : rangeRowLength;\n  const pasteColLength =\n    rangeColLength < pasteDataColLength ? pasteDataColLength : rangeColLength;\n\n  // ペースト先の行数が足りない場合はエラー\n  if (\n    pasteRowLength + args.pasteArea.start.rowIndex >\n    args.currentRows.length\n  ) {\n    return {\n      isError: true,\n      type: \"OtherError\",\n      message: \"貼り付け先の行数が足りません。\",\n    };\n  }\n  // ペースト先の列数が足りない場合はエラー\n  if (\n    pasteColLength + args.pasteArea.start.colIndex >\n    args.currentCols.length\n  ) {\n    return {\n      isError: true,\n      type: \"OtherError\",\n      message: \"貼り付け先の列数が足りません。\",\n    };\n  }\n\n  // ペースト先の列に編集不可列が含まれている場合はエラー\n  for (let i = 0; i < pasteColLength; i++) {\n    const col = args.currentCols[args.pasteArea.start.colIndex + i];\n\n    if (!col.editable) {\n      return {\n        isError: true,\n        type: \"OtherError\",\n        message: `編集できない列にデータを貼り付けることはできません。\\n\\n編集不可列: ${\n          col.label ?? (col.key as string)\n        }`,\n      };\n    }\n  }\n\n  // ペーストデータのバリデーション\n  for (let i = 0; i < pasteDataRowLength; i++) {\n    const pasteRow = args.pasteData[i];\n\n    for (let j = 0; j < pasteColLength; j++) {\n      const colIndexForData = j % pasteRow.length;\n      const pasteValue = pasteRow[colIndexForData];\n      const col = args.currentCols[args.pasteArea.start.colIndex + j];\n      const validate = args.validators[col.key as string];\n\n      if (!validate(pasteValue)) {\n        return {\n          isError: true,\n          type: \"ValidationError\",\n          message: `バリデーションエラー: ${pasteValue}`,\n        };\n      }\n    }\n  }\n\n  const updateArguments: { newRow: any; oldRow: any }[] = [];\n\n  // ペーストデータを反映\n  for (let i = 0; i < pasteRowLength; i++) {\n    const pasteRow = args.pasteData[i % pasteDataRowLength];\n    const newRow = { ...args.currentRows[args.pasteArea.start.rowIndex + i] };\n    let checkUpdatedRow = false;\n\n    for (let j = 0; j < pasteColLength; j++) {\n      const pasteValue = pasteRow[j % pasteRow.length];\n      const col = args.currentCols[args.pasteArea.start.colIndex + j];\n      const value =\n        col.type === \"number\"\n          ? Number(pasteValue)\n          : col.type === \"select\"\n          ? pasteValue === \"\"\n            ? \"\"\n            : col.options.find((option) => option.label === pasteValue)!.value\n          : pasteValue;\n      if (newRow[col.key] !== value) {\n        checkUpdatedRow = true;\n        newRow[col.key] = value;\n      }\n    }\n\n    if (checkUpdatedRow) {\n      updateArguments.push({\n        newRow,\n        oldRow: args.currentRows[args.pasteArea.start.rowIndex + i],\n      });\n    }\n  }\n\n  return {\n    isError: false,\n    updateArgument: updateArguments,\n    pasteRange: {\n      start: {\n        rowIndex: args.pasteArea.start.rowIndex,\n        colIndex: args.pasteArea.start.colIndex,\n      },\n      end: {\n        rowIndex: args.pasteArea.start.rowIndex + pasteRowLength - 1,\n        colIndex: args.pasteArea.start.colIndex + pasteColLength - 1,\n      },\n    },\n  };\n}\n"],"names":["paste","args","pasteDataRowLength","pasteData","length","pasteDataColLength","Math","max","map","row","isError","type","message","rangeRowLength","pasteArea","end","rowIndex","start","rangeColLength","colIndex","pasteRowLength","pasteColLength","currentRows","currentCols","i","col","editable","concat","_a","label","key","pasteRow","j","colIndexForData","pasteValue","validate","validators","updateArguments","newRow","__assign","checkUpdatedRow","value","Number","options","find","option","push","oldRow","updateArgument","pasteRange"],"mappings":"oEAuDM,SAAUA,EAAMC,SAEdC,EAAqBD,EAAKE,UAAUC,OACpCC,EAAqBC,KAAKC,UAALD,KACtBL,EAAKE,UAAUK,KAAI,SAACC,GAAQ,OAAAA,EAAIL,MAAM,KAI3C,GAA2B,IAAvBF,GAAmD,IAAvBG,EAC9B,MAAO,CACLK,SAAS,EACTC,KAAM,cACNC,QAAS,kBAKb,IAAMC,EACJZ,EAAKa,UAAUC,IAAIC,SAAWf,EAAKa,UAAUG,MAAMD,SAAW,EAC1DE,EACJjB,EAAKa,UAAUC,IAAII,SAAWlB,EAAKa,UAAUG,MAAME,SAAW,EAE1DC,EACJP,EAAiBX,EAAqBA,EAAqBW,EACvDQ,EACJH,EAAiBb,EAAqBA,EAAqBa,EAG7D,GACEE,EAAiBnB,EAAKa,UAAUG,MAAMD,SACtCf,EAAKqB,YAAYlB,OAEjB,MAAO,CACLM,SAAS,EACTC,KAAM,aACNC,QAAS,mBAIb,GACES,EAAiBpB,EAAKa,UAAUG,MAAME,SACtClB,EAAKsB,YAAYnB,OAEjB,MAAO,CACLM,SAAS,EACTC,KAAM,aACNC,QAAS,mBAKb,IAAK,IAAIY,EAAI,EAAGA,EAAIH,EAAgBG,IAAK,CAGvC,KAFMC,EAAMxB,EAAKsB,YAAYtB,EAAKa,UAAUG,MAAME,SAAWK,IAEpDE,SACP,MAAO,CACLhB,SAAS,EACTC,KAAM,aACNC,QAAS,wCACPe,OAAc,QAAdC,EAAAH,EAAII,aAAU,IAAAD,EAAAA,EAAAH,EAAIK,KAIzB,CAGD,IAASN,EAAI,EAAGA,EAAItB,EAAoBsB,IAGtC,IAFA,IAAMO,EAAW9B,EAAKE,UAAUqB,GAEvBQ,EAAI,EAAGA,EAAIX,EAAgBW,IAAK,CACvC,IAAMC,EAAkBD,EAAID,EAAS3B,OAC/B8B,EAAaH,EAASE,GACtBR,EAAMxB,EAAKsB,YAAYtB,EAAKa,UAAUG,MAAME,SAAWa,GAG7D,KAAKG,EAFYlC,EAAKmC,WAAWX,EAAIK,MAEvBI,GACZ,MAAO,CACLxB,SAAS,EACTC,KAAM,kBACNC,QAAS,eAAee,OAAAO,GAG7B,CAGH,IAAMG,EAAkD,GAGxD,IAASb,EAAI,EAAGA,EAAIJ,EAAgBI,IAAK,CACjCO,EAAW9B,EAAKE,UAAUqB,EAAItB,GAApC,IACMoC,EAAcC,EAAA,CAAA,EAAAtC,EAAKqB,YAAYrB,EAAKa,UAAUG,MAAMD,SAAWQ,IACjEgB,GAAkB,aAEbR,GACP,IAAME,EAAaH,EAASC,EAAID,EAAS3B,QACnCqB,EAAMxB,EAAKsB,YAAYtB,EAAKa,UAAUG,MAAME,SAAWa,GACvDS,EACS,WAAbhB,EAAId,KACA+B,OAAOR,GACM,WAAbT,EAAId,KACW,KAAfuB,EACE,GACAT,EAAIkB,QAAQC,MAAK,SAACC,GAAW,OAAAA,EAAOhB,QAAUK,CAAU,IAAGO,MAC7DP,EACFI,EAAOb,EAAIK,OAASW,IACtBD,GAAkB,EAClBF,EAAOb,EAAIK,KAAOW,IAbtB,IAAST,EAAI,EAAGA,EAAIX,EAAgBW,MAA3BA,GAiBLQ,GACFH,EAAgBS,KAAK,CACnBR,OAAMA,EACNS,OAAQ9C,EAAKqB,YAAYrB,EAAKa,UAAUG,MAAMD,SAAWQ,IAG9D,CAED,MAAO,CACLd,SAAS,EACTsC,eAAgBX,EAChBY,WAAY,CACVhC,MAAO,CACLD,SAAUf,EAAKa,UAAUG,MAAMD,SAC/BG,SAAUlB,EAAKa,UAAUG,MAAME,UAEjCJ,IAAK,CACHC,SAAUf,EAAKa,UAAUG,MAAMD,SAAWI,EAAiB,EAC3DD,SAAUlB,EAAKa,UAAUG,MAAME,SAAWE,EAAiB,IAInE"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sources":["../../../../../src/table/range/provider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect } from \"react\";\nimport { TRangeActionContext, TRangeStateContext } from \"./type\";\nimport { NoImplementeFunction } from \"../lib/errors\";\nimport { useRangeReducer } from \"./hooks\";\nimport { useTablePropertyStateContext } from \"../table-property/provider\";\nimport { IdGenerator } from \"../libs\";\n\nconst RangeStateContext = createContext<TRangeStateContext>({\n  isSelecting: false,\n});\n\nconst RangeActionContext = createContext<TRangeActionContext>({\n  setMax: NoImplementeFunction,\n  startSelectRange: NoImplementeFunction,\n  moveSelectRange: NoImplementeFunction,\n  endSelectRange: NoImplementeFunction,\n  moveUp: NoImplementeFunction,\n  moveDown: NoImplementeFunction,\n  moveLeft: NoImplementeFunction,\n  moveRight: NoImplementeFunction,\n  extendUp: NoImplementeFunction,\n  extendDown: NoImplementeFunction,\n  extendLeft: NoImplementeFunction,\n  extendRight: NoImplementeFunction,\n  reset: NoImplementeFunction,\n});\n\nexport function useRangeStateContext() {\n  return useContext(RangeStateContext);\n}\n\nexport function useRangeActionContext() {\n  return useContext(RangeActionContext);\n}\n\nexport function useRangeContext() {\n  return { ...useRangeStateContext(), ...useRangeActionContext() };\n}\n\nfunction EffectSetMax() {\n  const { setMax } = useRangeActionContext();\n  const { maxDisplayRowCount, maxDisplayColCount } =\n    useTablePropertyStateContext();\n\n  useEffect(() => {\n    setMax({\n      maxRowIndex: maxDisplayRowCount - 1,\n      maxColIndex: maxDisplayColCount - 1,\n    });\n  }, [maxDisplayRowCount, maxDisplayColCount]);\n\n  return <></>;\n}\n\nexport function TestRange(props: { isCopied?: boolean }) {\n  const state = useRangeStateContext();\n\n  useEffect(() => {\n    if (state.isSelecting) {\n      const endElement = document.getElementById(\n        IdGenerator.getTableCellId(state.end.rowIndex, state.end.colIndex)\n      );\n\n      if (endElement) {\n        endElement.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n          inline: \"nearest\",\n        });\n        endElement.focus();\n      }\n    }\n  }, [state]);\n\n  if (!state.isSelecting) {\n    return <></>;\n  }\n\n  const { rangeBox, start, end } = state;\n\n  const clickboxPoint = {\n    x: start.xEnd < end.xEnd ? end.xEnd : start.xEnd,\n    y: start.yEnd < end.yEnd ? end.yEnd : start.yEnd,\n  };\n\n  return (\n    <>\n      <div\n        className={`absolute border border-gray-500 ${\n          props.isCopied ? \"border-dashed\" : \"border-solid\"\n        }`}\n        style={{\n          top: rangeBox.top,\n          left: rangeBox.left,\n          width: rangeBox.width,\n          height: rangeBox.height,\n          pointerEvents: \"none\",\n        }}\n      ></div>\n      <div\n        className=\"absolute bg-gray-700\"\n        style={{\n          top: clickboxPoint.y - 5,\n          left: clickboxPoint.x - 5,\n          width: 10,\n          height: 10,\n          pointerEvents: \"none\",\n        }}\n      />\n    </>\n  );\n}\n\nexport function RangeProvider({\n  children,\n}: {\n  children: JSX.Element | JSX.Element[];\n}) {\n  const { state, actions } = useRangeReducer();\n\n  return (\n    <RangeStateContext.Provider value={state}>\n      <RangeActionContext.Provider value={actions}>\n        <EffectSetMax />\n        {children}\n      </RangeActionContext.Provider>\n    </RangeStateContext.Provider>\n  );\n}\n"],"names":["RangeStateContext","createContext","isSelecting","RangeActionContext","setMax","NoImplementeFunction","startSelectRange","moveSelectRange","endSelectRange","moveUp","moveDown","moveLeft","moveRight","extendUp","extendDown","extendLeft","extendRight","reset","useRangeStateContext","useContext","useRangeActionContext","useRangeContext","__assign","EffectSetMax","_a","useTablePropertyStateContext","maxDisplayRowCount","maxDisplayColCount","useEffect","maxRowIndex","maxColIndex","_jsx","TestRange","props","state","endElement","document","getElementById","IdGenerator","getTableCellId","end","rowIndex","colIndex","scrollIntoView","behavior","block","inline","focus","rangeBox","start","clickboxPoint","xEnd","yEnd","_jsxs","className","concat","isCopied","style","top","left","width","height","pointerEvents","RangeProvider","children","_b","useRangeReducer","actions","Provider","value"],"mappings":"ibAOA,IAAMA,EAAoBC,EAAkC,CAC1DC,aAAa,IAGTC,EAAqBF,EAAmC,CAC5DG,OAAQC,EACRC,iBAAkBD,EAClBE,gBAAiBF,EACjBG,eAAgBH,EAChBI,OAAQJ,EACRK,SAAUL,EACVM,SAAUN,EACVO,UAAWP,EACXQ,SAAUR,EACVS,WAAYT,EACZU,WAAYV,EACZW,YAAaX,EACbY,MAAOZ,aAGOa,IACd,OAAOC,EAAWnB,EACpB,UAEgBoB,IACd,OAAOD,EAAWhB,EACpB,UAEgBkB,IACd,OAAAC,EAAAA,EAAA,CAAA,EAAYJ,KAA2BE,IACzC,CAEA,SAASG,IACC,IAAAnB,EAAWgB,WACbI,EACJC,IADMC,EAAkBF,EAAAE,mBAAEC,EAAkBH,EAAAG,mBAU9C,OAPAC,GAAU,WACRxB,EAAO,CACLyB,YAAaH,EAAqB,EAClCI,YAAaH,EAAqB,GAEtC,GAAG,CAACD,EAAoBC,IAEjBI,OACT,CAEM,SAAUC,EAAUC,GACxB,IAAMC,EAAQhB,IAmBd,GAjBAU,GAAU,WACR,GAAIM,EAAMhC,YAAa,CACrB,IAAMiC,EAAaC,SAASC,eAC1BC,EAAYC,eAAeL,EAAMM,IAAIC,SAAUP,EAAMM,IAAIE,WAGvDP,IACFA,EAAWQ,eAAe,CACxBC,SAAU,SACVC,MAAO,UACPC,OAAQ,YAEVX,EAAWY,QAEd,CACH,GAAG,CAACb,KAECA,EAAMhC,YACT,OAAO6B,QAGD,IAAAiB,EAAyBd,EAAKc,SAApBC,EAAef,EAAKe,MAAbT,EAAQN,MAE3BgB,EACDD,EAAME,KAAOX,EAAIW,KAAOX,EAAIW,KAAOF,EAAME,KADxCD,EAEDD,EAAMG,KAAOZ,EAAIY,KAAOZ,EAAIY,KAAOH,EAAMG,KAG9C,OACEC,eACEtB,EACE,MAAA,CAAAuB,UAAW,mCACTC,OAAAtB,EAAMuB,SAAW,gBAAkB,gBAErCC,MAAO,CACLC,IAAKV,EAASU,IACdC,KAAMX,EAASW,KACfC,MAAOZ,EAASY,MAChBC,OAAQb,EAASa,OACjBC,cAAe,UAGnB/B,EACE,MAAA,CAAAuB,UAAU,uBACVG,MAAO,CACLC,IAAKR,EAAkB,EACvBS,KAAMT,EAAkB,EACxBU,MAAO,GACPC,OAAQ,GACRC,cAAe,YAKzB,CAEM,SAAUC,EAAcvC,GAC5B,IAAAwC,EAAQxC,EAAAwC,SAIFC,EAAqBC,IAAnBhC,EAAK+B,EAAA/B,MAAEiC,EAAOF,EAAAE,QAEtB,OACEpC,EAAC/B,EAAkBoE,SAAS,CAAAC,MAAOnC,EACjC8B,SAAAX,EAAClD,EAAmBiE,SAAQ,CAACC,MAAOF,EAAOH,SAAA,CACzCjC,EAACR,EAAe,CAAA,GACfyC,MAIT"}
+{"version":3,"file":"provider.js","sources":["../../../../../src/table/range/provider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect } from \"react\";\nimport { TRangeActionContext, TRangeStateContext } from \"./type\";\nimport { NoImplementeFunction } from \"../lib/errors\";\nimport { useRangeReducer } from \"./hooks\";\nimport { useTablePropertyStateContext } from \"../table-property/provider\";\nimport { IdGenerator } from \"../libs\";\n\nconst RangeStateContext = createContext<TRangeStateContext>({\n  isSelecting: false,\n});\n\nconst RangeActionContext = createContext<TRangeActionContext>({\n  setMax: NoImplementeFunction,\n  startSelectRange: NoImplementeFunction,\n  moveSelectRange: NoImplementeFunction,\n  endSelectRange: NoImplementeFunction,\n  moveUp: NoImplementeFunction,\n  moveDown: NoImplementeFunction,\n  moveLeft: NoImplementeFunction,\n  moveRight: NoImplementeFunction,\n  extendUp: NoImplementeFunction,\n  extendDown: NoImplementeFunction,\n  extendLeft: NoImplementeFunction,\n  extendRight: NoImplementeFunction,\n  reset: NoImplementeFunction,\n  setRange: NoImplementeFunction,\n});\n\nexport function useRangeStateContext() {\n  return useContext(RangeStateContext);\n}\n\nexport function useRangeActionContext() {\n  return useContext(RangeActionContext);\n}\n\nexport function useRangeContext() {\n  return { ...useRangeStateContext(), ...useRangeActionContext() };\n}\n\nfunction EffectSetMax() {\n  const { setMax } = useRangeActionContext();\n  const { maxDisplayRowCount, maxDisplayColCount } =\n    useTablePropertyStateContext();\n\n  useEffect(() => {\n    setMax({\n      maxRowIndex: maxDisplayRowCount - 1,\n      maxColIndex: maxDisplayColCount - 1,\n    });\n  }, [maxDisplayRowCount, maxDisplayColCount]);\n\n  return <></>;\n}\n\nexport function TestRange(props: { isCopied?: boolean }) {\n  const state = useRangeStateContext();\n\n  useEffect(() => {\n    if (state.isSelecting) {\n      const endElement = document.getElementById(\n        IdGenerator.getTableCellId(state.end.rowIndex, state.end.colIndex)\n      );\n\n      if (endElement) {\n        endElement.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n          inline: \"nearest\",\n        });\n        endElement.focus();\n      }\n    }\n  }, [state]);\n\n  if (!state.isSelecting) {\n    return <></>;\n  }\n\n  const { rangeBox, start, end } = state;\n\n  const clickboxPoint = {\n    x: start.xEnd < end.xEnd ? end.xEnd : start.xEnd,\n    y: start.yEnd < end.yEnd ? end.yEnd : start.yEnd,\n  };\n\n  return (\n    <>\n      <div\n        className={`absolute border border-gray-500 bg-gray-500 bg-opacity-10 ${\n          props.isCopied ? \"border-dashed\" : \"border-solid\"\n        }`}\n        style={{\n          top: rangeBox.top,\n          left: rangeBox.left,\n          width: rangeBox.width,\n          height: rangeBox.height,\n          pointerEvents: \"none\",\n        }}\n      ></div>\n      {/* <div\n        className=\"absolute bg-gray-700\"\n        style={{\n          top: clickboxPoint.y - 5,\n          left: clickboxPoint.x - 5,\n          width: 10,\n          height: 10,\n          pointerEvents: \"none\",\n        }}\n      /> */}\n    </>\n  );\n}\n\nexport function RangeProvider({\n  children,\n}: {\n  children: JSX.Element | JSX.Element[];\n}) {\n  const { state, actions } = useRangeReducer();\n\n  return (\n    <RangeStateContext.Provider value={state}>\n      <RangeActionContext.Provider value={actions}>\n        <EffectSetMax />\n        {children}\n      </RangeActionContext.Provider>\n    </RangeStateContext.Provider>\n  );\n}\n"],"names":["RangeStateContext","createContext","isSelecting","RangeActionContext","setMax","NoImplementeFunction","startSelectRange","moveSelectRange","endSelectRange","moveUp","moveDown","moveLeft","moveRight","extendUp","extendDown","extendLeft","extendRight","reset","setRange","useRangeStateContext","useContext","useRangeActionContext","useRangeContext","__assign","EffectSetMax","_a","useTablePropertyStateContext","maxDisplayRowCount","maxDisplayColCount","useEffect","maxRowIndex","maxColIndex","_jsx","TestRange","props","state","endElement","document","getElementById","IdGenerator","getTableCellId","end","rowIndex","colIndex","scrollIntoView","behavior","block","inline","focus","rangeBox","start","xEnd","yEnd","className","concat","isCopied","style","top","left","width","height","pointerEvents","RangeProvider","children","_b","useRangeReducer","actions","Provider","value","_jsxs"],"mappings":"ibAOA,IAAMA,EAAoBC,EAAkC,CAC1DC,aAAa,IAGTC,EAAqBF,EAAmC,CAC5DG,OAAQC,EACRC,iBAAkBD,EAClBE,gBAAiBF,EACjBG,eAAgBH,EAChBI,OAAQJ,EACRK,SAAUL,EACVM,SAAUN,EACVO,UAAWP,EACXQ,SAAUR,EACVS,WAAYT,EACZU,WAAYV,EACZW,YAAaX,EACbY,MAAOZ,EACPa,SAAUb,aAGIc,IACd,OAAOC,EAAWpB,EACpB,UAEgBqB,IACd,OAAOD,EAAWjB,EACpB,UAEgBmB,IACd,OAAAC,EAAAA,EAAA,CAAA,EAAYJ,KAA2BE,IACzC,CAEA,SAASG,IACC,IAAApB,EAAWiB,WACbI,EACJC,IADMC,EAAkBF,EAAAE,mBAAEC,EAAkBH,EAAAG,mBAU9C,OAPAC,GAAU,WACRzB,EAAO,CACL0B,YAAaH,EAAqB,EAClCI,YAAaH,EAAqB,GAEtC,GAAG,CAACD,EAAoBC,IAEjBI,OACT,CAEM,SAAUC,EAAUC,GACxB,IAAMC,EAAQhB,IAmBd,GAjBAU,GAAU,WACR,GAAIM,EAAMjC,YAAa,CACrB,IAAMkC,EAAaC,SAASC,eAC1BC,EAAYC,eAAeL,EAAMM,IAAIC,SAAUP,EAAMM,IAAIE,WAGvDP,IACFA,EAAWQ,eAAe,CACxBC,SAAU,SACVC,MAAO,UACPC,OAAQ,YAEVX,EAAWY,QAEd,CACH,GAAG,CAACb,KAECA,EAAMjC,YACT,OAAO8B,QAGD,IAAAiB,EAAyBd,EAAKc,SAApBC,EAAef,EAAKe,MAAbT,EAAQN,MAOjC,OAJKe,EAAMC,KAAOV,EAAIU,KAAOV,EAAIU,KAAOD,EAAMC,KACzCD,EAAME,KAAOX,EAAIW,KAAOX,EAAIW,KAAOF,EAAME,KAI5CpB,cACEA,EACE,MAAA,CAAAqB,UAAW,6DACTC,OAAApB,EAAMqB,SAAW,gBAAkB,gBAErCC,MAAO,CACLC,IAAKR,EAASQ,IACdC,KAAMT,EAASS,KACfC,MAAOV,EAASU,MAChBC,OAAQX,EAASW,OACjBC,cAAe,WAezB,CAEM,SAAUC,EAAcrC,GAC5B,IAAAsC,EAAQtC,EAAAsC,SAIFC,EAAqBC,IAAnB9B,EAAK6B,EAAA7B,MAAE+B,EAAOF,EAAAE,QAEtB,OACElC,EAAChC,EAAkBmE,SAAS,CAAAC,MAAOjC,EACjC4B,SAAAM,EAAClE,EAAmBgE,SAAQ,CAACC,MAAOF,EAAOH,SAAA,CACzC/B,EAACR,EAAe,CAAA,GACfuC,MAIT"}

package/dist/esm/src/table/sheet/components.js

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