@proprioo/salatim 19.3.1 → 19.5.0
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 +8 -0
- package/README.md +8 -0
- package/lib/index.js +98 -96
- package/lib/index.js.map +1 -1
- package/lib/ui/src/button/Button.interfaces.d.ts +1 -0
- package/lib/ui/src/card/Card.d.ts +1 -0
- package/lib/ui/src/card/Card.js +2 -1
- package/lib/ui/src/card/Card.js.map +1 -1
- package/lib/ui/src/card/Card.stories.js +4 -1
- package/lib/ui/src/card/Card.stories.js.map +1 -1
- package/lib/ui/src/card/Card.styles.d.ts +1 -0
- package/lib/ui/src/card/Card.styles.js +4 -1
- package/lib/ui/src/card/Card.styles.js.map +1 -1
- package/lib/ui/src/card/Card.test.js +7 -0
- package/lib/ui/src/card/Card.test.js.map +1 -1
- package/package.json +1 -1
package/lib/ui/src/card/Card.js
CHANGED
|
@@ -29,7 +29,7 @@ const Tooltip_1 = __importDefault(require("../tooltip/Tooltip"));
|
|
|
29
29
|
const Card_styles_1 = require("./Card.styles");
|
|
30
30
|
const Dropdown_1 = __importDefault(require("./icons/Dropdown"));
|
|
31
31
|
const Dropup_1 = __importDefault(require("./icons/Dropup"));
|
|
32
|
-
const Card = ({ children, after, dataTest = 'card-layout', disabled = false, label, noPadding, hasToggle = false, isOpen: controlledIsOpen, toggleLabel, tooltip, onOpen, onClose }) => {
|
|
32
|
+
const Card = ({ children, after, dataTest = 'card-layout', disabled = false, label, labelAfter, noPadding, hasToggle = false, isOpen: controlledIsOpen, toggleLabel, tooltip, onOpen, onClose }) => {
|
|
33
33
|
const isControlled = controlledIsOpen !== undefined;
|
|
34
34
|
const [isOpen, toggleIsOpen] = (0, react_1.useState)(controlledIsOpen || false);
|
|
35
35
|
const isSmartphone = (0, utils_1.useSmartphoneDevice)();
|
|
@@ -66,6 +66,7 @@ const Card = ({ children, after, dataTest = 'card-layout', disabled = false, lab
|
|
|
66
66
|
react_1.default.createElement(Card_styles_1.Header, { onClick: hasToggle && !disabled ? toggleCard : undefined, hasToggle: hasToggle, disabled: disabled },
|
|
67
67
|
react_1.default.createElement(Card_styles_1.TitleContainer, { "data-test": "title-container" },
|
|
68
68
|
react_1.default.createElement("div", { "data-test": `title-${dataTest}`, dangerouslySetInnerHTML: { __html: label } }),
|
|
69
|
+
labelAfter && react_1.default.createElement(Card_styles_1.LabelAfterWrapper, null, labelAfter),
|
|
69
70
|
tooltip && (react_1.default.createElement(Card_styles_1.PropagationWrapper, { onClick: e => e.stopPropagation() },
|
|
70
71
|
react_1.default.createElement(Tooltip_1.default, { tooltip: tooltip, placement: "auto" },
|
|
71
72
|
react_1.default.createElement(Card_styles_1.IconContainer, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+E;AAE/E,0CAA6D;AAC7D,yDAAiC;AACjC,iEAAyC;AACzC,+
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,10 @@ const react_2 = require("@storybook/react");
|
|
|
9
9
|
const Button_1 = __importDefault(require("../button/Button"));
|
|
10
10
|
const Button_interfaces_1 = require("../button/Button.interfaces");
|
|
11
11
|
const Card_1 = __importDefault(require("./Card"));
|
|
12
|
+
const interfaces_1 = require("../tag/interfaces");
|
|
13
|
+
const Tag_1 = __importDefault(require("../tag/Tag"));
|
|
12
14
|
const defaultProps = {
|
|
13
|
-
label: '
|
|
15
|
+
label: 'Label Title Here',
|
|
14
16
|
tooltip: 'Lorem ipsum dolor sit amet, conse tetur adipiscing elit. Habitant mollis quis egestas sed interdum elit et, purus ac. Nisl, egestas malesuada dui gravida molestie iaculis eget morbi massa.'
|
|
15
17
|
};
|
|
16
18
|
const controlledState = new storybook_state_1.Store({
|
|
@@ -36,5 +38,6 @@ controlledState.subscribe(() => {
|
|
|
36
38
|
})
|
|
37
39
|
.add('with after content', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { after: react_1.default.createElement(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }) }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
|
|
38
40
|
.add('with toggle and after content', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, after: react_1.default.createElement(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }) }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
|
|
41
|
+
.add('with labelAfter and toggle and after content', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { labelAfter: react_1.default.createElement(Tag_1.default, { appearance: interfaces_1.TagAppearance.BUSINESS, labels: ['test'], color: interfaces_1.TagColorsTypes.ORANGE_LIGHT, dataTest: "tag-test" }), hasToggle: true, after: react_1.default.createElement(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }) }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
|
|
39
42
|
.add('disabled', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, disabled: true }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
|
|
40
43
|
//# sourceMappingURL=Card.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,8DAAwD;AACxD,4CAA4D;AAE5D,8DAAsC;AACtC,mEAA4E;AAC5E,kDAAyC;
|
|
1
|
+
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ export declare const Header: import("styled-components").StyledComponent<"div",
|
|
|
7
7
|
disabled: boolean;
|
|
8
8
|
}, never>;
|
|
9
9
|
export declare const PropagationWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
10
|
+
export declare const LabelAfterWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
10
11
|
export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
12
|
export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
12
13
|
export declare const AfterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -19,7 +19,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
19
19
|
return result;
|
|
20
20
|
};
|
|
21
21
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.Icon = exports.ToggleContainer = exports.Body = exports.AfterContainer = exports.TitleContainer = exports.IconContainer = exports.PropagationWrapper = exports.Header = exports.Layout = void 0;
|
|
22
|
+
exports.Icon = exports.ToggleContainer = exports.Body = exports.AfterContainer = exports.TitleContainer = exports.IconContainer = exports.LabelAfterWrapper = exports.PropagationWrapper = exports.Header = exports.Layout = void 0;
|
|
23
23
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
24
24
|
const utils_1 = require("../../../utils");
|
|
25
25
|
exports.Layout = styled_components_1.default.div `
|
|
@@ -57,6 +57,9 @@ exports.Header = styled_components_1.default.div `
|
|
|
57
57
|
exports.PropagationWrapper = styled_components_1.default.span `
|
|
58
58
|
display: flex;
|
|
59
59
|
`;
|
|
60
|
+
exports.LabelAfterWrapper = styled_components_1.default.span `
|
|
61
|
+
margin-left: ${(0, utils_1.convertPxToRem)(8)};
|
|
62
|
+
`;
|
|
60
63
|
exports.IconContainer = styled_components_1.default.div `
|
|
61
64
|
position: relative;
|
|
62
65
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;AAGX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAuB;;YAE3C,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;gBACzC,eAAO,CAAC,MAAM;mBACX,cAAM,CAAC,MAAM;;;;kBAId,IAAA,sBAAc,EAAC,EAAE,CAAC;;;IAGhC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;oBAEa,cAAM,CAAC,UAAU;eACtB,cAAM,CAAC,IAAI,CAAC,MAAM;KAC5B;CACJ,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAA2C;IACvE,kBAAU,CAAC,KAAK;;;;aAIP,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;WAC1C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACxB,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,IAAI;;IAEhD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC5B,SAAS;IACT,CAAC,QAAQ;IACT,IAAA,uBAAG,EAAA;;KAEF;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,CAAA;;CAE5C,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;gBAOvB,cAAM,CAAC,MAAM,CAAC,IAAI;;;;CAIjC,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGvC,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEvC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAA8B;IACxD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,CAAC,SAAS;IACV,IAAA,uBAAG,EAAA;iBACU,IAAA,sBAAc,EAAC,EAAE,CAAC;KAC9B;;IAED,cAAM;;kBAEQ,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;;CAE9D,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGxC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;WACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;YACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;CAO7B,CAAC"}
|
|
1
|
+
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;AAGX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAuB;;YAE3C,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;gBACzC,eAAO,CAAC,MAAM;mBACX,cAAM,CAAC,MAAM;;;;kBAId,IAAA,sBAAc,EAAC,EAAE,CAAC;;;IAGhC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;oBAEa,cAAM,CAAC,UAAU;eACtB,cAAM,CAAC,IAAI,CAAC,MAAM;KAC5B;CACJ,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAA2C;IACvE,kBAAU,CAAC,KAAK;;;;aAIP,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;WAC1C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACxB,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,IAAI;;IAEhD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC5B,SAAS;IACT,CAAC,QAAQ;IACT,IAAA,uBAAG,EAAA;;KAEF;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,CAAA;;CAE5C,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;iBAC3B,IAAA,sBAAc,EAAC,CAAC,CAAC;CACjC,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;gBAOvB,cAAM,CAAC,MAAM,CAAC,IAAI;;;;CAIjC,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGvC,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEvC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAA8B;IACxD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,CAAC,SAAS;IACV,IAAA,uBAAG,EAAA;iBACU,IAAA,sBAAc,EAAC,EAAE,CAAC;KAC9B;;IAED,cAAM;;kBAEQ,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;;CAE9D,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGxC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;WACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;YACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;CAO7B,CAAC"}
|
|
@@ -17,6 +17,8 @@ const react_2 = require("@testing-library/react");
|
|
|
17
17
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
18
18
|
const responsive_1 = require("../../../utils/src/responsive");
|
|
19
19
|
const Card_1 = __importDefault(require("./Card"));
|
|
20
|
+
const Tag_1 = __importDefault(require("../tag/Tag"));
|
|
21
|
+
const interfaces_1 = require("../tag/interfaces");
|
|
20
22
|
const defaultProps = {
|
|
21
23
|
label: 'A title'
|
|
22
24
|
};
|
|
@@ -51,6 +53,11 @@ describe('Card component', () => {
|
|
|
51
53
|
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, props)));
|
|
52
54
|
expect(react_2.screen.getByTestId('toggle-label')).toHaveTextContent('Ceci est un test');
|
|
53
55
|
});
|
|
56
|
+
it('should render tag after label', () => {
|
|
57
|
+
const props = Object.assign(Object.assign({}, defaultProps), { labelAfter: (react_1.default.createElement(Tag_1.default, { appearance: interfaces_1.TagAppearance.BUSINESS, labels: ['test'], color: interfaces_1.TagColorsTypes.ORANGE_LIGHT, dataTest: "tag-test" })) });
|
|
58
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, props)));
|
|
59
|
+
expect(react_2.screen.getByTestId('tag-test')).toBeInTheDocument();
|
|
60
|
+
});
|
|
54
61
|
it('should not render toggle label on smartphone device', () => {
|
|
55
62
|
responsive_1.useSmartphoneDevice.mockImplementation(() => true);
|
|
56
63
|
const props = Object.assign(Object.assign({}, defaultProps), { hasToggle: true, toggleLabel: 'Ceci est un test' });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAiE;AACjE,6EAAoD;AAEpD,8DAAoE;AACpE,kDAAyC;
|
|
1
|
+
{"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.test.tsx"],"names":[],"mappings":"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"}
|