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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js").createSlice({name:"queryBuilderCache",initialState:{},reducers:{initKey(e,a){Array.isArray(a.payload.data)?e[a.payload.key]=[...a.payload.data]:e[a.payload.key]={...a.payload.data}}}});exports.queryBuilderCacheSlice=e;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-redux");exports.useQueryBuilderCacheSelector=()=>e.useSelector((e=>e.queryBuilderCache));

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

@@ -0,0 +1,90 @@
+import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type.js';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type.js';
+
+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"
+}
+declare enum QueryBuilderJoinOperators {
+    AND = "AND",
+    OR = "OR"
+}
+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"
+}
+interface QueryBuilderConnector {
+    dataType: QueryBuilderConnectorType;
+    operator: CONNECTOR_OPERATORS;
+    value?: string[] | number[] | Date[] | string | number | Date;
+}
+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;
+    };
+}
+interface QueryBuilderMeta {
+    key: string;
+    value: string | QueryBuilderConnector;
+    /** UI Only */
+    refresh?: boolean;
+    /** UI Only */
+    error: {
+        key?: string;
+        value?: string | ConnectorError;
+    };
+}
+interface BaseQueryBuilderNode {
+    _id: string;
+    type: QueryBuilderType;
+    isExclude?: boolean;
+    metas: QueryBuilderMeta[];
+    properties?: QueryBuilderProperty[];
+    PropertyOperator?: QueryBuilderJoinOperators;
+}
+interface QueryBuilderRoot {
+    nodes: BaseQueryBuilderNode[];
+    operator?: QueryBuilderJoinOperators;
+}
+type ConnectorError = {
+    operator: string;
+    value: string;
+};
+
+export { QueryBuilderConnectorType, QueryBuilderJoinOperators, QueryBuilderType };
+export type { BaseQueryBuilderNode, ConnectorError, QueryBuilderConnector, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=(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||{}),r=(e=>(e.AND="AND",e.OR="OR",e))(r||{}),i=(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",e))(i||{});exports.QueryBuilderConnectorType=i,exports.QueryBuilderJoinOperators=r,exports.QueryBuilderType=e;

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

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

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

@@ -0,0 +1,54 @@
+import { DropdownOption } from '../../dropdown/type.js';
+import { QueryBuilderConnectorType } from './QueryBuilder.type.js';
+import { QueryBuilderAPIData } from './QueryBuilderAPI.type.js';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type.js';
+
+type CONNECTOR_OPERATOR_TYPE = keyof CONNECTOR_OPERATORS;
+type ExtraOption = QueryBuilderAPIData[] | DropdownOption | DropdownOption[];
+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[]>;
+};
+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[]>;
+};
+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 type { CONNECTOR_OPERATOR_TYPE, CONNECTOR_VALUE_TYPE, ConnectorComponentProps, ConnectorProps, ExtraOption };

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

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

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

@@ -0,0 +1,130 @@
+/**
+ * @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 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=(e=>(e.is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e.lessThan="lessThan",e.lessThanOrEqualTo="lessThanOrEqualTo",e.greaterThan="greaterThan",e.greaterThanOrEqualTo="greaterThanOrEqualTo",e))(e||{}),t=(e=>(e.is="is",e.isNot="isNot",e.contains="contains",e.doesntContain="doesntContain",e.startsWith="startsWith",e.endsWith="endsWith",e.exists="exists",e.doesntExist="doesntExist",e))(t||{}),s=(e=>(e.is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e))(s||{}),n=(e=>(e.is="is",e.isNot="isNot",e))(n||{}),i=(e=>(e.is="is",e))(i||{}),o=(e=>(e.any="any",e.is="is",e.contains="contains",e.startsWith="startsWith",e.endsWith="endsWith",e))(o||{}),a=(e=>(e.is="is",e))(a||{}),r=(e=>(e.in="in",e))(r||{}),T=(e=>(e.is="is",e))(T||{}),l=(e=>(e.in="in",e))(l||{}),E=(e=>(e.in="in",e))(E||{}),R=(e=>(e.contains="contains",e))(R||{}),x=(e=>(e.contains="contains",e))(x||{}),O=(e=>(e.today="today",e.yesterday="yesterday",e["last 7 days"]="last 7 days",e["last 30 days"]="last 30 days",e["this week"]="this week",e["last week"]="last week",e["this month"]="this month",e["last month"]="last month",e.exactly="exactly",e["not exactly"]="not exactly",e["in the last"]="in the last",e["not in the last"]="not in the last",e["in between last"]="in between last",e["not in between last"]="not in between last",e.on="on",e.notOn="notOn",e.inBetween="inBetween",e.notInBetween="notInBetween",e.before="before",e.after="after",e["last quarter"]="last quarter",e))(O||{}),S=(e=>(e.isTrue="isTrue",e.isFalse="isFalse",e.exists="exists",e.doesntExist="doesntExist",e))(S||{}),d=(e=>(e.exactly="exactly",e))(d||{}),_=(e=>(e.exactly="exactly",e.atleast="atleast",e.atMost="atMost",e))(_||{}),p=(e=>(e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.StringSingleValue="StringSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleselectDropdownFreeText="SingleselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime",e))(p||{});exports.AD_STRING_OPERATORS=a,exports.ANY_AD_OPERATORS=E,exports.ANY_IG_OPERATORS=l,exports.BOOLEAN_OPERATORS=S,exports.DATE_OPERATORS=O,exports.EVENT_VALUES=p,exports.EXACTLY_OPERATORS=d,exports.FREQUENCY_OPERATORS=_,exports.ICE_BREAKER_OPERATORS=T,exports.IG_STRING_OPERATORS=o,exports.INTEGER_OPERATORS=e,exports.MAIL_SUBJECT_OPERATORS=x,exports.REACTION_OPERATORS=R,exports.SPECIFIC_IG_OPERATORS=r,exports.STRING_OPERATORS=t,exports.STRING_RESTRICTED_OPERATORS=s,exports.STRING_RESTRICTED_OPERATORS_2=n,exports.STRING_RESTRICTED_OPERATORS_3=i;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../tooltips/Tooltip.js"),require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../analytics-chips-and-dropdowns/CommonStyles.js");var r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("react"),require("../../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../../shimmer/ShimmerComponent/ShimmerStyled.js");var a=require("../../tag/Tag.js");require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var t=require("../../../assets/icons/cross.svg.js"),i=require("../types/SearchFilter.type.js");exports.FilterChipListRenderer=({selectedState:n,onDeSelect:s})=>e.jsx(e.Fragment,{children:n.map((n=>{if(n.type===i.FilterType.Multiple)return e.jsx(e.Fragment,{children:n.value?.map((r=>e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,r),style:{cursor:"pointer"},tagText:r.label?.slice(0,10)??"",type:"neutral",theme:"light",TrailingIcon:t.default},`${n.id}-${r.value}`)))});if(n.type===i.FilterType.Date)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:r.formatDate(n.value),type:"neutral",theme:"light",TrailingIcon:t.default},n.id);if(n.type===i.FilterType.DateRange)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:`${r.formatDate(n.value?.[0])} to ${r.formatDate(n.value?.[1])}`,type:"neutral",theme:"light",TrailingIcon:t.default},n.id);return(n.type===i.FilterType.Single?n.value?.label??"":n.value?.toString()??"")?e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:n.type===i.FilterType.Single?n.value?.label??"":n.value?.toString()??"",type:"neutral",theme:"light",TrailingIcon:t.default},n.id):e.jsx(e.Fragment,{})}))});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../tooltips/Tooltip.js"),require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../analytics-chips-and-dropdowns/CommonStyles.js");var r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("react"),require("../../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../tag/Tag.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),require("../../dropdown/DropdownPopover/index.js");var t=require("../../dropdown/Dropdown.js"),a=require("../../dropdown/ChipDropdown.js");require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js"),require("../../input/Input.js"),require("../../input/context/InputStyleProvider.js"),require("../../dropdown/MenuItem/MenuItem.js");var n=require("../types/SearchFilter.type.js"),o=require("./DatePickerButton.js"),i=require("./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}}];exports.SearchFilterItem=p=>p.type===n.FilterType.Date?e.jsx(o.DatePickerButton,{...p,variant:p.variant,onSelect:e=>p.onChange(e)}):p.type===n.FilterType.DateRange?p.rangePickerDateOnly?e.jsx(i.DateRangeOnlyButton,{...p,variant:p.variant,onSelect:e=>p.onChange(e)}):e.jsx(r.AnalyticsDropdown,{datePickerPlacement:p.datePickerPlacement,variant:p.variant,placeholder:p.text,options:p.preset?s:p.options??[],onOptionSelected:function(e){e.selectedRange&&p.onChange([e.selectedRange?.[0],e.selectedRange?.[1]])}},p.id):"small"===p.variant?e.jsx(a.ChipDropdown,{isMultiSelect:p.type===n.FilterType.Multiple,options:p.options??[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text}):e.jsx(t.Dropdown,{isMultiSelect:p.type===n.FilterType.Multiple,size:"small",options:p.options??[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text,width:10*p.text.length+"px"});

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { DropDirection } from 'react-bootstrap/esm/DropdownContext';
+import { DropdownOptions } from '../../analytics-chips-and-dropdowns/AnalyticsDropdown.js';
+import { DropdownOption } from '../../dropdown/type.js';
+import { InputVariant } from '../../input/Input.js';
+
+declare enum FilterType {
+    Date = "Date",
+    DateRange = "DateRange",
+    Multiple = "Multiple",
+    Single = "Single",
+    Search = "Search"
+}
+type FilterValueType = DropdownOption | DropdownOption[] | Date | Date[] | string;
+type SearchFilterOutputState = {
+    id: string;
+    type: FilterType;
+    value?: FilterValueType;
+    text: string;
+};
+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;
+};
+type SearchFilterProps = {
+    variant: InputVariant;
+    showSelectedChips: boolean;
+    direction: 'row' | 'column';
+    schema: FilterSchema[];
+    onChange: (id: string, selectedStates: SearchFilterOutputState[], value?: FilterValueType) => void;
+};
+
+export { FilterType };
+export type { FilterSchema, FilterValueType, SearchFilterOutputState, SearchFilterProps };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=(e=>(e.Date="Date",e.DateRange="DateRange",e.Multiple="Multiple",e.Single="Single",e.Search="Search",e))(e||{});exports.FilterType=e;

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

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { DropdownOption } from '../dropdown/type.js';
+
+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;
+};
+declare const TablePagination: React__default.FC<TablePaginationProps>;
+
+export { TablePagination };
+export type { TablePaginationProps };

package/dist/cjs/components/TablePagination/TablePagination.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronLeft.svg.js"),r=require("../../assets/icons/chevronRight.svg.js");require("../dropdown/DropdownPopover/index.js");var n=require("../dropdown/Dropdown.js");require("../dropdown/ChipDropdown.js"),require("react");var t=require("../TypographyStyle.js"),s=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../input/context/InputStyleProvider.js"),require("../dropdown/MenuItem/MenuItem.js");var i=require("./TablePagination.styled.js");exports.TablePagination=({pageNumber:d,pageSize:a,totalRows:l,updatePageNumber:c,updatePageSize:p,hidePageSizeOptions:u,showTotalText:j})=>{const h=s.DEFAULT_THEME.colorsV2,w=(d-1)*a+1,y=(d-1)*a+a,g=Math.ceil(l/a),m=1==g;let x=[];x=g>=5?d===g?[d-4,d-3,d-2,d-1,d]:1===d?[d,d+1,d+2,d+3,d+4]:2===d?[d-1,d,d+1,d+2,d+3]:d===g-1?[d-3,d-2,d-1,d,d+1]:[d-2,d-1,d,d+1,d+2]:Array.from({length:g},((e,o)=>o+1));const q=[{label:"5 rows per page",value:"5",selected:5===a},{label:"10 rows per page",value:"10",selected:10===a},{label:"20 rows per page",value:"20",selected:20===a}];return e.jsxs(i.StyledTablePaginationContainer,{children:[!u&&e.jsx("div",{children:e.jsx(n.Dropdown,{size:"small",options:q,onSelect:p,width:"162px"})}),e.jsxs("div",{className:"paging__container",children:[!u&&l&&e.jsxs(t.BodySecondary,{style:{color:h.content.placeholder},children:["Showing ",w,"-",y>l?l:y," of"," ",l," results"]}),e.jsxs("div",{className:"pages__buttons-container",children:[!m&&e.jsx(i.StyledPagingContainer,{active:!1,onClick:()=>{1!==d&&c(Math.max(d-1,1))},disabled:1===d,children:e.jsx(o.default,{color:h.content.secondary,height:14,width:14})}),x.map((o=>e.jsx(i.StyledPagingContainer,{active:o==d,onClick:()=>c(o),style:{display:1==o&&l<=a?"none":"flex"},children:e.jsx(t.BodySecondary,{style:{color:o==d?h.content.primaryInverse:h.content.secondary},children:o})},o))),!m&&e.jsx(i.StyledPagingContainer,{isLast:!0,active:!1,onClick:()=>{d!==g&&c(Math.min(d+1,g))},disabled:d===g,children:e.jsx(r.default,{color:h.content.secondary,height:14,width:14})})]}),u&&l&&j&&e.jsxs(t.BodySecondary,{style:{color:h.content.placeholder},children:["Showing ",w,"-",y>l?l:y," of"," ",l," results"]})]})]})};

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

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const n=o.default.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.DEFAULT_THEME.colorsV2.surface.standard};
+		border: 1px solid ${t.DEFAULT_THEME.colorsV2.stroke.primary};
+		border-radius: 4px;
+		cursor: pointer;
+	}
+`,i=o.default.div`
+	background: ${e=>e.active?t.DEFAULT_THEME.colorsV2.background.brand:"none"};
+	width: 32px;
+	height: 32px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-right: ${e=>e.isLast?"none":`1px solid ${t.DEFAULT_THEME.colorsV2.stroke.primary}`};
+	&:hover {
+		cursor: ${e=>e.disabled?"not-allowed":"pointer"};
+	}
+`;exports.StyledPagingContainer=i,exports.StyledTablePaginationContainer=n;

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

@@ -0,0 +1,14 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as _emotion_react from '@emotion/react';
+import React__default from 'react';
+import { TablePaginationProps } from './TablePagination.js';
+
+declare const TablePaginationCardStyled: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
+    as?: React__default.ElementType<any> | undefined;
+} & {
+    removeBorder?: boolean | undefined;
+}, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const TablePaginationCard: React__default.FC<TablePaginationProps>;
+
+export { TablePaginationCard, TablePaginationCardStyled };

package/dist/cjs/components/TablePagination/TablePaginationCard.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("./TablePagination.js"),a=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=o(r).default.div`
+	background: ${a.COLORS.surface.standard};
+	border: ${e=>e.removeBorder?0:1}px solid
+		${a.COLORS.stroke.primary};
+	border-radius: 4px;
+	display: flex;
+	justify-content: center;
+	margin: auto;
+`;exports.TablePaginationCard=r=>e.jsx(i,{removeBorder:r.removeBorder,children:e.jsx(t.TablePagination,{...r})}),exports.TablePaginationCardStyled=i;