@ncds/ui-admin 0.0.3 → 0.0.8
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/const/Icon/FinanceECommerce.js +15 -7
- package/dist/const/Icon/alertAndFeedback.js +1 -7
- package/dist/const/Icon/arrow.js +11 -7
- package/dist/const/Icon/chart.js +1 -7
- package/dist/const/Icon/chevron.js +1 -7
- package/dist/const/Icon/circle.js +1 -7
- package/dist/const/Icon/communication.js +1 -7
- package/dist/const/Icon/development.js +12 -7
- package/dist/const/Icon/editor.js +1 -7
- package/dist/const/Icon/education.js +1 -7
- package/dist/const/Icon/files.js +1 -7
- package/dist/const/Icon/general.js +57 -31
- package/dist/const/Icon/index.js +31 -37
- package/dist/const/Icon/layout.js +13 -9
- package/dist/const/Icon/mapsTravel.js +1 -7
- package/dist/const/Icon/mediaDevices.js +11 -7
- package/dist/const/Icon/message.js +1 -7
- package/dist/const/Icon/sales.js +1 -7
- package/dist/const/Icon/security.js +1 -7
- package/dist/const/Icon/shapes.js +4 -9
- package/dist/const/Icon/tag.js +1 -7
- package/dist/const/Icon/time.js +1 -7
- package/dist/const/Icon/users.js +11 -7
- package/dist/const/Icon/weather.js +1 -7
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui-admin/assets/scripts/index.js +1 -16
- package/dist/ui-admin/assets/scripts/test.js +2 -9
- package/dist/ui-admin/constant/color.js +32 -38
- package/dist/ui-admin/constant/size.js +1 -5
- package/dist/ui-admin/index.js +13 -148
- package/dist/ui-admin/src/components/button/Button.js +68 -103
- package/dist/ui-admin/src/components/button/ButtonGroup.js +54 -93
- package/dist/ui-admin/src/components/button/index.js +2 -27
- package/dist/ui-admin/src/components/checkbox/Checkbox.js +26 -67
- package/dist/ui-admin/src/components/checkbox/CheckboxInput.js +30 -65
- package/dist/ui-admin/src/components/checkbox/index.js +2 -27
- package/dist/ui-admin/src/components/index.js +10 -115
- package/dist/ui-admin/src/components/input/FileInput.d.ts +1 -0
- package/dist/ui-admin/src/components/input/FileInput.d.ts.map +1 -0
- package/dist/ui-admin/src/components/input/FileInput.js +1 -0
- package/dist/ui-admin/src/components/input/InputBase.js +77 -162
- package/dist/ui-admin/src/components/input/PasswordInput.js +66 -84
- package/dist/ui-admin/src/components/input/index.d.ts +1 -0
- package/dist/ui-admin/src/components/input/index.d.ts.map +1 -1
- package/dist/ui-admin/src/components/input/index.js +3 -27
- package/dist/ui-admin/src/components/pagination/NavButton.js +60 -87
- package/dist/ui-admin/src/components/pagination/Pagination.js +104 -170
- package/dist/ui-admin/src/components/pagination/index.js +2 -27
- package/dist/ui-admin/src/components/radio/Radio.js +26 -62
- package/dist/ui-admin/src/components/radio/RadioInput.js +27 -48
- package/dist/ui-admin/src/components/radio/index.js +2 -27
- package/dist/ui-admin/src/components/select/Select.js +33 -96
- package/dist/ui-admin/src/components/select/index.js +1 -16
- package/dist/ui-admin/src/components/shared/hintText/HintText.js +25 -40
- package/dist/ui-admin/src/components/shared/hintText/index.js +1 -16
- package/dist/ui-admin/src/components/shared/index.js +2 -27
- package/dist/ui-admin/src/components/shared/label/Label.js +25 -40
- package/dist/ui-admin/src/components/shared/label/index.js +1 -16
- package/dist/ui-admin/src/components/spinner/Spinner.js +17 -49
- package/dist/ui-admin/src/components/spinner/index.js +1 -16
- package/dist/ui-admin/src/components/svg/SvgIcon.js +27 -62
- package/dist/ui-admin/src/components/svg/const.js +786 -792
- package/dist/ui-admin/src/components/svg/index.js +2 -27
- package/dist/ui-admin/src/components/tooltip/Tooltip.js +18 -67
- package/dist/ui-admin/src/components/tooltip/index.js +1 -16
- package/dist/ui-admin/src/constant/index.js +1 -16
- package/dist/ui-admin/src/constant/size.js +1 -7
- package/package.json +2 -2
- package/dist/ui-admin/assets/images/sprite.png +0 -0
- package/dist/ui-admin/assets/styles/style.css +0 -1438
|
@@ -1,27 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _NavButton = require("./NavButton");
|
|
7
|
-
Object.keys(_NavButton).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _NavButton[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _NavButton[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _Pagination = require("./Pagination");
|
|
18
|
-
Object.keys(_Pagination).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _Pagination[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return _Pagination[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
1
|
+
export * from './NavButton';
|
|
2
|
+
export * from './Pagination';
|
|
@@ -1,65 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var __assign = void 0 && (void 0).__assign || function () {
|
|
12
|
-
__assign = Object.assign || function (t) {
|
|
13
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
14
|
-
s = arguments[i];
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
16
|
-
}
|
|
17
|
-
return t;
|
|
18
|
-
};
|
|
19
|
-
return __assign.apply(this, arguments);
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
20
11
|
};
|
|
21
|
-
var __rest =
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
if (
|
|
26
|
-
|
|
27
|
-
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
28
22
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
supportText = _a.supportText,
|
|
34
|
-
|
|
35
|
-
checked = _a.checked,
|
|
36
|
-
className = _a.className,
|
|
37
|
-
radioRef = _a.radioRef,
|
|
38
|
-
onChange = _a.onChange,
|
|
39
|
-
props = __rest(_a, ["size", "text", "supportText", "disabled", "checked", "className", "radioRef", "onChange"]);
|
|
40
|
-
return (0, _jsxRuntime.jsxs)("label", __assign({
|
|
41
|
-
className: (0, _classnames.default)('ncua-radio-field', "ncua-radio-field--".concat(size), {
|
|
42
|
-
'has-text': text
|
|
43
|
-
}, className)
|
|
44
|
-
}, {
|
|
45
|
-
children: [(0, _jsxRuntime.jsx)(_RadioInput.RadioInput, __assign({
|
|
46
|
-
size: size,
|
|
47
|
-
ref: radioRef,
|
|
48
|
-
checked: checked,
|
|
49
|
-
disabled: disabled,
|
|
50
|
-
onChange: onChange,
|
|
51
|
-
className: "ncua-radio-field__input"
|
|
52
|
-
}, props)), (0, _jsxRuntime.jsxs)("span", {
|
|
53
|
-
children: [text && (0, _jsxRuntime.jsx)("span", __assign({
|
|
54
|
-
className: "ncua-radio-field__text"
|
|
55
|
-
}, {
|
|
56
|
-
children: text
|
|
57
|
-
})), supportText && (0, _jsxRuntime.jsx)("span", __assign({
|
|
58
|
-
className: "ncua-radio-field__support-text"
|
|
59
|
-
}, {
|
|
60
|
-
children: supportText
|
|
61
|
-
}))]
|
|
62
|
-
})]
|
|
63
|
-
}));
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
import classNames from 'classnames';
|
|
25
|
+
import { RadioInput } from './RadioInput';
|
|
26
|
+
export var Radio = function (_a) {
|
|
27
|
+
var _b = _a.size, size = _b === void 0 ? 'sm' : _b, text = _a.text, supportText = _a.supportText, disabled = _a.disabled, checked = _a.checked, className = _a.className, radioRef = _a.radioRef, onChange = _a.onChange, props = __rest(_a, ["size", "text", "supportText", "disabled", "checked", "className", "radioRef", "onChange"]);
|
|
28
|
+
return (_jsxs("label", __assign({ className: classNames('ncua-radio-field', "ncua-radio-field--".concat(size), { 'has-text': text }, className) }, { children: [_jsx(RadioInput, __assign({ size: size, ref: radioRef, checked: checked, disabled: disabled, onChange: onChange, className: "ncua-radio-field__input" }, props)), _jsxs("span", { children: [text && _jsx("span", __assign({ className: "ncua-radio-field__text" }, { children: text })), supportText && _jsx("span", __assign({ className: "ncua-radio-field__support-text" }, { children: supportText }))] })] })));
|
|
64
29
|
};
|
|
65
|
-
exports.Radio = Radio;
|
|
@@ -1,50 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var __assign = void 0 && (void 0).__assign || function () {
|
|
12
|
-
__assign = Object.assign || function (t) {
|
|
13
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
14
|
-
s = arguments[i];
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
16
|
-
}
|
|
17
|
-
return t;
|
|
18
|
-
};
|
|
19
|
-
return __assign.apply(this, arguments);
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
20
11
|
};
|
|
21
|
-
var __rest =
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
if (
|
|
26
|
-
|
|
27
|
-
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
28
22
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
className = _a.className,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
onChange = _a.onChange,
|
|
37
|
-
props = __rest(_a, ["size", "disabled", "className", "destructive", "onChange"]);
|
|
38
|
-
return (0, _jsxRuntime.jsx)("span", __assign({
|
|
39
|
-
className: (0, _classnames.default)('ncua-radio-input', "ncua-radio-input--".concat(size), {
|
|
40
|
-
destructive: destructive
|
|
41
|
-
}, className)
|
|
42
|
-
}, {
|
|
43
|
-
children: (0, _jsxRuntime.jsx)("input", __assign({
|
|
44
|
-
type: "radio",
|
|
45
|
-
ref: ref,
|
|
46
|
-
onChange: onChange,
|
|
47
|
-
disabled: disabled
|
|
48
|
-
}, props))
|
|
49
|
-
}));
|
|
50
|
-
});
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import classNames from 'classnames';
|
|
25
|
+
import { forwardRef } from 'react';
|
|
26
|
+
export var RadioInput = forwardRef(function (_a, ref) {
|
|
27
|
+
var _b = _a.size, size = _b === void 0 ? 'sm' : _b, disabled = _a.disabled, className = _a.className, _c = _a.destructive, destructive = _c === void 0 ? false : _c, onChange = _a.onChange, props = __rest(_a, ["size", "disabled", "className", "destructive", "onChange"]);
|
|
28
|
+
return (_jsx("span", __assign({ className: classNames('ncua-radio-input', "ncua-radio-input--".concat(size), { destructive: destructive }, className) }, { children: _jsx("input", __assign({ type: "radio", ref: ref, onChange: onChange, disabled: disabled }, props)) })));
|
|
29
|
+
});
|
|
@@ -1,27 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _Radio = require("./Radio");
|
|
7
|
-
Object.keys(_Radio).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _Radio[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _Radio[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _RadioInput = require("./RadioInput");
|
|
18
|
-
Object.keys(_RadioInput).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _RadioInput[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return _RadioInput[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
1
|
+
export * from './Radio';
|
|
2
|
+
export * from './RadioInput';
|
|
@@ -1,98 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var _HintText = require("../shared/hintText/HintText");
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
var __assign = void 0 && (void 0).__assign || function () {
|
|
14
|
-
__assign = Object.assign || function (t) {
|
|
15
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
16
|
-
s = arguments[i];
|
|
17
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
18
|
-
}
|
|
19
|
-
return t;
|
|
20
|
-
};
|
|
21
|
-
return __assign.apply(this, arguments);
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
22
11
|
};
|
|
23
|
-
var __rest =
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
if (
|
|
28
|
-
|
|
29
|
-
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
30
22
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
className = _a.className,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
_e = _a.destructive,
|
|
45
|
-
destructive = _e === void 0 ? false : _e,
|
|
46
|
-
value = _a.value,
|
|
47
|
-
optionItems = _a.optionItems,
|
|
48
|
-
register = _a.register,
|
|
49
|
-
props = __rest(_a, ["icon", "placeholder", "disabledPlaceholder", "id", "className", "hintText", "children", "size", "type", "destructive", "value", "optionItems", "register"]);
|
|
50
|
-
return (0, _jsxRuntime.jsxs)("div", __assign({
|
|
51
|
-
className: (0, _classnames.default)('ncua-select', {
|
|
52
|
-
destructive: destructive,
|
|
53
|
-
'ncua-select--simple': type === 'simple'
|
|
54
|
-
}, className)
|
|
55
|
-
}, {
|
|
56
|
-
children: [(0, _jsxRuntime.jsxs)("div", __assign({
|
|
57
|
-
className: (0, _classnames.default)('ncua-select__content', "ncua-select--".concat(size))
|
|
58
|
-
}, {
|
|
59
|
-
children: [icon ? (0, _jsxRuntime.jsx)("span", __assign({
|
|
60
|
-
className: "ncua-select__icon"
|
|
61
|
-
}, {
|
|
62
|
-
children: icon
|
|
63
|
-
})) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}), (0, _jsxRuntime.jsxs)("select", __assign({
|
|
64
|
-
value: value,
|
|
65
|
-
ref: ref,
|
|
66
|
-
id: id,
|
|
67
|
-
className: (0, _classnames.default)('ncua-select__tag', className)
|
|
68
|
-
}, register, props, {
|
|
69
|
-
children: [placeholder && (0, _jsxRuntime.jsx)("option", __assign({
|
|
70
|
-
value: "",
|
|
71
|
-
selected: true,
|
|
72
|
-
disabled: disabledPlaceholder
|
|
73
|
-
}, {
|
|
74
|
-
children: placeholder
|
|
75
|
-
})), optionItems && optionItems.map(function (item, index) {
|
|
76
|
-
return (0, _jsxRuntime.jsx)("option", __assign({
|
|
77
|
-
value: item.id
|
|
78
|
-
}, {
|
|
79
|
-
children: item.label
|
|
80
|
-
}), "option-".concat(index));
|
|
81
|
-
}), children]
|
|
82
|
-
})), destructive && (0, _jsxRuntime.jsx)("div", __assign({
|
|
83
|
-
className: "ncua-select__destructive-icon"
|
|
84
|
-
}, {
|
|
85
|
-
children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
|
|
86
|
-
name: "info-circle",
|
|
87
|
-
width: 14,
|
|
88
|
-
height: 14
|
|
89
|
-
})
|
|
90
|
-
}))]
|
|
91
|
-
})), hintText && (0, _jsxRuntime.jsx)(_HintText.HintText, __assign({
|
|
92
|
-
destructive: destructive,
|
|
93
|
-
className: "ncua-hint-text"
|
|
94
|
-
}, {
|
|
95
|
-
children: hintText
|
|
96
|
-
}))]
|
|
97
|
-
}));
|
|
98
|
-
});
|
|
23
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
import Icon from '@ncds/ui-admin-icon';
|
|
25
|
+
import classNames from 'classnames';
|
|
26
|
+
import { forwardRef } from 'react';
|
|
27
|
+
import { HintText } from '../shared/hintText/HintText';
|
|
28
|
+
export var Select = forwardRef(function (_a, ref) {
|
|
29
|
+
var icon = _a.icon, placeholder = _a.placeholder, _b = _a.disabledPlaceholder, disabledPlaceholder = _b === void 0 ? false : _b, id = _a.id, className = _a.className, hintText = _a.hintText, children = _a.children, _c = _a.size, size = _c === void 0 ? 'md' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d, _e = _a.destructive, destructive = _e === void 0 ? false : _e, value = _a.value, optionItems = _a.optionItems, register = _a.register, props = __rest(_a, ["icon", "placeholder", "disabledPlaceholder", "id", "className", "hintText", "children", "size", "type", "destructive", "value", "optionItems", "register"]);
|
|
30
|
+
return (_jsxs("div", __assign({ className: classNames('ncua-select', {
|
|
31
|
+
destructive: destructive,
|
|
32
|
+
'ncua-select--simple': type === 'simple',
|
|
33
|
+
}, className) }, { children: [_jsxs("div", __assign({ className: classNames('ncua-select__content', "ncua-select--".concat(size)) }, { children: [icon ? _jsx("span", __assign({ className: "ncua-select__icon" }, { children: icon })) : _jsx(_Fragment, {}), _jsxs("select", __assign({ value: value, ref: ref, id: id, className: classNames('ncua-select__tag', className) }, register, props, { children: [placeholder && (_jsx("option", __assign({ value: "", selected: true, disabled: disabledPlaceholder }, { children: placeholder }))), optionItems &&
|
|
34
|
+
optionItems.map(function (item, index) { return (_jsx("option", __assign({ value: item.id }, { children: item.label }), "option-".concat(index))); }), children] })), destructive && (_jsx("div", __assign({ className: "ncua-select__destructive-icon" }, { children: _jsx(Icon, { name: "info-circle", width: 14, height: 14 }) })))] })), hintText && (_jsx(HintText, __assign({ destructive: destructive, className: "ncua-hint-text" }, { children: hintText })))] })));
|
|
35
|
+
});
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _Select = require("./Select");
|
|
7
|
-
Object.keys(_Select).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _Select[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _Select[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
1
|
+
export * from './Select';
|
|
@@ -1,43 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
__assign = Object.assign || function (t) {
|
|
12
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
13
|
-
s = arguments[i];
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
15
|
-
}
|
|
16
|
-
return t;
|
|
17
|
-
};
|
|
18
|
-
return __assign.apply(this, arguments);
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
19
11
|
};
|
|
20
|
-
var __rest =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
if (
|
|
25
|
-
|
|
26
|
-
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
27
22
|
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
children = _a.children,
|
|
32
|
-
className
|
|
33
|
-
destructive = _a.destructive,
|
|
34
|
-
props = __rest(_a, ["as", "children", "className", "destructive"]);
|
|
35
|
-
return (0, _jsxRuntime.jsx)(Component, __assign({
|
|
36
|
-
className: (0, _classnames.default)('ncua-hint-text', {
|
|
37
|
-
destructive: destructive
|
|
38
|
-
}, className)
|
|
39
|
-
}, props, {
|
|
40
|
-
children: children
|
|
41
|
-
}));
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import classNames from 'classnames';
|
|
25
|
+
export var HintText = function (_a) {
|
|
26
|
+
var _b = _a.as, Component = _b === void 0 ? 'p' : _b, children = _a.children, className = _a.className, destructive = _a.destructive, props = __rest(_a, ["as", "children", "className", "destructive"]);
|
|
27
|
+
return (_jsx(Component, __assign({ className: classNames('ncua-hint-text', { destructive: destructive }, className) }, props, { children: children })));
|
|
42
28
|
};
|
|
43
|
-
exports.HintText = HintText;
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _HintText = require("./HintText");
|
|
7
|
-
Object.keys(_HintText).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _HintText[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _HintText[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
1
|
+
export * from './HintText';
|
|
@@ -1,27 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _hintText = require("./hintText");
|
|
7
|
-
Object.keys(_hintText).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _hintText[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _hintText[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _label = require("./label");
|
|
18
|
-
Object.keys(_label).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _label[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return _label[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
1
|
+
export * from './hintText';
|
|
2
|
+
export * from './label';
|
|
@@ -1,43 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
__assign = Object.assign || function (t) {
|
|
12
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
13
|
-
s = arguments[i];
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
15
|
-
}
|
|
16
|
-
return t;
|
|
17
|
-
};
|
|
18
|
-
return __assign.apply(this, arguments);
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
19
11
|
};
|
|
20
|
-
var __rest =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
if (
|
|
25
|
-
|
|
26
|
-
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
27
22
|
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
children = _a.children,
|
|
32
|
-
className
|
|
33
|
-
isRequired = _a.isRequired,
|
|
34
|
-
props = __rest(_a, ["as", "children", "className", "isRequired"]);
|
|
35
|
-
return (0, _jsxRuntime.jsx)(Component, __assign({
|
|
36
|
-
className: (0, _classnames.default)('ncua-label', {
|
|
37
|
-
'is-required': isRequired
|
|
38
|
-
}, className)
|
|
39
|
-
}, props, {
|
|
40
|
-
children: children
|
|
41
|
-
}));
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import classNames from 'classnames';
|
|
25
|
+
export var Label = function (_a) {
|
|
26
|
+
var _b = _a.as, Component = _b === void 0 ? 'label' : _b, children = _a.children, className = _a.className, isRequired = _a.isRequired, props = __rest(_a, ["as", "children", "className", "isRequired"]);
|
|
27
|
+
return (_jsx(Component, __assign({ className: classNames('ncua-label', { 'is-required': isRequired }, className) }, props, { children: children })));
|
|
42
28
|
};
|
|
43
|
-
exports.Label = Label;
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _Label = require("./Label");
|
|
7
|
-
Object.keys(_Label).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _Label[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _Label[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
1
|
+
export * from './Label';
|