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

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

@@ -1,52 +1,52 @@
-import { DropdownOption } from '@src/components/dropdown/type';
-import { QueryBuilderConnectorType } from './QueryBuilder.type';
-import { QueryBuilderAPIData } from './QueryBuilderAPI.type';
-import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
-export type CONNECTOR_OPERATOR_TYPE = keyof CONNECTOR_OPERATORS;
-export type ExtraOption = QueryBuilderAPIData[] | DropdownOption | DropdownOption[];
-export type ConnectorComponentProps = {
-    val?: CONNECTOR_VALUE_TYPE;
-    onChange?: (val: CONNECTOR_VALUE_TYPE) => void;
-    extra?: {
-        options?: ExtraOption;
-        originalData?: any;
-        freeForm?: boolean;
-    };
-    errors?: {
-        operator?: string;
-        val?: string | string[];
-    };
-    nativeID?: string;
-    isLoading?: boolean;
-    disabled?: boolean;
-    connectorType: QueryBuilderConnectorType;
-    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
-};
-export type ConnectorProps = {
-    isLoading?: boolean;
-    noDefault?: boolean;
-    connectorType: QueryBuilderConnectorType;
-    defaultConnector?: CONNECTOR_OPERATORS;
-    connectorVal?: CONNECTOR_VALUE_TYPE;
-    onOperatorChange: (operator: CONNECTOR_OPERATORS) => void;
-    onValueChange: (value: CONNECTOR_VALUE_TYPE) => void;
-    extra?: {
-        options?: ExtraOption;
-        originalData?: any;
-    };
-    errors?: {
-        operator?: string;
-        val?: string | string[];
-    };
-    testID?: string;
-    disabled?: boolean;
-    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
-};
-export type CONNECTOR_VALUE_TYPE = object | string[] | string | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
-type IG_VALUE = {
-    imageUrl: string;
-    redirectionUrl: string;
-    overlayCaption: string;
-    id: string;
-};
-export {};
+import { DropdownOption } from "../../dropdown/type";
+import { QueryBuilderConnectorType } from './QueryBuilder.type';
+import { QueryBuilderAPIData } from './QueryBuilderAPI.type';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
+export type CONNECTOR_OPERATOR_TYPE = keyof CONNECTOR_OPERATORS;
+export type ExtraOption = QueryBuilderAPIData[] | DropdownOption | DropdownOption[];
+export type ConnectorComponentProps = {
+    val?: CONNECTOR_VALUE_TYPE;
+    onChange?: (val: CONNECTOR_VALUE_TYPE) => void;
+    extra?: {
+        options?: ExtraOption;
+        originalData?: any;
+        freeForm?: boolean;
+    };
+    errors?: {
+        operator?: string;
+        val?: string | string[];
+    };
+    nativeID?: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+    connectorType: QueryBuilderConnectorType;
+    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
+};
+export type ConnectorProps = {
+    isLoading?: boolean;
+    noDefault?: boolean;
+    connectorType: QueryBuilderConnectorType;
+    defaultConnector?: CONNECTOR_OPERATORS;
+    connectorVal?: CONNECTOR_VALUE_TYPE;
+    onOperatorChange: (operator: CONNECTOR_OPERATORS) => void;
+    onValueChange: (value: CONNECTOR_VALUE_TYPE) => void;
+    extra?: {
+        options?: ExtraOption;
+        originalData?: any;
+    };
+    errors?: {
+        operator?: string;
+        val?: string | string[];
+    };
+    testID?: string;
+    disabled?: boolean;
+    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
+};
+export type CONNECTOR_VALUE_TYPE = object | string[] | string | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
+type IG_VALUE = {
+    imageUrl: string;
+    redirectionUrl: string;
+    overlayCaption: string;
+    id: string;
+};
+export {};

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

@@ -1,11 +1,11 @@
-import { Response } from '../../../types/apiExecutor';
-import { BaseQueryBuilderNode, QueryBuilderType } from './QueryBuilder.type';
-import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
-import { QueryBuilderProps } from './QueryBuilderProps.type';
-export type QueryBuilderNodeProps = {
-    allowedNodes: QueryBuilderType[];
-    node: BaseQueryBuilderNode;
-    mode: QueryBuilderProps['mode'];
-    selectorKey: string;
-    apiHandler: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
-};
+import { Response } from '../../../types/apiExecutor';
+import { BaseQueryBuilderNode, QueryBuilderType } from './QueryBuilder.type';
+import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
+import { QueryBuilderProps } from './QueryBuilderProps.type';
+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

@@ -1,127 +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.
- */
-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[];
-};
+/**
+ * @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/QueryBuilderPropertyProps.d.ts

@@ -1,20 +1,20 @@
-import { DropdownOption } from '@src/components/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[]>;
-};
+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,52 +1,52 @@
-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;
-};
+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

@@ -1,7 +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';
+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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { InputVariant } from '@src/components/input';
-import { FilterSchema } from '../types/SearchFilter.type';
-export declare const DatePickerButton: React.FC<FilterSchema & {
-    onSelect: (value: Date) => void;
-    variant: InputVariant;
-}>;
+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{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as r}from"react";import{DatePicker as n}from"../../datePicker/DatePicker.js";import"react-calendar";import"../../../utils/DateUtils.js";import{DEFAULT_THEME as i}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as p}from"../../input/Input.js";import{InputStyleContext as d}from"../../input/context/InputStyleProvider.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{Tag as s}from"../../tag/Tag.js";import l from"../../../assets/icons/chevronDown.svg.js";import m from"../../../assets/icons/chevronDownOutline.svg.js";const a=a=>{var c,u,{text:h,onSelect:j,variant:w}=a,g=t(a,["text","onSelect","variant"]);const[v,D]=r(!1),[y,x]=r(null),S=(null===(c=g.width)||void 0===c?void 0:c.toString())?null===(u=g.width)||void 0===u?void 0:u.toString():y?12*(null==y?void 0:y.toDateString().length)+"px":12*h.length+"px";return o("div",{style:{position:"relative"},children:[e("div",{onClick:()=>D((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"},children:"small"===w?e(s,{tagText:y?y.toDateString():null!=h?h:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:m}):e(d.Provider,{value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}},children:e(p,{state:"disabled",value:y?y.toDateString():void 0,variant:"small",placeholder:null!=h?h:"Select a date",width:S,onChangeText:()=>{},rightIcon:{icon:()=>e(l,{style:{transform:v?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:i.colorsV2.content.primary})}})})}),v&&e("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:e(n,{selectRange:!1,onSelectDate:t=>{x(t),D(!1),j(t)}})})]})};a.displayName="DatePickerButton";export{a as DatePickerButton};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as r}from"react";import{DatePicker as n}from"../../datePicker/DatePicker.js";import"react-calendar";import"../../../utils/DateUtils.js";import{DEFAULT_THEME as i}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as p}from"../../input/Input.js";import{InputStyleContext as s}from"../../input/context/InputStyleProvider.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{Tag as d}from"../../tag/Tag.js";import a from"../../../assets/icons/chevronDown.svg.js";import l from"../../../assets/icons/chevronDownOutline.svg.js";const m=m=>{var c,u,{text:j,onSelect:g,variant:h}=m,w=t(m,["text","onSelect","variant"]);const[v,D]=r(!1),[y,x]=r(null),S=(null===(c=w.width)||void 0===c?void 0:c.toString())?null===(u=w.width)||void 0===u?void 0:u.toString():y?12*(null==y?void 0:y.toDateString().length)+"px":12*j.length+"px";return o("div",Object.assign({style:{position:"relative"}},{children:[e("div",Object.assign({onClick:()=>D((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"}},{children:"small"===h?e(d,{tagText:y?y.toDateString():null!=j?j:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:l}):e(s.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:e(p,{state:"disabled",value:y?y.toDateString():void 0,variant:"small",placeholder:null!=j?j:"Select a date",width:S,onChangeText:()=>{},rightIcon:{icon:()=>e(a,{style:{transform:v?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:i.colorsV2.content.primary})}})}))})),v&&e("div",Object.assign({style:{position:"absolute",top:"calc(100% + 8px)"}},{children:e(n,{selectRange:!1,onSelectDate:t=>{x(t),D(!1),g(t)}})}))]}))};m.displayName="DatePickerButton";export{m as DatePickerButton};

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { InputVariant } from '@src/components/input';
-import { FilterSchema } from '../types/SearchFilter.type';
-export declare const DateRangeOnlyButton: React.FC<FilterSchema & {
-    onSelect: (value: Date[]) => void;
-    variant: InputVariant;
-}>;
+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{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as n}from"react";import{DatePicker as r}from"../../datePicker/DatePicker.js";import"react-calendar";import"../../../utils/DateUtils.js";import{DEFAULT_THEME as i}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as p}from"../../input/Input.js";import{InputStyleContext as d}from"../../input/context/InputStyleProvider.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{Tag as s}from"../../tag/Tag.js";import l from"../../../assets/icons/chevronDown.svg.js";import a from"../../../assets/icons/chevronDownOutline.svg.js";const m=m=>{var c,u,g,{text:h,onSelect:j,variant:w}=m,v=t(m,["text","onSelect","variant"]);const[D,y]=n(!1),[S,x]=n(null),f=(null===(c=v.width)||void 0===c?void 0:c.toString())?null===(u=v.width)||void 0===u?void 0:u.toString():S?12*(null===(g=S[0])||void 0===g?void 0:g.toDateString().length)*2+"px":12*h.length+"px";return o("div",{style:{position:"relative"},children:[e("div",{onClick:()=>y((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"},children:"small"===w?e(s,{tagText:(null==S?void 0:S.length)?`${S[0].toDateString()} - ${S[1].toDateString()}`:null!=h?h:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:a}):e(d.Provider,{value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}},children:e(p,{state:"disabled",value:(null==S?void 0:S.length)?`${S[0].toDateString()} - ${S[1].toDateString()}`:null!=h?h:"",variant:"small",placeholder:null!=h?h:"Select a date",width:f,onChangeText:()=>{},rightIcon:{icon:()=>e(l,{style:{transform:D?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:i.colorsV2.content.primary})}})})}),D&&e("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:e(r,{selectRange:!0,onSelectRange:(t,o)=>{x([t,o]),y(!1),j([t,o])}})})]})};m.displayName="DateRangeOnlyButton";export{m as DateRangeOnlyButton};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as n}from"react";import{DatePicker as r}from"../../datePicker/DatePicker.js";import"react-calendar";import"../../../utils/DateUtils.js";import{DEFAULT_THEME as i}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as p}from"../../input/Input.js";import{InputStyleContext as s}from"../../input/context/InputStyleProvider.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{Tag as d}from"../../tag/Tag.js";import l from"../../../assets/icons/chevronDown.svg.js";import a from"../../../assets/icons/chevronDownOutline.svg.js";const m=m=>{var c,u,g,{text:h,onSelect:j,variant:w}=m,v=t(m,["text","onSelect","variant"]);const[D,y]=n(!1),[S,x]=n(null),f=(null===(c=v.width)||void 0===c?void 0:c.toString())?null===(u=v.width)||void 0===u?void 0:u.toString():S?12*(null===(g=S[0])||void 0===g?void 0:g.toDateString().length)*2+"px":12*h.length+"px";return o("div",Object.assign({style:{position:"relative"}},{children:[e("div",Object.assign({onClick:()=>y((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"}},{children:"small"===w?e(d,{tagText:(null==S?void 0:S.length)?`${S[0].toDateString()} - ${S[1].toDateString()}`:null!=h?h:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:a}):e(s.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:e(p,{state:"disabled",value:(null==S?void 0:S.length)?`${S[0].toDateString()} - ${S[1].toDateString()}`:null!=h?h:"",variant:"small",placeholder:null!=h?h:"Select a date",width:f,onChangeText:()=>{},rightIcon:{icon:()=>e(l,{style:{transform:D?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:i.colorsV2.content.primary})}})}))})),D&&e("div",Object.assign({style:{position:"absolute",top:"calc(100% + 8px)"}},{children:e(r,{selectRange:!0,onSelectRange:(t,o)=>{x([t,o]),y(!1),j([t,o])}})}))]}))};m.displayName="DateRangeOnlyButton";export{m as DateRangeOnlyButton};

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

@@ -1,6 +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;
-}>;
+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;
+}>;