@bikdotai/bik-component-library 0.0.564-beta.picker.8 → 0.0.564-beta.picker.9

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

@@ -12,6 +12,7 @@ export type CustomEditorProps = React.TextareaHTMLAttributes<HTMLTextAreaElement
      * Calls only for editor only error, not for errors coming from outside
      */
     onError?: (err: string) => void;
+    onClickVariable?: (variable: string) => void;
 };
 export type CustomEditorRef = {
     addTextOrWrap: (textToAdd: string) => {
@@ -37,4 +38,5 @@ export declare const WhatsAppTextEditor: React.ForwardRefExoticComponent<React.T
      * Calls only for editor only error, not for errors coming from outside
      */
     onError?: ((err: string) => void) | undefined;
+    onClickVariable?: ((variable: string) => void) | undefined;
 } & React.RefAttributes<CustomEditorRef>>;

package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditor.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("../../assets/icons/info.svg.js"),r=require("../../helpers/BaseWhatsappContentLang.helper.js"),l=require("react"),o=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),u=require("./CustomEditor.styled.js"),s=require("./WhatsAppTextEditorHeader.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(l);const d="Character limit reached",v=new r.BaseWhatsappContentLangHelper,h={[s.EditorActionTypes.BOLD]:"*",[s.EditorActionTypes.ITALIC]:"_",[s.EditorActionTypes.STRIKETHROUGH]:"~"},p=a.default.forwardRef(((r,c)=>{var a,p,{onChange:f,text:g,RightComponent:x,error:j,limit:m,onError:C,rows:E,actions:T}=r,O=e.__rest(r,["onChange","text","RightComponent","error","limit","onError","rows","actions"]);const y=l.useRef(null);function L(e){const t=null==y?void 0:y.current;null!=t&&(t.selectionStart?(t.focus(),t.selectionEnd=e):t.focus())}function S(e){var t,n;let r=null!==(n=null===(t=y.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(y.current&&e){const t=y.current.selectionStart,n=y.current.selectionEnd,l=e;if(t===n)return R(l);{r=v.wrappWildcard(t,n,l,r);const e=v.getHTML(r);return y.current.value=r,{text:r,html:e}}}return{text:r,html:r}}function R(e){var t,n;let r=null!==(n=null===(t=y.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(y.current&&e){const t=y.current.selectionStart;if(t===y.current.selectionEnd)return H(e,t)}return{text:r,html:r}}function H(e,t){var n,r;let l=null!==(r=null===(n=y.current)||void 0===n?void 0:n.value)&&void 0!==r?r:"";l=l.slice(0,t)+e+l.slice(t);const o=v.getHTML(l);return y.current.value=l,{text:l,html:o}}return l.useImperativeHandle(c,(()=>({addTextOrWrap:S,addText:R,get(){var e,t;return null!==(t=null===(e=y.current)||void 0===e?void 0:e.value)&&void 0!==t?t:""},setCaretPosition:L}))),l.useEffect((()=>{if(null==y?void 0:y.current){y.current.value=g||"";const e=v.getHTML(g||"");null==f||f(g||"",e)}}),[g]),l.useEffect((()=>{var e,t;(null===(e=null==y?void 0:y.current)||void 0===e?void 0:e.value)&&m&&((null===(t=null==y?void 0:y.current)||void 0===t?void 0:t.value.length)>m?null==C||C(d):null==C||C(null!=j?j:""))}),[null===(a=null==y?void 0:y.current)||void 0===a?void 0:a.value.length]),t.jsxs(u.OuterContainer,{children:[t.jsxs(u.Container,Object.assign({isError:!!j},{children:[t.jsx(s.WhatsAppTextEditorHeader,{actions:T,ref:y,onActionSelect:function(e){if((null==h?void 0:h[e])&&y.current){const t=y.current.selectionStart;if(t===y.current.selectionEnd){H(null==h?void 0:h[e],t);const{text:n,html:r}=H(null==h?void 0:h[e],t);L(t+1),null==f||f(n,r)}else{const{text:t,html:n}=S(null==h?void 0:h[e]);null==f||f(t,n)}}},RightComponent:x,onEmojiClick:function(e){const{text:t,html:n}=R(e);null==f||f(t,n)}}),t.jsx(u.TextSpace,Object.assign({ref:y,onChange:function(e){const t=e.target.value,n=v.getHTML(t);null==f||f(t,n)}},O,{rows:E}))]})),j&&j!==d?t.jsxs("div",Object.assign({style:{display:"flex",gap:6,alignItems:"center"}},{children:[t.jsx(n.default,{width:16,height:16,color:o.COLORS.content.negative}),t.jsx(i.BodyCaption,Object.assign({color:o.COLORS.content.negative},{children:j}))]})):t.jsx(t.Fragment,{children:m&&(null==y?void 0:y.current)?t.jsxs(i.BodyCaption,Object.assign({style:{color:j===d||(null===(p=null==y?void 0:y.current)||void 0===p?void 0:p.value.length)>m?o.COLORS.content.negative:o.COLORS.content.secondary}},{children:[y.current.value.length,"/",m]})):t.jsx(t.Fragment,{})})]})}));p.displayName="WhatsAppTextEditor",exports.WhatsAppTextEditor=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("../../assets/icons/info.svg.js"),r=require("../../helpers/BaseWhatsappContentLang.helper.js"),o=require("react"),l=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),s=require("./CustomEditor.styled.js"),c=require("./WhatsAppTextEditorHeader.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(o);const d="Character limit reached",v=new r.BaseWhatsappContentLangHelper,p={[c.EditorActionTypes.BOLD]:"*",[c.EditorActionTypes.ITALIC]:"_",[c.EditorActionTypes.STRIKETHROUGH]:"~"},g=a.default.forwardRef(((r,u)=>{var a,g,{onChange:h,onClickVariable:f,text:x,RightComponent:j,error:m,limit:C,onError:E,rows:O,actions:T}=r,y=e.__rest(r,["onChange","onClickVariable","text","RightComponent","error","limit","onError","rows","actions"]);const b=o.useRef(null);function S(e){const t=null==b?void 0:b.current;null!=t&&(t.selectionStart?(t.focus(),t.selectionEnd=e):t.focus())}function L(e){var t,n;let r=null!==(n=null===(t=b.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(b.current&&e){const t=b.current.selectionStart,n=b.current.selectionEnd,o=e;if(t===n)return w(o);{r=v.wrappWildcard(t,n,o,r);const e=v.getHTML(r);return b.current.value=r,{text:r,html:e}}}return{text:r,html:r}}function w(e){var t,n;let r=null!==(n=null===(t=b.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(b.current&&e){const t=b.current.selectionStart;if(t===b.current.selectionEnd)return R(e,t)}return{text:r,html:r}}function R(e,t){var n,r;let o=null!==(r=null===(n=b.current)||void 0===n?void 0:n.value)&&void 0!==r?r:"";o=o.slice(0,t)+e+o.slice(t);const l=v.getHTML(o);return b.current.value=o,{text:o,html:l}}o.useImperativeHandle(u,(()=>({addTextOrWrap:L,addText:w,get(){var e,t;return null!==(t=null===(e=b.current)||void 0===e?void 0:e.value)&&void 0!==t?t:""},setCaretPosition:S}))),o.useEffect((()=>{if(null==b?void 0:b.current){b.current.value=x||"";const e=v.getHTML(x||"");null==h||h(x||"",e)}}),[x]),o.useEffect((()=>{var e,t;(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.value)&&C&&((null===(t=null==b?void 0:b.current)||void 0===t?void 0:t.value.length)>C?null==E||E(d):null==E||E(null!=m?m:""))}),[null===(a=null==b?void 0:b.current)||void 0===a?void 0:a.value.length]);const H=o.useRef(null);console.log("textSpaceRef",b);const q=()=>{H.current&&b.current&&(H.current.scrollTop=b.current.scrollTop,H.current.scrollLeft=b.current.scrollLeft)};return t.jsxs(s.OuterContainer,{children:[t.jsxs(s.Container,Object.assign({isError:!!m},{children:[t.jsx(c.WhatsAppTextEditorHeader,{actions:T,ref:b,onActionSelect:function(e){if((null==p?void 0:p[e])&&b.current){const t=b.current.selectionStart;if(t===b.current.selectionEnd){R(null==p?void 0:p[e],t);const{text:n,html:r}=R(null==p?void 0:p[e],t);S(t+1),null==h||h(n,r)}else{const{text:t,html:n}=L(null==p?void 0:p[e]);null==h||h(t,n)}}},RightComponent:j,onEmojiClick:function(e){const{text:t,html:n}=w(e);null==h||h(t,n)}}),t.jsxs("div",Object.assign({style:{position:"relative",background:""}},{children:[t.jsx("div",Object.assign({contentEditable:!1,ref:H,style:{position:"absolute",top:0,left:0,pointerEvents:"none",color:"transparent",zIndex:1,width:"100%",whiteSpace:"pre-wrap",wordWrap:"break-word",padding:"12px 16px",maxHeight:"100%",overflow:"auto",height:"48px"}},{children:(()=>{var e;const n=(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.value)||"";console.log(n);const r=/(\{\{.*?\}\})/g,o=n.split(r);return console.log(o),o.map(((e,n)=>r.test(e)?t.jsx("span",Object.assign({onClick:()=>{console.log(e),null==f||f(e)},onMouseEnter:()=>{console.log("hover",e)},style:{color:"purple",cursor:"pointer",pointerEvents:"auto"}},{children:e}),n):e))})()})),t.jsx(s.TextSpace,Object.assign({style:{zIndex:2,background:"none"},ref:b,onChange:function(e){const t=e.target.value,n=v.getHTML(t);null==h||h(t,n),q()}},y,{rows:O,onScroll:q}))]}))]})),m&&m!==d?t.jsxs("div",Object.assign({style:{display:"flex",gap:6,alignItems:"center"}},{children:[t.jsx(n.default,{width:16,height:16,color:l.COLORS.content.negative}),t.jsx(i.BodyCaption,Object.assign({color:l.COLORS.content.negative},{children:m}))]})):t.jsx(t.Fragment,{children:C&&(null==b?void 0:b.current)?t.jsxs(i.BodyCaption,Object.assign({style:{color:m===d||(null===(g=null==b?void 0:b.current)||void 0===g?void 0:g.value.length)>C?l.COLORS.content.negative:l.COLORS.content.secondary}},{children:[b.current.value.length,"/",C]})):t.jsx(t.Fragment,{})})]})}));g.displayName="WhatsAppTextEditor",exports.WhatsAppTextEditor=g;

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

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

@@ -12,6 +12,7 @@ export type CustomEditorProps = React.TextareaHTMLAttributes<HTMLTextAreaElement
      * Calls only for editor only error, not for errors coming from outside
      */
     onError?: (err: string) => void;
+    onClickVariable?: (variable: string) => void;
 };
 export type CustomEditorRef = {
     addTextOrWrap: (textToAdd: string) => {
@@ -37,4 +38,5 @@ export declare const WhatsAppTextEditor: React.ForwardRefExoticComponent<React.T
      * Calls only for editor only error, not for errors coming from outside
      */
     onError?: ((err: string) => void) | undefined;
+    onClickVariable?: ((variable: string) => void) | undefined;
 } & React.RefAttributes<CustomEditorRef>>;

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

@@ -1 +1 @@
-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};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as e,jsx as n,Fragment as r}from"react/jsx-runtime";import o from"../../assets/icons/info.svg.js";import{BaseWhatsappContentLangHelper as l}from"../../helpers/BaseWhatsappContentLang.helper.js";import i,{useRef as c,useImperativeHandle as u,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 p,TextSpace as g}from"./CustomEditor.styled.js";import{EditorActionTypes as h,WhatsAppTextEditorHeader as m}from"./WhatsAppTextEditorHeader.js";const f="Character limit reached",x=new l,j={[h.BOLD]:"*",[h.ITALIC]:"_",[h.STRIKETHROUGH]:"~"},b=i.forwardRef(((l,i)=>{var h,b,{onChange:E,onClickVariable:C,text:T,RightComponent:w,error:y,limit:O,onError:S,rows:L,actions:H}=l,k=t(l,["onChange","onClickVariable","text","RightComponent","error","limit","onError","rows","actions"]);const R=c(null);function I(t){const e=null==R?void 0:R.current;null!=e&&(e.selectionStart?(e.focus(),e.selectionEnd=t):e.focus())}function W(t){var e,n;let r=null!==(n=null===(e=R.current)||void 0===e?void 0:e.value)&&void 0!==n?n:"";if(R.current&&t){const e=R.current.selectionStart,n=R.current.selectionEnd,o=t;if(e===n)return M(o);{r=x.wrappWildcard(e,n,o,r);const t=x.getHTML(r);return R.current.value=r,{text:r,html:t}}}return{text:r,html:r}}function M(t){var e,n;let r=null!==(n=null===(e=R.current)||void 0===e?void 0:e.value)&&void 0!==n?n:"";if(R.current&&t){const e=R.current.selectionStart;if(e===R.current.selectionEnd)return A(t,e)}return{text:r,html:r}}function A(t,e){var n,r;let o=null!==(r=null===(n=R.current)||void 0===n?void 0:n.value)&&void 0!==r?r:"";o=o.slice(0,e)+t+o.slice(e);const l=x.getHTML(o);return R.current.value=o,{text:o,html:l}}u(i,(()=>({addTextOrWrap:W,addText:M,get(){var t,e;return null!==(e=null===(t=R.current)||void 0===t?void 0:t.value)&&void 0!==e?e:""},setCaretPosition:I}))),s((()=>{if(null==R?void 0:R.current){R.current.value=T||"";const t=x.getHTML(T||"");null==E||E(T||"",t)}}),[T]),s((()=>{var t,e;(null===(t=null==R?void 0:R.current)||void 0===t?void 0:t.value)&&O&&((null===(e=null==R?void 0:R.current)||void 0===e?void 0:e.value.length)>O?null==S||S(f):null==S||S(null!=y?y:""))}),[null===(h=null==R?void 0:R.current)||void 0===h?void 0:h.value.length]);const _=c(null);console.log("textSpaceRef",R);const z=()=>{_.current&&R.current&&(_.current.scrollTop=R.current.scrollTop,_.current.scrollLeft=R.current.scrollLeft)};return e(v,{children:[e(p,Object.assign({isError:!!y},{children:[n(m,{actions:H,ref:R,onActionSelect:function(t){if((null==j?void 0:j[t])&&R.current){const e=R.current.selectionStart;if(e===R.current.selectionEnd){A(null==j?void 0:j[t],e);const{text:n,html:r}=A(null==j?void 0:j[t],e);I(e+1),null==E||E(n,r)}else{const{text:e,html:n}=W(null==j?void 0:j[t]);null==E||E(e,n)}}},RightComponent:w,onEmojiClick:function(t){const{text:e,html:n}=M(t);null==E||E(e,n)}}),e("div",Object.assign({style:{position:"relative",background:""}},{children:[n("div",Object.assign({contentEditable:!1,ref:_,style:{position:"absolute",top:0,left:0,pointerEvents:"none",color:"transparent",zIndex:1,width:"100%",whiteSpace:"pre-wrap",wordWrap:"break-word",padding:"12px 16px",maxHeight:"100%",overflow:"auto",height:"48px"}},{children:(()=>{var t;const e=(null===(t=null==R?void 0:R.current)||void 0===t?void 0:t.value)||"";console.log(e);const r=/(\{\{.*?\}\})/g,o=e.split(r);return console.log(o),o.map(((t,e)=>r.test(t)?n("span",Object.assign({onClick:()=>{console.log(t),null==C||C(t)},onMouseEnter:()=>{console.log("hover",t)},style:{color:"purple",cursor:"pointer",pointerEvents:"auto"}},{children:t}),e):t))})()})),n(g,Object.assign({style:{zIndex:2,background:"none"},ref:R,onChange:function(t){const e=t.target.value,n=x.getHTML(e);null==E||E(e,n),z()}},k,{rows:L,onScroll:z}))]}))]})),y&&y!==f?e("div",Object.assign({style:{display:"flex",gap:6,alignItems:"center"}},{children:[n(o,{width:16,height:16,color:a.content.negative}),n(d,Object.assign({color:a.content.negative},{children:y}))]})):n(r,{children:O&&(null==R?void 0:R.current)?e(d,Object.assign({style:{color:y===f||(null===(b=null==R?void 0:R.current)||void 0===b?void 0:b.value.length)>O?a.content.negative:a.content.secondary}},{children:[R.current.value.length,"/",O]})):n(r,{})})]})}));b.displayName="WhatsAppTextEditor";export{b as WhatsAppTextEditor};

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.564-beta.picker.8",
+	"version": "0.0.564-beta.picker.9",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",