@teppen/react-ui 1.4.4 → 1.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- "use strict";var e=require("react/jsx-runtime");require("../filter/provider.js");var i=require("../filter/components.js"),s=require("../sheet/providers.js"),t=require("../sort/components.js");require("../sort/provider.js");var r=require("./resize-col-width-hook.js");exports.TableHeaderElement=function(l){var o=s.useColumnContext(l.columnKey),n=r.useResizeColWidthHook({initialWidth:o.initialWidth,minWidth:o.minWidth}),a=n.colWidth,d=n.onMouseDownResizeWidth;return e.jsxs("th",{id:l.id,className:"relative",style:{minWidth:a},children:[e.jsxs("div",{className:"flex justify-between items-center bg-gray-200 text-gray-600 h-[32px] min-w-fit",children:[e.jsx("div",{className:"px-2",children:o.label&&e.jsx("p",{className:"text-left font-bold text-nowrap overflow-hidden text-ellipsis w-[70%] min-w-20",children:o.label})}),e.jsxs("div",{className:"flex items-center gap-1 px-1",children:[!o.disableSort&&e.jsx(t.SortButton,{columnKey:l.columnKey}),!o.disableFilter&&e.jsx(i.TableFilter,{columnKey:l.columnKey})]})]}),e.jsx("div",{className:"absolute top-0 right-0 grid place-items-end py-1 w-[4px] h-full cursor-col-resize",onMouseDown:d,children:e.jsx("div",{className:"w-[1px] h-full bg-white"})})]})};
2
+ "use strict";var e=require("react/jsx-runtime"),i=require("react");require("../filter/provider.js");var r=require("../filter/components.js"),t=require("../sheet/providers.js"),s=require("../sort/components.js");require("../sort/provider.js");var l=require("./resize-col-width-hook.js");exports.TableHeaderElement=function(n){var o=t.useColumnContext(n.columnKey),a=l.useResizeColWidthHook({initialWidth:o.initialWidth,minWidth:o.minWidth}),d=a.colWidth,c=a.onMouseDownResizeWidth,u=i.useRef(null),h=u.current?d-u.current.clientWidth:d;return e.jsxs("th",{id:n.id,className:"relative",style:{width:d,maxWidth:d},children:[e.jsxs("div",{className:"flex justify-between items-center bg-gray-200 text-gray-600 h-[32px]",children:[e.jsx("div",{className:"px-2",style:{maxWidth:h},children:o.label&&e.jsx("p",{className:"text-left font-bold text-nowrap overflow-hidden text-ellipsis",children:o.label})}),e.jsxs("div",{ref:u,className:"flex items-center w-fit shrink-0 gap-1 px-1",children:[!o.disableSort&&e.jsx(s.SortButton,{columnKey:n.columnKey}),!o.disableFilter&&e.jsx(r.TableFilter,{columnKey:n.columnKey})]})]}),e.jsx("div",{className:"absolute top-0 right-0 grid place-items-end py-1 w-[4px] h-full cursor-col-resize",onMouseDown:c,children:e.jsx("div",{className:"w-[1px] h-full bg-white"})})]})};
3
3
  //# sourceMappingURL=header.js.map
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import{jsxs as e,jsx as i}from"react/jsx-runtime";import"../filter/provider.js";import{TableFilter as t}from"../filter/components.js";import{useColumnContext as r}from"../sheet/providers.js";import{SortButton as o}from"../sort/components.js";import"../sort/provider.js";import{useResizeColWidthHook as l}from"./resize-col-width-hook.js";function s(s){var n=r(s.columnKey),m=l({initialWidth:n.initialWidth,minWidth:n.minWidth}),d=m.colWidth,a=m.onMouseDownResizeWidth;return e("th",{id:s.id,className:"relative",style:{minWidth:d},children:[e("div",{className:"flex justify-between items-center bg-gray-200 text-gray-600 h-[32px] min-w-fit",children:[i("div",{className:"px-2",children:n.label&&i("p",{className:"text-left font-bold text-nowrap overflow-hidden text-ellipsis w-[70%] min-w-20",children:n.label})}),e("div",{className:"flex items-center gap-1 px-1",children:[!n.disableSort&&i(o,{columnKey:s.columnKey}),!n.disableFilter&&i(t,{columnKey:s.columnKey})]})]}),i("div",{className:"absolute top-0 right-0 grid place-items-end py-1 w-[4px] h-full cursor-col-resize",onMouseDown:a,children:i("div",{className:"w-[1px] h-full bg-white"})})]})}export{s as TableHeaderElement};
2
+ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useRef as t}from"react";import"../filter/provider.js";import{TableFilter as r}from"../filter/components.js";import{useColumnContext as l}from"../sheet/providers.js";import{SortButton as o}from"../sort/components.js";import"../sort/provider.js";import{useResizeColWidthHook as s}from"./resize-col-width-hook.js";function n(n){var m=l(n.columnKey),d=s({initialWidth:m.initialWidth,minWidth:m.minWidth}),c=d.colWidth,a=d.onMouseDownResizeWidth,h=t(null),p=h.current?c-h.current.clientWidth:c;return e("th",{id:n.id,className:"relative",style:{width:c,maxWidth:c},children:[e("div",{className:"flex justify-between items-center bg-gray-200 text-gray-600 h-[32px]",children:[i("div",{className:"px-2",style:{maxWidth:p},children:m.label&&i("p",{className:"text-left font-bold text-nowrap overflow-hidden text-ellipsis",children:m.label})}),e("div",{ref:h,className:"flex items-center w-fit shrink-0 gap-1 px-1",children:[!m.disableSort&&i(o,{columnKey:n.columnKey}),!m.disableFilter&&i(r,{columnKey:n.columnKey})]})]}),i("div",{className:"absolute top-0 right-0 grid place-items-end py-1 w-[4px] h-full cursor-col-resize",onMouseDown:a,children:i("div",{className:"w-[1px] h-full bg-white"})})]})}export{n as TableHeaderElement};
3
3
  //# sourceMappingURL=header.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teppen/react-ui",
3
- "version": "1.4.4",
3
+ "version": "1.4.5",
4
4
  "description": "React UI Component",
5
5
  "main": "dist/cjs/src/index.js",
6
6
  "module": "dist/esm/src/index.js",