@bikdotai/bik-component-library 0.0.718-beta.0 → 0.0.718-beta.1

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts

@@ -46,5 +46,6 @@ export declare const EachItem: React.FC<{
     rangeSelection?: boolean;
     isLastItem?: boolean;
     isFirstItem?: boolean;
+    showTimePicker?: boolean;
 }>;
-export declare const formatDate: (dateVal: Date) => string;
+export declare const formatDate: (dateVal: Date, includeTime?: boolean) => string;

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),o=require("react-bootstrap"),n=require("react-dom"),s=require("../../constants/Theme.js"),i=require("../datePicker/DatePicker.js");require("react-calendar"),require("../../utils/DateUtils.js");var r=require("../TypographyStyle.js");require("../datePicker/DatePickerWrapper.styled.js"),require("../datePicker/model.js"),require("../dropdown/DropdownPopover/index.js"),require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js"),require("../datePicker/DatePicker.styled.js");var d=require("./CommonStyles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(n);const c=t=>{let{eachOption:o,selectedOption:n,selectedDate:i,onClickingEachItem:l,rangeSelection:a,isLastItem:c,isFirstItem:p}=t;return e.jsxRuntimeExports.jsxs(d.ItemMenuContainer,Object.assign({isFirstItem:p,isLastItem:c,onClick:()=>l(o),isSelected:o.isCustom?o.key==(null==n?void 0:n.key)&&!!i:o.key==(null==n?void 0:n.key)},{children:[e.jsxRuntimeExports.jsx(r.BodySecondary,Object.assign({color:o.key==(null==n?void 0:n.key)?s.BASE_COLORS.positive[900]:s.BASE_COLORS.grayscale[900]},{children:o.label})),o.subLabel?e.jsxRuntimeExports.jsx(r.BodyCaption,Object.assign({style:{color:s.BASE_COLORS.grayscale[700]}},{children:o.subLabel})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),i&&(null==n?void 0:n.isCustom)&&o.key==(null==n?void 0:n.key)&&e.jsxRuntimeExports.jsx(r.BodyCaption,{children:a?`${u(i[0])} to ${u(i[1])}`:`${u(i[0])}`})]}),o.key)},u=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});exports.AnalyticsDropdown=n=>{let{options:l,placeholder:p="Select an option",selected:m,onOptionSelected:j,resetDropdown:x,maxHeight:g,backgroundcolor:v,calendarPopperConfig:O,variant:D="default",datePickerPlacement:y,closeDropdown:w,labelColor:R,styleProps:b,showTimePicker:E=!1}=n;var S,h,f;const[k,q]=t.useState(!1),[C,I]=t.useState(m),[P,L]=t.useState(),[M,B]=t.useState(!1),[F,T]=t.useState(m),A=t.useRef(null),_="small"===D?r.Caption:r.BodySecondary;t.useEffect((()=>{x&&I(void 0)}),[x]),t.useEffect((()=>{var e;(null==m?void 0:m.isCustom)&&(null===(e=m.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?L(m.dateRangeSelectionOptions.selectedDates):L(void 0),I(m)}),[m]),t.useEffect((()=>{B(!1),q(!1)}),[w]);const $=e=>{void 0!==e?(B(e),k&&q(!1)):B((e=>!e))},H=e=>{A.current&&!A.current.contains(e.target)&&(k&&q(!1),$(!1))};return t.useEffect((()=>(M&&document.addEventListener("mousedown",H),()=>{document.removeEventListener("mousedown",H)})),[M]),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(d.MainDropdown,Object.assign({drop:"down",show:M,onToggle:$,bgColor:v,id:"analytic-dropdown"},{children:[e.jsxRuntimeExports.jsx(o.Dropdown.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===D?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${s.DEFAULT_THEME.colorsV2.stroke.primary}`}:b||void 0},{children:e.jsxRuntimeExports.jsx(_,Object.assign({style:"small"===D||R?{color:R||s.DEFAULT_THEME.colorsV2.content.secondary}:void 0},{children:(null==C?void 0:C.isCustom)?P?u(P[0])===u(P[1])?`${u(P[0])}`:`${u(P[0])} to ${u(P[1])}`:(null==F?void 0:F.label)?null==F?void 0:F.label:p:C?null==C?void 0:C.label:p}))})),a.default.createPortal(e.jsxRuntimeExports.jsx(o.Dropdown.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:A},{children:e.jsxRuntimeExports.jsxs(d.MainDropdown,Object.assign({drop:null!=y?y:"end",id:"sub--dropdown",show:k,onToggle:e=>{!e&&B(!1),q(!k)}},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{maxHeight:g||"auto",overflowY:"scroll"}},{children:l.map(((t,n)=>{var s;return e.jsxRuntimeExports.jsx("div",{children:(null==t?void 0:t.isCustom)?e.jsxRuntimeExports.jsx(o.Dropdown.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsxRuntimeExports.jsx(c,{isFirstItem:0===n,isLastItem:n===l.length-1,eachOption:t,selectedOption:C,selectedDate:P,onClickingEachItem:e=>{I(e),q(!0)},rangeSelection:!!(null===(s=null==t?void 0:t.dateRangeSelectionOptions)||void 0===s?void 0:s.selectRange)})})):e.jsxRuntimeExports.jsx(c,{isFirstItem:0===n,isLastItem:n===l.length-1,eachOption:t,selectedOption:C,selectedDate:P,onClickingEachItem:e=>{if(L(void 0),I(e),T(e),$(),!e.noOfDays)return void j(e);const t=new Date,o=new Date;o.setDate(t.getDate()-e.noOfDays),j(Object.assign(Object.assign({},e),{selectedRange:[o,t]}))}})},null==t?void 0:t.key)}))})),e.jsxRuntimeExports.jsx(o.Dropdown.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==O?void 0:O.offsetSkid)||0,(null==O?void 0:O.offsetDistance)||0]}}]}},{children:e.jsxRuntimeExports.jsx(i.DatePicker,{selectRange:(null===(S=null==C?void 0:C.dateRangeSelectionOptions)||void 0===S?void 0:S.selectRange)||!1,showTimePicker:E,maxDate:null===(h=null==C?void 0:C.dateRangeSelectionOptions)||void 0===h?void 0:h.maxDate,minDate:null===(f=null==C?void 0:C.dateRangeSelectionOptions)||void 0===f?void 0:f.minDate,selectedDates:P,onSelectRange:(e,t)=>{const o=[e,t];(null==C?void 0:C.dateRangeSelectionOptions)&&(C.dateRangeSelectionOptions.selectedDates=o,j(Object.assign(Object.assign({},C),{selectedRange:[e,t]}))),T(C),q(!1),L(o),B(!M)},onSelectDate:e=>{(null==C?void 0:C.dateRangeSelectionOptions)&&(C.dateRangeSelectionOptions.selectedDates=[e,e],j(Object.assign(Object.assign({},C),{selectedRange:[e,e]}))),T(C),q(!1),L([e,e]),B(!M)}})}))]}))})),document.body)]}))})},exports.EachItem=c,exports.formatDate=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),o=require("react-bootstrap"),n=require("react-dom"),s=require("../../constants/Theme.js"),i=require("../datePicker/DatePicker.js");require("react-calendar"),require("../../utils/DateUtils.js");var r=require("../TypographyStyle.js");require("../datePicker/DatePickerWrapper.styled.js"),require("../datePicker/model.js"),require("../dropdown/DropdownPopover/index.js"),require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js"),require("../datePicker/DatePicker.styled.js");var d=require("./CommonStyles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(n);const c=t=>{let{eachOption:o,selectedOption:n,selectedDate:i,onClickingEachItem:l,rangeSelection:a,isLastItem:c,isFirstItem:p,showTimePicker:m}=t;return e.jsxRuntimeExports.jsxs(d.ItemMenuContainer,Object.assign({isFirstItem:p,isLastItem:c,onClick:()=>l(o),isSelected:o.isCustom?o.key==(null==n?void 0:n.key)&&!!i:o.key==(null==n?void 0:n.key)},{children:[e.jsxRuntimeExports.jsx(r.BodySecondary,Object.assign({color:o.key==(null==n?void 0:n.key)?s.BASE_COLORS.positive[900]:s.BASE_COLORS.grayscale[900]},{children:o.label})),o.subLabel?e.jsxRuntimeExports.jsx(r.BodyCaption,Object.assign({style:{color:s.BASE_COLORS.grayscale[700]}},{children:o.subLabel})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),i&&(null==n?void 0:n.isCustom)&&o.key==(null==n?void 0:n.key)&&e.jsxRuntimeExports.jsx(r.BodyCaption,Object.assign({style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"}},{children:a?`${u(i[0],m)} to ${u(i[1],m)}`:`${u(i[0],m)}`}))]}),o.key)},u=(e,t)=>{const o=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(t){return`${o} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return o};exports.AnalyticsDropdown=n=>{let{options:l,placeholder:p="Select an option",selected:m,onOptionSelected:j,resetDropdown:x,maxHeight:g,backgroundcolor:v,calendarPopperConfig:w,variant:O="default",datePickerPlacement:y,closeDropdown:D,labelColor:h,styleProps:b,showTimePicker:R=!1}=n;var S,E,f;const[k,q]=t.useState(!1),[C,I]=t.useState(m),[P,L]=t.useState(),[T,B]=t.useState(!1),[M,F]=t.useState(m),A=t.useRef(null),$="small"===O?r.Caption:r.BodySecondary;t.useEffect((()=>{x&&I(void 0)}),[x]),t.useEffect((()=>{var e;(null==m?void 0:m.isCustom)&&(null===(e=m.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?L(m.dateRangeSelectionOptions.selectedDates):L(void 0),I(m)}),[m]),t.useEffect((()=>{B(!1),q(!1)}),[D]);const _=e=>{void 0!==e?(B(e),k&&q(!1)):B((e=>!e))},H=e=>{A.current&&!A.current.contains(e.target)&&(k&&q(!1),_(!1))};return t.useEffect((()=>(T&&document.addEventListener("mousedown",H),()=>{document.removeEventListener("mousedown",H)})),[T]),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(d.MainDropdown,Object.assign({drop:"down",show:T,onToggle:_,bgColor:v,id:"analytic-dropdown"},{children:[e.jsxRuntimeExports.jsx(o.Dropdown.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===O?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${s.DEFAULT_THEME.colorsV2.stroke.primary}`}:b||void 0},{children:e.jsxRuntimeExports.jsx($,Object.assign({style:"small"===O||h?{color:h||s.DEFAULT_THEME.colorsV2.content.secondary}:void 0},{children:(null==C?void 0:C.isCustom)?P?u(P[0],R)===u(P[1],R)?`${u(P[0],R)}`:`${u(P[0],R)} to ${u(P[1],R)}`:(null==M?void 0:M.label)?null==M?void 0:M.label:p:C?null==C?void 0:C.label:p}))})),a.default.createPortal(e.jsxRuntimeExports.jsx(o.Dropdown.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:A},{children:e.jsxRuntimeExports.jsxs(d.MainDropdown,Object.assign({drop:null!=y?y:"end",id:"sub--dropdown",show:k,onToggle:e=>{!e&&B(!1),q(!k)}},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{maxHeight:g||"auto",overflowY:"scroll"}},{children:l.map(((t,n)=>{var s;return e.jsxRuntimeExports.jsx("div",{children:(null==t?void 0:t.isCustom)?e.jsxRuntimeExports.jsx(o.Dropdown.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsxRuntimeExports.jsx(c,{isFirstItem:0===n,isLastItem:n===l.length-1,eachOption:t,selectedOption:C,selectedDate:P,onClickingEachItem:e=>{I(e),q(!0)},rangeSelection:!!(null===(s=null==t?void 0:t.dateRangeSelectionOptions)||void 0===s?void 0:s.selectRange),showTimePicker:R})})):e.jsxRuntimeExports.jsx(c,{isFirstItem:0===n,isLastItem:n===l.length-1,eachOption:t,selectedOption:C,selectedDate:P,onClickingEachItem:e=>{if(L(void 0),I(e),F(e),_(),!e.noOfDays)return void j(e);const t=new Date,o=new Date;o.setDate(t.getDate()-e.noOfDays),j(Object.assign(Object.assign({},e),{selectedRange:[o,t]}))},showTimePicker:R})},null==t?void 0:t.key)}))})),e.jsxRuntimeExports.jsx(o.Dropdown.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==w?void 0:w.offsetSkid)||0,(null==w?void 0:w.offsetDistance)||0]}}]}},{children:e.jsxRuntimeExports.jsx(i.DatePicker,{selectRange:(null===(S=null==C?void 0:C.dateRangeSelectionOptions)||void 0===S?void 0:S.selectRange)||!1,showTimePicker:R,maxDate:null===(E=null==C?void 0:C.dateRangeSelectionOptions)||void 0===E?void 0:E.maxDate,minDate:null===(f=null==C?void 0:C.dateRangeSelectionOptions)||void 0===f?void 0:f.minDate,selectedDates:P,onSelectRange:(e,t)=>{const o=[e,t];(null==C?void 0:C.dateRangeSelectionOptions)&&(C.dateRangeSelectionOptions.selectedDates=o,j(Object.assign(Object.assign({},C),{selectedRange:[e,t]}))),F(C),q(!1),L(o),B(!T)},onSelectDate:e=>{(null==C?void 0:C.dateRangeSelectionOptions)&&(C.dateRangeSelectionOptions.selectedDates=[e,e],j(Object.assign(Object.assign({},C),{selectedRange:[e,e]}))),F(C),q(!1),L([e,e]),B(!T)}})}))]}))})),document.body)]}))})},exports.EachItem=c,exports.formatDate=u;

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts

@@ -46,5 +46,6 @@ export declare const EachItem: React.FC<{
     rangeSelection?: boolean;
     isLastItem?: boolean;
     isFirstItem?: boolean;
+    showTimePicker?: boolean;
 }>;
-export declare const formatDate: (dateVal: Date) => string;
+export declare const formatDate: (dateVal: Date, includeTime?: boolean) => string;

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as o,useRef as t,useEffect as n}from"react";import{Dropdown as s}from"react-bootstrap";import i from"react-dom";import{DEFAULT_THEME as l,BASE_COLORS as d}from"../../constants/Theme.js";import{DatePicker as r}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as a,BodyCaption as c,Caption as p}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import"../datePicker/DatePicker.styled.js";import{MainDropdown as m,ItemMenuContainer as u}from"./CommonStyles.js";const g=d=>{let{options:c,placeholder:u="Select an option",selected:g,onOptionSelected:O,resetDropdown:w,maxHeight:y,backgroundcolor:b,calendarPopperConfig:D,variant:h="default",datePickerPlacement:x,closeDropdown:k,labelColor:f,styleProps:S,showTimePicker:I=!1}=d;var R,C,P;const[F,L]=o(!1),[M,T]=o(g),[$,B]=o(),[E,N]=o(!1),[A,H]=o(g),V=t(null),z="small"===h?p:a;n((()=>{w&&T(void 0)}),[w]),n((()=>{var e;(null==g?void 0:g.isCustom)&&(null===(e=g.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?B(g.dateRangeSelectionOptions.selectedDates):B(void 0),T(g)}),[g]),n((()=>{N(!1),L(!1)}),[k]);const U=e=>{void 0!==e?(N(e),F&&L(!1)):N((e=>!e))},W=e=>{V.current&&!V.current.contains(e.target)&&(F&&L(!1),U(!1))};return n((()=>(E&&document.addEventListener("mousedown",W),()=>{document.removeEventListener("mousedown",W)})),[E]),e.jsx(e.Fragment,{children:e.jsxs(m,Object.assign({drop:"down",show:E,onToggle:U,bgColor:b,id:"analytic-dropdown"},{children:[e.jsx(s.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===h?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${l.colorsV2.stroke.primary}`}:S||void 0},{children:e.jsx(z,Object.assign({style:"small"===h||f?{color:f||l.colorsV2.content.secondary}:void 0},{children:(null==M?void 0:M.isCustom)?$?v($[0])===v($[1])?`${v($[0])}`:`${v($[0])} to ${v($[1])}`:(null==A?void 0:A.label)?null==A?void 0:A.label:u:M?null==M?void 0:M.label:u}))})),i.createPortal(e.jsx(s.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:V},{children:e.jsxs(m,Object.assign({drop:null!=x?x:"end",id:"sub--dropdown",show:F,onToggle:e=>{!e&&N(!1),L(!F)}},{children:[e.jsx("div",Object.assign({style:{maxHeight:y||"auto",overflowY:"scroll"}},{children:c.map(((o,t)=>{var n;return e.jsx("div",{children:(null==o?void 0:o.isCustom)?e.jsx(s.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsx(j,{isFirstItem:0===t,isLastItem:t===c.length-1,eachOption:o,selectedOption:M,selectedDate:$,onClickingEachItem:e=>{T(e),L(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)})})):e.jsx(j,{isFirstItem:0===t,isLastItem:t===c.length-1,eachOption:o,selectedOption:M,selectedDate:$,onClickingEachItem:e=>{if(B(void 0),T(e),H(e),U(),!e.noOfDays)return void O(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),O(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))}})},null==o?void 0:o.key)}))})),e.jsx(s.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==D?void 0:D.offsetSkid)||0,(null==D?void 0:D.offsetDistance)||0]}}]}},{children:e.jsx(r,{selectRange:(null===(R=null==M?void 0:M.dateRangeSelectionOptions)||void 0===R?void 0:R.selectRange)||!1,showTimePicker:I,maxDate:null===(C=null==M?void 0:M.dateRangeSelectionOptions)||void 0===C?void 0:C.maxDate,minDate:null===(P=null==M?void 0:M.dateRangeSelectionOptions)||void 0===P?void 0:P.minDate,selectedDates:$,onSelectRange:(e,o)=>{const t=[e,o];(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=t,O(Object.assign(Object.assign({},M),{selectedRange:[e,o]}))),H(M),L(!1),B(t),N(!E)},onSelectDate:e=>{(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=[e,e],O(Object.assign(Object.assign({},M),{selectedRange:[e,e]}))),H(M),L(!1),B([e,e]),N(!E)}})}))]}))})),document.body)]}))})},j=o=>{let{eachOption:t,selectedOption:n,selectedDate:s,onClickingEachItem:i,rangeSelection:l,isLastItem:r,isFirstItem:p}=o;return e.jsxs(u,Object.assign({isFirstItem:p,isLastItem:r,onClick:()=>i(t),isSelected:t.isCustom?t.key==(null==n?void 0:n.key)&&!!s:t.key==(null==n?void 0:n.key)},{children:[e.jsx(a,Object.assign({color:t.key==(null==n?void 0:n.key)?d.positive[900]:d.grayscale[900]},{children:t.label})),t.subLabel?e.jsx(c,Object.assign({style:{color:d.grayscale[700]}},{children:t.subLabel})):e.jsx(e.Fragment,{}),s&&(null==n?void 0:n.isCustom)&&t.key==(null==n?void 0:n.key)&&e.jsx(c,{children:l?`${v(s[0])} to ${v(s[1])}`:`${v(s[0])}`})]}),t.key)},v=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{g as AnalyticsDropdown,j as EachItem,v as formatDate};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as o,useRef as t,useEffect as n}from"react";import{Dropdown as s}from"react-bootstrap";import i from"react-dom";import{DEFAULT_THEME as l,BASE_COLORS as r}from"../../constants/Theme.js";import{DatePicker as d}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as a,BodyCaption as c,Caption as p}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import"../datePicker/DatePicker.styled.js";import{MainDropdown as m,ItemMenuContainer as u}from"./CommonStyles.js";const g=r=>{let{options:c,placeholder:u="Select an option",selected:g,onOptionSelected:w,resetDropdown:O,maxHeight:h,backgroundcolor:b,calendarPopperConfig:y,variant:D="default",datePickerPlacement:k,closeDropdown:x,labelColor:f,styleProps:S,showTimePicker:I=!1}=r;var P,R,C;const[L,F]=o(!1),[T,$]=o(g),[M,B]=o(),[E,A]=o(!1),[N,H]=o(g),V=t(null),z="small"===D?p:a;n((()=>{O&&$(void 0)}),[O]),n((()=>{var e;(null==g?void 0:g.isCustom)&&(null===(e=g.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?B(g.dateRangeSelectionOptions.selectedDates):B(void 0),$(g)}),[g]),n((()=>{A(!1),F(!1)}),[x]);const U=e=>{void 0!==e?(A(e),L&&F(!1)):A((e=>!e))},W=e=>{V.current&&!V.current.contains(e.target)&&(L&&F(!1),U(!1))};return n((()=>(E&&document.addEventListener("mousedown",W),()=>{document.removeEventListener("mousedown",W)})),[E]),e.jsx(e.Fragment,{children:e.jsxs(m,Object.assign({drop:"down",show:E,onToggle:U,bgColor:b,id:"analytic-dropdown"},{children:[e.jsx(s.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===D?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${l.colorsV2.stroke.primary}`}:S||void 0},{children:e.jsx(z,Object.assign({style:"small"===D||f?{color:f||l.colorsV2.content.secondary}:void 0},{children:(null==T?void 0:T.isCustom)?M?v(M[0],I)===v(M[1],I)?`${v(M[0],I)}`:`${v(M[0],I)} to ${v(M[1],I)}`:(null==N?void 0:N.label)?null==N?void 0:N.label:u:T?null==T?void 0:T.label:u}))})),i.createPortal(e.jsx(s.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:V},{children:e.jsxs(m,Object.assign({drop:null!=k?k:"end",id:"sub--dropdown",show:L,onToggle:e=>{!e&&A(!1),F(!L)}},{children:[e.jsx("div",Object.assign({style:{maxHeight:h||"auto",overflowY:"scroll"}},{children:c.map(((o,t)=>{var n;return e.jsx("div",{children:(null==o?void 0:o.isCustom)?e.jsx(s.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsx(j,{isFirstItem:0===t,isLastItem:t===c.length-1,eachOption:o,selectedOption:T,selectedDate:M,onClickingEachItem:e=>{$(e),F(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange),showTimePicker:I})})):e.jsx(j,{isFirstItem:0===t,isLastItem:t===c.length-1,eachOption:o,selectedOption:T,selectedDate:M,onClickingEachItem:e=>{if(B(void 0),$(e),H(e),U(),!e.noOfDays)return void w(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),w(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))},showTimePicker:I})},null==o?void 0:o.key)}))})),e.jsx(s.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==y?void 0:y.offsetSkid)||0,(null==y?void 0:y.offsetDistance)||0]}}]}},{children:e.jsx(d,{selectRange:(null===(P=null==T?void 0:T.dateRangeSelectionOptions)||void 0===P?void 0:P.selectRange)||!1,showTimePicker:I,maxDate:null===(R=null==T?void 0:T.dateRangeSelectionOptions)||void 0===R?void 0:R.maxDate,minDate:null===(C=null==T?void 0:T.dateRangeSelectionOptions)||void 0===C?void 0:C.minDate,selectedDates:M,onSelectRange:(e,o)=>{const t=[e,o];(null==T?void 0:T.dateRangeSelectionOptions)&&(T.dateRangeSelectionOptions.selectedDates=t,w(Object.assign(Object.assign({},T),{selectedRange:[e,o]}))),H(T),F(!1),B(t),A(!E)},onSelectDate:e=>{(null==T?void 0:T.dateRangeSelectionOptions)&&(T.dateRangeSelectionOptions.selectedDates=[e,e],w(Object.assign(Object.assign({},T),{selectedRange:[e,e]}))),H(T),F(!1),B([e,e]),A(!E)}})}))]}))})),document.body)]}))})},j=o=>{let{eachOption:t,selectedOption:n,selectedDate:s,onClickingEachItem:i,rangeSelection:l,isLastItem:d,isFirstItem:p,showTimePicker:m}=o;return e.jsxs(u,Object.assign({isFirstItem:p,isLastItem:d,onClick:()=>i(t),isSelected:t.isCustom?t.key==(null==n?void 0:n.key)&&!!s:t.key==(null==n?void 0:n.key)},{children:[e.jsx(a,Object.assign({color:t.key==(null==n?void 0:n.key)?r.positive[900]:r.grayscale[900]},{children:t.label})),t.subLabel?e.jsx(c,Object.assign({style:{color:r.grayscale[700]}},{children:t.subLabel})):e.jsx(e.Fragment,{}),s&&(null==n?void 0:n.isCustom)&&t.key==(null==n?void 0:n.key)&&e.jsx(c,Object.assign({style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"}},{children:l?`${v(s[0],m)} to ${v(s[1],m)}`:`${v(s[0],m)}`}))]}),t.key)},v=(e,o)=>{const t=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(o){return`${t} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return t};export{g as AnalyticsDropdown,j as EachItem,v as formatDate};

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/package.json

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