npm - @launchpad-ui/inline-edit - Versions diffs - 0.2.10 → 0.2.11 - Mend

@launchpad-ui/inline-edit 0.2.10 → 0.2.11

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.

Files changed (5) hide show

package/dist/index.es.js CHANGED Viewed

@@ -12,144 +12,148 @@ import { forwardRef, useState, useRef, cloneElement, Children } from "react";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var cancelButton = "_1oig0624";
 var container = "_1oig0620";
-var inline = createRuntimeFn({
-  defaultClassName: "_1oig0621",
-  variantClassNames: {
-    layout: {
-      vertical: "_1oig0622",
-      horizontal: "_1oig0623"
-    }
-  },
-  defaultVariants: {},
-  compoundVariants: []
-});
+var inline = createRuntimeFn({ defaultClassName: "_1oig0621", variantClassNames: { layout: { vertical: "_1oig0622", horizontal: "_1oig0623" } }, defaultVariants: {}, compoundVariants: [] });
 var readButton = "_1oig0625";
-const InlineEdit = /* @__PURE__ */ forwardRef(({
-  "data-test-id": testId = "inline-edit",
-  layout = "horizontal",
-  children,
-  defaultValue,
-  onConfirm,
-  hideEdit = false,
-  renderInput = /* @__PURE__ */ jsx(TextField, {}),
-  "aria-label": ariaLabel,
-  isEditing: isEditingProp,
-  onCancel,
-  onEdit,
-  cancelButtonLabel = "cancel",
-  editButtonLabel = "edit",
-  confirmButtonLabel = "confirm",
-  className,
-  ...rest
-}, ref) => {
-  const [isEditing, setEditing] = useState(isEditingProp ?? false);
-  const [isFocusWithin, setFocusWithin] = useState(false);
-  const inputRef = useRef(null);
-  const editRef = useRef(null);
-  const controlled = isEditingProp !== void 0;
-  useUpdateEffect(() => {
-    if (controlled) {
-      setEditing(isEditingProp);
-    }
-  }, [isEditingProp]);
-  useUpdateEffect(() => {
-    if (isFocusWithin) {
-      isEditing ? inputRef.current && focusSafely(inputRef.current) : editRef.current && focusSafely(editRef.current);
-    }
-  }, [isEditing]);
-  const handleEdit = () => {
-    !controlled && setEditing(true);
-    onEdit == null ? void 0 : onEdit();
-  };
-  const handleCancel = () => {
-    !controlled && setEditing(false);
-    onCancel == null ? void 0 : onCancel();
-  };
-  const handleConfirm = () => {
-    var _a;
-    onConfirm(((_a = inputRef.current) == null ? void 0 : _a.value) || "");
-    !controlled && setEditing(false);
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter") {
-      event.preventDefault();
-      handleConfirm();
-    } else if (event.key === "Escape") {
-      event.preventDefault();
-      handleCancel();
-    }
-  };
-  const {
-    focusWithinProps
-  } = useFocusWithin({
-    onBlurWithin: () => isEditing && handleCancel(),
-    onFocusWithinChange: (isFocusWithin2) => setFocusWithin(isFocusWithin2)
-  });
-  const {
-    buttonProps
-  } = useButton({
-    "aria-label": editButtonLabel,
-    elementType: "span",
-    onPress: handleEdit
-  }, editRef);
-  const renderReadContent = hideEdit ? /* @__PURE__ */ jsx("span", {
-    ref: editRef,
-    ...buttonProps,
-    className: readButton,
-    children
-  }) : /* @__PURE__ */ jsxs(Fragment, {
-    children: [children, /* @__PURE__ */ jsx(IconButton, {
-      ref: editRef,
-      icon: /* @__PURE__ */ jsx(Icon, {
-        name: "edit"
-      }),
-      "aria-label": editButtonLabel,
-      size: "small",
-      onClick: handleEdit
-    })]
-  });
-  const inputProps = {
-    ref: mergeRefs(inputRef, ref),
+const InlineEdit = /* @__PURE__ */ forwardRef(
+  ({
+    "data-test-id": testId = "inline-edit",
+    layout = "horizontal",
+    children,
     defaultValue,
-    onKeyDown: handleKeyDown,
-    "aria-label": ariaLabel
-  };
-  const inputChildren = renderInput.props.children;
-  const input = /* @__PURE__ */ cloneElement(renderInput, mergeProps(renderInput.props, inputChildren ? {} : inputProps), inputChildren && Children.map(inputChildren, (child) => child.type === TextField || child.type === TextArea ? /* @__PURE__ */ cloneElement(child, mergeProps(child.props, inputProps)) : child));
-  return isEditing ? /* @__PURE__ */ jsxs("div", {
-    ...rest,
-    className: cx(container, inline({
-      layout
-    }), className),
-    "data-test-id": testId,
-    ...focusWithinProps,
-    children: [input, /* @__PURE__ */ jsxs(ButtonGroup, {
-      spacing: "compact",
-      children: [/* @__PURE__ */ jsx(IconButton, {
-        kind: "primary",
-        icon: /* @__PURE__ */ jsx(Icon, {
-          name: "check"
-        }),
-        "aria-label": confirmButtonLabel,
-        onClick: handleConfirm
-      }), /* @__PURE__ */ jsx(IconButton, {
-        kind: "default",
-        icon: /* @__PURE__ */ jsx(Icon, {
-          name: "cancel"
-        }),
-        "aria-label": cancelButtonLabel,
-        className: cancelButton,
-        onClick: handleCancel
-      })]
-    })]
-  }) : /* @__PURE__ */ jsx("div", {
-    ...rest,
-    className: cx(!hideEdit && container, className),
-    "data-test-id": testId,
-    ...focusWithinProps,
-    children: renderReadContent
-  });
-});
+    onConfirm,
+    hideEdit = false,
+    renderInput = /* @__PURE__ */ jsx(TextField, {}),
+    "aria-label": ariaLabel,
+    isEditing: isEditingProp,
+    onCancel,
+    onEdit,
+    cancelButtonLabel = "cancel",
+    editButtonLabel = "edit",
+    confirmButtonLabel = "confirm",
+    className,
+    ...rest
+  }, ref) => {
+    const [isEditing, setEditing] = useState(isEditingProp ?? false);
+    const [isFocusWithin, setFocusWithin] = useState(false);
+    const inputRef = useRef(null);
+    const editRef = useRef(null);
+    const controlled = isEditingProp !== void 0;
+    useUpdateEffect(() => {
+      if (controlled) {
+        setEditing(isEditingProp);
+      }
+    }, [isEditingProp]);
+    useUpdateEffect(() => {
+      if (isFocusWithin) {
+        isEditing ? inputRef.current && focusSafely(inputRef.current) : editRef.current && focusSafely(editRef.current);
+      }
+    }, [isEditing]);
+    const handleEdit = () => {
+      !controlled && setEditing(true);
+      onEdit == null ? void 0 : onEdit();
+    };
+    const handleCancel = () => {
+      !controlled && setEditing(false);
+      onCancel == null ? void 0 : onCancel();
+    };
+    const handleConfirm = () => {
+      var _a;
+      onConfirm(((_a = inputRef.current) == null ? void 0 : _a.value) || "");
+      !controlled && setEditing(false);
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        handleConfirm();
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        handleCancel();
+      }
+    };
+    const { focusWithinProps } = useFocusWithin({
+      onBlurWithin: () => isEditing && handleCancel(),
+      onFocusWithinChange: (isFocusWithin2) => setFocusWithin(isFocusWithin2)
+    });
+    const { buttonProps } = useButton(
+      {
+        "aria-label": editButtonLabel,
+        elementType: "span",
+        onPress: handleEdit
+      },
+      editRef
+    );
+    const renderReadContent = hideEdit ? /* @__PURE__ */ jsx("span", { ref: editRef, ...buttonProps, className: readButton, children }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      children,
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          ref: editRef,
+          icon: /* @__PURE__ */ jsx(Icon, { name: "edit" }),
+          "aria-label": editButtonLabel,
+          size: "small",
+          onClick: handleEdit
+        }
+      )
+    ] });
+    const inputProps = {
+      ref: mergeRefs(inputRef, ref),
+      defaultValue,
+      onKeyDown: handleKeyDown,
+      "aria-label": ariaLabel
+    };
+    const inputChildren = renderInput.props.children;
+    const input = /* @__PURE__ */ cloneElement(
+      renderInput,
+      mergeProps(renderInput.props, inputChildren ? {} : inputProps),
+      inputChildren && Children.map(
+        inputChildren,
+        (child) => child.type === TextField || child.type === TextArea ? /* @__PURE__ */ cloneElement(child, mergeProps(child.props, inputProps)) : child
+      )
+    );
+    return isEditing ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...rest,
+        className: cx(container, inline({ layout }), className),
+        "data-test-id": testId,
+        ...focusWithinProps,
+        children: [
+          input,
+          /* @__PURE__ */ jsxs(ButtonGroup, { spacing: "compact", children: [
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                kind: "primary",
+                icon: /* @__PURE__ */ jsx(Icon, { name: "check" }),
+                "aria-label": confirmButtonLabel,
+                onClick: handleConfirm
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                kind: "default",
+                icon: /* @__PURE__ */ jsx(Icon, { name: "cancel" }),
+                "aria-label": cancelButtonLabel,
+                className: cancelButton,
+                onClick: handleCancel
+              }
+            )
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...rest,
+        className: cx(!hideEdit && container, className),
+        "data-test-id": testId,
+        ...focusWithinProps,
+        children: renderReadContent
+      }
+    );
+  }
+);
 InlineEdit.displayName = "InlineEdit";
 export {
   InlineEdit

package/dist/index.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.es.js","sources":["../src/InlineEdit.tsx"],"sourcesContent":["import type { InlineVariants } from './styles/InlineEdit.css';\nimport type { IconFieldProps, TextAreaProps, TextFieldProps } from '@launchpad-ui/form';\nimport type { ComponentProps, KeyboardEventHandler, ReactElement } from 'react';\n\nimport { ButtonGroup, IconButton } from '@launchpad-ui/button';\nimport { TextField, TextArea } from '@launchpad-ui/form';\nimport { Icon } from '@launchpad-ui/icons';\nimport { useButton } from '@react-aria/button';\nimport { focusSafely } from '@react-aria/focus';\nimport { useFocusWithin } from '@react-aria/interactions';\nimport { mergeProps, mergeRefs, useUpdateEffect } from '@react-aria/utils';\nimport { cx } from 'classix';\nimport { Children, cloneElement, forwardRef, useRef, useState } from 'react';\n\nimport { container, cancelButton, inline, readButton } from './styles/InlineEdit.css';\n\ntype InlineEditProps = ComponentProps<'div'> &\n InlineVariants &\n Pick<ComponentProps<'input'>, 'defaultValue'> & {\n 'data-test-id'?: string;\n onConfirm: (value: string) => void;\n hideEdit?: boolean;\n renderInput?: ReactElement<IconFieldProps \| TextFieldProps \| TextAreaProps>;\n isEditing?: boolean;\n onCancel?: () => void;\n onEdit?: () => void;\n cancelButtonLabel?: string;\n editButtonLabel?: string;\n confirmButtonLabel?: string;\n };\n\nconst InlineEdit = forwardRef<HTMLInputElement, InlineEditProps>(\n (\n {\n 'data-test-id': testId = 'inline-edit',\n layout = 'horizontal',\n children,\n defaultValue,\n onConfirm,\n hideEdit = false,\n renderInput = <TextField />,\n 'aria-label': ariaLabel,\n isEditing: isEditingProp,\n onCancel,\n onEdit,\n cancelButtonLabel = 'cancel',\n editButtonLabel = 'edit',\n confirmButtonLabel = 'confirm',\n className,\n ...rest\n },\n ref\n ) => {\n const [isEditing, setEditing] = useState(isEditingProp ?? false);\n const [isFocusWithin, setFocusWithin] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n const editRef = useRef<HTMLButtonElement>(null);\n const controlled = isEditingProp !== undefined;\n\n useUpdateEffect(() => {\n if (controlled) {\n setEditing(isEditingProp);\n }\n }, [isEditingProp]);\n\n useUpdateEffect(() => {\n if (isFocusWithin) {\n isEditing\n ? inputRef.current && focusSafely(inputRef.current)\n : editRef.current && focusSafely(editRef.current);\n }\n }, [isEditing]);\n\n const handleEdit = () => {\n !controlled && setEditing(true);\n onEdit?.();\n };\n\n const handleCancel = () => {\n !controlled && setEditing(false);\n onCancel?.();\n };\n\n const handleConfirm = () => {\n onConfirm(inputRef.current?.value \|\| '');\n !controlled && setEditing(false);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n handleConfirm();\n } else if (event.key === 'Escape') {\n event.preventDefault();\n handleCancel();\n }\n };\n\n const { focusWithinProps } = useFocusWithin({\n onBlurWithin: () => isEditing && handleCancel(),\n onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n });\n\n const { buttonProps } = useButton(\n {\n 'aria-label': editButtonLabel,\n elementType: 'span',\n onPress: handleEdit,\n },\n editRef\n );\n\n const renderReadContent = hideEdit ? (\n <span ref={editRef} {...buttonProps} className={readButton}>\n {children}\n </span>\n ) : (\n <>\n {children}\n <IconButton\n ref={editRef}\n icon={<Icon name=\"edit\" />}\n aria-label={editButtonLabel}\n size=\"small\"\n onClick={handleEdit}\n />\n </>\n );\n\n const inputProps = {\n ref: mergeRefs(inputRef, ref),\n defaultValue,\n onKeyDown: handleKeyDown,\n 'aria-label': ariaLabel,\n };\n\n const inputChildren = renderInput.props.children;\n\n const input = cloneElement(\n renderInput,\n mergeProps(renderInput.props, inputChildren ? {} : inputProps),\n inputChildren &&\n Children.map(inputChildren, (child) =>\n child.type === TextField \|\| child.type === TextArea\n ? cloneElement(child, mergeProps(child.props, inputProps))\n : child\n )\n );\n\n return isEditing ? (\n <div\n {...rest}\n className={cx(container, inline({ layout }), className)}\n data-test-id={testId}\n {...focusWithinProps}\n >\n {input}\n <ButtonGroup spacing=\"compact\">\n <IconButton\n kind=\"primary\"\n icon={<Icon name=\"check\" />}\n aria-label={confirmButtonLabel}\n onClick={handleConfirm}\n />\n <IconButton\n kind=\"default\"\n icon={<Icon name=\"cancel\" />}\n aria-label={cancelButtonLabel}\n className={cancelButton}\n onClick={handleCancel}\n />\n </ButtonGroup>\n </div>\n ) : (\n <div\n {...rest}\n className={cx(!hideEdit && container, className)}\n data-test-id={testId}\n {...focusWithinProps}\n >\n {renderReadContent}\n </div>\n );\n }\n);\n\nInlineEdit.displayName = 'InlineEdit';\n\nexport { InlineEdit };\nexport type { InlineEditProps };\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;~~AA+BA,MAAM,aAAa,~~2BAAA~~,~~CAAA~~;AAAA,~~EACjB~~,~~gBACE~~,~~SAAA~~;AAAA,~~EAAA~~;~~EAC2B~~;AAAA,~~EAEzB~~;AAAA,~~EACA~~;AAAA,~~EACA~~,~~WAAA~~;AAAA,~~EAAA~~,~~cACW~~,~~oBAAA~~,~~WAAA,~~EAAA;AAAA,~~EACX~~,~~cAAA~~;AAAA,~~EAAyB~~,~~WACX~~;AAAA,~~EAAA~~;AAAA,~~EAEd~~;AAAA,~~EACA~~,~~oBAAA~~;AAAA,~~EAAA~~,~~kBACoB~~;AAAA,~~EAAA~~,~~qBACF~~;AAAA,~~EAAA~~;AAAA,~~EAElB~~,~~GAAA~~;AAAA,~~GAAA~~,QACG;~~AACL~~,~~QAEG~~,~~CAAA~~,~~WAAA~~,~~UAAA~~,~~IAAA~~,~~SAAA~~,~~iBAAA~~,~~KAAA~~;~~AACH~~,~~QAAA~~,~~CAAA~~,~~eAAkB~~,cAAc,~~IAAA~~;~~AAChC~~,~~QAAA~~,~~WAAO~~,~~OAAe~~,~~IAAc~~;~~AAC9B~~,~~QAAA,~~UAAA,~~WAAwC;AACxC~~,~~QAAA,+BAAwC~~;AAC9C,~~wBAAqC~~;AAErC,~~QAAA~~,~~YAAgB~~;AACd,~~iBAAgB~~,~~aAAA~~;AAAA,~~IACd~~;AAAA,~~EAAwB~~,~~GAC1B~~,~~CAAA~~,~~aAAA~~,~~CAAA~~;~~AACF~~,~~kBAAI~~,~~MAAc~~;~~AAElB~~,~~QAAA~~,~~eAAsB~~;~~AACpB~~,~~kBAAmB~~,~~SAAA~~,~~WAAA~~,~~YAAA~~,~~SAAA~~,~~OAAA~~,~~IAAA~~,~~QAAA~~,~~WAAA~~,~~YAAA~~,~~QAAA~~,~~OAAA~~;AAAA,~~IAEb~~;AAAA,~~EAC8C~~,~~GACpD~~,~~CAAA~~,~~SAAA~~,~~CAAA~~;~~AACF~~,~~QAAI~~,~~aAAU~~,~~MAAA~~;~~AAEd~~,~~KAAA~~,~~yBAAyB~~,~~IAAA~~;~~AACtB~~;AAAA,~~EACD~~;~~AACF~~,~~QAAA~~,~~eAAA~~,~~MAAA~~;~~AAEA~~,~~KAAA~~,~~yBAA2B~~,~~KAAA~~;~~AACxB~~;AAAA,~~EACD~~;~~AACF~~,~~QAAA~~,~~gBAAA~~,~~MAAA~~;;~~AAEA~~,~~6DAA4B~~,~~UAAA~~,~~EAAA~~;~~AAChB~~,~~KAAA~~,~~cAAA~~,~~WAAkB~~,~~KAAA~~;AAAA,~~EAC5B~~;~~AACF~~,~~QAAA~~,~~gBAAA~~,~~WAAA~~;~~AAEM~~,~~QAAA~~,~~MAAA~~,~~QAAA~~,~~SAAmE~~;~~AACnE~~,~~YAAA~~,~~eAAuB~~;~~AACzB~~;~~IACA~~,~~WAAc~~,~~MAAA~~,~~QAAA~~,~~UAAA~~;~~AAChB~~,~~YAAA~~,~~eAAiB~~;~~AACf~~;~~IACa~~;AAAA,~~EAAA~~;~~AAEjB~~,~~QAAA;AAAA~~,~~IAEM;AAAA~~,~~EACJ~~,~~IAAA~~,~~eAAoB~~;AAAA,~~IAA0B~~,~~cACzB~~,~~MAAA~~,~~aAAmB~~,~~aAAA~~;AAAA,~~IAC1C~~,~~qBAAC~~,~~oBAAA~~,~~eAAA~~,~~cAAA~~;AAAA,~~EAED~~,~~CAAM~~;~~AACJ~~,~~QAAA~~;AAAA,~~IAAA~~;AAAA,~~EACgB~~,~~IAAA,UACD~~;AAAA,~~IAAA~~,~~cACJ~~;AAAA,~~IACX~~,~~aAAA~~;AAAA,~~IACA~~,~~SAAA~~;AAAA,~~EACF,GAAA,OAAA~~;~~AAEA~~,~~QAAA~~,~~oBAA0B~~,WACvB,oBAAA,QAAA~~;AAAA~~,~~IAKE~~,~~KAAA;AAAA~~,~~IACD~~,~~GAAA;AAAA~~,~~IAAC~~,~~WAAA;AAAA~~,~~IAAA;AAAA~~,~~EAAA~~,CAAA,~~IACM~~,qBAAA,UAAA;AAAA,~~IAAA~~,~~UACC~~,~~CAAA~~,~~UAAM,oBAAA,YAAY~~;AAAA,~~MAAA~~,~~KACZ~~;AAAA,~~MAAA~~,~~MACP~~,~~oBAAA~~,~~MAAA;AAAA~~,~~QAAA~~,~~MACI;AAAA~~,~~MAAA~~,CAAA;AAAA,~~MACX~~,~~cAAA~~;AAAA,~~MACF~~,~~MAAA~~;AAAA,~~MAGF~~,~~SAAmB~~;AAAA,~~IAAA~~,~~CACjB,CAAA~~;AAAA,~~EAA4B~~,~~CAC5B~~;~~AAAA~~,~~QACW~~,~~aAAA~~;AAAA,~~IAAA~~,~~KACG~~,~~UAAA~~,~~UAAA~~,~~GAAA~~;AAAA,~~IAChB~~;AAAA,~~IAEM~~,~~WAAA~~;AAAA,~~IAEN~~,cAAc;AAAA,~~EAAA~~;~~AACZ~~,~~wBACuB~~,~~YAAO~~,~~MAAgB~~;~~AAAe~~,~~6CAElD~~,~~aAAA~~,~~WAAA~~,~~YAAA~~,~~OAAA~~,~~gBAAA~~,CAAA,~~IAAA~~,~~UAAA~~,~~GAAA~~,~~iBAAA~~,~~SAAA~~,~~IAAA~~,~~eAAA~~,~~WAAA~~,~~MAAA~~,~~SAAA~~,~~aAAA~~,~~MAAA~~,~~SAAA~~,~~WAAA~~,~~6BAAA~~,~~OAAA~~,~~WAAA~~,~~MAAA~~,~~OAAA~~,~~UAAA~~,~~CAAA~~,~~IAAA~~,~~KAAA~~,~~CAAA~~;~~AAAI~~,~~SAAA~~,~~YAAA~~,~~qBAAA~~,~~OAAA~~;AAAA,~~IAAA~~,~~GAAA~~;AAAA,~~IAIb~~,~~WAAA~~,~~GAAA~~,~~WAAA~~,~~OAAA~~;AAAA,~~MACJ~~;AAAA,~~IAEA~~,~~CAAA,GAAA,SACE~~;AAAA,~~IAAC~~,~~gBAAA~~;AAAA,~~IAAA,GAAA~~;AAAA,~~IAAA~~,~~UACK~~,~~CAAA~~,~~OAAA~~,~~qBAAA~~,~~aAAA~~;AAAA,~~MACJ~~,~~SAAA~~;AAAA,~~MAAsD~~,~~UACxC~~,~~CAAA~~,~~oBAAA~~,~~YAAA~~;AAAA,~~QACb~~,~~MAAG~~;AAAA,~~QAEH~~,~~MAAA~~,~~oBAAA~~,~~MAAA~~;AAAA,~~UAAA,MAAA~~;AAAA,~~QAAA,CACD~~;AAAA,~~QACE,~~cAAA;AAAA,~~QAAC~~,~~SAAA~~;AAAA,~~MAAA~~,~~CAAA~~,~~GAAA~~,~~oBAAA~~,~~YAAA;AAAA~~,~~QAAA~~,~~MAAA~~;AAAA,~~QACM~~,~~MACC,oBAAA,MAAA~~;AAAA,~~UAAmB~~,~~MACzB~~;AAAA,~~QAAY~~,~~CAAA~~;AAAA,~~QACH,~~cAAA;AAAA,~~QACX,WAAA~~;AAAA,~~QACA~~,~~SAAA~~;AAAA,MAAA~~,CAAC,CAAA~~;AAAA,IAAA,~~CAAA~~,~~CAAA~~;AAAA,~~EAAA,CAAA,IACM,oBAAA,OAAA~~;AAAA,~~IAAA~~,~~GAAA~~;AAAA,~~IACqB~~,~~WAAA~~,~~GACd~~,~~CAAA~~,~~YAAA~~,~~WAAA~~,~~SAAA~~;AAAA,~~IAAA~~,~~gBACD~~;AAAA,~~IAAA~~,~~GAAA~~;AAAA,~~IACF~~,UAAA;AAAA,~~EAAA,CACX~~;AAAA,~~CACF~~;AAAA,~~WAAA~~,~~cAAA~~;"}
1	+ {"version":3,"file":"index.es.js","sources":["../src/InlineEdit.tsx"],"sourcesContent":["import type { InlineVariants } from './styles/InlineEdit.css';\nimport type { IconFieldProps, TextAreaProps, TextFieldProps } from '@launchpad-ui/form';\nimport type { ComponentProps, KeyboardEventHandler, ReactElement } from 'react';\n\nimport { ButtonGroup, IconButton } from '@launchpad-ui/button';\nimport { TextField, TextArea } from '@launchpad-ui/form';\nimport { Icon } from '@launchpad-ui/icons';\nimport { useButton } from '@react-aria/button';\nimport { focusSafely } from '@react-aria/focus';\nimport { useFocusWithin } from '@react-aria/interactions';\nimport { mergeProps, mergeRefs, useUpdateEffect } from '@react-aria/utils';\nimport { cx } from 'classix';\nimport { Children, cloneElement, forwardRef, useRef, useState } from 'react';\n\nimport { container, cancelButton, inline, readButton } from './styles/InlineEdit.css';\n\ntype InlineEditProps = ComponentProps<'div'> &\n InlineVariants &\n Pick<ComponentProps<'input'>, 'defaultValue'> & {\n 'data-test-id'?: string;\n onConfirm: (value: string) => void;\n hideEdit?: boolean;\n renderInput?: ReactElement<IconFieldProps \| TextFieldProps \| TextAreaProps>;\n isEditing?: boolean;\n onCancel?: () => void;\n onEdit?: () => void;\n cancelButtonLabel?: string;\n editButtonLabel?: string;\n confirmButtonLabel?: string;\n };\n\nconst InlineEdit = forwardRef<HTMLInputElement, InlineEditProps>(\n (\n {\n 'data-test-id': testId = 'inline-edit',\n layout = 'horizontal',\n children,\n defaultValue,\n onConfirm,\n hideEdit = false,\n renderInput = <TextField />,\n 'aria-label': ariaLabel,\n isEditing: isEditingProp,\n onCancel,\n onEdit,\n cancelButtonLabel = 'cancel',\n editButtonLabel = 'edit',\n confirmButtonLabel = 'confirm',\n className,\n ...rest\n },\n ref\n ) => {\n const [isEditing, setEditing] = useState(isEditingProp ?? false);\n const [isFocusWithin, setFocusWithin] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n const editRef = useRef<HTMLButtonElement>(null);\n const controlled = isEditingProp !== undefined;\n\n useUpdateEffect(() => {\n if (controlled) {\n setEditing(isEditingProp);\n }\n }, [isEditingProp]);\n\n useUpdateEffect(() => {\n if (isFocusWithin) {\n isEditing\n ? inputRef.current && focusSafely(inputRef.current)\n : editRef.current && focusSafely(editRef.current);\n }\n }, [isEditing]);\n\n const handleEdit = () => {\n !controlled && setEditing(true);\n onEdit?.();\n };\n\n const handleCancel = () => {\n !controlled && setEditing(false);\n onCancel?.();\n };\n\n const handleConfirm = () => {\n onConfirm(inputRef.current?.value \|\| '');\n !controlled && setEditing(false);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n handleConfirm();\n } else if (event.key === 'Escape') {\n event.preventDefault();\n handleCancel();\n }\n };\n\n const { focusWithinProps } = useFocusWithin({\n onBlurWithin: () => isEditing && handleCancel(),\n onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n });\n\n const { buttonProps } = useButton(\n {\n 'aria-label': editButtonLabel,\n elementType: 'span',\n onPress: handleEdit,\n },\n editRef\n );\n\n const renderReadContent = hideEdit ? (\n <span ref={editRef} {...buttonProps} className={readButton}>\n {children}\n </span>\n ) : (\n <>\n {children}\n <IconButton\n ref={editRef}\n icon={<Icon name=\"edit\" />}\n aria-label={editButtonLabel}\n size=\"small\"\n onClick={handleEdit}\n />\n </>\n );\n\n const inputProps = {\n ref: mergeRefs(inputRef, ref),\n defaultValue,\n onKeyDown: handleKeyDown,\n 'aria-label': ariaLabel,\n };\n\n const inputChildren = renderInput.props.children;\n\n const input = cloneElement(\n renderInput,\n mergeProps(renderInput.props, inputChildren ? {} : inputProps),\n inputChildren &&\n Children.map(inputChildren, (child) =>\n child.type === TextField \|\| child.type === TextArea\n ? cloneElement(child, mergeProps(child.props, inputProps))\n : child\n )\n );\n\n return isEditing ? (\n <div\n {...rest}\n className={cx(container, inline({ layout }), className)}\n data-test-id={testId}\n {...focusWithinProps}\n >\n {input}\n <ButtonGroup spacing=\"compact\">\n <IconButton\n kind=\"primary\"\n icon={<Icon name=\"check\" />}\n aria-label={confirmButtonLabel}\n onClick={handleConfirm}\n />\n <IconButton\n kind=\"default\"\n icon={<Icon name=\"cancel\" />}\n aria-label={cancelButtonLabel}\n className={cancelButton}\n onClick={handleCancel}\n />\n </ButtonGroup>\n </div>\n ) : (\n <div\n {...rest}\n className={cx(!hideEdit && container, className)}\n data-test-id={testId}\n {...focusWithinProps}\n >\n {renderReadContent}\n </div>\n );\n }\n);\n\nInlineEdit.displayName = 'InlineEdit';\n\nexport { InlineEdit };\nexport type { InlineEditProps };\n"],"names":["isFocusWithin"],"mappings":"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"}

package/dist/index.js CHANGED Viewed

@@ -14,144 +14,148 @@ const react = require("react");
 const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var cancelButton = "_1oig0624";
 var container = "_1oig0620";
-var inline = createRuntimeFn.createRuntimeFn({
-  defaultClassName: "_1oig0621",
-  variantClassNames: {
-    layout: {
-      vertical: "_1oig0622",
-      horizontal: "_1oig0623"
-    }
-  },
-  defaultVariants: {},
-  compoundVariants: []
-});
+var inline = createRuntimeFn.createRuntimeFn({ defaultClassName: "_1oig0621", variantClassNames: { layout: { vertical: "_1oig0622", horizontal: "_1oig0623" } }, defaultVariants: {}, compoundVariants: [] });
 var readButton = "_1oig0625";
-const InlineEdit = /* @__PURE__ */ react.forwardRef(({
-  "data-test-id": testId = "inline-edit",
-  layout = "horizontal",
-  children,
-  defaultValue,
-  onConfirm,
-  hideEdit = false,
-  renderInput = /* @__PURE__ */ jsxRuntime.jsx(form.TextField, {}),
-  "aria-label": ariaLabel,
-  isEditing: isEditingProp,
-  onCancel,
-  onEdit,
-  cancelButtonLabel = "cancel",
-  editButtonLabel = "edit",
-  confirmButtonLabel = "confirm",
-  className,
-  ...rest
-}, ref) => {
-  const [isEditing, setEditing] = react.useState(isEditingProp ?? false);
-  const [isFocusWithin, setFocusWithin] = react.useState(false);
-  const inputRef = react.useRef(null);
-  const editRef = react.useRef(null);
-  const controlled = isEditingProp !== void 0;
-  utils.useUpdateEffect(() => {
-    if (controlled) {
-      setEditing(isEditingProp);
-    }
-  }, [isEditingProp]);
-  utils.useUpdateEffect(() => {
-    if (isFocusWithin) {
-      isEditing ? inputRef.current && focus.focusSafely(inputRef.current) : editRef.current && focus.focusSafely(editRef.current);
-    }
-  }, [isEditing]);
-  const handleEdit = () => {
-    !controlled && setEditing(true);
-    onEdit == null ? void 0 : onEdit();
-  };
-  const handleCancel = () => {
-    !controlled && setEditing(false);
-    onCancel == null ? void 0 : onCancel();
-  };
-  const handleConfirm = () => {
-    var _a;
-    onConfirm(((_a = inputRef.current) == null ? void 0 : _a.value) || "");
-    !controlled && setEditing(false);
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter") {
-      event.preventDefault();
-      handleConfirm();
-    } else if (event.key === "Escape") {
-      event.preventDefault();
-      handleCancel();
-    }
-  };
-  const {
-    focusWithinProps
-  } = interactions.useFocusWithin({
-    onBlurWithin: () => isEditing && handleCancel(),
-    onFocusWithinChange: (isFocusWithin2) => setFocusWithin(isFocusWithin2)
-  });
-  const {
-    buttonProps
-  } = button.useButton({
-    "aria-label": editButtonLabel,
-    elementType: "span",
-    onPress: handleEdit
-  }, editRef);
-  const renderReadContent = hideEdit ? /* @__PURE__ */ jsxRuntime.jsx("span", {
-    ref: editRef,
-    ...buttonProps,
-    className: readButton,
-    children
-  }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [children, /* @__PURE__ */ jsxRuntime.jsx(button$1.IconButton, {
-      ref: editRef,
-      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, {
-        name: "edit"
-      }),
-      "aria-label": editButtonLabel,
-      size: "small",
-      onClick: handleEdit
-    })]
-  });
-  const inputProps = {
-    ref: utils.mergeRefs(inputRef, ref),
+const InlineEdit = /* @__PURE__ */ react.forwardRef(
+  ({
+    "data-test-id": testId = "inline-edit",
+    layout = "horizontal",
+    children,
     defaultValue,
-    onKeyDown: handleKeyDown,
-    "aria-label": ariaLabel
-  };
-  const inputChildren = renderInput.props.children;
-  const input = /* @__PURE__ */ react.cloneElement(renderInput, utils.mergeProps(renderInput.props, inputChildren ? {} : inputProps), inputChildren && react.Children.map(inputChildren, (child) => child.type === form.TextField || child.type === form.TextArea ? /* @__PURE__ */ react.cloneElement(child, utils.mergeProps(child.props, inputProps)) : child));
-  return isEditing ? /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    ...rest,
-    className: classix.cx(container, inline({
-      layout
-    }), className),
-    "data-test-id": testId,
-    ...focusWithinProps,
-    children: [input, /* @__PURE__ */ jsxRuntime.jsxs(button$1.ButtonGroup, {
-      spacing: "compact",
-      children: [/* @__PURE__ */ jsxRuntime.jsx(button$1.IconButton, {
-        kind: "primary",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, {
-          name: "check"
-        }),
-        "aria-label": confirmButtonLabel,
-        onClick: handleConfirm
-      }), /* @__PURE__ */ jsxRuntime.jsx(button$1.IconButton, {
-        kind: "default",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, {
-          name: "cancel"
-        }),
-        "aria-label": cancelButtonLabel,
-        className: cancelButton,
-        onClick: handleCancel
-      })]
-    })]
-  }) : /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ...rest,
-    className: classix.cx(!hideEdit && container, className),
-    "data-test-id": testId,
-    ...focusWithinProps,
-    children: renderReadContent
-  });
-});
+    onConfirm,
+    hideEdit = false,
+    renderInput = /* @__PURE__ */ jsxRuntime.jsx(form.TextField, {}),
+    "aria-label": ariaLabel,
+    isEditing: isEditingProp,
+    onCancel,
+    onEdit,
+    cancelButtonLabel = "cancel",
+    editButtonLabel = "edit",
+    confirmButtonLabel = "confirm",
+    className,
+    ...rest
+  }, ref) => {
+    const [isEditing, setEditing] = react.useState(isEditingProp ?? false);
+    const [isFocusWithin, setFocusWithin] = react.useState(false);
+    const inputRef = react.useRef(null);
+    const editRef = react.useRef(null);
+    const controlled = isEditingProp !== void 0;
+    utils.useUpdateEffect(() => {
+      if (controlled) {
+        setEditing(isEditingProp);
+      }
+    }, [isEditingProp]);
+    utils.useUpdateEffect(() => {
+      if (isFocusWithin) {
+        isEditing ? inputRef.current && focus.focusSafely(inputRef.current) : editRef.current && focus.focusSafely(editRef.current);
+      }
+    }, [isEditing]);
+    const handleEdit = () => {
+      !controlled && setEditing(true);
+      onEdit == null ? void 0 : onEdit();
+    };
+    const handleCancel = () => {
+      !controlled && setEditing(false);
+      onCancel == null ? void 0 : onCancel();
+    };
+    const handleConfirm = () => {
+      var _a;
+      onConfirm(((_a = inputRef.current) == null ? void 0 : _a.value) || "");
+      !controlled && setEditing(false);
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        handleConfirm();
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        handleCancel();
+      }
+    };
+    const { focusWithinProps } = interactions.useFocusWithin({
+      onBlurWithin: () => isEditing && handleCancel(),
+      onFocusWithinChange: (isFocusWithin2) => setFocusWithin(isFocusWithin2)
+    });
+    const { buttonProps } = button.useButton(
+      {
+        "aria-label": editButtonLabel,
+        elementType: "span",
+        onPress: handleEdit
+      },
+      editRef
+    );
+    const renderReadContent = hideEdit ? /* @__PURE__ */ jsxRuntime.jsx("span", { ref: editRef, ...buttonProps, className: readButton, children }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button$1.IconButton,
+        {
+          ref: editRef,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "edit" }),
+          "aria-label": editButtonLabel,
+          size: "small",
+          onClick: handleEdit
+        }
+      )
+    ] });
+    const inputProps = {
+      ref: utils.mergeRefs(inputRef, ref),
+      defaultValue,
+      onKeyDown: handleKeyDown,
+      "aria-label": ariaLabel
+    };
+    const inputChildren = renderInput.props.children;
+    const input = /* @__PURE__ */ react.cloneElement(
+      renderInput,
+      utils.mergeProps(renderInput.props, inputChildren ? {} : inputProps),
+      inputChildren && react.Children.map(
+        inputChildren,
+        (child) => child.type === form.TextField || child.type === form.TextArea ? /* @__PURE__ */ react.cloneElement(child, utils.mergeProps(child.props, inputProps)) : child
+      )
+    );
+    return isEditing ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...rest,
+        className: classix.cx(container, inline({ layout }), className),
+        "data-test-id": testId,
+        ...focusWithinProps,
+        children: [
+          input,
+          /* @__PURE__ */ jsxRuntime.jsxs(button$1.ButtonGroup, { spacing: "compact", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button$1.IconButton,
+              {
+                kind: "primary",
+                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "check" }),
+                "aria-label": confirmButtonLabel,
+                onClick: handleConfirm
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button$1.IconButton,
+              {
+                kind: "default",
+                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "cancel" }),
+                "aria-label": cancelButtonLabel,
+                className: cancelButton,
+                onClick: handleCancel
+              }
+            )
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ...rest,
+        className: classix.cx(!hideEdit && container, className),
+        "data-test-id": testId,
+        ...focusWithinProps,
+        children: renderReadContent
+      }
+    );
+  }
+);
 InlineEdit.displayName = "InlineEdit";
 exports.InlineEdit = InlineEdit;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/InlineEdit.tsx"],"sourcesContent":["import type { InlineVariants } from './styles/InlineEdit.css';\nimport type { IconFieldProps, TextAreaProps, TextFieldProps } from '@launchpad-ui/form';\nimport type { ComponentProps, KeyboardEventHandler, ReactElement } from 'react';\n\nimport { ButtonGroup, IconButton } from '@launchpad-ui/button';\nimport { TextField, TextArea } from '@launchpad-ui/form';\nimport { Icon } from '@launchpad-ui/icons';\nimport { useButton } from '@react-aria/button';\nimport { focusSafely } from '@react-aria/focus';\nimport { useFocusWithin } from '@react-aria/interactions';\nimport { mergeProps, mergeRefs, useUpdateEffect } from '@react-aria/utils';\nimport { cx } from 'classix';\nimport { Children, cloneElement, forwardRef, useRef, useState } from 'react';\n\nimport { container, cancelButton, inline, readButton } from './styles/InlineEdit.css';\n\ntype InlineEditProps = ComponentProps<'div'> &\n InlineVariants &\n Pick<ComponentProps<'input'>, 'defaultValue'> & {\n 'data-test-id'?: string;\n onConfirm: (value: string) => void;\n hideEdit?: boolean;\n renderInput?: ReactElement<IconFieldProps \| TextFieldProps \| TextAreaProps>;\n isEditing?: boolean;\n onCancel?: () => void;\n onEdit?: () => void;\n cancelButtonLabel?: string;\n editButtonLabel?: string;\n confirmButtonLabel?: string;\n };\n\nconst InlineEdit = forwardRef<HTMLInputElement, InlineEditProps>(\n (\n {\n 'data-test-id': testId = 'inline-edit',\n layout = 'horizontal',\n children,\n defaultValue,\n onConfirm,\n hideEdit = false,\n renderInput = <TextField />,\n 'aria-label': ariaLabel,\n isEditing: isEditingProp,\n onCancel,\n onEdit,\n cancelButtonLabel = 'cancel',\n editButtonLabel = 'edit',\n confirmButtonLabel = 'confirm',\n className,\n ...rest\n },\n ref\n ) => {\n const [isEditing, setEditing] = useState(isEditingProp ?? false);\n const [isFocusWithin, setFocusWithin] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n const editRef = useRef<HTMLButtonElement>(null);\n const controlled = isEditingProp !== undefined;\n\n useUpdateEffect(() => {\n if (controlled) {\n setEditing(isEditingProp);\n }\n }, [isEditingProp]);\n\n useUpdateEffect(() => {\n if (isFocusWithin) {\n isEditing\n ? inputRef.current && focusSafely(inputRef.current)\n : editRef.current && focusSafely(editRef.current);\n }\n }, [isEditing]);\n\n const handleEdit = () => {\n !controlled && setEditing(true);\n onEdit?.();\n };\n\n const handleCancel = () => {\n !controlled && setEditing(false);\n onCancel?.();\n };\n\n const handleConfirm = () => {\n onConfirm(inputRef.current?.value \|\| '');\n !controlled && setEditing(false);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n handleConfirm();\n } else if (event.key === 'Escape') {\n event.preventDefault();\n handleCancel();\n }\n };\n\n const { focusWithinProps } = useFocusWithin({\n onBlurWithin: () => isEditing && handleCancel(),\n onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n });\n\n const { buttonProps } = useButton(\n {\n 'aria-label': editButtonLabel,\n elementType: 'span',\n onPress: handleEdit,\n },\n editRef\n );\n\n const renderReadContent = hideEdit ? (\n <span ref={editRef} {...buttonProps} className={readButton}>\n {children}\n </span>\n ) : (\n <>\n {children}\n <IconButton\n ref={editRef}\n icon={<Icon name=\"edit\" />}\n aria-label={editButtonLabel}\n size=\"small\"\n onClick={handleEdit}\n />\n </>\n );\n\n const inputProps = {\n ref: mergeRefs(inputRef, ref),\n defaultValue,\n onKeyDown: handleKeyDown,\n 'aria-label': ariaLabel,\n };\n\n const inputChildren = renderInput.props.children;\n\n const input = cloneElement(\n renderInput,\n mergeProps(renderInput.props, inputChildren ? {} : inputProps),\n inputChildren &&\n Children.map(inputChildren, (child) =>\n child.type === TextField \|\| child.type === TextArea\n ? cloneElement(child, mergeProps(child.props, inputProps))\n : child\n )\n );\n\n return isEditing ? (\n <div\n {...rest}\n className={cx(container, inline({ layout }), className)}\n data-test-id={testId}\n {...focusWithinProps}\n >\n {input}\n <ButtonGroup spacing=\"compact\">\n <IconButton\n kind=\"primary\"\n icon={<Icon name=\"check\" />}\n aria-label={confirmButtonLabel}\n onClick={handleConfirm}\n />\n <IconButton\n kind=\"default\"\n icon={<Icon name=\"cancel\" />}\n aria-label={cancelButtonLabel}\n className={cancelButton}\n onClick={handleCancel}\n />\n </ButtonGroup>\n </div>\n ) : (\n <div\n {...rest}\n className={cx(!hideEdit && container, className)}\n data-test-id={testId}\n {...focusWithinProps}\n >\n {renderReadContent}\n </div>\n );\n }\n);\n\nInlineEdit.displayName = 'InlineEdit';\n\nexport { InlineEdit };\nexport type { InlineEditProps };\n"],"names":["forwardRef","~~jsx","~~TextField","useState","useRef","useUpdateEffect","focusSafely","useFocusWithin","useButton","jsxs","Fragment","IconButton","Icon","mergeRefs","mergeProps","Children","TextArea","~~cloneElement","~~cx","ButtonGroup"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA+BA,MAAM,aAAaA,sBAAA,~~WAAA~~,~~CAAA~~;AAAA,~~EACjB~~,~~gBACE~~,~~SAAA~~;AAAA,~~EAAA~~;~~EAC2B~~;AAAA,~~EAEzB~~;AAAA,~~EACA~~;AAAA,~~EACA~~,~~WAAA~~;AAAA,~~EAAA~~,~~cACWC~~,~~2BAAAA~~,~~IAAAC,KAAA,~~WAAA,EAAA;AAAA,~~EACX~~,~~cAAA~~;AAAA,~~EAAyB~~,~~WACX~~;AAAA,~~EAAA~~;AAAA,~~EAEd~~;AAAA,~~EACA~~,~~oBAAA~~;AAAA,~~EAAA~~,~~kBACoB~~;AAAA,~~EAAA~~,~~qBACF~~;AAAA,~~EAAA~~;AAAA,~~EAElB~~,~~GAAA~~;AAAA,~~GAAA~~,QACG;~~AACL~~,~~QAEG~~,~~CAAA~~,~~WAAA~~,~~UAAA~~,~~IAAAC~~,MAAAA,~~SAAA~~,~~iBAAA~~,~~KAAA~~;~~AACH~~,~~QAAA~~,~~CAAA~~,~~eAAkB~~,cAAc,~~IAAAA~~;~~AAChC~~,~~QAAA~~,~~WAAOC~~,~~aAAe~~,~~IAAc~~;~~AAC9B~~,~~QAAA~~,~~UAAAA~~,~~iBAAwC~~;~~AACxC~~,~~QAAA,+BAAwC~~;~~AAC9CC~~,~~QAAAA~~,~~sBAAqC~~;~~AAErC~~,~~QAAA~~,~~YAAgB~~;AACd,~~iBAAgB~~,~~aAAA~~;AAAA,~~IACd~~;AAAA,~~EAAwB~~,~~GAC1B~~,~~CAAA~~,~~aAAA~~,~~CAAA~~;~~AACFA~~,~~QAAAA~~,~~gBAAI~~,~~MAAc~~;~~AAElB~~,~~QAAA~~,~~eAAsB~~;~~AACpB~~,~~kBAAmB~~,~~SAAA~~,~~WAAAC~~,MAAAA,~~YAAA~~,~~SAAA~~,~~OAAA~~,~~IAAA~~,~~QAAA~~,~~WAAAA~~,MAAAA,~~YAAA~~,~~QAAA~~,~~OAAA~~;AAAA,~~IAEb~~;AAAA,~~EAC8C~~,~~GACpD~~,~~CAAA~~,~~SAAA~~,~~CAAA~~;~~AACF~~,~~QAAI~~,~~aAAU~~,~~MAAA~~;~~AAEd~~,~~KAAA~~,~~yBAAyB~~,~~IAAA~~;~~AACtB~~;AAAA,~~EACD~~;~~AACF~~,~~QAAA~~,~~eAAA~~,~~MAAA~~;~~AAEA~~,~~KAAA~~,~~yBAA2B~~,~~KAAA~~;~~AACxB~~;AAAA,~~EACD~~;~~AACF~~,~~QAAA~~,~~gBAAA~~,~~MAAA~~;;~~AAEA~~,~~6DAA4B~~,~~UAAA~~,~~EAAA~~;~~AAChB~~,~~KAAA~~,~~cAAA~~,~~WAAkB~~,~~KAAA~~;AAAA,~~EAC5B~~;~~AACF~~,~~QAAA~~,~~gBAAA~~,~~WAAA~~;~~AAEM~~,~~QAAA~~,~~MAAA~~,~~QAAA~~,~~SAAmE~~;~~AACnE~~,~~YAAA~~,~~eAAuB~~;~~AACzB~~;~~IACA~~,~~WAAc~~,~~MAAA~~,~~QAAA~~,~~UAAA~~;~~AAChB~~,~~YAAA~~,~~eAAiB~~;~~AACf~~;~~IACa~~;AAAA,~~EAAA~~;~~AAEjB~~,~~QAAA;AAAA~~,~~IAEM;AAAA~~,~~EACJ~~,~~IAAAC~~,~~4BAAoB~~;AAAA,~~IAA0B~~,~~cACzB~~,~~MAAA~~,~~aAAmB~~,~~aAAA~~;AAAA,~~IAC1C~~,~~qBAAC~~,~~oBAAA~~,~~eAAA~~,~~cAAA~~;AAAA,~~EAED~~,~~CAAM~~;~~AACJ~~,~~QAAA~~;AAAA,~~IAAA~~;AAAA,~~EACgB~~,~~IAAAC,iBACD~~;AAAA,~~IAAA~~,~~cACJ~~;AAAA,~~IACX~~,~~aAAA~~;AAAA,~~IACA~~,~~SAAA~~;AAAA,~~EACF,GAAA,OAAA~~;~~AAEA~~,~~QAAA~~,~~oBAA0B~~,~~WACvBP~~,~~2BAAA~~,IAAA,QAAA~~;AAAA~~,~~IAKE~~,~~KAAA;AAAA~~,~~IACD~~,~~GAAA;AAAA~~,~~IAAC~~,~~WAAA;AAAA~~,~~IAAA;AAAA~~,~~EAAA~~,CAAA,~~IACMQ~~,~~2BAAA~~,KAAAC,~~qBAAA;AAAA~~,~~IAAA~~,~~UACC~~,~~CAAA,UAAMT,2BAAA,IAAAU,qBAAY~~;AAAA,MAAA~~,KACZ~~;AAAA,~~MAAA~~,~~MACPV,~~2BAAA,~~IAAAW~~,~~YAAA~~;AAAA,QAAA,~~MACI~~;AAAA,~~MAAA~~,CAAA;AAAA,~~MACX~~,~~cAAA~~;AAAA,~~MACF~~,~~MAAA~~;AAAA,~~MAGF~~,~~SAAmB~~;AAAA,~~IAAA~~,~~CACjB,CAAA~~;AAAA,~~EAA4B~~,~~CAC5B~~;~~AAAA~~,~~QACW~~,~~aAAA~~;AAAA,~~IAAA~~,~~KACGC~~,MAAAA,~~UAAA~~,~~UAAA~~,~~GAAA~~;AAAA,~~IAChB~~;AAAA,~~IAEM~~,~~WAAA~~;AAAA,~~IAEN~~,cAAc;AAAA,~~EAAA~~;~~AACZ~~,~~wBACuB~~,~~YAAO~~,~~MAAgB~~;~~AAAe~~,~~mDAElD~~,~~aAAAC~~,~~MAAA~~,~~WAAA~~,~~YAAA~~,~~OAAA~~,~~gBAAA~~,CAAA,~~IAAA~~,~~UAAA~~,~~GAAA~~,~~iBAAAC~~,~~MAAAA~~,SAAA,~~IAAA~~,~~eAAA~~,~~WAAA~~,~~MAAA~~,~~SAAAb~~,KAAAA,~~aAAA~~,~~MAAA~~,~~SAAAc~~,KAAAA,~~WAAAC~~,sBAAAA,~~aAAA~~,~~OAAAH~~,MAAAA,~~WAAA~~,~~MAAA~~,~~OAAA~~,~~UAAA~~,~~CAAA~~,~~IAAA~~,~~KAAA~~,~~CAAA~~;~~AAAI~~,~~SAAA~~,~~YAAAL~~,2BAAA,~~KAAA~~,~~OAAA~~;AAAA,~~IAAA~~,~~GAAA~~;AAAA,~~IAIb~~,~~WAAAS~~,~~QAAAA~~,~~GAAA~~,~~WAAA~~,~~OAAA~~;AAAA,~~MACJ~~;AAAA,~~IAEA~~,~~CAAA,GAAA,SACE~~;AAAA,~~IAAC~~,~~gBAAA~~;AAAA,~~IAAA,GAAA~~;AAAA,~~IAAA~~,~~UACK~~,~~CAAA~~,~~OAAAT~~,~~2BAAA~~,~~KAAAU~~,~~sBAAA;AAAA~~,~~MACJ~~,~~SAAA~~;AAAA,~~MAAsD~~,~~UACxC,CAAAlB,~~2BAAA,~~IAAAU~~,~~qBAAA~~;AAAA,~~QACb~~,~~MAAG~~;AAAA,~~QAEH~~,~~MAAAV~~,~~2BAAA~~,~~IAAAW~~,~~YAAA~~;AAAA,~~UAAA~~,~~MAAA~~;AAAA,~~QAAA~~,~~CACD~~;AAAA,~~QACE,~~cAAA;AAAA,~~QAAC,SAAA~~;AAAA,~~MAAA~~,~~CAAA,GAAAX,~~2BAAA,~~IAAAU~~,~~qBAAA~~;AAAA,~~QAAA~~,~~MAAA~~;AAAA,~~QACM~~,~~MACCV~~,~~2BAAA~~,~~IAAAW~~,~~YAAA;AAAA~~,~~UAAmB~~,~~MACzB;AAAA~~,~~QAAY~~,CAAA;AAAA,~~QACH~~,~~cAAA~~;AAAA,~~QACX~~,~~WAAA~~;AAAA,~~QACA~~,~~SAAA~~;AAAA,~~MAAA~~,~~CAAC,CAAA~~;AAAA,~~IAAA~~,~~CAAA~~,~~CAAA~~;AAAA,~~EAAA~~,~~CAAA~~,~~IACMX~~,2BAAA,~~IAAA~~,~~OAAA~~;AAAA,~~IAAA~~,~~GAAA~~;AAAA,~~IACqB~~,~~WAAAiB~~,QAAAA,~~GACd~~,~~CAAA~~,~~YAAA~~,~~WAAA~~,~~SAAA~~;AAAA,~~IAAA~~,~~gBACD~~;AAAA,~~IAAA~~,~~GAAA~~;AAAA,~~IACF~~,UAAA;AAAA,~~EAAA,CACX~~;AAAA,~~CACF~~;AAAA,~~WAAA~~,~~cAAA~~;;"}
1	+ {"version":3,"file":"index.js","sources":["../src/InlineEdit.tsx"],"sourcesContent":["import type { InlineVariants } from './styles/InlineEdit.css';\nimport type { IconFieldProps, TextAreaProps, TextFieldProps } from '@launchpad-ui/form';\nimport type { ComponentProps, KeyboardEventHandler, ReactElement } from 'react';\n\nimport { ButtonGroup, IconButton } from '@launchpad-ui/button';\nimport { TextField, TextArea } from '@launchpad-ui/form';\nimport { Icon } from '@launchpad-ui/icons';\nimport { useButton } from '@react-aria/button';\nimport { focusSafely } from '@react-aria/focus';\nimport { useFocusWithin } from '@react-aria/interactions';\nimport { mergeProps, mergeRefs, useUpdateEffect } from '@react-aria/utils';\nimport { cx } from 'classix';\nimport { Children, cloneElement, forwardRef, useRef, useState } from 'react';\n\nimport { container, cancelButton, inline, readButton } from './styles/InlineEdit.css';\n\ntype InlineEditProps = ComponentProps<'div'> &\n InlineVariants &\n Pick<ComponentProps<'input'>, 'defaultValue'> & {\n 'data-test-id'?: string;\n onConfirm: (value: string) => void;\n hideEdit?: boolean;\n renderInput?: ReactElement<IconFieldProps \| TextFieldProps \| TextAreaProps>;\n isEditing?: boolean;\n onCancel?: () => void;\n onEdit?: () => void;\n cancelButtonLabel?: string;\n editButtonLabel?: string;\n confirmButtonLabel?: string;\n };\n\nconst InlineEdit = forwardRef<HTMLInputElement, InlineEditProps>(\n (\n {\n 'data-test-id': testId = 'inline-edit',\n layout = 'horizontal',\n children,\n defaultValue,\n onConfirm,\n hideEdit = false,\n renderInput = <TextField />,\n 'aria-label': ariaLabel,\n isEditing: isEditingProp,\n onCancel,\n onEdit,\n cancelButtonLabel = 'cancel',\n editButtonLabel = 'edit',\n confirmButtonLabel = 'confirm',\n className,\n ...rest\n },\n ref\n ) => {\n const [isEditing, setEditing] = useState(isEditingProp ?? false);\n const [isFocusWithin, setFocusWithin] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n const editRef = useRef<HTMLButtonElement>(null);\n const controlled = isEditingProp !== undefined;\n\n useUpdateEffect(() => {\n if (controlled) {\n setEditing(isEditingProp);\n }\n }, [isEditingProp]);\n\n useUpdateEffect(() => {\n if (isFocusWithin) {\n isEditing\n ? inputRef.current && focusSafely(inputRef.current)\n : editRef.current && focusSafely(editRef.current);\n }\n }, [isEditing]);\n\n const handleEdit = () => {\n !controlled && setEditing(true);\n onEdit?.();\n };\n\n const handleCancel = () => {\n !controlled && setEditing(false);\n onCancel?.();\n };\n\n const handleConfirm = () => {\n onConfirm(inputRef.current?.value \|\| '');\n !controlled && setEditing(false);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n handleConfirm();\n } else if (event.key === 'Escape') {\n event.preventDefault();\n handleCancel();\n }\n };\n\n const { focusWithinProps } = useFocusWithin({\n onBlurWithin: () => isEditing && handleCancel(),\n onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n });\n\n const { buttonProps } = useButton(\n {\n 'aria-label': editButtonLabel,\n elementType: 'span',\n onPress: handleEdit,\n },\n editRef\n );\n\n const renderReadContent = hideEdit ? (\n <span ref={editRef} {...buttonProps} className={readButton}>\n {children}\n </span>\n ) : (\n <>\n {children}\n <IconButton\n ref={editRef}\n icon={<Icon name=\"edit\" />}\n aria-label={editButtonLabel}\n size=\"small\"\n onClick={handleEdit}\n />\n </>\n );\n\n const inputProps = {\n ref: mergeRefs(inputRef, ref),\n defaultValue,\n onKeyDown: handleKeyDown,\n 'aria-label': ariaLabel,\n };\n\n const inputChildren = renderInput.props.children;\n\n const input = cloneElement(\n renderInput,\n mergeProps(renderInput.props, inputChildren ? {} : inputProps),\n inputChildren &&\n Children.map(inputChildren, (child) =>\n child.type === TextField \|\| child.type === TextArea\n ? cloneElement(child, mergeProps(child.props, inputProps))\n : child\n )\n );\n\n return isEditing ? (\n <div\n {...rest}\n className={cx(container, inline({ layout }), className)}\n data-test-id={testId}\n {...focusWithinProps}\n >\n {input}\n <ButtonGroup spacing=\"compact\">\n <IconButton\n kind=\"primary\"\n icon={<Icon name=\"check\" />}\n aria-label={confirmButtonLabel}\n onClick={handleConfirm}\n />\n <IconButton\n kind=\"default\"\n icon={<Icon name=\"cancel\" />}\n aria-label={cancelButtonLabel}\n className={cancelButton}\n onClick={handleCancel}\n />\n </ButtonGroup>\n </div>\n ) : (\n <div\n {...rest}\n className={cx(!hideEdit && container, className)}\n data-test-id={testId}\n {...focusWithinProps}\n >\n {renderReadContent}\n </div>\n );\n }\n);\n\nInlineEdit.displayName = 'InlineEdit';\n\nexport { InlineEdit };\nexport type { InlineEditProps };\n"],"names":["forwardRef","TextField","useState","useRef","useUpdateEffect","focusSafely","useFocusWithin","isFocusWithin","useButton","jsx","jsxs","Fragment","IconButton","Icon","mergeRefs","cloneElement","mergeProps","Children","TextArea","cx","ButtonGroup"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/inline-edit",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "status": "alpha",
   "publishConfig": {
     "access": "public"
@@ -26,14 +26,14 @@
   },
   "source": "src/index.ts",
   "dependencies": {
-    "@react-aria/button": "3.9.0",
-    "@react-aria/focus": "3.15.0",
-    "@react-aria/interactions": "3.20.0",
-    "@react-aria/utils": "3.22.0",
+    "@react-aria/button": "3.9.1",
+    "@react-aria/focus": "3.16.0",
+    "@react-aria/interactions": "3.20.1",
+    "@react-aria/utils": "3.23.0",
     "@vanilla-extract/recipes": "^0.5.0",
     "classix": "2.1.17",
     "@launchpad-ui/button": "~0.11.9",
-    "@launchpad-ui/form": "~0.10.10",
+    "@launchpad-ui/form": "~0.10.11",
     "@launchpad-ui/icons": "~0.14.9",
     "@launchpad-ui/tokens": "~0.9.2",
     "@launchpad-ui/vars": "~0.2.9"
@@ -48,7 +48,7 @@
     "react-dom": "18.2.0"
   },
   "scripts": {
-    "build": "vite build -c ../../vite.config.ts && tsc --project tsconfig.build.json",
+    "build": "vite build -c ../../vite.config.mts && tsc --project tsconfig.build.json",
     "clean": "rm -rf dist",
     "lint": "eslint '**/*.{ts,tsx,js}'",
     "test": "vitest run --coverage"