@bikdotai/bik-component-library 0.0.687-beta.5 → 0.0.687-beta.6

package/dist/esm/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/esm/components/SearchFilter/components/DatePickerButton.js

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

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

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

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

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

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

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

package/dist/esm/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/esm/components/SearchFilter/index.js

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

package/dist/esm/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/esm/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/esm/components/TablePagination/TablePagination.js

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

package/dist/esm/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/esm/components/TablePagination/TablePaginationCard.js

@@ -1 +1,9 @@
-import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{TablePagination as m}from"./TablePagination.js";import{COLORS as e}from"../../constants/Theme.js";var B=Object.defineProperty,I=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,t=(c,b,m)=>b in c?B(c,b,{enumerable:!0,configurable:!0,writable:!0,value:m}):c[b]=m,i=(c,b)=>{for(var m in b||(b={}))d.call(b,m)&&t(c,m,b[m]);if(I)for(var m of I(b))l.call(b,m)&&t(c,m,b[m]);return c};const X=c("div","production"===process.env.NODE_ENV?{target:"exfv5q90"}:{target:"exfv5q90",label:"TablePaginationCardStyled"})("background:",e.surface.standard,";border:",(c=>c.removeBorder?0:1),"px solid ",e.stroke.primary,";border-radius:4px;display:flex;justify-content:center;margin:auto;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlUGFnaW5hdGlvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCbUQiLCJmaWxlIjoiVGFibGVQYWdpbmF0aW9uQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbnZhciBfX2RlZlByb3AgPSBPYmplY3QuZGVmaW5lUHJvcGVydHk7XG52YXIgX19nZXRPd25Qcm9wU3ltYm9scyA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM7XG52YXIgX19oYXNPd25Qcm9wID0gT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtcbnZhciBfX3Byb3BJc0VudW0gPSBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlO1xudmFyIF9fZGVmTm9ybWFsUHJvcCA9IChvYmosIGtleSwgdmFsdWUpID0+IGtleSBpbiBvYmogPyBfX2RlZlByb3Aob2JqLCBrZXksIHsgZW51bWVyYWJsZTogdHJ1ZSwgY29uZmlndXJhYmxlOiB0cnVlLCB3cml0YWJsZTogdHJ1ZSwgdmFsdWUgfSkgOiBvYmpba2V5XSA9IHZhbHVlO1xudmFyIF9fc3ByZWFkVmFsdWVzID0gKGEsIGIpID0+IHtcbiAgZm9yICh2YXIgcHJvcCBpbiBiIHx8IChiID0ge30pKVxuICAgIGlmIChfX2hhc093blByb3AuY2FsbChiLCBwcm9wKSlcbiAgICAgIF9fZGVmTm9ybWFsUHJvcChhLCBwcm9wLCBiW3Byb3BdKTtcbiAgaWYgKF9fZ2V0T3duUHJvcFN5bWJvbHMpXG4gICAgZm9yICh2YXIgcHJvcCBvZiBfX2dldE93blByb3BTeW1ib2xzKGIpKSB7XG4gICAgICBpZiAoX19wcm9wSXNFbnVtLmNhbGwoYiwgcHJvcCkpXG4gICAgICAgIF9fZGVmTm9ybWFsUHJvcChhLCBwcm9wLCBiW3Byb3BdKTtcbiAgICB9XG4gIHJldHVybiBhO1xufTtcbmltcG9ydCB7IGpzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBUYWJsZVBhZ2luYXRpb25cbn0gZnJvbSBcIkBzcmMvY29tcG9uZW50cy9UYWJsZVBhZ2luYXRpb24vVGFibGVQYWdpbmF0aW9uXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCBjb25zdCBUYWJsZVBhZ2luYXRpb25DYXJkU3R5bGVkID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogJHsocHJvcHMpID0+IHByb3BzLnJlbW92ZUJvcmRlciA/IDAgOiAxfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5gO1xuZXhwb3J0IGNvbnN0IFRhYmxlUGFnaW5hdGlvbkNhcmQgPSAocHJvcHMpID0+IHtcbiAgcmV0dXJuIC8qIEBfX1BVUkVfXyAqLyBqc3goVGFibGVQYWdpbmF0aW9uQ2FyZFN0eWxlZCwgeyByZW1vdmVCb3JkZXI6IHByb3BzLnJlbW92ZUJvcmRlciwgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goVGFibGVQYWdpbmF0aW9uLCBfX3NwcmVhZFZhbHVlcyh7fSwgcHJvcHMpKSB9KTtcbn07XG4iXX0= */")),o=c=>b(X,{removeBorder:c.removeBorder,children:b(m,i({},c))});export{o as TablePaginationCard,X as TablePaginationCardStyled};
+import{jsx as r}from"react/jsx-runtime";import o from"@emotion/styled";import{TablePagination as e}from"./TablePagination.js";import{COLORS as t}from"../../constants/Theme.js";const i=o.div`
+	background: ${t.surface.standard};
+	border: ${r=>r.removeBorder?0:1}px solid
+		${t.stroke.primary};
+	border-radius: 4px;
+	display: flex;
+	justify-content: center;
+	margin: auto;
+`,m=o=>r(i,{removeBorder:o.removeBorder,children:r(e,{...o})});export{m as TablePaginationCard,i as TablePaginationCardStyled};

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

@@ -0,0 +1,117 @@
+import * as styled_components from 'styled-components';
+
+declare const TitleXlarge: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const TitleLarge: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const TitleMedium: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const SmallRegular: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const TitleRegular: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const TitleSmall: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const Display: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const BodyLarge: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const BodyPrimary: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const BodySecondary: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const ButtonRegularAI: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+    disabled?: boolean | undefined;
+}, never>;
+declare const BodyPrimaryLink: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const BodySecondaryLink: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const BodyCaption: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const AiBodyCaption: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const BodyTiny: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const AiBodyTiny: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const ButtonLarge: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const ButtonLargeAI: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const ButtonRegular: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const SubHeading: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const BodyRegular: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const Caption: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const TextPlaceholder: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const TitleFour: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const BodySmall: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const CaptionBold: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+declare const Tiny: styled_components.StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+
+export { AiBodyCaption, AiBodyTiny, BodyCaption, BodyLarge, BodyPrimary, BodyPrimaryLink, BodyRegular, BodySecondary, BodySecondaryLink, BodySmall, BodyTiny, ButtonLarge, ButtonLargeAI, ButtonRegular, ButtonRegularAI, Caption, CaptionBold, Display, SmallRegular, SubHeading, TextPlaceholder, Tiny, TitleFour, TitleLarge, TitleMedium, TitleRegular, TitleSmall, TitleXlarge };

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

@@ -1 +1,22 @@
-import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e91dva42"}:{target:"e91dva42",label:"Container"})("background:",d.surface.standard,";border:",(c=>c.isError?2:1),"px solid ",(c=>c.isError?d.stroke.negative.vibrant:d.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21DIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogJHsocHJvcHMpID0+IHByb3BzLmlzRXJyb3IgPyAyIDogMX1weCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5pc0Vycm9yID8gQ09MT1JTLnN0cm9rZS5uZWdhdGl2ZS52aWJyYW50IDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWFgXG5cdHdpZHRoOiAxMDAlO1xuXG5cdGJvcmRlcjogMDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRyZXNpemU6IG5vbmU7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXG5cdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRib3JkZXI6IDA7XG5cdFx0b3V0bGluZTogMDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuYDtcbiJdfQ== */")),t=c("textarea","production"===process.env.NODE_ENV?{target:"e91dva41"}:{target:"e91dva41",label:"TextSpace"})("width:100%;border:0;padding:12px 16px;resize:none;color:",d.content.primary,";&:focus-within{border:0;outline:0;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3dDIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogJHsocHJvcHMpID0+IHByb3BzLmlzRXJyb3IgPyAyIDogMX1weCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5pc0Vycm9yID8gQ09MT1JTLnN0cm9rZS5uZWdhdGl2ZS52aWJyYW50IDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWFgXG5cdHdpZHRoOiAxMDAlO1xuXG5cdGJvcmRlcjogMDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRyZXNpemU6IG5vbmU7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXG5cdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRib3JkZXI6IDA7XG5cdFx0b3V0bGluZTogMDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuYDtcbiJdfQ== */")),l=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J3QyIsImZpbGUiOiJDdXN0b21FZGl0b3Iuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCJAc3JjL2NvbnN0YW50cy9UaGVtZVwiO1xuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0Vycm9yID8gMiA6IDF9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XG5leHBvcnQgY29uc3QgVGV4dFNwYWNlID0gc3R5bGVkLnRleHRhcmVhYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XG5leHBvcnQgY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XG4iXX0= */",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{b as Container,l as OuterContainer,t as TextSpace};
+import r from"@emotion/styled";import{COLORS as o}from"../../constants/Theme.js";const e=r.div`
+	background: ${o.surface.standard};
+	border: ${r=>r.isError?2:1}px solid
+		${r=>r.isError?o.stroke.negative.vibrant:o.stroke.primary};
+	border-radius: 4px;
+`,i=r.textarea`
+	width: 100%;
+
+	border: 0;
+	padding: 12px 16px;
+	resize: none;
+	color: ${o.content.primary};
+
+	&:focus-within {
+		border: 0;
+		outline: 0;
+	}
+`,t=r.div`
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+`;export{e as Container,t as OuterContainer,i as TextSpace};

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

@@ -0,0 +1,46 @@
+import React__default from 'react';
+import { EditorActionTypes } from './WhatsAppTextEditorHeader.js';
+
+type CustomEditorProps = React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    onChange?: (text: string, html: string) => void;
+    text?: string;
+    RightComponent?: React__default.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;
+    onClickVariable?: (variable: string) => void;
+};
+type CustomEditorRef = {
+    addTextOrWrap: (textToAdd: string) => {
+        text: string;
+        html: string;
+    };
+    addText: (textToAdd: string) => {
+        text: string;
+        html: string;
+    };
+    get: () => string;
+    setCaretPosition(caretPos: number): void;
+};
+declare const WhatsAppTextEditor: React__default.ForwardRefExoticComponent<React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    onChange?: ((text: string, html: string) => void) | undefined;
+    text?: string | undefined;
+    RightComponent?: React__default.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;
+    onClickVariable?: ((variable: string) => void) | undefined;
+} & React__default.RefAttributes<CustomEditorRef>>;
+
+export { WhatsAppTextEditor };
+export type { CustomEditorProps, CustomEditorRef };

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

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

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

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