@proprioo/salatim 19.8.0 → 19.9.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 +5 -0
- package/lib/index.js +12 -12
- package/lib/index.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.d.ts +1 -0
- package/lib/ui/src/textarea/Textarea.js +7 -2
- package/lib/ui/src/textarea/Textarea.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.stories.js +8 -0
- package/lib/ui/src/textarea/Textarea.stories.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.styles.d.ts +1 -0
- package/lib/ui/src/textarea/Textarea.styles.js +8 -9
- package/lib/ui/src/textarea/Textarea.styles.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.test.js +7 -1
- package/lib/ui/src/textarea/Textarea.test.js.map +1 -1
- package/package.json +1 -1
|
@@ -109,9 +109,14 @@ class Textarea extends react_1.Component {
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
render() {
|
|
112
|
-
const { autoResize, placeholder, maxlength, borderRadius = utils_1.radius.biggest, error = false, required = false, disabled = false, spellCheck = false, lang = 'fr-FR' } = this.props;
|
|
112
|
+
const { autoResize, placeholder, maxlength, borderRadius = utils_1.radius.biggest, error = false, required = false, disabled = false, spellCheck = false, lang = 'fr-FR', hasCounter = false } = this.props;
|
|
113
113
|
const { value, focused } = this.state;
|
|
114
|
-
return (react_1.default.createElement(
|
|
114
|
+
return (react_1.default.createElement(react_1.Fragment, null,
|
|
115
|
+
react_1.default.createElement(Textarea_styles_1.TextareaLayout, { spellCheck: spellCheck, lang: lang, error: error, placeholder: placeholder, value: value, autoResize: autoResize, disabled: disabled, focused: focused, maxLength: maxlength, onChange: this.handleOnChange, onFocus: this.handleFocus, onBlur: this.handleBlur, required: required, "data-test": "textarea", ref: this.loadRef, borderRadius: borderRadius }),
|
|
116
|
+
Boolean(maxlength) && hasCounter && (react_1.default.createElement(Textarea_styles_1.Counter, { "data-test": "textarea-counter" },
|
|
117
|
+
value.length,
|
|
118
|
+
" / ",
|
|
119
|
+
maxlength))));
|
|
115
120
|
}
|
|
116
121
|
}
|
|
117
122
|
exports.default = Textarea;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -75,5 +75,13 @@ const placeholder = (0, addon_knobs_1.text)('Placeholder', 'Mangez des pommes !'
|
|
|
75
75
|
textareaState.set({ value });
|
|
76
76
|
onChangeAction(value);
|
|
77
77
|
} }, knobs()))))));
|
|
78
|
+
})
|
|
79
|
+
.add('With counter', () => {
|
|
80
|
+
textareaState.set({ value: '' });
|
|
81
|
+
return (react_1.default.createElement(storybook_state_1.State, { store: textareaState }, ({ value }) => (react_1.default.createElement(MockForm_1.default, null,
|
|
82
|
+
react_1.default.createElement(Textarea_1.default, Object.assign({ error: false, placeholder: placeholder, focused: true, value: value, required: true, autoResize: true, maxlength: 20, hasCounter: true, onChange: value => {
|
|
83
|
+
textareaState.set({ value });
|
|
84
|
+
onChangeAction(value);
|
|
85
|
+
} }, knobs()))))));
|
|
78
86
|
});
|
|
79
87
|
//# sourceMappingURL=Textarea.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Textarea.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { TextareaProps } from './Textarea';
|
|
2
2
|
export declare type TextareaLayoutProps = Pick<TextareaProps, 'error' | 'focused' | 'autoResize' | 'disabled' | 'borderRadius'>;
|
|
3
3
|
export declare const TextareaLayout: import("styled-components").StyledComponent<"textarea", any, TextareaLayoutProps, never>;
|
|
4
|
+
export declare const Counter: 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.TextareaLayout = void 0;
|
|
22
|
+
exports.Counter = exports.TextareaLayout = void 0;
|
|
23
23
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
24
24
|
const utils_1 = require("../../../utils");
|
|
25
25
|
exports.TextareaLayout = styled_components_1.default.textarea `
|
|
@@ -30,7 +30,6 @@ exports.TextareaLayout = styled_components_1.default.textarea `
|
|
|
30
30
|
border-radius: ${({ borderRadius }) => borderRadius};
|
|
31
31
|
box-sizing: border-box;
|
|
32
32
|
padding: ${(0, utils_1.convertPxToRem)(16)} ${(0, utils_1.convertPxToRem)(24)};
|
|
33
|
-
font-style: normal;
|
|
34
33
|
font-size: ${utils_1.fonts.small};
|
|
35
34
|
line-height: ${(0, utils_1.convertPxToRem)(24)};
|
|
36
35
|
color: ${utils_1.colors.dark.base80};
|
|
@@ -42,13 +41,7 @@ exports.TextareaLayout = styled_components_1.default.textarea `
|
|
|
42
41
|
max-height: ${(0, utils_1.convertPxToRem)(300)};
|
|
43
42
|
`}
|
|
44
43
|
|
|
45
|
-
${({ focused }) => focused &&
|
|
46
|
-
(0, styled_components_1.css) `
|
|
47
|
-
border-color: ${utils_1.colors.orange.base};
|
|
48
|
-
`};
|
|
49
|
-
|
|
50
|
-
${({ value, focused }) => value &&
|
|
51
|
-
!focused &&
|
|
44
|
+
${({ value, focused, disabled }) => ((value && !disabled) || focused) &&
|
|
52
45
|
(0, styled_components_1.css) `
|
|
53
46
|
border-color: ${utils_1.colors.orange.base};
|
|
54
47
|
`};
|
|
@@ -77,4 +70,10 @@ exports.TextareaLayout = styled_components_1.default.textarea `
|
|
|
77
70
|
color: currentColor;
|
|
78
71
|
}
|
|
79
72
|
`;
|
|
73
|
+
exports.Counter = styled_components_1.default.div `
|
|
74
|
+
${utils_1.paragraphs.caption};
|
|
75
|
+
color: ${utils_1.colors.dark.base80};
|
|
76
|
+
text-align: right;
|
|
77
|
+
margin-right: ${(0, utils_1.convertPxToRem)(16)};
|
|
78
|
+
`;
|
|
80
79
|
//# sourceMappingURL=Textarea.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,
|
|
1
|
+
{"version":3,"file":"Textarea.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;AAQX,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,CAAqB;IAC9D,mBAAW;;;YAGH,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY;;aAExC,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;eACtC,aAAK,CAAC,KAAK;iBACT,IAAA,sBAAc,EAAC,EAAE,CAAC;WACxB,cAAM,CAAC,IAAI,CAAC,MAAM;;;IAGzB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,IAAA,uBAAG,EAAA;oBACa,IAAA,sBAAc,EAAC,GAAG,CAAC;oBACnB,IAAA,sBAAc,EAAC,GAAG,CAAC;KAClC;;IAED,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjC,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC;IACjC,IAAA,uBAAG,EAAA;sBACe,cAAM,CAAC,MAAM,CAAC,IAAI;KACnC;;IAED,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;0BACmB,cAAM,CAAC,IAAI,CAAC,MAAM;;eAE7B,cAAM,CAAC,IAAI,CAAC,IAAI;KAC1B;;IAED,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,IAAA,uBAAG,EAAA;eACQ,cAAM,CAAC,GAAG,CAAC,IAAI;sBACR,cAAM,CAAC,GAAG,CAAC,IAAI;KAChC;;;;;;;;;;;;CAYJ,CAAC;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;IAC7B,kBAAU,CAAC,OAAO;WACX,cAAM,CAAC,IAAI,CAAC,MAAM;;kBAEX,IAAA,sBAAc,EAAC,EAAE,CAAC;CACnC,CAAC"}
|
|
@@ -21,12 +21,13 @@ const defaultProps = {
|
|
|
21
21
|
value: '',
|
|
22
22
|
onChange: mockOnChange
|
|
23
23
|
};
|
|
24
|
-
describe('Textarea
|
|
24
|
+
describe('Textarea', () => {
|
|
25
25
|
afterEach(() => jest.resetAllMocks());
|
|
26
26
|
afterAll(() => jest.clearAllMocks());
|
|
27
27
|
it('should render component', () => {
|
|
28
28
|
(0, react_2.render)(react_1.default.createElement(Textarea_1.default, Object.assign({}, defaultProps)));
|
|
29
29
|
expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
|
|
30
|
+
expect(react_2.screen.queryByTestId('textarea-counter')).not.toBeInTheDocument();
|
|
30
31
|
});
|
|
31
32
|
it('should use onChange function', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
32
33
|
(0, react_2.render)(react_1.default.createElement(Textarea_1.default, Object.assign({}, defaultProps)));
|
|
@@ -34,5 +35,10 @@ describe('Textarea component', () => {
|
|
|
34
35
|
user_event_1.default.type(react_2.screen.getByRole('textbox'), 'some text');
|
|
35
36
|
yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalled());
|
|
36
37
|
}));
|
|
38
|
+
it('should render counter', () => {
|
|
39
|
+
(0, react_2.render)(react_1.default.createElement(Textarea_1.default, Object.assign({}, defaultProps, { maxlength: 20, hasCounter: true })));
|
|
40
|
+
expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
|
|
41
|
+
expect(react_2.screen.getByTestId('textarea-counter')).toBeInTheDocument();
|
|
42
|
+
});
|
|
37
43
|
});
|
|
38
44
|
//# sourceMappingURL=Textarea.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAiE;AACjE,6EAAoD;AAEpD,0DAAqD;AAErD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAkB;IAClC,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"Textarea.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAiE;AACjE,6EAAoD;AAEpD,0DAAqD;AAErD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAkB;IAClC,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,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,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,kBAAQ,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAS,EAAE;QAC5C,IAAA,cAAM,EAAC,8BAAC,kBAAQ,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAEjE,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC,CAAC;QACzD,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,IAAA,cAAM,EAAC,8BAAC,kBAAQ,oBAAK,YAAY,IAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,IAAI,CAAC,CAAC;QAExE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACrE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|