@shopgate/pwa-common 7.32.0-beta.1 → 7.32.0-beta.11

package/helpers/date/spec.js

@@ -1,92 +0,0 @@
-import { isBefore, isAfter, isBetween, parseDuration, addDuration } from '.';
-describe('helpers/date', () => {
-  const date10Hours = new Date('2019-01-01T10:00:00.000Z');
-  const date12Hours = new Date('2019-01-01T12:00:00.000Z');
-  describe('isBefore', () => {
-    it('should be before', () => {
-      expect(isBefore(new Date('2019-01-01T09:59:59.000Z'), date10Hours)).toBeTruthy();
-    });
-    it('should be not before', () => {
-      expect(isBefore(new Date('2019-01-01T10:00:00.000Z'), date10Hours)).toBeFalsy();
-    });
-  });
-  describe('isAfter', () => {
-    it('should be after', () => {
-      expect(isAfter(new Date('2019-01-01T10:00:01.000Z'), date10Hours)).toBeTruthy();
-    });
-    it('should be not after', () => {
-      expect(isAfter(new Date('2019-01-01T10:00:00.000Z'), date10Hours)).toBeFalsy();
-    });
-  });
-  describe('isBetween', () => {
-    it('should be between', () => {
-      expect(isBetween(new Date('2019-01-01T11:00:00.000Z'), date10Hours, date12Hours)).toBeTruthy();
-    });
-    it('should be not between', () => {
-      expect(isBetween(new Date('2019-01-01T09:00:00.000Z'), date10Hours, date12Hours)).toBeFalsy();
-      expect(isBetween(new Date('2019-01-01T13:00:00.000Z'), date10Hours, date12Hours)).toBeFalsy();
-    });
-    it('should be inclusively between', () => {
-      expect(isBetween(new Date('2019-01-01T10:00:00.000Z'), date10Hours, date12Hours)).toBeTruthy();
-      expect(isBetween(new Date('2019-01-01T12:00:00.000Z'), date10Hours, date12Hours)).toBeTruthy();
-    });
-  });
-  describe('parseDuration', () => {
-    const parsed = {
-      Year: undefined,
-      Month: undefined,
-      Week: undefined,
-      Day: undefined,
-      Hour: undefined,
-      Minute: undefined,
-      Second: undefined
-    };
-    it('should parse 10 second', () => {
-      expect(parseDuration('PT10S')).toEqual({
-        ...parsed,
-        Second: 10
-      });
-    });
-    it('should parse 1 hour', () => {
-      expect(parseDuration('PT1H')).toEqual({
-        ...parsed,
-        Hour: 1
-      });
-    });
-    it('should parse 5 day', () => {
-      expect(parseDuration('P5D')).toEqual({
-        ...parsed,
-        Day: 5
-      });
-    });
-    it('should parse -5 day', () => {
-      expect(parseDuration('-P5D')).toEqual({
-        ...parsed,
-        Day: -5
-      });
-    });
-  });
-  describe('addDuration', () => {
-    const dateStub = '2019-01-01T11:00:00.000Z';
-    let date;
-    beforeEach(() => {
-      date = new Date(dateStub);
-    });
-    it('should add 0sec', () => {
-      addDuration(date, 'PT0S');
-      expect(date).toEqual(date);
-    });
-    it('should add 1 hour', () => {
-      addDuration(date, 'PT1H');
-      expect(date).toEqual(new Date('2019-01-01T12:00:00.000Z'));
-    });
-    it('should add 5 day', () => {
-      addDuration(date, 'P5D');
-      expect(date).toEqual(new Date('2019-01-06T11:00:00.000Z'));
-    });
-    it('should subtract 5 day', () => {
-      addDuration(date, '-P5D');
-      expect(date).toEqual(new Date('2018-12-27T11:00:00.000Z'));
-    });
-  });
-});

package/helpers/style/spec.js

@@ -1,108 +0,0 @@
-import { rem, physicalPixelSize } from "./index";
-describe('style helper', () => {
-  describe('rem helper with 16px rootSize', () => {
-    it('should output 0.875rem for 16px input', () => {
-      expect(rem(16)).toBe('1rem');
-    });
-    it('should output 0.875rem for 14px input', () => {
-      expect(rem(14)).toBe('0.875rem');
-    });
-    it('should output 0.75rem for 12px input', () => {
-      expect(rem(12)).toBe('0.75rem');
-    });
-    it('should output 0rem for 0px input', () => {
-      expect(rem(0)).toBe('0rem');
-    });
-  });
-  describe('rem helper error handling', () => {
-    let consoleSpy;
-    beforeAll(() => {
-      // Deactivate the console for the next tests to avoid logs within the test report.
-      consoleSpy = jest.spyOn(console, 'error').mockImplementation();
-    });
-    afterAll(() => {
-      consoleSpy.mockRestore();
-    });
-    afterEach(() => {
-      consoleSpy.mockReset();
-    });
-    it('should output 1rem as fallback for wrong parameters', () => {
-      expect(rem('rem')).toBe('1rem');
-      expect(consoleSpy).toHaveBeenCalledTimes(1);
-    });
-  });
-  describe('physicalPixelSize', () => {
-    describe('non-Android devices', () => {
-      beforeAll(() => {
-        Object.defineProperty(window.navigator, 'userAgent', {
-          value: 'Not And... user agent',
-          configurable: true
-        });
-      });
-      it('should output declarations for 1px size', () => {
-        expect(physicalPixelSize('foo', 1)).toEqual({
-          foo: 1,
-          '@media (min-device-pixel-ratio: 2)': {
-            foo: 0.5
-          },
-          '@media (-webkit-min-device-pixel-ratio: 2)': {
-            foo: 0.5
-          },
-          '@media (min-device-pixel-ratio: 3)': {
-            foo: 0.33
-          },
-          '@media (-webkit-min-device-pixel-ratio: 3)': {
-            foo: 0.33
-          }
-        });
-      });
-      it('should output declarations for 2px size', () => {
-        expect(physicalPixelSize('foo', 2)).toEqual({
-          foo: 2,
-          '@media (min-device-pixel-ratio: 2)': {
-            foo: 1
-          },
-          '@media (-webkit-min-device-pixel-ratio: 2)': {
-            foo: 1
-          },
-          '@media (min-device-pixel-ratio: 3)': {
-            foo: 0.67
-          },
-          '@media (-webkit-min-device-pixel-ratio: 3)': {
-            foo: 0.67
-          }
-        });
-      });
-      it('should output declarations for 3px size', () => {
-        expect(physicalPixelSize('foo', 3)).toEqual({
-          foo: 3,
-          '@media (min-device-pixel-ratio: 2)': {
-            foo: 1.5
-          },
-          '@media (-webkit-min-device-pixel-ratio: 2)': {
-            foo: 1.5
-          },
-          '@media (min-device-pixel-ratio: 3)': {
-            foo: 1
-          },
-          '@media (-webkit-min-device-pixel-ratio: 3)': {
-            foo: 1
-          }
-        });
-      });
-    });
-    describe('android devices', () => {
-      beforeAll(() => {
-        Object.defineProperty(window.navigator, 'userAgent', {
-          value: 'Foo Android',
-          configurable: true
-        });
-      });
-      it('should return natural number rules only', () => {
-        expect(physicalPixelSize('foo', 3)).toEqual({
-          foo: 3
-        });
-      });
-    });
-  });
-});

package/helpers/validation/spec.js

@@ -1,10 +0,0 @@
-import { isNumeric } from "./index";
-describe('helpers/validation', () => {
-  describe('isNumeric', () => {
-    describe('Non-regression, "123" is not numeric', () => {
-      it('should treat numeric number as numeric', () => {
-        expect(isNumeric('123')).toBe(true);
-      });
-    });
-  });
-});

package/styles/reset/form.js

@@ -1,58 +0,0 @@
-/**
- * @deprecated used @shopgate/engage/styles instead
- */
-
-import { injectGlobal } from '@shopgate/engage/styles';
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * since iOS 15 button has a default color of blue rgb(0, 122, 255);
- *
- * 1. Change font properties to `inherit` in Safari.
- * 2. Correct the inability to style clickable types in iOS and Safari.
- *
- * Remove the inner padding and cancel buttons in Chrome and Safari for OS X.
- */
-injectGlobal({
-  'button, html [type="button"], [type="reset"], [type="submit"]': {
-    WebkitAppearance: 'button'
-  },
-  button: {
-    color: 'inherit',
-    borderRadius: 0
-  },
-  '::-webkit-file-upload-button': {
-    font: 'inherit',
-    WebkitAppearance: 'button'
-  },
-  '::-webkit-search-cancel-button, ::-webkit-search-decoration': {
-    WebkitAppearance: 'none'
-  },
-  'button, input, select, textarea': {
-    background: 'transparent',
-    border: 0,
-    fontSize: '1em',
-    margin: 0
-  },
-  'input, select, textarea': {
-    fontFamily: 'inherit'
-  },
-  'button, textarea': {
-    fontFamily: 'inherit',
-    lineHeight: 'inherit'
-  },
-  'button, label, [type="checkbox"], [type="radio"]': {
-    cursor: 'pointer'
-  },
-  label: {
-    display: 'inline-block'
-  },
-  textarea: {
-    minHeight: '5em',
-    maxWidth: '100%',
-    resize: 'none'
-  },
-  '[type="search"]': {
-    WebkitAppearance: 'textfield'
-  }
-});

package/styles/reset/index.js

@@ -1,8 +0,0 @@
-/**
- * @deprecated used @shopgate/engage/styles/reset instead
- */
-import "./root";
-import "./typography";
-import "./media";
-import "./form";
-import "./table";

package/styles/reset/media.js

@@ -1,26 +0,0 @@
-/**
- * @deprecated used @shopgate/engage/styles/reset instead
- */
-
-import { injectGlobal } from '@shopgate/engage/styles';
-injectGlobal({
-  'audio:not([controls])': {
-    display: 'none',
-    height: 0
-  },
-  figure: {
-    margin: 0
-  },
-  iframe: {
-    border: 0,
-    display: 'block',
-    width: '100%'
-  },
-  'img, svg': {
-    display: 'block',
-    maxWidth: '100%'
-  },
-  progress: {
-    verticalAlign: 'baseline'
-  }
-});

package/styles/reset/root.js

@@ -1,37 +0,0 @@
-/**
- * @deprecated used @shopgate/engage/styles instead
- */
-
-import { injectGlobal } from '@shopgate/engage/styles';
-import { themeConfig } from "../../helpers/config";
-const {
-  typography
-} = themeConfig;
-injectGlobal({
-  '*, *:before, *:after': {
-    boxSizing: 'border-box'
-  },
-  'html, body': {
-    WebkitTapHighlightColor: 'transparent',
-    width: '100%',
-    height: '100%'
-  },
-  html: {
-    overflow: 'hidden',
-    MozOsxFontSmoothing: 'grayscale',
-    WebkitFontSmoothing: 'antialiased',
-    MsTextSizeAdjust: '100%',
-    WebkitTextSizeAdjust: '100%',
-    minHeight: '100%'
-  },
-  body: {
-    font: `${typography.rootSize}px/${typography.lineHeight} ${typography.family}`,
-    overflow: 'auto',
-    margin: 0,
-    WebkitOverflowScrolling: 'touch',
-    WebkitUserSelect: 'none'
-  },
-  '[data-pattern]': {
-    height: '100% !important'
-  }
-});

package/styles/reset/table.js

@@ -1,14 +0,0 @@
-/**
- * @deprecated used @shopgate/engage/styles instead
- */
-
-import { injectGlobal } from '@shopgate/engage/styles';
-injectGlobal({
-  table: {
-    borderCollapse: 'collapse',
-    minWidth: '100%'
-  },
-  'td, th': {
-    verticalAlign: 'top'
-  }
-});

package/styles/reset/typography.js

@@ -1,30 +0,0 @@
-/**
- * @deprecated used @shopgate/engage/styles instead
- */
-
-import { injectGlobal } from '@shopgate/engage/styles';
-import { rem } from "../../helpers/style";
-injectGlobal({
-  a: {
-    color: 'inherit',
-    textDecoration: 'none',
-    WebkitTextDecorationSkip: 'objects'
-  },
-  'a:hover, a:focus, a:active, [tabindex]': {
-    outline: 0
-  },
-  'ol, ul': {
-    listStyle: 'none',
-    margin: 0,
-    paddingLeft: 0
-  },
-  'b, strong': {
-    fontWeight: 700
-  },
-  small: {
-    fontSize: rem(13)
-  },
-  'sub, sup': {
-    lineHeight: 0
-  }
-});

package/tsconfig.build.json

@@ -1,16 +0,0 @@
-{
-  "extends": "@shopgate/engage/tsconfig.build.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "rootDir": "."
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": [
-    "dist",
-    "node_modules",
-    "**/*.spec.*",
-    "**/__tests__/**",
-    "**/__snapshots__/**",
-    "coverage"
-  ]
-}

package/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@shopgate/engage/tsconfig.json",
-}