@bikdotai/bik-component-library 0.0.23-beta-vikram → 0.0.23-tag.2

package/dist/cjs/components/tag/Tag.styled.js

@@ -1,26 +1,28 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./themes.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=t(e).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=r(e).default.div`
 	cursor: default;
 	${e=>"regular"===e.variant?"display: block;":""}
 	${e=>"circle"===e.variant&&"height: 20px;"}
 	.container {
 		display: flex;
 		gap: 6px;
-		padding: ${e=>r.getPadding(e.variant)};
+		padding: ${e=>t.getPadding(e.variant)};
 
-		background-color: ${e=>r.getBackgroundColor(e.theme,e.type)};
+		background-color: ${e=>t.getBackgroundColor(e.theme,e.type)};
 
 		border-radius: ${e=>"regular"===e.variant?"4px":"12px"};
 
-		${e=>"light"===e.theme&&`border: 1px solid ${r.generateBorder(e.type)};`}
+		${e=>"light"===e.theme&&`border: 1px solid ${t.generateBorder(e.type)};`}
 
 		.text {
-			color: ${e=>r.getTextColor(e.theme,e.type)};
+			color: ${e=>t.getTextColor(e.theme,e.type)};
 		}
 
 		.icon-trailing {
+			all: unset;
 		}
 
 		.icon-leading {
+			all: unset;
 		}
 	}
 `;exports.Tag=a;

package/dist/cjs/components/tag/model.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
+import { MouseEventHandler } from 'react';
 export type TagTheme = 'light' | 'dark';
 export type TagVariant = 'regular' | 'circle';
 export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey';
@@ -21,7 +22,7 @@ export declare const ValidTagTypeMap: {
         grey: boolean;
     };
 };
-export interface TagProps {
+export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
     /**
      * Set the theme of the Tag
      * @default default light
@@ -38,16 +39,24 @@ export interface TagProps {
      */
     variant?: TagVariant;
     /**
-     * The icon component that is the left of the text
+     * The icon component that is the right of the text
      * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
      * @default undefined
      */
     TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
     /**
-     * The icon component that is to the right of the text
+     * The left icon on click event, defaults to () => {}
+     */
+    onTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The icon component that is to the left of the text
      * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
      * @default undefined
      */
     LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * The right icon on click event, defaults to () => {}
+     */
+    onLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;
     tagText: string | number;
 }

package/dist/cjs/index.d.ts

@@ -23,8 +23,6 @@ export * from './components/modals';
 export * from './components/dropdown';
 export * from './components/analytics-card';
 export * from './components/input';
-export * from './components/analytics-chips-and-dropdowns';
 export * from './components/avatar';
 export * from './components/thumbnail';
 export * from './components/curtain';
-export * from './components/datePicker';

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utils/StringUtils.js"),o=require("./constants/Theme.js"),t=require("./components/checkBox/CheckBox.js"),r=require("./components/list-item/ListItem.js"),n=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),p=require("./components/toaster/Toaster.js"),i=require("./components/tooltips/Tooltip.js"),a=require("./components/tooltips/CustomisedTooltip.js"),u=require("./components/spinner/Spinner.js"),l=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/constants/regexPatterns.js"),x=require("./components/template-preview/TemplatePreview.js"),y=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/helpers/SmsTemplateHelper.js"),A=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),C=require("./components/fab-menu/FABMenu.js"),g=require("./components/floating-action-button/FloatingActionButton.js"),B=require("./components/floating-action-button/FloatingActionButton.styles.js"),P=require("./components/image-compress/ImageCompress.js"),j=require("./components/TypographyStyle.js"),S=require("./components/button/Button.js"),O=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/modals/styledModal.js"),w=require("./components/dropdown/Dropdown.js"),I=require("./components/dropdown/DropdownPopover/index.js"),D=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),h=require("./components/analytics-card/AnalyticsCard.js"),M=require("./components/analytics-card/AnalyticsCard.styled.js"),_=require("./components/input/Input.js"),L=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),b=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),v=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),R=require("./components/analytics-chips-and-dropdowns/CommonStyles.js"),F=require("./components/avatar/Avatar.js"),E=require("./components/thumbnail/Thumbnail.js"),N=require("./components/curtain/Curtain.js"),f=require("./components/datePicker/DatePicker.js");exports.StringUtils=e.default,exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.CheckBox=t.CheckBox,exports.ListItem=r.ListItem,exports.Pagination=n.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=p.Toaster,exports.Tooltip=i.Tooltip,exports.CustomisedTooltip=a.CustomisedTooltip,Object.defineProperty(exports,"TooltipPlacement",{enumerable:!0,get:function(){return a.TooltipPlacement}}),exports.Spinner=u.Spinner,exports.Stepper=l.Stepper,exports.Tag=c.Tag,exports.IconButton=d.IconButton,exports.regexPatterns=m,exports.TemplatePreview=x.TemplatePreview,exports.WhatsappLikePreview=y.WhatsappLikePreview,exports.renderVariableUIForPreview=T.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=A.WhatsAppFormatToHTML,exports.FABMenu=C.FABMenu,exports.FloatingActionButton=g.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.ImageService=P.ImageService,exports.BodyCaption=j.BodyCaption,exports.BodyLarge=j.BodyLarge,exports.BodyPrimary=j.BodyPrimary,exports.BodyPrimaryLink=j.BodyPrimaryLink,exports.BodyRegular=j.BodyRegular,exports.BodySecondary=j.BodySecondary,exports.BodySecondaryLink=j.BodySecondaryLink,exports.BodyTiny=j.BodyTiny,exports.ButtonLarge=j.ButtonLarge,exports.ButtonRegular=j.ButtonRegular,exports.Caption=j.Caption,exports.Display=j.Display,exports.SubHeading=j.SubHeading,exports.TitleLarge=j.TitleLarge,exports.TitleMedium=j.TitleMedium,exports.TitleRegular=j.TitleRegular,exports.TitleSmall=j.TitleSmall,exports.Button=S.Button,exports.ProgressBarComponent=O.ProgressBarComponent,exports.ProgressCompletedBar=O.ProgressCompletedBar,exports.StyledModal=q.StyledModal,exports.Dropdown=w.Dropdown,exports.DropdownPopover=I.DropdownPopover,exports.OpenedDropdown=D.OpenedDropdown,exports.AnalyticsCard=h.AnalyticsCard,exports.AnalyticsContainer=M.AnalyticsContainer,exports.CardDataContainer=M.CardDataContainer,exports.Input=_.Input,exports.AnalyticsChip=L.AnalyticsChip,exports.AnalyticsDropdown=b.AnalyticsDropdown,exports.AnalyticsMultiChip=v.AnalyticsMultiChip,exports.AnalyticsChipContainer=R.AnalyticsChipContainer,exports.AnalyticsMultiWrapper=R.AnalyticsMultiWrapper,exports.ItemMenuContainer=R.ItemMenuContainer,exports.MainDropdown=R.MainDropdown,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=F.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=F.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=F.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return E.RATIO}}),exports.Thumbnail=E.Thumbnail,exports.Curtain=N.Curtain,exports.DatePicker=f.DatePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utils/StringUtils.js"),o=require("./constants/Theme.js"),t=require("./components/checkBox/CheckBox.js"),r=require("./components/list-item/ListItem.js"),n=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),p=require("./components/toaster/Toaster.js"),i=require("./components/tooltips/Tooltip.js"),a=require("./components/tooltips/CustomisedTooltip.js"),u=require("./components/spinner/Spinner.js"),l=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),m=require("./components/icon-button/IconButton.js"),d=require("./components/template-preview/constants/regexPatterns.js"),x=require("./components/template-preview/TemplatePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),g=require("./components/template-preview/helpers/SmsTemplateHelper.js"),B=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/fab-menu/FABMenu.js"),A=require("./components/floating-action-button/FloatingActionButton.js"),C=require("./components/floating-action-button/FloatingActionButton.styles.js"),S=require("./components/image-compress/ImageCompress.js"),P=require("./components/TypographyStyle.js"),O=require("./components/button/Button.js"),j=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/modals/styledModal.js"),I=require("./components/dropdown/Dropdown.js"),w=require("./components/dropdown/DropdownPopover/index.js"),_=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),L=require("./components/analytics-card/AnalyticsCard.js"),b=require("./components/analytics-card/AnalyticsCard.styled.js"),v=require("./components/input/Input.js"),D=require("./components/avatar/Avatar.js"),R=require("./components/thumbnail/Thumbnail.js"),F=require("./components/curtain/Curtain.js");exports.StringUtils=e.default,exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.CheckBox=t.CheckBox,exports.ListItem=r.ListItem,exports.Pagination=n.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=p.Toaster,exports.Tooltip=i.Tooltip,exports.CustomisedTooltip=a.CustomisedTooltip,Object.defineProperty(exports,"TooltipPlacement",{enumerable:!0,get:function(){return a.TooltipPlacement}}),exports.Spinner=u.Spinner,exports.Stepper=l.Stepper,exports.Tag=c.Tag,exports.IconButton=m.IconButton,exports.regexPatterns=d,exports.TemplatePreview=x.TemplatePreview,exports.WhatsappLikePreview=T.WhatsappLikePreview,exports.renderVariableUIForPreview=g.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=B.WhatsAppFormatToHTML,exports.FABMenu=y.FABMenu,exports.FloatingActionButton=A.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return C.DROP_POSITION}}),exports.DropdownToggleContainer=C.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return C.FAB_POSITION}}),exports.FloatingActionButtonContainer=C.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=C.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return C.MENU_ALIGNMENT}}),exports.StyledDropdown=C.StyledDropdown,exports.ImageService=S.ImageService,exports.BodyCaption=P.BodyCaption,exports.BodyLarge=P.BodyLarge,exports.BodyPrimary=P.BodyPrimary,exports.BodyPrimaryLink=P.BodyPrimaryLink,exports.BodyRegular=P.BodyRegular,exports.BodySecondary=P.BodySecondary,exports.BodySecondaryLink=P.BodySecondaryLink,exports.BodyTiny=P.BodyTiny,exports.ButtonLarge=P.ButtonLarge,exports.ButtonRegular=P.ButtonRegular,exports.Caption=P.Caption,exports.Display=P.Display,exports.SubHeading=P.SubHeading,exports.TitleLarge=P.TitleLarge,exports.TitleMedium=P.TitleMedium,exports.TitleRegular=P.TitleRegular,exports.TitleSmall=P.TitleSmall,exports.Button=O.Button,exports.ProgressBarComponent=j.ProgressBarComponent,exports.ProgressCompletedBar=j.ProgressCompletedBar,exports.StyledModal=q.StyledModal,exports.Dropdown=I.Dropdown,exports.DropdownPopover=w.DropdownPopover,exports.OpenedDropdown=_.OpenedDropdown,exports.AnalyticsCard=L.AnalyticsCard,exports.AnalyticsContainer=b.AnalyticsContainer,exports.CardDataContainer=b.CardDataContainer,exports.Input=v.Input,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=D.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=D.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=D.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return R.RATIO}}),exports.Thumbnail=R.Thumbnail,exports.Curtain=F.Curtain;