@wix/editor-react-components 1.2798.0 → 1.2799.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.
@@ -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 MENU_ANIMATED_ICON_SPEC, k as states, p as presets, m as menuBuiltInActions } from "../chunks/constants27.js";
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: false,
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
- displayName: DisplayNames.root.customActions.animatedIcon.displayName,
1339
- execution: {
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
- MENU_ANIMATED_ICON_SPEC as j,
447
- states as k,
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.2798.0",
3
+ "version": "1.2799.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": "c168f26f3fd87550de4bf65ae60e4129d6a805b77e8d60030429a593"
225
+ "falconPackageHash": "aebbe2fc4508c089affe5e18783ce3df1fe4844e2c060e2ae33af56e"
226
226
  }