@stfrigerio/sito-template 0.1.9 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/AllAtoms.stories.d.ts.map +1 -1
- package/dist/components/atoms/Card/Card.d.ts +8 -0
- package/dist/components/atoms/Card/Card.d.ts.map +1 -1
- package/dist/components/atoms/Card/Card.stories.d.ts +24 -0
- package/dist/components/atoms/Card/Card.stories.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.d.ts +4 -2
- package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.stories.d.ts +8 -8
- package/dist/components/atoms/TextArea/TextArea.stories.d.ts.map +1 -1
- package/dist/components/atoms/index.d.ts +0 -2
- package/dist/components/atoms/index.d.ts.map +1 -1
- package/dist/components/molecules/ArrayInput/ArrayInput.d.ts +105 -0
- package/dist/components/molecules/ArrayInput/ArrayInput.d.ts.map +1 -0
- package/dist/components/molecules/ArrayInput/ArrayInput.stories.d.ts +44 -0
- package/dist/components/molecules/ArrayInput/ArrayInput.stories.d.ts.map +1 -0
- package/dist/components/molecules/ArrayInput/index.d.ts +3 -0
- package/dist/components/molecules/ArrayInput/index.d.ts.map +1 -0
- package/dist/components/molecules/index.d.ts +2 -0
- package/dist/components/molecules/index.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/Calendar.d.ts +105 -0
- package/dist/components/organisms/Calendar/Calendar.d.ts.map +1 -0
- package/dist/components/organisms/Calendar/Calendar.stories.d.ts +42 -0
- package/dist/components/organisms/Calendar/Calendar.stories.d.ts.map +1 -0
- package/dist/components/organisms/Calendar/index.d.ts +3 -0
- package/dist/components/organisms/Calendar/index.d.ts.map +1 -0
- package/dist/components/organisms/index.d.ts +2 -0
- package/dist/components/organisms/index.d.ts.map +1 -1
- package/dist/index.esm.js +460 -237
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +460 -236
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/package.json +2 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AllAtoms.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/AllAtoms.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"AllAtoms.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/AllAtoms.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAgBvD,QAAA,MAAM,IAAI,EAAE,IAUX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgvBnC,eAAO,MAAM,gBAAgB,EAAE,KAE9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiIzB,CAAC"}
|
|
@@ -27,6 +27,14 @@ export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onAnima
|
|
|
27
27
|
footer?: ReactNode;
|
|
28
28
|
/** Main content of the card */
|
|
29
29
|
children?: ReactNode;
|
|
30
|
+
/** Whether the card is expandable/collapsible */
|
|
31
|
+
expandable?: boolean;
|
|
32
|
+
/** Initial expanded state (default: false) */
|
|
33
|
+
defaultExpanded?: boolean;
|
|
34
|
+
/** Controlled expanded state */
|
|
35
|
+
expanded?: boolean;
|
|
36
|
+
/** Callback when expand state changes */
|
|
37
|
+
onExpandChange?: (expanded: boolean) => void;
|
|
30
38
|
/** Additional Framer Motion props for custom animations */
|
|
31
39
|
motionProps?: HTMLMotionProps<"div">;
|
|
32
40
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnE,OAAO,EAAU,eAAe,EAAmB,MAAM,eAAe,CAAC;AAGzE;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,kBAAkB,GAAG,aAAa,GAAG,WAAW,GAAG,QAAQ,CAAC;IACnI,uCAAuC;IACvC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;IACrD,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,2DAA2D;IAC3D,WAAW,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CACrC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0JpC,CAAC"}
|
|
@@ -29,6 +29,22 @@ declare const meta: {
|
|
|
29
29
|
control: "boolean";
|
|
30
30
|
description: string;
|
|
31
31
|
};
|
|
32
|
+
expandable: {
|
|
33
|
+
control: "boolean";
|
|
34
|
+
description: string;
|
|
35
|
+
};
|
|
36
|
+
defaultExpanded: {
|
|
37
|
+
control: "boolean";
|
|
38
|
+
description: string;
|
|
39
|
+
};
|
|
40
|
+
title: {
|
|
41
|
+
control: "text";
|
|
42
|
+
description: string;
|
|
43
|
+
};
|
|
44
|
+
subtitle: {
|
|
45
|
+
control: "text";
|
|
46
|
+
description: string;
|
|
47
|
+
};
|
|
32
48
|
className: {
|
|
33
49
|
control: "text";
|
|
34
50
|
description: string;
|
|
@@ -36,6 +52,9 @@ declare const meta: {
|
|
|
36
52
|
onClick: {
|
|
37
53
|
action: string;
|
|
38
54
|
};
|
|
55
|
+
onExpandChange: {
|
|
56
|
+
action: string;
|
|
57
|
+
};
|
|
39
58
|
};
|
|
40
59
|
};
|
|
41
60
|
export default meta;
|
|
@@ -49,4 +68,9 @@ export declare const Clickable: Story;
|
|
|
49
68
|
export declare const NoPadding: Story;
|
|
50
69
|
export declare const ComplexContent: Story;
|
|
51
70
|
export declare const GridOfCards: Story;
|
|
71
|
+
export declare const ExpandableBasic: Story;
|
|
72
|
+
export declare const ExpandableWithImage: Story;
|
|
73
|
+
export declare const ExpandableDefaultExpanded: Story;
|
|
74
|
+
export declare const ExpandableControlled: Story;
|
|
75
|
+
export declare const ExpandableGallery: Story;
|
|
52
76
|
//# sourceMappingURL=Card.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA8BjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAiCvC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyClC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA4C/B,CAAC"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* @interface TextAreaProps
|
|
4
4
|
*/
|
|
5
5
|
export interface TextAreaProps {
|
|
6
|
-
/** Label text displayed above the textarea */
|
|
6
|
+
/** Label text displayed above the textarea - can be empty string for no label */
|
|
7
7
|
label: string;
|
|
8
8
|
/** Current value of the textarea */
|
|
9
9
|
value: string;
|
|
@@ -27,6 +27,8 @@ export interface TextAreaProps {
|
|
|
27
27
|
loading?: boolean;
|
|
28
28
|
/** Whether to enable focus mode styling for distraction-free writing */
|
|
29
29
|
focusMode?: boolean;
|
|
30
|
+
/** Compact mode for use in arrays or dense layouts */
|
|
31
|
+
compact?: boolean;
|
|
30
32
|
}
|
|
31
33
|
/**
|
|
32
34
|
* TextArea component - Multi-line text input with character counting
|
|
@@ -58,5 +60,5 @@ export interface TextAreaProps {
|
|
|
58
60
|
* required
|
|
59
61
|
* />
|
|
60
62
|
*/
|
|
61
|
-
export declare function TextArea({ label, value, onChange, rows, placeholder, required, maxLength, disabled, error, success, loading, focusMode }: Readonly<TextAreaProps>): import("react/jsx-runtime").JSX.Element;
|
|
63
|
+
export declare function TextArea({ label, value, onChange, rows, placeholder, required, maxLength, disabled, error, success, loading, focusMode, compact }: Readonly<TextAreaProps>): import("react/jsx-runtime").JSX.Element;
|
|
62
64
|
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAQ,EACR,WAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,QAAgB,EAChB,KAAa,EACb,OAAe,EACf,OAAe,EACf,SAAiB,EACjB,OAAe,EAClB,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAyDzB"}
|
|
@@ -37,6 +37,10 @@ declare const meta: {
|
|
|
37
37
|
control: "boolean";
|
|
38
38
|
description: string;
|
|
39
39
|
};
|
|
40
|
+
compact: {
|
|
41
|
+
control: "boolean";
|
|
42
|
+
description: string;
|
|
43
|
+
};
|
|
40
44
|
onChange: {
|
|
41
45
|
action: string;
|
|
42
46
|
};
|
|
@@ -45,14 +49,10 @@ declare const meta: {
|
|
|
45
49
|
export default meta;
|
|
46
50
|
type Story = StoryObj<typeof meta>;
|
|
47
51
|
export declare const Default: Story;
|
|
48
|
-
export declare const WithValue: Story;
|
|
49
52
|
export declare const WithCharacterLimit: Story;
|
|
50
|
-
export declare const LongText: Story;
|
|
51
53
|
export declare const Required: Story;
|
|
52
|
-
export declare const
|
|
53
|
-
export declare const
|
|
54
|
-
export declare const
|
|
55
|
-
export declare const
|
|
56
|
-
export declare const ContactForm: Story;
|
|
57
|
-
export declare const AllVariants: Story;
|
|
54
|
+
export declare const Compact: Story;
|
|
55
|
+
export declare const CompactWithoutLabel: Story;
|
|
56
|
+
export declare const CompactComparison: Story;
|
|
57
|
+
export declare const ArrayInputDemo: Story;
|
|
58
58
|
//# sourceMappingURL=TextArea.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmF5B,CAAC"}
|
|
@@ -2,8 +2,6 @@ export { Button } from './Button';
|
|
|
2
2
|
export type { ButtonProps } from './Button';
|
|
3
3
|
export { Card } from './Card';
|
|
4
4
|
export type { CardProps } from './Card';
|
|
5
|
-
export { ArrayInput } from './ArrayInput';
|
|
6
|
-
export type { ArrayInputProps } from './ArrayInput';
|
|
7
5
|
export { Checkbox } from './Checkbox';
|
|
8
6
|
export type { CheckboxProps } from './Checkbox';
|
|
9
7
|
export { DateInput } from './DateInput';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Configuration for a field in complex object arrays
|
|
4
|
+
* @interface FieldConfig
|
|
5
|
+
*/
|
|
6
|
+
export interface FieldConfig {
|
|
7
|
+
/** The property name in the object */
|
|
8
|
+
name: string;
|
|
9
|
+
/** Display label for the field */
|
|
10
|
+
label: string;
|
|
11
|
+
/** HTML input type (text, email, url, etc.) */
|
|
12
|
+
type?: string;
|
|
13
|
+
/** Placeholder text for the input */
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
/** Whether to use textarea for multiline input */
|
|
16
|
+
multiline?: boolean;
|
|
17
|
+
/** Number of rows for textarea (default: 3) */
|
|
18
|
+
rows?: number;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Base props that all array inputs share
|
|
22
|
+
* @interface BaseArrayInputProps
|
|
23
|
+
*/
|
|
24
|
+
interface BaseArrayInputProps {
|
|
25
|
+
/** Label text displayed above the array input */
|
|
26
|
+
label: string;
|
|
27
|
+
/** Style object for individual array items */
|
|
28
|
+
itemStyle?: React.CSSProperties;
|
|
29
|
+
/** Style object for input fields */
|
|
30
|
+
inputStyle?: React.CSSProperties;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Props for simple string array input
|
|
34
|
+
* @interface SimpleArrayInputProps
|
|
35
|
+
*/
|
|
36
|
+
interface SimpleArrayInputProps extends BaseArrayInputProps {
|
|
37
|
+
/** Input type - defaults to 'simple' for string arrays */
|
|
38
|
+
type?: 'simple';
|
|
39
|
+
/** Array of string values */
|
|
40
|
+
values: string[];
|
|
41
|
+
/** Callback fired when array values change */
|
|
42
|
+
onChange: (values: string[]) => void;
|
|
43
|
+
/** Placeholder text for individual input fields */
|
|
44
|
+
placeholder?: string;
|
|
45
|
+
/** Whether to use textarea for multiline input */
|
|
46
|
+
multiline?: boolean;
|
|
47
|
+
/** Number of rows for textarea (default: 3) */
|
|
48
|
+
rows?: number;
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Props for complex object array input
|
|
52
|
+
* @interface ComplexArrayInputProps
|
|
53
|
+
* @template T - The type of objects in the array
|
|
54
|
+
*/
|
|
55
|
+
interface ComplexArrayInputProps<T extends Record<string, any>> extends BaseArrayInputProps {
|
|
56
|
+
/** Input type - must be 'complex' for object arrays */
|
|
57
|
+
type: 'complex';
|
|
58
|
+
/** Array of object values */
|
|
59
|
+
values: T[];
|
|
60
|
+
/** Callback fired when array values change */
|
|
61
|
+
onChange: (values: T[]) => void;
|
|
62
|
+
/** Configuration for the fields in each object */
|
|
63
|
+
fields: FieldConfig[];
|
|
64
|
+
/** Optional function to generate unique keys for React rendering */
|
|
65
|
+
getKey?: (item: T, index: number) => string;
|
|
66
|
+
}
|
|
67
|
+
export type ArrayInputProps<T extends Record<string, any> = Record<string, any>> = SimpleArrayInputProps | ComplexArrayInputProps<T>;
|
|
68
|
+
/**
|
|
69
|
+
* ArrayInput component - Versatile dynamic list manager
|
|
70
|
+
*
|
|
71
|
+
* @component
|
|
72
|
+
* @description
|
|
73
|
+
* A flexible component that can handle both simple string arrays and complex object arrays.
|
|
74
|
+
* Users can add, remove, and edit items dynamically. Supports custom field configurations
|
|
75
|
+
* for complex data structures.
|
|
76
|
+
*
|
|
77
|
+
* @example
|
|
78
|
+
* // Simple string array
|
|
79
|
+
* <ArrayInput
|
|
80
|
+
* label="Tags"
|
|
81
|
+
* values={tags}
|
|
82
|
+
* onChange={setTags}
|
|
83
|
+
* placeholder="Enter tag"
|
|
84
|
+
* />
|
|
85
|
+
*
|
|
86
|
+
* @example
|
|
87
|
+
* // Complex object array
|
|
88
|
+
* <ArrayInput
|
|
89
|
+
* type="complex"
|
|
90
|
+
* label="Social Links"
|
|
91
|
+
* values={links}
|
|
92
|
+
* onChange={setLinks}
|
|
93
|
+
* fields={[
|
|
94
|
+
* { name: 'label', label: 'Label', placeholder: 'GitHub' },
|
|
95
|
+
* { name: 'url', label: 'URL', type: 'url', placeholder: 'https://github.com/...' }
|
|
96
|
+
* ]}
|
|
97
|
+
* />
|
|
98
|
+
*/
|
|
99
|
+
export declare function ArrayInput<T extends Record<string, any> = Record<string, any>>(props: Readonly<ArrayInputProps<T>>): import("react/jsx-runtime").JSX.Element;
|
|
100
|
+
export interface LabeledLink {
|
|
101
|
+
label: string;
|
|
102
|
+
url: string;
|
|
103
|
+
}
|
|
104
|
+
export {};
|
|
105
|
+
//# sourceMappingURL=ArrayInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrayInput.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ArrayInput/ArrayInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;GAGG;AACH,MAAM,WAAW,WAAW;IACxB,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,UAAU,mBAAmB;IACzB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,oCAAoC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED;;;GAGG;AACH,UAAU,qBAAsB,SAAQ,mBAAmB;IACvD,0DAA0D;IAC1D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,6BAA6B;IAC7B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,UAAU,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,SAAQ,mBAAmB;IACvF,uDAAuD;IACvD,IAAI,EAAE,SAAS,CAAC;IAChB,6BAA6B;IAC7B,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC,kDAAkD;IAClD,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,oEAAoE;IACpE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACzE,qBAAqB,GACrB,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1E,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,2CAOtC;AA2MD,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { ArrayInput } from './ArrayInput';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof ArrayInput;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
argTypes: {
|
|
16
|
+
label: {
|
|
17
|
+
control: "text";
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
values: {
|
|
21
|
+
control: "object";
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
placeholder: {
|
|
25
|
+
control: "text";
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
onChange: {
|
|
29
|
+
action: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export default meta;
|
|
34
|
+
type Story = StoryObj<typeof meta>;
|
|
35
|
+
export declare const Default: Story;
|
|
36
|
+
export declare const WithInitialValues: Story;
|
|
37
|
+
export declare const EmptyState: Story;
|
|
38
|
+
export declare const Interactive: Story;
|
|
39
|
+
export declare const TodoList: Story;
|
|
40
|
+
export declare const TeamMembers: Story;
|
|
41
|
+
export declare const IngredientsList: Story;
|
|
42
|
+
export declare const MultilineNotes: Story;
|
|
43
|
+
export declare const ComplexMultilineForm: Story;
|
|
44
|
+
//# sourceMappingURL=ArrayInput.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrayInput.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ArrayInput/ArrayInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAqC7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAwClC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ArrayInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAErF,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAErF,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generic calendar event interface - flexible for any use case
|
|
3
|
+
* @interface CalendarEvent
|
|
4
|
+
*/
|
|
5
|
+
export interface CalendarEvent {
|
|
6
|
+
/** Unique identifier for the event */
|
|
7
|
+
id: string;
|
|
8
|
+
/** Event title/name */
|
|
9
|
+
title: string;
|
|
10
|
+
/** Event date */
|
|
11
|
+
date: Date | string;
|
|
12
|
+
/** Optional time string (e.g., "14:30") */
|
|
13
|
+
time?: string;
|
|
14
|
+
/** Event type/category for styling and icons */
|
|
15
|
+
type?: string;
|
|
16
|
+
/** Event status (affects opacity and styling) */
|
|
17
|
+
status?: 'pending' | 'completed' | 'cancelled' | string;
|
|
18
|
+
/** Priority level for color coding */
|
|
19
|
+
priority?: 'high' | 'medium' | 'low' | string;
|
|
20
|
+
/** Background color override */
|
|
21
|
+
color?: string;
|
|
22
|
+
/** Additional metadata */
|
|
23
|
+
metadata?: Record<string, any>;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Configuration for calendar appearance and behavior
|
|
27
|
+
* @interface CalendarConfig
|
|
28
|
+
*/
|
|
29
|
+
export interface CalendarConfig {
|
|
30
|
+
/** Custom color scheme for event types */
|
|
31
|
+
eventColors?: Record<string, string>;
|
|
32
|
+
/** Custom icon renderer for event types */
|
|
33
|
+
iconRenderer?: (event: CalendarEvent) => React.ReactNode;
|
|
34
|
+
/** Maximum events to show per day before "more" indicator */
|
|
35
|
+
maxEventsPerDay?: number;
|
|
36
|
+
/** Week starts on Monday (true) or Sunday (false) */
|
|
37
|
+
mondayStart?: boolean;
|
|
38
|
+
/** Show week numbers */
|
|
39
|
+
showWeekNumbers?: boolean;
|
|
40
|
+
/** Custom date format */
|
|
41
|
+
dateFormat?: Intl.DateTimeFormatOptions;
|
|
42
|
+
/** Custom locale */
|
|
43
|
+
locale?: string;
|
|
44
|
+
/** Custom day labels */
|
|
45
|
+
dayLabels?: string[];
|
|
46
|
+
/** Custom month names */
|
|
47
|
+
monthNames?: string[];
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* Props for the Calendar component
|
|
51
|
+
* @interface CalendarProps
|
|
52
|
+
*/
|
|
53
|
+
export interface CalendarProps {
|
|
54
|
+
/** Array of events to display */
|
|
55
|
+
events: CalendarEvent[];
|
|
56
|
+
/** Callback when an event is clicked */
|
|
57
|
+
onEventClick?: (event: CalendarEvent) => void;
|
|
58
|
+
/** Callback when a date is clicked */
|
|
59
|
+
onDateClick?: (date: Date) => void;
|
|
60
|
+
/** Initial view mode */
|
|
61
|
+
viewMode?: 'month' | 'week';
|
|
62
|
+
/** Initial date to display */
|
|
63
|
+
initialDate?: Date;
|
|
64
|
+
/** Configuration options */
|
|
65
|
+
config?: CalendarConfig;
|
|
66
|
+
/** Custom CSS class */
|
|
67
|
+
className?: string;
|
|
68
|
+
/** Custom styles */
|
|
69
|
+
style?: React.CSSProperties;
|
|
70
|
+
/** Loading state */
|
|
71
|
+
loading?: boolean;
|
|
72
|
+
/** Custom empty state component */
|
|
73
|
+
emptyState?: React.ReactNode;
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Calendar component - A flexible, reusable calendar for displaying events
|
|
77
|
+
*
|
|
78
|
+
* @component
|
|
79
|
+
* @description
|
|
80
|
+
* A highly customizable calendar component that can display events in month or week view.
|
|
81
|
+
* Supports custom event types, colors, icons, and localization. Perfect for scheduling,
|
|
82
|
+
* project management, habit tracking, or any date-based data visualization.
|
|
83
|
+
*
|
|
84
|
+
* @example
|
|
85
|
+
* // Basic usage
|
|
86
|
+
* <Calendar
|
|
87
|
+
* events={myEvents}
|
|
88
|
+
* onEventClick={handleEventClick}
|
|
89
|
+
* viewMode="month"
|
|
90
|
+
* />
|
|
91
|
+
*
|
|
92
|
+
* @example
|
|
93
|
+
* // With custom configuration
|
|
94
|
+
* <Calendar
|
|
95
|
+
* events={projectEvents}
|
|
96
|
+
* config={{
|
|
97
|
+
* eventColors: { task: '#4A90E2', meeting: '#7ED321' },
|
|
98
|
+
* maxEventsPerDay: 5,
|
|
99
|
+
* mondayStart: true
|
|
100
|
+
* }}
|
|
101
|
+
* onEventClick={handleEventClick}
|
|
102
|
+
* />
|
|
103
|
+
*/
|
|
104
|
+
export declare function Calendar({ events, onEventClick, onDateClick, viewMode, initialDate, config, className, style, loading, emptyState }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
105
|
+
//# sourceMappingURL=Calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Calendar/Calendar.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;IACxD,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9C,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IACxC,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,iCAAiC;IACjC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,sCAAsC;IACtC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,QAAQ,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,QAAkB,EAClB,WAAwB,EACxB,MAAW,EACX,SAAc,EACd,KAAU,EACV,OAAe,EACf,UAAU,EACb,EAAE,aAAa,2CAgUf"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Calendar } from './Calendar';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Calendar;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
argTypes: {
|
|
16
|
+
events: {
|
|
17
|
+
control: "object";
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
viewMode: {
|
|
21
|
+
control: "radio";
|
|
22
|
+
options: string[];
|
|
23
|
+
description: string;
|
|
24
|
+
};
|
|
25
|
+
onEventClick: {
|
|
26
|
+
action: string;
|
|
27
|
+
};
|
|
28
|
+
onDateClick: {
|
|
29
|
+
action: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export default meta;
|
|
34
|
+
type Story = StoryObj<typeof meta>;
|
|
35
|
+
export declare const MonthView: Story;
|
|
36
|
+
export declare const WeekView: Story;
|
|
37
|
+
export declare const ClickInteractions: Story;
|
|
38
|
+
export declare const HabitTracker: Story;
|
|
39
|
+
export declare const EventScheduler: Story;
|
|
40
|
+
export declare const CustomConfiguration: Story;
|
|
41
|
+
export declare const ComponentStates: Story;
|
|
42
|
+
//# sourceMappingURL=Calendar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Calendar/Calendar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAE1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyBnC,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAwI/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA8C1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqF5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA2DjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAsD7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export { Calendar } from './Calendar';
|
|
2
|
+
export type { CalendarEvent, CalendarConfig, CalendarProps } from './Calendar';
|
|
1
3
|
export { Navbar } from './Navbar/Navbar';
|
|
2
4
|
export type { NavbarProps, NavItem } from './Navbar/Navbar';
|
|
3
5
|
export { ThemeProvider, useTheme } from './ThemeProvider/ThemeProvider';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/organisms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAG3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0DAA0D,CAAC;AACnG,YAAY,EAAE,QAAQ,EAAE,MAAM,0DAA0D,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAGtD,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/organisms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG/E,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAG3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0DAA0D,CAAC;AACnG,YAAY,EAAE,QAAQ,EAAE,MAAM,0DAA0D,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAGtD,cAAc,UAAU,CAAC"}
|