@proprioo/salatim 27.0.0 → 28.0.1
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/CHANGELOG.md +9 -0
- package/lib/index.js +148 -151
- package/lib/index.js.map +1 -1
- package/lib/ui/src/icons/CloseBox.js +2 -2
- package/lib/ui/src/icons/CloseBox.js.map +1 -1
- package/lib/ui/src/tag/Tag.js +1 -1
- package/lib/ui/src/tag/Tag.js.map +1 -1
- package/lib/ui/src/tag/Tag.stories.js +15 -31
- package/lib/ui/src/tag/Tag.stories.js.map +1 -1
- package/lib/ui/src/tag/Tag.styles.d.ts +1 -1
- package/lib/ui/src/tag/Tag.styles.js +14 -16
- package/lib/ui/src/tag/Tag.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.test.js +3 -1
- package/lib/ui/src/tag/Tag.test.js.map +1 -1
- package/lib/ui/src/tag/TagColors.d.ts +8 -14
- package/lib/ui/src/tag/TagColors.js +34 -39
- package/lib/ui/src/tag/TagColors.js.map +1 -1
- package/lib/ui/src/tag/interfaces.d.ts +5 -6
- package/lib/ui/src/tag/interfaces.js +4 -5
- package/lib/ui/src/tag/interfaces.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const CloseBox = () => (react_1.default.createElement("svg", { viewBox: "0 0
|
|
8
|
-
react_1.default.createElement("path", {
|
|
7
|
+
const CloseBox = () => (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
8
|
+
react_1.default.createElement("path", { d: "M10 0c5.53 0 10 4.47 10 10s-4.47 10-10 10S0 15.53 0 10 4.47 0 10 0zm3.59 5L10 8.59 6.41 5 5 6.41 8.59 10 5 13.59 6.41 15 10 11.41 13.59 15 15 13.59 11.41 10 15 6.41 13.59 5z", fill: "currentColor" })));
|
|
9
9
|
exports.default = CloseBox;
|
|
10
10
|
//# sourceMappingURL=CloseBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CloseBox.js","sourceRoot":"","sources":["../../../../packages/ui/src/icons/CloseBox.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,
|
|
1
|
+
{"version":3,"file":"CloseBox.js","sourceRoot":"","sources":["../../../../packages/ui/src/icons/CloseBox.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;IAElC,wCACE,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
package/lib/ui/src/tag/Tag.js
CHANGED
|
@@ -37,7 +37,7 @@ const Tag = ({ labels, appearance, color, icon, isOutlined, dataTest, numberOfTa
|
|
|
37
37
|
tagsToDisplay.map((tag, index) => (react_1.default.createElement(Tag_styles_1.BasicTag, Object.assign({}, { appearance, color, isOutlined }, { isOutlined: isOutlined, icon: !!icon, close: !!onClose, "data-test": dataTest, key: index }),
|
|
38
38
|
icon && (react_1.default.createElement(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon" }, icon)),
|
|
39
39
|
tag,
|
|
40
|
-
onClose && (react_1.default.createElement(Tag_styles_1.TagCloser, {
|
|
40
|
+
onClose && (react_1.default.createElement(Tag_styles_1.TagCloser, { "aria-label": "Supprimer", appearance: appearance, "data-test": "tag-closer", onClick: onClose },
|
|
41
41
|
react_1.default.createElement(CloseBox_1.default, null)))))),
|
|
42
42
|
Boolean(tagsToHide.length) && (react_1.default.createElement(Tag_styles_1.TagList, { "data-test": "list-tag" },
|
|
43
43
|
react_1.default.createElement(Tag_styles_1.BasicTag, Object.assign({}, { appearance, color, isOutlined }, { icon: !!icon, "data-test": dataTest }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4C;AAE5C,iEAAyC;AACzC,6CAAuE;AACvE,6CAOsB;AAEtB,MAAM,GAAG,GAAiB,CAAC,EACzB,MAAM,EACN,UAAU,EACV,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,YAAY,GAAG,MAAM,CAAC,MAAM,EAC5B,OAAO,EACR,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,gBAAQ;QACN,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,8BAAC,qBAAQ,oBACH,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IACrC,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,KAAK,EAAE,CAAC,CAAC,OAAO,eACL,QAAQ,EACnB,GAAG,EAAE,KAAK;YAET,IAAI,IAAI,CACP,8BAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,IAC5C,IAAI,CACO,CACf;YACA,GAAG;YACH,OAAO,IAAI,CACV,8BAAC,sBAAS,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4C;AAE5C,iEAAyC;AACzC,6CAAuE;AACvE,6CAOsB;AAEtB,MAAM,GAAG,GAAiB,CAAC,EACzB,MAAM,EACN,UAAU,EACV,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,YAAY,GAAG,MAAM,CAAC,MAAM,EAC5B,OAAO,EACR,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,gBAAQ;QACN,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,8BAAC,qBAAQ,oBACH,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IACrC,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,KAAK,EAAE,CAAC,CAAC,OAAO,eACL,QAAQ,EACnB,GAAG,EAAE,KAAK;YAET,IAAI,IAAI,CACP,8BAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,IAC5C,IAAI,CACO,CACf;YACA,GAAG;YACH,OAAO,IAAI,CACV,8BAAC,sBAAS,kBACG,WAAW,EACtB,UAAU,EAAE,UAAU,eACZ,YAAY,EACtB,OAAO,EAAE,OAAO;gBAEhB,8BAAC,kBAAQ,OAAG,CACF,CACb,CACQ,CACZ,CAAC;QACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAC7B,8BAAC,oBAAO,iBAAW,UAAU;YAC3B,8BAAC,qBAAQ,oBACH,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IACrC,IAAI,EAAE,CAAC,CAAC,IAAI,eACD,QAAQ;gBAElB,IAAI,IAAI,CACP,8BAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,IAC5C,IAAI,CACO,CACf;gBACA,KAAK,UAAU,CAAC,MAAM,EAAE,CAChB;YACX,8BAAC,iBAAI,oBAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,GACxC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,8BAAC,uBAAU,IAAC,GAAG,EAAE,KAAK,eAAY,aAAa,IAC5C,KAAK,CACK,CACd,CAAC,CACG,CACC,CACX,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,UAAU,EAAE,0BAAa,CAAC,QAAQ;IAClC,KAAK,EAAE,2BAAc,CAAC,MAAM;IAC5B,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,kBAAe,GAAG,CAAC"}
|
|
@@ -30,11 +30,17 @@ const react_1 = __importStar(require("react"));
|
|
|
30
30
|
const addon_actions_1 = require("@storybook/addon-actions");
|
|
31
31
|
const addon_knobs_1 = require("@storybook/addon-knobs");
|
|
32
32
|
const react_2 = require("@storybook/react");
|
|
33
|
-
const utils_1 = require("../../../utils");
|
|
34
33
|
const icons_1 = __importDefault(require("../icons"));
|
|
35
34
|
const interfaces_1 = require("./interfaces");
|
|
36
35
|
const Tag_1 = __importDefault(require("./Tag"));
|
|
37
36
|
const { EmoticonCool } = icons_1.default;
|
|
37
|
+
const wrapperStyle = {
|
|
38
|
+
minHeight: '100px',
|
|
39
|
+
display: 'flex',
|
|
40
|
+
alignItems: 'flex-end',
|
|
41
|
+
padding: '1em',
|
|
42
|
+
background: 'transparent'
|
|
43
|
+
};
|
|
38
44
|
const knobs = () => ({
|
|
39
45
|
appearance: (0, addon_knobs_1.select)('Appearance', interfaces_1.TagAppearance, interfaces_1.TagAppearance.CUSTOMER),
|
|
40
46
|
color: (0, addon_knobs_1.select)('Color', interfaces_1.TagColorsTypes, interfaces_1.TagColorsTypes.ORANGE),
|
|
@@ -46,47 +52,25 @@ const knobs = () => ({
|
|
|
46
52
|
numberOfTags: (0, addon_knobs_1.number)('Number of tags to display', 4)
|
|
47
53
|
});
|
|
48
54
|
(0, react_2.storiesOf)('Tag', module)
|
|
55
|
+
.add('Overview', () => {
|
|
56
|
+
return (react_1.default.createElement(react_1.Fragment, null, Object.values(interfaces_1.TagAppearance).map((appearance, appearanceIndex) => (react_1.default.createElement("div", { key: appearanceIndex },
|
|
57
|
+
react_1.default.createElement("h2", null, appearance),
|
|
58
|
+
Object.values(interfaces_1.TagColorsTypes).map((color, colorIndex) => (react_1.default.createElement(Tag_1.default, Object.assign({}, { color, appearance }, { labels: [color.toLocaleLowerCase()], key: colorIndex })))))))));
|
|
59
|
+
})
|
|
49
60
|
.add('Basic', () => {
|
|
50
61
|
const props = Object.assign({}, knobs());
|
|
51
|
-
const style = {
|
|
52
|
-
minHeight: props.labels.length > 1 ? '100px' : 0,
|
|
53
|
-
display: 'flex',
|
|
54
|
-
alignItems: 'flex-end',
|
|
55
|
-
padding: '1em',
|
|
56
|
-
background: props.color === interfaces_1.TagColorsTypes.WHITE
|
|
57
|
-
? utils_1.colors.orange.base
|
|
58
|
-
: 'transparent'
|
|
59
|
-
};
|
|
60
62
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
61
|
-
react_1.default.createElement("div", { style:
|
|
63
|
+
react_1.default.createElement("div", { style: wrapperStyle },
|
|
62
64
|
react_1.default.createElement(Tag_1.default, Object.assign({}, props)))));
|
|
63
65
|
})
|
|
64
66
|
.add('With icon', () => {
|
|
65
67
|
const props = Object.assign(Object.assign({}, knobs()), { icon: react_1.default.createElement(EmoticonCool, null) });
|
|
66
|
-
|
|
67
|
-
minHeight: props.labels.length > 1 ? '100px' : 0,
|
|
68
|
-
display: 'flex',
|
|
69
|
-
alignItems: 'flex-end',
|
|
70
|
-
padding: '1em',
|
|
71
|
-
background: props.color === interfaces_1.TagColorsTypes.WHITE
|
|
72
|
-
? utils_1.colors.orange.base
|
|
73
|
-
: 'transparent'
|
|
74
|
-
};
|
|
75
|
-
return (react_1.default.createElement("div", { style: style },
|
|
68
|
+
return (react_1.default.createElement("div", { style: wrapperStyle },
|
|
76
69
|
react_1.default.createElement(Tag_1.default, Object.assign({}, props))));
|
|
77
70
|
})
|
|
78
71
|
.add('With close action', () => {
|
|
79
72
|
const props = Object.assign(Object.assign({}, knobs()), { onClose: (0, addon_actions_1.action)('onClose') });
|
|
80
|
-
|
|
81
|
-
minHeight: props.labels.length > 1 ? '100px' : 0,
|
|
82
|
-
display: 'flex',
|
|
83
|
-
alignItems: 'flex-end',
|
|
84
|
-
padding: '1em',
|
|
85
|
-
background: props.color === interfaces_1.TagColorsTypes.WHITE
|
|
86
|
-
? utils_1.colors.orange.base
|
|
87
|
-
: 'transparent'
|
|
88
|
-
};
|
|
89
|
-
return (react_1.default.createElement("div", { style: style },
|
|
73
|
+
return (react_1.default.createElement("div", { style: wrapperStyle },
|
|
90
74
|
react_1.default.createElement(Tag_1.default, Object.assign({}, props))));
|
|
91
75
|
});
|
|
92
76
|
//# sourceMappingURL=Tag.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,4DAAkD;AAClD,wDAAiE;AACjE,4CAA6C;AAE7C,
|
|
1
|
+
{"version":3,"file":"Tag.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,4DAAkD;AAClD,wDAAiE;AACjE,4CAA6C;AAE7C,qDAA6B;AAC7B,6CAA6D;AAC7D,gDAAwB;AAExB,MAAM,EAAE,YAAY,EAAE,GAAG,eAAK,CAAC;AAE/B,MAAM,YAAY,GAAG;IACnB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE,IAAA,oBAAM,EAAC,YAAY,EAAE,0BAAa,EAAE,0BAAa,CAAC,QAAQ,CAAC;IACvE,KAAK,EAAE,IAAA,oBAAM,EAAC,OAAO,EAAE,2BAAc,EAAE,2BAAc,CAAC,MAAM,CAAC;IAC7D,MAAM,EAAE,IAAA,oBAAM,EACZ,OAAO,EACP;QACE,MAAM,EAAE,CAAC,kBAAkB,CAAC;QAC5B,QAAQ,EAAE,CAAC,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,CAAC;KAC1E,EACD,CAAC,kBAAkB,CAAC,CACrB;IACD,UAAU,EAAE,IAAA,qBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;IACtC,YAAY,EAAE,IAAA,oBAAM,EAAC,2BAA2B,EAAE,CAAC,CAAC;CACrD,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,KAAK,EAAE,MAAM,CAAC;KACrB,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE;IACpB,OAAO,CACL,8BAAC,gBAAQ,QACN,MAAM,CAAC,MAAM,CAAC,0BAAa,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,eAAe,EAAE,EAAE,CAAC,CACjE,uCAAK,GAAG,EAAE,eAAe;QACvB,0CAAK,UAAU,CAAM;QACpB,MAAM,CAAC,MAAM,CAAC,2BAAc,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CACxD,8BAAC,aAAG,oBACE,EAAE,KAAK,EAAE,UAAU,EAAE,IACzB,MAAM,EAAE,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,EACnC,GAAG,EAAE,UAAU,IACf,CACH,CAAC,CACE,CACP,CAAC,CACO,CACZ,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE;IACjB,MAAM,KAAK,qBACN,KAAK,EAAE,CACX,CAAC;IAEF,OAAO,CACL,8BAAC,gBAAQ;QACP,uCAAK,KAAK,EAAE,YAAY;YACtB,8BAAC,aAAG,oBAAK,KAAK,EAAI,CACd,CACG,CACZ,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE;IACrB,MAAM,KAAK,mCACN,KAAK,EAAE,KACV,IAAI,EAAE,8BAAC,YAAY,OAAG,GACvB,CAAC;IAEF,OAAO,CACL,uCAAK,KAAK,EAAE,YAAY;QACtB,8BAAC,aAAG,oBAAK,KAAK,EAAI,CACd,CACP,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC7B,MAAM,KAAK,mCACN,KAAK,EAAE,KACV,OAAO,EAAE,IAAA,sBAAM,EAAC,SAAS,CAAC,GAC3B,CAAC;IAEF,OAAO,CACL,uCAAK,KAAK,EAAE,YAAY;QACtB,8BAAC,aAAG,oBAAK,KAAK,EAAI,CACd,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -6,7 +6,7 @@ interface TagBaseProps {
|
|
|
6
6
|
export declare const TagBase: import("styled-components").FlattenSimpleInterpolation;
|
|
7
7
|
export declare const TAG_BUSINESS_BASE: import("styled-components").FlattenSimpleInterpolation;
|
|
8
8
|
export declare const BasicTag: import("styled-components").StyledComponent<"span", any, Pick<TagProps, "appearance" | "color" | "isOutlined"> & TagBaseProps, never>;
|
|
9
|
-
export declare const TagCloser: import("styled-components").StyledComponent<"
|
|
9
|
+
export declare const TagCloser: import("styled-components").StyledComponent<"button", any, Pick<TagProps, "appearance">, never>;
|
|
10
10
|
export declare const TagElement: import("styled-components").StyledComponent<"li", any, {}, never>;
|
|
11
11
|
export declare const List: import("styled-components").StyledComponent<"ul", any, Pick<TagProps, "appearance" | "color" | "isOutlined">, never>;
|
|
12
12
|
export declare const TagList: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -45,9 +45,8 @@ exports.TagBase = (0, styled_components_1.css) `
|
|
|
45
45
|
`;
|
|
46
46
|
exports.TAG_BUSINESS_BASE = (0, styled_components_1.css) `
|
|
47
47
|
font-size: ${utils_1.fonts.smallest};
|
|
48
|
-
border-radius: ${(0, utils_1.convertPxToRem)(
|
|
49
|
-
padding: ${(0, utils_1.convertPxToRem)(4)};
|
|
50
|
-
text-transform: uppercase;
|
|
48
|
+
border-radius: ${(0, utils_1.convertPxToRem)(6)};
|
|
49
|
+
padding: ${(0, utils_1.convertPxToRem)(4)} ${(0, utils_1.convertPxToRem)(8)};
|
|
51
50
|
font-weight: bold;
|
|
52
51
|
`;
|
|
53
52
|
const getTagMainStyle = (color, appearance, isOutlined) => {
|
|
@@ -91,23 +90,22 @@ exports.BasicTag = styled_components_1.default.span `
|
|
|
91
90
|
padding-right: ${(0, utils_1.convertPxToRem)(8)};
|
|
92
91
|
`}
|
|
93
92
|
`;
|
|
94
|
-
exports.TagCloser = styled_components_1.default.
|
|
95
|
-
|
|
96
|
-
|
|
93
|
+
exports.TagCloser = styled_components_1.default.button `
|
|
94
|
+
${utils_1.resetCssButton};
|
|
95
|
+
width: ${(0, utils_1.convertPxToRem)(12)};
|
|
96
|
+
height: ${(0, utils_1.convertPxToRem)(12)};
|
|
97
97
|
margin-left: ${(0, utils_1.convertPxToRem)(8)};
|
|
98
|
-
cursor: pointer;
|
|
99
98
|
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
99
|
+
${({ appearance }) => appearance === interfaces_1.TagAppearance.CUSTOMER &&
|
|
100
|
+
(0, styled_components_1.css) `
|
|
101
|
+
margin-right: ${(0, utils_1.convertPxToRem)(8)};
|
|
102
|
+
`}
|
|
103
103
|
|
|
104
|
-
|
|
105
|
-
opacity: 0.6;
|
|
106
|
-
}
|
|
104
|
+
cursor: pointer;
|
|
107
105
|
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
106
|
+
> svg {
|
|
107
|
+
width: 100%;
|
|
108
|
+
height: 100%;
|
|
111
109
|
}
|
|
112
110
|
`;
|
|
113
111
|
exports.TagElement = styled_components_1.default.li `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,
|
|
1
|
+
{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -48,8 +48,10 @@ const defaultProps = {
|
|
|
48
48
|
describe('Tag component', () => {
|
|
49
49
|
it('should render tag with cross', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
50
50
|
(0, react_2.render)(react_1.default.createElement(Tag_1.default, Object.assign({}, defaultProps, { onClose: mockOnClose })));
|
|
51
|
+
const deleteButton = react_2.screen.getByRole('button', { name: 'Supprimer' });
|
|
51
52
|
expect(react_2.screen.getByTestId('tag-closer')).toBeInTheDocument();
|
|
52
|
-
|
|
53
|
+
expect(deleteButton).toBeInTheDocument();
|
|
54
|
+
yield user_event_1.default.click(deleteButton);
|
|
53
55
|
expect(mockOnClose).toHaveBeenCalled();
|
|
54
56
|
}));
|
|
55
57
|
it('should render basic tag', () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,kDAAwD;AACxD,6EAAoD;AAEpD,6CAAwD;AACxD,gDAAwB;AAExB,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE9B,MAAM,YAAY,GAAa;IAC7B,MAAM,EAAE,CAAC,KAAK,CAAC;IACf,KAAK,EAAE,2BAAc,CAAC,MAAM;CAC7B,CAAC;AAEF,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAS,EAAE;QAC5C,IAAA,cAAM,EAAC,8BAAC,aAAG,oBAAK,YAAY,IAAE,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC;QAExD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7D,MAAM,
|
|
1
|
+
{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,37 +5,31 @@ export declare const TagColors: {
|
|
|
5
5
|
colorOutlined: string;
|
|
6
6
|
backgroundOutlined: string;
|
|
7
7
|
};
|
|
8
|
-
|
|
8
|
+
BLUE_LIGHT: {
|
|
9
9
|
color: string;
|
|
10
10
|
background: string;
|
|
11
11
|
colorOutlined: string;
|
|
12
12
|
backgroundOutlined: string;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
GREY: {
|
|
15
15
|
color: string;
|
|
16
16
|
background: string;
|
|
17
17
|
colorOutlined: string;
|
|
18
18
|
backgroundOutlined: string;
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
GREY_LIGHT: {
|
|
21
21
|
color: string;
|
|
22
22
|
background: string;
|
|
23
23
|
colorOutlined: string;
|
|
24
24
|
backgroundOutlined: string;
|
|
25
25
|
};
|
|
26
|
-
|
|
27
|
-
color: string;
|
|
28
|
-
background: string;
|
|
29
|
-
colorOutlined: string;
|
|
30
|
-
backgroundOutlined: string;
|
|
31
|
-
};
|
|
32
|
-
GREEN_LIGHTER: {
|
|
26
|
+
GREEN: {
|
|
33
27
|
color: string;
|
|
34
28
|
background: string;
|
|
35
29
|
colorOutlined: string;
|
|
36
30
|
backgroundOutlined: string;
|
|
37
31
|
};
|
|
38
|
-
|
|
32
|
+
GREEN_LIGHT: {
|
|
39
33
|
color: string;
|
|
40
34
|
background: string;
|
|
41
35
|
colorOutlined: string;
|
|
@@ -53,7 +47,7 @@ export declare const TagColors: {
|
|
|
53
47
|
colorOutlined: string;
|
|
54
48
|
backgroundOutlined: string;
|
|
55
49
|
};
|
|
56
|
-
|
|
50
|
+
ORANGE_LIGHTER: {
|
|
57
51
|
color: string;
|
|
58
52
|
background: string;
|
|
59
53
|
colorOutlined: string;
|
|
@@ -65,13 +59,13 @@ export declare const TagColors: {
|
|
|
65
59
|
colorOutlined: string;
|
|
66
60
|
backgroundOutlined: string;
|
|
67
61
|
};
|
|
68
|
-
|
|
62
|
+
RED_LIGHT: {
|
|
69
63
|
color: string;
|
|
70
64
|
background: string;
|
|
71
65
|
colorOutlined: string;
|
|
72
66
|
backgroundOutlined: string;
|
|
73
67
|
};
|
|
74
|
-
|
|
68
|
+
TERRACOTA: {
|
|
75
69
|
color: string;
|
|
76
70
|
background: string;
|
|
77
71
|
colorOutlined: string;
|
|
@@ -2,84 +2,79 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.TagColors = void 0;
|
|
4
4
|
const utils_1 = require("../../../utils");
|
|
5
|
+
const interfaces_1 = require("./interfaces");
|
|
5
6
|
exports.TagColors = {
|
|
6
|
-
BLUE: {
|
|
7
|
-
color: utils_1.colors.
|
|
7
|
+
[interfaces_1.TagColorsTypes.BLUE]: {
|
|
8
|
+
color: utils_1.colors.dark.base,
|
|
8
9
|
background: utils_1.colors.blue.base,
|
|
10
|
+
colorOutlined: utils_1.colors.dark.base,
|
|
11
|
+
backgroundOutlined: utils_1.colors.blue.base40
|
|
12
|
+
},
|
|
13
|
+
[interfaces_1.TagColorsTypes.BLUE_LIGHT]: {
|
|
14
|
+
color: utils_1.colors.green.base,
|
|
15
|
+
background: utils_1.colors.blue.base40,
|
|
9
16
|
colorOutlined: utils_1.colors.green.base,
|
|
10
17
|
backgroundOutlined: utils_1.colors.blue.base40
|
|
11
18
|
},
|
|
12
|
-
|
|
19
|
+
[interfaces_1.TagColorsTypes.GREY]: {
|
|
13
20
|
color: 'white',
|
|
14
|
-
background: utils_1.colors.dark.
|
|
21
|
+
background: utils_1.colors.dark.base80,
|
|
15
22
|
colorOutlined: utils_1.colors.dark.base,
|
|
16
23
|
backgroundOutlined: utils_1.colors.dark.base40
|
|
17
24
|
},
|
|
18
|
-
|
|
19
|
-
color:
|
|
20
|
-
background: utils_1.colors.dark.
|
|
25
|
+
[interfaces_1.TagColorsTypes.GREY_LIGHT]: {
|
|
26
|
+
color: utils_1.colors.dark.base,
|
|
27
|
+
background: utils_1.colors.dark.base10,
|
|
21
28
|
colorOutlined: utils_1.colors.dark.base,
|
|
22
29
|
backgroundOutlined: utils_1.colors.dark.base40
|
|
23
30
|
},
|
|
24
|
-
GREEN: {
|
|
25
|
-
color:
|
|
26
|
-
background: utils_1.colors.green.base,
|
|
27
|
-
colorOutlined: utils_1.colors.green.base,
|
|
28
|
-
backgroundOutlined: utils_1.colors.green.base20
|
|
29
|
-
},
|
|
30
|
-
GREEN_LIGHT: {
|
|
31
|
-
color: utils_1.colors.dark.base,
|
|
31
|
+
[interfaces_1.TagColorsTypes.GREEN]: {
|
|
32
|
+
color: utils_1.colors.green.base,
|
|
32
33
|
background: utils_1.colors.greenLight.base40,
|
|
33
|
-
colorOutlined: utils_1.colors.
|
|
34
|
-
backgroundOutlined: utils_1.colors.
|
|
34
|
+
colorOutlined: utils_1.colors.green.base40,
|
|
35
|
+
backgroundOutlined: utils_1.colors.green.base20
|
|
35
36
|
},
|
|
36
|
-
|
|
37
|
-
color: utils_1.colors.
|
|
37
|
+
[interfaces_1.TagColorsTypes.GREEN_LIGHT]: {
|
|
38
|
+
color: utils_1.colors.green.base,
|
|
38
39
|
background: utils_1.colors.greenLight.base20,
|
|
39
40
|
colorOutlined: utils_1.colors.dark.base,
|
|
40
41
|
backgroundOutlined: utils_1.colors.greenLight.base20
|
|
41
42
|
},
|
|
42
|
-
|
|
43
|
-
color: utils_1.colors.dark.base60,
|
|
44
|
-
background: utils_1.colors.grey.base20,
|
|
45
|
-
colorOutlined: utils_1.colors.dark.base60,
|
|
46
|
-
backgroundOutlined: utils_1.colors.grey.base20
|
|
47
|
-
},
|
|
48
|
-
ORANGE: {
|
|
43
|
+
[interfaces_1.TagColorsTypes.ORANGE]: {
|
|
49
44
|
color: 'white',
|
|
50
45
|
background: utils_1.colors.orange.base,
|
|
51
46
|
colorOutlined: utils_1.colors.orange.base,
|
|
52
47
|
backgroundOutlined: utils_1.colors.orange.base20
|
|
53
48
|
},
|
|
54
|
-
ORANGE_LIGHT: {
|
|
49
|
+
[interfaces_1.TagColorsTypes.ORANGE_LIGHT]: {
|
|
55
50
|
color: utils_1.colors.dark.base,
|
|
56
51
|
background: utils_1.colors.orange.base40,
|
|
57
52
|
colorOutlined: utils_1.colors.dark.base,
|
|
58
53
|
backgroundOutlined: utils_1.colors.orange.base40
|
|
59
54
|
},
|
|
60
|
-
|
|
61
|
-
color: utils_1.colors.
|
|
62
|
-
background: utils_1.colors.
|
|
55
|
+
[interfaces_1.TagColorsTypes.ORANGE_LIGHTER]: {
|
|
56
|
+
color: utils_1.colors.green.base,
|
|
57
|
+
background: utils_1.colors.orange.base10,
|
|
63
58
|
colorOutlined: utils_1.colors.dark.base,
|
|
64
|
-
backgroundOutlined: utils_1.colors.
|
|
59
|
+
backgroundOutlined: utils_1.colors.orange.base40
|
|
65
60
|
},
|
|
66
|
-
RED: {
|
|
61
|
+
[interfaces_1.TagColorsTypes.RED]: {
|
|
67
62
|
color: 'white',
|
|
68
63
|
background: utils_1.colors.red.base,
|
|
69
64
|
colorOutlined: utils_1.colors.red.base,
|
|
70
65
|
backgroundOutlined: utils_1.colors.red.base20
|
|
71
66
|
},
|
|
72
|
-
|
|
67
|
+
[interfaces_1.TagColorsTypes.RED_LIGHT]: {
|
|
68
|
+
color: utils_1.colors.red.base,
|
|
69
|
+
background: utils_1.colors.red.base10,
|
|
70
|
+
colorOutlined: utils_1.colors.red.base,
|
|
71
|
+
backgroundOutlined: utils_1.colors.red.base20
|
|
72
|
+
},
|
|
73
|
+
[interfaces_1.TagColorsTypes.TERRACOTA]: {
|
|
73
74
|
color: utils_1.colors.dark.base,
|
|
74
75
|
background: utils_1.colors.terracota.base,
|
|
75
76
|
colorOutlined: utils_1.colors.terracota.base,
|
|
76
77
|
backgroundOutlined: utils_1.colors.terracota.base20
|
|
77
|
-
},
|
|
78
|
-
WHITE: {
|
|
79
|
-
color: utils_1.colors.green.base,
|
|
80
|
-
background: 'white',
|
|
81
|
-
colorOutlined: utils_1.colors.green.base,
|
|
82
|
-
backgroundOutlined: 'white'
|
|
83
78
|
}
|
|
84
79
|
};
|
|
85
80
|
//# sourceMappingURL=TagColors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagColors.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/TagColors.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"TagColors.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/TagColors.ts"],"names":[],"mappings":"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"}
|
|
@@ -15,16 +15,15 @@ export declare enum TagAppearance {
|
|
|
15
15
|
}
|
|
16
16
|
export declare enum TagColorsTypes {
|
|
17
17
|
BLUE = "BLUE",
|
|
18
|
-
|
|
19
|
-
DARK_GREY = "DARK_GREY",
|
|
18
|
+
BLUE_LIGHT = "BLUE_LIGHT",
|
|
20
19
|
GREEN = "GREEN",
|
|
21
20
|
GREEN_LIGHT = "GREEN_LIGHT",
|
|
22
|
-
GREEN_LIGHTER = "GREEN_LIGHTER",
|
|
23
21
|
GREY = "GREY",
|
|
24
|
-
|
|
22
|
+
GREY_LIGHT = "GREY_LIGHT",
|
|
25
23
|
ORANGE = "ORANGE",
|
|
26
24
|
ORANGE_LIGHT = "ORANGE_LIGHT",
|
|
25
|
+
ORANGE_LIGHTER = "ORANGE_LIGHTER",
|
|
27
26
|
RED = "RED",
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
RED_LIGHT = "RED_LIGHT",
|
|
28
|
+
TERRACOTA = "TERRACOTA"
|
|
30
29
|
}
|
|
@@ -9,17 +9,16 @@ var TagAppearance;
|
|
|
9
9
|
var TagColorsTypes;
|
|
10
10
|
(function (TagColorsTypes) {
|
|
11
11
|
TagColorsTypes["BLUE"] = "BLUE";
|
|
12
|
-
TagColorsTypes["
|
|
13
|
-
TagColorsTypes["DARK_GREY"] = "DARK_GREY";
|
|
12
|
+
TagColorsTypes["BLUE_LIGHT"] = "BLUE_LIGHT";
|
|
14
13
|
TagColorsTypes["GREEN"] = "GREEN";
|
|
15
14
|
TagColorsTypes["GREEN_LIGHT"] = "GREEN_LIGHT";
|
|
16
|
-
TagColorsTypes["GREEN_LIGHTER"] = "GREEN_LIGHTER";
|
|
17
15
|
TagColorsTypes["GREY"] = "GREY";
|
|
18
|
-
TagColorsTypes["
|
|
16
|
+
TagColorsTypes["GREY_LIGHT"] = "GREY_LIGHT";
|
|
19
17
|
TagColorsTypes["ORANGE"] = "ORANGE";
|
|
20
18
|
TagColorsTypes["ORANGE_LIGHT"] = "ORANGE_LIGHT";
|
|
19
|
+
TagColorsTypes["ORANGE_LIGHTER"] = "ORANGE_LIGHTER";
|
|
21
20
|
TagColorsTypes["RED"] = "RED";
|
|
21
|
+
TagColorsTypes["RED_LIGHT"] = "RED_LIGHT";
|
|
22
22
|
TagColorsTypes["TERRACOTA"] = "TERRACOTA";
|
|
23
|
-
TagColorsTypes["WHITE"] = "WHITE";
|
|
24
23
|
})(TagColorsTypes = exports.TagColorsTypes || (exports.TagColorsTypes = {}));
|
|
25
24
|
//# sourceMappingURL=interfaces.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/interfaces.tsx"],"names":[],"mappings":";;;AAaA,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,sCAAqB,CAAA;IACrB,sCAAqB,CAAA;AACvB,CAAC,EAHW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAGxB;AAED,IAAY,
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/interfaces.tsx"],"names":[],"mappings":";;;AAaA,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,sCAAqB,CAAA;IACrB,sCAAqB,CAAA;AACvB,CAAC,EAHW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAGxB;AAED,IAAY,cAaX;AAbD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,2CAAyB,CAAA;IACzB,iCAAe,CAAA;IACf,6CAA2B,CAAA;IAC3B,+BAAa,CAAA;IACb,2CAAyB,CAAA;IACzB,mCAAiB,CAAA;IACjB,+CAA6B,CAAA;IAC7B,mDAAiC,CAAA;IACjC,6BAAW,CAAA;IACX,yCAAuB,CAAA;IACvB,yCAAuB,CAAA;AACzB,CAAC,EAbW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAazB"}
|