@lumx/react 3.3.1-alpha.0 → 3.3.1

package/src/components/side-navigation/__snapshots__/SideNavigationItem.test.tsx.snap

@@ -1,30 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<SideNavigationItem> Snapshots and structure should render correctly 1`] = `
-<li
-  className="lumx-side-navigation-item lumx-side-navigation-item--emphasis-high"
->
-  <a
-    className="lumx-side-navigation-item__link"
-    tabIndex={0}
-  >
-    <span />
-  </a>
-</li>
-`;
-
-exports[`<SideNavigationItem> Snapshots and structure should render correctly with split actions 1`] = `
-<li
-  className="lumx-side-navigation-item lumx-side-navigation-item--emphasis-high"
->
-  <a
-    className="lumx-side-navigation-item__link"
-    href="http://toto.com"
-    onClick={[Function]}
-    onKeyDown={[Function]}
-    tabIndex={0}
-  >
-    <span />
-  </a>
-</li>
-`;

package/src/components/switch/__snapshots__/Switch.test.tsx.snap

@@ -1,179 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Switch> Conditions should not display the \`helper\` if no \`label\` is given 1`] = `
-<div
-  className="lumx-switch lumx-switch--position-left lumx-switch--theme-light lumx-switch--is-unchecked"
->
-  <div
-    className="lumx-switch__input-wrapper"
-  >
-    <input
-      aria-checked={false}
-      aria-describedby="switch-uid-helper"
-      className="lumx-switch__input-native"
-      id="switch-uid"
-      onChange={[Function]}
-      role="switch"
-      type="checkbox"
-    />
-    <div
-      className="lumx-switch__input-placeholder"
-    >
-      <div
-        className="lumx-switch__input-background"
-      />
-      <div
-        className="lumx-switch__input-indicator"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<Switch> Props should use the given props while passing custom props to input 1`] = `
-<div
-  className="lumx-switch lumx-switch--position-left lumx-switch--theme-light lumx-switch--is-unchecked"
->
-  <div
-    className="lumx-switch__input-wrapper"
-  >
-    <input
-      aria-checked={false}
-      aria-labelledby="labelledby-id"
-      className="lumx-switch__input-native"
-      id="switch-uid"
-      onChange={[Function]}
-      role="switch"
-      type="checkbox"
-    />
-    <div
-      className="lumx-switch__input-placeholder"
-    >
-      <div
-        className="lumx-switch__input-background"
-      />
-      <div
-        className="lumx-switch__input-indicator"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<Switch> Snapshots and structure should render correctly with a \`label\` and a \`helper\` 1`] = `
-<div
-  className="lumx-switch lumx-switch--position-left lumx-switch--theme-light lumx-switch--is-unchecked"
->
-  <div
-    className="lumx-switch__input-wrapper"
-  >
-    <input
-      aria-checked={false}
-      aria-describedby="switch-uid-helper"
-      className="lumx-switch__input-native"
-      id="switch-uid"
-      onChange={[Function]}
-      role="switch"
-      type="checkbox"
-    />
-    <div
-      className="lumx-switch__input-placeholder"
-    >
-      <div
-        className="lumx-switch__input-background"
-      />
-      <div
-        className="lumx-switch__input-indicator"
-      />
-    </div>
-  </div>
-  <div
-    className="lumx-switch__content"
-  >
-    <InputLabel
-      className="lumx-switch__label"
-      htmlFor="switch-uid"
-      theme="light"
-    >
-      Label
-    </InputLabel>
-    <InputHelper
-      className="lumx-switch__helper"
-      id="switch-uid-helper"
-      kind="info"
-      theme="light"
-    >
-      Helper
-    </InputHelper>
-  </div>
-</div>
-`;
-
-exports[`<Switch> Snapshots and structure should render correctly with only a \`label\` 1`] = `
-<div
-  className="lumx-switch lumx-switch--position-left lumx-switch--theme-light lumx-switch--is-unchecked"
->
-  <div
-    className="lumx-switch__input-wrapper"
-  >
-    <input
-      aria-checked={false}
-      className="lumx-switch__input-native"
-      id="switch-uid"
-      onChange={[Function]}
-      role="switch"
-      type="checkbox"
-    />
-    <div
-      className="lumx-switch__input-placeholder"
-    >
-      <div
-        className="lumx-switch__input-background"
-      />
-      <div
-        className="lumx-switch__input-indicator"
-      />
-    </div>
-  </div>
-  <div
-    className="lumx-switch__content"
-  >
-    <InputLabel
-      className="lumx-switch__label"
-      htmlFor="switch-uid"
-      theme="light"
-    >
-      Label
-    </InputLabel>
-  </div>
-</div>
-`;
-
-exports[`<Switch> Snapshots and structure should render correctly without any label 1`] = `
-<div
-  className="lumx-switch lumx-switch--position-left lumx-switch--theme-light lumx-switch--is-unchecked"
->
-  <div
-    className="lumx-switch__input-wrapper"
-  >
-    <input
-      aria-checked={false}
-      className="lumx-switch__input-native"
-      id="switch-uid"
-      onChange={[Function]}
-      role="switch"
-      type="checkbox"
-    />
-    <div
-      className="lumx-switch__input-placeholder"
-    >
-      <div
-        className="lumx-switch__input-background"
-      />
-      <div
-        className="lumx-switch__input-indicator"
-      />
-    </div>
-  </div>
-</div>
-`;

package/src/components/tabs/__snapshots__/Tab.test.tsx.snap

@@ -1,62 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Tab> Snapshots and structure should render 1`] = `
-<button
-  aria-controls="tab-panel-1"
-  aria-selected={false}
-  className="lumx-tabs__link"
-  id="tab-1"
-  onClick={[Function]}
-  onFocus={[Function]}
-  onKeyPress={[Function]}
-  role="tab"
-  tabIndex={-1}
-  type="button"
->
-  <span>
-    Test Tab Label
-  </span>
-</button>
-`;
-
-exports[`<Tab> Snapshots and structure should render active state 1`] = `
-<button
-  aria-controls="tab-panel-3"
-  aria-selected={true}
-  className="lumx-tabs__link lumx-tabs__link--is-active"
-  id="tab-3"
-  onClick={[Function]}
-  onFocus={[Function]}
-  onKeyPress={[Function]}
-  role="tab"
-  tabIndex={0}
-  type="button"
->
-  <span>
-    Test Tab Label
-  </span>
-</button>
-`;
-
-exports[`<Tab> Snapshots and structure should render icon 1`] = `
-<button
-  aria-controls="tab-panel-2"
-  aria-selected={false}
-  className="lumx-tabs__link"
-  id="tab-2"
-  onClick={[Function]}
-  onFocus={[Function]}
-  onKeyPress={[Function]}
-  role="tab"
-  tabIndex={-1}
-  type="button"
->
-  <Icon
-    icon="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
-    size="xs"
-  />
-  <span>
-    Test Tab Label
-  </span>
-</button>
-`;

package/src/components/tabs/__snapshots__/TabList.test.tsx.snap

@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<TabList> Snapshots and structure should render correctly 1`] = `
-<div
-  className="lumx-tabs lumx-tabs--layout-fixed lumx-tabs--position-left lumx-tabs--theme-light"
->
-  <div
-    aria-label="Tab list"
-    className="lumx-tabs__links"
-    role="tablist"
-  >
-    <Tab
-      key="0"
-      label="Tab 0"
-    />
-    <Tab
-      key="1"
-      label="Tab 1"
-    />
-  </div>
-</div>
-`;

package/src/components/tabs/__snapshots__/TabPanel.test.tsx.snap

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<TabPanel> Snapshots and structure should render correctly 1`] = `
-<div
-  aria-labelledby="tab-1"
-  className="lumx-tab-panel"
-  id="tab-panel-1"
-  role="tabpanel"
-  tabIndex={0}
->
-  Tab panel content
-</div>
-`;
-
-exports[`<TabPanel> Snapshots and structure should render isActive state 1`] = `
-<div
-  aria-labelledby="tab-2"
-  className="lumx-tab-panel lumx-tab-panel--is-active"
-  id="tab-panel-2"
-  role="tabpanel"
-  tabIndex={0}
->
-  Tab panel content
-</div>
-`;

package/src/components/tabs/test.mocks.ts

@@ -1,33 +0,0 @@
-import { TabState, useTabProviderContext, useTabProviderContextState } from './state';
-
-export function setupTabProviderMocks(options: any = {}) {
-    const changeToTab = jest.fn();
-    const mockedHook = jest.fn(
-        (): TabState => {
-            const index = options.index || 0;
-            const isLazy = options.isLazy as any;
-            const shouldActivateOnFocus = options.shouldActivateOnFocus as any;
-            const isActive = options.isActive || false;
-            return {
-                isLazy,
-                shouldActivateOnFocus,
-                changeToTab,
-                tabId: `tab-${index}`,
-                tabPanelId: `tab-panel-${index}`,
-                isActive,
-            };
-        },
-    );
-    (useTabProviderContext as jest.Mock).mockImplementationOnce(mockedHook);
-
-    const mockedHook2 = jest.fn((): any => {
-        const index = options.index || 0;
-        const numberOfSteps = options.numberOfSteps || 2;
-        return {
-            ids: { tab: { length: numberOfSteps } },
-            activeTabIndex: index,
-        };
-    });
-    (useTabProviderContextState as jest.Mock).mockImplementationOnce(mockedHook2);
-    return { mockedHook, changeToTab };
-}

package/src/components/text-field/__snapshots__/TextField.test.tsx.snap

@@ -1,42 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<TextField> Render should render defaults 1`] = `
-<div
-  class="lumx-text-field lumx-text-field--has-input lumx-text-field--theme-light"
->
-  <div
-    class="lumx-text-field__wrapper"
-  >
-    <div
-      class="lumx-text-field__input-wrapper"
-    >
-      <input
-        class="lumx-text-field__input-native lumx-text-field__input-native--text"
-        id="fixedId"
-        type="text"
-        value=""
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<TextField> Render should render textarea 1`] = `
-<div
-  class="lumx-text-field lumx-text-field--has-textarea lumx-text-field--theme-light"
->
-  <div
-    class="lumx-text-field__wrapper"
-  >
-    <div
-      class="lumx-text-field__input-wrapper"
-    >
-      <textarea
-        class="lumx-text-field__input-native lumx-text-field__input-native--textarea"
-        id="fixedId"
-        rows="2"
-      />
-    </div>
-  </div>
-</div>
-`;

package/src/components/tooltip/__snapshots__/Tooltip.test.tsx.snap

@@ -1,233 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Tooltip> Snapshots and structure should not wrap Button 1`] = `
-<Fragment>
-  <Button
-    aria-describedby="tooltip-uid"
-    emphasis="high"
-    size="m"
-    theme="light"
-  >
-    button
-  </Button>
-  <Portal
-    containerInfo={<body />}
-  >
-    <div
-      aria-label="tooltip1"
-      className="lumx-tooltip lumx-tooltip--position-bottom"
-      id="tooltip-uid"
-      role="tooltip"
-      style={
-        {
-          "left": "0",
-          "position": "absolute",
-          "top": "0",
-        }
-      }
-    >
-      <div
-        className="lumx-tooltip__arrow"
-      />
-      <div
-        className="lumx-tooltip__inner"
-      >
-        tooltip1
-      </div>
-    </div>
-  </Portal>
-</Fragment>
-`;
-
-exports[`<Tooltip> Snapshots and structure should not wrap Icon 1`] = `
-<Fragment>
-  <Icon
-    aria-describedby="tooltip-uid"
-    icon="icon"
-  />
-  <Portal
-    containerInfo={<body />}
-  >
-    <div
-      aria-label="tooltip1"
-      className="lumx-tooltip lumx-tooltip--position-bottom"
-      id="tooltip-uid"
-      role="tooltip"
-      style={
-        {
-          "left": "0",
-          "position": "absolute",
-          "top": "0",
-        }
-      }
-    >
-      <div
-        className="lumx-tooltip__arrow"
-      />
-      <div
-        className="lumx-tooltip__inner"
-      >
-        tooltip1
-      </div>
-    </div>
-  </Portal>
-</Fragment>
-`;
-
-exports[`<Tooltip> Snapshots and structure should render correctly 1`] = `
-<Fragment>
-  <div
-    aria-describedby="tooltip-uid"
-    className="lumx-tooltip-anchor-wrapper"
-  >
-    Anchor
-  </div>
-  <Portal
-    containerInfo={<body />}
-  >
-    <div
-      aria-label="Tooltip"
-      className="lumx-tooltip lumx-tooltip--position-bottom"
-      id="tooltip-uid"
-      role="tooltip"
-      style={
-        {
-          "left": "0",
-          "position": "absolute",
-          "top": "0",
-        }
-      }
-    >
-      <div
-        className="lumx-tooltip__arrow"
-      />
-      <div
-        className="lumx-tooltip__inner"
-      >
-        Tooltip
-      </div>
-    </div>
-  </Portal>
-</Fragment>
-`;
-
-exports[`<Tooltip> Snapshots and structure should return children when empty label 1`] = `
-<Fragment>
-  <Icon
-    icon="icon"
-  />
-</Fragment>
-`;
-
-exports[`<Tooltip> Snapshots and structure should work on disabled elements 1`] = `
-<Fragment>
-  <div
-    aria-describedby="tooltip-uid"
-    className="lumx-tooltip-anchor-wrapper"
-  >
-    <Button
-      emphasis="high"
-      isDisabled={true}
-      size="m"
-      theme="light"
-    >
-      Empty
-    </Button>
-  </div>
-  <Portal
-    containerInfo={<body />}
-  >
-    <div
-      aria-label="Tooltip on disabled button"
-      className="lumx-tooltip lumx-tooltip--position-bottom"
-      id="tooltip-uid"
-      role="tooltip"
-      style={
-        {
-          "left": "0",
-          "position": "absolute",
-          "top": "0",
-        }
-      }
-    >
-      <div
-        className="lumx-tooltip__arrow"
-      />
-      <div
-        className="lumx-tooltip__inner"
-      >
-        Tooltip on disabled button
-      </div>
-    </div>
-  </Portal>
-</Fragment>
-`;
-
-exports[`<Tooltip> Snapshots and structure should wrap children 1`] = `
-<Fragment>
-  <div
-    aria-describedby="tooltip-uid"
-    className="lumx-tooltip-anchor-wrapper"
-  >
-    children
-  </div>
-  <Portal
-    containerInfo={<body />}
-  >
-    <div
-      aria-label="tooltip1"
-      className="lumx-tooltip lumx-tooltip--position-bottom"
-      id="tooltip-uid"
-      role="tooltip"
-      style={
-        {
-          "left": "0",
-          "position": "absolute",
-          "top": "0",
-        }
-      }
-    >
-      <div
-        className="lumx-tooltip__arrow"
-      />
-      <div
-        className="lumx-tooltip__inner"
-      >
-        tooltip1
-      </div>
-    </div>
-  </Portal>
-</Fragment>
-`;
-
-exports[`<Tooltip> Snapshots and structure should wrap children 2`] = `
-<Fragment>
-  children
-  <Portal
-    containerInfo={<body />}
-  >
-    <div
-      aria-label="tooltip1"
-      className="lumx-tooltip lumx-tooltip--position-bottom"
-      id="tooltip-uid"
-      role="tooltip"
-      style={
-        {
-          "left": "0",
-          "position": "absolute",
-          "top": "0",
-        }
-      }
-    >
-      <div
-        className="lumx-tooltip__arrow"
-      />
-      <div
-        className="lumx-tooltip__inner"
-      >
-        tooltip1
-      </div>
-    </div>
-  </Portal>
-</Fragment>
-`;

package/src/components/uploader/__snapshots__/Uploader.test.tsx.snap

@@ -1,14 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Uploader> Snapshots and structure should render correctly 1`] = `
-<div
-  className="lumx-uploader lumx-uploader--aspect-ratio-horizontal lumx-uploader--size-xl lumx-uploader--theme-light lumx-uploader--variant-square"
->
-  <div
-    className="lumx-uploader__background"
-  />
-  <div
-    className="lumx-uploader__wrapper"
-  />
-</div>
-`;