@ayasofyazilim/ui 0.0.0 → 0.0.2

package/dist/custom/master-data-grid/components/table/table-body-renderer.js

@@ -0,0 +1,79 @@
+"use no memo";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { flexRender } from "@tanstack/react-table";
+import React from "react";
+import { TableBody, TableCell, TableRow } from "../../../../components/table";
+import { cn } from "../../../../lib/utils";
+import {
+  getPinningCellClassNames,
+  getPinningCellStyles
+} from "../../utils/pinning-utils";
+function TableBodyRenderer({
+  table,
+  rows,
+  rowClassName,
+  cellClassName,
+  editingRows,
+  getRowId,
+  editingEnabled,
+  emptyMessage,
+  expansionEnabled,
+  expansionRenderContent,
+  bodyClassName
+}) {
+  return /* @__PURE__ */ jsx(TableBody, { className: bodyClassName, children: rows.length ? rows.map((row) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TableRow,
+      {
+        "data-state": row.getIsSelected() && "selected",
+        className: cn(
+          typeof rowClassName === "function" ? rowClassName(row.original) : rowClassName,
+          "group"
+        ),
+        children: row.getVisibleCells().map((cell) => {
+          const cellClass = typeof cellClassName === "function" ? cellClassName({
+            row: row.original,
+            columnId: cell.column.id
+          }) : cellClassName;
+          const rowId = getRowId ? getRowId(row.original, row.index) : String(row.index);
+          const isEditing = editingRows?.[rowId] !== void 0;
+          return /* @__PURE__ */ jsx(
+            TableCell,
+            {
+              style: getPinningCellStyles(cell),
+              className: cn(
+                cellClass,
+                "last:border-0! first:border-0! group-last:border-b-0! py-0 h-9 has-[div>input]:px-0 has-[div>button]:px-0",
+                getPinningCellClassNames(cell),
+                isEditing && "py-0",
+                editingEnabled && "border",
+                editingEnabled && !isEditing && "hover:border-muted-foreground/40"
+              ),
+              children: flexRender(cell.column.columnDef.cell, cell.getContext())
+            },
+            cell.id
+          );
+        })
+      }
+    ),
+    row.getIsExpanded() && expansionEnabled && expansionRenderContent && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+      TableCell,
+      {
+        className: "has-[.pp-0]:p-0",
+        colSpan: row.getVisibleCells().length,
+        children: expansionRenderContent(row.original)
+      }
+    ) })
+  ] }, row.id)) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+    TableCell,
+    {
+      colSpan: table.getAllColumns().length,
+      className: "h-24 text-center",
+      children: emptyMessage || "No results."
+    }
+  ) }) });
+}
+export {
+  TableBodyRenderer
+};
+//# sourceMappingURL=table-body-renderer.js.map

package/dist/custom/master-data-grid/components/table/table-body-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/master-data-grid/components/table/table-body-renderer.tsx"],"sourcesContent":["\"use no memo\";\r\nimport type { Row, Table as TanStackTable } from \"@tanstack/react-table\";\r\nimport { flexRender } from \"@tanstack/react-table\";\r\nimport React from \"react\";\r\nimport { TableBody, TableCell, TableRow } from \"../../../../components/table\";\r\nimport { cn } from \"../../../../lib/utils\";\r\nimport {\r\n  getPinningCellClassNames,\r\n  getPinningCellStyles,\r\n} from \"../../utils/pinning-utils\";\r\n\r\ninterface TableBodyRendererProps<TData> {\r\n  table: TanStackTable<TData>;\r\n  rows: Row<TData>[];\r\n  rowClassName?: string | ((row: TData) => string);\r\n  cellClassName?: string | ((cell: { row: TData; columnId: string }) => string);\r\n  editingRows?: Record<string, Record<string, unknown>>;\r\n  getRowId?: (row: TData, index: number) => string;\r\n  editingEnabled?: boolean;\r\n  emptyMessage?: string;\r\n  expansionEnabled?: boolean;\r\n  expansionRenderContent?: (row: TData) => React.ReactNode;\r\n  bodyClassName?: string;\r\n}\r\n\r\nexport function TableBodyRenderer<TData>({\r\n  table,\r\n  rows,\r\n  rowClassName,\r\n  cellClassName,\r\n  editingRows,\r\n  getRowId,\r\n  editingEnabled,\r\n  emptyMessage,\r\n  expansionEnabled,\r\n  expansionRenderContent,\r\n  bodyClassName,\r\n}: TableBodyRendererProps<TData>) {\r\n  return (\r\n    <TableBody className={bodyClassName}>\r\n      {rows.length ? (\r\n        rows.map((row) => (\r\n          <React.Fragment key={row.id}>\r\n            <TableRow\r\n              data-state={row.getIsSelected() && \"selected\"}\r\n              className={cn(\r\n                typeof rowClassName === \"function\"\r\n                  ? rowClassName(row.original)\r\n                  : rowClassName,\r\n                \"group\"\r\n              )}\r\n            >\r\n              {row.getVisibleCells().map((cell) => {\r\n                const cellClass =\r\n                  typeof cellClassName === \"function\"\r\n                    ? cellClassName({\r\n                        row: row.original,\r\n                        columnId: cell.column.id,\r\n                      })\r\n                    : cellClassName;\r\n\r\n                const rowId = getRowId\r\n                  ? getRowId(row.original, row.index)\r\n                  : String(row.index);\r\n                const isEditing = editingRows?.[rowId] !== undefined;\r\n\r\n                return (\r\n                  <TableCell\r\n                    key={cell.id}\r\n                    style={getPinningCellStyles(cell)}\r\n                    className={cn(\r\n                      cellClass,\r\n                      \"last:border-0! first:border-0! group-last:border-b-0! py-0 h-9 has-[div>input]:px-0 has-[div>button]:px-0\",\r\n                      getPinningCellClassNames(cell),\r\n                      isEditing && \"py-0\",\r\n                      editingEnabled && \"border\",\r\n                      editingEnabled &&\r\n                        !isEditing &&\r\n                        \"hover:border-muted-foreground/40\"\r\n                    )}\r\n                  >\r\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n                  </TableCell>\r\n                );\r\n              })}\r\n            </TableRow>\r\n            {row.getIsExpanded() &&\r\n              expansionEnabled &&\r\n              expansionRenderContent && (\r\n                <TableRow>\r\n                  <TableCell\r\n                    className=\"has-[.pp-0]:p-0\"\r\n                    colSpan={row.getVisibleCells().length}\r\n                  >\r\n                    {expansionRenderContent(row.original)}\r\n                  </TableCell>\r\n                </TableRow>\r\n              )}\r\n          </React.Fragment>\r\n        ))\r\n      ) : (\r\n        <TableRow>\r\n          <TableCell\r\n            colSpan={table.getAllColumns().length}\r\n            className=\"h-24 text-center\"\r\n          >\r\n            {emptyMessage || \"No results.\"}\r\n          </TableCell>\r\n        </TableRow>\r\n      )}\r\n    </TableBody>\r\n  );\r\n}\r\n"],"mappings":";AA0CU,SAyBQ,KAzBR;AAxCV,SAAS,kBAAkB;AAC3B,OAAO,WAAW;AAClB,SAAS,WAAW,WAAW,gBAAgB;AAC/C,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAgBA,SAAS,kBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,SACE,oBAAC,aAAU,WAAW,eACnB,eAAK,SACJ,KAAK,IAAI,CAAC,QACR,qBAAC,MAAM,UAAN,EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAY,IAAI,cAAc,KAAK;AAAA,QACnC,WAAW;AAAA,UACT,OAAO,iBAAiB,aACpB,aAAa,IAAI,QAAQ,IACzB;AAAA,UACJ;AAAA,QACF;AAAA,QAEC,cAAI,gBAAgB,EAAE,IAAI,CAAC,SAAS;AACnC,gBAAM,YACJ,OAAO,kBAAkB,aACrB,cAAc;AAAA,YACZ,KAAK,IAAI;AAAA,YACT,UAAU,KAAK,OAAO;AAAA,UACxB,CAAC,IACD;AAEN,gBAAM,QAAQ,WACV,SAAS,IAAI,UAAU,IAAI,KAAK,IAChC,OAAO,IAAI,KAAK;AACpB,gBAAM,YAAY,cAAc,KAAK,MAAM;AAE3C,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,OAAO,qBAAqB,IAAI;AAAA,cAChC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,yBAAyB,IAAI;AAAA,gBAC7B,aAAa;AAAA,gBACb,kBAAkB;AAAA,gBAClB,kBACE,CAAC,aACD;AAAA,cACJ;AAAA,cAEC,qBAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA;AAAA,YAbpD,KAAK;AAAA,UAcZ;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH;AAAA,IACC,IAAI,cAAc,KACjB,oBACA,0BACE,oBAAC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,IAAI,gBAAgB,EAAE;AAAA,QAE9B,iCAAuB,IAAI,QAAQ;AAAA;AAAA,IACtC,GACF;AAAA,OAtDe,IAAI,EAwDzB,CACD,IAED,oBAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,cAAc,EAAE;AAAA,MAC/B,WAAU;AAAA,MAET,0BAAgB;AAAA;AAAA,EACnB,GACF,GAEJ;AAEJ;","names":[]}

package/dist/custom/master-data-grid/components/table/virtual-body.js

@@ -0,0 +1,86 @@
+"use no memo";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { flexRender } from "@tanstack/react-table";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import React, { useRef } from "react";
+import { TableBody, TableCell, TableRow } from "../../../../components/table";
+import { cn } from "../../../../lib/utils";
+import {
+  getPinningCellClassNames,
+  getPinningCellStyles
+} from "../../utils/pinning-utils";
+function VirtualBody({
+  rows,
+  estimateSize = 53,
+  overscan = 10,
+  rowClassName,
+  cellClassName,
+  editingRows,
+  getRowId,
+  editingEnabled,
+  expansionEnabled,
+  expansionRenderContent
+}) {
+  const tableContainerRef = useRef(null);
+  const rowVirtualizer = useVirtualizer({
+    count: rows.length,
+    getScrollElement: () => {
+      return tableContainerRef.current?.closest(
+        ".overflow-auto"
+      );
+    },
+    estimateSize: () => estimateSize,
+    overscan
+  });
+  const virtualRows = rowVirtualizer.getVirtualItems();
+  const totalSize = rowVirtualizer.getTotalSize();
+  const paddingTop = virtualRows.length > 0 ? virtualRows[0]?.start || 0 : 0;
+  const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows[virtualRows.length - 1]?.end || 0) : 0;
+  return /* @__PURE__ */ jsxs(TableBody, { ref: tableContainerRef, children: [
+    paddingTop > 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { style: { height: `${paddingTop}px` } }) }),
+    virtualRows.map((virtualRow) => {
+      const row = rows[virtualRow.index];
+      if (!row) return null;
+      const rowClass = typeof rowClassName === "function" ? rowClassName(row.original) : rowClassName;
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          TableRow,
+          {
+            "data-state": row.getIsSelected() && "selected",
+            className: cn(rowClass, "group"),
+            children: row.getVisibleCells().map((cell) => {
+              const cellClass = typeof cellClassName === "function" ? cellClassName({
+                row: row.original,
+                columnId: cell.column.id
+              }) : cellClassName;
+              const rowId = getRowId ? getRowId(row.original, row.index) : String(row.index);
+              const isEditing = editingRows?.[rowId] !== void 0;
+              return /* @__PURE__ */ jsx(
+                TableCell,
+                {
+                  style: getPinningCellStyles(cell),
+                  className: cn(
+                    cellClass,
+                    isEditing && "py-0",
+                    getPinningCellClassNames(cell),
+                    "border-b border-r",
+                    editingEnabled && "border border-dashed border-muted-foreground/20",
+                    editingEnabled && !isEditing && "hover:border-muted-foreground/40"
+                  ),
+                  children: flexRender(cell.column.columnDef.cell, cell.getContext())
+                },
+                cell.id
+              );
+            })
+          }
+        ),
+        row.getIsExpanded() && expansionEnabled && expansionRenderContent && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: row.getVisibleCells().length, children: expansionRenderContent(row.original) }) })
+      ] }, row.id);
+    }),
+    paddingBottom > 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { style: { height: `${paddingBottom}px` } }) })
+  ] });
+}
+export {
+  VirtualBody
+};
+//# sourceMappingURL=virtual-body.js.map

package/dist/custom/master-data-grid/components/table/virtual-body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/master-data-grid/components/table/virtual-body.tsx"],"sourcesContent":["\"use no memo\";\r\nimport type { Row } from \"@tanstack/react-table\";\r\nimport { flexRender } from \"@tanstack/react-table\";\r\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\r\nimport React, { useRef } from \"react\";\r\nimport { TableBody, TableCell, TableRow } from \"../../../../components/table\";\r\nimport { cn } from \"../../../../lib/utils\";\r\nimport {\r\n  getPinningCellClassNames,\r\n  getPinningCellStyles,\r\n} from \"../../utils/pinning-utils\";\r\n\r\ninterface VirtualBodyProps<TData> {\r\n  rows: Row<TData>[];\r\n  estimateSize?: number;\r\n  overscan?: number;\r\n  rowClassName?: string | ((row: TData) => string);\r\n  cellClassName?: string | ((cell: { row: TData; columnId: string }) => string);\r\n  editingRows?: Record<string, Record<string, unknown>>;\r\n  getRowId?: (row: TData, index: number) => string;\r\n  editingEnabled?: boolean;\r\n  expansionEnabled?: boolean;\r\n  expansionRenderContent?: (row: TData) => React.ReactNode;\r\n}\r\n\r\nexport function VirtualBody<TData>({\r\n  rows,\r\n  estimateSize = 53,\r\n  overscan = 10,\r\n  rowClassName,\r\n  cellClassName,\r\n  editingRows,\r\n  getRowId,\r\n  editingEnabled,\r\n  expansionEnabled,\r\n  expansionRenderContent,\r\n}: VirtualBodyProps<TData>) {\r\n  const tableContainerRef = useRef<HTMLTableSectionElement>(null);\r\n\r\n  const rowVirtualizer = useVirtualizer({\r\n    count: rows.length,\r\n    getScrollElement: () => {\r\n      return tableContainerRef.current?.closest(\r\n        \".overflow-auto\"\r\n      ) as HTMLElement | null;\r\n    },\r\n    estimateSize: () => estimateSize,\r\n    overscan,\r\n  });\r\n\r\n  const virtualRows = rowVirtualizer.getVirtualItems();\r\n  const totalSize = rowVirtualizer.getTotalSize();\r\n\r\n  const paddingTop = virtualRows.length > 0 ? virtualRows[0]?.start || 0 : 0;\r\n  const paddingBottom =\r\n    virtualRows.length > 0\r\n      ? totalSize - (virtualRows[virtualRows.length - 1]?.end || 0)\r\n      : 0;\r\n\r\n  return (\r\n    <TableBody ref={tableContainerRef}>\r\n      {paddingTop > 0 && (\r\n        <tr>\r\n          <td style={{ height: `${paddingTop}px` }} />\r\n        </tr>\r\n      )}\r\n\r\n      {virtualRows.map((virtualRow) => {\r\n        const row = rows[virtualRow.index];\r\n        if (!row) return null;\r\n\r\n        const rowClass =\r\n          typeof rowClassName === \"function\"\r\n            ? rowClassName(row.original)\r\n            : rowClassName;\r\n\r\n        return (\r\n          <React.Fragment key={row.id}>\r\n            <TableRow\r\n              data-state={row.getIsSelected() && \"selected\"}\r\n              className={cn(rowClass, \"group\")}\r\n            >\r\n              {row.getVisibleCells().map((cell) => {\r\n                const cellClass =\r\n                  typeof cellClassName === \"function\"\r\n                    ? cellClassName({\r\n                        row: row.original,\r\n                        columnId: cell.column.id,\r\n                      })\r\n                    : cellClassName;\r\n\r\n                const rowId = getRowId\r\n                  ? getRowId(row.original, row.index)\r\n                  : String(row.index);\r\n                const isEditing = editingRows?.[rowId] !== undefined;\r\n\r\n                return (\r\n                  <TableCell\r\n                    key={cell.id}\r\n                    style={getPinningCellStyles(cell)}\r\n                    className={cn(\r\n                      cellClass,\r\n                      isEditing && \"py-0\",\r\n                      getPinningCellClassNames(cell),\r\n                      \"border-b border-r\",\r\n                      editingEnabled &&\r\n                        \"border border-dashed border-muted-foreground/20\",\r\n                      editingEnabled &&\r\n                        !isEditing &&\r\n                        \"hover:border-muted-foreground/40\"\r\n                    )}\r\n                  >\r\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n                  </TableCell>\r\n                );\r\n              })}\r\n            </TableRow>\r\n            {row.getIsExpanded() &&\r\n              expansionEnabled &&\r\n              expansionRenderContent && (\r\n                <TableRow>\r\n                  <TableCell colSpan={row.getVisibleCells().length}>\r\n                    {expansionRenderContent(row.original)}\r\n                  </TableCell>\r\n                </TableRow>\r\n              )}\r\n          </React.Fragment>\r\n        );\r\n      })}\r\n\r\n      {paddingBottom > 0 && (\r\n        <tr>\r\n          <td style={{ height: `${paddingBottom}px` }} />\r\n        </tr>\r\n      )}\r\n    </TableBody>\r\n  );\r\n}\r\n"],"mappings":";AA+DU,cAcA,YAdA;AA7DV,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,OAAO,SAAS,cAAc;AAC9B,SAAS,WAAW,WAAW,gBAAgB;AAC/C,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAeA,SAAS,YAAmB;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,oBAAoB,OAAgC,IAAI;AAE9D,QAAM,iBAAiB,eAAe;AAAA,IACpC,OAAO,KAAK;AAAA,IACZ,kBAAkB,MAAM;AACtB,aAAO,kBAAkB,SAAS;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,IACA,cAAc,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AAED,QAAM,cAAc,eAAe,gBAAgB;AACnD,QAAM,YAAY,eAAe,aAAa;AAE9C,QAAM,aAAa,YAAY,SAAS,IAAI,YAAY,CAAC,GAAG,SAAS,IAAI;AACzE,QAAM,gBACJ,YAAY,SAAS,IACjB,aAAa,YAAY,YAAY,SAAS,CAAC,GAAG,OAAO,KACzD;AAEN,SACE,qBAAC,aAAU,KAAK,mBACb;AAAA,iBAAa,KACZ,oBAAC,QACC,8BAAC,QAAG,OAAO,EAAE,QAAQ,GAAG,UAAU,KAAK,GAAG,GAC5C;AAAA,IAGD,YAAY,IAAI,CAAC,eAAe;AAC/B,YAAM,MAAM,KAAK,WAAW,KAAK;AACjC,UAAI,CAAC,IAAK,QAAO;AAEjB,YAAM,WACJ,OAAO,iBAAiB,aACpB,aAAa,IAAI,QAAQ,IACzB;AAEN,aACE,qBAAC,MAAM,UAAN,EACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,IAAI,cAAc,KAAK;AAAA,YACnC,WAAW,GAAG,UAAU,OAAO;AAAA,YAE9B,cAAI,gBAAgB,EAAE,IAAI,CAAC,SAAS;AACnC,oBAAM,YACJ,OAAO,kBAAkB,aACrB,cAAc;AAAA,gBACZ,KAAK,IAAI;AAAA,gBACT,UAAU,KAAK,OAAO;AAAA,cACxB,CAAC,IACD;AAEN,oBAAM,QAAQ,WACV,SAAS,IAAI,UAAU,IAAI,KAAK,IAChC,OAAO,IAAI,KAAK;AACpB,oBAAM,YAAY,cAAc,KAAK,MAAM;AAE3C,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,OAAO,qBAAqB,IAAI;AAAA,kBAChC,WAAW;AAAA,oBACT;AAAA,oBACA,aAAa;AAAA,oBACb,yBAAyB,IAAI;AAAA,oBAC7B;AAAA,oBACA,kBACE;AAAA,oBACF,kBACE,CAAC,aACD;AAAA,kBACJ;AAAA,kBAEC,qBAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA;AAAA,gBAdpD,KAAK;AAAA,cAeZ;AAAA,YAEJ,CAAC;AAAA;AAAA,QACH;AAAA,QACC,IAAI,cAAc,KACjB,oBACA,0BACE,oBAAC,YACC,8BAAC,aAAU,SAAS,IAAI,gBAAgB,EAAE,QACvC,iCAAuB,IAAI,QAAQ,GACtC,GACF;AAAA,WA/Ce,IAAI,EAiDzB;AAAA,IAEJ,CAAC;AAAA,IAEA,gBAAgB,KACf,oBAAC,QACC,8BAAC,QAAG,OAAO,EAAE,QAAQ,GAAG,aAAa,KAAK,GAAG,GAC/C;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/custom/master-data-grid/components/toolbar/index.js

@@ -0,0 +1,5 @@
+import { Toolbar } from "./toolbar";
+export {
+  Toolbar
+};
+//# sourceMappingURL=index.js.map

package/dist/custom/master-data-grid/components/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/master-data-grid/components/toolbar/index.ts"],"sourcesContent":["export { Toolbar } from \"./toolbar\";\r\n"],"mappings":"AAAA,SAAS,eAAe;","names":[]}

package/dist/custom/master-data-grid/components/toolbar/toolbar.js

@@ -0,0 +1,238 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Columns3,
+  Download,
+  Filter,
+  Menu,
+  RefreshCw,
+  RotateCcw
+} from "lucide-react";
+import { useEffect, useState, useCallback, useRef } from "react";
+import { Button } from "../../../../components/button";
+import { ButtonGroup } from "../../../../components/button-group";
+import { Input } from "../../../../components/input";
+import {
+  Drawer,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger
+} from "../../../../components/drawer";
+import { getTranslations } from "../../utils/translation-utils";
+import { MultiFilterDialog } from "../filters";
+function Toolbar({
+  table,
+  config,
+  selectedRows,
+  onExport,
+  onRefresh,
+  onReset,
+  onOpenColumnSettings
+}) {
+  const { t, tableActions, enableExport } = config;
+  const [searchValue, setSearchValue] = useState("");
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const debounceTimerRef = useRef(null);
+  const initialStateRef = useRef(null);
+  useEffect(() => {
+    if (!initialStateRef.current) {
+      const state = table.getState();
+      initialStateRef.current = {
+        globalFilter: state.globalFilter,
+        columnFilters: [...state.columnFilters],
+        sorting: [...state.sorting],
+        columnVisibility: { ...state.columnVisibility },
+        columnPinning: {
+          left: state.columnPinning?.left ? [...state.columnPinning.left] : [],
+          right: state.columnPinning?.right ? [...state.columnPinning.right] : []
+        }
+      };
+    }
+  }, []);
+  useEffect(() => {
+    const currentFilter = table.getState().globalFilter;
+    if (currentFilter !== searchValue) {
+      setSearchValue(currentFilter ?? "");
+    }
+  }, [table.getState().globalFilter]);
+  const handleSearchChange = useCallback(
+    (value) => {
+      setSearchValue(value);
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
+      debounceTimerRef.current = setTimeout(() => {
+        table.setGlobalFilter(value);
+      }, 300);
+    },
+    [table]
+  );
+  useEffect(() => {
+    return () => {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
+    };
+  }, []);
+  const hasTableChanges = () => {
+    if (!initialStateRef.current) return false;
+    const state = table.getState();
+    const initial = initialStateRef.current;
+    const hasGlobalFilterChanged = state.globalFilter !== initial.globalFilter;
+    const hasColumnFiltersChanged = state.columnFilters.length !== initial.columnFilters.length || JSON.stringify(state.columnFilters) !== JSON.stringify(initial.columnFilters);
+    const hasSortingChanged = state.sorting.length !== initial.sorting.length || JSON.stringify(state.sorting) !== JSON.stringify(initial.sorting);
+    const hasColumnVisibilityChanged = JSON.stringify(state.columnVisibility) !== JSON.stringify(initial.columnVisibility);
+    const currentPinning = {
+      left: state.columnPinning?.left || [],
+      right: state.columnPinning?.right || []
+    };
+    const initialPinning = {
+      left: initial.columnPinning?.left || [],
+      right: initial.columnPinning?.right || []
+    };
+    const hasColumnPinningChanged = JSON.stringify(currentPinning) !== JSON.stringify(initialPinning);
+    return hasGlobalFilterChanged || hasColumnFiltersChanged || hasSortingChanged || hasColumnVisibilityChanged || hasColumnPinningChanged;
+  };
+  const renderTableButtons = (isMobile = false) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    config.enableFiltering && /* @__PURE__ */ jsx(MultiFilterDialog, { table, config, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        className: isMobile ? "w-full justify-start" : "",
+        children: [
+          /* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: getTranslations("toolbar.filters", t) }),
+          table.getState().columnFilters.length > 0 && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: (isMobile ? "ml-auto" : "ml-2") + " rounded-full bg-primary px-2 py-0.5 text-xs text-primary-foreground",
+              children: table.getState().columnFilters.length
+            }
+          )
+        ]
+      }
+    ) }),
+    config.enableColumnVisibility && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        onClick: () => {
+          onOpenColumnSettings?.();
+          if (isMobile) setMobileMenuOpen(false);
+        },
+        className: isMobile ? "w-full justify-start" : "",
+        children: [
+          /* @__PURE__ */ jsx(Columns3, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: getTranslations("toolbar.columns", t) })
+        ]
+      }
+    ),
+    enableExport && onExport && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        onClick: () => {
+          onExport("csv");
+          if (isMobile) setMobileMenuOpen(false);
+        },
+        className: isMobile ? "w-full justify-start" : "",
+        children: [
+          /* @__PURE__ */ jsx(Download, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: getTranslations("toolbar.export", t) })
+        ]
+      }
+    ),
+    onRefresh && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        onClick: () => {
+          onRefresh();
+          if (isMobile) setMobileMenuOpen(false);
+        },
+        className: isMobile ? "w-full justify-start" : "",
+        children: [
+          /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: getTranslations("toolbar.refresh", t) })
+        ]
+      }
+    ),
+    onReset && hasTableChanges() && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        onClick: () => {
+          onReset();
+          if (isMobile) setMobileMenuOpen(false);
+        },
+        className: isMobile ? "w-full justify-start" : "",
+        children: [
+          /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: getTranslations("toolbar.reset", t) })
+        ]
+      }
+    )
+  ] });
+  const renderTableActions = (isMobile = false) => tableActions?.map((action) => {
+    const disabled = typeof action.disabled === "function" ? action.disabled(selectedRows) : action.disabled;
+    const hidden = typeof action.hidden === "function" ? action.hidden(selectedRows) : action.hidden;
+    if (hidden) return null;
+    if (action.requiresSelection && selectedRows.length === 0) {
+      return null;
+    }
+    const Icon = action.icon;
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: action.variant,
+        disabled,
+        onClick: () => {
+          action.onClick?.(selectedRows);
+          if (isMobile) setMobileMenuOpen(false);
+        },
+        className: isMobile ? "w-full justify-start" : action.className,
+        children: [
+          Icon && /* @__PURE__ */ jsx(Icon, { className: "mr-2 h-4 w-4" }),
+          action.label
+        ]
+      },
+      action.id
+    );
+  });
+  const hasAnyEnabledFeature = config.enableSearch || config.enableFiltering || config.enableColumnVisibility || enableExport || onRefresh || tableActions && tableActions.length > 0;
+  if (!hasAnyEnabledFeature) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+    config.enableSearch && /* @__PURE__ */ jsx(
+      Input,
+      {
+        placeholder: getTranslations("toolbar.search", t),
+        value: searchValue,
+        onChange: (event) => handleSearchChange(event.target.value),
+        className: "md:max-w-sm"
+      }
+    ),
+    selectedRows.length > 0 && /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+      selectedRows.length,
+      " ",
+      getTranslations("toolbar.selected", t)
+    ] }),
+    /* @__PURE__ */ jsx(ButtonGroup, { className: "hidden ml-auto md:flex", children: renderTableButtons(false) }),
+    /* @__PURE__ */ jsx(ButtonGroup, { className: "hidden md:has-first:flex", children: renderTableActions(false) }),
+    /* @__PURE__ */ jsxs(Drawer, { open: mobileMenuOpen, onOpenChange: setMobileMenuOpen, children: [
+      /* @__PURE__ */ jsx(DrawerTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", className: "md:hidden", children: /* @__PURE__ */ jsx(Menu, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxs(DrawerContent, { className: "p-2", children: [
+        /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsx(DrawerTitle, { children: getTranslations("toolbar.actions", t) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [
+          renderTableButtons(true),
+          renderTableActions(true)
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  Toolbar
+};
+//# sourceMappingURL=toolbar.js.map

package/dist/custom/master-data-grid/components/toolbar/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/master-data-grid/components/toolbar/toolbar.tsx"],"sourcesContent":["import type { Table as TanStackTable } from \"@tanstack/react-table\";\r\nimport {\r\n  Columns3,\r\n  Download,\r\n  Filter,\r\n  Menu,\r\n  RefreshCw,\r\n  RotateCcw,\r\n} from \"lucide-react\";\r\nimport { useEffect, useState, useCallback, useRef } from \"react\";\r\nimport { Button } from \"../../../../components/button\";\r\nimport { ButtonGroup } from \"../../../../components/button-group\";\r\nimport { Input } from \"../../../../components/input\";\r\nimport {\r\n  Drawer,\r\n  DrawerContent,\r\n  DrawerHeader,\r\n  DrawerTitle,\r\n  DrawerTrigger,\r\n} from \"../../../../components/drawer\";\r\nimport type { MasterDataGridConfig, ServerFilterConfig } from \"../../types\";\r\nimport { getTranslations } from \"../../utils/translation-utils\";\r\nimport { MultiFilterDialog } from \"../filters\";\r\n\r\ninterface ToolbarProps<TData> {\r\n  table: TanStackTable<TData>;\r\n  config: MasterDataGridConfig<TData>;\r\n  selectedRows: TData[];\r\n  serverFilters?: ServerFilterConfig[];\r\n  onExport?: (format: string) => void;\r\n  onRefresh?: () => void;\r\n  onReset?: () => void;\r\n  onOpenColumnSettings?: () => void;\r\n}\r\n\r\nexport function Toolbar<TData>({\r\n  table,\r\n  config,\r\n  selectedRows,\r\n  onExport,\r\n  onRefresh,\r\n  onReset,\r\n  onOpenColumnSettings,\r\n}: ToolbarProps<TData>) {\r\n  const { t, tableActions, enableExport } = config;\r\n\r\n  const [searchValue, setSearchValue] = useState<string>(\"\");\r\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);\r\n  const debounceTimerRef = useRef<NodeJS.Timeout | null>(null);\r\n\r\n  const initialStateRef = useRef<{\r\n    globalFilter: string | undefined;\r\n    columnFilters: any[];\r\n    sorting: any[];\r\n    columnVisibility: Record<string, boolean>;\r\n    columnPinning: { left?: string[]; right?: string[] };\r\n  } | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (!initialStateRef.current) {\r\n      const state = table.getState();\r\n      initialStateRef.current = {\r\n        globalFilter: state.globalFilter as string | undefined,\r\n        columnFilters: [...state.columnFilters],\r\n        sorting: [...state.sorting],\r\n        columnVisibility: { ...state.columnVisibility },\r\n        columnPinning: {\r\n          left: state.columnPinning?.left ? [...state.columnPinning.left] : [],\r\n          right: state.columnPinning?.right\r\n            ? [...state.columnPinning.right]\r\n            : [],\r\n        },\r\n      };\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const currentFilter = table.getState().globalFilter as string;\r\n    if (currentFilter !== searchValue) {\r\n      setSearchValue(currentFilter ?? \"\");\r\n    }\r\n  }, [table.getState().globalFilter]);\r\n\r\n  const handleSearchChange = useCallback(\r\n    (value: string) => {\r\n      setSearchValue(value);\r\n\r\n      if (debounceTimerRef.current) {\r\n        clearTimeout(debounceTimerRef.current);\r\n      }\r\n\r\n      debounceTimerRef.current = setTimeout(() => {\r\n        table.setGlobalFilter(value);\r\n      }, 300);\r\n    },\r\n    [table]\r\n  );\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (debounceTimerRef.current) {\r\n        clearTimeout(debounceTimerRef.current);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  const hasTableChanges = () => {\r\n    if (!initialStateRef.current) return false;\r\n\r\n    const state = table.getState();\r\n    const initial = initialStateRef.current;\r\n\r\n    const hasGlobalFilterChanged = state.globalFilter !== initial.globalFilter;\r\n\r\n    const hasColumnFiltersChanged =\r\n      state.columnFilters.length !== initial.columnFilters.length ||\r\n      JSON.stringify(state.columnFilters) !==\r\n        JSON.stringify(initial.columnFilters);\r\n\r\n    const hasSortingChanged =\r\n      state.sorting.length !== initial.sorting.length ||\r\n      JSON.stringify(state.sorting) !== JSON.stringify(initial.sorting);\r\n\r\n    const hasColumnVisibilityChanged =\r\n      JSON.stringify(state.columnVisibility) !==\r\n      JSON.stringify(initial.columnVisibility);\r\n\r\n    const currentPinning = {\r\n      left: state.columnPinning?.left || [],\r\n      right: state.columnPinning?.right || [],\r\n    };\r\n    const initialPinning = {\r\n      left: initial.columnPinning?.left || [],\r\n      right: initial.columnPinning?.right || [],\r\n    };\r\n    const hasColumnPinningChanged =\r\n      JSON.stringify(currentPinning) !== JSON.stringify(initialPinning);\r\n\r\n    return (\r\n      hasGlobalFilterChanged ||\r\n      hasColumnFiltersChanged ||\r\n      hasSortingChanged ||\r\n      hasColumnVisibilityChanged ||\r\n      hasColumnPinningChanged\r\n    );\r\n  };\r\n\r\n  const renderTableButtons = (isMobile = false) => (\r\n    <>\r\n      {config.enableFiltering && (\r\n        <MultiFilterDialog table={table} config={config}>\r\n          <Button\r\n            variant=\"outline\"\r\n            className={isMobile ? \"w-full justify-start\" : \"\"}\r\n          >\r\n            <Filter className=\"mr-2 h-4 w-4\" />\r\n            <span>{getTranslations(\"toolbar.filters\", t)}</span>\r\n            {table.getState().columnFilters.length > 0 && (\r\n              <span\r\n                className={\r\n                  (isMobile ? \"ml-auto\" : \"ml-2\") +\r\n                  \" rounded-full bg-primary px-2 py-0.5 text-xs text-primary-foreground\"\r\n                }\r\n              >\r\n                {table.getState().columnFilters.length}\r\n              </span>\r\n            )}\r\n          </Button>\r\n        </MultiFilterDialog>\r\n      )}\r\n      {config.enableColumnVisibility && (\r\n        <Button\r\n          variant=\"outline\"\r\n          onClick={() => {\r\n            onOpenColumnSettings?.();\r\n            if (isMobile) setMobileMenuOpen(false);\r\n          }}\r\n          className={isMobile ? \"w-full justify-start\" : \"\"}\r\n        >\r\n          <Columns3 className=\"mr-2 h-4 w-4\" />\r\n          <span>{getTranslations(\"toolbar.columns\", t)}</span>\r\n        </Button>\r\n      )}\r\n      {enableExport && onExport && (\r\n        <Button\r\n          variant=\"outline\"\r\n          onClick={() => {\r\n            onExport(\"csv\");\r\n            if (isMobile) setMobileMenuOpen(false);\r\n          }}\r\n          className={isMobile ? \"w-full justify-start\" : \"\"}\r\n        >\r\n          <Download className=\"mr-2 h-4 w-4\" />\r\n          <span>{getTranslations(\"toolbar.export\", t)}</span>\r\n        </Button>\r\n      )}\r\n      {onRefresh && (\r\n        <Button\r\n          variant=\"outline\"\r\n          onClick={() => {\r\n            onRefresh();\r\n            if (isMobile) setMobileMenuOpen(false);\r\n          }}\r\n          className={isMobile ? \"w-full justify-start\" : \"\"}\r\n        >\r\n          <RefreshCw className=\"mr-2 h-4 w-4\" />\r\n          <span>{getTranslations(\"toolbar.refresh\", t)}</span>\r\n        </Button>\r\n      )}\r\n      {onReset && hasTableChanges() && (\r\n        <Button\r\n          variant=\"outline\"\r\n          onClick={() => {\r\n            onReset();\r\n            if (isMobile) setMobileMenuOpen(false);\r\n          }}\r\n          className={isMobile ? \"w-full justify-start\" : \"\"}\r\n        >\r\n          <RotateCcw className=\"mr-2 h-4 w-4\" />\r\n          <span>{getTranslations(\"toolbar.reset\", t)}</span>\r\n        </Button>\r\n      )}\r\n    </>\r\n  );\r\n\r\n  const renderTableActions = (isMobile = false) =>\r\n    tableActions?.map((action) => {\r\n      const disabled =\r\n        typeof action.disabled === \"function\"\r\n          ? action.disabled(selectedRows)\r\n          : action.disabled;\r\n\r\n      const hidden =\r\n        typeof action.hidden === \"function\"\r\n          ? action.hidden(selectedRows)\r\n          : action.hidden;\r\n\r\n      if (hidden) return null;\r\n\r\n      if (action.requiresSelection && selectedRows.length === 0) {\r\n        return null;\r\n      }\r\n\r\n      const Icon = action.icon;\r\n\r\n      return (\r\n        <Button\r\n          key={action.id}\r\n          variant={action.variant}\r\n          disabled={disabled}\r\n          onClick={() => {\r\n            action.onClick?.(selectedRows);\r\n            if (isMobile) setMobileMenuOpen(false);\r\n          }}\r\n          className={isMobile ? \"w-full justify-start\" : action.className}\r\n        >\r\n          {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\r\n          {action.label}\r\n        </Button>\r\n      );\r\n    });\r\n\r\n  const hasAnyEnabledFeature =\r\n    config.enableSearch ||\r\n    config.enableFiltering ||\r\n    config.enableColumnVisibility ||\r\n    enableExport ||\r\n    onRefresh ||\r\n    (tableActions && tableActions.length > 0);\r\n\r\n  if (!hasAnyEnabledFeature) {\r\n    return null;\r\n  }\r\n  return (\r\n    <div className=\"flex items-center gap-2 w-full\">\r\n      {config.enableSearch && (\r\n        <Input\r\n          placeholder={getTranslations(\"toolbar.search\", t)}\r\n          value={searchValue}\r\n          onChange={(event) => handleSearchChange(event.target.value)}\r\n          className=\"md:max-w-sm\"\r\n        />\r\n      )}\r\n      {selectedRows.length > 0 && (\r\n        <div className=\"text-sm text-muted-foreground\">\r\n          {selectedRows.length} {getTranslations(\"toolbar.selected\", t)}\r\n        </div>\r\n      )}\r\n\r\n      <ButtonGroup className=\"hidden ml-auto md:flex\">\r\n        {renderTableButtons(false)}\r\n      </ButtonGroup>\r\n      <ButtonGroup className=\"hidden md:has-first:flex\">\r\n        {renderTableActions(false)}\r\n      </ButtonGroup>\r\n      <Drawer open={mobileMenuOpen} onOpenChange={setMobileMenuOpen}>\r\n        <DrawerTrigger asChild>\r\n          <Button variant=\"outline\" size=\"icon\" className=\"md:hidden\">\r\n            <Menu className=\"h-4 w-4\" />\r\n          </Button>\r\n        </DrawerTrigger>\r\n        <DrawerContent className=\"p-2\">\r\n          <DrawerHeader>\r\n            <DrawerTitle>{getTranslations(\"toolbar.actions\", t)}</DrawerTitle>\r\n          </DrawerHeader>\r\n          <div className=\"flex flex-col gap-2 mt-4\">\r\n            {renderTableButtons(true)}\r\n            {renderTableActions(true)}\r\n          </div>\r\n        </DrawerContent>\r\n      </Drawer>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"AAoJI,mBAOQ,KAJF,YAHN;AAnJJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,UAAU,aAAa,cAAc;AACzD,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAa3B,SAAS,QAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,GAAG,cAAc,aAAa,IAAI;AAE1C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,EAAE;AACzD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,mBAAmB,OAA8B,IAAI;AAE3D,QAAM,kBAAkB,OAMd,IAAI;AAEd,YAAU,MAAM;AACd,QAAI,CAAC,gBAAgB,SAAS;AAC5B,YAAM,QAAQ,MAAM,SAAS;AAC7B,sBAAgB,UAAU;AAAA,QACxB,cAAc,MAAM;AAAA,QACpB,eAAe,CAAC,GAAG,MAAM,aAAa;AAAA,QACtC,SAAS,CAAC,GAAG,MAAM,OAAO;AAAA,QAC1B,kBAAkB,EAAE,GAAG,MAAM,iBAAiB;AAAA,QAC9C,eAAe;AAAA,UACb,MAAM,MAAM,eAAe,OAAO,CAAC,GAAG,MAAM,cAAc,IAAI,IAAI,CAAC;AAAA,UACnE,OAAO,MAAM,eAAe,QACxB,CAAC,GAAG,MAAM,cAAc,KAAK,IAC7B,CAAC;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,gBAAgB,MAAM,SAAS,EAAE;AACvC,QAAI,kBAAkB,aAAa;AACjC,qBAAe,iBAAiB,EAAE;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,MAAM,SAAS,EAAE,YAAY,CAAC;AAElC,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAkB;AACjB,qBAAe,KAAK;AAEpB,UAAI,iBAAiB,SAAS;AAC5B,qBAAa,iBAAiB,OAAO;AAAA,MACvC;AAEA,uBAAiB,UAAU,WAAW,MAAM;AAC1C,cAAM,gBAAgB,KAAK;AAAA,MAC7B,GAAG,GAAG;AAAA,IACR;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,iBAAiB,SAAS;AAC5B,qBAAa,iBAAiB,OAAO;AAAA,MACvC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAkB,MAAM;AAC5B,QAAI,CAAC,gBAAgB,QAAS,QAAO;AAErC,UAAM,QAAQ,MAAM,SAAS;AAC7B,UAAM,UAAU,gBAAgB;AAEhC,UAAM,yBAAyB,MAAM,iBAAiB,QAAQ;AAE9D,UAAM,0BACJ,MAAM,cAAc,WAAW,QAAQ,cAAc,UACrD,KAAK,UAAU,MAAM,aAAa,MAChC,KAAK,UAAU,QAAQ,aAAa;AAExC,UAAM,oBACJ,MAAM,QAAQ,WAAW,QAAQ,QAAQ,UACzC,KAAK,UAAU,MAAM,OAAO,MAAM,KAAK,UAAU,QAAQ,OAAO;AAElE,UAAM,6BACJ,KAAK,UAAU,MAAM,gBAAgB,MACrC,KAAK,UAAU,QAAQ,gBAAgB;AAEzC,UAAM,iBAAiB;AAAA,MACrB,MAAM,MAAM,eAAe,QAAQ,CAAC;AAAA,MACpC,OAAO,MAAM,eAAe,SAAS,CAAC;AAAA,IACxC;AACA,UAAM,iBAAiB;AAAA,MACrB,MAAM,QAAQ,eAAe,QAAQ,CAAC;AAAA,MACtC,OAAO,QAAQ,eAAe,SAAS,CAAC;AAAA,IAC1C;AACA,UAAM,0BACJ,KAAK,UAAU,cAAc,MAAM,KAAK,UAAU,cAAc;AAElE,WACE,0BACA,2BACA,qBACA,8BACA;AAAA,EAEJ;AAEA,QAAM,qBAAqB,CAAC,WAAW,UACrC,iCACG;AAAA,WAAO,mBACN,oBAAC,qBAAkB,OAAc,QAC/B;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAW,WAAW,yBAAyB;AAAA,QAE/C;AAAA,8BAAC,UAAO,WAAU,gBAAe;AAAA,UACjC,oBAAC,UAAM,0BAAgB,mBAAmB,CAAC,GAAE;AAAA,UAC5C,MAAM,SAAS,EAAE,cAAc,SAAS,KACvC;AAAA,YAAC;AAAA;AAAA,cACC,YACG,WAAW,YAAY,UACxB;AAAA,cAGD,gBAAM,SAAS,EAAE,cAAc;AAAA;AAAA,UAClC;AAAA;AAAA;AAAA,IAEJ,GACF;AAAA,IAED,OAAO,0BACN;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,iCAAuB;AACvB,cAAI,SAAU,mBAAkB,KAAK;AAAA,QACvC;AAAA,QACA,WAAW,WAAW,yBAAyB;AAAA,QAE/C;AAAA,8BAAC,YAAS,WAAU,gBAAe;AAAA,UACnC,oBAAC,UAAM,0BAAgB,mBAAmB,CAAC,GAAE;AAAA;AAAA;AAAA,IAC/C;AAAA,IAED,gBAAgB,YACf;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,mBAAS,KAAK;AACd,cAAI,SAAU,mBAAkB,KAAK;AAAA,QACvC;AAAA,QACA,WAAW,WAAW,yBAAyB;AAAA,QAE/C;AAAA,8BAAC,YAAS,WAAU,gBAAe;AAAA,UACnC,oBAAC,UAAM,0BAAgB,kBAAkB,CAAC,GAAE;AAAA;AAAA;AAAA,IAC9C;AAAA,IAED,aACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,oBAAU;AACV,cAAI,SAAU,mBAAkB,KAAK;AAAA,QACvC;AAAA,QACA,WAAW,WAAW,yBAAyB;AAAA,QAE/C;AAAA,8BAAC,aAAU,WAAU,gBAAe;AAAA,UACpC,oBAAC,UAAM,0BAAgB,mBAAmB,CAAC,GAAE;AAAA;AAAA;AAAA,IAC/C;AAAA,IAED,WAAW,gBAAgB,KAC1B;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,kBAAQ;AACR,cAAI,SAAU,mBAAkB,KAAK;AAAA,QACvC;AAAA,QACA,WAAW,WAAW,yBAAyB;AAAA,QAE/C;AAAA,8BAAC,aAAU,WAAU,gBAAe;AAAA,UACpC,oBAAC,UAAM,0BAAgB,iBAAiB,CAAC,GAAE;AAAA;AAAA;AAAA,IAC7C;AAAA,KAEJ;AAGF,QAAM,qBAAqB,CAAC,WAAW,UACrC,cAAc,IAAI,CAAC,WAAW;AAC5B,UAAM,WACJ,OAAO,OAAO,aAAa,aACvB,OAAO,SAAS,YAAY,IAC5B,OAAO;AAEb,UAAM,SACJ,OAAO,OAAO,WAAW,aACrB,OAAO,OAAO,YAAY,IAC1B,OAAO;AAEb,QAAI,OAAQ,QAAO;AAEnB,QAAI,OAAO,qBAAqB,aAAa,WAAW,GAAG;AACzD,aAAO;AAAA,IACT;AAEA,UAAM,OAAO,OAAO;AAEpB,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,OAAO;AAAA,QAChB;AAAA,QACA,SAAS,MAAM;AACb,iBAAO,UAAU,YAAY;AAC7B,cAAI,SAAU,mBAAkB,KAAK;AAAA,QACvC;AAAA,QACA,WAAW,WAAW,yBAAyB,OAAO;AAAA,QAErD;AAAA,kBAAQ,oBAAC,QAAK,WAAU,gBAAe;AAAA,UACvC,OAAO;AAAA;AAAA;AAAA,MAVH,OAAO;AAAA,IAWd;AAAA,EAEJ,CAAC;AAEH,QAAM,uBACJ,OAAO,gBACP,OAAO,mBACP,OAAO,0BACP,gBACA,aACC,gBAAgB,aAAa,SAAS;AAEzC,MAAI,CAAC,sBAAsB;AACzB,WAAO;AAAA,EACT;AACA,SACE,qBAAC,SAAI,WAAU,kCACZ;AAAA,WAAO,gBACN;AAAA,MAAC;AAAA;AAAA,QACC,aAAa,gBAAgB,kBAAkB,CAAC;AAAA,QAChD,OAAO;AAAA,QACP,UAAU,CAAC,UAAU,mBAAmB,MAAM,OAAO,KAAK;AAAA,QAC1D,WAAU;AAAA;AAAA,IACZ;AAAA,IAED,aAAa,SAAS,KACrB,qBAAC,SAAI,WAAU,iCACZ;AAAA,mBAAa;AAAA,MAAO;AAAA,MAAE,gBAAgB,oBAAoB,CAAC;AAAA,OAC9D;AAAA,IAGF,oBAAC,eAAY,WAAU,0BACpB,6BAAmB,KAAK,GAC3B;AAAA,IACA,oBAAC,eAAY,WAAU,4BACpB,6BAAmB,KAAK,GAC3B;AAAA,IACA,qBAAC,UAAO,MAAM,gBAAgB,cAAc,mBAC1C;AAAA,0BAAC,iBAAc,SAAO,MACpB,8BAAC,UAAO,SAAQ,WAAU,MAAK,QAAO,WAAU,aAC9C,8BAAC,QAAK,WAAU,WAAU,GAC5B,GACF;AAAA,MACA,qBAAC,iBAAc,WAAU,OACvB;AAAA,4BAAC,gBACC,8BAAC,eAAa,0BAAgB,mBAAmB,CAAC,GAAE,GACtD;AAAA,QACA,qBAAC,SAAI,WAAU,4BACZ;AAAA,6BAAmB,IAAI;AAAA,UACvB,mBAAmB,IAAI;AAAA,WAC1B;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/custom/master-data-grid/hooks/index.js

@@ -0,0 +1,7 @@
+import { useEditing } from "./use-editing";
+import { useTableState } from "./use-table-state";
+export {
+  useEditing,
+  useTableState
+};
+//# sourceMappingURL=index.js.map

package/dist/custom/master-data-grid/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/master-data-grid/hooks/index.ts"],"sourcesContent":["export { useEditing } from \"./use-editing\";\r\nexport { useTableState } from \"./use-table-state\";\r\nexport type { UseEditingProps, UseEditingReturn } from \"./use-editing\";\r\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;","names":[]}