@nlabs/gothamjs
Version:
Platform
122 lines (121 loc) • 9.64 kB
JavaScript
import { FormProvider, useForm } from "react-hook-form";
import { DateField } from "./DateField.js";
import { gothamColors } from "../../utils/colorUtils.js";
import { jsx } from "react/jsx-runtime";
const meta = {
argTypes: {
color: {
control: "select",
defaultValue: "primary",
description: "The color of the date field",
options: gothamColors
},
disabled: {
control: "boolean",
defaultValue: false,
description: "Whether the date field is disabled"
},
error: {
control: "boolean",
defaultValue: false,
description: "Whether the date field has an error"
},
errorColor: {
control: "select",
defaultValue: "error",
description: "The color of the error state",
options: gothamColors
},
label: {
control: "text",
description: "The label text for the date field"
},
maxDate: {
control: "date",
description: "The maximum allowed date"
},
minDate: {
control: "date",
description: "The minimum allowed date"
}
},
component: DateField,
decorators: [
(Story) => {
const methods = useForm();
return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx("div", { className: "p-4 max-w-md", children: /* @__PURE__ */ jsx(Story, {}) }) });
}
],
parameters: {
backgrounds: {
default: "light",
values: [
{ name: "light", value: "#ffffff" },
{ name: "dark", value: "#1a1a1a" }
]
},
layout: "centered"
},
title: "Components/DateField"
};
var DateField_stories_default = meta;
const Default = {
args: {
color: "primary",
disabled: false,
error: false,
label: "Select Date",
name: "date",
required: true
}
};
const WithDefaultValue = {
args: {
color: "primary",
defaultValue: (/* @__PURE__ */ new Date()).getTime(),
disabled: false,
error: false,
label: "Date with Default Value",
name: "dateWithDefault"
}
};
const WithDateRange = {
args: {
color: "primary",
disabled: false,
error: false,
label: "Date with Range",
maxDate: new Date((/* @__PURE__ */ new Date()).setFullYear((/* @__PURE__ */ new Date()).getFullYear() + 1)).getTime(),
minDate: new Date((/* @__PURE__ */ new Date()).setFullYear((/* @__PURE__ */ new Date()).getFullYear() - 1)).getTime(),
name: "dateWithRange"
}
};
const WithError = {
args: {
color: "primary",
disabled: false,
error: true,
errorColor: "error",
label: "Date with Error",
name: "dateWithError"
}
};
const Disabled = {
args: {
color: "primary",
defaultValue: (/* @__PURE__ */ new Date()).getTime(),
disabled: true,
error: false,
label: "Disabled Date Field",
name: "disabledDate"
}
};
export {
Default,
Disabled,
WithDateRange,
WithDefaultValue,
WithError,
DateField_stories_default as default
};
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGF0ZUZpZWxkL0RhdGVGaWVsZC5zdG9yaWVzLnRzeCJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiaW1wb3J0IHtGb3JtUHJvdmlkZXIsIHVzZUZvcm19IGZyb20gJ3JlYWN0LWhvb2stZm9ybSc7XG5cbmltcG9ydCB7RGF0ZUZpZWxkfSBmcm9tICcuL0RhdGVGaWVsZC5qcyc7XG5pbXBvcnQge2dvdGhhbUNvbG9yc30gZnJvbSAnLi4vLi4vdXRpbHMvY29sb3JVdGlscy5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBEYXRlRmllbGQ+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIGNvbG9yOiB7XG4gICAgICBjb250cm9sOiAnc2VsZWN0JyxcbiAgICAgIGRlZmF1bHRWYWx1ZTogJ3ByaW1hcnknLFxuICAgICAgZGVzY3JpcHRpb246ICdUaGUgY29sb3Igb2YgdGhlIGRhdGUgZmllbGQnLFxuICAgICAgb3B0aW9uczogZ290aGFtQ29sb3JzXG4gICAgfSxcbiAgICBkaXNhYmxlZDoge1xuICAgICAgY29udHJvbDogJ2Jvb2xlYW4nLFxuICAgICAgZGVmYXVsdFZhbHVlOiBmYWxzZSxcbiAgICAgIGRlc2NyaXB0aW9uOiAnV2hldGhlciB0aGUgZGF0ZSBmaWVsZCBpcyBkaXNhYmxlZCdcbiAgICB9LFxuICAgIGVycm9yOiB7XG4gICAgICBjb250cm9sOiAnYm9vbGVhbicsXG4gICAgICBkZWZhdWx0VmFsdWU6IGZhbHNlLFxuICAgICAgZGVzY3JpcHRpb246ICdXaGV0aGVyIHRoZSBkYXRlIGZpZWxkIGhhcyBhbiBlcnJvcidcbiAgICB9LFxuICAgIGVycm9yQ29sb3I6IHtcbiAgICAgIGNvbnRyb2w6ICdzZWxlY3QnLFxuICAgICAgZGVmYXVsdFZhbHVlOiAnZXJyb3InLFxuICAgICAgZGVzY3JpcHRpb246ICdUaGUgY29sb3Igb2YgdGhlIGVycm9yIHN0YXRlJyxcbiAgICAgIG9wdGlvbnM6IGdvdGhhbUNvbG9yc1xuICAgIH0sXG4gICAgbGFiZWw6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0JyxcbiAgICAgIGRlc2NyaXB0aW9uOiAnVGhlIGxhYmVsIHRleHQgZm9yIHRoZSBkYXRlIGZpZWxkJ1xuICAgIH0sXG4gICAgbWF4RGF0ZToge1xuICAgICAgY29udHJvbDogJ2RhdGUnLFxuICAgICAgZGVzY3JpcHRpb246ICdUaGUgbWF4aW11bSBhbGxvd2VkIGRhdGUnXG4gICAgfSxcbiAgICBtaW5EYXRlOiB7XG4gICAgICBjb250cm9sOiAnZGF0ZScsXG4gICAgICBkZXNjcmlwdGlvbjogJ1RoZSBtaW5pbXVtIGFsbG93ZWQgZGF0ZSdcbiAgICB9XG4gIH0sXG4gIGNvbXBvbmVudDogRGF0ZUZpZWxkLFxuICBkZWNvcmF0b3JzOiBbXG4gICAgKFN0b3J5KSA9PiB7XG4gICAgICBjb25zdCBtZXRob2RzID0gdXNlRm9ybSgpO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEZvcm1Qcm92aWRlciB7Li4ubWV0aG9kc30+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJwLTQgbWF4LXctbWRcIj5cbiAgICAgICAgICAgIDxTdG9yeSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0Zvcm1Qcm92aWRlcj5cbiAgICAgICk7XG4gICAgfVxuICBdLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgYmFja2dyb3VuZHM6IHtcbiAgICAgIGRlZmF1bHQ6ICdsaWdodCcsXG4gICAgICB2YWx1ZXM6IFtcbiAgICAgICAge25hbWU6ICdsaWdodCcsIHZhbHVlOiAnI2ZmZmZmZid9LFxuICAgICAgICB7bmFtZTogJ2RhcmsnLCB2YWx1ZTogJyMxYTFhMWEnfVxuICAgICAgXVxuICAgIH0sXG4gICAgbGF5b3V0OiAnY2VudGVyZWQnXG4gIH0sXG4gIHRpdGxlOiAnQ29tcG9uZW50cy9EYXRlRmllbGQnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xudHlwZSBTdG9yeSA9IFN0b3J5T2JqPHR5cGVvZiBEYXRlRmllbGQ+O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdDogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICBlcnJvcjogZmFsc2UsXG4gICAgbGFiZWw6ICdTZWxlY3QgRGF0ZScsXG4gICAgbmFtZTogJ2RhdGUnLFxuICAgIHJlcXVpcmVkOiB0cnVlXG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBXaXRoRGVmYXVsdFZhbHVlOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGNvbG9yOiAncHJpbWFyeScsXG4gICAgZGVmYXVsdFZhbHVlOiBuZXcgRGF0ZSgpLmdldFRpbWUoKSxcbiAgICBkaXNhYmxlZDogZmFsc2UsXG4gICAgZXJyb3I6IGZhbHNlLFxuICAgIGxhYmVsOiAnRGF0ZSB3aXRoIERlZmF1bHQgVmFsdWUnLFxuICAgIG5hbWU6ICdkYXRlV2l0aERlZmF1bHQnXG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBXaXRoRGF0ZVJhbmdlOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGNvbG9yOiAncHJpbWFyeScsXG4gICAgZGlzYWJsZWQ6IGZhbHNlLFxuICAgIGVycm9yOiBmYWxzZSxcbiAgICBsYWJlbDogJ0RhdGUgd2l0aCBSYW5nZScsXG4gICAgbWF4RGF0ZTogbmV3IERhdGUobmV3IERhdGUoKS5zZXRGdWxsWWVhcihuZXcgRGF0ZSgpLmdldEZ1bGxZZWFyKCkgKyAxKSkuZ2V0VGltZSgpLFxuICAgIG1pbkRhdGU6IG5ldyBEYXRlKG5ldyBEYXRlKCkuc2V0RnVsbFllYXIobmV3IERhdGUoKS5nZXRGdWxsWWVhcigpIC0gMSkpLmdldFRpbWUoKSxcbiAgICBuYW1lOiAnZGF0ZVdpdGhSYW5nZSdcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IFdpdGhFcnJvcjogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICBlcnJvcjogdHJ1ZSxcbiAgICBlcnJvckNvbG9yOiAnZXJyb3InLFxuICAgIGxhYmVsOiAnRGF0ZSB3aXRoIEVycm9yJyxcbiAgICBuYW1lOiAnZGF0ZVdpdGhFcnJvcidcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IERpc2FibGVkOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGNvbG9yOiAncHJpbWFyeScsXG4gICAgZGVmYXVsdFZhbHVlOiBuZXcgRGF0ZSgpLmdldFRpbWUoKSxcbiAgICBkaXNhYmxlZDogdHJ1ZSxcbiAgICBlcnJvcjogZmFsc2UsXG4gICAgbGFiZWw6ICdEaXNhYmxlZCBEYXRlIEZpZWxkJyxcbiAgICBuYW1lOiAnZGlzYWJsZWREYXRlJ1xuICB9XG59OyJdLAogICJtYXBwaW5ncyI6ICJBQUFBLFNBQVEsY0FBYyxlQUFjO0FBRXBDLFNBQVEsaUJBQWdCO0FBQ3hCLFNBQVEsb0JBQW1CO0FBZ0RmO0FBNUNaLE1BQU0sT0FBK0I7QUFBQSxFQUNuQyxVQUFVO0FBQUEsSUFDUixPQUFPO0FBQUEsTUFDTCxTQUFTO0FBQUEsTUFDVCxjQUFjO0FBQUEsTUFDZCxhQUFhO0FBQUEsTUFDYixTQUFTO0FBQUEsSUFDWDtBQUFBLElBQ0EsVUFBVTtBQUFBLE1BQ1IsU0FBUztBQUFBLE1BQ1QsY0FBYztBQUFBLE1BQ2QsYUFBYTtBQUFBLElBQ2Y7QUFBQSxJQUNBLE9BQU87QUFBQSxNQUNMLFNBQVM7QUFBQSxNQUNULGNBQWM7QUFBQSxNQUNkLGFBQWE7QUFBQSxJQUNmO0FBQUEsSUFDQSxZQUFZO0FBQUEsTUFDVixTQUFTO0FBQUEsTUFDVCxjQUFjO0FBQUEsTUFDZCxhQUFhO0FBQUEsTUFDYixTQUFTO0FBQUEsSUFDWDtBQUFBLElBQ0EsT0FBTztBQUFBLE1BQ0wsU0FBUztBQUFBLE1BQ1QsYUFBYTtBQUFBLElBQ2Y7QUFBQSxJQUNBLFNBQVM7QUFBQSxNQUNQLFNBQVM7QUFBQSxNQUNULGFBQWE7QUFBQSxJQUNmO0FBQUEsSUFDQSxTQUFTO0FBQUEsTUFDUCxTQUFTO0FBQUEsTUFDVCxhQUFhO0FBQUEsSUFDZjtBQUFBLEVBQ0Y7QUFBQSxFQUNBLFdBQVc7QUFBQSxFQUNYLFlBQVk7QUFBQSxJQUNWLENBQUMsVUFBVTtBQUNULFlBQU0sVUFBVSxRQUFRO0FBQ3hCLGFBQ0Usb0JBQUMsZ0JBQWMsR0FBRyxTQUNoQiw4QkFBQyxTQUFJLFdBQVUsZ0JBQ2IsOEJBQUMsU0FBTSxHQUNULEdBQ0Y7QUFBQSxJQUVKO0FBQUEsRUFDRjtBQUFBLEVBQ0EsWUFBWTtBQUFBLElBQ1YsYUFBYTtBQUFBLE1BQ1gsU0FBUztBQUFBLE1BQ1QsUUFBUTtBQUFBLFFBQ04sRUFBQyxNQUFNLFNBQVMsT0FBTyxVQUFTO0FBQUEsUUFDaEMsRUFBQyxNQUFNLFFBQVEsT0FBTyxVQUFTO0FBQUEsTUFDakM7QUFBQSxJQUNGO0FBQUEsSUFDQSxRQUFRO0FBQUEsRUFDVjtBQUFBLEVBQ0EsT0FBTztBQUNUO0FBRUEsSUFBTyw0QkFBUTtBQUdSLE1BQU0sVUFBaUI7QUFBQSxFQUM1QixNQUFNO0FBQUEsSUFDSixPQUFPO0FBQUEsSUFDUCxVQUFVO0FBQUEsSUFDVixPQUFPO0FBQUEsSUFDUCxPQUFPO0FBQUEsSUFDUCxNQUFNO0FBQUEsSUFDTixVQUFVO0FBQUEsRUFDWjtBQUNGO0FBRU8sTUFBTSxtQkFBMEI7QUFBQSxFQUNyQyxNQUFNO0FBQUEsSUFDSixPQUFPO0FBQUEsSUFDUCxlQUFjLG9CQUFJLEtBQUssR0FBRSxRQUFRO0FBQUEsSUFDakMsVUFBVTtBQUFBLElBQ1YsT0FBTztBQUFBLElBQ1AsT0FBTztBQUFBLElBQ1AsTUFBTTtBQUFBLEVBQ1I7QUFDRjtBQUVPLE1BQU0sZ0JBQXVCO0FBQUEsRUFDbEMsTUFBTTtBQUFBLElBQ0osT0FBTztBQUFBLElBQ1AsVUFBVTtBQUFBLElBQ1YsT0FBTztBQUFBLElBQ1AsT0FBTztBQUFBLElBQ1AsU0FBUyxJQUFJLE1BQUssb0JBQUksS0FBSyxHQUFFLGFBQVksb0JBQUksS0FBSyxHQUFFLFlBQVksSUFBSSxDQUFDLENBQUMsRUFBRSxRQUFRO0FBQUEsSUFDaEYsU0FBUyxJQUFJLE1BQUssb0JBQUksS0FBSyxHQUFFLGFBQVksb0JBQUksS0FBSyxHQUFFLFlBQVksSUFBSSxDQUFDLENBQUMsRUFBRSxRQUFRO0FBQUEsSUFDaEYsTUFBTTtBQUFBLEVBQ1I7QUFDRjtBQUVPLE1BQU0sWUFBbUI7QUFBQSxFQUM5QixNQUFNO0FBQUEsSUFDSixPQUFPO0FBQUEsSUFDUCxVQUFVO0FBQUEsSUFDVixPQUFPO0FBQUEsSUFDUCxZQUFZO0FBQUEsSUFDWixPQUFPO0FBQUEsSUFDUCxNQUFNO0FBQUEsRUFDUjtBQUNGO0FBRU8sTUFBTSxXQUFrQjtBQUFBLEVBQzdCLE1BQU07QUFBQSxJQUNKLE9BQU87QUFBQSxJQUNQLGVBQWMsb0JBQUksS0FBSyxHQUFFLFFBQVE7QUFBQSxJQUNqQyxVQUFVO0FBQUEsSUFDVixPQUFPO0FBQUEsSUFDUCxPQUFPO0FBQUEsSUFDUCxNQUFNO0FBQUEsRUFDUjtBQUNGOyIsCiAgIm5hbWVzIjogW10KfQo=