npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-df27931 → 0.0.0-canary-de7234f - Mend

@cube-dev/ui-kit 0.0.0-canary-df27931 → 0.0.0-canary-de7234f

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

package/dist/components/layout/Board/grid-core/layout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { getAllCollisions, getFirstCollision } from "./collision.js";
 import { sortLayoutItems } from "./sort.js";

package/dist/components/layout/Board/grid-core/placement.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { collides } from "./collision.js";
 //#region src/components/layout/Board/grid-core/placement.ts

package/dist/components/layout/Board/grid-core/sort.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/sort.ts
 /**
 * Sort layout items based on the compaction type.

package/dist/components/layout/Board/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { BoardDragActiveProvider } from "./board-context.js";
 import { distributeEvenly, placeInFreeSlot } from "./grid-core/placement.js";
 import { getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "./grid-core/compactors.js";

package/dist/components/layout/Board/responsive-utils.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { cloneLayout, correctBounds } from "./grid-core/layout.js";
 //#region src/components/layout/Board/responsive-utils.ts

package/dist/components/layout/Board/use-board-layout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cloneLayout } from "./grid-core/layout.js";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/components/layout/Board/use-board-registry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardWidgetStore } from "./board-store.js";
 import { collides } from "./grid-core/collision.js";

package/dist/components/layout/Board/use-board-select-modifier-key.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { useIsDarwin } from "../../../utils/react/useIsDarwin.js";
 //#region src/components/layout/Board/use-board-select-modifier-key.ts

package/dist/components/layout/Board/use-board-selection.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/components/layout/Flex.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Flow.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Grid.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Panel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Prefix.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/layout/Space.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Suffix.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react-compiler-runtime";

package/dist/components/navigation/Pagination/Pagination.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/navigation/Pagination/use-pagination.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useControlledState } from "@react-stately/utils";

package/dist/components/navigation/Tabs/DraggableTabList.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabButton.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

package/dist/components/navigation/Tabs/TabDropIndicator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { c } from "react-compiler-runtime";

package/dist/components/navigation/Tabs/TabPanel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useMemo, useRef } from "react";

package/dist/components/navigation/Tabs/TabPicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

package/dist/components/navigation/Tabs/Tabs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/navigation/Tabs/TabsAction.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { c } from "react-compiler-runtime";

package/dist/components/navigation/Tabs/TabsContext.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/popover-placement.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 //#region src/components/navigation/Tabs/popover-placement.ts
 /**
 * Maps the parent Tabs `placement` to the popover placement for menus and

package/dist/components/navigation/Tabs/styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/types.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

package/dist/components/navigation/Tabs/use-tab-editing.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

package/dist/components/navigation/Tabs/use-tab-indicator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";

package/dist/components/organisms/StatsCard/StatsCard.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

package/dist/components/other/Calendar/Calendar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react-compiler-runtime";

package/dist/components/other/Calendar/CalendarCell.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/other/Calendar/CalendarGrid.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { c } from "react-compiler-runtime";

package/dist/components/other/Calendar/CalendarHeader.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
 import { RightIcon } from "../../../icons/RightIcon.js";

package/dist/components/other/Calendar/CalendarPanel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CalendarElement } from "./styled.js";

package/dist/components/other/Calendar/PeriodCalendar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { getQuarter } from "../../fields/DatePicker/period.js";

package/dist/components/other/Calendar/PeriodGrid.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useLayoutEffect, useRef } from "react";

package/dist/components/other/Calendar/RangeCalendar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react-compiler-runtime";

package/dist/components/other/Calendar/styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/other/Calendar/styled.tsx

package/dist/components/other/CubeLogo/CubeLogo.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { Icon } from "../../../icons/Icon.js";
 import { c } from "react-compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";

package/dist/components/other/NoDataIcon/NoDataIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { wrapIcon } from "../../../icons/wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/overlays/AlertDialog/AlertDialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts CHANGED Viewed

@@ -3,80 +3,70 @@ import { AlertDialogResolveStatus, DialogProps } from "./types.js";
 import "react/jsx-runtime";
 //#region src/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts
-interface AlertDialogApi {
-  /**
-   * Opens the dialog. Resolves with the action the user picked. Rejects with
-   * `undefined` when the dialog closes without one (Cancel, dismissal or an
-   * aborted `cancelToken`), and with an `Error` when it cannot open.
-   */
-  open: (dialogProps: DialogProps, params?: AlertDialogApiParams) => Promise<AlertDialogResolveStatus>;
+interface DialogApi {
+  open: (dialogProps: DialogProps, params?: DialogApiParams) => Promise<AlertDialogResolveStatus>;
 }
-interface AlertDialogApiParams {
-  /** Closes the dialog when aborted, rejecting the promise with `undefined`. */
+interface DialogApiParams {
   cancelToken?: AbortSignal;
 }
+/**
+ * @internal Do not use it in your code!
+ */
 /**
  * Hook gives the ability to open `<AlertDialog />` imperatively.
  *
- * `open` resolves with the action the user picked. It rejects with `undefined`
- * when the user cancels or dismisses the dialog, or its `cancelToken` aborts,
- * and with an `Error` when the dialog cannot open. Handle the rejection, and
- * tell the two apart: a cancel is not a failure.
- *
- * Configure `actions.confirm` explicitly. The default Ok button, shown when it
- * is omitted, rejects with `undefined` instead of resolving `'confirm'`.
- *
- * ***Important*** only one alert dialog can be open at a time. `open` rejects
- * while another one is open, and for about 300 ms after one closes.
- *
- * @example opening dialog on Button click.
- * const { open } = useAlertDialogAPI();
+ * ***Important*** it's commonly a bad practice when you open multiple dialogs in a row;
+ * that means this api will reject all dialogs when there is already open one
  *
- * const onPress = async () => {
- *   let status;
+ * @example calling in a side effect
+ * const alertDialogAPI = useAlertDialogAPI();
  *
- *   try {
- *     status = await open({
- *       title: 'Delete the item?',
- *       danger: true,
- *       actions: { confirm: { children: 'Delete' }, cancel: true },
- *     });
- *   } catch (reason) {
- *     // Cancel or dismissal
- *     if (reason === undefined) return;
+ * useEffect(() => {
+ *   const abortDialog = new AbortController();
+ *   const openedDialog = alertDialogAPI.open({
+ *     title: 'Are you sure?',
+ *     content: <Paragraph>Test content</Paragraph>
+ *   }, {
+ *      cancelToken: abortDialog.signal
+ *   });
  *
- *     // A real failure, e.g. another dialog is already open
- *     throw reason;
- *   }
+ *   openedDialog
+ *     .then((status) => {
+ *       // User confirmed or used secondary action
+ *       if (status === 'confirm') {
+ *         // Handle confirm
+ *       } else if (status === 'secondary') {
+ *         // Handle secondary action
+ *       }
+ *     })
+ *     .catch(() => {
+ *       // User cancelled or dismissed the dialog
+ *       // Handle cancel/dismiss
+ *     })
  *
- *   if (status === 'confirm') {
- *     // Handle confirm
+ *   return () => {
+ *     abortDialog.abort();
  *   }
- * };
- *
- * return <Button onPress={onPress}>Delete</Button>
+ * }, [])
  *
- * @example closing the dialog from code with a cancel token.
- * const { open } = useAlertDialogAPI();
- * const controllerRef = useRef<AbortController | null>(null);
- *
- * const onPress = () => {
- *   // A signal stays aborted, so every dialog needs a fresh controller.
- *   controllerRef.current = new AbortController();
+ * @example opening dialog on Button click.
+ * const alertDialogAPI = useAlertDialogAPI();
  *
- *   open(
- *     { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },
- *     { cancelToken: controllerRef.current.signal },
- *   ).catch((reason) => {
- *     // Aborting rejects with `undefined`, like Cancel does
- *     if (reason !== undefined) throw reason;
- *   });
- * };
+ * const onPress = useCallback(() => {
+ *   alertDialogAPI.open({...})
+ *     .then((status) => {
+ *       if (status === 'confirm') {
+ *         // Handle confirm
+ *       }
+ *     })
+ *     .catch(() => {
+ *       // Handle cancel/dismiss
+ *     })
+ * }, [])
  *
- * // Later, e.g. when the approval arrives:
- * controllerRef.current?.abort();
+ * return <Button onPress={onPress}>New issue</Button>
  */
-declare function useAlertDialogAPI(): AlertDialogApi;
+declare function useAlertDialogAPI(): DialogApi;
 //#endregion
-export { AlertDialogApi, AlertDialogApiParams, useAlertDialogAPI };
+export { useAlertDialogAPI };
 //# sourceMappingURL=AlertDialogApiProvider.d.ts.map

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-df27931 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-de7234f | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { c } from "react-compiler-runtime";
 import { createContext, useContext, useRef, useState } from "react";
@@ -29,11 +29,10 @@ function AlertDialogApiProvider(props) {
 					isVisible: true
 				}
 			};
-			const onAbort = () => currentDialog.meta.reject(void 0);
 			const close = () => {
 				if (currentDialog.meta.isClosed) return;
 				currentDialog.meta.isClosed = true;
-				cancelToken?.removeEventListener("abort", onAbort);
+				params.cancelToken?.removeEventListener("abort", close);
 				setOpenedDialog((currentState) => currentState?.meta.id !== currentId ? currentState : {
 					props: currentState.props,
 					meta: {
@@ -43,7 +42,8 @@ function AlertDialogApiProvider(props) {
 				});
 				setTimeout(() => setOpenedDialog((currentState_0) => currentState_0?.meta.id !== currentId ? currentState_0 : null), 300);
 			};
-			if (cancelToken?.aborted) return Promise.reject(void 0);
+			if (cancelToken?.aborted) return new Promise(_temp);
+			cancelToken?.addEventListener("abort", close, { once: true });
 			currentDialog.meta.promise = new Promise((resolve, reject) => {
 				currentDialog.meta.resolve = (status) => {
 					close();
@@ -54,7 +54,6 @@ function AlertDialogApiProvider(props) {
 					reject(reason);
 				};
 			});
-			cancelToken?.addEventListener("abort", onAbort, { once: true });
 			currentDialog.props = {
 				...restProps,
 				onDismiss: (e) => {
@@ -95,64 +94,58 @@ function AlertDialogApiProvider(props) {
 /**
 * Hook gives the ability to open `<AlertDialog />` imperatively.
 *
-* `open` resolves with the action the user picked. It rejects with `undefined`
-* when the user cancels or dismisses the dialog, or its `cancelToken` aborts,
-* and with an `Error` when the dialog cannot open. Handle the rejection, and
-* tell the two apart: a cancel is not a failure.
+* ***Important*** it's commonly a bad practice when you open multiple dialogs in a row;
+* that means this api will reject all dialogs when there is already open one
 *
-* Configure `actions.confirm` explicitly. The default Ok button, shown when it
-* is omitted, rejects with `undefined` instead of resolving `'confirm'`.
+* @example calling in a side effect
+* const alertDialogAPI = useAlertDialogAPI();
 *
-* ***Important*** only one alert dialog can be open at a time. `open` rejects
-* while another one is open, and for about 300 ms after one closes.
-*
-* @example opening dialog on Button click.
-* const { open } = useAlertDialogAPI();
-*
-* const onPress = async () => {
-*   let status;
-*
-*   try {
-*     status = await open({
-*       title: 'Delete the item?',
-*       danger: true,
-*       actions: { confirm: { children: 'Delete' }, cancel: true },
-*     });
-*   } catch (reason) {
-*     // Cancel or dismissal
-*     if (reason === undefined) return;
+* useEffect(() => {
+*   const abortDialog = new AbortController();
+*   const openedDialog = alertDialogAPI.open({
+*     title: 'Are you sure?',
+*     content: <Paragraph>Test content</Paragraph>
+*   }, {
+*      cancelToken: abortDialog.signal
+*   });
 *
-*     // A real failure, e.g. another dialog is already open
-*     throw reason;
-*   }
+*   openedDialog
+*     .then((status) => {
+*       // User confirmed or used secondary action
+*       if (status === 'confirm') {
+*         // Handle confirm
+*       } else if (status === 'secondary') {
+*         // Handle secondary action
+*       }
+*     })
+*     .catch(() => {
+*       // User cancelled or dismissed the dialog
+*       // Handle cancel/dismiss
+*     })
 *
-*   if (status === 'confirm') {
-*     // Handle confirm
+*   return () => {
+*     abortDialog.abort();
 *   }
-* };
-*
-* return <Button onPress={onPress}>Delete</Button>
-*
-* @example closing the dialog from code with a cancel token.
-* const { open } = useAlertDialogAPI();
-* const controllerRef = useRef<AbortController | null>(null);
+* }, [])
 *
-* const onPress = () => {
-*   // A signal stays aborted, so every dialog needs a fresh controller.
-*   controllerRef.current = new AbortController();
+* @example opening dialog on Button click.
+* const alertDialogAPI = useAlertDialogAPI();
 *
-*   open(
-*     { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },
-*     { cancelToken: controllerRef.current.signal },
-*   ).catch((reason) => {
-*     // Aborting rejects with `undefined`, like Cancel does
-*     if (reason !== undefined) throw reason;
-*   });
-* };
+* const onPress = useCallback(() => {
+*   alertDialogAPI.open({...})
+*     .then((status) => {
+*       if (status === 'confirm') {
+*         // Handle confirm
+*       }
+*     })
+*     .catch(() => {
+*       // Handle cancel/dismiss
+*     })
+* }, [])
 *
-* // Later, e.g. when the approval arrives:
-* controllerRef.current?.abort();
+* return <Button onPress={onPress}>New issue</Button>
 */
+function _temp() {}
 function useAlertDialogAPI() {
 	const api = useContext(DialogApiContext);
 	invariant(api !== null, "You can't use DialogApi outside of <Root /> component. Please, check if your component is descendant of <Root/> component");