dhre-ui-kit 2.0.23 → 3.0.0

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.
Files changed (82) hide show
  1. package/lib/components/accordion/Accordion.styles.d.ts +0 -1
  2. package/lib/components/avatar/Avatar.d.ts +4 -0
  3. package/lib/components/avatar/Avatar.interface.d.ts +97 -0
  4. package/lib/components/avatar/Avatar.styles.d.ts +342 -0
  5. package/lib/components/avatar/index.d.ts +2 -0
  6. package/lib/components/background/Background.d.ts +4 -0
  7. package/lib/components/background/Background.interface.d.ts +16 -0
  8. package/lib/components/background/Background.styles.d.ts +10 -0
  9. package/lib/components/background/index.d.ts +2 -0
  10. package/lib/components/bottomDrawer/BottomDrawer.d.ts +2 -2
  11. package/lib/components/bottomDrawer/BottomDrawer.styles.d.ts +7 -1
  12. package/lib/components/button/Button.interface.d.ts +54 -2
  13. package/lib/components/button/Button.styles.d.ts +123 -0
  14. package/lib/components/checkBox/CheckBox.d.ts +2 -2
  15. package/lib/components/checkBox/CheckBox.interface.d.ts +35 -0
  16. package/lib/components/checkBox/CheckBox.styles.d.ts +4 -22
  17. package/lib/components/chip/Chip.d.ts +4 -0
  18. package/lib/components/chip/Chip.interface.d.ts +52 -0
  19. package/lib/components/chip/Chip.styles.d.ts +42 -0
  20. package/lib/components/chip/index.d.ts +2 -0
  21. package/lib/components/customDocumentPicker/CustomDocumentPicker.d.ts +0 -4
  22. package/lib/components/customDocumentPicker/CustomDocumentPicker.interface.d.ts +0 -16
  23. package/lib/components/customDocumentPicker/index.d.ts +0 -1
  24. package/lib/components/customHeader/CustomHeader.interface.d.ts +37 -6
  25. package/lib/components/customHeader/CustomHeader.styles.d.ts +10 -7
  26. package/lib/components/customIcon/CustomIcon.d.ts +2 -2
  27. package/lib/components/customIcon/CustomIcon.interface.d.ts +30 -1
  28. package/lib/components/customIcon/CustomIcon.styles.d.ts +76 -1
  29. package/lib/components/customInputText/CustomInputText.styles.d.ts +22 -53
  30. package/lib/components/customSearchBar/CustomSearchBar.d.ts +2 -2
  31. package/lib/components/customSearchBar/CustomSearchBar.interface.d.ts +1 -0
  32. package/lib/components/customSearchBar/CustomSearchBar.styles.d.ts +38 -59
  33. package/lib/components/dateRangePicker/DateRangePicker.styles.d.ts +22 -53
  34. package/lib/components/dropDown/DropDown.d.ts +7 -2
  35. package/lib/components/feedback/feedback.d.ts +1 -0
  36. package/lib/components/feedback/feedback.style.d.ts +20 -22
  37. package/lib/components/loader/Loader.d.ts +21 -0
  38. package/lib/components/loader/Loader.interface.d.ts +53 -0
  39. package/lib/components/loader/Loader.styles.d.ts +45 -0
  40. package/lib/components/loader/index.d.ts +2 -0
  41. package/lib/components/notificationBandge/NotificationBandge.styles.d.ts +22 -53
  42. package/lib/components/otp/otp.interface.d.ts +2 -0
  43. package/lib/components/otp/styles.d.ts +7 -4
  44. package/lib/components/progressBar/ProgressBar.d.ts +3 -23
  45. package/lib/components/progressBar/ProgressBar.interface.d.ts +94 -0
  46. package/lib/components/progressBar/ProgressBar.styles.d.ts +16 -0
  47. package/lib/components/scrollList/CategoryItem.d.ts +11 -0
  48. package/lib/components/scrollList/category.d.ts +2 -60
  49. package/lib/components/scrollList/category.interface.d.ts +46 -0
  50. package/lib/components/scrollList/category.styles.d.ts +67 -0
  51. package/lib/components/singleSelectionTag/TagSingleSelection.d.ts +2 -47
  52. package/lib/components/singleSelectionTag/TagSingleSelection.interface.d.ts +13 -0
  53. package/lib/components/singleSelectionTag/TagSingleSelection.styles.d.ts +33 -0
  54. package/lib/components/tabs/Tabs.styles.d.ts +1 -1
  55. package/lib/components/textInput/Textinput.d.ts +5 -7
  56. package/lib/components/toast/Toast.d.ts +2 -2
  57. package/lib/components/toast/Toast.styles.d.ts +19 -15
  58. package/lib/index.d.ts +13 -1
  59. package/lib/index.js +8373 -6416
  60. package/lib/index.js.map +1 -1
  61. package/lib/index.mjs +8339 -6406
  62. package/lib/index.mjs.map +1 -1
  63. package/lib/theme/borderRadius.d.ts +34 -0
  64. package/lib/theme/colors.d.ts +74 -0
  65. package/lib/theme/fonts.d.ts +6 -6
  66. package/lib/theme/padding.d.ts +32 -0
  67. package/lib/theme/sizing.d.ts +53 -0
  68. package/lib/theme/spacing.d.ts +50 -0
  69. package/lib/theme/stroke.d.ts +15 -0
  70. package/lib/theme/themes.d.ts +176 -0
  71. package/lib/utils/appEnum.d.ts +77 -9
  72. package/package.json +9 -6
  73. package/src/assets/fonts/Inter-Bold.ttf +0 -0
  74. package/src/assets/fonts/Inter-Light.ttf +0 -0
  75. package/src/assets/fonts/Inter-Medium.ttf +0 -0
  76. package/src/assets/fonts/Meraas Aktiv Bold.ttf +0 -0
  77. package/src/assets/fonts/Meraas Aktiv Light.ttf +0 -0
  78. package/src/assets/fonts/Meraas Aktiv Regular.ttf +0 -0
  79. package/src/assets/fonts/Nakheel-HeadlineBold.otf +0 -0
  80. package/src/assets/fonts/Nakheel-HeadlineRegular.otf +0 -0
  81. package/src/assets/fonts/Nakheel-TextBold.otf +0 -0
  82. package/src/assets/fonts/Nakheel-TextRegular.otf +0 -0
@@ -1,49 +1,4 @@
1
- import React from "react";
2
- import { ViewStyle } from "react-native";
3
- interface Tag {
4
- value: string;
5
- name: string;
6
- }
7
- interface TagsComponentProps {
8
- tagList: Tag[];
9
- selectedTag: string;
10
- setSelectedTag: (val: string) => void;
11
- handleTagPress?: (val: string) => void | undefined;
12
- selectedTagButton?: ViewStyle;
13
- unselectedTagButton?: ViewStyle;
14
- }
15
- export declare const createStyles: (theme: any) => {
16
- listContainer: {
17
- paddingHorizontal: number;
18
- alignItems: "center";
19
- };
20
- tagButton: {
21
- flexDirection: "row";
22
- alignItems: "center";
23
- paddingVertical: number;
24
- paddingHorizontal: number;
25
- borderRadius: number;
26
- marginHorizontal: number;
27
- };
28
- selectedTagButton: {
29
- backgroundColor: any;
30
- borderColor: any;
31
- borderWidth: number;
32
- };
33
- unselectedTagButton: {
34
- backgroundColor: string;
35
- borderColor: any;
36
- borderWidth: number;
37
- };
38
- closeButton: {
39
- marginLeft: number;
40
- color: any;
41
- alignSelf: "center";
42
- };
43
- circleViewAlignment: {
44
- justifyContent: "center";
45
- alignItems: "center";
46
- };
47
- };
1
+ import React from 'react';
2
+ import { TagsComponentProps } from './TagSingleSelection.interface';
48
3
  declare const _default: (props: TagsComponentProps) => React.JSX.Element;
49
4
  export default _default;
@@ -0,0 +1,13 @@
1
+ import { ViewStyle } from 'react-native';
2
+ export interface Tag {
3
+ value: string;
4
+ name: string;
5
+ }
6
+ export interface TagsComponentProps {
7
+ tagList: Tag[];
8
+ selectedTag: string;
9
+ setSelectedTag: (val: string) => void;
10
+ handleTagPress?: (val: string) => void | undefined;
11
+ selectedTagButton?: ViewStyle;
12
+ unselectedTagButton?: ViewStyle;
13
+ }
@@ -0,0 +1,33 @@
1
+ export declare const createStyles: (theme: any) => {
2
+ listContainer: {
3
+ paddingHorizontal: number;
4
+ alignItems: "center";
5
+ };
6
+ tagButton: {
7
+ flexDirection: "row";
8
+ alignItems: "center";
9
+ paddingVertical: number;
10
+ paddingHorizontal: number;
11
+ borderRadius: number;
12
+ marginHorizontal: number;
13
+ };
14
+ selectedTagButton: {
15
+ backgroundColor: any;
16
+ borderColor: any;
17
+ borderWidth: number;
18
+ };
19
+ unselectedTagButton: {
20
+ backgroundColor: any;
21
+ borderColor: any;
22
+ borderWidth: number;
23
+ };
24
+ closeButton: {
25
+ marginLeft: number;
26
+ color: any;
27
+ alignSelf: "center";
28
+ };
29
+ circleViewAlignment: {
30
+ justifyContent: "center";
31
+ alignItems: "center";
32
+ };
33
+ };
@@ -6,7 +6,7 @@ declare const _default: {
6
6
  };
7
7
  button: {
8
8
  minWidth: number;
9
- minHeight: number;
9
+ height: number;
10
10
  paddingVertical: number;
11
11
  paddingHorizontal: number;
12
12
  borderRadius: number;
@@ -6,22 +6,20 @@ interface CommonTextInputProps extends BaseTextInputProps {
6
6
  value?: string;
7
7
  placeholderText?: string;
8
8
  isSecureTextEntry?: boolean;
9
- activeBorderColor?: string;
10
- inactiveBorderColor?: string;
11
- borderRadius?: number;
12
9
  inputStyle?: ViewStyle;
13
10
  keyboardType?: 'default' | 'numeric' | 'email-address' | 'phone-pad';
14
11
  maxLength?: number;
15
12
  errorMessage?: string;
13
+ helperText?: string;
16
14
  editable?: boolean;
17
- textColor?: string;
18
- labelColor?: string;
19
15
  pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto' | undefined;
20
16
  handlePress?: () => void;
21
17
  rightIcon?: () => React.ReactElement;
22
18
  onRightIconPress?: () => void;
23
19
  onlyErrorBorderLabel?: boolean;
24
20
  disableBorder?: boolean;
21
+ /** Force RTL layout. When omitted, auto-detected from the label/value text. */
22
+ forceRTL?: boolean;
25
23
  }
26
- declare const CommonTextInput: (props: CommonTextInputProps) => React.JSX.Element;
27
- export default CommonTextInput;
24
+ declare const _default: (props: CommonTextInputProps) => React.JSX.Element;
25
+ export default _default;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { ToastRef, ToastProps } from './Toast.interface';
3
- declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<ToastRef>>;
4
- export default Toast;
3
+ declare const ToastWithProvider: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<ToastRef>>;
4
+ export default ToastWithProvider;
@@ -6,50 +6,54 @@ declare const styles: {
6
6
  top: number;
7
7
  borderRadius: number;
8
8
  overflow: "hidden";
9
+ minHeight: number;
10
+ height: number;
9
11
  };
10
12
  toastContainer: {
13
+ paddingVertical: number;
11
14
  flex: number;
12
15
  alignItems: "center";
13
16
  justifyContent: "center";
14
17
  };
15
18
  innerContainer: {
16
19
  flexDirection: "row";
17
- alignItems: "center";
20
+ alignItems: "flex-start";
18
21
  paddingHorizontal: number;
22
+ gap: number;
19
23
  };
20
- icon: {
21
- marginRight: number;
24
+ icon: {};
25
+ textContainer: {
26
+ flex: number;
27
+ flexDirection: "column";
28
+ gap: number;
29
+ alignItems: "flex-start";
30
+ justifyContent: "center";
22
31
  };
23
32
  messageText: {
24
33
  flex: number;
25
- color: string;
26
34
  textAlign: "left";
27
- marginLeft: number;
28
- };
29
- button: {
30
- marginLeft: number;
31
35
  };
36
+ button: {};
32
37
  buttonText: {
33
- textDecorationLine: "underline";
34
38
  color: string;
35
39
  };
36
40
  subContainer: {
37
- paddingHorizontal: number;
38
- marginTop: number;
39
41
  alignSelf: "flex-start";
40
42
  alignItems: "flex-start";
41
43
  };
42
44
  subButtonText: {
43
- textDecorationLine: "underline";
44
- color: string;
45
- textDecorationColor: string;
46
45
  alignSelf: "flex-start";
47
46
  textAlign: "left";
48
47
  };
49
48
  subButton: {
50
- marginLeft: number;
51
49
  alignSelf: "flex-start";
52
50
  alignItems: "flex-start";
53
51
  };
52
+ progressBar: {
53
+ position: "absolute";
54
+ bottom: number;
55
+ left: number;
56
+ height: number;
57
+ };
54
58
  };
55
59
  export default styles;
package/lib/index.d.ts CHANGED
@@ -1,5 +1,9 @@
1
1
  export { default as CustomText } from './components/customText';
2
2
  export { default as Badge } from './components/badge';
3
+ export { default as Chip } from './components/chip';
4
+ export type { ChipProps, ChipSize, ChipStatus } from './components/chip';
5
+ export { default as Background } from './components/background';
6
+ export * from './components/background/Background.interface';
3
7
  export { default as BottomDrawer } from './components/bottomDrawer';
4
8
  export { default as Button } from './components/button';
5
9
  export { default as Cards } from './components/cards';
@@ -24,6 +28,8 @@ export { default as SwipableList } from './components/swipableList';
24
28
  export { default as CustomTypography } from './components/customTypography';
25
29
  export { default as CustomIcon } from './components/customIcon';
26
30
  export { default as CustomLoader } from './components/customLoader';
31
+ export { default as Loader } from './components/loader';
32
+ export type { LoaderProps } from './components/loader';
27
33
  export { default as AnimationLoitte } from './components/loitte';
28
34
  export { default as Line } from './components/horizontalLine';
29
35
  export { default as Topic } from './components/topic';
@@ -39,7 +45,6 @@ export { default as DropDown } from './components/dropDown';
39
45
  export { default as CustomSwitchBtn } from './components/customSwitchBtn';
40
46
  export { default as toastService } from './components/toast/ToastService';
41
47
  export { default as SingleSelectionTags } from './components/singleSelectionTag';
42
- export { default as CustomDocumentPicker } from './components/customDocumentPicker';
43
48
  export { default as OTPInput } from './components/otp';
44
49
  export { default as Stepper } from './components/stepper';
45
50
  export { FONT_STYLES } from './theme/fonts';
@@ -50,6 +55,13 @@ export type { ToastRef } from './components/toast/Toast.interface';
50
55
  export { default } from './theme/themes';
51
56
  export * from './utils/appEnum';
52
57
  export * from './theme/colors';
58
+ export * from './theme/spacing';
59
+ export * from './theme/sizing';
60
+ export * from './theme/padding';
61
+ export * from './theme/stroke';
62
+ export * from './theme/borderRadius';
63
+ export { default as Avatar } from './components/avatar';
64
+ export * from './components/avatar/Avatar.interface';
53
65
  export { default as AppointmentCard } from './components/appointment-card';
54
66
  export { default as PropertyDetails } from './components/property-details';
55
67
  export { default as RadioButtonGroup } from './components/radio-button-group';