@teppen/react-ui 1.7.1 → 1.7.3

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          <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","children","existCheckbox","_jsx","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,GAEhBC,SAAA,CAAAnB,EAAMoB,eACLC,EACE,KAAA,CAAAF,SAAAE,EAACC,EAAS,CAAAnB,IAAKA,MAGlBH,EAAMuB,KAAKC,KAAI,SAACC,EAAKC,SACpB,OACEL,EAACM,EAAS,CAERT,GAAIU,EAAYC,eAAe7B,EAAM8B,SAAUJ,GAC/CvB,IAAKA,EACL4B,oBAAqB/B,EAAMa,WAC3BmB,oBAAqBzB,EAAsBmB,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 { 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"}

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 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 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 k}from"../libs/conditional-formatting.js";import{Editor as y}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";function P(i){var t,l,s;return r(d,{children:r(m,{initialCondition:null===(t=i.initialCondition)||void 0===t?void 0:t.sort,children:r(n,{rowCount:i.rows.length,perPage:null===(s=null===(l=i.initialCondition)||void 0===l?void 0:l.pagenation)||void 0===s?void 0:s.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(v,{children:r(b,{children:r(N,{children:r(I,{rows:i.rows,cols:i.cols,children:e(x,{rows:i.rows,cols:i.cols,onUpdateRowFunction:i.onUpdateRow,children:[r(w,{}),r(S,o({},i))]})})})})})})})})})})})}function S(o){var n=i(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(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})}),d.map((function(o,e){return r(t,{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,i){return r(j,{existCheckbox:!!o.checkbox,rowIndex:i,dataString:m[e].stringValue,cols:o.cols,onClickRow:o.onClickRow,applyRowFormatting:o.applyRowFormatting,conditionalFormattingString:k(m[e].data,d,o.conditionalFormattings)},e)}))]})]})]}),e("div",{className:"mt-1",children:[r(l,{}),r("div",{className:"mt-2",children:r(s,{})})]})]})}export{P 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 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};
 //# sourceMappingURL=base.js.map

package/package.json

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