@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
|
+
import{jsx as e,jsxs as s}from"react/jsx-runtime";import{useState as t}from"react";import{COLORS as i}from"../../constants/Theme.js";import{Button as n}from"../button/Button.js";import{BodySecondary as a,TitleSmall as l}from"../TypographyStyle.js";import{SimpleSidebarContainer as o}from"./SidebarStyles.js";const r=r=>{const{menuList:c,activeMenu:d,theme:u,showAccessUpgradePanel:m=!1,header:p,width:h,zIndex:b,left:v,postion:y,top:g,onMouseLeaveOnMenu:j,onMenuClick:f,onUpgrade:k}=r,[N,x]=t(d);return e(o,Object.assign({width:h,zIndex:b,left:v,theme:u,postion:y,top:g},{children:s("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:j},{children:[s("div",{children:[e(a,Object.assign({className:"sub-child-display-name"},{children:p})),null==c?void 0:c.map(((t,i)=>s("div",Object.assign({className:"sub-child-menu "+((null==N?void 0:N.key)==(null==t?void 0:t.key)?"sub-child-active-menu":""),onClick:()=>{x(t),f(t)},"aria-hidden":"true"},{children:[e("span",{className:(null==N?void 0:N.key)==(null==t?void 0:t.key)&&"brand"==u?"sub-child-active-text":""}),e(a,Object.assign({className:"sub-child-text "+((null==N?void 0:N.key)==(null==t?void 0:t.key)&&"white"==u?"active-bold-weight":"")},{children:null==t?void 0:t.displayName}))]}),i)))]}),m&&s("div",Object.assign({className:"lower-sticky-panel"},{children:[e(l,Object.assign({className:"title-text",style:{color:i.surface.standard}},{children:"Upgrade plan to access this feature."})),e(n,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>k?k():""})]}))]}),"_sub-menu")}))};export{r as SimpleSidebar};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import c from"@emotion/styled/base";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const d=c("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
|
+
import c from"@emotion/styled/base";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const d=c("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.colorsV2.surface.standard,";border:1px solid ",e.colorsV2.stroke.primary,";border-radius:4px;justify-content:space-between;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRThDIiwiZmlsZSI6IkNvbG91cklucHV0LnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb2xvcklucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbi10b3A6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0bWluLWhlaWdodDogdW5zZXQ7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHBhZGRpbmc6IDIwcHggOHB4O1xuXHRmbGV4OiAxO1xuXHRnYXA6IDE2cHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDQ4cHg7XG5cdGJhY2tncm91bmQ6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sb3JJbnB1dCA9IHN0eWxlZC5pbnB1dCBgXG5cdHBhZGRpbmc6IDA7XG5cdGJvcmRlcjogI2UwZTBlMCAxcHggc29saWQ7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Jjpob3ZlciB7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHR9XG5cdDo6LXdlYmtpdC1jb2xvci1zd2F0Y2gge1xuXHRcdGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbG91cklucHV0LnN0eWxlZC5qcy5tYXAiXX0= */")),t=c("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)."}});export{d as ColorInputContainer,t as StyledColorInput};
|
|
@@ -1 +1,5 @@
|
|
|
1
|
-
import{jsx as o
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import e from"../../../assets/icons/horizontal_dots.svg.js";import t from"../../../assets/icons/vertical_dots.svg.js";import n from"styled-components";import"../Dropdown.js";import{DropdownPopover as r}from"../DropdownPopover/index.js";import"react";import"../../zeroState/ZeroState.js";import"../../TypographyStyle.js";import{COLORS as s}from"../../../constants/Theme.js";import"../OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../OpenedDropdown/components/menu/MenuItem.js";import"../OpenedDropdown/components/menu/MenuList.styled.js";import"../OpenedDropdown/components/menu/SelectAllMenu.js";import"../../button/Button.js";import"../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../OpenedDropdown/components/OpennedDropdown.styled.js";import"../../input/Input.js";import{IconButton as p}from"../../icon-button/IconButton.js";const i=n.div`
|
|
2
|
+
:hover {
|
|
3
|
+
background: ${s.surface.subdued};
|
|
4
|
+
}
|
|
5
|
+
`,m=n=>o(i,{children:o(r,Object.assign({},n,{children:o("div",{children:o(p,{Icon:n.isHorizontal?e:t,bordered:!(null==n?void 0:n.hideBorder)})})}))});m.displayName="MenuItemDropdown";export{m as MenuItemDropdown};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as
|
|
1
|
+
import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as s,useState as t,useEffect as a,useCallback as i}from"react";import{ImageService as p}from"../../image-compress/ImageCompress.js";import{StateInterface as l}from"../../states/StateComponent.js";import{StateModalComponent as n}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as c}from"../BikImageCropper.js";const d=d=>{let{cropOptions:m,compressionOptions:u,currentImage:g,options:h,onFinish:f,onCancel:C,fileUploadOptions:w}=d;const y=s(null),[F,R]=t(),[b,j]=t(g),[v,I]=t(!1);a((()=>{h.upload?(R("upload"),setTimeout((()=>{E()}),500)):h.crop?R("crop"):h.compress?R("compress"):h.uploadToFirestorage?R("cloud-upload"):I(!0)}),[h.upload,h.crop,h.compress,h.uploadToFirestorage]);const O=i(((o,e)=>{if(!h.uploadToFirestorage)return f(o,e),void I(!0);R("cloud-upload"),w&&w.uploadFile(e,w.path).then((r=>{f(o,e,r),I(!0)})).catch((o=>{console.log("starting err process with ")}))}),[]),T=o=>{o||C();const e=p.base64ToImage(o);h.compress?(R("compress"),p.compressImage(e,u).then((o=>{if(!o)return I(!0),void C();O(o.base64,o.compressedFile)}))):O(o,e)},E=()=>{y.current.click()};return v?o(e,{}):"cloud-upload"===F?!w||w.success?o(e,{}):w.error?o("div",{children:o(n,{states:l.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{I(!0),C()}})}):o("div",{children:o(n,{states:l.LOADING,heading:"Uploading your photo",subline:"Please wait while we upload your photo",isButtonEnabled:!1,width:300})}):r("div",{children:[h.upload&&o("input",{ref:y,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;j({src:r.result}),o=r.result,h.crop?R("crop"):T(o)},e&&r.readAsDataURL(e)}}),"crop"===F&&o(c,{src:b.src,onCropComplete:o=>{j({src:o}),T(o)},aspectRatio:m.aspectRatio,onCancel:C})]})};export{d as BikImagePipeline};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import s from"../../assets/icons/check.svg.js";import{Button as i}from"../button/Button.js";import{SubscriptionPlanStyled as a}from"./SubscriptionPlanStyled.js";import{Caption as n,TitleRegular as c,TitleLarge as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import s from"../../assets/icons/check.svg.js";import{Button as i}from"../button/Button.js";import{SubscriptionPlanStyled as a}from"./SubscriptionPlanStyled.js";import{Caption as n,TitleRegular as c,TitleLarge as r,BodyPrimary as l,BodyCaption as o}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";const m=m=>{const b=m.showMonthly?m.monthlyPlan:m.yearlyPlan,h=!m.isDisabled&&m.isMostPopular;return e(a,Object.assign({isSelected:m.isSelected||!1,style:{marginTop:h?0:24}},{children:[h&&t("div",Object.assign({className:"most-popular"},{children:t(n,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e("div",Object.assign({className:`box ${m.isSelected?"selected":""} ${m.isDisabled?"disabled":""} ${h?"":"rounded-corners"}\n\t\t\t\t`},{children:[e("div",{children:[t(c,Object.assign({style:{color:d.content.secondary,marginBottom:4}},{children:m.planName})),e("div",Object.assign({className:"price-block"},{children:[e(r,Object.assign({style:{color:d.content.primary}},{children:["$ ",b.price]})),e(l,Object.assign({style:{color:d.content.secondary,marginLeft:4}},{children:["/ ",m.showMonthly?"month":"year"]}))]})),e("div",Object.assign({className:"per-message-price"},{children:[t(o,Object.assign({style:{color:d.content.secondary}},{children:m.planDescription})),t(o,Object.assign({style:{color:d.background.positive.vibrant,marginLeft:4}},{children:m.planDescriptionDiscount}))]})),m.showTrialOptions&&e(n,Object.assign({className:"trial "+(m.isSelected?"selected":"")},{children:["7 day free trial with ",m.freeTrialMessages," messages"]})),t("div",Object.assign({className:"features"},{children:m.features.map(((i,a)=>e("div",Object.assign({className:"feature"},{children:[t(s,{height:16,width:16,color:d.content.primary}),t(l,Object.assign({className:"feature-text"},{children:i.detail}),a)]}),i.detail)))}))]}),e("div",Object.assign({className:"button-box"},{children:[m.isSelected&&t(i,{LeadingIcon:s,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),m.isDisabled&&t(i,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!m.isSelected&&!m.isDisabled&&t(i,{buttonType:"primary",size:"medium",onClick:()=>m.onPlanSelect(m.code),matchParentWidth:!0,buttonText:"Choose plan"})]}))]})),t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${m.isDisabled?"disabled":""}\n\t\t\t\t\t${m.isSelected?"selected":""}\n\t\t\t\t`},{children:t(n,Object.assign({className:"text",style:{color:d.background.inverse}},{children:m.bottomDescription}))}))]}))};export{m as SubscriptionPlan};
|
|
@@ -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
|
-
import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})(".box{height:400px;padding:24px;background-color:",d.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.background.brandLight,";}
|
|
1
|
+
import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})("border:1px solid ",d.stroke.primary,";border:1px solid ",(c=>c.isSelected?d.text.altSecondary:d.stroke.primary),";box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;.box{height:400px;padding:24px;background-color:",d.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.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.surface.standard,";}}.trial{margin-top:16px;margin-bottom:12px;padding:4px 8px;border-radius:4px;color:",d.content.secondary,";background-color:",d.surface.hovered,";}.trial.selected{background-color:",d.surface.standard,";}.feature{display:flex;align-items:center;margin-top:12px;.feature-text{margin-left:12px;color:",d.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.background.brandLight,";padding:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;.text{color:",d.background.inverse,";}}.disabled{*{color:",d.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",d.background.base,";}.plan-bottom-information.selected{background:",d.surface.standard,";color:",d.content.placeholder,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMudGV4dC5hbHRTZWNvbmRhcnkgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXG5cdGJveC1zaGFkb3c6IDBweCAycHggOHB4IHJnYmEoMCwgMCwgMCwgMC4xMik7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblxuXHQuYm94IHtcblx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdC5yb3VuZGVkLWNvcm5lcnMge1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0d2lkdGg6IDEwMCU7XG5cblx0Lm1vc3QtcG9wdWxhciB7XG5cdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwLjA1ZGVnLCAjNzQzOTc5IDEuMjIlLCAjNTI2ZGNhIDk5Ljk1JSksXG5cdFx0XHQjNGIxNTgzO1xuXHRcdHBhZGRpbmc6IDRweDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0fVxuXHR9XG5cblx0LnRyaWFsIHtcblx0XHRtYXJnaW4tdG9wOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDEycHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0LnRyaWFsLnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0fVxuXG5cdC5mZWF0dXJlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cblx0XHQuZmVhdHVyZS10ZXh0IHtcblx0XHRcdG1hcmdpbi1sZWZ0OiAxMnB4O1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHR9XG5cblx0XHRtYXJnaW4tdG9wOiAxMnB4O1xuXHR9XG5cblx0LnByaWNlLWJsb2NrIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdG1hcmdpbi1ib3R0b206IDRweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR9XG5cblx0LnBlci1tZXNzYWdlLXByaWNlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uIHtcblx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdHBhZGRpbmc6IDRweDtcblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O1xuXHRcdH1cblxuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5kaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdWJzY3JpcHRpb25QbGFuU3R5bGVkLmpzLm1hcCJdfQ== */"));export{b as SubscriptionPlanStyled};
|
|
@@ -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
|
+
import{jsx as e}from"react/jsx-runtime";import{SearchIcon as o}from"../../assets/icons/searchIcon.js";import{useState as t,useEffect as n}from"react";import a from"../../assets/icons/cross.svg.js";import{Input as r}from"../input/Input.js";const s=s=>{const{isEnabled:i,onEnter:c,placeholder:l,width:d,variant:h,validate:u}=s,[m,f]=t("search"),[p,v]=t("default"),[g,b]=t(i?"none":"disabled"),[j,k]=t(s.initialValue||"");n((()=>{b(i?"none":"disabled")}),[i]);const w=e=>{i&&c(e)};return e(r,{validate:u,onFocus:()=>{"default"===p&&i&&(v("clicked"),b("active"))},width:d,state:g,leftIcon:"search"===m&&"default"===p?{icon:o}:void 0,rightIcon:"cross"===m?{icon:a,callback:()=>{f("search"),v("default"),k(""),b("none"),c("")}}:void 0,onChangeText:(e,o)=>{s.onChange(e),k(e),"keydown"!==(null==o?void 0:o.type)||13!==o.which&&13!==o.keyCode?e.trim().length?f("cross"):f("search"):w(e)},placeholder:l,variant:h,value:j,onBlur:()=>{j.length||v("default"),b("none")}})};export{s as SearchBar};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";import{ShimmerStyled as e}from"./ShimmerStyled.js";const t=t=>i(e,Object.assign({isBrand:t.isBrand},{children:t.boxes.map(((e,t)=>i("div",{className:"shine",style:{width:e.width,height:e.height,marginTop:e.marginTop||"16px"}},t)))}));export{t as BikShimmer,t as default};
|
|
@@ -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
|
-
import
|
|
1
|
+
import i from"@emotion/styled/base";import{keyframes as t}from"@emotion/react";const l=t`
|
|
2
2
|
0% {
|
|
3
3
|
background-position: -468px 0;
|
|
4
4
|
}
|
|
@@ -6,4 +6,4 @@ import b from"@emotion/styled/base";import{keyframes as i}from"@emotion/react";c
|
|
|
6
6
|
100% {
|
|
7
7
|
background-position: 468px 0;
|
|
8
8
|
}
|
|
9
|
-
`,
|
|
9
|
+
`,b=i("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:column;.shine{border-radius:4px;background:",(i=>i.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:",l,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5zaGluZSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICcjNEIxNTgzIGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgIzI4MDM0RSAwJSwgI2VkZWVmMSAyMCUsICMyODAzNEUgNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdCdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdFx0YmFja2dyb3VuZC1zaXplOiA4MDBweCAzMDRweDtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNoaW1tZXJTdHlsZWQuanMubWFwIl19 */"));export{b as ShimmerStyled};
|
|
@@ -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/esm/index.d.ts
CHANGED
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";import"react/jsx-runtime";import"react";import"./components/accordion/Accordion.style.js";import"./components/accordion/AccordionArrow.js";import"./components/curtain/CurtainHelper.js";import"./components/file-uploader/FileUploaderStyle.js";export{ColourInput}from"./components/colourInput/ColourInput.js";
|
|
1
|
+
import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";import"react/jsx-runtime";import"react";import"./components/accordion/Accordion.style.js";import"./components/accordion/AccordionArrow.js";import"./components/curtain/CurtainHelper.js";import"./components/file-uploader/FileUploaderStyle.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{SearchBar}from"./components/searchBar/searchBar.js";
|