@popsure/dirty-swan 0.27.14 → 0.27.16

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 (26) hide show
  1. package/dist/index.js +293 -227
  2. package/dist/index.js.map +1 -1
  3. package/dist/lib/components/button/index.d.ts +1 -1
  4. package/dist/lib/components/comparisonTable/components/AccordionItem/AccordionItem.d.ts +10 -0
  5. package/dist/lib/components/comparisonTable/components/AccordionItem/index.d.ts +1 -0
  6. package/dist/lib/components/comparisonTable/components/Row/index.d.ts +1 -1
  7. package/dist/lib/components/comparisonTable/components/TableArrows/index.d.ts +4 -2
  8. package/dist/lib/components/comparisonTable/hooks/useComparisonTable.d.ts +14 -0
  9. package/dist/lib/components/comparisonTable/index.d.ts +10 -4
  10. package/dist/lib/components/input/index.d.ts +1 -1
  11. package/package.json +2 -1
  12. package/src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.module.scss +44 -0
  13. package/src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.tsx +74 -0
  14. package/src/lib/components/comparisonTable/components/AccordionItem/index.tsx +1 -0
  15. package/src/lib/components/comparisonTable/components/Row/index.tsx +1 -3
  16. package/src/lib/components/comparisonTable/components/Row/style.module.scss +11 -2
  17. package/src/lib/components/comparisonTable/components/TableArrows/index.tsx +1 -3
  18. package/src/lib/components/comparisonTable/components/TableArrows/style.module.scss +1 -1
  19. package/src/lib/components/comparisonTable/hooks/useComparisonTable.ts +124 -0
  20. package/src/lib/components/comparisonTable/index.stories.mdx +226 -8
  21. package/src/lib/components/comparisonTable/index.tsx +172 -123
  22. package/src/lib/components/comparisonTable/style.module.scss +16 -6
  23. package/src/lib/components/dateSelector/datepicker.scss +2 -8
  24. package/src/lib/components/dateSelector/index.tsx +2 -0
  25. package/dist/lib/components/comparisonTable/hooks/useActiveTableArrows.d.ts +0 -10
  26. package/src/lib/components/comparisonTable/hooks/useActiveTableArrows.ts +0 -63
@@ -156,6 +156,8 @@ const DateSelector = ({
156
156
  } else {
157
157
  setDate(newValue);
158
158
  }
159
+
160
+ setOpenCalendar(false);
159
161
  };
160
162
 
161
163
  return (
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export interface ActiveTableArrows {
3
- left: boolean;
4
- right: boolean;
5
- }
6
- export declare const useActiveTableArrows: () => {
7
- activeArrows: ActiveTableArrows;
8
- contentContainerRef: React.Ref<HTMLDivElement>;
9
- contentWrapperRef: React.Ref<HTMLDivElement>;
10
- };
@@ -1,63 +0,0 @@
1
- import React, { useEffect, useRef, useState } from 'react';
2
- import debounce from 'lodash.debounce';
3
-
4
- export interface ActiveTableArrows {
5
- left: boolean;
6
- right: boolean;
7
- }
8
-
9
- export const useActiveTableArrows = (): {
10
- activeArrows: ActiveTableArrows;
11
- contentContainerRef: React.Ref<HTMLDivElement>;
12
- contentWrapperRef: React.Ref<HTMLDivElement>;
13
- } => {
14
- const [activeArrows, setActiveArrows] = useState<ActiveTableArrows>({
15
- left: false,
16
- right: true,
17
- });
18
- const contentContainerRef = useRef<HTMLDivElement | null>(null);
19
- const contentWrapperRef = useRef<HTMLDivElement | null>(null);
20
-
21
- const handleTableScroll = (e: Event) => {
22
- const width = window.innerWidth;
23
-
24
- if (
25
- e.target === contentWrapperRef.current &&
26
- contentContainerRef.current &&
27
- contentContainerRef.current
28
- ) {
29
- const left =
30
- contentContainerRef.current.getBoundingClientRect().left * -1;
31
-
32
- setActiveArrows({
33
- left: left > 0,
34
- right:
35
- left + width <
36
- contentContainerRef.current.getBoundingClientRect().width,
37
- });
38
- }
39
- };
40
-
41
- const debouncedTableScroll = debounce(handleTableScroll, 150);
42
-
43
- useEffect(() => {
44
- contentWrapperRef.current?.addEventListener(
45
- 'scroll',
46
- debouncedTableScroll,
47
- {
48
- passive: true,
49
- }
50
- );
51
-
52
- return contentWrapperRef.current?.removeEventListener(
53
- 'scroll',
54
- handleTableScroll
55
- );
56
- }, []); // eslint-disable-line react-hooks/exhaustive-deps
57
-
58
- return {
59
- activeArrows,
60
- contentContainerRef,
61
- contentWrapperRef,
62
- };
63
- };