@snack-uikit/list 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.6.0 (2024-02-27)
+
+
+### Bug Fixes
+
+* **FF-4324:** fix onChange selection value in controlled ([0be6178](https://github.com/cloud-ru-tech/snack-uikit/commit/0be6178e51dc24ff4c367a420d61065d00d695fd))
+
+
+### Features
+
+* **FF-4324:** add some exports ([7a62446](https://github.com/cloud-ru-tech/snack-uikit/commit/7a6244690288d279bbd4746280029f8f5ecda0b0))
+
+
+
+
+
 # 0.5.0 (2024-02-27)
 
 

package/README.md

@@ -8,11 +8,36 @@
 
 [//]: DOCUMENTATION_SECTION_START
 [//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
+## useFuzzySearch
+Нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
 ## extractChildIds
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
 | items* | `ItemProps[]` | - |  |
+## flattenItems
+`flattenItems` 
+
+Функция разворачивает массив айтемов в плоский список
+## isAccordionItemProps
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+## isBaseItemProps
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+## isGroupItemProps
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+## isNextListItemProps
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
 ## useGroupItemSelection
 ### Props
 | name | type | default value | description |

package/dist/components/Lists/contexts/SelectionProvider.js

@@ -26,8 +26,9 @@ export function isSelectionSingleProps(props) {
     return 'mode' in props && props['mode'] === 'single';
 }
 function SelectionSingleProvider({ value: valueProp, defaultValue, onChange: onChangeProp, children, }) {
-    const [value, setValue] = useUncontrolledProp(valueProp, defaultValue, cb => {
-        onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(cb(value));
+    const [value, setValue] = useUncontrolledProp(valueProp, defaultValue, newValue => {
+        const result = typeof newValue === 'function' ? newValue(value) : newValue;
+        onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(result);
     });
     const onChange = useCallback((newValue) => setValue((oldValue) => {
         if (newValue !== oldValue) {
@@ -45,7 +46,10 @@ function SelectionSingleProvider({ value: valueProp, defaultValue, onChange: onC
         }, children: children }));
 }
 function SelectionMultipleProvider({ value: valueProp, defaultValue, onChange: onChangeProp, children, }) {
-    const [value, setValue] = useUncontrolledProp(valueProp, defaultValue, onChangeProp);
+    const [value, setValue] = useUncontrolledProp(valueProp, defaultValue, newValue => {
+        const result = typeof newValue === 'function' ? newValue(value) : newValue;
+        onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(result);
+    });
     const onChange = useCallback((newValue) => {
         setValue((oldValues) => {
             if (Array.isArray(oldValues)) {

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Lists';
-export type { AccordionItemProps, NextListItemProps, BaseItemProps, GroupItemProps, ItemProps } from './Items/types';
+export type { AccordionItemProps, NextListItemProps, BaseItemProps, GroupItemProps, ItemProps } from './Items';
+export { isAccordionItemProps, isBaseItemProps, isGroupItemProps, isNextListItemProps } from './Items';
 export { useGroupItemSelection } from './Items/hooks';

package/dist/components/index.js

@@ -1,2 +1,3 @@
 export * from './Lists';
+export { isAccordionItemProps, isBaseItemProps, isGroupItemProps, isNextListItemProps } from './Items';
 export { useGroupItemSelection } from './Items/hooks';

package/dist/hooks.d.ts

@@ -1,2 +1,5 @@
 import { ItemProps } from './components/Items';
+/**
+ * Нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
+ */
 export declare function useFuzzySearch(items: ItemProps[], minSearchInputLength?: number): (search: string) => ItemProps[];

package/dist/hooks.js

@@ -1,24 +1,10 @@
 import FuzzySearch from 'fuzzy-search';
 import { useCallback } from 'react';
-import { isGroupItemProps } from './components/Items';
-function flattenItems(items) {
-    const flattenedItems = [];
-    function flatten(item) {
-        if (!isGroupItemProps(item)) {
-            flattenedItems.push(item);
-        }
-        if ('items' in item) {
-            for (const nestedItem of item.items) {
-                flatten(nestedItem);
-            }
-        }
-    }
-    for (const item of items) {
-        flatten(item);
-    }
-    return flattenedItems;
-}
+import { flattenItems } from './utils';
 const DEFAULT_MIN_SEARCH_INPUT_LENGTH = 2;
+/**
+ * Нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
+ */
 export function useFuzzySearch(items, minSearchInputLength) {
     return useCallback((search) => {
         const searcher = new FuzzySearch(flattenItems(items), ['content.option', 'content.caption', 'content.description', 'label'], {});

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
 export { useFuzzySearch } from './hooks';
 export type { SearchState } from './types';
-export { extractChildIds } from './utils';
+export { extractChildIds, flattenItems } from './utils';

package/dist/index.js

@@ -1,3 +1,3 @@
 export * from './components';
 export { useFuzzySearch } from './hooks';
-export { extractChildIds } from './utils';
+export { extractChildIds, flattenItems } from './utils';

package/dist/utils.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { ItemProps } from './components/Items';
+import { AccordionItemProps, BaseItemProps, ItemProps, NextListItemProps } from './components/Items';
 type WithCollapsedItemsProps = {
     items: ItemProps[];
     openCollapsedItems: Array<number | string>;
@@ -11,6 +11,10 @@ export declare function withCollapsedItems({ items, openCollapsedItems }: WithCo
     expandedIds: (string | number)[];
 };
 export declare function extractItemRefs(items: ItemProps[]): RefObject<HTMLElement>[];
+/**
+ * Функция возвращает массив id дочерних items
+ * @function  extractItemIds
+ */
 export declare function extractItemIds(items: ItemProps[]): Array<string | number>;
 export declare function extractChildIds({ items }: {
     items: ItemProps[];
@@ -18,4 +22,9 @@ export declare function extractChildIds({ items }: {
 export declare function extractAllChildIds({ items }: {
     items: ItemProps[];
 }): Array<string | number>;
+/**
+ *  Функция разворачивает массив айтемов в плоский список
+ *  @function  flattenItems
+ */
+export declare function flattenItems(items: ItemProps[]): (BaseItemProps | AccordionItemProps | NextListItemProps)[];
 export {};

package/dist/utils.js

@@ -46,6 +46,10 @@ export function extractItemRefs(items) {
         return item.itemRef ? prev.concat([item.itemRef]) : prev;
     }, []);
 }
+/**
+ * Функция возвращает массив id дочерних items
+ * @function  extractItemIds
+ */
 export function extractItemIds(items) {
     return items.reduce((prev, item) => {
         if (isGroupItemProps(item)) {
@@ -88,3 +92,24 @@ export function extractAllChildIds({ items }) {
         return item.id && !isGroupItemProps(item) ? prev.concat([item.id]) : prev;
     }, []);
 }
+/**
+ *  Функция разворачивает массив айтемов в плоский список
+ *  @function  flattenItems
+ */
+export function flattenItems(items) {
+    const flattenedItems = [];
+    function flatten(item) {
+        if (!isGroupItemProps(item)) {
+            flattenedItems.push(item);
+        }
+        if ('items' in item) {
+            for (const nestedItem of item.items) {
+                flatten(nestedItem);
+            }
+        }
+    }
+    for (const item of items) {
+        flatten(item);
+    }
+    return flattenedItems;
+}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "List",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,7 +32,7 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/divider": "3.0.1",
+    "@snack-uikit/divider": "3.0.2",
     "@snack-uikit/dropdown": "0.2.0",
     "@snack-uikit/icons": "0.20.1",
     "@snack-uikit/info-block": "0.3.0",
@@ -54,5 +54,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "bfdd4a8e3c077eab0d45e177172a62b6dcbda06b"
+  "gitHead": "559f1542bf57e8a3be174390e4bd1f2b8f799946"
 }

package/src/components/Lists/contexts/SelectionProvider.tsx

@@ -90,8 +90,10 @@ function SelectionSingleProvider({
   onChange: onChangeProp,
   children,
 }: SelectionSingleProps & Child) {
-  const [value, setValue] = useUncontrolledProp<SelectionSingleValueType>(valueProp, defaultValue, cb => {
-    onChangeProp?.(cb(value));
+  const [value, setValue] = useUncontrolledProp<SelectionSingleValueType>(valueProp, defaultValue, newValue => {
+    const result = typeof newValue === 'function' ? newValue(value) : newValue;
+
+    onChangeProp?.(result);
   });
 
   const onChange = useCallback(
@@ -128,7 +130,11 @@ function SelectionMultipleProvider({
   onChange: onChangeProp,
   children,
 }: SelectionMultipleProps & Child) {
-  const [value, setValue] = useUncontrolledProp<SelectionSingleValueType[]>(valueProp, defaultValue, onChangeProp);
+  const [value, setValue] = useUncontrolledProp<SelectionSingleValueType[]>(valueProp, defaultValue, newValue => {
+    const result = typeof newValue === 'function' ? newValue(value) : newValue;
+
+    onChangeProp?.(result);
+  });
 
   const onChange = useCallback(
     (newValue: SelectionSingleValueType) => {

package/src/components/index.ts

@@ -1,5 +1,6 @@
 export * from './Lists';
 
-export type { AccordionItemProps, NextListItemProps, BaseItemProps, GroupItemProps, ItemProps } from './Items/types';
+export type { AccordionItemProps, NextListItemProps, BaseItemProps, GroupItemProps, ItemProps } from './Items';
+export { isAccordionItemProps, isBaseItemProps, isGroupItemProps, isNextListItemProps } from './Items';
 
 export { useGroupItemSelection } from './Items/hooks';

package/src/hooks.ts

@@ -1,32 +1,14 @@
 import FuzzySearch from 'fuzzy-search';
 import { useCallback } from 'react';
 
-import { isGroupItemProps, ItemProps } from './components/Items';
-
-function flattenItems(items: ItemProps[]): ItemProps[] {
-  const flattenedItems: ItemProps[] = [];
-
-  function flatten(item: ItemProps) {
-    if (!isGroupItemProps(item)) {
-      flattenedItems.push(item);
-    }
-
-    if ('items' in item) {
-      for (const nestedItem of item.items) {
-        flatten(nestedItem);
-      }
-    }
-  }
-
-  for (const item of items) {
-    flatten(item);
-  }
-
-  return flattenedItems;
-}
+import { ItemProps } from './components/Items';
+import { flattenItems } from './utils';
 
 const DEFAULT_MIN_SEARCH_INPUT_LENGTH = 2;
 
+/**
+ * Нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
+ */
 export function useFuzzySearch(items: ItemProps[], minSearchInputLength?: number) {
   return useCallback(
     (search: string) => {

package/src/index.ts

@@ -1,4 +1,4 @@
 export * from './components';
 export { useFuzzySearch } from './hooks';
 export type { SearchState } from './types';
-export { extractChildIds } from './utils';
+export { extractChildIds, flattenItems } from './utils';

package/src/utils.ts

@@ -1,11 +1,14 @@
 import { RefObject } from 'react';
 
 import {
+  AccordionItemProps,
+  BaseItemProps,
   isAccordionItemProps,
   isBaseItemProps,
   isGroupItemProps,
   isNextListItemProps,
   ItemProps,
+  NextListItemProps,
 } from './components/Items';
 
 type WithCollapsedItemsProps = {
@@ -77,6 +80,11 @@ export function extractItemRefs(items: ItemProps[]): RefObject<HTMLElement>[] {
   }, [] as RefObject<HTMLElement>[]);
 }
 
+/**
+ * Функция возвращает массив id дочерних items
+ * @function  extractItemIds
+ */
+
 export function extractItemIds(items: ItemProps[]): Array<string | number> {
   return items.reduce(
     (prev: Array<string | number>, item: ItemProps) => {
@@ -138,3 +146,30 @@ export function extractAllChildIds({ items }: { items: ItemProps[] }): Array<str
       [] as Array<string | number>,
     );
 }
+
+/**
+ *  Функция разворачивает массив айтемов в плоский список
+ *  @function  flattenItems
+ */
+
+export function flattenItems(items: ItemProps[]): (BaseItemProps | AccordionItemProps | NextListItemProps)[] {
+  const flattenedItems: (BaseItemProps | AccordionItemProps | NextListItemProps)[] = [];
+
+  function flatten(item: ItemProps) {
+    if (!isGroupItemProps(item)) {
+      flattenedItems.push(item);
+    }
+
+    if ('items' in item) {
+      for (const nestedItem of item.items) {
+        flatten(nestedItem);
+      }
+    }
+  }
+
+  for (const item of items) {
+    flatten(item);
+  }
+
+  return flattenedItems;
+}