@transferwise/components 0.0.0-experimental-112d47a → 0.0.0-experimental-30a5fa7

package/src/utilities/{logActionRequired.js → logActionRequired.ts}

@@ -1,11 +1,11 @@
-export function logActionRequired(message) {
+export function logActionRequired(message: string) {
   if (typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {
     // eslint-disable-next-line no-console
     console.warn(message);
   }
 }
 
-export function logActionRequiredIf(message, conditional) {
+export function logActionRequiredIf(message: string, conditional: boolean) {
   if (conditional) {
     logActionRequired(message);
   }

package/build/types/common/fakeEvents.d.ts

@@ -1,23 +0,0 @@
-export declare const fakeEvent: () => {
-    nativeEvent: {
-        stopImmediatePropagation(): void;
-    };
-    stopPropagation(): void;
-    preventDefault(): void;
-};
-export declare const fakeKeyDownEventForKey: (key: string) => {
-    key: string;
-    nativeEvent: {
-        stopImmediatePropagation(): void;
-    };
-    stopPropagation(): void;
-    preventDefault(): void;
-};
-export declare const fakeKeyDownEvent: (eventAttribute?: {}) => {
-    nativeEvent: {
-        stopImmediatePropagation(): void;
-    };
-    stopPropagation(): void;
-    preventDefault(): void;
-};
-//# sourceMappingURL=fakeEvents.d.ts.map

package/build/types/common/fakeEvents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fakeEvents.d.ts","sourceRoot":"","sources":["../../../src/common/fakeEvents.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;CAIpB,CAAC;AAEH,eAAO,MAAM,sBAAsB,QAAS,MAAM;;;;;;;CAGhD,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;CAG3B,CAAC"}

package/src/inputWithDisplayFormat/InputWithDisplayFormat.story.js

@@ -1,85 +0,0 @@
-import { text } from '@storybook/addon-knobs';
-import { userEvent, within } from '@storybook/test';
-
-import InputWithDisplayFormat from '.';
-import { Field } from '../field/Field';
-
-export default {
-  component: InputWithDisplayFormat,
-  title: 'Forms/InputWithDisplayFormat',
-};
-
-export const Basic = () => {
-  const placeholder = text('Placeholder', '**-**-**');
-  const displayPattern = text('DisplayPattern', '**-**-**');
-
-  return (
-    <Field label="Display pattern is controlled via knobs" id="Basic">
-      <InputWithDisplayFormat
-        id="Basic"
-        placeholder={placeholder}
-        displayPattern={displayPattern}
-        className="form-control"
-        onChange={(v) => console.log(v)}
-        onBlur={(v) => console.log(v)}
-        onFocus={(v) => console.log(v)}
-      />
-    </Field>
-  );
-};
-
-const Template = (args) => {
-  const placeholder = args.pattern;
-  const displayPattern = args.pattern;
-  const label = args.label;
-  const id = label.replaceAll(' ', '-').toLowerCase();
-
-  return (
-    <Field label={label} id={id}>
-      <InputWithDisplayFormat
-        id={id}
-        placeholder={placeholder}
-        displayPattern={displayPattern}
-        className="form-control"
-        onChange={(v) => console.log(v)}
-        onBlur={(v) => console.log(v)}
-        onFocus={(v) => console.log(v)}
-      />
-    </Field>
-  );
-};
-
-export const CardNumber = Template.bind({});
-CardNumber.args = {
-  label: 'Card Number',
-  pattern: '**** **** **** **** ***',
-};
-
-export const CVC = Template.bind({});
-CVC.args = {
-  label: 'CVC',
-  pattern: '***',
-};
-
-export const ExpiryDate = Template.bind({});
-ExpiryDate.args = {
-  label: 'Expiry Date',
-  pattern: '** / **',
-};
-
-export const SecurityPin = Template.bind({});
-SecurityPin.args = {
-  label: 'Security Pin',
-  pattern: '*-*-*-*-*-*',
-};
-
-export const SecurityPinPlay = Template.bind({});
-SecurityPinPlay.args = {
-  label: 'Security Pin',
-  pattern: '*-*-*-*-*-*',
-};
-
-SecurityPinPlay.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  await userEvent.type(canvas.getByPlaceholderText('*-*-*-*-*-*'), '123456');
-};