@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.1
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/CHANGELOG.md +13 -0
- package/README.md +17 -15
- package/babel.config.js +3 -2
- package/components/alert/alert.js +9 -3
- package/components/alert/container.css +1 -1
- package/components/alert-service/alert-service.examples.css +18 -0
- package/components/alert-service/alert-service.examples.js +21 -0
- package/components/alert-service/alert-service.js +10 -3
- package/components/analytics/analytics__fus-plugin.js +1 -1
- package/components/auth/auth.test.js +14 -7
- package/components/auth/auth__core.js +64 -33
- package/components/auth-dialog/auth-dialog.js +1 -0
- package/components/avatar/avatar.css +4 -1
- package/components/avatar/avatar.examples.js +3 -2
- package/components/avatar/avatar.js +31 -6
- package/components/avatar/fallback-avatar.js +136 -0
- package/components/avatar-editor-ng/avatar-editor-ng.css +2 -2
- package/components/avatar-editor-ng/avatar-editor-ng.js +2 -1
- package/components/avatar-editor-ng/{avatar-editor-ng.html → avatar-editor-ng__template.js} +2 -2
- package/components/button/button.css +2 -2
- package/components/button/button.js +4 -1
- package/components/button-group/button-group.js +1 -1
- package/components/button-group/caption.js +1 -1
- package/components/button-ng/button-ng.js +1 -1
- package/components/button-set-ng/button-set-ng.js +3 -1
- package/components/checkbox/checkbox.css +1 -1
- package/components/code/code.js +1 -1
- package/components/confirm/confirm.js +1 -0
- package/components/confirm-service/confirm-service.js +5 -5
- package/components/content-layout/content-layout.css +1 -1
- package/components/data-list/data-list.css +1 -1
- package/components/date-picker/date-input.js +5 -4
- package/components/date-picker/date-picker.css +34 -22
- package/components/date-picker/date-picker.js +16 -14
- package/components/date-picker/date-popup.js +22 -7
- package/components/date-picker/month-names.js +8 -5
- package/components/date-picker/month.js +6 -2
- package/components/date-picker/weekdays.js +10 -2
- package/components/dialog/dialog.examples.js +3 -1
- package/components/dialog/dialog.js +5 -2
- package/components/dialog/dialog.test.js +1 -1
- package/components/dialog/dialog__body-scroll-preventer.js +2 -2
- package/components/dialog-ng/dialog-ng.js +7 -8
- package/components/dialog-ng/{dialog-ng.html → dialog-ng__template.js} +2 -2
- package/components/dropdown/dropdown.examples.js +36 -1
- package/components/dropdown-menu/dropdown-menu.examples.js +47 -0
- package/components/dropdown-menu/dropdown-menu.js +117 -0
- package/components/dropdown-menu/dropdown-menu.test.js +76 -0
- package/components/error-bubble/error-bubble-legacy.css +1 -1
- package/components/error-bubble/error-bubble.css +1 -1
- package/components/error-bubble/error-bubble.examples.js +1 -1
- package/components/error-page/error-page.css +2 -2
- package/components/footer-ng/footer-ng.js +13 -3
- package/components/form/form.css +2 -2
- package/components/form-ng/form-ng.js +3 -1
- package/components/global/global.css +1 -1
- package/components/global/theme.js +1 -1
- package/components/global/variables.css +8 -1
- package/components/grid/grid.css +10 -9
- package/components/header/header.css +1 -1
- package/components/header/header.examples.js +7 -8
- package/components/header/profile.js +10 -11
- package/components/http/http.js +1 -1
- package/components/icon/icon.css +5 -4
- package/components/island/island.css +4 -3
- package/components/island-legacy/island-legacy.css +3 -1
- package/components/list/list.js +6 -1
- package/components/list/list__custom.js +9 -3
- package/components/list/list__item.js +8 -2
- package/components/list/list__link.js +2 -1
- package/components/loader-inline/loader-inline.css +1 -1
- package/components/loader-screen/loader-screen.css +1 -1
- package/components/message/message.css +1 -1
- package/components/message/message.examples.js +8 -5
- package/components/pager/pager.js +5 -3
- package/components/permissions/permissions.js +1 -1
- package/components/progress-bar/progress-bar.css +1 -1
- package/components/progress-bar/progress-bar.examples.js +3 -3
- package/components/progress-bar/progress-bar.js +5 -2
- package/components/progress-bar/progress-bar.test.js +12 -13
- package/components/progress-bar-ng/progress-bar-ng.examples.js +3 -3
- package/components/query-assist/query-assist.css +13 -3
- package/components/query-assist/query-assist.examples.js +3 -1
- package/components/query-assist/query-assist.js +56 -12
- package/components/query-assist/query-assist.test.js +37 -5
- package/components/save-field-ng/save-field-ng.css +0 -3
- package/components/save-field-ng/save-field-ng.js +3 -1
- package/components/save-field-ng/{save-field-ng.html → save-field-ng__template.js} +2 -2
- package/components/select/select.css +12 -7
- package/components/select/select.examples.js +13 -0
- package/components/select/select.js +30 -43
- package/components/select/select.test.js +4 -5
- package/components/shortcuts-hint-ng/shortcuts-hint-ng.css +1 -1
- package/components/shortcuts-hint-ng/shortcuts-hint-ng.js +1 -1
- package/components/shortcuts-hint-ng/{shortcuts-hint-ng.html → shortcuts-hint-ng__template.js} +2 -2
- package/components/sidebar/sidebar.css +1 -0
- package/components/sidebar-ng/sidebar-ng.js +6 -2
- package/components/sidebar-ng/{sidebar-ng__button.html → sidebar-ng__button-template.js} +2 -2
- package/components/sidebar-ng/{sidebar-ng.html → sidebar-ng__template.js} +2 -2
- package/components/table/row.js +2 -1
- package/components/table/table.css +2 -1
- package/components/table-legacy/table-legacy.css +2 -2
- package/components/table-legacy/table-legacy__toolbar.css +2 -2
- package/components/table-legacy-ng/table-legacy-ng.js +38 -5
- package/components/table-legacy-ng/table-legacy-ng__pager.js +7 -1
- package/components/tabs/collapsible-tab.js +2 -2
- package/components/tabs/collapsible-tabs.js +4 -8
- package/components/tabs/tab-link.js +4 -2
- package/components/tabs/tabs.css +27 -0
- package/components/tabs-ng/tabs-ng.js +4 -2
- package/components/tabs-ng/{tabs-ng.html → tabs-ng__template.js} +6 -2
- package/components/tag/tag.css +5 -2
- package/components/tag/tag.examples.js +3 -0
- package/components/tag/tag.js +19 -16
- package/components/tags-input/tag-input.examples.js +1 -1
- package/components/tags-input/tags-input.js +5 -2
- package/components/template-ng/template-ng.js +1 -1
- package/components/tooltip/tooltip.js +7 -2
- package/components/user-agreement/user-agreement.css +1 -1
- package/components/user-agreement/user-agreement.examples.js +7 -4
- package/components/user-agreement/user-agreement.js +1 -0
- package/package.json +75 -78
- package/webpack.config.js +14 -10
- package/components/button-set-ng/button-set-ng.html +0 -1
- package/components/footer-ng/footer-ng.html +0 -13
- package/components/form-ng/form-ng__error-bubble.html +0 -3
- package/components/table-legacy-ng/table-legacy-ng.html +0 -4
- package/components/table-legacy-ng/table-legacy-ng__column.html +0 -12
- package/components/table-legacy-ng/table-legacy-ng__header.html +0 -4
- package/components/table-legacy-ng/table-legacy-ng__pager.html +0 -7
- package/components/table-legacy-ng/table-legacy-ng__row.html +0 -12
- package/components/table-legacy-ng/table-legacy-ng__title.html +0 -9
- package/dist/_helpers/_rollupPluginBabelHelpers.js +0 -127
- package/dist/_helpers/anchor.js +0 -33
- package/dist/_helpers/badge.js +0 -3
- package/dist/_helpers/button__classes.js +0 -39
- package/dist/_helpers/caption.js +0 -25
- package/dist/_helpers/card.js +0 -77
- package/dist/_helpers/date-picker.js +0 -3
- package/dist/_helpers/dialog__body-scroll-preventer.js +0 -56
- package/dist/_helpers/grid.js +0 -3
- package/dist/_helpers/header.js +0 -3
- package/dist/_helpers/icon__svg.js +0 -83
- package/dist/_helpers/inject-styles.js +0 -22
- package/dist/_helpers/island.js +0 -3
- package/dist/_helpers/list.js +0 -3
- package/dist/_helpers/query-assist__suggestions.js +0 -95
- package/dist/_helpers/select__filter.js +0 -78
- package/dist/_helpers/services-link.js +0 -42
- package/dist/_helpers/sidebar.js +0 -127
- package/dist/_helpers/table.js +0 -3
- package/dist/_helpers/tabs.js +0 -3
- package/dist/_helpers/title.js +0 -99
- package/dist/alert/alert.js +0 -254
- package/dist/alert/container.js +0 -50
- package/dist/alert-service/alert-service.js +0 -159
- package/dist/analytics/analytics.js +0 -116
- package/dist/analytics/analytics__custom-plugin.js +0 -127
- package/dist/analytics/analytics__fus-plugin.js +0 -101
- package/dist/analytics/analytics__ga-plugin.js +0 -66
- package/dist/analytics/analytics__plugin-utils.js +0 -79
- package/dist/auth/auth.js +0 -90
- package/dist/auth/auth__core.js +0 -987
- package/dist/auth/background-flow.js +0 -123
- package/dist/auth/down-notification.js +0 -111
- package/dist/auth/iframe-flow.js +0 -147
- package/dist/auth/landing-entry.js +0 -5
- package/dist/auth/landing.js +0 -84
- package/dist/auth/request-builder.js +0 -75
- package/dist/auth/response-parser.js +0 -117
- package/dist/auth/storage.js +0 -279
- package/dist/auth/token-validator.js +0 -176
- package/dist/auth/window-flow.js +0 -133
- package/dist/auth-dialog/auth-dialog.js +0 -132
- package/dist/auth-dialog-service/auth-dialog-service.js +0 -67
- package/dist/avatar/avatar-example-datauri.js +0 -26
- package/dist/avatar/avatar.js +0 -155
- package/dist/badge/badge.js +0 -52
- package/dist/button/button.js +0 -117
- package/dist/button/button__classes.js +0 -5
- package/dist/button-group/button-group.js +0 -30
- package/dist/button-group/caption.js +0 -5
- package/dist/button-set/button-set.js +0 -27
- package/dist/button-toolbar/button-toolbar.js +0 -30
- package/dist/caret/caret.js +0 -264
- package/dist/checkbox/checkbox.js +0 -110
- package/dist/confirm/confirm.js +0 -122
- package/dist/confirm-service/confirm-service.js +0 -112
- package/dist/content-layout/content-layout.js +0 -67
- package/dist/content-layout/sidebar.js +0 -6
- package/dist/contenteditable/contenteditable.js +0 -81
- package/dist/data-list/data-list.js +0 -203
- package/dist/data-list/data-list.mock.js +0 -190
- package/dist/data-list/item.js +0 -225
- package/dist/data-list/selection.js +0 -101
- package/dist/data-list/title.js +0 -16
- package/dist/date-picker/consts.js +0 -70
- package/dist/date-picker/date-input.js +0 -169
- package/dist/date-picker/date-picker.js +0 -356
- package/dist/date-picker/date-popup.js +0 -459
- package/dist/date-picker/day.js +0 -119
- package/dist/date-picker/formats.js +0 -3
- package/dist/date-picker/month-names.js +0 -92
- package/dist/date-picker/month-slider.js +0 -83
- package/dist/date-picker/month.js +0 -48
- package/dist/date-picker/months.js +0 -121
- package/dist/date-picker/weekdays.js +0 -24
- package/dist/date-picker/years.js +0 -109
- package/dist/dialog/dialog.js +0 -197
- package/dist/dialog/dialog__body-scroll-preventer.js +0 -2
- package/dist/dropdown/anchor.js +0 -16
- package/dist/dropdown/dropdown.js +0 -236
- package/dist/error-bubble/error-bubble.js +0 -59
- package/dist/error-message/error-message.js +0 -55
- package/dist/footer/footer.js +0 -127
- package/dist/global/angular-component-factory.js +0 -83
- package/dist/global/compose.js +0 -9
- package/dist/global/composeRefs.js +0 -15
- package/dist/global/conic-gradient.js +0 -37
- package/dist/global/create-stateful-context.js +0 -54
- package/dist/global/data-tests.js +0 -22
- package/dist/global/dom.js +0 -124
- package/dist/global/focus-sensor-hoc.js +0 -147
- package/dist/global/fuzzy-highlight.js +0 -67
- package/dist/global/get-event-key.js +0 -111
- package/dist/global/get-uid.js +0 -15
- package/dist/global/inject-styles.js +0 -17
- package/dist/global/linear-function.js +0 -18
- package/dist/global/listeners.js +0 -42
- package/dist/global/memoize.js +0 -18
- package/dist/global/normalize-indent.js +0 -28
- package/dist/global/promise-with-timeout.js +0 -13
- package/dist/global/radial-gradient-mask.js +0 -49
- package/dist/global/react-dom-renderer.js +0 -45
- package/dist/global/rerender-hoc.js +0 -53
- package/dist/global/ring-angular-component.js +0 -24
- package/dist/global/schedule-raf.js +0 -31
- package/dist/global/sniffer.js +0 -6
- package/dist/global/supports-css.js +0 -20
- package/dist/global/theme.js +0 -56
- package/dist/global/trivial-template-tag.js +0 -15
- package/dist/global/url.js +0 -163
- package/dist/global/variables_dark.js +0 -57
- package/dist/grid/col.js +0 -62
- package/dist/grid/grid.js +0 -35
- package/dist/grid/row.js +0 -66
- package/dist/group/group.js +0 -34
- package/dist/header/header.js +0 -144
- package/dist/header/logo.js +0 -39
- package/dist/header/profile.js +0 -212
- package/dist/header/services-link.js +0 -10
- package/dist/header/services.js +0 -135
- package/dist/header/smart-profile.js +0 -227
- package/dist/header/smart-services.js +0 -159
- package/dist/header/tray-icon.js +0 -45
- package/dist/header/tray.js +0 -33
- package/dist/heading/heading.js +0 -76
- package/dist/http/http.js +0 -216
- package/dist/http/http.mock.js +0 -65
- package/dist/hub-source/hub-source.js +0 -130
- package/dist/hub-source/hub-source__user.js +0 -28
- package/dist/hub-source/hub-source__users-groups.js +0 -62
- package/dist/icon/icon.js +0 -105
- package/dist/icon/icon__constants.js +0 -33
- package/dist/icon/icon__svg.js +0 -6
- package/dist/icon/index.js +0 -9
- package/dist/input/input.js +0 -231
- package/dist/island/adaptive-island-hoc.js +0 -48
- package/dist/island/content.js +0 -158
- package/dist/island/header.js +0 -85
- package/dist/island/island.js +0 -53
- package/dist/island-legacy/content-legacy.js +0 -28
- package/dist/island-legacy/header-legacy.js +0 -30
- package/dist/island-legacy/island-legacy.js +0 -30
- package/dist/link/clickableLink.js +0 -65
- package/dist/link/link.js +0 -118
- package/dist/list/consts.js +0 -26
- package/dist/list/list.js +0 -800
- package/dist/list/list__custom.js +0 -82
- package/dist/list/list__hint.js +0 -26
- package/dist/list/list__item.js +0 -197
- package/dist/list/list__link.js +0 -65
- package/dist/list/list__separator.js +0 -30
- package/dist/list/list__title.js +0 -39
- package/dist/list/list__users-groups-source.js +0 -124
- package/dist/loader/loader.js +0 -72
- package/dist/loader/loader__core.js +0 -272
- package/dist/loader-inline/inject-styles.js +0 -11
- package/dist/loader-inline/loader-inline.js +0 -58
- package/dist/loader-screen/loader-screen.js +0 -46
- package/dist/login-dialog/login-dialog.js +0 -184
- package/dist/login-dialog/service.js +0 -67
- package/dist/message/message.js +0 -232
- package/dist/old-browsers-message/old-browsers-message.js +0 -101
- package/dist/old-browsers-message/old-browsers-message__stop.js +0 -5
- package/dist/old-browsers-message/white-list.js +0 -34
- package/dist/pager/pager.js +0 -352
- package/dist/panel/panel.js +0 -34
- package/dist/permissions/permissions.js +0 -200
- package/dist/permissions/permissions__cache.js +0 -272
- package/dist/popup/popup.consts.js +0 -41
- package/dist/popup/popup.js +0 -389
- package/dist/popup/popup.target.js +0 -27
- package/dist/popup/position.js +0 -280
- package/dist/popup-menu/popup-menu.js +0 -108
- package/dist/progress-bar/progress-bar.js +0 -111
- package/dist/proxy-attrs/proxy-attrs.js +0 -19
- package/dist/query-assist/query-assist.js +0 -1023
- package/dist/query-assist/query-assist__suggestions.js +0 -43
- package/dist/radio/radio.js +0 -39
- package/dist/radio/radio__item.js +0 -82
- package/dist/select/select.js +0 -1335
- package/dist/select/select__filter.js +0 -49
- package/dist/select/select__popup.js +0 -541
- package/dist/shortcuts/core.js +0 -245
- package/dist/shortcuts/shortcut-title.js +0 -51
- package/dist/shortcuts/shortcuts-hoc.js +0 -43
- package/dist/shortcuts/shortcuts.js +0 -72
- package/dist/storage/storage.js +0 -55
- package/dist/storage/storage__fallback.js +0 -214
- package/dist/storage/storage__local.js +0 -150
- package/dist/style.css +0 -1
- package/dist/tab-trap/tab-trap.js +0 -178
- package/dist/table/cell.js +0 -25
- package/dist/table/disable-hover-hoc.js +0 -53
- package/dist/table/header-cell.js +0 -91
- package/dist/table/header.js +0 -189
- package/dist/table/multitable.js +0 -140
- package/dist/table/row-with-focus-sensor.js +0 -79
- package/dist/table/row.js +0 -270
- package/dist/table/selection-adapter.js +0 -14
- package/dist/table/selection-shortcuts-hoc.js +0 -212
- package/dist/table/selection.js +0 -221
- package/dist/table/smart-table.js +0 -113
- package/dist/table/table.js +0 -405
- package/dist/tabs/collapsible-more.js +0 -193
- package/dist/tabs/collapsible-tab.js +0 -90
- package/dist/tabs/collapsible-tabs.js +0 -361
- package/dist/tabs/custom-item.js +0 -13
- package/dist/tabs/dumb-tabs.js +0 -159
- package/dist/tabs/smart-tabs.js +0 -102
- package/dist/tabs/tab-link.js +0 -35
- package/dist/tabs/tab.js +0 -32
- package/dist/tabs/tabs.js +0 -65
- package/dist/tag/tag.js +0 -190
- package/dist/tags-input/tags-input.js +0 -474
- package/dist/tags-list/tags-list.js +0 -94
- package/dist/text/text.js +0 -38
- package/dist/toggle/toggle.js +0 -80
- package/dist/tooltip/tooltip.js +0 -205
- package/dist/user-card/card.js +0 -14
- package/dist/user-card/smart-user-card-tooltip.js +0 -112
- package/dist/user-card/tooltip.js +0 -91
- package/dist/user-card/user-card.js +0 -46
package/dist/global/dom.js
DELETED
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* @name DOM
|
|
5
|
-
*/
|
|
6
|
-
const getStyles = window.getComputedStyle.bind(window);
|
|
7
|
-
function isMounted(node) {
|
|
8
|
-
if (node === document) {
|
|
9
|
-
return true;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
return node instanceof Node && document.documentElement.contains(node.parentNode);
|
|
13
|
-
}
|
|
14
|
-
const rectStub = {
|
|
15
|
-
top: 0,
|
|
16
|
-
right: 0,
|
|
17
|
-
bottom: 0,
|
|
18
|
-
left: 0,
|
|
19
|
-
width: 0,
|
|
20
|
-
height: 0
|
|
21
|
-
};
|
|
22
|
-
function getRect(node) {
|
|
23
|
-
if (node instanceof Range || isMounted(node)) {
|
|
24
|
-
const {
|
|
25
|
-
top,
|
|
26
|
-
right,
|
|
27
|
-
bottom,
|
|
28
|
-
left,
|
|
29
|
-
width,
|
|
30
|
-
height
|
|
31
|
-
} = node.getBoundingClientRect();
|
|
32
|
-
return {
|
|
33
|
-
top,
|
|
34
|
-
right,
|
|
35
|
-
bottom,
|
|
36
|
-
left,
|
|
37
|
-
width,
|
|
38
|
-
height
|
|
39
|
-
};
|
|
40
|
-
} else {
|
|
41
|
-
return Object.assign({}, rectStub);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
function getPixelRatio() {
|
|
45
|
-
return 'devicePixelRatio' in window ? window.devicePixelRatio : 1;
|
|
46
|
-
}
|
|
47
|
-
function getWindowHeight() {
|
|
48
|
-
return window.innerHeight;
|
|
49
|
-
}
|
|
50
|
-
function getWindowWidth() {
|
|
51
|
-
return window.innerWidth;
|
|
52
|
-
}
|
|
53
|
-
function isNodeInVisiblePartOfPage(node) {
|
|
54
|
-
const {
|
|
55
|
-
top,
|
|
56
|
-
bottom,
|
|
57
|
-
left,
|
|
58
|
-
right
|
|
59
|
-
} = getRect(node);
|
|
60
|
-
return !(bottom < 0 || right < 0 || getWindowHeight() - top < 0 || getWindowWidth() - left < 0);
|
|
61
|
-
}
|
|
62
|
-
function getDocumentScrollTop() {
|
|
63
|
-
return document.documentElement && document.documentElement.scrollTop || document.body.scrollTop;
|
|
64
|
-
}
|
|
65
|
-
function getDocumentScrollLeft() {
|
|
66
|
-
return document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft;
|
|
67
|
-
}
|
|
68
|
-
const applyMethodToClasses = method => function (classList) {
|
|
69
|
-
let classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
70
|
-
classes.split(/\s+/g).filter(className => !!className).forEach(className => classList[method](className));
|
|
71
|
-
};
|
|
72
|
-
const addClasses = applyMethodToClasses('add');
|
|
73
|
-
const removeClasses = applyMethodToClasses('remove');
|
|
74
|
-
const toggleClasses = (classList, classes) => Object.entries(classes).forEach(_ref => {
|
|
75
|
-
let [className, on] = _ref;
|
|
76
|
-
return classList.toggle(className, on);
|
|
77
|
-
});
|
|
78
|
-
function setRootStyleProperties() {
|
|
79
|
-
let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
80
|
-
const rootStyle = document.documentElement.style;
|
|
81
|
-
Object.entries(properties).forEach(_ref2 => {
|
|
82
|
-
let [key, value] = _ref2;
|
|
83
|
-
rootStyle.setProperty(key, value);
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
function resetRootStyleProperties() {
|
|
87
|
-
let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
88
|
-
const rootStyle = document.documentElement.style;
|
|
89
|
-
Object.keys(properties).forEach(key => rootStyle.removeProperty(key));
|
|
90
|
-
}
|
|
91
|
-
class Listeners {
|
|
92
|
-
constructor() {
|
|
93
|
-
_defineProperty(this, "_all", new Set());
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
add(el, event, handler, useCapture) {
|
|
97
|
-
el.addEventListener(event, handler, useCapture);
|
|
98
|
-
|
|
99
|
-
const dispatchFn = () => el.removeEventListener(event, handler, useCapture);
|
|
100
|
-
|
|
101
|
-
this._all.add(dispatchFn);
|
|
102
|
-
|
|
103
|
-
return dispatchFn;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
remove(fn) {
|
|
107
|
-
fn();
|
|
108
|
-
|
|
109
|
-
this._all.delete(fn);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
removeAll() {
|
|
113
|
-
this._all.forEach(fn => this.remove(fn));
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
} // Synthetic events from Combokeys#trigger are plain objects
|
|
117
|
-
|
|
118
|
-
function preventDefault(e) {
|
|
119
|
-
if (e.preventDefault) {
|
|
120
|
-
e.preventDefault();
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
export { Listeners, addClasses, applyMethodToClasses, getDocumentScrollLeft, getDocumentScrollTop, getPixelRatio, getRect, getStyles, getWindowHeight, getWindowWidth, isMounted, isNodeInVisiblePartOfPage, preventDefault, removeClasses, resetRootStyleProperties, setRootStyleProperties, toggleClasses };
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
import { _ as _defineProperty, c as _objectSpread2, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React, { Component } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import composeRefs from './composeRefs.js';
|
|
5
|
-
|
|
6
|
-
function focusSensorHOC(ComposedComponent) {
|
|
7
|
-
var _class, _temp;
|
|
8
|
-
|
|
9
|
-
return _temp = _class = class FocusSensor extends Component {
|
|
10
|
-
constructor() {
|
|
11
|
-
super(...arguments);
|
|
12
|
-
|
|
13
|
-
_defineProperty(this, "state", {
|
|
14
|
-
focused: this.props.focused
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
_defineProperty(this, "_skipNextCapture", false);
|
|
18
|
-
|
|
19
|
-
_defineProperty(this, "onRefUpdate", node => {
|
|
20
|
-
if (node) {
|
|
21
|
-
this.node = node;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
_defineProperty(this, "onFocusCapture", _ref => {
|
|
26
|
-
let {
|
|
27
|
-
target
|
|
28
|
-
} = _ref;
|
|
29
|
-
|
|
30
|
-
if (this._skipNextCapture) {
|
|
31
|
-
this._skipNextCapture = false;
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
const focused = this.node.contains(target);
|
|
36
|
-
|
|
37
|
-
if (focused && !this.state.focused) {
|
|
38
|
-
this.setState({
|
|
39
|
-
focused: true
|
|
40
|
-
});
|
|
41
|
-
this.props.onFocus();
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
|
|
45
|
-
_defineProperty(this, "onBlurCapture", _ref2 => {
|
|
46
|
-
let {
|
|
47
|
-
target
|
|
48
|
-
} = _ref2;
|
|
49
|
-
const {
|
|
50
|
-
state: {
|
|
51
|
-
focused
|
|
52
|
-
},
|
|
53
|
-
node
|
|
54
|
-
} = this;
|
|
55
|
-
|
|
56
|
-
if (focused) {
|
|
57
|
-
setTimeout(() => {
|
|
58
|
-
const blurred = node.contains(target) && !node.contains(document.activeElement);
|
|
59
|
-
|
|
60
|
-
if (blurred) {
|
|
61
|
-
this.setState({
|
|
62
|
-
focused: false
|
|
63
|
-
});
|
|
64
|
-
this.props.onBlur();
|
|
65
|
-
}
|
|
66
|
-
}, 1);
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
|
|
70
|
-
_defineProperty(this, "onFocusRestore", () => {
|
|
71
|
-
this._skipNextCapture = true;
|
|
72
|
-
this.node.focus();
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
_defineProperty(this, "onFocusReset", () => {
|
|
76
|
-
this.node.blur();
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
componentDidMount() {
|
|
81
|
-
const {
|
|
82
|
-
props: {
|
|
83
|
-
autofocus
|
|
84
|
-
},
|
|
85
|
-
node
|
|
86
|
-
} = this;
|
|
87
|
-
node.setAttribute('tabindex', '0');
|
|
88
|
-
node.style.outline = 'none';
|
|
89
|
-
document.addEventListener('focus', this.onFocusCapture, true);
|
|
90
|
-
document.addEventListener('blur', this.onBlurCapture, true);
|
|
91
|
-
|
|
92
|
-
if (autofocus) {
|
|
93
|
-
node.focus();
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
componentDidUpdate(prevProps) {
|
|
98
|
-
const {
|
|
99
|
-
focused
|
|
100
|
-
} = this.props;
|
|
101
|
-
|
|
102
|
-
if (focused && !prevProps.focused) {
|
|
103
|
-
this.onFocusRestore();
|
|
104
|
-
} else if (!focused && prevProps.focused) {
|
|
105
|
-
this.onFocusReset();
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
componentWillUnmount() {
|
|
110
|
-
document.removeEventListener('focus', this.onFocusCapture, true);
|
|
111
|
-
document.removeEventListener('blur', this.onBlurCapture, true);
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
render() {
|
|
115
|
-
const _this$props = this.props,
|
|
116
|
-
{
|
|
117
|
-
autofocus,
|
|
118
|
-
focused,
|
|
119
|
-
onFocus,
|
|
120
|
-
onBlur,
|
|
121
|
-
innerRef
|
|
122
|
-
} = _this$props,
|
|
123
|
-
rest = _objectWithoutProperties(_this$props, ["autofocus", "focused", "onFocus", "onBlur", "innerRef"]);
|
|
124
|
-
|
|
125
|
-
return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, rest, {
|
|
126
|
-
innerRef: composeRefs(innerRef, this.onRefUpdate),
|
|
127
|
-
focused: this.state.focused,
|
|
128
|
-
onFocusReset: this.onFocusReset,
|
|
129
|
-
onFocusRestore: this.onFocusRestore
|
|
130
|
-
}));
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
}, _defineProperty(_class, "propTypes", _objectSpread2(_objectSpread2({}, ComposedComponent.propTypes), {}, {
|
|
134
|
-
focused: PropTypes.bool,
|
|
135
|
-
autofocus: PropTypes.bool,
|
|
136
|
-
onFocus: PropTypes.func,
|
|
137
|
-
onBlur: PropTypes.func,
|
|
138
|
-
innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
|
|
139
|
-
})), _defineProperty(_class, "defaultProps", _objectSpread2(_objectSpread2({}, ComposedComponent.defaultProps), {}, {
|
|
140
|
-
focused: false,
|
|
141
|
-
autofocus: false,
|
|
142
|
-
onFocus: () => {},
|
|
143
|
-
onBlur: () => {}
|
|
144
|
-
})), _temp;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
export default focusSensorHOC;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
/** https://github.com/bevacqua/fuzzysearch + highlighting with Markdown */
|
|
2
|
-
const marker = '**';
|
|
3
|
-
function fuzzyHighlight(needle, haystack) {
|
|
4
|
-
let caseSensitive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
5
|
-
const ndl = caseSensitive ? needle : needle.toLowerCase();
|
|
6
|
-
const hstck = caseSensitive ? haystack : haystack.toLowerCase();
|
|
7
|
-
|
|
8
|
-
const result = function (matched) {
|
|
9
|
-
let highlight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : haystack;
|
|
10
|
-
return {
|
|
11
|
-
matched,
|
|
12
|
-
highlight
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const hlen = hstck.length;
|
|
17
|
-
const nlen = ndl.length;
|
|
18
|
-
|
|
19
|
-
if (nlen > hlen) {
|
|
20
|
-
return result(false);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
if (nlen === hlen) {
|
|
24
|
-
const matched = ndl === hstck;
|
|
25
|
-
return result(matched, matched ? `${marker}${haystack}${marker}` : haystack);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
let highlight = '';
|
|
29
|
-
let on = false;
|
|
30
|
-
let j = 0;
|
|
31
|
-
/* eslint-disable no-labels */
|
|
32
|
-
|
|
33
|
-
outer: for (let i = 0; i < nlen; i++) {
|
|
34
|
-
const nch = ndl[i];
|
|
35
|
-
|
|
36
|
-
while (j < hlen) {
|
|
37
|
-
const hch = hstck[j];
|
|
38
|
-
const match = hch === nch; // Don't turn highlight on for space characters
|
|
39
|
-
|
|
40
|
-
const nextOn = match && /\S/.test(hch);
|
|
41
|
-
|
|
42
|
-
if (nextOn !== on) {
|
|
43
|
-
highlight += marker;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
highlight += haystack[j++];
|
|
47
|
-
on = nextOn;
|
|
48
|
-
|
|
49
|
-
if (match) {
|
|
50
|
-
continue outer;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
return result(false);
|
|
55
|
-
}
|
|
56
|
-
/* eslint-enable */
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
if (on) {
|
|
60
|
-
highlight += marker;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
highlight += haystack.slice(j);
|
|
64
|
-
return result(true, highlight);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export default fuzzyHighlight;
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
// react-dom getEventKey function extracted
|
|
2
|
-
const normalizeKey = {
|
|
3
|
-
Esc: 'Escape',
|
|
4
|
-
Spacebar: ' ',
|
|
5
|
-
Left: 'ArrowLeft',
|
|
6
|
-
Up: 'ArrowUp',
|
|
7
|
-
Right: 'ArrowRight',
|
|
8
|
-
Down: 'ArrowDown',
|
|
9
|
-
Del: 'Delete',
|
|
10
|
-
Win: 'OS',
|
|
11
|
-
Menu: 'ContextMenu',
|
|
12
|
-
Apps: 'ContextMenu',
|
|
13
|
-
Scroll: 'ScrollLock',
|
|
14
|
-
MozPrintableKey: 'Unidentified'
|
|
15
|
-
};
|
|
16
|
-
const translateToKey = {
|
|
17
|
-
8: 'Backspace',
|
|
18
|
-
9: 'Tab',
|
|
19
|
-
12: 'Clear',
|
|
20
|
-
13: 'Enter',
|
|
21
|
-
16: 'Shift',
|
|
22
|
-
17: 'Control',
|
|
23
|
-
18: 'Alt',
|
|
24
|
-
19: 'Pause',
|
|
25
|
-
20: 'CapsLock',
|
|
26
|
-
27: 'Escape',
|
|
27
|
-
32: ' ',
|
|
28
|
-
33: 'PageUp',
|
|
29
|
-
34: 'PageDown',
|
|
30
|
-
35: 'End',
|
|
31
|
-
36: 'Home',
|
|
32
|
-
37: 'ArrowLeft',
|
|
33
|
-
38: 'ArrowUp',
|
|
34
|
-
39: 'ArrowRight',
|
|
35
|
-
40: 'ArrowDown',
|
|
36
|
-
45: 'Insert',
|
|
37
|
-
46: 'Delete',
|
|
38
|
-
112: 'F1',
|
|
39
|
-
113: 'F2',
|
|
40
|
-
114: 'F3',
|
|
41
|
-
115: 'F4',
|
|
42
|
-
116: 'F5',
|
|
43
|
-
117: 'F6',
|
|
44
|
-
118: 'F7',
|
|
45
|
-
119: 'F8',
|
|
46
|
-
120: 'F9',
|
|
47
|
-
121: 'F10',
|
|
48
|
-
122: 'F11',
|
|
49
|
-
123: 'F12',
|
|
50
|
-
144: 'NumLock',
|
|
51
|
-
145: 'ScrollLock',
|
|
52
|
-
224: 'Meta'
|
|
53
|
-
};
|
|
54
|
-
const ENTER = 13;
|
|
55
|
-
const SPACE = 32;
|
|
56
|
-
|
|
57
|
-
function getEventCharCode(nativeEvent) {
|
|
58
|
-
let charCode;
|
|
59
|
-
const keyCode = nativeEvent.keyCode;
|
|
60
|
-
|
|
61
|
-
if ('charCode' in nativeEvent) {
|
|
62
|
-
charCode = nativeEvent.charCode; // FF does not set `charCode` for the Enter-key, check against `keyCode`.
|
|
63
|
-
|
|
64
|
-
if (charCode === 0 && keyCode === ENTER) {
|
|
65
|
-
charCode = ENTER;
|
|
66
|
-
}
|
|
67
|
-
} else {
|
|
68
|
-
// IE8 does not implement `charCode`, but `keyCode` has the correct value.
|
|
69
|
-
charCode = keyCode;
|
|
70
|
-
} // Some non-printable keys are reported in `charCode`/`keyCode`, discard them.
|
|
71
|
-
// Must not discard the (non-)printable Enter-key.
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
if (charCode >= SPACE || charCode === ENTER) {
|
|
75
|
-
return charCode;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
return 0;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
function getEventKey(nativeEvent) {
|
|
82
|
-
if (nativeEvent.key) {
|
|
83
|
-
// Normalize inconsistent values reported by browsers due to
|
|
84
|
-
// implementations of a working draft specification.
|
|
85
|
-
// FireFox implements `key` but returns `MozPrintableKey` for all
|
|
86
|
-
// printable characters (normalized to `Unidentified`), ignore it.
|
|
87
|
-
const key = normalizeKey[nativeEvent.key] || nativeEvent.key;
|
|
88
|
-
|
|
89
|
-
if (key !== 'Unidentified') {
|
|
90
|
-
return key;
|
|
91
|
-
}
|
|
92
|
-
} // Browser does not implement `key`, polyfill as much of it as we can.
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
if (nativeEvent.type === 'keypress') {
|
|
96
|
-
const charCode = getEventCharCode(nativeEvent); // The enter-key is technically both printable and non-printable and can
|
|
97
|
-
// thus be captured by `keypress`, no other non-printable key should.
|
|
98
|
-
|
|
99
|
-
return charCode === SPACE ? 'Enter' : String.fromCharCode(charCode);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
if (nativeEvent.type === 'keydown' || nativeEvent.type === 'keyup') {
|
|
103
|
-
// While user keyboard layout determines the actual meaning of each
|
|
104
|
-
// `keyCode` value, almost all function keys have a universal value.
|
|
105
|
-
return translateToKey[nativeEvent.keyCode] || 'Unidentified';
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
return '';
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
export default getEventKey;
|
package/dist/global/get-uid.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
const idCounters = {};
|
|
2
|
-
function getUID(name) {
|
|
3
|
-
if (!name) {
|
|
4
|
-
throw Error('Argument "name" is required in getUID()');
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
if (!idCounters[name]) {
|
|
8
|
-
idCounters[name] = 0;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
const id = String(idCounters[name]++);
|
|
12
|
-
return name + id;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export default getUID;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
const injectStyleSheet = styles => {
|
|
2
|
-
const styleTag = document.createElement('style');
|
|
3
|
-
styleTag.setAttribute('type', 'text/css');
|
|
4
|
-
styleTag.textContent = styles;
|
|
5
|
-
document.head.appendChild(styleTag);
|
|
6
|
-
return styleTag;
|
|
7
|
-
};
|
|
8
|
-
const injectRuleSet = (selector, declarations) => injectStyleSheet(`
|
|
9
|
-
${selector} {
|
|
10
|
-
${Object.entries(declarations).map(_ref => {
|
|
11
|
-
let [property, value] = _ref;
|
|
12
|
-
return `${property}: ${value};`;
|
|
13
|
-
}).join(`
|
|
14
|
-
`)}
|
|
15
|
-
}`);
|
|
16
|
-
|
|
17
|
-
export { injectRuleSet, injectStyleSheet };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
function linearFunction(x0, y0, a) {
|
|
2
|
-
return {
|
|
3
|
-
y(x) {
|
|
4
|
-
return +y0 + (x - x0) * a;
|
|
5
|
-
},
|
|
6
|
-
|
|
7
|
-
x(y) {
|
|
8
|
-
return +x0 + (y - y0) / a;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
function interpolateLinear(x0, x1, phase) {
|
|
14
|
-
return linearFunction(x0, x0, phase).y(x1);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export default linearFunction;
|
|
18
|
-
export { interpolateLinear };
|
package/dist/global/listeners.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
class Listeners {
|
|
2
|
-
constructor() {
|
|
3
|
-
this.removeAll();
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
trigger(event, data) {
|
|
7
|
-
const handlers = this._all.get(event);
|
|
8
|
-
|
|
9
|
-
if (handlers) {
|
|
10
|
-
return Promise.all([...handlers].map(fn => fn(data)));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
return Promise.resolve([]);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
add(event, handler) {
|
|
17
|
-
let handlers = this._all.get(event);
|
|
18
|
-
|
|
19
|
-
if (!handlers) {
|
|
20
|
-
handlers = new Set();
|
|
21
|
-
|
|
22
|
-
this._all.set(event, handlers);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
handlers.add(handler);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
remove(event, handler) {
|
|
29
|
-
const handlers = this._all.get(event);
|
|
30
|
-
|
|
31
|
-
if (handlers) {
|
|
32
|
-
handlers.delete(handler);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
removeAll() {
|
|
37
|
-
this._all = new Map();
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
export default Listeners;
|
package/dist/global/memoize.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
function memoize(fn) {
|
|
2
|
-
const primitiveCache = new Map();
|
|
3
|
-
const objectCache = new WeakMap();
|
|
4
|
-
return function memoized() {
|
|
5
|
-
let arg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '__singleValue__';
|
|
6
|
-
const cache = arg instanceof Object ? objectCache : primitiveCache;
|
|
7
|
-
|
|
8
|
-
if (cache.has(arg)) {
|
|
9
|
-
return cache.get(arg);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const value = fn(arg);
|
|
13
|
-
cache.set(arg, value);
|
|
14
|
-
return value;
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export default memoize;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
function normalizeIndent(string) {
|
|
2
|
-
const nonemptyRE = /\S/;
|
|
3
|
-
const indentRE = /^\s*/;
|
|
4
|
-
const lines = string.split(/\n/g);
|
|
5
|
-
const linesCopy = [...lines]; //remove empty lines at the beginning and the end
|
|
6
|
-
|
|
7
|
-
for (const line of linesCopy) {
|
|
8
|
-
if (nonemptyRE.test(line)) {
|
|
9
|
-
break;
|
|
10
|
-
} else {
|
|
11
|
-
lines.shift();
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
for (const line of linesCopy.reverse()) {
|
|
16
|
-
if (nonemptyRE.test(line)) {
|
|
17
|
-
break;
|
|
18
|
-
} else {
|
|
19
|
-
lines.pop();
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
const indents = lines.filter(line => nonemptyRE.test(line)).map(line => line.match(indentRE)[0].length);
|
|
24
|
-
const minIndent = Math.min(...indents);
|
|
25
|
-
return lines.map(line => line.slice(minIndent)).join('\n');
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export default normalizeIndent;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
// Useful for using fetch with timeout
|
|
2
|
-
// https://github.com/github/fetch/issues/175#issuecomment-284787564
|
|
3
|
-
function promiseWithTimeout(promise, timeout, _ref) {
|
|
4
|
-
let {
|
|
5
|
-
error
|
|
6
|
-
} = _ref;
|
|
7
|
-
return new Promise((resolve, reject) => {
|
|
8
|
-
setTimeout(() => reject(error || new Error('Timeout')), timeout);
|
|
9
|
-
promise.then(resolve, reject);
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export default promiseWithTimeout;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import getUID from './get-uid.js';
|
|
2
|
-
import supportsCss from './supports-css.js';
|
|
3
|
-
import './memoize.js';
|
|
4
|
-
|
|
5
|
-
const radialGradient = (length, stops) => `radial-gradient(${length}, ${Object.entries(stops).map(entry => entry.join(' ')).join(', ')})`;
|
|
6
|
-
|
|
7
|
-
var radialGradientMask = ((length, stops) => {
|
|
8
|
-
for (const prefix of ['', '-webkit-']) {
|
|
9
|
-
const property = `${prefix}mask-image`;
|
|
10
|
-
const declaration = `${property}: radial-gradient(black, white)`;
|
|
11
|
-
|
|
12
|
-
if (supportsCss(declaration)) {
|
|
13
|
-
return {
|
|
14
|
-
supports: true,
|
|
15
|
-
css: {
|
|
16
|
-
[property]: radialGradient(length, stops)
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
const gradientId = getUID('gradient');
|
|
23
|
-
const maskId = getUID('mask');
|
|
24
|
-
const svgDefs = `
|
|
25
|
-
<svg>
|
|
26
|
-
<defs>
|
|
27
|
-
<radialGradient id="${gradientId}">
|
|
28
|
-
${Object.entries(stops).map(_ref => {
|
|
29
|
-
let [color, offset] = _ref;
|
|
30
|
-
return `
|
|
31
|
-
<stop offset="${offset}" stop-color="${color}"/>
|
|
32
|
-
`;
|
|
33
|
-
}).join('')}
|
|
34
|
-
</radialGradient>
|
|
35
|
-
<mask id="${maskId}">
|
|
36
|
-
<rect height="100%" width="100%" fill="url(#${gradientId})"/>
|
|
37
|
-
</mask>
|
|
38
|
-
</defs>
|
|
39
|
-
</svg>
|
|
40
|
-
`;
|
|
41
|
-
return {
|
|
42
|
-
supports: false,
|
|
43
|
-
css: {},
|
|
44
|
-
maskId,
|
|
45
|
-
svgDefs
|
|
46
|
-
};
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
export default radialGradientMask;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React, { Component } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
|
|
5
|
-
class Renderer extends Component {
|
|
6
|
-
constructor() {
|
|
7
|
-
super(...arguments);
|
|
8
|
-
|
|
9
|
-
_defineProperty(this, "nodeRef", node => {
|
|
10
|
-
this.node = node;
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
componentDidMount() {
|
|
15
|
-
const {
|
|
16
|
-
nodes
|
|
17
|
-
} = this.props;
|
|
18
|
-
|
|
19
|
-
if (!this.node || !nodes || !nodes.length) {
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
const fragment = document.createDocumentFragment();
|
|
24
|
-
nodes.forEach(nodeToRender => fragment.appendChild(nodeToRender));
|
|
25
|
-
this.node.appendChild(fragment);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
render() {
|
|
29
|
-
const {
|
|
30
|
-
className
|
|
31
|
-
} = this.props;
|
|
32
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
33
|
-
className: className,
|
|
34
|
-
ref: this.nodeRef
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
_defineProperty(Renderer, "propTypes", {
|
|
41
|
-
className: PropTypes.string,
|
|
42
|
-
nodes: PropTypes.array
|
|
43
|
-
});
|
|
44
|
-
|
|
45
|
-
export default Renderer;
|