@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,33 @@
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 _jsxRuntime = require("react/jsx-runtime");
11
+ var _excluded = ["className", "rows", "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 TextareaUI = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
21
+ var className = _ref.className,
22
+ rows = _ref.rows,
23
+ error = _ref.error,
24
+ props = _objectWithoutProperties(_ref, _excluded);
25
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", _objectSpread(_objectSpread({
26
+ ref: ref
27
+ }, props), {}, {
28
+ rows: rows,
29
+ className: (0, _clsx["default"])(className, 'flexmatch-textarea', error && 'error')
30
+ }));
31
+ });
32
+ TextareaUI.displayName = 'TextareaUI';
33
+ var _default = exports["default"] = TextareaUI;
@@ -1,4 +1,9 @@
1
- type TextboxUIProps = React.InputHTMLAttributes<HTMLInputElement>;
1
+ interface TextboxUIProps extends React.InputHTMLAttributes<HTMLInputElement> {
2
+ label?: string | React.ReactNode | undefined;
3
+ error?: boolean;
4
+ height?: string | number | undefined;
5
+ labelSide?: 'left' | 'right';
6
+ }
2
7
  declare const TextboxUI: import("react").ForwardRefExoticComponent<TextboxUIProps & import("react").RefAttributes<HTMLInputElement>>;
3
8
  export default TextboxUI;
4
9
  //# sourceMappingURL=textbox.ui.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"textbox.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/textbox.ui.tsx"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAClE,QAAA,MAAM,SAAS,6GAYb,CAAC;AAEH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"textbox.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/textbox.ui.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AACD,QAAA,MAAM,SAAS,6GAsDd,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -8,24 +8,71 @@ exports["default"] = void 0;
8
8
  var _clsx = _interopRequireDefault(require("clsx"));
9
9
  var _react = require("react");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
- var _excluded = ["className"];
11
+ var _excluded = ["className", "label", "readOnly", "disabled", "error", "height", "labelSide"];
12
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
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
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
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
16
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
17
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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
19
+ 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."); }
20
+ 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; } }
21
+ 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; }
22
+ 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; } }
23
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
18
24
  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
25
  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
26
  var TextboxUI = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
21
27
  var className = _ref.className,
28
+ Label = _ref.label,
29
+ readOnly = _ref.readOnly,
30
+ disabled = _ref.disabled,
31
+ error = _ref.error,
32
+ height = _ref.height,
33
+ _ref$labelSide = _ref.labelSide,
34
+ labelSide = _ref$labelSide === void 0 ? 'right' : _ref$labelSide,
22
35
  props = _objectWithoutProperties(_ref, _excluded);
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
24
- ref: ref
25
- }, props), {}, {
26
- type: "text",
27
- className: (0, _clsx["default"])(className, 'p-2 w-full rounded-md border border-gray-200 text-b2 h-[50px] placeholder:text-gray-400 font-gray-800')
28
- }));
36
+ var _useState = (0, _react.useState)(0),
37
+ _useState2 = _slicedToArray(_useState, 2),
38
+ labelWidth = _useState2[0],
39
+ setLabelWidth = _useState2[1];
40
+ var labelRef = (0, _react.useRef)(null);
41
+ (0, _react.useEffect)(function () {
42
+ if (Label && labelRef.current) {
43
+ setLabelWidth(labelRef.current.offsetWidth);
44
+ }
45
+ }, [Label]);
46
+ var heightStyle = (0, _react.useMemo)(function () {
47
+ if (typeof height === 'number') {
48
+ return "".concat(height, "px");
49
+ }
50
+ if (typeof height === 'string') {
51
+ return height;
52
+ }
53
+ return undefined;
54
+ }, [height]);
55
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
56
+ className: (0, _clsx["default"])('flexmatch-textbox-container', className),
57
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
58
+ style: {
59
+ paddingRight: labelSide === 'right' ? "".concat(labelWidth + 16, "px") : '12px',
60
+ paddingLeft: labelSide === 'left' ? "".concat(labelWidth + 16, "px") : '12px',
61
+ height: heightStyle
62
+ },
63
+ ref: ref
64
+ }, props), {}, {
65
+ type: "text",
66
+ readOnly: readOnly,
67
+ disabled: disabled,
68
+ className: (0, _clsx["default"])(className, 'flexmatch-textbox', error && 'error')
69
+ })), Label && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
70
+ htmlFor: props.id,
71
+ ref: labelRef,
72
+ className: (0, _clsx["default"])('flexmatch-textbox-label text-b3', disabled && 'disabled', readOnly && 'readonly', labelSide === 'left' ? 'left' : 'right'),
73
+ children: Label
74
+ })]
75
+ });
29
76
  });
30
77
  TextboxUI.displayName = 'TextboxUI';
31
78
  var _default = exports["default"] = TextboxUI;
@@ -0,0 +1,5 @@
1
+ export declare const CHIP_REGEX_WHITELIST: RegExp;
2
+ export declare const CHIP_REGEX_BLACKLIST: RegExp;
3
+ export declare const CHIP_REGEX_SINGLE_SPACE: RegExp;
4
+ export declare const CHIP_REGEX_DOUBLE_SPACES: RegExp;
5
+ //# sourceMappingURL=chip.constant.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chip.constant.d.ts","sourceRoot":"","sources":["../../src/constant/chip.constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,QAAwB,CAAC;AAC1D,eAAO,MAAM,oBAAoB,QAAsB,CAAC;AACxD,eAAO,MAAM,uBAAuB,QAAO,CAAC;AAC5C,eAAO,MAAM,wBAAwB,QAAa,CAAC"}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CHIP_REGEX_WHITELIST = exports.CHIP_REGEX_SINGLE_SPACE = exports.CHIP_REGEX_DOUBLE_SPACES = exports.CHIP_REGEX_BLACKLIST = void 0;
7
+ var CHIP_REGEX_WHITELIST = exports.CHIP_REGEX_WHITELIST = /^[a-zA-Z0-9가-힣 ]*$/g;
8
+ var CHIP_REGEX_BLACKLIST = exports.CHIP_REGEX_BLACKLIST = /[^a-zA-Z0-9가-힣 ]/g;
9
+ var CHIP_REGEX_SINGLE_SPACE = exports.CHIP_REGEX_SINGLE_SPACE = / /g;
10
+ var CHIP_REGEX_DOUBLE_SPACES = exports.CHIP_REGEX_DOUBLE_SPACES = /[ ]{2,}/g;
@@ -3,9 +3,24 @@ export interface InputSelectableOption<T> {
3
3
  value: T;
4
4
  disabled?: boolean;
5
5
  }
6
+ export interface InputMultiSelectableOption<T> {
7
+ label: string;
8
+ value: T | '*';
9
+ disabled?: boolean;
10
+ }
11
+ export interface InputSelectableExtraOption<T> {
12
+ value: T;
13
+ description?: string;
14
+ icon?: React.ReactNode | undefined;
15
+ }
6
16
  export interface InputSelectableProps<T> {
7
17
  value?: T | undefined;
8
18
  onChange?: (value: T) => void;
9
19
  options: InputSelectableOption<T>[];
10
20
  }
21
+ export interface InputMultiSelectableProps<T> {
22
+ value?: T[] | undefined;
23
+ onChange?: (value: T[]) => void;
24
+ options: InputMultiSelectableOption<T>[];
25
+ }
11
26
  //# sourceMappingURL=Input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/context/Input.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;CACrC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/context/Input.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,KAAK,EAAE,CAAC,CAAC;IACT,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;CACrC;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC;CAC1C"}
package/cjs/index.d.ts CHANGED
@@ -1,4 +1,15 @@
1
- export * from '@atoms/option-switch.ui';
1
+ export { IconCheck } from '@assets/index';
2
+ export { default as RadioUI } from '@atoms/radio.ui';
2
3
  export { default as TextboxUI } from '@atoms/textbox.ui';
4
+ export { default as TextareaUI } from '@atoms/textarea.ui';
5
+ export { default as InfoCardUI } from '@atoms/info-card.ui';
6
+ export { default as InputChip } from '@/components/Input/Chip';
3
7
  export { default as InputOptionSwitch } from '@components/Input/Selectable/InputOptionSwitch';
8
+ export { default as InputSelectbox } from '@components/Input/Selectable/InputSelectbox';
9
+ export { default as InputCheckbox } from '@components/Input/Selectable/InputCheckbox';
10
+ export { default as InputCardSelect } from '@components/Input/Selectable/InputCardSelect';
11
+ export { default as InputRadiobutton } from '@components/Input/Selectable/InputRadiobutton';
12
+ export { default as InputButtonSelect } from '@components/Input/Selectable/InputButtonSelect';
13
+ export { default as InputButtonMultiSelect } from '@components/Input/Selectable/InputButtonMultiSelect';
14
+ export type { InputSelectableOption, InputSelectableExtraOption, InputSelectableProps, } from '@context/Input';
4
15
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gDAAgD,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAG5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAExG,YAAY,EACV,qBAAqB,EACrB,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,gBAAgB,CAAC"}
package/cjs/index.js CHANGED
@@ -3,34 +3,95 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- var _exportNames = {
7
- TextboxUI: true,
8
- InputOptionSwitch: true
9
- };
6
+ Object.defineProperty(exports, "IconCheck", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _assets.IconCheck;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "InfoCardUI", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _infoCard["default"];
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "InputButtonMultiSelect", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _InputButtonMultiSelect["default"];
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "InputButtonSelect", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _InputButtonSelect["default"];
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "InputCardSelect", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _InputCardSelect["default"];
34
+ }
35
+ });
36
+ Object.defineProperty(exports, "InputCheckbox", {
37
+ enumerable: true,
38
+ get: function get() {
39
+ return _InputCheckbox["default"];
40
+ }
41
+ });
42
+ Object.defineProperty(exports, "InputChip", {
43
+ enumerable: true,
44
+ get: function get() {
45
+ return _Chip["default"];
46
+ }
47
+ });
10
48
  Object.defineProperty(exports, "InputOptionSwitch", {
11
49
  enumerable: true,
12
50
  get: function get() {
13
51
  return _InputOptionSwitch["default"];
14
52
  }
15
53
  });
54
+ Object.defineProperty(exports, "InputRadiobutton", {
55
+ enumerable: true,
56
+ get: function get() {
57
+ return _InputRadiobutton["default"];
58
+ }
59
+ });
60
+ Object.defineProperty(exports, "InputSelectbox", {
61
+ enumerable: true,
62
+ get: function get() {
63
+ return _InputSelectbox["default"];
64
+ }
65
+ });
66
+ Object.defineProperty(exports, "RadioUI", {
67
+ enumerable: true,
68
+ get: function get() {
69
+ return _radio["default"];
70
+ }
71
+ });
72
+ Object.defineProperty(exports, "TextareaUI", {
73
+ enumerable: true,
74
+ get: function get() {
75
+ return _textarea["default"];
76
+ }
77
+ });
16
78
  Object.defineProperty(exports, "TextboxUI", {
17
79
  enumerable: true,
18
80
  get: function get() {
19
81
  return _textbox["default"];
20
82
  }
21
83
  });
22
- var _optionSwitch = require("./components/atoms/option-switch.ui");
23
- Object.keys(_optionSwitch).forEach(function (key) {
24
- if (key === "default" || key === "__esModule") return;
25
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
26
- if (key in exports && exports[key] === _optionSwitch[key]) return;
27
- Object.defineProperty(exports, key, {
28
- enumerable: true,
29
- get: function get() {
30
- return _optionSwitch[key];
31
- }
32
- });
33
- });
84
+ var _assets = require("./assets");
85
+ var _radio = _interopRequireDefault(require("./components/atoms/radio.ui"));
34
86
  var _textbox = _interopRequireDefault(require("./components/atoms/textbox.ui"));
87
+ var _textarea = _interopRequireDefault(require("./components/atoms/textarea.ui"));
88
+ var _infoCard = _interopRequireDefault(require("./components/atoms/info-card.ui"));
89
+ var _Chip = _interopRequireDefault(require("./components/Input/Chip"));
35
90
  var _InputOptionSwitch = _interopRequireDefault(require("./components/Input/Selectable/InputOptionSwitch"));
91
+ var _InputSelectbox = _interopRequireDefault(require("./components/Input/Selectable/InputSelectbox"));
92
+ var _InputCheckbox = _interopRequireDefault(require("./components/Input/Selectable/InputCheckbox"));
93
+ var _InputCardSelect = _interopRequireDefault(require("./components/Input/Selectable/InputCardSelect"));
94
+ var _InputRadiobutton = _interopRequireDefault(require("./components/Input/Selectable/InputRadiobutton"));
95
+ var _InputButtonSelect = _interopRequireDefault(require("./components/Input/Selectable/InputButtonSelect"));
96
+ var _InputButtonMultiSelect = _interopRequireDefault(require("./components/Input/Selectable/InputButtonMultiSelect"));
36
97
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }