@wistia/ui 0.14.30 → 0.14.31-beta.5db6980a.e3aeec3

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.30
+ * @license @wistia/ui v0.14.31-beta.5db6980a.e3aeec3
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -13627,6 +13627,7 @@ var StyledInput = (0, import_styled_components79.default)(Input)`
     border: none;
     height: ${({ $height }) => `${$height}px`};
     min-height: ${({ $height }) => `${$height}px`};
+    resize: none;
   }
 `;
 var editableStyles = import_styled_components79.css`
@@ -13768,6 +13769,7 @@ var EditableTextRoot = ({
   typographicVariant = "body2",
   submitMode = "both",
   readOnly = false,
+  disabled = false,
   id,
   label,
   placeholder = "Click to edit this text",
@@ -13785,13 +13787,14 @@ var EditableTextRoot = ({
   const computedId = (0, import_type_guards43.isNonEmptyString)(id) ? id : `wistia-ui-editable-text-${generatedId}`;
   const handleSetIsEditing = (0, import_react64.useCallback)(
     (editing) => {
+      if (disabled) return;
       if (editing && !isEditing) {
         setOriginalValue(value);
       }
       setIsEditing(editing);
       onEditingChange?.(editing);
     },
-    [isEditing, value, onEditingChange]
+    [disabled, isEditing, value, onEditingChange]
   );
   const setValue = (0, import_react64.useCallback)(
     (newValue) => {
@@ -13814,6 +13817,7 @@ var EditableTextRoot = ({
       typographicVariant,
       submitMode,
       readOnly,
+      disabled,
       id: computedId,
       label,
       placeholder,
@@ -13832,6 +13836,7 @@ var EditableTextRoot = ({
     typographicVariant,
     submitMode,
     readOnly,
+    disabled,
     computedId,
     label,
     placeholder,
@@ -13843,6 +13848,9 @@ var EditableTextRoot = ({
     if (readOnly) {
       return "read-only";
     }
+    if (disabled) {
+      return "disabled";
+    }
     if (isEditing) {
       return "editing";
     }
@@ -13919,7 +13927,16 @@ var EditableTextDisplayComponent = (0, import_react65.forwardRef)(
     if (!context) {
       throw new Error("EditableTextDisplay must be used within an EditableTextRoot context");
     }
-    const { value, typographicVariant, setIsEditing, placeholder, maxLines, isEditing, minLines } = context;
+    const {
+      value,
+      typographicVariant,
+      setIsEditing,
+      placeholder,
+      maxLines,
+      isEditing,
+      minLines,
+      disabled
+    } = context;
     const triggerButtonRef = (0, import_react65.useRef)(null);
     const handleTriggerClick = () => {
       setIsEditing(true);
@@ -13930,7 +13947,7 @@ var EditableTextDisplayComponent = (0, import_react65.forwardRef)(
     if (isEditing) {
       return null;
     }
-    if (asTrigger && !context.readOnly) {
+    if (asTrigger && !context.readOnly && !disabled) {
       return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(ClickRegion, { targetRef: triggerButtonRef, children: /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(
         StyledEditableTextDisplay,
         {
@@ -13988,9 +14005,10 @@ var StyledInput2 = (0, import_styled_components83.default)(Input)`
     ${({ $minLines }) => (0, import_type_guards45.isNotNil)($minLines) && `min-height: calc(${$minLines}lh + calc(var(--wui-editable-text-padding) * 2));`}
     ${({ $maxLines }) => (0, import_type_guards45.isNotNil)($maxLines) && `max-height: calc(${$maxLines}lh + calc(var(--wui-editable-text-padding) * 2));`}
     ${({ $typographicVariant }) => getTypographicStyles($typographicVariant)}
-    padding: var(--wui-editable-text-padding);
-    border-radius: var(--wui-editable-text-border-radius);
     background-color: var(--wui-color-bg-surface);
+    border-radius: var(--wui-editable-text-border-radius);
+    padding: var(--wui-editable-text-padding);
+    resize: none;
   }
 `;
 var EditableTextInput = (props) => {