@wix/editor-react-components 1.2621.0 → 1.2622.0

package/dist/site/components/chunks/constants28.js

@@ -1,93 +1,77 @@
-const semanticSelectors = {
-  root: "lottie",
-  playButton: "playButton"
+const CONTENT_MAX_LENGTH = 1e5;
+const manifestClasses = {
+  root: "markdown-block"
 };
-const ARIA_LABEL_NAMESPACE = "lottie";
+const defaultValues = {
+  theme: "light",
+  content: `# Markdown Block
+
+Write **Markdown** and it renders as styled HTML. Supports _emphasis_, [links](https://www.wix.com), \`inline code\` and everything else in CommonMark plus GitHub Flavored Markdown.
+
+## Lists
+
+- Bullet lists with **bold** and _italic_ text
+- Nested content and long lines wrap cleanly
+- Task lists, tables and strikethrough come from GFM
+
+1. Ordered items work too
+2. Numbering is handled for you
+
+## Quotes and code
+
+> A blockquote for pull quotes, callouts, and citations.
+
+\`\`\`js
+const greet = (name) => \`Hello, \${name}!\`;
+console.log(greet('Markdown'));
+\`\`\`
+
+## Tables
+
+| Feature | Supported |
+| --- | --- |
+| Headings | Yes |
+| Tables | Yes |
+| Task lists | Yes |
+
+---
+
+### Smaller heading
+
+Everything above is styled by the selected theme. Switch themes to restyle the whole block.
+`
+};
+const TRANSLATIONS_NAMESPACE = "ariaLabels";
 const TranslationKeys = {
-  playButton: "lottie_aria_label_play",
-  pauseButton: "lottie_aria_label_pause"
+  scrollerAriaLabel: "markdownBlock_aria_label_content"
 };
 const DefaultTranslations = {
-  playButton: "Play animation",
-  pauseButton: "Pause animation"
+  scrollerAriaLabel: "Markdown content"
 };
 const DisplayNames = {
   root: {
-    elementDisplayName: "Lottie",
+    elementDisplayName: "Markdown Block",
     data: {
-      animationUrl: "Animation URL",
-      loop: "Plays in a loop",
-      speed: "Speed",
-      showButtonOnHover: "Show play/pause button",
-      allowClickToStop: "Click to stop animation"
+      content: "Content",
+      theme: {
+        displayName: "Theme",
+        options: {
+          light: "Light",
+          dark: "Dark",
+          sepia: "Sepia",
+          prism: "Prism",
+          brand: "Site brand"
+        }
+      }
     }
-  },
-  playButton: {
-    elementDisplayName: "Play button"
   }
 };
-const rootDataDefaults = {
-  loop: true,
-  speed: 1,
-  showButtonOnHover: "always",
-  allowClickToStop: true
-};
-const showButtonOnHoverDefaults = {
-  always: {
-    value: "always",
-    displayName: "Always"
-  },
-  onHover: {
-    value: "onHover",
-    displayName: "On hover"
-  }
-};
-const testIds = {
-  animationClickWrapper: "lottie-animation-click-wrapper"
-};
-const borderDefaultValue = "0px none rgba(0, 0, 0, 1)";
-const playButtonDefaults = {
-  insetInlineEnd: "5px",
-  insetBlockEnd: "5px"
-};
-const initialSize = {
-  width: 280,
-  height: 280
-};
-const speedConstraints = {
-  min: "0.5",
-  max: "5.0",
-  multiplier: "0.5"
-};
-const playIconSvg = {
-  uri: "",
-  viewBox: "0 0 24 24",
-  contentBox: "0 0 24 24",
-  colors: {},
-  contentType: "shape",
-  svgContent: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 4.00142V19.0034C7 19.7884 7.864 20.2674 8.53 19.8514L20.537 12.3504C21.164 11.9584 21.164 11.0464 20.537 10.6544L8.53 3.15342C7.864 2.73742 7 3.21642 7 4.00142Z"/></svg>'
-};
-const pauseIconSvg = {
-  uri: "",
-  viewBox: "0 0 24 24",
-  contentBox: "0 0 24 24",
-  colors: {},
-  contentType: "shape",
-  svgContent: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="5" y="3" width="5" height="17" rx="1"/><rect x="14" y="3" width="5" height="17" rx="1"/></svg>'
-};
 export {
-  ARIA_LABEL_NAMESPACE as A,
+  CONTENT_MAX_LENGTH as C,
   DefaultTranslations as D,
   TranslationKeys as T,
-  playIconSvg as a,
-  showButtonOnHoverDefaults as b,
-  speedConstraints as c,
-  playButtonDefaults as d,
-  DisplayNames as e,
-  borderDefaultValue as f,
-  initialSize as i,
-  pauseIconSvg as p,
-  rootDataDefaults as r,
-  semanticSelectors as s,
-  testIds as t
+  TRANSLATIONS_NAMESPACE as a,
+  DisplayNames as b,
+  defaultValues as d,
+  manifestClasses as m
 };

package/dist/site/components/chunks/constants29.js

@@ -1,23 +1,93 @@
+const semanticSelectors = {
+  root: "lottie",
+  playButton: "playButton"
+};
+const ARIA_LABEL_NAMESPACE = "lottie";
+const TranslationKeys = {
+  playButton: "lottie_aria_label_play",
+  pauseButton: "lottie_aria_label_pause"
+};
+const DefaultTranslations = {
+  playButton: "Play animation",
+  pauseButton: "Pause animation"
+};
 const DisplayNames = {
   root: {
-    elementDisplayName: "Logo",
-    actions: {
-      settings: "Settings"
-    },
-    customActions: {
-      customizeLogo: "Customize Logo"
-    },
+    elementDisplayName: "Lottie",
     data: {
-      image: {
-        displayName: "Logo Image"
-      }
+      animationUrl: "Animation URL",
+      loop: "Plays in a loop",
+      speed: "Speed",
+      showButtonOnHover: "Show play/pause button",
+      allowClickToStop: "Click to stop animation"
     }
+  },
+  playButton: {
+    elementDisplayName: "Play button"
+  }
+};
+const rootDataDefaults = {
+  loop: true,
+  speed: 1,
+  showButtonOnHover: "always",
+  allowClickToStop: true
+};
+const showButtonOnHoverDefaults = {
+  always: {
+    value: "always",
+    displayName: "Always"
+  },
+  onHover: {
+    value: "onHover",
+    displayName: "On hover"
   }
 };
-const defaultLogoUrl = "https://static.parastorage.com/services/santa-resources/dist/editor/addPanelData/sections/logo/logoDefault.v2.png";
-const DEFAULT_LOGO_SIZE = 80;
+const testIds = {
+  animationClickWrapper: "lottie-animation-click-wrapper"
+};
+const borderDefaultValue = "0px none rgba(0, 0, 0, 1)";
+const playButtonDefaults = {
+  insetInlineEnd: "5px",
+  insetBlockEnd: "5px"
+};
+const initialSize = {
+  width: 280,
+  height: 280
+};
+const speedConstraints = {
+  min: "0.5",
+  max: "5.0",
+  multiplier: "0.5"
+};
+const playIconSvg = {
+  uri: "",
+  viewBox: "0 0 24 24",
+  contentBox: "0 0 24 24",
+  colors: {},
+  contentType: "shape",
+  svgContent: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 4.00142V19.0034C7 19.7884 7.864 20.2674 8.53 19.8514L20.537 12.3504C21.164 11.9584 21.164 11.0464 20.537 10.6544L8.53 3.15342C7.864 2.73742 7 3.21642 7 4.00142Z"/></svg>'
+};
+const pauseIconSvg = {
+  uri: "",
+  viewBox: "0 0 24 24",
+  contentBox: "0 0 24 24",
+  colors: {},
+  contentType: "shape",
+  svgContent: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="5" y="3" width="5" height="17" rx="1"/><rect x="14" y="3" width="5" height="17" rx="1"/></svg>'
+};
 export {
-  DEFAULT_LOGO_SIZE as D,
-  DisplayNames as a,
-  defaultLogoUrl as d
+  ARIA_LABEL_NAMESPACE as A,
+  DefaultTranslations as D,
+  TranslationKeys as T,
+  playIconSvg as a,
+  showButtonOnHoverDefaults as b,
+  speedConstraints as c,
+  playButtonDefaults as d,
+  DisplayNames as e,
+  borderDefaultValue as f,
+  initialSize as i,
+  pauseIconSvg as p,
+  rootDataDefaults as r,
+  semanticSelectors as s,
+  testIds as t
 };

package/dist/site/components/chunks/constants30.js

@@ -1,54 +1,23 @@
-const presets = {
-  horizontal: "horizontal",
-  vertical: "vertical"
-};
 const DisplayNames = {
   root: {
-    elementDisplayName: "Social Bar",
-    presets: {
-      horizontal: "Horizontal",
-      vertical: "Vertical"
-    },
-    cssCustomProperties: {
-      "item-size": "Size",
-      "row-gap": "Vertical space between icons",
-      "column-gap": "Horizontal space between icons",
-      "justify-content": "Alignment"
-    },
-    data: {
-      items: "Social",
-      icon: "Icon",
-      link: "Links to"
-    },
+    elementDisplayName: "Logo",
     actions: {
-      manageItems: "Manage Social Bar"
+      settings: "Settings"
     },
     customActions: {
-      orientation: "Change Orientation"
+      customizeLogo: "Customize Logo"
     },
-    displayGroups: {
-      gapGroup: {
-        displayName: "Space between icons"
-      },
-      iconsGroup: {
-        displayName: "Icons"
+    data: {
+      image: {
+        displayName: "Logo Image"
       }
     }
   }
 };
-const DesignStates = {
-  root: {
-    hover: { displayName: "Hover", className: "link-bar--hover" }
-  }
-};
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
-const ARIA_LABEL_KEY = "LinkBar_AriaLabel_SocialBarContainer";
-const ARIA_LABEL_DEFAULT = "Social Bar";
+const defaultLogoUrl = "https://static.parastorage.com/services/santa-resources/dist/editor/addPanelData/sections/logo/logoDefault.v2.png";
+const DEFAULT_LOGO_SIZE = 80;
 export {
-  ARIA_LABEL_NAMESPACE as A,
-  DesignStates as D,
-  ARIA_LABEL_KEY as a,
-  ARIA_LABEL_DEFAULT as b,
-  DisplayNames as c,
-  presets as p
+  DEFAULT_LOGO_SIZE as D,
+  DisplayNames as a,
+  defaultLogoUrl as d
 };

package/dist/site/components/chunks/constants31.js

@@ -1,33 +1,54 @@
-const HIPAA_SETTINGS_PANEL_ID = "e4a7c1d3-8f2b-4e6a-9d5c-3b1f7a2e8c4d";
+const presets = {
+  horizontal: "horizontal",
+  vertical: "vertical"
+};
 const DisplayNames = {
   root: {
-    elementDisplayName: "HIPAA Certification",
+    elementDisplayName: "Social Bar",
+    presets: {
+      horizontal: "Horizontal",
+      vertical: "Vertical"
+    },
+    cssCustomProperties: {
+      "item-size": "Size",
+      "row-gap": "Vertical space between icons",
+      "column-gap": "Horizontal space between icons",
+      "justify-content": "Alignment"
+    },
+    data: {
+      items: "Social",
+      icon: "Icon",
+      link: "Links to"
+    },
+    actions: {
+      manageItems: "Manage Social Bar"
+    },
     customActions: {
-      hipaaSettings: "HIPAA Settings"
+      orientation: "Change Orientation"
     },
-    cssProperties: {
-      color: "Icon Color",
-      backgroundColor: "Background Color"
+    displayGroups: {
+      gapGroup: {
+        displayName: "Space between icons"
+      },
+      iconsGroup: {
+        displayName: "Icons"
+      }
     }
   }
 };
-const TRANSLATIONS_NAMESPACE = "ariaLabels";
-const TranslationKeys = {
-  ariaLabelCompliant: "hipaaIcon_aria_label_compliant",
-  ariaLabelActivate: "hipaaIcon_aria_label_activate",
-  activateHeading: "hipaaIcon_activate_heading",
-  activateDescription: "hipaaIcon_activate_description"
-};
-const DefaultTranslations = {
-  ariaLabelCompliant: "HIPAA Compliant",
-  ariaLabelActivate: "HIPAA Certification",
-  activateHeading: "Activate HIPAA",
-  activateDescription: "Go to Manage > Purchase & Activate HIPAA Compliance"
+const DesignStates = {
+  root: {
+    hover: { displayName: "Hover", className: "link-bar--hover" }
+  }
 };
+const ARIA_LABEL_NAMESPACE = "ariaLabels";
+const ARIA_LABEL_KEY = "LinkBar_AriaLabel_SocialBarContainer";
+const ARIA_LABEL_DEFAULT = "Social Bar";
 export {
-  DefaultTranslations as D,
-  HIPAA_SETTINGS_PANEL_ID as H,
-  TranslationKeys as T,
-  TRANSLATIONS_NAMESPACE as a,
-  DisplayNames as b
+  ARIA_LABEL_NAMESPACE as A,
+  DesignStates as D,
+  ARIA_LABEL_KEY as a,
+  ARIA_LABEL_DEFAULT as b,
+  DisplayNames as c,
+  presets as p
 };

package/dist/site/components/chunks/constants32.js

@@ -1,15 +1,33 @@
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
+const HIPAA_SETTINGS_PANEL_ID = "e4a7c1d3-8f2b-4e6a-9d5c-3b1f7a2e8c4d";
 const DisplayNames = {
-  data: {
-    onClick: "On Click",
-    onDblClick: "On Double Click",
-    onMouseIn: "On Mouse In",
-    onMouseOut: "On Mouse Out",
-    onFocus: "On Focus",
-    onBlur: "On Blur"
+  root: {
+    elementDisplayName: "HIPAA Certification",
+    customActions: {
+      hipaaSettings: "HIPAA Settings"
+    },
+    cssProperties: {
+      color: "Icon Color",
+      backgroundColor: "Background Color"
+    }
   }
 };
+const TRANSLATIONS_NAMESPACE = "ariaLabels";
+const TranslationKeys = {
+  ariaLabelCompliant: "hipaaIcon_aria_label_compliant",
+  ariaLabelActivate: "hipaaIcon_aria_label_activate",
+  activateHeading: "hipaaIcon_activate_heading",
+  activateDescription: "hipaaIcon_activate_description"
+};
+const DefaultTranslations = {
+  ariaLabelCompliant: "HIPAA Compliant",
+  ariaLabelActivate: "HIPAA Certification",
+  activateHeading: "Activate HIPAA",
+  activateDescription: "Go to Manage > Purchase & Activate HIPAA Compliance"
+};
 export {
-  ARIA_LABEL_NAMESPACE as A,
-  DisplayNames as D
+  DefaultTranslations as D,
+  HIPAA_SETTINGS_PANEL_ID as H,
+  TranslationKeys as T,
+  TRANSLATIONS_NAMESPACE as a,
+  DisplayNames as b
 };

package/dist/site/components/chunks/constants33.js

@@ -1,211 +1,15 @@
-const DesignStates = {
-  root: {
-    hover: { displayName: "Hover", className: "dropdown--hover" },
-    disabled: { displayName: "Disabled", className: "dropdown--disabled" }
-  },
-  input: {
-    hover: { displayName: "Hover", className: "dropdown__input--hover" },
-    focus: { displayName: "Focus", className: "dropdown__input--focus" },
-    disabled: {
-      displayName: "Disabled",
-      className: "dropdown__input--disabled"
-    }
-  },
-  trigger: {
-    hover: { displayName: "Hover", className: "dropdown__trigger--hover" },
-    selected: {
-      displayName: "Selected",
-      className: "dropdown__trigger--selected"
-    }
-  },
-  clearButton: {
-    hover: { displayName: "Hover", className: "dropdown__clear--hover" },
-    selected: {
-      displayName: "Selected",
-      className: "dropdown__clear--selected"
-    }
-  },
-  option: {
-    hover: { displayName: "Hover", className: "dropdown__option--hover" },
-    selected: {
-      displayName: "Selected",
-      className: "dropdown__option--selected"
-    }
-  },
-  chip: {
-    hover: { displayName: "Hover", className: "dropdown__chip--hover" },
-    selected: {
-      displayName: "Selected",
-      className: "dropdown__chip--selected"
-    }
-  }
-};
-const FunctionalStateKeys = {
-  previewList: "previewList",
-  previewChips: "previewChips"
-};
+const ARIA_LABEL_NAMESPACE = "ariaLabels";
 const DisplayNames = {
-  root: {
-    elementDisplayName: "Dropdown",
-    data: {
-      options: "Options",
-      optionLabel: "Label",
-      optionValue: "Value",
-      value: "Selected value",
-      values: "Selected values",
-      defaultValue: "Default value",
-      defaultValues: "Default values",
-      inputValue: "Search query",
-      open: "Open",
-      isDisabled: "Disabled",
-      placeholder: "Placeholder",
-      searchable: "Allow search",
-      multiple: "Allow multiple selection",
-      clearable: "Show clear button",
-      autoHighlight: "Highlight first match",
-      openOnInputClick: "Open list on click",
-      inline: "Show options inline",
-      grid: "Show options in a grid",
-      columns: "Columns",
-      limit: "Max visible options",
-      label: "Label",
-      required: "Required",
-      readOnly: "Read only",
-      description: "Helper text",
-      triggerMode: {
-        displayName: "Apply filter",
-        options: {
-          onSelection: "On selection",
-          onApply: "On button click"
-        }
-      },
-      applyButtonLabel: "Apply button text"
-    },
-    cssCustomProperties: {
-      width: "Width",
-      maxWidth: "Max width",
-      backgroundColor: "Background",
-      borderColor: "Border color",
-      borderWidth: "Border width",
-      paddingTop: "Padding top",
-      paddingBottom: "Padding bottom",
-      paddingInlineStart: "Padding start",
-      paddingInlineEnd: "Padding end",
-      gap: "Spacing",
-      boxShadow: "Shadow",
-      textAlign: "Value alignment",
-      font: "Value font",
-      textColor: "Value color",
-      labelFont: "Label font",
-      labelColor: "Label color",
-      helperFont: "Helper text font",
-      helperColor: "Helper text color",
-      optionTextColor: "Option text color",
-      optionHoverBackgroundColor: "Option hover background",
-      placeholderColor: "Placeholder color",
-      chipBackgroundColor: "Chip background",
-      chipTextColor: "Chip text color"
-    },
-    elements: {
-      label: "Label",
-      input: "Input",
-      trigger: "Button",
-      clearButton: "Clear button",
-      list: "List",
-      option: "Option",
-      chip: "Chip"
-    },
-    displayGroups: {
-      optionsGroup: "Manage options",
-      sizeGroup: "Size",
-      backgroundGroup: "Background",
-      cornersGroup: "Corner radius",
-      paddingGroup: "Padding"
-    }
+  data: {
+    onClick: "On Click",
+    onDblClick: "On Double Click",
+    onMouseIn: "On Mouse In",
+    onMouseOut: "On Mouse Out",
+    onFocus: "On Focus",
+    onBlur: "On Blur"
   }
 };
-const defaultValues = {
-  placeholder: "Select a value",
-  inputValue: "",
-  open: false,
-  isDisabled: false,
-  searchable: false,
-  multiple: false,
-  clearable: false,
-  autoHighlight: false,
-  openOnInputClick: true,
-  inline: false,
-  grid: false,
-  columns: 2,
-  limit: -1,
-  label: "",
-  required: false,
-  readOnly: false,
-  name: "",
-  description: "",
-  triggerMode: "onSelection",
-  applyButtonLabel: "Apply",
-  noResultsText: "No results"
-};
-var TriggerModeValues = /* @__PURE__ */ ((TriggerModeValues2) => {
-  TriggerModeValues2["OnSelection"] = "onSelection";
-  TriggerModeValues2["OnApply"] = "onApply";
-  return TriggerModeValues2;
-})(TriggerModeValues || {});
-const ALL_VALUE = "";
-const TestIds = {
-  root: "dropdown-root",
-  label: "dropdown-label",
-  requiredIndicator: "dropdown-required-indicator",
-  trigger: "dropdown-trigger",
-  listbox: "dropdown-listbox",
-  clear: "dropdown-clear",
-  applyButton: "dropdown-apply-button",
-  description: "dropdown-description",
-  errorMessage: "dropdown-error-message"
-};
-const selectors = {
-  root: "dropdown",
-  label: "dropdown-label",
-  input: "dropdown-input",
-  trigger: "dropdown-trigger",
-  clear: "dropdown-clear",
-  list: "dropdown-list",
-  option: "dropdown-option",
-  chip: "dropdown-chip"
-};
-const semanticClassNames = {
-  root: "dropdown",
-  label: "dropdown__label",
-  requiredIndicator: "dropdown__required-indicator",
-  input: "dropdown__input",
-  trigger: "dropdown__trigger",
-  clear: "dropdown__clear",
-  listbox: "dropdown__listbox",
-  option: "dropdown__option",
-  chips: "dropdown__chips",
-  chip: "dropdown__chip",
-  applyButton: "dropdown__apply-button",
-  errorMessage: "dropdown__error-message"
-};
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
-const AriaLabels = {
-  root: { key: "Dropdown_AriaLabel", default: "Dropdown" },
-  clear: { key: "Dropdown_AriaLabel_Clear", default: "Clear" },
-  removeItem: { key: "Dropdown_AriaLabel_RemoveItem", default: "Remove" }
-};
-const VALUE_MISSING_MESSAGE = "Please select an option.";
 export {
-  ALL_VALUE as A,
-  DesignStates as D,
-  FunctionalStateKeys as F,
-  TestIds as T,
-  VALUE_MISSING_MESSAGE as V,
-  semanticClassNames as a,
-  TriggerModeValues as b,
-  ARIA_LABEL_NAMESPACE as c,
-  defaultValues as d,
-  AriaLabels as e,
-  DisplayNames as f,
-  selectors as s
+  ARIA_LABEL_NAMESPACE as A,
+  DisplayNames as D
 };