@instructure/canvas-rce 5.6.2 → 5.6.3

package/es/rce/plugins/instructure_icon_maker/utils/__tests__/IconMakerFormHasChanges.test.js

@@ -1,328 +0,0 @@
-/*
- * Copyright (C) 2022 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import { IconMakerFormHasChanges } from '../IconMakerFormHasChanges';
-import { Shape } from '../../svg/shape';
-import { Size } from '../../svg/constants';
-describe('detect if icon maker form has changes', () => {
-  let initialSettings, currentSettings;
-  let imFormHasChanges;
-  beforeEach(() => {
-    initialSettings = initializeSettings();
-    currentSettings = initializeSettings();
-  });
-  describe('hasNameChange', () => {
-    it('returns false if names match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasNameChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if names do not match exactly', () => {
-      currentSettings.name = 'new-file-name.svg';
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasNameChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasAltChange', () => {
-    it('returns false if alt texts match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasAltChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if alt texts do not match exactly', () => {
-      currentSettings.alt = 'new alt text';
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasAltChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasShapeNameChange', () => {
-    it('returns false if shape names match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasShapeNameChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if shape names do not match exactly', () => {
-      currentSettings.shape = Shape.Diamond;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasShapeNameChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasShapeSizeChange', () => {
-    it('returns false if shape sizes match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasShapeSizeChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if shape sizes do not match exactly', () => {
-      currentSettings.size = Size.ExtraLarge;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasShapeSizeChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasColorNameChange', () => {
-    it('returns false if color names match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasColorNameChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if color names do not match exactly', () => {
-      currentSettings.color = Color.Black;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasColorNameChange();
-      expect(result).toBe(true);
-    });
-    it('returns false if both color names are null', () => {
-      initialSettings.color = null;
-      currentSettings.color = null;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasColorNameChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if one color is null and the other is a valid color', () => {
-      initialSettings.color = null;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasColorNameChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasOutlineSizeChange', () => {
-    it('returns false if color outline sizes match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasOutlineSizeChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if color outline sizes do not match exactly', () => {
-      currentSettings.outlineSize = 'medium';
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasOutlineSizeChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasOutlineColorChange', () => {
-    it('returns false if outline colors match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasOutlineColorChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if outline colors do not match exactly', () => {
-      currentSettings.outlineColor = Color.Green;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasOutlineColorChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasTextChange', () => {
-    it('returns false if text entries match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasTextChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if text entries do not match exactly', () => {
-      currentSettings.text = 'text-has-changed';
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasTextChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasTextSizeChange', () => {
-    it('returns false if text sizes match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasTextSizeChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if text sizes do not match exactly', () => {
-      currentSettings.textSize = Size.ExtraLarge;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasTextSizeChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasTextColorChange', () => {
-    it('returns false if text colors match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasTextColorChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if text colors do not match exactly', () => {
-      currentSettings.textColor = Color.Red;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasTextColorChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasTextBackgroundColorChange', () => {
-    it('returns false if text background colors match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasTextBackgroundColorChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if text background colors do not match exactly', () => {
-      currentSettings.textBackgroundColor = Color.Green;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasTextBackgroundColorChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasTextPositionChange', () => {
-    it('returns false if text positions match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasTextPositionChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if text positions do not match exactly', () => {
-      currentSettings.textPosition = 'below';
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasTextPositionChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasImageSettingsChange', () => {
-    it('returns false if image settings match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasImageSettingsChange();
-      expect(result).toBe(false);
-    });
-    it('returns true if image settings do not match exactly', () => {
-      currentSettings.imageSettings.iconFillColor = Color.Black;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasImageSettingsChange();
-      expect(result).toBe(true);
-    });
-  });
-  describe('hasChanges', () => {
-    it('returns false if all properties match exactly', () => {
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(false);
-    });
-    it('returns true if imageSettings property is not an exact match', () => {
-      currentSettings.imageSettings.iconFillColor = Color.Black;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if textPosition property is not an exact match', () => {
-      currentSettings.textPosition = 'below';
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if textBackgroundColor property is not an exact match', () => {
-      currentSettings.textBackgroundColor = Color.Yellow;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if textColor property is not an exact match', () => {
-      currentSettings.textColor = Color.Red;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if textSize property is not an exact match', () => {
-      currentSettings.textSize = Size.ExtraLarge;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if text property is not an exact match', () => {
-      currentSettings.text = 'text-has-changed';
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if outlineColor property is not an exact match', () => {
-      currentSettings.outlineColor = Color.Green;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if outlineSize property is not an exact match', () => {
-      currentSettings.outlineSize = 'medium';
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if color property is not an exact match', () => {
-      currentSettings.color = Color.Black;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if size property is not an exact match', () => {
-      currentSettings.size = Size.ExtraLarge;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if shape property is not an exact match', () => {
-      currentSettings.shape = Shape.Diamond;
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if alt property is not an exact match', () => {
-      currentSettings.alt = 'new alt text';
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-    it('returns true if name property is not an exact match', () => {
-      currentSettings.name = 'new name';
-      imFormHasChanges = new IconMakerFormHasChanges(initialSettings, currentSettings);
-      const result = imFormHasChanges.hasChanges();
-      expect(result).toBe(true);
-    });
-  });
-});
-const Color = {
-  Black: '#000000',
-  White: '#FFFFFF',
-  Yellow: '#FFFF00',
-  Green: '#00FF00',
-  Red: '#FF0000'
-};
-
-function initializeSettings() {
-  return {
-    name: 'file1',
-    alt: 'alt text',
-    size: Size.Medium,
-    shape: Shape.Circle,
-    color: Color.White,
-    outlineSize: 'none',
-    outlineColor: Color.Yellow,
-    text: '',
-    textSize: Size.Small,
-    textColor: Color.Green,
-    textBackgroundColor: Color.Red,
-    textPosition: 'middle',
-    imageSettings: {
-      cropperSettings: null,
-      icon: {
-        label: 'Art Icon'
-      },
-      iconFillColor: Color.White,
-      image: 'Art Icon',
-      mode: 'SingleColor'
-    }
-  };
-}

package/es/rce/plugins/instructure_icon_maker/utils/__tests__/addIconMakerAttributes.test.js

@@ -1,38 +0,0 @@
-/*
- * Copyright (C) 2022 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import addIconMakerAttributes from '../addIconMakerAttributes';
-import { ICON_MAKER_ATTRIBUTE, ICON_MAKER_DOWNLOAD_URL_ATTR } from '../../svg/constants';
-import buildDownloadUrl from '../../../shared/buildDownloadUrl';
-describe('addIconMakerAttributes', () => {
-  const url = 'http://canvas.tests/files/1/download';
-  let imageAttributes;
-  beforeEach(() => {
-    imageAttributes = {
-      src: url
-    };
-  });
-  it('adds the "data-inst-icon-maker-icon" attribute with a value of "true"', () => {
-    addIconMakerAttributes(imageAttributes);
-    expect(imageAttributes[ICON_MAKER_ATTRIBUTE]).toBe(true);
-  });
-  it('adds the "data-download-url" attribute with the correct url for IM icons', () => {
-    addIconMakerAttributes(imageAttributes);
-    const expectedDownloadUrl = buildDownloadUrl(imageAttributes.src);
-    expect(imageAttributes[ICON_MAKER_DOWNLOAD_URL_ATTR]).toBe(expectedDownloadUrl);
-  });
-});

package/es/rce/plugins/instructure_icon_maker/utils/__tests__/iconValidation.test.js

@@ -1,86 +0,0 @@
-/*
- * Copyright (C) 2022 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import { hasBackgroundColor, hasText, hasImage, hasOutline, validIcon } from '../iconValidation';
-describe('icon validation', () => {
-  let settings;
-  beforeEach(() => {
-    settings = {
-      color: null,
-      encodedImage: '',
-      outlineSize: 'none',
-      text: ''
-    };
-  });
-  describe('hasBackgroundColor', () => {
-    it('is false if the icon has no background color', () => {
-      expect(hasBackgroundColor(settings)).toBe(false);
-    });
-    it('is true if the icon has a background color', () => {
-      settings.color = '#000000';
-      expect(hasBackgroundColor(settings)).toBe(true);
-    });
-  });
-  describe('hasText', () => {
-    it('is false if the icon has no text', () => {
-      expect(hasText(settings)).toBe(false);
-    });
-    it('is true if the icon has text', () => {
-      settings.text = 'blah';
-      expect(hasText(settings)).toBe(true);
-    });
-  });
-  describe('hasImage', () => {
-    it('is false if the icon has no image', () => {
-      expect(hasImage(settings)).toBe(false);
-    });
-    it('is true if the icon has an image', () => {
-      settings.encodedImage = 'data:image/svg+xml;base64,PHN2ZyB3aWR...';
-      expect(hasImage(settings)).toBe(true);
-    });
-  });
-  describe('hasOutline', () => {
-    it('is false if the outline size is none', () => {
-      expect(hasOutline(settings)).toBe(false);
-    });
-    it('is true if the outline size is not none', () => {
-      settings.outlineSize = 'small';
-      expect(hasOutline(settings)).toBe(true);
-    });
-  });
-  describe('validIcon', () => {
-    it('is false if none of the criteria are met', () => {
-      expect(validIcon(settings)).toBe(false);
-    });
-    it('is true if the icon has a background color', () => {
-      settings.color = '#000000';
-      expect(validIcon(settings)).toBe(true);
-    });
-    it('is true if the icon has text', () => {
-      settings.text = 'blah';
-      expect(validIcon(settings)).toBe(true);
-    });
-    it('is true if the icon has an image', () => {
-      settings.encodedImage = 'data:image/svg+xml;base64,PHN2ZyB3aWR...';
-      expect(validIcon(settings)).toBe(true);
-    });
-    it('is true if the icon outline size is not none', () => {
-      settings.outlineSize = 'small';
-      expect(validIcon(settings)).toBe(true);
-    });
-  });
-});

package/es/rce/plugins/instructure_icon_maker/utils/__tests__/round.test.js

@@ -1,31 +0,0 @@
-/*
- * Copyright (C) 2022 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import round from '../round';
-describe('round', () => {
-  it('rounds to the specified number of decimal places', () => {
-    expect(`${round(12.3456, 2)}`).toEqual('12.35');
-    expect(`${round(12.3456, 0)}`).toEqual('12');
-    expect(`${round(12.5, 0)}`).toEqual('13');
-    expect(`${round(12.34, 5)}`).toEqual('12.34');
-  });
-  it('throws when given a bad arguments', () => {
-    expect(() => round(12.34, -1)).toThrow();
-    expect(() => round('junk', 2)).toThrow();
-    expect(() => round(12.34, 'x')).toThrow();
-  });
-});

package/es/rce/plugins/instructure_icon_maker/utils/__tests__/useDebouncedValue.test.js

@@ -1,95 +0,0 @@
-/*
- * Copyright (C) 2022 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import React from 'react';
-import { renderHook, act } from '@testing-library/react-hooks/dom';
-import useDebouncedValue from '../useDebouncedValue';
-jest.mock('@instructure/debounce', () => ({
-  debounce: callback => {
-    return () => {
-      callback();
-    };
-  }
-}));
-describe('useDebouncedValue()', () => {
-  let currentValue, onChange;
-
-  const subject = () => renderHook(_ref => {
-    let {
-      value,
-      handler
-    } = _ref;
-    return useDebouncedValue(value, handler);
-  }, {
-    initialProps: {
-      value: currentValue,
-      handler: onChange
-    }
-  });
-
-  beforeEach(() => {
-    currentValue = 'test';
-    onChange = jest.fn();
-  });
-  it('sets the immediate value to the current value on first render', () => {
-    const [immediateValue] = subject().result.current;
-    expect(immediateValue).toEqual(currentValue);
-  });
-  it('updates the immediate value when the current value changes', () => {
-    const {
-      result
-    } = subject();
-    const [, handleValueChange] = result.current;
-    act(() => handleValueChange({
-      target: {
-        value: 'a new value'
-      }
-    }));
-    expect(result.current[0]).toEqual('a new value');
-  });
-  it('calls the onChange handler', () => {
-    const {
-      result
-    } = subject();
-    const [, handleValueChange] = result.current;
-    act(() => handleValueChange({
-      target: {
-        value: 'a new value'
-      }
-    }));
-    expect(onChange).toHaveBeenCalled();
-  });
-  describe('when the initial value is falsey', () => {
-    beforeEach(() => {
-      currentValue = '';
-    });
-    describe('and the current value changes to be truthy', () => {
-      let result;
-      beforeEach(() => {
-        const testComponent = subject();
-        testComponent.rerender({
-          value: 'a truthy value',
-          handler: onChange
-        });
-        result = testComponent.result;
-      });
-      it('updates the immediate value', () => {
-        expect(result.current[0]).toEqual('a truthy value');
-      });
-    });
-  });
-});

package/es/rce/plugins/instructure_icon_maker/utils/__tests__/useMockedDebouncedValue.js

@@ -1,35 +0,0 @@
-/*
- * Copyright (C) 2022 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import React, { useState } from 'react'; // This function may be used in place of 'useDebouncedValue.js' when
-// awaiting the debounced onChange to fire is not possible (or very
-// inconvenient)
-
-export default function useDebouncedValue(initialValue, onChange) {
-  const [immediateValue, setImmediateValue] = useState(initialValue);
-
-  const handleValueChange = event => {
-    const {
-      value
-    } = event.target;
-    setImmediateValue(value); // Unlike the un-mocked hook, we call onChange without debouncing
-
-    onChange(value);
-  };
-
-  return [immediateValue, handleValueChange, setImmediateValue];
-}