willba-component-library 0.0.28 → 0.0.33
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/.storybook/main.ts +19 -19
- package/.storybook/preview.ts +15 -15
- package/lib/components/FilterBar/FilterBar.d.ts +2 -2
- package/lib/components/FilterBar/components/Callendar.d.ts +2 -0
- package/lib/components/FilterBar/components/Divider.d.ts +2 -0
- package/lib/components/FilterBar/components/SelectButton.d.ts +2 -0
- package/lib/components/FilterBar/components/SubmitButton.d.ts +2 -0
- package/lib/components/FilterBar/components/calendar/Calendar.d.ts +3 -0
- package/lib/components/FilterBar/components/categories/Categories.d.ts +3 -0
- package/lib/components/FilterBar/components/divider/Divider.d.ts +3 -0
- package/lib/components/FilterBar/components/guests/Guests.d.ts +3 -0
- package/lib/components/FilterBar/components/select-button/SelectButton.d.ts +3 -0
- package/lib/components/FilterBar/components/submit-button/SubmitButton.d.ts +3 -0
- package/lib/components/FilterBar/hooks/useFilterBar.d.ts +13 -0
- package/lib/index.esm.js +5695 -84
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +5735 -106
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +5736 -107
- package/lib/index.umd.js.map +1 -1
- package/package.json +8 -6
- package/prettier.config.js +6 -0
- package/rollup.config.mjs +59 -59
- package/src/components/Button/Button.stories.tsx +34 -34
- package/src/components/Button/Button.tsx +56 -56
- package/src/components/Button/button.css +29 -29
- package/src/components/Button/index.ts +1 -1
- package/src/components/FilterBar/FilterBar.css +5 -99
- package/src/components/FilterBar/FilterBar.stories.tsx +20 -20
- package/src/components/FilterBar/FilterBar.tsx +28 -140
- package/src/components/FilterBar/components/calendar/Calendar.css +0 -0
- package/src/components/FilterBar/components/calendar/Calendar.tsx +41 -0
- package/src/components/FilterBar/components/categories/Categories.css +15 -0
- package/src/components/FilterBar/components/categories/Categories.tsx +37 -0
- package/src/components/FilterBar/components/divider/Divider.css +6 -0
- package/src/components/FilterBar/components/divider/Divider.tsx +7 -0
- package/src/components/FilterBar/components/guests/Guests.css +44 -0
- package/src/components/FilterBar/components/guests/Guests.tsx +42 -0
- package/src/components/FilterBar/components/select-button/SelectButton.css +9 -0
- package/src/components/FilterBar/components/select-button/SelectButton.tsx +11 -0
- package/src/components/FilterBar/components/submit-button/SubmitButton.css +11 -0
- package/src/components/FilterBar/components/submit-button/SubmitButton.tsx +11 -0
- package/src/components/FilterBar/hooks/useFilterBar.tsx +49 -0
- package/src/components/FilterBar/index.ts +1 -1
- package/src/index.ts +4 -4
- package/stories/Button.stories.ts +50 -50
- package/stories/Button.tsx +48 -48
- package/stories/Configure.mdx +364 -364
- package/stories/Header.stories.ts +27 -27
- package/stories/Header.tsx +56 -56
- package/stories/Page.stories.ts +29 -29
- package/stories/Page.tsx +73 -73
- package/stories/assets/accessibility.svg +4 -4
- package/stories/assets/discord.svg +15 -15
- package/stories/assets/github.svg +3 -3
- package/stories/assets/tutorials.svg +12 -12
- package/stories/assets/youtube.svg +4 -4
- package/stories/button.css +30 -30
- package/stories/header.css +32 -32
- package/stories/page.css +69 -69
- package/tsconfig.json +22 -22
package/.storybook/main.ts
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import type { StorybookConfig } from "@storybook/react-vite";
|
|
2
|
-
|
|
3
|
-
const config: StorybookConfig = {
|
|
4
|
-
stories: ["../src/**/*.stories.tsx"],
|
|
5
|
-
addons: [
|
|
6
|
-
"@storybook/addon-links",
|
|
7
|
-
"@storybook/addon-essentials",
|
|
8
|
-
"@storybook/addon-onboarding",
|
|
9
|
-
"@storybook/addon-interactions",
|
|
10
|
-
],
|
|
11
|
-
framework: {
|
|
12
|
-
name: "@storybook/react-vite",
|
|
13
|
-
options: {},
|
|
14
|
-
},
|
|
15
|
-
docs: {
|
|
16
|
-
autodocs: "tag",
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
export default config;
|
|
1
|
+
import type { StorybookConfig } from "@storybook/react-vite";
|
|
2
|
+
|
|
3
|
+
const config: StorybookConfig = {
|
|
4
|
+
stories: ["../src/**/*.stories.tsx"],
|
|
5
|
+
addons: [
|
|
6
|
+
"@storybook/addon-links",
|
|
7
|
+
"@storybook/addon-essentials",
|
|
8
|
+
"@storybook/addon-onboarding",
|
|
9
|
+
"@storybook/addon-interactions",
|
|
10
|
+
],
|
|
11
|
+
framework: {
|
|
12
|
+
name: "@storybook/react-vite",
|
|
13
|
+
options: {},
|
|
14
|
+
},
|
|
15
|
+
docs: {
|
|
16
|
+
autodocs: "tag",
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
export default config;
|
package/.storybook/preview.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import type { Preview } from "@storybook/react";
|
|
2
|
-
|
|
3
|
-
const preview: Preview = {
|
|
4
|
-
parameters: {
|
|
5
|
-
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
6
|
-
controls: {
|
|
7
|
-
matchers: {
|
|
8
|
-
color: /(background|color)$/i,
|
|
9
|
-
date: /Date$/,
|
|
10
|
-
},
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export default preview;
|
|
1
|
+
import type { Preview } from "@storybook/react";
|
|
2
|
+
|
|
3
|
+
const preview: Preview = {
|
|
4
|
+
parameters: {
|
|
5
|
+
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
6
|
+
controls: {
|
|
7
|
+
matchers: {
|
|
8
|
+
color: /(background|color)$/i,
|
|
9
|
+
date: /Date$/,
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export default preview;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './FilterBar.css';
|
|
3
3
|
export default function FilterBar(): React.JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default function useFilterBar(): {
|
|
3
|
+
selectedFilter: number | boolean;
|
|
4
|
+
guestsAdults: number;
|
|
5
|
+
guestsKids: number;
|
|
6
|
+
categories: number;
|
|
7
|
+
setSelectedFilter: React.Dispatch<React.SetStateAction<number | boolean>>;
|
|
8
|
+
setGuestsAdults: React.Dispatch<React.SetStateAction<number>>;
|
|
9
|
+
setGuestsKids: React.Dispatch<React.SetStateAction<number>>;
|
|
10
|
+
setCategories: React.Dispatch<React.SetStateAction<number>>;
|
|
11
|
+
handleSelectedFilter: (id: any) => void;
|
|
12
|
+
handleSubmit: () => void;
|
|
13
|
+
};
|