@bikdotai/bik-component-library 0.0.593 → 0.0.594-am.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets/icons/retryIcon.svg.js +1 -0
- package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/cjs/components/states/StateComponent.d.ts +2 -1
- package/dist/cjs/components/states/StateComponent.js +1 -1
- package/dist/esm/assets/icons/retryIcon.svg.js +1 -0
- package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/esm/components/states/StateComponent.d.ts +2 -1
- package/dist/esm/components/states/StateComponent.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var l=e=>n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 64 64"},e),t||(t=n.createElement("rect",{width:64,height:64,fill:"#1A872C",rx:32})),r||(r=n.createElement("path",{fill:"#fff",d:"M41.012 14.51a1.667 1.667 0 0 0-2.971-.167l-1.873 3.244c-6.476-1.878-13.635.813-17.157 6.913-4.143 7.174-1.684 16.348 5.49 20.49 7.174 4.143 16.348 1.684 20.49-5.49a14.938 14.938 0 0 0 2.012-7.501 1.667 1.667 0 1 0-3.333.003 11.606 11.606 0 0 1-1.566 5.831c-3.221 5.58-10.356 7.492-15.936 4.27-5.58-3.221-7.492-10.356-4.27-15.936 2.593-4.493 7.724-6.608 12.538-5.58l-1.11 1.92a1.667 1.667 0 0 0 1.632 2.49l7.883-.892a1.667 1.667 0 0 0 1.34-2.322l-3.169-7.273Z"})));exports.default=l;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default EventsTrigger;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default IGTrigger;
|
package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DropdownOption } from "../../../dropdown/type";
|
|
3
|
-
import { QueryBuilderProperty } from "../../
|
|
4
|
-
import { QueryBuilderNodeProps } from "../../
|
|
3
|
+
import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
|
|
4
|
+
import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
|
|
5
5
|
declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
|
|
6
6
|
cacheKey: string;
|
|
7
7
|
propertyAddBtnText: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),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 a=require("../TypographyStyle.js");require("../datePicker/DatePickerWrapper.styled.js");var l=require("./CommonStyles.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=d(n);const c=t=>{let{eachOption:o,selectedOption:n,selectedDate:i,onClickingEachItem:d,rangeSelection:r,isLastItem:c,isFirstItem:p}=t;return e.jsxs(l.ItemMenuContainer,Object.assign({isFirstItem:p,isLastItem:c,onClick:()=>d(o),isSelected:o.isCustom?o.key==(null==n?void 0:n.key)&&!!i:o.key==(null==n?void 0:n.key)},{children:[e.jsx(a.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.jsx(a.BodyCaption,Object.assign({style:{color:s.BASE_COLORS.grayscale[700]}},{children:o.subLabel})):e.jsx(e.Fragment,{}),i&&(null==n?void 0:n.isCustom)&&o.key==(null==n?void 0:n.key)&&e.jsx(a.BodyCaption,{children:r?`${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:d,placeholder:p="Select an option",selected:g,onOptionSelected:m,resetDropdown:v,maxHeight:j,backgroundcolor:O,calendarPopperConfig:y,variant:b="default",datePickerPlacement:D,closeDropdown:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),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 a=require("../TypographyStyle.js");require("../datePicker/DatePickerWrapper.styled.js");var l=require("./CommonStyles.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=d(n);const c=t=>{let{eachOption:o,selectedOption:n,selectedDate:i,onClickingEachItem:d,rangeSelection:r,isLastItem:c,isFirstItem:p}=t;return e.jsxs(l.ItemMenuContainer,Object.assign({isFirstItem:p,isLastItem:c,onClick:()=>d(o),isSelected:o.isCustom?o.key==(null==n?void 0:n.key)&&!!i:o.key==(null==n?void 0:n.key)},{children:[e.jsx(a.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.jsx(a.BodyCaption,Object.assign({style:{color:s.BASE_COLORS.grayscale[700]}},{children:o.subLabel})):e.jsx(e.Fragment,{}),i&&(null==n?void 0:n.isCustom)&&o.key==(null==n?void 0:n.key)&&e.jsx(a.BodyCaption,{children:r?`${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:d,placeholder:p="Select an option",selected:g,onOptionSelected:m,resetDropdown:v,maxHeight:j,backgroundcolor:O,calendarPopperConfig:y,variant:b="default",datePickerPlacement:D,closeDropdown:f,labelColor:S,styleProps:h}=n;var x,k,w;const[C,R]=t.useState(!1),[E,I]=t.useState(g),[L,q]=t.useState(),[F,P]=t.useState(!1),[T,A]=t.useState(g),M=t.useRef(null),B="small"===b?a.Caption:a.BodySecondary;t.useEffect((()=>{v&&I(void 0)}),[v]),t.useEffect((()=>{var e;(null==g?void 0:g.isCustom)&&(null===(e=g.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?q(g.dateRangeSelectionOptions.selectedDates):q(void 0),I(g)}),[g]),t.useEffect((()=>{P(!1),R(!1)}),[f]);const $=e=>{void 0!==e?(P(e),C&&R(!1)):P((e=>!e))},_=e=>{M.current&&!M.current.contains(e.target)&&(C&&R(!1),$(!1))};return t.useEffect((()=>(F&&document.addEventListener("mousedown",_),()=>{document.removeEventListener("mousedown",_)})),[F]),e.jsx(e.Fragment,{children:e.jsxs(l.MainDropdown,Object.assign({drop:"down",show:F,onToggle:$,bgColor:O,id:"analytic-dropdown"},{children:[e.jsx(o.Dropdown.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===b?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${s.DEFAULT_THEME.colorsV2.stroke.primary}`}:h||void 0},{children:e.jsx(B,Object.assign({style:"small"===b||S?{color:S||s.DEFAULT_THEME.colorsV2.content.secondary}:void 0},{children:(null==E?void 0:E.isCustom)?L?u(L[0])===u(L[1])?`${u(L[0])}`:`${u(L[0])} to ${u(L[1])}`:(null==T?void 0:T.label)?null==T?void 0:T.label:p:E?null==E?void 0:E.label:p}))})),r.default.createPortal(e.jsx(o.Dropdown.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:M},{children:e.jsxs(l.MainDropdown,Object.assign({drop:null!=D?D:"end",id:"sub--dropdown",show:C,onToggle:e=>{!e&&P(!1),R(!C)}},{children:[e.jsx("div",Object.assign({style:{maxHeight:j||"auto",overflowY:"scroll"}},{children:d.map(((t,n)=>{var s;return e.jsx("div",{children:(null==t?void 0:t.isCustom)?e.jsx(o.Dropdown.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsx(c,{isFirstItem:0===n,isLastItem:n===d.length-1,eachOption:t,selectedOption:E,selectedDate:L,onClickingEachItem:e=>{I(e),R(!0)},rangeSelection:!!(null===(s=null==t?void 0:t.dateRangeSelectionOptions)||void 0===s?void 0:s.selectRange)})})):e.jsx(c,{isFirstItem:0===n,isLastItem:n===d.length-1,eachOption:t,selectedOption:E,selectedDate:L,onClickingEachItem:e=>{if(q(void 0),I(e),A(e),$(),!e.noOfDays)return void m(e);const t=new Date,o=new Date;o.setDate(t.getDate()-e.noOfDays),m(Object.assign(Object.assign({},e),{selectedRange:[o,t]}))}})},null==t?void 0:t.key)}))})),e.jsx(o.Dropdown.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(i.DatePicker,{selectRange:(null===(x=null==E?void 0:E.dateRangeSelectionOptions)||void 0===x?void 0:x.selectRange)||!1,maxDate:null===(k=null==E?void 0:E.dateRangeSelectionOptions)||void 0===k?void 0:k.maxDate,minDate:null===(w=null==E?void 0:E.dateRangeSelectionOptions)||void 0===w?void 0:w.minDate,selectedDates:L,onSelectRange:(e,t)=>{const o=[e,t];(null==E?void 0:E.dateRangeSelectionOptions)&&(E.dateRangeSelectionOptions.selectedDates=o,m(Object.assign(Object.assign({},E),{selectedRange:[e,t]}))),A(E),R(!1),q(o),P(!F)},onSelectDate:e=>{(null==E?void 0:E.dateRangeSelectionOptions)&&(E.dateRangeSelectionOptions.selectedDates=[e,e],m(Object.assign(Object.assign({},E),{selectedRange:[e,e]}))),A(E),R(!1),q([e,e]),P(!F)}})}))]}))})),document.body)]}))})},exports.EachItem=c,exports.formatDate=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,n
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,s,n=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/errorIcon.svg.js"),i=require("../../assets/icons/retryIcon.svg.js"),a=require("../../assets/icons/successIcon.svg.js"),c=require("../../assets/icons/warningIcon.svg.js"),u=require("../button/Button.js"),d=require("../spinner/Spinner.js"),l=require("../TypographyStyle.js"),x=require("./StateComponent.styled.js");exports.StateInterface=void 0,(e=exports.StateInterface||(exports.StateInterface={})).SUCCESS="success",e.ERROR="error",e.WARNING="warning",e.LOADING="loading",e.RETRY="retry",exports.ButtonActions=void 0,(t=exports.ButtonActions||(exports.ButtonActions={})).CANCEL="cancel",t.OTHER="other",exports.ButtonTypes=void 0,(s=exports.ButtonTypes||(exports.ButtonTypes={})).SINGLE="SINGLE",s.DOUBLE="DOUBLE";exports.StateComponent=e=>{var t;const s=()=>p==exports.StateInterface.SUCCESS?n.jsx(a.default,{}):p==exports.StateInterface.WARNING?n.jsx(c.default,{}):p==exports.StateInterface.ERROR?n.jsx(o.default,{}):p===exports.StateInterface.LOADING?n.jsx(d.Spinner,{size:"large"}):p===exports.StateInterface.RETRY?n.jsx(i.default,{}):void 0,{states:p,heading:j,subline:S,icon:h=s(),isButtonEnabled:g,type:y,buttonText:I,buttonType:B,onButtonClick:L,leadingIcon:O,width:C,headerImage:T,iconWidth:R,iconHeight:b,closeButtonType:E}=e;return n.jsxs(x.StateComponentContainer,Object.assign({width:C},{children:[n.jsx(x.StateIcon,Object.assign({iconWidth:R,iconHeight:b},{children:T?n.jsx("img",{src:T,width:"100%",height:"auto",alt:""}):h})),n.jsxs(x.StateHeading,Object.assign({size:e.size},{children:["SMALL"===e.size&&n.jsx(l.TitleRegular,{children:j}),"SMALL"!==e.size&&n.jsx(l.TitleMedium,{children:j})]})),n.jsxs(x.StateSubline,{children:["SMALL"!==e.size&&n.jsx(l.BodyPrimary,Object.assign({color:r.COLORS.content.secondary},{children:S})),"SMALL"===e.size&&n.jsx(l.BodySecondary,Object.assign({color:r.COLORS.content.secondary},{children:S}))]}),null!==(t=e.children)&&void 0!==t?t:n.jsx(n.Fragment,{}),g&&n.jsx(n.Fragment,{children:n.jsxs(x.ButtonContainer,Object.assign({size:e.size},{children:[y==exports.ButtonTypes.DOUBLE&&n.jsx(u.Button,{onClick:()=>L&&L(exports.ButtonActions.CANCEL),buttonType:E||"secondary",buttonText:"Cancel",matchParentWidth:!0}),n.jsx(u.Button,{onClick:()=>L&&L(exports.ButtonActions.OTHER),buttonType:null!=B?B:"primary",LeadingIcon:O,buttonText:null!=I?I:"Retry",matchParentWidth:!0})]}))})]}))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";var e,r;function a(){return a=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},a.apply(this,arguments)}var l=l=>t.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 64 64"},l),e||(e=t.createElement("rect",{width:64,height:64,fill:"#1A872C",rx:32})),r||(r=t.createElement("path",{fill:"#fff",d:"M41.012 14.51a1.667 1.667 0 0 0-2.971-.167l-1.873 3.244c-6.476-1.878-13.635.813-17.157 6.913-4.143 7.174-1.684 16.348 5.49 20.49 7.174 4.143 16.348 1.684 20.49-5.49a14.938 14.938 0 0 0 2.012-7.501 1.667 1.667 0 1 0-3.333.003 11.606 11.606 0 0 1-1.566 5.831c-3.221 5.58-10.356 7.492-15.936 4.27-5.58-3.221-7.492-10.356-4.27-15.936 2.593-4.493 7.724-6.608 12.538-5.58l-1.11 1.92a1.667 1.667 0 0 0 1.632 2.49l7.883-.892a1.667 1.667 0 0 0 1.34-2.322l-3.169-7.273Z"})));export{l as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default EventsTrigger;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default IGTrigger;
|
package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DropdownOption } from "../../../dropdown/type";
|
|
3
|
-
import { QueryBuilderProperty } from "../../
|
|
4
|
-
import { QueryBuilderNodeProps } from "../../
|
|
3
|
+
import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
|
|
4
|
+
import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
|
|
5
5
|
declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
|
|
6
6
|
cacheKey: string;
|
|
7
7
|
propertyAddBtnText: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as n,useEffect as
|
|
1
|
+
import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as l}from"react";import{Dropdown as s}from"react-bootstrap";import a from"react-dom";import{DEFAULT_THEME as d,BASE_COLORS as c}from"../../constants/Theme.js";import{DatePicker as r}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as m,BodyCaption as g,Caption as p}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import{MainDropdown as u,ItemMenuContainer as v}from"./CommonStyles.js";const b=c=>{let{options:g,placeholder:v="Select an option",selected:b,onOptionSelected:h,resetDropdown:f,maxHeight:D,backgroundcolor:j,calendarPopperConfig:k,variant:S="default",datePickerPlacement:R,closeDropdown:w,labelColor:C,styleProps:I}=c;var x,L,P;const[F,$]=n(!1),[T,E]=n(b),[N,A]=n(),[H,M]=n(!1),[V,U]=n(b),W=i(null),Y="small"===S?p:m;l((()=>{f&&E(void 0)}),[f]),l((()=>{var e;(null==b?void 0:b.isCustom)&&(null===(e=b.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?A(b.dateRangeSelectionOptions.selectedDates):A(void 0),E(b)}),[b]),l((()=>{M(!1),$(!1)}),[w]);const q=e=>{void 0!==e?(M(e),F&&$(!1)):M((e=>!e))},z=e=>{W.current&&!W.current.contains(e.target)&&(F&&$(!1),q(!1))};return l((()=>(H&&document.addEventListener("mousedown",z),()=>{document.removeEventListener("mousedown",z)})),[H]),e(t,{children:o(u,Object.assign({drop:"down",show:H,onToggle:q,bgColor:j,id:"analytic-dropdown"},{children:[e(s.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===S?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${d.colorsV2.stroke.primary}`}:I||void 0},{children:e(Y,Object.assign({style:"small"===S||C?{color:C||d.colorsV2.content.secondary}:void 0},{children:(null==T?void 0:T.isCustom)?N?y(N[0])===y(N[1])?`${y(N[0])}`:`${y(N[0])} to ${y(N[1])}`:(null==V?void 0:V.label)?null==V?void 0:V.label:v:T?null==T?void 0:T.label:v}))})),a.createPortal(e(s.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:W},{children:o(u,Object.assign({drop:null!=R?R:"end",id:"sub--dropdown",show:F,onToggle:e=>{!e&&M(!1),$(!F)}},{children:[e("div",Object.assign({style:{maxHeight:D||"auto",overflowY:"scroll"}},{children:g.map(((t,o)=>{var n;return e("div",{children:(null==t?void 0:t.isCustom)?e(s.Toggle,Object.assign({className:"sub--dropdown"},{children:e(O,{isFirstItem:0===o,isLastItem:o===g.length-1,eachOption:t,selectedOption:T,selectedDate:N,onClickingEachItem:e=>{E(e),$(!0)},rangeSelection:!!(null===(n=null==t?void 0:t.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)})})):e(O,{isFirstItem:0===o,isLastItem:o===g.length-1,eachOption:t,selectedOption:T,selectedDate:N,onClickingEachItem:e=>{if(A(void 0),E(e),U(e),q(),!e.noOfDays)return void h(e);const t=new Date,o=new Date;o.setDate(t.getDate()-e.noOfDays),h(Object.assign(Object.assign({},e),{selectedRange:[o,t]}))}})},null==t?void 0:t.key)}))})),e(s.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==k?void 0:k.offsetSkid)||0,(null==k?void 0:k.offsetDistance)||0]}}]}},{children:e(r,{selectRange:(null===(x=null==T?void 0:T.dateRangeSelectionOptions)||void 0===x?void 0:x.selectRange)||!1,maxDate:null===(L=null==T?void 0:T.dateRangeSelectionOptions)||void 0===L?void 0:L.maxDate,minDate:null===(P=null==T?void 0:T.dateRangeSelectionOptions)||void 0===P?void 0:P.minDate,selectedDates:N,onSelectRange:(e,t)=>{const o=[e,t];(null==T?void 0:T.dateRangeSelectionOptions)&&(T.dateRangeSelectionOptions.selectedDates=o,h(Object.assign(Object.assign({},T),{selectedRange:[e,t]}))),U(T),$(!1),A(o),M(!H)},onSelectDate:e=>{(null==T?void 0:T.dateRangeSelectionOptions)&&(T.dateRangeSelectionOptions.selectedDates=[e,e],h(Object.assign(Object.assign({},T),{selectedRange:[e,e]}))),U(T),$(!1),A([e,e]),M(!H)}})}))]}))})),document.body)]}))})},O=n=>{let{eachOption:i,selectedOption:l,selectedDate:s,onClickingEachItem:a,rangeSelection:d,isLastItem:r,isFirstItem:p}=n;return o(v,Object.assign({isFirstItem:p,isLastItem:r,onClick:()=>a(i),isSelected:i.isCustom?i.key==(null==l?void 0:l.key)&&!!s:i.key==(null==l?void 0:l.key)},{children:[e(m,Object.assign({color:i.key==(null==l?void 0:l.key)?c.positive[900]:c.grayscale[900]},{children:i.label})),i.subLabel?e(g,Object.assign({style:{color:c.grayscale[700]}},{children:i.subLabel})):e(t,{}),s&&(null==l?void 0:l.isCustom)&&i.key==(null==l?void 0:l.key)&&e(g,{children:d?`${y(s[0])} to ${y(s[1])}`:`${y(s[0])}`})]}),i.key)},y=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{b as AnalyticsDropdown,O as EachItem,y as formatDate};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as n,jsx as t,Fragment as e}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/
|
|
1
|
+
import{jsxs as n,jsx as t,Fragment as e}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/retryIcon.svg.js";import r from"../../assets/icons/successIcon.svg.js";import c from"../../assets/icons/warningIcon.svg.js";import{Button as a}from"../button/Button.js";import{Spinner as l}from"../spinner/Spinner.js";import{TitleRegular as d,TitleMedium as h,BodyPrimary as m,BodySecondary as g}from"../TypographyStyle.js";import{StateComponentContainer as u,StateIcon as p,StateHeading as L,StateSubline as j,ButtonContainer as y}from"./StateComponent.styled.js";var E,b,O;!function(n){n.SUCCESS="success",n.ERROR="error",n.WARNING="warning",n.LOADING="loading",n.RETRY="retry"}(E||(E={})),function(n){n.CANCEL="cancel",n.OTHER="other"}(b||(b={})),function(n){n.SINGLE="SINGLE",n.DOUBLE="DOUBLE"}(O||(O={}));const R=R=>{var S;const f=()=>C==E.SUCCESS?t(r,{}):C==E.WARNING?t(c,{}):C==E.ERROR?t(o,{}):C===E.LOADING?t(l,{size:"large"}):C===E.RETRY?t(s,{}):void 0,{states:C,heading:I,subline:T,icon:A=f(),isButtonEnabled:N,type:z,buttonText:v,buttonType:B,onButtonClick:G,leadingIcon:W,width:w,headerImage:x,iconWidth:D,iconHeight:U,closeButtonType:H}=R;return n(u,Object.assign({width:w},{children:[t(p,Object.assign({iconWidth:D,iconHeight:U},{children:x?t("img",{src:x,width:"100%",height:"auto",alt:""}):A})),n(L,Object.assign({size:R.size},{children:["SMALL"===R.size&&t(d,{children:I}),"SMALL"!==R.size&&t(h,{children:I})]})),n(j,{children:["SMALL"!==R.size&&t(m,Object.assign({color:i.content.secondary},{children:T})),"SMALL"===R.size&&t(g,Object.assign({color:i.content.secondary},{children:T}))]}),null!==(S=R.children)&&void 0!==S?S:t(e,{}),N&&t(e,{children:n(y,Object.assign({size:R.size},{children:[z==O.DOUBLE&&t(a,{onClick:()=>G&&G(b.CANCEL),buttonType:H||"secondary",buttonText:"Cancel",matchParentWidth:!0}),t(a,{onClick:()=>G&&G(b.OTHER),buttonType:null!=B?B:"primary",LeadingIcon:W,buttonText:null!=v?v:"Retry",matchParentWidth:!0})]}))})]}))};export{b as ButtonActions,O as ButtonTypes,R as StateComponent,E as StateInterface};
|