@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/Progress/Progress.stories.native.js

@@ -0,0 +1,252 @@
+"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 Progress_stories_exports = {};
+__export(Progress_stories_exports, {
+  Basic: () => Basic,
+  Comparison: () => Comparison,
+  Disabled: () => Disabled,
+  Interactive: () => Interactive,
+  Main: () => Main,
+  Sizes: () => Sizes,
+  Standalone: () => Standalone,
+  WithError: () => WithError,
+  default: () => Progress_stories_default
+});
+module.exports = __toCommonJS(Progress_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react_form = require("@tanstack/react-form");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.native.js");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+var meta = {
+  title: "Forms/Progress",
+  component: import_index.Progress,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    helperText: {
+      control: "text",
+      description: "Helper text below the field"
+    },
+    error: {
+      control: "text",
+      description: "Error message"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark field as required"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"],
+      description: "Field size"
+    },
+    value: {
+      control: {
+        type: "number",
+        min: 0,
+        max: 100
+      },
+      description: "Progress value"
+    },
+    max: {
+      control: "number",
+      description: "Maximum value"
+    }
+  }
+};
+var Progress_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = (0, import_react_form.useForm)({
+        defaultValues: {
+          completion: 70
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        form,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Progress, {
+            label: "Profile completion",
+            name: "completion",
+            helperText: "Read from form state"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Upload Progress",
+    helperText: "Uploading file...",
+    value: 65
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Progress, {
+      ...args
+    });
+  }
+};
+var Basic = {
+  args: {
+    label: "Upload progress",
+    helperText: "Current upload status",
+    value: 67,
+    max: 100
+  }
+};
+var Disabled = {
+  args: {
+    label: "Disabled Progress",
+    value: 50,
+    max: 100,
+    helperText: "This progress bar is read-only"
+  }
+};
+var WithError = {
+  args: {
+    label: "Required Progress",
+    error: "Progress must reach 100%",
+    required: true,
+    value: 30,
+    max: 100
+  }
+};
+var Sizes = {
+  render: function render3() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Progress, {
+        label: "Small",
+        size: "$2",
+        value: 40,
+        max: 100
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Progress, {
+        label: "Medium (default)",
+        size: "$3",
+        value: 60,
+        max: 100
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Progress, {
+        label: "Large",
+        size: "$4",
+        value: 80,
+        max: 100
+      })]
+    });
+  }
+};
+var Interactive = {
+  render: function render4() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [value, setValue] = (0, import_react.useState)(25);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Progress, {
+          label: "Task progress",
+          value,
+          max: 100,
+          helperText: `${value}% complete`
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            onPress: function onPress() {
+              var next = Math.max(0, value - 10);
+              setValue(next);
+              (0, import_storybook.action)("onProgressChange")(next);
+            },
+            children: "-10"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            onPress: function onPress() {
+              var next = Math.min(100, value + 10);
+              setValue(next);
+              (0, import_storybook.action)("onProgressChange")(next);
+            },
+            children: "+10"
+          })]
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
+  }
+};
+var Comparison = {
+  render: function render5() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$6",
+      alignItems: "flex-start",
+      padding: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$3",
+        width: 300,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+          size: "$2",
+          color: "$placeholderColor",
+          children: "Custom Progress"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Progress, {
+          value: 67,
+          max: 100
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$3",
+        width: 300,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+          size: "$2",
+          color: "$placeholderColor",
+          children: "Tamagui Progress"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Progress, {
+          value: 67,
+          max: 100,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, {})
+        })]
+      })]
+    });
+  }
+};
+//# sourceMappingURL=Progress.stories.native.js.map

package/dist/jsx/fields/Progress/Progress.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Progress_stories_exports","Basic","Comparison","Disabled","Interactive","Main","Sizes","Standalone","WithError","default","Progress_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react_form","import_react","import_tamagui","import_Button","import_Form","import_index","meta","title","component","Progress","parameters","status","type","argTypes","label","control","description","helperText","error","required","size","options","min","max","render","FormExample","FormExample2","form","useForm","defaultValues","completion","onSubmit","param","action","jsx","Form","children","jsxs","YStack","gap","Button","args","render2"],"sources":["../../../../src/fields/Progress/Progress.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/Progress/index.mjs

@@ -0,0 +1,129 @@
+import { Progress as TamaguiProgress, View, XStack, styled } from "tamagui";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { formControlColors } from "../../shared/colorRamps.mjs";
+import { getElevationWrapperProps, getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+const ProgressFrame = styled(TamaguiProgress, {
+  backgroundColor: formControlColors.background,
+  borderWidth: 0,
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent"
+      }
+    }
+  }
+});
+const ProgressIndicator = styled(TamaguiProgress.Indicator, {
+  backgroundColor: formControlColors.border
+});
+function Progress({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  size,
+  id: idProp,
+  value,
+  defaultValue,
+  max = 100,
+  onBlur,
+  progressProps,
+  skeleton,
+  compact
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    elevation,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  if (skeleton) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: 6
+      })
+    });
+  }
+  const elevationWrapperProps = getElevationWrapperProps(knobProps, elevation);
+  const renderProgress = (progressValue, blurHandler, hasError) => {
+    const progressElement = /* @__PURE__ */jsx(ProgressFrame, {
+      width: "100%",
+      size: knobProps.sizeToken,
+      borderRadius: knobProps.borderRadius.borderRadius,
+      outlined: knobProps.outlined,
+      ...progressProps,
+      id,
+      value: progressValue,
+      max,
+      ...(blurHandler ? {
+        onBlur: blurHandler
+      } : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": hasError || void 0,
+      children: /* @__PURE__ */jsx(ProgressIndicator, {})
+    });
+    return /* @__PURE__ */jsx(XStack, {
+      height: size || knobProps.sizeToken,
+      alignItems: "center",
+      width: "100%",
+      children: elevationWrapperProps.elevation ? /* @__PURE__ */jsx(View, {
+        ...elevationWrapperProps,
+        borderRadius: knobProps.borderRadius.borderRadius,
+        width: "100%",
+        children: progressElement
+      }) : progressElement
+    });
+  };
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      required,
+      helperText,
+      size,
+      knobProps,
+      children: renderProgress(value ?? defaultValue ?? 0, void 0, !!error)
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = getFieldError(field, error);
+      return /* @__PURE__ */jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        required,
+        helperText,
+        size,
+        knobProps,
+        children: renderProgress(field.state.value ?? 0, mergeFieldHandler(field, "handleBlur", onBlur), !!resolvedError)
+      });
+    }
+  });
+}
+export { Progress };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/fields/Progress/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Progress","TamaguiProgress","View","XStack","styled","Field","FieldLayout","Skeleton","formControlColors","getElevationWrapperProps","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","jsx","ProgressFrame","backgroundColor","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","name","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","value","defaultValue","max","onBlur","progressProps","skeleton","compact","resolvedForm","knobProps","elevation","resolvedValidators","children","variant","width","height","elevationWrapperProps","renderProgress","progressValue","blurHandler","hasError","progressElement","sizeToken","borderRadius","alignItems","field","resolvedError","state"],"sources":["../../../../src/fields/Progress/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/Progress/index.native.js

@@ -0,0 +1,160 @@
+"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 Progress_exports = {};
+__export(Progress_exports, {
+  Progress: () => Progress
+});
+module.exports = __toCommonJS(Progress_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var ProgressFrame = (0, import_tamagui.styled)(import_tamagui.Progress, {
+  backgroundColor: import_colorRamps.formControlColors.background,
+  borderWidth: 0,
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent"
+      }
+    }
+  }
+});
+var ProgressIndicator = (0, import_tamagui.styled)(import_tamagui.Progress.Indicator, {
+  backgroundColor: import_colorRamps.formControlColors.border
+});
+function Progress(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    size,
+    id: idProp,
+    value,
+    defaultValue,
+    max = 100,
+    onBlur,
+    progressProps,
+    skeleton,
+    compact
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    elevation,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: 6
+      })
+    });
+  }
+  var elevationWrapperProps = (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  var renderProgress = function renderProgress2(progressValue, blurHandler, hasError) {
+    var progressElement = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressFrame, {
+      width: "100%",
+      size: knobProps.sizeToken,
+      borderRadius: knobProps.borderRadius.borderRadius,
+      outlined: knobProps.outlined,
+      ...progressProps,
+      id,
+      value: progressValue,
+      max,
+      ...(blurHandler ? {
+        onBlur: blurHandler
+      } : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": hasError || void 0,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressIndicator, {})
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      height: size || knobProps.sizeToken,
+      alignItems: "center",
+      width: "100%",
+      children: elevationWrapperProps.elevation ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        ...elevationWrapperProps,
+        borderRadius: knobProps.borderRadius.borderRadius,
+        width: "100%",
+        children: progressElement
+      }) : progressElement
+    });
+  };
+  if (!resolvedForm || !name) {
+    var _ref;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      required,
+      helperText,
+      size,
+      knobProps,
+      children: renderProgress((_ref = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref !== void 0 ? _ref : 0, void 0, !!error)
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var _field_state_value;
+      var resolvedError = (0, import_utils.getFieldError)(field, error);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        required,
+        helperText,
+        size,
+        knobProps,
+        children: renderProgress((_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : 0, (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur), !!resolvedError)
+      });
+    }
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/fields/Progress/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Progress_exports","Progress","module","exports","import_jsx_runtime","require","import_tamagui","import_fieldLayout","import_Skeleton","import_colorRamps","import_utils","ProgressFrame","styled","backgroundColor","formControlColors","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","param","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","defaultValue","max","onBlur","progressProps","skeleton","compact","resolvedForm","knobProps","elevation","useFormField","resolvedValidators","useResolvedValidators","jsx","FieldLayout","children","Skeleton","variant","width","height","elevationWrapperProps","getElevationWrapperProps","renderProgress","renderProgress2","progressValue","blurHandler","hasError","progressElement","sizeToken","borderRadius","XStack","alignItems","View","_ref","Field","field","_field_state_value","resolvedError","getFieldError","state","mergeFieldHandler"],"sources":["../../../../src/fields/Progress/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}