decocms 4.113.3 → 4.114.0

package/dist/server/node_modules/css-to-react-native/src/__tests__/font.js

@@ -0,0 +1,117 @@
+import transformCss from '..'
+
+it('transforms font', () => {
+  expect(
+    transformCss([['font', 'bold italic small-caps 16px/18px "Helvetica"']])
+  ).toEqual({
+    fontFamily: 'Helvetica',
+    fontSize: 16,
+    fontWeight: 'bold',
+    fontStyle: 'italic',
+    fontVariant: ['small-caps'],
+    lineHeight: 18,
+  })
+})
+
+it('transforms font missing font-variant', () => {
+  expect(transformCss([['font', 'bold italic 16px/18px "Helvetica"']])).toEqual(
+    {
+      fontFamily: 'Helvetica',
+      fontSize: 16,
+      fontWeight: 'bold',
+      fontStyle: 'italic',
+      fontVariant: [],
+      lineHeight: 18,
+    }
+  )
+})
+
+it('transforms font missing font-style', () => {
+  expect(
+    transformCss([['font', 'bold small-caps 16px/18px "Helvetica"']])
+  ).toEqual({
+    fontFamily: 'Helvetica',
+    fontSize: 16,
+    fontWeight: 'bold',
+    fontStyle: 'normal',
+    fontVariant: ['small-caps'],
+    lineHeight: 18,
+  })
+})
+
+it('transforms font missing font-weight', () => {
+  expect(
+    transformCss([['font', 'italic small-caps 16px/18px "Helvetica"']])
+  ).toEqual({
+    fontFamily: 'Helvetica',
+    fontSize: 16,
+    fontWeight: 'normal',
+    fontStyle: 'italic',
+    fontVariant: ['small-caps'],
+    lineHeight: 18,
+  })
+})
+
+it('transforms font with font-weight normal', () => {
+  expect(transformCss([['font', 'normal 16px/18px "Helvetica"']])).toEqual({
+    fontFamily: 'Helvetica',
+    fontSize: 16,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    fontVariant: [],
+    lineHeight: 18,
+  })
+})
+
+it('transforms font with font-weight and font-style normal', () => {
+  expect(
+    transformCss([['font', 'normal normal 16px/18px "Helvetica"']])
+  ).toEqual({
+    fontFamily: 'Helvetica',
+    fontSize: 16,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    fontVariant: [],
+    lineHeight: 18,
+  })
+})
+
+it('transforms font with no font-weight, font-style, and font-variant', () => {
+  expect(transformCss([['font', '16px/18px "Helvetica"']])).toEqual({
+    fontFamily: 'Helvetica',
+    fontSize: 16,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    fontVariant: [],
+    lineHeight: 18,
+  })
+})
+
+it('omits line height if not specified', () => {
+  expect(transformCss([['font', '16px "Helvetica"']])).toEqual({
+    fontFamily: 'Helvetica',
+    fontSize: 16,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    fontVariant: [],
+  })
+})
+
+it('does not allow line height as multiple', () => {
+  expect(() => {
+    transformCss([['font', '16px/1.5 "Helvetica"']])
+  }).toThrow()
+})
+
+it('transforms font without quotes', () => {
+  expect(
+    transformCss([['font', 'bold italic small-caps 16px/18px Helvetica Neue']])
+  ).toEqual({
+    fontFamily: 'Helvetica Neue',
+    fontSize: 16,
+    fontWeight: 'bold',
+    fontStyle: 'italic',
+    fontVariant: ['small-caps'],
+    lineHeight: 18,
+  })
+})

package/dist/server/node_modules/css-to-react-native/src/__tests__/fontFamily.js

@@ -0,0 +1,43 @@
+import transformCss from '..'
+
+it('transforms font-family with double quotes', () => {
+  expect(transformCss([['font-family', '"Helvetica Neue"']])).toEqual({
+    fontFamily: 'Helvetica Neue',
+  })
+})
+
+it('transforms font-family with single quotes', () => {
+  expect(transformCss([['font-family', "'Helvetica Neue'"]])).toEqual({
+    fontFamily: 'Helvetica Neue',
+  })
+})
+
+it('transforms font-family without quotes', () => {
+  expect(transformCss([['font-family', 'Helvetica Neue']])).toEqual({
+    fontFamily: 'Helvetica Neue',
+  })
+})
+
+it('transforms font-family with quotes with otherwise invalid values', () => {
+  expect(transformCss([['font-family', '"Goudy Bookletter 1911"']])).toEqual({
+    fontFamily: 'Goudy Bookletter 1911',
+  })
+})
+
+it('transforms font-family with quotes with escaped values', () => {
+  expect(transformCss([['font-family', '"test\\A test"']])).toEqual({
+    fontFamily: 'test\ntest',
+  })
+})
+
+it('transforms font-family with quotes with escaped quote', () => {
+  expect(transformCss([['font-family', '"test\\"test"']])).toEqual({
+    fontFamily: 'test"test',
+  })
+})
+
+it('does not transform invalid unquoted font-family', () => {
+  expect(() =>
+    transformCss([['font-family', 'Goudy Bookletter 1911']])
+  ).toThrow()
+})

package/dist/server/node_modules/css-to-react-native/src/__tests__/fontVariant.js

@@ -0,0 +1,15 @@
+import transformCss from '..'
+
+it('transforms font variant as an array', () => {
+  expect(transformCss([['font-variant', 'tabular-nums']])).toEqual({
+    fontVariant: ['tabular-nums'],
+  })
+})
+
+it('transforms multiple font variant as an array', () => {
+  expect(
+    transformCss([['font-variant', 'tabular-nums oldstyle-nums']])
+  ).toEqual({
+    fontVariant: ['tabular-nums', 'oldstyle-nums'],
+  })
+})

package/dist/server/node_modules/css-to-react-native/src/__tests__/fontWeight.js

@@ -0,0 +1,8 @@
+import transformCss from '..'
+
+it('transforms font weights as strings', () => {
+  expect(transformCss([['font-weight', '400']])).toEqual({ fontWeight: '400' })
+  expect(transformCss([['font-weight', 'bold']])).toEqual({
+    fontWeight: 'bold',
+  })
+})

package/dist/server/node_modules/css-to-react-native/src/__tests__/index.js

@@ -0,0 +1,204 @@
+import transformCss, { getStylesForProperty } from '..'
+
+it('transforms numbers', () => {
+  expect(transformCss([['z-index', '0']])).toEqual({ zIndex: 0 })
+})
+
+it('warns if missing units on unspecialized transform', () => {
+  const consoleSpy = jest
+    .spyOn(global.console, 'warn')
+    .mockImplementation(() => {
+      // Silence the warning from the test output
+    })
+
+  transformCss([['top', '1']])
+  expect(consoleSpy).toHaveBeenCalledWith(
+    'Expected style "top: 1" to contain units'
+  )
+
+  consoleSpy.mockRestore()
+})
+
+it('does not warn for unitless 0 length on unspecialized transform', () => {
+  const consoleSpy = jest.spyOn(global.console, 'warn')
+
+  transformCss([['top', '0']])
+  expect(consoleSpy).not.toHaveBeenCalled()
+
+  consoleSpy.mockRestore()
+})
+
+it('warns if adding etraneous units on unspecialized transform', () => {
+  const consoleSpy = jest
+    .spyOn(global.console, 'warn')
+    .mockImplementation(() => {
+      // Silence the warning from the test output
+    })
+
+  transformCss([['opacity', '1px']])
+  expect(consoleSpy).toHaveBeenCalledWith(
+    'Expected style "opacity: 1px" to be unitless'
+  )
+
+  consoleSpy.mockRestore()
+})
+
+it('does not warn for unitless 0 length on unitless transform', () => {
+  const consoleSpy = jest.spyOn(global.console, 'warn')
+
+  transformCss([['opacity', '0']])
+  expect(consoleSpy).not.toHaveBeenCalled()
+
+  consoleSpy.mockRestore()
+})
+
+it('allows pixels in unspecialized transform', () => {
+  expect(transformCss([['top', '0px']])).toEqual({ top: 0 })
+})
+
+it('allows boolean values', () => {
+  expect(
+    transformCss([
+      ['boolTrue1', 'true'],
+      ['boolTrue2', 'TRUE'],
+      ['boolFalse1', 'false'],
+      ['boolFalse2', 'FALSE'],
+    ])
+  ).toEqual({
+    boolTrue1: true,
+    boolTrue2: true,
+    boolFalse1: false,
+    boolFalse2: false,
+  })
+})
+
+it('allows null values', () => {
+  expect(transformCss([['null1', 'null'], ['null2', 'NULL']])).toEqual({
+    null1: null,
+    null2: null,
+  })
+})
+
+it('allows undefined values', () => {
+  expect(
+    transformCss([['undefined1', 'undefined'], ['undefined2', 'UNDEFINED']])
+  ).toEqual({
+    undefined1: undefined,
+    undefined2: undefined,
+  })
+})
+
+it('allows CSS custom properties to pass through', () => {
+  expect(transformCss([['--my-prop', '0%']])).toEqual({ '--my-prop': '0%' })
+})
+
+it('allows percent in unspecialized transform', () => {
+  expect(transformCss([['top', '0%']])).toEqual({ top: '0%' })
+})
+
+it('allows decimal values', () => {
+  expect(getStylesForProperty('margin', '0.5px').marginTop).toBe(0.5)
+  expect(getStylesForProperty('margin', '1.5px').marginTop).toBe(1.5)
+  expect(getStylesForProperty('margin', '10.5px').marginTop).toBe(10.5)
+  expect(getStylesForProperty('margin', '100.5px').marginTop).toBe(100.5)
+  expect(getStylesForProperty('margin', '-0.5px').marginTop).toBe(-0.5)
+  expect(getStylesForProperty('margin', '-1.5px').marginTop).toBe(-1.5)
+  expect(getStylesForProperty('margin', '-10.5px').marginTop).toBe(-10.5)
+  expect(getStylesForProperty('margin', '-100.5px').marginTop).toBe(-100.5)
+  expect(getStylesForProperty('margin', '.5px').marginTop).toBe(0.5)
+  expect(getStylesForProperty('margin', '-.5px').marginTop).toBe(-0.5)
+})
+
+it('allows decimal values in transformed values', () => {
+  expect(transformCss([['border-radius', '1.5px']])).toEqual({
+    borderTopLeftRadius: 1.5,
+    borderTopRightRadius: 1.5,
+    borderBottomRightRadius: 1.5,
+    borderBottomLeftRadius: 1.5,
+  })
+})
+
+it('allows negative values in transformed values', () => {
+  expect(transformCss([['border-radius', '-1.5px']])).toEqual({
+    borderTopLeftRadius: -1.5,
+    borderTopRightRadius: -1.5,
+    borderBottomRightRadius: -1.5,
+    borderBottomLeftRadius: -1.5,
+  })
+})
+
+it('allows uppercase units', () => {
+  expect(transformCss([['top', '0PX']])).toEqual({ top: 0 })
+  expect(transformCss([['transform', 'rotate(30DEG)']])).toEqual({
+    transform: [{ rotate: '30deg' }],
+  })
+})
+
+it('allows percent values in transformed values', () => {
+  expect(transformCss([['margin', '10%']])).toEqual({
+    marginTop: '10%',
+    marginRight: '10%',
+    marginBottom: '10%',
+    marginLeft: '10%',
+  })
+})
+
+it('allows color values in transformed border-color values', () => {
+  expect(transformCss([['border-color', 'red']])).toEqual({
+    borderTopColor: 'red',
+    borderRightColor: 'red',
+    borderBottomColor: 'red',
+    borderLeftColor: 'red',
+  })
+})
+
+it('allows omitting units for 0', () => {
+  expect(transformCss([['margin', '10px 0']])).toEqual({
+    marginTop: 10,
+    marginRight: 0,
+    marginBottom: 10,
+    marginLeft: 0,
+  })
+})
+
+it('transforms strings', () => {
+  expect(transformCss([['color', 'red']])).toEqual({ color: 'red' })
+})
+
+it('converts to camel-case', () => {
+  expect(transformCss([['background-color', 'red']])).toEqual({
+    backgroundColor: 'red',
+  })
+})
+
+it('transforms background to backgroundColor', () => {
+  expect(transformCss([['background', '#f00']])).toEqual({
+    backgroundColor: '#f00',
+  })
+})
+
+it('transforms background to backgroundColor with rgb', () => {
+  expect(transformCss([['background', 'rgb(255, 0, 0)']])).toEqual({
+    backgroundColor: 'rgb(255, 0, 0)',
+  })
+})
+
+it('transforms background to backgroundColor with named colour', () => {
+  expect(transformCss([['background', 'red']])).toEqual({
+    backgroundColor: 'red',
+  })
+})
+
+it('allows blacklisting shorthands', () => {
+  const actualStyles = transformCss(
+    [['border-radius', '50px']],
+    ['borderRadius']
+  )
+  expect(actualStyles).toEqual({ borderRadius: 50 })
+})
+
+it('throws useful errors', () => {
+  expect(() => transformCss([['margin', '10']])).toThrow(
+    'Failed to parse declaration "margin: 10"'
+  )
+})

package/dist/server/node_modules/css-to-react-native/src/__tests__/placeContent.js

@@ -0,0 +1,19 @@
+import transformCss from '..'
+
+it('transforms place content', () => {
+  expect(transformCss([['place-content', 'center center']])).toEqual({
+    alignContent: 'center',
+    justifyContent: 'center',
+  })
+})
+
+it('transforms place content with one value', () => {
+  expect(transformCss([['place-content', 'center']])).toEqual({
+    alignContent: 'center',
+    justifyContent: 'stretch',
+  })
+})
+
+it('does not allow justify content without align content', () => {
+  expect(() => transformCss([['place-content', 'space-evenly']])).toThrow()
+})

package/dist/server/node_modules/css-to-react-native/src/__tests__/shadowOffsets.js

@@ -0,0 +1,13 @@
+import transformCss from '..'
+
+it('transforms shadow offsets', () => {
+  expect(transformCss([['shadow-offset', '10px 5px']])).toEqual({
+    shadowOffset: { width: 10, height: 5 },
+  })
+})
+
+it('transforms text shadow offsets', () => {
+  expect(transformCss([['text-shadow-offset', '10px 5px']])).toEqual({
+    textShadowOffset: { width: 10, height: 5 },
+  })
+})

package/dist/server/node_modules/css-to-react-native/src/__tests__/textDecoration.js

@@ -0,0 +1,103 @@
+import transformCss from '..'
+
+it('transforms text-decoration into text-decoration- properties', () => {
+  expect(transformCss([['text-decoration', 'underline dotted red']])).toEqual({
+    textDecorationLine: 'underline',
+    textDecorationStyle: 'dotted',
+    textDecorationColor: 'red',
+  })
+})
+
+it('transforms text-decoration without color', () => {
+  expect(transformCss([['text-decoration', 'underline dotted']])).toEqual({
+    textDecorationLine: 'underline',
+    textDecorationStyle: 'dotted',
+    textDecorationColor: 'black',
+  })
+})
+
+it('transforms text-decoration without style', () => {
+  expect(transformCss([['text-decoration', 'underline red']])).toEqual({
+    textDecorationLine: 'underline',
+    textDecorationStyle: 'solid',
+    textDecorationColor: 'red',
+  })
+})
+
+it('transforms text-decoration without style and color', () => {
+  expect(transformCss([['text-decoration', 'underline']])).toEqual({
+    textDecorationLine: 'underline',
+    textDecorationStyle: 'solid',
+    textDecorationColor: 'black',
+  })
+})
+
+it('transforms text-decoration with two line properties', () => {
+  expect(
+    transformCss([['text-decoration', 'underline line-through dashed red']])
+  ).toEqual({
+    textDecorationLine: 'underline line-through',
+    textDecorationStyle: 'dashed',
+    textDecorationColor: 'red',
+  })
+})
+
+it('transforms text-decoration in different order', () => {
+  expect(
+    transformCss([['text-decoration', 'dashed red underline line-through']])
+  ).toEqual({
+    textDecorationLine: 'underline line-through',
+    textDecorationStyle: 'dashed',
+    textDecorationColor: 'red',
+  })
+})
+
+it('transforms text-decoration with ine in different order', () => {
+  expect(transformCss([['text-decoration', 'line-through underline']])).toEqual(
+    {
+      textDecorationLine: 'underline line-through',
+      textDecorationStyle: 'solid',
+      textDecorationColor: 'black',
+    }
+  )
+})
+
+it('transforms text-decoration with none', () => {
+  expect(transformCss([['text-decoration', 'none']])).toEqual({
+    textDecorationLine: 'none',
+    textDecorationStyle: 'solid',
+    textDecorationColor: 'black',
+  })
+})
+
+it('transforms text-decoration with none as part of multiple terms', () => {
+  expect(transformCss([['text-decoration', 'yellow none']])).toEqual({
+    textDecorationLine: 'none',
+    textDecorationStyle: 'solid',
+    textDecorationColor: 'yellow',
+  })
+})
+
+it('transforms text-decoration with none in capitals', () => {
+  expect(transformCss([['text-decoration', 'yellow NONE']])).toEqual({
+    textDecorationLine: 'none',
+    textDecorationStyle: 'solid',
+    textDecorationColor: 'yellow',
+  })
+})
+
+it('transforms text-decoration with style in capitals', () => {
+  expect(
+    transformCss([['text-decoration', 'yellow UNDERLINE LINE-THROUGH']])
+  ).toEqual({
+    textDecorationLine: 'underline line-through',
+    textDecorationStyle: 'solid',
+    textDecorationColor: 'yellow',
+  })
+})
+
+it('does not transform text-decoration if multiple colors are used', () => {
+  expect(() =>
+    transformCss([['text-decoration', 'underline red yellow']])
+  ).toThrow()
+})

package/dist/server/node_modules/css-to-react-native/src/__tests__/textDecorationLine.js

@@ -0,0 +1,23 @@
+import transformCss from '..'
+
+it('transforms text-decoration-line with underline line-through', () => {
+  expect(
+    transformCss([['text-decoration-line', 'underline line-through']])
+  ).toEqual({
+    textDecorationLine: 'underline line-through',
+  })
+})
+
+it('transforms text-decoration-line with line-through underline', () => {
+  expect(
+    transformCss([['text-decoration-line', 'line-through underline']])
+  ).toEqual({
+    textDecorationLine: 'underline line-through',
+  })
+})
+
+it('transforms text-decoration-line with none', () => {
+  expect(transformCss([['text-decoration-line', 'none']])).toEqual({
+    textDecorationLine: 'none',
+  })
+})

package/dist/server/node_modules/css-to-react-native/src/__tests__/textShadow.js

@@ -0,0 +1,30 @@
+import transformCss from '..'
+
+it('textShadow with all values', () => {
+  expect(transformCss([['text-shadow', '10px 20px 30px red']])).toEqual({
+    textShadowOffset: { width: 10, height: 20 },
+    textShadowRadius: 30,
+    textShadowColor: 'red',
+  })
+})
+
+it('textShadow omitting blur', () => {
+  expect(transformCss([['text-shadow', '10px 20px red']])).toEqual({
+    textShadowOffset: { width: 10, height: 20 },
+    textShadowRadius: 0,
+    textShadowColor: 'red',
+  })
+})
+
+it('textShadow omitting color', () => {
+  expect(transformCss([['text-shadow', '10px 20px']])).toEqual({
+    textShadowOffset: { width: 10, height: 20 },
+    textShadowRadius: 0,
+    textShadowColor: 'black',
+  })
+})
+
+it('textShadow enforces offset-x and offset-y', () => {
+  expect(() => transformCss([['text-shadow', 'red']])).toThrow()
+  expect(() => transformCss([['text-shadow', '10px red']])).toThrow()
+})

package/dist/server/node_modules/css-to-react-native/src/__tests__/transform.js

@@ -0,0 +1,55 @@
+import transformCss from '..'
+
+it('transforms a single transform value with number', () => {
+  expect(transformCss([['transform', 'scaleX(5)']])).toEqual({
+    transform: [{ scaleX: 5 }],
+  })
+})
+
+it('transforms a single transform value with string', () => {
+  expect(transformCss([['transform', 'rotate(5deg)']])).toEqual({
+    transform: [{ rotate: '5deg' }],
+  })
+})
+
+it('transforms multiple transform values', () => {
+  expect(transformCss([['transform', 'scaleX(5) skewX(1deg)']])).toEqual({
+    transform: [{ skewX: '1deg' }, { scaleX: 5 }],
+  })
+})
+
+it('transforms scale(number, number) to scaleX and scaleY', () => {
+  expect(transformCss([['transform', 'scale(2, 3)']])).toEqual({
+    transform: [{ scaleY: 3 }, { scaleX: 2 }],
+  })
+})
+
+it('transforms scale(number) to scale', () => {
+  expect(transformCss([['transform', 'scale(5)']])).toEqual({
+    transform: [{ scale: 5 }],
+  })
+})
+
+it('transforms translate(length, length) to translateX and translateY', () => {
+  expect(transformCss([['transform', 'translate(2px, 3px)']])).toEqual({
+    transform: [{ translateY: 3 }, { translateX: 2 }],
+  })
+})
+
+it('transforms translate(length) to translateX and translateY', () => {
+  expect(transformCss([['transform', 'translate(5px)']])).toEqual({
+    transform: [{ translateY: 0 }, { translateX: 5 }],
+  })
+})
+
+it('transforms skew(angle, angle) to skewX and skewY', () => {
+  expect(transformCss([['transform', 'skew(2deg, 3deg)']])).toEqual({
+    transform: [{ skewY: '3deg' }, { skewX: '2deg' }],
+  })
+})
+
+it('transforms skew(angle) to skewX and skewY', () => {
+  expect(transformCss([['transform', 'skew(5deg)']])).toEqual({
+    transform: [{ skewY: '0deg' }, { skewX: '5deg' }],
+  })
+})