@rttui/skin-anocca 1.0.21 → 1.0.23

package/dist/cjs/stories/ReactTanstackTableUiStory.stories.cjs

@@ -1,309 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __moduleCache = /* @__PURE__ */ new WeakMap;
-var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: (newValue) => all[name] = () => newValue
-    });
-};
-
-// packages/skin-anocca/src/stories/ReactTanstackTableUiStory.stories.tsx
-var exports_ReactTanstackTableUiStory_stories = {};
-__export(exports_ReactTanstackTableUiStory_stories, {
-  default: () => ReactTanstackTableUiStory_stories_default,
-  WorksWithoutRows: () => WorksWithoutRows,
-  StaticTable: () => StaticTable,
-  SizeByLargestHeaderWithMeta: () => SizeByLargestHeaderWithMeta,
-  SizeByLargestHeader: () => SizeByLargestHeader,
-  PinRelativeToTable: () => PinRelativeToTable,
-  PinRelativeToCols: () => PinRelativeToCols,
-  MeasureOverscanCols: () => MeasureOverscanCols,
-  FillAvailableSpaceAfterCrushWithoutSpecifiedScrollbarWidth: () => FillAvailableSpaceAfterCrushWithoutSpecifiedScrollbarWidth,
-  FillAvailableSpaceAfterCrushWithTwoHeaderRowsExceptName: () => FillAvailableSpaceAfterCrushWithTwoHeaderRowsExceptName,
-  FillAvailableSpaceAfterCrushWithTwoHeaderRows: () => FillAvailableSpaceAfterCrushWithTwoHeaderRows,
-  FillAvailableSpaceAfterCrushWithHeaderGroupsExceptName: () => FillAvailableSpaceAfterCrushWithHeaderGroupsExceptName,
-  FillAvailableSpaceAfterCrushWithHeaderGroups: () => FillAvailableSpaceAfterCrushWithHeaderGroups,
-  FillAvailableSpaceAfterCrushExceptName: () => FillAvailableSpaceAfterCrushExceptName,
-  FillAvailableSpaceAfterCrush: () => FillAvailableSpaceAfterCrush,
-  CanPinRowsRelativeToTable: () => CanPinRowsRelativeToTable,
-  CanPinRowsRelativeToRows: () => CanPinRowsRelativeToRows,
-  Basic: () => Basic,
-  AutoCrushColumnsExceptName: () => AutoCrushColumnsExceptName,
-  AutoCrushColumns: () => AutoCrushColumns
-});
-module.exports = __toCommonJS(exports_ReactTanstackTableUiStory_stories);
-var import_react_table = require("@tanstack/react-table");
-var import___ = require("..");
-var import_ReactTanstackTableUiStoryComponent = require("./ReactTanstackTableUiStoryComponent.cjs");
-var import_createSourceCode = require("./createSourceCode.cjs");
-var meta = {
-  title: "ReactTanstackTableUi",
-  component: import_ReactTanstackTableUiStoryComponent.ReactTanstackTableUi,
-  parameters: {
-    layout: "centered"
-  },
-  argTypes: {
-    data: { control: "select" },
-    columns: { control: "select" },
-    pinColsRelativeTo: { control: "select", options: ["cols", "table"] },
-    skin: {
-      control: "object",
-      table: { disable: true }
-    }
-  },
-  args: {
-    width: 600,
-    height: 400,
-    skin: import___.AnoccaSkin,
-    autoCrushColumns: false,
-    data: "big",
-    columns: "few",
-    getCoreRowModel: import_react_table.getCoreRowModel(),
-    pinColsRelativeTo: "cols",
-    fillAvailableSpaceAfterCrush: false,
-    scrollbarWidth: 16,
-    getRowId: (row) => row.id
-  }
-};
-var ReactTanstackTableUiStory_stories_default = meta;
-var Basic = {
-  args: {
-    enableColumnPinning: true,
-    autoCrushColumns: false,
-    fillAvailableSpaceAfterCrush: false,
-    pinColsRelativeTo: "cols"
-  },
-  parameters: {
-    docs: {
-      source: { language: "tsx", code: import_createSourceCode.createSourceCode() }
-    }
-  }
-};
-var AutoCrushColumns = {
-  args: {
-    autoCrushColumns: true
-  },
-  parameters: {
-    docs: {
-      source: {
-        language: "tsx",
-        code: import_createSourceCode.createSourceCode({ props: "  autoCrushColumns" })
-      }
-    }
-  }
-};
-var AutoCrushColumnsExceptName = {
-  args: {
-    autoCrushColumns: true,
-    enableColumnPinning: true,
-    meta: {
-      name: {
-        autoCrush: false
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      source: {
-        language: "tsx",
-        code: import_createSourceCode.createSourceCode({
-          props: "  autoCrushColumns",
-          nameMeta: "    autoCrush: false,"
-        })
-      }
-    }
-  }
-};
-var PinRelativeToCols = {
-  args: {
-    autoCrushColumns: true,
-    pinColsRelativeTo: "cols",
-    enableColumnPinning: true,
-    initialState: {
-      columnPinning: {
-        right: ["city"]
-      }
-    }
-  }
-};
-var PinRelativeToTable = {
-  args: {
-    autoCrushColumns: true,
-    pinColsRelativeTo: "table",
-    enableColumnPinning: true,
-    initialState: {
-      columnPinning: {
-        right: ["city"]
-      }
-    }
-  }
-};
-var FillAvailableSpaceAfterCrush = {
-  args: {
-    autoCrushColumns: true,
-    fillAvailableSpaceAfterCrush: true
-  }
-};
-var FillAvailableSpaceAfterCrushExceptName = {
-  args: {
-    autoCrushColumns: true,
-    fillAvailableSpaceAfterCrush: true,
-    meta: {
-      name: {
-        fillAvailableSpaceAfterCrush: false
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      source: {
-        language: "tsx",
-        code: import_createSourceCode.createSourceCode({
-          props: `  autoCrushColumns
-  fillAvailableSpaceAfterCrush`,
-          nameMeta: "    fillAvailableSpaceAfterCrush: false,"
-        })
-      }
-    }
-  }
-};
-var FillAvailableSpaceAfterCrushWithTwoHeaderRows = {
-  args: {
-    autoCrushColumns: true,
-    fillAvailableSpaceAfterCrush: true,
-    withTwoHeaderRows: true
-  }
-};
-var FillAvailableSpaceAfterCrushWithHeaderGroups = {
-  args: {
-    autoCrushColumns: true,
-    fillAvailableSpaceAfterCrush: true,
-    withHeaderGroups: true
-  }
-};
-var FillAvailableSpaceAfterCrushWithHeaderGroupsExceptName = {
-  args: {
-    autoCrushColumns: true,
-    fillAvailableSpaceAfterCrush: true,
-    withHeaderGroups: true,
-    meta: {
-      name: {
-        fillAvailableSpaceAfterCrush: false
-      }
-    }
-  }
-};
-var FillAvailableSpaceAfterCrushWithTwoHeaderRowsExceptName = {
-  args: {
-    autoCrushColumns: true,
-    fillAvailableSpaceAfterCrush: true,
-    withTwoHeaderRows: true,
-    meta: {
-      name: {
-        fillAvailableSpaceAfterCrush: false
-      }
-    }
-  }
-};
-var FillAvailableSpaceAfterCrushWithoutSpecifiedScrollbarWidth = {
-  args: {
-    autoCrushColumns: true,
-    fillAvailableSpaceAfterCrush: true,
-    scrollbarWidth: 0
-  }
-};
-var CanPinRowsRelativeToRows = {
-  args: {
-    enableRowPinning: true,
-    enableColumnPinning: true,
-    data: "small",
-    pinRowsRelativeTo: "rows",
-    initialState: {
-      rowPinning: {
-        bottom: ["3"]
-      }
-    }
-  }
-};
-var CanPinRowsRelativeToTable = {
-  args: {
-    enableRowPinning: true,
-    enableColumnPinning: true,
-    data: "small",
-    pinRowsRelativeTo: "table",
-    initialState: {
-      rowPinning: {
-        bottom: ["3"]
-      }
-    }
-  }
-};
-var SizeByLargestHeader = {
-  args: {
-    autoCrushColumns: true,
-    crushMinSizeBy: "cell"
-  }
-};
-var SizeByLargestHeaderWithMeta = {
-  args: {
-    autoCrushColumns: true,
-    crushMinSizeBy: "header",
-    enableColumnPinning: true,
-    meta: {
-      age: {
-        crushMinSizeBy: "cell"
-      }
-    }
-  }
-};
-var WorksWithoutRows = {
-  args: {
-    autoCrushColumns: true,
-    crushMinSizeBy: "both",
-    fillAvailableSpaceAfterCrush: true,
-    scrollbarWidth: 0,
-    data: "none",
-    withHeaderGroups: true
-  }
-};
-var StaticTable = {
-  args: {
-    data: "small",
-    columns: "few",
-    width: undefined,
-    height: undefined,
-    crushMinSizeBy: "both",
-    autoCrushColumns: true,
-    scrollbarWidth: 0
-  }
-};
-var MeasureOverscanCols = {
-  args: {
-    data: "big",
-    columns: "many",
-    crushMinSizeBy: "cell",
-    autoCrushColumns: true,
-    autoCrushNumCols: 1000
-  }
-};
-
-//# debugId=87709B93AE5C599D64756E2164756E21

package/dist/cjs/stories/ReactTanstackTableUiStory.stories.cjs.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/ReactTanstackTableUiStory.stories.tsx"],
-  "sourcesContent": [
-    "import type { Meta, StoryObj } from \"@storybook/react\";\n\nimport { getCoreRowModel } from \"@tanstack/react-table\";\nimport { AnoccaSkin } from \"..\";\nimport { ReactTanstackTableUi } from \"./ReactTanstackTableUiStoryComponent.cjs\";\nimport { createSourceCode } from \"./createSourceCode.cjs\";\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta = {\n  title: \"ReactTanstackTableUi\",\n  component: ReactTanstackTableUi,\n  parameters: {\n    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout\n    layout: \"centered\",\n  },\n  // More on argTypes: https://storybook.js.org/docs/api/argtypes\n  argTypes: {\n    data: { control: \"select\" },\n    columns: { control: \"select\" },\n    pinColsRelativeTo: { control: \"select\", options: [\"cols\", \"table\"] },\n    skin: {\n      control: \"object\",\n      table: { disable: true },\n    },\n  },\n  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args\n  args: {\n    width: 600,\n    height: 400,\n    skin: AnoccaSkin,\n    autoCrushColumns: false,\n    data: \"big\",\n    columns: \"few\",\n    getCoreRowModel: getCoreRowModel(),\n    pinColsRelativeTo: \"cols\",\n    fillAvailableSpaceAfterCrush: false,\n    scrollbarWidth: 16,\n    getRowId: (row) => row.id,\n  },\n} satisfies Meta<typeof ReactTanstackTableUi>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Basic: Story = {\n  args: {\n    enableColumnPinning: true,\n    autoCrushColumns: false,\n    fillAvailableSpaceAfterCrush: false,\n    pinColsRelativeTo: \"cols\",\n  },\n  parameters: {\n    docs: {\n      source: { language: \"tsx\", code: createSourceCode() },\n    },\n  },\n};\n\nexport const AutoCrushColumns: Story = {\n  args: {\n    autoCrushColumns: true,\n  },\n  parameters: {\n    docs: {\n      source: {\n        language: \"tsx\",\n        code: createSourceCode({ props: \"  autoCrushColumns\" }),\n      },\n    },\n  },\n};\n\nexport const AutoCrushColumnsExceptName: Story = {\n  args: {\n    autoCrushColumns: true,\n    enableColumnPinning: true,\n    meta: {\n      name: {\n        autoCrush: false,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      source: {\n        language: \"tsx\",\n        code: createSourceCode({\n          props: \"  autoCrushColumns\",\n          nameMeta: \"    autoCrush: false,\",\n        }),\n      },\n    },\n  },\n};\n\nexport const PinRelativeToCols: Story = {\n  args: {\n    autoCrushColumns: true,\n    pinColsRelativeTo: \"cols\",\n    enableColumnPinning: true,\n    initialState: {\n      columnPinning: {\n        right: [\"city\"],\n      },\n    },\n  },\n};\n\nexport const PinRelativeToTable: Story = {\n  args: {\n    autoCrushColumns: true,\n    pinColsRelativeTo: \"table\",\n    enableColumnPinning: true,\n    initialState: {\n      columnPinning: {\n        right: [\"city\"],\n      },\n    },\n  },\n};\n\nexport const FillAvailableSpaceAfterCrush: Story = {\n  args: {\n    autoCrushColumns: true,\n    fillAvailableSpaceAfterCrush: true,\n  },\n};\n\nexport const FillAvailableSpaceAfterCrushExceptName: Story = {\n  args: {\n    autoCrushColumns: true,\n    fillAvailableSpaceAfterCrush: true,\n    meta: {\n      name: {\n        fillAvailableSpaceAfterCrush: false,\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      source: {\n        language: \"tsx\",\n        code: createSourceCode({\n          props: \"  autoCrushColumns\\n  fillAvailableSpaceAfterCrush\",\n          nameMeta: \"    fillAvailableSpaceAfterCrush: false,\",\n        }),\n      },\n    },\n  },\n};\n\nexport const FillAvailableSpaceAfterCrushWithTwoHeaderRows: Story = {\n  args: {\n    autoCrushColumns: true,\n    fillAvailableSpaceAfterCrush: true,\n    withTwoHeaderRows: true,\n  },\n};\nexport const FillAvailableSpaceAfterCrushWithHeaderGroups: Story = {\n  args: {\n    autoCrushColumns: true,\n    fillAvailableSpaceAfterCrush: true,\n    withHeaderGroups: true,\n  },\n};\nexport const FillAvailableSpaceAfterCrushWithHeaderGroupsExceptName: Story = {\n  args: {\n    autoCrushColumns: true,\n    fillAvailableSpaceAfterCrush: true,\n    withHeaderGroups: true,\n    meta: {\n      name: {\n        fillAvailableSpaceAfterCrush: false,\n      },\n    },\n  },\n};\n\nexport const FillAvailableSpaceAfterCrushWithTwoHeaderRowsExceptName: Story = {\n  args: {\n    autoCrushColumns: true,\n    fillAvailableSpaceAfterCrush: true,\n    withTwoHeaderRows: true,\n    meta: {\n      name: {\n        fillAvailableSpaceAfterCrush: false,\n      },\n    },\n  },\n};\n\nexport const FillAvailableSpaceAfterCrushWithoutSpecifiedScrollbarWidth: Story =\n  {\n    args: {\n      autoCrushColumns: true,\n      fillAvailableSpaceAfterCrush: true,\n      scrollbarWidth: 0,\n    },\n  };\n\nexport const CanPinRowsRelativeToRows: Story = {\n  args: {\n    enableRowPinning: true,\n    enableColumnPinning: true,\n    data: \"small\",\n    pinRowsRelativeTo: \"rows\",\n    initialState: {\n      rowPinning: {\n        bottom: [\"3\"],\n      },\n    },\n  },\n};\n\nexport const CanPinRowsRelativeToTable: Story = {\n  args: {\n    enableRowPinning: true,\n    enableColumnPinning: true,\n    data: \"small\",\n    pinRowsRelativeTo: \"table\",\n    initialState: {\n      rowPinning: {\n        bottom: [\"3\"],\n      },\n    },\n  },\n};\n\nexport const SizeByLargestHeader: Story = {\n  args: {\n    autoCrushColumns: true,\n    crushMinSizeBy: \"cell\",\n  },\n};\n\nexport const SizeByLargestHeaderWithMeta: Story = {\n  args: {\n    autoCrushColumns: true,\n    crushMinSizeBy: \"header\",\n    enableColumnPinning: true,\n    meta: {\n      age: {\n        crushMinSizeBy: \"cell\",\n      },\n    },\n  },\n};\n\nexport const WorksWithoutRows: Story = {\n  args: {\n    autoCrushColumns: true,\n    crushMinSizeBy: \"both\",\n    fillAvailableSpaceAfterCrush: true,\n    scrollbarWidth: 0,\n    data: \"none\",\n    withHeaderGroups: true,\n  },\n};\n\nexport const StaticTable: Story = {\n  args: {\n    data: \"small\",\n    columns: \"few\",\n    width: undefined,\n    height: undefined,\n    crushMinSizeBy: \"both\",\n    autoCrushColumns: true,\n    scrollbarWidth: 0,\n  },\n};\n\nexport const MeasureOverscanCols: Story = {\n  args: {\n    data: \"big\",\n    columns: \"many\",\n    crushMinSizeBy: \"cell\",\n    autoCrushColumns: true,\n    autoCrushNumCols: 1000,\n  },\n};\n"
-  ],
-  "mappings": "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",
-  "debugId": "87709B93AE5C599D64756E2164756E21",
-  "names": []
-}

package/dist/cjs/stories/ReactTanstackTableUiStoryComponent.cjs

@@ -1,186 +0,0 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __moduleCache = /* @__PURE__ */ new WeakMap;
-var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: (newValue) => all[name] = () => newValue
-    });
-};
-
-// packages/skin-anocca/src/stories/ReactTanstackTableUiStoryComponent.tsx
-var exports_ReactTanstackTableUiStoryComponent = {};
-__export(exports_ReactTanstackTableUiStoryComponent, {
-  ReactTanstackTableUi: () => ReactTanstackTableUi
-});
-module.exports = __toCommonJS(exports_ReactTanstackTableUiStoryComponent);
-var import_material = require("@mui/material");
-var import_styles = require("@mui/material/styles");
-var import_core = require("@rttui/core");
-var import_react_table = require("@tanstack/react-table");
-var import_HeaderPinButtons = require("../HeaderPinButtons.cjs");
-var import_react = __toESM(require("react"));
-var import_RowPinButtons = require("../RowPinButtons.cjs");
-var jsx_runtime = require("react/jsx-runtime");
-var smallData = [
-  { id: "1", name: "John", age: 20, city: "New York" },
-  { id: "2", name: "Jane", age: 21, city: "Los Angeles" },
-  { id: "3", name: "Jim", age: 22, city: "Chicago" }
-];
-var bigData = Array.from({ length: 1000 }, (_, i) => ({
-  id: i.toString(),
-  name: `Person ${i}`,
-  age: 20 + i,
-  city: `City ${i}`,
-  ...Object.fromEntries(Array.from({ length: 100 }, (_2, j) => [`col${j}`, `${i}-${j}`]))
-}));
-var ReactTanstackTableUi = (props) => {
-  const theme = import_styles.useTheme();
-  const data = props.data === "big" ? bigData : props.data === "small" ? smallData : [];
-  const columns = import_react.default.useMemo(() => {
-    const columnHelper = import_core.decorateColumnHelper(import_react_table.createColumnHelper(), {
-      header: (original) => /* @__PURE__ */ jsx_runtime.jsxs(import_material.Box, {
-        sx: { display: "flex", gap: 2 },
-        children: [
-          original,
-          props.enableColumnPinning && /* @__PURE__ */ jsx_runtime.jsx(import_HeaderPinButtons.HeaderPinButtons, {})
-        ]
-      })
-    });
-    const fewColumns = [
-      columnHelper.accessor("name", {
-        id: "name",
-        header: "Name",
-        cell: (info) => /* @__PURE__ */ jsx_runtime.jsxs(import_material.Box, {
-          sx: { display: "flex", gap: 2, flex: 1 },
-          children: [
-            /* @__PURE__ */ jsx_runtime.jsx(import_material.Typography, {
-              variant: "body2",
-              children: info.getValue()
-            }),
-            props.enableRowPinning && /* @__PURE__ */ jsx_runtime.jsx(import_material.Box, {
-              sx: { flexGrow: 1 }
-            }),
-            props.enableRowPinning && /* @__PURE__ */ jsx_runtime.jsx(import_RowPinButtons.RowPinButtons, {
-              row: info.row
-            })
-          ]
-        }),
-        meta: props.meta?.["name"]
-      }),
-      columnHelper.accessor("age", {
-        id: "age",
-        header: "Age",
-        meta: props.meta?.["age"],
-        cell: (info) => /* @__PURE__ */ jsx_runtime.jsx(import_material.Typography, {
-          variant: "body2",
-          children: info.getValue()
-        }),
-        size: 50
-      }),
-      columnHelper.accessor("city", {
-        id: "city",
-        header: "City",
-        meta: props.meta?.["city"],
-        cell: (info) => /* @__PURE__ */ jsx_runtime.jsx(import_material.Typography, {
-          variant: "body2",
-          children: info.getValue()
-        })
-      })
-    ];
-    const manyColumns = [
-      ...fewColumns,
-      ...Array.from({ length: 100 }, (_, i) => columnHelper.accessor(`col${i}`, {
-        id: `col${i}`,
-        header: `Column ${i}`,
-        cell: (info) => /* @__PURE__ */ jsx_runtime.jsx(import_material.Typography, {
-          variant: "body2",
-          children: info.getValue()
-        })
-      }))
-    ];
-    const cols = props.columns === "few" ? fewColumns : manyColumns;
-    if (props.withHeaderGroups) {
-      cols.splice(0, 2, columnHelper.group({
-        id: `personal-info`,
-        header: "Personal Info",
-        columns: cols.slice(0, 2)
-      }));
-    }
-    if (props.withTwoHeaderRows) {
-      return cols.map((col) => {
-        const newCol = col.id ? {
-          ...col,
-          id: col.id,
-          header: () => /* @__PURE__ */ jsx_runtime.jsx(import_material.TextField, {
-            placeholder: "Search...",
-            slotProps: {
-              input: { sx: { height: "20px", width: "150px" } }
-            }
-          })
-        } : undefined;
-        const subColumns = newCol ? [newCol] : [];
-        return columnHelper.group({
-          id: `group-${col.id}`,
-          header: col.header,
-          columns: subColumns
-        });
-      });
-    }
-    return cols;
-  }, [
-    props.columns,
-    props.enableColumnPinning,
-    props.enableRowPinning,
-    props.meta,
-    props.withTwoHeaderRows,
-    props.withHeaderGroups
-  ]);
-  const table = import_react_table.useReactTable({
-    ...props,
-    data,
-    columns
-  });
-  return /* @__PURE__ */ jsx_runtime.jsx(import_material.ScopedCssBaseline, {
-    children: /* @__PURE__ */ jsx_runtime.jsx(import_material.ThemeProvider, {
-      theme,
-      children: /* @__PURE__ */ jsx_runtime.jsx(import_core.ReactTanstackTableUi, {
-        ...props,
-        table
-      })
-    })
-  });
-};
-
-//# debugId=9989356EC3F0F79F64756E2164756E21

package/dist/cjs/stories/ReactTanstackTableUiStoryComponent.cjs.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/ReactTanstackTableUiStoryComponent.tsx"],
-  "sourcesContent": [
-    "import {\n  Box,\n  ScopedCssBaseline,\n  TextField,\n  ThemeProvider,\n  Typography,\n} from \"@mui/material\";\nimport { useTheme } from \"@mui/material/styles\";\nimport {\n  decorateColumnHelper,\n  ReactTanstackTableUi as TableComponent,\n} from \"@rttui/core\";\nimport {\n  ColumnDef,\n  ColumnMeta,\n  createColumnHelper,\n  Table,\n  TableOptions,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { HeaderPinButtons } from \"../HeaderPinButtons.cjs\";\nimport React from \"react\";\nimport { RowPinButtons } from \"../RowPinButtons.cjs\";\ntype Person = {\n  id: string;\n  name: string;\n  age: number;\n  city: string;\n} & Record<`col${number}`, string>;\n\nconst smallData: Person[] = [\n  { id: \"1\", name: \"John\", age: 20, city: \"New York\" },\n  { id: \"2\", name: \"Jane\", age: 21, city: \"Los Angeles\" },\n  { id: \"3\", name: \"Jim\", age: 22, city: \"Chicago\" },\n];\n\nconst bigData: Person[] = Array.from({ length: 1000 }, (_, i) => ({\n  id: i.toString(),\n  name: `Person ${i}`,\n  age: 20 + i,\n  city: `City ${i}`,\n  ...Object.fromEntries(\n    Array.from({ length: 100 }, (_, j) => [`col${j}`, `${i}-${j}`]),\n  ),\n}));\n\nexport const ReactTanstackTableUi = (\n  props: {\n    data: \"big\" | \"small\" | \"none\";\n    columns: \"many\" | \"few\";\n    meta?: Record<string, ColumnMeta<Person, string>>;\n    withTwoHeaderRows?: boolean;\n    withHeaderGroups?: boolean;\n  } & Omit<TableOptions<Person>, \"data\" | \"columns\"> &\n    Omit<React.ComponentProps<typeof TableComponent>, \"table\">,\n) => {\n  const theme = useTheme();\n  const data: Person[] = props.data === \"big\" ? bigData : props.data === \"small\" ? smallData : [];\n\n  const columns: ColumnDef<Person>[] = React.useMemo(() => {\n    const columnHelper = decorateColumnHelper(createColumnHelper<Person>(), {\n      header: (original) => (\n        <Box sx={{ display: \"flex\", gap: 2 }}>\n          {original}\n          {props.enableColumnPinning && <HeaderPinButtons />}\n        </Box>\n      ),\n    });\n\n    const fewColumns: ColumnDef<Person>[] = [\n      columnHelper.accessor(\"name\", {\n        id: \"name\",\n        header: \"Name\",\n        cell: (info) => (\n          <Box sx={{ display: \"flex\", gap: 2, flex: 1 }}>\n            <Typography variant=\"body2\">{info.getValue()}</Typography>\n            {props.enableRowPinning && <Box sx={{ flexGrow: 1 }} />}\n            {props.enableRowPinning && <RowPinButtons row={info.row} />}\n          </Box>\n        ),\n        meta: props.meta?.[\"name\"],\n      }),\n      columnHelper.accessor(\"age\", {\n        id: \"age\",\n        header: \"Age\",\n        meta: props.meta?.[\"age\"],\n        cell: (info) => (\n          <Typography variant=\"body2\">{info.getValue()}</Typography>\n        ),\n        size: 50,\n      }),\n      columnHelper.accessor(\"city\", {\n        id: \"city\",\n        header: \"City\",\n        meta: props.meta?.[\"city\"],\n        cell: (info) => (\n          <Typography variant=\"body2\">{info.getValue()}</Typography>\n        ),\n      }),\n    ];\n\n    const manyColumns: ColumnDef<Person>[] = [\n      ...fewColumns,\n      ...Array.from({ length: 100 }, (_, i) =>\n        columnHelper.accessor(`col${i}`, {\n          id: `col${i}`,\n          header: `Column ${i}`,\n          cell: (info) => (\n            <Typography variant=\"body2\">{info.getValue()}</Typography>\n          ),\n        }),\n      ),\n    ];\n\n    const cols = props.columns === \"few\" ? fewColumns : manyColumns;\n\n    if (props.withHeaderGroups) {\n      cols.splice(\n        0,\n        2,\n        columnHelper.group({\n          id: `personal-info`,\n          header: \"Personal Info\",\n          columns: cols.slice(0, 2),\n        }),\n      );\n    }\n\n    if (props.withTwoHeaderRows) {\n      return cols.map((col) => {\n        const newCol: ColumnDef<Person> | undefined = col.id\n          ? {\n              ...col,\n              id: col.id,\n              header: () => (\n                <TextField\n                  placeholder=\"Search...\"\n                  slotProps={{\n                    input: { sx: { height: \"20px\", width: \"150px\" } },\n                  }}\n                />\n              ),\n            }\n          : undefined;\n        const subColumns: ColumnDef<Person>[] = newCol ? [newCol] : [];\n        return columnHelper.group({\n          id: `group-${col.id}`,\n          header: col.header,\n          columns: subColumns,\n        });\n      });\n    }\n    return cols;\n  }, [\n    props.columns,\n    props.enableColumnPinning,\n    props.enableRowPinning,\n    props.meta,\n    props.withTwoHeaderRows,\n    props.withHeaderGroups,\n  ]);\n\n  const table = useReactTable({\n    ...props,\n    data,\n    columns,\n  });\n\n  return (\n    <ScopedCssBaseline>\n      <ThemeProvider theme={theme}>\n        <TableComponent {...props} table={table as Table<unknown>} />\n      </ThemeProvider>\n    </ScopedCssBaseline>\n  );\n};\n"
-  ],
-  "mappings": "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",
-  "debugId": "9989356EC3F0F79F64756E2164756E21",
-  "names": []
-}

package/dist/cjs/stories/createSourceCode.cjs

@@ -1,92 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __moduleCache = /* @__PURE__ */ new WeakMap;
-var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: (newValue) => all[name] = () => newValue
-    });
-};
-
-// packages/skin-anocca/src/stories/createSourceCode.ts
-var exports_createSourceCode = {};
-__export(exports_createSourceCode, {
-  createSourceCode: () => createSourceCode
-});
-module.exports = __toCommonJS(exports_createSourceCode);
-var createSourceCode = (opts) => {
-  return `import { createColumnHelper, useReactTable, getCoreRowModel } from "@tanstack/react-table";
-import { Box } from "@mui/material";
-import { HeaderPinButtons } from "@rttui/skin-anocca";
-import { ReactTanstackTableUi, decorateColumnHelper } from "@rttui/core";
-
-type Person = {
-  id: string;
-  name: string;
-  age: number;
-  city: string;
-};
-
-const data: Person[] = [
-  { id: "1", name: "John", age: 20, city: "New York" },
-  { id: "2", name: "Jane", age: 21, city: "Los Angeles" },
-  { id: "3", name: "Jim", age: 22, city: "Chicago" },
-];
-
-const columnHelper = decorateColumnHelper(createColumnHelper<Person>(), {
-  header: (original) => (
-    <Box sx={{ display: "flex", gap: 2 }}>
-      {original}
-      {props.enableColumnPinning && <HeaderPinButtons />}
-    </Box>
-  ),
-});
-
-const columns = [
-  columnHelper.accessor("name", {
-    header: "Name",${opts?.nameMeta ? `
-` + opts.nameMeta : ""}
-  }),
-  columnHelper.accessor("age", {
-    header: "Age",
-    size: 50,
-  }),
-  columnHelper.accessor("city", {
-    header: "City",
-  }),
-];
-
-const table = useReactTable({
-  data,
-  columns,
-  getCoreRowModel: getCoreRowModel()${opts?.hookOptions ? `
-` + opts.hookOptions : ""}
-});
-
-<ReactTanstackTableUi
-  table={table}
-  enableColumnPinning${opts?.props ? `
-` + opts.props : ""}
-/>
-`;
-};
-
-//# debugId=6983E6EC5F7C00DB64756E2164756E21

package/dist/cjs/stories/createSourceCode.cjs.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/createSourceCode.ts"],
-  "sourcesContent": [
-    "export const createSourceCode = (opts?: { hookOptions?: string, props?: string, nameMeta?: string }) => {\n  return `import { createColumnHelper, useReactTable, getCoreRowModel } from \"@tanstack/react-table\";\nimport { Box } from \"@mui/material\";\nimport { HeaderPinButtons } from \"@rttui/skin-anocca\";\nimport { ReactTanstackTableUi, decorateColumnHelper } from \"@rttui/core\";\n\ntype Person = {\n  id: string;\n  name: string;\n  age: number;\n  city: string;\n};\n\nconst data: Person[] = [\n  { id: \"1\", name: \"John\", age: 20, city: \"New York\" },\n  { id: \"2\", name: \"Jane\", age: 21, city: \"Los Angeles\" },\n  { id: \"3\", name: \"Jim\", age: 22, city: \"Chicago\" },\n];\n\nconst columnHelper = decorateColumnHelper(createColumnHelper<Person>(), {\n  header: (original) => (\n    <Box sx={{ display: \"flex\", gap: 2 }}>\n      {original}\n      {props.enableColumnPinning && <HeaderPinButtons />}\n    </Box>\n  ),\n});\n\nconst columns = [\n  columnHelper.accessor(\"name\", {\n    header: \"Name\",${opts?.nameMeta ? '\\n' + opts.nameMeta : ''}\n  }),\n  columnHelper.accessor(\"age\", {\n    header: \"Age\",\n    size: 50,\n  }),\n  columnHelper.accessor(\"city\", {\n    header: \"City\",\n  }),\n];\n\nconst table = useReactTable({\n  data,\n  columns,\n  getCoreRowModel: getCoreRowModel()${opts?.hookOptions ? '\\n' + opts.hookOptions : ''}\n});\n\n<ReactTanstackTableUi\n  table={table}\n  enableColumnPinning${opts?.props ? '\\n' + opts.props : ''}\n/>\n`;\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,IAAM,mBAAmB,CAAC,SAAuE;AAAA,EACtG,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBA6BY,MAAM,WAAW;AAAA,IAAO,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAcvB,MAAM,cAAc;AAAA,IAAO,KAAK,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,uBAK7D,MAAM,QAAQ;AAAA,IAAO,KAAK,QAAQ;AAAA;AAAA;AAAA;",
-  "debugId": "6983E6EC5F7C00DB64756E2164756E21",
-  "names": []
-}