@zimyo/ui 1.10.1 → 1.10.3

package/dist/components/Table/index.esm.js

@@ -1 +1 @@
-import{a as e,b as i}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{createElement as o,PureComponent as s,Component as l,useState as a,useRef as u,useMemo as c,useEffect as d,useCallback as h}from"react";import{_ as f,b as z,a as m}from"../../chunks/assertThisInitialized-406be690.esm.js";import{Checkbox as p}from"../Checkbox/index.esm.js";import{i as g,C as v,a as y,j as _,A as w,k as b,l as x,c as S}from"../../chunks/lucide-2a18f5d4.esm.js";import"../../chunks/index-c6541658.esm.js";var k=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function C(e,i){return e===i||!(!k(e)||!k(i))}function N(e,i){if(e.length!==i.length)return!1;for(var t=0;t<e.length;t++)if(!C(e[t],i[t]))return!1;return!0}function R(e,i){var t;void 0===i&&(i=N);var n,r=[],o=!1;return function(){for(var s=[],l=0;l<arguments.length;l++)s[l]=arguments[l];return o&&t===this&&i(s,r)||(n=e.apply(this,s),o=!0,t=this,r=s),n}}var I="object"==typeof performance&&"function"==typeof performance.now?function(){return performance.now()}:function(){return Date.now()};function E(e){cancelAnimationFrame(e.id)}var T=-1;function O(e){if(void 0===e&&(e=!1),-1===T||e){var i=document.createElement("div"),t=i.style;t.width="50px",t.height="50px",t.overflow="scroll",document.body.appendChild(i),T=i.offsetWidth-i.clientWidth,document.body.removeChild(i)}return T}var L=null;function W(e){if(void 0===e&&(e=!1),null===L||e){var i=document.createElement("div"),t=i.style;t.width="50px",t.height="50px",t.overflow="scroll",t.direction="rtl";var n=document.createElement("div"),r=n.style;return r.width="100px",r.height="100px",i.appendChild(n),document.body.appendChild(i),i.scrollLeft>0?L="positive-descending":(i.scrollLeft=1,L=0===i.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(i),L}return L}process.env.NODE_ENV;var P=function(e,i){return e},M=null,A=null;function D(e){var i,t=e.getItemOffset,n=e.getEstimatedTotalSize,r=e.getItemSize,l=e.getOffsetForIndexAndAlignment,a=e.getStartIndexForOffset,u=e.getStopIndexForStartIndex,c=e.initInstanceProps,d=e.shouldResetStyleCacheOnItemSizeChange,h=e.validateProps;return i=function(e){var i,s;function p(i){var n;return(n=e.call(this,i)||this)._instanceProps=c(n.props,m(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:m(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof n.props.initialScrollOffset?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=R(function(e,i,t,r){return n.props.onItemsRendered({overscanStartIndex:e,overscanStopIndex:i,visibleStartIndex:t,visibleStopIndex:r})}),n._callOnScroll=void 0,n._callOnScroll=R(function(e,i,t){return n.props.onScroll({scrollDirection:e,scrollOffset:i,scrollUpdateWasRequested:t})}),n._getItemStyle=void 0,n._getItemStyle=function(e){var i,o=n.props,s=o.direction,l=o.itemSize,a=o.layout,u=n._getItemStyleCache(d&&l,d&&a,d&&s);if(u.hasOwnProperty(e))i=u[e];else{var c=t(n.props,e,n._instanceProps),h=r(n.props,e,n._instanceProps),f="horizontal"===s||"horizontal"===a,z="rtl"===s,m=f?c:0;u[e]=i={position:"absolute",left:z?void 0:m,right:z?m:void 0,top:f?0:c,height:f?"100%":h,width:f?h:"100%"}}return i},n._getItemStyleCache=void 0,n._getItemStyleCache=R(function(e,i,t){return{}}),n._onScrollHorizontal=function(e){var i=e.currentTarget,t=i.clientWidth,r=i.scrollLeft,o=i.scrollWidth;n.setState(function(e){if(e.scrollOffset===r)return null;var i=n.props.direction,s=r;if("rtl"===i)switch(W()){case"negative":s=-r;break;case"positive-descending":s=o-t-r}return s=Math.max(0,Math.min(s,o-t)),{isScrolling:!0,scrollDirection:e.scrollOffset<s?"forward":"backward",scrollOffset:s,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(e){var i=e.currentTarget,t=i.clientHeight,r=i.scrollHeight,o=i.scrollTop;n.setState(function(e){if(e.scrollOffset===o)return null;var i=Math.max(0,Math.min(o,r-t));return{isScrolling:!0,scrollDirection:e.scrollOffset<i?"forward":"backward",scrollOffset:i,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(e){var i=n.props.outerRef;n._outerRef=e,"function"==typeof i?i(e):null!=i&&"object"==typeof i&&i.hasOwnProperty("current")&&(i.current=e)},n._resetIsScrollingDebounced=function(){var e,i,t,r;null!==n._resetIsScrollingTimeoutId&&E(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=(e=n._resetIsScrolling,i=150,t=I(),r={id:requestAnimationFrame(function n(){I()-t>=i?e.call(null):r.id=requestAnimationFrame(n)})})},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}s=e,(i=p).prototype=Object.create(s.prototype),i.prototype.constructor=i,f(i,s),p.getDerivedStateFromProps=function(e,i){return j(e,i),h(e),null};var g=p.prototype;return g.scrollTo=function(e){e=Math.max(0,e),this.setState(function(i){return i.scrollOffset===e?null:{scrollDirection:i.scrollOffset<e?"forward":"backward",scrollOffset:e,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},g.scrollToItem=function(e,i){void 0===i&&(i="auto");var t=this.props,n=t.itemCount,r=t.layout,o=this.state.scrollOffset;e=Math.max(0,Math.min(e,n-1));var s=0;if(this._outerRef){var a=this._outerRef;s="vertical"===r?a.scrollWidth>a.clientWidth?O():0:a.scrollHeight>a.clientHeight?O():0}this.scrollTo(l(this.props,e,i,o,this._instanceProps,s))},g.componentDidMount=function(){var e=this.props,i=e.direction,t=e.initialScrollOffset,n=e.layout;if("number"==typeof t&&null!=this._outerRef){var r=this._outerRef;"horizontal"===i||"horizontal"===n?r.scrollLeft=t:r.scrollTop=t}this._callPropsCallbacks()},g.componentDidUpdate=function(){var e=this.props,i=e.direction,t=e.layout,n=this.state,r=n.scrollOffset;if(n.scrollUpdateWasRequested&&null!=this._outerRef){var o=this._outerRef;if("horizontal"===i||"horizontal"===t)if("rtl"===i)switch(W()){case"negative":o.scrollLeft=-r;break;case"positive-ascending":o.scrollLeft=r;break;default:var s=o.clientWidth,l=o.scrollWidth;o.scrollLeft=l-s-r}else o.scrollLeft=r;else o.scrollTop=r}this._callPropsCallbacks()},g.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&E(this._resetIsScrollingTimeoutId)},g.render=function(){var e=this.props,i=e.children,t=e.className,r=e.direction,s=e.height,l=e.innerRef,a=e.innerElementType,u=e.innerTagName,c=e.itemCount,d=e.itemData,h=e.itemKey,f=void 0===h?P:h,m=e.layout,p=e.outerElementType,g=e.outerTagName,v=e.style,y=e.useIsScrolling,_=e.width,w=this.state.isScrolling,b="horizontal"===r||"horizontal"===m,x=b?this._onScrollHorizontal:this._onScrollVertical,S=this._getRangeToRender(),k=S[0],C=S[1],N=[];if(c>0)for(var R=k;R<=C;R++)N.push(o(i,{data:d,key:f(R,d),index:R,isScrolling:y?w:void 0,style:this._getItemStyle(R)}));var I=n(this.props,this._instanceProps);return o(p||g||"div",{className:t,onScroll:x,ref:this._outerRefSetter,style:z({position:"relative",height:s,width:_,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},v)},o(a||u||"div",{children:N,ref:l,style:{height:b?"100%":I,pointerEvents:w?"none":void 0,width:b?I:"100%"}}))},g._callPropsCallbacks=function(){if("function"==typeof this.props.onItemsRendered&&this.props.itemCount>0){var e=this._getRangeToRender(),i=e[0],t=e[1],n=e[2],r=e[3];this._callOnItemsRendered(i,t,n,r)}if("function"==typeof this.props.onScroll){var o=this.state,s=o.scrollDirection,l=o.scrollOffset,a=o.scrollUpdateWasRequested;this._callOnScroll(s,l,a)}},g._getRangeToRender=function(){var e=this.props,i=e.itemCount,t=e.overscanCount,n=this.state,r=n.isScrolling,o=n.scrollDirection,s=n.scrollOffset;if(0===i)return[0,0,0,0];var l=a(this.props,s,this._instanceProps),c=u(this.props,l,s,this._instanceProps),d=r&&"backward"!==o?1:Math.max(1,t),h=r&&"forward"!==o?1:Math.max(1,t);return[Math.max(0,l-d),Math.max(0,Math.min(i-1,c+h)),l,c]},p}(s),i.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},i}"production"!==process.env.NODE_ENV&&"undefined"!=typeof window&&void 0!==window.WeakSet&&(M=new WeakSet,A=new WeakSet);var j=function(e,i){var t=e.children,n=e.direction,r=e.height,o=e.layout,s=e.innerTagName,l=e.outerTagName,a=e.width,u=i.instance;if("production"!==process.env.NODE_ENV){null==s&&null==l||A&&!A.has(u)&&(A.add(u),console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));var c="horizontal"===n||"horizontal"===o;switch(n){case"horizontal":case"vertical":M&&!M.has(u)&&(M.add(u),console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));break;case"ltr":case"rtl":break;default:throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". "'+n+'" was specified.')}switch(o){case"horizontal":case"vertical":break;default:throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". "'+o+'" was specified.')}if(null==t)throw Error('An invalid "children" prop has been specified. Value should be a React component. "'+(null===t?"null":typeof t)+'" was specified.');if(c&&"number"!=typeof a)throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. "'+(null===a?"null":typeof a)+'" was specified.');if(!c&&"number"!=typeof r)throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. "'+(null===r?"null":typeof r)+'" was specified.')}},F=D({getItemOffset:function(e,i){return i*e.itemSize},getItemSize:function(e,i){return e.itemSize},getEstimatedTotalSize:function(e){var i=e.itemCount;return e.itemSize*i},getOffsetForIndexAndAlignment:function(e,i,t,n,r,o){var s=e.direction,l=e.height,a=e.itemCount,u=e.itemSize,c=e.layout,d=e.width,h="horizontal"===s||"horizontal"===c?d:l,f=Math.max(0,a*u-h),z=Math.min(f,i*u),m=Math.max(0,i*u-h+u+o);switch("smart"===t&&(t=n>=m-h&&n<=z+h?"auto":"center"),t){case"start":return z;case"end":return m;case"center":var p=Math.round(m+(z-m)/2);return p<Math.ceil(h/2)?0:p>f+Math.floor(h/2)?f:p;default:return n>=m&&n<=z?n:n<m?m:z}},getStartIndexForOffset:function(e,i){var t=e.itemCount,n=e.itemSize;return Math.max(0,Math.min(t-1,Math.floor(i/n)))},getStopIndexForStartIndex:function(e,i,t){var n=e.direction,r=e.height,o=e.itemCount,s=e.itemSize,l=e.layout,a=e.width,u=i*s,c="horizontal"===n||"horizontal"===l?a:r,d=Math.ceil((c+t-u)/s);return Math.max(0,Math.min(o-1,i+d-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){var i=e.itemSize;if("production"!==process.env.NODE_ENV&&"number"!=typeof i)throw Error('An invalid "itemSize" prop has been specified. Value should be a number. "'+(null===i?"null":typeof i)+'" was specified.')}});let H;H="undefined"!=typeof window?window:"undefined"!=typeof self?self:global;let V=null,q=null;const B=H.clearTimeout,U=H.setTimeout,K=H.cancelAnimationFrame||H.mozCancelAnimationFrame||H.webkitCancelAnimationFrame,G=H.requestAnimationFrame||H.mozRequestAnimationFrame||H.webkitRequestAnimationFrame;function J(e){let i,t,n,r,o,s,l;const a="undefined"!=typeof document&&document.attachEvent;if(!a){s=function(e){const i=e.__resizeTriggers__,t=i.firstElementChild,n=i.lastElementChild,r=t.firstElementChild;n.scrollLeft=n.scrollWidth,n.scrollTop=n.scrollHeight,r.style.width=t.offsetWidth+1+"px",r.style.height=t.offsetHeight+1+"px",t.scrollLeft=t.scrollWidth,t.scrollTop=t.scrollHeight},o=function(e){return e.offsetWidth!==e.__resizeLast__.width||e.offsetHeight!==e.__resizeLast__.height},l=function(e){if(e.target.className&&"function"==typeof e.target.className.indexOf&&e.target.className.indexOf("contract-trigger")<0&&e.target.className.indexOf("expand-trigger")<0)return;const i=this;s(this),this.__resizeRAF__&&V(this.__resizeRAF__),this.__resizeRAF__=q(function(){o(i)&&(i.__resizeLast__.width=i.offsetWidth,i.__resizeLast__.height=i.offsetHeight,i.__resizeListeners__.forEach(function(t){t.call(i,e)}))})};let e=!1,a="";n="animationstart";const u="Webkit Moz O ms".split(" ");let c="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),d="";{const i=document.createElement("fakeelement");if(void 0!==i.style.animationName&&(e=!0),!1===e)for(let t=0;t<u.length;t++)if(void 0!==i.style[u[t]+"AnimationName"]){d=u[t],a="-"+d.toLowerCase()+"-",n=c[t],e=!0;break}}t="resizeanim",i="@"+a+"keyframes "+t+" { from { opacity: 0; } to { opacity: 0; } } ",r=a+"animation: 1ms "+t+"; "}return{addResizeListener:function(o,u){if(a)o.attachEvent("onresize",u);else{if(!o.__resizeTriggers__){const a=o.ownerDocument,u=H.getComputedStyle(o);u&&"static"===u.position&&(o.style.position="relative"),function(t){if(!t.getElementById("detectElementResize")){const n=(i||"")+".resize-triggers { "+(r||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',o=t.head||t.getElementsByTagName("head")[0],s=t.createElement("style");s.id="detectElementResize",s.type="text/css",null!=e&&s.setAttribute("nonce",e),s.styleSheet?s.styleSheet.cssText=n:s.appendChild(t.createTextNode(n)),o.appendChild(s)}}(a),o.__resizeLast__={},o.__resizeListeners__=[],(o.__resizeTriggers__=a.createElement("div")).className="resize-triggers";const c=a.createElement("div");c.className="expand-trigger",c.appendChild(a.createElement("div"));const d=a.createElement("div");d.className="contract-trigger",o.__resizeTriggers__.appendChild(c),o.__resizeTriggers__.appendChild(d),o.appendChild(o.__resizeTriggers__),s(o),o.addEventListener("scroll",l,!0),n&&(o.__resizeTriggers__.__animationListener__=function(e){e.animationName===t&&s(o)},o.__resizeTriggers__.addEventListener(n,o.__resizeTriggers__.__animationListener__))}o.__resizeListeners__.push(u)}},removeResizeListener:function(e,i){if(a)e.detachEvent("onresize",i);else if(e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(i),1),!e.__resizeListeners__.length){e.removeEventListener("scroll",l,!0),e.__resizeTriggers__.__animationListener__&&(e.__resizeTriggers__.removeEventListener(n,e.__resizeTriggers__.__animationListener__),e.__resizeTriggers__.__animationListener__=null);try{e.__resizeTriggers__=!e.removeChild(e.__resizeTriggers__)}catch(e){}}}}}null==K||null==G?(V=B,q=function(e){return U(e,20)}):(V=function([e,i]){K(e),B(i)},q=function(e){const i=G(function(){B(t),e()}),t=U(function(){K(i),e()},20);return[i,t]});class Q extends l{constructor(...e){super(...e),this.state={height:this.props.defaultHeight||0,width:this.props.defaultWidth||0},this._autoSizer=null,this._detectElementResize=null,this._didLogDeprecationWarning=!1,this._parentNode=null,this._resizeObserver=null,this._timeoutId=null,this._onResize=()=>{this._timeoutId=null;const{disableHeight:e,disableWidth:i,onResize:t}=this.props;if(this._parentNode){const n=window.getComputedStyle(this._parentNode)||{},r=parseFloat(n.paddingLeft||"0"),o=parseFloat(n.paddingRight||"0"),s=parseFloat(n.paddingTop||"0"),l=parseFloat(n.paddingBottom||"0"),a=this._parentNode.getBoundingClientRect(),u=a.height-s-l,c=a.width-r-o;if(!e&&this.state.height!==u||!i&&this.state.width!==c){this.setState({height:u,width:c});const e=()=>{this._didLogDeprecationWarning||(this._didLogDeprecationWarning=!0,console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"))};"function"==typeof t&&t({height:u,width:c,get scaledHeight(){return e(),u},get scaledWidth(){return e(),c}})}}},this._setRef=e=>{this._autoSizer=e}}componentDidMount(){const{nonce:e}=this.props,i=this._autoSizer?this._autoSizer.parentNode:null;if(null!=i&&i.ownerDocument&&i.ownerDocument.defaultView&&i instanceof i.ownerDocument.defaultView.HTMLElement){this._parentNode=i;const t=i.ownerDocument.defaultView.ResizeObserver;null!=t?(this._resizeObserver=new t(()=>{this._timeoutId=setTimeout(this._onResize,0)}),this._resizeObserver.observe(i)):(this._detectElementResize=J(e),this._detectElementResize.addResizeListener(i,this._onResize)),this._onResize()}}componentWillUnmount(){this._parentNode&&(this._detectElementResize&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize),null!==this._timeoutId&&clearTimeout(this._timeoutId),this._resizeObserver&&this._resizeObserver.disconnect())}render(){const{children:e,defaultHeight:i,defaultWidth:t,disableHeight:n=!1,disableWidth:r=!1,doNotBailOutOnEmptyChildren:s=!1,nonce:l,onResize:a,style:u={},tagName:c="div",...d}=this.props,{height:h,width:f}=this.state,z={overflow:"visible"},m={};let p=!1;return n||(0===h&&(p=!0),z.height=0,m.height=h,m.scaledHeight=h),r||(0===f&&(p=!0),z.width=0,m.width=f,m.scaledWidth=f),s&&(p=!1),o(c,{ref:this._setRef,style:{...z,...u},...d},!p&&e(m))}}var X=150,Y=function(i){var n,r=i.column,o=i.width,s=i.sticky,l=i.stickyPosition,a=s?((n={position:"sticky"})[s]="".concat(l||0,"px"),n.zIndex=25,n.backgroundColor="white",n):{},u="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-4 zui:py-4 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[60px] ".concat(u),style:e({width:"".concat(o,"px"),minWidth:"".concat(o,"px"),maxWidth:"".concat(o,"px")},a),children:t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse zui:w-3/4"})})},Z=function(e){var i=e.leftStickyColumns,r=e.rightStickyColumns,o=e.regularColumns,s=e.selection,l=e.calculateStickyPosition,a=e.rowIndex;return n("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:bg-white",children:[(null==s?void 0:s.enabled)&&t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-white zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t("div",{className:"zui:w-4 zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})}),i.map(function(e,n){return t(Y,{column:e,width:e.width||X,sticky:"left",stickyPosition:l(i,n,"left")},"left-".concat(e.id,"-").concat(a))}),o.map(function(e,i){return t(Y,{column:e,width:e.width||X},"regular-".concat(e.id,"-").concat(a))}),r.map(function(e,i){return t(Y,{column:e,width:e.width||X,sticky:"right",stickyPosition:l(r,i,"right")},"right-".concat(e.id,"-").concat(a))})]})},$=function(e){var i=e.columns,n=e.leftStickyColumns,r=e.rightStickyColumns,o=e.regularColumns,s=e.selection,l=e.calculateStickyPosition,a=e.totalWidth;return t("div",{style:{minWidth:"".concat(a,"px")},children:Array.from({length:10},function(e,a){return t(Z,{columns:i,leftStickyColumns:n,rightStickyColumns:r,regularColumns:o,selection:s,calculateStickyPosition:l,rowIndex:a},"skeleton-row-".concat(a))})})},ee=function(o){var s,l,f=o.columns,z=o.data,m=o.loading,w=void 0!==m&&m,b=o.stickyColumns,x=o.pagination,S=o.selection,k=o.sorting,C=o.filtering,N=o.expansion,R=o.virtualization,I=void 0===R?{enabled:!1}:R,E=o.onRowClick;o.bulkActions;var T=o.isRowSelectable,O=o.className,L=void 0===O?"":O;o.variant;var W=a(f),P=W[0],M=W[1],A=a(""),D=A[0];A[1];var j=a(!1),H=j[0];j[1];var V=u(null),q=u(null),B=u(null),U=c(function(){return P.map(function(i){var t,n,r=i.sticky;return(null===(t=null==b?void 0:b.left)||void 0===t?void 0:t.includes(i.id))?r="left":(null===(n=null==b?void 0:b.right)||void 0===n?void 0:n.includes(i.id))&&(r="right"),e(e({},i),{sticky:r})})},[P,b]),K=c(function(){return U.filter(function(e){return!e.hidden})},[U]),G=null!==(s=null==b?void 0:b.left)&&void 0!==s?s:[],J=null!==(l=null==b?void 0:b.right)&&void 0!==l?l:[],Y=K.filter(function(e){return G.includes(e.id)}),Z=K.filter(function(e){return J.includes(e.id)}),ee=K.filter(function(e){return!G.includes(e.id)&&!J.includes(e.id)}),ne=c(function(){return ee.reduce(function(e,i){return e+(i.width||X)},0)},[ee]),re=c(function(){var e=0;return(null==S?void 0:S.enabled)&&(e+=48),K.forEach(function(i){e+=i.width||X}),Math.max(e,800)},[K,S]),oe=c(function(){var e=i([],z,!0);return D&&(e=e.filter(function(e){return Object.values(e).some(function(e){return String(e).toLowerCase().includes(D.toLowerCase())})})),(null==C?void 0:C.filters)&&Object.entries(C.filters).forEach(function(i){var t=i[0],n=i[1];n&&(e=e.filter(function(e){return String(e[t]).toLowerCase().includes(String(n).toLowerCase())}))}),(null==k?void 0:k.sortBy)&&e.sort(function(e,i){var t=e[k.sortBy],n=i[k.sortBy];return t<n?"asc"===k.sortOrder?-1:1:t>n?"asc"===k.sortOrder?1:-1:0}),e},[z,D,null==C?void 0:C.filters,k]);d(function(){var e=q.current,i=B.current;if(e&&i){var t=!1,n=!1,r=function(){n||(t=!0,i.scrollLeft=e.scrollLeft,setTimeout(function(){t=!1},0))},o=function(){t||(n=!0,e.scrollLeft=i.scrollLeft,setTimeout(function(){n=!1},0))};return e.addEventListener("scroll",r),i.addEventListener("scroll",o),function(){e.removeEventListener("scroll",r),i.removeEventListener("scroll",o)}}},[]);var se=h(function(){if((null==S?void 0:S.enabled)&&oe){var e=oe.filter(function(e){return!T||T(e)}).map(function(e){return e.id});if(e.every(function(e){return S.selectedRows.includes(e)}))S.onSelectionChange(S.selectedRows.filter(function(i){return!e.includes(i)}));else{var t=Array.from(new Set(i(i([],S.selectedRows.filter(function(i){return!e.includes(i)}),!0),e,!0)));S.onSelectionChange(t)}}},[oe,S,T]),le=h(function(e){if(null==S?void 0:S.enabled){var t=S.selectedRows;t.includes(e)?S.onSelectionChange(t.filter(function(i){return i!==e})):S.onSelectionChange(i(i([],t,!0),[e],!1))}},[S]),ae=h(function(e){if(N){var t=N.expandedRows;t.includes(e)?N.onExpansionChange(t.filter(function(i){return i!==e})):N.onExpansionChange(i(i([],t,!0),[e],!1))}},[N]),ue=h(function(i){M(function(t){return t.map(function(t){return t.id===i?e(e({},t),{hidden:!t.hidden}):t})})},[]),ce=h(function(e,i,n){var r=i[e.accessor];return e.render?e.render(r,i,n):t("span",{className:"zui:truncate",children:String(r||"")})},[]),de=h(function(e,i,t){var n=0;return"left"===t?((null==S?void 0:S.enabled)&&(n+=48),e.slice(0,i).forEach(function(e){n+=e.width||X})):e.slice(i+1).forEach(function(e){n+=e.width||X}),n},[S]);return n("div",{className:"zui:w-full zui:h-full zui:bg-white  zui:flex zui:flex-col ".concat(L),children:[H&&!w&&n("div",{className:"zui:absolute zui:right-4 zui:top-16 zui:z-50 zui:w-64 zui:bg-white zui:border zui:border-gray-200 zui:rounded-lg zui:shadow-lg zui:p-4",children:[t("h3",{className:"zui:text-sm zui:font-medium zui:text-gray-900 zui:mb-3",children:"Show/Hide Columns"}),f.map(function(e){return n("label",{className:"zui:flex zui:items-center zui:space-x-2 zui:mb-2",children:[t("input",{type:"checkbox",checked:!e.hidden,onChange:function(){return ue(e.id)},className:"zui:rounded zui:border-gray-300"}),t("span",{className:"zui:text-sm zui:text-gray-700",children:e.header})]},e.id)})]}),n("div",{ref:V,className:"zui:relative zui:flex-1 zui:min-h-0 zui:overflow-hidden",children:[n("div",{className:"zui:sticky zui:top-0 zui:z-40 zui:bg-gray-50 zui:border-b zui:border-gray-200 zui:flex",children:[(null==S?void 0:S.enabled)&&t("div",{className:"zui:sticky zui:left-0 zui:z-50 zui:bg-gray-100 zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t(p,{checked:!w&&oe.length>0&&oe.every(function(e){return S.selectedRows.includes(e.id)}),onChange:se,disabled:w,className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4 zui:disabled:opacity-50"})}),Y.map(function(e,i){return t(ie,{column:e,width:e.width||X,sticky:"left",stickyPosition:de(Y,i,"left"),sorting:k,loading:w},e.id)}),t("div",{ref:q,className:"zui:flex-1 zui:overflow-x-auto zui:scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:t("div",{className:"zui:flex",style:{minWidth:"".concat(ne,"px")},children:ee.map(function(e){return t(ie,{column:e,width:e.width||X,sorting:k,loading:w},e.id)})})}),Z.map(function(e,i){return t(ie,{column:e,width:e.width||X,sticky:"right",stickyPosition:de(Z,i,"right"),sorting:k,loading:w},e.id)})]}),t("div",{ref:B,className:"zui:flex-1 zui:overflow-auto zui:h-[calc(100%_-_2.75rem)]",style:{minHeight:"200px"},children:(null==I?void 0:I.enabled)?t(Q,{children:function(e){var i=e.height,n=e.width;return t(F,{height:i,width:n,itemCount:oe.length,itemSize:I.rowHeight||60,overscanCount:I.overscan||5,children:function(e){var i=e.index,n=e.style;return t("div",{style:n,children:t(te,{row:oe[i],rowIndex:i,columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,expansion:N,onRowClick:E,onRowSelection:le,onRowExpansion:ae,renderCell:ce,calculateStickyPosition:de,isRowSelectable:T})},oe[i].id)}})}}):w?t($,{columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,calculateStickyPosition:de,totalWidth:re}):0===oe.length?n("div",{className:"zui:flex zui:flex-col zui:items-center zui:justify-center zui:py-12",children:[t("div",{className:"zui:text-gray-400 zui:text-lg zui:mb-2",children:"No data found"}),t("div",{className:"zui:text-gray-500 zui:text-sm",children:"Try adjusting your search or filters"})]}):t("div",{style:{minWidth:"".concat(re,"px")},children:oe.map(function(e,i){return t(te,{row:e,rowIndex:i,columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,expansion:N,onRowClick:E,onRowSelection:le,onRowExpansion:ae,renderCell:ce,calculateStickyPosition:de,isRowSelectable:T},e.id)})})})]}),x&&n("div",{className:"zui:flex zui:items-center zui:justify-between zui:px-4 zui:py-3 zui:border-t zui:border-gray-200 zui:flex-shrink-0 zui:bg-white",children:[t("div",{className:"zui:text-sm zui:text-gray-700",children:w?t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse",style:{width:"200px"}}):"Showing ".concat((x.page-1)*x.pageSize+1,"-").concat(Math.min(x.page*x.pageSize,x.total)," of ").concat(x.total," entries")}),t("div",{className:"zui:flex zui:items-center zui:space-x-2",children:w?t(r,{children:Array.from({length:4},function(e,i){return t("div",{className:"zui:w-8 zui:h-8 zui:bg-gray-200 zui:rounded zui:animate-pulse"},i)})}):n(r,{children:[n("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:ml-2",children:[t("span",{className:"zui:text-sm zui:text-gray-700",children:"Per page:"}),t("select",{value:x.pageSize,onChange:function(e){return x.onPageSizeChange(Number(e.target.value))},className:"zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:text-sm",children:[5,10,20,50,100].map(function(e){return t("option",{value:e,children:e},e)})})]}),t("button",{onClick:function(){return x.onPageChange(1)},disabled:1===x.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(g,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.max(1,x.page-1))},disabled:1===x.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(v,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.min(Math.ceil(x.total/x.pageSize),x.page+1))},disabled:x.page>=Math.ceil(x.total/x.pageSize),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(y,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.ceil(x.total/x.pageSize))},disabled:x.page>=Math.ceil(x.total/x.pageSize),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(_,{size:18})})]})})]})]})},ie=function(i){var r,o=i.column,s=i.width,l=i.sticky,a=i.stickyPosition,u=i.sorting,c=i.loading,d=void 0!==c&&c,h=l?((r={position:"sticky"})[l]="".concat(a||0,"px"),r.zIndex=45,r.backgroundColor="#f9fafb",r):{},f="center"===o.align?"zui:justify-center":"right"===o.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-3 zui:text-left zui:text-sm zui:font-medium zui:text-gray-500 zui:tracking-wider zui:border-r zui:border-gray-300 zui:bg-gray-100 zui:flex-shrink-0 ".concat(f),style:e({width:"".concat(s,"px"),minWidth:"".concat(s,"px"),maxWidth:"".concat(s,"px")},h),children:n("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:flex-1 zui:min-w-0",children:[t("span",{className:"zui:truncate zui:flex-1",children:o.header}),o.sortable&&t("button",{onClick:function(){if(o.sortable&&u&&!d){var e="asc";u.sortBy===o.id&&(e="asc"===u.sortOrder?"desc":"asc"),u.onSortChange(o.id,e)}},disabled:d,className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors zui:flex-shrink-0 zui:disabled:opacity-50 zui:disabled:cursor-not-allowed",children:d||(null==u?void 0:u.sortBy)!==o.id?t(x,{className:"zui:w-4 zui:h-4 zui:text-gray-400"}):"asc"===u.sortOrder?t(w,{className:"zui:w-4 zui:h-4 zui:text-blue-600"}):t(b,{className:"zui:w-4 zui:h-4 zui:text-blue-600"})})]})})},te=function(e){var i=e.row,o=e.rowIndex,s=e.leftStickyColumns,l=e.rightStickyColumns,a=e.regularColumns,u=e.selection,c=e.expansion,d=e.onRowClick,f=e.onRowSelection,z=e.onRowExpansion,m=e.renderCell,g=e.calculateStickyPosition,v=e.isRowSelectable,_=(null==u?void 0:u.selectedRows.includes(i.id))||!1,w=(null==c?void 0:c.expandedRows.includes(i.id))||!1,b=i._children&&i._children.length>0,x=h(function(){f(i.id)},[i.id,f]),k=h(function(){z(i.id)},[i.id,z]),C=h(function(e,i,r){var o=e.render?e.render(i[e.accessor],i,r):t("span",{className:"zui:truncate",children:String(i[e.accessor]||"")});return n("div",{className:"zui:flex zui:items-center zui:w-full",children:[c&&t("div",{className:"zui:flex-shrink-0 zui:mr-2",children:b?t("button",{onClick:function(e){e.stopPropagation(),k()},className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors",children:t(w?S:y,{className:"zui:w-4 zui:h-4"})}):t("div",{className:"zui:w-6 zui:h-6"})}),t("div",{className:"zui:flex-1 zui:min-w-0",children:o})]})},[c,b,w,k]);return n(r,{children:[n("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:hover:bg-gray-50 zui:transition-colors zui:cursor-pointer ".concat(_?"zui:bg-blue-50":"zui:bg-white"),onClick:function(){return null==d?void 0:d(i)},children:[(null==u?void 0:u.enabled)&&(!v||v(i)?t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t(p,{checked:_,onChange:function(e){e.stopPropagation(),x()},className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4"})}):t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0"})),s.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,sticky:"left",stickyPosition:g(s,n,"left"),renderCell:0===n?C:m},e.id)}),a.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,renderCell:0===s.length&&0===n?C:m},e.id)}),l.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,sticky:"right",stickyPosition:g(l,n,"right"),renderCell:m},e.id)})]}),w&&(null==c?void 0:c.renderExpandedRow)&&t("div",{className:"zui:border-b zui:border-gray-200 zui:bg-gray-50",children:c.renderExpandedRow(i)})]})},ne=function(i){var n,r=i.column,o=i.row,s=i.rowIndex,l=i.width,a=i.sticky,u=i.stickyPosition,c=i.renderCell,d=a?((n={position:"sticky"})[a]="".concat(u||0,"px"),n.zIndex=25,n.backgroundColor="inherit",n):{},h="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-1 zui:text-sm zui:text-gray-900 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[50px] ".concat(h),style:e({width:"".concat(l,"px"),minWidth:"".concat(l,"px"),maxWidth:"".concat(l,"px")},d),children:t("div",{className:"zui:w-full zui:min-w-0",children:c(r,o,s)})})};export{ee as Table,ee as default};
+import{a as e,b as i}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{createElement as o,PureComponent as s,Component as l,useState as a,useRef as u,useMemo as c,useEffect as d,useCallback as h}from"react";import{_ as f,b as m,a as z}from"../../chunks/assertThisInitialized-406be690.esm.js";import{Checkbox as g}from"../Checkbox/index.esm.js";import{i as p,C as v,a as y,j as _,A as w,k as b,l as x,c as S}from"../../chunks/lucide-8c9441ea.esm.js";import"../../chunks/index-c6541658.esm.js";var k=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function C(e,i){return e===i||!(!k(e)||!k(i))}function N(e,i){if(e.length!==i.length)return!1;for(var t=0;t<e.length;t++)if(!C(e[t],i[t]))return!1;return!0}function R(e,i){var t;void 0===i&&(i=N);var n,r=[],o=!1;return function(){for(var s=[],l=0;l<arguments.length;l++)s[l]=arguments[l];return o&&t===this&&i(s,r)||(n=e.apply(this,s),o=!0,t=this,r=s),n}}var I="object"==typeof performance&&"function"==typeof performance.now?function(){return performance.now()}:function(){return Date.now()};function E(e){cancelAnimationFrame(e.id)}var T=-1;function O(e){if(void 0===e&&(e=!1),-1===T||e){var i=document.createElement("div"),t=i.style;t.width="50px",t.height="50px",t.overflow="scroll",document.body.appendChild(i),T=i.offsetWidth-i.clientWidth,document.body.removeChild(i)}return T}var L=null;function W(e){if(void 0===e&&(e=!1),null===L||e){var i=document.createElement("div"),t=i.style;t.width="50px",t.height="50px",t.overflow="scroll",t.direction="rtl";var n=document.createElement("div"),r=n.style;return r.width="100px",r.height="100px",i.appendChild(n),document.body.appendChild(i),i.scrollLeft>0?L="positive-descending":(i.scrollLeft=1,L=0===i.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(i),L}return L}process.env.NODE_ENV;var M=function(e,i){return e},P=null,A=null;function D(e){var i,t=e.getItemOffset,n=e.getEstimatedTotalSize,r=e.getItemSize,l=e.getOffsetForIndexAndAlignment,a=e.getStartIndexForOffset,u=e.getStopIndexForStartIndex,c=e.initInstanceProps,d=e.shouldResetStyleCacheOnItemSizeChange,h=e.validateProps;return i=function(e){var i,s;function g(i){var n;return(n=e.call(this,i)||this)._instanceProps=c(n.props,z(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:z(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof n.props.initialScrollOffset?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=R(function(e,i,t,r){return n.props.onItemsRendered({overscanStartIndex:e,overscanStopIndex:i,visibleStartIndex:t,visibleStopIndex:r})}),n._callOnScroll=void 0,n._callOnScroll=R(function(e,i,t){return n.props.onScroll({scrollDirection:e,scrollOffset:i,scrollUpdateWasRequested:t})}),n._getItemStyle=void 0,n._getItemStyle=function(e){var i,o=n.props,s=o.direction,l=o.itemSize,a=o.layout,u=n._getItemStyleCache(d&&l,d&&a,d&&s);if(u.hasOwnProperty(e))i=u[e];else{var c=t(n.props,e,n._instanceProps),h=r(n.props,e,n._instanceProps),f="horizontal"===s||"horizontal"===a,m="rtl"===s,z=f?c:0;u[e]=i={position:"absolute",left:m?void 0:z,right:m?z:void 0,top:f?0:c,height:f?"100%":h,width:f?h:"100%"}}return i},n._getItemStyleCache=void 0,n._getItemStyleCache=R(function(e,i,t){return{}}),n._onScrollHorizontal=function(e){var i=e.currentTarget,t=i.clientWidth,r=i.scrollLeft,o=i.scrollWidth;n.setState(function(e){if(e.scrollOffset===r)return null;var i=n.props.direction,s=r;if("rtl"===i)switch(W()){case"negative":s=-r;break;case"positive-descending":s=o-t-r}return s=Math.max(0,Math.min(s,o-t)),{isScrolling:!0,scrollDirection:e.scrollOffset<s?"forward":"backward",scrollOffset:s,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(e){var i=e.currentTarget,t=i.clientHeight,r=i.scrollHeight,o=i.scrollTop;n.setState(function(e){if(e.scrollOffset===o)return null;var i=Math.max(0,Math.min(o,r-t));return{isScrolling:!0,scrollDirection:e.scrollOffset<i?"forward":"backward",scrollOffset:i,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(e){var i=n.props.outerRef;n._outerRef=e,"function"==typeof i?i(e):null!=i&&"object"==typeof i&&i.hasOwnProperty("current")&&(i.current=e)},n._resetIsScrollingDebounced=function(){var e,i,t,r;null!==n._resetIsScrollingTimeoutId&&E(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=(e=n._resetIsScrolling,i=150,t=I(),r={id:requestAnimationFrame(function n(){I()-t>=i?e.call(null):r.id=requestAnimationFrame(n)})})},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}s=e,(i=g).prototype=Object.create(s.prototype),i.prototype.constructor=i,f(i,s),g.getDerivedStateFromProps=function(e,i){return j(e,i),h(e),null};var p=g.prototype;return p.scrollTo=function(e){e=Math.max(0,e),this.setState(function(i){return i.scrollOffset===e?null:{scrollDirection:i.scrollOffset<e?"forward":"backward",scrollOffset:e,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},p.scrollToItem=function(e,i){void 0===i&&(i="auto");var t=this.props,n=t.itemCount,r=t.layout,o=this.state.scrollOffset;e=Math.max(0,Math.min(e,n-1));var s=0;if(this._outerRef){var a=this._outerRef;s="vertical"===r?a.scrollWidth>a.clientWidth?O():0:a.scrollHeight>a.clientHeight?O():0}this.scrollTo(l(this.props,e,i,o,this._instanceProps,s))},p.componentDidMount=function(){var e=this.props,i=e.direction,t=e.initialScrollOffset,n=e.layout;if("number"==typeof t&&null!=this._outerRef){var r=this._outerRef;"horizontal"===i||"horizontal"===n?r.scrollLeft=t:r.scrollTop=t}this._callPropsCallbacks()},p.componentDidUpdate=function(){var e=this.props,i=e.direction,t=e.layout,n=this.state,r=n.scrollOffset;if(n.scrollUpdateWasRequested&&null!=this._outerRef){var o=this._outerRef;if("horizontal"===i||"horizontal"===t)if("rtl"===i)switch(W()){case"negative":o.scrollLeft=-r;break;case"positive-ascending":o.scrollLeft=r;break;default:var s=o.clientWidth,l=o.scrollWidth;o.scrollLeft=l-s-r}else o.scrollLeft=r;else o.scrollTop=r}this._callPropsCallbacks()},p.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&E(this._resetIsScrollingTimeoutId)},p.render=function(){var e=this.props,i=e.children,t=e.className,r=e.direction,s=e.height,l=e.innerRef,a=e.innerElementType,u=e.innerTagName,c=e.itemCount,d=e.itemData,h=e.itemKey,f=void 0===h?M:h,z=e.layout,g=e.outerElementType,p=e.outerTagName,v=e.style,y=e.useIsScrolling,_=e.width,w=this.state.isScrolling,b="horizontal"===r||"horizontal"===z,x=b?this._onScrollHorizontal:this._onScrollVertical,S=this._getRangeToRender(),k=S[0],C=S[1],N=[];if(c>0)for(var R=k;R<=C;R++)N.push(o(i,{data:d,key:f(R,d),index:R,isScrolling:y?w:void 0,style:this._getItemStyle(R)}));var I=n(this.props,this._instanceProps);return o(g||p||"div",{className:t,onScroll:x,ref:this._outerRefSetter,style:m({position:"relative",height:s,width:_,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},v)},o(a||u||"div",{children:N,ref:l,style:{height:b?"100%":I,pointerEvents:w?"none":void 0,width:b?I:"100%"}}))},p._callPropsCallbacks=function(){if("function"==typeof this.props.onItemsRendered&&this.props.itemCount>0){var e=this._getRangeToRender(),i=e[0],t=e[1],n=e[2],r=e[3];this._callOnItemsRendered(i,t,n,r)}if("function"==typeof this.props.onScroll){var o=this.state,s=o.scrollDirection,l=o.scrollOffset,a=o.scrollUpdateWasRequested;this._callOnScroll(s,l,a)}},p._getRangeToRender=function(){var e=this.props,i=e.itemCount,t=e.overscanCount,n=this.state,r=n.isScrolling,o=n.scrollDirection,s=n.scrollOffset;if(0===i)return[0,0,0,0];var l=a(this.props,s,this._instanceProps),c=u(this.props,l,s,this._instanceProps),d=r&&"backward"!==o?1:Math.max(1,t),h=r&&"forward"!==o?1:Math.max(1,t);return[Math.max(0,l-d),Math.max(0,Math.min(i-1,c+h)),l,c]},g}(s),i.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},i}"production"!==process.env.NODE_ENV&&"undefined"!=typeof window&&void 0!==window.WeakSet&&(P=new WeakSet,A=new WeakSet);var j=function(e,i){var t=e.children,n=e.direction,r=e.height,o=e.layout,s=e.innerTagName,l=e.outerTagName,a=e.width,u=i.instance;if("production"!==process.env.NODE_ENV){null==s&&null==l||A&&!A.has(u)&&(A.add(u),console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));var c="horizontal"===n||"horizontal"===o;switch(n){case"horizontal":case"vertical":P&&!P.has(u)&&(P.add(u),console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));break;case"ltr":case"rtl":break;default:throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". "'+n+'" was specified.')}switch(o){case"horizontal":case"vertical":break;default:throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". "'+o+'" was specified.')}if(null==t)throw Error('An invalid "children" prop has been specified. Value should be a React component. "'+(null===t?"null":typeof t)+'" was specified.');if(c&&"number"!=typeof a)throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. "'+(null===a?"null":typeof a)+'" was specified.');if(!c&&"number"!=typeof r)throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. "'+(null===r?"null":typeof r)+'" was specified.')}},F=D({getItemOffset:function(e,i){return i*e.itemSize},getItemSize:function(e,i){return e.itemSize},getEstimatedTotalSize:function(e){var i=e.itemCount;return e.itemSize*i},getOffsetForIndexAndAlignment:function(e,i,t,n,r,o){var s=e.direction,l=e.height,a=e.itemCount,u=e.itemSize,c=e.layout,d=e.width,h="horizontal"===s||"horizontal"===c?d:l,f=Math.max(0,a*u-h),m=Math.min(f,i*u),z=Math.max(0,i*u-h+u+o);switch("smart"===t&&(t=n>=z-h&&n<=m+h?"auto":"center"),t){case"start":return m;case"end":return z;case"center":var g=Math.round(z+(m-z)/2);return g<Math.ceil(h/2)?0:g>f+Math.floor(h/2)?f:g;default:return n>=z&&n<=m?n:n<z?z:m}},getStartIndexForOffset:function(e,i){var t=e.itemCount,n=e.itemSize;return Math.max(0,Math.min(t-1,Math.floor(i/n)))},getStopIndexForStartIndex:function(e,i,t){var n=e.direction,r=e.height,o=e.itemCount,s=e.itemSize,l=e.layout,a=e.width,u=i*s,c="horizontal"===n||"horizontal"===l?a:r,d=Math.ceil((c+t-u)/s);return Math.max(0,Math.min(o-1,i+d-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){var i=e.itemSize;if("production"!==process.env.NODE_ENV&&"number"!=typeof i)throw Error('An invalid "itemSize" prop has been specified. Value should be a number. "'+(null===i?"null":typeof i)+'" was specified.')}});let H;H="undefined"!=typeof window?window:"undefined"!=typeof self?self:global;let V=null,q=null;const B=H.clearTimeout,U=H.setTimeout,K=H.cancelAnimationFrame||H.mozCancelAnimationFrame||H.webkitCancelAnimationFrame,G=H.requestAnimationFrame||H.mozRequestAnimationFrame||H.webkitRequestAnimationFrame;function J(e){let i,t,n,r,o,s,l;const a="undefined"!=typeof document&&document.attachEvent;if(!a){s=function(e){const i=e.__resizeTriggers__,t=i.firstElementChild,n=i.lastElementChild,r=t.firstElementChild;n.scrollLeft=n.scrollWidth,n.scrollTop=n.scrollHeight,r.style.width=t.offsetWidth+1+"px",r.style.height=t.offsetHeight+1+"px",t.scrollLeft=t.scrollWidth,t.scrollTop=t.scrollHeight},o=function(e){return e.offsetWidth!==e.__resizeLast__.width||e.offsetHeight!==e.__resizeLast__.height},l=function(e){if(e.target.className&&"function"==typeof e.target.className.indexOf&&e.target.className.indexOf("contract-trigger")<0&&e.target.className.indexOf("expand-trigger")<0)return;const i=this;s(this),this.__resizeRAF__&&V(this.__resizeRAF__),this.__resizeRAF__=q(function(){o(i)&&(i.__resizeLast__.width=i.offsetWidth,i.__resizeLast__.height=i.offsetHeight,i.__resizeListeners__.forEach(function(t){t.call(i,e)}))})};let e=!1,a="";n="animationstart";const u="Webkit Moz O ms".split(" ");let c="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),d="";{const i=document.createElement("fakeelement");if(void 0!==i.style.animationName&&(e=!0),!1===e)for(let t=0;t<u.length;t++)if(void 0!==i.style[u[t]+"AnimationName"]){d=u[t],a="-"+d.toLowerCase()+"-",n=c[t],e=!0;break}}t="resizeanim",i="@"+a+"keyframes "+t+" { from { opacity: 0; } to { opacity: 0; } } ",r=a+"animation: 1ms "+t+"; "}return{addResizeListener:function(o,u){if(a)o.attachEvent("onresize",u);else{if(!o.__resizeTriggers__){const a=o.ownerDocument,u=H.getComputedStyle(o);u&&"static"===u.position&&(o.style.position="relative"),function(t){if(!t.getElementById("detectElementResize")){const n=(i||"")+".resize-triggers { "+(r||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',o=t.head||t.getElementsByTagName("head")[0],s=t.createElement("style");s.id="detectElementResize",s.type="text/css",null!=e&&s.setAttribute("nonce",e),s.styleSheet?s.styleSheet.cssText=n:s.appendChild(t.createTextNode(n)),o.appendChild(s)}}(a),o.__resizeLast__={},o.__resizeListeners__=[],(o.__resizeTriggers__=a.createElement("div")).className="resize-triggers";const c=a.createElement("div");c.className="expand-trigger",c.appendChild(a.createElement("div"));const d=a.createElement("div");d.className="contract-trigger",o.__resizeTriggers__.appendChild(c),o.__resizeTriggers__.appendChild(d),o.appendChild(o.__resizeTriggers__),s(o),o.addEventListener("scroll",l,!0),n&&(o.__resizeTriggers__.__animationListener__=function(e){e.animationName===t&&s(o)},o.__resizeTriggers__.addEventListener(n,o.__resizeTriggers__.__animationListener__))}o.__resizeListeners__.push(u)}},removeResizeListener:function(e,i){if(a)e.detachEvent("onresize",i);else if(e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(i),1),!e.__resizeListeners__.length){e.removeEventListener("scroll",l,!0),e.__resizeTriggers__.__animationListener__&&(e.__resizeTriggers__.removeEventListener(n,e.__resizeTriggers__.__animationListener__),e.__resizeTriggers__.__animationListener__=null);try{e.__resizeTriggers__=!e.removeChild(e.__resizeTriggers__)}catch(e){}}}}}null==K||null==G?(V=B,q=function(e){return U(e,20)}):(V=function([e,i]){K(e),B(i)},q=function(e){const i=G(function(){B(t),e()}),t=U(function(){K(i),e()},20);return[i,t]});class Q extends l{constructor(...e){super(...e),this.state={height:this.props.defaultHeight||0,width:this.props.defaultWidth||0},this._autoSizer=null,this._detectElementResize=null,this._didLogDeprecationWarning=!1,this._parentNode=null,this._resizeObserver=null,this._timeoutId=null,this._onResize=()=>{this._timeoutId=null;const{disableHeight:e,disableWidth:i,onResize:t}=this.props;if(this._parentNode){const n=window.getComputedStyle(this._parentNode)||{},r=parseFloat(n.paddingLeft||"0"),o=parseFloat(n.paddingRight||"0"),s=parseFloat(n.paddingTop||"0"),l=parseFloat(n.paddingBottom||"0"),a=this._parentNode.getBoundingClientRect(),u=a.height-s-l,c=a.width-r-o;if(!e&&this.state.height!==u||!i&&this.state.width!==c){this.setState({height:u,width:c});const e=()=>{this._didLogDeprecationWarning||(this._didLogDeprecationWarning=!0,console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"))};"function"==typeof t&&t({height:u,width:c,get scaledHeight(){return e(),u},get scaledWidth(){return e(),c}})}}},this._setRef=e=>{this._autoSizer=e}}componentDidMount(){const{nonce:e}=this.props,i=this._autoSizer?this._autoSizer.parentNode:null;if(null!=i&&i.ownerDocument&&i.ownerDocument.defaultView&&i instanceof i.ownerDocument.defaultView.HTMLElement){this._parentNode=i;const t=i.ownerDocument.defaultView.ResizeObserver;null!=t?(this._resizeObserver=new t(()=>{this._timeoutId=setTimeout(this._onResize,0)}),this._resizeObserver.observe(i)):(this._detectElementResize=J(e),this._detectElementResize.addResizeListener(i,this._onResize)),this._onResize()}}componentWillUnmount(){this._parentNode&&(this._detectElementResize&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize),null!==this._timeoutId&&clearTimeout(this._timeoutId),this._resizeObserver&&this._resizeObserver.disconnect())}render(){const{children:e,defaultHeight:i,defaultWidth:t,disableHeight:n=!1,disableWidth:r=!1,doNotBailOutOnEmptyChildren:s=!1,nonce:l,onResize:a,style:u={},tagName:c="div",...d}=this.props,{height:h,width:f}=this.state,m={overflow:"visible"},z={};let g=!1;return n||(0===h&&(g=!0),m.height=0,z.height=h,z.scaledHeight=h),r||(0===f&&(g=!0),m.width=0,z.width=f,z.scaledWidth=f),s&&(g=!1),o(c,{ref:this._setRef,style:{...m,...u},...d},!g&&e(z))}}var X=150,Y=function(i){var n,r=i.column,o=i.width,s=i.sticky,l=i.stickyPosition,a=s?((n={position:"sticky"})[s]="".concat(l||0,"px"),n.zIndex=25,n.backgroundColor="white",n):{},u="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-4 zui:py-4 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[60px] ".concat(u),style:e({width:"".concat(o,"px"),minWidth:"".concat(o,"px"),maxWidth:"".concat(o,"px")},a),children:t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse zui:w-3/4"})})},Z=function(e){var i=e.leftStickyColumns,r=e.rightStickyColumns,o=e.regularColumns,s=e.selection,l=e.calculateStickyPosition,a=e.rowIndex;return n("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:bg-white",children:[(null==s?void 0:s.enabled)&&t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-white zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t("div",{className:"zui:w-4 zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})}),i.map(function(e,n){return t(Y,{column:e,width:e.width||X,sticky:"left",stickyPosition:l(i,n,"left")},"left-".concat(e.id,"-").concat(a))}),o.map(function(e,i){return t(Y,{column:e,width:e.width||X},"regular-".concat(e.id,"-").concat(a))}),r.map(function(e,i){return t(Y,{column:e,width:e.width||X,sticky:"right",stickyPosition:l(r,i,"right")},"right-".concat(e.id,"-").concat(a))})]})},$=function(e){var i=e.columns,n=e.leftStickyColumns,r=e.rightStickyColumns,o=e.regularColumns,s=e.selection,l=e.calculateStickyPosition,a=e.totalWidth;return t("div",{style:{minWidth:"".concat(a,"px")},children:Array.from({length:10},function(e,a){return t(Z,{columns:i,leftStickyColumns:n,rightStickyColumns:r,regularColumns:o,selection:s,calculateStickyPosition:l,rowIndex:a},"skeleton-row-".concat(a))})})},ee=function(o){var s,l,f=o.columns,m=o.data,z=o.loading,w=void 0!==z&&z,b=o.stickyColumns,x=o.pagination,S=o.selection,k=o.sorting,C=o.filtering,N=o.expansion,R=o.virtualization,I=void 0===R?{enabled:!1}:R,E=o.onRowClick;o.bulkActions;var T=o.isRowSelectable,O=o.className,L=void 0===O?"":O;o.variant;var W=a(f),M=W[0],P=W[1],A=a(""),D=A[0];A[1];var j=a(!1),H=j[0];j[1];var V=u(null),q=u(null),B=u(null),U=c(function(){return M.map(function(i){var t,n,r=i.sticky;return(null===(t=null==b?void 0:b.left)||void 0===t?void 0:t.includes(i.id))?r="left":(null===(n=null==b?void 0:b.right)||void 0===n?void 0:n.includes(i.id))&&(r="right"),e(e({},i),{sticky:r})})},[M,b]),K=c(function(){return U.filter(function(e){return!e.hidden})},[U]),G=null!==(s=null==b?void 0:b.left)&&void 0!==s?s:[],J=null!==(l=null==b?void 0:b.right)&&void 0!==l?l:[],Y=K.filter(function(e){return G.includes(e.id)}),Z=K.filter(function(e){return J.includes(e.id)}),ee=K.filter(function(e){return!G.includes(e.id)&&!J.includes(e.id)}),ne=c(function(){return ee.reduce(function(e,i){return e+(i.width||X)},0)},[ee]),re=c(function(){var e=0;return(null==S?void 0:S.enabled)&&(e+=48),K.forEach(function(i){e+=i.width||X}),Math.max(e,800)},[K,S]),oe=c(function(){var e=i([],m,!0);return D&&(e=e.filter(function(e){return Object.values(e).some(function(e){return String(e).toLowerCase().includes(D.toLowerCase())})})),(null==C?void 0:C.filters)&&Object.entries(C.filters).forEach(function(i){var t=i[0],n=i[1];n&&(e=e.filter(function(e){return String(e[t]).toLowerCase().includes(String(n).toLowerCase())}))}),(null==k?void 0:k.sortBy)&&e.sort(function(e,i){var t=e[k.sortBy],n=i[k.sortBy];return t<n?"asc"===k.sortOrder?-1:1:t>n?"asc"===k.sortOrder?1:-1:0}),e},[m,D,null==C?void 0:C.filters,k]);d(function(){var e=q.current,i=B.current;if(e&&i){var t=!1,n=!1,r=function(){n||(t=!0,i.scrollLeft=e.scrollLeft,setTimeout(function(){t=!1},0))},o=function(){t||(n=!0,e.scrollLeft=i.scrollLeft,setTimeout(function(){n=!1},0))};return e.addEventListener("scroll",r),i.addEventListener("scroll",o),function(){e.removeEventListener("scroll",r),i.removeEventListener("scroll",o)}}},[]);var se=h(function(){if((null==S?void 0:S.enabled)&&oe){var e=oe.filter(function(e){return!T||T(e)}).map(function(e){return e.id});if(e.every(function(e){return S.selectedRows.includes(e)}))S.onSelectionChange(S.selectedRows.filter(function(i){return!e.includes(i)}));else{var t=Array.from(new Set(i(i([],S.selectedRows.filter(function(i){return!e.includes(i)}),!0),e,!0)));S.onSelectionChange(t)}}},[oe,S,T]),le=h(function(e){if(null==S?void 0:S.enabled){var t=S.selectedRows;t.includes(e)?S.onSelectionChange(t.filter(function(i){return i!==e})):S.onSelectionChange(i(i([],t,!0),[e],!1))}},[S]),ae=h(function(e){if(N){var t=N.expandedRows;t.includes(e)?N.onExpansionChange(t.filter(function(i){return i!==e})):N.onExpansionChange(i(i([],t,!0),[e],!1))}},[N]),ue=h(function(i){P(function(t){return t.map(function(t){return t.id===i?e(e({},t),{hidden:!t.hidden}):t})})},[]),ce=h(function(e,i,n){var r=i[e.accessor];return e.render?e.render(r,i,n):t("span",{className:"zui:truncate",children:String(r||"")})},[]),de=h(function(e,i,t){var n=0;return"left"===t?((null==S?void 0:S.enabled)&&(n+=48),e.slice(0,i).forEach(function(e){n+=e.width||X})):e.slice(i+1).forEach(function(e){n+=e.width||X}),n},[S]);return n("div",{className:"zui:w-full zui:h-full zui:bg-white  zui:flex zui:flex-col ".concat(L),children:[H&&!w&&n("div",{className:"zui:absolute zui:right-4 zui:top-16 zui:z-50 zui:w-64 zui:bg-white zui:border zui:border-gray-200 zui:rounded-lg zui:shadow-lg zui:p-4",children:[t("h3",{className:"zui:text-sm zui:font-medium zui:text-gray-900 zui:mb-3",children:"Show/Hide Columns"}),f.map(function(e){return n("label",{className:"zui:flex zui:items-center zui:space-x-2 zui:mb-2",children:[t("input",{type:"checkbox",checked:!e.hidden,onChange:function(){return ue(e.id)},className:"zui:rounded zui:border-gray-300"}),t("span",{className:"zui:text-sm zui:text-gray-700",children:e.header})]},e.id)})]}),n("div",{ref:V,className:"zui:relative zui:flex-1 zui:min-h-0 zui:overflow-hidden",children:[n("div",{className:"zui:sticky zui:top-0 zui:z-40 zui:bg-gray-50 zui:border-b zui:border-gray-200 zui:flex",children:[(null==S?void 0:S.enabled)&&t("div",{className:"zui:sticky zui:left-0 zui:z-50 zui:bg-gray-200 zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-2 zui:py-2 zui:flex-shrink-0",children:t(g,{checked:!w&&oe.length>0&&oe.every(function(e){return S.selectedRows.includes(e.id)}),onChange:se,disabled:w,className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4 zui:disabled:opacity-50"})}),Y.map(function(e,i){return t(ie,{column:e,width:e.width||X,sticky:"left",stickyPosition:de(Y,i,"left"),sorting:k,loading:w},e.id)}),t("div",{ref:q,className:"zui:flex-1 zui:overflow-x-auto zui:scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:t("div",{className:"zui:flex",style:{minWidth:"".concat(ne,"px")},children:ee.map(function(e){return t(ie,{column:e,width:e.width||X,sorting:k,loading:w},e.id)})})}),Z.map(function(e,i){return t(ie,{column:e,width:e.width||X,sticky:"right",stickyPosition:de(Z,i,"right"),sorting:k,loading:w},e.id)})]}),t("div",{ref:B,className:"zui:flex-1 zui:overflow-auto zui:h-[calc(100%_-_2.75rem)]",style:{minHeight:"200px"},children:(null==I?void 0:I.enabled)?t(Q,{children:function(e){var i=e.height,n=e.width;return t(F,{height:i,width:n,itemCount:oe.length,itemSize:I.rowHeight||60,overscanCount:I.overscan||5,children:function(e){var i=e.index,n=e.style;return t("div",{style:n,children:t(te,{row:oe[i],rowIndex:i,columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,expansion:N,onRowClick:E,onRowSelection:le,onRowExpansion:ae,renderCell:ce,calculateStickyPosition:de,isRowSelectable:T})},oe[i].id)}})}}):w?t($,{columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,calculateStickyPosition:de,totalWidth:re}):0===oe.length?n("div",{className:"zui:flex zui:flex-col zui:items-center zui:justify-center zui:py-12",children:[t("div",{className:"zui:text-gray-400 zui:text-lg zui:mb-2",children:"No data found"}),t("div",{className:"zui:text-gray-500 zui:text-sm",children:"Try adjusting your search or filters"})]}):t("div",{style:{minWidth:"".concat(re,"px")},children:oe.map(function(e,i){return t(te,{row:e,rowIndex:i,columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,expansion:N,onRowClick:E,onRowSelection:le,onRowExpansion:ae,renderCell:ce,calculateStickyPosition:de,isRowSelectable:T},e.id)})})})]}),x&&n("div",{className:"zui:flex zui:items-center zui:justify-between zui:px-4 zui:py-3 zui:border-t zui:border-gray-200 zui:flex-shrink-0 zui:bg-white",children:[w?"Loading...":function(){Math.max(1,Math.ceil(x.total/x.pageSize));var e=Math.min((x.page-1)*x.pageSize+1,Math.max(0,x.total)),i=Math.min(x.page*x.pageSize,x.total);return"Showing ".concat(0===x.total?0:e,"-").concat(i," of ").concat(x.total," entries")}(),t("div",{className:"zui:flex zui:items-center zui:space-x-2",children:w?t(r,{children:Array.from({length:4},function(e,i){return t("div",{className:"zui:w-8 zui:h-8 zui:bg-gray-200 zui:rounded zui:animate-pulse"},i)})}):n(r,{children:[n("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:ml-2",children:[t("span",{className:"zui:text-sm zui:text-gray-700",children:"Per page:"}),t("select",{value:x.pageSize,onChange:function(e){var i=Number(e.target.value);x.onPageSizeChange(i),x.onPageChange(1)},className:"zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:text-sm",children:[5,10,20,50,100].map(function(e){return t("option",{value:e,children:e},e)})})]}),t("button",{onClick:function(){return x.onPageChange(1)},disabled:1===x.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(p,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.max(1,x.page-1))},disabled:1===x.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(v,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.min(Math.max(1,Math.ceil(x.total/x.pageSize)),x.page+1))},disabled:x.page>=Math.max(1,Math.ceil(x.total/x.pageSize)),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(y,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.max(1,Math.ceil(x.total/x.pageSize)))},disabled:x.page>=Math.max(1,Math.ceil(x.total/x.pageSize)),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(_,{size:18})})]})})]})]})},ie=function(i){var r,o=i.column,s=i.width,l=i.sticky,a=i.stickyPosition,u=i.sorting,c=i.loading,d=void 0!==c&&c,h=l?((r={position:"sticky"})[l]="".concat(a||0,"px"),r.zIndex=45,r.backgroundColor="#f9fafb",r):{},f="center"===o.align?"zui:justify-center":"right"===o.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-2 zui:py-2 zui:text-left zui:text-sm zui:font-medium zui:text-gray-600 zui:tracking-wider zui:border-r zui:border-gray-300 zui:bg-gray-200 zui:flex-shrink-0 ".concat(f),style:e({width:"".concat(s,"px"),minWidth:"".concat(s,"px"),maxWidth:"".concat(s,"px")},h),children:n("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:flex-1 zui:min-w-0",children:[t("span",{className:"zui:truncate zui:flex-1",children:o.header}),o.sortable&&t("button",{onClick:function(){if(o.sortable&&u&&!d){var e="asc";u.sortBy===o.id&&(e="asc"===u.sortOrder?"desc":"asc"),u.onSortChange(o.id,e)}},disabled:d,className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors zui:flex-shrink-0 zui:disabled:opacity-50 zui:disabled:cursor-not-allowed",children:d||(null==u?void 0:u.sortBy)!==o.id?t(x,{className:"zui:w-4 zui:h-4 zui:text-gray-400"}):"asc"===u.sortOrder?t(w,{className:"zui:w-4 zui:h-4 zui:text-blue-600"}):t(b,{className:"zui:w-4 zui:h-4 zui:text-blue-600"})})]})})},te=function(e){var i=e.row,o=e.rowIndex,s=e.leftStickyColumns,l=e.rightStickyColumns,a=e.regularColumns,u=e.selection,c=e.expansion,d=e.onRowClick,f=e.onRowSelection,m=e.onRowExpansion,z=e.renderCell,p=e.calculateStickyPosition,v=e.isRowSelectable,_=(null==u?void 0:u.selectedRows.includes(i.id))||!1,w=(null==c?void 0:c.expandedRows.includes(i.id))||!1,b=i._children&&i._children.length>0,x=h(function(){f(i.id)},[i.id,f]),k=h(function(){m(i.id)},[i.id,m]),C=h(function(e,i,r){var o=e.render?e.render(i[e.accessor],i,r):t("span",{className:"zui:truncate",children:String(i[e.accessor]||"")});return n("div",{className:"zui:flex zui:items-center zui:w-full",children:[c&&t("div",{className:"zui:flex-shrink-0 zui:mr-2",children:b?t("button",{onClick:function(e){e.stopPropagation(),k()},className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors",children:t(w?S:y,{className:"zui:w-4 zui:h-4"})}):t("div",{className:"zui:w-6 zui:h-6"})}),t("div",{className:"zui:flex-1 zui:min-w-0",children:o})]})},[c,b,w,k]);return n(r,{children:[n("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:hover:bg-gray-50 zui:transition-colors zui:cursor-pointer ".concat(_?"zui:bg-blue-50":"zui:bg-white"),onClick:function(){return null==d?void 0:d(i)},children:[(null==u?void 0:u.enabled)&&(!v||v(i)?t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t(g,{checked:_,onChange:function(e){e.stopPropagation(),x()},className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4"})}):t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0"})),s.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,sticky:"left",stickyPosition:p(s,n,"left"),renderCell:0===n?C:z},e.id)}),a.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,renderCell:0===s.length&&0===n?C:z},e.id)}),l.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,sticky:"right",stickyPosition:p(l,n,"right"),renderCell:z},e.id)})]}),w&&(null==c?void 0:c.renderExpandedRow)&&t("div",{className:"zui:border-b zui:border-gray-200 zui:bg-gray-50",children:c.renderExpandedRow(i)})]})},ne=function(i){var n,r=i.column,o=i.row,s=i.rowIndex,l=i.width,a=i.sticky,u=i.stickyPosition,c=i.renderCell,d=a?((n={position:"sticky"})[a]="".concat(u||0,"px"),n.zIndex=25,n.backgroundColor="inherit",n):{},h="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-1 zui:text-sm zui:text-gray-900 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[50px] ".concat(h),style:e({width:"".concat(l,"px"),minWidth:"".concat(l,"px"),maxWidth:"".concat(l,"px")},d),children:t("div",{className:"zui:w-full zui:min-w-0",children:c(r,o,s)})})};export{ee as Table,ee as default};

package/dist/components/TimePicker/index.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
+import { Dayjs } from 'dayjs';
 
 type InputSize = 'xs' | 'sm' | 'md' | 'lg';
 type InputVariant = 'outlined' | 'contained';
-type ReturnAs = 'timeOfDay' | 'dateTimeUtc';
 interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue'> {
     label?: string;
     floatingLabel?: boolean;
@@ -11,10 +11,10 @@ interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElemen
     size?: InputSize;
     variant?: InputVariant;
     focusOutline?: boolean;
-    value?: string | null;
-    defaultValue?: string | null;
-    onChange?: (val: any) => void;
-    format?: 'HH:mm' | 'HH:mm:ss' | 'hh:mm a' | 'hh:mm:ss a';
+    value?: Dayjs | null;
+    defaultValue?: Dayjs | null;
+    onChange?: (time: Dayjs | null, timeString: string) => void;
+    format?: string;
     use12Hours?: boolean;
     hourStep?: number;
     minuteStep?: number;
@@ -33,10 +33,6 @@ interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElemen
     disabledMinutes?: (m: number) => boolean;
     disabledSeconds?: (s: number) => boolean;
     allowClear?: boolean;
-    timeZone?: string;
-    locale?: string;
-    returnAs?: ReturnAs;
-    dateForConversion?: Date | string;
 }
 declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
 

package/dist/components/TimePicker/index.esm.js

@@ -1 +1 @@
-import{_ as i,a as e}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsxs as u,jsx as n}from"react/jsx-runtime";import*as o from"react";import r from"@mui/material/Popover";import{X as t,m as l,n as a}from"../../chunks/lucide-2a18f5d4.esm.js";function d(){for(var i=[],e=0;e<arguments.length;e++)i[e]=arguments[e];return i.filter(Boolean).join(" ")}var s={xs:"zui:h-8 zui:text-xs",sm:"zui:h-9 zui:text-sm",md:"zui:h-10 zui:text-sm",lg:"zui:h-11 zui:text-base"},c={xs:"zui:py-1.5",sm:"zui:py-2",md:"zui:py-2",lg:"zui:py-2.5"},z={xs:"zui:px-2",sm:"zui:px-2.5",md:"zui:px-3",lg:"zui:px-3.5"},m={xs:"zui:pr-8",sm:"zui:pr-9",md:"zui:pr-10",lg:"zui:pr-11"},v={xs:"zui:min-w-[10rem]",sm:"zui:min-w-[12rem]",md:"zui:min-w-[12rem]",lg:"zui:min-w-[14rem]"};function f(i){return i<10?"0".concat(i):"".concat(i)}function p(i,e,u){void 0===u&&(u=0);for(var n=[],o=u;o<=e;o+=i)n.push(o);return n}function b(i,e,u){if("string"!=typeof i)return null;var n=i.trim();if(!n)return null;var o,r=n.toLowerCase().match(/\s?(am|pm)$/i),t=n;r&&r[1]&&(o=r[1].toLowerCase(),t=n.replace(/\s?(am|pm)$/i,""));var l=t.split(":").map(function(i){return i.trim()});if(l.length<2||l.length>3)return null;var a=Number(l[0]),d=Number(l[1]),s=3===l.length?Number(l[2]):0;return[a,d,s].some(function(i){return Number.isNaN(i)})||(e?a<1||a>12:a<0||a>23)||d<0||d>59||s<0||s>59?null:{h:a,m:d,s:u?s:0,meridiem:o}}function h(i,e){return e?"am"===e?12===i?0:i:12===i?12:i+12:i}function g(i,e,u,n,o){var r,t=null!==(r=null==n?void 0:n.includes(":ss"))&&void 0!==r&&r;if(o){var l=i>=12,a="".concat(f(i%12==0?12:i%12),":").concat(f(e)).concat(t?":".concat(f(u)):"");return n&&n.includes(" a")?"".concat(a," ").concat(l?"pm":"am"):a}return"".concat(f(i),":").concat(f(e)).concat(t?":".concat(f(u)):"")}var x=o.forwardRef(function(x,y){var w,N=x.label,k=x.floatingLabel,C=void 0!==k&&k,S=x.description,M=x.error,T=x.size,D=void 0===T?"md":T,L=x.variant,H=void 0===L?"outlined":L,P=x.focusOutline,O=void 0===P||P,A=x.className,E=x.value,R=x.defaultValue,Z=void 0===R?null:R,F=x.onChange,j=x.format,q=void 0===j?"HH:mm":j,K=x.use12Hours,U=x.hourStep,B=void 0===U?1:U,I=x.minuteStep,V=void 0===I?1:I,$=x.secondStep,W=void 0===$?1:$,Y=x.needConfirm,_=void 0===Y||Y,G=x.showNow,J=void 0===G||G,Q=x.okText,X=void 0===Q?"OK":Q,ii=x.closeText,ei=void 0===ii?"Close":ii,ui=x.nowText,ni=void 0===ui?"Now":ui,oi=x.amText,ri=void 0===oi?"AM":oi,ti=x.pmText,li=void 0===ti?"PM":ti,ai=x.hourLabel,di=void 0===ai?"Hour":ai,si=x.minuteLabel,ci=void 0===si?"Minute":si,zi=x.secondLabel,mi=void 0===zi?"Second":zi,vi=x.disabledHours,fi=x.disabledMinutes,pi=x.disabledSeconds,bi=x.disabled,hi=x.placeholder,gi=x.required,xi=x.allowClear,yi=void 0===xi||xi,wi=x.id,Ni=x.timeZone,ki=x.locale,Ci=x.returnAs,Si=void 0===Ci?"timeOfDay":Ci,Mi=x.dateForConversion,Ti=i(x,["label","floatingLabel","description","error","size","variant","focusOutline","className","value","defaultValue","onChange","format","use12Hours","hourStep","minuteStep","secondStep","needConfirm","showNow","okText","closeText","nowText","amText","pmText","hourLabel","minuteLabel","secondLabel","disabledHours","disabledMinutes","disabledSeconds","disabled","placeholder","required","allowClear","id","timeZone","locale","returnAs","dateForConversion"]),Di=wi||function(i){void 0===i&&(i="timepicker");var e=o.useRef();return e.current||(e.current="".concat(i,"-").concat(Math.random().toString(36).slice(2,9))),e.current}("timepicker"),Li=o.useMemo(function(){if(ki)return ki.toLowerCase().startsWith("en-us")},[ki]),Hi=null!==(w=null!=K?K:q.includes("hh")||q.includes(" a"))&&void 0!==w?w:!!Li,Pi=q.includes(":ss"),Oi=o.useRef(void 0!==E).current,Ai=o.useState(null!=Z?Z:""),Ei=Ai[0],Ri=Ai[1],Zi=Oi?null!=E?E:"":Ei,Fi=o.useState(Zi),ji=Fi[0],qi=Fi[1];o.useEffect(function(){qi(Zi)},[Zi]);var Ki=o.useState(null),Ui=Ki[0],Bi=Ki[1],Ii=Boolean(Ui),Vi=o.useRef(null),$i=o.useRef(!1);function Wi(i,e){Bi(i?null!=e?e:Vi.current:null)}o.useEffect(function(){function i(i){"Escape"===i.key&&(i.stopPropagation(),i.preventDefault(),Ii&&Bi(null))}return Ii&&document.addEventListener("keydown",i,!0),function(){return document.removeEventListener("keydown",i,!0)}},[Ii]);var Yi=o.useMemo(function(){return b(Zi,Hi,Pi)},[Zi,Hi,Pi]),_i=o.useState(Yi),Gi=_i[0],Ji=_i[1];o.useEffect(function(){if(Ii){var i=b(Zi,Hi,Pi);Ji(i),qi(Zi)}},[Ii,Zi,Hi,Pi]);var Qi=o.useMemo(function(){return Hi?p(B,12,1):p(B,23,0)},[Hi,B]),Xi=o.useMemo(function(){return p(V,59,0)},[V]),ie=o.useMemo(function(){return p(W,59,0)},[W]);function ee(i,e){if(!F||!e)return null==F||F(""===i?null:i),void(Oi||Ri(i));var u=e.h24,n=e.m,o=e.s,r=Ni||void 0;if("dateTimeUtc"===Si){if(!Mi||!r)return null==F||F({hour24:u,minute:n,second:o,timeZone:r,text:i,warning:"dateForConversion and timeZone are required for UTC conversion; returning timeOfDay."}),void(Oi||Ri(i));var t="string"==typeof Mi?new Date(Mi):Mi,l=t.getFullYear(),a=String(t.getMonth()+1).padStart(2,"0"),d=String(t.getDate()).padStart(2,"0");return null==F||F({wallTime:{hour24:u,minute:n,second:o},date:"".concat(l,"-").concat(a,"-").concat(d),timeZone:r,text:i,note:"Use a timezone-aware date lib with date+timeZone to convert to UTC."}),void(Oi||Ri(i))}null==F||F({hour24:u,minute:n,second:o,timeZone:r,text:i}),Oi||Ri(i)}function ue(i,e,u,n){if(!(null==vi?void 0:vi(Hi?i%12||12:i))&&!((null==fi?void 0:fi(e))||Pi&&(null==pi?void 0:pi(u)))){var o=Hi?h(i,n):i,r=g(o,e,u,q,Hi);ee(r,{h24:o,m:e,s:u}),qi(r)}}var ne=o.useMemo(function(){return Gi?g(Hi?h(Gi.h,Gi.meridiem):Gi.h,Gi.m,Gi.s,q,Hi):""},[Gi,Hi,q]),oe=Ii&&""!==ne.trim()?ne:Zi;function re(i,e,u,n){Ji({h:i,m:e,s:u,meridiem:n});var o=Hi?h(i,n):i;qi(g(o,e,u,q,Hi)),_||ue(i,e,u,n)}var te=o.useRef(null),le=o.useRef(null),ae=o.useRef(null);function de(i,e){var u=i.current;if(u){var n=Array.from(u.querySelectorAll('button[role="option"]:not([aria-disabled="true"])'));if(0!==n.length){var o=n.findIndex(function(i){return i===document.activeElement});n[o<0?0:Math.max(0,Math.min(n.length-1,o+e))].focus()}}}function se(i,e){"ArrowDown"===i.key?(i.preventDefault(),de(e,1)):"ArrowUp"===i.key&&(i.preventDefault(),de(e,-1))}var ce=m[D],ze="lg"===D?18:16,me=N||"Time picker",ve=Boolean(oe)&&!bi&&!!yi,fe="outlined"===H?"zui:border-gray-300 focus:zui:border-gray-400":"zui:border-transparent";return u("div",{className:d("zui:flex zui:flex-col",A),children:[!C&&N&&u("label",{htmlFor:Di,className:"zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",children:[N,gi&&n("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),u("div",{ref:Vi,className:d("zui:relative zui:flex zui:items-center zui:w-full",v[D]),children:[n("input",e({readOnly:!0,id:Di,ref:y,value:oe,onChange:function(i){var e;qi(null!==(e=i.target.value)&&void 0!==e?e:"")},onBlur:function(){var i=b((null!=ji?ji:"").trim(),Hi,Pi);_?i?Ji(i):(qi(Zi),Ji(Yi)):i?ue(i.h,i.m,i.s,i.meridiem):qi(Zi)},onFocus:function(i){bi||$i.current||Wi(!0,Vi.current||i.currentTarget)},onClick:function(i){bi||$i.current||Wi(!0,Vi.current||i.currentTarget)},placeholder:null!=hi?hi:Hi?Pi?"hh:mm:ss a":"hh:mm a":Pi?"HH:mm:ss":"HH:mm","aria-label":me,disabled:bi,required:gi,className:d("zui:relative zui:w-full zui:rounded-md zui:border zui:bg-background zui:text-sm zui:transition-colors",fe,O?Ii?"zui:ring-1 zui:ring-gray-400 zui:outline-none":"focus:zui:ring-1 focus:zui:ring-gray-400 focus:zui:outline-none":"focus:zui:outline-none",s[D],c[D],ce,M?"zui:border-red-500":"","zui:pl-3")},Ti)),u("div",{className:d("zui:absolute zui:right-0 zui:inset-y-0 zui:flex zui:items-center zui:gap-1",z[D]),children:[ve?n("button",{type:"button","aria-label":"Clear time",onClick:function(i){i.stopPropagation(),Ji(null),qi(""),ee(""),$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1})},className:"zui:text-gray-500 hover:zui:text-gray-700 disabled:zui:opacity-50",disabled:bi,children:n(t,{size:ze})}):null,n("button",{type:"button","aria-label":Ii?"Close time panel":"Open time panel",onClick:function(i){i.stopPropagation(),function(i){bi||Wi(!Ii,i.currentTarget)}(i)},className:"zui:text-gray-600 hover:zui:text-gray-800 disabled:zui:opacity-50",disabled:bi,children:n(Ii?l:a,{size:ze})})]})]}),S&&!M&&n("p",{className:"zui:mt-1 zui:text-xs zui:text-gray-500",children:S}),M&&n("p",{className:"zui:mt-1 zui:text-xs zui:text-red-600",children:M}),n(r,{open:Ii,anchorEl:Ui,onClose:function(i,e){"backdropClick"!==e&&"escapeKeyDown"!==e&&($i.current=!0,Wi(!1),_&&(qi(Zi),Ji(Yi)),Promise.resolve().then(function(){$i.current=!1}))},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},slotProps:{paper:{className:d("zui:rounded-md zui:border zui:border-gray-200 zui:shadow-lg zui:bg-white zui:p-2","zui:w-[22rem] sm:zui:w-[24rem]")}},children:u("div",{className:"zui:flex zui:flex-col zui:gap-2",children:[u("div",{className:d("zui:grid zui:gap-2",Pi?"zui:grid-cols-3":"zui:grid-cols-2"),children:[u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100 zui:font-semibold",children:di}),n("div",{ref:te,role:"listbox",tabIndex:0,onKeyDown:function(i){return se(i,te)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",children:Qi.map(function(i){var e,u=Gi&&(Hi?(Gi.h%12||12)===i:Gi.h===i)||!Gi&&Yi&&(Hi?(Yi.h%12||12)===i:Yi.h===i),o=null!==(e=null==vi?void 0:vi(Hi?i%12||12:i))&&void 0!==e&&e;return n("button",{type:"button",role:"option","aria-selected":!!u,"aria-disabled":o,onClick:function(){var e,u,n,r,t,l;if(!o){var a=null!==(u=null!==(e=null==Gi?void 0:Gi.m)&&void 0!==e?e:null==Yi?void 0:Yi.m)&&void 0!==u?u:0,d=null!==(r=null!==(n=null==Gi?void 0:Gi.s)&&void 0!==n?n:null==Yi?void 0:Yi.s)&&void 0!==r?r:0,s=Hi?null!==(l=null!==(t=null==Gi?void 0:Gi.meridiem)&&void 0!==t?t:null==Yi?void 0:Yi.meridiem)&&void 0!==l?l:"am":void 0;re(i,a,d,s)}},className:d("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",u&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",o&&"zui:opacity-40 zui:cursor-not-allowed"),children:f(i)},i)})})]}),u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100 zui:font-semibold",children:ci}),n("div",{ref:le,role:"listbox",tabIndex:0,onKeyDown:function(i){return se(i,le)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",children:Xi.map(function(i){var e,u,o=(null!==(e=null==Gi?void 0:Gi.m)&&void 0!==e?e:null==Yi?void 0:Yi.m)===i,r=null!==(u=null==fi?void 0:fi(i))&&void 0!==u&&u;return n("button",{type:"button",role:"option","aria-selected":!!o,"aria-disabled":r,onClick:function(){var e,u,n,o,t,l;if(!r){var a=null!==(u=null!==(e=null==Gi?void 0:Gi.h)&&void 0!==e?e:null==Yi?void 0:Yi.h)&&void 0!==u?u:Hi?12:0,d=Hi?null!==(o=null!==(n=null==Gi?void 0:Gi.meridiem)&&void 0!==n?n:null==Yi?void 0:Yi.meridiem)&&void 0!==o?o:"am":void 0;re(a,i,null!==(l=null!==(t=null==Gi?void 0:Gi.s)&&void 0!==t?t:null==Yi?void 0:Yi.s)&&void 0!==l?l:0,d)}},className:d("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",o&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:f(i)},i)})})]}),Pi?u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100",children:mi}),n("div",{ref:ae,role:"listbox",tabIndex:0,onKeyDown:function(i){return se(i,ae)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",children:ie.map(function(i){var e,u,o=(null!==(e=null==Gi?void 0:Gi.s)&&void 0!==e?e:null==Yi?void 0:Yi.s)===i,r=null!==(u=null==pi?void 0:pi(i))&&void 0!==u&&u;return n("button",{type:"button",role:"option","aria-selected":!!o,"aria-disabled":r,onClick:function(){var e,u,n,o,t,l;if(!r){var a=null!==(u=null!==(e=null==Gi?void 0:Gi.h)&&void 0!==e?e:null==Yi?void 0:Yi.h)&&void 0!==u?u:Hi?12:0,d=Hi?null!==(o=null!==(n=null==Gi?void 0:Gi.meridiem)&&void 0!==n?n:null==Yi?void 0:Yi.meridiem)&&void 0!==o?o:"am":void 0;re(a,null!==(l=null!==(t=null==Gi?void 0:Gi.m)&&void 0!==t?t:null==Yi?void 0:Yi.m)&&void 0!==l?l:0,i,d)}},className:d("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",o&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:f(i)},i)})})]}):Hi?u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100",children:"AM/PM"}),n("div",{className:"zui:p-1 zui:flex zui:gap-1",children:["am","pm"].map(function(i){var e,u,o=(null!==(u=null!==(e=null==Gi?void 0:Gi.meridiem)&&void 0!==e?e:null==Yi?void 0:Yi.meridiem)&&void 0!==u?u:"am")===i;return n("button",{type:"button",onClick:function(){var e,u,n,o,r,t;re(null!==(u=null!==(e=null==Gi?void 0:Gi.h)&&void 0!==e?e:null==Yi?void 0:Yi.h)&&void 0!==u?u:12,null!==(o=null!==(n=null==Gi?void 0:Gi.m)&&void 0!==n?n:null==Yi?void 0:Yi.m)&&void 0!==o?o:0,null!==(t=null!==(r=null==Gi?void 0:Gi.s)&&void 0!==r?r:null==Yi?void 0:Yi.s)&&void 0!==t?t:0,i)},className:d("zui:flex-1 zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",o&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium"),"aria-pressed":o,children:"am"===i?ri:li},i)})})]}):null]}),u("div",{className:"zui:flex zui:justify-between zui:items-center zui:pt-1",children:[J?n("button",{type:"button",onClick:function(){var i,e=new Date,u=e.getHours(),n=e.getMinutes(),o=Pi?e.getSeconds():0;Hi&&(i=u>=12?"pm":"am",u=u%12==0?12:u%12),Ji({h:u,m:n,s:o,meridiem:i});var r=Hi?h(u,i):u,t=g(r,n,o,q,Hi);qi(t),ee(t,{h24:r,m:n,s:o}),$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1})},className:"zui:text-blue-600 hover:zui:text-blue-700 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-1 zui:py-0.5",children:ni}):n("span",{}),u("div",{className:"zui:flex zui:gap-2",children:[n("button",{type:"button",onClick:function(){$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1})},className:"zui:text-gray-700 hover:zui:text-gray-900 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-2 zui:py-1",children:ei}),_&&n("button",{type:"button",onClick:function(){Gi&&(ue(Gi.h,Gi.m,Gi.s,Gi.meridiem),$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1}))},className:"zui:text-white zui:bg-blue-600 hover:zui:bg-blue-700 zui:text-sm zui:px-3 zui:py-1 zui:rounded focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",children:X})]})]})]})})]})});export{x as TimePicker,x as default};
+import{_ as e,a as t}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsxs as i,jsx as n}from"react/jsx-runtime";import*as r from"react";import u from"@mui/material/Popover";import{c as o}from"../../chunks/index-c6541658.esm.js";import{X as a,m as s}from"../../chunks/lucide-8c9441ea.esm.js";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var c={exports:{}},d=l(c.exports=function(){var e=1e3,t=6e4,i=36e5,n="millisecond",r="second",u="minute",o="hour",a="day",s="week",l="month",c="quarter",d="year",f="date",h="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,z=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,v={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],i=e%100;return"["+e+(t[(i-20)%10]||t[i]||t[0])+"]"}},p=function(e,t,i){var n=String(e);return!n||n.length>=t?e:""+Array(t+1-n.length).join(i)+e},g={s:p,z:function(e){var t=-e.utcOffset(),i=Math.abs(t),n=Math.floor(i/60),r=i%60;return(t<=0?"+":"-")+p(n,2,"0")+":"+p(r,2,"0")},m:function e(t,i){if(t.date()<i.date())return-e(i,t);var n=12*(i.year()-t.year())+(i.month()-t.month()),r=t.clone().add(n,l),u=i-r<0,o=t.clone().add(n+(u?-1:1),l);return+(-(n+(i-r)/(u?r-o:o-r))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:l,y:d,w:s,d:a,D:f,h:o,m:u,s:r,ms:n,Q:c}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},b="en",y={};y[b]=v;var x="$isDayjsObject",w=function(e){return e instanceof S||!(!e||!e[x])},M=function e(t,i,n){var r;if(!t)return b;if("string"==typeof t){var u=t.toLowerCase();y[u]&&(r=u),i&&(y[u]=i,r=u);var o=t.split("-");if(!r&&o.length>1)return e(o[0])}else{var a=t.name;y[a]=t,r=a}return!n&&r&&(b=r),r||!n&&b},$=function(e,t){if(w(e))return e.clone();var i="object"==typeof t?t:{};return i.date=e,i.args=arguments,new S(i)},D=g;D.l=M,D.i=w,D.w=function(e,t){return $(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var S=function(){function v(e){this.$L=M(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[x]=!0}var p=v.prototype;return p.parse=function(e){this.$d=function(e){var t=e.date,i=e.utc;if(null===t)return new Date(NaN);if(D.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var n=t.match(m);if(n){var r=n[2]-1||0,u=(n[7]||"0").substring(0,3);return i?new Date(Date.UTC(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,u)):new Date(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,u)}}return new Date(t)}(e),this.init()},p.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},p.$utils=function(){return D},p.isValid=function(){return!(this.$d.toString()===h)},p.isSame=function(e,t){var i=$(e);return this.startOf(t)<=i&&i<=this.endOf(t)},p.isAfter=function(e,t){return $(e)<this.startOf(t)},p.isBefore=function(e,t){return this.endOf(t)<$(e)},p.$g=function(e,t,i){return D.u(e)?this[t]:this.set(i,e)},p.unix=function(){return Math.floor(this.valueOf()/1e3)},p.valueOf=function(){return this.$d.getTime()},p.startOf=function(e,t){var i=this,n=!!D.u(t)||t,c=D.p(e),h=function(e,t){var r=D.w(i.$u?Date.UTC(i.$y,t,e):new Date(i.$y,t,e),i);return n?r:r.endOf(a)},m=function(e,t){return D.w(i.toDate()[e].apply(i.toDate("s"),(n?[0,0,0,0]:[23,59,59,999]).slice(t)),i)},z=this.$W,v=this.$M,p=this.$D,g="set"+(this.$u?"UTC":"");switch(c){case d:return n?h(1,0):h(31,11);case l:return n?h(1,v):h(0,v+1);case s:var b=this.$locale().weekStart||0,y=(z<b?z+7:z)-b;return h(n?p-y:p+(6-y),v);case a:case f:return m(g+"Hours",0);case o:return m(g+"Minutes",1);case u:return m(g+"Seconds",2);case r:return m(g+"Milliseconds",3);default:return this.clone()}},p.endOf=function(e){return this.startOf(e,!1)},p.$set=function(e,t){var i,s=D.p(e),c="set"+(this.$u?"UTC":""),h=(i={},i[a]=c+"Date",i[f]=c+"Date",i[l]=c+"Month",i[d]=c+"FullYear",i[o]=c+"Hours",i[u]=c+"Minutes",i[r]=c+"Seconds",i[n]=c+"Milliseconds",i)[s],m=s===a?this.$D+(t-this.$W):t;if(s===l||s===d){var z=this.clone().set(f,1);z.$d[h](m),z.init(),this.$d=z.set(f,Math.min(this.$D,z.daysInMonth())).$d}else h&&this.$d[h](m);return this.init(),this},p.set=function(e,t){return this.clone().$set(e,t)},p.get=function(e){return this[D.p(e)]()},p.add=function(n,c){var f,h=this;n=Number(n);var m=D.p(c),z=function(e){var t=$(h);return D.w(t.date(t.date()+Math.round(e*n)),h)};if(m===l)return this.set(l,this.$M+n);if(m===d)return this.set(d,this.$y+n);if(m===a)return z(1);if(m===s)return z(7);var v=(f={},f[u]=t,f[o]=i,f[r]=e,f)[m]||1,p=this.$d.getTime()+n*v;return D.w(p,this)},p.subtract=function(e,t){return this.add(-1*e,t)},p.format=function(e){var t=this,i=this.$locale();if(!this.isValid())return i.invalidDate||h;var n=e||"YYYY-MM-DDTHH:mm:ssZ",r=D.z(this),u=this.$H,o=this.$m,a=this.$M,s=i.weekdays,l=i.months,c=i.meridiem,d=function(e,i,r,u){return e&&(e[i]||e(t,n))||r[i].slice(0,u)},f=function(e){return D.s(u%12||12,e,"0")},m=c||function(e,t,i){var n=e<12?"AM":"PM";return i?n.toLowerCase():n};return n.replace(z,function(e,n){return n||function(e){switch(e){case"YY":return String(t.$y).slice(-2);case"YYYY":return D.s(t.$y,4,"0");case"M":return a+1;case"MM":return D.s(a+1,2,"0");case"MMM":return d(i.monthsShort,a,l,3);case"MMMM":return d(l,a);case"D":return t.$D;case"DD":return D.s(t.$D,2,"0");case"d":return String(t.$W);case"dd":return d(i.weekdaysMin,t.$W,s,2);case"ddd":return d(i.weekdaysShort,t.$W,s,3);case"dddd":return s[t.$W];case"H":return String(u);case"HH":return D.s(u,2,"0");case"h":return f(1);case"hh":return f(2);case"a":return m(u,o,!0);case"A":return m(u,o,!1);case"m":return String(o);case"mm":return D.s(o,2,"0");case"s":return String(t.$s);case"ss":return D.s(t.$s,2,"0");case"SSS":return D.s(t.$ms,3,"0");case"Z":return r}return null}(e)||r.replace(":","")})},p.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},p.diff=function(n,f,h){var m,z=this,v=D.p(f),p=$(n),g=(p.utcOffset()-this.utcOffset())*t,b=this-p,y=function(){return D.m(z,p)};switch(v){case d:m=y()/12;break;case l:m=y();break;case c:m=y()/3;break;case s:m=(b-g)/6048e5;break;case a:m=(b-g)/864e5;break;case o:m=b/i;break;case u:m=b/t;break;case r:m=b/e;break;default:m=b}return h?m:D.a(m)},p.daysInMonth=function(){return this.endOf(l).$D},p.$locale=function(){return y[this.$L]},p.locale=function(e,t){if(!e)return this.$L;var i=this.clone(),n=M(e,t,!0);return n&&(i.$L=n),i},p.clone=function(){return D.w(this.$d,this)},p.toDate=function(){return new Date(this.valueOf())},p.toJSON=function(){return this.isValid()?this.toISOString():null},p.toISOString=function(){return this.$d.toISOString()},p.toString=function(){return this.$d.toUTCString()},v}(),k=S.prototype;return $.prototype=k,[["$ms",n],["$s",r],["$m",u],["$H",o],["$W",a],["$M",l],["$y",d],["$D",f]].forEach(function(e){k[e[1]]=function(t){return this.$g(t,e[0],e[1])}}),$.extend=function(e,t){return e.$i||(e(t,S,$),e.$i=!0),$},$.locale=M,$.isDayjs=w,$.unix=function(e){return $(1e3*e)},$.en=y[b],$.Ls=y,$.p={},$}()),f={exports:{}},h=l(f.exports=function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,i=/\d/,n=/\d\d/,r=/\d\d?/,u=/\d*[^-_:/,()\s\d]+/,o={},a=function(e){return(e=+e)+(e>68?1900:2e3)},s=function(e){return function(t){this[e]=+t}},l=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),i=60*t[1]+(+t[2]||0);return 0===i?0:"+"===t[0]?-i:i}(e)}],c=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var i,n=o.meridiem;if(n){for(var r=1;r<=24;r+=1)if(e.indexOf(n(r,0,t))>-1){i=r>12;break}}else i=e===(t?"pm":"PM");return i},f={A:[u,function(e){this.afternoon=d(e,!1)}],a:[u,function(e){this.afternoon=d(e,!0)}],Q:[i,function(e){this.month=3*(e-1)+1}],S:[i,function(e){this.milliseconds=100*+e}],SS:[n,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[r,s("seconds")],ss:[r,s("seconds")],m:[r,s("minutes")],mm:[r,s("minutes")],H:[r,s("hours")],h:[r,s("hours")],HH:[r,s("hours")],hh:[r,s("hours")],D:[r,s("day")],DD:[n,s("day")],Do:[u,function(e){var t=o.ordinal,i=e.match(/\d+/);if(this.day=i[0],t)for(var n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],w:[r,s("week")],ww:[n,s("week")],M:[r,s("month")],MM:[n,s("month")],MMM:[u,function(e){var t=c("months"),i=(c("monthsShort")||t.map(function(e){return e.slice(0,3)})).indexOf(e)+1;if(i<1)throw new Error;this.month=i%12||i}],MMMM:[u,function(e){var t=c("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,s("year")],YY:[n,function(e){this.year=a(e)}],YYYY:[/\d{4}/,s("year")],Z:l,ZZ:l};function h(i){var n,r;n=i,r=o&&o.formats;for(var u=(i=n.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(t,i,n){var u=n&&n.toUpperCase();return i||r[n]||e[n]||r[u].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})})).match(t),a=u.length,s=0;s<a;s+=1){var l=u[s],c=f[l],d=c&&c[0],h=c&&c[1];u[s]=h?{regex:d,parser:h}:l.replace(/^\[|\]$/g,"")}return function(e){for(var t={},i=0,n=0;i<a;i+=1){var r=u[i];if("string"==typeof r)n+=r.length;else{var o=r.regex,s=r.parser,l=e.slice(n),c=o.exec(l)[0];s.call(t,c),e=e.replace(c,"")}}return function(e){var t=e.afternoon;if(void 0!==t){var i=e.hours;t?i<12&&(e.hours+=12):12===i&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,i){i.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(a=e.parseTwoDigitYear);var n=t.prototype,r=n.parse;n.parse=function(e){var t=e.date,n=e.utc,u=e.args;this.$u=n;var a=u[1];if("string"==typeof a){var s=!0===u[2],l=!0===u[3],c=s||l,d=u[2];l&&(d=u[2]),o=this.$locale(),!s&&d&&(o=i.Ls[d]),this.$d=function(e,t,i,n){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var r=h(t)(e),u=r.year,o=r.month,a=r.day,s=r.hours,l=r.minutes,c=r.seconds,d=r.milliseconds,f=r.zone,m=r.week,z=new Date,v=a||(u||o?1:z.getDate()),p=u||z.getFullYear(),g=0;u&&!o||(g=o>0?o-1:z.getMonth());var b,y=s||0,x=l||0,w=c||0,M=d||0;return f?new Date(Date.UTC(p,g,v,y,x,w,M+60*f.offset*1e3)):i?new Date(Date.UTC(p,g,v,y,x,w,M)):(b=new Date(p,g,v,y,x,w,M),m&&(b=n(b).week(m).toDate()),b)}catch(e){return new Date("")}}(t,a,n,i),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),c&&t!=this.format(a)&&(this.$d=new Date("")),o={}}else if(a instanceof Array)for(var f=a.length,m=1;m<=f;m+=1){u[1]=a[m-1];var z=i.apply(this,u);if(z.isValid()){this.$d=z.$d,this.$L=z.$L,this.init();break}m===f&&(this.$d=new Date(""))}else r.call(this,e)}}}());d.extend(h);var m={xs:"zui:h-8 zui:text-xs",sm:"zui:h-9 zui:text-sm",md:"zui:h-10 zui:text-sm",lg:"zui:h-11 zui:text-base"},z={xs:"zui:py-1.5",sm:"zui:py-2",md:"zui:py-2",lg:"zui:py-2.5"},v={xs:"zui:min-w-[10rem]",sm:"zui:min-w-[12rem]",md:"zui:min-w-[12rem]",lg:"zui:min-w-[14rem]"};function p(e){return e<10?"0".concat(e):"".concat(e)}function g(e,t,i){void 0===i&&(i=0);for(var n=[],r=i;r<=t;r+=e)n.push(r);return n}var b=r.forwardRef(function(l,c){var f,h,b,y=l.label,x=l.floatingLabel,w=void 0!==x&&x,M=l.description,$=l.error,D=l.size,S=void 0===D?"md":D,k=l.variant,Y=void 0===k?"outlined":k,N=l.focusOutline,L=void 0===N||N,T=l.className,O=l.value,C=l.defaultValue,H=void 0===C?null:C,_=l.onChange,A=l.format,P=void 0===A?"HH:mm":A,j=l.use12Hours,E=l.hourStep,Z=void 0===E?1:E,U=l.minuteStep,W=void 0===U?1:U,F=l.secondStep,R=void 0===F?1:F,V=l.needConfirm,I=void 0===V||V,q=l.showNow,K=void 0===q||q,B=l.okText,J=void 0===B?"OK":B,Q=l.closeText,X=void 0===Q?"Close":Q,G=l.nowText,ee=void 0===G?"Now":G,te=l.amText,ie=void 0===te?"AM":te,ne=l.pmText,re=void 0===ne?"PM":ne,ue=l.hourLabel,oe=void 0===ue?"Hour":ue,ae=l.minuteLabel,se=void 0===ae?"Minute":ae,le=l.secondLabel,ce=void 0===le?"Second":le,de=l.disabledHours,fe=l.disabledMinutes,he=l.disabledSeconds,me=l.disabled,ze=l.placeholder,ve=l.required,pe=l.allowClear,ge=void 0===pe||pe,be=l.id,ye=e(l,["label","floatingLabel","description","error","size","variant","focusOutline","className","value","defaultValue","onChange","format","use12Hours","hourStep","minuteStep","secondStep","needConfirm","showNow","okText","closeText","nowText","amText","pmText","hourLabel","minuteLabel","secondLabel","disabledHours","disabledMinutes","disabledSeconds","disabled","placeholder","required","allowClear","id"]),xe=be||function(e){void 0===e&&(e="timepicker");var t=r.useRef();return t.current||(t.current="".concat(e,"-").concat(Math.random().toString(36).slice(2,9))),t.current}("timepicker"),we=(h=P,"boolean"==typeof(b=j)?b:/(^|[^H])h/.test(h)||/(\sa\b|\sA\b|a\b|A\b)/.test(h)),Me=function(e){return/\bss\b/.test(e)}(P),$e=r.useRef(void 0!==O).current,De=r.useState(H),Se=De[0],ke=De[1],Ye=$e?null!=O?O:null:null!=Se?Se:null,Ne=Ye?Ye.format(P):"",Le=r.useState(Ne),Te=Le[0],Oe=Le[1];r.useEffect(function(){Oe(Ne)},[Ne]);var Ce=r.useState(null),He=Ce[0],_e=Ce[1],Ae=Boolean(He),Pe=r.useRef(null),je=r.useRef(!1);function Ee(e,t){var i;_e(e&&null!==(i=null!=t?t:Pe.current)&&void 0!==i?i:null)}function Ze(){je.current=!0,Ee(!1),I&&(Oe(Ne),Fe(Ye)),Promise.resolve().then(function(){je.current=!1})}r.useEffect(function(){function e(e){"Escape"===e.key&&(e.stopPropagation(),e.preventDefault(),Ae&&_e(null))}return Ae&&document.addEventListener("keydown",e,!0),function(){return document.removeEventListener("keydown",e,!0)}},[Ae]);var Ue=r.useState(Ye),We=Ue[0],Fe=Ue[1];r.useEffect(function(){Ae&&(Fe(Ye),Oe(Ne))},[Ae,Ye,Ne]);var Re=r.useMemo(function(){return we?g(Z,12,1):g(Z,23,0)},[we,Z]),Ve=r.useMemo(function(){return g(W,59,0)},[W]),Ie=r.useMemo(function(){return g(R,59,0)},[R]);function qe(e){var t=e?e.format(P):"";null==_||_(e,t),$e||ke(e)}function Ke(e,t,i,n){var r;if(!(null==de?void 0:de(we?e%12||12:e))&&!((null==fe?void 0:fe(t))||Me&&(null==he?void 0:he(i)))){var u=we?function(e,t){return t?"am"===t?12===e?0:e:12===e?12:e+12:e}(e,n):e,o=(null!==(r=null!=We?We:Ye)&&void 0!==r?r:d()).hour(u).minute(t).second(Me?i:0).millisecond(0);Fe(o),Oe(o.format(P)),I||qe(o)}}var Be=We?We.format(P):"",Je=Ae&&""!==Be.trim()?Be:Ne;var Qe=r.useRef(null),Xe=r.useRef(null),Ge=r.useRef(null);function et(e,t){var i=e.current;if(i){var n=Array.from(i.querySelectorAll('button[role="option"]:not([aria-disabled="true"])'));if(0!==n.length){var r=n.findIndex(function(e){return e===document.activeElement});n[r<0?0:Math.max(0,Math.min(n.length-1,r+t))].focus()}}}function tt(e,t){"ArrowDown"===e.key?(e.preventDefault(),et(t,1)):"ArrowUp"===e.key&&(e.preventDefault(),et(t,-1))}var it="lg"===S?18:16,nt=y||"Time picker",rt=Boolean(Je)&&!me&&!!ge,ut="outlined"===Y?"zui:border-gray-300 focus:zui:border-gray-400":"zui:border-transparent",ot=null!==(f=null!=We?We:Ye)&&void 0!==f?f:null,at=ot?ot.hour():we?12:0,st=ot?ot.minute():0,lt=ot?ot.second():0,ct=at>=12?"pm":"am",dt=at%12==0?12:at%12;return i("div",{className:o("zui:flex zui:flex-col",v[S]),children:[!w&&y&&i("label",{htmlFor:xe,className:"zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",children:[y,ve&&n("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),i("div",{className:o("zui:relative zui:w-full zui:rounded-md zui:border zui:bg-background zui:text-sm zui:transition-colors",L&&"zui:focus-within:ring-1 zui:focus-within:ring-ring zui:focus-within:ring-offset-1","outlined"===Y&&"zui:border-input","contained"===Y&&"zui:bg-muted zui:border-transparent",$&&"zui:border-destructive",$&&L&&"zui:focus-within:ring-destructive",T),children:[n("input",t({id:xe,ref:function(e){"function"==typeof c?c(e):c&&(c.current=e),Pe.current=e},value:Je,onChange:function(e){var t;Oe(null!==(t=e.target.value)&&void 0!==t?t:"")},onBlur:function(){var e=(null!=Te?Te:"").trim();if(I){if(!e)return Fe(null),void Oe(Ne);(t=d(e,P,!0)).isValid()?Fe(t.millisecond(0)):(Oe(Ne),Fe(Ye))}else{if(!e)return void qe(null);var t;(t=d(e,P,!0)).isValid()?qe(t.millisecond(0)):Oe(Ne)}},onFocus:function(e){me||je.current||Ee(!0,Pe.current||e.currentTarget)},onClick:function(e){me||je.current||Ee(!0,Pe.current||e.currentTarget)},placeholder:null!=ze?ze:we?Me?"h:mm:ss a":"h:mm a":Me?"HH:mm:ss":"HH:mm","aria-label":nt,disabled:me,required:ve,className:o("zui:relative zui:w-full zui:rounded-md zui:border zui:bg-background zui:text-sm zui:transition-colors zui:outline-none",ut,m[S],z[S],$?"zui:border-red-500":"","zui:pl-3",T)},ye)),rt?n("button",{type:"button",onMouseDown:function(e){return e.preventDefault()},onClick:function(e){e.stopPropagation(),Fe(null),Oe(""),qe(null),je.current=!0,Ee(!1),Promise.resolve().then(function(){je.current=!1})},className:"zui:absolute zui:inset-y-0 zui:right-9 zui:flex zui:items-center zui:text-gray-500 hover:zui:text-gray-700 focus:zui:outline-none","aria-label":"Clear time",children:n(a,{size:it})}):null,n("button",{type:"button",onMouseDown:function(e){return e.preventDefault()},onClick:function(e){e.stopPropagation(),function(e){me||Ee(!Ae,e.currentTarget)}(e)},className:"zui:absolute zui:inset-y-0 zui:right-0 zui:flex zui:items-center zui:text-gray-600 hover:zui:text-gray-800 disabled:zui:opacity-50 zui:pr-3",disabled:me,"aria-label":"Toggle time panel",children:n(s,{size:it})})]}),M&&!$&&n("p",{className:"zui:mt-1 zui:text-xs zui:text-gray-500",children:M}),$&&n("p",{className:"zui:mt-1 zui:text-xs zui:text-red-600",children:$}),n(u,{open:Ae,anchorEl:He,onClose:function(e,t){"backdropClick"!==t&&"escapeKeyDown"!==t&&Ze()},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},slotProps:{paper:{className:o("zui:rounded-md zui:border zui:border-gray-200 zui:shadow-lg zui:bg-white zui:p-2","zui:w-[22rem] sm:zui:w-[24rem]")}},children:i("div",{className:"zui:flex zui:flex-col zui:gap-2",children:[i("div",{className:"zui:grid zui:grid-cols-3 zui:gap-2 zui:text-xs zui:text-gray-500 zui:sticky zui:top-0 zui:bg-white zui:z-10",children:[n("div",{className:"zui:text-center",children:oe}),n("div",{className:"zui:text-center",children:se}),n("div",{className:"zui:text-center",children:Me?ce:we?"AM/PM":""})]}),i("div",{className:"zui:grid zui:grid-cols-3 zui:gap-2",children:[n("div",{ref:Qe,onKeyDown:function(e){return tt(e,Qe)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",role:"listbox","aria-label":"Select hour",children:Re.map(function(e){var t,i=we?dt===e:at===e,r=null!==(t=null==de?void 0:de(we?e%12||12:e))&&void 0!==t&&t;return n("button",{type:"button",role:"option","aria-selected":i,"aria-disabled":r,disabled:r,onClick:function(){r||Ke(e,st,lt,we?ct:void 0)},className:o("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",i&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:p(e)},e)})}),n("div",{ref:Xe,onKeyDown:function(e){return tt(e,Xe)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",role:"listbox","aria-label":"Select minute",children:Ve.map(function(e){var t,i=st===e,r=null!==(t=null==fe?void 0:fe(e))&&void 0!==t&&t;return n("button",{type:"button",role:"option","aria-selected":i,"aria-disabled":r,disabled:r,onClick:function(){r||Ke(we?dt:at,e,lt,we?ct:void 0)},className:o("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",i&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:p(e)},e)})}),Me?n("div",{ref:Ge,onKeyDown:function(e){return tt(e,Ge)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",role:"listbox","aria-label":"Select second",children:Ie.map(function(e){var t,i=lt===e,r=null!==(t=null==he?void 0:he(e))&&void 0!==t&&t;return n("button",{type:"button",role:"option","aria-selected":i,"aria-disabled":r,disabled:r,onClick:function(){r||Ke(we?dt:at,st,e,we?ct:void 0)},className:o("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",i&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:p(e)},e)})}):we?n("div",{className:"zui:flex zui:flex-col zui:gap-1",role:"listbox","aria-label":"Select AM/PM",children:["am","pm"].map(function(e){var t=ct===e;return n("button",{type:"button",role:"option","aria-selected":t,onClick:function(){Ke(dt||12,st,lt,e)},className:o("zui:flex-1 zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",t&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium"),"aria-pressed":t,children:"am"===e?ie:re},e)})}):null]}),i("div",{className:"zui:flex zui:items-center zui:justify-between zui:pt-1",children:[K?n("button",{type:"button",onClick:function(){var e=d(),t=e.second(Me?e.second():0).millisecond(0);Fe(t),Oe(t.format(P)),qe(t),je.current=!0,Ee(!1),Promise.resolve().then(function(){je.current=!1})},className:"zui:text-gray-700 hover:zui:text-gray-900 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-2 zui:py-1",children:ee}):n("span",{}),i("div",{className:"zui:flex zui:gap-2",children:[n("button",{type:"button",onClick:Ze,className:"zui:text-gray-700 hover:zui:text-gray-900 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-2 zui:py-1",children:X}),I&&n("button",{type:"button",onClick:function(){qe(null!=We?We:null),je.current=!0,Ee(!1),Promise.resolve().then(function(){je.current=!1})},className:"zui:text-white zui:bg-blue-600 hover:zui:bg-blue-700 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-3 zui:py-1",children:J})]})]})]})})]})});export{b as TimePicker,b as default};

package/dist/index.d.ts

@@ -7,6 +7,8 @@ import { Props, GroupBase } from 'react-select';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
 import { UseFormReturn, Controller } from 'react-hook-form';
+import { Dayjs } from 'dayjs';
+import { ColumnDef, SortingState } from '@tanstack/react-table';
 import { Theme } from '@mui/material/styles';
 import { ClassValue } from 'clsx';
 
@@ -228,7 +230,7 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
 declare const badgeVariants: (props?: ({
     variant?: "text" | "outlined" | "contained" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    type?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
+    type?: "default" | "success" | "error" | "info" | "warning" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
 
@@ -577,7 +579,6 @@ declare const BulkActionsBar: React__default.FC<BulkActionsBarProps>;
 
 type InputSize = 'xs' | 'sm' | 'md' | 'lg';
 type InputVariant = 'outlined' | 'contained';
-type ReturnAs = 'timeOfDay' | 'dateTimeUtc';
 interface TimePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue'> {
     label?: string;
     floatingLabel?: boolean;
@@ -586,10 +587,10 @@ interface TimePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElem
     size?: InputSize;
     variant?: InputVariant;
     focusOutline?: boolean;
-    value?: string | null;
-    defaultValue?: string | null;
-    onChange?: (val: any) => void;
-    format?: 'HH:mm' | 'HH:mm:ss' | 'hh:mm a' | 'hh:mm:ss a';
+    value?: Dayjs | null;
+    defaultValue?: Dayjs | null;
+    onChange?: (time: Dayjs | null, timeString: string) => void;
+    format?: string;
     use12Hours?: boolean;
     hourStep?: number;
     minuteStep?: number;
@@ -608,13 +609,73 @@ interface TimePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElem
     disabledMinutes?: (m: number) => boolean;
     disabledSeconds?: (s: number) => boolean;
     allowClear?: boolean;
-    timeZone?: string;
-    locale?: string;
-    returnAs?: ReturnAs;
-    dateForConversion?: Date | string;
 }
 declare const TimePicker: React$1.ForwardRefExoticComponent<TimePickerProps & React$1.RefAttributes<HTMLInputElement>>;
 
+interface BulkActionConfig {
+    key: string;
+    label: string;
+    icon: React__default.ComponentType<{
+        className?: string;
+    }>;
+    variant?: 'default' | 'destructive' | 'secondary';
+}
+interface PaginationConfig {
+    enabled?: boolean;
+    totalCount?: number;
+    currentPage?: number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    initialPageSize?: number;
+    onPageChange?: (pageIndex: number, pageSize: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    showInfo?: boolean;
+    showPageSizeSelector?: boolean;
+    showGoToPage?: boolean;
+}
+interface SelectionConfig<TData> {
+    enabled?: boolean;
+    rowIdAccessor?: (row: TData) => string;
+    onBulkAction?: (ids: string[], action: string) => void;
+    bulkActions?: BulkActionConfig[];
+    selectionText?: (count: number) => string;
+}
+interface ExpandConfig<TData> {
+    enabled?: boolean;
+    renderExpanded?: (row: TData) => React__default.ReactNode;
+}
+interface SortingConfig {
+    enabled?: boolean;
+    initialSorting?: SortingState;
+    onSort?: (sorting: SortingState) => void;
+}
+interface LoadingConfig {
+    loading?: boolean;
+    fetched?: boolean;
+    loadingRows?: number;
+    emptyMessage?: string;
+}
+interface StylingConfig {
+    className?: string;
+    showColumnBorders?: boolean;
+    showRowBorders?: boolean;
+    stickyHeader?: boolean;
+    pinLeft?: number;
+    pinRight?: number;
+}
+interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    serverMode?: boolean;
+    pagination?: PaginationConfig;
+    selection?: SelectionConfig<TData>;
+    expansion?: ExpandConfig<TData>;
+    sorting?: SortingConfig;
+    loading?: LoadingConfig;
+    styling?: StylingConfig;
+}
+declare function DataTable<TData, TValue>({ columns, data, serverMode, pagination: paginationConfig, selection: selectionConfig, expansion: expansionConfig, sorting: sortingConfig, loading: loadingConfig, styling: stylingConfig, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
 interface UILibraryThemeProviderProps {
     children: React__default.ReactNode;
     primaryColor?: string;
@@ -709,5 +770,5 @@ declare const designTokens: {
 declare function cn(...inputs: ClassValue[]): string;
 declare function useStableId(prefix?: string): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AppList, Badge, Blockquote, BulkActionsBar, Button, Caption, CardActions, CardContent, CardHeader, CardImage, CardRoot, CardSkeleton, Checkbox, CheckboxGroup, Code, DatePicker, DateRangePicker, Drawer, Form, GlobalMenuSearch, Heading, Input, Lead, Modal, Muted, Notice, Popover, PopupConfirm, Radio, RadioGroup, Select, Strong, Switch, Table, Text, TimePicker, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
-export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AppListProps, BadgeProps, BulkActionsBarProps, ButtonProps, CardRootProps, CheckboxGroupProps, CheckboxProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, GlobalMenuSearchComponentProps, InputProps, ModalProps, NoticeProps, PopoverProps, PopupConfirmProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, TableProps, ThemeConfig, TimePickerProps, UILibraryThemeProviderProps };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AppList, Badge, Blockquote, BulkActionsBar, Button, Caption, CardActions, CardContent, CardHeader, CardImage, CardRoot, CardSkeleton, Checkbox, CheckboxGroup, Code, DataTable, DatePicker, DateRangePicker, Drawer, Form, GlobalMenuSearch, Heading, Input, Lead, Modal, Muted, Notice, Popover, PopupConfirm, Radio, RadioGroup, Select, Strong, Switch, Table, Text, TimePicker, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AppListProps, BadgeProps, BulkActionsBarProps, ButtonProps, CardRootProps, CheckboxGroupProps, CheckboxProps, DataTableProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, GlobalMenuSearchComponentProps, InputProps, ModalProps, NoticeProps, PopoverProps, PopupConfirmProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, TableProps, ThemeConfig, TimePickerProps, UILibraryThemeProviderProps };