@multiplatform.one/table 6.0.0

package/dist/cjs/components/FilterManager.cjs

@@ -0,0 +1,144 @@
+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 FilterManager_exports = {};
+__export(FilterManager_exports, {
+  FilterManager: () => FilterManager
+});
+module.exports = __toCommonJS(FilterManager_exports);
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_KnobDialog = require("./KnobDialog.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FilterManager({
+  currentFilters,
+  onSaveFilter,
+  disabled = false,
+  canCreateGlobal = false,
+  trigger
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const sz = knobProps.sizeToken;
+  const dialogMinWidth = sz === "$3" ? 320 : sz === "$5" ? 480 : 400;
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const [filterName, setFilterName] = (0, import_react2.useState)("");
+  const [isGlobal, setIsGlobal] = (0, import_react2.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const hasFilters = currentFilters && currentFilters.length > 0;
+  const handleSave = async () => {
+    if (!filterName.trim()) {
+      setError("Filter name is required");
+      return;
+    }
+    setIsSaving(true);
+    setError(null);
+    try {
+      await onSaveFilter(filterName.trim(), isGlobal);
+      setFilterName("");
+      setIsGlobal(false);
+      setOpen(false);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to save filter");
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_KnobDialog.KnobDialog, {
+    open,
+    onOpenChange: setOpen,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobDialog.KnobDialogTrigger, {
+      asChild: true,
+      children: trigger || /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        size: knobProps.sizeToken,
+        icon: import_react.FloppyDiskIcon,
+        disabled: disabled || !hasFilters,
+        "aria-label": "Save filter",
+        children: "Save Filter"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_KnobDialog.KnobDialogContent, {
+      minWidth: dialogMinWidth,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobDialog.KnobDialogTitle, {
+        children: "Save Filter"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobDialog.KnobDialogDescription, {
+        children: "Save the current filter configuration for quick access later."
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$3",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+          label: "Filter Name",
+          value: filterName,
+          onChangeText: setFilterName,
+          placeholder: "e.g., Big Pokemon",
+          disabled: isSaving
+        }), canCreateGlobal && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+          label: "Make this filter global (visible to all users)",
+          checked: isGlobal,
+          onCheckedChange: checked => setIsGlobal(checked === true),
+          disabled: isSaving
+        }), error && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          color: "$red10",
+          fontSize: "$2",
+          children: error
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+          color: "$color10",
+          fontSize: "$2",
+          children: ["Current filters: ", currentFilters.length, " active"]
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$3",
+        justifyContent: "flex-end",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobDialog.KnobDialogClose, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            variant: "outlined",
+            disabled: isSaving,
+            children: "Cancel"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          theme: "active",
+          icon: import_react.FloppyDiskIcon,
+          onPress: handleSave,
+          disabled: isSaving || !filterName.trim(),
+          children: isSaving ? "Saving..." : "Save Filter"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobDialog.KnobDialogClose, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          position: "absolute",
+          top: "$3",
+          right: "$3",
+          size: "$2",
+          circular: true,
+          icon: import_react.XIcon,
+          "aria-label": "Close dialog"
+        })
+      })]
+    })]
+  });
+}

package/dist/cjs/components/FilterManager.native.js

@@ -0,0 +1,159 @@
+"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 FilterManager_exports = {};
+__export(FilterManager_exports, {
+  FilterManager: () => FilterManager
+});
+module.exports = __toCommonJS(FilterManager_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_KnobDialog = require("./KnobDialog.native.js");
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+function FilterManager(param) {
+  var {
+    currentFilters,
+    onSaveFilter,
+    disabled = false,
+    canCreateGlobal = false,
+    trigger
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var sz = knobProps.sizeToken;
+  var dialogMinWidth = sz === "$3" ? 320 : sz === "$5" ? 480 : 400;
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var [filterName, setFilterName] = (0, import_react2.useState)("");
+  var [isGlobal, setIsGlobal] = (0, import_react2.useState)(false);
+  var [isSaving, setIsSaving] = (0, import_react2.useState)(false);
+  var [error, setError] = (0, import_react2.useState)(null);
+  var hasFilters = currentFilters && currentFilters.length > 0;
+  var handleSave = async function handleSave2() {
+    if (!filterName.trim()) {
+      setError("Filter name is required");
+      return;
+    }
+    setIsSaving(true);
+    setError(null);
+    try {
+      await onSaveFilter(filterName.trim(), isGlobal);
+      setFilterName("");
+      setIsGlobal(false);
+      setOpen(false);
+    } catch (e) {
+      setError(_instanceof(e, Error) ? e.message : "Failed to save filter");
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_KnobDialog.KnobDialog, {
+    open,
+    onOpenChange: setOpen,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobDialog.KnobDialogTrigger, {
+      asChild: true,
+      children: trigger || /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        size: knobProps.sizeToken,
+        icon: import_react.FloppyDiskIcon,
+        disabled: disabled || !hasFilters,
+        "aria-label": "Save filter",
+        children: "Save Filter"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_KnobDialog.KnobDialogContent, {
+      minWidth: dialogMinWidth,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobDialog.KnobDialogTitle, {
+        children: "Save Filter"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobDialog.KnobDialogDescription, {
+        children: "Save the current filter configuration for quick access later."
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$3",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+          label: "Filter Name",
+          value: filterName,
+          onChangeText: setFilterName,
+          placeholder: "e.g., Big Pokemon",
+          disabled: isSaving
+        }), canCreateGlobal && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+          label: "Make this filter global (visible to all users)",
+          checked: isGlobal,
+          onCheckedChange: function onCheckedChange(checked) {
+            return setIsGlobal(checked === true);
+          },
+          disabled: isSaving
+        }), error && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          color: "$red10",
+          fontSize: "$2",
+          children: error
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+          color: "$color10",
+          fontSize: "$2",
+          children: ["Current filters: ", currentFilters.length, " active"]
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$3",
+        justifyContent: "flex-end",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobDialog.KnobDialogClose, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            variant: "outlined",
+            disabled: isSaving,
+            children: "Cancel"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          theme: "active",
+          icon: import_react.FloppyDiskIcon,
+          onPress: handleSave,
+          disabled: isSaving || !filterName.trim(),
+          children: isSaving ? "Saving..." : "Save Filter"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KnobDialog.KnobDialogClose, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          position: "absolute",
+          top: "$3",
+          right: "$3",
+          size: "$2",
+          circular: true,
+          icon: import_react.XIcon,
+          "aria-label": "Close dialog"
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=FilterManager.native.js.map

package/dist/cjs/components/FilterManager.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FilterManager_exports","__export","FilterManager","module","exports","import_jsx_runtime","require","import_react","import_theme","import_react2","import_forms","import_tamagui","import_KnobDialog","_instanceof","left","right","Symbol","hasInstance","param","currentFilters","onSaveFilter","disabled","canCreateGlobal","trigger","knobProps","useResolvedKnobs","sz","sizeToken","dialogMinWidth","open","setOpen","useState","filterName","setFilterName","isGlobal","setIsGlobal","isSaving","setIsSaving","error","setError","hasFilters","length","handleSave","handleSave2","trim","e","Error","message","jsxs","KnobDialog","onOpenChange","children","jsx","KnobDialogTrigger","asChild","Button","size","icon","FloppyDiskIcon","KnobDialogContent","minWidth","KnobDialogTitle","KnobDialogDescription","YStack","gap","Input","label","onChangeText","placeholder","Checkbox","checked","onCheckedChange","Text","color","fontSize","XStack","justifyContent","KnobDialogClose","variant"],"sources":["../../../src/components/FilterManager.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FilterManager.spec.cjs

@@ -0,0 +1,52 @@
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_FilterManager = require("./FilterManager.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("FilterManager", () => {
+  (0, import_vitest.it)("renders with generic filter definitions (no Frappe metadata)", () => {
+    const genericFilters = [["name", "contains", "Pika"], ["type", "is", "Electric"], ["hp", "greaterThan", 50]];
+    const onSave = import_vitest.vi.fn();
+    const {
+      getByText
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterManager.FilterManager, {
+      currentFilters: genericFilters,
+      onSaveFilter: onSave
+    }));
+    (0, import_vitest.expect)(getByText("Save Filter")).toBeDefined();
+  });
+  (0, import_vitest.it)("shows filter count from generic filter array", () => {
+    const genericFilters = [["status", "is", "active"], ["age", "greaterThan", 18]];
+    const onSave = import_vitest.vi.fn();
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterManager.FilterManager, {
+      currentFilters: genericFilters,
+      onSaveFilter: onSave
+    }));
+    (0, import_vitest.expect)(container.querySelector("button")).toBeDefined();
+  });
+  (0, import_vitest.it)("disables save button when no filters are active", () => {
+    const onSave = import_vitest.vi.fn();
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterManager.FilterManager, {
+      currentFilters: [],
+      onSaveFilter: onSave
+    }));
+    const button = container.querySelector("button");
+    (0, import_vitest.expect)(button).toBeDefined();
+    (0, import_vitest.expect)(button?.getAttribute("disabled")).not.toBeNull();
+  });
+  (0, import_vitest.it)("accepts canCreateGlobal prop without Frappe-specific config", () => {
+    const genericFilters = [["field1", "equals", "value1"]];
+    const onSave = import_vitest.vi.fn();
+    const {
+      getByText
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterManager.FilterManager, {
+      currentFilters: genericFilters,
+      onSaveFilter: onSave,
+      canCreateGlobal: true
+    }));
+    (0, import_vitest.expect)(getByText("Save Filter")).toBeDefined();
+  });
+});

package/dist/cjs/components/FilterManager.spec.native.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_FilterManager = require("./FilterManager.native.js");
+(0, import_vitest.describe)("FilterManager", function () {
+  (0, import_vitest.it)("renders with generic filter definitions (no Frappe metadata)", function () {
+    var genericFilters = [["name", "contains", "Pika"], ["type", "is", "Electric"], ["hp", "greaterThan", 50]];
+    var onSave = import_vitest.vi.fn();
+    var {
+      getByText
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterManager.FilterManager, {
+      currentFilters: genericFilters,
+      onSaveFilter: onSave
+    }));
+    (0, import_vitest.expect)(getByText("Save Filter")).toBeDefined();
+  });
+  (0, import_vitest.it)("shows filter count from generic filter array", function () {
+    var genericFilters = [["status", "is", "active"], ["age", "greaterThan", 18]];
+    var onSave = import_vitest.vi.fn();
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterManager.FilterManager, {
+      currentFilters: genericFilters,
+      onSaveFilter: onSave
+    }));
+    (0, import_vitest.expect)(container.querySelector("button")).toBeDefined();
+  });
+  (0, import_vitest.it)("disables save button when no filters are active", function () {
+    var onSave = import_vitest.vi.fn();
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterManager.FilterManager, {
+      currentFilters: [],
+      onSaveFilter: onSave
+    }));
+    var button = container.querySelector("button");
+    (0, import_vitest.expect)(button).toBeDefined();
+    (0, import_vitest.expect)(button === null || button === void 0 ? void 0 : button.getAttribute("disabled")).not.toBeNull();
+  });
+  (0, import_vitest.it)("accepts canCreateGlobal prop without Frappe-specific config", function () {
+    var genericFilters = [["field1", "equals", "value1"]];
+    var onSave = import_vitest.vi.fn();
+    var {
+      getByText
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterManager.FilterManager, {
+      currentFilters: genericFilters,
+      onSaveFilter: onSave,
+      canCreateGlobal: true
+    }));
+    (0, import_vitest.expect)(getByText("Save Filter")).toBeDefined();
+  });
+});
+//# sourceMappingURL=FilterManager.spec.native.js.map

package/dist/cjs/components/FilterManager.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_test_utils","import_vitest","import_FilterManager","describe","it","genericFilters","onSave","vi","fn","getByText","renderWithProviders","jsx","FilterManager","currentFilters","onSaveFilter","expect","toBeDefined","container","querySelector"],"sources":["../../../src/components/FilterManager.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,kBAAyC,GAAAC,OAAA;AACzC,IAAAC,iBAAA,GAAAD,OAA8B;AAWxB,IAAAE,aAAA,GAAAF,OAAA;AAAA,IAVNG,oBAAA,GAAAH,OAAS,4BAAuB;AAC9B,IAAAE,aAAA,CAAAE,QAAG;EACD,IAAAF,aAAM,CAAAG,EAAA,gEAA+C;IAAA,IAClDC,cAAQ,IACT,CACC,MAAM,EACT,YACA,MAAM,CAEN,EACE,CACF,QAGA,MACD,WAED,EACE,CACG,MACA,aAAO,EACV,GACA,CAEA;IAAsB,IACpBC,MAAA,GAAAL,aAAA,CAAAM,EAAA,CAAAC,EAAA;IACF;MAAAC;IAAA,QAAAT,iBAAA,CAAAU,mBAAA,qBAAAZ,kBAAA,CAAAa,GAAA,EAAAT,oBAAA,CAAAU,aAAA;MAGAC,cAAA,EAAAR,cAAO;MACRS,YAAA,EAAAR;IAED;IACE,IAAAL,aAAe,CAAAc,MAAA,EAAAN,SAAM,iBAAAO,WAAA;EAErB;EAAsB,IACpBf,aAAA,CAAAG,EAAA,gDAAC;IACH,IAAAC,cAAA,IAEA,CACA,UACA,MACD,SAED,EACE,CACA,KAAM,EAGN,aAAQ,EACN,IAAC;IAAA,IAAAC,MACC,GAAAL,aAAgB,CAAAM,EAAA,CAAAC,EAAA;IAAA;MAChBS;IAAA,IAAc,IAAAjB,iBAAA,CAAAU,mBAAA,qBAAAZ,kBAAA,CAAAa,GAAA,EAAAT,oBAAA,CAAAU,aAAA;MAAAC,cACd,EAAAR,cAAiB;MAAAS,YAAA,EAAAR;IAAA,EACnB;IACF,IAAAL,aAAA,CAAAc,MAAA,EAAAE,SAAA,CAAAC,aAAA,YAAAF,WAAA;EAEA;EACF,CAAC,GAAAf,aAAA,CAAAG,EAAA;IACF,IAAAE,MAAA,GAAAL,aAAA,CAAAM,EAAA,CAAAC,EAAA","ignoreList":[]}

package/dist/cjs/components/KnobDialog.cjs

@@ -0,0 +1,101 @@
+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 KnobDialog_exports = {};
+__export(KnobDialog_exports, {
+  KnobDialog: () => KnobDialog,
+  KnobDialogClose: () => KnobDialogClose,
+  KnobDialogContent: () => KnobDialogContent,
+  KnobDialogDescription: () => KnobDialogDescription,
+  KnobDialogTitle: () => KnobDialogTitle,
+  KnobDialogTrigger: () => KnobDialogTrigger
+});
+module.exports = __toCommonJS(KnobDialog_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+function KnobDialog({
+  open,
+  onOpenChange,
+  modal = true,
+  children
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog, {
+    modal,
+    open,
+    onOpenChange,
+    children
+  });
+}
+function KnobDialogContent({
+  children,
+  minWidth
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+      transition: "quick",
+      opacity: 0.5,
+      enterStyle: {
+        opacity: 0
+      },
+      exitStyle: {
+        opacity: 0
+      }
+    }, "overlay"), /* @__PURE__ */(0, import_react.createElement)(import_tamagui.Dialog.Content, {
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      key: "content",
+      animateOnly: ["transform", "opacity"],
+      transition: ["quick", {
+        opacity: {
+          overshootClamping: true
+        }
+      }],
+      enterStyle: {
+        x: 0,
+        y: -20,
+        opacity: 0,
+        scale: 0.9
+      },
+      exitStyle: {
+        x: 0,
+        y: 10,
+        opacity: 0,
+        scale: 0.95
+      },
+      ...knobProps.gapLg,
+      elevation: knobProps.elevation,
+      ...(minWidth ? {
+        minWidth
+      } : {})
+    }, children)]
+  });
+}
+const KnobDialogTrigger = import_tamagui.Dialog.Trigger;
+const KnobDialogTitle = import_tamagui.Dialog.Title;
+const KnobDialogDescription = import_tamagui.Dialog.Description;
+const KnobDialogClose = import_tamagui.Dialog.Close;

package/dist/cjs/components/KnobDialog.native.js

@@ -0,0 +1,106 @@
+"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 KnobDialog_exports = {};
+__export(KnobDialog_exports, {
+  KnobDialog: () => KnobDialog,
+  KnobDialogClose: () => KnobDialogClose,
+  KnobDialogContent: () => KnobDialogContent,
+  KnobDialogDescription: () => KnobDialogDescription,
+  KnobDialogTitle: () => KnobDialogTitle,
+  KnobDialogTrigger: () => KnobDialogTrigger
+});
+module.exports = __toCommonJS(KnobDialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+function KnobDialog(param) {
+  var {
+    open,
+    onOpenChange,
+    modal = true,
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog, {
+    modal,
+    open,
+    onOpenChange,
+    children
+  });
+}
+function KnobDialogContent(param) {
+  var {
+    children,
+    minWidth
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+      transition: "quick",
+      opacity: 0.5,
+      enterStyle: {
+        opacity: 0
+      },
+      exitStyle: {
+        opacity: 0
+      }
+    }, "overlay"), /* @__PURE__ */(0, import_react.createElement)(import_tamagui.Dialog.Content, {
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      key: "content",
+      animateOnly: ["transform", "opacity"],
+      transition: ["quick", {
+        opacity: {
+          overshootClamping: true
+        }
+      }],
+      enterStyle: {
+        x: 0,
+        y: -20,
+        opacity: 0,
+        scale: 0.9
+      },
+      exitStyle: {
+        x: 0,
+        y: 10,
+        opacity: 0,
+        scale: 0.95
+      },
+      ...knobProps.gapLg,
+      elevation: knobProps.elevation,
+      ...(minWidth ? {
+        minWidth
+      } : {})
+    }, children)]
+  });
+}
+var KnobDialogTrigger = import_tamagui.Dialog.Trigger;
+var KnobDialogTitle = import_tamagui.Dialog.Title;
+var KnobDialogDescription = import_tamagui.Dialog.Description;
+var KnobDialogClose = import_tamagui.Dialog.Close;
+//# sourceMappingURL=KnobDialog.native.js.map

package/dist/cjs/components/KnobDialog.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","KnobDialog_exports","__export","KnobDialog","KnobDialogClose","KnobDialogContent","KnobDialogDescription","KnobDialogTitle","KnobDialogTrigger","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","param","open","onOpenChange","modal","children","jsx","Dialog","minWidth","knobProps","useResolvedKnobs","jsxs","Portal","Overlay","transition","opacity","enterStyle","exitStyle","createElement","Content","borderRadius","borderWidth","borderColor","key","animateOnly","overshootClamping","x","y"],"sources":["../../../src/components/KnobDialog.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAQAC,MAAA,CAAAC,OAAA,GAAAd,YAAiC,CAAAK,kBAAA;AAEjC,IAAAU,kBAAuB,GAAAC,OAAA;AAWnB,IAAAC,YAAA,GAAAD,OAAA;AAwBE,IAAAE,YAAA,GAAAF,OAAA;AA1BC,IAAAG,cAAS,GAAWH,OAAQ;AACjC,SACET,WAAAa,KAAA;EAIJ;IAAAC,IAAA;IAAAC,YAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAJ,KAAA;EAOO,OAAS,iBAAkB,EAAEL,kBAAU,CAASU,GAA2B,EAAAN,cAAA,CAAAO,MAAA;IAChFH,KAAM;IAENF,IAAA;IAEIC,YAAA;IAAAE;EAAQ;AAAP;AAEY,SACXf,iBAASA,CAAAW,KAAA;EAAA;IACTI,QAAA;IAAAG;EAAc,IAASP,KAAE;EAAA;IACzBQ;EAAA,CAAW,GAAE,IAAAV,YAAW,CAAAW,gBAAA;EAAA,0BAAAd,kBAAA,CAAAe,IAAA,EAAAX,cAAA,CAAAO,MAAA,CAAAK,MAAA;IAAAP,QAJpB,GAKN,mBAAAT,kBAAA,CAAAU,GAAA,EAAAN,cAAA,CAAAO,MAAA,CAAAM,OAAA;MAEAC,UAAA;MAACC,OAAA;MAAAC,UAAA;QACED,OAAG;MACJ;MACAE,SAAA;QACAF,OAAI;MACJ;IAAoC,GACpC,YAAY,eACV,IAAAjB,YAAA,CAAAoB,aAAA,EAAAlB,cAAA,CAAAO,MAAA,CAAAY,OAAA;MAAA,GACAV,SAAA,CAAAW,YAAA;MAAAC,WACE,EAAS;MAAAC,WACP,gBAAmB;MAAAC,GAAA,EACrB;MAAAC,WACF,GACF,aACA,UACA;MACCV,UAAG,GACJ,SACC;QAA+BC,OAAA;UAE/BU,iBAAA;QACH;MACF,EAEJ;MAGaT,UAAA;QACAU,CAAA;QACAC,CAAA;QACAZ,OAAA","ignoreList":[]}