@imposium-hub/components 2.3.3 → 2.3.4
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/cjs/components/Tooltip copy.d.ts +8 -0
- package/dist/cjs/components/Tooltip copy.js +63 -0
- package/dist/cjs/components/Tooltip copy.js.map +1 -0
- package/dist/cjs/components/Tooltip.d.ts +2 -2
- package/dist/cjs/components/Tooltip.js +4 -7
- package/dist/cjs/components/Tooltip.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableGlobalCell.js +1 -1
- package/dist/cjs/components/assets/AssetsTableGlobalCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTypeFilter.js +2 -2
- package/dist/cjs/components/assets/AssetsTableTypeFilter.js.map +1 -1
- package/dist/cjs/components/dropdown/dropdown.stories.js +1 -1
- package/dist/cjs/components/dropdown/dropdown.stories.js.map +1 -1
- package/dist/cjs/components/select-field/SelectField.js +3 -0
- package/dist/cjs/components/select-field/SelectField.js.map +1 -1
- package/dist/cjs/components/tooltip/TooltipTest.d.ts +3 -0
- package/dist/cjs/components/tooltip/TooltipTest.js +60 -0
- package/dist/cjs/components/tooltip/TooltipTest.js.map +1 -0
- package/dist/esm/components/Tooltip copy.d.ts +8 -0
- package/dist/esm/components/Tooltip copy.js +32 -0
- package/dist/esm/components/Tooltip copy.js.map +1 -0
- package/dist/esm/components/Tooltip.d.ts +2 -2
- package/dist/esm/components/Tooltip.js +4 -4
- package/dist/esm/components/Tooltip.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableGlobalCell.js +1 -1
- package/dist/esm/components/assets/AssetsTableGlobalCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableTypeFilter.js +2 -2
- package/dist/esm/components/assets/AssetsTableTypeFilter.js.map +1 -1
- package/dist/esm/components/dropdown/dropdown.stories.js +1 -1
- package/dist/esm/components/dropdown/dropdown.stories.js.map +1 -1
- package/dist/esm/components/select-field/SelectField.js +3 -0
- package/dist/esm/components/select-field/SelectField.js.map +1 -1
- package/dist/esm/components/tooltip/TooltipTest.d.ts +3 -0
- package/dist/esm/components/tooltip/TooltipTest.js +19 -0
- package/dist/esm/components/tooltip/TooltipTest.js.map +1 -0
- package/package.json +3 -3
- package/src/components/Tooltip.tsx +9 -9
- package/src/components/assets/AssetsTableTypeFilter.tsx +7 -8
- package/src/components/select-field/SelectField.tsx +3 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +0 -27
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js +0 -243
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +0 -1
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.d.ts +0 -28
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js +0 -255
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js.map +0 -1
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +0 -27
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js +0 -243
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +0 -1
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +0 -28
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js +0 -251
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +0 -1
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.d.ts +0 -15
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js +0 -91
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map +0 -1
- package/dist/cjs/components/header/Header_BACKUP_73021.d.ts +0 -33
- package/dist/cjs/components/header/Header_BACKUP_73021.js +0 -393
- package/dist/cjs/components/header/Header_BACKUP_73021.js.map +0 -1
- package/dist/cjs/components/header/Header_BASE_73021.d.ts +0 -29
- package/dist/cjs/components/header/Header_BASE_73021.js +0 -376
- package/dist/cjs/components/header/Header_BASE_73021.js.map +0 -1
- package/dist/cjs/components/header/Header_LOCAL_73021.d.ts +0 -33
- package/dist/cjs/components/header/Header_LOCAL_73021.js +0 -382
- package/dist/cjs/components/header/Header_LOCAL_73021.js.map +0 -1
- package/dist/cjs/components/header/Header_REMOTE_73021.d.ts +0 -30
- package/dist/cjs/components/header/Header_REMOTE_73021.js +0 -386
- package/dist/cjs/components/header/Header_REMOTE_73021.js.map +0 -1
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +0 -27
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js +0 -194
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +0 -1
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.d.ts +0 -28
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js +0 -208
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js.map +0 -1
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +0 -27
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js +0 -194
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +0 -1
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +0 -28
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js +0 -204
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +0 -1
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.d.ts +0 -15
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.js +0 -35
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map +0 -1
- package/dist/esm/components/header/Header_BACKUP_73021.d.ts +0 -33
- package/dist/esm/components/header/Header_BACKUP_73021.js +0 -336
- package/dist/esm/components/header/Header_BACKUP_73021.js.map +0 -1
- package/dist/esm/components/header/Header_BASE_73021.d.ts +0 -29
- package/dist/esm/components/header/Header_BASE_73021.js +0 -322
- package/dist/esm/components/header/Header_BASE_73021.js.map +0 -1
- package/dist/esm/components/header/Header_LOCAL_73021.d.ts +0 -33
- package/dist/esm/components/header/Header_LOCAL_73021.js +0 -328
- package/dist/esm/components/header/Header_LOCAL_73021.js.map +0 -1
- package/dist/esm/components/header/Header_REMOTE_73021.d.ts +0 -30
- package/dist/esm/components/header/Header_REMOTE_73021.js +0 -329
- package/dist/esm/components/header/Header_REMOTE_73021.js.map +0 -1
- /package/src/components/dropdown/{dropdown.stories.tsx → Dropdown.stories.tsx} +0 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Place } from 'react-tooltip';
|
|
2
|
+
export interface IToolTipConfig {
|
|
3
|
+
content: string;
|
|
4
|
+
position?: Place;
|
|
5
|
+
theme?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const renderTooltipProps: (id: string, config: IToolTipConfig | string) => any;
|
|
8
|
+
export declare const renderTooltip: (id: string, config: IToolTipConfig | string) => any;
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.renderTooltip = exports.renderTooltipProps = void 0;
|
|
30
|
+
var React = __importStar(require("react"));
|
|
31
|
+
var ReactDOM = __importStar(require("react-dom"));
|
|
32
|
+
var react_tooltip_1 = __importDefault(require("react-tooltip"));
|
|
33
|
+
var renderTooltipProps = function (id, config) {
|
|
34
|
+
if (config) {
|
|
35
|
+
var content = typeof config === 'object' ? config.content : config;
|
|
36
|
+
return {
|
|
37
|
+
'data-tip': content,
|
|
38
|
+
'data-for': id
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
return {};
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
exports.renderTooltipProps = renderTooltipProps;
|
|
46
|
+
var renderTooltip = function (id, config) {
|
|
47
|
+
var tooltipLayer = document.getElementById('tooltips');
|
|
48
|
+
if (config && tooltipLayer) {
|
|
49
|
+
var theme = 'light';
|
|
50
|
+
var place = 'top';
|
|
51
|
+
if (typeof config === 'object') {
|
|
52
|
+
theme = config.theme ? config.theme : 'light';
|
|
53
|
+
place = config.position ? config.position : 'top';
|
|
54
|
+
}
|
|
55
|
+
var tooltipComponent = (React.createElement(react_tooltip_1.default, { place: place, offset: { top: 0, right: 0, bottom: 0, left: 0 }, id: id, className: "imposium-button-tooltip-".concat(theme), delayShow: 1000, effect: 'solid' }));
|
|
56
|
+
return ReactDOM.createPortal(tooltipComponent, tooltipLayer);
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
return null;
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
exports.renderTooltip = renderTooltip;
|
|
63
|
+
//# sourceMappingURL=Tooltip%20copy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip copy.js","sourceRoot":"","sources":["../../../src/components/Tooltip copy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kDAAsC;AACtC,gEAAoD;AAQ7C,IAAM,kBAAkB,GAAG,UAAC,EAAU,EAAE,MAA+B;IAC1E,IAAI,MAAM,EAAE,CAAC;QACT,IAAM,OAAO,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACrE,OAAO;YACH,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,EAAE;SACjB,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,EAAE,CAAC;IACd,CAAC;AACL,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B;AAEK,IAAM,aAAa,GAAG,UAAC,EAAU,EAAE,MAA+B;IACrE,IAAM,YAAY,GAAgB,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAEtE,IAAI,MAAM,IAAI,YAAY,EAAE,CAAC;QACzB,IAAI,KAAK,GAAG,OAAO,CAAC;QACpB,IAAI,KAAK,GAAU,KAAK,CAAC;QAEzB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC7B,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9C,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QACtD,CAAC;QAED,IAAM,gBAAgB,GAAG,CACrB,oBAAC,uBAAY,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAChD,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kCAA2B,KAAK,CAAE,EAC7C,SAAS,EAAE,IAAI,EACf,MAAM,EAAC,OAAO,GAChB,CACL,CAAC;QAEF,OAAO,QAAQ,CAAC,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC;SAAM,CAAC;QACJ,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC,CAAC;AA3BW,QAAA,aAAa,iBA2BxB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PlacesType } from 'react-tooltip';
|
|
2
2
|
export interface IToolTipConfig {
|
|
3
3
|
content: string;
|
|
4
|
-
position?:
|
|
4
|
+
position?: PlacesType;
|
|
5
5
|
theme?: string;
|
|
6
6
|
}
|
|
7
7
|
export declare const renderTooltipProps: (id: string, config: IToolTipConfig | string) => any;
|
|
@@ -22,20 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
26
|
exports.renderTooltip = exports.renderTooltipProps = void 0;
|
|
30
27
|
var React = __importStar(require("react"));
|
|
31
28
|
var ReactDOM = __importStar(require("react-dom"));
|
|
32
|
-
var react_tooltip_1 =
|
|
29
|
+
var react_tooltip_1 = require("react-tooltip");
|
|
33
30
|
var renderTooltipProps = function (id, config) {
|
|
34
31
|
if (config) {
|
|
35
32
|
var content = typeof config === 'object' ? config.content : config;
|
|
36
33
|
return {
|
|
37
|
-
'data-
|
|
38
|
-
'data-
|
|
34
|
+
'data-tooltip-content': content,
|
|
35
|
+
'data-tooltip-id': id
|
|
39
36
|
};
|
|
40
37
|
}
|
|
41
38
|
else {
|
|
@@ -52,7 +49,7 @@ var renderTooltip = function (id, config) {
|
|
|
52
49
|
theme = config.theme ? config.theme : 'light';
|
|
53
50
|
place = config.position ? config.position : 'top';
|
|
54
51
|
}
|
|
55
|
-
var tooltipComponent = (React.createElement(react_tooltip_1.
|
|
52
|
+
var tooltipComponent = (React.createElement(react_tooltip_1.Tooltip, { "data-tooltip-place": place, "data-tooltip-offset": { top: 0, right: 0, bottom: 0, left: 0 }, id: id, className: "imposium-button-tooltip-".concat(theme), delayShow: 500, noArrow: true }));
|
|
56
53
|
return ReactDOM.createPortal(tooltipComponent, tooltipLayer);
|
|
57
54
|
}
|
|
58
55
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kDAAsC;AACtC,+CAAoE;AAQ7D,IAAM,kBAAkB,GAAG,UAAC,EAAU,EAAE,MAA+B;IAC1E,IAAI,MAAM,EAAE,CAAC;QACT,IAAM,OAAO,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACrE,OAAO;YACH,sBAAsB,EAAE,OAAO;YAC/B,iBAAiB,EAAE,EAAE;SACxB,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,EAAE,CAAC;IACd,CAAC;AACL,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B;AAEK,IAAM,aAAa,GAAG,UAAC,EAAU,EAAE,MAA+B;IACrE,IAAM,YAAY,GAAgB,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAEtE,IAAI,MAAM,IAAI,YAAY,EAAE,CAAC;QACzB,IAAI,KAAK,GAAG,OAAO,CAAC;QACpB,IAAI,KAAK,GAAe,KAAK,CAAC;QAE9B,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC7B,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9C,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QACtD,CAAC;QAED,IAAM,gBAAgB,GAAG,CACrB,oBAAC,uBAAY,0BACW,KAAK,yBACJ,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAC7D,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kCAA2B,KAAK,CAAE,EAC7C,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,IAAI,GACf,CACL,CAAC;QAEF,OAAO,QAAQ,CAAC,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC;SAAM,CAAC;QACJ,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC,CAAC;AA3BW,QAAA,aAAa,iBA2BxB"}
|
|
@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
var React = __importStar(require("react"));
|
|
27
27
|
var icons_1 = require("../../constants/icons");
|
|
28
28
|
var AssetsTableGlobalCell = function (p) {
|
|
29
|
-
return React.createElement("div", { className: 'asset-global-cell' }, p.cell.row.original.story_id ? null : icons_1.ICON_GLOBE);
|
|
29
|
+
return (React.createElement("div", { className: 'asset-global-cell' }, p.cell.row.original.story_id ? null : icons_1.ICON_GLOBE));
|
|
30
30
|
};
|
|
31
31
|
var AssetsTableGlobalCellMemoized = React.memo(AssetsTableGlobalCell);
|
|
32
32
|
exports.default = AssetsTableGlobalCellMemoized;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetsTableGlobalCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableGlobalCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+CAAmD;AAMnD,IAAM,qBAAqB,GAAqC,UAAC,CAAyB;IACtF,OAAO,6BAAK,SAAS,EAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"AssetsTableGlobalCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableGlobalCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+CAAmD;AAMnD,IAAM,qBAAqB,GAAqC,UAAC,CAAyB;IACtF,OAAO,CACH,6BAAK,SAAS,EAAC,mBAAmB,IAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAU,CAAO,CAC9F,CAAC;AACN,CAAC,CAAC;AAEF,IAAM,6BAA6B,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;AACxE,kBAAe,6BAA6B,CAAC"}
|
|
@@ -92,8 +92,8 @@ var AssetsTableTypeFilter = /** @class */ (function (_super) {
|
|
|
92
92
|
}
|
|
93
93
|
return (React.createElement("div", { className: 'centered cell' },
|
|
94
94
|
React.createElement(Button_1.default, { tooltip: 'Filter by Asset type', buttonRef: _this.typeFilterRef, onClick: function () { return _this.setState({ openMenu: !openMenu }); } },
|
|
95
|
-
React.createElement(AssetsTypeIcon_1.default, { type: type || 'filter' }),
|
|
96
|
-
|
|
95
|
+
React.createElement(AssetsTypeIcon_1.default, { type: type || 'filter' })),
|
|
96
|
+
React.createElement(Dropdown_1.default, { show: openMenu, position: 'bottomleft', toggleRef: _this.typeFilterRef, onOutsideClick: function () { return _this.setState({ openMenu: false }); } }, filterButtons)));
|
|
97
97
|
};
|
|
98
98
|
_this.state = {
|
|
99
99
|
openMenu: false
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetsTableTypeFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableTypeFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oEAA8C;AAC9C,4DAAsC;AACtC,kEAAoD;AACpD,mEAAkE;AAClE,2CAAsC;AACtC,+BAA2C;AAC3C,iDAAgF;AAWhF;IAAoC,yCAGnC;IAGG,+BAAY,KAA6B;QACrC,YAAA,MAAK,YAAC,KAAK,CAAC,SAAC;QAST,wBAAkB,GAAG,UAAC,IAAY;YACtC,IAAM,eAAe,GAAW,IAAI,KAAK,oBAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACrE,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;QACjE,CAAC,CAAC;QAEK,YAAM,GAAG;;YACJ,IAAA,QAAQ,GAAK,KAAI,CAAC,KAAK,SAAf,CAAgB;YAEZ,IAAA,IAAI,GACpB,KAAI,CAAC,KAAK,kBADU,CACT;YACf,IAAM,aAAa,GAAQ,EAAE,CAAC;oCAEnB,eAAe;gBACtB,aAAa,CAAC,IAAI,CACd,6BACI,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAxC,CAAwC;oBACvD,oBAAC,wBAAc,IAAC,IAAI,EAAE,eAAe,GAAI,CACvC,CACT,CAAC;;;gBARN,KAA8B,IAAA,8BAAA,SAAA,kCAAyB,CAAA,oEAAA;oBAAlD,IAAM,eAAe,sCAAA;4BAAf,eAAe;iBASzB;;;;;;;;;YAED,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe;gBAC1B,oBAAC,gBAAM,IACH,OAAO,EAAC,sBAAsB,EAC9B,SAAS,EAAE,KAAI,CAAC,aAAa,EAC7B,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAtC,CAAsC;oBACrD,oBAAC,wBAAc,IAAC,IAAI,EAAE,IAAI,IAAI,QAAQ,GAAI;
|
|
1
|
+
{"version":3,"file":"AssetsTableTypeFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableTypeFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oEAA8C;AAC9C,4DAAsC;AACtC,kEAAoD;AACpD,mEAAkE;AAClE,2CAAsC;AACtC,+BAA2C;AAC3C,iDAAgF;AAWhF;IAAoC,yCAGnC;IAGG,+BAAY,KAA6B;QACrC,YAAA,MAAK,YAAC,KAAK,CAAC,SAAC;QAST,wBAAkB,GAAG,UAAC,IAAY;YACtC,IAAM,eAAe,GAAW,IAAI,KAAK,oBAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACrE,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;QACjE,CAAC,CAAC;QAEK,YAAM,GAAG;;YACJ,IAAA,QAAQ,GAAK,KAAI,CAAC,KAAK,SAAf,CAAgB;YAEZ,IAAA,IAAI,GACpB,KAAI,CAAC,KAAK,kBADU,CACT;YACf,IAAM,aAAa,GAAQ,EAAE,CAAC;oCAEnB,eAAe;gBACtB,aAAa,CAAC,IAAI,CACd,6BACI,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAxC,CAAwC;oBACvD,oBAAC,wBAAc,IAAC,IAAI,EAAE,eAAe,GAAI,CACvC,CACT,CAAC;;;gBARN,KAA8B,IAAA,8BAAA,SAAA,kCAAyB,CAAA,oEAAA;oBAAlD,IAAM,eAAe,sCAAA;4BAAf,eAAe;iBASzB;;;;;;;;;YAED,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe;gBAC1B,oBAAC,gBAAM,IACH,OAAO,EAAC,sBAAsB,EAC9B,SAAS,EAAE,KAAI,CAAC,aAAa,EAC7B,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAtC,CAAsC;oBACrD,oBAAC,wBAAc,IAAC,IAAI,EAAE,IAAI,IAAI,QAAQ,GAAI,CACrC;gBACT,oBAAC,kBAAgB,IACb,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,KAAI,CAAC,aAAa,EAC7B,cAAc,EAAE,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAlC,CAAkC,IACvD,aAAa,CACC,CACjB,CACT,CAAC;QACN,CAAC,CAAC;QA/CE,KAAI,CAAC,KAAK,GAAG;YACT,QAAQ,EAAE,KAAK;SAClB,CAAC;QAEF,KAAI,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;;IAC3C,CAAC;IA2CL,4BAAC;AAAD,CAAC,AAzDD,CAAoC,KAAK,CAAC,aAAa,GAyDtD;AAED,IAAM,kBAAkB,GAAG,UAAC,QAAQ;IAChC,OAAO,IAAA,0BAAkB,EAAC,EAAE,aAAa,+BAAA,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,KAAK;IAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF,IAAM,6BAA6B,GAAG,IAAA,qBAAO,EACzC,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;AACrC,kBAAe,6BAA6B,CAAC"}
|
|
@@ -58,4 +58,4 @@ var defaultDropDown = function () {
|
|
|
58
58
|
React.createElement(Dropdown_1.default, { toggleRef: dropdownToggleRef, show: toggle, position: 'bottomright', onOutsideClick: function () { return setToggle(!toggle); } }, "Sample")));
|
|
59
59
|
};
|
|
60
60
|
exports.defaultDropDown = defaultDropDown;
|
|
61
|
-
//# sourceMappingURL=
|
|
61
|
+
//# sourceMappingURL=Dropdown.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,wDAA0C;AAE1C,kBAAe;IACX,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,kBAAgB;CAC9B,CAAC;AAeK,IAAM,eAAe,GAAG;IAC3B,IAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5C,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA1C,MAAM,QAAA,EAAE,SAAS,QAAyB,CAAC;IAElD,OAAO,CACH;QACI,oBAAC,gBAAM,IACH,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,MAAM,CAAC,EAAlB,CAAkB,EACjC,GAAG,EAAE,iBAAiB,6BAEjB;QACT,oBAAC,kBAAgB,IACb,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAC,aAAa,EACtB,cAAc,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,MAAM,CAAC,EAAlB,CAAkB,aAEzB,CACpB,CACN,CAAC;AACN,CAAC,CAAC;AApBW,QAAA,eAAe,mBAoB1B"}
|
|
@@ -102,6 +102,9 @@ var SelectField = /** @class */ (function (_super) {
|
|
|
102
102
|
val = false;
|
|
103
103
|
}
|
|
104
104
|
this.props.onChange(val);
|
|
105
|
+
if (this.props.selectRef.current) {
|
|
106
|
+
this.props.selectRef.current.blur();
|
|
107
|
+
}
|
|
105
108
|
};
|
|
106
109
|
SelectField.prototype.render = function () {
|
|
107
110
|
var _this = this;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../src/components/select-field/SelectField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;AAEzD,+CAAwE;AACxE,4DAAsC;AACtC,6CAA+C;AAsB/C;IAA0B,+BAAsC;IAK5D,qBAAY,KAAK;QACb,YAAA,MAAK,YAAC,KAAK,CAAC,SAAC;QALT,iBAAW,GAAG;YAClB,eAAe,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAvB,CAAuB;SAClD,CAAC;;IAIF,CAAC;IAEO,qCAAe,GAAvB,UAAwB,CAAC;QACf,IAAA,KAA8B,IAAI,CAAC,KAAK,EAAtC,cAAc,oBAAA,EAAE,OAAO,aAAe,CAAC;QAC/C,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAChD;YACI,IAAI,cAAc,EAAE,CAAC;gBACjB,cAAc,CAAC,UAAG,cAAO,CAAC,MAAM,CAAE,CAAC,CAAC;YACxC,CAAC;QACL,CAAC,EACD;YACI,IAAI,OAAO,EAAE,CAAC;gBACV,OAAO,CAAC,UAAG,cAAO,CAAC,KAAK,CAAE,CAAC,CAAC;YAChC,CAAC;QACL,CAAC,CACJ,CAAC;IACN,CAAC;IAEO,8BAAQ,GAAhB,UAAiB,CAAC;QACd,gDAAgD;QAChD,IAAI,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;YACjB,GAAG,GAAG,IAAI,CAAC;QACf,CAAC;QACD,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;YAClB,GAAG,GAAG,KAAK,CAAC;QAChB,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../src/components/select-field/SelectField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
26
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
27
|
+
if (!m) return o;
|
|
28
|
+
var i = m.call(o), r, ar = [], e;
|
|
29
|
+
try {
|
|
30
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
31
|
+
}
|
|
32
|
+
catch (error) { e = { error: error }; }
|
|
33
|
+
finally {
|
|
34
|
+
try {
|
|
35
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
36
|
+
}
|
|
37
|
+
finally { if (e) throw e.error; }
|
|
38
|
+
}
|
|
39
|
+
return ar;
|
|
40
|
+
};
|
|
41
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
42
|
+
var react_1 = __importStar(require("react"));
|
|
43
|
+
var Tooltip = function (props) {
|
|
44
|
+
var timeout;
|
|
45
|
+
var _a = __read((0, react_1.useState)(false), 2), active = _a[0], setActive = _a[1];
|
|
46
|
+
var showTip = function () {
|
|
47
|
+
timeout = setTimeout(function () {
|
|
48
|
+
setActive(true);
|
|
49
|
+
}, props.delay || 400);
|
|
50
|
+
};
|
|
51
|
+
var hideTip = function () {
|
|
52
|
+
clearInterval(timeout);
|
|
53
|
+
setActive(false);
|
|
54
|
+
};
|
|
55
|
+
return (react_1.default.createElement("div", { className: "Tooltip-Wrapper", onMouseEnter: showTip, onMouseLeave: hideTip },
|
|
56
|
+
props.children,
|
|
57
|
+
active && (react_1.default.createElement("div", { className: "Tooltip-Tip ".concat(props.direction || 'top') }, props.content))));
|
|
58
|
+
};
|
|
59
|
+
exports.default = Tooltip;
|
|
60
|
+
//# sourceMappingURL=TooltipTest.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipTest.js","sourceRoot":"","sources":["../../../../src/components/tooltip/TooltipTest.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAExC,IAAM,OAAO,GAAG,UAAC,KAAK;IACpB,IAAI,OAAO,CAAC;IACN,IAAA,KAAA,OAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAM,OAAO,GAAG;QACd,OAAO,GAAG,UAAU,CAAC;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG;QACd,aAAa,CAAC,OAAO,CAAC,CAAC;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAC,iBAAiB,EAC3B,YAAY,EAAE,OAAO,EACrB,YAAY,EAAE,OAAO;QAEpB,KAAK,CAAC,QAAQ;QACd,MAAM,IAAI,CACT,uCAAK,SAAS,EAAE,sBAAe,KAAK,CAAC,SAAS,IAAI,KAAK,CAAE,IACtD,KAAK,CAAC,OAAO,CACV,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Place } from 'react-tooltip';
|
|
2
|
+
export interface IToolTipConfig {
|
|
3
|
+
content: string;
|
|
4
|
+
position?: Place;
|
|
5
|
+
theme?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const renderTooltipProps: (id: string, config: IToolTipConfig | string) => any;
|
|
8
|
+
export declare const renderTooltip: (id: string, config: IToolTipConfig | string) => any;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ReactDOM from 'react-dom';
|
|
3
|
+
import ReactTooltip from 'react-tooltip';
|
|
4
|
+
export const renderTooltipProps = (id, config) => {
|
|
5
|
+
if (config) {
|
|
6
|
+
const content = typeof config === 'object' ? config.content : config;
|
|
7
|
+
return {
|
|
8
|
+
'data-tip': content,
|
|
9
|
+
'data-for': id
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
else {
|
|
13
|
+
return {};
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
export const renderTooltip = (id, config) => {
|
|
17
|
+
const tooltipLayer = document.getElementById('tooltips');
|
|
18
|
+
if (config && tooltipLayer) {
|
|
19
|
+
let theme = 'light';
|
|
20
|
+
let place = 'top';
|
|
21
|
+
if (typeof config === 'object') {
|
|
22
|
+
theme = config.theme ? config.theme : 'light';
|
|
23
|
+
place = config.position ? config.position : 'top';
|
|
24
|
+
}
|
|
25
|
+
const tooltipComponent = (React.createElement(ReactTooltip, { place: place, offset: { top: 0, right: 0, bottom: 0, left: 0 }, id: id, className: `imposium-button-tooltip-${theme}`, delayShow: 1000, effect: 'solid' }));
|
|
26
|
+
return ReactDOM.createPortal(tooltipComponent, tooltipLayer);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=Tooltip%20copy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip copy.js","sourceRoot":"","sources":["../../../src/components/Tooltip copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,YAAuB,MAAM,eAAe,CAAC;AAQpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAU,EAAE,MAA+B,EAAO,EAAE;IACnF,IAAI,MAAM,EAAE,CAAC;QACT,MAAM,OAAO,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACrE,OAAO;YACH,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,EAAE;SACjB,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,EAAE,CAAC;IACd,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAU,EAAE,MAA+B,EAAO,EAAE;IAC9E,MAAM,YAAY,GAAgB,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAEtE,IAAI,MAAM,IAAI,YAAY,EAAE,CAAC;QACzB,IAAI,KAAK,GAAG,OAAO,CAAC;QACpB,IAAI,KAAK,GAAU,KAAK,CAAC;QAEzB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC7B,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9C,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QACtD,CAAC;QAED,MAAM,gBAAgB,GAAG,CACrB,oBAAC,YAAY,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAChD,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,2BAA2B,KAAK,EAAE,EAC7C,SAAS,EAAE,IAAI,EACf,MAAM,EAAC,OAAO,GAChB,CACL,CAAC;QAEF,OAAO,QAAQ,CAAC,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC;SAAM,CAAC;QACJ,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PlacesType } from 'react-tooltip';
|
|
2
2
|
export interface IToolTipConfig {
|
|
3
3
|
content: string;
|
|
4
|
-
position?:
|
|
4
|
+
position?: PlacesType;
|
|
5
5
|
theme?: string;
|
|
6
6
|
}
|
|
7
7
|
export declare const renderTooltipProps: (id: string, config: IToolTipConfig | string) => any;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as ReactDOM from 'react-dom';
|
|
3
|
-
import ReactTooltip from 'react-tooltip';
|
|
3
|
+
import { Tooltip as ReactTooltip } from 'react-tooltip';
|
|
4
4
|
export const renderTooltipProps = (id, config) => {
|
|
5
5
|
if (config) {
|
|
6
6
|
const content = typeof config === 'object' ? config.content : config;
|
|
7
7
|
return {
|
|
8
|
-
'data-
|
|
9
|
-
'data-
|
|
8
|
+
'data-tooltip-content': content,
|
|
9
|
+
'data-tooltip-id': id
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
12
|
else {
|
|
@@ -22,7 +22,7 @@ export const renderTooltip = (id, config) => {
|
|
|
22
22
|
theme = config.theme ? config.theme : 'light';
|
|
23
23
|
place = config.position ? config.position : 'top';
|
|
24
24
|
}
|
|
25
|
-
const tooltipComponent = (React.createElement(ReactTooltip, { place: place, offset: { top: 0, right: 0, bottom: 0, left: 0 }, id: id, className: `imposium-button-tooltip-${theme}`, delayShow:
|
|
25
|
+
const tooltipComponent = (React.createElement(ReactTooltip, { "data-tooltip-place": place, "data-tooltip-offset": { top: 0, right: 0, bottom: 0, left: 0 }, id: id, className: `imposium-button-tooltip-${theme}`, delayShow: 500, noArrow: true }));
|
|
26
26
|
return ReactDOM.createPortal(tooltipComponent, tooltipLayer);
|
|
27
27
|
}
|
|
28
28
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAc,MAAM,eAAe,CAAC;AAQpE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAU,EAAE,MAA+B,EAAO,EAAE;IACnF,IAAI,MAAM,EAAE,CAAC;QACT,MAAM,OAAO,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACrE,OAAO;YACH,sBAAsB,EAAE,OAAO;YAC/B,iBAAiB,EAAE,EAAE;SACxB,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,EAAE,CAAC;IACd,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAU,EAAE,MAA+B,EAAO,EAAE;IAC9E,MAAM,YAAY,GAAgB,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAEtE,IAAI,MAAM,IAAI,YAAY,EAAE,CAAC;QACzB,IAAI,KAAK,GAAG,OAAO,CAAC;QACpB,IAAI,KAAK,GAAe,KAAK,CAAC;QAE9B,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC7B,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9C,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QACtD,CAAC;QAED,MAAM,gBAAgB,GAAG,CACrB,oBAAC,YAAY,0BACW,KAAK,yBACJ,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAC7D,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,2BAA2B,KAAK,EAAE,EAC7C,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,IAAI,GACf,CACL,CAAC;QAEF,OAAO,QAAQ,CAAC,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC;SAAM,CAAC;QACJ,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ICON_GLOBE } from '../../constants/icons';
|
|
3
3
|
const AssetsTableGlobalCell = (p) => {
|
|
4
|
-
return React.createElement("div", { className: 'asset-global-cell' }, p.cell.row.original.story_id ? null : ICON_GLOBE);
|
|
4
|
+
return (React.createElement("div", { className: 'asset-global-cell' }, p.cell.row.original.story_id ? null : ICON_GLOBE));
|
|
5
5
|
};
|
|
6
6
|
const AssetsTableGlobalCellMemoized = React.memo(AssetsTableGlobalCell);
|
|
7
7
|
export default AssetsTableGlobalCellMemoized;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetsTableGlobalCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableGlobalCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAMnD,MAAM,qBAAqB,GAAqC,CAAC,CAAyB,EAAE,EAAE;IAC1F,OAAO,6BAAK,SAAS,EAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"AssetsTableGlobalCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableGlobalCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAMnD,MAAM,qBAAqB,GAAqC,CAAC,CAAyB,EAAE,EAAE;IAC1F,OAAO,CACH,6BAAK,SAAS,EAAC,mBAAmB,IAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAO,CAC9F,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;AACxE,eAAe,6BAA6B,CAAC"}
|
|
@@ -29,8 +29,8 @@ class AssetsTableTypeFilter extends React.PureComponent {
|
|
|
29
29
|
}
|
|
30
30
|
return (React.createElement("div", { className: 'centered cell' },
|
|
31
31
|
React.createElement(Button, { tooltip: 'Filter by Asset type', buttonRef: this.typeFilterRef, onClick: () => this.setState({ openMenu: !openMenu }) },
|
|
32
|
-
React.createElement(AssetsTypeIcon, { type: type || 'filter' }),
|
|
33
|
-
|
|
32
|
+
React.createElement(AssetsTypeIcon, { type: type || 'filter' })),
|
|
33
|
+
React.createElement(ImposiumDropdown, { show: openMenu, position: 'bottomleft', toggleRef: this.typeFilterRef, onOutsideClick: () => this.setState({ openMenu: false }) }, filterButtons)));
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
36
|
const mapDispatchToProps = (dispatch) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetsTableTypeFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableTypeFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAWhF,MAAM,qBAAsB,SAAQ,KAAK,CAAC,aAGzC;IACoB,aAAa,CAAiB;IAE/C,YAAY,KAA6B;QACrC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,QAAQ,EAAE,KAAK;SAClB,CAAC;QAEF,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC3C,CAAC;IAEO,kBAAkB,GAAG,CAAC,IAAY,EAAQ,EAAE;QAChD,MAAM,eAAe,GAAW,IAAI,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IACjE,CAAC,CAAC;IAEK,MAAM,GAAG,GAAgB,EAAE;QAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,MAAM,EACF,YAAY,EAAE,EAAE,IAAI,EAAE,EACzB,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,aAAa,GAAQ,EAAE,CAAC;QAE9B,KAAK,MAAM,eAAe,IAAI,yBAAyB,EAAE,CAAC;YACtD,aAAa,CAAC,IAAI,CACd,6BACI,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC;gBACvD,oBAAC,cAAc,IAAC,IAAI,EAAE,eAAe,GAAI,CACvC,CACT,CAAC;QACN,CAAC;QAED,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe;YAC1B,oBAAC,MAAM,IACH,OAAO,EAAC,sBAAsB,EAC9B,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC;gBACrD,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,IAAI,QAAQ,GAAI;
|
|
1
|
+
{"version":3,"file":"AssetsTableTypeFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableTypeFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAWhF,MAAM,qBAAsB,SAAQ,KAAK,CAAC,aAGzC;IACoB,aAAa,CAAiB;IAE/C,YAAY,KAA6B;QACrC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,QAAQ,EAAE,KAAK;SAClB,CAAC;QAEF,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC3C,CAAC;IAEO,kBAAkB,GAAG,CAAC,IAAY,EAAQ,EAAE;QAChD,MAAM,eAAe,GAAW,IAAI,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IACjE,CAAC,CAAC;IAEK,MAAM,GAAG,GAAgB,EAAE;QAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,MAAM,EACF,YAAY,EAAE,EAAE,IAAI,EAAE,EACzB,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,aAAa,GAAQ,EAAE,CAAC;QAE9B,KAAK,MAAM,eAAe,IAAI,yBAAyB,EAAE,CAAC;YACtD,aAAa,CAAC,IAAI,CACd,6BACI,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC;gBACvD,oBAAC,cAAc,IAAC,IAAI,EAAE,eAAe,GAAI,CACvC,CACT,CAAC;QACN,CAAC;QAED,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe;YAC1B,oBAAC,MAAM,IACH,OAAO,EAAC,sBAAsB,EAC9B,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC;gBACrD,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,IAAI,QAAQ,GAAI,CACrC;YACT,oBAAC,gBAAgB,IACb,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,IACvD,aAAa,CACC,CACjB,CACT,CAAC;IACN,CAAC,CAAC;CACL;AAED,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAO,EAAE;IACzC,OAAO,kBAAkB,CAAC,EAAE,aAAa,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAO,EAAE;IACnC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,OAAO,CACzC,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;AACrC,eAAe,6BAA6B,CAAC"}
|
|
@@ -12,4 +12,4 @@ export const defaultDropDown = () => {
|
|
|
12
12
|
React.createElement(Button, { onClick: () => setToggle(!toggle), ref: dropdownToggleRef }, "Sample DropDown Toggle"),
|
|
13
13
|
React.createElement(ImposiumDropdown, { toggleRef: dropdownToggleRef, show: toggle, position: 'bottomright', onOutsideClick: () => setToggle(!toggle) }, "Sample")));
|
|
14
14
|
};
|
|
15
|
-
//# sourceMappingURL=
|
|
15
|
+
//# sourceMappingURL=Dropdown.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,gBAAgB;CAC9B,CAAC;AAeF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACH;QACI,oBAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,GAAG,EAAE,iBAAiB,6BAEjB;QACT,oBAAC,gBAAgB,IACb,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAC,aAAa,EACtB,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,aAEzB,CACpB,CACN,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -32,6 +32,9 @@ class SelectField extends React.PureComponent {
|
|
|
32
32
|
val = false;
|
|
33
33
|
}
|
|
34
34
|
this.props.onChange(val);
|
|
35
|
+
if (this.props.selectRef.current) {
|
|
36
|
+
this.props.selectRef.current.blur();
|
|
37
|
+
}
|
|
35
38
|
}
|
|
36
39
|
render() {
|
|
37
40
|
const { label, showCopy, options, value, width, buttons, selectRef, disable, tooltip, info, labelPosition, labelWidth, disableFirst } = this.props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../src/components/select-field/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAsB/C,MAAM,WAAY,SAAQ,KAAK,CAAC,aAAgC;IACpD,WAAW,GAAG;QAClB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;KAClD,CAAC;IAEF,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEO,eAAe,CAAC,CAAC;QACrB,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/C,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAChD,GAAG,EAAE;YACD,IAAI,cAAc,EAAE,CAAC;gBACjB,cAAc,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;YACxC,CAAC;QACL,CAAC,EACD,GAAG,EAAE;YACD,IAAI,OAAO,EAAE,CAAC;gBACV,OAAO,CAAC,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;YAChC,CAAC;QACL,CAAC,CACJ,CAAC;IACN,CAAC;IAEO,QAAQ,CAAC,CAAC;QACd,gDAAgD;QAChD,IAAI,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;YACjB,GAAG,GAAG,IAAI,CAAC;QACf,CAAC;QACD,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;YAClB,GAAG,GAAG,KAAK,CAAC;QAChB,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../src/components/select-field/SelectField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
const Tooltip = (props) => {
|
|
3
|
+
let timeout;
|
|
4
|
+
const [active, setActive] = useState(false);
|
|
5
|
+
const showTip = () => {
|
|
6
|
+
timeout = setTimeout(() => {
|
|
7
|
+
setActive(true);
|
|
8
|
+
}, props.delay || 400);
|
|
9
|
+
};
|
|
10
|
+
const hideTip = () => {
|
|
11
|
+
clearInterval(timeout);
|
|
12
|
+
setActive(false);
|
|
13
|
+
};
|
|
14
|
+
return (React.createElement("div", { className: "Tooltip-Wrapper", onMouseEnter: showTip, onMouseLeave: hideTip },
|
|
15
|
+
props.children,
|
|
16
|
+
active && (React.createElement("div", { className: `Tooltip-Tip ${props.direction || 'top'}` }, props.content))));
|
|
17
|
+
};
|
|
18
|
+
export default Tooltip;
|
|
19
|
+
//# sourceMappingURL=TooltipTest.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipTest.js","sourceRoot":"","sources":["../../../../src/components/tooltip/TooltipTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;IACxB,IAAI,OAAO,CAAC;IACZ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,CAAC,CAAC;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAC,iBAAiB,EAC3B,YAAY,EAAE,OAAO,EACrB,YAAY,EAAE,OAAO;QAEpB,KAAK,CAAC,QAAQ;QACd,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,eAAe,KAAK,CAAC,SAAS,IAAI,KAAK,EAAE,IACtD,KAAK,CAAC,OAAO,CACV,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@imposium-hub/components",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.4",
|
|
4
4
|
"description": "React & Typescript component / asset library for Imposium front-ends",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"react-resize-detector": "^6.7.1",
|
|
69
69
|
"react-spinners": "^0.6.1",
|
|
70
70
|
"react-table": "^7.7.0",
|
|
71
|
-
"react-tooltip": "^
|
|
71
|
+
"react-tooltip": "^5.27.0",
|
|
72
72
|
"smpte-timecode": "^1.2.3"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
"react-resize-detector": "^6.7.1",
|
|
119
119
|
"react-spinners": "^0.6.1",
|
|
120
120
|
"react-table": "^7.7.0",
|
|
121
|
-
"react-tooltip": "^
|
|
121
|
+
"react-tooltip": "^5.27.0",
|
|
122
122
|
"run-sequence": "^2.2.1",
|
|
123
123
|
"sb": "^6.4.22",
|
|
124
124
|
"smpte-timecode": "^1.2.3",
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as ReactDOM from 'react-dom';
|
|
3
|
-
import ReactTooltip,
|
|
3
|
+
import { Tooltip as ReactTooltip, PlacesType } from 'react-tooltip';
|
|
4
4
|
|
|
5
5
|
export interface IToolTipConfig {
|
|
6
6
|
content: string;
|
|
7
|
-
position?:
|
|
7
|
+
position?: PlacesType;
|
|
8
8
|
theme?: string;
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -12,8 +12,8 @@ export const renderTooltipProps = (id: string, config: IToolTipConfig | string):
|
|
|
12
12
|
if (config) {
|
|
13
13
|
const content = typeof config === 'object' ? config.content : config;
|
|
14
14
|
return {
|
|
15
|
-
'data-
|
|
16
|
-
'data-
|
|
15
|
+
'data-tooltip-content': content,
|
|
16
|
+
'data-tooltip-id': id
|
|
17
17
|
};
|
|
18
18
|
} else {
|
|
19
19
|
return {};
|
|
@@ -25,7 +25,7 @@ export const renderTooltip = (id: string, config: IToolTipConfig | string): any
|
|
|
25
25
|
|
|
26
26
|
if (config && tooltipLayer) {
|
|
27
27
|
let theme = 'light';
|
|
28
|
-
let place:
|
|
28
|
+
let place: PlacesType = 'top';
|
|
29
29
|
|
|
30
30
|
if (typeof config === 'object') {
|
|
31
31
|
theme = config.theme ? config.theme : 'light';
|
|
@@ -34,12 +34,12 @@ export const renderTooltip = (id: string, config: IToolTipConfig | string): any
|
|
|
34
34
|
|
|
35
35
|
const tooltipComponent = (
|
|
36
36
|
<ReactTooltip
|
|
37
|
-
place={place}
|
|
38
|
-
offset={{ top: 0, right: 0, bottom: 0, left: 0 }}
|
|
37
|
+
data-tooltip-place={place}
|
|
38
|
+
data-tooltip-offset={{ top: 0, right: 0, bottom: 0, left: 0 }}
|
|
39
39
|
id={id}
|
|
40
40
|
className={`imposium-button-tooltip-${theme}`}
|
|
41
|
-
delayShow={
|
|
42
|
-
|
|
41
|
+
delayShow={500}
|
|
42
|
+
noArrow={true}
|
|
43
43
|
/>
|
|
44
44
|
);
|
|
45
45
|
|
|
@@ -62,15 +62,14 @@ class AssetsTableTypeFilter extends React.PureComponent<
|
|
|
62
62
|
buttonRef={this.typeFilterRef}
|
|
63
63
|
onClick={() => this.setState({ openMenu: !openMenu })}>
|
|
64
64
|
<AssetsTypeIcon type={type || 'filter'} />
|
|
65
|
-
|
|
66
|
-
<ImposiumDropdown
|
|
67
|
-
show={openMenu}
|
|
68
|
-
position='bottomleft'
|
|
69
|
-
toggleRef={this.typeFilterRef}
|
|
70
|
-
onOutsideClick={() => this.setState({ openMenu: false })}>
|
|
71
|
-
{filterButtons}
|
|
72
|
-
</ImposiumDropdown>
|
|
73
65
|
</Button>
|
|
66
|
+
<ImposiumDropdown
|
|
67
|
+
show={openMenu}
|
|
68
|
+
position='bottomleft'
|
|
69
|
+
toggleRef={this.typeFilterRef}
|
|
70
|
+
onOutsideClick={() => this.setState({ openMenu: false })}>
|
|
71
|
+
{filterButtons}
|
|
72
|
+
</ImposiumDropdown>
|
|
74
73
|
</div>
|
|
75
74
|
);
|
|
76
75
|
};
|