@bikdotai/bik-component-library 0.0.750-beta.14 → 0.0.750-beta.3
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/dist/cjs/assets/icons/play.svg.js +1 -0
- package/dist/cjs/components/TablePagination/TablePaginationCard.d.ts +1 -1
- package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.d.ts +3 -3
- package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +1 -1
- package/dist/cjs/components/analytics-card/AnalyticsCard.styled.d.ts +2 -2
- package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +5 -5
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +3 -3
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts +8 -8
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.d.ts +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts +5 -5
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.d.ts +5 -5
- package/dist/cjs/components/banner/Banner.styled.d.ts +20 -20
- package/dist/cjs/components/bik-layout/CommonStyles.d.ts +17 -17
- package/dist/cjs/components/button/Button.styled.d.ts +1 -1
- package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.d.ts +2 -2
- package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.d.ts +6 -6
- package/dist/cjs/components/checkList/CheckList.styled.d.ts +1 -1
- package/dist/cjs/components/colourInput/ColourInput.styled.d.ts +2 -2
- package/dist/cjs/components/country-code-picker/CountryCodePicker.styled.d.ts +2 -2
- package/dist/cjs/components/country-code-picker/CountryPicker.styled.d.ts +2 -2
- package/dist/cjs/components/custom-date-time/CustomDateTime.styled.d.ts +1 -1
- package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts +2 -2
- package/dist/cjs/components/dashboard-review-popup/components/FiveStar.styled.d.ts +2 -2
- package/dist/cjs/components/dashboard-review-popup/components/Form.styled.d.ts +6 -6
- package/dist/cjs/components/datePicker/DatePicker.styled.d.ts +4 -4
- package/dist/cjs/components/discount-modal/DiscountModal.styled.d.ts +5 -5
- package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js +1 -1
- package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js +1 -1
- package/dist/cjs/components/feature-announcements/constants/dimensions.d.ts +99 -25
- package/dist/cjs/components/feature-announcements/constants/dimensions.js +1 -1
- package/dist/cjs/components/feature-announcements/styles/joyride.styles.d.ts +2 -2
- package/dist/cjs/components/feature-announcements/styles/majorPopup.styles.d.ts +13 -1
- package/dist/cjs/components/feature-announcements/styles/majorPopup.styles.js +1 -1
- package/dist/cjs/components/feature-announcements/types/feature.types.d.ts +47 -0
- package/dist/cjs/components/feature-announcements/types/props.types.d.ts +25 -3
- package/dist/cjs/components/input/Input.styled.d.ts +4 -4
- package/dist/cjs/components/keywords-input/KeywordsInput.styled.d.ts +1 -1
- package/dist/cjs/components/list-item/ListItem.styled.d.ts +1 -1
- package/dist/cjs/components/modals/modal.styled.d.ts +4 -4
- package/dist/cjs/components/pagination/Pagination.styled.d.ts +1 -1
- package/dist/cjs/components/plans/DurationSelectorStyles.d.ts +1 -1
- package/dist/cjs/components/plans/SubscriptionPlanSelector.d.ts +2 -2
- package/dist/cjs/components/plans/SubscriptionPlanStyled.d.ts +2 -2
- package/dist/cjs/components/product-picker/ProductPicker.styled.d.ts +2 -2
- package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts +1 -1
- package/dist/cjs/components/radioList/RadioList.styled.d.ts +1 -1
- package/dist/cjs/components/sample-button/SampleButton.styled.d.ts +1 -1
- package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +2 -2
- package/dist/cjs/components/switch/Switch.d.ts +3 -3
- package/dist/cjs/components/tabs/Tabs.styles.d.ts +5 -5
- package/dist/cjs/components/tag/Tag.styled.d.ts +1 -1
- package/dist/cjs/components/testimonial-card/TestimonialCard.style.d.ts +9 -9
- package/dist/cjs/components/toaster/Toaster.styled.d.ts +1 -1
- package/dist/cjs/components/whats-new/WhatsNew.types.d.ts +6 -0
- package/dist/cjs/components/whats-new/WhatsNewButton.js +1 -1
- package/dist/cjs/components/whats-new/WhatsNewPanel.js +1 -1
- package/dist/esm/assets/icons/play.svg.js +1 -0
- package/dist/esm/components/TablePagination/TablePaginationCard.d.ts +1 -1
- package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts +3 -3
- package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +1 -1
- package/dist/esm/components/analytics-card/AnalyticsCard.styled.d.ts +2 -2
- package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +5 -5
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +3 -3
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts +8 -8
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.d.ts +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts +5 -5
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.d.ts +5 -5
- package/dist/esm/components/banner/Banner.styled.d.ts +20 -20
- package/dist/esm/components/bik-layout/CommonStyles.d.ts +17 -17
- package/dist/esm/components/button/Button.styled.d.ts +1 -1
- package/dist/esm/components/card-selection-modal/CardSelectionModal.styled.d.ts +2 -2
- package/dist/esm/components/carousel-secondary/CarouselSecondary.style.d.ts +6 -6
- package/dist/esm/components/checkList/CheckList.styled.d.ts +1 -1
- package/dist/esm/components/colourInput/ColourInput.styled.d.ts +2 -2
- package/dist/esm/components/country-code-picker/CountryCodePicker.styled.d.ts +2 -2
- package/dist/esm/components/country-code-picker/CountryPicker.styled.d.ts +2 -2
- package/dist/esm/components/custom-date-time/CustomDateTime.styled.d.ts +1 -1
- package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts +2 -2
- package/dist/esm/components/dashboard-review-popup/components/FiveStar.styled.d.ts +2 -2
- package/dist/esm/components/dashboard-review-popup/components/Form.styled.d.ts +6 -6
- package/dist/esm/components/datePicker/DatePicker.styled.d.ts +4 -4
- package/dist/esm/components/discount-modal/DiscountModal.styled.d.ts +5 -5
- package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js +1 -1
- package/dist/esm/components/feature-announcements/MajorUpdatePopup.js +1 -1
- package/dist/esm/components/feature-announcements/constants/dimensions.d.ts +99 -25
- package/dist/esm/components/feature-announcements/constants/dimensions.js +1 -1
- package/dist/esm/components/feature-announcements/styles/joyride.styles.d.ts +2 -2
- package/dist/esm/components/feature-announcements/styles/majorPopup.styles.d.ts +13 -1
- package/dist/esm/components/feature-announcements/styles/majorPopup.styles.js +1 -1
- package/dist/esm/components/feature-announcements/types/feature.types.d.ts +47 -0
- package/dist/esm/components/feature-announcements/types/props.types.d.ts +25 -3
- package/dist/esm/components/input/Input.styled.d.ts +4 -4
- package/dist/esm/components/keywords-input/KeywordsInput.styled.d.ts +1 -1
- package/dist/esm/components/list-item/ListItem.styled.d.ts +1 -1
- package/dist/esm/components/modals/modal.styled.d.ts +4 -4
- package/dist/esm/components/pagination/Pagination.styled.d.ts +1 -1
- package/dist/esm/components/plans/DurationSelectorStyles.d.ts +1 -1
- package/dist/esm/components/plans/SubscriptionPlanSelector.d.ts +2 -2
- package/dist/esm/components/plans/SubscriptionPlanStyled.d.ts +2 -2
- package/dist/esm/components/product-picker/ProductPicker.styled.d.ts +2 -2
- package/dist/esm/components/progress-bar/ProgressBarComponent.d.ts +1 -1
- package/dist/esm/components/radioList/RadioList.styled.d.ts +1 -1
- package/dist/esm/components/sample-button/SampleButton.styled.d.ts +1 -1
- package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +2 -2
- package/dist/esm/components/switch/Switch.d.ts +3 -3
- package/dist/esm/components/tabs/Tabs.styles.d.ts +5 -5
- package/dist/esm/components/tag/Tag.styled.d.ts +1 -1
- package/dist/esm/components/testimonial-card/TestimonialCard.style.d.ts +9 -9
- package/dist/esm/components/toaster/Toaster.styled.d.ts +1 -1
- package/dist/esm/components/whats-new/WhatsNew.types.d.ts +6 -0
- package/dist/esm/components/whats-new/WhatsNewButton.js +1 -1
- package/dist/esm/components/whats-new/WhatsNewPanel.js +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const RadioListStyled: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { Color, Variant } from './SampleButton';
|
|
3
3
|
export declare const SampleButton: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
$color: Color;
|
|
8
8
|
variant: Variant;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
isBrand?: boolean | undefined;
|
|
7
7
|
direction?: "row" | "column" | undefined;
|
|
@@ -9,7 +9,7 @@ export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
|
|
|
9
9
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
10
|
export declare const ShimmerComponentStyled: import("@emotion/styled").StyledComponent<{
|
|
11
11
|
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
-
as?: import("react").ElementType<any> | undefined;
|
|
12
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
13
13
|
} & {
|
|
14
14
|
isBrand?: boolean | undefined;
|
|
15
15
|
height: number;
|
|
@@ -3,7 +3,7 @@ import { SwitchColorProps, SwitchProps } from './Switch.d';
|
|
|
3
3
|
export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
4
4
|
export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
|
|
5
5
|
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
7
7
|
} & {
|
|
8
8
|
trackLength: number;
|
|
9
9
|
trackHeight: number;
|
|
@@ -16,7 +16,7 @@ export declare const SwitchContainer: import("@emotion/styled").StyledComponent<
|
|
|
16
16
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
17
17
|
export declare const Thumb: import("@emotion/styled").StyledComponent<{
|
|
18
18
|
theme?: import("@emotion/react").Theme | undefined;
|
|
19
|
-
as?: import("react").ElementType<any> | undefined;
|
|
19
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
20
20
|
} & {
|
|
21
21
|
value: boolean;
|
|
22
22
|
duration: number;
|
|
@@ -24,7 +24,7 @@ export declare const Thumb: import("@emotion/styled").StyledComponent<{
|
|
|
24
24
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
25
25
|
export declare const Loader: import("@emotion/styled").StyledComponent<{
|
|
26
26
|
theme?: import("@emotion/react").Theme | undefined;
|
|
27
|
-
as?: import("react").ElementType<any> | undefined;
|
|
27
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
28
28
|
} & {
|
|
29
29
|
value: boolean;
|
|
30
30
|
trackColor: SwitchColorProps;
|
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
import { TabItemProps, TabItemTextProps } from './Tabs.model';
|
|
3
3
|
export declare const TabHeader: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
bgColor?: string | undefined;
|
|
8
8
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
9
|
export declare const TabItem: import("@emotion/styled").StyledComponent<{
|
|
10
10
|
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
-
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
12
12
|
} & TabItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
13
13
|
export declare const TrailingNumberContainer: import("@emotion/styled").StyledComponent<{
|
|
14
14
|
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
-
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
16
16
|
} & {
|
|
17
17
|
selected: boolean;
|
|
18
18
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -30,9 +30,9 @@ export declare const TabItemText: import("@emotion/styled").StyledComponent<{
|
|
|
30
30
|
} & TabItemTextProps, {}, {}>;
|
|
31
31
|
export declare const EmptyTab: import("@emotion/styled").StyledComponent<{
|
|
32
32
|
theme?: import("@emotion/react").Theme | undefined;
|
|
33
|
-
as?: import("react").ElementType<any> | undefined;
|
|
33
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
34
34
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
35
35
|
export declare const RightComponent: import("@emotion/styled").StyledComponent<{
|
|
36
36
|
theme?: import("@emotion/react").Theme | undefined;
|
|
37
|
-
as?: import("react").ElementType<any> | undefined;
|
|
37
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
38
38
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { TagTheme, TagType, TagVariant } from './model';
|
|
3
3
|
export declare const Tag: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
theme: TagTheme;
|
|
8
8
|
type: TagType;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const TestimonialCardStyle: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
width?: string | undefined;
|
|
7
7
|
height?: string | undefined;
|
|
@@ -9,35 +9,35 @@ export declare const TestimonialCardStyle: import("@emotion/styled").StyledCompo
|
|
|
9
9
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
10
|
export declare const TestimonialProfileCard: import("@emotion/styled").StyledComponent<{
|
|
11
11
|
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
-
as?: import("react").ElementType<any> | undefined;
|
|
12
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
13
13
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
14
|
export declare const TestimonialProfileInfo2: import("@emotion/styled").StyledComponent<{
|
|
15
15
|
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
-
as?: import("react").ElementType<any> | undefined;
|
|
16
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
17
17
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
18
|
export declare const Logo: import("@emotion/styled").StyledComponent<{
|
|
19
19
|
theme?: import("@emotion/react").Theme | undefined;
|
|
20
|
-
as?: import("react").ElementType<any> | undefined;
|
|
20
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
21
21
|
}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
22
22
|
export declare const TestimonialProfileInfo: import("@emotion/styled").StyledComponent<{
|
|
23
23
|
theme?: import("@emotion/react").Theme | undefined;
|
|
24
|
-
as?: import("react").ElementType<any> | undefined;
|
|
24
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
25
25
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
26
|
export declare const TestimonialProfileFooter: import("@emotion/styled").StyledComponent<{
|
|
27
27
|
theme?: import("@emotion/react").Theme | undefined;
|
|
28
|
-
as?: import("react").ElementType<any> | undefined;
|
|
28
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
29
29
|
} & {
|
|
30
30
|
width?: string | undefined;
|
|
31
31
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
32
32
|
export declare const FooterText: import("@emotion/styled").StyledComponent<{
|
|
33
33
|
theme?: import("@emotion/react").Theme | undefined;
|
|
34
|
-
as?: import("react").ElementType<any> | undefined;
|
|
34
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
35
35
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
36
36
|
export declare const FooterStat: import("@emotion/styled").StyledComponent<{
|
|
37
37
|
theme?: import("@emotion/react").Theme | undefined;
|
|
38
|
-
as?: import("react").ElementType<any> | undefined;
|
|
38
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
39
39
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
40
40
|
export declare const FooterArrow: import("@emotion/styled").StyledComponent<{
|
|
41
41
|
theme?: import("@emotion/react").Theme | undefined;
|
|
42
|
-
as?: import("react").ElementType<any> | undefined;
|
|
42
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
43
43
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { TypeOptions } from 'react-toastify';
|
|
3
3
|
export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
width?: string | undefined;
|
|
8
8
|
height?: string | undefined;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { ButtonConfig, SecondaryButtonConfig } from '../feature-announcements/types/feature.types';
|
|
3
|
+
export type { ButtonConfig, SecondaryButtonConfig };
|
|
2
4
|
export interface WhatsNewContent {
|
|
3
5
|
id: string;
|
|
4
6
|
title: string;
|
|
@@ -12,6 +14,10 @@ export interface WhatsNewContent {
|
|
|
12
14
|
createdAt: any;
|
|
13
15
|
module: string[];
|
|
14
16
|
visibility: boolean;
|
|
17
|
+
primaryButton?: ButtonConfig;
|
|
18
|
+
secondaryButton?: SecondaryButtonConfig;
|
|
19
|
+
featureUpdateType?: 'Major' | 'Minor';
|
|
20
|
+
displayImage?: string;
|
|
15
21
|
}
|
|
16
22
|
export interface WhatsNewProviderProps {
|
|
17
23
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as
|
|
1
|
+
import{jsxs as t,jsx as n}from"react/jsx-runtime";import i from"../../assets/icons/whatsNew.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{Tooltip as o}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as s}from"./WhatsNew.styles.js";const r=r=>{let{onClick:c,newContentCount:a=0,isOpen:d=!1,isLoading:l=!1,tooltip:m="What's new",testId:h="whats-new-button",iconWidth:p=32,iconHeight:g=32,customIcon:b}=r;return l?t("div",Object.assign({style:{margin:"0px 8px"}},{children:[n("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),n("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):n(s,Object.assign({count:a},{children:t("div",Object.assign({className:"main-icon-class "+(d?"icon-active":""),style:{color:d?e.content.brand:e.content.primary},onClick:c,"data-testid":h},{children:[n(o,Object.assign({body:m,placement:"bottom"},{children:n("div",{children:b?n(b,{width:p,height:g,color:d?e.content.brand:e.content.primary}):n(i,{width:p,height:g})})})),a>0&&n("div",Object.assign({className:"notification--count"},{children:n("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};export{r as WhatsNewButton};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as t,jsxs as
|
|
1
|
+
import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{format as n,differenceInBusinessDays as o}from"date-fns";import{useState as s,useMemo as a}from"react";import i from"../../assets/icons/searchIcon.svg.js";import c from"../../assets/icons/whatsNew.svg.js";import{COLORS as d}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{VideoModal as m}from"../feature-announcements/VideoModal.js";import{SearchBar as h}from"../searchBar/searchBar.js";import{SideModal as u}from"../side-modal/SideModal.js";import{TitleMedium as p,TitleRegular as g,BodyPrimary as f,Caption as b,TitleSmall as w}from"../TypographyStyle.js";import{MainContainer as j,WhatsNewWrapper as y,MainCardContainer as v,BackgroundImageContainer as x}from"./WhatsNew.styles.js";const C=C=>{let{isOpen:N,onClose:O,content:k,isLoading:A=!1,title:D="What's new on BIK",searchPlaceholder:S="Search posts",emptyStateTitle:T="Nothing new!",emptyStateDescription:L="There are no new updates or features at the moment. Check back soon!",noResultsText:M="Sorry, no results found.",width:B="480px",onContentClick:W,renderCustomContent:U}=C;const[V,E]=s(""),[I,_]=s(!1),[P,R]=s(""),z=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return o(new Date,t)<7},F=a((()=>{if(!V.trim())return k;const e=V.toLowerCase();return k.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[k,V]),H=0===k.length,K=0===F.length;return N?r(u,Object.assign({width:B,onClose:O,header:"",headerCustomComponent:e(p,Object.assign({color:d.background.inverse},{children:D})),headerStyle:{background:d.background.brandLight},hideFooter:!0},{children:[r(j,{children:[e("div",Object.assign({className:"mt-8"},{children:e(h,{width:"100%",isEnabled:!H,onChange:e=>{E(e)},onEnter:e=>{E(e)},placeholder:S,variant:"default",searchValue:V,onClickCross:()=>{E("")}})})),e(y,{children:H||K?r("div",Object.assign({className:"no--data--found"},{children:[e("div",Object.assign({className:"icon--wrapper"},{children:e(H?c:i,{width:32,height:32})})),H?r(t,{children:[e(g,{children:T}),e(f,Object.assign({color:d.content.secondary,className:"text--align",style:{maxWidth:300}},{children:L}))]}):K?e(f,Object.assign({color:d.content.secondary,className:"text--align",style:{maxWidth:300}},{children:M})):null]})):e("div",Object.assign({className:"scroller"},{children:F.map(((o,s)=>{var a;return U?U(o):r(v,Object.assign({className:"padding--16 mb-mt-8"},{children:[e(x,{imageUrl:o.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e("div",Object.assign({className:"mt-20 full--width"},{children:r("div",Object.assign({className:"created--at flex flex--row"},{children:[z(o)?e("div",Object.assign({className:"new--content--tag"},{children:e(b,{children:"New"})})):e(t,{}),e(b,Object.assign({style:{color:d.content.placeholder}},{children:o.createdAt?n(o.createdAt.toDate?o.createdAt.toDate():new Date(o.createdAt),"dd MMMM yyyy"):""}))]}))})),e("div",Object.assign({className:"mt--8"},{children:e(w,{children:o.title})})),e("div",{dangerouslySetInnerHTML:{__html:o.body},className:"card--desc mt--12"}),e("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e(l,{buttonText:(null===(a=o.primaryButton)||void 0===a?void 0:a.text)||o.buttonText||"Explore the feature",onClick:()=>(e=>{var t;if(e.productVideo)R(e.productVideo),_(!0);else{const r=(null===(t=e.primaryButton)||void 0===t?void 0:t.redirectionUrl)||e.redirectUrl;r&&window.open(r,"_blank","noopener,noreferrer")}W&&W(e)})(o),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${s}`)}))}))})]}),e(m,{isOpen:I,videoUrl:P,onClose:()=>{_(!1)}})]})):e(t,{})};export{C as WhatsNewPanel};
|