@vibe/core 3.86.0 → 3.88.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/core",
-  "version": "3.86.0",
+  "version": "3.88.0",
   "description": "Official monday.com UI resources for application development in React.js",
   "repository": {
     "type": "git",
@@ -91,20 +91,22 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
     "@popperjs/core": "2.11.6",
-    "@vibe/base": "3.0.6",
-    "@vibe/button": "3.1.0",
-    "@vibe/clickable": "3.0.4",
-    "@vibe/dialog": "3.1.0",
-    "@vibe/hooks": "3.0.4",
-    "@vibe/icon": "3.1.0",
-    "@vibe/icon-button": "3.1.0",
+    "@vibe/base": "3.0.5",
+    "@vibe/button": "3.0.16",
+    "@vibe/clickable": "3.0.3",
+    "@vibe/dialog": "3.0.12",
+    "@vibe/hooks": "3.0.3",
+    "@vibe/icon": "3.0.11",
+    "@vibe/icon-button": "3.0.5",
     "@vibe/icons": "1.16.0",
-    "@vibe/layer": "3.0.11",
-    "@vibe/layout": "3.1.0",
-    "@vibe/loader": "3.1.0",
-    "@vibe/shared": "3.1.0",
-    "@vibe/tooltip": "3.1.0",
-    "@vibe/typography": "3.1.0",
+    "@vibe/layer": "3.0.10",
+    "@vibe/layout": "3.0.3",
+    "@vibe/loader": "3.0.11",
+    "@vibe/shared": "3.0.8",
+    "@vibe/tooltip": "3.0.5",
+    "@vibe/typography": "3.0.5",
+    "a11y-dialog": "^7.5.2",
+    "body-scroll-lock": "^4.0.0-beta.0",
     "browserslist-config-monday": "1.0.6",
     "classnames": "^2.3.2",
     "date-fns": "^2.30.0",
@@ -112,15 +114,18 @@
     "es-toolkit": "^1.39.10",
     "framer-motion": "^6.5.1",
     "monday-ui-style": "0.26.2",
+    "react-dates": "21.8.0",
     "react-day-picker": "^8.8.0",
     "react-focus-lock": "^2.13.2",
     "react-inlinesvg": "^4.1.3",
     "react-is": "^16.9.0",
     "react-popper": "^2.3.0",
     "react-remove-scroll": "^2.6.0",
+    "react-select": "npm:react-select-module@3.4.0",
     "react-transition-group": "^4.4.5",
     "react-virtualized-auto-sizer": "^1.0.7",
     "react-window": "^1.8.7",
+    "react-windowed-select": "^2.0.4",
     "style-inject": "^0.3.0"
   },
   "devDependencies": {
@@ -172,10 +177,13 @@
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.5.0",
     "@types/babel__standalone": "^7.1.7",
+    "@types/body-scroll-lock": "^3.1.0",
     "@types/jest-axe": "^3.5.9",
     "@types/react": "^18.0.25",
+    "@types/react-dates": "^21.8.3",
     "@types/react-is": "^16.7.5",
     "@types/react-resizable": "^3.0.7",
+    "@types/react-select": "^3.1.2",
     "@types/react-syntax-highlighter": "^11.0.5",
     "@types/react-test-renderer": "^16.9.0",
     "@types/react-transition-group": "^4.4.5",
@@ -264,6 +272,7 @@
     "vitest": "^1.6.0"
   },
   "peerDependencies": {
+    "moment": "^2.29.1",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
@@ -276,5 +285,5 @@
   "browserslist": [
     "extends browserslist-config-monday"
   ],
-  "gitHead": "1e0ebec593676a7a3e8b4a965d688397a5f44c22"
+  "gitHead": "35916ac6651b220551f0214880ca543273e179a7"
 }

package/dist/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import type { LinkProps } from "../../../Link";
-export type AttentionBoxLinkProps = LinkProps;
-declare const AttentionBoxLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export default AttentionBoxLink;

package/dist/components/Dropdown/components/DropdownBaseList/DropdownBaseList.types.d.ts

@@ -1,86 +0,0 @@
-import { type ReactNode } from "react";
-import type React from "react";
-import { type VibeComponentProps } from "../../../../types";
-import { type BaseItemData, type BaseItemSizes, type BaseItemDirection } from "../../../BaseItem";
-export interface DropdownBaseListProps<Item = Record<string, unknown>> extends React.HTMLAttributes<HTMLUListElement>, VibeComponentProps {
-    /**
-     * The list of options available in the list.
-     */
-    options: DropdownListGroup<Item>[];
-    /**
-     * The selected item in the list.
-     */
-    selectedItems?: BaseItemData<Item>[] | null;
-    /**
-     * The index of the highlighted item in the list.
-     */
-    highlightedIndex?: number;
-    /**
-     * The ARIA label for the menu.
-     */
-    menuAriaLabel?: string;
-    /**
-     * Function to get props for the menu container.
-     */
-    getMenuProps?: ((options?: any, otherOptions?: any) => Record<string, unknown>) | null;
-    /**
-     * Function to get props for each item in the list.
-     */
-    getItemProps?: ((options: any) => Record<string, unknown>) | null;
-    /**
-     * The size of the list item.
-     */
-    size?: BaseItemSizes;
-    /**
-     * If true, displays dividers between grouped options.
-     */
-    withGroupDivider?: boolean;
-    /**
-     * If true, makes the group title sticky.
-     */
-    stickyGroupTitle?: boolean;
-    /**
-     * The text direction of the list.
-     */
-    dir?: BaseItemDirection;
-    /**
-     * Custom renderer for options.
-     */
-    itemRenderer?: (item: BaseItemData<Item>) => React.ReactNode;
-    /**
-     * Custom renderer for the entire menu content inside the ul element.
-     */
-    menuRenderer?: (props: {
-        children: React.ReactNode;
-        filteredOptions: DropdownListGroup<Item>[];
-        selectedItem?: Item | null;
-        selectedItems?: Item[];
-    }) => React.ReactNode;
-    /**
-     * Text or function to customize the "No results" message.
-     */
-    noOptionsMessage?: string | ReactNode;
-    /**
-     * If true, the options are rendered.
-     */
-    renderOptions?: boolean;
-    /**
-     * Function to handle scroll events.
-     */
-    onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
-    /**
-     * The maximum height of the list.
-     */
-    maxMenuHeight?: number;
-}
-export interface DropdownListGroup<Item = Record<string, unknown>> {
-    /**
-     * The label for the group of options.
-     */
-    label?: string;
-    /**
-     * The list of options within this group.
-     */
-    options: BaseItemData<Item>[];
-}
-export type { BaseItemSizes, BaseItemDirection };

package/dist/components/Dropdown/components/DropdownWrapperUI.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { type DropdownContextProps } from "../context/DropdownContext.types";
-import { type BaseItemData } from "../../BaseItem";
-interface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {
-    contextValue: DropdownContextProps<Item>;
-    dropdownRef: React.Ref<HTMLDivElement>;
-}
-declare const DropdownWrapperUI: <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => React.JSX.Element;
-export default DropdownWrapperUI;

package/dist/components/Dropdown/components/Menu/Menu.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type BaseItemData } from "../../../BaseItem";
-declare const Menu: <Item extends BaseItemData<Record<string, unknown>>>() => React.JSX.Element;
-export default Menu;

package/dist/components/Dropdown/components/Menu/MenuList.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type BaseItemData } from "../../../BaseItem";
-declare const MenuList: <Item extends BaseItemData<Record<string, unknown>>>() => React.JSX.Element;
-export default MenuList;

package/dist/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { type BaseItemData } from "../../../BaseItem";
-type MultiSelectedValuesProps<Item> = {
-    selectedItems: Item[];
-    onRemove: (item: Item) => void;
-    renderInput?: () => React.ReactNode;
-    disabled?: boolean;
-    readOnly?: boolean;
-    minVisibleCount?: number;
-};
-declare function MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly, minVisibleCount }: MultiSelectedValuesProps<Item>): React.JSX.Element;
-export default MultiSelectedValues;

package/dist/components/Dropdown/components/Trigger/DropdownChip.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { type BaseItemData } from "../../../BaseItem";
-interface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {
-    item: Item;
-    onDelete: () => void;
-    disabled?: boolean;
-    readOnly?: boolean;
-    className?: string;
-}
-declare const DropdownChip: <Item extends BaseItemData<Record<string, unknown>>>({ item, onDelete, disabled, readOnly, className }: DropdownChipProps<Item>) => React.JSX.Element;
-export default DropdownChip;

package/dist/components/Dropdown/context/DropdownContext.d.ts

@@ -1,59 +0,0 @@
-import type React from "react";
-import { type DropdownListGroup } from "../components/DropdownBaseList/DropdownBaseList.types";
-import { type BaseItemData } from "../../BaseItem";
-import { type BaseDropdownProps, type DropdownSizes } from "../Dropdown.types";
-import { type DropdownContextProps } from "./DropdownContext.types";
-type PropGetter = (options?: any) => Record<string, any>;
-type ItemPropGetter<Item> = (options: {
-    item: Item;
-    index: number;
-}) => Record<string, any>;
-export interface DropdownContextValue<Item extends BaseItemData<Record<string, unknown>> = any> {
-    isOpen: boolean;
-    inputValue: string | null;
-    highlightedIndex: number | null;
-    selectedItem: Item | null | undefined;
-    selectedItems: Item[];
-    filteredOptions: DropdownListGroup<Item>[];
-    getToggleButtonProps: PropGetter;
-    getLabelProps: PropGetter;
-    getMenuProps: PropGetter;
-    getInputProps: PropGetter;
-    getItemProps: ItemPropGetter<Item>;
-    getDropdownProps?: PropGetter;
-    reset: () => void;
-    toggleMenu: () => void;
-    onClear?: () => void;
-    onOptionSelect?: (option: Item) => void;
-    onOptionRemove?: (option: Item) => void;
-    addSelectedItem?: (item: Item) => void;
-    removeSelectedItem?: (item: Item) => void;
-    setSelectedItems?: (items: Item[]) => void;
-    searchable?: boolean;
-    multi?: boolean;
-    multiline?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    size?: DropdownSizes;
-    optionRenderer?: BaseDropdownProps<Item>["optionRenderer"];
-    valueRenderer?: BaseDropdownProps<Item>["valueRenderer"];
-    noOptionsMessage?: BaseDropdownProps<Item>["noOptionsMessage"];
-    placeholder?: BaseDropdownProps<Item>["placeholder"];
-    withGroupDivider?: BaseDropdownProps<Item>["withGroupDivider"];
-    stickyGroupTitle?: BaseDropdownProps<Item>["stickyGroupTitle"];
-    maxMenuHeight?: BaseDropdownProps<Item>["maxMenuHeight"];
-    clearable?: boolean;
-    autoFocus?: boolean;
-    isFocused?: boolean;
-    inputAriaLabel?: string;
-    menuAriaLabel?: string;
-    closeMenuOnSelect?: boolean;
-    dir?: BaseDropdownProps<Item>["dir"];
-    originalOnFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    originalOnBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    originalOnKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    originalOnScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
-}
-export declare const DropdownContext: React.Context<DropdownContextProps<any>>;
-export declare function useDropdownContext<Item extends BaseItemData<Record<string, unknown>>>(): DropdownContextProps<Item>;
-export {};

package/dist/components/Dropdown/context/DropdownContext.types.d.ts

@@ -1,34 +0,0 @@
-import { type DropdownListGroup } from "../components/DropdownBaseList/DropdownBaseList.types";
-import { type BaseItemData } from "../../BaseItem";
-import { type BaseDropdownProps } from "../Dropdown.types";
-import { type TooltipProps } from "@vibe/tooltip";
-type PropGetter = (options?: any) => Record<string, any>;
-type ItemPropGetter<Item> = (options: {
-    item: Item;
-    index: number;
-}) => Record<string, any>;
-type InheritedDropdownProps<Item extends BaseItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "minVisibleCount" | "boxMode" | "borderless" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
-export interface DropdownContextProps<Item extends BaseItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
-    label?: string;
-    isOpen: boolean;
-    inputValue: string | null;
-    highlightedIndex: number | null;
-    selectedItem?: Item | null | undefined;
-    selectedItems?: Item[];
-    filteredOptions?: DropdownListGroup<Item>[];
-    tooltipProps?: Partial<TooltipProps>;
-    getToggleButtonProps: PropGetter;
-    getLabelProps: PropGetter;
-    getMenuProps: PropGetter;
-    getInputProps?: PropGetter;
-    getItemProps: ItemPropGetter<Item>;
-    getDropdownProps?: PropGetter;
-    reset: () => void;
-    toggleMenu: () => void;
-    contextOnClear: () => void;
-    contextOnOptionRemove?: (option: Item) => void;
-    addSelectedItem?: (item: Item) => void;
-    removeSelectedItem?: (item: Item) => void;
-    isFocused?: boolean;
-}
-export {};