@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/fields/SmallText/index.cjs

@@ -0,0 +1,69 @@
+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 SmallText_exports = {};
+__export(SmallText_exports, {
+  SmallText: () => SmallText
+});
+module.exports = __toCommonJS(SmallText_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SmallText(props) {
+  const {
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    placeholder,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    maxLength,
+    textAreaProps,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value,
+    onChangeText: onChange,
+    onBlur,
+    placeholder,
+    disabled,
+    multiline: true,
+    maxLength,
+    inputProps: textAreaProps
+  });
+}

package/dist/cjs/fields/SmallText/index.native.js

@@ -0,0 +1,72 @@
+"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 SmallText_exports = {};
+__export(SmallText_exports, {
+  SmallText: () => SmallText
+});
+module.exports = __toCommonJS(SmallText_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+function SmallText(props) {
+  var {
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    placeholder,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    maxLength,
+    textAreaProps,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value,
+    onChangeText: onChange,
+    onBlur,
+    placeholder,
+    disabled,
+    multiline: true,
+    maxLength,
+    inputProps: textAreaProps
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/SmallText/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SmallText_exports","__export","SmallText","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","props","defaultValue","form","_mode","name","onBlur","onChange","placeholder","_preserveValue","validators","disabled","maxLength","textAreaProps","fieldProps","useProps","jsx","Input","label","labelProps","error","helperText","required","id","size","onChangeText","multiline","inputProps"],"sources":["../../../../src/fields/SmallText/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAoC,CAAAK,iBAAA;AAEpC,IAAAK,kBAAyB,GAAAC,OAAA;AAyDrB,IAAAC,YAAA,GAAAD,OAAA;AAtBG,IAAAE,cAAS,GAGdF,OAAqC;AACrC,SAAMJ,UAAAO,KAAA;EAAA,IACJ;IAAAC,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAApB,KAAA;IAAAqB,SAAA;IAAAC,aAAA;IAAA,GAAAC;EAAA,QAAAd,cAAA,CAAAe,QAAA,EAAAd,KAAA;EAAA,OACA,mBAAAJ,kBAAA,CAAAmB,GAAA,EAAAjB,YAAA,CAAAkB,KAAA;IACAZ,IAAA;IACAF,IAAA;IACAO,UAAA;IACAR,YAAA;IACAgB,KAAA,EAAAJ,UAAA,CAAAI,KAAA;IACAC,UAAA,EAAAL,UAAA,CAAAK,UAAA;IACAC,KAAA,EAAAN,UAAA,CAAAM,KAAA;IACAC,UAAA,EAAAP,UAAA,CAAAO,UAAA;IACAC,QAAA,EAAAR,UAAA,CAAAQ,QAAA;IACAC,EAAA,EAAAT,UAAA,CAAAS,EAAA;IACAC,IAAA,EAAAV,UAAA,CAAAU,IAAA;IACAjC,KAAG;IACLkC,YAAI,EAAAlB,QAAA;IAEJD,MACE;IAACE,WAAA;IAAAG,QAAA;IAAAe,SACC;IAAAd,SACA;IAAAe,UACA,EAAAd;EAAA;AACA","ignoreList":[]}

package/dist/cjs/fields/Switch/index.cjs

@@ -0,0 +1,64 @@
+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 Switch_exports = {};
+__export(Switch_exports, {
+  SwitchField: () => SwitchField
+});
+module.exports = __toCommonJS(Switch_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SwitchField(props) {
+  const {
+    switchProps,
+    defaultValue,
+    form,
+    name,
+    onBlur,
+    onChange,
+    validators,
+    disabled,
+    value,
+    mode: _mode,
+    preserveValue: _preserveValue,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Switch, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    checked: value,
+    onCheckedChange: checked => onChange?.(checked === true),
+    onBlur,
+    disabled,
+    switchProps
+  });
+}

package/dist/cjs/fields/Switch/index.native.js

@@ -0,0 +1,69 @@
+"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 Switch_exports = {};
+__export(Switch_exports, {
+  SwitchField: () => SwitchField
+});
+module.exports = __toCommonJS(Switch_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+function SwitchField(props) {
+  var {
+    switchProps,
+    defaultValue,
+    form,
+    name,
+    onBlur,
+    onChange,
+    validators,
+    disabled,
+    value,
+    mode: _mode,
+    preserveValue: _preserveValue,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Switch, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    checked: value,
+    onCheckedChange: function onCheckedChange(checked) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(checked === true);
+    },
+    onBlur,
+    disabled,
+    switchProps
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/Switch/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Switch_exports","__export","SwitchField","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","props","switchProps","defaultValue","form","name","onBlur","onChange","validators","disabled","mode","_mode","preserveValue","_preserveValue","fieldProps","useProps","jsx","Switch","label","labelProps","error","helperText","required","id","size","checked","onCheckedChange"],"sources":["../../../../src/fields/Switch/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAsC,CAAAK,cAAA;AAEtC,IAAAK,kBAAyB,GAAAC,OAAA;AAqDrB,IAAAC,YAAA,GAAAD,OAAA;AApBG,IAAAE,cAAS,GAGdF,OAAuC;AACvC,SAAMJ,YAAAO,KAAA;EAAA,IACJ;IAAAC,WAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAlB,KAAA;IAAAmB,IAAA,EAAAC,KAAA;IAAAC,aAAA,EAAAC,cAAA;IAAA,GAAAC;EAAA,QAAAd,cAAA,CAAAe,QAAA,EAAAd,KAAA;EAAA,OACA,mBAAAJ,kBAAA,CAAAmB,GAAA,EAAAjB,YAAA,CAAAkB,MAAA;IACAZ,IAAA;IACAD,IAAA;IACAI,UAAA;IACAL,YAAA;IACAe,KAAA,EAAAJ,UAAA,CAAAI,KAAA;IACAC,UAAA,EAAAL,UAAA,CAAAK,UAAA;IACAC,KAAA,EAAAN,UAAA,CAAAM,KAAA;IACAC,UAAM,EAAAP,UAAA,CAAAO,UAAA;IACNC,QAAA,EAAAR,UAAe,CAAAQ,QAAA;IACfC,EAAA,EAAGT,UAAA,CAAAS,EAAA;IACLC,IAAA,EAAIV,UAAA,CAAAU,IAAA;IAEJC,OACE,EAAAlC,KAAA;IAACmC,eAAA,WAAAA,gBAAAD,OAAA;MAAA,OAAAlB,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAkB,OAAA;IAAA;IACCnB,MACA;IAAAG,QACA;IAAAP;EACA;AACkB","ignoreList":[]}

package/dist/cjs/fields/TableMultiSelect.cjs

@@ -0,0 +1,168 @@
+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 TableMultiSelect_exports = {};
+__export(TableMultiSelect_exports, {
+  TableMultiSelect: () => TableMultiSelect
+});
+module.exports = __toCommonJS(TableMultiSelect_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_FrappeProvider = require("../FrappeProvider.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function TableMultiSelect({
+  label,
+  value = [],
+  onChange,
+  doctype,
+  displayField = "name",
+  disabled = false,
+  required = false,
+  maxSelections,
+  baseURL,
+  auth
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const config = (0, import_FrappeProvider.useFrappeConfig)();
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const finalBaseURL = baseURL ?? config?.baseURL ?? "";
+  const finalConfig = finalBaseURL ? {
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: auth ?? config?.auth,
+    syncOptions: config?.syncOptions,
+    fixtures: config?.fixtures
+  } : void 0;
+  const optionsCollection = (0, import_frappe.useFrappeCollection)(finalConfig, doctype, {
+    fields: ["name", displayField]
+  });
+  const {
+    data: rawOptions
+  } = (0, import_frappe.useLiveQuery)(q => optionsCollection ? q.from({
+    _list: optionsCollection
+  }) : null, [optionsCollection]);
+  const options = (0, import_react2.useMemo)(() => rawOptions ?? [], [rawOptions]);
+  const handleToggle = optionName => {
+    if (value.includes(optionName)) {
+      onChange(value.filter(v => v !== optionName));
+    } else {
+      if (maxSelections && value.length >= maxSelections) return;
+      onChange([...value, optionName]);
+    }
+  };
+  const handleRemove = optionName => {
+    onChange(value.filter(v => v !== optionName));
+  };
+  const selectedOptions = options.filter(opt => value.includes(opt.name || ""));
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+      children: [label, required && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+      open,
+      onOpenChange: setOpen,
+      placement: "bottom",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$3",
+          iconAfter: import_react.CaretDownIcon,
+          disabled,
+          justifyContent: "space-between",
+          children: value.length > 0 ? `${value.length} selected` : "Select options"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+        borderColor: "$borderColor",
+        enterStyle: {
+          y: -10,
+          opacity: 0
+        },
+        exitStyle: {
+          y: -10,
+          opacity: 0
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+          borderWidth: 1,
+          borderColor: "$borderColor"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          minWidth: 250,
+          maxHeight: 300,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              children: options?.map(option => {
+                const isChecked = value.includes(option.name || "");
+                const isDisabled = disabled || !isChecked && !!maxSelections && value.length >= maxSelections;
+                const displayLabel = displayField !== "name" && option[displayField] ? option[displayField] : option.name;
+                return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+                  title: displayLabel,
+                  size: knobProps.sizeToken,
+                  icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, {
+                    ...{
+                      checked: isChecked,
+                      disabled: !!isDisabled,
+                      onCheckedChange: () => !isDisabled && handleToggle(option.name || "")
+                    },
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {
+                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
+                        size: 12
+                      })
+                    })
+                  }),
+                  hoverStyle: {
+                    backgroundColor: "$color2"
+                  },
+                  cursor: isDisabled ? "not-allowed" : "pointer",
+                  opacity: isDisabled ? 0.5 : 1,
+                  onPress: () => !isDisabled && handleToggle(option.name || "")
+                }, option.name);
+              })
+            })
+          })
+        })]
+      })]
+    }), selectedOptions.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      flexWrap: "wrap",
+      ...knobProps.gap,
+      children: selectedOptions.map(option => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        size: "$2",
+        theme: "active",
+        iconAfter: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$1",
+          chromeless: true,
+          circular: true,
+          icon: import_react.XIcon,
+          disabled,
+          onPress: () => handleRemove(option.name || "")
+        }),
+        children: displayField !== "name" && option[displayField] ? option[displayField] : option.name
+      }, option.name))
+    })]
+  });
+}

package/dist/cjs/fields/TableMultiSelect.native.js

@@ -0,0 +1,202 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var TableMultiSelect_exports = {};
+__export(TableMultiSelect_exports, {
+  TableMultiSelect: () => TableMultiSelect
+});
+module.exports = __toCommonJS(TableMultiSelect_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+var import_FrappeProvider = require("../FrappeProvider.native.js");
+function TableMultiSelect(param) {
+  var {
+    label,
+    value = [],
+    onChange,
+    doctype,
+    displayField = "name",
+    disabled = false,
+    required = false,
+    maxSelections,
+    baseURL,
+    auth
+  } = param;
+  var _ref;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var config = (0, import_FrappeProvider.useFrappeConfig)();
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var finalBaseURL = (_ref = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL) !== null && _ref !== void 0 ? _ref : "";
+  var finalConfig = finalBaseURL ? {
+    baseURL: finalBaseURL,
+    socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
+    auth: auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth,
+    syncOptions: config === null || config === void 0 ? void 0 : config.syncOptions,
+    fixtures: config === null || config === void 0 ? void 0 : config.fixtures
+  } : void 0;
+  var optionsCollection = (0, import_frappe.useFrappeCollection)(finalConfig, doctype, {
+    fields: ["name", displayField]
+  });
+  var {
+    data: rawOptions
+  } = (0, import_frappe.useLiveQuery)(function (q) {
+    return optionsCollection ? q.from({
+      _list: optionsCollection
+    }) : null;
+  }, [optionsCollection]);
+  var options = (0, import_react2.useMemo)(function () {
+    return rawOptions !== null && rawOptions !== void 0 ? rawOptions : [];
+  }, [rawOptions]);
+  var handleToggle = function handleToggle2(optionName) {
+    if (value.includes(optionName)) {
+      onChange(value.filter(function (v) {
+        return v !== optionName;
+      }));
+    } else {
+      if (maxSelections && value.length >= maxSelections) return;
+      onChange([...value, optionName]);
+    }
+  };
+  var handleRemove = function handleRemove2(optionName) {
+    onChange(value.filter(function (v) {
+      return v !== optionName;
+    }));
+  };
+  var selectedOptions = options.filter(function (opt) {
+    return value.includes(opt.name || "");
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+      children: [label, required && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+      open,
+      onOpenChange: setOpen,
+      placement: "bottom",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$3",
+          iconAfter: import_react.CaretDownIcon,
+          disabled,
+          justifyContent: "space-between",
+          children: value.length > 0 ? `${value.length} selected` : "Select options"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+        borderColor: "$borderColor",
+        enterStyle: {
+          y: -10,
+          opacity: 0
+        },
+        exitStyle: {
+          y: -10,
+          opacity: 0
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+          borderWidth: 1,
+          borderColor: "$borderColor"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          minWidth: 250,
+          maxHeight: 300,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              children: options === null || options === void 0 ? void 0 : options.map(function (option) {
+                var isChecked = value.includes(option.name || "");
+                var isDisabled = disabled || !isChecked && !!maxSelections && value.length >= maxSelections;
+                var displayLabel = displayField !== "name" && option[displayField] ? option[displayField] : option.name;
+                return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+                  title: displayLabel,
+                  size: knobProps.sizeToken,
+                  icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, {
+                    ...{
+                      checked: isChecked,
+                      disabled: !!isDisabled,
+                      onCheckedChange: function onCheckedChange() {
+                        return !isDisabled && handleToggle(option.name || "");
+                      }
+                    },
+                    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {
+                      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
+                        size: 12
+                      })
+                    })
+                  }),
+                  hoverStyle: {
+                    backgroundColor: "$color2"
+                  },
+                  cursor: isDisabled ? "not-allowed" : "pointer",
+                  opacity: isDisabled ? 0.5 : 1,
+                  onPress: function onPress() {
+                    return !isDisabled && handleToggle(option.name || "");
+                  }
+                }, option.name);
+              })
+            })
+          })
+        })]
+      })]
+    }), selectedOptions.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      flexWrap: "wrap",
+      ...knobProps.gap,
+      children: selectedOptions.map(function (option) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          theme: "active",
+          iconAfter: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            size: "$1",
+            chromeless: true,
+            circular: true,
+            icon: import_react.XIcon,
+            disabled,
+            onPress: function onPress() {
+              return handleRemove(option.name || "");
+            }
+          }),
+          children: displayField !== "name" && option[displayField] ? option[displayField] : option.name
+        }, option.name);
+      })
+    })]
+  });
+}
+//# sourceMappingURL=TableMultiSelect.native.js.map

package/dist/cjs/fields/TableMultiSelect.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","TableMultiSelect_exports","__export","TableMultiSelect","module","exports","import_jsx_runtime","require","import_frappe","import_react","import_theme","import_react2","import_tamagui","import_FrappeProvider","param","label","onChange","doctype","displayField","disabled","required","maxSelections","baseURL","auth","_ref","knobProps","useResolvedKnobs","config","useFrappeConfig","open","setOpen","useState","finalBaseURL","finalConfig","socketPort","syncOptions","fixtures","optionsCollection","useFrappeCollection","fields","data","rawOptions","useLiveQuery","q","from","_list","options","useMemo","handleToggle","handleToggle2","optionName","includes","filter","v","length","handleRemove","handleRemove2","selectedOptions","opt","name","jsxs","YStack","gap","children","Label","jsx","Text","color","Popover","onOpenChange","placement","Trigger","asChild","Button","size","iconAfter","CaretDownIcon","justifyContent","Content","borderColor","enterStyle","y","opacity","exitStyle","Arrow","borderWidth","minWidth","maxHeight","ScrollView","map","option","isChecked","isDisabled","displayLabel","ListItem","title","sizeToken","icon","Checkbox","checked"],"sources":["../../../src/fields/TableMultiSelect.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}