@ncds/ui-admin 0.0.2

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.
Files changed (188) hide show
  1. package/README.md +36 -0
  2. package/dist/const/Icon/FinanceECommerce.d.ts +2 -0
  3. package/dist/const/Icon/FinanceECommerce.d.ts.map +1 -0
  4. package/dist/const/Icon/FinanceECommerce.js +7 -0
  5. package/dist/const/Icon/alertAndFeedback.d.ts +2 -0
  6. package/dist/const/Icon/alertAndFeedback.d.ts.map +1 -0
  7. package/dist/const/Icon/alertAndFeedback.js +7 -0
  8. package/dist/const/Icon/arrow.d.ts +2 -0
  9. package/dist/const/Icon/arrow.d.ts.map +1 -0
  10. package/dist/const/Icon/arrow.js +7 -0
  11. package/dist/const/Icon/chart.d.ts +2 -0
  12. package/dist/const/Icon/chart.d.ts.map +1 -0
  13. package/dist/const/Icon/chart.js +7 -0
  14. package/dist/const/Icon/chevron.d.ts +2 -0
  15. package/dist/const/Icon/chevron.d.ts.map +1 -0
  16. package/dist/const/Icon/chevron.js +7 -0
  17. package/dist/const/Icon/circle.d.ts +2 -0
  18. package/dist/const/Icon/circle.d.ts.map +1 -0
  19. package/dist/const/Icon/circle.js +7 -0
  20. package/dist/const/Icon/communication.d.ts +2 -0
  21. package/dist/const/Icon/communication.d.ts.map +1 -0
  22. package/dist/const/Icon/communication.js +7 -0
  23. package/dist/const/Icon/development.d.ts +2 -0
  24. package/dist/const/Icon/development.d.ts.map +1 -0
  25. package/dist/const/Icon/development.js +7 -0
  26. package/dist/const/Icon/editor.d.ts +2 -0
  27. package/dist/const/Icon/editor.d.ts.map +1 -0
  28. package/dist/const/Icon/editor.js +7 -0
  29. package/dist/const/Icon/education.d.ts +2 -0
  30. package/dist/const/Icon/education.d.ts.map +1 -0
  31. package/dist/const/Icon/education.js +7 -0
  32. package/dist/const/Icon/files.d.ts +2 -0
  33. package/dist/const/Icon/files.d.ts.map +1 -0
  34. package/dist/const/Icon/files.js +7 -0
  35. package/dist/const/Icon/general.d.ts +2 -0
  36. package/dist/const/Icon/general.d.ts.map +1 -0
  37. package/dist/const/Icon/general.js +31 -0
  38. package/dist/const/Icon/index.d.ts +2 -0
  39. package/dist/const/Icon/index.d.ts.map +1 -0
  40. package/dist/const/Icon/index.js +39 -0
  41. package/dist/const/Icon/layout.d.ts +2 -0
  42. package/dist/const/Icon/layout.d.ts.map +1 -0
  43. package/dist/const/Icon/layout.js +9 -0
  44. package/dist/const/Icon/mapsTravel.d.ts +2 -0
  45. package/dist/const/Icon/mapsTravel.d.ts.map +1 -0
  46. package/dist/const/Icon/mapsTravel.js +7 -0
  47. package/dist/const/Icon/mediaDevices.d.ts +2 -0
  48. package/dist/const/Icon/mediaDevices.d.ts.map +1 -0
  49. package/dist/const/Icon/mediaDevices.js +7 -0
  50. package/dist/const/Icon/message.d.ts +2 -0
  51. package/dist/const/Icon/message.d.ts.map +1 -0
  52. package/dist/const/Icon/message.js +7 -0
  53. package/dist/const/Icon/sales.d.ts +2 -0
  54. package/dist/const/Icon/sales.d.ts.map +1 -0
  55. package/dist/const/Icon/sales.js +7 -0
  56. package/dist/const/Icon/security.d.ts +2 -0
  57. package/dist/const/Icon/security.d.ts.map +1 -0
  58. package/dist/const/Icon/security.js +7 -0
  59. package/dist/const/Icon/shapes.d.ts +2 -0
  60. package/dist/const/Icon/shapes.d.ts.map +1 -0
  61. package/dist/const/Icon/shapes.js +9 -0
  62. package/dist/const/Icon/tag.d.ts +2 -0
  63. package/dist/const/Icon/tag.d.ts.map +1 -0
  64. package/dist/const/Icon/tag.js +7 -0
  65. package/dist/const/Icon/time.d.ts +2 -0
  66. package/dist/const/Icon/time.d.ts.map +1 -0
  67. package/dist/const/Icon/time.js +7 -0
  68. package/dist/const/Icon/users.d.ts +2 -0
  69. package/dist/const/Icon/users.d.ts.map +1 -0
  70. package/dist/const/Icon/users.js +7 -0
  71. package/dist/const/Icon/weather.d.ts +2 -0
  72. package/dist/const/Icon/weather.d.ts.map +1 -0
  73. package/dist/const/Icon/weather.js +7 -0
  74. package/dist/tsconfig.tsbuildinfo +1 -0
  75. package/dist/ui-admin/assets/images/sprite.png +0 -0
  76. package/dist/ui-admin/assets/scripts/index.d.ts +2 -0
  77. package/dist/ui-admin/assets/scripts/index.d.ts.map +1 -0
  78. package/dist/ui-admin/assets/scripts/index.js +16 -0
  79. package/dist/ui-admin/assets/scripts/test.d.ts +2 -0
  80. package/dist/ui-admin/assets/scripts/test.d.ts.map +1 -0
  81. package/dist/ui-admin/assets/scripts/test.js +10 -0
  82. package/dist/ui-admin/assets/styles/style.css +1438 -0
  83. package/dist/ui-admin/constant/color.d.ts +34 -0
  84. package/dist/ui-admin/constant/color.d.ts.map +1 -0
  85. package/dist/ui-admin/constant/color.js +38 -0
  86. package/dist/ui-admin/constant/size.d.ts +2 -0
  87. package/dist/ui-admin/constant/size.d.ts.map +1 -0
  88. package/dist/ui-admin/constant/size.js +5 -0
  89. package/dist/ui-admin/index.d.ts +14 -0
  90. package/dist/ui-admin/index.d.ts.map +1 -0
  91. package/dist/ui-admin/index.js +148 -0
  92. package/dist/ui-admin/src/components/button/Button.d.ts +42 -0
  93. package/dist/ui-admin/src/components/button/Button.d.ts.map +1 -0
  94. package/dist/ui-admin/src/components/button/Button.js +106 -0
  95. package/dist/ui-admin/src/components/button/ButtonGroup.d.ts +606 -0
  96. package/dist/ui-admin/src/components/button/ButtonGroup.d.ts.map +1 -0
  97. package/dist/ui-admin/src/components/button/ButtonGroup.js +99 -0
  98. package/dist/ui-admin/src/components/button/index.d.ts +3 -0
  99. package/dist/ui-admin/src/components/button/index.d.ts.map +1 -0
  100. package/dist/ui-admin/src/components/button/index.js +27 -0
  101. package/dist/ui-admin/src/components/checkbox/Checkbox.d.ts +10 -0
  102. package/dist/ui-admin/src/components/checkbox/Checkbox.d.ts.map +1 -0
  103. package/dist/ui-admin/src/components/checkbox/Checkbox.js +70 -0
  104. package/dist/ui-admin/src/components/checkbox/CheckboxInput.d.ts +10 -0
  105. package/dist/ui-admin/src/components/checkbox/CheckboxInput.d.ts.map +1 -0
  106. package/dist/ui-admin/src/components/checkbox/CheckboxInput.js +67 -0
  107. package/dist/ui-admin/src/components/checkbox/index.d.ts +3 -0
  108. package/dist/ui-admin/src/components/checkbox/index.d.ts.map +1 -0
  109. package/dist/ui-admin/src/components/checkbox/index.js +27 -0
  110. package/dist/ui-admin/src/components/index.d.ts +11 -0
  111. package/dist/ui-admin/src/components/index.d.ts.map +1 -0
  112. package/dist/ui-admin/src/components/index.js +115 -0
  113. package/dist/ui-admin/src/components/input/InputBase.d.ts +49 -0
  114. package/dist/ui-admin/src/components/input/InputBase.d.ts.map +1 -0
  115. package/dist/ui-admin/src/components/input/InputBase.js +169 -0
  116. package/dist/ui-admin/src/components/input/PasswordInput.d.ts +3 -0
  117. package/dist/ui-admin/src/components/input/PasswordInput.d.ts.map +1 -0
  118. package/dist/ui-admin/src/components/input/PasswordInput.js +88 -0
  119. package/dist/ui-admin/src/components/input/index.d.ts +3 -0
  120. package/dist/ui-admin/src/components/input/index.d.ts.map +1 -0
  121. package/dist/ui-admin/src/components/input/index.js +27 -0
  122. package/dist/ui-admin/src/components/pagination/NavButton.d.ts +34 -0
  123. package/dist/ui-admin/src/components/pagination/NavButton.d.ts.map +1 -0
  124. package/dist/ui-admin/src/components/pagination/NavButton.js +91 -0
  125. package/dist/ui-admin/src/components/pagination/Pagination.d.ts +22 -0
  126. package/dist/ui-admin/src/components/pagination/Pagination.d.ts.map +1 -0
  127. package/dist/ui-admin/src/components/pagination/Pagination.js +175 -0
  128. package/dist/ui-admin/src/components/pagination/index.d.ts +3 -0
  129. package/dist/ui-admin/src/components/pagination/index.d.ts.map +1 -0
  130. package/dist/ui-admin/src/components/pagination/index.js +27 -0
  131. package/dist/ui-admin/src/components/radio/Radio.d.ts +10 -0
  132. package/dist/ui-admin/src/components/radio/Radio.d.ts.map +1 -0
  133. package/dist/ui-admin/src/components/radio/Radio.js +65 -0
  134. package/dist/ui-admin/src/components/radio/RadioInput.d.ts +9 -0
  135. package/dist/ui-admin/src/components/radio/RadioInput.d.ts.map +1 -0
  136. package/dist/ui-admin/src/components/radio/RadioInput.js +50 -0
  137. package/dist/ui-admin/src/components/radio/index.d.ts +3 -0
  138. package/dist/ui-admin/src/components/radio/index.d.ts.map +1 -0
  139. package/dist/ui-admin/src/components/radio/index.js +27 -0
  140. package/dist/ui-admin/src/components/select/Select.d.ts +22 -0
  141. package/dist/ui-admin/src/components/select/Select.d.ts.map +1 -0
  142. package/dist/ui-admin/src/components/select/Select.js +98 -0
  143. package/dist/ui-admin/src/components/select/index.d.ts +2 -0
  144. package/dist/ui-admin/src/components/select/index.d.ts.map +1 -0
  145. package/dist/ui-admin/src/components/select/index.js +16 -0
  146. package/dist/ui-admin/src/components/shared/hintText/HintText.d.ts +8 -0
  147. package/dist/ui-admin/src/components/shared/hintText/HintText.d.ts.map +1 -0
  148. package/dist/ui-admin/src/components/shared/hintText/HintText.js +43 -0
  149. package/dist/ui-admin/src/components/shared/hintText/index.d.ts +2 -0
  150. package/dist/ui-admin/src/components/shared/hintText/index.d.ts.map +1 -0
  151. package/dist/ui-admin/src/components/shared/hintText/index.js +16 -0
  152. package/dist/ui-admin/src/components/shared/index.d.ts +3 -0
  153. package/dist/ui-admin/src/components/shared/index.d.ts.map +1 -0
  154. package/dist/ui-admin/src/components/shared/index.js +27 -0
  155. package/dist/ui-admin/src/components/shared/label/Label.d.ts +8 -0
  156. package/dist/ui-admin/src/components/shared/label/Label.d.ts.map +1 -0
  157. package/dist/ui-admin/src/components/shared/label/Label.js +43 -0
  158. package/dist/ui-admin/src/components/shared/label/index.d.ts +2 -0
  159. package/dist/ui-admin/src/components/shared/label/index.d.ts.map +1 -0
  160. package/dist/ui-admin/src/components/shared/label/index.js +16 -0
  161. package/dist/ui-admin/src/components/spinner/Spinner.d.ts +10 -0
  162. package/dist/ui-admin/src/components/spinner/Spinner.d.ts.map +1 -0
  163. package/dist/ui-admin/src/components/spinner/Spinner.js +53 -0
  164. package/dist/ui-admin/src/components/spinner/index.d.ts +2 -0
  165. package/dist/ui-admin/src/components/spinner/index.d.ts.map +1 -0
  166. package/dist/ui-admin/src/components/spinner/index.js +16 -0
  167. package/dist/ui-admin/src/components/svg/SvgIcon.d.ts +17 -0
  168. package/dist/ui-admin/src/components/svg/SvgIcon.d.ts.map +1 -0
  169. package/dist/ui-admin/src/components/svg/SvgIcon.js +65 -0
  170. package/dist/ui-admin/src/components/svg/const.d.ts +9 -0
  171. package/dist/ui-admin/src/components/svg/const.d.ts.map +1 -0
  172. package/dist/ui-admin/src/components/svg/const.js +792 -0
  173. package/dist/ui-admin/src/components/svg/index.d.ts +3 -0
  174. package/dist/ui-admin/src/components/svg/index.d.ts.map +1 -0
  175. package/dist/ui-admin/src/components/svg/index.js +27 -0
  176. package/dist/ui-admin/src/components/tooltip/Tooltip.d.ts +11 -0
  177. package/dist/ui-admin/src/components/tooltip/Tooltip.d.ts.map +1 -0
  178. package/dist/ui-admin/src/components/tooltip/Tooltip.js +71 -0
  179. package/dist/ui-admin/src/components/tooltip/index.d.ts +2 -0
  180. package/dist/ui-admin/src/components/tooltip/index.d.ts.map +1 -0
  181. package/dist/ui-admin/src/components/tooltip/index.js +16 -0
  182. package/dist/ui-admin/src/constant/index.d.ts +2 -0
  183. package/dist/ui-admin/src/constant/index.d.ts.map +1 -0
  184. package/dist/ui-admin/src/constant/index.js +16 -0
  185. package/dist/ui-admin/src/constant/size.d.ts +2 -0
  186. package/dist/ui-admin/src/constant/size.d.ts.map +1 -0
  187. package/dist/ui-admin/src/constant/size.js +7 -0
  188. package/package.json +108 -0
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.ButtonGroup = void 0;
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ var _color = require("@ncds/ui/constant/color");
9
+ var _classnames = _interopRequireDefault(require("classnames"));
10
+ var _react = _interopRequireWildcard(require("react"));
11
+ var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
+ var __assign = void 0 && (void 0).__assign || function () {
16
+ __assign = Object.assign || function (t) {
17
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
18
+ s = arguments[i];
19
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
20
+ }
21
+ return t;
22
+ };
23
+ return __assign.apply(this, arguments);
24
+ };
25
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
26
+ var t = {};
27
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
28
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
29
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
30
+ }
31
+ return t;
32
+ };
33
+ var svgSize = {
34
+ xs: 12,
35
+ sm: 16,
36
+ md: 16,
37
+ lg: 20
38
+ };
39
+ var ButtonGroup = function (_a) {
40
+ var children = _a.children,
41
+ className = _a.className,
42
+ _b = _a.hasBorder,
43
+ hasBorder = _b === void 0 ? true : _b,
44
+ _c = _a.size,
45
+ size = _c === void 0 ? 'lg' : _c,
46
+ _d = _a.onlyIcon,
47
+ onlyIcon = _d === void 0 ? false : _d,
48
+ _e = _a.disabled,
49
+ disabled = _e === void 0 ? false : _e;
50
+ return (0, _jsxRuntime.jsx)("div", __assign({
51
+ className: (0, _classnames.default)('ncua-button-group', "ncua-button-group--".concat(size), {
52
+ 'has-border': hasBorder
53
+ }, className)
54
+ }, {
55
+ children: _react.default.Children.map(children, function (child) {
56
+ if (! /*#__PURE__*/_react.default.isValidElement(child)) {
57
+ return null;
58
+ }
59
+ return /*#__PURE__*/_react.default.cloneElement(child, {
60
+ onlyIcon: onlyIcon,
61
+ disabled: disabled || child.props.disabled
62
+ });
63
+ })
64
+ }));
65
+ };
66
+ exports.ButtonGroup = ButtonGroup;
67
+ ButtonGroup.Item = function (_a) {
68
+ var _b;
69
+ var _c = _a.as,
70
+ as = _c === void 0 ? 'button' : _c,
71
+ label = _a.label,
72
+ onlyIcon = _a.onlyIcon,
73
+ icon = _a.icon,
74
+ disabled = _a.disabled,
75
+ children = _a.children,
76
+ props = __rest(_a, ["as", "label", "onlyIcon", "icon", "disabled", "children"]);
77
+ var renderIcon = function () {
78
+ var _a, _b, _c;
79
+ if (!icon) return null;
80
+ if (icon.type === 'icon') {
81
+ return (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
82
+ name: icon.name,
83
+ width: svgSize[(_a = icon.size) !== null && _a !== void 0 ? _a : 'md'],
84
+ height: svgSize[(_b = icon.size) !== null && _b !== void 0 ? _b : 'md'],
85
+ color: _color.COLOR[(_c = icon.color) !== null && _c !== void 0 ? _c : 'gray500']
86
+ });
87
+ }
88
+ return icon.children;
89
+ };
90
+ var position = (_b = icon === null || icon === void 0 ? void 0 : icon.position) !== null && _b !== void 0 ? _b : 'leading';
91
+ return /*#__PURE__*/(0, _react.createElement)(as, __assign({
92
+ className: (0, _classnames.default)('ncua-button-group__item', {
93
+ 'is-disabled': disabled
94
+ }),
95
+ disabled: disabled
96
+ }, props), (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
97
+ children: [position === 'leading' && renderIcon(), !onlyIcon && label, children, position === 'trailing' && renderIcon()]
98
+ }));
99
+ };
@@ -0,0 +1,3 @@
1
+ export * from './Button';
2
+ export * from './ButtonGroup';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _Button = require("./Button");
7
+ Object.keys(_Button).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _Button[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _Button[key];
14
+ }
15
+ });
16
+ });
17
+ var _ButtonGroup = require("./ButtonGroup");
18
+ Object.keys(_ButtonGroup).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (key in exports && exports[key] === _ButtonGroup[key]) return;
21
+ Object.defineProperty(exports, key, {
22
+ enumerable: true,
23
+ get: function () {
24
+ return _ButtonGroup[key];
25
+ }
26
+ });
27
+ });
@@ -0,0 +1,10 @@
1
+ import { ChangeEvent, FC, MutableRefObject, ReactNode, RefCallback } from 'react';
2
+ import { CheckboxInputProps } from './CheckboxInput';
3
+ export interface CheckboxProps extends Omit<CheckboxInputProps, 'type'> {
4
+ text?: ReactNode;
5
+ supportText?: string;
6
+ checkboxRef?: RefCallback<HTMLInputElement> | MutableRefObject<HTMLInputElement | null>;
7
+ onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
8
+ }
9
+ export declare const Checkbox: FC<CheckboxProps>;
10
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAiB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEpE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxF,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACvD;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAoCtC,CAAC"}
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Checkbox = void 0;
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ var _classnames = _interopRequireDefault(require("classnames"));
9
+ var _CheckboxInput = require("./CheckboxInput");
10
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
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);
20
+ };
21
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
22
+ var t = {};
23
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
24
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
25
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
26
+ }
27
+ return t;
28
+ };
29
+ var Checkbox = function (_a) {
30
+ var _b = _a.size,
31
+ size = _b === void 0 ? 'sm' : _b,
32
+ _c = _a.indeterminate,
33
+ indeterminate = _c === void 0 ? false : _c,
34
+ text = _a.text,
35
+ supportText = _a.supportText,
36
+ disabled = _a.disabled,
37
+ checked = _a.checked,
38
+ className = _a.className,
39
+ checkboxRef = _a.checkboxRef,
40
+ onChange = _a.onChange,
41
+ props = __rest(_a, ["size", "indeterminate", "text", "supportText", "disabled", "checked", "className", "checkboxRef", "onChange"]);
42
+ return (0, _jsxRuntime.jsxs)("label", __assign({
43
+ className: (0, _classnames.default)('ncua-checkbox-field', "ncua-checkbox-field--".concat(size), {
44
+ 'has-text': text
45
+ }, className)
46
+ }, {
47
+ children: [(0, _jsxRuntime.jsx)(_CheckboxInput.CheckboxInput, __assign({
48
+ size: size,
49
+ ref: checkboxRef,
50
+ checked: checked,
51
+ indeterminate: indeterminate,
52
+ disabled: disabled,
53
+ onChange: onChange,
54
+ className: "ncua-checkbox-field__input"
55
+ }, props)), (0, _jsxRuntime.jsx)("span", {
56
+ children: text && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
57
+ children: [(0, _jsxRuntime.jsx)("span", __assign({
58
+ className: "ncua-checkbox__text"
59
+ }, {
60
+ children: text
61
+ })), supportText && (0, _jsxRuntime.jsx)("span", __assign({
62
+ className: "ncua-checkbox__support-text"
63
+ }, {
64
+ children: supportText
65
+ }))]
66
+ })
67
+ })]
68
+ }));
69
+ };
70
+ exports.Checkbox = Checkbox;
@@ -0,0 +1,10 @@
1
+ import { ChangeEvent, ComponentPropsWithRef } from 'react';
2
+ import { Size } from '../../../constant/size';
3
+ export interface CheckboxInputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'ref'> {
4
+ size?: Extract<Size, 'sm' | 'md'>;
5
+ indeterminate?: boolean;
6
+ destructive?: boolean;
7
+ onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
8
+ }
9
+ export declare const CheckboxInput: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
10
+ //# sourceMappingURL=CheckboxInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/CheckboxInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9F,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACvD;AAED,eAAO,MAAM,aAAa,iHAgBzB,CAAC"}
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CheckboxInput = void 0;
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ var _uiAdminIcon = require("@ncds/ui-admin-icon");
9
+ var _classnames = _interopRequireDefault(require("classnames"));
10
+ var _react = require("react");
11
+ var _color = require("../../../constant/color");
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);
22
+ };
23
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
24
+ var t = {};
25
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
26
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
27
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
28
+ }
29
+ return t;
30
+ };
31
+ var CheckboxInput = exports.CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
32
+ var _b = _a.size,
33
+ size = _b === void 0 ? 'sm' : _b,
34
+ _c = _a.indeterminate,
35
+ indeterminate = _c === void 0 ? false : _c,
36
+ disabled = _a.disabled,
37
+ className = _a.className,
38
+ _d = _a.destructive,
39
+ destructive = _d === void 0 ? false : _d,
40
+ onChange = _a.onChange,
41
+ props = __rest(_a, ["size", "indeterminate", "disabled", "className", "destructive", "onChange"]);
42
+ var svgColor = disabled ? 'gray200' : 'gray700';
43
+ return (0, _jsxRuntime.jsxs)("span", __assign({
44
+ className: (0, _classnames.default)('ncua-checkbox-input', "ncua-checkbox-input--".concat(size), {
45
+ destructive: destructive
46
+ }, className)
47
+ }, {
48
+ children: [(0, _jsxRuntime.jsx)("input", __assign({
49
+ type: "checkbox",
50
+ ref: ref,
51
+ onChange: onChange,
52
+ disabled: disabled
53
+ }, props)), (0, _jsxRuntime.jsx)("span", __assign({
54
+ className: "ncua-checkbox-input__ico"
55
+ }, {
56
+ children: !indeterminate ? (0, _jsxRuntime.jsx)(_uiAdminIcon.Check, {
57
+ width: 12,
58
+ height: 12,
59
+ color: _color.COLOR[svgColor]
60
+ }) : (0, _jsxRuntime.jsx)(_uiAdminIcon.Minus, {
61
+ width: 12,
62
+ height: 12,
63
+ color: _color.COLOR[svgColor]
64
+ })
65
+ }))]
66
+ }));
67
+ });
@@ -0,0 +1,3 @@
1
+ export * from './Checkbox';
2
+ export * from './CheckboxInput';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _Checkbox = require("./Checkbox");
7
+ Object.keys(_Checkbox).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _Checkbox[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _Checkbox[key];
14
+ }
15
+ });
16
+ });
17
+ var _CheckboxInput = require("./CheckboxInput");
18
+ Object.keys(_CheckboxInput).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (key in exports && exports[key] === _CheckboxInput[key]) return;
21
+ Object.defineProperty(exports, key, {
22
+ enumerable: true,
23
+ get: function () {
24
+ return _CheckboxInput[key];
25
+ }
26
+ });
27
+ });
@@ -0,0 +1,11 @@
1
+ export * from './button';
2
+ export * from './checkbox';
3
+ export * from './input';
4
+ export * from './pagination';
5
+ export * from './radio';
6
+ export * from './select';
7
+ export * from './shared';
8
+ export * from './spinner';
9
+ export * from './svg';
10
+ export * from './tooltip';
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC"}
@@ -0,0 +1,115 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _button = require("./button");
7
+ Object.keys(_button).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _button[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _button[key];
14
+ }
15
+ });
16
+ });
17
+ var _checkbox = require("./checkbox");
18
+ Object.keys(_checkbox).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (key in exports && exports[key] === _checkbox[key]) return;
21
+ Object.defineProperty(exports, key, {
22
+ enumerable: true,
23
+ get: function () {
24
+ return _checkbox[key];
25
+ }
26
+ });
27
+ });
28
+ var _input = require("./input");
29
+ Object.keys(_input).forEach(function (key) {
30
+ if (key === "default" || key === "__esModule") return;
31
+ if (key in exports && exports[key] === _input[key]) return;
32
+ Object.defineProperty(exports, key, {
33
+ enumerable: true,
34
+ get: function () {
35
+ return _input[key];
36
+ }
37
+ });
38
+ });
39
+ var _pagination = require("./pagination");
40
+ Object.keys(_pagination).forEach(function (key) {
41
+ if (key === "default" || key === "__esModule") return;
42
+ if (key in exports && exports[key] === _pagination[key]) return;
43
+ Object.defineProperty(exports, key, {
44
+ enumerable: true,
45
+ get: function () {
46
+ return _pagination[key];
47
+ }
48
+ });
49
+ });
50
+ var _radio = require("./radio");
51
+ Object.keys(_radio).forEach(function (key) {
52
+ if (key === "default" || key === "__esModule") return;
53
+ if (key in exports && exports[key] === _radio[key]) return;
54
+ Object.defineProperty(exports, key, {
55
+ enumerable: true,
56
+ get: function () {
57
+ return _radio[key];
58
+ }
59
+ });
60
+ });
61
+ var _select = require("./select");
62
+ Object.keys(_select).forEach(function (key) {
63
+ if (key === "default" || key === "__esModule") return;
64
+ if (key in exports && exports[key] === _select[key]) return;
65
+ Object.defineProperty(exports, key, {
66
+ enumerable: true,
67
+ get: function () {
68
+ return _select[key];
69
+ }
70
+ });
71
+ });
72
+ var _shared = require("./shared");
73
+ Object.keys(_shared).forEach(function (key) {
74
+ if (key === "default" || key === "__esModule") return;
75
+ if (key in exports && exports[key] === _shared[key]) return;
76
+ Object.defineProperty(exports, key, {
77
+ enumerable: true,
78
+ get: function () {
79
+ return _shared[key];
80
+ }
81
+ });
82
+ });
83
+ var _spinner = require("./spinner");
84
+ Object.keys(_spinner).forEach(function (key) {
85
+ if (key === "default" || key === "__esModule") return;
86
+ if (key in exports && exports[key] === _spinner[key]) return;
87
+ Object.defineProperty(exports, key, {
88
+ enumerable: true,
89
+ get: function () {
90
+ return _spinner[key];
91
+ }
92
+ });
93
+ });
94
+ var _svg = require("./svg");
95
+ Object.keys(_svg).forEach(function (key) {
96
+ if (key === "default" || key === "__esModule") return;
97
+ if (key in exports && exports[key] === _svg[key]) return;
98
+ Object.defineProperty(exports, key, {
99
+ enumerable: true,
100
+ get: function () {
101
+ return _svg[key];
102
+ }
103
+ });
104
+ });
105
+ var _tooltip = require("./tooltip");
106
+ Object.keys(_tooltip).forEach(function (key) {
107
+ if (key === "default" || key === "__esModule") return;
108
+ if (key in exports && exports[key] === _tooltip[key]) return;
109
+ Object.defineProperty(exports, key, {
110
+ enumerable: true,
111
+ get: function () {
112
+ return _tooltip[key];
113
+ }
114
+ });
115
+ });
@@ -0,0 +1,49 @@
1
+ import { IconName } from '@ncds/ui-admin-icon';
2
+ import React from 'react';
3
+ import { COLOR } from '../../../constant/color';
4
+ interface InputSideButtonSlot {
5
+ type: 'button';
6
+ label: string;
7
+ isSubmit?: boolean;
8
+ onClick: () => void;
9
+ }
10
+ interface InputSideTextSlot {
11
+ type: 'text';
12
+ text: string;
13
+ }
14
+ interface InputSideIconSlot {
15
+ type: 'icon';
16
+ icon: IconName;
17
+ color?: keyof typeof COLOR;
18
+ className?: string;
19
+ }
20
+ interface InputSideCustomSlot {
21
+ type: 'custom';
22
+ children: React.ReactNode;
23
+ placement?: 'inside' | 'outside';
24
+ }
25
+ type InputLeadingSlotType = InputSideTextSlot | InputSideIconSlot | InputSideCustomSlot;
26
+ type InputTrailingSlotType = InputSideButtonSlot | InputSideIconSlot | InputSideCustomSlot;
27
+ interface InputBaseCommonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
28
+ required?: boolean;
29
+ label?: string;
30
+ hintText?: string;
31
+ size?: 'xs' | 'md';
32
+ disabled?: boolean;
33
+ validation?: boolean;
34
+ destructive?: boolean;
35
+ leadingElement?: InputLeadingSlotType;
36
+ trailingElement?: InputTrailingSlotType;
37
+ }
38
+ interface NoneClearableInputBaseProps extends InputBaseCommonProps {
39
+ clearText?: never;
40
+ onClearText?: never;
41
+ }
42
+ interface ClearableInputBaseProps extends InputBaseCommonProps {
43
+ clearText: boolean;
44
+ onClearText: () => void;
45
+ }
46
+ export type InputBaseProps = NoneClearableInputBaseProps | ClearableInputBaseProps;
47
+ export declare const InputBase: React.ForwardRefExoticComponent<InputBaseProps & React.RefAttributes<HTMLInputElement>>;
48
+ export {};
49
+ //# sourceMappingURL=InputBase.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/InputBase.tsx"],"names":[],"mappings":"AAAA,OAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAIhD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,mBAAmB;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,KAAK,oBAAoB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AACxF,KAAK,qBAAqB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAE3F,UAAU,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,qBAAqB,CAAC;CACzC;AAED,UAAU,2BAA4B,SAAQ,oBAAoB;IAChE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,uBAAwB,SAAQ,oBAAoB;IAC5D,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,MAAM,cAAc,GAAG,2BAA2B,GAAG,uBAAuB,CAAC;AAYnF,eAAO,MAAM,SAAS,yFA2IrB,CAAC"}