dhre-ui-kit 0.0.123 → 0.0.124
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/lib/index.d.ts +4 -0
- package/lib/index.js +11 -5
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +11 -5
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -600,15 +600,19 @@ interface CustomDropdownProps {
|
|
|
600
600
|
placeholder?: string;
|
|
601
601
|
containerStyle?: ViewStyle;
|
|
602
602
|
dropdownStyle?: ViewStyle;
|
|
603
|
+
dropdownFocusStyle?: ViewStyle;
|
|
603
604
|
placeholderStyle?: TextStyle;
|
|
604
605
|
selectedTextStyle?: TextStyle;
|
|
605
606
|
iconStyle?: ImageStyle;
|
|
606
607
|
labelStyle?: TextStyle;
|
|
608
|
+
labelFocusStyle?: TextStyle;
|
|
607
609
|
defaultValue?: string;
|
|
608
610
|
iconColor?: string;
|
|
609
611
|
itemTextStyle?: TextStyle;
|
|
610
612
|
onValueChange?: (value: string) => void;
|
|
611
613
|
itemContainerStyle?: ViewStyle;
|
|
614
|
+
menuContainerStyle?: ViewStyle;
|
|
615
|
+
activeColor?: string;
|
|
612
616
|
}
|
|
613
617
|
declare const CustomDropdown: React$1.FC<CustomDropdownProps>;
|
|
614
618
|
|
package/lib/index.js
CHANGED
|
@@ -250,8 +250,8 @@ const theme = {
|
|
|
250
250
|
dark: "#404040"
|
|
251
251
|
},
|
|
252
252
|
[Theme.BORDER_SEPRATOR]: {
|
|
253
|
-
light: "#
|
|
254
|
-
dark: "#
|
|
253
|
+
light: "#F5F5F5",
|
|
254
|
+
dark: "#282828"
|
|
255
255
|
},
|
|
256
256
|
[Theme.BORDER_SEPERATOR_HEADER]: {
|
|
257
257
|
light: "#E1E1E1",
|
|
@@ -3275,15 +3275,19 @@ const CustomDropdown = ({
|
|
|
3275
3275
|
placeholder,
|
|
3276
3276
|
containerStyle,
|
|
3277
3277
|
dropdownStyle,
|
|
3278
|
+
dropdownFocusStyle,
|
|
3278
3279
|
placeholderStyle,
|
|
3279
3280
|
selectedTextStyle,
|
|
3280
3281
|
iconStyle,
|
|
3281
3282
|
labelStyle,
|
|
3283
|
+
labelFocusStyle,
|
|
3282
3284
|
defaultValue,
|
|
3283
3285
|
iconColor,
|
|
3284
3286
|
itemTextStyle,
|
|
3285
3287
|
onValueChange,
|
|
3286
|
-
itemContainerStyle
|
|
3288
|
+
itemContainerStyle,
|
|
3289
|
+
menuContainerStyle,
|
|
3290
|
+
activeColor
|
|
3287
3291
|
}) => {
|
|
3288
3292
|
const [value, setValue] = React.useState(defaultValue);
|
|
3289
3293
|
const [isFocus, setIsFocus] = React.useState(false);
|
|
@@ -3295,7 +3299,7 @@ const CustomDropdown = ({
|
|
|
3295
3299
|
style: [
|
|
3296
3300
|
styles$6.label,
|
|
3297
3301
|
labelStyle,
|
|
3298
|
-
isFocus && { color: theme.BORDER_INVERTED["light"] }
|
|
3302
|
+
isFocus && (labelFocusStyle ?? { color: theme.BORDER_INVERTED["light"] })
|
|
3299
3303
|
]
|
|
3300
3304
|
},
|
|
3301
3305
|
label
|
|
@@ -3317,7 +3321,7 @@ const CustomDropdown = ({
|
|
|
3317
3321
|
style: [
|
|
3318
3322
|
styles$6.dropdown,
|
|
3319
3323
|
dropdownStyle,
|
|
3320
|
-
isFocus && { borderColor: theme.BORDER_INVERTED["light"] }
|
|
3324
|
+
isFocus && (dropdownFocusStyle ?? { borderColor: theme.BORDER_INVERTED["light"] })
|
|
3321
3325
|
],
|
|
3322
3326
|
placeholderStyle: [styles$6.placeholderStyle, placeholderStyle],
|
|
3323
3327
|
selectedTextStyle: [styles$6.selectedTextStyle, selectedTextStyle],
|
|
@@ -3333,6 +3337,8 @@ const CustomDropdown = ({
|
|
|
3333
3337
|
iconColor,
|
|
3334
3338
|
dropdownPosition: "bottom",
|
|
3335
3339
|
itemTextStyle,
|
|
3340
|
+
containerStyle: menuContainerStyle,
|
|
3341
|
+
activeColor,
|
|
3336
3342
|
itemContainerStyle: [styles$6.itemListStyle, itemContainerStyle]
|
|
3337
3343
|
}
|
|
3338
3344
|
));
|