@wix/editor-react-components 1.2798.0 → 1.2800.0
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/site/components/Menu/manifest.js +26 -13
- package/dist/site/components/Menu/manifestConfigs/animatedIconConfig.d.ts +3 -1
- package/dist/site/components/Menu/manifestConfigs/overrides/verticalNavbarConfig.d.ts +2 -2
- package/dist/site/components/Repeater/manifest.js +12 -0
- package/dist/site/components/chunks/constants27.js +6 -2
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { E as ELEMENTS, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, N as NativeStateType, a as ACTIONS, D as DATA, L as LAYOUT, I as INTERACTIONS, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
|
|
2
|
-
import { c as DesignStates, f as DisplayNames, s as selectors, g as DropdownAnchorPositions, h as DropdownAppliedStyleProperties, i as elementKeys, j as
|
|
2
|
+
import { c as DesignStates, f as DisplayNames, s as selectors, g as DropdownAnchorPositions, h as DropdownAppliedStyleProperties, i as elementKeys, j as customActionKeys, k as MENU_ANIMATED_ICON_SPEC, l as states, p as presets, m as menuBuiltInActions } from "../chunks/constants27.js";
|
|
3
3
|
import { w as withSpec } from "../chunks/manifest.js";
|
|
4
4
|
import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
|
|
5
5
|
import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
|
|
@@ -527,6 +527,17 @@ const scrollButtonConfig = {
|
|
|
527
527
|
}
|
|
528
528
|
}
|
|
529
529
|
};
|
|
530
|
+
const getAnimatedIconCustomAction = (animatedIconPath) => ({
|
|
531
|
+
displayName: DisplayNames.root.customActions.animatedIcon.displayName,
|
|
532
|
+
execution: {
|
|
533
|
+
actionType: ACTIONS.ACTION_TYPE.forward,
|
|
534
|
+
forward: {
|
|
535
|
+
elementPath: animatedIconPath,
|
|
536
|
+
actionName: ACTIONS.ACTION_NAME.custom,
|
|
537
|
+
custom: customActionKeys.animatedIcon
|
|
538
|
+
}
|
|
539
|
+
}
|
|
540
|
+
});
|
|
530
541
|
const animatedIconConfig = {
|
|
531
542
|
spec: MENU_ANIMATED_ICON_SPEC,
|
|
532
543
|
elementType: ELEMENTS.ELEMENT_TYPE.refElement,
|
|
@@ -579,9 +590,14 @@ const itemConfig = {
|
|
|
579
590
|
selector: `.${selectors.item}`,
|
|
580
591
|
displayName: DisplayNames.item.elementDisplayName,
|
|
581
592
|
behaviors: {
|
|
582
|
-
selectable:
|
|
593
|
+
selectable: true,
|
|
583
594
|
removable: false
|
|
584
595
|
},
|
|
596
|
+
customActions: {
|
|
597
|
+
[customActionKeys.animatedIcon]: getAnimatedIconCustomAction(
|
|
598
|
+
`.self.${elementKeys.animatedIcon}`
|
|
599
|
+
)
|
|
600
|
+
},
|
|
585
601
|
states: {
|
|
586
602
|
// Not native: the item must stay hovered while the pointer is over its
|
|
587
603
|
// mega menu dropdown, which isn't a DOM descendant of the item, so real
|
|
@@ -833,6 +849,11 @@ const navbarConfig = {
|
|
|
833
849
|
},
|
|
834
850
|
design: {}
|
|
835
851
|
},
|
|
852
|
+
customActions: {
|
|
853
|
+
[customActionKeys.animatedIcon]: getAnimatedIconCustomAction(
|
|
854
|
+
`.self.${elementKeys.item}.${elementKeys.animatedIcon}`
|
|
855
|
+
)
|
|
856
|
+
},
|
|
836
857
|
elements: {
|
|
837
858
|
[elementKeys.item]: itemConfig,
|
|
838
859
|
[elementKeys.scrollButton]: scrollButtonConfig,
|
|
@@ -1334,17 +1355,9 @@ const manifest = {
|
|
|
1334
1355
|
}
|
|
1335
1356
|
}
|
|
1336
1357
|
},
|
|
1337
|
-
animatedIcon:
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
actionType: ACTIONS.ACTION_TYPE.forward,
|
|
1341
|
-
forward: {
|
|
1342
|
-
elementPath: `.self.${elementKeys.navbar}.${elementKeys.item}.${elementKeys.animatedIcon}`,
|
|
1343
|
-
actionName: ACTIONS.ACTION_NAME.custom,
|
|
1344
|
-
custom: "animatedIcon"
|
|
1345
|
-
}
|
|
1346
|
-
}
|
|
1347
|
-
},
|
|
1358
|
+
animatedIcon: getAnimatedIconCustomAction(
|
|
1359
|
+
`.self.${elementKeys.navbar}.${elementKeys.item}.${elementKeys.animatedIcon}`
|
|
1360
|
+
),
|
|
1348
1361
|
hamburgerAnimatedIcon: {
|
|
1349
1362
|
displayName: DisplayNames.root.customActions.hamburgerAnimatedIcon.displayName,
|
|
1350
1363
|
execution: {
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
import { ElementItem } from '@wix/component-protocol/schema';
|
|
1
|
+
import { CustomActions, DisplayFilters, ElementItem } from '@wix/component-protocol/schema';
|
|
2
|
+
export declare const getAnimatedIconCustomAction: (animatedIconPath: string) => CustomActions[string];
|
|
3
|
+
export declare const getAnimatedIconCustomActionsDisplayFilter: (isIconHidden: boolean) => DisplayFilters["customActions"];
|
|
2
4
|
export declare const animatedIconConfig: ElementItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EditorElement, ElementItem } from '@wix/component-protocol/schema';
|
|
1
|
+
import { DisplayFilters, EditorElement, ElementItem } from '@wix/component-protocol/schema';
|
|
2
2
|
export type VerticalNavbarProps = {
|
|
3
3
|
hasDropdownItems: boolean;
|
|
4
4
|
hasDropdownContent: boolean;
|
|
@@ -10,5 +10,5 @@ export type VerticalNavbarProps = {
|
|
|
10
10
|
hideItemIconGap: boolean;
|
|
11
11
|
isIconHidden: boolean;
|
|
12
12
|
};
|
|
13
|
-
export declare const getVerticalNavbarElementManifestOverrides: ({ hasDropdownItems, hasDropdownContent, hasDropdownSubItems, isItemFitToText, isDropdownItemFitToText, dropdownColumnsNumber, hideItemIconGap, }: VerticalNavbarProps) => ElementItem;
|
|
13
|
+
export declare const getVerticalNavbarElementManifestOverrides: ({ hasDropdownItems, hasDropdownContent, hasDropdownSubItems, isItemFitToText, isDropdownItemFitToText, dropdownColumnsNumber, hideItemIconGap, isIconHidden, }: VerticalNavbarProps, navbarCustomActionsDisplayFilter: DisplayFilters["customActions"]) => ElementItem;
|
|
14
14
|
export declare const getVerticalNavbarManifestOverrides: (props: VerticalNavbarProps) => Partial<EditorElement>;
|
|
@@ -69,6 +69,18 @@ const manifest = {
|
|
|
69
69
|
template: {
|
|
70
70
|
dataItemPath: {
|
|
71
71
|
itemKey: "items"
|
|
72
|
+
},
|
|
73
|
+
interactions: {
|
|
74
|
+
triggers: [
|
|
75
|
+
INTERACTIONS.TRIGGER_TYPE.hover,
|
|
76
|
+
INTERACTIONS.TRIGGER_TYPE.click,
|
|
77
|
+
INTERACTIONS.TRIGGER_TYPE.viewEnter,
|
|
78
|
+
INTERACTIONS.TRIGGER_TYPE.pageVisible,
|
|
79
|
+
INTERACTIONS.TRIGGER_TYPE.viewProgress,
|
|
80
|
+
INTERACTIONS.TRIGGER_TYPE.pointerMove,
|
|
81
|
+
INTERACTIONS.TRIGGER_TYPE.animationEnd
|
|
82
|
+
],
|
|
83
|
+
effectGroups: [INTERACTIONS.EFFECT_GROUP.UNKNOWN_EFFECT_GROUP]
|
|
72
84
|
}
|
|
73
85
|
}
|
|
74
86
|
}
|
|
@@ -313,6 +313,9 @@ const menuBuiltInActions = {
|
|
|
313
313
|
elements: "elements"
|
|
314
314
|
};
|
|
315
315
|
const MENU_ANIMATED_ICON_SPEC = "sp.erc.menuAnimatedIcon";
|
|
316
|
+
const customActionKeys = {
|
|
317
|
+
animatedIcon: "animatedIcon"
|
|
318
|
+
};
|
|
316
319
|
const selectors = {
|
|
317
320
|
menu: "menu",
|
|
318
321
|
navbar: "navbar",
|
|
@@ -443,8 +446,9 @@ export {
|
|
|
443
446
|
DropdownAnchorPositions as g,
|
|
444
447
|
DropdownAppliedStyleProperties as h,
|
|
445
448
|
elementKeys as i,
|
|
446
|
-
|
|
447
|
-
|
|
449
|
+
customActionKeys as j,
|
|
450
|
+
MENU_ANIMATED_ICON_SPEC as k,
|
|
451
|
+
states as l,
|
|
448
452
|
menuBuiltInActions as m,
|
|
449
453
|
presets as p,
|
|
450
454
|
selectors as s,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/editor-react-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2800.0",
|
|
4
4
|
"description": "React components for the Wix Editor",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -222,5 +222,5 @@
|
|
|
222
222
|
"registry": "https://registry.npmjs.org/",
|
|
223
223
|
"access": "public"
|
|
224
224
|
},
|
|
225
|
-
"falconPackageHash": "
|
|
225
|
+
"falconPackageHash": "aebbe2fc4508c089affe5e18783ce3df1fe4844e2c060e2ae33af56e"
|
|
226
226
|
}
|