@daisforge/ui 1.10.3

package/components/TableContract/features/editing.d.ts

@@ -0,0 +1,42 @@
+import { ContractTableConfig, FetcherFunc, InstanceColumnConfig, InstanceTableConfig, ObjectAny, TableContractControlBlockButtonProps } from '../types';
+import { ErrorInstance } from '../api';
+import { FeatureItem } from '../../Table/widgets/control-block/types';
+import { RowInstrumentsType } from '../../Table/feature-row-instruments/types';
+
+export declare const DELETE_MODAL_CONTENT: {
+    header: string;
+    body: string;
+    mainButton: {
+        view: "negative";
+        text: string;
+    };
+    secondaryButton: {
+        view: "secondary";
+        text: string;
+    };
+};
+declare const defaultModalDeleteState: {
+    opened: boolean;
+    mainButtonOnClick: () => void;
+    secondaryButtonOnClick: () => void;
+};
+export type RowInstrProps = Parameters<RowInstrumentsType<ObjectAny>>[0];
+export type RowInstrItem = ReturnType<RowInstrumentsType<ObjectAny>>['items'][number];
+export type GetDeleteOneRowRowInstrItem = (props: RowInstrProps) => RowInstrItem;
+type EditingReturnType = {
+    editing: Pick<InstanceTableConfig, 'editing'> | null;
+    saveButton: TableContractControlBlockButtonProps | null;
+    createOneRowButton?: FeatureItem;
+    getDeleteOneRowRowInstrument?: GetDeleteOneRowRowInstrItem;
+    modalDeletePropsState?: typeof defaultModalDeleteState;
+};
+export declare function useEditing({ tableConfigBackendSubRows, tableConfigBackendEditing, tableConfigColumnsConfig, setRowsState, fetcher, onRowMutationError }: {
+    rowsFromBackend: ObjectAny[];
+    tableConfigBackendSubRows: ContractTableConfig['subRows'] | undefined;
+    tableConfigBackendEditing: ContractTableConfig['editing'] | undefined;
+    tableConfigColumnsConfig: InstanceColumnConfig[] | undefined;
+    setRowsState: React.Dispatch<React.SetStateAction<ObjectAny[]>>;
+    fetcher: FetcherFunc;
+    onRowMutationError: ((error: ErrorInstance) => void) | undefined;
+}): EditingReturnType;
+export {};

package/components/TableContract/features/filtering.d.ts

@@ -0,0 +1,9 @@
+import { ContractTableConfig } from '../types.contractResponse';
+import { InstanceColumnConfig, InstanceTableConfig, UrlAction } from '../types';
+import { default as React } from 'react';
+
+export declare const useFiltering: ({ tableConfigBackendFiltering, dispatchParams, columnsConfig }: {
+    tableConfigBackendFiltering: ContractTableConfig['filtering'] | undefined;
+    dispatchParams: React.Dispatch<UrlAction>;
+    columnsConfig: InstanceColumnConfig[] | undefined;
+}) => Pick<InstanceTableConfig, 'filtering'> | null;

package/components/TableContract/features/pagination.d.ts

@@ -0,0 +1,7 @@
+import { ContractTableConfig, InstanceTableConfig, UrlAction } from '../types';
+
+export declare function usePagination({ tableConfigBackendPagination, params, dispatchParams }: {
+    tableConfigBackendPagination: ContractTableConfig['pagination'] | undefined;
+    params: URLSearchParams;
+    dispatchParams: React.Dispatch<UrlAction>;
+}): Pick<InstanceTableConfig, 'pagination'> | null;

package/components/TableContract/features/searching.d.ts

@@ -0,0 +1,6 @@
+import { ContractTableConfig, InstanceTableConfig, UrlAction } from '../types';
+
+export declare function useSearching({ tableConfigBackendSearching, dispatchParams }: {
+    tableConfigBackendSearching: ContractTableConfig['searching'] | undefined;
+    dispatchParams: React.Dispatch<UrlAction>;
+}): Pick<InstanceTableConfig, 'searching'> | null;

package/components/TableContract/features/sorting.d.ts

@@ -0,0 +1,16 @@
+import { ContractTableConfig, UrlAction } from '../types';
+import { SortColumn } from '../../Table';
+
+export declare const SORT_PARAM = "sortKey";
+export declare const SORT_PARAM_ORDER = "sortOrder";
+export declare function sortFromParam(sortUrlParam: string | null, sortOrder: string | null): SortColumn | null;
+export declare function useSorting({ params, dispatchParams, tableConfigBackendSorting }: {
+    params: URLSearchParams;
+    dispatchParams: React.Dispatch<UrlAction>;
+    tableConfigBackendSorting: ContractTableConfig['sorting'];
+}): {
+    sorting: {
+        state: [readonly SortColumn[], import('react').Dispatch<import('react').SetStateAction<readonly SortColumn[]>>];
+        manualSorting: boolean;
+    };
+} | null;

package/components/TableContract/features/subRows.d.ts

@@ -0,0 +1,5 @@
+import { ContractTableConfig, InstanceTableConfig } from '../types';
+
+type SubRowConfigProp = Pick<InstanceTableConfig, 'subRows'> | null;
+export declare function useSubRowsConfig(tableConfigSubRows: ContractTableConfig['subRows']): SubRowConfigProp;
+export {};

package/components/TableContract/index.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("@salutejs/sdds-finai"),d=require("../../chunks/vendor-D8Dozc4m.cjs"),Ee=require("../ModalDFConfirmation/index.cjs"),v=require("../../chunks/Table-CNzEc_EO.cjs"),m=require("react"),De=require("swr"),Te=require("@salutejs/plasma-icons"),Oe=require("swr/mutation"),U=require("../../constants/index.cjs"),le=require("@salutejs/sdds-themes/tokens/sdds_finai"),Ce=require("styled-components"),je=require("../../chunks/utils-DN3rU1Iu.cjs"),Ie=require("../../layouts/ErrorPage/index.cjs"),H=async(o,t)=>{const r=await o(t);if(!r.ok){const s=new Error,n=await r.json();throw s.status=r.status,s.info=n,s.message=`An error occurred while fetching the data.
+
+    ${JSON.stringify(n,void 0,2)}`,s}return r.json()},fe=class fe{};fe.get=async(t,r)=>H(r,t);let te=fe;const J=class J{};J.createOne=(t,r)=>H(r,{method:"POST",body:JSON.stringify(t)}),J.deleteOne=(t,r)=>H(r,{method:"POST",body:JSON.stringify(t),pathParams:"delete"}),J.updateOne=(t,r)=>H(r,{method:"PUT",body:JSON.stringify(t)});let L=J;const z={sort:"sort",page:"page",pageSize:"pageSize",q:"q"},Ne={height:"500px"},Re=[{ansiSqlType:"Real",semanticType:"FLOAT",jsType:"number"},{ansiSqlType:"Integer/Int/Int4",semanticType:"INTEGER",jsType:"number"},{ansiSqlType:"Numeric/decimal",semanticType:"DECIMAL",jsType:"number"},{ansiSqlType:"Text",semanticType:"STRING",jsType:"string"},{ansiSqlType:"Date",semanticType:"DATE",jsType:"Date"},{ansiSqlType:"Time",semanticType:"TIME",jsType:"Date"},{ansiSqlType:"Timestamp without timezone",semanticType:"DATETIME",jsType:"Date"},{ansiSqlType:"Timestamp with timezone",semanticType:"TIMESTAMP",jsType:"Date"},{ansiSqlType:"Boolean",semanticType:"BOOLEAN",jsType:"boolean"}],me=(o,t)=>{const r=o==null?void 0:o[t.shift()];return!r||!t.length?r:me(r,t)},$=o=>t=>o.split(",").reduce((n,i)=>{const c=me(t,i.split("."))??"";return n+c},""),X="AddRowsIconButtonWithPopover",j={container:`${X}_container`,bottomBlock:`${X}_bottomBlock`,title:`${X}_title`,description:`${X}_description`,arrowSelector:`${X}_popover-arrow:before`},K={spaceX6:()=>U.s.x6,spaceX8:()=>U.s.x8,spaceX4:()=>U.s.x4,spaceX2:()=>U.s.x2},Ve=Ce(V.Popover).withConfig({displayName:"AddRowsIconButtonWithPopover__PopoverStyled"})(["& .",",& .","{background-color:",";}.","{padding:"," 14px;border-radius:",";.","{margin-bottom:",";}.","{color:",";}.","{margin-top:",";display:flex;gap:",";}}"],j.arrowSelector,j.container,()=>le.surfaceSolidCard,j.container,K.spaceX6,K.spaceX8,j.title,K.spaceX2,j.description,()=>le.textSecondary,j.bottomBlock,K.spaceX6,K.spaceX4),Be=({onSubmit:o})=>{const[t,r]=m.useState(!1),[s,n]=m.useState(1);return d.jsxDevRuntimeExports.jsxDEV(Ve,{opened:t,usePortal:!0,onToggle:i=>r(i),role:"presentation",target:d.jsxDevRuntimeExports.jsxDEV(V.IconButton,{size:"xs",view:"clear",children:d.jsxDevRuntimeExports.jsxDEV(Te.IconTableRowAdd,{color:"inherit"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/ui/AddRowsIconButtonWithPopover.tsx",lineNumber:65,columnNumber:11},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/ui/AddRowsIconButtonWithPopover.tsx",lineNumber:64,columnNumber:7},void 0),placement:"bottom",offset:[0,8],trigger:"click",hasArrow:!0,closeOnOverlayClick:!0,closeOnEsc:!0,isFocusTrapped:!0,children:d.jsxDevRuntimeExports.jsxDEV("div",{className:j.container,children:[d.jsxDevRuntimeExports.jsxDEV(V.BodyM,{bold:!0,className:j.title,children:"Добавить строки"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/ui/AddRowsIconButtonWithPopover.tsx",lineNumber:77,columnNumber:9},void 0),d.jsxDevRuntimeExports.jsxDEV(V.BodyS,{className:j.description,children:"Введите необходимое количество"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/ui/AddRowsIconButtonWithPopover.tsx",lineNumber:80,columnNumber:9},void 0),d.jsxDevRuntimeExports.jsxDEV("div",{className:j.bottomBlock,children:[d.jsxDevRuntimeExports.jsxDEV(V.NumberInput,{view:"secondary",size:"s",value:s,min:0,onChange:(i,c)=>{c!==void 0&&n(+c)},width:140},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/ui/AddRowsIconButtonWithPopover.tsx",lineNumber:84,columnNumber:11},void 0),d.jsxDevRuntimeExports.jsxDEV(V.Button,{size:"s",view:"accent",onClick:()=>{o(s),r(!1)},children:"Добавить"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/ui/AddRowsIconButtonWithPopover.tsx",lineNumber:96,columnNumber:11},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/ui/AddRowsIconButtonWithPopover.tsx",lineNumber:83,columnNumber:9},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/ui/AddRowsIconButtonWithPopover.tsx",lineNumber:76,columnNumber:7},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/ui/AddRowsIconButtonWithPopover.tsx",lineNumber:58,columnNumber:5},void 0)},ie={header:"Удалить строку?",body:"Если удалить строку, восстановить ее и продолжить с ней работу будет невозможно.",mainButton:{view:"negative",text:"Удалить"},secondaryButton:{view:"secondary",text:"Отменить"}},se={opened:!1,mainButtonOnClick:()=>{},secondaryButtonOnClick:()=>{}},P="NEW_ROW_KEY_XXXXXXXXX",Se=o=>!!(o!=null&&o[P]),ee=o=>{const t=v.deleteSkeletonFromRow(o);return delete t[P],t};function Ae({tableConfigBackendSubRows:o,tableConfigBackendEditing:t,tableConfigColumnsConfig:r,setRowsState:s,fetcher:n,onRowMutationError:i}){const{rowUniqIdKey:c,rowEditable:e,defaultEnabled:u,showToggleEnabledButton:l,saving:a}=t??{},f=(a==null?void 0:a.type)??"onRowChange",S=!!t,h=!!(t!=null&&t.defaultEnabled),[x,I]=m.useState([]),[R,_]=m.useState(!!(t!=null&&t.defaultEnabled)),[T,B]=m.useState(se),N=m.useCallback((p,y)=>{const w=k=>typeof y=="function"?y(k):y;s(k=>{const b=k.findIndex(p);if(b===-1)return k;const g=[...k],E=g[b],F=w(E);return g[b]=F,g})},[s]);m.useEffect(()=>{_(h)},[h]);const G=o==null?void 0:o.subRowsKey,M=JSON.stringify(e),q=m.useMemo(()=>{if(!S||!c)return null;const p=$(c);return{editing:{rowKeyGetter:p,...M&&{rowEditable(y){const w=JSON.parse(M);return $(w.keyInRow)(y)===w.editableValue}},async onRowsChange(y,w){if(f==="onRowChange"){const k=w.rows[0],b=w.indexes[0];if(!k||b===void 0||b===-1)return;const g=k.after,E=k.before;if(Se(g)){const D=r==null?void 0:r.every(C=>(g==null?void 0:g[C.key])!==void 0),O=C=>(C==null?void 0:C[P])===(g==null?void 0:g[P]);if(!D){N(O,g);return}try{N(O,W=>v.addSkeletonToRow(W));const C=await L.createOne(ee(g),n);N(O,ee(C))}catch(C){N(O,W=>v.deleteSkeletonFromRow(W)),i==null||i(C)}return}const F=D=>p(D)===p(E);try{N(F,C=>v.addSkeletonToRow(C));const D={before:ee(E),after:ee(g)},O=await L.updateOne(D,n);N(F,v.deleteSkeletonFromRow(O.after))}catch(D){N(F,O=>v.deleteSkeletonFromRow(O)),i==null||i(D)}}},...G&&{subRowsKey:G},defaultEnabled:u,showToggleEnabledButton:l,async onToggleEnableEditing(y){y||s(w=>w.filter(k=>!k[P])),_(y)}}}},[u,S,n,i,M,c,f,s,l,G,r,N]),{isMutating:Y,trigger:Q}=Oe("saving",async()=>n({method:"PUT",body:JSON.stringify(x)}),{onError(p,y,w){},onSuccess(p,y,w){}}),Z=R&&f==="onSubmit"?{text:"Сохранить",isLoading:Y,disabled:x.length===0,onClick:()=>{Q()}}:null;return{editing:q,saveButton:Z,...R&&{createOneRowButton:{value:"createOneRow",CustomIconRender:()=>d.jsxDevRuntimeExports.jsxDEV(Be,{onSubmit:p=>{if(p>0){const y=Array.from({length:p},(w,k)=>({[P]:crypto.randomUUID()}));s(w=>[...y,...w])}}},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/features/editing.tsx",lineNumber:288,columnNumber:5},this)},getDeleteOneRowRowInstrument:({row:p})=>({value:"delete",label:"Удалить строку",contentLeft:d.jsxDevRuntimeExports.jsxDEV(Te.IconTrashOutline,{size:"xs",color:"inherit"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/features/editing.tsx",lineNumber:308,columnNumber:18},this),async onItemSelect(){var k;const y=(k=q==null?void 0:q.editing)==null?void 0:k.rowKeyGetter;if(!y)return;const w=async()=>{if(Se(p)){s(g=>g.filter(E=>E[P]!==p[P]));return}const b=g=>y(g)===y(p);try{N(b,v.addSkeletonToRow(p)),await L.deleteOne(p,n),s(g=>g.filter(E=>!b(E)))}catch(g){N(b,v.deleteSkeletonFromRow(p)),i==null||i(g)}};B({opened:!0,mainButtonOnClick:()=>{w(),B(se)},secondaryButtonOnClick:()=>{B(se)}})}})},modalDeletePropsState:T}}const ae=o=>Object.fromEntries(o.map(t=>[t.key,""])),Pe=({tableConfigBackendFiltering:o,dispatchParams:t,columnsConfig:r})=>{const s=!!o,n=r??[],[i,c]=m.useState(ae(n));m.useEffect(()=>{c(ae(n))},[n.length]);const e=m.useMemo(()=>ae(n),[n.length]),u=je.useDebouncedValue(i,1e3);return m.useEffect(()=>{t(["filters",u])},[u,t]),m.useMemo(()=>!s||!(Object.keys(e).length===Object.keys(i).length)?null:{filtering:{state:[i,c],manualFiltering:!0,clearedValue:e}},[e,i,s])};function xe(o){const t=Number(o);return typeof o!="number"&&t===0||Number.isNaN(t)?null:t}function _e({tableConfigBackendPagination:o,params:t,dispatchParams:r}){const{defaultPage:s,defaultPageSize:n,total:i,pageSizeList:c}=o??{};return m.useMemo(()=>{if(!s||!n||!i)return null;const e=xe(t.get(z.page))??s,u=xe(t.get(z.pageSize))??n;return{pagination:{count:i,value:e,perPage:u,...c&&{perPageList:c},onChange:(l,a,f)=>{if(typeof l!="number")return;const S=e!==l,h=!!u&&!!a&&+u!==a,x={};if(S&&(x.page=l,x.pageSize=a),h){x.pageSize=a;const I=i?Math.ceil(i/a):0;if(+e>I){const R=I;x.page=R}}Object.keys(x).length&&(r(["pagination",x]),f())}}}},[s,n,r,i,t])}const Fe={debounceDelay:1e3};function qe({tableConfigBackendSearching:o,dispatchParams:t}){const{enabled:r,type:s,defaultSearchQuery:n,showSearchBlock:i,debounceDelay:c,isDebounceActive:e,searchClasses:u,placeholder:l}=o??{};return m.useMemo(()=>{if(!r)return null;const a={defaultSearchQuery:n,showSearchBlock:i,debounceDelay:c,isDebounceActive:e,searchClasses:u,placeholder:l};return s==="frontend"?{searching:{enabled:!0,manualSearching:!1,...a}}:{searching:{enabled:!0,manualSearching:!0,onDebouncedChange(f){t(["q",f])},...a,debounceDelay:a.debounceDelay??Fe.debounceDelay}}},[r,n,i,c,e,u,l,s,t])}const ne="sortKey",de="sortOrder";function We(o,t){return o?{columnKey:o,direction:t?t.toUpperCase():"ASC"}:null}function Le({params:o,dispatchParams:t,tableConfigBackendSorting:r}){const s=!!r,n=(r==null?void 0:r.type)==="backend",i=o.get(ne),c=o.get(de),e=m.useState([]),u=m.useMemo(()=>{const a=We(i,c),f=a?[a]:[];return[f,S=>{let h=f;typeof S=="function"?h=S(f):h=S,t([ne,h])}]},[t,i,c]),l=s&&(n?u:e);return l?{sorting:{state:l,manualSorting:n}}:null}function ze(o){const{subRowsKey:t,rowUniqIdKey:r}=o??{},s=!!o;return m.useMemo(()=>!s||t===void 0||r===void 0?null:{subRows:{getSubRows(n){let i=[t];t.includes(".")&&(i=t.split("."));const c=me(n,i);return Array.isArray(c)?c:void 0},rowKeyGetter:$(r)}},[s,r,t])}function Ge(o,t){const[r,s]=t;switch(r){case"sortKey":{const n=new URLSearchParams(o),[i]=s;return i?(n.set(ne,i.columnKey),n.set(de,i.direction.toLowerCase())):(n.delete(ne),n.delete(de)),n}case"pagination":{const n=new URLSearchParams(o);return Object.entries(s).forEach(([i,c])=>{c&&n.set(i,c.toString())}),n}case"q":{const n=new URLSearchParams(o);return n.set(z.q,s),n}case"filters":{const n=new URLSearchParams(o);return Object.entries(s).forEach(([c,e])=>{if(!((e==null?void 0:e.trim())??"")){n.delete(c);return}n.set(c,e)}),o.get(z.page)&&n.set(z.page,"1"),n}default:return o}}const Me={true:!0,false:!1},Xe=[{value:"true",label:"true"},{value:"false",label:"false"}];function Ke({row:o,column:t,onRowChange:r}){const s=v.useRowContext(),n=o[t.key],i=n===void 0?n:n.toString(),c=m.useRef(null),e=v.useRefTableGlobalContainerContext();return m.useEffect(()=>{setTimeout(()=>{var u,l;(l=(u=c.current)==null?void 0:u.click)==null||l.call(u)},0)},[]),d.jsxDevRuntimeExports.jsxDEV(V.Select,{ref:c,portal:e,listWidth:"200px",value:i,size:v.SIZES[s.rowSize].input,onChange:u=>{typeof u=="string"&&r({...o,[t.key]:Me[u]},!0)},items:Xe},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/ui/selectBooleanEditor.tsx",lineNumber:60,columnNumber:5},this)}const Ue={Boolean:{component:o=>d.jsxDevRuntimeExports.jsxDEV(Ke,{...o},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/responseMapper.tsx",lineNumber:19,columnNumber:5},void 0)},Text:{component:"inputString"},"Integer/Int/Int4":{component:"inputNumber"},"Numeric/decimal":{component:"inputNumber"},Real:{component:"inputNumber"},Date:{component:"inputString"},Time:{component:"inputString"},"Timestamp with timezone":{component:"inputString"},"Timestamp without timezone":{component:"inputString"}},ce=(o,t)=>{if(!o)return t?{...Ue[t],error:{value:()=>!1},editable:!0}:void 0;const{error:r,editable:s,...n}=o,i=r?{value:u=>$(r.value.keyInRow)(u)===r.value.errorValue}:void 0,c=s?u=>s?$(s.keyInRow)(u)===s.editableValue:!1:void 0;return{...i&&{error:i},...c&&{editable:c},...n}},He=(o,t)=>o.map(r=>{const{columnType:s}=r,n=[];t!=null&&t.filtering&&n.push(["filtering",{component:"input",filter:"includes",keyInFilterState:r.key}]);const i=Object.entries(r).map(e=>{const u=e[0];switch(u){case"subRow":{let l=null;const a=e[1];if(!a)return[u,a];const{contentFormat:f,keyOfColumnInSubRow:S,editingCell:h,...x}=a,I=h?ce(h,s):void 0;return l={...x,...f&&{contentFormat:f},...I&&{editingCell:I},...S&&{keyOfColumnInSubRow:R=>{var T,B;return typeof a.keyOfColumnInSubRow=="string"||typeof a.keyOfColumnInSubRow=="number"?a.keyOfColumnInSubRow:((T=a.keyOfColumnInSubRow)==null?void 0:T[R])??((B=a.keyOfColumnInSubRow)==null?void 0:B.default)??""}}},[u,l]}case"searching":{const l=e[1];return l?[u,{valueInRow(f){return f==null?void 0:f[l.keyInRow]}}]:[u,l]}case"summaryCell":{const l="renderSummaryCell",a=e[1];return!a||!a.key&&!a.text?[l,void 0]:[l,({row:S})=>a.text!==void 0?a.text:a.key?S[a.key]:null]}case"columnType":{const l=e[1],a=[u,l];if(!l)return a;const f=r.editingCell;if(!!f)return a;const h="editingCell",x=ce(f,s);return n.push([h,x]),a}case"editingCell":{const l=e[1],a=ce(l,s);return[u,a]}default:return e}});return Object.fromEntries([...n,...i])}),Je=o=>{const{data:{main:t,topSummary:r,bottomSummary:s},meta:{tableConfig:n,columns:i}}=o,c=He(i,n);return{rows:t,columnsConfig:c,tableConfigBackend:n,topSummaryRows:r,bottomSummaryRows:s}},ve=Ce.div.withConfig({displayName:"TableOtherView__StyledDiv"})(["&{border:1px solid ",";border-radius:","px;background-color:",";height:",";display:flex;justify-content:center;align-items:center;flex-direction:column;& .spinner{margin-bottom:",";}}"],()=>v.COLORS.border,()=>v.TABLE_BORDER_RADIUS,()=>v.COLORS.white,()=>Ne.height,()=>U.s.x6),ue=({view:o,...t})=>o==="loading"?d.jsxDevRuntimeExports.jsxDEV(ve,{...t,children:[d.jsxDevRuntimeExports.jsxDEV(V.Spinner,{view:"default",className:"spinner",size:"xl"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableOtherView.tsx",lineNumber:37,columnNumber:9},void 0),d.jsxDevRuntimeExports.jsxDEV(V.H3,{color:le.textPrimary,children:"Загрузка таблицы"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableOtherView.tsx",lineNumber:38,columnNumber:9},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableOtherView.tsx",lineNumber:36,columnNumber:7},void 0):d.jsxDevRuntimeExports.jsxDEV(ve,{...t,children:d.jsxDevRuntimeExports.jsxDEV(Ie.ErrorPage,{unknownStatus:{title:"Похоже, таблица не загружается",description:"Попробуйте обновить страницу или зайдите позже"}},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableOtherView.tsx",lineNumber:44,columnNumber:7},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableOtherView.tsx",lineNumber:43,columnNumber:5},void 0),$e=({fetcher:o,stylesBeforeLoad:t,onRowMutationError:r})=>{var C,W,ge,be,pe,ye,we,ke,he;const s=m.useId(),[n,i]=m.useReducer(Ge,void 0,()=>new URLSearchParams),c=n.toString(),{data:e,isValidating:u,isLoading:l,error:a}=De(()=>s+c,async()=>{const A=await te.get({params:c},o);return Je(A)},{keepPreviousData:!0,staleTime:3e3,revalidateOnFocus:!1}),[f,S]=m.useState(()=>{var A;return(A=e==null?void 0:e.tableConfigBackend)!=null&&A.editing?e!=null&&e.rows?e.rows:[]:[]}),h=!!((C=e==null?void 0:e.tableConfigBackend)!=null&&C.editing);m.useEffect(()=>{h&&e!=null&&e.rows&&e!=null&&e.rows&&S(e.rows)},[e==null?void 0:e.rows,h]);const{editing:x,saveButton:I,createOneRowButton:R,getDeleteOneRowRowInstrument:_,modalDeletePropsState:T}=Ae({tableConfigBackendSubRows:(W=e==null?void 0:e.tableConfigBackend)==null?void 0:W.subRows,tableConfigBackendEditing:(ge=e==null?void 0:e.tableConfigBackend)==null?void 0:ge.editing,tableConfigColumnsConfig:e==null?void 0:e.columnsConfig,setRowsState:S,rowsFromBackend:(e==null?void 0:e.rows)??[],fetcher:o,onRowMutationError:r}),B=qe({tableConfigBackendSearching:(be=e==null?void 0:e.tableConfigBackend)==null?void 0:be.searching,dispatchParams:i}),N=Pe({tableConfigBackendFiltering:(pe=e==null?void 0:e.tableConfigBackend)==null?void 0:pe.filtering,dispatchParams:i,columnsConfig:e==null?void 0:e.columnsConfig}),G=_e({tableConfigBackendPagination:(ye=e==null?void 0:e.tableConfigBackend)==null?void 0:ye.pagination,params:n,dispatchParams:i}),M=Le({tableConfigBackendSorting:(we=e==null?void 0:e.tableConfigBackend)==null?void 0:we.sorting,params:n,dispatchParams:i}),q=ze((ke=e==null?void 0:e.tableConfigBackend)==null?void 0:ke.subRows),Y=m.useMemo(()=>_?{getRowDropdownConfig:A=>({items:[_(A)],dropdownProps:{useItemContentAsButtonContent:!0}}),showInControl:!1,openedState:[!0,()=>{}]}:null,[_]);if(!(e!=null&&e.rows)&&l)return d.jsxDevRuntimeExports.jsxDEV(ue,{view:"loading",style:t},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableContract.tsx",lineNumber:161,columnNumber:12},void 0);const Q=(he=e==null?void 0:e.tableConfigBackend)==null?void 0:he.containerStyle;if(!(e!=null&&e.rows)||a)return d.jsxDevRuntimeExports.jsxDEV(ue,{view:"error",style:{...t,...Q}},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableContract.tsx",lineNumber:167,columnNumber:7},void 0);if(!(e!=null&&e.rows))return d.jsxDevRuntimeExports.jsxDEV(ue,{view:"error",style:{...t,...Q}},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableContract.tsx",lineNumber:175,columnNumber:7},void 0);const Z=[...I?[I]:[]],oe=[...R?[R]:[]],re=oe.length>0,p=Z.length>0,y=p||re,{rows:w,columnsConfig:k,tableConfigBackend:b,topSummaryRows:g,bottomSummaryRows:E}=e,F={containerStyle:{...b==null?void 0:b.containerStyle,height:(b==null?void 0:b.height)??Ne.height}},D={...q,...M,...G,...B,...x,...N,...F},O=b?Object.fromEntries(Object.entries(b).filter(([A])=>!D[A])):{};return d.jsxDevRuntimeExports.jsxDEV(d.jsxDevRuntimeExports.Fragment,{children:[d.jsxDevRuntimeExports.jsxDEV(v.Table,{tableConfig:{isLoading:{boolean:u,skeletonRowsCount:w.length??10},...y&&{controlBlock:{enableAdaptiveCompress:!1,...p&&{rightSideInner:Z},...re&&{customFeatures:oe}}},...Y&&{rowInstruments:Y},...O,...D},columnConfig:k,rows:x?f:w,topSummaryRows:g,bottomSummaryRows:E},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableContract.tsx",lineNumber:233,columnNumber:7},void 0),d.jsxDevRuntimeExports.jsxDEV(Ee.ModalDFConfirmation,{opened:T==null?void 0:T.opened,content:{...ie,mainButton:{...ie.mainButton,onClick:T==null?void 0:T.mainButtonOnClick},secondaryButton:{...ie.secondaryButton,onClick:T==null?void 0:T.secondaryButtonOnClick}}},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableContract.tsx",lineNumber:262,columnNumber:7},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableContract/TableContract.tsx",lineNumber:232,columnNumber:5},void 0)};exports.DATA_TYPES=Re;exports.DataViewApi=te;exports.EditingApi=L;exports.Q_PARAMS=z;exports.TableContract=$e;exports.fetcherWrapper=H;

package/components/TableContract/index.d.ts

@@ -0,0 +1,4 @@
+export * from './api';
+export { DATA_TYPES, Q_PARAMS } from './constants';
+export { TableContract } from './TableContract';
+export type * from './types';