@bikdotai/bik-component-library 0.0.111-beta.analytics.11 → 0.0.111-beta.analytics.13
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/Bik_logo.svg.js +1 -0
- package/dist/cjs/assets/icons/log_out.svg.js +1 -0
- package/dist/cjs/assets/icons/searchIcon.js +1 -0
- package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +3 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +5 -3
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.d.ts +3 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +4 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.d.ts +3 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.d.ts +3 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.d.ts +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.d.ts +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/index.d.ts +1 -0
- package/dist/cjs/components/bik-layout/BikHeader.d.ts +9 -0
- package/dist/cjs/components/bik-layout/BikHeader.js +1 -0
- package/dist/cjs/components/bik-layout/BikLayout.d.ts +14 -0
- package/dist/cjs/components/bik-layout/BikLayout.js +1 -0
- package/dist/cjs/components/bik-layout/BikProfile.d.ts +11 -0
- package/dist/cjs/components/bik-layout/BikProfile.js +1 -0
- package/dist/cjs/components/bik-layout/BikSidebar.d.ts +21 -0
- package/dist/cjs/components/bik-layout/BikSidebar.js +1 -0
- package/dist/cjs/components/bik-layout/CommonStyles.d.ts +93 -0
- package/dist/cjs/components/bik-layout/CommonStyles.js +1 -0
- package/dist/cjs/components/bik-layout/FeatureModal.d.ts +9 -0
- package/dist/cjs/components/bik-layout/FeatureModal.js +1 -0
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +60 -0
- package/dist/cjs/components/bik-layout/PageLoader.d.ts +6 -0
- package/dist/cjs/components/bik-layout/PageLoader.js +1 -0
- package/dist/cjs/components/bik-layout/SidebarSkeleton.d.ts +9 -0
- package/dist/cjs/components/bik-layout/SidebarSkeleton.js +1 -0
- package/dist/cjs/components/bik-layout/SidebarStyles.d.ts +21 -0
- package/dist/cjs/components/bik-layout/SidebarStyles.js +1 -0
- package/dist/cjs/components/bik-layout/SimpleSidebar.d.ts +22 -0
- package/dist/cjs/components/bik-layout/SimpleSidebar.js +1 -0
- package/dist/cjs/components/bik-layout/index.d.ts +7 -0
- package/dist/cjs/components/colourInput/ColourInput.styled.js +1 -1
- package/dist/cjs/components/dropdown/MenuItem/MenuItem.d.ts +1 -0
- package/dist/cjs/components/dropdown/MenuItem/MenuItem.js +5 -1
- package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.js +1 -1
- package/dist/cjs/components/plans/SubscriptionPlan.js +1 -1
- package/dist/cjs/components/plans/SubscriptionPlanStyled.d.ts +2 -0
- package/dist/cjs/components/plans/SubscriptionPlanStyled.js +1 -1
- package/dist/cjs/components/searchBar/searchBar.d.ts +2 -0
- package/dist/cjs/components/searchBar/searchBar.js +1 -0
- package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.d.ts +1 -0
- package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.js +1 -1
- package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +2 -0
- package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.js +2 -2
- package/dist/cjs/components/tabs/Tabs.d.ts +1 -1
- package/dist/cjs/components/tabs/Tabs.model.d.ts +47 -0
- package/dist/cjs/components/tabs/Tabs.styles.d.ts +1 -1
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/assets/icons/Bik_logo.svg.js +1 -0
- package/dist/esm/assets/icons/log_out.svg.js +1 -0
- package/dist/esm/assets/icons/searchIcon.js +1 -0
- package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +3 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +5 -3
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.d.ts +3 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.js +3 -3
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +4 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.d.ts +3 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.d.ts +3 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.js +3 -3
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.d.ts +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.d.ts +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/index.d.ts +1 -0
- package/dist/esm/components/bik-layout/BikHeader.d.ts +9 -0
- package/dist/esm/components/bik-layout/BikHeader.js +1 -0
- package/dist/esm/components/bik-layout/BikLayout.d.ts +14 -0
- package/dist/esm/components/bik-layout/BikLayout.js +1 -0
- package/dist/esm/components/bik-layout/BikProfile.d.ts +11 -0
- package/dist/esm/components/bik-layout/BikProfile.js +1 -0
- package/dist/esm/components/bik-layout/BikSidebar.d.ts +21 -0
- package/dist/esm/components/bik-layout/BikSidebar.js +1 -0
- package/dist/esm/components/bik-layout/CommonStyles.d.ts +93 -0
- package/dist/esm/components/bik-layout/CommonStyles.js +1 -0
- package/dist/esm/components/bik-layout/FeatureModal.d.ts +9 -0
- package/dist/esm/components/bik-layout/FeatureModal.js +1 -0
- package/dist/esm/components/bik-layout/MockMenus.d.ts +60 -0
- package/dist/esm/components/bik-layout/PageLoader.d.ts +6 -0
- package/dist/esm/components/bik-layout/PageLoader.js +1 -0
- package/dist/esm/components/bik-layout/SidebarSkeleton.d.ts +9 -0
- package/dist/esm/components/bik-layout/SidebarSkeleton.js +1 -0
- package/dist/esm/components/bik-layout/SidebarStyles.d.ts +21 -0
- package/dist/esm/components/bik-layout/SidebarStyles.js +1 -0
- package/dist/esm/components/bik-layout/SimpleSidebar.d.ts +22 -0
- package/dist/esm/components/bik-layout/SimpleSidebar.js +1 -0
- package/dist/esm/components/bik-layout/index.d.ts +7 -0
- package/dist/esm/components/colourInput/ColourInput.styled.js +1 -1
- package/dist/esm/components/dropdown/MenuItem/MenuItem.d.ts +1 -0
- package/dist/esm/components/dropdown/MenuItem/MenuItem.js +5 -1
- package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js +1 -1
- package/dist/esm/components/plans/SubscriptionPlan.js +1 -1
- package/dist/esm/components/plans/SubscriptionPlanStyled.d.ts +2 -0
- package/dist/esm/components/plans/SubscriptionPlanStyled.js +1 -1
- package/dist/esm/components/searchBar/searchBar.d.ts +2 -0
- package/dist/esm/components/searchBar/searchBar.js +1 -0
- package/dist/esm/components/shimmer/ShimmerComponent/BikShimmer.d.ts +1 -0
- package/dist/esm/components/shimmer/ShimmerComponent/BikShimmer.js +1 -1
- package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +2 -0
- package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.js +2 -2
- package/dist/esm/components/tabs/Tabs.d.ts +1 -1
- package/dist/esm/components/tabs/Tabs.model.d.ts +47 -0
- package/dist/esm/components/tabs/Tabs.styles.d.ts +1 -1
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface Menu {
|
|
3
|
+
key: string | number;
|
|
4
|
+
displayName: string;
|
|
5
|
+
}
|
|
6
|
+
export type SidebarTheme = 'brand' | 'white';
|
|
7
|
+
export interface SimpleSidebarProps {
|
|
8
|
+
menuList: Menu[];
|
|
9
|
+
activeMenu: Menu;
|
|
10
|
+
theme: SidebarTheme;
|
|
11
|
+
showAccessUpgradePanel?: boolean;
|
|
12
|
+
header?: string;
|
|
13
|
+
width?: number;
|
|
14
|
+
zIndex?: number;
|
|
15
|
+
left?: number;
|
|
16
|
+
postion?: 'fixed' | 'sticky';
|
|
17
|
+
top?: number;
|
|
18
|
+
onMouseLeaveOnMenu?: () => void;
|
|
19
|
+
onMenuClick: (menuSelected: Menu) => void;
|
|
20
|
+
onUpgrade?: () => void;
|
|
21
|
+
}
|
|
22
|
+
export declare const SimpleSidebar: React.FC<SimpleSidebarProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),t=require("../button/Button.js"),a=require("../TypographyStyle.js"),n=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:r,activeMenu:d,theme:c,showAccessUpgradePanel:u=!1,header:o,width:m,zIndex:h,left:b,postion:p,top:j,onMouseLeaveOnMenu:v,onMenuClick:y,onUpgrade:x}=l,[g,S]=s.useState(d);return e.jsx(n.SimpleSidebarContainer,Object.assign({width:m,zIndex:h,left:b,theme:c,postion:p,top:j},{children:e.jsxs("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:v},{children:[e.jsxs("div",{children:[e.jsx(a.BodySecondary,Object.assign({className:"sub-child-display-name"},{children:o})),null==r?void 0:r.map(((s,i)=>e.jsxs("div",Object.assign({className:"sub-child-menu "+((null==g?void 0:g.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{S(s),y(s)},"aria-hidden":"true"},{children:[e.jsx("span",{className:(null==g?void 0:g.key)==(null==s?void 0:s.key)&&"brand"==c?"sub-child-active-text":""}),e.jsx(a.BodySecondary,Object.assign({className:"sub-child-text "+((null==g?void 0:g.key)==(null==s?void 0:s.key)&&"white"==c?"active-bold-weight":"")},{children:null==s?void 0:s.displayName}))]}),i)))]}),u&&e.jsxs("div",Object.assign({className:"lower-sticky-panel"},{children:[e.jsx(a.TitleSmall,Object.assign({className:"title-text",style:{color:i.COLORS.surface.standard}},{children:"Upgrade plan to access this feature."})),e.jsx(t.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>x?x():""})]}))]}),"_sub-menu")}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("../../constants/Theme.js");function t(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var d=t(c);const l=d.default("div","production"===process.env.NODE_ENV?{target:"e1n3hesw1"}:{target:"e1n3hesw1",label:"ColorInputContainer"})("margin-top:8px;display:flex;min-height:unset;flex-direction:row;align-items:center;padding:20px
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("../../constants/Theme.js");function t(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var d=t(c);const l=d.default("div","production"===process.env.NODE_ENV?{target:"e1n3hesw1"}:{target:"e1n3hesw1",label:"ColorInputContainer"})("margin-top:8px;display:flex;min-height:unset;flex-direction:row;align-items:center;padding:20px 8px;flex:1;gap:16px;width:100%;height:48px;background:",e.DEFAULT_THEME.colorsV2.surface.standard,";border:1px solid ",e.DEFAULT_THEME.colorsV2.stroke.primary,";border-radius:4px;justify-content:space-between;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRThDIiwiZmlsZSI6IkNvbG91cklucHV0LnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb2xvcklucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbi10b3A6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0bWluLWhlaWdodDogdW5zZXQ7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHBhZGRpbmc6IDIwcHggOHB4O1xuXHRmbGV4OiAxO1xuXHRnYXA6IDE2cHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDQ4cHg7XG5cdGJhY2tncm91bmQ6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sb3JJbnB1dCA9IHN0eWxlZC5pbnB1dCBgXG5cdHBhZGRpbmc6IDA7XG5cdGJvcmRlcjogI2UwZTBlMCAxcHggc29saWQ7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Jjpob3ZlciB7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHR9XG5cdDo6LXdlYmtpdC1jb2xvci1zd2F0Y2gge1xuXHRcdGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbG91cklucHV0LnN0eWxlZC5qcy5tYXAiXX0= */")),b=d.default("input","production"===process.env.NODE_ENV?{target:"e1n3hesw0"}:{target:"e1n3hesw0",label:"StyledColorInput"})("production"===process.env.NODE_ENV?{name:"18k7jrl",styles:"padding:0;border:#e0e0e0 1px solid;width:32px;height:32px;border-radius:50%;overflow:hidden;&:hover{cursor:pointer;}::-webkit-color-swatch{border-color:transparent;}"}:{name:"18k7jrl",styles:"padding:0;border:#e0e0e0 1px solid;width:32px;height:32px;border-radius:50%;overflow:hidden;&:hover{cursor:pointer;}::-webkit-color-swatch{border-color:transparent;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiJDb2xvdXJJbnB1dC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29sb3JJbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG1pbi1oZWlnaHQ6IHVuc2V0O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRwYWRkaW5nOiAyMHB4IDhweDtcblx0ZmxleDogMTtcblx0Z2FwOiAxNnB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRiYWNrZ3JvdW5kOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbG9ySW5wdXQgPSBzdHlsZWQuaW5wdXQgYFxuXHRwYWRkaW5nOiAwO1xuXHRib3JkZXI6ICNlMGUwZTAgMXB4IHNvbGlkO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCY6aG92ZXIge1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0fVxuXHQ6Oi13ZWJraXQtY29sb3Itc3dhdGNoIHtcblx0XHRib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db2xvdXJJbnB1dC5zdHlsZWQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.ColorInputContainer=l,exports.StyledColorInput=b;
|
|
@@ -1 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js");require("../Dropdown.js");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js"),n=require("styled-components");require("../Dropdown.js");var t=require("../DropdownPopover/index.js");require("react"),require("../../zeroState/ZeroState.js"),require("../../TypographyStyle.js");var s=require("../../../constants/Theme.js");require("../OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../OpenedDropdown/components/menu/MenuItem.js"),require("../OpenedDropdown/components/menu/MenuList.styled.js"),require("../OpenedDropdown/components/menu/SelectAllMenu.js"),require("../../button/Button.js"),require("../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../input/Input.js");var u=require("../../icon-button/IconButton.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=i(n).default.div`
|
|
2
|
+
:hover {
|
|
3
|
+
background: ${s.COLORS.surface.subdued};
|
|
4
|
+
}
|
|
5
|
+
`,p=n=>e.jsx(d,{children:e.jsx(t.DropdownPopover,Object.assign({},n,{children:e.jsx("div",{children:e.jsx(u.IconButton,{Icon:n.isHorizontal?r.default:o.default,bordered:!(null==n?void 0:n.hideBorder)})})}))});p.displayName="MenuItemDropdown",exports.MenuItemDropdown=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),s=require("../../image-compress/ImageCompress.js"),r=require("../../states/StateComponent.js"),t=require("../../states-modal/StateModalComponent.js");require("../../modals/styledModal.js");var a=require("../BikImageCropper.js");exports.BikImagePipeline=i=>{let{cropOptions:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),s=require("../../image-compress/ImageCompress.js"),r=require("../../states/StateComponent.js"),t=require("../../states-modal/StateModalComponent.js");require("../../modals/styledModal.js");var a=require("../BikImageCropper.js");exports.BikImagePipeline=i=>{let{cropOptions:n,compressionOptions:l,currentImage:p,options:c,onFinish:u,onCancel:d,fileUploadOptions:m}=i;const g=o.useRef(null),[h,j]=o.useState(),[C,f]=o.useState(p),[x,I]=o.useState(!1);o.useEffect((()=>{c.upload?(j("upload"),setTimeout((()=>{y()}),500)):c.crop?j("crop"):c.compress?j("compress"):c.uploadToFirestorage?j("cloud-upload"):I(!0)}),[c.upload,c.crop,c.compress,c.uploadToFirestorage]);const v=o.useCallback(((e,o)=>{if(!c.uploadToFirestorage)return u(e,o),void I(!0);j("cloud-upload"),m&&m.uploadFile(o,m.path).then((s=>{u(e,o,s),I(!0)})).catch((e=>{console.log("starting err process with ")}))}),[]),S=e=>{e||d();const o=s.ImageService.base64ToImage(e);c.compress?(j("compress"),s.ImageService.compressImage(o,l).then((e=>{if(!e)return I(!0),void d();v(e.base64,e.compressedFile)}))):v(e,o)},y=()=>{g.current.click()};return x?e.jsx(e.Fragment,{}):"cloud-upload"===h?!m||m.success?e.jsx(e.Fragment,{}):m.error?e.jsx("div",{children:e.jsx(t.StateModalComponent,{states:r.StateInterface.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{I(!0),d()}})}):e.jsx("div",{children:e.jsx(t.StateModalComponent,{states:r.StateInterface.LOADING,heading:"Uploading your photo",subline:"Please wait while we upload your photo",isButtonEnabled:!1,width:300})}):e.jsxs("div",{children:[c.upload&&e.jsx("input",{ref:g,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>{const o=e.target.files[0],s=new FileReader;s.onload=()=>{var e;f({src:s.result}),e=s.result,c.crop?j("crop"):S(e)},o&&s.readAsDataURL(o)}}),"crop"===h&&e.jsx(a.BikImageCropper,{src:C.src,onCropComplete:e=>{f({src:e}),S(e)},aspectRatio:n.aspectRatio,onCancel:d})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),a=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");exports.SubscriptionPlan=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),a=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");exports.SubscriptionPlan=r=>{const c=r.showMonthly?r.monthlyPlan:r.yearlyPlan,l=!r.isDisabled&&r.isMostPopular;return e.jsxs(i.SubscriptionPlanStyled,Object.assign({isSelected:r.isSelected||!1,style:{marginTop:l?0:24}},{children:[l&&e.jsx("div",Object.assign({className:"most-popular"},{children:e.jsx(a.Caption,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e.jsxs("div",Object.assign({className:`box ${r.isSelected?"selected":""} ${r.isDisabled?"disabled":""} ${l?"":"rounded-corners"}\n\t\t\t\t`},{children:[e.jsxs("div",{children:[e.jsx(a.TitleRegular,Object.assign({style:{color:n.COLORS.content.secondary,marginBottom:4}},{children:r.planName})),e.jsxs("div",Object.assign({className:"price-block"},{children:[e.jsxs(a.TitleLarge,Object.assign({style:{color:n.COLORS.content.primary}},{children:["$ ",c.price]})),e.jsxs(a.BodyPrimary,Object.assign({style:{color:n.COLORS.content.secondary,marginLeft:4}},{children:["/ ",r.showMonthly?"month":"year"]}))]})),e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:r.planDescription})),e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.background.positive.vibrant,marginLeft:4}},{children:r.planDescriptionDiscount}))]})),r.showTrialOptions&&e.jsxs(a.Caption,Object.assign({className:"trial "+(r.isSelected?"selected":"")},{children:["7 day free trial with ",r.freeTrialMessages," messages"]})),e.jsx("div",Object.assign({className:"features"},{children:r.features.map(((t,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx(s.default,{height:16,width:16,color:n.COLORS.content.primary}),e.jsx(a.BodyPrimary,Object.assign({className:"feature-text"},{children:t.detail}),i)]}),t.detail)))}))]}),e.jsxs("div",Object.assign({className:"button-box"},{children:[r.isSelected&&e.jsx(t.Button,{LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),r.isDisabled&&e.jsx(t.Button,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!r.isSelected&&!r.isDisabled&&e.jsx(t.Button,{buttonType:"primary",size:"medium",onClick:()=>r.onPlanSelect(r.code),matchParentWidth:!0,buttonText:"Choose plan"})]}))]})),e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${r.isDisabled?"disabled":""}\n\t\t\t\t\t${r.isSelected?"selected":""}\n\t\t\t\t`},{children:e.jsx(a.Caption,Object.assign({className:"text",style:{color:n.COLORS.background.inverse}},{children:r.bottomDescription}))}))]}))};
|
|
@@ -2,4 +2,6 @@
|
|
|
2
2
|
export declare const SubscriptionPlanStyled: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & {
|
|
6
|
+
isSelected: boolean;
|
|
5
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function b(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function b(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const t=b(c).default("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})("border:1px solid ",d.COLORS.stroke.primary,";border:1px solid ",(c=>c.isSelected?d.COLORS.text.altSecondary:d.COLORS.stroke.primary),";box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;.box{height:400px;padding:24px;background-color:",d.COLORS.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.COLORS.background.brandLight,";}.rounded-corners{border-top-left-radius:4px;border-top-right-radius:4px;}width:100%;.most-popular{background:linear-gradient(90.05deg, #743979 1.22%, #526dca 99.95%),#4b1583;padding:4px;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:center;align-items:center;.text{color:",d.COLORS.surface.standard,";}}.trial{margin-top:16px;margin-bottom:12px;padding:4px 8px;border-radius:4px;color:",d.COLORS.content.secondary,";background-color:",d.COLORS.surface.hovered,";}.trial.selected{background-color:",d.COLORS.surface.standard,";}.feature{display:flex;align-items:center;margin-top:12px;.feature-text{margin-left:12px;color:",d.COLORS.content.secondary,";}}.price-block{display:flex;margin-bottom:4px;align-items:center;}.per-message-price{display:flex;}.plan-bottom-information{margin-top:auto;text-align:center;background:",d.COLORS.background.brandLight,";padding:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;.text{color:",d.COLORS.background.inverse,";}}.disabled{*{color:",d.COLORS.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",d.COLORS.background.base,";}.plan-bottom-information.selected{background:",d.COLORS.surface.standard,";color:",d.COLORS.content.placeholder,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMudGV4dC5hbHRTZWNvbmRhcnkgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXG5cdGJveC1zaGFkb3c6IDBweCAycHggOHB4IHJnYmEoMCwgMCwgMCwgMC4xMik7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblxuXHQuYm94IHtcblx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdC5yb3VuZGVkLWNvcm5lcnMge1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0d2lkdGg6IDEwMCU7XG5cblx0Lm1vc3QtcG9wdWxhciB7XG5cdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwLjA1ZGVnLCAjNzQzOTc5IDEuMjIlLCAjNTI2ZGNhIDk5Ljk1JSksXG5cdFx0XHQjNGIxNTgzO1xuXHRcdHBhZGRpbmc6IDRweDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0fVxuXHR9XG5cblx0LnRyaWFsIHtcblx0XHRtYXJnaW4tdG9wOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDEycHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0LnRyaWFsLnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0fVxuXG5cdC5mZWF0dXJlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cblx0XHQuZmVhdHVyZS10ZXh0IHtcblx0XHRcdG1hcmdpbi1sZWZ0OiAxMnB4O1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHR9XG5cblx0XHRtYXJnaW4tdG9wOiAxMnB4O1xuXHR9XG5cblx0LnByaWNlLWJsb2NrIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdG1hcmdpbi1ib3R0b206IDRweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR9XG5cblx0LnBlci1tZXNzYWdlLXByaWNlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uIHtcblx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdHBhZGRpbmc6IDRweDtcblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O1xuXHRcdH1cblxuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5kaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdWJzY3JpcHRpb25QbGFuU3R5bGVkLmpzLm1hcCJdfQ== */"));exports.SubscriptionPlanStyled=t;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { InputVariant } from '../input/Input';
|
|
2
3
|
export interface SearchBarProps {
|
|
3
4
|
width: string;
|
|
@@ -7,5 +8,6 @@ export interface SearchBarProps {
|
|
|
7
8
|
placeholder: string;
|
|
8
9
|
variant: InputVariant;
|
|
9
10
|
validate?: (input?: string | number) => [boolean, string];
|
|
11
|
+
initialValue?: string;
|
|
10
12
|
}
|
|
11
13
|
export declare const SearchBar: (props: SearchBarProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),a=require("react"),s=require("../../assets/icons/cross.svg.js"),n=require("../input/Input.js");exports.SearchBar=r=>{const{isEnabled:c,onEnter:o,placeholder:i,width:l,variant:u,validate:d}=r,[h,v]=a.useState("search"),[f,p]=a.useState("default"),[g,j]=a.useState(c?"none":"disabled"),[I,S]=a.useState(r.initialValue||"");a.useEffect((()=>{j(c?"none":"disabled")}),[c]);const b=e=>{c&&o(e)};return e.jsx(n.Input,{validate:d,onFocus:()=>{"default"===f&&c&&(p("clicked"),j("active"))},width:l,state:g,leftIcon:"search"===h&&"default"===f?{icon:t.SearchIcon}:void 0,rightIcon:"cross"===h?{icon:s.default,callback:()=>{v("search"),p("default"),S(""),j("none"),o("")}}:void 0,onChangeText:(e,t)=>{r.onChange(e),S(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?v("cross"):v("search"):b(e)},placeholder:i,variant:u,value:I,onBlur:()=>{I.length||p("default"),j("none")}})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("./ShimmerStyled.js");const r=r=>e.jsx(i.ShimmerStyled,Object.assign({isBrand:r.isBrand},{children:r.boxes.map(((i,r)=>e.jsx("div",{className:"shine",style:{width:i.width,height:i.height,marginTop:i.marginTop||"16px"}},r)))}));exports.BikShimmer=r,exports.default=r;
|
|
@@ -2,4 +2,6 @@
|
|
|
2
2
|
export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & {
|
|
6
|
+
isBrand?: boolean | undefined;
|
|
5
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),e=require("@emotion/react");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var l=i(t);const a=e.keyframes`
|
|
2
2
|
0% {
|
|
3
3
|
background-position: -468px 0;
|
|
4
4
|
}
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
100% {
|
|
7
7
|
background-position: 468px 0;
|
|
8
8
|
}
|
|
9
|
-
`,
|
|
9
|
+
`,b=l.default("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:column;.shine{border-radius:4px;background:",(t=>t.isBrand?"#4B1583 linear-gradient(to right, #28034E 0%, #edeef1 20%, #28034E 40%, #F0F0F0 100%) no-repeat":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"),";background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",a,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5zaGluZSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICcjNEIxNTgzIGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgIzI4MDM0RSAwJSwgI2VkZWVmMSAyMCUsICMyODAzNEUgNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdCdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdFx0YmFja2dyb3VuZC1zaXplOiA4MDBweCAzMDRweDtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNoaW1tZXJTdHlsZWQuanMubWFwIl19 */"));exports.ShimmerStyled=b;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TabItemComponentProps, TabViewHeaderProps } from './Tabs.
|
|
2
|
+
import { TabItemComponentProps, TabViewHeaderProps } from './Tabs.model';
|
|
3
3
|
export declare const Tabs: React.FC<TabViewHeaderProps>;
|
|
4
4
|
export declare const TabItemComponent: React.FC<TabItemComponentProps>;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface TabItemProps {
|
|
3
|
+
hasEqualSpacing?: boolean;
|
|
4
|
+
selected: boolean;
|
|
5
|
+
selectedTextColor: string;
|
|
6
|
+
}
|
|
7
|
+
export interface TabItemTextProps {
|
|
8
|
+
selected: boolean;
|
|
9
|
+
textColor: string;
|
|
10
|
+
selectedTextColor: string;
|
|
11
|
+
}
|
|
12
|
+
export interface TabInterface {
|
|
13
|
+
key: string;
|
|
14
|
+
title: string;
|
|
15
|
+
icon?: React.JSXElementConstructor<{
|
|
16
|
+
selected: string;
|
|
17
|
+
}>;
|
|
18
|
+
trailingNumber?: number;
|
|
19
|
+
}
|
|
20
|
+
export interface TabViewHeaderProps {
|
|
21
|
+
hasEqualSpacing?: boolean;
|
|
22
|
+
tabs: TabInterface[];
|
|
23
|
+
onTabSelected: (tabKey: string) => void;
|
|
24
|
+
initialTab?: string;
|
|
25
|
+
backgroundColor?: string;
|
|
26
|
+
textColor?: string;
|
|
27
|
+
selectedTextColor?: string;
|
|
28
|
+
TabItemStyledProps?: React.CSSProperties;
|
|
29
|
+
IconComponent?: React.JSXElementConstructor<{
|
|
30
|
+
selected: string;
|
|
31
|
+
}>;
|
|
32
|
+
selectedTab?: string;
|
|
33
|
+
extendedBorder?: boolean;
|
|
34
|
+
rightComponent?: JSX.Element;
|
|
35
|
+
}
|
|
36
|
+
export interface TabItemComponentProps {
|
|
37
|
+
hasEqualSpacing?: boolean;
|
|
38
|
+
tab: TabInterface;
|
|
39
|
+
currentTab: string;
|
|
40
|
+
setCurrentTab: (tabKey: string) => void;
|
|
41
|
+
textColor: string;
|
|
42
|
+
selectedTextColor: string;
|
|
43
|
+
TabItemStyledProps?: React.CSSProperties;
|
|
44
|
+
IconComponent?: React.JSXElementConstructor<{
|
|
45
|
+
selected: string;
|
|
46
|
+
}>;
|
|
47
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TabItemProps, TabItemTextProps } from './Tabs.
|
|
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
5
|
as?: import("react").ElementType<any> | undefined;
|
package/dist/cjs/index.d.ts
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),p=require("./components/pagination/Pagination.js"),i=require("./components/radioButton/RadioButton.js"),s=require("./components/toaster/Toaster.js"),a=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),c=require("./components/stepper/Stepper.js"),l=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),A=require("./components/template-preview/helpers/SmsTemplateHelper.js"),y=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),P=require("./components/template-preview/helpers/VariableEditorHelper.js"),S=require("./components/template-preview/models/TemplateMeta.js"),C=require("./components/template-context-mapper/TemplateContextMapper.js"),O=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),j=require("./components/template-context-mapper/utils/validateIsUrl.js"),h=require("./components/fab-menu/FABMenu.js"),E=require("./components/floating-action-button/FloatingActionButton.js"),B=require("./components/floating-action-button/FloatingActionButton.styles.js"),g=require("./components/image-compress/ImageCompress.js"),R=require("./components/TypographyStyle.js"),b=require("./components/button/Button.js"),q=require("./components/progress-bar/ProgressBarComponent.js"),_=require("./components/QueryBuilder/QueryBuilder.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),w=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),L=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),M=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),N=require("./components/modals/styledModal.js"),D=require("./components/dropdown/Dropdown.js"),v=require("./components/dropdown/DropdownPopover/index.js"),k=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),F=require("./components/dropdown/MenuItem/MenuItem.js"),G=require("./components/analytics-card/AnalyticsCard.js"),H=require("./components/analytics-card/AnalyticsCard.styled.js"),U=require("./components/input/Input.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),W=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Y=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),K=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),Z=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),X=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),J=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),$=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),te=require("./components/avatar/Avatar.js"),oe=require("./components/alerts/Alert.js"),ne=require("./components/alerts/AlertHelper.js"),pe=require("./components/thumbnail/Thumbnail.js"),ie=require("./components/curtain/Curtain.js"),se=require("./components/datePicker/DatePicker.js"),ae=require("./components/switch/Switch.js"),ue=require("./components/plans/SubscriptionPlan.js"),ce=require("./components/plans/SubscriptionPlanSelector.js"),le=require("./components/tabs/Tabs.js"),de=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),me=require("./components/TablePagination/TablePagination.js"),xe=require("./components/TablePagination/TablePaginationCard.js"),Te=require("./components/states-modal/StateModalComponent.js"),Ae=require("./components/states-modal/DeleteConfirmationModal.js"),ye=require("./components/states/StateComponent.js"),Pe=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Se=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ce=require("./helpers/BaseWhatsappContentLang.helper.js"),Oe=require("./components/card-selection-modal/CardSelectionModal.js"),je=require("./components/image-cropper/BikImageCropper.js"),he=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js");require("react/jsx-runtime"),require("react"),require("./components/accordion/Accordion.style.js"),require("./components/accordion/AccordionArrow.js"),require("./components/curtain/CurtainHelper.js"),require("./components/file-uploader/FileUploaderStyle.js");var Ee=require("./components/colourInput/ColourInput.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=p.Pagination,exports.RadioButton=i.RadioButton,exports.Toaster=s.Toaster,exports.Tooltip=a.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=c.Stepper,exports.Tag=l.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.WhatsappLikePreviewV2=T.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=A.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=y.WhatsAppFormatToHTML,exports.VariableEditorHelper=P.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return S.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=S.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return S.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return S.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return S.TEMPLATE_STATUS}}),exports.TemplateContextMapper=C.TemplateContextMapper,exports.getAllDataFromTemplateComponent=O.getAllDataFromTemplateComponent,exports.validateIsUrl=j.validateIsUrl,exports.FABMenu=h.FABMenu,exports.FloatingActionButton=E.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return B.DROP_POSITION}}),exports.DropdownToggleContainer=B.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return B.FAB_POSITION}}),exports.FloatingActionButtonContainer=B.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=B.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return B.MENU_ALIGNMENT}}),exports.StyledDropdown=B.StyledDropdown,exports.TooltipStyled=B.TooltipStyled,exports.ImageService=g.ImageService,exports.BodyCaption=R.BodyCaption,exports.BodyLarge=R.BodyLarge,exports.BodyPrimary=R.BodyPrimary,exports.BodyPrimaryLink=R.BodyPrimaryLink,exports.BodyRegular=R.BodyRegular,exports.BodySecondary=R.BodySecondary,exports.BodySecondaryLink=R.BodySecondaryLink,exports.BodyTiny=R.BodyTiny,exports.ButtonLarge=R.ButtonLarge,exports.ButtonRegular=R.ButtonRegular,exports.Caption=R.Caption,exports.Display=R.Display,exports.SmallRegular=R.SmallRegular,exports.SubHeading=R.SubHeading,exports.TitleLarge=R.TitleLarge,exports.TitleMedium=R.TitleMedium,exports.TitleRegular=R.TitleRegular,exports.TitleSmall=R.TitleSmall,exports.Button=b.Button,exports.ProgressBarComponent=q.ProgressBarComponent,exports.ProgressCompletedBar=q.ProgressCompletedBar,exports.QueryBuilder=_.QueryBuilder,exports.BaseQueryBuilderNode=I.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=w.queryBuilderSlice,exports.queryBuilderCacheSlice=L.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return M.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return M.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return M.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return M.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return M.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return M.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return M.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return M.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return M.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return M.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return M.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return M.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return M.STRING_OPERATORS}}),exports.StyledModal=N.StyledModal,exports.Dropdown=D.Dropdown,exports.DropdownPopover=v.DropdownPopover,exports.OpenedDropdown=k.OpenedDropdown,exports.MenuItemDropdown=F.MenuItemDropdown,exports.AnalyticsCard=G.AnalyticsCard,exports.AnalyticsContainer=H.AnalyticsContainer,exports.CardDataContainer=H.CardDataContainer,exports.Input=U.Input,exports.AnalyticsChip=V.AnalyticsChip,exports.AnalyticsDropdown=W.AnalyticsDropdown,exports.EachItem=W.EachItem,exports.AnalyticsMultiChip=Q.AnalyticsMultiChip,exports.AnalyticsMetric=Y.AnalyticsMetric,exports.AnalyticsTrend=z.AnalyticsTrend,exports.LineChart=K.LineChart,exports.LinearChipGroupedChart=Z.LinearChipGroupedChart,exports.Card=X.Card,exports.PieChartAnalytics=X.PieChartAnalytics,exports.PieChart=J.PieChart,exports.HorizontalGraph=$.HorizontalGraph,exports.StackedBarChart=ee.StackedBarChart,exports.VerticalGraph=re.VerticalGraph,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=te.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=te.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=te.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=oe.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return ne.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=ne.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return pe.RATIO}}),exports.Thumbnail=pe.Thumbnail,exports.Curtain=ie.Curtain,exports.DatePicker=se.DatePicker,exports.Loader=ae.Loader,exports.Switch=ae.Switch,exports.SwitchContainer=ae.SwitchContainer,exports.Thumb=ae.Thumb,exports.SubscriptionPlan=ue.SubscriptionPlan,exports.SubscriptionPlanSelector=ce.SubscriptionPlanSelector,exports.TabItemComponent=le.TabItemComponent,exports.Tabs=le.Tabs,exports.BikShimmer=de.BikShimmer,exports.TablePagination=me.TablePagination,exports.TablePaginationCard=xe.TablePaginationCard,exports.TablePaginationCardStyled=xe.TablePaginationCardStyled,exports.StateModalComponent=Te.StateModalComponent,exports.DeleteConfirmationModal=Ae.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return ye.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return ye.ButtonTypes}}),exports.StateComponent=ye.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return ye.StateInterface}}),exports.WhatsAppTextEditor=Pe.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Se.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Se.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ce.BaseWhatsappContentLangHelper,exports.CardSelectionModal=Oe.CardSelectionModal,exports.BikImageCropper=je.BikImageCropper,exports.BikImagePipeline=he.BikImagePipeline,exports.ColourInput=Ee.ColourInput;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),p=require("./components/pagination/Pagination.js"),i=require("./components/radioButton/RadioButton.js"),a=require("./components/toaster/Toaster.js"),s=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),c=require("./components/stepper/Stepper.js"),l=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),y=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),A=require("./components/template-preview/helpers/VariableEditorHelper.js"),P=require("./components/template-preview/models/TemplateMeta.js"),O=require("./components/template-context-mapper/TemplateContextMapper.js"),C=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),B=require("./components/template-context-mapper/utils/validateIsUrl.js"),j=require("./components/fab-menu/FABMenu.js"),h=require("./components/floating-action-button/FloatingActionButton.js"),E=require("./components/floating-action-button/FloatingActionButton.styles.js"),b=require("./components/image-compress/ImageCompress.js"),g=require("./components/TypographyStyle.js"),R=require("./components/button/Button.js"),q=require("./components/progress-bar/ProgressBarComponent.js"),_=require("./components/QueryBuilder/QueryBuilder.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),L=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),w=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),M=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),k=require("./components/modals/styledModal.js"),N=require("./components/dropdown/Dropdown.js"),D=require("./components/dropdown/DropdownPopover/index.js"),H=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),G=require("./components/dropdown/MenuItem/MenuItem.js"),F=require("./components/analytics-card/AnalyticsCard.js"),v=require("./components/analytics-card/AnalyticsCard.styled.js"),U=require("./components/input/Input.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),W=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Y=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),K=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),Z=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),X=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),J=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),$=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),oe=require("./components/avatar/Avatar.js"),ne=require("./components/alerts/Alert.js"),pe=require("./components/alerts/AlertHelper.js"),ie=require("./components/thumbnail/Thumbnail.js"),ae=require("./components/curtain/Curtain.js"),se=require("./components/datePicker/DatePicker.js"),ue=require("./components/switch/Switch.js"),ce=require("./components/plans/SubscriptionPlan.js"),le=require("./components/plans/SubscriptionPlanSelector.js"),de=require("./components/tabs/Tabs.js"),me=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),xe=require("./components/TablePagination/TablePagination.js"),Te=require("./components/TablePagination/TablePaginationCard.js"),ye=require("./components/states-modal/StateModalComponent.js"),Se=require("./components/states-modal/DeleteConfirmationModal.js"),Ae=require("./components/states/StateComponent.js"),Pe=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Oe=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ce=require("./helpers/BaseWhatsappContentLang.helper.js"),Be=require("./components/card-selection-modal/CardSelectionModal.js"),je=require("./components/image-cropper/BikImageCropper.js"),he=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js");require("react/jsx-runtime"),require("react"),require("./components/accordion/Accordion.style.js"),require("./components/accordion/AccordionArrow.js"),require("./components/curtain/CurtainHelper.js"),require("./components/file-uploader/FileUploaderStyle.js");var Ee=require("./components/colourInput/ColourInput.js"),be=require("./components/bik-layout/BikHeader.js"),ge=require("./components/bik-layout/BikLayout.js"),Re=require("./components/bik-layout/BikProfile.js"),qe=require("./components/bik-layout/SimpleSidebar.js"),_e=require("./components/bik-layout/BikSidebar.js"),Ie=require("./components/bik-layout/FeatureModal.js"),fe=require("./components/bik-layout/SidebarSkeleton.js"),Le=require("./components/searchBar/searchBar.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=p.Pagination,exports.RadioButton=i.RadioButton,exports.Toaster=a.Toaster,exports.Tooltip=s.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=c.Stepper,exports.Tag=l.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.WhatsappLikePreviewV2=T.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=y.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.WhatsAppFormatToHTML,exports.VariableEditorHelper=A.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return P.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=P.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return P.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return P.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return P.TEMPLATE_STATUS}}),exports.TemplateContextMapper=O.TemplateContextMapper,exports.getAllDataFromTemplateComponent=C.getAllDataFromTemplateComponent,exports.validateIsUrl=B.validateIsUrl,exports.FABMenu=j.FABMenu,exports.FloatingActionButton=h.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return E.DROP_POSITION}}),exports.DropdownToggleContainer=E.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return E.FAB_POSITION}}),exports.FloatingActionButtonContainer=E.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=E.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return E.MENU_ALIGNMENT}}),exports.StyledDropdown=E.StyledDropdown,exports.TooltipStyled=E.TooltipStyled,exports.ImageService=b.ImageService,exports.BodyCaption=g.BodyCaption,exports.BodyLarge=g.BodyLarge,exports.BodyPrimary=g.BodyPrimary,exports.BodyPrimaryLink=g.BodyPrimaryLink,exports.BodyRegular=g.BodyRegular,exports.BodySecondary=g.BodySecondary,exports.BodySecondaryLink=g.BodySecondaryLink,exports.BodyTiny=g.BodyTiny,exports.ButtonLarge=g.ButtonLarge,exports.ButtonRegular=g.ButtonRegular,exports.Caption=g.Caption,exports.Display=g.Display,exports.SmallRegular=g.SmallRegular,exports.SubHeading=g.SubHeading,exports.TitleLarge=g.TitleLarge,exports.TitleMedium=g.TitleMedium,exports.TitleRegular=g.TitleRegular,exports.TitleSmall=g.TitleSmall,exports.Button=R.Button,exports.ProgressBarComponent=q.ProgressBarComponent,exports.ProgressCompletedBar=q.ProgressCompletedBar,exports.QueryBuilder=_.QueryBuilder,exports.BaseQueryBuilderNode=I.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=L.queryBuilderSlice,exports.queryBuilderCacheSlice=w.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return M.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return M.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return M.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return M.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return M.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return M.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return M.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return M.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return M.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return M.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return M.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return M.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return M.STRING_OPERATORS}}),exports.StyledModal=k.StyledModal,exports.Dropdown=N.Dropdown,exports.DropdownPopover=D.DropdownPopover,exports.OpenedDropdown=H.OpenedDropdown,exports.MenuItemDropdown=G.MenuItemDropdown,exports.AnalyticsCard=F.AnalyticsCard,exports.AnalyticsContainer=v.AnalyticsContainer,exports.CardDataContainer=v.CardDataContainer,exports.Input=U.Input,exports.AnalyticsChip=V.AnalyticsChip,exports.AnalyticsDropdown=W.AnalyticsDropdown,exports.EachItem=W.EachItem,exports.AnalyticsMultiChip=Q.AnalyticsMultiChip,exports.AnalyticsMetric=Y.AnalyticsMetric,exports.AnalyticsTrend=z.AnalyticsTrend,exports.LineChart=K.LineChart,exports.LinearChipGroupedChart=Z.LinearChipGroupedChart,exports.Card=X.Card,exports.PieChartAnalytics=X.PieChartAnalytics,exports.PieChart=J.PieChart,exports.HorizontalGraph=$.HorizontalGraph,exports.StackedBarChart=ee.StackedBarChart,exports.VerticalGraph=re.VerticalGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return te.HEAT}}),exports.HEAT_COLORS=te.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return te.HEAT_GRADING_TYPE}}),exports.HeatMap=te.HeatMap,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=oe.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=oe.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=oe.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=ne.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return pe.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=pe.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return ie.RATIO}}),exports.Thumbnail=ie.Thumbnail,exports.Curtain=ae.Curtain,exports.DatePicker=se.DatePicker,exports.Loader=ue.Loader,exports.Switch=ue.Switch,exports.SwitchContainer=ue.SwitchContainer,exports.Thumb=ue.Thumb,exports.SubscriptionPlan=ce.SubscriptionPlan,exports.SubscriptionPlanSelector=le.SubscriptionPlanSelector,exports.TabItemComponent=de.TabItemComponent,exports.Tabs=de.Tabs,exports.BikShimmer=me.BikShimmer,exports.TablePagination=xe.TablePagination,exports.TablePaginationCard=Te.TablePaginationCard,exports.TablePaginationCardStyled=Te.TablePaginationCardStyled,exports.StateModalComponent=ye.StateModalComponent,exports.DeleteConfirmationModal=Se.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Ae.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Ae.ButtonTypes}}),exports.StateComponent=Ae.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Ae.StateInterface}}),exports.WhatsAppTextEditor=Pe.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Oe.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Oe.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ce.BaseWhatsappContentLangHelper,exports.CardSelectionModal=Be.CardSelectionModal,exports.BikImageCropper=je.BikImageCropper,exports.BikImagePipeline=he.BikImagePipeline,exports.ColourInput=Ee.ColourInput,exports.BikHeader=be.BikHeader,exports.BikLayout=ge.BikLayout,exports.BikProfile=Re.BikProfile,exports.SimpleSidebar=qe.SimpleSidebar,exports.BikSidebar=_e.BikSidebar,exports.FeatureModal=Ie.FeatureModal,exports.SidebarSkeleton=fe.SidebarSkeleton,exports.SearchBar=Le.SearchBar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as a from"react";var c;function t(){return t=Object.assign?Object.assign.bind():function(a){for(var c=1;c<arguments.length;c++){var t=arguments[c];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e])}return a},t.apply(this,arguments)}var e=e=>a.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 58 20"},e),c||(c=a.createElement("path",{fill:"#FEC02D",d:"M1.13 20a.76.76 0 0 1-.514-.2.742.742 0 0 1-.229-.543V.743c0-.21.076-.381.229-.514A.71.71 0 0 1 1.13 0h9.114c1.733 0 3.152.229 4.257.686 1.105.457 1.924 1.114 2.457 1.971.534.857.8 1.914.8 3.172 0 .647-.133 1.228-.4 1.742a4.455 4.455 0 0 1-.914 1.258c-.362.323-.705.561-1.028.714.742.324 1.39.876 1.942 1.657.553.762.829 1.638.829 2.629 0 1.333-.305 2.457-.914 3.371-.59.914-1.457 1.61-2.6 2.086-1.124.476-2.505.714-4.143.714h-9.4Zm5.4-4.314h3.343c.647 0 1.123-.19 1.428-.572.305-.4.457-.838.457-1.314 0-.495-.161-.924-.485-1.286-.324-.38-.79-.571-1.4-.571H6.53v3.743Zm0-7.943h3.057c.61 0 1.057-.172 1.343-.514.286-.343.428-.743.428-1.2 0-.458-.143-.858-.428-1.2-.286-.343-.733-.515-1.343-.515H6.53v3.429ZM22.237 20a.761.761 0 0 1-.514-.2.742.742 0 0 1-.229-.543V.743c0-.21.076-.381.229-.514A.71.71 0 0 1 22.237 0h4.857c.21 0 .381.076.514.229a.652.652 0 0 1 .229.514v18.514c0 .21-.076.39-.229.543a.696.696 0 0 1-.514.2h-4.857ZM32.686 20a.761.761 0 0 1-.515-.2.742.742 0 0 1-.228-.543V.743c0-.21.076-.381.228-.514A.71.71 0 0 1 32.686 0h4.542c.21 0 .381.076.515.229a.652.652 0 0 1 .228.514v6L42.23.6a1.98 1.98 0 0 1 .4-.4c.17-.133.409-.2.714-.2h5.228c.172 0 .315.067.429.2.133.114.2.257.2.429a.492.492 0 0 1-.114.314l-6 8.628 6.514 9.486a.425.425 0 0 1 .114.314.63.63 0 0 1-.2.458.582.582 0 0 1-.428.171h-5.4c-.362 0-.639-.086-.829-.257-.171-.172-.276-.295-.314-.372l-4.572-6.628v6.514c0 .21-.076.39-.228.543a.696.696 0 0 1-.515.2h-4.542ZM52.556 20a.797.797 0 0 1-.543-.2.797.797 0 0 1-.2-.543v-4.286c0-.21.066-.39.2-.542a.741.741 0 0 1 .543-.229h4.285c.21 0 .39.076.543.229a.742.742 0 0 1 .229.542v4.286c0 .21-.076.39-.229.543a.798.798 0 0 1-.543.2h-4.285Z"})));export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as a from"react";var r,t;function e(){return e=Object.assign?Object.assign.bind():function(a){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e])}return a},e.apply(this,arguments)}var l=l=>a.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},l),r||(r=a.createElement("path",{fill:"currentColor",d:"M3.577 3.577a.833.833 0 0 1 .59-.244H7.5a.833.833 0 1 0 0-1.666H4.167a2.5 2.5 0 0 0-2.5 2.5v11.666a2.5 2.5 0 0 0 2.5 2.5H7.5a.833.833 0 1 0 0-1.666H4.167a.833.833 0 0 1-.834-.834V4.167c0-.221.088-.433.244-.59Z"})),t||(t=a.createElement("path",{fill:"currentColor",d:"M13.923 5.244a.833.833 0 1 0-1.179 1.179l2.744 2.744H7.5a.833.833 0 1 0 0 1.666h7.988l-2.744 2.744a.833.833 0 1 0 1.179 1.179l4.166-4.167a.833.833 0 0 0 0-1.178l-4.166-4.167Z"})));export{l as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";const C=()=>e("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.848 15.0267C12.565 16.053 10.9375 16.6667 9.16669 16.6667C5.02455 16.6667 1.66669 13.3088 1.66669 9.16669C1.66669 5.02455 5.02455 1.66669 9.16669 1.66669C13.3088 1.66669 16.6667 5.02455 16.6667 9.16669C16.6667 10.9376 16.0529 12.5651 15.0266 13.8482L18.0892 16.9108C18.4146 17.2362 18.4146 17.7639 18.0892 18.0893C17.7638 18.4147 17.2361 18.4147 16.9107 18.0893L13.848 15.0267ZM3.33335 9.16669C3.33335 5.94503 5.94503 3.33335 9.16669 3.33335C12.3883 3.33335 15 5.94503 15 9.16669C15 10.7382 14.3786 12.1646 13.368 13.2135C13.3394 13.2355 13.3119 13.2596 13.2857 13.2858C13.2595 13.312 13.2354 13.3395 13.2134 13.3681C12.1645 14.3786 10.7382 15 9.16669 15C5.94503 15 3.33335 12.3883 3.33335 9.16669Z",fill:"#9E9E9E"})}));export{C as SearchIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as l}from"react/jsx-runtime";import{useState as e,useEffect as
|
|
1
|
+
import{jsx as l}from"react/jsx-runtime";import{useState as e,useEffect as o}from"react";import a from"../../DropdownWrapper.js";const i=i=>{let{onChange:n,extra:r,val:t,isLoading:d,errors:s,disabled:u}=i;var c;const[v,p]=e([]),m=t;return o((()=>{var l;const e=(null==r?void 0:r.options)&&Array.isArray(r.options)?r.options.filter((l=>!!Object.keys(l).length)).map((l=>({selected:!!(null==m?void 0:m.find((e=>e.id===l.id))),label:l.name,value:l.id}))):[],o=null!==(l=null==m?void 0:m.map((l=>l.id)))&&void 0!==l?l:[],a=[...e.filter((l=>!o.includes(l.value)))].concat((null!=m?m:[]).map((l=>({value:l.id,label:l.name}))));null==m||m.forEach((l=>{let{name:e,id:o}=l;const i=a.findIndex((l=>l.value===o&&l.label===e));-1!==i&&(a[i].selected=!0)})),p([...a])}),[r,m]),l("div",{children:l(a,{disabled:u,allowFreeForm:null===(c=null==r?void 0:r.freeForm)||void 0===c||c,isSearchable:!0,isLoading:d,error:null==s?void 0:s.val,isMultiSelect:!0,options:v,onSelect:function(l){if(Array.isArray(l)){const e=[];l.forEach((l=>{var o,a;l.options?null===(o=l.options)||void 0===o||o.forEach((l=>{e.push({name:l.label,id:l.value})})):e.push({name:null!==(a=l.label)&&void 0!==a?a:"",id:l.value})})),null==n||n(e)}}})})};var n=e=>l(i,Object.assign({},e));export{n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as
|
|
1
|
+
import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{Dropdown as l}from"react-bootstrap";import{BASE_COLORS as s}from"../../constants/Theme.js";import{DatePicker as a}from"../datePicker/DatePicker.js";import{BodySecondary as d,BodyCaption as c}from"../TypographyStyle.js";import{MainDropdown as r,ItemMenuContainer as m}from"./CommonStyles.js";const g=s=>{let{options:c,placeholder:m="Select an option",selected:g,onOptionSelected:v,resetDropdown:O}=s;var h,y,D;const[b,j]=n(!1),[k,S]=n(g),[w,R]=n(),[f,C]=n(!1),T=()=>{!b&&C(!f)};return i((()=>{O&&S(void 0)}),[O]),i((()=>{var e;(null==g?void 0:g.isCustom)&&(null===(e=g.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)&&R(g.dateRangeSelectionOptions.selectedDates)}),[g]),e(t,{children:o(r,Object.assign({drop:"down",show:f,onToggle:T},{children:[e(l.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown"},{children:e(d,{children:(null==k?void 0:k.isCustom)?w?`${u(w[0])} to ${u(w[1])}`:m:k?null==k?void 0:k.label:m})})),e(l.Menu,Object.assign({className:"main--dropdown"},{children:o(r,Object.assign({drop:"end",id:"sub--dropdown",show:b,onToggle:e=>{!e&&C(!1),j(!b)}},{children:[c.map((t=>e("div",{children:(null==t?void 0:t.isCustom)?e(l.Toggle,Object.assign({className:"sub--dropdown"},{children:e(p,{eachOption:t,selectedOption:k,selectedDate:w,onClickingEachItem:e=>{S(e),j(!0)}})})):e(p,{eachOption:t,selectedOption:k,selectedDate:w,onClickingEachItem:e=>{if(S(e),T(),!e.noOfDays)return void v(e);const t=new Date,o=new Date;o.setDate(t.getDate()-e.noOfDays),v(Object.assign(Object.assign({},e),{selectedRange:[o,t]}))}})},null==t?void 0:t.key))),e(l.Menu,Object.assign({className:"sub--dropdown"},{children:e(a,{selectRange:(null===(h=null==k?void 0:k.dateRangeSelectionOptions)||void 0===h?void 0:h.selectRange)||!1,maxDate:null===(y=null==k?void 0:k.dateRangeSelectionOptions)||void 0===y?void 0:y.maxDate,minDate:null===(D=null==k?void 0:k.dateRangeSelectionOptions)||void 0===D?void 0:D.minDate,selectedDates:w,onSelectRange:(e,t)=>{const o=[e,t];(null==k?void 0:k.dateRangeSelectionOptions)&&(k.dateRangeSelectionOptions.selectedDates=o,v(Object.assign(Object.assign({},k),{selectedRange:[e,t]}))),j(!1),R(o),C(!f)}})}))]}))}))]}))})},p=t=>{let{eachOption:n,selectedOption:i,selectedDate:l,onClickingEachItem:a}=t;return o(m,Object.assign({onClick:()=>a(n),isSelected:n.isCustom?n.key==(null==i?void 0:i.key)&&!!l:n.key==(null==i?void 0:i.key)},{children:[e(d,Object.assign({color:n.key==(null==i?void 0:i.key)?s.positive[900]:s.grayscale[900]},{children:n.label})),l&&(null==i?void 0:i.isCustom)&&n.key==(null==i?void 0:i.key)&&e(c,{children:`${u(l[0])} to ${u(l[1])}`})]}),n.key)},u=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{g as AnalyticsDropdown,p as EachItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import I from"@emotion/styled/base";import{createElement as g}from"react";import{jsxs as C,jsx as A,Fragment as
|
|
1
|
+
import I from"@emotion/styled/base";import{createElement as g}from"react";import{jsxs as C,jsx as A,Fragment as l}from"react/jsx-runtime";import{COLORS as c}from"../../constants/Theme.js";import{TitleMedium as b,TitleRegular as m}from"../TypographyStyle.js";import{AnalyticsTrend as s}from"./AnalyticsTrend.js";function n(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const i=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlTWVkaXVtLCBUaXRsZVJlZ3VsYXIgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5pbXBvcnQgeyBBbmFseXRpY3NUcmVuZCB9IGZyb20gJy4vQW5hbHl0aWNzVHJlbmQnO1xyXG5jb25zdCBUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5jb25zdCBCcmVhayA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWJhc2lzOiAxMDAlO1xuXHRoZWlnaHQ6IDA7XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTWV0cmljID0gKHsgdGl0bGUsIHRyZW5kcywgUmlnaHRIZWFkZXJDb21wb25lbnQsIGNvbnRhaW5lclN0eWxlLCB0aXRsZVNpemUsIHRpdGxlQ29sb3IsIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFR5cG8sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogdGl0bGVDb2xvciAhPT0gbnVsbCAmJiB0aXRsZUNvbG9yICE9PSB2b2lkIDAgPyB0aXRsZUNvbG9yIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGl0bGUgfSkpKSwgUmlnaHRIZWFkZXJDb21wb25lbnRdIH0pKSwgX2pzeChUcmVuZENvbnRhaW5lciwgeyBjaGlsZHJlbjogdHJlbmRzLm1hcCgodHJlbmQsIGkpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogJzMzLjMzJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfY3JlYXRlRWxlbWVudChBbmFseXRpY3NUcmVuZCwgT2JqZWN0LmFzc2lnbih7fSwgdHJlbmQsIHsga2V5OiBpLCBjYXJkOiBmYWxzZSwgcmlnaHRTZXBhcmF0b3I6ICEoaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEpICYmIChpICsgMSkgJSA0ICE9PSAwLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnIH0pKSB9KSksIHRyZW5kcy5sZW5ndGggPiA0ICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFsoaSArIDEpICUgMyA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoIDw9IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKSwgKGkgKyAxKSAlIDQgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA+IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKV0gfSkpXSB9KSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzTWV0cmljLmpzLm1hcCJdfQ== */",toString:n}),e=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlTWVkaXVtLCBUaXRsZVJlZ3VsYXIgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5pbXBvcnQgeyBBbmFseXRpY3NUcmVuZCB9IGZyb20gJy4vQW5hbHl0aWNzVHJlbmQnO1xyXG5jb25zdCBUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5jb25zdCBCcmVhayA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWJhc2lzOiAxMDAlO1xuXHRoZWlnaHQ6IDA7XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTWV0cmljID0gKHsgdGl0bGUsIHRyZW5kcywgUmlnaHRIZWFkZXJDb21wb25lbnQsIGNvbnRhaW5lclN0eWxlLCB0aXRsZVNpemUsIHRpdGxlQ29sb3IsIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFR5cG8sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogdGl0bGVDb2xvciAhPT0gbnVsbCAmJiB0aXRsZUNvbG9yICE9PSB2b2lkIDAgPyB0aXRsZUNvbG9yIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGl0bGUgfSkpKSwgUmlnaHRIZWFkZXJDb21wb25lbnRdIH0pKSwgX2pzeChUcmVuZENvbnRhaW5lciwgeyBjaGlsZHJlbjogdHJlbmRzLm1hcCgodHJlbmQsIGkpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogJzMzLjMzJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfY3JlYXRlRWxlbWVudChBbmFseXRpY3NUcmVuZCwgT2JqZWN0LmFzc2lnbih7fSwgdHJlbmQsIHsga2V5OiBpLCBjYXJkOiBmYWxzZSwgcmlnaHRTZXBhcmF0b3I6ICEoaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEpICYmIChpICsgMSkgJSA0ICE9PSAwLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnIH0pKSB9KSksIHRyZW5kcy5sZW5ndGggPiA0ICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFsoaSArIDEpICUgMyA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoIDw9IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKSwgKGkgKyAxKSAlIDQgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA+IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKV0gfSkpXSB9KSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzTWV0cmljLmpzLm1hcCJdfQ== */",toString:n}),a=I=>{let{title:n,trends:a,RightHeaderComponent:d,containerStyle:G,titleSize:Z,titleColor:t}=I;const p="large"===Z?b:m;return C("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=G?G:{})},{children:[C("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[n&&A(p,Object.assign({color:null!=t?t:c.content.secondary,style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:n})),d]})),A(i,{children:a.map(((I,c)=>{var b;return C(l,{children:[A("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:g(s,Object.assign({},I,{key:c,card:!1,rightSeparator:!(c===a.length-1)&&(c+1)%4!=0,size:null!==(b=I.size)&&void 0!==b?b:"small"}))})),a.length>4&&C(l,{children:[(c+1)%3==0&&a.length<=6&&A(e,{style:{marginTop:c===a.length-1?0:32}}),(c+1)%4==0&&a.length>6&&A(e,{style:{marginTop:c===a.length-1?0:32}})]})]})}))})]}))};export{a as AnalyticsMetric};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface AnalyticsTrendInterface {
|
|
3
3
|
title: string;
|
|
4
|
-
value?: number;
|
|
5
|
-
trendPercent
|
|
6
|
-
|
|
4
|
+
value?: number | string;
|
|
5
|
+
trendPercent?: number;
|
|
6
|
+
formatVal?: boolean;
|
|
7
|
+
timeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
|
|
7
8
|
customRange?: Date[];
|
|
8
9
|
type?: 'vertical' | 'horizontal';
|
|
9
10
|
tooltip?: string;
|
|
@@ -11,5 +12,6 @@ export interface AnalyticsTrendInterface {
|
|
|
11
12
|
rightSeparator?: boolean;
|
|
12
13
|
size?: 'big' | 'small';
|
|
13
14
|
share?: boolean;
|
|
15
|
+
prefixSymbol?: string;
|
|
14
16
|
}
|
|
15
17
|
export declare const AnalyticsTrend: React.FC<AnalyticsTrendInterface>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import r from"../../assets/icons/arrow_down.svg.js";import o from"../../assets/icons/arrow_up.svg.js";import n from"../../assets/icons/info.svg.js";import{Tag as s}from"../tag/Tag.js";import{getFormattedMonthDate as a}from"../template-context-mapper/utils/getFormattedMonthDate.js";import{Tooltip as l}from"../tooltips/Tooltip.js";import{BodySecondary as c,TitleSmall as d,Caption as
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import r from"../../assets/icons/arrow_down.svg.js";import o from"../../assets/icons/arrow_up.svg.js";import n from"../../assets/icons/info.svg.js";import{Tag as s}from"../tag/Tag.js";import{getFormattedMonthDate as a}from"../template-context-mapper/utils/getFormattedMonthDate.js";import{Tooltip as l}from"../tooltips/Tooltip.js";import{BodySecondary as c,TitleSmall as d,Caption as m,TitleLarge as g,TitleMedium as p}from"../TypographyStyle.js";import{AnalyticsTrendContainer as y}from"./CommonStyles.js";const h=r=>{let{title:o,value:a,trendPercent:d,type:m="horizontal",timeline:h,customRange:b,tooltip:f,card:u=!0,rightSeparator:j=!1,size:x="big",share:O=!1,formatVal:w,prefixSymbol:R}=r;const $="big"===x?g:p,T=void 0!==d?d<0?"negative":0===d?"neutral":"positive":void 0,D=d?Math.abs(Math.round(d)):void 0;return e(y,Object.assign({card:u},{children:t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:j?1:0,borderRightColor:i.stroke.primary,borderRightStyle:"solid",paddingLeft:u?0:24,paddingRight:u?0:24}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(c,Object.assign({style:{color:i.content.secondary}},{children:o})),f&&e(l,Object.assign({body:f,placement:"right",width:300},{children:e("div",{children:e(n,{color:i.content.inactive,height:16,width:16})})}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},O?{justifyContent:"space-between"}:{})},{children:[e($,Object.assign({style:{color:i.content.primary}},{children:void 0===a?"--":"number"==typeof a&&w?`${null!=R?R:""}${new Intl.NumberFormat("en-IN",{}).format(a)}`:`${null!=R?R:""}${a}`})),"horizontal"===m&&!O&&e(v,{timeline:h,customRange:b,percent:D,direction:T}),O&&void 0!==D&&e(s,{tagText:`${D} %`,theme:"light",type:"neutral"})]})),"vertical"===m&&!O&&e("div",Object.assign({style:{marginTop:12}},{children:e(v,{timeline:h,customRange:b,percent:D,direction:T})}))]}))}))},v=n=>{let{percent:s,direction:l,timeline:c,customRange:g}=n;const p="negative"===l?r:o,y="negative"===l?i.background.negative.vibrant:"positive"===l?i.background.positive.vibrant:i.content.placeholder,h="today"===c?"vs yesterday":"yesterday"===c?"vs 1 day before":"7 days"===c?"vs last 7 days":"30 days"===c?"vs last 30 days":"custom"===c&&g?`vs ${a(g[0])} - ${a(g[1])}`:"";return t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:["number"==typeof s&&e(p,{color:y,height:20,width:20,style:{marginRight:2}}),"number"==typeof s&&l&&t(d,Object.assign({style:{color:y}},{children:["neutral"===l?0:s,"%"]})),c&&e(m,Object.assign({style:{marginLeft:4,color:i.content.placeholder}},{children:h}))]}))};export{h as AnalyticsTrend};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as
|
|
1
|
+
import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as i,CategoryScale as e,LinearScale as r,BarElement as a,Tooltip as n}from"chart.js";import{Bar as s}from"react-chartjs-2";import{TitleRegular as l}from"../../../TypographyStyle.js";import{FONTS as d,COLORS as c}from"../../../../constants/Theme.js";import{GraphContainerWrapper as g}from"./HorizontalGraph.styles.js";i.register(e,r,a,n);const p=i=>{var e,r,a,n;const p=-1===i.xAxis.data.findIndex((t=>0!==t)),x={indexAxis:"y",elements:{},responsive:!0,plugins:{legend:{display:!1}},scales:{y:{title:{display:!!i.yAxis.title,text:i.yAxis.title,color:i.yAxis.titleColor,font:{size:d.caption.fontSize,color:i.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:"white"},ticks:{fontSize:d.caption.fontSize,color:null!==(e=i.yAxis.labelColor)&&void 0!==e?e:c.content.secondary}},x:{title:{display:!!i.xAxis.title,text:i.xAxis.title,color:i.xAxis.titleColor,font:{size:d.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign({fontSize:d.caption.fontSize,color:null!==(r=i.xAxis.labelColor)&&void 0!==r?r:c.content.secondary},p?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},b={labels:p?["-","-","-","-","-","-"]:i.yAxis.data.map((t=>t.toString())),datasets:[{data:p?[250,1e3,800,1500,300,600]:i.xAxis.data,backgroundColor:t=>(t=>{var o;const e=t.chart.ctx.createLinearGradient(0,0,0,200);let r="";if(p)r="rgba(0,0,0,0)";else if(i.barColorRGBA){const t=i.barColorRGBA;r=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return e.addColorStop(0,r||"rgba(146, 96, 237, 0.3)"),e.addColorStop(1,r||"rgba(146, 96, 237, 0.3)"),e})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(g,Object.assign({padding:i.outerPadding},{children:[i.chartHeading&&o(l,Object.assign({color:null!==(a=i.chartHeading.color)&&void 0!==a?a:c.content.secondary},{children:i.chartHeading.heading})),o("div",Object.assign({style:{height:null!==(n=i.graphCanvasHeight)&&void 0!==n?n:500}},{children:o(s,{options:x,data:b})}))]}))};export{p as HorizontalGraph};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const
|
|
1
|
+
import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const n=o.div`
|
|
2
2
|
background-color: ${r.surface.standard};
|
|
3
|
-
padding: 24px;
|
|
4
|
-
`;export{
|
|
3
|
+
padding: ${o=>{var r;return null!==(r=o.padding)&&void 0!==r?r:"24px"}};
|
|
4
|
+
`;export{n as GraphContainerWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as
|
|
1
|
+
import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{Chart as r,CategoryScale as i,LinearScale as l,PointElement as n,BarElement as a,LineElement as s,ArcElement as d,Filler as c,Title as p,Tooltip as m,Legend as u}from"chart.js";import{useState as g,useRef as y,useEffect as v}from"react";import{Line as b}from"react-chartjs-2";import{SmallRegular as h}from"../../../TypographyStyle.js";import{COLORS as f}from"../../../../constants/Theme.js";import{LegendWrapper as x,LegendContainer as C,LegendColor as k}from"./LineChart.styled.js";r.register(i,l,n,a,s,d,c,p,m,u);const j=r=>{let{scaleText:i,labels:l,canvasHeight:n,datas:a,maintainAspectRatio:s=!1,stepSize:d,min:c,max:p,isZeroState:m}=r;var u;const[j,z]=g(null),S=y();v((()=>{var t,e,o,r;if(null===(r=null===(o=null===(e=null===(t=S.current)||void 0===t?void 0:t.scales)||void 0===e?void 0:e.y)||void 0===o?void 0:o.ticks)||void 0===r?void 0:r.length){const t=38*S.current.scales.y.ticks.length;z(t)}}),[S]);const w=a.map((t=>({text:t.legend,color:t.lineColor?t.lineColor:t.dotted?f.content.placeholder:f.background.brand})));return t("div",Object.assign({style:Object.assign(Object.assign({},s?{}:{height:null!==(u=null!=n?n:j)&&void 0!==u?u:204}),{display:"flex",flexDirection:"column",gap:2})},{children:[e(x,{children:w.map(((r,i)=>{let{text:l,color:n}=r;return l?t(C,{children:[e(k,{color:n}),e(h,Object.assign({color:"#667085"},{children:l}))]},i):e(o,{})}))}),e(b,{ref:S,options:{maintainAspectRatio:s,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:!1,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>f.content.primaryInverse,backgroundColor:f.content.primary,callbacks:{labelTextColor:()=>f.content.primaryInverse},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:m?0:c,max:m?10:p,ticks:{color:f.content.secondary,callback:t=>{var e;return`${null!==(e=null==i?void 0:i.yPrefix)&&void 0!==e?e:""}${t}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:d},title:{display:!!(null==i?void 0:i.y),text:null==i?void 0:i.y},grid:{color:f.background.base}},x:{ticks:{color:f.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==i?void 0:i.x),text:null==i?void 0:i.x},grid:{display:!1,drawBorder:!1}}}},data:{labels:l,datasets:a.map(((t,e)=>{var o;return{tension:.4,fill:t.gradient?"start":0,pointRadius:1,borderDash:t.dotted?[8,3]:void 0,data:t.data,borderWidth:2,borderColor:t.lineColor?t.lineColor:t.dotted?f.content.placeholder:f.background.brand,backgroundColor:t.gradient?t=>{const e=t.chart.ctx.createLinearGradient(0,0,0,j?j-75:150);return e.addColorStop(0,"#F1EEFB"),e.addColorStop(1,"rgba(127, 86, 217, 0)"),e}:null!==(o=t.backgroundColor)&&void 0!==o?o:"transparent"}}))}})]}))};export{j as LineChart};
|