@bikdotai/bik-component-library 0.0.710-beta.1 → 0.0.711-beta.1

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

@@ -0,0 +1,17 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';
+declare const initialState: {
+    [key in string]: BaseQueryBuilderResponse;
+};
+export type CacheStateType = typeof initialState;
+export declare const queryBuilderCacheSlice: import("@reduxjs/toolkit").Slice<{
+    [x: string]: BaseQueryBuilderResponse;
+}, {
+    initKey(state: import("immer/dist/internal").WritableDraft<{
+        [x: string]: BaseQueryBuilderResponse;
+    }>, action: PayloadAction<{
+        key: string;
+        data: BaseQueryBuilderResponse;
+    }>): void;
+}, "queryBuilderCache">;
+export {};

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

@@ -0,0 +1 @@
+import{createSlice as a}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";const e=a({name:"queryBuilderCache",initialState:{},reducers:{initKey(a,e){Array.isArray(e.payload.data)?a[e.payload.key]=[...e.payload.data]:a[e.payload.key]=Object.assign({},e.payload.data)}}});export{e as queryBuilderCacheSlice};

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

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

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

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

@@ -0,0 +1,86 @@
+import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
+export declare enum QueryBuilderType {
+    SEGMENT_FILTER = "SEGMENT_FILTER",
+    EVENT_FILTER = "EVENT_FILTER",
+    NO_EVENT_FILTER = "NO_EVENT_FILTER",
+    USER_PROPERTY_FILTER = "USER_PROPERTY_FILTER",
+    IG_TRIGGER = "IG_TRIGGER",
+    CTWA_TRIGGER = "CTWA_TRIGGER",
+    EVENTS_TRIGGER = "EVENTS_TRIGGER",
+    ORDER_PROPERTY_FILTER = "ORDER_PROPERTY_FILTER",
+    HAS_CUSTOM_FIELD = "HAS_CUSTOM_FIELD"
+}
+export declare enum QueryBuilderJoinOperators {
+    AND = "AND",
+    OR = "OR"
+}
+export declare enum QueryBuilderConnectorType {
+    'string' = "string",
+    'string_restricted' = "string_restricted",
+    'string_restricted_2' = "string_restricted_2",
+    'string_restricted_3' = "string_restricted_3",
+    'integer' = "integer",
+    'boolean' = "boolean",
+    'date' = "date",
+    'frequency' = "frequency",
+    'anyIg' = "anyIg",
+    'anyAd' = "anyAd",
+    'specificPost' = "specificPost",
+    'specificReel' = "specificReel",
+    'specificStory' = "specificStory",
+    'reaction' = "reaction",
+    'activityString' = "activityString",
+    'specificAd' = "specificAd",
+    'iceBreaker' = "iceBreaker",
+    'mailSubject' = "mailSubject",
+    'exactly' = "exactly"
+}
+export interface QueryBuilderConnector {
+    dataType: QueryBuilderConnectorType;
+    operator: CONNECTOR_OPERATORS;
+    value?: string[] | number[] | Date[] | string | number | Date;
+}
+export interface QueryBuilderProperty {
+    _id: string;
+    name?: string | number;
+    dataType?: QueryBuilderConnectorType;
+    operator?: CONNECTOR_OPERATORS;
+    value?: CONNECTOR_VALUE_TYPE;
+    /** UI Only */
+    _refresh?: boolean;
+    /** UI Only */
+    error: {
+        name?: string;
+        dataType?: string;
+        operator?: string;
+        value?: string;
+    };
+}
+export interface QueryBuilderMeta {
+    key: string;
+    value: string | QueryBuilderConnector;
+    /** UI Only */
+    refresh?: boolean;
+    /** UI Only */
+    error: {
+        key?: string;
+        value?: string | ConnectorError;
+    };
+}
+export interface BaseQueryBuilderNode {
+    _id: string;
+    type: QueryBuilderType;
+    isExclude?: boolean;
+    metas: QueryBuilderMeta[];
+    properties?: QueryBuilderProperty[];
+    PropertyOperator?: QueryBuilderJoinOperators;
+}
+export interface QueryBuilderRoot {
+    nodes: BaseQueryBuilderNode[];
+    operator?: QueryBuilderJoinOperators;
+}
+export type ConnectorError = {
+    operator: string;
+    value: string;
+};

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

@@ -0,0 +1 @@
+var e,i,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.ORDER_PROPERTY_FILTER="ORDER_PROPERTY_FILTER",e.HAS_CUSTOM_FIELD="HAS_CUSTOM_FIELD"}(e||(e={})),function(e){e.AND="AND",e.OR="OR"}(i||(i={})),function(e){e.string="string",e.string_restricted="string_restricted",e.string_restricted_2="string_restricted_2",e.string_restricted_3="string_restricted_3",e.integer="integer",e.boolean="boolean",e.date="date",e.frequency="frequency",e.anyIg="anyIg",e.anyAd="anyAd",e.specificPost="specificPost",e.specificReel="specificReel",e.specificStory="specificStory",e.reaction="reaction",e.activityString="activityString",e.specificAd="specificAd",e.iceBreaker="iceBreaker",e.mailSubject="mailSubject",e.exactly="exactly"}(t||(t={}));export{t as QueryBuilderConnectorType,i as QueryBuilderJoinOperators,e as QueryBuilderType};

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

@@ -0,0 +1,18 @@
+import { QueryBuilderConnectorType } from './QueryBuilder.type';
+export interface BaseQueryBuilderPayload<T> {
+    query?: T;
+}
+export type QueryBuilderAPIPayload<T> = BaseQueryBuilderPayload<T> & {
+    storeID: string;
+    token: string;
+};
+export type QueryBuilderAPIData = {
+    id: string | number;
+    name: string;
+    description?: string | null;
+    type?: QueryBuilderConnectorType;
+    needValuesRetrieval?: boolean;
+};
+export type BaseQueryBuilderResponse = QueryBuilderAPIData[] | {
+    [key in string]: QueryBuilderAPIData[];
+};

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

@@ -0,0 +1,52 @@
+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

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

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

@@ -0,0 +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[];
+};

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

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

@@ -0,0 +1,20 @@
+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

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

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

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

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

@@ -0,0 +1 @@
+import{j as t}from"../../../node_modules/react/jsx-runtime.js";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{formatDate as a}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 i from"../../../assets/icons/cross.svg.js";import{FilterType as o}from"../types/SearchFilter.type.js";const n=n=>{let{selectedState:e,onDeSelect:l}=n;return t.jsx(t.Fragment,{children:e.map((n=>{var e,s,p,d,c,h,m,u,y,v,j;if(n.type===o.Multiple)return t.jsx(t.Fragment,{children:null===(e=n.value)||void 0===e?void 0:e.map((a=>{var o,e;return t.jsx(r,{onTrailingIconClicked:()=>l(n.id,a),style:{cursor:"pointer"},tagText:null!==(e=null===(o=a.label)||void 0===o?void 0:o.slice(0,10))&&void 0!==e?e:"",type:"neutral",theme:"light",TrailingIcon:i},`${n.id}-${a.value}`)}))});if(n.type===o.Date)return t.jsx(r,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:a(n.value),type:"neutral",theme:"light",TrailingIcon:i},n.id);if(n.type===o.DateRange)return t.jsx(r,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:`${a(null===(s=n.value)||void 0===s?void 0:s[0])} to ${a(null===(p=n.value)||void 0===p?void 0:p[1])}`,type:"neutral",theme:"light",TrailingIcon:i},n.id);return(n.type===o.Single?null!==(c=null===(d=n.value)||void 0===d?void 0:d.label)&&void 0!==c?c:"":null!==(m=null===(h=n.value)||void 0===h?void 0:h.toString())&&void 0!==m?m:"")?t.jsx(r,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:n.type===o.Single?null!==(y=null===(u=n.value)||void 0===u?void 0:u.label)&&void 0!==y?y:"":null!==(j=null===(v=n.value)||void 0===v?void 0:v.toString())&&void 0!==j?j:"",type:"neutral",theme:"light",TrailingIcon:i},n.id):t.jsx(t.Fragment,{})}))})};export{n 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

@@ -0,0 +1 @@
+import{j as t}from"../../../node_modules/react/jsx-runtime.js";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 s=[{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}}],p=p=>{var d,c,l;return p.type===n.Date?t.jsx(r,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):p.type===n.DateRange?p.rangePickerDateOnly?t.jsx(i,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):t.jsx(o,{datePickerPlacement:p.datePickerPlacement,variant:p.variant,placeholder:p.text,options:p.preset?s:null!==(d=p.options)&&void 0!==d?d:[],onOptionSelected:function(t){var o,a;t.selectedRange&&p.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(a=t.selectedRange)||void 0===a?void 0:a[1]])}},p.id):"small"===p.variant?t.jsx(e,{isMultiSelect:p.type===n.Multiple,options:null!==(c=p.options)&&void 0!==c?c:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text}):t.jsx(a,{isMultiSelect:p.type===n.Multiple,size:"small",options:null!==(l=p.options)&&void 0!==l?l:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text,width:10*p.text.length+"px"})};export{p as SearchFilterItem};

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

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

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

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

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

@@ -0,0 +1,37 @@
+import { DropDirection } from 'react-bootstrap/esm/DropdownContext';
+import { DropdownOptions } from "../../analytics-chips-and-dropdowns";
+import { DropdownOption } from "../../dropdown/type";
+import { InputVariant } from "../../input";
+export declare enum FilterType {
+    Date = "Date",
+    DateRange = "DateRange",
+    Multiple = "Multiple",
+    Single = "Single",
+    Search = "Search"
+}
+export type FilterValueType = DropdownOption | DropdownOption[] | Date | Date[] | string;
+export type SearchFilterOutputState = {
+    id: string;
+    type: FilterType;
+    value?: FilterValueType;
+    text: string;
+};
+export type FilterSchema = {
+    id: string;
+    type: FilterType;
+    text: string;
+    options?: DropdownOption[] | DropdownOptions[];
+    preset?: boolean;
+    defaultValue?: FilterValueType;
+    width?: number | string;
+    datePickerPlacement?: DropDirection;
+    /** show oly the picker like date filter instead of dropdown */
+    rangePickerDateOnly?: boolean;
+};
+export type SearchFilterProps = {
+    variant: InputVariant;
+    showSelectedChips: boolean;
+    direction: 'row' | 'column';
+    schema: FilterSchema[];
+    onChange: (id: string, selectedStates: SearchFilterOutputState[], value?: FilterValueType) => void;
+};

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

@@ -0,0 +1 @@
+var e;!function(e){e.Date="Date",e.DateRange="DateRange",e.Multiple="Multiple",e.Single="Single",e.Search="Search"}(e||(e={}));export{e as FilterType};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DropdownOption } from "../dropdown/type";
+export type TablePaginationProps = {
+    pageSize: 5 | 10 | 20;
+    pageNumber: number;
+    totalRows: number;
+    hidePageSizeOptions?: boolean;
+    updatePageNumber: (pageNumber: number) => void;
+    updatePageSize: (option: DropdownOption | DropdownOption[]) => void;
+    showTotalText?: boolean;
+    removeBorder?: boolean;
+};
+export declare const TablePagination: React.FC<TablePaginationProps>;

package/dist/esm/components/TablePagination/TablePagination.js

@@ -0,0 +1 @@
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import o from"../../assets/icons/chevronLeft.svg.js";import t from"../../assets/icons/chevronRight.svg.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as s}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import{BodySecondary as n}from"../TypographyStyle.js";import{DEFAULT_THEME as r}from"../../constants/Theme.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{StyledTablePaginationContainer as i,StyledPagingContainer as p}from"./TablePagination.styled.js";const d=d=>{let{pageNumber:c,pageSize:l,totalRows:a,updatePageNumber:m,updatePageSize:j,hidePageSizeOptions:h,showTotalText:w}=d;const g=r.colorsV2,u=(c-1)*l+1,x=(c-1)*l+l,y=Math.ceil(a/l),b=1==y;let O=[];O=y>=5?c===y?[c-4,c-3,c-2,c-1,c]:1===c?[c,c+1,c+2,c+3,c+4]:2===c?[c-1,c,c+1,c+2,c+3]:c===y-1?[c-3,c-2,c-1,c,c+1]:[c-2,c-1,c,c+1,c+2]:Array.from({length:y},((e,o)=>o+1));const v=[{label:"5 rows per page",value:"5",selected:5===l},{label:"10 rows per page",value:"10",selected:10===l},{label:"20 rows per page",value:"20",selected:20===l}];return e.jsxs(i,{children:[!h&&e.jsx("div",{children:e.jsx(s,{size:"small",options:v,onSelect:j,width:"162px"})}),e.jsxs("div",Object.assign({className:"paging__container"},{children:[!h&&a&&e.jsxs(n,Object.assign({style:{color:g.content.placeholder}},{children:["Showing ",u,"-",x>a?a:x," of"," ",a," results"]})),e.jsxs("div",Object.assign({className:"pages__buttons-container"},{children:[!b&&e.jsx(p,Object.assign({active:!1,onClick:()=>{1!==c&&m(Math.max(c-1,1))},disabled:1===c},{children:e.jsx(o,{color:g.content.secondary,height:14,width:14})})),O.map((o=>e.jsx(p,Object.assign({active:o==c,onClick:()=>m(o),style:{display:1==o&&a<=l?"none":"flex"}},{children:e.jsx(n,Object.assign({style:{color:o==c?g.content.primaryInverse:g.content.secondary}},{children:o}))}),o))),!b&&e.jsx(p,Object.assign({isLast:!0,active:!1,onClick:()=>{c!==y&&m(Math.min(c+1,y))},disabled:c===y},{children:e.jsx(t,{color:g.content.secondary,height:14,width:14})}))]})),h&&a&&w&&e.jsxs(n,Object.assign({style:{color:g.content.placeholder}},{children:["Showing ",u,"-",x>a?a:x," of"," ",a," results"]}))]}))]})};export{d as TablePagination};

package/dist/esm/components/TablePagination/TablePagination.styled.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledTablePaginationContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPagingContainer: import("styled-components").StyledComponent<"div", any, {
+    active: boolean;
+    isLast?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;

package/dist/esm/components/TablePagination/TablePagination.styled.js

@@ -0,0 +1,39 @@
+import r from"styled-components";import{DEFAULT_THEME as t}from"../../constants/Theme.js";const o=r.div`
+	background-color: unset !important;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	margin: 0 16px;
+
+	.paging__container {
+		display: flex;
+		margin-top: 8px;
+		margin-bottom: 8px;
+		justify-content: center;
+		align-items: center;
+		gap: 8px;
+	}
+
+	.pages__buttons-container {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background-color: ${t.colorsV2.surface.standard};
+		border: 1px solid ${t.colorsV2.stroke.primary};
+		border-radius: 4px;
+		cursor: pointer;
+	}
+`,e=r.div`
+	background: ${r=>r.active?t.colorsV2.background.brand:"none"};
+	width: 32px;
+	height: 32px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-right: ${r=>r.isLast?"none":`1px solid ${t.colorsV2.stroke.primary}`};
+	&:hover {
+		cursor: ${r=>r.disabled?"not-allowed":"pointer"};
+	}
+`;export{e as StyledPagingContainer,o as StyledTablePaginationContainer};

package/dist/esm/components/TablePagination/TablePaginationCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TablePaginationProps } from "./TablePagination";
+export declare const TablePaginationCardStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    removeBorder?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TablePaginationCard: React.FC<TablePaginationProps>;