@elliemae/ds-shuttle-v2 3.16.0-next.2 → 3.16.0-next.21

package/dist/types/parts/Item/ItemActions/useActionsLogicHandlers.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const useActionsLogicHandlers: (itemMeta: DSShuttleV2T.ItemMeta) => {
     handleDrilldown: (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     handleSingleMove: (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;

package/dist/types/parts/Item/ItemActions/useInnerRefHandlers.d.ts

@@ -1,4 +1,4 @@
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const useInnerRefHandlers: ({ datumInternalMeta, isDestinationPanel }: DSShuttleV2T.ItemMeta) => {
     innerRefHandlerDnd: (node: HTMLDivElement | null) => void;
     innerRefHandlerDrilldown: (node: HTMLButtonElement) => void;

package/dist/types/parts/Item/ItemMiddleSection.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../react-desc-prop-types';
-export declare const ItemMiddleSection: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => JSX.Element>;
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
+export declare const ItemMiddleSection: React.MemoExoticComponent<(props: DSShuttleV2T.ItemMeta & {
+    tooltipHelpers: DSShuttleV2T.ComponentProps['tooltipHelpers'];
+}) => JSX.Element>;

package/dist/types/parts/Item/ItemOverlay.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const ItemOverlay: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => JSX.Element>;

package/dist/types/parts/Item/ItemSelection.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const ItemSelection: React.MemoExoticComponent<({ datumInternalMeta: { isSelected }, datumRenderFlags: { selectionPrevented } }: DSShuttleV2T.ItemMeta) => JSX.Element>;

package/dist/types/parts/Item/TextSection.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const TextSection: React.MemoExoticComponent<(props: DSShuttleV2T.ItemMeta) => JSX.Element>;

package/dist/types/parts/Item/useItemArrowNavigation.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const useItemArrowNavigation: (itemMeta: DSShuttleV2T.ItemMeta) => {
     onItemContainerKeyDown: React.KeyboardEventHandler<HTMLDivElement>;
 };

package/dist/types/parts/Item/useItemKeyboardSelection.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const useItemKeyboardSelection: (itemMeta: DSShuttleV2T.ItemMeta) => {
     onItemKeyDownSelection: React.KeyboardEventHandler<HTMLDivElement>;
 };

package/dist/types/parts/Item/useSelectionLogic.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const useSelectionLogic: ({ isDestinationPanel, datumInternalMeta, datum, datumRenderFlags, }: DSShuttleV2T.ItemMeta) => {
     selectItem: (event: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement | HTMLButtonElement>) => void;
     onShiftMouseDownPreventTextSelection: (event: React.MouseEvent<HTMLDivElement>) => void;

package/dist/types/parts/Item/useThisItemIsFocused.d.ts

@@ -0,0 +1,4 @@
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
+type UseThisItemIsFocused = (itemMeta: DSShuttleV2T.ItemMeta) => boolean;
+export declare const useThisItemIsFocused: UseThisItemIsFocused;
+export {};

package/dist/types/parts/Panel/bottom/LoadMoreBtn.d.ts

@@ -1,2 +1,2 @@
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const LoadMoreBtn: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;

package/dist/types/parts/Panel/bottom/LoadingMore.d.ts

@@ -1,2 +1,2 @@
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const LoadingMore: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;

package/dist/types/parts/Panel/bottom/PanelContentBottomSection.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const PanelContentBottomSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;

package/dist/types/parts/Panel/bottom/useInnerRefHandlers.d.ts

@@ -1,4 +1,4 @@
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const useInnerRefHandlers: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {
     innerRefHandlerLoadMoreBtn: (node: HTMLButtonElement) => void;
 };

package/dist/types/parts/Panel/bottom/useLoadMoreBtnArrowNavigation.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const useLoadMoreBtnArrowNavigation: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {
     onLoadMoreButtonKeyDown: React.KeyboardEventHandler<HTMLDivElement>;
 };

package/dist/types/parts/Panel/middle/EmptyItems.d.ts

@@ -1,2 +1,2 @@
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const EmptyItems: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;

package/dist/types/parts/Panel/middle/ItemListWrapper/Index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../../react-desc-prop-types.js';
 export declare const ItemListWrapperWithContext: React.ComponentType<DSShuttleV2T.PanelMetaInfo>;
 export default ItemListWrapperWithContext;

package/dist/types/parts/Panel/middle/ItemListWrapper/useGetDatumHydratables.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../../react-desc-prop-types.js';
 export declare const useGetDatumHydratables: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => (item: DSShuttleV2T.ConfiguredDatum) => {
     preventDrilldown?: boolean | undefined;
     CustomRenderer?: React.ComponentType<DSShuttleV2T.ComponentProps> | undefined;

package/dist/types/parts/Panel/middle/LoadingItems.d.ts

@@ -1,2 +1,2 @@
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const LoadingItems: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;

package/dist/types/parts/Panel/middle/MultipleSelectionAction.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const MultipleSelectionAction: React.MemoExoticComponent<(panelMeta: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;

package/dist/types/parts/Panel/middle/PanelContentMiddleSection.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const PanelContentMiddleSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;

package/dist/types/parts/Panel/top/PanelContentTopSection.d.ts

@@ -1,2 +1,2 @@
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const PanelContentTopSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;

package/dist/types/parts/Panel/top/PanelFilterSection.d.ts

@@ -1,2 +1,2 @@
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const PanelFilterSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;

package/dist/types/parts/Panel/top/SelectionHeader.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../../../react-desc-prop-types';
+import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
 export declare const SelectionHeader: React.MemoExoticComponent<({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;

package/dist/types/parts/PanelWrapper.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type DSShuttleV2T } from '../react-desc-prop-types';
+import { type DSShuttleV2T } from '../react-desc-prop-types.js';
 export declare const PanelWrapper: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;

package/dist/types/react-desc-prop-types.d.ts

@@ -1,12 +1,12 @@
 import type { WeakValidationMap } from 'react';
 import type React from 'react';
-import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';
+import type { GlobalAttributesT, XstyledProps, useHeadlessTooltip } from '@elliemae/ds-utilities';
 import { type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';
 import { type DSButtonT } from '@elliemae/ds-button-v2';
 import { type useSortable, type DnDKitTree } from '@elliemae/ds-drag-and-drop';
 import type { ZustandT } from '@elliemae/ds-zustand-helpers';
-import type { REGIONS_FOCUSES, ACTIONS_FOCUSES, ITEMS_FOCUSES } from './constants';
-import type { useAutoCalculated } from './config/useAutoCalculated';
+import type { REGIONS_FOCUSES, ACTIONS_FOCUSES, ITEMS_FOCUSES } from './constants/index.js';
+import type { useAutoCalculated } from './config/useAutoCalculated/index.js';
 export declare namespace DSShuttleV2T {
     type Datum = Record<string, unknown>;
     type PanelMetaInfo = {
@@ -47,9 +47,11 @@ export declare namespace DSShuttleV2T {
     type DatumHydratablesWithoutComponents = PrimaryKeyHydratables & FunctionalHydratables & RequiredDatumHydratablesWithoutComponents & OptionalDatumHydratablesWithoutComponents;
     type ComponentProps = {
         datum: Datum;
+        thisItemIsFocused: boolean;
         panelMetaInfo: PanelMetaInfo;
         datumInternalMeta: DatumInternalMeta;
         datumHydratables: DatumHydratablesWithoutComponents;
+        tooltipHelpers: ReturnType<typeof useHeadlessTooltip>;
     };
     type RequiredDatumHydratablesComponents = {};
     type OptionalDatumHydratablesComponents = {
@@ -116,7 +118,7 @@ export declare namespace DSShuttleV2T {
         focusRegion: FocusRegion;
         focusItem: FocusItem;
         focusItemAction: FocusItemAction;
-        shouldFocusItemOnRender: boolean;
+        deferFocusUntilFirstRender: boolean;
         dropIndicatorPosition: number;
         overId: string;
         dndDraggingItem: ConfiguredDatum | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle-v2",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle v2",
   "files": [
@@ -37,28 +37,30 @@
   "dependencies": {
     "fast-deep-equal": "~3.1.3",
     "react-virtual": "~2.10.4",
-    "uid": "~2.0.0",
-    "@elliemae/ds-button-v2": "3.16.0-next.2",
-    "@elliemae/ds-circular-progress-indicator": "3.16.0-next.2",
-    "@elliemae/ds-drag-and-drop": "3.16.0-next.2",
-    "@elliemae/ds-form-checkbox": "3.16.0-next.2",
-    "@elliemae/ds-form-input-text": "3.16.0-next.2",
-    "@elliemae/ds-icons": "3.16.0-next.2",
-    "@elliemae/ds-system": "3.16.0-next.2",
-    "@elliemae/ds-typography": "3.16.0-next.2",
-    "@elliemae/ds-grid": "3.16.0-next.2",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2",
-    "@elliemae/ds-zustand-helpers": "3.16.0-next.2"
+    "uid": "~2.0.1",
+    "@elliemae/ds-button-v2": "3.16.0-next.21",
+    "@elliemae/ds-circular-progress-indicator": "3.16.0-next.21",
+    "@elliemae/ds-form-checkbox": "3.16.0-next.21",
+    "@elliemae/ds-form-input-text": "3.16.0-next.21",
+    "@elliemae/ds-grid": "3.16.0-next.21",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.16.0-next.21",
+    "@elliemae/ds-drag-and-drop": "3.16.0-next.21",
+    "@elliemae/ds-icons": "3.16.0-next.21",
+    "@elliemae/ds-popperjs": "3.16.0-next.21",
+    "@elliemae/ds-props-helpers": "3.16.0-next.21",
+    "@elliemae/ds-system": "3.16.0-next.21",
+    "@elliemae/ds-zustand-helpers": "3.16.0-next.21",
+    "@elliemae/ds-typography": "3.16.0-next.21",
+    "@elliemae/ds-utilities": "3.16.0-next.21"
   },
   "devDependencies": {
     "@testing-library/dom": "~8.19.0",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
     "lodash": "^4.17.21",
-    "styled-components": "~5.3.6",
-    "@elliemae/ds-breadcrumb": "3.16.0-next.2",
-    "@elliemae/ds-tree-model": "3.16.0-next.2"
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-breadcrumb": "3.16.0-next.21",
+    "@elliemae/ds-tree-model": "3.16.0-next.21"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -78,7 +80,7 @@
     "dts": "node ../../scripts/dts.mjs",
     "dts:withdeps": "pnpm --filter {.}... dts",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }