react-spatial 1.5.3 → 1.5.5

package/src/components/BaseLayerSwitcher/__snapshots__/BaseLayerSwitcher.test.js.snap

@@ -1,88 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`BaseLayerSwitcher matches snapshots using default properties. 1`] = `
-<div class="rs-base-layer-switcher">
-  <div class="rs-base-layer-switcher-button rs-opener"
-       role="button"
-       title="Open Baselayer-Switcher"
-       aria-label="Open Baselayer-Switcher"
-       style="background-image: url(bar); background-size: cover; background-repeat: no-repeat; background-position: center;"
-       tabindex="0"
-  >
-    <div class="rs-base-layer-switcher-title">
-      Base layers
-    </div>
-  </div>
-  <div class="rs-base-layer-switcher-btn-wrapper"
-       style="overflow: hidden; z-index: 3;"
-  >
-    <div class="rs-base-layer-switcher-button"
-         role="button"
-         title="bl1"
-         aria-label="bl1"
-         tabindex="-1"
-    >
-      <div class="rs-base-layer-switcher-title rs-active">
-        bl1
-      </div>
-      <span class="rs-alt-text">
-        Source not found
-      </span>
-    </div>
-  </div>
-  <div class="rs-base-layer-switcher-btn-wrapper"
-       style="overflow: hidden; z-index: 2;"
-  >
-    <div class="rs-base-layer-switcher-button"
-         role="button"
-         title="bl2"
-         aria-label="bl2"
-         tabindex="-1"
-    >
-      <div class="rs-base-layer-switcher-title">
-        bl2
-      </div>
-      <span class="rs-alt-text">
-        Source not found
-      </span>
-    </div>
-  </div>
-  <div class="rs-base-layer-switcher-btn-wrapper"
-       style="overflow: hidden; z-index: 1;"
-  >
-    <div class="rs-base-layer-switcher-button"
-         role="button"
-         title="bl3"
-         aria-label="bl3"
-         tabindex="-1"
-    >
-      <div class="rs-base-layer-switcher-title">
-        bl3
-      </div>
-      <span class="rs-alt-text">
-        Source not found
-      </span>
-    </div>
-  </div>
-  <div class="rs-base-layer-switcher-btn-wrapper">
-    <div class="rs-base-layer-switcher-close-btn"
-         role="button"
-         tabindex="-1"
-         aria-label="Close Baselayer-Switcher"
-         title="Close Baselayer-Switcher"
-    >
-      <svg stroke="currentColor"
-           fill="currentColor"
-           stroke-width="0"
-           viewbox="0 0 320 512"
-           height="1em"
-           width="1em"
-           xmlns="http://www.w3.org/2000/svg"
-      >
-        <path d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z">
-        </path>
-      </svg>
-    </div>
-  </div>
-</div>
-`;

package/src/components/BaseLayerSwitcher/index.js

@@ -1 +0,0 @@
-export { default } from './BaseLayerSwitcher';

package/src/components/BasicMap/BasicMap.test.js

@@ -1,281 +0,0 @@
-import 'jest-canvas-mock';
-import proj4 from 'proj4';
-import { register } from 'ol/proj/proj4';
-import React from 'react';
-import ResizeObserver from 'resize-observer-polyfill';
-import { Layer } from 'mobility-toolbox-js/ol';
-import MapEvent from 'ol/MapEvent';
-import OLLayer from 'ol/layer/Vector';
-import OLMap from 'ol/Map';
-import OLView from 'ol/View';
-import { render } from '@testing-library/react';
-import BasicMap from './BasicMap';
-
-proj4.defs(
-  'EPSG:21781',
-  '+proj=somerc +lat_0=46.95240555555556 ' +
-    '+lon_0=7.439583333333333 +k_0=1 +x_0=600000 +y_0=200000 +ellps=bessel ' +
-    '+towgs84=674.4,15.1,405.3,0,0,0,0 +units=m +no_defs',
-);
-
-register(proj4);
-
-const extent = [0, 0, 1000, 1000];
-const olLayers = [
-  new Layer({
-    name: 'foo',
-    olLayer: new OLLayer({}),
-    visible: true,
-  }),
-];
-
-describe('BasicMap', () => {
-  let olMap;
-  beforeEach(() => {
-    const olView = new OLView();
-    olMap = new OLMap({ view: olView });
-  });
-
-  test('should be rendered', () => {
-    const setTarget = jest.spyOn(olMap, 'setTarget');
-    render(<BasicMap map={olMap} />);
-    expect(setTarget).toHaveBeenCalled();
-  });
-
-  test('should be rendered with touchAction to none', () => {
-    render(<BasicMap map={olMap} />);
-    expect(olMap.getViewport().style.touchAction).toBe('none');
-    expect(olMap.getViewport().style.msTouchAction).toBe('none');
-    expect(olMap.getViewport().getAttribute('touch-action')).toBe('none');
-  });
-
-  test('uses onMapMoved function', () => {
-    const spy = jest.fn(() => {});
-    const spy2 = jest.fn();
-    const evt = new MapEvent('moveend', olMap);
-
-    // Test componentDidMount
-    const { rerender } = render(<BasicMap map={olMap} onMapMoved={spy} />);
-    olMap.dispatchEvent(evt);
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy).toHaveBeenCalledWith(evt);
-
-    // Test componentDidUpdate
-    rerender(<BasicMap map={olMap} onMapMoved={spy2} />);
-    olMap.dispatchEvent(evt);
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledWith(evt);
-
-    // Test componentDidUpdate
-    rerender(<BasicMap map={olMap} onMapMoved={null} />);
-    olMap.dispatchEvent(evt);
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-  });
-
-  test('uses onFeaturesClick function', () => {
-    const spy = jest.fn();
-    const spy2 = jest.fn();
-    const evt = new MapEvent('singleclick', olMap);
-
-    // Test componentDidMount
-    const { rerender } = render(<BasicMap map={olMap} onFeaturesClick={spy} />);
-    olMap.dispatchEvent(evt);
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy).toHaveBeenCalledWith([], evt);
-
-    // Test componentDidUpdate
-    rerender(<BasicMap map={olMap} onFeaturesClick={spy2} />);
-    olMap.dispatchEvent(evt);
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledWith([], evt);
-
-    // Test componentDidUpdate
-    rerender(<BasicMap map={olMap} onFeaturesClick={null} />);
-    olMap.dispatchEvent(evt);
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-  });
-
-  test('uses onFeaturesHover function', () => {
-    const spy = jest.fn();
-    const spy2 = jest.fn();
-    const evt = new MapEvent('pointermove', olMap);
-
-    // Test componentDidMount
-    const { rerender } = render(
-      <BasicMap map={olMap} onFeaturesHover={spy} />,
-      {
-        lifecycleExperimental: true,
-      },
-    );
-    olMap.dispatchEvent(evt);
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy).toHaveBeenCalledWith([], evt);
-
-    // Test componentDidUpdate
-    rerender(<BasicMap map={olMap} onFeaturesHover={spy2} />);
-    olMap.dispatchEvent(evt);
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledWith([], evt);
-
-    // Test componentDidUpdate
-    rerender(<BasicMap map={olMap} onFeaturesHover={null} />);
-    olMap.dispatchEvent(evt);
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-  });
-
-  test('should be rendered with a default map', () => {
-    const { container } = render(<BasicMap />);
-    expect(!!container.querySelector('.ol-viewport')).toBe(true);
-  });
-
-  test('should be rendered with layers and an extent', () => {
-    render(
-      <BasicMap
-        map={olMap}
-        layers={olLayers}
-        extent={extent}
-        viewOptions={{
-          minZoom: 16,
-          maxZoom: 22,
-          projection: 'EPSG:21781',
-        }}
-      />,
-    );
-    expect(olMap.getLayers().getLength()).toBe(1);
-    expect(olMap.getView().calculateExtent()).toEqual([
-      380.70084231351245, 380.70084231351245, 619.2991576864875,
-      619.2991576864875,
-    ]);
-  });
-
-  test('center shoud be set', () => {
-    const { rerender } = render(<BasicMap map={olMap} />);
-    const setCenter = jest.spyOn(olMap.getView(), 'setCenter');
-    rerender(<BasicMap map={olMap} center={[0, 0]} />);
-    expect(setCenter).toHaveBeenCalled();
-  });
-
-  test('zoom shoud be set', () => {
-    const { rerender } = render(<BasicMap map={olMap} zoom={5} />);
-    expect(olMap.getView().getZoom()).toBe(5);
-    rerender(<BasicMap map={olMap} zoom={2} />);
-    expect(olMap.getView().getZoom()).toBe(2);
-  });
-
-  test('resolution shoud be set', () => {
-    const { rerender } = render(<BasicMap map={olMap} resolution={100} />);
-    expect(olMap.getView().getResolution()).toBe(100);
-    rerender(<BasicMap map={olMap} resolution={5} />);
-    expect(olMap.getView().getResolution()).toBe(5);
-  });
-
-  test('animation shoud be set', () => {
-    const obj = {
-      zoom: 4,
-    };
-    const { rerender } = render(<BasicMap map={olMap} />);
-    const spy = jest.spyOn(olMap.getView(), 'animate');
-    rerender(<BasicMap map={olMap} animationOptions={obj} />);
-    expect(spy).toHaveBeenCalledWith(obj);
-  });
-
-  test('layers shoud be updated', () => {
-    const addLayer = jest.spyOn(olMap, 'addLayer');
-    const { rerender } = render(<BasicMap map={olMap} />);
-    const layer = new Layer({ name: 'test', olLayer: new OLLayer() });
-    rerender(<BasicMap map={olMap} layers={[layer]} />);
-    expect(addLayer).toHaveBeenCalled();
-  });
-
-  test('should be fitted if extent is updated', () => {
-    const fitExtent = jest.spyOn(OLView.prototype, 'fit');
-    const { rerender } = render(<BasicMap map={olMap} />);
-    rerender(<BasicMap map={olMap} extent={[1, 2, 3, 4]} />);
-    expect(fitExtent).toHaveBeenCalled();
-  });
-
-  test('should be zoomed if zoom is updated', () => {
-    const setZoom = jest.spyOn(OLView.prototype, 'setZoom');
-    const { rerender } = render(<BasicMap map={olMap} />);
-    rerender(<BasicMap map={olMap} zoom={15} />);
-    expect(setZoom).toHaveBeenCalledWith(15);
-  });
-
-  test('should be observed by ResizeHandler', () => {
-    const spy = jest.spyOn(ResizeObserver.prototype, 'observe');
-    render(<BasicMap map={olMap} />);
-    expect(spy).toHaveBeenCalledWith(olMap.getTargetElement());
-    expect(spy).toHaveBeenCalledTimes(1);
-  });
-
-  test('size is updated when div is resized', () => {
-    const spy = jest.spyOn(olMap, 'updateSize');
-    render(<BasicMap map={olMap} />);
-    expect(spy).toHaveBeenCalledTimes(2);
-    // The mock class set the onResize property, we just have to run it to
-    // simulate a resize
-    ResizeObserver.onResize([
-      {
-        target: olMap.getTargetElement(),
-        contentRect: {
-          width: 20,
-          height: 20,
-        },
-      },
-    ]);
-    expect(spy).toHaveBeenCalledTimes(3);
-  });
-
-  describe('#setLayers()', () => {
-    test('init all layers and terminate al previous layer.', () => {
-      const layer0 = new Layer({ key: 'test1' });
-      const spyInit0 = jest.spyOn(layer0, 'attachToMap');
-      const spyTerminate0 = jest.spyOn(layer0, 'detachFromMap');
-      const layer1 = new Layer({ key: 'test1' });
-      const spyInit1 = jest.spyOn(layer1, 'attachToMap');
-      const spyTerminate1 = jest.spyOn(layer1, 'detachFromMap');
-      const layer2 = new Layer({ key: 'test2' });
-      const spyInit2 = jest.spyOn(layer2, 'attachToMap');
-      const spyTerminate2 = jest.spyOn(layer2, 'detachFromMap');
-      const layer3 = new Layer({ key: 'test3' });
-      const spyInit3 = jest.spyOn(layer3, 'attachToMap');
-      const spyTerminate3 = jest.spyOn(layer3, 'detachFromMap');
-      const layer4 = new Layer({ key: 'test4' });
-      const spyInit4 = jest.spyOn(layer4, 'attachToMap');
-      const spyTerminate4 = jest.spyOn(layer4, 'detachFromMap');
-      const startLayers = [layer1, layer3];
-      const { rerender } = render(
-        <BasicMap map={olMap} layers={startLayers} />,
-      );
-      expect(spyInit0).toHaveBeenCalledTimes(0);
-      expect(spyInit1).toHaveBeenCalledTimes(1);
-      expect(spyInit2).toHaveBeenCalledTimes(0);
-      expect(spyInit3).toHaveBeenCalledTimes(1);
-      expect(spyInit4).toHaveBeenCalledTimes(0);
-      expect(spyTerminate0).toHaveBeenCalledTimes(0);
-      expect(spyTerminate1).toHaveBeenCalledTimes(1);
-      expect(spyTerminate2).toHaveBeenCalledTimes(0);
-      expect(spyTerminate3).toHaveBeenCalledTimes(1);
-      expect(spyTerminate4).toHaveBeenCalledTimes(0);
-
-      const layers = [layer0, layer2, layer3, layer4];
-      rerender(<BasicMap map={olMap} layers={layers} />);
-      expect(spyInit0).toHaveBeenCalledTimes(1);
-      expect(spyInit1).toHaveBeenCalledTimes(1);
-      expect(spyInit2).toHaveBeenCalledTimes(1);
-      expect(spyInit3).toHaveBeenCalledTimes(2);
-      expect(spyInit4).toHaveBeenCalledTimes(1);
-      expect(spyTerminate0).toHaveBeenCalledTimes(1);
-      expect(spyTerminate1).toHaveBeenCalledTimes(2);
-      expect(spyTerminate2).toHaveBeenCalledTimes(1);
-      expect(spyTerminate3).toHaveBeenCalledTimes(3);
-      expect(spyTerminate4).toHaveBeenCalledTimes(1);
-    });
-  });
-});

package/src/components/BasicMap/README.md

@@ -1,18 +0,0 @@
-
-The following example demonstrates the use of BasicMap.
-
-```jsx
-import React from 'react';
-import { MapboxLayer } from 'mobility-toolbox-js/ol';
-import Tile from 'ol/layer/Tile';
-import OSM from 'ol/source/OSM';
-import BasicMap from 'react-spatial/components/BasicMap';
-
-const layers = [
-  new MapboxLayer({
-    url: `https://maps.geops.io/styles/travic_v2/style.json?key=${apiKey}`,
-  })
-];
-
-<BasicMap layers={layers} tabIndex={0} />;
-```

package/src/components/BasicMap/index.js

@@ -1 +0,0 @@
-export { default } from './BasicMap';

package/src/components/CanvasSaveButton/CanvasSaveButton.test.js

@@ -1,148 +0,0 @@
-import 'jest-canvas-mock';
-import React from 'react';
-import renderer from 'react-test-renderer';
-import { configure, shallow } from 'enzyme';
-import Adapter from '@cfaester/enzyme-adapter-react-18';
-import Map from 'ol/Map';
-import View from 'ol/View';
-import { TiImage } from 'react-icons/ti';
-import RenderEvent from 'ol/render/Event';
-import CanvasSaveButton from './CanvasSaveButton';
-
-configure({ adapter: new Adapter() });
-
-describe('CanvasSaveButton', () => {
-  let olMap;
-  const conf = {
-    title: 'Karte als Bild speichern.',
-    icon: <TiImage focusable={false} />,
-    className: 'ta-example',
-    saveFormat: 'image/jpeg',
-  };
-
-  beforeEach(() => {
-    const target = document.createElement('div');
-    document.body.appendChild(target);
-    target.style.width = '100px';
-    target.style.height = '100px';
-    olMap = new Map({
-      target,
-      controls: [],
-      view: new View({
-        center: [0, 0],
-        zoom: 0,
-      }),
-    });
-    olMap.getView().setCenter([1000, 1000]);
-  });
-
-  afterEach(() => {
-    if (olMap.getTargetElement()) {
-      document.body.removeChild(olMap.getTargetElement());
-    }
-    olMap.setTarget(null);
-  });
-
-  test('should match snapshot.', () => {
-    const component = renderer.create(
-      <CanvasSaveButton format={conf.saveFormat} map={olMap}>
-        {conf.icon}
-      </CanvasSaveButton>,
-    );
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-
-  test('should match snapshot with a different attributes', () => {
-    const component = renderer.create(
-      // eslint-disable-next-line jsx-a11y/tabindex-no-positive
-      <CanvasSaveButton title={conf.title} className="foo" tabIndex="1">
-        {conf.icon}
-      </CanvasSaveButton>,
-    );
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-
-  test('should call onSaveBefore then download then onSaveEnd function on click.', async () => {
-    const saveStart = jest.fn((m) => {
-      return Promise.resolve(m);
-    });
-    const saveEnd = jest.fn();
-    const wrapper = shallow(
-      <CanvasSaveButton
-        className="ta-example"
-        map={olMap}
-        format={conf.saveFormat}
-        onSaveStart={saveStart}
-        onSaveEnd={saveEnd}
-        extraData={{
-          copyright: {
-            text: () => {
-              return (
-                'contributors, SRTM | map style: © OpenTopoMap (CC-BY-SA)' +
-                'contributors, SRTM | map style: © OpenTopoMap (CC-BY-SA)' +
-                'contributors, SRTM | map style: © OpenTopoMap (CC-BY-SA)' +
-                'contributors, SRTM | map style: © OpenTopoMap (CC-BY-SA)' +
-                'contributors, SRTM | map style: © OpenTopoMap (CC-BY-SA)' +
-                'contributors, SRTM | map style: © OpenTopoMap (CC-BY-SA)' +
-                'contributors, SRTM | map style: © OpenTopoMap (CC-BY-SA)'
-              );
-            },
-          },
-        }}
-      >
-        {conf.icon}
-      </CanvasSaveButton>,
-    );
-    const link = document.createElement('a');
-    link.click = jest.fn();
-    const div = document.createElement('div');
-    const canvas = document.createElement('canvas');
-    canvas.toBlob = jest.fn((callback) => {
-      return callback();
-    });
-    global.URL.createObjectURL = jest.fn(() => {
-      return 'fooblob';
-    });
-    // We use a spy here to be able to correctly restore the initial function
-    const spy3 = jest
-      .spyOn(global.document, 'createElement')
-      .mockImplementation((elt) => {
-        if (elt === 'canvas') {
-          return canvas;
-        }
-        if (elt === 'div') {
-          return div;
-        }
-        if (elt === 'a') {
-          return link;
-        }
-        return {};
-      });
-    const spy = jest.spyOn(CanvasSaveButton.prototype, 'createCanvasImage');
-    const spy2 = jest.spyOn(CanvasSaveButton.prototype, 'downloadCanvasImage');
-    jest
-      .spyOn(olMap.getTargetElement(), 'getElementsByTagName')
-      .mockReturnValue([canvas]);
-    await wrapper.find('.ta-example').simulate('click');
-    await olMap.dispatchEvent(
-      new RenderEvent('rendercomplete', undefined, undefined, {
-        canvas,
-      }),
-    );
-    await window.setTimeout(() => {
-      expect(spy).toHaveBeenCalledTimes(1);
-      expect(saveStart).toHaveBeenCalledTimes(1);
-      expect(saveEnd).toHaveBeenCalledTimes(1);
-      expect(spy2.mock.calls[0][0]).toBe(canvas);
-      expect(spy2.mock.calls[0][0].toBlob).toHaveBeenCalledTimes(1);
-      expect(link.href).toBe('http://localhost/fooblob');
-      expect(link.download).toBe('.jpg');
-      expect(link.click).toHaveBeenCalledTimes(1);
-      spy.mockRestore();
-      spy2.mockRestore();
-      spy3.mockRestore();
-    });
-  });
-});

package/src/components/CanvasSaveButton/README.md

@@ -1,76 +0,0 @@
-The following example demonstrates the use of CanvasSaveButton.
-
-```jsx
-import React from 'react';
-import { TiImage } from 'react-icons/ti';
-import { geopsTheme, Header, Footer } from '@geops/geops-ui';
-import { ThemeProvider } from '@material-ui/core/styles';
-import Button from '@material-ui/core/Button';
-import { Layer } from 'mobility-toolbox-js/ol';
-import Tile from 'ol/layer/Tile';
-import OSM from 'ol/source/OSM';
-import Map from 'ol/Map';
-import { toDegrees } from 'ol/math';
-import CanvasSaveButton from 'react-spatial/components/CanvasSaveButton';
-import BasicMap from 'react-spatial/components/BasicMap';
-import geopsLogo from 'react-spatial/images/geops_logo.png';
-import qrCode from 'react-spatial/images/geops_qr.png';
-
-const map = new Map({ controls: [] });
-
-const layers = [
-  new Layer({
-    olLayer: new Tile({
-      source: new OSM(),
-    }),
-    copyrights: '© layer-copyright',
-  }),
-];
-
-function CanvasSaveButtonExample() {
-  return (
-    <ThemeProvider theme={geopsTheme}>
-      <div className="rs-canvas-save-button-example">
-        <BasicMap
-          map={map}
-          layers={layers}
-          center={[874105.13, 6106172.77]}
-          zoom={10}
-          tabIndex={0}
-        />
-        <CanvasSaveButton
-          map={map}
-          extraData={{
-            copyright: {
-              text: () => {
-                return layers[0].copyrights;
-              },
-              background: true,
-            },
-            northArrow: {
-              rotation: () => {
-                return toDegrees(map.getView().getRotation());
-              },
-              circled: true,
-            },
-            logo: {
-              src: geopsLogo,
-              height: 22,
-              width: 84,
-            },
-            qrCode: {
-              src: qrCode,
-              height: 50,
-              width: 50,
-            },
-          }}
-        >
-          <Button>Export Map</Button>
-        </CanvasSaveButton>
-      </div>
-    </ThemeProvider>
-  );
-}
-
-<CanvasSaveButtonExample />;
-```

package/src/components/CanvasSaveButton/__snapshots__/CanvasSaveButton.test.js.snap

@@ -1,76 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CanvasSaveButton should match snapshot with a different attributes 1`] = `
-<div
-  className="foo"
-  onClick={[Function]}
-  onKeyPress={[Function]}
-  role="button"
-  tabIndex="1"
-  title="Karte als Bild speichern."
->
-  <svg
-    baseProfile="tiny"
-    fill="currentColor"
-    focusable={false}
-    height="1em"
-    stroke="currentColor"
-    strokeWidth="0"
-    style={
-      {
-        "color": undefined,
-      }
-    }
-    version="1.2"
-    viewBox="0 0 24 24"
-    width="1em"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle
-      cx="8.5"
-      cy="8.5"
-      r="2.5"
-    />
-    <path
-      d="M16 10c-2 0-3 3-4.5 3s-1.499-1-3.5-1c-2 0-3.001 4-3.001 4h14.001s-1-6-3-6zM20 3h-16c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2v-12c0-1.103-.897-2-2-2zm0 14h-16v-12h16v12z"
-    />
-  </svg>
-</div>
-`;
-
-exports[`CanvasSaveButton should match snapshot. 1`] = `
-<div
-  className="rs-canvas-save-button"
-  onClick={[Function]}
-  onKeyPress={[Function]}
-  role="button"
-  tabIndex={0}
->
-  <svg
-    baseProfile="tiny"
-    fill="currentColor"
-    focusable={false}
-    height="1em"
-    stroke="currentColor"
-    strokeWidth="0"
-    style={
-      {
-        "color": undefined,
-      }
-    }
-    version="1.2"
-    viewBox="0 0 24 24"
-    width="1em"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle
-      cx="8.5"
-      cy="8.5"
-      r="2.5"
-    />
-    <path
-      d="M16 10c-2 0-3 3-4.5 3s-1.499-1-3.5-1c-2 0-3.001 4-3.001 4h14.001s-1-6-3-6zM20 3h-16c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2v-12c0-1.103-.897-2-2-2zm0 14h-16v-12h16v12z"
-    />
-  </svg>
-</div>
-`;

package/src/components/CanvasSaveButton/index.js

@@ -1 +0,0 @@
-export { default } from './CanvasSaveButton';