@cloud-ru/ds-list 2.3.3-preview-e8fab9b7.0 → 2.3.3-preview-20b4671f.0

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 (11) hide show
  1. package/dist/cjs/components/Lists/List/List.d.ts +10 -9
  2. package/dist/cjs/components/Lists/List/List.js +2 -1
  3. package/dist/cjs/helperComponents/DesktopDroplist/DesktopDroplist.js +2 -1
  4. package/dist/esm/components/Lists/List/List.d.ts +6 -5
  5. package/dist/esm/components/Lists/List/List.js +2 -1
  6. package/dist/esm/helperComponents/DesktopDroplist/DesktopDroplist.js +2 -1
  7. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  8. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  9. package/package.json +11 -11
  10. package/src/components/Lists/List/List.tsx +6 -3
  11. package/src/helperComponents/DesktopDroplist/DesktopDroplist.tsx +5 -3
package/dist/cjs/components/Lists/List/List.d.ts CHANGED
@@ -1,17 +1,18 @@
1
1
  import { KeyboardEvent } from 'react';
2
+ import { Item } from '../../Items';
2
3
  /** Список айтемов: base / collapse / group / next-list, с опциональной виртуализацией. */
3
4
  export declare const List: import("react").ForwardRefExoticComponent<{
4
5
  'data-test-id'?: string;
5
6
  } & import("react").AriaAttributes & {
6
- pinTop?: import("../..").Item[];
7
- pinBottom?: import("../..").Item[];
7
+ pinTop?: Item[];
8
+ pinBottom?: Item[];
8
9
  footer?: import("react").ReactNode;
9
10
  header?: import("react").ReactNode;
10
11
  headerDivider?: boolean;
11
12
  footerDivider?: boolean;
12
13
  footerActiveElementsRefs?: import("react").RefObject<HTMLElement>[];
13
14
  keyboardNavigationRef?: import("react").RefObject<{
14
- focusItem(id: import("../..").ItemId): void;
15
+ focusItem(id: import("../../Items").ItemId): void;
15
16
  }>;
16
17
  search?: import("../../..").SearchState;
17
18
  tabIndex?: number;
@@ -24,7 +25,7 @@ export declare const List: import("react").ForwardRefExoticComponent<{
24
25
  scrollContainerClassName?: string;
25
26
  limitedScrollHeight?: boolean;
26
27
  } & import("../contexts").SelectionState & Omit<import("../contexts").PublicListContextType, "virtualized"> & import("../../..").ScrollProps & import("../types").EmptyState & {
27
- items: import("../..").Item[];
28
+ items: Item[];
28
29
  virtualized?: boolean;
29
30
  } & import("react").RefAttributes<HTMLElement>>;
30
31
  /**
@@ -35,15 +36,15 @@ export declare const List: import("react").ForwardRefExoticComponent<{
35
36
  export declare const ReorderableList: import("react").ForwardRefExoticComponent<{
36
37
  'data-test-id'?: string;
37
38
  } & import("react").AriaAttributes & {
38
- pinTop?: import("../..").Item[];
39
- pinBottom?: import("../..").Item[];
39
+ pinTop?: Item[];
40
+ pinBottom?: Item[];
40
41
  footer?: import("react").ReactNode;
41
42
  header?: import("react").ReactNode;
42
43
  headerDivider?: boolean;
43
44
  footerDivider?: boolean;
44
45
  footerActiveElementsRefs?: import("react").RefObject<HTMLElement>[];
45
46
  keyboardNavigationRef?: import("react").RefObject<{
46
- focusItem(id: import("../..").ItemId): void;
47
+ focusItem(id: import("../../Items").ItemId): void;
47
48
  }>;
48
49
  search?: import("../../..").SearchState;
49
50
  tabIndex?: number;
@@ -56,6 +57,6 @@ export declare const ReorderableList: import("react").ForwardRefExoticComponent<
56
57
  scrollContainerClassName?: string;
57
58
  limitedScrollHeight?: boolean;
58
59
  } & import("../contexts").SelectionState & Omit<import("../contexts").PublicListContextType, "virtualized"> & import("../../..").ScrollProps & import("../types").EmptyState & {
59
- items: import("../..").ReorderItem[];
60
- onItemsReorder(items: import("../..").ReorderItem[]): void;
60
+ items: import("../../Items").ReorderItem[];
61
+ onItemsReorder(items: import("../../Items").ReorderItem[]): void;
61
62
  } & import("react").RefAttributes<HTMLElement>>;
package/dist/cjs/components/Lists/List/List.js CHANGED
@@ -15,7 +15,8 @@ const contexts_1 = require("../contexts");
15
15
  const hooks_1 = require("../hooks");
16
16
  const ListPrivate_1 = require("../ListPrivate");
17
17
  const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
18
- const ListImpl = (0, react_1.forwardRef)(({ items: itemsProp = [], search, pinBottom: pinBottomProp = [], pinTop: pinTopProp = [], footerActiveElementsRefs, onKeyDown, tabIndex = 0, className, collapse = {}, selection, contentRender, size = constants_1.DEFAULT_SIZE, marker = true, keyboardNavigationRef, hasListInFocusChain = true, onItemsReorder, ...props }, ref) => {
18
+ const NO_ITEMS = [];
19
+ const ListImpl = (0, react_1.forwardRef)(({ items: itemsProp = NO_ITEMS, search, pinBottom: pinBottomProp = NO_ITEMS, pinTop: pinTopProp = NO_ITEMS, footerActiveElementsRefs, onKeyDown, tabIndex = 0, className, collapse = {}, selection, contentRender, size = constants_1.DEFAULT_SIZE, marker = true, keyboardNavigationRef, hasListInFocusChain = true, onItemsReorder, ...props }, ref) => {
19
20
  const { openCollapseItems, toggleOpenCollapseItem, searchItem, flattenItems, focusFlattenItems, memorizedItems, ids, expandedIds, firstItemId, onDragEnd, sortableIds, } = (0, hooks_1.useListItemsModel)({
20
21
  items: itemsProp,
21
22
  pinTop: pinTopProp,
package/dist/cjs/helperComponents/DesktopDroplist/DesktopDroplist.js CHANGED
@@ -16,12 +16,13 @@ const constants_1 = require("../../components/Lists/Droplist/constants");
16
16
  const hooks_1 = require("../../components/Lists/hooks");
17
17
  const ListPrivate_1 = require("../../components/Lists/ListPrivate");
18
18
  const styles_module_scss_1 = __importDefault(require('../../components/Lists/styles.module.css'));
19
+ const NO_ITEMS = [];
19
20
  /**
20
21
  * Desktop-поверхность `Droplist`: анкорный popover (`Dropdown`) со списком. Internal — наружу
21
22
  * не реэкспортится; рендерится адаптивным `Droplist` на не-mobile раскладке. Так как вызывается
22
23
  * только на desktop-раскладке, внутренний адаптивный `Dropdown` всегда рендерит popover.
23
24
  */
24
- function DesktopDroplist({ items: itemsProp, search, pinBottom: pinBottomProp = [], pinTop: pinTopProp = [], footerActiveElementsRefs, children, trigger, placement, widthStrategy, triggerElemRef: triggerElemRefProp, container, open: openProp, onOpenChange, collapse = {}, triggerClassName, disableSpanWrapper, selection, contentRender, size = constants_1.DEFAULT_SIZE, marker = true, closeDroplistOnItemClick = false, className, listRef: listRefProp, untouchableScrollbars = false, virtualized = false, closeOnPopstate, header, headerDivider, footer, footerDivider, onItemsReorder, ...props }) {
25
+ function DesktopDroplist({ items: itemsProp, search, pinBottom: pinBottomProp = NO_ITEMS, pinTop: pinTopProp = NO_ITEMS, footerActiveElementsRefs, children, trigger, placement, widthStrategy, triggerElemRef: triggerElemRefProp, container, open: openProp, onOpenChange, collapse = {}, triggerClassName, disableSpanWrapper, selection, contentRender, size = constants_1.DEFAULT_SIZE, marker = true, closeDroplistOnItemClick = false, className, listRef: listRefProp, untouchableScrollbars = false, virtualized = false, closeOnPopstate, header, headerDivider, footer, footerDivider, onItemsReorder, ...props }) {
25
26
  const { hasSearch, openCollapseItems, toggleOpenCollapseItem, searchItem, flattenItems, focusFlattenItems, memorizedItems, ids, expandedIds, firstItemId, onDragEnd, sortableIds, } = (0, hooks_1.useListItemsModel)({
26
27
  items: itemsProp,
27
28
  pinTop: pinTopProp,
package/dist/esm/components/Lists/List/List.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import { KeyboardEvent } from 'react';
2
+ import { Item } from '../../Items/index.js';
2
3
  /** Список айтемов: base / collapse / group / next-list, с опциональной виртуализацией. */
3
4
  export declare const List: import("react").ForwardRefExoticComponent<{
4
5
  'data-test-id'?: string;
5
6
  } & import("react").AriaAttributes & {
6
- pinTop?: import("../..").Item[];
7
- pinBottom?: import("../..").Item[];
7
+ pinTop?: Item[];
8
+ pinBottom?: Item[];
8
9
  footer?: import("react").ReactNode;
9
10
  header?: import("react").ReactNode;
10
11
  headerDivider?: boolean;
@@ -24,7 +25,7 @@ export declare const List: import("react").ForwardRefExoticComponent<{
24
25
  scrollContainerClassName?: string;
25
26
  limitedScrollHeight?: boolean;
26
27
  } & import("..").SelectionState & Omit<import("..").PublicListContextType, "virtualized"> & import("../../..").ScrollProps & import("..").EmptyState & {
27
- items: import("../..").Item[];
28
+ items: Item[];
28
29
  virtualized?: boolean;
29
30
  } & import("react").RefAttributes<HTMLElement>>;
30
31
  /**
@@ -35,8 +36,8 @@ export declare const List: import("react").ForwardRefExoticComponent<{
35
36
  export declare const ReorderableList: import("react").ForwardRefExoticComponent<{
36
37
  'data-test-id'?: string;
37
38
  } & import("react").AriaAttributes & {
38
- pinTop?: import("../..").Item[];
39
- pinBottom?: import("../..").Item[];
39
+ pinTop?: Item[];
40
+ pinBottom?: Item[];
40
41
  footer?: import("react").ReactNode;
41
42
  header?: import("react").ReactNode;
42
43
  headerDivider?: boolean;
package/dist/esm/components/Lists/List/List.js CHANGED
@@ -9,7 +9,8 @@ import { CollapseContext, FocusListContext, NewListContextProvider, SelectionPro
9
9
  import { useListItemsModel, useNewKeyboardNavigation } from '../hooks.js';
10
10
  import { ListPrivate } from '../ListPrivate/index.js';
11
11
  import styles from '../styles.module.css';
12
- const ListImpl = forwardRef(({ items: itemsProp = [], search, pinBottom: pinBottomProp = [], pinTop: pinTopProp = [], footerActiveElementsRefs, onKeyDown, tabIndex = 0, className, collapse = {}, selection, contentRender, size = DEFAULT_SIZE, marker = true, keyboardNavigationRef, hasListInFocusChain = true, onItemsReorder, ...props }, ref) => {
12
+ const NO_ITEMS = [];
13
+ const ListImpl = forwardRef(({ items: itemsProp = NO_ITEMS, search, pinBottom: pinBottomProp = NO_ITEMS, pinTop: pinTopProp = NO_ITEMS, footerActiveElementsRefs, onKeyDown, tabIndex = 0, className, collapse = {}, selection, contentRender, size = DEFAULT_SIZE, marker = true, keyboardNavigationRef, hasListInFocusChain = true, onItemsReorder, ...props }, ref) => {
13
14
  const { openCollapseItems, toggleOpenCollapseItem, searchItem, flattenItems, focusFlattenItems, memorizedItems, ids, expandedIds, firstItemId, onDragEnd, sortableIds, } = useListItemsModel({
14
15
  items: itemsProp,
15
16
  pinTop: pinTopProp,
package/dist/esm/helperComponents/DesktopDroplist/DesktopDroplist.js CHANGED
@@ -10,12 +10,13 @@ import { DEFAULT_FALLBACK_PLACEMENTS, DEFAULT_SIZE, FOCUS_DEFERRAL_TIMEOUT, } fr
10
10
  import { useListItemsModel, useNewKeyboardNavigation } from '../../components/Lists/hooks.js';
11
11
  import { ListPrivate } from '../../components/Lists/ListPrivate/index.js';
12
12
  import styles from '../../components/Lists/styles.module.css';
13
+ const NO_ITEMS = [];
13
14
  /**
14
15
  * Desktop-поверхность `Droplist`: анкорный popover (`Dropdown`) со списком. Internal — наружу
15
16
  * не реэкспортится; рендерится адаптивным `Droplist` на не-mobile раскладке. Так как вызывается
16
17
  * только на desktop-раскладке, внутренний адаптивный `Dropdown` всегда рендерит popover.
17
18
  */
18
- export function DesktopDroplist({ items: itemsProp, search, pinBottom: pinBottomProp = [], pinTop: pinTopProp = [], footerActiveElementsRefs, children, trigger, placement, widthStrategy, triggerElemRef: triggerElemRefProp, container, open: openProp, onOpenChange, collapse = {}, triggerClassName, disableSpanWrapper, selection, contentRender, size = DEFAULT_SIZE, marker = true, closeDroplistOnItemClick = false, className, listRef: listRefProp, untouchableScrollbars = false, virtualized = false, closeOnPopstate, header, headerDivider, footer, footerDivider, onItemsReorder, ...props }) {
19
+ export function DesktopDroplist({ items: itemsProp, search, pinBottom: pinBottomProp = NO_ITEMS, pinTop: pinTopProp = NO_ITEMS, footerActiveElementsRefs, children, trigger, placement, widthStrategy, triggerElemRef: triggerElemRefProp, container, open: openProp, onOpenChange, collapse = {}, triggerClassName, disableSpanWrapper, selection, contentRender, size = DEFAULT_SIZE, marker = true, closeDroplistOnItemClick = false, className, listRef: listRefProp, untouchableScrollbars = false, virtualized = false, closeOnPopstate, header, headerDivider, footer, footerDivider, onItemsReorder, ...props }) {
19
20
  const { hasSearch, openCollapseItems, toggleOpenCollapseItem, searchItem, flattenItems, focusFlattenItems, memorizedItems, ids, expandedIds, firstItemId, onDragEnd, sortableIds, } = useListItemsModel({
20
21
  items: itemsProp,
21
22
  pinTop: pinTopProp,