@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.687

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

@@ -1,130 +1,127 @@
-/**
- * @fileOverview Ideally this file should not be used directly in components or in main logic layer.
- * Create helper for this and then use them.
- */
-declare enum INTEGER_OPERATORS {
-    is = "is",
-    isNot = "isNot",
-    exists = "exists",
-    doesntExist = "doesntExist",
-    lessThan = "lessThan",
-    lessThanOrEqualTo = "lessThanOrEqualTo",
-    greaterThan = "greaterThan",
-    greaterThanOrEqualTo = "greaterThanOrEqualTo"
-}
-declare enum STRING_OPERATORS {
-    is = "is",
-    isNot = "isNot",
-    contains = "contains",
-    doesntContain = "doesntContain",
-    startsWith = "startsWith",
-    endsWith = "endsWith",
-    exists = "exists",
-    doesntExist = "doesntExist"
-}
-declare enum STRING_RESTRICTED_OPERATORS {
-    is = "is",
-    isNot = "isNot",
-    exists = "exists",
-    doesntExist = "doesntExist"
-}
-declare enum STRING_RESTRICTED_OPERATORS_2 {
-    is = "is",
-    isNot = "isNot"
-}
-declare enum STRING_RESTRICTED_OPERATORS_3 {
-    is = "is"
-}
-declare enum IG_STRING_OPERATORS {
-    any = "any",
-    is = "is",
-    contains = "contains",
-    startsWith = "startsWith",
-    endsWith = "endsWith"
-}
-declare enum AD_STRING_OPERATORS {
-    is = "is"
-}
-declare enum SPECIFIC_IG_OPERATORS {
-    in = "in"
-}
-declare enum ICE_BREAKER_OPERATORS {
-    is = "is"
-}
-declare enum ANY_IG_OPERATORS {
-    in = "in"
-}
-declare enum ANY_AD_OPERATORS {
-    in = "in"
-}
-declare enum REACTION_OPERATORS {
-    contains = "contains"
-}
-declare enum MAIL_SUBJECT_OPERATORS {
-    contains = "contains"
-}
-declare enum DATE_OPERATORS {
-    today = "today",
-    yesterday = "yesterday",
-    'last 7 days' = "last 7 days",
-    'last 30 days' = "last 30 days",
-    'this week' = "this week",
-    'last week' = "last week",
-    'this month' = "this month",
-    'last month' = "last month",
-    'exactly' = "exactly",
-    'not exactly' = "not exactly",
-    'in the last' = "in the last",
-    'not in the last' = "not in the last",
-    'in between last' = "in between last",
-    'not in between last' = "not in between last",
-    on = "on",
-    notOn = "notOn",
-    inBetween = "inBetween",
-    notInBetween = "notInBetween",
-    before = "before",
-    after = "after",
-    'last quarter' = "last quarter"
-}
-declare enum BOOLEAN_OPERATORS {
-    isTrue = "isTrue",
-    isFalse = "isFalse",
-    exists = "exists",
-    doesntExist = "doesntExist"
-}
-declare enum EXACTLY_OPERATORS {
-    exactly = "exactly"
-}
-declare enum FREQUENCY_OPERATORS {
-    exactly = "exactly",
-    atleast = "atleast",
-    atMost = "atMost"
-}
-type CONNECTOR_OPERATORS = FREQUENCY_OPERATORS | BOOLEAN_OPERATORS | DATE_OPERATORS | STRING_OPERATORS | EXACTLY_OPERATORS | INTEGER_OPERATORS;
-declare enum EVENT_VALUES {
-    FreeText = "FreeText",
-    NoInput = "NoInput",
-    IntegerSingleValue = "IntegerSingleValue",
-    StringSingleValue = "StringSingleValue",
-    TwoNumberInputsSeperatedByAnd = "TwoNumberInputsSeperatedByAnd",
-    MultiselectDropdownFreeText = "MultiselectDropdownFreeText",
-    SingleselectDropdownFreeText = "SingleselectDropdownFreeText",
-    SingleDate = "SingleDate",
-    TwoDate = "TwoDate",
-    IntegerPositiveSingle = "IntegerPositiveSingle",
-    NumberTime = "NumberTime"
-}
-type EVENT_RESPONSE_VALUE = {
-    FreeText: string[];
-    IntegerSingleValue: number;
-    StringSingleValue: string;
-    TwoNumberInputsSeperatedByAnd: number[];
-    MultiselectDropdownFreeText: string[];
-    SingleselectDropdownFreeText: string;
-    SingleDate: Date;
-    IntegerPositiveSingle: number;
-    TwoDate: Date[];
-};
-
-export { AD_STRING_OPERATORS, ANY_AD_OPERATORS, ANY_IG_OPERATORS, BOOLEAN_OPERATORS, DATE_OPERATORS, EVENT_VALUES, EXACTLY_OPERATORS, FREQUENCY_OPERATORS, ICE_BREAKER_OPERATORS, IG_STRING_OPERATORS, INTEGER_OPERATORS, MAIL_SUBJECT_OPERATORS, REACTION_OPERATORS, SPECIFIC_IG_OPERATORS, STRING_OPERATORS, STRING_RESTRICTED_OPERATORS, STRING_RESTRICTED_OPERATORS_2, STRING_RESTRICTED_OPERATORS_3 };
-export type { CONNECTOR_OPERATORS, EVENT_RESPONSE_VALUE };
+/**
+ * @fileOverview Ideally this file should not be used directly in components or in main logic layer.
+ * Create helper for this and then use them.
+ */
+export declare enum INTEGER_OPERATORS {
+    is = "is",
+    isNot = "isNot",
+    exists = "exists",
+    doesntExist = "doesntExist",
+    lessThan = "lessThan",
+    lessThanOrEqualTo = "lessThanOrEqualTo",
+    greaterThan = "greaterThan",
+    greaterThanOrEqualTo = "greaterThanOrEqualTo"
+}
+export declare enum STRING_OPERATORS {
+    is = "is",
+    isNot = "isNot",
+    contains = "contains",
+    doesntContain = "doesntContain",
+    startsWith = "startsWith",
+    endsWith = "endsWith",
+    exists = "exists",
+    doesntExist = "doesntExist"
+}
+export declare enum STRING_RESTRICTED_OPERATORS {
+    is = "is",
+    isNot = "isNot",
+    exists = "exists",
+    doesntExist = "doesntExist"
+}
+export declare enum STRING_RESTRICTED_OPERATORS_2 {
+    is = "is",
+    isNot = "isNot"
+}
+export declare enum STRING_RESTRICTED_OPERATORS_3 {
+    is = "is"
+}
+export declare enum IG_STRING_OPERATORS {
+    any = "any",
+    is = "is",
+    contains = "contains",
+    startsWith = "startsWith",
+    endsWith = "endsWith"
+}
+export declare enum AD_STRING_OPERATORS {
+    is = "is"
+}
+export declare enum SPECIFIC_IG_OPERATORS {
+    in = "in"
+}
+export declare enum ICE_BREAKER_OPERATORS {
+    is = "is"
+}
+export declare enum ANY_IG_OPERATORS {
+    in = "in"
+}
+export declare enum ANY_AD_OPERATORS {
+    in = "in"
+}
+export declare enum REACTION_OPERATORS {
+    contains = "contains"
+}
+export declare enum MAIL_SUBJECT_OPERATORS {
+    contains = "contains"
+}
+export declare enum DATE_OPERATORS {
+    today = "today",
+    yesterday = "yesterday",
+    'last 7 days' = "last 7 days",
+    'last 30 days' = "last 30 days",
+    'this week' = "this week",
+    'last week' = "last week",
+    'this month' = "this month",
+    'last month' = "last month",
+    'exactly' = "exactly",
+    'not exactly' = "not exactly",
+    'in the last' = "in the last",
+    'not in the last' = "not in the last",
+    'in between last' = "in between last",
+    'not in between last' = "not in between last",
+    on = "on",
+    notOn = "notOn",
+    inBetween = "inBetween",
+    notInBetween = "notInBetween",
+    before = "before",
+    after = "after",
+    'last quarter' = "last quarter"
+}
+export declare enum BOOLEAN_OPERATORS {
+    isTrue = "isTrue",
+    isFalse = "isFalse",
+    exists = "exists",
+    doesntExist = "doesntExist"
+}
+export declare enum EXACTLY_OPERATORS {
+    exactly = "exactly"
+}
+export declare enum FREQUENCY_OPERATORS {
+    exactly = "exactly",
+    atleast = "atleast",
+    atMost = "atMost"
+}
+export type CONNECTOR_OPERATORS = FREQUENCY_OPERATORS | BOOLEAN_OPERATORS | DATE_OPERATORS | STRING_OPERATORS | EXACTLY_OPERATORS | INTEGER_OPERATORS;
+export declare enum EVENT_VALUES {
+    FreeText = "FreeText",
+    NoInput = "NoInput",
+    IntegerSingleValue = "IntegerSingleValue",
+    StringSingleValue = "StringSingleValue",
+    TwoNumberInputsSeperatedByAnd = "TwoNumberInputsSeperatedByAnd",
+    MultiselectDropdownFreeText = "MultiselectDropdownFreeText",
+    SingleselectDropdownFreeText = "SingleselectDropdownFreeText",
+    SingleDate = "SingleDate",
+    TwoDate = "TwoDate",
+    IntegerPositiveSingle = "IntegerPositiveSingle",
+    NumberTime = "NumberTime"
+}
+export type EVENT_RESPONSE_VALUE = {
+    FreeText: string[];
+    IntegerSingleValue: number;
+    StringSingleValue: string;
+    TwoNumberInputsSeperatedByAnd: number[];
+    MultiselectDropdownFreeText: string[];
+    SingleselectDropdownFreeText: string;
+    SingleDate: Date;
+    IntegerPositiveSingle: number;
+    TwoDate: Date[];
+};

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

@@ -1 +1 @@
-var t=(t=>(t.is="is",t.isNot="isNot",t.exists="exists",t.doesntExist="doesntExist",t.lessThan="lessThan",t.lessThanOrEqualTo="lessThanOrEqualTo",t.greaterThan="greaterThan",t.greaterThanOrEqualTo="greaterThanOrEqualTo",t))(t||{}),e=(t=>(t.is="is",t.isNot="isNot",t.contains="contains",t.doesntContain="doesntContain",t.startsWith="startsWith",t.endsWith="endsWith",t.exists="exists",t.doesntExist="doesntExist",t))(e||{}),s=(t=>(t.is="is",t.isNot="isNot",t.exists="exists",t.doesntExist="doesntExist",t))(s||{}),n=(t=>(t.is="is",t.isNot="isNot",t))(n||{}),i=(t=>(t.is="is",t))(i||{}),a=(t=>(t.any="any",t.is="is",t.contains="contains",t.startsWith="startsWith",t.endsWith="endsWith",t))(a||{}),o=(t=>(t.is="is",t))(o||{}),l=(t=>(t.in="in",t))(l||{}),r=(t=>(t.is="is",t))(r||{}),x=(t=>(t.in="in",t))(x||{}),d=(t=>(t.in="in",t))(d||{}),h=(t=>(t.contains="contains",t))(h||{}),T=(t=>(t.contains="contains",t))(T||{}),u=(t=>(t.today="today",t.yesterday="yesterday",t["last 7 days"]="last 7 days",t["last 30 days"]="last 30 days",t["this week"]="this week",t["last week"]="last week",t["this month"]="this month",t["last month"]="last month",t.exactly="exactly",t["not exactly"]="not exactly",t["in the last"]="in the last",t["not in the last"]="not in the last",t["in between last"]="in between last",t["not in between last"]="not in between last",t.on="on",t.notOn="notOn",t.inBetween="inBetween",t.notInBetween="notInBetween",t.before="before",t.after="after",t["last quarter"]="last quarter",t))(u||{}),y=(t=>(t.isTrue="isTrue",t.isFalse="isFalse",t.exists="exists",t.doesntExist="doesntExist",t))(y||{}),c=(t=>(t.exactly="exactly",t))(c||{}),g=(t=>(t.exactly="exactly",t.atleast="atleast",t.atMost="atMost",t))(g||{}),w=(t=>(t.FreeText="FreeText",t.NoInput="NoInput",t.IntegerSingleValue="IntegerSingleValue",t.StringSingleValue="StringSingleValue",t.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",t.MultiselectDropdownFreeText="MultiselectDropdownFreeText",t.SingleselectDropdownFreeText="SingleselectDropdownFreeText",t.SingleDate="SingleDate",t.TwoDate="TwoDate",t.IntegerPositiveSingle="IntegerPositiveSingle",t.NumberTime="NumberTime",t))(w||{});export{o as AD_STRING_OPERATORS,d as ANY_AD_OPERATORS,x as ANY_IG_OPERATORS,y as BOOLEAN_OPERATORS,u as DATE_OPERATORS,w as EVENT_VALUES,c as EXACTLY_OPERATORS,g as FREQUENCY_OPERATORS,r as ICE_BREAKER_OPERATORS,a as IG_STRING_OPERATORS,t as INTEGER_OPERATORS,T as MAIL_SUBJECT_OPERATORS,h as REACTION_OPERATORS,l as SPECIFIC_IG_OPERATORS,e as STRING_OPERATORS,s as STRING_RESTRICTED_OPERATORS,n as STRING_RESTRICTED_OPERATORS_2,i as STRING_RESTRICTED_OPERATORS_3};
+var t,e,n,s,i,a,o,l,r,u,c,x,d,h,T,f,y,g;!function(t){t.is="is",t.isNot="isNot",t.exists="exists",t.doesntExist="doesntExist",t.lessThan="lessThan",t.lessThanOrEqualTo="lessThanOrEqualTo",t.greaterThan="greaterThan",t.greaterThanOrEqualTo="greaterThanOrEqualTo"}(t||(t={})),function(t){t.is="is",t.isNot="isNot",t.contains="contains",t.doesntContain="doesntContain",t.startsWith="startsWith",t.endsWith="endsWith",t.exists="exists",t.doesntExist="doesntExist"}(e||(e={})),function(t){t.is="is",t.isNot="isNot",t.exists="exists",t.doesntExist="doesntExist"}(n||(n={})),function(t){t.is="is",t.isNot="isNot"}(s||(s={})),function(t){t.is="is"}(i||(i={})),function(t){t.any="any",t.is="is",t.contains="contains",t.startsWith="startsWith",t.endsWith="endsWith"}(a||(a={})),function(t){t.is="is"}(o||(o={})),function(t){t.in="in"}(l||(l={})),function(t){t.is="is"}(r||(r={})),function(t){t.in="in"}(u||(u={})),function(t){t.in="in"}(c||(c={})),function(t){t.contains="contains"}(x||(x={})),function(t){t.contains="contains"}(d||(d={})),function(t){t.today="today",t.yesterday="yesterday",t["last 7 days"]="last 7 days",t["last 30 days"]="last 30 days",t["this week"]="this week",t["last week"]="last week",t["this month"]="this month",t["last month"]="last month",t.exactly="exactly",t["not exactly"]="not exactly",t["in the last"]="in the last",t["not in the last"]="not in the last",t["in between last"]="in between last",t["not in between last"]="not in between last",t.on="on",t.notOn="notOn",t.inBetween="inBetween",t.notInBetween="notInBetween",t.before="before",t.after="after",t["last quarter"]="last quarter"}(h||(h={})),function(t){t.isTrue="isTrue",t.isFalse="isFalse",t.exists="exists",t.doesntExist="doesntExist"}(T||(T={})),function(t){t.exactly="exactly"}(f||(f={})),function(t){t.exactly="exactly",t.atleast="atleast",t.atMost="atMost"}(y||(y={})),function(t){t.FreeText="FreeText",t.NoInput="NoInput",t.IntegerSingleValue="IntegerSingleValue",t.StringSingleValue="StringSingleValue",t.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",t.MultiselectDropdownFreeText="MultiselectDropdownFreeText",t.SingleselectDropdownFreeText="SingleselectDropdownFreeText",t.SingleDate="SingleDate",t.TwoDate="TwoDate",t.IntegerPositiveSingle="IntegerPositiveSingle",t.NumberTime="NumberTime"}(g||(g={}));export{o as AD_STRING_OPERATORS,c as ANY_AD_OPERATORS,u as ANY_IG_OPERATORS,T as BOOLEAN_OPERATORS,h as DATE_OPERATORS,g as EVENT_VALUES,f as EXACTLY_OPERATORS,y as FREQUENCY_OPERATORS,r as ICE_BREAKER_OPERATORS,a as IG_STRING_OPERATORS,t as INTEGER_OPERATORS,d as MAIL_SUBJECT_OPERATORS,x as REACTION_OPERATORS,l as SPECIFIC_IG_OPERATORS,e as STRING_OPERATORS,n as STRING_RESTRICTED_OPERATORS,s as STRING_RESTRICTED_OPERATORS_2,i as STRING_RESTRICTED_OPERATORS_3};

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

@@ -1,39 +1,20 @@
-import { DropdownOption } from '../../dropdown/type.js';
-import { QueryBuilderProperty, QueryBuilderJoinOperators } from './QueryBuilder.type.js';
-import { BaseQueryBuilderResponse, QueryBuilderAPIData } from './QueryBuilderAPI.type.js';
-import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type.js';
-import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type.js';
-import { QueryBuilderProps } from './QueryBuilderProps.type.js';
-
-type QueryBuilderPropertyProps = {
-	mode: QueryBuilderProps['mode'];
-	property?: QueryBuilderProperty;
-	selectPropertyJoinOperator?: (
-		option: QueryBuilderJoinOperators,
-		nodeID: string,
-	) => void;
-	propertySelectorText?: string;
-	fetchPropertyData?: () => Promise<BaseQueryBuilderResponse | null>;
-	onPropertyNameSelect?: (
-		propertyName: QueryBuilderAPIData,
-		property: QueryBuilderProperty,
-	) => Promise<
-		| BaseQueryBuilderResponse
-		| DropdownOption
-		| DropdownOption[]
-		| {
-				normalized: QueryBuilderAPIData[];
-				originalData: any;
-		  }
-	>;
-	onPropertyOperatorChange?: (
-		option: CONNECTOR_OPERATORS,
-		property: QueryBuilderProperty,
-	) => void;
-	onPropertyValueChange?: (
-		value: CONNECTOR_VALUE_TYPE | /** for multiselect */ QueryBuilderAPIData[],
-		property: QueryBuilderProperty,
-	) => void;
-};
-
-export type { QueryBuilderPropertyProps };
+import { DropdownOption } from "../../dropdown/type";
+import { QueryBuilderJoinOperators, QueryBuilderProperty } from './QueryBuilder.type';
+import { BaseQueryBuilderResponse, QueryBuilderAPIData } from './QueryBuilderAPI.type';
+import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
+import { QueryBuilderProps } from './QueryBuilderProps.type';
+export type QueryBuilderPropertyProps = {
+    mode: QueryBuilderProps['mode'];
+    property?: QueryBuilderProperty;
+    selectPropertyJoinOperator?: (option: QueryBuilderJoinOperators, nodeID: string) => void;
+    propertySelectorText?: string;
+    fetchPropertyData?: () => Promise<BaseQueryBuilderResponse | null>;
+    onPropertyNameSelect?: (propertyName: QueryBuilderAPIData, property: QueryBuilderProperty) => Promise<BaseQueryBuilderResponse | DropdownOption | DropdownOption[] | {
+        normalized: QueryBuilderAPIData[];
+        originalData: any;
+    }>;
+    onPropertyOperatorChange?: (option: CONNECTOR_OPERATORS, property: QueryBuilderProperty) => void;
+    onPropertyValueChange?: (value: CONNECTOR_VALUE_TYPE | /** for multiselect */ QueryBuilderAPIData[], property: QueryBuilderProperty) => void;
+    onPropertyValueSearch?: (searchKey: string, property: QueryBuilderProperty) => Promise<DropdownOption[]>;
+};

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

@@ -1,55 +1,52 @@
-import { Response } from '../../../types/apiExecutor.js';
-import { QueryBuilderRoot, QueryBuilderType } from './QueryBuilder.type.js';
-import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type.js';
-
-type QueryBuilderRef = {
-    getState: () => QueryBuilderRoot;
-    fillState: (state: QueryBuilderRoot) => void;
-    clearAll: (type: QueryBuilderType) => void;
-};
-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.
-     * List of allowed query builder types to show, usually in the first dropdown, single values for triggers
-     */
-    typesAPIHandlers: {
-        [key in QueryBuilderType]?: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
-    };
-    /** the header text for the builder UI */
-    queryPreText: string;
-    /** the button text for increasing the node (eg trigger/filter ) list */
-    addNodeBtnText: string;
-    /** use when prefilling */
-    state?: QueryBuilderRoot;
-    /** querybuilder mode */
-    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;
-    /**
-     * in property,
-     * if this is `true`,  it will allow user to re-select the selected property name again,
-     * if `false` , it will disabled the selected property name from the dropdown option
-     *
-     * @default true
-     */
-    reuseProperty?: boolean;
-    /**
-     * user can add any number of root level filter/trigger.
-     * This should be set to false when we only want single filter/trigger. eg IG/CTWA trigger
-     * @default true
-     */
-    infinite?: boolean;
-};
-
-export type { QueryBuilderProps, QueryBuilderRef };
+import { Response } from '../../../types/apiExecutor';
+import { QueryBuilderRoot, QueryBuilderType } from './QueryBuilder.type';
+import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
+export type QueryBuilderRef = {
+    getState: () => QueryBuilderRoot;
+    fillState: (state: QueryBuilderRoot) => void;
+    clearAll: (type: QueryBuilderType) => void;
+};
+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.
+     * List of allowed query builder types to show, usually in the first dropdown, single values for triggers
+     */
+    typesAPIHandlers: {
+        [key in QueryBuilderType]?: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
+    };
+    /** the header text for the builder UI */
+    queryPreText: string;
+    /** the button text for increasing the node (eg trigger/filter ) list */
+    addNodeBtnText: string;
+    /** use when prefilling */
+    state?: QueryBuilderRoot;
+    /** querybuilder mode */
+    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;
+    /**
+     * in property,
+     * if this is `true`,  it will allow user to re-select the selected property name again,
+     * if `false` , it will disabled the selected property name from the dropdown option
+     *
+     * @default true
+     */
+    reuseProperty?: boolean;
+    /**
+     * user can add any number of root level filter/trigger.
+     * This should be set to false when we only want single filter/trigger. eg IG/CTWA trigger
+     * @default true
+     */
+    infinite?: boolean;
+};

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/SearchFilter/components/DatePickerButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputVariant } from "../../input";
+import { FilterSchema } from '../types/SearchFilter.type';
+export declare const DatePickerButton: React.FC<FilterSchema & {
+    onSelect: (value: Date) => void;
+    variant: InputVariant;
+}>;

package/dist/esm/components/SearchFilter/components/DatePickerButton.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as r}from"react";import{DatePicker as o}from"../../datePicker/DatePicker.js";import"react-calendar";import{DEFAULT_THEME as i}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import{Input as n}from"../../input/Input.js";import{InputStyleContext as a}from"../../input/context/InputStyleProvider.js";import{Tag as l}from"../../tag/Tag.js";import s from"../../../assets/icons/chevronDown.svg.js";import p from"../../../assets/icons/chevronDownOutline.svg.js";const c=({text:c,onSelect:d,variant:m,...h})=>{const[g,u]=r(!1),[v,f]=r(null),y=h.width?.toString()?h.width?.toString():v?12*v?.toDateString().length+"px":12*c.length+"px";return t("div",{style:{position:"relative"},children:[e("div",{onClick:()=>u((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"},children:"small"===m?e(l,{tagText:v?v.toDateString():c??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:p}):e(a.Provider,{value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}},children:e(n,{state:"disabled",value:v?v.toDateString():void 0,variant:"small",placeholder:c??"Select a date",width:y,onChangeText:()=>{},rightIcon:{icon:()=>e(s,{style:{transform:g?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:i.colorsV2.content.primary})}})})}),g&&e("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:e(o,{selectRange:!1,onSelectDate:t=>{f(t),u(!1),d(t)}})})]})};c.displayName="DatePickerButton";export{c as DatePickerButton};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as r}from"react";import{DatePicker as o}from"../../datePicker/DatePicker.js";import"react-calendar";import"../../../utils/DateUtils.js";import{DEFAULT_THEME as n}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import{Input as a}from"../../input/Input.js";import{InputStyleContext as l}from"../../input/context/InputStyleProvider.js";import{Tag as s}from"../../tag/Tag.js";import c from"../../../assets/icons/chevronDown.svg.js";import p from"../../../assets/icons/chevronDownOutline.svg.js";const d=d=>{var m,g,{text:h,onSelect:u,variant:v}=d,j=t(d,["text","onSelect","variant"]);const[f,x]=r(!1),[y,S]=r(null),D=(null===(m=j.width)||void 0===m?void 0:m.toString())?null===(g=j.width)||void 0===g?void 0:g.toString():y?12*(null==y?void 0:y.toDateString().length)+"px":12*h.length+"px";return e("div",Object.assign({style:{position:"relative"}},{children:[i("div",Object.assign({onClick:()=>x((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"}},{children:"small"===v?i(s,{tagText:y?y.toDateString():null!=h?h:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:p}):i(l.Provider,Object.assign({value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}}},{children:i(a,{state:"disabled",value:y?y.toDateString():void 0,variant:"small",placeholder:null!=h?h:"Select a date",width:D,onChangeText:()=>{},rightIcon:{icon:()=>i(c,{style:{transform:f?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:n.colorsV2.content.primary})}})}))})),f&&i("div",Object.assign({style:{position:"absolute",top:"calc(100% + 8px)"}},{children:i(o,{selectRange:!1,onSelectDate:t=>{S(t),x(!1),u(t)}})}))]}))};d.displayName="DatePickerButton";export{d as DatePickerButton};

package/dist/esm/components/SearchFilter/components/DateRangeOnlyButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputVariant } from "../../input";
+import { FilterSchema } from '../types/SearchFilter.type';
+export declare const DateRangeOnlyButton: React.FC<FilterSchema & {
+    onSelect: (value: Date[]) => void;
+    variant: InputVariant;
+}>;

package/dist/esm/components/SearchFilter/components/DateRangeOnlyButton.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as r}from"react";import{DatePicker as o}from"../../datePicker/DatePicker.js";import"react-calendar";import{DEFAULT_THEME as i}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import{Input as n}from"../../input/Input.js";import{InputStyleContext as a}from"../../input/context/InputStyleProvider.js";import{Tag as l}from"../../tag/Tag.js";import s from"../../../assets/icons/chevronDown.svg.js";import p from"../../../assets/icons/chevronDownOutline.svg.js";const c=({text:c,onSelect:g,variant:d,...h})=>{const[m,u]=r(!1),[v,y]=r(null),f=h.width?.toString()?h.width?.toString():v?12*v[0]?.toDateString().length*2+"px":12*c.length+"px";return t("div",{style:{position:"relative"},children:[e("div",{onClick:()=>u((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"},children:"small"===d?e(l,{tagText:v?.length?`${v[0].toDateString()} - ${v[1].toDateString()}`:c??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:p}):e(a.Provider,{value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}},children:e(n,{state:"disabled",value:v?.length?`${v[0].toDateString()} - ${v[1].toDateString()}`:c??"",variant:"small",placeholder:c??"Select a date",width:f,onChangeText:()=>{},rightIcon:{icon:()=>e(s,{style:{transform:m?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:i.colorsV2.content.primary})}})})}),m&&e("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:e(o,{selectRange:!0,onSelectRange:(t,e)=>{y([t,e]),u(!1),g([t,e])}})})]})};c.displayName="DateRangeOnlyButton";export{c as DateRangeOnlyButton};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o}from"react";import{DatePicker as r}from"../../datePicker/DatePicker.js";import"react-calendar";import"../../../utils/DateUtils.js";import{DEFAULT_THEME as n}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import{Input as a}from"../../input/Input.js";import{InputStyleContext as l}from"../../input/context/InputStyleProvider.js";import{Tag as s}from"../../tag/Tag.js";import c from"../../../assets/icons/chevronDown.svg.js";import p from"../../../assets/icons/chevronDownOutline.svg.js";const d=d=>{var g,m,h,{text:u,onSelect:v,variant:j}=d,f=t(d,["text","onSelect","variant"]);const[y,x]=o(!1),[S,D]=o(null),b=(null===(g=f.width)||void 0===g?void 0:g.toString())?null===(m=f.width)||void 0===m?void 0:m.toString():S?12*(null===(h=S[0])||void 0===h?void 0:h.toDateString().length)*2+"px":12*u.length+"px";return e("div",Object.assign({style:{position:"relative"}},{children:[i("div",Object.assign({onClick:()=>x((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"}},{children:"small"===j?i(s,{tagText:(null==S?void 0:S.length)?`${S[0].toDateString()} - ${S[1].toDateString()}`:null!=u?u:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:p}):i(l.Provider,Object.assign({value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}}},{children:i(a,{state:"disabled",value:(null==S?void 0:S.length)?`${S[0].toDateString()} - ${S[1].toDateString()}`:null!=u?u:"",variant:"small",placeholder:null!=u?u:"Select a date",width:b,onChangeText:()=>{},rightIcon:{icon:()=>i(c,{style:{transform:y?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:n.colorsV2.content.primary})}})}))})),y&&i("div",Object.assign({style:{position:"absolute",top:"calc(100% + 8px)"}},{children:i(r,{selectRange:!0,onSelectRange:(t,e)=>{D([t,e]),x(!1),v([t,e])}})}))]}))};d.displayName="DateRangeOnlyButton";export{d as DateRangeOnlyButton};

package/dist/esm/components/SearchFilter/components/FilterChipListRenderer.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FilterValueType, SearchFilterOutputState } from '../types/SearchFilter.type';
+export declare const FilterChipListRenderer: React.FC<{
+    selectedState: SearchFilterOutputState[];
+    onDeSelect: (id: string, value: FilterValueType) => void;
+}>;

package/dist/esm/components/SearchFilter/components/FilterChipListRenderer.js

@@ -1 +1 @@
-import{jsx as t,Fragment as a}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{formatDate as r}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import{Tag as i}from"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import e from"../../../assets/icons/cross.svg.js";import{FilterType as n}from"../types/SearchFilter.type.js";const o=({selectedState:o,onDeSelect:s})=>t(a,{children:o.map((o=>{if(o.type===n.Multiple)return t(a,{children:o.value?.map((a=>t(i,{onTrailingIconClicked:()=>s(o.id,a),style:{cursor:"pointer"},tagText:a.label?.slice(0,10)??"",type:"neutral",theme:"light",TrailingIcon:e},`${o.id}-${a.value}`)))});if(o.type===n.Date)return t(i,{onTrailingIconClicked:()=>s(o.id,o.value),style:{cursor:"pointer"},tagText:r(o.value),type:"neutral",theme:"light",TrailingIcon:e},o.id);if(o.type===n.DateRange)return t(i,{onTrailingIconClicked:()=>s(o.id,o.value),style:{cursor:"pointer"},tagText:`${r(o.value?.[0])} to ${r(o.value?.[1])}`,type:"neutral",theme:"light",TrailingIcon:e},o.id);return(o.type===n.Single?o.value?.label??"":o.value?.toString()??"")?t(i,{onTrailingIconClicked:()=>s(o.id,o.value),style:{cursor:"pointer"},tagText:o.type===n.Single?o.value?.label??"":o.value?.toString()??"",type:"neutral",theme:"light",TrailingIcon:e},o.id):t(a,{})}))});export{o as FilterChipListRenderer};
+import{jsx as t,Fragment as a}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{formatDate as i}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../utils/DateUtils.js";import{Tag as r}from"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import o from"../../../assets/icons/cross.svg.js";import{FilterType as n}from"../types/SearchFilter.type.js";const e=e=>{let{selectedState:l,onDeSelect:s}=e;return t(a,{children:l.map((e=>{var l,p,d,c,h,m,u,y,v,g,j;if(e.type===n.Multiple)return t(a,{children:null===(l=e.value)||void 0===l?void 0:l.map((a=>{var i,n;return t(r,{onTrailingIconClicked:()=>s(e.id,a),style:{cursor:"pointer"},tagText:null!==(n=null===(i=a.label)||void 0===i?void 0:i.slice(0,10))&&void 0!==n?n:"",type:"neutral",theme:"light",TrailingIcon:o},`${e.id}-${a.value}`)}))});if(e.type===n.Date)return t(r,{onTrailingIconClicked:()=>s(e.id,e.value),style:{cursor:"pointer"},tagText:i(e.value),type:"neutral",theme:"light",TrailingIcon:o},e.id);if(e.type===n.DateRange)return t(r,{onTrailingIconClicked:()=>s(e.id,e.value),style:{cursor:"pointer"},tagText:`${i(null===(p=e.value)||void 0===p?void 0:p[0])} to ${i(null===(d=e.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:o},e.id);return(e.type===n.Single?null!==(h=null===(c=e.value)||void 0===c?void 0:c.label)&&void 0!==h?h:"":null!==(u=null===(m=e.value)||void 0===m?void 0:m.toString())&&void 0!==u?u:"")?t(r,{onTrailingIconClicked:()=>s(e.id,e.value),style:{cursor:"pointer"},tagText:e.type===n.Single?null!==(v=null===(y=e.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(j=null===(g=e.value)||void 0===g?void 0:g.toString())&&void 0!==j?j:"",type:"neutral",theme:"light",TrailingIcon:o},e.id):t(a,{})}))})};export{e as FilterChipListRenderer};

package/dist/esm/components/SearchFilter/components/SearchFilterItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputVariant } from '../../input';
+import { FilterSchema, FilterValueType } from '../types/SearchFilter.type';
+export declare const SearchFilterItem: React.FC<FilterSchema & {
+    variant: InputVariant;
+    onChange: (val: FilterValueType) => void;
+}>;

package/dist/esm/components/SearchFilter/components/SearchFilterItem.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as e}from"../../dropdown/Dropdown.js";import{ChipDropdown as a}from"../../dropdown/ChipDropdown.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../input/context/InputStyleProvider.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as n}from"../types/SearchFilter.type.js";import{DatePickerButton as r}from"./DatePickerButton.js";import{DateRangeOnlyButton as p}from"./DateRangeOnlyButton.js";const i=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],s=s=>s.type===n.Date?t(r,{...s,variant:s.variant,onSelect:t=>s.onChange(t)}):s.type===n.DateRange?s.rangePickerDateOnly?t(p,{...s,variant:s.variant,onSelect:t=>s.onChange(t)}):t(o,{datePickerPlacement:s.datePickerPlacement,variant:s.variant,placeholder:s.text,options:s.preset?i:s.options??[],onOptionSelected:function(t){t.selectedRange&&s.onChange([t.selectedRange?.[0],t.selectedRange?.[1]])}},s.id):"small"===s.variant?t(a,{isMultiSelect:s.type===n.Multiple,options:s.options??[],defaultOptions:s.defaultValue,onSelect:s.onChange,placeHolder:s.text}):t(e,{isMultiSelect:s.type===n.Multiple,size:"small",options:s.options??[],defaultOptions:s.defaultValue,onSelect:s.onChange,placeHolder:s.text,width:10*s.text.length+"px"});export{s as SearchFilterItem};
+import{jsx as t}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{ChipDropdown as e}from"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as n}from"../types/SearchFilter.type.js";import{DatePickerButton as r}from"./DatePickerButton.js";import{DateRangeOnlyButton as i}from"./DateRangeOnlyButton.js";const p=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],s=s=>{var d,c,l;return s.type===n.Date?t(r,Object.assign({},s,{variant:s.variant,onSelect:t=>s.onChange(t)})):s.type===n.DateRange?s.rangePickerDateOnly?t(i,Object.assign({},s,{variant:s.variant,onSelect:t=>s.onChange(t)})):t(o,{datePickerPlacement:s.datePickerPlacement,variant:s.variant,placeholder:s.text,options:s.preset?p:null!==(d=s.options)&&void 0!==d?d:[],onOptionSelected:function(t){var o,a;t.selectedRange&&s.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(a=t.selectedRange)||void 0===a?void 0:a[1]])}},s.id):"small"===s.variant?t(e,{isMultiSelect:s.type===n.Multiple,options:null!==(c=s.options)&&void 0!==c?c:[],defaultOptions:s.defaultValue,onSelect:s.onChange,placeHolder:s.text}):t(a,{isMultiSelect:s.type===n.Multiple,size:"small",options:null!==(l=s.options)&&void 0!==l?l:[],defaultOptions:s.defaultValue,onSelect:s.onChange,placeHolder:s.text,width:10*s.text.length+"px"})};export{s as SearchFilterItem};

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

@@ -1,6 +1,3 @@
-import React__default from 'react';
-import { SearchFilterProps } from './types/SearchFilter.type.js';
-
-declare const SearchFilter: React__default.FC<SearchFilterProps>;
-
-export { SearchFilter };
+import React from 'react';
+import { SearchFilterProps } from './types/SearchFilter.type';
+export declare const SearchFilter: React.FC<SearchFilterProps>;

package/dist/esm/components/SearchFilter/index.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as i,createElement as l}from"react";import{SearchBar as n}from"../searchBar/searchBar.js";import{FilterChipListRenderer as a}from"./components/FilterChipListRenderer.js";import{SearchFilterItem as d}from"./components/SearchFilterItem.js";import{FilterType as c}from"./types/SearchFilter.type.js";const o=({direction:o="row",schema:p,variant:s,onChange:u,showSelectedChips:f})=>{const m=r(p?.filter((e=>e.defaultValue)).map((e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text})))??[]),[h,y]=i([]),v=p.find((e=>e.type===c.Search)),x=e=>{v&&"string"==typeof e&&g(v.id,e)},g=(e,t)=>{const r=p.find((t=>t.id===e)),i=[...h];if(r){const l=i.findIndex((t=>t.id===e));-1!==l?i[l]={id:r.id,value:t}:i.push({id:r.id,value:t});const n=m.current.find((t=>t.id===e));m.current=n?m.current.map((r=>r.id===e?{id:r.id,value:t,type:r.type,text:r.text}:r)):[...m.current,{id:e,value:t,type:r.type,text:r.text}],u(r.id,m.current,t),y([...i])}};return e("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e("div",{style:{display:"flex",flexDirection:o,gap:8,flexWrap:"wrap",alignItems:"row"===o?"center":"self-start"},children:[v&&t(n,{width:v.width?.toString()??"100%",isEnabled:!0,onChange:x,onEnter:x,placeholder:v.text,variant:"small"}),t("div",{style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===o?"center":"self-start"},children:p.filter((e=>e.type!==c.Search)).map(((e,t)=>l(d,{...e,key:t,variant:s,onChange:t=>{g(e.id,t)}})))})]}),f&&t("div",{style:{display:"flex",flexDirection:"row",gap:8},children:t(a,{selectedState:m.current,onDeSelect:(e,t)=>{const r=p.find((t=>t.id===e));let i=[...h];r&&(r.type===c.Multiple?(i=i.map((r=>{if(r.id===e){const e=r.value.filter((e=>e.value!==t.value));return e.length?{...r,value:e}:null}return r})).filter((e=>!!e)),m.current=m.current.map((r=>{if(r.id===e){const e=r.value?.filter((e=>e.value!==t.value));return e.length?{...r,value:e}:null}return r})).filter((e=>!!e))):(i=i.filter((t=>t.id!==e)),m.current=m.current.filter((t=>t.id!==e))),u(r.id,m.current,t),y([...i]))}})})]})};export{o as SearchFilter};
+import{useRef as e,useState as t,createElement as i}from"react";import{jsxs as r,jsx as l}from"react/jsx-runtime";import{SearchBar as n}from"../searchBar/searchBar.js";import{FilterChipListRenderer as a}from"./components/FilterChipListRenderer.js";import{SearchFilterItem as s}from"./components/SearchFilterItem.js";import{FilterType as d}from"./types/SearchFilter.type.js";const c=c=>{let{direction:o="row",schema:u,variant:p,onChange:f,showSelectedChips:v}=c;var m,h,g;const y=e(null!==(m=null==u?void 0:u.filter((e=>e.defaultValue)).map((e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))))&&void 0!==m?m:[]),[x,j]=t([]),b=u.find((e=>e.type===d.Search)),w=e=>{b&&"string"==typeof e&&O(b.id,e)},O=(e,t)=>{const i=u.find((t=>t.id===e)),r=[...x];if(i){const l=r.findIndex((t=>t.id===e));-1!==l?r[l]={id:i.id,value:t}:r.push({id:i.id,value:t});const n=y.current.find((t=>t.id===e));y.current=n?y.current.map((i=>i.id===e?{id:i.id,value:t,type:i.type,text:i.text}:i)):[...y.current,{id:e,value:t,type:i.type,text:i.text}],f(i.id,y.current,t),j([...r])}};return r("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[r("div",Object.assign({style:{display:"flex",flexDirection:o,gap:8,flexWrap:"wrap",alignItems:"row"===o?"center":"self-start"}},{children:[b&&l(n,{width:null!==(g=null===(h=b.width)||void 0===h?void 0:h.toString())&&void 0!==g?g:"100%",isEnabled:!0,onChange:w,onEnter:w,placeholder:b.text,variant:"small"}),l("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===o?"center":"self-start"}},{children:u.filter((e=>e.type!==d.Search)).map(((e,t)=>i(s,Object.assign({},e,{key:t,variant:p,onChange:t=>{O(e.id,t)}}))))}))]})),v&&l("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:l(a,{selectedState:y.current,onDeSelect:(e,t)=>{const i=u.find((t=>t.id===e));let r=[...x];i&&(i.type===d.Multiple?(r=r.map((i=>{if(i.id===e){const e=i.value.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},i),{value:e}):null}return i})).filter((e=>!!e)),y.current=y.current.map((i=>{var r;if(i.id===e){const e=null===(r=i.value)||void 0===r?void 0:r.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},i),{value:e}):null}return i})).filter((e=>!!e))):(r=r.filter((t=>t.id!==e)),y.current=y.current.filter((t=>t.id!==e))),f(i.id,y.current,t),j([...r]))}})}))]}))};export{c as SearchFilter};