@proprioo/salatim 23.2.0 → 23.4.1
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 +16 -0
- package/lib/energy/index.d.ts +1 -1
- package/lib/energy/index.js +3 -2
- package/lib/energy/index.js.map +1 -1
- package/lib/index.js +274 -262
- package/lib/index.js.map +1 -1
- package/lib/ui/src/input/Input.d.ts +11 -9
- package/lib/ui/src/input/Input.js +11 -2
- package/lib/ui/src/input/Input.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.d.ts +16 -14
- package/lib/ui/src/inputBase/InputBase.js +12 -2
- package/lib/ui/src/inputBase/InputBase.js.map +1 -1
- package/lib/ui/src/modal/Modal.js +2 -3
- package/lib/ui/src/modal/Modal.js.map +1 -1
- package/lib/ui/src/modal/Modal.styles.d.ts +3 -1
- package/lib/ui/src/modal/Modal.styles.js +23 -11
- package/lib/ui/src/modal/Modal.styles.js.map +1 -1
- package/lib/utils/src/props.d.ts +2 -2
- package/package.json +1 -1
|
@@ -16,23 +16,25 @@ export interface CustomInputEvent {
|
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
18
|
export interface InputProps {
|
|
19
|
-
id: string;
|
|
20
19
|
disabled: boolean;
|
|
21
20
|
focused: boolean;
|
|
21
|
+
id: string;
|
|
22
22
|
type: InputType;
|
|
23
|
-
|
|
24
|
-
inputElement?: Component<InputProps> | FC<InputProps>;
|
|
23
|
+
dataTest?: string;
|
|
25
24
|
gmap?: GMapProps;
|
|
25
|
+
inputElement?: Component<InputProps> | FC<InputProps>;
|
|
26
|
+
max?: number;
|
|
27
|
+
maxLength?: number;
|
|
28
|
+
min?: number;
|
|
29
|
+
minLength?: number;
|
|
26
30
|
name?: string;
|
|
27
|
-
|
|
31
|
+
phoneWithFlags?: boolean;
|
|
28
32
|
required?: boolean;
|
|
29
|
-
min?: number;
|
|
30
|
-
max?: number;
|
|
31
33
|
style?: CSSProperties;
|
|
32
|
-
|
|
33
|
-
handleFocus(): void;
|
|
34
|
+
value?: nullOrString;
|
|
34
35
|
handleBlur(): void;
|
|
35
|
-
|
|
36
|
+
handleFocus(): void;
|
|
37
|
+
handleOnChange(event: ChangeEvent<HTMLInputElement> | CustomInputEvent): void;
|
|
36
38
|
}
|
|
37
39
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
38
40
|
export default Input;
|
|
@@ -31,10 +31,19 @@ var InputType;
|
|
|
31
31
|
InputType["TEXT"] = "text";
|
|
32
32
|
})(InputType = exports.InputType || (exports.InputType = {}));
|
|
33
33
|
const Input = (0, react_1.forwardRef)((props, ref) => {
|
|
34
|
-
const {
|
|
34
|
+
const { dataTest, disabled, focused, gmap, id, inputElement, max, maxLength, min, minLength, name, required = false, style, type, value, handleBlur, handleFocus, handleOnChange } = props;
|
|
35
35
|
return (react_1.default.createElement(react_1.Fragment, null, inputElement ? (
|
|
36
36
|
// tslint:disable-next-line: no-any
|
|
37
|
-
(0, react_1.createElement)(inputElement, Object.assign({}, props))) : (react_1.default.createElement(Input_styles_1.InputLayout, Object.assign({
|
|
37
|
+
(0, react_1.createElement)(inputElement, Object.assign({}, props))) : (react_1.default.createElement(Input_styles_1.InputLayout, Object.assign({ autoComplete: 'off', "data-test": dataTest || `input-${type}`, value: value === null ? '' : value }, Object.assign({ disabled,
|
|
38
|
+
id,
|
|
39
|
+
max,
|
|
40
|
+
maxLength,
|
|
41
|
+
min,
|
|
42
|
+
minLength,
|
|
43
|
+
name,
|
|
44
|
+
ref,
|
|
45
|
+
required,
|
|
46
|
+
type }, (focused && { style })), { onBlur: handleBlur, onChange: (event) => handleOnChange(event), onFocus: handleFocus }, gmap)))));
|
|
38
47
|
});
|
|
39
48
|
exports.default = Input;
|
|
40
49
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../packages/ui/src/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AAMf,iDAA6C;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;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../packages/ui/src/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AAMf,iDAA6C;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;AAiCD,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,EAAE,EACF,YAAY,EACZ,GAAG,EACH,SAAS,EACT,GAAG,EACH,SAAS,EACT,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,8BAAC,gBAAQ,QACN,YAAY,CAAC,CAAC,CAAC;IACd,mCAAmC;IACnC,IAAA,qBAAa,EAAC,YAAmB,oBAAO,KAAK,EAAG,CACjD,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAW,kBACV,YAAY,EAAE,KAAK,eACR,QAAQ,IAAI,SAAS,IAAI,EAAE,EACtC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,oBAEhC,QAAQ;QACR,EAAE;QACF,GAAG;QACH,SAAS;QACT,GAAG;QACH,SAAS;QACT,IAAI;QACJ,GAAG;QACH,QAAQ;QACR,IAAI,IACD,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,CAAC,KAE3B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,CAAC,KAAoC,EAAE,EAAE,CACjD,cAAc,CAAC,KAAK,CAAC,EAEvB,OAAO,EAAE,WAAW,IAChB,IAAI,EACR,CACH,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,KAAK,CAAC"}
|
|
@@ -6,13 +6,12 @@ import { OptionProps } from '../option/Option';
|
|
|
6
6
|
import { InputColors } from './InputBaseEnum';
|
|
7
7
|
export declare const ZINDEX_OPEN = 10;
|
|
8
8
|
export interface GMapProps {
|
|
9
|
-
|
|
10
|
-
role: 'combobox';
|
|
9
|
+
'aria-activedescendant': string | undefined;
|
|
11
10
|
'aria-autocomplete': 'list';
|
|
12
11
|
'aria-expanded': boolean;
|
|
13
|
-
'
|
|
12
|
+
autoComplete: 'off';
|
|
14
13
|
disabled: boolean;
|
|
15
|
-
|
|
14
|
+
role: 'combobox';
|
|
16
15
|
value: string | undefined;
|
|
17
16
|
onBlur: React.FocusEventHandler;
|
|
18
17
|
onChange(event: {
|
|
@@ -20,26 +19,29 @@ export interface GMapProps {
|
|
|
20
19
|
value: string;
|
|
21
20
|
};
|
|
22
21
|
}): void;
|
|
22
|
+
onKeyDown: React.KeyboardEventHandler;
|
|
23
23
|
}
|
|
24
24
|
export interface InputBaseProps extends GenericInputProps {
|
|
25
|
-
value?: nullOrString;
|
|
26
25
|
displayField?: ReactElement;
|
|
27
|
-
inputElement?: Component<InputProps> | FC<InputProps>;
|
|
28
26
|
field?: ReactElement;
|
|
29
|
-
type?: InputType;
|
|
30
|
-
options?: OptionProps[];
|
|
31
27
|
gmap?: GMapProps;
|
|
32
|
-
name?: string;
|
|
33
|
-
min?: number;
|
|
34
|
-
max?: number;
|
|
35
|
-
suffix?: string;
|
|
36
28
|
id?: string;
|
|
29
|
+
inputElement?: Component<InputProps> | FC<InputProps>;
|
|
30
|
+
max?: number;
|
|
31
|
+
maxLength?: number;
|
|
32
|
+
min?: number;
|
|
33
|
+
minLength?: number;
|
|
34
|
+
name?: string;
|
|
35
|
+
options?: OptionProps[];
|
|
36
|
+
outline?: InputColors;
|
|
37
|
+
phoneWithFlags?: boolean;
|
|
37
38
|
selectOnFocus?: boolean;
|
|
39
|
+
suffix?: string;
|
|
40
|
+
type?: InputType;
|
|
41
|
+
value?: nullOrString;
|
|
38
42
|
onBlur?(): void;
|
|
39
43
|
onChange?(value: string): void;
|
|
40
44
|
onFocus?(): void;
|
|
41
|
-
phoneWithFlags?: boolean;
|
|
42
|
-
outline?: InputColors;
|
|
43
45
|
}
|
|
44
46
|
declare const InputBase: FC<InputBaseProps>;
|
|
45
47
|
export default InputBase;
|
|
@@ -30,7 +30,7 @@ const Alert_1 = __importDefault(require("../icons/Alert"));
|
|
|
30
30
|
const Input_1 = __importStar(require("../input/Input"));
|
|
31
31
|
const InputBase_styles_1 = require("./InputBase.styles");
|
|
32
32
|
exports.ZINDEX_OPEN = 10;
|
|
33
|
-
const InputBase = ({
|
|
33
|
+
const InputBase = ({ dataTest, disabled, displayField, error, field, focused: initialFocused = false, gmap, label, id, inputElement, max, maxLength, min, minLength, name, outline, phoneWithFlags = false, required, selectOnFocus, suffix, type = Input_1.InputType.TEXT, value, zIndex, onBlur, onChange, onFocus }) => {
|
|
34
34
|
var _a;
|
|
35
35
|
const inputRef = (0, react_1.useRef)(null);
|
|
36
36
|
const htmlId = (0, react_1.useMemo)(() => id || `input-${(0, react_id_generator_1.default)()}`, []);
|
|
@@ -68,12 +68,22 @@ const InputBase = ({ disabled, id, inputElement, displayField, error, label, typ
|
|
|
68
68
|
handleOnChange,
|
|
69
69
|
name, gmap: Object.assign(Object.assign({}, gmap), { onBlur: (0, hokkaido_1.compose)(gmap && gmap.onBlur, handleBlur) }), min,
|
|
70
70
|
max,
|
|
71
|
+
minLength,
|
|
72
|
+
maxLength,
|
|
71
73
|
suffix,
|
|
72
74
|
phoneWithFlags });
|
|
73
75
|
(0, react_1.useEffect)(() => {
|
|
74
76
|
setFocused(initialFocused);
|
|
75
77
|
}, [initialFocused]);
|
|
76
|
-
return (react_1.default.createElement(InputBase_styles_1.Layout, {
|
|
78
|
+
return (react_1.default.createElement(InputBase_styles_1.Layout, Object.assign({}, {
|
|
79
|
+
disabled,
|
|
80
|
+
error,
|
|
81
|
+
focused,
|
|
82
|
+
notched,
|
|
83
|
+
outline,
|
|
84
|
+
phoneWithFlags,
|
|
85
|
+
zIndex
|
|
86
|
+
}),
|
|
77
87
|
react_1.default.createElement(InputBase_styles_1.LabelLayout, { htmlFor: htmlId, suffixLength: (suffix === null || suffix === void 0 ? void 0 : suffix.length) || 0 }, label),
|
|
78
88
|
react_1.default.createElement(InputBase_styles_1.InsideLayout, { disabled: disabled },
|
|
79
89
|
react_1.default.createElement(InputBase_styles_1.FieldSetLayout, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputBase.js","sourceRoot":"","sources":["../../../../packages/ui/src/inputBase/InputBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAUe;AACf,4EAAwC;AAExC,iDAAuE;AAGvE,2DAAsD;AACtD,wDAAgF;AAEhF,yDAO4B;AAGf,QAAA,WAAW,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"InputBase.js","sourceRoot":"","sources":["../../../../packages/ui/src/inputBase/InputBase.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
25
25
|
const react_1 = __importStar(require("react"));
|
|
26
26
|
const react_dom_1 = require("react-dom");
|
|
27
27
|
const useOnClickOutside_1 = __importDefault(require("../../../hooks/useOnClickOutside/useOnClickOutside"));
|
|
28
|
-
const utils_1 = require("../../../utils");
|
|
29
28
|
const Background_styles_1 = require("../background/Background.styles");
|
|
30
29
|
const Close_1 = __importDefault(require("../icons/Close"));
|
|
31
30
|
const Loader_1 = __importDefault(require("../loader/Loader"));
|
|
@@ -64,8 +63,8 @@ const Modal = ({ closeModal, children, title, text, icon, isAlternative = false,
|
|
|
64
63
|
return (0, react_dom_1.createPortal)(react_1.default.createElement(Background_styles_1.BackgroundLayout, { fade: fade },
|
|
65
64
|
react_1.default.createElement(Modal_styles_1.Layout, { id: "modal", ref: layoutRef, fade: fade, isFullScreen: isFullScreen, noPadding: noPadding },
|
|
66
65
|
isLoading && react_1.default.createElement(Loader_1.default, { loaderHeight: `${loaderHeight.toString()}px` }),
|
|
67
|
-
react_1.default.createElement(Modal_styles_1.CloseLayout, {
|
|
68
|
-
react_1.default.createElement(Close_1.default,
|
|
66
|
+
react_1.default.createElement(Modal_styles_1.CloseLayout, { "data-test": "close-modal-icon", hasTitle: !!title, onClick: closeModal },
|
|
67
|
+
react_1.default.createElement(Close_1.default, null)),
|
|
69
68
|
title && react_1.default.createElement(Modal_styles_1.MobileTitle, null, title),
|
|
70
69
|
(icon || title || text) && (react_1.default.createElement(Modal_styles_1.Header, null,
|
|
71
70
|
icon && (react_1.default.createElement(Modal_styles_1.IconContainer, { "data-test": "modal-icon" }, icon)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAUe;AACf,yCAAyC;AAEzC,2GAAmF;AACnF,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { ModalProps } from './Modal';
|
|
2
2
|
declare type LayoutProps = Pick<ModalProps, 'fade' | 'isFullScreen' | 'noPadding'>;
|
|
3
|
-
export declare const CloseLayout: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
export declare const CloseLayout: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
+
hasTitle: boolean;
|
|
5
|
+
}, never>;
|
|
4
6
|
export declare const Layout: import("styled-components").StyledComponent<"div", any, LayoutProps, never>;
|
|
5
7
|
export declare const MobileTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
8
|
export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -26,27 +26,39 @@ const Title_1 = require("../title/Title");
|
|
|
26
26
|
const Modal_reducer_1 = require("./Modal.reducer");
|
|
27
27
|
exports.CloseLayout = styled_components_1.default.div `
|
|
28
28
|
position: absolute;
|
|
29
|
-
z-index: 1;
|
|
30
29
|
top: ${(0, utils_1.convertPxToRem)(8)};
|
|
31
30
|
right: ${(0, utils_1.convertPxToRem)(8)};
|
|
32
31
|
width: ${(0, utils_1.convertPxToRem)(32)};
|
|
32
|
+
z-index: 1;
|
|
33
33
|
height: ${(0, utils_1.convertPxToRem)(32)};
|
|
34
34
|
|
|
35
|
-
@media (min-width: ${utils_1.breakpoints.small}px) {
|
|
36
|
-
top: ${(0, utils_1.convertPxToRem)(12)};
|
|
37
|
-
right: ${(0, utils_1.convertPxToRem)(12)};
|
|
38
|
-
}
|
|
39
|
-
|
|
40
35
|
svg {
|
|
41
36
|
width: 100%;
|
|
42
37
|
height: 100%;
|
|
43
|
-
}
|
|
44
38
|
|
|
45
|
-
&:hover {
|
|
46
|
-
svg,
|
|
47
39
|
path {
|
|
40
|
+
fill: ${({ hasTitle }) => (hasTitle ? 'white' : utils_1.colors.dark.base40)};
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
:hover {
|
|
45
|
+
svg {
|
|
48
46
|
cursor: pointer;
|
|
49
|
-
|
|
47
|
+
|
|
48
|
+
path {
|
|
49
|
+
fill: ${utils_1.colors.dark.base80};
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@media (min-width: ${utils_1.breakpoints.small}px) {
|
|
55
|
+
top: ${(0, utils_1.convertPxToRem)(12)};
|
|
56
|
+
right: ${(0, utils_1.convertPxToRem)(12)};
|
|
57
|
+
|
|
58
|
+
svg {
|
|
59
|
+
path {
|
|
60
|
+
fill: ${utils_1.colors.dark.base40};
|
|
61
|
+
}
|
|
50
62
|
}
|
|
51
63
|
}
|
|
52
64
|
`;
|
|
@@ -141,7 +153,7 @@ exports.MobileTitle = styled_components_1.default.div `
|
|
|
141
153
|
top: 0;
|
|
142
154
|
left: 0;
|
|
143
155
|
right: 0;
|
|
144
|
-
background: ${utils_1.colors.green.
|
|
156
|
+
background: ${utils_1.colors.green.base};
|
|
145
157
|
padding: ${(0, utils_1.convertPxToRem)(16)} ${(0, utils_1.convertPxToRem)(8)};
|
|
146
158
|
color: white;
|
|
147
159
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA2D;AAE3D,0CAOwB;AACxB,0CAAwC;AAExC,mDAA4C;AAI/B,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.styles.ts"],"names":[],"mappings":"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"}
|
package/lib/utils/src/props.d.ts
CHANGED