@proprioo/salatim 18.0.14 → 18.1.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 +22 -0
- package/lib/energy/src/Energy.js +1 -1
- package/lib/energy/src/Energy.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.js +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.styles.js +3 -2
- package/lib/ui/src/checkbox/Checkbox.styles.js.map +1 -1
- package/lib/ui/src/input/Input.js +1 -1
- package/lib/ui/src/input/Input.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.d.ts +1 -0
- package/lib/ui/src/textarea/Textarea.js +4 -3
- package/lib/ui/src/textarea/Textarea.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.stories.js +25 -10
- package/lib/ui/src/textarea/Textarea.stories.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.styles.d.ts +2 -2
- package/lib/ui/src/textarea/Textarea.styles.js +4 -1
- package/lib/ui/src/textarea/Textarea.styles.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.d.ts +1 -0
- package/lib/ui/src/tooltip/Tooltip.js +4 -4
- package/lib/ui/src/tooltip/Tooltip.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.stories.js +9 -0
- package/lib/ui/src/tooltip/Tooltip.stories.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.test.js +19 -0
- package/lib/ui/src/tooltip/Tooltip.test.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,6 +11,6 @@ exports.Layout = void 0;
|
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var breakpoints_1 = __importDefault(require("../../../utils/src/breakpoints"));
|
|
13
13
|
var radius_1 = __importDefault(require("../../../utils/src/radius"));
|
|
14
|
-
exports.Layout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n border-radius: ", ";\n overflow: hidden;\n\n @media (min-width: ", "px) {\n flex-direction: row;\n }\n"], ["\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n border-radius: ", ";\n overflow: hidden;\n\n @media (min-width: ", "px) {\n flex-direction: row;\n }\n"])), radius_1.default.normal, breakpoints_1.default.small);
|
|
14
|
+
exports.Layout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n z-index: 0;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n border-radius: ", ";\n overflow: hidden;\n\n @media (min-width: ", "px) {\n flex-direction: row;\n }\n"], ["\n position: relative;\n z-index: 0;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n border-radius: ", ";\n overflow: hidden;\n\n @media (min-width: ", "px) {\n flex-direction: row;\n }\n"])), radius_1.default.normal, breakpoints_1.default.small);
|
|
15
15
|
var templateObject_1;
|
|
16
16
|
//# sourceMappingURL=ButtonRadioGroup.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRadioGroup.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,+EAAyD;AACzD,qEAA+C;AAElC,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"ButtonRadioGroup.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,+EAAyD;AACzD,qEAA+C;AAElC,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,8RAAA,8HAMb,EAAa,iDAGT,EAAiB,wCAGvC,KANkB,gBAAM,CAAC,MAAM,EAGT,qBAAW,CAAC,KAAK,EAGtC"}
|
|
@@ -29,14 +29,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
exports.CheckboxLayout = exports.CheckboxLabelLayout = exports.Layout = void 0;
|
|
30
30
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
31
31
|
var tick_svg_1 = __importDefault(require("../../../assets/icons/tick.svg"));
|
|
32
|
+
var tick_disabled_svg_1 = __importDefault(require("../../../assets/icons/tick_disabled.svg"));
|
|
32
33
|
var utils_1 = require("../../../utils");
|
|
33
34
|
exports.Layout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n text-align: left;\n z-index: 0;\n\n & + & {\n margin-top: ", ";\n }\n"], ["\n position: relative;\n text-align: left;\n z-index: 0;\n\n & + & {\n margin-top: ", ";\n }\n"])), utils_1.convertPxToRem(16));
|
|
34
35
|
exports.CheckboxLabelLayout = styled_components_1.default.label(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n color: ", ";\n clear: both;\n display: inline-block;\n cursor: pointer;\n\n ", "\n\n ::selection {\n background-color: transparent;\n }\n"], ["\n ", ";\n color: ", ";\n clear: both;\n display: inline-block;\n cursor: pointer;\n\n ",
|
|
35
|
-
"\n\n ::selection {\n background-color: transparent;\n }\n"])), utils_1.paragraphs.label, utils_1.colors.
|
|
36
|
+
"\n\n ::selection {\n background-color: transparent;\n }\n"])), utils_1.paragraphs.label, utils_1.colors.dark.base, function (_a) {
|
|
36
37
|
var label = _a.label;
|
|
37
38
|
return label
|
|
38
39
|
? styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: ", " 0 0 ", ";\n "], ["\n padding: ", " 0 0 ", ";\n "])), utils_1.convertPxToRem(4), utils_1.convertPxToRem(32)) : styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: 0 0 0 ", ";\n "], ["\n padding: 0 0 0 ", ";\n "])), utils_1.convertPxToRem(24));
|
|
39
40
|
});
|
|
40
|
-
exports.CheckboxLayout = styled_components_1.default.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n float: left;\n outline: none;\n visibility: hidden;\n width: 0;\n margin: 0;\n font-size: inherit;\n\n :checked,\n :not(:checked) {\n + ", " {\n ::before {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: ", ";\n height: ", ";\n border: ", " solid ", ";\n border-radius: ", ";\n cursor: pointer;\n transition: background-color 0.1s, border-color 0.1s;\n transition: all 250ms ease;\n }\n\n ::after {\n content: '';\n position: absolute;\n z-index: 0;\n left: 0;\n top: 0;\n width: ", ";\n height: ", ";\n border-radius: ", ";\n border-color: ", ";\n background-color: ", ";\n background-position: center;\n background-repeat: no-repeat;\n background-image: url('", "');\n background-size: ", " auto;\n opacity: 0;\n }\n }\n }\n\n :checked
|
|
41
|
+
exports.CheckboxLayout = styled_components_1.default.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n float: left;\n outline: none;\n visibility: hidden;\n width: 0;\n margin: 0;\n font-size: inherit;\n\n :checked,\n :not(:checked) {\n + ", " {\n ::before {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: ", ";\n height: ", ";\n border: ", " solid ", ";\n border-radius: ", ";\n cursor: pointer;\n transition: background-color 0.1s, border-color 0.1s;\n transition: all 250ms ease;\n }\n\n ::after {\n content: '';\n position: absolute;\n z-index: 0;\n left: 0;\n top: 0;\n width: ", ";\n height: ", ";\n border-radius: ", ";\n border-color: ", ";\n background-color: ", ";\n background-position: center;\n background-repeat: no-repeat;\n background-image: url('", "');\n background-size: ", " auto;\n opacity: 0;\n }\n }\n }\n\n :checked {\n + ", " {\n ::before {\n border-color: ", ";\n }\n\n ::after {\n opacity: 1;\n }\n }\n }\n\n :not(:checked):not(:disabled) {\n + ", " {\n :hover {\n ::before {\n border-color: ", ";\n }\n }\n }\n }\n\n :disabled {\n + ", " {\n color: ", ";\n cursor: not-allowed;\n\n ::before {\n border-color: ", ";\n cursor: inherit;\n }\n\n ::after {\n opacity: 1;\n background-color: ", ";\n background-image: url('", "');\n }\n }\n }\n"], ["\n display: block;\n float: left;\n outline: none;\n visibility: hidden;\n width: 0;\n margin: 0;\n font-size: inherit;\n\n :checked,\n :not(:checked) {\n + ", " {\n ::before {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: ", ";\n height: ", ";\n border: ", " solid ", ";\n border-radius: ", ";\n cursor: pointer;\n transition: background-color 0.1s, border-color 0.1s;\n transition: all 250ms ease;\n }\n\n ::after {\n content: '';\n position: absolute;\n z-index: 0;\n left: 0;\n top: 0;\n width: ", ";\n height: ", ";\n border-radius: ", ";\n border-color: ", ";\n background-color: ", ";\n background-position: center;\n background-repeat: no-repeat;\n background-image: url('", "');\n background-size: ", " auto;\n opacity: 0;\n }\n }\n }\n\n :checked {\n + ", " {\n ::before {\n border-color: ", ";\n }\n\n ::after {\n opacity: 1;\n }\n }\n }\n\n :not(:checked):not(:disabled) {\n + ", " {\n :hover {\n ::before {\n border-color: ", ";\n }\n }\n }\n }\n\n :disabled {\n + ", " {\n color: ", ";\n cursor: not-allowed;\n\n ::before {\n border-color: ", ";\n cursor: inherit;\n }\n\n ::after {\n opacity: 1;\n background-color: ", ";\n background-image: url('", "');\n }\n }\n }\n"])), exports.CheckboxLabelLayout, utils_1.convertPxToRem(24), utils_1.convertPxToRem(24), utils_1.convertPxToRem(2), utils_1.colors.grey.base60, utils_1.radius.small, utils_1.convertPxToRem(24), utils_1.convertPxToRem(24), utils_1.radius.small, utils_1.colors.orange.base, utils_1.colors.orange.base20, tick_svg_1.default, utils_1.convertPxToRem(32), exports.CheckboxLabelLayout, utils_1.colors.orange.base20, exports.CheckboxLabelLayout, utils_1.colors.orange.base, exports.CheckboxLabelLayout, utils_1.colors.grey.base60, utils_1.colors.dark.base20, utils_1.colors.dark.base10, tick_disabled_svg_1.default);
|
|
41
42
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
42
43
|
//# sourceMappingURL=Checkbox.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,
|
|
1
|
+
{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,4EAAmD;AACnD,8FAAoE;AACpE,wCAA4E;AAE/D,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,2KAAA,4FAMd,EAAkB,UAEnC,KAFiB,sBAAc,CAAC,EAAE,CAAC,EAElC;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,KAAK,oOAAmB,MAC9D,EAAgB,cACT,EAAgB,uEAKvB;IAOK,gEAKR,KAlBG,kBAAU,CAAC,KAAK,EACT,cAAM,CAAC,IAAI,CAAC,IAAI,EAKvB,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK;QACH,CAAC,CAAC,uBAAG,kHAAA,uBACU,EAAiB,OAAQ,EAAkB,aACvD,KADY,sBAAc,CAAC,CAAC,CAAC,EAAQ,sBAAc,CAAC,EAAE,CAAC,EAE1D,CAAC,CAAC,uBAAG,+GAAA,6BACgB,EAAkB,aACpC,KADkB,sBAAc,CAAC,EAAE,CAAC,CACpC;AANL,CAMK,EAKP;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,ooDAAA,2KAWlC,EAAmB,kJAOV,EAAkB,qBACjB,EAAkB,qBAClB,EAAiB,SAAU,EAAkB,4BACtC,EAAY,yRAYpB,EAAkB,qBACjB,EAAkB,4BACX,EAAY,2BACb,EAAkB,+BACd,EAAoB,iHAGf,EAAK,gCACX,EAAkB,0EAOrC,EAAmB,8CAEH,EAAoB,sHAUpC,EAAmB,kEAGD,EAAkB,4DAOpC,EAAmB,mBACZ,EAAkB,2EAIT,EAAkB,0GAMd,EAAkB,oCACb,EAAa,4BAI7C,KA3EO,2BAAmB,EAOV,sBAAc,CAAC,EAAE,CAAC,EACjB,sBAAc,CAAC,EAAE,CAAC,EAClB,sBAAc,CAAC,CAAC,CAAC,EAAU,cAAM,CAAC,IAAI,CAAC,MAAM,EACtC,cAAM,CAAC,KAAK,EAYpB,sBAAc,CAAC,EAAE,CAAC,EACjB,sBAAc,CAAC,EAAE,CAAC,EACX,cAAM,CAAC,KAAK,EACb,cAAM,CAAC,MAAM,CAAC,IAAI,EACd,cAAM,CAAC,MAAM,CAAC,MAAM,EAGf,kBAAK,EACX,sBAAc,CAAC,EAAE,CAAC,EAOrC,2BAAmB,EAEH,cAAM,CAAC,MAAM,CAAC,MAAM,EAUpC,2BAAmB,EAGD,cAAM,CAAC,MAAM,CAAC,IAAI,EAOpC,2BAAmB,EACZ,cAAM,CAAC,IAAI,CAAC,MAAM,EAIT,cAAM,CAAC,IAAI,CAAC,MAAM,EAMd,cAAM,CAAC,IAAI,CAAC,MAAM,EACb,2BAAa,EAI5C"}
|
|
@@ -47,7 +47,7 @@ var Input = react_1.forwardRef(function (props, ref) {
|
|
|
47
47
|
// tslint:disable-next-line: no-any
|
|
48
48
|
react_1.createElement(inputElement, __assign({}, props))) : (react_1.default.createElement(Input_styles_1.InputLayout, __assign({ ref: ref, id: id, name: name, "data-test": dataTest || "input-" + type, type: type, value: value === null ? '' : value, onBlur: handleBlur, onChange: function (event) {
|
|
49
49
|
return handleOnChange(event);
|
|
50
|
-
}, onFocus: handleFocus, disabled: disabled, autoComplete: '
|
|
50
|
+
}, onFocus: handleFocus, disabled: disabled, autoComplete: 'off', min: min, max: max, required: required }, gmap, (focused && { style: style }))))));
|
|
51
51
|
});
|
|
52
52
|
exports.default = Input;
|
|
53
53
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../packages/ui/src/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AAMf,+CAA6C;AAE7C,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;IACrB,wBAAW,CAAA;IACX,0BAAa,CAAA;AACf,CAAC,EANW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAMpB;AA+BD,IAAM,KAAK,GAAG,kBAAU,CAAkB,UAAC,KAAK,EAAE,GAAG;IAEjD,IAAA,EAAE,GAgBA,KAAK,GAhBL,EACF,QAAQ,GAeN,KAAK,SAfC,EACR,OAAO,GAcL,KAAK,QAdA,EACP,IAAI,GAaF,KAAK,KAbH,EACJ,KAAK,GAYH,KAAK,MAZF,EACL,YAAY,GAWV,KAAK,aAXK,EACZ,UAAU,GAUR,KAAK,WAVG,EACV,WAAW,GAST,KAAK,YATI,EACX,cAAc,GAQZ,KAAK,eARO,EACd,IAAI,GAOF,KAAK,KAPH,EACJ,IAAI,GAMF,KAAK,KANH,EACJ,QAAQ,GAKN,KAAK,SALC,EACR,KAIE,KAAK,SAJS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,GAAG,GAGD,KAAK,IAHJ,EACH,GAAG,GAED,KAAK,IAFJ,EACH,KAAK,GACH,KAAK,MADF,CACG;IAEV,OAAO,CACL,8BAAC,gBAAQ,QACN,YAAY,CAAC,CAAC,CAAC;IACd,mCAAmC;IACnC,qBAAa,CAAC,YAAmB,eAAO,KAAK,EAAG,CACjD,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAW,aACV,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,eACC,QAAQ,IAAI,WAAS,IAAM,EACtC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAClC,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,UAAC,KAAoC;YAC7C,OAAA,cAAc,CAAC,KAAK,CAAC;QAArB,CAAqB,EAEvB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../packages/ui/src/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AAMf,+CAA6C;AAE7C,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;IACrB,wBAAW,CAAA;IACX,0BAAa,CAAA;AACf,CAAC,EANW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAMpB;AA+BD,IAAM,KAAK,GAAG,kBAAU,CAAkB,UAAC,KAAK,EAAE,GAAG;IAEjD,IAAA,EAAE,GAgBA,KAAK,GAhBL,EACF,QAAQ,GAeN,KAAK,SAfC,EACR,OAAO,GAcL,KAAK,QAdA,EACP,IAAI,GAaF,KAAK,KAbH,EACJ,KAAK,GAYH,KAAK,MAZF,EACL,YAAY,GAWV,KAAK,aAXK,EACZ,UAAU,GAUR,KAAK,WAVG,EACV,WAAW,GAST,KAAK,YATI,EACX,cAAc,GAQZ,KAAK,eARO,EACd,IAAI,GAOF,KAAK,KAPH,EACJ,IAAI,GAMF,KAAK,KANH,EACJ,QAAQ,GAKN,KAAK,SALC,EACR,KAIE,KAAK,SAJS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,GAAG,GAGD,KAAK,IAHJ,EACH,GAAG,GAED,KAAK,IAFJ,EACH,KAAK,GACH,KAAK,MADF,CACG;IAEV,OAAO,CACL,8BAAC,gBAAQ,QACN,YAAY,CAAC,CAAC,CAAC;IACd,mCAAmC;IACnC,qBAAa,CAAC,YAAmB,eAAO,KAAK,EAAG,CACjD,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAW,aACV,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,eACC,QAAQ,IAAI,WAAS,IAAM,EACtC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAClC,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,UAAC,KAAoC;YAC7C,OAAA,cAAc,CAAC,KAAK,CAAC;QAArB,CAAqB,EAEvB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,IACd,IAAI,EACJ,CAAC,OAAO,IAAI,EAAE,KAAK,OAAA,EAAE,CAAC,EAC1B,CACH,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,KAAK,CAAC"}
|
|
@@ -44,6 +44,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
44
44
|
};
|
|
45
45
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
46
46
|
var react_1 = __importStar(require("react"));
|
|
47
|
+
var utils_1 = require("../../../utils");
|
|
47
48
|
var Textarea_styles_1 = require("./Textarea.styles");
|
|
48
49
|
var Textarea = /** @class */ (function (_super) {
|
|
49
50
|
__extends(Textarea, _super);
|
|
@@ -135,9 +136,9 @@ var Textarea = /** @class */ (function (_super) {
|
|
|
135
136
|
}
|
|
136
137
|
};
|
|
137
138
|
Textarea.prototype.render = function () {
|
|
138
|
-
var _a = this.props, autoResize = _a.autoResize, placeholder = _a.placeholder, maxlength = _a.maxlength, _b = _a.
|
|
139
|
-
var
|
|
140
|
-
return (react_1.default.createElement(Textarea_styles_1.TextareaLayout, { 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 }));
|
|
139
|
+
var _a = this.props, autoResize = _a.autoResize, placeholder = _a.placeholder, maxlength = _a.maxlength, _b = _a.borderRadius, borderRadius = _b === void 0 ? utils_1.radius.biggest : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e;
|
|
140
|
+
var _f = this.state, value = _f.value, focused = _f.focused;
|
|
141
|
+
return (react_1.default.createElement(Textarea_styles_1.TextareaLayout, { 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 }));
|
|
141
142
|
};
|
|
142
143
|
return Textarea;
|
|
143
144
|
}(react_1.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsD;AAItD,qDAAmD;
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
14
|
if (k2 === undefined) k2 = k;
|
|
4
15
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -27,35 +38,39 @@ var storybook_state_1 = require("@sambego/storybook-state");
|
|
|
27
38
|
var addon_actions_1 = require("@storybook/addon-actions");
|
|
28
39
|
var addon_knobs_1 = require("@storybook/addon-knobs");
|
|
29
40
|
var react_2 = require("@storybook/react");
|
|
41
|
+
var utils_1 = require("../../../utils");
|
|
30
42
|
var MockForm_1 = __importDefault(require("../mockForm/MockForm"));
|
|
31
43
|
var Textarea_1 = __importDefault(require("./Textarea"));
|
|
32
44
|
var onChangeAction = addon_actions_1.action('onChange');
|
|
33
45
|
var textareaState = new storybook_state_1.Store({
|
|
34
46
|
value: ''
|
|
35
47
|
});
|
|
48
|
+
var knobs = function () { return ({
|
|
49
|
+
borderRadius: addon_knobs_1.select('border radius', utils_1.radius, utils_1.radius.biggest)
|
|
50
|
+
}); };
|
|
36
51
|
var placeholder = addon_knobs_1.text('Placeholder', 'Mangez des pommes !');
|
|
37
52
|
react_2.storiesOf('Textarea', module)
|
|
38
53
|
.add('Textarea', function () {
|
|
39
|
-
return (react_1.default.createElement(Textarea_1.default, { error: false, placeholder: placeholder, focused: true, value: "value" }));
|
|
54
|
+
return (react_1.default.createElement(Textarea_1.default, __assign({ error: false, placeholder: placeholder, focused: true, value: "value" }, knobs())));
|
|
40
55
|
})
|
|
41
56
|
.add('Textarea with maxlength', function () {
|
|
42
|
-
return (react_1.default.createElement(Textarea_1.default, { maxlength: 10, error: false, placeholder: placeholder, focused: true, value: "value" }));
|
|
57
|
+
return (react_1.default.createElement(Textarea_1.default, __assign({ maxlength: 10, error: false, placeholder: placeholder, focused: true, value: "value" }, knobs())));
|
|
43
58
|
})
|
|
44
59
|
.add('Disabled Textarea', function () {
|
|
45
|
-
return (react_1.default.createElement(Textarea_1.default, { error: false, placeholder: placeholder, focused: true, value: "Il faut manger des pommes", disabled: true }));
|
|
60
|
+
return (react_1.default.createElement(Textarea_1.default, __assign({ error: false, placeholder: placeholder, focused: true, value: "Il faut manger des pommes", disabled: true }, knobs())));
|
|
46
61
|
})
|
|
47
62
|
.add('Error Textarea', function () {
|
|
48
|
-
return (react_1.default.createElement(Textarea_1.default, { error: true, placeholder: placeholder, focused: false, value: "Il faut manger des pommes", disabled: false }));
|
|
63
|
+
return (react_1.default.createElement(Textarea_1.default, __assign({ error: true, placeholder: placeholder, focused: false, value: "Il faut manger des pommes", disabled: false }, knobs())));
|
|
49
64
|
})
|
|
50
65
|
.add('Controlled Textarea', function () {
|
|
51
66
|
textareaState.set({ value: '' });
|
|
52
67
|
return (react_1.default.createElement(storybook_state_1.State, { store: textareaState }, function (_a) {
|
|
53
68
|
var value = _a.value;
|
|
54
69
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
55
|
-
react_1.default.createElement(Textarea_1.default, { error: false, placeholder: placeholder, focused: true, value: value, onChange: function (value) {
|
|
70
|
+
react_1.default.createElement(Textarea_1.default, __assign({ error: false, placeholder: placeholder, focused: true, value: value, onChange: function (value) {
|
|
56
71
|
textareaState.set({ value: value });
|
|
57
72
|
onChangeAction(value);
|
|
58
|
-
} }),
|
|
73
|
+
} }, knobs())),
|
|
59
74
|
react_1.default.createElement("div", { onClick: function () { return textareaState.set({ value: '' }); } }, "reset")));
|
|
60
75
|
}));
|
|
61
76
|
})
|
|
@@ -64,10 +79,10 @@ react_2.storiesOf('Textarea', module)
|
|
|
64
79
|
return (react_1.default.createElement(storybook_state_1.State, { store: textareaState }, function (_a) {
|
|
65
80
|
var value = _a.value;
|
|
66
81
|
return (react_1.default.createElement(MockForm_1.default, null,
|
|
67
|
-
react_1.default.createElement(Textarea_1.default, { error: false, placeholder: placeholder, focused: true, value: value, required: true, onChange: function (value) {
|
|
82
|
+
react_1.default.createElement(Textarea_1.default, __assign({ error: false, placeholder: placeholder, focused: true, value: value, required: true, onChange: function (value) {
|
|
68
83
|
textareaState.set({ value: value });
|
|
69
84
|
onChangeAction(value);
|
|
70
|
-
} })));
|
|
85
|
+
} }, knobs()))));
|
|
71
86
|
}));
|
|
72
87
|
})
|
|
73
88
|
.add('With height auto-resizing', function () {
|
|
@@ -75,10 +90,10 @@ react_2.storiesOf('Textarea', module)
|
|
|
75
90
|
return (react_1.default.createElement(storybook_state_1.State, { store: textareaState }, function (_a) {
|
|
76
91
|
var value = _a.value;
|
|
77
92
|
return (react_1.default.createElement(MockForm_1.default, null,
|
|
78
|
-
react_1.default.createElement(Textarea_1.default, { error: false, placeholder: placeholder, focused: true, value: value, required: true, autoResize: true, onChange: function (value) {
|
|
93
|
+
react_1.default.createElement(Textarea_1.default, __assign({ error: false, placeholder: placeholder, focused: true, value: value, required: true, autoResize: true, onChange: function (value) {
|
|
79
94
|
textareaState.set({ value: value });
|
|
80
95
|
onChangeAction(value);
|
|
81
|
-
} })));
|
|
96
|
+
} }, knobs()))));
|
|
82
97
|
}));
|
|
83
98
|
});
|
|
84
99
|
//# 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":"
|
|
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,3 @@
|
|
|
1
1
|
import { TextareaProps } from './Textarea';
|
|
2
|
-
export declare type TextareaLayoutProps = Pick<TextareaProps, 'error' | 'focused' | 'autoResize' | 'disabled'>;
|
|
3
|
-
export declare const TextareaLayout: import("styled-components").StyledComponent<"textarea", any, Pick<TextareaProps, "error" | "focused" | "autoResize" | "disabled">, never>;
|
|
2
|
+
export declare type TextareaLayoutProps = Pick<TextareaProps, 'error' | 'focused' | 'autoResize' | 'disabled' | 'borderRadius'>;
|
|
3
|
+
export declare const TextareaLayout: import("styled-components").StyledComponent<"textarea", any, Pick<TextareaProps, "error" | "focused" | "autoResize" | "disabled" | "borderRadius">, never>;
|
|
@@ -31,7 +31,10 @@ exports.TextareaLayout = styled_components_1.default.textarea(templateObject_6 |
|
|
|
31
31
|
";\n\n ",
|
|
32
32
|
";\n\n ",
|
|
33
33
|
"\n\n ",
|
|
34
|
-
"\n\n &:focus,\n &:hover,\n &:active {\n outline: none;\n }\n\n &::placeholder {\n font-weight: 300;\n color: ", ";\n }\n"])), utils_1.ArchivoFont, utils_1.convertPxToRem(1), utils_1.colors.grey.base80,
|
|
34
|
+
"\n\n &:focus,\n &:hover,\n &:active {\n outline: none;\n }\n\n &::placeholder {\n font-weight: 300;\n color: ", ";\n }\n"])), utils_1.ArchivoFont, utils_1.convertPxToRem(1), utils_1.colors.grey.base80, function (_a) {
|
|
35
|
+
var borderRadius = _a.borderRadius;
|
|
36
|
+
return borderRadius;
|
|
37
|
+
}, utils_1.convertPxToRem(16), utils_1.convertPxToRem(24), utils_1.fonts.small, utils_1.convertPxToRem(24), utils_1.colors.dark.base80, function (_a) {
|
|
35
38
|
var autoResize = _a.autoResize;
|
|
36
39
|
return !autoResize && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: ", ";\n max-height: ", ";\n "], ["\n min-height: ", ";\n max-height: ", ";\n "])), utils_1.convertPxToRem(160), utils_1.convertPxToRem(300));
|
|
37
40
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAMwB;AAQX,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,yfAAqB,MAC9D,EAAW,uDAGH,EAAiB,SAAU,EAAkB,sBACtC,
|
|
1
|
+
{"version":3,"file":"Textarea.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAMwB;AAQX,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,yfAAqB,MAC9D,EAAW,uDAGH,EAAiB,SAAU,EAAkB,sBACtC,EAAkC,2CAExC,EAAkB,GAAI,EAAkB,yCAEtC,EAAW,oBACT,EAAkB,cACxB,EAAkB,0BAGzB;IAKC,QAED;IAIC,SAED;IAKC,SAED;IAKC,QAED;IAKC,6HAUQ,EAAkB,UAE9B,KAzDG,mBAAW,EAGH,sBAAc,CAAC,CAAC,CAAC,EAAU,cAAM,CAAC,IAAI,CAAC,MAAM,EACtC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,YAAY;AAAZ,CAAY,EAExC,sBAAc,CAAC,EAAE,CAAC,EAAI,sBAAc,CAAC,EAAE,CAAC,EAEtC,aAAK,CAAC,KAAK,EACT,sBAAc,CAAC,EAAE,CAAC,EACxB,cAAM,CAAC,IAAI,CAAC,MAAM,EAGzB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,OAAA,CAAC,UAAU,IACX,uBAAG,6HAAA,sBACa,EAAmB,uBACnB,EAAmB,SAClC,KAFe,sBAAc,CAAC,GAAG,CAAC,EACnB,sBAAc,CAAC,GAAG,CAAC,CAClC;AAJD,CAIC,EAED,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,uBAAG,sGAAA,wBACe,EAAkB,SACnC,KADiB,cAAM,CAAC,MAAM,CAAC,IAAI,CACnC;AAHD,CAGC,EAED,UAAC,EAAkB;QAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;IACjB,OAAA,KAAK;QACL,CAAC,OAAO,IACR,uBAAG,sGAAA,wBACe,EAAkB,SACnC,KADiB,cAAM,CAAC,MAAM,CAAC,IAAI,CACnC;AAJD,CAIC,EAED,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,IACR,uBAAG,sIAAA,4BACmB,EAAkB,qCAEvC,KAFqB,cAAM,CAAC,IAAI,CAAC,MAAM,CAEvC;AAJD,CAIC,EAED,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK,IACL,uBAAG,0HAAA,iBACQ,EAAe,yBACR,EAAe,SAChC,KAFU,cAAM,CAAC,GAAG,CAAC,IAAI,EACR,cAAM,CAAC,GAAG,CAAC,IAAI,CAChC;AAJD,CAIC,EAUQ,cAAM,CAAC,IAAI,CAAC,MAAM,EAE7B"}
|
|
@@ -40,8 +40,8 @@ var canUseDOM = Boolean(typeof window !== 'undefined' &&
|
|
|
40
40
|
window.document &&
|
|
41
41
|
window.document.createElement);
|
|
42
42
|
var Tooltip = function (_a) {
|
|
43
|
-
var isArrowHidden = _a.isArrowHidden, isFollowingCursor = _a.isFollowingCursor, _b = _a.usePortal, usePortal = _b === void 0 ? canUseDOM : _b, children = _a.children, tooltip = _a.tooltip, _c = _a.trigger, trigger = _c === void 0 ? utils_1.isTouchDevice() ? 'click' : 'hover' : _c, _d = _a.maxWidth, maxWidth = _d === void 0 ? '300px' : _d, delayHide = _a.delayHide, delayShow = _a.delayShow, _e = _a.placement, placement = _e === void 0 ? 'auto' : _e, _f = _a.interactive, interactive = _f === void 0 ? false : _f;
|
|
44
|
-
var
|
|
43
|
+
var isArrowHidden = _a.isArrowHidden, isFollowingCursor = _a.isFollowingCursor, _b = _a.usePortal, usePortal = _b === void 0 ? canUseDOM : _b, children = _a.children, tooltip = _a.tooltip, _c = _a.trigger, trigger = _c === void 0 ? utils_1.isTouchDevice() ? 'click' : 'hover' : _c, _d = _a.maxWidth, maxWidth = _d === void 0 ? '300px' : _d, delayHide = _a.delayHide, delayShow = _a.delayShow, _e = _a.placement, placement = _e === void 0 ? 'auto' : _e, _f = _a.interactive, interactive = _f === void 0 ? false : _f, _g = _a.isVisible, isDisplayed = _g === void 0 ? true : _g;
|
|
44
|
+
var _h = react_popper_tooltip_1.usePopperTooltip({
|
|
45
45
|
trigger: trigger,
|
|
46
46
|
followCursor: isFollowingCursor,
|
|
47
47
|
delayHide: delayHide,
|
|
@@ -49,7 +49,7 @@ var Tooltip = function (_a) {
|
|
|
49
49
|
placement: placement,
|
|
50
50
|
offset: [0, 0],
|
|
51
51
|
interactive: interactive
|
|
52
|
-
}), getTooltipProps =
|
|
52
|
+
}), getTooltipProps = _h.getTooltipProps, getArrowProps = _h.getArrowProps, setTooltipRef = _h.setTooltipRef, setTriggerRef = _h.setTriggerRef, visible = _h.visible;
|
|
53
53
|
var wrapperTooltip = (react_1.default.createElement(Tooltip_styles_1.Layout, null,
|
|
54
54
|
react_1.default.createElement("div", __assign({}, getTooltipProps({
|
|
55
55
|
className: 'tooltip-container',
|
|
@@ -62,7 +62,7 @@ var Tooltip = function (_a) {
|
|
|
62
62
|
var portalContainer = canUseDOM ? document.body : null;
|
|
63
63
|
return (react_1.default.createElement(Tooltip_styles_1.WrappedComponent, { ref: setTriggerRef, "data-test": "tooltip-wrapped-component" },
|
|
64
64
|
children,
|
|
65
|
-
visible && (react_1.default.createElement(react_1.Fragment, null, usePortal && portalContainer
|
|
65
|
+
isDisplayed && visible && (react_1.default.createElement(react_1.Fragment, null, usePortal && portalContainer
|
|
66
66
|
? react_dom_1.createPortal(wrapperTooltip, portalContainer)
|
|
67
67
|
: wrapperTooltip))));
|
|
68
68
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../packages/ui/src/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA8C;AAE9C,6CAA0D;AAC1D,uCAAyC;AACzC,6DAAqE;AAIrE,wCAA+C;AAC/C,mDAA4D;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../packages/ui/src/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA8C;AAE9C,6CAA0D;AAC1D,uCAAyC;AACzC,6DAAqE;AAIrE,wCAA+C;AAC/C,mDAA4D;AAgB5D,IAAM,SAAS,GAAG,OAAO,CACvB,OAAO,MAAM,KAAK,WAAW;IAC3B,MAAM,CAAC,QAAQ;IACf,MAAM,CAAC,QAAQ,CAAC,aAAa,CAChC,CAAC;AAEF,IAAM,OAAO,GAAqB,UAAC,EAalC;QAZC,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACjB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,eAA6C,EAA7C,OAAO,mBAAG,qBAAa,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,KAAA,EAC7C,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,iBAA6B,EAAlB,WAAW,mBAAG,IAAI,KAAA;IAEvB,IAAA,KAMF,uCAAgB,CAAC;QACnB,OAAO,SAAA;QACP,YAAY,EAAE,iBAAiB;QAC/B,SAAS,WAAA;QACT,SAAS,WAAA;QACT,SAAS,WAAA;QACT,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACd,WAAW,aAAA;KACZ,CAAC,EAbA,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aASP,CAAC;IAEH,IAAM,cAAc,GAAG,CACrB,8BAAC,uBAAM;QACL,kDACM,eAAe,CAAC;YAClB,SAAS,EAAE,mBAAmB;YAC9B,KAAK,EAAE,EAAE,QAAQ,UAAA,EAAE;SACpB,CAAC,IACF,GAAG,EAAE,aAAa;YAEjB,CAAC,aAAa,IAAI,CACjB,kDACM,aAAa,CAAC;gBAChB,SAAS,EAAE,eAAe;aAC3B,CAAC,iCAEF,CACH;YACA,OAAO,CACJ,CACC,CACV,CAAC;IAEF,IAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzD,OAAO,CACL,8BAAC,iCAAgB,IAAC,GAAG,EAAE,aAAa,eAAY,2BAA2B;QACxE,QAAQ;QACR,WAAW,IAAI,OAAO,IAAI,CACzB,8BAAC,gBAAQ,QACN,SAAS,IAAI,eAAe;YAC3B,CAAC,CAAC,wBAAY,CAAC,cAAc,EAAE,eAAe,CAAC;YAC/C,CAAC,CAAC,cAAc,CACT,CACZ,CACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|
|
@@ -74,5 +74,14 @@ react_2.storiesOf('Tooltip', module)
|
|
|
74
74
|
} },
|
|
75
75
|
react_1.default.createElement(Tooltip_1.default, __assign({}, defaultProps, { tooltip: react_1.default.createElement(Button_1.default, { label: "click me", icon: react_1.default.createElement(EmoticonCool, null) }), placement: placementSelect, isArrowHidden: hideArrow, isFollowingCursor: followCursor, delayShow: delayShow, delayHide: delayHide, trigger: 'click', interactive: true }),
|
|
76
76
|
react_1.default.createElement(Help_1.default, { "data-test": "help-icon", fill: utils_1.colors.grey.base }))));
|
|
77
|
+
})
|
|
78
|
+
.add('is not visible', function () {
|
|
79
|
+
return (react_1.default.createElement("div", { style: {
|
|
80
|
+
width: '100%',
|
|
81
|
+
textAlign: 'center',
|
|
82
|
+
margin: '300px 0'
|
|
83
|
+
} },
|
|
84
|
+
react_1.default.createElement(Tooltip_1.default, __assign({}, defaultProps, { tooltip: react_1.default.createElement(Button_1.default, { label: "click me", icon: react_1.default.createElement(EmoticonCool, null) }), placement: placementSelect, isArrowHidden: hideArrow, isFollowingCursor: followCursor, delayShow: delayShow, delayHide: delayHide, trigger: 'click', interactive: true, isVisible: false }),
|
|
85
|
+
react_1.default.createElement(Help_1.default, { "data-test": "help-icon", fill: utils_1.colors.grey.base }))));
|
|
77
86
|
});
|
|
78
87
|
//# sourceMappingURL=Tooltip.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -67,5 +67,24 @@ describe('Tooltip', function () {
|
|
|
67
67
|
}
|
|
68
68
|
});
|
|
69
69
|
}); });
|
|
70
|
+
it('should render disabled component', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
71
|
+
var MockComponent;
|
|
72
|
+
return __generator(this, function (_a) {
|
|
73
|
+
switch (_a.label) {
|
|
74
|
+
case 0:
|
|
75
|
+
MockComponent = function () { return (react_1.default.createElement("div", { "data-test": "mock-component" }, "mock me, i'm serious")); };
|
|
76
|
+
react_2.render(react_1.default.createElement(Tooltip_1.default, { tooltip: react_1.default.createElement(MockComponent, null), trigger: 'click', isVisible: false }, "Hover me"));
|
|
77
|
+
expect(react_2.screen.getByTestId('tooltip-wrapped-component')).toBeInTheDocument();
|
|
78
|
+
expect(react_2.screen.queryByTestId('mock-component')).not.toBeInTheDocument();
|
|
79
|
+
user_event_1.default.click(react_2.screen.getByTestId('tooltip-wrapped-component'));
|
|
80
|
+
return [4 /*yield*/, react_2.waitFor(function () {
|
|
81
|
+
return expect(react_2.screen.queryByTestId('mock-component')).not.toBeInTheDocument();
|
|
82
|
+
})];
|
|
83
|
+
case 1:
|
|
84
|
+
_a.sent();
|
|
85
|
+
return [2 /*return*/];
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
}); });
|
|
70
89
|
});
|
|
71
90
|
//# sourceMappingURL=Tooltip.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/tooltip/Tooltip.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAAiE;AACjE,2EAAoD;AAEpD,sDAAgC;AAEhC,QAAQ,CAAC,SAAS,EAAE;IAClB,EAAE,CAAC,yBAAyB,EAAE;QAC5B,cAAM,CAAC,8BAAC,iBAAO,IAAC,OAAO,EAAC,iBAAiB,eAAmB,CAAC,CAAC;QAE9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5E,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC,iBAAiB,CACvE,UAAU,CACX,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE;;;;;oBACrB,aAAa,GAAG,cAAM,OAAA,CAC1B,oDAAe,gBAAgB,2BAA2B,CAC3D,EAF2B,CAE3B,CAAC;oBAEF,cAAM,CACJ,8BAAC,iBAAO,IAAC,OAAO,EAAE,8BAAC,aAAa,OAAG,EAAE,OAAO,EAAE,OAAO,eAE3C,CACX,CAAC;oBAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;oBAE5E,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC;oBACjE,qBAAM,eAAO,CAAC;4BACZ,OAAA,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE;wBAAhE,CAAgE,CACjE,EAAA;;oBAFD,SAEC,CAAC;;;;SACH,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Tooltip.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/tooltip/Tooltip.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAAiE;AACjE,2EAAoD;AAEpD,sDAAgC;AAEhC,QAAQ,CAAC,SAAS,EAAE;IAClB,EAAE,CAAC,yBAAyB,EAAE;QAC5B,cAAM,CAAC,8BAAC,iBAAO,IAAC,OAAO,EAAC,iBAAiB,eAAmB,CAAC,CAAC;QAE9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5E,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC,iBAAiB,CACvE,UAAU,CACX,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE;;;;;oBACrB,aAAa,GAAG,cAAM,OAAA,CAC1B,oDAAe,gBAAgB,2BAA2B,CAC3D,EAF2B,CAE3B,CAAC;oBAEF,cAAM,CACJ,8BAAC,iBAAO,IAAC,OAAO,EAAE,8BAAC,aAAa,OAAG,EAAE,OAAO,EAAE,OAAO,eAE3C,CACX,CAAC;oBAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;oBAE5E,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC;oBACjE,qBAAM,eAAO,CAAC;4BACZ,OAAA,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE;wBAAhE,CAAgE,CACjE,EAAA;;oBAFD,SAEC,CAAC;;;;SACH,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE;;;;;oBAC/B,aAAa,GAAG,cAAM,OAAA,CAC1B,oDAAe,gBAAgB,2BAA2B,CAC3D,EAF2B,CAE3B,CAAC;oBAEF,cAAM,CACJ,8BAAC,iBAAO,IAAC,OAAO,EAAE,8BAAC,aAAa,OAAG,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,eAE7D,CACX,CAAC;oBAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;oBAC5E,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;oBAEvE,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC;oBACjE,qBAAM,eAAO,CAAC;4BACZ,OAAA,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE;wBAAtE,CAAsE,CACvE,EAAA;;oBAFD,SAEC,CAAC;;;;SACH,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|