@elementor/editor-editing-panel 4.0.0-609 → 4.0.0-619
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +108 -2
- package/dist/index.d.ts +108 -2
- package/dist/index.js +112 -75
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +83 -49
- package/dist/index.mjs.map +1 -1
- package/package.json +21 -21
- package/src/components/css-classes/css-class-selector.tsx +2 -4
- package/src/components/editing-panel.tsx +3 -3
- package/src/components/settings-control.tsx +0 -1
- package/src/components/style-sections/effects-section/effects-section.tsx +6 -3
- package/src/contexts/element-context.tsx +14 -2
- package/src/contexts/styles-inheritance-context.tsx +3 -4
- package/src/controls-registry/controls-registry.tsx +3 -0
- package/src/controls-registry/settings-field.tsx +43 -25
- package/src/hooks/use-active-style-def-id.ts +3 -9
- package/src/utils/can-element-have-children.ts +11 -0
package/dist/index.d.mts
CHANGED
|
@@ -4,7 +4,7 @@ import * as react from 'react';
|
|
|
4
4
|
import { FC, PropsWithChildren, ReactNode, Dispatch, ComponentProps, ComponentType } from 'react';
|
|
5
5
|
import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout, ControlItem } from '@elementor/editor-elements';
|
|
6
6
|
import * as _elementor_editor_props from '@elementor/editor-props';
|
|
7
|
-
import { PropKey, PropTypeUtil, PropsSchema, ObjectPropType, TransformablePropValue, PropValue } from '@elementor/editor-props';
|
|
7
|
+
import { PropKey, AnyTransformable, PropTypeUtil, PropsSchema, ObjectPropType, TransformablePropValue, PropValue } from '@elementor/editor-props';
|
|
8
8
|
import * as _emotion_styled from '@emotion/styled';
|
|
9
9
|
import * as _mui_system from '@mui/system';
|
|
10
10
|
import { Theme, ChipProps } from '@elementor/ui';
|
|
@@ -87,9 +87,10 @@ declare function useClassesProp(): string;
|
|
|
87
87
|
type ContextValue$1 = {
|
|
88
88
|
element: Element;
|
|
89
89
|
elementType: ElementType;
|
|
90
|
+
settings: Record<string, AnyTransformable | null>;
|
|
90
91
|
};
|
|
91
92
|
type Props = PropsWithChildren<ContextValue$1>;
|
|
92
|
-
declare function ElementProvider({ children, element, elementType }: Props): react.JSX.Element;
|
|
93
|
+
declare function ElementProvider({ children, element, elementType, settings }: Props): react.JSX.Element;
|
|
93
94
|
declare function useElement(): ContextValue$1;
|
|
94
95
|
|
|
95
96
|
type ContextValue = {
|
|
@@ -1248,6 +1249,111 @@ declare const controlTypes: {
|
|
|
1248
1249
|
key: "date-time";
|
|
1249
1250
|
};
|
|
1250
1251
|
};
|
|
1252
|
+
readonly video: {
|
|
1253
|
+
readonly component: ControlComponent<() => react.JSX.Element>;
|
|
1254
|
+
readonly layout: "full";
|
|
1255
|
+
readonly propTypeUtil: {
|
|
1256
|
+
extract: (prop: unknown) => {
|
|
1257
|
+
url: null;
|
|
1258
|
+
id?: any;
|
|
1259
|
+
} | {
|
|
1260
|
+
id: null;
|
|
1261
|
+
url?: any;
|
|
1262
|
+
} | null;
|
|
1263
|
+
isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"video-src", {
|
|
1264
|
+
url: null;
|
|
1265
|
+
id?: any;
|
|
1266
|
+
} | {
|
|
1267
|
+
id: null;
|
|
1268
|
+
url?: any;
|
|
1269
|
+
}>;
|
|
1270
|
+
create: {
|
|
1271
|
+
(value: {
|
|
1272
|
+
url: null;
|
|
1273
|
+
id?: any;
|
|
1274
|
+
} | {
|
|
1275
|
+
id: null;
|
|
1276
|
+
url?: any;
|
|
1277
|
+
}): _elementor_editor_props.TransformablePropValue<"video-src", {
|
|
1278
|
+
url: null;
|
|
1279
|
+
id?: any;
|
|
1280
|
+
} | {
|
|
1281
|
+
id: null;
|
|
1282
|
+
url?: any;
|
|
1283
|
+
}>;
|
|
1284
|
+
(value: {
|
|
1285
|
+
url: null;
|
|
1286
|
+
id?: any;
|
|
1287
|
+
} | {
|
|
1288
|
+
id: null;
|
|
1289
|
+
url?: any;
|
|
1290
|
+
}, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"video-src", {
|
|
1291
|
+
url: null;
|
|
1292
|
+
id?: any;
|
|
1293
|
+
} | {
|
|
1294
|
+
id: null;
|
|
1295
|
+
url?: any;
|
|
1296
|
+
}>;
|
|
1297
|
+
(value: (prev?: {
|
|
1298
|
+
url: null;
|
|
1299
|
+
id?: any;
|
|
1300
|
+
} | {
|
|
1301
|
+
id: null;
|
|
1302
|
+
url?: any;
|
|
1303
|
+
} | undefined) => {
|
|
1304
|
+
url: null;
|
|
1305
|
+
id?: any;
|
|
1306
|
+
} | {
|
|
1307
|
+
id: null;
|
|
1308
|
+
url?: any;
|
|
1309
|
+
}, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"video-src", {
|
|
1310
|
+
url: null;
|
|
1311
|
+
id?: any;
|
|
1312
|
+
} | {
|
|
1313
|
+
id: null;
|
|
1314
|
+
url?: any;
|
|
1315
|
+
}>;
|
|
1316
|
+
};
|
|
1317
|
+
schema: zod.ZodObject<{
|
|
1318
|
+
$$type: zod.ZodLiteral<"video-src">;
|
|
1319
|
+
value: zod.ZodType<{
|
|
1320
|
+
url: null;
|
|
1321
|
+
id?: any;
|
|
1322
|
+
} | {
|
|
1323
|
+
id: null;
|
|
1324
|
+
url?: any;
|
|
1325
|
+
}, zod.ZodTypeDef, {
|
|
1326
|
+
url: null;
|
|
1327
|
+
id?: any;
|
|
1328
|
+
} | {
|
|
1329
|
+
id: null;
|
|
1330
|
+
url?: any;
|
|
1331
|
+
}>;
|
|
1332
|
+
disabled: zod.ZodOptional<zod.ZodBoolean>;
|
|
1333
|
+
}, "strict", zod.ZodTypeAny, {
|
|
1334
|
+
$$type: "video-src";
|
|
1335
|
+
value: {
|
|
1336
|
+
url: null;
|
|
1337
|
+
id?: any;
|
|
1338
|
+
} | {
|
|
1339
|
+
id: null;
|
|
1340
|
+
url?: any;
|
|
1341
|
+
};
|
|
1342
|
+
disabled?: boolean | undefined;
|
|
1343
|
+
}, {
|
|
1344
|
+
$$type: "video-src";
|
|
1345
|
+
value: {
|
|
1346
|
+
url: null;
|
|
1347
|
+
id?: any;
|
|
1348
|
+
} | {
|
|
1349
|
+
id: null;
|
|
1350
|
+
url?: any;
|
|
1351
|
+
};
|
|
1352
|
+
disabled?: boolean | undefined;
|
|
1353
|
+
}>;
|
|
1354
|
+
key: "video-src";
|
|
1355
|
+
};
|
|
1356
|
+
};
|
|
1251
1357
|
readonly 'inline-editing': {
|
|
1252
1358
|
readonly component: ControlComponent<({ sx, attributes, props, }: {
|
|
1253
1359
|
sx?: _mui_system.SxProps<_mui_material.Theme>;
|
package/dist/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import * as react from 'react';
|
|
|
4
4
|
import { FC, PropsWithChildren, ReactNode, Dispatch, ComponentProps, ComponentType } from 'react';
|
|
5
5
|
import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout, ControlItem } from '@elementor/editor-elements';
|
|
6
6
|
import * as _elementor_editor_props from '@elementor/editor-props';
|
|
7
|
-
import { PropKey, PropTypeUtil, PropsSchema, ObjectPropType, TransformablePropValue, PropValue } from '@elementor/editor-props';
|
|
7
|
+
import { PropKey, AnyTransformable, PropTypeUtil, PropsSchema, ObjectPropType, TransformablePropValue, PropValue } from '@elementor/editor-props';
|
|
8
8
|
import * as _emotion_styled from '@emotion/styled';
|
|
9
9
|
import * as _mui_system from '@mui/system';
|
|
10
10
|
import { Theme, ChipProps } from '@elementor/ui';
|
|
@@ -87,9 +87,10 @@ declare function useClassesProp(): string;
|
|
|
87
87
|
type ContextValue$1 = {
|
|
88
88
|
element: Element;
|
|
89
89
|
elementType: ElementType;
|
|
90
|
+
settings: Record<string, AnyTransformable | null>;
|
|
90
91
|
};
|
|
91
92
|
type Props = PropsWithChildren<ContextValue$1>;
|
|
92
|
-
declare function ElementProvider({ children, element, elementType }: Props): react.JSX.Element;
|
|
93
|
+
declare function ElementProvider({ children, element, elementType, settings }: Props): react.JSX.Element;
|
|
93
94
|
declare function useElement(): ContextValue$1;
|
|
94
95
|
|
|
95
96
|
type ContextValue = {
|
|
@@ -1248,6 +1249,111 @@ declare const controlTypes: {
|
|
|
1248
1249
|
key: "date-time";
|
|
1249
1250
|
};
|
|
1250
1251
|
};
|
|
1252
|
+
readonly video: {
|
|
1253
|
+
readonly component: ControlComponent<() => react.JSX.Element>;
|
|
1254
|
+
readonly layout: "full";
|
|
1255
|
+
readonly propTypeUtil: {
|
|
1256
|
+
extract: (prop: unknown) => {
|
|
1257
|
+
url: null;
|
|
1258
|
+
id?: any;
|
|
1259
|
+
} | {
|
|
1260
|
+
id: null;
|
|
1261
|
+
url?: any;
|
|
1262
|
+
} | null;
|
|
1263
|
+
isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"video-src", {
|
|
1264
|
+
url: null;
|
|
1265
|
+
id?: any;
|
|
1266
|
+
} | {
|
|
1267
|
+
id: null;
|
|
1268
|
+
url?: any;
|
|
1269
|
+
}>;
|
|
1270
|
+
create: {
|
|
1271
|
+
(value: {
|
|
1272
|
+
url: null;
|
|
1273
|
+
id?: any;
|
|
1274
|
+
} | {
|
|
1275
|
+
id: null;
|
|
1276
|
+
url?: any;
|
|
1277
|
+
}): _elementor_editor_props.TransformablePropValue<"video-src", {
|
|
1278
|
+
url: null;
|
|
1279
|
+
id?: any;
|
|
1280
|
+
} | {
|
|
1281
|
+
id: null;
|
|
1282
|
+
url?: any;
|
|
1283
|
+
}>;
|
|
1284
|
+
(value: {
|
|
1285
|
+
url: null;
|
|
1286
|
+
id?: any;
|
|
1287
|
+
} | {
|
|
1288
|
+
id: null;
|
|
1289
|
+
url?: any;
|
|
1290
|
+
}, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"video-src", {
|
|
1291
|
+
url: null;
|
|
1292
|
+
id?: any;
|
|
1293
|
+
} | {
|
|
1294
|
+
id: null;
|
|
1295
|
+
url?: any;
|
|
1296
|
+
}>;
|
|
1297
|
+
(value: (prev?: {
|
|
1298
|
+
url: null;
|
|
1299
|
+
id?: any;
|
|
1300
|
+
} | {
|
|
1301
|
+
id: null;
|
|
1302
|
+
url?: any;
|
|
1303
|
+
} | undefined) => {
|
|
1304
|
+
url: null;
|
|
1305
|
+
id?: any;
|
|
1306
|
+
} | {
|
|
1307
|
+
id: null;
|
|
1308
|
+
url?: any;
|
|
1309
|
+
}, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"video-src", {
|
|
1310
|
+
url: null;
|
|
1311
|
+
id?: any;
|
|
1312
|
+
} | {
|
|
1313
|
+
id: null;
|
|
1314
|
+
url?: any;
|
|
1315
|
+
}>;
|
|
1316
|
+
};
|
|
1317
|
+
schema: zod.ZodObject<{
|
|
1318
|
+
$$type: zod.ZodLiteral<"video-src">;
|
|
1319
|
+
value: zod.ZodType<{
|
|
1320
|
+
url: null;
|
|
1321
|
+
id?: any;
|
|
1322
|
+
} | {
|
|
1323
|
+
id: null;
|
|
1324
|
+
url?: any;
|
|
1325
|
+
}, zod.ZodTypeDef, {
|
|
1326
|
+
url: null;
|
|
1327
|
+
id?: any;
|
|
1328
|
+
} | {
|
|
1329
|
+
id: null;
|
|
1330
|
+
url?: any;
|
|
1331
|
+
}>;
|
|
1332
|
+
disabled: zod.ZodOptional<zod.ZodBoolean>;
|
|
1333
|
+
}, "strict", zod.ZodTypeAny, {
|
|
1334
|
+
$$type: "video-src";
|
|
1335
|
+
value: {
|
|
1336
|
+
url: null;
|
|
1337
|
+
id?: any;
|
|
1338
|
+
} | {
|
|
1339
|
+
id: null;
|
|
1340
|
+
url?: any;
|
|
1341
|
+
};
|
|
1342
|
+
disabled?: boolean | undefined;
|
|
1343
|
+
}, {
|
|
1344
|
+
$$type: "video-src";
|
|
1345
|
+
value: {
|
|
1346
|
+
url: null;
|
|
1347
|
+
id?: any;
|
|
1348
|
+
} | {
|
|
1349
|
+
id: null;
|
|
1350
|
+
url?: any;
|
|
1351
|
+
};
|
|
1352
|
+
disabled?: boolean | undefined;
|
|
1353
|
+
}>;
|
|
1354
|
+
key: "video-src";
|
|
1355
|
+
};
|
|
1356
|
+
};
|
|
1251
1357
|
readonly 'inline-editing': {
|
|
1252
1358
|
readonly component: ControlComponent<({ sx, attributes, props, }: {
|
|
1253
1359
|
sx?: _mui_system.SxProps<_mui_material.Theme>;
|