dhre-ui-kit 0.0.178 → 0.0.180
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 +1 -1
- package/lib/index.js +27 -27
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +27 -27
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -218,12 +218,12 @@ const theme = {
|
|
|
218
218
|
dark: "#404040"
|
|
219
219
|
},
|
|
220
220
|
[Theme.BORDER_SEPRATOR]: {
|
|
221
|
-
light: "#
|
|
222
|
-
dark: "#
|
|
221
|
+
light: "#F5F5F5",
|
|
222
|
+
dark: "#282828"
|
|
223
223
|
},
|
|
224
224
|
[Theme.BORDER_SEPERATOR_HEADER]: {
|
|
225
225
|
light: "#E1E1E1",
|
|
226
|
-
dark: "#
|
|
226
|
+
dark: "#373737"
|
|
227
227
|
},
|
|
228
228
|
[Theme.WARNING]: {
|
|
229
229
|
light: "#B65E01",
|
|
@@ -3335,28 +3335,28 @@ const styles$8 = StyleSheet.create({
|
|
|
3335
3335
|
}
|
|
3336
3336
|
});
|
|
3337
3337
|
|
|
3338
|
-
const CustomDropdown = ({
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
|
|
3344
|
-
|
|
3345
|
-
|
|
3346
|
-
|
|
3347
|
-
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
|
|
3351
|
-
|
|
3352
|
-
|
|
3353
|
-
|
|
3354
|
-
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
}
|
|
3338
|
+
const CustomDropdown = (props) => {
|
|
3339
|
+
const {
|
|
3340
|
+
labelField = "label",
|
|
3341
|
+
valueField = "value",
|
|
3342
|
+
label,
|
|
3343
|
+
placeholder,
|
|
3344
|
+
containerStyle,
|
|
3345
|
+
dropdownStyle,
|
|
3346
|
+
dropdownFocusStyle,
|
|
3347
|
+
placeholderStyle,
|
|
3348
|
+
selectedTextStyle,
|
|
3349
|
+
iconStyle,
|
|
3350
|
+
labelStyle,
|
|
3351
|
+
labelFocusStyle,
|
|
3352
|
+
defaultValue,
|
|
3353
|
+
iconColor,
|
|
3354
|
+
itemTextStyle,
|
|
3355
|
+
onValueChange,
|
|
3356
|
+
itemContainerStyle,
|
|
3357
|
+
menuContainerStyle,
|
|
3358
|
+
activeColor
|
|
3359
|
+
} = props;
|
|
3360
3360
|
const [value, setValue] = useState(defaultValue);
|
|
3361
3361
|
const [isFocus, setIsFocus] = useState(false);
|
|
3362
3362
|
const renderLabel = () => {
|
|
@@ -3394,7 +3394,6 @@ const CustomDropdown = ({
|
|
|
3394
3394
|
placeholderStyle: [styles$7.placeholderStyle, placeholderStyle],
|
|
3395
3395
|
selectedTextStyle: [styles$7.selectedTextStyle, selectedTextStyle],
|
|
3396
3396
|
iconStyle: [styles$7.iconStyle, iconStyle],
|
|
3397
|
-
data: data ?? [],
|
|
3398
3397
|
labelField,
|
|
3399
3398
|
valueField,
|
|
3400
3399
|
placeholder: !isFocus ? placeholder : "",
|
|
@@ -3407,7 +3406,8 @@ const CustomDropdown = ({
|
|
|
3407
3406
|
itemTextStyle,
|
|
3408
3407
|
containerStyle: menuContainerStyle,
|
|
3409
3408
|
activeColor,
|
|
3410
|
-
itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle]
|
|
3409
|
+
itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle],
|
|
3410
|
+
...props
|
|
3411
3411
|
}
|
|
3412
3412
|
));
|
|
3413
3413
|
};
|