@wix/editor-react-components 1.2309.0 → 1.2311.0

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

@@ -0,0 +1,47 @@
+import { e as $bbaa08b3cd72f041$export$9d1611c77c2fe928, L as $2c9edc598a03d523$export$420e68273165f4ec } from "./Group.js";
+import React__default, { useState, useMemo } from "react";
+const $ea3928288112382f$var$styles = {
+  border: 0,
+  clip: "rect(0 0 0 0)",
+  clipPath: "inset(50%)",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
+  padding: 0,
+  position: "absolute",
+  width: "1px",
+  whiteSpace: "nowrap"
+};
+function $ea3928288112382f$export$a966af930f325cab(props = {}) {
+  let { style, isFocusable } = props;
+  let [isFocused, setFocused] = useState(false);
+  let { focusWithinProps } = $2c9edc598a03d523$export$420e68273165f4ec({
+    isDisabled: !isFocusable,
+    onFocusWithinChange: (val) => setFocused(val)
+  });
+  let combinedStyles = useMemo(() => {
+    if (isFocused) return style;
+    else if (style) return {
+      ...$ea3928288112382f$var$styles,
+      ...style
+    };
+    else return $ea3928288112382f$var$styles;
+  }, [
+    isFocused
+  ]);
+  return {
+    visuallyHiddenProps: {
+      ...focusWithinProps,
+      style: combinedStyles
+    }
+  };
+}
+function $ea3928288112382f$export$439d29a4e110a164(props) {
+  let { children, elementType: Element = "div", isFocusable, style, ...otherProps } = props;
+  let { visuallyHiddenProps } = $ea3928288112382f$export$a966af930f325cab(props);
+  return /* @__PURE__ */ React__default.createElement(Element, $bbaa08b3cd72f041$export$9d1611c77c2fe928(otherProps, visuallyHiddenProps), children);
+}
+export {
+  $ea3928288112382f$export$439d29a4e110a164 as $,
+  $ea3928288112382f$export$a966af930f325cab as a
+};

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

@@ -2,36 +2,94 @@ const DisplayNames = {
   root: {
     elementDisplayName: "Time Picker",
     data: {
-      value: "Selected time"
+      value: "Selected 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",
+      placeholder: "Placeholder time (HH:MM)",
+      description: "Helper text",
+      minTime: "Earliest time (HH:MM)",
+      maxTime: "Latest time (HH:MM)",
+      required: "Required",
+      readOnly: "Read only",
+      disabled: "Disabled",
+      clearable: "Show clear button"
     },
     elements: {
+      label: "Label",
       timeInput: "Time input"
+    },
+    cssCustomProperties: {
+      labelSpacing: "Label spacing",
+      segmentFocusBackgroundColor: "Focused segment background",
+      segmentFocusTextColor: "Focused segment text color"
     }
   }
 };
+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 EMPTY_VALUE = "";
 const TRANSLATIONS_NAMESPACE = "timePicker";
 const TranslationKeys = {
-  ariaLabel: "timePicker_aria_label"
+  ariaLabel: "timePicker_aria_label",
+  clearButton: "timePicker_clear_button"
 };
 const DefaultTranslations = {
-  ariaLabel: "Time picker"
+  ariaLabel: "Time picker",
+  clearButton: "Clear"
 };
 const TestIds = {
   root: "timepicker-root",
   group: "timepicker-group",
-  field: "timepicker-field"
+  field: "timepicker-field",
+  clearButton: "timepicker-clear-button",
+  tooltipButton: "timepicker-tooltip-button"
 };
 const selectors = {
   root: "timePicker",
+  label: "timePicker__label",
   group: "timePicker__group"
 };
 export {
   DefaultTranslations as D,
   EMPTY_VALUE as E,
+  HourCycleValues as H,
   TestIds as T,
   TRANSLATIONS_NAMESPACE as a,
   TranslationKeys as b,
   DisplayNames as c,
+  defaultValues as d,
   selectors as s
 };

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

@@ -474,10 +474,10 @@ export {
   $64fa3d84918910a7$export$4d86445c2cf5e3 as f,
   $65484d02dcb7eb3e$export$457c3d6518dd4c6f as g,
   $64fa3d84918910a7$export$2881499e37b75b9a as h,
-  $df56164dff5785e2$export$4338b53315abf666 as i,
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as i,
   $c7eafbbe1ea5834e$export$535bd6ca7f90a273 as j,
-  $c7eafbbe1ea5834e$export$619500959fc48b26 as k,
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as l,
+  $df56164dff5785e2$export$4338b53315abf666 as k,
+  $c7eafbbe1ea5834e$export$619500959fc48b26 as l,
   $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as m,
   $3ef42575df84b30b$export$9d1611c77c2fe928 as n,
   $64fa3d84918910a7$export$c62b8e45d58ddad9 as o,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2309.0",
+  "version": "1.2311.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -190,5 +190,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "e4eb390993f962c2e719b1e1f3c90378da9dcb66619c2926187e9bb1"
+  "falconPackageHash": "98e07715a51f6eca5d6848f1c3835877a4aaa99e229aecda048e5367"
 }

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

@@ -1,118 +0,0 @@
-import { P as $1e74c67db218ce67$export$f8168d8dd8fd66e6, c as $bbaa08b3cd72f041$export$9d1611c77c2fe928, n as $f192c2f16961cbe0$export$80f3e147d781571c, M as $b7115c395c64f7b5$export$4debdb1a3f0fa79e } from "./Group.js";
-import React__default, { useRef, useCallback, useMemo, useEffect, useContext } from "react";
-function $8dba16319206abb6$export$48d1ea6320830260(handler) {
-  if (!handler) return void 0;
-  let shouldStopPropagation = true;
-  return (e) => {
-    let event = {
-      ...e,
-      preventDefault() {
-        e.preventDefault();
-      },
-      isDefaultPrevented() {
-        return e.isDefaultPrevented();
-      },
-      stopPropagation() {
-        if (shouldStopPropagation && process.env.NODE_ENV !== "production") console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
-        else shouldStopPropagation = true;
-      },
-      continuePropagation() {
-        shouldStopPropagation = false;
-      },
-      isPropagationStopped() {
-        return shouldStopPropagation;
-      }
-    };
-    handler(event);
-    if (shouldStopPropagation) e.stopPropagation();
-  };
-}
-function $8296dad1a4c5e0dc$export$8f71654801c2f7cd(props) {
-  return {
-    keyboardProps: props.isDisabled ? {} : {
-      onKeyDown: $8dba16319206abb6$export$48d1ea6320830260(props.onKeyDown),
-      onKeyUp: $8dba16319206abb6$export$48d1ea6320830260(props.onKeyUp)
-    }
-  };
-}
-function $03e8ab2d84d7657a$export$4338b53315abf666(ref) {
-  const objRef = useRef(null);
-  const cleanupRef = useRef(void 0);
-  const refEffect = useCallback((instance) => {
-    if (typeof ref === "function") {
-      const refCallback = ref;
-      const refCleanup = refCallback(instance);
-      return () => {
-        if (typeof refCleanup === "function") refCleanup();
-        else refCallback(null);
-      };
-    } else if (ref) {
-      ref.current = instance;
-      return () => {
-        ref.current = null;
-      };
-    }
-  }, [
-    ref
-  ]);
-  return useMemo(() => ({
-    get current() {
-      return objRef.current;
-    },
-    set current(value) {
-      objRef.current = value;
-      if (cleanupRef.current) {
-        cleanupRef.current();
-        cleanupRef.current = void 0;
-      }
-      if (value != null) cleanupRef.current = refEffect(value);
-    }
-  }), [
-    refEffect
-  ]);
-}
-let $d1116acdf220c2da$export$f9762fab77588ecb = /* @__PURE__ */ React__default.createContext(null);
-function $d1116acdf220c2da$var$useFocusableContext(ref) {
-  let context = useContext($d1116acdf220c2da$export$f9762fab77588ecb) || {};
-  $b7115c395c64f7b5$export$4debdb1a3f0fa79e(context, ref);
-  let { ref: _, ...otherProps } = context;
-  return otherProps;
-}
-const $d1116acdf220c2da$export$13f3202a3e5ddd5 = /* @__PURE__ */ React__default.forwardRef(function FocusableProvider(props, ref) {
-  let { children, ...otherProps } = props;
-  let objRef = $03e8ab2d84d7657a$export$4338b53315abf666(ref);
-  let context = {
-    ...otherProps,
-    ref: objRef
-  };
-  return /* @__PURE__ */ React__default.createElement($d1116acdf220c2da$export$f9762fab77588ecb.Provider, {
-    value: context
-  }, children);
-});
-function $d1116acdf220c2da$export$4c014de7c8940b4c(props, domRef) {
-  let { focusProps } = $1e74c67db218ce67$export$f8168d8dd8fd66e6(props);
-  let { keyboardProps } = $8296dad1a4c5e0dc$export$8f71654801c2f7cd(props);
-  let interactions = $bbaa08b3cd72f041$export$9d1611c77c2fe928(focusProps, keyboardProps);
-  let domProps = $d1116acdf220c2da$var$useFocusableContext(domRef);
-  let interactionProps = props.isDisabled ? {} : domProps;
-  let autoFocusRef = useRef(props.autoFocus);
-  useEffect(() => {
-    if (autoFocusRef.current && domRef.current) $f192c2f16961cbe0$export$80f3e147d781571c(domRef.current);
-    autoFocusRef.current = false;
-  }, [
-    domRef
-  ]);
-  let tabIndex = props.excludeFromTabOrder ? -1 : 0;
-  if (props.isDisabled) tabIndex = void 0;
-  return {
-    focusableProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928({
-      ...interactions,
-      tabIndex
-    }, interactionProps)
-  };
-}
-export {
-  $d1116acdf220c2da$export$4c014de7c8940b4c as $,
-  $d1116acdf220c2da$export$13f3202a3e5ddd5 as a,
-  $8296dad1a4c5e0dc$export$8f71654801c2f7cd as b
-};