@elementor/editor-styles 0.3.2 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @elementor/editor-styles
 
+## 0.5.0
+
+### Minor Changes
+
+- a2245c5: Change prop provider infra to support nested props.
+
+### Patch Changes
+
+- Updated dependencies [a2245c5]
+  - @elementor/editor-props@0.6.0
+
+## 0.4.0
+
+### Minor Changes
+
+- b18d1a6: Added pseudo selectors to css class selectors
+
+### Patch Changes
+
+- Updated dependencies [6a3622a]
+  - @elementor/editor-props@0.5.1
+
 ## 0.3.2
 
 ### Patch Changes

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+import * as _elementor_editor_props from '@elementor/editor-props';
 import { Props } from '@elementor/editor-props';
 import { BreakpointId } from '@elementor/editor-responsive';
 
@@ -21,4 +22,6 @@ type StyleDefinitionsMap = Record<StyleDefinition['id'], StyleDefinition>;
 
 declare function generateId(prefix?: string, existingIds?: string[]): string;
 
-export { type StyleDefinition, type StyleDefinitionID, type StyleDefinitionsMap, type StyleVariant, generateId };
+declare const getStylesSchema: () => Record<string, _elementor_editor_props.PropType>;
+
+export { type StyleDefinition, type StyleDefinitionID, type StyleDefinitionsMap, type StyleState, type StyleVariant, generateId, getStylesSchema };

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as _elementor_editor_props from '@elementor/editor-props';
 import { Props } from '@elementor/editor-props';
 import { BreakpointId } from '@elementor/editor-responsive';
 
@@ -21,4 +22,6 @@ type StyleDefinitionsMap = Record<StyleDefinition['id'], StyleDefinition>;
 
 declare function generateId(prefix?: string, existingIds?: string[]): string;
 
-export { type StyleDefinition, type StyleDefinitionID, type StyleDefinitionsMap, type StyleVariant, generateId };
+declare const getStylesSchema: () => Record<string, _elementor_editor_props.PropType>;
+
+export { type StyleDefinition, type StyleDefinitionID, type StyleDefinitionsMap, type StyleState, type StyleVariant, generateId, getStylesSchema };

package/dist/index.js

@@ -20,11 +20,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  generateId: () => generateId
+  generateId: () => generateId,
+  getStylesSchema: () => getStylesSchema
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/generate-id.ts
+// src/utils/generate-id.ts
 function generateId(prefix = "", existingIds = []) {
   let id;
   do {
@@ -32,8 +33,20 @@ function generateId(prefix = "", existingIds = []) {
   } while (existingIds.includes(id));
   return id;
 }
+
+// src/utils/get-styles-schema.ts
+var getElementorConfig = () => {
+  const extendedWindow = window;
+  return extendedWindow.elementor?.config ?? {};
+};
+var getStylesSchema = () => {
+  const config = getElementorConfig();
+  const styleSchema = config?.atomic?.styles_schema ?? {};
+  return styleSchema;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  generateId
+  generateId,
+  getStylesSchema
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/generate-id.ts"],"sourcesContent":["// types\nexport * from './types';\n\n// utils\nexport { generateId } from './generate-id';\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"],"mappings":";;;;;;;;;;;;;;;;;;;;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;","names":[]}
+{"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":[]}

package/dist/index.mjs

@@ -1,4 +1,4 @@
-// src/generate-id.ts
+// src/utils/generate-id.ts
 function generateId(prefix = "", existingIds = []) {
   let id;
   do {
@@ -6,7 +6,19 @@ function generateId(prefix = "", existingIds = []) {
   } while (existingIds.includes(id));
   return id;
 }
+
+// src/utils/get-styles-schema.ts
+var getElementorConfig = () => {
+  const extendedWindow = window;
+  return extendedWindow.elementor?.config ?? {};
+};
+var getStylesSchema = () => {
+  const config = getElementorConfig();
+  const styleSchema = config?.atomic?.styles_schema ?? {};
+  return styleSchema;
+};
 export {
-  generateId
+  generateId,
+  getStylesSchema
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/generate-id.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"],"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;","names":[]}
+{"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":[]}

package/package.json

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

package/src/index.ts

@@ -2,4 +2,5 @@
 export * from './types';
 
 // utils
-export { generateId } from './generate-id';
+export { generateId } from './utils/generate-id';
+export { getStylesSchema } from './utils/get-styles-schema';

package/src/types.ts

@@ -1,7 +1,7 @@
 import { type Props } from '@elementor/editor-props';
 import { type BreakpointId } from '@elementor/editor-responsive';
 
-type StyleState =
+export type StyleState =
 	| null
 	| 'hover'
 	| 'focus'

package/src/utils/get-styles-schema.ts

@@ -0,0 +1,14 @@
+import { type ExtendedWindow } from './types';
+
+const getElementorConfig = () => {
+	const extendedWindow = window as unknown as ExtendedWindow;
+
+	return extendedWindow.elementor?.config ?? {};
+};
+
+export const getStylesSchema = () => {
+	const config = getElementorConfig();
+	const styleSchema = config?.atomic?.styles_schema ?? {};
+
+	return styleSchema;
+};

package/src/utils/types.ts

@@ -0,0 +1,11 @@
+import { type PropType } from '@elementor/editor-props';
+
+export type ExtendedWindow = Window & {
+	elementor: {
+		config: {
+			atomic?: {
+				styles_schema: Record< string, PropType >;
+			};
+		};
+	};
+};