@flexmatch-dev/react-ui 0.0.1 → 0.0.3

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 (184) hide show
  1. package/cjs/assets/icon-check.d.ts +7 -0
  2. package/cjs/assets/icon-check.d.ts.map +1 -0
  3. package/cjs/assets/icon-check.js +28 -0
  4. package/cjs/assets/icon-close.d.ts +3 -0
  5. package/cjs/assets/icon-close.d.ts.map +1 -0
  6. package/cjs/assets/icon-close.js +24 -0
  7. package/cjs/assets/icon-selectbox-arrow.d.ts +7 -0
  8. package/cjs/assets/icon-selectbox-arrow.d.ts.map +1 -0
  9. package/cjs/assets/icon-selectbox-arrow.js +28 -0
  10. package/cjs/assets/index.d.ts +4 -0
  11. package/cjs/assets/index.d.ts.map +1 -0
  12. package/cjs/assets/index.js +27 -0
  13. package/cjs/components/Input/Chip/InputChipButton.d.ts +5 -0
  14. package/cjs/components/Input/Chip/InputChipButton.d.ts.map +1 -0
  15. package/cjs/components/Input/Chip/InputChipButton.js +31 -0
  16. package/cjs/components/Input/Chip/InputChipRow.d.ts +13 -0
  17. package/cjs/components/Input/Chip/InputChipRow.d.ts.map +1 -0
  18. package/cjs/components/Input/Chip/InputChipRow.js +96 -0
  19. package/cjs/components/Input/Chip/InputTextbox.d.ts +5 -0
  20. package/cjs/components/Input/Chip/InputTextbox.d.ts.map +1 -0
  21. package/cjs/components/Input/Chip/InputTextbox.js +30 -0
  22. package/cjs/components/Input/Chip/index.d.ts +15 -0
  23. package/cjs/components/Input/Chip/index.d.ts.map +1 -0
  24. package/cjs/components/Input/Chip/index.js +17 -0
  25. package/cjs/components/Input/Selectable/InputButtonMultiSelect.d.ts +14 -0
  26. package/cjs/components/Input/Selectable/InputButtonMultiSelect.d.ts.map +1 -0
  27. package/cjs/components/Input/Selectable/InputButtonMultiSelect.js +96 -0
  28. package/cjs/components/Input/Selectable/InputButtonSelect.d.ts +14 -0
  29. package/cjs/components/Input/Selectable/InputButtonSelect.d.ts.map +1 -0
  30. package/cjs/components/Input/Selectable/InputButtonSelect.js +65 -0
  31. package/cjs/components/Input/Selectable/InputButtonSelectButton.d.ts +14 -0
  32. package/cjs/components/Input/Selectable/InputButtonSelectButton.d.ts.map +1 -0
  33. package/cjs/components/Input/Selectable/InputButtonSelectButton.js +78 -0
  34. package/cjs/components/Input/Selectable/InputCardSelect.d.ts +14 -0
  35. package/cjs/components/Input/Selectable/InputCardSelect.d.ts.map +1 -0
  36. package/cjs/components/Input/Selectable/InputCardSelect.js +65 -0
  37. package/cjs/components/Input/Selectable/InputCardSelectButton.d.ts +14 -0
  38. package/cjs/components/Input/Selectable/InputCardSelectButton.d.ts.map +1 -0
  39. package/cjs/components/Input/Selectable/InputCardSelectButton.js +85 -0
  40. package/cjs/components/Input/Selectable/InputCheckbox.d.ts +11 -0
  41. package/cjs/components/Input/Selectable/InputCheckbox.d.ts.map +1 -0
  42. package/cjs/components/Input/Selectable/InputCheckbox.js +43 -0
  43. package/cjs/components/Input/Selectable/InputOptionSwitch.d.ts.map +1 -1
  44. package/cjs/components/Input/Selectable/InputOptionSwitch.js +5 -2
  45. package/cjs/components/Input/Selectable/InputOptionSwitchButton.d.ts +2 -1
  46. package/cjs/components/Input/Selectable/InputOptionSwitchButton.d.ts.map +1 -1
  47. package/cjs/components/Input/Selectable/InputOptionSwitchButton.js +5 -1
  48. package/cjs/components/Input/Selectable/InputRadiobutton.d.ts +10 -0
  49. package/cjs/components/Input/Selectable/InputRadiobutton.d.ts.map +1 -0
  50. package/cjs/components/Input/Selectable/InputRadiobutton.js +45 -0
  51. package/cjs/components/Input/Selectable/InputSelectbox.d.ts +12 -0
  52. package/cjs/components/Input/Selectable/InputSelectbox.d.ts.map +1 -0
  53. package/cjs/components/Input/Selectable/InputSelectbox.js +92 -0
  54. package/cjs/components/atoms/button.ui.d.ts +6 -0
  55. package/cjs/components/atoms/button.ui.d.ts.map +1 -0
  56. package/cjs/components/atoms/button.ui.js +31 -0
  57. package/cjs/components/atoms/card-select.ui.d.ts +14 -0
  58. package/cjs/components/atoms/card-select.ui.d.ts.map +1 -0
  59. package/cjs/components/atoms/card-select.ui.js +72 -0
  60. package/cjs/components/atoms/checkbox.ui.d.ts +9 -0
  61. package/cjs/components/atoms/checkbox.ui.d.ts.map +1 -0
  62. package/cjs/components/atoms/checkbox.ui.js +86 -0
  63. package/cjs/components/atoms/chip.ui.d.ts +10 -0
  64. package/cjs/components/atoms/chip.ui.d.ts.map +1 -0
  65. package/cjs/components/atoms/chip.ui.js +35 -0
  66. package/cjs/components/atoms/index.d.ts +9 -0
  67. package/cjs/components/atoms/index.d.ts.map +1 -0
  68. package/cjs/components/atoms/index.js +62 -0
  69. package/cjs/components/atoms/info-card.ui.d.ts +7 -0
  70. package/cjs/components/atoms/info-card.ui.d.ts.map +1 -0
  71. package/cjs/components/atoms/info-card.ui.js +36 -0
  72. package/cjs/components/atoms/radio.ui.d.ts +14 -0
  73. package/cjs/components/atoms/radio.ui.d.ts.map +1 -0
  74. package/cjs/components/atoms/radio.ui.js +52 -0
  75. package/cjs/components/atoms/select.ui.d.ts +19 -0
  76. package/cjs/components/atoms/select.ui.d.ts.map +1 -0
  77. package/cjs/components/atoms/select.ui.js +87 -0
  78. package/cjs/components/atoms/textarea.ui.d.ts +5 -0
  79. package/cjs/components/atoms/textarea.ui.d.ts.map +1 -0
  80. package/cjs/components/atoms/textarea.ui.js +33 -0
  81. package/cjs/components/atoms/textbox.ui.d.ts +6 -1
  82. package/cjs/components/atoms/textbox.ui.d.ts.map +1 -1
  83. package/cjs/components/atoms/textbox.ui.js +54 -7
  84. package/cjs/constant/chip.constant.d.ts +5 -0
  85. package/cjs/constant/chip.constant.d.ts.map +1 -0
  86. package/cjs/constant/chip.constant.js +10 -0
  87. package/cjs/context/Input.d.ts +15 -0
  88. package/cjs/context/Input.d.ts.map +1 -1
  89. package/cjs/index.d.ts +12 -1
  90. package/cjs/index.d.ts.map +1 -1
  91. package/cjs/index.js +77 -16
  92. package/dist/index.css +1083 -3
  93. package/lib/assets/icon-check.d.ts +7 -0
  94. package/lib/assets/icon-check.d.ts.map +1 -0
  95. package/lib/assets/icon-check.js +22 -0
  96. package/lib/assets/icon-close.d.ts +3 -0
  97. package/lib/assets/icon-close.d.ts.map +1 -0
  98. package/lib/assets/icon-close.js +18 -0
  99. package/lib/assets/icon-selectbox-arrow.d.ts +7 -0
  100. package/lib/assets/icon-selectbox-arrow.d.ts.map +1 -0
  101. package/lib/assets/icon-selectbox-arrow.js +22 -0
  102. package/lib/assets/index.d.ts +4 -0
  103. package/lib/assets/index.d.ts.map +1 -0
  104. package/lib/assets/index.js +3 -0
  105. package/lib/components/Input/Chip/InputChipButton.d.ts +5 -0
  106. package/lib/components/Input/Chip/InputChipButton.d.ts.map +1 -0
  107. package/lib/components/Input/Chip/InputChipButton.js +24 -0
  108. package/lib/components/Input/Chip/InputChipRow.d.ts +13 -0
  109. package/lib/components/Input/Chip/InputChipRow.d.ts.map +1 -0
  110. package/lib/components/Input/Chip/InputChipRow.js +89 -0
  111. package/lib/components/Input/Chip/InputTextbox.d.ts +5 -0
  112. package/lib/components/Input/Chip/InputTextbox.d.ts.map +1 -0
  113. package/lib/components/Input/Chip/InputTextbox.js +23 -0
  114. package/lib/components/Input/Chip/index.d.ts +15 -0
  115. package/lib/components/Input/Chip/index.d.ts.map +1 -0
  116. package/lib/components/Input/Chip/index.js +10 -0
  117. package/lib/components/Input/Selectable/InputButtonMultiSelect.d.ts +14 -0
  118. package/lib/components/Input/Selectable/InputButtonMultiSelect.d.ts.map +1 -0
  119. package/lib/components/Input/Selectable/InputButtonMultiSelect.js +89 -0
  120. package/lib/components/Input/Selectable/InputButtonSelect.d.ts +14 -0
  121. package/lib/components/Input/Selectable/InputButtonSelect.d.ts.map +1 -0
  122. package/lib/components/Input/Selectable/InputButtonSelect.js +58 -0
  123. package/lib/components/Input/Selectable/InputButtonSelectButton.d.ts +14 -0
  124. package/lib/components/Input/Selectable/InputButtonSelectButton.d.ts.map +1 -0
  125. package/lib/components/Input/Selectable/InputButtonSelectButton.js +71 -0
  126. package/lib/components/Input/Selectable/InputCardSelect.d.ts +14 -0
  127. package/lib/components/Input/Selectable/InputCardSelect.d.ts.map +1 -0
  128. package/lib/components/Input/Selectable/InputCardSelect.js +58 -0
  129. package/lib/components/Input/Selectable/InputCardSelectButton.d.ts +14 -0
  130. package/lib/components/Input/Selectable/InputCardSelectButton.d.ts.map +1 -0
  131. package/lib/components/Input/Selectable/InputCardSelectButton.js +78 -0
  132. package/lib/components/Input/Selectable/InputCheckbox.d.ts +11 -0
  133. package/lib/components/Input/Selectable/InputCheckbox.d.ts.map +1 -0
  134. package/lib/components/Input/Selectable/InputCheckbox.js +37 -0
  135. package/lib/components/Input/Selectable/InputOptionSwitch.d.ts.map +1 -1
  136. package/lib/components/Input/Selectable/InputOptionSwitch.js +6 -2
  137. package/lib/components/Input/Selectable/InputOptionSwitchButton.d.ts +2 -1
  138. package/lib/components/Input/Selectable/InputOptionSwitchButton.d.ts.map +1 -1
  139. package/lib/components/Input/Selectable/InputOptionSwitchButton.js +4 -1
  140. package/lib/components/Input/Selectable/InputRadiobutton.d.ts +10 -0
  141. package/lib/components/Input/Selectable/InputRadiobutton.d.ts.map +1 -0
  142. package/lib/components/Input/Selectable/InputRadiobutton.js +38 -0
  143. package/lib/components/Input/Selectable/InputSelectbox.d.ts +12 -0
  144. package/lib/components/Input/Selectable/InputSelectbox.d.ts.map +1 -0
  145. package/lib/components/Input/Selectable/InputSelectbox.js +85 -0
  146. package/lib/components/atoms/button.ui.d.ts +6 -0
  147. package/lib/components/atoms/button.ui.d.ts.map +1 -0
  148. package/lib/components/atoms/button.ui.js +24 -0
  149. package/lib/components/atoms/card-select.ui.d.ts +14 -0
  150. package/lib/components/atoms/card-select.ui.d.ts.map +1 -0
  151. package/lib/components/atoms/card-select.ui.js +65 -0
  152. package/lib/components/atoms/checkbox.ui.d.ts +9 -0
  153. package/lib/components/atoms/checkbox.ui.d.ts.map +1 -0
  154. package/lib/components/atoms/checkbox.ui.js +79 -0
  155. package/lib/components/atoms/chip.ui.d.ts +10 -0
  156. package/lib/components/atoms/chip.ui.d.ts.map +1 -0
  157. package/lib/components/atoms/chip.ui.js +28 -0
  158. package/lib/components/atoms/index.d.ts +9 -0
  159. package/lib/components/atoms/index.d.ts.map +1 -0
  160. package/lib/components/atoms/index.js +8 -0
  161. package/lib/components/atoms/info-card.ui.d.ts +7 -0
  162. package/lib/components/atoms/info-card.ui.d.ts.map +1 -0
  163. package/lib/components/atoms/info-card.ui.js +29 -0
  164. package/lib/components/atoms/radio.ui.d.ts +14 -0
  165. package/lib/components/atoms/radio.ui.d.ts.map +1 -0
  166. package/lib/components/atoms/radio.ui.js +45 -0
  167. package/lib/components/atoms/select.ui.d.ts +19 -0
  168. package/lib/components/atoms/select.ui.d.ts.map +1 -0
  169. package/lib/components/atoms/select.ui.js +80 -0
  170. package/lib/components/atoms/textarea.ui.d.ts +5 -0
  171. package/lib/components/atoms/textarea.ui.d.ts.map +1 -0
  172. package/lib/components/atoms/textarea.ui.js +26 -0
  173. package/lib/components/atoms/textbox.ui.d.ts +6 -1
  174. package/lib/components/atoms/textbox.ui.d.ts.map +1 -1
  175. package/lib/components/atoms/textbox.ui.js +56 -9
  176. package/lib/constant/chip.constant.d.ts +5 -0
  177. package/lib/constant/chip.constant.d.ts.map +1 -0
  178. package/lib/constant/chip.constant.js +4 -0
  179. package/lib/context/Input.d.ts +15 -0
  180. package/lib/context/Input.d.ts.map +1 -1
  181. package/lib/index.d.ts +12 -1
  182. package/lib/index.d.ts.map +1 -1
  183. package/lib/index.js +17 -3
  184. package/package.json +1 -1
@@ -0,0 +1,7 @@
1
+ interface IconCheckProps {
2
+ color?: string;
3
+ size?: number;
4
+ }
5
+ declare const IconCheck: ({ color, size }: IconCheckProps) => import("react/jsx-runtime").JSX.Element;
6
+ export default IconCheck;
7
+ //# sourceMappingURL=icon-check.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-check.d.ts","sourceRoot":"","sources":["../../src/assets/icon-check.tsx"],"names":[],"mappings":"AAAA,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,QAAA,MAAM,SAAS,GAAI,iBAAuC,cAAc,4CAkBvE,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ var IconCheck = function IconCheck(_ref) {
9
+ var _ref$color = _ref.color,
10
+ color = _ref$color === void 0 ? 'currentColor' : _ref$color,
11
+ _ref$size = _ref.size,
12
+ size = _ref$size === void 0 ? 20 : _ref$size;
13
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
14
+ width: size,
15
+ height: size,
16
+ viewBox: "0 0 16 16",
17
+ fill: "none",
18
+ xmlns: "http://www.w3.org/2000/svg",
19
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
20
+ d: "M12.6667 4L5.33333 11.3333L2.66667 8.66667",
21
+ stroke: color,
22
+ strokeWidth: "1.5",
23
+ strokeLinecap: "round",
24
+ strokeLinejoin: "round"
25
+ })
26
+ });
27
+ };
28
+ var _default = exports["default"] = IconCheck;
@@ -0,0 +1,3 @@
1
+ declare const IconClose: () => import("react/jsx-runtime").JSX.Element;
2
+ export default IconClose;
3
+ //# sourceMappingURL=icon-close.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-close.d.ts","sourceRoot":"","sources":["../../src/assets/icon-close.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS,+CAYd,CAAC;AACF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ var IconClose = function IconClose() {
9
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
10
+ width: "12",
11
+ height: "12",
12
+ viewBox: "0 0 12 12",
13
+ fill: "none",
14
+ xmlns: "http://www.w3.org/2000/svg",
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
16
+ d: "M9 3L3 9M3 3L9 9",
17
+ stroke: "currentColor",
18
+ strokeWidth: "1.5",
19
+ strokeLinecap: "round",
20
+ strokeLinejoin: "round"
21
+ })
22
+ });
23
+ };
24
+ var _default = exports["default"] = IconClose;
@@ -0,0 +1,7 @@
1
+ interface IconSelectboxArrowProps {
2
+ color?: string;
3
+ size?: number;
4
+ }
5
+ declare const IconSelectboxArrow: ({ color, size }: IconSelectboxArrowProps) => import("react/jsx-runtime").JSX.Element;
6
+ export default IconSelectboxArrow;
7
+ //# sourceMappingURL=icon-selectbox-arrow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-selectbox-arrow.d.ts","sourceRoot":"","sources":["../../src/assets/icon-selectbox-arrow.tsx"],"names":[],"mappings":"AAAA,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,QAAA,MAAM,kBAAkB,GAAI,iBAAuC,uBAAuB,4CAgBzF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ var IconSelectboxArrow = function IconSelectboxArrow(_ref) {
9
+ var _ref$color = _ref.color,
10
+ color = _ref$color === void 0 ? 'currentColor' : _ref$color,
11
+ _ref$size = _ref.size,
12
+ size = _ref$size === void 0 ? 20 : _ref$size;
13
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
14
+ width: size,
15
+ height: size,
16
+ viewBox: "0 0 24 24",
17
+ fill: "none",
18
+ stroke: color,
19
+ strokeWidth: "2",
20
+ strokeLinecap: "round",
21
+ strokeLinejoin: "round",
22
+ className: "lucide lucide-chevron-down",
23
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
24
+ d: "M6 9l6 6 6-6"
25
+ })
26
+ });
27
+ };
28
+ var _default = exports["default"] = IconSelectboxArrow;
@@ -0,0 +1,4 @@
1
+ export { default as IconClose } from './icon-close';
2
+ export { default as IconSelectboxArrow } from './icon-selectbox-arrow';
3
+ export { default as IconCheck } from './icon-check';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "IconCheck", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _iconCheck["default"];
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "IconClose", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _iconClose["default"];
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "IconSelectboxArrow", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _iconSelectboxArrow["default"];
22
+ }
23
+ });
24
+ var _iconClose = _interopRequireDefault(require("./icon-close"));
25
+ var _iconSelectboxArrow = _interopRequireDefault(require("./icon-selectbox-arrow"));
26
+ var _iconCheck = _interopRequireDefault(require("./icon-check"));
27
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -0,0 +1,5 @@
1
+ import { ButtonHTMLAttributes } from 'react';
2
+ type InputChipButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
3
+ declare const InputChipButton: ({ onClick, ...props }: InputChipButtonProps) => import("react/jsx-runtime").JSX.Element;
4
+ export default InputChipButton;
5
+ //# sourceMappingURL=InputChipButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputChipButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Chip/InputChipButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACpE,QAAA,MAAM,eAAe,GAAI,uBAAuB,oBAAoB,4CAMnE,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _button = _interopRequireDefault(require("../../atoms/button.ui"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ var _excluded = ["onClick"];
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
14
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
15
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
16
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
17
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
18
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
19
+ var InputChipButton = function InputChipButton(_ref) {
20
+ var onClick = _ref.onClick,
21
+ props = _objectWithoutProperties(_ref, _excluded);
22
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button["default"], _objectSpread(_objectSpread({
23
+ variant: "chip-add",
24
+ onClick: onClick
25
+ }, props), {}, {
26
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
27
+ children: "\uCD94\uAC00"
28
+ })
29
+ }));
30
+ };
31
+ var _default = exports["default"] = InputChipButton;
@@ -0,0 +1,13 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export interface InputChipRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
3
+ placeholder?: string;
4
+ values: string[];
5
+ onChange: (values: string[]) => void;
6
+ limit?: number;
7
+ }
8
+ declare const InputChipRow: {
9
+ ({ values, onChange, placeholder, className, limit, ...props }: InputChipRowProps): import("react/jsx-runtime").JSX.Element;
10
+ displayName: string;
11
+ };
12
+ export default InputChipRow;
13
+ //# sourceMappingURL=InputChipRow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputChipRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Chip/InputChipRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAY9D,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACzF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,YAAY;oEAOf,iBAAiB;;CAiEnB,CAAC;AAGF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,96 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _clsx = _interopRequireDefault(require("clsx"));
9
+ var _react = require("react");
10
+ var _chip = require("../../../constant/chip.constant");
11
+ var _InputChipButton = _interopRequireDefault(require("./InputChipButton"));
12
+ var _InputTextbox = _interopRequireDefault(require("./InputTextbox"));
13
+ var _jsxRuntime = require("react/jsx-runtime");
14
+ var _excluded = ["values", "onChange", "placeholder", "className", "limit"];
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
16
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
19
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
20
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
21
+ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
22
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
23
+ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
24
+ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
25
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
26
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
27
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
28
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
29
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
30
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
31
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
32
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
33
+ var InputChipRow = function InputChipRow(_ref) {
34
+ var values = _ref.values,
35
+ onChange = _ref.onChange,
36
+ placeholder = _ref.placeholder,
37
+ className = _ref.className,
38
+ limit = _ref.limit,
39
+ props = _objectWithoutProperties(_ref, _excluded);
40
+ var _useState = (0, _react.useState)(false),
41
+ _useState2 = _slicedToArray(_useState, 2),
42
+ isExceededLimit = _useState2[0],
43
+ setIsExceededLimit = _useState2[1];
44
+ var _useState3 = (0, _react.useState)(''),
45
+ _useState4 = _slicedToArray(_useState3, 2),
46
+ inputValue = _useState4[0],
47
+ setInputValue = _useState4[1];
48
+ var handleChange = (0, _react.useCallback)(function (value) {
49
+ var trimmedInput = value.trim().replace(_chip.CHIP_REGEX_DOUBLE_SPACES, ' ');
50
+ var isAvailable = trimmedInput && _chip.CHIP_REGEX_WHITELIST.test(trimmedInput);
51
+ var isUnavailable = !trimmedInput || _chip.CHIP_REGEX_BLACKLIST.test(trimmedInput);
52
+ if (isAvailable) {
53
+ if (limit && values.length >= limit) {
54
+ setIsExceededLimit(true);
55
+ } else {
56
+ setInputValue('');
57
+ onChange([].concat(_toConsumableArray(values.filter(function (value) {
58
+ return value.toLowerCase().replace(_chip.CHIP_REGEX_SINGLE_SPACE, '') !== trimmedInput.toLowerCase().replace(_chip.CHIP_REGEX_SINGLE_SPACE, '');
59
+ })), [trimmedInput]));
60
+ }
61
+ } else if (isUnavailable) {
62
+ var newInput = trimmedInput.replace(_chip.CHIP_REGEX_BLACKLIST, '');
63
+ setInputValue(newInput);
64
+ }
65
+ }, [values, limit, onChange]);
66
+ var handleButtonClick = (0, _react.useCallback)(function () {
67
+ handleChange(inputValue);
68
+ }, [inputValue, handleChange]);
69
+ var handleKeyDown = (0, _react.useCallback)(function (e) {
70
+ if (e.key === 'Enter' && e.nativeEvent.isComposing === false) {
71
+ e.preventDefault();
72
+ handleChange(inputValue);
73
+ }
74
+ }, [inputValue, handleChange]);
75
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
76
+ className: (0, _clsx["default"])('flex flex-row gap-2 items-center', isExceededLimit && 'flexmatch-chip-row-buzz', className)
77
+ }, props), {}, {
78
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputTextbox["default"], {
79
+ value: inputValue,
80
+ error: isExceededLimit,
81
+ onFocus: function onFocus() {
82
+ return limit && setIsExceededLimit(false);
83
+ },
84
+ onChange: function onChange(e) {
85
+ var _e$target$value;
86
+ return setInputValue((_e$target$value = e.target.value) !== null && _e$target$value !== void 0 ? _e$target$value : '');
87
+ },
88
+ onKeyDown: handleKeyDown,
89
+ placeholder: placeholder
90
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputChipButton["default"], {
91
+ onClick: handleButtonClick
92
+ })]
93
+ }));
94
+ };
95
+ InputChipRow.displayName = 'InputChipRow';
96
+ var _default = exports["default"] = InputChipRow;
@@ -0,0 +1,5 @@
1
+ declare const InputChipTextbox: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
2
+ error?: boolean;
3
+ } & import("react").RefAttributes<HTMLInputElement>>;
4
+ export default InputChipTextbox;
5
+ //# sourceMappingURL=InputTextbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputTextbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Chip/InputTextbox.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,gBAAgB;YAHZ,OAAO;oDAOhB,CAAC;AAGF,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _react = require("react");
9
+ var _textbox = _interopRequireDefault(require("../../atoms/textbox.ui"));
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+ var _excluded = ["error"];
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
14
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
16
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
17
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
18
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
19
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
20
+ var InputChipTextbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
21
+ var error = _ref.error,
22
+ props = _objectWithoutProperties(_ref, _excluded);
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_textbox["default"], _objectSpread(_objectSpread({
24
+ ref: ref
25
+ }, props), {}, {
26
+ error: error
27
+ }));
28
+ });
29
+ InputChipTextbox.displayName = 'InputTextboxChip';
30
+ var _default = exports["default"] = InputChipTextbox;
@@ -0,0 +1,15 @@
1
+ declare const InputChip: {
2
+ ({ values, onChange, placeholder, className, limit, ...props }: import("./InputChipRow").InputChipRowProps): import("react/jsx-runtime").JSX.Element;
3
+ displayName: string;
4
+ } & {
5
+ Chip: {
6
+ ({ className, onDelete, ...props }: import("../../atoms/chip.ui").ChipUIProps): import("react/jsx-runtime").JSX.Element;
7
+ displayName: string;
8
+ };
9
+ Textbox: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
10
+ error?: boolean;
11
+ } & import("react").RefAttributes<HTMLInputElement>>;
12
+ Button: ({ onClick, ...props }: import("react").ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
13
+ };
14
+ export default InputChip;
15
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Chip/index.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;CAIb,CAAC;AACH,eAAe,SAAS,CAAC"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _atoms = require("../../atoms");
8
+ var _InputChipButton = _interopRequireDefault(require("./InputChipButton"));
9
+ var _InputChipRow = _interopRequireDefault(require("./InputChipRow"));
10
+ var _InputTextbox = _interopRequireDefault(require("./InputTextbox"));
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
+ var InputChip = Object.assign(_InputChipRow["default"], {
13
+ Chip: _atoms.ChipUI,
14
+ Textbox: _InputTextbox["default"],
15
+ Button: _InputChipButton["default"]
16
+ });
17
+ var _default = exports["default"] = InputChip;
@@ -0,0 +1,14 @@
1
+ import { InputMultiSelectableProps, InputSelectableExtraOption } from '@/context/Input';
2
+ export interface InputButtonMultiSelectProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, InputMultiSelectableProps<T> {
3
+ id?: string | undefined;
4
+ title?: string | undefined;
5
+ description?: string | undefined;
6
+ extraOptions: InputSelectableExtraOption<T>[];
7
+ size?: 'small' | 'normal';
8
+ }
9
+ declare const InputButtonMultiSelect: {
10
+ <T>({ id, className, options, size, value, onChange, title, description, extraOptions, ...props }: InputButtonMultiSelectProps<T>): import("react/jsx-runtime").JSX.Element;
11
+ displayName: string;
12
+ };
13
+ export default InputButtonMultiSelect;
14
+ //# sourceMappingURL=InputButtonMultiSelect.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputButtonMultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Selectable/InputButtonMultiSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAIxF,MAAM,WAAW,2BAA2B,CAAC,CAAC,CAC5C,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAC5F,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,EAAE,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B;AACD,QAAA,MAAM,sBAAsB;KAAI,CAAC,iGAW9B,2BAA2B,CAAC,CAAC,CAAC;;CAqDhC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
@@ -0,0 +1,96 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _clsx = _interopRequireDefault(require("clsx"));
9
+ var _react = require("react");
10
+ var _InputButtonSelectButton = _interopRequireDefault(require("./InputButtonSelectButton"));
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ var _excluded = ["id", "className", "options", "size", "value", "onChange", "title", "description", "extraOptions"];
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
17
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
18
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
19
+ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
20
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
21
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
22
+ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
23
+ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
24
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
25
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
26
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
27
+ var InputButtonMultiSelect = function InputButtonMultiSelect(_ref) {
28
+ var id = _ref.id,
29
+ className = _ref.className,
30
+ options = _ref.options,
31
+ _ref$size = _ref.size,
32
+ size = _ref$size === void 0 ? 'normal' : _ref$size,
33
+ value = _ref.value,
34
+ onChange = _ref.onChange,
35
+ title = _ref.title,
36
+ description = _ref.description,
37
+ extraOptions = _ref.extraOptions,
38
+ props = _objectWithoutProperties(_ref, _excluded);
39
+ var trueOptions = (0, _react.useMemo)(function () {
40
+ return options.filter(function (option) {
41
+ return option.value !== '*';
42
+ }).map(function (_ref2) {
43
+ var value = _ref2.value;
44
+ return value;
45
+ });
46
+ }, [options]);
47
+ var handleSelect = (0, _react.useCallback)(function (eventKey) {
48
+ if (eventKey !== null) {
49
+ var option = options.find(function (opt) {
50
+ return String(opt.value) === String(eventKey);
51
+ });
52
+ if (option && onChange) {
53
+ if (option.value === '*') {
54
+ if ((value === null || value === void 0 ? void 0 : value.length) === trueOptions.length) {
55
+ onChange([]);
56
+ } else {
57
+ onChange(trueOptions);
58
+ }
59
+ } else {
60
+ var isSelected = value === null || value === void 0 ? void 0 : value.includes(option.value);
61
+ if (isSelected) {
62
+ var _value$filter;
63
+ onChange((_value$filter = value === null || value === void 0 ? void 0 : value.filter(function (v) {
64
+ return v !== option.value;
65
+ })) !== null && _value$filter !== void 0 ? _value$filter : []);
66
+ } else {
67
+ onChange([].concat(_toConsumableArray(value !== null && value !== void 0 ? value : []), [option.value]));
68
+ }
69
+ }
70
+ }
71
+ }
72
+ }, [options, onChange, value, trueOptions]);
73
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
74
+ id: id,
75
+ className: (0, _clsx["default"])(className, 'flexmatch-button-select-container')
76
+ }, props), {}, {
77
+ children: options.map(function (option) {
78
+ var extraOption = extraOptions.find(function (opt) {
79
+ return opt.value === option.value;
80
+ });
81
+ var isSelected = option.value === '*' ? (value === null || value === void 0 ? void 0 : value.length) === trueOptions.length : value === null || value === void 0 ? void 0 : value.includes(option.value);
82
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputButtonSelectButton["default"], {
83
+ size: size,
84
+ disabled: option.disabled,
85
+ isSelected: isSelected,
86
+ eventKey: String(option.value),
87
+ onSelect: handleSelect,
88
+ title: option.label,
89
+ description: extraOption === null || extraOption === void 0 ? void 0 : extraOption.description,
90
+ icon: extraOption === null || extraOption === void 0 ? void 0 : extraOption.icon
91
+ }, String(option.value));
92
+ })
93
+ }));
94
+ };
95
+ InputButtonMultiSelect.displayName = 'InputButtonMultiSelect';
96
+ var _default = exports["default"] = InputButtonMultiSelect;
@@ -0,0 +1,14 @@
1
+ import { InputSelectableExtraOption, InputSelectableProps } from '@/context/Input';
2
+ export interface InputButtonSelectProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, InputSelectableProps<T> {
3
+ id?: string | undefined;
4
+ title?: string | undefined;
5
+ description?: string | undefined;
6
+ extraOptions: InputSelectableExtraOption<T>[];
7
+ size?: 'small' | 'normal';
8
+ }
9
+ declare const InputButtonSelect: {
10
+ <T>({ id, className, options, size, value, onChange, title, description, extraOptions, ...props }: InputButtonSelectProps<T>): import("react/jsx-runtime").JSX.Element;
11
+ displayName: string;
12
+ };
13
+ export default InputButtonSelect;
14
+ //# sourceMappingURL=InputButtonSelect.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputButtonSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Selectable/InputButtonSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAInF,MAAM,WAAW,sBAAsB,CAAC,CAAC,CACvC,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC;IACvF,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,EAAE,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B;AACD,QAAA,MAAM,iBAAiB;KAAI,CAAC,iGAWzB,sBAAsB,CAAC,CAAC,CAAC;;CAiC3B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -0,0 +1,65 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _clsx = _interopRequireDefault(require("clsx"));
9
+ var _react = require("react");
10
+ var _InputButtonSelectButton = _interopRequireDefault(require("./InputButtonSelectButton"));
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ var _excluded = ["id", "className", "options", "size", "value", "onChange", "title", "description", "extraOptions"];
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
17
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
18
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
19
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
20
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
21
+ var InputButtonSelect = function InputButtonSelect(_ref) {
22
+ var id = _ref.id,
23
+ className = _ref.className,
24
+ options = _ref.options,
25
+ _ref$size = _ref.size,
26
+ size = _ref$size === void 0 ? 'normal' : _ref$size,
27
+ value = _ref.value,
28
+ onChange = _ref.onChange,
29
+ title = _ref.title,
30
+ description = _ref.description,
31
+ extraOptions = _ref.extraOptions,
32
+ props = _objectWithoutProperties(_ref, _excluded);
33
+ var handleSelect = (0, _react.useCallback)(function (eventKey) {
34
+ if (eventKey !== null) {
35
+ var option = options.find(function (opt) {
36
+ return String(opt.value) === String(eventKey);
37
+ });
38
+ if (option && onChange) {
39
+ onChange(option.value);
40
+ }
41
+ }
42
+ }, [options, onChange]);
43
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
44
+ id: id,
45
+ className: (0, _clsx["default"])(className, 'flexmatch-button-select-container')
46
+ }, props), {}, {
47
+ children: options.map(function (option) {
48
+ var extraOption = extraOptions.find(function (opt) {
49
+ return opt.value === option.value;
50
+ });
51
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputButtonSelectButton["default"], {
52
+ size: size,
53
+ disabled: option.disabled,
54
+ isSelected: option.value === value,
55
+ eventKey: String(option.value),
56
+ onSelect: handleSelect,
57
+ title: option.label,
58
+ description: extraOption === null || extraOption === void 0 ? void 0 : extraOption.description,
59
+ icon: extraOption === null || extraOption === void 0 ? void 0 : extraOption.icon
60
+ }, String(option.value));
61
+ })
62
+ }));
63
+ };
64
+ InputButtonSelect.displayName = 'InputButtonSelect';
65
+ var _default = exports["default"] = InputButtonSelect;
@@ -0,0 +1,14 @@
1
+ interface InputButtonSelectButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onSelect'> {
2
+ size?: 'small' | 'normal';
3
+ title?: string | undefined;
4
+ icon?: React.ReactNode | undefined;
5
+ description?: string | undefined;
6
+ disabled?: boolean | undefined;
7
+ isSelected?: boolean | undefined;
8
+ eventKey?: string | number | null | undefined;
9
+ onSelect?: ((eventKey: string | number | null, event: React.SyntheticEvent<HTMLButtonElement>) => void) | undefined;
10
+ onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
11
+ }
12
+ declare const InputButtonSelectButton: ({ title, size, icon, description, disabled, isSelected, eventKey, onSelect, onClick, children, className, ...props }: InputButtonSelectButtonProps) => import("react/jsx-runtime").JSX.Element;
13
+ export default InputButtonSelectButton;
14
+ //# sourceMappingURL=InputButtonSelectButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputButtonSelectButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Selectable/InputButtonSelectButton.tsx"],"names":[],"mappings":"AAKA,UAAU,4BAA6B,SAAQ,IAAI,CACjD,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC,UAAU,CACX;IACC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAEnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEjC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAE9C,QAAQ,CAAC,EACL,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC,GAC5F,SAAS,CAAC;IAEd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAClE;AAED,QAAA,MAAM,uBAAuB,GAAI,sHAa9B,4BAA4B,4CAgE9B,CAAC;AACF,eAAe,uBAAuB,CAAC"}