@multiplatform.one/table 6.0.0

package/dist/jsx/components/DataTableColumnPinning/DataTableColumnPinning.stories.native.js

@@ -0,0 +1,541 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DataTableColumnPinning_stories_exports = {};
+__export(DataTableColumnPinning_stories_exports, {
+  Advanced: () => Advanced,
+  Basic: () => Basic,
+  DisabledPinning: () => DisabledPinning,
+  MaxPinnedColumns: () => MaxPinnedColumns,
+  default: () => DataTableColumnPinning_stories_default
+});
+module.exports = __toCommonJS(DataTableColumnPinning_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("@phosphor-icons/react");
+var import_react_table = require("@tanstack/react-table");
+var import_react2 = require("react");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_index = require("./index.native.js");
+var generateData = function generateData2(count) {
+  var departments = ["Engineering", "Sales", "Marketing", "HR", "Finance"];
+  var roles = ["Manager", "Senior", "Junior", "Lead", "Intern"];
+  var statuses = ["active", "inactive", "pending"];
+  return Array.from({
+    length: count
+  }, function (_, i) {
+    return {
+      id: i + 1,
+      firstName: `First${i + 1}`,
+      lastName: `Last${i + 1}`,
+      email: `user${i + 1}@example.com`,
+      department: departments[i % departments.length],
+      role: roles[i % roles.length],
+      salary: 5e4 + Math.floor(Math.random() * 1e5),
+      startDate: new Date(2020 + i % 4, i % 12, i % 28 + 1).toISOString().split("T")[0],
+      status: statuses[i % statuses.length],
+      performance: Math.floor(Math.random() * 100)
+    };
+  });
+};
+var defaultData = generateData(50);
+var columnHelper = (0, import_react_table.createColumnHelper)();
+var defaultColumns = [columnHelper.accessor("id", {
+  header: "ID",
+  cell: function cell(info) {
+    return info.getValue();
+  },
+  size: 60
+}), columnHelper.accessor("firstName", {
+  header: "First Name",
+  cell: function cell2(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("lastName", {
+  header: "Last Name",
+  cell: function cell3(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("email", {
+  header: "Email",
+  cell: function cell4(info) {
+    return info.getValue();
+  },
+  size: 200
+}), columnHelper.accessor("department", {
+  header: "Department",
+  cell: function cell5(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("role", {
+  header: "Role",
+  cell: function cell6(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("salary", {
+  header: "Salary",
+  cell: function cell7(info) {
+    return `$${info.getValue().toLocaleString()}`;
+  }
+}), columnHelper.accessor("startDate", {
+  header: "Start Date",
+  cell: function cell8(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("status", {
+  header: "Status",
+  cell: function cell9(info) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      color: info.getValue() === "active" ? "$green10" : info.getValue() === "inactive" ? "$red10" : "$yellow10",
+      children: info.getValue()
+    });
+  }
+}), columnHelper.accessor("performance", {
+  header: "Performance",
+  cell: function cell10(info) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        backgroundColor: "$gray5",
+        height: 8,
+        flex: 1,
+        borderRadius: "$2",
+        overflow: "hidden",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          backgroundColor: info.getValue() > 70 ? "$green10" : info.getValue() > 40 ? "$yellow10" : "$red10",
+          height: "100%",
+          width: `${info.getValue()}%`
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: "$1",
+        children: [info.getValue(), "%"]
+      })]
+    });
+  }
+})];
+var meta = {
+  title: "Table/DataTableColumnPinning",
+  component: import_index.DataTableColumnPinning,
+  parameters: {
+    layout: "fullscreen"
+  }
+};
+var DataTableColumnPinning_stories_default = meta;
+function BasicPinningExample() {
+  var [data] = (0, import_react2.useState)(defaultData);
+  var table = (0, import_react_table.useReactTable)({
+    data,
+    columns: defaultColumns,
+    getCoreRowModel: (0, import_react_table.getCoreRowModel)(),
+    columnResizeMode: "onChange"
+  });
+  var pinning = (0, import_index.DataTableColumnPinning)({
+    table,
+    onPinChange: (0, import_storybook.action)("onPinChange")
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    padding: "$4",
+    gap: "$4",
+    height: "100vh",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card.Header, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H3, {
+          children: "Column Pinning Example"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+          children: "Click the pin icons to pin/unpin columns to left or right"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        padding: "$4",
+        gap: "$2",
+        flexWrap: "wrap",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+          children: ["Pinned Left: ", pinning.pinnedLeftColumns.length]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          children: "|"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+          children: ["Pinned Right: ", pinning.pinnedRightColumns.length]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          children: "|"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+          children: ["Scrollable: ", pinning.scrollableColumns.length]
+        })]
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          borderBottomWidth: 1,
+          borderColor: "$borderColor",
+          children: table.getHeaderGroups().map(function (headerGroup) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+              children: headerGroup.headers.map(function (header) {
+                var isPinned = pinning.isPinned(header.column.id);
+                var position = pinning.getPinPosition(header.column.id);
+                return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+                  width: header.getSize(),
+                  padding: "$2",
+                  borderRightWidth: 1,
+                  borderColor: "$borderColor",
+                  backgroundColor: isPinned ? "$gray3" : "$background",
+                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                      fontWeight: "bold",
+                      children: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
+                    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                      gap: "$1",
+                      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                        size: "$1",
+                        icon: isPinned && position === "left" ? import_react.PushPinSlashIcon : import_react.PushPinIcon,
+                        onPress: function onPress() {
+                          return pinning.togglePin(header.column.id, "left");
+                        },
+                        disabled: !isPinned && position !== "left" && !pinning.canPin("left"),
+                        circular: true,
+                        variant: position === "left" ? "outlined" : void 0
+                      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                        size: "$1",
+                        icon: isPinned && position === "right" ? import_react.PushPinSlashIcon : import_react.PushPinIcon,
+                        onPress: function onPress() {
+                          return pinning.togglePin(header.column.id, "right");
+                        },
+                        disabled: !isPinned && position !== "right" && !pinning.canPin("right"),
+                        circular: true,
+                        variant: position === "right" ? "outlined" : void 0
+                      })]
+                    })]
+                  }), isPinned && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+                    fontSize: "$1",
+                    color: "$gray10",
+                    children: ["Pinned: ", position]
+                  })]
+                }, header.id);
+              })
+            }, headerGroup.id);
+          })
+        }), table.getRowModel().rows.slice(0, 10).map(function (row) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            borderBottomWidth: 1,
+            borderColor: "$borderColor",
+            children: row.getVisibleCells().map(function (cell11) {
+              var isPinned = pinning.isPinned(cell11.column.id);
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                width: cell11.column.getSize(),
+                padding: "$2",
+                borderRightWidth: 1,
+                borderColor: "$borderColor",
+                backgroundColor: isPinned ? "$gray2" : "$background",
+                children: (0, import_react_table.flexRender)(cell11.column.columnDef.cell, cell11.getContext())
+              }, cell11.id);
+            })
+          }, row.id);
+        })]
+      })
+    })]
+  });
+}
+var Basic = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(BasicPinningExample, {});
+  }
+};
+function AdvancedPinningExample() {
+  var [data] = (0, import_react2.useState)(defaultData);
+  var table = (0, import_react_table.useReactTable)({
+    data,
+    columns: defaultColumns,
+    getCoreRowModel: (0, import_react_table.getCoreRowModel)()
+  });
+  var {
+    pinnedState,
+    pinColumn,
+    unpinColumn,
+    resetPinning
+  } = (0, import_index.useColumnPinning)(table, {
+    maxPinnedColumns: 3,
+    initialPinnedColumns: {
+      left: ["id", "firstName"],
+      right: ["status"]
+    }
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    padding: "$4",
+    gap: "$4",
+    height: "100vh",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card.Header, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H3, {
+          children: "Advanced Column Pinning"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+          children: "Using the useColumnPinning hook with initial pinned columns"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        padding: "$4",
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          icon: import_react.ArrowCounterClockwiseIcon,
+          onPress: resetPinning,
+          size: "$3",
+          children: "Reset Pinning"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+          vertical: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+            fontSize: "$2",
+            children: ["Left: ", pinnedState.left.join(", ") || "None"]
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+            fontSize: "$2",
+            children: ["Right: ", pinnedState.right.join(", ") || "None"]
+          })]
+        })]
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card, {
+      flex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          minWidth: "100%",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            backgroundColor: "$gray3",
+            borderBottomWidth: 2,
+            borderColor: "$borderColor",
+            children: table.getHeaderGroups().map(function (headerGroup) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+                children: headerGroup.headers.map(function (header) {
+                  var isPinnedLeft = pinnedState.left.includes(header.column.id);
+                  var isPinnedRight = pinnedState.right.includes(header.column.id);
+                  var isPinned = isPinnedLeft || isPinnedRight;
+                  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                    width: header.getSize(),
+                    padding: "$3",
+                    borderRightWidth: 1,
+                    borderColor: "$borderColor",
+                    backgroundColor: isPinnedLeft ? "$blue3" : isPinnedRight ? "$purple3" : "$gray3",
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+                      gap: "$1",
+                      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                        fontWeight: "bold",
+                        fontSize: "$3",
+                        children: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
+                      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                        gap: "$1",
+                        children: [!isPinnedLeft && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                          size: "$1",
+                          onPress: function onPress() {
+                            return pinColumn(header.column.id, "left");
+                          },
+                          disabled: pinnedState.left.length >= 3,
+                          ...{
+                            fontSize: "$1"
+                          },
+                          children: "Pin Left"
+                        }), !isPinnedRight && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                          size: "$1",
+                          onPress: function onPress() {
+                            return pinColumn(header.column.id, "right");
+                          },
+                          disabled: pinnedState.right.length >= 3,
+                          ...{
+                            fontSize: "$1"
+                          },
+                          children: "Pin Right"
+                        }), isPinned && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                          size: "$1",
+                          onPress: function onPress() {
+                            return unpinColumn(header.column.id);
+                          },
+                          ...{
+                            fontSize: "$1",
+                            color: "$red10"
+                          },
+                          children: "Unpin"
+                        })]
+                      })]
+                    })
+                  }, header.id);
+                })
+              }, headerGroup.id);
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+            maxHeight: 400,
+            children: table.getRowModel().rows.map(function (row) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+                borderBottomWidth: 1,
+                borderColor: "$borderColor",
+                hoverStyle: {
+                  backgroundColor: "$gray2"
+                },
+                children: row.getVisibleCells().map(function (cell11) {
+                  var isPinnedLeft = pinnedState.left.includes(cell11.column.id);
+                  var isPinnedRight = pinnedState.right.includes(cell11.column.id);
+                  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                    width: cell11.column.getSize(),
+                    padding: "$2",
+                    borderRightWidth: 1,
+                    borderColor: "$borderColor",
+                    backgroundColor: isPinnedLeft ? "$blue1" : isPinnedRight ? "$purple1" : "$background",
+                    children: (0, import_react_table.flexRender)(cell11.column.columnDef.cell, cell11.getContext())
+                  }, cell11.id);
+                })
+              }, row.id);
+            })
+          })]
+        })
+      })
+    })]
+  });
+}
+var Advanced = {
+  render: function render2() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AdvancedPinningExample, {});
+  }
+};
+var MaxPinnedColumns = {
+  render: function render3() {
+    var [data] = (0, import_react2.useState)(defaultData.slice(0, 10));
+    var table = (0, import_react_table.useReactTable)({
+      data,
+      columns: defaultColumns.slice(0, 6),
+      getCoreRowModel: (0, import_react_table.getCoreRowModel)()
+    });
+    var pinning = (0, import_index.DataTableColumnPinning)({
+      table,
+      maxPinnedColumns: 2,
+      onPinChange: (0, import_storybook.action)("onPinChange")
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card.Header, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H3, {
+            children: "Max Pinned Columns (Limited to 2)"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "Only 2 columns can be pinned at a time"
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          padding: "$4",
+          gap: "$2",
+          children: table.getAllColumns().map(function (column) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+              alignItems: "center",
+              justifyContent: "space-between",
+              padding: "$2",
+              borderRadius: "$2",
+              backgroundColor: pinning.isPinned(column.id) ? "$blue3" : "$gray2",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                children: column.id
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                gap: "$2",
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                  size: "$2",
+                  onPress: function onPress() {
+                    return pinning.togglePin(column.id, "left");
+                  },
+                  disabled: !pinning.isPinned(column.id) && !pinning.canPin("left"),
+                  variant: pinning.getPinPosition(column.id) === "left" ? "outlined" : void 0,
+                  children: pinning.getPinPosition(column.id) === "left" ? "Unpin" : "Pin Left"
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                  size: "$2",
+                  onPress: function onPress() {
+                    return pinning.togglePin(column.id, "right");
+                  },
+                  disabled: !pinning.isPinned(column.id) && !pinning.canPin("right"),
+                  variant: pinning.getPinPosition(column.id) === "right" ? "outlined" : void 0,
+                  children: pinning.getPinPosition(column.id) === "right" ? "Unpin" : "Pin Right"
+                })]
+              })]
+            }, column.id);
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          padding: "$4",
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+            children: ["Left: ", pinning.pinnedLeftColumns.length, "/2"]
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+            children: ["Right: ", pinning.pinnedRightColumns.length, "/2"]
+          })]
+        })]
+      })]
+    });
+  }
+};
+var DisabledPinning = {
+  render: function render4() {
+    var [data] = (0, import_react2.useState)(defaultData.slice(0, 5));
+    var table = (0, import_react_table.useReactTable)({
+      data,
+      columns: defaultColumns.slice(0, 4),
+      getCoreRowModel: (0, import_react_table.getCoreRowModel)()
+    });
+    var pinning = (0, import_index.DataTableColumnPinning)({
+      table,
+      allowPinning: false
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card.Header, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H3, {
+            children: "Disabled Column Pinning"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "Column pinning is disabled in this example"
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          padding: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            color: "$gray10",
+            children: "Pin buttons are not rendered when allowPinning is false"
+          }), table.getAllColumns().map(function (column) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+              alignItems: "center",
+              justifyContent: "space-between",
+              padding: "$3",
+              borderBottomWidth: 1,
+              borderColor: "$borderColor",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                children: column.id
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(pinning.PinButton, {
+                columnId: column.id
+              })]
+            }, column.id);
+          })]
+        })
+      })]
+    });
+  }
+};
+//# sourceMappingURL=DataTableColumnPinning.stories.native.js.map

package/dist/jsx/components/DataTableColumnPinning/DataTableColumnPinning.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DataTableColumnPinning_stories_exports","Advanced","Basic","DisabledPinning","MaxPinnedColumns","default","DataTableColumnPinning_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_react_table","import_react2","import_forms","import_tamagui","import_index","generateData","generateData2","count","departments","roles","statuses","Array","length","_","i","id","firstName","lastName","email","department","role","salary","Math","floor","random","startDate","Date","toISOString","split","status","performance","defaultData","columnHelper","createColumnHelper","defaultColumns","accessor","header","cell","info","getValue","size","cell2","cell3","cell4","cell5","cell6","cell7","toLocaleString","cell8","cell9","jsx","Text","color","children","cell10","jsxs","XStack","alignItems","gap","View","backgroundColor","height","flex","borderRadius","overflow","width","fontSize","meta","title","component","DataTableColumnPinning","parameters","layout","BasicPinningExample","data","useState","table","useReactTable","columns","getCoreRowModel","columnResizeMode","pinning","onPinChange","action","YStack","padding","Card","Header","H3","Paragraph","Separator","flexWrap","pinnedLeftColumns","pinnedRightColumns","scrollableColumns","ScrollView","horizontal","showsHorizontalScrollIndicator","borderBottomWidth","borderColor","getHeaderGroups","map","headerGroup","headers","isPinned","column","position","getPinPosition","getSize","borderRightWidth","justifyContent","fontWeight","flexRender","columnDef","getContext","Button","icon","PushPinSlashIcon","PushPinIcon","onPress","togglePin","disabled","canPin","circular","variant","getRowModel","rows","slice","row","getVisibleCells","cell11","render","AdvancedPinningExample","pinnedState","pinColumn","unpinColumn","resetPinning","useColumnPinning","maxPinnedColumns","initialPinnedColumns","left","right","ArrowCounterClockwiseIcon","vertical","join","minWidth","isPinnedLeft","includes","isPinnedRight"],"sources":["../../../../src/components/DataTableColumnPinning/DataTableColumnPinning.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}