@seeqdev/qomponents 0.0.155-react-19-v10 → 0.0.156
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/README.md +135 -135
- package/dist/Accordion/Accordion.stories.d.ts +1 -2
- package/dist/Alert/Alert.stories.d.ts +1 -2
- package/dist/Alert/Alert.types.d.ts +0 -1
- package/dist/Button/Button.stories.d.ts +4 -5
- package/dist/Button/Button.types.d.ts +1 -1
- package/dist/ButtonGroup/ButtonGroup.stories.d.ts +1 -2
- package/dist/ButtonGroup/ButtonGroup.types.d.ts +0 -1
- package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts +1 -2
- package/dist/ButtonWithDropdown/ButtonWithDropdown.types.d.ts +0 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.stories.d.ts +1 -2
- package/dist/Carousel/Carousel.stories.d.ts +1 -2
- package/dist/Carousel/Carousel.types.d.ts +0 -1
- package/dist/Checkbox/Checkbox.stories.d.ts +1 -2
- package/dist/Checkbox/Checkbox.types.d.ts +0 -1
- package/dist/Collapse/Collapse.stories.d.ts +1 -2
- package/dist/Collapse/Collapse.types.d.ts +0 -1
- package/dist/Icon/Icon.stories.d.ts +1 -2
- package/dist/Icon/Icon.types.d.ts +0 -1
- package/dist/InputGroup/InputGroup.stories.d.ts +1 -2
- package/dist/InputGroup/InputGroup.types.d.ts +0 -1
- package/dist/ProgressBar/ProgressBar.stories.d.ts +3 -2
- package/dist/ProgressBar/ProgressBar.types.d.ts +10 -0
- package/dist/ProgressBar/index.d.ts +1 -0
- package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.d.ts +1 -2
- package/dist/SeeqActionDropdown/SeeqActionDropdown.types.d.ts +0 -1
- package/dist/Select/Select.stories.d.ts +1 -2
- package/dist/Slider/Slider.stories.d.ts +1 -2
- package/dist/Slider/Slider.types.d.ts +0 -1
- package/dist/SvgIcon/SvgIcon.stories.d.ts +1 -2
- package/dist/SvgIcon/SvgIcon.types.d.ts +0 -1
- package/dist/Tabs/Tabs.stories.d.ts +1 -2
- package/dist/Tabs/Tabs.types.d.ts +1 -2
- package/dist/TextArea/TextArea.stories.d.ts +1 -2
- package/dist/TextArea/TextArea.types.d.ts +0 -1
- package/dist/TextField/TextField.stories.d.ts +1 -2
- package/dist/TextField/TextField.types.d.ts +0 -1
- package/dist/ToolbarButton/ToolbarButton.stories.d.ts +1 -2
- package/dist/Tooltip/QTip.stories.d.ts +1 -2
- package/dist/Tooltip/QTipPerformance.stories.d.ts +1 -2
- package/dist/Tooltip/Tooltip.stories.d.ts +1 -2
- package/dist/Tooltip/Tooltip.types.d.ts +2 -3
- package/dist/Tooltip/TooltipPerformance.stories.d.ts +1 -2
- package/dist/example/.eslintrc.cjs +14 -14
- package/dist/example/README.md +33 -33
- package/dist/example/index.html +13 -13
- package/dist/example/package.json +30 -30
- package/dist/example/src/ComplexSelectExample.tsx +81 -81
- package/dist/example/src/Example.tsx +408 -408
- package/dist/example/src/index.css +102 -102
- package/dist/example/src/main.tsx +10 -10
- package/dist/example/src/vite-env.d.ts +1 -1
- package/dist/example/tsconfig.json +33 -33
- package/dist/example/tsconfig.node.json +12 -12
- package/dist/example/vite.config.ts +12 -12
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +7896 -14347
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +7889 -14340
- package/dist/index.js.map +1 -1
- package/dist/styles.css +4006 -3819
- package/package.json +88 -91
- package/dist/Accordion/Accordion.js +0 -9
- package/dist/Accordion/Accordion.js.map +0 -1
- package/dist/Accordion/Accordion.stories.js +0 -115
- package/dist/Accordion/Accordion.stories.js.map +0 -1
- package/dist/Accordion/Accordion.test.js +0 -55
- package/dist/Accordion/Accordion.test.js.map +0 -1
- package/dist/Accordion/Accordion.types.js +0 -2
- package/dist/Accordion/Accordion.types.js.map +0 -1
- package/dist/Accordion/index.js +0 -2
- package/dist/Accordion/index.js.map +0 -1
- package/dist/Alert/Alert.js +0 -34
- package/dist/Alert/Alert.js.map +0 -1
- package/dist/Alert/Alert.stories.js +0 -52
- package/dist/Alert/Alert.stories.js.map +0 -1
- package/dist/Alert/Alert.test.js +0 -51
- package/dist/Alert/Alert.test.js.map +0 -1
- package/dist/Alert/Alert.types.js +0 -2
- package/dist/Alert/Alert.types.js.map +0 -1
- package/dist/Alert/index.js +0 -2
- package/dist/Alert/index.js.map +0 -1
- package/dist/Button/Button.js +0 -92
- package/dist/Button/Button.js.map +0 -1
- package/dist/Button/Button.stories.js +0 -100
- package/dist/Button/Button.stories.js.map +0 -1
- package/dist/Button/Button.test.js +0 -49
- package/dist/Button/Button.test.js.map +0 -1
- package/dist/Button/Button.types.js +0 -5
- package/dist/Button/Button.types.js.map +0 -1
- package/dist/Button/index.js +0 -2
- package/dist/Button/index.js.map +0 -1
- package/dist/ButtonGroup/ButtonGroup.js +0 -35
- package/dist/ButtonGroup/ButtonGroup.js.map +0 -1
- package/dist/ButtonGroup/ButtonGroup.stories.js +0 -385
- package/dist/ButtonGroup/ButtonGroup.stories.js.map +0 -1
- package/dist/ButtonGroup/ButtonGroup.test.js +0 -67
- package/dist/ButtonGroup/ButtonGroup.test.js.map +0 -1
- package/dist/ButtonGroup/ButtonGroup.types.js +0 -2
- package/dist/ButtonGroup/ButtonGroup.types.js.map +0 -1
- package/dist/ButtonGroup/index.js +0 -2
- package/dist/ButtonGroup/index.js.map +0 -1
- package/dist/ButtonWithDropdown/ButtonWithDropdown.js +0 -60
- package/dist/ButtonWithDropdown/ButtonWithDropdown.js.map +0 -1
- package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js +0 -143
- package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js.map +0 -1
- package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js +0 -93
- package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js.map +0 -1
- package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js +0 -2
- package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js.map +0 -1
- package/dist/ButtonWithDropdown/index.js +0 -2
- package/dist/ButtonWithDropdown/index.js.map +0 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.js +0 -62
- package/dist/ButtonWithPopover/ButtonWithPopover.js.map +0 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.stories.js +0 -75
- package/dist/ButtonWithPopover/ButtonWithPopover.stories.js.map +0 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.test.js +0 -82
- package/dist/ButtonWithPopover/ButtonWithPopover.test.js.map +0 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.types.js +0 -2
- package/dist/ButtonWithPopover/ButtonWithPopover.types.js.map +0 -1
- package/dist/ButtonWithPopover/index.js +0 -2
- package/dist/ButtonWithPopover/index.js.map +0 -1
- package/dist/Carousel/Carousel.js +0 -70
- package/dist/Carousel/Carousel.js.map +0 -1
- package/dist/Carousel/Carousel.stories.js +0 -115
- package/dist/Carousel/Carousel.stories.js.map +0 -1
- package/dist/Carousel/Carousel.test.js +0 -48
- package/dist/Carousel/Carousel.test.js.map +0 -1
- package/dist/Carousel/Carousel.types.js +0 -2
- package/dist/Carousel/Carousel.types.js.map +0 -1
- package/dist/Carousel/index.js +0 -2
- package/dist/Carousel/index.js.map +0 -1
- package/dist/Checkbox/Checkbox.js +0 -26
- package/dist/Checkbox/Checkbox.js.map +0 -1
- package/dist/Checkbox/Checkbox.stories.js +0 -34
- package/dist/Checkbox/Checkbox.stories.js.map +0 -1
- package/dist/Checkbox/Checkbox.test.js +0 -94
- package/dist/Checkbox/Checkbox.test.js.map +0 -1
- package/dist/Checkbox/Checkbox.types.js +0 -2
- package/dist/Checkbox/Checkbox.types.js.map +0 -1
- package/dist/Checkbox/index.js +0 -2
- package/dist/Checkbox/index.js.map +0 -1
- package/dist/Collapse/Collapse.js +0 -15
- package/dist/Collapse/Collapse.js.map +0 -1
- package/dist/Collapse/Collapse.stories.js +0 -37
- package/dist/Collapse/Collapse.stories.js.map +0 -1
- package/dist/Collapse/Collapse.test.js +0 -19
- package/dist/Collapse/Collapse.test.js.map +0 -1
- package/dist/Collapse/Collapse.types.js +0 -2
- package/dist/Collapse/Collapse.types.js.map +0 -1
- package/dist/Collapse/index.js +0 -2
- package/dist/Collapse/index.js.map +0 -1
- package/dist/Icon/Icon.js +0 -55
- package/dist/Icon/Icon.js.map +0 -1
- package/dist/Icon/Icon.stories.js +0 -49
- package/dist/Icon/Icon.stories.js.map +0 -1
- package/dist/Icon/Icon.test.js +0 -55
- package/dist/Icon/Icon.test.js.map +0 -1
- package/dist/Icon/Icon.types.js +0 -16
- package/dist/Icon/Icon.types.js.map +0 -1
- package/dist/Icon/index.js +0 -2
- package/dist/Icon/index.js.map +0 -1
- package/dist/InputGroup/InputGroup.js +0 -35
- package/dist/InputGroup/InputGroup.js.map +0 -1
- package/dist/InputGroup/InputGroup.stories.js +0 -176
- package/dist/InputGroup/InputGroup.stories.js.map +0 -1
- package/dist/InputGroup/InputGroup.test.js +0 -43
- package/dist/InputGroup/InputGroup.test.js.map +0 -1
- package/dist/InputGroup/InputGroup.types.js +0 -2
- package/dist/InputGroup/InputGroup.types.js.map +0 -1
- package/dist/InputGroup/index.js +0 -2
- package/dist/InputGroup/index.js.map +0 -1
- package/dist/Modal/Modal.js +0 -102
- package/dist/Modal/Modal.js.map +0 -1
- package/dist/Modal/Modal.stories.js +0 -127
- package/dist/Modal/Modal.stories.js.map +0 -1
- package/dist/Modal/Modal.test.js +0 -108
- package/dist/Modal/Modal.test.js.map +0 -1
- package/dist/Modal/Modal.types.js +0 -2
- package/dist/Modal/Modal.types.js.map +0 -1
- package/dist/Modal/index.js +0 -2
- package/dist/Modal/index.js.map +0 -1
- package/dist/ProgressBar/ProgressBar.js +0 -70
- package/dist/ProgressBar/ProgressBar.js.map +0 -1
- package/dist/ProgressBar/ProgressBar.stories.js +0 -83
- package/dist/ProgressBar/ProgressBar.stories.js.map +0 -1
- package/dist/ProgressBar/ProgressBar.test.js +0 -44
- package/dist/ProgressBar/ProgressBar.test.js.map +0 -1
- package/dist/ProgressBar/ProgressBar.types.js +0 -2
- package/dist/ProgressBar/ProgressBar.types.js.map +0 -1
- package/dist/ProgressBar/index.js +0 -2
- package/dist/ProgressBar/index.js.map +0 -1
- package/dist/SeeqActionDropdown/SeeqActionDropdown.js +0 -48
- package/dist/SeeqActionDropdown/SeeqActionDropdown.js.map +0 -1
- package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js +0 -87
- package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js.map +0 -1
- package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js +0 -73
- package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js.map +0 -1
- package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js +0 -2
- package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js.map +0 -1
- package/dist/SeeqActionDropdown/index.js +0 -2
- package/dist/SeeqActionDropdown/index.js.map +0 -1
- package/dist/SeeqActionDropdown/variants.js +0 -38
- package/dist/SeeqActionDropdown/variants.js.map +0 -1
- package/dist/Select/Select.js +0 -177
- package/dist/Select/Select.js.map +0 -1
- package/dist/Select/Select.stories.js +0 -82
- package/dist/Select/Select.stories.js.map +0 -1
- package/dist/Select/Select.test.js +0 -182
- package/dist/Select/Select.test.js.map +0 -1
- package/dist/Select/Select.types.js +0 -2
- package/dist/Select/Select.types.js.map +0 -1
- package/dist/Select/index.js +0 -3
- package/dist/Select/index.js.map +0 -1
- package/dist/Slider/Slider.js +0 -13
- package/dist/Slider/Slider.js.map +0 -1
- package/dist/Slider/Slider.stories.js +0 -58
- package/dist/Slider/Slider.stories.js.map +0 -1
- package/dist/Slider/Slider.test.js +0 -33
- package/dist/Slider/Slider.test.js.map +0 -1
- package/dist/Slider/Slider.types.js +0 -2
- package/dist/Slider/Slider.types.js.map +0 -1
- package/dist/Slider/index.js +0 -2
- package/dist/Slider/index.js.map +0 -1
- package/dist/SvgIcon/SvgIcon.js +0 -30
- package/dist/SvgIcon/SvgIcon.js.map +0 -1
- package/dist/SvgIcon/SvgIcon.stories.js +0 -42
- package/dist/SvgIcon/SvgIcon.stories.js.map +0 -1
- package/dist/SvgIcon/SvgIcon.test.js +0 -41
- package/dist/SvgIcon/SvgIcon.test.js.map +0 -1
- package/dist/SvgIcon/SvgIcon.types.js +0 -6
- package/dist/SvgIcon/SvgIcon.types.js.map +0 -1
- package/dist/SvgIcon/index.js +0 -2
- package/dist/SvgIcon/index.js.map +0 -1
- package/dist/Tabs/Tabs.js +0 -22
- package/dist/Tabs/Tabs.js.map +0 -1
- package/dist/Tabs/Tabs.stories.js +0 -91
- package/dist/Tabs/Tabs.stories.js.map +0 -1
- package/dist/Tabs/Tabs.test.js +0 -91
- package/dist/Tabs/Tabs.test.js.map +0 -1
- package/dist/Tabs/Tabs.types.js +0 -2
- package/dist/Tabs/Tabs.types.js.map +0 -1
- package/dist/Tabs/index.js +0 -2
- package/dist/Tabs/index.js.map +0 -1
- package/dist/TextArea/TextArea.js +0 -25
- package/dist/TextArea/TextArea.js.map +0 -1
- package/dist/TextArea/TextArea.stories.js +0 -46
- package/dist/TextArea/TextArea.stories.js.map +0 -1
- package/dist/TextArea/TextArea.test.js +0 -68
- package/dist/TextArea/TextArea.test.js.map +0 -1
- package/dist/TextArea/TextArea.types.js +0 -2
- package/dist/TextArea/TextArea.types.js.map +0 -1
- package/dist/TextArea/index.js +0 -2
- package/dist/TextArea/index.js.map +0 -1
- package/dist/TextField/TextField.js +0 -86
- package/dist/TextField/TextField.js.map +0 -1
- package/dist/TextField/TextField.stories.js +0 -70
- package/dist/TextField/TextField.stories.js.map +0 -1
- package/dist/TextField/TextField.test.js +0 -41
- package/dist/TextField/TextField.test.js.map +0 -1
- package/dist/TextField/TextField.types.js +0 -2
- package/dist/TextField/TextField.types.js.map +0 -1
- package/dist/TextField/index.js +0 -2
- package/dist/TextField/index.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.js +0 -69
- package/dist/ToolbarButton/ToolbarButton.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.stories.js +0 -97
- package/dist/ToolbarButton/ToolbarButton.stories.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.test.js +0 -93
- package/dist/ToolbarButton/ToolbarButton.test.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.types.js +0 -2
- package/dist/ToolbarButton/ToolbarButton.types.js.map +0 -1
- package/dist/ToolbarButton/index.js +0 -2
- package/dist/ToolbarButton/index.js.map +0 -1
- package/dist/Tooltip/QTip.stories.js +0 -45
- package/dist/Tooltip/QTip.stories.js.map +0 -1
- package/dist/Tooltip/QTip.types.js +0 -2
- package/dist/Tooltip/QTip.types.js.map +0 -1
- package/dist/Tooltip/QTipPerformance.stories.js +0 -30
- package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
- package/dist/Tooltip/Qtip.js +0 -170
- package/dist/Tooltip/Qtip.js.map +0 -1
- package/dist/Tooltip/Tooltip.js +0 -36
- package/dist/Tooltip/Tooltip.js.map +0 -1
- package/dist/Tooltip/Tooltip.stories.js +0 -32
- package/dist/Tooltip/Tooltip.stories.js.map +0 -1
- package/dist/Tooltip/Tooltip.types.js +0 -3
- package/dist/Tooltip/Tooltip.types.js.map +0 -1
- package/dist/Tooltip/TooltipPerformance.stories.js +0 -30
- package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
- package/dist/Tooltip/index.js +0 -3
- package/dist/Tooltip/index.js.map +0 -1
- package/dist/Tooltip/qTip.utilities.js +0 -11
- package/dist/Tooltip/qTip.utilities.js.map +0 -1
- package/dist/types.js +0 -2
- package/dist/types.js.map +0 -1
- package/dist/utils/browserId.js +0 -29
- package/dist/utils/browserId.js.map +0 -1
- package/dist/utils/svg.js +0 -20
- package/dist/utils/svg.js.map +0 -1
- package/dist/utils/validateStyleDimension.js +0 -14
- package/dist/utils/validateStyleDimension.js.map +0 -1
- package/dist/utils/validateStyleDimension.test.js +0 -20
- package/dist/utils/validateStyleDimension.test.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,91 +1,88 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@seeqdev/qomponents",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"main": "dist/index.js",
|
|
5
|
-
"module": "dist/index.esm.js",
|
|
6
|
-
"types": "dist/index.js",
|
|
7
|
-
"skip-lib-check": true,
|
|
8
|
-
"files": [
|
|
9
|
-
"dist"
|
|
10
|
-
],
|
|
11
|
-
"repository": {
|
|
12
|
-
"type": "git",
|
|
13
|
-
"url": "TOOD"
|
|
14
|
-
},
|
|
15
|
-
"publishConfig": {
|
|
16
|
-
"access": "public"
|
|
17
|
-
},
|
|
18
|
-
"description": "A library that allows you to build native UIs ... TODO",
|
|
19
|
-
"scripts": {
|
|
20
|
-
"build": "rollup -c --bundleConfigAsCjs",
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"test": "jest",
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"
|
|
33
|
-
|
|
34
|
-
"react": ">=
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
"@
|
|
39
|
-
"@
|
|
40
|
-
"@rollup/plugin-
|
|
41
|
-
"@
|
|
42
|
-
"@
|
|
43
|
-
"@testing-library/
|
|
44
|
-
"@testing-library/
|
|
45
|
-
"@
|
|
46
|
-
"@types/
|
|
47
|
-
"@types/
|
|
48
|
-
"@types/react": "
|
|
49
|
-
"@types/
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"jest": "29.
|
|
55
|
-
"jest-
|
|
56
|
-
"jest-
|
|
57
|
-
"jest-
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"react": "
|
|
61
|
-
"
|
|
62
|
-
"rollup": "3.
|
|
63
|
-
"rollup-plugin-
|
|
64
|
-
"rollup-plugin-
|
|
65
|
-
"rollup-plugin-
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"ts-
|
|
69
|
-
"
|
|
70
|
-
"typescript": "
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
"@
|
|
75
|
-
"@radix-ui/react-
|
|
76
|
-
"@radix-ui/react-
|
|
77
|
-
"@radix-ui/react-
|
|
78
|
-
"@radix-ui/react-
|
|
79
|
-
"@radix-ui/react-
|
|
80
|
-
"@radix-ui/react-
|
|
81
|
-
"@
|
|
82
|
-
"dompurify": "3.2.3",
|
|
83
|
-
"
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
"tinycolor2": "1.6.0"
|
|
90
|
-
}
|
|
91
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@seeqdev/qomponents",
|
|
3
|
+
"version": "0.0.156",
|
|
4
|
+
"main": "dist/index.js",
|
|
5
|
+
"module": "dist/index.esm.js",
|
|
6
|
+
"types": "dist/index.js",
|
|
7
|
+
"skip-lib-check": true,
|
|
8
|
+
"files": [
|
|
9
|
+
"dist"
|
|
10
|
+
],
|
|
11
|
+
"repository": {
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "TOOD"
|
|
14
|
+
},
|
|
15
|
+
"publishConfig": {
|
|
16
|
+
"access": "public"
|
|
17
|
+
},
|
|
18
|
+
"description": "A library that allows you to build native UIs ... TODO",
|
|
19
|
+
"scripts": {
|
|
20
|
+
"build": "rollup -c --bundleConfigAsCjs",
|
|
21
|
+
"watchRollup": "rollup -c --bundleConfigAsCjs --watch",
|
|
22
|
+
"test": "jest",
|
|
23
|
+
"test:watch": "jest --watch",
|
|
24
|
+
"dev": "ladle serve"
|
|
25
|
+
},
|
|
26
|
+
"author": "Seeq",
|
|
27
|
+
"license": "MIT",
|
|
28
|
+
"bugs": {
|
|
29
|
+
"url": "TODO"
|
|
30
|
+
},
|
|
31
|
+
"homepage": "https://seeq12.github.io/qomponents-documentation/",
|
|
32
|
+
"peerDependencies": {
|
|
33
|
+
"react": ">=17.0.0",
|
|
34
|
+
"react-dom": ">=17.0.0"
|
|
35
|
+
},
|
|
36
|
+
"devDependencies": {
|
|
37
|
+
"@ladle/react": "2.9.0",
|
|
38
|
+
"@react-types/shared": "3.19.0",
|
|
39
|
+
"@rollup/plugin-commonjs": "24.0.1",
|
|
40
|
+
"@rollup/plugin-node-resolve": "15.0.1",
|
|
41
|
+
"@tailwindcss/forms": "0.5.3",
|
|
42
|
+
"@testing-library/jest-dom": "5.16.5",
|
|
43
|
+
"@testing-library/react": "14.0.0",
|
|
44
|
+
"@testing-library/user-event": "14.4.3",
|
|
45
|
+
"@types/dompurify": "^3.0.2",
|
|
46
|
+
"@types/jest": "29.4.0",
|
|
47
|
+
"@types/react": "18.0.27",
|
|
48
|
+
"@types/react-dom": "18.0.11",
|
|
49
|
+
"@types/tinycolor2": "1.4.2",
|
|
50
|
+
"autoprefixer": "10.4.13",
|
|
51
|
+
"color": "4.2.3",
|
|
52
|
+
"identity-obj-proxy": "3.0.0",
|
|
53
|
+
"jest": "29.4.3",
|
|
54
|
+
"jest-cli": "29.1.1",
|
|
55
|
+
"jest-environment-jsdom": "29.4.3",
|
|
56
|
+
"jest-junit": "15.0.0",
|
|
57
|
+
"jest-silent-reporter": "0.5.0",
|
|
58
|
+
"postcss-import": "15.1.0",
|
|
59
|
+
"react": "18.2.0",
|
|
60
|
+
"react-dom": "18.2.0",
|
|
61
|
+
"rollup": "3.17.2",
|
|
62
|
+
"rollup-plugin-copy": "3.4.0",
|
|
63
|
+
"rollup-plugin-peer-deps-external": "2.2.4",
|
|
64
|
+
"rollup-plugin-postcss": "4.0.2",
|
|
65
|
+
"rollup-plugin-typescript2": "0.34.1",
|
|
66
|
+
"tailwindcss": "3.2.7",
|
|
67
|
+
"ts-jest": "29.0.5",
|
|
68
|
+
"ts-node": "10.9.1",
|
|
69
|
+
"typescript": "4.9.5",
|
|
70
|
+
"typescript-strict-plugin": "2.1.0"
|
|
71
|
+
},
|
|
72
|
+
"dependencies": {
|
|
73
|
+
"@floating-ui/dom": "1.5.1",
|
|
74
|
+
"@radix-ui/react-accordion": "1.1.2",
|
|
75
|
+
"@radix-ui/react-dialog": "1.0.5",
|
|
76
|
+
"@radix-ui/react-dropdown-menu": "2.0.6",
|
|
77
|
+
"@radix-ui/react-popover": "1.0.7",
|
|
78
|
+
"@radix-ui/react-progress": "1.1.1",
|
|
79
|
+
"@radix-ui/react-slider": "1.2.2",
|
|
80
|
+
"@radix-ui/react-tabs": "1.0.4",
|
|
81
|
+
"@react-spring/web": "9.7.5",
|
|
82
|
+
"dompurify": "3.2.3",
|
|
83
|
+
"postcss": "8.4.21",
|
|
84
|
+
"react-select": "5.7.3",
|
|
85
|
+
"rooks": "7.14.1",
|
|
86
|
+
"tinycolor2": "1.6.0"
|
|
87
|
+
}
|
|
88
|
+
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Root, Item, Trigger, Content } from '@radix-ui/react-accordion';
|
|
3
|
-
const Accordion = ({ accordionItems, defaultValue, value, onItemSelect, disabled, extraClassNames, testId, }) => {
|
|
4
|
-
return (React.createElement(Root, { className: `tw-rounded-md tw-w-full focus-visible:tw-outline-none ${extraClassNames || ''}`, type: "single", defaultValue: defaultValue, value: value, collapsible: true, "data-testid": testId, onValueChange: (_value) => onItemSelect(_value) }, accordionItems.map((item) => (React.createElement(Item, { className: `tw-bg-transparent tw-p-0 tw-flex tw-flex-col tw-w-full`, key: item.value, disabled: disabled, value: item.value },
|
|
5
|
-
React.createElement(Trigger, { disabled: disabled, className: `tw-w-full tw-cursor-default focus-visible:tw-outline-none` }, item.trigger),
|
|
6
|
-
React.createElement(Content, { className: `data-[state=open]:tw-animate-slideDown data-[state=closed]:tw-animate-slideUp tw-overflow-hidden focus-visible:tw-outline-none ${item.contentClassNames || ''}` }, item.content))))));
|
|
7
|
-
};
|
|
8
|
-
export default Accordion;
|
|
9
|
-
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAGzE,MAAM,SAAS,GAA4C,CAAC,EAC1D,cAAc,EACd,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,yDAAyD,eAAe,IAAI,EAAE,EAAE,EAC3F,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,uBACE,MAAM,EACnB,aAAa,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAC9C,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC5B,oBAAC,IAAI,IACH,SAAS,EAAE,wDAAwD,EACnE,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,2DAA2D,IAChG,IAAI,CAAC,OAAO,CACL;QACV,oBAAC,OAAO,IACN,SAAS,EAAE,kIACT,IAAI,CAAC,iBAAiB,IAAI,EAC5B,EAAE,IACD,IAAI,CAAC,OAAO,CACL,CACL,CACR,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Accordion from './Accordion';
|
|
3
|
-
import { QTip } from '../Tooltip/Qtip';
|
|
4
|
-
import Icon from '../Icon';
|
|
5
|
-
import Tabs from '../Tabs';
|
|
6
|
-
import Button from '../Button';
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Accordion',
|
|
9
|
-
};
|
|
10
|
-
const Trigger = ({ label }) => (React.createElement("div", { className: "tw-flex tw-justify-start tw-items-center tw-border-b tw-px-2 tw-text-sq-color-dark" },
|
|
11
|
-
React.createElement(Icon, { icon: "fc-arrow-dropdown", extraClassNames: "tw-text-sq-color-dark tw-mr-[0.5rem] tw-text-[0.75rem]", type: "text" }),
|
|
12
|
-
label));
|
|
13
|
-
const TriggerSecond = ({ label }) => (React.createElement("div", { className: "tw-flex tw-justify-between tw-items-center tw-border-b tw-px-2 tw-text-sq-color-dark tw-py-2" },
|
|
14
|
-
label,
|
|
15
|
-
React.createElement(Icon, { icon: "fc-arrow-dropdown", extraClassNames: "tw-text-sq-color-dark tw-mr-[0.5rem] tw-text-[0.75rem]", type: "text" })));
|
|
16
|
-
const renderData = () => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
|
|
17
|
-
React.createElement("p", { className: "tw-mb-5 tw-text-[0.9375rem] tw-leading-normal" }, "This is a data tab to show details about your data. You can make changes to your account"),
|
|
18
|
-
React.createElement(Button, { variant: "outline", label: "Save data" })));
|
|
19
|
-
const renderTools = () => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
|
|
20
|
-
React.createElement("p", { className: "tw-mb-5 tw-text-[0.9375rem] tw-leading-normal" }, "Make changes to your account here. Click save when you're done."),
|
|
21
|
-
React.createElement(Button, { variant: "outline", label: "Save tools" })));
|
|
22
|
-
const renderJournal = () => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
|
|
23
|
-
React.createElement("p", { className: "tw-mb-5 tw-text-[0.9375rem] tw-leading-normal" }, "Make changes to your account here. Click save when you're done."),
|
|
24
|
-
React.createElement(Button, { variant: "outline", label: "Save journal" })));
|
|
25
|
-
const tabsList = [
|
|
26
|
-
{
|
|
27
|
-
id: 'data',
|
|
28
|
-
label: 'Data',
|
|
29
|
-
icon: 'fc-data',
|
|
30
|
-
content: renderData(),
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
id: 'tools',
|
|
34
|
-
label: 'Tools',
|
|
35
|
-
icon: 'fc-gears-2',
|
|
36
|
-
content: renderTools(),
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
id: 'journal',
|
|
40
|
-
label: 'Journal',
|
|
41
|
-
icon: 'fc-workbook-lock',
|
|
42
|
-
content: renderJournal(),
|
|
43
|
-
},
|
|
44
|
-
];
|
|
45
|
-
export const AllAccordionVariants = () => {
|
|
46
|
-
const [activeTab, setActiveTab] = React.useState('data');
|
|
47
|
-
const [value, setValue] = React.useState('oranges');
|
|
48
|
-
const accordionItems = [
|
|
49
|
-
{
|
|
50
|
-
value: 'oranges',
|
|
51
|
-
id: 'oranges',
|
|
52
|
-
itemTestId: 'oranges',
|
|
53
|
-
trigger: React.createElement(Trigger, { label: "Oranges" }),
|
|
54
|
-
content: (React.createElement("div", { className: "tw-p-2 tw-text-[0.8125rem] dark:tw-text-sq-white" }, "Oranges are the fruit of the citrus species Citrus \u00D7 sinensis in the family Rutaceae. They are also called sweet oranges to distinguish them from the related Citrus \u00D7 aurantium, referred to as bitter oranges. They are round and orange, and usually have a sour or bitter taste. Oranges are a good source of vitamin C.")),
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
value: 'apples',
|
|
58
|
-
id: 'apples',
|
|
59
|
-
itemTestId: 'apples',
|
|
60
|
-
trigger: React.createElement(Trigger, { label: "Apples" }),
|
|
61
|
-
content: (React.createElement("div", null,
|
|
62
|
-
React.createElement("div", { className: "tw-p-4" },
|
|
63
|
-
React.createElement(Tabs, { stretchTabs: true, activeTab: activeTab, onTabSelect: setActiveTab, defaultActiveTab: "data", tabs: tabsList })))),
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
value: 'bananas',
|
|
67
|
-
id: 'bananas',
|
|
68
|
-
trigger: React.createElement(Trigger, { label: "Bananas" }),
|
|
69
|
-
itemTestId: 'bananas',
|
|
70
|
-
content: (React.createElement("div", null, "A banana is an elongated, edible fruit \u2013 botanically a berry \u2013 produced by several kinds of large herbaceous flowering plants in the genus Musa. In some countries, bananas used for cooking may be called \"plantains\", distinguishing them from dessert bananas. The fruit is variable in size, color, and firmness, but is usually elongated and curved, with soft flesh rich in starch covered with a rind, which may be green, yellow, red, purple, or brown when ripe.")),
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
value: 'pineapples',
|
|
74
|
-
id: 'pineapples',
|
|
75
|
-
trigger: React.createElement(Trigger, { label: "Pineapples" }),
|
|
76
|
-
itemTestId: 'pineapples',
|
|
77
|
-
content: (React.createElement("div", null, "The pineapple is a tropical plant with an edible fruit and the most economically significant plant in the family Bromeliaceae. The pineapple is indigenous to South America, where it has been cultivated for many centuries. The introduction of the pineapple to Europe in the 17th century made it a significant cultural icon of luxury. Since the 1820s, pineapple has been commercially grown in greenhouses and many tropical plantations.")),
|
|
78
|
-
},
|
|
79
|
-
];
|
|
80
|
-
const allAccordions = (isDark) => (React.createElement("div", { className: isDark ? 'tw-dark tw-bg-sq-dark-background' : '' },
|
|
81
|
-
React.createElement("div", { className: "tw-p-5 " },
|
|
82
|
-
React.createElement(Accordion, { accordionItems: isDark
|
|
83
|
-
? accordionItems
|
|
84
|
-
: accordionItems.map((item) => ({ ...item, trigger: React.createElement(TriggerSecond, { label: item.value.toUpperCase() }) })), value: value, testId: "basic-accordion1", onItemSelect: (value) => setValue(value) }))));
|
|
85
|
-
const renderAllVariations = (isDark) => React.createElement("div", { className: "tw-p-4" }, allAccordions(isDark));
|
|
86
|
-
return (React.createElement(React.Fragment, null,
|
|
87
|
-
React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
|
|
88
|
-
React.createElement(QTip, null),
|
|
89
|
-
React.createElement("div", { className: "color_topic" },
|
|
90
|
-
React.createElement("b", null, "Topic Colors"),
|
|
91
|
-
renderAllVariations()),
|
|
92
|
-
React.createElement("div", { className: "color_analysis" },
|
|
93
|
-
React.createElement("b", null, "Analysis Colors"),
|
|
94
|
-
renderAllVariations()),
|
|
95
|
-
React.createElement("div", { className: "color_datalab" },
|
|
96
|
-
React.createElement("b", null, "Datalab Colors"),
|
|
97
|
-
renderAllVariations()),
|
|
98
|
-
React.createElement("div", { className: "color_vantage" },
|
|
99
|
-
React.createElement("b", null, "Vantage Colors"),
|
|
100
|
-
renderAllVariations())),
|
|
101
|
-
React.createElement("div", { className: "tw-dark tw-bg-sq-dark-background tw-grid tw-grid-cols-4 tw-gap-4 tw-py-4" },
|
|
102
|
-
React.createElement("div", { className: "color_topic dark:tw-text-sq-white tw-text-center" },
|
|
103
|
-
React.createElement("b", null, "Topic Colors"),
|
|
104
|
-
renderAllVariations(true)),
|
|
105
|
-
React.createElement("div", { className: "color_analysis dark:tw-text-sq-white tw-text-center" },
|
|
106
|
-
React.createElement("b", null, "Analysis Colors"),
|
|
107
|
-
renderAllVariations(true)),
|
|
108
|
-
React.createElement("div", { className: "color_datalab dark:tw-text-sq-white tw-text-center" },
|
|
109
|
-
React.createElement("b", null, "Datalab Colors"),
|
|
110
|
-
renderAllVariations(true)),
|
|
111
|
-
React.createElement("div", { className: "color_vantage dark:tw-text-sq-white tw-text-center" },
|
|
112
|
-
React.createElement("b", null, "Vantage Colors"),
|
|
113
|
-
renderAllVariations(true)))));
|
|
114
|
-
};
|
|
115
|
-
//# sourceMappingURL=Accordion.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '@testing-library/jest-dom';
|
|
3
|
-
import { render, screen } from '@testing-library/react';
|
|
4
|
-
import userEvent from '@testing-library/user-event';
|
|
5
|
-
import Accordion from './Accordion';
|
|
6
|
-
describe('Accordion', () => {
|
|
7
|
-
const mockOnItemSelect = jest.fn();
|
|
8
|
-
class Context {
|
|
9
|
-
testId = 'buttonTestId';
|
|
10
|
-
label = 'button label';
|
|
11
|
-
props = {
|
|
12
|
-
accordionItems: [
|
|
13
|
-
{
|
|
14
|
-
id: 'item1',
|
|
15
|
-
value: 'item1',
|
|
16
|
-
trigger: 'Item 1',
|
|
17
|
-
content: 'Content 1',
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
id: 'item2',
|
|
21
|
-
value: 'item2',
|
|
22
|
-
trigger: 'Item 2',
|
|
23
|
-
content: 'Content 2',
|
|
24
|
-
},
|
|
25
|
-
],
|
|
26
|
-
defaultValue: 'item1',
|
|
27
|
-
value: 'item1',
|
|
28
|
-
onItemSelect: (key) => mockOnItemSelect(key),
|
|
29
|
-
disabled: false,
|
|
30
|
-
extraClassNames: 'extra-class',
|
|
31
|
-
testId: this.testId,
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
let tc;
|
|
35
|
-
beforeEach(() => {
|
|
36
|
-
tc = new Context();
|
|
37
|
-
});
|
|
38
|
-
const renderAccordion = (props) => render(React.createElement(Accordion, { ...props }));
|
|
39
|
-
it('renders accordion items', () => {
|
|
40
|
-
renderAccordion(tc.props);
|
|
41
|
-
expect(screen.getByText('Item 1')).toBeInTheDocument();
|
|
42
|
-
expect(screen.getByText('Item 2')).toBeInTheDocument();
|
|
43
|
-
});
|
|
44
|
-
it('renders accordion content', () => {
|
|
45
|
-
renderAccordion(tc.props);
|
|
46
|
-
expect(screen.getByText('Content 1')).toBeInTheDocument();
|
|
47
|
-
expect(screen.queryByText('Content 2')).not.toBeInTheDocument();
|
|
48
|
-
});
|
|
49
|
-
it('calls onItemSelect when an item is selected', async () => {
|
|
50
|
-
renderAccordion(tc.props);
|
|
51
|
-
await userEvent.click(screen.getByText('Item 2'));
|
|
52
|
-
expect(mockOnItemSelect).toHaveBeenCalledWith('item2');
|
|
53
|
-
});
|
|
54
|
-
});
|
|
55
|
-
//# sourceMappingURL=Accordion.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,SAAS,MAAM,aAAa,CAAC;AAGpC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IACnC,MAAM,OAAO;QACX,MAAM,GAAG,cAAc,CAAC;QACxB,KAAK,GAAG,cAAc,CAAC;QACvB,KAAK,GAAmB;YACtB,cAAc,EAAE;gBACd;oBACE,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,QAAQ;oBACjB,OAAO,EAAE,WAAW;iBACrB;gBACD;oBACE,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,QAAQ;oBACjB,OAAO,EAAE,WAAW;iBACrB;aACF;YACD,YAAY,EAAE,OAAO;YACrB,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC;YAC5C,QAAQ,EAAE,KAAK;YACf,eAAe,EAAE,aAAa;YAC9B,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;KACH;IAED,IAAI,EAAW,CAAC;IAChB,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,MAAM,CAAC,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC,CAAC;IAEpF,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC1D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.types.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.types.ts"],"names":[],"mappings":""}
|
package/dist/Accordion/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
|
package/dist/Alert/Alert.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '../styles.css';
|
|
3
|
-
import Icon from '../Icon';
|
|
4
|
-
const baseClasses = 'tw-mx-auto tw-p-4 tw-leading-normal tw-outline-none tw-py-2 tw-px-3 tw-rounded-[10px] tw-w-full tw-relative' +
|
|
5
|
-
' tw-border-solid tw-border tw-text-sm tw-flex tw-flex-col tw-justify-center tw-items-center';
|
|
6
|
-
const darkTheme = 'dark:tw-bg-sq-colored-hover-dark dark:tw-text-sq-dark-text';
|
|
7
|
-
const lightTheme = 'tw-text-sq-text-color tw-bg-sq-colored-hover';
|
|
8
|
-
const errorClasses = 'tw-border-sq-danger-color';
|
|
9
|
-
const borderColorClasses = 'tw-border-sq-color-dark';
|
|
10
|
-
/**
|
|
11
|
-
* Alert.
|
|
12
|
-
*/
|
|
13
|
-
export const Alert = ({ children, dismissible = true, onClose, show = true, variant, testId = 'alert-id', id, extraClassNames, ...tooltipProps }) => {
|
|
14
|
-
const appliedTheme = {
|
|
15
|
-
theme: `${lightTheme} ${darkTheme}`,
|
|
16
|
-
danger: 'tw-text-sq-text-color tw-bg-sq-danger-color',
|
|
17
|
-
warning: 'tw-bg-sq-bg-warning-color tw-text-sq-text-color',
|
|
18
|
-
gray: 'tw-bg-sq-light-gray tw-text-sq-text-color dark:tw-bg-sq-dark-disabled-gray dark:tw-text-sq-dark-text',
|
|
19
|
-
};
|
|
20
|
-
const appliedBorderTheme = {
|
|
21
|
-
theme: borderColorClasses,
|
|
22
|
-
danger: errorClasses,
|
|
23
|
-
warning: 'tw-border-none',
|
|
24
|
-
gray: 'tw-border-sq-darkish-gray',
|
|
25
|
-
};
|
|
26
|
-
const appliedClasses = `${baseClasses} ${appliedTheme[variant]} ${extraClassNames} ${appliedBorderTheme[variant]}`;
|
|
27
|
-
if (!show) {
|
|
28
|
-
return React.createElement("div", null);
|
|
29
|
-
}
|
|
30
|
-
return (React.createElement("div", { "data-testid": testId, id: id, className: appliedClasses },
|
|
31
|
-
children,
|
|
32
|
-
dismissible && (React.createElement(Icon, { icon: "fc-delete", type: variant.match(/danger|warning/) ? 'color' : 'theme', color: variant.match(/danger|warning/) ? 'inherit' : undefined, extraClassNames: `tw-self-end tw-text-[0.6875rem] tw-cursor-pointer tw-absolute tw-right-[10px] tw-top-[10px] ${variant.match(/danger|warning|gray/) ? 'tw-text-sq-text-color dark:tw-text-sq-dark-text' : ''}`, testId: `${testId}-close-btn`, onClick: onClose, ...tooltipProps }))));
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=Alert.js.map
|
package/dist/Alert/Alert.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,IAAI,MAAM,SAAS,CAAC;AAG3B,MAAM,WAAW,GACf,6GAA6G;IAC7G,6FAA6F,CAAC;AAEhG,MAAM,SAAS,GAAG,4DAA4D,CAAC;AAC/E,MAAM,UAAU,GAAG,8CAA8C,CAAC;AAElE,MAAM,YAAY,GAAG,2BAA2B,CAAC;AAEjD,MAAM,kBAAkB,GAAG,yBAAyB,CAAC;AAErD;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAwC,CAAC,EACzD,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,OAAO,EACP,IAAI,GAAG,IAAI,EACX,OAAO,EACP,MAAM,GAAG,UAAU,EACnB,EAAE,EACF,eAAe,EACf,GAAG,YAAY,EAChB,EAAE,EAAE;IACH,MAAM,YAAY,GAA0C;QAC1D,KAAK,EAAE,GAAG,UAAU,IAAI,SAAS,EAAE;QACnC,MAAM,EAAE,6CAA6C;QACrD,OAAO,EAAE,iDAAiD;QAC1D,IAAI,EAAE,sGAAsG;KAC7G,CAAC;IACF,MAAM,kBAAkB,GAA0C;QAChE,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,YAAY;QACpB,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,2BAA2B;KAClC,CAAC;IACF,MAAM,cAAc,GAAG,GAAG,WAAW,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,eAAe,IAAI,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;IAEnH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,gCAAO,CAAC;KAChB;IACD,OAAO,CACL,4CAAkB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc;QACxD,QAAQ;QACR,WAAW,IAAI,CACd,oBAAC,IAAI,IACH,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACzD,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC9D,eAAe,EAAE,+FACf,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,iDAAiD,CAAC,CAAC,CAAC,EAC7F,EAAE,EACF,MAAM,EAAE,GAAG,MAAM,YAAY,EAC7B,OAAO,EAAE,OAAO,KACZ,YAAY,GAChB,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Alert } from './Alert';
|
|
3
|
-
import { QTip } from '../Tooltip';
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Alert',
|
|
6
|
-
};
|
|
7
|
-
const colors = ['topic', 'analysis', 'datalab', 'vantage'];
|
|
8
|
-
const renderAlert = ({ text, dismissable, variant, }) => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
|
|
9
|
-
React.createElement("p", { className: "tw-mb-5 tw-text-[0.9375rem] tw-leading-normal" }),
|
|
10
|
-
React.createElement(Alert, { variant: variant, dismissible: dismissable, show: true, extraClassNames: "tw-h-[200px]", tooltip: "This is a small close alert icon", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false }, text)));
|
|
11
|
-
export const AllAlertsVariants = () => {
|
|
12
|
-
const renderAllVariations = (color) => (React.createElement("div", { key: color + '_wrapper' },
|
|
13
|
-
React.createElement("div", { className: "tw-p-4" }, renderAlert({
|
|
14
|
-
text: 'This is a dismissible alert, it looks very pleasing and is very useful for showing alerts to the user',
|
|
15
|
-
dismissable: true,
|
|
16
|
-
variant: 'theme',
|
|
17
|
-
})),
|
|
18
|
-
React.createElement("div", { className: "tw-p-4" }, renderAlert({
|
|
19
|
-
text: 'This is a non dismissable alert, it looks very pleasing and is very useful for showing alerts to the user',
|
|
20
|
-
dismissable: false,
|
|
21
|
-
variant: 'theme',
|
|
22
|
-
})),
|
|
23
|
-
React.createElement("div", { className: "tw-p-4" }, renderAlert({
|
|
24
|
-
text: 'This is a warning alert, it is used to display a warning',
|
|
25
|
-
dismissable: false,
|
|
26
|
-
variant: 'warning',
|
|
27
|
-
})),
|
|
28
|
-
React.createElement("div", { className: "tw-p-4" }, renderAlert({
|
|
29
|
-
text: 'This is an error alert, it is used to display an error',
|
|
30
|
-
dismissable: false,
|
|
31
|
-
variant: 'danger',
|
|
32
|
-
})),
|
|
33
|
-
React.createElement("div", { className: "tw-p-4" }, renderAlert({
|
|
34
|
-
text: 'This is a gray alert, it is used to display a neutral alert',
|
|
35
|
-
dismissable: true,
|
|
36
|
-
variant: 'gray',
|
|
37
|
-
})),
|
|
38
|
-
React.createElement("div", { className: "tw-p-4" }, renderAlert({
|
|
39
|
-
text: 'This is an error alert that is dismissible, it is used to display an error',
|
|
40
|
-
dismissable: true,
|
|
41
|
-
variant: 'danger',
|
|
42
|
-
}))));
|
|
43
|
-
return (React.createElement("div", null,
|
|
44
|
-
React.createElement(QTip, null),
|
|
45
|
-
React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" }, colors.map((color) => {
|
|
46
|
-
return React.createElement("div", { className: `color_${color}` }, renderAllVariations(color));
|
|
47
|
-
})),
|
|
48
|
-
React.createElement("div", { className: "tw-dark tw-bg-sq-dark-background tw-grid tw-grid-cols-4 tw-gap-4" }, colors.map((color) => {
|
|
49
|
-
return React.createElement("div", { className: `color_${color}` }, renderAllVariations(color));
|
|
50
|
-
}))));
|
|
51
|
-
};
|
|
52
|
-
//# sourceMappingURL=Alert.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../src/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,eAAe;IACb,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE3D,MAAM,WAAW,GAAG,CAAC,EACnB,IAAI,EACJ,WAAW,EACX,OAAO,GAKR,EAAE,EAAE,CAAC,CACJ,6BAAK,SAAS,EAAC,6CAA6C;IAC1D,2BAAG,SAAS,EAAC,+CAA+C,GAAK;IACjE,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,QACJ,eAAe,EAAC,cAAc,EAC9B,OAAO,EAAC,kCAAkC,EAC1C,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,IACnB,IAAI,CACC,CACJ,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAC7C,6BAAK,GAAG,EAAE,KAAK,GAAG,UAAU;QAC1B,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,uGAAuG;YAC7G,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,OAAO;SACjB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,2GAA2G;YACjH,WAAW,EAAE,KAAK;YAClB,OAAO,EAAE,OAAO;SACjB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,0DAA0D;YAChE,WAAW,EAAE,KAAK;YAClB,OAAO,EAAE,SAAS;SACnB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,wDAAwD;YAC9D,WAAW,EAAE,KAAK;YAClB,OAAO,EAAE,QAAQ;SAClB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,6DAA6D;YACnE,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,MAAM;SAChB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,4EAA4E;YAClF,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,QAAQ;SAClB,CAAC,CACE,CACF,CACP,CAAC;IACF,OAAO,CACL;QACE,oBAAC,IAAI,OAAG;QACR,6BAAK,SAAS,EAAC,iCAAiC,IAC7C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACpB,OAAO,6BAAK,SAAS,EAAE,SAAS,KAAK,EAAE,IAAG,mBAAmB,CAAC,KAAK,CAAC,CAAO,CAAC;QAC9E,CAAC,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,kEAAkE,IAC9E,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACpB,OAAO,6BAAK,SAAS,EAAE,SAAS,KAAK,EAAE,IAAG,mBAAmB,CAAC,KAAK,CAAC,CAAO,CAAC;QAC9E,CAAC,CAAC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Alert/Alert.test.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { fireEvent, render, screen } from '@testing-library/react';
|
|
3
|
-
import '@testing-library/jest-dom/extend-expect';
|
|
4
|
-
import { Alert } from './Alert';
|
|
5
|
-
describe('Alert Component', () => {
|
|
6
|
-
const defaultProps = {
|
|
7
|
-
children: 'Test Alert',
|
|
8
|
-
dismissible: true,
|
|
9
|
-
onClose: jest.fn(),
|
|
10
|
-
show: true,
|
|
11
|
-
variant: 'theme',
|
|
12
|
-
testId: 'alert-test-id',
|
|
13
|
-
id: 'alert-id',
|
|
14
|
-
extraClassNames: '',
|
|
15
|
-
};
|
|
16
|
-
it('should render the Alert component', () => {
|
|
17
|
-
render(React.createElement(Alert, { ...defaultProps }));
|
|
18
|
-
const alertElement = screen.getByTestId('alert-test-id');
|
|
19
|
-
expect(alertElement).toBeInTheDocument();
|
|
20
|
-
});
|
|
21
|
-
it('should render children correctly', () => {
|
|
22
|
-
render(React.createElement(Alert, { ...defaultProps }));
|
|
23
|
-
const alertElement = screen.getByTestId('alert-test-id');
|
|
24
|
-
expect(alertElement).toHaveTextContent('Test Alert');
|
|
25
|
-
});
|
|
26
|
-
it('should apply the correct classes based on variant', () => {
|
|
27
|
-
const { rerender } = render(React.createElement(Alert, { ...defaultProps, variant: "danger" }));
|
|
28
|
-
let alertElement = screen.getByTestId('alert-test-id');
|
|
29
|
-
expect(alertElement).toHaveClass('tw-text-sq-text-color tw-bg-sq-danger-color');
|
|
30
|
-
rerender(React.createElement(Alert, { ...defaultProps, variant: "warning" }));
|
|
31
|
-
alertElement = screen.getByTestId('alert-test-id');
|
|
32
|
-
expect(alertElement).toHaveClass('tw-bg-sq-bg-warning-color tw-text-sq-text-color');
|
|
33
|
-
});
|
|
34
|
-
it('should call onClose when dismissible icon is clicked', () => {
|
|
35
|
-
render(React.createElement(Alert, { ...defaultProps }));
|
|
36
|
-
const closeButton = screen.getByTestId('alert-test-id-close-btn');
|
|
37
|
-
fireEvent.click(closeButton);
|
|
38
|
-
expect(defaultProps.onClose).toHaveBeenCalled();
|
|
39
|
-
});
|
|
40
|
-
it('should not render when show is false', () => {
|
|
41
|
-
render(React.createElement(Alert, { ...defaultProps, show: false }));
|
|
42
|
-
const alertElement = screen.queryByTestId('alert-test-id');
|
|
43
|
-
expect(alertElement).not.toBeInTheDocument();
|
|
44
|
-
});
|
|
45
|
-
it('should apply extra class names', () => {
|
|
46
|
-
render(React.createElement(Alert, { ...defaultProps, extraClassNames: "extra-class" }));
|
|
47
|
-
const alertElement = screen.getByTestId('alert-test-id');
|
|
48
|
-
expect(alertElement).toHaveClass('extra-class');
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
//# sourceMappingURL=Alert.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.test.js","sourceRoot":"","sources":["../../src/Alert/Alert.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.types.js","sourceRoot":"","sources":["../../src/Alert/Alert.types.ts"],"names":[],"mappings":""}
|
package/dist/Alert/index.js
DELETED
package/dist/Alert/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAC"}
|