@driveflux/beam 2.0.16 → 2.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/dist/badge/Badge.js +1 -1
- package/dist/badge/Badge.js.map +1 -1
- package/dist/button/Button.d.ts +1 -1
- package/dist/button/Button.js +12 -124
- package/dist/button/Button.js.map +1 -1
- package/dist/chip/Chip.js +3 -104
- package/dist/chip/Chip.js.map +1 -1
- package/dist/command/command.d.ts +7 -7
- package/dist/command/command.js +13 -170
- package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -1
- package/dist/datepicker/DatePickerDrawer.js +14 -110
- package/dist/datepicker/DatePickerDrawer.js.map +1 -1
- package/dist/datepicker/DatePickerPopover.js +35 -207
- package/dist/datepicker/DatePickerPopover.js.map +1 -1
- package/dist/dialog/index.js +33 -180
- package/dist/dialog/index.js.map +1 -1
- package/dist/drawer/index.d.ts.map +1 -1
- package/dist/drawer/index.js +12 -157
- package/dist/drawer/index.js.map +1 -1
- package/dist/icons/IconCancel.js +77 -5
- package/dist/icons/IconCollapseAll.js +94 -5
- package/dist/icons/IconDownload.js +79 -5
- package/dist/icons/IconExpandAll.js +94 -5
- package/dist/icons/IconReport.js +89 -6
- package/dist/input/Input.js +11 -125
- package/dist/input/Input.js.map +1 -1
- package/dist/input-select/InputSelect.js +68 -357
- package/dist/input-select/InputSelect.js.map +1 -1
- package/dist/select/Select.js +2 -2
- package/dist/select/Select.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,82 @@
|
|
|
1
|
-
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
function _object_without_properties(source, excluded) {
|
|
30
|
+
if (source == null) return {};
|
|
31
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
32
|
+
var key, i;
|
|
33
|
+
if (Object.getOwnPropertySymbols) {
|
|
34
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
35
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
36
|
+
key = sourceSymbolKeys[i];
|
|
37
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
38
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
39
|
+
target[key] = source[key];
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
return target;
|
|
43
|
+
}
|
|
44
|
+
function _object_without_properties_loose(source, excluded) {
|
|
45
|
+
if (source == null) return {};
|
|
46
|
+
var target = {};
|
|
47
|
+
var sourceKeys = Object.keys(source);
|
|
48
|
+
var key, i;
|
|
49
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
50
|
+
key = sourceKeys[i];
|
|
51
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
52
|
+
target[key] = source[key];
|
|
53
|
+
}
|
|
54
|
+
return target;
|
|
55
|
+
}
|
|
56
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
57
|
import { Icon } from './Icon';
|
|
3
|
-
|
|
4
|
-
default:
|
|
58
|
+
var variants = {
|
|
59
|
+
default: /*#__PURE__*/ _jsxs(_Fragment, {
|
|
60
|
+
children: [
|
|
61
|
+
/*#__PURE__*/ _jsx("path", {
|
|
62
|
+
d: "M11.8484 9.26797L7.99844 13.168L4.14844 9.26797L4.84844 8.56797L7.49844 11.218V2.66797H8.49844V11.218L11.1484 8.56797L11.8484 9.26797Z",
|
|
63
|
+
fill: "currentColor"
|
|
64
|
+
}),
|
|
65
|
+
/*#__PURE__*/ _jsx("path", {
|
|
66
|
+
d: "M12.5 13.668H3.5V14.668H12.5V13.668Z",
|
|
67
|
+
fill: "currentColor"
|
|
68
|
+
})
|
|
69
|
+
]
|
|
70
|
+
})
|
|
71
|
+
};
|
|
72
|
+
var IconDownload = function(_param) {
|
|
73
|
+
var _param_viewBox = _param.viewBox, viewBox = _param_viewBox === void 0 ? '0 0 16 16' : _param_viewBox, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, props = _object_without_properties(_param, [
|
|
74
|
+
"viewBox",
|
|
75
|
+
"variant"
|
|
76
|
+
]);
|
|
77
|
+
return /*#__PURE__*/ _jsx(Icon, _object_spread({
|
|
78
|
+
viewBox: viewBox,
|
|
79
|
+
element: variants[variant]
|
|
80
|
+
}, props));
|
|
5
81
|
};
|
|
6
|
-
const IconDownload = ({ viewBox = '0 0 16 16', variant = 'default', ...props }) => _jsx(Icon, { viewBox: viewBox, element: variants[variant], ...props });
|
|
7
82
|
export default IconDownload;
|
|
8
|
-
//# sourceMappingURL=IconDownload.js.map
|
|
@@ -1,8 +1,97 @@
|
|
|
1
|
-
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
function _object_without_properties(source, excluded) {
|
|
30
|
+
if (source == null) return {};
|
|
31
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
32
|
+
var key, i;
|
|
33
|
+
if (Object.getOwnPropertySymbols) {
|
|
34
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
35
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
36
|
+
key = sourceSymbolKeys[i];
|
|
37
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
38
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
39
|
+
target[key] = source[key];
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
return target;
|
|
43
|
+
}
|
|
44
|
+
function _object_without_properties_loose(source, excluded) {
|
|
45
|
+
if (source == null) return {};
|
|
46
|
+
var target = {};
|
|
47
|
+
var sourceKeys = Object.keys(source);
|
|
48
|
+
var key, i;
|
|
49
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
50
|
+
key = sourceKeys[i];
|
|
51
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
52
|
+
target[key] = source[key];
|
|
53
|
+
}
|
|
54
|
+
return target;
|
|
55
|
+
}
|
|
56
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
57
|
import { Icon } from './Icon';
|
|
3
|
-
|
|
4
|
-
default:
|
|
58
|
+
var variants = {
|
|
59
|
+
default: /*#__PURE__*/ _jsxs(_Fragment, {
|
|
60
|
+
children: [
|
|
61
|
+
/*#__PURE__*/ _jsx("mask", {
|
|
62
|
+
id: "mask0_6490_6481",
|
|
63
|
+
style: {
|
|
64
|
+
maskType: 'alpha'
|
|
65
|
+
},
|
|
66
|
+
maskUnits: "userSpaceOnUse",
|
|
67
|
+
x: "0",
|
|
68
|
+
y: "0",
|
|
69
|
+
width: "16",
|
|
70
|
+
height: "16",
|
|
71
|
+
children: /*#__PURE__*/ _jsx("rect", {
|
|
72
|
+
width: "16",
|
|
73
|
+
height: "16",
|
|
74
|
+
fill: "currentColor"
|
|
75
|
+
})
|
|
76
|
+
}),
|
|
77
|
+
/*#__PURE__*/ _jsx("g", {
|
|
78
|
+
mask: "url(#mask0_6490_6481)",
|
|
79
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
80
|
+
d: "M8 14.6693L4 10.6693L4.95 9.71927L8 12.7693L11.05 9.71927L12 10.6693L8 14.6693ZM4.96667 6.26927L4 5.33594L8 1.33594L12 5.33594L11.0333 6.26927L8 3.23594L4.96667 6.26927Z",
|
|
81
|
+
fill: "currentColor"
|
|
82
|
+
})
|
|
83
|
+
})
|
|
84
|
+
]
|
|
85
|
+
})
|
|
86
|
+
};
|
|
87
|
+
var IconExpandAll = function(_param) {
|
|
88
|
+
var _param_viewBox = _param.viewBox, viewBox = _param_viewBox === void 0 ? '0 0 16 16' : _param_viewBox, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, props = _object_without_properties(_param, [
|
|
89
|
+
"viewBox",
|
|
90
|
+
"variant"
|
|
91
|
+
]);
|
|
92
|
+
return /*#__PURE__*/ _jsx(Icon, _object_spread({
|
|
93
|
+
viewBox: viewBox,
|
|
94
|
+
element: variants[variant]
|
|
95
|
+
}, props));
|
|
5
96
|
};
|
|
6
|
-
const IconExpandAll = ({ viewBox = '0 0 16 16', variant = 'default', ...props }) => _jsx(Icon, { viewBox: viewBox, element: variants[variant], ...props });
|
|
7
97
|
export default IconExpandAll;
|
|
8
|
-
//# sourceMappingURL=IconExpandAll.js.map
|
package/dist/icons/IconReport.js
CHANGED
|
@@ -1,9 +1,92 @@
|
|
|
1
|
-
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
function _object_without_properties(source, excluded) {
|
|
30
|
+
if (source == null) return {};
|
|
31
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
32
|
+
var key, i;
|
|
33
|
+
if (Object.getOwnPropertySymbols) {
|
|
34
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
35
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
36
|
+
key = sourceSymbolKeys[i];
|
|
37
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
38
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
39
|
+
target[key] = source[key];
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
return target;
|
|
43
|
+
}
|
|
44
|
+
function _object_without_properties_loose(source, excluded) {
|
|
45
|
+
if (source == null) return {};
|
|
46
|
+
var target = {};
|
|
47
|
+
var sourceKeys = Object.keys(source);
|
|
48
|
+
var key, i;
|
|
49
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
50
|
+
key = sourceKeys[i];
|
|
51
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
52
|
+
target[key] = source[key];
|
|
53
|
+
}
|
|
54
|
+
return target;
|
|
55
|
+
}
|
|
56
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
57
|
import { Icon } from './Icon';
|
|
3
|
-
|
|
4
|
-
filled:
|
|
5
|
-
|
|
58
|
+
var variants = {
|
|
59
|
+
filled: /*#__PURE__*/ _jsx(_Fragment, {
|
|
60
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
61
|
+
d: "M14.1 3.75C13.8 2.85 12.975 2.25 12 2.25C11.025 2.25 10.2 2.85 9.9 3.75H4.5V21H19.5V3.75H14.1ZM15.975 15.525L15 14.55L12 17.475L9.75 15.225L8.025 16.95L6.975 15.9L9.825 13.05L12.075 15.3L15 12.375L17.025 14.4L15.975 15.525ZM16.5 9.75V11.25H7.5V9.75H16.5ZM9 5.25H11.25V4.425C11.25 4.05 11.55 3.75 12 3.75C12.375 3.75 12.675 4.05 12.675 4.35V5.25H15V6.75H9V5.25Z",
|
|
62
|
+
fill: "currentColor"
|
|
63
|
+
})
|
|
64
|
+
}),
|
|
65
|
+
outline: /*#__PURE__*/ _jsxs(_Fragment, {
|
|
66
|
+
children: [
|
|
67
|
+
/*#__PURE__*/ _jsx("path", {
|
|
68
|
+
d: "M14.1 3.75C13.8 2.85 12.975 2.25 12 2.25C11.025 2.25 10.2 2.85 9.9 3.75H4.5V21H19.5V3.75H14.1ZM9 5.25H11.25V4.425C11.25 4.05 11.55 3.75 12 3.75C12.375 3.75 12.675 4.05 12.675 4.35V5.25H15V6.75H9V5.25ZM18 19.5H6V5.25H7.5V8.25H16.5V5.25H18V19.5Z",
|
|
69
|
+
fill: "currentColor"
|
|
70
|
+
}),
|
|
71
|
+
/*#__PURE__*/ _jsx("path", {
|
|
72
|
+
d: "M16.5 9.75H7.5V11.25H16.5V9.75Z",
|
|
73
|
+
fill: "currentColor"
|
|
74
|
+
}),
|
|
75
|
+
/*#__PURE__*/ _jsx("path", {
|
|
76
|
+
d: "M12 17.4751L9.82504 15.3001L8.02504 17.0251L6.97504 15.9751L9.82504 13.1251L12 15.3751L15 12.4501L17.025 14.4751L15.975 15.5251L15 14.5501L12 17.4751Z",
|
|
77
|
+
fill: "currentColor"
|
|
78
|
+
})
|
|
79
|
+
]
|
|
80
|
+
})
|
|
81
|
+
};
|
|
82
|
+
var IconReport = function(_param) {
|
|
83
|
+
var _param_viewBox = _param.viewBox, viewBox = _param_viewBox === void 0 ? '0 0 24 24' : _param_viewBox, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'outline' : _param_variant, props = _object_without_properties(_param, [
|
|
84
|
+
"viewBox",
|
|
85
|
+
"variant"
|
|
86
|
+
]);
|
|
87
|
+
return /*#__PURE__*/ _jsx(Icon, _object_spread({
|
|
88
|
+
viewBox: viewBox,
|
|
89
|
+
element: variants[variant]
|
|
90
|
+
}, props));
|
|
6
91
|
};
|
|
7
|
-
const IconReport = ({ viewBox = '0 0 24 24', variant = 'outline', ...props }) => _jsx(Icon, { viewBox: viewBox, element: variants[variant], ...props });
|
|
8
92
|
export default IconReport;
|
|
9
|
-
//# sourceMappingURL=IconReport.js.map
|
package/dist/input/Input.js
CHANGED
|
@@ -1,132 +1,18 @@
|
|
|
1
|
-
function _define_property(obj, key, value) {
|
|
2
|
-
if (key in obj) {
|
|
3
|
-
Object.defineProperty(obj, key, {
|
|
4
|
-
value: value,
|
|
5
|
-
enumerable: true,
|
|
6
|
-
configurable: true,
|
|
7
|
-
writable: true
|
|
8
|
-
});
|
|
9
|
-
} else {
|
|
10
|
-
obj[key] = value;
|
|
11
|
-
}
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
function _object_spread(target) {
|
|
15
|
-
for(var i = 1; i < arguments.length; i++){
|
|
16
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
-
var ownKeys = Object.keys(source);
|
|
18
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
ownKeys.forEach(function(key) {
|
|
24
|
-
_define_property(target, key, source[key]);
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
return target;
|
|
28
|
-
}
|
|
29
|
-
function ownKeys(object, enumerableOnly) {
|
|
30
|
-
var keys = Object.keys(object);
|
|
31
|
-
if (Object.getOwnPropertySymbols) {
|
|
32
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
33
|
-
if (enumerableOnly) {
|
|
34
|
-
symbols = symbols.filter(function(sym) {
|
|
35
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
keys.push.apply(keys, symbols);
|
|
39
|
-
}
|
|
40
|
-
return keys;
|
|
41
|
-
}
|
|
42
|
-
function _object_spread_props(target, source) {
|
|
43
|
-
source = source != null ? source : {};
|
|
44
|
-
if (Object.getOwnPropertyDescriptors) {
|
|
45
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
46
|
-
} else {
|
|
47
|
-
ownKeys(Object(source)).forEach(function(key) {
|
|
48
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
return target;
|
|
52
|
-
}
|
|
53
|
-
function _object_without_properties(source, excluded) {
|
|
54
|
-
if (source == null) return {};
|
|
55
|
-
var target = _object_without_properties_loose(source, excluded);
|
|
56
|
-
var key, i;
|
|
57
|
-
if (Object.getOwnPropertySymbols) {
|
|
58
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
59
|
-
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
60
|
-
key = sourceSymbolKeys[i];
|
|
61
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
62
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
63
|
-
target[key] = source[key];
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
return target;
|
|
67
|
-
}
|
|
68
|
-
function _object_without_properties_loose(source, excluded) {
|
|
69
|
-
if (source == null) return {};
|
|
70
|
-
var target = {};
|
|
71
|
-
var sourceKeys = Object.keys(source);
|
|
72
|
-
var key, i;
|
|
73
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
74
|
-
key = sourceKeys[i];
|
|
75
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
76
|
-
target[key] = source[key];
|
|
77
|
-
}
|
|
78
|
-
return target;
|
|
79
|
-
}
|
|
80
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
81
2
|
import * as React from 'react';
|
|
82
3
|
import FieldWrapper from '../field-wrapper/FieldWrapper.js';
|
|
83
4
|
import { cn } from '../utils.js';
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
"showOptional",
|
|
95
|
-
"outerPrefix",
|
|
96
|
-
"outerSuffix",
|
|
97
|
-
"error",
|
|
98
|
-
"className",
|
|
99
|
-
"prefix",
|
|
100
|
-
"suffix",
|
|
101
|
-
"inputClassName",
|
|
102
|
-
"inputRef",
|
|
103
|
-
"isDisabled"
|
|
104
|
-
]);
|
|
105
|
-
return /*#__PURE__*/ _jsx(FieldWrapper, _object_spread_props(_object_spread({
|
|
106
|
-
htmlFor: htmlFor,
|
|
107
|
-
label: label,
|
|
108
|
-
helperText: helperText,
|
|
109
|
-
showOptional: showOptional,
|
|
110
|
-
showRequired: showRequired,
|
|
111
|
-
outerPrefix: outerPrefix,
|
|
112
|
-
outerSuffix: outerSuffix,
|
|
113
|
-
error: error
|
|
114
|
-
}, wrapperProps), {
|
|
115
|
-
children: /*#__PURE__*/ _jsxs("div", {
|
|
116
|
-
ref: ref,
|
|
117
|
-
"aria-disabled": isDisabled,
|
|
118
|
-
className: cn('flex gap-x-2 h-10 w-full border border-primary2 bg-white px-3 py-2 text-sm ring-offset-white items-center file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-none', isDisabled && 'bg-primary1 cursor-not-allowed hover:border-black', !!error && 'border-alert4 hover:border-alert4 focus-within:border-alert4', className),
|
|
119
|
-
children: [
|
|
120
|
-
prefix,
|
|
121
|
-
/*#__PURE__*/ _jsx("input", _object_spread({
|
|
122
|
-
ref: inputRef,
|
|
123
|
-
disabled: isDisabled,
|
|
124
|
-
className: cn('border-none outline-none placeholder-primary2 placeholder:tracking-normal w-full', isDisabled && 'bg-primary1 cursor-not-allowed', inputClassName)
|
|
125
|
-
}, inputProps)),
|
|
126
|
-
suffix
|
|
127
|
-
]
|
|
128
|
-
})
|
|
129
|
-
}));
|
|
5
|
+
const Input = React.forwardRef((props, ref) => {
|
|
6
|
+
const {
|
|
7
|
+
// for wrapper
|
|
8
|
+
wrapperProps, htmlFor, label, helperText, showRequired, showOptional, outerPrefix, outerSuffix, error,
|
|
9
|
+
// for input container
|
|
10
|
+
className,
|
|
11
|
+
// for input
|
|
12
|
+
prefix, suffix, inputClassName, inputRef, isDisabled, ...inputProps } = props;
|
|
13
|
+
return (_jsx(FieldWrapper, { htmlFor: htmlFor, label: label, helperText: helperText, showOptional: showOptional, showRequired: showRequired, outerPrefix: outerPrefix, outerSuffix: outerSuffix, error: error, ...wrapperProps, children: _jsxs("div", { ref: ref, "aria-disabled": isDisabled, className: cn('flex gap-x-2 h-10 w-full border border-primary2 bg-white px-3 py-2 text-sm ring-offset-white items-center file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-none rounded-lg', isDisabled && 'bg-primary1 cursor-not-allowed hover:border-black', !!error &&
|
|
14
|
+
'border-alert4 hover:border-alert4 focus-within:border-alert4', className), children: [prefix, _jsx("input", { ref: inputRef, disabled: isDisabled, className: cn('border-none outline-none placeholder-primary2 placeholder:tracking-normal w-full', isDisabled && 'bg-primary1 cursor-not-allowed', inputClassName), ...inputProps }), suffix] }) }));
|
|
130
15
|
});
|
|
131
16
|
Input.displayName = 'Input';
|
|
132
17
|
export default Input;
|
|
18
|
+
//# sourceMappingURL=Input.js.map
|
package/dist/input/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,YAEN,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAahC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM;IACL,cAAc;IACd,YAAY,EACZ,OAAO,EACP,KAAK,EACL,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,KAAK;IACL,sBAAsB;IACtB,SAAS;IACT,YAAY;IACZ,MAAM,EACN,MAAM,EACN,cAAc,EACd,QAAQ,EACR,UAAU,EACV,GAAG,UAAU,EACb,GAAG,KAAK,CAAA;IAET,OAAO,CACN,KAAC,YAAY,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,KACR,YAAY,YAEhB,eACC,GAAG,EAAE,GAAG,mBACO,UAAU,EACzB,SAAS,EAAE,EAAE,CACZ,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,YAEN,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAahC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM;IACL,cAAc;IACd,YAAY,EACZ,OAAO,EACP,KAAK,EACL,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,KAAK;IACL,sBAAsB;IACtB,SAAS;IACT,YAAY;IACZ,MAAM,EACN,MAAM,EACN,cAAc,EACd,QAAQ,EACR,UAAU,EACV,GAAG,UAAU,EACb,GAAG,KAAK,CAAA;IAET,OAAO,CACN,KAAC,YAAY,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,KACR,YAAY,YAEhB,eACC,GAAG,EAAE,GAAG,mBACO,UAAU,EACzB,SAAS,EAAE,EAAE,CACZ,6PAA6P,EAC7P,UAAU,IAAI,mDAAmD,EACjE,CAAC,CAAC,KAAK;gBACN,8DAA8D,EAC/D,SAAS,CACT,aAEA,MAAM,EACP,gBACC,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,EAAE,CACZ,kFAAkF,EAClF,UAAU,IAAI,gCAAgC,EAC9C,cAAc,CACd,KACG,UAAU,GACb,EACD,MAAM,IACF,GACQ,CACf,CAAA;AACF,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|