@bikdotai/bik-component-library 0.0.5584-tooltip-beta → 0.0.9998-beta-switch

package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts

@@ -1,79 +0,0 @@
-import { DATE_OPERATORS } from '../types';
-import { QueryBuilderMeta } from '../types/QueryBuilder.type';
-export declare const lastDaysRegexPattern: RegExp;
-export declare const notLastDaysRegexPattern: RegExp;
-export declare const inBetweenLast: RegExp;
-export declare const notInBetweenLast: RegExp;
-export declare const exactly: RegExp;
-export declare const notExactly: RegExp;
-export declare class MetaCustomProcessor {
-    prepareDateMeta(meta: QueryBuilderMeta): QueryBuilderMeta | {
-        value: {
-            operator: string;
-            value: any[];
-            dataType: import("../types").QueryBuilderConnectorType;
-        };
-        key: string;
-        refresh?: boolean | undefined;
-        error: {
-            key?: string | undefined;
-            value?: string | import("../types").ConnectorError | undefined;
-        };
-    } | {
-        value: {
-            operator: string;
-            value: any[];
-            offset: any[];
-            dataType: import("../types").QueryBuilderConnectorType;
-        };
-        key: string;
-        refresh?: boolean | undefined;
-        error: {
-            key?: string | undefined;
-            value?: string | import("../types").ConnectorError | undefined;
-        };
-    } | {
-        value: {
-            operator: string;
-            dataType: import("../types").QueryBuilderConnectorType;
-            value?: string | number | string[] | number[] | Date | Date[] | undefined;
-        };
-        key: string;
-        refresh?: boolean | undefined;
-        error: {
-            key?: string | undefined;
-            value?: string | import("../types").ConnectorError | undefined;
-        };
-    };
-    /** @edit */
-    normalizeDateMeta(meta: QueryBuilderMeta): QueryBuilderMeta | {
-        value: {
-            operator: DATE_OPERATORS;
-            value: {
-                type: string | undefined;
-                start: any;
-                /** @ts-ignore offset-start is BE only type, happens in type-less way */
-                offset: any;
-            };
-            dataType: import("../types").QueryBuilderConnectorType;
-        };
-        key: string;
-        refresh?: boolean | undefined;
-        error: {
-            key?: string | undefined;
-            value?: string | import("../types").ConnectorError | undefined;
-        };
-    } | {
-        value: {
-            value: any[];
-            operator: DATE_OPERATORS;
-            dataType: import("../types").QueryBuilderConnectorType;
-        };
-        key: string;
-        refresh?: boolean | undefined;
-        error: {
-            key?: string | undefined;
-            value?: string | import("../types").ConnectorError | undefined;
-        };
-    };
-}

package/dist/esm/components/QueryBuilder/helpers/OperatorHelperV2.d.ts

@@ -1,7 +0,0 @@
-import { BaseQueryBuilderNode, QueryBuilderProperty } from '../types/QueryBuilder.type';
-export declare class OperatorHelperV2 {
-    convertBetweenOperator(property: QueryBuilderProperty): QueryBuilderProperty | QueryBuilderProperty[];
-    convertNotBetweenOperator(property: QueryBuilderProperty): QueryBuilderProperty | QueryBuilderProperty[];
-    /** @unused */
-    breakUserPropertyNodeBasedOperator(userPropertyNode: BaseQueryBuilderNode): BaseQueryBuilderNode | BaseQueryBuilderNode[];
-}

package/dist/esm/components/QueryBuilder/helpers/PropertyCustomProcessor.d.ts

@@ -1,28 +0,0 @@
-import { QueryBuilderProperty } from '../types/QueryBuilder.type';
-export declare class PropertyCustomProcessor {
-    /** @unused */
-    prepareBetween(property: QueryBuilderProperty): QueryBuilderProperty | QueryBuilderProperty[];
-    prepareBoolean(property: QueryBuilderProperty): QueryBuilderProperty;
-    prepareDate(property: QueryBuilderProperty): QueryBuilderProperty;
-    prepareInteger(property: QueryBuilderProperty): {
-        _id: string;
-        name?: string | number | undefined;
-        dataType?: import("../types/QueryBuilder.type").QueryBuilderConnectorType | undefined;
-        operator?: import("..").CONNECTOR_OPERATORS | undefined;
-        value?: import("..").CONNECTOR_VALUE_TYPE;
-        _refresh?: boolean | undefined;
-        error: {
-            name?: string | undefined;
-            dataType?: string | undefined;
-            operator?: string | undefined;
-            value?: string | undefined;
-        };
-    };
-    prepareIsAndIsNot(property: QueryBuilderProperty): QueryBuilderProperty;
-    /** @edit */
-    normalizeIsAndIsNotOperator(property: QueryBuilderProperty): QueryBuilderProperty;
-    /** @edit */
-    normalizeBoolean(property: QueryBuilderProperty): QueryBuilderProperty;
-    /** @edit */
-    normalizeInteger(property: QueryBuilderProperty): QueryBuilderProperty;
-}

package/dist/esm/components/QueryBuilder/helpers/SegmentHelperV2.d.ts

@@ -1,140 +0,0 @@
-import { QueryBuilderMeta, QueryBuilderRoot } from '../types';
-import { QueryBuilderType } from '../types/QueryBuilder.type';
-type SegmentBuilder = {
-    exclude?: QueryBuilderRoot;
-    include: QueryBuilderRoot;
-    name?: string;
-};
-/**
- * @frontend
- */
-export declare class SegmentHelperV2 {
-    private prepareNode;
-    prepare(v2: SegmentBuilder): SegmentBuilder;
-    private editNode;
-    edit(v2: SegmentBuilder): {
-        name: string | undefined;
-        include: {
-            nodes: {
-                metas: (QueryBuilderMeta | {
-                    value: {
-                        operator: import("../types").DATE_OPERATORS;
-                        value: {
-                            type: string | undefined;
-                            start: any;
-                            offset: any;
-                        };
-                        dataType: import("../types").QueryBuilderConnectorType;
-                    };
-                    key: string;
-                    refresh?: boolean | undefined;
-                    error: {
-                        key?: string | undefined;
-                        value?: string | import("../types").ConnectorError | undefined;
-                    };
-                } | {
-                    value: {
-                        value: any[];
-                        operator: import("../types").DATE_OPERATORS;
-                        dataType: import("../types").QueryBuilderConnectorType;
-                    };
-                    key: string;
-                    refresh?: boolean | undefined;
-                    error: {
-                        key?: string | undefined;
-                        value?: string | import("../types").ConnectorError | undefined;
-                    };
-                })[];
-                properties: import("../types").QueryBuilderPropertyType[];
-                _id: string;
-                type: QueryBuilderType;
-                isExclude?: boolean | undefined;
-                PropertyOperator?: import("../types").QueryBuilderJoinOperators | undefined;
-            }[];
-            operator: import("../types").QueryBuilderJoinOperators | undefined;
-        };
-        exclude: {
-            nodes: {
-                metas: (QueryBuilderMeta | {
-                    value: {
-                        operator: import("../types").DATE_OPERATORS;
-                        value: {
-                            type: string | undefined;
-                            start: any;
-                            offset: any;
-                        };
-                        dataType: import("../types").QueryBuilderConnectorType;
-                    };
-                    key: string;
-                    refresh?: boolean | undefined;
-                    error: {
-                        key?: string | undefined;
-                        value?: string | import("../types").ConnectorError | undefined;
-                    };
-                } | {
-                    value: {
-                        value: any[];
-                        operator: import("../types").DATE_OPERATORS;
-                        dataType: import("../types").QueryBuilderConnectorType;
-                    };
-                    key: string;
-                    refresh?: boolean | undefined;
-                    error: {
-                        key?: string | undefined;
-                        value?: string | import("../types").ConnectorError | undefined;
-                    };
-                })[];
-                properties: import("../types").QueryBuilderPropertyType[];
-                _id: string;
-                type: QueryBuilderType;
-                isExclude?: boolean | undefined;
-                PropertyOperator?: import("../types").QueryBuilderJoinOperators | undefined;
-            }[];
-            operator: import("../types").QueryBuilderJoinOperators | undefined;
-        };
-    } | {
-        name: string | undefined;
-        include: {
-            nodes: {
-                metas: (QueryBuilderMeta | {
-                    value: {
-                        operator: import("../types").DATE_OPERATORS;
-                        value: {
-                            type: string | undefined;
-                            start: any;
-                            offset: any;
-                        };
-                        dataType: import("../types").QueryBuilderConnectorType;
-                    };
-                    key: string;
-                    refresh?: boolean | undefined;
-                    error: {
-                        key?: string | undefined;
-                        value?: string | import("../types").ConnectorError | undefined;
-                    };
-                } | {
-                    value: {
-                        value: any[];
-                        operator: import("../types").DATE_OPERATORS;
-                        dataType: import("../types").QueryBuilderConnectorType;
-                    };
-                    key: string;
-                    refresh?: boolean | undefined;
-                    error: {
-                        key?: string | undefined;
-                        value?: string | import("../types").ConnectorError | undefined;
-                    };
-                })[];
-                properties: import("../types").QueryBuilderPropertyType[];
-                _id: string;
-                type: QueryBuilderType;
-                isExclude?: boolean | undefined;
-                PropertyOperator?: import("../types").QueryBuilderJoinOperators | undefined;
-            }[];
-            operator: import("../types").QueryBuilderJoinOperators | undefined;
-        };
-        exclude?: undefined;
-    };
-    containsError(v2: SegmentBuilder): string | undefined;
-}
-export {};

package/dist/esm/components/QueryBuilder/helpers/SegmentValidator.d.ts

@@ -1,75 +0,0 @@
-import { QueryBuilderRoot } from '../types';
-import { QueryBuilderConnector, QueryBuilderMeta, QueryBuilderProperty } from '../types/QueryBuilder.type';
-type SegmentBuilder = {
-    exclude?: QueryBuilderRoot;
-    include: QueryBuilderRoot;
-    name?: string;
-};
-export declare const POSITIVE_VAL_ERROR = "Please enter a positive integer";
-export declare const NON_ZERO_VAL = "Enter a positive value";
-export declare const INTEGER_ERROR = "Please enter an integer";
-export declare const REQUIRED_VALUE = "Required field";
-export declare const NON_DECIMAL_NUMBER = "Please enter a non-decimal number";
-export declare const COMMA_SEPERATED_VALUES = "Please enter values seperated by commas";
-export declare const LESS_THAN_180_DAYS = "Please enter values less than 180 days";
-export declare class SegmentValidator {
-    validate(stateArg: SegmentBuilder): (boolean | {
-        include: QueryBuilderRoot;
-        exclude?: QueryBuilderRoot | undefined;
-        name?: string | undefined;
-    })[];
-    validateMeta(meta: QueryBuilderMeta, onErr?: () => void): {
-        error: {
-            value: {
-                value: string;
-            };
-        };
-        key: string;
-        value: string | QueryBuilderConnector;
-        refresh?: boolean | undefined;
-    } | {
-        error: {
-            value: string;
-        };
-        key: string;
-        value: string | QueryBuilderConnector;
-        refresh?: boolean | undefined;
-    } | {
-        error: undefined;
-        key: string;
-        value: string | QueryBuilderConnector;
-        refresh?: boolean | undefined;
-    };
-    validateProperty(property: QueryBuilderProperty, onErr?: () => void): {
-        error: {
-            name: string;
-            value?: undefined;
-        };
-        _id: string;
-        name?: string | number | undefined;
-        dataType?: import("../types").QueryBuilderConnectorType | undefined;
-        operator?: import("../types").CONNECTOR_OPERATORS | undefined;
-        value?: import("../types").CONNECTOR_VALUE_TYPE;
-        _refresh?: boolean | undefined;
-    } | {
-        error: {
-            value: string;
-            name?: undefined;
-        };
-        _id: string;
-        name?: string | number | undefined;
-        dataType?: import("../types").QueryBuilderConnectorType | undefined;
-        operator?: import("../types").CONNECTOR_OPERATORS | undefined;
-        value?: import("../types").CONNECTOR_VALUE_TYPE;
-        _refresh?: boolean | undefined;
-    } | {
-        error: undefined;
-        _id: string;
-        name?: string | number | undefined;
-        dataType?: import("../types").QueryBuilderConnectorType | undefined;
-        operator?: import("../types").CONNECTOR_OPERATORS | undefined;
-        value?: import("../types").CONNECTOR_VALUE_TYPE;
-        _refresh?: boolean | undefined;
-    };
-}
-export {};

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/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 e}from"../../dropdown/Dropdown.js";import{ChipDropdown as a}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"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as r}from"../types/SearchFilter.type.js";import{DatePickerButton as n}from"./DatePickerButton.js";import{DateRangeOnlyButton as i}from"./DateRangeOnlyButton.js";const p=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],s=s=>{var d,l,c;return s.type===r.Date?t(n,Object.assign({},s,{variant:s.variant,onSelect:t=>s.onChange(t)})):s.type===r.DateRange?s.rangePickerDateOnly?t(i,Object.assign({},s,{variant:s.variant,onSelect:t=>s.onChange(t)})):t(o,{datePickerPlacement:s.datePickerPlacement,variant:s.variant,placeholder:s.text,options:s.preset?p:null!==(d=s.options)&&void 0!==d?d:[],onOptionSelected:function(t){var o,e;t.selectedRange&&s.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(e=t.selectedRange)||void 0===e?void 0:e[1]])}},s.id):"small"===s.variant?t(a,{isMultiSelect:s.type===r.Multiple,options:null!==(l=s.options)&&void 0!==l?l:[],defaultOptions:s.defaultValue,onSelect:s.onChange,placeHolder:s.text}):t(e,{isMultiSelect:s.type===r.Multiple,size:"small",options:null!==(c=s.options)&&void 0!==c?c:[],defaultOptions:s.defaultValue,onSelect:s.onChange,placeHolder:s.text,width:10*s.text.length+"px"})};export{s as SearchFilterItem};

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +0,0 @@
-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;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TablePaginationCard: React.FC<TablePaginationProps>;

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

@@ -1 +0,0 @@
-import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{TablePagination as e}from"./TablePagination.js";import{COLORS as t}from"../../constants/Theme.js";const a=c("div","production"===process.env.NODE_ENV?{target:"exfv5q90"}:{target:"exfv5q90",label:"TablePaginationCardStyled"})("background:",t.surface.standard,";border:1px solid ",t.stroke.primary,";border-radius:4px;display:flex;justify-content:center;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlUGFnaW5hdGlvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvRCIsImZpbGUiOiJUYWJsZVBhZ2luYXRpb25DYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgVGFibGVQYWdpbmF0aW9uLCB9IGZyb20gXCIuL1RhYmxlUGFnaW5hdGlvblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUYWJsZVBhZ2luYXRpb25DYXJkU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgVGFibGVQYWdpbmF0aW9uQ2FyZCA9IChwcm9wcykgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4KFRhYmxlUGFnaW5hdGlvbkNhcmRTdHlsZWQsIHsgY2hpbGRyZW46IF9qc3goVGFibGVQYWdpbmF0aW9uLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcykpIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9VGFibGVQYWdpbmF0aW9uQ2FyZC5qcy5tYXAiXX0= */")),l=c=>b(a,{children:b(e,Object.assign({},c))});export{l as TablePaginationCard,a as TablePaginationCardStyled};

package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isError: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TextSpace: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
-export declare const OuterContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.js

@@ -1 +0,0 @@
-import c from"@emotion/styled/base";import{COLORS as b}from"../../constants/Theme.js";const l=c("div","production"===process.env.NODE_ENV?{target:"e91dva42"}:{target:"e91dva42",label:"Container"})("background:",b.surface.standard,";border:",(c=>c.isError?2:1),"px solid ",(c=>c.isError?b.stroke.negative.vibrant:b.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9DIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRXJyb3IgPyAyIDogMSl9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1c3RvbUVkaXRvci5zdHlsZWQuanMubWFwIl19 */")),d=c("textarea","production"===process.env.NODE_ENV?{target:"e91dva41"}:{target:"e91dva41",label:"TextSpace"})("width:100%;border:0;padding:12px 16px;resize:none;color:",b.content.primary,";&:focus-within{border:0;outline:0;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXlDIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRXJyb3IgPyAyIDogMSl9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1c3RvbUVkaXRvci5zdHlsZWQuanMubWFwIl19 */")),X=c("div","production"===process.env.NODE_ENV?{target:"e91dva40"}:{target:"e91dva40",label:"OuterContainer"})("production"===process.env.NODE_ENV?{name:"3w0yoi",styles:"display:flex;flex-direction:column;gap:8px"}:{name:"3w0yoi",styles:"display:flex;flex-direction:column;gap:8px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ5QyIsImZpbGUiOiJDdXN0b21FZGl0b3Iuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogJHsocHJvcHMpID0+IChwcm9wcy5pc0Vycm9yID8gMiA6IDEpfXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmlzRXJyb3IgPyBDT0xPUlMuc3Ryb2tlLm5lZ2F0aXZlLnZpYnJhbnQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dFNwYWNlID0gc3R5bGVkLnRleHRhcmVhIGBcblx0d2lkdGg6IDEwMCU7XG5cblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdHJlc2l6ZTogbm9uZTtcblx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cblx0Jjpmb2N1cy13aXRoaW4ge1xuXHRcdGJvcmRlcjogMDtcblx0XHRvdXRsaW5lOiAwO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiA4cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DdXN0b21FZGl0b3Iuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{l as Container,X as OuterContainer,d as TextSpace};

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

@@ -1,40 +0,0 @@
-import React from 'react';
-import { EditorActionTypes } from './WhatsAppTextEditorHeader';
-export type CustomEditorProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    onChange?: (text: string, html: string) => void;
-    text?: string;
-    RightComponent?: React.FC;
-    error?: string;
-    limit?: number;
-    rows?: number;
-    actions?: EditorActionTypes[];
-    /**
-     * Calls only for editor only error, not for errors coming from outside
-     */
-    onError?: (err: string) => void;
-};
-export type CustomEditorRef = {
-    addTextOrWrap: (textToAdd: string) => {
-        text: string;
-        html: string;
-    };
-    addText: (textToAdd: string) => {
-        text: string;
-        html: string;
-    };
-    get: () => string;
-    setCaretPosition(caretPos: number): void;
-};
-export declare const WhatsAppTextEditor: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    onChange?: ((text: string, html: string) => void) | undefined;
-    text?: string | undefined;
-    RightComponent?: React.FC<{}> | undefined;
-    error?: string | undefined;
-    limit?: number | undefined;
-    rows?: number | undefined;
-    actions?: EditorActionTypes[] | undefined;
-    /**
-     * Calls only for editor only error, not for errors coming from outside
-     */
-    onError?: ((err: string) => void) | undefined;
-} & React.RefAttributes<CustomEditorRef>>;

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditor.js

@@ -1 +0,0 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as n,jsx as e,Fragment as r}from"react/jsx-runtime";import l from"../../assets/icons/info.svg.js";import{BaseWhatsappContentLangHelper as o}from"../../helpers/BaseWhatsappContentLang.helper.js";import i,{useRef as u,useImperativeHandle as c,useEffect as s}from"react";import{COLORS as a}from"../../constants/Theme.js";import{BodyCaption as d}from"../TypographyStyle.js";import{OuterContainer as v,Container as m,TextSpace as h}from"./CustomEditor.styled.js";import{EditorActionTypes as f,WhatsAppTextEditorHeader as g}from"./WhatsAppTextEditorHeader.js";const p="Character limit reached",x=new o,j={[f.BOLD]:"*",[f.ITALIC]:"_",[f.STRIKETHROUGH]:"~"},T=i.forwardRef(((o,i)=>{var f,T,{onChange:C,text:E,RightComponent:y,error:O,limit:w,onError:H,rows:L,actions:S}=o,b=t(o,["onChange","text","RightComponent","error","limit","onError","rows","actions"]);const R=u(null);function W(t){const n=null==R?void 0:R.current;null!=n&&(n.selectionStart?(n.focus(),n.selectionEnd=t):n.focus())}function A(t){var n,e;let r=null!==(e=null===(n=R.current)||void 0===n?void 0:n.value)&&void 0!==e?e:"";if(R.current&&t){const n=R.current.selectionStart,e=R.current.selectionEnd,l=t;if(n===e)return I(l);{r=x.wrappWildcard(n,e,l,r);const t=x.getHTML(r);return R.current.value=r,{text:r,html:t}}}return{text:r,html:r}}function I(t){var n,e;let r=null!==(e=null===(n=R.current)||void 0===n?void 0:n.value)&&void 0!==e?e:"";if(R.current&&t){const n=R.current.selectionStart;if(n===R.current.selectionEnd)return M(t,n)}return{text:r,html:r}}function M(t,n){var e,r;let l=null!==(r=null===(e=R.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"";l=l.slice(0,n)+t+l.slice(n);const o=x.getHTML(l);return R.current.value=l,{text:l,html:o}}return c(i,(()=>({addTextOrWrap:A,addText:I,get(){var t,n;return null!==(n=null===(t=R.current)||void 0===t?void 0:t.value)&&void 0!==n?n:""},setCaretPosition:W}))),s((()=>{if(null==R?void 0:R.current){R.current.value=E||"";const t=x.getHTML(E||"");null==C||C(E||"",t)}}),[E]),s((()=>{var t,n;(null===(t=null==R?void 0:R.current)||void 0===t?void 0:t.value)&&w&&((null===(n=null==R?void 0:R.current)||void 0===n?void 0:n.value.length)>w?null==H||H(p):null==H||H(null!=O?O:""))}),[null===(f=null==R?void 0:R.current)||void 0===f?void 0:f.value.length]),n(v,{children:[n(m,Object.assign({isError:!!O},{children:[e(g,{actions:S,ref:R,onActionSelect:function(t){if((null==j?void 0:j[t])&&R.current){const n=R.current.selectionStart;if(n===R.current.selectionEnd){M(null==j?void 0:j[t],n);const{text:e,html:r}=M(null==j?void 0:j[t],n);W(n+1),null==C||C(e,r)}else{const{text:n,html:e}=A(null==j?void 0:j[t]);null==C||C(n,e)}}},RightComponent:y,onEmojiClick:function(t){const{text:n,html:e}=I(t);null==C||C(n,e)}}),e(h,Object.assign({ref:R,onChange:function(t){const n=t.target.value,e=x.getHTML(n);null==C||C(n,e)}},b,{rows:L}))]})),O&&O!==p?n("div",Object.assign({style:{display:"flex",gap:6,alignItems:"center"}},{children:[e(l,{width:16,height:16,color:a.content.negative}),e(d,Object.assign({color:a.content.negative},{children:O}))]})):e(r,{children:w&&(null==R?void 0:R.current)?n(d,Object.assign({style:{color:O===p||(null===(T=null==R?void 0:R.current)||void 0===T?void 0:T.value.length)>w?a.content.negative:a.content.secondary}},{children:[R.current.value.length,"/",w]})):e(r,{})})]})}));T.displayName="WhatsAppTextEditor";export{T as WhatsAppTextEditor};

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-export declare const CustomRightBorder: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare enum EditorActionTypes {
-    'BOLD' = "BOLD",
-    'ITALIC' = "ITALIC",
-    'STRIKETHROUGH' = "STRIKETHROUGH",
-    'EMOJI' = "EMOJI"
-}
-export type WhatsAppTextEditorHeaderProps = {
-    onActionSelect: (actionType: EditorActionTypes) => void;
-    RightComponent?: React.FC;
-    onEmojiClick?: (emoji: string) => void;
-    actions?: EditorActionTypes[];
-};
-export declare const WhatsAppTextEditorHeader: React.ForwardRefExoticComponent<WhatsAppTextEditorHeaderProps & React.RefAttributes<HTMLTextAreaElement>>;