@qoretechnologies/reqore 0.48.23 → 0.49.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +6 -13
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +2 -2
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +6 -12
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +3 -7
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +35 -39
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +2 -1
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +1 -1
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +1 -1
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Dropdown/item.d.ts.map +1 -1
- package/dist/components/Dropdown/item.js +1 -2
- package/dist/components/Dropdown/item.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts +1 -1
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +10 -4
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Header/index.d.ts +1 -1
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +4 -6
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +8 -16
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +3 -4
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts +5 -2
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +32 -27
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +8 -13
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +3 -15
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Menu/section.d.ts +1 -1
- package/dist/components/Menu/section.d.ts.map +1 -1
- package/dist/components/Menu/section.js +7 -12
- package/dist/components/Menu/section.js.map +1 -1
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +4 -10
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/Paragraph/index.d.ts.map +1 -1
- package/dist/components/Paragraph/index.js +3 -10
- package/dist/components/Paragraph/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts +43 -5
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +158 -23
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Slider/index.d.ts +3 -3
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +5 -9
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Span/index.d.ts.map +1 -1
- package/dist/components/Span/index.js +3 -10
- package/dist/components/Span/index.js.map +1 -1
- package/dist/components/Spinner/index.js +2 -2
- package/dist/components/Spinner/index.js.map +1 -1
- package/dist/components/Table/cell.d.ts.map +1 -1
- package/dist/components/Table/cell.js +2 -5
- package/dist/components/Table/cell.js.map +1 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +16 -16
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +2 -3
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/TooltipComponent/index.d.ts +9 -0
- package/dist/components/TooltipComponent/index.d.ts.map +1 -0
- package/dist/components/TooltipComponent/index.js +37 -0
- package/dist/components/TooltipComponent/index.js.map +1 -0
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +56 -55
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +1 -1
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/ReqoreContext.d.ts +2 -0
- package/dist/context/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js +2 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/helpers/utils.d.ts +2 -0
- package/dist/helpers/utils.d.ts.map +1 -1
- package/dist/helpers/utils.js +8 -1
- package/dist/helpers/utils.js.map +1 -1
- package/dist/hooks/useComponentTooltip.d.ts +9 -0
- package/dist/hooks/useComponentTooltip.d.ts.map +1 -0
- package/dist/hooks/useComponentTooltip.js +34 -0
- package/dist/hooks/useComponentTooltip.js.map +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/dist/types/global.d.ts +2 -3
- package/dist/types/global.d.ts.map +1 -1
- package/package.json +1 -1
- package/tests.json +1 -1
- package/dist/containers/PopoverProvider.d.ts +0 -13
- package/dist/containers/PopoverProvider.d.ts.map +0 -1
- package/dist/containers/PopoverProvider.js +0 -118
- package/dist/containers/PopoverProvider.js.map +0 -1
- package/dist/context/PopoverContext.d.ts +0 -11
- package/dist/context/PopoverContext.d.ts.map +0 -1
- package/dist/context/PopoverContext.js +0 -5
- package/dist/context/PopoverContext.js.map +0 -1
- package/dist/hooks/usePopover.d.ts +0 -42
- package/dist/hooks/usePopover.d.ts.map +0 -1
- package/dist/hooks/usePopover.js +0 -147
- package/dist/hooks/usePopover.js.map +0 -1
- package/dist/hooks/useTooltip.d.ts +0 -3
- package/dist/hooks/useTooltip.d.ts.map +0 -1
- package/dist/hooks/useTooltip.js +0 -44
- package/dist/hooks/useTooltip.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyC;AACzC,wEAAuC;AACvC,+CAA+D;AAC/D,6CAAmD;AACnD,iDAAsD;AAOtD,oCAA6C;AAC7C,wDAA6D;AAahD,QAAA,eAAe,GAAG,IAAA,8BAAM,EAAC,yBAAgB,CAAC,wIAAA,0CAG5C,EACwD,kBACpD,EAA2E,KACzF,KAHU,UAAC,EAAiB;;QAAf,KAAK,WAAA,EAAE,MAAM,YAAA;IACvB,OAAA,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,KAAK,KAAI,SAAS,CAAA;CAAA,EACpD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAG,sBAAc,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AAA5D,CAA4D,EACxF;AAEW,QAAA,OAAO,GAAG,IAAA,YAAI,EACzB,IAAA,kBAAU,EACR,UACE,EASwB,EACxB,GAAG;IATD,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,SAAS,eAAA,EACT,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,OAAO,aAAA,EACJ,KAAK,cARV,8EASC,CADS;IAIV,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,yCAAsB,aACrB,EAAE,EAAC,GAAG,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IACR,KAAK,IACT,SAAS,EAAE,uBAAe,EAC1B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,sBAAmB,gBAE/C,QAAQ,IACc,CAC1B,CAAC;AACJ,CAAC,CACF,CACF,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { Placement } from '@popperjs/core';
|
|
2
|
+
import React, { MutableRefObject } from 'react';
|
|
3
|
+
import { IReqoreOptions } from '../../containers/UIProvider';
|
|
4
|
+
import { IReqoreComponent, IReqoreIntent, IWithReqoreEffect, IWithReqoreFlat, IWithReqoreMinimal } from '../../types/global';
|
|
5
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
4
6
|
export interface IReqorePopoverProps extends IReqoreComponent, IPopoverOptions {
|
|
5
7
|
component: any;
|
|
6
8
|
componentProps?: any;
|
|
@@ -9,7 +11,43 @@ export interface IReqorePopoverProps extends IReqoreComponent, IPopoverOptions {
|
|
|
9
11
|
wrapperTag?: string;
|
|
10
12
|
wrapperStyle?: React.CSSProperties;
|
|
11
13
|
}
|
|
14
|
+
export interface IPopoverControls {
|
|
15
|
+
open: () => void;
|
|
16
|
+
close: () => void;
|
|
17
|
+
isOpen: () => boolean;
|
|
18
|
+
}
|
|
19
|
+
export interface IPopover extends IReqoreIntent, IWithReqoreMinimal, IWithReqoreEffect, IWithReqoreFlat {
|
|
20
|
+
content?: JSX.Element | string | undefined;
|
|
21
|
+
handler?: 'hover' | 'click' | 'focus' | 'hoverStay';
|
|
22
|
+
placement?: Placement;
|
|
23
|
+
show?: boolean;
|
|
24
|
+
openOnMount?: boolean;
|
|
25
|
+
noArrow?: boolean;
|
|
26
|
+
noWrapper?: boolean;
|
|
27
|
+
useTargetWidth?: boolean;
|
|
28
|
+
closeOnOutsideClick?: boolean;
|
|
29
|
+
closeOnAnyClick?: boolean;
|
|
30
|
+
closeOnInsideClick?: boolean;
|
|
31
|
+
closeOnTargetClick?: boolean;
|
|
32
|
+
delay?: number;
|
|
33
|
+
blur?: boolean;
|
|
34
|
+
transparent?: boolean;
|
|
35
|
+
maxWidth?: string;
|
|
36
|
+
maxHeight?: string;
|
|
37
|
+
icon?: IReqoreIconName;
|
|
38
|
+
title?: string;
|
|
39
|
+
updater?: string | number;
|
|
40
|
+
uiScale?: IReqoreOptions['uiScale'];
|
|
41
|
+
onToggleChange?: (isOpen: boolean, popoverData?: IPopover) => void;
|
|
42
|
+
onUpdate?: (popoverData: IPopover) => void;
|
|
43
|
+
}
|
|
44
|
+
export interface IPopoverOptions extends IPopover {
|
|
45
|
+
targetElement?: HTMLElement;
|
|
46
|
+
passPopoverData?: (data: IPopoverControls) => void;
|
|
47
|
+
}
|
|
48
|
+
export interface IPopoverData extends IPopoverOptions {
|
|
49
|
+
popperRef?: MutableRefObject<any>;
|
|
50
|
+
}
|
|
12
51
|
export declare const StyledPopover: any;
|
|
13
|
-
declare const
|
|
14
|
-
export default Popover;
|
|
52
|
+
export declare const ReqorePopover: React.MemoExoticComponent<(props: IReqorePopoverProps & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;
|
|
15
53
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAoB,gBAAgB,EAAkC,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,EAAE,eAAe;IAC5E,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,QACf,SAAQ,aAAa,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe;IACjB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAEpC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpD;AAED,MAAM,WAAW,YAAa,SAAQ,eAAe;IACnD,SAAS,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,aAAa,KAEzB,CAAC;AAgBF,eAAO,MAAM,aAAa,8JAoQzB,CAAC"}
|
|
@@ -14,39 +14,174 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
27
39
|
};
|
|
28
40
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
41
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
42
|
};
|
|
31
43
|
exports.__esModule = true;
|
|
32
|
-
exports.StyledPopover = void 0;
|
|
44
|
+
exports.ReqorePopover = exports.StyledPopover = void 0;
|
|
33
45
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
-
var react_1 = require("react");
|
|
46
|
+
var react_1 = __importStar(require("react"));
|
|
47
|
+
var react_use_1 = require("react-use");
|
|
35
48
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
|
-
var
|
|
49
|
+
var __1 = require("../..");
|
|
50
|
+
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
51
|
+
var InternalPopover_1 = __importDefault(require("../InternalPopover"));
|
|
37
52
|
exports.StyledPopover = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
53
|
+
var startEvents = {
|
|
54
|
+
hover: 'mouseenter',
|
|
55
|
+
hoverStay: 'mouseenter',
|
|
56
|
+
click: 'click',
|
|
57
|
+
focus: 'focusin'
|
|
58
|
+
};
|
|
59
|
+
var endEvents = {
|
|
60
|
+
hover: 'mouseleave',
|
|
61
|
+
hoverStay: null,
|
|
62
|
+
click: null,
|
|
63
|
+
focus: null
|
|
64
|
+
};
|
|
65
|
+
exports.ReqorePopover = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
66
|
+
var Component = _a.component, componentProps = _a.componentProps, children = _a.children, isReqoreComponent = _a.isReqoreComponent, _b = _a.wrapperTag, wrapperTag = _b === void 0 ? 'span' : _b, _c = _a.wrapperStyle, wrapperStyle = _c === void 0 ? {} : _c, passPopoverData = _a.passPopoverData, content = _a.content, blur = _a.blur, _d = _a.closeOnOutsideClick, closeOnOutsideClick = _d === void 0 ? true : _d, _e = _a.closeOnInsideClick, closeOnInsideClick = _e === void 0 ? true : _e, closeOnTargetClick = _a.closeOnTargetClick, _f = _a.handler, handler = _f === void 0 ? 'hover' : _f, delay = _a.delay, noArrow = _a.noArrow, noWrapper = _a.noWrapper, useTargetWidth = _a.useTargetWidth, placement = _a.placement, openOnMount = _a.openOnMount, transparent = _a.transparent, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight, icon = _a.icon, title = _a.title, onToggleChange = _a.onToggleChange, onUpdate = _a.onUpdate, effect = _a.effect, flat = _a.flat, minimal = _a.minimal, intent = _a.intent;
|
|
67
|
+
var tooltips = (0, __1.useReqoreProperty)('tooltips');
|
|
68
|
+
var closePopoversOnEscPress = (0, __1.useReqoreProperty)('closePopoversOnEscPress');
|
|
69
|
+
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
70
|
+
var _g = react_1["default"].useState(null), componentRef = _g[0], setComponentRef = _g[1];
|
|
71
|
+
var popperRef = (0, react_1.useRef)(null);
|
|
72
|
+
var _h = react_1["default"].useState(false), isOpen = _h[0], setIsOpen = _h[1];
|
|
73
|
+
var timeout = (0, react_1.useRef)(0).current;
|
|
74
|
+
var startEvent = startEvents[handler];
|
|
75
|
+
var endEvent = endEvents[handler];
|
|
76
|
+
var open = (0, react_1.useCallback)(function () {
|
|
77
|
+
if (isOpen) {
|
|
78
|
+
if (handler !== 'hoverStay' && handler !== 'focus') {
|
|
79
|
+
if (closeOnInsideClick) {
|
|
80
|
+
close();
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
var globalDelay = handler === 'hover' || handler === 'hoverStay' ? delay !== null && delay !== void 0 ? delay : tooltips.delay : delay;
|
|
86
|
+
if (globalDelay) {
|
|
87
|
+
timeout = setTimeout(function () {
|
|
88
|
+
setIsOpen(true);
|
|
89
|
+
}, globalDelay);
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
setIsOpen(true);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}, [isOpen, handler, closeOnInsideClick, delay, tooltips.delay]);
|
|
96
|
+
var close = (0, react_1.useCallback)(function () {
|
|
97
|
+
cancelTimeout();
|
|
98
|
+
setIsOpen(false);
|
|
99
|
+
}, []);
|
|
100
|
+
var handleClick = (0, react_1.useCallback)(function (event) {
|
|
101
|
+
if (handler === 'hover') {
|
|
102
|
+
close();
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
if (closeOnOutsideClick &&
|
|
106
|
+
!((popperRef === null || popperRef === void 0 ? void 0 : popperRef.current) && popperRef.current.contains(event.target)) &&
|
|
107
|
+
!(componentRef === null || componentRef === void 0 ? void 0 : componentRef.contains(event.target))) {
|
|
108
|
+
close();
|
|
109
|
+
}
|
|
110
|
+
}, [closeOnOutsideClick, componentRef, popperRef.current, closeOnTargetClick]);
|
|
111
|
+
var handleKeyDown = (0, react_1.useCallback)(function (event) {
|
|
112
|
+
if (event.key === 'Escape') {
|
|
113
|
+
close();
|
|
114
|
+
}
|
|
115
|
+
}, []);
|
|
116
|
+
(0, react_use_1.useUpdateEffect)(function () {
|
|
117
|
+
onToggleChange === null || onToggleChange === void 0 ? void 0 : onToggleChange(isOpen, { content: content });
|
|
118
|
+
}, [isOpen]);
|
|
119
|
+
(0, react_use_1.useUpdateEffect)(function () {
|
|
120
|
+
onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate({ content: content });
|
|
121
|
+
}, [content]);
|
|
122
|
+
(0, react_1.useEffect)(function () {
|
|
123
|
+
passPopoverData === null || passPopoverData === void 0 ? void 0 : passPopoverData({
|
|
124
|
+
close: close,
|
|
125
|
+
open: open,
|
|
126
|
+
isOpen: function () { return isOpen; }
|
|
127
|
+
});
|
|
128
|
+
}, [isOpen]);
|
|
129
|
+
(0, react_1.useEffect)(function () {
|
|
130
|
+
if (!content) {
|
|
131
|
+
close();
|
|
132
|
+
}
|
|
133
|
+
}, [content]);
|
|
42
134
|
(0, react_1.useEffect)(function () {
|
|
43
|
-
|
|
44
|
-
|
|
135
|
+
if (componentRef && openOnMount) {
|
|
136
|
+
open();
|
|
137
|
+
}
|
|
138
|
+
}, [!!componentRef, openOnMount]);
|
|
139
|
+
(0, react_use_1.useUnmount)(function () {
|
|
140
|
+
cancelTimeout();
|
|
141
|
+
onToggleChange === null || onToggleChange === void 0 ? void 0 : onToggleChange(false);
|
|
142
|
+
});
|
|
143
|
+
var cancelTimeout = (0, react_1.useCallback)(function () {
|
|
144
|
+
clearTimeout(timeout);
|
|
145
|
+
timeout = null;
|
|
146
|
+
}, []);
|
|
147
|
+
var handlePopperUpdate = (0, react_1.useCallback)(function (internalPopperRef) {
|
|
148
|
+
popperRef.current = internalPopperRef.current;
|
|
149
|
+
}, []);
|
|
150
|
+
(0, react_1.useEffect)(function () {
|
|
151
|
+
if (componentRef && content) {
|
|
152
|
+
document.addEventListener('click', handleClick, true);
|
|
153
|
+
if (closePopoversOnEscPress) {
|
|
154
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
155
|
+
}
|
|
156
|
+
componentRef.addEventListener(startEvent, open);
|
|
157
|
+
if (endEvent) {
|
|
158
|
+
componentRef.addEventListener(endEvent, close);
|
|
159
|
+
}
|
|
160
|
+
if (handler === 'hoverStay') {
|
|
161
|
+
componentRef.addEventListener('mouseleave', cancelTimeout);
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
return function () {
|
|
165
|
+
cancelTimeout();
|
|
166
|
+
document.removeEventListener('click', handleClick, true);
|
|
167
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
168
|
+
componentRef === null || componentRef === void 0 ? void 0 : componentRef.removeEventListener(startEvent, open);
|
|
169
|
+
if (endEvent) {
|
|
170
|
+
componentRef === null || componentRef === void 0 ? void 0 : componentRef.removeEventListener(endEvent, close);
|
|
171
|
+
}
|
|
172
|
+
if (handler === 'hoverStay') {
|
|
173
|
+
componentRef === null || componentRef === void 0 ? void 0 : componentRef.removeEventListener('mouseleave', cancelTimeout);
|
|
174
|
+
}
|
|
175
|
+
};
|
|
176
|
+
}, [componentRef, content]);
|
|
177
|
+
var handleRef = (0, react_1.useCallback)(function (r) {
|
|
178
|
+
setComponentRef(r);
|
|
179
|
+
targetRef.current = r;
|
|
180
|
+
}, []);
|
|
45
181
|
if (isReqoreComponent) {
|
|
46
|
-
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, {
|
|
182
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isOpen && ((0, jsx_runtime_1.jsx)(InternalPopover_1["default"], { targetElement: componentRef, content: content, placement: placement, noArrow: noArrow, noWrapper: noWrapper, useTargetWidth: useTargetWidth, transparent: transparent, maxWidth: maxWidth, maxHeight: maxHeight, intent: intent, title: title, icon: icon, minimal: minimal, flat: flat, effect: effect, closePopover: close, onPopperClose: close, onPopperUpdate: handlePopperUpdate })), isOpen && blur ? (0, jsx_runtime_1.jsx)("div", { className: 'reqore-blur-wrapper' }) : null, (0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { className: "".concat(isOpen && blur ? 'reqore-blur-z-index' : '', " ").concat((componentProps === null || componentProps === void 0 ? void 0 : componentProps.className) || ''), ref: handleRef }, { children: children }))] }));
|
|
47
183
|
}
|
|
48
|
-
return ((0, jsx_runtime_1.jsx)(exports.StyledPopover, __assign({ as: wrapperTag, className: 'reqore-popover-wrapper
|
|
49
|
-
});
|
|
50
|
-
exports["default"] = Popover;
|
|
184
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isOpen && ((0, jsx_runtime_1.jsx)(InternalPopover_1["default"], { targetElement: componentRef, content: content, placement: placement, noArrow: noArrow, noWrapper: noWrapper, useTargetWidth: useTargetWidth, transparent: transparent, maxWidth: maxWidth, maxHeight: maxHeight, intent: intent, title: title, icon: icon, minimal: minimal, flat: flat, effect: effect, onPopperClose: close, onPopperUpdate: handlePopperUpdate, closePopover: close })), isOpen && blur ? (0, jsx_runtime_1.jsx)("div", { className: 'reqore-blur-wrapper' }) : null, (0, jsx_runtime_1.jsx)(exports.StyledPopover, __assign({ as: wrapperTag, className: "".concat(isOpen && blur ? 'reqore-blur-z-index' : '', " reqore-popover-wrapper"), ref: handleRef, style: wrapperStyle }, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { children: children })) }))] }));
|
|
185
|
+
}));
|
|
51
186
|
var templateObject_1;
|
|
52
187
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import * as Slider from '@radix-ui/react-slider';
|
|
2
3
|
import { TSizes } from '../../constants/sizes';
|
|
3
4
|
import { IReqoreCustomTheme, TReqoreIntent } from '../../constants/theme';
|
|
@@ -9,7 +10,7 @@ import { IReqoreIconProps } from '../Icon';
|
|
|
9
10
|
import { IReqoreParagraphProps } from '../Paragraph';
|
|
10
11
|
import { IReqoreTagProps } from '../Tag';
|
|
11
12
|
export interface ISliderProps<T extends number | [number, number] = number> extends Omit<Slider.SliderProps, 'onChange' | 'value' | 'defaultValue' | 'onValueChange'> {
|
|
12
|
-
value:
|
|
13
|
+
value: number | [number, number];
|
|
13
14
|
onChange(values: T): void;
|
|
14
15
|
fluid?: boolean;
|
|
15
16
|
icon?: IReqoreIconName;
|
|
@@ -35,6 +36,5 @@ export interface ISliderProps<T extends number | [number, number] = number> exte
|
|
|
35
36
|
wrapperProps?: IReqoreControlGroupProps;
|
|
36
37
|
displayCurrentValueOverThumb?: boolean;
|
|
37
38
|
}
|
|
38
|
-
export declare
|
|
39
|
-
export default ReqoreSlider;
|
|
39
|
+
export declare const ReqoreSlider: import("react").MemoExoticComponent<(props: ISliderProps<number> & import("react").RefAttributes<unknown>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>>;
|
|
40
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAGjD,OAAO,EAA0C,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAGjD,OAAO,EAA0C,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACpG,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAW,MAAM,cAAc,CAAC;AAC9D,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CACxE,SAAQ,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CAAC;IACzF,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,kBAAkB,CAAC;IAE5B,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAE7C,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,YAAY,CAAC,EAAE,wBAAwB,CAAC;IAExC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAqHD,eAAO,MAAM,YAAY,uMAiNxB,CAAC"}
|
|
@@ -60,12 +60,12 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
60
60
|
var sizes_1 = require("../../constants/sizes");
|
|
61
61
|
var colors_1 = require("../../helpers/colors");
|
|
62
62
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
63
|
-
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
64
63
|
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
65
64
|
var Effect_1 = require("../Effect");
|
|
66
65
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
67
66
|
var Paragraph_1 = require("../Paragraph");
|
|
68
67
|
var Tag_1 = __importDefault(require("../Tag"));
|
|
68
|
+
var TooltipComponent_1 = require("../TooltipComponent");
|
|
69
69
|
var StyledControlGroupWrapper = (0, styled_components_1["default"])(ControlGroup_1["default"])(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &[data-orientation='horizontal'] {\n &[data-fluid='false'] {\n max-width: 200px;\n min-width: 200px;\n }\n }\n &[data-orientation='vertical'] {\n &[data-fluid='false'] {\n max-height: 200px;\n }\n }\n"], ["\n &[data-orientation='horizontal'] {\n &[data-fluid='false'] {\n max-width: 200px;\n min-width: 200px;\n }\n }\n &[data-orientation='vertical'] {\n &[data-fluid='false'] {\n max-height: 200px;\n }\n }\n"])));
|
|
70
70
|
var StyledTrack = (0, styled_components_1["default"])(Slider.Track)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n position: relative;\n border-radius: 9999px;\n"], ["\n background-color: ", ";\n position: relative;\n border-radius: 9999px;\n"])), function (props) { return props.background; });
|
|
71
71
|
var StyledRange = (0, styled_components_1["default"])(Slider.Range)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n background-color: ", ";\n border-radius: 9999px;\n"], ["\n position: absolute;\n background-color: ", ";\n border-radius: 9999px;\n"])), function (props) { return props.background; });
|
|
@@ -87,11 +87,9 @@ var StyledCurrentValue = (0, styled_components_1["default"])(Tag_1["default"])(t
|
|
|
87
87
|
: 'translateX(-50%)');
|
|
88
88
|
});
|
|
89
89
|
var SliderRootWrapper = (0, styled_components_1["default"])(ControlGroup_1["default"])(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n align-items: center;\n flex-grow: 1;\n width: 100%;\n"], ["\n align-items: center;\n flex-grow: 1;\n width: 100%;\n"])));
|
|
90
|
-
function
|
|
90
|
+
exports.ReqoreSlider = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
91
91
|
var value = _a.value, onChange = _a.onChange, _b = _a.step, step = _b === void 0 ? 0.1 : _b, _c = _a.orientation, orientation = _c === void 0 ? 'horizontal' : _c, _d = _a.fluid, fluid = _d === void 0 ? true : _d, showLabels = _a.showLabels, icon = _a.icon, iconColor = _a.iconColor, iconProps = _a.iconProps, rightIcon = _a.rightIcon, rightIconColor = _a.rightIconColor, rightIconProps = _a.rightIconProps, customTheme = _a.customTheme, intent = _a.intent, effect = _a.effect, trackProps = _a.trackProps, rangeProps = _a.rangeProps, thumbProps = _a.thumbProps, minLabelProps = _a.minLabelProps, maxLabelProps = _a.maxLabelProps, _e = _a.size, size = _e === void 0 ? 'normal' : _e, wrapperProps = _a.wrapperProps, _f = _a.labelsPosition, labelsPosition = _f === void 0 ? 'top' : _f, tooltip = _a.tooltip, currentMaxLabelProps = _a.currentMaxLabelProps, currentMinLabelProps = _a.currentMinLabelProps, displayCurrentValueOverThumb = _a.displayCurrentValueOverThumb, props = __rest(_a, ["value", "onChange", "step", "orientation", "fluid", "showLabels", "icon", "iconColor", "iconProps", "rightIcon", "rightIconColor", "rightIconProps", "customTheme", "intent", "effect", "trackProps", "rangeProps", "thumbProps", "minLabelProps", "maxLabelProps", "size", "wrapperProps", "labelsPosition", "tooltip", "currentMaxLabelProps", "currentMinLabelProps", "displayCurrentValueOverThumb"]);
|
|
92
|
-
var _g = (0, react_1.useState)(undefined), wrapperRef = _g[0], setWrapperRef = _g[1];
|
|
93
92
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
94
|
-
(0, useTooltip_1.useTooltip)(wrapperRef, tooltip);
|
|
95
93
|
var background = intent
|
|
96
94
|
? (0, colors_1.changeLightness)(theme.main, 0.2)
|
|
97
95
|
: (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
@@ -138,11 +136,9 @@ function ReqoreSlider(_a) {
|
|
|
138
136
|
var _value = value[1];
|
|
139
137
|
return _value > props.max - step * 5;
|
|
140
138
|
}, [value, props.max]);
|
|
141
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
142
|
-
onChange(
|
|
139
|
+
return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({ "data-orientation": orientation, "data-labels-position": labelsPosition, "data-fluid": fluid, fluid: fluid, vertical: orientation === 'horizontal', fill: true, gapSize: orientation === 'horizontal' ? 'big' : 'normal' }, wrapperProps, { Component: StyledControlGroupWrapper, ref: ref, tooltip: tooltip }, { children: [labelsPosition === 'top' && renderLabels(), (0, jsx_runtime_1.jsx)(SliderRootWrapper, __assign({ vertical: orientation === 'vertical' }, { children: (0, jsx_runtime_1.jsxs)(StyledRoot, __assign({ "data-size": size, orientation: orientation, minStepsBetweenThumbs: step, inverted: orientation === 'vertical', step: step }, props, { value: isRange ? value : [value], onValueChange: function (values) {
|
|
140
|
+
onChange(isRange ? values : values[0]);
|
|
143
141
|
} }, { children: [(0, jsx_runtime_1.jsx)(StyledTrack, __assign({ background: trackBackground, asChild: true }, { children: (0, jsx_runtime_1.jsx)(Effect_1.StyledEffect, __assign({ effect: effect }, trackProps, { children: (0, jsx_runtime_1.jsx)(StyledRange, __assign({ background: background, asChild: true }, { children: (0, jsx_runtime_1.jsx)(Effect_1.StyledEffect, __assign({ effect: effect }, rangeProps)) })) })) })), (0, jsx_runtime_1.jsx)(StyledThumb, __assign({ background: background, asChild: true }, { children: (0, jsx_runtime_1.jsx)(Effect_1.StyledEffect, __assign({ effect: effect }, thumbProps, { children: showLabels && ((0, jsx_runtime_1.jsx)(StyledCurrentValue, __assign({ size: size, effect: effect, intent: intent, position: currentValuePosition, label: isRange ? value[0] : value, isBelowThreshold: displayCurrentValueOverThumb || isMinValueBelowThreshold }, currentMinLabelProps))) })) })), isRange && ((0, jsx_runtime_1.jsx)(StyledThumb, __assign({ background: background, asChild: true }, { children: (0, jsx_runtime_1.jsx)(Effect_1.StyledEffect, __assign({ effect: effect }, thumbProps, { children: showLabels && ((0, jsx_runtime_1.jsx)(StyledCurrentValue, __assign({ size: size, effect: effect, intent: intent, position: currentValuePosition, isAboveThreshold: displayCurrentValueOverThumb || isMaxValueAboveThreshold, label: value[1] }, currentMaxLabelProps))) })) })))] })) })), labelsPosition === 'bottom' && renderLabels()] })));
|
|
144
|
-
}
|
|
145
|
-
exports.ReqoreSlider = ReqoreSlider;
|
|
146
|
-
exports["default"] = ReqoreSlider;
|
|
142
|
+
}));
|
|
147
143
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
148
144
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAAiD;AACjD,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Span/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Span/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAG/D,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,sBAAsB,EAAoB,MAAM,WAAW,CAAC;AAGrE,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,kBAAkB;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,UAAU,KAKtB,CAAC;AAEF,eAAO,MAAM,UAAU,mMAoCtB,CAAC"}
|
|
@@ -35,10 +35,9 @@ var react_1 = require("react");
|
|
|
35
35
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
36
|
var sizes_1 = require("../../constants/sizes");
|
|
37
37
|
var utils_1 = require("../../helpers/utils");
|
|
38
|
-
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
39
38
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
40
|
-
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
41
39
|
var Effect_1 = require("../Effect");
|
|
40
|
+
var TooltipComponent_1 = require("../TooltipComponent");
|
|
42
41
|
exports.StyledSpan = (0, styled_components_1["default"])(Effect_1.StyledTextEffect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n vertical-align: ", ";\n"], ["\n color: ", ";\n font-size: ", ";\n vertical-align: ", ";\n"])), function (_a) {
|
|
43
42
|
var _b;
|
|
44
43
|
var theme = _a.theme, intent = _a.intent;
|
|
@@ -50,16 +49,10 @@ exports.StyledSpan = (0, styled_components_1["default"])(Effect_1.StyledTextEffe
|
|
|
50
49
|
var inline = _a.inline;
|
|
51
50
|
return (inline ? 'middle' : undefined);
|
|
52
51
|
});
|
|
53
|
-
exports.ReqoreSpan = (0, react_1.memo)((0, react_1.forwardRef)(function (_a,
|
|
52
|
+
exports.ReqoreSpan = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
54
53
|
var size = _a.size, children = _a.children, customTheme = _a.customTheme, intent = _a.intent, className = _a.className, _b = _a.inline, inline = _b === void 0 ? false : _b, tooltip = _a.tooltip, props = __rest(_a, ["size", "children", "customTheme", "intent", "className", "inline", "tooltip"]);
|
|
55
|
-
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(forwardedRef).targetRef;
|
|
56
|
-
var _c = (0, react_1.useState)(null), stateRef = _c[0], setStateRef = _c[1];
|
|
57
54
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
58
|
-
(0,
|
|
59
|
-
return ((0, jsx_runtime_1.jsx)(exports.StyledSpan, __assign({ ref: function (ref) {
|
|
60
|
-
targetRef.current = ref;
|
|
61
|
-
setStateRef(ref);
|
|
62
|
-
}, as: 'span', theme: theme, color: theme.text.color, intent: intent, inline: inline }, props, { _size: size, className: "".concat(className || '', " reqore-span") }, { children: children })));
|
|
55
|
+
return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({ ref: ref, as: 'span', theme: theme, color: theme.text.color, intent: intent, inline: inline }, props, { Component: exports.StyledSpan, tooltip: tooltip, _size: size, className: "".concat(className || '', " reqore-span") }, { children: children })));
|
|
63
56
|
}));
|
|
64
57
|
var templateObject_1;
|
|
65
58
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Span/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Span/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyC;AACzC,wEAAuC;AACvC,+CAA+D;AAC/D,6CAAmD;AACnD,iDAAsD;AAOtD,oCAAqE;AACrE,wDAA6D;AAYhD,QAAA,UAAU,GAAG,IAAA,8BAAM,EAAC,yBAAgB,CAAC,oIAAA,aACvC,EACwD,kBACpD,EAA2E,uBACtE,EAA+C,KAClE,KAJU,UAAC,EAAiB;;QAAf,KAAK,WAAA,EAAE,MAAM,YAAA;IACvB,OAAA,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,KAAK,KAAI,SAAS,CAAA;CAAA,EACpD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAG,sBAAc,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AAA5D,CAA4D,EACtE,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAA/B,CAA+B,EACjE;AAEW,QAAA,UAAU,GAAG,IAAA,YAAI,EAC5B,IAAA,kBAAU,EACR,UACE,EASmB,EACnB,GAAG;IATD,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,SAAS,eAAA,EACT,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,OAAO,aAAA,EACJ,KAAK,cARV,+EASC,CADS;IAIV,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,yCAAsB,aACrB,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACvB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IACV,KAAK,IACT,SAAS,EAAE,kBAAU,EACrB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,iBAAc,gBAE1C,QAAQ,IACc,CAC1B,CAAC;AACJ,CAAC,CACF,CACF,CAAC"}
|
|
@@ -33,8 +33,8 @@ var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
|
33
33
|
var ReqoreSpinner = function (_a) {
|
|
34
34
|
var size = _a.size, intent = _a.intent, children = _a.children, type = _a.type, iconColor = _a.iconColor, labelEffect = _a.labelEffect, effect = _a.effect, iconMargin = _a.iconMargin, centered = _a.centered, iconProps = _a.iconProps, rest = __rest(_a, ["size", "intent", "children", "type", "iconColor", "labelEffect", "effect", "iconMargin", "centered", "iconProps"]);
|
|
35
35
|
var renderContent = (0, react_1.useCallback)(function () {
|
|
36
|
-
return ((0, jsx_runtime_1.jsx)(__1.ReqoreIcon, __assign({ icon: !type ? 'LoaderLine' : "Loader".concat(type, "Line"), color: iconColor || intent, size: size, effect: effect, animation: 'spin', className: 'reqore-spinner', margin: iconMargin || (children ? 'right' : undefined) }, iconProps)));
|
|
37
|
-
}, [size, intent, type, children, iconColor]);
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqoreIcon, __assign({ icon: !type ? 'LoaderLine' : "Loader".concat(type, "Line"), color: iconColor || intent, size: size, effect: effect, animation: 'spin', className: 'reqore-spinner', margin: iconMargin || (children && !centered ? 'right' : undefined) }, iconProps)));
|
|
37
|
+
}, [size, intent, type, children, iconColor, centered]);
|
|
38
38
|
if (children) {
|
|
39
39
|
return ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({}, rest, { vertical: centered, horizontalAlign: centered ? 'center' : undefined, verticalAlign: 'center' }, { children: [renderContent(), (0, jsx_runtime_1.jsx)(__1.ReqoreP, __assign({ size: size, intent: intent, effect: labelEffect, className: 'reqore-spinner-wrapper' }, { children: children }))] })));
|
|
40
40
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAoC;AACpC,2BAA4C;AAI5C,iEAA+E;AAkBxE,IAAM,aAAa,GAAG,UAAC,EAYR;IAXpB,IAAA,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,IAAI,cAXqB,mHAY7B,CADQ;IAEP,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC;QAChC,OAAO,CACL,uBAAC,cAAU,aACT,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAS,IAAI,SAAM,EAChD,KAAK,EAAE,SAAS,IAAI,MAAM,EAC1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,gBAAgB,EAC1B,MAAM,EAAE,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAoC;AACpC,2BAA4C;AAI5C,iEAA+E;AAkBxE,IAAM,aAAa,GAAG,UAAC,EAYR;IAXpB,IAAA,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,IAAI,cAXqB,mHAY7B,CADQ;IAEP,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC;QAChC,OAAO,CACL,uBAAC,cAAU,aACT,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAS,IAAI,SAAM,EAChD,KAAK,EAAE,SAAS,IAAI,MAAM,EAC1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,gBAAgB,EAC1B,MAAM,EAAE,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,IAC/D,SAAS,EACb,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExD,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,wBAAC,yBAAkB,eACb,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAChD,aAAa,EAAC,QAAQ,iBAErB,aAAa,EAAE,EAChB,uBAAC,WAAO,aACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,WAAW,EACnB,SAAS,EAAC,wBAAwB,gBAEjC,QAAQ,IACD,KACS,CACtB,CAAC;KACH;IAED,OAAO,2DAAG,aAAa,EAAE,GAAI,CAAC;AAChC,CAAC,CAAC;AAlDW,QAAA,aAAa,iBAkDxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAIvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAKxD,MAAM,WAAW,+BAAgC,SAAQ,yBAAyB;CAAG;AACrF,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAAC;CAAG;AAChG,MAAM,WAAW,yBACf,SAAQ,OAAO,CAAC,kBAAkB,CAAC,EACjC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,kBAAkB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,eAAe,KAoG3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,sNAM/B,CAAC"}
|
|
@@ -46,8 +46,7 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
46
46
|
var sizes_1 = require("../../constants/sizes");
|
|
47
47
|
var colors_1 = require("../../helpers/colors");
|
|
48
48
|
var utils_1 = require("../../helpers/utils");
|
|
49
|
-
var
|
|
50
|
-
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
49
|
+
var TooltipComponent_1 = require("../TooltipComponent");
|
|
51
50
|
exports.StyledTableCell = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), function (_a) {
|
|
52
51
|
var width = _a.width, minWidth = _a.minWidth, maxWidth = _a.maxWidth, grow = _a.grow;
|
|
53
52
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", "px;\n min-width: ", "px;\n max-width: ", "px;\n\n flex-grow: ", ";\n "], ["\n width: ", "px;\n min-width: ", "px;\n max-width: ", "px;\n\n flex-grow: ", ";\n "])), width, minWidth, maxWidth, grow || (width ? undefined : 1));
|
|
@@ -85,9 +84,7 @@ exports.StyledTableCell = styled_components_1["default"].div(templateObject_4 ||
|
|
|
85
84
|
: (0, polished_1.rgba)(getBackgroundColor(), 0.8), (0, colors_1.getReadableColorFrom)(backgroundColor === 'transparent' ? theme.main : backgroundColor, !hovered), (0, colors_1.changeLightness)(backgroundColor === 'transparent' ? theme.main : backgroundColor, 0.1), disabled ? 0.2 : 1, disabled ? 'none' : undefined, interactive || interactiveCell ? 'pointer' : 'default', interactiveCell && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &:hover {\n background-color: ", ";\n }\n "], ["\n &:hover {\n background-color: ", ";\n }\n "])), (0, polished_1.lighten)(0.2, getBackgroundColor())));
|
|
86
85
|
});
|
|
87
86
|
exports.ReqoreTableBodyCell = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
|
|
88
|
-
|
|
89
|
-
(0, useTooltip_1.useTooltip)(targetRef.current, props.tooltip);
|
|
90
|
-
return (0, jsx_runtime_1.jsx)(exports.StyledTableCell, __assign({}, props, { ref: targetRef }));
|
|
87
|
+
return (0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({ Component: exports.StyledTableCell }, props, { ref: ref }));
|
|
91
88
|
}));
|
|
92
89
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
93
90
|
//# sourceMappingURL=cell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAyC;AACzC,+BAAyC;AACzC,qEAAgD;AAEhD,+CAAuD;AACvD,+CAA6E;AAC7E,6CAAuD;
|
|
1
|
+
{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../src/components/Table/cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAc,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}
|