@seeqdev/qomponents 0.0.104 → 0.0.106
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 +5 -5
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/Alert/Alert.test.js +1 -1
- package/dist/Alert/Alert.test.js.map +1 -1
- package/dist/InputGroup/InputGroup.js +27 -0
- package/dist/InputGroup/InputGroup.js.map +1 -0
- package/dist/InputGroup/InputGroup.stories.js +66 -0
- package/dist/InputGroup/InputGroup.stories.js.map +1 -0
- package/dist/InputGroup/InputGroup.test.d.ts +1 -0
- package/dist/InputGroup/InputGroup.test.js +40 -0
- package/dist/InputGroup/InputGroup.test.js.map +1 -0
- package/dist/InputGroup/InputGroup.types.js +2 -0
- package/dist/InputGroup/InputGroup.types.js.map +1 -0
- package/dist/InputGroup/index.js +2 -0
- package/dist/InputGroup/index.js.map +1 -0
- package/dist/index.esm.js +5 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/styles.css +6 -0
- package/package.json +1 -1
package/dist/Alert/Alert.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import '../styles.css';
|
|
3
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-sm tw-
|
|
5
|
-
' tw-border-solid tw-border tw-text-sm tw-flex tw-flex-col';
|
|
6
|
-
const darkTheme = 'dark:tw-bg-sq-dark
|
|
7
|
-
const lightTheme = 'tw-text-sq-text-color tw-bg-sq-
|
|
4
|
+
const baseClasses = 'tw-mx-auto tw-p-4 tw-leading-normal tw-outline-none tw-py-2 tw-px-3 tw-rounded-sm tw-w-full' +
|
|
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
8
|
const errorClasses = 'tw-border-sq-danger-color';
|
|
9
9
|
const borderColorClasses = 'tw-border-sq-color-dark';
|
|
10
10
|
/**
|
|
@@ -14,7 +14,7 @@ export const Alert = ({ children, dismissible = true, onClose, show = true, vari
|
|
|
14
14
|
const appliedTheme = {
|
|
15
15
|
theme: `${lightTheme} ${darkTheme}`,
|
|
16
16
|
danger: 'tw-text-sq-text-color tw-bg-sq-danger-color',
|
|
17
|
-
warning: 'tw-bg-sq-warning-color tw-text-sq-text-color',
|
|
17
|
+
warning: 'tw-bg-sq-bg-warning-color tw-text-sq-text-color',
|
|
18
18
|
};
|
|
19
19
|
const appliedBorderTheme = {
|
|
20
20
|
theme: borderColorClasses,
|
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;AAG3B,MAAM,WAAW,GACf
|
|
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,6FAA6F;IAC7F,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,EACN,EAAE,EACF,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,YAAY,GAA0C;QAC1D,KAAK,EAAE,GAAG,UAAU,IAAI,SAAS,EAAE;QACnC,MAAM,EAAE,6CAA6C;QACrD,OAAO,EAAE,iDAAiD;KAC3D,CAAC;IACF,MAAM,kBAAkB,GAA0C;QAChE,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,YAAY;QACpB,OAAO,EAAE,gBAAgB;KAC1B,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,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,gDACf,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,kDAAkD,CAAC,CAAC,CAAC,EACzF,EAAE,EACF,MAAM,EAAE,GAAG,MAAM,YAAY,EAC7B,OAAO,EAAE,OAAO,GAChB,CACH;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Alert/Alert.test.js
CHANGED
|
@@ -29,7 +29,7 @@ describe('Alert Component', () => {
|
|
|
29
29
|
expect(alertElement).toHaveClass('tw-text-sq-text-color tw-bg-sq-danger-color');
|
|
30
30
|
rerender(React.createElement(Alert, { ...defaultProps, variant: "warning" }));
|
|
31
31
|
alertElement = screen.getByTestId('alert-test-id');
|
|
32
|
-
expect(alertElement).toHaveClass('tw-bg-sq-warning-color tw-text-sq-text-color');
|
|
32
|
+
expect(alertElement).toHaveClass('tw-bg-sq-bg-warning-color tw-text-sq-text-color');
|
|
33
33
|
});
|
|
34
34
|
it('should call onClose when dismissible icon is clicked', () => {
|
|
35
35
|
render(React.createElement(Alert, { ...defaultProps }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.test.js","sourceRoot":"","sources":["../../src/Alert/Alert.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,yCAAyC,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,MAAM,YAAY,GAAe;QAC/B,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;QAClB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,eAAe;QACvB,EAAE,EAAE,UAAU;QACd,eAAe,EAAE,EAAE;KACpB,CAAC;IAEF,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,oBAAC,KAAK,OAAK,YAAY,GAAI,CAAC,CAAC;QACpC,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACzD,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,CAAC,oBAAC,KAAK,OAAK,YAAY,GAAI,CAAC,CAAC;QACpC,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACzD,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,OAAK,YAAY,EAAE,OAAO,EAAC,QAAQ,GAAG,CAAC,CAAC;QAC1E,IAAI,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACvD,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,6CAA6C,CAAC,CAAC;QAEhF,QAAQ,CAAC,oBAAC,KAAK,OAAK,YAAY,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC,CAAC;QACxD,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"Alert.test.js","sourceRoot":"","sources":["../../src/Alert/Alert.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import '../styles.css';
|
|
3
|
+
import { getQTipData } from '../Tooltip/qTip.utilities';
|
|
4
|
+
const baseClasses = 'tw-flex tw-outline-none tw-rounded-sm tw-w-full tw-relative tw-flex-wrap tw-flex-1 tw-items-stretch';
|
|
5
|
+
const darkTheme = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text ' +
|
|
6
|
+
'dark:tw-placeholder-sq-dark-text-lighter disabled:dark:tw-text-sq-dark-text-lighter';
|
|
7
|
+
const lightTheme = 'tw-text-sq-text-color tw-placeholder-gray-400 disabled:tw-text-sq-darkish-gray';
|
|
8
|
+
const borderColorClasses = [
|
|
9
|
+
'tw-border-sq-disabled-gray',
|
|
10
|
+
'dark:tw-border-sq-dark-disabled-gray',
|
|
11
|
+
'dark:focus:tw-border-sq-color-dark-dark',
|
|
12
|
+
'dark:active:tw-border-sq-color-dark-dark',
|
|
13
|
+
'focus:tw-border-sq-color-dark',
|
|
14
|
+
'active:tw-border-sq-color-dark',
|
|
15
|
+
].join(' ');
|
|
16
|
+
/**
|
|
17
|
+
* InputGroup.
|
|
18
|
+
*/
|
|
19
|
+
export const InputGroup = ({ input, append = [], prepend = [], extraClassNames, id, testId, ...tooltipProps }) => {
|
|
20
|
+
const tooltipData = getQTipData(tooltipProps);
|
|
21
|
+
const appliedClasses = `${baseClasses} ${extraClassNames} ${lightTheme} ${darkTheme} ${borderColorClasses}`;
|
|
22
|
+
return (React.createElement("div", { id: id, "data-testid": testId, className: appliedClasses },
|
|
23
|
+
prepend.filter(Boolean).map((prependItem, index) => (React.createElement("div", { key: index, className: "" }, prependItem))),
|
|
24
|
+
React.createElement("div", { ...tooltipData, className: "tw-flex-1" }, input),
|
|
25
|
+
append.filter(Boolean).map((appendItem, index) => (React.createElement("div", { key: index, className: "" }, appendItem)))));
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=InputGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../src/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,WAAW,GACf,qGAAqG,CAAC;AAExG,MAAM,SAAS,GACb,0DAA0D;IAC1D,sFAAsF,CAAC;AACzF,MAAM,UAAU,GAAG,iFAAiF,CAAC;AAErG,MAAM,kBAAkB,GAAG;IACzB,4BAA4B;IAC5B,sCAAsC;IACtC,yCAAyC;IACzC,0CAA0C;IAC1C,+BAA+B;IAC/B,gCAAgC;CACjC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EACnE,KAAK,EACL,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,eAAe,EACf,EAAE,EACF,MAAM,EACN,GAAG,YAAY,EAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,GAAG,WAAW,IAAI,eAAe,IAAI,UAAU,IAAI,SAAS,IAAI,kBAAkB,EAAE,CAAC;IAE5G,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,iBAAe,MAAM,EAAE,SAAS,EAAE,cAAc;QACxD,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACnD,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,IAC1B,WAAW,CACR,CACP,CAAC;QACF,gCAAS,WAAW,EAAE,SAAS,EAAC,WAAW,IACxC,KAAK,CACF;QACL,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,IAC1B,UAAU,CACP,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InputGroup } from './InputGroup';
|
|
3
|
+
import TextField from '../TextField';
|
|
4
|
+
import Button from '../Button';
|
|
5
|
+
import { QTip } from '../Tooltip/Qtip';
|
|
6
|
+
export default {
|
|
7
|
+
title: 'InputGroup',
|
|
8
|
+
};
|
|
9
|
+
export const AllTextFields = () => {
|
|
10
|
+
const renderAllVariations = () => (React.createElement(React.Fragment, null,
|
|
11
|
+
React.createElement("div", { className: "light" },
|
|
12
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
13
|
+
React.createElement(InputGroup, { input: React.createElement(TextField, { extraClassNames: "tw-w-full tw-rounded-r-none", value: "value provided" }), append: [
|
|
14
|
+
React.createElement(Button, { icon: "fc-annotate", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
15
|
+
React.createElement(Button, { icon: "fc-trash", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
16
|
+
] })),
|
|
17
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
18
|
+
React.createElement(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, input: React.createElement(TextField, { extraClassNames: "tw-w-full tw-rounded-r-none", value: "with tooltip" }), append: [
|
|
19
|
+
React.createElement(Button, { icon: "fc-annotate", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
20
|
+
React.createElement(Button, { icon: "fc-trash", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
21
|
+
] })),
|
|
22
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
23
|
+
React.createElement(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, input: React.createElement(TextField, { extraClassNames: "tw-w-full tw-rounded-r-none", value: "with tooltip" }), append: [React.createElement(Button, { icon: "fc-annotate", iconStyle: "theme", extraClassNames: "tw-h-full" })] })),
|
|
24
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
25
|
+
React.createElement(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, input: React.createElement(TextField, { extraClassNames: "tw-w-full tw-rounded-r-none", value: "with tooltip" }), append: [React.createElement(Button, { icon: "fc-annotate", iconStyle: "theme", extraClassNames: "tw-h-full" })], prepend: [React.createElement(Button, { icon: "fc-causality", iconStyle: "theme", extraClassNames: "tw-h-full" })] })),
|
|
26
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
27
|
+
React.createElement(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, input: React.createElement(TextField, { extraClassNames: "tw-w-full tw-rounded-r-none", value: "with tooltip" }), append: [
|
|
28
|
+
React.createElement(Button, { icon: "fc-annotate", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
29
|
+
React.createElement(Button, { icon: "fc-trash", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
30
|
+
], prepend: [React.createElement(Button, { icon: "fc-causality", iconStyle: "theme", extraClassNames: "tw-h-full" })] }))),
|
|
31
|
+
React.createElement("div", { className: "tw-dark tw-bg-sq-dark-background" },
|
|
32
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
33
|
+
React.createElement(InputGroup, { input: React.createElement(TextField, { extraClassNames: "tw-w-full tw-rounded-r-none", value: "value provided" }), append: [
|
|
34
|
+
React.createElement(Button, { icon: "fc-annotate", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
35
|
+
React.createElement(Button, { icon: "fc-trash", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
36
|
+
] })),
|
|
37
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
38
|
+
React.createElement(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, input: React.createElement(TextField, { extraClassNames: "tw-w-full tw-rounded-r-none", value: "with tooltip" }), append: [
|
|
39
|
+
React.createElement(Button, { icon: "fc-annotate", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
40
|
+
React.createElement(Button, { icon: "fc-trash", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
41
|
+
] })),
|
|
42
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
43
|
+
React.createElement(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, input: React.createElement(TextField, { extraClassNames: "tw-w-full tw-rounded-r-none", value: "with tooltip" }), append: [React.createElement(Button, { icon: "fc-annotate", iconStyle: "theme", extraClassNames: "tw-h-full" })] })),
|
|
44
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
45
|
+
React.createElement(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, input: React.createElement(TextField, { extraClassNames: "tw-w-full tw-rounded-r-none", value: "with tooltip" }), append: [React.createElement(Button, { icon: "fc-annotate", iconStyle: "theme", extraClassNames: "tw-h-full" })], prepend: [React.createElement(Button, { icon: "fc-causality", iconStyle: "theme", extraClassNames: "tw-h-full" })] })),
|
|
46
|
+
React.createElement("div", { className: "tw-p-4" },
|
|
47
|
+
React.createElement(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, input: React.createElement(TextField, { extraClassNames: "tw-w-full tw-rounded-r-none", value: "with tooltip" }), append: [
|
|
48
|
+
React.createElement(Button, { icon: "fc-annotate", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
49
|
+
React.createElement(Button, { icon: "fc-trash", iconStyle: "theme", extraClassNames: "tw-h-full" }),
|
|
50
|
+
], prepend: [React.createElement(Button, { icon: "fc-causality", iconStyle: "theme", extraClassNames: "tw-h-full" })] })))));
|
|
51
|
+
return (React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
|
|
52
|
+
React.createElement(QTip, null),
|
|
53
|
+
React.createElement("div", { className: "color_topic" },
|
|
54
|
+
React.createElement("b", null, "Topic Colors"),
|
|
55
|
+
renderAllVariations()),
|
|
56
|
+
React.createElement("div", { className: "color_analysis" },
|
|
57
|
+
React.createElement("b", null, "Analysis Colors"),
|
|
58
|
+
renderAllVariations()),
|
|
59
|
+
React.createElement("div", { className: "color_datalab" },
|
|
60
|
+
React.createElement("b", null, "Datalab Colors"),
|
|
61
|
+
renderAllVariations()),
|
|
62
|
+
React.createElement("div", { className: "color_vantage" },
|
|
63
|
+
React.createElement("b", null, "Vantage Colors"),
|
|
64
|
+
renderAllVariations())));
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=InputGroup.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputGroup.stories.js","sourceRoot":"","sources":["../../src/InputGroup/InputGroup.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom/extend-expect';
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import '@testing-library/jest-dom/extend-expect';
|
|
4
|
+
import { InputGroup } from './InputGroup';
|
|
5
|
+
describe('InputGroup', () => {
|
|
6
|
+
const defaultProps = {
|
|
7
|
+
input: React.createElement("input", { type: "text" }),
|
|
8
|
+
append: [React.createElement("span", { key: "append" }, "Append")],
|
|
9
|
+
prepend: [React.createElement("span", { key: "prepend" }, "Prepend")],
|
|
10
|
+
extraClassNames: 'extra-class',
|
|
11
|
+
tooltip: 'Tooltip title',
|
|
12
|
+
tooltipDelay: 0,
|
|
13
|
+
id: 'input-group-id',
|
|
14
|
+
testId: 'input-group-test-id',
|
|
15
|
+
};
|
|
16
|
+
it('renders without crashing', () => {
|
|
17
|
+
const { getByTestId } = render(React.createElement(InputGroup, { ...defaultProps }));
|
|
18
|
+
expect(getByTestId('input-group-test-id')).toBeInTheDocument();
|
|
19
|
+
});
|
|
20
|
+
it('applies the correct classes', () => {
|
|
21
|
+
const { getByTestId } = render(React.createElement(InputGroup, { ...defaultProps }));
|
|
22
|
+
const inputGroup = getByTestId('input-group-test-id');
|
|
23
|
+
expect(inputGroup).toHaveClass('tw-flex');
|
|
24
|
+
expect(inputGroup).toHaveClass('tw-outline-none');
|
|
25
|
+
expect(inputGroup).toHaveClass('extra-class');
|
|
26
|
+
});
|
|
27
|
+
it('renders prepend items', () => {
|
|
28
|
+
const { getByText } = render(React.createElement(InputGroup, { ...defaultProps }));
|
|
29
|
+
expect(getByText('Prepend')).toBeInTheDocument();
|
|
30
|
+
});
|
|
31
|
+
it('renders append items', () => {
|
|
32
|
+
const { getByText } = render(React.createElement(InputGroup, { ...defaultProps }));
|
|
33
|
+
expect(getByText('Append')).toBeInTheDocument();
|
|
34
|
+
});
|
|
35
|
+
it('renders input element', () => {
|
|
36
|
+
const { container } = render(React.createElement(InputGroup, { ...defaultProps }));
|
|
37
|
+
expect(container.querySelector('input[type="text"]')).toBeInTheDocument();
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=InputGroup.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputGroup.test.js","sourceRoot":"","sources":["../../src/InputGroup/InputGroup.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,yCAAyC,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,MAAM,YAAY,GAAoB;QACpC,KAAK,EAAE,+BAAO,IAAI,EAAC,MAAM,GAAG;QAC5B,MAAM,EAAE,CAAC,8BAAM,GAAG,EAAC,QAAQ,aAAc,CAAC;QAC1C,OAAO,EAAE,CAAC,8BAAM,GAAG,EAAC,SAAS,cAAe,CAAC;QAC7C,eAAe,EAAE,aAAa;QAC9B,OAAO,EAAE,eAAe;QACxB,YAAY,EAAE,CAAC;QACf,EAAE,EAAE,gBAAgB;QACpB,MAAM,EAAE,qBAAqB;KAC9B,CAAC;IAEF,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,oBAAC,UAAU,OAAK,YAAY,GAAI,CAAC,CAAC;QACjE,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,oBAAC,UAAU,OAAK,YAAY,GAAI,CAAC,CAAC;QACjE,MAAM,UAAU,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;QACtD,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAClD,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,UAAU,OAAK,YAAY,GAAI,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,UAAU,OAAK,YAAY,GAAI,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,UAAU,OAAK,YAAY,GAAI,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputGroup.types.js","sourceRoot":"","sources":["../../src/InputGroup/InputGroup.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/InputGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}
|
package/dist/index.esm.js
CHANGED
|
@@ -16170,10 +16170,10 @@ const ButtonWithDropdown = ({ dropdownItems, triggerIcon, id, extraClassNames, c
|
|
|
16170
16170
|
}))))));
|
|
16171
16171
|
};
|
|
16172
16172
|
|
|
16173
|
-
const baseClasses = 'tw-mx-auto tw-p-4 tw-leading-normal tw-outline-none tw-py-2 tw-px-3 tw-rounded-sm tw-
|
|
16174
|
-
' tw-border-solid tw-border tw-text-sm tw-flex tw-flex-col';
|
|
16175
|
-
const darkTheme = 'dark:tw-bg-sq-dark
|
|
16176
|
-
const lightTheme = 'tw-text-sq-text-color tw-bg-sq-
|
|
16173
|
+
const baseClasses = 'tw-mx-auto tw-p-4 tw-leading-normal tw-outline-none tw-py-2 tw-px-3 tw-rounded-sm tw-w-full' +
|
|
16174
|
+
' tw-border-solid tw-border tw-text-sm tw-flex tw-flex-col tw-justify-center tw-items-center';
|
|
16175
|
+
const darkTheme = 'dark:tw-bg-sq-colored-hover-dark dark:tw-text-sq-dark-text';
|
|
16176
|
+
const lightTheme = 'tw-text-sq-text-color tw-bg-sq-colored-hover';
|
|
16177
16177
|
const errorClasses = 'tw-border-sq-danger-color';
|
|
16178
16178
|
const borderColorClasses = 'tw-border-sq-color-dark';
|
|
16179
16179
|
/**
|
|
@@ -16183,7 +16183,7 @@ const Alert = ({ children, dismissible = true, onClose, show = true, variant, te
|
|
|
16183
16183
|
const appliedTheme = {
|
|
16184
16184
|
theme: `${lightTheme} ${darkTheme}`,
|
|
16185
16185
|
danger: 'tw-text-sq-text-color tw-bg-sq-danger-color',
|
|
16186
|
-
warning: 'tw-bg-sq-warning-color tw-text-sq-text-color',
|
|
16186
|
+
warning: 'tw-bg-sq-bg-warning-color tw-text-sq-text-color',
|
|
16187
16187
|
};
|
|
16188
16188
|
const appliedBorderTheme = {
|
|
16189
16189
|
theme: borderColorClasses,
|