@multiplatform.one/forms 6.0.0

package/dist/cjs/ControlGroup/index.native.js

@@ -0,0 +1,198 @@
+"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 ControlGroup_exports = {};
+__export(ControlGroup_exports, {
+  ControlGroup: () => ControlGroup
+});
+module.exports = __toCommonJS(ControlGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_InputParts = require("../InputParts/index.native.js");
+var import_colorRamps = require("../shared/colorRamps.native.js");
+var import_utils = require("../shared/utils.native.js");
+var import_groupContext = require("../shared/groupContext.native.js");
+var import_tableCellContext = require("../shared/tableCellContext.native.js");
+var ControlGroupFrame = (0, import_tamagui.styled)(import_tamagui.View, {
+  context: import_InputParts.InputContext,
+  alignItems: "stretch",
+  overflow: "hidden",
+  minWidth: 0,
+  borderWidth: 1,
+  borderColor: import_colorRamps.formInputColors.border.base,
+  backgroundColor: import_colorRamps.formInputColors.background.base,
+  outlineStyle: "none",
+  ...(import_tamagui.isWeb ? {
+    tabIndex: -1
+  } : {
+    focusable: false
+  }),
+  variants: {
+    scaleIcon: {
+      ":number": {}
+    },
+    size: {
+      "...size": function (val, param) {
+        var {
+          tokens
+        } = param;
+        return {
+          height: val,
+          borderRadius: tokens.radius[val]
+        };
+      }
+    }
+  }
+});
+function ControlGroup(param) {
+  var {
+    children,
+    orientation = "horizontal",
+    ...props
+  } = param;
+  var [focused, setFocused] = (0, import_react.useState)(false);
+  var {
+    knobProps,
+    control,
+    elevation
+  } = (0, import_theme.useResolvedKnobs)();
+  var inTableCell = (0, import_tableCellContext.useIsInTableCell)();
+  var elevationWrapperProps = (0, import_react.useMemo)(function () {
+    return (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  }, [knobProps, elevation]);
+  if (inTableCell) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_groupContext.ControlGroupCtx.Provider, {
+      value: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.FocusContext.Provider, {
+        focused,
+        setFocused,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlGroupFrame, {
+          ...knobProps.body,
+          size: knobProps.sizeToken,
+          flexDirection: orientation === "vertical" ? "column" : "row",
+          borderWidth: 0,
+          borderRadius: 0,
+          backgroundColor: "transparent",
+          ...props,
+          children: import_react.Children.map(children, function (child) {
+            if (! /* @__PURE__ */(0, import_react.isValidElement)(child)) return child;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              flex: 1,
+              children: child
+            });
+          })
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_groupContext.ControlGroupCtx.Provider, {
+    value: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.FocusContext.Provider, {
+      focused,
+      setFocused,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlGroupFrame, {
+        ...knobProps.body,
+        size: knobProps.sizeToken,
+        flexDirection: orientation === "vertical" ? "column" : "row",
+        backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.base,
+        ...knobProps.borderRadius,
+        ...elevationWrapperProps,
+        ...(knobProps.transition ? {
+          transition: knobProps.transition
+        } : void 0),
+        ...(control.hoverKnobProps ? {
+          hoverStyle: control.hoverKnobProps
+        } : void 0),
+        ...(control.pressKnobProps ? {
+          pressStyle: control.pressKnobProps
+        } : void 0),
+        ...(control.focusKnobProps ? {
+          focusStyle: {
+            borderColor: import_colorRamps.formInputColors.border.focus,
+            backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.focus,
+            outlineStyle: "none",
+            ...control.focusKnobProps
+          }
+        } : void 0),
+        ...(control.focusVisibleKnobProps ? {
+          focusVisibleStyle: {
+            borderColor: import_colorRamps.formInputColors.border.focus,
+            backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.focus,
+            outlineStyle: "none",
+            ...control.focusVisibleKnobProps
+          }
+        } : void 0),
+        ...props,
+        ...(focused ? {
+          borderColor: import_colorRamps.formInputColors.border.focus,
+          backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.focus,
+          ...control.focusKnobProps
+        } : void 0),
+        overflow: "hidden",
+        children: import_react.Children.map(children, function (child, index) {
+          if (! /* @__PURE__ */(0, import_react.isValidElement)(child)) return child;
+          var radius = knobProps.borderRadius.borderRadius;
+          var count = import_react.Children.count(children);
+          var isFirst = index === 0;
+          var isLast = index === count - 1;
+          var isMiddle = count > 2 && !isFirst && !isLast;
+          var needsFlex = isMiddle || count === 2;
+          var isVertical = orientation === "vertical";
+          var wrapperProps = isFirst && isLast ? {
+            borderRadius: radius
+          } : isFirst ? isVertical ? {
+            borderTopLeftRadius: radius,
+            borderTopRightRadius: radius
+          } : {
+            borderTopLeftRadius: radius,
+            borderBottomLeftRadius: radius
+          } : isLast ? isVertical ? {
+            borderBottomLeftRadius: radius,
+            borderBottomRightRadius: radius
+          } : {
+            borderTopRightRadius: radius,
+            borderBottomRightRadius: radius
+          } : {};
+          var flexProps = needsFlex ? {
+            flex: 1,
+            ...(isVertical ? {
+              minHeight: 0
+            } : {
+              minWidth: 0
+            })
+          } : {};
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            ...flexProps,
+            ...wrapperProps,
+            overflow: "hidden",
+            children: child
+          });
+        })
+      })
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/ControlGroup/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ControlGroup_exports","__export","ControlGroup","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_theme","import_InputParts","import_colorRamps","import_utils","import_groupContext","import_tableCellContext","ControlGroupFrame","styled","View","context","InputContext","alignItems","overflow","minWidth","borderWidth","borderColor","formInputColors","border","base","backgroundColor","background","outlineStyle","isWeb","tabIndex","focusable","variants","scaleIcon","size","...size","val","param","tokens","height","borderRadius","radius","children","orientation","props","focused","setFocused","useState","knobProps","control","elevation","useResolvedKnobs","inTableCell","useIsInTableCell","elevationWrapperProps","useMemo","getElevationWrapperProps","jsx","ControlGroupCtx","Provider","FocusContext","body","sizeToken","flexDirection","Children","map","child","isValidElement","flex","outlined","transition","hoverKnobProps","hoverStyle","pressKnobProps","pressStyle","focusKnobProps","focusStyle","focus","focusVisibleKnobProps","focusVisibleStyle"],"sources":["../../../src/ControlGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/FieldDisplay/editMode.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 editMode_exports = {};
+__export(editMode_exports, {
+  FIELD_EDIT_MODE: () => FIELD_EDIT_MODE,
+  getEditMode: () => getEditMode
+});
+module.exports = __toCommonJS(editMode_exports);
+const FIELD_EDIT_MODE = {
+  // Plain inline text/number/boolean controls
+  input: "inline",
+  textarea: "inline",
+  stepper: "inline",
+  slider: "inline",
+  checkbox: "inline",
+  switch: "inline",
+  rating: "inline",
+  progress: "inline",
+  otp: "inline",
+  // Popover-anchored selectors
+  select: "popover",
+  combobox: "popover",
+  radiogroup: "popover",
+  togglegroup: "popover",
+  datepicker: "popover",
+  datetimepicker: "popover",
+  timepicker: "popover",
+  daterangepicker: "popover",
+  multidatepicker: "popover",
+  duration: "popover",
+  colorpicker: "popover",
+  phoneinput: "popover",
+  barcode: "popover",
+  // Modal/sheet — too tall for inline or popover
+  fileupload: "modal",
+  signature: "modal",
+  mentioninput: "modal",
+  geolocation: "modal",
+  image: "modal",
+  richtexteditor: "modal",
+  markdowneditor: "modal",
+  codeeditor: "modal",
+  // Caller-provided render
+  custom: "inline"
+};
+function getEditMode(field) {
+  if (!field) return "inline";
+  return FIELD_EDIT_MODE[field] ?? "inline";
+}

package/dist/cjs/FieldDisplay/editMode.native.js

@@ -0,0 +1,73 @@
+"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 editMode_exports = {};
+__export(editMode_exports, {
+  FIELD_EDIT_MODE: () => FIELD_EDIT_MODE,
+  getEditMode: () => getEditMode
+});
+module.exports = __toCommonJS(editMode_exports);
+var FIELD_EDIT_MODE = {
+  // Plain inline text/number/boolean controls
+  input: "inline",
+  textarea: "inline",
+  stepper: "inline",
+  slider: "inline",
+  checkbox: "inline",
+  switch: "inline",
+  rating: "inline",
+  progress: "inline",
+  otp: "inline",
+  // Popover-anchored selectors
+  select: "popover",
+  combobox: "popover",
+  radiogroup: "popover",
+  togglegroup: "popover",
+  datepicker: "popover",
+  datetimepicker: "popover",
+  timepicker: "popover",
+  daterangepicker: "popover",
+  multidatepicker: "popover",
+  duration: "popover",
+  colorpicker: "popover",
+  phoneinput: "popover",
+  barcode: "popover",
+  // Modal/sheet — too tall for inline or popover
+  fileupload: "modal",
+  signature: "modal",
+  mentioninput: "modal",
+  geolocation: "modal",
+  image: "modal",
+  richtexteditor: "modal",
+  markdowneditor: "modal",
+  codeeditor: "modal",
+  // Caller-provided render
+  custom: "inline"
+};
+function getEditMode(field) {
+  var _FIELD_EDIT_MODE_field;
+  if (!field) return "inline";
+  return (_FIELD_EDIT_MODE_field = FIELD_EDIT_MODE[field]) !== null && _FIELD_EDIT_MODE_field !== void 0 ? _FIELD_EDIT_MODE_field : "inline";
+}
+//# sourceMappingURL=editMode.native.js.map

package/dist/cjs/FieldDisplay/editMode.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","editMode_exports","__export","FIELD_EDIT_MODE","getEditMode","module","exports","input","textarea","stepper","slider","checkbox","switch","rating","progress","otp","select","combobox","radiogroup","togglegroup","datepicker","datetimepicker","timepicker","daterangepicker","multidatepicker","duration","colorpicker","phoneinput","barcode","fileupload","signature","mentioninput","geolocation","image","richtexteditor","markdowneditor","codeeditor","custom","field","_FIELD_EDIT_MODE_field"],"sources":["../../../src/FieldDisplay/editMode.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAmBOC,MAAM,CAAAC,OAAA,GAAAV,YAAsD,CAAAK,gBAAA;AAAA,IAAAE,eAAA;EAEjE;EACAI,KAAA,UAAU;EACVC,QAAA,EAAS;EACTC,OAAA,EAAQ;EACRC,MAAA,UAAU;EACVC,QAAQ;EACRC,MAAA,EAAQ;EACRC,MAAA,UAAU;EACVC,QAAK;EAAAC,GAAA;EAGL;EACAC,MAAA,WAAU;EACVC,QAAA,WAAY;EACZC,UAAA,WAAa;EACbC,WAAA,EAAY;EACZC,UAAA,WAAgB;EAChBC,cAAY;EACZC,UAAA,WAAiB;EACjBC,eAAA,EAAiB;EACjBC,eAAU;EACVC,QAAA,WAAa;EACbC,WAAA,EAAY;EACZC,UAAS;EAAAC,OAAA;EAGT;EACAC,UAAA,EAAW;EACXC,SAAA,SAAc;EACdC,YAAA,EAAa;EACbC,WAAO;EACPC,KAAA;EACAC,cAAA,EAAgB;EAChBC,cAAY;EAAAC,UAAA;EAGZ;EACFC,MAAA;AAEO;AACL,SAAKjC,WAAOA,CAAOkC,KAAA;EACnB,IAAAC,sBAAuB;EACzB,KAAAD,KAAA","ignoreList":[]}