@1money/react-ui 0.1.0-alpha.1 → 0.1.0-alpha.11
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/es/components/Checkbox/style/Checkbox.css +1 -1
- package/es/components/Checkbox/style/Checkbox.scss +19 -1
- package/es/components/Collapse/Collapse.js +26 -18
- package/es/components/Collapse/Icons.d.ts +1 -1
- package/es/components/Collapse/Icons.js +5 -5
- package/es/components/Collapse/interface.d.ts +2 -1
- package/es/components/Collapse/style/Collapse.css +1 -1
- package/es/components/Collapse/style/Collapse.scss +34 -29
- package/es/components/Input/Input.js +33 -11
- package/es/components/Input/interface.d.ts +11 -9
- package/es/components/Input/style/Input.css +1 -1
- package/es/components/Input/style/Input.scss +50 -0
- package/es/components/Select/Icons.d.ts +2 -0
- package/es/components/Select/Icons.js +28 -0
- package/es/components/Select/Select.js +40 -14
- package/es/components/Select/interface.d.ts +3 -0
- package/es/components/Select/style/Select.css +1 -1
- package/es/components/Select/style/Select.scss +70 -0
- package/es/index.css +1 -1
- package/lib/components/Checkbox/style/Checkbox.css +1 -1
- package/lib/components/Checkbox/style/Checkbox.scss +19 -1
- package/lib/components/Collapse/Collapse.js +25 -17
- package/lib/components/Collapse/Icons.d.ts +1 -1
- package/lib/components/Collapse/Icons.js +5 -5
- package/lib/components/Collapse/interface.d.ts +2 -1
- package/lib/components/Collapse/style/Collapse.css +1 -1
- package/lib/components/Collapse/style/Collapse.scss +34 -29
- package/lib/components/Input/Input.js +31 -9
- package/lib/components/Input/interface.d.ts +11 -9
- package/lib/components/Input/style/Input.css +1 -1
- package/lib/components/Input/style/Input.scss +50 -0
- package/lib/components/Select/Icons.d.ts +2 -0
- package/lib/components/Select/Icons.js +34 -0
- package/lib/components/Select/Select.js +39 -13
- package/lib/components/Select/interface.d.ts +3 -0
- package/lib/components/Select/style/Select.css +1 -1
- package/lib/components/Select/style/Select.scss +70 -0
- package/lib/index.css +1 -1
- package/package.json +1 -1
|
@@ -5,29 +5,31 @@ import type { InputTextareaProps as PrimeInputTextareaProps } from 'primereact/i
|
|
|
5
5
|
import type { InputOtpProps as PrimeInputOtpProps } from 'primereact/inputotp';
|
|
6
6
|
import type { PasswordProps } from 'primereact/password';
|
|
7
7
|
import type { AutoCompleteProps } from 'primereact/autocomplete';
|
|
8
|
-
interface InputBaseProps {
|
|
8
|
+
export interface InputBaseProps {
|
|
9
9
|
prefixCls?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
wrapperCls?: string;
|
|
10
13
|
}
|
|
11
|
-
interface InputTextProps extends PrimeInputTextProps, InputBaseProps {
|
|
14
|
+
export interface InputTextProps extends PrimeInputTextProps, InputBaseProps {
|
|
12
15
|
type?: 'text';
|
|
13
16
|
}
|
|
14
|
-
interface InputNumberProps extends PrimeInputNumberProps, InputBaseProps {
|
|
17
|
+
export interface InputNumberProps extends PrimeInputNumberProps, InputBaseProps {
|
|
15
18
|
type: 'number';
|
|
16
19
|
}
|
|
17
|
-
interface InputMaskProps extends PrimeInputMaskProps, InputBaseProps {
|
|
20
|
+
export interface InputMaskProps extends PrimeInputMaskProps, InputBaseProps {
|
|
18
21
|
type: 'mask';
|
|
19
22
|
}
|
|
20
|
-
interface InputTextareaProps extends PrimeInputTextareaProps, InputBaseProps {
|
|
23
|
+
export interface InputTextareaProps extends PrimeInputTextareaProps, InputBaseProps {
|
|
21
24
|
type: 'textarea';
|
|
22
25
|
}
|
|
23
|
-
interface InputOtpProps extends PrimeInputOtpProps, InputBaseProps {
|
|
26
|
+
export interface InputOtpProps extends PrimeInputOtpProps, InputBaseProps {
|
|
24
27
|
type: 'otp';
|
|
25
28
|
}
|
|
26
|
-
interface InputPwdProps extends PasswordProps, InputBaseProps {
|
|
29
|
+
export interface InputPwdProps extends PasswordProps, InputBaseProps {
|
|
27
30
|
type: 'password';
|
|
28
31
|
}
|
|
29
|
-
interface InputAutoCompleteProps extends AutoCompleteProps, InputBaseProps {
|
|
32
|
+
export interface InputAutoCompleteProps extends AutoCompleteProps, InputBaseProps {
|
|
30
33
|
type: 'autocomplete';
|
|
31
34
|
}
|
|
32
35
|
export type InputProps = InputTextProps | InputNumberProps | InputMaskProps | InputTextareaProps | InputOtpProps | InputPwdProps | InputAutoCompleteProps;
|
|
33
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.usd1-react-ui-input{display:inline-flex}
|
|
1
|
+
.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input.p-inputtext:enabled:focus,.usd1-react-ui-input .p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
|
|
@@ -1,3 +1,53 @@
|
|
|
1
1
|
.usd1-react-ui-input {
|
|
2
2
|
display: inline-flex;
|
|
3
|
+
color: #000;
|
|
4
|
+
font-weight: 300;
|
|
5
|
+
font-size: 14px;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
line-height: 20px;
|
|
8
|
+
background-color: #FAFAFC;
|
|
9
|
+
border: 0.5px solid #E0E2EE;
|
|
10
|
+
border-radius: 20px;
|
|
11
|
+
|
|
12
|
+
&-otp {
|
|
13
|
+
background-color: inherit;
|
|
14
|
+
border: none;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.p-inputtext:enabled:focus,
|
|
18
|
+
&.p-inputtext:enabled:focus {
|
|
19
|
+
border-color: #3D73F2;
|
|
20
|
+
box-shadow: 0 0 0 2px #ABC4FF;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
>input {
|
|
24
|
+
background-color: inherit;
|
|
25
|
+
border: inherit;
|
|
26
|
+
border-radius: inherit;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.usd1-react-ui-input-wrapper {
|
|
31
|
+
display: inline-flex;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.usd1-react-ui-input-label {
|
|
36
|
+
margin-bottom: 8px;
|
|
37
|
+
padding-left: 8px;
|
|
38
|
+
font-weight: 400;
|
|
39
|
+
font-size: 14px;
|
|
40
|
+
font-style: normal;
|
|
41
|
+
line-height: 20px;
|
|
42
|
+
|
|
43
|
+
&-required {
|
|
44
|
+
&::after {
|
|
45
|
+
color: #CC1461;
|
|
46
|
+
font-weight: 400;
|
|
47
|
+
font-size: 14px;
|
|
48
|
+
font-style: normal;
|
|
49
|
+
line-height: 120%;
|
|
50
|
+
content: '*';
|
|
51
|
+
}
|
|
52
|
+
}
|
|
3
53
|
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.OpenIcon = exports.CloseIcon = void 0;
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
+
var CloseIcon = exports.CloseIcon = function CloseIcon() {
|
|
9
|
+
return (0, _jsxRuntime.jsx)("svg", {
|
|
10
|
+
width: "20",
|
|
11
|
+
height: "20",
|
|
12
|
+
viewBox: "0 0 20 20",
|
|
13
|
+
fill: "none",
|
|
14
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
children: (0, _jsxRuntime.jsx)("path", {
|
|
16
|
+
d: "M6.175 7.15831L5 8.33331L10 13.3333L15 8.33331L13.825 7.15831L10 10.975L6.175 7.15831Z",
|
|
17
|
+
fill: "#808080"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
var OpenIcon = exports.OpenIcon = function OpenIcon() {
|
|
22
|
+
return (0, _jsxRuntime.jsx)("svg", {
|
|
23
|
+
width: "20",
|
|
24
|
+
height: "20",
|
|
25
|
+
viewBox: "0 0 20 20",
|
|
26
|
+
fill: "none",
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
children: (0, _jsxRuntime.jsx)("path", {
|
|
29
|
+
d: "M13.825 13.3333L15 12.1583L10 7.15833L5 12.1583L6.175 13.3333L10 9.51666L13.825 13.3333Z",
|
|
30
|
+
fill: "#808080"
|
|
31
|
+
})
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L0ljb25zLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TZWxlY3QvSWNvbnMudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIkNsb3NlSWNvbiIsImV4cG9ydHMiLCJfanN4Iiwid2lkdGgiLCJoZWlnaHQiLCJ2aWV3Qm94IiwiZmlsbCIsInhtbG5zIiwiY2hpbGRyZW4iLCJkIiwiT3Blbkljb24iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FPLElBQU1DLFNBQVMsR0FBQUMsT0FBQSxDQUFBRCxTQUFBLEdBQUcsU0FBWkEsU0FBU0EsQ0FBQTtFQUFBLE9BQVMsSUFBQUUsZUFBQSxFQUFBLEtBQUEsRUFBQTtJQUFLQyxLQUFLLEVBQUMsSUFBSTtJQUFDQyxNQUFNLEVBQUMsSUFBSTtJQUFDQyxPQUFPLEVBQUMsV0FBVztJQUFDQyxJQUFJLEVBQUMsTUFBTTtJQUFDQyxLQUFLLEVBQUMsNEJBQTRCO0lBQUFDLFFBQUEsRUFDM0gsSUFBQU4sZUFBQSxFQUFBLE1BQUEsRUFBQTtNQUFNTyxDQUFDLEVBQUMsd0ZBQXdGO01BQUNILElBQUksRUFBQztJQUFTLENBQUE7RUFBRSxDQUFBLENBQzdHO0FBQUE7QUFHQyxJQUFNSSxRQUFRLEdBQUFULE9BQUEsQ0FBQVMsUUFBQSxHQUFHLFNBQVhBLFFBQVFBLENBQUE7RUFBQSxPQUFTLElBQUFSLGVBQUEsRUFBQSxLQUFBLEVBQUE7SUFBS0MsS0FBSyxFQUFDLElBQUk7SUFBQ0MsTUFBTSxFQUFDLElBQUk7SUFBQ0MsT0FBTyxFQUFDLFdBQVc7SUFBQ0MsSUFBSSxFQUFDLE1BQU07SUFBQ0MsS0FBSyxFQUFDLDRCQUE0QjtJQUFBQyxRQUFBLEVBQzFILElBQUFOLGVBQUEsRUFBQSxNQUFBLEVBQUE7TUFBTU8sQ0FBQyxFQUFDLDBGQUEwRjtNQUFDSCxJQUFJLEVBQUM7SUFBUyxDQUFBO0VBQUUsQ0FBQSxDQUMvRztBQUFBIiwiZmlsZSI6ImNvbXBvbmVudHMvU2VsZWN0L0ljb25zLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmV4cG9ydCBjb25zdCBDbG9zZUljb24gPSAoKSA9PiBfanN4KFwic3ZnXCIsIHsgd2lkdGg6IFwiMjBcIiwgaGVpZ2h0OiBcIjIwXCIsIHZpZXdCb3g6IFwiMCAwIDIwIDIwXCIsIGZpbGw6IFwibm9uZVwiLCB4bWxuczogXCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiLCBjaGlsZHJlbjogX2pzeChcInBhdGhcIiwgeyBkOiBcIk02LjE3NSA3LjE1ODMxTDUgOC4zMzMzMUwxMCAxMy4zMzMzTDE1IDguMzMzMzFMMTMuODI1IDcuMTU4MzFMMTAgMTAuOTc1TDYuMTc1IDcuMTU4MzFaXCIsIGZpbGw6IFwiIzgwODA4MFwiIH0pIH0pO1xuZXhwb3J0IGNvbnN0IE9wZW5JY29uID0gKCkgPT4gX2pzeChcInN2Z1wiLCB7IHdpZHRoOiBcIjIwXCIsIGhlaWdodDogXCIyMFwiLCB2aWV3Qm94OiBcIjAgMCAyMCAyMFwiLCBmaWxsOiBcIm5vbmVcIiwgeG1sbnM6IFwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiwgY2hpbGRyZW46IF9qc3goXCJwYXRoXCIsIHsgZDogXCJNMTMuODI1IDEzLjMzMzNMMTUgMTIuMTU4M0wxMCA3LjE1ODMzTDUgMTIuMTU4M0w2LjE3NSAxMy4zMzMzTDEwIDkuNTE2NjZMMTMuODI1IDEzLjMzMzNaXCIsIGZpbGw6IFwiIzgwODA4MFwiIH0pIH0pOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -12,6 +12,7 @@ var _dropdown = require("primereact/dropdown");
|
|
|
12
12
|
var _multiselect = require("primereact/multiselect");
|
|
13
13
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
14
|
var _classnames = _interopRequireDefault(require("../../utils/classnames"));
|
|
15
|
+
var _Icons = require("./Icons");
|
|
15
16
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
16
17
|
var t = {};
|
|
17
18
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
@@ -21,37 +22,62 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
21
22
|
return t;
|
|
22
23
|
};
|
|
23
24
|
var Select = exports.Select = function Select(props) {
|
|
24
|
-
var
|
|
25
|
+
var label = props.label,
|
|
26
|
+
required = props.required,
|
|
27
|
+
multiple = props.multiple,
|
|
25
28
|
options = props.options,
|
|
26
29
|
className = props.className,
|
|
30
|
+
panelClassName = props.panelClassName,
|
|
27
31
|
_onChange = props.onChange,
|
|
28
32
|
_props$prefixCls = props.prefixCls,
|
|
29
33
|
prefixCls = _props$prefixCls === void 0 ? 'select' : _props$prefixCls,
|
|
30
|
-
|
|
34
|
+
wrapperCls = props.wrapperCls,
|
|
35
|
+
rest = __rest(props, ["label", "required", "multiple", "options", "className", "panelClassName", "onChange", "prefixCls", "wrapperCls"]);
|
|
31
36
|
var classes = (0, _classnames["default"])(prefixCls);
|
|
32
37
|
var _useState = (0, _react.useState)(null),
|
|
33
38
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
34
39
|
selected = _useState2[0],
|
|
35
40
|
setSelected = _useState2[1];
|
|
41
|
+
var _useState3 = (0, _react.useState)(false),
|
|
42
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
43
|
+
isOpen = _useState4[0],
|
|
44
|
+
setIsOpen = _useState4[1];
|
|
36
45
|
var SelectComponent = (0, _react.useMemo)(function () {
|
|
37
46
|
return multiple ? _multiselect.MultiSelect : _dropdown.Dropdown;
|
|
38
47
|
}, [multiple]);
|
|
39
|
-
return (0, _jsxRuntime.
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
+
return (0, _jsxRuntime.jsxs)("div", {
|
|
49
|
+
className: classes('wrapper', wrapperCls),
|
|
50
|
+
children: [label && (0, _jsxRuntime.jsx)("span", {
|
|
51
|
+
className: classes('label', required ? classes('label-required') : ''),
|
|
52
|
+
children: label
|
|
53
|
+
}), (0, _jsxRuntime.jsx)(SelectComponent, Object.assign({}, rest, {
|
|
54
|
+
options: options,
|
|
55
|
+
value: selected,
|
|
56
|
+
className: classes(void 0, className),
|
|
57
|
+
panelClassName: classes('panel', panelClassName),
|
|
58
|
+
onChange: function onChange(e) {
|
|
59
|
+
_onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
|
|
60
|
+
setSelected(e.value);
|
|
61
|
+
},
|
|
62
|
+
onHide: function onHide() {
|
|
63
|
+
return setIsOpen(false);
|
|
64
|
+
},
|
|
65
|
+
onShow: function onShow() {
|
|
66
|
+
return setIsOpen(true);
|
|
67
|
+
},
|
|
68
|
+
dropdownIcon: isOpen ? _Icons.OpenIcon : _Icons.CloseIcon
|
|
69
|
+
}))]
|
|
70
|
+
});
|
|
48
71
|
};
|
|
49
72
|
/**
|
|
50
73
|
* prop-types can make sure the type-check whatever the environment whether or not use typescript
|
|
51
74
|
*/
|
|
52
75
|
Select.propTypes = {
|
|
76
|
+
label: _propTypes["default"].string,
|
|
77
|
+
required: _propTypes["default"].bool,
|
|
53
78
|
className: _propTypes["default"].string,
|
|
54
|
-
prefixCls: _propTypes["default"].string
|
|
79
|
+
prefixCls: _propTypes["default"].string,
|
|
80
|
+
wrapperCls: _propTypes["default"].string
|
|
55
81
|
};
|
|
56
82
|
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(Select);
|
|
57
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2Ryb3Bkb3duIiwiX211bHRpc2VsZWN0IiwiX3Byb3BUeXBlcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY2xhc3NuYW1lcyIsIl9JY29ucyIsIl9fcmVzdCIsInMiLCJlIiwidCIsInAiLCJPYmplY3QiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpbmRleE9mIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwiaSIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwiU2VsZWN0IiwiZXhwb3J0cyIsInByb3BzIiwibGFiZWwiLCJyZXF1aXJlZCIsIm11bHRpcGxlIiwib3B0aW9ucyIsImNsYXNzTmFtZSIsInBhbmVsQ2xhc3NOYW1lIiwib25DaGFuZ2UiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwid3JhcHBlckNscyIsInJlc3QiLCJjbGFzc2VzIiwiY2xhc3NuYW1lcyIsIl91c2VTdGF0ZSIsInVzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsInNlbGVjdGVkIiwic2V0U2VsZWN0ZWQiLCJfdXNlU3RhdGUzIiwiX3VzZVN0YXRlNCIsImlzT3BlbiIsInNldElzT3BlbiIsIlNlbGVjdENvbXBvbmVudCIsInVzZU1lbW8iLCJNdWx0aVNlbGVjdCIsIkRyb3Bkb3duIiwiX2pzeHMiLCJjaGlsZHJlbiIsIl9qc3giLCJhc3NpZ24iLCJ2YWx1ZSIsIm9uSGlkZSIsIm9uU2hvdyIsImRyb3Bkb3duSWNvbiIsIk9wZW5JY29uIiwiQ2xvc2VJY29uIiwicHJvcFR5cGVzIiwic3RyaW5nIiwiYm9vbCIsIl9kZWZhdWx0IiwibWVtbyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFX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Q0RDLE1BQU0sRUFBRSxTQUFSQSxNQUFNQSxDQUFBO1FBQUEsT0FBUVYsU0FBUyxDQUFDLEtBQUssQ0FBQztNQUFBO01BQzlCVyxNQUFNLEVBQUUsU0FBUkEsTUFBTUEsQ0FBQTtRQUFBLE9BQVFYLFNBQVMsQ0FBQyxJQUFJLENBQUM7TUFBQTtNQUM3QlksWUFBWSxFQUFFYixNQUFNLEdBQUdjLGVBQVEsR0FBR0M7SUFBUyxDQUFBLENBQUEsQ0FDM0M7RUFBQSxDQUFBLENBQ0U7QUFFVixDQUFDO0FBRUQ7QURSQTtBQUNBO0FDVUF2QyxNQUFNLENBQUN3QyxTQUFTLEdBQUc7RUFDakJyQyxLQUFLLEVBQUVxQyxxQkFBUyxDQUFDQyxNQUFNO0VBQ3ZCckMsUUFBUSxFQUFFb0MscUJBQVMsQ0FBQ0UsSUFBSTtFQUN4Qm5DLFNBQVMsRUFBRWlDLHFCQUFTLENBQUNDLE1BQU07RUFDM0I5QixTQUFTLEVBQUU2QixxQkFBUyxDQUFDQyxNQUFNO0VBQzNCN0IsVUFBVSxFQUFFNEIscUJBQVMsQ0FBQ0M7QURSeEIsQ0NTQztBQUFDLElBQUFFLFFBQUEsR0FBQTFDLE9BQUEsMkJBRWEsSUFBQTJDLFdBQUksRUFBQzVDLE1BQU0sQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL1NlbGVjdC9TZWxlY3QuanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbywgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEcm9wZG93biB9IGZyb20gJ3ByaW1lcmVhY3QvZHJvcGRvd24nO1xuaW1wb3J0IHsgTXVsdGlTZWxlY3QgfSBmcm9tICdwcmltZXJlYWN0L211bHRpc2VsZWN0JztcbmltcG9ydCBwcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IE9wZW5JY29uLCBDbG9zZUljb24gfSBmcm9tICcuL0ljb25zJztcbmV4cG9ydCBjb25zdCBTZWxlY3QgPSBwcm9wcyA9PiB7XG4gICAgY29uc3QgeyBsYWJlbCwgcmVxdWlyZWQsIG11bHRpcGxlLCBvcHRpb25zLCBjbGFzc05hbWUsIHBhbmVsQ2xhc3NOYW1lLCBvbkNoYW5nZSwgcHJlZml4Q2xzID0gJ3NlbGVjdCcsIHdyYXBwZXJDbHMgfSA9IHByb3BzLCByZXN0ID0gX19yZXN0KHByb3BzLCBbXCJsYWJlbFwiLCBcInJlcXVpcmVkXCIsIFwibXVsdGlwbGVcIiwgXCJvcHRpb25zXCIsIFwiY2xhc3NOYW1lXCIsIFwicGFuZWxDbGFzc05hbWVcIiwgXCJvbkNoYW5nZVwiLCBcInByZWZpeENsc1wiLCBcIndyYXBwZXJDbHNcIl0pO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3QgW3NlbGVjdGVkLCBzZXRTZWxlY3RlZF0gPSB1c2VTdGF0ZShudWxsKTtcbiAgICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFNlbGVjdENvbXBvbmVudCA9IHVzZU1lbW8oKCkgPT4gbXVsdGlwbGUgPyBNdWx0aVNlbGVjdCA6IERyb3Bkb3duLCBbbXVsdGlwbGVdKTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd3cmFwcGVyJywgd3JhcHBlckNscyksIGNoaWxkcmVuOiBbbGFiZWwgJiYgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2xhYmVsJywgcmVxdWlyZWQgPyBjbGFzc2VzKCdsYWJlbC1yZXF1aXJlZCcpIDogJycpLCBjaGlsZHJlbjogbGFiZWwgfSksIF9qc3goU2VsZWN0Q29tcG9uZW50LCBPYmplY3QuYXNzaWduKHt9LCByZXN0LCB7IG9wdGlvbnM6IG9wdGlvbnMsIHZhbHVlOiBzZWxlY3RlZCwgY2xhc3NOYW1lOiBjbGFzc2VzKHZvaWQgMCwgY2xhc3NOYW1lKSwgcGFuZWxDbGFzc05hbWU6IGNsYXNzZXMoJ3BhbmVsJywgcGFuZWxDbGFzc05hbWUpLCBvbkNoYW5nZTogKGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKGUpO1xuICAgICAgICAgICAgICAgICAgICBzZXRTZWxlY3RlZChlLnZhbHVlKTtcbiAgICAgICAgICAgICAgICB9LCBvbkhpZGU6ICgpID0+IHNldElzT3BlbihmYWxzZSksIG9uU2hvdzogKCkgPT4gc2V0SXNPcGVuKHRydWUpLCBkcm9wZG93bkljb246IGlzT3BlbiA/IE9wZW5JY29uIDogQ2xvc2VJY29uIH0pKV0gfSkpO1xufTtcbi8qKlxuICogcHJvcC10eXBlcyBjYW4gbWFrZSBzdXJlIHRoZSB0eXBlLWNoZWNrIHdoYXRldmVyIHRoZSBlbnZpcm9ubWVudCB3aGV0aGVyIG9yIG5vdCB1c2UgdHlwZXNjcmlwdFxuICovXG5TZWxlY3QucHJvcFR5cGVzID0ge1xuICAgIGxhYmVsOiBwcm9wVHlwZXMuc3RyaW5nLFxuICAgIHJlcXVpcmVkOiBwcm9wVHlwZXMuYm9vbCxcbiAgICBjbGFzc05hbWU6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgcHJlZml4Q2xzOiBwcm9wVHlwZXMuc3RyaW5nLFxuICAgIHdyYXBwZXJDbHM6IHByb3BUeXBlcy5zdHJpbmdcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKFNlbGVjdCk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
|
|
@@ -2,6 +2,9 @@ import { DropdownProps } from 'primereact/dropdown';
|
|
|
2
2
|
import { MultiSelectProps as PrimeMultiSelectProps } from 'primereact/multiselect';
|
|
3
3
|
interface BaseProps {
|
|
4
4
|
prefixCls?: string;
|
|
5
|
+
wrapperCls?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
required?: boolean;
|
|
5
8
|
}
|
|
6
9
|
export interface SingleSelectProps extends Omit<DropdownProps, 'value'>, BaseProps {
|
|
7
10
|
multiple?: false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.usd1-react-ui-select{display:inline-flex}
|
|
1
|
+
.usd1-react-ui-select{display:inline-flex;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
|
|
@@ -1,3 +1,73 @@
|
|
|
1
1
|
.usd1-react-ui-select {
|
|
2
2
|
display: inline-flex;
|
|
3
|
+
border-radius: 20px;
|
|
4
|
+
|
|
5
|
+
&.p-dropdown:not(.p-disabled).p-focus {
|
|
6
|
+
border-color: #3D73F2;
|
|
7
|
+
box-shadow: 0 0 0 2px #ABC4FF;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&.p-dropdown:not(.p-disabled) {
|
|
11
|
+
&:hover {
|
|
12
|
+
border-color: #3D73F2;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
>.p-placeholder {
|
|
17
|
+
color: #808080;
|
|
18
|
+
font-weight: 300;
|
|
19
|
+
font-size: 14px;
|
|
20
|
+
font-style: normal;
|
|
21
|
+
line-height: 20px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&-panel {
|
|
25
|
+
border-radius: 20px;
|
|
26
|
+
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);
|
|
27
|
+
|
|
28
|
+
&.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus,
|
|
29
|
+
&.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
|
|
30
|
+
font-weight: 600;
|
|
31
|
+
background-color: inherit;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
|
|
35
|
+
font-weight: 600;
|
|
36
|
+
background-color: #FAFAFC;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
|
|
40
|
+
color: #000;
|
|
41
|
+
font-weight: 300;
|
|
42
|
+
font-size: 14px;
|
|
43
|
+
font-style: normal;
|
|
44
|
+
line-height: 20px;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.usd1-react-ui-select-wrapper {
|
|
50
|
+
display: inline-flex;
|
|
51
|
+
flex-direction: column;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
.usd1-react-ui-select-label {
|
|
56
|
+
margin-bottom: 8px;
|
|
57
|
+
padding-left: 8px;
|
|
58
|
+
font-weight: 400;
|
|
59
|
+
font-size: 14px;
|
|
60
|
+
font-style: normal;
|
|
61
|
+
line-height: 20px;
|
|
62
|
+
|
|
63
|
+
&-required {
|
|
64
|
+
&::after {
|
|
65
|
+
color: #CC1461;
|
|
66
|
+
font-weight: 400;
|
|
67
|
+
font-size: 14px;
|
|
68
|
+
font-style: normal;
|
|
69
|
+
line-height: 120%;
|
|
70
|
+
content: '*';
|
|
71
|
+
}
|
|
72
|
+
}
|
|
3
73
|
}
|
package/lib/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.usd1-react-ui-button{display:inline-flex}.prefix-calendar{display:block;color:#00f}.usd1-react-ui-
|
|
1
|
+
.usd1-react-ui-button{display:inline-flex}.prefix-calendar{display:block;color:#00f}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#6491fa}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prefix-loading{display:block;color:#00f}.prefix-message{display:block;color:#00f}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input .p-inputtext:enabled:focus,.usd1-react-ui-input.p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-modal{display:block;color:#00f}.prefix-popup{display:block;color:#00f}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-switch{display:block;color:#00f}.prefix-toast{display:block;color:#00f}
|