@1money/react-ui 0.1.0-alpha.2 → 0.1.0-alpha.21

package/lib/components/Select/Select.js

@@ -12,6 +12,7 @@ var _dropdown = require("primereact/dropdown");
 var _multiselect = require("primereact/multiselect");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("../../utils/classnames"));
+var _Icons = require("./Icons");
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -21,37 +22,66 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 var Select = exports.Select = function Select(props) {
-  var multiple = props.multiple,
+  var label = props.label,
+    required = props.required,
+    multiple = props.multiple,
     options = props.options,
-    className = props.className,
+    name = props.name,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    panelClassName = props.panelClassName,
     _onChange = props.onChange,
     _props$prefixCls = props.prefixCls,
     prefixCls = _props$prefixCls === void 0 ? 'select' : _props$prefixCls,
-    rest = __rest(props, ["multiple", "options", "className", "onChange", "prefixCls"]);
+    wrapperCls = props.wrapperCls,
+    rest = __rest(props, ["label", "required", "multiple", "options", "name", "className", "panelClassName", "onChange", "prefixCls", "wrapperCls"]);
   var classes = (0, _classnames["default"])(prefixCls);
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     selected = _useState2[0],
     setSelected = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
   var SelectComponent = (0, _react.useMemo)(function () {
     return multiple ? _multiselect.MultiSelect : _dropdown.Dropdown;
   }, [multiple]);
-  return (0, _jsxRuntime.jsx)(SelectComponent, Object.assign({}, rest, {
-    options: options,
-    value: selected,
-    className: classes(void 0, className),
-    onChange: function onChange(e) {
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
-      setSelected(e.value);
-    }
-  }));
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: classes('wrapper', wrapperCls),
+    children: [label && (0, _jsxRuntime.jsx)("span", {
+      className: classes('label', required ? classes('label-required') : ''),
+      children: label
+    }), (0, _jsxRuntime.jsx)(SelectComponent, Object.assign({}, rest, {
+      name: name,
+      required: required,
+      options: options,
+      value: selected,
+      className: classes(void 0, [isOpen ? classes('show') : '', className].join(' ')),
+      panelClassName: classes('panel', panelClassName),
+      onChange: function onChange(e) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
+        setSelected(e.value);
+      },
+      onHide: function onHide() {
+        return setIsOpen(false);
+      },
+      onShow: function onShow() {
+        return setIsOpen(true);
+      },
+      dropdownIcon: _Icons.DropIcon
+    }))]
+  });
 };
 /**
  * prop-types can make sure the type-check whatever the environment whether or not use typescript
  */
 Select.propTypes = {
+  label: _propTypes["default"].string,
+  required: _propTypes["default"].bool,
   className: _propTypes["default"].string,
-  prefixCls: _propTypes["default"].string
+  prefixCls: _propTypes["default"].string,
+  wrapperCls: _propTypes["default"].string
 };
 var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(Select);
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2Ryb3Bkb3duIiwiX211bHRpc2VsZWN0IiwiX3Byb3BUeXBlcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY2xhc3NuYW1lcyIsIl9fcmVzdCIsInMiLCJlIiwidCIsInAiLCJPYmplY3QiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpbmRleE9mIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwiaSIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwiU2VsZWN0IiwiZXhwb3J0cyIsInByb3BzIiwibXVsdGlwbGUiLCJvcHRpb25zIiwiY2xhc3NOYW1lIiwib25DaGFuZ2UiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwicmVzdCIsImNsYXNzZXMiLCJjbGFzc25hbWVzIiwiX3VzZVN0YXRlIiwidXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkyIiwic2VsZWN0ZWQiLCJzZXRTZWxlY3RlZCIsIlNlbGVjdENvbXBvbmVudCIsInVzZU1lbW8iLCJNdWx0aVNlbGVjdCIsIkRyb3Bkb3duIiwiX2pzeCIsImFzc2lnbiIsInZhbHVlIiwicHJvcFR5cGVzIiwic3RyaW5nIiwiX2RlZmF1bHQiLCJtZW1vIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQVdBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ1hBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFNBQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLFlBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUwsT0FBQTtBQUNBLElBQUFNLFdBQUEsR0FBQUQsc0JBQUEsQ0FBQUwsT0FBQTtBREpB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QVEsQ0FBQztNQUNwQjZCLFdBQVcsQ0FBQzdCLENBQUMsQ0FBQ29DLEtBQUssQ0FBQztJQUN0QjtFQUFDLENBQUEsQ0FBQSxDQUNEO0FBRU4sQ0FBQztBQUVEO0FEREE7QUFDQTtBQ0dBeEIsTUFBTSxDQUFDeUIsU0FBUyxHQUFHO0VBQ2pCcEIsU0FBUyxFQUFFb0IscUJBQVMsQ0FBQ0MsTUFBTTtFQUMzQmxCLFNBQVMsRUFBRWlCLHFCQUFTLENBQUNDO0FERHZCLENDRUM7QUFBQyxJQUFBQyxRQUFBLEdBQUExQixPQUFBLDJCQUVhLElBQUEyQixXQUFJLEVBQUM1QixNQUFNLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRHJvcGRvd24gfSBmcm9tICdwcmltZXJlYWN0L2Ryb3Bkb3duJztcbmltcG9ydCB7IE11bHRpU2VsZWN0IH0gZnJvbSAncHJpbWVyZWFjdC9tdWx0aXNlbGVjdCc7XG5pbXBvcnQgcHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5leHBvcnQgY29uc3QgU2VsZWN0ID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgbXVsdGlwbGUsIG9wdGlvbnMsIGNsYXNzTmFtZSwgb25DaGFuZ2UsIHByZWZpeENscyA9ICdzZWxlY3QnIH0gPSBwcm9wcywgcmVzdCA9IF9fcmVzdChwcm9wcywgW1wibXVsdGlwbGVcIiwgXCJvcHRpb25zXCIsIFwiY2xhc3NOYW1lXCIsIFwib25DaGFuZ2VcIiwgXCJwcmVmaXhDbHNcIl0pO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3QgW3NlbGVjdGVkLCBzZXRTZWxlY3RlZF0gPSB1c2VTdGF0ZShudWxsKTtcbiAgICBjb25zdCBTZWxlY3RDb21wb25lbnQgPSB1c2VNZW1vKCgpID0+IG11bHRpcGxlID8gTXVsdGlTZWxlY3QgOiBEcm9wZG93biwgW211bHRpcGxlXSk7XG4gICAgcmV0dXJuIChfanN4KFNlbGVjdENvbXBvbmVudCwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyBvcHRpb25zOiBvcHRpb25zLCB2YWx1ZTogc2VsZWN0ZWQsIGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIGNsYXNzTmFtZSksIG9uQ2hhbmdlOiAoZSkgPT4ge1xuICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKGUpO1xuICAgICAgICAgICAgc2V0U2VsZWN0ZWQoZS52YWx1ZSk7XG4gICAgICAgIH0gfSkpKTtcbn07XG4vKipcbiAqIHByb3AtdHlwZXMgY2FuIG1ha2Ugc3VyZSB0aGUgdHlwZS1jaGVjayB3aGF0ZXZlciB0aGUgZW52aXJvbm1lbnQgd2hldGhlciBvciBub3QgdXNlIHR5cGVzY3JpcHRcbiAqL1xuU2VsZWN0LnByb3BUeXBlcyA9IHtcbiAgICBjbGFzc05hbWU6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgcHJlZml4Q2xzOiBwcm9wVHlwZXMuc3RyaW5nXG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhTZWxlY3QpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2Ryb3Bkb3duIiwiX211bHRpc2VsZWN0IiwiX3Byb3BUeXBlcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY2xhc3NuYW1lcyIsIl9JY29ucyIsIl9fcmVzdCIsInMiLCJlIiwidCIsInAiLCJPYmplY3QiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpbmRleE9mIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwiaSIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwiU2VsZWN0IiwiZXhwb3J0cyIsInByb3BzIiwibGFiZWwiLCJyZXF1aXJlZCIsIm11bHRpcGxlIiwib3B0aW9ucyIsIm5hbWUiLCJfcHJvcHMkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwicGFuZWxDbGFzc05hbWUiLCJvbkNoYW5nZSIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJ3cmFwcGVyQ2xzIiwicmVzdCIsImNsYXNzZXMiLCJjbGFzc25hbWVzIiwiX3VzZVN0YXRlIiwidXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkyIiwic2VsZWN0ZWQiLCJzZXRTZWxlY3RlZCIsIl91c2VTdGF0ZTMiLCJfdXNlU3RhdGU0IiwiaXNPcGVuIiwic2V0SXNPcGVuIiwiU2VsZWN0Q29tcG9uZW50IiwidXNlTWVtbyIsIk11bHRpU2VsZWN0IiwiRHJvcGRvd24iLCJfanN4cyIsImNoaWxkcmVuIiwiX2pzeCIsImFzc2lnbiIsInZhbHVlIiwiam9pbiIsIm9uSGlkZSIsIm9uU2hvdyIsImRyb3Bkb3duSWNvbiIsIkRyb3BJY29uIiwicHJvcFR5cGVzIiwic3RyaW5nIiwiYm9vbCIsIl9kZWZhdWx0IiwibWVtbyJdLCJt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TUFDaEYzQixjQUFjLEVBQUVNLE9BQU8sQ0FBQyxPQUFPLEVBQUVOLGNBQWMsQ0FBQztNQUNoREMsUUFBUSxFQUFFLFNBQVZBLFFBQVFBLENBQUd2QixDQUFDLEVBQUk7UUFDZHVCLFNBQVEsS0FBQSxJQUFBLElBQVJBLFNBQVEsS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBUkEsU0FBUSxDQUFHdkIsQ0FBUSxDQUFDO1FBQ3BCbUMsV0FBVyxDQUFDbkMsQ0FBQyxDQUFDZ0QsS0FBSyxDQUFDO01BQ3RCLENBQUM7TUFDREUsTUFBTSxFQUFFLFNBQVJBLE1BQU1BLENBQUE7UUFBQSxPQUFRWCxTQUFTLENBQUMsS0FBSyxDQUFDO01BQUE7TUFDOUJZLE1BQU0sRUFBRSxTQUFSQSxNQUFNQSxDQUFBO1FBQUEsT0FBUVosU0FBUyxDQUFDLElBQUksQ0FBQztNQUFBO01BQzdCYSxZQUFZLEVBQUVDO0lBQVEsQ0FBQSxDQUFBLENBQ3RCO0VBQUEsQ0FBQSxDQUNFO0FBRVYsQ0FBQztBQUVEO0FEVkE7QUFDQTtBQ1lBekMsTUFBTSxDQUFDMEMsU0FBUyxHQUFHO0VBQ2pCdkMsS0FBSyxFQUFFdUMscUJBQVMsQ0FBQ0MsTUFBTTtFQUN2QnZDLFFBQVEsRUFBRXNDLHFCQUFTLENBQUNFLElBQUk7RUFDeEJuQyxTQUFTLEVBQUVpQyxxQkFBUyxDQUFDQyxNQUFNO0VBQzNCOUIsU0FBUyxFQUFFNkIscUJBQVMsQ0FBQ0MsTUFBTTtFQUMzQjdCLFVBQVUsRUFBRTRCLHFCQUFTLENBQUNDO0FEVnhCLENDV0M7QUFBQyxJQUFBRSxRQUFBLEdBQUE1QyxPQUFBLDJCQUVhLElBQUE2QyxXQUFJLEVBQUM5QyxNQUFNLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRHJvcGRvd24gfSBmcm9tICdwcmltZXJlYWN0L2Ryb3Bkb3duJztcbmltcG9ydCB7IE11bHRpU2VsZWN0IH0gZnJvbSAncHJpbWVyZWFjdC9tdWx0aXNlbGVjdCc7XG5pbXBvcnQgcHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyBEcm9wSWNvbiB9IGZyb20gJy4vSWNvbnMnO1xuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGxhYmVsLCByZXF1aXJlZCwgbXVsdGlwbGUsIG9wdGlvbnMsIG5hbWUsIGNsYXNzTmFtZSA9ICcnLCBwYW5lbENsYXNzTmFtZSwgb25DaGFuZ2UsIHByZWZpeENscyA9ICdzZWxlY3QnLCB3cmFwcGVyQ2xzIH0gPSBwcm9wcywgcmVzdCA9IF9fcmVzdChwcm9wcywgW1wibGFiZWxcIiwgXCJyZXF1aXJlZFwiLCBcIm11bHRpcGxlXCIsIFwib3B0aW9uc1wiLCBcIm5hbWVcIiwgXCJjbGFzc05hbWVcIiwgXCJwYW5lbENsYXNzTmFtZVwiLCBcIm9uQ2hhbmdlXCIsIFwicHJlZml4Q2xzXCIsIFwid3JhcHBlckNsc1wiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBbc2VsZWN0ZWQsIHNldFNlbGVjdGVkXSA9IHVzZVN0YXRlKG51bGwpO1xuICAgIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgU2VsZWN0Q29tcG9uZW50ID0gdXNlTWVtbygoKSA9PiBtdWx0aXBsZSA/IE11bHRpU2VsZWN0IDogRHJvcGRvd24sIFttdWx0aXBsZV0pO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3dyYXBwZXInLCB3cmFwcGVyQ2xzKSwgY2hpbGRyZW46IFtsYWJlbCAmJiBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnbGFiZWwnLCByZXF1aXJlZCA/IGNsYXNzZXMoJ2xhYmVsLXJlcXVpcmVkJykgOiAnJyksIGNoaWxkcmVuOiBsYWJlbCB9KSwgX2pzeChTZWxlY3RDb21wb25lbnQsIE9iamVjdC5hc3NpZ24oe30sIHJlc3QsIHsgbmFtZTogbmFtZSwgcmVxdWlyZWQ6IHJlcXVpcmVkLCBvcHRpb25zOiBvcHRpb25zLCB2YWx1ZTogc2VsZWN0ZWQsIGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIFtpc09wZW4gPyBjbGFzc2VzKCdzaG93JykgOiAnJywgY2xhc3NOYW1lXS5qb2luKCcgJykpLCBwYW5lbENsYXNzTmFtZTogY2xhc3NlcygncGFuZWwnLCBwYW5lbENsYXNzTmFtZSksIG9uQ2hhbmdlOiAoZSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2UoZSk7XG4gICAgICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkKGUudmFsdWUpO1xuICAgICAgICAgICAgICAgIH0sIG9uSGlkZTogKCkgPT4gc2V0SXNPcGVuKGZhbHNlKSwgb25TaG93OiAoKSA9PiBzZXRJc09wZW4odHJ1ZSksIGRyb3Bkb3duSWNvbjogRHJvcEljb24gfSkpXSB9KSk7XG59O1xuLyoqXG4gKiBwcm9wLXR5cGVzIGNhbiBtYWtlIHN1cmUgdGhlIHR5cGUtY2hlY2sgd2hhdGV2ZXIgdGhlIGVudmlyb25tZW50IHdoZXRoZXIgb3Igbm90IHVzZSB0eXBlc2NyaXB0XG4gKi9cblNlbGVjdC5wcm9wVHlwZXMgPSB7XG4gICAgbGFiZWw6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgcmVxdWlyZWQ6IHByb3BUeXBlcy5ib29sLFxuICAgIGNsYXNzTmFtZTogcHJvcFR5cGVzLnN0cmluZyxcbiAgICBwcmVmaXhDbHM6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgd3JhcHBlckNsczogcHJvcFR5cGVzLnN0cmluZ1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oU2VsZWN0KTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Select/interface.d.ts

@@ -2,6 +2,9 @@ import { DropdownProps } from 'primereact/dropdown';
 import { MultiSelectProps as PrimeMultiSelectProps } from 'primereact/multiselect';
 interface BaseProps {
     prefixCls?: string;
+    wrapperCls?: string;
+    label?: string;
+    required?: boolean;
 }
 export interface SingleSelectProps extends Omit<DropdownProps, 'value'>, BaseProps {
     multiple?: false;

package/lib/components/Select/style/Select.css

@@ -1 +1 @@
-.usd1-react-ui-select{display:inline-flex}
+.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}

package/lib/components/Select/style/Select.scss

@@ -1,3 +1,93 @@
 .usd1-react-ui-select {
   display: inline-flex;
+  padding: 0 24px;
+  background-color: #FAFAFC;
+  border: 0.5px solid #E0E2EE;
+  border-radius: 20px;
+
+  &.p-multiselect:not(.p-disabled).p-focus,
+  &.p-dropdown:not(.p-disabled).p-focus {
+    border-color: #3D73F2;
+    box-shadow: 0 0 0 2px #ABC4FF;
+  }
+
+  &.p-multiselect:not(.p-disabled),
+  &.p-dropdown:not(.p-disabled) {
+    &:hover {
+      border-color: #3D73F2;
+    }
+  }
+
+  .p-dropdown-label,
+  .p-multiselect-label {
+    padding: 12px 12px 12px 0;
+  }
+
+  .p-multiselect-label,
+  >.p-placeholder {
+    color: #808080;
+    font-weight: 300;
+    font-size: 14px;
+    font-style: normal;
+    line-height: 20px;
+  }
+
+  .p-dropdown-trigger,
+  .p-multiselect-trigger {
+    width: auto;
+  }
+
+  &-panel {
+    border-radius: 20px;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);
+
+    &.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus,
+    &.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+      font-weight: 600;
+      background-color: inherit;
+    }
+
+    &.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+      font-weight: 600;
+      background-color: #FAFAFC;
+    }
+
+    &.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+      color: #000;
+      font-weight: 300;
+      font-size: 14px;
+      font-style: normal;
+      line-height: 20px;
+    }
+  }
+
+  &-show svg {
+    transform: rotate(180deg);
+  }
+}
+
+.usd1-react-ui-select-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+}
+
+
+.usd1-react-ui-select-label {
+  margin-bottom: 8px;
+  padding-left: 8px;
+  font-weight: 400;
+  font-size: 14px;
+  font-style: normal;
+  line-height: 20px;
+
+  &-required {
+    &::after {
+      color: #CC1461;
+      font-weight: 400;
+      font-size: 14px;
+      font-style: normal;
+      line-height: 120%;
+      content: '*';
+    }
+  }
 }

package/lib/index.css

@@ -1 +1 @@
-.usd1-react-ui-button{display:inline-flex}.prefix-calendar{display:block;color:#00f}.usd1-react-ui-collapse-wrapper{background-color:#fff}.usd1-react-ui-collapse-wrapper>.p-accordion-tab{margin-bottom:0!important}.p-accordion-tab-active>.usd1-react-ui-collapse-inner a{font-weight:600}.usd1-react-ui-collapse-inner a{padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:#fff;border:none;border-bottom:.5px solid #e0e2ee}.usd1-react-ui-collapse-inner a:hover{background-color:#fafafc}.usd1-react-ui-collapse-inner a span{margin-left:40px}.usd1-react-ui-collapse-inner-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-inner-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-inner-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prefix-loading{display:block;color:#00f}.usd1-react-ui-input{display:inline-flex}.prefix-message{display:block;color:#00f}.prefix-modal{display:block;color:#00f}.prefix-popup{display:block;color:#00f}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex}.prefix-switch{display:block;color:#00f}.prefix-toast{display:block;color:#00f}
+.usd1-react-ui-button{display:inline-flex;padding:16px 24px;font-weight:700;font-size:18px;line-height:100%;box-shadow:none}.usd1-react-ui-button-primary{color:#fff;background-color:#142d66;border:none}.usd1-react-ui-button-primary:hover{background-color:#183699}.usd1-react-ui-button-secondary{color:#000;background-color:#e5efff;border:none}.usd1-react-ui-button-secondary:hover{background-color:#cdf}.usd1-react-ui-button.p-disabled{color:gray;background-color:#e0e2ee;cursor:not-allowed}.prefix-calendar{display:block;color:#00f}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}@media (max-width:1279px){.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{padding:20px 0}}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#6491fa}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-text{padding:12px 24px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input-otp .p-inputtext:enabled:hover{border-color:#3d73f2}.usd1-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid),.usd1-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid){border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input>input{padding:12px 24px;background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-loading{display:block;color:#00f}.prefix-modal{display:block;color:#00f}.prefix-message{display:block;color:#00f}.prefix-popup{display:block;color:#00f}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prefix-switch{display:block;color:#00f}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-toast{display:block;color:#00f}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1money/react-ui",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.21",
   "description": "React Components based on primereact for 1money front-end projects",
   "main": "lib/index.js",
   "module": "es/index.js",