@hxtos/hx-components 0.9.4 → 0.9.5

package/dist/index.es.js

@@ -23381,7 +23381,7 @@ function tte({
       "th",
       {
         className: et(
-          "px-2 py-3 text-xs text-left select-none border border-brand-disabled",
+          "px-2 py-3 text-xs text-left select-none border-b border-brand-disabled",
           {
             "border-r": td(G) || hy(G),
             "border-l": td(G) || gy(G)

package/dist/index.umd.js

@@ -187,7 +187,7 @@ You should wrap it with \`css\` like this:
  * LICENSE.md file in the root directory of this source tree.
  *
  * @license MIT
- */function Yx(e,t){return e?WX(e)?re.createElement(e,t):e:null}function WX(e){return ZX(e)||typeof e=="function"||XX(e)}function ZX(e){return typeof e=="function"&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function XX(e){return typeof e=="object"&&typeof e.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}function zX(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=re.useState(()=>({current:LX(t)})),[r,i]=re.useState(()=>n.current.initialState);return n.current.setOptions(a=>({...a,...e,state:{...r,...e.state},onStateChange:u=>{i(u),e.onStateChange==null||e.onStateChange(u)}})),n.current}function UX({setFilter:e,placeholder:t}){let n=0;function r(i){clearTimeout(n),n=setTimeout(()=>{e(i.target.value||void 0)},500)}return F.jsxs("div",{className:"flex items-center gap-2 px-2 my-2 bg-gray-100 border-b-2 border-gray-200 rounded-sm focus-within:border-0 focus-within:border-b focus-within:border-brand-primary focus-within:ring-brand-primary dark:bg-gray-700",children:[F.jsx(zh,{className:"text-brand-secondary-text dark:text-brand-gray"}),F.jsx("input",{className:"flex-1 py-2 bg-transparent text-sm border-none appearance-none focus:outline-none focus:ring-0",placeholder:t,onChange:r})]})}function YX(e,t){return e?[{id:"select",sortingFn:!1,header:({table:r})=>F.jsx(Jx,{checked:r.getIsAllRowsSelected(),indeterminate:r.getIsSomeRowsSelected(),onChange:r.getToggleAllRowsSelectedHandler()}),cell:({row:r})=>F.jsx("div",{className:"px-1",children:F.jsx(Jx,{checked:r.getIsSelected(),disabled:!r.getCanSelect(),indeterminate:r.getIsSomeSelected(),onChange:r.getToggleSelectedHandler()})})},...t]:t}function Jx({indeterminate:e,className:t="w-5 h-5 rounded-md border-brand-primary border-1 text-brand-primary focus:ring-0",...n}){const r=b.useRef(null);return b.useEffect(()=>{typeof e=="boolean"&&(r.current.indeterminate=!n.checked&&e)},[r,e]),F.jsx("input",{type:"checkbox",ref:r,className:t+" cursor-pointer",...n})}function Tp(e){var t;return((t=e==null?void 0:e.subHeaders)==null?void 0:t.length)>0}function Kx(e){var t,n,r,i,a,u,l;return((r=(n=(t=e==null?void 0:e.column)==null?void 0:t.parent)==null?void 0:n.columns)==null?void 0:r.length)&&((u=(a=(i=e==null?void 0:e.column)==null?void 0:i.parent)==null?void 0:a.columns[e.column.parent.columns.length-1])==null?void 0:u.id)===((l=e==null?void 0:e.column)==null?void 0:l.id)}function qx(e){var t,n,r,i,a,u,l;return((r=(n=(t=e==null?void 0:e.column)==null?void 0:t.parent)==null?void 0:n.columns)==null?void 0:r.length)&&((u=(a=(i=e==null?void 0:e.column)==null?void 0:i.parent)==null?void 0:a.columns[0])==null?void 0:u.id)===((l=e==null?void 0:e.column)==null?void 0:l.id)}function JX({data:e,columns:t,isFetching:n,searchable:r=!0,isRowSelection:i=!1,totalRecords:a,spinnerMessage:u="Carregando...",noRecordsMessage:l="Nenhuma entrada encontrada.",searchPlaceholder:c="Buscar...",itemsPerPageMessage:f="Itens por página:",pageSeparatorMessage:p="de",onRowSelection:h,renderSubComponent:m,getRowCanExpand:v,onSearch:S,onSize:C,onPage:E,onColumn:P,onSort:M}){const $="onChange",[B,N]=b.useState([]),[U,X]=b.useState(0),[ee,fe]=b.useState(!1),[Oe,ze]=b.useState(!1),[He,he]=b.useState({}),Ce=zX({data:e,columns:YX(i,t),columnResizeMode:$,initialState:{pagination:{pageSize:5}},defaultColumn:{minSize:100,size:150,maxSize:1e3},state:{rowSelection:He,sorting:B},getRowCanExpand:v,onRowSelectionChange:he,getCoreRowModel:DX(),getFilteredRowModel:kX(),getPaginationRowModel:HX(),onSortingChange:N,getSortedRowModel:jX(),getExpandedRowModel:GX()}),be=Ce.getState().pagination.pageSize;function _e(G,q){function se(){const ue=G.column.getIsSorted();return ue?ue==="desc"?F.jsx(X2,{}):F.jsx(Z2,{}):F.jsx(z2,{})}function J(ue){const Q=ue.column.getIsSorted();M(typeof Q=="boolean"?"":Q),P(ue.id)}return F.jsx(F.Fragment,{children:F.jsx("th",{className:et("px-2 py-3 text-xs text-left select-none border border-brand-disabled",{"border-r":Tp(G)||Kx(G),"border-l":Tp(G)||qx(G)}),colSpan:G.colSpan,style:{width:De(G)},children:F.jsxs("div",{className:"flex items-center justify-between",children:[F.jsxs("div",{className:"flex flex-row items-center space-x-4 text-sm font-bold text-brand-primary",children:[F.jsx("span",{className:"w-full",children:Yx(G.column.columnDef.header,G.getContext())}),G.column.columnDef.sortingFn&&!Tp(G)&&F.jsx("span",{className:`px-2  ${G.column.getCanSort()?"cursor-pointer":""}`,onClick:async ue=>{await G.column.getToggleSortingHandler()(ue),J(G)},children:se()})]}),G.id!=="select"&&F.jsx("div",{onMouseDown:G.getResizeHandler(),onTouchStart:G.getResizeHandler(),className:"w-3 h-full text-brand-gray cursor-col-resize",children:F.jsx(W2,{})})]})},`thead-th-${G.id}-${q}`)})}function De(G){return G.id==="select"?50:G.getSize()}function Ye(G){return F.jsx("tr",{className:"mx-auto",children:G.headers.map(_e)},`thead-tr-${G.id}`)}function T(G,q){return F.jsx("td",{className:et("px-2 children:align-middle overflow-ellipsis whitespace-nowrap border-brand-disabled",{"border-r":Kx(G),"border-l":qx(G)}),children:Yx(G.column.columnDef.cell,G.getContext())},`tbody-td-${G.id}-${q}`)}function _(G,q){return F.jsxs(b.Fragment,{children:[F.jsx("tr",{className:"mx-auto children:text-sm children:py-3 children:text-brand-text dark:children:text-white children:last-of-type:border-b children:last-of-type:border-brand-disabled",children:G.getVisibleCells().map(T)},`tbody-tr-${G.id}-${q}`),G.getIsExpanded()?F.jsx("tr",{children:F.jsx("td",{colSpan:G.getVisibleCells().length,children:m({row:G})})}):null]},`tbody-fragmment-${G.id}-${q}`)}function R(G){E(G),X(G)}function O(G){C(Number(G.target.value)),Ce.setPageSize(Number(G.target.value))}function y(G){R(0),S(G)}function H(){R(0)}function te(){const G=U-1;R(G)}function oe(){const G=U+1;R(G)}function z(){const G=Math.ceil(a/be)-1;R(G)}function Y(){return h(Ce.getSelectedRowModel().flatRows)}return b.useEffect(()=>{function G(){if(U===0){fe(!1);return}fe(!0)}function q(){if(U>=Math.ceil(a/be)-1){ze(!1);return}ze(!0)}G(),q()},[U,a]),F.jsxs("div",{className:"text-black dark:text-white",children:[r&&F.jsx(UX,{setFilter:y,placeholder:c}),n&&F.jsx("div",{className:"flex items-center justify-center mt-10",children:F.jsx(op,{size:50,children:u})}),e.length===0&&!n&&F.jsx("p",{className:"text-sm text-center",children:l}),e.length>0&&!n&&F.jsx("div",{className:"flex justify-center items-center",children:F.jsx("div",{className:"overflow-x-auto",children:F.jsxs("table",{style:{width:Ce.getCenterTotalSize()},children:[F.jsx("thead",{children:Ce.getHeaderGroups().map(Ye)}),F.jsx("tbody",{className:"divide-y divide-brand-disabled",children:Ce.getRowModel().rows.map(_)})]})})}),F.jsxs("div",{className:"flex items-center justify-end gap-2 px-2 py-2 my-2 text-sm text-brand-text dark:text-white",children:[F.jsx("p",{children:f}),F.jsx("select",{className:et("w-20 border-0 border-b border-brand-disabled focus:outline-none focus:ring-0 focus:border-l-0 focus:border-b focus:border-brand-primary","bg-brand-light-gray dark:bg-brand-dark-gray-dark","text-brand-secondary-text dark:text-brand-gray"),value:be,onChange:O,children:[5,10,25,50].map(G=>F.jsx("option",{value:G,children:G},`page-size-option-${G}`))}),F.jsxs("span",{children:[U+1," ",p," ",Math.ceil(a/be)]}),F.jsx("button",{onClick:H,disabled:!ee,className:"text-gray-500 disabled:text-gray-300 hover:text-gray-700",children:F.jsx(G2,{})}),F.jsx("button",{onClick:te,disabled:!ee,className:"text-gray-500 disabled:text-gray-300 hover:text-gray-700",children:F.jsx(Zh,{})}),F.jsx("button",{onClick:oe,disabled:!Oe,className:"text-gray-500 disabled:text-gray-300 hover:text-gray-700",children:F.jsx(Xh,{})}),F.jsx("button",{onClick:z,disabled:!Oe,className:"text-gray-500 disabled:text-gray-300 hover:text-gray-700",children:F.jsx(H2,{})})]}),i&&h&&Y()]})}const KX=({children:e,tooltip:t})=>F.jsxs("div",{className:"relative inline-block group",children:[e,F.jsx("span",{className:`${et("invisible","group-hover:visible","opacity-0","group-hover:opacity-100","z-0","group-hover:z-50","transition","transform","left-1/2","text-xs","-top-9","-translate-x-1/2","bg-brand-text","text-white","p-2","rounded","absolute","whitespace-nowrap")}`,children:t})]}),Op=({Container:e,children:t,fileName:n,disabled:r,onChange:i,accept:a="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"})=>{const u=b.useRef(null),l=()=>{var f;return(f=u.current)==null?void 0:f.click()},c=f=>{const p=f.target;p.value=""};return F.jsxs(F.Fragment,{children:[F.jsx(e,{type:"button",disabled:r,onClick:l,fileName:n,children:t}),F.jsx("input",{ref:u,type:"file",className:"hidden",accept:a,onClick:c,onChange:f=>{i(f.target.files[0])}})]})},qX=e=>F.jsx(Yi,{variant:"primary",...e}),QX=e=>F.jsx(Yi,{variant:"secondary",...e}),ez=({children:e,disabled:t,fileName:n,...r})=>F.jsx("button",{disabled:t,className:`relative ${t?"bg-gray-300 text-white cursor-not-allowed border-2 border-gray-900 border-dashed":"bg-white text-primary-500 hover:bg-primary-100 hover:mb-0 border-2 border-gray-800 border-dashed  cursor-pointer"} 
+ */function Yx(e,t){return e?WX(e)?re.createElement(e,t):e:null}function WX(e){return ZX(e)||typeof e=="function"||XX(e)}function ZX(e){return typeof e=="function"&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function XX(e){return typeof e=="object"&&typeof e.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}function zX(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=re.useState(()=>({current:LX(t)})),[r,i]=re.useState(()=>n.current.initialState);return n.current.setOptions(a=>({...a,...e,state:{...r,...e.state},onStateChange:u=>{i(u),e.onStateChange==null||e.onStateChange(u)}})),n.current}function UX({setFilter:e,placeholder:t}){let n=0;function r(i){clearTimeout(n),n=setTimeout(()=>{e(i.target.value||void 0)},500)}return F.jsxs("div",{className:"flex items-center gap-2 px-2 my-2 bg-gray-100 border-b-2 border-gray-200 rounded-sm focus-within:border-0 focus-within:border-b focus-within:border-brand-primary focus-within:ring-brand-primary dark:bg-gray-700",children:[F.jsx(zh,{className:"text-brand-secondary-text dark:text-brand-gray"}),F.jsx("input",{className:"flex-1 py-2 bg-transparent text-sm border-none appearance-none focus:outline-none focus:ring-0",placeholder:t,onChange:r})]})}function YX(e,t){return e?[{id:"select",sortingFn:!1,header:({table:r})=>F.jsx(Jx,{checked:r.getIsAllRowsSelected(),indeterminate:r.getIsSomeRowsSelected(),onChange:r.getToggleAllRowsSelectedHandler()}),cell:({row:r})=>F.jsx("div",{className:"px-1",children:F.jsx(Jx,{checked:r.getIsSelected(),disabled:!r.getCanSelect(),indeterminate:r.getIsSomeSelected(),onChange:r.getToggleSelectedHandler()})})},...t]:t}function Jx({indeterminate:e,className:t="w-5 h-5 rounded-md border-brand-primary border-1 text-brand-primary focus:ring-0",...n}){const r=b.useRef(null);return b.useEffect(()=>{typeof e=="boolean"&&(r.current.indeterminate=!n.checked&&e)},[r,e]),F.jsx("input",{type:"checkbox",ref:r,className:t+" cursor-pointer",...n})}function Tp(e){var t;return((t=e==null?void 0:e.subHeaders)==null?void 0:t.length)>0}function Kx(e){var t,n,r,i,a,u,l;return((r=(n=(t=e==null?void 0:e.column)==null?void 0:t.parent)==null?void 0:n.columns)==null?void 0:r.length)&&((u=(a=(i=e==null?void 0:e.column)==null?void 0:i.parent)==null?void 0:a.columns[e.column.parent.columns.length-1])==null?void 0:u.id)===((l=e==null?void 0:e.column)==null?void 0:l.id)}function qx(e){var t,n,r,i,a,u,l;return((r=(n=(t=e==null?void 0:e.column)==null?void 0:t.parent)==null?void 0:n.columns)==null?void 0:r.length)&&((u=(a=(i=e==null?void 0:e.column)==null?void 0:i.parent)==null?void 0:a.columns[0])==null?void 0:u.id)===((l=e==null?void 0:e.column)==null?void 0:l.id)}function JX({data:e,columns:t,isFetching:n,searchable:r=!0,isRowSelection:i=!1,totalRecords:a,spinnerMessage:u="Carregando...",noRecordsMessage:l="Nenhuma entrada encontrada.",searchPlaceholder:c="Buscar...",itemsPerPageMessage:f="Itens por página:",pageSeparatorMessage:p="de",onRowSelection:h,renderSubComponent:m,getRowCanExpand:v,onSearch:S,onSize:C,onPage:E,onColumn:P,onSort:M}){const $="onChange",[B,N]=b.useState([]),[U,X]=b.useState(0),[ee,fe]=b.useState(!1),[Oe,ze]=b.useState(!1),[He,he]=b.useState({}),Ce=zX({data:e,columns:YX(i,t),columnResizeMode:$,initialState:{pagination:{pageSize:5}},defaultColumn:{minSize:100,size:150,maxSize:1e3},state:{rowSelection:He,sorting:B},getRowCanExpand:v,onRowSelectionChange:he,getCoreRowModel:DX(),getFilteredRowModel:kX(),getPaginationRowModel:HX(),onSortingChange:N,getSortedRowModel:jX(),getExpandedRowModel:GX()}),be=Ce.getState().pagination.pageSize;function _e(G,q){function se(){const ue=G.column.getIsSorted();return ue?ue==="desc"?F.jsx(X2,{}):F.jsx(Z2,{}):F.jsx(z2,{})}function J(ue){const Q=ue.column.getIsSorted();M(typeof Q=="boolean"?"":Q),P(ue.id)}return F.jsx(F.Fragment,{children:F.jsx("th",{className:et("px-2 py-3 text-xs text-left select-none border-b border-brand-disabled",{"border-r":Tp(G)||Kx(G),"border-l":Tp(G)||qx(G)}),colSpan:G.colSpan,style:{width:De(G)},children:F.jsxs("div",{className:"flex items-center justify-between",children:[F.jsxs("div",{className:"flex flex-row items-center space-x-4 text-sm font-bold text-brand-primary",children:[F.jsx("span",{className:"w-full",children:Yx(G.column.columnDef.header,G.getContext())}),G.column.columnDef.sortingFn&&!Tp(G)&&F.jsx("span",{className:`px-2  ${G.column.getCanSort()?"cursor-pointer":""}`,onClick:async ue=>{await G.column.getToggleSortingHandler()(ue),J(G)},children:se()})]}),G.id!=="select"&&F.jsx("div",{onMouseDown:G.getResizeHandler(),onTouchStart:G.getResizeHandler(),className:"w-3 h-full text-brand-gray cursor-col-resize",children:F.jsx(W2,{})})]})},`thead-th-${G.id}-${q}`)})}function De(G){return G.id==="select"?50:G.getSize()}function Ye(G){return F.jsx("tr",{className:"mx-auto",children:G.headers.map(_e)},`thead-tr-${G.id}`)}function T(G,q){return F.jsx("td",{className:et("px-2 children:align-middle overflow-ellipsis whitespace-nowrap border-brand-disabled",{"border-r":Kx(G),"border-l":qx(G)}),children:Yx(G.column.columnDef.cell,G.getContext())},`tbody-td-${G.id}-${q}`)}function _(G,q){return F.jsxs(b.Fragment,{children:[F.jsx("tr",{className:"mx-auto children:text-sm children:py-3 children:text-brand-text dark:children:text-white children:last-of-type:border-b children:last-of-type:border-brand-disabled",children:G.getVisibleCells().map(T)},`tbody-tr-${G.id}-${q}`),G.getIsExpanded()?F.jsx("tr",{children:F.jsx("td",{colSpan:G.getVisibleCells().length,children:m({row:G})})}):null]},`tbody-fragmment-${G.id}-${q}`)}function R(G){E(G),X(G)}function O(G){C(Number(G.target.value)),Ce.setPageSize(Number(G.target.value))}function y(G){R(0),S(G)}function H(){R(0)}function te(){const G=U-1;R(G)}function oe(){const G=U+1;R(G)}function z(){const G=Math.ceil(a/be)-1;R(G)}function Y(){return h(Ce.getSelectedRowModel().flatRows)}return b.useEffect(()=>{function G(){if(U===0){fe(!1);return}fe(!0)}function q(){if(U>=Math.ceil(a/be)-1){ze(!1);return}ze(!0)}G(),q()},[U,a]),F.jsxs("div",{className:"text-black dark:text-white",children:[r&&F.jsx(UX,{setFilter:y,placeholder:c}),n&&F.jsx("div",{className:"flex items-center justify-center mt-10",children:F.jsx(op,{size:50,children:u})}),e.length===0&&!n&&F.jsx("p",{className:"text-sm text-center",children:l}),e.length>0&&!n&&F.jsx("div",{className:"flex justify-center items-center",children:F.jsx("div",{className:"overflow-x-auto",children:F.jsxs("table",{style:{width:Ce.getCenterTotalSize()},children:[F.jsx("thead",{children:Ce.getHeaderGroups().map(Ye)}),F.jsx("tbody",{className:"divide-y divide-brand-disabled",children:Ce.getRowModel().rows.map(_)})]})})}),F.jsxs("div",{className:"flex items-center justify-end gap-2 px-2 py-2 my-2 text-sm text-brand-text dark:text-white",children:[F.jsx("p",{children:f}),F.jsx("select",{className:et("w-20 border-0 border-b border-brand-disabled focus:outline-none focus:ring-0 focus:border-l-0 focus:border-b focus:border-brand-primary","bg-brand-light-gray dark:bg-brand-dark-gray-dark","text-brand-secondary-text dark:text-brand-gray"),value:be,onChange:O,children:[5,10,25,50].map(G=>F.jsx("option",{value:G,children:G},`page-size-option-${G}`))}),F.jsxs("span",{children:[U+1," ",p," ",Math.ceil(a/be)]}),F.jsx("button",{onClick:H,disabled:!ee,className:"text-gray-500 disabled:text-gray-300 hover:text-gray-700",children:F.jsx(G2,{})}),F.jsx("button",{onClick:te,disabled:!ee,className:"text-gray-500 disabled:text-gray-300 hover:text-gray-700",children:F.jsx(Zh,{})}),F.jsx("button",{onClick:oe,disabled:!Oe,className:"text-gray-500 disabled:text-gray-300 hover:text-gray-700",children:F.jsx(Xh,{})}),F.jsx("button",{onClick:z,disabled:!Oe,className:"text-gray-500 disabled:text-gray-300 hover:text-gray-700",children:F.jsx(H2,{})})]}),i&&h&&Y()]})}const KX=({children:e,tooltip:t})=>F.jsxs("div",{className:"relative inline-block group",children:[e,F.jsx("span",{className:`${et("invisible","group-hover:visible","opacity-0","group-hover:opacity-100","z-0","group-hover:z-50","transition","transform","left-1/2","text-xs","-top-9","-translate-x-1/2","bg-brand-text","text-white","p-2","rounded","absolute","whitespace-nowrap")}`,children:t})]}),Op=({Container:e,children:t,fileName:n,disabled:r,onChange:i,accept:a="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"})=>{const u=b.useRef(null),l=()=>{var f;return(f=u.current)==null?void 0:f.click()},c=f=>{const p=f.target;p.value=""};return F.jsxs(F.Fragment,{children:[F.jsx(e,{type:"button",disabled:r,onClick:l,fileName:n,children:t}),F.jsx("input",{ref:u,type:"file",className:"hidden",accept:a,onClick:c,onChange:f=>{i(f.target.files[0])}})]})},qX=e=>F.jsx(Yi,{variant:"primary",...e}),QX=e=>F.jsx(Yi,{variant:"secondary",...e}),ez=({children:e,disabled:t,fileName:n,...r})=>F.jsx("button",{disabled:t,className:`relative ${t?"bg-gray-300 text-white cursor-not-allowed border-2 border-gray-900 border-dashed":"bg-white text-primary-500 hover:bg-primary-100 hover:mb-0 border-2 border-gray-800 border-dashed  cursor-pointer"} 
           flex items-center justify-center w-full h-full p-2 overflow-hidden transition-all duration-300 ease-out transform  focus:outline-none rounded-2xl border-opacity-20 dark:bg-brand-dark-gray-dark`,...r,children:F.jsxs("div",{className:`flex ${n?"flex-row":"flex-col"} items-center justify-center`,children:[F.jsx("div",{children:n?F.jsx(R2,{}):F.jsx(K2,{})}),F.jsx("div",{children:F.jsx("span",{className:"w-full text-sm text-center text-gray-900 dark:text-brand-secondary-text",children:e})})]})}),tz={PrimaryButton:e=>F.jsx(Op,{...e,Container:qX}),OutlineButton:e=>F.jsx(Op,{...e,Container:QX}),BoxButton:e=>F.jsx(Op,{...e,Container:ez})};var Yu={exports:{}};/**
  * @license
  * Lodash <https://lodash.com/>

package/package.json

@@ -4,7 +4,7 @@
     "name": "Hxtos"
   },
   "private": false,
-  "version": "0.9.4",
+  "version": "0.9.5",
   "license": "MIT",
   "description": "Biblioteca de componentes Hxtos",
   "type": "module",