@elastic/eui 116.2.0-snapshot.1780097782326 → 116.3.0

package/es/components/date_picker/react-datepicker/src/index.js

@@ -42,7 +42,7 @@ import Calendar from "./calendar";
 import React from "react";
 import PropTypes from "prop-types";
 import classnames from "classnames";
-import { newDate, now, cloneDate, isMoment, isDate, isBefore, isAfter, equals, setTime, getMillisecond, getSecond, getMinute, getHour, addDays, addMonths, addWeeks, addYears, subtractDays, subtractMonths, subtractWeeks, subtractYears, isSameTime, isDayDisabled, isOutOfBounds, isDayInRange, getEffectiveMinDate, getEffectiveMaxDate, parseDate, safeDateFormat, getHightLightDaysMap, getYear, getMonth } from "./date_utils";
+import { newDate, now, cloneDate, isMoment, isDate, isBefore, isAfter, equals, setTime, getMillisecond, getSecond, getMinute, getHour, addDays, addMonths, addWeeks, addYears, subtractDays, subtractMonths, subtractWeeks, subtractYears, isSameTime, isDayDisabled, isDayInRange, getEffectiveMinDate, getEffectiveMaxDate, parseDate, safeDateFormat, getHightLightDaysMap, getYear, getMonth } from "./date_utils";
 import { EuiPopover, popoverAnchorPosition } from '../../../popover/popover';
 import { EuiFieldText } from '../../../form/field_text';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -254,10 +254,6 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "setSelected", function (date, event, keepInput) {
       var changedDate = date;
       if (changedDate !== null && isDayDisabled(changedDate, _this.props)) {
-        if (isOutOfBounds(changedDate, _this.props)) {
-          _this.props.onChange(date, event);
-          _this.props.onSelect(changedDate, event);
-        }
         return;
       }
       if (changedDate !== null && _this.props.selected) {

package/es/components/panel/panel.styles.js

@@ -31,11 +31,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1xyrf3k-euiPanel",
-  styles: "position:relative;flex-grow:0;label:euiPanel;"
+  name: "z103qm-euiPanel",
+  styles: "position:relative;flex-grow:0;line-height:inherit;label:euiPanel;"
 } : {
-  name: "1xyrf3k-euiPanel",
-  styles: "position:relative;flex-grow:0;label:euiPanel;",
+  name: "z103qm-euiPanel",
+  styles: "position:relative;flex-grow:0;line-height:inherit;label:euiPanel;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var euiPanelStyles = function euiPanelStyles(euiThemeContext) {

package/es/components/panel/split_panel/split_panel.styles.js

@@ -11,7 +11,7 @@ import { css } from '@emotion/react';
 import { logicalCSS } from '../../../global_styling';
 import { highContrastModeStyles } from '../../../global_styling/functions/high_contrast';
 export var euiSplitPanelOuterStyles = {
-  euiSplitPanelOuter: /*#__PURE__*/css("display:flex;", logicalCSS('min-width', 0), " overflow:hidden;;label:euiSplitPanelOuter;"),
+  euiSplitPanelOuter: /*#__PURE__*/css("display:flex;&:enabled{display:flex;}", logicalCSS('min-width', 0), " overflow:hidden;;label:euiSplitPanelOuter;"),
   column: process.env.NODE_ENV === "production" ? {
     name: "ll8kmq-column",
     styles: "flex-direction:column;label:column;"

package/es/components/table/store/store.js

@@ -17,6 +17,13 @@ import { createPublisher } from '../../../utils/publisher';
  */
 
 /**
+ * EuiTable store that helps with column and width synchronization between
+ * the original table and the "virtual" sticky header table.
+ *
+ * This store is currently only used for these synchronization purposes, but
+ * that may extend as we implement resizable columns.
+ * If that's not implemented by the time per-axis `position: sticky`
+ * is supported in all browsers natively, this can be removed.
  * @internal
  */
 

package/es/components/table/table.js

@@ -125,8 +125,13 @@ EuiTable.propTypes = {
      */
   stickyScrollbar: PropTypes.bool,
   /**
-     * Enable sticky table header that remains visible when scrolling.
-     * The header row will be duplicated and positioned with `position: sticky`.
+     * When enabled, the table header will stick to the top of the viewport as users
+     * scroll through long tables. This enhances usability by maintaining column
+     * context during vertical scrolling and unifies the scrolling experience
+     * between EuiTable components and EuiDataGrid.
+     *
+     * This feature should be used in places where it's possible for the table
+     * to grow longer than the viewport.
      *
      * @beta
      * @default false

package/eui.d.ts

@@ -2267,6 +2267,13 @@ declare module '@elastic/eui/src/components/table/store/store' {
 	type EuiTableStoreColumnsMap = ReadonlyMap<string, EuiTableStoreColumnData>;
 	type EuiTableStoreColumnWidthsMap = ReadonlyMap<string, number>;
 	/**
+	 * EuiTable store that helps with column and width synchronization between
+	 * the original table and the "virtual" sticky header table.
+	 *
+	 * This store is currently only used for these synchronization purposes, but
+	 * that may extend as we implement resizable columns.
+	 * If that's not implemented by the time per-axis `position: sticky`
+	 * is supported in all browsers natively, this can be removed.
 	 * @internal
 	 */
 	export interface EuiTableStore {
@@ -2428,8 +2435,13 @@ declare module '@elastic/eui/src/components/table/table' {
 	     */
 	    stickyScrollbar?: boolean;
 	    /**
-	     * Enable sticky table header that remains visible when scrolling.
-	     * The header row will be duplicated and positioned with `position: sticky`.
+	     * When enabled, the table header will stick to the top of the viewport as users
+	     * scroll through long tables. This enhances usability by maintaining column
+	     * context during vertical scrolling and unifies the scrolling experience
+	     * between EuiTable components and EuiDataGrid.
+	     *
+	     * This feature should be used in places where it's possible for the table
+	     * to grow longer than the viewport.
 	     *
 	     * @beta
 	     * @default false

package/lib/components/date_picker/react-datepicker/src/index.js

@@ -265,10 +265,6 @@ var DatePicker = exports.default = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "setSelected", function (date, event, keepInput) {
       var changedDate = date;
       if (changedDate !== null && (0, _date_utils.isDayDisabled)(changedDate, _this.props)) {
-        if ((0, _date_utils.isOutOfBounds)(changedDate, _this.props)) {
-          _this.props.onChange(date, event);
-          _this.props.onSelect(changedDate, event);
-        }
         return;
       }
       if (changedDate !== null && _this.props.selected) {

package/lib/components/panel/panel.styles.js

@@ -35,11 +35,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1xyrf3k-euiPanel",
-  styles: "position:relative;flex-grow:0;label:euiPanel;"
+  name: "z103qm-euiPanel",
+  styles: "position:relative;flex-grow:0;line-height:inherit;label:euiPanel;"
 } : {
-  name: "1xyrf3k-euiPanel",
-  styles: "position:relative;flex-grow:0;label:euiPanel;",
+  name: "z103qm-euiPanel",
+  styles: "position:relative;flex-grow:0;line-height:inherit;label:euiPanel;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var euiPanelStyles = exports.euiPanelStyles = function euiPanelStyles(euiThemeContext) {

package/lib/components/panel/split_panel/split_panel.styles.js

@@ -15,7 +15,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * Side Public License, v 1.
  */
 var euiSplitPanelOuterStyles = exports.euiSplitPanelOuterStyles = {
-  euiSplitPanelOuter: /*#__PURE__*/(0, _react.css)("display:flex;", (0, _global_styling.logicalCSS)('min-width', 0), " overflow:hidden;;label:euiSplitPanelOuter;"),
+  euiSplitPanelOuter: /*#__PURE__*/(0, _react.css)("display:flex;&:enabled{display:flex;}", (0, _global_styling.logicalCSS)('min-width', 0), " overflow:hidden;;label:euiSplitPanelOuter;"),
   column: process.env.NODE_ENV === "production" ? {
     name: "ll8kmq-column",
     styles: "flex-direction:column;label:column;"

package/lib/components/table/store/store.js

@@ -22,6 +22,13 @@ var _publisher = require("../../../utils/publisher");
  */
 
 /**
+ * EuiTable store that helps with column and width synchronization between
+ * the original table and the "virtual" sticky header table.
+ *
+ * This store is currently only used for these synchronization purposes, but
+ * that may extend as we implement resizable columns.
+ * If that's not implemented by the time per-axis `position: sticky`
+ * is supported in all browsers natively, this can be removed.
  * @internal
  */
 

package/lib/components/table/table.js

@@ -134,8 +134,13 @@ EuiTable.propTypes = {
      */
   stickyScrollbar: _propTypes.default.bool,
   /**
-     * Enable sticky table header that remains visible when scrolling.
-     * The header row will be duplicated and positioned with `position: sticky`.
+     * When enabled, the table header will stick to the top of the viewport as users
+     * scroll through long tables. This enhances usability by maintaining column
+     * context during vertical scrolling and unifies the scrolling experience
+     * between EuiTable components and EuiDataGrid.
+     *
+     * This feature should be used in places where it's possible for the table
+     * to grow longer than the viewport.
      *
      * @beta
      * @default false

package/optimize/es/components/date_picker/react-datepicker/src/index.js

@@ -36,7 +36,7 @@ import Calendar from "./calendar";
 import React from "react";
 import PropTypes from "prop-types";
 import classnames from "classnames";
-import { newDate, now, cloneDate, isMoment, isDate, isBefore, isAfter, equals, setTime, getMillisecond, getSecond, getMinute, getHour, addDays, addMonths, addWeeks, addYears, subtractDays, subtractMonths, subtractWeeks, subtractYears, isSameTime, isDayDisabled, isOutOfBounds, isDayInRange, getEffectiveMinDate, getEffectiveMaxDate, parseDate, safeDateFormat, getHightLightDaysMap, getYear, getMonth } from "./date_utils";
+import { newDate, now, cloneDate, isMoment, isDate, isBefore, isAfter, equals, setTime, getMillisecond, getSecond, getMinute, getHour, addDays, addMonths, addWeeks, addYears, subtractDays, subtractMonths, subtractWeeks, subtractYears, isSameTime, isDayDisabled, isDayInRange, getEffectiveMinDate, getEffectiveMaxDate, parseDate, safeDateFormat, getHightLightDaysMap, getYear, getMonth } from "./date_utils";
 import { EuiPopover, popoverAnchorPosition } from '../../../popover/popover';
 import { EuiFieldText } from '../../../form/field_text';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -248,10 +248,6 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "setSelected", function (date, event, keepInput) {
       var changedDate = date;
       if (changedDate !== null && isDayDisabled(changedDate, _this.props)) {
-        if (isOutOfBounds(changedDate, _this.props)) {
-          _this.props.onChange(date, event);
-          _this.props.onSelect(changedDate, event);
-        }
         return;
       }
       if (changedDate !== null && _this.props.selected) {

package/optimize/es/components/panel/panel.styles.js

@@ -31,11 +31,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1xyrf3k-euiPanel",
-  styles: "position:relative;flex-grow:0;label:euiPanel;"
+  name: "z103qm-euiPanel",
+  styles: "position:relative;flex-grow:0;line-height:inherit;label:euiPanel;"
 } : {
-  name: "1xyrf3k-euiPanel",
-  styles: "position:relative;flex-grow:0;label:euiPanel;",
+  name: "z103qm-euiPanel",
+  styles: "position:relative;flex-grow:0;line-height:inherit;label:euiPanel;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var euiPanelStyles = function euiPanelStyles(euiThemeContext) {

package/optimize/es/components/panel/split_panel/split_panel.styles.js

@@ -11,7 +11,7 @@ import { css } from '@emotion/react';
 import { logicalCSS } from '../../../global_styling';
 import { highContrastModeStyles } from '../../../global_styling/functions/high_contrast';
 export var euiSplitPanelOuterStyles = {
-  euiSplitPanelOuter: /*#__PURE__*/css("display:flex;", logicalCSS('min-width', 0), " overflow:hidden;;label:euiSplitPanelOuter;"),
+  euiSplitPanelOuter: /*#__PURE__*/css("display:flex;&:enabled{display:flex;}", logicalCSS('min-width', 0), " overflow:hidden;;label:euiSplitPanelOuter;"),
   column: process.env.NODE_ENV === "production" ? {
     name: "ll8kmq-column",
     styles: "flex-direction:column;label:column;"

package/optimize/es/components/table/store/store.js

@@ -17,6 +17,13 @@ import { createPublisher } from '../../../utils/publisher';
  */
 
 /**
+ * EuiTable store that helps with column and width synchronization between
+ * the original table and the "virtual" sticky header table.
+ *
+ * This store is currently only used for these synchronization purposes, but
+ * that may extend as we implement resizable columns.
+ * If that's not implemented by the time per-axis `position: sticky`
+ * is supported in all browsers natively, this can be removed.
  * @internal
  */
 

package/optimize/lib/components/date_picker/react-datepicker/src/index.js

@@ -259,10 +259,6 @@ var DatePicker = exports.default = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)(_this, "setSelected", function (date, event, keepInput) {
       var changedDate = date;
       if (changedDate !== null && (0, _date_utils.isDayDisabled)(changedDate, _this.props)) {
-        if ((0, _date_utils.isOutOfBounds)(changedDate, _this.props)) {
-          _this.props.onChange(date, event);
-          _this.props.onSelect(changedDate, event);
-        }
         return;
       }
       if (changedDate !== null && _this.props.selected) {

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

@@ -35,11 +35,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1xyrf3k-euiPanel",
-  styles: "position:relative;flex-grow:0;label:euiPanel;"
+  name: "z103qm-euiPanel",
+  styles: "position:relative;flex-grow:0;line-height:inherit;label:euiPanel;"
 } : {
-  name: "1xyrf3k-euiPanel",
-  styles: "position:relative;flex-grow:0;label:euiPanel;",
+  name: "z103qm-euiPanel",
+  styles: "position:relative;flex-grow:0;line-height:inherit;label:euiPanel;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var euiPanelStyles = exports.euiPanelStyles = function euiPanelStyles(euiThemeContext) {

package/optimize/lib/components/panel/split_panel/split_panel.styles.js

@@ -15,7 +15,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * Side Public License, v 1.
  */
 var euiSplitPanelOuterStyles = exports.euiSplitPanelOuterStyles = {
-  euiSplitPanelOuter: /*#__PURE__*/(0, _react.css)("display:flex;", (0, _global_styling.logicalCSS)('min-width', 0), " overflow:hidden;;label:euiSplitPanelOuter;"),
+  euiSplitPanelOuter: /*#__PURE__*/(0, _react.css)("display:flex;&:enabled{display:flex;}", (0, _global_styling.logicalCSS)('min-width', 0), " overflow:hidden;;label:euiSplitPanelOuter;"),
   column: process.env.NODE_ENV === "production" ? {
     name: "ll8kmq-column",
     styles: "flex-direction:column;label:column;"

package/optimize/lib/components/table/store/store.js

@@ -22,6 +22,13 @@ var _publisher = require("../../../utils/publisher");
  */
 
 /**
+ * EuiTable store that helps with column and width synchronization between
+ * the original table and the "virtual" sticky header table.
+ *
+ * This store is currently only used for these synchronization purposes, but
+ * that may extend as we implement resizable columns.
+ * If that's not implemented by the time per-axis `position: sticky`
+ * is supported in all browsers natively, this can be removed.
  * @internal
  */
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "116.2.0-snapshot.1780097782326",
+  "version": "116.3.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",
@@ -108,7 +108,7 @@
     "@cypress/webpack-dev-server": "^1.7.0",
     "@elastic/charts": "^64.1.0",
     "@elastic/datemath": "^5.0.3",
-    "@elastic/eslint-plugin-eui": "2.13.0",
+    "@elastic/eslint-plugin-eui": "2.14.0",
     "@elastic/eui-theme-borealis": "8.0.0",
     "@emotion/babel-preset-css-prop": "^11.11.0",
     "@emotion/cache": "^11.11.0",
@@ -272,6 +272,5 @@
   ],
   "installConfig": {
     "hoistingLimits": "workspaces"
-  },
-  "stableVersion": "116.2.0"
+  }
 }

package/test-env/components/date_picker/react-datepicker/src/index.js

@@ -259,10 +259,6 @@ var DatePicker = exports.default = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)(_this, "setSelected", function (date, event, keepInput) {
       var changedDate = date;
       if (changedDate !== null && (0, _date_utils.isDayDisabled)(changedDate, _this.props)) {
-        if ((0, _date_utils.isOutOfBounds)(changedDate, _this.props)) {
-          _this.props.onChange(date, event);
-          _this.props.onSelect(changedDate, event);
-        }
         return;
       }
       if (changedDate !== null && _this.props.selected) {

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

@@ -35,11 +35,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1xyrf3k-euiPanel",
-  styles: "position:relative;flex-grow:0;label:euiPanel;"
+  name: "z103qm-euiPanel",
+  styles: "position:relative;flex-grow:0;line-height:inherit;label:euiPanel;"
 } : {
-  name: "1xyrf3k-euiPanel",
-  styles: "position:relative;flex-grow:0;label:euiPanel;",
+  name: "z103qm-euiPanel",
+  styles: "position:relative;flex-grow:0;line-height:inherit;label:euiPanel;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var euiPanelStyles = exports.euiPanelStyles = function euiPanelStyles(euiThemeContext) {

package/test-env/components/panel/split_panel/split_panel.styles.js

@@ -15,7 +15,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * Side Public License, v 1.
  */
 var euiSplitPanelOuterStyles = exports.euiSplitPanelOuterStyles = {
-  euiSplitPanelOuter: /*#__PURE__*/(0, _react.css)("display:flex;", (0, _global_styling.logicalCSS)('min-width', 0), " overflow:hidden;;label:euiSplitPanelOuter;"),
+  euiSplitPanelOuter: /*#__PURE__*/(0, _react.css)("display:flex;&:enabled{display:flex;}", (0, _global_styling.logicalCSS)('min-width', 0), " overflow:hidden;;label:euiSplitPanelOuter;"),
   column: process.env.NODE_ENV === "production" ? {
     name: "ll8kmq-column",
     styles: "flex-direction:column;label:column;"

package/test-env/components/table/store/store.js

@@ -22,6 +22,13 @@ var _publisher = require("../../../utils/publisher");
  */
 
 /**
+ * EuiTable store that helps with column and width synchronization between
+ * the original table and the "virtual" sticky header table.
+ *
+ * This store is currently only used for these synchronization purposes, but
+ * that may extend as we implement resizable columns.
+ * If that's not implemented by the time per-axis `position: sticky`
+ * is supported in all browsers natively, this can be removed.
  * @internal
  */
 

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

@@ -133,8 +133,13 @@ EuiTable.propTypes = {
      */
   stickyScrollbar: _propTypes.default.bool,
   /**
-     * Enable sticky table header that remains visible when scrolling.
-     * The header row will be duplicated and positioned with `position: sticky`.
+     * When enabled, the table header will stick to the top of the viewport as users
+     * scroll through long tables. This enhances usability by maintaining column
+     * context during vertical scrolling and unifies the scrolling experience
+     * between EuiTable components and EuiDataGrid.
+     *
+     * This feature should be used in places where it's possible for the table
+     * to grow longer than the viewport.
      *
      * @beta
      * @default false