@codeleap/web 3.18.9 → 3.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/web",
-  "version": "3.18.9",
+  "version": "3.19.0",
   "main": "src/index.ts",
   "repository": {
     "url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",

package/src/components/TextInput/index.tsx

@@ -25,7 +25,7 @@ import { StylesOf, HTMLProps, ComponentWithDefaultProps } from '../../types/util
 import { InputBase, InputBaseProps, selectInputBaseProps } from '../InputBase'
 import { TextInputPresets } from './styles'
 import { getMaskInputProps, TextInputMaskingProps } from './mask'
-import { getTestId } from '../../lib'
+import { getTestId } from '../../lib/test'
 
 export * from './styles'
 export * from './mask'
@@ -54,8 +54,8 @@ export type TextInputProps =
   } & ComponentVariants<typeof TextInputPresets>
 
 type InputRef = {
-  isTextInput?: boolean,
-  focus: () => void,
+  isTextInput?: boolean
+  focus: () => void
   getInputRef: () => HTMLInputElement
 }
 

package/src/components/Touchable/index.tsx

@@ -1,11 +1,11 @@
 import { AnyFunction, ComponentVariants, onMount, TypeGuards, useCodeleapContext, useDefaultComponentStyle } from '@codeleap/common'
 import React, { ComponentPropsWithRef, ElementType, forwardRef } from 'react'
-import { getTestId, stopPropagation } from '../../lib'
+import { stopPropagation } from '../../lib'
 import { View } from '../View'
 import { TouchableComposition, TouchablePresets } from './styles'
 import { CSSInterpolation } from '@emotion/css'
 import { StylesOf, NativeHTMLElement } from '../../types'
-
+import { getTestId } from '../../lib/test'
 export * from './styles'
 
 export type TouchableProps<T extends ElementType = 'button'> = ComponentPropsWithRef<T> & {

package/src/components/View/index.tsx

@@ -7,7 +7,7 @@ import { useMediaQuery } from '../../lib/hooks'
 import { NativeHTMLElement } from '../../types'
 import { motion } from 'framer-motion'
 import { ViewProps } from './types'
-import { getTestId } from '../../lib'
+import { getTestId } from '../../lib/test'
 
 export * from './styles'
 export * from './types'

package/src/lib/test.ts

@@ -0,0 +1,11 @@
+import { TypeGuards } from '@codeleap/common'
+
+export const getTestId = (props: Record<string, any>) => {
+  let id = props.testId || props['data-testid'] || props.id || props.debugName
+
+  if (TypeGuards.isString(id)) {
+    id = id.replace(/\s/g, '_').toLowerCase()
+  }
+
+  return id
+}

package/src/lib/utils/index.ts

@@ -1,6 +1,5 @@
 export * from './pollyfils/scroll'
 export * from './stopPropagation'
-export * from './test'
 export { default as url } from 'url-parse'
 export { default as Cookies } from './cookies'
 

package/src/lib/utils/test.ts

@@ -1,3 +0,0 @@
-export const getTestId = (props: Record<string, any>) => {
-  return props.testId || props['data-testid'] || props.id || props.debugName
-}