@umituz/react-native-design-system 1.8.0 → 1.8.1
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 +56 -30
- package/src/index.ts +67 -265
- package/lib/index.d.ts +0 -61
- package/lib/index.d.ts.map +0 -1
- package/lib/index.js +0 -101
- 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/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 -207
- 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/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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,QAAQ,GAAG,YAAY,CAAC;AACtE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAC5E,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACrE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACzC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import { ViewStyle, TextStyle } from 'react-native';
|
|
2
|
-
import { type DesignTokens } from '@umituz/react-native-theme';
|
|
3
|
-
/**
|
|
4
|
-
* Picker container styles with iOS HIG compliance
|
|
5
|
-
*
|
|
6
|
-
* All picker sizes meet Apple's minimum touch target requirement of 44pt.
|
|
7
|
-
* @see https://developer.apple.com/design/human-interface-guidelines/layout
|
|
8
|
-
*/
|
|
9
|
-
export declare const getPickerContainerStyles: (tokens: DesignTokens) => {
|
|
10
|
-
base: {
|
|
11
|
-
flexDirection: "row";
|
|
12
|
-
alignItems: "center";
|
|
13
|
-
justifyContent: "space-between";
|
|
14
|
-
borderWidth: number;
|
|
15
|
-
borderColor: string;
|
|
16
|
-
backgroundColor: string;
|
|
17
|
-
};
|
|
18
|
-
size: {
|
|
19
|
-
sm: {
|
|
20
|
-
height: 44;
|
|
21
|
-
paddingHorizontal: number;
|
|
22
|
-
borderRadius: number;
|
|
23
|
-
};
|
|
24
|
-
md: {
|
|
25
|
-
height: number;
|
|
26
|
-
paddingHorizontal: number;
|
|
27
|
-
borderRadius: number;
|
|
28
|
-
};
|
|
29
|
-
lg: {
|
|
30
|
-
height: number;
|
|
31
|
-
paddingHorizontal: number;
|
|
32
|
-
borderRadius: number;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
state: {
|
|
36
|
-
error: {
|
|
37
|
-
borderColor: string;
|
|
38
|
-
borderWidth: number;
|
|
39
|
-
};
|
|
40
|
-
disabled: {
|
|
41
|
-
backgroundColor: string;
|
|
42
|
-
opacity: number;
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
export declare const getPickerLabelStyles: (tokens: DesignTokens) => {
|
|
47
|
-
base: TextStyle;
|
|
48
|
-
size: {
|
|
49
|
-
sm: TextStyle;
|
|
50
|
-
md: TextStyle;
|
|
51
|
-
lg: TextStyle;
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
export declare const getPickerPlaceholderStyles: (tokens: DesignTokens) => {
|
|
55
|
-
base: TextStyle;
|
|
56
|
-
size: {
|
|
57
|
-
sm: TextStyle;
|
|
58
|
-
md: TextStyle;
|
|
59
|
-
lg: TextStyle;
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
export declare const getPickerValueStyles: (tokens: DesignTokens) => {
|
|
63
|
-
base: TextStyle;
|
|
64
|
-
size: {
|
|
65
|
-
sm: TextStyle;
|
|
66
|
-
md: TextStyle;
|
|
67
|
-
lg: TextStyle;
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
export declare const getPickerErrorStyles: (tokens: DesignTokens) => TextStyle;
|
|
71
|
-
export declare const getModalOverlayStyles: (tokens: DesignTokens) => ViewStyle;
|
|
72
|
-
export declare const getModalContainerStyles: (tokens: DesignTokens, maxHeight: number) => ViewStyle;
|
|
73
|
-
export declare const getModalHeaderStyles: (tokens: DesignTokens) => ViewStyle;
|
|
74
|
-
export declare const getModalTitleStyles: (tokens: DesignTokens) => TextStyle;
|
|
75
|
-
export declare const getSearchContainerStyles: (tokens: DesignTokens) => ViewStyle;
|
|
76
|
-
export declare const getSearchInputStyles: (tokens: DesignTokens) => TextStyle;
|
|
77
|
-
export declare const getOptionContainerStyles: (tokens: DesignTokens, isSelected: boolean, isDisabled: boolean) => ViewStyle;
|
|
78
|
-
export declare const getOptionTextStyles: (tokens: DesignTokens, isSelected: boolean) => TextStyle;
|
|
79
|
-
export declare const getOptionDescriptionStyles: (tokens: DesignTokens) => TextStyle;
|
|
80
|
-
export declare const getEmptyStateStyles: (tokens: DesignTokens) => ViewStyle;
|
|
81
|
-
export declare const getEmptyStateTextStyles: (tokens: DesignTokens) => TextStyle;
|
|
82
|
-
export declare const getChipContainerStyles: (tokens: DesignTokens) => ViewStyle;
|
|
83
|
-
export declare const getChipStyles: (tokens: DesignTokens) => ViewStyle;
|
|
84
|
-
export declare const getChipTextStyles: (tokens: DesignTokens) => TextStyle;
|
|
85
|
-
//# sourceMappingURL=pickerStyles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pickerStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/picker/styles/pickerStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAInF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC3D,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG;IAC1D,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE;QAAE,EAAE,EAAE,SAAS,CAAC;QAAC,EAAE,EAAE,SAAS,CAAC;QAAC,EAAE,EAAE,SAAS,CAAA;KAAE,CAAC;CAYtD,CAAC;AAEH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,YAAY,KAAG;IAChE,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE;QAAE,EAAE,EAAE,SAAS,CAAC;QAAC,EAAE,EAAE,SAAS,CAAC;QAAC,EAAE,EAAE,SAAS,CAAA;KAAE,CAAC;CAUtD,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG;IAC1D,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE;QAAE,EAAE,EAAE,SAAS,CAAC;QAAC,EAAE,EAAE,SAAS,CAAC;QAAC,EAAE,EAAE,SAAS,CAAA;KAAE,CAAC;CAWtD,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG,SAI1D,CAAC;AAEH,eAAO,MAAM,qBAAqB,GAAI,QAAQ,YAAY,KAAG,SAI3D,CAAC;AAEH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,YAAY,EAAE,WAAW,MAAM,KAAG,SAMhF,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG,SAQ1D,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,YAAY,KAAG,SAIzD,CAAC;AAEH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY,KAAG,SAS9D,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG,SAK1D,CAAC;AAEH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY,EAAE,YAAY,OAAO,EAAE,YAAY,OAAO,KAAG,SAOxG,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,YAAY,EAAE,YAAY,OAAO,KAAG,SAM9E,CAAC;AAEH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,YAAY,KAAG,SAKhE,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,YAAY,KAAG,SAIzD,CAAC;AAEH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,YAAY,KAAG,SAK7D,CAAC;AAEH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,YAAY,KAAG,SAK5D,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,QAAQ,YAAY,KAAG,SAOnD,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAAI,QAAQ,YAAY,KAAG,SAIvD,CAAC"}
|
|
@@ -1,177 +0,0 @@
|
|
|
1
|
-
import { IOS_HIG, getMinTouchTarget } from '../../../utils/platformConstants';
|
|
2
|
-
/**
|
|
3
|
-
* Picker container styles with iOS HIG compliance
|
|
4
|
-
*
|
|
5
|
-
* All picker sizes meet Apple's minimum touch target requirement of 44pt.
|
|
6
|
-
* @see https://developer.apple.com/design/human-interface-guidelines/layout
|
|
7
|
-
*/
|
|
8
|
-
export const getPickerContainerStyles = (tokens) => ({
|
|
9
|
-
base: {
|
|
10
|
-
flexDirection: 'row',
|
|
11
|
-
alignItems: 'center',
|
|
12
|
-
justifyContent: 'space-between',
|
|
13
|
-
borderWidth: tokens.borders.width.thin,
|
|
14
|
-
borderColor: tokens.colors.border,
|
|
15
|
-
backgroundColor: tokens.colors.surface,
|
|
16
|
-
},
|
|
17
|
-
size: {
|
|
18
|
-
// ✅ iOS HIG Compliant: All sizes >= 44pt minimum touch target
|
|
19
|
-
sm: {
|
|
20
|
-
height: IOS_HIG.MIN_TOUCH_TARGET, // 44pt - iOS minimum
|
|
21
|
-
paddingHorizontal: tokens.spacing.sm,
|
|
22
|
-
borderRadius: tokens.borders.radius.sm,
|
|
23
|
-
},
|
|
24
|
-
md: {
|
|
25
|
-
height: getMinTouchTarget('input'), // 48pt - Recommended
|
|
26
|
-
paddingHorizontal: tokens.spacing.md,
|
|
27
|
-
borderRadius: tokens.borders.radius.md,
|
|
28
|
-
},
|
|
29
|
-
lg: {
|
|
30
|
-
height: 56, // 56pt - Large touch target
|
|
31
|
-
paddingHorizontal: tokens.spacing.lg,
|
|
32
|
-
borderRadius: tokens.borders.radius.md,
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
state: {
|
|
36
|
-
error: {
|
|
37
|
-
borderColor: tokens.colors.error,
|
|
38
|
-
borderWidth: tokens.borders.width.medium,
|
|
39
|
-
},
|
|
40
|
-
disabled: {
|
|
41
|
-
backgroundColor: tokens.colors.surfaceDisabled,
|
|
42
|
-
opacity: 0.6,
|
|
43
|
-
},
|
|
44
|
-
},
|
|
45
|
-
});
|
|
46
|
-
export const getPickerLabelStyles = (tokens) => ({
|
|
47
|
-
base: {
|
|
48
|
-
marginBottom: tokens.spacing.xs,
|
|
49
|
-
color: tokens.colors.textPrimary,
|
|
50
|
-
fontWeight: '600',
|
|
51
|
-
},
|
|
52
|
-
size: {
|
|
53
|
-
sm: tokens.typography.bodySmall,
|
|
54
|
-
md: tokens.typography.bodyMedium,
|
|
55
|
-
lg: tokens.typography.bodyLarge,
|
|
56
|
-
},
|
|
57
|
-
});
|
|
58
|
-
export const getPickerPlaceholderStyles = (tokens) => ({
|
|
59
|
-
base: {
|
|
60
|
-
color: tokens.colors.textSecondary,
|
|
61
|
-
},
|
|
62
|
-
size: {
|
|
63
|
-
sm: tokens.typography.bodySmall,
|
|
64
|
-
md: tokens.typography.bodyMedium,
|
|
65
|
-
lg: tokens.typography.bodyLarge,
|
|
66
|
-
},
|
|
67
|
-
});
|
|
68
|
-
export const getPickerValueStyles = (tokens) => ({
|
|
69
|
-
base: {
|
|
70
|
-
flex: 1,
|
|
71
|
-
color: tokens.colors.textPrimary,
|
|
72
|
-
},
|
|
73
|
-
size: {
|
|
74
|
-
sm: tokens.typography.bodySmall,
|
|
75
|
-
md: tokens.typography.bodyMedium,
|
|
76
|
-
lg: tokens.typography.bodyLarge,
|
|
77
|
-
},
|
|
78
|
-
});
|
|
79
|
-
export const getPickerErrorStyles = (tokens) => ({
|
|
80
|
-
marginTop: tokens.spacing.xs,
|
|
81
|
-
color: tokens.colors.error,
|
|
82
|
-
...tokens.typography.bodySmall,
|
|
83
|
-
});
|
|
84
|
-
export const getModalOverlayStyles = (tokens) => ({
|
|
85
|
-
flex: 1,
|
|
86
|
-
backgroundColor: tokens.colors.overlayMedium,
|
|
87
|
-
justifyContent: 'flex-start',
|
|
88
|
-
});
|
|
89
|
-
export const getModalContainerStyles = (tokens, maxHeight) => ({
|
|
90
|
-
backgroundColor: tokens.colors.backgroundPrimary,
|
|
91
|
-
borderTopLeftRadius: tokens.borders.radius.lg,
|
|
92
|
-
borderTopRightRadius: tokens.borders.radius.lg,
|
|
93
|
-
maxHeight: maxHeight,
|
|
94
|
-
paddingBottom: tokens.spacing.lg,
|
|
95
|
-
});
|
|
96
|
-
export const getModalHeaderStyles = (tokens) => ({
|
|
97
|
-
flexDirection: 'row',
|
|
98
|
-
alignItems: 'center',
|
|
99
|
-
justifyContent: 'space-between',
|
|
100
|
-
paddingHorizontal: tokens.spacing.lg,
|
|
101
|
-
paddingVertical: tokens.spacing.md,
|
|
102
|
-
borderBottomWidth: tokens.borders.width.thin,
|
|
103
|
-
borderBottomColor: tokens.colors.border,
|
|
104
|
-
});
|
|
105
|
-
export const getModalTitleStyles = (tokens) => ({
|
|
106
|
-
...tokens.typography.titleLarge,
|
|
107
|
-
color: tokens.colors.textPrimary,
|
|
108
|
-
fontWeight: '600',
|
|
109
|
-
});
|
|
110
|
-
export const getSearchContainerStyles = (tokens) => ({
|
|
111
|
-
flexDirection: 'row',
|
|
112
|
-
alignItems: 'center',
|
|
113
|
-
backgroundColor: tokens.colors.surfaceVariant,
|
|
114
|
-
paddingHorizontal: tokens.spacing.md,
|
|
115
|
-
paddingVertical: tokens.spacing.sm,
|
|
116
|
-
marginHorizontal: tokens.spacing.lg,
|
|
117
|
-
marginTop: tokens.spacing.md,
|
|
118
|
-
borderRadius: tokens.borders.radius.md,
|
|
119
|
-
});
|
|
120
|
-
export const getSearchInputStyles = (tokens) => ({
|
|
121
|
-
flex: 1,
|
|
122
|
-
marginLeft: tokens.spacing.sm,
|
|
123
|
-
...tokens.typography.bodyMedium,
|
|
124
|
-
color: tokens.colors.textPrimary,
|
|
125
|
-
});
|
|
126
|
-
export const getOptionContainerStyles = (tokens, isSelected, isDisabled) => ({
|
|
127
|
-
flexDirection: 'row',
|
|
128
|
-
alignItems: 'center',
|
|
129
|
-
paddingHorizontal: tokens.spacing.lg,
|
|
130
|
-
paddingVertical: tokens.spacing.md,
|
|
131
|
-
backgroundColor: isSelected ? tokens.colors.primaryContainer : 'transparent',
|
|
132
|
-
opacity: isDisabled ? 0.5 : 1,
|
|
133
|
-
});
|
|
134
|
-
export const getOptionTextStyles = (tokens, isSelected) => ({
|
|
135
|
-
flex: 1,
|
|
136
|
-
marginLeft: tokens.spacing.sm,
|
|
137
|
-
...tokens.typography.bodyLarge,
|
|
138
|
-
color: isSelected ? tokens.colors.primary : tokens.colors.textPrimary,
|
|
139
|
-
fontWeight: isSelected ? '600' : '400',
|
|
140
|
-
});
|
|
141
|
-
export const getOptionDescriptionStyles = (tokens) => ({
|
|
142
|
-
...tokens.typography.bodySmall,
|
|
143
|
-
color: tokens.colors.textSecondary,
|
|
144
|
-
marginLeft: tokens.spacing.sm,
|
|
145
|
-
marginTop: tokens.spacing.xs,
|
|
146
|
-
});
|
|
147
|
-
export const getEmptyStateStyles = (tokens) => ({
|
|
148
|
-
alignItems: 'center',
|
|
149
|
-
justifyContent: 'center',
|
|
150
|
-
paddingVertical: tokens.spacing.xxl,
|
|
151
|
-
});
|
|
152
|
-
export const getEmptyStateTextStyles = (tokens) => ({
|
|
153
|
-
...tokens.typography.bodyLarge,
|
|
154
|
-
color: tokens.colors.textSecondary,
|
|
155
|
-
textAlign: 'center',
|
|
156
|
-
marginTop: tokens.spacing.md,
|
|
157
|
-
});
|
|
158
|
-
export const getChipContainerStyles = (tokens) => ({
|
|
159
|
-
flexDirection: 'row',
|
|
160
|
-
flexWrap: 'wrap',
|
|
161
|
-
gap: tokens.spacing.xs,
|
|
162
|
-
marginTop: tokens.spacing.xs,
|
|
163
|
-
});
|
|
164
|
-
export const getChipStyles = (tokens) => ({
|
|
165
|
-
flexDirection: 'row',
|
|
166
|
-
alignItems: 'center',
|
|
167
|
-
backgroundColor: tokens.colors.primaryContainer,
|
|
168
|
-
paddingHorizontal: tokens.spacing.sm,
|
|
169
|
-
paddingVertical: tokens.spacing.xs,
|
|
170
|
-
borderRadius: tokens.borders.radius.sm,
|
|
171
|
-
});
|
|
172
|
-
export const getChipTextStyles = (tokens) => ({
|
|
173
|
-
...tokens.typography.bodySmall,
|
|
174
|
-
color: tokens.colors.primary,
|
|
175
|
-
marginRight: tokens.spacing.xs,
|
|
176
|
-
});
|
|
177
|
-
//# sourceMappingURL=pickerStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pickerStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/picker/styles/pickerStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { ViewStyle, TextStyle } from 'react-native';
|
|
2
|
-
import { AtomicIconColor } from '../../AtomicIcon';
|
|
3
|
-
/**
|
|
4
|
-
* Picker option item
|
|
5
|
-
*
|
|
6
|
-
* icon: Any MaterialIcons name
|
|
7
|
-
* @see https://fonts.google.com/icons
|
|
8
|
-
*/
|
|
9
|
-
export interface PickerOption {
|
|
10
|
-
label: string;
|
|
11
|
-
value: string;
|
|
12
|
-
icon?: string;
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
description?: string;
|
|
15
|
-
testID?: string;
|
|
16
|
-
}
|
|
17
|
-
export type PickerSize = 'sm' | 'md' | 'lg';
|
|
18
|
-
export interface AtomicPickerProps {
|
|
19
|
-
value: string | string[];
|
|
20
|
-
onChange: (value: string | string[]) => void;
|
|
21
|
-
options: PickerOption[];
|
|
22
|
-
label?: string;
|
|
23
|
-
placeholder?: string;
|
|
24
|
-
error?: string;
|
|
25
|
-
disabled?: boolean;
|
|
26
|
-
multiple?: boolean;
|
|
27
|
-
searchable?: boolean;
|
|
28
|
-
clearable?: boolean;
|
|
29
|
-
autoClose?: boolean;
|
|
30
|
-
color?: AtomicIconColor;
|
|
31
|
-
size?: PickerSize;
|
|
32
|
-
modalTitle?: string;
|
|
33
|
-
emptyMessage?: string;
|
|
34
|
-
style?: ViewStyle | ViewStyle[];
|
|
35
|
-
labelStyle?: TextStyle | TextStyle[];
|
|
36
|
-
testID?: string;
|
|
37
|
-
}
|
|
38
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/picker/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/picker/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { ViewStyle } from 'react-native';
|
|
2
|
-
import { FeedbackStrength } from '../types';
|
|
3
|
-
/**
|
|
4
|
-
* Get opacity value based on feedback strength
|
|
5
|
-
*/
|
|
6
|
-
export declare const getOpacityValue: (strength: FeedbackStrength) => number;
|
|
7
|
-
/**
|
|
8
|
-
* Get base touchable container style
|
|
9
|
-
* Ensures minimum touch target size (iOS HIG: 48x48)
|
|
10
|
-
*/
|
|
11
|
-
export declare const getTouchableContainerStyle: () => ViewStyle;
|
|
12
|
-
/**
|
|
13
|
-
* Get disabled touchable style
|
|
14
|
-
*/
|
|
15
|
-
export declare const getDisabledStyle: () => ViewStyle;
|
|
16
|
-
/**
|
|
17
|
-
* Convert number to HitSlop object
|
|
18
|
-
* If hitSlop is a number, apply it to all sides
|
|
19
|
-
*/
|
|
20
|
-
export declare const normalizeHitSlop: (hitSlop: number | {
|
|
21
|
-
top?: number;
|
|
22
|
-
bottom?: number;
|
|
23
|
-
left?: number;
|
|
24
|
-
right?: number;
|
|
25
|
-
} | undefined) => {
|
|
26
|
-
top: number;
|
|
27
|
-
bottom: number;
|
|
28
|
-
left: number;
|
|
29
|
-
right: number;
|
|
30
|
-
} | undefined;
|
|
31
|
-
//# sourceMappingURL=touchableStyles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"touchableStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,UAAU,gBAAgB,KAAG,MAW5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,QAAO,SAK5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,SAElC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,KAC7F;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAkBjE,CAAC"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get opacity value based on feedback strength
|
|
3
|
-
*/
|
|
4
|
-
export const getOpacityValue = (strength) => {
|
|
5
|
-
switch (strength) {
|
|
6
|
-
case 'subtle':
|
|
7
|
-
return 0.8;
|
|
8
|
-
case 'normal':
|
|
9
|
-
return 0.6;
|
|
10
|
-
case 'strong':
|
|
11
|
-
return 0.4;
|
|
12
|
-
default:
|
|
13
|
-
return 0.6;
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* Get base touchable container style
|
|
18
|
-
* Ensures minimum touch target size (iOS HIG: 48x48)
|
|
19
|
-
*/
|
|
20
|
-
export const getTouchableContainerStyle = () => ({
|
|
21
|
-
minWidth: 48,
|
|
22
|
-
minHeight: 48,
|
|
23
|
-
justifyContent: 'center',
|
|
24
|
-
alignItems: 'center',
|
|
25
|
-
});
|
|
26
|
-
/**
|
|
27
|
-
* Get disabled touchable style
|
|
28
|
-
*/
|
|
29
|
-
export const getDisabledStyle = () => ({
|
|
30
|
-
opacity: 0.5,
|
|
31
|
-
});
|
|
32
|
-
/**
|
|
33
|
-
* Convert number to HitSlop object
|
|
34
|
-
* If hitSlop is a number, apply it to all sides
|
|
35
|
-
*/
|
|
36
|
-
export const normalizeHitSlop = (hitSlop) => {
|
|
37
|
-
if (hitSlop === undefined)
|
|
38
|
-
return undefined;
|
|
39
|
-
if (typeof hitSlop === 'number') {
|
|
40
|
-
return {
|
|
41
|
-
top: hitSlop,
|
|
42
|
-
bottom: hitSlop,
|
|
43
|
-
left: hitSlop,
|
|
44
|
-
right: hitSlop,
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
return {
|
|
48
|
-
top: hitSlop.top || 0,
|
|
49
|
-
bottom: hitSlop.bottom || 0,
|
|
50
|
-
left: hitSlop.left || 0,
|
|
51
|
-
right: hitSlop.right || 0,
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
//# sourceMappingURL=touchableStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"touchableStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAA0B,EAAU,EAAE;IACpE,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAc,EAAE,CAAC,CAAC;IAC1D,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAc,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,GAAG;CACb,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAA8F,EACpB,EAAE;IAC5E,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAE5C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO;YACL,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;SACf,CAAC;IACJ,CAAC;IAED,OAAO;QACL,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;QACrB,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,CAAC;QAC3B,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC;QACvB,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;KAC1B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
import { StyleProp, ViewStyle, GestureResponderEvent } from 'react-native';
|
|
2
|
-
/**
|
|
3
|
-
* Touchable feedback variant
|
|
4
|
-
* - opacity: iOS-style opacity feedback (default)
|
|
5
|
-
* - highlight: Android-style highlight feedback
|
|
6
|
-
* - ripple: Material Design ripple effect (Android only)
|
|
7
|
-
* - none: No visual feedback
|
|
8
|
-
*/
|
|
9
|
-
export type TouchableFeedback = 'opacity' | 'highlight' | 'ripple' | 'none';
|
|
10
|
-
/**
|
|
11
|
-
* Feedback strength for visual feedback
|
|
12
|
-
* - subtle: Light feedback (0.8 opacity)
|
|
13
|
-
* - normal: Standard feedback (0.6 opacity)
|
|
14
|
-
* - strong: Strong feedback (0.4 opacity)
|
|
15
|
-
*/
|
|
16
|
-
export type FeedbackStrength = 'subtle' | 'normal' | 'strong';
|
|
17
|
-
/**
|
|
18
|
-
* Hit slop configuration
|
|
19
|
-
* Extends the touchable area beyond the component's bounds
|
|
20
|
-
*/
|
|
21
|
-
export interface HitSlop {
|
|
22
|
-
top?: number;
|
|
23
|
-
bottom?: number;
|
|
24
|
-
left?: number;
|
|
25
|
-
right?: number;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* AtomicTouchable component props
|
|
29
|
-
*
|
|
30
|
-
* A unified touchable wrapper with consistent behavior across platforms.
|
|
31
|
-
* Uses React Native's Pressable API for modern, accessible touch handling.
|
|
32
|
-
*
|
|
33
|
-
* @example
|
|
34
|
-
* ```tsx
|
|
35
|
-
* <AtomicTouchable
|
|
36
|
-
* onPress={handlePress}
|
|
37
|
-
* feedback="opacity"
|
|
38
|
-
* strength="normal"
|
|
39
|
-
* disabled={isDisabled}
|
|
40
|
-
* hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
|
|
41
|
-
* style={styles.touchable}
|
|
42
|
-
* >
|
|
43
|
-
* <AtomicText>Press Me</AtomicText>
|
|
44
|
-
* </AtomicTouchable>
|
|
45
|
-
* ```
|
|
46
|
-
*/
|
|
47
|
-
export interface AtomicTouchableProps {
|
|
48
|
-
/**
|
|
49
|
-
* Content to render inside the touchable
|
|
50
|
-
*/
|
|
51
|
-
children: React.ReactNode;
|
|
52
|
-
/**
|
|
53
|
-
* Callback fired when the touchable is pressed
|
|
54
|
-
*/
|
|
55
|
-
onPress?: (event: GestureResponderEvent) => void;
|
|
56
|
-
/**
|
|
57
|
-
* Callback fired when press starts (finger down)
|
|
58
|
-
*/
|
|
59
|
-
onPressIn?: (event: GestureResponderEvent) => void;
|
|
60
|
-
/**
|
|
61
|
-
* Callback fired when press ends (finger up)
|
|
62
|
-
*/
|
|
63
|
-
onPressOut?: (event: GestureResponderEvent) => void;
|
|
64
|
-
/**
|
|
65
|
-
* Callback fired on long press (500ms default)
|
|
66
|
-
*/
|
|
67
|
-
onLongPress?: (event: GestureResponderEvent) => void;
|
|
68
|
-
/**
|
|
69
|
-
* Feedback variant
|
|
70
|
-
* @default 'opacity'
|
|
71
|
-
*/
|
|
72
|
-
feedback?: TouchableFeedback;
|
|
73
|
-
/**
|
|
74
|
-
* Feedback strength
|
|
75
|
-
* @default 'normal'
|
|
76
|
-
*/
|
|
77
|
-
strength?: FeedbackStrength;
|
|
78
|
-
/**
|
|
79
|
-
* Disable the touchable
|
|
80
|
-
* @default false
|
|
81
|
-
*/
|
|
82
|
-
disabled?: boolean;
|
|
83
|
-
/**
|
|
84
|
-
* Hit slop - extends touchable area
|
|
85
|
-
* Useful for small touch targets
|
|
86
|
-
* @default undefined
|
|
87
|
-
*/
|
|
88
|
-
hitSlop?: HitSlop | number;
|
|
89
|
-
/**
|
|
90
|
-
* Custom style for the touchable container
|
|
91
|
-
*/
|
|
92
|
-
style?: StyleProp<ViewStyle>;
|
|
93
|
-
/**
|
|
94
|
-
* Style applied when pressed
|
|
95
|
-
*/
|
|
96
|
-
pressedStyle?: StyleProp<ViewStyle>;
|
|
97
|
-
/**
|
|
98
|
-
* Style applied when disabled
|
|
99
|
-
*/
|
|
100
|
-
disabledStyle?: StyleProp<ViewStyle>;
|
|
101
|
-
/**
|
|
102
|
-
* Accessibility label for screen readers
|
|
103
|
-
*/
|
|
104
|
-
accessibilityLabel?: string;
|
|
105
|
-
/**
|
|
106
|
-
* Accessibility hint for screen readers
|
|
107
|
-
*/
|
|
108
|
-
accessibilityHint?: string;
|
|
109
|
-
/**
|
|
110
|
-
* Accessibility role
|
|
111
|
-
* @default 'button'
|
|
112
|
-
*/
|
|
113
|
-
accessibilityRole?: 'button' | 'link' | 'none';
|
|
114
|
-
/**
|
|
115
|
-
* Test ID for E2E testing
|
|
116
|
-
*/
|
|
117
|
-
testID?: string;
|
|
118
|
-
/**
|
|
119
|
-
* Delay before onLongPress is triggered (ms)
|
|
120
|
-
* @default 500
|
|
121
|
-
*/
|
|
122
|
-
delayLongPress?: number;
|
|
123
|
-
/**
|
|
124
|
-
* Ripple color (Android only, for 'ripple' feedback)
|
|
125
|
-
* @default theme primary color with alpha
|
|
126
|
-
*/
|
|
127
|
-
rippleColor?: string;
|
|
128
|
-
/**
|
|
129
|
-
* Border radius for ripple effect (Android only)
|
|
130
|
-
* @default 0
|
|
131
|
-
*/
|
|
132
|
-
rippleRadius?: number;
|
|
133
|
-
}
|
|
134
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE3E;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5E;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,OAAO;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEpD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAErD;;;OAGG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAE7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAErC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAE/C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* useResponsive Hook
|
|
3
|
-
*
|
|
4
|
-
* React Hook for accessing responsive utilities with real-time dimension updates
|
|
5
|
-
* and safe area insets integration.
|
|
6
|
-
*
|
|
7
|
-
* Usage:
|
|
8
|
-
* ```tsx
|
|
9
|
-
* const { logoSize, inputHeight, fabPosition, isSmallDevice } = useResponsive();
|
|
10
|
-
* ```
|
|
11
|
-
*/
|
|
12
|
-
import { DeviceType } from '../utils/responsive';
|
|
13
|
-
export interface UseResponsiveReturn {
|
|
14
|
-
width: number;
|
|
15
|
-
height: number;
|
|
16
|
-
isSmallDevice: boolean;
|
|
17
|
-
isTabletDevice: boolean;
|
|
18
|
-
isLandscapeMode: boolean;
|
|
19
|
-
deviceType: DeviceType;
|
|
20
|
-
insets: {
|
|
21
|
-
top: number;
|
|
22
|
-
bottom: number;
|
|
23
|
-
left: number;
|
|
24
|
-
right: number;
|
|
25
|
-
};
|
|
26
|
-
logoSize: number;
|
|
27
|
-
inputHeight: number;
|
|
28
|
-
iconContainerSize: number;
|
|
29
|
-
maxContentWidth: number;
|
|
30
|
-
minTouchTarget: number;
|
|
31
|
-
horizontalPadding: number;
|
|
32
|
-
bottomPosition: number;
|
|
33
|
-
fabPosition: {
|
|
34
|
-
bottom: number;
|
|
35
|
-
right: number;
|
|
36
|
-
};
|
|
37
|
-
modalMaxHeight: string;
|
|
38
|
-
modalMinHeight: number;
|
|
39
|
-
gridColumns: number;
|
|
40
|
-
spacingMultiplier: number;
|
|
41
|
-
onboardingIconMarginTop: number;
|
|
42
|
-
onboardingIconMarginBottom: number;
|
|
43
|
-
onboardingIconSize: number;
|
|
44
|
-
onboardingTitleMarginBottom: number;
|
|
45
|
-
onboardingTextPadding: number;
|
|
46
|
-
onboardingDescriptionMarginTop: number;
|
|
47
|
-
formBottomPadding: number;
|
|
48
|
-
inputIconSize: number;
|
|
49
|
-
formContentWidth: number | undefined;
|
|
50
|
-
formElementSpacing: number;
|
|
51
|
-
getLogoSize: (baseSize?: number) => number;
|
|
52
|
-
getInputHeight: (baseHeight?: number) => number;
|
|
53
|
-
getIconSize: (baseSize?: number) => number;
|
|
54
|
-
getMaxWidth: (baseWidth?: number) => number;
|
|
55
|
-
getFontSize: (baseFontSize: number) => number;
|
|
56
|
-
getGridCols: (mobile?: number, tablet?: number) => number;
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* Hook for responsive design utilities
|
|
60
|
-
* Automatically updates when screen dimensions or orientation changes
|
|
61
|
-
*/
|
|
62
|
-
export declare const useResponsive: () => UseResponsiveReturn;
|
|
63
|
-
/**
|
|
64
|
-
* Shorthand hook for just responsive sizes
|
|
65
|
-
*/
|
|
66
|
-
export declare const useResponsiveSizes: () => {
|
|
67
|
-
logoSize: number;
|
|
68
|
-
inputHeight: number;
|
|
69
|
-
iconContainerSize: number;
|
|
70
|
-
maxContentWidth: number;
|
|
71
|
-
};
|
|
72
|
-
/**
|
|
73
|
-
* Shorthand hook for just device type checks
|
|
74
|
-
*/
|
|
75
|
-
export declare const useDeviceType: () => {
|
|
76
|
-
isSmallDevice: boolean;
|
|
77
|
-
isTabletDevice: boolean;
|
|
78
|
-
deviceType: DeviceType;
|
|
79
|
-
};
|
|
80
|
-
//# sourceMappingURL=useResponsive.d.ts.map
|