@bikdotai/bik-component-library 0.0.1-analytics-beta → 0.0.1-analytics-chips-beta

package/dist/esm/components/datePicker/DatePicker.styled.js

@@ -0,0 +1,156 @@
+import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const o=r.div`
+	position: relative;
+	z-index: 99999;
+
+	.react-calendar {
+		background: ${e.text.white};
+		border-width: 1px;
+		border-style: solid;
+		border-color: ${e.text.white};
+		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
+		border-radius: 4px;
+		color: ${e.text.primary};
+		&--selectRange {
+			.react-calendar {
+				&__year-view {
+					.react-calendar__tile--hover {
+						background-color: unset;
+					}
+				}
+				&__month-view {
+					.react-calendar__tile--hover {
+						background-color: ${e.background.brandLight};
+					}
+				}
+			}
+		}
+		.react-calendar {
+			&__tile {
+				transition: all 0.25s;
+				&:enabled:hover {
+					background-color: ${e.surface.hovered};
+					border-radius: 4px;
+				}
+				&--hasActive:enabled:hover,
+				&--hasActive:enabled:focus {
+					background: ${e.background.brand};
+					color: ${e.text.white};
+				}
+				&.react-calendar__tile {
+					&--range {
+						&:enabled:hover {
+							border-radius: 0;
+						}
+					}
+					&--rangeStart {
+						border-top-right-radius: 0;
+						border-bottom-right-radius: 0;
+						border-top-left-radius: 4px !important;
+						border-bottom-left-radius: 4px !important;
+						background: ${e.background.brand};
+						color: ${e.text.white};
+
+						&:enabled:hover {
+							border-top-right-radius: 0;
+							background: ${e.background.brand};
+							border-color: ${e.background.brand};
+							border-bottom-right-radius: 0;
+						}
+						&.react-calendar__tile--rangeEnd {
+							${r=>(r=>r.selectRange?"\n      border-top-right-radius: 0 !important;\n      border-bottom-right-radius: 0 !important;\n    ":"\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n    ")(r)}
+							border-top-left-radius: 4px;
+							border-bottom-left-radius: 4px;
+							&:enabled:hover {
+								background: ${e.background.brand};
+								border-color: ${e.background.brand};
+								border-top-right-radius: 0;
+								border-bottom-right-radius: 0;
+								border-top-left-radius: 4px !important;
+								border-bottom-left-radius: 4px !important;
+							}
+						}
+					}
+					&--rangeEnd {
+						border-top-left-radius: 0;
+						border-bottom-left-radius: 0;
+						border-top-right-radius: 4px !important;
+						border-bottom-right-radius: 4px !important;
+						background: ${e.background.brand};
+						color: ${e.text.white};
+
+						&:enabled:hover {
+							border-top-left-radius: 0;
+							background: ${e.background.brand};
+							border-color: ${e.background.brand};
+							border-bottom-left-radius: 0;
+						}
+					}
+				}
+			}
+		}
+
+		.react-calendar__tile--active {
+			background: ${e.background.brandLight};
+			color: ${e.text.primary};
+		}
+
+		.react-calendar__tile--now {
+			background: ${e.text.white};
+			border-radius: 4px;
+			border-color: ${e.background.brand};
+			border-style: solid;
+			border-width: 1px;
+		}
+
+		.react-calendar__month-view__weekdays__weekday {
+			font-style: normal;
+			overflow: hidden;
+			font-weight: 600;
+			font-size: 14px;
+			line-height: 20px;
+			color: ${e.text.primary};
+
+			abbr[title] {
+				text-decoration: none !important;
+			}
+		}
+
+		.react-calendar__navigation button:enabled:hover,
+		.react-calendar__navigation button:enabled:focus {
+			background-color: ${e.background.brandLight};
+			border-radius: 4px;
+		}
+
+		.react-calendar__month-view__weekends {
+			color: ${e.text.primary};
+		}
+
+		.react-calendar__month-view__days__day--weekend {
+			color: ${e.text.primary};
+		}
+
+		.react-calendar__month-view__weekdays {
+			background: ${e.surface.subdued};
+		}
+
+		.react-calendar__navigation {
+			display: flex;
+			padding: 12px 20px;
+
+			button {
+				border: 0;
+				background: transparent;
+			}
+
+			.react-calendar__navigation__arrow
+				react-calendar__navigation__prev2-button {
+				font-size: 20px;
+			}
+
+			.react-calendar__navigation__arrow
+				react-calendar__navigation__prev-button {
+				font-size: 20px;
+			}
+		}
+	}
+`;export{o as PickerContainer};

package/dist/esm/components/dropdown/Dropdown.js

@@ -0,0 +1 @@
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useRef as t,useState as e}from"react";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/chevronDown.svg.js";import{Input as l}from"../input/Input.js";import{InputStyleContext as a}from"../input/context/InputStyleProvider.js";import{UnChildDropdown as s}from"./UnChildDropdown/UnChildDropdown.js";function p(){}const c=c=>{var{placeHolder:m,size:u,onSelect:d}=c,h=o(c,["placeHolder","size","onSelect"]);const f=null!=u?u:"default",v=t(),[g,j]=e(null);const w=g?g.map((o=>o.options?o.options.map((o=>o.label)).join(","):o.label)).join(","):void 0;return r(a.Provider,Object.assign({value:{InputWrapper:{height:"small"===f?32:48,width:"100%",zIndex:1,cursor:"pointer"},input:{minHeight:"100%"}}},{children:r(s,Object.assign({ref:v,onSelect:function(o){Array.isArray(o)?j([...o]):j([o]),null==d||d(o)}},h,{children:r(l,{value:w,errorMessage:h.error,variant:f,onChangeText:p,placeholder:null!=m?m:"Select an option",rightIcon:{icon:()=>{var o;return r(i,{style:{transform:(null===(o=null==v?void 0:v.current)||void 0===o?void 0:o.openDropdown)?"rotate(180deg)":"rotate(0deg)"},onClick:p,width:"small"===f?20:24,height:"small"===f?20:24,color:n.content.primary})}}})}))}))};export{c as default};

package/dist/esm/index.d.ts

@@ -23,3 +23,4 @@ export * from './components/modals';
 export * from './components/dropdown';
 export * from './components/analytics-card';
 export * from './components/input';
+export * from './components/analytics-chips-and-dropdowns';

package/dist/esm/index.js

@@ -1 +1 @@
-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{CustomisedTooltip,TooltipPlacement}from"./components/tooltips/CustomisedTooltip.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";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.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}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,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{StyledModal}from"./components/modals/styledModal.js";import"react/jsx-runtime";import"react";export{Input}from"./components/input/Input.js";import"./components/dropdown/UnChildDropdown/UnChildDropdown.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";
+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{CustomisedTooltip,TooltipPlacement}from"./components/tooltips/CustomisedTooltip.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";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.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}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,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{StyledModal}from"./components/modals/styledModal.js";import"react/jsx-runtime";import"react";export{Input}from"./components/input/Input.js";import"./components/dropdown/UnChildDropdown/UnChildDropdown.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.1-analytics-beta",
+	"version": "0.0.1-analytics-chips-beta",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",