@codeleap/web 4.2.18 → 4.3.1

package/src/components/PaginationIndicator/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { ActivityIndicator } from '../ActivityIndicator'
 import { Text } from '../Text'
 import { View } from '../View'

package/src/components/Progress/Bar/index.tsx

@@ -1,4 +1,4 @@
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { Root, Indicator } from '@radix-ui/react-progress'
 import { Icon, Text, View } from '../../components'
 import { ProgressBarProps } from './types'

package/src/components/Progress/Circle/index.tsx

@@ -1,8 +1,8 @@
 import { CircularProgressbarWithChildren, buildStyles } from 'react-circular-progressbar'
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { ProgressCircleProps } from './types'
 import { formatProgress as _formatProgress } from '../utils'
-import { useMemo } from '@codeleap/common'
+import { useMemo } from '@codeleap/hooks'
 import { useStylesFor } from '../../../lib/hooks/useStylesFor'
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles'
 import { WebStyleRegistry } from '../../../lib/WebStyleRegistry'

package/src/components/Progress/Circle/types.ts

@@ -1,4 +1,4 @@
-import { PropsOf } from '@codeleap/common'
+import { PropsOf } from '@codeleap/types'
 import { IconProps, ProgressCircleComposition, ViewProps, TextProps } from '../../components'
 import { ProgressPropsRoot } from '..'
 import { CircularProgressbarWithChildren, buildStyles } from 'react-circular-progressbar'

package/src/components/RadioInput/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Text } from '../Text'
 import { Touchable } from '../Touchable'
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { View } from '../View'
 import { InputBase, selectInputBaseProps } from '../InputBase'
 import { RadioOptionProps, RadioInputProps } from './types'

package/src/components/RadioInput/types.ts

@@ -1,4 +1,5 @@
-import { FormTypes, StylesOf } from '@codeleap/common'
+import { StylesOf } from '@codeleap/types'
+import { FormTypes } from '@codeleap/form'
 import { InputBaseProps } from '../InputBase'
 import { ReactNode } from 'react'
 import { StyledProp } from '@codeleap/styles'

package/src/components/SearchInput/index.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { TextInput, TextInputProps } from '../TextInput'
-import { AnyFunction, TypeGuards } from '@codeleap/common'
+import { AnyFunction, TypeGuards } from '@codeleap/types'
 import { AppIcon } from '@codeleap/styles'
 
 export type SearchInputProps = {

package/src/components/SectionFilters/index.tsx

@@ -1,7 +1,8 @@
 /* eslint-disable max-len */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react'
-import { TypeGuards, useCallback, useMemo, useConditionalState } from '@codeleap/common'
+import { useCallback, useMemo, useConditionalState } from '@codeleap/hooks'
+import { TypeGuards } from '@codeleap/types'
 import { ItemOptionProps, ItemProps, OnPressOptionProps, OptionProps, SectionFiltersProps, SectionFilterFooterProps } from './types'
 import { View } from '../View'
 import { Text } from '../Text'

package/src/components/SectionFilters/types.ts

@@ -1,5 +1,5 @@
 import { ButtonComposition, ButtonProps } from '../Button'
-import { StylesOf } from '@codeleap/common'
+import { StylesOf } from '@codeleap/types'
 import { SectionFiltersComposition } from './styles'
 import { StyledProp } from '@codeleap/styles'
 

package/src/components/SegmentedControl/index.tsx

@@ -1,6 +1,8 @@
 import React, { forwardRef } from 'react'
 import { View } from '../View'
-import { useRef, TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
+import { useRef } from '@codeleap/hooks'
+
 import { Text } from '../Text'
 import { motion, AnimationProps } from 'framer-motion'
 import { useAnimatedVariantStyles } from '../../lib'

package/src/components/SegmentedControl/types.ts

@@ -1,5 +1,5 @@
 import React from 'react'
-import { StylesOf } from '@codeleap/common'
+import { StylesOf } from '@codeleap/types'
 import { TextProps } from '../Text'
 import { TouchableProps } from '../Touchable'
 import { SegmentedControlComposition } from './styles'

package/src/components/Select/index.tsx

@@ -1,5 +1,7 @@
 import React, { useRef, forwardRef, useImperativeHandle } from 'react'
-import { FormTypes, useValidate, useState, TypeGuards, onUpdate, useEffect } from '@codeleap/common'
+import { useState, onUpdate, useEffect } from '@codeleap/hooks'
+import { TypeGuards } from '@codeleap/types'
+import { FormTypes, useValidate } from '@codeleap/form'
 import _Select, { components, MenuListProps, MenuProps, MultiValueProps, NoticeProps } from 'react-select'
 import Async from 'react-select/async'
 import { useSelectStyles } from './styles'

package/src/components/Select/styles.ts

@@ -1,6 +1,6 @@
-import { capitalize, FormTypes } from '@codeleap/common'
+import { FormTypes } from '@codeleap/form'
+import { capitalize } from '@codeleap/utils'
 import { ICSS, useNestedStylesByKey } from '@codeleap/styles'
-
 import { CSSObjectWithLabel, GroupBase, StylesConfig } from 'react-select'
 import { ButtonParts as _ButtonParts } from '../Button'
 import { InputBaseParts } from '../InputBase'

package/src/components/Select/types.ts

@@ -1,5 +1,4 @@
-import { FormTypes, yup } from '@codeleap/common'
-
+import { FormTypes, yup } from '@codeleap/form'
 import { MutableRefObject } from 'react'
 import { GroupBase, NoticeProps, OptionProps, Props } from 'react-select'
 import { AsyncProps } from 'react-select/async'

package/src/components/Slider/index.tsx

@@ -1,5 +1,7 @@
 import React from 'react'
-import { onMount, TypeGuards, useRef } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
+import { onMount, useRef } from '@codeleap/hooks'
+
 import { View } from '../View'
 import { InputBase, selectInputBaseProps } from '../InputBase'
 import { Text } from '../Text'

package/src/components/Tag/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { TagParts } from './styles'
 import { TagProps } from './types'
 import { Icon } from '../Icon'

package/src/components/Text/index.tsx

@@ -1,4 +1,4 @@
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { motion } from 'framer-motion'
 import React, { ElementType, forwardRef } from 'react'
 import { TextProps } from './types'

package/src/components/TextEditor/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { onUpdate, useCallback, useState, useValidate } from '@codeleap/common'
+import { onUpdate, useCallback, useState } from '@codeleap/hooks'
+import { useValidate } from '@codeleap/form'
 import { BubbleMenu, FloatingMenu, EditorContent } from '@tiptap/react'
 import { FileInput, Text, View } from '../components'
 import { TextEditorProps } from './types'

package/src/components/TextEditor/types.ts

@@ -1,5 +1,6 @@
 import { RefObject } from 'react'
-import { AnyFunction, FormTypes, yup } from '@codeleap/common'
+import { AnyFunction } from '@codeleap/types'
+import { FormTypes, yup } from '@codeleap/form'
 import { StyledProp } from '@codeleap/styles'
 import { BubbleMenuProps, Editor, FloatingMenuProps } from '@tiptap/react'
 import { FileInputRef } from '../FileInput'

package/src/components/TextInput/index.tsx

@@ -1,4 +1,6 @@
-import { TypeGuards, useBooleanToggle, useValidate } from '@codeleap/common'
+import { useBooleanToggle } from '@codeleap/hooks'
+import { TypeGuards } from '@codeleap/types'
+import { useValidate } from '@codeleap/form'
 import React, {
   forwardRef,
   useImperativeHandle,

package/src/components/TextInput/mask.tsx

@@ -1,4 +1,4 @@
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { FormatChar, InputMaskProps, MaskProps, TextInputMaskTypeProp } from './types'
 
 export const getMaskInputProps = ({ masking }: InputMaskProps): MaskProps & { notSaveFormatted: boolean } => {

package/src/components/TextInput/types.ts

@@ -1,4 +1,4 @@
-import { FormTypes, yup } from '@codeleap/common'
+import { FormTypes, yup } from '@codeleap/form'
 import { TouchableProps } from '../Touchable'
 import { AppIcon, StyledProp } from '@codeleap/styles'
 import { InputBaseProps } from '../InputBase'

package/src/components/Tooltip/index.tsx

@@ -7,7 +7,8 @@ import {
   Content as TooltipContent,
   Arrow as TooltipArrow,
 } from '@radix-ui/react-tooltip'
-import { TypeGuards, useConditionalState } from '@codeleap/common'
+import { useConditionalState } from '@codeleap/hooks'
+import { TypeGuards } from '@codeleap/types'
 import { View } from '../View'
 import { useClickOutsideElement } from '../../lib'
 import { WebStyleRegistry } from '../../lib/WebStyleRegistry'

package/src/components/Tooltip/types.ts

@@ -7,7 +7,7 @@ import {
   TooltipTriggerProps,
   TooltipProviderProps,
 } from '@radix-ui/react-tooltip'
-import { AnyFunction, StylesOf } from '@codeleap/common'
+import { AnyFunction, StylesOf } from '@codeleap/types'
 import { TooltipComposition } from './styles'
 import { ViewProps } from '../View'
 import { StyledProp } from '@codeleap/styles'

package/src/components/Touchable/index.tsx

@@ -1,4 +1,6 @@
-import { onMount, TypeGuards, useGlobalContext } from '@codeleap/common'
+import { onMount } from '@codeleap/hooks'
+import { useGlobalContext } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import React, { ComponentType, ElementType, forwardRef, HTMLAttributes } from 'react'
 import { stopPropagation } from '../../lib'
 import { getTestId } from '../../lib/utils/test'

package/src/components/Touchable/types.ts

@@ -1,4 +1,4 @@
-import { AnyFunction } from '@codeleap/common'
+import { AnyFunction } from '@codeleap/types'
 import { ComponentPropsWithRef, ElementType } from 'react'
 import { TouchableComposition } from './styles'
 import { AnyRecord, StyledProp } from '@codeleap/styles'

package/src/components/View/index.tsx

@@ -1,4 +1,5 @@
-import { useMemo, TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
+import { useMemo } from '@codeleap/hooks'
 import React, { ElementType, forwardRef } from 'react'
 import { useMediaQuery } from '../../lib/hooks'
 import { motion } from 'framer-motion'

package/src/lib/ListMasonry.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { useWindowSize } from '@react-hook/window-size'
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { EmptyPlaceholder } from '../components/EmptyPlaceholder'
 
 import {

package/src/lib/deprecated/OSAlert.tsx

@@ -1,7 +1,9 @@
 import React from 'react'
-import { AnyFunction, onMount, onUpdate, useBooleanToggle, usePrevious } from '@codeleap/common'
+import { onMount, onUpdate, useBooleanToggle, usePrevious } from '@codeleap/hooks'
+import { AnyFunction } from '@codeleap/types'
 import ReactDOM from 'react-dom'
 import { v4 as uuid } from 'uuid'
+
 type AlertButton = {
   text: string
   onPress: AnyFunction

package/src/lib/hooks/useBreakpointMatch.ts

@@ -1,5 +1,5 @@
 import { useMemo } from 'react'
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { AppTheme, Theme, useTheme } from '@codeleap/styles'
 import { useMediaQuery } from './useMediaQuery'
 

package/src/lib/hooks/useClick.ts

@@ -1,4 +1,4 @@
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import React, { useEffect, useRef, useCallback } from 'react'
 
 type HandlerClickOutside = (clickedOutside: boolean) => void

package/src/lib/hooks/useCropPicker.ts

@@ -1,12 +1,12 @@
 import {
-  WebInputFile,
   useBooleanToggle,
   useCallback,
   useImperativeHandle,
   usePromise,
   useRef,
   useState,
-} from '@codeleap/common'
+} from '@codeleap/hooks'
+import { WebInputFile } from '@codeleap/types'
 import { ImageReading } from '../../components/CropPicker'
 import { FileInputProps, FileInputRef } from '../../components/FileInput'
 import { Crop, ReactCropProps } from 'react-image-crop'

package/src/lib/hooks/useInfiniteScroll.ts

@@ -1,5 +1,5 @@
 import React from 'react'
-import { AnyFunction, TypeGuards } from '@codeleap/common'
+import { AnyFunction, TypeGuards } from '@codeleap/types'
 import { LoadMoreItemsCallback, UseInfiniteLoaderOptions, useInfiniteLoader } from 'masonic'
 import { ListProps } from '../../components/List'
 import { GridProps } from '../../components/Grid'

package/src/lib/hooks/useKeydown.ts

@@ -1,4 +1,4 @@
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { useEffect } from 'react'
 
 export const keydownDefaultKeyOptions = {

package/src/lib/hooks/usePagination.ts

@@ -1,4 +1,5 @@
-import { range, useMemo, useUncontrolled } from '@codeleap/common'
+import { useMemo, useUncontrolled } from '@codeleap/hooks'
+import { range } from '@codeleap/utils'
 
 export type PaginationParams = {
   initialPage?: number

package/src/lib/hooks/usePopState.ts

@@ -1,4 +1,5 @@
-import { AnyFunction, useUnmount } from '@codeleap/common'
+import { AnyFunction } from '@codeleap/types'
+import { useUnmount } from '@codeleap/hooks'
 import { useIsomorphicEffect } from './useIsomorphicEffect'
 
 export const usePopState = (dependence: boolean, handler: AnyFunction) => {

package/src/lib/hooks/useRefresh.ts

@@ -1,5 +1,6 @@
 import React from 'react'
-import { AnyFunction, useEffect } from '@codeleap/common'
+import { AnyFunction } from '@codeleap/types'
+import { useEffect } from '@codeleap/hooks'
 
 type UseRefreshOptions = {
     threshold: number

package/src/lib/hooks/useSearchParams.ts

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react'
-import { usePrevious } from '@codeleap/common'
+import { usePrevious } from '@codeleap/hooks'
 
 export type UseSearchParamsReturn<T> = [
   T,

package/src/lib/hooks/useWindowFocus.ts

@@ -1,4 +1,4 @@
-import { AnyFunction, TypeGuards } from '@codeleap/common'
+import { AnyFunction, TypeGuards } from '@codeleap/types'
 import { useEffect, useState } from 'react'
 
 type UseWindowFocusOptions = {

package/src/lib/logger.ts

@@ -1,4 +1,4 @@
-import { Logger } from '@codeleap/common'
+import { Logger } from '@codeleap/logger'
 
 export const logger = new Logger({
   Environment: {

package/src/lib/tools/localStorage.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 
 export type LocalStorageHandler<T> = (key: T, event: StorageEvent, value: any) => void
 export type Key<T> = keyof T

package/src/lib/tools/modal.ts

@@ -1,4 +1,4 @@
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 import { create } from 'zustand'
 
 type TModalStore = { 

package/src/lib/utils/stopPropagation.ts

@@ -1,4 +1,4 @@
-import { AnyFunction } from '@codeleap/common'
+import { AnyFunction } from '@codeleap/types'
 
 export function stopPropagation(event: any) {
   const tryCalls = [

package/src/lib/utils/test.ts

@@ -1,4 +1,4 @@
-import { TypeGuards } from '@codeleap/common'
+import { TypeGuards } from '@codeleap/types'
 
 export const getTestId = (props: Record<string, any>) => {
   let id = props?.testId || props?.['data-testid'] || props?.id || props?.debugName