@synerise/ds-utils 1.0.0 → 1.1.0

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.0.1...@synerise/ds-utils@1.1.0) (2025-05-07)
+
+
+### Bug Fixes
+
+* **item-picker:** focus in search on section change ([9b41649](https://github.com/synerise/synerise-design/commit/9b416499c0cb2fa78447eb5769ae9f9a0f35b6d4))
+* **table:** update batch selection for table with limit ([a63698a](https://github.com/synerise/synerise-design/commit/a63698adf24e59aa3b220f3840ecdc43d60d62a5))
+
+
+### Features
+
+* **toast:** toast component ([0cb20d0](https://github.com/synerise/synerise-design/commit/0cb20d07b48d1c768a0ddf133b1970a4a13444ca))
+
+
+
+
+
+## [1.0.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.0.0...@synerise/ds-utils@1.0.1) (2025-03-18)
+
+**Note:** Version bump only for package @synerise/ds-utils
+
+
+
+
+
 ## [0.32.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@0.32.2...@synerise/ds-utils@0.32.3) (2025-03-10)
 
 **Note:** Version bump only for package @synerise/ds-utils

package/dist/focusWithArrowKeys/focusWithArrowKeys.js

@@ -14,7 +14,7 @@ var focusWithArrowKeys = function focusWithArrowKeys(keyDownEvent, focusableItem
     if (isItemFocused) {
       var nextSibling = activeElement.nextElementSibling;
       var hasFocusableChildren = hasFocusableElementInside(activeElement, selector);
-      elementToFocusOn = nextSibling !== null && !hasFocusableChildren ? nextSibling : focusableElements[activeElementIndex + 1];
+      elementToFocusOn = nextSibling !== null && hasFocusableChildren ? nextSibling : focusableElements[activeElementIndex + 1];
     } else {
       elementToFocusOn = document.querySelector("." + focusableItemClass);
     }
@@ -30,7 +30,9 @@ var focusWithArrowKeys = function focusWithArrowKeys(keyDownEvent, focusableItem
     var _elementToFocusOn;
     if (isItemFocused) {
       var prevSibling = activeElement.previousElementSibling;
-      _elementToFocusOn = prevSibling !== null && !hasFocusableElementInside(prevSibling, selector) ? prevSibling : focusableElements[activeElementIndex - 1];
+      _elementToFocusOn = prevSibling !== null && hasFocusableElementInside(prevSibling, selector) ? prevSibling : focusableElements[activeElementIndex - 1];
+    } else {
+      _elementToFocusOn = focusableElements[focusableElements.length - 1];
     }
     if (_elementToFocusOn) {
       _elementToFocusOn.focus();

package/dist/index.d.ts

@@ -14,10 +14,12 @@ export { default as usePrevious } from './usePrevious/usePrevious';
 export { default as useElementInView } from './useElementInView/useElementInView';
 export { default as useOverscrollBlock } from './useOverscrollBlock/useOverscrollBlock';
 export { default as useResizeToFit } from './useResizeToFit/useResizeToFit';
+export * from './useScrollContain/useScrollContain';
 export * from './useSearchResults';
+export * from './useKeyboardShortcuts/useKeyboardShortcuts';
 export * from './omitKeys/omitKeys';
 export * from './useTraceUpdate';
 export * from './getPopupContainer';
 export declare const NOOP: () => void;
 export type { HandledEventsType } from './useOnClickOutside/useOnClickOutside';
-export type { ExactlyOne, LiteralStringUnion, WithHTMLAttributes, DeepPartial } from './types/types';
+export type { DataAttributes, ExactlyOne, LiteralStringUnion, WithHTMLAttributes, DeepPartial, RequiredProps, } from './types/types';

package/dist/index.js

@@ -14,7 +14,9 @@ export { default as usePrevious } from './usePrevious/usePrevious';
 export { default as useElementInView } from './useElementInView/useElementInView';
 export { default as useOverscrollBlock } from './useOverscrollBlock/useOverscrollBlock';
 export { default as useResizeToFit } from './useResizeToFit/useResizeToFit';
+export * from './useScrollContain/useScrollContain';
 export * from './useSearchResults';
+export * from './useKeyboardShortcuts/useKeyboardShortcuts';
 export * from './omitKeys/omitKeys';
 export * from './useTraceUpdate';
 export * from './getPopupContainer';

package/dist/testing/renderWithLocalesLoaded/renderWithLocalesLoaded.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 import React from 'react';
 import { render } from '@testing-library/react';
 import { DSProvider } from '@synerise/ds-core';
@@ -17,7 +17,7 @@ var renderWithLocalesLoaded = function renderWithLocalesLoaded(node, options, pr
         }
       }));
     };
-    var rendered = render( /*#__PURE__*/React.createElement(DSProvider, _extends({
+    var rendered = render(/*#__PURE__*/React.createElement(DSProvider, _extends({
       locale: (_props$locale = props == null ? void 0 : props.locale) != null ? _props$locale : undefined,
       onErrorIntl: NOOP,
       onDSLocalesLoaded: onDSLocalesLoaded,

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

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

package/dist/testing/renderWithProvider/renderWithProvider.js

@@ -1,25 +1,26 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _excluded = ["notation"];
+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 { render } from '@testing-library/react';
 import { DSProvider } from '@synerise/ds-core';
 import { getDataFormatConfigFromNotation } from '@synerise/ds-data-format';
 import { NOOP } from '../../index';
-var renderWithProvider = function renderWithProvider(node, options, props) {
-  var _props$locale, _props$timeZone;
-  var rendered = render( /*#__PURE__*/React.createElement(DSProvider, _extends({
-    locale: (_props$locale = props == null ? void 0 : props.locale) != null ? _props$locale : undefined,
-    onErrorIntl: NOOP,
-    onDSLocalesLoaded: props == null ? void 0 : props.onDSLocalesLoaded,
-    timeZone: (_props$timeZone = props == null ? void 0 : props.timeZone) != null ? _props$timeZone : undefined
-  }, props != null && props.notation ? {
-    dataFormatConfig: getDataFormatConfigFromNotation(props.notation)
-  } : {}), node), options);
+var _renderWithProvider = function renderWithProvider(node, options, props) {
+  var _ref = props || {},
+    notation = _ref.notation,
+    providerProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var rendered = render(/*#__PURE__*/React.createElement(DSProvider, _extends({
+    onErrorIntl: NOOP
+  }, notation ? {
+    dataFormatConfig: getDataFormatConfigFromNotation(notation)
+  } : {}, providerProps), node), options);
   return _extends({}, rendered, {
     rerender: function rerender(ui, opt) {
-      return renderWithProvider(ui, _extends({
+      return _renderWithProvider(ui, _extends({
         container: rendered.container
       }, opt));
     }
   });
 };
-export default renderWithProvider;
+export default _renderWithProvider;

package/dist/types/types.d.ts

@@ -11,7 +11,12 @@ export type ExactlyOne<T, U> = (T & {
 }) | (U & {
     [K in keyof T]?: never;
 });
-export type WithHTMLAttributes<ElementType extends HTMLElement, BaseType> = BaseType & Omit<HTMLAttributes<ElementType>, keyof BaseType>;
+export type DataAttributes = Record<`data-${string}`, string>;
+export type WithHTMLAttributes<ElementType extends HTMLElement, BaseType> = BaseType & Omit<HTMLAttributes<ElementType>, keyof BaseType> & DataAttributes;
 export type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
+/**
+ * Makes selected props of the base type required
+ */
+export type RequiredProps<BaseType, PropName extends keyof BaseType> = Required<Pick<BaseType, PropName>> & Omit<BaseType, PropName>;

package/dist/useBreakpoint/useBreakpoint.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 import React from 'react';
 var BREAKPOINTS = {
   xxl: {

package/dist/useElementInView/useElementInView.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 import { useEffect, useRef, useState } from 'react';
 var useElementInView = function useElementInView(options, rootElementRef) {
   var elementRef = useRef(null);

package/dist/useKeyboardShortcuts/useKeyboardShortcuts.d.ts

@@ -0,0 +1,3 @@
+type ShortcutsConfig = Record<string, (event: KeyboardEvent) => void>;
+export declare const useKeyboardShortcuts: (keyConfig: ShortcutsConfig) => void;
+export {};

package/dist/useKeyboardShortcuts/useKeyboardShortcuts.js

@@ -0,0 +1,12 @@
+import { useEffect } from 'react';
+export var useKeyboardShortcuts = function useKeyboardShortcuts(keyConfig) {
+  useEffect(function () {
+    var keyboardShortcuts = function keyboardShortcuts(event) {
+      keyConfig[event.key] && keyConfig[event.key](event);
+    };
+    document.addEventListener('keydown', keyboardShortcuts);
+    return function () {
+      document.removeEventListener('keydown', keyboardShortcuts);
+    };
+  }, [keyConfig]);
+};

package/dist/useScrollContain/useScrollContain.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useScrollContain: <ElementType extends HTMLElement>() => import("react").RefObject<ElementType>;

package/dist/useScrollContain/useScrollContain.js

@@ -0,0 +1,19 @@
+import { useEffect, useRef } from 'react';
+export var useScrollContain = function useScrollContain() {
+  var elementRef = useRef(null);
+  useEffect(function () {
+    var blockWheel = function blockWheel(event) {
+      event.stopPropagation();
+      event.preventDefault();
+    };
+    var element;
+    if (elementRef.current) {
+      element = elementRef.current;
+      element.addEventListener('wheel', blockWheel);
+    }
+    return function () {
+      element && element.removeEventListener('wheel', blockWheel);
+    };
+  }, []);
+  return elementRef;
+};

package/dist/useSearchResults/useSearchResults.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 import { useMemo } from 'react';
 import { getActiveTabGroup, getGroupName, isItemInGroup } from './search.utils';
 export var useSearchResults = function useSearchResults(items, groups, activeTab, groupByGroupName, activeGroup, searchQuery, maxSearchResultsInGroup) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-utils",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Utils UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -41,5 +41,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "e4c3690238a44b584b9ea41e4aa52b1eec42174b"
+  "gitHead": "90af7549cf0f556340bdd0deec4bb59bacf3e95e"
 }