@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/fields/ReadOnly/index.cjs

@@ -0,0 +1,242 @@
+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 ReadOnly_exports = {};
+__export(ReadOnly_exports, {
+  ReadOnly: () => ReadOnly
+});
+module.exports = __toCommonJS(ReadOnly_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function formatDate(value, format) {
+  if (!value) return "";
+  try {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    if (!format) return date.toLocaleDateString("en-CA");
+    return date.toLocaleDateString();
+  } catch {
+    return value;
+  }
+}
+function formatDatetime(value, format) {
+  if (!value) return "";
+  try {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    if (!format) {
+      const dateStr = date.toLocaleDateString("en-CA");
+      const timeStr = date.toLocaleTimeString("en-GB", {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+      return `${dateStr} ${timeStr}`;
+    }
+    return date.toLocaleString();
+  } catch {
+    return value;
+  }
+}
+function formatTime(value, _format) {
+  if (!value) return "";
+  try {
+    if (/^\d{2}:\d{2}(:\d{2})?$/.test(value)) return value.slice(0, 5);
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    return date.toLocaleTimeString("en-GB", {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch {
+    return value;
+  }
+}
+function formatNumeric(value, type, precision, currencySymbol) {
+  if (value === void 0 || value === null || Number.isNaN(value)) return "";
+  switch (type) {
+    case "Int":
+      return Math.round(value).toString();
+    case "Float":
+      return value.toFixed(precision);
+    case "Currency":
+      return `${currencySymbol}${value.toFixed(precision)}`;
+    case "Percent":
+      return `${value.toFixed(precision)}%`;
+    default:
+      return value.toString();
+  }
+}
+function formatValue(value, type, options) {
+  if (value === void 0 || value === null) return "";
+  switch (type) {
+    case "Check":
+      return value ? "Yes" : "No";
+    case "Int":
+    case "Float":
+    case "Currency":
+    case "Percent":
+      return formatNumeric(typeof value === "number" ? value : Number.parseFloat(String(value)), type, options.precision, options.currencySymbol);
+    case "Date":
+      return formatDate(String(value), options.dateFormat);
+    case "Datetime":
+      return formatDatetime(String(value), options.datetimeFormat);
+    case "Time":
+      return formatTime(String(value), options.timeFormat);
+    case "Color":
+      return String(value).toUpperCase();
+    default:
+      return String(value);
+  }
+}
+function ReadOnly({
+  label,
+  value,
+  type = "Data",
+  currencySymbol = "$",
+  precision = 2,
+  dateFormat,
+  datetimeFormat,
+  timeFormat,
+  emptyText = "-",
+  linkHref,
+  onLinkPress,
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const displayValue = (0, import_react.useMemo)(() => {
+    const formatted = formatValue(value, type, {
+      currencySymbol,
+      precision,
+      dateFormat,
+      datetimeFormat,
+      timeFormat
+    });
+    return formatted || emptyText;
+  }, [value, type, currencySymbol, precision, dateFormat, datetimeFormat, timeFormat, emptyText]);
+  const isEmpty = value === void 0 || value === null || value === "";
+  const renderColorSwatch = () => {
+    if (type !== "Color" || isEmpty) return null;
+    const colorValue = String(value);
+    if (!/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(colorValue)) return null;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      width: "$1",
+      height: "$1",
+      borderRadius: "$2",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      backgroundColor: colorValue,
+      marginRight: "$2"
+    });
+  };
+  const renderValue = () => {
+    if (type === "Color" && !isEmpty) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        children: [renderColorSwatch(), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          color: isEmpty ? "$color10" : "$color",
+          fontFamily: "$mono",
+          children: displayValue
+        })]
+      });
+    }
+    if (type === "Link" && (linkHref || onLinkPress) && !isEmpty) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: knobProps.sizeToken,
+        ...knobProps.body,
+        color: "$accentColor",
+        textDecorationLine: "underline",
+        cursor: "pointer",
+        onPress: onLinkPress,
+        hoverStyle: {
+          opacity: 0.8
+        },
+        children: displayValue
+      });
+    }
+    if (type === "Check") {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          width: "$0.75",
+          height: "$0.75",
+          borderRadius: "$1",
+          borderWidth: 1,
+          borderColor: value ? "$green10" : "$color8",
+          backgroundColor: value ? "$green5" : "$color3",
+          alignItems: "center",
+          justifyContent: "center",
+          children: value && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$1",
+            color: "$green10",
+            children: "\u2713"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          ...knobProps.body,
+          color: isEmpty ? "$color10" : "$color",
+          children: displayValue
+        })]
+      });
+    }
+    if (type === "LongText" || type === "Text" || type === "SmallText") {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: knobProps.sizeToken,
+        ...knobProps.body,
+        color: isEmpty ? "$color10" : "$color",
+        whiteSpace: "pre-wrap",
+        children: displayValue
+      });
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: knobProps.sizeToken,
+      ...knobProps.body,
+      color: isEmpty ? "$color10" : "$color",
+      children: displayValue
+    });
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+      color: "$color10",
+      fontSize: "$2",
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      ...knobProps.borderRadius,
+      ...{
+        backgroundColor: "$color2"
+      },
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      borderColor: "$color5",
+      minHeight: "$3.5",
+      alignItems: "center",
+      children: renderValue()
+    })]
+  });
+}

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

@@ -0,0 +1,244 @@
+"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 ReadOnly_exports = {};
+__export(ReadOnly_exports, {
+  ReadOnly: () => ReadOnly
+});
+module.exports = __toCommonJS(ReadOnly_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function formatDate(value, format) {
+  if (!value) return "";
+  try {
+    var date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    if (!format) return date.toLocaleDateString("en-CA");
+    return date.toLocaleDateString();
+  } catch (unused) {
+    return value;
+  }
+}
+function formatDatetime(value, format) {
+  if (!value) return "";
+  try {
+    var date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    if (!format) {
+      var dateStr = date.toLocaleDateString("en-CA");
+      var timeStr = date.toLocaleTimeString("en-GB", {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+      return `${dateStr} ${timeStr}`;
+    }
+    return date.toLocaleString();
+  } catch (unused) {
+    return value;
+  }
+}
+function formatTime(value, _format) {
+  if (!value) return "";
+  try {
+    if (/^\d{2}:\d{2}(:\d{2})?$/.test(value)) return value.slice(0, 5);
+    var date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    return date.toLocaleTimeString("en-GB", {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch (unused) {
+    return value;
+  }
+}
+function formatNumeric(value, type, precision, currencySymbol) {
+  if (value === void 0 || value === null || Number.isNaN(value)) return "";
+  switch (type) {
+    case "Int":
+      return Math.round(value).toString();
+    case "Float":
+      return value.toFixed(precision);
+    case "Currency":
+      return `${currencySymbol}${value.toFixed(precision)}`;
+    case "Percent":
+      return `${value.toFixed(precision)}%`;
+    default:
+      return value.toString();
+  }
+}
+function formatValue(value, type, options) {
+  if (value === void 0 || value === null) return "";
+  switch (type) {
+    case "Check":
+      return value ? "Yes" : "No";
+    case "Int":
+    case "Float":
+    case "Currency":
+    case "Percent":
+      return formatNumeric(typeof value === "number" ? value : Number.parseFloat(String(value)), type, options.precision, options.currencySymbol);
+    case "Date":
+      return formatDate(String(value), options.dateFormat);
+    case "Datetime":
+      return formatDatetime(String(value), options.datetimeFormat);
+    case "Time":
+      return formatTime(String(value), options.timeFormat);
+    case "Color":
+      return String(value).toUpperCase();
+    default:
+      return String(value);
+  }
+}
+function ReadOnly(param) {
+  var {
+    label,
+    value,
+    type = "Data",
+    currencySymbol = "$",
+    precision = 2,
+    dateFormat,
+    datetimeFormat,
+    timeFormat,
+    emptyText = "-",
+    linkHref,
+    onLinkPress,
+    ...stackProps
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var displayValue = (0, import_react.useMemo)(function () {
+    var formatted = formatValue(value, type, {
+      currencySymbol,
+      precision,
+      dateFormat,
+      datetimeFormat,
+      timeFormat
+    });
+    return formatted || emptyText;
+  }, [value, type, currencySymbol, precision, dateFormat, datetimeFormat, timeFormat, emptyText]);
+  var isEmpty = value === void 0 || value === null || value === "";
+  var renderColorSwatch = function renderColorSwatch2() {
+    if (type !== "Color" || isEmpty) return null;
+    var colorValue = String(value);
+    if (!/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(colorValue)) return null;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      width: "$1",
+      height: "$1",
+      borderRadius: "$2",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      backgroundColor: colorValue,
+      marginRight: "$2"
+    });
+  };
+  var renderValue = function renderValue2() {
+    if (type === "Color" && !isEmpty) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        children: [renderColorSwatch(), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          color: isEmpty ? "$color10" : "$color",
+          fontFamily: "$mono",
+          children: displayValue
+        })]
+      });
+    }
+    if (type === "Link" && (linkHref || onLinkPress) && !isEmpty) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: knobProps.sizeToken,
+        ...knobProps.body,
+        color: "$accentColor",
+        textDecorationLine: "underline",
+        cursor: "pointer",
+        onPress: onLinkPress,
+        hoverStyle: {
+          opacity: 0.8
+        },
+        children: displayValue
+      });
+    }
+    if (type === "Check") {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          width: "$0.75",
+          height: "$0.75",
+          borderRadius: "$1",
+          borderWidth: 1,
+          borderColor: value ? "$green10" : "$color8",
+          backgroundColor: value ? "$green5" : "$color3",
+          alignItems: "center",
+          justifyContent: "center",
+          children: value && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$1",
+            color: "$green10",
+            children: "\u2713"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          ...knobProps.body,
+          color: isEmpty ? "$color10" : "$color",
+          children: displayValue
+        })]
+      });
+    }
+    if (type === "LongText" || type === "Text" || type === "SmallText") {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: knobProps.sizeToken,
+        ...knobProps.body,
+        color: isEmpty ? "$color10" : "$color",
+        whiteSpace: "pre-wrap",
+        children: displayValue
+      });
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: knobProps.sizeToken,
+      ...knobProps.body,
+      color: isEmpty ? "$color10" : "$color",
+      children: displayValue
+    });
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+      color: "$color10",
+      fontSize: "$2",
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      ...knobProps.borderRadius,
+      backgroundColor: "$color2",
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      borderColor: "$color5",
+      minHeight: "$3.5",
+      alignItems: "center",
+      children: renderValue()
+    })]
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ReadOnly_exports","__export","ReadOnly","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","formatDate","format","date","Date","Number","isNaN","getTime","toLocaleDateString","unused","formatDatetime","dateStr","timeStr","toLocaleTimeString","hour","minute","toLocaleString","formatTime","_format","test","slice","formatNumeric","type","precision","currencySymbol","Math","round","toString","toFixed","formatValue","options","parseFloat","String","dateFormat","datetimeFormat","timeFormat","toUpperCase","param","label","emptyText","linkHref","onLinkPress","stackProps","knobProps","useResolvedKnobs","displayValue","useMemo","formatted","isEmpty","renderColorSwatch","renderColorSwatch2","colorValue","jsx","XStack","width","height","borderRadius","borderWidth","borderColor","backgroundColor","marginRight","renderValue","renderValue2","jsxs","alignItems","children","Text","fontSize","sizeToken","color","fontFamily","body","textDecorationLine","cursor","onPress","hoverStyle","opacity","gap","justifyContent","whiteSpace","YStack","Label","paddingVertical","paddingHorizontal","minHeight"],"sources":["../../../../src/fields/ReadOnly/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Select/Select.stories.cjs

@@ -0,0 +1,149 @@
+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 Select_stories_exports = {};
+__export(Select_stories_exports, {
+  AllStates: () => AllStates,
+  Default: () => Default,
+  default: () => Select_stories_default
+});
+module.exports = __toCommonJS(Select_stories_exports);
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import__ = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Select_stories_default = {
+  title: "FrappeUI/Select",
+  component: import__.Select,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A dropdown select field for Frappe Select field type with support for string or object options."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    placeholder: {
+      control: "text",
+      description: "Placeholder text"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the field"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark as required"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledSelect({
+  onChange: _onChange,
+  ...props
+}) {
+  const [value, setValue] = (0, import_react.useState)(props.value || "");
+  const handleChange = v => {
+    setValue(v);
+    (0, import_storybook.action)("onChange")(v);
+  };
+  const merged = {
+    ...props,
+    value,
+    onChange: handleChange
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.Select, {
+    ...merged
+  });
+}
+const statusOptions = ["Open", "In Progress", "Completed", "Cancelled"];
+const priorityOptions = [{
+  value: "low",
+  label: "Low Priority"
+}, {
+  value: "medium",
+  label: "Medium Priority"
+}, {
+  value: "high",
+  label: "High Priority"
+}, {
+  value: "critical",
+  label: "Critical"
+}];
+const Default = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledSelect, {
+  ...args
+});
+Default.args = {
+  label: "Status",
+  options: statusOptions,
+  placeholder: "Select status"
+};
+Default.storyName = "Main";
+const AllStates = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledSelect, {
+    label: "Default",
+    options: statusOptions,
+    placeholder: "Select..."
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledSelect, {
+    label: "With Value",
+    options: statusOptions,
+    value: "Open"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledSelect, {
+    label: "Object Options",
+    options: priorityOptions,
+    value: "medium"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledSelect, {
+    label: "Required",
+    options: statusOptions,
+    required: true,
+    placeholder: "Required field"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledSelect, {
+    label: "With Error",
+    options: statusOptions,
+    error: "Selection is required"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledSelect, {
+    label: "Disabled",
+    options: statusOptions,
+    value: "Completed",
+    disabled: true
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the SelectField component."
+    }
+  }
+};