@stenajs-webui/grid 17.19.0 → 17.20.0
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/CHANGELOG.md +13 -0
- package/dist/index.es.js +2 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
package/dist/index.js
CHANGED
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
background: ${e};
|
|
9
9
|
}
|
|
10
10
|
`:""}
|
|
11
|
-
`,It=T.memo(function({item:t,idListForEnabledItems:o,rowIndex:r,numRows:s,colIndexOffset:l,alwaysVisible:c,shiftPressedRef:a}){const u=i.useRef(null),x=Ee(),{stickyCheckboxColumn:d}=S(),p=_(),{columnIndexPerColumnId:f}=ut(),{showRowCheckbox:C,rowBackgroundResolver:w,checkboxDisabledResolver:m,enableGridCell:b,rowIndent:g,enableExpandCollapse:y}=S(),{isExpanded:k}=Oe(t),{isSelected:v,toggleSelected:A,shiftAndToggleSelected:j}=ft(t,o),O=h.useOnScreen(u,{rootMargin:"400px 0px 400px 0px",threshold:0}),E=i.useMemo(()=>w==null?void 0:w(t,v),[v,t,w]),M=nn(E,v,k),P=rn(E,v,k),N=sn(E,v,P),B=i.useMemo(()=>m==null?void 0:m(t),[t,m]),L=at(),Q=me(L,t),q=it(),z=me(q,t),$=i.useMemo(()=>n.jsx(n.Fragment,{children:n.jsxs(n.Fragment,{children:[g&&n.jsx("td",{style:{background:Q},children:n.jsx(h.Indent,{num:g})}),y&&n.jsx("td",{style:{background:d?"inherit":void 0,position:d?"sticky":void 0,left:d?"0px":void 0,boxShadow:d?"var(--swui-sticky-column-shadow-right)":void 0,zIndex:d?"var(--swui-sticky-column-z-index)":void 0},children:n.jsx(h.Row,{width:"var(--swui-expand-cell-width)",minWidth:"var(--swui-expand-cell-width)",alignItems:"center",justifyContent:"center",children:n.jsx(Jo,{colIndex:l,rowIndex:b?r:0,numRows:b?s:0,item:t})})}),C&&n.jsx("td",{style:{background:d?"inherit":void 0,position:d?"sticky":void 0,left:y&&d?"var(--swui-expand-cell-width)":d?"0px":void 0,textAlign:"center",boxShadow:d?"var(--swui-sticky-column-shadow-right)":void 0,zIndex:d?"var(--swui-sticky-column-z-index)":void 0},children:n.jsx(h.Row,{width:"var(--swui-checkbox-cell-width)",minWidth:"var(--swui-checkbox-cell-width)",alignItems:"center",justifyContent:"center",children:n.jsx(Ct,{disabled:B,value:v,onValueChange:A,onValueChangeAndShift:j,colIndex:l+(y?1:0),rowIndex:r,numRows:s,shiftPressedRef:a})})}),p.map(({groupConfig:V,groupId:de},K)=>n.jsx(T.Fragment,{children:V.columnOrder.map((G,ee)=>n.jsx(kt,{columnId:G,item:t,colIndex:l+f[G],rowIndex:r,numRows:s,borderFromGroup:ie(K,ee,V.borderLeft),disableBorderLeft:K===0&&ee===0},G))},de)),g&&n.jsx("td",{style:{background:z},children:n.jsx(h.Indent,{num:g})}),n.jsx("td",{})]})}),[l,f,B,y,b,Q,p,v,t,z,s,g,r,j,a,C,d,A]);return n.jsxs(n.Fragment,{children:[n.jsx(St,{hoverBackground:P,background:M,focusBackground:N,borderLeft:k?be:re,ref:u,children:O||c||k?$:n.jsx("td",{colSpan:x,style:{height:"var(--current-row-height)"}})}),n.jsx(on,{item:t})]})}),nn=(e,t,o)=>e?typeof e=="string"?e:e==null?void 0:e.background:t?H.cssColor("--lhds-color-blue-100"):o?we:"white",rn=(e,t,o)=>e?typeof e=="string"?e:e==null?void 0:e.hoverBackground:t?H.cssColor("--lhds-color-blue-100"):o?Ue:H.cssColor("--lhds-color-ui-100"),sn=(e,t,o)=>{if(t)return H.cssColor("--lhds-color-blue-100");if(e)return o},ln=e=>Object.values(e).some(t=>cn(t)),cn=e=>Boolean(e.renderSummaryCell||e.summaryText),an="_summaryRow_12x8k_1",dn={summaryRow:an},un=T.memo(function({columnId:t,items:o,disableBorderLeft:r,borderFromGroup:s,colSpan:l}){const c=Te(),{renderSummaryCell:a,summaryText:u,borderLeft:x,zIndex:d,width:p,minWidth:f,justifyContentCell:C}=J(t),w=Ae(s,r,x),m=c[t],b=m.sticky?d!=null?d:"var(--swui-sticky-column-z-index)":d!=null?d:1,g=m.sticky&&m.type==="last-group"&&m.isFirstColumnInLastGroup||m.sticky&&m.type==="column"&&m.right?"var(--swui-sticky-column-shadow-left)":m.sticky?"var(--swui-sticky-column-shadow-right)":void 0,y=i.useMemo(()=>u==null?void 0:u({items:o}),[o,u]),k=i.useMemo(()=>a==null?void 0:a({items:o,text:y}),[o,a,y]);return n.jsx("td",{colSpan:l,style:{borderLeft:w,position:m.sticky?"sticky":void 0,left:m.sticky?m.left:void 0,right:m.sticky?m.right:void 0,boxShadow:g,zIndex:b,height:"var(--current-row-height)"},children:n.jsx(h.Row,{width:p,minWidth:f,height:"inherit",overflow:"hidden",justifyContent:C,alignItems:"center",children:a?k:n.jsx(h.Indent,{children:n.jsx(h.Text,{variant:"bold",children:y})})})})}),hn=(e,t)=>{const o=[];for(let r=0;r<e.length;r++){const{summaryCellColSpan:s}=t[e[r]],l=Math.min(s!=null?s:1,e.length-r);o.push({columnId:e[r],colSpan:l});const c=s!=null?s:1;c>1&&(r+=c-1)}return o},xn=T.memo(function({items:t}){const o=_(),{showRowCheckbox:r,enableExpandCollapse:s,columns:l,rowIndent:c}=S();return n.jsxs("tr",{className:dn.summaryRow,children:[c&&n.jsx("td",{children:n.jsx(h.Indent,{num:c})}),s&&n.jsx("td",{}),r&&n.jsx("td",{}),o.map(({groupConfig:a,groupId:u},x)=>n.jsx(T.Fragment,{children:hn(a.columnOrder,l).map(({columnId:d,colSpan:p},f)=>n.jsx(un,{colSpan:p,columnId:d,items:t,borderFromGroup:ie(x,f,a.borderLeft),disableBorderLeft:x===0&&f===0},d))},u)),c&&n.jsx("td",{children:n.jsx(h.Indent,{num:c})}),n.jsx("td",{})]})}),pn=function({items:t}){const{columns:o}=S();return i.useMemo(()=>ln(o),[o])?n.jsx(xn,{items:t}):null},Rt=e=>t=>!(e!=null&&e(t)),Tt=T.memo(function({items:t,colIndexOffset:o=0,rowIndexOffset:r=0}){const s=i.useRef(0),l=i.useRef(!1),{keyResolver:c,disableInfiniteList:a,checkboxDisabledResolver:u}=S(),{sortOrder:{sortBy:x,desc:d}}=F(),p=mt(x),f=i.useMemo(()=>{if(!t||!t.length)return[];if(!p)return t;const w=[...t];return w.sort((m,b)=>pt(p(m),p(b))),d&&w.reverse(),a||s.current++,w},[t,p,d,a]),C=i.useMemo(()=>f.filter(Rt(u)).map(w=>c(w)),[f,u,c]);return i.useEffect(()=>{const w=b=>{b.key==="Shift"&&(l.current=!1)},m=b=>{b.key==="Shift"&&(l.current=!0)};return document.addEventListener("keyup",w),document.addEventListener("keydown",m),()=>{document.removeEventListener("keyup",w),document.removeEventListener("keydown",m)}},[]),n.jsxs(T.Fragment,{children:[f.map((w,m)=>n.jsx(It,{alwaysVisible:a||f.length<30,item:w,idListForEnabledItems:C,colIndexOffset:o,rowIndex:m+r,numRows:f.length,shiftPressedRef:l},c(w))),n.jsx(pn,{items:f})]},s.current)}),Et=T.memo(function({error:t,bannerError:o,loading:r,items:s,noItemsLabel:l="There is no data available.",noItemsContentRight:c,noItemsContentBottom:a,noItemsHeader:u,colIndexOffset:x,rowIndexOffset:d,variant:p,errorLabel:f}){var w;const C=Ee();return o?n.jsx("tbody",{children:n.jsx("tr",{children:n.jsx("td",{colSpan:C,children:n.jsx(h.Spacing,{num:4,justifyContent:"center",children:n.jsx(h.Box,{alignItems:"center",children:n.jsx(R.ResultListBanner,{bannerState:o,variant:"error"})})})})})}):t||f?n.jsx("tbody",{children:n.jsx("tr",{children:n.jsx("td",{colSpan:C,children:n.jsx(h.Spacing,{num:4,justifyContent:"center",children:n.jsx(h.Box,{alignItems:"center",children:n.jsx(R.Banner,{headerText:(w=t?t.message:f)!=null?w:"Unknown error",variant:"error"})})})})})}):r?n.jsx("tbody",{children:n.jsx("tr",{children:n.jsx("td",{colSpan:C,children:n.jsx(h.Spacing,{num:4,children:n.jsx(Ne.LoadingScreen,{})})})})}):!s||!s.length?n.jsx("tbody",{children:n.jsx("tr",{children:n.jsx("td",{colSpan:C,children:n.jsx(h.Row,{spacing:4,justifyContent:"center",children:n.jsx(R.Banner,{text:l,headerText:u,contentRight:c,variant:"info",children:a})})})})}):n.jsx("tbody",{children:n.jsx(Tt,{variant:p,items:s,colIndexOffset:x,rowIndexOffset:d})})}),Gt=e=>{const{keyResolver:t,checkboxDisabledResolver:o}=S(),{selectedIds:{selectedIds:r}}=F(),{actions:{setSelectedIds:s,clearSelection:l},dispatch:c}=Z(),a=r.length===0,u=e?e.length>0&&r.length===e.length:!1,x=i.useCallback(()=>{e&&c(a?s(e.filter(Rt(o)).map(d=>t(d))):l())},[e,a,c,s,o,t,l]);return{selectionIsEmpty:a,allItemsAreSelected:u,onClickCheckbox:x}},mn=e=>{const{keyResolver:t}=S(),{expandedRows:{selectedIds:o}}=F(),{actions:{collapseAll:r,expandByIds:s},dispatch:l}=Z(),c=e?e.length>0&&o.length===e.length:!1,a=i.useCallback(()=>{e&&l(c?r():s(e.map(u=>t(u))))},[c,r,l,e,t,s]);return{allItemsAreExpanded:c,toggleExpanded:a}},At=e=>{const{dispatch:t,actions:o}=Z(),{sortOrder:{desc:r,sortBy:s}}=F();return i.useMemo(()=>{const l=e===s;return{arrow:l?r?"up":"down":void 0,selected:l,desc:r,onClickColumnHead:()=>{t(o.sortBy(e,l?!r:!1))}}},[s,r,o,e,t])},Cn=T.memo(function({columnId:t,borderFromGroup:o,disableBorderLeft:r,stickyHeader:s,top:l}){const{justifyContentHeader:c,columnLabel:a,borderLeft:u,infoIconTooltipText:x,background:d,zIndex:p,sortOrderIconVariant:f,width:C,minWidth:w}=J(t),{disableSorting:m,sortOrderIconVariant:b}=S(),g=Te(),{arrow:y,onClickColumnHead:k}=At(t),v=typeof a=="string"?a:gt(t),A=Ae(o,r,u),j=g[t];return n.jsx("th",{style:{background:d!=null?d:"white",borderLeft:A,position:s||j.sticky?"sticky":void 0,left:j.left,right:j.right,top:l,boxShadow:j.sticky&&j.isFirstColumnInLastGroup&&s?"var(--swui-sticky-header-shadow-and-left)":j.sticky&&j.isFirstColumnInLastGroup?"var(--swui-sticky-column-shadow-left)":s&&j.sticky?"var(--swui-sticky-header-shadow-and-right)":s?"var(--swui-sticky-header-shadow)":j.sticky?"var(--swui-sticky-column-shadow-right)":void 0,zIndex:s&&j.sticky?"var(--swui-sticky-header-in-sticky-column-z-index)":s?"var(--swui-sticky-header-z-index)":j.sticky?"var(--swui-sticky-group-header-z-index)":p,width:C,minWidth:w},children:n.jsx(ce,{width:"inherit",minWidth:"inherit",arrow:!m&&v?y:void 0,onClick:m?void 0:k,label:v,infoIconTooltipText:x,alignRight:c==="flex-end",sortOrderIconVariant:f!=null?f:b})})}),fn=(e,t,o,r)=>{if(e&&t!==void 0)return`calc(${e} + ${o})`;if(r&&t)return`calc(0px + ${o})`;if(e)return e;if(r)return 0},Ot=T.memo(function({items:t,height:o=se}){const r=_(),{showHeaderCheckbox:s,showHeaderExpandCollapse:l,enableExpandCollapse:c,rowIndent:a,headerRowOffsetTop:u,zIndex:x,stickyHeader:d,stickyCheckboxColumn:p,showRowCheckbox:f}=S(),C=So(),{allItemsAreExpanded:w,toggleExpanded:m}=mn(t),{allItemsAreSelected:b,onClickCheckbox:g,selectionIsEmpty:y}=Gt(t),k=!t||t.length===0,v={zIndex:d&&p?"var(--swui-sticky-header-in-sticky-column-z-index)":p?"var(--swui-sticky-group-header-z-index)":d?"var(--swui-sticky-header-z-index)":x,top:fn(u,C,o,d),background:d||p?"white":void 0,position:d||p?"sticky":void 0,boxShadow:d&&p?"var(--swui-sticky-header-shadow-and-right)":p?"var(--swui-sticky-column-shadow-right)":d?"var(--swui-sticky-header-shadow)":void 0};return n.jsxs(St,{height:o,borderLeft:re,children:[a&&n.jsx("th",{style:v,children:n.jsx(h.Row,{indent:a})}),c&&n.jsx("th",{style:{...v,left:"0px",textAlign:"left"},children:n.jsx(h.Row,{width:"var(--swui-expand-cell-width)",minWidth:"var(--swui-expand-cell-width)",alignItems:"center",justifyContent:"center",children:l&&n.jsx(R.FlatButton,{size:"small",leftIcon:w?qe.faChevronDown:ze.faChevronRight,onClick:m})})}),(f||s)&&n.jsx("th",{style:{...v,overflow:"hidden",left:p&&c?"var(--swui-expand-cell-width)":p?"0px":void 0},children:n.jsx(h.Row,{width:"var(--swui-checkbox-cell-width)",minWidth:"var(--swui-checkbox-cell-width)",alignItems:"center",justifyContent:"center",children:s&&n.jsx(X.Checkbox,{size:"small",disabled:k,value:b,indeterminate:!y&&!b,onValueChange:g})})}),r.map(({groupConfig:A,groupId:j},O)=>n.jsx(T.Fragment,{children:A.columnOrder.map((E,M)=>n.jsx(Cn,{columnId:E,borderFromGroup:ie(O,M,A.borderLeft),disableBorderLeft:O===0&&M===0,stickyHeader:d,top:v.top},E))},j)),a&&n.jsx("th",{style:v,children:n.jsx(h.Row,{indent:a})}),n.jsx("th",{style:v})]})}),wn=()=>{const e=S(),t=_(),o=e.enableExpandCollapse||e.showRowCheckbox,r=h.booleanOrNumberToNumber(e.rowIndent);return n.jsxs(n.Fragment,{children:[r?n.jsx("colgroup",{children:n.jsx("col",{style:{width:`calc(var(--swui-metrics-indent) * ${r})`}})}):null,o&&n.jsxs("colgroup",{children:[e.enableExpandCollapse&&n.jsx("col",{style:{width:"var(--swui-expand-cell-width)"}}),e.showRowCheckbox&&n.jsx("col",{style:{width:"var(--swui-checkbox-cell-width)"}})]}),t.map(({groupConfig:s,groupId:l})=>n.jsx("colgroup",{children:s.columnOrder.map(c=>n.jsx("col",{style:{width:e.columns[c].width,minWidth:e.columns[c].minWidth}},c))},l)),r?n.jsx("colgroup",{children:n.jsx("col",{style:{width:`calc(var(--swui-metrics-indent) * ${r})`}})}):null]})},bn=function({tableContext:t,config:o,columnOrder:r,columnGroupOrder:s,tableId:l,variant:c="standard",onKeyDown:a,...u}){const x=i.useId(),{initialSortOrderDesc:d,initialSortOrder:p,enableExpandCollapse:f,stickyCheckboxColumn:C}=o,{tableContext:w}=xt(l!=null?l:x,Re(p,d)),m=t||w,{state:b,actions:g,dispatch:y}=m,k=i.useMemo(()=>({actions:g,dispatch:y}),[g,y]),v=Boolean(s!=null?s:"columnGroupOrder"in o),A="columnGroups"in o?o.columnGroups:void 0,j="columnGroupOrder"in o?o.columnGroupOrder:void 0,O="columnOrder"in o?o.columnOrder:void 0,E=i.useMemo(()=>Ge(A,j,O),[A,j,O]),M=i.useMemo(()=>Oo(o),[o]),P=i.useMemo(()=>_o(o),[o]),N=i.useMemo(()=>qo(o),[o]),B=i.useMemo(()=>{try{Mo(o);return}catch(L){return L instanceof Error?L:new Error("Unknown error")}},[o]);return B?n.jsx(Ne.ErrorScreen,{text:B.message}):n.jsx("table",{className:_e.default(He.standardTable,He[c]),style:{width:"100%",isolation:"isolate","--current-left-offset":f&&C?"calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))":C?"var(--swui-checkbox-cell-width)":f?"var(--swui-expand-cell-width)":"0px"},children:n.jsx(lt.Provider,{value:N,children:n.jsx(ct.Provider,{value:P,children:n.jsx(Io.Provider,{value:c,children:n.jsx(je.Provider,{value:l!=null?l:x,children:n.jsx(ke.Provider,{value:b,children:n.jsx(Se.Provider,{value:k,children:n.jsx(Ie.Provider,{value:o,children:n.jsx(ot.Provider,{value:E,children:n.jsx(dt.Provider,{value:M,children:n.jsx(ko.Provider,{value:v,children:n.jsxs(st.Provider,{value:"columnGroupOrder"in o?s!=null?s:o.columnGroupOrder:s,children:[n.jsx(wn,{}),n.jsxs(rt.Provider,{value:a,children:[n.jsxs("thead",{children:[(s||"columnGroupOrder"in o)&&n.jsx(Ao,{height:"var(--current-row-height)"}),n.jsx(Ot,{items:u.items,height:"var(--current-row-height)"})]}),n.jsx(Et,{variant:c,...u})]})]})})})})})})})})})})})})},vn=(e,t)=>({...t,itemValueResolver:e}),gn=()=>({label:e,gridCell:{editorValue:t,isEditing:o,setEditorValue:r,stopEditingAndRevert:s,lastKeyEvent:l,stopEditing:c,stopEditingAndMove:a}})=>o?n.jsx(X.TextInput,{onValueChange:r,value:t,onDone:c,onEsc:s,autoFocus:!0,selectAllOnMount:!l,onMove:a}):n.jsx(h.Indent,{children:n.jsx(h.Text,{color:"var(--swui-primary-action-color)",children:e})}),yn=(e,t,o)=>({label:r,item:s,gridCell:{editorValue:l,isEditing:c,setEditorValue:a,stopEditingAndRevert:u,lastKeyEvent:x,stopEditing:d,stopEditingAndMove:p},isEditable:f})=>{const C=typeof e=="function"?e(s):e,w=t?t(s):void 0,m=o?o(s):void 0;return f&&c?n.jsx(X.TextInput,{onValueChange:a,value:l,onDone:d,onEsc:u,autoFocus:!0,selectAllOnMount:!x,onMove:p}):n.jsx(h.Indent,{row:!0,alignItems:"center",children:n.jsx(Ke,{value:r,modifiedField:m,crudStatus:w,isEditable:f,warningOnEmpty:C})})};exports.CrudStatusIndicator=fe;exports.EditableTextCellWithCrudAndModified=yo;exports.GridHooksContext=Ce;exports.GridHooksTable=Zt;exports.ModifiedField=Ke;exports.SmallTableCell=Jt;exports.SmallTableHead=Yt;exports.StandardTable=bn;exports.StandardTableActionsContext=Se;exports.StandardTableCell=kt;exports.StandardTableCellUi=yt;exports.StandardTableConfigContext=Ie;exports.StandardTableContent=Et;exports.StandardTableHeadRow=Ot;exports.StandardTableRow=It;exports.StandardTableRowCheckbox=Ct;exports.StandardTableRowList=Tt;exports.StandardTableStateContext=ke;exports.StandardTableTableIdContext=je;exports.TableCell=$e;exports.TableColumnGroupHead=Qt;exports.TableHeadItem=ce;exports.TableHeadRow=eo;exports.TableRow=no;exports.TextCell=jt;exports.createColumnConfig=vn;exports.createEditableTextCellWithStatus=yn;exports.createGroupConfigAndIdsForRows=Ge;exports.createInternalStandardTableActions=et;exports.createStandardEditableTextCell=gn;exports.createStandardTableActions=ht;exports.createStandardTableInitialState=Re;exports.createStandardTableReducer=tt;exports.defaultTableHeadRowHeight=le;exports.defaultTableRowHeight=se;exports.focusOnCell=ye;exports.formatColumnIdToHeaderCellLabel=gt;exports.formatValueLabel=vt;exports.hasIndicatorContent=ne;exports.multitypeComparator=pt;exports.smallTableRowWidth=ve;exports.tableBackgroundColorExpanded=we;exports.tableBackgroundHoverColorExpanded=Ue;exports.tableBorder=U;exports.tableBorderColor=Ve;exports.tableBorderColorExpanded=We;exports.tableBorderHidden=Ze;exports.tableBorderLeft=re;exports.tableBorderLeftExpanded=be;exports.useCellBackgroundByColumnConfig=me;exports.useCellBackgroundByColumnId=bt;exports.useColumnConfigById=J;exports.useColumnValueResolver=mt;exports.useEditableCell=Xe;exports.useFirstColumnConfig=at;exports.useGridCell=Y;exports.useGridNavigation=Ye;exports.useGridNavigationOptionsFromContext=ge;exports.useLastColumnConfig=it;exports.useLocalStateTableContext=xt;exports.useRevertableValue=Je;exports.useRowCheckbox=ft;exports.useStandardTableActions=Z;exports.useStandardTableConfig=S;exports.useStandardTableId=ae;exports.useStandardTableState=F;exports.useTableHeadCheckbox=Gt;exports.useTableSortHeader=At;
|
|
11
|
+
`,It=T.memo(function({item:t,idListForEnabledItems:o,rowIndex:r,numRows:s,colIndexOffset:l,alwaysVisible:c,shiftPressedRef:a}){const u=i.useRef(null),x=Ee(),{stickyCheckboxColumn:d}=S(),p=_(),{columnIndexPerColumnId:f}=ut(),{showRowCheckbox:C,rowBackgroundResolver:w,checkboxDisabledResolver:m,enableGridCell:b,rowIndent:g,enableExpandCollapse:y}=S(),{isExpanded:k}=Oe(t),{isSelected:v,toggleSelected:A,shiftAndToggleSelected:j}=ft(t,o),O=h.useOnScreen(u,{rootMargin:"400px 0px 400px 0px",threshold:0}),E=i.useMemo(()=>w==null?void 0:w(t,v),[v,t,w]),M=nn(E,v,k),P=rn(E,v,k),N=sn(E,v,P),B=i.useMemo(()=>m==null?void 0:m(t),[t,m]),L=at(),Q=me(L,t),q=it(),z=me(q,t),$=i.useMemo(()=>n.jsx(n.Fragment,{children:n.jsxs(n.Fragment,{children:[g&&n.jsx("td",{style:{background:Q},children:n.jsx(h.Indent,{num:g})}),y&&n.jsx("td",{style:{background:d?"inherit":void 0,position:d?"sticky":void 0,left:d?"0px":void 0,boxShadow:d?"var(--swui-sticky-column-shadow-right)":void 0,zIndex:d?"var(--swui-sticky-column-z-index)":void 0},children:n.jsx(h.Row,{width:"var(--swui-expand-cell-width)",minWidth:"var(--swui-expand-cell-width)",alignItems:"center",justifyContent:"center",children:n.jsx(Jo,{colIndex:l,rowIndex:b?r:0,numRows:b?s:0,item:t})})}),C&&n.jsx("td",{style:{background:d?"inherit":void 0,position:d?"sticky":void 0,left:y&&d?"var(--swui-expand-cell-width)":d?"0px":void 0,textAlign:"center",boxShadow:d?"var(--swui-sticky-column-shadow-right)":void 0,zIndex:d?"var(--swui-sticky-column-z-index)":void 0},children:n.jsx(h.Row,{width:"var(--swui-checkbox-cell-width)",minWidth:"var(--swui-checkbox-cell-width)",alignItems:"center",justifyContent:"center",children:n.jsx(Ct,{disabled:B,value:v,onValueChange:A,onValueChangeAndShift:j,colIndex:l+(y?1:0),rowIndex:r,numRows:s,shiftPressedRef:a})})}),p.map(({groupConfig:V,groupId:de},K)=>n.jsx(T.Fragment,{children:V.columnOrder.map((G,ee)=>n.jsx(kt,{columnId:G,item:t,colIndex:l+f[G],rowIndex:r,numRows:s,borderFromGroup:ie(K,ee,V.borderLeft),disableBorderLeft:K===0&&ee===0},G))},de)),g&&n.jsx("td",{style:{background:z},children:n.jsx(h.Indent,{num:g})}),n.jsx("td",{})]})}),[l,f,B,y,b,Q,p,v,t,z,s,g,r,j,a,C,d,A]);return n.jsxs(n.Fragment,{children:[n.jsx(St,{hoverBackground:P,background:M,focusBackground:N,borderLeft:k?be:re,ref:u,children:O||c||k?$:n.jsx("td",{colSpan:x,style:{height:"var(--current-row-height)"}})}),n.jsx(on,{item:t})]})}),nn=(e,t,o)=>e?typeof e=="string"?e:e==null?void 0:e.background:t?H.cssColor("--lhds-color-blue-100"):o?we:"white",rn=(e,t,o)=>e?typeof e=="string"?e:e==null?void 0:e.hoverBackground:t?H.cssColor("--lhds-color-blue-200"):o?Ue:H.cssColor("--lhds-color-ui-200"),sn=(e,t,o)=>{if(t)return H.cssColor("--lhds-color-blue-200");if(e)return o},ln=e=>Object.values(e).some(t=>cn(t)),cn=e=>Boolean(e.renderSummaryCell||e.summaryText),an="_summaryRow_12x8k_1",dn={summaryRow:an},un=T.memo(function({columnId:t,items:o,disableBorderLeft:r,borderFromGroup:s,colSpan:l}){const c=Te(),{renderSummaryCell:a,summaryText:u,borderLeft:x,zIndex:d,width:p,minWidth:f,justifyContentCell:C}=J(t),w=Ae(s,r,x),m=c[t],b=m.sticky?d!=null?d:"var(--swui-sticky-column-z-index)":d!=null?d:1,g=m.sticky&&m.type==="last-group"&&m.isFirstColumnInLastGroup||m.sticky&&m.type==="column"&&m.right?"var(--swui-sticky-column-shadow-left)":m.sticky?"var(--swui-sticky-column-shadow-right)":void 0,y=i.useMemo(()=>u==null?void 0:u({items:o}),[o,u]),k=i.useMemo(()=>a==null?void 0:a({items:o,text:y}),[o,a,y]);return n.jsx("td",{colSpan:l,style:{borderLeft:w,position:m.sticky?"sticky":void 0,left:m.sticky?m.left:void 0,right:m.sticky?m.right:void 0,boxShadow:g,zIndex:b,height:"var(--current-row-height)"},children:n.jsx(h.Row,{width:p,minWidth:f,height:"inherit",overflow:"hidden",justifyContent:C,alignItems:"center",children:a?k:n.jsx(h.Indent,{children:n.jsx(h.Text,{variant:"bold",children:y})})})})}),hn=(e,t)=>{const o=[];for(let r=0;r<e.length;r++){const{summaryCellColSpan:s}=t[e[r]],l=Math.min(s!=null?s:1,e.length-r);o.push({columnId:e[r],colSpan:l});const c=s!=null?s:1;c>1&&(r+=c-1)}return o},xn=T.memo(function({items:t}){const o=_(),{showRowCheckbox:r,enableExpandCollapse:s,columns:l,rowIndent:c}=S();return n.jsxs("tr",{className:dn.summaryRow,children:[c&&n.jsx("td",{children:n.jsx(h.Indent,{num:c})}),s&&n.jsx("td",{}),r&&n.jsx("td",{}),o.map(({groupConfig:a,groupId:u},x)=>n.jsx(T.Fragment,{children:hn(a.columnOrder,l).map(({columnId:d,colSpan:p},f)=>n.jsx(un,{colSpan:p,columnId:d,items:t,borderFromGroup:ie(x,f,a.borderLeft),disableBorderLeft:x===0&&f===0},d))},u)),c&&n.jsx("td",{children:n.jsx(h.Indent,{num:c})}),n.jsx("td",{})]})}),pn=function({items:t}){const{columns:o}=S();return i.useMemo(()=>ln(o),[o])?n.jsx(xn,{items:t}):null},Rt=e=>t=>!(e!=null&&e(t)),Tt=T.memo(function({items:t,colIndexOffset:o=0,rowIndexOffset:r=0}){const s=i.useRef(0),l=i.useRef(!1),{keyResolver:c,disableInfiniteList:a,checkboxDisabledResolver:u}=S(),{sortOrder:{sortBy:x,desc:d}}=F(),p=mt(x),f=i.useMemo(()=>{if(!t||!t.length)return[];if(!p)return t;const w=[...t];return w.sort((m,b)=>pt(p(m),p(b))),d&&w.reverse(),a||s.current++,w},[t,p,d,a]),C=i.useMemo(()=>f.filter(Rt(u)).map(w=>c(w)),[f,u,c]);return i.useEffect(()=>{const w=b=>{b.key==="Shift"&&(l.current=!1)},m=b=>{b.key==="Shift"&&(l.current=!0)};return document.addEventListener("keyup",w),document.addEventListener("keydown",m),()=>{document.removeEventListener("keyup",w),document.removeEventListener("keydown",m)}},[]),n.jsxs(T.Fragment,{children:[f.map((w,m)=>n.jsx(It,{alwaysVisible:a||f.length<30,item:w,idListForEnabledItems:C,colIndexOffset:o,rowIndex:m+r,numRows:f.length,shiftPressedRef:l},c(w))),n.jsx(pn,{items:f})]},s.current)}),Et=T.memo(function({error:t,bannerError:o,loading:r,items:s,noItemsLabel:l="There is no data available.",noItemsContentRight:c,noItemsContentBottom:a,noItemsHeader:u,colIndexOffset:x,rowIndexOffset:d,variant:p,errorLabel:f}){var w;const C=Ee();return o?n.jsx("tbody",{children:n.jsx("tr",{children:n.jsx("td",{colSpan:C,children:n.jsx(h.Spacing,{num:4,justifyContent:"center",children:n.jsx(h.Box,{alignItems:"center",children:n.jsx(R.ResultListBanner,{bannerState:o,variant:"error"})})})})})}):t||f?n.jsx("tbody",{children:n.jsx("tr",{children:n.jsx("td",{colSpan:C,children:n.jsx(h.Spacing,{num:4,justifyContent:"center",children:n.jsx(h.Box,{alignItems:"center",children:n.jsx(R.Banner,{headerText:(w=t?t.message:f)!=null?w:"Unknown error",variant:"error"})})})})})}):r?n.jsx("tbody",{children:n.jsx("tr",{children:n.jsx("td",{colSpan:C,children:n.jsx(h.Spacing,{num:4,children:n.jsx(Ne.LoadingScreen,{})})})})}):!s||!s.length?n.jsx("tbody",{children:n.jsx("tr",{children:n.jsx("td",{colSpan:C,children:n.jsx(h.Row,{spacing:4,justifyContent:"center",children:n.jsx(R.Banner,{text:l,headerText:u,contentRight:c,variant:"info",children:a})})})})}):n.jsx("tbody",{children:n.jsx(Tt,{variant:p,items:s,colIndexOffset:x,rowIndexOffset:d})})}),Gt=e=>{const{keyResolver:t,checkboxDisabledResolver:o}=S(),{selectedIds:{selectedIds:r}}=F(),{actions:{setSelectedIds:s,clearSelection:l},dispatch:c}=Z(),a=r.length===0,u=e?e.length>0&&r.length===e.length:!1,x=i.useCallback(()=>{e&&c(a?s(e.filter(Rt(o)).map(d=>t(d))):l())},[e,a,c,s,o,t,l]);return{selectionIsEmpty:a,allItemsAreSelected:u,onClickCheckbox:x}},mn=e=>{const{keyResolver:t}=S(),{expandedRows:{selectedIds:o}}=F(),{actions:{collapseAll:r,expandByIds:s},dispatch:l}=Z(),c=e?e.length>0&&o.length===e.length:!1,a=i.useCallback(()=>{e&&l(c?r():s(e.map(u=>t(u))))},[c,r,l,e,t,s]);return{allItemsAreExpanded:c,toggleExpanded:a}},At=e=>{const{dispatch:t,actions:o}=Z(),{sortOrder:{desc:r,sortBy:s}}=F();return i.useMemo(()=>{const l=e===s;return{arrow:l?r?"up":"down":void 0,selected:l,desc:r,onClickColumnHead:()=>{t(o.sortBy(e,l?!r:!1))}}},[s,r,o,e,t])},Cn=T.memo(function({columnId:t,borderFromGroup:o,disableBorderLeft:r,stickyHeader:s,top:l}){const{justifyContentHeader:c,columnLabel:a,borderLeft:u,infoIconTooltipText:x,background:d,zIndex:p,sortOrderIconVariant:f,width:C,minWidth:w}=J(t),{disableSorting:m,sortOrderIconVariant:b}=S(),g=Te(),{arrow:y,onClickColumnHead:k}=At(t),v=typeof a=="string"?a:gt(t),A=Ae(o,r,u),j=g[t];return n.jsx("th",{style:{background:d!=null?d:"white",borderLeft:A,position:s||j.sticky?"sticky":void 0,left:j.left,right:j.right,top:l,boxShadow:j.sticky&&j.isFirstColumnInLastGroup&&s?"var(--swui-sticky-header-shadow-and-left)":j.sticky&&j.isFirstColumnInLastGroup?"var(--swui-sticky-column-shadow-left)":s&&j.sticky?"var(--swui-sticky-header-shadow-and-right)":s?"var(--swui-sticky-header-shadow)":j.sticky?"var(--swui-sticky-column-shadow-right)":void 0,zIndex:s&&j.sticky?"var(--swui-sticky-header-in-sticky-column-z-index)":s?"var(--swui-sticky-header-z-index)":j.sticky?"var(--swui-sticky-group-header-z-index)":p,width:C,minWidth:w},children:n.jsx(ce,{width:"inherit",minWidth:"inherit",arrow:!m&&v?y:void 0,onClick:m?void 0:k,label:v,infoIconTooltipText:x,alignRight:c==="flex-end",sortOrderIconVariant:f!=null?f:b})})}),fn=(e,t,o,r)=>{if(e&&t!==void 0)return`calc(${e} + ${o})`;if(r&&t)return`calc(0px + ${o})`;if(e)return e;if(r)return 0},Ot=T.memo(function({items:t,height:o=se}){const r=_(),{showHeaderCheckbox:s,showHeaderExpandCollapse:l,enableExpandCollapse:c,rowIndent:a,headerRowOffsetTop:u,zIndex:x,stickyHeader:d,stickyCheckboxColumn:p,showRowCheckbox:f}=S(),C=So(),{allItemsAreExpanded:w,toggleExpanded:m}=mn(t),{allItemsAreSelected:b,onClickCheckbox:g,selectionIsEmpty:y}=Gt(t),k=!t||t.length===0,v={zIndex:d&&p?"var(--swui-sticky-header-in-sticky-column-z-index)":p?"var(--swui-sticky-group-header-z-index)":d?"var(--swui-sticky-header-z-index)":x,top:fn(u,C,o,d),background:d||p?"white":void 0,position:d||p?"sticky":void 0,boxShadow:d&&p?"var(--swui-sticky-header-shadow-and-right)":p?"var(--swui-sticky-column-shadow-right)":d?"var(--swui-sticky-header-shadow)":void 0};return n.jsxs(St,{height:o,borderLeft:re,children:[a&&n.jsx("th",{style:v,children:n.jsx(h.Row,{indent:a})}),c&&n.jsx("th",{style:{...v,left:"0px",textAlign:"left"},children:n.jsx(h.Row,{width:"var(--swui-expand-cell-width)",minWidth:"var(--swui-expand-cell-width)",alignItems:"center",justifyContent:"center",children:l&&n.jsx(R.FlatButton,{size:"small",leftIcon:w?qe.faChevronDown:ze.faChevronRight,onClick:m})})}),(f||s)&&n.jsx("th",{style:{...v,overflow:"hidden",left:p&&c?"var(--swui-expand-cell-width)":p?"0px":void 0},children:n.jsx(h.Row,{width:"var(--swui-checkbox-cell-width)",minWidth:"var(--swui-checkbox-cell-width)",alignItems:"center",justifyContent:"center",children:s&&n.jsx(X.Checkbox,{size:"small",disabled:k,value:b,indeterminate:!y&&!b,onValueChange:g})})}),r.map(({groupConfig:A,groupId:j},O)=>n.jsx(T.Fragment,{children:A.columnOrder.map((E,M)=>n.jsx(Cn,{columnId:E,borderFromGroup:ie(O,M,A.borderLeft),disableBorderLeft:O===0&&M===0,stickyHeader:d,top:v.top},E))},j)),a&&n.jsx("th",{style:v,children:n.jsx(h.Row,{indent:a})}),n.jsx("th",{style:v})]})}),wn=()=>{const e=S(),t=_(),o=e.enableExpandCollapse||e.showRowCheckbox,r=h.booleanOrNumberToNumber(e.rowIndent);return n.jsxs(n.Fragment,{children:[r?n.jsx("colgroup",{children:n.jsx("col",{style:{width:`calc(var(--swui-metrics-indent) * ${r})`}})}):null,o&&n.jsxs("colgroup",{children:[e.enableExpandCollapse&&n.jsx("col",{style:{width:"var(--swui-expand-cell-width)"}}),e.showRowCheckbox&&n.jsx("col",{style:{width:"var(--swui-checkbox-cell-width)"}})]}),t.map(({groupConfig:s,groupId:l})=>n.jsx("colgroup",{children:s.columnOrder.map(c=>n.jsx("col",{style:{width:e.columns[c].width,minWidth:e.columns[c].minWidth}},c))},l)),r?n.jsx("colgroup",{children:n.jsx("col",{style:{width:`calc(var(--swui-metrics-indent) * ${r})`}})}):null]})},bn=function({tableContext:t,config:o,columnOrder:r,columnGroupOrder:s,tableId:l,variant:c="standard",onKeyDown:a,...u}){const x=i.useId(),{initialSortOrderDesc:d,initialSortOrder:p,enableExpandCollapse:f,stickyCheckboxColumn:C}=o,{tableContext:w}=xt(l!=null?l:x,Re(p,d)),m=t||w,{state:b,actions:g,dispatch:y}=m,k=i.useMemo(()=>({actions:g,dispatch:y}),[g,y]),v=Boolean(s!=null?s:"columnGroupOrder"in o),A="columnGroups"in o?o.columnGroups:void 0,j="columnGroupOrder"in o?o.columnGroupOrder:void 0,O="columnOrder"in o?o.columnOrder:void 0,E=i.useMemo(()=>Ge(A,j,O),[A,j,O]),M=i.useMemo(()=>Oo(o),[o]),P=i.useMemo(()=>_o(o),[o]),N=i.useMemo(()=>qo(o),[o]),B=i.useMemo(()=>{try{Mo(o);return}catch(L){return L instanceof Error?L:new Error("Unknown error")}},[o]);return B?n.jsx(Ne.ErrorScreen,{text:B.message}):n.jsx("table",{className:_e.default(He.standardTable,He[c]),style:{width:"100%",isolation:"isolate","--current-left-offset":f&&C?"calc(var(--swui-expand-cell-width) + var(--swui-checkbox-cell-width))":C?"var(--swui-checkbox-cell-width)":f?"var(--swui-expand-cell-width)":"0px"},children:n.jsx(lt.Provider,{value:N,children:n.jsx(ct.Provider,{value:P,children:n.jsx(Io.Provider,{value:c,children:n.jsx(je.Provider,{value:l!=null?l:x,children:n.jsx(ke.Provider,{value:b,children:n.jsx(Se.Provider,{value:k,children:n.jsx(Ie.Provider,{value:o,children:n.jsx(ot.Provider,{value:E,children:n.jsx(dt.Provider,{value:M,children:n.jsx(ko.Provider,{value:v,children:n.jsxs(st.Provider,{value:"columnGroupOrder"in o?s!=null?s:o.columnGroupOrder:s,children:[n.jsx(wn,{}),n.jsxs(rt.Provider,{value:a,children:[n.jsxs("thead",{children:[(s||"columnGroupOrder"in o)&&n.jsx(Ao,{height:"var(--current-row-height)"}),n.jsx(Ot,{items:u.items,height:"var(--current-row-height)"})]}),n.jsx(Et,{variant:c,...u})]})]})})})})})})})})})})})})},vn=(e,t)=>({...t,itemValueResolver:e}),gn=()=>({label:e,gridCell:{editorValue:t,isEditing:o,setEditorValue:r,stopEditingAndRevert:s,lastKeyEvent:l,stopEditing:c,stopEditingAndMove:a}})=>o?n.jsx(X.TextInput,{onValueChange:r,value:t,onDone:c,onEsc:s,autoFocus:!0,selectAllOnMount:!l,onMove:a}):n.jsx(h.Indent,{children:n.jsx(h.Text,{color:"var(--swui-primary-action-color)",children:e})}),yn=(e,t,o)=>({label:r,item:s,gridCell:{editorValue:l,isEditing:c,setEditorValue:a,stopEditingAndRevert:u,lastKeyEvent:x,stopEditing:d,stopEditingAndMove:p},isEditable:f})=>{const C=typeof e=="function"?e(s):e,w=t?t(s):void 0,m=o?o(s):void 0;return f&&c?n.jsx(X.TextInput,{onValueChange:a,value:l,onDone:d,onEsc:u,autoFocus:!0,selectAllOnMount:!x,onMove:p}):n.jsx(h.Indent,{row:!0,alignItems:"center",children:n.jsx(Ke,{value:r,modifiedField:m,crudStatus:w,isEditable:f,warningOnEmpty:C})})};exports.CrudStatusIndicator=fe;exports.EditableTextCellWithCrudAndModified=yo;exports.GridHooksContext=Ce;exports.GridHooksTable=Zt;exports.ModifiedField=Ke;exports.SmallTableCell=Jt;exports.SmallTableHead=Yt;exports.StandardTable=bn;exports.StandardTableActionsContext=Se;exports.StandardTableCell=kt;exports.StandardTableCellUi=yt;exports.StandardTableConfigContext=Ie;exports.StandardTableContent=Et;exports.StandardTableHeadRow=Ot;exports.StandardTableRow=It;exports.StandardTableRowCheckbox=Ct;exports.StandardTableRowList=Tt;exports.StandardTableStateContext=ke;exports.StandardTableTableIdContext=je;exports.TableCell=$e;exports.TableColumnGroupHead=Qt;exports.TableHeadItem=ce;exports.TableHeadRow=eo;exports.TableRow=no;exports.TextCell=jt;exports.createColumnConfig=vn;exports.createEditableTextCellWithStatus=yn;exports.createGroupConfigAndIdsForRows=Ge;exports.createInternalStandardTableActions=et;exports.createStandardEditableTextCell=gn;exports.createStandardTableActions=ht;exports.createStandardTableInitialState=Re;exports.createStandardTableReducer=tt;exports.defaultTableHeadRowHeight=le;exports.defaultTableRowHeight=se;exports.focusOnCell=ye;exports.formatColumnIdToHeaderCellLabel=gt;exports.formatValueLabel=vt;exports.hasIndicatorContent=ne;exports.multitypeComparator=pt;exports.smallTableRowWidth=ve;exports.tableBackgroundColorExpanded=we;exports.tableBackgroundHoverColorExpanded=Ue;exports.tableBorder=U;exports.tableBorderColor=Ve;exports.tableBorderColorExpanded=We;exports.tableBorderHidden=Ze;exports.tableBorderLeft=re;exports.tableBorderLeftExpanded=be;exports.useCellBackgroundByColumnConfig=me;exports.useCellBackgroundByColumnId=bt;exports.useColumnConfigById=J;exports.useColumnValueResolver=mt;exports.useEditableCell=Xe;exports.useFirstColumnConfig=at;exports.useGridCell=Y;exports.useGridNavigation=Ye;exports.useGridNavigationOptionsFromContext=ge;exports.useLastColumnConfig=it;exports.useLocalStateTableContext=xt;exports.useRevertableValue=Je;exports.useRowCheckbox=ft;exports.useStandardTableActions=Z;exports.useStandardTableConfig=S;exports.useStandardTableId=ae;exports.useStandardTableState=F;exports.useTableHeadCheckbox=Gt;exports.useTableSortHeader=At;
|
|
12
12
|
//# sourceMappingURL=index.js.map
|