@nlabs/gothamjs
Version:
Platform
126 lines (125 loc) • 10.3 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { FormProvider, useForm } from 'react-hook-form';
import { DateField } from './DateField.js';
import { gothamColors } from '../../utils/colorUtils.js';
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'
};
export default meta;
export const Default = {
args: {
color: 'primary',
disabled: false,
error: false,
label: 'Select Date',
name: 'date',
required: true
}
};
export const WithDefaultValue = {
args: {
color: 'primary',
defaultValue: new Date().getTime(),
disabled: false,
error: false,
label: 'Date with Default Value',
name: 'dateWithDefault'
}
};
export const WithDateRange = {
args: {
color: 'primary',
disabled: false,
error: false,
label: 'Date with Range',
maxDate: new Date(new Date().setFullYear(new Date().getFullYear() + 1)).getTime(),
minDate: new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime(),
name: 'dateWithRange'
}
};
export const WithError = {
args: {
color: 'primary',
disabled: false,
error: true,
errorColor: 'error',
label: 'Date with Error',
name: 'dateWithError'
}
};
export const Disabled = {
args: {
color: 'primary',
defaultValue: new Date().getTime(),
disabled: true,
error: false,
label: 'Disabled Date Field',
name: 'disabledDate'
}
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0RhdGVGaWVsZC9EYXRlRmllbGQuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtGb3JtUHJvdmlkZXIsIHVzZUZvcm19IGZyb20gJ3JlYWN0LWhvb2stZm9ybSc7XG5cbmltcG9ydCB7RGF0ZUZpZWxkfSBmcm9tICcuL0RhdGVGaWVsZC5qcyc7XG5pbXBvcnQge2dvdGhhbUNvbG9yc30gZnJvbSAnLi4vLi4vdXRpbHMvY29sb3JVdGlscy5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBEYXRlRmllbGQ+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIGNvbG9yOiB7XG4gICAgICBjb250cm9sOiAnc2VsZWN0JyxcbiAgICAgIGRlZmF1bHRWYWx1ZTogJ3ByaW1hcnknLFxuICAgICAgZGVzY3JpcHRpb246ICdUaGUgY29sb3Igb2YgdGhlIGRhdGUgZmllbGQnLFxuICAgICAgb3B0aW9uczogZ290aGFtQ29sb3JzXG4gICAgfSxcbiAgICBkaXNhYmxlZDoge1xuICAgICAgY29udHJvbDogJ2Jvb2xlYW4nLFxuICAgICAgZGVmYXVsdFZhbHVlOiBmYWxzZSxcbiAgICAgIGRlc2NyaXB0aW9uOiAnV2hldGhlciB0aGUgZGF0ZSBmaWVsZCBpcyBkaXNhYmxlZCdcbiAgICB9LFxuICAgIGVycm9yOiB7XG4gICAgICBjb250cm9sOiAnYm9vbGVhbicsXG4gICAgICBkZWZhdWx0VmFsdWU6IGZhbHNlLFxuICAgICAgZGVzY3JpcHRpb246ICdXaGV0aGVyIHRoZSBkYXRlIGZpZWxkIGhhcyBhbiBlcnJvcidcbiAgICB9LFxuICAgIGVycm9yQ29sb3I6IHtcbiAgICAgIGNvbnRyb2w6ICdzZWxlY3QnLFxuICAgICAgZGVmYXVsdFZhbHVlOiAnZXJyb3InLFxuICAgICAgZGVzY3JpcHRpb246ICdUaGUgY29sb3Igb2YgdGhlIGVycm9yIHN0YXRlJyxcbiAgICAgIG9wdGlvbnM6IGdvdGhhbUNvbG9yc1xuICAgIH0sXG4gICAgbGFiZWw6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0JyxcbiAgICAgIGRlc2NyaXB0aW9uOiAnVGhlIGxhYmVsIHRleHQgZm9yIHRoZSBkYXRlIGZpZWxkJ1xuICAgIH0sXG4gICAgbWF4RGF0ZToge1xuICAgICAgY29udHJvbDogJ2RhdGUnLFxuICAgICAgZGVzY3JpcHRpb246ICdUaGUgbWF4aW11bSBhbGxvd2VkIGRhdGUnXG4gICAgfSxcbiAgICBtaW5EYXRlOiB7XG4gICAgICBjb250cm9sOiAnZGF0ZScsXG4gICAgICBkZXNjcmlwdGlvbjogJ1RoZSBtaW5pbXVtIGFsbG93ZWQgZGF0ZSdcbiAgICB9XG4gIH0sXG4gIGNvbXBvbmVudDogRGF0ZUZpZWxkLFxuICBkZWNvcmF0b3JzOiBbXG4gICAgKFN0b3J5KSA9PiB7XG4gICAgICBjb25zdCBtZXRob2RzID0gdXNlRm9ybSgpO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEZvcm1Qcm92aWRlciB7Li4ubWV0aG9kc30+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJwLTQgbWF4LXctbWRcIj5cbiAgICAgICAgICAgIDxTdG9yeSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0Zvcm1Qcm92aWRlcj5cbiAgICAgICk7XG4gICAgfVxuICBdLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgYmFja2dyb3VuZHM6IHtcbiAgICAgIGRlZmF1bHQ6ICdsaWdodCcsXG4gICAgICB2YWx1ZXM6IFtcbiAgICAgICAge25hbWU6ICdsaWdodCcsIHZhbHVlOiAnI2ZmZmZmZid9LFxuICAgICAgICB7bmFtZTogJ2RhcmsnLCB2YWx1ZTogJyMxYTFhMWEnfVxuICAgICAgXVxuICAgIH0sXG4gICAgbGF5b3V0OiAnY2VudGVyZWQnXG4gIH0sXG4gIHRpdGxlOiAnQ29tcG9uZW50cy9EYXRlRmllbGQnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xudHlwZSBTdG9yeSA9IFN0b3J5T2JqPHR5cGVvZiBEYXRlRmllbGQ+O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdDogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICBlcnJvcjogZmFsc2UsXG4gICAgbGFiZWw6ICdTZWxlY3QgRGF0ZScsXG4gICAgbmFtZTogJ2RhdGUnLFxuICAgIHJlcXVpcmVkOiB0cnVlXG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBXaXRoRGVmYXVsdFZhbHVlOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGNvbG9yOiAncHJpbWFyeScsXG4gICAgZGVmYXVsdFZhbHVlOiBuZXcgRGF0ZSgpLmdldFRpbWUoKSxcbiAgICBkaXNhYmxlZDogZmFsc2UsXG4gICAgZXJyb3I6IGZhbHNlLFxuICAgIGxhYmVsOiAnRGF0ZSB3aXRoIERlZmF1bHQgVmFsdWUnLFxuICAgIG5hbWU6ICdkYXRlV2l0aERlZmF1bHQnXG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBXaXRoRGF0ZVJhbmdlOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGNvbG9yOiAncHJpbWFyeScsXG4gICAgZGlzYWJsZWQ6IGZhbHNlLFxuICAgIGVycm9yOiBmYWxzZSxcbiAgICBsYWJlbDogJ0RhdGUgd2l0aCBSYW5nZScsXG4gICAgbWF4RGF0ZTogbmV3IERhdGUobmV3IERhdGUoKS5zZXRGdWxsWWVhcihuZXcgRGF0ZSgpLmdldEZ1bGxZZWFyKCkgKyAxKSkuZ2V0VGltZSgpLFxuICAgIG1pbkRhdGU6IG5ldyBEYXRlKG5ldyBEYXRlKCkuc2V0RnVsbFllYXIobmV3IERhdGUoKS5nZXRGdWxsWWVhcigpIC0gMSkpLmdldFRpbWUoKSxcbiAgICBuYW1lOiAnZGF0ZVdpdGhSYW5nZSdcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IFdpdGhFcnJvcjogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICBlcnJvcjogdHJ1ZSxcbiAgICBlcnJvckNvbG9yOiAnZXJyb3InLFxuICAgIGxhYmVsOiAnRGF0ZSB3aXRoIEVycm9yJyxcbiAgICBuYW1lOiAnZGF0ZVdpdGhFcnJvcidcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IERpc2FibGVkOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGNvbG9yOiAncHJpbWFyeScsXG4gICAgZGVmYXVsdFZhbHVlOiBuZXcgRGF0ZSgpLmdldFRpbWUoKSxcbiAgICBkaXNhYmxlZDogdHJ1ZSxcbiAgICBlcnJvcjogZmFsc2UsXG4gICAgbGFiZWw6ICdEaXNhYmxlZCBEYXRlIEZpZWxkJyxcbiAgICBuYW1lOiAnZGlzYWJsZWREYXRlJ1xuICB9XG59OyJdLCJuYW1lcyI6WyJGb3JtUHJvdmlkZXIiLCJ1c2VGb3JtIiwiRGF0ZUZpZWxkIiwiZ290aGFtQ29sb3JzIiwibWV0YSIsImFyZ1R5cGVzIiwiY29sb3IiLCJjb250cm9sIiwiZGVmYXVsdFZhbHVlIiwiZGVzY3JpcHRpb24iLCJvcHRpb25zIiwiZGlzYWJsZWQiLCJlcnJvciIsImVycm9yQ29sb3IiLCJsYWJlbCIsIm1heERhdGUiLCJtaW5EYXRlIiwiY29tcG9uZW50IiwiZGVjb3JhdG9ycyIsIlN0b3J5IiwibWV0aG9kcyIsImRpdiIsImNsYXNzTmFtZSIsInBhcmFtZXRlcnMiLCJiYWNrZ3JvdW5kcyIsImRlZmF1bHQiLCJ2YWx1ZXMiLCJuYW1lIiwidmFsdWUiLCJsYXlvdXQiLCJ0aXRsZSIsIkRlZmF1bHQiLCJhcmdzIiwicmVxdWlyZWQiLCJXaXRoRGVmYXVsdFZhbHVlIiwiRGF0ZSIsImdldFRpbWUiLCJXaXRoRGF0ZVJhbmdlIiwic2V0RnVsbFllYXIiLCJnZXRGdWxsWWVhciIsIldpdGhFcnJvciIsIkRpc2FibGVkIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsWUFBWSxFQUFFQyxPQUFPLFFBQU8sa0JBQWtCO0FBRXRELFNBQVFDLFNBQVMsUUFBTyxpQkFBaUI7QUFDekMsU0FBUUMsWUFBWSxRQUFPLDRCQUE0QjtBQUl2RCxNQUFNQyxPQUErQjtJQUNuQ0MsVUFBVTtRQUNSQyxPQUFPO1lBQ0xDLFNBQVM7WUFDVEMsY0FBYztZQUNkQyxhQUFhO1lBQ2JDLFNBQVNQO1FBQ1g7UUFDQVEsVUFBVTtZQUNSSixTQUFTO1lBQ1RDLGNBQWM7WUFDZEMsYUFBYTtRQUNmO1FBQ0FHLE9BQU87WUFDTEwsU0FBUztZQUNUQyxjQUFjO1lBQ2RDLGFBQWE7UUFDZjtRQUNBSSxZQUFZO1lBQ1ZOLFNBQVM7WUFDVEMsY0FBYztZQUNkQyxhQUFhO1lBQ2JDLFNBQVNQO1FBQ1g7UUFDQVcsT0FBTztZQUNMUCxTQUFTO1lBQ1RFLGFBQWE7UUFDZjtRQUNBTSxTQUFTO1lBQ1BSLFNBQVM7WUFDVEUsYUFBYTtRQUNmO1FBQ0FPLFNBQVM7WUFDUFQsU0FBUztZQUNURSxhQUFhO1FBQ2Y7SUFDRjtJQUNBUSxXQUFXZjtJQUNYZ0IsWUFBWTtRQUNWLENBQUNDO1lBQ0MsTUFBTUMsVUFBVW5CO1lBQ2hCLHFCQUNFLEtBQUNEO2dCQUFjLEdBQUdvQixPQUFPOzBCQUN2QixjQUFBLEtBQUNDO29CQUFJQyxXQUFVOzhCQUNiLGNBQUEsS0FBQ0g7OztRQUlUO0tBQ0Q7SUFDREksWUFBWTtRQUNWQyxhQUFhO1lBQ1hDLFNBQVM7WUFDVEMsUUFBUTtnQkFDTjtvQkFBQ0MsTUFBTTtvQkFBU0MsT0FBTztnQkFBUztnQkFDaEM7b0JBQUNELE1BQU07b0JBQVFDLE9BQU87Z0JBQVM7YUFDaEM7UUFDSDtRQUNBQyxRQUFRO0lBQ1Y7SUFDQUMsT0FBTztBQUNUO0FBRUEsZUFBZTFCLEtBQUs7QUFHcEIsT0FBTyxNQUFNMkIsVUFBaUI7SUFDNUJDLE1BQU07UUFDSjFCLE9BQU87UUFDUEssVUFBVTtRQUNWQyxPQUFPO1FBQ1BFLE9BQU87UUFDUGEsTUFBTTtRQUNOTSxVQUFVO0lBQ1o7QUFDRixFQUFFO0FBRUYsT0FBTyxNQUFNQyxtQkFBMEI7SUFDckNGLE1BQU07UUFDSjFCLE9BQU87UUFDUEUsY0FBYyxJQUFJMkIsT0FBT0MsT0FBTztRQUNoQ3pCLFVBQVU7UUFDVkMsT0FBTztRQUNQRSxPQUFPO1FBQ1BhLE1BQU07SUFDUjtBQUNGLEVBQUU7QUFFRixPQUFPLE1BQU1VLGdCQUF1QjtJQUNsQ0wsTUFBTTtRQUNKMUIsT0FBTztRQUNQSyxVQUFVO1FBQ1ZDLE9BQU87UUFDUEUsT0FBTztRQUNQQyxTQUFTLElBQUlvQixLQUFLLElBQUlBLE9BQU9HLFdBQVcsQ0FBQyxJQUFJSCxPQUFPSSxXQUFXLEtBQUssSUFBSUgsT0FBTztRQUMvRXBCLFNBQVMsSUFBSW1CLEtBQUssSUFBSUEsT0FBT0csV0FBVyxDQUFDLElBQUlILE9BQU9JLFdBQVcsS0FBSyxJQUFJSCxPQUFPO1FBQy9FVCxNQUFNO0lBQ1I7QUFDRixFQUFFO0FBRUYsT0FBTyxNQUFNYSxZQUFtQjtJQUM5QlIsTUFBTTtRQUNKMUIsT0FBTztRQUNQSyxVQUFVO1FBQ1ZDLE9BQU87UUFDUEMsWUFBWTtRQUNaQyxPQUFPO1FBQ1BhLE1BQU07SUFDUjtBQUNGLEVBQUU7QUFFRixPQUFPLE1BQU1jLFdBQWtCO0lBQzdCVCxNQUFNO1FBQ0oxQixPQUFPO1FBQ1BFLGNBQWMsSUFBSTJCLE9BQU9DLE9BQU87UUFDaEN6QixVQUFVO1FBQ1ZDLE9BQU87UUFDUEUsT0FBTztRQUNQYSxNQUFNO0lBQ1I7QUFDRixFQUFFIn0=