@bikdotai/bik-component-library 0.0.818 → 0.0.819

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.
Files changed (6) hide show
  1. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  2. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js.map +1 -1
  3. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +1 -0
  4. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +88 -87
  5. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js.map +1 -1
  6. package/package.json +1 -1
package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),b=require("react-bootstrap"),H=require("react-dom"),D=require("../../constants/Theme.js"),R=require("../TypographyStyle.js"),A=require("./CommonStyles.js"),U=require("../datePicker/DatePicker.js"),V=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},Y=V(H),z=({options:e,placeholder:r="Select an option",selected:n,onOptionSelected:u,resetDropdown:x,maxHeight:w,backgroundcolor:E,calendarPopperConfig:m,variant:L="default",datePickerPlacement:O,closeDropdown:N,labelColor:M,styleProps:B,showTimePicker:f=!1})=>{const[j,g]=l.useState(!1),[s,C]=l.useState(n),[d,S]=l.useState(),[p,y]=l.useState(!1),[F,k]=l.useState(n),v=l.useRef(null),T=L==="small"?R.Caption:R.BodySecondary;l.useEffect(()=>{x&&C(void 0)},[x]),l.useEffect(()=>{n?.isCustom&&n.dateRangeSelectionOptions?.selectedDates?S(n.dateRangeSelectionOptions.selectedDates):S(void 0),C(n)},[n]),l.useEffect(()=>{y(!1),g(!1)},[N]);const h=t=>{t!==void 0?(y(t),j&&g(!1)):y(i=>!i)},$=t=>{v.current&&!v.current.contains(t.target)&&(j&&g(!1),h(!1))};return l.useEffect(()=>(p&&document.addEventListener("mousedown",$),()=>{document.removeEventListener("mousedown",$)}),[p]),o.jsx(o.Fragment,{children:o.jsxs(A.MainDropdown,{drop:"down",show:p,onToggle:h,bgColor:E,id:"analytic-dropdown",children:[o.jsx(b.Dropdown.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:L==="small"?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${D.DEFAULT_THEME.colorsV2.stroke.primary}`}:B||void 0,children:o.jsx(T,{style:L==="small"||M?{color:M||D.DEFAULT_THEME.colorsV2.content.secondary}:void 0,children:s?.isCustom?d?c(d[0],f)===c(d[1],f)?`${c(d[0],f)}`:`${c(d[0],f)} to ${c(d[1],f)}`:F?.label?F?.label:r:s?s?.label:r})}),Y.default.createPortal(o.jsx(b.Dropdown.Menu,{className:"main--dropdown",style:{padding:0},ref:v,children:o.jsxs(A.MainDropdown,{drop:O??"end",id:"sub--dropdown",show:j,onToggle:t=>{!t&&y(!1),g(!j)},children:[o.jsx("div",{style:{maxHeight:w||"auto",overflowY:"scroll"},children:e.map((t,i)=>o.jsx("div",{children:t?.isCustom?o.jsx(b.Dropdown.Toggle,{className:"sub--dropdown",children:o.jsx(I,{isFirstItem:i===0,isLastItem:i===e.length-1,eachOption:t,selectedOption:s,selectedDate:d,onClickingEachItem:a=>{C(a),g(!0)},rangeSelection:!!t?.dateRangeSelectionOptions?.selectRange,showTimePicker:f})}):o.jsx(I,{isFirstItem:i===0,isLastItem:i===e.length-1,eachOption:t,selectedOption:s,selectedDate:d,onClickingEachItem:a=>{if(S(void 0),C(a),k(a),h(),!a.noOfDays){u(a);return}const q=new Date,_=new Date;_.setDate(q.getDate()-a.noOfDays),u({...a,selectedRange:[_,q]})},showTimePicker:f})},t?.key))}),o.jsx(b.Dropdown.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[m?.offsetSkid||0,m?.offsetDistance||0]}}]},children:o.jsx(U.DatePicker,{selectRange:s?.dateRangeSelectionOptions?.selectRange||!1,showTimePicker:f,maxDate:s?.dateRangeSelectionOptions?.maxDate,minDate:s?.dateRangeSelectionOptions?.minDate,selectedDates:d,onSelectRange:(t,i)=>{const a=[t,i];s?.dateRangeSelectionOptions&&(s.dateRangeSelectionOptions.selectedDates=a,u({...s,selectedRange:[t,i]})),k(s),g(!1),S(a),y(!p)},onSelectDate:t=>{s?.dateRangeSelectionOptions&&(s.dateRangeSelectionOptions.selectedDates=[t,t],u({...s,selectedRange:[t,t]})),k(s),g(!1),S([t,t]),y(!p)}})})]})}),document.body)]})})},I=({eachOption:e,selectedOption:r,selectedDate:n,onClickingEachItem:u,rangeSelection:x,isLastItem:w,isFirstItem:E,showTimePicker:m})=>o.jsxs(A.ItemMenuContainer,{isFirstItem:E,isLastItem:w,onClick:()=>u(e),isSelected:e.isCustom?e.key==r?.key&&!!n:e.key==r?.key,children:[o.jsx(R.BodySecondary,{color:e.key==r?.key?D.BASE_COLORS.positive[900]:D.BASE_COLORS.grayscale[900],children:e.label}),e.subLabel?o.jsx(R.BodyCaption,{style:{color:D.BASE_COLORS.grayscale[700]},children:e.subLabel}):o.jsx(o.Fragment,{}),n&&r?.isCustom&&e.key==r?.key&&o.jsx(R.BodyCaption,{style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:x?`${c(n[0],m)} to ${c(n[1],m)}`:`${c(n[0],m)}`})]},e.key),c=(e,r)=>{const n=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(r){const u=e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0});return`${n} (${u})`}return n};exports.AnalyticsDropdown=z;exports.EachItem=I;exports.formatDate=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),b=require("react-bootstrap"),H=require("react-dom"),D=require("../../constants/Theme.js"),R=require("../TypographyStyle.js"),A=require("./CommonStyles.js"),U=require("../datePicker/DatePicker.js"),V=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},Y=V(H),z=({options:e,placeholder:r="Select an option",selected:s,onOptionSelected:u,resetDropdown:x,maxHeight:w,backgroundcolor:E,calendarPopperConfig:m,variant:L="default",datePickerPlacement:O,closeDropdown:N,labelColor:M,styleProps:B,showTimePicker:f=!1})=>{const[j,g]=l.useState(!1),[o,C]=l.useState(s),[d,S]=l.useState(),[p,y]=l.useState(!1),[F,k]=l.useState(s),v=l.useRef(null),T=L==="small"?R.Caption:R.BodySecondary;l.useEffect(()=>{x&&C(void 0)},[x]),l.useEffect(()=>{s?.isCustom&&s.dateRangeSelectionOptions?.selectedDates?S(s.dateRangeSelectionOptions.selectedDates):S(void 0),C(s)},[s]),l.useEffect(()=>{y(!1),g(!1)},[N]);const h=t=>{t!==void 0?(y(t),j&&g(!1)):y(i=>!i)},$=t=>{v.current&&!v.current.contains(t.target)&&(j&&g(!1),h(!1))};return l.useEffect(()=>(p&&document.addEventListener("mousedown",$),()=>{document.removeEventListener("mousedown",$)}),[p]),n.jsx(n.Fragment,{children:n.jsxs(A.MainDropdown,{drop:"down",show:p,onToggle:h,bgColor:E,id:"analytic-dropdown",children:[n.jsx(b.Dropdown.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:L==="small"?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${D.DEFAULT_THEME.colorsV2.stroke.primary}`}:B||void 0,children:n.jsx(T,{style:L==="small"||M?{color:M||D.DEFAULT_THEME.colorsV2.content.secondary}:void 0,children:o?.isCustom?d?c(d[0],f)===c(d[1],f)?`${c(d[0],f)}`:`${c(d[0],f)} to ${c(d[1],f)}`:F?.label?F?.label:r:o?o?.label:r})}),Y.default.createPortal(n.jsx(b.Dropdown.Menu,{className:"main--dropdown",style:{padding:0},ref:v,children:n.jsxs(A.MainDropdown,{drop:O??"end",id:"sub--dropdown",show:j,onToggle:t=>{!t&&y(!1),g(!j)},children:[n.jsx("div",{style:{maxHeight:w||"auto",overflowY:"scroll"},children:e.map((t,i)=>n.jsx("div",{children:t?.isCustom?n.jsx(b.Dropdown.Toggle,{className:"sub--dropdown",children:n.jsx(I,{isFirstItem:i===0,isLastItem:i===e.length-1,eachOption:t,selectedOption:o,selectedDate:d,onClickingEachItem:a=>{C(a),g(!0)},rangeSelection:!!t?.dateRangeSelectionOptions?.selectRange,showTimePicker:f})}):n.jsx(I,{isFirstItem:i===0,isLastItem:i===e.length-1,eachOption:t,selectedOption:o,selectedDate:d,onClickingEachItem:a=>{if(S(void 0),C(a),k(a),h(),!a.noOfDays){u(a);return}const q=new Date,_=new Date;_.setDate(q.getDate()-a.noOfDays),u({...a,selectedRange:[_,q]})},showTimePicker:f})},t?.key))}),n.jsx(b.Dropdown.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[m?.offsetSkid||0,m?.offsetDistance||0]}}]},children:n.jsx(U.DatePicker,{selectRange:o?.dateRangeSelectionOptions?.selectRange||!1,showTimePicker:f,maxDate:o?.dateRangeSelectionOptions?.maxDate,minDate:o?.dateRangeSelectionOptions?.minDate,maxRangeLimit:o?.dateRangeSelectionOptions?.maxRangeLimit,selectedDates:d,onSelectRange:(t,i)=>{const a=[t,i];o?.dateRangeSelectionOptions&&(o.dateRangeSelectionOptions.selectedDates=a,u({...o,selectedRange:[t,i]})),k(o),g(!1),S(a),y(!p)},onSelectDate:t=>{o?.dateRangeSelectionOptions&&(o.dateRangeSelectionOptions.selectedDates=[t,t],u({...o,selectedRange:[t,t]})),k(o),g(!1),S([t,t]),y(!p)}})})]})}),document.body)]})})},I=({eachOption:e,selectedOption:r,selectedDate:s,onClickingEachItem:u,rangeSelection:x,isLastItem:w,isFirstItem:E,showTimePicker:m})=>n.jsxs(A.ItemMenuContainer,{isFirstItem:E,isLastItem:w,onClick:()=>u(e),isSelected:e.isCustom?e.key==r?.key&&!!s:e.key==r?.key,children:[n.jsx(R.BodySecondary,{color:e.key==r?.key?D.BASE_COLORS.positive[900]:D.BASE_COLORS.grayscale[900],children:e.label}),e.subLabel?n.jsx(R.BodyCaption,{style:{color:D.BASE_COLORS.grayscale[700]},children:e.subLabel}):n.jsx(n.Fragment,{}),s&&r?.isCustom&&e.key==r?.key&&n.jsx(R.BodyCaption,{style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:x?`${c(s[0],m)} to ${c(s[1],m)}`:`${c(s[0],m)}`})]},e.key),c=(e,r)=>{const s=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(r){const u=e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0});return`${s} (${u})`}return s};exports.AnalyticsDropdown=z;exports.EachItem=I;exports.formatDate=c;
2
2
  //# sourceMappingURL=AnalyticsDropdown.js.map
package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AnalyticsDropdown.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx"],"sourcesContent":["import 'bootstrap/dist/css/bootstrap.min.css';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Dropdown } from 'react-bootstrap';\nimport { DropDirection } from 'react-bootstrap/esm/DropdownContext';\nimport ReactDOM from 'react-dom';\nimport { BASE_COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { DatePicker } from '../datePicker';\nimport { BodyCaption, BodySecondary, Caption } from '../TypographyStyle';\nimport { ItemMenuContainer, MainDropdown } from './CommonStyles';\n\nexport interface DropdownOptions {\n\tlabel: string;\n\tsubLabel?: string;\n\tvalue: string;\n\tkey: string | number;\n\tnoOfDays?: number;\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tselectedDates?: Date[];\n\t\tselectedDate?: Date;\n\t\tminDate?: Date;\n\t\tmaxDate?: Date;\n\t};\n}\n\nexport interface AnalyticsDropdownInterface {\n\toptions: DropdownOptions[];\n\tselected?: DropdownOptions;\n\tplaceholder?: string;\n\tresetDropdown?: boolean;\n\tonOptionSelected: (\n\t\tchosen: DropdownOptions & {\n\t\t\tselectedRange?: [Date, Date];\n\t\t},\n\t) => void;\n\tmaxHeight?: string;\n\tbackgroundcolor?: string;\n\tcalendarPopperConfig?: {\n\t\toffsetSkid?: number;\n\t\toffsetDistance?: number;\n\t};\n\tvariant?: 'small' | 'default';\n\tdatePickerPlacement?: DropDirection;\n\tcloseDropdown?: boolean;\n\tlabelColor?: string;\n\tstyleProps?: React.CSSProperties;\n\tshowTimePicker?: boolean;\n}\n\nexport const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface> = ({\n\toptions,\n\tplaceholder = 'Select an option',\n\tselected,\n\tonOptionSelected,\n\tresetDropdown,\n\tmaxHeight,\n\tbackgroundcolor,\n\tcalendarPopperConfig,\n\tvariant = 'default',\n\tdatePickerPlacement,\n\tcloseDropdown,\n\tlabelColor,\n\tstyleProps,\n\tshowTimePicker = false,\n}) => {\n\tconst [openCalender, setCalender] = useState(false);\n\tconst [selectedOption, setSelectedOption] = useState(selected);\n\tconst [selectedDate, setSelectedDate] = useState<Date[]>();\n\tconst [showDropdown, setShowDropdown] = useState(false);\n\tconst [optionPlaceholder, setOptionPlaceholder] = useState(selected);\n\tconst dropdownRef = useRef<HTMLDivElement | null>(null);\n\tconst LabelText = variant === 'small' ? Caption : BodySecondary;\n\n\tuseEffect(() => {\n\t\tresetDropdown && setSelectedOption(undefined);\n\t}, [resetDropdown]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tselected?.isCustom &&\n\t\t\tselected.dateRangeSelectionOptions?.selectedDates\n\t\t) {\n\t\t\tsetSelectedDate(selected.dateRangeSelectionOptions.selectedDates);\n\t\t} else {\n\t\t\tsetSelectedDate(undefined);\n\t\t}\n\t\tsetSelectedOption(selected);\n\t}, [selected]);\n\n\tuseEffect(() => {\n\t\tsetShowDropdown(false);\n\t\tsetCalender(false);\n\t}, [closeDropdown]);\n\n\tconst setDropdown = (forceState?: boolean) => {\n\t\tif (forceState !== undefined) {\n\t\t\tsetShowDropdown(forceState);\n\t\t\topenCalender && setCalender(false);\n\t\t} else {\n\t\t\tsetShowDropdown((prevState) => !prevState);\n\t\t}\n\t};\n\n\tconst handleClickOutside = (event: MouseEvent) => {\n\t\tif (\n\t\t\tdropdownRef.current &&\n\t\t\t!dropdownRef.current.contains(event.target as Node)\n\t\t) {\n\t\t\tif (openCalender) {\n\t\t\t\tsetCalender(false);\n\t\t\t}\n\t\t\tsetDropdown(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (showDropdown) {\n\t\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\t}\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t};\n\t}, [showDropdown]);\n\n\treturn (\n\t\t<>\n\t\t\t<MainDropdown\n\t\t\t\tdrop={'down'}\n\t\t\t\tshow={showDropdown}\n\t\t\t\tonToggle={setDropdown}\n\t\t\t\tbgColor={backgroundcolor}\n\t\t\t\tid=\"analytic-dropdown\"\n\t\t\t>\n\t\t\t\t<Dropdown.Toggle\n\t\t\t\t\tid=\"dropdown-autoclose-outside\"\n\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tvariant === 'small'\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 6,\n\t\t\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\t\t\tbackgroundColor: '#FAFAFA',\n\t\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t\t\tborder: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: styleProps\n\t\t\t\t\t\t\t? styleProps\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<LabelText\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tvariant === 'small' || labelColor\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tlabelColor || DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedOption?.isCustom\n\t\t\t\t\t\t\t? selectedDate\n\t\t\t\t\t\t\t\t? formatDate(selectedDate[0], showTimePicker) ===\n\t\t\t\t\t\t\t\t formatDate(selectedDate[1], showTimePicker)\n\t\t\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)}`\n\t\t\t\t\t\t\t\t\t: `${formatDate(\n\t\t\t\t\t\t\t\t\t\t\tselectedDate[0],\n\t\t\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t\t\t )} to ${formatDate(selectedDate[1], showTimePicker)}`\n\t\t\t\t\t\t\t\t: optionPlaceholder?.label\n\t\t\t\t\t\t\t\t? optionPlaceholder?.label\n\t\t\t\t\t\t\t\t: placeholder\n\t\t\t\t\t\t\t: selectedOption\n\t\t\t\t\t\t\t? selectedOption?.label\n\t\t\t\t\t\t\t: placeholder}\n\t\t\t\t\t</LabelText>\n\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t{ReactDOM.createPortal(\n\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\t\tstyle={{ padding: 0 }}\n\t\t\t\t\t\tref={dropdownRef}\n\t\t\t\t\t>\n\t\t\t\t\t\t<MainDropdown\n\t\t\t\t\t\t\tdrop={datePickerPlacement ?? 'end'}\n\t\t\t\t\t\t\tid=\"sub--dropdown\"\n\t\t\t\t\t\t\tshow={openCalender}\n\t\t\t\t\t\t\tonToggle={(toggleCalender) => {\n\t\t\t\t\t\t\t\t!toggleCalender && setShowDropdown(false);\n\t\t\t\t\t\t\t\tsetCalender(!openCalender);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmaxHeight: maxHeight ? maxHeight : 'auto',\n\t\t\t\t\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{options.map((eachOption, index) => (\n\t\t\t\t\t\t\t\t\t<div key={eachOption?.key}>\n\t\t\t\t\t\t\t\t\t\t{eachOption?.isCustom ? (\n\t\t\t\t\t\t\t\t\t\t\t<Dropdown.Toggle className=\"sub--dropdown\">\n\t\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCalender(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\trangeSelection={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\teachOption?.dateRangeSelectionOptions?.selectRange\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedDate(undefined);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDropdown();\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!option.noOfDays) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst endDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst startDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tstartDate.setDate(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tendDate.getDate() - option.noOfDays,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...option,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [startDate, endDate],\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\t\t\tclassName=\"sub--dropdown\"\n\t\t\t\t\t\t\t\tpopperConfig={{\n\t\t\t\t\t\t\t\t\tmodifiers: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tname: 'offset',\n\t\t\t\t\t\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\t\t\t\t\t\toffset: [\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetSkid || 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetDistance || 0,\n\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\t\tselectRange={\n\t\t\t\t\t\t\t\t\t\tselectedOption?.dateRangeSelectionOptions?.selectRange ||\n\t\t\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\tmaxDate={selectedOption?.dateRangeSelectionOptions?.maxDate}\n\t\t\t\t\t\t\t\t\tminDate={selectedOption?.dateRangeSelectionOptions?.minDate}\n\t\t\t\t\t\t\t\t\tselectedDates={selectedDate}\n\t\t\t\t\t\t\t\t\tonSelectRange={(selectedStartDate, selectedEndDate) => {\n\t\t\t\t\t\t\t\t\t\tconst updatedDates = [selectedStartDate, selectedEndDate];\n\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates =\n\t\t\t\t\t\t\t\t\t\t\t\tupdatedDates;\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedStartDate, selectedEndDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate(updatedDates);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonSelectDate={(selectedDate) => {\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates = [\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedDate, selectedDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate([selectedDate, selectedDate]);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Dropdown.Menu>\n\t\t\t\t\t\t</MainDropdown>\n\t\t\t\t\t</Dropdown.Menu>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t\t</MainDropdown>\n\t\t</>\n\t);\n};\n\nexport const EachItem: React.FC<{\n\teachOption: DropdownOptions;\n\tselectedOption: DropdownOptions | undefined;\n\tselectedDate: Date[] | undefined;\n\tonClickingEachItem: (optionSelected: DropdownOptions) => void;\n\trangeSelection?: boolean;\n\tisLastItem?: boolean;\n\tisFirstItem?: boolean;\n\tshowTimePicker?: boolean;\n}> = ({\n\teachOption,\n\tselectedOption,\n\tselectedDate,\n\tonClickingEachItem,\n\trangeSelection,\n\tisLastItem,\n\tisFirstItem,\n\tshowTimePicker,\n}) => {\n\treturn (\n\t\t<ItemMenuContainer\n\t\t\tisFirstItem={isFirstItem}\n\t\t\tisLastItem={isLastItem}\n\t\t\tkey={eachOption.key}\n\t\t\tonClick={() => onClickingEachItem(eachOption)}\n\t\t\tisSelected={\n\t\t\t\teachOption.isCustom\n\t\t\t\t\t? eachOption.key == selectedOption?.key && !!selectedDate\n\t\t\t\t\t: eachOption.key == selectedOption?.key\n\t\t\t}\n\t\t>\n\t\t\t<BodySecondary\n\t\t\t\tcolor={\n\t\t\t\t\teachOption.key == selectedOption?.key\n\t\t\t\t\t\t? BASE_COLORS.positive[900]\n\t\t\t\t\t\t: BASE_COLORS.grayscale[900]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{eachOption.label}\n\t\t\t</BodySecondary>\n\t\t\t{eachOption.subLabel ? (\n\t\t\t\t<BodyCaption style={{ color: BASE_COLORS.grayscale[700] }}>\n\t\t\t\t\t{eachOption.subLabel}\n\t\t\t\t</BodyCaption>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t{selectedDate &&\n\t\t\t\tselectedOption?.isCustom &&\n\t\t\t\teachOption.key == selectedOption?.key && (\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twhiteSpace: 'normal',\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\ttextAlign: 'left',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{rangeSelection\n\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)} to ${formatDate(\n\t\t\t\t\t\t\t\t\tselectedDate[1],\n\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t )}`\n\t\t\t\t\t\t\t: `${formatDate(selectedDate[0], showTimePicker)}`}\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t)}\n\t\t</ItemMenuContainer>\n\t);\n};\n\nexport const formatDate = (dateVal: Date, includeTime?: boolean) => {\n\tconst dateString = dateVal.toLocaleString('default', {\n\t\tday: 'numeric',\n\t\tmonth: 'short',\n\t\tyear: 'numeric',\n\t});\n\n\tif (includeTime) {\n\t\tconst timeString = dateVal.toLocaleString('default', {\n\t\t\thour: 'numeric',\n\t\t\tminute: '2-digit',\n\t\t\thour12: true,\n\t\t});\n\t\treturn `${dateString} (${timeString})`;\n\t}\n\n\treturn dateString;\n};\n"],"names":["AnalyticsDropdown","options","placeholder","selected","onOptionSelected","resetDropdown","maxHeight","backgroundcolor","calendarPopperConfig","variant","datePickerPlacement","closeDropdown","labelColor","styleProps","showTimePicker","openCalender","setCalender","useState","selectedOption","setSelectedOption","selectedDate","setSelectedDate","showDropdown","setShowDropdown","optionPlaceholder","setOptionPlaceholder","dropdownRef","useRef","LabelText","Caption","BodySecondary","useEffect","setDropdown","forceState","prevState","handleClickOutside","event","jsx","Fragment","jsxs","MainDropdown","Dropdown","DEFAULT_THEME","formatDate","ReactDOM","toggleCalender","eachOption","index","EachItem","option","endDate","startDate","DatePicker","selectedStartDate","selectedEndDate","updatedDates","onClickingEachItem","rangeSelection","isLastItem","isFirstItem","ItemMenuContainer","BASE_COLORS","BodyCaption","dateVal","includeTime","dateString","timeString"],"mappings":"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"}
1
+ {"version":3,"file":"AnalyticsDropdown.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx"],"sourcesContent":["import 'bootstrap/dist/css/bootstrap.min.css';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Dropdown } from 'react-bootstrap';\nimport { DropDirection } from 'react-bootstrap/esm/DropdownContext';\nimport ReactDOM from 'react-dom';\nimport { BASE_COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { DatePicker } from '../datePicker';\nimport { BodyCaption, BodySecondary, Caption } from '../TypographyStyle';\nimport { ItemMenuContainer, MainDropdown } from './CommonStyles';\n\nexport interface DropdownOptions {\n\tlabel: string;\n\tsubLabel?: string;\n\tvalue: string;\n\tkey: string | number;\n\tnoOfDays?: number;\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tselectedDates?: Date[];\n\t\tselectedDate?: Date;\n\t\tminDate?: Date;\n\t\tmaxDate?: Date;\n\t\tmaxRangeLimit?: number | null;\n\t};\n}\n\nexport interface AnalyticsDropdownInterface {\n\toptions: DropdownOptions[];\n\tselected?: DropdownOptions;\n\tplaceholder?: string;\n\tresetDropdown?: boolean;\n\tonOptionSelected: (\n\t\tchosen: DropdownOptions & {\n\t\t\tselectedRange?: [Date, Date];\n\t\t},\n\t) => void;\n\tmaxHeight?: string;\n\tbackgroundcolor?: string;\n\tcalendarPopperConfig?: {\n\t\toffsetSkid?: number;\n\t\toffsetDistance?: number;\n\t};\n\tvariant?: 'small' | 'default';\n\tdatePickerPlacement?: DropDirection;\n\tcloseDropdown?: boolean;\n\tlabelColor?: string;\n\tstyleProps?: React.CSSProperties;\n\tshowTimePicker?: boolean;\n}\n\nexport const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface> = ({\n\toptions,\n\tplaceholder = 'Select an option',\n\tselected,\n\tonOptionSelected,\n\tresetDropdown,\n\tmaxHeight,\n\tbackgroundcolor,\n\tcalendarPopperConfig,\n\tvariant = 'default',\n\tdatePickerPlacement,\n\tcloseDropdown,\n\tlabelColor,\n\tstyleProps,\n\tshowTimePicker = false,\n}) => {\n\tconst [openCalender, setCalender] = useState(false);\n\tconst [selectedOption, setSelectedOption] = useState(selected);\n\tconst [selectedDate, setSelectedDate] = useState<Date[]>();\n\tconst [showDropdown, setShowDropdown] = useState(false);\n\tconst [optionPlaceholder, setOptionPlaceholder] = useState(selected);\n\tconst dropdownRef = useRef<HTMLDivElement | null>(null);\n\tconst LabelText = variant === 'small' ? Caption : BodySecondary;\n\n\tuseEffect(() => {\n\t\tresetDropdown && setSelectedOption(undefined);\n\t}, [resetDropdown]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tselected?.isCustom &&\n\t\t\tselected.dateRangeSelectionOptions?.selectedDates\n\t\t) {\n\t\t\tsetSelectedDate(selected.dateRangeSelectionOptions.selectedDates);\n\t\t} else {\n\t\t\tsetSelectedDate(undefined);\n\t\t}\n\t\tsetSelectedOption(selected);\n\t}, [selected]);\n\n\tuseEffect(() => {\n\t\tsetShowDropdown(false);\n\t\tsetCalender(false);\n\t}, [closeDropdown]);\n\n\tconst setDropdown = (forceState?: boolean) => {\n\t\tif (forceState !== undefined) {\n\t\t\tsetShowDropdown(forceState);\n\t\t\topenCalender && setCalender(false);\n\t\t} else {\n\t\t\tsetShowDropdown((prevState) => !prevState);\n\t\t}\n\t};\n\n\tconst handleClickOutside = (event: MouseEvent) => {\n\t\tif (\n\t\t\tdropdownRef.current &&\n\t\t\t!dropdownRef.current.contains(event.target as Node)\n\t\t) {\n\t\t\tif (openCalender) {\n\t\t\t\tsetCalender(false);\n\t\t\t}\n\t\t\tsetDropdown(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (showDropdown) {\n\t\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\t}\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t};\n\t}, [showDropdown]);\n\n\treturn (\n\t\t<>\n\t\t\t<MainDropdown\n\t\t\t\tdrop={'down'}\n\t\t\t\tshow={showDropdown}\n\t\t\t\tonToggle={setDropdown}\n\t\t\t\tbgColor={backgroundcolor}\n\t\t\t\tid=\"analytic-dropdown\"\n\t\t\t>\n\t\t\t\t<Dropdown.Toggle\n\t\t\t\t\tid=\"dropdown-autoclose-outside\"\n\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tvariant === 'small'\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 6,\n\t\t\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\t\t\tbackgroundColor: '#FAFAFA',\n\t\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t\t\tborder: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: styleProps\n\t\t\t\t\t\t\t? styleProps\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<LabelText\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tvariant === 'small' || labelColor\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tlabelColor || DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedOption?.isCustom\n\t\t\t\t\t\t\t? selectedDate\n\t\t\t\t\t\t\t\t? formatDate(selectedDate[0], showTimePicker) ===\n\t\t\t\t\t\t\t\t formatDate(selectedDate[1], showTimePicker)\n\t\t\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)}`\n\t\t\t\t\t\t\t\t\t: `${formatDate(\n\t\t\t\t\t\t\t\t\t\t\tselectedDate[0],\n\t\t\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t\t\t )} to ${formatDate(selectedDate[1], showTimePicker)}`\n\t\t\t\t\t\t\t\t: optionPlaceholder?.label\n\t\t\t\t\t\t\t\t? optionPlaceholder?.label\n\t\t\t\t\t\t\t\t: placeholder\n\t\t\t\t\t\t\t: selectedOption\n\t\t\t\t\t\t\t? selectedOption?.label\n\t\t\t\t\t\t\t: placeholder}\n\t\t\t\t\t</LabelText>\n\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t{ReactDOM.createPortal(\n\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\t\tstyle={{ padding: 0 }}\n\t\t\t\t\t\tref={dropdownRef}\n\t\t\t\t\t>\n\t\t\t\t\t\t<MainDropdown\n\t\t\t\t\t\t\tdrop={datePickerPlacement ?? 'end'}\n\t\t\t\t\t\t\tid=\"sub--dropdown\"\n\t\t\t\t\t\t\tshow={openCalender}\n\t\t\t\t\t\t\tonToggle={(toggleCalender) => {\n\t\t\t\t\t\t\t\t!toggleCalender && setShowDropdown(false);\n\t\t\t\t\t\t\t\tsetCalender(!openCalender);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmaxHeight: maxHeight ? maxHeight : 'auto',\n\t\t\t\t\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{options.map((eachOption, index) => (\n\t\t\t\t\t\t\t\t\t<div key={eachOption?.key}>\n\t\t\t\t\t\t\t\t\t\t{eachOption?.isCustom ? (\n\t\t\t\t\t\t\t\t\t\t\t<Dropdown.Toggle className=\"sub--dropdown\">\n\t\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCalender(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\trangeSelection={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\teachOption?.dateRangeSelectionOptions?.selectRange\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedDate(undefined);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDropdown();\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!option.noOfDays) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst endDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst startDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tstartDate.setDate(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tendDate.getDate() - option.noOfDays,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...option,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [startDate, endDate],\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\t\t\tclassName=\"sub--dropdown\"\n\t\t\t\t\t\t\t\tpopperConfig={{\n\t\t\t\t\t\t\t\t\tmodifiers: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tname: 'offset',\n\t\t\t\t\t\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\t\t\t\t\t\toffset: [\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetSkid || 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetDistance || 0,\n\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\t\tselectRange={\n\t\t\t\t\t\t\t\t\t\tselectedOption?.dateRangeSelectionOptions?.selectRange ||\n\t\t\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\tmaxDate={selectedOption?.dateRangeSelectionOptions?.maxDate}\n\t\t\t\t\t\t\t\t\tminDate={selectedOption?.dateRangeSelectionOptions?.minDate}\n\t\t\t\t\t\t\t\t\tmaxRangeLimit={\n\t\t\t\t\t\t\t\t\t\tselectedOption?.dateRangeSelectionOptions?.maxRangeLimit\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tselectedDates={selectedDate}\n\t\t\t\t\t\t\t\t\tonSelectRange={(selectedStartDate, selectedEndDate) => {\n\t\t\t\t\t\t\t\t\t\tconst updatedDates = [selectedStartDate, selectedEndDate];\n\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates =\n\t\t\t\t\t\t\t\t\t\t\t\tupdatedDates;\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedStartDate, selectedEndDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate(updatedDates);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonSelectDate={(selectedDate) => {\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates = [\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedDate, selectedDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate([selectedDate, selectedDate]);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Dropdown.Menu>\n\t\t\t\t\t\t</MainDropdown>\n\t\t\t\t\t</Dropdown.Menu>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t\t</MainDropdown>\n\t\t</>\n\t);\n};\n\nexport const EachItem: React.FC<{\n\teachOption: DropdownOptions;\n\tselectedOption: DropdownOptions | undefined;\n\tselectedDate: Date[] | undefined;\n\tonClickingEachItem: (optionSelected: DropdownOptions) => void;\n\trangeSelection?: boolean;\n\tisLastItem?: boolean;\n\tisFirstItem?: boolean;\n\tshowTimePicker?: boolean;\n}> = ({\n\teachOption,\n\tselectedOption,\n\tselectedDate,\n\tonClickingEachItem,\n\trangeSelection,\n\tisLastItem,\n\tisFirstItem,\n\tshowTimePicker,\n}) => {\n\treturn (\n\t\t<ItemMenuContainer\n\t\t\tisFirstItem={isFirstItem}\n\t\t\tisLastItem={isLastItem}\n\t\t\tkey={eachOption.key}\n\t\t\tonClick={() => onClickingEachItem(eachOption)}\n\t\t\tisSelected={\n\t\t\t\teachOption.isCustom\n\t\t\t\t\t? eachOption.key == selectedOption?.key && !!selectedDate\n\t\t\t\t\t: eachOption.key == selectedOption?.key\n\t\t\t}\n\t\t>\n\t\t\t<BodySecondary\n\t\t\t\tcolor={\n\t\t\t\t\teachOption.key == selectedOption?.key\n\t\t\t\t\t\t? BASE_COLORS.positive[900]\n\t\t\t\t\t\t: BASE_COLORS.grayscale[900]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{eachOption.label}\n\t\t\t</BodySecondary>\n\t\t\t{eachOption.subLabel ? (\n\t\t\t\t<BodyCaption style={{ color: BASE_COLORS.grayscale[700] }}>\n\t\t\t\t\t{eachOption.subLabel}\n\t\t\t\t</BodyCaption>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t{selectedDate &&\n\t\t\t\tselectedOption?.isCustom &&\n\t\t\t\teachOption.key == selectedOption?.key && (\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twhiteSpace: 'normal',\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\ttextAlign: 'left',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{rangeSelection\n\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)} to ${formatDate(\n\t\t\t\t\t\t\t\t\tselectedDate[1],\n\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t )}`\n\t\t\t\t\t\t\t: `${formatDate(selectedDate[0], showTimePicker)}`}\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t)}\n\t\t</ItemMenuContainer>\n\t);\n};\n\nexport const formatDate = (dateVal: Date, includeTime?: boolean) => {\n\tconst dateString = dateVal.toLocaleString('default', {\n\t\tday: 'numeric',\n\t\tmonth: 'short',\n\t\tyear: 'numeric',\n\t});\n\n\tif (includeTime) {\n\t\tconst timeString = dateVal.toLocaleString('default', {\n\t\t\thour: 'numeric',\n\t\t\tminute: '2-digit',\n\t\t\thour12: true,\n\t\t});\n\t\treturn `${dateString} (${timeString})`;\n\t}\n\n\treturn dateString;\n};\n"],"names":["AnalyticsDropdown","options","placeholder","selected","onOptionSelected","resetDropdown","maxHeight","backgroundcolor","calendarPopperConfig","variant","datePickerPlacement","closeDropdown","labelColor","styleProps","showTimePicker","openCalender","setCalender","useState","selectedOption","setSelectedOption","selectedDate","setSelectedDate","showDropdown","setShowDropdown","optionPlaceholder","setOptionPlaceholder","dropdownRef","useRef","LabelText","Caption","BodySecondary","useEffect","setDropdown","forceState","prevState","handleClickOutside","event","jsx","Fragment","jsxs","MainDropdown","Dropdown","DEFAULT_THEME","formatDate","ReactDOM","toggleCalender","eachOption","index","EachItem","option","endDate","startDate","DatePicker","selectedStartDate","selectedEndDate","updatedDates","onClickingEachItem","rangeSelection","isLastItem","isFirstItem","ItemMenuContainer","BASE_COLORS","BodyCaption","dateVal","includeTime","dateString","timeString"],"mappings":"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"}
package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts CHANGED
@@ -13,6 +13,7 @@ export interface DropdownOptions {
13
13
  selectedDate?: Date;
14
14
  minDate?: Date;
15
15
  maxDate?: Date;
16
+ maxRangeLimit?: number | null;
16
17
  };
17
18
  }
18
19
  export interface AnalyticsDropdownInterface {
package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js CHANGED
@@ -1,57 +1,57 @@
1
- import { jsx as s, Fragment as Y, jsxs as x } from "react/jsx-runtime";
2
- import { useState as S, useRef as K, useEffect as C } from "react";
3
- import { Dropdown as k } from "react-bootstrap";
4
- import Q from "react-dom";
5
- import { DEFAULT_THEME as _, BASE_COLORS as h } from "../../constants/Theme.js";
6
- import { Caption as W, BodySecondary as q, BodyCaption as H } from "../TypographyStyle.js";
7
- import { MainDropdown as U, ItemMenuContainer as X } from "./CommonStyles.js";
8
- import { DatePicker as Z } from "../datePicker/DatePicker.js";
9
- const ae = ({
1
+ import { jsx as a, Fragment as Y, jsxs as h } from "react/jsx-runtime";
2
+ import { useState as R, useRef as K, useEffect as C } from "react";
3
+ import { Dropdown as L } from "react-bootstrap";
4
+ import O from "react-dom";
5
+ import { DEFAULT_THEME as _, BASE_COLORS as $ } from "../../constants/Theme.js";
6
+ import { Caption as Q, BodySecondary as q, BodyCaption as H } from "../TypographyStyle.js";
7
+ import { MainDropdown as U, ItemMenuContainer as W } from "./CommonStyles.js";
8
+ import { DatePicker as X } from "../datePicker/DatePicker.js";
9
+ const se = ({
10
10
  options: t,
11
11
  placeholder: r = "Select an option",
12
- selected: o,
12
+ selected: n,
13
13
  onOptionSelected: i,
14
- resetDropdown: R,
14
+ resetDropdown: S,
15
15
  maxHeight: D,
16
- backgroundcolor: v,
17
- calendarPopperConfig: u,
18
- variant: L = "default",
16
+ backgroundcolor: k,
17
+ calendarPopperConfig: g,
18
+ variant: v = "default",
19
19
  datePickerPlacement: z,
20
20
  closeDropdown: G,
21
21
  labelColor: A,
22
22
  styleProps: F,
23
23
  showTimePicker: c = !1
24
24
  }) => {
25
- const [b, f] = S(!1), [n, w] = S(o), [l, y] = S(), [p, g] = S(!1), [M, E] = S(o), I = K(null), J = L === "small" ? W : q;
25
+ const [b, f] = R(!1), [o, w] = R(n), [l, y] = R(), [p, u] = R(!1), [M, x] = R(n), E = K(null), J = v === "small" ? Q : q;
26
26
  C(() => {
27
- R && w(void 0);
28
- }, [R]), C(() => {
29
- o?.isCustom && o.dateRangeSelectionOptions?.selectedDates ? y(o.dateRangeSelectionOptions.selectedDates) : y(void 0), w(o);
30
- }, [o]), C(() => {
31
- g(!1), f(!1);
27
+ S && w(void 0);
28
+ }, [S]), C(() => {
29
+ n?.isCustom && n.dateRangeSelectionOptions?.selectedDates ? y(n.dateRangeSelectionOptions.selectedDates) : y(void 0), w(n);
30
+ }, [n]), C(() => {
31
+ u(!1), f(!1);
32
32
  }, [G]);
33
- const $ = (e) => {
34
- e !== void 0 ? (g(e), b && f(!1)) : g((d) => !d);
33
+ const I = (e) => {
34
+ e !== void 0 ? (u(e), b && f(!1)) : u((d) => !d);
35
35
  }, B = (e) => {
36
- I.current && !I.current.contains(e.target) && (b && f(!1), $(!1));
36
+ E.current && !E.current.contains(e.target) && (b && f(!1), I(!1));
37
37
  };
38
38
  return C(() => (p && document.addEventListener("mousedown", B), () => {
39
39
  document.removeEventListener("mousedown", B);
40
- }), [p]), /* @__PURE__ */ s(Y, { children: /* @__PURE__ */ x(
40
+ }), [p]), /* @__PURE__ */ a(Y, { children: /* @__PURE__ */ h(
41
41
  U,
42
42
  {
43
43
  drop: "down",
44
44
  show: p,
45
- onToggle: $,
46
- bgColor: v,
45
+ onToggle: I,
46
+ bgColor: k,
47
47
  id: "analytic-dropdown",
48
48
  children: [
49
- /* @__PURE__ */ s(
50
- k.Toggle,
49
+ /* @__PURE__ */ a(
50
+ L.Toggle,
51
51
  {
52
52
  id: "dropdown-autoclose-outside",
53
53
  className: "main--dropdown",
54
- style: L === "small" ? {
54
+ style: v === "small" ? {
55
55
  display: "flex",
56
56
  alignItems: "center",
57
57
  gap: 6,
@@ -60,76 +60,76 @@ const ae = ({
60
60
  borderRadius: 4,
61
61
  border: `1px solid ${_.colorsV2.stroke.primary}`
62
62
  } : F || void 0,
63
- children: /* @__PURE__ */ s(
63
+ children: /* @__PURE__ */ a(
64
64
  J,
65
65
  {
66
- style: L === "small" || A ? {
66
+ style: v === "small" || A ? {
67
67
  color: A || _.colorsV2.content.secondary
68
68
  } : void 0,
69
- children: n?.isCustom ? l ? m(l[0], c) === m(l[1], c) ? `${m(l[0], c)}` : `${m(
69
+ children: o?.isCustom ? l ? m(l[0], c) === m(l[1], c) ? `${m(l[0], c)}` : `${m(
70
70
  l[0],
71
71
  c
72
- )} to ${m(l[1], c)}` : M?.label ? M?.label : r : n ? n?.label : r
72
+ )} to ${m(l[1], c)}` : M?.label ? M?.label : r : o ? o?.label : r
73
73
  }
74
74
  )
75
75
  }
76
76
  ),
77
- Q.createPortal(
78
- /* @__PURE__ */ s(
79
- k.Menu,
77
+ O.createPortal(
78
+ /* @__PURE__ */ a(
79
+ L.Menu,
80
80
  {
81
81
  className: "main--dropdown",
82
82
  style: { padding: 0 },
83
- ref: I,
84
- children: /* @__PURE__ */ x(
83
+ ref: E,
84
+ children: /* @__PURE__ */ h(
85
85
  U,
86
86
  {
87
87
  drop: z ?? "end",
88
88
  id: "sub--dropdown",
89
89
  show: b,
90
90
  onToggle: (e) => {
91
- !e && g(!1), f(!b);
91
+ !e && u(!1), f(!b);
92
92
  },
93
93
  children: [
94
- /* @__PURE__ */ s(
94
+ /* @__PURE__ */ a(
95
95
  "div",
96
96
  {
97
97
  style: {
98
98
  maxHeight: D || "auto",
99
99
  overflowY: "scroll"
100
100
  },
101
- children: t.map((e, d) => /* @__PURE__ */ s("div", { children: e?.isCustom ? /* @__PURE__ */ s(k.Toggle, { className: "sub--dropdown", children: /* @__PURE__ */ s(
101
+ children: t.map((e, d) => /* @__PURE__ */ a("div", { children: e?.isCustom ? /* @__PURE__ */ a(L.Toggle, { className: "sub--dropdown", children: /* @__PURE__ */ a(
102
102
  V,
103
103
  {
104
104
  isFirstItem: d === 0,
105
105
  isLastItem: d === t.length - 1,
106
106
  eachOption: e,
107
- selectedOption: n,
107
+ selectedOption: o,
108
108
  selectedDate: l,
109
- onClickingEachItem: (a) => {
110
- w(a), f(!0);
109
+ onClickingEachItem: (s) => {
110
+ w(s), f(!0);
111
111
  },
112
112
  rangeSelection: !!e?.dateRangeSelectionOptions?.selectRange,
113
113
  showTimePicker: c
114
114
  }
115
- ) }) : /* @__PURE__ */ s(
115
+ ) }) : /* @__PURE__ */ a(
116
116
  V,
117
117
  {
118
118
  isFirstItem: d === 0,
119
119
  isLastItem: d === t.length - 1,
120
120
  eachOption: e,
121
- selectedOption: n,
121
+ selectedOption: o,
122
122
  selectedDate: l,
123
- onClickingEachItem: (a) => {
124
- if (y(void 0), w(a), E(a), $(), !a.noOfDays) {
125
- i(a);
123
+ onClickingEachItem: (s) => {
124
+ if (y(void 0), w(s), x(s), I(), !s.noOfDays) {
125
+ i(s);
126
126
  return;
127
127
  }
128
128
  const N = /* @__PURE__ */ new Date(), j = /* @__PURE__ */ new Date();
129
129
  j.setDate(
130
- N.getDate() - a.noOfDays
130
+ N.getDate() - s.noOfDays
131
131
  ), i({
132
- ...a,
132
+ ...s,
133
133
  selectedRange: [j, N]
134
134
  });
135
135
  },
@@ -138,8 +138,8 @@ const ae = ({
138
138
  ) }, e?.key))
139
139
  }
140
140
  ),
141
- /* @__PURE__ */ s(
142
- k.Menu,
141
+ /* @__PURE__ */ a(
142
+ L.Menu,
143
143
  {
144
144
  className: "sub--dropdown",
145
145
  popperConfig: {
@@ -148,36 +148,37 @@ const ae = ({
148
148
  name: "offset",
149
149
  options: {
150
150
  offset: [
151
- u?.offsetSkid || 0,
152
- u?.offsetDistance || 0
151
+ g?.offsetSkid || 0,
152
+ g?.offsetDistance || 0
153
153
  ]
154
154
  }
155
155
  }
156
156
  ]
157
157
  },
158
- children: /* @__PURE__ */ s(
159
- Z,
158
+ children: /* @__PURE__ */ a(
159
+ X,
160
160
  {
161
- selectRange: n?.dateRangeSelectionOptions?.selectRange || !1,
161
+ selectRange: o?.dateRangeSelectionOptions?.selectRange || !1,
162
162
  showTimePicker: c,
163
- maxDate: n?.dateRangeSelectionOptions?.maxDate,
164
- minDate: n?.dateRangeSelectionOptions?.minDate,
163
+ maxDate: o?.dateRangeSelectionOptions?.maxDate,
164
+ minDate: o?.dateRangeSelectionOptions?.minDate,
165
+ maxRangeLimit: o?.dateRangeSelectionOptions?.maxRangeLimit,
165
166
  selectedDates: l,
166
167
  onSelectRange: (e, d) => {
167
- const a = [e, d];
168
- n?.dateRangeSelectionOptions && (n.dateRangeSelectionOptions.selectedDates = a, i({
169
- ...n,
168
+ const s = [e, d];
169
+ o?.dateRangeSelectionOptions && (o.dateRangeSelectionOptions.selectedDates = s, i({
170
+ ...o,
170
171
  selectedRange: [e, d]
171
- })), E(n), f(!1), y(a), g(!p);
172
+ })), x(o), f(!1), y(s), u(!p);
172
173
  },
173
174
  onSelectDate: (e) => {
174
- n?.dateRangeSelectionOptions && (n.dateRangeSelectionOptions.selectedDates = [
175
+ o?.dateRangeSelectionOptions && (o.dateRangeSelectionOptions.selectedDates = [
175
176
  e,
176
177
  e
177
178
  ], i({
178
- ...n,
179
+ ...o,
179
180
  selectedRange: [e, e]
180
- })), E(n), f(!1), y([e, e]), g(!p);
181
+ })), x(o), f(!1), y([e, e]), u(!p);
181
182
  }
182
183
  }
183
184
  )
@@ -196,29 +197,29 @@ const ae = ({
196
197
  }, V = ({
197
198
  eachOption: t,
198
199
  selectedOption: r,
199
- selectedDate: o,
200
+ selectedDate: n,
200
201
  onClickingEachItem: i,
201
- rangeSelection: R,
202
+ rangeSelection: S,
202
203
  isLastItem: D,
203
- isFirstItem: v,
204
- showTimePicker: u
205
- }) => /* @__PURE__ */ x(
206
- X,
204
+ isFirstItem: k,
205
+ showTimePicker: g
206
+ }) => /* @__PURE__ */ h(
207
+ W,
207
208
  {
208
- isFirstItem: v,
209
+ isFirstItem: k,
209
210
  isLastItem: D,
210
211
  onClick: () => i(t),
211
- isSelected: t.isCustom ? t.key == r?.key && !!o : t.key == r?.key,
212
+ isSelected: t.isCustom ? t.key == r?.key && !!n : t.key == r?.key,
212
213
  children: [
213
- /* @__PURE__ */ s(
214
+ /* @__PURE__ */ a(
214
215
  q,
215
216
  {
216
- color: t.key == r?.key ? h.positive[900] : h.grayscale[900],
217
+ color: t.key == r?.key ? $.positive[900] : $.grayscale[900],
217
218
  children: t.label
218
219
  }
219
220
  ),
220
- t.subLabel ? /* @__PURE__ */ s(H, { style: { color: h.grayscale[700] }, children: t.subLabel }) : /* @__PURE__ */ s(Y, {}),
221
- o && r?.isCustom && t.key == r?.key && /* @__PURE__ */ s(
221
+ t.subLabel ? /* @__PURE__ */ a(H, { style: { color: $.grayscale[700] }, children: t.subLabel }) : /* @__PURE__ */ a(Y, {}),
222
+ n && r?.isCustom && t.key == r?.key && /* @__PURE__ */ a(
222
223
  H,
223
224
  {
224
225
  style: {
@@ -226,17 +227,17 @@ const ae = ({
226
227
  wordBreak: "break-word",
227
228
  textAlign: "left"
228
229
  },
229
- children: R ? `${m(o[0], u)} to ${m(
230
- o[1],
231
- u
232
- )}` : `${m(o[0], u)}`
230
+ children: S ? `${m(n[0], g)} to ${m(
231
+ n[1],
232
+ g
233
+ )}` : `${m(n[0], g)}`
233
234
  }
234
235
  )
235
236
  ]
236
237
  },
237
238
  t.key
238
239
  ), m = (t, r) => {
239
- const o = t.toLocaleString("default", {
240
+ const n = t.toLocaleString("default", {
240
241
  day: "numeric",
241
242
  month: "short",
242
243
  year: "numeric"
@@ -247,12 +248,12 @@ const ae = ({
247
248
  minute: "2-digit",
248
249
  hour12: !0
249
250
  });
250
- return `${o} (${i})`;
251
+ return `${n} (${i})`;
251
252
  }
252
- return o;
253
+ return n;
253
254
  };
254
255
  export {
255
- ae as AnalyticsDropdown,
256
+ se as AnalyticsDropdown,
256
257
  V as EachItem,
257
258
  m as formatDate
258
259
  };
package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AnalyticsDropdown.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx"],"sourcesContent":["import 'bootstrap/dist/css/bootstrap.min.css';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Dropdown } from 'react-bootstrap';\nimport { DropDirection } from 'react-bootstrap/esm/DropdownContext';\nimport ReactDOM from 'react-dom';\nimport { BASE_COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { DatePicker } from '../datePicker';\nimport { BodyCaption, BodySecondary, Caption } from '../TypographyStyle';\nimport { ItemMenuContainer, MainDropdown } from './CommonStyles';\n\nexport interface DropdownOptions {\n\tlabel: string;\n\tsubLabel?: string;\n\tvalue: string;\n\tkey: string | number;\n\tnoOfDays?: number;\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tselectedDates?: Date[];\n\t\tselectedDate?: Date;\n\t\tminDate?: Date;\n\t\tmaxDate?: Date;\n\t};\n}\n\nexport interface AnalyticsDropdownInterface {\n\toptions: DropdownOptions[];\n\tselected?: DropdownOptions;\n\tplaceholder?: string;\n\tresetDropdown?: boolean;\n\tonOptionSelected: (\n\t\tchosen: DropdownOptions & {\n\t\t\tselectedRange?: [Date, Date];\n\t\t},\n\t) => void;\n\tmaxHeight?: string;\n\tbackgroundcolor?: string;\n\tcalendarPopperConfig?: {\n\t\toffsetSkid?: number;\n\t\toffsetDistance?: number;\n\t};\n\tvariant?: 'small' | 'default';\n\tdatePickerPlacement?: DropDirection;\n\tcloseDropdown?: boolean;\n\tlabelColor?: string;\n\tstyleProps?: React.CSSProperties;\n\tshowTimePicker?: boolean;\n}\n\nexport const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface> = ({\n\toptions,\n\tplaceholder = 'Select an option',\n\tselected,\n\tonOptionSelected,\n\tresetDropdown,\n\tmaxHeight,\n\tbackgroundcolor,\n\tcalendarPopperConfig,\n\tvariant = 'default',\n\tdatePickerPlacement,\n\tcloseDropdown,\n\tlabelColor,\n\tstyleProps,\n\tshowTimePicker = false,\n}) => {\n\tconst [openCalender, setCalender] = useState(false);\n\tconst [selectedOption, setSelectedOption] = useState(selected);\n\tconst [selectedDate, setSelectedDate] = useState<Date[]>();\n\tconst [showDropdown, setShowDropdown] = useState(false);\n\tconst [optionPlaceholder, setOptionPlaceholder] = useState(selected);\n\tconst dropdownRef = useRef<HTMLDivElement | null>(null);\n\tconst LabelText = variant === 'small' ? Caption : BodySecondary;\n\n\tuseEffect(() => {\n\t\tresetDropdown && setSelectedOption(undefined);\n\t}, [resetDropdown]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tselected?.isCustom &&\n\t\t\tselected.dateRangeSelectionOptions?.selectedDates\n\t\t) {\n\t\t\tsetSelectedDate(selected.dateRangeSelectionOptions.selectedDates);\n\t\t} else {\n\t\t\tsetSelectedDate(undefined);\n\t\t}\n\t\tsetSelectedOption(selected);\n\t}, [selected]);\n\n\tuseEffect(() => {\n\t\tsetShowDropdown(false);\n\t\tsetCalender(false);\n\t}, [closeDropdown]);\n\n\tconst setDropdown = (forceState?: boolean) => {\n\t\tif (forceState !== undefined) {\n\t\t\tsetShowDropdown(forceState);\n\t\t\topenCalender && setCalender(false);\n\t\t} else {\n\t\t\tsetShowDropdown((prevState) => !prevState);\n\t\t}\n\t};\n\n\tconst handleClickOutside = (event: MouseEvent) => {\n\t\tif (\n\t\t\tdropdownRef.current &&\n\t\t\t!dropdownRef.current.contains(event.target as Node)\n\t\t) {\n\t\t\tif (openCalender) {\n\t\t\t\tsetCalender(false);\n\t\t\t}\n\t\t\tsetDropdown(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (showDropdown) {\n\t\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\t}\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t};\n\t}, [showDropdown]);\n\n\treturn (\n\t\t<>\n\t\t\t<MainDropdown\n\t\t\t\tdrop={'down'}\n\t\t\t\tshow={showDropdown}\n\t\t\t\tonToggle={setDropdown}\n\t\t\t\tbgColor={backgroundcolor}\n\t\t\t\tid=\"analytic-dropdown\"\n\t\t\t>\n\t\t\t\t<Dropdown.Toggle\n\t\t\t\t\tid=\"dropdown-autoclose-outside\"\n\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tvariant === 'small'\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 6,\n\t\t\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\t\t\tbackgroundColor: '#FAFAFA',\n\t\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t\t\tborder: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: styleProps\n\t\t\t\t\t\t\t? styleProps\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<LabelText\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tvariant === 'small' || labelColor\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tlabelColor || DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedOption?.isCustom\n\t\t\t\t\t\t\t? selectedDate\n\t\t\t\t\t\t\t\t? formatDate(selectedDate[0], showTimePicker) ===\n\t\t\t\t\t\t\t\t formatDate(selectedDate[1], showTimePicker)\n\t\t\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)}`\n\t\t\t\t\t\t\t\t\t: `${formatDate(\n\t\t\t\t\t\t\t\t\t\t\tselectedDate[0],\n\t\t\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t\t\t )} to ${formatDate(selectedDate[1], showTimePicker)}`\n\t\t\t\t\t\t\t\t: optionPlaceholder?.label\n\t\t\t\t\t\t\t\t? optionPlaceholder?.label\n\t\t\t\t\t\t\t\t: placeholder\n\t\t\t\t\t\t\t: selectedOption\n\t\t\t\t\t\t\t? selectedOption?.label\n\t\t\t\t\t\t\t: placeholder}\n\t\t\t\t\t</LabelText>\n\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t{ReactDOM.createPortal(\n\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\t\tstyle={{ padding: 0 }}\n\t\t\t\t\t\tref={dropdownRef}\n\t\t\t\t\t>\n\t\t\t\t\t\t<MainDropdown\n\t\t\t\t\t\t\tdrop={datePickerPlacement ?? 'end'}\n\t\t\t\t\t\t\tid=\"sub--dropdown\"\n\t\t\t\t\t\t\tshow={openCalender}\n\t\t\t\t\t\t\tonToggle={(toggleCalender) => {\n\t\t\t\t\t\t\t\t!toggleCalender && setShowDropdown(false);\n\t\t\t\t\t\t\t\tsetCalender(!openCalender);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmaxHeight: maxHeight ? maxHeight : 'auto',\n\t\t\t\t\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{options.map((eachOption, index) => (\n\t\t\t\t\t\t\t\t\t<div key={eachOption?.key}>\n\t\t\t\t\t\t\t\t\t\t{eachOption?.isCustom ? (\n\t\t\t\t\t\t\t\t\t\t\t<Dropdown.Toggle className=\"sub--dropdown\">\n\t\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCalender(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\trangeSelection={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\teachOption?.dateRangeSelectionOptions?.selectRange\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedDate(undefined);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDropdown();\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!option.noOfDays) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst endDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst startDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tstartDate.setDate(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tendDate.getDate() - option.noOfDays,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...option,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [startDate, endDate],\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\t\t\tclassName=\"sub--dropdown\"\n\t\t\t\t\t\t\t\tpopperConfig={{\n\t\t\t\t\t\t\t\t\tmodifiers: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tname: 'offset',\n\t\t\t\t\t\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\t\t\t\t\t\toffset: [\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetSkid || 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetDistance || 0,\n\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\t\tselectRange={\n\t\t\t\t\t\t\t\t\t\tselectedOption?.dateRangeSelectionOptions?.selectRange ||\n\t\t\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\tmaxDate={selectedOption?.dateRangeSelectionOptions?.maxDate}\n\t\t\t\t\t\t\t\t\tminDate={selectedOption?.dateRangeSelectionOptions?.minDate}\n\t\t\t\t\t\t\t\t\tselectedDates={selectedDate}\n\t\t\t\t\t\t\t\t\tonSelectRange={(selectedStartDate, selectedEndDate) => {\n\t\t\t\t\t\t\t\t\t\tconst updatedDates = [selectedStartDate, selectedEndDate];\n\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates =\n\t\t\t\t\t\t\t\t\t\t\t\tupdatedDates;\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedStartDate, selectedEndDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate(updatedDates);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonSelectDate={(selectedDate) => {\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates = [\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedDate, selectedDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate([selectedDate, selectedDate]);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Dropdown.Menu>\n\t\t\t\t\t\t</MainDropdown>\n\t\t\t\t\t</Dropdown.Menu>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t\t</MainDropdown>\n\t\t</>\n\t);\n};\n\nexport const EachItem: React.FC<{\n\teachOption: DropdownOptions;\n\tselectedOption: DropdownOptions | undefined;\n\tselectedDate: Date[] | undefined;\n\tonClickingEachItem: (optionSelected: DropdownOptions) => void;\n\trangeSelection?: boolean;\n\tisLastItem?: boolean;\n\tisFirstItem?: boolean;\n\tshowTimePicker?: boolean;\n}> = ({\n\teachOption,\n\tselectedOption,\n\tselectedDate,\n\tonClickingEachItem,\n\trangeSelection,\n\tisLastItem,\n\tisFirstItem,\n\tshowTimePicker,\n}) => {\n\treturn (\n\t\t<ItemMenuContainer\n\t\t\tisFirstItem={isFirstItem}\n\t\t\tisLastItem={isLastItem}\n\t\t\tkey={eachOption.key}\n\t\t\tonClick={() => onClickingEachItem(eachOption)}\n\t\t\tisSelected={\n\t\t\t\teachOption.isCustom\n\t\t\t\t\t? eachOption.key == selectedOption?.key && !!selectedDate\n\t\t\t\t\t: eachOption.key == selectedOption?.key\n\t\t\t}\n\t\t>\n\t\t\t<BodySecondary\n\t\t\t\tcolor={\n\t\t\t\t\teachOption.key == selectedOption?.key\n\t\t\t\t\t\t? BASE_COLORS.positive[900]\n\t\t\t\t\t\t: BASE_COLORS.grayscale[900]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{eachOption.label}\n\t\t\t</BodySecondary>\n\t\t\t{eachOption.subLabel ? (\n\t\t\t\t<BodyCaption style={{ color: BASE_COLORS.grayscale[700] }}>\n\t\t\t\t\t{eachOption.subLabel}\n\t\t\t\t</BodyCaption>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t{selectedDate &&\n\t\t\t\tselectedOption?.isCustom &&\n\t\t\t\teachOption.key == selectedOption?.key && (\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twhiteSpace: 'normal',\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\ttextAlign: 'left',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{rangeSelection\n\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)} to ${formatDate(\n\t\t\t\t\t\t\t\t\tselectedDate[1],\n\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t )}`\n\t\t\t\t\t\t\t: `${formatDate(selectedDate[0], showTimePicker)}`}\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t)}\n\t\t</ItemMenuContainer>\n\t);\n};\n\nexport const formatDate = (dateVal: Date, includeTime?: boolean) => {\n\tconst dateString = dateVal.toLocaleString('default', {\n\t\tday: 'numeric',\n\t\tmonth: 'short',\n\t\tyear: 'numeric',\n\t});\n\n\tif (includeTime) {\n\t\tconst timeString = dateVal.toLocaleString('default', {\n\t\t\thour: 'numeric',\n\t\t\tminute: '2-digit',\n\t\t\thour12: true,\n\t\t});\n\t\treturn `${dateString} (${timeString})`;\n\t}\n\n\treturn dateString;\n};\n"],"names":["AnalyticsDropdown","options","placeholder","selected","onOptionSelected","resetDropdown","maxHeight","backgroundcolor","calendarPopperConfig","variant","datePickerPlacement","closeDropdown","labelColor","styleProps","showTimePicker","openCalender","setCalender","useState","selectedOption","setSelectedOption","selectedDate","setSelectedDate","showDropdown","setShowDropdown","optionPlaceholder","setOptionPlaceholder","dropdownRef","useRef","LabelText","Caption","BodySecondary","useEffect","setDropdown","forceState","prevState","handleClickOutside","event","jsx","Fragment","jsxs","MainDropdown","Dropdown","DEFAULT_THEME","formatDate","ReactDOM","toggleCalender","eachOption","index","EachItem","option","endDate","startDate","DatePicker","selectedStartDate","selectedEndDate","updatedDates","onClickingEachItem","rangeSelection","isLastItem","isFirstItem","ItemMenuContainer","BASE_COLORS","BodyCaption","dateVal","includeTime","dateString","timeString"],"mappings":";;;;;;;;AAkDO,MAAMA,KAA0D,CAAC;AAAA,EACvE,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,qBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAClB,MAAM;AACL,QAAM,CAACC,GAAcC,CAAW,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAgBC,CAAiB,IAAIF,EAASd,CAAQ,GACvD,CAACiB,GAAcC,CAAe,IAAIJ,EAAA,GAClC,CAACK,GAAcC,CAAe,IAAIN,EAAS,EAAK,GAChD,CAACO,GAAmBC,CAAoB,IAAIR,EAASd,CAAQ,GAC7DuB,IAAcC,EAA8B,IAAI,GAChDC,IAAYnB,MAAY,UAAUoB,IAAUC;AAElD,EAAAC,EAAU,MAAM;AACf,IAAA1B,KAAiBc,EAAkB,MAAS;AAAA,EAC7C,GAAG,CAACd,CAAa,CAAC,GAElB0B,EAAU,MAAM;AACf,IACC5B,GAAU,YACVA,EAAS,2BAA2B,gBAEpCkB,EAAgBlB,EAAS,0BAA0B,aAAa,IAEhEkB,EAAgB,MAAS,GAE1BF,EAAkBhB,CAAQ;AAAA,EAC3B,GAAG,CAACA,CAAQ,CAAC,GAEb4B,EAAU,MAAM;AACf,IAAAR,EAAgB,EAAK,GACrBP,EAAY,EAAK;AAAA,EAClB,GAAG,CAACL,CAAa,CAAC;AAElB,QAAMqB,IAAc,CAACC,MAAyB;AAC7C,IAAIA,MAAe,UAClBV,EAAgBU,CAAU,GAC1BlB,KAAgBC,EAAY,EAAK,KAEjCO,EAAgB,CAACW,MAAc,CAACA,CAAS;AAAA,EAE3C,GAEMC,IAAqB,CAACC,MAAsB;AACjD,IACCV,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASU,EAAM,MAAc,MAE9CrB,KACHC,EAAY,EAAK,GAElBgB,EAAY,EAAK;AAAA,EAEnB;AAEA,SAAAD,EAAU,OACLT,KACH,SAAS,iBAAiB,aAAaa,CAAkB,GAEnD,MAAM;AACZ,aAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAC7D,IACE,CAACb,CAAY,CAAC,GAGhB,gBAAAe,EAAAC,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAM;AAAA,MACN,MAAMlB;AAAA,MACN,UAAUU;AAAA,MACV,SAASzB;AAAA,MACT,IAAG;AAAA,MAEH,UAAA;AAAA,QAAA,gBAAA8B;AAAA,UAACI,EAAS;AAAA,UAAT;AAAA,YACA,IAAG;AAAA,YACH,WAAU;AAAA,YACV,OACChC,MAAY,UACT;AAAA,cACA,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,SAAS;AAAA,cACT,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,QAAQ,aAAaiC,EAAc,SAAS,OAAO,OAAO;AAAA,YAAA,IAE1D7B,KAEA;AAAA,YAGJ,UAAA,gBAAAwB;AAAA,cAACT;AAAA,cAAA;AAAA,gBACA,OACCnB,MAAY,WAAWG,IACpB;AAAA,kBACA,OACCA,KAAc8B,EAAc,SAAS,QAAQ;AAAA,gBAAA,IAE9C;AAAA,gBAGH,UAAAxB,GAAgB,WACdE,IACCuB,EAAWvB,EAAa,CAAC,GAAGN,CAAc,MAC1C6B,EAAWvB,EAAa,CAAC,GAAGN,CAAc,IACzC,GAAG6B,EAAWvB,EAAa,CAAC,GAAGN,CAAc,CAAC,KAC9C,GAAG6B;AAAA,kBACHvB,EAAa,CAAC;AAAA,kBACdN;AAAA,gBAAA,CACC,OAAO6B,EAAWvB,EAAa,CAAC,GAAGN,CAAc,CAAC,KACpDU,GAAmB,QACnBA,GAAmB,QACnBtB,IACDgB,IACAA,GAAgB,QAChBhB;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAEA0C,EAAS;AAAA,UACT,gBAAAP;AAAA,YAACI,EAAS;AAAA,YAAT;AAAA,cACA,WAAU;AAAA,cACV,OAAO,EAAE,SAAS,EAAA;AAAA,cAClB,KAAKf;AAAA,cAEL,UAAA,gBAAAa;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACA,MAAM9B,KAAuB;AAAA,kBAC7B,IAAG;AAAA,kBACH,MAAMK;AAAA,kBACN,UAAU,CAAC8B,MAAmB;AAC7B,qBAACA,KAAkBtB,EAAgB,EAAK,GACxCP,EAAY,CAACD,CAAY;AAAA,kBAC1B;AAAA,kBAEA,UAAA;AAAA,oBAAA,gBAAAsB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,OAAO;AAAA,0BACN,WAAW/B,KAAwB;AAAA,0BACnC,WAAW;AAAA,wBAAA;AAAA,wBAGX,UAAAL,EAAQ,IAAI,CAAC6C,GAAYC,MACzB,gBAAAV,EAAC,OAAA,EACC,UAAAS,GAAY,WACZ,gBAAAT,EAACI,EAAS,QAAT,EAAgB,WAAU,iBAC1B,UAAA,gBAAAJ;AAAA,0BAACW;AAAA,0BAAA;AAAA,4BACA,aAAaD,MAAU;AAAA,4BACvB,YAAYA,MAAU9C,EAAQ,SAAS;AAAA,4BACvC,YAAA6C;AAAA,4BACA,gBAAA5B;AAAA,4BACA,cAAAE;AAAA,4BACA,oBAAoB,CAAC6B,MAAW;AAC/B,8BAAA9B,EAAkB8B,CAAM,GACxBjC,EAAY,EAAI;AAAA,4BACjB;AAAA,4BACA,gBACC,EAAA8B,GAAY,2BAA2B;AAAA,4BAIxC,gBAAAhC;AAAA,0BAAA;AAAA,wBAAA,GAEF,IAEA,gBAAAuB;AAAA,0BAACW;AAAA,0BAAA;AAAA,4BACA,aAAaD,MAAU;AAAA,4BACvB,YAAYA,MAAU9C,EAAQ,SAAS;AAAA,4BACvC,YAAA6C;AAAA,4BACA,gBAAA5B;AAAA,4BACA,cAAAE;AAAA,4BACA,oBAAoB,CAAC6B,MAAW;AAK/B,kCAJA5B,EAAgB,MAAS,GACzBF,EAAkB8B,CAAM,GACxBxB,EAAqBwB,CAAM,GAC3BjB,EAAA,GACI,CAACiB,EAAO,UAAU;AACrB,gCAAA7C,EAAiB6C,CAAM;AACvB;AAAA,8BACD;AACA,oCAAMC,wBAAc,KAAA,GACdC,wBAAgB,KAAA;AACtB,8BAAAA,EAAU;AAAA,gCACTD,EAAQ,QAAA,IAAYD,EAAO;AAAA,8BAAA,GAE5B7C,EAAiB;AAAA,gCAChB,GAAG6C;AAAA,gCACH,eAAe,CAACE,GAAWD,CAAO;AAAA,8BAAA,CAClC;AAAA,4BACF;AAAA,4BACA,gBAAApC;AAAA,0BAAA;AAAA,wBAAA,EACD,GAhDQgC,GAAY,GAkDtB,CACA;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEF,gBAAAT;AAAA,sBAACI,EAAS;AAAA,sBAAT;AAAA,wBACA,WAAU;AAAA,wBACV,cAAc;AAAA,0BACb,WAAW;AAAA,4BACV;AAAA,8BACC,MAAM;AAAA,8BACN,SAAS;AAAA,gCACR,QAAQ;AAAA,kCACPjC,GAAsB,cAAc;AAAA,kCACpCA,GAAsB,kBAAkB;AAAA,gCAAA;AAAA,8BACzC;AAAA,4BACD;AAAA,0BACD;AAAA,wBACD;AAAA,wBAGD,UAAA,gBAAA6B;AAAA,0BAACe;AAAA,0BAAA;AAAA,4BACA,aACClC,GAAgB,2BAA2B,eAC3C;AAAA,4BAED,gBAAAJ;AAAA,4BACA,SAASI,GAAgB,2BAA2B;AAAA,4BACpD,SAASA,GAAgB,2BAA2B;AAAA,4BACpD,eAAeE;AAAA,4BACf,eAAe,CAACiC,GAAmBC,MAAoB;AACtD,oCAAMC,IAAe,CAACF,GAAmBC,CAAe;AAExD,8BAAIpC,GAAgB,8BACnBA,EAAe,0BAA0B,gBACxCqC,GACDnD,EAAiB;AAAA,gCAChB,GAAGc;AAAA,gCACH,eAAe,CAACmC,GAAmBC,CAAe;AAAA,8BAAA,CAClD,IAEF7B,EAAqBP,CAAc,GACnCF,EAAY,EAAK,GACjBK,EAAgBkC,CAAY,GAC5BhC,EAAgB,CAACD,CAAY;AAAA,4BAC9B;AAAA,4BACA,cAAc,CAACF,MAAiB;AAC/B,8BAAIF,GAAgB,8BACnBA,EAAe,0BAA0B,gBAAgB;AAAA,gCACxDE;AAAAA,gCACAA;AAAAA,8BAAA,GAEDhB,EAAiB;AAAA,gCAChB,GAAGc;AAAA,gCACH,eAAe,CAACE,GAAcA,CAAY;AAAA,8BAAA,CAC1C,IAEFK,EAAqBP,CAAc,GACnCF,EAAY,EAAK,GACjBK,EAAgB,CAACD,GAAcA,CAAY,CAAC,GAC5CG,EAAgB,CAACD,CAAY;AAAA,4BAC9B;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACD;AAAA,oBAAA;AAAA,kBACD;AAAA,gBAAA;AAAA,cAAA;AAAA,YACD;AAAA,UAAA;AAAA,UAED,SAAS;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA,GAEF;AAEF,GAEa0B,IASR,CAAC;AAAA,EACL,YAAAF;AAAA,EACA,gBAAA5B;AAAA,EACA,cAAAE;AAAA,EACA,oBAAAoC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAA7C;AACD,MAEE,gBAAAyB;AAAA,EAACqB;AAAA,EAAA;AAAA,IACA,aAAAD;AAAA,IACA,YAAAD;AAAA,IAEA,SAAS,MAAMF,EAAmBV,CAAU;AAAA,IAC5C,YACCA,EAAW,WACRA,EAAW,OAAO5B,GAAgB,OAAO,CAAC,CAACE,IAC3C0B,EAAW,OAAO5B,GAAgB;AAAA,IAGtC,UAAA;AAAA,MAAA,gBAAAmB;AAAA,QAACP;AAAA,QAAA;AAAA,UACA,OACCgB,EAAW,OAAO5B,GAAgB,MAC/B2C,EAAY,SAAS,GAAG,IACxBA,EAAY,UAAU,GAAG;AAAA,UAG5B,UAAAf,EAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZA,EAAW,WACX,gBAAAT,EAACyB,GAAA,EAAY,OAAO,EAAE,OAAOD,EAAY,UAAU,GAAG,EAAA,GACpD,UAAAf,EAAW,SAAA,CACb,IAEA,gBAAAT,EAAAC,GAAA,EAAE;AAAA,MAEFlB,KACAF,GAAgB,YAChB4B,EAAW,OAAO5B,GAAgB,OACjC,gBAAAmB;AAAA,QAACyB;AAAA,QAAA;AAAA,UACA,OAAO;AAAA,YACN,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,UAGX,UAAAL,IACE,GAAGd,EAAWvB,EAAa,CAAC,GAAGN,CAAc,CAAC,OAAO6B;AAAA,YACrDvB,EAAa,CAAC;AAAA,YACdN;AAAA,UAAA,CACC,KACD,GAAG6B,EAAWvB,EAAa,CAAC,GAAGN,CAAc,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAClD;AAAA,EAAA;AAAA,EAxCGgC,EAAW;AAAA,GA8CNH,IAAa,CAACoB,GAAeC,MAA0B;AACnE,QAAMC,IAAaF,EAAQ,eAAe,WAAW;AAAA,IACpD,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,CACN;AAED,MAAIC,GAAa;AAChB,UAAME,IAAaH,EAAQ,eAAe,WAAW;AAAA,MACpD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA,CACR;AACD,WAAO,GAAGE,CAAU,KAAKC,CAAU;AAAA,EACpC;AAEA,SAAOD;AACR;"}
1
+ {"version":3,"file":"AnalyticsDropdown.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx"],"sourcesContent":["import 'bootstrap/dist/css/bootstrap.min.css';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Dropdown } from 'react-bootstrap';\nimport { DropDirection } from 'react-bootstrap/esm/DropdownContext';\nimport ReactDOM from 'react-dom';\nimport { BASE_COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { DatePicker } from '../datePicker';\nimport { BodyCaption, BodySecondary, Caption } from '../TypographyStyle';\nimport { ItemMenuContainer, MainDropdown } from './CommonStyles';\n\nexport interface DropdownOptions {\n\tlabel: string;\n\tsubLabel?: string;\n\tvalue: string;\n\tkey: string | number;\n\tnoOfDays?: number;\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tselectedDates?: Date[];\n\t\tselectedDate?: Date;\n\t\tminDate?: Date;\n\t\tmaxDate?: Date;\n\t\tmaxRangeLimit?: number | null;\n\t};\n}\n\nexport interface AnalyticsDropdownInterface {\n\toptions: DropdownOptions[];\n\tselected?: DropdownOptions;\n\tplaceholder?: string;\n\tresetDropdown?: boolean;\n\tonOptionSelected: (\n\t\tchosen: DropdownOptions & {\n\t\t\tselectedRange?: [Date, Date];\n\t\t},\n\t) => void;\n\tmaxHeight?: string;\n\tbackgroundcolor?: string;\n\tcalendarPopperConfig?: {\n\t\toffsetSkid?: number;\n\t\toffsetDistance?: number;\n\t};\n\tvariant?: 'small' | 'default';\n\tdatePickerPlacement?: DropDirection;\n\tcloseDropdown?: boolean;\n\tlabelColor?: string;\n\tstyleProps?: React.CSSProperties;\n\tshowTimePicker?: boolean;\n}\n\nexport const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface> = ({\n\toptions,\n\tplaceholder = 'Select an option',\n\tselected,\n\tonOptionSelected,\n\tresetDropdown,\n\tmaxHeight,\n\tbackgroundcolor,\n\tcalendarPopperConfig,\n\tvariant = 'default',\n\tdatePickerPlacement,\n\tcloseDropdown,\n\tlabelColor,\n\tstyleProps,\n\tshowTimePicker = false,\n}) => {\n\tconst [openCalender, setCalender] = useState(false);\n\tconst [selectedOption, setSelectedOption] = useState(selected);\n\tconst [selectedDate, setSelectedDate] = useState<Date[]>();\n\tconst [showDropdown, setShowDropdown] = useState(false);\n\tconst [optionPlaceholder, setOptionPlaceholder] = useState(selected);\n\tconst dropdownRef = useRef<HTMLDivElement | null>(null);\n\tconst LabelText = variant === 'small' ? Caption : BodySecondary;\n\n\tuseEffect(() => {\n\t\tresetDropdown && setSelectedOption(undefined);\n\t}, [resetDropdown]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tselected?.isCustom &&\n\t\t\tselected.dateRangeSelectionOptions?.selectedDates\n\t\t) {\n\t\t\tsetSelectedDate(selected.dateRangeSelectionOptions.selectedDates);\n\t\t} else {\n\t\t\tsetSelectedDate(undefined);\n\t\t}\n\t\tsetSelectedOption(selected);\n\t}, [selected]);\n\n\tuseEffect(() => {\n\t\tsetShowDropdown(false);\n\t\tsetCalender(false);\n\t}, [closeDropdown]);\n\n\tconst setDropdown = (forceState?: boolean) => {\n\t\tif (forceState !== undefined) {\n\t\t\tsetShowDropdown(forceState);\n\t\t\topenCalender && setCalender(false);\n\t\t} else {\n\t\t\tsetShowDropdown((prevState) => !prevState);\n\t\t}\n\t};\n\n\tconst handleClickOutside = (event: MouseEvent) => {\n\t\tif (\n\t\t\tdropdownRef.current &&\n\t\t\t!dropdownRef.current.contains(event.target as Node)\n\t\t) {\n\t\t\tif (openCalender) {\n\t\t\t\tsetCalender(false);\n\t\t\t}\n\t\t\tsetDropdown(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (showDropdown) {\n\t\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\t}\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t};\n\t}, [showDropdown]);\n\n\treturn (\n\t\t<>\n\t\t\t<MainDropdown\n\t\t\t\tdrop={'down'}\n\t\t\t\tshow={showDropdown}\n\t\t\t\tonToggle={setDropdown}\n\t\t\t\tbgColor={backgroundcolor}\n\t\t\t\tid=\"analytic-dropdown\"\n\t\t\t>\n\t\t\t\t<Dropdown.Toggle\n\t\t\t\t\tid=\"dropdown-autoclose-outside\"\n\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tvariant === 'small'\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 6,\n\t\t\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\t\t\tbackgroundColor: '#FAFAFA',\n\t\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t\t\tborder: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: styleProps\n\t\t\t\t\t\t\t? styleProps\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<LabelText\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tvariant === 'small' || labelColor\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tlabelColor || DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedOption?.isCustom\n\t\t\t\t\t\t\t? selectedDate\n\t\t\t\t\t\t\t\t? formatDate(selectedDate[0], showTimePicker) ===\n\t\t\t\t\t\t\t\t formatDate(selectedDate[1], showTimePicker)\n\t\t\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)}`\n\t\t\t\t\t\t\t\t\t: `${formatDate(\n\t\t\t\t\t\t\t\t\t\t\tselectedDate[0],\n\t\t\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t\t\t )} to ${formatDate(selectedDate[1], showTimePicker)}`\n\t\t\t\t\t\t\t\t: optionPlaceholder?.label\n\t\t\t\t\t\t\t\t? optionPlaceholder?.label\n\t\t\t\t\t\t\t\t: placeholder\n\t\t\t\t\t\t\t: selectedOption\n\t\t\t\t\t\t\t? selectedOption?.label\n\t\t\t\t\t\t\t: placeholder}\n\t\t\t\t\t</LabelText>\n\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t{ReactDOM.createPortal(\n\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\t\tstyle={{ padding: 0 }}\n\t\t\t\t\t\tref={dropdownRef}\n\t\t\t\t\t>\n\t\t\t\t\t\t<MainDropdown\n\t\t\t\t\t\t\tdrop={datePickerPlacement ?? 'end'}\n\t\t\t\t\t\t\tid=\"sub--dropdown\"\n\t\t\t\t\t\t\tshow={openCalender}\n\t\t\t\t\t\t\tonToggle={(toggleCalender) => {\n\t\t\t\t\t\t\t\t!toggleCalender && setShowDropdown(false);\n\t\t\t\t\t\t\t\tsetCalender(!openCalender);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmaxHeight: maxHeight ? maxHeight : 'auto',\n\t\t\t\t\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{options.map((eachOption, index) => (\n\t\t\t\t\t\t\t\t\t<div key={eachOption?.key}>\n\t\t\t\t\t\t\t\t\t\t{eachOption?.isCustom ? (\n\t\t\t\t\t\t\t\t\t\t\t<Dropdown.Toggle className=\"sub--dropdown\">\n\t\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCalender(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\trangeSelection={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\teachOption?.dateRangeSelectionOptions?.selectRange\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedDate(undefined);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDropdown();\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!option.noOfDays) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst endDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst startDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tstartDate.setDate(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tendDate.getDate() - option.noOfDays,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...option,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [startDate, endDate],\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\t\t\tclassName=\"sub--dropdown\"\n\t\t\t\t\t\t\t\tpopperConfig={{\n\t\t\t\t\t\t\t\t\tmodifiers: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tname: 'offset',\n\t\t\t\t\t\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\t\t\t\t\t\toffset: [\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetSkid || 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetDistance || 0,\n\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\t\tselectRange={\n\t\t\t\t\t\t\t\t\t\tselectedOption?.dateRangeSelectionOptions?.selectRange ||\n\t\t\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\tmaxDate={selectedOption?.dateRangeSelectionOptions?.maxDate}\n\t\t\t\t\t\t\t\t\tminDate={selectedOption?.dateRangeSelectionOptions?.minDate}\n\t\t\t\t\t\t\t\t\tmaxRangeLimit={\n\t\t\t\t\t\t\t\t\t\tselectedOption?.dateRangeSelectionOptions?.maxRangeLimit\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tselectedDates={selectedDate}\n\t\t\t\t\t\t\t\t\tonSelectRange={(selectedStartDate, selectedEndDate) => {\n\t\t\t\t\t\t\t\t\t\tconst updatedDates = [selectedStartDate, selectedEndDate];\n\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates =\n\t\t\t\t\t\t\t\t\t\t\t\tupdatedDates;\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedStartDate, selectedEndDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate(updatedDates);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonSelectDate={(selectedDate) => {\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates = [\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedDate, selectedDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate([selectedDate, selectedDate]);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Dropdown.Menu>\n\t\t\t\t\t\t</MainDropdown>\n\t\t\t\t\t</Dropdown.Menu>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t\t</MainDropdown>\n\t\t</>\n\t);\n};\n\nexport const EachItem: React.FC<{\n\teachOption: DropdownOptions;\n\tselectedOption: DropdownOptions | undefined;\n\tselectedDate: Date[] | undefined;\n\tonClickingEachItem: (optionSelected: DropdownOptions) => void;\n\trangeSelection?: boolean;\n\tisLastItem?: boolean;\n\tisFirstItem?: boolean;\n\tshowTimePicker?: boolean;\n}> = ({\n\teachOption,\n\tselectedOption,\n\tselectedDate,\n\tonClickingEachItem,\n\trangeSelection,\n\tisLastItem,\n\tisFirstItem,\n\tshowTimePicker,\n}) => {\n\treturn (\n\t\t<ItemMenuContainer\n\t\t\tisFirstItem={isFirstItem}\n\t\t\tisLastItem={isLastItem}\n\t\t\tkey={eachOption.key}\n\t\t\tonClick={() => onClickingEachItem(eachOption)}\n\t\t\tisSelected={\n\t\t\t\teachOption.isCustom\n\t\t\t\t\t? eachOption.key == selectedOption?.key && !!selectedDate\n\t\t\t\t\t: eachOption.key == selectedOption?.key\n\t\t\t}\n\t\t>\n\t\t\t<BodySecondary\n\t\t\t\tcolor={\n\t\t\t\t\teachOption.key == selectedOption?.key\n\t\t\t\t\t\t? BASE_COLORS.positive[900]\n\t\t\t\t\t\t: BASE_COLORS.grayscale[900]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{eachOption.label}\n\t\t\t</BodySecondary>\n\t\t\t{eachOption.subLabel ? (\n\t\t\t\t<BodyCaption style={{ color: BASE_COLORS.grayscale[700] }}>\n\t\t\t\t\t{eachOption.subLabel}\n\t\t\t\t</BodyCaption>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t{selectedDate &&\n\t\t\t\tselectedOption?.isCustom &&\n\t\t\t\teachOption.key == selectedOption?.key && (\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twhiteSpace: 'normal',\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\ttextAlign: 'left',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{rangeSelection\n\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)} to ${formatDate(\n\t\t\t\t\t\t\t\t\tselectedDate[1],\n\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t )}`\n\t\t\t\t\t\t\t: `${formatDate(selectedDate[0], showTimePicker)}`}\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t)}\n\t\t</ItemMenuContainer>\n\t);\n};\n\nexport const formatDate = (dateVal: Date, includeTime?: boolean) => {\n\tconst dateString = dateVal.toLocaleString('default', {\n\t\tday: 'numeric',\n\t\tmonth: 'short',\n\t\tyear: 'numeric',\n\t});\n\n\tif (includeTime) {\n\t\tconst timeString = dateVal.toLocaleString('default', {\n\t\t\thour: 'numeric',\n\t\t\tminute: '2-digit',\n\t\t\thour12: true,\n\t\t});\n\t\treturn `${dateString} (${timeString})`;\n\t}\n\n\treturn dateString;\n};\n"],"names":["AnalyticsDropdown","options","placeholder","selected","onOptionSelected","resetDropdown","maxHeight","backgroundcolor","calendarPopperConfig","variant","datePickerPlacement","closeDropdown","labelColor","styleProps","showTimePicker","openCalender","setCalender","useState","selectedOption","setSelectedOption","selectedDate","setSelectedDate","showDropdown","setShowDropdown","optionPlaceholder","setOptionPlaceholder","dropdownRef","useRef","LabelText","Caption","BodySecondary","useEffect","setDropdown","forceState","prevState","handleClickOutside","event","jsx","Fragment","jsxs","MainDropdown","Dropdown","DEFAULT_THEME","formatDate","ReactDOM","toggleCalender","eachOption","index","EachItem","option","endDate","startDate","DatePicker","selectedStartDate","selectedEndDate","updatedDates","onClickingEachItem","rangeSelection","isLastItem","isFirstItem","ItemMenuContainer","BASE_COLORS","BodyCaption","dateVal","includeTime","dateString","timeString"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.818",
3
+ "version": "0.0.819",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",