revdev-components 0.53.0 → 0.55.0

package/build/index.js

@@ -4698,7 +4698,7 @@ var RangePickerField = function (props) {
 var SelectField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], controlProps = _a[1];
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(antd.Select, __assign({}, controlProps, { options: true }))));
+        React.createElement(antd.Select, __assign({}, controlProps))));
 };
 
 var TextArea = antd.Input.TextArea;
@@ -5102,10 +5102,9 @@ var PopoverSelect = function (_a) {
     }, [options, value]);
     var popoverContent = React.useMemo(function () { return (React.createElement("div", { className: s.popover }, options
         .filter(function (x) { return x.value !== value; })
-        .map(function (x) { return (React.createElement("div", { key: x.value, className: s.item, onClick: function () { return handleChange(x.value); } }, renderOption ? renderOption(x) : x.label)); }))); }, [options, value, handleChange, renderOption]);
-    return (React.createElement("div", { className: s.root },
-        React.createElement(antd.Popover, { content: popoverContent, open: open, onOpenChange: closePopover, placement: "bottomRight" },
-            React.createElement(IconDivision, { icon: icon, onClick: handleOpen, rightIcon: open ? "expand-less" : "expand-more" }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label))));
+        .map(function (x) { return (React.createElement(React.Fragment, { key: x.value }, renderOption ? (renderOption(x, { className: s.item, onClick: function () { return handleChange(x.value); } })) : (React.createElement("div", { className: s.item, onClick: function () { return handleChange(x.value); } }, x.label)))); }))); }, [options, value, handleChange, renderOption]);
+    return (React.createElement(antd.Popover, { content: popoverContent, open: open, onOpenChange: closePopover, placement: "bottomRight" },
+        React.createElement(IconDivision, { icon: icon, onClick: handleOpen, rightIcon: open ? "expand-less" : "expand-more" }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label)));
 };
 
 exports.AppForm = AppForm;

package/build/popoverSelect/index.d.ts

@@ -1,12 +1,17 @@
 import React from "react";
 import { RegularIconName } from "src/icon";
 import { ValueOption } from "src/interfaces";
+interface RenderViewOption {
+    className: string;
+    onClick: (value: string) => void;
+}
+export type PopoverSelectRenderOption<TOption = ValueOption> = (option: TOption, viewOption: RenderViewOption) => React.ReactNode;
 interface Props<TOption = ValueOption> {
     value: string;
     options: TOption[];
     onChange: (value: string) => void;
     icon?: RegularIconName;
-    renderOption?: (option: TOption) => React.ReactNode;
+    renderOption?: PopoverSelectRenderOption<TOption>;
 }
 export declare const PopoverSelect: React.FC<Props>;
 export {};

package/package.json

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