@umituz/react-native-design-system 1.7.1 → 1.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/package.json +61 -35
- package/src/index.ts +71 -271
- package/lib/index.d.ts +0 -59
- package/lib/index.d.ts.map +0 -1
- package/lib/index.js +0 -99
- package/lib/index.js.map +0 -1
- package/lib/presentation/atoms/AtomicAvatar.d.ts +0 -48
- package/lib/presentation/atoms/AtomicAvatar.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicAvatar.js +0 -85
- package/lib/presentation/atoms/AtomicAvatar.js.map +0 -1
- package/lib/presentation/atoms/AtomicAvatarGroup.d.ts +0 -56
- package/lib/presentation/atoms/AtomicAvatarGroup.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicAvatarGroup.js +0 -83
- package/lib/presentation/atoms/AtomicAvatarGroup.js.map +0 -1
- package/lib/presentation/atoms/AtomicBadge.d.ts +0 -42
- package/lib/presentation/atoms/AtomicBadge.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicBadge.js +0 -168
- package/lib/presentation/atoms/AtomicBadge.js.map +0 -1
- package/lib/presentation/atoms/AtomicButton.d.ts +0 -21
- package/lib/presentation/atoms/AtomicButton.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicButton.js +0 -172
- package/lib/presentation/atoms/AtomicButton.js.map +0 -1
- package/lib/presentation/atoms/AtomicCard.d.ts +0 -15
- package/lib/presentation/atoms/AtomicCard.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicCard.js +0 -70
- package/lib/presentation/atoms/AtomicCard.js.map +0 -1
- package/lib/presentation/atoms/AtomicChip.d.ts +0 -53
- package/lib/presentation/atoms/AtomicChip.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicChip.js +0 -131
- package/lib/presentation/atoms/AtomicChip.js.map +0 -1
- package/lib/presentation/atoms/AtomicDatePicker.d.ts +0 -75
- package/lib/presentation/atoms/AtomicDatePicker.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicDatePicker.js +0 -246
- package/lib/presentation/atoms/AtomicDatePicker.js.map +0 -1
- package/lib/presentation/atoms/AtomicDivider.d.ts +0 -45
- package/lib/presentation/atoms/AtomicDivider.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicDivider.js +0 -58
- package/lib/presentation/atoms/AtomicDivider.js.map +0 -1
- package/lib/presentation/atoms/AtomicFab.d.ts +0 -37
- package/lib/presentation/atoms/AtomicFab.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicFab.js +0 -68
- package/lib/presentation/atoms/AtomicFab.js.map +0 -1
- package/lib/presentation/atoms/AtomicFilter.d.ts +0 -37
- package/lib/presentation/atoms/AtomicFilter.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicFilter.js +0 -104
- package/lib/presentation/atoms/AtomicFilter.js.map +0 -1
- package/lib/presentation/atoms/AtomicFormError.d.ts +0 -30
- package/lib/presentation/atoms/AtomicFormError.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicFormError.js +0 -64
- package/lib/presentation/atoms/AtomicFormError.js.map +0 -1
- package/lib/presentation/atoms/AtomicIcon.d.ts +0 -35
- package/lib/presentation/atoms/AtomicIcon.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicIcon.js +0 -30
- package/lib/presentation/atoms/AtomicIcon.js.map +0 -1
- package/lib/presentation/atoms/AtomicImage.d.ts +0 -40
- package/lib/presentation/atoms/AtomicImage.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicImage.js +0 -92
- package/lib/presentation/atoms/AtomicImage.js.map +0 -1
- package/lib/presentation/atoms/AtomicInput.d.ts +0 -71
- package/lib/presentation/atoms/AtomicInput.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicInput.js +0 -196
- package/lib/presentation/atoms/AtomicInput.js.map +0 -1
- package/lib/presentation/atoms/AtomicNumberInput.d.ts +0 -69
- package/lib/presentation/atoms/AtomicNumberInput.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicNumberInput.js +0 -125
- package/lib/presentation/atoms/AtomicNumberInput.js.map +0 -1
- package/lib/presentation/atoms/AtomicPicker.d.ts +0 -52
- package/lib/presentation/atoms/AtomicPicker.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicPicker.js +0 -299
- package/lib/presentation/atoms/AtomicPicker.js.map +0 -1
- package/lib/presentation/atoms/AtomicProgress.d.ts +0 -44
- package/lib/presentation/atoms/AtomicProgress.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicProgress.js +0 -80
- package/lib/presentation/atoms/AtomicProgress.js.map +0 -1
- package/lib/presentation/atoms/AtomicSearchBar.d.ts +0 -19
- package/lib/presentation/atoms/AtomicSearchBar.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicSearchBar.js +0 -46
- package/lib/presentation/atoms/AtomicSearchBar.js.map +0 -1
- package/lib/presentation/atoms/AtomicSort.d.ts +0 -72
- package/lib/presentation/atoms/AtomicSort.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicSort.js +0 -77
- package/lib/presentation/atoms/AtomicSort.js.map +0 -1
- package/lib/presentation/atoms/AtomicSwitch.d.ts +0 -43
- package/lib/presentation/atoms/AtomicSwitch.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicSwitch.js +0 -104
- package/lib/presentation/atoms/AtomicSwitch.js.map +0 -1
- package/lib/presentation/atoms/AtomicText.d.ts +0 -14
- package/lib/presentation/atoms/AtomicText.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicText.js +0 -36
- package/lib/presentation/atoms/AtomicText.js.map +0 -1
- package/lib/presentation/atoms/AtomicTextArea.d.ts +0 -85
- package/lib/presentation/atoms/AtomicTextArea.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicTextArea.js +0 -196
- package/lib/presentation/atoms/AtomicTextArea.js.map +0 -1
- package/lib/presentation/atoms/AtomicTouchable.d.ts +0 -77
- package/lib/presentation/atoms/AtomicTouchable.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicTouchable.js +0 -138
- package/lib/presentation/atoms/AtomicTouchable.js.map +0 -1
- package/lib/presentation/atoms/fab/styles/fabStyles.d.ts +0 -23
- package/lib/presentation/atoms/fab/styles/fabStyles.d.ts.map +0 -1
- package/lib/presentation/atoms/fab/styles/fabStyles.js +0 -63
- package/lib/presentation/atoms/fab/styles/fabStyles.js.map +0 -1
- package/lib/presentation/atoms/fab/types/index.d.ts +0 -71
- package/lib/presentation/atoms/fab/types/index.d.ts.map +0 -1
- package/lib/presentation/atoms/fab/types/index.js +0 -2
- package/lib/presentation/atoms/fab/types/index.js.map +0 -1
- package/lib/presentation/atoms/filter/styles/filterStyles.d.ts +0 -15
- package/lib/presentation/atoms/filter/styles/filterStyles.d.ts.map +0 -1
- package/lib/presentation/atoms/filter/styles/filterStyles.js +0 -29
- package/lib/presentation/atoms/filter/styles/filterStyles.js.map +0 -1
- package/lib/presentation/atoms/filter/types/index.d.ts +0 -76
- package/lib/presentation/atoms/filter/types/index.d.ts.map +0 -1
- package/lib/presentation/atoms/filter/types/index.js +0 -2
- package/lib/presentation/atoms/filter/types/index.js.map +0 -1
- package/lib/presentation/atoms/index.d.ts +0 -273
- package/lib/presentation/atoms/index.d.ts.map +0 -1
- package/lib/presentation/atoms/index.js +0 -146
- package/lib/presentation/atoms/index.js.map +0 -1
- package/lib/presentation/atoms/input/hooks/useInputState.d.ts +0 -7
- package/lib/presentation/atoms/input/hooks/useInputState.d.ts.map +0 -1
- package/lib/presentation/atoms/input/hooks/useInputState.js +0 -13
- package/lib/presentation/atoms/input/hooks/useInputState.js.map +0 -1
- package/lib/presentation/atoms/input/styles/inputStyles.d.ts +0 -13
- package/lib/presentation/atoms/input/styles/inputStyles.d.ts.map +0 -1
- package/lib/presentation/atoms/input/styles/inputStyles.js +0 -59
- package/lib/presentation/atoms/input/styles/inputStyles.js.map +0 -1
- package/lib/presentation/atoms/input/types/index.d.ts +0 -24
- package/lib/presentation/atoms/input/types/index.d.ts.map +0 -1
- package/lib/presentation/atoms/input/types/index.js +0 -2
- package/lib/presentation/atoms/input/types/index.js.map +0 -1
- package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts +0 -85
- package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts.map +0 -1
- package/lib/presentation/atoms/picker/styles/pickerStyles.js +0 -177
- package/lib/presentation/atoms/picker/styles/pickerStyles.js.map +0 -1
- package/lib/presentation/atoms/picker/types/index.d.ts +0 -38
- package/lib/presentation/atoms/picker/types/index.d.ts.map +0 -1
- package/lib/presentation/atoms/picker/types/index.js +0 -2
- package/lib/presentation/atoms/picker/types/index.js.map +0 -1
- package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts +0 -31
- package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts.map +0 -1
- package/lib/presentation/atoms/touchable/styles/touchableStyles.js +0 -54
- package/lib/presentation/atoms/touchable/styles/touchableStyles.js.map +0 -1
- package/lib/presentation/atoms/touchable/types/index.d.ts +0 -134
- package/lib/presentation/atoms/touchable/types/index.d.ts.map +0 -1
- package/lib/presentation/atoms/touchable/types/index.js +0 -2
- package/lib/presentation/atoms/touchable/types/index.js.map +0 -1
- package/lib/presentation/hooks/useAppDesignTokens.d.ts +0 -13
- package/lib/presentation/hooks/useAppDesignTokens.d.ts.map +0 -1
- package/lib/presentation/hooks/useAppDesignTokens.js +0 -13
- package/lib/presentation/hooks/useAppDesignTokens.js.map +0 -1
- package/lib/presentation/hooks/useResponsive.d.ts +0 -80
- package/lib/presentation/hooks/useResponsive.d.ts.map +0 -1
- package/lib/presentation/hooks/useResponsive.js +0 -82
- package/lib/presentation/hooks/useResponsive.js.map +0 -1
- package/lib/presentation/molecules/AtomicConfirmationModal.d.ts +0 -73
- package/lib/presentation/molecules/AtomicConfirmationModal.d.ts.map +0 -1
- package/lib/presentation/molecules/AtomicConfirmationModal.js +0 -154
- package/lib/presentation/molecules/AtomicConfirmationModal.js.map +0 -1
- package/lib/presentation/molecules/EmptyState.d.ts +0 -41
- package/lib/presentation/molecules/EmptyState.d.ts.map +0 -1
- package/lib/presentation/molecules/EmptyState.js +0 -68
- package/lib/presentation/molecules/EmptyState.js.map +0 -1
- package/lib/presentation/molecules/FormField.d.ts +0 -22
- package/lib/presentation/molecules/FormField.d.ts.map +0 -1
- package/lib/presentation/molecules/FormField.js +0 -76
- package/lib/presentation/molecules/FormField.js.map +0 -1
- package/lib/presentation/molecules/GridContainer.d.ts +0 -40
- package/lib/presentation/molecules/GridContainer.d.ts.map +0 -1
- package/lib/presentation/molecules/GridContainer.js +0 -77
- package/lib/presentation/molecules/GridContainer.js.map +0 -1
- package/lib/presentation/molecules/IconContainer.d.ts +0 -29
- package/lib/presentation/molecules/IconContainer.d.ts.map +0 -1
- package/lib/presentation/molecules/IconContainer.js +0 -60
- package/lib/presentation/molecules/IconContainer.js.map +0 -1
- package/lib/presentation/molecules/ListItem.d.ts +0 -5
- package/lib/presentation/molecules/ListItem.d.ts.map +0 -1
- package/lib/presentation/molecules/ListItem.js +0 -24
- package/lib/presentation/molecules/ListItem.js.map +0 -1
- package/lib/presentation/molecules/ScreenHeader.d.ts +0 -55
- package/lib/presentation/molecules/ScreenHeader.d.ts.map +0 -1
- package/lib/presentation/molecules/ScreenHeader.js +0 -94
- package/lib/presentation/molecules/ScreenHeader.js.map +0 -1
- package/lib/presentation/molecules/SearchBar.d.ts +0 -18
- package/lib/presentation/molecules/SearchBar.d.ts.map +0 -1
- package/lib/presentation/molecules/SearchBar.js +0 -47
- package/lib/presentation/molecules/SearchBar.js.map +0 -1
- package/lib/presentation/molecules/SectionCard.d.ts +0 -25
- package/lib/presentation/molecules/SectionCard.d.ts.map +0 -1
- package/lib/presentation/molecules/SectionCard.js +0 -47
- package/lib/presentation/molecules/SectionCard.js.map +0 -1
- package/lib/presentation/molecules/SectionContainer.d.ts +0 -33
- package/lib/presentation/molecules/SectionContainer.d.ts.map +0 -1
- package/lib/presentation/molecules/SectionContainer.js +0 -64
- package/lib/presentation/molecules/SectionContainer.js.map +0 -1
- package/lib/presentation/molecules/SectionHeader.d.ts +0 -37
- package/lib/presentation/molecules/SectionHeader.d.ts.map +0 -1
- package/lib/presentation/molecules/SectionHeader.js +0 -73
- package/lib/presentation/molecules/SectionHeader.js.map +0 -1
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts +0 -50
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts.map +0 -1
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.js +0 -115
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.js.map +0 -1
- package/lib/presentation/molecules/confirmation-modal/types/index.d.ts +0 -86
- package/lib/presentation/molecules/confirmation-modal/types/index.d.ts.map +0 -1
- package/lib/presentation/molecules/confirmation-modal/types/index.js +0 -7
- package/lib/presentation/molecules/confirmation-modal/types/index.js.map +0 -1
- package/lib/presentation/molecules/index.d.ts +0 -27
- package/lib/presentation/molecules/index.d.ts.map +0 -1
- package/lib/presentation/molecules/index.js +0 -17
- package/lib/presentation/molecules/index.js.map +0 -1
- package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts +0 -12
- package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts.map +0 -1
- package/lib/presentation/molecules/listitem/styles/listItemStyles.js +0 -15
- package/lib/presentation/molecules/listitem/styles/listItemStyles.js.map +0 -1
- package/lib/presentation/molecules/listitem/types/index.d.ts +0 -17
- package/lib/presentation/molecules/listitem/types/index.d.ts.map +0 -1
- package/lib/presentation/molecules/listitem/types/index.js +0 -2
- package/lib/presentation/molecules/listitem/types/index.js.map +0 -1
- package/lib/presentation/organisms/AppHeader.d.ts +0 -31
- package/lib/presentation/organisms/AppHeader.d.ts.map +0 -1
- package/lib/presentation/organisms/AppHeader.js +0 -78
- package/lib/presentation/organisms/AppHeader.js.map +0 -1
- package/lib/presentation/organisms/FormContainer.d.ts +0 -76
- package/lib/presentation/organisms/FormContainer.d.ts.map +0 -1
- package/lib/presentation/organisms/FormContainer.js +0 -127
- package/lib/presentation/organisms/FormContainer.js.map +0 -1
- package/lib/presentation/organisms/ScreenLayout.d.ts +0 -84
- package/lib/presentation/organisms/ScreenLayout.d.ts.map +0 -1
- package/lib/presentation/organisms/ScreenLayout.js +0 -69
- package/lib/presentation/organisms/ScreenLayout.js.map +0 -1
- package/lib/presentation/organisms/index.d.ts +0 -16
- package/lib/presentation/organisms/index.d.ts.map +0 -1
- package/lib/presentation/organisms/index.js +0 -14
- package/lib/presentation/organisms/index.js.map +0 -1
- package/lib/presentation/tokens/commonStyles.d.ts +0 -122
- package/lib/presentation/tokens/commonStyles.d.ts.map +0 -1
- package/lib/presentation/tokens/commonStyles.js +0 -220
- package/lib/presentation/tokens/commonStyles.js.map +0 -1
- package/lib/presentation/utils/platformConstants.d.ts +0 -100
- package/lib/presentation/utils/platformConstants.d.ts.map +0 -1
- package/lib/presentation/utils/platformConstants.js +0 -114
- package/lib/presentation/utils/platformConstants.js.map +0 -1
- package/lib/presentation/utils/responsive.d.ts +0 -218
- package/lib/presentation/utils/responsive.d.ts.map +0 -1
- package/lib/presentation/utils/responsive.js +0 -452
- package/lib/presentation/utils/responsive.js.map +0 -1
- package/lib/presentation/utils/variants/compound.d.ts +0 -10
- package/lib/presentation/utils/variants/compound.d.ts.map +0 -1
- package/lib/presentation/utils/variants/compound.js +0 -16
- package/lib/presentation/utils/variants/compound.js.map +0 -1
- package/lib/presentation/utils/variants/core.d.ts +0 -15
- package/lib/presentation/utils/variants/core.d.ts.map +0 -1
- package/lib/presentation/utils/variants/core.js +0 -23
- package/lib/presentation/utils/variants/core.js.map +0 -1
- package/lib/presentation/utils/variants/helpers.d.ts +0 -5
- package/lib/presentation/utils/variants/helpers.d.ts.map +0 -1
- package/lib/presentation/utils/variants/helpers.js +0 -10
- package/lib/presentation/utils/variants/helpers.js.map +0 -1
- package/lib/presentation/utils/variants.d.ts +0 -4
- package/lib/presentation/utils/variants.d.ts.map +0 -1
- package/lib/presentation/utils/variants.js +0 -4
- package/lib/presentation/utils/variants.js.map +0 -1
- package/src/presentation/atoms/AtomicAvatar.tsx +0 -157
- package/src/presentation/atoms/AtomicAvatarGroup.tsx +0 -169
- package/src/presentation/atoms/AtomicBadge.tsx +0 -232
- package/src/presentation/atoms/AtomicButton.tsx +0 -236
- package/src/presentation/atoms/AtomicCard.tsx +0 -107
- package/src/presentation/atoms/AtomicChip.tsx +0 -223
- package/src/presentation/atoms/AtomicDatePicker.tsx +0 -354
- package/src/presentation/atoms/AtomicDivider.tsx +0 -114
- package/src/presentation/atoms/AtomicFab.tsx +0 -98
- package/src/presentation/atoms/AtomicFilter.tsx +0 -154
- package/src/presentation/atoms/AtomicFormError.tsx +0 -105
- package/src/presentation/atoms/AtomicIcon.tsx +0 -40
- package/src/presentation/atoms/AtomicImage.tsx +0 -149
- package/src/presentation/atoms/AtomicInput.tsx +0 -350
- package/src/presentation/atoms/AtomicNumberInput.tsx +0 -182
- package/src/presentation/atoms/AtomicPicker.tsx +0 -458
- package/src/presentation/atoms/AtomicProgress.tsx +0 -139
- package/src/presentation/atoms/AtomicSearchBar.tsx +0 -114
- package/src/presentation/atoms/AtomicSort.tsx +0 -145
- package/src/presentation/atoms/AtomicSwitch.tsx +0 -166
- package/src/presentation/atoms/AtomicText.tsx +0 -82
- package/src/presentation/atoms/AtomicTextArea.tsx +0 -313
- package/src/presentation/atoms/AtomicTouchable.tsx +0 -209
- package/src/presentation/atoms/fab/styles/fabStyles.ts +0 -69
- package/src/presentation/atoms/fab/types/index.ts +0 -82
- package/src/presentation/atoms/filter/styles/filterStyles.ts +0 -32
- package/src/presentation/atoms/filter/types/index.ts +0 -89
- package/src/presentation/atoms/index.ts +0 -366
- package/src/presentation/atoms/input/hooks/useInputState.ts +0 -15
- package/src/presentation/atoms/input/styles/inputStyles.ts +0 -66
- package/src/presentation/atoms/input/types/index.ts +0 -25
- package/src/presentation/atoms/picker/styles/pickerStyles.ts +0 -220
- package/src/presentation/atoms/picker/types/index.ts +0 -40
- package/src/presentation/atoms/touchable/styles/touchableStyles.ts +0 -62
- package/src/presentation/atoms/touchable/types/index.ts +0 -155
- package/src/presentation/hooks/useAppDesignTokens.ts +0 -13
- package/src/presentation/hooks/useResponsive.ts +0 -180
- package/src/presentation/molecules/AtomicConfirmationModal.tsx +0 -243
- package/src/presentation/molecules/EmptyState.tsx +0 -130
- package/src/presentation/molecules/FormField.tsx +0 -128
- package/src/presentation/molecules/GridContainer.tsx +0 -124
- package/src/presentation/molecules/IconContainer.tsx +0 -94
- package/src/presentation/molecules/ListItem.tsx +0 -36
- package/src/presentation/molecules/ScreenHeader.tsx +0 -140
- package/src/presentation/molecules/SearchBar.tsx +0 -85
- package/src/presentation/molecules/SectionCard.tsx +0 -74
- package/src/presentation/molecules/SectionContainer.tsx +0 -106
- package/src/presentation/molecules/SectionHeader.tsx +0 -125
- package/src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts +0 -133
- package/src/presentation/molecules/confirmation-modal/types/index.ts +0 -105
- package/src/presentation/molecules/index.ts +0 -41
- package/src/presentation/molecules/listitem/styles/listItemStyles.ts +0 -19
- package/src/presentation/molecules/listitem/types/index.ts +0 -17
- package/src/presentation/organisms/AppHeader.tsx +0 -137
- package/src/presentation/organisms/FormContainer.tsx +0 -180
- package/src/presentation/organisms/ScreenLayout.tsx +0 -171
- package/src/presentation/organisms/index.ts +0 -25
- package/src/presentation/tokens/commonStyles.ts +0 -253
- package/src/presentation/utils/platformConstants.ts +0 -124
- package/src/presentation/utils/responsive.ts +0 -516
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
-
/**
|
|
3
|
-
* Filter option interface
|
|
4
|
-
* Represents a single filterable option
|
|
5
|
-
*/
|
|
6
|
-
export interface FilterOption {
|
|
7
|
-
/**
|
|
8
|
-
* Unique identifier for the filter option
|
|
9
|
-
*/
|
|
10
|
-
id: string;
|
|
11
|
-
/**
|
|
12
|
-
* Display label for the filter
|
|
13
|
-
*/
|
|
14
|
-
label: string;
|
|
15
|
-
/**
|
|
16
|
-
* Optional value associated with the filter
|
|
17
|
-
* Can be used for backend filtering
|
|
18
|
-
*/
|
|
19
|
-
value?: unknown;
|
|
20
|
-
/**
|
|
21
|
-
* Optional icon name to display
|
|
22
|
-
*/
|
|
23
|
-
icon?: string;
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* AtomicFilter component props
|
|
27
|
-
*/
|
|
28
|
-
export interface AtomicFilterProps {
|
|
29
|
-
/**
|
|
30
|
-
* Array of filter options to display
|
|
31
|
-
*/
|
|
32
|
-
options: FilterOption[];
|
|
33
|
-
/**
|
|
34
|
-
* Array of currently selected filter IDs
|
|
35
|
-
*/
|
|
36
|
-
selectedIds: string[];
|
|
37
|
-
/**
|
|
38
|
-
* Callback when selection changes
|
|
39
|
-
* @param selectedIds - New array of selected IDs
|
|
40
|
-
*/
|
|
41
|
-
onSelectionChange: (selectedIds: string[]) => void;
|
|
42
|
-
/**
|
|
43
|
-
* Enable multi-select mode
|
|
44
|
-
* @default true
|
|
45
|
-
*/
|
|
46
|
-
multiSelect?: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Show "Clear All" button when filters are active
|
|
49
|
-
* @default true
|
|
50
|
-
*/
|
|
51
|
-
showClearAll?: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Chip variant style
|
|
54
|
-
* @default 'outlined'
|
|
55
|
-
*/
|
|
56
|
-
variant?: 'filled' | 'outlined' | 'soft';
|
|
57
|
-
/**
|
|
58
|
-
* Chip color theme
|
|
59
|
-
* @default 'primary'
|
|
60
|
-
*/
|
|
61
|
-
color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
|
|
62
|
-
/**
|
|
63
|
-
* Chip size
|
|
64
|
-
* @default 'md'
|
|
65
|
-
*/
|
|
66
|
-
size?: 'sm' | 'md' | 'lg';
|
|
67
|
-
/**
|
|
68
|
-
* Custom style for the container
|
|
69
|
-
*/
|
|
70
|
-
style?: StyleProp<ViewStyle>;
|
|
71
|
-
/**
|
|
72
|
-
* Test ID for testing
|
|
73
|
-
*/
|
|
74
|
-
testID?: string;
|
|
75
|
-
}
|
|
76
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/filter/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;IAExB;;OAEG;IACH,WAAW,EAAE,MAAM,EAAE,CAAC;IAEtB;;;OAGG;IACH,iBAAiB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEnD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAEzC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAE3E;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/filter/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -1,273 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Atomic Components Export Index
|
|
3
|
-
*
|
|
4
|
-
* Centralized export file for all atomic design components
|
|
5
|
-
* Following atomic design principles with React Native implementation
|
|
6
|
-
*
|
|
7
|
-
* Generated for {{APP_NAME}} - {{CATEGORY}} category
|
|
8
|
-
* Theme: {{THEME_NAME}}
|
|
9
|
-
*
|
|
10
|
-
* Usage:
|
|
11
|
-
* ```typescript
|
|
12
|
-
* import { AtomicButton, AtomicText, AtomicCard } from '@domains/design-system';
|
|
13
|
-
*
|
|
14
|
-
* // Or individual imports
|
|
15
|
-
* import { AtomicButton } from '@domains/design-system';
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
import { AtomicButton, type AtomicButtonProps } from './AtomicButton';
|
|
19
|
-
import { AtomicText, type AtomicTextProps } from './AtomicText';
|
|
20
|
-
import { AtomicCard, type AtomicCardProps, type AtomicCardVariant, type AtomicCardPadding } from './AtomicCard';
|
|
21
|
-
import { AtomicInput, type AtomicInputProps, type AtomicInputVariant, type AtomicInputState, type AtomicInputSize } from './AtomicInput';
|
|
22
|
-
import { AtomicIcon, type AtomicIconProps, type AtomicIconSize, type AtomicIconColor } from './AtomicIcon';
|
|
23
|
-
import { AtomicImage, type AtomicImageProps } from './AtomicImage';
|
|
24
|
-
import { AtomicSwitch, type AtomicSwitchProps } from './AtomicSwitch';
|
|
25
|
-
import { AtomicBadge, type AtomicBadgeProps } from './AtomicBadge';
|
|
26
|
-
import { AtomicFormError, type AtomicFormErrorProps } from './AtomicFormError';
|
|
27
|
-
import { AtomicAvatar, type AtomicAvatarProps } from './AtomicAvatar';
|
|
28
|
-
import { AtomicChip, type AtomicChipProps } from './AtomicChip';
|
|
29
|
-
import { AtomicDivider, type AtomicDividerProps } from './AtomicDivider';
|
|
30
|
-
import { AtomicProgress, type AtomicProgressProps } from './AtomicProgress';
|
|
31
|
-
import { AtomicAvatarGroup, type AtomicAvatarGroupProps, type AvatarData } from './AtomicAvatarGroup';
|
|
32
|
-
import { AtomicFab, type AtomicFabProps, type FabSize, type FabVariant, getFabVariants } from './AtomicFab';
|
|
33
|
-
import { AtomicFilter, type AtomicFilterProps, type FilterOption, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle } from './AtomicFilter';
|
|
34
|
-
import { AtomicTouchable, type AtomicTouchableProps, type TouchableFeedback, type FeedbackStrength, type HitSlop, TouchablePresets, getOpacityValue, normalizeHitSlop } from './AtomicTouchable';
|
|
35
|
-
export { AtomicButton, type AtomicButtonProps, };
|
|
36
|
-
export { AtomicText, type AtomicTextProps, };
|
|
37
|
-
export { AtomicCard, type AtomicCardProps, type AtomicCardVariant, type AtomicCardPadding, };
|
|
38
|
-
export { AtomicInput, type AtomicInputProps, type AtomicInputVariant, type AtomicInputState, type AtomicInputSize, };
|
|
39
|
-
export { AtomicIcon, type AtomicIconProps, type AtomicIconSize, type AtomicIconColor, };
|
|
40
|
-
export { AtomicImage, type AtomicImageProps, };
|
|
41
|
-
export { AtomicSwitch, type AtomicSwitchProps, };
|
|
42
|
-
export { AtomicBadge, type AtomicBadgeProps, };
|
|
43
|
-
export { AtomicFormError, type AtomicFormErrorProps, };
|
|
44
|
-
export { AtomicAvatar, type AtomicAvatarProps, };
|
|
45
|
-
export { AtomicChip, type AtomicChipProps, };
|
|
46
|
-
export { AtomicDivider, type AtomicDividerProps, };
|
|
47
|
-
export { AtomicProgress, type AtomicProgressProps, };
|
|
48
|
-
export { AtomicAvatarGroup, type AtomicAvatarGroupProps, type AvatarData, };
|
|
49
|
-
export { AtomicFab, type AtomicFabProps, type FabSize, type FabVariant, getFabVariants, };
|
|
50
|
-
export { AtomicFilter, type AtomicFilterProps, type FilterOption, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, };
|
|
51
|
-
export { AtomicTouchable, type AtomicTouchableProps, type TouchableFeedback, type FeedbackStrength, type HitSlop, TouchablePresets, getOpacityValue, normalizeHitSlop, };
|
|
52
|
-
/**
|
|
53
|
-
* Convenience re-exports for common patterns
|
|
54
|
-
*/
|
|
55
|
-
export type AtomicComponentProps = AtomicButtonProps | AtomicTextProps | AtomicCardProps | AtomicInputProps | AtomicIconProps | AtomicImageProps | AtomicSwitchProps | AtomicBadgeProps | AtomicFormErrorProps | AtomicAvatarProps | AtomicChipProps | AtomicDividerProps | AtomicProgressProps | AtomicAvatarGroupProps | AtomicFabProps | AtomicFilterProps | AtomicTouchableProps;
|
|
56
|
-
export type AtomicVariants = {
|
|
57
|
-
card: AtomicCardVariant;
|
|
58
|
-
input: AtomicInputVariant;
|
|
59
|
-
icon: AtomicIconSize;
|
|
60
|
-
};
|
|
61
|
-
export type AtomicColors = AtomicIconColor;
|
|
62
|
-
/**
|
|
63
|
-
* Atomic component utilities
|
|
64
|
-
*/
|
|
65
|
-
export declare const AtomicUtils: {
|
|
66
|
-
/**
|
|
67
|
-
* Get recommended component combinations for common UI patterns
|
|
68
|
-
*/
|
|
69
|
-
getRecommendedCombinations: () => {
|
|
70
|
-
cardWithHeader: {
|
|
71
|
-
card: {
|
|
72
|
-
variant: "elevated";
|
|
73
|
-
padding: "lg";
|
|
74
|
-
};
|
|
75
|
-
title: {
|
|
76
|
-
variant: "titleLarge";
|
|
77
|
-
color: "primary";
|
|
78
|
-
};
|
|
79
|
-
description: {
|
|
80
|
-
variant: "bodyMedium";
|
|
81
|
-
color: "secondary";
|
|
82
|
-
};
|
|
83
|
-
};
|
|
84
|
-
formField: {
|
|
85
|
-
input: {
|
|
86
|
-
variant: "outlined";
|
|
87
|
-
size: "md";
|
|
88
|
-
};
|
|
89
|
-
label: {
|
|
90
|
-
variant: "labelMedium";
|
|
91
|
-
color: "primary";
|
|
92
|
-
};
|
|
93
|
-
helper: {
|
|
94
|
-
variant: "bodySmall";
|
|
95
|
-
color: "secondary";
|
|
96
|
-
};
|
|
97
|
-
};
|
|
98
|
-
primaryAction: {
|
|
99
|
-
button: {
|
|
100
|
-
variant: "primary";
|
|
101
|
-
size: "lg";
|
|
102
|
-
};
|
|
103
|
-
text: {
|
|
104
|
-
variant: "labelLarge";
|
|
105
|
-
color: "onPrimary";
|
|
106
|
-
};
|
|
107
|
-
icon: {
|
|
108
|
-
size: "md";
|
|
109
|
-
color: "onPrimary";
|
|
110
|
-
};
|
|
111
|
-
};
|
|
112
|
-
secondaryAction: {
|
|
113
|
-
button: {
|
|
114
|
-
variant: "outline";
|
|
115
|
-
size: "md";
|
|
116
|
-
};
|
|
117
|
-
text: {
|
|
118
|
-
variant: "labelMedium";
|
|
119
|
-
color: "primary";
|
|
120
|
-
};
|
|
121
|
-
icon: {
|
|
122
|
-
size: "sm";
|
|
123
|
-
color: "primary";
|
|
124
|
-
};
|
|
125
|
-
};
|
|
126
|
-
};
|
|
127
|
-
/**
|
|
128
|
-
* Validate component prop combinations
|
|
129
|
-
*/
|
|
130
|
-
validatePropCombination: (componentType: keyof AtomicVariants, props: any) => boolean;
|
|
131
|
-
/**
|
|
132
|
-
* Get accessibility guidelines for component combinations
|
|
133
|
-
*/
|
|
134
|
-
getAccessibilityGuidelines: () => {
|
|
135
|
-
button: {
|
|
136
|
-
minimumTouchTarget: number;
|
|
137
|
-
requiresAccessibilityLabel: boolean;
|
|
138
|
-
supportsAccessibilityHint: boolean;
|
|
139
|
-
};
|
|
140
|
-
input: {
|
|
141
|
-
requiresLabel: boolean;
|
|
142
|
-
supportsHelperText: boolean;
|
|
143
|
-
requiresAccessibilityLabel: boolean;
|
|
144
|
-
};
|
|
145
|
-
card: {
|
|
146
|
-
supportsAccessibilityRole: boolean;
|
|
147
|
-
canBeAccessibilityContainer: boolean;
|
|
148
|
-
};
|
|
149
|
-
text: {
|
|
150
|
-
supportsAccessibilityLabel: boolean;
|
|
151
|
-
respectsSystemTextSize: boolean;
|
|
152
|
-
};
|
|
153
|
-
icon: {
|
|
154
|
-
requiresAccessibilityLabel: boolean;
|
|
155
|
-
supportsAccessibilityHint: boolean;
|
|
156
|
-
};
|
|
157
|
-
};
|
|
158
|
-
};
|
|
159
|
-
declare const defaultExport: {
|
|
160
|
-
AtomicButton: import("react").FC<AtomicButtonProps>;
|
|
161
|
-
AtomicText: import("react").FC<AtomicTextProps>;
|
|
162
|
-
AtomicCard: import("react").FC<AtomicCardProps>;
|
|
163
|
-
AtomicInput: import("react").FC<AtomicInputProps>;
|
|
164
|
-
AtomicIcon: import("react").FC<import("@umituz/react-native-icon").IconProps>;
|
|
165
|
-
AtomicImage: import("react").FC<AtomicImageProps>;
|
|
166
|
-
AtomicSwitch: import("react").FC<AtomicSwitchProps>;
|
|
167
|
-
AtomicBadge: import("react").FC<AtomicBadgeProps>;
|
|
168
|
-
AtomicFormError: import("react").FC<AtomicFormErrorProps>;
|
|
169
|
-
AtomicAvatar: import("react").FC<AtomicAvatarProps>;
|
|
170
|
-
AtomicChip: import("react").FC<AtomicChipProps>;
|
|
171
|
-
AtomicDivider: import("react").FC<AtomicDividerProps>;
|
|
172
|
-
AtomicProgress: import("react").FC<AtomicProgressProps>;
|
|
173
|
-
AtomicAvatarGroup: import("react").FC<AtomicAvatarGroupProps>;
|
|
174
|
-
AtomicFab: import("react").FC<AtomicFabProps>;
|
|
175
|
-
AtomicFilter: import("react").FC<AtomicFilterProps>;
|
|
176
|
-
AtomicTouchable: import("react").FC<AtomicTouchableProps>;
|
|
177
|
-
AtomicUtils: {
|
|
178
|
-
/**
|
|
179
|
-
* Get recommended component combinations for common UI patterns
|
|
180
|
-
*/
|
|
181
|
-
getRecommendedCombinations: () => {
|
|
182
|
-
cardWithHeader: {
|
|
183
|
-
card: {
|
|
184
|
-
variant: "elevated";
|
|
185
|
-
padding: "lg";
|
|
186
|
-
};
|
|
187
|
-
title: {
|
|
188
|
-
variant: "titleLarge";
|
|
189
|
-
color: "primary";
|
|
190
|
-
};
|
|
191
|
-
description: {
|
|
192
|
-
variant: "bodyMedium";
|
|
193
|
-
color: "secondary";
|
|
194
|
-
};
|
|
195
|
-
};
|
|
196
|
-
formField: {
|
|
197
|
-
input: {
|
|
198
|
-
variant: "outlined";
|
|
199
|
-
size: "md";
|
|
200
|
-
};
|
|
201
|
-
label: {
|
|
202
|
-
variant: "labelMedium";
|
|
203
|
-
color: "primary";
|
|
204
|
-
};
|
|
205
|
-
helper: {
|
|
206
|
-
variant: "bodySmall";
|
|
207
|
-
color: "secondary";
|
|
208
|
-
};
|
|
209
|
-
};
|
|
210
|
-
primaryAction: {
|
|
211
|
-
button: {
|
|
212
|
-
variant: "primary";
|
|
213
|
-
size: "lg";
|
|
214
|
-
};
|
|
215
|
-
text: {
|
|
216
|
-
variant: "labelLarge";
|
|
217
|
-
color: "onPrimary";
|
|
218
|
-
};
|
|
219
|
-
icon: {
|
|
220
|
-
size: "md";
|
|
221
|
-
color: "onPrimary";
|
|
222
|
-
};
|
|
223
|
-
};
|
|
224
|
-
secondaryAction: {
|
|
225
|
-
button: {
|
|
226
|
-
variant: "outline";
|
|
227
|
-
size: "md";
|
|
228
|
-
};
|
|
229
|
-
text: {
|
|
230
|
-
variant: "labelMedium";
|
|
231
|
-
color: "primary";
|
|
232
|
-
};
|
|
233
|
-
icon: {
|
|
234
|
-
size: "sm";
|
|
235
|
-
color: "primary";
|
|
236
|
-
};
|
|
237
|
-
};
|
|
238
|
-
};
|
|
239
|
-
/**
|
|
240
|
-
* Validate component prop combinations
|
|
241
|
-
*/
|
|
242
|
-
validatePropCombination: (componentType: keyof AtomicVariants, props: any) => boolean;
|
|
243
|
-
/**
|
|
244
|
-
* Get accessibility guidelines for component combinations
|
|
245
|
-
*/
|
|
246
|
-
getAccessibilityGuidelines: () => {
|
|
247
|
-
button: {
|
|
248
|
-
minimumTouchTarget: number;
|
|
249
|
-
requiresAccessibilityLabel: boolean;
|
|
250
|
-
supportsAccessibilityHint: boolean;
|
|
251
|
-
};
|
|
252
|
-
input: {
|
|
253
|
-
requiresLabel: boolean;
|
|
254
|
-
supportsHelperText: boolean;
|
|
255
|
-
requiresAccessibilityLabel: boolean;
|
|
256
|
-
};
|
|
257
|
-
card: {
|
|
258
|
-
supportsAccessibilityRole: boolean;
|
|
259
|
-
canBeAccessibilityContainer: boolean;
|
|
260
|
-
};
|
|
261
|
-
text: {
|
|
262
|
-
supportsAccessibilityLabel: boolean;
|
|
263
|
-
respectsSystemTextSize: boolean;
|
|
264
|
-
};
|
|
265
|
-
icon: {
|
|
266
|
-
requiresAccessibilityLabel: boolean;
|
|
267
|
-
supportsAccessibilityHint: boolean;
|
|
268
|
-
};
|
|
269
|
-
};
|
|
270
|
-
};
|
|
271
|
-
};
|
|
272
|
-
export default defaultExport;
|
|
273
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,146 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Atomic Components Export Index
|
|
3
|
-
*
|
|
4
|
-
* Centralized export file for all atomic design components
|
|
5
|
-
* Following atomic design principles with React Native implementation
|
|
6
|
-
*
|
|
7
|
-
* Generated for {{APP_NAME}} - {{CATEGORY}} category
|
|
8
|
-
* Theme: {{THEME_NAME}}
|
|
9
|
-
*
|
|
10
|
-
* Usage:
|
|
11
|
-
* ```typescript
|
|
12
|
-
* import { AtomicButton, AtomicText, AtomicCard } from '@domains/design-system';
|
|
13
|
-
*
|
|
14
|
-
* // Or individual imports
|
|
15
|
-
* import { AtomicButton } from '@domains/design-system';
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
// STEP 1: Import all components first (required for default export)
|
|
19
|
-
import { AtomicButton, } from './AtomicButton';
|
|
20
|
-
import { AtomicText, } from './AtomicText';
|
|
21
|
-
import { AtomicCard, } from './AtomicCard';
|
|
22
|
-
import { AtomicInput, } from './AtomicInput';
|
|
23
|
-
import { AtomicIcon, } from './AtomicIcon';
|
|
24
|
-
import { AtomicImage, } from './AtomicImage';
|
|
25
|
-
import { AtomicSwitch, } from './AtomicSwitch';
|
|
26
|
-
import { AtomicBadge, } from './AtomicBadge';
|
|
27
|
-
import { AtomicFormError, } from './AtomicFormError';
|
|
28
|
-
import { AtomicAvatar, } from './AtomicAvatar';
|
|
29
|
-
import { AtomicChip, } from './AtomicChip';
|
|
30
|
-
import { AtomicDivider, } from './AtomicDivider';
|
|
31
|
-
import { AtomicProgress, } from './AtomicProgress';
|
|
32
|
-
import { AtomicAvatarGroup, } from './AtomicAvatarGroup';
|
|
33
|
-
import { AtomicFab, getFabVariants, } from './AtomicFab';
|
|
34
|
-
import { AtomicFilter, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, } from './AtomicFilter';
|
|
35
|
-
import { AtomicTouchable, TouchablePresets, getOpacityValue, normalizeHitSlop, } from './AtomicTouchable';
|
|
36
|
-
// STEP 2: Re-export all components (for named imports)
|
|
37
|
-
export { AtomicButton, };
|
|
38
|
-
// Helper types extracted from ButtonVariantConfig
|
|
39
|
-
export { AtomicText, };
|
|
40
|
-
export { AtomicCard, };
|
|
41
|
-
export { AtomicInput, };
|
|
42
|
-
export { AtomicIcon, };
|
|
43
|
-
export { AtomicImage, };
|
|
44
|
-
export { AtomicSwitch, };
|
|
45
|
-
export { AtomicBadge, };
|
|
46
|
-
export { AtomicFormError, };
|
|
47
|
-
export { AtomicAvatar, };
|
|
48
|
-
export { AtomicChip, };
|
|
49
|
-
export { AtomicDivider, };
|
|
50
|
-
export { AtomicProgress, };
|
|
51
|
-
export { AtomicAvatarGroup, };
|
|
52
|
-
export { AtomicFab, getFabVariants, };
|
|
53
|
-
export { AtomicFilter, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, };
|
|
54
|
-
export { AtomicTouchable, TouchablePresets, getOpacityValue, normalizeHitSlop, };
|
|
55
|
-
/**
|
|
56
|
-
* Atomic component utilities
|
|
57
|
-
*/
|
|
58
|
-
export const AtomicUtils = {
|
|
59
|
-
/**
|
|
60
|
-
* Get recommended component combinations for common UI patterns
|
|
61
|
-
*/
|
|
62
|
-
getRecommendedCombinations: () => ({
|
|
63
|
-
// Card with header
|
|
64
|
-
cardWithHeader: {
|
|
65
|
-
card: { variant: 'elevated', padding: 'lg' },
|
|
66
|
-
title: { variant: 'titleLarge', color: 'primary' },
|
|
67
|
-
description: { variant: 'bodyMedium', color: 'secondary' },
|
|
68
|
-
},
|
|
69
|
-
// Form field
|
|
70
|
-
formField: {
|
|
71
|
-
input: { variant: 'outlined', size: 'md' },
|
|
72
|
-
label: { variant: 'labelMedium', color: 'primary' },
|
|
73
|
-
helper: { variant: 'bodySmall', color: 'secondary' },
|
|
74
|
-
},
|
|
75
|
-
// Action button
|
|
76
|
-
primaryAction: {
|
|
77
|
-
button: { variant: 'primary', size: 'lg' },
|
|
78
|
-
text: { variant: 'labelLarge', color: 'onPrimary' },
|
|
79
|
-
icon: { size: 'md', color: 'onPrimary' },
|
|
80
|
-
},
|
|
81
|
-
// Secondary action
|
|
82
|
-
secondaryAction: {
|
|
83
|
-
button: { variant: 'outline', size: 'md' },
|
|
84
|
-
text: { variant: 'labelMedium', color: 'primary' },
|
|
85
|
-
icon: { size: 'sm', color: 'primary' },
|
|
86
|
-
},
|
|
87
|
-
}),
|
|
88
|
-
/**
|
|
89
|
-
* Validate component prop combinations
|
|
90
|
-
*/
|
|
91
|
-
validatePropCombination: (componentType, props) => {
|
|
92
|
-
// Add validation logic here for prop combinations
|
|
93
|
-
// This helps catch design system violations early
|
|
94
|
-
return true;
|
|
95
|
-
},
|
|
96
|
-
/**
|
|
97
|
-
* Get accessibility guidelines for component combinations
|
|
98
|
-
*/
|
|
99
|
-
getAccessibilityGuidelines: () => ({
|
|
100
|
-
button: {
|
|
101
|
-
minimumTouchTarget: 48,
|
|
102
|
-
requiresAccessibilityLabel: true,
|
|
103
|
-
supportsAccessibilityHint: true,
|
|
104
|
-
},
|
|
105
|
-
input: {
|
|
106
|
-
requiresLabel: true,
|
|
107
|
-
supportsHelperText: true,
|
|
108
|
-
requiresAccessibilityLabel: true,
|
|
109
|
-
},
|
|
110
|
-
card: {
|
|
111
|
-
supportsAccessibilityRole: true,
|
|
112
|
-
canBeAccessibilityContainer: true,
|
|
113
|
-
},
|
|
114
|
-
text: {
|
|
115
|
-
supportsAccessibilityLabel: true,
|
|
116
|
-
respectsSystemTextSize: true,
|
|
117
|
-
},
|
|
118
|
-
icon: {
|
|
119
|
-
requiresAccessibilityLabel: true,
|
|
120
|
-
supportsAccessibilityHint: false,
|
|
121
|
-
},
|
|
122
|
-
}),
|
|
123
|
-
};
|
|
124
|
-
// STEP 3: Default export (now all components are available in scope)
|
|
125
|
-
const defaultExport = {
|
|
126
|
-
AtomicButton,
|
|
127
|
-
AtomicText,
|
|
128
|
-
AtomicCard,
|
|
129
|
-
AtomicInput,
|
|
130
|
-
AtomicIcon,
|
|
131
|
-
AtomicImage,
|
|
132
|
-
AtomicSwitch,
|
|
133
|
-
AtomicBadge,
|
|
134
|
-
AtomicFormError,
|
|
135
|
-
AtomicAvatar,
|
|
136
|
-
AtomicChip,
|
|
137
|
-
AtomicDivider,
|
|
138
|
-
AtomicProgress,
|
|
139
|
-
AtomicAvatarGroup,
|
|
140
|
-
AtomicFab,
|
|
141
|
-
AtomicFilter,
|
|
142
|
-
AtomicTouchable,
|
|
143
|
-
AtomicUtils,
|
|
144
|
-
};
|
|
145
|
-
export default defaultExport;
|
|
146
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presentation/atoms/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const useInputState: (secureTextEntry?: boolean) => {
|
|
2
|
-
isFocused: boolean;
|
|
3
|
-
setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
4
|
-
isPasswordVisible: boolean;
|
|
5
|
-
togglePasswordVisibility: () => void;
|
|
6
|
-
};
|
|
7
|
-
//# sourceMappingURL=useInputState.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useInputState.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/hooks/useInputState.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,kBAAiB,OAAe;;;;;CAY7D,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { useState } from 'react';
|
|
2
|
-
export const useInputState = (secureTextEntry = false) => {
|
|
3
|
-
const [isFocused, setIsFocused] = useState(false);
|
|
4
|
-
const [isPasswordVisible, setIsPasswordVisible] = useState(!secureTextEntry);
|
|
5
|
-
const togglePasswordVisibility = () => setIsPasswordVisible(!isPasswordVisible);
|
|
6
|
-
return {
|
|
7
|
-
isFocused,
|
|
8
|
-
setIsFocused,
|
|
9
|
-
isPasswordVisible,
|
|
10
|
-
togglePasswordVisibility,
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=useInputState.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useInputState.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/hooks/useInputState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,kBAA2B,KAAK,EAAE,EAAE;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC;IAE7E,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAEhF,OAAO;QACL,SAAS;QACT,YAAY;QACZ,iBAAiB;QACjB,wBAAwB;KACzB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ViewStyle, TextStyle } from 'react-native';
|
|
2
|
-
import { useAppDesignTokens } from '../../../hooks/useAppDesignTokens';
|
|
3
|
-
import { AtomicInputVariant, AtomicInputSize, AtomicInputState } from '../types';
|
|
4
|
-
type DesignTokens = ReturnType<typeof useAppDesignTokens>;
|
|
5
|
-
export declare const getContainerVariantStyles: (tokens: DesignTokens) => Record<AtomicInputVariant, ViewStyle>;
|
|
6
|
-
export declare const containerSizeStyles: Record<AtomicInputSize, ViewStyle>;
|
|
7
|
-
export declare const getInputSizeStyles: (tokens: DesignTokens) => Record<AtomicInputSize, TextStyle>;
|
|
8
|
-
export declare const getLabelSizeStyles: (tokens: DesignTokens) => Record<AtomicInputSize, TextStyle>;
|
|
9
|
-
export declare const getStateStyles: (tokens: DesignTokens) => Record<AtomicInputState, ViewStyle>;
|
|
10
|
-
export declare const getFocusStyles: (tokens: DesignTokens) => Record<AtomicInputVariant, ViewStyle>;
|
|
11
|
-
export declare const getStateColor: (tokens: DesignTokens, state: AtomicInputState, isFocused: boolean, isDisabled: boolean) => string;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=inputStyles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inputStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/styles/inputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjF,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE1D,eAAO,MAAM,yBAAyB,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAiBnG,CAAC;AAEH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,eAAe,EAAE,SAAS,CAIlE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,eAAe,EAAE,SAAS,CAIzF,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,eAAe,EAAE,SAAS,CAIzF,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAQtF,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAIxF,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,QAAQ,YAAY,EAAE,OAAO,gBAAgB,EAAE,WAAW,OAAO,EAAE,YAAY,OAAO,KAAG,MAMtH,CAAC"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
export const getContainerVariantStyles = (tokens) => ({
|
|
2
|
-
outlined: {
|
|
3
|
-
borderWidth: 1,
|
|
4
|
-
borderRadius: 12,
|
|
5
|
-
borderColor: tokens.colors.outline,
|
|
6
|
-
},
|
|
7
|
-
filled: {
|
|
8
|
-
backgroundColor: tokens.colors.surfaceVariant,
|
|
9
|
-
borderRadius: 12,
|
|
10
|
-
borderBottomWidth: 2,
|
|
11
|
-
borderBottomColor: tokens.colors.outline,
|
|
12
|
-
},
|
|
13
|
-
underlined: {
|
|
14
|
-
borderBottomWidth: 1,
|
|
15
|
-
borderBottomColor: tokens.colors.outline,
|
|
16
|
-
backgroundColor: 'transparent',
|
|
17
|
-
},
|
|
18
|
-
});
|
|
19
|
-
export const containerSizeStyles = {
|
|
20
|
-
sm: { height: 40, paddingHorizontal: 12, paddingVertical: 8 },
|
|
21
|
-
md: { height: 56, paddingHorizontal: 16, paddingVertical: 16 },
|
|
22
|
-
lg: { height: 64, paddingHorizontal: 24, paddingVertical: 20 },
|
|
23
|
-
};
|
|
24
|
-
export const getInputSizeStyles = (tokens) => ({
|
|
25
|
-
sm: { fontSize: tokens.typography.bodyMedium.fontSize },
|
|
26
|
-
md: { fontSize: tokens.typography.bodyLarge.fontSize },
|
|
27
|
-
lg: { fontSize: tokens.typography.bodyLarge.fontSize },
|
|
28
|
-
});
|
|
29
|
-
export const getLabelSizeStyles = (tokens) => ({
|
|
30
|
-
sm: { fontSize: tokens.typography.bodySmall.fontSize },
|
|
31
|
-
md: { fontSize: tokens.typography.bodyMedium.fontSize },
|
|
32
|
-
lg: { fontSize: tokens.typography.bodyLarge.fontSize },
|
|
33
|
-
});
|
|
34
|
-
export const getStateStyles = (tokens) => ({
|
|
35
|
-
default: {},
|
|
36
|
-
error: { borderColor: tokens.colors.error },
|
|
37
|
-
success: { borderColor: tokens.colors.success },
|
|
38
|
-
disabled: {
|
|
39
|
-
backgroundColor: tokens.colors.surfaceDisabled,
|
|
40
|
-
borderColor: tokens.colors.outlineDisabled,
|
|
41
|
-
},
|
|
42
|
-
});
|
|
43
|
-
export const getFocusStyles = (tokens) => ({
|
|
44
|
-
outlined: { borderColor: tokens.colors.primary, borderWidth: 2 },
|
|
45
|
-
filled: { borderBottomColor: tokens.colors.primary, borderBottomWidth: 2 },
|
|
46
|
-
underlined: { borderBottomColor: tokens.colors.primary, borderBottomWidth: 2 },
|
|
47
|
-
});
|
|
48
|
-
export const getStateColor = (tokens, state, isFocused, isDisabled) => {
|
|
49
|
-
if (isDisabled)
|
|
50
|
-
return tokens.colors.onSurfaceDisabled;
|
|
51
|
-
if (state === 'error')
|
|
52
|
-
return tokens.colors.error;
|
|
53
|
-
if (state === 'success')
|
|
54
|
-
return tokens.colors.success;
|
|
55
|
-
if (isFocused)
|
|
56
|
-
return tokens.colors.primary;
|
|
57
|
-
return tokens.colors.surfaceVariant;
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=inputStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inputStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/styles/inputStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { TextInputProps, ViewStyle, TextStyle } from 'react-native';
|
|
2
|
-
export type AtomicInputVariant = 'outlined' | 'filled' | 'underlined';
|
|
3
|
-
export type AtomicInputState = 'default' | 'error' | 'success' | 'disabled';
|
|
4
|
-
export type AtomicInputSize = 'sm' | 'md' | 'lg';
|
|
5
|
-
export interface AtomicInputProps extends Omit<TextInputProps, 'style'> {
|
|
6
|
-
variant?: AtomicInputVariant;
|
|
7
|
-
state?: AtomicInputState;
|
|
8
|
-
size?: AtomicInputSize;
|
|
9
|
-
label: string;
|
|
10
|
-
helperText?: string;
|
|
11
|
-
leadingIcon?: React.ReactNode;
|
|
12
|
-
trailingIcon?: React.ReactNode;
|
|
13
|
-
showPasswordToggle?: boolean;
|
|
14
|
-
maxLength?: number;
|
|
15
|
-
showCharacterCount?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
style?: ViewStyle | ViewStyle[];
|
|
18
|
-
containerStyle?: ViewStyle | ViewStyle[];
|
|
19
|
-
inputStyle?: TextStyle | TextStyle[];
|
|
20
|
-
labelStyle?: TextStyle | TextStyle[];
|
|
21
|
-
helperTextStyle?: TextStyle | TextStyle[];
|
|
22
|
-
testID?: string;
|
|
23
|
-
}
|
|
24
|
-
//# sourceMappingURL=index.d.ts.map
|