@transferwise/components 0.0.0-experimental-30a5fa7 → 0.0.0-experimental-ab588f3

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

@@ -1,22 +1,6 @@
 import { logActionRequired } from '../logActionRequired';
 
-type DeprecatedMessageType = {
-  component: string;
-  propName: string;
-  message: string;
-  expiryDate?: Date;
-};
-
-type ValidatorType = (props: Record<string, any>, propName: string, ...rest: any[]) => Error | null;
-
-type DeprecatedOptionsType = {
-  component: string;
-  message?: string;
-  newProp?: string;
-  expiryDate?: Date;
-};
-
-const deprecatedMessage = ({ component, propName, message, expiryDate }: DeprecatedMessageType) => {
+const deprecatedMessage = ({ component, propName, message, expiryDate }) => {
   const messages = [`${component} has deprecated the use of ${propName}.`];
 
   if (message) {
@@ -37,14 +21,11 @@ const deprecatedMessage = ({ component, propName, message, expiryDate }: Depreca
 };
 
 const deprecated =
-  (
-    validator: ValidatorType,
-    { component, message = '', newProp: newProperty, expiryDate }: DeprecatedOptionsType,
-  ) =>
-  (props: Record<string, any>, propertyName: string, ...rest: any[]) => {
+  (validator, { component, message = '', newProp: newProperty = null, expiryDate = null }) =>
+  (props, propertyName, ...rest) => {
     const newPropertyMessage = newProperty ? `Please use ${newProperty} instead.` : message;
 
-    if (props[propertyName] !== null && props[propertyName] !== undefined) {
+    if (props[propertyName] != null && typeof props[propertyName] !== 'undefined') {
       logActionRequired(
         deprecatedMessage({
           component,

package/src/utilities/deprecatedProperty/{deprecatedProperty.spec.ts → deprecatedProperty.spec.js}

@@ -5,7 +5,6 @@ const props = { prop1: 'prop1', prop2: 'prop2' };
 const validator = jest.fn();
 
 describe('deprecated', () => {
-  const component = 'Test';
   const origWarn = console.warn;
   let mockedWarn;
 
@@ -23,10 +22,11 @@ describe('deprecated', () => {
   });
 
   describe('if prop has been listed as deprecated', () => {
-    const propertyName = 'prop1';
-
     it('calls console.warn with the correct message', () => {
+      const component = 'Test';
       const newProperty = 'newProp';
+      const propertyName = 'prop1';
+
       const expiryDate = new Date('01-01-2000');
       const expiryDateString = expiryDate.toLocaleString('en-GB', {
         year: 'numeric',
@@ -42,6 +42,10 @@ describe('deprecated', () => {
     });
 
     it('calls console.warn with correct message if newProp is not provided', () => {
+      const component = 'Test';
+
+      const propertyName = 'prop1';
+
       const expiryDate = new Date('01-01-2000');
       const expiryDateString = expiryDate.toLocaleString('en-GB', {
         year: 'numeric',
@@ -57,6 +61,8 @@ describe('deprecated', () => {
     });
 
     it('calls console.warn with correct message if message is provided', () => {
+      const component = 'Test';
+      const propertyName = 'prop1';
       const message = 'Some custom message.';
 
       deprecated(validator, { component, message })(props, propertyName);
@@ -68,15 +74,15 @@ describe('deprecated', () => {
   });
 
   describe('if prop has not been listed as deprecated', () => {
-    const propertyName = 'prop3';
-
     it('calls validator with props', () => {
-      deprecated(validator, { component })(props, propertyName);
+      const propertyName = 'prop3';
+      deprecated(validator, {})(props, propertyName);
       expect(console.warn).not.toHaveBeenCalled();
     });
 
     it('calls validator with expected args', () => {
-      deprecated(validator, { component })(props, propertyName);
+      const propertyName = 'prop3';
+      deprecated(validator, {})(props, propertyName);
       expect(validator).toHaveBeenCalledWith({ prop1: 'prop1', prop2: 'prop2' }, 'prop3');
     });
   });

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

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

package/build/types/test-utils/style-mock.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=style-mock.d.ts.map

package/build/types/test-utils/style-mock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-mock.d.ts","sourceRoot":"","sources":["../../../src/test-utils/style-mock.ts"],"names":[],"mappings":""}

package/src/inputWithDisplayFormat/InputWithDisplayFormat.story.tsx

@@ -1,78 +0,0 @@
-import { userEvent, within, fn } from '@storybook/test';
-
-import InputWithDisplayFormat, { InputWithDisplayFormatProps } from '.';
-import { Field, FieldProps } from '../field/Field';
-import { Meta, type StoryObj } from '@storybook/react';
-
-type Story = StoryObj<InputWithDisplayFormatProps & { label: string }>;
-
-const meta = {
-  title: 'Forms/InputWithDisplayFormat',
-  component: InputWithDisplayFormat,
-  render: function Render({ label, ...args }: InputWithDisplayFormatProps & FieldProps) {
-    return (
-      <Field label={label} id={args.id}>
-        <InputWithDisplayFormat id={args.id} {...args} />
-      </Field>
-    );
-  },
-  args: {
-    onFocus: fn(),
-    onBlur: fn(),
-    onChange: fn(),
-  },
-} satisfies Meta<typeof InputWithDisplayFormat>;
-export default meta;
-
-export const Basic: Story = {
-  args: {
-    label: 'Sort Code',
-    placeholder: '**-**-**',
-    displayPattern: '**-**-**',
-  },
-};
-
-export const CardNumber: Story = {
-  args: {
-    label: 'Card Number',
-    placeholder: '**** **** **** **** ***',
-    displayPattern: '**** **** **** **** ***',
-  },
-};
-
-export const CVC: Story = {
-  args: {
-    label: 'CVC',
-    placeholder: '***',
-    displayPattern: '***',
-    value: '',
-  },
-};
-
-export const ExpiryDate: Story = {
-  args: {
-    label: 'Expiry Date',
-    placeholder: '** / **',
-    displayPattern: '** / **',
-  },
-};
-
-export const SecurityPin: Story = {
-  args: {
-    label: 'Security Pin',
-    placeholder: '*-*-*-*-*-*',
-    displayPattern: '*-*-*-*-*-*',
-  },
-};
-
-export const SecurityPinPlay: Story = {
-  args: {
-    label: 'Security Pin Play',
-    placeholder: '*-*-*-*-*-*',
-    displayPattern: '*-*-*-*-*-*',
-  },
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    await userEvent.type(canvas.getByPlaceholderText('*-*-*-*-*-*'), '123456');
-  },
-};