@synerise/ds-utils 1.4.1 → 1.5.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.5.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.4.2...@synerise/ds-utils@1.5.0) (2025-10-10)
+
+
+### Features
+
+* **list-item:** submenu and header ([71fa4bf](https://github.com/synerise/synerise-design/commit/71fa4bfadd5fdb52d61dfe8fe87a9e47567e5d16))
+
+
+
+
+
+## [1.4.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.4.1...@synerise/ds-utils@1.4.2) (2025-09-16)
+
+**Note:** Version bump only for package @synerise/ds-utils
+
+
+
+
+
 ## [1.4.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.4.0...@synerise/ds-utils@1.4.1) (2025-08-28)
 
 **Note:** Version bump only for package @synerise/ds-utils

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { default as hexToRgba } from './hexToRgba/hexToRgba';
 export { default as toCamelCase } from './toCamelCase/toCamelCase';
 export { useOnClickOutside, type HandledEventsType, } from './useOnClickOutside/useOnClickOutside';
 export { renderWithHighlight } from './renderWithHighlight/renderWithHighlight';
+export { useStableId } from './useStableId/useStableId';
 export { default as selectColorByLetter } from './selectColorByLetter/selectColorByLetter';
 export { default as focusWithArrowKeys } from './focusWithArrowKeys/focusWithArrowKeys';
 export { default as escapeRegEx } from './regex/regex';
@@ -15,7 +16,6 @@ export { useIsMounted } from './useIsMounted/useIsMounted';
 export { default as useElementInView } from './useElementInView/useElementInView';
 export { default as useOverscrollBlock } from './useOverscrollBlock/useOverscrollBlock';
 export { default as useResizeToFit } from './useResizeToFit/useResizeToFit';
-export * from './testing';
 export * from './useScrollContain/useScrollContain';
 export * from './useSearchResults';
 export * from './useKeyboardShortcuts/useKeyboardShortcuts';

package/dist/index.js

@@ -2,6 +2,7 @@ export { default as hexToRgba } from './hexToRgba/hexToRgba';
 export { default as toCamelCase } from './toCamelCase/toCamelCase';
 export { useOnClickOutside } from './useOnClickOutside/useOnClickOutside';
 export { renderWithHighlight } from './renderWithHighlight/renderWithHighlight';
+export { useStableId } from './useStableId/useStableId';
 export { default as selectColorByLetter } from './selectColorByLetter/selectColorByLetter';
 export { default as focusWithArrowKeys } from './focusWithArrowKeys/focusWithArrowKeys';
 export { default as escapeRegEx } from './regex/regex';
@@ -15,7 +16,6 @@ export { useIsMounted } from './useIsMounted/useIsMounted';
 export { default as useElementInView } from './useElementInView/useElementInView';
 export { default as useOverscrollBlock } from './useOverscrollBlock/useOverscrollBlock';
 export { default as useResizeToFit } from './useResizeToFit/useResizeToFit';
-export * from './testing';
 export * from './useScrollContain/useScrollContain';
 export * from './useSearchResults';
 export * from './useKeyboardShortcuts/useKeyboardShortcuts';

package/dist/renderWithHighlight/renderWithHighlight.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { escapeRegEx } from '../index';
+import escapeRegEx from '../regex/regex';
 export var renderWithHighlight = function renderWithHighlight(name, highlight, className, testId) {
   if (className === void 0) {
     className = 'string-highlight';

package/dist/useSearchResults/search.utils.d.ts

@@ -1,5 +1,4 @@
-import { type ReactText } from 'react';
-import { type BaseGroupType } from './useSearchResults';
-export declare const isItemInGroup: <GroupType extends BaseGroupType<GroupType>>(groupId?: ReactText, currentGroup?: GroupType) => boolean;
+import { type BaseGroupType } from './types';
+export declare const isItemInGroup: <GroupType extends BaseGroupType<GroupType>>(groupId?: string | number, currentGroup?: GroupType) => boolean;
 export declare const getActiveTabGroup: <GroupType extends BaseGroupType<GroupType>>(tabIndex: number, groups?: GroupType[]) => GroupType | undefined;
-export declare const getGroupName: <GroupType extends BaseGroupType<GroupType>>(groupId: ReactText | undefined, groups: BaseGroupType<GroupType>[]) => string | undefined;
+export declare const getGroupName: <GroupType extends BaseGroupType<GroupType>>(groupId: string | number | undefined, groups: BaseGroupType<GroupType>[]) => string | undefined;

package/dist/useSearchResults/types.d.ts

@@ -0,0 +1,11 @@
+export type BaseItemType = {
+    id: string | number | null;
+    groupId?: string | number;
+    subtitle?: string;
+    name: string;
+};
+export type BaseGroupType<SubGroupType> = {
+    id: string | number;
+    name: string;
+    subGroups?: SubGroupType[];
+};

package/dist/useSearchResults/types.js

@@ -0,0 +1 @@
+export {};

package/dist/useSearchResults/useSearchResults.d.ts

@@ -1,17 +1,6 @@
-import { type ReactText } from 'react';
-export type BaseItemType = {
-    id: ReactText | null;
-    groupId?: ReactText;
-    subtitle?: string;
-    name: string;
-};
-export type BaseGroupType<SubGroupType> = {
-    id: ReactText;
-    name: string;
-    subGroups?: SubGroupType[];
-};
+import { type BaseGroupType, type BaseItemType } from './types';
 export declare const useSearchResults: <ItemType extends BaseItemType, GroupType extends BaseGroupType<GroupType>, GroupedListItemType>(items: ItemType[], groups: GroupType[], activeTab: number, groupByGroupName: (items: ItemType[], max?: number) => GroupedListItemType[], activeGroup?: GroupType, searchQuery?: string, maxSearchResultsInGroup?: number) => {
     searchResults: GroupedListItemType[];
     getActiveTabGroup: <GroupType_1 extends BaseGroupType<GroupType_1>>(tabIndex: number, groups?: GroupType_1[]) => GroupType_1 | undefined;
-    getGroupName: <GroupType_1 extends BaseGroupType<GroupType_1>>(groupId: ReactText | undefined, groups: BaseGroupType<GroupType_1>[]) => string | undefined;
+    getGroupName: <GroupType_1 extends BaseGroupType<GroupType_1>>(groupId: string | number | undefined, groups: BaseGroupType<GroupType_1>[]) => string | undefined;
 };

package/dist/useStableId/useStableId.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns a stable UUID that persists for the lifetime
+ * of the component instance.
+ */
+export declare const useStableId: () => string;

package/dist/useStableId/useStableId.js

@@ -0,0 +1,14 @@
+import { useRef } from 'react';
+import { v4 as uuid } from 'uuid';
+
+/**
+ * Returns a stable UUID that persists for the lifetime
+ * of the component instance.
+ */
+export var useStableId = function useStableId() {
+  var idRef = useRef();
+  if (!idRef.current) {
+    idRef.current = uuid();
+  }
+  return idRef.current;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-utils",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "Utils UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -25,6 +25,7 @@
     "prepublish": "npm run build",
     "test": "jest",
     "types": "tsc --noEmit",
+    "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
   },
   "sideEffects": [
@@ -33,13 +34,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-data-format": "^1.1.1",
     "latinize": "^0.5.0"
   },
   "peerDependencies": {
-    "@synerise/ds-core": "*",
+    "@synerise/ds-core": "^1",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "5f5d424cf8c7fa89e231c36a45f5ab3e4cfac8e7"
+  "gitHead": "4e09fc37fa21ff2e27655e7bb305b136db0ca199"
 }

package/dist/testing/index.d.ts

@@ -1,2 +0,0 @@
-export { default as renderWithProvider } from './renderWithProvider/renderWithProvider';
-export { sleep } from './sleep';

package/dist/testing/index.js

@@ -1,2 +0,0 @@
-export { default as renderWithProvider } from './renderWithProvider/renderWithProvider';
-export { sleep } from './sleep';

package/dist/testing/renderWithProvider/renderWithProvider.d.ts

@@ -1,10 +0,0 @@
-import { type ReactNode } from 'react';
-import { type DSProviderProps } from '@synerise/ds-core';
-import { type DataFormatNotationType } from '@synerise/ds-data-format';
-import { type RenderOptions, type RenderResult } from '@testing-library/react';
-type Options = Omit<RenderOptions, 'queries'>;
-declare const renderWithProvider: (node: ReactNode, options?: Options, props?: Partial<Omit<DSProviderProps, "onErrorIntl" | "dataFormatConfig">> & {
-    notation?: DataFormatNotationType;
-    applyTimeZoneOffset?: boolean;
-}) => RenderResult;
-export default renderWithProvider;

package/dist/testing/renderWithProvider/renderWithProvider.js

@@ -1,29 +0,0 @@
-var _excluded = ["notation", "applyTimeZoneOffset"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { DSProvider } from '@synerise/ds-core';
-import { getDataFormatConfigFromNotation } from '@synerise/ds-data-format';
-import { render } from '@testing-library/react';
-import { NOOP } from '../../index';
-var _renderWithProvider = function renderWithProvider(node, options, props) {
-  var _ref = props || {},
-    notation = _ref.notation,
-    applyTimeZoneOffset = _ref.applyTimeZoneOffset,
-    providerProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var dataFormatConfigProps = applyTimeZoneOffset !== undefined || notation ? _extends({}, notation ? getDataFormatConfigFromNotation(notation) : {}, {
-    applyTimeZoneOffset: applyTimeZoneOffset
-  }) : {};
-  var rendered = render(/*#__PURE__*/React.createElement(DSProvider, _extends({
-    onErrorIntl: NOOP,
-    dataFormatConfig: dataFormatConfigProps
-  }, providerProps), node), options);
-  return _extends({}, rendered, {
-    rerender: function rerender(ui, opt) {
-      return _renderWithProvider(ui, _extends({
-        container: rendered.container
-      }, opt));
-    }
-  });
-};
-export default _renderWithProvider;

package/dist/testing/renderWithProvider/renderWithProvider.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/testing/sleep.d.ts

@@ -1 +0,0 @@
-export declare const sleep: (duration?: number) => Promise<unknown>;

package/dist/testing/sleep.js

@@ -1,8 +0,0 @@
-export var sleep = function sleep(duration) {
-  if (duration === void 0) {
-    duration = 1000;
-  }
-  return new Promise(function (resolve) {
-    return setTimeout(resolve, duration);
-  });
-};