@bit.rhplus/ui.grid-layout 0.0.1

package/ColumnEditorModal.jsx

@@ -0,0 +1,339 @@
+/* eslint-disable */
+import React, { useState, useCallback, useMemo } from 'react';
+import { default as Button } from 'antd/es/button';
+import { default as Checkbox } from 'antd/es/checkbox';
+import { default as InputNumber } from 'antd/es/input-number';
+import { default as Space } from 'antd/es/space';
+import { default as Typography } from 'antd/es/typography';
+import { default as Divider } from 'antd/es/divider';
+import { 
+  HolderOutlined,
+  EyeOutlined,
+  EyeInvisibleOutlined,
+  SettingOutlined
+} from '@ant-design/icons';
+import DraggableModal from '@bit.rhplus/draggable-modal';
+import {
+  DndContext,
+  closestCenter,
+  KeyboardSensor,
+  PointerSensor,
+  useSensor,
+  useSensors,
+} from '@dnd-kit/core';
+import {
+  arrayMove,
+  SortableContext,
+  sortableKeyboardCoordinates,
+  verticalListSortingStrategy,
+  useSortable,
+} from '@dnd-kit/sortable';
+import {
+  CSS,
+} from '@dnd-kit/utilities';
+
+const { Text, Title } = Typography;
+
+/**
+ * Sortable řádek pro jeden sloupec
+ */
+const SortableColumnRow = ({ column, onVisibilityChange, onWidthChange }) => {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging,
+  } = useSortable({ id: column.id });
+
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition,
+    opacity: isDragging ? 0.5 : 1,
+    backgroundColor: isDragging ? '#f0f0f0' : 'white',
+  };
+
+  return (
+    <div
+      ref={setNodeRef}
+      style={style}
+      className="column-row"
+    >
+      <div className="column-row-content">
+        {/* Drag Handle */}
+        <div className="drag-handle" {...attributes} {...listeners}>
+          <HolderOutlined style={{ color: '#999', cursor: 'grab' }} />
+        </div>
+
+        {/* Column Name */}
+        <div className="column-name">
+          <Text strong>{column.headerName}</Text>
+          <br />
+          <Text type="secondary" style={{ fontSize: '12px' }}>
+            {column.field}
+          </Text>
+        </div>
+
+        {/* Width Input */}
+        <div className="column-width">
+          <InputNumber
+            min={50}
+            max={1000}
+            value={column.width}
+            onChange={(value) => onWidthChange(column.id, value)}
+            addonAfter="px"
+            size="small"
+            style={{ width: '100px' }}
+          />
+        </div>
+
+        {/* Visibility Toggle */}
+        <div className="column-visibility">
+          <Checkbox
+            checked={column.visible}
+            onChange={(e) => onVisibilityChange(column.id, e.target.checked)}
+          >
+            <Space>
+              {column.visible ? <EyeOutlined /> : <EyeInvisibleOutlined />}
+              {column.visible ? 'Zobrazit' : 'Skrýt'}
+            </Space>
+          </Checkbox>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+/**
+ * Modal pro editaci sloupců AG-Grid gridu
+ * @param {Object} props
+ * @param {boolean} props.open - Zda je modal otevřený
+ * @param {Function} props.onCancel - Callback pro zavření modalu
+ * @param {Function} props.onSave - Callback pro uložení změn
+ * @param {Array} props.columns - Pole sloupců k editaci
+ * @param {Function} props.getContainer - Container pro modal
+ */
+export default function ColumnEditorModal({
+  open,
+  onCancel,
+  onSave,
+  columns = [],
+  getContainer
+}) {
+  // Lokální stav pro editaci sloupců
+  const [editingColumns, setEditingColumns] = useState([]);
+
+  // Inicializace editovacího stavu při otevření modalu
+  React.useEffect(() => {
+    if (open && columns.length > 0) {
+      const initialColumns = columns.map((col, index) => ({
+        id: col.field,
+        field: col.field,
+        headerName: col.headerName || col.field,
+        width: col.width || 100,
+        visible: !col.hide,
+        order: index
+      }));
+      setEditingColumns(initialColumns);
+    }
+  }, [open, columns]);
+
+  // Sensor pro drag&drop
+  const sensors = useSensors(
+    useSensor(PointerSensor),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates,
+    })
+  );
+
+  // Handler pro ukončení drag operace
+  const handleDragEnd = useCallback((event) => {
+    const { active, over } = event;
+
+    if (active.id !== over?.id) {
+      setEditingColumns((items) => {
+        const oldIndex = items.findIndex((item) => item.id === active.id);
+        const newIndex = items.findIndex((item) => item.id === over.id);
+
+        return arrayMove(items, oldIndex, newIndex);
+      });
+    }
+  }, []);
+
+  // Handler pro změnu viditelnosti sloupce
+  const handleVisibilityChange = useCallback((columnId, visible) => {
+    setEditingColumns((prev) =>
+      prev.map((col) =>
+        col.id === columnId ? { ...col, visible } : col
+      )
+    );
+  }, []);
+
+  // Handler pro změnu šířky sloupce
+  const handleWidthChange = useCallback((columnId, width) => {
+    if (width && width >= 50) {
+      setEditingColumns((prev) =>
+        prev.map((col) =>
+          col.id === columnId ? { ...col, width } : col
+        )
+      );
+    }
+  }, []);
+
+  // Handler pro uložení změn
+  const handleSave = useCallback(() => {
+    if (onSave) {
+      onSave(editingColumns);
+    }
+    onCancel();
+  }, [editingColumns, onSave, onCancel]);
+
+  // Handler pro reset na původní stav
+  const handleReset = useCallback(() => {
+    const resetColumns = columns.map((col, index) => ({
+      id: col.field,
+      field: col.field,
+      headerName: col.headerName || col.field,
+      width: col.width || 100,
+      visible: !col.hide,
+      order: index
+    }));
+    setEditingColumns(resetColumns);
+  }, [columns]);
+
+  const columnIds = useMemo(() => editingColumns.map((col) => col.id), [editingColumns]);
+  console.log("nacitam modal", open);
+  return (
+    <DraggableModal
+      width="600px"
+      open={open}
+      getContainer={getContainer}
+      onCancel={onCancel}
+      maskClosable={false}
+      title={
+        <Space>
+          <SettingOutlined />
+          Nastavení sloupců
+        </Space>
+      }
+      footer={
+        <Space>
+          <Button onClick={handleReset}>
+            Obnovit původní
+          </Button>
+          <Button onClick={onCancel}>
+            Storno
+          </Button>
+          <Button type="primary" onClick={handleSave}>
+            Uložit změny
+          </Button>
+        </Space>
+      }
+    >
+      <div className="column-editor-content">
+        <div className="column-editor-header">
+          <Text type="secondary">
+            Přetáhněte sloupce pro změnu pořadí. Upravte šířku a viditelnost podle potřeby.
+          </Text>
+        </div>
+
+        <Divider />
+
+        <div className="column-list">
+          <DndContext
+            sensors={sensors}
+            collisionDetection={closestCenter}
+            onDragEnd={handleDragEnd}
+          >
+            <SortableContext items={columnIds} strategy={verticalListSortingStrategy}>
+              {editingColumns.map((column) => (
+                <SortableColumnRow
+                  key={column.id}
+                  column={column}
+                  onVisibilityChange={handleVisibilityChange}
+                  onWidthChange={handleWidthChange}
+                />
+              ))}
+            </SortableContext>
+          </DndContext>
+        </div>
+
+        <Divider />
+        
+        <div className="column-editor-footer">
+          <Text type="secondary" style={{ fontSize: '12px' }}>
+            Celkem sloupců: {editingColumns.length} | 
+            Zobrazených: {editingColumns.filter(c => c.visible).length} |
+            Skrytých: {editingColumns.filter(c => !c.visible).length}
+          </Text>
+        </div>
+      </div>
+
+      <style jsx>{`
+        .column-editor-content {
+          min-height: 400px;
+          max-height: 600px;
+        }
+
+        .column-editor-header {
+          margin-bottom: 16px;
+        }
+
+        .column-list {
+          max-height: 400px;
+          overflow-y: auto;
+          border: 1px solid #f0f0f0;
+          border-radius: 6px;
+        }
+
+        .column-row {
+          border-bottom: 1px solid #f0f0f0;
+          transition: background-color 0.2s;
+        }
+
+        .column-row:hover {
+          background-color: #fafafa;
+        }
+
+        .column-row:last-child {
+          border-bottom: none;
+        }
+
+        .column-row-content {
+          display: flex;
+          align-items: center;
+          padding: 12px 16px;
+          gap: 16px;
+        }
+
+        .drag-handle {
+          flex-shrink: 0;
+          width: 20px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .column-name {
+          flex: 1;
+          min-width: 150px;
+        }
+
+        .column-width {
+          flex-shrink: 0;
+        }
+
+        .column-visibility {
+          flex-shrink: 0;
+          width: 120px;
+        }
+
+        .column-editor-footer {
+          margin-top: 16px;
+          text-align: center;
+        }
+      `}</style>
+    </DraggableModal>
+  );
+}

package/dist/ColumnEditorModal.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Modal pro editaci sloupců AG-Grid gridu
+ * @param {Object} props
+ * @param {boolean} props.open - Zda je modal otevřený
+ * @param {Function} props.onCancel - Callback pro zavření modalu
+ * @param {Function} props.onSave - Callback pro uložení změn
+ * @param {Array} props.columns - Pole sloupců k editaci
+ * @param {Function} props.getContainer - Container pro modal
+ */
+export default function ColumnEditorModal({ open, onCancel, onSave, columns, getContainer }: {
+    open: boolean;
+    onCancel: Function;
+    onSave: Function;
+    columns: any[];
+    getContainer: Function;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ColumnEditorModal.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable */
+import React, { useState, useCallback, useMemo } from 'react';
+import { default as Button } from 'antd/es/button';
+import { default as Checkbox } from 'antd/es/checkbox';
+import { default as InputNumber } from 'antd/es/input-number';
+import { default as Space } from 'antd/es/space';
+import { default as Typography } from 'antd/es/typography';
+import { default as Divider } from 'antd/es/divider';
+import { HolderOutlined, EyeOutlined, EyeInvisibleOutlined, SettingOutlined } from '@ant-design/icons';
+import DraggableModal from '@bit.rhplus/draggable-modal';
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
+import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy, useSortable, } from '@dnd-kit/sortable';
+import { CSS, } from '@dnd-kit/utilities';
+const { Text, Title } = Typography;
+/**
+ * Sortable řádek pro jeden sloupec
+ */
+const SortableColumnRow = ({ column, onVisibilityChange, onWidthChange }) => {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = useSortable({ id: column.id });
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+        opacity: isDragging ? 0.5 : 1,
+        backgroundColor: isDragging ? '#f0f0f0' : 'white',
+    };
+    return (_jsx("div", { ref: setNodeRef, style: style, className: "column-row", children: _jsxs("div", { className: "column-row-content", children: [_jsx("div", { className: "drag-handle", ...attributes, ...listeners, children: _jsx(HolderOutlined, { style: { color: '#999', cursor: 'grab' } }) }), _jsxs("div", { className: "column-name", children: [_jsx(Text, { strong: true, children: column.headerName }), _jsx("br", {}), _jsx(Text, { type: "secondary", style: { fontSize: '12px' }, children: column.field })] }), _jsx("div", { className: "column-width", children: _jsx(InputNumber, { min: 50, max: 1000, value: column.width, onChange: (value) => onWidthChange(column.id, value), addonAfter: "px", size: "small", style: { width: '100px' } }) }), _jsx("div", { className: "column-visibility", children: _jsx(Checkbox, { checked: column.visible, onChange: (e) => onVisibilityChange(column.id, e.target.checked), children: _jsxs(Space, { children: [column.visible ? _jsx(EyeOutlined, {}) : _jsx(EyeInvisibleOutlined, {}), column.visible ? 'Zobrazit' : 'Skrýt'] }) }) })] }) }));
+};
+/**
+ * Modal pro editaci sloupců AG-Grid gridu
+ * @param {Object} props
+ * @param {boolean} props.open - Zda je modal otevřený
+ * @param {Function} props.onCancel - Callback pro zavření modalu
+ * @param {Function} props.onSave - Callback pro uložení změn
+ * @param {Array} props.columns - Pole sloupců k editaci
+ * @param {Function} props.getContainer - Container pro modal
+ */
+export default function ColumnEditorModal({ open, onCancel, onSave, columns = [], getContainer }) {
+    // Lokální stav pro editaci sloupců
+    const [editingColumns, setEditingColumns] = useState([]);
+    // Inicializace editovacího stavu při otevření modalu
+    React.useEffect(() => {
+        if (open && columns.length > 0) {
+            const initialColumns = columns.map((col, index) => ({
+                id: col.field,
+                field: col.field,
+                headerName: col.headerName || col.field,
+                width: col.width || 100,
+                visible: !col.hide,
+                order: index
+            }));
+            setEditingColumns(initialColumns);
+        }
+    }, [open, columns]);
+    // Sensor pro drag&drop
+    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    // Handler pro ukončení drag operace
+    const handleDragEnd = useCallback((event) => {
+        const { active, over } = event;
+        if (active.id !== over?.id) {
+            setEditingColumns((items) => {
+                const oldIndex = items.findIndex((item) => item.id === active.id);
+                const newIndex = items.findIndex((item) => item.id === over.id);
+                return arrayMove(items, oldIndex, newIndex);
+            });
+        }
+    }, []);
+    // Handler pro změnu viditelnosti sloupce
+    const handleVisibilityChange = useCallback((columnId, visible) => {
+        setEditingColumns((prev) => prev.map((col) => col.id === columnId ? { ...col, visible } : col));
+    }, []);
+    // Handler pro změnu šířky sloupce
+    const handleWidthChange = useCallback((columnId, width) => {
+        if (width && width >= 50) {
+            setEditingColumns((prev) => prev.map((col) => col.id === columnId ? { ...col, width } : col));
+        }
+    }, []);
+    // Handler pro uložení změn
+    const handleSave = useCallback(() => {
+        if (onSave) {
+            onSave(editingColumns);
+        }
+        onCancel();
+    }, [editingColumns, onSave, onCancel]);
+    // Handler pro reset na původní stav
+    const handleReset = useCallback(() => {
+        const resetColumns = columns.map((col, index) => ({
+            id: col.field,
+            field: col.field,
+            headerName: col.headerName || col.field,
+            width: col.width || 100,
+            visible: !col.hide,
+            order: index
+        }));
+        setEditingColumns(resetColumns);
+    }, [columns]);
+    const columnIds = useMemo(() => editingColumns.map((col) => col.id), [editingColumns]);
+    console.log("nacitam modal", open);
+    return (_jsxs(DraggableModal, { width: "600px", open: open, getContainer: getContainer, onCancel: onCancel, maskClosable: false, title: _jsxs(Space, { children: [_jsx(SettingOutlined, {}), "Nastaven\u00ED sloupc\u016F"] }), footer: _jsxs(Space, { children: [_jsx(Button, { onClick: handleReset, children: "Obnovit p\u016Fvodn\u00ED" }), _jsx(Button, { onClick: onCancel, children: "Storno" }), _jsx(Button, { type: "primary", onClick: handleSave, children: "Ulo\u017Eit zm\u011Bny" })] }), children: [_jsxs("div", { className: "column-editor-content", children: [_jsx("div", { className: "column-editor-header", children: _jsx(Text, { type: "secondary", children: "P\u0159et\u00E1hn\u011Bte sloupce pro zm\u011Bnu po\u0159ad\u00ED. Upravte \u0161\u00ED\u0159ku a viditelnost podle pot\u0159eby." }) }), _jsx(Divider, {}), _jsx("div", { className: "column-list", children: _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: columnIds, strategy: verticalListSortingStrategy, children: editingColumns.map((column) => (_jsx(SortableColumnRow, { column: column, onVisibilityChange: handleVisibilityChange, onWidthChange: handleWidthChange }, column.id))) }) }) }), _jsx(Divider, {}), _jsx("div", { className: "column-editor-footer", children: _jsxs(Text, { type: "secondary", style: { fontSize: '12px' }, children: ["Celkem sloupc\u016F: ", editingColumns.length, " | Zobrazen\u00FDch: ", editingColumns.filter(c => c.visible).length, " | Skryt\u00FDch: ", editingColumns.filter(c => !c.visible).length] }) })] }), _jsx("style", { jsx: true, children: `
+        .column-editor-content {
+          min-height: 400px;
+          max-height: 600px;
+        }
+
+        .column-editor-header {
+          margin-bottom: 16px;
+        }
+
+        .column-list {
+          max-height: 400px;
+          overflow-y: auto;
+          border: 1px solid #f0f0f0;
+          border-radius: 6px;
+        }
+
+        .column-row {
+          border-bottom: 1px solid #f0f0f0;
+          transition: background-color 0.2s;
+        }
+
+        .column-row:hover {
+          background-color: #fafafa;
+        }
+
+        .column-row:last-child {
+          border-bottom: none;
+        }
+
+        .column-row-content {
+          display: flex;
+          align-items: center;
+          padding: 12px 16px;
+          gap: 16px;
+        }
+
+        .drag-handle {
+          flex-shrink: 0;
+          width: 20px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .column-name {
+          flex: 1;
+          min-width: 150px;
+        }
+
+        .column-width {
+          flex-shrink: 0;
+        }
+
+        .column-visibility {
+          flex-shrink: 0;
+          width: 120px;
+        }
+
+        .column-editor-footer {
+          margin-top: 16px;
+          text-align: center;
+        }
+      ` })] }));
+}
+//# sourceMappingURL=ColumnEditorModal.js.map

package/dist/ColumnEditorModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnEditorModal.js","sourceRoot":"","sources":["../ColumnEditorModal.jsx"],"names":[],"mappings":"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"}

package/dist/gridLayout.d.ts

@@ -0,0 +1,43 @@
+export namespace userFieldsApi {
+    let url: string;
+    let methodType: string;
+    let version: string;
+    let compression: boolean;
+    let withCredentials: boolean;
+}
+export namespace getSingleGridApi {
+    let url_1: string;
+    export { url_1 as url };
+    let methodType_1: string;
+    export { methodType_1 as methodType };
+    let version_1: string;
+    export { version_1 as version };
+    let compression_1: boolean;
+    export { compression_1 as compression };
+    let withCredentials_1: boolean;
+    export { withCredentials_1 as withCredentials };
+}
+export namespace getUserGridsApi {
+    let url_2: string;
+    export { url_2 as url };
+    let methodType_2: string;
+    export { methodType_2 as methodType };
+    let version_2: string;
+    export { version_2 as version };
+    let compression_2: boolean;
+    export { compression_2 as compression };
+    let withCredentials_2: boolean;
+    export { withCredentials_2 as withCredentials };
+}
+export namespace saveGridLayoutApi {
+    let url_3: string;
+    export { url_3 as url };
+    let methodType_3: string;
+    export { methodType_3 as methodType };
+    let version_3: string;
+    export { version_3 as version };
+    let compression_3: boolean;
+    export { compression_3 as compression };
+    let withCredentials_3: boolean;
+    export { withCredentials_3 as withCredentials };
+}

package/dist/gridLayout.js

@@ -0,0 +1,104 @@
+/**
+ * Grid Layout API konfigurace pro komunikaci s Grid API službou
+ * Poskytuje centralizovanou správu personalizovaných nastavení gridů
+ */
+/**
+ * Načítá seznam polí pro konkrétní grid s personalizací uživatele
+ * POST /api/UserFields
+ *
+ * Request body: UserFieldsCommand
+ * {
+ *   userKey: Guid,
+ *   applicationName: string,
+ *   gridName: string,
+ *   filterName?: string
+ * }
+ *
+ * Response: UserFieldsResponse
+ * {
+ *   success: boolean,
+ *   data: UserFieldModel[]
+ * }
+ */
+export const userFieldsApi = {
+    url: '/grid_layout_api/Grid/UserFields',
+    methodType: "POST",
+    version: "1.0",
+    compression: true,
+    withCredentials: true
+};
+/**
+ * Načítá konkrétní jeden grid pro uživatele
+ * POST /api/GetSingleGrid
+ *
+ * Request body: GetSingleGridCommand
+ * {
+ *   userKey: Guid,
+ *   applicationName: string,
+ *   gridName: string,
+ *   filterName?: string
+ * }
+ *
+ * Response: UserFieldsResponse
+ * {
+ *   success: boolean,
+ *   data: UserFieldModel[]
+ * }
+ */
+export const getSingleGridApi = {
+    url: '/grid_layout_api/Grid/GetSingleGrid',
+    methodType: "POST",
+    version: "1.0",
+    compression: true,
+    withCredentials: true
+};
+/**
+ * Načítá seznam všech gridů uživatele v aplikaci
+ * POST /api/GetUserGrids
+ *
+ * Request body: GetUserGridsCommand
+ * {
+ *   userKey: Guid,
+ *   applicationName: string
+ * }
+ *
+ * Response: GetUserGridsResponse
+ * {
+ *   success: boolean,
+ *   data: UserGridSummary[]
+ * }
+ */
+export const getUserGridsApi = {
+    url: '/grid_layout_api/Grid/GetUserGrids',
+    methodType: "POST",
+    version: "1.0",
+    compression: true,
+    withCredentials: true
+};
+/**
+ * Ukládá nebo aktualizuje personalizované nastavení gridu s merge logikou
+ * POST /api/SaveUserFields
+ *
+ * Request body: SaveUserFieldsCommand
+ * {
+ *   userKey: Guid,
+ *   applicationName: string,
+ *   gridName: string,
+ *   filterName?: string,
+ *   userFields: UserFieldModel[]
+ * }
+ *
+ * Response: SaveUserFieldsResponse
+ * {
+ *   success: boolean,
+ *   message?: string
+ * }
+ */
+export const saveGridLayoutApi = {
+    url: '/grid_layout_api/Grid/SaveUserFields',
+    methodType: "POST",
+    version: "1.0",
+    compression: true,
+    withCredentials: true
+};
+//# sourceMappingURL=gridLayout.js.map

package/dist/gridLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridLayout.js","sourceRoot":"","sources":["../gridLayout.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,GAAG,EAAE,kCAAkC;IACvC,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE,qCAAqC;IAC1C,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,GAAG,EAAE,oCAAoC;IACzC,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,GAAG,EAAE,sCAAsC;IAC3C,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI;CACtB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useGridLayout } from "./useGridLayout";
+export { useGridLayoutApi } from "./useGridLayoutApi";
+export { default as ColumnEditorModal } from "./ColumnEditorModal";