revdev-components 0.112.0 → 0.113.0

package/build/fields/index.d.ts

@@ -6,6 +6,7 @@ export * from "./inputNumber";
 export * from "./radioButton";
 export * from "./rangePicker";
 export * from "./select";
+export * from "./searchSelect";
 export * from "./text-area";
 export * from "./checkbox";
 export * from "./switch";

package/build/fields/searchSelect/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { SelectProps } from "antd";
+import { FormLineProps } from "../line";
+export interface SearchSelectFieldProps extends FormLineProps, Omit<SelectProps, "name" | "showSearch"> {
+    onAdd?: (search?: string) => void;
+    text?: {
+        notFound?: string;
+        addNew?: string;
+        enterToSearch?: string;
+    };
+}
+export declare const SearchSelectField: React.FC<SearchSelectFieldProps>;

package/build/index.js

@@ -25,46 +25,46 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-var s$z = {"root":"index-module_root__oU85z"};
+var s$A = {"root":"index-module_root__oU85z"};
 
 var ContentHeader1 = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("h1", { className: classNames(s$z.root, className) }, children);
+    return React.createElement("h1", { className: classNames(s$A.root, className) }, children);
 };
 
-var s$y = {"root":"index-module_root__51YHj"};
+var s$z = {"root":"index-module_root__51YHj"};
 
 var ContentHeader2 = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("h2", { className: classNames(s$y.root, className) }, children);
+    return React.createElement("h2", { className: classNames(s$z.root, className) }, children);
 };
 
-var s$x = {"root":"index-module_root__Fq-q1"};
+var s$y = {"root":"index-module_root__Fq-q1"};
 
 var Paragraph = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("p", { className: classNames(s$x.root, className) }, children);
+    return React.createElement("p", { className: classNames(s$y.root, className) }, children);
 };
 
-var s$w = {"root":"index-module_root__VIFF-"};
+var s$x = {"root":"index-module_root__VIFF-"};
 
 var PageTitle = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("h1", { className: classNames(s$w.root, className) }, children);
+    return React.createElement("h1", { className: classNames(s$x.root, className) }, children);
 };
 
-var s$v = {"root":"index-module_root__p0I0n"};
+var s$w = {"root":"index-module_root__p0I0n"};
 
 var CentralDivision = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: classNames(s$v.root, className) }, children);
+    return React.createElement("div", { className: classNames(s$w.root, className) }, children);
 };
 
-var s$u = {"root":"index-module_root__yiKO0"};
+var s$v = {"root":"index-module_root__yiKO0"};
 
 var RowDivision = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: classNames(s$u.root, className) }, children);
+    return React.createElement("div", { className: classNames(s$v.root, className) }, children);
 };
 
 var _path$2r;
@@ -1629,13 +1629,13 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var s$t = {"root":"index-module_root__-LDR1"};
+var s$u = {"root":"index-module_root__-LDR1"};
 
 // https://www.svgrepo.com/
 function useBasicIcon(_a, icons) {
     var className = _a.className, name = _a.name, props = __rest(_a, ["className", "name"]);
     var svgAttrs = React.useMemo(function () {
-        return __assign({ className: classNames(s$t.root, className), fill: "currentColor" }, props);
+        return __assign({ className: classNames(s$u.root, className), fill: "currentColor" }, props);
     }, [className, props]);
     var Icon = icons[name];
     return Icon ? React.createElement(Icon, __assign({}, svgAttrs)) : undefined;
@@ -4734,7 +4734,7 @@ var SocialIcon = function (props) {
     return useBasicIcon(props, icons);
 };
 
-var s$s = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
+var s$t = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
 
 var CONSOLE_COLOR = "background:rgb(28, 46, 82); color:rgb(231, 231, 231)";
 
@@ -4851,10 +4851,10 @@ function AppForm(_a) {
         setValues(changedValues, values);
         onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(changedValues, values);
     }, [setValues, onValuesChange]);
-    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$s.root, className), layout: "vertical", onValuesChange: handleValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
+    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$t.root, className), layout: "vertical", onValuesChange: handleValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
 }
 
-var s$r = {"root":"index-module_root__2S1Jp"};
+var s$s = {"root":"index-module_root__2S1Jp"};
 
 function useLineProps(_a) {
     var lineClassName = _a.lineClassName, name = _a.name, label = _a.label, rules = _a.rules, valuePropName = _a.valuePropName, noStyle = _a.noStyle, hasFeedback = _a.hasFeedback, dependencies = _a.dependencies, rest = __rest(_a, ["lineClassName", "name", "label", "rules", "valuePropName", "noStyle", "hasFeedback", "dependencies"]);
@@ -4868,7 +4868,7 @@ var FormLine = function (_a) {
         }
         return [];
     }, [validateRules]);
-    return React.createElement(antd.Form.Item, __assign({ className: classNames(s$r.root, className), rules: rules }, props));
+    return React.createElement(antd.Form.Item, __assign({ className: classNames(s$s.root, className), rules: rules }, props));
 };
 
 var DatePickerField = function (props) {
@@ -4889,12 +4889,12 @@ var InputField = function (props) {
         React.createElement(antd.Input, __assign({}, controlProps))));
 };
 
-var s$q = {"input":"index-module_input__71iJw"};
+var s$r = {"input":"index-module_input__71iJw"};
 
 var InputNumberField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], className = _b.className, controlProps = __rest(_b, ["className"]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(antd.InputNumber, __assign({ className: classNames(s$q.input, className) }, controlProps))));
+        React.createElement(antd.InputNumber, __assign({ className: classNames(s$r.input, className) }, controlProps))));
 };
 
 var RadioButtonField = function (props) {
@@ -4903,13 +4903,13 @@ var RadioButtonField = function (props) {
         React.createElement(antd.Radio.Group, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
 };
 
-var s$p = {"popup":"index-module_popup__Im5Y-"};
+var s$q = {"popup":"index-module_popup__Im5Y-"};
 
 var RangePicker = antd.DatePicker.RangePicker;
 var RangePickerField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], oneMonth = _b.oneMonth, controlProps = __rest(_b, ["oneMonth"]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$p.popup : undefined }))));
+        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$q.popup : undefined }))));
 };
 
 var SelectField = function (props) {
@@ -4918,6 +4918,24 @@ var SelectField = function (props) {
         React.createElement(antd.Select, __assign({}, controlProps))));
 };
 
+var s$p = {"empty":"index-module_empty__sV0Gg","add":"index-module_add__f03vM"};
+
+var SearchSelectField = function (props) {
+    var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], onSearch = _b.onSearch, onAdd = _b.onAdd, loading = _b.loading, text = _b.text, controlProps = __rest(_b, ["onSearch", "onAdd", "loading", "text"]);
+    var _c = React.useState(""), searchText = _c[0], setSearchText = _c[1];
+    var handleSearch = React.useCallback(function (search) {
+        setSearchText(search);
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch(search);
+    }, [onSearch]);
+    var handleAdd = React.useCallback(function () {
+        onAdd === null || onAdd === void 0 ? void 0 : onAdd(searchText);
+    }, [searchText, onAdd]);
+    return (React.createElement(FormLine, __assign({}, lineProps),
+        React.createElement(antd.Select, __assign({}, controlProps, { showSearch: true, onSearch: handleSearch, loading: loading, notFoundContent: loading ? null : (React.createElement("div", { className: s$p.empty }, searchText ? (React.createElement(React.Fragment, null,
+                (text === null || text === void 0 ? void 0 : text.notFound) || "Not found",
+                React.createElement(antd.Button, { size: "small", className: s$p.add, onClick: handleAdd }, (text === null || text === void 0 ? void 0 : text.addNew) || "Add New"))) : ((text === null || text === void 0 ? void 0 : text.enterToSearch) || "Enter text to start search"))) }))));
+};
+
 var TextArea = antd.Input.TextArea;
 var TextAreaField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], controlProps = _a[1];
@@ -5523,6 +5541,7 @@ exports.RegularDialog = RegularDialog;
 exports.RegularIcon = RegularIcon;
 exports.RegularIconNameList = RegularIconNameList;
 exports.RowDivision = RowDivision;
+exports.SearchSelectField = SearchSelectField;
 exports.SelectField = SelectField;
 exports.SocialIcon = SocialIcon;
 exports.SocialIconNameList = SocialIconNameList;

package/build/styles.css

@@ -106,6 +106,15 @@ body {
 .index-module_popup__Im5Y-.ant-picker-panel:nth-child(1) button {
   visibility: visible !important;
 }
+.index-module_empty__sV0Gg {
+  text-align: center;
+  padding: 15px 0;
+}
+
+.index-module_add__f03vM {
+  margin-top: 10px;
+  width: 100%;
+}
 .index-module_root__GGl-p {
   display: flex;
   flex-direction: row;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.112.0",
+  "version": "0.113.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {