@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,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 _clsx = _interopRequireDefault(require("clsx"));
|
|
9
|
+
var _react = require("react");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
var _excluded = ["className"];
|
|
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 ButtonUI = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
21
|
+
var className = _ref.className,
|
|
22
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({
|
|
24
|
+
ref: ref
|
|
25
|
+
}, props), {}, {
|
|
26
|
+
className: (0, _clsx["default"])(className, 'flexmatch-btn', props.disabled && 'disabled', props.variant === 'chip-add' && 'flexmatch-btn-chip-add'),
|
|
27
|
+
children: props.children
|
|
28
|
+
}));
|
|
29
|
+
});
|
|
30
|
+
ButtonUI.displayName = 'ButtonUI';
|
|
31
|
+
var _default = exports["default"] = ButtonUI;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export declare const CardSelectContainerUI: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const CardSelectIconUI: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
interface CardSelectContentUIProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
title?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const CardSelectContentUI: ({ className, title, description, ...props }: CardSelectContentUIProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
interface CardSelectContentButtonUIProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
isSelected?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const CardSelectContentButtonUI: ({ isSelected, className, ...props }: CardSelectContentButtonUIProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=card-select.ui.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-select.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/card-select.ui.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,qBAAqB,GAAI,mCAInC,cAAc,CAAC,cAAc,CAAC,4CAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,mCAI9B,cAAc,CAAC,cAAc,CAAC,4CAMhC,CAAC;AACF,UAAU,wBAAyB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,eAAO,MAAM,mBAAmB,GAAI,6CAKjC,wBAAwB,4CAW1B,CAAC;AACF,UAAU,8BAA+B,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,eAAO,MAAM,yBAAyB,GAAI,qCAIvC,8BAA8B,4CAShC,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
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.CardSelectIconUI = exports.CardSelectContentUI = exports.CardSelectContentButtonUI = exports.CardSelectContainerUI = void 0;
|
|
8
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
9
|
+
var _assets = require("../../assets");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
var _excluded = ["children", "className"],
|
|
12
|
+
_excluded2 = ["children", "className"],
|
|
13
|
+
_excluded3 = ["className", "title", "description"],
|
|
14
|
+
_excluded4 = ["isSelected", "className"];
|
|
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 _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; }
|
|
22
|
+
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; }
|
|
23
|
+
var CardSelectContainerUI = exports.CardSelectContainerUI = function CardSelectContainerUI(_ref) {
|
|
24
|
+
var children = _ref.children,
|
|
25
|
+
className = _ref.className,
|
|
26
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
27
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
28
|
+
className: (0, _clsx["default"])('flexmatch-card-select-button-container', className)
|
|
29
|
+
}, props), {}, {
|
|
30
|
+
children: children
|
|
31
|
+
}));
|
|
32
|
+
};
|
|
33
|
+
var CardSelectIconUI = exports.CardSelectIconUI = function CardSelectIconUI(_ref2) {
|
|
34
|
+
var children = _ref2.children,
|
|
35
|
+
className = _ref2.className,
|
|
36
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
38
|
+
className: (0, _clsx["default"])('flexmatch-card-select-button-icon', className)
|
|
39
|
+
}, props), {}, {
|
|
40
|
+
children: children
|
|
41
|
+
}));
|
|
42
|
+
};
|
|
43
|
+
var CardSelectContentUI = exports.CardSelectContentUI = function CardSelectContentUI(_ref3) {
|
|
44
|
+
var className = _ref3.className,
|
|
45
|
+
title = _ref3.title,
|
|
46
|
+
description = _ref3.description,
|
|
47
|
+
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
48
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
|
|
49
|
+
className: (0, _clsx["default"])('flexmatch-card-select-button-content', className)
|
|
50
|
+
}, props), {}, {
|
|
51
|
+
children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
52
|
+
className: "flexmatch-card-select-button-content-title text-b2-l",
|
|
53
|
+
children: title
|
|
54
|
+
}), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
55
|
+
className: "flexmatch-card-select-button-content-description text-caption",
|
|
56
|
+
children: description
|
|
57
|
+
})]
|
|
58
|
+
}));
|
|
59
|
+
};
|
|
60
|
+
var CardSelectContentButtonUI = exports.CardSelectContentButtonUI = function CardSelectContentButtonUI(_ref4) {
|
|
61
|
+
var isSelected = _ref4.isSelected,
|
|
62
|
+
className = _ref4.className,
|
|
63
|
+
props = _objectWithoutProperties(_ref4, _excluded4);
|
|
64
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
65
|
+
className: (0, _clsx["default"])('flexmatch-card-select-button-check', isSelected && 'active', className)
|
|
66
|
+
}, props), {}, {
|
|
67
|
+
children: isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_assets.IconCheck, {
|
|
68
|
+
color: "var(--color-gray-900)",
|
|
69
|
+
size: 12
|
|
70
|
+
})
|
|
71
|
+
}));
|
|
72
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface CheckboxUIProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'> {
|
|
2
|
+
onChange?: (checked: boolean) => void;
|
|
3
|
+
label?: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
}
|
|
7
|
+
declare const CheckboxUI: import("react").ForwardRefExoticComponent<CheckboxUIProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
8
|
+
export default CheckboxUI;
|
|
9
|
+
//# sourceMappingURL=checkbox.ui.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/checkbox.ui.tsx"],"names":[],"mappings":"AAKA,UAAU,eAAgB,SAAQ,IAAI,CACpC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,MAAM,CACpB;IACC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACzC;AA8BD,QAAA,MAAM,UAAU,8GAiCf,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
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 _assets = require("../../assets");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
var _excluded = ["label", "required", "checked", "onChange", "className", "size"];
|
|
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 SizeMap = {
|
|
22
|
+
xs: {
|
|
23
|
+
width: 16,
|
|
24
|
+
height: 16,
|
|
25
|
+
iconSize: 12
|
|
26
|
+
},
|
|
27
|
+
sm: {
|
|
28
|
+
width: 20,
|
|
29
|
+
height: 20,
|
|
30
|
+
iconSize: 14
|
|
31
|
+
},
|
|
32
|
+
md: {
|
|
33
|
+
width: 24,
|
|
34
|
+
height: 24,
|
|
35
|
+
iconSize: 16
|
|
36
|
+
},
|
|
37
|
+
lg: {
|
|
38
|
+
width: 28,
|
|
39
|
+
height: 28,
|
|
40
|
+
iconSize: 18
|
|
41
|
+
},
|
|
42
|
+
xl: {
|
|
43
|
+
width: 32,
|
|
44
|
+
height: 32,
|
|
45
|
+
iconSize: 20
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
var CheckboxUI = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
49
|
+
var label = _ref.label,
|
|
50
|
+
required = _ref.required,
|
|
51
|
+
checked = _ref.checked,
|
|
52
|
+
_onChange = _ref.onChange,
|
|
53
|
+
className = _ref.className,
|
|
54
|
+
_ref$size = _ref.size,
|
|
55
|
+
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
56
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
57
|
+
var sizeStyle = SizeMap[size];
|
|
58
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
59
|
+
className: (0, _clsx["default"])(className, 'flexmatch-checkbox-container'),
|
|
60
|
+
onClick: function onClick() {
|
|
61
|
+
return _onChange === null || _onChange === void 0 ? void 0 : _onChange(!checked);
|
|
62
|
+
},
|
|
63
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
64
|
+
className: (0, _clsx["default"])('flexmatch-checkbox', size ? "".concat(size) : '', checked && 'flexmatch-checkbox-checked', required && !checked && 'flexmatch-checkbox-required'),
|
|
65
|
+
style: sizeStyle,
|
|
66
|
+
children: (checked || required) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_assets.IconCheck, {
|
|
67
|
+
color: "var(--color-gray-900)",
|
|
68
|
+
size: sizeStyle.iconSize
|
|
69
|
+
})
|
|
70
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
|
|
71
|
+
type: "checkbox"
|
|
72
|
+
}, props), {}, {
|
|
73
|
+
ref: ref,
|
|
74
|
+
className: "flexmatch-checkbox-input",
|
|
75
|
+
checked: checked,
|
|
76
|
+
onChange: function onChange(e) {
|
|
77
|
+
return _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target.checked);
|
|
78
|
+
}
|
|
79
|
+
})), label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
80
|
+
className: "flexmatch-checkbox-label",
|
|
81
|
+
children: label
|
|
82
|
+
})]
|
|
83
|
+
});
|
|
84
|
+
});
|
|
85
|
+
CheckboxUI.displayName = 'CheckboxUI';
|
|
86
|
+
var _default = exports["default"] = CheckboxUI;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export interface ChipUIProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
onDelete?: () => void;
|
|
4
|
+
}
|
|
5
|
+
declare const ChipUI: {
|
|
6
|
+
({ className, onDelete, ...props }: ChipUIProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
9
|
+
export default ChipUI;
|
|
10
|
+
//# sourceMappingURL=chip.ui.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/chip.ui.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AACD,QAAA,MAAM,MAAM;wCAAuC,WAAW;;CAW7D,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
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 _iconClose = _interopRequireDefault(require("../../assets/icon-close"));
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
var _excluded = ["className", "onDelete"];
|
|
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 ChipUI = function ChipUI(_ref) {
|
|
21
|
+
var className = _ref.className,
|
|
22
|
+
onDelete = _ref.onDelete,
|
|
23
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
|
|
25
|
+
className: (0, _clsx["default"])('flexmatch-chip text-b3', className)
|
|
26
|
+
}, props), {}, {
|
|
27
|
+
children: [props.children, onDelete && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
28
|
+
className: "flexmatch-chip-delete",
|
|
29
|
+
onClick: onDelete,
|
|
30
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconClose["default"], {})
|
|
31
|
+
})]
|
|
32
|
+
}));
|
|
33
|
+
};
|
|
34
|
+
ChipUI.displayName = 'ChipUI';
|
|
35
|
+
var _default = exports["default"] = ChipUI;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { default as ButtonUI } from './button.ui';
|
|
2
|
+
export { default as ChipUI } from './chip.ui';
|
|
3
|
+
export { default as CheckboxUI } from './checkbox.ui';
|
|
4
|
+
export { default as TextboxUI } from './textbox.ui';
|
|
5
|
+
export { default as TextareaUI } from './textarea.ui';
|
|
6
|
+
export { default as InfoCardUI } from './info-card.ui';
|
|
7
|
+
export { default as SelectBoxUI } from './select.ui';
|
|
8
|
+
export { default as RadioUI } from './radio.ui';
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "ButtonUI", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _button["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "CheckboxUI", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _checkbox["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "ChipUI", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _chip["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "InfoCardUI", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _infoCard["default"];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "RadioUI", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _radio["default"];
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "SelectBoxUI", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _select["default"];
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "TextareaUI", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _textarea["default"];
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "TextboxUI", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _textbox["default"];
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
var _button = _interopRequireDefault(require("./button.ui"));
|
|
55
|
+
var _chip = _interopRequireDefault(require("./chip.ui"));
|
|
56
|
+
var _checkbox = _interopRequireDefault(require("./checkbox.ui"));
|
|
57
|
+
var _textbox = _interopRequireDefault(require("./textbox.ui"));
|
|
58
|
+
var _textarea = _interopRequireDefault(require("./textarea.ui"));
|
|
59
|
+
var _infoCard = _interopRequireDefault(require("./info-card.ui"));
|
|
60
|
+
var _select = _interopRequireDefault(require("./select.ui"));
|
|
61
|
+
var _radio = _interopRequireDefault(require("./radio.ui"));
|
|
62
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
interface InfoCardUIProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
title?: string;
|
|
4
|
+
}
|
|
5
|
+
declare const InfoCardUI: import("react").ForwardRefExoticComponent<InfoCardUIProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export default InfoCardUI;
|
|
7
|
+
//# sourceMappingURL=info-card.ui.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"info-card.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/info-card.ui.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnD,UAAU,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,QAAA,MAAM,UAAU,4GASf,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
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 = ["title", "className", "children"];
|
|
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 InfoCardUI = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
21
|
+
var title = _ref.title,
|
|
22
|
+
className = _ref.className,
|
|
23
|
+
children = _ref.children,
|
|
24
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
|
|
26
|
+
ref: ref,
|
|
27
|
+
className: (0, _clsx["default"])('flexmatch-info-card', className)
|
|
28
|
+
}, props), {}, {
|
|
29
|
+
children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
|
|
30
|
+
className: "text-gray-900 text-b3",
|
|
31
|
+
children: title
|
|
32
|
+
}), children]
|
|
33
|
+
}));
|
|
34
|
+
});
|
|
35
|
+
InfoCardUI.displayName = 'InfoCardUI';
|
|
36
|
+
var _default = exports["default"] = InfoCardUI;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
interface RadioItemUIProps extends HTMLAttributes<HTMLInputElement> {
|
|
3
|
+
id?: string | undefined;
|
|
4
|
+
value?: string | number | undefined;
|
|
5
|
+
disabled?: boolean | undefined;
|
|
6
|
+
checked?: boolean | undefined;
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
}
|
|
9
|
+
declare const RadioUI: {
|
|
10
|
+
({ id, value, disabled, checked, onClick, children, className, ...props }: RadioItemUIProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export default RadioUI;
|
|
14
|
+
//# sourceMappingURL=radio.ui.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/radio.ui.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,gBAAiB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACjE,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,QAAA,MAAM,OAAO;+EASV,gBAAgB;;CAuBlB,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
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 _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
var _excluded = ["id", "value", "disabled", "checked", "onClick", "children", "className"];
|
|
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 RadioUI = function RadioUI(_ref) {
|
|
20
|
+
var id = _ref.id,
|
|
21
|
+
value = _ref.value,
|
|
22
|
+
disabled = _ref.disabled,
|
|
23
|
+
checked = _ref.checked,
|
|
24
|
+
_onClick = _ref.onClick,
|
|
25
|
+
children = _ref.children,
|
|
26
|
+
className = _ref.className,
|
|
27
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
29
|
+
className: (0, _clsx["default"])('flexmatch-radiobutton-item', className),
|
|
30
|
+
onClick: function onClick() {
|
|
31
|
+
return !disabled && (_onClick === null || _onClick === void 0 ? void 0 : _onClick());
|
|
32
|
+
},
|
|
33
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, props), {}, {
|
|
34
|
+
type: "radio",
|
|
35
|
+
name: id,
|
|
36
|
+
readOnly: true,
|
|
37
|
+
checked: checked,
|
|
38
|
+
disabled: !!disabled,
|
|
39
|
+
className: 'flexmatch-radiobutton-input'
|
|
40
|
+
})), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
41
|
+
className: (0, _clsx["default"])('flexmatch-radiobutton-icon', checked && 'checked'),
|
|
42
|
+
children: checked && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
43
|
+
className: 'flexmatch-radiobutton-icon-checked'
|
|
44
|
+
})
|
|
45
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
46
|
+
className: (0, _clsx["default"])('text-b2 flexmatch-radiobutton-label', disabled && 'disabled'),
|
|
47
|
+
children: children
|
|
48
|
+
})]
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
RadioUI.displayName = 'RadioContainerUI';
|
|
52
|
+
var _default = exports["default"] = RadioUI;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
interface ItemUIProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
disabled?: boolean | undefined;
|
|
3
|
+
}
|
|
4
|
+
interface ToggleUIProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const SelectBoxUI: {
|
|
8
|
+
Button: (props: React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
9
|
+
error?: boolean;
|
|
10
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
ButtonOverlay: (props: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
Menu: ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
ItemBackground: ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
Item: ({ children, onClick, disabled, ...props }: ItemUIProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
ItemText: ({ children, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
Toggle: ({ isOpen, ...props }: ToggleUIProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
};
|
|
18
|
+
export default SelectBoxUI;
|
|
19
|
+
//# sourceMappingURL=select.ui.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/select.ui.tsx"],"names":[],"mappings":"AAiCA,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AA0BD,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClE,MAAM,EAAE,OAAO,CAAC;CACjB;AAYD,QAAA,MAAM,WAAW;oBAvEQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE;2BAW5D,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;mCAG5B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;6CAO1B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;sDAW3B,WAAW;uCAiB1B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;mCAWzC,aAAa;CAmBpD,CAAC;AACF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _assets = require("../../assets");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
var _excluded = ["children"],
|
|
11
|
+
_excluded2 = ["children"],
|
|
12
|
+
_excluded3 = ["children", "onClick", "disabled"],
|
|
13
|
+
_excluded4 = ["children"],
|
|
14
|
+
_excluded5 = ["isOpen"];
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
16
|
+
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); }
|
|
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
|
+
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; }
|
|
20
|
+
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; }
|
|
21
|
+
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; }
|
|
22
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
23
|
+
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); }
|
|
24
|
+
var ButtonUI = function ButtonUI(props) {
|
|
25
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({}, props), {}, {
|
|
26
|
+
className: (0, _clsx["default"])(props.className, 'flexmatch-selectbox-button', props.error && 'error'),
|
|
27
|
+
children: props.children
|
|
28
|
+
}));
|
|
29
|
+
};
|
|
30
|
+
var ButtonOverlayUI = function ButtonOverlayUI(props) {
|
|
31
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
|
|
32
|
+
className: (0, _clsx["default"])(props.className, 'flexmatch-selectbox-button-overlay')
|
|
33
|
+
}));
|
|
34
|
+
};
|
|
35
|
+
var MenuUI = function MenuUI(_ref) {
|
|
36
|
+
var children = _ref.children,
|
|
37
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
38
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
|
|
39
|
+
className: (0, _clsx["default"])(props.className, 'flexmatch-selectbox-menu'),
|
|
40
|
+
children: children
|
|
41
|
+
}));
|
|
42
|
+
};
|
|
43
|
+
var ItemBackgroundUI = function ItemBackgroundUI(_ref2) {
|
|
44
|
+
var children = _ref2.children,
|
|
45
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
|
|
47
|
+
className: (0, _clsx["default"])(props.className, 'flexmatch-selectbox-item-background'),
|
|
48
|
+
children: children
|
|
49
|
+
}));
|
|
50
|
+
};
|
|
51
|
+
var ItemUI = function ItemUI(_ref3) {
|
|
52
|
+
var children = _ref3.children,
|
|
53
|
+
onClick = _ref3.onClick,
|
|
54
|
+
disabled = _ref3.disabled,
|
|
55
|
+
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
56
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
|
|
57
|
+
onClick: disabled ? undefined : onClick,
|
|
58
|
+
className: (0, _clsx["default"])(props.className, 'flexmatch-selectbox-item', disabled && 'disabled', onClick && 'cursor-pointer'),
|
|
59
|
+
children: children
|
|
60
|
+
}));
|
|
61
|
+
};
|
|
62
|
+
var ItemTextUI = function ItemTextUI(_ref4) {
|
|
63
|
+
var children = _ref4.children,
|
|
64
|
+
props = _objectWithoutProperties(_ref4, _excluded4);
|
|
65
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, props), {}, {
|
|
66
|
+
className: (0, _clsx["default"])(props.className, 'flexmatch-selectbox-item-text', 'no-drag'),
|
|
67
|
+
children: children
|
|
68
|
+
}));
|
|
69
|
+
};
|
|
70
|
+
var ToggleUI = function ToggleUI(_ref5) {
|
|
71
|
+
var isOpen = _ref5.isOpen,
|
|
72
|
+
props = _objectWithoutProperties(_ref5, _excluded5);
|
|
73
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
|
|
74
|
+
className: (0, _clsx["default"])(props.className, 'flexmatch-selectbox-toggle', isOpen && 'open'),
|
|
75
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_assets.IconSelectboxArrow, {})
|
|
76
|
+
}));
|
|
77
|
+
};
|
|
78
|
+
var SelectBoxUI = {
|
|
79
|
+
Button: ButtonUI,
|
|
80
|
+
ButtonOverlay: ButtonOverlayUI,
|
|
81
|
+
Menu: MenuUI,
|
|
82
|
+
ItemBackground: ItemBackgroundUI,
|
|
83
|
+
Item: ItemUI,
|
|
84
|
+
ItemText: ItemTextUI,
|
|
85
|
+
Toggle: ToggleUI
|
|
86
|
+
};
|
|
87
|
+
var _default = exports["default"] = SelectBoxUI;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
declare const TextareaUI: import("react").ForwardRefExoticComponent<import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
2
|
+
error?: boolean;
|
|
3
|
+
} & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
4
|
+
export default TextareaUI;
|
|
5
|
+
//# sourceMappingURL=textarea.ui.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/textarea.ui.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;YAFN,OAAO;uDAahB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|