@helpwave/hightide 0.1.45 → 0.1.47

package/dist/components/user-action/input/InsideLabelInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/user-action/input/InsideLabelInput.tsx","../../../../src/components/user-action/input/Input.tsx","../../../../src/hooks/useDelay.ts","../../../../src/hooks/focus/useFocusManagement.ts","../../../../src/hooks/useOverwritableState.ts","../../../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useId } from 'react'\nimport { forwardRef, useState } from 'react'\nimport clsx from 'clsx'\nimport type { InputProps } from '@/src/components/user-action/input/Input'\nimport { Input } from '@/src/components/user-action/input/Input'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\ntype InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {\n  label: ReactNode,\n}\n\n/**\n * Text input component with a label inside the input that moves up when editing\n *\n * The State is managed by the parent\n */\nexport const InsideLabelInput = forwardRef<HTMLInputElement, InsideLabelInputProps>(function InsideLabelInput({\n                                                                                                                id: customId,\n                                                                                                                label,\n                                                                                                                ...props\n                                                                                                              }, forwardedRef) {\n  const { value } = props\n  const [isFocused, setIsFocused] = useState(false)\n  const generatedId = useId()\n  const id = customId ?? generatedId\n\n  return (\n    <div className={clsx('relative')}>\n      <Input\n        {...props}\n        id={id}\n        className={clsx('h-14 px-4 pb-2 py-6.5', props.className)}\n        ref={forwardedRef}\n        aria-labelledby={id+ '-label'}\n        onFocus={event => {\n          props.onFocus?.(event)\n          setIsFocused(true)\n        }}\n        onBlur={event => {\n          props.onBlur?.(event)\n          setIsFocused(false)\n        }}\n      />\n      <label\n        id={id+ '-label'}\n        aria-hidden={true}\n        data-display={isFocused || !!value ? 'small' : 'full'}\n        className={clsx(\n          // margin left to account for the border which is ignored for absolute positions\n          'absolute left-4 ml-0.5 top-2 transition-all delay-25 pointer-events-none touch-none',\n          'data-[display=small]:top-2 data-[display=small]:h-force-4.5 data-[display=small]:typography-caption-sm data-[display=small]:overflow-y-hidden',\n          'data-[display=full]:top-1/2 data-[display=full]:-translate-y-1/2 data-[display=full]:typography-body-md'\n        )}\n      >\n        {label}\n      </label>\n    </div>\n  )\n})\n\nexport const InsideLabelInputUncontrolled = ({\n                                               value: initialValue,\n                                               ...props\n                                             }: InsideLabelInputProps) => {\n  const [value, setValue] = useOverwritableState(initialValue, props.onChangeText)\n\n  return (\n    <InsideLabelInput\n      {...props}\n      value={value}\n      onChangeText={setValue}\n    />\n  )\n}\n","import type { InputHTMLAttributes } from 'react'\nimport React, { forwardRef, useImperativeHandle, useRef } from 'react'\nimport clsx from 'clsx'\nimport type { UseDelayOptionsResolved } from '@/src/hooks/useDelay'\nimport { useDelay  } from '@/src/hooks/useDelay'\nimport { useFocusManagement } from '@/src/hooks/focus/useFocusManagement'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\nexport type EditCompleteOptionsResolved = {\n  onBlur: boolean,\n  afterDelay: boolean,\n  allowEnterComplete?: boolean,\n} & Omit<UseDelayOptionsResolved, 'disabled'>\n\nexport type EditCompleteOptions = Partial<EditCompleteOptionsResolved>\n\nconst defaultEditCompleteOptions: EditCompleteOptionsResolved = {\n  allowEnterComplete: false,\n  onBlur: true,\n  afterDelay: true,\n  delay: 2500\n}\n\nexport type InputProps = InputHTMLAttributes<HTMLInputElement> & {\n  invalid?: boolean,\n  onChangeText?: (text: string) => void,\n  onEditCompleted?: (text: string) => void,\n  editCompleteOptions?: EditCompleteOptions,\n  defaultStyle?: boolean,\n}\n\n/**\n * A Component for inputting text or other information\n *\n * Its state is managed must be managed by the parent\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input({\n                                                                               value,\n                                                                               onChange,\n                                                                               onChangeText,\n                                                                               onEditCompleted,\n                                                                               editCompleteOptions,\n                                                                               disabled = false,\n                                                                               invalid = false,\n                                                                               defaultStyle = true,\n                                                                               className,\n                                                                               ...props\n                                                                             }, forwardedRef) {\n  const {\n    onBlur: allowEditCompleteOnBlur,\n    afterDelay,\n    delay,\n    allowEnterComplete\n  } = { ...defaultEditCompleteOptions, ...editCompleteOptions }\n\n  const {\n    restartTimer,\n    clearTimer\n  } = useDelay({ delay, disabled: !afterDelay })\n\n  const innerRef = useRef<HTMLInputElement>(null)\n  useImperativeHandle(forwardedRef, () => innerRef.current)\n\n  const { focusNext } = useFocusManagement()\n\n  return (\n    <input\n      {...props}\n      ref={innerRef}\n      value={value}\n      disabled={disabled}\n      className={defaultStyle ? clsx(\n        'px-3 py-2 rounded-md text-sm h-10 border-2 border-transparent focus-style-none',\n        {\n          'bg-input-background text-input-text hover:border-primary focus:border-primary': !disabled && !invalid,\n          'bg-negative/20 text-negative hover:border-negative focus-visible:border-negative': !disabled && invalid,\n          'bg-disabled-background text-disabled border-disabled-border': disabled,\n        }, className\n      ) : className}\n      onKeyDown={event => {\n        props.onKeyDown?.(event)\n        if (!allowEnterComplete) {\n          return\n        }\n        if (event.key === 'Enter' && !event.shiftKey) {\n          event.preventDefault()\n          innerRef.current?.blur()\n          onEditCompleted?.((event.target as HTMLInputElement).value)\n          focusNext()\n        }\n      }}\n      onBlur={event => {\n        props.onBlur?.(event)\n        if (allowEditCompleteOnBlur) {\n          onEditCompleted?.(event.target.value)\n          clearTimer()\n        }\n      }}\n      onChange={event => {\n        onChange?.(event)\n        const value = event.target.value\n        restartTimer(() => {\n          innerRef.current?.blur()\n          onEditCompleted?.(value)\n        })\n        onChangeText?.(value)\n      }}\n\n      aria-invalid={props['aria-invalid'] ?? invalid}\n      aria-disabled={props['aria-disabled'] ?? disabled}\n    />\n  )\n})\n\n\n/**\n * A Component for inputting text or other information\n *\n * Its state is managed by the component itself\n */\nexport const InputUncontrolled = ({\n                                    value = '',\n                                    onChangeText,\n                                    ...props\n                                  }: InputProps) => {\n  const [usedValue, setUsedValue] = useOverwritableState(value, onChangeText)\n\n  return (\n    <Input\n      {...props}\n      value={usedValue}\n      onChangeText={setUsedValue}\n    />\n  )\n}\n","import { useEffect, useState } from 'react'\n\nexport type UseDelayOptionsResolved = {\n  delay: number,\n  disabled: boolean,\n}\n\nexport type UseDelayOptions = Partial<UseDelayOptionsResolved>\n\nconst defaultOptions: UseDelayOptionsResolved = {\n  delay: 3000,\n  disabled: false,\n}\n\nexport function useDelay(options?: UseDelayOptions) {\n  const [timer, setTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n  const { delay, disabled }: UseDelayOptionsResolved = {\n    ...defaultOptions,\n    ...options\n  }\n\n  const clearTimer = () => {\n    clearTimeout(timer)\n    setTimer(undefined)\n  }\n\n  const restartTimer = (onDelayFinish: () => void) => {\n    if(disabled) {\n      return\n    }\n    clearTimeout(timer)\n    setTimer(setTimeout(() => {\n      onDelayFinish()\n      setTimer(undefined)\n    }, delay))\n  }\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [timer])\n\n  useEffect(() => {\n    if(disabled){\n      clearTimeout(timer)\n      setTimer(undefined)\n    }\n  }, [disabled, timer])\n\n  return { restartTimer, clearTimer, hasActiveTimer: !!timer }\n}","import { useCallback } from 'react'\n\nexport function useFocusManagement() {\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    return Array.from(\n      document.querySelectorAll(\n        'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"])'\n      )\n    ).filter(\n      (el): el is HTMLElement =>\n        el instanceof HTMLElement &&\n        !el.hasAttribute('disabled') &&\n        !el.hasAttribute('hidden') &&\n        el.tabIndex !== -1\n    )\n  }, [])\n\n  const getNextFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let nextElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      nextElement = elements[(currentIndex + 1) % elements.length]\n    }\n    return nextElement\n  }, [getFocusableElements])\n\n  const focusNext = useCallback(() => {\n    const nextElement = getNextFocusElement()\n    nextElement?.focus()\n  }, [getNextFocusElement])\n\n  const getPreviousFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let previousElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      if(currentIndex === 0) {\n        previousElement = elements[elements.length - 1]\n      } else {\n        previousElement = elements[currentIndex - 1]\n      }\n    }\n    return previousElement\n  }, [getFocusableElements])\n\n  const focusPrevious = useCallback(() => {\n    const previousElement = getPreviousFocusElement()\n    if (previousElement) previousElement.focus()\n  }, [getPreviousFocusElement])\n\n  return {\n    getFocusableElements,\n    getNextFocusElement,\n    getPreviousFocusElement,\n    focusNext,\n    focusPrevious,\n  }\n}","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["forwardRef","useState","clsx","useEffect","useState","useState","useEffect","Input","value","jsx","forwardRef","InsideLabelInput","useState","clsx"]}

package/dist/components/user-action/input/ToggleableInput.cjs

@@ -1,315 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/user-action/input/ToggleableInput.tsx
-var ToggleableInput_exports = {};
-__export(ToggleableInput_exports, {
-  ToggleableInput: () => ToggleableInput,
-  ToggleableInputUncontrolled: () => ToggleableInputUncontrolled
-});
-module.exports = __toCommonJS(ToggleableInput_exports);
-var import_react5 = require("react");
-var import_lucide_react = require("lucide-react");
-var import_clsx2 = __toESM(require("clsx"), 1);
-
-// src/components/user-action/input/Input.tsx
-var import_react4 = require("react");
-var import_clsx = __toESM(require("clsx"), 1);
-
-// src/hooks/useDelay.ts
-var import_react = require("react");
-var defaultOptions = {
-  delay: 3e3,
-  disabled: false
-};
-function useDelay(options) {
-  const [timer, setTimer] = (0, import_react.useState)(void 0);
-  const { delay, disabled } = {
-    ...defaultOptions,
-    ...options
-  };
-  const clearTimer = () => {
-    clearTimeout(timer);
-    setTimer(void 0);
-  };
-  const restartTimer = (onDelayFinish) => {
-    if (disabled) {
-      return;
-    }
-    clearTimeout(timer);
-    setTimer(setTimeout(() => {
-      onDelayFinish();
-      setTimer(void 0);
-    }, delay));
-  };
-  (0, import_react.useEffect)(() => {
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [timer]);
-  (0, import_react.useEffect)(() => {
-    if (disabled) {
-      clearTimeout(timer);
-      setTimer(void 0);
-    }
-  }, [disabled, timer]);
-  return { restartTimer, clearTimer, hasActiveTimer: !!timer };
-}
-
-// src/hooks/focus/useFocusManagement.ts
-var import_react2 = require("react");
-function useFocusManagement() {
-  const getFocusableElements = (0, import_react2.useCallback)(() => {
-    return Array.from(
-      document.querySelectorAll(
-        'input, button, select, textarea, a[href], [tabindex]:not([tabindex="-1"])'
-      )
-    ).filter(
-      (el) => el instanceof HTMLElement && !el.hasAttribute("disabled") && !el.hasAttribute("hidden") && el.tabIndex !== -1
-    );
-  }, []);
-  const getNextFocusElement = (0, import_react2.useCallback)(() => {
-    const elements = getFocusableElements();
-    if (elements.length === 0) {
-      return void 0;
-    }
-    let nextElement = elements[0];
-    if (document.activeElement instanceof HTMLElement) {
-      const currentIndex = elements.indexOf(document.activeElement);
-      nextElement = elements[(currentIndex + 1) % elements.length];
-    }
-    return nextElement;
-  }, [getFocusableElements]);
-  const focusNext = (0, import_react2.useCallback)(() => {
-    const nextElement = getNextFocusElement();
-    nextElement?.focus();
-  }, [getNextFocusElement]);
-  const getPreviousFocusElement = (0, import_react2.useCallback)(() => {
-    const elements = getFocusableElements();
-    if (elements.length === 0) {
-      return void 0;
-    }
-    let previousElement = elements[0];
-    if (document.activeElement instanceof HTMLElement) {
-      const currentIndex = elements.indexOf(document.activeElement);
-      if (currentIndex === 0) {
-        previousElement = elements[elements.length - 1];
-      } else {
-        previousElement = elements[currentIndex - 1];
-      }
-    }
-    return previousElement;
-  }, [getFocusableElements]);
-  const focusPrevious = (0, import_react2.useCallback)(() => {
-    const previousElement = getPreviousFocusElement();
-    if (previousElement) previousElement.focus();
-  }, [getPreviousFocusElement]);
-  return {
-    getFocusableElements,
-    getNextFocusElement,
-    getPreviousFocusElement,
-    focusNext,
-    focusPrevious
-  };
-}
-
-// src/hooks/useOverwritableState.ts
-var import_react3 = require("react");
-
-// src/utils/resolveSetState.ts
-function resolveSetState(action, prev) {
-  return typeof action === "function" ? action(prev) : action;
-}
-
-// src/hooks/useOverwritableState.ts
-var useOverwritableState = (initialValue, onChange) => {
-  const [state, setState] = (0, import_react3.useState)(initialValue);
-  (0, import_react3.useEffect)(() => {
-    setState(initialValue);
-  }, [initialValue]);
-  const onChangeWrapper = (action) => {
-    const resolved = resolveSetState(action, state);
-    setState(resolved);
-    onChange?.(state);
-  };
-  return [state, onChangeWrapper];
-};
-
-// src/components/user-action/input/Input.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var defaultEditCompleteOptions = {
-  allowEnterComplete: false,
-  onBlur: true,
-  afterDelay: true,
-  delay: 2500
-};
-var Input = (0, import_react4.forwardRef)(function Input2({
-  value,
-  onChange,
-  onChangeText,
-  onEditCompleted,
-  editCompleteOptions,
-  disabled = false,
-  invalid = false,
-  defaultStyle = true,
-  className,
-  ...props
-}, forwardedRef) {
-  const {
-    onBlur: allowEditCompleteOnBlur,
-    afterDelay,
-    delay,
-    allowEnterComplete
-  } = { ...defaultEditCompleteOptions, ...editCompleteOptions };
-  const {
-    restartTimer,
-    clearTimer
-  } = useDelay({ delay, disabled: !afterDelay });
-  const innerRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  const { focusNext } = useFocusManagement();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "input",
-    {
-      ...props,
-      ref: innerRef,
-      value,
-      disabled,
-      className: defaultStyle ? (0, import_clsx.default)(
-        "px-3 py-2 rounded-md text-sm h-10 border-2 border-transparent focus-style-none",
-        {
-          "bg-input-background text-input-text hover:border-primary focus:border-primary": !disabled && !invalid,
-          "bg-negative/20 text-negative hover:border-negative focus-visible:border-negative": !disabled && invalid,
-          "bg-disabled-background text-disabled border-disabled-border": disabled
-        },
-        className
-      ) : className,
-      onKeyDown: (event) => {
-        props.onKeyDown?.(event);
-        if (!allowEnterComplete) {
-          return;
-        }
-        if (event.key === "Enter" && !event.shiftKey) {
-          event.preventDefault();
-          innerRef.current?.blur();
-          onEditCompleted?.(event.target.value);
-          focusNext();
-        }
-      },
-      onBlur: (event) => {
-        props.onBlur?.(event);
-        if (allowEditCompleteOnBlur) {
-          onEditCompleted?.(event.target.value);
-          clearTimer();
-        }
-      },
-      onChange: (event) => {
-        onChange?.(event);
-        const value2 = event.target.value;
-        restartTimer(() => {
-          innerRef.current?.blur();
-          onEditCompleted?.(value2);
-        });
-        onChangeText?.(value2);
-      },
-      "aria-invalid": props["aria-invalid"] ?? invalid,
-      "aria-disabled": props["aria-disabled"] ?? disabled
-    }
-  );
-});
-
-// src/components/user-action/input/ToggleableInput.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ToggleableInput = (0, import_react5.forwardRef)(function ToggleableInput2({
-  value,
-  initialState = "display",
-  editCompleteOptions,
-  ...props
-}, forwardedRef) {
-  const [isEditing, setIsEditing] = (0, import_react5.useState)(initialState !== "display");
-  const innerRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react5.useEffect)(() => {
-    if (isEditing) {
-      innerRef.current?.focus();
-    }
-  }, [isEditing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx2.default)("relative flex-row-2", { "flex-1": isEditing }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      Input,
-      {
-        ...props,
-        ref: innerRef,
-        value,
-        onEditCompleted: (text) => {
-          props.onEditCompleted?.(text);
-          setIsEditing(false);
-        },
-        onFocus: (event) => {
-          props.onFocus?.(event);
-          setIsEditing(true);
-          event.target.select();
-        },
-        editCompleteOptions: {
-          ...editCompleteOptions,
-          allowEnterComplete: true
-        },
-        className: (0, import_clsx2.default)(`w-full ring-0 outline-0 decoration-primary underline-offset-4`, {
-          "underline": isEditing,
-          "text-transparent": !isEditing
-        }),
-        defaultStyle: false
-      }
-    ),
-    !isEditing && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "absolute left-0 flex-row-2 items-center pointer-events-none touch-none w-full overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: (0, import_clsx2.default)(" truncate"), children: value }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Pencil, { className: (0, import_clsx2.default)(`size-force-4`, { "text-transparent": isEditing }) })
-    ] })
-  ] });
-});
-var ToggleableInputUncontrolled = ({
-  value: initialValue,
-  onChangeText,
-  ...restProps
-}) => {
-  const [value, setValue] = useOverwritableState(initialValue, onChangeText);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    ToggleableInput,
-    {
-      value,
-      onChangeText: setValue,
-      ...restProps
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ToggleableInput,
-  ToggleableInputUncontrolled
-});
-//# sourceMappingURL=ToggleableInput.cjs.map

package/dist/components/user-action/input/ToggleableInput.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/user-action/input/ToggleableInput.tsx","../../../../src/components/user-action/input/Input.tsx","../../../../src/hooks/useDelay.ts","../../../../src/hooks/focus/useFocusManagement.ts","../../../../src/hooks/useOverwritableState.ts","../../../../src/utils/resolveSetState.ts"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport { Pencil } from 'lucide-react'\nimport clsx from 'clsx'\nimport type { EditCompleteOptions, InputProps } from '@/src/components/user-action/input/Input'\nimport { Input } from '@/src/components/user-action/input/Input'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\ntype ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {\n  initialState?: 'editing' | 'display',\n  editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>,\n}\n\n/**\n * A Text input component for inputting text. It changes appearance upon entering the edit mode and switches\n * back to display mode on loss of focus or on enter\n *\n * The State is managed by the parent\n */\nexport const ToggleableInput = forwardRef<HTMLInputElement, ToggleableInputProps>(function ToggleableInput({\n                                                                                                             value,\n                                                                                                             initialState = 'display',\n                                                                                                             editCompleteOptions,\n                                                                                                             ...props\n                                                                                                           }, forwardedRef) {\n  const [isEditing, setIsEditing] = useState(initialState !== 'display')\n\n  const innerRef = useRef<HTMLInputElement>(null)\n  useImperativeHandle(forwardedRef, () => innerRef.current)\n\n  useEffect(() => {\n    if (isEditing) {\n      innerRef.current?.focus()\n    }\n  }, [isEditing])\n\n  return (\n    <div className={clsx('relative flex-row-2', { 'flex-1': isEditing })}>\n      <Input\n        {...props}\n        ref={innerRef}\n        value={value}\n        onEditCompleted={(text) => {\n          props.onEditCompleted?.(text)\n          setIsEditing(false)\n        }}\n        onFocus={event => {\n          props.onFocus?.(event)\n          setIsEditing(true)\n          event.target.select()\n        }}\n        editCompleteOptions={{\n          ...editCompleteOptions,\n          allowEnterComplete: true\n        }}\n        className={clsx(`w-full ring-0 outline-0 decoration-primary underline-offset-4`, {\n          'underline': isEditing,\n          'text-transparent': !isEditing,\n        })}\n        defaultStyle={false}\n      />\n      {!isEditing && (\n        <div className=\"absolute left-0 flex-row-2 items-center pointer-events-none touch-none w-full overflow-hidden\">\n          <span className={clsx(' truncate')}>\n            {value}\n          </span>\n          <Pencil className={clsx(`size-force-4`, { 'text-transparent': isEditing })} />\n        </div>\n      )}\n    </div>\n  )\n})\n\nexport const ToggleableInputUncontrolled = ({\n                                              value: initialValue,\n                                              onChangeText,\n                                              ...restProps\n                                            }: ToggleableInputProps) => {\n  const [value, setValue] = useOverwritableState(initialValue, onChangeText)\n\n  return (\n    <ToggleableInput\n      value={value}\n      onChangeText={setValue}\n      {...restProps}\n    />\n  )\n}\n","import type { InputHTMLAttributes } from 'react'\nimport React, { forwardRef, useImperativeHandle, useRef } from 'react'\nimport clsx from 'clsx'\nimport type { UseDelayOptionsResolved } from '@/src/hooks/useDelay'\nimport { useDelay  } from '@/src/hooks/useDelay'\nimport { useFocusManagement } from '@/src/hooks/focus/useFocusManagement'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\nexport type EditCompleteOptionsResolved = {\n  onBlur: boolean,\n  afterDelay: boolean,\n  allowEnterComplete?: boolean,\n} & Omit<UseDelayOptionsResolved, 'disabled'>\n\nexport type EditCompleteOptions = Partial<EditCompleteOptionsResolved>\n\nconst defaultEditCompleteOptions: EditCompleteOptionsResolved = {\n  allowEnterComplete: false,\n  onBlur: true,\n  afterDelay: true,\n  delay: 2500\n}\n\nexport type InputProps = InputHTMLAttributes<HTMLInputElement> & {\n  invalid?: boolean,\n  onChangeText?: (text: string) => void,\n  onEditCompleted?: (text: string) => void,\n  editCompleteOptions?: EditCompleteOptions,\n  defaultStyle?: boolean,\n}\n\n/**\n * A Component for inputting text or other information\n *\n * Its state is managed must be managed by the parent\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input({\n                                                                               value,\n                                                                               onChange,\n                                                                               onChangeText,\n                                                                               onEditCompleted,\n                                                                               editCompleteOptions,\n                                                                               disabled = false,\n                                                                               invalid = false,\n                                                                               defaultStyle = true,\n                                                                               className,\n                                                                               ...props\n                                                                             }, forwardedRef) {\n  const {\n    onBlur: allowEditCompleteOnBlur,\n    afterDelay,\n    delay,\n    allowEnterComplete\n  } = { ...defaultEditCompleteOptions, ...editCompleteOptions }\n\n  const {\n    restartTimer,\n    clearTimer\n  } = useDelay({ delay, disabled: !afterDelay })\n\n  const innerRef = useRef<HTMLInputElement>(null)\n  useImperativeHandle(forwardedRef, () => innerRef.current)\n\n  const { focusNext } = useFocusManagement()\n\n  return (\n    <input\n      {...props}\n      ref={innerRef}\n      value={value}\n      disabled={disabled}\n      className={defaultStyle ? clsx(\n        'px-3 py-2 rounded-md text-sm h-10 border-2 border-transparent focus-style-none',\n        {\n          'bg-input-background text-input-text hover:border-primary focus:border-primary': !disabled && !invalid,\n          'bg-negative/20 text-negative hover:border-negative focus-visible:border-negative': !disabled && invalid,\n          'bg-disabled-background text-disabled border-disabled-border': disabled,\n        }, className\n      ) : className}\n      onKeyDown={event => {\n        props.onKeyDown?.(event)\n        if (!allowEnterComplete) {\n          return\n        }\n        if (event.key === 'Enter' && !event.shiftKey) {\n          event.preventDefault()\n          innerRef.current?.blur()\n          onEditCompleted?.((event.target as HTMLInputElement).value)\n          focusNext()\n        }\n      }}\n      onBlur={event => {\n        props.onBlur?.(event)\n        if (allowEditCompleteOnBlur) {\n          onEditCompleted?.(event.target.value)\n          clearTimer()\n        }\n      }}\n      onChange={event => {\n        onChange?.(event)\n        const value = event.target.value\n        restartTimer(() => {\n          innerRef.current?.blur()\n          onEditCompleted?.(value)\n        })\n        onChangeText?.(value)\n      }}\n\n      aria-invalid={props['aria-invalid'] ?? invalid}\n      aria-disabled={props['aria-disabled'] ?? disabled}\n    />\n  )\n})\n\n\n/**\n * A Component for inputting text or other information\n *\n * Its state is managed by the component itself\n */\nexport const InputUncontrolled = ({\n                                    value = '',\n                                    onChangeText,\n                                    ...props\n                                  }: InputProps) => {\n  const [usedValue, setUsedValue] = useOverwritableState(value, onChangeText)\n\n  return (\n    <Input\n      {...props}\n      value={usedValue}\n      onChangeText={setUsedValue}\n    />\n  )\n}\n","import { useEffect, useState } from 'react'\n\nexport type UseDelayOptionsResolved = {\n  delay: number,\n  disabled: boolean,\n}\n\nexport type UseDelayOptions = Partial<UseDelayOptionsResolved>\n\nconst defaultOptions: UseDelayOptionsResolved = {\n  delay: 3000,\n  disabled: false,\n}\n\nexport function useDelay(options?: UseDelayOptions) {\n  const [timer, setTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n  const { delay, disabled }: UseDelayOptionsResolved = {\n    ...defaultOptions,\n    ...options\n  }\n\n  const clearTimer = () => {\n    clearTimeout(timer)\n    setTimer(undefined)\n  }\n\n  const restartTimer = (onDelayFinish: () => void) => {\n    if(disabled) {\n      return\n    }\n    clearTimeout(timer)\n    setTimer(setTimeout(() => {\n      onDelayFinish()\n      setTimer(undefined)\n    }, delay))\n  }\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [timer])\n\n  useEffect(() => {\n    if(disabled){\n      clearTimeout(timer)\n      setTimer(undefined)\n    }\n  }, [disabled, timer])\n\n  return { restartTimer, clearTimer, hasActiveTimer: !!timer }\n}","import { useCallback } from 'react'\n\nexport function useFocusManagement() {\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    return Array.from(\n      document.querySelectorAll(\n        'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"])'\n      )\n    ).filter(\n      (el): el is HTMLElement =>\n        el instanceof HTMLElement &&\n        !el.hasAttribute('disabled') &&\n        !el.hasAttribute('hidden') &&\n        el.tabIndex !== -1\n    )\n  }, [])\n\n  const getNextFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let nextElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      nextElement = elements[(currentIndex + 1) % elements.length]\n    }\n    return nextElement\n  }, [getFocusableElements])\n\n  const focusNext = useCallback(() => {\n    const nextElement = getNextFocusElement()\n    nextElement?.focus()\n  }, [getNextFocusElement])\n\n  const getPreviousFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let previousElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      if(currentIndex === 0) {\n        previousElement = elements[elements.length - 1]\n      } else {\n        previousElement = elements[currentIndex - 1]\n      }\n    }\n    return previousElement\n  }, [getFocusableElements])\n\n  const focusPrevious = useCallback(() => {\n    const previousElement = getPreviousFocusElement()\n    if (previousElement) previousElement.focus()\n  }, [getPreviousFocusElement])\n\n  return {\n    getFocusableElements,\n    getNextFocusElement,\n    getPreviousFocusElement,\n    focusNext,\n    focusPrevious,\n  }\n}","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["import_react","import_clsx","import_react","import_react","import_react","Input","clsx","value","import_jsx_runtime","ToggleableInput","clsx"]}

package/dist/components/user-action/input/ToggleableInput.d.cts

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { InputProps, EditCompleteOptions } from './Input.cjs';
-import '../../../hooks/useDelay.cjs';
-
-type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
-    initialState?: 'editing' | 'display';
-    editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
-};
-/**
- * A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
- * back to display mode on loss of focus or on enter
- *
- * The State is managed by the parent
- */
-declare const ToggleableInput: React.ForwardRefExoticComponent<Omit<InputProps, "defaultStyle"> & {
-    initialState?: "editing" | "display";
-    editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
-} & React.RefAttributes<HTMLInputElement>>;
-declare const ToggleableInputUncontrolled: ({ value: initialValue, onChangeText, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
-
-export { ToggleableInput, ToggleableInputUncontrolled };

package/dist/components/user-action/input/ToggleableInput.d.ts

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { InputProps, EditCompleteOptions } from './Input.js';
-import '../../../hooks/useDelay.js';
-
-type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
-    initialState?: 'editing' | 'display';
-    editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
-};
-/**
- * A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
- * back to display mode on loss of focus or on enter
- *
- * The State is managed by the parent
- */
-declare const ToggleableInput: React.ForwardRefExoticComponent<Omit<InputProps, "defaultStyle"> & {
-    initialState?: "editing" | "display";
-    editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
-} & React.RefAttributes<HTMLInputElement>>;
-declare const ToggleableInputUncontrolled: ({ value: initialValue, onChangeText, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
-
-export { ToggleableInput, ToggleableInputUncontrolled };