@proprioo/salatim 19.9.2 → 20.2.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 +20 -0
- package/lib/forms/index.d.ts +1 -1
- package/lib/forms/index.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.schema.js +2 -2
- package/lib/forms/src/userForm/UserForm.schema.js.map +1 -1
- package/lib/index.js +255 -217
- package/lib/index.js.map +1 -1
- package/lib/ui/index.d.ts +1 -0
- package/lib/ui/index.js +4 -2
- package/lib/ui/index.js.map +1 -1
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.d.ts +11 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.js +17 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.js.map +1 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.stories.d.ts +1 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.stories.js +43 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.stories.js.map +1 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.d.ts +4 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.js +79 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.js.map +1 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.test.d.ts +1 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.test.js +79 -0
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.test.js.map +1 -0
- package/lib/ui/src/blockIcon/BlockIcon.d.ts +6 -4
- package/lib/ui/src/blockIcon/BlockIcon.js +7 -7
- package/lib/ui/src/blockIcon/BlockIcon.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.stories.js +5 -3
- package/lib/ui/src/blockIcon/BlockIcon.stories.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.styles.d.ts +4 -4
- package/lib/ui/src/blockIcon/BlockIcon.styles.js +27 -34
- package/lib/ui/src/blockIcon/BlockIcon.styles.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.test.js +10 -7
- package/lib/ui/src/blockIcon/BlockIcon.test.js.map +1 -1
- package/lib/ui/src/card/Card.js +5 -10
- package/lib/ui/src/card/Card.js.map +1 -1
- package/lib/ui/src/card/Card.stories.js +2 -1
- package/lib/ui/src/card/Card.stories.js.map +1 -1
- package/lib/ui/src/card/Card.test.js +8 -2
- package/lib/ui/src/card/Card.test.js.map +1 -1
- package/lib/ui/src/radio/Radio.js +2 -2
- package/lib/ui/src/radio/Radio.js.map +1 -1
- package/lib/ui/src/radio/Radio.stories.js +8 -35
- package/lib/ui/src/radio/Radio.stories.js.map +1 -1
- package/lib/ui/src/radio/Radio.styles.d.ts +2 -2
- package/lib/ui/src/radio/Radio.styles.js +35 -34
- package/lib/ui/src/radio/Radio.styles.js.map +1 -1
- package/lib/ui/src/radio/Radio.test.js +8 -1
- package/lib/ui/src/radio/Radio.test.js.map +1 -1
- package/package.json +1 -3
|
@@ -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,+CAWuB;AACvB,gEAAyC;AACzC,4DAAqC;AAiBrC,MAAM,IAAI,GAAkB,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,aAAa,EACxB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,MAAM,EAAE,gBAAgB,EACxB,WAAW,EACX,OAAO,EACP,MAAM,EACN,OAAO,EACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,gBAAgB,KAAK,SAAS,CAAC;IACpD,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,gBAAgB,IAAI,KAAK,CAAC,CAAC;IAE5E,MAAM,YAAY,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,YAAY,EAAE;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,9 @@ const storybook_state_1 = require("@sambego/storybook-state");
|
|
|
8
8
|
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
|
-
const Card_1 = __importDefault(require("./Card"));
|
|
12
11
|
const interfaces_1 = require("../tag/interfaces");
|
|
13
12
|
const Tag_1 = __importDefault(require("../tag/Tag"));
|
|
13
|
+
const Card_1 = __importDefault(require("./Card"));
|
|
14
14
|
const defaultProps = {
|
|
15
15
|
label: 'Label Title Here',
|
|
16
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.'
|
|
@@ -36,6 +36,7 @@ controlledState.subscribe(() => {
|
|
|
36
36
|
controlledState.set({ isOpen: false });
|
|
37
37
|
} }, "Close")));
|
|
38
38
|
})
|
|
39
|
+
.add('with toggle - opened buy default', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, isOpen: true }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
|
|
39
40
|
.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.")))
|
|
40
41
|
.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
42
|
.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.")))
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,9 +16,9 @@ const react_1 = __importDefault(require("react"));
|
|
|
16
16
|
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
|
-
const Card_1 = __importDefault(require("./Card"));
|
|
20
|
-
const Tag_1 = __importDefault(require("../tag/Tag"));
|
|
21
19
|
const interfaces_1 = require("../tag/interfaces");
|
|
20
|
+
const Tag_1 = __importDefault(require("../tag/Tag"));
|
|
21
|
+
const Card_1 = __importDefault(require("./Card"));
|
|
22
22
|
const defaultProps = {
|
|
23
23
|
label: 'A title'
|
|
24
24
|
};
|
|
@@ -101,5 +101,11 @@ describe('Card component', () => {
|
|
|
101
101
|
user_event_1.default.click(react_2.screen.getByTestId('toggle-edit-button'));
|
|
102
102
|
yield (0, react_2.waitFor)(() => expect(mockOnClose).toHaveBeenCalledTimes(1));
|
|
103
103
|
}));
|
|
104
|
+
it('should be opened by default and toggle content', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
105
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, isOpen: true }), "Content"));
|
|
106
|
+
expect(react_2.screen.getByTestId('body-card')).toBeInTheDocument();
|
|
107
|
+
user_event_1.default.click(react_2.screen.getByTestId('toggle-edit-button'));
|
|
108
|
+
yield (0, react_2.waitFor)(() => expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument());
|
|
109
|
+
}));
|
|
104
110
|
});
|
|
105
111
|
//# sourceMappingURL=Card.test.js.map
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,8 +8,8 @@ const Radio_styles_1 = require("./Radio.styles");
|
|
|
8
8
|
const Radio = ({ name, label, id, isChecked, onChange, value, dataTest }) => {
|
|
9
9
|
const hash = `${id}-${name}`;
|
|
10
10
|
return (react_1.default.createElement(Radio_styles_1.Layout, { "data-test": dataTest || `radio-${name}` },
|
|
11
|
-
react_1.default.createElement(Radio_styles_1.
|
|
12
|
-
react_1.default.createElement(Radio_styles_1.
|
|
11
|
+
react_1.default.createElement(Radio_styles_1.RadioButton, { type: "radio", id: hash, name: name, value: value, onChange: event => onChange(event), checked: isChecked }),
|
|
12
|
+
react_1.default.createElement(Radio_styles_1.RadioLabel, { htmlFor: hash }, label)));
|
|
13
13
|
};
|
|
14
14
|
exports.default = Radio;
|
|
15
15
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA+C;AAE/C,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA+C;AAE/C,iDAAiE;AAYjE,MAAM,KAAK,GAAmB,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IAE7B,OAAO,CACL,8BAAC,qBAAM,iBAAY,QAAQ,IAAI,SAAS,IAAI,EAAE;QAC5C,8BAAC,0BAAW,IACV,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClC,OAAO,EAAE,SAAS,GAClB;QACF,8BAAC,yBAAU,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAc,CACxC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
|
|
@@ -1,46 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
4
|
};
|
|
24
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
const react_1 =
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
26
7
|
const storybook_state_1 = require("@sambego/storybook-state");
|
|
27
|
-
const addon_actions_1 = require("@storybook/addon-actions");
|
|
28
8
|
const react_2 = require("@storybook/react");
|
|
29
9
|
const Radio_1 = __importDefault(require("./Radio"));
|
|
30
10
|
const radioState = new storybook_state_1.Store({
|
|
31
|
-
|
|
11
|
+
currentOption: ''
|
|
32
12
|
});
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
name:
|
|
38
|
-
value:
|
|
39
|
-
isChecked: false,
|
|
40
|
-
onChange
|
|
41
|
-
};
|
|
42
|
-
(0, react_2.storiesOf)('Radio', module).add('Radio', () => (react_1.default.createElement(storybook_state_1.State, { store: radioState }, state => (react_1.default.createElement(react_1.Fragment, null,
|
|
43
|
-
react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps, { id: 'id1', isChecked: state.isChecked, value: '1', onChange: () => radioState.set({ isChecked: !radioState.get('isChecked') }) })),
|
|
44
|
-
react_1.default.createElement("br", null),
|
|
45
|
-
react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps, { id: 'id2', isChecked: state.isChecked, value: '2', onChange: () => radioState.set({ isChecked: !radioState.get('isChecked') }) })))))));
|
|
13
|
+
const option1 = '1';
|
|
14
|
+
const option2 = '2';
|
|
15
|
+
const RadioName = 'options';
|
|
16
|
+
(0, react_2.storiesOf)('Radio', module).add('Radio', () => (react_1.default.createElement(storybook_state_1.State, { store: radioState }, ({ currentOption }) => (react_1.default.createElement("div", { role: "radiogroup", "aria-label": "Radio buttons" },
|
|
17
|
+
react_1.default.createElement(Radio_1.default, { id: "id1", label: "option 1", name: RadioName, value: option1, isChecked: currentOption === option1, onChange: () => radioState.set({ currentOption: option1 }) }),
|
|
18
|
+
react_1.default.createElement(Radio_1.default, { id: "id2", label: "option 2", name: RadioName, value: option2, isChecked: currentOption === option2, onChange: () => radioState.set({ currentOption: option2 }) }))))));
|
|
46
19
|
//# sourceMappingURL=Radio.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAwC;AAExC,8DAAwD;AACxD,4CAA6C;AAE7C,oDAA4B;AAE5B,MAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,aAAa,EAAE,EAAE;CAClB,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAAC;AACpB,MAAM,OAAO,GAAG,GAAG,CAAC;AACpB,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,IAAA,iBAAS,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAC5C,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU,IACrB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CACtB,uCAAK,IAAI,EAAC,YAAY,gBAAY,eAAe;IAC/C,8BAAC,eAAK,IACJ,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,aAAa,KAAK,OAAO,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,GAC1D;IACF,8BAAC,eAAK,IACJ,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,aAAa,KAAK,OAAO,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,GAC1D,CACE,CACP,CACK,CACT,CAAC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export declare const Layout: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
2
|
+
export declare const RadioLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
3
|
+
export declare const RadioButton: import("styled-components").StyledComponent<"input", any, {}, never>;
|
|
@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
6
|
+
exports.RadioButton = exports.RadioLabel = exports.Layout = void 0;
|
|
7
7
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
8
|
const utils_1 = require("../../../utils");
|
|
9
9
|
exports.Layout = styled_components_1.default.div `
|
|
10
|
-
|
|
10
|
+
padding: ${(0, utils_1.convertPxToRem)(4)} ${(0, utils_1.convertPxToRem)(8)} ${(0, utils_1.convertPxToRem)(4)} 0;
|
|
11
11
|
`;
|
|
12
|
-
exports.
|
|
13
|
-
${utils_1.ArchivoFont}
|
|
12
|
+
exports.RadioLabel = styled_components_1.default.label `
|
|
13
|
+
${utils_1.ArchivoFont};
|
|
14
14
|
cursor: pointer;
|
|
15
15
|
color: ${utils_1.colors.dark.base};
|
|
16
16
|
font-size: ${utils_1.fonts.small};
|
|
@@ -20,60 +20,61 @@ exports.RadioLabelLayout = styled_components_1.default.label `
|
|
|
20
20
|
background-color: transparent;
|
|
21
21
|
}
|
|
22
22
|
`;
|
|
23
|
-
exports.
|
|
24
|
-
position: absolute;
|
|
23
|
+
exports.RadioButton = styled_components_1.default.input `
|
|
25
24
|
opacity: 0;
|
|
25
|
+
margin-right: ${(0, utils_1.convertPxToRem)(16)};
|
|
26
26
|
|
|
27
|
-
+ ${exports.
|
|
28
|
-
|
|
27
|
+
+ ${exports.RadioLabel} {
|
|
28
|
+
display: inline-block;
|
|
29
|
+
position: relative;
|
|
30
|
+
|
|
31
|
+
::before,
|
|
32
|
+
::after {
|
|
29
33
|
content: '';
|
|
30
|
-
position: relative;
|
|
31
|
-
border-radius: ${utils_1.radius.max};
|
|
32
|
-
background-color: white;
|
|
33
34
|
display: inline-block;
|
|
34
|
-
|
|
35
|
+
position: absolute;
|
|
36
|
+
border-radius: ${utils_1.radius.rounded};
|
|
37
|
+
transition: all 250ms ease;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// radio button circle
|
|
41
|
+
::before {
|
|
42
|
+
top: -${(0, utils_1.convertPxToRem)(4)};
|
|
43
|
+
left: -${(0, utils_1.convertPxToRem)(32)};
|
|
35
44
|
width: ${(0, utils_1.convertPxToRem)(24)};
|
|
36
45
|
height: ${(0, utils_1.convertPxToRem)(24)};
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
vertical-align: top;
|
|
40
|
-
transition: all 250ms ease;
|
|
46
|
+
border: ${(0, utils_1.convertPxToRem)(2)} solid ${utils_1.colors.dark.base20};
|
|
47
|
+
background-color: white;
|
|
41
48
|
}
|
|
42
49
|
|
|
50
|
+
// radio button selected circle
|
|
43
51
|
::after {
|
|
44
|
-
|
|
45
|
-
|
|
52
|
+
opacity: 0;
|
|
53
|
+
top: ${(0, utils_1.convertPxToRem)(2)};
|
|
54
|
+
left: -${(0, utils_1.convertPxToRem)(26)};
|
|
46
55
|
width: ${(0, utils_1.convertPxToRem)(12)};
|
|
47
56
|
height: ${(0, utils_1.convertPxToRem)(12)};
|
|
48
|
-
top: ${(0, utils_1.convertPxToRem)(4)};
|
|
49
|
-
left: ${(0, utils_1.convertPxToRem)(6)};
|
|
50
|
-
background-color: ${utils_1.colors.orange.base};
|
|
51
|
-
border-radius: ${utils_1.radius.max};
|
|
52
57
|
transform: scale(0);
|
|
53
|
-
transition: all 0.25s ease;
|
|
54
|
-
opacity: 0;
|
|
55
58
|
}
|
|
56
59
|
}
|
|
57
60
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
border-color: ${utils_1.colors.orange.base};
|
|
63
|
-
}
|
|
64
|
-
}
|
|
61
|
+
&:focus,
|
|
62
|
+
&:hover {
|
|
63
|
+
+ ${exports.RadioLabel}::before {
|
|
64
|
+
border-color: ${utils_1.colors.orange.base};
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
|
|
69
|
-
+ ${exports.
|
|
68
|
+
&:checked {
|
|
69
|
+
+ ${exports.RadioLabel} {
|
|
70
70
|
::before {
|
|
71
71
|
border-color: ${utils_1.colors.orange.base20};
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
::after {
|
|
75
|
-
transform: scale(1);
|
|
76
75
|
opacity: 1;
|
|
76
|
+
transform: scale(1);
|
|
77
|
+
background-color: ${utils_1.colors.orange.base};
|
|
77
78
|
}
|
|
78
79
|
}
|
|
79
80
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAMwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAMwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;aACnB,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,IAAA,sBAAc,EAAC,CAAC,CAAC;CACvE,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,KAAK,CAAA;IAClC,mBAAW;;WAEJ,cAAM,CAAC,IAAI,CAAC,IAAI;eACZ,aAAK,CAAC,KAAK;iBACT,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;CAKlC,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;;kBAErB,IAAA,sBAAc,EAAC,EAAE,CAAC;;MAE9B,kBAAU;;;;;;;;;uBASO,cAAM,CAAC,OAAO;;;;;;cAMvB,IAAA,sBAAc,EAAC,CAAC,CAAC;eAChB,IAAA,sBAAc,EAAC,EAAE,CAAC;eAClB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBAClB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;;;aAOhD,IAAA,sBAAc,EAAC,CAAC,CAAC;eACf,IAAA,sBAAc,EAAC,EAAE,CAAC;eAClB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;QAO1B,kBAAU;sBACI,cAAM,CAAC,MAAM,CAAC,IAAI;;;;;QAKhC,kBAAU;;wBAEM,cAAM,CAAC,MAAM,CAAC,MAAM;;;;;;4BAMhB,cAAM,CAAC,MAAM,CAAC,IAAI;;;;CAI7C,CAAC"}
|
|
@@ -13,8 +13,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
13
13
|
};
|
|
14
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
15
|
const react_1 = __importDefault(require("react"));
|
|
16
|
+
const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
|
|
16
17
|
const react_2 = require("@testing-library/react");
|
|
17
18
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
19
|
+
const test_utils_1 = require("../../../utils/src/test-utils");
|
|
18
20
|
const Radio_1 = __importDefault(require("./Radio"));
|
|
19
21
|
const mockChange = jest.fn();
|
|
20
22
|
const defaultProps = {
|
|
@@ -28,9 +30,14 @@ const defaultProps = {
|
|
|
28
30
|
describe('Radio component', () => {
|
|
29
31
|
afterEach(() => jest.resetAllMocks());
|
|
30
32
|
afterAll(() => jest.clearAllMocks());
|
|
33
|
+
it('should pass A11y tests', () => (0, test_utils_1.testA11y)(react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps))));
|
|
34
|
+
it('should equal snapshot rendering', () => {
|
|
35
|
+
const tree = react_test_renderer_1.default.create(react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps)));
|
|
36
|
+
expect(tree).toMatchSnapshot();
|
|
37
|
+
});
|
|
31
38
|
it('should render component', () => {
|
|
32
39
|
(0, react_2.render)(react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps)));
|
|
33
|
-
expect(react_2.screen.getByRole('radio')).
|
|
40
|
+
expect(react_2.screen.getByRole('radio', { name: 'Radio' })).not.toBeChecked();
|
|
34
41
|
});
|
|
35
42
|
it('should trigger onChange component', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
36
43
|
(0, react_2.render)(react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;
|
|
1
|
+
{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2C;AAE3C,kDAAiE;AACjE,6EAAoD;AAEpD,8DAAyD;AACzD,oDAA4C;AAE5C,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE7B,MAAM,YAAY,GAAe;IAC/B,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACtC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAErC,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,IAAA,qBAAQ,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC,CAAC;IAE1E,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE1D,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;QACjD,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAEtD,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3C,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@proprioo/salatim",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "20.2.0",
|
|
4
4
|
"description": "Proprioo component library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"components",
|
|
@@ -26,7 +26,6 @@
|
|
|
26
26
|
"deploy": "yarn build && yarn publish --access=public --non-interactive",
|
|
27
27
|
"dev": "yarn storybook",
|
|
28
28
|
"lint": "tslint -c tslint.json 'packages/**/*.{ts,tsx}'",
|
|
29
|
-
"prepare": "husky install && yarn build",
|
|
30
29
|
"pretty-quick": "pretty-quick",
|
|
31
30
|
"start": "rollup -c rollup.config.ts -w",
|
|
32
31
|
"test": "NODE_ICU_DATA=node_modules/full-icu jest --env=jsdom --logHeapUsage --maxWorkers=2 --verbose",
|
|
@@ -151,7 +150,6 @@
|
|
|
151
150
|
"styled-components": "^5.3.3"
|
|
152
151
|
},
|
|
153
152
|
"dependencies": {
|
|
154
|
-
"@types/yup": "^0.29.13",
|
|
155
153
|
"mailcheck": "^1.1.1",
|
|
156
154
|
"react-id-generator": "^3.0.2",
|
|
157
155
|
"yup": "^0.32.11"
|