@qoretechnologies/reqore 0.20.6 → 0.21.0

package/dist/components/Textarea/index.js

@@ -14,6 +14,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -33,9 +56,13 @@ exports.StyledTextarea = exports.StyledTextareaWrapper = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var polished_1 = require("polished");
 var react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
+var styled_components_1 = __importStar(require("styled-components"));
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
+var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
+var useTheme_1 = require("../../hooks/useTheme");
+var useTooltip_1 = require("../../hooks/useTooltip");
+var styles_1 = require("../../styles");
 var InputClearButton_1 = __importDefault(require("../InputClearButton"));
 exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n  flex: ", ";\n  position: relative;\n  overflow: hidden;\n"], ["\n  height: ", ";\n  width: ", ";\n  flex: ", ";\n  position: relative;\n  overflow: hidden;\n"])), function (_a) {
     var height = _a.height;
@@ -47,39 +74,52 @@ exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObjec
     var fluid = _a.fluid;
     return (fluid ? '1' : undefined);
 });
-exports.StyledTextarea = styled_components_1["default"].textarea(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: 5px 7px;\n  resize: none;\n\n  background-color: ", ";\n  color: ", ";\n\n  border: ", ";\n  border-bottom: ", ";\n\n  border-radius: ", "px;\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n    border-color: ", ";\n  }\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: 5px 7px;\n  resize: none;\n\n  background-color: ", ";\n  color: ", ";\n\n  border: ", ";\n  border-bottom: ", ";\n\n  border-radius: ", "px;\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n    border-color: ", ";\n  }\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n"])), function (_a) {
+exports.StyledTextarea = styled_components_1["default"].textarea(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: 5px 7px;\n  resize: none;\n\n  background-color: ", ";\n  color: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  transition: all 0.2s ease-out;\n\n  ", "\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n\n  &:disabled {\n    ", ";\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: 5px 7px;\n  resize: none;\n\n  background-color: ", ";\n  color: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  transition: all 0.2s ease-out;\n\n  ", "\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n\n  &:disabled {\n    ", ";\n  }\n"])), function (_a) {
     var _size = _a._size;
     return sizes_1.TEXT_FROM_SIZE[_size];
 }, function (_a) {
     var theme = _a.theme, minimal = _a.minimal;
-    return minimal ? 'transparent' : (0, polished_1.darken)(0.01, theme.main);
+    return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.3);
 }, function (_a) {
     var theme = _a.theme;
     return (0, colors_1.getReadableColor)(theme);
 }, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme;
-    return !minimal ? "1px solid ".concat((0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.2)) : 0;
+    var theme = _a.theme, minimal = _a.minimal;
+    return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.5);
 }, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme;
-    return minimal ? "0.5px solid ".concat((0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.2)) : undefined;
+    var minimal = _a.minimal, rounded = _a.rounded, _size = _a._size;
+    return minimal || !rounded ? 0 : sizes_1.RADIUS_FROM_SIZE[_size];
 }, function (_a) {
-    var minimal = _a.minimal;
-    return (minimal ? 0 : 3);
+    var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
+    return !minimal && !flat ? "1px solid ".concat((0, colors_1.changeLightness)(theme.main, 0.05)) : 0;
 }, function (_a) {
-    var theme = _a.theme;
-    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
+    var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
+    return minimal && !flat ? "0.5px solid ".concat((0, colors_1.changeLightness)(theme.main, 0.05)) : undefined;
+}, function (_a) {
+    var disabled = _a.disabled, readOnly = _a.readOnly;
+    return !disabled && !readOnly
+        ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          &:active,\n          &:focus,\n          &:hover {\n            outline: none;\n            border-color: ", ";\n          }\n        "], ["\n          &:active,\n          &:focus,\n          &:hover {\n            outline: none;\n            border-color: ", ";\n          }\n        "])), function (_a) {
+            var theme = _a.theme;
+            return (0, colors_1.changeLightness)(theme.main, 0.1);
+        }) : undefined;
 }, function (_a) {
     var theme = _a.theme;
     return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
 }, function (_a) {
     var theme = _a.theme;
     return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.5);
-});
+}, function (_a) {
+    var readOnly = _a.readOnly;
+    return readOnly && styles_1.ReadOnlyElement;
+}, styles_1.DisabledElement);
 var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
     var _b;
-    var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _c = _a.size, size = _c === void 0 ? 'normal' : _c, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid"]);
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, _size: size }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: ref, rows: scaleWithContent ? (((_b = rest === null || rest === void 0 ? void 0 : rest.value) === null || _b === void 0 ? void 0 : _b.split(/\r\n|\r|\n/).length) || 1) + 1 : rest.rows })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '', onClick: onClearClick, size: 'big' })] })));
+    var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _c = _a.size, size = _c === void 0 ? 'normal' : _c, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, tooltip = _a.tooltip, customTheme = _a.customTheme, intent = _a.intent, _d = _a.rounded, rounded = _d === void 0 ? true : _d, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid", "tooltip", "customTheme", "intent", "rounded"]);
+    var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
+    (0, useTooltip_1.useTooltip)(targetRef === null || targetRef === void 0 ? void 0 : targetRef.current, tooltip);
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, _size: size, theme: theme }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: targetRef, theme: theme, rounded: rounded, rows: scaleWithContent ? (((_b = rest === null || rest === void 0 ? void 0 : rest.value) === null || _b === void 0 ? void 0 : _b.split(/\r\n|\r|\n/).length) || 1) + 1 : rest.rows })), !rest.readOnly && ((0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '', onClick: onClearClick, size: 'big' }))] })));
 });
 exports["default"] = ReqoreInput;
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}

package/dist/constants/theme.d.ts

@@ -75,7 +75,7 @@ export interface IReqoreIntents {
     danger?: string;
     muted?: string;
 }
-export declare type IReqoreIntent = 'info' | 'success' | 'pending' | 'warning' | 'danger' | 'muted';
+export declare type TReqoreIntent = 'info' | 'success' | 'pending' | 'warning' | 'danger' | 'muted';
 export declare const DEFAULT_INTENTS: IReqoreIntents;
 export declare const DEFAULT_THEME: IReqoreTheme;
 //# sourceMappingURL=theme.d.ts.map

package/dist/containers/ReqoreProvider.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IReqoreNotificationsPosition } from '../components/Notifications';
 import { IReqoreNotificationType } from '../components/Notifications/notification';
 import { TSizes } from '../constants/sizes';
-import { IReqoreIntent } from '../constants/theme';
+import { TReqoreIntent } from '../constants/theme';
 import { IReqoreIconName } from '../types/icons';
 export interface IReqoreNotificationData {
     title?: string;
@@ -14,7 +14,7 @@ export interface IReqoreNotificationData {
     onFinish?: (id?: string) => any;
     id?: string;
     type?: IReqoreNotificationType;
-    intent?: IReqoreIntent;
+    intent?: TReqoreIntent;
     flat?: boolean;
     inverted?: boolean;
     size?: TSizes;
@@ -28,12 +28,12 @@ export interface IReqoreConfirmationModal {
     description?: string;
     onConfirm?: () => void;
     onCancel?: () => void;
-    confirmButtonIntent?: IReqoreIntent;
+    confirmButtonIntent?: TReqoreIntent;
     confirmLabel?: string;
     confirmIcon?: IReqoreIconName;
     cancelLabel?: string;
     isOpen?: boolean;
-    intent?: IReqoreIntent;
+    intent?: TReqoreIntent;
 }
 declare const ReqoreProvider: React.FC<IReqoreNotifications>;
 export default ReqoreProvider;

package/dist/helpers/colors.d.ts

@@ -1,4 +1,4 @@
-import { IReqoreIntent, IReqoreTheme } from '../constants/theme';
+import { IReqoreTheme, TReqoreIntent } from '../constants/theme';
 export declare const getReadableColor: (theme: Partial<IReqoreTheme>, ifLight?: string, ifDark?: string, dimmed?: boolean, fallback?: string) => string;
 export declare const getReadableColorFrom: (from: string, dim?: boolean, ifLight?: string, ifDark?: string) => string;
 export declare const percentToHexAlpha: (p: number) => string;
@@ -10,6 +10,6 @@ export declare const getColorByBgColor: (bgColor: any) => "#ffffff" | "" | "#000
 export declare const isValidSixCharHex: (hex: string) => boolean;
 export declare const buildTheme: (theme: IReqoreTheme) => IReqoreTheme;
 export declare const mergeThemes: (element: string, theme: IReqoreTheme, customTheme: any) => IReqoreTheme;
-export declare const getNotificationIntent: (theme: IReqoreTheme, intent?: IReqoreIntent) => string;
+export declare const getNotificationIntent: (theme: IReqoreTheme, intent?: TReqoreIntent) => string;
 export declare const getMainBackgroundColor: (theme: IReqoreTheme) => string;
 //# sourceMappingURL=colors.d.ts.map

package/dist/helpers/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElF,eAAO,MAAM,gBAAgB,EAAE,CAC7B,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,EAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,EACf,MAAM,CAAC,EAAE,OAAO,EAChB,QAAQ,CAAC,EAAE,MAAM,KACd,MAaJ,CAAC;AAEF,eAAO,MAAM,oBAAoB,SACzB,MAAM,QACN,OAAO,YACH,MAAM,WACP,MAAM,WAMhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,MAAO,MAAM,WAM1C,CAAC;AAEF,eAAO,MAAM,YAAY,cAAe,MAAM,YAI7C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,KAAK,MAG9B,CAAC;AAI1C,eAAO,MAAM,eAAe,UAAW,MAAM,cAAc,MAAM,KAAG,MAMnE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,cAAc,MAAM,KAAG,MAC+B,CAAC;AAEnG,eAAO,MAAM,iBAAiB,8CAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAAS,MAAM,KAAG,OAE/C,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,YAAY,KAAG,YAiChD,CAAC;AAEF,eAAO,MAAM,WAAW,YAAa,MAAM,SAAS,YAAY,eAAe,GAAG,iBAcjF,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAW,YAAY,WAAW,aAAa,WAMhF,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAW,YAAY,KAAG,MAC1B,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAElF,eAAO,MAAM,gBAAgB,EAAE,CAC7B,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,EAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,EACf,MAAM,CAAC,EAAE,OAAO,EAChB,QAAQ,CAAC,EAAE,MAAM,KACd,MAaJ,CAAC;AAEF,eAAO,MAAM,oBAAoB,SACzB,MAAM,QACN,OAAO,YACH,MAAM,WACP,MAAM,WAMhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,MAAO,MAAM,WAM1C,CAAC;AAEF,eAAO,MAAM,YAAY,cAAe,MAAM,YAI7C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,KAAK,MAG9B,CAAC;AAI1C,eAAO,MAAM,eAAe,UAAW,MAAM,cAAc,MAAM,KAAG,MAMnE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,cAAc,MAAM,KAAG,MAC+B,CAAC;AAEnG,eAAO,MAAM,iBAAiB,8CAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAAS,MAAM,KAAG,OAE/C,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,YAAY,KAAG,YAiChD,CAAC;AAEF,eAAO,MAAM,WAAW,YAAa,MAAM,SAAS,YAAY,eAAe,GAAG,iBAcjF,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAW,YAAY,WAAW,aAAa,WAMhF,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAW,YAAY,KAAG,MAC1B,CAAC"}

package/dist/hooks/useCombinedRefs.d.ts

@@ -1,3 +1,12 @@
 import React from 'react';
-export declare function useCombinedRefs(...refs: any[]): React.MutableRefObject<undefined>;
+/**
+ * It takes a list of refs and returns a single ref that can be used to reference the same underlying
+ * DOM element
+ * @param refs - An array of refs to combine.
+ * @returns A ref object.
+ */
+export declare function useCombinedRefs(...refs: any[]): {
+    _innerRef: any;
+    targetRef: React.MutableRefObject<undefined>;
+};
 //# sourceMappingURL=useCombinedRefs.d.ts.map

package/dist/hooks/useCombinedRefs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCombinedRefs.d.ts","sourceRoot":"","sources":["../../src/hooks/useCombinedRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,eAAe,CAAC,GAAG,IAAI,OAAA,qCAgBtC"}
+{"version":3,"file":"useCombinedRefs.d.ts","sourceRoot":"","sources":["../../src/hooks/useCombinedRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,GAAG,IAAI,OAAA;;;EAiBtC"}

package/dist/hooks/useCombinedRefs.js

@@ -1,18 +1,34 @@
 "use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
 exports.useCombinedRefs = void 0;
 var react_1 = __importDefault(require("react"));
+/**
+ * It takes a list of refs and returns a single ref that can be used to reference the same underlying
+ * DOM element
+ * @param refs - An array of refs to combine.
+ * @returns A ref object.
+ */
 function useCombinedRefs() {
     var refs = [];
     for (var _i = 0; _i < arguments.length; _i++) {
         refs[_i] = arguments[_i];
     }
+    var _a = react_1["default"].useState(null), _innerRef = _a[0], setInnerRef = _a[1];
     var targetRef = react_1["default"].useRef();
     react_1["default"].useEffect(function () {
-        refs.forEach(function (ref) {
+        __spreadArray(__spreadArray([], refs, true), [setInnerRef], false).forEach(function (ref) {
             if (!ref)
                 return;
             if (typeof ref === 'function') {
@@ -23,7 +39,7 @@ function useCombinedRefs() {
             }
         });
     }, [refs]);
-    return targetRef;
+    return { _innerRef: _innerRef, targetRef: targetRef };
 }
 exports.useCombinedRefs = useCombinedRefs;
 //# sourceMappingURL=useCombinedRefs.js.map

package/dist/hooks/useCombinedRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCombinedRefs.js","sourceRoot":"","sources":["../../src/hooks/useCombinedRefs.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,SAAgB,eAAe;IAAC,cAAO;SAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;QAAP,yBAAO;;IACrC,IAAM,SAAS,GAAG,kBAAK,CAAC,MAAM,EAAE,CAAC;IAEjC,kBAAK,CAAC,SAAS,CAAC;QACd,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG;YACf,IAAI,CAAC,GAAG;gBAAE,OAAO;YAEjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACxB;iBAAM;gBACL,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;aACjC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,SAAS,CAAC;AACnB,CAAC;AAhBD,0CAgBC"}
+{"version":3,"file":"useCombinedRefs.js","sourceRoot":"","sources":["../../src/hooks/useCombinedRefs.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B;;;;;GAKG;AACH,SAAgB,eAAe;IAAC,cAAO;SAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;QAAP,yBAAO;;IAC/B,IAAA,KAA2B,kBAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA9C,SAAS,QAAA,EAAE,WAAW,QAAwB,CAAC;IACtD,IAAM,SAAS,GAAG,kBAAK,CAAC,MAAM,EAAE,CAAC;IAEjC,kBAAK,CAAC,SAAS,CAAC;QACd,gCAAI,IAAI,UAAE,WAAW,UAAE,OAAO,CAAC,UAAC,GAAG;YACjC,IAAI,CAAC,GAAG;gBAAE,OAAO;YAEjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACxB;iBAAM;gBACL,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;aACjC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,EAAE,SAAS,WAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AAClC,CAAC;AAjBD,0CAiBC"}

package/dist/hooks/useTheme.d.ts

@@ -1,3 +1,3 @@
-import { IReqoreIntent, IReqoreTheme } from '../constants/theme';
-export declare const useReqoreTheme: (element: string, customTheme?: Partial<IReqoreTheme>, intent?: IReqoreIntent) => IReqoreTheme;
+import { IReqoreTheme, TReqoreIntent } from '../constants/theme';
+export declare const useReqoreTheme: (element: string, customTheme?: Partial<IReqoreTheme>, intent?: TReqoreIntent) => IReqoreTheme;
 //# sourceMappingURL=useTheme.d.ts.map

package/dist/hooks/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIjE,eAAO,MAAM,cAAc,YAChB,MAAM,gBACF,QAAQ,YAAY,CAAC,WACzB,aAAa,iBAUvB,CAAC"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIjE,eAAO,MAAM,cAAc,YAChB,MAAM,gBACF,QAAQ,YAAY,CAAC,WACzB,aAAa,iBAUvB,CAAC"}

package/dist/styles.d.ts

@@ -2,4 +2,6 @@ export declare const AnimatedTextElement: any;
 export declare const InactiveIconScale: any;
 export declare const ActiveIconScale: any;
 export declare const ScaleIconOnHover: any;
+export declare const DisabledElement: any;
+export declare const ReadOnlyElement: any;
 //# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,KAY/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAI7B,CAAC;AAEF,eAAO,MAAM,eAAe,KAI3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAO5B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,KAY/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAI7B,CAAC;AAEF,eAAO,MAAM,eAAe,KAI3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAK5B,CAAC;AAEF,eAAO,MAAM,eAAe,KAI3B,CAAC;AAEF,eAAO,MAAM,eAAe,KAG3B,CAAC"}

package/dist/styles.js

@@ -4,13 +4,15 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 exports.__esModule = true;
-exports.ScaleIconOnHover = exports.ActiveIconScale = exports.InactiveIconScale = exports.AnimatedTextElement = void 0;
+exports.ReadOnlyElement = exports.DisabledElement = exports.ScaleIconOnHover = exports.ActiveIconScale = exports.InactiveIconScale = exports.AnimatedTextElement = void 0;
 var styled_components_1 = require("styled-components");
 var Button_1 = require("./components/Button");
 var Icon_1 = require("./components/Icon");
 exports.AnimatedTextElement = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    transform: translateY(0px);\n    filter: blur(0);\n    opacity: 1;\n  }\n\n  ", " {\n    transform: translateY(150%);\n    filter: blur(10px);\n    opacity: 0;\n  }\n"], ["\n  ", " {\n    transform: translateY(0px);\n    filter: blur(0);\n    opacity: 1;\n  }\n\n  ", " {\n    transform: translateY(150%);\n    filter: blur(10px);\n    opacity: 0;\n  }\n"])), Button_1.StyledActiveContent, Button_1.StyledInActiveContent);
 exports.InactiveIconScale = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", " {\n    transform: scale(0.85);\n  }\n"], ["\n  ", " {\n    transform: scale(0.85);\n  }\n"])), Icon_1.StyledIconWrapper);
 exports.ActiveIconScale = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", " {\n    transform: scale(1);\n  }\n"], ["\n  ", " {\n    transform: scale(1);\n  }\n"])), Icon_1.StyledIconWrapper);
-exports.ScaleIconOnHover = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n\n  &:hover,\n  &:focus {\n    ", "\n  }\n"], ["\n  ", "\n\n  &:hover,\n  &:focus {\n    ", "\n  }\n"])), exports.InactiveIconScale, exports.ActiveIconScale);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+exports.ScaleIconOnHover = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  &:hover,\n  &:focus {\n    ", "\n  }\n"], ["\n  &:hover,\n  &:focus {\n    ", "\n  }\n"])), exports.ActiveIconScale);
+exports.DisabledElement = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  pointer-events: none;\n  opacity: 0.5;\n  cursor: not-allowed;\n"], ["\n  pointer-events: none;\n  opacity: 0.5;\n  cursor: not-allowed;\n"])));
+exports.ReadOnlyElement = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  pointer-events: none;\n  cursor: not-allowed;\n"], ["\n  pointer-events: none;\n  cursor: not-allowed;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAwC;AACxC,8CAAiF;AACjF,0CAAsD;AAEzC,QAAA,mBAAmB,OAAG,uBAAG,4PAAA,MAClC,EAAmB,uFAMnB,EAAqB,uFAKxB,KAXG,4BAAmB,EAMnB,8BAAqB,EAKvB;AAEW,QAAA,iBAAiB,OAAG,uBAAG,oHAAA,MAChC,EAAiB,wCAGpB,KAHG,wBAAiB,EAGnB;AAEW,QAAA,eAAe,OAAG,uBAAG,iHAAA,MAC9B,EAAiB,qCAGpB,KAHG,wBAAiB,EAGnB;AAEW,QAAA,gBAAgB,OAAG,uBAAG,0HAAA,MAC/B,EAAiB,mCAIf,EAAe,SAEpB,KANG,yBAAiB,EAIf,uBAAe,EAEnB"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAwC;AACxC,8CAAiF;AACjF,0CAAsD;AAEzC,QAAA,mBAAmB,OAAG,uBAAG,4PAAA,MAClC,EAAmB,uFAMnB,EAAqB,uFAKxB,KAXG,4BAAmB,EAMnB,8BAAqB,EAKvB;AAEW,QAAA,iBAAiB,OAAG,uBAAG,oHAAA,MAChC,EAAiB,wCAGpB,KAHG,wBAAiB,EAGnB;AAEW,QAAA,eAAe,OAAG,uBAAG,iHAAA,MAC9B,EAAiB,qCAGpB,KAHG,wBAAiB,EAGnB;AAEW,QAAA,gBAAgB,OAAG,uBAAG,gHAAA,iCAG7B,EAAe,SAEpB,KAFK,uBAAe,EAEnB;AAEW,QAAA,eAAe,OAAG,uBAAG,0IAAA,sEAIjC,KAAC;AAEW,QAAA,eAAe,OAAG,uBAAG,yHAAA,qDAGjC,KAAC"}

package/dist/types/global.d.ts

@@ -1,8 +1,77 @@
+import { IReqoreCustomTheme, TReqoreIntent } from '../constants/theme';
 import { IPopoverOptions } from '../hooks/usePopover';
 export interface IReqoreComponent {
     _insidePopover?: boolean;
     _popoverId?: string;
 }
+export interface IReqoreReadOnly {
+    /**
+     * If true, the component will be read only
+     * @default false
+     * @type boolean
+     * @memberof IReqoreReadOnly
+     * @example
+     * <ReqoreInput readOnly />
+     * <ReqoreInput readOnly={true} />
+     *
+     */
+    readOnly?: boolean;
+}
+export interface IReqoreDisabled {
+    /**
+     * If true, the component will be disabled
+     * @default false
+     * @type boolean
+     * @memberof IReqoreDisabled
+     * @example
+     * <ReqoreInput disabled />
+     * <ReqoreInput disabled={true} />
+     *
+     */
+    disabled?: boolean;
+}
+export interface IReqoreIntent {
+    /**
+     * The intent of the component
+     * @default none
+     * @type TReqoreIntent
+     * @memberof IReqoreIntent
+     * @example
+     * <ReqoreInput intent="info" />
+     * <ReqoreInput intent="success" />
+     * <ReqoreInput intent="pending" />
+     * <ReqoreInput intent="warning" />
+     * <ReqoreInput intent="danger" />
+     * <ReqoreInput intent="muted" />
+     */
+    intent?: TReqoreIntent;
+}
+export interface IWithReqoreCustomTheme {
+    /**
+     * The custom theme of the component
+     * @default none
+     * @type IReqoreCustomTheme
+     * @memberof IWithReqoreCustomTheme
+     * @example
+     * <ReqoreInput customTheme={{ main: '#ff0000' }} />
+     * <ReqoreInput customTheme={{ main: '#ff0000', text: { color: '#0000ff' } }} />
+     */
+    customTheme?: IReqoreCustomTheme;
+}
+export interface IWithReqoreTooltip {
+    /**
+     * The tooltip of the component
+     * @default none
+     * @type string | IReqoreTooltip
+     * @memberof IWithReqoreTooltip
+     * @example
+     * <ReqoreInput tooltip="This is a tooltip" />
+     * <ReqoreInput tooltip={{ content: 'This is a tooltip' }} />
+     * <ReqoreInput tooltip={{ content: 'This is a tooltip', position: 'top' }} />
+     * <ReqoreInput tooltip={{ content: 'This is a tooltip', position: 'top', handle: 'focus', useTargetWidth: true, noArrow: true }} />
+     */
+    tooltip?: string | IReqoreTooltip;
+}
 export interface IReqoreTooltip extends IPopoverOptions {
 }
 export declare type TReqoreTooltipProp = string | IReqoreTooltip;

package/dist/types/global.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe;CAAG;AAC1D,oBAAY,kBAAkB,GAAG,MAAM,GAAG,cAAc,CAAC"}
+{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACnC;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe;CAAG;AAC1D,oBAAY,kBAAkB,GAAG,MAAM,GAAG,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.20.6",
+  "version": "0.21.0",
   "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

@@ -10,7 +10,7 @@ import {
   TEXT_FROM_SIZE,
   TSizes,
 } from '../../constants/sizes';
-import { IReqoreBreadcrumbsTheme, IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+import { IReqoreBreadcrumbsTheme, IReqoreTheme, TReqoreIntent } from '../../constants/theme';
 import { changeLightness, getReadableColor, getReadableColorFrom } from '../../helpers/colors';
 import { calculateStringSizeInPixels } from '../../helpers/utils';
 import { useReqoreTheme } from '../../hooks/useTheme';
@@ -28,7 +28,7 @@ export interface IReqoreBreadcrumbItemTabs {
   tabs: IReqoreTabsListItem[];
   onTabChange: (tabId: string | number) => any;
   activeTab: string;
-  activeTabIntent?: IReqoreIntent;
+  activeTabIntent?: TReqoreIntent;
 }
 
 export interface IReqoreBreadcrumbItem {

package/src/components/Breadcrumbs/item.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useRef } from 'react';
+import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { IReqoreBreadcrumbItem } from '.';
 import { PADDING_FROM_SIZE, TEXT_FROM_SIZE, TSizes } from '../../constants/sizes';
@@ -123,15 +123,14 @@ const ReqoreBreadcrumbsItem = forwardRef(
     }: IReqoreBreadcrumbItemProps,
     ref
   ) => {
-    const innerRef = useRef(null);
-    const combinedRef = useCombinedRefs(innerRef, ref);
+    const { targetRef } = useCombinedRefs(ref);
     const theme = useReqoreTheme('breadcrumbs', customTheme);
 
-    useTooltip(combinedRef?.current, tooltip);
+    useTooltip(targetRef?.current, tooltip);
 
     return (
       <StyledBreadcrumbItem
-        ref={combinedRef}
+        ref={targetRef}
         active={active}
         interactive={interactive || !!props?.onClick}
         className='reqore-breadcrumbs-item'