dhre-ui-kit 0.0.226 → 0.0.228
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 +2 -0
- package/lib/index.js +16 -4
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +16 -4
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -304,6 +304,7 @@ interface CustomProgressBarProps {
|
|
|
304
304
|
interval?: number;
|
|
305
305
|
percentageText?: string;
|
|
306
306
|
valueTextStyle?: TextStyle;
|
|
307
|
+
percentageTextStyle?: TextStyle;
|
|
307
308
|
}
|
|
308
309
|
declare const CustomProgressBar: React$1.FC<CustomProgressBarProps>;
|
|
309
310
|
|
|
@@ -549,6 +550,7 @@ interface ScrollableListProps {
|
|
|
549
550
|
name: string;
|
|
550
551
|
value: string;
|
|
551
552
|
isError?: boolean;
|
|
553
|
+
errorText?: string;
|
|
552
554
|
}[] | undefined;
|
|
553
555
|
handleSelectCategory: (name: string, value: string) => void;
|
|
554
556
|
containerStyle?: object;
|
package/lib/index.js
CHANGED
|
@@ -1592,7 +1592,8 @@ const CustomProgressBar = ({
|
|
|
1592
1592
|
interval = 100,
|
|
1593
1593
|
// Default interval to 100ms
|
|
1594
1594
|
percentageText,
|
|
1595
|
-
valueTextStyle
|
|
1595
|
+
valueTextStyle,
|
|
1596
|
+
percentageTextStyle
|
|
1596
1597
|
}) => {
|
|
1597
1598
|
React.useEffect(() => {
|
|
1598
1599
|
const progressInterval = setInterval(() => {
|
|
@@ -1618,7 +1619,8 @@ const CustomProgressBar = ({
|
|
|
1618
1619
|
{
|
|
1619
1620
|
text: percentageText,
|
|
1620
1621
|
variant: "L3_REGULAR",
|
|
1621
|
-
textColor: "CONTENT_PRIMARY"
|
|
1622
|
+
textColor: "CONTENT_PRIMARY",
|
|
1623
|
+
style: percentageTextStyle
|
|
1622
1624
|
}
|
|
1623
1625
|
) : null);
|
|
1624
1626
|
};
|
|
@@ -3133,7 +3135,16 @@ const ScrollableList = ({
|
|
|
3133
3135
|
textColor: (activeTab ?? selectedItem) === item.name ? selectedItemTextColor : defaultItemTextColor
|
|
3134
3136
|
}
|
|
3135
3137
|
),
|
|
3136
|
-
item?.isError && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.errorViewStyle, errorStyle] })
|
|
3138
|
+
item?.isError && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.errorViewStyle, errorStyle] }),
|
|
3139
|
+
item?.isError ? /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.errorViewStyle, errorStyle] }, item?.errorText ? /* @__PURE__ */ React__default["default"].createElement(
|
|
3140
|
+
CustomText$1,
|
|
3141
|
+
{
|
|
3142
|
+
text: item?.errorText,
|
|
3143
|
+
variant: FontStyle.L2_REGULAR,
|
|
3144
|
+
textColor: Theme.CONTENT_PRIMARY,
|
|
3145
|
+
style: styles.errorTextStyle
|
|
3146
|
+
}
|
|
3147
|
+
) : "") : null
|
|
3137
3148
|
))
|
|
3138
3149
|
));
|
|
3139
3150
|
};
|
|
@@ -3163,7 +3174,8 @@ const createStyles$2 = (theme) => {
|
|
|
3163
3174
|
height: 6,
|
|
3164
3175
|
borderRadius: 100,
|
|
3165
3176
|
backgroundColor: theme[Theme.BORDER_INVERTED]
|
|
3166
|
-
}
|
|
3177
|
+
},
|
|
3178
|
+
errorTextStyle: { justifyContent: "center", alignSelf: "center" }
|
|
3167
3179
|
});
|
|
3168
3180
|
};
|
|
3169
3181
|
var category = withThemeProvider(ScrollableList);
|