@elastic/eui 113.2.1 → 114.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/basic_table/collapsed_item_actions.js +2 -0
- package/es/components/button/split_button/split_button.js +13 -0
- package/es/components/button/split_button/split_button_actions.js +15 -0
- package/es/components/collapsible_nav/collapsible_nav.js +5 -0
- package/es/components/color_picker/color_picker.js +31 -8
- package/es/components/context_menu/context_menu_item.js +9 -3
- package/es/components/context_menu/context_menu_item.styles.js +6 -2
- package/es/components/datagrid/utils/scrolling.js +39 -10
- package/es/components/date_picker/super_date_picker/time_window_buttons.js +17 -3
- package/es/components/flyout/_flyout_overlay.js +34 -4
- package/es/components/flyout/const.js +10 -0
- package/es/components/flyout/flyout.component.js +49 -57
- package/es/components/flyout/flyout.js +10 -2
- package/es/components/flyout/flyout.styles.js +2 -2
- package/es/components/flyout/flyout_menu.js +19 -5
- package/es/components/flyout/flyout_resizable.js +5 -0
- package/es/components/flyout/manager/actions.js +12 -5
- package/es/components/flyout/manager/flyout_child.js +9 -2
- package/es/components/flyout/manager/flyout_managed.js +27 -14
- package/es/components/flyout/manager/reducer.js +251 -54
- package/es/components/flyout/manager/store.js +74 -12
- package/es/components/flyout/use_flyout_menu.js +70 -0
- package/es/components/form/file_picker/file_picker.js +46 -18
- package/es/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js +2 -1
- package/es/components/markdown_editor/plugins/remark/remark_intraword_underscore.js +172 -0
- package/es/components/overlay_mask/overlay_mask.js +10 -3
- package/es/components/tree_view/tree_view_item.styles.js +1 -1
- package/es/services/hooks/index.js +8 -8
- package/es/services/hooks/useIsPointerDown.js +6 -15
- package/es/services/index.js +1 -1
- package/eui.d.ts +477 -63
- package/i18ntokens.json +661 -643
- package/lib/components/basic_table/collapsed_item_actions.js +2 -0
- package/lib/components/button/split_button/split_button.js +13 -0
- package/lib/components/button/split_button/split_button_actions.js +15 -0
- package/lib/components/collapsible_nav/collapsible_nav.js +5 -0
- package/lib/components/color_picker/color_picker.js +30 -7
- package/lib/components/context_menu/context_menu_item.js +9 -3
- package/lib/components/context_menu/context_menu_item.styles.js +5 -1
- package/lib/components/datagrid/utils/scrolling.js +37 -8
- package/lib/components/date_picker/super_date_picker/time_window_buttons.js +17 -3
- package/lib/components/flyout/_flyout_overlay.js +33 -3
- package/lib/components/flyout/const.js +11 -1
- package/lib/components/flyout/flyout.component.js +48 -56
- package/lib/components/flyout/flyout.js +15 -1
- package/lib/components/flyout/flyout.styles.js +2 -2
- package/lib/components/flyout/flyout_menu.js +19 -5
- package/lib/components/flyout/flyout_resizable.js +5 -0
- package/lib/components/flyout/manager/actions.js +12 -5
- package/lib/components/flyout/manager/flyout_child.js +9 -2
- package/lib/components/flyout/manager/flyout_managed.js +19 -12
- package/lib/components/flyout/manager/reducer.js +250 -53
- package/lib/components/flyout/manager/store.js +74 -14
- package/lib/components/flyout/use_flyout_menu.js +75 -0
- package/lib/components/form/file_picker/file_picker.js +46 -18
- package/lib/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js +2 -1
- package/lib/components/markdown_editor/plugins/remark/remark_intraword_underscore.js +179 -0
- package/lib/components/overlay_mask/overlay_mask.js +10 -3
- package/lib/components/tree_view/tree_view_item.styles.js +1 -1
- package/lib/services/hooks/index.js +60 -91
- package/lib/services/hooks/useIsPointerDown.js +7 -14
- package/lib/services/index.js +70 -11
- package/optimize/es/components/basic_table/collapsed_item_actions.js +2 -0
- package/optimize/es/components/color_picker/color_picker.js +31 -8
- package/optimize/es/components/context_menu/context_menu_item.js +3 -2
- package/optimize/es/components/context_menu/context_menu_item.styles.js +6 -2
- package/optimize/es/components/datagrid/utils/scrolling.js +39 -10
- package/optimize/es/components/date_picker/super_date_picker/time_window_buttons.js +17 -3
- package/optimize/es/components/flyout/_flyout_overlay.js +34 -4
- package/optimize/es/components/flyout/const.js +10 -0
- package/optimize/es/components/flyout/flyout.component.js +49 -57
- package/optimize/es/components/flyout/flyout.js +5 -2
- package/optimize/es/components/flyout/flyout.styles.js +2 -2
- package/optimize/es/components/flyout/flyout_menu.js +7 -3
- package/optimize/es/components/flyout/manager/actions.js +12 -5
- package/optimize/es/components/flyout/manager/flyout_managed.js +18 -12
- package/optimize/es/components/flyout/manager/reducer.js +251 -54
- package/optimize/es/components/flyout/manager/store.js +69 -12
- package/optimize/es/components/flyout/use_flyout_menu.js +69 -0
- package/optimize/es/components/form/file_picker/file_picker.js +35 -18
- package/optimize/es/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js +2 -1
- package/optimize/es/components/markdown_editor/plugins/remark/remark_intraword_underscore.js +172 -0
- package/optimize/es/components/overlay_mask/overlay_mask.js +4 -2
- package/optimize/es/components/tree_view/tree_view_item.styles.js +1 -1
- package/optimize/es/services/hooks/index.js +8 -8
- package/optimize/es/services/hooks/useIsPointerDown.js +6 -10
- package/optimize/es/services/index.js +1 -1
- package/optimize/lib/components/basic_table/collapsed_item_actions.js +2 -0
- package/optimize/lib/components/color_picker/color_picker.js +30 -7
- package/optimize/lib/components/context_menu/context_menu_item.js +3 -2
- package/optimize/lib/components/context_menu/context_menu_item.styles.js +5 -1
- package/optimize/lib/components/datagrid/utils/scrolling.js +37 -8
- package/optimize/lib/components/date_picker/super_date_picker/time_window_buttons.js +17 -3
- package/optimize/lib/components/flyout/_flyout_overlay.js +33 -3
- package/optimize/lib/components/flyout/const.js +11 -1
- package/optimize/lib/components/flyout/flyout.component.js +48 -56
- package/optimize/lib/components/flyout/flyout.js +10 -1
- package/optimize/lib/components/flyout/flyout.styles.js +2 -2
- package/optimize/lib/components/flyout/flyout_menu.js +7 -3
- package/optimize/lib/components/flyout/manager/actions.js +12 -5
- package/optimize/lib/components/flyout/manager/flyout_managed.js +18 -12
- package/optimize/lib/components/flyout/manager/reducer.js +250 -53
- package/optimize/lib/components/flyout/manager/store.js +70 -12
- package/optimize/lib/components/flyout/use_flyout_menu.js +74 -0
- package/optimize/lib/components/form/file_picker/file_picker.js +35 -18
- package/optimize/lib/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js +2 -1
- package/optimize/lib/components/markdown_editor/plugins/remark/remark_intraword_underscore.js +179 -0
- package/optimize/lib/components/overlay_mask/overlay_mask.js +4 -2
- package/optimize/lib/components/tree_view/tree_view_item.styles.js +1 -1
- package/optimize/lib/services/hooks/index.js +60 -91
- package/optimize/lib/services/hooks/useIsPointerDown.js +5 -10
- package/optimize/lib/services/index.js +70 -11
- package/package.json +4 -4
- package/test-env/components/basic_table/collapsed_item_actions.js +2 -0
- package/test-env/components/button/split_button/split_button.js +13 -0
- package/test-env/components/button/split_button/split_button_actions.js +15 -0
- package/test-env/components/collapsible_nav/collapsible_nav.js +5 -0
- package/test-env/components/color_picker/color_picker.js +30 -7
- package/test-env/components/context_menu/context_menu_item.js +9 -3
- package/test-env/components/context_menu/context_menu_item.styles.js +5 -1
- package/test-env/components/datagrid/utils/scrolling.js +37 -8
- package/test-env/components/date_picker/super_date_picker/time_window_buttons.js +17 -3
- package/test-env/components/flyout/_flyout_overlay.js +33 -3
- package/test-env/components/flyout/const.js +11 -1
- package/test-env/components/flyout/flyout.component.js +48 -56
- package/test-env/components/flyout/flyout.styles.js +2 -2
- package/test-env/components/flyout/flyout_menu.js +19 -5
- package/test-env/components/flyout/flyout_resizable.js +5 -0
- package/test-env/components/flyout/manager/actions.js +12 -5
- package/test-env/components/flyout/manager/flyout_child.js +9 -2
- package/test-env/components/flyout/manager/flyout_managed.js +19 -12
- package/test-env/components/flyout/manager/reducer.js +250 -53
- package/test-env/components/flyout/manager/store.js +70 -12
- package/test-env/components/flyout/use_flyout_menu.js +74 -0
- package/test-env/components/form/file_picker/file_picker.js +46 -18
- package/test-env/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js +2 -1
- package/test-env/components/markdown_editor/plugins/remark/remark_intraword_underscore.js +179 -0
- package/test-env/components/overlay_mask/overlay_mask.js +10 -3
- package/test-env/components/tree_view/tree_view_item.styles.js +1 -1
- package/test-env/services/hooks/index.js +60 -91
- package/test-env/services/hooks/useIsPointerDown.js +5 -10
- package/test-env/services/index.js +70 -11
|
@@ -18,7 +18,7 @@ var _validatable_control = require("../validatable_control");
|
|
|
18
18
|
var _form_control_layout_clear_button = require("../form_control_layout/form_control_layout_clear_button");
|
|
19
19
|
var _file_picker = require("./file_picker.styles");
|
|
20
20
|
var _react2 = require("@emotion/react");
|
|
21
|
-
var _excluded = ["stylesMemoizer", "id", "name", "initialPromptText", "className", "disabled", "compressed", "onChange", "isInvalid", "fullWidth", "isLoading", "display"];
|
|
21
|
+
var _excluded = ["stylesMemoizer", "id", "name", "initialPromptText", "className", "disabled", "compressed", "onChange", "isInvalid", "fullWidth", "isLoading", "display", "files"];
|
|
22
22
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
23
23
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
24
24
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -59,36 +59,41 @@ var EuiFilePickerClass = exports.EuiFilePickerClass = /*#__PURE__*/function (_Co
|
|
|
59
59
|
args[_key] = arguments[_key];
|
|
60
60
|
}
|
|
61
61
|
_this = _callSuper(this, EuiFilePickerClass, [].concat(args));
|
|
62
|
+
_defineProperty(_this, "fileInput", null);
|
|
63
|
+
_defineProperty(_this, "generatedId", (0, _services.htmlIdGenerator)()());
|
|
64
|
+
_defineProperty(_this, "getPromptTextFromFileList", function (files) {
|
|
65
|
+
if (!files || files.length === 0) {
|
|
66
|
+
return null;
|
|
67
|
+
}
|
|
68
|
+
if (files.length > 1) {
|
|
69
|
+
return (0, _react2.jsx)(_i18n.EuiI18n, {
|
|
70
|
+
token: "euiFilePicker.filesSelected",
|
|
71
|
+
default: "{fileCount} files selected",
|
|
72
|
+
values: {
|
|
73
|
+
fileCount: files.length
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
return files[0].name;
|
|
78
|
+
});
|
|
62
79
|
_defineProperty(_this, "state", {
|
|
63
|
-
promptText: null,
|
|
80
|
+
promptText: _this.props.files ? _this.getPromptTextFromFileList(_this.props.files) : null,
|
|
64
81
|
isHoveringDrop: false
|
|
65
82
|
});
|
|
66
|
-
_defineProperty(_this, "fileInput", null);
|
|
67
|
-
_defineProperty(_this, "generatedId", (0, _services.htmlIdGenerator)()());
|
|
68
83
|
_defineProperty(_this, "handleChange", function () {
|
|
69
84
|
if (!_this.fileInput) return;
|
|
70
|
-
if (_this.fileInput.files && _this.fileInput.files.length
|
|
85
|
+
if (_this.fileInput.files && _this.fileInput.files.length === 1) {
|
|
71
86
|
_this.setState({
|
|
72
|
-
promptText: (
|
|
73
|
-
token: "euiFilePicker.filesSelected",
|
|
74
|
-
default: "{fileCount} files selected",
|
|
75
|
-
values: {
|
|
76
|
-
fileCount: _this.fileInput.files.length
|
|
77
|
-
}
|
|
78
|
-
})
|
|
79
|
-
});
|
|
80
|
-
} else if (_this.fileInput.files && _this.fileInput.files.length === 0) {
|
|
81
|
-
_this.setState({
|
|
82
|
-
promptText: null
|
|
87
|
+
promptText: _this.fileInput.value.split('\\').pop()
|
|
83
88
|
});
|
|
84
89
|
} else {
|
|
85
90
|
_this.setState({
|
|
86
|
-
promptText: _this.fileInput.
|
|
91
|
+
promptText: _this.getPromptTextFromFileList(_this.fileInput.files ? Array.from(_this.fileInput.files) : null)
|
|
87
92
|
});
|
|
88
93
|
}
|
|
89
94
|
var onChange = _this.props.onChange;
|
|
90
95
|
if (onChange) {
|
|
91
|
-
onChange(_this.fileInput.files);
|
|
96
|
+
onChange(_this.fileInput.files && _this.fileInput.files.length > 0 ? _this.fileInput.files : null);
|
|
92
97
|
}
|
|
93
98
|
});
|
|
94
99
|
_defineProperty(_this, "removeFiles", function (e) {
|
|
@@ -116,6 +121,17 @@ var EuiFilePickerClass = exports.EuiFilePickerClass = /*#__PURE__*/function (_Co
|
|
|
116
121
|
}
|
|
117
122
|
_inherits(EuiFilePickerClass, _Component);
|
|
118
123
|
return _createClass(EuiFilePickerClass, [{
|
|
124
|
+
key: "componentDidUpdate",
|
|
125
|
+
value: function componentDidUpdate(prevProps) {
|
|
126
|
+
// Update prompt text when files prop changes
|
|
127
|
+
if (this.props.files !== prevProps.files) {
|
|
128
|
+
var _this$props$files;
|
|
129
|
+
this.setState({
|
|
130
|
+
promptText: this.getPromptTextFromFileList((_this$props$files = this.props.files) !== null && _this$props$files !== void 0 ? _this$props$files : null)
|
|
131
|
+
});
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
}, {
|
|
119
135
|
key: "render",
|
|
120
136
|
value: function render() {
|
|
121
137
|
var _this2 = this;
|
|
@@ -139,6 +155,7 @@ var EuiFilePickerClass = exports.EuiFilePickerClass = /*#__PURE__*/function (_Co
|
|
|
139
155
|
fullWidth = _this2$props$fullWidt === void 0 ? defaultFullWidth : _this2$props$fullWidt,
|
|
140
156
|
isLoading = _this2$props.isLoading,
|
|
141
157
|
display = _this2$props.display,
|
|
158
|
+
files = _this2$props.files,
|
|
142
159
|
rest = _objectWithoutProperties(_this2$props, _excluded);
|
|
143
160
|
var promptId = "".concat(id || _this2.generatedId, "-filePicker__prompt");
|
|
144
161
|
var isOverridingInitialPrompt = _this2.state.promptText != null;
|
|
@@ -253,6 +270,17 @@ EuiFilePickerClass.propTypes = {
|
|
|
253
270
|
* Use as a callback to access the HTML FileList API
|
|
254
271
|
*/
|
|
255
272
|
onChange: _propTypes.default.func,
|
|
273
|
+
/**
|
|
274
|
+
* Optionally pass a `File[]` array to maintain the file picker's displayed
|
|
275
|
+
* state between re-renders. Useful for multi-step forms where the component
|
|
276
|
+
* may unmount and remount while the file data is still stored in context.
|
|
277
|
+
*
|
|
278
|
+
* Note: Due to browser security restrictions, the actual file input
|
|
279
|
+
* cannot be programmatically set with files. This prop only controls
|
|
280
|
+
* the displayed state (file names in the prompt). The actual file data
|
|
281
|
+
* should be stored and managed separately in your application state.
|
|
282
|
+
*/
|
|
283
|
+
files: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.any.isRequired).isRequired, _propTypes.default.oneOf([null])]),
|
|
256
284
|
/**
|
|
257
285
|
* Reduces the size to a typical (compressed) input
|
|
258
286
|
* @default false
|
|
@@ -9,6 +9,7 @@ var _remarkParseNoTrim = _interopRequireDefault(require("remark-parse-no-trim"))
|
|
|
9
9
|
var _remarkEmoji = _interopRequireDefault(require("remark-emoji"));
|
|
10
10
|
var _remarkBreaks = _interopRequireDefault(require("remark-breaks"));
|
|
11
11
|
var _remark_prismjs = _interopRequireDefault(require("../remark/remark_prismjs"));
|
|
12
|
+
var _remark_intraword_underscore = _interopRequireDefault(require("../remark/remark_intraword_underscore"));
|
|
12
13
|
var MarkdownTooltip = _interopRequireWildcard(require("../markdown_tooltip"));
|
|
13
14
|
var MarkdownCheckbox = _interopRequireWildcard(require("../markdown_checkbox"));
|
|
14
15
|
var _markdown_link_validator = require("../markdown_link_validator");
|
|
@@ -48,7 +49,7 @@ var getDefaultEuiMarkdownParsingPlugins = exports.getDefaultEuiMarkdownParsingPl
|
|
|
48
49
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
49
50
|
var exclude = _ref.exclude,
|
|
50
51
|
parsingConfig = _objectWithoutProperties(_ref, _excluded);
|
|
51
|
-
var parsingPlugins = [[_remarkParseNoTrim.default, {}], [_remark_prismjs.default, {}]];
|
|
52
|
+
var parsingPlugins = [[_remarkParseNoTrim.default, {}], [_remark_prismjs.default, {}], [_remark_intraword_underscore.default, {}]];
|
|
52
53
|
Object.entries(DEFAULT_PARSING_PLUGINS).forEach(function (_ref2) {
|
|
53
54
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
54
55
|
pluginName = _ref3[0],
|
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
|
|
8
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
9
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
10
|
+
/*
|
|
11
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
12
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
13
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
14
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
15
|
+
* Side Public License, v 1.
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
// Temporary workaround for https://github.com/elastic/eui/issues/9404
|
|
19
|
+
// remark-parse v8 doesn't implement the CommonMark rule that underscore
|
|
20
|
+
// emphasis delimiters flanked by alphanumerics on both sides (intraword)
|
|
21
|
+
// cannot open or close emphasis. This causes identifiers like
|
|
22
|
+
// `ABCD__PineappleCherry__e` to render with bold formatting.
|
|
23
|
+
// This plugin walks the parsed AST and reverses incorrectly applied
|
|
24
|
+
// emphasis/strong nodes when both sides are alphanumeric characters.
|
|
25
|
+
|
|
26
|
+
// eslint-disable-next-line import/no-unresolved
|
|
27
|
+
|
|
28
|
+
var isTextNode = function isTextNode(node) {
|
|
29
|
+
return node.type === 'text';
|
|
30
|
+
};
|
|
31
|
+
var isEmphasisOrStrong = function isEmphasisOrStrong(node) {
|
|
32
|
+
return node.type === 'emphasis' || node.type === 'strong';
|
|
33
|
+
};
|
|
34
|
+
var isAlphanumeric = function isAlphanumeric(ch) {
|
|
35
|
+
return /[a-zA-Z0-9]/.test(ch);
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Recursively converts an emphasis/strong node back into plain text
|
|
40
|
+
* with underscore delimiters restored.
|
|
41
|
+
*/
|
|
42
|
+
function flattenToText(node) {
|
|
43
|
+
var delimiter = node.type === 'emphasis' ? '_' : '__';
|
|
44
|
+
var inner = '';
|
|
45
|
+
var _iterator = _createForOfIteratorHelper(node.children),
|
|
46
|
+
_step;
|
|
47
|
+
try {
|
|
48
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
49
|
+
var child = _step.value;
|
|
50
|
+
if (isTextNode(child)) {
|
|
51
|
+
inner += child.value;
|
|
52
|
+
} else if (isEmphasisOrStrong(child)) {
|
|
53
|
+
inner += flattenToText(child);
|
|
54
|
+
} else {
|
|
55
|
+
// Contains non-text children (links, images, etc.) — leave emphasis intact
|
|
56
|
+
return delimiter + collectText(node) + delimiter;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
} catch (err) {
|
|
60
|
+
_iterator.e(err);
|
|
61
|
+
} finally {
|
|
62
|
+
_iterator.f();
|
|
63
|
+
}
|
|
64
|
+
return delimiter + inner + delimiter;
|
|
65
|
+
}
|
|
66
|
+
function collectText(node) {
|
|
67
|
+
if (isTextNode(node)) return node.value;
|
|
68
|
+
if ('children' in node) {
|
|
69
|
+
return node.children.map(collectText).join('');
|
|
70
|
+
}
|
|
71
|
+
return '';
|
|
72
|
+
}
|
|
73
|
+
function processParent(parent, source) {
|
|
74
|
+
var modified = false;
|
|
75
|
+
var i = 0;
|
|
76
|
+
while (i < parent.children.length) {
|
|
77
|
+
var child = parent.children[i];
|
|
78
|
+
if (isEmphasisOrStrong(child) && isIntraword(parent, i, source)) {
|
|
79
|
+
var textValue = flattenToText(child);
|
|
80
|
+
var replacement = {
|
|
81
|
+
type: 'text',
|
|
82
|
+
value: textValue
|
|
83
|
+
};
|
|
84
|
+
parent.children.splice(i, 1, replacement);
|
|
85
|
+
modified = true;
|
|
86
|
+
// Don't advance — the replaced node may need to merge with neighbors
|
|
87
|
+
} else {
|
|
88
|
+
if ('children' in child) {
|
|
89
|
+
processParent(child, source);
|
|
90
|
+
}
|
|
91
|
+
i++;
|
|
92
|
+
}
|
|
93
|
+
if (modified) {
|
|
94
|
+
mergeAdjacentText(parent);
|
|
95
|
+
modified = false;
|
|
96
|
+
// After merging, restart scan since indices shifted
|
|
97
|
+
i = 0;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
function getInnerText(node) {
|
|
102
|
+
if (isTextNode(node)) return node.value;
|
|
103
|
+
if ('children' in node) {
|
|
104
|
+
var children = node.children;
|
|
105
|
+
if (children.length > 0) return getInnerText(children[0]);
|
|
106
|
+
}
|
|
107
|
+
return '';
|
|
108
|
+
}
|
|
109
|
+
function getInnerTextEnd(node) {
|
|
110
|
+
if (isTextNode(node)) return node.value;
|
|
111
|
+
if ('children' in node) {
|
|
112
|
+
var children = node.children;
|
|
113
|
+
if (children.length > 0) return getInnerTextEnd(children[children.length - 1]);
|
|
114
|
+
}
|
|
115
|
+
return '';
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
/**
|
|
119
|
+
* Checks whether the emphasis/strong node at `index` within `parent`
|
|
120
|
+
* is an intraword usage of underscore delimiters.
|
|
121
|
+
*
|
|
122
|
+
* A node is intraword when at least one side has an alphanumeric text
|
|
123
|
+
* neighbor AND the inner content on the corresponding delimiter side
|
|
124
|
+
* also touches word characters — proving the underscores are embedded
|
|
125
|
+
* in a word rather than used as formatting.
|
|
126
|
+
*/
|
|
127
|
+
function isIntraword(parent, index, source) {
|
|
128
|
+
var _node$position;
|
|
129
|
+
var node = parent.children[index];
|
|
130
|
+
|
|
131
|
+
// Verify the delimiter is `_` (not `*`) by inspecting the source
|
|
132
|
+
if (((_node$position = node.position) === null || _node$position === void 0 || (_node$position = _node$position.start) === null || _node$position === void 0 ? void 0 : _node$position.offset) != null) {
|
|
133
|
+
var ch = source[node.position.start.offset];
|
|
134
|
+
if (ch !== '_') return false;
|
|
135
|
+
}
|
|
136
|
+
var prev = index > 0 ? parent.children[index - 1] : null;
|
|
137
|
+
var next = index < parent.children.length - 1 ? parent.children[index + 1] : null;
|
|
138
|
+
var prevChar = prev != null && isTextNode(prev) && prev.value.length > 0 ? prev.value[prev.value.length - 1] : null;
|
|
139
|
+
var nextChar = next != null && isTextNode(next) && next.value.length > 0 ? next.value[0] : null;
|
|
140
|
+
var prevIsAlpha = prevChar != null && isAlphanumeric(prevChar);
|
|
141
|
+
var nextIsAlpha = nextChar != null && isAlphanumeric(nextChar);
|
|
142
|
+
|
|
143
|
+
// Both sides flanked by alphanumeric — classic intraword (e.g. `foo__bar__baz`)
|
|
144
|
+
if (prevIsAlpha && nextIsAlpha) return true;
|
|
145
|
+
|
|
146
|
+
// One-sided: prev is alpha or underscore, no alpha next — check inner text
|
|
147
|
+
// starts with alpha (e.g. `Lorem__ipsum__` or `Lorem__ipsum_`)
|
|
148
|
+
if (prevIsAlpha || prevChar === '_') {
|
|
149
|
+
var inner = getInnerText(node);
|
|
150
|
+
if (inner.length > 0 && isAlphanumeric(inner[0])) return true;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
// One-sided: next is alpha or underscore, no alpha prev — check inner text
|
|
154
|
+
// ends with alpha (e.g. `__Lorem__ipsum` or `_Lorem__ipsum`)
|
|
155
|
+
if (nextIsAlpha || nextChar === '_') {
|
|
156
|
+
var _inner = getInnerTextEnd(node);
|
|
157
|
+
if (_inner.length > 0 && isAlphanumeric(_inner[_inner.length - 1])) return true;
|
|
158
|
+
}
|
|
159
|
+
return false;
|
|
160
|
+
}
|
|
161
|
+
function mergeAdjacentText(parent) {
|
|
162
|
+
var i = 0;
|
|
163
|
+
while (i < parent.children.length - 1) {
|
|
164
|
+
if (isTextNode(parent.children[i]) && isTextNode(parent.children[i + 1])) {
|
|
165
|
+
parent.children[i].value += parent.children[i + 1].value;
|
|
166
|
+
parent.children.splice(i + 1, 1);
|
|
167
|
+
} else {
|
|
168
|
+
i++;
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
var attacher = function remarkIntrawordUnderscore() {
|
|
173
|
+
return function (tree, file) {
|
|
174
|
+
var source = String(file);
|
|
175
|
+
processParent(tree, source);
|
|
176
|
+
};
|
|
177
|
+
};
|
|
178
|
+
var _default = exports.default = attacher;
|
|
179
|
+
module.exports = exports.default;
|
|
@@ -14,7 +14,7 @@ var _services = require("../../services");
|
|
|
14
14
|
var _portal = require("../portal");
|
|
15
15
|
var _overlay_mask = require("./overlay_mask.styles");
|
|
16
16
|
var _overlay_mask_body = require("./overlay_mask_body.styles");
|
|
17
|
-
var _excluded = ["className", "children", "headerZindexLocation", "maskRef"];
|
|
17
|
+
var _excluded = ["className", "children", "headerZindexLocation", "maskRef", "hasAnimation"];
|
|
18
18
|
/*
|
|
19
19
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
20
20
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
@@ -43,6 +43,8 @@ var EuiOverlayMask = exports.EuiOverlayMask = function EuiOverlayMask(_ref) {
|
|
|
43
43
|
_ref$headerZindexLoca = _ref.headerZindexLocation,
|
|
44
44
|
headerZindexLocation = _ref$headerZindexLoca === void 0 ? 'above' : _ref$headerZindexLoca,
|
|
45
45
|
maskRef = _ref.maskRef,
|
|
46
|
+
_ref$hasAnimation = _ref.hasAnimation,
|
|
47
|
+
hasAnimation = _ref$hasAnimation === void 0 ? true : _ref$hasAnimation,
|
|
46
48
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
47
49
|
var hasRendered = (0, _react.useRef)(false);
|
|
48
50
|
var _useState = (0, _react.useState)(null),
|
|
@@ -54,7 +56,7 @@ var EuiOverlayMask = exports.EuiOverlayMask = function EuiOverlayMask(_ref) {
|
|
|
54
56
|
hasRendered.current = true;
|
|
55
57
|
}, []);
|
|
56
58
|
var styles = (0, _services.useEuiMemoizedStyles)(_overlay_mask.euiOverlayMaskStyles);
|
|
57
|
-
var cssStyles = (0, _css.cx)([styles.euiOverlayMask, styles["".concat(headerZindexLocation, "Header")], hasRendered.current && styles.noAnimation]);
|
|
59
|
+
var cssStyles = (0, _css.cx)([styles.euiOverlayMask, styles["".concat(headerZindexLocation, "Header")], (hasRendered.current || !hasAnimation) && styles.noAnimation]);
|
|
58
60
|
(0, _react.useEffect)(function () {
|
|
59
61
|
if (!overlayMaskNode) return;
|
|
60
62
|
(0, _common.keysOf)(rest).forEach(function (key) {
|
|
@@ -113,5 +115,10 @@ EuiOverlayMask.propTypes = {
|
|
|
113
115
|
/**
|
|
114
116
|
* React ref to be passed to the wrapping container
|
|
115
117
|
*/
|
|
116
|
-
maskRef: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.any.isRequired])
|
|
118
|
+
maskRef: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.any.isRequired]),
|
|
119
|
+
/**
|
|
120
|
+
* If enabled, the mask will have a fade in animation.
|
|
121
|
+
* @default true
|
|
122
|
+
*/
|
|
123
|
+
hasAnimation: _propTypes.default.bool
|
|
117
124
|
};
|
|
@@ -30,7 +30,7 @@ var euiTreeViewItemStyles = exports.euiTreeViewItemStyles = function euiTreeView
|
|
|
30
30
|
euiTreeView__node: _ref,
|
|
31
31
|
default: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', defaultSize), " line-height:", defaultSize, ";;label:default;"),
|
|
32
32
|
compressed: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', compressedSize), " line-height:", compressedSize, ";;label:compressed;"),
|
|
33
|
-
expanded: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', '
|
|
33
|
+
expanded: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', 'none'), ";;label:expanded;")
|
|
34
34
|
},
|
|
35
35
|
button: {
|
|
36
36
|
euiTreeView__nodeInner: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.logicalCSS)('padding-left', euiTheme.size.s), " ", (0, _global_styling.logicalCSS)('padding-right', euiTheme.size.xxs), " display:flex;align-items:center;&:focus{", (0, _global_styling.euiFocusRing)(euiThemeContext, 'inset'), ";}&:hover,&:active,&:focus{background-color:", euiTheme.components.treeViewItemBackgroundHover, ";};label:euiTreeView__nodeInner;"),
|
|
@@ -3,109 +3,78 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
Object.defineProperty(exports, "isMouseEvent", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _useMouseMove.isMouseEvent;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "setMultipleRefs", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _useCombinedRefs.setMultipleRefs;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "useCombinedRefs", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _useCombinedRefs.useCombinedRefs;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "useDeepEqual", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _useDeepEqual.useDeepEqual;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "useDependentState", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _useDependentState.useDependentState;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
9
36
|
Object.defineProperty(exports, "useEuiDisabledElement", {
|
|
10
37
|
enumerable: true,
|
|
11
38
|
get: function get() {
|
|
12
39
|
return _useEuiDisabledElement.useEuiDisabledElement;
|
|
13
40
|
}
|
|
14
41
|
});
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
Object.defineProperty(exports, key, {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function get() {
|
|
23
|
-
return _useDependentState[key];
|
|
24
|
-
}
|
|
25
|
-
});
|
|
42
|
+
Object.defineProperty(exports, "useForceRender", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _useForceRender.useForceRender;
|
|
46
|
+
}
|
|
26
47
|
});
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
Object.defineProperty(exports, key, {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function get() {
|
|
35
|
-
return _useCombinedRefs[key];
|
|
36
|
-
}
|
|
37
|
-
});
|
|
48
|
+
Object.defineProperty(exports, "useIsPointerDown", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _useIsPointerDown.useIsPointerDown;
|
|
52
|
+
}
|
|
38
53
|
});
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
Object.defineProperty(exports, key, {
|
|
45
|
-
enumerable: true,
|
|
46
|
-
get: function get() {
|
|
47
|
-
return _useForceRender[key];
|
|
48
|
-
}
|
|
49
|
-
});
|
|
54
|
+
Object.defineProperty(exports, "useLatest", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _useLatest.useLatest;
|
|
58
|
+
}
|
|
50
59
|
});
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
Object.defineProperty(exports, key, {
|
|
57
|
-
enumerable: true,
|
|
58
|
-
get: function get() {
|
|
59
|
-
return _useLatest[key];
|
|
60
|
-
}
|
|
61
|
-
});
|
|
60
|
+
Object.defineProperty(exports, "useMouseMove", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _useMouseMove.useMouseMove;
|
|
64
|
+
}
|
|
62
65
|
});
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
Object.defineProperty(exports, key, {
|
|
69
|
-
enumerable: true,
|
|
70
|
-
get: function get() {
|
|
71
|
-
return _useDeepEqual[key];
|
|
72
|
-
}
|
|
73
|
-
});
|
|
66
|
+
Object.defineProperty(exports, "useUpdateEffect", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _useUpdateEffect.useUpdateEffect;
|
|
70
|
+
}
|
|
74
71
|
});
|
|
72
|
+
var _useDependentState = require("./useDependentState");
|
|
73
|
+
var _useCombinedRefs = require("./useCombinedRefs");
|
|
74
|
+
var _useForceRender = require("./useForceRender");
|
|
75
|
+
var _useLatest = require("./useLatest");
|
|
76
|
+
var _useDeepEqual = require("./useDeepEqual");
|
|
75
77
|
var _useMouseMove = require("./useMouseMove");
|
|
76
|
-
Object.keys(_useMouseMove).forEach(function (key) {
|
|
77
|
-
if (key === "default" || key === "__esModule") return;
|
|
78
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
79
|
-
if (key in exports && exports[key] === _useMouseMove[key]) return;
|
|
80
|
-
Object.defineProperty(exports, key, {
|
|
81
|
-
enumerable: true,
|
|
82
|
-
get: function get() {
|
|
83
|
-
return _useMouseMove[key];
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
});
|
|
87
78
|
var _useIsPointerDown = require("./useIsPointerDown");
|
|
88
|
-
Object.keys(_useIsPointerDown).forEach(function (key) {
|
|
89
|
-
if (key === "default" || key === "__esModule") return;
|
|
90
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
91
|
-
if (key in exports && exports[key] === _useIsPointerDown[key]) return;
|
|
92
|
-
Object.defineProperty(exports, key, {
|
|
93
|
-
enumerable: true,
|
|
94
|
-
get: function get() {
|
|
95
|
-
return _useIsPointerDown[key];
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
|
-
});
|
|
99
79
|
var _useUpdateEffect = require("./useUpdateEffect");
|
|
100
|
-
Object.keys(_useUpdateEffect).forEach(function (key) {
|
|
101
|
-
if (key === "default" || key === "__esModule") return;
|
|
102
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
103
|
-
if (key in exports && exports[key] === _useUpdateEffect[key]) return;
|
|
104
|
-
Object.defineProperty(exports, key, {
|
|
105
|
-
enumerable: true,
|
|
106
|
-
get: function get() {
|
|
107
|
-
return _useUpdateEffect[key];
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
});
|
|
111
80
|
var _useEuiDisabledElement = require("./useEuiDisabledElement");
|
|
@@ -5,40 +5,33 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useIsPointerDown = useIsPointerDown;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
|
|
9
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
11
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
12
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /*
|
|
8
|
+
/*
|
|
14
9
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
15
10
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
16
11
|
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
17
12
|
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
18
13
|
* Side Public License, v 1.
|
|
19
14
|
*/
|
|
15
|
+
|
|
20
16
|
/**
|
|
21
17
|
* A hook that tracks whether the pointer is currently down/pressed.
|
|
22
18
|
* Useful for detecting text selection in progress.
|
|
23
19
|
*/
|
|
24
20
|
function useIsPointerDown(container) {
|
|
25
|
-
var
|
|
26
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
-
isPointerDown = _useState2[0],
|
|
28
|
-
setIsPointerDown = _useState2[1];
|
|
21
|
+
var isPointerDownRef = (0, _react.useRef)(false);
|
|
29
22
|
(0, _react.useEffect)(function () {
|
|
30
23
|
var handlePointerDown = function handlePointerDown(event) {
|
|
31
24
|
if (container !== null && container !== void 0 && container.current && !container.current.contains(event.target)) {
|
|
32
25
|
return;
|
|
33
26
|
}
|
|
34
|
-
|
|
27
|
+
isPointerDownRef.current = true;
|
|
35
28
|
};
|
|
36
29
|
var handlePointerUpOrCancel = function handlePointerUpOrCancel() {
|
|
37
|
-
|
|
30
|
+
isPointerDownRef.current = false;
|
|
38
31
|
};
|
|
39
32
|
var handleVisibilityChange = function handleVisibilityChange() {
|
|
40
33
|
if (document.visibilityState === 'hidden') {
|
|
41
|
-
|
|
34
|
+
isPointerDownRef.current = false;
|
|
42
35
|
}
|
|
43
36
|
};
|
|
44
37
|
var controller = new AbortController();
|
|
@@ -56,5 +49,5 @@ function useIsPointerDown(container) {
|
|
|
56
49
|
controller.abort();
|
|
57
50
|
};
|
|
58
51
|
}, [container]);
|
|
59
|
-
return
|
|
52
|
+
return isPointerDownRef;
|
|
60
53
|
}
|