@bikdotai/bik-component-library 0.0.1-analytics-beta → 0.0.1-analytics-chips-beta
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/chevronDown.svg.js +1 -0
- package/dist/cjs/bundle.css +118 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -0
- package/dist/cjs/components/datePicker/DatePicker.js +1 -0
- package/dist/cjs/components/datePicker/DatePicker.styled.js +156 -0
- package/dist/cjs/components/dropdown/Dropdown.js +1 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/assets/icons/chevronDown.svg.js +1 -0
- package/dist/esm/bundle.css +118 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -0
- package/dist/esm/components/datePicker/DatePicker.js +1 -0
- package/dist/esm/components/datePicker/DatePicker.styled.js +156 -0
- package/dist/esm/components/dropdown/Dropdown.js +1 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-calendar"),r=require("./DatePicker.styled.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(a);exports.DatePicker=a=>{const[n,s]=t.useState(a.selectedDates),[l,i]=t.useState(a.selectedDate);return e.jsx(r.PickerContainer,Object.assign({selectRange:a.selectRange},{children:e.jsx(c.default,{onChange:e=>{a.selectRange?(a.onSelectRange(e[0],e[1]),s([e[0],e[1]])):(a.onSelectDate(e),i(e))},value:a.selectRange?n:l,selectRange:a.selectRange,minDate:a.minDate,maxDate:a.maxDate})}))};
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../constants/Theme.js");function a(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}const o=a(r).default.div`
|
|
2
|
+
position: relative;
|
|
3
|
+
z-index: 99999;
|
|
4
|
+
|
|
5
|
+
.react-calendar {
|
|
6
|
+
background: ${e.COLORS.text.white};
|
|
7
|
+
border-width: 1px;
|
|
8
|
+
border-style: solid;
|
|
9
|
+
border-color: ${e.COLORS.text.white};
|
|
10
|
+
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
|
|
11
|
+
border-radius: 4px;
|
|
12
|
+
color: ${e.COLORS.text.primary};
|
|
13
|
+
&--selectRange {
|
|
14
|
+
.react-calendar {
|
|
15
|
+
&__year-view {
|
|
16
|
+
.react-calendar__tile--hover {
|
|
17
|
+
background-color: unset;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
&__month-view {
|
|
21
|
+
.react-calendar__tile--hover {
|
|
22
|
+
background-color: ${e.COLORS.background.brandLight};
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
.react-calendar {
|
|
28
|
+
&__tile {
|
|
29
|
+
transition: all 0.25s;
|
|
30
|
+
&:enabled:hover {
|
|
31
|
+
background-color: ${e.COLORS.surface.hovered};
|
|
32
|
+
border-radius: 4px;
|
|
33
|
+
}
|
|
34
|
+
&--hasActive:enabled:hover,
|
|
35
|
+
&--hasActive:enabled:focus {
|
|
36
|
+
background: ${e.COLORS.background.brand};
|
|
37
|
+
color: ${e.COLORS.text.white};
|
|
38
|
+
}
|
|
39
|
+
&.react-calendar__tile {
|
|
40
|
+
&--range {
|
|
41
|
+
&:enabled:hover {
|
|
42
|
+
border-radius: 0;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
&--rangeStart {
|
|
46
|
+
border-top-right-radius: 0;
|
|
47
|
+
border-bottom-right-radius: 0;
|
|
48
|
+
border-top-left-radius: 4px !important;
|
|
49
|
+
border-bottom-left-radius: 4px !important;
|
|
50
|
+
background: ${e.COLORS.background.brand};
|
|
51
|
+
color: ${e.COLORS.text.white};
|
|
52
|
+
|
|
53
|
+
&:enabled:hover {
|
|
54
|
+
border-top-right-radius: 0;
|
|
55
|
+
background: ${e.COLORS.background.brand};
|
|
56
|
+
border-color: ${e.COLORS.background.brand};
|
|
57
|
+
border-bottom-right-radius: 0;
|
|
58
|
+
}
|
|
59
|
+
&.react-calendar__tile--rangeEnd {
|
|
60
|
+
${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)}
|
|
61
|
+
border-top-left-radius: 4px;
|
|
62
|
+
border-bottom-left-radius: 4px;
|
|
63
|
+
&:enabled:hover {
|
|
64
|
+
background: ${e.COLORS.background.brand};
|
|
65
|
+
border-color: ${e.COLORS.background.brand};
|
|
66
|
+
border-top-right-radius: 0;
|
|
67
|
+
border-bottom-right-radius: 0;
|
|
68
|
+
border-top-left-radius: 4px !important;
|
|
69
|
+
border-bottom-left-radius: 4px !important;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
&--rangeEnd {
|
|
74
|
+
border-top-left-radius: 0;
|
|
75
|
+
border-bottom-left-radius: 0;
|
|
76
|
+
border-top-right-radius: 4px !important;
|
|
77
|
+
border-bottom-right-radius: 4px !important;
|
|
78
|
+
background: ${e.COLORS.background.brand};
|
|
79
|
+
color: ${e.COLORS.text.white};
|
|
80
|
+
|
|
81
|
+
&:enabled:hover {
|
|
82
|
+
border-top-left-radius: 0;
|
|
83
|
+
background: ${e.COLORS.background.brand};
|
|
84
|
+
border-color: ${e.COLORS.background.brand};
|
|
85
|
+
border-bottom-left-radius: 0;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.react-calendar__tile--active {
|
|
93
|
+
background: ${e.COLORS.background.brandLight};
|
|
94
|
+
color: ${e.COLORS.text.primary};
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.react-calendar__tile--now {
|
|
98
|
+
background: ${e.COLORS.text.white};
|
|
99
|
+
border-radius: 4px;
|
|
100
|
+
border-color: ${e.COLORS.background.brand};
|
|
101
|
+
border-style: solid;
|
|
102
|
+
border-width: 1px;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.react-calendar__month-view__weekdays__weekday {
|
|
106
|
+
font-style: normal;
|
|
107
|
+
overflow: hidden;
|
|
108
|
+
font-weight: 600;
|
|
109
|
+
font-size: 14px;
|
|
110
|
+
line-height: 20px;
|
|
111
|
+
color: ${e.COLORS.text.primary};
|
|
112
|
+
|
|
113
|
+
abbr[title] {
|
|
114
|
+
text-decoration: none !important;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.react-calendar__navigation button:enabled:hover,
|
|
119
|
+
.react-calendar__navigation button:enabled:focus {
|
|
120
|
+
background-color: ${e.COLORS.background.brandLight};
|
|
121
|
+
border-radius: 4px;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.react-calendar__month-view__weekends {
|
|
125
|
+
color: ${e.COLORS.text.primary};
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.react-calendar__month-view__days__day--weekend {
|
|
129
|
+
color: ${e.COLORS.text.primary};
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.react-calendar__month-view__weekdays {
|
|
133
|
+
background: ${e.COLORS.surface.subdued};
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.react-calendar__navigation {
|
|
137
|
+
display: flex;
|
|
138
|
+
padding: 12px 20px;
|
|
139
|
+
|
|
140
|
+
button {
|
|
141
|
+
border: 0;
|
|
142
|
+
background: transparent;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.react-calendar__navigation__arrow
|
|
146
|
+
react-calendar__navigation__prev2-button {
|
|
147
|
+
font-size: 20px;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.react-calendar__navigation__arrow
|
|
151
|
+
react-calendar__navigation__prev-button {
|
|
152
|
+
font-size: 20px;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
`;exports.PickerContainer=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../constants/Theme.js"),o=require("../../assets/icons/chevronDown.svg.js"),i=require("../input/Input.js"),l=require("../input/context/InputStyleProvider.js"),s=require("./UnChildDropdown/UnChildDropdown.js");function u(){}exports.default=a=>{var{placeHolder:c,size:d,onSelect:p}=a,h=e.__rest(a,["placeHolder","size","onSelect"]);const j=null!=d?d:"default",v=t.useRef(),[g,x]=t.useState(null);const m=g?g.map((e=>e.options?e.options.map((e=>e.label)).join(","):e.label)).join(","):void 0;return r.jsx(l.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:"small"===j?32:48,width:"100%",zIndex:1,cursor:"pointer"},input:{minHeight:"100%"}}},{children:r.jsx(s.UnChildDropdown,Object.assign({ref:v,onSelect:function(e){Array.isArray(e)?x([...e]):x([e]),null==p||p(e)}},h,{children:r.jsx(i.Input,{value:m,errorMessage:h.error,variant:j,onChangeText:u,placeholder:null!=c?c:"Select an option",rightIcon:{icon:()=>{var e;return r.jsx(o.default,{style:{transform:(null===(e=null==v?void 0:v.current)||void 0===e?void 0:e.openDropdown)?"rotate(180deg)":"rotate(0deg)"},onClick:u,width:"small"===j?20:24,height:"small"===j?20:24,color:n.COLORS.content.primary})}}})}))}))};
|
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("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),r=require("./components/list-item/ListItem.js"),n=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),i=require("./components/toaster/Toaster.js"),p=require("./components/tooltips/Tooltip.js"),a=require("./components/tooltips/CustomisedTooltip.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),r=require("./components/list-item/ListItem.js"),n=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),i=require("./components/toaster/Toaster.js"),p=require("./components/tooltips/Tooltip.js"),a=require("./components/tooltips/CustomisedTooltip.js"),l=require("./components/spinner/Spinner.js"),u=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"),g=require("./components/template-preview/helpers/SmsTemplateHelper.js"),B=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),T=require("./components/fab-menu/FABMenu.js"),C=require("./components/floating-action-button/FloatingActionButton.js"),j=require("./components/floating-action-button/FloatingActionButton.styles.js"),A=require("./components/image-compress/ImageCompress.js"),S=require("./components/TypographyStyle.js"),q=require("./components/button/Button.js"),P=require("./components/progress-bar/ProgressBarComponent.js"),L=require("./components/modals/styledModal.js");require("react/jsx-runtime"),require("react");var O=require("./components/input/Input.js");require("./components/dropdown/UnChildDropdown/UnChildDropdown.js");var h=require("./components/analytics-card/AnalyticsCard.js"),w=require("./components/analytics-card/AnalyticsCard.styled.js"),I=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),F=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),M=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js");exports.StringUtils=e.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=r.ListItem,exports.Pagination=n.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=i.Toaster,exports.Tooltip=p.Tooltip,exports.CustomisedTooltip=a.CustomisedTooltip,Object.defineProperty(exports,"TooltipPlacement",{enumerable:!0,get:function(){return a.TooltipPlacement}}),exports.Spinner=l.Spinner,exports.Stepper=u.Stepper,exports.Tag=c.Tag,exports.IconButton=d.IconButton,exports.regexPatterns=m,exports.TemplatePreview=x.TemplatePreview,exports.WhatsappLikePreview=y.WhatsappLikePreview,exports.renderVariableUIForPreview=g.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=B.WhatsAppFormatToHTML,exports.FABMenu=T.FABMenu,exports.FloatingActionButton=C.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return j.DROP_POSITION}}),exports.DropdownToggleContainer=j.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return j.FAB_POSITION}}),exports.FloatingActionButtonContainer=j.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=j.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return j.MENU_ALIGNMENT}}),exports.StyledDropdown=j.StyledDropdown,exports.ImageService=A.ImageService,exports.BodyCaption=S.BodyCaption,exports.BodyLarge=S.BodyLarge,exports.BodyPrimary=S.BodyPrimary,exports.BodyPrimaryLink=S.BodyPrimaryLink,exports.BodyRegular=S.BodyRegular,exports.BodySecondary=S.BodySecondary,exports.BodySecondaryLink=S.BodySecondaryLink,exports.BodyTiny=S.BodyTiny,exports.ButtonLarge=S.ButtonLarge,exports.ButtonRegular=S.ButtonRegular,exports.Caption=S.Caption,exports.Display=S.Display,exports.SubHeading=S.SubHeading,exports.TitleLarge=S.TitleLarge,exports.TitleMedium=S.TitleMedium,exports.TitleRegular=S.TitleRegular,exports.TitleSmall=S.TitleSmall,exports.Button=q.Button,exports.ProgressBarComponent=P.ProgressBarComponent,exports.ProgressCompletedBar=P.ProgressCompletedBar,exports.StyledModal=L.StyledModal,exports.Input=O.Input,exports.AnalyticsCard=h.AnalyticsCard,exports.AnalyticsContainer=w.AnalyticsContainer,exports.CardDataContainer=w.CardDataContainer,exports.AnalyticsChip=I.AnalyticsChip,exports.AnalyticsDropdown=F.AnalyticsDropdown,exports.AnalyticsMultiChip=M.AnalyticsMultiChip;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as r from"react";var t;function e(){return e=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},a),t||(t=r.createElement("path",{fill:"currentColor",d:"M7.707 10.707C7.077 10.077 7.523 9 8.414 9h7.172c.89 0 1.337 1.077.707 1.707l-3.586 3.586a1 1 0 0 1-1.414 0l-3.586-3.586Z"})));export{a as default};
|