@teppen/react-ui 1.7.2 → 1.7.4

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 o}from"../sheet/providers.js";import{useRangeActionContext as n}from"../range/provider.js";import{useTableIdGenerator as r}from"../id/provider.js";function i(i,d){var u,p,a=r(),l=n(),c=l.startSelectRange,m=l.moveSelectRange,s=l.endSelectRange,v=t().startEditing,f=a.extractCellIndexFromId(i),g=f[0],x=f[1],I=o()[x],b=d[I.key],D="select"===I.type?null===(p=null===(u=I.options)||void 0===u?void 0:u.find((function(e){return e.value===b})))||void 0===p?void 0:p.label:b,j=e((function(){return I.editable?D:I.render?I.render(b,d):D}),[I.editable,D,b,d]);return{type:!I.editable&&I.render?"component":I.type,component:j,onDoubleClick:function(e){e.preventDefault(),v()},onMouseDown:function(e){setTimeout((function(){c({rowIndex:g,colIndex:x});var e=function(t){t.preventDefault(),t.stopPropagation(),s(),document.removeEventListener("mouseup",e)};document.addEventListener("mouseup",e)}),0)},onMouseEnter:function(e){e.preventDefault(),e.stopPropagation(),m({rowIndex:g,colIndex:x})}}}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 { useRangeActionContext } from \"../range/provider\";\nimport { useTableIdGenerator } from \"../id\";\n\nexport function useCell(id: string, row: DataObject<DataRecord>) {\n  const IdGenerator = useTableIdGenerator();\n  const { startSelectRange, moveSelectRange, endSelectRange } =\n    useRangeActionContext();\n  const { startEditing } = useEditActionContext();\n  const [rowIndex, colIndex] = IdGenerator.extractCellIndexFromId(id);\n  const col = useColumnsContext()[colIndex];\n  const value = row[col.key as string];\n\n  const label =\n    col.type === \"select\"\n      ? col.options?.find((op) => op.value === value)?.label\n      : value;\n\n  const component = useMemo(() => {\n    if (col.editable) {\n      return label;\n    } else {\n      return col.render ? col.render(value as never, row) : label;\n    }\n  }, [col.editable, label, value, row]);\n\n  const type: TColumnType | \"component\" =\n    !col.editable && col.render ? \"component\" : col.type;\n\n  const onDoubleClick: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    e.preventDefault();\n    startEditing();\n  };\n\n  /**\n   * onBlurよりも先に発火するため、onBlurでendEditingを呼ぶと\n   * すぐにstartEditingが呼ばれてしまうため、setTimeoutで遅延させる\n   * これにより、endEditingが先に呼ばれるようになる\n   */\n  const onMouseDown: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    setTimeout(() => {\n      startSelectRange({ rowIndex, colIndex });\n\n      const onMouseUp = (e: MouseEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        endSelectRange();\n        document.removeEventListener(\"mouseup\", onMouseUp);\n      };\n\n      document.addEventListener(\"mouseup\", onMouseUp);\n    }, 0);\n  };\n\n  const onMouseEnter: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    moveSelectRange({ rowIndex, colIndex });\n  };\n\n  return {\n    type,\n    component,\n    onDoubleClick,\n    onMouseDown,\n    onMouseEnter,\n  };\n}\n"],"names":["useCell","id","row","IdGenerator","useTableIdGenerator","_c","useRangeActionContext","startSelectRange","moveSelectRange","endSelectRange","startEditing","useEditActionContext","_d","extractCellIndexFromId","rowIndex","colIndex","col","useColumnsContext","value","key","label","type","_a","options","find","op","_b","component","useMemo","editable","render","onDoubleClick","e","preventDefault","onMouseDown","setTimeout","onMouseUp","stopPropagation","document","removeEventListener","addEventListener","onMouseEnter"],"mappings":"0QAOgB,SAAAA,EAAQC,EAAYC,WAC5BC,EAAcC,IACdC,EACJC,IADMC,EAAgBF,EAAAE,iBAAEC,EAAeH,EAAAG,gBAAEC,EAAcJ,EAAAI,eAEjDC,EAAiBC,iBACnBC,EAAuBT,EAAYU,uBAAuBZ,GAAzDa,EAAQF,EAAA,GAAEG,OACXC,EAAMC,IAAoBF,GAC1BG,EAAQhB,EAAIc,EAAIG,KAEhBC,EACS,WAAbJ,EAAIK,KAC6C,UAAlC,QAAXC,EAAAN,EAAIO,eAAO,IAAAD,OAAA,EAAAA,EAAEE,MAAK,SAACC,GAAO,OAAAA,EAAGP,QAAUA,CAAb,WAAmB,IAAAQ,OAAA,EAAAA,EAAEN,MAC/CF,EAEAS,EAAYC,GAAQ,WACxB,OAAIZ,EAAIa,SACCT,EAEAJ,EAAIc,OAASd,EAAIc,OAAOZ,EAAgBhB,GAAOkB,CAE1D,GAAG,CAACJ,EAAIa,SAAUT,EAAOF,EAAOhB,IAoChC,MAAO,CACLmB,MAlCCL,EAAIa,UAAYb,EAAIc,OAAS,YAAcd,EAAIK,KAmChDM,UAASA,EACTI,cAlC6D,SAACC,GAC9DA,EAAEC,iBACFvB,GACF,EAgCEwB,YAzB2D,SAACF,GAC5DG,YAAW,WACT5B,EAAiB,CAAEO,SAAQA,EAAEC,SAAQA,IAErC,IAAMqB,EAAY,SAACJ,GACjBA,EAAEC,iBACFD,EAAEK,kBACF5B,IACA6B,SAASC,oBAAoB,UAAWH,EAC1C,EAEAE,SAASE,iBAAiB,UAAWJ,EACtC,GAAE,EACL,EAaEK,aAX4D,SAACT,GAC7DA,EAAEC,iBACFD,EAAEK,kBACF7B,EAAgB,CAAEM,SAAQA,EAAEC,SAAQA,GACtC,EASF"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"components.js","sources":["../../../../../src/table/copy/components.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useCopyStateContext } from \"./provider\";\nimport { useTableIdGenerator } from \"../id\";\n\nexport function CopiedMessage() {\n  const IdGenerator = useTableIdGenerator();\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","IdGenerator","useTableIdGenerator","_a","useState","isDisplay","setIsDisplay","copiedAt","useCopyStateContext","useEffect","timer_1","setTimeout","clearTimeout","_jsx","tableElement","document","getElementById","getTableId","rect","getBoundingClientRect","x","right","y","bottom","className","style","top","left","children"],"mappings":"2NAIgBA,IACd,IAAMC,EAAcC,IACdC,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,eAAef,EAAYgB,cAEzD,IAAKH,EACH,OAAOD,QAIT,IAAMK,EAAOJ,EAAaK,wBACpBC,EAAIF,EAAKG,MAAQ,IACjBC,EAAIJ,EAAKK,OAAS,GAExB,OACEV,EAAA,MAAA,CACEW,UAAW,yEACTnB,EAAY,cAAgB,aAE9BoB,MAAO,CAAEC,IAAKJ,EAAGK,KAAMP,GAEvBQ,SAAAf,EAAA,IAAA,CAAGW,UAAU,qBAAmCI,SAAA,gBAGtD"}

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

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

package/dist/esm/src/table/edit/ui/editor.js

@@ -1,2 +1,2 @@
-import{jsx as t,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useEffect as o}from"react";import{useColumnsContext as i}from"../../sheet/providers.js";import{useEditStateContext as n,useEditActionContext as l}from"../provider.js";import{NumberCellInput as d}from"./number-input.js";import{SelectCellInput as s}from"./select-input.js";import{StringCellInput as p}from"./string-input.js";import{IdGenerator as a}from"../../libs/id-generator.js";import{useRangeStateContext as c}from"../../range/provider.js";function m(m){var f=c(),g=n(),u=l(),w=i();if(o((function(){f.isSelecting&&!w[f.start.colIndex].editable&&u.endEditing()}),[g,f]),!g.isEditing)return t(e,{});if(!f.isSelecting)return t(e,{});var h=w[f.start.colIndex],v=m.rowMaps[m.pageRowIds[f.start.rowIndex]].data;if(!h.editable)return t(e,{});var I=a.getTableCellId(f.start.rowIndex,f.start.colIndex),b=document.getElementById(I),j=null==b?void 0:b.getBoundingClientRect(),x=j?{width:j.width,height:j.height,top:j.top,left:j.left}:void 0;if(!x)return t(e,{});var y=document.getElementById(a.getTableId());if(!y)return t(e,{});var B=y.getBoundingClientRect();return x.top-=B.top-y.scrollTop-window.scrollY,x.left-=B.left-y.scrollLeft-window.scrollX,r("div",{className:"absolute top-0 left-0 grid place-items-center z-10 pr-2",onClick:function(t){t.preventDefault(),t.stopPropagation()},style:{width:x.width,height:x.height,top:x.top-1,left:x.left},children:["string"===h.type&&t(p,{col:h,row:v}),"number"===h.type&&t(d,{col:h,row:v}),"select"===h.type&&t(s,{col:h,row:v})]})}export{m as Editor};
+import{jsx as t,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useEffect as o}from"react";import{useColumnsContext as i}from"../../sheet/providers.js";import{useEditStateContext as n,useEditActionContext as l}from"../provider.js";import{NumberCellInput as d}from"./number-input.js";import{SelectCellInput as p}from"./select-input.js";import{StringCellInput as s}from"./string-input.js";import{useRangeStateContext as a}from"../../range/provider.js";import{useTableIdGenerator as m}from"../../id/provider.js";function c(c){var f=m(),u=a(),g=n(),h=l(),v=i();if(o((function(){u.isSelecting&&!v[u.start.colIndex].editable&&h.endEditing()}),[g,u]),!g.isEditing)return t(e,{});if(!u.isSelecting)return t(e,{});var w=v[u.start.colIndex],I=c.rowMaps[c.pageRowIds[u.start.rowIndex]].data;if(!w.editable)return t(e,{});var x=f.getTableCellId({rowIndex:u.start.rowIndex,columnIndex:u.start.colIndex}),j=document.getElementById(x),b=null==j?void 0:j.getBoundingClientRect(),y=b?{width:b.width,height:b.height,top:b.top,left:b.left}:void 0;if(!y)return t(e,{});var B=document.getElementById(f.getTableId());if(!B)return t(e,{});var C=B.getBoundingClientRect();return y.top-=C.top-B.scrollTop,y.left-=C.left-B.scrollLeft,r("div",{className:"absolute top-0 left-0 grid place-items-center z-10 pr-2",onClick:function(t){t.preventDefault(),t.stopPropagation()},style:{width:y.width,height:y.height,top:y.top-1,left:y.left},children:["string"===w.type&&t(s,{col:w,row:I}),"number"===w.type&&t(d,{col:w,row:I}),"select"===w.type&&t(p,{col:w,row:I})]})}export{c as Editor};
 //# sourceMappingURL=editor.js.map

package/dist/esm/src/table/edit/ui/editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor.js","sources":["../../../../../../src/table/edit/ui/editor.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useColumnsContext } from \"../../sheet/providers\";\nimport { useEditActionContext, useEditStateContext } from \"../provider\";\nimport { NumberCellInput } from \"./number-input\";\nimport { SelectCellInput } from \"./select-input\";\nimport { StringCellInput } from \"./string-input\";\nimport { IdGenerator } from \"../../libs\";\nimport { DataObject, DataRecord } from \"../../table/type\";\nimport { useRangeStateContext } from \"../../range/provider\";\n\ntype TPropsEditor = {\n  pageRowIds: (string | number)[];\n  rowMaps: {\n    [id: string]: {\n      data: DataObject<DataRecord>;\n      stringValue: string;\n    };\n    [id: number]: {\n      data: DataObject<DataRecord>;\n      stringValue: string;\n    };\n  };\n};\n\nexport function Editor(props: TPropsEditor) {\n  const range = useRangeStateContext();\n  const edit = useEditStateContext();\n  const editActions = useEditActionContext();\n  const cols = useColumnsContext();\n\n  useEffect(() => {\n    if (range.isSelecting && !cols[range.start.colIndex].editable) {\n      editActions.endEditing();\n    }\n  }, [edit, range]);\n\n  if (!edit.isEditing) return <></>;\n  if (!range.isSelecting) return <></>;\n\n  const col = cols[range.start.colIndex];\n  const row = props.rowMaps[props.pageRowIds[range.start.rowIndex]].data;\n\n  if (!col.editable) return <></>;\n\n  const id = IdGenerator.getTableCellId(\n    range.start.rowIndex,\n    range.start.colIndex\n  );\n  const cellElement = document.getElementById(id);\n  const rect = cellElement?.getBoundingClientRect();\n\n  const size = rect\n    ? {\n        width: rect.width,\n        height: rect.height,\n        top: rect.top,\n        left: rect.left,\n      }\n    : undefined;\n\n  if (!size) return <></>;\n\n  const tableElement = document.getElementById(IdGenerator.getTableId());\n  if (!tableElement) return <></>;\n  const rectTable = tableElement.getBoundingClientRect();\n\n  size.top -= rectTable.top - tableElement.scrollTop - window.scrollY;\n  size.left -= rectTable.left - tableElement.scrollLeft - window.scrollX;\n\n  return (\n    <div\n      className=\"absolute top-0 left-0 grid place-items-center z-10 pr-2\"\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n      style={{\n        width: size.width,\n        height: size.height,\n        top: size.top - 1,\n        left: size.left,\n      }}\n    >\n      {col.type === \"string\" && <StringCellInput col={col} row={row} />}\n      {col.type === \"number\" && <NumberCellInput col={col} row={row} />}\n      {col.type === \"select\" && <SelectCellInput col={col} row={row} />}\n    </div>\n  );\n}\n"],"names":["Editor","props","range","useRangeStateContext","edit","useEditStateContext","editActions","useEditActionContext","cols","useColumnsContext","useEffect","isSelecting","start","colIndex","editable","endEditing","isEditing","_jsx","col","row","rowMaps","pageRowIds","rowIndex","data","id","IdGenerator","getTableCellId","cellElement","document","getElementById","rect","getBoundingClientRect","size","width","height","top","left","undefined","tableElement","getTableId","rectTable","scrollTop","window","scrollY","scrollLeft","scrollX","_jsxs","className","onClick","e","preventDefault","stopPropagation","style","children","type","StringCellInput","NumberCellInput","SelectCellInput"],"mappings":"kgBAwBM,SAAUA,EAAOC,GACrB,IAAMC,EAAQC,IACRC,EAAOC,IACPC,EAAcC,IACdC,EAAOC,IAQb,GANAC,GAAU,WACJR,EAAMS,cAAgBH,EAAKN,EAAMU,MAAMC,UAAUC,UACnDR,EAAYS,YAEhB,GAAG,CAACX,EAAMF,KAELE,EAAKY,UAAW,OAAOC,QAC5B,IAAKf,EAAMS,YAAa,OAAOM,QAE/B,IAAMC,EAAMV,EAAKN,EAAMU,MAAMC,UACvBM,EAAMlB,EAAMmB,QAAQnB,EAAMoB,WAAWnB,EAAMU,MAAMU,WAAWC,KAElE,IAAKL,EAAIJ,SAAU,OAAOG,QAE1B,IAAMO,EAAKC,EAAYC,eACrBxB,EAAMU,MAAMU,SACZpB,EAAMU,MAAMC,UAERc,EAAcC,SAASC,eAAeL,GACtCM,EAAOH,eAAAA,EAAaI,wBAEpBC,EAAOF,EACT,CACEG,MAAOH,EAAKG,MACZC,OAAQJ,EAAKI,OACbC,IAAKL,EAAKK,IACVC,KAAMN,EAAKM,WAEbC,EAEJ,IAAKL,EAAM,OAAOf,QAElB,IAAMqB,EAAeV,SAASC,eAAeJ,EAAYc,cACzD,IAAKD,EAAc,OAAOrB,QAC1B,IAAMuB,EAAYF,EAAaP,wBAK/B,OAHAC,EAAKG,KAAOK,EAAUL,IAAMG,EAAaG,UAAYC,OAAOC,QAC5DX,EAAKI,MAAQI,EAAUJ,KAAOE,EAAaM,WAAaF,OAAOG,QAG7DC,SACEC,UAAU,0DACVC,QAAS,SAACC,GACRA,EAAEC,iBACFD,EAAEE,iBACH,EACDC,MAAO,CACLnB,MAAOD,EAAKC,MACZC,OAAQF,EAAKE,OACbC,IAAKH,EAAKG,IAAM,EAChBC,KAAMJ,EAAKI,MAGZiB,SAAA,CAAa,WAAbnC,EAAIoC,MAAqBrC,EAACsC,EAAgB,CAAArC,IAAKA,EAAKC,IAAKA,IAC5C,WAAbD,EAAIoC,MAAqBrC,EAACuC,EAAe,CAACtC,IAAKA,EAAKC,IAAKA,IAC5C,WAAbD,EAAIoC,MAAqBrC,EAACwC,EAAe,CAACvC,IAAKA,EAAKC,IAAKA,MAGhE"}
+{"version":3,"file":"editor.js","sources":["../../../../../../src/table/edit/ui/editor.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useColumnsContext } from \"../../sheet/providers\";\nimport { useEditActionContext, useEditStateContext } from \"../provider\";\nimport { NumberCellInput } from \"./number-input\";\nimport { SelectCellInput } from \"./select-input\";\nimport { StringCellInput } from \"./string-input\";\nimport { DataObject, DataRecord } from \"../../table/type\";\nimport { useRangeStateContext } from \"../../range/provider\";\nimport { useTableIdGenerator } from \"../../id\";\n\ntype TPropsEditor = {\n  pageRowIds: (string | number)[];\n  rowMaps: {\n    [id: string]: {\n      data: DataObject<DataRecord>;\n      stringValue: string;\n    };\n    [id: number]: {\n      data: DataObject<DataRecord>;\n      stringValue: string;\n    };\n  };\n};\n\nexport function Editor(props: TPropsEditor) {\n  const IdGenerator = useTableIdGenerator();\n  const range = useRangeStateContext();\n  const edit = useEditStateContext();\n  const editActions = useEditActionContext();\n  const cols = useColumnsContext();\n\n  useEffect(() => {\n    if (range.isSelecting && !cols[range.start.colIndex].editable) {\n      editActions.endEditing();\n    }\n  }, [edit, range]);\n\n  if (!edit.isEditing) return <></>;\n  if (!range.isSelecting) return <></>;\n\n  const col = cols[range.start.colIndex];\n  const row = props.rowMaps[props.pageRowIds[range.start.rowIndex]].data;\n\n  if (!col.editable) return <></>;\n\n  const id = IdGenerator.getTableCellId({\n    rowIndex: range.start.rowIndex,\n    columnIndex: range.start.colIndex,\n  });\n  const cellElement = document.getElementById(id);\n  const rect = cellElement?.getBoundingClientRect();\n\n  const size = rect\n    ? {\n        width: rect.width,\n        height: rect.height,\n        top: rect.top,\n        left: rect.left,\n      }\n    : undefined;\n\n  if (!size) return <></>;\n\n  const tableElement = document.getElementById(IdGenerator.getTableId());\n  if (!tableElement) return <></>;\n  const rectTable = tableElement.getBoundingClientRect();\n\n  size.top -= rectTable.top - tableElement.scrollTop;\n  size.left -= rectTable.left - tableElement.scrollLeft;\n\n  return (\n    <div\n      className=\"absolute top-0 left-0 grid place-items-center z-10 pr-2\"\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n      style={{\n        width: size.width,\n        height: size.height,\n        top: size.top - 1,\n        left: size.left,\n      }}\n    >\n      {col.type === \"string\" && <StringCellInput col={col} row={row} />}\n      {col.type === \"number\" && <NumberCellInput col={col} row={row} />}\n      {col.type === \"select\" && <SelectCellInput col={col} row={row} />}\n    </div>\n  );\n}\n"],"names":["Editor","props","IdGenerator","useTableIdGenerator","range","useRangeStateContext","edit","useEditStateContext","editActions","useEditActionContext","cols","useColumnsContext","useEffect","isSelecting","start","colIndex","editable","endEditing","isEditing","_jsx","col","row","rowMaps","pageRowIds","rowIndex","data","id","getTableCellId","columnIndex","cellElement","document","getElementById","rect","getBoundingClientRect","size","width","height","top","left","undefined","tableElement","getTableId","rectTable","scrollTop","scrollLeft","_jsxs","className","onClick","e","preventDefault","stopPropagation","style","children","type","StringCellInput","NumberCellInput","SelectCellInput"],"mappings":"ogBAwBM,SAAUA,EAAOC,GACrB,IAAMC,EAAcC,IACdC,EAAQC,IACRC,EAAOC,IACPC,EAAcC,IACdC,EAAOC,IAQb,GANAC,GAAU,WACJR,EAAMS,cAAgBH,EAAKN,EAAMU,MAAMC,UAAUC,UACnDR,EAAYS,YAEhB,GAAG,CAACX,EAAMF,KAELE,EAAKY,UAAW,OAAOC,QAC5B,IAAKf,EAAMS,YAAa,OAAOM,QAE/B,IAAMC,EAAMV,EAAKN,EAAMU,MAAMC,UACvBM,EAAMpB,EAAMqB,QAAQrB,EAAMsB,WAAWnB,EAAMU,MAAMU,WAAWC,KAElE,IAAKL,EAAIJ,SAAU,OAAOG,QAE1B,IAAMO,EAAKxB,EAAYyB,eAAe,CACpCH,SAAUpB,EAAMU,MAAMU,SACtBI,YAAaxB,EAAMU,MAAMC,WAErBc,EAAcC,SAASC,eAAeL,GACtCM,EAAOH,eAAAA,EAAaI,wBAEpBC,EAAOF,EACT,CACEG,MAAOH,EAAKG,MACZC,OAAQJ,EAAKI,OACbC,IAAKL,EAAKK,IACVC,KAAMN,EAAKM,WAEbC,EAEJ,IAAKL,EAAM,OAAOf,QAElB,IAAMqB,EAAeV,SAASC,eAAe7B,EAAYuC,cACzD,IAAKD,EAAc,OAAOrB,QAC1B,IAAMuB,EAAYF,EAAaP,wBAK/B,OAHAC,EAAKG,KAAOK,EAAUL,IAAMG,EAAaG,UACzCT,EAAKI,MAAQI,EAAUJ,KAAOE,EAAaI,WAGzCC,SACEC,UAAU,0DACVC,QAAS,SAACC,GACRA,EAAEC,iBACFD,EAAEE,iBACH,EACDC,MAAO,CACLhB,MAAOD,EAAKC,MACZC,OAAQF,EAAKE,OACbC,IAAKH,EAAKG,IAAM,EAChBC,KAAMJ,EAAKI,MAGZc,SAAA,CAAa,WAAbhC,EAAIiC,MAAqBlC,EAACmC,EAAgB,CAAAlC,IAAKA,EAAKC,IAAKA,IAC5C,WAAbD,EAAIiC,MAAqBlC,EAACoC,EAAe,CAACnC,IAAKA,EAAKC,IAAKA,IAC5C,WAAbD,EAAIiC,MAAqBlC,EAACqC,EAAe,CAACpC,IAAKA,EAAKC,IAAKA,MAGhE"}

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 o,Fragment as n,jsxs as t}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 f}from"../../../select-box/index.js";import{useTableIdGenerator as a}from"../../id/provider.js";function m(m){var d=a(),p=m.col,v=c().endEditing,w=m.row[p.key],b=r(w),j=b[0],E=b[1],g=i(null),x=i(null);u((function(){x.current&&x.current.focus()}),[x]);var y=function(e){p.editable&&p.onCellBlur(p.key,e,m.row,v)};if(!p.editable)return o(n,{});u((function(){var e=function(e){var o=g.current,n=e.target;n instanceof Node&&(null==o?void 0:o.contains(n))||(j!==w?y(j):v())};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[j,y,v,w]);var h=l((function(){return p.allowEmpty?e([{value:"",label:""===w?"-- 未選択 --":"-- 選択解除 --"}],p.options,!0):p.options}),[p.options,p.allowEmpty,w]);return t("div",{ref:g,className:"flex justify-between gap-1 w-full items-center",children:[o(f,{id:d.getEditorId(),inputRef:x,value:j,defaultIsOpen:!0,options:h,onSelect:function(e){E(e),y(e)}}),o("button",{onMouseDown:function(e){e.preventDefault(),e.stopPropagation(),setTimeout((function(){E(w),v()}),300)},children:o(s,{size:16})})]})}export{m as SelectCellInput};
 //# sourceMappingURL=select-input.js.map

package/dist/esm/src/table/id/id-generator.js

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

package/dist/esm/src/table/id/id-generator.js.map

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

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

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useContext as t}from"react";import{IdGenerator as n}from"./id-generator.js";var o=e(null);function i(e){return r(o.Provider,{value:new n(e.id),children:e.children})}function a(){var r=t(o);if(!r)throw new Error("useTableIdGenerator must be used within TableIdGeneratorProvider");return r}export{i as TableIdGeneratorProvider,a as useTableIdGenerator};
+//# sourceMappingURL=provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sources":["../../../../../src/table/id/provider.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { ITableIdGenerator } from \"./interface\";\nimport { IdGenerator } from \"./id-generator\";\n\nconst TableIdContext = createContext<ITableIdGenerator | null>(null);\n\nexport function TableIdGeneratorProvider(props: {\n  id?: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <TableIdContext.Provider value={new IdGenerator(props.id)}>\n      {props.children}\n    </TableIdContext.Provider>\n  );\n}\n\nexport function useTableIdGenerator() {\n  const context = useContext(TableIdContext);\n\n  if (!context) {\n    throw new Error(\n      \"useTableIdGenerator must be used within TableIdGeneratorProvider\"\n    );\n  }\n\n  return context;\n}\n"],"names":["TableIdContext","createContext","TableIdGeneratorProvider","props","_jsx","Provider","value","IdGenerator","id","children","useTableIdGenerator","context","useContext","Error"],"mappings":"8IAIA,IAAMA,EAAiBC,EAAwC,MAEzD,SAAUC,EAAyBC,GAIvC,OACEC,EAACJ,EAAeK,SAAS,CAAAC,MAAO,IAAIC,EAAYJ,EAAMK,IAAGC,SACtDN,EAAMM,UAGb,UAEgBC,IACd,IAAMC,EAAUC,EAAWZ,GAE3B,IAAKW,EACH,MAAM,IAAIE,MACR,oEAIJ,OAAOF,CACT"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{createContext as o,useContext as i,useEffect as d}from"react";import{NoImplementeFunction as a}from"../lib/errors.js";import{useRangeReducer as s}from"./hooks.js";import{useTablePropertyStateContext as l}from"../table-property/provider.js";import{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};
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{createContext as o,useContext as i,useEffect as d}from"react";import{NoImplementeFunction as a}from"../lib/errors.js";import{useRangeReducer as s}from"./hooks.js";import{useTablePropertyStateContext as l}from"../table-property/provider.js";import{useTableIdGenerator as c}from"../id/provider.js";var m=o({isSelecting:!1}),u=o({setMax:a,startSelectRange:a,moveSelectRange:a,endSelectRange:a,moveUp:a,moveDown:a,moveLeft:a,moveRight:a,extendUp:a,extendDown:a,extendLeft:a,extendRight:a,reset:a,setRange:a});function x(){return i(m)}function f(){return i(u)}function p(){return e(e({},x()),f())}function v(){var e=f().setMax,n=l(),o=n.maxDisplayRowCount,i=n.maxDisplayColCount;return d((function(){e({maxRowIndex:o-1,maxColIndex:i-1})}),[o,i]),t(r,{})}function g(e){var n=c(),o=x();if(d((function(){if(o.isSelecting){var e=document.getElementById(n.getTableCellId({rowIndex:o.end.rowIndex,columnIndex:o.end.colIndex}));e&&(e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"}),e.focus())}}),[o]),!o.isSelecting)return t(r,{});var i=o.rangeBox,a=o.start,s=o.end;return a.xEnd<s.xEnd?s.xEnd:a.xEnd,a.yEnd<s.yEnd?s.yEnd:a.yEnd,t(r,{children:t("div",{className:"absolute border border-gray-500 bg-gray-500 bg-opacity-10 ".concat(e.isCopied?"border-dashed":"border-solid"),style:{top:i.top,left:i.left,width:i.width,height:i.height,pointerEvents:"none"}})})}function h(e){var r=e.children,o=s(),i=o.state,d=o.actions;return t(m.Provider,{value:i,children:n(u.Provider,{value:d,children:[t(v,{}),r]})})}export{h as RangeProvider,g as TestRange,f as useRangeActionContext,p as useRangeContext,x as useRangeStateContext};
 //# 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  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"}
+{"version":3,"file":"provider.js","sources":["../../../../../src/table/range/provider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect } from \"react\";\nimport { TRangeActionContext, TRangeStateContext } from \"./type\";\nimport { NoImplementeFunction } from \"../lib/errors\";\nimport { useRangeReducer } from \"./hooks\";\nimport { useTablePropertyStateContext } from \"../table-property/provider\";\nimport { useTableIdGenerator } from \"../id\";\n\nconst RangeStateContext = createContext<TRangeStateContext>({\n  isSelecting: false,\n});\n\nconst RangeActionContext = createContext<TRangeActionContext>({\n  setMax: NoImplementeFunction,\n  startSelectRange: NoImplementeFunction,\n  moveSelectRange: NoImplementeFunction,\n  endSelectRange: NoImplementeFunction,\n  moveUp: NoImplementeFunction,\n  moveDown: NoImplementeFunction,\n  moveLeft: NoImplementeFunction,\n  moveRight: NoImplementeFunction,\n  extendUp: NoImplementeFunction,\n  extendDown: NoImplementeFunction,\n  extendLeft: NoImplementeFunction,\n  extendRight: NoImplementeFunction,\n  reset: NoImplementeFunction,\n  setRange: NoImplementeFunction,\n});\n\nexport function useRangeStateContext() {\n  return useContext(RangeStateContext);\n}\n\nexport function useRangeActionContext() {\n  return useContext(RangeActionContext);\n}\n\nexport function useRangeContext() {\n  return { ...useRangeStateContext(), ...useRangeActionContext() };\n}\n\nfunction EffectSetMax() {\n  const { setMax } = useRangeActionContext();\n  const { maxDisplayRowCount, maxDisplayColCount } =\n    useTablePropertyStateContext();\n\n  useEffect(() => {\n    setMax({\n      maxRowIndex: maxDisplayRowCount - 1,\n      maxColIndex: maxDisplayColCount - 1,\n    });\n  }, [maxDisplayRowCount, maxDisplayColCount]);\n\n  return <></>;\n}\n\nexport function TestRange(props: { isCopied?: boolean }) {\n  const IdGenerator = useTableIdGenerator();\n  const state = useRangeStateContext();\n\n  useEffect(() => {\n    if (state.isSelecting) {\n      const endElement = document.getElementById(\n        IdGenerator.getTableCellId({\n          rowIndex: state.end.rowIndex,\n          columnIndex: state.end.colIndex,\n        })\n      );\n\n      if (endElement) {\n        endElement.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n          inline: \"nearest\",\n        });\n        endElement.focus();\n      }\n    }\n  }, [state]);\n\n  if (!state.isSelecting) {\n    return <></>;\n  }\n\n  const { rangeBox, start, end } = state;\n\n  const clickboxPoint = {\n    x: start.xEnd < end.xEnd ? end.xEnd : start.xEnd,\n    y: start.yEnd < end.yEnd ? end.yEnd : start.yEnd,\n  };\n\n  return (\n    <>\n      <div\n        className={`absolute border border-gray-500 bg-gray-500 bg-opacity-10 ${\n          props.isCopied ? \"border-dashed\" : \"border-solid\"\n        }`}\n        style={{\n          top: rangeBox.top,\n          left: rangeBox.left,\n          width: rangeBox.width,\n          height: rangeBox.height,\n          pointerEvents: \"none\",\n        }}\n      ></div>\n      {/* <div\n        className=\"absolute bg-gray-700\"\n        style={{\n          top: clickboxPoint.y - 5,\n          left: clickboxPoint.x - 5,\n          width: 10,\n          height: 10,\n          pointerEvents: \"none\",\n        }}\n      /> */}\n    </>\n  );\n}\n\nexport function RangeProvider({\n  children,\n}: {\n  children: JSX.Element | JSX.Element[];\n}) {\n  const { state, actions } = useRangeReducer();\n\n  return (\n    <RangeStateContext.Provider value={state}>\n      <RangeActionContext.Provider value={actions}>\n        <EffectSetMax />\n        {children}\n      </RangeActionContext.Provider>\n    </RangeStateContext.Provider>\n  );\n}\n"],"names":["RangeStateContext","createContext","isSelecting","RangeActionContext","setMax","NoImplementeFunction","startSelectRange","moveSelectRange","endSelectRange","moveUp","moveDown","moveLeft","moveRight","extendUp","extendDown","extendLeft","extendRight","reset","setRange","useRangeStateContext","useContext","useRangeActionContext","useRangeContext","__assign","EffectSetMax","_a","useTablePropertyStateContext","maxDisplayRowCount","maxDisplayColCount","useEffect","maxRowIndex","maxColIndex","_jsx","TestRange","props","IdGenerator","useTableIdGenerator","state","endElement","document","getElementById","getTableCellId","rowIndex","end","columnIndex","colIndex","scrollIntoView","behavior","block","inline","focus","rangeBox","start","xEnd","yEnd","className","concat","isCopied","style","top","left","width","height","pointerEvents","RangeProvider","children","_b","useRangeReducer","actions","Provider","value","_jsxs"],"mappings":"mbAOA,IAAMA,EAAoBC,EAAkC,CAC1DC,aAAa,IAGTC,EAAqBF,EAAmC,CAC5DG,OAAQC,EACRC,iBAAkBD,EAClBE,gBAAiBF,EACjBG,eAAgBH,EAChBI,OAAQJ,EACRK,SAAUL,EACVM,SAAUN,EACVO,UAAWP,EACXQ,SAAUR,EACVS,WAAYT,EACZU,WAAYV,EACZW,YAAaX,EACbY,MAAOZ,EACPa,SAAUb,aAGIc,IACd,OAAOC,EAAWpB,EACpB,UAEgBqB,IACd,OAAOD,EAAWjB,EACpB,UAEgBmB,IACd,OAAAC,EAAAA,EAAA,CAAA,EAAYJ,KAA2BE,IACzC,CAEA,SAASG,IACC,IAAApB,EAAWiB,WACbI,EACJC,IADMC,EAAkBF,EAAAE,mBAAEC,EAAkBH,EAAAG,mBAU9C,OAPAC,GAAU,WACRzB,EAAO,CACL0B,YAAaH,EAAqB,EAClCI,YAAaH,EAAqB,GAEtC,GAAG,CAACD,EAAoBC,IAEjBI,OACT,CAEM,SAAUC,EAAUC,GACxB,IAAMC,EAAcC,IACdC,EAAQlB,IAsBd,GApBAU,GAAU,WACR,GAAIQ,EAAMnC,YAAa,CACrB,IAAMoC,EAAaC,SAASC,eAC1BL,EAAYM,eAAe,CACzBC,SAAUL,EAAMM,IAAID,SACpBE,YAAaP,EAAMM,IAAIE,YAIvBP,IACFA,EAAWQ,eAAe,CACxBC,SAAU,SACVC,MAAO,UACPC,OAAQ,YAEVX,EAAWY,QAEd,CACH,GAAG,CAACb,KAECA,EAAMnC,YACT,OAAO8B,QAGD,IAAAmB,EAAyBd,EAAKc,SAApBC,EAAef,EAAKe,MAAbT,EAAQN,MAOjC,OAJKe,EAAMC,KAAOV,EAAIU,KAAOV,EAAIU,KAAOD,EAAMC,KACzCD,EAAME,KAAOX,EAAIW,KAAOX,EAAIW,KAAOF,EAAME,KAI5CtB,cACEA,EACE,MAAA,CAAAuB,UAAW,6DACTC,OAAAtB,EAAMuB,SAAW,gBAAkB,gBAErCC,MAAO,CACLC,IAAKR,EAASQ,IACdC,KAAMT,EAASS,KACfC,MAAOV,EAASU,MAChBC,OAAQX,EAASW,OACjBC,cAAe,WAezB,CAEM,SAAUC,EAAcvC,GAC5B,IAAAwC,EAAQxC,EAAAwC,SAIFC,EAAqBC,IAAnB9B,EAAK6B,EAAA7B,MAAE+B,EAAOF,EAAAE,QAEtB,OACEpC,EAAChC,EAAkBqE,SAAS,CAAAC,MAAOjC,EACjC4B,SAAAM,EAACpE,EAAmBkE,SAAQ,CAACC,MAAOF,EAAOH,SAAA,CACzCjC,EAACR,EAAe,CAAA,GACfyC,MAIT"}

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

@@ -1,2 +1,2 @@
-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};
+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{useRangeActionContext as n}from"../range/provider.js";import{useTableIdGenerator as a}from"../id/provider.js";var l=t((function(t){var l=a(),c=n().reset,p=JSON.parse(t.dataString),m=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(p):""),onClick:function(r){r.preventDefault(),t.onClickRow&&(t.onClickRow(p),c())},"data-testid":p.id,children:[t.existCheckbox&&o("td",{onClick:function(r){r.stopPropagation()},children:o(e,{row:p})}),t.cols.map((function(r,e){var n;return o(i,{id:l.getTableCellId({rowIndex:t.rowIndex,columnIndex:e}),row:p,isExistOnClickRow:!!t.onClickRow,cellFormatClassName:m[e],editable:null!==(n=r.editable)&&void 0!==n&&n},r.key)}))]})}));export{l as Row};
 //# sourceMappingURL=components.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":["../../../../../src/table/sheet/components.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport { DataRecord, TTableColumn } from \"../table/type\";\nimport { Checkbox } from \"../checkbox/components\";\nimport { TableCell } from \"../cell/ui/cell\";\nimport { IdGenerator } from \"../libs\";\nimport { useRangeActionContext } from \"../range/provider\";\n\ninterface TPropsRow<T extends DataRecord> {\n  dataString: string;\n  cols: TTableColumn<T>[];\n  existCheckbox?: boolean;\n  rowIndex: number;\n  conditionalFormattingString: string;\n  onClickRow?: (row: any) => void;\n  applyRowFormatting?: (row: any) => string;\n}\n\nexport const Row = memo(function R<T extends DataRecord>(props: TPropsRow<T>) {\n  const { reset } = useRangeActionContext();\n  const row = JSON.parse(props.dataString);\n  const conditionalFormatting = props.conditionalFormattingString.split(\",\");\n\n  return (\n    <tr\n      className={`relative border border-gray-200 after:absolute after:w-full after:h-full after:top-0 after:left-0 after:pointer-events-none after:hover:bg-gray-500/10 ${\n        !!props.onClickRow ? \"hover:cursor-pointer\" : \"\"\n      } ${props.applyRowFormatting ? props.applyRowFormatting(row) : \"\"}`}\n      onClick={(e) => {\n        e.preventDefault();\n\n        if (!!props.onClickRow) {\n          props.onClickRow(row);\n          reset();\n        }\n      }}\n      data-testid={row.id}\n    >\n      {props.existCheckbox && (\n        <td\n          onClick={(e) => {\n            e.stopPropagation();\n          }}\n        >\n          <Checkbox row={row} />\n        </td>\n      )}\n      {props.cols.map((col, j) => {\n        return (\n          <TableCell\n            key={col.key as string}\n            id={IdGenerator.getTableCellId(props.rowIndex, j)}\n            row={row}\n            isExistOnClickRow={!!props.onClickRow}\n            cellFormatClassName={conditionalFormatting[j]}\n            editable={col.editable ?? false}\n          />\n        );\n      })}\n    </tr>\n  );\n});\n"],"names":["Row","memo","props","reset","useRangeActionContext","row","JSON","parse","dataString","conditionalFormatting","conditionalFormattingString","split","_jsxs","className","concat","onClickRow","applyRowFormatting","onClick","e","preventDefault","id","existCheckbox","_jsx","stopPropagation","children","Checkbox","cols","map","col","j","TableCell","IdGenerator","getTableCellId","rowIndex","isExistOnClickRow","cellFormatClassName","editable","_a","key"],"mappings":"0SAiBaA,EAAMC,GAAK,SAAiCC,GAC/C,IAAAC,EAAUC,UACZC,EAAMC,KAAKC,MAAML,EAAMM,YACvBC,EAAwBP,EAAMQ,4BAA4BC,MAAM,KAEtE,OACEC,EACE,KAAA,CAAAC,UAAW,0JACTC,OAAEZ,EAAMa,WAAa,uBAAyB,GAC5C,KAAAD,OAAAZ,EAAMc,mBAAqBd,EAAMc,mBAAmBX,GAAO,IAC/DY,QAAS,SAACC,GACRA,EAAEC,iBAEIjB,EAAMa,aACVb,EAAMa,WAAWV,GACjBF,IAEH,EACY,cAAAE,EAAIe,aAEhBlB,EAAMmB,eACLC,EAAA,KAAA,CACEL,QAAS,SAACC,GACRA,EAAEK,iBACH,EAAAC,SAEDF,EAACG,EAAQ,CAACpB,IAAKA,MAGlBH,EAAMwB,KAAKC,KAAI,SAACC,EAAKC,SACpB,OACEP,EAACQ,EAAS,CAERV,GAAIW,EAAYC,eAAe9B,EAAM+B,SAAUJ,GAC/CxB,IAAKA,EACL6B,oBAAqBhC,EAAMa,WAC3BoB,oBAAqB1B,EAAsBoB,GAC3CO,SAAsB,UAAZR,EAAIQ,gBAAQ,IAAAC,GAAAA,GALjBT,EAAIU,UAWrB"}
+{"version":3,"file":"components.js","sources":["../../../../../src/table/sheet/components.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport { DataRecord, TTableColumn } from \"../table/type\";\nimport { Checkbox } from \"../checkbox/components\";\nimport { TableCell } from \"../cell/ui/cell\";\nimport { useRangeActionContext } from \"../range/provider\";\nimport { useTableIdGenerator } from \"../id\";\n\ninterface TPropsRow<T extends DataRecord> {\n  dataString: string;\n  cols: TTableColumn<T>[];\n  existCheckbox?: boolean;\n  rowIndex: number;\n  conditionalFormattingString: string;\n  onClickRow?: (row: any) => void;\n  applyRowFormatting?: (row: any) => string;\n}\n\nexport const Row = memo(function R<T extends DataRecord>(props: TPropsRow<T>) {\n  const IdGenerator = useTableIdGenerator();\n  const { reset } = useRangeActionContext();\n  const row = JSON.parse(props.dataString);\n  const conditionalFormatting = props.conditionalFormattingString.split(\",\");\n\n  return (\n    <tr\n      className={`relative border border-gray-200 after:absolute after:w-full after:h-full after:top-0 after:left-0 after:pointer-events-none after:hover:bg-gray-500/10 ${\n        !!props.onClickRow ? \"hover:cursor-pointer\" : \"\"\n      } ${props.applyRowFormatting ? props.applyRowFormatting(row) : \"\"}`}\n      onClick={(e) => {\n        e.preventDefault();\n\n        if (!!props.onClickRow) {\n          props.onClickRow(row);\n          reset();\n        }\n      }}\n      data-testid={row.id}\n    >\n      {props.existCheckbox && (\n        <td\n          onClick={(e) => {\n            e.stopPropagation();\n          }}\n        >\n          <Checkbox row={row} />\n        </td>\n      )}\n      {props.cols.map((col, j) => {\n        return (\n          <TableCell\n            key={col.key as string}\n            id={IdGenerator.getTableCellId({\n              rowIndex: props.rowIndex,\n              columnIndex: j,\n            })}\n            row={row}\n            isExistOnClickRow={!!props.onClickRow}\n            cellFormatClassName={conditionalFormatting[j]}\n            editable={col.editable ?? false}\n          />\n        );\n      })}\n    </tr>\n  );\n});\n"],"names":["Row","memo","props","IdGenerator","useTableIdGenerator","reset","useRangeActionContext","row","JSON","parse","dataString","conditionalFormatting","conditionalFormattingString","split","_jsxs","className","concat","onClickRow","applyRowFormatting","onClick","e","preventDefault","id","existCheckbox","_jsx","stopPropagation","children","Checkbox","cols","map","col","j","TableCell","getTableCellId","rowIndex","columnIndex","isExistOnClickRow","cellFormatClassName","editable","_a","key"],"mappings":"4SAiBaA,EAAMC,GAAK,SAAiCC,GACvD,IAAMC,EAAcC,IACZC,EAAUC,UACZC,EAAMC,KAAKC,MAAMP,EAAMQ,YACvBC,EAAwBT,EAAMU,4BAA4BC,MAAM,KAEtE,OACEC,EACE,KAAA,CAAAC,UAAW,0JACTC,OAAEd,EAAMe,WAAa,uBAAyB,GAC5C,KAAAD,OAAAd,EAAMgB,mBAAqBhB,EAAMgB,mBAAmBX,GAAO,IAC/DY,QAAS,SAACC,GACRA,EAAEC,iBAEInB,EAAMe,aACVf,EAAMe,WAAWV,GACjBF,IAEH,EACY,cAAAE,EAAIe,aAEhBpB,EAAMqB,eACLC,EAAA,KAAA,CACEL,QAAS,SAACC,GACRA,EAAEK,iBACH,EAAAC,SAEDF,EAACG,EAAQ,CAACpB,IAAKA,MAGlBL,EAAM0B,KAAKC,KAAI,SAACC,EAAKC,SACpB,OACEP,EAACQ,EAAS,CAERV,GAAInB,EAAY8B,eAAe,CAC7BC,SAAUhC,EAAMgC,SAChBC,YAAaJ,IAEfxB,IAAKA,EACL6B,oBAAqBlC,EAAMe,WAC3BoB,oBAAqB1B,EAAsBoB,GAC3CO,SAA0B,QAAhBC,EAAAT,EAAIQ,gBAAY,IAAAC,GAAAA,GARrBT,EAAIU,UAcrB"}

package/dist/esm/src/table/table/base.js

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

package/dist/index.d.ts

@@ -98,6 +98,7 @@ type TConditionalFormatting<T extends DataRecord> = {
 };
 type TailwindCssStyle = string;
 type TPropsTable<T extends DataRecord> = {
+    id?: string;
     cols: TTableColumn<T>[];
     rows: DataObject<T>[];
     onClickRow?: (row: DataObject<T>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teppen/react-ui",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "description": "React UI Component",
   "main": "dist/cjs/src/index.js",
   "module": "dist/esm/src/index.js",

package/dist/cjs/src/table/libs/id-generator.js

@@ -1,2 +0,0 @@
-"use strict";var t={getTableId:function(t){return"react-ui:table".concat((null==t?void 0:t.id)?"-".concat(t.id):"")},getTableCellId:function(t,e){return"table-cell-".concat(t,"-").concat(e)},getCellIndex:function(t){var e=t.split("-");e[0],e[1];var n=e[2],c=e[3];return[Number(n),Number(c)]},getTableColId:function(t){return"table-col-".concat(t)}};exports.IdGenerator=t;
-//# sourceMappingURL=id-generator.js.map