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.
Files changed (61) hide show
  1. package/.storybook/main.ts +19 -19
  2. package/.storybook/preview.ts +15 -15
  3. package/lib/components/FilterBar/FilterBar.d.ts +2 -2
  4. package/lib/components/FilterBar/components/Callendar.d.ts +2 -0
  5. package/lib/components/FilterBar/components/Divider.d.ts +2 -0
  6. package/lib/components/FilterBar/components/SelectButton.d.ts +2 -0
  7. package/lib/components/FilterBar/components/SubmitButton.d.ts +2 -0
  8. package/lib/components/FilterBar/components/calendar/Calendar.d.ts +3 -0
  9. package/lib/components/FilterBar/components/categories/Categories.d.ts +3 -0
  10. package/lib/components/FilterBar/components/divider/Divider.d.ts +3 -0
  11. package/lib/components/FilterBar/components/guests/Guests.d.ts +3 -0
  12. package/lib/components/FilterBar/components/select-button/SelectButton.d.ts +3 -0
  13. package/lib/components/FilterBar/components/submit-button/SubmitButton.d.ts +3 -0
  14. package/lib/components/FilterBar/hooks/useFilterBar.d.ts +13 -0
  15. package/lib/index.esm.js +5695 -84
  16. package/lib/index.esm.js.map +1 -1
  17. package/lib/index.js +5735 -106
  18. package/lib/index.js.map +1 -1
  19. package/lib/index.umd.js +5736 -107
  20. package/lib/index.umd.js.map +1 -1
  21. package/package.json +8 -6
  22. package/prettier.config.js +6 -0
  23. package/rollup.config.mjs +59 -59
  24. package/src/components/Button/Button.stories.tsx +34 -34
  25. package/src/components/Button/Button.tsx +56 -56
  26. package/src/components/Button/button.css +29 -29
  27. package/src/components/Button/index.ts +1 -1
  28. package/src/components/FilterBar/FilterBar.css +5 -99
  29. package/src/components/FilterBar/FilterBar.stories.tsx +20 -20
  30. package/src/components/FilterBar/FilterBar.tsx +28 -140
  31. package/src/components/FilterBar/components/calendar/Calendar.css +0 -0
  32. package/src/components/FilterBar/components/calendar/Calendar.tsx +41 -0
  33. package/src/components/FilterBar/components/categories/Categories.css +15 -0
  34. package/src/components/FilterBar/components/categories/Categories.tsx +37 -0
  35. package/src/components/FilterBar/components/divider/Divider.css +6 -0
  36. package/src/components/FilterBar/components/divider/Divider.tsx +7 -0
  37. package/src/components/FilterBar/components/guests/Guests.css +44 -0
  38. package/src/components/FilterBar/components/guests/Guests.tsx +42 -0
  39. package/src/components/FilterBar/components/select-button/SelectButton.css +9 -0
  40. package/src/components/FilterBar/components/select-button/SelectButton.tsx +11 -0
  41. package/src/components/FilterBar/components/submit-button/SubmitButton.css +11 -0
  42. package/src/components/FilterBar/components/submit-button/SubmitButton.tsx +11 -0
  43. package/src/components/FilterBar/hooks/useFilterBar.tsx +49 -0
  44. package/src/components/FilterBar/index.ts +1 -1
  45. package/src/index.ts +4 -4
  46. package/stories/Button.stories.ts +50 -50
  47. package/stories/Button.tsx +48 -48
  48. package/stories/Configure.mdx +364 -364
  49. package/stories/Header.stories.ts +27 -27
  50. package/stories/Header.tsx +56 -56
  51. package/stories/Page.stories.ts +29 -29
  52. package/stories/Page.tsx +73 -73
  53. package/stories/assets/accessibility.svg +4 -4
  54. package/stories/assets/discord.svg +15 -15
  55. package/stories/assets/github.svg +3 -3
  56. package/stories/assets/tutorials.svg +12 -12
  57. package/stories/assets/youtube.svg +4 -4
  58. package/stories/button.css +30 -30
  59. package/stories/header.css +32 -32
  60. package/stories/page.css +69 -69
  61. package/tsconfig.json +22 -22
@@ -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;
@@ -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 "react";
2
- import "./FilterBar.css";
1
+ import React from 'react';
2
+ import './FilterBar.css';
3
3
  export default function FilterBar(): React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export default function Calendar(): React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export default function Divider(): React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export default function SelectButton({ label, onClick }: any): React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export default function SubmitButton({ onClick }: any): React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import "react-day-picker/dist/style.css";
3
+ export default function Calendar(): React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import './Categories.css';
3
+ export default function Categories({ categories, setCategories }: any): React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import './Divider.css';
3
+ export default function Divider(): React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import './Guests.css';
3
+ export default function Guests({ guestsAdults, guestsKids, decrementAdults, incrementAdults, decrementKids, incrementKids, }: any): React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import './SelectButton.css';
3
+ export default function SelectButton({ label, onClick }: any): React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import './SubmitButton.css';
3
+ export default function SubmitButton({ onClick }: any): 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
+ };