@elastic/eui 95.8.1-0 → 95.9.0

package/optimize/es/components/search_bar/search_bar.js

@@ -31,8 +31,9 @@ import { euiSearchBar__searchHolder, euiSearchBar__filtersHolder } from './searc
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export { Query, AST as Ast } from './query';
 var parseQuery = function parseQuery(query, props) {
+  var _props$box, _props$box2;
   var schema = undefined;
-  if (props.box && props.box.schema && _typeof(props.box.schema) === 'object') {
+  if ((_props$box = props.box) !== null && _props$box !== void 0 && _props$box.schema && _typeof((_props$box2 = props.box) === null || _props$box2 === void 0 ? void 0 : _props$box2.schema) === 'object') {
     schema = props.box.schema;
   }
   var dateFormat = props.dateFormat;

package/optimize/es/components/token/token_map.js

@@ -193,6 +193,10 @@ export var TOKEN_MAP = {
     shape: 'square',
     color: 'euiColorVis5'
   },
+  tokenSemanticText: {
+    shape: 'square',
+    color: 'euiColorVis0'
+  },
   tokenShape: {
     shape: 'circle',
     color: 'euiColorVis8'

package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_beta.js

@@ -24,7 +24,7 @@ var _collapsible_nav_body_footer = require("./collapsible_nav_body_footer");
 var _collapsible_nav_item = require("./collapsible_nav_item");
 var _kibana_solution = require("./_kibana_solution");
 var _react2 = require("@emotion/react");
-var _excluded = ["id", "children", "className", "initialIsCollapsed", "onCollapseToggle", "width", "side", "focusTrapProps"];
+var _excluded = ["id", "children", "className", "initialIsCollapsed", "isCollapsed", "onCollapseToggle", "width", "side", "focusTrapProps"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -42,6 +42,7 @@ var _EuiCollapsibleNavBeta = function _EuiCollapsibleNavBeta(_ref) {
     className = _ref.className,
     _ref$initialIsCollaps = _ref.initialIsCollapsed,
     initialIsCollapsed = _ref$initialIsCollaps === void 0 ? false : _ref$initialIsCollaps,
+    propsIsCollapsed = _ref.isCollapsed,
     onCollapseToggle = _ref.onCollapseToggle,
     _ref$width = _ref.width,
     _width = _ref$width === void 0 ? 248 : _ref$width,
@@ -68,8 +69,16 @@ var _EuiCollapsibleNavBeta = function _EuiCollapsibleNavBeta(_ref) {
     });
   }, [onCollapseToggle]);
   var onClose = (0, _react.useCallback)(function () {
-    return setIsCollapsed(true);
-  }, []);
+    setIsCollapsed(true);
+    onCollapseToggle === null || onCollapseToggle === void 0 || onCollapseToggle(true);
+  }, [onCollapseToggle]);
+
+  // Controlled state
+  (0, _react.useEffect)(function () {
+    if (propsIsCollapsed !== undefined) {
+      setIsCollapsed(propsIsCollapsed);
+    }
+  }, [propsIsCollapsed]);
 
   /**
    * Responsive behavior

package/optimize/lib/components/form/checkbox/checkbox.js

@@ -43,7 +43,7 @@ var EuiCheckbox = exports.EuiCheckbox = function EuiCheckbox(_ref) {
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _classnames.default)('euiCheckbox', className);
   var styles = (0, _services.useEuiMemoizedStyles)(_checkbox.euiCheckboxStyles);
-  var inputStyles = [styles.input.euiCheckbox__square, disabled ? checked || indeterminate ? styles.input.disabled.selected : styles.input.disabled.unselected : checked || indeterminate ? styles.input.enabled.selected : styles.input.enabled.unselected, readOnly && styles.input.readOnly];
+  var inputStyles = [styles.input.euiCheckbox__square, !!label && styles.input.hasLabel, disabled ? checked || indeterminate ? styles.input.disabled.selected : styles.input.disabled.unselected : checked || indeterminate ? styles.input.enabled.selected : styles.input.enabled.unselected, readOnly && styles.input.readOnly];
   var labelClasses = (0, _classnames.default)('euiCheckbox__label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className);
   var labelStyles = [styles.label.euiCheckbox__label, disabled ? styles.label.disabled : styles.label.enabled, readOnly && styles.label.readOnly, labelProps === null || labelProps === void 0 ? void 0 : labelProps.css];
   var iconStyles = [styles.input.icon.euiCheckbox__icon, indeterminate ? styles.input.icon.indeterminate : styles.input.icon.check];

package/optimize/lib/components/form/checkbox/checkbox.styles.js

@@ -38,6 +38,8 @@ var euiCheckboxStyles = exports.euiCheckboxStyles = function euiCheckboxStyles(e
     euiCheckbox: /*#__PURE__*/(0, _react.css)(controlStyles.wrapper, ";label:euiCheckbox;"),
     input: {
       euiCheckbox__square: /*#__PURE__*/(0, _react.css)(controlStyles.input.fauxInput, " border-radius:", euiTheme.border.radius.small, ";;label:euiCheckbox__square;"),
+      hasLabel: controlStyles.input.hasLabel,
+      // Skip css`` className generation
       enabled: {
         selected: /*#__PURE__*/(0, _react.css)(controlStyles.input.enabled.selected, ";label:selected;"),
         unselected: /*#__PURE__*/(0, _react.css)(controlStyles.input.enabled.unselected, ";label:unselected;")

package/optimize/lib/components/form/form.styles.js

@@ -214,7 +214,11 @@ var euiFormCustomControlStyles = exports.euiFormCustomControlStyles = function e
   return {
     wrapper: "\n      display: flex;\n      align-items: flex-start;\n    ",
     input: {
-      fauxInput: "\n        position: relative;\n        ".concat((0, _global_styling.logicalCSS)('height', controlVars.sizes.control), "\n        ").concat((0, _global_styling.logicalCSS)('width', controlVars.sizes.control), "\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        &:has(+ label) {\n          ").concat((0, _global_styling.logicalCSS)('margin-top', centerWithLabel), "\n        }\n\n        &:has(input:focus-visible) {\n          outline: ").concat(euiTheme.focus.width, " solid ").concat(controlVars.colors.selected, ";\n          outline-offset: ").concat(euiTheme.focus.width, ";\n        }\n\n        ").concat(_global_styling.euiCanAnimate, " {\n          transition-property: background-color, color;\n          transition-duration: ").concat(controlVars.animation.speed, ";\n          transition-timing-function: ").concat(controlVars.animation.easing, ";\n        }\n      "),
+      fauxInput: "\n        position: relative;\n        ".concat((0, _global_styling.logicalCSS)('height', controlVars.sizes.control), "\n        ").concat((0, _global_styling.logicalCSS)('width', controlVars.sizes.control), "\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        &:has(input:focus-visible) {\n          outline: ").concat(euiTheme.focus.width, " solid ").concat(controlVars.colors.selected, ";\n          outline-offset: ").concat(euiTheme.focus.width, ";\n        }\n\n        ").concat(_global_styling.euiCanAnimate, " {\n          transition-property: background-color, color;\n          transition-duration: ").concat(controlVars.animation.speed, ";\n          transition-timing-function: ").concat(controlVars.animation.easing, ";\n        }\n      "),
+      // TODO: Revert https://github.com/elastic/eui/pull/7981
+      // once https://github.com/dperini/nwsapi/issues/123
+      // has been fixed, and restore `&:has(+ label)` selector
+      hasLabel: "\n        ".concat((0, _global_styling.logicalCSS)('margin-top', centerWithLabel), "\n      "),
       enabled: {
         selected: "\n          color: ".concat(controlVars.colors.selectedIcon, ";\n          background-color: ").concat(controlVars.colors.selected, ";\n        "),
         unselected: "\n          color: transparent;\n          background-color: ".concat(controlVars.colors.unselected, ";\n          border: ").concat(euiTheme.border.width.thin, " solid ").concat(controlVars.colors.unselectedBorder, ";\n\n          &:has(input:focus) {\n            border-color: ").concat(controlVars.colors.selected, ";\n          }\n        ")

package/optimize/lib/components/form/radio/radio.js

@@ -35,7 +35,7 @@ var EuiRadio = exports.EuiRadio = function EuiRadio(_ref) {
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _classnames.default)('euiRadio', className);
   var styles = (0, _services.useEuiMemoizedStyles)(_radio.euiRadioStyles);
-  var inputStyles = [styles.input.euiRadio__circle, disabled ? checked ? styles.input.disabled.selected : styles.input.disabled.unselected : checked ? styles.input.enabled.selected : styles.input.enabled.unselected];
+  var inputStyles = [styles.input.euiRadio__circle, !!label && styles.input.hasLabel, disabled ? checked ? styles.input.disabled.selected : styles.input.disabled.unselected : checked ? styles.input.enabled.selected : styles.input.enabled.unselected];
   var labelClasses = (0, _classnames.default)('euiRadio__label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className);
   var labelStyles = [styles.label.euiRadio__label, disabled ? styles.label.disabled : styles.label.enabled, labelProps === null || labelProps === void 0 ? void 0 : labelProps.css];
   return (0, _react2.jsx)("div", (0, _extends2.default)({

package/optimize/lib/components/form/radio/radio.styles.js

@@ -20,6 +20,8 @@ var euiRadioStyles = exports.euiRadioStyles = function euiRadioStyles(euiThemeCo
     euiRadio: /*#__PURE__*/(0, _react.css)(controlStyles.wrapper, ";label:euiRadio;"),
     input: {
       euiRadio__circle: /*#__PURE__*/(0, _react.css)(controlStyles.input.fauxInput, " border-radius:50%;;label:euiRadio__circle;"),
+      hasLabel: controlStyles.input.hasLabel,
+      // Skip css`` className generation
       enabled: {
         selected: /*#__PURE__*/(0, _react.css)(controlStyles.input.enabled.selected, ";label:selected;"),
         unselected: /*#__PURE__*/(0, _react.css)(controlStyles.input.enabled.unselected, ";label:unselected;")

package/optimize/lib/components/icon/assets/tokenSemanticText.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+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 EuiIconTokenSemanticText = function EuiIconTokenSemanticText(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M2 2.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H3v10h1.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5v-11ZM13.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1H13V3h-1.5a.5.5 0 0 1 0-1h2ZM9.098 4.5l-.244 1.393h.896l-.212 1.211h-.896l-.435 2.574c-.024.176-.013.308.034.398.046.09.163.138.35.145.072.004.22-.005.445-.026L8.91 11.46a2.75 2.75 0 0 1-.916.129c-.528-.007-.923-.162-1.186-.466-.262-.304-.37-.716-.32-1.237l.455-2.78H6.25l.207-1.212h.694L7.394 4.5h1.704Z"
+  }));
+};
+var icon = exports.icon = EuiIconTokenSemanticText;

package/optimize/lib/components/icon/icon_map.js

@@ -511,6 +511,7 @@ var typeToPathMap = exports.typeToPathMap = {
   tokenRankFeatures: 'tokenRankFeatures',
   tokenRepo: 'tokenRepo',
   tokenSearchType: 'tokenSearchType',
+  tokenSemanticText: 'tokenSemanticText',
   tokenShape: 'tokenShape',
   tokenString: 'tokenString',
   tokenStruct: 'tokenStruct',

package/optimize/lib/components/icon/svgs/tokens/tokenSemanticText.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+    <path d="M2 2.5C2 2.22386 2.22386 2 2.5 2H4.5C4.77614 2 5 2.22386 5 2.5C5 2.77614 4.77614 3 4.5 3H3V13H4.5C4.77614 13 5 13.2239 5 13.5C5 13.7761 4.77614 14 4.5 14H2.5C2.22386 14 2 13.7761 2 13.5V2.5Z" />
+    <path d="M13.5 2C13.7761 2 14 2.22386 14 2.5V13.5C14 13.7761 13.7761 14 13.5 14H11.5C11.2239 14 11 13.7761 11 13.5C11 13.2239 11.2239 13 11.5 13H13V3H11.5C11.2239 3 11 2.77614 11 2.5C11 2.22386 11.2239 2 11.5 2H13.5Z" />
+    <path d="M9.09764 4.5L8.85429 5.89276H9.75L9.53773 7.1043H8.64201L8.2071 9.67753C8.18294 9.85357 8.19415 9.98649 8.24075 10.0762C8.28735 10.166 8.40384 10.2142 8.59024 10.2212C8.66273 10.2247 8.81114 10.2159 9.0355 10.1953L8.91124 11.4586C8.62475 11.5518 8.31929 11.595 7.99482 11.588C7.46672 11.5811 7.0715 11.4258 6.80917 11.1221C6.54684 10.8184 6.43984 10.4059 6.48816 9.88463L6.94378 7.1043H6.25L6.4571 5.89276H7.15088L7.39423 4.5H9.09764Z" />
+</svg>