@seeqdev/qomponents 0.0.124 → 0.0.125
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/Alert/Alert.js +1 -1
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/ButtonGroup/ButtonGroup.js +3 -3
- package/dist/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/ButtonGroup/ButtonGroup.stories.js +94 -34
- package/dist/ButtonGroup/ButtonGroup.stories.js.map +1 -1
- package/dist/ButtonGroup/ButtonGroup.test.js +3 -3
- package/dist/ButtonGroup/ButtonGroup.test.js.map +1 -1
- package/dist/Carousel/Carousel.js +62 -0
- package/dist/Carousel/Carousel.js.map +1 -0
- package/dist/Carousel/Carousel.stories.js +115 -0
- package/dist/Carousel/Carousel.stories.js.map +1 -0
- package/dist/Carousel/Carousel.test.js +48 -0
- package/dist/Carousel/Carousel.test.js.map +1 -0
- package/dist/Carousel/Carousel.types.js +2 -0
- package/dist/Carousel/Carousel.types.js.map +1 -0
- package/dist/Carousel/index.js +2 -0
- package/dist/Carousel/index.js.map +1 -0
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +0 -5
- package/package.json +1 -1
package/dist/Alert/Alert.js
CHANGED
|
@@ -29,6 +29,6 @@ export const Alert = ({ children, dismissible = true, onClose, show = true, vari
|
|
|
29
29
|
}
|
|
30
30
|
return (React.createElement("div", { "data-testid": testId, id: id, className: appliedClasses },
|
|
31
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-[11px] 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-text
|
|
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-[11px] 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
33
|
};
|
|
34
34
|
//# sourceMappingURL=Alert.js.map
|
package/dist/Alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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;AAI3B,MAAM,WAAW,GACf,yGAAyG;IACzG,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,0FACf,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,
|
|
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;AAI3B,MAAM,WAAW,GACf,yGAAyG;IACzG,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,0FACf,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"}
|
|
@@ -23,11 +23,11 @@ const activeClassesByVariantDarkTheme = {
|
|
|
23
23
|
* ButtonGroup.
|
|
24
24
|
*/
|
|
25
25
|
export const ButtonGroup = (props) => {
|
|
26
|
-
const { id, extraClassNames,
|
|
26
|
+
const { id, extraClassNames, testId, onChange, buttons = [], ...tooltipProps } = props;
|
|
27
27
|
const tooltipData = getQTipData(tooltipProps);
|
|
28
28
|
const appliedClasses = `${baseClasses} ${extraClassNames}`;
|
|
29
|
-
return (React.createElement("div", { id: `button-group-${id
|
|
29
|
+
return (React.createElement("div", { id: id ? `button-group-${id}` : undefined, "data-testid": testId, className: appliedClasses, ...tooltipData }, buttons.filter(Boolean).map((item, index) => item?.variant === 'button' ? (React.createElement(Button, { key: index, ...item.buttonProps, extraClassNames: `tw-ml-[-1px] focus:tw-z-40 tw-outline-none focus:tw-border tw-rounded-r-none tw-rounded-l-none last:tw-rounded-r-sm first:tw-rounded-l-sm ${item.buttonProps?.isActive
|
|
30
30
|
? `${activeClassesByVariantLightTheme[item?.buttonProps?.variant ?? 'outline']} ${activeClassesByVariantDarkTheme[item?.buttonProps?.variant ?? 'outline']} `
|
|
31
|
-
: ''} ${item.buttonProps.extraClassNames}`, onClick: () => onChange && onChange(item?.buttonProps?.
|
|
31
|
+
: ''} ${item.buttonProps.extraClassNames}`, onClick: () => onChange && onChange(item?.buttonProps?.value) })) : (React.createElement("div", { key: index, className: ` tw-flex tw-items-center tw-justify-center tw-rounded-none tw-ml-[-1px] active:tw-z-30 ${item?.extraClassNames || ''}` }, item?.element)))));
|
|
32
32
|
};
|
|
33
33
|
//# sourceMappingURL=ButtonGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,MAAM,WAAW,GAAG,0EAA0E,CAAC;AAE/F,MAAM,gCAAgC,GAAG;IACvC,SAAS,EAAE,iDAAiD;IAC5D,OAAO,EAAE,0BAA0B;IACnC,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,yBAAyB;IACtC,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,MAAM,+BAA+B,GAAG;IACtC,SAAS,EAAE,6DAA6D;IACxE,OAAO,EAAE,+BAA+B;IACxC,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,gCAAgC;IAC7C,SAAS,EAAE,EAAE;CACd,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,MAAM,WAAW,GAAG,0EAA0E,CAAC;AAE/F,MAAM,gCAAgC,GAAG;IACvC,SAAS,EAAE,iDAAiD;IAC5D,OAAO,EAAE,0BAA0B;IACnC,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,yBAAyB;IACtC,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,MAAM,+BAA+B,GAAG;IACtC,SAAS,EAAE,6DAA6D;IACxE,OAAO,EAAE,+BAA+B;IACxC,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,gCAAgC;IAC7C,SAAS,EAAE,EAAE;CACd,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,GAAG,WAAW,IAAI,eAAe,EAAE,CAAC;IAE3D,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,iBAAe,MAAM,EAAE,SAAS,EAAE,cAAc,KAAM,WAAW,IAC5G,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC3C,IAAI,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,oBAAC,MAAM,IACL,GAAG,EAAE,KAAK,KACN,IAAI,CAAC,WAAW,EACpB,eAAe,EAAE,6IACf,IAAI,CAAC,WAAW,EAAE,QAAQ;YACxB,CAAC,CAAC,GAAG,gCAAgC,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,IAAI,SAAS,CAAC,IAC1E,+BAA+B,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,IAAI,SAAS,CACzE,GAAG;YACL,CAAC,CAAC,EACN,IAAI,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,GAC7D,CACH,CAAC,CAAC,CAAC,CACF,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,0FACT,IAAI,EAAE,eAAe,IAAI,EAC3B,EAAE,IACD,IAAI,EAAE,OAAO,CACV,CACP,CACF,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -10,14 +10,14 @@ export const AllButtonGroups = () => {
|
|
|
10
10
|
const renderAllVariations = () => (React.createElement(React.Fragment, null,
|
|
11
11
|
React.createElement("div", { className: "light" },
|
|
12
12
|
React.createElement("div", { className: "tw-p-4" },
|
|
13
|
-
React.createElement(ButtonGroup, {
|
|
13
|
+
React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
|
|
14
14
|
{
|
|
15
15
|
variant: 'button',
|
|
16
16
|
buttonProps: {
|
|
17
17
|
variant: 'outline',
|
|
18
18
|
icon: 'fc-annotate',
|
|
19
19
|
iconStyle: 'theme',
|
|
20
|
-
|
|
20
|
+
value: 'provided-1',
|
|
21
21
|
onClick: () => setValue('provided-1'),
|
|
22
22
|
},
|
|
23
23
|
},
|
|
@@ -27,7 +27,7 @@ export const AllButtonGroups = () => {
|
|
|
27
27
|
variant: 'outline',
|
|
28
28
|
icon: 'fc-trash',
|
|
29
29
|
iconStyle: 'theme',
|
|
30
|
-
|
|
30
|
+
value: 'provided-2',
|
|
31
31
|
onClick: () => setValue('provided-2'),
|
|
32
32
|
},
|
|
33
33
|
},
|
|
@@ -37,13 +37,13 @@ export const AllButtonGroups = () => {
|
|
|
37
37
|
variant: 'outline',
|
|
38
38
|
icon: 'fc-formula-ai',
|
|
39
39
|
iconStyle: 'theme',
|
|
40
|
-
|
|
40
|
+
value: 'provided-3',
|
|
41
41
|
onClick: () => setValue('provided-3'),
|
|
42
42
|
},
|
|
43
43
|
},
|
|
44
44
|
] })),
|
|
45
45
|
React.createElement("div", { className: "tw-p-4" },
|
|
46
|
-
React.createElement(ButtonGroup, {
|
|
46
|
+
React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
|
|
47
47
|
{
|
|
48
48
|
variant: 'button',
|
|
49
49
|
buttonProps: {
|
|
@@ -51,7 +51,7 @@ export const AllButtonGroups = () => {
|
|
|
51
51
|
icon: 'fc-annotate',
|
|
52
52
|
extraClassNames: 'tw-border-none',
|
|
53
53
|
iconStyle: 'theme',
|
|
54
|
-
|
|
54
|
+
value: 'provided-1',
|
|
55
55
|
onClick: () => setValue('provided-1'),
|
|
56
56
|
},
|
|
57
57
|
},
|
|
@@ -62,7 +62,7 @@ export const AllButtonGroups = () => {
|
|
|
62
62
|
icon: 'fc-trash',
|
|
63
63
|
extraClassNames: 'tw-border-none',
|
|
64
64
|
iconStyle: 'theme',
|
|
65
|
-
|
|
65
|
+
value: 'provided-2',
|
|
66
66
|
onClick: () => setValue('provided-2'),
|
|
67
67
|
},
|
|
68
68
|
},
|
|
@@ -73,20 +73,20 @@ export const AllButtonGroups = () => {
|
|
|
73
73
|
extraClassNames: 'tw-border-none',
|
|
74
74
|
icon: 'fc-formula-ai',
|
|
75
75
|
iconStyle: 'theme',
|
|
76
|
-
|
|
76
|
+
value: 'provided-3',
|
|
77
77
|
onClick: () => setValue('provided-3'),
|
|
78
78
|
},
|
|
79
79
|
},
|
|
80
80
|
] })),
|
|
81
81
|
React.createElement("div", { className: "tw-p-4" },
|
|
82
|
-
React.createElement(ButtonGroup, {
|
|
82
|
+
React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
|
|
83
83
|
{
|
|
84
84
|
variant: 'button',
|
|
85
85
|
buttonProps: {
|
|
86
86
|
variant: 'theme',
|
|
87
87
|
icon: 'fc-annotate',
|
|
88
88
|
iconStyle: 'white',
|
|
89
|
-
|
|
89
|
+
value: 'provided-1',
|
|
90
90
|
onClick: () => setValue('provided-1'),
|
|
91
91
|
},
|
|
92
92
|
},
|
|
@@ -96,7 +96,7 @@ export const AllButtonGroups = () => {
|
|
|
96
96
|
variant: 'theme',
|
|
97
97
|
icon: 'fc-trash',
|
|
98
98
|
iconStyle: 'white',
|
|
99
|
-
|
|
99
|
+
value: 'provided-2',
|
|
100
100
|
onClick: () => setValue('provided-2'),
|
|
101
101
|
},
|
|
102
102
|
},
|
|
@@ -106,19 +106,19 @@ export const AllButtonGroups = () => {
|
|
|
106
106
|
variant: 'theme',
|
|
107
107
|
icon: 'fc-formula-ai',
|
|
108
108
|
iconStyle: 'white',
|
|
109
|
-
|
|
109
|
+
value: 'provided-3',
|
|
110
110
|
onClick: () => setValue('provided-3'),
|
|
111
111
|
},
|
|
112
112
|
},
|
|
113
113
|
] })),
|
|
114
114
|
React.createElement("div", { className: "tw-p-4" },
|
|
115
|
-
React.createElement(ButtonGroup, {
|
|
115
|
+
React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
|
|
116
116
|
{
|
|
117
117
|
variant: 'button',
|
|
118
118
|
buttonProps: {
|
|
119
119
|
variant: 'theme',
|
|
120
120
|
label: 'annotate',
|
|
121
|
-
|
|
121
|
+
value: 'provided-1',
|
|
122
122
|
onClick: () => setValue('provided-1'),
|
|
123
123
|
},
|
|
124
124
|
},
|
|
@@ -127,7 +127,7 @@ export const AllButtonGroups = () => {
|
|
|
127
127
|
buttonProps: {
|
|
128
128
|
variant: 'theme',
|
|
129
129
|
label: 'trash',
|
|
130
|
-
|
|
130
|
+
value: 'provided-2',
|
|
131
131
|
onClick: () => setValue('provided-2'),
|
|
132
132
|
},
|
|
133
133
|
},
|
|
@@ -136,13 +136,13 @@ export const AllButtonGroups = () => {
|
|
|
136
136
|
buttonProps: {
|
|
137
137
|
variant: 'theme',
|
|
138
138
|
label: 'formula-ai',
|
|
139
|
-
|
|
139
|
+
value: 'provided-3',
|
|
140
140
|
onClick: () => setValue('provided-3'),
|
|
141
141
|
},
|
|
142
142
|
},
|
|
143
143
|
] })),
|
|
144
144
|
React.createElement("div", { className: "tw-p-4" },
|
|
145
|
-
React.createElement(ButtonGroup, {
|
|
145
|
+
React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
|
|
146
146
|
{
|
|
147
147
|
variant: 'element',
|
|
148
148
|
element: (React.createElement(ToolbarButton, { icon: "fc-y-axis", label: "Popover", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: React.createElement("div", { className: "tw-text-sm dark:tw-text-white" },
|
|
@@ -158,17 +158,47 @@ export const AllButtonGroups = () => {
|
|
|
158
158
|
element: (React.createElement(ToolbarButton, { icon: "fc-formula-ai", label: "Formula", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: React.createElement("div", { className: "tw-text-sm dark:tw-text-white" },
|
|
159
159
|
React.createElement("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2" }, "Flavors")) })),
|
|
160
160
|
},
|
|
161
|
+
] })),
|
|
162
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
163
|
+
React.createElement(ButtonGroup, { buttons: [
|
|
164
|
+
{
|
|
165
|
+
variant: 'button',
|
|
166
|
+
buttonProps: {
|
|
167
|
+
size: 'sm',
|
|
168
|
+
icon: 'fc-annotate',
|
|
169
|
+
value: 'left',
|
|
170
|
+
isActive: true,
|
|
171
|
+
},
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
variant: 'button',
|
|
175
|
+
buttonProps: {
|
|
176
|
+
size: 'sm',
|
|
177
|
+
icon: 'fc-trash',
|
|
178
|
+
value: 'center',
|
|
179
|
+
isActive: false,
|
|
180
|
+
},
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
variant: 'button',
|
|
184
|
+
buttonProps: {
|
|
185
|
+
size: 'sm',
|
|
186
|
+
icon: 'fc-formula-ai',
|
|
187
|
+
value: 'right',
|
|
188
|
+
isActive: false,
|
|
189
|
+
},
|
|
190
|
+
},
|
|
161
191
|
] }))),
|
|
162
192
|
React.createElement("div", { className: "tw-dark tw-bg-sq-dark-background" },
|
|
163
193
|
React.createElement("div", { className: "tw-p-4" },
|
|
164
|
-
React.createElement(ButtonGroup, {
|
|
194
|
+
React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
|
|
165
195
|
{
|
|
166
196
|
variant: 'button',
|
|
167
197
|
buttonProps: {
|
|
168
198
|
variant: 'outline',
|
|
169
199
|
icon: 'fc-annotate',
|
|
170
200
|
iconStyle: 'theme',
|
|
171
|
-
|
|
201
|
+
value: 'provided-1',
|
|
172
202
|
onClick: () => setValue('provided-1'),
|
|
173
203
|
},
|
|
174
204
|
},
|
|
@@ -178,7 +208,7 @@ export const AllButtonGroups = () => {
|
|
|
178
208
|
variant: 'outline',
|
|
179
209
|
icon: 'fc-trash',
|
|
180
210
|
iconStyle: 'theme',
|
|
181
|
-
|
|
211
|
+
value: 'provided-2',
|
|
182
212
|
onClick: () => setValue('provided-2'),
|
|
183
213
|
},
|
|
184
214
|
},
|
|
@@ -188,20 +218,20 @@ export const AllButtonGroups = () => {
|
|
|
188
218
|
variant: 'outline',
|
|
189
219
|
icon: 'fc-formula-ai',
|
|
190
220
|
iconStyle: 'theme',
|
|
191
|
-
|
|
221
|
+
value: 'provided-3',
|
|
192
222
|
onClick: () => setValue('provided-3'),
|
|
193
223
|
},
|
|
194
224
|
},
|
|
195
225
|
] })),
|
|
196
226
|
React.createElement("div", { className: "tw-p-4" },
|
|
197
|
-
React.createElement(ButtonGroup, {
|
|
227
|
+
React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
|
|
198
228
|
{
|
|
199
229
|
variant: 'button',
|
|
200
230
|
buttonProps: {
|
|
201
231
|
variant: 'no-border',
|
|
202
232
|
icon: 'fc-annotate',
|
|
203
233
|
iconStyle: 'theme',
|
|
204
|
-
|
|
234
|
+
value: 'provided-1',
|
|
205
235
|
onClick: () => setValue('provided-1'),
|
|
206
236
|
},
|
|
207
237
|
},
|
|
@@ -211,7 +241,7 @@ export const AllButtonGroups = () => {
|
|
|
211
241
|
variant: 'no-border',
|
|
212
242
|
icon: 'fc-trash',
|
|
213
243
|
iconStyle: 'theme',
|
|
214
|
-
|
|
244
|
+
value: 'provided-2',
|
|
215
245
|
onClick: () => setValue('provided-2'),
|
|
216
246
|
},
|
|
217
247
|
},
|
|
@@ -221,20 +251,20 @@ export const AllButtonGroups = () => {
|
|
|
221
251
|
variant: 'no-border',
|
|
222
252
|
icon: 'fc-formula-ai',
|
|
223
253
|
iconStyle: 'theme',
|
|
224
|
-
|
|
254
|
+
value: 'provided-3',
|
|
225
255
|
onClick: () => setValue('provided-3'),
|
|
226
256
|
},
|
|
227
257
|
},
|
|
228
258
|
] })),
|
|
229
259
|
React.createElement("div", { className: "tw-p-4" },
|
|
230
|
-
React.createElement(ButtonGroup, {
|
|
260
|
+
React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
|
|
231
261
|
{
|
|
232
262
|
variant: 'button',
|
|
233
263
|
buttonProps: {
|
|
234
264
|
variant: 'theme',
|
|
235
265
|
icon: 'fc-annotate',
|
|
236
266
|
iconStyle: 'white',
|
|
237
|
-
|
|
267
|
+
value: 'provided-1',
|
|
238
268
|
onClick: () => setValue('provided-1'),
|
|
239
269
|
},
|
|
240
270
|
},
|
|
@@ -244,7 +274,7 @@ export const AllButtonGroups = () => {
|
|
|
244
274
|
variant: 'theme',
|
|
245
275
|
icon: 'fc-trash',
|
|
246
276
|
iconStyle: 'white',
|
|
247
|
-
|
|
277
|
+
value: 'provided-2',
|
|
248
278
|
onClick: () => setValue('provided-2'),
|
|
249
279
|
},
|
|
250
280
|
},
|
|
@@ -254,19 +284,19 @@ export const AllButtonGroups = () => {
|
|
|
254
284
|
variant: 'theme',
|
|
255
285
|
icon: 'fc-formula-ai',
|
|
256
286
|
iconStyle: 'white',
|
|
257
|
-
|
|
287
|
+
value: 'provided-3',
|
|
258
288
|
onClick: () => setValue('provided-3'),
|
|
259
289
|
},
|
|
260
290
|
},
|
|
261
291
|
] })),
|
|
262
292
|
React.createElement("div", { className: "tw-p-4" },
|
|
263
|
-
React.createElement(ButtonGroup, {
|
|
293
|
+
React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
|
|
264
294
|
{
|
|
265
295
|
variant: 'button',
|
|
266
296
|
buttonProps: {
|
|
267
297
|
variant: 'theme',
|
|
268
298
|
label: 'annotate',
|
|
269
|
-
|
|
299
|
+
value: 'provided-1',
|
|
270
300
|
onClick: () => setValue('provided-1'),
|
|
271
301
|
},
|
|
272
302
|
},
|
|
@@ -275,7 +305,7 @@ export const AllButtonGroups = () => {
|
|
|
275
305
|
buttonProps: {
|
|
276
306
|
variant: 'theme',
|
|
277
307
|
label: 'trash',
|
|
278
|
-
|
|
308
|
+
value: 'provided-2',
|
|
279
309
|
onClick: () => setValue('provided-2'),
|
|
280
310
|
},
|
|
281
311
|
},
|
|
@@ -284,13 +314,13 @@ export const AllButtonGroups = () => {
|
|
|
284
314
|
buttonProps: {
|
|
285
315
|
variant: 'theme',
|
|
286
316
|
label: 'formula-ai',
|
|
287
|
-
|
|
317
|
+
value: 'provided-3',
|
|
288
318
|
onClick: () => setValue('provided-3'),
|
|
289
319
|
},
|
|
290
320
|
},
|
|
291
321
|
] })),
|
|
292
322
|
React.createElement("div", { className: "tw-p-4" },
|
|
293
|
-
React.createElement(ButtonGroup, {
|
|
323
|
+
React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
|
|
294
324
|
{
|
|
295
325
|
variant: 'element',
|
|
296
326
|
element: (React.createElement(ToolbarButton, { icon: "fc-y-axis", label: "Popover", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: React.createElement("div", { className: "tw-text-sm dark:tw-text-white" },
|
|
@@ -306,6 +336,36 @@ export const AllButtonGroups = () => {
|
|
|
306
336
|
element: (React.createElement(ToolbarButton, { icon: "fc-formula-ai", label: "Formula", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: React.createElement("div", { className: "tw-text-sm dark:tw-text-white" },
|
|
307
337
|
React.createElement("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2" }, "Flavors")) })),
|
|
308
338
|
},
|
|
339
|
+
] })),
|
|
340
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
341
|
+
React.createElement(ButtonGroup, { buttons: [
|
|
342
|
+
{
|
|
343
|
+
variant: 'button',
|
|
344
|
+
buttonProps: {
|
|
345
|
+
size: 'sm',
|
|
346
|
+
icon: 'fc-annotate',
|
|
347
|
+
value: 'left',
|
|
348
|
+
isActive: true,
|
|
349
|
+
},
|
|
350
|
+
},
|
|
351
|
+
{
|
|
352
|
+
variant: 'button',
|
|
353
|
+
buttonProps: {
|
|
354
|
+
size: 'sm',
|
|
355
|
+
icon: 'fc-trash',
|
|
356
|
+
value: 'center',
|
|
357
|
+
isActive: false,
|
|
358
|
+
},
|
|
359
|
+
},
|
|
360
|
+
{
|
|
361
|
+
variant: 'button',
|
|
362
|
+
buttonProps: {
|
|
363
|
+
size: 'sm',
|
|
364
|
+
icon: 'fc-formula-ai',
|
|
365
|
+
value: 'right',
|
|
366
|
+
isActive: false,
|
|
367
|
+
},
|
|
368
|
+
},
|
|
309
369
|
] })))));
|
|
310
370
|
return (React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
|
|
311
371
|
React.createElement(QTip, null),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.stories.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,eAAe;IACb,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEvD,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAChC;QACE,6BAAK,SAAS,EAAC,OAAO;YACpB,6BAAK,SAAS,EAAC,QAAQ;gBACrB,oBAAC,WAAW,IACV,
|
|
1
|
+
{"version":3,"file":"ButtonGroup.stories.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,6 @@ describe('ButtonGroup', () => {
|
|
|
7
7
|
const defaultProps = {
|
|
8
8
|
id: 'test-id',
|
|
9
9
|
extraClassNames: 'extra-class',
|
|
10
|
-
value: 'button1',
|
|
11
10
|
testId: 'button-group',
|
|
12
11
|
onChange: mockOnChange,
|
|
13
12
|
buttons: [
|
|
@@ -15,16 +14,17 @@ describe('ButtonGroup', () => {
|
|
|
15
14
|
variant: 'button',
|
|
16
15
|
buttonProps: {
|
|
17
16
|
testId: 'button1',
|
|
18
|
-
|
|
17
|
+
value: 'button1',
|
|
19
18
|
variant: 'outline',
|
|
20
19
|
extraClassNames: 'button-class',
|
|
20
|
+
isActive: true,
|
|
21
21
|
},
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
24
|
variant: 'button',
|
|
25
25
|
buttonProps: {
|
|
26
26
|
testId: 'button2',
|
|
27
|
-
|
|
27
|
+
value: 'button2',
|
|
28
28
|
variant: 'theme',
|
|
29
29
|
extraClassNames: 'button-class',
|
|
30
30
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.test.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,yCAAyC,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG;QACnB,EAAE,EAAE,SAAS;QACb,eAAe,EAAE,aAAa;QAC9B,
|
|
1
|
+
{"version":3,"file":"ButtonGroup.test.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
|
+
import { animated, useTransition } from '@react-spring/web';
|
|
3
|
+
import Button from '../Button/Button';
|
|
4
|
+
const Carousel = (props) => {
|
|
5
|
+
const { testId = 'carousel-id', activeIndex = 0, extraClassNames = '', onSlide = () => { }, autoSlide, showIndicators = true, continous = true, interval = 4000, prevIcon = 'fc-arrow-dropdown tw-rotate-90', nextIcon = 'fc-arrow-dropdown -tw-rotate-90', showArrows = true, iconExtraClassNames = '', carouselItems = [], } = props;
|
|
6
|
+
const [currentIndex, setCurrentIndex] = useState(0);
|
|
7
|
+
const changeSlide = (nextIndex) => {
|
|
8
|
+
setCurrentIndex(nextIndex);
|
|
9
|
+
onSlide(nextIndex % carouselItems.length, nextIndex > currentIndex ? 'right' : 'left');
|
|
10
|
+
};
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
if (autoSlide) {
|
|
13
|
+
const currentInterval = setInterval(() => {
|
|
14
|
+
if (continous) {
|
|
15
|
+
setCurrentIndex((prevCurrentIndex) => {
|
|
16
|
+
onSlide((prevCurrentIndex + 1) % carouselItems.length, (prevCurrentIndex + 1) % carouselItems.length > prevCurrentIndex ? 'right' : 'left');
|
|
17
|
+
return (prevCurrentIndex + 1) % carouselItems.length;
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
else if (currentIndex === carouselItems.length - 1) {
|
|
21
|
+
clearInterval(currentInterval);
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
changeSlide(currentIndex + 1);
|
|
25
|
+
}
|
|
26
|
+
}, interval);
|
|
27
|
+
return () => clearInterval(currentInterval);
|
|
28
|
+
}
|
|
29
|
+
}, []);
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
if (activeIndex && activeIndex !== currentIndex) {
|
|
32
|
+
setCurrentIndex(activeIndex);
|
|
33
|
+
}
|
|
34
|
+
}, [activeIndex]);
|
|
35
|
+
const transitions = useTransition(currentIndex, {
|
|
36
|
+
keys: null,
|
|
37
|
+
exitBeforeEnter: true,
|
|
38
|
+
from: { transform: 'translate3d(100%,0,0)' },
|
|
39
|
+
enter: { transform: 'translate3d(0%,0,0)' },
|
|
40
|
+
leave: { transform: 'translate3d(0%,0,0)' },
|
|
41
|
+
});
|
|
42
|
+
const onBackClick = () => {
|
|
43
|
+
if (currentIndex === 0 && !continous) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
changeSlide((currentIndex - 1) % carouselItems.length);
|
|
47
|
+
};
|
|
48
|
+
const onForwardClick = () => {
|
|
49
|
+
if (currentIndex === carouselItems.length - 1 && !continous) {
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
changeSlide((currentIndex + 1) % carouselItems.length);
|
|
53
|
+
};
|
|
54
|
+
return (React.createElement("div", { "data-testid": testId, className: `tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-full ${extraClassNames}` },
|
|
55
|
+
React.createElement("div", { className: "tw-flex tw-items-center tw-w-full tw-h-max tw-gap-1" },
|
|
56
|
+
showArrows && (React.createElement(Button, { icon: prevIcon, size: "lg", variant: "no-border", testId: "carousel-prev", extraClassNames: `${currentIndex === 0 && !continous ? 'tw-invisible' : ''} ${iconExtraClassNames} tw-animate-fadeIn`, onClick: onBackClick })),
|
|
57
|
+
transitions((style, i) => (React.createElement(animated.div, { "data-testid": `${testId}-${currentIndex}`, style: style }, carouselItems[currentIndex]))),
|
|
58
|
+
showArrows && (React.createElement(Button, { icon: nextIcon, testId: "carousel-next", size: "lg", variant: "no-border", extraClassNames: `${currentIndex === carouselItems.length - 1 && !continous ? 'tw-invisible' : ''} ${iconExtraClassNames} tw-animate-fadeIn`, onClick: onForwardClick }))),
|
|
59
|
+
showIndicators && (React.createElement("div", { className: "tw-flex tw-gap-1 tw-mt-2" }, carouselItems.map((_, i) => (React.createElement("div", { key: i, className: `tw-w-2 tw-h-2 tw-rounded-full tw-cursor-pointer ${i === currentIndex ? 'tw-bg-sq-color-dark' : 'tw-bg-sq-darkish-gray'}`, onClick: () => changeSlide(i) })))))));
|
|
60
|
+
};
|
|
61
|
+
export default Carousel;
|
|
62
|
+
//# sourceMappingURL=Carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|