@multiplatform.one/table 6.0.0

package/dist/cjs/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/cjs/components/DataTableColumnPinning/DataTableColumnPinning.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableColumnPinning_stories_exports","__export","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","from","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","name","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":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sCAAA;AAAAC,QAAA,CAAAD,sCAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAd,YAAuB,CAAAK,sCAAA;AAEvB,IAAAU,kBAAyE,GAAAC,OAAA;AACzE,IAAAC,gBAAA,GAAAD,OAKO;AACP,IAAAE,YAAA,GAAAF,OAAyB;AACzB,IAAAG,kBAAuB,GAAAH,OAAA;AACvB,IAAAI,aAAA,GAAAJ,OAAuF;AACvF,IAAAK,YAAA,GAAyDL,OAAA;AA2EnD,IAAAM,cAAA,GAAAN,OAAA;AA5DN,IAAAO,YAAM,GAAAP,OAAgB,oBAA4B;AAChD,IAAAQ,YAAM,YAAeC,aAAeA,CAAAC,KAAS;EAC7C,IAAAC,WAAe,IACf,aAAM,EAEN,OAAO,EACL,WAAQ,EACR,MACA,UAAsB;EACH,IACnBC,KAAA,IACA,SAAM,EACN,QAAQ,EACR,UACA,QACA,SACF;EACF,IAAAC,QAAA,IAEA,QAAM,EACN,UAAM,EAEN,SAAM,CACJ;EAA4B,OAC1BC,KAAQ,CAAAC,IAAA;IACRC,MAAM,EAACN;EAAuB,GAC9B,UAAMO,CAAA,EAAAC,CAAA;IACP;MACDC,EAAA,EAAAD,CAAA,IAAa;MACXE,SAAQ,UAAAF,CAAA;MACRG,QAAO,SAASH,CAAA,GAAK;MACtBI,KAAA,SAAAJ,CAAA;MACDK,UAAa,EAAAZ,WAAS,CAAAO,CAAA,GAAAP,WAAY,CAAAK,MAAA;MAChCQ,IAAA,EAAQZ,KAAA,CAAAM,CAAA,GAAAN,KAAA,CAAAI,MAAA;MACRS,MAAO,QAASC,IAAA,CAAKC,KAAA,CAAAD,IAAS,CAAAE,MAAA;MAC/BC,SAAA,MAAAC,IAAA,QAAAZ,CAAA,MAAAA,CAAA,OAAAA,CAAA,WAAAa,WAAA,GAAAC,KAAA;MACDC,MAAA,EAAApB,QAAa,CAAAK,CAAS,GAAAL,QAAS,CAAAG,MAAA;MAC7BkB,WAAQ,EAAAR,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,MAAA;IACR;EAA8B,EAC9B;AAAM;AACP,IACDO,WAAa,GAAA3B,YAAS;AAAc,IAClC4B,YAAQ,OAAAjC,kBAAA,CAAAkC,kBAAA;AAAA,IACRC,cAAO,GAAS,CAClBF,YAAC,CAAAG,QAAA;EACDC,MAAA,MAAa;EACXC,IAAA,WAAQA,KAAAC,IAAA;IACR,OAAOA,IAAA,CAAAC,QAAc;EACtB;EACDC,IAAA;AAAgC,EAC9B,EAAQR,YACD,CAAAG,QAAS,CAAI,WAAK;EAC1BC,MAAA;EACDC,IAAA,WAAaI,KAASA,CAAAH,IAAA;IACpB,OAAQA,IAAA,CAAAC,QAAA;EACR;AACF,CAAC,GACDP,YAAA,CAAaG,QAAA,CAAS,UAAU;EAC9BC,MAAA,EAAQ;EACRC,IAAA,EAAM,SAACK,KACLA,CAAAJ,IAAA;IAAC,OAAAA,IAAA,CAAAC,QAAA;EAAA;AAAA,IAMSP,YAGP,CAAAG,QAAK,UAAS;EAAAC,MAAA;EACjBC,IAAA,WAAAM,MAAAL,IAAA;IAEH,OAAAA,IAAA,CAAAC,QAAA;EACD;EACEC,IAAA;AAAQ,EACR,EAEIR,YAAA,CAAAG,QAAA;EACEC,MAAC;EAAAC,IAAA,WAAAO,MAAAN,IAAA;IAAA,OACCA,IAAA,CAAAC,QAAA,CACE;EAAyE;AAEpE,IACkBP,YAAA,CAAAG,QAAA;EAAAC,MAE7B;EAAAC,IACA,WAAAQ,MAAAP,IAAA;IAAqB,OAAKA,IAAA,CAAAC,QAAS;EAAA;AAAE,IAACP,YACxC,CAAAG,QAAA;EAEHC,MAAA;EACHC,IAAA,WAAAS,MAAAR,IAAA;IAEM,OAA4C,IAAAA,IAAA,CAAAC,QAAA,GAAAQ,cAAA;EAChD;AACA,IACAf,YAAY,CAAAG,QAAA;EACVC,MAAA,EAAQ;EACVC,IAAA,WAAAW,MAAAV,IAAA;IACF,OAAAA,IAAA,CAAAC,QAAA;EAEO;AAGP,IACEP,YAAW,CAAAG,QAAI;EAEfC,MAAM,UAAQ;EACZC,IAAA,WAAAY,MAAAX,IAAA;IACA,OAAS,mBAAA3C,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAiD,IAAA;MACTC,KAAA,EAAAd,IAAA,CAAAC,QAAiB,+BAAAD,IAAgB,CAAAC,QAAA;MACjCc,QAAA,EAAAf,IAAkB,CAAAC,QAAA;IACnB;EAED;AAAuC,EACrC,EAAAP,YACA,CAAAG,QAAa;EACdC,MAAA;EAEDC,IAAA,EACE,SAAAiB,OAAAhB,IAAA;IACE,0BAAA3C,kBAAC,CAAA4D,IAAA,EAAArD,cACC,CAAAsD,MAAA;MAAAC,UAAA;MACEC,GAAA;MACAL,QAAA,GACF,mBAAA1D,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAyD,IAAA;QAEAC,eAAA;QAEAC,MAAA;QACEC,IAAA;QAAMC,YAAA;QAAcC,QAAQ;QAAyBX,QAAA,qBAAA1D,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAyD,IAAA;UACrDC,eAAA,EAAAtB,IAAA,CAAAC,QAAA,UAAC,aAAAD,IAAA,CAAAC,QAAK,UAAC;UACPsB,MAAA;UAAMI,KAAA,KAAA3B,IAAA,CAAAC,QAAA;QAAe;MAA2B,CAAO,GACvD,mBAAA5C,kBAAA,CAAA4D,IAAC,EAAArD,cAAA,CAAAiD,IAAA,EAAK;QACNe,QAAA;QAAMb,QAAA,GAAaf,IAAQ,CAAAC,QAAA,IAAyB;MAExD;IAII;EAIQ;AACA,GAEA;AACE,IAAA4B,IAAA,GAAC;EAAAC,KAAA;EAAAC,SAAA,EAEClE,YAAO,CAAOmE,sBAAQ;EAAAC,UACtB;IAAQC,MAAA,EACR;EAAkB;AACN;AAC2B,IAAAhF,sCAEvC,GAAA2E,IAAA;AAAA,SAAAM,oBAAA;EACE,KAAAC,IAAA,QAAA1E,aAAA,CAAA2E,QAAA,EAAA5C,WAAA;EAEA,IAAA6C,KAAA,KACA,EAAA7E,kBAAA,CAAA8E,aAAA;IACEH,IAAA;IAAAI,OAAA,EAAA5C,cAAC;IAAA6C,eAAA,MAAAhF,kBAAA,CAAAgF,eAAA;IAAAC,gBAAA,EACC;EAAK;EACsD,IAAAC,OAAA,OAAA9E,YAClD,CAAAmE,sBAAwB;IAAwBM,KAAA;IACWM,WAAA,MAAArF,gBAC5D,CAAAsF,MAAA;EAAA;EACoC,0BAAAxF,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAkF,MAAA;IAAAC,OAAA;IAC9C3B,GAAA;IACAG,MAAA;IAACR,QAAA,kBACC,IAAA1D,kBAAK,CAAA4D,IAAA,EAAArD,cAAA,CAAAoF,IAAA;MAAAjC,QAAA,GACuD,eAC5D,IAAA1D,kBAAuB,CAAA4D,IAAA,EAAUrD,cAAc,CAAAoF,IAAI,CAAAC,MAAO;QAAAlC,QAAA,EAC1D,CAAsE,eACtE,EAAQ,EAAA1D,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAsF,EAAA;UAAAnC,QACR;QAA6C,mBAC/C,IAAA1D,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAuF,SAAA;UAAApC,QACF;QAAA;MAGoC,mBACzB,IAAA1D,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAwF,SAAA,sBACX,IAAA/F,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAsD,MAAA;QAAA6B,OAAA;QAAA3B,GAAA;QAjCGiC,QAAO;QAmCdtC,QAAA,GA1CO,eA+CjB,IAAA1D,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAiD,IAAA;UAGGE,QAAY,EACZ,CAIW,eAAmB,EAGvB4B,OAAA,CAAAW,iBAAA,CAAAhF,MAAA;QAAC,IAEC,eAAY,CAAO,GAAAjB,kBAAQ,CAAAuD,GAAA,EAAAhD,cAAA,CAAAiD,IAAA;UAC3BE,QAAQ;QACR,IACA,eAAY,IAAA1D,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAiD,IAAA;UACZE,QAAA,GAEC,kBAAwD4B,OAAA,CAAAY,kBAAA,CAAAjF,MAAA;QAC3D,IAdO,eAkBd,IAAAjB,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAiD,IAAA;UAEPE,QAAA;QACF,IAEJ,mBAAA1D,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAiD,IAAA;UAE4BE,QAAA,GACpB,gBACQ4B,OAAA,CAAAa,iBAAA,CAAAlF,MAAA;QAGP;MAGD;IAEJ,IACA,mBAAiBjB,kBAAA,CAAAuD,GAAA,EAAAhD,cAAgB,CAAA6F,UAAA;MAClCC,UAAA;MAEKC,8BAA0B;MAC9B5C,QAAA,iBAAkB,IAAA1D,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAkF,MAAA;QAClB/B,QAAA,GACQ,eAAO,EAAW,EAAA1D,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAsD,MAAA;UAChB0C,iBAAQ;UAClBC,WAAA;UACD9C,QAAA,EAAAuB,KAAA,CAAAwB,eAAA,GAAAC,GAAA,WAAAC,WAAA;YAGC,0BAAA3G,kBAAC,CAAAuD,GAAA,EAAAhD,cAAO,CAAAsD,MAAQ;cACdH,QAAA,EAAAiD,WAAA,CAAAC,OAAA,CAAAF,GAAC,WAAAjE,MAAA;gBACC,IAAAoE,QAAA,GAAAvB,OAAA,CAAAuB,QAAC,CAAApE,MAAA,CAAAqE,MAAA,CAAA1F,EAAA;gBACC,IAAA2F,QAAA,GAAAzB,OAAA,CAAA0B,cAAC,CAAAvE,MAAA,CAAAqE,MAAA,CAAA1F,EAAG;gBACJ,0BAAApB,kBAAC,CAAA4D,IAAA,EAAArD,cAAU,CAAAyD,IAAA;kBACbM,KAAA,EAAA7B,MAAA,CAAAwE,OAAA;kBAEAvB,OAAA;kBAEAwB,gBAAA;kBACEV,WAAA;kBAIAvC,eAAA,EAAA4C,QAAA,WAAC;kBAEDnD,QAAA,GACE,mBAAA1D,kBAAC,CAAA4D,IAAA,EAAArD,cAAK,CAAAsD,MAAS;oBAAKC,UAAA;oBAAmBqD,cAAc,iBAAK;oBAAOzD,QAAA,GACjE,mBAAA1D,kBAAC,CAAAuD,GAAA,EAAAhD,cAAK,CAAAiD,IAAS;sBAAK4D,UAAA;sBAA0B1D,QAAK,EAAI,IAAKtD,kBAAA,CAAAiH,UAAA,EAAA5E,MAAA,CAAAqE,MAAA,CAAAQ,SAAA,CAAA7E,MAAA,EAAAA,MAAA,CAAA8E,UAAA;oBAAO,IACrE,mBAAAvH,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAsD,MAAA;sBACFE,GAAA;sBACFL,QAAA,GAEA,eAAC,IAAA1D,kBAAA,CAAKuD,GAAA,EAAAjD,YACJ,CAAAkH,MAAA;wBAEI3E,IAAA;wBAI6B4E,IAAA,EAAAZ,QAAiB,IAAAE,QAAS,KAAO,MAAS,GAAA5G,YAAA,CAAAuH,gBAAA,GAAAvH,YAAA,CAAAwH,WAAA;wBACzCC,OAAA,EAAY,SAAMA,OAASA,CAAA;0BAChC,OAAgBtC,OAAA,CAAAuC,SAAA,CAAApF,MAAA,CAAAqE,MAAA,CAAA1F,EAAA;wBAG/B;wBAAC0G,QAAA,GAAAjB,QAAA,IAAAE,QAAA,gBAAAzB,OAAA,CAAAyC,MAAA;wBAAAC,QAAA;wBAEuBC,OAAA,EAAAlB,QAAA;sBACd,IACU,mBAAA/G,kBAAA,CAAAuD,GAAA,EAAAjD,YAAA,CAAAkH,MAAA;wBACN3E,IAAA;wBAEV4E,IAAA,EAAAZ,QAAe,IAAAE,QAAW,YAAgB,GAAA5G,YAAa,CAAAuH,gBAAA,GAAAvH,YAAA,CAAAwH,WAAA;wBAGzDC,OAAA,WAAAA,QAAA;0BACE,OAAAtC,OAAA,CAAAuC,SAAC,CAAApF,MAAA,CAAAqE,MAAA,CAAA1F,EAAA,SAAK;wBAGN;wBAEI0G,QAAA,GAAAjB,QAAA,IAAAE,QAAA,iBAAAzB,OAAA,CAAAyC,MAAA;wBAACC,QAAA;wBAAAC,OAAA,EAAAlB,QAAA;sBACM;oBAEL,EAAU;kBAEX,IAAAF,QAAA,uBAAA7G,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAiD,IAAA;oBAEDe,QAAA;oBAEAd,KAAA,WACA;oBAACC,QAAA,eACMqD,QAAA;kBAEL;gBAED,GAAAtE,MAAA,CAAArB,EAAA;cAAA;YAED,GAAAuF,WAAA,CAAAvF,EAAA;UAAA;QAGA,IAAC6D,KAAA,CAAAiD,WAAA,GAAAC,IAAA,CAAAC,KAAA,QAAA1B,GAAA,WAAA2B,GAAA;UAAA,OACC,eAAK,IAAArI,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAsD,MAAA;YAAA0C,iBACI,EAAM;YAA4BC,WACpC,gBAAgB;YAAgB9C,QACxC,EAAA2E,GAAA,CAAAC,eAAA,GAAA5B,GAAA,WAAA6B,MAAA;cAAA,IAAA1B,QAAA,GAAAvB,OAAA,CAAAuB,QAAA,CAAA0B,MAAA,CAAAzB,MAAA,CAAA1F,EAAA;cAED,0BAAApB,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAyD,IAAA;gBAEJM,KAAA,EAAAiE,MAAA,CAAAzB,MAAA,CAAAG,OAAA;gBACFvB,OAAA;gBAAAwB,gBAAA;gBA5CYV,WAAA;gBA6CdvC,eAAA,EAAA4C,QAAA;gBArDOnD,QAyDd,EACH,IAAAtD,kBAAA,CAAAiH,UAAA,EAAAkB,MAAA,CAAAzB,MAAA,CAAAQ,SAAA,CAAA5E,IAAA,EAAA6F,MAAA,CAAAhB,UAAA;cAEA,GAAAgB,MAAA,CAAAnH,EAAA;YAEK;UAAA,GAAAiH,GAAA,CAAAjH,EAAA;QAEC;MACY;IAC4B;EAItC;AAEA;AACE,IAAA3B,KAAA;EAAC+I,IAAA;EAAAC,MAAA,WAECA,MAAOA,CAAA,EAAK;IAAe,sBACnB,IAAAzI,kBAAA,CAAAuD,GAAA,EAAAuB,mBAAA;EAAA;AACU;AACN,SAAA4D,sBACZA,CAAA,EACE;EAAuD,KAAA3D,IAAA,KAGxD,GAAA1E,aAAA,CAAA2E,QAAA,EAAA5C,WAAA;EAAwD,IAAA6C,KAAA,OAAA7E,kBAAA,CAAA8E,aAAA;IAAAH,IAAA;IAT/CI,OAAA,EAUZ5C,cAAA;IAAA6C,eAEH,MAAAhF,kBAAA,CAAAgF,eAAA;EAAA;EAAA;IAvBIuD,WAAI;IAAAC,SAAA;IAAAC,WAAA;IAAAC;EAAA,QAAAtI,YAAA,CAAAuI,gBAAA,EAAA9D,KAAA;IAAA+D,gBA0Bf;IAAAC,oBAGN;MACFC,IAAA,GAEJ,MAEa,WAAkB,CAC7B;MACFC,KAAA,GAEa;IAET;EACA;EAA4B,OAC1B,mBAAAnJ,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAkF,MAAA;IAAAC,OACA,MAAS;IAAyB3B,GAClC;IACFG,MAAC;IAEDR,QAAM,GACJ,mBAAA1D,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAoF,IAAA;MACAjC,QAAA,GACA,eAAa,IAAA1D,kBAAO,CAAA4D,IAAA,EAAArD,cAAa,CAAAoF,IAAA,CAAAC,MAAA;QAClClC,QAAA,GAGC,mBAAA1D,kBAAA,CAAAuD,GAAC,EAAAhD,cAAA,CAAAsF,EAAA;UACCnC,QAAA;QAEI,IACA,mBAAA1D,kBAAC,CAAAuD,GAAA,EAAAhD,cAAA,CAAAuF,SAAU;UAEfpC,QAAA;QAEA;MAGO,uBAAA1D,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAwF,SAAA,sBAEY,IAAA/F,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAsD,MAAA;QACX6B,OAAA;QACA3B,GAAA,MAAQ;QACRD,UAAA,UAAa;QACbJ,QAAA,GAEA,mBAAA1D,kBAAA,CAAAuD,GAAA,EAAAjD,YAAA,CAAAkH,MAAA;UAAAC,IAAA,EAAAtH,YAAA,CAAAiJ,yBAAC;UACDxB,OAAA,EAAAkB,YAAA;UACEjG,IAAA;UAAAa,QAAC;QAAA,mBACM,IAAA1D,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAwF,SAAA;UAAAsD,QACL;QAAkD,IACc,eACvD,IAAArJ,kBAAuB,CAAA4D,IAAA,EAAOrD,cAAQ,CAAAkF,MAAS;UAAa/B,QAEpE,GAAyD,mBAAA1D,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAiD,IAAA;YAC5De,QAAA;YACAb,QAAA,GAAC,UAAAiF,WAAA,CAAAO,IAAA,CAAAI,IAAA;UACM,EACL,EAAmD,eACxC,IAAAtJ,kBAAwB,CAAE4D,IAAA,EAAMrD,cAAQ,CAAOiD,IAAA;YAC1De,QAAA,EAAS;YAERb,QAAA,GAA0D,WAC7DiF,WAAA,CAAAQ,KAAA,CAAAG,IAAA;UACF;QAzBK;MA8BX;IAGE,IAAM,mBAAAtJ,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAoF,IAAA;MAAAxB,IAAO;MAA0BT,QAAO,qBAAA1D,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAA6F,UAAA;QAAAC,UAAE;QAChDC,8BAAA;QAAM5C,QAAA,qBAAA1D,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAkF,MAAA;UAAQ8D,QAAQ;UAA0B7F,QAAA,GAAE,mBAAA1D,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAsD,MAAA;YACpDI,eAAA;YACFsC,iBAAA;YACFC,WAAA;YAEJ9C,QAAA,EAAAuB,KAAA,CAAAwB,eAAA,GAAAC,GAAA,WAAAC,WAAA;cACF,0BAAA3G,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAsD,MAAA;gBAEaH,QAAyB,EAAAiD,WAAA,CAAAC,OAAA,CAAAF,GAAA,WAAAjE,MAAA;kBACtB,IAAA+G,YAAA,GAAAb,WAAA,CAAAO,IAAA,CAAAO,QAAA,CAAAhH,MAAA,CAAAqE,MAAA,CAAA1F,EAAA;kBACD,IAAIsI,aAAA,GAAAf,WAAS,CAAAQ,KAAY,CAAAM,QAAS,CAAChH,MAAC,CAAAqE,MAAA,CAAA1F,EAAA;kBACjC,IAAAyF,QAAA,GAAA2C,YAAA,IAAAE,aAAc;kBAC1B,0BAAA1J,kBAAA,CAAAuD,GAAA,EAAAhD,cAAA,CAAAyD,IAAA;oBACSM,KAAA,EAAe7B,MAAM,CAAAwE,OAAI;oBAClCvB,OAAiB;oBAClBwB,gBAAA;oBAEeV,WAAA;oBACdvC,eAAA,EAAAuF,YAAA,cAAAE,aAAA;oBACchG,QAAA,qBAAA1D,kBAAA,CAAA4D,IAAA,EAAArD,cAAA,CAAAkF,MAAA;sBACf1B,GAAA;sBAGCL,QAAA,GACE,mBAAA1D,kBAAC,CAAAuD,GAAA,EAAAhD,cACC,CAAAiD,IAAA;wBACE4D,UAAA;wBACA7C,QAAA;wBAEJb,QAAA,MAAAtD,kBAAA,CAAAiH,UAAA,EAAA5E,MAAA,CAAAqE,MAAA,CAAAQ,SAAA,CAAA7E,MAAA,EAAAA,MAAA,CAAA8E,UAAA;sBAEA,IAEI,mBAAAvH,kBAAC,CAAA4D,IAAA,EAAArD,cAAW,CAAAsD,MAAU;wBACCE,GAAA,EAAK;wBACzBL,QAAA,IAAA8F,YAAA,uBAAAxJ,kBAAA,CAAAuD,GAAA,EAAAjD,YAAA,CAAAkH,MAAA;0BAEY3E,IAAA;0BACI+E,OAAA,WAAAA,QAAA;4BACP,OAAAgB,SAAA,CAAAnG,MAAA,CAAAqE,MAAA,CAAA1F,EAAA;0BACW;0BACP0G,QAAA,EAAAa,WAAA,CAAAO,IAAA,CAAAjI,MAAA;0BAEZ;4BAAAsD,QAAA;0BACA;0BAAwCb,QAAA;wBAAA,IAR5B,CAAAgG,aAAA,uBAAA1J,kBAAA,CAAAuD,GAAA,EAAAjD,YAAA,CAAAkH,MAAA;0BAUf3E,IAAA;0BAEL+E,OAAA,WAAAA,QAAA;4BACF,OAAAgB,SAAA,CAAAnG,MAAA,CAAAqE,MAAA,CAAA1F,EAAA;0BAEJ;0BACF0G,QAAA,EAAAa,WAAA,CAAAQ,KAAA,CAAAlI,MAAA","ignoreList":[]}