@ws-ui/webform-editor 1.4.17 → 1.4.18

package/dist/index.cjs.js

@@ -781,5 +781,5 @@ See : https://tailwind.build/classes`);return}e&&e({classname:a,isShared:o})},d=
 
 }`,parentId:null,scope:C?z.EWebFormStyleClassScope.SHARED:z.EWebFormStyleClassScope.LOCAL,id:P};S.push(D),g(fe.updateSharedCss({classes:S}))}else{const S=[...p],D={name:E,content:`self {
 
-}`,parentId:null,scope:C?z.EWebFormStyleClassScope.SHARED:z.EWebFormStyleClassScope.LOCAL,id:P};S.push(D),g(fe.setContent({path:t,content:S,contentPath:"metadata.styles"}))}a.actions.openWithCurrent("cssclass:edit",P)},[g,p,t]),M=h.useMemo(()=>ree(v,{idKey:"id",childrenKey:"linkedClasses",parentKey:"parentId"}),[v]);function k(){o(!1)}return c.jsxs("div",{className:"flex h-full flex-col",children:[c.jsxs("div",{className:"flex p-2","data-cy":"styleLibrarySearchInput",children:[c.jsx(Yl,{value:r,onChange:E=>n(E)}),c.jsx("div",{"data-cy":"createStyleClassIcon",ref:d,className:"ml-1 flex h-full cursor-pointer items-center px-1 hover:bg-primary-hover rounded",onClick:()=>{o(!0)},children:c.jsx(Un,{})})]}),c.jsxs("div",{className:"flex h-4 items-center justify-around text-xs",children:[c.jsxs("div",{className:"flex items-center px-1",children:[c.jsx(oa.Checkbox,{isChecked:s.includes(z.EWebFormStyleClassScope.LOCAL),onChange:()=>y(z.EWebFormStyleClassScope.LOCAL),colorScheme:"primary"}),c.jsx("label",{className:"text-white pl-1",htmlFor:"local-style",children:"Local"})]}),c.jsxs("div",{className:"flex items-center px-1",children:[c.jsx(oa.Checkbox,{isChecked:s.includes(z.EWebFormStyleClassScope.THEME),onChange:()=>y(z.EWebFormStyleClassScope.THEME),colorScheme:"primary"}),c.jsx("label",{className:"text-white pl-1",htmlFor:"theme-style",children:"Theme"})]}),c.jsxs("div",{className:"flex items-center px-1",children:[c.jsx(oa.Checkbox,{isChecked:s.includes(z.EWebFormStyleClassScope.SHARED),onChange:()=>y(z.EWebFormStyleClassScope.SHARED),colorScheme:"primary"}),c.jsx("label",{className:"text-white pl-1",htmlFor:"shared-style",children:"Shared"})]})]}),c.jsx("div",{className:"relative flex-1",children:c.jsx("ul",{className:"absolute inset-0 right-2 py-4","data-cy":"stylesLibraryClasses",children:c.jsx(ul,{style:{width:"100%",height:"100%"},children:c.jsx("div",{"data-cy":"css-class-list-cy",className:"mx-2 space-y-1 pl-2 pr-1 text-xs",children:h.Children.toArray(M.map(E=>c.jsx(_me,{cls:E})))})})})}),c.jsx(z.Dialog,{isOpen:i,onClose:k,placement:"bottom-start",referenceElement:u,children:c.jsx(Ggr,{onSubmit:w,onClose:k})})]})};function qgr({children:e,isOpen:t,onClose:a}){return c.jsx(No,{appear:!0,show:t,as:h.Fragment,children:c.jsxs(ku,{as:"div",className:"relative z-[1000]",onClose:a,children:[c.jsx(No.Child,{as:h.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:c.jsx("div",{className:"fixed inset-0 bg-black bg-opacity-75"})}),c.jsx("div",{className:"fixed inset-0 overflow-y-auto",children:c.jsx("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:c.jsx(No.Child,{as:h.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:c.jsxs(ku.Panel,{className:"w-full max-w-md text-white border border-grey-50 transform overflow-hidden bg-grey-900 py-4 px-5 text-left align-middle shadow-xl transition-all rounded",children:[c.jsxs("div",{className:"flex flex-col items-center justify-center",children:[c.jsx(aZ,{className:"w-9 h-9"}),c.jsx("h3",{className:"mt-4 font-bold text-xl",children:"Upload Component"})]}),e]})})})})]})})}function Zgr({fileUploaded:e,hasError:t,file:a}){return t?c.jsxs("div",{className:"flex flex-col items-center justify-center text-red-400",children:[c.jsx(e$,{className:"w-6 h-6"}),c.jsxs("div",{className:"flex flex-col *:block mt-2 text-xs max-w-xs",children:[c.jsx("span",{className:"",children:"The upload of the custom component failed."}),c.jsxs("span",{className:"",children:["Make sure you are importing a",c.jsxs("a",{onClick:r=>r.stopPropagation(),className:"inline-flex items-start text-primary-dark underline",href:"https://developer.qodly.com/docs/customComponent/setup/#building-the-project",target:"_blank",children:[" ","properly built custom component for"," ",c.jsx("span",{className:" font-bold whitespace-pre",children:" Qodly"}),"."]})]})]})]}):e&&!t?c.jsxs("div",{className:"flex flex-col items-center justify-center text-green-500",children:[c.jsx(BT,{className:"w-6 h-6"}),c.jsx("div",{className:"mt-2 text-xs max-w-xs",children:"Your component has been installed, please reload the page for it to appear"})]}):c.jsxs("div",{className:"flex flex-col items-center justify-center text-grey-100",children:[c.jsx(I1e,{className:"w-6 h-6"}),c.jsx("div",{className:"mt-2 text-xs",children:a.name})]})}function Kgr(){const[e,t]=h.useState(!1),[a,r]=h.useState(null),[n,i]=h.useState(!1),[o,s]=h.useState(null),[l,u]=h.useState(!1),{getRootProps:d,getInputProps:m,isDragActive:f}=I_({onDropAccepted([M]){r(M)},accept:{"application/*":[".zip"]},multiple:!1}),{isStandaloneEditor:p}=_u();if(p)return null;function g(){u(!1),s(null),i(!1),r(null)}function v(){g(),t(!1)}function y(){t(!0)}const w=async()=>{if(a){u(!0);try{const{status:M}=await fetch("/rest/$upload?$customComponent=true",{method:"POST",headers:{"Content-Type":a.type},body:a});if(M>=400)throw new Error("Unable to upload component");i(!0)}catch(M){s(M),i(!1)}u(!1)}};return c.jsxs(c.Fragment,{children:[c.jsx(Rt,{label:"Upload Component",children:c.jsx("button",{onClick:y,className:"rounded p-1 text-gray-100 hover:bg-primary-hover focus:outline-none",children:c.jsx(aZ,{className:H("h-4 w-4")})})}),c.jsxs(qgr,{isOpen:e,onClose:v,children:[c.jsx("div",{className:"mt-4",children:c.jsxs("div",{...d(),children:[c.jsx("input",{...m()}),c.jsx("div",{className:H("text-center text-sm border rounded border-dashed min-h-[100px]",{"border-purple-500":f,"flex items-center justify-center":a}),children:a?c.jsx(Zgr,{file:a,fileUploaded:n,hasError:o}):c.jsxs("div",{className:"min-h-[100px] w-full text-grey-100 flex flex-col items-center justify-center",children:[c.jsx("p",{className:"text-center max-w-md text-xs px-2 ",children:'Drag and drop the file with ".zip" extension here or click to select them on your computer.'}),c.jsx(M0,{className:"w-6 h-6 mt-2"})]})})]})}),c.jsxs("div",{className:"mt-4 flex gap-4 items-center justify-between",children:[c.jsxs("a",{target:"_blank",href:"https://developer.qodly.com/docs/customComponent/overview",className:"text-purple-600 hover:underline text-xs flex items-center",children:[c.jsx("span",{children:"How to create a component"}),c.jsx(Hq,{className:"ml-1 mt-px h-4 w-4"})]}),c.jsxs("div",{className:"flex gap-4 items-center",children:[c.jsx("button",{onClick:v,className:"px-4 py-2 text-white border border-white rounded text-xs font-medium hover:text-primary-dark hover:bg-white",children:"Cancel"}),o&&c.jsx("button",{onClick:g,className:"px-4 py-2 text-white border border-purple-600 bg-purple-600 rounded text-xs font-medium",children:"Try Again"}),!n&&!o&&c.jsxs("button",{onClick:w,disabled:!a||l,className:"px-4 py-2 text-white border border-purple-600 bg-purple-600 rounded text-xs font-medium disabled:bg-grey-200 disabled:border-grey-200 disabled:opacity-80 disabled:cursor-not-allowed relative",children:[c.jsx("span",{className:H({"opacity-0":l}),children:"Install Component"}),c.jsx("span",{className:H("absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2",{hidden:!l,"inline-block":l}),children:c.jsx(a$,{className:"w-4 h-4 spinner-animation"})})]}),n&&!o&&c.jsx("button",{onClick:()=>{window.location.reload()},className:"px-4 py-2 text-white border border-purple-600 bg-purple-600 rounded text-xs font-medium",children:"Reload"})]})]})]})]})}const Jgr=({isDragging:e})=>c.jsx("div",{className:`h-full w-2 bg-opacity-40 hover:bg-primary-hover ${e?"bg-primary-hover ":""}`}),cq=({type:e})=>{const t=Qa(),{active:a}=at(fe.selectInspectorStateByType(e));return c.jsx(Rt,{label:"Inspector",children:c.jsx("button",{onClick:()=>t(fe.toggleInspector({type:e})),className:"rounded p-1 text-gray-100 hover:bg-primary-hover focus:outline-none",children:c.jsx(U1e,{className:H("h-4 w-4",{"text-primary-dark":a,"text-gray-100":!a})})})})},Qgr=e=>c.jsx(Rt,{label:"Collapse All",children:c.jsx("button",{...e,className:"rounded p-1 text-gray-100 hover:bg-primary-hover focus:outline-none",children:c.jsx(GT,{className:H("h-4 w-4")})})}),evr=()=>{const{enabled:e}=Ee.useEditor(ba),[t,a]=h.useState(230),[r,n]=h.useState(!1),i=h.useRef(null),o=fe.useAppSelector(fe.selectFeatureFlag("states"));return c.jsx("div",{"data-welcometour-id":z.EIDENTIFIERS.SideBar,children:c.jsx(Wf,{className:H(["z-[49] min-w-[240px] max-w-[320px] border-r border-fd-gray-darker bg-grey-800 ",{hidden:!e}]),enable:{top:!1,right:!0,bottom:!1,left:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},size:{height:"calc(100vh - 5.5rem)",width:t},handleComponent:{right:c.jsx(Jgr,{isDragging:r})},onResizeStop:(s,l,u,d)=>{a(d.width+t),n(!1)},onResizeStart:()=>n(!0),children:c.jsxs(ul,{"data-cy":"webformLeftSidebar",style:{height:"calc(100vh - 5.5rem)"},autoHide:!0,children:[c.jsx(Xg,{label:"Components",defaultValue:!0,actions:[c.jsx(Kgr,{}),c.jsx(z.Tip,{tipKey:"editors:webform:toolbox:components",asButton:!0,alwaysOn:!0})],children:c.jsx(Qpr,{})}),c.jsx(Xg,{label:"Qodly Sources",defaultValue:!0,actions:[c.jsx(Qgr,{onClick:()=>{var s;(s=i.current)==null||s.collapseAll()}}),c.jsx(cq,{type:"datasource"}),c.jsx(IT,{target:"datasources"}),c.jsx(z.Tip,{tipKey:"editors:webform:toolbox:datasources",alwaysOn:!0,asButton:!0})],children:c.jsx(Ehr,{ref:i})}),c.jsx(z.Incase,{of:o,children:c.jsx(Whr,{children:c.jsx(Xg,{label:"States",actions:[c.jsx(Hgr,{}),c.jsx(z.Tip,{tipKey:"editors:webform:toolbox:states",alwaysOn:!0,asButton:!0})],children:c.jsx(zhr,{})})})}),c.jsx(Xg,{label:"Styles Library",actions:[c.jsx(cq,{type:"css"}),c.jsx(IT,{target:"styles"}),c.jsx(z.Tip,{tipKey:"editors:webform:toolbox:styleslib",alwaysOn:!0,asButton:!0})],children:c.jsx(Ugr,{})}),c.jsx(Xg,{label:"Outline",actions:[c.jsx(z.Tip,{tipKey:"editors:webform:toolbox:outline",asButton:!0,alwaysOn:!0})],children:c.jsx(Ohr,{})})]})})})},tvr=h.memo(evr),rW={FileInput:hC,SliderContainer:GC,SelectBox:yC,StyleBox:qC,Columns:CC,Grid:PC,Tabs:ZC,WebformLoader:KC,Matrix:RC,DataTable:DC,Text:EC,Fallback:qy,Input:OC,Button:_C,TextInput:NC,Container:Ky,Image:c7,FileUpload:gC,Label:WC,Radio:zC,Slider:HC,SliderTrack:UC,SliderThumb:YC,SliderFilledTrack:XC,Select:BC,SelectInput:VC,Icon:jC,Checkbox:SC,PieChart:LC,CheckboxInput:vC,Dialog:S1};(process.env.REACT_APP_EXCLUDE_COMPONENTS||"").split(",").forEach(e=>{delete rW[e]});const{generate:avr}=bq("abcdefghijklmonpqrstuvwxyz"),rvr=({path:e,content:t,onChange:a})=>{const r=Qa(),n=at(fe.selectFlagsByPath(e),fe.selectorEqualityFn);h.useEffect(()=>{typeof t=="string"&&r(fe.setContent({path:e,content:JSON.parse(t)}))},[t]);const[i]=h.useState(avr()),{components:o}=a6(),s=h.useRef(null);return typeof t=="string"?null:c.jsxs(b_,{children:[c.jsx(exports.StudioStyleSheets.Local,{path:e,prefix:i}),c.jsx(Ee.Editor,{enabled:n?n.enabled:!0,resolver:o,fallback:qy,onRender:ila,onNodesChange:l=>{var g,v;const u=l.getState().options.enabled,d=(g=s.current)==null?void 0:g.gePreviewState(),m=(v=s.current)==null?void 0:v.isPreviewLoading();if(!u||m||d===Bfe.STARTED)return;const f=l.getSerializedNodes(),p=cae(f);return jo.next({action:Xn.CONTENT_CHANGED,payload:{path:e,nodes:p}}),a==null||a(p),p},children:c.jsx(lmr,{ref:s,children:c.jsx(nvr,{path:e,prefix:i})})})]})},nvr=({path:e,prefix:t})=>{const{enabled:a}=Ee.useEditor(ba),{isStarted:r}=Z7(),n=at(fe.selectWebformStatesByPath(e),fe.selectorEqualityFn),i=at(fe.selectWebformNodes(e)),o=at(fe.selectDefaultWebformStatesByPath(e)),s=at(fe.selectSavedConditions),l=a&&!r;return c.jsx(s_,{enabled:l,states:n,nodes:i,defaultStates:o,savedConditions:s,children:c.jsx(N_,{stylesPrefix:t,children:c.jsxs(oa.ChakraProvider,{theme:y_,children:[c.jsx(tvr,{}),c.jsx(ivr,{enabled:l,prefix:t,nodes:i}),c.jsx(gsa,{})]})})})},ivr=({enabled:e,prefix:t,nodes:a})=>{const{resolver:r}=Ee.useEditor(Ga),{states:n,defaultStates:i,appliedStates:o,isRootState:s,currentState:l}=fo(),u=ub([...i,...o]);return ce.isEmpty(a)?null:e?c.jsxs(c.Fragment,{children:[c.jsx(c.Fragment,{}),c.jsx(UU,{states:n,className:t,initialContent:s?a:z0(a,[l.id],r)})]}):c.jsx(UU,{states:n,className:t,initialContent:u.length>0?z0(a,u,r):a})},ovr=({store:e,useDispatch:t,useSelector:a,lspProps:r,userComponents:n,brokenComponents:i=[],...o})=>c.jsx(fq,{store:e,useDispatch:t,useSelector:a,children:c.jsx(Tla,{lspProps:r,children:c.jsx(iie,{components:{...rW,...n||{}},brokenComponents:i,children:c.jsx(H5,{path:o.path,children:c.jsx(kHt,{children:c.jsx(rvr,{...o})})})})})}),svr=h.memo(ovr,(e,t)=>e.path===t.path&&typeof e.content==typeof t.content&&e.lspProps.inited===t.lspProps.inited&&e.lspProps.lastError===t.lspProps.lastError),lvr="1.4.17",WT={BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}.VITE_WEBFORM||"standalone",Hv={name:WT,path:`WebForms/${WT}.WebForm`,content:fe.getDefaultContent(z.FileFolderType.WEBFORM,{}),date:new Date().toISOString()};async function uvr(){try{if(await z.loadDS(),{}.VITE_WEBFORM){const e=await z.getFilesInfo({path:Hv.path});Hv.date=e.files[0].date,Hv.content=await z.getWebForm(WT,{sanitize:!1}),Hv.replace=!0}}catch{}return Promise.resolve().then(()=>require("./Editor-2a172a9b.cjs"))}const cvr=h.lazy(uvr);function dvr({onChange:e,userComponents:t}){return c.jsx(h.Suspense,{fallback:c.jsx(z.AppLoader,{message:"Initializing...",version:lvr}),children:c.jsx(cvr,{webform:Hv,userComponents:t,onChange:e})})}exports.BASIC_SETTINGS=Sr;exports.BuildResolver=rW;exports.CONTROLLED_MAP=$se;exports.Checkbox=_5;exports.CustomPicker=PO;exports.DEFAULT_DATE_FORMAT=ks;exports.DEFAULT_ITERATOR=To;exports.DEFAULT_NAMESPACE=xa;exports.DEFAULT_SETTINGS=Jn;exports.DEFAULT_WEEK_START_DAY=Q5;exports.DataLoader=J5;exports.DnDContext=v_;exports.DndScope=b_;exports.EComponentCategory=dr;exports.EComponentKind=po;exports.ESetting=Me;exports.ETextFieldModifier=ME;exports.EntityActions=L_;exports.EntityProvider=oC;exports.ErrorBoundary=o$;exports.ExcludeMap=vc;exports.FloatingTooltip=Aee;exports.IteratorProvider=g_;exports.MainFrame=j_;exports.NavigationProvider=ele;exports.NodeError=x5;exports.PANEL_EXPANDED_HEIGHT=W2;exports.PANEL_INITIAL_HEIGHT=Xd;exports.Panel=jle;exports.PopoverBody=i0;exports.PopoverButton=fh;exports.PopoverCombobox=qk;exports.PopoverField=Fs;exports.PopoverIcon=Ru;exports.PopoverInput=xc;exports.PopoverSelect=Dl;exports.PopoverTooltip=Fu;exports.PopperTooltip=yee;exports.Portal=nle;exports.PreviewModeActions=Ak;exports.PreviewModeSubject=Nj;exports.RadioItem=Ure;exports.RenderResolver=l5;exports.RendererWebform=Ydr;exports.Resizer=lxe;exports.SCALAR_TYPES=ola;exports.SearchInput=Yl;exports.Settings=sr;exports.StudioContextProvider=Dwe;exports.StyleSheetsProvider=Wsa;exports.Switch=V5;exports.ToolbarIcon=Bn;exports.Tooltip=Rt;exports.TruncatedText=Pfe;exports.UserPrivilegesProvider=Rsa;exports.WEEEK_DAYS=CA;exports.Webform=svr;exports.WebformEditorStandalone=dvr;exports.WebformEventsActions=Wh;exports.WebformLoaderActions=kf;exports.WebformPathProvider=H5;exports.WebformsProvider=Lse;exports.addPrefix=Oee;exports.arrayToTree=ree;exports.attachDatasourceEvents=qN;exports.buildComponentsDataSources=Xse;exports.buildDataSources=YN;exports.buildStatesConditionsDataSources=UN;exports.capitalizeFirstLetter=q0;exports.chakraTheme=y_;exports.contextualPanelSubject=jj;exports.controller=lla;exports.datasourceActionsIcons=QSe;exports.datasourceQuerySelector=Lj;exports.dateTo4DFormat=l_;exports.dedup=ub;exports.dialogSubject=Jd;exports.dndObservable=Up;exports.entitySubject=z_;exports.filterSources=sla;exports.findAndReplace=Ele;exports.formatValue=Bs;exports.getAttributeExcludeType=vle;exports.getComponentInfo=kle;exports.getDataTransferSourceID=xn;exports.getDataTransferSourceType=h_;exports.getDatasourceExcludeType=gle;exports.getDatasourceID=lb;exports.getDatasourceIcon=Oi;exports.getElementDimensions=Nv;exports.getIterableNodes=Gse;exports.getMatchingParentEntity=nC;exports.getStyleSheet=Ree;exports.getWeekDayIndex=dae;exports.globalScopePrefix=F0;exports.initialState=wle;exports.initializeDataSources=qse;exports.isAttributePayload=os;exports.isDataSourceDataTransfer=JN;exports.isDatasourcePayload=Wo;exports.isIterableNode=wh;exports.isLocalArrayDataSource=Y0;exports.isPercentage=R3;exports.isStyleDataTransfer=QN;exports.isT4DComponent=xle;exports.load=St;exports.memoizedDebounce=xkt;exports.methodSelectorStyles=_c;exports.parseIterator=rC;exports.parseRules=_ee;exports.parseValue=s0;exports.parseWebForm=cae;exports.parseWebformName=d_;exports.percentToPx=F3;exports.pxToPercent=L3;exports.rebuildDataSources=Zse;exports.renderComponents=An;exports.reorder=Bf;exports.sanitizePrefix=Pj;exports.sanitizeStyle=Ht;exports.searchComponents=Ise;exports.selectNodeId=aA;exports.selectReadOnly=ba;exports.selectResolver=Ga;exports.sortByDependency=Ate;exports.splitDatasourceID=da;exports.splitDatasourceStr=Ss;exports.ssRefSubject=Rh;exports.takeOne=qSe;exports.unhideComponents=Tsa;exports.unsubscribeFromDatasource=Co;exports.updateEntity=W_;exports.useCurrentIterableParentNode=NE;exports.useDataLoader=__;exports.useDatasourceSub=Tr;exports.useDnd=lm;exports.useDsChangeHandler=F_;exports.useEnhancedEditor=Rn;exports.useEnhancedNode=tr;exports.useEntity=By;exports.useEntityIterator=u_;exports.useEntityUpdate=$ue;exports.useForceUpdate=bC;exports.useHeight=Tue;exports.useIsMounted=c_;exports.useIterableParentNode=am;exports.useIterableParentNodeGetter=o6;exports.useIterator=Yy;exports.useIteratorDatasource=Kse;exports.useIteratorDatasourceGetter=iC;exports.useLayout=Ca;exports.useNavigation=is;exports.useParentNodeProps=a1;exports.useParentWebformPath=JSe;exports.usePrivilegesList=f_;exports.useRenderer=ar;exports.useServerSideRefHandler=uC;exports.useSources=mo;exports.useStudioContext=_u;exports.useStudioPanel=kn;exports.useStyleSheet=Fee;exports.useStyleSheets=ale;exports.useStyleboxSize=jue;exports.useStylesParser=Wee;exports.useUserPrivileges=Vy;exports.useWebformPath=$t;exports.useWebforms=tC;exports.useWelcomeTourFlags=CJ;exports.validate=jk;exports.webformEditorSubject=Ok;exports.webformEventsSubject=ty;exports.webformLoaderSubject=oh;
+}`,parentId:null,scope:C?z.EWebFormStyleClassScope.SHARED:z.EWebFormStyleClassScope.LOCAL,id:P};S.push(D),g(fe.setContent({path:t,content:S,contentPath:"metadata.styles"}))}a.actions.openWithCurrent("cssclass:edit",P)},[g,p,t]),M=h.useMemo(()=>ree(v,{idKey:"id",childrenKey:"linkedClasses",parentKey:"parentId"}),[v]);function k(){o(!1)}return c.jsxs("div",{className:"flex h-full flex-col",children:[c.jsxs("div",{className:"flex p-2","data-cy":"styleLibrarySearchInput",children:[c.jsx(Yl,{value:r,onChange:E=>n(E)}),c.jsx("div",{"data-cy":"createStyleClassIcon",ref:d,className:"ml-1 flex h-full cursor-pointer items-center px-1 hover:bg-primary-hover rounded",onClick:()=>{o(!0)},children:c.jsx(Un,{})})]}),c.jsxs("div",{className:"flex h-4 items-center justify-around text-xs",children:[c.jsxs("div",{className:"flex items-center px-1",children:[c.jsx(oa.Checkbox,{isChecked:s.includes(z.EWebFormStyleClassScope.LOCAL),onChange:()=>y(z.EWebFormStyleClassScope.LOCAL),colorScheme:"primary"}),c.jsx("label",{className:"text-white pl-1",htmlFor:"local-style",children:"Local"})]}),c.jsxs("div",{className:"flex items-center px-1",children:[c.jsx(oa.Checkbox,{isChecked:s.includes(z.EWebFormStyleClassScope.THEME),onChange:()=>y(z.EWebFormStyleClassScope.THEME),colorScheme:"primary"}),c.jsx("label",{className:"text-white pl-1",htmlFor:"theme-style",children:"Theme"})]}),c.jsxs("div",{className:"flex items-center px-1",children:[c.jsx(oa.Checkbox,{isChecked:s.includes(z.EWebFormStyleClassScope.SHARED),onChange:()=>y(z.EWebFormStyleClassScope.SHARED),colorScheme:"primary"}),c.jsx("label",{className:"text-white pl-1",htmlFor:"shared-style",children:"Shared"})]})]}),c.jsx("div",{className:"relative flex-1",children:c.jsx("ul",{className:"absolute inset-0 right-2 py-4","data-cy":"stylesLibraryClasses",children:c.jsx(ul,{style:{width:"100%",height:"100%"},children:c.jsx("div",{"data-cy":"css-class-list-cy",className:"mx-2 space-y-1 pl-2 pr-1 text-xs",children:h.Children.toArray(M.map(E=>c.jsx(_me,{cls:E})))})})})}),c.jsx(z.Dialog,{isOpen:i,onClose:k,placement:"bottom-start",referenceElement:u,children:c.jsx(Ggr,{onSubmit:w,onClose:k})})]})};function qgr({children:e,isOpen:t,onClose:a}){return c.jsx(No,{appear:!0,show:t,as:h.Fragment,children:c.jsxs(ku,{as:"div",className:"relative z-[1000]",onClose:a,children:[c.jsx(No.Child,{as:h.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:c.jsx("div",{className:"fixed inset-0 bg-black bg-opacity-75"})}),c.jsx("div",{className:"fixed inset-0 overflow-y-auto",children:c.jsx("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:c.jsx(No.Child,{as:h.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:c.jsxs(ku.Panel,{className:"w-full max-w-md text-white border border-grey-50 transform overflow-hidden bg-grey-900 py-4 px-5 text-left align-middle shadow-xl transition-all rounded",children:[c.jsxs("div",{className:"flex flex-col items-center justify-center",children:[c.jsx(aZ,{className:"w-9 h-9"}),c.jsx("h3",{className:"mt-4 font-bold text-xl",children:"Upload Component"})]}),e]})})})})]})})}function Zgr({fileUploaded:e,hasError:t,file:a}){return t?c.jsxs("div",{className:"flex flex-col items-center justify-center text-red-400",children:[c.jsx(e$,{className:"w-6 h-6"}),c.jsxs("div",{className:"flex flex-col *:block mt-2 text-xs max-w-xs",children:[c.jsx("span",{className:"",children:"The upload of the custom component failed."}),c.jsxs("span",{className:"",children:["Make sure you are importing a",c.jsxs("a",{onClick:r=>r.stopPropagation(),className:"inline-flex items-start text-primary-dark underline",href:"https://developer.qodly.com/docs/customComponent/setup/#building-the-project",target:"_blank",children:[" ","properly built custom component for"," ",c.jsx("span",{className:" font-bold whitespace-pre",children:" Qodly"}),"."]})]})]})]}):e&&!t?c.jsxs("div",{className:"flex flex-col items-center justify-center text-green-500",children:[c.jsx(BT,{className:"w-6 h-6"}),c.jsx("div",{className:"mt-2 text-xs max-w-xs",children:"Your component has been installed, please reload the page for it to appear"})]}):c.jsxs("div",{className:"flex flex-col items-center justify-center text-grey-100",children:[c.jsx(I1e,{className:"w-6 h-6"}),c.jsx("div",{className:"mt-2 text-xs",children:a.name})]})}function Kgr(){const[e,t]=h.useState(!1),[a,r]=h.useState(null),[n,i]=h.useState(!1),[o,s]=h.useState(null),[l,u]=h.useState(!1),{getRootProps:d,getInputProps:m,isDragActive:f}=I_({onDropAccepted([M]){r(M)},accept:{"application/*":[".zip"]},multiple:!1}),{isStandaloneEditor:p}=_u();if(p)return null;function g(){u(!1),s(null),i(!1),r(null)}function v(){g(),t(!1)}function y(){t(!0)}const w=async()=>{if(a){u(!0);try{const{status:M}=await fetch("/rest/$upload?$customComponent=true",{method:"POST",headers:{"Content-Type":a.type},body:a});if(M>=400)throw new Error("Unable to upload component");i(!0)}catch(M){s(M),i(!1)}u(!1)}};return c.jsxs(c.Fragment,{children:[c.jsx(Rt,{label:"Upload Component",children:c.jsx("button",{onClick:y,className:"rounded p-1 text-gray-100 hover:bg-primary-hover focus:outline-none",children:c.jsx(aZ,{className:H("h-4 w-4")})})}),c.jsxs(qgr,{isOpen:e,onClose:v,children:[c.jsx("div",{className:"mt-4",children:c.jsxs("div",{...d(),children:[c.jsx("input",{...m()}),c.jsx("div",{className:H("text-center text-sm border rounded border-dashed min-h-[100px]",{"border-purple-500":f,"flex items-center justify-center":a}),children:a?c.jsx(Zgr,{file:a,fileUploaded:n,hasError:o}):c.jsxs("div",{className:"min-h-[100px] w-full text-grey-100 flex flex-col items-center justify-center",children:[c.jsx("p",{className:"text-center max-w-md text-xs px-2 ",children:'Drag and drop the file with ".zip" extension here or click to select them on your computer.'}),c.jsx(M0,{className:"w-6 h-6 mt-2"})]})})]})}),c.jsxs("div",{className:"mt-4 flex gap-4 items-center justify-between",children:[c.jsxs("a",{target:"_blank",href:"https://developer.qodly.com/docs/customComponent/overview",className:"text-purple-600 hover:underline text-xs flex items-center",children:[c.jsx("span",{children:"How to create a component"}),c.jsx(Hq,{className:"ml-1 mt-px h-4 w-4"})]}),c.jsxs("div",{className:"flex gap-4 items-center",children:[c.jsx("button",{onClick:v,className:"px-4 py-2 text-white border border-white rounded text-xs font-medium hover:text-primary-dark hover:bg-white",children:"Cancel"}),o&&c.jsx("button",{onClick:g,className:"px-4 py-2 text-white border border-purple-600 bg-purple-600 rounded text-xs font-medium",children:"Try Again"}),!n&&!o&&c.jsxs("button",{onClick:w,disabled:!a||l,className:"px-4 py-2 text-white border border-purple-600 bg-purple-600 rounded text-xs font-medium disabled:bg-grey-200 disabled:border-grey-200 disabled:opacity-80 disabled:cursor-not-allowed relative",children:[c.jsx("span",{className:H({"opacity-0":l}),children:"Install Component"}),c.jsx("span",{className:H("absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2",{hidden:!l,"inline-block":l}),children:c.jsx(a$,{className:"w-4 h-4 spinner-animation"})})]}),n&&!o&&c.jsx("button",{onClick:()=>{window.location.reload()},className:"px-4 py-2 text-white border border-purple-600 bg-purple-600 rounded text-xs font-medium",children:"Reload"})]})]})]})]})}const Jgr=({isDragging:e})=>c.jsx("div",{className:`h-full w-2 bg-opacity-40 hover:bg-primary-hover ${e?"bg-primary-hover ":""}`}),cq=({type:e})=>{const t=Qa(),{active:a}=at(fe.selectInspectorStateByType(e));return c.jsx(Rt,{label:"Inspector",children:c.jsx("button",{onClick:()=>t(fe.toggleInspector({type:e})),className:"rounded p-1 text-gray-100 hover:bg-primary-hover focus:outline-none",children:c.jsx(U1e,{className:H("h-4 w-4",{"text-primary-dark":a,"text-gray-100":!a})})})})},Qgr=e=>c.jsx(Rt,{label:"Collapse All",children:c.jsx("button",{...e,className:"rounded p-1 text-gray-100 hover:bg-primary-hover focus:outline-none",children:c.jsx(GT,{className:H("h-4 w-4")})})}),evr=()=>{const{enabled:e}=Ee.useEditor(ba),[t,a]=h.useState(230),[r,n]=h.useState(!1),i=h.useRef(null),o=fe.useAppSelector(fe.selectFeatureFlag("states"));return c.jsx("div",{"data-welcometour-id":z.EIDENTIFIERS.SideBar,children:c.jsx(Wf,{className:H(["z-[49] min-w-[240px] max-w-[320px] border-r border-fd-gray-darker bg-grey-800 ",{hidden:!e}]),enable:{top:!1,right:!0,bottom:!1,left:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},size:{height:"calc(100vh - 5.5rem)",width:t},handleComponent:{right:c.jsx(Jgr,{isDragging:r})},onResizeStop:(s,l,u,d)=>{a(d.width+t),n(!1)},onResizeStart:()=>n(!0),children:c.jsxs(ul,{"data-cy":"webformLeftSidebar",style:{height:"calc(100vh - 5.5rem)"},autoHide:!0,children:[c.jsx(Xg,{label:"Components",defaultValue:!0,actions:[c.jsx(Kgr,{}),c.jsx(z.Tip,{tipKey:"editors:webform:toolbox:components",asButton:!0,alwaysOn:!0})],children:c.jsx(Qpr,{})}),c.jsx(Xg,{label:"Qodly Sources",defaultValue:!0,actions:[c.jsx(Qgr,{onClick:()=>{var s;(s=i.current)==null||s.collapseAll()}}),c.jsx(cq,{type:"datasource"}),c.jsx(IT,{target:"datasources"}),c.jsx(z.Tip,{tipKey:"editors:webform:toolbox:datasources",alwaysOn:!0,asButton:!0})],children:c.jsx(Ehr,{ref:i})}),c.jsx(z.Incase,{of:o,children:c.jsx(Whr,{children:c.jsx(Xg,{label:"States",actions:[c.jsx(Hgr,{}),c.jsx(z.Tip,{tipKey:"editors:webform:toolbox:states",alwaysOn:!0,asButton:!0})],children:c.jsx(zhr,{})})})}),c.jsx(Xg,{label:"Styles Library",actions:[c.jsx(cq,{type:"css"}),c.jsx(IT,{target:"styles"}),c.jsx(z.Tip,{tipKey:"editors:webform:toolbox:styleslib",alwaysOn:!0,asButton:!0})],children:c.jsx(Ugr,{})}),c.jsx(Xg,{label:"Outline",actions:[c.jsx(z.Tip,{tipKey:"editors:webform:toolbox:outline",asButton:!0,alwaysOn:!0})],children:c.jsx(Ohr,{})})]})})})},tvr=h.memo(evr),rW={FileInput:hC,SliderContainer:GC,SelectBox:yC,StyleBox:qC,Columns:CC,Grid:PC,Tabs:ZC,WebformLoader:KC,Matrix:RC,DataTable:DC,Text:EC,Fallback:qy,Input:OC,Button:_C,TextInput:NC,Container:Ky,Image:c7,FileUpload:gC,Label:WC,Radio:zC,Slider:HC,SliderTrack:UC,SliderThumb:YC,SliderFilledTrack:XC,Select:BC,SelectInput:VC,Icon:jC,Checkbox:SC,PieChart:LC,CheckboxInput:vC,Dialog:S1};(process.env.REACT_APP_EXCLUDE_COMPONENTS||"").split(",").forEach(e=>{delete rW[e]});const{generate:avr}=bq("abcdefghijklmonpqrstuvwxyz"),rvr=({path:e,content:t,onChange:a})=>{const r=Qa(),n=at(fe.selectFlagsByPath(e),fe.selectorEqualityFn);h.useEffect(()=>{typeof t=="string"&&r(fe.setContent({path:e,content:JSON.parse(t)}))},[t]);const[i]=h.useState(avr()),{components:o}=a6(),s=h.useRef(null);return typeof t=="string"?null:c.jsxs(b_,{children:[c.jsx(exports.StudioStyleSheets.Local,{path:e,prefix:i}),c.jsx(Ee.Editor,{enabled:n?n.enabled:!0,resolver:o,fallback:qy,onRender:ila,onNodesChange:l=>{var g,v;const u=l.getState().options.enabled,d=(g=s.current)==null?void 0:g.gePreviewState(),m=(v=s.current)==null?void 0:v.isPreviewLoading();if(!u||m||d===Bfe.STARTED)return;const f=l.getSerializedNodes(),p=cae(f);return jo.next({action:Xn.CONTENT_CHANGED,payload:{path:e,nodes:p}}),a==null||a(p),p},children:c.jsx(lmr,{ref:s,children:c.jsx(nvr,{path:e,prefix:i})})})]})},nvr=({path:e,prefix:t})=>{const{enabled:a}=Ee.useEditor(ba),{isStarted:r}=Z7(),n=at(fe.selectWebformStatesByPath(e),fe.selectorEqualityFn),i=at(fe.selectWebformNodes(e)),o=at(fe.selectDefaultWebformStatesByPath(e)),s=at(fe.selectSavedConditions),l=a&&!r;return c.jsx(s_,{enabled:l,states:n,nodes:i,defaultStates:o,savedConditions:s,children:c.jsx(N_,{stylesPrefix:t,children:c.jsxs(oa.ChakraProvider,{theme:y_,children:[c.jsx(tvr,{}),c.jsx(ivr,{enabled:l,prefix:t,nodes:i}),c.jsx(gsa,{})]})})})},ivr=({enabled:e,prefix:t,nodes:a})=>{const{resolver:r}=Ee.useEditor(Ga),{states:n,defaultStates:i,appliedStates:o,isRootState:s,currentState:l}=fo(),u=ub([...i,...o]);return ce.isEmpty(a)?null:e?c.jsxs(c.Fragment,{children:[c.jsx(c.Fragment,{}),c.jsx(UU,{states:n,className:t,initialContent:s?a:z0(a,[l.id],r)})]}):c.jsx(UU,{states:n,className:t,initialContent:u.length>0?z0(a,u,r):a})},ovr=({store:e,useDispatch:t,useSelector:a,lspProps:r,userComponents:n,brokenComponents:i=[],...o})=>c.jsx(fq,{store:e,useDispatch:t,useSelector:a,children:c.jsx(Tla,{lspProps:r,children:c.jsx(iie,{components:{...rW,...n||{}},brokenComponents:i,children:c.jsx(H5,{path:o.path,children:c.jsx(kHt,{children:c.jsx(rvr,{...o})})})})})}),svr=h.memo(ovr,(e,t)=>e.path===t.path&&typeof e.content==typeof t.content&&e.lspProps.inited===t.lspProps.inited&&e.lspProps.lastError===t.lspProps.lastError),lvr="1.4.18",WT={BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}.VITE_WEBFORM||"standalone",Hv={name:WT,path:`WebForms/${WT}.WebForm`,content:fe.getDefaultContent(z.FileFolderType.WEBFORM,{}),date:new Date().toISOString()};async function uvr(){try{if(await z.loadDS(),{}.VITE_WEBFORM){const e=await z.getFilesInfo({path:Hv.path});Hv.date=e.files[0].date,Hv.content=await z.getWebForm(WT,{sanitize:!1}),Hv.replace=!0}}catch{}return Promise.resolve().then(()=>require("./Editor-2a172a9b.cjs"))}const cvr=h.lazy(uvr);function dvr({onChange:e,userComponents:t}){return c.jsx(h.Suspense,{fallback:c.jsx(z.AppLoader,{message:"Initializing...",version:lvr}),children:c.jsx(cvr,{webform:Hv,userComponents:t,onChange:e})})}exports.BASIC_SETTINGS=Sr;exports.BuildResolver=rW;exports.CONTROLLED_MAP=$se;exports.Checkbox=_5;exports.CustomPicker=PO;exports.DEFAULT_DATE_FORMAT=ks;exports.DEFAULT_ITERATOR=To;exports.DEFAULT_NAMESPACE=xa;exports.DEFAULT_SETTINGS=Jn;exports.DEFAULT_WEEK_START_DAY=Q5;exports.DataLoader=J5;exports.DnDContext=v_;exports.DndScope=b_;exports.EComponentCategory=dr;exports.EComponentKind=po;exports.ESetting=Me;exports.ETextFieldModifier=ME;exports.EntityActions=L_;exports.EntityProvider=oC;exports.ErrorBoundary=o$;exports.ExcludeMap=vc;exports.FloatingTooltip=Aee;exports.IteratorProvider=g_;exports.MainFrame=j_;exports.NavigationProvider=ele;exports.NodeError=x5;exports.PANEL_EXPANDED_HEIGHT=W2;exports.PANEL_INITIAL_HEIGHT=Xd;exports.Panel=jle;exports.PopoverBody=i0;exports.PopoverButton=fh;exports.PopoverCombobox=qk;exports.PopoverField=Fs;exports.PopoverIcon=Ru;exports.PopoverInput=xc;exports.PopoverSelect=Dl;exports.PopoverTooltip=Fu;exports.PopperTooltip=yee;exports.Portal=nle;exports.PreviewModeActions=Ak;exports.PreviewModeSubject=Nj;exports.RadioItem=Ure;exports.RenderResolver=l5;exports.RendererWebform=Ydr;exports.Resizer=lxe;exports.SCALAR_TYPES=ola;exports.SearchInput=Yl;exports.Settings=sr;exports.StudioContextProvider=Dwe;exports.StyleSheetsProvider=Wsa;exports.Switch=V5;exports.ToolbarIcon=Bn;exports.Tooltip=Rt;exports.TruncatedText=Pfe;exports.UserPrivilegesProvider=Rsa;exports.WEEEK_DAYS=CA;exports.Webform=svr;exports.WebformEditorStandalone=dvr;exports.WebformEventsActions=Wh;exports.WebformLoaderActions=kf;exports.WebformPathProvider=H5;exports.WebformsProvider=Lse;exports.addPrefix=Oee;exports.arrayToTree=ree;exports.attachDatasourceEvents=qN;exports.buildComponentsDataSources=Xse;exports.buildDataSources=YN;exports.buildStatesConditionsDataSources=UN;exports.capitalizeFirstLetter=q0;exports.chakraTheme=y_;exports.contextualPanelSubject=jj;exports.controller=lla;exports.datasourceActionsIcons=QSe;exports.datasourceQuerySelector=Lj;exports.dateTo4DFormat=l_;exports.dedup=ub;exports.dialogSubject=Jd;exports.dndObservable=Up;exports.entitySubject=z_;exports.filterSources=sla;exports.findAndReplace=Ele;exports.formatValue=Bs;exports.getAttributeExcludeType=vle;exports.getComponentInfo=kle;exports.getDataTransferSourceID=xn;exports.getDataTransferSourceType=h_;exports.getDatasourceExcludeType=gle;exports.getDatasourceID=lb;exports.getDatasourceIcon=Oi;exports.getElementDimensions=Nv;exports.getIterableNodes=Gse;exports.getMatchingParentEntity=nC;exports.getStyleSheet=Ree;exports.getWeekDayIndex=dae;exports.globalScopePrefix=F0;exports.initialState=wle;exports.initializeDataSources=qse;exports.isAttributePayload=os;exports.isDataSourceDataTransfer=JN;exports.isDatasourcePayload=Wo;exports.isIterableNode=wh;exports.isLocalArrayDataSource=Y0;exports.isPercentage=R3;exports.isStyleDataTransfer=QN;exports.isT4DComponent=xle;exports.load=St;exports.memoizedDebounce=xkt;exports.methodSelectorStyles=_c;exports.parseIterator=rC;exports.parseRules=_ee;exports.parseValue=s0;exports.parseWebForm=cae;exports.parseWebformName=d_;exports.percentToPx=F3;exports.pxToPercent=L3;exports.rebuildDataSources=Zse;exports.renderComponents=An;exports.reorder=Bf;exports.sanitizePrefix=Pj;exports.sanitizeStyle=Ht;exports.searchComponents=Ise;exports.selectNodeId=aA;exports.selectReadOnly=ba;exports.selectResolver=Ga;exports.sortByDependency=Ate;exports.splitDatasourceID=da;exports.splitDatasourceStr=Ss;exports.ssRefSubject=Rh;exports.takeOne=qSe;exports.unhideComponents=Tsa;exports.unsubscribeFromDatasource=Co;exports.updateEntity=W_;exports.useCurrentIterableParentNode=NE;exports.useDataLoader=__;exports.useDatasourceSub=Tr;exports.useDnd=lm;exports.useDsChangeHandler=F_;exports.useEnhancedEditor=Rn;exports.useEnhancedNode=tr;exports.useEntity=By;exports.useEntityIterator=u_;exports.useEntityUpdate=$ue;exports.useForceUpdate=bC;exports.useHeight=Tue;exports.useIsMounted=c_;exports.useIterableParentNode=am;exports.useIterableParentNodeGetter=o6;exports.useIterator=Yy;exports.useIteratorDatasource=Kse;exports.useIteratorDatasourceGetter=iC;exports.useLayout=Ca;exports.useNavigation=is;exports.useParentNodeProps=a1;exports.useParentWebformPath=JSe;exports.usePrivilegesList=f_;exports.useRenderer=ar;exports.useServerSideRefHandler=uC;exports.useSources=mo;exports.useStudioContext=_u;exports.useStudioPanel=kn;exports.useStyleSheet=Fee;exports.useStyleSheets=ale;exports.useStyleboxSize=jue;exports.useStylesParser=Wee;exports.useUserPrivileges=Vy;exports.useWebformPath=$t;exports.useWebforms=tC;exports.useWelcomeTourFlags=CJ;exports.validate=jk;exports.webformEditorSubject=Ok;exports.webformEventsSubject=ty;exports.webformLoaderSubject=oh;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.es.js

@@ -208902,7 +208902,7 @@ const { generate: Jyr } = AK("abcdefghijklmonpqrstuvwxyz"), Qyr = ({
       }
     ) })
   }
-), R1r = O.memo(a1r, (e, t) => e.path === t.path && typeof e.content == typeof t.content && e.lspProps.inited === t.lspProps.inited && e.lspProps.lastError === t.lspProps.lastError), r1r = "1.4.17", KI = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 }.VITE_WEBFORM || "standalone", X0 = {
+), R1r = O.memo(a1r, (e, t) => e.path === t.path && typeof e.content == typeof t.content && e.lspProps.inited === t.lspProps.inited && e.lspProps.lastError === t.lspProps.lastError), r1r = "1.4.18", KI = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 }.VITE_WEBFORM || "standalone", X0 = {
   name: KI,
   path: `WebForms/${KI}.WebForm`,
   content: fxe(El.WEBFORM, {}),

package/docs/api.mdx

@@ -1,6 +1,6 @@
 ---
-id: v1.4.17
-title: v1.4.17
+id: v1.4.18
+title: v1.4.18
 ---
 
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ws-ui/webform-editor",
   "private": false,
-  "version": "1.4.17",
+  "version": "1.4.18",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -74,10 +74,10 @@
     "@radix-ui/react-popover": "^0.1.6",
     "@radix-ui/react-scroll-area": "0.0.16",
     "@radix-ui/react-tooltip": "^0.1.7",
-    "@ws-ui/code-editor": "0.3.10",
+    "@ws-ui/code-editor": "0.3.11",
     "@ws-ui/icons": "0.2.3",
-    "@ws-ui/shared": "0.3.10",
-    "@ws-ui/store": "0.3.11",
+    "@ws-ui/shared": "0.3.11",
+    "@ws-ui/store": "0.3.12",
     "css-box-shadow": "^1.0.0-3",
     "date-fns": "^2.21.3",
     "downshift": "^6.1.3",