@stfrigerio/sito-template 0.1.1 → 0.1.2
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/App.d.ts +6 -0
- package/dist/App.d.ts.map +1 -0
- package/dist/components/atoms/AllAtoms.stories.d.ts +7 -0
- package/dist/components/atoms/AllAtoms.stories.d.ts.map +1 -0
- package/dist/components/atoms/ArrayInput/ArrayInput.d.ts +61 -0
- package/dist/components/atoms/ArrayInput/ArrayInput.d.ts.map +1 -0
- package/dist/components/atoms/ArrayInput/ArrayInput.stories.d.ts +42 -0
- package/dist/components/atoms/ArrayInput/ArrayInput.stories.d.ts.map +1 -0
- package/dist/components/atoms/ArrayInput/index.d.ts +3 -0
- package/dist/components/atoms/ArrayInput/index.d.ts.map +1 -0
- package/dist/components/atoms/Button/Button.d.ts +14 -0
- package/dist/components/atoms/Button/Button.d.ts.map +1 -0
- package/dist/components/atoms/Button/Button.stories.d.ts +59 -0
- package/dist/components/atoms/Button/Button.stories.d.ts.map +1 -0
- package/dist/components/atoms/Button/index.d.ts +3 -0
- package/dist/components/atoms/Button/index.d.ts.map +1 -0
- package/dist/components/atoms/Card/Card.d.ts +18 -0
- package/dist/components/atoms/Card/Card.d.ts.map +1 -0
- package/dist/components/atoms/Card/Card.stories.d.ts +52 -0
- package/dist/components/atoms/Card/Card.stories.d.ts.map +1 -0
- package/dist/components/atoms/Card/index.d.ts +3 -0
- package/dist/components/atoms/Card/index.d.ts.map +1 -0
- package/dist/components/atoms/Checkbox/Checkbox.d.ts +48 -0
- package/dist/components/atoms/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts +41 -0
- package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts.map +1 -0
- package/dist/components/atoms/Checkbox/index.d.ts +3 -0
- package/dist/components/atoms/Checkbox/index.d.ts.map +1 -0
- package/dist/components/atoms/DateInput/DateInput.d.ts +49 -0
- package/dist/components/atoms/DateInput/DateInput.d.ts.map +1 -0
- package/dist/components/atoms/DateInput/DateInput.stories.d.ts +47 -0
- package/dist/components/atoms/DateInput/DateInput.stories.d.ts.map +1 -0
- package/dist/components/atoms/DateInput/index.d.ts +3 -0
- package/dist/components/atoms/DateInput/index.d.ts.map +1 -0
- package/dist/components/atoms/SearchableDropdown/SearchableDropdown.d.ts +58 -0
- package/dist/components/atoms/SearchableDropdown/SearchableDropdown.d.ts.map +1 -0
- package/dist/components/atoms/SearchableDropdown/SearchableDropdown.stories.d.ts +47 -0
- package/dist/components/atoms/SearchableDropdown/SearchableDropdown.stories.d.ts.map +1 -0
- package/dist/components/atoms/SearchableDropdown/index.d.ts +3 -0
- package/dist/components/atoms/SearchableDropdown/index.d.ts.map +1 -0
- package/dist/components/atoms/SelectInput/SelectInput.d.ts +52 -0
- package/dist/components/atoms/SelectInput/SelectInput.d.ts.map +1 -0
- package/dist/components/atoms/SelectInput/SelectInput.stories.d.ts +41 -0
- package/dist/components/atoms/SelectInput/SelectInput.stories.d.ts.map +1 -0
- package/dist/components/atoms/SelectInput/index.d.ts +3 -0
- package/dist/components/atoms/SelectInput/index.d.ts.map +1 -0
- package/dist/components/atoms/TextArea/TextArea.d.ts +46 -0
- package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -0
- package/dist/components/atoms/TextArea/TextArea.stories.d.ts +58 -0
- package/dist/components/atoms/TextArea/TextArea.stories.d.ts.map +1 -0
- package/dist/components/atoms/TextArea/index.d.ts +3 -0
- package/dist/components/atoms/TextArea/index.d.ts.map +1 -0
- package/dist/components/atoms/TextInput/TextInput.d.ts +54 -0
- package/dist/components/atoms/TextInput/TextInput.d.ts.map +1 -0
- package/dist/components/atoms/TextInput/TextInput.stories.d.ts +64 -0
- package/dist/components/atoms/TextInput/TextInput.stories.d.ts.map +1 -0
- package/dist/components/atoms/TextInput/index.d.ts +3 -0
- package/dist/components/atoms/TextInput/index.d.ts.map +1 -0
- package/dist/components/atoms/Toggle/Toggle.d.ts +11 -0
- package/dist/components/atoms/Toggle/Toggle.d.ts.map +1 -0
- package/dist/components/atoms/Toggle/Toggle.stories.d.ts +43 -0
- package/dist/components/atoms/Toggle/Toggle.stories.d.ts.map +1 -0
- package/dist/components/atoms/Toggle/index.d.ts +3 -0
- package/dist/components/atoms/Toggle/index.d.ts.map +1 -0
- package/dist/components/atoms/index.d.ts +21 -0
- package/dist/components/atoms/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/molecules/EditFAB/EditFAB.d.ts +17 -0
- package/dist/components/molecules/EditFAB/EditFAB.d.ts.map +1 -0
- package/dist/components/molecules/EditFAB/EditFAB.stories.d.ts +54 -0
- package/dist/components/molecules/EditFAB/EditFAB.stories.d.ts.map +1 -0
- package/dist/components/molecules/EditFAB/index.d.ts +3 -0
- package/dist/components/molecules/EditFAB/index.d.ts.map +1 -0
- package/dist/components/molecules/SearchBar/SearchBar.d.ts +22 -0
- package/dist/components/molecules/SearchBar/SearchBar.d.ts.map +1 -0
- package/dist/components/molecules/SearchBar/SearchBar.stories.d.ts +18 -0
- package/dist/components/molecules/SearchBar/SearchBar.stories.d.ts.map +1 -0
- package/dist/components/molecules/SearchBar/index.d.ts +3 -0
- package/dist/components/molecules/SearchBar/index.d.ts.map +1 -0
- package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.d.ts +9 -0
- package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.d.ts.map +1 -0
- package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.stories.d.ts +13 -0
- package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.stories.d.ts.map +1 -0
- package/dist/components/molecules/TimeInput/TimeInput.d.ts +15 -0
- package/dist/components/molecules/TimeInput/TimeInput.d.ts.map +1 -0
- package/dist/components/molecules/TimeInput/TimeInput.stories.d.ts +13 -0
- package/dist/components/molecules/TimeInput/TimeInput.stories.d.ts.map +1 -0
- package/dist/components/molecules/TimeInput/TimePickerModal.d.ts +9 -0
- package/dist/components/molecules/TimeInput/TimePickerModal.d.ts.map +1 -0
- package/dist/components/molecules/TimeInput/index.d.ts +4 -0
- package/dist/components/molecules/TimeInput/index.d.ts.map +1 -0
- package/dist/components/molecules/index.d.ts +9 -0
- package/dist/components/molecules/index.d.ts.map +1 -0
- package/dist/components/organisms/Navbar/Navbar.d.ts +28 -0
- package/dist/components/organisms/Navbar/Navbar.d.ts.map +1 -0
- package/dist/components/organisms/Navbar/Navbar.stories.d.ts +15 -0
- package/dist/components/organisms/Navbar/Navbar.stories.d.ts.map +1 -0
- package/dist/components/organisms/ThemeProvider/ThemeProvider.d.ts +16 -0
- package/dist/components/organisms/ThemeProvider/ThemeProvider.d.ts.map +1 -0
- package/dist/components/organisms/animations/AnimationPlayer.d.ts +3 -0
- package/dist/components/organisms/animations/AnimationPlayer.d.ts.map +1 -0
- package/dist/components/organisms/animations/AnimationPlayer.stories.d.ts +23 -0
- package/dist/components/organisms/animations/AnimationPlayer.stories.d.ts.map +1 -0
- package/dist/components/organisms/animations/animationRegistry.d.ts +5 -0
- package/dist/components/organisms/animations/animationRegistry.d.ts.map +1 -0
- package/dist/components/organisms/animations/dna/DNAAnimations.d.ts +7 -0
- package/dist/components/organisms/animations/dna/DNAAnimations.d.ts.map +1 -0
- package/dist/components/organisms/animations/dna/DNAHelix.d.ts +10 -0
- package/dist/components/organisms/animations/dna/DNAHelix.d.ts.map +1 -0
- package/dist/components/organisms/animations/index.d.ts +4 -0
- package/dist/components/organisms/animations/index.d.ts.map +1 -0
- package/dist/components/organisms/animations/tree/ParticleTree.d.ts +8 -0
- package/dist/components/organisms/animations/tree/ParticleTree.d.ts.map +1 -0
- package/dist/components/organisms/animations/tree/TreeAnimations.d.ts +7 -0
- package/dist/components/organisms/animations/tree/TreeAnimations.d.ts.map +1 -0
- package/dist/components/organisms/animations/types.d.ts +12 -0
- package/dist/components/organisms/animations/types.d.ts.map +1 -0
- package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.d.ts +14 -0
- package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.d.ts.map +1 -0
- package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts +12 -0
- package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts.map +1 -0
- package/dist/components/organisms/charts/MoodChart/MoodChart.d.ts +15 -0
- package/dist/components/organisms/charts/MoodChart/MoodChart.d.ts.map +1 -0
- package/dist/components/organisms/charts/MoodChart/MoodChart.stories.d.ts +10 -0
- package/dist/components/organisms/charts/MoodChart/MoodChart.stories.d.ts.map +1 -0
- package/dist/components/organisms/charts/PieChart/PieChart.d.ts +16 -0
- package/dist/components/organisms/charts/PieChart/PieChart.d.ts.map +1 -0
- package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts +13 -0
- package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts.map +1 -0
- package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.d.ts +22 -0
- package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.d.ts.map +1 -0
- package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.stories.d.ts +10 -0
- package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.stories.d.ts.map +1 -0
- package/dist/components/organisms/charts/SleepChart/SleepChart.d.ts +15 -0
- package/dist/components/organisms/charts/SleepChart/SleepChart.d.ts.map +1 -0
- package/dist/components/organisms/charts/SleepChart/SleepChart.stories.d.ts +11 -0
- package/dist/components/organisms/charts/SleepChart/SleepChart.stories.d.ts.map +1 -0
- package/dist/components/organisms/charts/SunburstChart/SunburstChart.d.ts +16 -0
- package/dist/components/organisms/charts/SunburstChart/SunburstChart.d.ts.map +1 -0
- package/dist/components/organisms/charts/SunburstChart/SunburstChart.stories.d.ts +10 -0
- package/dist/components/organisms/charts/SunburstChart/SunburstChart.stories.d.ts.map +1 -0
- package/dist/components/organisms/charts/index.d.ts +8 -0
- package/dist/components/organisms/charts/index.d.ts.map +1 -0
- package/dist/components/organisms/index.d.ts +14 -0
- package/dist/components/organisms/index.d.ts.map +1 -0
- package/dist/contexts/ThemeContext.d.ts.map +1 -1
- package/dist/index.d.ts +1 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +2025 -77
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2067 -83
- package/dist/index.js.map +1 -1
- package/dist/main.d.ts +2 -0
- package/dist/main.d.ts.map +1 -0
- package/dist/stories/utils.d.ts +5 -0
- package/dist/stories/utils.d.ts.map +1 -0
- package/dist/utils/formUtils.d.ts +8 -0
- package/dist/utils/formUtils.d.ts.map +1 -0
- package/package.json +41 -11
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { SearchableDropdown } from './SearchableDropdown';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof SearchableDropdown;
|
|
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
|
+
value: {
|
|
21
|
+
control: "text";
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
placeholder: {
|
|
25
|
+
control: "text";
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
allowEmpty: {
|
|
29
|
+
control: "boolean";
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
onChange: {
|
|
33
|
+
action: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof meta>;
|
|
39
|
+
export declare const Default: Story;
|
|
40
|
+
export declare const WithValue: Story;
|
|
41
|
+
export declare const NoEmptyOption: Story;
|
|
42
|
+
export declare const LongList: Story;
|
|
43
|
+
export declare const Interactive: Story;
|
|
44
|
+
export declare const ProfileForm: Story;
|
|
45
|
+
export declare const JobFilter: Story;
|
|
46
|
+
export declare const AllVariants: Story;
|
|
47
|
+
//# sourceMappingURL=SearchableDropdown.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchableDropdown.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SearchableDropdown/SearchableDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA2CnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8CzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2EzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA6GvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgDzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SearchableDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
type Option = string | {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
};
|
|
5
|
+
export interface SelectInputProps {
|
|
6
|
+
label: string;
|
|
7
|
+
value: string;
|
|
8
|
+
onChange: (value: string) => void;
|
|
9
|
+
options: Readonly<Option[]>;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
success?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
required?: boolean;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* SelectInput component - Styled dropdown selector with flexible option format
|
|
19
|
+
*
|
|
20
|
+
* @component
|
|
21
|
+
* @description
|
|
22
|
+
* A customizable select dropdown that accepts both simple string arrays and
|
|
23
|
+
* label-value object arrays for options. Features custom styling that maintains
|
|
24
|
+
* consistency across browsers while preserving native select functionality.
|
|
25
|
+
* Includes a styled chevron icon for better visual feedback.
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* // With simple string options
|
|
29
|
+
* <SelectInput
|
|
30
|
+
* label="Country"
|
|
31
|
+
* value={country}
|
|
32
|
+
* onChange={setCountry}
|
|
33
|
+
* options={['Italy', 'France', 'Spain', 'Germany']}
|
|
34
|
+
* placeholder="Select a country"
|
|
35
|
+
* />
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* // With label-value pairs
|
|
39
|
+
* <SelectInput
|
|
40
|
+
* label="Status"
|
|
41
|
+
* value={status}
|
|
42
|
+
* onChange={setStatus}
|
|
43
|
+
* options={[
|
|
44
|
+
* { label: 'Active', value: 'active' },
|
|
45
|
+
* { label: 'Pending', value: 'pending' },
|
|
46
|
+
* { label: 'Archived', value: 'archived' }
|
|
47
|
+
* ]}
|
|
48
|
+
* />
|
|
49
|
+
*/
|
|
50
|
+
export declare function SelectInput({ label, value, onChange, options, placeholder, disabled, error, success, loading, required }: Readonly<SelectInputProps>): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
export {};
|
|
52
|
+
//# sourceMappingURL=SelectInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAyB,EACzB,QAAgB,EAChB,KAAa,EACb,OAAe,EACf,OAAe,EACf,QAAgB,EACnB,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAmC5B"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { SelectInput } from './SelectInput';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof SelectInput;
|
|
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
|
+
value: {
|
|
21
|
+
control: "text";
|
|
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 WithSimpleOptions: Story;
|
|
37
|
+
export declare const WithObjectOptions: Story;
|
|
38
|
+
export declare const NoPlaceholder: Story;
|
|
39
|
+
export declare const Interactive: Story;
|
|
40
|
+
export declare const FormExample: Story;
|
|
41
|
+
//# sourceMappingURL=SelectInput.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectInput.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SelectInput/SelectInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B0B,CAAC;AAErC,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,KAM/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqBxB,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,KAoEzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SelectInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export interface TextAreaProps {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
onChange: (newValue: string) => void;
|
|
5
|
+
rows?: number;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
maxLength?: number;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
error?: boolean;
|
|
11
|
+
success?: boolean;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
focusMode?: boolean;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* TextArea component - Multi-line text input with character counting
|
|
17
|
+
*
|
|
18
|
+
* @component
|
|
19
|
+
* @description
|
|
20
|
+
* A resizable text area component designed for longer form content like descriptions,
|
|
21
|
+
* comments, or messages. Features automatic character counting when maxLength is set,
|
|
22
|
+
* and maintains consistent styling with other form inputs. The component is optimized
|
|
23
|
+
* for both desktop and mobile experiences with appropriate touch targets.
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* // Basic usage
|
|
27
|
+
* <TextArea
|
|
28
|
+
* label="Description"
|
|
29
|
+
* value={description}
|
|
30
|
+
* onChange={setDescription}
|
|
31
|
+
* rows={4}
|
|
32
|
+
* placeholder="Enter a detailed description..."
|
|
33
|
+
* />
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* // With character limit
|
|
37
|
+
* <TextArea
|
|
38
|
+
* label="Bio"
|
|
39
|
+
* value={bio}
|
|
40
|
+
* onChange={setBio}
|
|
41
|
+
* maxLength={500}
|
|
42
|
+
* required
|
|
43
|
+
* />
|
|
44
|
+
*/
|
|
45
|
+
export declare function TextArea({ label, value, onChange, rows, placeholder, required, maxLength, disabled, error, success, loading, focusMode }: Readonly<TextAreaProps>): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;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,EACpB,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAsDzB"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { TextArea } from './TextArea';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof TextArea;
|
|
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
|
+
value: {
|
|
21
|
+
control: "text";
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
placeholder: {
|
|
25
|
+
control: "text";
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
rows: {
|
|
29
|
+
control: "number";
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
maxLength: {
|
|
33
|
+
control: "number";
|
|
34
|
+
description: string;
|
|
35
|
+
};
|
|
36
|
+
required: {
|
|
37
|
+
control: "boolean";
|
|
38
|
+
description: string;
|
|
39
|
+
};
|
|
40
|
+
onChange: {
|
|
41
|
+
action: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
export default meta;
|
|
46
|
+
type Story = StoryObj<typeof meta>;
|
|
47
|
+
export declare const Default: Story;
|
|
48
|
+
export declare const WithValue: Story;
|
|
49
|
+
export declare const WithCharacterLimit: Story;
|
|
50
|
+
export declare const LongText: Story;
|
|
51
|
+
export declare const Required: Story;
|
|
52
|
+
export declare const SmallTextArea: Story;
|
|
53
|
+
export declare const LargeTextArea: Story;
|
|
54
|
+
export declare const Interactive: Story;
|
|
55
|
+
export declare const BlogPost: Story;
|
|
56
|
+
export declare const ContactForm: Story;
|
|
57
|
+
export declare const AllVariants: Story;
|
|
58
|
+
//# sourceMappingURL=TextArea.stories.d.ts.map
|
|
@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCuB,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,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6CzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuDtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiDzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface TextInputProps {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
onChange: (newValue: string) => void;
|
|
6
|
+
type?: string;
|
|
7
|
+
onFocus?: () => void;
|
|
8
|
+
onBlur?: () => void;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
error?: string;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
success?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
icon?: ReactNode;
|
|
16
|
+
actionButton?: {
|
|
17
|
+
label: string;
|
|
18
|
+
onClick: () => void;
|
|
19
|
+
};
|
|
20
|
+
maxLength?: number;
|
|
21
|
+
autoComplete?: string;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* TextInput component - A versatile text input field with label and error handling
|
|
25
|
+
*
|
|
26
|
+
* @component
|
|
27
|
+
* @description
|
|
28
|
+
* A foundational input component that provides a clean, accessible text field with
|
|
29
|
+
* built-in support for labels, validation errors, and various HTML5 input types.
|
|
30
|
+
* Follows design system tokens for consistent theming across light/dark modes.
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* // Basic usage
|
|
34
|
+
* <TextInput
|
|
35
|
+
* label="Email Address"
|
|
36
|
+
* value={email}
|
|
37
|
+
* onChange={setEmail}
|
|
38
|
+
* type="email"
|
|
39
|
+
* placeholder="Enter your email"
|
|
40
|
+
* />
|
|
41
|
+
*
|
|
42
|
+
* @example
|
|
43
|
+
* // With validation error
|
|
44
|
+
* <TextInput
|
|
45
|
+
* label="Password"
|
|
46
|
+
* value={password}
|
|
47
|
+
* onChange={setPassword}
|
|
48
|
+
* type="password"
|
|
49
|
+
* error="Password must be at least 8 characters"
|
|
50
|
+
* required
|
|
51
|
+
* />
|
|
52
|
+
*/
|
|
53
|
+
export declare function TextInput({ label, value, onChange, type, onFocus, onBlur, placeholder, error, required, disabled, success, loading, icon, actionButton, maxLength, autoComplete }: Readonly<TextInputProps>): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAa,EACb,OAAO,EACP,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,OAAe,EACf,OAAe,EACf,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,YAAY,EACf,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAqD1B"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { TextInput } from './TextInput';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof TextInput;
|
|
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
|
+
value: {
|
|
21
|
+
control: "text";
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
placeholder: {
|
|
25
|
+
control: "text";
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
error: {
|
|
29
|
+
control: "text";
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
type: {
|
|
33
|
+
control: "select";
|
|
34
|
+
options: string[];
|
|
35
|
+
description: string;
|
|
36
|
+
};
|
|
37
|
+
required: {
|
|
38
|
+
control: "boolean";
|
|
39
|
+
description: string;
|
|
40
|
+
};
|
|
41
|
+
onChange: {
|
|
42
|
+
action: string;
|
|
43
|
+
};
|
|
44
|
+
onFocus: {
|
|
45
|
+
action: string;
|
|
46
|
+
};
|
|
47
|
+
onBlur: {
|
|
48
|
+
action: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
export default meta;
|
|
53
|
+
type Story = StoryObj<typeof meta>;
|
|
54
|
+
export declare const Default: Story;
|
|
55
|
+
export declare const WithValue: Story;
|
|
56
|
+
export declare const Email: Story;
|
|
57
|
+
export declare const Password: Story;
|
|
58
|
+
export declare const Phone: Story;
|
|
59
|
+
export declare const Required: Story;
|
|
60
|
+
export declare const WithError: Story;
|
|
61
|
+
export declare const Interactive: Story;
|
|
62
|
+
export declare const LoginForm: Story;
|
|
63
|
+
export declare const AllTypes: Story;
|
|
64
|
+
//# sourceMappingURL=TextInput.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextInput/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkDzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA8EvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ToggleProps {
|
|
3
|
+
readonly isOn: boolean;
|
|
4
|
+
readonly onToggle: (isOn: boolean) => void;
|
|
5
|
+
readonly leftLabel?: string;
|
|
6
|
+
readonly rightLabel?: string;
|
|
7
|
+
readonly leftIcon?: React.ReactNode;
|
|
8
|
+
readonly rightIcon?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare function Toggle(props: Readonly<ToggleProps>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IACxB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAoBlD"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Toggle } from './Toggle';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Toggle;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
argTypes: {
|
|
16
|
+
isOn: {
|
|
17
|
+
control: "boolean";
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
leftLabel: {
|
|
21
|
+
control: "text";
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
rightLabel: {
|
|
25
|
+
control: "text";
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
onToggle: {
|
|
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 WithoutLabels: Story;
|
|
37
|
+
export declare const WithIcons: Story;
|
|
38
|
+
export declare const WithLabelsAndIcons: Story;
|
|
39
|
+
export declare const ViewToggle: Story;
|
|
40
|
+
export declare const Interactive: Story;
|
|
41
|
+
export declare const ThemeToggle: Story;
|
|
42
|
+
export declare const MultipleToggles: Story;
|
|
43
|
+
//# sourceMappingURL=Toggle.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA6D7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export { Button } from './Button';
|
|
2
|
+
export type { ButtonProps } from './Button';
|
|
3
|
+
export { Card } from './Card';
|
|
4
|
+
export type { CardProps } from './Card';
|
|
5
|
+
export { ArrayInput } from './ArrayInput';
|
|
6
|
+
export type { ArrayInputProps } from './ArrayInput';
|
|
7
|
+
export { Checkbox } from './Checkbox';
|
|
8
|
+
export type { CheckboxProps } from './Checkbox';
|
|
9
|
+
export { DateInput } from './DateInput';
|
|
10
|
+
export type { DateInputProps } from './DateInput';
|
|
11
|
+
export { SearchableDropdown } from './SearchableDropdown';
|
|
12
|
+
export type { SearchableDropdownProps } from './SearchableDropdown';
|
|
13
|
+
export { SelectInput } from './SelectInput';
|
|
14
|
+
export type { SelectInputProps } from './SelectInput';
|
|
15
|
+
export { TextArea } from './TextArea';
|
|
16
|
+
export type { TextAreaProps } from './TextArea';
|
|
17
|
+
export { TextInput } from './TextInput/index';
|
|
18
|
+
export type { TextInputProps } from './TextInput/index';
|
|
19
|
+
export { Toggle } from './Toggle';
|
|
20
|
+
export type { ToggleProps } from './Toggle';
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface EditFABProps {
|
|
3
|
+
canEdit: boolean;
|
|
4
|
+
isEditMode: boolean;
|
|
5
|
+
hasUnsavedChanges?: boolean;
|
|
6
|
+
isSaving?: boolean;
|
|
7
|
+
onEnterEditMode: () => void;
|
|
8
|
+
onExitEditMode: () => void;
|
|
9
|
+
position?: {
|
|
10
|
+
bottom?: string | number;
|
|
11
|
+
right?: string | number;
|
|
12
|
+
top?: string | number;
|
|
13
|
+
left?: string | number;
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export declare const EditFAB: React.FC<EditFABProps>;
|
|
17
|
+
//# sourceMappingURL=EditFAB.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditFAB.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/EditFAB/EditFAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC1B,CAAC;CACL;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyJ1C,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").FC<import("./EditFAB").EditFABProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
docs: {
|
|
8
|
+
description: {
|
|
9
|
+
component: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
tags: string[];
|
|
14
|
+
argTypes: {
|
|
15
|
+
canEdit: {
|
|
16
|
+
control: "boolean";
|
|
17
|
+
description: string;
|
|
18
|
+
};
|
|
19
|
+
isEditMode: {
|
|
20
|
+
control: "boolean";
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
hasUnsavedChanges: {
|
|
24
|
+
control: "boolean";
|
|
25
|
+
description: string;
|
|
26
|
+
};
|
|
27
|
+
isSaving: {
|
|
28
|
+
control: "boolean";
|
|
29
|
+
description: string;
|
|
30
|
+
};
|
|
31
|
+
position: {
|
|
32
|
+
control: "object";
|
|
33
|
+
description: string;
|
|
34
|
+
};
|
|
35
|
+
onEnterEditMode: {
|
|
36
|
+
action: string;
|
|
37
|
+
};
|
|
38
|
+
onExitEditMode: {
|
|
39
|
+
action: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
export default meta;
|
|
44
|
+
type Story = StoryObj<typeof meta>;
|
|
45
|
+
export declare const Default: Story;
|
|
46
|
+
export declare const EditMode: Story;
|
|
47
|
+
export declare const WithUnsavedChanges: Story;
|
|
48
|
+
export declare const Saving: Story;
|
|
49
|
+
export declare const NoEditPermission: Story;
|
|
50
|
+
export declare const TopLeftPosition: Story;
|
|
51
|
+
export declare const Interactive: Story;
|
|
52
|
+
export declare const DocumentEditor: Story;
|
|
53
|
+
export declare const AllStates: Story;
|
|
54
|
+
//# sourceMappingURL=EditFAB.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditFAB.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/EditFAB/EditFAB.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCsB,CAAC;AAEjC,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,KAStB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAyGzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA4J5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwGvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/EditFAB/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|