@multiplatform.one/table 6.0.0

package/dist/esm/components/SavedFilterDropdown.spec.mjs

@@ -0,0 +1,84 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it, vi } from "vitest";
+import { SavedFilterDropdown } from "./SavedFilterDropdown.mjs";
+import { jsx } from "react/jsx-runtime";
+const mockFilters = [{
+  name: "filter-1",
+  filter_name: "Active Users",
+  for_user: "user@example.com",
+  filters: [["status", "is", "active"]],
+  isGlobal: false
+}, {
+  name: "filter-2",
+  filter_name: "High Priority",
+  for_user: "",
+  filters: [["priority", "is", "high"]],
+  isGlobal: true
+}, {
+  name: "filter-3",
+  filter_name: "Recent Items",
+  for_user: "user@example.com",
+  filters: [["created", "after", "2024-01-01"], ["status", "isNot", "archived"]],
+  isGlobal: false
+}];
+describe("SavedFilterDropdown", () => {
+  it("renders saved filter list and calls onSelect", () => {
+    const onSelect = vi.fn();
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect
+    }));
+    const trigger = container.querySelector("button");
+    expect(trigger).toBeDefined();
+  });
+  it("returns null when filters list is empty", () => {
+    const onSelect = vi.fn();
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SavedFilterDropdown, {
+      filters: [],
+      onSelectFilter: onSelect
+    }));
+    expect(container.querySelector("button")).toBeNull();
+    expect(container.querySelector('[role="combobox"]')).toBeNull();
+  });
+  it("renders with selected filter", () => {
+    const onSelect = vi.fn();
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SavedFilterDropdown, {
+      filters: mockFilters,
+      selectedFilter: mockFilters[0],
+      onSelectFilter: onSelect
+    }));
+    expect(container.querySelector("button")).toBeDefined();
+  });
+  it("accepts onDeleteFilter callback without Frappe dependency", () => {
+    const onSelect = vi.fn();
+    const onDelete = vi.fn();
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect,
+      onDeleteFilter: onDelete
+    }));
+    expect(container.querySelector("button")).toBeDefined();
+  });
+  it("renders in disabled state", () => {
+    const onSelect = vi.fn();
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect,
+      disabled: true
+    }));
+    const trigger = container.querySelector("button");
+    expect(trigger).toBeDefined();
+    expect(trigger?.getAttribute("disabled")).not.toBeNull();
+  });
+});
+//# sourceMappingURL=SavedFilterDropdown.spec.mjs.map

package/dist/esm/components/SavedFilterDropdown.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderWithProviders","describe","expect","it","vi","SavedFilterDropdown","jsx","mockFilters","name","filter_name","for_user","filters","isGlobal","onSelect","fn","container","onSelectFilter","trigger","querySelector","toBeDefined","toBeNull","selectedFilter","onDelete","onDeleteFilter","disabled","getAttribute","not"],"sources":["../../../src/components/SavedFilterDropdown.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/SavedFilterDropdown.spec.native.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it, vi } from "vitest";
+import { SavedFilterDropdown } from "./SavedFilterDropdown.native.js";
+var mockFilters = [{
+  name: "filter-1",
+  filter_name: "Active Users",
+  for_user: "user@example.com",
+  filters: [["status", "is", "active"]],
+  isGlobal: false
+}, {
+  name: "filter-2",
+  filter_name: "High Priority",
+  for_user: "",
+  filters: [["priority", "is", "high"]],
+  isGlobal: true
+}, {
+  name: "filter-3",
+  filter_name: "Recent Items",
+  for_user: "user@example.com",
+  filters: [["created", "after", "2024-01-01"], ["status", "isNot", "archived"]],
+  isGlobal: false
+}];
+describe("SavedFilterDropdown", function () {
+  it("renders saved filter list and calls onSelect", function () {
+    var onSelect = vi.fn();
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect
+    }));
+    var trigger = container.querySelector("button");
+    expect(trigger).toBeDefined();
+  });
+  it("returns null when filters list is empty", function () {
+    var onSelect = vi.fn();
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(SavedFilterDropdown, {
+      filters: [],
+      onSelectFilter: onSelect
+    }));
+    expect(container.querySelector("button")).toBeNull();
+    expect(container.querySelector('[role="combobox"]')).toBeNull();
+  });
+  it("renders with selected filter", function () {
+    var onSelect = vi.fn();
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(SavedFilterDropdown, {
+      filters: mockFilters,
+      selectedFilter: mockFilters[0],
+      onSelectFilter: onSelect
+    }));
+    expect(container.querySelector("button")).toBeDefined();
+  });
+  it("accepts onDeleteFilter callback without Frappe dependency", function () {
+    var onSelect = vi.fn();
+    var onDelete = vi.fn();
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect,
+      onDeleteFilter: onDelete
+    }));
+    expect(container.querySelector("button")).toBeDefined();
+  });
+  it("renders in disabled state", function () {
+    var onSelect = vi.fn();
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(SavedFilterDropdown, {
+      filters: mockFilters,
+      onSelectFilter: onSelect,
+      disabled: true
+    }));
+    var trigger = container.querySelector("button");
+    expect(trigger).toBeDefined();
+    expect(trigger === null || trigger === void 0 ? void 0 : trigger.getAttribute("disabled")).not.toBeNull();
+  });
+});
+//# sourceMappingURL=SavedFilterDropdown.spec.native.js.map

package/dist/esm/components/SavedFilterDropdown.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","renderWithProviders","describe","expect","it","vi","SavedFilterDropdown","mockFilters","name","filter_name","for_user","filters","isGlobal","onSelect","fn","container","onSelectFilter","trigger","querySelector","toBeDefined","toBeNull","selectedFilter","onDelete","onDeleteFilter"],"sources":["../../../src/components/SavedFilterDropdown.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAA2B;AACpC,SAASC,mBAAkB,QAAI,+BAAU;AAEzC,SAASC,QAAA,EAAAC,MAAA,EAAAC,EAAA,EAAAC,EAAA,QAA2B;AAiC9B,SAAAC,mBAAA;AAhCN,IAAAC,WAAM,IACJ;EACEC,IAAA,EAAM;EACNC,WAAA,EAAa;EACbC,QAAA,EAAU;EACVC,OAAA,EAAS,CACT,CACF,UACA,MACE,QAAM,CACN,CACA;EACAC,QAAA,EAAU;AAA0B,GAEtC;EACAJ,IAAA;EACEC,WAAM;EACNC,QAAA;EACAC,OAAA,GACA,CACG,UAAW,EACX,MACH,OACA,CACF;EACFC,QAAA;AAEA,GACE;EACEJ,IAAA,EAAM;EAENC,WAAQ,gBAAc;EAAAC,QACpB,oBAAC;EACHC,OAAA,GAGA,CACA,SAAO,EACR,SAEE,aACD,EAEA,CACE,UACF,SAGA,UAAO,CACP,CACD;EAEDC,QAAG;AACD,EAEA;AAAsBV,QACpB;EAAAE,EAAA,+CAAC;IAAA,IAAAS,QAAA,GAAAR,EAAA,CAAAS,EAAA;IAAA;MACCC;IAAS,IAAAd,mBAAA,gBAAAD,IAAA,CAAAM,mBAAA;MAAAK,OACT,EAAAJ,WAAgB;MAAaS,cAC7B,EAAAH;IAAgB;IAAA,IAClBI,OAAA,GAAAF,SAAA,CAAAG,aAAA;IACFf,MAAA,CAAAc,OAAA,EAAAE,WAAA;EAGA;EACFf,EAAC;IAED,IAAGS,QAAA,GAAAR,EAAA,CAAAS,EAAA;IACD;MAAMC;IAAA,CAAW,GAAGd,mBAAG,gBAAAD,IAAA,CAAAM,mBAAA;MACvBK,OAAM;MAENK,cAAQ,EAAUH;IAAI,EACpB;IAAAV,MAAC,CAAAY,SAAA,CAAAG,aAAA,YAAAE,QAAA;IAAAjB,MAAA,CAAAY,SAAA,CAAAG,aAAA,uBAAAE,QAAA;EAAA;EACUhB,EAAA,+BACO;IAAA,IAAAS,QAChB,GAAAR,EAAA,CAAAS,EAAA,EAAgB;IAAA;MAAAC;IAAA,IAAAd,mBAAA,gBAAAD,IAAA,CAAAM,mBAAA;MAClBK,OAAA,EAAAJ,WAAA;MACFc,cAAA,EAAAd,WAAA;MAGAS,cAAO,EAAUH;IAClB;IAEDV,MAAG,CAAAY,SAAA,CAAAG,aAA6B,SAAM,GAAAC,WAAA;EACpC;EAEAf,EAAA,4DAAsB;IAAA,IACpBS,QAAA,GAAAR,EAAA,CAAAS,EAAA,EAAC;IACH,IAAAQ,QAAA,GAAAjB,EAAA,CAAAS,EAAA;IAEA;MAAMC;IAAU,IAAAd,mBAAU,CAAc,eAAQD,IAAA,CAAAM,mBAAA;MAChDK,OAAO,EAAAJ,WAAS;MAChBS,cAAgB,EAAAH,QAAA;MACjBU,cAAA,EAAAD;IACF","ignoreList":[]}

package/dist/esm/components/SimpleTable/index.mjs

@@ -0,0 +1,167 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Text, View, useMedia } from "tamagui";
+import { Table } from "@multiplatform.one/table-primitives";
+import { jsx, jsxs } from "react/jsx-runtime";
+function alignToFlex(align) {
+  switch (align) {
+    case "center":
+      return "center";
+    case "right":
+      return "flex-end";
+    default:
+      return "flex-start";
+  }
+}
+function SimpleTableMobileCards({
+  data,
+  columns
+}) {
+  if (data.length === 0) {
+    return /* @__PURE__ */jsx(View, {
+      padding: "$8",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "$color1",
+      borderRadius: "$4",
+      "aria-live": "polite",
+      children: /* @__PURE__ */jsx(Text, {
+        color: "$color10",
+        fontSize: "$4",
+        children: "No data available"
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(View, {
+    flexDirection: "column",
+    gap: "$2",
+    children: data.map((row, rowIndex) => {
+      const intent = row._intent;
+      return /* @__PURE__ */jsx(View, {
+        backgroundColor: "$color1",
+        borderRadius: "$4",
+        borderWidth: 1,
+        borderColor: "$color6",
+        padding: "$3",
+        ...(intent ? {
+          theme: intent
+        } : {}),
+        children: columns.map(col => /* @__PURE__ */jsxs(View, {
+          flexDirection: "row",
+          alignItems: "center",
+          paddingVertical: "$1.5",
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(Text, {
+            fontSize: "$3",
+            color: "$color10",
+            fontWeight: "500",
+            width: "40%",
+            flexShrink: 0,
+            children: col.header
+          }), /* @__PURE__ */jsx(View, {
+            flex: 1,
+            children: /* @__PURE__ */jsx(Text, {
+              fontSize: "$3",
+              color: "$color12",
+              textAlign: col.align ?? "left",
+              children: String(row[col.accessorKey] ?? "")
+            })
+          })]
+        }, col.accessorKey))
+      }, rowIndex);
+    })
+  });
+}
+function SimpleTableDesktop({
+  data,
+  columns,
+  ...props
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "SimpleTable"
+  });
+  return /* @__PURE__ */jsx(View, {
+    ...props,
+    children: /* @__PURE__ */jsxs(Table, {
+      "aria-label": props["aria-label"],
+      ...knobProps.borderRadius,
+      children: [/* @__PURE__ */jsx(Table.Head, {
+        children: /* @__PURE__ */jsx(Table.Row, {
+          children: columns.map((col, colIndex) => /* @__PURE__ */jsx(Table.HeaderCell, {
+            justifyContent: alignToFlex(col.align),
+            cellLocation: colIndex === 0 ? "first" : colIndex === columns.length - 1 ? "last" : "middle",
+            "data-align": col.align ?? "left",
+            children: /* @__PURE__ */jsx(Text, {
+              fontWeight: "600",
+              fontSize: "$3",
+              children: col.header
+            })
+          }, col.accessorKey))
+        })
+      }), /* @__PURE__ */jsx(Table.Body, {
+        children: data.length === 0 ? /* @__PURE__ */jsx(Table.Row, {
+          children: /* @__PURE__ */jsx(Table.Cell, {
+            children: /* @__PURE__ */jsx(Text, {
+              color: "$color10",
+              textAlign: "center",
+              padding: "$4",
+              children: "No data available"
+            })
+          })
+        }) : data.map((row, rowIndex) => {
+          const intent = row._intent;
+          const intentProps = intent ? {
+            [intent]: true
+          } : {};
+          return /* @__PURE__ */jsx(Table.Row, {
+            rowLocation: rowIndex === 0 ? "first" : rowIndex === data.length - 1 ? "last" : "middle",
+            ...intentProps,
+            children: columns.map((col, colIndex) => /* @__PURE__ */jsx(Table.Cell, {
+              justifyContent: alignToFlex(col.align),
+              cellLocation: colIndex === 0 ? "first" : colIndex === columns.length - 1 ? "last" : "middle",
+              "data-align": col.align ?? "left",
+              children: /* @__PURE__ */jsx(Text, {
+                fontSize: "$3",
+                color: "$color12",
+                children: String(row[col.accessorKey] ?? "")
+              })
+            }, col.accessorKey))
+          }, rowIndex);
+        })
+      })]
+    })
+  });
+}
+function SimpleTable({
+  data,
+  columns,
+  ...props
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "SimpleTable"
+  });
+  const {
+    sm
+  } = useMedia();
+  if (sm === false) {
+    return /* @__PURE__ */jsx(View, {
+      ...knobProps.borderRadius,
+      ...props,
+      testID: "simple-table-cards",
+      children: /* @__PURE__ */jsx(SimpleTableMobileCards, {
+        data,
+        columns
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(SimpleTableDesktop, {
+    data,
+    columns,
+    ...props
+  });
+}
+export { SimpleTable, SimpleTableDesktop };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/SimpleTable/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","Text","View","useMedia","Table","jsx","jsxs","alignToFlex","align","SimpleTableMobileCards","data","columns","length","padding","alignItems","justifyContent","backgroundColor","borderRadius","children","color","fontSize","flexDirection","gap","map","row","rowIndex","intent","_intent","borderWidth","borderColor","theme","col","paddingVertical","fontWeight","width","flexShrink","header","flex","textAlign","String","accessorKey","SimpleTableDesktop","props","knobProps","component","Head","Row","colIndex","HeaderCell","cellLocation","Body","Cell","intentProps","rowLocation","SimpleTable","sm","testID"],"sources":["../../../../src/components/SimpleTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/SimpleTable/index.native.js

@@ -0,0 +1,179 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Text, View, useMedia } from "tamagui";
+import { Table } from "@multiplatform.one/table-primitives";
+function alignToFlex(align) {
+  switch (align) {
+    case "center":
+      return "center";
+    case "right":
+      return "flex-end";
+    default:
+      return "flex-start";
+  }
+}
+function SimpleTableMobileCards(param) {
+  var {
+    data,
+    columns
+  } = param;
+  if (data.length === 0) {
+    return /* @__PURE__ */_jsx(View, {
+      padding: "$8",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "$color1",
+      borderRadius: "$4",
+      "aria-live": "polite",
+      children: /* @__PURE__ */_jsx(Text, {
+        color: "$color10",
+        fontSize: "$4",
+        children: "No data available"
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(View, {
+    flexDirection: "column",
+    gap: "$2",
+    children: data.map(function (row, rowIndex) {
+      var intent = row._intent;
+      return /* @__PURE__ */_jsx(View, {
+        backgroundColor: "$color1",
+        borderRadius: "$4",
+        borderWidth: 1,
+        borderColor: "$color6",
+        padding: "$3",
+        ...(intent ? {
+          theme: intent
+        } : {}),
+        children: columns.map(function (col) {
+          var _col_align, _row_col_accessorKey;
+          return /* @__PURE__ */_jsxs(View, {
+            flexDirection: "row",
+            alignItems: "center",
+            paddingVertical: "$1.5",
+            gap: "$2",
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: "$3",
+              color: "$color10",
+              fontWeight: "500",
+              width: "40%",
+              flexShrink: 0,
+              children: col.header
+            }), /* @__PURE__ */_jsx(View, {
+              flex: 1,
+              children: /* @__PURE__ */_jsx(Text, {
+                fontSize: "$3",
+                color: "$color12",
+                textAlign: (_col_align = col.align) !== null && _col_align !== void 0 ? _col_align : "left",
+                children: String((_row_col_accessorKey = row[col.accessorKey]) !== null && _row_col_accessorKey !== void 0 ? _row_col_accessorKey : "")
+              })
+            })]
+          }, col.accessorKey);
+        })
+      }, rowIndex);
+    })
+  });
+}
+function SimpleTableDesktop(param) {
+  var {
+    data,
+    columns,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "SimpleTable"
+  });
+  return /* @__PURE__ */_jsx(View, {
+    ...props,
+    children: /* @__PURE__ */_jsxs(Table, {
+      "aria-label": props["aria-label"],
+      ...knobProps.borderRadius,
+      children: [/* @__PURE__ */_jsx(Table.Head, {
+        children: /* @__PURE__ */_jsx(Table.Row, {
+          children: columns.map(function (col, colIndex) {
+            var _col_align;
+            return /* @__PURE__ */_jsx(Table.HeaderCell, {
+              justifyContent: alignToFlex(col.align),
+              cellLocation: colIndex === 0 ? "first" : colIndex === columns.length - 1 ? "last" : "middle",
+              "data-align": (_col_align = col.align) !== null && _col_align !== void 0 ? _col_align : "left",
+              children: /* @__PURE__ */_jsx(Text, {
+                fontWeight: "600",
+                fontSize: "$3",
+                children: col.header
+              })
+            }, col.accessorKey);
+          })
+        })
+      }), /* @__PURE__ */_jsx(Table.Body, {
+        children: data.length === 0 ? /* @__PURE__ */_jsx(Table.Row, {
+          children: /* @__PURE__ */_jsx(Table.Cell, {
+            children: /* @__PURE__ */_jsx(Text, {
+              color: "$color10",
+              textAlign: "center",
+              padding: "$4",
+              children: "No data available"
+            })
+          })
+        }) : data.map(function (row, rowIndex) {
+          var intent = row._intent;
+          var intentProps = intent ? {
+            [intent]: true
+          } : {};
+          return /* @__PURE__ */_jsx(Table.Row, {
+            rowLocation: rowIndex === 0 ? "first" : rowIndex === data.length - 1 ? "last" : "middle",
+            ...intentProps,
+            children: columns.map(function (col, colIndex) {
+              var _col_align, _row_col_accessorKey;
+              return /* @__PURE__ */_jsx(Table.Cell, {
+                justifyContent: alignToFlex(col.align),
+                cellLocation: colIndex === 0 ? "first" : colIndex === columns.length - 1 ? "last" : "middle",
+                "data-align": (_col_align = col.align) !== null && _col_align !== void 0 ? _col_align : "left",
+                children: /* @__PURE__ */_jsx(Text, {
+                  fontSize: "$3",
+                  color: "$color12",
+                  children: String((_row_col_accessorKey = row[col.accessorKey]) !== null && _row_col_accessorKey !== void 0 ? _row_col_accessorKey : "")
+                })
+              }, col.accessorKey);
+            })
+          }, rowIndex);
+        })
+      })]
+    })
+  });
+}
+function SimpleTable(param) {
+  var {
+    data,
+    columns,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "SimpleTable"
+  });
+  var {
+    sm
+  } = useMedia();
+  if (sm === false) {
+    return /* @__PURE__ */_jsx(View, {
+      ...knobProps.borderRadius,
+      ...props,
+      testID: "simple-table-cards",
+      children: /* @__PURE__ */_jsx(SimpleTableMobileCards, {
+        data,
+        columns
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(SimpleTableDesktop, {
+    data,
+    columns,
+    ...props
+  });
+}
+export { SimpleTable, SimpleTableDesktop };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/components/SimpleTable/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","Text","View","useMedia","Table","alignToFlex","align","SimpleTableMobileCards","param","data","columns","length","padding","alignItems","justifyContent","backgroundColor","borderRadius","children","color","fontSize","flexDirection","gap","map","row","rowIndex","intent","_intent","borderWidth","borderColor","theme","col","_col_align","_row_col_accessorKey","paddingVertical","fontWeight","width","flexShrink","header","flex","textAlign","String","accessorKey","SimpleTableDesktop","props","knobProps","component","Head","Row","colIndex","HeaderCell","cellLocation"],"sources":["../../../../src/components/SimpleTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}