@transferwise/components 0.0.0-experimental-1a3a746 → 0.0.0-experimental-3b2f02f

package/src/inputs/InputGroup.tsx

@@ -107,9 +107,9 @@ function InputAddon({
   const ref = useRef<HTMLSpanElement>(null);
   useResizeObserver(ref, (entry) => {
     // TODO: Remove fallback once most browsers support `borderBoxSize`
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    if (entry.borderBoxSize != null) {
-      setInputPadding(entry.borderBoxSize[0].inlineSize);
+    const inlineSize = entry.borderBoxSize?.[0]?.inlineSize;
+    if (inlineSize != null) {
+      setInputPadding(inlineSize);
     } else {
       const targetStyle = getComputedStyle(entry.target);
       setInputPadding(

package/src/dateLookup/DateLookup.tests.story.tsx

@@ -1,71 +0,0 @@
-import { expect, userEvent, within } from '@storybook/test';
-import { StepFunction } from '@storybook/types';
-import { useState } from 'react';
-
-import DateLookup from './DateLookup';
-
-export default {
-  component: DateLookup,
-  title: 'Forms/DateLookup/Tests',
-};
-
-export const Clear = () => {
-  const [value, setValue] = useState<Date | null>(new Date(1987, 0, 10, 12, 0, 0));
-
-  return (
-    <DateLookup
-      value={value}
-      clearable
-      placeholder="placeholder"
-      onChange={(v) => {
-        setValue(v);
-      }}
-    />
-  );
-};
-
-Clear.play = async ({
-  canvasElement,
-  step,
-}: {
-  canvasElement: HTMLElement;
-  step: StepFunction;
-}) => {
-  const canvas = within(canvasElement);
-
-  await step('space can activate clear button', async () => {
-    // focus on clear button
-    await new Promise((resolve) => setTimeout(resolve, 100));
-    const date = canvas.getByText('January 10, 1987');
-    await expect(date).toBeInTheDocument();
-    await userEvent.tab();
-    await new Promise((resolve) => setTimeout(resolve, 100));
-    await userEvent.tab();
-
-    // clear with space
-    await userEvent.keyboard(' ');
-    const placeholder = canvas.getByText('placeholder');
-    await expect(placeholder).toBeInTheDocument();
-  });
-
-  await step('enter can activate clear button', async () => {
-    // reset date
-    await userEvent.keyboard(' ');
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await userEvent.keyboard(' ');
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    const date = canvas.getByText(
-      new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }),
-    );
-    await expect(date).toBeInTheDocument();
-
-    // focus on clear button
-    await userEvent.tab();
-    await new Promise((resolve) => setTimeout(resolve, 100));
-
-    // clear with enter
-    await userEvent.keyboard('{enter}');
-    const placeholder = canvas.getByText('placeholder');
-    await expect(placeholder).toBeInTheDocument();
-  });
-};

package/src/dateLookup/index.ts

@@ -1,2 +0,0 @@
-export { default } from './DateLookup';
-export type { DateLookupProps } from './DateLookup';