@itcase/ui-react-native 1.10.91 → 1.10.94

package/src/components/Segmented/Segmented.interface.ts

@@ -19,8 +19,8 @@ import type {
 } from '@itcase/types-ui'
 
 import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
-import type { segmentedShapePropsType } from './styles/segmentedShape'
-import type { segmentedSizePropsType } from './styles/segmentedSize'
+import type { SegmentedShapePropsType } from './styles/segmentedShape'
+import type { SegmentedSizePropsType } from './styles/segmentedSize'
 
 interface SegmentedAppearanceProps {
   borderColor?: BorderColorProps
@@ -36,8 +36,8 @@ interface SegmentedAppearanceProps {
   labelTextActiveColor?: TextColorProps
   labelTextColor?: TextColorProps
   labelTextSize?: TextSizeProps
-  shape?: segmentedShapePropsType
-  size?: segmentedSizePropsType
+  shape?: SegmentedShapePropsType
+  size?: SegmentedSizePropsType
   width?: WidthProps
 }
 
@@ -82,8 +82,8 @@ interface SegmentedProps extends SegmentedAppearanceProps {
   appearance?: CompositeAppearanceStateDefault
   before?: ReactNode
   segments: Segment[]
-  shape?: segmentedShapePropsType
-  size?: segmentedSizePropsType
+  shape?: SegmentedShapePropsType
+  size?: SegmentedSizePropsType
   style?: StyleProp<ViewStyle>
   value?: string
 }

package/src/components/Segmented/index.ts

@@ -12,9 +12,9 @@ import type {
   SegmentedProps,
 } from './Segmented.interface'
 import { segmentedShapeList } from './styles/segmentedShape'
-import type { segmentedShapePropsType } from './styles/segmentedShape'
+import type { SegmentedShapePropsType } from './styles/segmentedShape'
 import { segmentedSizeList } from './styles/segmentedSize'
-import type { segmentedSizePropsType } from './styles/segmentedSize'
+import type { SegmentedSizePropsType } from './styles/segmentedSize'
 
 export {
   Segmented,
@@ -33,6 +33,6 @@ export type {
   SegmentedAppearanceStyle,
   SegmentedConfig,
   SegmentedProps,
-  segmentedShapePropsType,
-  segmentedSizePropsType,
+  SegmentedShapePropsType,
+  SegmentedSizePropsType,
 }

package/src/components/Segmented/styles/segmentedShape.ts

@@ -31,7 +31,7 @@ const segmentedShapeList = getVariantsPropsList(
   'segmented_shape_',
 )
 
-type segmentedShapePropsType = (typeof segmentedShapeList)[number]
+type SegmentedShapePropsType = (typeof segmentedShapeList)[number]
 
 export { segmentedShapeList, segmentedShapeStyles }
-export type { segmentedShapePropsType }
+export type { SegmentedShapePropsType }

package/src/components/Segmented/styles/segmentedSize.ts

@@ -59,7 +59,7 @@ const segmentedSizeList = getVariantsPropsList(
   'segmented__item_size_',
 )
 
-type segmentedSizePropsType = (typeof segmentedSizeList)[number]
+type SegmentedSizePropsType = (typeof segmentedSizeList)[number]
 
 export { segmentedSizeList, segmentedSizeStyles }
-export type { segmentedSizePropsType }
+export type { SegmentedSizePropsType }

package/src/components/Select/Select.interface.ts

@@ -18,7 +18,7 @@ import type {
 
 import type { ComponentGalleryArgs } from '../../storybook'
 import type { IconProps } from '../Icon/Icon.interface'
-import type { selectSizePropsType } from './styles/selectSize'
+import type { SelectSizePropsType } from './styles/selectSize'
 
 interface SelectOptionItem {
   label: string
@@ -38,7 +38,7 @@ interface SelectAppearanceProps {
   optionTextColorActive?: TextColorProps
   placeholderTextColor?: TextColorProps
   shape?: ShapeProps
-  size?: selectSizePropsType
+  size?: SelectSizePropsType
   textColor?: TextColorProps
   textSize?: TextSizeProps
 }

package/src/components/Select/index.ts

@@ -13,7 +13,7 @@ import type {
   SelectProps,
 } from './Select.interface'
 import { selectSizeList } from './styles/selectSize'
-import type { selectSizePropsType } from './styles/selectSize'
+import type { SelectSizePropsType } from './styles/selectSize'
 
 export { Select, selectAppearance, selectConfig, selectSizeList }
 export type {
@@ -27,5 +27,5 @@ export type {
   SelectMenu,
   SelectOptionItem,
   SelectProps,
-  selectSizePropsType,
+  SelectSizePropsType,
 }

package/src/components/Select/stories/SelectStories.config.ts

@@ -12,10 +12,7 @@ import type { SelectAppearanceKey, SelectOptionItem } from '../Select.interface'
 
 type SelectSizeKey = keyof typeof selectAppearanceSize
 
-const isSelectSizeKey = (value: string): value is SelectSizeKey =>
-  value in selectAppearanceSize
-
-const selectSizeKeys = Object.keys(selectAppearanceSize).filter(isSelectSizeKey)
+const selectSizeKeys = Object.keys(selectAppearanceSize) as SelectSizeKey[]
 
 const selectTypeOptions = ['placeholder', 'multi'] as const
 

package/src/components/Select/styles/selectSize.ts

@@ -42,7 +42,7 @@ const selectSizeStyles = StyleSheet.create({
 
 const selectSizeList = getVariantsPropsList(selectSizeStyles, 'select_size_')
 
-type selectSizePropsType = (typeof selectSizeList)[number]
+type SelectSizePropsType = (typeof selectSizeList)[number]
 
 export { selectSizeList, selectSizeStyles }
-export type { selectSizePropsType }
+export type { SelectSizePropsType }

package/src/components/Switch/Switch.interface.ts

@@ -17,8 +17,8 @@ import type {
 } from '@itcase/types-ui'
 
 import type { ComponentGalleryArgs } from '../../storybook'
-import type { switchAlignPropsType } from './styles/switchAlign'
-import type { switchSizePropsType } from './styles/switchSize'
+import type { SwitchAlignPropsType } from './styles/switchAlign'
+import type { SwitchSizePropsType } from './styles/switchSize'
 
 interface SwitchAppearanceProps {
   borderColor?: BorderColorProps
@@ -28,7 +28,7 @@ interface SwitchAppearanceProps {
   fillActive?: FillActiveProps
   fillToggle?: FillProps
   fillToggleActive?: FillActiveProps
-  size?: switchSizePropsType
+  size?: SwitchSizePropsType
   titleTextColor?: TextColorProps
   titleTextSize?: TextSizeProps
 }
@@ -44,7 +44,7 @@ interface SwitchProps extends SwitchAppearanceProps {
   isDisabled?: boolean
   onChange?: (isActive: boolean) => void
   onPress?: (event: GestureResponderEvent) => void
-  align?: switchAlignPropsType
+  align?: SwitchAlignPropsType
   appearance?: CompositeAppearanceStateDefault
   dataTestId?: string
   defaultIsActive?: boolean

package/src/components/Switch/index.ts

@@ -1,7 +1,7 @@
 import { switchAlignList } from './styles/switchAlign'
-import type { switchAlignPropsType } from './styles/switchAlign'
+import type { SwitchAlignPropsType } from './styles/switchAlign'
 import { switchSizeList } from './styles/switchSize'
-import type { switchSizePropsType } from './styles/switchSize'
+import type { SwitchSizePropsType } from './styles/switchSize'
 import { Switch, switchConfig } from './Switch'
 import { switchAppearance } from './Switch.appearance'
 import type {
@@ -21,12 +21,12 @@ export {
   switchSizeList,
 }
 export type {
-  switchAlignPropsType,
+  SwitchAlignPropsType,
   SwitchAppearance,
   SwitchAppearanceKey,
   SwitchAppearanceSize,
   SwitchAppearanceStyle,
   SwitchConfig,
   SwitchProps,
-  switchSizePropsType,
+  SwitchSizePropsType,
 }

package/src/components/Switch/stories/SwitchStories.config.tsx

@@ -10,10 +10,9 @@ import { switchAppearanceStyle } from '../appearance/switchStyle'
 import { switchAppearanceSuccess } from '../appearance/switchSuccess'
 import type { SwitchAppearanceKey } from '../Switch.interface'
 
-const switchSizeKeys = Object.keys(switchAppearanceSize).filter(
-  (value): value is keyof typeof switchAppearanceSize =>
-    value in switchAppearanceSize,
-)
+const switchSizeKeys = Object.keys(switchAppearanceSize) as Array<
+  keyof typeof switchAppearanceSize
+>
 
 const switchTypeOptions = ['switch', 'title', 'title-desc'] as const
 

package/src/components/Switch/styles/switchAlign.ts

@@ -23,7 +23,7 @@ const switchAlignStyles = StyleSheet.create({
 
 const switchAlignList = getVariantsPropsList(switchAlignStyles, 'switch_align_')
 
-type switchAlignPropsType = (typeof switchAlignList)[number]
+type SwitchAlignPropsType = (typeof switchAlignList)[number]
 
 export { switchAlignList, switchAlignStyles }
-export type { switchAlignPropsType }
+export type { SwitchAlignPropsType }

package/src/components/Switch/styles/switchSize.ts

@@ -34,7 +34,7 @@ const switchSizeList = getVariantsPropsList(
   'switch__item_size_',
 )
 
-type switchSizePropsType = (typeof switchSizeList)[number]
+type SwitchSizePropsType = (typeof switchSizeList)[number]
 
 export { switchSizeList, switchSizeStyles }
-export type { switchSizePropsType }
+export type { SwitchSizePropsType }

package/src/components/Tab/Tab.interface.ts

@@ -3,7 +3,7 @@ import type { GestureResponderEvent, LayoutChangeEvent } from 'react-native'
 
 import type { FillProps, TextColorProps, TextSizeProps } from '@itcase/types-ui'
 
-import type { tabSizePropsType } from './styles/tabSize'
+import type { TabSizePropsType } from './styles/tabSize'
 
 interface TabProps {
   onLayout?: (event: LayoutChangeEvent) => void
@@ -12,7 +12,7 @@ interface TabProps {
   activeTitleTextColor?: TextColorProps
   after?: ReactNode
   fill?: FillProps
-  size: tabSizePropsType
+  size: TabSizePropsType
   title?: string
   titleTextColor?: TextColorProps
   titleTextSize?: TextSizeProps

package/src/components/Tab/index.ts

@@ -1,7 +1,7 @@
 import { tabSizeList } from './styles/tabSize'
-import type { tabSizePropsType } from './styles/tabSize'
+import type { TabSizePropsType } from './styles/tabSize'
 import { Tab } from './Tab'
 import type { TabProps } from './Tab.interface'
 
 export { Tab, tabSizeList }
-export type { TabProps, tabSizePropsType }
+export type { TabProps, TabSizePropsType }

package/src/components/Tab/styles/tabSize.ts

@@ -35,7 +35,7 @@ const tabSizeStyles = StyleSheet.create({
 
 const tabSizeList = getVariantsPropsList(tabSizeStyles, 'tab__item_size_')
 
-type tabSizePropsType = (typeof tabSizeList)[number]
+type TabSizePropsType = (typeof tabSizeList)[number]
 
 export { tabSizeList, tabSizeStyles }
-export type { tabSizePropsType }
+export type { TabSizePropsType }

package/src/components/Textarea/Textarea.interface.ts

@@ -17,16 +17,16 @@ import type {
   WidthProps,
 } from '@itcase/types-ui'
 
-import type { textareaShapePropsType } from './styles/textareaShape'
-import type { textareaSizePropsType } from './styles/textareaSize'
+import type { TextareaShapePropsType } from './styles/textareaShape'
+import type { TextareaSizePropsType } from './styles/textareaSize'
 
 interface TextareaAppearanceProps {
   borderColor?: BorderColorProps
   caret?: FillProps
   fill?: FillProps
   placeholderTextColor?: TextColorProps
-  shape?: textareaShapePropsType
-  size?: textareaSizePropsType
+  shape?: TextareaShapePropsType
+  size?: TextareaSizePropsType
   textColor?: TextColorProps
   textSize?: TextSizeProps
   textWeight?: TextWeightProps

package/src/components/Textarea/index.ts

@@ -1,7 +1,7 @@
 import { textareaShapeList } from './styles/textareaShape'
-import type { textareaShapePropsType } from './styles/textareaShape'
+import type { TextareaShapePropsType } from './styles/textareaShape'
 import { textareaSizeList } from './styles/textareaSize'
-import type { textareaSizePropsType } from './styles/textareaSize'
+import type { TextareaSizePropsType } from './styles/textareaSize'
 import { Textarea, textareaConfig } from './Textarea'
 import { textareaAppearance } from './Textarea.appearance'
 import type {
@@ -31,6 +31,6 @@ export type {
   TextareaAppearanceStyle,
   TextareaConfig,
   TextareaProps,
-  textareaShapePropsType,
-  textareaSizePropsType,
+  TextareaShapePropsType,
+  TextareaSizePropsType,
 }

package/src/components/Textarea/styles/textareaShape.ts

@@ -28,7 +28,7 @@ const textareaShapeList = getVariantsPropsList(
   'textarea_shape_',
 )
 
-type textareaShapePropsType = (typeof textareaShapeList)[number]
+type TextareaShapePropsType = (typeof textareaShapeList)[number]
 
 export { textareaShapeList, textareaShapeStyles }
-export type { textareaShapePropsType }
+export type { TextareaShapePropsType }

package/src/components/Textarea/styles/textareaSize.ts

@@ -26,7 +26,7 @@ const textareaSizeList = getVariantsPropsList(
   'textarea_size_',
 )
 
-type textareaSizePropsType = (typeof textareaSizeList)[number]
+type TextareaSizePropsType = (typeof textareaSizeList)[number]
 
 export { textareaSizeList, textareaSizeStyles }
-export type { textareaSizePropsType }
+export type { TextareaSizePropsType }

package/src/components/Tile/Tile.interface.ts

@@ -26,8 +26,8 @@ import type {
 import type { ComponentGalleryArgs } from '../../storybook'
 import type { BadgeProps } from '../Badge/Badge.interface'
 import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
-import type { tileShapePropsType } from './styles/tileShape'
-import type { tileSizePropsType } from './styles/tileSize'
+import type { TileShapePropsType } from './styles/tileShape'
+import type { TileSizePropsType } from './styles/tileSize'
 
 interface TileAppearanceProps {
   badgeAppearance?: BadgeProps['appearance']
@@ -80,8 +80,8 @@ interface TileProps extends TileAppearanceProps {
   children?: ReactNode
   desc?: string
   icon?: SvgIconComponent
-  shape?: tileShapePropsType
-  size?: tileSizePropsType
+  shape?: TileShapePropsType
+  size?: TileSizePropsType
   style?: StyleProp<ViewStyle>
   title?: string
 }

package/src/components/Tile/index.ts

@@ -1,7 +1,7 @@
 import { tileShapeList } from './styles/tileShape'
-import type { tileShapePropsType } from './styles/tileShape'
+import type { TileShapePropsType } from './styles/tileShape'
 import { tileSizeList } from './styles/tileSize'
-import type { tileSizePropsType } from './styles/tileSize'
+import type { TileSizePropsType } from './styles/tileSize'
 import { Tile, tileConfig } from './Tile'
 import { tileAppearance } from './Tile.appearance'
 import type {
@@ -25,6 +25,6 @@ export type {
   TileAppearanceStyle,
   TileConfig,
   TileProps,
-  tileShapePropsType,
-  tileSizePropsType,
+  TileShapePropsType,
+  TileSizePropsType,
 }

package/src/components/Tile/styles/tileShape.ts

@@ -28,7 +28,7 @@ const tileShapeStyles = StyleSheet.create({
 
 const tileShapeList = getVariantsPropsList(tileShapeStyles, 'tile_shape_')
 
-type tileShapePropsType = (typeof tileShapeList)[number]
+type TileShapePropsType = (typeof tileShapeList)[number]
 
 export { tileShapeList, tileShapeStyles }
-export type { tileShapePropsType }
+export type { TileShapePropsType }

package/src/components/Tile/styles/tileSize.ts

@@ -56,7 +56,7 @@ const tileSizeStyles = StyleSheet.create({
 
 const tileSizeList = getVariantsPropsList(tileSizeStyles, 'tile_size_')
 
-type tileSizePropsType = (typeof tileSizeList)[number]
+type TileSizePropsType = (typeof tileSizeList)[number]
 
 export { tileSizeList, tileSizeStyles }
-export type { tileSizePropsType }
+export type { TileSizePropsType }

package/src/components/Warning/Warning.interface.ts

@@ -20,8 +20,8 @@ import type {
 } from '@itcase/types-ui'
 
 import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
-import type { iconSizePropsType } from '../Icon/styles/iconSize'
-import type { warningSizePropsType } from './styles/warningSize'
+import type { IconSizePropsType } from '../Icon/styles/iconSize'
+import type { WarningSizePropsType } from './styles/warningSize'
 
 interface WarningAppearanceProps {
   borderColor?: BorderColorProps
@@ -34,12 +34,12 @@ interface WarningAppearanceProps {
   iconBefore?: SvgIconComponent
   iconBeforeAppearance?: IconProps['appearance']
   iconBeforeFillIcon?: ItemFillActiveProps
-  iconSize?: iconSizePropsType
+  iconSize?: IconSizePropsType
   labelTextColor?: TextColorProps
   labelTextSize?: TextSizeProps
   labelTextWeight?: TextWeightProps
   shape?: ShapeProps
-  size?: warningSizePropsType
+  size?: WarningSizePropsType
 }
 
 type WarningConfig = AppearanceConfig<

package/src/components/Warning/index.ts

@@ -1,7 +1,7 @@
 import { warningShapeList } from './styles/warningShape'
-import type { warningShapePropsType } from './styles/warningShape'
+import type { WarningShapePropsType } from './styles/warningShape'
 import { warningSizeList } from './styles/warningSize'
-import type { warningSizePropsType } from './styles/warningSize'
+import type { WarningSizePropsType } from './styles/warningSize'
 import { Warning, warningConfig } from './Warning'
 import { warningAppearance } from './Warning.appearance'
 import type {
@@ -23,6 +23,6 @@ export type {
   WarningAppearanceKey,
   WarningConfig,
   WarningProps,
-  warningShapePropsType,
-  warningSizePropsType,
+  WarningShapePropsType,
+  WarningSizePropsType,
 }

package/src/components/Warning/styles/warningShape.ts

@@ -32,7 +32,7 @@ const warningShapeList = getVariantsPropsList(
   'warning_shape_',
 )
 
-type warningShapePropsType = (typeof warningShapeList)[number]
+type WarningShapePropsType = (typeof warningShapeList)[number]
 
 export { warningShapeList, warningShapeStyles }
-export type { warningShapePropsType }
+export type { WarningShapePropsType }

package/src/components/Warning/styles/warningSize.ts

@@ -25,7 +25,7 @@ const warningSizeStyles = StyleSheet.create({
 
 const warningSizeList = getVariantsPropsList(warningSizeStyles, 'warning_size_')
 
-type warningSizePropsType = (typeof warningSizeList)[number]
+type WarningSizePropsType = (typeof warningSizeList)[number]
 
 export { warningSizeList, warningSizeStyles }
-export type { warningSizePropsType }
+export type { WarningSizePropsType }