npm - @launchpad-ui/inline-edit - Versions diffs - 0.2.7 → 0.2.9 - Mend

@launchpad-ui/inline-edit 0.2.7 → 0.2.9

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,148 +12,144 @@ 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,
+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),
     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),
-      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
-      }
-    );
-  }
-);
+    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":[~~"isFocusWithin"~~],"mappings":"~~;;;;;;;;;;;;;;;~~AA+BA,MAAM,aAAa~~;AAAA~~,~~EACjB~~,~~CACE~~;AAAA,~~IACE~~,~~gBAAgB~~,~~SAAS~~;AAAA,~~IACzB,SAAS~~;~~AAAA,IACT~~;AAAA,~~IACA~~;AAAA,~~IACA~~;AAAA,~~IACA~~,~~WAAW~~;AAAA,~~IACX~~,~~kCAAe~~,~~WAAU~~,EAAA;AAAA,~~IACzB~~,~~cAAc~~;AAAA,~~IACd~~,~~WAAW~~;AAAA,~~IACX~~;AAAA,~~IACA~~;AAAA,~~IACA~~,~~oBAAoB~~;AAAA,~~IACpB~~,~~kBAAkB~~;AAAA,~~IAClB~~,~~qBAAqB~~;AAAA,~~IACrB~~;AAAA,~~IACA~~,~~GAAG~~;AAAA,~~KAEL~~,QACG;~~AACH~~,~~UAAM~~,~~CAAC~~,~~WAAW~~,~~UAAU~~,~~IAAI~~,~~SAAS~~,~~iBAAiB~~,~~KAAK~~;~~AAC/D~~,~~UAAM~~,~~CAAC~~,~~eAAe~~,cAAc,~~IAAI,SAAS,KAAK~~;~~AAChD~~,~~UAAA~~,~~WAAW~~,~~OAAyB~~,~~IAAI~~;~~AACxC~~,UAAA,~~UAAU~~,~~OAA0B,IAAI~~;AAC9C,~~UAAM,aAAa,kBAAkB~~;AAErC,~~oBAAgB~~,~~MAAM~~;~~AACpB,UAAI,YAAY;~~AACd,~~mBAAW~~,~~aAAa~~;AAAA,~~MAC1B~~;AAAA,~~IAAA~~,~~GACC~~,~~CAAC~~,~~aAAa~~,~~CAAC~~;~~AAElB~~,~~oBAAgB~~,~~MAAM~~;~~AACpB~~,~~UAAI~~,~~eAAe~~;~~AAEb~~,~~oBAAA~~,~~SAAS~~,~~WAAW~~,~~YAAY~~,~~SAAS~~,~~OAAO~~,~~IAChD~~,~~QAAQ~~,~~WAAW~~,~~YAAY~~,~~QAAQ~~,~~OAAO~~;AAAA,~~MACpD~~;AAAA,~~IAAA~~,~~GACC~~,~~CAAC~~,~~SAAS~~,~~CAAC~~;~~AAEd~~,~~UAAM~~,~~aAAa~~,~~MAAM~~;~~AACtB~~,~~OAAA~~,~~cAAc~~,~~WAAW,IAAI~~;~~AACrB~~;AAAA,~~IAAA~~;~~AAGX~~,~~UAAM~~,~~eAAe~~,~~MAAM~~;~~AACxB~~,~~OAAA~~,~~cAAc~~,~~WAAW,KAAK~~;~~AACpB~~;AAAA,~~IAAA~~;~~AAGb~~,~~UAAM~~,~~gBAAgB~~,~~MAAM~~;;~~AAChB~~,~~kBAAA~~,~~cAAS~~,~~YAAT,mBAAkB,UAAS,EAAE~~;~~AACtC~~,~~OAAA~~,~~cAAc~~,~~WAAW~~,~~KAAK~~;AAAA,~~IAAA~~;~~AAG3B~~,~~UAAA~~,~~gBAAwD~~,~~CAAC,UAAU~~;~~AACnE~~,~~UAAA~~,~~MAAM~~,~~QAAQ~~,~~SAAS~~;~~AACzB~~,~~cAAM~~,~~eAAe~~;~~AACP~~;~~MAAA~~,~~WACL~~,~~MAAM~~,~~QAAQ~~,~~UAAU~~;~~AACjC~~,~~cAAM~~,~~eAAe~~;~~AACR~~;~~MACf~~;AAAA,~~IAAA~~;~~AAGI~~,~~UAAA~~,~~EAAE~~,~~iBAAiB~~,~~IAAI~~,~~eAAe~~;AAAA,~~MAC1C~~,~~cAAc~~,~~MAAM~~,~~aAAa~~,~~aAAa~~;AAAA,~~MAC9C~~,~~qBAAqB~~,~~CAACA~~,~~mBAAkB~~,~~eAAeA,cAAa~~;AAAA,~~IAAA~~,~~CACrE~~;~~AAEK~~,~~UAAA,EAAE,gBAAgB~~;AAAA,~~MACtB~~;AAAA,~~QACE~~,~~cAAc~~;AAAA,~~QACd~~,~~aAAa~~;AAAA,~~QACb~~,~~SAAS~~;AAAA,~~MACX;AAAA~~,~~MACA~~;AAAA,~~IAAA~~;~~AAGF~~,~~UAAM~~,~~oBAAoB~~,WACvB,oBAAA,QAAA,~~EAAK~~,~~KAAK~~,~~SAAU~~,~~GAAG~~,~~aAAa~~,~~WAAW~~,~~YAC7C~~,~~SACH~~,CAAA,~~IAGG~~,qBAAA,UAAA~~,EAAA,UAAA~~;AAAA,~~MAAA;AAAA~~,~~MACD;AAAA~~,~~QAAC;AAAA~~,~~QAAA~~;AAAA,~~UACC~~,~~KAAK~~;AAAA,~~UACL~~,~~MAAM~~,~~oBAAC~~,~~MAAK~~,~~EAAA~~,~~MAAK~~,~~OAAO~~,CAAA;AAAA,~~UACxB~~,~~cAAY~~;AAAA,~~UACZ~~,~~MAAK~~;AAAA,~~UACL~~,~~SAAS~~;AAAA,~~QAAA;AAAA~~,~~MACX~~;AAAA,~~IACF~~,~~EAAA,CAAA~~;~~AAGF~~,~~UAAM~~,~~aAAa~~;AAAA,~~MACjB~~,~~KAAK~~,~~UAAU~~,~~UAAU~~,~~GAAG~~;AAAA,~~MAC5B~~;AAAA,~~MACA~~,~~WAAW~~;AAAA,~~MACX~~,cAAc;AAAA,~~IAAA~~;~~AAGV~~,~~UAAA~~,~~gBAAgB~~,~~YAAY,MAAM~~;~~AAExC~~,~~UAAM~~,~~QAAQ;AAAA~~,~~MACZ;AAAA~~,~~MACA~~,~~WAAW~~,~~YAAY~~,~~OAAO,gBAAgB,~~CAAA,~~IAAK~~,~~UAAU;AAAA~~,~~MAC7D~~,~~iBACE~~,~~SAAS;AAAA~~,~~QAAI;AAAA~~,~~QAAe~~,~~CAAC~~,~~UAC3B~~,~~MAAM~~,~~SAAS~~,~~aAAa~~,~~MAAM~~,~~SAAS~~,~~WACvC~~,~~6BAAa~~,~~OAAO~~,~~WAAW~~,~~MAAM~~,~~OAAO~~,~~UAAU~~,~~CAAC~~,~~IACvD;AAAA~~,~~MACN~~;~~AAAA~~,~~IAAA;AAGJ~~,~~WAAO~~,~~YACL;AAAA~~,~~MAAC~~;AAAA,~~MAAA;AAAA~~,~~QACE,GAAG~~;AAAA,~~QACJ~~,~~WAAW~~,~~GAAG~~,~~WAAW~~,~~OAAO,EAAE,OAAO,CAAC,GAAG,SAAS~~;AAAA,~~QACtD,gBAAc~~;AAAA,~~QACb~~,~~GAAG~~;AAAA,~~QAEH~~,~~UAAA~~;AAAA,~~UAAA~~;AAAA,~~UACD~~,~~qBAAC~~,~~aAAY~~,~~EAAA~~,~~SAAQ~~,~~WACnB,UAAA~~;AAAA,~~YAAA;AAAA~~,~~cAAC~~;AAAA,~~cAAA~~;AAAA,~~gBACC~~,~~MAAK~~;AAAA,~~gBACL~~,~~MAAM~~,~~oBAAC~~,~~MAAK,EAAA,MAAK,QAAQ,CAAA~~;AAAA,~~gBACzB~~,~~cAAY~~;AAAA,~~gBACZ~~,~~SAAS~~;AAAA,cAAA;AAAA,~~YACX;AAAA~~,~~YACA~~;AAAA,~~cAAC;AAAA~~,~~cAAA~~;AAAA,~~gBACC~~,~~MAAK~~;AAAA,~~gBACL~~,~~MAAM~~,~~oBAAC~~,~~MAAK,EAAA,MAAK,SAAS,CAAA~~;AAAA,~~gBAC1B~~,~~cAAY~~;AAAA,~~gBACZ~~,~~WAAW~~;AAAA,~~gBACX~~,~~SAAS;AAAA,~~cAAA;AAAA,~~YACX~~;AAAA,~~UAAA~~,~~GACF~~;AAAA,~~QAAA;AAAA~~,~~MAAA~~;AAAA,IAAA,~~IAGF;AAAA~~,~~MAAC~~;AAAA,~~MAAA~~;AAAA,~~QACE~~,~~GAAG~~;AAAA,~~QACJ~~,~~WAAW~~,~~GAAG~~,~~CAAC~~,~~YAAY~~,~~WAAW~~,~~SAAS~~;AAAA,~~QAC/C~~,~~gBAAc~~;AAAA,~~QACb~~,~~GAAG~~;AAAA,~~QAEH~~,UAAA;AAAA,~~MAAA~~;AAAA,~~IAAA~~;AAAA,~~EAGP;AACF;AAEA~~,~~WAAW,cAAc~~;"}
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":"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"}

package/dist/index.js CHANGED Viewed

@@ -14,148 +14,144 @@ 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,
+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),
     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),
-      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
-      }
-    );
-  }
-);
+    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","TextField","useState","useRef","useUpdateEffect","focusSafely","useFocusWithin","~~isFocusWithin","~~useButton","~~jsx","~~jsxs","Fragment","IconButton","Icon","mergeRefs","~~cloneElement","~~mergeProps","Children","TextArea","cx","ButtonGroup"],"mappings":"~~;;;;;;;;;;;;;;;;;~~AA+BA,MAAM,aAAaA,sBAAA~~;AAAA~~,~~EACjB~~,~~CACE~~;AAAA,~~IACE~~,~~gBAAgB~~,~~SAAS~~;AAAA,~~IACzB,SAAS~~;~~AAAA,IACT~~;AAAA,~~IACA~~;AAAA,~~IACA~~;AAAA,~~IACA~~,~~WAAW~~;AAAA,~~IACX~~,~~6CAAeC~~,~~KAAU~~,WAAA,EAAA;AAAA,~~IACzB~~,~~cAAc~~;AAAA,~~IACd~~,~~WAAW~~;AAAA,~~IACX~~;AAAA,~~IACA~~;AAAA,~~IACA~~,~~oBAAoB~~;AAAA,~~IACpB~~,~~kBAAkB~~;AAAA,~~IAClB~~,~~qBAAqB~~;AAAA,~~IACrB~~;AAAA,~~IACA~~,~~GAAG~~;AAAA,~~KAEL~~,QACG;~~AACH~~,~~UAAM~~,~~CAAC~~,~~WAAW~~,~~UAAU~~,~~IAAIC~~,MAAAA,~~SAAS~~,~~iBAAiB~~,~~KAAK~~;~~AAC/D~~,~~UAAM~~,~~CAAC~~,~~eAAe~~,cAAc,~~IAAIA,eAAS,KAAK~~;~~AAChD~~,~~UAAA~~,~~WAAWC~~,~~aAAyB~~,~~IAAI~~;~~AACxC~~,~~UAAA~~,~~UAAUA~~,~~aAA0B,IAAI~~;~~AAC9C~~,~~UAAM,aAAa,kBAAkB~~;~~AAErCC~~,~~UAAAA~~,~~gBAAgB,MAAM~~;~~AACpB~~,~~UAAI~~,~~YAAY~~;AACd,~~mBAAW~~,~~aAAa~~;AAAA,~~MAC1B~~;AAAA,~~IAAA~~,~~GACC~~,~~CAAC~~,~~aAAa~~,~~CAAC~~;~~AAElBA~~,~~UAAAA~~,~~gBAAgB~~,~~MAAM~~;~~AACpB~~,~~UAAI~~,~~eAAe~~;~~AAEb~~,~~oBAAA~~,~~SAAS~~,~~WAAWC~~,MAAAA,~~YAAY~~,~~SAAS~~,~~OAAO~~,~~IAChD~~,~~QAAQ~~,~~WAAWA~~,MAAAA,~~YAAY~~,~~QAAQ~~,~~OAAO~~;AAAA,~~MACpD~~;AAAA,~~IAAA~~,~~GACC~~,~~CAAC~~,~~SAAS~~,~~CAAC~~;~~AAEd~~,~~UAAM~~,~~aAAa~~,~~MAAM~~;~~AACtB~~,~~OAAA~~,~~cAAc~~,~~WAAW,IAAI~~;~~AACrB~~;AAAA,~~IAAA~~;~~AAGX~~,~~UAAM~~,~~eAAe~~,~~MAAM~~;~~AACxB~~,~~OAAA~~,~~cAAc~~,~~WAAW,KAAK~~;~~AACpB~~;AAAA,~~IAAA~~;~~AAGb~~,~~UAAM~~,~~gBAAgB~~,~~MAAM~~;;~~AAChB~~,~~kBAAA~~,~~cAAS~~,~~YAAT,mBAAkB,UAAS,EAAE~~;~~AACtC~~,~~OAAA~~,~~cAAc~~,~~WAAW~~,~~KAAK~~;AAAA,~~IAAA~~;~~AAG3B~~,~~UAAA~~,~~gBAAwD~~,~~CAAC,UAAU~~;~~AACnE~~,~~UAAA~~,~~MAAM~~,~~QAAQ~~,~~SAAS~~;~~AACzB~~,~~cAAM~~,~~eAAe~~;~~AACP~~;~~MAAA~~,~~WACL~~,~~MAAM~~,~~QAAQ~~,~~UAAU~~;~~AACjC~~,~~cAAM~~,~~eAAe~~;~~AACR~~;~~MACf~~;AAAA,~~IAAA~~;~~AAGI~~,~~UAAA~~,~~EAAE~~,~~iBAAiB~~,~~IAAIC~~,~~4BAAe~~;AAAA,~~MAC1C~~,~~cAAc~~,~~MAAM~~,~~aAAa~~,~~aAAa~~;AAAA,~~MAC9C~~,~~qBAAqB~~,~~CAACC~~,~~mBAAkB~~,~~eAAeA,cAAa~~;AAAA,~~IAAA~~,~~CACrE~~;~~AAEK~~,~~UAAA,EAAE,gBAAgBC,OAAA~~;AAAA,~~MACtB~~;AAAA,~~QACE~~,~~cAAc~~;AAAA,~~QACd~~,~~aAAa~~;AAAA,~~QACb~~,~~SAAS~~;AAAA,~~MACX;AAAA~~,~~MACA~~;AAAA,~~IAAA~~;~~AAGF~~,~~UAAM~~,~~oBAAoB~~,~~WACvBC~~,~~2BAAAA~~,IAAA,QAAA,~~EAAK~~,~~KAAK~~,~~SAAU~~,~~GAAG~~,~~aAAa~~,~~WAAW~~,~~YAC7C~~,~~SACH~~,CAAA,~~IAGGC~~,~~2BAAAA~~,KAAAC,~~WAAAA~~,~~UAAA~~,~~EAAA~~,~~UAAA~~;AAAA,MAAA;AAAA,~~MACDF~~,2BAAA~~;AAAA~~,~~QAACG~~,~~SAAA~~;AAAA,QAAA~~;AAAA~~,~~UACC,KAAK~~;AAAA,~~UACL~~,~~MAAMH,2BAAAA,IAACI,MAAAA,MAAK,EAAA,MAAK,OAAO,~~CAAA;AAAA,~~UACxB~~,~~cAAY~~;AAAA,~~UACZ~~,~~MAAK~~;AAAA,~~UACL~~,~~SAAS~~;AAAA,~~QAAA;AAAA~~,~~MACX~~;AAAA,~~IACF~~,~~EAAA,CAAA~~;~~AAGF~~,~~UAAM~~,~~aAAa~~;AAAA,~~MACjB~~,~~KAAKC~~,MAAAA,~~UAAU~~,~~UAAU~~,~~GAAG~~;AAAA,~~MAC5B~~;AAAA,~~MACA~~,~~WAAW~~;AAAA,~~MACX~~,cAAc;AAAA,~~IAAA~~;~~AAGV~~,~~UAAA~~,~~gBAAgB~~,~~YAAY,MAAM~~;~~AAExC~~,~~UAAM~~,~~QAAQC~~,~~sBAAA;AAAA~~,~~MACZ;AAAA~~,~~MACAC~~,~~MAAAA~~,~~WAAW~~,~~YAAY,OAAO,gBAAgB,~~CAAA,~~IAAK~~,~~UAAU;AAAA~~,~~MAC7D~~,~~iBACEC~~,~~MAAS~~,SAAA~~;AAAA~~,~~QAAI;AAAA~~,~~QAAe~~,~~CAAC~~,~~UAC3B~~,~~MAAM~~,~~SAAShB,~~KAAAA,~~aAAa~~,~~MAAM~~,~~SAASiB~~,KAAAA,~~WACvCH~~,sBAAAA,~~aAAa~~,~~OAAOC~~,MAAAA,~~WAAW~~,~~MAAM~~,~~OAAO~~,~~UAAU~~,~~CAAC~~,~~IACvD;AAAA~~,~~MACN;AAAA~~,~~IAAA~~;~~AAGJ~~,~~WAAO~~,~~YACLN~~,2BAAA~~;AAAA~~,~~MAAC;AAAA~~,~~MAAA~~;AAAA,~~QACE~~,~~GAAG~~;AAAA,~~QACJ~~,~~WAAWS~~,~~WAAG~~,~~WAAW~~,~~OAAO~~,~~EAAE,OAAO,CAAC,GAAG,SAAS~~;AAAA,~~QACtD,gBAAc~~;AAAA,~~QACb~~,~~GAAG~~;AAAA,~~QAEH~~,~~UAAA~~;AAAA,~~UAAA~~;AAAA,~~UACDT~~,~~2BAAAA~~,~~KAACU~~,~~SAAAA~~,~~aAAY~~,~~EAAA~~,~~SAAQ~~,~~WACnB~~,~~UAAA~~;AAAA,~~YAAAX~~,2BAAA~~;AAAA~~,~~cAACG~~,~~SAAA~~;AAAA,~~cAAA;AAAA~~,~~gBACC,MAAK~~;AAAA,~~gBACL~~,~~MAAMH~~,~~2BAAAA~~,~~IAACI~~,~~MAAAA,MAAK,EAAA,MAAK,QAAQ,CAAA~~;AAAA,~~gBACzB~~,~~cAAY~~;AAAA,~~gBACZ~~,~~SAAS~~;AAAA,cAAA;AAAA,~~YACX~~;AAAA,~~YACAJ~~,2BAAA~~;AAAA~~,~~cAACG~~,~~SAAA~~;AAAA,~~cAAA;AAAA~~,~~gBACC,MAAK~~;AAAA,~~gBACL~~,~~MAAMH~~,~~2BAAAA~~,~~IAACI~~,~~MAAAA~~,~~MAAK~~,~~EAAA~~,~~MAAK~~,~~SAAS,~~CAAA;AAAA,~~gBAC1B~~,~~cAAY~~;AAAA,~~gBACZ~~,~~WAAW~~;AAAA,~~gBACX~~,~~SAAS~~;AAAA,~~cAAA;AAAA~~,~~YACX~~;AAAA,~~UAAA~~,~~GACF;AAAA~~,~~QAAA~~;AAAA,~~MAAA;AAAA~~,~~IAAA~~,~~IAGFJ~~,2BAAA~~;AAAA~~,~~MAAC;AAAA~~,~~MAAA~~;AAAA,~~QACE~~,~~GAAG~~;AAAA,~~QACJ~~,~~WAAWU~~,QAAAA,~~GAAG~~,~~CAAC~~,~~YAAY~~,~~WAAW~~,~~SAAS~~;AAAA,~~QAC/C~~,~~gBAAc~~;AAAA,~~QACb~~,~~GAAG~~;AAAA,~~QAEH~~,UAAA;AAAA,~~MAAA~~;AAAA,~~IAAA~~;AAAA,~~EAGP;AACF;AAEA~~,~~WAAW,cAAc~~;;"}
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":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/inline-edit",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "status": "alpha",
   "publishConfig": {
     "access": "public"
@@ -32,11 +32,11 @@
     "@react-aria/utils": "3.22.0",
     "@vanilla-extract/recipes": "^0.5.0",
     "classix": "2.1.17",
-    "@launchpad-ui/button": "~0.11.6",
-    "@launchpad-ui/form": "~0.10.7",
-    "@launchpad-ui/icons": "~0.14.6",
-    "@launchpad-ui/tokens": "~0.9.1",
-    "@launchpad-ui/vars": "~0.2.8"
+    "@launchpad-ui/button": "~0.11.8",
+    "@launchpad-ui/form": "~0.10.9",
+    "@launchpad-ui/icons": "~0.14.8",
+    "@launchpad-ui/tokens": "~0.9.2",
+    "@launchpad-ui/vars": "~0.2.9"
   },
   "peerDependencies": {
     "@vanilla-extract/css": "^1.14.0",