@jetbrains/ring-ui 6.0.4-beta.0 → 6.0.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/README.md +10 -6
- package/components/alert/alert.css +12 -13
- package/components/alert/container.css +4 -6
- package/components/alert-service/alert-service.stories.css +0 -3
- package/components/auth/down-notification.css +2 -4
- package/components/auth/request-builder.d.ts +1 -0
- package/components/auth-dialog/auth-dialog.css +10 -12
- package/components/badge/badge.css +1 -3
- package/components/button/button.css +13 -14
- package/components/button-group/button-group.css +6 -5
- package/components/button-set/button-set.css +1 -2
- package/components/button-toolbar/button-toolbar.css +1 -2
- package/components/checkbox/checkbox.css +3 -4
- package/components/code/code.css +3 -5
- package/components/code/code.d.ts +1 -0
- package/components/collapse/collapse-content.d.ts +11 -0
- package/components/collapse/collapse-content.js +72 -0
- package/components/collapse/collapse-context.d.ts +10 -0
- package/components/collapse/collapse-context.js +10 -0
- package/components/collapse/collapse-control.d.ts +11 -0
- package/components/collapse/collapse-control.js +22 -0
- package/components/collapse/collapse.css +40 -0
- package/components/collapse/collapse.d.ts +12 -0
- package/components/collapse/collapse.js +26 -0
- package/components/collapse/collapse.stories.css +25 -0
- package/components/collapse/consts.d.ts +4 -0
- package/components/collapse/consts.js +4 -0
- package/components/collapse/utils.d.ts +1 -0
- package/components/collapse/utils.js +1 -0
- package/components/confirm/confirm.css +1 -3
- package/components/content-layout/content-layout.css +7 -7
- package/components/data-list/data-list.css +4 -5
- package/components/date-picker/consts.js +1 -1
- package/components/date-picker/date-picker.css +40 -41
- package/components/date-picker/date-picker.js +7 -7
- package/components/date-picker/date-popup.js +4 -4
- package/components/date-picker/day.js +9 -9
- package/components/date-picker/month-names.js +6 -6
- package/components/date-picker/month-slider.js +3 -3
- package/components/date-picker/month.js +5 -5
- package/components/date-picker/months.js +6 -6
- package/components/date-picker/weekdays.js +4 -4
- package/components/date-picker/years.js +8 -8
- package/components/dialog/dialog.css +12 -13
- package/components/editable-heading/editable-heading.css +25 -20
- package/components/editable-heading/editable-heading.d.ts +1 -1
- package/components/editable-heading/editable-heading.js +42 -27
- package/components/error-bubble/error-bubble-legacy.css +6 -8
- package/components/error-bubble/error-bubble.css +6 -8
- package/components/footer/footer.css +6 -8
- package/components/form/form.css +31 -33
- package/components/global/global.css +1 -7
- package/components/global/variables_dark.css +2 -2
- package/components/grid/grid.css +6 -6
- package/components/grid/row.js +3 -3
- package/components/group/group.css +1 -3
- package/components/header/header.css +12 -14
- package/components/header/profile.js +1 -1
- package/components/header/services.css +12 -14
- package/components/icon/icon.css +2 -4
- package/components/input/input-legacy.css +2 -4
- package/components/input/input.css +8 -10
- package/components/input-size/input-size.css +4 -6
- package/components/island/header.js +1 -1
- package/components/island/island.css +6 -7
- package/components/island-legacy/island-legacy.css +6 -8
- package/components/line/line.css +1 -3
- package/components/link/link.css +1 -1
- package/components/link/link.d.ts +2 -2
- package/components/link/link.js +1 -1
- package/components/list/list.css +17 -20
- package/components/list/list.d.ts +0 -1
- package/components/list/list.js +5 -6
- package/components/loader/loader.css +1 -3
- package/components/loader/loader__core.js +6 -6
- package/components/loader-inline/loader-inline.css +5 -6
- package/components/login-dialog/login-dialog.css +1 -3
- package/components/markdown/markdown.css +2 -3
- package/components/message/message.css +5 -8
- package/components/old-browsers-message/old-browsers-message.css +2 -4
- package/components/pager/pager.css +2 -4
- package/components/panel/panel.css +3 -5
- package/components/popup/popup.js +3 -3
- package/components/progress-bar/progress-bar.css +9 -4
- package/components/progress-bar/progress-bar.d.ts +6 -0
- package/components/progress-bar/progress-bar.js +9 -3
- package/components/query-assist/query-assist.css +3 -4
- package/components/query-assist/query-assist.js +1 -1
- package/components/radio/radio.css +7 -10
- package/components/select/select-popup.css +13 -11
- package/components/select/select.css +13 -14
- package/components/select/select.js +21 -21
- package/components/sidebar/sidebar.css +13 -15
- package/components/table/table.css +15 -17
- package/components/table-legacy/table-legacy.css +22 -24
- package/components/table-legacy/table-legacy__toolbar.css +2 -4
- package/components/tabs/tabs.css +3 -4
- package/components/tag/tag.css +12 -13
- package/components/tags-input/tags-input.css +1 -2
- package/components/toggle/toggle.css +21 -22
- package/components/tooltip/tooltip.css +3 -5
- package/components/user-agreement/user-agreement.css +2 -2
- package/components/user-card/user-card.css +3 -5
- package/package.json +74 -77
- package/typings.d.ts +0 -54
- package/webpack.config.js +1 -24
- package/components/auth/landing-entry.d.ts +0 -3
- package/components/auth/landing-entry.js +0 -2
- package/components/auth/landing.d.ts +0 -2
- package/components/auth/landing.html +0 -12
- package/components/auth/landing.js +0 -26
- package/dist/_helpers/_rollupPluginBabelHelpers.js +0 -648
- package/dist/_helpers/anchor.js +0 -31
- package/dist/_helpers/badge.js +0 -3
- package/dist/_helpers/button__classes.js +0 -34
- package/dist/_helpers/caption.js +0 -31
- package/dist/_helpers/card.js +0 -132
- package/dist/_helpers/date-picker.js +0 -3
- package/dist/_helpers/dialog__body-scroll-preventer.js +0 -54
- package/dist/_helpers/grid.js +0 -3
- package/dist/_helpers/header.js +0 -3
- package/dist/_helpers/heading.js +0 -3
- package/dist/_helpers/icon__svg.js +0 -75
- package/dist/_helpers/input.js +0 -235
- package/dist/_helpers/island.js +0 -3
- package/dist/_helpers/link.js +0 -3
- package/dist/_helpers/list.js +0 -3
- package/dist/_helpers/query-assist__suggestions.js +0 -102
- package/dist/_helpers/select__filter.js +0 -94
- package/dist/_helpers/services-link.js +0 -48
- package/dist/_helpers/sidebar.js +0 -123
- package/dist/_helpers/tab-link.js +0 -34
- package/dist/_helpers/table.js +0 -3
- package/dist/_helpers/theme.js +0 -95
- package/dist/_helpers/title.js +0 -103
- package/dist/alert/alert.d.ts +0 -113
- package/dist/alert/alert.js +0 -292
- package/dist/alert/container.d.ts +0 -15
- package/dist/alert/container.js +0 -52
- package/dist/alert-service/alert-service.d.ts +0 -36
- package/dist/alert-service/alert-service.js +0 -218
- package/dist/analytics/analytics.d.ts +0 -18
- package/dist/analytics/analytics.js +0 -31
- package/dist/analytics/analytics__custom-plugin.d.ts +0 -28
- package/dist/analytics/analytics__custom-plugin.js +0 -90
- package/dist/auth/auth.d.ts +0 -3
- package/dist/auth/auth.js +0 -130
- package/dist/auth/auth__core.d.ts +0 -236
- package/dist/auth/auth__core.js +0 -1650
- package/dist/auth/background-flow.d.ts +0 -31
- package/dist/auth/background-flow.js +0 -146
- package/dist/auth/down-notification.d.ts +0 -15
- package/dist/auth/down-notification.js +0 -155
- package/dist/auth/iframe-flow.d.ts +0 -20
- package/dist/auth/iframe-flow.js +0 -192
- package/dist/auth/landing-entry.d.ts +0 -3
- package/dist/auth/landing-entry.js +0 -5
- package/dist/auth/landing.d.ts +0 -2
- package/dist/auth/landing.js +0 -152
- package/dist/auth/request-builder.d.ts +0 -47
- package/dist/auth/request-builder.js +0 -101
- package/dist/auth/response-parser.d.ts +0 -70
- package/dist/auth/response-parser.js +0 -137
- package/dist/auth/storage.d.ts +0 -112
- package/dist/auth/storage.js +0 -422
- package/dist/auth/token-validator.d.ts +0 -93
- package/dist/auth/token-validator.js +0 -267
- package/dist/auth/window-flow.d.ts +0 -26
- package/dist/auth/window-flow.js +0 -153
- package/dist/auth-dialog/auth-dialog.d.ts +0 -60
- package/dist/auth-dialog/auth-dialog.js +0 -219
- package/dist/auth-dialog-service/auth-dialog-service.d.ts +0 -6
- package/dist/auth-dialog-service/auth-dialog-service.js +0 -90
- package/dist/avatar/avatar-example-datauri.d.ts +0 -1
- package/dist/avatar/avatar-example-datauri.js +0 -4
- package/dist/avatar/avatar.d.ts +0 -52
- package/dist/avatar/avatar.js +0 -180
- package/dist/avatar/fallback-avatar.d.ts +0 -17
- package/dist/avatar/fallback-avatar.js +0 -150
- package/dist/badge/badge.d.ts +0 -24
- package/dist/badge/badge.js +0 -59
- package/dist/button/button.d.ts +0 -67
- package/dist/button/button.js +0 -131
- package/dist/button/button__classes.d.ts +0 -2
- package/dist/button/button__classes.js +0 -2
- package/dist/button-group/button-group.d.ts +0 -18
- package/dist/button-group/button-group.js +0 -48
- package/dist/button-group/caption.d.ts +0 -8
- package/dist/button-group/caption.js +0 -5
- package/dist/button-set/button-set.d.ts +0 -16
- package/dist/button-set/button-set.js +0 -47
- package/dist/button-toolbar/button-toolbar.d.ts +0 -16
- package/dist/button-toolbar/button-toolbar.js +0 -46
- package/dist/caret/caret.d.ts +0 -66
- package/dist/caret/caret.js +0 -258
- package/dist/checkbox/checkbox.d.ts +0 -45
- package/dist/checkbox/checkbox.js +0 -130
- package/dist/clipboard/clipboard-fallback.d.ts +0 -2
- package/dist/clipboard/clipboard-fallback.js +0 -42
- package/dist/clipboard/clipboard.d.ts +0 -5
- package/dist/clipboard/clipboard.js +0 -183
- package/dist/code/code.d.ts +0 -43
- package/dist/code/code.js +0 -192
- package/dist/confirm/confirm.d.ts +0 -48
- package/dist/confirm/confirm.js +0 -151
- package/dist/confirm-service/confirm-service.d.ts +0 -21
- package/dist/confirm-service/confirm-service.js +0 -139
- package/dist/content-layout/content-layout.d.ts +0 -26
- package/dist/content-layout/content-layout.js +0 -79
- package/dist/content-layout/sidebar.d.ts +0 -31
- package/dist/content-layout/sidebar.js +0 -7
- package/dist/contenteditable/contenteditable.d.ts +0 -47
- package/dist/contenteditable/contenteditable.js +0 -84
- package/dist/control-label/control-label.d.ts +0 -11
- package/dist/control-label/control-label.js +0 -36
- package/dist/data-list/data-list.d.ts +0 -85
- package/dist/data-list/data-list.js +0 -246
- package/dist/data-list/data-list.mock.d.ts +0 -16
- package/dist/data-list/data-list.mock.js +0 -192
- package/dist/data-list/item.d.ts +0 -50
- package/dist/data-list/item.js +0 -234
- package/dist/data-list/selection.d.ts +0 -16
- package/dist/data-list/selection.js +0 -146
- package/dist/data-list/title.d.ts +0 -26
- package/dist/data-list/title.js +0 -28
- package/dist/date-picker/consts.d.ts +0 -98
- package/dist/date-picker/consts.js +0 -46
- package/dist/date-picker/date-input.d.ts +0 -47
- package/dist/date-picker/date-input.js +0 -177
- package/dist/date-picker/date-picker.d.ts +0 -77
- package/dist/date-picker/date-picker.js +0 -402
- package/dist/date-picker/date-popup.d.ts +0 -55
- package/dist/date-picker/date-popup.js +0 -488
- package/dist/date-picker/day.d.ts +0 -30
- package/dist/date-picker/day.js +0 -133
- package/dist/date-picker/formats.d.ts +0 -2
- package/dist/date-picker/formats.js +0 -3
- package/dist/date-picker/month-names.d.ts +0 -13
- package/dist/date-picker/month-names.js +0 -110
- package/dist/date-picker/month-slider.d.ts +0 -29
- package/dist/date-picker/month-slider.js +0 -93
- package/dist/date-picker/month.d.ts +0 -14
- package/dist/date-picker/month.js +0 -58
- package/dist/date-picker/months.d.ts +0 -11
- package/dist/date-picker/months.js +0 -133
- package/dist/date-picker/weekdays.d.ts +0 -13
- package/dist/date-picker/weekdays.js +0 -39
- package/dist/date-picker/years.d.ts +0 -25
- package/dist/date-picker/years.js +0 -134
- package/dist/dialog/dialog.d.ts +0 -64
- package/dist/dialog/dialog.js +0 -238
- package/dist/dialog/dialog__body-scroll-preventer.d.ts +0 -9
- package/dist/dialog/dialog__body-scroll-preventer.js +0 -6
- package/dist/dropdown/anchor.d.ts +0 -11
- package/dist/dropdown/anchor.js +0 -24
- package/dist/dropdown/dropdown.d.ts +0 -87
- package/dist/dropdown/dropdown.js +0 -247
- package/dist/dropdown-menu/dropdown-menu.d.ts +0 -36
- package/dist/dropdown-menu/dropdown-menu.js +0 -194
- package/dist/editable-heading/editable-heading.d.ts +0 -32
- package/dist/editable-heading/editable-heading.js +0 -245
- package/dist/error-bubble/error-bubble.d.ts +0 -18
- package/dist/error-bubble/error-bubble.js +0 -86
- package/dist/error-message/error-message.d.ts +0 -27
- package/dist/error-message/error-message.js +0 -78
- package/dist/footer/footer.d.ts +0 -28
- package/dist/footer/footer.js +0 -118
- package/dist/global/compose.d.ts +0 -7
- package/dist/global/compose.js +0 -17
- package/dist/global/composeRefs.d.ts +0 -3
- package/dist/global/composeRefs.js +0 -19
- package/dist/global/controls-height.d.ts +0 -9
- package/dist/global/controls-height.js +0 -19
- package/dist/global/create-stateful-context.d.ts +0 -27
- package/dist/global/create-stateful-context.js +0 -49
- package/dist/global/data-tests.d.ts +0 -3
- package/dist/global/data-tests.js +0 -30
- package/dist/global/dom.d.ts +0 -37
- package/dist/global/dom.js +0 -150
- package/dist/global/focus-sensor-hoc.d.ts +0 -19
- package/dist/global/focus-sensor-hoc.js +0 -165
- package/dist/global/fuzzy-highlight.d.ts +0 -11
- package/dist/global/fuzzy-highlight.js +0 -90
- package/dist/global/get-event-key.d.ts +0 -2
- package/dist/global/get-event-key.js +0 -101
- package/dist/global/get-uid.d.ts +0 -1
- package/dist/global/get-uid.js +0 -22
- package/dist/global/inject-styles.d.ts +0 -3
- package/dist/global/inject-styles.js +0 -22
- package/dist/global/linear-function.d.ts +0 -6
- package/dist/global/linear-function.js +0 -15
- package/dist/global/listeners.d.ts +0 -8
- package/dist/global/listeners.js +0 -58
- package/dist/global/memoize.d.ts +0 -1
- package/dist/global/memoize.js +0 -23
- package/dist/global/normalize-indent.d.ts +0 -1
- package/dist/global/normalize-indent.js +0 -61
- package/dist/global/promise-with-timeout.d.ts +0 -5
- package/dist/global/promise-with-timeout.js +0 -19
- package/dist/global/prop-types.d.ts +0 -4
- package/dist/global/prop-types.js +0 -9
- package/dist/global/react-dom-renderer.d.ts +0 -16
- package/dist/global/react-dom-renderer.js +0 -53
- package/dist/global/react-render-adapter.d.ts +0 -1
- package/dist/global/react-render-adapter.js +0 -6
- package/dist/global/rerender-hoc.d.ts +0 -10
- package/dist/global/rerender-hoc.js +0 -46
- package/dist/global/schedule-raf.d.ts +0 -1
- package/dist/global/schedule-raf.js +0 -28
- package/dist/global/sniffer.d.ts +0 -3
- package/dist/global/sniffer.js +0 -6
- package/dist/global/theme.d.ts +0 -21
- package/dist/global/theme.js +0 -40
- package/dist/global/trivial-template-tag.d.ts +0 -1
- package/dist/global/trivial-template-tag.js +0 -21
- package/dist/global/typescript-utils.d.ts +0 -2
- package/dist/global/typescript-utils.js +0 -8
- package/dist/global/url.d.ts +0 -57
- package/dist/global/url.js +0 -141
- package/dist/global/use-event-callback.d.ts +0 -1
- package/dist/global/use-event-callback.js +0 -17
- package/dist/global/variables.d.ts +0 -89
- package/dist/global/variables.js +0 -1
- package/dist/grid/col.d.ts +0 -31
- package/dist/grid/col.js +0 -81
- package/dist/grid/grid.d.ts +0 -14
- package/dist/grid/grid.js +0 -47
- package/dist/grid/row.d.ts +0 -40
- package/dist/grid/row.js +0 -70
- package/dist/group/group.d.ts +0 -12
- package/dist/group/group.js +0 -39
- package/dist/header/header.d.ts +0 -34
- package/dist/header/header.js +0 -184
- package/dist/header/logo.d.ts +0 -14
- package/dist/header/logo.js +0 -51
- package/dist/header/profile.d.ts +0 -75
- package/dist/header/profile.js +0 -252
- package/dist/header/services-link.d.ts +0 -25
- package/dist/header/services-link.js +0 -13
- package/dist/header/services.d.ts +0 -33
- package/dist/header/services.js +0 -172
- package/dist/header/smart-profile.d.ts +0 -36
- package/dist/header/smart-profile.js +0 -298
- package/dist/header/smart-services.d.ts +0 -26
- package/dist/header/smart-services.js +0 -189
- package/dist/header/tray-icon.d.ts +0 -32
- package/dist/header/tray-icon.js +0 -57
- package/dist/header/tray.d.ts +0 -9
- package/dist/header/tray.js +0 -41
- package/dist/heading/heading.d.ts +0 -25
- package/dist/heading/heading.js +0 -69
- package/dist/http/http.d.ts +0 -61
- package/dist/http/http.js +0 -385
- package/dist/http/http.mock.d.ts +0 -20
- package/dist/http/http.mock.js +0 -112
- package/dist/hub-source/hub-source.d.ts +0 -44
- package/dist/hub-source/hub-source.js +0 -215
- package/dist/hub-source/hub-source__user.d.ts +0 -4
- package/dist/hub-source/hub-source__user.js +0 -59
- package/dist/hub-source/hub-source__users-groups.d.ts +0 -24
- package/dist/hub-source/hub-source__users-groups.js +0 -84
- package/dist/i18n/i18n-context.d.ts +0 -13
- package/dist/i18n/i18n-context.js +0 -27
- package/dist/i18n/i18n.d.ts +0 -59
- package/dist/i18n/i18n.js +0 -139
- package/dist/icon/icon.d.ts +0 -43
- package/dist/icon/icon.js +0 -109
- package/dist/icon/icon__constants.d.ts +0 -30
- package/dist/icon/icon__constants.js +0 -34
- package/dist/icon/icon__svg.d.ts +0 -15
- package/dist/icon/icon__svg.js +0 -14
- package/dist/icon/index.d.ts +0 -2
- package/dist/icon/index.js +0 -17
- package/dist/input/input.d.ts +0 -77
- package/dist/input/input.js +0 -35
- package/dist/island/adaptive-island-hoc.d.ts +0 -61
- package/dist/island/adaptive-island-hoc.js +0 -53
- package/dist/island/content.d.ts +0 -43
- package/dist/island/content.js +0 -151
- package/dist/island/header.d.ts +0 -8
- package/dist/island/header.js +0 -99
- package/dist/island/island.d.ts +0 -78
- package/dist/island/island.js +0 -60
- package/dist/island-legacy/content-legacy.d.ts +0 -10
- package/dist/island-legacy/content-legacy.js +0 -34
- package/dist/island-legacy/header-legacy.d.ts +0 -10
- package/dist/island-legacy/header-legacy.js +0 -36
- package/dist/island-legacy/island-legacy.d.ts +0 -12
- package/dist/island-legacy/island-legacy.js +0 -36
- package/dist/link/clickableLink.d.ts +0 -20
- package/dist/link/clickableLink.js +0 -69
- package/dist/link/link.d.ts +0 -138
- package/dist/link/link.js +0 -86
- package/dist/list/consts.d.ts +0 -77
- package/dist/list/consts.js +0 -27
- package/dist/list/list.d.ts +0 -206
- package/dist/list/list.js +0 -795
- package/dist/list/list__custom.d.ts +0 -6
- package/dist/list/list__custom.js +0 -92
- package/dist/list/list__hint.d.ts +0 -15
- package/dist/list/list__hint.js +0 -33
- package/dist/list/list__item.d.ts +0 -8
- package/dist/list/list__item.js +0 -234
- package/dist/list/list__link.d.ts +0 -9
- package/dist/list/list__link.js +0 -76
- package/dist/list/list__separator.d.ts +0 -5
- package/dist/list/list__separator.js +0 -39
- package/dist/list/list__title.d.ts +0 -5
- package/dist/list/list__title.js +0 -48
- package/dist/list/list__users-groups-source.d.ts +0 -27
- package/dist/list/list__users-groups-source.js +0 -190
- package/dist/loader/loader.d.ts +0 -28
- package/dist/loader/loader.js +0 -91
- package/dist/loader/loader__core.d.ts +0 -75
- package/dist/loader/loader__core.js +0 -313
- package/dist/loader-inline/loader-inline.d.ts +0 -18
- package/dist/loader-inline/loader-inline.js +0 -50
- package/dist/loader-screen/loader-screen.d.ts +0 -17
- package/dist/loader-screen/loader-screen.js +0 -62
- package/dist/login-dialog/login-dialog.d.ts +0 -47
- package/dist/login-dialog/login-dialog.js +0 -212
- package/dist/login-dialog/service.d.ts +0 -2
- package/dist/login-dialog/service.js +0 -94
- package/dist/markdown/markdown.d.ts +0 -12
- package/dist/markdown/markdown.js +0 -43
- package/dist/message/message.d.ts +0 -55
- package/dist/message/message.js +0 -265
- package/dist/old-browsers-message/old-browsers-message.d.ts +0 -2
- package/dist/old-browsers-message/old-browsers-message.js +0 -92
- package/dist/old-browsers-message/old-browsers-message__stop.d.ts +0 -1
- package/dist/old-browsers-message/old-browsers-message__stop.js +0 -11
- package/dist/old-browsers-message/white-list.d.ts +0 -2
- package/dist/old-browsers-message/white-list.js +0 -37
- package/dist/pager/pager.d.ts +0 -78
- package/dist/pager/pager.js +0 -385
- package/dist/panel/panel.d.ts +0 -12
- package/dist/panel/panel.js +0 -39
- package/dist/permissions/permissions.d.ts +0 -111
- package/dist/permissions/permissions.js +0 -220
- package/dist/permissions/permissions__cache.d.ts +0 -93
- package/dist/permissions/permissions__cache.js +0 -257
- package/dist/popup/popup.consts.d.ts +0 -37
- package/dist/popup/popup.consts.js +0 -44
- package/dist/popup/popup.d.ts +0 -147
- package/dist/popup/popup.js +0 -419
- package/dist/popup/popup.target.d.ts +0 -7
- package/dist/popup/popup.target.js +0 -24
- package/dist/popup/position.d.ts +0 -30
- package/dist/popup/position.js +0 -270
- package/dist/popup-menu/popup-menu.d.ts +0 -80
- package/dist/popup-menu/popup-menu.js +0 -136
- package/dist/progress-bar/progress-bar.d.ts +0 -58
- package/dist/progress-bar/progress-bar.js +0 -113
- package/dist/query-assist/query-assist.d.ts +0 -306
- package/dist/query-assist/query-assist.js +0 -1092
- package/dist/query-assist/query-assist__suggestions.d.ts +0 -29
- package/dist/query-assist/query-assist__suggestions.js +0 -70
- package/dist/radio/radio.d.ts +0 -18
- package/dist/radio/radio.js +0 -48
- package/dist/radio/radio__item.d.ts +0 -28
- package/dist/radio/radio__item.js +0 -88
- package/dist/select/select.d.ts +0 -276
- package/dist/select/select.js +0 -1285
- package/dist/select/select__filter.d.ts +0 -19
- package/dist/select/select__filter.js +0 -80
- package/dist/select/select__popup.d.ts +0 -166
- package/dist/select/select__popup.js +0 -626
- package/dist/shortcuts/core.d.ts +0 -74
- package/dist/shortcuts/core.js +0 -247
- package/dist/shortcuts/shortcut-title.d.ts +0 -1
- package/dist/shortcuts/shortcut-title.js +0 -56
- package/dist/shortcuts/shortcuts-hoc.d.ts +0 -65
- package/dist/shortcuts/shortcuts-hoc.js +0 -59
- package/dist/shortcuts/shortcuts.d.ts +0 -28
- package/dist/shortcuts/shortcuts.js +0 -90
- package/dist/storage/storage.d.ts +0 -18
- package/dist/storage/storage.js +0 -89
- package/dist/storage/storage__fallback.d.ts +0 -79
- package/dist/storage/storage__fallback.js +0 -251
- package/dist/storage/storage__local.d.ts +0 -38
- package/dist/storage/storage__local.js +0 -215
- package/dist/style.css +0 -1
- package/dist/tab-trap/tab-trap.d.ts +0 -43
- package/dist/tab-trap/tab-trap.js +0 -179
- package/dist/table/cell.d.ts +0 -13
- package/dist/table/cell.js +0 -37
- package/dist/table/disable-hover-hoc.d.ts +0 -64
- package/dist/table/disable-hover-hoc.js +0 -62
- package/dist/table/header-cell.d.ts +0 -43
- package/dist/table/header-cell.js +0 -109
- package/dist/table/header.d.ts +0 -56
- package/dist/table/header.js +0 -151
- package/dist/table/multitable.d.ts +0 -25
- package/dist/table/multitable.js +0 -139
- package/dist/table/row-with-focus-sensor.d.ts +0 -18
- package/dist/table/row-with-focus-sensor.js +0 -115
- package/dist/table/row.d.ts +0 -59
- package/dist/table/row.js +0 -297
- package/dist/table/selection-adapter.d.ts +0 -5
- package/dist/table/selection-adapter.js +0 -14
- package/dist/table/selection-shortcuts-hoc.d.ts +0 -17
- package/dist/table/selection-shortcuts-hoc.js +0 -204
- package/dist/table/selection.d.ts +0 -47
- package/dist/table/selection.js +0 -256
- package/dist/table/smart-table.d.ts +0 -64
- package/dist/table/smart-table.js +0 -145
- package/dist/table/table.d.ts +0 -159
- package/dist/table/table.js +0 -459
- package/dist/tabs/collapsible-more.d.ts +0 -29
- package/dist/tabs/collapsible-more.js +0 -217
- package/dist/tabs/collapsible-tab.d.ts +0 -16
- package/dist/tabs/collapsible-tab.js +0 -88
- package/dist/tabs/collapsible-tabs.d.ts +0 -43
- package/dist/tabs/collapsible-tabs.js +0 -349
- package/dist/tabs/custom-item.d.ts +0 -9
- package/dist/tabs/custom-item.js +0 -11
- package/dist/tabs/dumb-tabs.d.ts +0 -35
- package/dist/tabs/dumb-tabs.js +0 -184
- package/dist/tabs/smart-tabs.d.ts +0 -20
- package/dist/tabs/smart-tabs.js +0 -136
- package/dist/tabs/tab-link.d.ts +0 -18
- package/dist/tabs/tab-link.js +0 -13
- package/dist/tabs/tab.d.ts +0 -27
- package/dist/tabs/tab.js +0 -41
- package/dist/tabs/tabs.d.ts +0 -7
- package/dist/tabs/tabs.js +0 -94
- package/dist/tag/tag.d.ts +0 -64
- package/dist/tag/tag.js +0 -213
- package/dist/tags-input/tags-input.d.ts +0 -138
- package/dist/tags-input/tags-input.js +0 -529
- package/dist/tags-list/tags-list.d.ts +0 -46
- package/dist/tags-list/tags-list.js +0 -102
- package/dist/text/text.d.ts +0 -23
- package/dist/text/text.js +0 -57
- package/dist/toggle/toggle.d.ts +0 -39
- package/dist/toggle/toggle.js +0 -86
- package/dist/tooltip/tooltip.d.ts +0 -65
- package/dist/tooltip/tooltip.js +0 -227
- package/dist/user-agreement/service.d.ts +0 -69
- package/dist/user-agreement/service.js +0 -484
- package/dist/user-agreement/toolbox.eula.d.ts +0 -2
- package/dist/user-agreement/toolbox.eula.js +0 -3
- package/dist/user-agreement/user-agreement.d.ts +0 -60
- package/dist/user-agreement/user-agreement.js +0 -170
- package/dist/user-card/card.d.ts +0 -70
- package/dist/user-card/card.js +0 -76
- package/dist/user-card/smart-user-card-tooltip.d.ts +0 -20
- package/dist/user-card/smart-user-card-tooltip.js +0 -168
- package/dist/user-card/tooltip.d.ts +0 -36
- package/dist/user-card/tooltip.js +0 -140
- package/dist/user-card/user-card.d.ts +0 -11
- package/dist/user-card/user-card.js +0 -81
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, h as _asyncToGenerator, i as _regeneratorRuntime, j as _slicedToArray, g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import 'core-js/modules/es.array.concat.js';
|
|
3
|
-
import 'core-js/modules/es.object.to-string.js';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.for-each.js';
|
|
5
|
-
import GroupIcon from '@jetbrains/icons/group';
|
|
6
|
-
import HubSourceUsersGroups from '../hub-source/hub-source__users-groups.js';
|
|
7
|
-
import List from './list.js';
|
|
8
|
-
import 'core-js/modules/es.array.iterator.js';
|
|
9
|
-
import 'core-js/modules/es.promise.js';
|
|
10
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
11
|
-
import '../hub-source/hub-source.js';
|
|
12
|
-
import 'core-js/modules/es.array.slice.js';
|
|
13
|
-
import 'core-js/modules/es.array.filter.js';
|
|
14
|
-
import 'core-js/modules/es.array.includes.js';
|
|
15
|
-
import 'core-js/modules/es.string.includes.js';
|
|
16
|
-
import 'core-js/modules/es.array.map.js';
|
|
17
|
-
import 'core-js/modules/es.symbol.js';
|
|
18
|
-
import 'core-js/modules/es.symbol.description.js';
|
|
19
|
-
import 'react';
|
|
20
|
-
import 'prop-types';
|
|
21
|
-
import 'classnames';
|
|
22
|
-
import 'react-virtualized/dist/es/List';
|
|
23
|
-
import 'react-virtualized/dist/es/AutoSizer';
|
|
24
|
-
import 'react-virtualized/dist/es/WindowScroller';
|
|
25
|
-
import 'react-virtualized/dist/es/CellMeasurer';
|
|
26
|
-
import 'util-deprecate';
|
|
27
|
-
import 'memoize-one';
|
|
28
|
-
import '../global/data-tests.js';
|
|
29
|
-
import 'core-js/modules/es.array.reduce.js';
|
|
30
|
-
import 'core-js/modules/es.object.entries.js';
|
|
31
|
-
import '../global/get-uid.js';
|
|
32
|
-
import 'core-js/modules/es.regexp.to-string.js';
|
|
33
|
-
import '../global/schedule-raf.js';
|
|
34
|
-
import '../global/memoize.js';
|
|
35
|
-
import 'core-js/modules/es.map.js';
|
|
36
|
-
import 'core-js/modules/es.weak-map.js';
|
|
37
|
-
import '../global/dom.js';
|
|
38
|
-
import 'core-js/modules/es.regexp.exec.js';
|
|
39
|
-
import 'core-js/modules/es.string.split.js';
|
|
40
|
-
import 'core-js/modules/es.set.js';
|
|
41
|
-
import '../shortcuts/shortcuts.js';
|
|
42
|
-
import '../shortcuts/core.js';
|
|
43
|
-
import 'core-js/modules/es.array.splice.js';
|
|
44
|
-
import 'core-js/modules/es.string.match.js';
|
|
45
|
-
import 'combokeys';
|
|
46
|
-
import '../global/sniffer.js';
|
|
47
|
-
import 'sniffr';
|
|
48
|
-
import '../global/create-stateful-context.js';
|
|
49
|
-
import './list__link.js';
|
|
50
|
-
import '../link/link.js';
|
|
51
|
-
import '../link/clickableLink.js';
|
|
52
|
-
import '../_helpers/link.js';
|
|
53
|
-
import '../_helpers/list.js';
|
|
54
|
-
import './list__item.js';
|
|
55
|
-
import '../avatar/avatar.js';
|
|
56
|
-
import '../global/url.js';
|
|
57
|
-
import 'core-js/modules/es.string.replace.js';
|
|
58
|
-
import '../avatar/fallback-avatar.js';
|
|
59
|
-
import '../checkbox/checkbox.js';
|
|
60
|
-
import '@jetbrains/icons/checkmark-14px';
|
|
61
|
-
import '@jetbrains/icons/remove-14px';
|
|
62
|
-
import '../icon/icon.js';
|
|
63
|
-
import '../icon/icon__constants.js';
|
|
64
|
-
import '../_helpers/icon__svg.js';
|
|
65
|
-
import 'core-js/modules/es.string.starts-with.js';
|
|
66
|
-
import '../global/prop-types.js';
|
|
67
|
-
import '../global/composeRefs.js';
|
|
68
|
-
import './list__custom.js';
|
|
69
|
-
import '../global/get-event-key.js';
|
|
70
|
-
import './list__title.js';
|
|
71
|
-
import './list__separator.js';
|
|
72
|
-
import './list__hint.js';
|
|
73
|
-
import './consts.js';
|
|
74
|
-
|
|
75
|
-
var defaultOptions = {
|
|
76
|
-
GroupsTitle: 'Groups',
|
|
77
|
-
NoGroupsTitle: 'No groups',
|
|
78
|
-
UsersTitle: 'Users',
|
|
79
|
-
NoUsersTitle: 'No users',
|
|
80
|
-
getPluralForUserCount: function getPluralForUserCount(count) {
|
|
81
|
-
// eslint-disable-next-line @typescript-eslint/no-magic-numbers
|
|
82
|
-
var plural = count % 10 !== 1 || count % 100 === 11;
|
|
83
|
-
return "".concat(count, " member").concat(plural ? 's' : '');
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
var Filter;
|
|
87
|
-
(function (Filter) {
|
|
88
|
-
Filter[Filter["ALL"] = 0] = "ALL";
|
|
89
|
-
Filter[Filter["USERS"] = 1] = "USERS";
|
|
90
|
-
Filter[Filter["GROUPS"] = 2] = "GROUPS";
|
|
91
|
-
})(Filter || (Filter = {}));
|
|
92
|
-
var ListUsersGroupsSource = /*#__PURE__*/function (_HubSourceUsersGroups) {
|
|
93
|
-
_inherits(ListUsersGroupsSource, _HubSourceUsersGroups);
|
|
94
|
-
var _super = _createSuper(ListUsersGroupsSource);
|
|
95
|
-
function ListUsersGroupsSource(auth, options) {
|
|
96
|
-
var _this;
|
|
97
|
-
_classCallCheck(this, ListUsersGroupsSource);
|
|
98
|
-
_this = _super.call(this, auth, options);
|
|
99
|
-
_defineProperty(_assertThisInitialized(_this), "listSourceOptions", void 0);
|
|
100
|
-
_this.listSourceOptions = Object.assign({}, defaultOptions, options);
|
|
101
|
-
return _this;
|
|
102
|
-
}
|
|
103
|
-
_createClass(ListUsersGroupsSource, [{
|
|
104
|
-
key: "getGroupsSectionTitle",
|
|
105
|
-
value: function getGroupsSectionTitle(groups) {
|
|
106
|
-
return groups.length ? this.listSourceOptions.GroupsTitle : this.listSourceOptions.NoGroupsTitle;
|
|
107
|
-
}
|
|
108
|
-
}, {
|
|
109
|
-
key: "getUsersSectionTitle",
|
|
110
|
-
value: function getUsersSectionTitle(users) {
|
|
111
|
-
return users.length ? this.listSourceOptions.UsersTitle : this.listSourceOptions.NoUsersTitle;
|
|
112
|
-
}
|
|
113
|
-
}, {
|
|
114
|
-
key: "getForList",
|
|
115
|
-
value: function () {
|
|
116
|
-
var _getForList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(query) {
|
|
117
|
-
var _this2 = this;
|
|
118
|
-
var filter,
|
|
119
|
-
_yield$this$getUserAn,
|
|
120
|
-
_yield$this$getUserAn2,
|
|
121
|
-
users,
|
|
122
|
-
groups,
|
|
123
|
-
items,
|
|
124
|
-
_args = arguments;
|
|
125
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
126
|
-
while (1) switch (_context.prev = _context.next) {
|
|
127
|
-
case 0:
|
|
128
|
-
filter = _args.length > 1 && _args[1] !== undefined ? _args[1] : Filter.ALL;
|
|
129
|
-
_context.next = 3;
|
|
130
|
-
return this.getUserAndGroups(query);
|
|
131
|
-
case 3:
|
|
132
|
-
_yield$this$getUserAn = _context.sent;
|
|
133
|
-
_yield$this$getUserAn2 = _slicedToArray(_yield$this$getUserAn, 2);
|
|
134
|
-
users = _yield$this$getUserAn2[0];
|
|
135
|
-
groups = _yield$this$getUserAn2[1];
|
|
136
|
-
items = [];
|
|
137
|
-
if (filter === Filter.ALL) {
|
|
138
|
-
items.push({
|
|
139
|
-
rgItemType: List.ListProps.Type.SEPARATOR,
|
|
140
|
-
key: 2,
|
|
141
|
-
description: this.getUsersSectionTitle(users)
|
|
142
|
-
});
|
|
143
|
-
}
|
|
144
|
-
if (filter !== Filter.GROUPS) {
|
|
145
|
-
users.forEach(function (user) {
|
|
146
|
-
var _user$profile$avatar;
|
|
147
|
-
return items.push(_objectSpread2(_objectSpread2({}, user), {}, {
|
|
148
|
-
key: user.id,
|
|
149
|
-
label: user.name,
|
|
150
|
-
avatar: user.profile ? (_user$profile$avatar = user.profile.avatar) === null || _user$profile$avatar === void 0 ? void 0 : _user$profile$avatar.url : null,
|
|
151
|
-
description: user.login
|
|
152
|
-
}));
|
|
153
|
-
});
|
|
154
|
-
}
|
|
155
|
-
if (filter === Filter.ALL) {
|
|
156
|
-
items.push({
|
|
157
|
-
rgItemType: List.ListProps.Type.SEPARATOR,
|
|
158
|
-
key: 1,
|
|
159
|
-
description: this.getGroupsSectionTitle(groups)
|
|
160
|
-
});
|
|
161
|
-
}
|
|
162
|
-
if (filter !== Filter.USERS) {
|
|
163
|
-
groups.forEach(function (group) {
|
|
164
|
-
return items.push(_objectSpread2(_objectSpread2({}, group), {}, {
|
|
165
|
-
key: group.id,
|
|
166
|
-
label: group.name,
|
|
167
|
-
avatar: group.iconUrl,
|
|
168
|
-
glyph: group.iconUrl ? null : GroupIcon,
|
|
169
|
-
description: _this2.listSourceOptions.getPluralForUserCount(group.userCount)
|
|
170
|
-
}));
|
|
171
|
-
});
|
|
172
|
-
}
|
|
173
|
-
return _context.abrupt("return", items);
|
|
174
|
-
case 13:
|
|
175
|
-
case "end":
|
|
176
|
-
return _context.stop();
|
|
177
|
-
}
|
|
178
|
-
}, _callee, this);
|
|
179
|
-
}));
|
|
180
|
-
function getForList(_x) {
|
|
181
|
-
return _getForList.apply(this, arguments);
|
|
182
|
-
}
|
|
183
|
-
return getForList;
|
|
184
|
-
}()
|
|
185
|
-
}]);
|
|
186
|
-
return ListUsersGroupsSource;
|
|
187
|
-
}(HubSourceUsersGroups);
|
|
188
|
-
_defineProperty(ListUsersGroupsSource, "Filter", Filter);
|
|
189
|
-
|
|
190
|
-
export { ListUsersGroupsSource as default };
|
package/dist/loader/loader.d.ts
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React, { HTMLAttributes, PureComponent } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import LoaderCore, { LoaderCoreProps } from './loader__core';
|
|
4
|
-
export interface LoaderProps extends Partial<LoaderCoreProps>, HTMLAttributes<HTMLElement> {
|
|
5
|
-
'data-test'?: string | null | undefined;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* @name Loader
|
|
9
|
-
*/
|
|
10
|
-
/**
|
|
11
|
-
* Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
|
|
12
|
-
*/
|
|
13
|
-
export default class Loader extends PureComponent<LoaderProps> {
|
|
14
|
-
static propTypes: {
|
|
15
|
-
className: PropTypes.Requireable<string>;
|
|
16
|
-
size: PropTypes.Requireable<number>;
|
|
17
|
-
colors: PropTypes.Requireable<any[]>;
|
|
18
|
-
message: PropTypes.Requireable<string>;
|
|
19
|
-
'data-test': PropTypes.Requireable<string>;
|
|
20
|
-
stop: PropTypes.Requireable<boolean>;
|
|
21
|
-
deterministic: PropTypes.Requireable<boolean>;
|
|
22
|
-
};
|
|
23
|
-
componentDidUpdate(prevProps: LoaderProps): void;
|
|
24
|
-
componentWillUnmount(): void;
|
|
25
|
-
loader?: LoaderCore;
|
|
26
|
-
initLoader: (el: Node | null) => void;
|
|
27
|
-
render(): React.JSX.Element;
|
|
28
|
-
}
|
package/dist/loader/loader.js
DELETED
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import 'core-js/modules/es.array.concat.js';
|
|
3
|
-
import React, { PureComponent } from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import joinDataTestAttributes from '../global/data-tests.js';
|
|
6
|
-
import LoaderCore from './loader__core.js';
|
|
7
|
-
import 'core-js/modules/es.array.reduce.js';
|
|
8
|
-
import 'core-js/modules/es.object.to-string.js';
|
|
9
|
-
import 'core-js/modules/es.object.entries.js';
|
|
10
|
-
import 'core-js/modules/es.regexp.exec.js';
|
|
11
|
-
import 'core-js/modules/web.dom-collections.for-each.js';
|
|
12
|
-
import 'core-js/modules/es.array.filter.js';
|
|
13
|
-
import '../global/dom.js';
|
|
14
|
-
import 'core-js/modules/es.string.split.js';
|
|
15
|
-
import 'core-js/modules/es.array.iterator.js';
|
|
16
|
-
import 'core-js/modules/es.set.js';
|
|
17
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
18
|
-
|
|
19
|
-
var _excluded = ["message", "size", "colors", "data-test", "stop", "deterministic"];
|
|
20
|
-
/**
|
|
21
|
-
* @name Loader
|
|
22
|
-
*/
|
|
23
|
-
/**
|
|
24
|
-
* Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
|
|
25
|
-
*/
|
|
26
|
-
var Loader = /*#__PURE__*/function (_PureComponent) {
|
|
27
|
-
_inherits(Loader, _PureComponent);
|
|
28
|
-
var _super = _createSuper(Loader);
|
|
29
|
-
function Loader() {
|
|
30
|
-
var _this;
|
|
31
|
-
_classCallCheck(this, Loader);
|
|
32
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
33
|
-
args[_key] = arguments[_key];
|
|
34
|
-
}
|
|
35
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
36
|
-
_defineProperty(_assertThisInitialized(_this), "loader", void 0);
|
|
37
|
-
_defineProperty(_assertThisInitialized(_this), "initLoader", function (el) {
|
|
38
|
-
if (el) {
|
|
39
|
-
_this.loader = new LoaderCore(el, _this.props);
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
return _this;
|
|
43
|
-
}
|
|
44
|
-
_createClass(Loader, [{
|
|
45
|
-
key: "componentDidUpdate",
|
|
46
|
-
value: function componentDidUpdate(prevProps) {
|
|
47
|
-
if (this.loader) {
|
|
48
|
-
if (!prevProps.stop && this.props.stop) {
|
|
49
|
-
this.loader.stopAnimation();
|
|
50
|
-
} else if (prevProps.stop && !this.props.stop) {
|
|
51
|
-
this.loader.startAnimation();
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}, {
|
|
56
|
-
key: "componentWillUnmount",
|
|
57
|
-
value: function componentWillUnmount() {
|
|
58
|
-
var _this$loader;
|
|
59
|
-
(_this$loader = this.loader) === null || _this$loader === void 0 ? void 0 : _this$loader.destroy();
|
|
60
|
-
}
|
|
61
|
-
}, {
|
|
62
|
-
key: "render",
|
|
63
|
-
value: function render() {
|
|
64
|
-
var _this$props = this.props;
|
|
65
|
-
_this$props.message;
|
|
66
|
-
_this$props.size;
|
|
67
|
-
_this$props.colors;
|
|
68
|
-
var dataTest = _this$props['data-test'];
|
|
69
|
-
_this$props.stop;
|
|
70
|
-
_this$props.deterministic;
|
|
71
|
-
var restProps = _objectWithoutProperties(_this$props, _excluded);
|
|
72
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
73
|
-
"data-test": joinDataTestAttributes('ring-loader', dataTest)
|
|
74
|
-
}, restProps, {
|
|
75
|
-
ref: this.initLoader
|
|
76
|
-
}));
|
|
77
|
-
}
|
|
78
|
-
}]);
|
|
79
|
-
return Loader;
|
|
80
|
-
}(PureComponent);
|
|
81
|
-
_defineProperty(Loader, "propTypes", {
|
|
82
|
-
className: PropTypes.string,
|
|
83
|
-
size: PropTypes.number,
|
|
84
|
-
colors: PropTypes.array,
|
|
85
|
-
message: PropTypes.string,
|
|
86
|
-
'data-test': PropTypes.string,
|
|
87
|
-
stop: PropTypes.bool,
|
|
88
|
-
deterministic: PropTypes.bool
|
|
89
|
-
});
|
|
90
|
-
|
|
91
|
-
export { Loader as default };
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
export interface Color {
|
|
2
|
-
r: number;
|
|
3
|
-
g: number;
|
|
4
|
-
b: number;
|
|
5
|
-
}
|
|
6
|
-
interface ParticleType {
|
|
7
|
-
step(): void;
|
|
8
|
-
isAlive(): boolean;
|
|
9
|
-
draw(ctx: CanvasRenderingContext2D): void;
|
|
10
|
-
}
|
|
11
|
-
export interface LoaderCoreProps {
|
|
12
|
-
size: number;
|
|
13
|
-
stop: boolean;
|
|
14
|
-
deterministic: boolean;
|
|
15
|
-
colors: Color[];
|
|
16
|
-
message?: string | null | undefined;
|
|
17
|
-
}
|
|
18
|
-
export default class LoaderCore {
|
|
19
|
-
static defaultProps: {
|
|
20
|
-
size: number;
|
|
21
|
-
stop: boolean;
|
|
22
|
-
deterministic: boolean;
|
|
23
|
-
colors: {
|
|
24
|
-
r: number;
|
|
25
|
-
g: number;
|
|
26
|
-
b: number;
|
|
27
|
-
}[];
|
|
28
|
-
};
|
|
29
|
-
static calculateGradient(startColor: Color, stopColor: Color, position: number): {
|
|
30
|
-
r: number;
|
|
31
|
-
g: number;
|
|
32
|
-
b: number;
|
|
33
|
-
};
|
|
34
|
-
props: LoaderCoreProps;
|
|
35
|
-
canvas: HTMLCanvasElement;
|
|
36
|
-
textNode: HTMLElement;
|
|
37
|
-
ctx: CanvasRenderingContext2D | null;
|
|
38
|
-
height: number;
|
|
39
|
-
width: number;
|
|
40
|
-
particles: ParticleType[];
|
|
41
|
-
baseSpeed: number;
|
|
42
|
-
colorIndex: number;
|
|
43
|
-
maxRadius: number;
|
|
44
|
-
minRadius: number;
|
|
45
|
-
colorChangeTick: number;
|
|
46
|
-
x: number;
|
|
47
|
-
y: number;
|
|
48
|
-
radius: number;
|
|
49
|
-
hSpeed: number;
|
|
50
|
-
vSpeed: number;
|
|
51
|
-
radiusSpeed: number;
|
|
52
|
-
tick: number;
|
|
53
|
-
isRunning: boolean;
|
|
54
|
-
constructor(containerNode: Node, props: Partial<LoaderCoreProps>);
|
|
55
|
-
static getPixelRatio(): number;
|
|
56
|
-
prepareInitialState(ticks: number): void;
|
|
57
|
-
handleLimits(coord: number, radius: number, speed: number, limit: number): number;
|
|
58
|
-
calculateNextCoordinates(): void;
|
|
59
|
-
calculateNextRadius(): void;
|
|
60
|
-
getNextColor(): {
|
|
61
|
-
r: number;
|
|
62
|
-
g: number;
|
|
63
|
-
b: number;
|
|
64
|
-
};
|
|
65
|
-
nextTick(): void;
|
|
66
|
-
step(): void;
|
|
67
|
-
removeDeadParticles(): void;
|
|
68
|
-
draw(): void;
|
|
69
|
-
loop(): void;
|
|
70
|
-
updateMessage(text: string): void;
|
|
71
|
-
stopAnimation(): void;
|
|
72
|
-
startAnimation(): void;
|
|
73
|
-
destroy(): void;
|
|
74
|
-
}
|
|
75
|
-
export {};
|
|
@@ -1,313 +0,0 @@
|
|
|
1
|
-
import { _ as _defineProperty, d as _createClass, c as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import 'core-js/modules/es.array.concat.js';
|
|
3
|
-
import 'core-js/modules/es.regexp.exec.js';
|
|
4
|
-
import 'core-js/modules/es.object.to-string.js';
|
|
5
|
-
import 'core-js/modules/web.dom-collections.for-each.js';
|
|
6
|
-
import 'core-js/modules/es.array.filter.js';
|
|
7
|
-
import { getPixelRatio } from '../global/dom.js';
|
|
8
|
-
import 'core-js/modules/es.string.split.js';
|
|
9
|
-
import 'core-js/modules/es.object.entries.js';
|
|
10
|
-
import 'core-js/modules/es.array.iterator.js';
|
|
11
|
-
import 'core-js/modules/es.set.js';
|
|
12
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
13
|
-
|
|
14
|
-
var modules_00b5ad26 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","canvas":"canvas_rui_47a4","animate":"animate_rui_47a4","rotation-keyframes":"rotation-keyframes_rui_47a4","text":"text_rui_47a4"};
|
|
15
|
-
|
|
16
|
-
var INITIAL_TICKS = 100;
|
|
17
|
-
var Particle = /*#__PURE__*/function () {
|
|
18
|
-
function Particle(_ref) {
|
|
19
|
-
var x = _ref.x,
|
|
20
|
-
y = _ref.y,
|
|
21
|
-
radius = _ref.radius,
|
|
22
|
-
color = _ref.color;
|
|
23
|
-
_classCallCheck(this, Particle);
|
|
24
|
-
_defineProperty(this, "radius", void 0);
|
|
25
|
-
_defineProperty(this, "x", void 0);
|
|
26
|
-
_defineProperty(this, "y", void 0);
|
|
27
|
-
_defineProperty(this, "color", void 0);
|
|
28
|
-
_defineProperty(this, "decay", void 0);
|
|
29
|
-
_defineProperty(this, "life", void 0);
|
|
30
|
-
this.radius = radius;
|
|
31
|
-
this.x = x;
|
|
32
|
-
this.y = y;
|
|
33
|
-
this.color = color;
|
|
34
|
-
this.decay = 0.01;
|
|
35
|
-
this.life = 1;
|
|
36
|
-
}
|
|
37
|
-
_createClass(Particle, [{
|
|
38
|
-
key: "step",
|
|
39
|
-
value: function step() {
|
|
40
|
-
this.life -= this.decay;
|
|
41
|
-
}
|
|
42
|
-
}, {
|
|
43
|
-
key: "isAlive",
|
|
44
|
-
value: function isAlive() {
|
|
45
|
-
return this.life >= 0;
|
|
46
|
-
}
|
|
47
|
-
}, {
|
|
48
|
-
key: "draw",
|
|
49
|
-
value: function draw(ctx) {
|
|
50
|
-
var alpha = this.life >= 0 ? this.life : 0;
|
|
51
|
-
ctx.fillStyle = "rgba(".concat(this.color.r, ", ").concat(this.color.g, ", ").concat(this.color.b, ", ").concat(alpha, ")");
|
|
52
|
-
ctx.beginPath();
|
|
53
|
-
ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
|
|
54
|
-
ctx.fill();
|
|
55
|
-
}
|
|
56
|
-
}]);
|
|
57
|
-
return Particle;
|
|
58
|
-
}();
|
|
59
|
-
var DETERMINISTIC_VALUE = 0.5;
|
|
60
|
-
function deterministic() {
|
|
61
|
-
return DETERMINISTIC_VALUE;
|
|
62
|
-
}
|
|
63
|
-
var LoaderCore = /*#__PURE__*/function () {
|
|
64
|
-
function LoaderCore(containerNode, props) {
|
|
65
|
-
var _this$ctx;
|
|
66
|
-
_classCallCheck(this, LoaderCore);
|
|
67
|
-
_defineProperty(this, "props", void 0);
|
|
68
|
-
_defineProperty(this, "canvas", void 0);
|
|
69
|
-
_defineProperty(this, "textNode", void 0);
|
|
70
|
-
_defineProperty(this, "ctx", void 0);
|
|
71
|
-
_defineProperty(this, "height", void 0);
|
|
72
|
-
_defineProperty(this, "width", void 0);
|
|
73
|
-
_defineProperty(this, "particles", void 0);
|
|
74
|
-
_defineProperty(this, "baseSpeed", void 0);
|
|
75
|
-
_defineProperty(this, "colorIndex", void 0);
|
|
76
|
-
_defineProperty(this, "maxRadius", void 0);
|
|
77
|
-
_defineProperty(this, "minRadius", void 0);
|
|
78
|
-
_defineProperty(this, "colorChangeTick", void 0);
|
|
79
|
-
_defineProperty(this, "x", void 0);
|
|
80
|
-
_defineProperty(this, "y", void 0);
|
|
81
|
-
_defineProperty(this, "radius", void 0);
|
|
82
|
-
_defineProperty(this, "hSpeed", void 0);
|
|
83
|
-
_defineProperty(this, "vSpeed", void 0);
|
|
84
|
-
_defineProperty(this, "radiusSpeed", void 0);
|
|
85
|
-
_defineProperty(this, "tick", void 0);
|
|
86
|
-
_defineProperty(this, "isRunning", void 0);
|
|
87
|
-
this.props = Object.assign({}, LoaderCore.defaultProps, props);
|
|
88
|
-
this.canvas = document.createElement('canvas');
|
|
89
|
-
this.canvas.dataset.test = 'ring-loader';
|
|
90
|
-
this.canvas.classList.add(modules_00b5ad26.canvas);
|
|
91
|
-
this.textNode = document.createElement('div');
|
|
92
|
-
this.textNode.dataset.test = 'ring-loader-text';
|
|
93
|
-
this.textNode.classList.add(modules_00b5ad26.text);
|
|
94
|
-
this.textNode.textContent = this.props.message ? this.props.message : '';
|
|
95
|
-
containerNode.appendChild(this.canvas);
|
|
96
|
-
containerNode.appendChild(this.textNode);
|
|
97
|
-
var pixelRatio = LoaderCore.getPixelRatio();
|
|
98
|
-
var canvasSize = this.props.size * pixelRatio;
|
|
99
|
-
this.canvas.width = canvasSize;
|
|
100
|
-
this.canvas.height = canvasSize;
|
|
101
|
-
//Fixate canvas physical size to avoid real size scaling
|
|
102
|
-
this.canvas.style.width = "".concat(this.props.size, "px");
|
|
103
|
-
this.canvas.style.height = "".concat(this.props.size, "px");
|
|
104
|
-
this.ctx = this.canvas.getContext('2d');
|
|
105
|
-
(_this$ctx = this.ctx) === null || _this$ctx === void 0 ? void 0 : _this$ctx.scale(pixelRatio, pixelRatio);
|
|
106
|
-
this.height = this.props.size;
|
|
107
|
-
this.width = this.props.size;
|
|
108
|
-
this.particles = [];
|
|
109
|
-
//Configuration
|
|
110
|
-
this.baseSpeed = 1.0;
|
|
111
|
-
this.colorIndex = 0;
|
|
112
|
-
this.maxRadius = 10;
|
|
113
|
-
this.minRadius = 6;
|
|
114
|
-
this.colorChangeTick = 40;
|
|
115
|
-
//State
|
|
116
|
-
this.x = 0;
|
|
117
|
-
this.y = 0;
|
|
118
|
-
this.radius = 8;
|
|
119
|
-
this.hSpeed = 1.5;
|
|
120
|
-
this.vSpeed = 0.5;
|
|
121
|
-
this.radiusSpeed = 0.05;
|
|
122
|
-
this.tick = 0;
|
|
123
|
-
this.prepareInitialState(INITIAL_TICKS);
|
|
124
|
-
this.isRunning = !this.props.stop;
|
|
125
|
-
if (this.isRunning) {
|
|
126
|
-
this.startAnimation();
|
|
127
|
-
} else {
|
|
128
|
-
this.draw();
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
_createClass(LoaderCore, [{
|
|
132
|
-
key: "prepareInitialState",
|
|
133
|
-
value: function prepareInitialState(ticks) {
|
|
134
|
-
for (var i = 0; i < ticks; i++) {
|
|
135
|
-
this.step();
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
}, {
|
|
139
|
-
key: "handleLimits",
|
|
140
|
-
value: function handleLimits(coord, radius, speed, limit) {
|
|
141
|
-
var randomFunc = this.props.deterministic ? deterministic : Math.random;
|
|
142
|
-
var randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
|
|
143
|
-
if (coord + radius * 2 + this.baseSpeed >= limit) {
|
|
144
|
-
return -(this.baseSpeed + randomizedSpeedChange);
|
|
145
|
-
} else if (coord <= this.baseSpeed) {
|
|
146
|
-
return this.baseSpeed + randomizedSpeedChange;
|
|
147
|
-
}
|
|
148
|
-
return speed;
|
|
149
|
-
}
|
|
150
|
-
}, {
|
|
151
|
-
key: "calculateNextCoordinates",
|
|
152
|
-
value: function calculateNextCoordinates() {
|
|
153
|
-
this.x += this.hSpeed;
|
|
154
|
-
this.y += this.vSpeed;
|
|
155
|
-
this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
|
|
156
|
-
this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
|
|
157
|
-
}
|
|
158
|
-
}, {
|
|
159
|
-
key: "calculateNextRadius",
|
|
160
|
-
value: function calculateNextRadius() {
|
|
161
|
-
this.radius += this.radiusSpeed;
|
|
162
|
-
if (this.radius > this.maxRadius || this.radius < this.minRadius) {
|
|
163
|
-
this.radiusSpeed = -this.radiusSpeed;
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
}, {
|
|
167
|
-
key: "getNextColor",
|
|
168
|
-
value: function getNextColor() {
|
|
169
|
-
var colors = this.props.colors;
|
|
170
|
-
var currentColor = colors[this.colorIndex];
|
|
171
|
-
var nextColor = colors[this.colorIndex + 1] || colors[0];
|
|
172
|
-
return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
|
|
173
|
-
}
|
|
174
|
-
}, {
|
|
175
|
-
key: "nextTick",
|
|
176
|
-
value: function nextTick() {
|
|
177
|
-
this.tick++;
|
|
178
|
-
if (this.tick > this.colorChangeTick) {
|
|
179
|
-
this.tick = 0;
|
|
180
|
-
this.colorIndex++;
|
|
181
|
-
if (this.colorIndex > this.props.colors.length - 1) {
|
|
182
|
-
this.colorIndex = 0;
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
}, {
|
|
187
|
-
key: "step",
|
|
188
|
-
value: function step() {
|
|
189
|
-
this.nextTick();
|
|
190
|
-
this.calculateNextCoordinates();
|
|
191
|
-
this.calculateNextRadius();
|
|
192
|
-
this.particles.forEach(function (particle) {
|
|
193
|
-
return particle.step();
|
|
194
|
-
});
|
|
195
|
-
this.particles.push(new Particle({
|
|
196
|
-
x: this.x,
|
|
197
|
-
y: this.y,
|
|
198
|
-
radius: this.radius,
|
|
199
|
-
color: this.getNextColor()
|
|
200
|
-
}));
|
|
201
|
-
}
|
|
202
|
-
}, {
|
|
203
|
-
key: "removeDeadParticles",
|
|
204
|
-
value: function removeDeadParticles() {
|
|
205
|
-
this.particles = this.particles.filter(function (it) {
|
|
206
|
-
return it.isAlive();
|
|
207
|
-
});
|
|
208
|
-
}
|
|
209
|
-
}, {
|
|
210
|
-
key: "draw",
|
|
211
|
-
value: function draw() {
|
|
212
|
-
var ctx = this.ctx;
|
|
213
|
-
if (ctx == null) {
|
|
214
|
-
return;
|
|
215
|
-
}
|
|
216
|
-
ctx.clearRect(0, 0, this.width, this.height);
|
|
217
|
-
this.removeDeadParticles();
|
|
218
|
-
this.particles.forEach(function (particle) {
|
|
219
|
-
return particle.draw(ctx);
|
|
220
|
-
});
|
|
221
|
-
}
|
|
222
|
-
}, {
|
|
223
|
-
key: "loop",
|
|
224
|
-
value: function loop() {
|
|
225
|
-
var _this = this;
|
|
226
|
-
this.step();
|
|
227
|
-
this.draw();
|
|
228
|
-
if (this.isRunning) {
|
|
229
|
-
window.requestAnimationFrame(function () {
|
|
230
|
-
return _this.loop();
|
|
231
|
-
});
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
}, {
|
|
235
|
-
key: "updateMessage",
|
|
236
|
-
value: function updateMessage(text) {
|
|
237
|
-
this.textNode.textContent = text || '';
|
|
238
|
-
}
|
|
239
|
-
}, {
|
|
240
|
-
key: "stopAnimation",
|
|
241
|
-
value: function stopAnimation() {
|
|
242
|
-
this.isRunning = false;
|
|
243
|
-
this.canvas.classList.remove(modules_00b5ad26.animate);
|
|
244
|
-
}
|
|
245
|
-
}, {
|
|
246
|
-
key: "startAnimation",
|
|
247
|
-
value: function startAnimation() {
|
|
248
|
-
this.isRunning = true;
|
|
249
|
-
this.canvas.classList.add(modules_00b5ad26.animate);
|
|
250
|
-
this.loop();
|
|
251
|
-
}
|
|
252
|
-
}, {
|
|
253
|
-
key: "destroy",
|
|
254
|
-
value: function destroy() {
|
|
255
|
-
this.isRunning = false;
|
|
256
|
-
}
|
|
257
|
-
}], [{
|
|
258
|
-
key: "calculateGradient",
|
|
259
|
-
value: function calculateGradient(startColor, stopColor, position) {
|
|
260
|
-
var calculateChannelValue = function calculateChannelValue(a, b) {
|
|
261
|
-
return a + Math.round((b - a) * position);
|
|
262
|
-
};
|
|
263
|
-
return {
|
|
264
|
-
r: calculateChannelValue(startColor.r, stopColor.r),
|
|
265
|
-
g: calculateChannelValue(startColor.g, stopColor.g),
|
|
266
|
-
b: calculateChannelValue(startColor.b, stopColor.b)
|
|
267
|
-
};
|
|
268
|
-
}
|
|
269
|
-
}, {
|
|
270
|
-
key: "getPixelRatio",
|
|
271
|
-
value: function getPixelRatio$1() {
|
|
272
|
-
return getPixelRatio();
|
|
273
|
-
}
|
|
274
|
-
}]);
|
|
275
|
-
return LoaderCore;
|
|
276
|
-
}();
|
|
277
|
-
_defineProperty(LoaderCore, "defaultProps", {
|
|
278
|
-
size: 64,
|
|
279
|
-
stop: false,
|
|
280
|
-
deterministic: false,
|
|
281
|
-
colors: [{
|
|
282
|
-
r: 215,
|
|
283
|
-
g: 60,
|
|
284
|
-
b: 234
|
|
285
|
-
}, {
|
|
286
|
-
r: 145,
|
|
287
|
-
g: 53,
|
|
288
|
-
b: 224
|
|
289
|
-
}, {
|
|
290
|
-
r: 88,
|
|
291
|
-
g: 72,
|
|
292
|
-
b: 224
|
|
293
|
-
}, {
|
|
294
|
-
r: 37,
|
|
295
|
-
g: 183,
|
|
296
|
-
b: 255
|
|
297
|
-
}, {
|
|
298
|
-
r: 89,
|
|
299
|
-
g: 189,
|
|
300
|
-
b: 0
|
|
301
|
-
}, {
|
|
302
|
-
r: 251,
|
|
303
|
-
g: 172,
|
|
304
|
-
b: 2
|
|
305
|
-
}, {
|
|
306
|
-
r: 227,
|
|
307
|
-
g: 37,
|
|
308
|
-
b: 129
|
|
309
|
-
} //#E32581
|
|
310
|
-
]
|
|
311
|
-
});
|
|
312
|
-
|
|
313
|
-
export { LoaderCore as default };
|