Update elementor pro
This commit is contained in:
@@ -8,6 +8,7 @@ if ( ! defined( 'ABSPATH' ) ) {
|
||||
return [
|
||||
'handle' => 'elementor-v2-editor-editing-panel-extended',
|
||||
'deps' => [
|
||||
'elementor-v2-editor-canvas',
|
||||
'elementor-v2-editor-controls',
|
||||
'elementor-v2-editor-controls-extended',
|
||||
'elementor-v2-editor-editing-panel',
|
||||
|
||||
@@ -111,6 +111,7 @@ const CustomCss = () => {
|
||||
} = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_3__.useCustomCss)();
|
||||
const metaKey = `${meta.breakpoint || 'desktop'}-${meta.state || 'default'}-${id}`;
|
||||
const [localStates, setLocalStates] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
|
||||
const [hasLicense, setHasLicense] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true);
|
||||
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
||||
if (!localStates[metaKey]) {
|
||||
setLocalStates(prev => ({
|
||||
@@ -123,6 +124,13 @@ const CustomCss = () => {
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [metaKey]);
|
||||
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
||||
const checkLicense = async () => {
|
||||
const isLicenseExpired = await (0,_elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_2__.getIsLicenseExpired)(true);
|
||||
setHasLicense(!isLicenseExpired);
|
||||
};
|
||||
checkLicense();
|
||||
}, []);
|
||||
const currentLocalState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
|
||||
return localStates[metaKey] || {
|
||||
value: customCss?.raw || '',
|
||||
@@ -145,6 +153,16 @@ const CustomCss = () => {
|
||||
});
|
||||
}
|
||||
};
|
||||
const syntaxRuleOptions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
|
||||
if (!meta.breakpoint || meta.breakpoint === 'desktop') {
|
||||
return {
|
||||
rules: {
|
||||
mediaQuery: false
|
||||
}
|
||||
};
|
||||
}
|
||||
return undefined;
|
||||
}, [meta.breakpoint]);
|
||||
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_3__.SectionContent, {
|
||||
gap: 1
|
||||
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_custom_css_field__WEBPACK_IMPORTED_MODULE_6__.CustomCssField, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
|
||||
@@ -153,7 +171,9 @@ const CustomCss = () => {
|
||||
gap: 1
|
||||
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('CSS code', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlAdornments, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_2__.CssEditor, {
|
||||
value: currentLocalState.value,
|
||||
onChange: handleChange
|
||||
onChange: handleChange,
|
||||
syntaxRuleOptions: syntaxRuleOptions,
|
||||
readOnly: !hasLicense
|
||||
}));
|
||||
};
|
||||
|
||||
@@ -169,27 +189,58 @@ __webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ init: function() { return /* binding */ init; }
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls-extended */ "@elementor/editor-controls-extended");
|
||||
/* harmony import */ var _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
|
||||
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__);
|
||||
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
|
||||
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
|
||||
/* harmony import */ var _components_custom_css_section__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/custom-css-section */ "./packages/packages/pro/editor-editing-panel-extended/src/components/custom-css-section.tsx");
|
||||
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
|
||||
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls-extended */ "@elementor/editor-controls-extended");
|
||||
/* harmony import */ var _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1__);
|
||||
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
|
||||
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__);
|
||||
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
|
||||
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var _components_custom_css_section__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/custom-css-section */ "./packages/packages/pro/editor-editing-panel-extended/src/components/custom-css-section.tsx");
|
||||
/* harmony import */ var _transformers_settings_attributes_transformer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./transformers/settings/attributes-transformer */ "./packages/packages/pro/editor-editing-panel-extended/src/transformers/settings/attributes-transformer.ts");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
async function init() {
|
||||
_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.controlsRegistry.register('attributes', _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_0__.AttributesControl, 'full', _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.keyValuePropTypeUtil);
|
||||
(0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.injectIntoStyleTab)({
|
||||
id: 'custom-css',
|
||||
component: _components_custom_css_section__WEBPACK_IMPORTED_MODULE_3__.CustomCssStyleSection
|
||||
});
|
||||
_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.settingsTransformersRegistry.register('attributes', _transformers_settings_attributes_transformer__WEBPACK_IMPORTED_MODULE_5__.proAttributesTransformer);
|
||||
_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.controlsRegistry.register('attributes', _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1__.AttributesControl, 'full', _elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__.keyValuePropTypeUtil);
|
||||
if (await (0,_elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1__.licenseApi)('atomic-custom-css')) {
|
||||
(0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.injectIntoStyleTab)({
|
||||
id: 'custom-css',
|
||||
component: _components_custom_css_section__WEBPACK_IMPORTED_MODULE_4__.CustomCssStyleSection,
|
||||
options: {
|
||||
overwrite: true
|
||||
}
|
||||
});
|
||||
}
|
||||
_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.controlsRegistry.register('display-conditions', _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1__.DisplayConditionsControl, 'two-columns', _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1__.displayConditionsPropTypeUtil);
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./packages/packages/pro/editor-editing-panel-extended/src/transformers/settings/attributes-transformer.ts":
|
||||
/*!*****************************************************************************************************************!*\
|
||||
!*** ./packages/packages/pro/editor-editing-panel-extended/src/transformers/settings/attributes-transformer.ts ***!
|
||||
\*****************************************************************************************************************/
|
||||
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ proAttributesTransformer: function() { return /* binding */ proAttributesTransformer; }
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
|
||||
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
|
||||
|
||||
const proAttributesTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createTransformer)(values => {
|
||||
return values.map(value => value.key && value.value ? `${value.key}="${value.value}"` : '').join(' ');
|
||||
});
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "react":
|
||||
/*!**************************!*\
|
||||
!*** external ["React"] ***!
|
||||
@@ -200,6 +251,16 @@ module.exports = window["React"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "@elementor/editor-canvas":
|
||||
/*!***********************************************!*\
|
||||
!*** external ["elementorV2","editorCanvas"] ***!
|
||||
\***********************************************/
|
||||
/***/ (function(module) {
|
||||
|
||||
module.exports = window["elementorV2"]["editorCanvas"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "@elementor/editor-controls":
|
||||
/*!*************************************************!*\
|
||||
!*** external ["elementorV2","editorControls"] ***!
|
||||
|
||||
@@ -1 +1 @@
|
||||
!function(){"use strict";var e=window.elementorV2.editorControlsExtended,t=window.elementorV2.editorEditingPanel,n=window.elementorV2.editorProps,o=window.React,i=window.wp.i18n,r=window.elementorV2.editorControls,s=window.elementorV2.ui;const l=({children:e})=>o.createElement(r.ControlAdornmentsProvider,{items:[{id:"custom-css-indicator",Adornment:t.CustomCssIndicator}]},e),a=()=>{const{id:n,meta:a}=(0,t.useStyle)(),{customCss:d,setCustomCss:m}=(0,t.useCustomCss)(),c=`${a.breakpoint||"desktop"}-${a.state||"default"}-${n}`,[u,w]=(0,o.useState)({});(0,o.useEffect)((()=>{u[c]||w((e=>({...e,[c]:{value:d?.raw||"",isValid:!0}})))}),[c]);const C=(0,o.useMemo)((()=>u[c]||{value:d?.raw||"",isValid:!0}),[u,c,d?.raw]);return o.createElement(t.SectionContent,{gap:1},o.createElement(l,null,o.createElement(s.Stack,{direction:"row",alignItems:"center",gap:1},o.createElement(r.ControlFormLabel,null,(0,i.__)("CSS code","elementor-pro")),o.createElement(r.ControlAdornments,null))),o.createElement(e.CssEditor,{value:C.value,onChange:(e,t)=>{w((n=>({...n,[c]:{value:e,isValid:t}}))),t&&m(e,{history:{propDisplayName:"Custom CSS"}})}}))},d=()=>o.createElement(t.StyleTabSection,{section:{component:a,name:"Custom CSS",title:(0,i.__)("Custom CSS","elementor-pro")},fields:["custom_css"],unmountOnExit:!1});(async()=>{await async function(){t.controlsRegistry.register("attributes",e.AttributesControl,"full",n.keyValuePropTypeUtil),(0,t.injectIntoStyleTab)({id:"custom-css",component:d})}()})(),(window.elementorV2=window.elementorV2||{}).editorEditingPanelExtended={}}(),window.elementorV2.editorEditingPanelExtended?.init?.();
|
||||
!function(){"use strict";var e=window.elementorV2.editorCanvas,t=window.elementorV2.editorControlsExtended,n=window.elementorV2.editorEditingPanel,o=window.elementorV2.editorProps,i=window.React,s=window.wp.i18n,r=window.elementorV2.editorControls,a=window.elementorV2.ui;const l=({children:e})=>i.createElement(r.ControlAdornmentsProvider,{items:[{id:"custom-css-indicator",Adornment:n.CustomCssIndicator}]},e),d=()=>{const{id:e,meta:o}=(0,n.useStyle)(),{customCss:d,setCustomCss:c}=(0,n.useCustomCss)(),m=`${o.breakpoint||"desktop"}-${o.state||"default"}-${e}`,[u,w]=(0,i.useState)({}),[p,C]=(0,i.useState)(!0);(0,i.useEffect)((()=>{u[m]||w((e=>({...e,[m]:{value:d?.raw||"",isValid:!0}})))}),[m]),(0,i.useEffect)((()=>{(async()=>{const e=await(0,t.getIsLicenseExpired)(!0);C(!e)})()}),[]);const y=(0,i.useMemo)((()=>u[m]||{value:d?.raw||"",isValid:!0}),[u,m,d?.raw]),E=(0,i.useMemo)((()=>{if(!o.breakpoint||"desktop"===o.breakpoint)return{rules:{mediaQuery:!1}}}),[o.breakpoint]);return i.createElement(n.SectionContent,{gap:1},i.createElement(l,null,i.createElement(a.Stack,{direction:"row",alignItems:"center",gap:1},i.createElement(r.ControlFormLabel,null,(0,s.__)("CSS code","elementor-pro")),i.createElement(r.ControlAdornments,null))),i.createElement(t.CssEditor,{value:y.value,onChange:(e,t)=>{w((n=>({...n,[m]:{value:e,isValid:t}}))),t&&c(e,{history:{propDisplayName:"Custom CSS"}})},syntaxRuleOptions:E,readOnly:!p}))},c=()=>i.createElement(n.StyleTabSection,{section:{component:d,name:"Custom CSS",title:(0,s.__)("Custom CSS","elementor-pro")},fields:["custom_css"],unmountOnExit:!1}),m=(0,e.createTransformer)((e=>e.map((e=>e.key&&e.value?`${e.key}="${e.value}"`:"")).join(" ")));(async()=>{await async function(){e.settingsTransformersRegistry.register("attributes",m),n.controlsRegistry.register("attributes",t.AttributesControl,"full",o.keyValuePropTypeUtil),await(0,t.licenseApi)("atomic-custom-css")&&(0,n.injectIntoStyleTab)({id:"custom-css",component:c,options:{overwrite:!0}}),n.controlsRegistry.register("display-conditions",t.DisplayConditionsControl,"two-columns",t.displayConditionsPropTypeUtil)}()})(),(window.elementorV2=window.elementorV2||{}).editorEditingPanelExtended={}}(),window.elementorV2.editorEditingPanelExtended?.init?.();
|
||||
Reference in New Issue
Block a user