@elastic/eui 12.2.0 → 12.4.0

package/src/components/form/super_select/__snapshots__/super_select_control.test.js.snap

@@ -1,392 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EuiSuperSelectControl is rendered 1`] = `
-Array [
-  <input
-    type="hidden"
-    value=""
-  />,
-  <div
-    class="euiFormControlLayout"
-  >
-    <div
-      class="euiFormControlLayout__childrenWrapper"
-    >
-      <span
-        class="euiScreenReaderOnly"
-        id="generated-id"
-      >
-        Select an option: , is selected
-      </span>
-      <button
-        aria-haspopup="true"
-        aria-label="aria-label"
-        aria-labelledby="undefined generated-id"
-        aria-selected="true"
-        class="euiSuperSelectControl testClass1 testClass2"
-        data-test-subj="test subject string"
-        role="option"
-        type="button"
-      />
-      <div
-        class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-      >
-        <span
-          class="euiFormControlLayoutCustomIcon"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-            focusable="false"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          />
-        </span>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`EuiSuperSelectControl props compressed is rendered 1`] = `
-Array [
-  <input
-    type="hidden"
-    value=""
-  />,
-  <div
-    class="euiFormControlLayout euiFormControlLayout--compressed"
-  >
-    <div
-      class="euiFormControlLayout__childrenWrapper"
-    >
-      <span
-        class="euiScreenReaderOnly"
-        id="generated-id"
-      >
-        Select an option: , is selected
-      </span>
-      <button
-        aria-haspopup="true"
-        aria-labelledby="undefined generated-id"
-        aria-selected="true"
-        class="euiSuperSelectControl euiSuperSelectControl--compressed"
-        role="option"
-        type="button"
-      />
-      <div
-        class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-      >
-        <span
-          class="euiFormControlLayoutCustomIcon"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-            focusable="false"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          />
-        </span>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`EuiSuperSelectControl props disabled options are rendered 1`] = `
-Array [
-  <input
-    type="hidden"
-    value=""
-  />,
-  <div
-    class="euiFormControlLayout"
-  >
-    <div
-      class="euiFormControlLayout__childrenWrapper"
-    >
-      <span
-        class="euiScreenReaderOnly"
-        id="generated-id"
-      >
-        Select an option: , is selected
-      </span>
-      <button
-        aria-haspopup="true"
-        aria-labelledby="undefined generated-id"
-        aria-selected="true"
-        class="euiSuperSelectControl"
-        role="option"
-        type="button"
-      />
-      <div
-        class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-      >
-        <span
-          class="euiFormControlLayoutCustomIcon"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-            focusable="false"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          />
-        </span>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`EuiSuperSelectControl props empty value option is rendered 1`] = `
-Array [
-  <input
-    type="hidden"
-    value=""
-  />,
-  <div
-    class="euiFormControlLayout"
-  >
-    <div
-      class="euiFormControlLayout__childrenWrapper"
-    >
-      <span
-        class="euiScreenReaderOnly"
-        id="generated-id"
-      >
-        Select an option: , is selected
-      </span>
-      <button
-        aria-haspopup="true"
-        aria-labelledby="undefined generated-id"
-        aria-selected="true"
-        class="euiSuperSelectControl"
-        role="option"
-        type="button"
-      />
-      <div
-        class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-      >
-        <span
-          class="euiFormControlLayoutCustomIcon"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-            focusable="false"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          />
-        </span>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`EuiSuperSelectControl props fullWidth is rendered 1`] = `
-Array [
-  <input
-    type="hidden"
-    value=""
-  />,
-  <div
-    class="euiFormControlLayout euiFormControlLayout--fullWidth"
-  >
-    <div
-      class="euiFormControlLayout__childrenWrapper"
-    >
-      <span
-        class="euiScreenReaderOnly"
-        id="generated-id"
-      >
-        Select an option: , is selected
-      </span>
-      <button
-        aria-haspopup="true"
-        aria-labelledby="undefined generated-id"
-        aria-selected="true"
-        class="euiSuperSelectControl euiSuperSelectControl--fullWidth"
-        role="option"
-        type="button"
-      />
-      <div
-        class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-      >
-        <span
-          class="euiFormControlLayoutCustomIcon"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-            focusable="false"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          />
-        </span>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`EuiSuperSelectControl props isInvalid is rendered 1`] = `
-Array [
-  <input
-    type="hidden"
-    value=""
-  />,
-  <div
-    class="euiFormControlLayout"
-  >
-    <div
-      class="euiFormControlLayout__childrenWrapper"
-    >
-      <span
-        class="euiScreenReaderOnly"
-        id="generated-id"
-      >
-        Select an option: , is selected
-      </span>
-      <button
-        aria-haspopup="true"
-        aria-labelledby="undefined generated-id"
-        aria-selected="true"
-        class="euiSuperSelectControl euiSuperSelectControl-isInvalid"
-        role="option"
-        type="button"
-      />
-      <div
-        class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-      >
-        <span
-          class="euiFormControlLayoutCustomIcon"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-            focusable="false"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          />
-        </span>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`EuiSuperSelectControl props isLoading is rendered 1`] = `
-Array [
-  <input
-    type="hidden"
-    value=""
-  />,
-  <div
-    class="euiFormControlLayout"
-  >
-    <div
-      class="euiFormControlLayout__childrenWrapper"
-    >
-      <span
-        class="euiScreenReaderOnly"
-        id="generated-id"
-      >
-        Select an option: , is selected
-      </span>
-      <button
-        aria-haspopup="true"
-        aria-labelledby="undefined generated-id"
-        aria-selected="true"
-        class="euiSuperSelectControl euiSuperSelectControl-isLoading"
-        role="option"
-        type="button"
-      />
-      <div
-        class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-      >
-        <span
-          class="euiLoadingSpinner euiLoadingSpinner--medium"
-        />
-        <span
-          class="euiFormControlLayoutCustomIcon"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-            focusable="false"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          />
-        </span>
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`EuiSuperSelectControl props value option is rendered 1`] = `
-Array [
-  <input
-    type="hidden"
-    value="1"
-  />,
-  <div
-    class="euiFormControlLayout"
-  >
-    <div
-      class="euiFormControlLayout__childrenWrapper"
-    >
-      <span
-        class="euiScreenReaderOnly"
-        id="generated-id"
-      >
-        Select an option: Option #1, is selected
-      </span>
-      <button
-        aria-haspopup="true"
-        aria-labelledby="undefined generated-id"
-        aria-selected="true"
-        class="euiSuperSelectControl"
-        role="option"
-        type="button"
-      >
-        Option #1
-      </button>
-      <div
-        class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-      >
-        <span
-          class="euiFormControlLayoutCustomIcon"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
-            focusable="false"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          />
-        </span>
-      </div>
-    </div>
-  </div>,
-]
-`;

package/src/components/form/super_select/index.d.ts

@@ -1,83 +0,0 @@
-import { CommonProps, Omit } from '../../common';
-
-import { FunctionComponent, ReactNode, ButtonHTMLAttributes } from 'react';
-
-declare module '@elastic/eui' {
-  /**
-   * @see './super_select.js'
-   */
-
-  export type EuiSuperSelectProps<T extends string> = CommonProps &
-    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> & {
-      /**
-       * Pass an array of options that must at least include:
-       * `value`: storing unique value of item,
-       * `inputDisplay`: what shows inside the form input when selected
-       * `dropdownDisplay` (optional): what shows for the item in the dropdown
-       */
-      options: Array<{
-        value: T;
-        inputDisplay?: ReactNode;
-        dropdownDisplay?: ReactNode;
-        disabled?: boolean;
-        'data-test-subj'?: string;
-      }>;
-
-      valueOfSelected?: T;
-
-      /**
-       * Classes for the context menu item
-       */
-      itemClassName?: string;
-
-      /**
-       * You must pass an `onChange` function to handle the update of the value
-       */
-      onChange?: (value: T) => void;
-
-      /**
-       * Change to `true` if you want horizontal lines between options.
-       * This is best used when options are multi-line.
-       */
-      hasDividers?: boolean;
-
-      /**
-       * Change `EuiContextMenuItem` layout position of icon
-       */
-      itemLayoutAlign?: string;
-
-      /**
-       * Make it wide. Default: false
-       */
-      fullWidth?: boolean;
-
-      /**
-       * Provides invalid styling. Default: false
-       */
-      isInvalid?: boolean;
-
-      /**
-       * Provides a loading indicator. Default: false
-       */
-      isLoading?: boolean;
-
-      /**
-       * Make it short. Default: false
-       */
-      compressed?: boolean;
-
-      /**
-       * Applied to the outermost wrapper (popover)
-       */
-      popoverClassName?: string;
-
-      /**
-       * Controls whether the options are shown. Default: false
-       */
-      isOpen?: boolean;
-    };
-
-  export const EuiSuperSelect: <T extends string>(
-    props: EuiSuperSelectProps<T>
-  ) => ReturnType<FunctionComponent<EuiSuperSelectProps<T>>>;
-}

package/src/components/form/super_select/index.js

@@ -1,3 +0,0 @@
-export { EuiSuperSelect } from './super_select';
-
-export { EuiSuperSelectControl } from './super_select_control';