@orfium/ictinus 4.25.1 → 4.28.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/dist/components/DatePicker/Day/Day.style.d.ts +1 -1
- package/dist/components/DatePicker/Day/Day.style.js +13 -4
- package/dist/components/DatePicker/OverlayComponent/OverlayComponent.style.js +6 -6
- package/dist/components/Drawer/Navigation/MenuItem/MenuItem.js +2 -1
- package/dist/components/Drawer/Navigation/Navigation.style.d.ts +1 -1
- package/dist/components/Drawer/Navigation/Navigation.style.js +32 -14
- package/dist/components/ExpandCollapse/ExpandCollapse.js +1 -1
- package/dist/components/Filter/Filter.style.d.ts +2 -2
- package/dist/components/Filter/Filter.style.js +6 -6
- package/dist/components/Filter/utils.d.ts +1 -0
- package/dist/components/Filter/utils.js +4 -2
- package/dist/components/Label/Label.style.js +1 -1
- package/dist/components/SearchField/SearchField.js +7 -5
- package/dist/components/SearchField/SearchField.style.d.ts +0 -4
- package/dist/components/SearchField/SearchField.style.js +1 -21
- package/dist/components/Select/Select.d.ts +2 -1
- package/dist/components/TextArea/TextArea.js +4 -2
- package/dist/components/TextArea/TextArea.style.d.ts +1 -1
- package/dist/components/TextArea/TextArea.style.js +10 -8
- package/dist/components/TextField/TextField.js +4 -4
- package/dist/components/TextField/TextField.style.d.ts +0 -2
- package/dist/components/TextField/TextField.style.js +3 -22
- package/dist/components/TextInputBase/TextInputBase.d.ts +2 -0
- package/dist/components/TextInputBase/TextInputBase.js +7 -13
- package/dist/components/TextInputBase/TextInputBase.style.d.ts +2 -3
- package/dist/components/TextInputBase/TextInputBase.style.js +33 -54
- package/dist/components/TextInputBase/config.d.ts +3 -0
- package/dist/components/TextInputBase/config.js +7 -1
- package/dist/components/TopAppBar/components/Search/Search.style.js +5 -6
- package/dist/utils/size-utils.d.ts +5 -2
- package/dist/utils/size-utils.js +42 -7
- package/package.json +1 -1
|
@@ -13,10 +13,10 @@ var _Icon = _interopRequireDefault(require("../Icon"));
|
|
|
13
13
|
|
|
14
14
|
var _commons = require("../TextField/components/commons");
|
|
15
15
|
|
|
16
|
-
var _SearchField = require("./SearchField.style");
|
|
17
|
-
|
|
18
16
|
var _TextInputBase = _interopRequireDefault(require("../TextInputBase"));
|
|
19
17
|
|
|
18
|
+
var _TextInputBase2 = require("../TextInputBase/TextInputBase.style");
|
|
19
|
+
|
|
20
20
|
var _react2 = require("@emotion/react");
|
|
21
21
|
|
|
22
22
|
var _excluded = ["placeholder", "disabled", "size", "dark", "onClear", "value"];
|
|
@@ -35,7 +35,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
35
35
|
} : {
|
|
36
36
|
name: "1mz673n-SearchField",
|
|
37
37
|
styles: "width:100%;label:SearchField;",
|
|
38
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaEZpZWxkL1NlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VhcmNoRmllbGQvU2VhcmNoRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHVzZVRoZW1lIGZyb20gJ2hvb2tzL3VzZVRoZW1lJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBERUZBVUxUX1NJWkUgfSBmcm9tICd1dGlscy9zaXplLXV0aWxzJztcblxuaW1wb3J0IEljb24gZnJvbSAnLi4vSWNvbic7XG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL1RleHRGaWVsZC9jb21wb25lbnRzL2NvbW1vbnMnO1xuaW1wb3J0IHsgUHJvcHMgYXMgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICdjb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQnO1xuaW1wb3J0IFRleHRJbnB1dEJhc2UgZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogQSBjYWxsYmFjayB0aGF0J3MgY2FsbGVkIHdoZW4gdGhlIHVzZXIgY2xpY2tzIHRoZSAnY2xlYXInIGljb24gKi9cbiAgb25DbGVhcjogKCkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFNlYXJjaEZpZWxkID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBQcm9wcyAmIFRleHRGaWVsZFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3Qge1xuICAgIHBsYWNlaG9sZGVyID0gJ1NlYXJjaCcsXG4gICAgZGlzYWJsZWQsXG4gICAgc2l6ZSA9IERFRkFVTFRfU0laRSxcbiAgICBkYXJrID0gZmFsc2UsXG4gICAgb25DbGVhcixcbiAgICB2YWx1ZSA9ICcnLFxuICAgIC4uLnJlc3RcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHNob3VsZFNob3dDbGVhciA9ICh2YWx1ZSBhcyBzdHJpbmcpLmxlbmd0aCA+IDA7XG5cbiAgcmV0dXJuIChcbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICA8VGV4dElucHV0QmFzZVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGlzU2VhcmNoXG4gICAgICAgIHN0eWxlVHlwZT17J291dGxpbmVkJ31cbiAgICAgICAgbGVmdEljb249eydzZWFyY2gnfVxuICAgICAgICByaWdodEljb249eydjbG9zZSd9XG4gICAgICA+XG4gICAgICAgIDxJY29uV3JhcHBlciBpY29uUG9zaXRpb249eydsZWZ0J30+XG4gICAgICAgICAgPEljb24gbmFtZT17J3NlYXJjaCd9IHNpemU9ezIwfSBjb2xvcj17dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9IC8+XG4gICAgICAgIDwvSWNvbldyYXBwZXI+XG5cbiAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlJyB9fT5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIGNzcz17aW5wdXRTdHlsZSh7IHNpemUsIGRhcmssIHBsYWNlaG9sZGVyIH0pfVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICB7c2hvdWxkU2hvd0NsZWFyICYmICFkaXNhYmxlZCAmJiAoXG4gICAgICAgICAgPEljb25XcmFwcGVyXG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIG9uQ2xlYXIoKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBpY29uUG9zaXRpb249eydyaWdodCd9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEljb24gbmFtZT17J2Nsb3NlJ30gc2l6ZT17MjB9IGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX0gLz5cbiAgICAgICAgICA8L0ljb25XcmFwcGVyPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0SW5wdXRCYXNlPlxuICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICk7XG59KTtcblxuU2VhcmNoRmllbGQuZGlzcGxheU5hbWUgPSAnU2VhcmNoRmllbGQnO1xuXG5leHBvcnQgZGVmYXVsdCBTZWFyY2hGaWVsZDtcbiJdfQ== */",
|
|
39
39
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
40
40
|
};
|
|
41
41
|
|
|
@@ -57,6 +57,7 @@ var SearchField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref
|
|
|
57
57
|
var shouldShowClear = value.length > 0;
|
|
58
58
|
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TextInputBase["default"], {
|
|
59
59
|
disabled: disabled,
|
|
60
|
+
size: size,
|
|
60
61
|
isSearch: true,
|
|
61
62
|
styleType: 'outlined',
|
|
62
63
|
leftIcon: 'search',
|
|
@@ -70,9 +71,10 @@ var SearchField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref
|
|
|
70
71
|
})), (0, _react2.jsx)("div", {
|
|
71
72
|
css: _ref
|
|
72
73
|
}, (0, _react2.jsx)("input", _extends({
|
|
73
|
-
css: (0,
|
|
74
|
+
css: (0, _TextInputBase2.inputStyle)({
|
|
74
75
|
size: size,
|
|
75
|
-
dark: dark
|
|
76
|
+
dark: dark,
|
|
77
|
+
placeholder: placeholder
|
|
76
78
|
}),
|
|
77
79
|
placeholder: placeholder,
|
|
78
80
|
disabled: disabled,
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { SerializedStyles } from '@emotion/react';
|
|
2
|
-
import { Theme } from 'theme';
|
|
3
|
-
import { Props as TextInputWrapperProps } from '../TextInputBase';
|
|
4
|
-
export declare const searchStyle: ({ size, dark }: Pick<TextInputWrapperProps, 'size' | 'dark'>) => (theme: Theme) => SerializedStyles;
|
|
@@ -1,21 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.searchStyle = void 0;
|
|
5
|
-
|
|
6
|
-
var _react = require("@emotion/react");
|
|
7
|
-
|
|
8
|
-
var searchStyle = function searchStyle(_ref) {
|
|
9
|
-
var size = _ref.size,
|
|
10
|
-
dark = _ref.dark;
|
|
11
|
-
return function (theme) {
|
|
12
|
-
return (
|
|
13
|
-
/*#__PURE__*/
|
|
14
|
-
|
|
15
|
-
/*#__PURE__*/
|
|
16
|
-
(0, _react.css)("background:transparent;border:none;color:", dark ? theme.palette.white : theme.utils.getColor('darkGrey', 850), ";display:block;position:relative;width:100%;z-index:1;font-size:", theme.typography.fontSizes[size === 'md' ? '16' : '14'], ";text-overflow:ellipsis;::placeholder,::-ms-input-placeholder{color:", theme.utils.getColor('lightGrey', 650), ";}&+label{font-size:", theme.typography.fontSizes[size === 'md' ? '16' : '14'], ";}&:focus{color:", theme.utils.getColor('darkGrey', 850), ";outline:none;}&:disabled{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:searchStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaEZpZWxkL1NlYXJjaEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8wQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWFyY2hGaWVsZC9TZWFyY2hGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuXG5pbXBvcnQgeyBQcm9wcyBhcyBUZXh0SW5wdXRXcmFwcGVyUHJvcHMgfSBmcm9tICcuLi9UZXh0SW5wdXRCYXNlJztcblxuZXhwb3J0IGNvbnN0IHNlYXJjaFN0eWxlID0gKHsgc2l6ZSwgZGFyayB9OiBQaWNrPFRleHRJbnB1dFdyYXBwZXJQcm9wcywgJ3NpemUnIHwgJ2RhcmsnPikgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICBjb2xvcjogJHtkYXJrID8gdGhlbWUucGFsZXR0ZS53aGl0ZSA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgei1pbmRleDogMTtcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzW3NpemUgPT09ICdtZCcgPyAnMTYnIDogJzE0J119O1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblxuICA6OnBsYWNlaG9sZGVyLFxuICA6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9O1xuICB9XG5cbiAgJiArIGxhYmVsIHtcbiAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbc2l6ZSA9PT0gJ21kJyA/ICcxNicgOiAnMTQnXX07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICAvL1RPRE86IFJldmlzaXQgY29sb3IgaW4gZGFyayBtb2RlIGltcGxlbWVudGF0aW9uXG4gICAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgODUwKX07XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:searchStyle;")
|
|
17
|
-
);
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
exports.searchStyle = searchStyle;
|
|
1
|
+
"use strict";
|
|
@@ -69,7 +69,8 @@ declare const Select: React.ForwardRefExoticComponent<{
|
|
|
69
69
|
onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
70
70
|
onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
71
71
|
onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
72
|
-
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
72
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined; /** the default value of the select if needed */
|
|
73
|
+
/** TODO: defaultValue is duplication of selectedOption*/
|
|
73
74
|
onInput?: ((event: any) => void) | undefined;
|
|
74
75
|
} & import("../TextInputBase").Props & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & React.RefAttributes<HTMLInputElement>>;
|
|
75
76
|
export default Select;
|
|
@@ -33,7 +33,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
33
33
|
} : {
|
|
34
34
|
name: "1v8u42f-TextArea",
|
|
35
35
|
styles: "width:100% ;label:TextArea;",
|
|
36
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRBcmVhL1RleHRBcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBmb3JtRmllbGRTdHlsZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCBUZXh0SW5wdXRCYXNlIGZyb20gJy4uL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZSc7XG5pbXBvcnQgeyBpbnB1dFN0eWxlIH0gZnJvbSAnLi9UZXh0QXJlYS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBUaGUgcGxhY2Vob2xkZXIgb2YgdGhlIGlucHV0IHRoYXQgd2lsbCBiZSB1c2VkLiBUaGlzIGlzIHNob3duIGlmIG5vIGxhYmVsIGV4aXN0cyAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqIElmIHRoZSB0ZXh0IGZpZWxkIHZhbHVlIGlzIHJlcXVpcmVkICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIElmIHRoZSB0ZXh0IGZpZWxkIGlzIGRpc2FibGVkICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIElmIHRoZSB0ZXh0IGFyZWEgY2FuIGJlIHJlc2l6ZWQgKi9cbiAgcmVzaXplRW5hYmxlZD86IGJvb2xlYW47XG4gIC8qKiBTdHlsZSBvZiBpbnB1dCBmaWVsZCAqL1xuICBzdHlsZVR5cGU/OiBmb3JtRmllbGRTdHlsZXM7XG4gIC8qKiBFcnJvciBtZXNzYWdlICovXG4gIGhpbnRNc2c/OiBSZWFjdC5SZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBUaGUgc3RhdHVzIG9mIHRoZSBidXR0b24gcmVnYXJkaW5nIHRoZSBzdGF0dXMgd2hpY2ggaXMgaW4gLSBkZWZhdWx0IG5vcm1hbCAqL1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55Pjtcbn07XG5cbmNvbnN0IFRleHRBcmVhID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBQcm9wcz4oKHByb3BzLCByZWYpID0+
|
|
36
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRBcmVhL1RleHRBcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBmb3JtRmllbGRTdHlsZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCBUZXh0SW5wdXRCYXNlIGZyb20gJy4uL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZSc7XG5pbXBvcnQgeyBpbnB1dFN0eWxlIH0gZnJvbSAnLi9UZXh0QXJlYS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBUaGUgcGxhY2Vob2xkZXIgb2YgdGhlIGlucHV0IHRoYXQgd2lsbCBiZSB1c2VkLiBUaGlzIGlzIHNob3duIGlmIG5vIGxhYmVsIGV4aXN0cyAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqIElmIHRoZSB0ZXh0IGZpZWxkIHZhbHVlIGlzIHJlcXVpcmVkICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIElmIHRoZSB0ZXh0IGZpZWxkIGlzIGRpc2FibGVkICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIElmIHRoZSB0ZXh0IGFyZWEgY2FuIGJlIHJlc2l6ZWQgKi9cbiAgcmVzaXplRW5hYmxlZD86IGJvb2xlYW47XG4gIC8qKiBTdHlsZSBvZiBpbnB1dCBmaWVsZCAqL1xuICBzdHlsZVR5cGU/OiBmb3JtRmllbGRTdHlsZXM7XG4gIC8qKiBFcnJvciBtZXNzYWdlICovXG4gIGhpbnRNc2c/OiBSZWFjdC5SZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBUaGUgc3RhdHVzIG9mIHRoZSBidXR0b24gcmVnYXJkaW5nIHRoZSBzdGF0dXMgd2hpY2ggaXMgaW4gLSBkZWZhdWx0IG5vcm1hbCAqL1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55Pjtcbn07XG5cbmNvbnN0IFRleHRBcmVhID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGlkID0gdW5kZWZpbmVkLFxuICAgIHBsYWNlaG9sZGVyID0gJycsXG4gICAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgICBkaXNhYmxlZCxcbiAgICByZXNpemVFbmFibGVkID0gdHJ1ZSxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIDxUZXh0SW5wdXRCYXNlIGlzVGV4dEFyZWEgey4uLnByb3BzfT5cbiAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlICcgfX0+XG4gICAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICBjc3M9e2lucHV0U3R5bGUoeyBwbGFjZWhvbGRlciwgcmVzaXplRW5hYmxlZDogIWRpc2FibGVkICYmIHJlc2l6ZUVuYWJsZWQgfSl9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICB7Li4ub21pdChyZXN0LCBbJ3N0eWxlVHlwZScsICdoaW50TXNnJ10pfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1RleHRJbnB1dEJhc2U+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgKTtcbn0pO1xuXG5UZXh0QXJlYS5kaXNwbGF5TmFtZSA9ICdUZXh0QXJlYSc7XG5cbmV4cG9ydCBkZWZhdWx0IFRleHRBcmVhO1xuIl19 */",
|
|
37
37
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
38
38
|
};
|
|
39
39
|
|
|
@@ -49,7 +49,9 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
49
49
|
resizeEnabled = _props$resizeEnabled === void 0 ? true : _props$resizeEnabled,
|
|
50
50
|
rest = _objectWithoutPropertiesLoose(props, _excluded);
|
|
51
51
|
|
|
52
|
-
return (0, _react2.jsx)(React.Fragment, null, (0, _react2.jsx)(_TextInputBase["default"],
|
|
52
|
+
return (0, _react2.jsx)(React.Fragment, null, (0, _react2.jsx)(_TextInputBase["default"], _extends({
|
|
53
|
+
isTextArea: true
|
|
54
|
+
}, props), (0, _react2.jsx)("div", {
|
|
53
55
|
css: _ref
|
|
54
56
|
}, (0, _react2.jsx)("textarea", _extends({
|
|
55
57
|
css: (0, _TextArea.inputStyle)({
|
|
@@ -2,4 +2,4 @@ import { SerializedStyles } from '@emotion/react';
|
|
|
2
2
|
import { Theme } from '../../theme';
|
|
3
3
|
import { Props } from './TextArea';
|
|
4
4
|
import { Props as TextInputWrapperProps } from 'components/TextInputBase';
|
|
5
|
-
export declare const inputStyle: ({
|
|
5
|
+
export declare const inputStyle: ({ resizeEnabled, ...rest }: Props & TextInputWrapperProps) => (theme: Theme) => SerializedStyles;
|
|
@@ -5,22 +5,24 @@ exports.inputStyle = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _react = require("@emotion/react");
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _TextInputBase = require("../TextInputBase/TextInputBase.style");
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _excluded = ["resizeEnabled"];
|
|
11
|
+
|
|
12
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
+
|
|
14
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
11
15
|
|
|
12
16
|
var inputStyle = function inputStyle(_ref) {
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
dark = _ref.dark,
|
|
17
|
-
resizeEnabled = _ref.resizeEnabled;
|
|
17
|
+
var resizeEnabled = _ref.resizeEnabled,
|
|
18
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
19
|
+
|
|
18
20
|
return function (theme) {
|
|
19
21
|
return (
|
|
20
22
|
/*#__PURE__*/
|
|
21
23
|
|
|
22
24
|
/*#__PURE__*/
|
|
23
|
-
(0, _react.css)("
|
|
25
|
+
(0, _react.css)("resize:", !resizeEnabled ? 'none' : 'both', ";", (0, _TextInputBase.inputStyle)(_extends({}, rest))(theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRBcmVhL1RleHRBcmVhLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gJy4vVGV4dEFyZWEnO1xuaW1wb3J0IHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgYXMgYmFzZUlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gKHsgcmVzaXplRW5hYmxlZCwgLi4ucmVzdCB9OiBQcm9wcyAmIFRleHRJbnB1dFdyYXBwZXJQcm9wcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICByZXNpemU6ICR7IXJlc2l6ZUVuYWJsZWQgPyAnbm9uZScgOiAnYm90aCd9O1xuICAke2Jhc2VJbnB1dFN0eWxlKHsgLi4ucmVzdCB9KSh0aGVtZSl9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:inputStyle;")
|
|
24
26
|
);
|
|
25
27
|
};
|
|
26
28
|
};
|
|
@@ -15,10 +15,10 @@ var _Label = _interopRequireDefault(require("../Label"));
|
|
|
15
15
|
|
|
16
16
|
var _commons = require("./components/commons");
|
|
17
17
|
|
|
18
|
-
var _TextField = require("./TextField.style");
|
|
19
|
-
|
|
20
18
|
var _TextInputBase = _interopRequireDefault(require("../TextInputBase"));
|
|
21
19
|
|
|
20
|
+
var _TextInputBase2 = require("../TextInputBase/TextInputBase.style");
|
|
21
|
+
|
|
22
22
|
var _react2 = require("@emotion/react");
|
|
23
23
|
|
|
24
24
|
var _excluded = ["id", "rightIcon", "leftIcon", "label", "placeholder", "required", "disabled", "locked", "size", "dark", "lean", "hintMsg", "styleType", "readOnly", "status"];
|
|
@@ -37,7 +37,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
37
37
|
} : {
|
|
38
38
|
name: "1rlc0zw-TextField",
|
|
39
39
|
styles: "width:100% ;label:TextField;",
|
|
40
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFYSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERFRkFVTFRfU0laRSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9MYWJlbCc7XG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4vY29tcG9uZW50cy9jb21tb25zJztcbmltcG9ydCB7IEFjY2VwdGVkSWNvbk5hbWVzIH0gZnJvbSAnY29tcG9uZW50cy9JY29uL3R5cGVzJztcbmltcG9ydCBUZXh0SW5wdXRCYXNlLCB7IFByb3BzIGFzIFRleHRJbnB1dFdyYXBwZXJQcm9wcyB9IGZyb20gJ2NvbXBvbmVudHMvVGV4dElucHV0QmFzZSc7XG5pbXBvcnQgeyBpbnB1dFN0eWxlIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlL1RleHRJbnB1dEJhc2Uuc3R5bGUnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgLyoqIFRoZSBpZCBvZiB0aGUgdGV4dCBmaWVsZCB0aGF0IHdpbGwgYmUgdXNlZCBhcyBmb3IgaW4gbGFiZWwgdG9vICovXG4gIGlkPzogc3RyaW5nO1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBibHVycmVkLiAqL1xuICBvbkJsdXI/OiBSZWFjdC5Gb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD47XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGNoYW5nZWQuICovXG4gIG9uQ2hhbmdlPzogUmVhY3QuQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQgfCBIVE1MSW5wdXRFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgZm9jdXNlZC4gKi9cbiAgb25Gb2N1cz86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaGFzIGEga2V5IGRvd24gZXZlbnQuICovXG4gIG9uS2V5RG93bj86IFJlYWN0LktleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQgfCBIVE1MSW5wdXRFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgdmFsdWUgdHlwZWQgaXMgY2hhbmdlZCAqL1xuICBvbklucHV0PzogUmVhY3QuRXZlbnRIYW5kbGVyPGFueT47XG59ICYgVGV4dElucHV0V3JhcHBlclByb3BzO1xuXG50eXBlIElucHV0UHJvcHMgPSBQYXJ0aWFsPE9taXQ8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3NpemUnPj47XG5cbmNvbnN0IFRleHRGaWVsZCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHMgJiBJbnB1dFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgaWQgPSB1bmRlZmluZWQsXG4gICAgcmlnaHRJY29uID0gbnVsbCxcbiAgICBsZWZ0SWNvbiA9IG51bGwsXG4gICAgbGFiZWwsXG4gICAgcGxhY2Vob2xkZXIgPSAnJyxcbiAgICByZXF1aXJlZCA9IGZhbHNlLFxuICAgIGRpc2FibGVkLFxuICAgIGxvY2tlZCA9IGZhbHNlLFxuICAgIHNpemUgPSBERUZBVUxUX1NJWkUsXG4gICAgZGFyayA9IGZhbHNlLFxuICAgIGxlYW4sXG4gICAgaGludE1zZzogX19oaW50TXNnLFxuICAgIHN0eWxlVHlwZTogX19zdHlsZVR5cGUsXG4gICAgcmVhZE9ubHksXG4gICAgc3RhdHVzLFxuICAgIC4uLnJlc3RcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgZ2V0SWNvbiA9IChpY29uOiBBY2NlcHRlZEljb25OYW1lcyB8IEpTWC5FbGVtZW50IHwgbnVsbCkgPT5cbiAgICBpY29uID8gKFxuICAgICAgdHlwZW9mIGljb24gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICA8SWNvblxuICAgICAgICAgIG5hbWU9e2ljb24gYXMgQWNjZXB0ZWRJY29uTmFtZXN9XG4gICAgICAgICAgc2l6ZT17MjR9XG4gICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAvPlxuICAgICAgKSA6IChcbiAgICAgICAgaWNvblxuICAgICAgKVxuICAgICkgOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPFRleHRJbnB1dEJhc2Ugey4uLnByb3BzfT5cbiAgICAgICAge2xlZnRJY29uICYmIDxJY29uV3JhcHBlciBpY29uUG9zaXRpb249eydsZWZ0J30+e2dldEljb24obGVmdEljb24pfTwvSWNvbldyYXBwZXI+fVxuICAgICAgICA8ZGl2IGNzcz17eyB3aWR0aDogJzEwMCUgJyB9fT5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICAgIGNzcz17aW5wdXRTdHlsZSh7IGxhYmVsLCBwbGFjZWhvbGRlciwgc2l6ZSwgZGFyaywgbGVhbiB9KX1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXshbGFiZWwgJiYgcGxhY2Vob2xkZXIgPyBgJHtwbGFjZWhvbGRlcn0gJHtyZXF1aXJlZCA/ICcqJyA6ICcnfWAgOiBsYWJlbH1cbiAgICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBsb2NrZWR9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgIGFuaW1hdGVUb1RvcD17Qm9vbGVhbihyZXN0LnZhbHVlKX1cbiAgICAgICAgICAgICAgZXJyb3I9e3N0YXR1cyA9PT0gJ2Vycm9yJ31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIHtyaWdodEljb24gJiYgIWxvY2tlZCAmJiAoXG4gICAgICAgICAgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J3JpZ2h0J30+e2dldEljb24ocmlnaHRJY29uKX08L0ljb25XcmFwcGVyPlxuICAgICAgICApfVxuICAgICAgICB7bG9ja2VkICYmIChcbiAgICAgICAgICA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsncmlnaHQnfT5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9XCJsb2NrXCJcbiAgICAgICAgICAgICAgc2l6ZT17c2l6ZSA9PT0gJ21kJyA/IDIwIDogMTZ9XG4gICAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICAgICAgKX1cbiAgICAgIDwvVGV4dElucHV0QmFzZT5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICApO1xufSk7XG5cblRleHRGaWVsZC5kaXNwbGF5TmFtZSA9ICdUZXh0RmllbGQnO1xuXG5leHBvcnQgZGVmYXVsdCBUZXh0RmllbGQ7XG4iXX0= */",
|
|
41
41
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -83,7 +83,7 @@ var TextField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
83
83
|
css: _ref
|
|
84
84
|
}, (0, _react2.jsx)("input", _extends({
|
|
85
85
|
readOnly: readOnly,
|
|
86
|
-
css: (0,
|
|
86
|
+
css: (0, _TextInputBase2.inputStyle)({
|
|
87
87
|
label: label,
|
|
88
88
|
placeholder: placeholder,
|
|
89
89
|
size: size,
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { SerializedStyles } from '@emotion/react';
|
|
2
2
|
import { Theme } from 'theme';
|
|
3
|
-
import { Props } from './TextField';
|
|
4
3
|
export declare const iconWrapperStyle: ({ iconPosition, isClickable, }: {
|
|
5
4
|
iconPosition?: "left" | "right" | undefined;
|
|
6
5
|
isClickable?: boolean | undefined;
|
|
7
6
|
}) => (theme: Theme) => SerializedStyles;
|
|
8
|
-
export declare const inputStyle: ({ label, placeholder, size, dark }: Props) => (theme: Theme) => SerializedStyles;
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.
|
|
4
|
+
exports.iconWrapperStyle = void 0;
|
|
5
5
|
|
|
6
6
|
var _react = require("@emotion/react");
|
|
7
7
|
|
|
8
8
|
var _utils = require("../../theme/utils");
|
|
9
9
|
|
|
10
|
-
var _Label = require("../Label/Label.style");
|
|
11
|
-
|
|
12
10
|
var iconWrapperStyle = function iconWrapperStyle(_ref) {
|
|
13
11
|
var iconPosition = _ref.iconPosition,
|
|
14
12
|
isClickable = _ref.isClickable;
|
|
@@ -17,26 +15,9 @@ var iconWrapperStyle = function iconWrapperStyle(_ref) {
|
|
|
17
15
|
/*#__PURE__*/
|
|
18
16
|
|
|
19
17
|
/*#__PURE__*/
|
|
20
|
-
(0, _react.css)("line-height:0.8;height:", (0, _utils.rem)(16), ";display:flex;align-items:center;cursor:", isClickable ? 'pointer' : 'unset', ";margin-left:", iconPosition === 'right' ? theme.spacing.sm : 'inherit', ";margin-right:", iconPosition === 'left' ? theme.spacing.sm : 0, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconWrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
-
);
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
exports.iconWrapperStyle = iconWrapperStyle;
|
|
26
|
-
|
|
27
|
-
var inputStyle = function inputStyle(_ref2) {
|
|
28
|
-
var label = _ref2.label,
|
|
29
|
-
placeholder = _ref2.placeholder,
|
|
30
|
-
size = _ref2.size,
|
|
31
|
-
dark = _ref2.dark;
|
|
32
|
-
return function (theme) {
|
|
33
|
-
return (
|
|
34
|
-
/*#__PURE__*/
|
|
35
|
-
|
|
36
|
-
/*#__PURE__*/
|
|
37
|
-
(0, _react.css)("background:transparent;border:none;color:", dark ? theme.palette.white : theme.utils.getColor('darkGrey', 850), ";display:block;position:relative;top:", label && (0, _utils.rem)('7px'), ";width:100%;z-index:1;font-size:", theme.typography.fontSizes[size === 'md' ? '16' : '14'], ";text-overflow:ellipsis;&+label{font-size:", theme.typography.fontSizes[size === 'md' ? '16' : '14'], ";}&:focus{color:", theme.utils.getColor('darkGrey', 850), ";outline:none;}&::placeholder{color:", !label && placeholder ? theme.utils.getColor('lightGrey', 750) : 'transparent', ";}&:not(:focus):placeholder-shown{&+label{font-weight:normal;}}&:focus,&:not(:placeholder-shown){&+label{transform:translate(", _Label.LABEL_TRANSFORM_LEFT_SPACING, ", -35%) scale(0.8);font-weight:", theme.typography.weights.bold, ";}}&:disabled{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFByb3BzIH0gZnJvbSAnLi9UZXh0RmllbGQnO1xuaW1wb3J0IHsgTEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lORyB9IGZyb20gJ2NvbXBvbmVudHMvTGFiZWwvTGFiZWwuc3R5bGUnO1xuXG5leHBvcnQgY29uc3QgaWNvbldyYXBwZXJTdHlsZSA9ICh7XG4gIGljb25Qb3NpdGlvbixcbiAgaXNDbGlja2FibGUsXG59OiB7XG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIGlzQ2xpY2thYmxlPzogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgbGluZS1oZWlnaHQ6IDAuODtcbiAgaGVpZ2h0OiAke3JlbSgxNil9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6ICR7aXNDbGlja2FibGUgPyAncG9pbnRlcicgOiAndW5zZXQnfTtcbiAgbWFyZ2luLWxlZnQ6ICR7aWNvblBvc2l0aW9uID09PSAncmlnaHQnID8gdGhlbWUuc3BhY2luZy5zbSA6ICdpbmhlcml0J307XG4gIG1hcmdpbi1yaWdodDogJHtpY29uUG9zaXRpb24gPT09ICdsZWZ0JyA/IHRoZW1lLnNwYWNpbmcuc20gOiAwfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gKHsgbGFiZWwsIHBsYWNlaG9sZGVyLCBzaXplLCBkYXJrIH06IFByb3BzKSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBib3JkZXI6IG5vbmU7XG4gIGNvbG9yOiAke2RhcmsgPyB0aGVtZS5wYWxldHRlLndoaXRlIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgODUwKX07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRvcDogJHtsYWJlbCAmJiByZW0oJzdweCcpfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHotaW5kZXg6IDE7XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbWQnID8gJzE2JyA6ICcxNCddfTtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cbiAgJiArIGxhYmVsIHtcbiAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbc2l6ZSA9PT0gJ21kJyA/ICcxNicgOiAnMTQnXX07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICAvL1RPRE86IFJldmlzaXQgY29sb3IgaW4gZGFyayBtb2RlIGltcGxlbWVudGF0aW9uXG4gICAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgODUwKX07XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHshbGFiZWwgJiYgcGxhY2Vob2xkZXIgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNzUwKSA6ICd0cmFuc3BhcmVudCd9O1xuICB9XG5cbiAgJjpub3QoOmZvY3VzKTpwbGFjZWhvbGRlci1zaG93biB7XG4gICAgJiArIGxhYmVsIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgfVxuICB9XG5cbiAgJjpmb2N1cyxcbiAgJjpub3QoOnBsYWNlaG9sZGVyLXNob3duKSB7XG4gICAgJiArIGxhYmVsIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC0zNSUpIHNjYWxlKDAuOCk7XG4gICAgICBmb250LXdlaWdodDogJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH07XG4gICAgfVxuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputStyle;")
|
|
18
|
+
(0, _react.css)("line-height:0.8;height:", (0, _utils.rem)(16), ";display:flex;align-items:center;cursor:", isClickable ? 'pointer' : 'unset', ";margin-left:", iconPosition === 'right' ? theme.spacing.sm : 'inherit', ";margin-right:", iconPosition === 'left' ? theme.spacing.sm : 0, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconWrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTZDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IGljb25XcmFwcGVyU3R5bGUgPSAoe1xuICBpY29uUG9zaXRpb24sXG4gIGlzQ2xpY2thYmxlLFxufToge1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICBpc0NsaWNrYWJsZT86IGJvb2xlYW47XG59KSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGxpbmUtaGVpZ2h0OiAwLjg7XG4gIGhlaWdodDogJHtyZW0oMTYpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ3Vuc2V0J307XG4gIG1hcmdpbi1sZWZ0OiAke2ljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyA/IHRoZW1lLnNwYWNpbmcuc20gOiAnaW5oZXJpdCd9O1xuICBtYXJnaW4tcmlnaHQ6ICR7aWNvblBvc2l0aW9uID09PSAnbGVmdCcgPyB0aGVtZS5zcGFjaW5nLnNtIDogMH07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:iconWrapperStyle;")
|
|
38
19
|
);
|
|
39
20
|
};
|
|
40
21
|
};
|
|
41
22
|
|
|
42
|
-
exports.
|
|
23
|
+
exports.iconWrapperStyle = iconWrapperStyle;
|
|
@@ -33,6 +33,8 @@ export declare type Props = {
|
|
|
33
33
|
status?: 'success' | 'normal' | 'hint' | 'error';
|
|
34
34
|
/** If the field is used as a Search component */
|
|
35
35
|
isSearch?: boolean;
|
|
36
|
+
/** If the field is used as a TextArea component */
|
|
37
|
+
isTextArea?: boolean;
|
|
36
38
|
};
|
|
37
39
|
/** This Component is a wrapper for all primitives that hold text like Select, TextArea, TextInput. Here we keep the
|
|
38
40
|
* logic of all the hover, focus status etc and the styling of these centralized **/
|
|
@@ -20,14 +20,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
20
20
|
/** This Component is a wrapper for all primitives that hold text like Select, TextArea, TextInput. Here we keep the
|
|
21
21
|
* logic of all the hover, focus status etc and the styling of these centralized **/
|
|
22
22
|
var TextInputBase = function TextInputBase(_ref) {
|
|
23
|
-
var _ref$
|
|
24
|
-
leftIcon = _ref$leftIcon === void 0 ? null : _ref$leftIcon,
|
|
25
|
-
rightIcon = _ref.rightIcon,
|
|
26
|
-
label = _ref.label,
|
|
27
|
-
_ref$lean = _ref.lean,
|
|
23
|
+
var _ref$lean = _ref.lean,
|
|
28
24
|
lean = _ref$lean === void 0 ? false : _ref$lean,
|
|
29
25
|
_ref$isSearch = _ref.isSearch,
|
|
30
26
|
isSearch = _ref$isSearch === void 0 ? false : _ref$isSearch,
|
|
27
|
+
_ref$isTextArea = _ref.isTextArea,
|
|
28
|
+
isTextArea = _ref$isTextArea === void 0 ? false : _ref$isTextArea,
|
|
31
29
|
disabled = _ref.disabled,
|
|
32
30
|
hintMsg = _ref.hintMsg,
|
|
33
31
|
_ref$styleType = _ref.styleType,
|
|
@@ -52,8 +50,6 @@ var TextInputBase = function TextInputBase(_ref) {
|
|
|
52
50
|
size: 12
|
|
53
51
|
}), hintMsg);
|
|
54
52
|
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("div", {
|
|
55
|
-
css: (0, _TextInputBase.flexContainer)()
|
|
56
|
-
}, (0, _react2.jsx)("div", {
|
|
57
53
|
css: (0, _TextInputBase.wrapperStyle)({
|
|
58
54
|
dark: dark,
|
|
59
55
|
locked: locked,
|
|
@@ -62,17 +58,15 @@ var TextInputBase = function TextInputBase(_ref) {
|
|
|
62
58
|
lean: lean,
|
|
63
59
|
styleType: styleType,
|
|
64
60
|
isSearch: isSearch,
|
|
65
|
-
|
|
61
|
+
isTextArea: isTextArea,
|
|
66
62
|
size: size
|
|
67
63
|
})
|
|
68
64
|
}, (0, _react2.jsx)("div", {
|
|
69
65
|
css: (0, _TextInputBase.textFieldStyle)({
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
leftIcon: leftIcon,
|
|
73
|
-
lean: lean
|
|
66
|
+
lean: lean,
|
|
67
|
+
isTextArea: isTextArea
|
|
74
68
|
})
|
|
75
|
-
}, children))
|
|
69
|
+
}, children)), hintMsg && status !== 'normal' && hintMessageToShow);
|
|
76
70
|
};
|
|
77
71
|
|
|
78
72
|
var _default = TextInputBase;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { SerializedStyles } from '@emotion/react';
|
|
2
2
|
import { Theme } from 'theme';
|
|
3
3
|
import { Props } from './TextInputBase';
|
|
4
|
-
export declare const flexContainer: () => () => SerializedStyles;
|
|
5
4
|
/**
|
|
6
5
|
* this wrapper must remain simple and not mess with children properties as it will be used
|
|
7
6
|
* in custom implementation needed eg: datepicker
|
|
8
7
|
* */
|
|
9
|
-
export declare const wrapperStyle: ({ disabled, locked, status, lean, dark, isSearch,
|
|
10
|
-
export declare const textFieldStyle: ({
|
|
8
|
+
export declare const wrapperStyle: ({ disabled, locked, status, lean, dark, isSearch, isTextArea, size, }: Props) => (theme: Theme) => SerializedStyles;
|
|
9
|
+
export declare const textFieldStyle: ({ lean, isTextArea }: Props) => (theme: Theme) => SerializedStyles;
|
|
11
10
|
export declare const inputStyle: ({ label, placeholder, size, dark }: Props) => (theme: Theme) => SerializedStyles;
|
|
12
11
|
export declare const errorMsgStyle: ({ status }: Props) => (theme: Theme) => SerializedStyles;
|