@bikdotai/bik-component-library 0.0.377-beta.1 → 0.0.378-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/add-variableV2/InputWithVariables.d.ts +0 -1
- package/dist/cjs/components/add-variableV2/InputWithVariables.js +2 -2
- package/dist/esm/components/add-variableV2/InputWithVariables.d.ts +0 -1
- package/dist/esm/components/add-variableV2/InputWithVariables.js +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),l=require("../../node_modules/uuid/index.js"),r=require("styled-components"),i=require("../input/Input.js"),t=require("../TypographyStyle.js"),s=require("./AddVariableV2.js"),d=require("../../constants/Theme.js"),u=require("../../assets/icons/PlusIcon.js"),n=require("./AddVariableBox.styled.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const c=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),l=require("../../node_modules/uuid/index.js"),r=require("styled-components"),i=require("../input/Input.js"),t=require("../TypographyStyle.js"),s=require("./AddVariableV2.js"),d=require("../../constants/Theme.js"),u=require("../../assets/icons/PlusIcon.js"),n=require("./AddVariableBox.styled.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const c=o(r).default.div`
|
|
2
2
|
margin-bottom: 32px;
|
|
3
3
|
input {
|
|
4
4
|
color: ${e=>e.isVar?d.COLORS.stroke.brand:"black"}
|
|
5
5
|
}
|
|
6
|
-
`;exports.InputWithVariables=c,
|
|
6
|
+
`;exports.InputWithVariables=r=>{const d=a.useRef(null),[o,v]=a.useState(!1),[p]=a.useState(l.uuid_1.v4()),[b,V]=a.useState(),[g,h]=a.useState(r.prevVariable),[j,x]=a.useState(!1),[T,y]=a.useState(!1);return a.useEffect((()=>{b&&b.actualValue&&(r.allowMix?h((e=>({actualValue:e.actualValue+b.actualValue,variableType:"string"}))):h((e=>({actualValue:b.actualValue,variableType:b.variableType,needsFetching:b.needsFetching}))))}),[b]),a.useEffect((()=>{r.onChange(g)}),[g]),e.jsxs(c,Object.assign({isVar:/^{{.*}}$/.test(g.actualValue)},{children:[e.jsx(i.Input,{id:p,ref:d,skipFocus:!0,textControl:!0,isActive:o,value:g.actualValue,validate:e=>[!0,""],errorMessage:"",placeholder:"Add a value",onChangeText:function(e,a){r.onlyVariables||(r.allowMix?h({actualValue:e,variableType:"string"}):h({actualValue:e.replace(/{{.*}}/,""),variableType:"string"}))},onReferenceInit:()=>{},onFocus:e=>{var a;v(!0),y(!0),"Search..."!==(null===(a=e.relatedTarget)||void 0===a?void 0:a.placeholder)||j||x(!0)},onBlur:e=>{var a,l,r,i,t,s,u;"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"varList"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||(null===(i=null===(r=e.relatedTarget)||void 0===r?void 0:r.className)||void 0===i?void 0:i.includes("exlualr0"))||(null===(s=null===(t=e.relatedTarget)||void 0===t?void 0:t.className)||void 0===s?void 0:s.includes("sc-dZoequ "))?(d.current&&d.current.focus(),v(!0)):"Search..."===(null===(u=e.relatedTarget)||void 0===u?void 0:u.placeholder)?v(!0):(v(!1),x(!1),y(!1))}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[g.actualValue&&r.showHelp?e.jsx("div",Object.assign({style:{marginTop:4}},{children:e.jsx(t.BodyCaption,{children:`This value is of type ${g.variableType}`})})):e.jsx("div",{}),T&&e.jsx(n.AddVariableStyled,Object.assign({id:"addVar",onClick:()=>{x(!j)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(u.default,{color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),j&&e.jsx(s.AddVariableV2,{data:r.variablesList,showVariable:!0,setShowVariable:()=>{x(!1)},variableValue:b,setVariableValue:V,placeholder:"",pickerSize:"large",enableVariable:!0,selectWithTypes:!0,onSearchBlur:e=>{var a,l,r,i,t,s;"varList"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||(null===(r=null===(l=e.relatedTarget)||void 0===l?void 0:l.className)||void 0===r?void 0:r.includes("exlualr0"))||(null===(t=null===(i=e.relatedTarget)||void 0===i?void 0:i.className)||void 0===t?void 0:t.includes("sc-dZoequ "))?d.current.focus():"Enter here"===(null===(s=e.relatedTarget)||void 0===s?void 0:s.placeholder)?e.relatedTarget.id!==p&&(x(!1),y(!1),v(!1)):(x(!1),y(!1),v(!1))}})]}))};
|