@alphakits/ui 1.31.5 → 2.0.1

package/dist/table/languages/index.js

@@ -1 +1,42 @@
-function e(e){var r={en:{create:"Create",export:"Export",emptyList:"Nothing found",error:"Error",resultsFromTo:"Showing results",from:"from",to:"to",totalCount:"Total",resultsOnPage:"Results per page"},ru:{create:"Создать",export:"Экспорт",emptyList:"Ничего не найдено",error:"Ошибка",resultsFromTo:"Показаны результаты",from:"от",to:"до",totalCount:"Всего",resultsOnPage:"Результатов на странице"},de:{create:"Erstellen",export:"Exportieren",emptyList:"Nichts gefunden",error:"Fehler",resultsFromTo:"Ergebnisse angezeigt",from:"von",to:"bis",totalCount:"Insgesamt",resultsOnPage:"Ergebnisse pro Seite"}};return function(t){return r[e][t]||t}}export{e as translate};
+function o(t) {
+  const r = {
+    en: {
+      create: "Create",
+      export: "Export",
+      emptyList: "Nothing found",
+      error: "Error",
+      resultsFromTo: "Showing results",
+      from: "from",
+      to: "to",
+      totalCount: "Total",
+      resultsOnPage: "Results per page"
+    },
+    ru: {
+      create: "Создать",
+      export: "Экспорт",
+      emptyList: "Ничего не найдено",
+      error: "Ошибка",
+      resultsFromTo: "Показаны результаты",
+      from: "от",
+      to: "до",
+      totalCount: "Всего",
+      resultsOnPage: "Результатов на странице"
+    },
+    de: {
+      create: "Erstellen",
+      export: "Exportieren",
+      emptyList: "Nichts gefunden",
+      error: "Fehler",
+      resultsFromTo: "Ergebnisse angezeigt",
+      from: "von",
+      to: "bis",
+      totalCount: "Insgesamt",
+      resultsOnPage: "Ergebnisse pro Seite"
+    }
+  };
+  return (e) => r[t][e] || e;
+}
+export {
+  o as translate
+};
+//# sourceMappingURL=index.js.map

package/dist/table/languages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/table/languages/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function translate(language: 'de' | 'ru' | 'en') {\n    const words: any = {\n        en: {\n            create: 'Create',\n            export: 'Export',\n            emptyList: 'Nothing found',\n            error: 'Error',\n            resultsFromTo: 'Showing results',\n            from: 'from',\n            to: 'to',\n            totalCount: 'Total',\n            resultsOnPage: 'Results per page',\n        },\n\n        ru: {\n            create: 'Создать',\n            export: 'Экспорт',\n            emptyList: 'Ничего не найдено',\n            error: 'Ошибка',\n            resultsFromTo: 'Показаны результаты',\n            from: 'от',\n            to: 'до',\n            totalCount: 'Всего',\n            resultsOnPage: 'Результатов на странице',\n        },\n\n        de: {\n            create: 'Erstellen',\n            export: 'Exportieren',\n            emptyList: 'Nichts gefunden',\n            error: 'Fehler',\n            resultsFromTo: 'Ergebnisse angezeigt',\n            from: 'von',\n            to: 'bis',\n            totalCount: 'Insgesamt',\n            resultsOnPage: 'Ergebnisse pro Seite',\n        },\n    };\n\n    return (word: string) => words[language][word] || word;\n}\n"],"names":["translate","language","words","word"],"mappings":"AACO,SAASA,EAAUC,GAA8B;AACpD,QAAMC,IAAa;AAAA,IACf,IAAI;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,YAAY;AAAA,MACZ,eAAe;AAAA,IAAA;AAAA,IAGnB,IAAI;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,YAAY;AAAA,MACZ,eAAe;AAAA,IAAA;AAAA,IAGnB,IAAI;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,YAAY;AAAA,MACZ,eAAe;AAAA,IAAA;AAAA,EACnB;AAGJ,SAAO,CAACC,MAAiBD,EAAMD,CAAQ,EAAEE,CAAI,KAAKA;AACtD;"}

package/dist/table/table.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import React from 'react';
-import { ApiMethodDeclaration, MakeServiceFromServiceDeclaration } from "../typings/api";
-import { FiltersMapper, OnFiltersClickProps, TableColumns } from "./types";
-type Records<T> = {
+import { default as React } from 'react';
+import { ApiMethodDeclaration, MakeServiceFromServiceDeclaration } from '../typings/api';
+import { FiltersMapper, OnFiltersClickProps, TableColumns } from './types';
+declare type Records<T> = {
     records: T[];
     promise?: never;
 } | {
@@ -12,14 +11,14 @@ type Records<T> = {
         meta: any;
     }>>;
 };
-type FiltersButton = {
+declare type FiltersButton = {
     onFiltersClick: (props: OnFiltersClickProps) => void;
     filtersButtonLabel: string;
 } | {
     onFiltersClick?: never;
     filtersButtonLabel?: never;
 };
-type TableProps<T extends object> = Records<T> & {
+export declare type TableProps<T extends object> = Records<T> & {
     columns: TableColumns<T>;
     searchPlaceholder?: string;
     rightHeaderAddons?: React.ReactNode;
@@ -33,11 +32,13 @@ type TableProps<T extends object> = Records<T> & {
     refetch?: () => void;
     onRowClick?: (params: T, refech: () => void) => void;
     language: 'de' | 'ru' | 'en';
+    /** Новая пропса. true — как раньше, берём параметры из URL. false — работаем только на локальном состоянии. */
     fromPath?: boolean;
+    /** 🔽 включить dnd и получить {id, position}[] */
     onSortChange?: (items: Array<{
         id: number;
         position: number;
     }>) => void;
 } & FiltersButton;
-declare function Table<T extends object>({ columns, searchPlaceholder, records, hideSearch, rightHeaderAddons, leftHeaderAddons, filtersButtonLabel, createButtonLabel, loading, height, tagsBuilder, promise, onRowClick, onCreateClick, onFiltersClick, refetch, language, fromPath, onSortChange, }: TableProps<T>): JSX.Element;
-export { TableProps, Table };
+export declare function Table<T extends object>({ columns, searchPlaceholder, records, hideSearch, rightHeaderAddons, leftHeaderAddons, filtersButtonLabel, createButtonLabel, loading, height, tagsBuilder, promise, onRowClick, onCreateClick, onFiltersClick, refetch, language, fromPath, onSortChange, }: TableProps<T>): JSX.Element;
+export {};

package/dist/table/table.js

@@ -1 +1,241 @@
-import{__spreadArray as e,__assign as t}from"tslib";import r,{useState as o,useEffect as n,useCallback as i,useMemo as a}from"react";import{DragM as l}from"@alphakits/icons";import{useSensors as s,useSensor as m,PointerSensor as c,KeyboardSensor as p,DndContext as d,closestCenter as u}from"@dnd-kit/core";import{SortableContext as f,verticalListSortingStrategy as g,useSortable as h,arrayMove as j}from"@dnd-kit/sortable";import{CSS as v}from"@dnd-kit/utilities";import k from"classnames";import{Button as b}from"../button/component.js";import{TableCell as y}from"./components/cell/component.js";import{Cells as E}from"./components/cells/index.js";import{EmptyList as C}from"./components/empty-list/index.js";import{Error as x}from"./components/error/index.js";import{Loading as P}from"./components/loading/index.js";import{Pagination as S}from"./components/pagination/index.js";import{TableHeader as _}from"./components/table-header/index.js";import{useTableData as w}from"./hooks/use-table-data.js";import{getTags as B}from"./utils/get-tags.js";import{prepareRows as D}from"./utils/prepare-rows.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../cell/component.js";import"../cell/base/component.js";import"../__internal/utils/getDataTestId.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";import"../cell/pure/component.js";import"@alphakits/icons/dist/ChevronForwardS";import"./languages/index.js";import"@alphakits/icons/dist/ControllerS";import"@alphakits/icons/dist/PlusS";import"rooks";import"../flex/component.js";import"../header-search/component.js";import"@alphakits/icons/dist/CloseS";import"@alphakits/icons/dist/SearchM";import"./utils/add-query-param.js";import"query-string";import"./utils/parse-query-params.js";import"./utils/set-query-to-url.js";import"./utils/get-query-from-url.js";import"./utils/remove-query-param.js";import"./utils/reset-query-param.js";import"./utils/serialize-data.js";import"./utils/sort-array.js";import"@alphakits/icons/dist/PhotoM";import"../image/component.js";import"../skeleton/component.js";import"../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";var q={table_wrapper:"index-module_table_wrapper__2Ws0b",table:"index-module_table__3VsC2",fill:"index-module_fill__2373D",clickable:"index-module_clickable__e4TDr"};function N(e){var o,n=e.item,i=e.dndEnabled,a=e.children,s=e.onRowClick,m=h({id:String(n.id)}),c=m.attributes,p=m.listeners,d=m.setNodeRef,u=m.transform,f=m.transition,g=m.isDragging,j=i?{transform:v.Transform.toString(u),transition:f,opacity:g?.6:void 0}:void 0;return r.createElement("tr",{ref:i?d:void 0,style:j,className:k((o={},o[q.clickable]=!!s,o)),onClick:function(){return null==s?void 0:s(n)}},r.createElement(y,{title:" ",addon:r.createElement(b,t({leftAddons:r.createElement(l,null)},c,p,{onClick:function(e){return e.stopPropagation()},view:"ghost"}))}),a)}function A(t){var l=t.columns,h=t.searchPlaceholder,v=void 0===h?"Поиск по таблице":h,b=t.records,y=t.hideSearch,A=t.rightHeaderAddons,F=t.leftHeaderAddons,L=t.filtersButtonLabel,T=t.createButtonLabel,H=t.loading,R=t.height,M=void 0===R?"fill":R,O=t.tagsBuilder,V=t.promise,z=t.onRowClick,I=t.onCreateClick,W=t.onFiltersClick,G=t.refetch,J=t.language,K=t.fromPath,Q=void 0===K||K,U=t.onSortChange,X=w({promise:V,records:b,fromPath:Q}),Y=X.loading,Z=X.error,$=X.data,ee=X.total,te=X.params,re=X.pagesCount,oe=X.updateData,ne=X.addParam,ie=X.removeParam,ae=X.resetParams,le=Boolean(U),se=o([]),me=se[0],ce=se[1];n((function(){var t=e([],$||[]).sort((function(e,t){return(e.sortPosition||0)-(t.sortPosition||0)}));ce(t.map((function(e){return String(e.id)})))}),[$]);var pe=function(e){return null==z?void 0:z(e,oe)},de=I?function(){return I(oe)}:void 0,ue=i((function(e){ae(e)}),[ae]),fe=function(){return W?W({submitCallback:function(e){return ue(e)},initialValues:te}):null},ge=function(e){ne(e)},he=B({params:(null==te?void 0:te.where)||{},onDelete:function(e,t){ie(e,t)},tagsBuilder:O,onClick:fe}),je=a((function(){return D({columns:l,data:$,refetch:G||oe})}),[$,l]),ve=a((function(){if(!(null==je?void 0:je.length)||!me.length)return je;var e=new Map(je.map((function(e){return[String(e.row.id),e]})));return me.map((function(t){return e.get(t)})).filter(Boolean)}),[je,me]),ke=Y||H,be=s(m(c,{activationConstraint:{distance:5}}),m(p));return r.createElement("div",{className:k(q.table_wrapper,q[M])},(!y||A||F||I||W)&&r.createElement(_,{language:J,hideSearch:y,rightHeaderAddons:A,leftHeaderAddons:F,searchText:(null==te?void 0:te.searchText)||"",addParam:ge,searchPlaceholder:v,filtersButtonLabel:L,tags:he,onCreateClick:de,createButtonLabel:T,onFiltersClick:fe,showFiltersButton:!!W}),r.createElement("div",{className:q.table},r.createElement("table",{cellSpacing:"0",cellPadding:"0"},r.createElement(E,{withDrag:le,sort:null==te?void 0:te.sort,order:null==te?void 0:te.order,addParam:ge,columns:l}),r.createElement("tbody",null,Z&&r.createElement(x,{language:J}),!ve.length&&!ke&&!Z&&r.createElement(C,{language:J}),ke&&r.createElement(P,{columnsLength:l.length+1}),le?r.createElement(d,{sensors:be,collisionDetection:u,onDragEnd:function(e){var t=e.active,r=e.over;if(r&&t.id!==r.id){var o=me.indexOf(String(t.id)),n=me.indexOf(String(r.id));if(-1!==o&&-1!==n){var i=j(me,o,n);if(ce(i),U){var a=i.map((function(e,t){return{id:Number(e),position:t+1}}));U(a)}}}}},r.createElement(f,{items:me,strategy:g},ve.map((function(e){var t=e.row,o=e.cells;return r.createElement(N,{key:String(t.id),item:t,dndEnabled:!0,onRowClick:function(e){return pe(e)}},o.map((function(e,t){return r.cloneElement(e,{key:t})})))})))):ve.map((function(e){var t,o=e.row,n=e.cells;return r.createElement("tr",{key:String(o.id),onClick:function(){return pe(o)},className:k((t={},t[q.clickable]=!!z,t)),style:{visibility:ke?"collapse":"visible"}},n.map((function(e,t){return r.cloneElement(e,{key:t})})))}))))),!!V&&r.createElement(S,{language:J,currentPage:te?+te.page:1,recordsPerPage:te?+te.limit:10,pagesCount:+re,addParam:ge,total:+ee}))}export{A as Table};
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import z, { useState as at, useEffect as st, useCallback as dt, useMemo as F } from "react";
+import { DragM as lt } from "@alphakits/icons";
+import { useSensors as mt, useSensor as G, PointerSensor as ct, KeyboardSensor as pt, DndContext as ft, closestCenter as gt } from "@dnd-kit/core";
+import { SortableContext as ut, verticalListSortingStrategy as bt, arrayMove as ht, useSortable as Pt } from "@dnd-kit/sortable";
+import { CSS as St } from "@dnd-kit/utilities";
+import j from "classnames";
+import { Button as vt } from "../button/component.js";
+import { TableCell as yt } from "./components/cell/component.js";
+import { Cells as xt } from "./components/cells/index.js";
+import { EmptyList as Dt } from "./components/empty-list/index.js";
+import { Error as Tt } from "./components/error/index.js";
+import { Loading as Et } from "./components/loading/index.js";
+import { Pagination as Lt } from "./components/pagination/index.js";
+import { TableHeader as Nt } from "./components/table-header/index.js";
+import { useTableData as Bt } from "./hooks/use-table-data.js";
+import { getTags as Ct } from "./utils/get-tags.js";
+import { prepareRows as Mt } from "./utils/prepare-rows.js";
+import m from "./index.module.css.js";
+function Ot({
+  item: n,
+  dndEnabled: c,
+  children: v,
+  onRowClick: a
+}) {
+  const {
+    attributes: p,
+    listeners: f,
+    setNodeRef: y,
+    transform: x,
+    transition: D,
+    isDragging: T
+  } = Pt({
+    id: String(n.id)
+  }), E = c ? {
+    transform: St.Transform.toString(x),
+    transition: D,
+    opacity: T ? 0.6 : void 0
+  } : void 0;
+  return /* @__PURE__ */ S(
+    "tr",
+    {
+      ref: c ? y : void 0,
+      style: E,
+      className: j({ [m.clickable]: !!a }),
+      onClick: () => a == null ? void 0 : a(n),
+      children: [
+        /* @__PURE__ */ o(
+          yt,
+          {
+            title: " ",
+            addon: /* @__PURE__ */ o(
+              vt,
+              {
+                leftAddons: /* @__PURE__ */ o(lt, {}),
+                ...p,
+                ...f,
+                onClick: (g) => g.stopPropagation(),
+                view: "ghost"
+              }
+            )
+          }
+        ),
+        v
+      ]
+    }
+  );
+}
+function $t({
+  columns: n,
+  searchPlaceholder: c = "Поиск по таблице",
+  records: v,
+  hideSearch: a,
+  rightHeaderAddons: p,
+  leftHeaderAddons: f,
+  filtersButtonLabel: y,
+  createButtonLabel: x,
+  loading: D,
+  height: T = "fill",
+  tagsBuilder: E,
+  promise: g,
+  onRowClick: u,
+  onCreateClick: L,
+  onFiltersClick: b,
+  refetch: J,
+  language: h,
+  fromPath: Q = !0,
+  onSortChange: N
+}) {
+  const {
+    loading: U,
+    error: w,
+    data: P,
+    total: W,
+    params: e,
+    pagesCount: X,
+    updateData: B,
+    // ← берём универсальные методы из хука
+    addParam: Y,
+    removeParam: Z,
+    resetParams: H
+  } = Bt({
+    promise: g,
+    records: v,
+    fromPath: Q
+  }), I = !!N, [s, k] = at([]);
+  st(() => {
+    const t = [...P || []].sort(
+      (r, i) => (r.sortPosition || 0) - (i.sortPosition || 0)
+    );
+    k(t.map((r) => String(r.id)));
+  }, [P]);
+  const K = (t) => u == null ? void 0 : u(t, B), $ = L ? () => L(B) : void 0, A = dt(
+    (t) => {
+      H(t);
+    },
+    [H]
+  ), V = () => b ? b({
+    submitCallback: (t) => A(t),
+    initialValues: e
+  }) : null, C = (t) => {
+    Y(t);
+  }, R = (t, r) => {
+    Z(t, r);
+  }, tt = Ct({
+    params: (e == null ? void 0 : e.where) || {},
+    onDelete: R,
+    tagsBuilder: E,
+    onClick: V
+  }), d = F(
+    () => Mt({ columns: n, data: P, refetch: J || B }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [P, n]
+  ), M = F(() => {
+    if (!(d != null && d.length) || !s.length) return d;
+    const t = new Map(d.map((r) => [String(r.row.id), r]));
+    return s.map((r) => t.get(r)).filter(Boolean);
+  }, [d, s]), O = U || D, et = mt(
+    G(ct, { activationConstraint: { distance: 5 } }),
+    G(pt)
+  ), rt = (t) => {
+    const { active: r, over: i } = t;
+    if (!i || r.id === i.id) return;
+    const l = s.indexOf(String(r.id)), _ = s.indexOf(String(i.id));
+    if (l === -1 || _ === -1) return;
+    const q = ht(s, l, _);
+    if (k(q), N) {
+      const ot = q.map((it, nt) => ({
+        id: Number(it),
+        position: nt + 1
+      }));
+      N(ot);
+    }
+  };
+  return /* @__PURE__ */ S("div", { className: j(m.table_wrapper, m[T]), children: [
+    (!a || p || f || L || b) && /* @__PURE__ */ o(
+      Nt,
+      {
+        language: h,
+        hideSearch: a,
+        rightHeaderAddons: p,
+        leftHeaderAddons: f,
+        searchText: (e == null ? void 0 : e.searchText) || "",
+        addParam: C,
+        searchPlaceholder: c,
+        filtersButtonLabel: y,
+        tags: tt,
+        onCreateClick: $,
+        createButtonLabel: x,
+        onFiltersClick: V,
+        showFiltersButton: !!b
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: m.table, children: /* @__PURE__ */ S("table", { cellSpacing: "0", cellPadding: "0", children: [
+      /* @__PURE__ */ o(
+        xt,
+        {
+          withDrag: I,
+          sort: e == null ? void 0 : e.sort,
+          order: e == null ? void 0 : e.order,
+          addParam: C,
+          columns: n
+        }
+      ),
+      /* @__PURE__ */ S("tbody", { children: [
+        w && /* @__PURE__ */ o(Tt, { language: h }),
+        !M.length && !O && !w && /* @__PURE__ */ o(Dt, { language: h }),
+        O && /* @__PURE__ */ o(Et, { columnsLength: n.length + 1 }),
+        I ? /* @__PURE__ */ o(
+          ft,
+          {
+            sensors: et,
+            collisionDetection: gt,
+            onDragEnd: rt,
+            children: /* @__PURE__ */ o(
+              ut,
+              {
+                items: s,
+                strategy: bt,
+                children: M.map(({ row: t, cells: r }) => /* @__PURE__ */ o(
+                  Ot,
+                  {
+                    item: t,
+                    dndEnabled: !0,
+                    onRowClick: (i) => K(i),
+                    children: r.map((i, l) => z.cloneElement(i, { key: l }))
+                  },
+                  String(t.id)
+                ))
+              }
+            )
+          }
+        ) : M.map(({ row: t, cells: r }) => /* @__PURE__ */ o(
+          "tr",
+          {
+            onClick: () => K(t),
+            className: j({ [m.clickable]: !!u }),
+            style: { visibility: O ? "collapse" : "visible" },
+            children: r.map((i, l) => z.cloneElement(i, { key: l }))
+          },
+          String(t.id)
+        ))
+      ] })
+    ] }) }),
+    !!g && /* @__PURE__ */ o(
+      Lt,
+      {
+        language: h,
+        currentPage: e ? +e.page : 1,
+        recordsPerPage: e ? +e.limit : 10,
+        pagesCount: +X,
+        addParam: C,
+        total: +W
+      }
+    )
+  ] });
+}
+export {
+  $t as Table
+};
+//# sourceMappingURL=table.js.map

package/dist/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../src/table/table.tsx"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable @typescript-eslint/ban-types */\nimport React, {\n    useCallback, useEffect, useMemo, useState,\n} from 'react';\n// 🔽 добавлено для DnD и ручки\nimport { DragM } from '@alphakits/icons';\nimport {\n    closestCenter,\n    DndContext,\n    DragEndEvent,\n    KeyboardSensor,\n    PointerSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport {\n    arrayMove,\n    SortableContext,\n    useSortable,\n    verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport cn from 'classnames';\nimport { Button } from 'src/button';\n\nimport { ApiMethodDeclaration, MakeServiceFromServiceDeclaration } from '../typings/api';\n\nimport { TableCell } from './components/cell';\nimport { Cells } from './components/cells';\nimport { EmptyList } from './components/empty-list';\nimport { Error } from './components/error';\nimport { Loading } from './components/loading';\nimport { Pagination } from './components/pagination';\nimport { TableHeader } from './components/table-header';\nimport { useTableData } from './hooks/use-table-data';\nimport { getTags } from './utils/get-tags';\nimport { prepareRows } from './utils/prepare-rows';\nimport {\n    FiltersMapper, OnFiltersClickProps, Query, TableColumns,\n} from './types';\n\nimport styles from './index.module.css';\n\ntype Records<T> =\n    | {\n        records: T[];\n        promise?: never;\n    }\n    | {\n        records?: never;\n        promise: MakeServiceFromServiceDeclaration<\n              ApiMethodDeclaration<any, { items: T[]; meta: any }>\n          >;\n    };\n\ntype FiltersButton =\n    | {\n        onFiltersClick: (props: OnFiltersClickProps) => void;\n        filtersButtonLabel: string;\n    }\n    | {\n        onFiltersClick?: never;\n        filtersButtonLabel?: never;\n    };\n\nexport type TableProps<T extends object> = Records<T> & {\n    columns: TableColumns<T>;\n    searchPlaceholder?: string;\n    rightHeaderAddons?: React.ReactNode;\n    leftHeaderAddons?: React.ReactNode;\n    createButtonLabel?: string;\n    hideSearch?: boolean;\n    loading?: boolean;\n    height?: 'fill' | 'default';\n    tagsBuilder?: (props: FiltersMapper) => JSX.Element | null;\n    onCreateClick?: (refech: () => void) => void;\n    refetch?: () => void;\n    onRowClick?: (params: T, refech: () => void) => void;\n    language: 'de' | 'ru' | 'en';\n\n    /** Новая пропса. true — как раньше, берём параметры из URL. false — работаем только на локальном состоянии. */\n    fromPath?: boolean;\n\n    /** 🔽 включить dnd и получить {id, position}[] */\n    onSortChange?: (items: Array<{ id: number; position: number }>) => void;\n} & FiltersButton;\n\n/** 🔽 небольшая обёртка для <tr>, чтобы не менять логику map() */\nfunction SortableRow<T>({\n    item,\n    dndEnabled,\n    children,\n    onRowClick,\n}: {\n    item: T;\n    dndEnabled: boolean;\n    children: React.ReactNode;\n    onRowClick?: (row: T) => void;\n}) {\n    const {\n        attributes, listeners, setNodeRef, transform, transition, isDragging,\n    } = useSortable({\n        id: String((item as any).id),\n    });\n\n    const style = dndEnabled\n        ? {\n            transform: CSS.Transform.toString(transform),\n            transition,\n            opacity: isDragging ? 0.6 : undefined,\n        }\n        : undefined;\n\n    return (\n        <tr\n            ref={ dndEnabled ? setNodeRef : undefined }\n            style={ style }\n            className={ cn({ [styles.clickable]: !!onRowClick }) }\n            onClick={ () => onRowClick?.(item) }\n        >\n            <TableCell\n                title=\" \"\n                addon={ (\n                    <Button\n                        leftAddons={ <DragM /> }\n                        { ...attributes }\n                        { ...listeners }\n                        onClick={ (e: any) => e.stopPropagation() }\n                        view=\"ghost\"\n                    />\n                ) }\n            />\n\n            { children }\n        </tr>\n    );\n}\n\nexport function Table<T extends object>({\n    columns,\n    searchPlaceholder = 'Поиск по таблице',\n    records,\n    hideSearch,\n    rightHeaderAddons,\n    leftHeaderAddons,\n    filtersButtonLabel,\n    createButtonLabel,\n    loading,\n    height = 'fill',\n    tagsBuilder,\n    promise,\n    onRowClick,\n    onCreateClick,\n    onFiltersClick,\n    refetch,\n    language,\n    fromPath = true,\n    onSortChange,\n}: TableProps<T>) {\n    const {\n        loading: dataLoading,\n        error,\n        data,\n        total,\n        params,\n        pagesCount,\n        updateData,\n\n        // ← берём универсальные методы из хука\n        addParam,\n        removeParam,\n        resetParams,\n    } = useTableData({\n        promise,\n        records,\n        fromPath,\n    });\n\n    const dndEnabled = Boolean(onSortChange);\n\n    // 🔽 локальный порядок (массив строковых id)\n    const [order, setOrder] = useState<string[]>([]);\n\n    useEffect(() => {\n        const sorted = [...(data || [])].sort(\n            (a: any, b: any) => (a.sortPosition || 0) - (b.sortPosition || 0),\n        );\n\n        setOrder(sorted.map((x: any) => String(x.id)));\n    }, [data]);\n\n    const handleRowClick = (p: T) => onRowClick?.(p, updateData);\n    const handleCreateClick = onCreateClick ? () => onCreateClick(updateData) : undefined;\n\n    const resetParamsHandler = useCallback(\n        (param: Query) => {\n            resetParams(param);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        },\n        [resetParams],\n    );\n\n    const handleFiltesClick = () =>\n        (onFiltersClick\n            ? onFiltersClick({\n                submitCallback: (values) => resetParamsHandler(values),\n                initialValues: params,\n            })\n            : null);\n\n    // эти функции теперь не трогают URL напрямую — они внутри хука решают, что делать\n    const addParamHandler = (param: Query) => {\n        addParam(param);\n    };\n\n    const removeParamHandler = (paramName: string, id?: string) => {\n        removeParam(paramName, id);\n    };\n\n    const tags = getTags({\n        params: params?.where || {},\n        onDelete: removeParamHandler,\n        tagsBuilder,\n        onClick: handleFiltesClick,\n    });\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const rows = useMemo(\n        () => prepareRows({ columns, data, refetch: refetch || updateData }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [data, columns],\n    );\n\n    // упорядочиваем подготовленные строки по локальному order\n    const orderedRows = useMemo(() => {\n        if (!rows?.length || !order.length) return rows;\n        const map = new Map(rows.map((r) => [String((r.row as any).id), r]));\n\n        return order.map((id) => map.get(id)).filter(Boolean) as typeof rows;\n    }, [rows, order]);\n\n    const showLoader = dataLoading || loading;\n\n    // 🔽 DnD\n    const sensors = useSensors(\n        useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n        useSensor(KeyboardSensor),\n    );\n\n    const onDragEnd = (event: DragEndEvent) => {\n        const { active, over } = event;\n\n        if (!over || active.id === over.id) return;\n\n        const oldIndex = order.indexOf(String(active.id));\n        const newIndex = order.indexOf(String(over.id));\n\n        if (oldIndex === -1 || newIndex === -1) return;\n\n        const newOrder = arrayMove(order, oldIndex, newIndex);\n\n        setOrder(newOrder);\n\n        // вернём { id, position }[], position = 1..N по новому порядку\n        if (onSortChange) {\n            const payload = newOrder.map((id, idx) => ({\n                id: Number(id),\n                position: idx + 1,\n            }));\n\n            onSortChange(payload);\n        }\n    };\n\n    return (\n        <div className={ cn(styles.table_wrapper, styles[height]) }>\n            { (!hideSearch ||\n                rightHeaderAddons ||\n                leftHeaderAddons ||\n                onCreateClick ||\n                onFiltersClick) && (\n                <TableHeader\n                    language={ language }\n                    hideSearch={ hideSearch }\n                    rightHeaderAddons={ rightHeaderAddons }\n                    leftHeaderAddons={ leftHeaderAddons }\n                    searchText={ params?.searchText || '' }\n                    addParam={ addParamHandler }\n                    searchPlaceholder={ searchPlaceholder }\n                    filtersButtonLabel={ filtersButtonLabel }\n                    tags={ tags }\n                    onCreateClick={ handleCreateClick }\n                    createButtonLabel={ createButtonLabel }\n                    onFiltersClick={ handleFiltesClick }\n                    showFiltersButton={ !!onFiltersClick }\n                />\n            ) }\n\n            <div className={ styles.table }>\n                <table cellSpacing=\"0\" cellPadding=\"0\">\n                    <Cells\n                        withDrag={ dndEnabled }\n                        sort={ params?.sort }\n                        order={ params?.order }\n                        addParam={ addParamHandler }\n                        columns={ columns }\n                    />\n\n                    <tbody>\n                        { error && <Error language={ language } /> }\n\n                        { !orderedRows.length && !showLoader && !error && (\n                            <EmptyList language={ language } />\n                        ) }\n\n                        { showLoader && <Loading columnsLength={ columns.length + 1 } /> }\n\n                        { dndEnabled ? (\n                            <DndContext\n                                sensors={ sensors }\n                                collisionDetection={ closestCenter }\n                                onDragEnd={ onDragEnd }\n                            >\n                                <SortableContext\n                                    items={ order }\n                                    strategy={ verticalListSortingStrategy }\n                                >\n                                    { orderedRows.map(({ row, cells }) => (\n                                        <SortableRow\n                                            key={ String((row as any).id) }\n                                            item={ row as T }\n                                            dndEnabled={ true }\n                                            onRowClick={ (r) => handleRowClick(r) }\n                                        >\n                                            { cells.map((cell, i) =>\n                                                React.cloneElement(cell as any, { key: i })) }\n                                        </SortableRow>\n                                    )) }\n                                </SortableContext>\n                            </DndContext>\n                        ) : (\n                            orderedRows.map(({ row, cells }) => (\n                                <tr\n                                    key={ String((row as any).id) }\n                                    onClick={ () => handleRowClick(row as T) }\n                                    className={ cn({ [styles.clickable]: !!onRowClick }) }\n                                    style={ { visibility: showLoader ? 'collapse' : 'visible' } }\n                                >\n                                    { cells.map((cell, i) =>\n                                        React.cloneElement(cell as any, { key: i })) }\n                                </tr>\n                            ))\n                        ) }\n                    </tbody>\n                </table>\n            </div>\n\n            { !!promise && (\n                <Pagination\n                    language={ language }\n                    currentPage={ params ? +params.page : 1 }\n                    recordsPerPage={ params ? +params.limit : 10 }\n                    pagesCount={ +pagesCount }\n                    addParam={ addParamHandler }\n                    total={ +total }\n                />\n            ) }\n        </div>\n    );\n}\n"],"names":["SortableRow","item","dndEnabled","children","onRowClick","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsxs","cn","styles","jsx","TableCell","Button","DragM","e","Table","columns","searchPlaceholder","records","hideSearch","rightHeaderAddons","leftHeaderAddons","filtersButtonLabel","createButtonLabel","loading","height","tagsBuilder","promise","onCreateClick","onFiltersClick","refetch","language","fromPath","onSortChange","dataLoading","error","data","total","params","pagesCount","updateData","addParam","removeParam","resetParams","useTableData","order","setOrder","useState","useEffect","sorted","a","b","x","handleRowClick","p","handleCreateClick","resetParamsHandler","useCallback","param","handleFiltesClick","values","addParamHandler","removeParamHandler","paramName","id","tags","getTags","rows","useMemo","prepareRows","orderedRows","map","showLoader","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","onDragEnd","event","active","over","oldIndex","newIndex","newOrder","arrayMove","payload","idx","TableHeader","Cells","Error","EmptyList","Loading","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","row","cells","r","cell","i","React","Pagination"],"mappings":"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"}

package/dist/table/types.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-type TableComponentValue<T, D> = ((data: {
+export declare type TableComponentValue<T, D> = ((data: {
     row: T;
     refetch: () => void;
 }) => D);
-type TableValue<T, D> = (keyof T) | TableComponentValue<T, D>;
-type Accessor<T> = {
+export declare type TableValue<T, D> = (keyof T) | TableComponentValue<T, D>;
+declare type Accessor<T> = {
     accessor?: never;
     sort?: never;
     row?: {
@@ -17,7 +17,7 @@ type Accessor<T> = {
         title?: TableValue<T, ReactNode> | null;
     } & Addon<T>;
 };
-type Addon<T> = {
+declare type Addon<T> = {
     image: TableValue<T, string>;
     icon?: never;
     customAddon?: never;
@@ -33,7 +33,7 @@ type Addon<T> = {
     icon?: never;
     customAddon?: TableComponentValue<T, ReactNode>;
 };
-type TableColumns<T> = Array<{
+export declare type TableColumns<T> = Array<{
     header: string;
     align?: 'left' | 'right' | 'center';
     width?: string;
@@ -41,7 +41,7 @@ type TableColumns<T> = Array<{
         subtitle?: TableValue<T, string>;
     };
 } & Accessor<T>>;
-type QueryDTO = {
+export declare type QueryDTO = {
     page: number;
     limit: number;
     searchText?: string;
@@ -51,25 +51,25 @@ type QueryDTO = {
         [key: string]: any;
     };
 };
-type Query = {
+export declare type Query = {
     [x: string]: any;
 };
-type Tag = {
+export declare type Tag = {
     row: string;
     value: string;
     label: string;
     text: string;
 };
-type FiltersMapper = {
+export declare type FiltersMapper = {
     paramName: string;
     paramValue: any;
     onDelete: (tagName: string, id?: string) => void;
     onClick: () => void;
 };
-type OnFiltersClickProps = {
+export declare type OnFiltersClickProps = {
     submitCallback: (values: {
         [field: string]: any;
     }) => void;
     initialValues?: QueryDTO;
 };
-export { TableComponentValue, TableValue, TableColumns, QueryDTO, Query, Tag, FiltersMapper, OnFiltersClickProps };
+export {};

package/dist/table/types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=types.js.map

package/dist/table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/table/utils/add-query-param.d.ts

@@ -1,3 +1,2 @@
-import { Query } from "../types";
-declare const addQueryParam: (params: Query) => void;
-export { addQueryParam };
+import { Query } from '../types';
+export declare const addQueryParam: (params: Query) => void;

package/dist/table/utils/add-query-param.js

@@ -1 +1,8 @@
-import{__assign as r}from"tslib";import{stringify as o}from"query-string";import{parseQueryParams as m}from"./parse-query-params.js";import{setQueryToUrl as t}from"./set-query-to-url.js";var a=function(a){return t(o(r(r({},m()),a),{arrayFormat:"comma"}))};export{a as addQueryParam};
+import { stringify as m } from "query-string";
+import { parseQueryParams as o } from "./parse-query-params.js";
+import { setQueryToUrl as a } from "./set-query-to-url.js";
+const p = (r) => a(m({ ...o(), ...r }, { arrayFormat: "comma" }));
+export {
+  p as addQueryParam
+};
+//# sourceMappingURL=add-query-param.js.map

package/dist/table/utils/add-query-param.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-query-param.js","sources":["../../../src/table/utils/add-query-param.ts"],"sourcesContent":["import { stringify } from 'query-string';\n\nimport { Query } from '../types';\n\nimport { parseQueryParams } from './parse-query-params';\nimport { setQueryToUrl } from './set-query-to-url';\n\nexport const addQueryParam = (params: Query) => setQueryToUrl(stringify({ ...parseQueryParams(), ...params }, { arrayFormat: 'comma' }));\n"],"names":["addQueryParam","params","setQueryToUrl","stringify","parseQueryParams"],"mappings":";;;AAOO,MAAMA,IAAgB,CAACC,MAAkBC,EAAcC,EAAU,EAAE,GAAGC,EAAA,GAAoB,GAAGH,KAAU,EAAE,aAAa,QAAA,CAAS,CAAC;"}

package/dist/table/utils/get-query-from-url.d.ts

@@ -1,3 +1,2 @@
-import { QueryDTO } from "../types";
-declare function getQueryFromUrl(): QueryDTO;
-export { getQueryFromUrl };
+import { QueryDTO } from '../types';
+export declare function getQueryFromUrl(): QueryDTO;

package/dist/table/utils/get-query-from-url.js

@@ -1 +1,20 @@
-import{__rest as r}from"tslib";import{parseQueryParams as e}from"./parse-query-params.js";import"query-string";function t(){var t=e(),o=t.limit,i=t.page,s=t.searchText,m=t.sort,a=t.order,p={where:r(t,["limit","page","searchText","sort","order"]),limit:Number(o)||10,page:Number(i)||1};return"ASC"!==a&&"DESC"!==a||(p.order=a),s&&(p.searchText=s),"string"==typeof m&&(p.sort=m),p}export{t as getQueryFromUrl};
+import { parseQueryParams as a } from "./parse-query-params.js";
+function n() {
+  const {
+    limit: i,
+    page: s,
+    searchText: t,
+    sort: o,
+    order: e,
+    ...m
+  } = a(), r = {
+    where: m,
+    limit: Number(i) || 10,
+    page: Number(s) || 1
+  };
+  return (e === "ASC" || e === "DESC") && (r.order = e), t && (r.searchText = t), typeof o == "string" && (r.sort = o), r;
+}
+export {
+  n as getQueryFromUrl
+};
+//# sourceMappingURL=get-query-from-url.js.map

package/dist/table/utils/get-query-from-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-query-from-url.js","sources":["../../../src/table/utils/get-query-from-url.ts"],"sourcesContent":["import { QueryDTO } from '../types';\n\nimport { parseQueryParams } from './parse-query-params';\n\nexport function getQueryFromUrl(): QueryDTO {\n    const {\n        limit, page, searchText, sort, order, ...where\n    } = parseQueryParams();\n\n    const res = {\n        where,\n        limit: Number(limit) || 10,\n        page: Number(page) || 1,\n    } as QueryDTO;\n\n    if (order === 'ASC' || order === 'DESC') {\n        res.order = order;\n    }\n    if (searchText) {\n        res.searchText = searchText as string;\n    }\n\n    if (typeof sort === 'string') {\n        res.sort = sort;\n    }\n\n    return res;\n}\n"],"names":["getQueryFromUrl","limit","page","searchText","sort","order","where","parseQueryParams","res"],"mappings":";AAIO,SAASA,IAA4B;AACxC,QAAM;AAAA,IACF,OAAAC;AAAA,IAAO,MAAAC;AAAA,IAAM,YAAAC;AAAA,IAAY,MAAAC;AAAA,IAAM,OAAAC;AAAA,IAAO,GAAGC;AAAA,EAAA,IACzCC,EAAA,GAEEC,IAAM;AAAA,IACR,OAAAF;AAAA,IACA,OAAO,OAAOL,CAAK,KAAK;AAAA,IACxB,MAAM,OAAOC,CAAI,KAAK;AAAA,EAAA;AAG1B,UAAIG,MAAU,SAASA,MAAU,YAC7BG,EAAI,QAAQH,IAEZF,MACAK,EAAI,aAAaL,IAGjB,OAAOC,KAAS,aAChBI,EAAI,OAAOJ,IAGRI;AACX;"}

package/dist/table/utils/get-tags.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { FiltersMapper, Query } from "../types";
-type Props = {
+import { FiltersMapper, Query } from '../types';
+declare type Props = {
     params?: Query;
     onDelete: (param: string) => void;
     tagsBuilder?: (props: FiltersMapper) => JSX.Element | null;
     onClick: () => void;
 };
-declare function getTags({ params, onClick, onDelete, tagsBuilder, }: Props): JSX.Element[];
-export { getTags };
+export declare function getTags({ params, onClick, onDelete, tagsBuilder, }: Props): JSX.Element[];
+export {};

package/dist/table/utils/get-tags.js

@@ -1 +1,17 @@
-function e(e){var r=e.params,n=e.onClick,t=e.onDelete,a=e.tagsBuilder;if(!a)return[];var u=r?Object.entries(r).map((function(e){var r=e[0],u=e[1];return a({paramName:r,paramValue:u,onDelete:t,onClick:n})})):[];return u.filter((function(e){return null!==e}))}export{e as getTags};
+function i({
+  params: e,
+  onClick: r,
+  onDelete: c,
+  tagsBuilder: n
+}) {
+  return n ? (e ? Object.entries(e).map(([t, f]) => n({
+    paramName: t,
+    paramValue: f,
+    onDelete: c,
+    onClick: r
+  })) : []).filter((t) => t !== null) : [];
+}
+export {
+  i as getTags
+};
+//# sourceMappingURL=get-tags.js.map

package/dist/table/utils/get-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-tags.js","sources":["../../../src/table/utils/get-tags.ts"],"sourcesContent":["import { FiltersMapper, Query } from '../types';\n\ntype Props = {\n    params?: Query;\n    onDelete: (param: string) => void;\n    tagsBuilder?: (props: FiltersMapper) => JSX.Element | null;\n    onClick: () => void;\n};\n\nexport function getTags({\n    params,\n    onClick,\n    onDelete,\n    tagsBuilder,\n}: Props) {\n    if (!tagsBuilder) return [];\n\n    const tags = params ? Object.entries(params).map(([paramName, paramValue]) => tagsBuilder({\n        paramName, paramValue, onDelete, onClick,\n    })) : [];\n\n    return tags.filter((tag) => tag !== null) as JSX.Element[];\n}\n"],"names":["getTags","params","onClick","onDelete","tagsBuilder","paramName","paramValue","tag"],"mappings":"AASO,SAASA,EAAQ;AAAA,EACpB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AACJ,GAAU;AACN,SAAKA,KAEQH,IAAS,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACI,GAAWC,CAAU,MAAMF,EAAY;AAAA,IACtF,WAAAC;AAAA,IAAW,YAAAC;AAAA,IAAY,UAAAH;AAAA,IAAU,SAAAD;AAAA,EAAA,CACpC,CAAC,IAAI,CAAA,GAEM,OAAO,CAACK,MAAQA,MAAQ,IAAI,IANf,CAAA;AAO7B;"}

package/dist/table/utils/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./add-query-param";
-export * from "./get-query-from-url";
-export * from "./get-tags";
-export * from "./parse-query-params";
-export * from "./remove-query-param";
-export * from "./reset-query-param";
-export * from "./set-query-to-url";
-export * from "./serialize-data";
+export * from './add-query-param';
+export * from './get-query-from-url';
+export * from './get-tags';
+export * from './parse-query-params';
+export * from './remove-query-param';
+export * from './reset-query-param';
+export * from './set-query-to-url';
+export * from './serialize-data';

package/dist/table/utils/index.js

@@ -1 +1,19 @@
-export{addQueryParam}from"./add-query-param.js";export{getQueryFromUrl}from"./get-query-from-url.js";export{getTags}from"./get-tags.js";export{parseQueryParams}from"./parse-query-params.js";export{removeQueryParam}from"./remove-query-param.js";export{resetQueryParam}from"./reset-query-param.js";export{setQueryToUrl}from"./set-query-to-url.js";export{serializeData}from"./serialize-data.js";import"tslib";import"query-string";import"./sort-array.js";
+import { addQueryParam as o } from "./add-query-param.js";
+import { getQueryFromUrl as m } from "./get-query-from-url.js";
+import { getTags as p } from "./get-tags.js";
+import { parseQueryParams as x } from "./parse-query-params.js";
+import { removeQueryParam as u } from "./remove-query-param.js";
+import { resetQueryParam as Q } from "./reset-query-param.js";
+import { setQueryToUrl as g } from "./set-query-to-url.js";
+import { serializeData as d } from "./serialize-data.js";
+export {
+  o as addQueryParam,
+  m as getQueryFromUrl,
+  p as getTags,
+  x as parseQueryParams,
+  u as removeQueryParam,
+  Q as resetQueryParam,
+  d as serializeData,
+  g as setQueryToUrl
+};
+//# sourceMappingURL=index.js.map

package/dist/table/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/table/utils/is-object.d.ts

@@ -1,2 +1 @@
-declare function isObject(data: unknown): boolean;
-export { isObject };
+export declare function isObject(data: unknown): boolean;

package/dist/table/utils/is-object.js

@@ -1 +1,7 @@
-function t(t){return("object"==typeof t||"function"==typeof t)&&null!==t}export{t as isObject};
+function n(e) {
+  return (typeof e == "object" || typeof e == "function") && e !== null;
+}
+export {
+  n as isObject
+};
+//# sourceMappingURL=is-object.js.map

package/dist/table/utils/is-object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-object.js","sources":["../../../src/table/utils/is-object.ts"],"sourcesContent":["export function isObject(data: unknown) {\n    return (typeof data === 'object' || typeof data === 'function') && (data !== null);\n}\n"],"names":["isObject","data"],"mappings":"AAAO,SAASA,EAASC,GAAe;AACpC,UAAQ,OAAOA,KAAS,YAAY,OAAOA,KAAS,eAAgBA,MAAS;AACjF;"}