@bikdotai/bik-component-library 0.0.13-beta.4 → 0.0.13-beta.40

package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.d.ts

@@ -6,12 +6,15 @@ type QueryBuilderNodesProps = {
     infinite: boolean;
     addNodeBtnText: string;
     allowedNodes: QueryBuilderType[];
-    onStateChange: (state: QueryBuilderRoot) => void;
+    onStateChange?: (state: QueryBuilderRoot) => void;
     typesAPIHandlers: {
         [key in QueryBuilderType]?: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
     };
     state?: QueryBuilderRoot;
     mode?: 'create' | 'edit' | 'view';
+    selectorKey: string;
 };
-declare const QueryBuilderNodes: React.FC<QueryBuilderNodesProps>;
+declare const QueryBuilderNodes: React.ForwardRefExoticComponent<QueryBuilderNodesProps & React.RefAttributes<{
+    getState: () => QueryBuilderRoot;
+}>>;
 export default QueryBuilderNodes;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{Button as i}from"../../button/Button.js";import s from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as d}from"../constants/operators.js";import{useQueryBuilder as l}from"../hooks/useQueryBuilder.js";import{useQueryBuilderSelector as n}from"../redux/selectors/useNodesSelector.js";import a from"./AddNodeButton.js";import p from"./DeleteButton.js";import c from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as m}from"./QueryBuilderNodes.styled.js";const u=u=>{let{infinite:f,addNodeBtnText:j,allowedNodes:y,typesAPIHandlers:h,onStateChange:v,mode:w}=u;var b;const x=n(),{deleteNode:g,clearAll:N,selectJoinOperator:B}=l();r((()=>{v(x)}),[x]);const O=d.map((e=>x.operator&&e.value===x.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return e(o,{children:[null===(b=null==x?void 0:x.nodes)||void 0===b?void 0:b.map(((r,i)=>e(o,{children:[0!==i&&t("div",Object.assign({style:{width:80,position:"relative"}},{children:t(s,{disabled:"view"===w,onSelect:e=>{B(e.value)},options:O,width:"80px",height:96,size:"small"})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[t(m,Object.assign({style:{paddingTop:0===i?0:24}},{children:t(c,{mode:null!=w?w:"create",allowedNodes:y,node:r,apiHandler:h[r.type]})})),t(o,"view"!==w?{children:0!==i&&t(p,{onClick:()=>g(r._id)})}:{})]}),r._id)]}))),f&&"view"!==w&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[t(a,{buttonText:j,allowedNodes:y}),t(i,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>N(y[0])})]}))]})};export{u as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import r,{useEffect as i,useImperativeHandle as l}from"react";import{useSelector as d}from"react-redux";import{Button as s}from"../../button/Button.js";import{Dropdown as n}from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as a}from"../constants/operators.js";import{useQueryBuilder as c}from"../hooks/useQueryBuilder.js";import p from"./AddNodeButton.js";import u from"./DeleteButton.js";import m from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as y}from"./QueryBuilderNodes.styled.js";const f=r.forwardRef(((r,f)=>{let{infinite:j,addNodeBtnText:v,allowedNodes:w,typesAPIHandlers:b,onStateChange:h,mode:g,selectorKey:x}=r;var N;const B=d((e=>null==e?void 0:e[x])),{deleteNode:O,clearAll:C,selectJoinOperator:Q}=c(x);i((()=>{null==h||h(B)}),[B]);const T=a.map((e=>(null==B?void 0:B.operator)&&e.value===B.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return l(f,(()=>({getState:()=>Object.assign({},B)}))),e(t,{children:[null===(N=null==B?void 0:B.nodes)||void 0===N?void 0:N.map(((r,i)=>e(t,{children:[0!==i&&o("div",Object.assign({style:{width:80,position:"relative"}},{children:o(n,{disabled:"view"===g,onSelect:e=>{Q(e.value)},options:T,width:"80px",height:96,size:"small"})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[o(y,Object.assign({style:{paddingTop:0===i?0:24}},{children:o(m,{selectorKey:x,mode:null!=g?g:"create",allowedNodes:w,node:r,apiHandler:b[r.type]})})),o(t,"view"!==g?{children:0!==i&&o(u,{onClick:()=>O(r._id)})}:{})]}),r._id)]}))),j&&"view"!==g&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[o(p,{buttonText:v,allowedNodes:w,selectorKey:x}),o(s,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>C(w[0])})]}))]})}));f.displayName="QueryBuilderNodes";export{f as default};

package/dist/esm/components/QueryBuilder/constants/connector.d.ts

@@ -1,6 +1,6 @@
 import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
-import { BOOLEAN_OPERATORS, DATE_OPERATORS, FREQUENCY_OPERATORS, INTEGER_OPERATORS, STRING_OPERATORS } from '../types/QueryBuilderOperator.type';
-type CONNECTOR_OPERATORS_TYPE = typeof BOOLEAN_OPERATORS | typeof STRING_OPERATORS | typeof INTEGER_OPERATORS | typeof FREQUENCY_OPERATORS | typeof DATE_OPERATORS;
+import { BOOLEAN_OPERATORS, DATE_OPERATORS, FREQUENCY_OPERATORS, IG_OPERATORS, INTEGER_OPERATORS, STRING_OPERATORS } from '../types/QueryBuilderOperator.type';
+type CONNECTOR_OPERATORS_TYPE = typeof BOOLEAN_OPERATORS | typeof STRING_OPERATORS | typeof INTEGER_OPERATORS | typeof FREQUENCY_OPERATORS | typeof DATE_OPERATORS | typeof IG_OPERATORS;
 export declare const CONNECTOR_TYPE_TO_OPERATORS: {
     [key in QueryBuilderConnectorType]: CONNECTOR_OPERATORS_TYPE;
 };
@@ -13,7 +13,8 @@ export declare enum CONNECTOR_VALUE_COMPONENT_TYPES {
     SingleDate = "SingleDate",
     TwoDate = "TwoDate",
     IntegerPositiveSingle = "IntegerPositiveSingle",
-    NumberTime = "NumberTime"
+    NumberTime = "NumberTime",
+    IgPicker = "IgPicker"
 }
 export declare const INTEGER_OPERATORS_COMPONENT: {
     is: CONNECTOR_VALUE_COMPONENT_TYPES;
@@ -51,6 +52,11 @@ export declare const DATE_OPERATORS_COMPONENT: {
     "last quarter": CONNECTOR_VALUE_COMPONENT_TYPES;
     "in the last": CONNECTOR_VALUE_COMPONENT_TYPES;
 };
+export declare const IG_OPERATORS_COMPONENT: {
+    post: CONNECTOR_VALUE_COMPONENT_TYPES;
+    reel: CONNECTOR_VALUE_COMPONENT_TYPES;
+    story: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
 export declare const BOOLEAN_OPERATORS_COMPONENT: {
     isTrue: CONNECTOR_VALUE_COMPONENT_TYPES;
     isFalse: CONNECTOR_VALUE_COMPONENT_TYPES;
@@ -63,6 +69,6 @@ export declare const FREQUENCY_OPERATORS_COMPONENT: {
     atMost: CONNECTOR_VALUE_COMPONENT_TYPES;
 };
 export declare const CONNECTOR_TYPE_TO_COMPONENT_MAP: {
-    [x in QueryBuilderConnectorType]: typeof BOOLEAN_OPERATORS_COMPONENT | typeof STRING_OPERATORS_COMPONENT | typeof INTEGER_OPERATORS_COMPONENT | typeof FREQUENCY_OPERATORS_COMPONENT | typeof DATE_OPERATORS_COMPONENT;
+    [x in QueryBuilderConnectorType]: typeof BOOLEAN_OPERATORS_COMPONENT | typeof STRING_OPERATORS_COMPONENT | typeof INTEGER_OPERATORS_COMPONENT | typeof FREQUENCY_OPERATORS_COMPONENT | typeof DATE_OPERATORS_COMPONENT | typeof IG_OPERATORS_COMPONENT;
 };
 export {};

package/dist/esm/components/QueryBuilder/constants/connector.js

@@ -1 +1 @@
-import{QueryBuilderConnectorType as e}from"../types/QueryBuilder.type.js";import{BOOLEAN_OPERATORS as t,STRING_OPERATORS as n,INTEGER_OPERATORS as r,FREQUENCY_OPERATORS as o,DATE_OPERATORS as i}from"../types/QueryBuilderOperator.type.js";const s={[e.boolean]:t,[e.string]:n,[e.integer]:r,[e.frequency]:o,[e.date]:i};var a;!function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(a||(a={}));const u={[r.is]:a.FreeText,[r.isNot]:a.FreeText,[r.exists]:a.NoInput,[r.doesntExist]:a.NoInput,[r.lessThan]:a.IntegerSingleValue,[r.lessThanOrEqualTo]:a.IntegerSingleValue,[r.greaterThan]:a.IntegerSingleValue,[r.greaterThanOrEqualTo]:a.IntegerSingleValue,[r.between]:a.TwoNumberInputsSeperatedByAnd,[r.notBetween]:a.TwoNumberInputsSeperatedByAnd},l={[n.is]:a.MultiselectDropdownFreeText,[n.isNot]:a.MultiselectDropdownFreeText,[n.contains]:a.FreeText,[n.doesntContain]:a.FreeText,[n.startsWith]:a.FreeText,[n.endsWith]:a.FreeText,[n.exists]:a.NoInput,[n.doesntExist]:a.NoInput},p={[i.on]:a.SingleDate,[i.notOn]:a.SingleDate,[i.inBetween]:a.TwoDate,[i.notInBetween]:a.TwoDate,[i.before]:a.SingleDate,[i.after]:a.SingleDate,[i.today]:a.NoInput,[i.yesterday]:a.NoInput,[i["last week"]]:a.NoInput,[i["last month"]]:a.NoInput,[i["last quarter"]]:a.NoInput,[i["in the last"]]:a.NumberTime},g={[t.isTrue]:a.NoInput,[t.isFalse]:a.NoInput,[t.exists]:a.NoInput,[t.doesntExist]:a.NoInput},I={[o.exactly]:a.IntegerPositiveSingle,[o.atleast]:a.IntegerPositiveSingle,[o.atMost]:a.IntegerPositiveSingle},T={[e.boolean]:g,[e.string]:l,[e.integer]:u,[e.frequency]:I,[e.date]:p};export{g as BOOLEAN_OPERATORS_COMPONENT,T as CONNECTOR_TYPE_TO_COMPONENT_MAP,s as CONNECTOR_TYPE_TO_OPERATORS,a as CONNECTOR_VALUE_COMPONENT_TYPES,p as DATE_OPERATORS_COMPONENT,I as FREQUENCY_OPERATORS_COMPONENT,u as INTEGER_OPERATORS_COMPONENT,l as STRING_OPERATORS_COMPONENT};
+import{QueryBuilderConnectorType as e}from"../types/QueryBuilder.type.js";import{BOOLEAN_OPERATORS as t,STRING_OPERATORS as n,INTEGER_OPERATORS as r,FREQUENCY_OPERATORS as o,DATE_OPERATORS as i,IG_OPERATORS as s}from"../types/QueryBuilderOperator.type.js";const a={[e.boolean]:t,[e.string]:n,[e.integer]:r,[e.frequency]:o,[e.date]:i,[e.ig]:s};var l;!function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime",e.IgPicker="IgPicker"}(l||(l={}));const u={[r.is]:l.FreeText,[r.isNot]:l.FreeText,[r.exists]:l.NoInput,[r.doesntExist]:l.NoInput,[r.lessThan]:l.IntegerSingleValue,[r.lessThanOrEqualTo]:l.IntegerSingleValue,[r.greaterThan]:l.IntegerSingleValue,[r.greaterThanOrEqualTo]:l.IntegerSingleValue,[r.between]:l.TwoNumberInputsSeperatedByAnd,[r.notBetween]:l.TwoNumberInputsSeperatedByAnd},g={[n.is]:l.MultiselectDropdownFreeText,[n.isNot]:l.MultiselectDropdownFreeText,[n.contains]:l.FreeText,[n.doesntContain]:l.FreeText,[n.startsWith]:l.FreeText,[n.endsWith]:l.FreeText,[n.exists]:l.NoInput,[n.doesntExist]:l.NoInput},p={[i.on]:l.SingleDate,[i.notOn]:l.SingleDate,[i.inBetween]:l.TwoDate,[i.notInBetween]:l.TwoDate,[i.before]:l.SingleDate,[i.after]:l.SingleDate,[i.today]:l.NoInput,[i.yesterday]:l.NoInput,[i["last week"]]:l.NoInput,[i["last month"]]:l.NoInput,[i["last quarter"]]:l.NoInput,[i["in the last"]]:l.NumberTime},I={[s.post]:l.IgPicker,[s.reel]:l.IgPicker,[s.story]:l.IgPicker},T={[t.isTrue]:l.NoInput,[t.isFalse]:l.NoInput,[t.exists]:l.NoInput,[t.doesntExist]:l.NoInput},N={[o.exactly]:l.IntegerPositiveSingle,[o.atleast]:l.IntegerPositiveSingle,[o.atMost]:l.IntegerPositiveSingle},d={[e.boolean]:T,[e.string]:g,[e.integer]:u,[e.frequency]:N,[e.date]:p,[e.ig]:I};export{T as BOOLEAN_OPERATORS_COMPONENT,d as CONNECTOR_TYPE_TO_COMPONENT_MAP,a as CONNECTOR_TYPE_TO_OPERATORS,l as CONNECTOR_VALUE_COMPONENT_TYPES,p as DATE_OPERATORS_COMPONENT,N as FREQUENCY_OPERATORS_COMPONENT,I as IG_OPERATORS_COMPONENT,u as INTEGER_OPERATORS_COMPONENT,g as STRING_OPERATORS_COMPONENT};

package/dist/esm/components/QueryBuilder/constants/connectorPosition.d.ts

@@ -0,0 +1,14 @@
+export declare const isNewLineConnectorPosition: {
+    ig: {
+        post: boolean;
+        reel: boolean;
+        story: boolean;
+    };
+};
+export declare const disableOperatorDropdown: {
+    ig: {
+        post: boolean;
+        reel: boolean;
+        story: boolean;
+    };
+};

package/dist/esm/components/QueryBuilder/constants/connectorPosition.js

@@ -0,0 +1 @@
+import{QueryBuilderConnectorType as r}from"../types/QueryBuilder.type.js";import{IG_OPERATORS as e}from"../types/QueryBuilderOperator.type.js";const t={[r.ig]:{[e.post]:!0,[e.reel]:!0,[e.story]:!0}},o={[r.ig]:{[e.post]:!0,[e.reel]:!0,[e.story]:!0}};export{o as disableOperatorDropdown,t as isNewLineConnectorPosition};

package/dist/esm/components/QueryBuilder/helpers/ApiResponse.helper.js

@@ -1 +1 @@
-import{unCamelCaseWithFirstUppercase as e}from"../../../utils/unCamelCase.js";class i{convertToGroupOptions(i,l){var n;if(i){if(Array.isArray(i))return null!==(n=null==i?void 0:i.map((i=>{var n;return Object.assign(Object.assign({},i),{label:e(null!==(n=i.name)&&void 0!==n?n:i.id),value:i.id,descriptions:i.desc,selected:!!(null==l?void 0:l.find((e=>e===i.id)))})})))&&void 0!==n?n:[];{const n=[];return Object.keys(i).forEach((s=>{var r;const a=i[s],d=null!==(r=null==a?void 0:a.map((i=>{var n;return Object.assign(Object.assign({},i),{label:e(null!==(n=i.name)&&void 0!==n?n:i.id),value:i.id,descriptions:i.desc,selected:!!(null==l?void 0:l.find((e=>e===i.id)))})})))&&void 0!==r?r:[];n.push({label:s,options:d})})),n}}return[]}}export{i as ApiResponseHelper};
+import{unCamelCaseWithFirstUppercase as i}from"../../../utils/unCamelCase.js";class l{convertToGroupOptions(l,e){var r;if(l){if(Array.isArray(l))return null!==(r=null==l?void 0:l.map((l=>{var r;return{label:i(null!==(r=l.name)&&void 0!==r?r:l.id),value:l.id,descriptions:l.description,selected:!!(null==e?void 0:e.find((i=>i===l.id)))}})))&&void 0!==r?r:[];{const r=[];return Object.keys(l).forEach((n=>{var o;const d=l[n],t=null!==(o=null==d?void 0:d.map((l=>{var r;return{label:i(null!==(r=l.name)&&void 0!==r?r:l.id),value:l.id,description:l.description,selected:!!(null==e?void 0:e.find((i=>i===l.id)))}})))&&void 0!==o?o:[];r.push({label:n,options:t})})),r}}return[]}}export{l as ApiResponseHelper};

package/dist/esm/components/QueryBuilder/hooks/useQueryBuilder.d.ts

@@ -1,5 +1,5 @@
 import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
-export declare const useQueryBuilder: () => {
+export declare const useQueryBuilder: (selectorName: string) => {
     init: (type: QueryBuilderType) => void;
     createProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
     updateProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
@@ -14,4 +14,5 @@ export declare const useQueryBuilder: () => {
     selectPropertyJoinOperator: (joinOperator: QueryBuilderJoinOperators, nodeID: string) => void;
     selectJoinOperator: (joinOperator: QueryBuilderJoinOperators) => void;
     fillState: (state: QueryBuilderRoot) => void;
+    clearProperty: (nodeID: string) => void;
 };

package/dist/esm/components/QueryBuilder/hooks/useQueryBuilder.js

@@ -1 +1 @@
-import"../../../node_modules/react-redux/es/index.js";import{queryBuilderSlice as e}from"../redux/queryBuilder.reducer.js";import{useDispatch as t}from"../../../node_modules/react-redux/es/hooks/useDispatch.js";import"../../../node_modules/react-redux/es/components/Provider.js";import"../../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js";import"react";import"../../../node_modules/react-redux/node_modules/react-is/index.js";import"../../../node_modules/react-redux/es/components/Context.js";const o=()=>{const o=t(),r=t=>{o(e.actions.initQueryBuilder({type:t}))};return{init:r,createProperty:(t,r)=>{o(e.actions.createProperty({property:t,nodeID:r}))},updateProperty:(t,r)=>{o(e.actions.updateProperty({property:t,nodeID:r}))},updateMeta:(t,r)=>{o(e.actions.updateMeta({meta:t,nodeID:r}))},createMeta:(t,r)=>{o(e.actions.createMeta({meta:t,nodeID:r}))},createNode:t=>{o(e.actions.addNode({type:t}))},selectType:(t,r)=>{o(e.actions.selectType({type:t,nodeID:r}))},addNode:t=>{o(e.actions.addNode({type:t}))},deleteNode:t=>{o(e.actions.deleteNode({nodeID:t}))},deleteProperty:(t,r)=>{o(e.actions.deleteProperty({property:t,nodeID:r}))},clearAll:r,selectPropertyJoinOperator:(t,r)=>{o(e.actions.selectPropertyJoinOperator({joinOperator:t,nodeID:r}))},selectJoinOperator:t=>{o(e.actions.selectJoinOperator({joinOperator:t}))},fillState:t=>{o(e.actions.fillState(t))}}};export{o as useQueryBuilder};
+import{useDispatch as e}from"react-redux";import{queryBuilderSlice as r}from"../redux/queryBuilder.reducer.js";const t=t=>{const o=r(t).actions,p=e(),d=e=>{p(o.initQueryBuilder({type:e}))};return{init:d,createProperty:(e,r)=>{p(o.createProperty({property:e,nodeID:r}))},updateProperty:(e,r)=>{p(o.updateProperty({property:e,nodeID:r}))},updateMeta:(e,r)=>{p(o.updateMeta({meta:e,nodeID:r}))},createMeta:(e,r)=>{p(o.createMeta({meta:e,nodeID:r}))},createNode:e=>{p(o.addNode({type:e}))},selectType:(e,r)=>{p(o.selectType({type:e,nodeID:r}))},addNode:e=>{p(o.addNode({type:e}))},deleteNode:e=>{p(o.deleteNode({nodeID:e}))},deleteProperty:(e,r)=>{p(o.deleteProperty({property:e,nodeID:r}))},clearAll:d,selectPropertyJoinOperator:(e,r)=>{p(o.selectPropertyJoinOperator({joinOperator:e,nodeID:r}))},selectJoinOperator:e=>{p(o.selectJoinOperator({joinOperator:e}))},fillState:e=>{p(o.fillState(e))},clearProperty:e=>{p(o.clearProperty({nodeID:e}))}}};export{t as useQueryBuilder};

package/dist/esm/components/QueryBuilder/hooks/useQueryBuilderCache.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import"../../../node_modules/react-redux/es/index.js";import{queryBuilderCacheSlice as r}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as o}from"../redux/selectors/useQueryBuilderCacheSelector.js";import{useDispatch as t}from"../../../node_modules/react-redux/es/hooks/useDispatch.js";const i=()=>{const i=t(),d=o();return{cacheWrap:function(o,t){let u=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return e(void 0,void 0,void 0,(function*(){if(null==d?void 0:d[t])return d[t];const e=yield o();return(null==e?void 0:e.data)?(u&&i(r.actions.initKey({key:t,data:e.data})),null==e?void 0:e.data):null}))}}};export{i as useQueryBuilderCache};
+import{__awaiter as r}from"../../../_virtual/_tslib.js";import{useDispatch as e}from"react-redux";import{queryBuilderCacheSlice as t}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as o}from"../redux/selectors/useQueryBuilderCacheSelector.js";const i=()=>{const i=e(),u=o();return{cacheWrap:function(e,o){let d=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return r(void 0,void 0,void 0,(function*(){if(null==u?void 0:u[o])return u[o];const r=yield e();return(null==r?void 0:r.data)?(d&&i(t.actions.initKey({key:o,data:r.data})),null==r?void 0:r.data):null}))}}};export{i as useQueryBuilderCache};

package/dist/esm/components/QueryBuilder/index.d.ts

@@ -3,3 +3,4 @@ export * from './components/QueryBuilderNode/Base/BaseQueryBuilderNode';
 export * from './components/QueryBuilderNode/Property/PropertyNode';
 export * from './redux/queryBuilder.reducer';
 export * from './redux/queryBuilderCache.reducer';
+export * from './types';

package/dist/esm/components/QueryBuilder/redux/queryBuilder.reducer.d.ts

@@ -1,6 +1,9 @@
 import { PayloadAction } from '@reduxjs/toolkit';
 import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
-export declare const queryBuilderSlice: import("@reduxjs/toolkit").Slice<QueryBuilderRoot, {
+export declare const queryBuilderSlice: (selectorName: string) => import("@reduxjs/toolkit").Slice<QueryBuilderRoot, {
+    clearProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+    }>): void;
     fillState(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<QueryBuilderRoot>): import("immer/dist/internal").WritableDraft<QueryBuilderRoot>;
     initQueryBuilder(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
         type: QueryBuilderType;
@@ -45,4 +48,4 @@ export declare const queryBuilderSlice: import("@reduxjs/toolkit").Slice<QueryBu
         nodeID: string;
         type: QueryBuilderType;
     }>): void;
-}, "queryBuilder">;
+}, string>;

package/dist/esm/components/QueryBuilder/redux/queryBuilder.reducer.js

@@ -1 +1 @@
-import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";import o from"../../../node_modules/react-native-uuid/dist/index.js";import{QueryBuilderType as d}from"../types/QueryBuilder.type.js";const t=o.v4,s=e({name:"queryBuilder",initialState:{nodes:[{_id:t(),properties:[],metas:[],type:d.EVENT_FILTER}]},reducers:{fillState:(e,o)=>Object.assign({},o.payload),initQueryBuilder(e,o){const d={type:o.payload.type,properties:[],metas:[],_id:t()};e.nodes=[d]},addNode(e,o){const d={type:o.payload.type,properties:[],metas:[],_id:t()},s=e.nodes;e.nodes=[...s,d]},deleteNode(e,o){const d=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...d]},clearNode(e,o){var d;const s=[...null!==(d=e.nodes)&&void 0!==d?d:[]];if(0===s.length){const e={type:o.payload.type,properties:[],metas:[],_id:t()};s.push(e)}e.nodes=s},createProperty(e,o){var d;const s=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(s>-1){const n=null!==(d=e.nodes[s].properties)&&void 0!==d?d:[],a=Object.assign(Object.assign({},o.payload.property),{_id:t()});e.nodes[s].properties=[...n,a]}},updateProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).map((e=>e._id===o.payload.property._id?Object.assign(Object.assign({},e),o.payload.property):e));e.nodes[t].properties=[...s]}},deleteProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).filter((e=>e._id!==o.payload.property._id));e.nodes[t].properties=[...s]}},createMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=null!==(d=e.nodes[t].metas)&&void 0!==d?d:[],n=Object.assign({},o.payload.meta);e.nodes[t].metas=[...s,n]}},updateMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].metas)&&void 0!==d?d:[]).map((e=>e.key===o.payload.meta.key?Object.assign(Object.assign({},e),o.payload.meta):e));e.nodes[t].metas=[...s]}},selectPropertyJoinOperator(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]=Object.assign(Object.assign({},t),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]={_id:t._id,type:o.payload.type,properties:[],metas:[]}}}}});export{s as queryBuilderSlice};
+import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";import o from"react-native-uuid";import{QueryBuilderJoinOperators as d}from"../types/QueryBuilder.type.js";const t=o.v4,s={nodes:[{_id:t(),properties:[],metas:[]}]},n=o=>e({name:null!=o?o:"queryBuilder",initialState:s,reducers:{clearProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));d>-1&&(e.nodes[d].properties=[])},fillState:(e,o)=>Object.assign({},o.payload),initQueryBuilder(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND};e.nodes=[s],e.operator=d.AND},addNode(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND},n=e.nodes;e.nodes=[...n,s]},deleteNode(e,o){const d=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...d]},clearNode(e,o){var d;const s=[...null!==(d=e.nodes)&&void 0!==d?d:[]];if(0===s.length){const e={type:o.payload.type,properties:[],metas:[],_id:t()};s.push(e)}e.nodes=s},createProperty(e,o){var d;const s=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(s>-1){const n=null!==(d=e.nodes[s].properties)&&void 0!==d?d:[],a=Object.assign(Object.assign({},o.payload.property),{_id:t()});e.nodes[s].properties=[...n,a]}},updateProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).map((e=>e._id===o.payload.property._id?Object.assign(Object.assign({},e),o.payload.property):e));e.nodes[t].properties=[...s]}},deleteProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).filter((e=>e._id!==o.payload.property._id));e.nodes[t].properties=[...s]}},createMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=null!==(d=e.nodes[t].metas)&&void 0!==d?d:[],n=Object.assign({},o.payload.meta);e.nodes[t].metas=[...s,n]}},updateMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].metas)&&void 0!==d?d:[]).map((e=>e.key===o.payload.meta.key?Object.assign(Object.assign({},e),o.payload.meta):e));e.nodes[t].metas=[...s]}},selectPropertyJoinOperator(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]=Object.assign(Object.assign({},t),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]={_id:t._id,type:o.payload.type,properties:[],metas:[]}}}}});export{n as queryBuilderSlice};

package/dist/esm/components/QueryBuilder/redux/selectors/useQueryBuilderCacheSelector.d.ts

@@ -1,3 +1,3 @@
 export declare const useQueryBuilderCacheSelector: () => {
-    [x: string]: import("../../types/QueryBuilderAPI.type").BaseQueryBuilderResponse;
+    [x: string]: import("../..").BaseQueryBuilderResponse;
 };

package/dist/esm/components/QueryBuilder/redux/selectors/useQueryBuilderCacheSelector.js

@@ -1 +1 @@
-import"../../../../node_modules/react-redux/es/index.js";import{useSelector as e}from"../../../../node_modules/react-redux/es/hooks/useSelector.js";const o=()=>e((e=>e.queryBuilderCache));export{o as useQueryBuilderCacheSelector};
+import{useSelector as r}from"react-redux";const e=()=>r((r=>r.queryBuilderCache));export{e as useQueryBuilderCacheSelector};

package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.d.ts

@@ -18,7 +18,8 @@ export declare enum QueryBuilderConnectorType {
     'integer' = "integer",
     'boolean' = "boolean",
     'date' = "date",
-    'frequency' = "frequency"
+    'frequency' = "frequency",
+    'ig' = "ig"
 }
 export interface QueryBuilderConnector {
     dataType: QueryBuilderConnectorType;

package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.js

@@ -1 +1 @@
-var E,R,T;!function(E){E.SEGMENT_FILTER="SEGMENT_FILTER",E.EVENT_FILTER="EVENT_FILTER",E.NO_EVENT_FILTER="NO_EVENT_FILTER",E.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",E.IG_TRIGGER="IG_TRIGGER",E.CTWA_TRIGGER="CTWA_TRIGGER",E.EVENTS_TRIGGER="EVENTS_TRIGGER"}(E||(E={})),function(E){E.AND="AND",E.OR="OR"}(R||(R={})),function(E){E.string="string",E.integer="integer",E.boolean="boolean",E.date="date",E.frequency="frequency"}(T||(T={}));export{T as QueryBuilderConnectorType,R as QueryBuilderJoinOperators,E as QueryBuilderType};
+var E,R,T;!function(E){E.SEGMENT_FILTER="SEGMENT_FILTER",E.EVENT_FILTER="EVENT_FILTER",E.NO_EVENT_FILTER="NO_EVENT_FILTER",E.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",E.IG_TRIGGER="IG_TRIGGER",E.CTWA_TRIGGER="CTWA_TRIGGER",E.EVENTS_TRIGGER="EVENTS_TRIGGER"}(E||(E={})),function(E){E.AND="AND",E.OR="OR"}(R||(R={})),function(E){E.string="string",E.integer="integer",E.boolean="boolean",E.date="date",E.frequency="frequency",E.ig="ig"}(T||(T={}));export{T as QueryBuilderConnectorType,R as QueryBuilderJoinOperators,E as QueryBuilderType};

package/dist/esm/components/QueryBuilder/types/QueryBuilderAPI.type.d.ts

@@ -9,7 +9,7 @@ export type QueryBuilderAPIPayload<T> = BaseQueryBuilderPayload<T> & {
 export type QueryBuilderAPIData = {
     id: string | number;
     name: string;
-    desc?: string | null;
+    description?: string | null;
     type?: QueryBuilderConnectorType;
     needValuesRetrieval?: boolean;
 };

package/dist/esm/components/QueryBuilder/types/QueryBuilderNodeProps.type.d.ts

@@ -6,5 +6,6 @@ export type QueryBuilderNodeProps = {
     allowedNodes: QueryBuilderType[];
     node: BaseQueryBuilderNode;
     mode: QueryBuilderProps['mode'];
+    selectorKey: string;
     apiHandler: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
 };

package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts

@@ -24,6 +24,11 @@ export declare enum STRING_OPERATORS {
     exists = "exists",
     doesntExist = "doesntExist"
 }
+export declare enum IG_OPERATORS {
+    post = "post",
+    reel = "reel",
+    story = "story"
+}
 export declare enum DATE_OPERATORS {
     on = "on",
     notOn = "notOn",

package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.js

@@ -1 +1 @@
-var e,t,n,s,a,i;!function(e){e.is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e.lessThan="lessThan",e.lessThanOrEqualTo="lessThanOrEqualTo",e.greaterThan="greaterThan",e.greaterThanOrEqualTo="greaterThanOrEqualTo",e.between="between",e.notBetween="notBetween"}(e||(e={})),function(e){e.is="is",e.isNot="isNot",e.contains="contains",e.doesntContain="doesntContain",e.startsWith="startsWith",e.endsWith="endsWith",e.exists="exists",e.doesntExist="doesntExist"}(t||(t={})),function(e){e.on="on",e.notOn="notOn",e.inBetween="inBetween",e.notInBetween="notInBetween",e.before="before",e.after="after",e.today="today",e.yesterday="yesterday",e["last week"]="last week",e["last month"]="last month",e["last quarter"]="last quarter",e["in the last"]="in the last"}(n||(n={})),function(e){e.isTrue="isTrue",e.isFalse="isFalse",e.exists="exists",e.doesntExist="doesntExist"}(s||(s={})),function(e){e.exactly="exactly",e.atleast="atleast",e.atMost="atMost"}(a||(a={})),function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(i||(i={}));export{s as BOOLEAN_OPERATORS,n as DATE_OPERATORS,i as EVENT_VALUES,a as FREQUENCY_OPERATORS,e as INTEGER_OPERATORS,t as STRING_OPERATORS};
+var e,t,n,s,o,a,i;!function(e){e.is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e.lessThan="lessThan",e.lessThanOrEqualTo="lessThanOrEqualTo",e.greaterThan="greaterThan",e.greaterThanOrEqualTo="greaterThanOrEqualTo",e.between="between",e.notBetween="notBetween"}(e||(e={})),function(e){e.is="is",e.isNot="isNot",e.contains="contains",e.doesntContain="doesntContain",e.startsWith="startsWith",e.endsWith="endsWith",e.exists="exists",e.doesntExist="doesntExist"}(t||(t={})),function(e){e.post="post",e.reel="reel",e.story="story"}(n||(n={})),function(e){e.on="on",e.notOn="notOn",e.inBetween="inBetween",e.notInBetween="notInBetween",e.before="before",e.after="after",e.today="today",e.yesterday="yesterday",e["last week"]="last week",e["last month"]="last month",e["last quarter"]="last quarter",e["in the last"]="in the last"}(s||(s={})),function(e){e.isTrue="isTrue",e.isFalse="isFalse",e.exists="exists",e.doesntExist="doesntExist"}(o||(o={})),function(e){e.exactly="exactly",e.atleast="atleast",e.atMost="atMost"}(a||(a={})),function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(i||(i={}));export{o as BOOLEAN_OPERATORS,s as DATE_OPERATORS,i as EVENT_VALUES,a as FREQUENCY_OPERATORS,n as IG_OPERATORS,e as INTEGER_OPERATORS,t as STRING_OPERATORS};

package/dist/esm/components/QueryBuilder/types/QueryBuilderProps.type.d.ts

@@ -2,6 +2,12 @@ import { Response } from '../../../types/apiExecutor';
 import { QueryBuilderRoot, QueryBuilderType } from './QueryBuilder.type';
 import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
 export type QueryBuilderProps = {
+    /**
+     * The selector key that will be used to make query builder independent when there are multiple
+     * query builders in single page
+     */
+    selectorKey: string;
+    errorState?: QueryBuilderRoot;
     /**
      * and will be passed as a prop here. Single function to branch out based on the query being passed.
      * list of allowed query builder types are keys of this object.
@@ -20,8 +26,10 @@ export type QueryBuilderProps = {
     mode?: 'create' | 'edit' | 'view';
     /**
      * the on change handler, this callback will be called whenever there is any change in the state
+     * @note
+     * try using on-demand flow instead of reactive flow using ref.getState to avoid extra re-renders
      */
-    onStateChange: (state: QueryBuilderRoot) => void;
+    onStateChange?: (state: QueryBuilderRoot) => void;
     /**
      * in property,
      * if this is `true`,  it will allow user to re-select the selected property name again,

package/dist/esm/components/QueryBuilder/types/index.d.ts

@@ -0,0 +1,7 @@
+export type { QueryBuilderType, QueryBuilderJoinOperators, QueryBuilderConnectorType, QueryBuilderConnector, QueryBuilderProperty as QueryBuilderPropertyType, QueryBuilderMeta, BaseQueryBuilderNode as BaseQueryBuilderNodeType, QueryBuilderRoot, ConnectorError, } from './QueryBuilder.type';
+export * from './QueryBuilderAPI.type';
+export * from './QueryBuilderConnector.type';
+export * from './QueryBuilderNodeProps.type';
+export * from './QueryBuilderOperator.type';
+export * from './QueryBuilderPropertyProps';
+export * from './QueryBuilderProps.type';

package/dist/esm/components/TypographyStyle.d.ts

@@ -13,3 +13,5 @@ export declare const BodyTiny: import("styled-components").StyledComponent<"div"
 export declare const ButtonLarge: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Caption: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/TypographyStyle.js

@@ -1,88 +1,100 @@
 import t from"styled-components";import{COLORS as e,FONTS as i}from"../constants/Theme.js";const o=t=>t+"px",n=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.titleLarge.fontWeight};
-	font-size: ${t=>o(i.titleLarge.fontSize)};
-	line-height: ${t=>o(i.titleLarge.lineHeight)};
+	font-weight: ${i.titleLarge.fontWeight};
+	font-size: ${o(i.titleLarge.fontSize)};
+	line-height: ${o(i.titleLarge.lineHeight)};
 `,r=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.titleMedium.fontWeight};
-	font-size: ${t=>o(i.titleMedium.fontSize)};
-	line-height: ${t=>o(i.titleMedium.lineHeight)};
+	font-weight: ${i.titleMedium.fontWeight};
+	font-size: ${o(i.titleMedium.fontSize)};
+	line-height: ${o(i.titleMedium.lineHeight)};
 `,l=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.titleRegular.fontWeight};
-	font-size: ${t=>o(i.titleRegular.fontSize)};
-	line-height: ${t=>o(i.titleRegular.lineHeight)};
+	font-weight: ${i.titleRegular.fontWeight};
+	font-size: ${o(i.titleRegular.fontSize)};
+	line-height: ${o(i.titleRegular.lineHeight)};
 `,f=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.titleSmall.fontWeight};
-	font-size: ${t=>o(i.titleSmall.fontSize)};
-	line-height: ${t=>o(i.titleSmall.lineHeight)};
+	font-weight: ${i.titleSmall.fontWeight};
+	font-size: ${o(i.titleSmall.fontSize)};
+	line-height: ${o(i.titleSmall.lineHeight)};
 `,g=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.display.fontWeight};
-	font-size: ${t=>o(i.display.fontSize)};
-	line-height: ${t=>o(i.display.lineHeight)};
+	font-weight: ${i.display.fontWeight};
+	font-size: ${o(i.display.fontSize)};
+	line-height: ${o(i.display.lineHeight)};
 `,a=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.bodyPrimary.fontWeight};
-	font-size: ${t=>o(i.bodyLarge.fontSize)};
-	line-height: ${t=>o(i.bodyLarge.lineHeight)};
+	font-weight: ${i.bodyPrimary.fontWeight};
+	font-size: ${o(i.bodyLarge.fontSize)};
+	line-height: ${o(i.bodyLarge.lineHeight)};
 `,h=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.bodyPrimary.fontWeight};
-	font-size: ${t=>o(i.bodyPrimary.fontSize)};
-	line-height: ${t=>o(i.bodyPrimary.lineHeight)};
+	font-weight: ${i.bodyPrimary.fontWeight};
+	font-size: ${o(i.bodyPrimary.fontSize)};
+	line-height: ${o(i.bodyPrimary.lineHeight)};
 `,$=t.div`
 	font-family: Inter;
-	color: ${t=>e.content.primary};
-	font-weight: ${t=>i.bodySecondary.fontWeight};
-	font-size: ${t=>o(i.bodySecondary.fontSize)};
-	line-height: ${t=>o(i.bodySecondary.lineHeight)};
+	color: ${e.content.primary};
+	font-weight: ${i.bodySecondary.fontWeight};
+	font-size: ${o(i.bodySecondary.fontSize)};
+	line-height: ${o(i.bodySecondary.lineHeight)};
 `,c=t(h)`
 	text-decoration: underline;
-	color: ${t=>e.content.brand};
-	text-decoration-color: ${t=>e.content.brand};
+	color: ${e.content.brand};
+	text-decoration-color: ${e.content.brand};
 	cursor: pointer;
 `,y=t($)`
 	text-decoration: underline;
-	color: ${t=>e.content.brand};
-	text-decoration-color: ${t=>e.content.brand};
+	color: ${e.content.brand};
+	text-decoration-color: ${e.content.brand};
 	cursor: pointer;
 `,d=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.caption.fontWeight};
-	font-size: ${t=>o(i.caption.fontSize)};
-	line-height: ${t=>o(i.caption.lineHeight)};
+	font-weight: ${i.caption.fontWeight};
+	font-size: ${o(i.caption.fontSize)};
+	line-height: ${o(i.caption.lineHeight)};
 `,m=t.div`
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.tiny.fontWeight};
-	font-size: ${t=>o(i.tiny.fontSize)};
-	line-height: ${t=>o(i.tiny.lineHeight)};
-`,s=t.div`
-	font-family: Inter;
-	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.buttonLarge.fontWeight};
-	font-size: ${t=>o(i.buttonLarge.fontSize)};
-	line-height: ${t=>o(i.buttonLarge.lineHeight)};
+	font-weight: ${i.tiny.fontWeight};
+	font-size: ${o(i.tiny.fontSize)};
+	line-height: ${o(i.tiny.lineHeight)};
 `,p=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.buttonRegular.fontWeight};
-	font-size: ${t=>o(i.buttonRegular.fontSize)};
-	line-height: ${t=>o(i.buttonRegular.lineHeight)};
+	font-weight: ${i.buttonLarge.fontWeight};
+	font-size: ${o(i.buttonLarge.fontSize)};
+	line-height: ${o(i.buttonLarge.lineHeight)};
 `,z=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${t=>i.subHeading.fontWeight};
-	font-size: ${t=>o(i.subHeading.fontSize)};
-	line-height: ${t=>o(i.subHeading.lineHeight)};
-`;export{d as BodyCaption,a as BodyLarge,h as BodyPrimary,c as BodyPrimaryLink,$ as BodySecondary,y as BodySecondaryLink,m as BodyTiny,s as ButtonLarge,p as ButtonRegular,g as Display,z as SubHeading,n as TitleLarge,r as TitleMedium,l as TitleRegular,f as TitleSmall};
+	font-weight: ${i.buttonRegular.fontWeight};
+	font-size: ${o(i.buttonRegular.fontSize)};
+	line-height: ${o(i.buttonRegular.lineHeight)};
+`,s=t.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.text.primary};
+	font-weight: ${i.subHeading.fontWeight};
+	font-size: ${o(i.subHeading.fontSize)};
+	line-height: ${o(i.subHeading.lineHeight)};
+`,b=t.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.text.primary};
+	font-weight: ${i.bodyRegular.fontWeight};
+	font-size: ${o(i.bodyRegular.fontSize)};
+	line-height: ${o(i.bodyRegular.lineHeight)};
+`,u=t.div`
+	font-family: Inter;
+	color: ${e.text.primary};
+	font-weight: ${i.caption.fontWeight};
+	font-size: ${o(i.caption.fontSize)};
+	line-height: ${o(i.caption.lineHeight)};
+`;export{d as BodyCaption,a as BodyLarge,h as BodyPrimary,c as BodyPrimaryLink,b as BodyRegular,$ as BodySecondary,y as BodySecondaryLink,m as BodyTiny,p as ButtonLarge,z as ButtonRegular,u as Caption,g as Display,s as SubHeading,n as TitleLarge,r as TitleMedium,l as TitleRegular,f as TitleSmall};

package/dist/esm/components/analytics-card/AnalyticsCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type ModeType = 'light' | 'dark';
+export declare const AnalyticsCard: React.FC<{
+    cardInfo: {
+        [category: string]: string;
+    };
+    width?: string;
+    mode?: ModeType;
+}>;

package/dist/esm/components/analytics-card/AnalyticsCard.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{BASE_COLORS as s,COLORS as c}from"../../constants/Theme.js";import{TitleSmall as r,BodyCaption as n}from"../TypographyStyle.js";import{AnalyticsContainer as o,CardDataContainer as a}from"./AnalyticsCard.styled.js";const i=i=>{const{cardInfo:l,width:m,mode:d}=i;return t(o,Object.assign({width:m,mode:d,count:Object.keys(l).length},{children:Object.keys(l).map((o=>{const m=l[o],d=o;return e(a,Object.assign({className:"analytics__card",count:Object.keys(l).length},{children:[t(r,Object.assign({className:"statistic",color:"light"==i.mode?s.brand[900]:s.grayscale.white},{children:m})),t(n,Object.assign({className:"category",color:"light"==i.mode?s.brand[900]:c.content.secondaryInverse},{children:d}))]}),d)}))}))};export{i as AnalyticsCard};

package/dist/esm/components/analytics-card/AnalyticsCard.styled.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ModeType } from './AnalyticsCard';
+export declare const AnalyticsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    width: string;
+    mode?: ModeType | undefined;
+    count?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardDataContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    count: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/analytics-card/AnalyticsCard.styled.js

@@ -0,0 +1 @@
+import g from"@emotion/styled/base";import{BASE_COLORS as I}from"../../constants/Theme.js";const c=g("div","production"===process.env.NODE_ENV?{target:"ednv6o21"}:{target:"ednv6o21",label:"AnalyticsContainer"})("display:flex;flex-wrap:wrap;row-gap:16px;align-items:center;justify-content:space-evenly;",(g=>g.width?`width: ${g.width}`:"width: 280px"),";background:",(g=>"light"==g.mode?I.grayscale[100]:I.brand[900]),";padding:26px 12px 16px 12px;border-radius:0 0 8px 8px;.analytics__card:nth-child(n + 4){",(g=>5==g.count?"flex-basis: 48%":6==g.count||7==g.count?"flex-basis: 31%":8==g.count?"flex-basis: 23%":""),";}.analytics__card:nth-child(4){",(g=>7==g.count?"flex-basis: 23% !important":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkMiLCJmaWxlIjoiQW5hbHl0aWNzQ2FyZC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5cdHJvdy1nYXA6IDE2cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5O1xuXG5cdCR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBgd2lkdGg6ICR7cHJvcHMud2lkdGh9YCA6ICd3aWR0aDogMjgwcHgnKX07XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5tb2RlID09ICdsaWdodCdcclxuICAgID8gQkFTRV9DT0xPUlMuZ3JheXNjYWxlWycxMDAnXVxyXG4gICAgOiBCQVNFX0NPTE9SUy5icmFuZFsnOTAwJ119O1xuXHRwYWRkaW5nOiAyNnB4IDEycHggMTZweCAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZChuICsgNCkge1xuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSA1XHJcbiAgICA/ICdmbGV4LWJhc2lzOiA0OCUnXHJcbiAgICA6IHByb3BzLmNvdW50ID09IDYgfHwgcHJvcHMuY291bnQgPT0gN1xyXG4gICAgICAgID8gJ2ZsZXgtYmFzaXM6IDMxJSdcclxuICAgICAgICA6IHByb3BzLmNvdW50ID09IDhcclxuICAgICAgICAgICAgPyAnZmxleC1iYXNpczogMjMlJ1xyXG4gICAgICAgICAgICA6ICcnfTtcblx0fVxuXG5cdC5hbmFseXRpY3NfX2NhcmQ6bnRoLWNoaWxkKDQpIHtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLmNvdW50ID09IDcgPyAnZmxleC1iYXNpczogMjMlICFpbXBvcnRhbnQnIDogJycpfVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQ2FyZERhdGFDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHJvdy1nYXA6IDRweDtcblxuXHRmbGV4LWdyb3c6IDE7XG5cdGZsZXgtc2hyaW5rOiAwO1xuXHRmbGV4LWJhc2lzOiAkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gMlxyXG4gICAgPyAnNDglJ1xyXG4gICAgOiBwcm9wcy5jb3VudCA9PSAzXHJcbiAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgIDogcHJvcHMuY291bnQgPT0gNFxyXG4gICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gNVxyXG4gICAgICAgICAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA2XHJcbiAgICAgICAgICAgICAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gN1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gOFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnYXV0byd9O1xuXG5cdC5jYXRlZ29yeSxcblx0LnN0YXRpc3RpYyB7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzQ2FyZC5zdHlsZWQuanMubWFwIl19 */")),A=g("div","production"===process.env.NODE_ENV?{target:"ednv6o20"}:{target:"ednv6o20",label:"CardDataContainer"})("display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:4px;flex-grow:1;flex-shrink:0;flex-basis:",(g=>2==g.count?"48%":3==g.count?"31%":4==g.count?"23%":5==g.count||6==g.count?"31%":7==g.count||8==g.count?"23%":"auto"),";.category,.statistic{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjRDIiwiZmlsZSI6IkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQkFTRV9DT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC13cmFwOiB3cmFwO1xuXHRyb3ctZ2FwOiAxNnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWV2ZW5seTtcblxuXHQkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gYHdpZHRoOiAke3Byb3BzLndpZHRofWAgOiAnd2lkdGg6IDI4MHB4Jyl9O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMubW9kZSA9PSAnbGlnaHQnXHJcbiAgICA/IEJBU0VfQ09MT1JTLmdyYXlzY2FsZVsnMTAwJ11cclxuICAgIDogQkFTRV9DT0xPUlMuYnJhbmRbJzkwMCddfTtcblx0cGFkZGluZzogMjZweCAxMnB4IDE2cHggMTJweDtcblx0Ym9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG5cblx0LmFuYWx5dGljc19fY2FyZDpudGgtY2hpbGQobiArIDQpIHtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gNVxyXG4gICAgPyAnZmxleC1iYXNpczogNDglJ1xyXG4gICAgOiBwcm9wcy5jb3VudCA9PSA2IHx8IHByb3BzLmNvdW50ID09IDdcclxuICAgICAgICA/ICdmbGV4LWJhc2lzOiAzMSUnXHJcbiAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA4XHJcbiAgICAgICAgICAgID8gJ2ZsZXgtYmFzaXM6IDIzJSdcclxuICAgICAgICAgICAgOiAnJ307XG5cdH1cblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZCg0KSB7XG5cdFx0JHsocHJvcHMpID0+IChwcm9wcy5jb3VudCA9PSA3ID8gJ2ZsZXgtYmFzaXM6IDIzJSAhaW1wb3J0YW50JyA6ICcnKX1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IENhcmREYXRhQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRyb3ctZ2FwOiA0cHg7XG5cblx0ZmxleC1ncm93OiAxO1xuXHRmbGV4LXNocmluazogMDtcblx0ZmxleC1iYXNpczogJHsocHJvcHMpID0+IHByb3BzLmNvdW50ID09IDJcclxuICAgID8gJzQ4JSdcclxuICAgIDogcHJvcHMuY291bnQgPT0gM1xyXG4gICAgICAgID8gJzMxJSdcclxuICAgICAgICA6IHByb3BzLmNvdW50ID09IDRcclxuICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDVcclxuICAgICAgICAgICAgICAgID8gJzMxJSdcclxuICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gNlxyXG4gICAgICAgICAgICAgICAgICAgID8gJzMxJSdcclxuICAgICAgICAgICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDdcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDhcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gJzIzJSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogJ2F1dG8nfTtcblxuXHQuY2F0ZWdvcnksXG5cdC5zdGF0aXN0aWMge1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc0NhcmQuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{c as AnalyticsContainer,A as CardDataContainer};

package/dist/esm/components/analytics-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AnalyticsCard';
+export * from './AnalyticsCard.styled';

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TooltipPlacement } from '../tooltips/CustomisedTooltip';
+export interface AnalyticsChipInterface {
+    title: string;
+    primaryValue: string;
+    backgroundColor?: string;
+    captionColor?: string;
+    titleColor?: string;
+    width?: number;
+    extraJSX?: JSX.Element;
+    titleIcon?: boolean;
+    tooltipContent?: JSX.Element;
+    toolTipPlacement?: TooltipPlacement;
+}
+export declare const AnalyticsChip: React.FC<AnalyticsChipInterface>;

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

@@ -0,0 +1 @@
+import{jsxs as o,jsx as t,Fragment as r}from"react/jsx-runtime";import e from"../../assets/icons/info.svg.js";import{BASE_COLORS as i}from"../../constants/Theme.js";import{CustomisedTooltip as s,TooltipPlacement as l}from"../tooltips/CustomisedTooltip.js";import{BodyCaption as n,TitleLarge as c}from"../TypographyStyle.js";import{AnalyticsChipContainer as a}from"./CommonStyles.js";const m=m=>{const{title:p,primaryValue:g,titleColor:h,captionColor:d=i.grayscale[700],backgroundColor:j=i.grayscale[50],width:y=224.67,extraJSX:C,titleIcon:b,tooltipContent:f,toolTipPlacement:u}=m;return o(a,Object.assign({backgroundColor:j,width:y},{children:[o("div",Object.assign({className:"sub--container"},{children:[t(n,Object.assign({style:{color:d}},{children:p})),b&&t(s,{tooltipContent:f||t(r,{}),tooltipTriggerContent:t("div",{children:t(e,{height:14.67,width:14.67,color:i.grayscale[500]})}),tooltipPlacement:u||l.Right,showOnHover:!0})]})),t(c,Object.assign({style:{color:h}},{children:g})),C]}))};export{m as AnalyticsChip};

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

@@ -0,0 +1,31 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+import React from 'react';
+export interface DropdownOptions {
+    label: string;
+    value: string;
+    key: string | number;
+    isCustom?: boolean;
+    dateRangeSelectionOptions?: {
+        selectRange: boolean;
+        selectedDates?: Date[];
+        selectedDate?: Date;
+        minDate?: Date;
+        maxDate?: Date;
+    };
+}
+export interface AnalyticsDropdownInterface {
+    options: DropdownOptions[];
+    selected?: DropdownOptions;
+    placeholder?: string;
+    onOptionSelected: (chosen: DropdownOptions & {
+        selectedDate?: Date;
+        selectedRange?: [Date, Date];
+    }) => void;
+}
+export declare const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface>;
+export declare const EachItem: React.FC<{
+    eachOption: DropdownOptions;
+    selectedOption: DropdownOptions | undefined;
+    selectedDate: Date[] | undefined;
+    onClickingEachItem: (optionSelected: DropdownOptions) => void;
+}>;

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

@@ -0,0 +1 @@
+import{jsx as e,Fragment as o,jsxs as n}from"react/jsx-runtime";import{useState as t}from"react";import{Dropdown as l}from"react-bootstrap";import{BASE_COLORS as i}from"../../constants/Theme.js";import{DatePicker as s}from"../datePicker/DatePicker.js";import{BodySecondary as a,BodyCaption as c}from"../TypographyStyle.js";import{MainDropdown as d,ItemMenuContainer as r}from"./CommonStyles.js";const m=i=>{let{options:c,placeholder:r="Select an option",selected:m,onOptionSelected:u}=i;var v,h;const[O,b]=t(!1),[j,y]=t(m),[k,S]=t(),[w,D]=t(!1),R=()=>{!O&&D(!w)};return e(o,{children:n(d,Object.assign({drop:"down",show:w,onToggle:R},{children:[e(l.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown"},{children:e(a,{children:(null==j?void 0:j.isCustom)?k?`${p(k[0])} to ${p(k[1])}`:r:j?null==j?void 0:j.label:r})})),e(l.Menu,Object.assign({className:"main--dropdown"},{children:n(d,Object.assign({drop:"end",id:"sub--dropdown",show:O,onToggle:e=>{!e&&D(!1),b(!O)}},{children:[c.map((o=>e("div",{children:(null==o?void 0:o.isCustom)?e(l.Toggle,Object.assign({className:"sub--dropdown"},{children:e(g,{eachOption:o,selectedOption:j,selectedDate:k,onClickingEachItem:e=>{y(e),b(!0)}})})):e(g,{eachOption:o,selectedOption:j,selectedDate:k,onClickingEachItem:e=>{y(e),R(),u(e)}})},null==o?void 0:o.key))),e(l.Menu,Object.assign({className:"sub--dropdown"},{children:e(s,{selectRange:(null===(v=null==j?void 0:j.dateRangeSelectionOptions)||void 0===v?void 0:v.selectRange)||!1,maxDate:null===(h=null==j?void 0:j.dateRangeSelectionOptions)||void 0===h?void 0:h.maxDate,selectedDates:k,onSelectRange:(e,o)=>{var n;(null===(n=null==j?void 0:j.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)&&u(Object.assign(Object.assign({},j),{selectedRange:[e,o]})),b(!1);S([e,o]),D(!w)},onSelectDate:e=>{var o;!(null===(o=null==j?void 0:j.dateRangeSelectionOptions)||void 0===o?void 0:o.selectRange)&&u(Object.assign(Object.assign({},j),{selectedDate:e||new Date})),b(!1),S([e]),D(!w)}})}))]}))}))]}))})},g=o=>{let{eachOption:t,selectedOption:l,selectedDate:s,onClickingEachItem:d}=o;return n(r,Object.assign({onClick:()=>d(t),isSelected:t.isCustom?t.key==(null==l?void 0:l.key)&&!!s:t.key==(null==l?void 0:l.key)},{children:[e(a,Object.assign({color:t.key==(null==l?void 0:l.key)?i.positive[900]:i.grayscale[900]},{children:t.label})),s&&(null==l?void 0:l.isCustom)&&t.key==(null==l?void 0:l.key)&&e(c,{children:`${p(s[0])} to ${p(s[1])}`})]}),t.key)},p=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{m as AnalyticsDropdown,g as EachItem};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AnalyticsChipInterface } from './AnalyticsChip';
+export declare const AnalyticsMultiChip: React.FC<{
+    chipDetails: AnalyticsChipInterface[];
+}>;

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{createElement as t}from"react";import{AnalyticsChip as i}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as m}from"./CommonStyles.js";const o=o=>{let{chipDetails:e}=o;return r(m,{children:e.map(((r,m)=>t(i,Object.assign({},r,{key:m+"_chip"}))))})};export{o as AnalyticsMultiChip};