@elastic/eui 95.9.0 → 95.10.0

package/test-env/components/date_picker/date_picker.js

@@ -20,7 +20,7 @@ var _reactDatepicker = require("./react-datepicker");
 var _react_date_picker = require("./react_date_picker.styles");
 var _date_picker = require("./date_picker.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["adjustDateOnChange", "calendarClassName", "className", "compressed", "controlOnly", "customInput", "dateFormat", "dayClassName", "disabled", "excludeDates", "filterDate", "fullWidth", "iconType", "injectTimes", "inline", "inputRef", "isInvalid", "isLoading", "locale", "maxDate", "maxTime", "minDate", "minTime", "onChange", "onClear", "openToDate", "placeholder", "popperClassName", "popoverPlacement", "readOnly", "selected", "shadow", "shouldCloseOnSelect", "showIcon", "showTimeSelect", "showTimeSelectOnly", "timeFormat", "utcOffset"];
+var _excluded = ["adjustDateOnChange", "append", "calendarClassName", "className", "compressed", "controlOnly", "customInput", "dateFormat", "dayClassName", "disabled", "excludeDates", "filterDate", "fullWidth", "iconType", "injectTimes", "inline", "inputRef", "isInvalid", "isLoading", "locale", "maxDate", "maxTime", "minDate", "minTime", "onChange", "onClear", "openToDate", "placeholder", "popperClassName", "popoverPlacement", "prepend", "readOnly", "selected", "shadow", "shouldCloseOnSelect", "showIcon", "showTimeSelect", "showTimeSelectOnly", "timeFormat", "utcOffset"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -64,6 +64,7 @@ var unsupportedProps = [
 var EuiDatePicker = exports.EuiDatePicker = function EuiDatePicker(_ref) {
   var _ref$adjustDateOnChan = _ref.adjustDateOnChange,
     adjustDateOnChange = _ref$adjustDateOnChan === void 0 ? true : _ref$adjustDateOnChan,
+    append = _ref.append,
     calendarClassName = _ref.calendarClassName,
     className = _ref.className,
     compressed = _ref.compressed,
@@ -95,6 +96,7 @@ var EuiDatePicker = exports.EuiDatePicker = function EuiDatePicker(_ref) {
     popperClassName = _ref.popperClassName,
     _ref$popoverPlacement = _ref.popoverPlacement,
     popoverPlacement = _ref$popoverPlacement === void 0 ? 'downLeft' : _ref$popoverPlacement,
+    prepend = _ref.prepend,
     readOnly = _ref.readOnly,
     selected = _ref.selected,
     _ref$shadow = _ref.shadow,
@@ -196,21 +198,25 @@ var EuiDatePicker = exports.EuiDatePicker = function EuiDatePicker(_ref) {
   return (0, _react2.jsx)("span", {
     css: cssStyles,
     className: classes
-  }, (0, _react2.jsx)(_form.EuiFormControlLayout, {
+  }, (0, _react2.jsx)(_form.EuiFormControlLayout, (0, _extends2.default)({
     icon: optionalIcon,
-    fullWidth: !inline && fullWidth,
-    compressed: !inline && compressed,
     clear: selected && onClear ? {
       onClick: onClear
     } : undefined,
     isLoading: isLoading,
     isInvalid: isInvalid,
     isDisabled: disabled,
-    readOnly: readOnly,
-    isDelimited: inline // Styling shortcut for inline calendars
-    ,
-    iconsPosition: inline ? 'static' : undefined
-  }, control));
+    readOnly: readOnly
+  }, inline ? {
+    isDelimited: true,
+    iconsPosition: 'static'
+  } : {
+    fullWidth: fullWidth,
+    compressed: compressed,
+    append: append,
+    prepend: prepend,
+    css: (append || prepend) && styles.inGroup
+  }), control));
 };
 EuiDatePicker.propTypes = {
   className: _propTypes.default.string,
@@ -281,9 +287,25 @@ EuiDatePicker.propTypes = {
      * **Use [EuiPopover](/#/layout/popover) values**: 'upCenter', 'upLeft', 'upRight', downCenter', 'downLeft', 'downRight', 'leftCenter', 'leftUp', 'leftDown', 'rightCenter', 'rightUp', 'rightDown'.
      */
   popoverPlacement: _propTypes.default.any,
+  /**
+     * Creates an input group with element(s) coming before the input.
+     * `string` | `ReactElement` or an array of these
+     *
+     * Ignored if `inline` or `controlOnly` are true.
+     */
+  append: _propTypes.default.any,
+  /**
+     * Creates an input group with element(s) coming before the input.
+     * `string` | `ReactElement` or an array of these
+     *
+     * Ignored if `inline` or `controlOnly` are true.
+     */
+  prepend: _propTypes.default.any,
   /**
      * Completely removes form control layout wrapper and ignores
-     * iconType. Best used inside EuiFormControlLayoutDelimited.
+     * `iconType`, `prepend`, and `append`.
+     *
+     * Best used inside EuiFormControlLayoutDelimited.
      */
   controlOnly: _propTypes.default.bool
 };

package/test-env/components/date_picker/date_picker.styles.js

@@ -28,7 +28,7 @@ var euiDatePickerStyles = exports.euiDatePickerStyles = function euiDatePickerSt
   return {
     euiDatePicker: _ref,
     inline: {
-      inline: /*#__PURE__*/(0, _react.css)(".euiFormControlLayout{", (0, _global_styling.logicalCSS)('height', 'auto'), " ", (0, _global_styling.logicalCSS)('width', 'fit-content'), " box-shadow:none;padding:0;}.euiFormControlLayout__childrenWrapper{flex-direction:column;}.euiFormControlLayoutIcons{justify-content:center;", (0, _global_styling.logicalCSS)('padding-bottom', euiTheme.size.s), ";};label:inline;"),
+      inline: /*#__PURE__*/(0, _react.css)(".euiFormControlLayout{", (0, _global_styling.logicalCSS)('height', 'auto'), " ", (0, _global_styling.logicalCSS)('width', 'fit-content'), " border:none;padding:0;}.euiFormControlLayout__childrenWrapper{flex-direction:column;}.euiFormControlLayoutIcons{justify-content:center;", (0, _global_styling.logicalCSS)('padding-bottom', euiTheme.size.s), ";};label:inline;"),
       // Skip css`` to avoid generating an Emotion className
       noShadow: "\n        .euiFormControlLayout {\n          background-color: transparent;\n        }\n      ",
       shadow: /*#__PURE__*/(0, _react.css)(".euiFormControlLayout{background-color:", euiTheme.colors.emptyShade, ";", (0, _mixins.euiShadowMedium)(euiThemeContext), ";};label:shadow;"),
@@ -39,6 +39,7 @@ var euiDatePickerStyles = exports.euiDatePickerStyles = function euiDatePickerSt
       // Should come after shadow CSS to override their background-colors
       disabled: /*#__PURE__*/(0, _react.css)(".euiFormControlLayout{", (0, _form.euiFormControlDisabledStyles)(euiThemeContext), ";};label:disabled;"),
       readOnly: /*#__PURE__*/(0, _react.css)(".euiFormControlLayout{", (0, _form.euiFormControlReadOnlyStyles)(euiThemeContext), ";};label:readOnly;")
-    }
+    },
+    inGroup: /*#__PURE__*/(0, _react.css)(".euiFormControlLayout__childrenWrapper{.euiPopover,.react-datepicker__input-container{", (0, _global_styling.logicalCSS)('height', '100%'), ";}};label:inGroup;")
   };
 };

package/test-env/components/date_picker/date_picker_range.styles.js

@@ -36,7 +36,7 @@ var euiDatePickerRangeInlineStyles = exports.euiDatePickerRangeInlineStyles = fu
     return "\n    display: block;\n    container-type: inline-size;\n\n    .euiFormControlLayout__childrenWrapper {\n      /* Use static px widths for now, since render behavior comes from a third party library */\n      @container (max-width: ".concat(datePickerWidth * 2 + delimiterWidth, "px) {\n        /* Unset grid display */\n        display: block !important;\n\n        /* Center and point the default delimiter arrow downwards */\n        .euiFormControlLayoutDelimited__delimiter .euiIcon {\n          transform: rotate(90deg);\n          margin-inline: auto;\n        }\n      }\n    }");
   };
   return {
-    euiDatePickerRangeInline: /*#__PURE__*/(0, _react.css)(".euiFormControlLayoutDelimited{", (0, _global_styling.logicalCSS)('height', 'auto'), " ", (0, _global_styling.logicalCSS)('width', 'fit-content'), " ", (0, _global_styling.logicalCSS)('max-width', '100%'), " box-shadow:none;padding:0;.euiFormControlLayout__childrenWrapper{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;align-items:stretch;background-color:transparent;}.euiFormControlLayoutIcons{justify-content:center;grid-column:1/span 3;", (0, _global_styling.logicalCSS)('height', 'auto'), " ", (0, _global_styling.logicalCSS)('padding-bottom', euiTheme.size.s), ";}}.react-datepicker{position:relative;};label:euiDatePickerRangeInline;"),
+    euiDatePickerRangeInline: /*#__PURE__*/(0, _react.css)(".euiFormControlLayoutDelimited{", (0, _global_styling.logicalCSS)('height', 'auto'), " ", (0, _global_styling.logicalCSS)('width', 'fit-content'), " ", (0, _global_styling.logicalCSS)('max-width', '100%'), " border:none;padding:0;.euiFormControlLayout__childrenWrapper{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;align-items:stretch;background-color:transparent;}.euiFormControlLayoutIcons{justify-content:center;grid-column:1/span 3;", (0, _global_styling.logicalCSS)('height', 'auto'), " ", (0, _global_styling.logicalCSS)('padding-bottom', euiTheme.size.s), ";}}.react-datepicker{position:relative;};label:euiDatePickerRangeInline;"),
     responsive: /*#__PURE__*/(0, _react.css)(containerQuery(268), ";;label:responsive;"),
     responsiveWithTimeSelect: /*#__PURE__*/(0, _react.css)(containerQuery(374), ";;label:responsiveWithTimeSelect;"),
     shadow: /*#__PURE__*/(0, _react.css)(".euiFormControlLayoutDelimited{", (0, _mixins.euiShadowMedium)(euiThemeContext), ";};label:shadow;"),

package/test-env/components/form/super_select/super_select.styles.js

@@ -46,6 +46,6 @@ var euiSuperSelectControlStyles = exports.euiSuperSelectControlStyles = function
     // Layout modifiers
     inGroup: /*#__PURE__*/(0, _react.css)(formStyles.inGroup, ";label:inGroup;"),
     // Children
-    euiSuperSelect__placeholder: /*#__PURE__*/(0, _react.css)("color:", formVariables.controlDisabledColor, ";;label:euiSuperSelect__placeholder;")
+    euiSuperSelect__placeholder: /*#__PURE__*/(0, _react.css)("color:", formVariables.controlPlaceholderText, ";;label:euiSuperSelect__placeholder;")
   };
 };

package/test-env/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getDefaultEuiMarkdownParsingPlugins = exports.defaultParsingPlugins = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _remarkParseNoTrim = _interopRequireDefault(require("remark-parse-no-trim"));
 var _remarkEmoji = _interopRequireDefault(require("remark-emoji"));
 var _remarkBreaks = _interopRequireDefault(require("remark-breaks"));
@@ -14,8 +15,7 @@ var _remark_prismjs = _interopRequireDefault(require("../remark/remark_prismjs")
 var MarkdownTooltip = _interopRequireWildcard(require("../markdown_tooltip"));
 var MarkdownCheckbox = _interopRequireWildcard(require("../markdown_checkbox"));
 var _markdown_link_validator = require("../markdown_link_validator");
-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); }
-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; }
+var _excluded = ["exclude"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -23,34 +23,38 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-
 // Importing seemingly unused types from `unified` because the definitions
 // are exported for two versions of TypeScript (3.4, 4.0) and implicit
 // imports during eui.d.ts generation default to the incorrect version (3.4).
 // Explicit imports here resolve the version mismatch.
-
+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); }
+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; }
 var DEFAULT_PARSING_PLUGINS = {
   emoji: [_remarkEmoji.default, {
     emoticon: false
   }],
   lineBreaks: [_remarkBreaks.default, {}],
-  linkValidator: [_markdown_link_validator.euiMarkdownLinkValidator, {
-    allowRelative: true,
-    allowProtocols: ['https:', 'http:', 'mailto:']
-  }],
+  linkValidator: [_markdown_link_validator.euiMarkdownLinkValidator, _markdown_link_validator.DEFAULT_OPTIONS],
   checkbox: [MarkdownCheckbox.parser, {}],
   tooltip: [MarkdownTooltip.parser, {}]
 };
 var getDefaultEuiMarkdownParsingPlugins = exports.getDefaultEuiMarkdownParsingPlugins = function getDefaultEuiMarkdownParsingPlugins() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    exclude = _ref.exclude;
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var exclude = _ref.exclude,
+    parsingConfig = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var parsingPlugins = [[_remarkParseNoTrim.default, {}], [_remark_prismjs.default, {}]];
   Object.entries(DEFAULT_PARSING_PLUGINS).forEach(function (_ref2) {
     var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
       pluginName = _ref3[0],
       plugin = _ref3[1];
+    // Check for plugin exclusions
     if (!(exclude !== null && exclude !== void 0 && exclude.includes(pluginName))) {
-      parsingPlugins.push(plugin);
+      // Check for plugin configuration overrides
+      if (pluginName in parsingConfig) {
+        parsingPlugins.push([plugin[0], parsingConfig[pluginName]]);
+      } else {
+        parsingPlugins.push(plugin);
+      }
     }
   });
   return parsingPlugins;

package/test-env/components/markdown_editor/plugins/markdown_default_plugins/plugins.js

@@ -1,24 +1,37 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDefaultEuiMarkdownPlugins = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _ui_plugins = require("./ui_plugins");
 var _parsing_plugins = require("./parsing_plugins");
 var _processing_plugins = require("./processing_plugins");
-/*
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
  * 2.0 and the Server Side Public License, v 1; you may not use this file except
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-
-var getDefaultEuiMarkdownPlugins = exports.getDefaultEuiMarkdownPlugins = function getDefaultEuiMarkdownPlugins(config) {
+var getDefaultEuiMarkdownPlugins = exports.getDefaultEuiMarkdownPlugins = function getDefaultEuiMarkdownPlugins() {
+  var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var exclude = config.exclude,
+    processingConfig = config.processingConfig,
+    parsingConfig = config.parsingConfig,
+    uiConfig = config.uiConfig;
   return {
-    parsingPlugins: (0, _parsing_plugins.getDefaultEuiMarkdownParsingPlugins)(config),
-    processingPlugins: (0, _processing_plugins.getDefaultEuiMarkdownProcessingPlugins)(config),
-    uiPlugins: (0, _ui_plugins.getDefaultEuiMarkdownUiPlugins)(config)
+    parsingPlugins: (0, _parsing_plugins.getDefaultEuiMarkdownParsingPlugins)(_objectSpread({
+      exclude: exclude
+    }, parsingConfig)),
+    processingPlugins: (0, _processing_plugins.getDefaultEuiMarkdownProcessingPlugins)(_objectSpread({
+      exclude: exclude
+    }, processingConfig)),
+    uiPlugins: (0, _ui_plugins.getDefaultEuiMarkdownUiPlugins)(_objectSpread({
+      exclude: exclude
+    }, uiConfig))
   };
 };

package/test-env/components/markdown_editor/plugins/markdown_default_plugins/processing_plugins.js

@@ -42,7 +42,8 @@ var DEFAULT_COMPONENT_RENDERERS = {
 };
 var getDefaultEuiMarkdownProcessingPlugins = exports.getDefaultEuiMarkdownProcessingPlugins = function getDefaultEuiMarkdownProcessingPlugins() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    exclude = _ref.exclude;
+    exclude = _ref.exclude,
+    linkProps = _ref.linkProps;
   var componentPluginsWithExclusions = {};
   Object.entries(DEFAULT_COMPONENT_RENDERERS).forEach(function (_ref2) {
     var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
@@ -61,7 +62,9 @@ var getDefaultEuiMarkdownProcessingPlugins = exports.getDefaultEuiMarkdownProces
     createElement: _react.createElement,
     Fragment: _react.Fragment,
     components: _objectSpread({
-      a: _link.EuiLink,
+      a: function a(props) {
+        return (0, _react2.jsx)(_link.EuiLink, (0, _extends2.default)({}, props, linkProps));
+      },
       code: function code(props) {
         return (
           // If there are linebreaks use codeblock, otherwise code

package/test-env/components/markdown_editor/plugins/markdown_link_validator.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.DEFAULT_OPTIONS = void 0;
 exports.euiMarkdownLinkValidator = euiMarkdownLinkValidator;
 exports.mutateLinkToText = mutateLinkToText;
 exports.validateUrl = validateUrl;
@@ -16,6 +17,10 @@ var _unistUtilVisit = _interopRequireDefault(require("unist-util-visit"));
  * Side Public License, v 1.
  */
 
+var DEFAULT_OPTIONS = exports.DEFAULT_OPTIONS = {
+  allowRelative: true,
+  allowProtocols: ['https:', 'http:', 'mailto:']
+};
 function euiMarkdownLinkValidator(options) {
   return function (ast) {
     (0, _unistUtilVisit.default)(ast, 'link', function (_node) {
@@ -46,8 +51,10 @@ function mutateLinkToText(node) {
   return node;
 }
 function validateUrl(url, _ref) {
-  var allowRelative = _ref.allowRelative,
-    allowProtocols = _ref.allowProtocols;
+  var _ref$allowRelative = _ref.allowRelative,
+    allowRelative = _ref$allowRelative === void 0 ? DEFAULT_OPTIONS.allowRelative : _ref$allowRelative,
+    _ref$allowProtocols = _ref.allowProtocols,
+    allowProtocols = _ref$allowProtocols === void 0 ? DEFAULT_OPTIONS.allowProtocols : _ref$allowProtocols;
   // relative captures both relative paths `/` and protocols `//`
   var isRelative = url.startsWith('/');
   if (isRelative) {