npm - dune-react - Versions diffs - 0.0.1 → 0.0.3 - Mend

dune-react 0.0.1 → 0.0.3

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 (1010) hide show

package/dist/node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/combobox/chip-remove/ComboboxChipRemove.js ADDED Viewed

@@ -0,0 +1,94 @@
+import * as React from "react";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useComboboxRootContext } from "../root/ComboboxRootContext.js";
+import { useComboboxChipContext } from "../chip/ComboboxChipContext.js";
+import { selectors } from "../store.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { findItemIndex } from "../../utils/itemEquality.js";
+import { useButton } from "../../use-button/useButton.js";
+import { useStore } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/store/useStore.js";
+import { stopEvent } from "../../floating-ui-react/utils/event.js";
+import { chipRemovePress } from "../../utils/reason-parts.js";
+const ComboboxChipRemove = /* @__PURE__ */ React.forwardRef(function ComboboxChipRemove2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    disabled: disabledProp = false,
+    nativeButton = true,
+    ...elementProps
+  } = componentProps;
+  const store = useComboboxRootContext();
+  const {
+    index
+  } = useComboboxChipContext();
+  const comboboxDisabled = useStore(store, selectors.disabled);
+  const readOnly = useStore(store, selectors.readOnly);
+  const selectedValue = useStore(store, selectors.selectedValue);
+  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);
+  const disabled = comboboxDisabled || disabledProp;
+  const {
+    buttonRef,
+    getButtonProps
+  } = useButton({
+    native: nativeButton,
+    disabled: disabled || readOnly,
+    focusableWhenDisabled: true
+  });
+  const state = {
+    disabled
+  };
+  function clearActiveIndexForRemovedItem(removedItem) {
+    const activeIndex = store.state.activeIndex;
+    if (activeIndex == null) {
+      return;
+    }
+    const removedIndex = findItemIndex(store.state.valuesRef.current, removedItem, isItemEqualToValue);
+    if (removedIndex !== -1 && activeIndex === removedIndex) {
+      store.state.setIndices({
+        activeIndex: null,
+        type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+      });
+    }
+  }
+  function removeChip(event) {
+    var _a;
+    const eventDetails = createChangeEventDetails(chipRemovePress, event.nativeEvent);
+    const removedItem = selectedValue[index];
+    clearActiveIndexForRemovedItem(removedItem);
+    store.state.setSelectedValue(selectedValue.filter((_, i) => i !== index), eventDetails);
+    (_a = store.state.inputRef.current) == null ? void 0 : _a.focus();
+    return eventDetails;
+  }
+  const element = useRenderElement("button", componentProps, {
+    ref: [forwardedRef, buttonRef],
+    state,
+    props: [{
+      tabIndex: -1,
+      onClick(event) {
+        if (disabled || readOnly) {
+          return;
+        }
+        const eventDetails = removeChip(event);
+        if (!eventDetails.isPropagationAllowed) {
+          event.stopPropagation();
+        }
+      },
+      onKeyDown(event) {
+        if (disabled || readOnly) {
+          return;
+        }
+        if (event.key === "Enter" || event.key === " ") {
+          const eventDetails = removeChip(event);
+          if (!eventDetails.isPropagationAllowed) {
+            stopEvent(event);
+          }
+        }
+      }
+    }, elementProps, getButtonProps]
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") ComboboxChipRemove.displayName = "ComboboxChipRemove";
+export {
+  ComboboxChipRemove
+};

package/dist/node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/combobox/chips/ComboboxChips.js ADDED Viewed

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { ComboboxChipsContext } from "./ComboboxChipsContext.js";
+import { CompositeList } from "../../composite/list/CompositeList.js";
+import { useComboboxRootContext } from "../root/ComboboxRootContext.js";
+import { selectors } from "../store.js";
+import { jsx } from "react/jsx-runtime";
+import { EMPTY_OBJECT } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/empty.js";
+import { useStore } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/store/useStore.js";
+const ComboboxChips = /* @__PURE__ */ React.forwardRef(function ComboboxChips2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    ...elementProps
+  } = componentProps;
+  const store = useComboboxRootContext();
+  const open = useStore(store, selectors.open);
+  const hasSelectionChips = useStore(store, selectors.hasSelectionChips);
+  const [highlightedChipIndex, setHighlightedChipIndex] = React.useState(void 0);
+  if (open && highlightedChipIndex !== void 0) {
+    setHighlightedChipIndex(void 0);
+  }
+  const chipsRef = React.useRef([]);
+  const element = useRenderElement("div", componentProps, {
+    ref: [forwardedRef, store.state.chipsContainerRef],
+    // NVDA enters browse mode instead of staying in focus mode when navigating with
+    // arrow keys inside a container unless it has a toolbar role.
+    props: [hasSelectionChips ? {
+      role: "toolbar"
+    } : EMPTY_OBJECT, elementProps]
+  });
+  const contextValue = React.useMemo(() => ({
+    highlightedChipIndex,
+    setHighlightedChipIndex,
+    chipsRef
+  }), [highlightedChipIndex, setHighlightedChipIndex, chipsRef]);
+  return /* @__PURE__ */ jsx(ComboboxChipsContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsx(CompositeList, {
+      elementsRef: chipsRef,
+      children: element
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") ComboboxChips.displayName = "ComboboxChips";
+export {
+  ComboboxChips
+};

@@ -0,0 +1,10 @@
+import * as React from "react";
+const ComboboxChipsContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ComboboxChipsContext.displayName = "ComboboxChipsContext";
+function useComboboxChipsContext() {
+  return React.useContext(ComboboxChipsContext);
+}
+export {
+  ComboboxChipsContext,
+  useComboboxChipsContext
+};

package/dist/node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/combobox/clear/ComboboxClear.js ADDED Viewed

@@ -0,0 +1,117 @@
+import * as React from "react";
+import { useComboboxRootContext, useComboboxInputValueContext } from "../root/ComboboxRootContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { selectors } from "../store.js";
+import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
+import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { triggerOpenStateMapping } from "../../utils/popupStateMapping.js";
+import { useButton } from "../../use-button/useButton.js";
+import { useStore } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/store/useStore.js";
+import { clearPress } from "../../utils/reason-parts.js";
+const stateAttributesMapping = {
+  ...transitionStatusMapping,
+  ...triggerOpenStateMapping
+};
+const ComboboxClear = /* @__PURE__ */ React.forwardRef(function ComboboxClear2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    disabled: disabledProp = false,
+    nativeButton = true,
+    keepMounted = false,
+    ...elementProps
+  } = componentProps;
+  const {
+    disabled: fieldDisabled
+  } = useFieldRootContext();
+  const store = useComboboxRootContext();
+  const selectionMode = useStore(store, selectors.selectionMode);
+  const comboboxDisabled = useStore(store, selectors.disabled);
+  const readOnly = useStore(store, selectors.readOnly);
+  const open = useStore(store, selectors.open);
+  const selectedValue = useStore(store, selectors.selectedValue);
+  const hasSelectionChips = useStore(store, selectors.hasSelectionChips);
+  const inputValue = useComboboxInputValueContext();
+  let visible = false;
+  if (selectionMode === "none") {
+    visible = inputValue !== "";
+  } else if (selectionMode === "single") {
+    visible = selectedValue != null;
+  } else {
+    visible = hasSelectionChips;
+  }
+  const disabled = fieldDisabled || comboboxDisabled || disabledProp;
+  const {
+    buttonRef,
+    getButtonProps
+  } = useButton({
+    native: nativeButton,
+    disabled
+  });
+  const {
+    mounted,
+    transitionStatus,
+    setMounted
+  } = useTransitionStatus(visible);
+  const state = {
+    disabled,
+    open,
+    transitionStatus
+  };
+  useOpenChangeComplete({
+    open: visible,
+    ref: store.state.clearRef,
+    onComplete() {
+      if (!visible) {
+        setMounted(false);
+      }
+    }
+  });
+  const element = useRenderElement("button", componentProps, {
+    state,
+    ref: [forwardedRef, buttonRef, store.state.clearRef],
+    props: [{
+      tabIndex: -1,
+      children: "x",
+      // Avoid stealing focus from the input.
+      onMouseDown(event) {
+        event.preventDefault();
+      },
+      onClick(event) {
+        var _a;
+        if (disabled || readOnly) {
+          return;
+        }
+        const keyboardActiveRef = store.state.keyboardActiveRef;
+        store.state.setInputValue("", createChangeEventDetails(clearPress, event.nativeEvent));
+        if (selectionMode !== "none") {
+          store.state.setSelectedValue(Array.isArray(selectedValue) ? [] : null, createChangeEventDetails(clearPress, event.nativeEvent));
+          store.state.setIndices({
+            activeIndex: null,
+            selectedIndex: null,
+            type: keyboardActiveRef.current ? "keyboard" : "pointer"
+          });
+        } else {
+          store.state.setIndices({
+            activeIndex: null,
+            type: keyboardActiveRef.current ? "keyboard" : "pointer"
+          });
+        }
+        (_a = store.state.inputRef.current) == null ? void 0 : _a.focus();
+      }
+    }, elementProps, getButtonProps],
+    stateAttributesMapping
+  });
+  const shouldRender = keepMounted || mounted;
+  if (!shouldRender) {
+    return null;
+  }
+  return element;
+});
+if (process.env.NODE_ENV !== "production") ComboboxClear.displayName = "ComboboxClear";
+export {
+  ComboboxClear
+};

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { useComboboxDerivedItemsContext } from "../root/ComboboxRootContext.js";
+import { useGroupCollectionContext } from "./GroupCollectionContext.js";
+import { jsx } from "react/jsx-runtime";
+function ComboboxCollection(props) {
+  const {
+    children
+  } = props;
+  const {
+    filteredItems
+  } = useComboboxDerivedItemsContext();
+  const groupContext = useGroupCollectionContext();
+  const itemsToRender = groupContext ? groupContext.items : filteredItems;
+  if (!itemsToRender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(React.Fragment, {
+    children: itemsToRender.map(children)
+  });
+}
+export {
+  ComboboxCollection
+};

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+const GroupCollectionContext = /* @__PURE__ */ React.createContext(null);
+if (process.env.NODE_ENV !== "production") GroupCollectionContext.displayName = "GroupCollectionContext";
+function useGroupCollectionContext() {
+  return React.useContext(GroupCollectionContext);
+}
+function GroupCollectionProvider(props) {
+  const {
+    children,
+    items
+  } = props;
+  const contextValue = React.useMemo(() => ({
+    items
+  }), [items]);
+  return /* @__PURE__ */ jsx(GroupCollectionContext.Provider, {
+    value: contextValue,
+    children
+  });
+}
+export {
+  GroupCollectionProvider,
+  useGroupCollectionContext
+};

package/dist/node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/combobox/empty/ComboboxEmpty.js ADDED Viewed

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useComboboxDerivedItemsContext, useComboboxRootContext } from "../root/ComboboxRootContext.js";
+const ComboboxEmpty = /* @__PURE__ */ React.forwardRef(function ComboboxEmpty2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    children: childrenProp,
+    ...elementProps
+  } = componentProps;
+  const {
+    filteredItems
+  } = useComboboxDerivedItemsContext();
+  const store = useComboboxRootContext();
+  const children = filteredItems.length === 0 ? childrenProp : null;
+  return useRenderElement("div", componentProps, {
+    ref: [forwardedRef, store.state.emptyRef],
+    props: [{
+      children,
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": true
+    }, elementProps]
+  });
+});
+if (process.env.NODE_ENV !== "production") ComboboxEmpty.displayName = "ComboboxEmpty";
+export {
+  ComboboxEmpty
+};

package/dist/node_modules/.pnpm/@base-ui_react@1.3.0_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.js ADDED Viewed

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { ComboboxGroupContext } from "./ComboboxGroupContext.js";
+import { GroupCollectionProvider } from "../collection/GroupCollectionContext.js";
+import { jsx } from "react/jsx-runtime";
+const ComboboxGroup = /* @__PURE__ */ React.forwardRef(function ComboboxGroup2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    items,
+    ...elementProps
+  } = componentProps;
+  const [labelId, setLabelId] = React.useState();
+  const contextValue = React.useMemo(() => ({
+    labelId,
+    setLabelId,
+    items
+  }), [labelId, setLabelId, items]);
+  const element = useRenderElement("div", componentProps, {
+    ref: forwardedRef,
+    props: [{
+      role: "group",
+      "aria-labelledby": labelId
+    }, elementProps]
+  });
+  const wrappedElement = /* @__PURE__ */ jsx(ComboboxGroupContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+  if (items) {
+    return /* @__PURE__ */ jsx(GroupCollectionProvider, {
+      items,
+      children: wrappedElement
+    });
+  }
+  return wrappedElement;
+});
+if (process.env.NODE_ENV !== "production") ComboboxGroup.displayName = "ComboboxGroup";
+export {
+  ComboboxGroup
+};

@@ -0,0 +1,15 @@
+import formatErrorMessage from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const ComboboxGroupContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ComboboxGroupContext.displayName = "ComboboxGroupContext";
+function useComboboxGroupContext() {
+  const context = React.useContext(ComboboxGroupContext);
+  if (context === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxGroupContext is missing. ComboboxGroup parts must be placed within <Combobox.Group>." : formatErrorMessage(18));
+  }
+  return context;
+}
+export {
+  ComboboxGroupContext,
+  useComboboxGroupContext
+};

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../../../../@base-ui_utils@0.2.6_@types_react@18.3.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/esm/useIsoLayoutEffect.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useComboboxGroupContext } from "../group/ComboboxGroupContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+const ComboboxGroupLabel = /* @__PURE__ */ React.forwardRef(function ComboboxGroupLabel2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    id: idProp,
+    ...elementProps
+  } = componentProps;
+  const {
+    setLabelId
+  } = useComboboxGroupContext();
+  const id = useBaseUiId(idProp);
+  useIsoLayoutEffect(() => {
+    setLabelId(id);
+    return () => {
+      setLabelId(void 0);
+    };
+  }, [id, setLabelId]);
+  const element = useRenderElement("div", componentProps, {
+    ref: forwardedRef,
+    props: [{
+      id
+    }, elementProps]
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") ComboboxGroupLabel.displayName = "ComboboxGroupLabel";
+export {
+  ComboboxGroupLabel
+};