@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":"SectionContainer.js","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAqBhE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,KAAK,EACL,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CACnC;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACzB;UAAA,CAAC,UAAU,CACT,IAAI,CAAC,YAAY,CACjB,KAAK,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAC/B,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;gBACxB,MAAM,CAAC,YAAY;gBACnB,UAAU;aACX,CAAC,CAAC,CAEH;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,UAAU,CACZ;UAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAClE,UAAU,CAAC,MAAM,CAAC;IAChB,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAC/B,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACrC;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAChC;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ;QAC/C,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU;KACpD;IACD,WAAW,EAAE;QACX,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAC9B;CACF,CAAC,CAAC;AAEL,gFAAgF;AAChF,UAAU;AACV,gFAAgF"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SectionHeader Molecule - Universal Section Header
|
|
3
|
-
*
|
|
4
|
-
* Displays section title with optional subtitle
|
|
5
|
-
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
6
|
-
*
|
|
7
|
-
* Atomic Design Level: MOLECULE
|
|
8
|
-
* Composition: AtomicText + Layout
|
|
9
|
-
*
|
|
10
|
-
* Usage:
|
|
11
|
-
* - List headers
|
|
12
|
-
* - Grid headers
|
|
13
|
-
* - Section dividers
|
|
14
|
-
* - Screen headers
|
|
15
|
-
*/
|
|
16
|
-
import React from 'react';
|
|
17
|
-
import { ViewStyle, TextStyle } from 'react-native';
|
|
18
|
-
export interface SectionHeaderProps {
|
|
19
|
-
/** Main heading text */
|
|
20
|
-
title: string;
|
|
21
|
-
/** Optional subtitle text */
|
|
22
|
-
subtitle?: string;
|
|
23
|
-
/** Custom title color (default: textPrimary) */
|
|
24
|
-
titleColor?: string;
|
|
25
|
-
/** Custom subtitle color (default: textSecondary) */
|
|
26
|
-
subtitleColor?: string;
|
|
27
|
-
/** Container style override */
|
|
28
|
-
style?: ViewStyle;
|
|
29
|
-
/** Title style override */
|
|
30
|
-
titleStyle?: TextStyle;
|
|
31
|
-
/** Subtitle style override */
|
|
32
|
-
subtitleStyle?: TextStyle;
|
|
33
|
-
/** Right action element (e.g., button, icon) */
|
|
34
|
-
rightAction?: React.ReactNode;
|
|
35
|
-
}
|
|
36
|
-
export declare const SectionHeader: React.FC<SectionHeaderProps>;
|
|
37
|
-
//# sourceMappingURL=SectionHeader.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQtE,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAMD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0CtD,CAAC"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SectionHeader Molecule - Universal Section Header
|
|
3
|
-
*
|
|
4
|
-
* Displays section title with optional subtitle
|
|
5
|
-
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
6
|
-
*
|
|
7
|
-
* Atomic Design Level: MOLECULE
|
|
8
|
-
* Composition: AtomicText + Layout
|
|
9
|
-
*
|
|
10
|
-
* Usage:
|
|
11
|
-
* - List headers
|
|
12
|
-
* - Grid headers
|
|
13
|
-
* - Section dividers
|
|
14
|
-
* - Screen headers
|
|
15
|
-
*/
|
|
16
|
-
import React from 'react';
|
|
17
|
-
import { View, StyleSheet } from 'react-native';
|
|
18
|
-
import { AtomicText } from '../atoms/AtomicText';
|
|
19
|
-
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
20
|
-
// =============================================================================
|
|
21
|
-
// COMPONENT IMPLEMENTATION
|
|
22
|
-
// =============================================================================
|
|
23
|
-
export const SectionHeader = ({ title, subtitle, titleColor, subtitleColor, style, titleStyle, subtitleStyle, rightAction, }) => {
|
|
24
|
-
const tokens = useAppDesignTokens();
|
|
25
|
-
const styles = getStyles(tokens);
|
|
26
|
-
return (<View style={[styles.container, style]}>
|
|
27
|
-
<View style={styles.textContainer}>
|
|
28
|
-
<AtomicText type="headlineLarge" color={titleColor || "primary"} style={StyleSheet.flatten([
|
|
29
|
-
styles.title,
|
|
30
|
-
titleStyle,
|
|
31
|
-
])}>
|
|
32
|
-
{title}
|
|
33
|
-
</AtomicText>
|
|
34
|
-
{subtitle && (<AtomicText type="bodyMedium" color={subtitleColor || "secondary"} style={StyleSheet.flatten([
|
|
35
|
-
styles.subtitle,
|
|
36
|
-
subtitleStyle,
|
|
37
|
-
])}>
|
|
38
|
-
{subtitle}
|
|
39
|
-
</AtomicText>)}
|
|
40
|
-
</View>
|
|
41
|
-
{rightAction && <View style={styles.rightAction}>{rightAction}</View>}
|
|
42
|
-
</View>);
|
|
43
|
-
};
|
|
44
|
-
// =============================================================================
|
|
45
|
-
// STYLES
|
|
46
|
-
// =============================================================================
|
|
47
|
-
const getStyles = (tokens) => StyleSheet.create({
|
|
48
|
-
container: {
|
|
49
|
-
flexDirection: 'row',
|
|
50
|
-
justifyContent: 'space-between',
|
|
51
|
-
alignItems: 'center',
|
|
52
|
-
paddingHorizontal: tokens.spacing.md,
|
|
53
|
-
paddingVertical: tokens.spacing.sm,
|
|
54
|
-
},
|
|
55
|
-
textContainer: {
|
|
56
|
-
flex: 1,
|
|
57
|
-
},
|
|
58
|
-
title: {
|
|
59
|
-
fontSize: tokens.typography.headlineLarge.fontSize,
|
|
60
|
-
fontWeight: tokens.typography.headlineLarge.fontWeight,
|
|
61
|
-
marginBottom: tokens.spacing.xs,
|
|
62
|
-
},
|
|
63
|
-
subtitle: {
|
|
64
|
-
fontSize: tokens.typography.bodyMedium.fontSize,
|
|
65
|
-
},
|
|
66
|
-
rightAction: {
|
|
67
|
-
marginLeft: tokens.spacing.sm,
|
|
68
|
-
},
|
|
69
|
-
});
|
|
70
|
-
// =============================================================================
|
|
71
|
-
// EXPORTS
|
|
72
|
-
// =============================================================================
|
|
73
|
-
//# sourceMappingURL=SectionHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAyBhE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,QAAQ,EACR,UAAU,EACV,aAAa,EACb,KAAK,EACL,UAAU,EACV,aAAa,EACb,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,UAAU,CACT,IAAI,CAAC,eAAe,CACpB,KAAK,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAC/B,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;YACxB,MAAM,CAAC,KAAK;YACZ,UAAU;SACX,CAAC,CAAC,CAEH;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,QAAQ,IAAI,CACX,CAAC,UAAU,CACT,IAAI,CAAC,YAAY,CACjB,KAAK,CAAC,CAAC,aAAa,IAAI,WAAW,CAAC,CACpC,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;gBACxB,MAAM,CAAC,QAAQ;gBACf,aAAa;aACd,CAAC,CAAC,CAEH;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,UAAU,CAAC,CACd,CACH;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAClE,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACpC,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACnC;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ;QAClD,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU;QACtD,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAChC;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ;KAChD;IACD,WAAW,EAAE;QACX,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAC9B;CACF,CAAC,CAAC;AAEL,gFAAgF;AAChF,UAAU;AACV,gFAAgF"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AtomicConfirmationModal Style Utilities
|
|
3
|
-
*
|
|
4
|
-
* Styling functions for confirmation modal component
|
|
5
|
-
*/
|
|
6
|
-
import { ViewStyle } from 'react-native';
|
|
7
|
-
import { ConfirmationModalVariant, ConfirmationModalVariantConfig } from '../types';
|
|
8
|
-
import type { DesignTokens } from '@umituz/react-native-theme';
|
|
9
|
-
/**
|
|
10
|
-
* Get variant configuration (icon and color only)
|
|
11
|
-
* Note: Confirm text is handled in component with translations
|
|
12
|
-
*/
|
|
13
|
-
export declare const getVariantConfig: (variant: ConfirmationModalVariant, tokens: DesignTokens) => Omit<ConfirmationModalVariantConfig, "confirmText">;
|
|
14
|
-
/**
|
|
15
|
-
* Get modal overlay style
|
|
16
|
-
*/
|
|
17
|
-
export declare const getModalOverlayStyle: (tokens: DesignTokens) => ViewStyle;
|
|
18
|
-
/**
|
|
19
|
-
* Get backdrop style (invisible layer for dismissing)
|
|
20
|
-
*/
|
|
21
|
-
export declare const getBackdropStyle: () => ViewStyle;
|
|
22
|
-
/**
|
|
23
|
-
* Get modal container style
|
|
24
|
-
*/
|
|
25
|
-
export declare const getModalContainerStyle: (tokens: DesignTokens) => ViewStyle;
|
|
26
|
-
/**
|
|
27
|
-
* Get icon container style
|
|
28
|
-
*/
|
|
29
|
-
export declare const getIconContainerStyle: (tokens: DesignTokens) => ViewStyle;
|
|
30
|
-
/**
|
|
31
|
-
* Get title container style
|
|
32
|
-
*/
|
|
33
|
-
export declare const getTitleContainerStyle: (tokens: DesignTokens) => ViewStyle;
|
|
34
|
-
/**
|
|
35
|
-
* Get message container style
|
|
36
|
-
*/
|
|
37
|
-
export declare const getMessageContainerStyle: (tokens: DesignTokens) => ViewStyle;
|
|
38
|
-
/**
|
|
39
|
-
* Get button container style
|
|
40
|
-
*/
|
|
41
|
-
export declare const getButtonContainerStyle: (tokens: DesignTokens) => ViewStyle;
|
|
42
|
-
/**
|
|
43
|
-
* Get button style
|
|
44
|
-
*/
|
|
45
|
-
export declare const getButtonStyle: () => ViewStyle;
|
|
46
|
-
/**
|
|
47
|
-
* Get confirm button variant based on modal variant
|
|
48
|
-
*/
|
|
49
|
-
export declare const getConfirmButtonVariant: (variant: ConfirmationModalVariant) => "primary" | "secondary" | "tertiary" | "outline" | "ghost";
|
|
50
|
-
//# sourceMappingURL=confirmationModalStyles.d.ts.map
|
package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"confirmationModalStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AACpF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,wBAAwB,EACjC,QAAQ,YAAY,KACnB,IAAI,CAAC,8BAA8B,EAAE,aAAa,CAwBpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG,SAK1D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,SAMlC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,YAAY,KAAG,SAS5D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,QAAQ,YAAY,KAAG,SAE3D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,YAAY,KAAG,SAE5D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY,KAAG,SAE9D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,YAAY,KAAG,SAI7D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,SAEhC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAClC,SAAS,wBAAwB,KAChC,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAYrD,CAAC"}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AtomicConfirmationModal Style Utilities
|
|
3
|
-
*
|
|
4
|
-
* Styling functions for confirmation modal component
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Get variant configuration (icon and color only)
|
|
8
|
-
* Note: Confirm text is handled in component with translations
|
|
9
|
-
*/
|
|
10
|
-
export const getVariantConfig = (variant, tokens) => {
|
|
11
|
-
switch (variant) {
|
|
12
|
-
case 'destructive':
|
|
13
|
-
return {
|
|
14
|
-
icon: 'warning',
|
|
15
|
-
iconColor: 'error',
|
|
16
|
-
};
|
|
17
|
-
case 'warning':
|
|
18
|
-
return {
|
|
19
|
-
icon: 'warning',
|
|
20
|
-
iconColor: 'warning',
|
|
21
|
-
};
|
|
22
|
-
case 'success':
|
|
23
|
-
return {
|
|
24
|
-
icon: 'check-circle',
|
|
25
|
-
iconColor: 'success',
|
|
26
|
-
};
|
|
27
|
-
case 'default':
|
|
28
|
-
default:
|
|
29
|
-
return {
|
|
30
|
-
icon: 'help-circle',
|
|
31
|
-
iconColor: 'primary',
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
/**
|
|
36
|
-
* Get modal overlay style
|
|
37
|
-
*/
|
|
38
|
-
export const getModalOverlayStyle = (tokens) => ({
|
|
39
|
-
flex: 1,
|
|
40
|
-
justifyContent: 'center',
|
|
41
|
-
alignItems: 'center',
|
|
42
|
-
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
43
|
-
});
|
|
44
|
-
/**
|
|
45
|
-
* Get backdrop style (invisible layer for dismissing)
|
|
46
|
-
*/
|
|
47
|
-
export const getBackdropStyle = () => ({
|
|
48
|
-
position: 'absolute',
|
|
49
|
-
top: 0,
|
|
50
|
-
left: 0,
|
|
51
|
-
right: 0,
|
|
52
|
-
bottom: 0,
|
|
53
|
-
});
|
|
54
|
-
/**
|
|
55
|
-
* Get modal container style
|
|
56
|
-
*/
|
|
57
|
-
export const getModalContainerStyle = (tokens) => ({
|
|
58
|
-
width: '85%',
|
|
59
|
-
maxWidth: 400,
|
|
60
|
-
backgroundColor: tokens.colors.surface,
|
|
61
|
-
borderRadius: 16,
|
|
62
|
-
padding: 24,
|
|
63
|
-
alignItems: 'center',
|
|
64
|
-
borderWidth: 1,
|
|
65
|
-
borderColor: tokens.colors.outline,
|
|
66
|
-
});
|
|
67
|
-
/**
|
|
68
|
-
* Get icon container style
|
|
69
|
-
*/
|
|
70
|
-
export const getIconContainerStyle = (tokens) => ({
|
|
71
|
-
marginBottom: 16,
|
|
72
|
-
});
|
|
73
|
-
/**
|
|
74
|
-
* Get title container style
|
|
75
|
-
*/
|
|
76
|
-
export const getTitleContainerStyle = (tokens) => ({
|
|
77
|
-
marginBottom: 8,
|
|
78
|
-
});
|
|
79
|
-
/**
|
|
80
|
-
* Get message container style
|
|
81
|
-
*/
|
|
82
|
-
export const getMessageContainerStyle = (tokens) => ({
|
|
83
|
-
marginBottom: 24,
|
|
84
|
-
});
|
|
85
|
-
/**
|
|
86
|
-
* Get button container style
|
|
87
|
-
*/
|
|
88
|
-
export const getButtonContainerStyle = (tokens) => ({
|
|
89
|
-
flexDirection: 'row',
|
|
90
|
-
gap: 12,
|
|
91
|
-
width: '100%',
|
|
92
|
-
});
|
|
93
|
-
/**
|
|
94
|
-
* Get button style
|
|
95
|
-
*/
|
|
96
|
-
export const getButtonStyle = () => ({
|
|
97
|
-
flex: 1,
|
|
98
|
-
});
|
|
99
|
-
/**
|
|
100
|
-
* Get confirm button variant based on modal variant
|
|
101
|
-
*/
|
|
102
|
-
export const getConfirmButtonVariant = (variant) => {
|
|
103
|
-
switch (variant) {
|
|
104
|
-
case 'destructive':
|
|
105
|
-
return 'primary'; // Will use error color
|
|
106
|
-
case 'warning':
|
|
107
|
-
return 'primary'; // Will use warning color
|
|
108
|
-
case 'success':
|
|
109
|
-
return 'primary'; // Will use success color
|
|
110
|
-
case 'default':
|
|
111
|
-
default:
|
|
112
|
-
return 'primary';
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
//# sourceMappingURL=confirmationModalStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"confirmationModalStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AtomicConfirmationModal Type Definitions
|
|
3
|
-
*
|
|
4
|
-
* Type-safe interfaces for confirmation modal component
|
|
5
|
-
*/
|
|
6
|
-
import { StyleProp, ViewStyle } from 'react-native';
|
|
7
|
-
import type { AtomicIconColor } from '../../../atoms/AtomicIcon';
|
|
8
|
-
/**
|
|
9
|
-
* Confirmation modal variant
|
|
10
|
-
* Determines the visual style and default behavior
|
|
11
|
-
*/
|
|
12
|
-
export type ConfirmationModalVariant = 'default' | 'destructive' | 'warning' | 'success';
|
|
13
|
-
/**
|
|
14
|
-
* Props for AtomicConfirmationModal component
|
|
15
|
-
*/
|
|
16
|
-
export interface AtomicConfirmationModalProps {
|
|
17
|
-
/**
|
|
18
|
-
* Whether the modal is visible
|
|
19
|
-
*/
|
|
20
|
-
visible: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Modal title (required)
|
|
23
|
-
* e.g., "Delete Item?", "Confirm Action", "Are you sure?"
|
|
24
|
-
*/
|
|
25
|
-
title: string;
|
|
26
|
-
/**
|
|
27
|
-
* Modal message/description (required)
|
|
28
|
-
* e.g., "This action cannot be undone."
|
|
29
|
-
*/
|
|
30
|
-
message: string;
|
|
31
|
-
/**
|
|
32
|
-
* Variant determines visual style
|
|
33
|
-
* @default 'default'
|
|
34
|
-
*/
|
|
35
|
-
variant?: ConfirmationModalVariant;
|
|
36
|
-
/**
|
|
37
|
-
* Confirm button text (required)
|
|
38
|
-
*/
|
|
39
|
-
confirmText: string;
|
|
40
|
-
/**
|
|
41
|
-
* Cancel button text (required)
|
|
42
|
-
*/
|
|
43
|
-
cancelText: string;
|
|
44
|
-
/**
|
|
45
|
-
* Icon name to display at top (MaterialIcons name)
|
|
46
|
-
* If not provided, uses variant-specific default icon
|
|
47
|
-
* @see https://fonts.google.com/icons
|
|
48
|
-
*/
|
|
49
|
-
icon?: string;
|
|
50
|
-
/**
|
|
51
|
-
* Callback when user confirms
|
|
52
|
-
*/
|
|
53
|
-
onConfirm: () => void;
|
|
54
|
-
/**
|
|
55
|
-
* Callback when user cancels or dismisses
|
|
56
|
-
*/
|
|
57
|
-
onCancel: () => void;
|
|
58
|
-
/**
|
|
59
|
-
* Whether to show backdrop (tap outside to close)
|
|
60
|
-
* @default true
|
|
61
|
-
*/
|
|
62
|
-
showBackdrop?: boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Whether backdrop is dismissible
|
|
65
|
-
* @default true
|
|
66
|
-
*/
|
|
67
|
-
backdropDismissible?: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* Custom style for modal container
|
|
70
|
-
*/
|
|
71
|
-
style?: StyleProp<ViewStyle>;
|
|
72
|
-
/**
|
|
73
|
-
* Test ID for testing
|
|
74
|
-
*/
|
|
75
|
-
testID?: string;
|
|
76
|
-
}
|
|
77
|
-
/**
|
|
78
|
-
* Variant configuration
|
|
79
|
-
* Maps variant to icon, colors, and default text
|
|
80
|
-
*/
|
|
81
|
-
export interface ConfirmationModalVariantConfig {
|
|
82
|
-
icon: string;
|
|
83
|
-
confirmText: string;
|
|
84
|
-
iconColor: AtomicIconColor;
|
|
85
|
-
}
|
|
86
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,aAAa,GACb,SAAS,GACT,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,eAAe,CAAC;CAC5B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Molecule Components Export Index
|
|
3
|
-
*
|
|
4
|
-
* Molecules are combinations of atoms that form more complex UI components
|
|
5
|
-
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
6
|
-
*
|
|
7
|
-
* Atomic Design Level: MOLECULES
|
|
8
|
-
*/
|
|
9
|
-
export { FormField } from './FormField';
|
|
10
|
-
export { ListItem } from './ListItem';
|
|
11
|
-
export { SearchBar } from './SearchBar';
|
|
12
|
-
export { SectionCard } from './SectionCard';
|
|
13
|
-
export { IconContainer } from './IconContainer';
|
|
14
|
-
export { ScreenHeader } from './ScreenHeader';
|
|
15
|
-
export { AtomicConfirmationModal, useConfirmationModal } from './AtomicConfirmationModal';
|
|
16
|
-
export type { FormFieldProps } from './FormField';
|
|
17
|
-
export type { ListItemProps } from './ListItem';
|
|
18
|
-
export type { SearchBarProps } from './SearchBar';
|
|
19
|
-
export type { ScreenHeaderProps } from './ScreenHeader';
|
|
20
|
-
export type { AtomicConfirmationModalProps, ConfirmationModalVariant } from './AtomicConfirmationModal';
|
|
21
|
-
import type { FormFieldProps } from './FormField';
|
|
22
|
-
import type { ListItemProps } from './ListItem';
|
|
23
|
-
import type { SearchBarProps } from './SearchBar';
|
|
24
|
-
import type { ScreenHeaderProps } from './ScreenHeader';
|
|
25
|
-
import type { AtomicConfirmationModalProps } from './AtomicConfirmationModal';
|
|
26
|
-
export type MoleculeComponentProps = FormFieldProps | ListItemProps | SearchBarProps | ScreenHeaderProps | AtomicConfirmationModalProps;
|
|
27
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAM1F,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAGxG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAE9E,MAAM,MAAM,sBAAsB,GAC9B,cAAc,GACd,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,4BAA4B,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Molecule Components Export Index
|
|
3
|
-
*
|
|
4
|
-
* Molecules are combinations of atoms that form more complex UI components
|
|
5
|
-
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
6
|
-
*
|
|
7
|
-
* Atomic Design Level: MOLECULES
|
|
8
|
-
*/
|
|
9
|
-
// Component exports
|
|
10
|
-
export { FormField } from './FormField';
|
|
11
|
-
export { ListItem } from './ListItem';
|
|
12
|
-
export { SearchBar } from './SearchBar';
|
|
13
|
-
export { SectionCard } from './SectionCard';
|
|
14
|
-
export { IconContainer } from './IconContainer';
|
|
15
|
-
export { ScreenHeader } from './ScreenHeader';
|
|
16
|
-
export { AtomicConfirmationModal, useConfirmationModal } from './AtomicConfirmationModal';
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presentation/molecules/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,oBAAoB;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ViewStyle } from 'react-native';
|
|
2
|
-
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
3
|
-
type DesignTokens = ReturnType<typeof useAppDesignTokens>;
|
|
4
|
-
export declare const getListItemStyles: (tokens: DesignTokens) => {
|
|
5
|
-
container: ViewStyle;
|
|
6
|
-
disabled: ViewStyle;
|
|
7
|
-
iconContainer: ViewStyle;
|
|
8
|
-
content: ViewStyle;
|
|
9
|
-
subtitle: ViewStyle;
|
|
10
|
-
};
|
|
11
|
-
export {};
|
|
12
|
-
//# sourceMappingURL=listItemStyles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"listItemStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/styles/listItemStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE1D,eAAO,MAAM,iBAAiB,GAAI,QAAQ,YAAY;eAQ/C,SAAS;cACgB,SAAS;mBACmB,SAAS;aAC3C,SAAS;cACa,SAAS;CACvD,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export const getListItemStyles = (tokens) => ({
|
|
2
|
-
container: {
|
|
3
|
-
flexDirection: 'row',
|
|
4
|
-
alignItems: 'center',
|
|
5
|
-
padding: tokens.spacing.md,
|
|
6
|
-
backgroundColor: tokens.colors.surface,
|
|
7
|
-
borderRadius: tokens.borders.radius.lg,
|
|
8
|
-
marginBottom: tokens.spacing.sm,
|
|
9
|
-
},
|
|
10
|
-
disabled: { opacity: 0.6 },
|
|
11
|
-
iconContainer: { marginHorizontal: tokens.spacing.sm },
|
|
12
|
-
content: { flex: 1 },
|
|
13
|
-
subtitle: { marginTop: tokens.spacing.xs },
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=listItemStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"listItemStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/styles/listItemStyles.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,CAAC;IAC1D,SAAS,EAAE;QACT,aAAa,EAAE,KAAc;QAC7B,UAAU,EAAE,QAAiB;QAC7B,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAC1B,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;QACtC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACtC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACnB;IACd,QAAQ,EAAE,EAAE,OAAO,EAAE,GAAG,EAAe;IACvC,aAAa,EAAE,EAAE,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAe;IACnE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAe;IACjC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAe;CACxD,CAAC,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ViewStyle } from 'react-native';
|
|
2
|
-
/**
|
|
3
|
-
* ListItem component props
|
|
4
|
-
*
|
|
5
|
-
* leftIcon/rightIcon: Any MaterialIcons name
|
|
6
|
-
* @see https://fonts.google.com/icons
|
|
7
|
-
*/
|
|
8
|
-
export interface ListItemProps {
|
|
9
|
-
title: string;
|
|
10
|
-
subtitle?: string;
|
|
11
|
-
leftIcon?: string;
|
|
12
|
-
rightIcon?: string;
|
|
13
|
-
onPress?: () => void;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
style?: ViewStyle;
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AppHeader Organism - Application Header Component
|
|
3
|
-
*
|
|
4
|
-
* Complex header combining atoms and molecules
|
|
5
|
-
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
6
|
-
*
|
|
7
|
-
* Atomic Design Level: ORGANISM
|
|
8
|
-
* Composition: AtomicIcon + AtomicText + AtomicButton + SearchBar
|
|
9
|
-
*/
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import { ViewStyle } from 'react-native';
|
|
12
|
-
import type { IconName } from '@umituz/react-native-icon';
|
|
13
|
-
/**
|
|
14
|
-
* AppHeader component props
|
|
15
|
-
*
|
|
16
|
-
* leftIcon/rightIcon: Any MaterialIcons name
|
|
17
|
-
* @see https://fonts.google.com/icons
|
|
18
|
-
*/
|
|
19
|
-
export interface AppHeaderProps {
|
|
20
|
-
title: string;
|
|
21
|
-
subtitle?: string;
|
|
22
|
-
leftIcon?: IconName;
|
|
23
|
-
onLeftPress?: () => void;
|
|
24
|
-
rightIcon?: IconName;
|
|
25
|
-
onRightPress?: () => void;
|
|
26
|
-
showShadow?: boolean;
|
|
27
|
-
backgroundColor?: string;
|
|
28
|
-
style?: ViewStyle;
|
|
29
|
-
}
|
|
30
|
-
export declare const AppHeader: React.FC<AppHeaderProps>;
|
|
31
|
-
//# sourceMappingURL=AppHeader.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../src/presentation/organisms/AppHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAgB,MAAM,cAAc,CAAC;AAK7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAM1D;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAMD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwD9C,CAAC"}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AppHeader Organism - Application Header Component
|
|
3
|
-
*
|
|
4
|
-
* Complex header combining atoms and molecules
|
|
5
|
-
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
6
|
-
*
|
|
7
|
-
* Atomic Design Level: ORGANISM
|
|
8
|
-
* Composition: AtomicIcon + AtomicText + AtomicButton + SearchBar
|
|
9
|
-
*/
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import { View, SafeAreaView } from 'react-native';
|
|
12
|
-
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
13
|
-
import { AtomicText } from '../atoms/AtomicText';
|
|
14
|
-
import { AtomicButton } from '../atoms/AtomicButton';
|
|
15
|
-
// =============================================================================
|
|
16
|
-
// COMPONENT IMPLEMENTATION
|
|
17
|
-
// =============================================================================
|
|
18
|
-
export const AppHeader = ({ title, subtitle, leftIcon, onLeftPress, rightIcon, onRightPress, showShadow = true, backgroundColor, style, }) => {
|
|
19
|
-
const tokens = useAppDesignTokens();
|
|
20
|
-
const bgColor = backgroundColor || tokens.colors.surface;
|
|
21
|
-
const styles = getStyles(tokens);
|
|
22
|
-
return (<SafeAreaView style={[styles.safeArea, { backgroundColor: bgColor }]}>
|
|
23
|
-
<View style={[styles.container, { backgroundColor: bgColor }, style]}>
|
|
24
|
-
{/* Left Action */}
|
|
25
|
-
<View style={styles.leftContainer}>
|
|
26
|
-
{leftIcon && onLeftPress && (<AtomicButton variant="text" size="sm" onPress={onLeftPress} icon={leftIcon}/>)}
|
|
27
|
-
</View>
|
|
28
|
-
|
|
29
|
-
{/* Title Section */}
|
|
30
|
-
<View style={styles.titleContainer}>
|
|
31
|
-
<AtomicText type="titleLarge" color="primary" numberOfLines={1}>
|
|
32
|
-
{title}
|
|
33
|
-
</AtomicText>
|
|
34
|
-
{subtitle && (<AtomicText type="bodySmall" color="secondary" numberOfLines={1}>
|
|
35
|
-
{subtitle}
|
|
36
|
-
</AtomicText>)}
|
|
37
|
-
</View>
|
|
38
|
-
|
|
39
|
-
{/* Right Action */}
|
|
40
|
-
<View style={styles.rightContainer}>
|
|
41
|
-
{rightIcon && onRightPress && (<AtomicButton variant="text" size="sm" onPress={onRightPress} icon={rightIcon}/>)}
|
|
42
|
-
</View>
|
|
43
|
-
</View>
|
|
44
|
-
</SafeAreaView>);
|
|
45
|
-
};
|
|
46
|
-
// =============================================================================
|
|
47
|
-
// STYLES
|
|
48
|
-
// =============================================================================
|
|
49
|
-
const getStyles = (tokens) => ({
|
|
50
|
-
safeArea: {
|
|
51
|
-
backgroundColor: tokens.colors.surface,
|
|
52
|
-
},
|
|
53
|
-
container: {
|
|
54
|
-
flexDirection: 'row',
|
|
55
|
-
alignItems: 'center',
|
|
56
|
-
justifyContent: 'space-between',
|
|
57
|
-
paddingHorizontal: tokens.spacing.md,
|
|
58
|
-
paddingVertical: tokens.spacing.sm,
|
|
59
|
-
minHeight: tokens.iconSizes.xl + tokens.spacing.md,
|
|
60
|
-
},
|
|
61
|
-
leftContainer: {
|
|
62
|
-
width: tokens.iconSizes.xl + tokens.spacing.sm,
|
|
63
|
-
alignItems: 'flex-start',
|
|
64
|
-
},
|
|
65
|
-
titleContainer: {
|
|
66
|
-
flex: 1,
|
|
67
|
-
alignItems: 'center',
|
|
68
|
-
paddingHorizontal: tokens.spacing.sm,
|
|
69
|
-
},
|
|
70
|
-
rightContainer: {
|
|
71
|
-
width: tokens.iconSizes.xl + tokens.spacing.sm,
|
|
72
|
-
alignItems: 'flex-start',
|
|
73
|
-
},
|
|
74
|
-
});
|
|
75
|
-
// =============================================================================
|
|
76
|
-
// EXPORTS
|
|
77
|
-
// =============================================================================
|
|
78
|
-
//# sourceMappingURL=AppHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../../../src/presentation/organisms/AppHeader.tsx"],"names":[],"mappings":"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"}
|