@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.
- package/cjs/assets/icon-check.d.ts +7 -0
- package/cjs/assets/icon-check.d.ts.map +1 -0
- package/cjs/assets/icon-check.js +28 -0
- package/cjs/assets/icon-close.d.ts +3 -0
- package/cjs/assets/icon-close.d.ts.map +1 -0
- package/cjs/assets/icon-close.js +24 -0
- package/cjs/assets/icon-selectbox-arrow.d.ts +7 -0
- package/cjs/assets/icon-selectbox-arrow.d.ts.map +1 -0
- package/cjs/assets/icon-selectbox-arrow.js +28 -0
- package/cjs/assets/index.d.ts +4 -0
- package/cjs/assets/index.d.ts.map +1 -0
- package/cjs/assets/index.js +27 -0
- package/cjs/components/Input/Chip/InputChipButton.d.ts +5 -0
- package/cjs/components/Input/Chip/InputChipButton.d.ts.map +1 -0
- package/cjs/components/Input/Chip/InputChipButton.js +31 -0
- package/cjs/components/Input/Chip/InputChipRow.d.ts +13 -0
- package/cjs/components/Input/Chip/InputChipRow.d.ts.map +1 -0
- package/cjs/components/Input/Chip/InputChipRow.js +96 -0
- package/cjs/components/Input/Chip/InputTextbox.d.ts +5 -0
- package/cjs/components/Input/Chip/InputTextbox.d.ts.map +1 -0
- package/cjs/components/Input/Chip/InputTextbox.js +30 -0
- package/cjs/components/Input/Chip/index.d.ts +15 -0
- package/cjs/components/Input/Chip/index.d.ts.map +1 -0
- package/cjs/components/Input/Chip/index.js +17 -0
- package/cjs/components/Input/Selectable/InputButtonMultiSelect.d.ts +14 -0
- package/cjs/components/Input/Selectable/InputButtonMultiSelect.d.ts.map +1 -0
- package/cjs/components/Input/Selectable/InputButtonMultiSelect.js +96 -0
- package/cjs/components/Input/Selectable/InputButtonSelect.d.ts +14 -0
- package/cjs/components/Input/Selectable/InputButtonSelect.d.ts.map +1 -0
- package/cjs/components/Input/Selectable/InputButtonSelect.js +65 -0
- package/cjs/components/Input/Selectable/InputButtonSelectButton.d.ts +14 -0
- package/cjs/components/Input/Selectable/InputButtonSelectButton.d.ts.map +1 -0
- package/cjs/components/Input/Selectable/InputButtonSelectButton.js +78 -0
- package/cjs/components/Input/Selectable/InputCardSelect.d.ts +14 -0
- package/cjs/components/Input/Selectable/InputCardSelect.d.ts.map +1 -0
- package/cjs/components/Input/Selectable/InputCardSelect.js +65 -0
- package/cjs/components/Input/Selectable/InputCardSelectButton.d.ts +14 -0
- package/cjs/components/Input/Selectable/InputCardSelectButton.d.ts.map +1 -0
- package/cjs/components/Input/Selectable/InputCardSelectButton.js +85 -0
- package/cjs/components/Input/Selectable/InputCheckbox.d.ts +11 -0
- package/cjs/components/Input/Selectable/InputCheckbox.d.ts.map +1 -0
- package/cjs/components/Input/Selectable/InputCheckbox.js +43 -0
- package/cjs/components/Input/Selectable/InputOptionSwitch.d.ts.map +1 -1
- package/cjs/components/Input/Selectable/InputOptionSwitch.js +5 -2
- package/cjs/components/Input/Selectable/InputOptionSwitchButton.d.ts +2 -1
- package/cjs/components/Input/Selectable/InputOptionSwitchButton.d.ts.map +1 -1
- package/cjs/components/Input/Selectable/InputOptionSwitchButton.js +5 -1
- package/cjs/components/Input/Selectable/InputRadiobutton.d.ts +10 -0
- package/cjs/components/Input/Selectable/InputRadiobutton.d.ts.map +1 -0
- package/cjs/components/Input/Selectable/InputRadiobutton.js +45 -0
- package/cjs/components/Input/Selectable/InputSelectbox.d.ts +12 -0
- package/cjs/components/Input/Selectable/InputSelectbox.d.ts.map +1 -0
- package/cjs/components/Input/Selectable/InputSelectbox.js +92 -0
- package/cjs/components/atoms/button.ui.d.ts +6 -0
- package/cjs/components/atoms/button.ui.d.ts.map +1 -0
- package/cjs/components/atoms/button.ui.js +31 -0
- package/cjs/components/atoms/card-select.ui.d.ts +14 -0
- package/cjs/components/atoms/card-select.ui.d.ts.map +1 -0
- package/cjs/components/atoms/card-select.ui.js +72 -0
- package/cjs/components/atoms/checkbox.ui.d.ts +9 -0
- package/cjs/components/atoms/checkbox.ui.d.ts.map +1 -0
- package/cjs/components/atoms/checkbox.ui.js +86 -0
- package/cjs/components/atoms/chip.ui.d.ts +10 -0
- package/cjs/components/atoms/chip.ui.d.ts.map +1 -0
- package/cjs/components/atoms/chip.ui.js +35 -0
- package/cjs/components/atoms/index.d.ts +9 -0
- package/cjs/components/atoms/index.d.ts.map +1 -0
- package/cjs/components/atoms/index.js +62 -0
- package/cjs/components/atoms/info-card.ui.d.ts +7 -0
- package/cjs/components/atoms/info-card.ui.d.ts.map +1 -0
- package/cjs/components/atoms/info-card.ui.js +36 -0
- package/cjs/components/atoms/radio.ui.d.ts +14 -0
- package/cjs/components/atoms/radio.ui.d.ts.map +1 -0
- package/cjs/components/atoms/radio.ui.js +52 -0
- package/cjs/components/atoms/select.ui.d.ts +19 -0
- package/cjs/components/atoms/select.ui.d.ts.map +1 -0
- package/cjs/components/atoms/select.ui.js +87 -0
- package/cjs/components/atoms/textarea.ui.d.ts +5 -0
- package/cjs/components/atoms/textarea.ui.d.ts.map +1 -0
- package/cjs/components/atoms/textarea.ui.js +33 -0
- package/cjs/components/atoms/textbox.ui.d.ts +6 -1
- package/cjs/components/atoms/textbox.ui.d.ts.map +1 -1
- package/cjs/components/atoms/textbox.ui.js +54 -7
- package/cjs/constant/chip.constant.d.ts +5 -0
- package/cjs/constant/chip.constant.d.ts.map +1 -0
- package/cjs/constant/chip.constant.js +10 -0
- package/cjs/context/Input.d.ts +15 -0
- package/cjs/context/Input.d.ts.map +1 -1
- package/cjs/index.d.ts +12 -1
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +77 -16
- package/dist/index.css +1083 -3
- package/lib/assets/icon-check.d.ts +7 -0
- package/lib/assets/icon-check.d.ts.map +1 -0
- package/lib/assets/icon-check.js +22 -0
- package/lib/assets/icon-close.d.ts +3 -0
- package/lib/assets/icon-close.d.ts.map +1 -0
- package/lib/assets/icon-close.js +18 -0
- package/lib/assets/icon-selectbox-arrow.d.ts +7 -0
- package/lib/assets/icon-selectbox-arrow.d.ts.map +1 -0
- package/lib/assets/icon-selectbox-arrow.js +22 -0
- package/lib/assets/index.d.ts +4 -0
- package/lib/assets/index.d.ts.map +1 -0
- package/lib/assets/index.js +3 -0
- package/lib/components/Input/Chip/InputChipButton.d.ts +5 -0
- package/lib/components/Input/Chip/InputChipButton.d.ts.map +1 -0
- package/lib/components/Input/Chip/InputChipButton.js +24 -0
- package/lib/components/Input/Chip/InputChipRow.d.ts +13 -0
- package/lib/components/Input/Chip/InputChipRow.d.ts.map +1 -0
- package/lib/components/Input/Chip/InputChipRow.js +89 -0
- package/lib/components/Input/Chip/InputTextbox.d.ts +5 -0
- package/lib/components/Input/Chip/InputTextbox.d.ts.map +1 -0
- package/lib/components/Input/Chip/InputTextbox.js +23 -0
- package/lib/components/Input/Chip/index.d.ts +15 -0
- package/lib/components/Input/Chip/index.d.ts.map +1 -0
- package/lib/components/Input/Chip/index.js +10 -0
- package/lib/components/Input/Selectable/InputButtonMultiSelect.d.ts +14 -0
- package/lib/components/Input/Selectable/InputButtonMultiSelect.d.ts.map +1 -0
- package/lib/components/Input/Selectable/InputButtonMultiSelect.js +89 -0
- package/lib/components/Input/Selectable/InputButtonSelect.d.ts +14 -0
- package/lib/components/Input/Selectable/InputButtonSelect.d.ts.map +1 -0
- package/lib/components/Input/Selectable/InputButtonSelect.js +58 -0
- package/lib/components/Input/Selectable/InputButtonSelectButton.d.ts +14 -0
- package/lib/components/Input/Selectable/InputButtonSelectButton.d.ts.map +1 -0
- package/lib/components/Input/Selectable/InputButtonSelectButton.js +71 -0
- package/lib/components/Input/Selectable/InputCardSelect.d.ts +14 -0
- package/lib/components/Input/Selectable/InputCardSelect.d.ts.map +1 -0
- package/lib/components/Input/Selectable/InputCardSelect.js +58 -0
- package/lib/components/Input/Selectable/InputCardSelectButton.d.ts +14 -0
- package/lib/components/Input/Selectable/InputCardSelectButton.d.ts.map +1 -0
- package/lib/components/Input/Selectable/InputCardSelectButton.js +78 -0
- package/lib/components/Input/Selectable/InputCheckbox.d.ts +11 -0
- package/lib/components/Input/Selectable/InputCheckbox.d.ts.map +1 -0
- package/lib/components/Input/Selectable/InputCheckbox.js +37 -0
- package/lib/components/Input/Selectable/InputOptionSwitch.d.ts.map +1 -1
- package/lib/components/Input/Selectable/InputOptionSwitch.js +6 -2
- package/lib/components/Input/Selectable/InputOptionSwitchButton.d.ts +2 -1
- package/lib/components/Input/Selectable/InputOptionSwitchButton.d.ts.map +1 -1
- package/lib/components/Input/Selectable/InputOptionSwitchButton.js +4 -1
- package/lib/components/Input/Selectable/InputRadiobutton.d.ts +10 -0
- package/lib/components/Input/Selectable/InputRadiobutton.d.ts.map +1 -0
- package/lib/components/Input/Selectable/InputRadiobutton.js +38 -0
- package/lib/components/Input/Selectable/InputSelectbox.d.ts +12 -0
- package/lib/components/Input/Selectable/InputSelectbox.d.ts.map +1 -0
- package/lib/components/Input/Selectable/InputSelectbox.js +85 -0
- package/lib/components/atoms/button.ui.d.ts +6 -0
- package/lib/components/atoms/button.ui.d.ts.map +1 -0
- package/lib/components/atoms/button.ui.js +24 -0
- package/lib/components/atoms/card-select.ui.d.ts +14 -0
- package/lib/components/atoms/card-select.ui.d.ts.map +1 -0
- package/lib/components/atoms/card-select.ui.js +65 -0
- package/lib/components/atoms/checkbox.ui.d.ts +9 -0
- package/lib/components/atoms/checkbox.ui.d.ts.map +1 -0
- package/lib/components/atoms/checkbox.ui.js +79 -0
- package/lib/components/atoms/chip.ui.d.ts +10 -0
- package/lib/components/atoms/chip.ui.d.ts.map +1 -0
- package/lib/components/atoms/chip.ui.js +28 -0
- package/lib/components/atoms/index.d.ts +9 -0
- package/lib/components/atoms/index.d.ts.map +1 -0
- package/lib/components/atoms/index.js +8 -0
- package/lib/components/atoms/info-card.ui.d.ts +7 -0
- package/lib/components/atoms/info-card.ui.d.ts.map +1 -0
- package/lib/components/atoms/info-card.ui.js +29 -0
- package/lib/components/atoms/radio.ui.d.ts +14 -0
- package/lib/components/atoms/radio.ui.d.ts.map +1 -0
- package/lib/components/atoms/radio.ui.js +45 -0
- package/lib/components/atoms/select.ui.d.ts +19 -0
- package/lib/components/atoms/select.ui.d.ts.map +1 -0
- package/lib/components/atoms/select.ui.js +80 -0
- package/lib/components/atoms/textarea.ui.d.ts +5 -0
- package/lib/components/atoms/textarea.ui.d.ts.map +1 -0
- package/lib/components/atoms/textarea.ui.js +26 -0
- package/lib/components/atoms/textbox.ui.d.ts +6 -1
- package/lib/components/atoms/textbox.ui.d.ts.map +1 -1
- package/lib/components/atoms/textbox.ui.js +56 -9
- package/lib/constant/chip.constant.d.ts +5 -0
- package/lib/constant/chip.constant.d.ts.map +1 -0
- package/lib/constant/chip.constant.js +4 -0
- package/lib/context/Input.d.ts +15 -0
- package/lib/context/Input.d.ts.map +1 -1
- package/lib/index.d.ts +12 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +17 -3
- 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
|
-
|
|
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,
|
|
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
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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 @@
|
|
|
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;
|
package/cjs/context/Input.d.ts
CHANGED
|
@@ -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
|
|
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
|
package/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
|
23
|
-
|
|
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 }; }
|