react-bricks 4.5.2 → 4.5.4

package/react-bricks-gtKM_dPH.js

@@ -0,0 +1 @@
+"use strict";var e=require("./react-bricks-D8vmjvBM.js"),r=require("./react-bricks-DZt0V2gY.js"),n=require("react"),t=require("./react-bricks-2iQT_k6B.js"),l=require("classnames");function a(e){var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var i,o,c=a(n),d=function(r){var n,l,a,i=r.href,o=r.children,u=r.target,s=r.className,m=r.activeClassName,p=r.simpleAnchor,g=void 0!==p&&p,h=r.tabIndex,f=e.__rest(r,["href","children","target","className","activeClassName","simpleAnchor","tabIndex"]);if(null===(n=d.prototype)||void 0===n?void 0:n.renderAdmin)return null===(l=d.prototype)||void 0===l?void 0:l.renderAdmin(e.__assign({href:i,children:o,target:u,className:s,activeClassName:m,simpleAnchor:g,tabIndex:h},f));t.reactBricksRscStore.isRegistered()&&(a=t.reactBricksRscStore.getConfig());var v={href:i},y=h?{tabIndex:h}:{};return/^\/(?!\/)/.test(i)?!(null==a?void 0:a.renderLocalLink)||g?c.createElement("a",e.__assign({},v,{target:u,className:s},y,f),o):a.renderLocalLink(e.__assign({href:i,target:u,children:o,className:s,activeClassName:m,tabIndex:h},f)):c.createElement("a",e.__assign({},v,{target:u,className:s},f),o)},u=function(n){var t,l=n.allowedExtensions,a=void 0===l?[]:l,i=n.propName,o=n.renderBlock,c=n.source;if(null===(t=u.prototype)||void 0===t?void 0:t.renderAdmin)return u.prototype.renderAdmin({propName:i,renderBlock:o,allowedExtensions:a});var d=c||null;return d?o(e.__assign(e.__assign({},d),{url:r.getSeoImageUrl(d.url,d.name)})):null},s=function(n){n.propName;var t=n.source,a=n.alt,i=n.maxWidth,o=n.aspectRatio,d=n.wrapper;n.noLazyLoad,n.containerClassName,n.containerStyle;var u=n.imageClassName,s=n.imageStyle,m=void 0===s?{}:s;n.noWrapper;var p=n.sizes,g=void 0===p?"100vw":p,h=n.loading,f=void 0===h?"lazy":h;n.renderWrapper,n.useNativeLazyLoading,n.useWebP;var v=n.placeholder,y=!0;if(!t){if(v){var E=v({aspectRatio:o,maxWidth:i,isDarkColorMode:!1,isAdmin:!1});return E?d({children:c.createElement("img",{src:E,alt:a,className:u,style:m})}):null}return null}var k=(null==t?void 0:t.alt)||a,_=r.getSeoImageUrl(t.src,t.seoName),x=t.fallbackSrc?r.getSeoImageUrl(t.fallbackSrc,t.seoName):"";r.getSeoImageUrl(t.placeholderSrc||"",t.seoName);var b=r.getSeoSourceSet(t.srcSet,t.seoName),N=t.fallbackSrc?r.getSeoSourceSet(t.fallbackSrc,t.seoName):"",F=t.highPriority?"eager":f,P={src:x&&!y?x:_,srcSet:x&&!y?N:b,sizes:g,alt:k,width:t.width+"",height:t.height+"",loading:F,decoding:"async",className:l("rb-lazy",u),style:m};return Boolean(c.use)?P.fetchPriority=t.highPriority?"high":"auto":P.fetchpriority=t.highPriority?"high":"auto",d({width:t.width,height:t.height,children:c.createElement(c.Fragment,null,c.createElement("img",e.__assign({},P)))})},m=function(r){var n,l;if(null===(n=m.prototype)||void 0===n?void 0:n.renderAdmin)return null===(l=m.prototype)||void 0===l?void 0:l.renderAdmin(r);var a=t.reactBricksRscStore.getPageValues(),i=function(e,r){return e.readonly?e.source:e.metaFieldName?null==r?void 0:r.meta[e.metaFieldName]:e.customFieldName&&(null==r?void 0:r.customValues)?null==r?void 0:r.customValues[e.customFieldName]:e.source}(r,a),o=function(e){var r=e.children;return c.createElement(c.Fragment,null,r)};return!r.containerClassName&&!r.containerStyle||r.noWrapper||(o=function(e){var n=e.children;return c.createElement("div",{className:r.containerClassName,style:r.containerStyle},n)}),r.renderWrapper&&(o=r.renderWrapper),c.createElement(s,e.__assign({},r,{source:i,wrapper:o,placeholder:r.placeholder}))},p="c"+(i=5,e.__spreadArray([],e.__read(Array(i)),!1).map((function(){return(~~(36*Math.random())).toString(36)})).join("")),g=function(){return n.createElement(n.Fragment,null,n.createElement("style",null,"\n.".concat(p," {\n  display:block;\n  position: fixed;\n  box-sizing: border-box;\n  z-index: 999;\n  bottom: 20px;\n  left: 20px;\n  padding: 5px 12px;\n  background-color: #ffffffdd;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #1e293b;\n  font-size: 11px;\n  font-weight: 600;\n  border: 1px solid #e2e8f0cc;\n  border-radius: 20px;\n  text-transform: uppercase;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n  filter: none;\n  transition: all 300ms ease;\n}\n.").concat(p,":hover {\n  background-color: #ffffff;\n  filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));\n}\n.").concat(p," .l {\n  transition: color 300ms ease;\n}\n.").concat(p,":hover .l {\n  color: #f65a8e;\n}\n      ")),n.createElement("a",{href:"https://reactbricks.com?utm_campaign=site-badge",target:"_blank",className:p},n.createElement("img",{src:"https://reactbricks.com/_next/static/media/reactbricks_icon.c57a7be4.svg",style:{width:18,height:18,marginRight:6}}),n.createElement("span",null,"Made in ",n.createElement("span",{className:"l"},"React Bricks"))))},h=function(r){var t,l,a=r.page,i=e.__rest(r,["page"]);return n.createElement(n.Fragment,null,null!==(l=null===(t=null==a?void 0:a.content)||void 0===t?void 0:t.map((function(r,t){return n.createElement(E,e.__assign({page:a,key:"".concat(r.id,"-").concat(t)},e.__assign({block:r},i)))})))&&void 0!==l?l:null)},f=function(r){var t=r.page,l=r.slotName,a=t.content.find((function(e){return"__RB_TEMPLATE_SLOT"===e.type&&e.props.slotName===l}));return a?a.props.slotItems&&a.props.slotItems.length?n.createElement(n.Fragment,null,a.props.slotItems.map((function(r,l){return n.createElement(E,e.__assign({page:t,key:"".concat(r.id,"-").concat(l)},{block:r}))}))):null:(console.error("Slot ".concat(l," not found.")),null)},v=function(e){var r=e.page,t=e.pageType;return t.template&&t.template.length?n.createElement(n.Fragment,null,t.template.map((function(e){return n.createElement(f,{key:e.slotName,page:r,slotName:e.slotName})}))):null},y=function(e){var l,a,i=e.page,o=e.main,c=void 0===o||o;if(t.reactBricksRscStore.setPage(i),!i)return null;var d=c&&(null===(l=null==i?void 0:i.customValues)||void 0===l?void 0:l.___t)&&!r.isPaidPlan(null===(a=i.customValues)||void 0===a?void 0:a.___t),u=t.reactBricksRscStore.getPageType(i);return u?n.createElement(n.Fragment,null,u.template?n.createElement(v,{page:i,pageType:u}):n.createElement(h,{page:i}),d&&n.createElement(g,null)):(console.error("Unknown pageType ".concat(i.type,".")),null)},E=function(r){var l=r.block,a=r.index,i=r.itemsCount,o=r.page,c=e.__rest(r,["block","index","itemsCount","page"]);if(!t.reactBricksRscStore.getConfig())return console.warn("React Bricks Store is not initialized"),null;t.reactBricksRscStore.setBlock(l);var d=t.reactBricksRscStore.getBrick(l);if(o||(o=t.reactBricksRscStore.getPage()),!d)return"development"===process.env.NODE_ENV&&console.warn('Missing component for block type "'.concat(l.type,'"')),null;var u=e.__assign(e.__assign({},l.props),c);return d.schema.mapExternalDataToProps&&"function"==typeof d.schema.mapExternalDataToProps&&(null==o?void 0:o.externalData)&&"object"==typeof o.externalData&&(u=e.__assign(e.__assign({},u),d.schema.mapExternalDataToProps(o.externalData,l.props))),u.RB_PAGE_EMBED&&u.RB_PAGE_EMBED_CONTENT&&404!==u.RB_PAGE_EMBED_CONTENT.statusCode&&"Not found"!==u.RB_PAGE_EMBED_CONTENT.error?n.createElement(y,{page:u.RB_PAGE_EMBED_CONTENT,main:!1}):n.createElement(n.Fragment,null,n.createElement(d,e.__assign({},u,{index:a,itemsCount:i,__page:o,__block:l})))},k=function(r){var n,l,a=r.propName,i=r.itemProps,o=void 0===i?{}:i,d=r.renderWrapper,u=r.renderItemWrapper,s=r.items;if(null===(n=k.prototype)||void 0===n?void 0:n.renderAdmin)return null===(l=k.prototype)||void 0===l?void 0:l.renderAdmin({propName:a,itemProps:o,renderWrapper:d,renderItemWrapper:u});if(!s||0===s.length)return null;var m=t.reactBricksRscStore.getPage(),p=s.length,g=c.createElement(c.Fragment,null,s.map((function(r,n){var t=c.createElement(E,e.__assign({page:m,key:"".concat(r.id,"-").concat(n),block:r,index:n,itemsCount:p},o));return u?u(t,n,s.length):t})));return d?d(g):g},_=function(n,t,l){if(r.Plain.isText(n)){var a=b(n.text);return t.filter((function(e){return"Mark"===e.type})).reduce((function(e,r){return n[r.name]?r.renderLeaf({children:e}):e}),a)}var i=t.filter((function(e){return"List"===e.type})).find((function(e){return n.type===e.name}));if(i){var o=x(n,t);return i.renderElement({children:o.map((function(e,r){return c.createElement(c.Fragment,{key:r},i.renderItemElement({children:e}))})),element:{url:n.url,data:n.data}})}var d=x(n,t,l),u=t.filter((function(e){return"Block"===e.type})).find((function(e){return n.type===e.name}));if(u){n.children,n.type;var s=e.__rest(n,["children","type"]);return u.renderElement({children:d,element:e.__assign({},s)})}return l?l({children:d,element:{type:"",children:[]},attributes:{ref:null}}):d},x=function(e,r,n){var t;return null===(t=e.children)||void 0===t?void 0:t.map((function(e,t){return c.createElement(c.Fragment,{key:t},_(e,r,n))}))},b=function(e){var r=null==e?void 0:e.replace(/\n/g,"<|BR|>\n<|BR|>").split("<|BR|>");if(r)return 1===r.length?e:c.createElement(c.Fragment,null,r.map((function(e,r,n){return"\n"===e&&n.length===r+1||"\n"===e&&n.length===r+2&&""===n[n.length-1]?c.createElement(c.Fragment,{key:r},c.createElement("br",null)," "):"\n"===e?c.createElement("br",{key:r}):c.createElement(c.Fragment,{key:r},e)})))},N=function(e){var n,l,a,i=e.renderBlock,o=void 0===i?function(e){var r=e.children;return c.createElement("p",null,r)}:i,d=e.placeholder,u=void 0===d?"Type a text...":d,s=e.renderPlaceholder,m=e.propName,p=e.value,g=e.plugins,h=void 0===g?[]:g,f=e.multiline,v=void 0===f||f,y=e.softLineBreak,E=void 0===y||y,k=e.metaFieldName,x=e.customFieldName,b=e.customFieldPlainText,F=void 0===b||b;if(null===(n=N.prototype)||void 0===n?void 0:n.renderAdmin)return null===(l=N.prototype)||void 0===l?void 0:l.renderAdmin({renderBlock:o,placeholder:u,renderPlaceholder:s,propName:m,plugins:h,multiline:v,softLineBreak:E,metaFieldName:k,customFieldName:x,customFieldPlainText:F});var P,B=t.reactBricksRscStore.getBlock(),R=t.reactBricksRscStore.getPageValues(),T=p||(m&&(null===(a=null==B?void 0:B.props)||void 0===a?void 0:a[m])?null==B?void 0:B.props[m]:k?(null==R?void 0:R.meta[k])||"":x&&(null==R?void 0:R.customValues)&&(null==R?void 0:R.customValues[x])||"");return T?(P="string"==typeof T?r.Plain.deserialize(T):T||[],c.createElement(c.Fragment,null,P.map((function(e,r){return c.createElement(c.Fragment,{key:r},_(e,h,o))})))):null},F=function(e){var r,n;return(null===(r=F.prototype)||void 0===r?void 0:r.adminConstructor)?null===(n=F.prototype)||void 0===n?void 0:n.adminConstructor(e):{type:"Mark",name:e.name,label:e.label||e.name[0].toUpperCase()+e.name.slice(1),hotKey:e.hotKey,renderLeaf:e.render,toggle:function(e){}}},P=F({name:"bold",hotKey:"mod+b",render:function(e){return c.createElement("strong",null,e.children)}}),B=F({name:"code",hotKey:"mod+`",render:function(e){return c.createElement("code",{style:{margin:"0 1px",display:"inline-block",padding:"3px 6px",fontSize:"0.875rem",lineHeight:1.25,maxWidth:"100%",fontFamily:'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',borderRadius:"3px",backgroundColor:"#F5F7F9"}},e.children)}}),R=function(e){var r,n;return(null===(r=R.prototype)||void 0===r?void 0:r.adminConstructor)?null===(n=R.prototype)||void 0===n?void 0:n.adminConstructor(e):{type:e.itemName?"List":"Block",name:e.name,isInline:e.isInline,itemName:e.itemName,label:e.label||e.name[0].toUpperCase()+e.name.slice(1),hotKey:e.hotKey,renderElement:e.render,renderItemElement:e.renderItem,toggle:function(e,r){}}},T=R({name:"h1",hotKey:"mod+shift+1",render:function(e){return c.createElement("h1",null,e.children)}}),L=R({name:"h2",hotKey:"mod+shift+2",render:function(e){return c.createElement("h2",null,e.children)}}),S=R({name:"h3",hotKey:"mod+shift+3",render:function(e){return c.createElement("h3",null,e.children)}}),w=R({name:"h4",hotKey:"mod+shift+4",render:function(e){return c.createElement("h4",null,e.children)}}),C=R({name:"h5",hotKey:"mod+shift+5",render:function(e){return c.createElement("h5",null,e.children)}}),I=R({name:"h6",hotKey:"mod+shift+6",render:function(e){return c.createElement("h6",null,e.children)}}),A=F({name:"highlight",hotKey:"mod+h",render:function(e){return c.createElement("mark",{style:{paddingLeft:4,paddingRight:4,borderRadius:2,backgroundColor:"#ff0",color:"#0f0f05"}},e.children)}}),D=F({name:"italic",hotKey:"mod+i",render:function(e){return c.createElement("em",null,e.children)}}),K=function(e){var r,n;return(null===(r=K.prototype)||void 0===r?void 0:r.adminConstructor)?null===(n=K.prototype)||void 0===n?void 0:n.adminConstructor(e):{type:e.itemName?"List":"Block",name:e.name,isInline:e.isInline,itemName:e.itemName,label:e.label||e.name[0].toUpperCase()+e.name.slice(1),hotKey:e.hotKey,renderElement:e.render,renderItemElement:e.renderItem,toggle:function(e,r){}}},M=K({name:"link",label:"Link",isInline:!0,render:function(r){var n,t,l=r.element,a=r.children,i={};return(null===(n=null==l?void 0:l.data)||void 0===n?void 0:n.isTargetBlank)&&(i.target="_blank",i.rel="noopener"),c.createElement(d,e.__assign({},i,{href:(null==l?void 0:l.url)||(null===(t=null==l?void 0:l.data)||void 0===t?void 0:t.url)}),a)},getDefaultProps:function(){return{url:"",isTargetBlank:!1}},pluginCustomFields:[]}),z=R({name:"ol",label:"Number list",itemName:"li",render:function(e){return c.createElement("ol",{className:"list-decimal"},e.children)},renderItem:function(e){return c.createElement("li",null,e.children)}}),H=R({name:"quote",render:function(e){return c.createElement("blockquote",null,e.children)}}),O=F({name:"sub",render:function(e){return c.createElement("sub",null,e.children)}}),V=F({name:"sup",render:function(e){return c.createElement("sup",null,e.children)}}),W=R({name:"ul",label:"Bullet list",itemName:"li",render:function(e){return c.createElement("ul",{className:"list-disc"},e.children)},renderItem:function(e){return c.createElement("li",null,e.children)}}),j=Object.freeze({__proto__:null,bold:P,code:B,heading1:T,heading2:L,heading3:S,heading4:w,heading5:C,heading6:I,highlight:A,italic:D,link:M,orderedList:z,quote:H,sub:O,sup:V,unorderedList:W}),U=((o={})[e.types.RichTextFeatures.Bold]={newPlugin:P,renderLeaf:"renderBold"},o[e.types.RichTextFeatures.Italic]={newPlugin:D,renderLeaf:"renderItalic"},o[e.types.RichTextFeatures.Highlight]={newPlugin:A,renderLeaf:"renderHighlight"},o[e.types.RichTextFeatures.Code]={newPlugin:B,renderLeaf:"renderCode"},o[e.types.RichTextFeatures.Subscript]={newPlugin:O,renderLeaf:"renderSub"},o[e.types.RichTextFeatures.Superscript]={newPlugin:V,renderLeaf:"renderSup"},o[e.types.RichTextFeatures.Link]={newPlugin:M,renderLink:"renderLink"},o[e.types.RichTextFeatures.UnorderedList]={newPlugin:W,renderElement:"renderUL",renderItemElement:"renderLI"},o[e.types.RichTextFeatures.OrderedList]={newPlugin:z,renderElement:"renderOL",renderItemElement:"renderLI"},o[e.types.RichTextFeatures.Heading1]={newPlugin:T,renderElement:"renderH1"},o[e.types.RichTextFeatures.Heading2]={newPlugin:L,renderElement:"renderH2"},o[e.types.RichTextFeatures.Heading3]={newPlugin:S,renderElement:"renderH3"},o[e.types.RichTextFeatures.Heading4]={newPlugin:w,renderElement:"renderH4"},o[e.types.RichTextFeatures.Heading5]={newPlugin:C,renderElement:"renderH5"},o[e.types.RichTextFeatures.Heading6]={newPlugin:I,renderElement:"renderH6"},o[e.types.RichTextFeatures.Quote]={newPlugin:H,renderElement:"renderQuote"},o),q=function(r){var t,l;if(null===(t=q.prototype)||void 0===t?void 0:t.renderAdmin)return null===(l=q.prototype)||void 0===l?void 0:l.renderAdmin(r);var a=[];return r.allowedFeatures&&r.allowedFeatures.length>0&&(a=r.allowedFeatures.map((function(n){var t=U[n],l=t.newPlugin,a=t.renderLeaf,i=t.renderElement,o=t.renderItemElement,c=t.renderLink,d={},u=r[a],s=r[i],m=r[o],p=r[c];return a&&u&&(d.renderLeaf=u),i&&s&&(d.renderElement=s),o&&m&&(d.renderItemElement=m),c&&p&&(d.renderElement=function(r){var n,t,l=r.attributes,a=r.children,i=r.element,o={};return(null===(n=null==i?void 0:i.data)||void 0===n?void 0:n.isTargetBlank)&&(o.target="_blank",o.rel="noopener"),p(e.__assign({attributes:l,children:a,element:i,href:i.url||(null===(t=i.data)||void 0===t?void 0:t.url)},o))}),e.__assign(e.__assign({},l),d)}))),n.createElement(N,{renderBlock:r.renderBlock,placeholder:r.placeholder,propName:r.propName,plugins:a,multiline:r.multiline,softLineBreak:r.softLineBreak,renderPlaceholder:r.renderPlaceholder,metaFieldName:r.metaFieldName,customFieldName:r.customFieldName,customFieldPlainText:r.customFieldPlainText,value:r.value})},G=function(e){var n,l,a=e.renderBlock,i=void 0===a?function(e){var r=e.children;return c.createElement("p",null,r)}:a,o=e.placeholder,d=void 0===o?"Type a text...":o,u=e.renderPlaceholder,s=e.multiline,m=void 0!==s&&s,p=e.softLineBreak,g=void 0!==p&&p,h=e.propName,f=e.metaFieldName,v=e.customFieldName,y=e.value;if(null===(n=G.prototype)||void 0===n?void 0:n.renderAdmin)return null===(l=G.prototype)||void 0===l?void 0:l.renderAdmin({renderBlock:i,placeholder:d,renderPlaceholder:u,propName:h,multiline:m,softLineBreak:g,metaFieldName:f,customFieldName:v});var E,k=t.reactBricksRscStore.getPageValues(),x=y||(f?(null==k?void 0:k.meta[f])||"":v&&(null==k?void 0:k.customValues)&&(null==k?void 0:k.customValues[v])||"");return x?(E="string"==typeof x?r.Plain.deserialize(x):x||[],c.createElement(c.Fragment,null,E.map((function(e,r){return c.createElement(c.Fragment,{key:r},_(e,[],i))})))):null};exports.CompatibleRichText=q,exports.DynamicComponent=E,exports.File=u,exports.Image=m,exports.Link=d,exports.PageViewer=y,exports.Repeater=k,exports.RichText=N,exports.SlotViewer=f,exports.Text=G,exports.blockPluginConstructor=R,exports.blockWithModalPluginConstructor=K,exports.markPluginConstructor=F,exports.pluginsRsc=j;

package/react-bricks.d.ts

@@ -360,9 +360,10 @@ declare namespace types {
         className?: string;
         activeClassName?: string;
         isAdmin?: boolean;
+        tabIndex?: number;
     }
     type LocalLinkPropsReal = React__default.PropsWithChildren<Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LocalLinkProps> & LocalLinkProps>;
-    export type RenderLocalLink = ({ href, target, className, activeClassName, isAdmin, children, }: LocalLinkPropsReal) => React__default.ReactElement;
+    export type RenderLocalLink = ({ href, target, className, activeClassName, isAdmin, tabIndex, children, }: LocalLinkPropsReal) => React__default.ReactElement;
     /**-
      * The type of Text and RichText value
      */
@@ -1003,8 +1004,6 @@ interface BaseRichTextProps {
     multiline?: boolean;
     softLineBreak?: boolean;
     allowedFeatures?: types.RichTextFeatures[];
-    metaFieldName?: 'title' | 'description' | 'language';
-    customFieldName?: string;
     renderBold?: (props: RenderLeafProps) => JSX.Element;
     renderItalic?: (props: RenderLeafProps) => JSX.Element;
     renderHighlight?: (props: RenderLeafProps) => JSX.Element;