@jitera/jitera-web-ui-library 1.59.2 → 1.59.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -31,7 +31,7 @@ export { SelectInstance as SelectRef } from 'react-select'
|
|
|
31
31
|
import { TextAreaProps as TextAreaProps$1 } from 'antd/lib/input/TextArea'
|
|
32
32
|
import { CheckboxGroupProps } from 'antd/lib/checkbox'
|
|
33
33
|
import { Dayjs } from 'dayjs'
|
|
34
|
-
import { PickerDateProps } from 'antd/
|
|
34
|
+
import { PickerDateProps } from 'antd/es/date-picker/generatePicker'
|
|
35
35
|
import { Settings, ResponsiveObject } from 'react-slick'
|
|
36
36
|
import {
|
|
37
37
|
RowData,
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as aT,jsxs as aU}from"react/jsx-runtime";import a,{useMemo as aV,useState as aW,Children as aX,createContext as l,useContext as aY,useRef as aZ,useCallback as a$,useEffect as a_,Suspense as a0}from"react";import a1 from"clsx";import{Button as a2,Col as a3,Input as a4,Menu as m,Row as a5,List as a6,Radio as a7,Space as a8,Checkbox as a9,Upload as ba,Drawer as n,Tabs as i,ConfigProvider as bb,Modal as bc,Pagination as bd,message as j}from"antd";import*as be from"react-icons/ai";import*as bf from"react-icons/bs";import*as bg from"react-icons/fa";import*as bh from"react-icons/fi";import*as bi from"react-icons/md";import b from"styled-components";import bj,{Content as bk,Header as bl}from"antd/lib/layout/layout";import bm from"antd/lib/menu/SubMenu";import bn from"antd/lib/layout/Sider";import bo,{components as bp}from"react-select";import bq from"dayjs";import o from"rc-picker/lib/generate/dayjs";import p from"antd/
|
|
1
|
+
import{jsx as aT,jsxs as aU}from"react/jsx-runtime";import a,{useMemo as aV,useState as aW,Children as aX,createContext as l,useContext as aY,useRef as aZ,useCallback as a$,useEffect as a_,Suspense as a0}from"react";import a1 from"clsx";import{Button as a2,Col as a3,Input as a4,Menu as m,Row as a5,List as a6,Radio as a7,Space as a8,Checkbox as a9,Upload as ba,Drawer as n,Tabs as i,ConfigProvider as bb,Modal as bc,Pagination as bd,message as j}from"antd";import*as be from"react-icons/ai";import*as bf from"react-icons/bs";import*as bg from"react-icons/fa";import*as bh from"react-icons/fi";import*as bi from"react-icons/md";import b from"styled-components";import bj,{Content as bk,Header as bl}from"antd/lib/layout/layout";import bm from"antd/lib/menu/SubMenu";import bn from"antd/lib/layout/Sider";import bo,{components as bp}from"react-select";import bq from"dayjs";import o from"rc-picker/lib/generate/dayjs";import p from"antd/es/date-picker/generatePicker";import br from"react-slick";import{render as bs}from"rc-util/lib/React/render";import{LexicalComposer as bt}from"@lexical/react/LexicalComposer";import{CodeNode as q,CodeHighlightNode as r}from"@lexical/code";import{AutoLinkNode as s,LinkNode as t}from"@lexical/link";import{ListNode as u,ListItemNode as v}from"@lexical/list";import{MarkNode as w}from"@lexical/mark";import{OverflowNode as x}from"@lexical/overflow";import{HorizontalRuleNode as y}from"@lexical/react/LexicalHorizontalRuleNode";import{HeadingNode as z,QuoteNode as A}from"@lexical/rich-text";import{TableNode as B,TableCellNode as C,TableRowNode as D}from"@lexical/table";import{useLexicalComposerContext as bu}from"@lexical/react/LexicalComposerContext";import{useLexicalNodeSelection as bv}from"@lexical/react/useLexicalNodeSelection";import{mergeRegister as bw}from"@lexical/utils";import{DecoratorNode as E,createEditor as bx,$isNodeSelection as by,$getSelection as bz,$getNodeByKey as bA,CLICK_COMMAND as bB,COMMAND_PRIORITY_LOW as bC,KEY_DELETE_COMMAND as bD,KEY_BACKSPACE_COMMAND as bE}from"lexical";import{RichTextPlugin as bF}from"@lexical/react/LexicalRichTextPlugin";import{ContentEditable as bG}from"@lexical/react/LexicalContentEditable";import{useReactTable as bH,getCoreRowModel as bI,flexRender as bJ}from"@tanstack/react-table";export{createColumnHelper}from"@tanstack/react-table";import{sortableKeyboardCoordinates as bK,SortableContext as bL,horizontalListSortingStrategy as bM,verticalListSortingStrategy as bN,useSortable as bO}from"@dnd-kit/sortable";export{arrayMove}from"@dnd-kit/sortable";import{useSensors as bP,useSensor as bQ,PointerSensor as bR,MouseSensor as bS,TouchSensor as bT,KeyboardSensor as bU,DndContext as bV,closestCenter as bW}from"@dnd-kit/core";import{restrictToFirstScrollableAncestor as bX,restrictToHorizontalAxis as bY,restrictToParentElement as bZ,restrictToVerticalAxis as b$}from"@dnd-kit/modifiers";import{CSS as b_}from"@dnd-kit/utilities";import b0 from"react-otp-input";function b1({className:b="",responsiveVisibility:a=[]}){return{classNames:a1(b,3===a.length?"":null==a?void 0:a.map(a=>"string"==typeof a?`show-${a}`:`show-${a.value}`).join(" "))}}let F=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=b1({className:e,responsiveVisibility:d});return aT("div",{...f,className:g,ref:b,children:c})});function G(b,c={}){return a.createElement(b in be?be[b]:b in bf?bf[b]:b in bh?bh[b]:b in bg?bg[b]:b in bi?bi[b]:"",c)}function H(a){throw Error(`Should not reach with ${a}`)}function I(a){switch(a){case ak.Antd:return Object.entries(be);case ak.Bootstrap:return Object.entries(bf);case ak.Feather:return Object.entries(bh);case ak.FontAwesome:return Object.entries(bg);case ak.Material:return Object.entries(bi);case ak.All:return[...Object.entries(be),...Object.entries(bf),...Object.entries(bh),...Object.entries(bg),...Object.entries(bi)];default:return H(a)}}!function(a){a.All="all",a.Antd="antd",a.Bootstrap="bootstrap",a.Feather="feather",a.FontAwesome="font-awesome",a.Material="material"}(ak||(ak={}));let J=a.forwardRef((a,b)=>{let{className:c,style:d,iconName:e,color:f,size:g,responsiveVisibility:h}=a,{classNames:i}=b1({className:c,responsiveVisibility:h});return aT("span",{style:{display:"inline-block",verticalAlign:"middle",...d},className:i,ref:b,children:G(e,{color:f,size:g})})}),b2=b.span`
|
|
2
2
|
margin-left: ${a=>a.hasIcon&&"8px"};
|
|
3
3
|
`,K=a.forwardRef((b,c)=>{let{buttonType:d="primary",responsiveVisibility:e,iconProps:f,className:g,children:h,...i}=b,a=aV(()=>{if(f)return aT(J,{...f})},[f]),{classNames:j}=b1({className:g,responsiveVisibility:e});return aT(a2,{type:d,icon:a,...i,className:j,ref:c,children:aT(b2,{hasIcon:!!a,children:h})})}),L=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=b1({className:e,responsiveVisibility:d});return aT(a3,{...f,className:g,ref:b,children:c})}),M=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=b1({className:e,responsiveVisibility:d});return aT(bk,{...f,className:g,prefixCls:"jitera-layout-content",ref:b,children:c})}),N=a.forwardRef((a,b)=>{let{children:c,style:d,responsiveVisibility:e,className:f,...g}=a,{classNames:h}=b1({className:f,responsiveVisibility:e});return aT("footer",{...g,className:h,style:d,ref:b,children:c})}),O=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=b1({className:e,responsiveVisibility:d});return aT("div",{...f,className:g,ref:b,children:c})}),P=O,Q=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=b1({className:e,responsiveVisibility:d});return aT(bl,{...f,prefixCls:"jitera-layout-header",className:g,ref:b,children:c})}),R=a.forwardRef((a,b)=>{let{source:c,alt:d="",responsiveVisibility:e,className:f,...g}=a,{classNames:h}=b1({className:f,responsiveVisibility:e});return aT("img",{ref:b,src:c,className:h,...g,alt:d})});!function(a){a.Link="Link",a.Text="Text",a.H1="H1",a.H2="H2",a.H3="H3",a.H4="H4",a.H5="H5",a.H6="H6",a.B="B",a.I="I",a.Em="Em",a.U="U",a.S="S",a.Del="Del",a.Pre="Pre",a.Code="Code",a.Blockquote="Blockquote",a.Figcaption="Figcaption",a.Cite="Cite"}(al||(al={}));let S=a.forwardRef(({children:a,...b},c)=>aT("div",{...b,ref:c,children:a})),T=a.forwardRef(({children:a,...b},c)=>aT("a",{...b,ref:c,children:a})),U=a.forwardRef(({children:a,...b},c)=>aT("h1",{...b,ref:c,children:a})),V=a.forwardRef(({children:a,...b},c)=>aT("h2",{...b,ref:c,children:a})),W=a.forwardRef(({children:a,...b},c)=>aT("h3",{...b,ref:c,children:a})),X=a.forwardRef(({children:a,...b},c)=>aT("h4",{...b,ref:c,children:a})),Y=a.forwardRef(({children:a,...b},c)=>aT("h5",{...b,ref:c,children:a})),Z=a.forwardRef(({children:a,...b},c)=>aT("h6",{...b,ref:c,children:a})),$=a.forwardRef(({children:a,...b},c)=>aT("b",{...b,ref:c,children:a})),_=a.forwardRef(({children:a,...b},c)=>aT("i",{...b,ref:c,children:a})),aa=a.forwardRef(({children:a,...b},c)=>aT("em",{...b,ref:c,children:a})),ab=a.forwardRef(({children:a,...b},c)=>aT("u",{...b,ref:c,children:a})),ac=a.forwardRef(({children:a,...b},c)=>aT("s",{...b,ref:c,children:a})),ad=a.forwardRef(({children:a,...b},c)=>aT("del",{...b,ref:c,children:a})),ae=a.forwardRef(({children:a,...b},c)=>aT("pre",{...b,ref:c,children:a})),af=a.forwardRef(({children:a,...b},c)=>aT("code",{...b,ref:c,children:a})),ag=a.forwardRef(({children:a,...b},c)=>aT("blockquote",{...b,ref:c,children:a})),ah=a.forwardRef(({children:a,...b},c)=>aT("figcaption",{...b,ref:c,children:a})),ai=a.forwardRef(({children:a,...b},c)=>aT("cite",{...b,ref:c,children:a})),b3={[al.Text]:S,[al.Link]:T,[al.H1]:U,[al.H2]:V,[al.H3]:W,[al.H4]:X,[al.H5]:Y,[al.H6]:Z,[al.B]:$,[al.I]:_,[al.Em]:aa,[al.U]:ab,[al.S]:ac,[al.Del]:ad,[al.Pre]:ae,[al.Code]:af,[al.Blockquote]:ag,[al.Figcaption]:ah,[al.Cite]:ai},aj=a.forwardRef((a,b)=>{let{textType:c=al.Text,responsiveVisibility:d,className:e,...f}=a,g=b3[c],{classNames:h}=b1({className:e,responsiveVisibility:d});return aT(g,{...f,className:h,ref:b})}),b4=a=>"object"==typeof a,b5=(...a)=>a.filter(a=>!b4(a)).join(" "),b6="mccb30e4f2_input";var ak,al,c,d,e,f,g,h,b7={input:"mccb30e4f2_input"};let am=a.forwardRef((c,d)=>{let{style:e={},inputStyle:f={},errorMessage:a,isPasswordField:g,responsiveVisibility:h,isPreview:i,className:b,prefixIconProps:j,suffixIconProps:k,...l}=c,m=aV(()=>g?a4.Password:a4,[g]),n=aV(()=>b4(f)?{style:f,className:b7.input}:{className:b5(b7.input,f)},[f]),o=aV(()=>{if(j)return aT(J,{...j})},[j]),p=aV(()=>{if(k)return aT(J,{...k})},[k]),{classNames:q}=b1({className:b,responsiveVisibility:h});return aU("div",{style:e,className:a1(b5(b7.container,b||""),q),ref:d,children:[aT(m,{...n,disabled:i,prefix:o,suffix:p,...l}),!!a&&aT(aj,{type:"danger",children:a})]})}),an=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=b1({className:e,responsiveVisibility:d});return aT(bj,{...f,prefixCls:"jitera-layout",className:g,ref:b,children:c})}),b8=b.div`
|
|
4
4
|
.jitera-menu-item-disabled,
|
|
@@ -142,7 +142,7 @@ import{jsx as aT,jsxs as aU}from"react/jsx-runtime";import a,{useMemo as aV,useS
|
|
|
142
142
|
display: flex;
|
|
143
143
|
justify-content: ${a=>a.paginationPosition};
|
|
144
144
|
${a=>a.customStyle}
|
|
145
|
-
`,aN={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},cR=({header:a,isColumnResizeable:b,isColumnSortable:k,isDataSortable:d,ascendingIconProps:i,descendingIconProps:j,headerColumnStyle:e})=>{var f,g;let{attributes:l,listeners:m,transform:c,isDragging:n,setNodeRef:o}=bO({id:a.id}),p={transform:b_.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},h=aV(()=>{var b;return k&&!(null===(b=a.column.columnDef.meta)|| void 0===b?void 0:b.action)},[null===(f=a.column.columnDef.meta)|| void 0===f?void 0:f.action,k]),q=h?m:void 0,r=h?l:void 0;return aU(cO,{ref:o,className:`j-table__thead-th j-table__thead-th--${a.id} ${n?"j-table__thead-th--dragging":""}`,colSpan:a.colSpan,canSort:d?a.column.getCanSort():void 0,customStyle:{...e,...p,width:b?a.getSize():null==e?void 0:e.width},onClick:d?a.column.getToggleSortingHandler():void 0,onMouseDown:b?a.getResizeHandler():void 0,onTouchStart:b?a.getResizeHandler():void 0,...q,...r,children:[bJ(a.column.columnDef.header,a.getContext()),h?aT(J,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(g=({asc:i?aT(J,{...i}):" \u{1F53C}",desc:j?aT(J,{...j}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==g?g:null:void 0,b?aT(cI,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},cS=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=bO({id:a.id}),k={transform:b_.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aU(cN,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aT(cP,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aT(J,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aT(cP,{className:`j-table__tbody-td j-table__tbody-td--${a.id}`,customStyle:{...e,width:l?a.column.getSize():null==e?void 0:e.width},children:bJ(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},aO=({className:j,data:k=[],columns:l=[],actions:m=[],wrapperStyle:n,tableStyle:e,headerStyle:o,headerRowStyle:J,headerColumnStyle:K,bodyStyle:p,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N,footerStyle:q,footerRowStyle:O,footerColumnStyle:P,paginationWrapperStyle:r,isColumnResizeable:g,isHeaderVisible:s,isFooterVisible:t,isColumnSortable:Q,onColumnSortingChange:R,isRowSortable:S,onRowSortingChange:T,isDataSortable:h,ascendingIconProps:U,descendingIconProps:V,onDataSortingChange:u,isPaginationEnabled:a,paginationPosition:v,pageSize:b,totalPage:d,paginationProps:w,paginationStyle:x,onPaginationChange:y},z)=>{let A=aV(()=>k,[k]),[i,B]=aW([]),[f,C]=aW({pageIndex:0,pageSize:b||20}),D=aV(()=>l.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:a.sortable})),[l]),E=aV(()=>m.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:!1})),[m]),F=aV(()=>[...D,...E],[D,E]),c=bH({data:A,columns:F,columnResizeMode:g?"onChange":void 0,pageCount:a?d:void 0,state:{sorting:h?i:void 0,pagination:a?f:void 0},manualPagination:a,manualSorting:!0,getCoreRowModel:bI(),onPaginationChange:a?C:void 0,onSortingChange:h?B:void 0}),G=bP(bQ(bR),bQ(bS),bQ(bT),bQ(bU,{coordinateGetter:bK}));a_(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(d)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,d]),a_(()=>{let a=null==i?void 0:i[0];u&&a&&u(a.id,a.desc?"desc":"asc")},[u,i]),a_(()=>{y&&y(String(f.pageIndex+1),String(f.pageSize))},[y,f]);let H=(a,b)=>{c.setPageIndex(a-1),c.setPageSize(b)},W=({active:d,over:c})=>{var a,b;let e=null===(a=d.data.current)|| void 0===a?void 0:a.sortable.index,f=null===(b=null==c?void 0:c.data.current)|| void 0===b?void 0:b.sortable.index;return{currentIndex:e,newIndex:f}},I=a=>{let{currentIndex:b,newIndex:c}=W(a);T&&T(b,c,a)},X=a=>{let{currentIndex:b,newIndex:c}=W(a);R&&R(b,c,a)};return aU(cH,{ref:z,customStyle:n,className:j,children:[aU(cJ,{className:"j-table",customStyle:{...e,width:g?c.getCenterTotalSize():null==e?void 0:e.width},children:[s?aT(cK,{className:"j-table__thead",customStyle:o,children:c.getHeaderGroups().map(a=>aU(cN,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:J,children:[S?aT(cO,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:K}):void 0,aT(bV,{sensors:G,collisionDetection:bW,modifiers:[bX,bY,bZ],onDragEnd:X,children:aT(bL,{items:a.headers,strategy:bM,children:a.headers.map(a=>aT(cR,{header:a,isColumnResizeable:g,isColumnSortable:Q,isDataSortable:h,ascendingIconProps:U,descendingIconProps:V,headerColumnStyle:K},a.id))})})]},a.id))}):void 0,aT(cL,{className:"j-table__tbody",customStyle:p,children:aT(bV,{sensors:G,collisionDetection:bW,modifiers:[bX,b$,bZ],onDragEnd:I,children:aT(bL,{items:c.getRowModel().rows,strategy:bN,children:c.getRowModel().rows.map(a=>aT(cS,{row:a,isRowSortable:S,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N},a.id))})})}),t?aT(cM,{className:"j-table__tfoot",customStyle:q,children:c.getFooterGroups().map(a=>aU(cN,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:O,children:[S?aT(cO,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:P}):void 0,a.headers.map(a=>aT(cO,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:P,children:bJ(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aT(cQ,{paginationPosition:v||"left",customStyle:r,children:aT(bd,{...w,style:x,current:f.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(d)?b*d:void 0,onChange:H})}):void 0]})},aP=a.forwardRef(aO),cT=b(n)`
|
|
145
|
+
`,aN={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},cR=({header:a,isColumnResizeable:b,isColumnSortable:k,isDataSortable:d,ascendingIconProps:i,descendingIconProps:j,headerColumnStyle:e})=>{var f,g;let{attributes:l,listeners:m,transform:c,isDragging:n,setNodeRef:o}=bO({id:a.id}),p={transform:b_.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},h=aV(()=>{var b;return k&&!(null===(b=a.column.columnDef.meta)|| void 0===b?void 0:b.action)},[null===(f=a.column.columnDef.meta)|| void 0===f?void 0:f.action,k]),q=h?m:void 0,r=h?l:void 0;return aU(cO,{ref:o,className:`j-table__thead-th j-table__thead-th--${a.id} ${n?"j-table__thead-th--dragging":""}`,colSpan:a.colSpan,canSort:d?a.column.getCanSort():void 0,customStyle:{...e,...p,width:b?a.getSize():null==e?void 0:e.width},onClick:d?a.column.getToggleSortingHandler():void 0,onMouseDown:b?a.getResizeHandler():void 0,onTouchStart:b?a.getResizeHandler():void 0,...q,...r,children:[bJ(a.column.columnDef.header,a.getContext()),h?aT(J,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(g=({asc:i?aT(J,{...i}):" \u{1F53C}",desc:j?aT(J,{...j}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==g?g:null:void 0,b?aT(cI,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},cS=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=bO({id:a.id}),k={transform:b_.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aU(cN,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aT(cP,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aT(J,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aT(cP,{className:`j-table__tbody-td j-table__tbody-td--${a.id}`,customStyle:{...e,width:l?a.column.getSize():null==e?void 0:e.width},children:bJ(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},aO=({className:j,data:k=[],columns:l=[],actions:m=[],wrapperStyle:n,tableStyle:e,headerStyle:o,headerRowStyle:J,headerColumnStyle:K,bodyStyle:p,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N,footerStyle:q,footerRowStyle:O,footerColumnStyle:P,paginationWrapperStyle:r,isColumnResizeable:g,isHeaderVisible:s,isFooterVisible:t,isColumnSortable:Q,onColumnSortingChange:R,isRowSortable:S,onRowSortingChange:T,isDataSortable:h,ascendingIconProps:U,descendingIconProps:V,onDataSortingChange:u,isPaginationEnabled:a,paginationPosition:v,pageSize:b,totalPage:d,paginationProps:w,paginationStyle:x,onPaginationChange:y},z)=>{let A=aV(()=>k,[k]),[i,B]=aW([]),[f,C]=aW({pageIndex:0,pageSize:b||20}),D=aV(()=>l.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:a.sortable})),[l]),E=aV(()=>m.map((a,b)=>({id:String(b),meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:!1})),[m]),F=aV(()=>[...D,...E],[D,E]),c=bH({data:A,columns:F,columnResizeMode:g?"onChange":void 0,pageCount:a?d:void 0,state:{sorting:h?i:void 0,pagination:a?f:void 0},manualPagination:a,manualSorting:!0,getCoreRowModel:bI(),onPaginationChange:a?C:void 0,onSortingChange:h?B:void 0}),G=bP(bQ(bR),bQ(bS),bQ(bT),bQ(bU,{coordinateGetter:bK}));a_(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(d)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,d]),a_(()=>{let a=null==i?void 0:i[0];u&&a&&u(a.id,a.desc?"desc":"asc")},[u,i]),a_(()=>{y&&y(String(f.pageIndex+1),String(f.pageSize))},[y,f]);let H=(a,b)=>{c.setPageIndex(a-1),c.setPageSize(b)},W=({active:d,over:c})=>{var a,b;let e=null===(a=d.data.current)|| void 0===a?void 0:a.sortable.index,f=null===(b=null==c?void 0:c.data.current)|| void 0===b?void 0:b.sortable.index;return{currentIndex:e,newIndex:f}},I=a=>{let{currentIndex:b,newIndex:c}=W(a);T&&T(b,c,a)},X=a=>{let{currentIndex:b,newIndex:c}=W(a);R&&R(b,c,a)};return aU(cH,{ref:z,customStyle:n,className:j,children:[aU(cJ,{className:"j-table",customStyle:{...e,width:g?c.getCenterTotalSize():null==e?void 0:e.width},children:[s?aT(cK,{className:"j-table__thead",customStyle:o,children:c.getHeaderGroups().map(a=>aU(cN,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:J,children:[S?aT(cO,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:K}):void 0,aT(bV,{sensors:G,collisionDetection:bW,modifiers:[bX,bY,bZ],onDragEnd:X,children:aT(bL,{items:a.headers,strategy:bM,children:a.headers.map(a=>aT(cR,{header:a,isColumnResizeable:g,isColumnSortable:Q,isDataSortable:h,ascendingIconProps:U,descendingIconProps:V,headerColumnStyle:K},a.id))})})]},a.id))}):void 0,aT(cL,{className:"j-table__tbody",customStyle:p,children:aT(bV,{sensors:G,collisionDetection:bW,modifiers:[bX,b$,bZ],onDragEnd:I,children:aT(bL,{items:c.getRowModel().rows,strategy:bN,children:c.getRowModel().rows.map(a=>aT(cS,{row:a,isRowSortable:S,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N},a.id))})})}),t?aT(cM,{className:"j-table__tfoot",customStyle:q,children:c.getFooterGroups().map(a=>aU(cN,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:O,children:[S?aT(cO,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:P}):void 0,a.headers.map(a=>aT(cO,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:P,children:bJ(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aT(cQ,{paginationPosition:v||"left",customStyle:r,children:aT(bd,{...w,style:x,current:f.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(d)?b*d:void 0,onChange:H})}):void 0]})},aP=a.forwardRef(aO),cT=b(n)`
|
|
146
146
|
&& {
|
|
147
147
|
.jitera-drawer-content-wrapper {
|
|
148
148
|
box-shadow: inherit;
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var aU=require("react/jsx-runtime"),g=require("react"),m=require("clsx"),d=require("antd"),n=require("react-icons/ai"),o=require("react-icons/bs"),p=require("react-icons/fa"),q=require("react-icons/fi"),r=require("react-icons/md"),s=require("styled-components"),t=require("antd/lib/layout/layout"),u=require("antd/lib/menu/SubMenu"),v=require("antd/lib/layout/Sider"),w=require("react-select"),x=require("dayjs"),y=require("rc-picker/lib/generate/dayjs"),z=require("antd/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var aU=require("react/jsx-runtime"),g=require("react"),m=require("clsx"),d=require("antd"),n=require("react-icons/ai"),o=require("react-icons/bs"),p=require("react-icons/fa"),q=require("react-icons/fi"),r=require("react-icons/md"),s=require("styled-components"),t=require("antd/lib/layout/layout"),u=require("antd/lib/menu/SubMenu"),v=require("antd/lib/layout/Sider"),w=require("react-select"),x=require("dayjs"),y=require("rc-picker/lib/generate/dayjs"),z=require("antd/es/date-picker/generatePicker"),A=require("react-slick"),aV=require("rc-util/lib/React/render"),aW=require("@lexical/react/LexicalComposer"),h=require("@lexical/code"),i=require("@lexical/link"),j=require("@lexical/list"),B=require("@lexical/mark"),C=require("@lexical/overflow"),D=require("@lexical/react/LexicalHorizontalRuleNode"),k=require("@lexical/rich-text"),f=require("@lexical/table"),aX=require("@lexical/react/LexicalComposerContext"),aY=require("@lexical/react/useLexicalNodeSelection"),aZ=require("@lexical/utils"),E=require("lexical"),a$=require("@lexical/react/LexicalRichTextPlugin"),a_=require("@lexical/react/LexicalContentEditable"),a0=require("@tanstack/react-table"),a1=require("@dnd-kit/sortable"),a2=require("@dnd-kit/core"),a3=require("@dnd-kit/modifiers"),a4=require("@dnd-kit/utilities"),F=require("react-otp-input");function c(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}function e(a){if(a&&a.__esModule)return a;var b=Object.create(null);return a&&Object.keys(a).forEach(function(c){if("default"!==c){var d=Object.getOwnPropertyDescriptor(a,c);Object.defineProperty(b,c,d.get?d:{enumerable:!0,get:function(){return a[c]}})}}),b.default=a,Object.freeze(b)}var a=c(g),a5=c(m),a6=e(n),a7=e(o),a8=e(p),a9=e(q),ba=e(r),b=c(s),bb=c(t),bc=c(u),bd=c(v),be=c(w),bf=c(x),G=c(y),H=c(z),bg=c(A),bh=c(F);function bi({className:b="",responsiveVisibility:a=[]}){return{classNames:a5.default(b,3===a.length?"":null==a?void 0:a.map(a=>"string"==typeof a?`show-${a}`:`show-${a.value}`).join(" "))}}const I=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bi({className:e,responsiveVisibility:d});return aU.jsx("div",{...f,className:g,ref:b,children:c})});function J(b,c={}){return a.default.createElement(b in a6?a6[b]:b in a7?a7[b]:b in a9?a9[b]:b in a8?a8[b]:b in ba?ba[b]:"",c)}function K(a){throw Error(`Should not reach with ${a}`)}function L(a){switch(a){case exports.IconSet.Antd:return Object.entries(a6);case exports.IconSet.Bootstrap:return Object.entries(a7);case exports.IconSet.Feather:return Object.entries(a9);case exports.IconSet.FontAwesome:return Object.entries(a8);case exports.IconSet.Material:return Object.entries(ba);case exports.IconSet.All:return[...Object.entries(a6),...Object.entries(a7),...Object.entries(a9),...Object.entries(a8),...Object.entries(ba)];default:return K(a)}}exports.IconSet=void 0,function(a){a.All="all",a.Antd="antd",a.Bootstrap="bootstrap",a.Feather="feather",a.FontAwesome="font-awesome",a.Material="material"}(exports.IconSet||(exports.IconSet={}));const M=a.default.forwardRef((a,b)=>{let{className:c,style:d,iconName:e,color:f,size:g,responsiveVisibility:h}=a,{classNames:i}=bi({className:c,responsiveVisibility:h});return aU.jsx("span",{style:{display:"inline-block",verticalAlign:"middle",...d},className:i,ref:b,children:J(e,{color:f,size:g})})}),bj=b.default.span`
|
|
2
2
|
margin-left: ${a=>a.hasIcon&&"8px"};
|
|
3
3
|
`,N=a.default.forwardRef((b,c)=>{let{buttonType:e="primary",responsiveVisibility:f,iconProps:h,className:i,children:j,...k}=b,a=g.useMemo(()=>{if(h)return aU.jsx(M,{...h})},[h]),{classNames:l}=bi({className:i,responsiveVisibility:f});return aU.jsx(d.Button,{type:e,icon:a,...k,className:l,ref:c,children:aU.jsx(bj,{hasIcon:!!a,children:j})})}),O=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:e,className:f,...g}=a,{classNames:h}=bi({className:f,responsiveVisibility:e});return aU.jsx(d.Col,{...g,className:h,ref:b,children:c})}),P=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bi({className:e,responsiveVisibility:d});return aU.jsx(t.Content,{...f,className:g,prefixCls:"jitera-layout-content",ref:b,children:c})}),Q=a.default.forwardRef((a,b)=>{let{children:c,style:d,responsiveVisibility:e,className:f,...g}=a,{classNames:h}=bi({className:f,responsiveVisibility:e});return aU.jsx("footer",{...g,className:h,style:d,ref:b,children:c})}),R=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bi({className:e,responsiveVisibility:d});return aU.jsx("div",{...f,className:g,ref:b,children:c})}),S=R,T=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bi({className:e,responsiveVisibility:d});return aU.jsx(t.Header,{...f,prefixCls:"jitera-layout-header",className:g,ref:b,children:c})}),U=a.default.forwardRef((a,b)=>{let{source:c,alt:d="",responsiveVisibility:e,className:f,...g}=a,{classNames:h}=bi({className:f,responsiveVisibility:e});return aU.jsx("img",{ref:b,src:c,className:h,...g,alt:d})});exports.TextTypeEnum=void 0,function(a){a.Link="Link",a.Text="Text",a.H1="H1",a.H2="H2",a.H3="H3",a.H4="H4",a.H5="H5",a.H6="H6",a.B="B",a.I="I",a.Em="Em",a.U="U",a.S="S",a.Del="Del",a.Pre="Pre",a.Code="Code",a.Blockquote="Blockquote",a.Figcaption="Figcaption",a.Cite="Cite"}(exports.TextTypeEnum||(exports.TextTypeEnum={}));const V=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("div",{...b,ref:c,children:a})),W=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("a",{...b,ref:c,children:a})),X=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("h1",{...b,ref:c,children:a})),Y=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("h2",{...b,ref:c,children:a})),Z=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("h3",{...b,ref:c,children:a})),$=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("h4",{...b,ref:c,children:a})),_=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("h5",{...b,ref:c,children:a})),aa=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("h6",{...b,ref:c,children:a})),ab=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("b",{...b,ref:c,children:a})),ac=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("i",{...b,ref:c,children:a})),ad=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("em",{...b,ref:c,children:a})),ae=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("u",{...b,ref:c,children:a})),af=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("s",{...b,ref:c,children:a})),ag=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("del",{...b,ref:c,children:a})),ah=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("pre",{...b,ref:c,children:a})),ai=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("code",{...b,ref:c,children:a})),aj=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("blockquote",{...b,ref:c,children:a})),ak=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("figcaption",{...b,ref:c,children:a})),al=a.default.forwardRef(({children:a,...b},c)=>aU.jsx("cite",{...b,ref:c,children:a})),bk={[exports.TextTypeEnum.Text]:V,[exports.TextTypeEnum.Link]:W,[exports.TextTypeEnum.H1]:X,[exports.TextTypeEnum.H2]:Y,[exports.TextTypeEnum.H3]:Z,[exports.TextTypeEnum.H4]:$,[exports.TextTypeEnum.H5]:_,[exports.TextTypeEnum.H6]:aa,[exports.TextTypeEnum.B]:ab,[exports.TextTypeEnum.I]:ac,[exports.TextTypeEnum.Em]:ad,[exports.TextTypeEnum.U]:ae,[exports.TextTypeEnum.S]:af,[exports.TextTypeEnum.Del]:ag,[exports.TextTypeEnum.Pre]:ah,[exports.TextTypeEnum.Code]:ai,[exports.TextTypeEnum.Blockquote]:aj,[exports.TextTypeEnum.Figcaption]:ak,[exports.TextTypeEnum.Cite]:al},am=a.default.forwardRef((a,b)=>{let{textType:c=exports.TextTypeEnum.Text,responsiveVisibility:d,className:e,...f}=a,g=bk[c],{classNames:h}=bi({className:e,responsiveVisibility:d});return aU.jsx(g,{...f,className:h,ref:b})}),bl=a=>"object"==typeof a,bm=(...a)=>a.filter(a=>!bl(a)).join(" "),bn="mccb30e4f2_input";var bo={input:"mccb30e4f2_input"};const an=a.default.forwardRef((c,e)=>{let{style:f={},inputStyle:h={},errorMessage:a,isPasswordField:i,responsiveVisibility:j,isPreview:k,className:b,prefixIconProps:l,suffixIconProps:m,...n}=c,o=g.useMemo(()=>i?d.Input.Password:d.Input,[i]),p=g.useMemo(()=>bl(h)?{style:h,className:bo.input}:{className:bm(bo.input,h)},[h]),q=g.useMemo(()=>{if(l)return aU.jsx(M,{...l})},[l]),r=g.useMemo(()=>{if(m)return aU.jsx(M,{...m})},[m]),{classNames:s}=bi({className:b,responsiveVisibility:j});return aU.jsxs("div",{style:f,className:a5.default(bm(bo.container,b||""),s),ref:e,children:[aU.jsx(o,{...p,disabled:k,prefix:q,suffix:r,...n}),!!a&&aU.jsx(am,{type:"danger",children:a})]})}),ao=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bi({className:e,responsiveVisibility:d});return aU.jsx(bb.default,{...f,prefixCls:"jitera-layout",className:g,ref:b,children:c})}),bp=b.default.div`
|
|
4
4
|
.jitera-menu-item-disabled,
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
display: flex;
|
|
143
143
|
justify-content: ${a=>a.paginationPosition};
|
|
144
144
|
${a=>a.customStyle}
|
|
145
|
-
`,aO={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},b6=({header:a,isColumnResizeable:b,isColumnSortable:l,isDataSortable:d,ascendingIconProps:j,descendingIconProps:k,headerColumnStyle:e})=>{var f,h;let{attributes:m,listeners:n,transform:c,isDragging:o,setNodeRef:p}=a1.useSortable({id:a.id}),q={transform:a4.CSS.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},i=g.useMemo(()=>{var b;return l&&!(null===(b=a.column.columnDef.meta)|| void 0===b?void 0:b.action)},[null===(f=a.column.columnDef.meta)|| void 0===f?void 0:f.action,l]),r=i?n:void 0,s=i?m:void 0;return aU.jsxs(b3,{ref:p,className:`j-table__thead-th j-table__thead-th--${a.id} ${o?"j-table__thead-th--dragging":""}`,colSpan:a.colSpan,canSort:d?a.column.getCanSort():void 0,customStyle:{...e,...q,width:b?a.getSize():null==e?void 0:e.width},onClick:d?a.column.getToggleSortingHandler():void 0,onMouseDown:b?a.getResizeHandler():void 0,onTouchStart:b?a.getResizeHandler():void 0,...r,...s,children:[a0.flexRender(a.column.columnDef.header,a.getContext()),i?aU.jsx(M,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(h=({asc:j?aU.jsx(M,{...j}):" \u{1F53C}",desc:k?aU.jsx(M,{...k}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==h?h:null:void 0,b?aU.jsx(bZ,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},b7=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=a1.useSortable({id:a.id}),k={transform:a4.CSS.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aU.jsxs(b2,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aU.jsx(b4,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aU.jsx(M,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aU.jsx(b4,{className:`j-table__tbody-td j-table__tbody-td--${a.id}`,customStyle:{...e,width:l?a.column.getSize():null==e?void 0:e.width},children:a0.flexRender(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},aP=({className:l,data:m=[],columns:n=[],actions:o=[],wrapperStyle:p,tableStyle:f,headerStyle:q,headerRowStyle:L,headerColumnStyle:M,bodyStyle:r,bodyRowStyle:N,bodyColumnStyle:O,sortColumnStyle:P,footerStyle:s,footerRowStyle:Q,footerColumnStyle:R,paginationWrapperStyle:t,isColumnResizeable:i,isHeaderVisible:u,isFooterVisible:v,isColumnSortable:S,onColumnSortingChange:T,isRowSortable:U,onRowSortingChange:V,isDataSortable:j,ascendingIconProps:W,descendingIconProps:X,onDataSortingChange:w,isPaginationEnabled:a,paginationPosition:x,pageSize:b,totalPage:e,paginationProps:y,paginationStyle:z,onPaginationChange:A},B)=>{let C=g.useMemo(()=>m,[m]),[k,D]=g.useState([]),[h,E]=g.useState({pageIndex:0,pageSize:b||20}),F=g.useMemo(()=>n.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:a.sortable})),[n]),G=g.useMemo(()=>o.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:!1})),[o]),H=g.useMemo(()=>[...F,...G],[F,G]),c=a0.useReactTable({data:C,columns:H,columnResizeMode:i?"onChange":void 0,pageCount:a?e:void 0,state:{sorting:j?k:void 0,pagination:a?h:void 0},manualPagination:a,manualSorting:!0,getCoreRowModel:a0.getCoreRowModel(),onPaginationChange:a?E:void 0,onSortingChange:j?D:void 0}),I=a2.useSensors(a2.useSensor(a2.PointerSensor),a2.useSensor(a2.MouseSensor),a2.useSensor(a2.TouchSensor),a2.useSensor(a2.KeyboardSensor,{coordinateGetter:a1.sortableKeyboardCoordinates}));g.useEffect(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(e)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,e]),g.useEffect(()=>{let a=null==k?void 0:k[0];w&&a&&w(a.id,a.desc?"desc":"asc")},[w,k]),g.useEffect(()=>{A&&A(String(h.pageIndex+1),String(h.pageSize))},[A,h]);let J=(a,b)=>{c.setPageIndex(a-1),c.setPageSize(b)},Y=({active:d,over:c})=>{var a,b;let e=null===(a=d.data.current)|| void 0===a?void 0:a.sortable.index,f=null===(b=null==c?void 0:c.data.current)|| void 0===b?void 0:b.sortable.index;return{currentIndex:e,newIndex:f}},K=a=>{let{currentIndex:b,newIndex:c}=Y(a);V&&V(b,c,a)},Z=a=>{let{currentIndex:b,newIndex:c}=Y(a);T&&T(b,c,a)};return aU.jsxs(bY,{ref:B,customStyle:p,className:l,children:[aU.jsxs(b$,{className:"j-table",customStyle:{...f,width:i?c.getCenterTotalSize():null==f?void 0:f.width},children:[u?aU.jsx(b_,{className:"j-table__thead",customStyle:q,children:c.getHeaderGroups().map(a=>aU.jsxs(b2,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:L,children:[U?aU.jsx(b3,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:M}):void 0,aU.jsx(a2.DndContext,{sensors:I,collisionDetection:a2.closestCenter,modifiers:[a3.restrictToFirstScrollableAncestor,a3.restrictToHorizontalAxis,a3.restrictToParentElement],onDragEnd:Z,children:aU.jsx(a1.SortableContext,{items:a.headers,strategy:a1.horizontalListSortingStrategy,children:a.headers.map(a=>aU.jsx(b6,{header:a,isColumnResizeable:i,isColumnSortable:S,isDataSortable:j,ascendingIconProps:W,descendingIconProps:X,headerColumnStyle:M},a.id))})})]},a.id))}):void 0,aU.jsx(b0,{className:"j-table__tbody",customStyle:r,children:aU.jsx(a2.DndContext,{sensors:I,collisionDetection:a2.closestCenter,modifiers:[a3.restrictToFirstScrollableAncestor,a3.restrictToVerticalAxis,a3.restrictToParentElement],onDragEnd:K,children:aU.jsx(a1.SortableContext,{items:c.getRowModel().rows,strategy:a1.verticalListSortingStrategy,children:c.getRowModel().rows.map(a=>aU.jsx(b7,{row:a,isRowSortable:U,bodyRowStyle:N,bodyColumnStyle:O,sortColumnStyle:P},a.id))})})}),v?aU.jsx(b1,{className:"j-table__tfoot",customStyle:s,children:c.getFooterGroups().map(a=>aU.jsxs(b2,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:Q,children:[U?aU.jsx(b3,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:R}):void 0,a.headers.map(a=>aU.jsx(b3,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:R,children:a0.flexRender(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aU.jsx(b5,{paginationPosition:x||"left",customStyle:t,children:aU.jsx(d.Pagination,{...y,style:z,current:h.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(e)?b*e:void 0,onChange:J})}):void 0]})},aQ=a.default.forwardRef(aP),b8=b.default(d.Drawer)`
|
|
145
|
+
`,aO={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},b6=({header:a,isColumnResizeable:b,isColumnSortable:l,isDataSortable:d,ascendingIconProps:j,descendingIconProps:k,headerColumnStyle:e})=>{var f,h;let{attributes:m,listeners:n,transform:c,isDragging:o,setNodeRef:p}=a1.useSortable({id:a.id}),q={transform:a4.CSS.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},i=g.useMemo(()=>{var b;return l&&!(null===(b=a.column.columnDef.meta)|| void 0===b?void 0:b.action)},[null===(f=a.column.columnDef.meta)|| void 0===f?void 0:f.action,l]),r=i?n:void 0,s=i?m:void 0;return aU.jsxs(b3,{ref:p,className:`j-table__thead-th j-table__thead-th--${a.id} ${o?"j-table__thead-th--dragging":""}`,colSpan:a.colSpan,canSort:d?a.column.getCanSort():void 0,customStyle:{...e,...q,width:b?a.getSize():null==e?void 0:e.width},onClick:d?a.column.getToggleSortingHandler():void 0,onMouseDown:b?a.getResizeHandler():void 0,onTouchStart:b?a.getResizeHandler():void 0,...r,...s,children:[a0.flexRender(a.column.columnDef.header,a.getContext()),i?aU.jsx(M,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(h=({asc:j?aU.jsx(M,{...j}):" \u{1F53C}",desc:k?aU.jsx(M,{...k}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==h?h:null:void 0,b?aU.jsx(bZ,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},b7=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=a1.useSortable({id:a.id}),k={transform:a4.CSS.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aU.jsxs(b2,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aU.jsx(b4,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aU.jsx(M,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aU.jsx(b4,{className:`j-table__tbody-td j-table__tbody-td--${a.id}`,customStyle:{...e,width:l?a.column.getSize():null==e?void 0:e.width},children:a0.flexRender(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},aP=({className:l,data:m=[],columns:n=[],actions:o=[],wrapperStyle:p,tableStyle:f,headerStyle:q,headerRowStyle:L,headerColumnStyle:M,bodyStyle:r,bodyRowStyle:N,bodyColumnStyle:O,sortColumnStyle:P,footerStyle:s,footerRowStyle:Q,footerColumnStyle:R,paginationWrapperStyle:t,isColumnResizeable:i,isHeaderVisible:u,isFooterVisible:v,isColumnSortable:S,onColumnSortingChange:T,isRowSortable:U,onRowSortingChange:V,isDataSortable:j,ascendingIconProps:W,descendingIconProps:X,onDataSortingChange:w,isPaginationEnabled:a,paginationPosition:x,pageSize:b,totalPage:e,paginationProps:y,paginationStyle:z,onPaginationChange:A},B)=>{let C=g.useMemo(()=>m,[m]),[k,D]=g.useState([]),[h,E]=g.useState({pageIndex:0,pageSize:b||20}),F=g.useMemo(()=>n.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:a.sortable})),[n]),G=g.useMemo(()=>o.map((a,b)=>({id:String(b),meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:!1})),[o]),H=g.useMemo(()=>[...F,...G],[F,G]),c=a0.useReactTable({data:C,columns:H,columnResizeMode:i?"onChange":void 0,pageCount:a?e:void 0,state:{sorting:j?k:void 0,pagination:a?h:void 0},manualPagination:a,manualSorting:!0,getCoreRowModel:a0.getCoreRowModel(),onPaginationChange:a?E:void 0,onSortingChange:j?D:void 0}),I=a2.useSensors(a2.useSensor(a2.PointerSensor),a2.useSensor(a2.MouseSensor),a2.useSensor(a2.TouchSensor),a2.useSensor(a2.KeyboardSensor,{coordinateGetter:a1.sortableKeyboardCoordinates}));g.useEffect(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(e)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,e]),g.useEffect(()=>{let a=null==k?void 0:k[0];w&&a&&w(a.id,a.desc?"desc":"asc")},[w,k]),g.useEffect(()=>{A&&A(String(h.pageIndex+1),String(h.pageSize))},[A,h]);let J=(a,b)=>{c.setPageIndex(a-1),c.setPageSize(b)},Y=({active:d,over:c})=>{var a,b;let e=null===(a=d.data.current)|| void 0===a?void 0:a.sortable.index,f=null===(b=null==c?void 0:c.data.current)|| void 0===b?void 0:b.sortable.index;return{currentIndex:e,newIndex:f}},K=a=>{let{currentIndex:b,newIndex:c}=Y(a);V&&V(b,c,a)},Z=a=>{let{currentIndex:b,newIndex:c}=Y(a);T&&T(b,c,a)};return aU.jsxs(bY,{ref:B,customStyle:p,className:l,children:[aU.jsxs(b$,{className:"j-table",customStyle:{...f,width:i?c.getCenterTotalSize():null==f?void 0:f.width},children:[u?aU.jsx(b_,{className:"j-table__thead",customStyle:q,children:c.getHeaderGroups().map(a=>aU.jsxs(b2,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:L,children:[U?aU.jsx(b3,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:M}):void 0,aU.jsx(a2.DndContext,{sensors:I,collisionDetection:a2.closestCenter,modifiers:[a3.restrictToFirstScrollableAncestor,a3.restrictToHorizontalAxis,a3.restrictToParentElement],onDragEnd:Z,children:aU.jsx(a1.SortableContext,{items:a.headers,strategy:a1.horizontalListSortingStrategy,children:a.headers.map(a=>aU.jsx(b6,{header:a,isColumnResizeable:i,isColumnSortable:S,isDataSortable:j,ascendingIconProps:W,descendingIconProps:X,headerColumnStyle:M},a.id))})})]},a.id))}):void 0,aU.jsx(b0,{className:"j-table__tbody",customStyle:r,children:aU.jsx(a2.DndContext,{sensors:I,collisionDetection:a2.closestCenter,modifiers:[a3.restrictToFirstScrollableAncestor,a3.restrictToVerticalAxis,a3.restrictToParentElement],onDragEnd:K,children:aU.jsx(a1.SortableContext,{items:c.getRowModel().rows,strategy:a1.verticalListSortingStrategy,children:c.getRowModel().rows.map(a=>aU.jsx(b7,{row:a,isRowSortable:U,bodyRowStyle:N,bodyColumnStyle:O,sortColumnStyle:P},a.id))})})}),v?aU.jsx(b1,{className:"j-table__tfoot",customStyle:s,children:c.getFooterGroups().map(a=>aU.jsxs(b2,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:Q,children:[U?aU.jsx(b3,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:R}):void 0,a.headers.map(a=>aU.jsx(b3,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:R,children:a0.flexRender(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aU.jsx(b5,{paginationPosition:x||"left",customStyle:t,children:aU.jsx(d.Pagination,{...y,style:z,current:h.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(e)?b*e:void 0,onChange:J})}):void 0]})},aQ=a.default.forwardRef(aP),b8=b.default(d.Drawer)`
|
|
146
146
|
&& {
|
|
147
147
|
.jitera-drawer-content-wrapper {
|
|
148
148
|
box-shadow: inherit;
|