@elementor/editor-styles 0.5.1 → 0.5.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @elementor/editor-styles
 
+## 0.5.3
+
+### Patch Changes
+
+- a13a209: Refactor editor-elements to not use the commands
+- Updated dependencies [f1a2ffb]
+  - @elementor/editor-props@0.8.0
+
+## 0.5.2
+
+### Patch Changes
+
+- Updated dependencies [7582ba6]
+- Updated dependencies [7654921]
+  - @elementor/editor-props@0.7.1
+  - @elementor/editor-responsive@0.12.5
+
 ## 0.5.1
 
 ### Patch Changes

package/dist/index.d.mts

@@ -2,21 +2,21 @@ import * as _elementor_editor_props from '@elementor/editor-props';
 import { Props } from '@elementor/editor-props';
 import { BreakpointId } from '@elementor/editor-responsive';
 
-type StyleState = null | 'hover' | 'focus' | 'active' | 'visited' | 'disabled' | 'checked' | 'selected' | 'hidden' | 'visible';
-type StyleVariant = {
+type StyleDefinitionState = null | 'hover' | 'focus' | 'active' | 'visited' | 'disabled' | 'checked' | 'selected' | 'hidden' | 'visible';
+type StyleDefinitionVariant = {
     meta: {
         breakpoint: null | BreakpointId;
-        state: StyleState;
+        state: StyleDefinitionState;
     };
     props: Props;
 };
-type StyleType = 'class';
+type StyleDefinitionType = 'class';
 type StyleDefinitionID = string;
 type StyleDefinition = {
     id: StyleDefinitionID;
-    variants: StyleVariant[];
+    variants: StyleDefinitionVariant[];
     label: string;
-    type: StyleType;
+    type: StyleDefinitionType;
 };
 type StyleDefinitionsMap = Record<StyleDefinition['id'], StyleDefinition>;
 
@@ -24,4 +24,6 @@ declare function generateId(prefix?: string, existingIds?: string[]): string;
 
 declare const getStylesSchema: () => Record<string, _elementor_editor_props.PropType>;
 
-export { type StyleDefinition, type StyleDefinitionID, type StyleDefinitionsMap, type StyleState, type StyleVariant, generateId, getStylesSchema };
+declare function getVariantByMeta(style: StyleDefinition, meta: StyleDefinitionVariant['meta']): StyleDefinitionVariant | undefined;
+
+export { type StyleDefinition, type StyleDefinitionID, type StyleDefinitionState, type StyleDefinitionType, type StyleDefinitionVariant, type StyleDefinitionsMap, generateId, getStylesSchema, getVariantByMeta };

package/dist/index.d.ts

@@ -2,21 +2,21 @@ import * as _elementor_editor_props from '@elementor/editor-props';
 import { Props } from '@elementor/editor-props';
 import { BreakpointId } from '@elementor/editor-responsive';
 
-type StyleState = null | 'hover' | 'focus' | 'active' | 'visited' | 'disabled' | 'checked' | 'selected' | 'hidden' | 'visible';
-type StyleVariant = {
+type StyleDefinitionState = null | 'hover' | 'focus' | 'active' | 'visited' | 'disabled' | 'checked' | 'selected' | 'hidden' | 'visible';
+type StyleDefinitionVariant = {
     meta: {
         breakpoint: null | BreakpointId;
-        state: StyleState;
+        state: StyleDefinitionState;
     };
     props: Props;
 };
-type StyleType = 'class';
+type StyleDefinitionType = 'class';
 type StyleDefinitionID = string;
 type StyleDefinition = {
     id: StyleDefinitionID;
-    variants: StyleVariant[];
+    variants: StyleDefinitionVariant[];
     label: string;
-    type: StyleType;
+    type: StyleDefinitionType;
 };
 type StyleDefinitionsMap = Record<StyleDefinition['id'], StyleDefinition>;
 
@@ -24,4 +24,6 @@ declare function generateId(prefix?: string, existingIds?: string[]): string;
 
 declare const getStylesSchema: () => Record<string, _elementor_editor_props.PropType>;
 
-export { type StyleDefinition, type StyleDefinitionID, type StyleDefinitionsMap, type StyleState, type StyleVariant, generateId, getStylesSchema };
+declare function getVariantByMeta(style: StyleDefinition, meta: StyleDefinitionVariant['meta']): StyleDefinitionVariant | undefined;
+
+export { type StyleDefinition, type StyleDefinitionID, type StyleDefinitionState, type StyleDefinitionType, type StyleDefinitionVariant, type StyleDefinitionsMap, generateId, getStylesSchema, getVariantByMeta };

package/dist/index.js

@@ -21,7 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   generateId: () => generateId,
-  getStylesSchema: () => getStylesSchema
+  getStylesSchema: () => getStylesSchema,
+  getVariantByMeta: () => getVariantByMeta
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -44,9 +45,17 @@ var getStylesSchema = () => {
   const styleSchema = config?.atomic?.styles_schema ?? {};
   return styleSchema;
 };
+
+// src/utils/get-variant-by-meta.ts
+function getVariantByMeta(style, meta) {
+  return style.variants.find((variant) => {
+    return variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;
+  });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   generateId,
-  getStylesSchema
+  getStylesSchema,
+  getVariantByMeta
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/utils/generate-id.ts","../src/utils/get-styles-schema.ts"],"sourcesContent":["// types\nexport * from './types';\n\n// utils\nexport { generateId } from './utils/generate-id';\nexport { getStylesSchema } from './utils/get-styles-schema';\n","export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/utils/generate-id.ts","../src/utils/get-styles-schema.ts","../src/utils/get-variant-by-meta.ts"],"sourcesContent":["// types\nexport * from './types';\n\n// utils\nexport { generateId } from './utils/generate-id';\nexport { getStylesSchema } from './utils/get-styles-schema';\nexport { getVariantByMeta } from './utils/get-variant-by-meta';\n","export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {\n\treturn style.variants.find( ( variant ) => {\n\t\treturn variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;\n\t} );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;;;ACXO,SAAS,iBAAkB,OAAwB,MAAyC;AAClG,SAAO,MAAM,SAAS,KAAM,CAAE,YAAa;AAC1C,WAAO,QAAQ,KAAK,eAAe,KAAK,cAAc,QAAQ,KAAK,UAAU,KAAK;AAAA,EACnF,CAAE;AACH;","names":[]}

package/dist/index.mjs

@@ -17,8 +17,16 @@ var getStylesSchema = () => {
   const styleSchema = config?.atomic?.styles_schema ?? {};
   return styleSchema;
 };
+
+// src/utils/get-variant-by-meta.ts
+function getVariantByMeta(style, meta) {
+  return style.variants.find((variant) => {
+    return variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;
+  });
+}
 export {
   generateId,
-  getStylesSchema
+  getStylesSchema,
+  getVariantByMeta
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/generate-id.ts","../src/utils/get-styles-schema.ts"],"sourcesContent":["export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n"],"mappings":";AAAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;","names":[]}
+{"version":3,"sources":["../src/utils/generate-id.ts","../src/utils/get-styles-schema.ts","../src/utils/get-variant-by-meta.ts"],"sourcesContent":["export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {\n\treturn style.variants.find( ( variant ) => {\n\t\treturn variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;\n\t} );\n}\n"],"mappings":";AAAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;;;ACXO,SAAS,iBAAkB,OAAwB,MAAyC;AAClG,SAAO,MAAM,SAAS,KAAM,CAAE,YAAa;AAC1C,WAAO,QAAQ,KAAK,eAAe,KAAK,cAAc,QAAQ,KAAK,UAAU,KAAK;AAAA,EACnF,CAAE;AACH;","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-styles",
   "description": "This package contains the styles model for the Elementor editor",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,7 +40,7 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-props": "0.7.0",
-    "@elementor/editor-responsive": "0.12.4"
+    "@elementor/editor-props": "0.8.0",
+    "@elementor/editor-responsive": "0.12.5"
   }
 }

package/src/index.ts

@@ -4,3 +4,4 @@ export * from './types';
 // utils
 export { generateId } from './utils/generate-id';
 export { getStylesSchema } from './utils/get-styles-schema';
+export { getVariantByMeta } from './utils/get-variant-by-meta';

package/src/types.ts

@@ -1,7 +1,7 @@
 import { type Props } from '@elementor/editor-props';
 import { type BreakpointId } from '@elementor/editor-responsive';
 
-export type StyleState =
+export type StyleDefinitionState =
 	| null
 	| 'hover'
 	| 'focus'
@@ -13,23 +13,23 @@ export type StyleState =
 	| 'hidden'
 	| 'visible';
 
-export type StyleVariant = {
+export type StyleDefinitionVariant = {
 	meta: {
 		breakpoint: null | BreakpointId;
-		state: StyleState;
+		state: StyleDefinitionState;
 	};
 	props: Props;
 };
 
-type StyleType = 'class';
+export type StyleDefinitionType = 'class';
 
 export type StyleDefinitionID = string;
 
 export type StyleDefinition = {
 	id: StyleDefinitionID;
-	variants: StyleVariant[];
+	variants: StyleDefinitionVariant[];
 	label: string;
-	type: StyleType;
+	type: StyleDefinitionType;
 };
 
 export type StyleDefinitionsMap = Record< StyleDefinition[ 'id' ], StyleDefinition >;

package/src/utils/get-variant-by-meta.ts

@@ -0,0 +1,7 @@
+import { type StyleDefinition, type StyleDefinitionVariant } from '../types';
+
+export function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {
+	return style.variants.find( ( variant ) => {
+		return variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;
+	} );
+}