@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/fields/Date/Date.stories.cjs

@@ -0,0 +1,244 @@
+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 Date_stories_exports = {};
+__export(Date_stories_exports, {
+  AllStates: () => AllStates,
+  AllTypes: () => AllTypes,
+  DateType: () => DateType,
+  DatetimeType: () => DatetimeType,
+  Default: () => Default,
+  Disabled: () => Disabled,
+  EventSchedulingExample: () => EventSchedulingExample,
+  Required: () => Required,
+  TimeType: () => TimeType,
+  WithError: () => WithError,
+  default: () => Date_stories_default
+});
+module.exports = __toCommonJS(Date_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 Date_stories_default = {
+  title: "FrappeUI/Date",
+  component: import__.Date,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A date/datetime/time picker field for Frappe Date, Datetime, and Time field types."
+      }
+    }
+  },
+  argTypes: {
+    type: {
+      control: "select",
+      options: ["date", "datetime", "time"],
+      description: "The type of date field to render"
+    },
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the field"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark as required"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledDate(props) {
+  const [value, setValue] = (0, import_react.useState)(props.value || "");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.Date, {
+    ...props,
+    value,
+    onChange: v => {
+      setValue(v);
+      (0, import_storybook.action)("onChange")(v);
+    }
+  });
+}
+const Default = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+  ...args
+});
+Default.args = {
+  label: "Date",
+  type: "date"
+};
+Default.storyName = "Main";
+const DateType = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+  ...args
+});
+DateType.args = {
+  label: "Birth Date",
+  type: "date",
+  value: "2000-01-15"
+};
+const DatetimeType = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+  ...args
+});
+DatetimeType.args = {
+  label: "Meeting Start",
+  type: "datetime",
+  value: "2026-01-24T14:30"
+};
+DatetimeType.parameters = {
+  docs: {
+    description: {
+      story: "Datetime type includes both date and time selection."
+    }
+  }
+};
+const TimeType = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+  ...args
+});
+TimeType.args = {
+  label: "Daily Reminder",
+  type: "time",
+  value: "09:00"
+};
+TimeType.parameters = {
+  docs: {
+    description: {
+      story: "Time type for time-only input."
+    }
+  }
+};
+const Required = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+  ...args
+});
+Required.args = {
+  label: "Start Date",
+  type: "date",
+  required: true
+};
+const WithError = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+  ...args
+});
+WithError.args = {
+  label: "End Date",
+  type: "date",
+  error: "End date must be after start date"
+};
+const Disabled = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+  ...args
+});
+Disabled.args = {
+  label: "Created On",
+  type: "datetime",
+  value: "2026-01-01T10:00",
+  disabled: true
+};
+const AllTypes = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "Date Only",
+    type: "date",
+    value: "2026-01-24"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "Date and Time",
+    type: "datetime",
+    value: "2026-01-24T14:30"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "Time Only",
+    type: "time",
+    value: "14:30"
+  })]
+});
+AllTypes.parameters = {
+  docs: {
+    description: {
+      story: "All three date field types: date, datetime, and time."
+    }
+  }
+};
+const AllStates = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "Default (Empty)",
+    type: "date"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "With Value",
+    type: "date",
+    value: "2026-06-15"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "Required",
+    type: "date",
+    required: true
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "With Error",
+    type: "date",
+    error: "Please select a valid date"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "Disabled",
+    type: "date",
+    value: "2026-01-01",
+    disabled: true
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the DateField component."
+    }
+  }
+};
+const EventSchedulingExample = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "Event Date",
+    type: "date",
+    value: "2026-02-14",
+    required: true
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "Start Time",
+    type: "time",
+    value: "09:00",
+    required: true
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    label: "End Time",
+    type: "time",
+    value: "17:00",
+    required: true
+  })]
+});
+EventSchedulingExample.parameters = {
+  docs: {
+    description: {
+      story: "Real-world example of using DateField for event scheduling."
+    }
+  }
+};

package/dist/cjs/fields/Date/Date.stories.native.js

@@ -0,0 +1,267 @@
+"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 Date_stories_exports = {};
+__export(Date_stories_exports, {
+  AllStates: () => AllStates,
+  AllTypes: () => AllTypes,
+  DateType: () => DateType,
+  DatetimeType: () => DatetimeType,
+  Default: () => Default,
+  Disabled: () => Disabled,
+  EventSchedulingExample: () => EventSchedulingExample,
+  Required: () => Required,
+  TimeType: () => TimeType,
+  WithError: () => WithError,
+  default: () => Date_stories_default
+});
+module.exports = __toCommonJS(Date_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import__ = require("./index.native.js");
+var Date_stories_default = {
+  title: "FrappeUI/Date",
+  component: import__.Date,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A date/datetime/time picker field for Frappe Date, Datetime, and Time field types."
+      }
+    }
+  },
+  argTypes: {
+    type: {
+      control: "select",
+      options: ["date", "datetime", "time"],
+      description: "The type of date field to render"
+    },
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the field"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark as required"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledDate(props) {
+  var [value, setValue] = (0, import_react.useState)(props.value || "");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.Date, {
+    ...props,
+    value,
+    onChange: function onChange(v) {
+      setValue(v);
+      (0, import_storybook.action)("onChange")(v);
+    }
+  });
+}
+var Default = function Default2(args) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    ...args
+  });
+};
+Default.args = {
+  label: "Date",
+  type: "date"
+};
+Default.storyName = "Main";
+var DateType = function DateType2(args) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    ...args
+  });
+};
+DateType.args = {
+  label: "Birth Date",
+  type: "date",
+  value: "2000-01-15"
+};
+var DatetimeType = function DatetimeType2(args) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    ...args
+  });
+};
+DatetimeType.args = {
+  label: "Meeting Start",
+  type: "datetime",
+  value: "2026-01-24T14:30"
+};
+DatetimeType.parameters = {
+  docs: {
+    description: {
+      story: "Datetime type includes both date and time selection."
+    }
+  }
+};
+var TimeType = function TimeType2(args) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    ...args
+  });
+};
+TimeType.args = {
+  label: "Daily Reminder",
+  type: "time",
+  value: "09:00"
+};
+TimeType.parameters = {
+  docs: {
+    description: {
+      story: "Time type for time-only input."
+    }
+  }
+};
+var Required = function Required2(args) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    ...args
+  });
+};
+Required.args = {
+  label: "Start Date",
+  type: "date",
+  required: true
+};
+var WithError = function WithError2(args) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    ...args
+  });
+};
+WithError.args = {
+  label: "End Date",
+  type: "date",
+  error: "End date must be after start date"
+};
+var Disabled = function Disabled2(args) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+    ...args
+  });
+};
+Disabled.args = {
+  label: "Created On",
+  type: "datetime",
+  value: "2026-01-01T10:00",
+  disabled: true
+};
+var AllTypes = function AllTypes2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    width: 400,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "Date Only",
+      type: "date",
+      value: "2026-01-24"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "Date and Time",
+      type: "datetime",
+      value: "2026-01-24T14:30"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "Time Only",
+      type: "time",
+      value: "14:30"
+    })]
+  });
+};
+AllTypes.parameters = {
+  docs: {
+    description: {
+      story: "All three date field types: date, datetime, and time."
+    }
+  }
+};
+var AllStates = function AllStates2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    width: 400,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "Default (Empty)",
+      type: "date"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "With Value",
+      type: "date",
+      value: "2026-06-15"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "Required",
+      type: "date",
+      required: true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "With Error",
+      type: "date",
+      error: "Please select a valid date"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "Disabled",
+      type: "date",
+      value: "2026-01-01",
+      disabled: true
+    })]
+  });
+};
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the DateField component."
+    }
+  }
+};
+var EventSchedulingExample = function EventSchedulingExample2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    width: 400,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "Event Date",
+      type: "date",
+      value: "2026-02-14",
+      required: true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "Start Time",
+      type: "time",
+      value: "09:00",
+      required: true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledDate, {
+      label: "End Time",
+      type: "time",
+      value: "17:00",
+      required: true
+    })]
+  });
+};
+EventSchedulingExample.parameters = {
+  docs: {
+    description: {
+      story: "Real-world example of using DateField for event scheduling."
+    }
+  }
+};
+//# sourceMappingURL=Date.stories.native.js.map

package/dist/cjs/fields/Date/Date.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Date_stories_exports","__export","AllStates","AllTypes","DateType","DatetimeType","Default","Disabled","EventSchedulingExample","Required","TimeType","WithError","default","Date_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_tamagui","import__","title","component","Date","parameters","status","type","docs","description","argTypes","control","options","label","disabled","required","error","ControlledDate","props","setValue","useState","jsx","onChange","v","action","Default2","args","storyName","DateType2","DatetimeType2","story","TimeType2","Required2","WithError2","Disabled2"],"sources":["../../../../src/fields/Date/Date.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}