@wix/editor-react-components 1.2736.0 → 1.2737.0

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

@@ -1,97 +1,131 @@
-const selectors = {
-  root: "textInput",
-  label: "textInput__label",
-  input: "textInput__input",
-  prefix: "textInput__prefix",
-  helperText: "textInput__helper",
-  requiredIndicator: "textInput__required-indicator"
-};
-const TestIds = {
-  requiredIndicator: "text-input-required-indicator",
-  tooltipButton: "text-input-tooltip-button"
-};
-const VALUE_MISSING_MESSAGE = "This field is required";
-const DesignStates = {
-  input: {
-    hover: { displayName: "Hover", className: "textInput__input--hover" },
-    focus: { displayName: "Focus", className: "textInput__input--focus" },
-    error: { displayName: "Error", className: "textInput__input--error" },
-    disabled: {
-      displayName: "Disabled",
-      className: "textInput__input--disabled"
-    }
-  }
-};
 const DisplayNames = {
   root: {
-    elementDisplayName: "TextInput",
+    elementDisplayName: "Time Picker",
+    data: {
+      value: "Selected time",
+      defaultValue: "Default time",
+      granularity: {
+        displayName: "Time precision",
+        options: {
+          hour: "Hours only",
+          minute: "Hours and minutes",
+          second: "Hours, minutes and seconds"
+        }
+      },
+      hourCycle: {
+        displayName: "Hour format",
+        options: {
+          auto: "Auto (locale)",
+          h12: "12-hour",
+          h24: "24-hour"
+        }
+      },
+      shouldForceLeadingZeros: "Always show leading zeros",
+      tooltip: "Tooltip",
+      label: "Label",
+      description: "Helper text",
+      minTime: "Earliest time (HH:MM)",
+      maxTime: "Latest time (HH:MM)",
+      required: "Required",
+      readOnly: "Read only",
+      disabled: "Disabled",
+      clearable: "Show clear button"
+    },
+    designStates: {
+      hover: "Hover",
+      focus: "Focus",
+      disabled: "Disabled"
+    },
     elements: {
       label: "Label",
-      input: "Input",
-      prefix: "Prefix",
-      helperText: "Helper text"
+      timeInput: "Time input",
+      description: "Helper text",
+      segment: "Segment"
+    },
+    cssCustomProperties: {
+      labelSpacing: "Label spacing"
+    }
+  }
+};
+const defaultValues = {
+  granularity: "minute",
+  hourCycle: "auto",
+  shouldForceLeadingZeros: false,
+  tooltip: "",
+  label: "",
+  description: "",
+  required: false,
+  readOnly: false,
+  disabled: false,
+  clearable: false
+};
+var HourCycleValues = /* @__PURE__ */ ((HourCycleValues2) => {
+  HourCycleValues2["Auto"] = "auto";
+  HourCycleValues2["H12"] = "12";
+  HourCycleValues2["H24"] = "24";
+  return HourCycleValues2;
+})(HourCycleValues || {});
+const DesignStates = {
+  timeInput: {
+    hover: {
+      displayName: DisplayNames.root.designStates.hover,
+      className: "timePicker__group--hover"
+    },
+    focus: {
+      displayName: DisplayNames.root.designStates.focus,
+      className: "timePicker__group--focus"
+    },
+    disabled: {
+      displayName: DisplayNames.root.designStates.disabled,
+      className: "timePicker__group--disabled"
     }
   },
-  cssCustomProperties: {
-    helperFont: "Helper text font",
-    helperColor: "Helper text color",
-    textColor: "Text color",
-    placeholderTextColor: "Placeholder text color",
-    requiredTextColor: "Required text color",
-    prefixFont: "Prefix font",
-    labelFont: "Label font",
-    labelTextColor: "Label text color",
-    labelMarginBottom: "Label bottom margin",
-    labelPaddingInlineStart: "Label left padding",
-    labelPaddingInlineEnd: "Label right padding",
-    labelAlign: "Label alignment",
-    inputAlign: "Input alignment"
-  },
-  data: {
-    value: "Value",
-    defaultValue: "Default value",
-    isDisabled: "Disabled",
-    name: "Name",
-    minLength: "Minimum length",
-    autocompleteToken: "Autocomplete type",
-    numberSpinnerHidden: "Hide number spinner",
-    labelDirection: "Label direction",
-    inputDirection: "Input direction",
-    inputType: "Input type",
-    maxLength: "Maximum length",
-    min: "Minimum value",
-    max: "Maximum value",
-    pattern: "Pattern validation",
-    phoneFormat: "Phone format",
-    label: "Label text",
-    placeholder: "Placeholder text",
-    tooltip: "Tooltip",
-    description: "Helper text",
-    autoComplete: "Autocomplete",
-    readOnly: "Read only",
-    required: "Required",
-    errorMessageType: "Error message format",
-    prefix: "Prefix",
-    step: "Step"
-  },
-  options: {
-    text: "Text",
-    number: "Number",
-    email: "Email",
-    url: "URL",
-    tel: "Phone number",
-    password: "Password",
-    center: "Center",
-    start: "Left",
-    end: "Right",
-    inline: "Inline",
-    tooltip: "Tooltip"
+  segment: {
+    focus: {
+      displayName: DisplayNames.root.designStates.focus,
+      className: "timePicker__segment--focus"
+    }
   }
 };
+const EMPTY_VALUE = "";
+const TRANSLATIONS_NAMESPACE = "timePicker";
+const TranslationKeys = {
+  ariaLabel: "timePicker_aria_label",
+  clearButton: "timePicker_clear_button"
+};
+const DefaultTranslations = {
+  ariaLabel: "Time picker",
+  clearButton: "Clear"
+};
+const TestIds = {
+  root: "timepicker-root",
+  group: "timepicker-group",
+  field: "timepicker-field",
+  clearButton: "timepicker-clear-button",
+  tooltipButton: "timepicker-tooltip-button",
+  errorMessage: "timepicker-error-message",
+  requiredIndicator: "timepicker-required-indicator"
+};
+const selectors = {
+  root: "timePicker",
+  label: "timePicker__label",
+  requiredIndicator: "timePicker__required-indicator",
+  group: "timePicker__group",
+  description: "timePicker__description",
+  segment: "timePicker__segment",
+  errorMessage: "timePicker__error-message"
+};
+const VALUE_MISSING_MESSAGE = "This field is required";
 export {
-  DesignStates as D,
+  DefaultTranslations as D,
+  EMPTY_VALUE as E,
+  HourCycleValues as H,
   TestIds as T,
   VALUE_MISSING_MESSAGE as V,
-  DisplayNames as a,
+  TRANSLATIONS_NAMESPACE as a,
+  TranslationKeys as b,
+  DisplayNames as c,
+  defaultValues as d,
+  DesignStates as e,
   selectors as s
 };

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

@@ -1,23 +1,93 @@
+const semanticSelectors = {
+  root: "lottie",
+  playButton: "playButton"
+};
+const ARIA_LABEL_NAMESPACE = "ariaLabels";
+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/constants31.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/constants32.js

@@ -1,58 +1,54 @@
-const manifestClasses = {
-  root: "image-reveal",
-  divider: "image-reveal-divider",
-  btn: "image-reveal-btn",
-  arrowIcon: "image-reveal-arrow-icon",
-  labelBefore: "image-reveal-label-before",
-  labelAfter: "image-reveal-label-after"
-};
-const defaultValues = {
-  beforeLabel: "Before",
-  afterLabel: "After",
-  labelPosition: "horizontal"
+const presets = {
+  horizontal: "horizontal",
+  vertical: "vertical"
 };
 const DisplayNames = {
   root: {
-    elementDisplayName: "Image Reveal",
+    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: {
-      beforeImage: "Before Image",
-      afterImage: "After Image",
-      beforeLabel: "Before Label",
-      afterLabel: "After Label",
-      labelPosition: {
-        displayName: "Label Position",
-        options: {
-          horizontal: "Horizontal",
-          vertical: "Vertical"
-        }
-      }
+      items: "Social",
+      icon: "Icon",
+      link: "Links to"
     },
-    elements: {
-      divider: "Divider",
-      btn: "Buttons",
-      arrowIcon: "Arrow",
-      labelBefore: "Before Label",
-      labelAfter: "After Label"
+    actions: {
+      manageItems: "Manage Social Bar"
+    },
+    customActions: {
+      orientation: "Change Orientation"
     },
     displayGroups: {
-      iconGroup: "Icon"
+      gapGroup: {
+        displayName: "Space between icons"
+      },
+      iconsGroup: {
+        displayName: "Icons"
+      }
     }
   }
 };
-const CHEVRON_PATH = "M15.5 4.5 8 12l7.5 7.5";
-const DEFAULT_SLIDER_POSITION = 50;
-const SLIDER_STEP = 10;
-const ARIA_LABELS = {
-  prevButton: "Move slider left",
-  nextButton: "Move slider right",
-  handle: "Drag to compare before and after"
+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 {
-  ARIA_LABELS as A,
-  CHEVRON_PATH as C,
-  DEFAULT_SLIDER_POSITION as D,
-  SLIDER_STEP as S,
-  DisplayNames as a,
-  defaultValues as d,
-  manifestClasses as m
+  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/constants33.js

@@ -1,33 +1,58 @@
-const HIPAA_SETTINGS_PANEL_ID = "e4a7c1d3-8f2b-4e6a-9d5c-3b1f7a2e8c4d";
+const manifestClasses = {
+  root: "image-reveal",
+  divider: "image-reveal-divider",
+  btn: "image-reveal-btn",
+  arrowIcon: "image-reveal-arrow-icon",
+  labelBefore: "image-reveal-label-before",
+  labelAfter: "image-reveal-label-after"
+};
+const defaultValues = {
+  beforeLabel: "Before",
+  afterLabel: "After",
+  labelPosition: "horizontal"
+};
 const DisplayNames = {
   root: {
-    elementDisplayName: "HIPAA Certification",
-    customActions: {
-      hipaaSettings: "HIPAA Settings"
+    elementDisplayName: "Image Reveal",
+    data: {
+      beforeImage: "Before Image",
+      afterImage: "After Image",
+      beforeLabel: "Before Label",
+      afterLabel: "After Label",
+      labelPosition: {
+        displayName: "Label Position",
+        options: {
+          horizontal: "Horizontal",
+          vertical: "Vertical"
+        }
+      }
     },
-    cssProperties: {
-      color: "Icon Color",
-      backgroundColor: "Background Color"
+    elements: {
+      divider: "Divider",
+      btn: "Buttons",
+      arrowIcon: "Arrow",
+      labelBefore: "Before Label",
+      labelAfter: "After Label"
+    },
+    displayGroups: {
+      iconGroup: "Icon"
     }
   }
 };
-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 CHEVRON_PATH = "M15.5 4.5 8 12l7.5 7.5";
+const DEFAULT_SLIDER_POSITION = 50;
+const SLIDER_STEP = 10;
+const ARIA_LABELS = {
+  prevButton: "Move slider left",
+  nextButton: "Move slider right",
+  handle: "Drag to compare before and after"
 };
 export {
-  DefaultTranslations as D,
-  HIPAA_SETTINGS_PANEL_ID as H,
-  TranslationKeys as T,
-  TRANSLATIONS_NAMESPACE as a,
-  DisplayNames as b
+  ARIA_LABELS as A,
+  CHEVRON_PATH as C,
+  DEFAULT_SLIDER_POSITION as D,
+  SLIDER_STEP as S,
+  DisplayNames as a,
+  defaultValues as d,
+  manifestClasses as m
 };

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

@@ -1,64 +1,33 @@
-const presets = {
-  horizontal: "horizontal",
-  vertical: "vertical"
-};
-const manifestClasses = {
-  root: "heading-text-block",
-  heading: "heading-text-block-heading",
-  title: "heading-text-block-title",
-  subtitle: "heading-text-block-subtitle",
-  caption: "heading-text-block-caption"
-};
-const defaultValues = {
-  headingTag: "h1",
-  heading: "",
-  title: "",
-  subtitle: "",
-  caption: "",
-  partsRowGap: "12px",
-  partsColumnGap: "12px"
-};
+const HIPAA_SETTINGS_PANEL_ID = "e4a7c1d3-8f2b-4e6a-9d5c-3b1f7a2e8c4d";
 const DisplayNames = {
   root: {
-    elementDisplayName: "Heading Text Block",
-    data: {
-      headingTag: {
-        displayName: "Heading Tag",
-        options: {
-          h1: "H1",
-          h2: "H2",
-          h3: "H3",
-          h4: "H4",
-          h5: "H5",
-          h6: "H6"
-        }
-      },
-      heading: "Heading",
-      title: "Title",
-      subtitle: "Subtitle",
-      caption: "Caption"
-    },
-    elements: {
-      heading: "Heading",
-      title: "Title",
-      subtitle: "Subtitle",
-      caption: "Caption"
-    },
-    displayGroups: {
-      partsSpacing: "Parts Spacing"
-    },
-    presets: {
-      horizontal: "Row",
-      vertical: "Stacked"
-    },
+    elementDisplayName: "HIPAA Certification",
     customActions: {
-      layout: "Layout"
+      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 {
-  DisplayNames as D,
-  defaultValues as d,
-  manifestClasses as m,
-  presets as p
+  DefaultTranslations as D,
+  HIPAA_SETTINGS_PANEL_ID as H,
+  TranslationKeys as T,
+  TRANSLATIONS_NAMESPACE as a,
+  DisplayNames as b
 };