@qoretechnologies/reqore 0.37.9 → 0.38.1

package/dist/components/Tabs/content.js

@@ -31,15 +31,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var StyledTabsContent = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  overflow: hidden;\n  flex: 1;\n  padding: ", ";\n"], ["\n  display: flex;\n  flex-flow: column;\n  overflow: hidden;\n  flex: 1;\n  padding: ", ";\n"])), function (_a) {
-    var padded = _a.padded;
+var sizes_1 = require("../../constants/sizes");
+var StyledTabsContent = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  overflow: hidden;\n  flex: 1;\n  padding: ", ";\n  padding-top: ", ";\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  display: flex;\n  flex-flow: column;\n  overflow: hidden;\n  flex: 1;\n  padding: ", ";\n  padding-top: ", ";\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
+    var padded = _a.padded, size = _a.size;
     return padded === 'none' || padded === false
         ? undefined
-        : "".concat(padded === 'both' || padded === true || padded === 'vertical' ? 10 : 0, "px ").concat(padded === 'both' || padded === true || padded === 'horizontal' ? 10 : 0, "px}");
+        : "".concat(padded === 'both' || padded === true || padded === 'vertical'
+            ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px")
+            : 0, " ").concat(padded === 'both' || padded === true || padded === 'horizontal'
+            ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px")
+            : 0);
+}, function (_a) {
+    var padded = _a.padded, size = _a.size;
+    return padded === 'top' ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px") : undefined;
+}, function (_a) {
+    var padded = _a.padded, size = _a.size;
+    return padded === 'bottom' ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px") : undefined;
+}, function (_a) {
+    var padded = _a.padded, size = _a.size;
+    return padded === 'left' ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px") : undefined;
+}, function (_a) {
+    var padded = _a.padded, size = _a.size;
+    return padded === 'right' ? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px") : undefined;
 });
 var ReqoreTabsContent = function (_a) {
-    var children = _a.children, className = _a.className, _b = _a.padded, padded = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "className", "padded"]);
-    return ((0, jsx_runtime_1.jsx)(StyledTabsContent, __assign({}, rest, { padded: padded, className: "".concat(className || '', " reqore-tabs-content") }, { children: children })));
+    var children = _a.children, className = _a.className, _b = _a.padded, padded = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, rest = __rest(_a, ["children", "className", "padded", "size"]);
+    return ((0, jsx_runtime_1.jsx)(StyledTabsContent, __assign({}, rest, { size: size, padded: padded, className: "".concat(className || '', " reqore-tabs-content") }, { children: children })));
 };
 exports["default"] = ReqoreTabsContent;
 var templateObject_1;

package/dist/components/Tabs/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/components/Tabs/content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wEAAuC;AAUvC,IAAM,iBAAiB,GAAG,8BAAM,CAAC,GAAG,kKAAA,wFAKvB,EAKA,KACZ,KANY,UAAC,EAA8B;QAA5B,MAAM,YAAA;IAClB,OAAA,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,KAAK;QACnC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,UAAG,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,gBACvE,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QACrE;AAJT,CAIS,CACZ,CAAC;AAEF,IAAM,iBAAiB,GAAG,UAAC,EAAmE;IAAjE,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EAAK,IAAI,cAA7C,mCAA+C,CAAF;IAA2B,OAAA,CACjG,uBAAC,iBAAiB,eAAK,IAAI,IAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,yBAAsB,gBAC7F,QAAQ,IACS,CACrB,CAAA;CAAA,CAAC;AAEF,qBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/components/Tabs/content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wEAAuC;AACvC,+CAAkE;AAqBlE,IAAM,iBAAiB,GAAG,8BAAM,CAAC,GAAG,gQAAA,wFAKvB,EAWH,oBACO,EACgD,uBAC7C,EACgD,qBAClD,EACgD,sBAC/C,EACgD,KAClE,KApBY,UAAC,EAAoC;QAAlC,MAAM,YAAA,EAAE,IAAI,UAAA;IACxB,OAAA,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,KAAK;QACnC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,UACE,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,UAAU;YAC3D,CAAC,CAAC,UAAG,yBAAiB,CAAC,IAAI,CAAC,OAAI;YAChC,CAAC,CAAC,CAAC,cAEL,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,YAAY;YAC7D,CAAC,CAAC,UAAG,yBAAiB,CAAC,IAAI,CAAC,OAAI;YAChC,CAAC,CAAC,CAAC,CACL;AAVN,CAUM,EACO,UAAC,EAAoC;QAAlC,MAAM,YAAA,EAAE,IAAI,UAAA;IAC5B,OAAA,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,UAAG,yBAAiB,CAAC,IAAI,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;AAA7D,CAA6D,EAC7C,UAAC,EAAoC;QAAlC,MAAM,YAAA,EAAE,IAAI,UAAA;IAC/B,OAAA,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAG,yBAAiB,CAAC,IAAI,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;AAAhE,CAAgE,EAClD,UAAC,EAAoC;QAAlC,MAAM,YAAA,EAAE,IAAI,UAAA;IAC7B,OAAA,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,UAAG,yBAAiB,CAAC,IAAI,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;AAA9D,CAA8D,EAC/C,UAAC,EAAoC;QAAlC,MAAM,YAAA,EAAE,IAAI,UAAA;IAC9B,OAAA,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,UAAG,yBAAiB,CAAC,IAAI,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;AAA/D,CAA+D,CAClE,CAAC;AAEF,IAAM,iBAAiB,GAAG,UAAC,EAMN;IALnB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cALkB,2CAM1B,CADQ;IACiB,OAAA,CACxB,uBAAC,iBAAiB,eACZ,IAAI,IACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,yBAAsB,gBAElD,QAAQ,IACS,CACrB,CAAA;CAAA,CAAC;AAEF,qBAAe,iBAAiB,CAAC"}

package/dist/components/Textarea/index.d.ts

@@ -3,6 +3,9 @@ import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme } from '../../constants/theme';
 import { IReqoreAutoFocusRules } from '../../hooks/useAutoFocus';
 import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreTooltip } from '../../types/global';
+import { IReqoreDropdownProps } from '../Dropdown';
+export interface IReqoreFormTemplates extends IReqoreDropdownProps {
+}
 export interface IReqoreTextareaProps extends React.HTMLAttributes<HTMLTextAreaElement>, IReqoreReadOnly, IReqoreDisabled, IWithReqoreCustomTheme, IWithReqoreTooltip, IReqoreIntent, IWithReqoreEffect {
     autoFocus?: boolean;
     width?: number;
@@ -20,6 +23,7 @@ export interface IReqoreTextareaProps extends React.HTMLAttributes<HTMLTextAreaE
     onClearClick?: () => any;
     wrapperStyle?: React.CSSProperties;
     focusRules?: IReqoreAutoFocusRules;
+    templates?: IReqoreFormTemplates;
 }
 export interface IReqoreTextareaStyle extends IReqoreTextareaProps {
     theme: IReqoreTheme;

package/dist/components/Textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAgB,MAAM,0BAA0B,CAAC;AAM/E,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAK5B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAC/C,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,KASjC,CAAC;AAEF,eAAO,MAAM,cAAc,KAwD1B,CAAC;AAEF,QAAA,MAAM,WAAW,kGA6EhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAgB,MAAM,0BAA0B,CAAC;AAM/E,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAKnD,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;CAAG;AAErE,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAC/C,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,KASjC,CAAC;AAEF,eAAO,MAAM,cAAc,KAwD1B,CAAC;AAEF,QAAA,MAAM,WAAW,kGA0HhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Textarea/index.js

@@ -57,6 +57,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var polished_1 = require("polished");
 var react_1 = require("react");
 var styled_components_1 = __importStar(require("styled-components"));
+var __1 = require("../..");
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
 var useAutoFocus_1 = require("../../hooks/useAutoFocus");
@@ -125,7 +126,7 @@ exports.StyledTextarea = (0, styled_components_1["default"])(Effect_1.StyledEffe
     return readOnly && styles_1.ReadOnlyElement;
 }, styles_1.DisabledElement);
 var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
-    var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _b = _a.size, size = _b === void 0 ? 'normal' : _b, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, tooltip = _a.tooltip, customTheme = _a.customTheme, intent = _a.intent, _c = _a.rounded, rounded = _c === void 0 ? true : _c, wrapperStyle = _a.wrapperStyle, value = _a.value, onChange = _a.onChange, fixed = _a.fixed, focusRules = _a.focusRules, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid", "tooltip", "customTheme", "intent", "rounded", "wrapperStyle", "value", "onChange", "fixed", "focusRules"]);
+    var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _b = _a.size, size = _b === void 0 ? 'normal' : _b, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, tooltip = _a.tooltip, customTheme = _a.customTheme, intent = _a.intent, _c = _a.rounded, rounded = _c === void 0 ? true : _c, wrapperStyle = _a.wrapperStyle, value = _a.value, onChange = _a.onChange, fixed = _a.fixed, focusRules = _a.focusRules, templates = _a.templates, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid", "tooltip", "customTheme", "intent", "rounded", "wrapperStyle", "value", "onChange", "fixed", "focusRules", "templates"]);
     var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
     var _d = (0, react_1.useState)(null), inputRef = _d[0], setInputRef = _d[1];
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
@@ -136,10 +137,24 @@ var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
     (0, useTooltip_1.useTooltip)(inputRef, tooltip);
     (0, useTextareaAutoSize_1["default"])(inputRef, _value, scaleWithContent);
     (0, useAutoFocus_1.useAutoFocus)(inputRef, rest.readOnly || rest.disabled ? undefined : focusRules, onChange);
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, fixed: fixed, _size: size, theme: theme, style: wrapperStyle, ref: targetRef }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !rest.readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), onChange: function (e) {
-                    setValue(e.target.value);
-                    onChange === null || onChange === void 0 ? void 0 : onChange(e);
-                }, as: 'textarea', className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: function (ref) { return setInputRef(ref); }, theme: theme, rounded: rounded, rows: 1, value: _value, readonly: rest === null || rest === void 0 ? void 0 : rest.readOnly })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.readOnly) && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && onChange), show: _value && _value !== '', onClick: onClearClick, size: size })] })));
+    var handleItemSelect = (0, react_1.useCallback)(function (item) {
+        if (!inputRef || !item || !item.value) {
+            return;
+        }
+        // Add the value of the selected item to the current value at the cursor position
+        var value = "".concat(_value.slice(0, inputRef.selectionStart)).concat(item.value).concat(_value.slice(inputRef.selectionEnd));
+        setValue(value);
+    }, [inputRef, _value]);
+    var renderChildren = function () {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !rest.readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), onChange: function (e) {
+                        setValue(e.target.value);
+                        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+                    }, as: 'textarea', className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: function (ref) { return setInputRef(ref); }, theme: theme, rounded: rounded, rows: 1, value: _value, readonly: rest === null || rest === void 0 ? void 0 : rest.readOnly })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.readOnly) && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && onChange), show: _value && _value !== '', onClick: onClearClick, size: size })] }));
+    };
+    if (templates) {
+        return ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, __assign({ component: exports.StyledTextareaWrapper, className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, fixed: fixed, _size: size, theme: theme, style: wrapperStyle, ref: targetRef, onItemSelect: handleItemSelect }, templates, { children: renderChildren() })));
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, fixed: fixed, _size: size, theme: theme, style: wrapperStyle, ref: targetRef }, { children: renderChildren() })));
 });
 exports["default"] = ReqoreInput;
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAA+D;AAC/D,qEAAgD;AAChD,+CAA6F;AAE7F,+CAAyE;AACzE,yDAA+E;AAC/E,+DAA8D;AAC9D,wFAAkE;AAClE,iDAAsD;AACtD,qDAAoD;AACpD,uCAAgE;AAShE,oCAAyC;AAEzC,yEAAyD;AAiC5C,QAAA,qBAAqB,GAAG,8BAAM,CAAC,GAAG,oOAAsB,cACzD,EAAoD,mBAChD,EAAgC,qCAErC,EAAsE,aACvE,EAA0E,mBACpE,EAA4E,iDAG3F,KARW,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAApC,CAAoC,EAChD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,kBAAU,CAAC,KAAK,CAAC;AAAjB,CAAiB,EAErC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAAhD,CAAgD,EACvE,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;AAApD,CAAoD,EACpE,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAtD,CAAsD,EAG1F;AAEW,QAAA,cAAc,GAAG,IAAA,8BAAM,EAAC,qBAAY,CAAC,yiBAAsB,0EAIzD,EAAoC,wDAGnC,EAAgC,6BAE1B,EAC6B,cACxC,EACgE,uDAInD,EAC8B,6BAGnC,EACkC,iBACzC,EAC+D,sBACxD,EACiE,SAEhF,EAUa,qCAGJ,EAC2E,4DAKzE,EAC2E,qBAItF,EAA6C,2BAG3C,EAAe,UAEpB,KApDc,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,sBAAc,CAAC,KAAK,CAAC;AAArB,CAAqB,EAGnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,kBAAU,CAAC,KAAK,CAAC;AAAjB,CAAiB,EAE1B,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,OAAO,aAAA;IACnC,OAAA,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,eAAI,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC;AAA/C,CAA+C,EACxC,UAAC,EAA4B;QAA1B,KAAK,WAAA;IACf,OAAA,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;AAAvE,CAAuE,EAInD,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,OAAO,aAAA;IACnC,OAAA,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,eAAI,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;AAAhD,CAAgD,EAGnC,UAAC,EAA2B;QAAzB,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IACzC,OAAA,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAgB,CAAC,KAAK,CAAC;AAAjD,CAAiD,EACzC,UAAC,EAAwB;QAAtB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC/B,OAAA,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAa,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC;AAAvE,CAAuE,EACxD,UAAC,EAAwB;QAAtB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACtC,OAAA,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAe,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,SAAS;AAAhF,CAAgF,EAEhF,UAAC,EAAsB;QAApB,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACrB,OAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ;QACpB,CAAC,KAAC,uBAAG,wNAAA,wHAKiB,EAAgD,0BAEnE,KAFmB,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;QAAjC,CAAiC,EAGtE,CAAC,CAAC,SAAS;AATb,CASa,EAGJ,UAAC,EAAS;QAAP,KAAK,WAAA;IACf,OAAA,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC;AAAlF,CAAkF,EAKzE,UAAC,EAAS;QAAP,KAAK,WAAA;IACf,OAAA,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC;AAAlF,CAAkF,EAItF,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,wBAAe;AAA3B,CAA2B,EAG3C,wBAAe,EAEnB;AAEF,IAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,UACE,EAkBuB,EACvB,GAAG;IAlBD,IAAA,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,UAAU,gBAAA,EACP,IAAI,cAjBT,gMAkBC,CADQ;IAID,IAAA,SAAS,GAAU,IAAA,iCAAe,EAAC,GAAG,CAAC,UAA9B,CAA+B;IAC1C,IAAA,KAA0B,IAAA,gBAAQ,EAAsB,IAAI,CAAC,EAA5D,QAAQ,QAAA,EAAE,WAAW,QAAuC,CAAC;IACpE,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IACpD,IAAA,KAAqB,IAAA,gBAAQ,EAAC,KAAK,IAAI,EAAE,CAAC,EAAzC,MAAM,QAAA,EAAE,QAAQ,QAAyB,CAAC;IAEjD,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,uBAAU,EAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9B,IAAA,gCAAmB,EAAC,QAAQ,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC;IACxD,IAAA,2BAAY,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAE1F,OAAO,CACL,wBAAC,6BAAqB,aACpB,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,4BAAyB,EACtD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,YAAY,EACnB,GAAG,EAAE,SAAS,iBAEd,uBAAC,sBAAc,eACT,IAAI,IACR,MAAM,aACJ,WAAW,EAAE,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAC3C,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,GAEjB,QAAQ,EAAE,UAAC,CAAC;oBACV,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACzB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;gBAChB,CAAC,EACD,EAAE,EAAC,UAAU,EACb,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,oCAAiC,EAC9D,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,UAAC,GAAG,IAAK,OAAA,WAAW,CAAC,GAAG,CAAC,EAAhB,CAAgB,EAC9B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,IACxB,EACF,uBAAC,6BAAsB,IACrB,OAAO,EAAE,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,QAAQ,CAAC,EAC3E,IAAI,EAAE,MAAM,IAAI,MAAM,KAAK,EAAE,EAC7B,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,IAAI,GACV,KACoB,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.37.9",
+  "version": "0.38.1",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/Breadcrumbs/index.tsx

@@ -171,17 +171,22 @@ const ReqoreBreadcrumbs: React.FC<IReqoreBreadcrumbsProps> = ({
     [items, width, _testWidth, size]
   );
 
-  const renderItem = (item: IReqoreBreadcrumbItem | IReqoreBreadcrumbItem[], index: number) => {
-    if (isArray(item)) {
+  const renderItem = (
+    itemOrItems: IReqoreBreadcrumbItem | IReqoreBreadcrumbItem[],
+    index: number
+  ) => {
+    if (isArray(itemOrItems) && count(itemOrItems) > 1) {
       return (
         <React.Fragment key={index}>
           <ReqoreDropdown
             key={`dropdown-${index}`}
-            icon={last(item)?.icon}
+            icon={last(itemOrItems)?.icon}
+            leftIconProps={last(itemOrItems)?.leftIconProps}
             handler='hoverStay'
             delay={500}
-            badge={count(item)}
-            items={item as IReqoreDropdownItem[]}
+            size={size}
+            badge={count(itemOrItems)}
+            items={itemOrItems as IReqoreDropdownItem[]}
           >
             <ReqoreIcon icon='MoreLine' />
           </ReqoreDropdown>
@@ -189,6 +194,15 @@ const ReqoreBreadcrumbs: React.FC<IReqoreBreadcrumbsProps> = ({
       );
     }
 
+    const item: IReqoreBreadcrumbItem = (
+      isArray(itemOrItems) && count(itemOrItems) === 1
+        ? {
+            ...itemOrItems[0],
+            label: <ReqoreIcon icon='MoreLine' />,
+          }
+        : itemOrItems
+    ) as IReqoreBreadcrumbItem;
+
     if (item.withTabs) {
       return (
         <StyledBreadcrumbsTabsWrapper key={index}>

package/src/components/Button/index.tsx

@@ -385,18 +385,17 @@ const ReqoreButton = memo(
         : getReadableColor(theme, undefined, undefined, true);
 
       const _children = useMemo(() => label || children, [label, children]);
+      const hasLeftIcon = icon || leftIconProps?.image;
+      const hasRightIcon = rightIcon || rightIconProps?.image;
 
       return (
         <StyledButton
           {...rest}
-          effect={
-            intent
-              ? undefined
-              : {
-                  interactive: !readOnly && !rest.disabled,
-                  ...fixedEffect,
-                }
-          }
+          effect={{
+            interactive: !readOnly && !rest.disabled,
+            ...fixedEffect,
+            gradient: intent ? undefined : fixedEffect?.gradient,
+          }}
           tabindex={rest.disabled ? -1 : 0}
           as={as || 'button'}
           theme={theme}
@@ -419,7 +418,7 @@ const ReqoreButton = memo(
           className={`${className || ''} reqore-control reqore-button`}
         >
           <StyledButtonContent size={size} wrap={wrap} description={description} flat={_flat}>
-            {icon ? (
+            {hasLeftIcon ? (
               <>
                 <ReqoreIcon
                   icon={icon}
@@ -438,7 +437,9 @@ const ReqoreButton = memo(
                       : undefined
                   }
                 />
-                {_children || rightIcon ? <ReqoreSpacer width={PADDING_FROM_SIZE[size]} /> : null}
+                {_children || hasRightIcon ? (
+                  <ReqoreSpacer width={PADDING_FROM_SIZE[size]} />
+                ) : null}
               </>
             ) : _children ? (
               <ReqoreHorizontalSpacer
@@ -470,7 +471,7 @@ const ReqoreButton = memo(
             {(badge || badge === 0) && !wrap ? (
               <ButtonBadge content={badge} size={size} theme={theme} />
             ) : null}
-            {!rightIcon ? (
+            {!hasRightIcon ? (
               _children ? (
                 <ReqoreHorizontalSpacer
                   width={1}

package/src/components/ControlGroup/index.tsx

@@ -474,6 +474,7 @@ const ReqoreControlGroup = memo(
                 active={isOverflownDialogOpen}
                 flat
                 fixed
+                onClick={(e) => e.stopPropagation()}
               />,
             ]
           : children,

package/src/components/Drawer/index.tsx

@@ -16,7 +16,7 @@ import { ReqoreBackdrop } from './backdrop';
 
 export type TPosition = 'top' | 'bottom' | 'left' | 'right';
 
-export interface IReqoreDrawerProps extends Omit<IReqorePanelProps, 'size'> {
+export interface IReqoreDrawerProps extends Omit<IReqorePanelProps, 'size' | 'resizable'> {
   children?: any;
   isOpen?: boolean;
   isHidden?: boolean;

package/src/components/Dropdown/index.tsx

@@ -14,9 +14,7 @@ import ReqoreDropdownList, {
 } from './list';
 
 export interface IReqoreDropdownProps
-  extends Partial<
-    Omit<IPopoverOptions, 'openOnMount' | 'show' | 'targetElement' | 'wrapperProps'>
-  > {
+  extends Partial<Omit<IPopoverOptions, 'openOnMount' | 'targetElement' | 'wrapperProps'>> {
   items?: IReqoreDropdownItem[];
   multiSelect?: boolean;
   buttonStyle?: React.CSSProperties;
@@ -42,16 +40,18 @@ export interface IReqoreDropdownProps
   paging?: TReqorePaginationType<IReqoreDropdownItem>;
 }
 
-const ReqoreDropdownListWrapper = ({
-  wrapperProps,
-  ...rest
-}: IReqoreDropdownListProps & { wrapperProps?: IReqoreDropdownProps['wrapperProps'] }) => {
-  return (
-    <ReqorePanel flat size='small' {...wrapperProps}>
-      <ReqoreDropdownList {...rest} />
-    </ReqorePanel>
-  );
-};
+const ReqoreDropdownListWrapper = memo(
+  ({
+    wrapperProps,
+    ...rest
+  }: IReqoreDropdownListProps & { wrapperProps?: IReqoreDropdownProps['wrapperProps'] }) => {
+    return (
+      <ReqorePanel flat size='small' {...wrapperProps}>
+        <ReqoreDropdownList {...rest} />
+      </ReqorePanel>
+    );
+  }
+);
 
 function ReqoreDropdown<T = IReqoreButtonProps>({
   items,
@@ -87,6 +87,7 @@ function ReqoreDropdown<T = IReqoreButtonProps>({
   inputProps,
   scrollToSelected,
   paging,
+  show,
   ...rest
 }: IReqoreDropdownProps & T) {
   const componentProps = useMemo(
@@ -120,7 +121,7 @@ function ReqoreDropdown<T = IReqoreButtonProps>({
         filter={filter}
       />
     ) : undefined;
-  }, [items]);
+  }, [items, onItemSelect]);
 
   return (
     <ReqorePopover
@@ -142,6 +143,7 @@ function ReqoreDropdown<T = IReqoreButtonProps>({
       openOnMount={isDefaultOpen}
       content={popoverContent}
       passPopoverData={passPopoverData}
+      show={show}
     >
       {children || label}
     </ReqorePopover>

package/src/components/Dropdown/item.tsx

@@ -1,17 +1,33 @@
-import { ReqoreMenuDivider, ReqoreMenuItem } from '../..';
-import { IReqoreMenuDividerProps } from '../Menu/divider';
+import { size } from 'lodash';
+import { memo, useCallback } from 'react';
+import { ReqoreMenuItem } from '../..';
+import ReqoreMenuDivider, { IReqoreMenuDividerProps } from '../Menu/divider';
 import { IReqoreDropdownItem } from './list';
 
-export interface IReqoreDropdownItemProps extends Omit<IReqoreDropdownItem, 'value' | 'onClick'> {}
+export interface IReqoreDropdownItemProps extends IReqoreDropdownItem {
+  onItemClick: (item: IReqoreDropdownItem) => void;
+  scrollIntoView?: boolean;
+}
 
-export const ReqoreDropdownItem = ({ children, ...rest }: IReqoreDropdownItemProps) => (
-  <ReqoreMenuItem {...rest} rightIcon={rest.selected ? 'CheckLine' : undefined}>
-    {children}
-  </ReqoreMenuItem>
-);
+export const ReqoreDropdownItem = memo(
+  ({ onItemClick, scrollIntoView, ...rest }: IReqoreDropdownItemProps) => {
+    const handleItemClick = useCallback(() => {
+      onItemClick(rest);
+    }, [onItemClick, rest]);
 
-export interface IReqoreDropdownDividerProps extends IReqoreMenuDividerProps {}
+    return (
+      <ReqoreMenuItem
+        {...rest}
+        _insidePopover={size(rest.items) ? false : undefined}
+        label={rest.label || rest.value}
+        onClick={handleItemClick}
+        rightIcon={rest.selected ? 'CheckLine' : rest.rightIcon}
+        scrollIntoView={scrollIntoView}
+      />
+    );
+  }
+);
 
-export const ReqoreDropdownDivider = (props: IReqoreDropdownDividerProps) => (
+export const ReqoreDropdownDivider = (props: IReqoreMenuDividerProps) => (
   <ReqoreMenuDivider {...props} />
 );

package/src/components/Dropdown/list.tsx

@@ -1,20 +1,23 @@
 import { size } from 'lodash';
-import React, { memo, useEffect, useMemo, useState } from 'react';
+import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
 import { TReqorePaginationType } from '../../constants/paging';
 import { PADDING_FROM_SIZE } from '../../constants/sizes';
 import { ReqorePaginationContainer } from '../../containers/Paging';
 import { IReqoreComponent } from '../../types/global';
+import ReqoreButton from '../Button';
+import ReqoreControlGroup from '../ControlGroup';
 import ReqoreInput, { IReqoreInputProps } from '../Input';
 import ReqoreMenu from '../Menu';
-import ReqoreMenuDivider from '../Menu/divider';
-import ReqoreMenuItem, { IReqoreMenuItemProps } from '../Menu/item';
+import ReqoreMenuDivider, { IReqoreMenuDividerProps } from '../Menu/divider';
+import { IReqoreMenuItemProps } from '../Menu/item';
 import { ReqoreVerticalSpacer } from '../Spacer';
-import { IReqoreDropdownDividerProps } from './item';
+import { ReqoreDropdownItem } from './item';
 
 export type TDropdownItemOnClick = (item: IReqoreDropdownItem) => void;
 export interface IReqoreDropdownItem
-  extends Omit<IReqoreMenuItemProps, 'onClick' | 'rightIcon' | 'onRightIconClick'> {
+  extends Omit<IReqoreMenuItemProps, 'onClick' | 'onRightIconClick'> {
   value?: any;
+  items?: TReqoreDropdownItems;
   onClick?: TDropdownItemOnClick;
   divider?: boolean;
   dividerAlign?: 'left' | 'center' | 'right';
@@ -40,6 +43,8 @@ export interface IReqoreDropdownListProps extends IReqoreComponent {
   inputProps?: IReqoreInputProps;
   scrollToSelected?: boolean;
   paging?: TReqorePaginationType<TReqoreDropdownItem>;
+
+  _onBackClick?: () => void;
 }
 
 const ReqoreDropdownList = memo(
@@ -58,10 +63,12 @@ const ReqoreDropdownList = memo(
     onFilterChange,
     filterPlaceholder,
     filter,
+    _onBackClick,
   }: IReqoreDropdownListProps) => {
     const [_items, setItems] = useState<TReqoreDropdownItems>(items);
     const [query, setQuery] = useState<string | number>(onFilterChange ? '' : filter || '');
     const [menuRef, setMenuRef] = useState<HTMLDivElement>(undefined);
+    const [selectedItem, setSelectedItem] = useState<IReqoreDropdownItem>(undefined);
 
     useEffect(() => {
       setItems(items);
@@ -95,31 +102,76 @@ const ReqoreDropdownList = memo(
       }
     };
 
-    const handleItemClick = (item: IReqoreDropdownItem): void => {
-      if (item.onClick) {
-        item.onClick(item);
-      }
+    const handleItemClick = useCallback(
+      (item: IReqoreDropdownItem): void => {
+        if (size(item.items)) {
+          setSelectedItem(item);
 
-      if (onItemSelect) {
-        onItemSelect(item);
-      }
-    };
+          return;
+        }
+
+        if (item.onClick) {
+          item.onClick(item);
+        }
+
+        if (onItemSelect) {
+          onItemSelect(item);
+        }
+      },
+      [onItemSelect, selectedItem]
+    );
+
+    if (selectedItem) {
+      return (
+        <ReqoreDropdownList
+          {...{
+            items: selectedItem.items,
+            multiSelect,
+            listStyle,
+            _popoverId,
+            filterable,
+            width,
+            height,
+            onItemSelect,
+            inputProps,
+            scrollToSelected,
+            paging,
+            onFilterChange,
+            filterPlaceholder,
+            filter,
+            _onBackClick: () => setSelectedItem(undefined),
+          }}
+        />
+      );
+    }
 
     return (
       <>
-        {filterable && (
+        {filterable || _onBackClick ? (
           <>
-            <ReqoreInput
-              value={onFilterChange ? filter : query}
-              icon='SearchLine'
-              onChange={handleQueryChange}
-              placeholder={filterPlaceholder || `Search ${size(_items)} items...`}
-              onClearClick={() => (onFilterChange ? onFilterChange('') : setQuery(''))}
-              {...inputProps}
-            />
+            <ReqoreControlGroup fluid>
+              {_onBackClick && (
+                <ReqoreButton
+                  icon='ArrowLeftSLine'
+                  fluid
+                  onClick={_onBackClick}
+                  className='reqore-dropdown-back-button'
+                />
+              )}
+              {filterable && (
+                <ReqoreInput
+                  value={onFilterChange ? filter : query}
+                  icon='SearchLine'
+                  onChange={handleQueryChange}
+                  placeholder={filterPlaceholder || `Search ${size(_items)} items...`}
+                  onClearClick={() => (onFilterChange ? onFilterChange('') : setQuery(''))}
+                  {...inputProps}
+                />
+              )}
+            </ReqoreControlGroup>
             <ReqoreVerticalSpacer height={PADDING_FROM_SIZE.normal} />
           </>
-        )}
+        ) : null}
         <ReqorePaginationContainer type={paging} items={filteredItems} scrollContainer={menuRef}>
           {(finalItems, Controls, { includeBottomControls }) => (
             <ReqoreMenu
@@ -132,20 +184,18 @@ const ReqoreDropdownList = memo(
               ref={setMenuRef}
             >
               {finalItems.map(
-                ({ onClick, dividerAlign, divider, ...item }: IReqoreDropdownItem, index: number) =>
+                ({ dividerAlign, divider, ...item }: IReqoreDropdownItem, index: number) =>
                   divider ? (
                     <ReqoreMenuDivider
                       key={index}
-                      {...(item as unknown as IReqoreDropdownDividerProps)}
+                      {...(item as unknown as IReqoreMenuDividerProps)}
                       align={dividerAlign}
                     />
                   ) : (
-                    <ReqoreMenuItem
-                      key={index}
+                    <ReqoreDropdownItem
+                      key={item.label || item.value || index}
                       {...item}
-                      label={item.label || item.value}
-                      onClick={() => handleItemClick({ ...item, onClick })}
-                      rightIcon={item.selected ? 'CheckLine' : undefined}
+                      onItemClick={handleItemClick}
                       scrollIntoView={scrollToSelected && item.selected && !multiSelect}
                     />
                   )