@join-x5/react-data-grid-settings 1.0.0-rc

package/dist/AreaItem/index.es.js

@@ -0,0 +1,48 @@
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useContext as p } from "react";
+import { SortableContext as m } from "@dnd-kit/sortable";
+import { DataGridSettingsContext as A } from "../DataGridSettingsContext.es.js";
+import { AreaItem as h } from "./AreaItem.es.js";
+import { ActiveItemOverlay as y } from "./AreaItem.es.js";
+const u = ({
+  id: i,
+  item: o,
+  isSearch: t,
+  activeItem: s
+}) => {
+  const r = {
+    id: i,
+    item: o,
+    isSearch: t,
+    isActive: !1,
+    isAbove: !1,
+    isBelow: !1
+  };
+  return s && (r.isActive = o.id === s.id, o.id === s.overId && (r.isAbove = !!s.isAbove, r.isBelow = !s.isAbove)), /* @__PURE__ */ l(h, { ...r }, o.id);
+}, C = ({
+  itemIds: i,
+  activeItem: o
+}) => {
+  const {
+    itemsById: t,
+    searchItems: s
+  } = p(A), r = [], n = [];
+  for (const e of i) {
+    const d = t.get(e);
+    if (!d)
+      continue;
+    const f = e === (o == null ? void 0 : o.id) ? `${e}Placeholder` : e, c = s.includes(e);
+    n.push(f), r.push(u({
+      item: d,
+      activeItem: o,
+      isSearch: c,
+      id: f
+    }));
+  }
+  return /* @__PURE__ */ l(m, { items: n, children: r });
+};
+export {
+  y as ActiveItemOverlay,
+  C as Items
+};
+//# sourceMappingURL=index.es.js.map

package/dist/AreaItem/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/AreaItem/index.tsx"],"sourcesContent":["import {useContext} from 'react';\nimport {SortableContext} from '@dnd-kit/sortable';\n\nimport {DataGridSettingsContext} from '../DataGridSettingsContext';\n\nimport {AreaItem} from './AreaItem';\n\nimport type {ReactNode} from 'react';\nimport type {ColumnItem, ColumnItemId, DataGridSettingsActiveItem} from '../types';\n\ntype GetItem = {\n  id: ColumnItemId;\n  item: ColumnItem;\n  activeItem: DataGridSettingsActiveItem | undefined;\n  isSearch: boolean;\n};\n\nconst getItem = ({id, item, isSearch, activeItem}: GetItem) => {\n  const props = {\n    id,\n    item,\n    isSearch,\n    isActive: false,\n    isAbove: false,\n    isBelow: false,\n  };\n\n  if (activeItem) {\n    props.isActive = item.id === activeItem.id;\n\n    if (item.id === activeItem.overId) {\n      props.isAbove = !!activeItem.isAbove;\n      props.isBelow = !activeItem.isAbove;\n    }\n  }\n\n  return <AreaItem key={item.id} {...props} />;\n};\n\ntype ItemsProps = {\n  itemIds: ColumnItemId[];\n  activeItem?: DataGridSettingsActiveItem;\n};\n\nexport const Items: React.FC<ItemsProps> = ({itemIds, activeItem}) => {\n  const {itemsById, searchItems} = useContext(DataGridSettingsContext);\n\n  const child: ReactNode[] = [];\n  const newItemIds: ColumnItemId[] = [];\n\n  for (const itemId of itemIds) {\n    const item = itemsById.get(itemId);\n    if (!item) {\n      continue;\n    }\n\n    const newId = itemId === activeItem?.id ? `${itemId}Placeholder` : itemId;\n    const isSearch = searchItems.includes(itemId);\n\n    newItemIds.push(newId);\n    child.push(getItem({item, activeItem, isSearch, id: newId}));\n  }\n\n  return <SortableContext items={newItemIds}>{child}</SortableContext>;\n};\n\nexport {ActiveItemOverlay} from './AreaItem';\n"],"names":["getItem","id","item","isSearch","activeItem","props","isActive","isAbove","isBelow","overId","jsx","AreaItem","Items","itemIds","itemsById","searchItems","useContext","DataGridSettingsContext","child","newItemIds","itemId","get","newId","includes","push","SortableContext"],"mappings":";;;;;;AAiBA,MAAMA,IAAUA,CAAC;AAAA,EAACC,IAAAA;AAAAA,EAAIC,MAAAA;AAAAA,EAAMC,UAAAA;AAAAA,EAAUC,YAAAA;AAAmB,MAAM;AAC7D,QAAMC,IAAQ;AAAA,IACZJ,IAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAG,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,SAAS;AAAA,EACX;AAEA,SAAIJ,MACIE,EAAAA,WAAWJ,EAAKD,OAAOG,EAAWH,IAEpCC,EAAKD,OAAOG,EAAWK,WACnBF,EAAAA,UAAU,CAAC,CAACH,EAAWG,SACvBC,EAAAA,UAAU,CAACJ,EAAWG,WAIxB,gBAAAG,EAAAC,GAAA,EAA2BN,GAAAA,EAAAA,GAAbH,EAAKD,EAAiB;AAC9C,GAOaW,IAA8BA,CAAC;AAAA,EAACC,SAAAA;AAAAA,EAAST,YAAAA;AAAU,MAAM;AAC9D,QAAA;AAAA,IAACU,WAAAA;AAAAA,IAAWC,aAAAA;AAAAA,EAAAA,IAAeC,EAAWC,CAAuB,GAE7DC,IAAqB,CAAE,GACvBC,IAA6B,CAAE;AAErC,aAAWC,KAAUP,GAAS;AACtBX,UAAAA,IAAOY,EAAUO,IAAID,CAAM;AACjC,QAAI,CAAClB;AACH;AAGF,UAAMoB,IAAQF,OAAWhB,KAAAA,gBAAAA,EAAYH,MAAK,GAAGmB,CAAM,gBAAgBA,GAC7DjB,IAAWY,EAAYQ,SAASH,CAAM;AAE5CD,IAAAA,EAAWK,KAAKF,CAAK,GACrBJ,EAAMM,KAAKxB,EAAQ;AAAA,MAACE,MAAAA;AAAAA,MAAME,YAAAA;AAAAA,MAAYD,UAAAA;AAAAA,MAAUF,IAAIqB;AAAAA,IAAAA,CAAM,CAAC;AAAA,EAAA;AAG7D,SAAQ,gBAAAZ,EAAAe,GAAA,EAAgB,OAAON,GAAaD,UAAMA,GAAA;AACpD;"}

package/dist/Columns/hook.d.ts

@@ -0,0 +1,13 @@
+import { DataGridSettingsActiveItem } from '../types';
+export declare const useColumns: () => {
+    columns: import('../types').ColumnData[];
+    itemsById: import('../types').ItemsById;
+    searchItems: import('../types').ColumnItemId[];
+    activeItem: DataGridSettingsActiveItem | undefined;
+    sensors: import('@dnd-kit/core').SensorDescriptor<import('@dnd-kit/core').SensorOptions>[];
+    onDragStart: (event: import('@dnd-kit/core').DragStartEvent) => void;
+    onDragMove: (event: import('@dnd-kit/core').DragMoveEvent) => void;
+    onDragEnd: (event: import('@dnd-kit/core').DragEndEvent) => void;
+    onDragCancel: () => void;
+    collisionDetection: import('@dnd-kit/core').CollisionDetection;
+};

package/dist/Columns/hook.es.js

@@ -0,0 +1,66 @@
+import { useSensors as g, useSensor as m, MouseSensor as D, TouchSensor as l } from "@dnd-kit/core";
+import { useContext as A, useState as C } from "react";
+import { useUpdateEffect as b } from "@join-x5/react-theme";
+import { DataGridSettingsContext as x } from "../DataGridSettingsContext.es.js";
+import { collisionDetection as h, moveItem as E, moveOver as M } from "./utils.es.js";
+const T = () => {
+  const {
+    columns: c,
+    items: r,
+    setItems: u,
+    itemsById: o,
+    searchItems: f
+  } = A(x), [e, t] = C(), a = g(m(D), m(l)), v = () => {
+    t(void 0);
+  }, I = (n) => {
+    const s = o.get(n.active.id);
+    t(s);
+  }, p = ({
+    over: n,
+    active: s
+  }) => {
+    if (!e || !n) {
+      e && e.overId !== void 0 && t({
+        ...e,
+        overId: void 0,
+        isAbove: void 0
+      });
+      return;
+    }
+    const {
+      overId: i,
+      isAbove: d
+    } = M(o, s, n);
+    e.overId === i && e.isAbove === d || t({
+      ...e,
+      overId: i,
+      isAbove: d
+    });
+  }, S = ({
+    over: n
+  }) => {
+    if (!e || !n) {
+      e && t(void 0);
+      return;
+    }
+    t(void 0), u(E(r, e, n));
+  };
+  return b(() => {
+    t(void 0);
+  }, [r]), {
+    columns: c,
+    itemsById: o,
+    searchItems: f,
+    activeItem: e,
+    sensors: a,
+    onDragStart: I,
+    onDragMove: p,
+    onDragEnd: S,
+    onDragCancel: v,
+    collisionDetection: h
+  };
+};
+export {
+  T as useColumns
+};
+//# sourceMappingURL=hook.es.js.map

package/dist/Columns/hook.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.es.js","sources":["../../src/Columns/hook.ts"],"sourcesContent":["import {MouseSensor, TouchSensor, useSensor, useSensors} from '@dnd-kit/core';\n\nimport {useContext, useState} from 'react';\n\nimport {useUpdateEffect} from '@join-x5/react-theme';\n\nimport {DataGridSettingsContext} from '../DataGridSettingsContext';\n\nimport {moveItem, moveOver, collisionDetection} from './utils';\n\nimport type {DndContextProps} from '@dnd-kit/core';\nimport type {DataGridSettingsActiveItem} from '../types';\n\nexport const useColumns = () => {\n  const {columns, items, setItems, itemsById, searchItems} = useContext(DataGridSettingsContext);\n  const [activeItem, setActiveItem] = useState<DataGridSettingsActiveItem>();\n  const sensors = useSensors(useSensor(MouseSensor), useSensor(TouchSensor));\n\n  const onDragCancel = () => {\n    setActiveItem(undefined);\n  };\n\n  const onDragStart: DndContextProps['onDragStart'] = args => {\n    const newActiveItem = itemsById.get(args.active.id);\n    setActiveItem(newActiveItem);\n  };\n\n  const onDragMove: DndContextProps['onDragMove'] = ({over, active}) => {\n    if (!activeItem || !over) {\n      if (activeItem && activeItem.overId !== undefined) {\n        setActiveItem({...activeItem, overId: undefined, isAbove: undefined});\n      }\n\n      return;\n    }\n\n    const {overId, isAbove} = moveOver(itemsById, active, over);\n\n    if (activeItem.overId === overId && activeItem.isAbove === isAbove) {\n      return;\n    }\n\n    setActiveItem({...activeItem, overId, isAbove});\n  };\n\n  const onDragEnd: DndContextProps['onDragEnd'] = ({over}) => {\n    if (!activeItem || !over) {\n      if (activeItem) {\n        setActiveItem(undefined);\n      }\n\n      return;\n    }\n\n    setActiveItem(undefined);\n    setItems(moveItem(items, activeItem, over));\n  };\n\n  useUpdateEffect(() => {\n    setActiveItem(undefined);\n  }, [items]);\n\n  return {\n    columns,\n    itemsById,\n    searchItems,\n    activeItem,\n    sensors,\n    onDragStart,\n    onDragMove,\n    onDragEnd,\n    onDragCancel,\n    collisionDetection,\n  };\n};\n"],"names":["useColumns","columns","items","setItems","itemsById","searchItems","useContext","DataGridSettingsContext","activeItem","setActiveItem","useState","sensors","useSensors","useSensor","MouseSensor","TouchSensor","onDragCancel","undefined","onDragStart","args","newActiveItem","get","active","id","onDragMove","over","overId","isAbove","moveOver","onDragEnd","moveItem","useUpdateEffect","collisionDetection"],"mappings":";;;;;AAaO,MAAMA,IAAaA,MAAM;AACxB,QAAA;AAAA,IAACC,SAAAA;AAAAA,IAASC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,IAAWC,aAAAA;AAAAA,EAAAA,IAAeC,EAAWC,CAAuB,GACvF,CAACC,GAAYC,CAAa,IAAIC,EAAqC,GACnEC,IAAUC,EAAWC,EAAUC,CAAW,GAAGD,EAAUE,CAAW,CAAC,GAEnEC,IAAeA,MAAM;AACzBP,IAAAA,EAAcQ,MAAS;AAAA,EACzB,GAEMC,IAA8CC,CAAQA,MAAA;AAC1D,UAAMC,IAAgBhB,EAAUiB,IAAIF,EAAKG,OAAOC,EAAE;AAClDd,IAAAA,EAAcW,CAAa;AAAA,EAC7B,GAEMI,IAA4CA,CAAC;AAAA,IAACC,MAAAA;AAAAA,IAAMH,QAAAA;AAAAA,EAAAA,MAAY;AAChE,QAAA,CAACd,KAAc,CAACiB,GAAM;AACpBjB,MAAAA,KAAcA,EAAWkB,WAAWT,UACxBR,EAAA;AAAA,QAAC,GAAGD;AAAAA,QAAYkB,QAAQT;AAAAA,QAAWU,SAASV;AAAAA,MAAAA,CAAU;AAGtE;AAAA,IAAA;AAGI,UAAA;AAAA,MAACS,QAAAA;AAAAA,MAAQC,SAAAA;AAAAA,IAAWC,IAAAA,EAASxB,GAAWkB,GAAQG,CAAI;AAE1D,IAAIjB,EAAWkB,WAAWA,KAAUlB,EAAWmB,YAAYA,KAI7ClB,EAAA;AAAA,MAAC,GAAGD;AAAAA,MAAYkB,QAAAA;AAAAA,MAAQC,SAAAA;AAAAA,IAAAA,CAAQ;AAAA,EAChD,GAEME,IAA0CA,CAAC;AAAA,IAACJ,MAAAA;AAAAA,EAAAA,MAAU;AACtD,QAAA,CAACjB,KAAc,CAACiB,GAAM;AACxB,MAAIjB,KACFC,EAAcQ,MAAS;AAGzB;AAAA,IAAA;AAGFR,IAAAA,EAAcQ,MAAS,GACvBd,EAAS2B,EAAS5B,GAAOM,GAAYiB,CAAI,CAAC;AAAA,EAC5C;AAEAM,SAAAA,EAAgB,MAAM;AACpBtB,IAAAA,EAAcQ,MAAS;AAAA,EAAA,GACtB,CAACf,CAAK,CAAC,GAEH;AAAA,IACLD,SAAAA;AAAAA,IACAG,WAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAG,YAAAA;AAAAA,IACAG,SAAAA;AAAAA,IACAO,aAAAA;AAAAA,IACAM,YAAAA;AAAAA,IACAK,WAAAA;AAAAA,IACAb,cAAAA;AAAAA,IACAgB,oBAAAA;AAAAA,EACF;AACF;"}

package/dist/Columns/index.d.ts

@@ -0,0 +1 @@
+export declare const Columns: React.FC;

package/dist/Columns/index.es.js

@@ -0,0 +1,61 @@
+import { jsx as b, jsxs as l } from "@emotion/react/jsx-runtime";
+import C from "@emotion/styled/base";
+import { DndContext as e } from "@dnd-kit/core";
+import { ModalContent as X } from "@join-x5/react";
+import { getArea as m } from "../Area/index.es.js";
+import "react";
+import "@dnd-kit/sortable";
+import "../DataGridSettingsContext.es.js";
+import { ActiveItemOverlay as W } from "../AreaItem/AreaItem.es.js";
+import { Search as a } from "../Search/index.es.js";
+import { useColumns as o } from "./hook.es.js";
+function p() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const s = /* @__PURE__ */ C(X, process.env.NODE_ENV === "production" ? {
+  target: "e1epmz4z1"
+} : {
+  target: "e1epmz4z1",
+  label: "ModalContent"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13i7c3v",
+  styles: "padding:0 24px 16px"
+} : {
+  name: "13i7c3v",
+  styles: "padding:0 24px 16px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQ29sdW1ucy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTZDIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQ29sdW1ucy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge0RuZENvbnRleHR9IGZyb20gJ0BkbmQta2l0L2NvcmUnO1xuXG5pbXBvcnQge01vZGFsQ29udGVudCBhcyBCYXNlTW9kYWxDb250ZW50fSBmcm9tICdAam9pbi14NS9yZWFjdCc7XG5cbmltcG9ydCB7Z2V0QXJlYX0gZnJvbSAnLi4vQXJlYSc7XG5pbXBvcnQge0FjdGl2ZUl0ZW1PdmVybGF5fSBmcm9tICcuLi9BcmVhSXRlbSc7XG5pbXBvcnQge1NlYXJjaH0gZnJvbSAnLi4vU2VhcmNoJztcblxuaW1wb3J0IHt1c2VDb2x1bW5zfSBmcm9tICcuL2hvb2snO1xuXG5pbXBvcnQgdHlwZSB7UmVhY3ROb2RlfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IE1vZGFsQ29udGVudCA9IHN0eWxlZChCYXNlTW9kYWxDb250ZW50KWBcbiAgcGFkZGluZzogMCAyNHB4IDE2cHg7XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tbGVmdDogLTMycHg7XG5cbiAgPiBkaXYge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiA0cHg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwYWRkaW5nLWxlZnQ6IDMycHg7XG5cbiAgICA6OmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgd2lkdGg6IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAxNnB4O1xuICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX07XG4gICAgfVxuXG4gICAgOmZpcnN0LW9mLXR5cGU6OmFmdGVyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uczogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIGNvbnN0IHtjb2x1bW5zLCBpdGVtc0J5SWQsIHNlYXJjaEl0ZW1zLCBhY3RpdmVJdGVtLCAuLi5yZXN0fSA9IHVzZUNvbHVtbnMoKTtcblxuICBjb25zdCBjaGlsZCA9IGNvbHVtbnMubWFwKChjb2x1bW4sIGNvbHVtbkluZGV4KSA9PiB7XG4gICAgY29uc3QgYXJlYXM6IFJlYWN0Tm9kZVtdID0gQXJyYXkuZnJvbShjb2x1bW4pLm1hcCgoW2FyZWEsIGl0ZW1JZHNdKSA9PlxuICAgICAgZ2V0QXJlYSh7Y29sdW1uSW5kZXgsIGFyZWEsIGl0ZW1JZHMsIGl0ZW1zQnlJZCwgc2VhcmNoSXRlbXMsIGFjdGl2ZUl0ZW19KVxuICAgICk7XG5cbiAgICBjb25zdCB3aWR0aCA9IGBjYWxjKCR7MTAwIC8gY29sdW1ucy5sZW5ndGh9JSlgO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYga2V5PXtjb2x1bW5JbmRleH0gc3R5bGU9e3t3aWR0aH19PlxuICAgICAgICB7YXJlYXN9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxNb2RhbENvbnRlbnQgbm9Cb3JkZXJTY3JvbGw+XG4gICAgICA8U2VhcmNoIC8+XG4gICAgICA8RG5kQ29udGV4dCBpZD1cIkRhdGFHcmlkU2V0dGluZ3NcIiB7Li4ucmVzdH0+XG4gICAgICAgIDxDb250YWluZXI+e2NoaWxkfTwvQ29udGFpbmVyPlxuICAgICAgICA8QWN0aXZlSXRlbU92ZXJsYXkgaXRlbT17YWN0aXZlSXRlbX0gLz5cbiAgICAgIDwvRG5kQ29udGV4dD5cbiAgICA8L01vZGFsQ29udGVudD5cbiAgKTtcbn07XG4iXX0= */",
+  toString: p
+}), x = /* @__PURE__ */ C("div", process.env.NODE_ENV === "production" ? {
+  target: "e1epmz4z0"
+} : {
+  target: "e1epmz4z0",
+  label: "Container"
+})("display:flex;margin-left:-32px;>div{display:flex;position:relative;flex-direction:column;gap:4px;box-sizing:border-box;padding-left:32px;::after{content:'';position:absolute;width:0;height:100%;top:0;left:16px;border-left:1px solid ", (g) => g.theme.colors.grey[10], ";}:first-of-type::after{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQ29sdW1ucy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI0QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQtc2V0dGluZ3Mvc3JjL0NvbHVtbnMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtEbmRDb250ZXh0fSBmcm9tICdAZG5kLWtpdC9jb3JlJztcblxuaW1wb3J0IHtNb2RhbENvbnRlbnQgYXMgQmFzZU1vZGFsQ29udGVudH0gZnJvbSAnQGpvaW4teDUvcmVhY3QnO1xuXG5pbXBvcnQge2dldEFyZWF9IGZyb20gJy4uL0FyZWEnO1xuaW1wb3J0IHtBY3RpdmVJdGVtT3ZlcmxheX0gZnJvbSAnLi4vQXJlYUl0ZW0nO1xuaW1wb3J0IHtTZWFyY2h9IGZyb20gJy4uL1NlYXJjaCc7XG5cbmltcG9ydCB7dXNlQ29sdW1uc30gZnJvbSAnLi9ob29rJztcblxuaW1wb3J0IHR5cGUge1JlYWN0Tm9kZX0gZnJvbSAncmVhY3QnO1xuXG5jb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQoQmFzZU1vZGFsQ29udGVudClgXG4gIHBhZGRpbmc6IDAgMjRweCAxNnB4O1xuYDtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luLWxlZnQ6IC0zMnB4O1xuXG4gID4gZGl2IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGdhcDogNHB4O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgcGFkZGluZy1sZWZ0OiAzMnB4O1xuXG4gICAgOjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHdpZHRoOiAwO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMTZweDtcbiAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19O1xuICAgIH1cblxuICAgIDpmaXJzdC1vZi10eXBlOjphZnRlciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvbHVtbnM6IFJlYWN0LkZDID0gKCkgPT4ge1xuICBjb25zdCB7Y29sdW1ucywgaXRlbXNCeUlkLCBzZWFyY2hJdGVtcywgYWN0aXZlSXRlbSwgLi4ucmVzdH0gPSB1c2VDb2x1bW5zKCk7XG5cbiAgY29uc3QgY2hpbGQgPSBjb2x1bW5zLm1hcCgoY29sdW1uLCBjb2x1bW5JbmRleCkgPT4ge1xuICAgIGNvbnN0IGFyZWFzOiBSZWFjdE5vZGVbXSA9IEFycmF5LmZyb20oY29sdW1uKS5tYXAoKFthcmVhLCBpdGVtSWRzXSkgPT5cbiAgICAgIGdldEFyZWEoe2NvbHVtbkluZGV4LCBhcmVhLCBpdGVtSWRzLCBpdGVtc0J5SWQsIHNlYXJjaEl0ZW1zLCBhY3RpdmVJdGVtfSlcbiAgICApO1xuXG4gICAgY29uc3Qgd2lkdGggPSBgY2FsYygkezEwMCAvIGNvbHVtbnMubGVuZ3RofSUpYDtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGtleT17Y29sdW1uSW5kZXh9IHN0eWxlPXt7d2lkdGh9fT5cbiAgICAgICAge2FyZWFzfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxDb250ZW50IG5vQm9yZGVyU2Nyb2xsPlxuICAgICAgPFNlYXJjaCAvPlxuICAgICAgPERuZENvbnRleHQgaWQ9XCJEYXRhR3JpZFNldHRpbmdzXCIgey4uLnJlc3R9PlxuICAgICAgICA8Q29udGFpbmVyPntjaGlsZH08L0NvbnRhaW5lcj5cbiAgICAgICAgPEFjdGl2ZUl0ZW1PdmVybGF5IGl0ZW09e2FjdGl2ZUl0ZW19IC8+XG4gICAgICA8L0RuZENvbnRleHQ+XG4gICAgPC9Nb2RhbENvbnRlbnQ+XG4gICk7XG59O1xuIl19 */")), H = () => {
+  const {
+    columns: g,
+    itemsById: t,
+    activeItem: I,
+    ...G
+  } = o(), Z = g.map((d, c) => {
+    const i = Array.from(d).map(([n, u]) => m({
+      columnIndex: c,
+      area: n,
+      itemIds: u,
+      itemsById: t,
+      activeItem: I
+    })), A = `calc(${100 / g.length}%)`;
+    return /* @__PURE__ */ b("div", { style: {
+      width: A
+    }, children: i }, c);
+  });
+  return /* @__PURE__ */ l(s, { noBorderScroll: !0, children: [
+    /* @__PURE__ */ b(a, {}),
+    /* @__PURE__ */ l(e, { id: "DataGridSettings", ...G, children: [
+      /* @__PURE__ */ b(x, { children: Z }),
+      /* @__PURE__ */ b(W, { item: I })
+    ] })
+  ] });
+};
+export {
+  H as Columns
+};
+//# sourceMappingURL=index.es.js.map

package/dist/Columns/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/Columns/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {DndContext} from '@dnd-kit/core';\n\nimport {ModalContent as BaseModalContent} from '@join-x5/react';\n\nimport {getArea} from '../Area';\nimport {ActiveItemOverlay} from '../AreaItem';\nimport {Search} from '../Search';\n\nimport {useColumns} from './hook';\n\nimport type {ReactNode} from 'react';\n\nconst ModalContent = styled(BaseModalContent)`\n  padding: 0 24px 16px;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  margin-left: -32px;\n\n  > div {\n    display: flex;\n    position: relative;\n    flex-direction: column;\n    gap: 4px;\n    box-sizing: border-box;\n    padding-left: 32px;\n\n    ::after {\n      content: '';\n      position: absolute;\n      width: 0;\n      height: 100%;\n      top: 0;\n      left: 16px;\n      border-left: 1px solid ${props => props.theme.colors.grey[10]};\n    }\n\n    :first-of-type::after {\n      display: none;\n    }\n  }\n`;\n\nexport const Columns: React.FC = () => {\n  const {columns, itemsById, searchItems, activeItem, ...rest} = useColumns();\n\n  const child = columns.map((column, columnIndex) => {\n    const areas: ReactNode[] = Array.from(column).map(([area, itemIds]) =>\n      getArea({columnIndex, area, itemIds, itemsById, searchItems, activeItem})\n    );\n\n    const width = `calc(${100 / columns.length}%)`;\n\n    return (\n      <div key={columnIndex} style={{width}}>\n        {areas}\n      </div>\n    );\n  });\n\n  return (\n    <ModalContent noBorderScroll>\n      <Search />\n      <DndContext id=\"DataGridSettings\" {...rest}>\n        <Container>{child}</Container>\n        <ActiveItemOverlay item={activeItem} />\n      </DndContext>\n    </ModalContent>\n  );\n};\n"],"names":["ModalContent","BaseModalContent","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_styled","props","theme","colors","grey","Columns","columns","itemsById","activeItem","rest","useColumns","child","map","column","columnIndex","areas","Array","from","area","itemIds","getArea","width","length","jsx","jsxs","Search","DndContext","ActiveItemOverlay"],"mappings":";;;;;;;;;;;;;;AAaA,MAAMA,IAAsBC,gBAAAA,EAAAA,GAAgBC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,UAAAC;AAAA,CAE5C,GAEKC,IAAS,gBAAAC,EAAA,OAAAV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,4OAmBgBO,CAASA,MAAAA,EAAMC,MAAMC,OAAOC,KAAK,EAAE,GAACd,6CAAAA,QAAAC,IAAAC,aAOlE,eAAA,KAAA,8mFAAA,GAEYa,IAAoBA,MAAM;AAC/B,QAAA;AAAA,IAACC,SAAAA;AAAAA,IAASC,WAAAA;AAAAA,IAAwBC,YAAAA;AAAAA,IAAY,GAAGC;AAAAA,MAAQC,EAAW,GAEpEC,IAAQL,EAAQM,IAAI,CAACC,GAAQC,MAAgB;AAC3CC,UAAAA,IAAqBC,MAAMC,KAAKJ,CAAM,EAAED,IAAI,CAAC,CAACM,GAAMC,CAAO,MAC/DC,EAAQ;AAAA,MAACN,aAAAA;AAAAA,MAAaI,MAAAA;AAAAA,MAAMC,SAAAA;AAAAA,MAASZ,WAAAA;AAAAA,MAAwBC,YAAAA;AAAAA,IAAAA,CAAW,CAC1E,GAEMa,IAAQ,QAAQ,MAAMf,EAAQgB,MAAM;AAGxC,WAAA,gBAAAC,EAAC,SAAsB,OAAO;AAAA,MAACF,OAAAA;AAAAA,IAAAA,GAC5BN,eADOD,CAEV;AAAA,EAAA,CAEH;AAGC,SAAA,gBAAAU,EAACpC,GAAa,EAAA,gBAAc,IAC1B,UAAA;AAAA,IAAA,gBAAAmC,EAACE,GAAM,EAAA;AAAA,IACN,gBAAAD,EAAAE,GAAA,EAAW,IAAG,oBAAuBjB,GAAAA,GACpC,UAAA;AAAA,MAAA,gBAAAc,EAACxB,KAAWY,UAAMA,EAAA,CAAA;AAAA,MAClB,gBAAAY,EAACI,GAAkB,EAAA,MAAMnB,EAAW,CAAA;AAAA,IAAA,EACtC,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/Columns/utils.d.ts

@@ -0,0 +1,11 @@
+import { Active, CollisionDetection, Over } from '@dnd-kit/core';
+import { ColumnItem, DataGridSettingsActiveItem, ItemsById } from '../types';
+export declare const moveItem: (items: ColumnItem[], active: DataGridSettingsActiveItem, over: Over) => ColumnItem[];
+export declare const moveOver: (itemsById: ItemsById, active: Active, over: Over) => {
+    overId: undefined;
+    isAbove: undefined;
+} | {
+    overId: import('../types').ColumnItemId;
+    isAbove: boolean;
+};
+export declare const collisionDetection: CollisionDetection;

package/dist/Columns/utils.es.js

@@ -0,0 +1,72 @@
+import { rectIntersection as b } from "@dnd-kit/core";
+import { ColumnArea as I } from "../types.es.js";
+const v = (a, o, n) => {
+  var u, f;
+  const c = {
+    [I.Default]: 0,
+    [I.FixedLeft]: -1,
+    [I.FixedRight]: 1
+  };
+  let e = [...a].sort((t, r) => {
+    const p = t.sort + a.length * c[t.area], m = r.sort + a.length * c[r.area];
+    return p - m;
+  }).map((t, r) => ({
+    ...t,
+    sort: r
+  }));
+  const s = e.find((t) => t.id === n.id);
+  if (!s) {
+    const t = (f = (u = n.data) == null ? void 0 : u.current) == null ? void 0 : f.area;
+    return t && (e = e.map((r) => r.id === o.id ? {
+      ...r,
+      area: t
+    } : r)), e;
+  }
+  const i = s.sort + (o.isAbove ? 0 : 1), [d, l] = e.reduce((t, r) => (t[+r.isLocked].push(r), t), [[], []]);
+  e = d.map((t) => t.id === o.id ? {
+    ...t,
+    sort: i,
+    area: s.area
+  } : t.sort >= i ? {
+    ...t,
+    sort: t.sort + 1
+  } : t), e.sort((t, r) => t.sort - r.sort);
+  for (const t of l)
+    e.splice(t.sort, 0, t);
+  return e.map((t, r) => ({
+    ...t,
+    sort: r
+  }));
+}, x = (a, o, n) => {
+  var d, l, u, f, t, r, p;
+  const c = a.get(n.id);
+  if (!c)
+    return {
+      overId: void 0,
+      isAbove: void 0
+    };
+  const e = ((u = (l = (d = n.data) == null ? void 0 : d.current) == null ? void 0 : l.sortable) == null ? void 0 : u.index) === 0, s = (r = (t = (f = o.rect) == null ? void 0 : f.current) == null ? void 0 : t.translated) == null ? void 0 : r.top, i = e && !!s && s < ((p = n.rect) == null ? void 0 : p.top);
+  return {
+    overId: c.id,
+    isAbove: i
+  };
+}, A = (a) => {
+  const o = b(a);
+  if (o.length === 2)
+    try {
+      const n = o.filter((c) => {
+        var e, s, i, d;
+        return !!((d = (i = (s = (e = c.data) == null ? void 0 : e.droppableContainer) == null ? void 0 : s.data) == null ? void 0 : i.current) != null && d.sortable);
+      });
+      if (n.length === 1)
+        return n;
+    } catch {
+    }
+  return o;
+};
+export {
+  A as collisionDetection,
+  v as moveItem,
+  x as moveOver
+};
+//# sourceMappingURL=utils.es.js.map

package/dist/Columns/utils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.es.js","sources":["../../src/Columns/utils.ts"],"sourcesContent":["import {rectIntersection} from '@dnd-kit/core';\n\nimport {ColumnArea} from '../types';\n\nimport type {Active, CollisionDetection, Over} from '@dnd-kit/core';\nimport type {ColumnItem, DataGridSettingsActiveItem, ItemsById} from '../types';\n\nexport const moveItem = (items: ColumnItem[], active: DataGridSettingsActiveItem, over: Over): ColumnItem[] => {\n  const areaFactor = {\n    [ColumnArea.Default]: 0,\n    [ColumnArea.FixedLeft]: -1,\n    [ColumnArea.FixedRight]: 1,\n  };\n\n  let newItems = [...items]\n    .sort((a, b) => {\n      const aSort = a.sort + items.length * areaFactor[a.area];\n      const bSort = b.sort + items.length * areaFactor[b.area];\n\n      return aSort - bSort;\n    })\n    .map((item, sort) => ({...item, sort}));\n\n  const overItem = newItems.find(item => item.id === over.id);\n\n  if (!overItem) {\n    const newArea: ColumnArea | undefined = over.data?.current?.area;\n    if (newArea) {\n      newItems = newItems.map(item => (item.id === active.id ? {...item, area: newArea} : item));\n    }\n\n    return newItems;\n  }\n\n  const newSort = overItem.sort + (active.isAbove ? 0 : 1);\n\n  const [relativeItems, fixedItems] = newItems.reduce(\n    (acc, item) => {\n      acc[+item.isLocked].push(item);\n      return acc;\n    },\n    [[], []] as [ColumnItem[], ColumnItem[]]\n  );\n\n  newItems = relativeItems.map(item => {\n    if (item.id === active.id) {\n      return {...item, sort: newSort, area: overItem.area};\n    }\n\n    if (item.sort >= newSort) {\n      return {...item, sort: item.sort + 1};\n    }\n\n    return item;\n  });\n\n  newItems.sort((a, b) => a.sort - b.sort);\n\n  for (const item of fixedItems) {\n    newItems.splice(item.sort, 0, item);\n  }\n\n  return newItems.map((item, sort) => ({...item, sort}));\n};\n\nexport const moveOver = (itemsById: ItemsById, active: Active, over: Over) => {\n  const overItem = itemsById.get(over.id);\n  if (!overItem) {\n    return {overId: undefined, isAbove: undefined};\n  }\n\n  const isFirst = over.data?.current?.sortable?.index === 0;\n  const offsetTop = active.rect?.current?.translated?.top;\n\n  const isAbove = isFirst && !!offsetTop && offsetTop < over.rect?.top;\n\n  return {overId: overItem.id, isAbove};\n};\n\nexport const collisionDetection: CollisionDetection = args => {\n  const rectResult = rectIntersection(args);\n\n  if (rectResult.length === 2) {\n    try {\n      const sortables = rectResult.filter(item => !!item.data?.droppableContainer?.data?.current?.sortable);\n      if (sortables.length === 1) {\n        return sortables;\n      }\n      //eslint-disable-next-line no-empty\n    } catch {}\n  }\n\n  return rectResult;\n};\n"],"names":["moveItem","items","active","over","areaFactor","ColumnArea","Default","FixedLeft","FixedRight","newItems","sort","a","b","aSort","length","area","bSort","map","item","overItem","find","id","newArea","data","current","newSort","isAbove","relativeItems","fixedItems","reduce","acc","isLocked","push","splice","moveOver","itemsById","get","overId","undefined","isFirst","sortable","index","offsetTop","rect","translated","top","collisionDetection","args","rectResult","rectIntersection","sortables","filter","droppableContainer"],"mappings":"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"}

package/dist/DataGridSettings.d.ts

@@ -0,0 +1,2 @@
+import { DataGridSettingsProps } from './types';
+export declare const DataGridSettings: React.FC<DataGridSettingsProps>;

package/dist/DataGridSettings.es.js

@@ -0,0 +1,51 @@
+import { jsxs as c, jsx as m } from "@emotion/react/jsx-runtime";
+import { useState as d, useMemo as I } from "react";
+import { useUpdateEffect as f } from "@join-x5/react-theme";
+import { Modal as D, ModalHeader as S } from "@join-x5/react";
+import { Columns as M } from "./Columns/index.es.js";
+import { Footer as P } from "./Footer/index.es.js";
+import { DataGridSettingsContext as j } from "./DataGridSettingsContext.es.js";
+import { getColumnsData as v } from "./utils.es.js";
+import { ColumnArea as l } from "./types.es.js";
+const L = (t) => {
+  const {
+    isOpen: e,
+    qa: r = "datagridsettings",
+    areas: o = [l.FixedLeft, l.Default],
+    ...u
+  } = t, [s, i] = d(t.items), [p, a] = d([]), {
+    columns: x,
+    itemsById: g,
+    size: h
+  } = I(() => v(s, o), [s, o]), C = {
+    ...u,
+    columns: x,
+    itemsById: g,
+    areas: o,
+    items: s,
+    setItems: i,
+    searchItems: p,
+    setSearchItems: a,
+    qa: r
+  }, n = () => t.setIsOpen(!1);
+  return f(() => {
+    i(t.items);
+  }, [t.items]), f(() => {
+    e || setTimeout(() => a([]));
+  }, [e]), /* @__PURE__ */ c(D, { ...{
+    isOpen: e,
+    onClose: n,
+    qa: r,
+    size: h
+  }, children: [
+    /* @__PURE__ */ m(S, { onClose: n, children: "Настройка таблицы" }),
+    /* @__PURE__ */ c(j.Provider, { value: C, children: [
+      /* @__PURE__ */ m(M, {}),
+      /* @__PURE__ */ m(P, {})
+    ] })
+  ] });
+};
+export {
+  L as DataGridSettings
+};
+//# sourceMappingURL=DataGridSettings.es.js.map

package/dist/DataGridSettings.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridSettings.es.js","sources":["../src/DataGridSettings.tsx"],"sourcesContent":["import {useMemo, useState} from 'react';\n\nimport {useUpdateEffect} from '@join-x5/react-theme';\nimport {Modal, ModalHeader} from '@join-x5/react';\n\nimport {Columns} from './Columns';\nimport {Footer} from './Footer';\nimport {DataGridSettingsContext} from './DataGridSettingsContext';\nimport {getColumnsData} from './utils';\nimport {ColumnArea} from './types';\n\nimport type {ColumnItem, ColumnItemId, DataGridSettingsProps} from './types';\n\nexport const DataGridSettings: React.FC<DataGridSettingsProps> = props => {\n  const {\n    isOpen,\n\n    qa = 'datagridsettings',\n    areas = [ColumnArea.FixedLeft, ColumnArea.Default],\n\n    ...rest\n  } = props;\n\n  const [items, setItems] = useState<ColumnItem[]>(props.items);\n  const [searchItems, setSearchItems] = useState<ColumnItemId[]>([]);\n\n  const {columns, itemsById, size} = useMemo(() => getColumnsData(items, areas), [items, areas]);\n\n  const context = {...rest, columns, itemsById, areas, items, setItems, searchItems, setSearchItems, qa};\n\n  const onClose = () => props.setIsOpen(false);\n\n  useUpdateEffect(() => {\n    setItems(props.items);\n  }, [props.items]);\n\n  useUpdateEffect(() => {\n    if (!isOpen) {\n      setTimeout(() => setSearchItems([]));\n    }\n  }, [isOpen]);\n\n  const modalProps = {isOpen, onClose, qa, size};\n\n  return (\n    <Modal {...modalProps}>\n      <ModalHeader onClose={onClose}>Настройка таблицы</ModalHeader>\n      <DataGridSettingsContext.Provider value={context}>\n        <Columns />\n        <Footer />\n      </DataGridSettingsContext.Provider>\n    </Modal>\n  );\n};\n"],"names":["DataGridSettings","props","isOpen","qa","areas","ColumnArea","FixedLeft","Default","rest","items","setItems","useState","searchItems","setSearchItems","columns","itemsById","size","useMemo","getColumnsData","context","onClose","setIsOpen","useUpdateEffect","setTimeout","jsxs","Modal","jsx","ModalHeader","DataGridSettingsContext","Columns","Footer"],"mappings":";;;;;;;;;AAaO,MAAMA,IAAoDC,CAASA,MAAA;AAClE,QAAA;AAAA,IACJC,QAAAA;AAAAA,IAEAC,IAAAA,IAAK;AAAA,IACLC,OAAAA,IAAQ,CAACC,EAAWC,WAAWD,EAAWE,OAAO;AAAA,IAEjD,GAAGC;AAAAA,EAAAA,IACDP,GAEE,CAACQ,GAAOC,CAAQ,IAAIC,EAAuBV,EAAMQ,KAAK,GACtD,CAACG,GAAaC,CAAc,IAAIF,EAAyB,CAAA,CAAE,GAE3D;AAAA,IAACG,SAAAA;AAAAA,IAASC,WAAAA;AAAAA,IAAWC,MAAAA;AAAAA,EAAAA,IAAQC,EAAQ,MAAMC,EAAeT,GAAOL,CAAK,GAAG,CAACK,GAAOL,CAAK,CAAC,GAEvFe,IAAU;AAAA,IAAC,GAAGX;AAAAA,IAAMM,SAAAA;AAAAA,IAASC,WAAAA;AAAAA,IAAWX,OAAAA;AAAAA,IAAOK,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,IAAUE,aAAAA;AAAAA,IAAaC,gBAAAA;AAAAA,IAAgBV,IAAAA;AAAAA,EAAE,GAE/FiB,IAAUA,MAAMnB,EAAMoB,UAAU,EAAK;AAE3CC,SAAAA,EAAgB,MAAM;AACpBZ,IAAAA,EAAST,EAAMQ,KAAK;AAAA,EAAA,GACnB,CAACR,EAAMQ,KAAK,CAAC,GAEhBa,EAAgB,MAAM;AACpB,IAAKpB,KACHqB,WAAW,MAAMV,EAAe,CAAA,CAAE,CAAC;AAAA,EACrC,GACC,CAACX,CAAM,CAAC,GAKT,gBAAAsB,EAACC,GAAM,EAAA,GAHU;AAAA,IAACvB,QAAAA;AAAAA,IAAQkB,SAAAA;AAAAA,IAASjB,IAAAA;AAAAA,IAAIa,MAAAA;AAAAA,EAAI,GAIzC,UAAA;AAAA,IAAC,gBAAAU,EAAAC,GAAA,EAAY,SAAAP,GAAkB,UAAiB,oBAAA,CAAA;AAAA,IAC/C,gBAAAI,EAAAI,EAAwB,UAAxB,EAAiC,OAAOT,GACvC,UAAA;AAAA,MAAA,gBAAAO,EAACG,GAAO,EAAA;AAAA,wBACPC,GAAM,CAAA,CAAA;AAAA,IAAA,EACT,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/DataGridSettingsContext.d.ts

@@ -0,0 +1,12 @@
+import { ColumnArea, ColumnItem, ColumnData, DataGridSettingsProps, ItemsById, ColumnItemId } from './types';
+import { RequiredQA } from '@join-x5/react-theme';
+type DataGridSettingsContextProps = {
+    columns: ColumnData[];
+    itemsById: ItemsById;
+    areas: ColumnArea[];
+    setItems: (newItems: ColumnItem[]) => void;
+    searchItems: ColumnItemId[];
+    setSearchItems: (newSearchItems: ColumnItemId[]) => void;
+} & Pick<DataGridSettingsProps, 'setIsOpen' | 'items' | 'defaultItems' | 'onSave'> & RequiredQA;
+export declare const DataGridSettingsContext: import('react').Context<DataGridSettingsContextProps>;
+export {};

package/dist/DataGridSettingsContext.es.js

@@ -0,0 +1,22 @@
+import { createContext as e } from "react";
+const s = e({
+  items: [],
+  defaultItems: [],
+  areas: [],
+  columns: [],
+  itemsById: /* @__PURE__ */ new Map(),
+  searchItems: [],
+  setSearchItems: () => {
+  },
+  setIsOpen: () => {
+  },
+  setItems: () => {
+  },
+  onSave: () => {
+  },
+  qa: ""
+});
+export {
+  s as DataGridSettingsContext
+};
+//# sourceMappingURL=DataGridSettingsContext.es.js.map

package/dist/DataGridSettingsContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridSettingsContext.es.js","sources":["../src/DataGridSettingsContext.ts"],"sourcesContent":["import {createContext} from 'react';\n\nimport type {ColumnArea, ColumnItem, ColumnData, DataGridSettingsProps, ItemsById, ColumnItemId} from './types';\nimport type {RequiredQA} from '@join-x5/react-theme';\n\ntype DataGridSettingsContextProps = {\n  columns: ColumnData[];\n  itemsById: ItemsById;\n  areas: ColumnArea[];\n\n  setItems: (newItems: ColumnItem[]) => void;\n\n  searchItems: ColumnItemId[];\n  setSearchItems: (newSearchItems: ColumnItemId[]) => void;\n} & Pick<DataGridSettingsProps, 'setIsOpen' | 'items' | 'defaultItems' | 'onSave'> &\n  RequiredQA;\n\nexport const DataGridSettingsContext = createContext<DataGridSettingsContextProps>({\n  items: [],\n  defaultItems: [],\n  areas: [],\n  columns: [],\n  itemsById: new Map(),\n  searchItems: [],\n  setSearchItems: () => {},\n\n  setIsOpen: () => {},\n  setItems: () => {},\n  onSave: () => {},\n  qa: '',\n});\n"],"names":["DataGridSettingsContext","createContext","items","defaultItems","areas","columns","itemsById","Map","searchItems","setSearchItems","setIsOpen","setItems","onSave","qa"],"mappings":";AAiBO,MAAMA,IAA0BC,EAA4C;AAAA,EACjFC,OAAO,CAAE;AAAA,EACTC,cAAc,CAAE;AAAA,EAChBC,OAAO,CAAE;AAAA,EACTC,SAAS,CAAE;AAAA,EACXC,+BAAeC,IAAI;AAAA,EACnBC,aAAa,CAAE;AAAA,EACfC,gBAAgBA,MAAM;AAAA,EAAC;AAAA,EAEvBC,WAAWA,MAAM;AAAA,EAAC;AAAA,EAClBC,UAAUA,MAAM;AAAA,EAAC;AAAA,EACjBC,QAAQA,MAAM;AAAA,EAAC;AAAA,EACfC,IAAI;AACN,CAAC;"}

package/dist/Footer/LeftButtons.d.ts

@@ -0,0 +1 @@
+export declare const LeftButtons: React.FC;

package/dist/Footer/LeftButtons.es.js

@@ -0,0 +1,67 @@
+import { jsx as I, jsxs as t } from "@emotion/react/jsx-runtime";
+import V from "@emotion/styled/base";
+import { useContext as e, useState as x, useRef as m } from "react";
+import { SizeTokenValue as u, Placement as o } from "@join-x5/react-theme";
+import { DropdownContent as a, ModalFooterContent as R, Button as W, ButtonVariant as A, IconButton as s, Dropdown as p } from "@join-x5/react";
+import { MoreHorizontalIcon as J } from "@join-x5/react-icons";
+import { DataGridSettingsContext as v } from "../DataGridSettingsContext.es.js";
+function N() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const B = /* @__PURE__ */ V(a, process.env.NODE_ENV === "production" ? {
+  target: "e143cb4b1"
+} : {
+  target: "e143cb4b1",
+  label: "DropdownContent"
+})(process.env.NODE_ENV === "production" ? {
+  name: "d3v9zr",
+  styles: "overflow:hidden"
+} : {
+  name: "d3v9zr",
+  styles: "overflow:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvRm9vdGVyL0xlZnRCdXR0b25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQm1EIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvRm9vdGVyL0xlZnRCdXR0b25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7dXNlQ29udGV4dCwgdXNlUmVmLCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1BsYWNlbWVudCwgU2l6ZVRva2VuVmFsdWV9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB7XG4gIEJ1dHRvbixcbiAgQnV0dG9uVmFyaWFudCxcbiAgSWNvbkJ1dHRvbixcbiAgTW9kYWxGb290ZXJDb250ZW50LFxuICBEcm9wZG93bixcbiAgRHJvcGRvd25Db250ZW50IGFzIEJhc2VEcm9wZG93bkNvbnRlbnQsXG59IGZyb20gJ0Bqb2luLXg1L3JlYWN0JztcblxuaW1wb3J0IHtNb3JlSG9yaXpvbnRhbEljb259IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWljb25zJztcblxuaW1wb3J0IHtEYXRhR3JpZFNldHRpbmdzQ29udGV4dH0gZnJvbSAnLi4vRGF0YUdyaWRTZXR0aW5nc0NvbnRleHQnO1xuXG5pbXBvcnQgdHlwZSB7UmVxdWlyZWRRQX0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5jb25zdCBEcm9wZG93bkNvbnRlbnQgPSBzdHlsZWQoQmFzZURyb3Bkb3duQ29udGVudClgXG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBEcm9wZG93bkJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiA2cHggMTJweDtcbiAgYm9yZGVyOiAwO1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5LnAxY29tcGFjdH1cblxuICA6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdfTtcbiAgfVxuYDtcblxudHlwZSBEcm9wZG93bkJ1dHRvbnNQcm9wcyA9IHtcbiAgaXNBbGxWaXNpYmxlOiBib29sZWFuO1xuICBvblJlc2V0OiAoKSA9PiB2b2lkO1xuICBvblRvZ2dsZVZpc2libGU6ICgpID0+IHZvaWQ7XG59ICYgUmVxdWlyZWRRQTtcblxuY29uc3QgRHJvcGRvd25CdXR0b25zOiBSZWFjdC5GQzxEcm9wZG93bkJ1dHRvbnNQcm9wcz4gPSAoe2lzQWxsVmlzaWJsZSwgcWEsIC4uLnByb3BzfSkgPT4ge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IG9uVG9nZ2xlID0gKCkgPT4gc2V0SXNPcGVuKCFpc09wZW4pO1xuXG4gIGNvbnN0IG9uUmVzZXQgPSAoKSA9PiB7XG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBwcm9wcy5vblJlc2V0KCk7XG4gIH07XG5cbiAgY29uc3Qgb25Ub2dnbGVWaXNpYmxlID0gKCkgPT4ge1xuICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgcHJvcHMub25Ub2dnbGVWaXNpYmxlKCk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxGb290ZXJDb250ZW50PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHNpemU9e1NpemVUb2tlblZhbHVlLlNtYWxsfVxuICAgICAgICB2YXJpYW50PXtCdXR0b25WYXJpYW50LklubmVySW5wdXR9XG4gICAgICAgIG9uQ2xpY2s9e29uVG9nZ2xlfVxuICAgICAgICBxYT17YCR7cWF9LWZvb3Rlci1kcm9wZG93bmB9XG4gICAgICA+XG4gICAgICAgIDxNb3JlSG9yaXpvbnRhbEljb24gc2l6ZT17U2l6ZVRva2VuVmFsdWUuU21hbGx9IC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgICA8RHJvcGRvd24gd2lkdGg9XCIxNTJweFwiIHBsYWNlbWVudD17UGxhY2VtZW50LlRvcFN0YXJ0fSBpc09wZW49e2lzT3Blbn0gc2V0SXNPcGVuPXtzZXRJc09wZW59IHRhcmdldFJlZj17cmVmfT5cbiAgICAgICAgPERyb3Bkb3duQ29udGVudD5cbiAgICAgICAgICA8RHJvcGRvd25CdXR0b24gdHlwZT1cImJ1dHRvblwiIG9uQ2xpY2s9e29uUmVzZXR9IGRhdGEtcWE9e2Ake3FhfS1yZXNldGB9PlxuICAgICAgICAgICAg0J/QviDRg9C80L7Qu9GH0LDQvdC40Y5cbiAgICAgICAgICA8L0Ryb3Bkb3duQnV0dG9uPlxuICAgICAgICAgIDxEcm9wZG93bkJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgb25DbGljaz17b25Ub2dnbGVWaXNpYmxlfSBkYXRhLXFhPXtgJHtxYX0tdG9nZ2xlLXZpc2libGVgfT5cbiAgICAgICAgICAgIHtpc0FsbFZpc2libGUgPyAn0KHQutGA0YvRgtGMINCy0YHQtScgOiAn0J/QvtC60LDQt9Cw0YLRjCDQstGB0LUnfVxuICAgICAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICAgIDwvRHJvcGRvd25Db250ZW50PlxuICAgICAgPC9Ecm9wZG93bj5cbiAgICA8L01vZGFsRm9vdGVyQ29udGVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMZWZ0QnV0dG9uczogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIGNvbnN0IHtpdGVtcywgZGVmYXVsdEl0ZW1zLCBzZXRJdGVtcywgY29sdW1ucywgcWF9ID0gdXNlQ29udGV4dChEYXRhR3JpZFNldHRpbmdzQ29udGV4dCk7XG5cbiAgY29uc3QgaXNBbGxWaXNpYmxlID0gaXRlbXMuZmluZEluZGV4KGl0ZW0gPT4gIWl0ZW0uaXNWaXNpYmxlKSA9PT0gLTE7XG5cbiAgY29uc3Qgb25SZXNldCA9ICgpID0+IHNldEl0ZW1zKGRlZmF1bHRJdGVtcyk7XG5cbiAgY29uc3Qgb25Ub2dnbGVWaXNpYmxlID0gKCkgPT4ge1xuICAgIGNvbnN0IG5ld0l0ZW1zID0gaXRlbXMubWFwKGl0ZW0gPT4gKHsuLi5pdGVtLCBpc1Zpc2libGU6IGl0ZW0uaXNBbHdheXNWaXNpYmxlIHx8ICFpc0FsbFZpc2libGV9KSk7XG5cbiAgICBzZXRJdGVtcyhuZXdJdGVtcyk7XG4gIH07XG5cbiAgaWYgKGNvbHVtbnMubGVuZ3RoID09PSAxKSB7XG4gICAgcmV0dXJuIDxEcm9wZG93bkJ1dHRvbnMgaXNBbGxWaXNpYmxlPXtpc0FsbFZpc2libGV9IG9uUmVzZXQ9e29uUmVzZXR9IG9uVG9nZ2xlVmlzaWJsZT17b25Ub2dnbGVWaXNpYmxlfSBxYT17cWF9IC8+O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxGb290ZXJDb250ZW50PlxuICAgICAgPEJ1dHRvbiBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH0gdmFyaWFudD17QnV0dG9uVmFyaWFudC5HaG9zdH0gb25DbGljaz17b25SZXNldH0gcWE9e2Ake3FhfS1yZXNldGB9PlxuICAgICAgICDQn9C+INGD0LzQvtC70YfQsNC90LjRjlxuICAgICAgPC9CdXR0b24+XG4gICAgICA8QnV0dG9uXG4gICAgICAgIHNpemU9e1NpemVUb2tlblZhbHVlLlNtYWxsfVxuICAgICAgICB2YXJpYW50PXtCdXR0b25WYXJpYW50Lkdob3N0fVxuICAgICAgICBvbkNsaWNrPXtvblRvZ2dsZVZpc2libGV9XG4gICAgICAgIHFhPXtgJHtxYX0tdG9nZ2xlLXZpc2libGVgfVxuICAgICAgPlxuICAgICAgICB7aXNBbGxWaXNpYmxlID8gJ9Ch0LrRgNGL0YLRjCDQstGB0LUnIDogJ9Cf0L7QutCw0LfQsNGC0Ywg0LLRgdC1J31cbiAgICAgIDwvQnV0dG9uPlxuICAgIDwvTW9kYWxGb290ZXJDb250ZW50PlxuICApO1xufTtcbiJdfQ== */",
+  toString: N
+}), i = /* @__PURE__ */ V("button", process.env.NODE_ENV === "production" ? {
+  target: "e143cb4b0"
+} : {
+  target: "e143cb4b0",
+  label: "DropdownButton"
+})("width:100%;padding:6px 12px;border:0;outline:none;background:none;text-align:left;cursor:pointer;", (b) => b.theme.typography.p1compact, " :hover{background-color:", (b) => b.theme.colors.grey[10], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvRm9vdGVyL0xlZnRCdXR0b25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Qm9DIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvRm9vdGVyL0xlZnRCdXR0b25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7dXNlQ29udGV4dCwgdXNlUmVmLCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1BsYWNlbWVudCwgU2l6ZVRva2VuVmFsdWV9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB7XG4gIEJ1dHRvbixcbiAgQnV0dG9uVmFyaWFudCxcbiAgSWNvbkJ1dHRvbixcbiAgTW9kYWxGb290ZXJDb250ZW50LFxuICBEcm9wZG93bixcbiAgRHJvcGRvd25Db250ZW50IGFzIEJhc2VEcm9wZG93bkNvbnRlbnQsXG59IGZyb20gJ0Bqb2luLXg1L3JlYWN0JztcblxuaW1wb3J0IHtNb3JlSG9yaXpvbnRhbEljb259IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWljb25zJztcblxuaW1wb3J0IHtEYXRhR3JpZFNldHRpbmdzQ29udGV4dH0gZnJvbSAnLi4vRGF0YUdyaWRTZXR0aW5nc0NvbnRleHQnO1xuXG5pbXBvcnQgdHlwZSB7UmVxdWlyZWRRQX0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5jb25zdCBEcm9wZG93bkNvbnRlbnQgPSBzdHlsZWQoQmFzZURyb3Bkb3duQ29udGVudClgXG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBEcm9wZG93bkJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiA2cHggMTJweDtcbiAgYm9yZGVyOiAwO1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5LnAxY29tcGFjdH1cblxuICA6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdfTtcbiAgfVxuYDtcblxudHlwZSBEcm9wZG93bkJ1dHRvbnNQcm9wcyA9IHtcbiAgaXNBbGxWaXNpYmxlOiBib29sZWFuO1xuICBvblJlc2V0OiAoKSA9PiB2b2lkO1xuICBvblRvZ2dsZVZpc2libGU6ICgpID0+IHZvaWQ7XG59ICYgUmVxdWlyZWRRQTtcblxuY29uc3QgRHJvcGRvd25CdXR0b25zOiBSZWFjdC5GQzxEcm9wZG93bkJ1dHRvbnNQcm9wcz4gPSAoe2lzQWxsVmlzaWJsZSwgcWEsIC4uLnByb3BzfSkgPT4ge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IG9uVG9nZ2xlID0gKCkgPT4gc2V0SXNPcGVuKCFpc09wZW4pO1xuXG4gIGNvbnN0IG9uUmVzZXQgPSAoKSA9PiB7XG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBwcm9wcy5vblJlc2V0KCk7XG4gIH07XG5cbiAgY29uc3Qgb25Ub2dnbGVWaXNpYmxlID0gKCkgPT4ge1xuICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgcHJvcHMub25Ub2dnbGVWaXNpYmxlKCk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxGb290ZXJDb250ZW50PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHNpemU9e1NpemVUb2tlblZhbHVlLlNtYWxsfVxuICAgICAgICB2YXJpYW50PXtCdXR0b25WYXJpYW50LklubmVySW5wdXR9XG4gICAgICAgIG9uQ2xpY2s9e29uVG9nZ2xlfVxuICAgICAgICBxYT17YCR7cWF9LWZvb3Rlci1kcm9wZG93bmB9XG4gICAgICA+XG4gICAgICAgIDxNb3JlSG9yaXpvbnRhbEljb24gc2l6ZT17U2l6ZVRva2VuVmFsdWUuU21hbGx9IC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgICA8RHJvcGRvd24gd2lkdGg9XCIxNTJweFwiIHBsYWNlbWVudD17UGxhY2VtZW50LlRvcFN0YXJ0fSBpc09wZW49e2lzT3Blbn0gc2V0SXNPcGVuPXtzZXRJc09wZW59IHRhcmdldFJlZj17cmVmfT5cbiAgICAgICAgPERyb3Bkb3duQ29udGVudD5cbiAgICAgICAgICA8RHJvcGRvd25CdXR0b24gdHlwZT1cImJ1dHRvblwiIG9uQ2xpY2s9e29uUmVzZXR9IGRhdGEtcWE9e2Ake3FhfS1yZXNldGB9PlxuICAgICAgICAgICAg0J/QviDRg9C80L7Qu9GH0LDQvdC40Y5cbiAgICAgICAgICA8L0Ryb3Bkb3duQnV0dG9uPlxuICAgICAgICAgIDxEcm9wZG93bkJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgb25DbGljaz17b25Ub2dnbGVWaXNpYmxlfSBkYXRhLXFhPXtgJHtxYX0tdG9nZ2xlLXZpc2libGVgfT5cbiAgICAgICAgICAgIHtpc0FsbFZpc2libGUgPyAn0KHQutGA0YvRgtGMINCy0YHQtScgOiAn0J/QvtC60LDQt9Cw0YLRjCDQstGB0LUnfVxuICAgICAgICAgIDwvRHJvcGRvd25CdXR0b24+XG4gICAgICAgIDwvRHJvcGRvd25Db250ZW50PlxuICAgICAgPC9Ecm9wZG93bj5cbiAgICA8L01vZGFsRm9vdGVyQ29udGVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMZWZ0QnV0dG9uczogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIGNvbnN0IHtpdGVtcywgZGVmYXVsdEl0ZW1zLCBzZXRJdGVtcywgY29sdW1ucywgcWF9ID0gdXNlQ29udGV4dChEYXRhR3JpZFNldHRpbmdzQ29udGV4dCk7XG5cbiAgY29uc3QgaXNBbGxWaXNpYmxlID0gaXRlbXMuZmluZEluZGV4KGl0ZW0gPT4gIWl0ZW0uaXNWaXNpYmxlKSA9PT0gLTE7XG5cbiAgY29uc3Qgb25SZXNldCA9ICgpID0+IHNldEl0ZW1zKGRlZmF1bHRJdGVtcyk7XG5cbiAgY29uc3Qgb25Ub2dnbGVWaXNpYmxlID0gKCkgPT4ge1xuICAgIGNvbnN0IG5ld0l0ZW1zID0gaXRlbXMubWFwKGl0ZW0gPT4gKHsuLi5pdGVtLCBpc1Zpc2libGU6IGl0ZW0uaXNBbHdheXNWaXNpYmxlIHx8ICFpc0FsbFZpc2libGV9KSk7XG5cbiAgICBzZXRJdGVtcyhuZXdJdGVtcyk7XG4gIH07XG5cbiAgaWYgKGNvbHVtbnMubGVuZ3RoID09PSAxKSB7XG4gICAgcmV0dXJuIDxEcm9wZG93bkJ1dHRvbnMgaXNBbGxWaXNpYmxlPXtpc0FsbFZpc2libGV9IG9uUmVzZXQ9e29uUmVzZXR9IG9uVG9nZ2xlVmlzaWJsZT17b25Ub2dnbGVWaXNpYmxlfSBxYT17cWF9IC8+O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxGb290ZXJDb250ZW50PlxuICAgICAgPEJ1dHRvbiBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH0gdmFyaWFudD17QnV0dG9uVmFyaWFudC5HaG9zdH0gb25DbGljaz17b25SZXNldH0gcWE9e2Ake3FhfS1yZXNldGB9PlxuICAgICAgICDQn9C+INGD0LzQvtC70YfQsNC90LjRjlxuICAgICAgPC9CdXR0b24+XG4gICAgICA8QnV0dG9uXG4gICAgICAgIHNpemU9e1NpemVUb2tlblZhbHVlLlNtYWxsfVxuICAgICAgICB2YXJpYW50PXtCdXR0b25WYXJpYW50Lkdob3N0fVxuICAgICAgICBvbkNsaWNrPXtvblRvZ2dsZVZpc2libGV9XG4gICAgICAgIHFhPXtgJHtxYX0tdG9nZ2xlLXZpc2libGVgfVxuICAgICAgPlxuICAgICAgICB7aXNBbGxWaXNpYmxlID8gJ9Ch0LrRgNGL0YLRjCDQstGB0LUnIDogJ9Cf0L7QutCw0LfQsNGC0Ywg0LLRgdC1J31cbiAgICAgIDwvQnV0dG9uPlxuICAgIDwvTW9kYWxGb290ZXJDb250ZW50PlxuICApO1xufTtcbiJdfQ== */")), Y = ({
+  isAllVisible: b,
+  qa: C,
+  ...G
+}) => {
+  const [d, g] = x(!1), l = m(null), X = () => g(!d), Z = () => {
+    g(!1), G.onReset();
+  }, c = () => {
+    g(!1), G.onToggleVisible();
+  };
+  return /* @__PURE__ */ t(R, { children: [
+    /* @__PURE__ */ I(s, { ref: l, size: u.Small, variant: A.InnerInput, onClick: X, qa: `${C}-footer-dropdown`, children: /* @__PURE__ */ I(J, { size: u.Small }) }),
+    /* @__PURE__ */ I(p, { width: "152px", placement: o.TopStart, isOpen: d, setIsOpen: g, targetRef: l, children: /* @__PURE__ */ t(B, { children: [
+      /* @__PURE__ */ I(i, { type: "button", onClick: Z, "data-qa": `${C}-reset`, children: "По умолчанию" }),
+      /* @__PURE__ */ I(i, { type: "button", onClick: c, "data-qa": `${C}-toggle-visible`, children: b ? "Скрыть все" : "Показать все" })
+    ] }) })
+  ] });
+}, y = () => {
+  const {
+    items: b,
+    defaultItems: C,
+    setItems: G,
+    columns: d,
+    qa: g
+  } = e(v), l = b.findIndex((c) => !c.isVisible) === -1, X = () => G(C), Z = () => {
+    const c = b.map((n) => ({
+      ...n,
+      isVisible: n.isAlwaysVisible || !l
+    }));
+    G(c);
+  };
+  return d.length === 1 ? /* @__PURE__ */ I(Y, { isAllVisible: l, onReset: X, onToggleVisible: Z, qa: g }) : /* @__PURE__ */ t(R, { children: [
+    /* @__PURE__ */ I(W, { size: u.Small, variant: A.Ghost, onClick: X, qa: `${g}-reset`, children: "По умолчанию" }),
+    /* @__PURE__ */ I(W, { size: u.Small, variant: A.Ghost, onClick: Z, qa: `${g}-toggle-visible`, children: l ? "Скрыть все" : "Показать все" })
+  ] });
+};
+export {
+  y as LeftButtons
+};
+//# sourceMappingURL=LeftButtons.es.js.map

package/dist/Footer/LeftButtons.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftButtons.es.js","sources":["../../src/Footer/LeftButtons.tsx"],"sourcesContent":["import {useContext, useRef, useState} from 'react';\nimport styled from '@emotion/styled';\n\nimport {Placement, SizeTokenValue} from '@join-x5/react-theme';\nimport {\n  Button,\n  ButtonVariant,\n  IconButton,\n  ModalFooterContent,\n  Dropdown,\n  DropdownContent as BaseDropdownContent,\n} from '@join-x5/react';\n\nimport {MoreHorizontalIcon} from '@join-x5/react-icons';\n\nimport {DataGridSettingsContext} from '../DataGridSettingsContext';\n\nimport type {RequiredQA} from '@join-x5/react-theme';\n\nconst DropdownContent = styled(BaseDropdownContent)`\n  overflow: hidden;\n`;\n\nconst DropdownButton = styled.button`\n  width: 100%;\n  padding: 6px 12px;\n  border: 0;\n  outline: none;\n  background: none;\n  text-align: left;\n  cursor: pointer;\n\n  ${props => props.theme.typography.p1compact}\n\n  :hover {\n    background-color: ${props => props.theme.colors.grey[10]};\n  }\n`;\n\ntype DropdownButtonsProps = {\n  isAllVisible: boolean;\n  onReset: () => void;\n  onToggleVisible: () => void;\n} & RequiredQA;\n\nconst DropdownButtons: React.FC<DropdownButtonsProps> = ({isAllVisible, qa, ...props}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const ref = useRef<HTMLButtonElement>(null);\n\n  const onToggle = () => setIsOpen(!isOpen);\n\n  const onReset = () => {\n    setIsOpen(false);\n    props.onReset();\n  };\n\n  const onToggleVisible = () => {\n    setIsOpen(false);\n    props.onToggleVisible();\n  };\n\n  return (\n    <ModalFooterContent>\n      <IconButton\n        ref={ref}\n        size={SizeTokenValue.Small}\n        variant={ButtonVariant.InnerInput}\n        onClick={onToggle}\n        qa={`${qa}-footer-dropdown`}\n      >\n        <MoreHorizontalIcon size={SizeTokenValue.Small} />\n      </IconButton>\n      <Dropdown width=\"152px\" placement={Placement.TopStart} isOpen={isOpen} setIsOpen={setIsOpen} targetRef={ref}>\n        <DropdownContent>\n          <DropdownButton type=\"button\" onClick={onReset} data-qa={`${qa}-reset`}>\n            По умолчанию\n          </DropdownButton>\n          <DropdownButton type=\"button\" onClick={onToggleVisible} data-qa={`${qa}-toggle-visible`}>\n            {isAllVisible ? 'Скрыть все' : 'Показать все'}\n          </DropdownButton>\n        </DropdownContent>\n      </Dropdown>\n    </ModalFooterContent>\n  );\n};\n\nexport const LeftButtons: React.FC = () => {\n  const {items, defaultItems, setItems, columns, qa} = useContext(DataGridSettingsContext);\n\n  const isAllVisible = items.findIndex(item => !item.isVisible) === -1;\n\n  const onReset = () => setItems(defaultItems);\n\n  const onToggleVisible = () => {\n    const newItems = items.map(item => ({...item, isVisible: item.isAlwaysVisible || !isAllVisible}));\n\n    setItems(newItems);\n  };\n\n  if (columns.length === 1) {\n    return <DropdownButtons isAllVisible={isAllVisible} onReset={onReset} onToggleVisible={onToggleVisible} qa={qa} />;\n  }\n\n  return (\n    <ModalFooterContent>\n      <Button size={SizeTokenValue.Small} variant={ButtonVariant.Ghost} onClick={onReset} qa={`${qa}-reset`}>\n        По умолчанию\n      </Button>\n      <Button\n        size={SizeTokenValue.Small}\n        variant={ButtonVariant.Ghost}\n        onClick={onToggleVisible}\n        qa={`${qa}-toggle-visible`}\n      >\n        {isAllVisible ? 'Скрыть все' : 'Показать все'}\n      </Button>\n    </ModalFooterContent>\n  );\n};\n"],"names":["DropdownContent","BaseDropdownContent","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","DropdownButton","_styled","props","theme","typography","p1compact","colors","grey","DropdownButtons","isAllVisible","qa","isOpen","setIsOpen","useState","ref","useRef","onToggle","onReset","onToggleVisible","ModalFooterContent","jsx","IconButton","SizeTokenValue","Small","ButtonVariant","InnerInput","MoreHorizontalIcon","Dropdown","Placement","TopStart","jsxs","LeftButtons","items","defaultItems","setItems","columns","useContext","DataGridSettingsContext","findIndex","item","isVisible","newItems","map","isAlwaysVisible","length","Button","Ghost"],"mappings":"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"}

package/dist/Footer/index.d.ts

@@ -0,0 +1 @@
+export declare const Footer: React.FC;

package/dist/Footer/index.es.js

@@ -0,0 +1,30 @@
+import { jsxs as c, jsx as t } from "@emotion/react/jsx-runtime";
+import C from "@emotion/styled/base";
+import { useContext as Z } from "react";
+import { SizeTokenValue as n } from "@join-x5/react-theme";
+import { ModalFooter as i, ModalFooterContent as a, Button as o, ButtonVariant as e } from "@join-x5/react";
+import { DataGridSettingsContext as u } from "../DataGridSettingsContext.es.js";
+import { LeftButtons as X } from "./LeftButtons.es.js";
+const m = /* @__PURE__ */ C(i, process.env.NODE_ENV === "production" ? {
+  target: "enotiur0"
+} : {
+  target: "enotiur0",
+  label: "ModalFooter"
+})("padding:20px 24px 20px 16px;border-top:1px solid ", (b) => b.theme.colors.grey[20], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvRm9vdGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVMkMiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkLXNldHRpbmdzL3NyYy9Gb290ZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHt1c2VDb250ZXh0fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7U2l6ZVRva2VuVmFsdWV9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB7QnV0dG9uLCBCdXR0b25WYXJpYW50LCBNb2RhbEZvb3RlciBhcyBCYXNlTW9kYWxGb290ZXIsIE1vZGFsRm9vdGVyQ29udGVudH0gZnJvbSAnQGpvaW4teDUvcmVhY3QnO1xuXG5pbXBvcnQge0RhdGFHcmlkU2V0dGluZ3NDb250ZXh0fSBmcm9tICcuLi9EYXRhR3JpZFNldHRpbmdzQ29udGV4dCc7XG5cbmltcG9ydCB7TGVmdEJ1dHRvbnN9IGZyb20gJy4vTGVmdEJ1dHRvbnMnO1xuXG5jb25zdCBNb2RhbEZvb3RlciA9IHN0eWxlZChCYXNlTW9kYWxGb290ZXIpYFxuICBwYWRkaW5nOiAyMHB4IDI0cHggMjBweCAxNnB4O1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsyMF19O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZvb3RlcjogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KERhdGFHcmlkU2V0dGluZ3NDb250ZXh0KTtcbiAgY29uc3Qge2l0ZW1zLCBzZXRJc09wZW4sIHFhfSA9IGNvbnRleHQ7XG5cbiAgY29uc3Qgb25DbG9zZSA9ICgpID0+IHNldElzT3BlbihmYWxzZSk7XG4gIGNvbnN0IG9uU2F2ZSA9ICgpID0+IGNvbnRleHQub25TYXZlKGl0ZW1zKTtcblxuICByZXR1cm4gKFxuICAgIDxNb2RhbEZvb3Rlcj5cbiAgICAgIDxMZWZ0QnV0dG9ucyAvPlxuICAgICAgPE1vZGFsRm9vdGVyQ29udGVudD5cbiAgICAgICAgPEJ1dHRvbiBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH0gdmFyaWFudD17QnV0dG9uVmFyaWFudC5PdXRsaW5lZH0gb25DbGljaz17b25DbG9zZX0gcWE9e2Ake3FhfS1jYW5jZWxgfT5cbiAgICAgICAgICDQntGC0LzQtdC90LjRgtGMXG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8QnV0dG9uIHNpemU9e1NpemVUb2tlblZhbHVlLlNtYWxsfSB2YXJpYW50PXtCdXR0b25WYXJpYW50LlByaW1hcnl9IG9uQ2xpY2s9e29uU2F2ZX0gcWE9e2Ake3FhfS1zYXZlYH0+XG4gICAgICAgICAg0J/RgNC40LzQtdC90LjRgtGMXG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgPC9Nb2RhbEZvb3RlckNvbnRlbnQ+XG4gICAgPC9Nb2RhbEZvb3Rlcj5cbiAgKTtcbn07XG4iXX0= */")), N = () => {
+  const b = Z(u), {
+    items: d,
+    setIsOpen: g,
+    qa: l
+  } = b, I = () => g(!1), G = () => b.onSave(d);
+  return /* @__PURE__ */ c(m, { children: [
+    /* @__PURE__ */ t(X, {}),
+    /* @__PURE__ */ c(a, { children: [
+      /* @__PURE__ */ t(o, { size: n.Small, variant: e.Outlined, onClick: I, qa: `${l}-cancel`, children: "Отменить" }),
+      /* @__PURE__ */ t(o, { size: n.Small, variant: e.Primary, onClick: G, qa: `${l}-save`, children: "Применить" })
+    ] })
+  ] });
+};
+export {
+  N as Footer
+};
+//# sourceMappingURL=index.es.js.map

package/dist/Footer/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/Footer/index.tsx"],"sourcesContent":["import {useContext} from 'react';\nimport styled from '@emotion/styled';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\nimport {Button, ButtonVariant, ModalFooter as BaseModalFooter, ModalFooterContent} from '@join-x5/react';\n\nimport {DataGridSettingsContext} from '../DataGridSettingsContext';\n\nimport {LeftButtons} from './LeftButtons';\n\nconst ModalFooter = styled(BaseModalFooter)`\n  padding: 20px 24px 20px 16px;\n  border-top: 1px solid ${props => props.theme.colors.grey[20]};\n`;\n\nexport const Footer: React.FC = () => {\n  const context = useContext(DataGridSettingsContext);\n  const {items, setIsOpen, qa} = context;\n\n  const onClose = () => setIsOpen(false);\n  const onSave = () => context.onSave(items);\n\n  return (\n    <ModalFooter>\n      <LeftButtons />\n      <ModalFooterContent>\n        <Button size={SizeTokenValue.Small} variant={ButtonVariant.Outlined} onClick={onClose} qa={`${qa}-cancel`}>\n          Отменить\n        </Button>\n        <Button size={SizeTokenValue.Small} variant={ButtonVariant.Primary} onClick={onSave} qa={`${qa}-save`}>\n          Применить\n        </Button>\n      </ModalFooterContent>\n    </ModalFooter>\n  );\n};\n"],"names":["ModalFooter","BaseModalFooter","process","env","NODE_ENV","target","label","props","theme","colors","grey","Footer","context","useContext","DataGridSettingsContext","items","setIsOpen","qa","onClose","onSave","jsx","LeftButtons","ModalFooterContent","Button","SizeTokenValue","Small","ButtonVariant","Outlined","Primary"],"mappings":";;;;;;;AAUA,MAAMA,IAAqBC,gBAAAA,EAAAA,GAAeC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,uDAEhBC,CAASA,MAAAA,EAAMC,MAAMC,OAAOC,KAAK,EAAE,GAACR,OAAAA,QAAAC,IAAAC,aAC7D,eAAA,KAAA,08DAAA,GAEYO,IAAmBA,MAAM;AAC9BC,QAAAA,IAAUC,EAAWC,CAAuB,GAC5C;AAAA,IAACC,OAAAA;AAAAA,IAAOC,WAAAA;AAAAA,IAAWC,IAAAA;AAAAA,EAAAA,IAAML,GAEzBM,IAAUA,MAAMF,EAAU,EAAK,GAC/BG,IAASA,MAAMP,EAAQO,OAAOJ,CAAK;AAEzC,2BACGf,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAoB,EAACC,GAAW,EAAA;AAAA,sBACXC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAO,EAAA,MAAMC,EAAeC,OAAO,SAASC,EAAcC,UAAU,SAAST,GAAS,IAAI,GAAGD,CAAE,WAAU,UAE1G,YAAA;AAAA,MACC,gBAAAG,EAAAG,GAAA,EAAO,MAAMC,EAAeC,OAAO,SAASC,EAAcE,SAAS,SAAST,GAAQ,IAAI,GAAGF,CAAE,SAAQ,UAEtG,YAAA,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/Search/index.d.ts

@@ -0,0 +1 @@
+export declare const Search: React.FC;