@synerise/ds-utils 1.3.1 → 1.4.1

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.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
+
+
+
+
+
+# [1.4.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.3.1...@synerise/ds-utils@1.4.0) (2025-07-24)
+
+
+### Features
+
+* **data-format:** conditionally apply timezone offset ([aa91c76](https://github.com/synerise/synerise-design/commit/aa91c76a88261745bbfd46e0a0dd779877931624))
+
+
+
+
+
 ## [1.3.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@1.3.0...@synerise/ds-utils@1.3.1) (2025-07-01)
 
 **Note:** Version bump only for package @synerise/ds-utils

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export { default as escapeRegEx } from './regex/regex';
 export { default as doubleClickListener } from './doubleClickListener/doubleClickListener';
 export { default as useResize } from './useResize/useResize';
 export { default as useResizeObserver } from './useResizeObserver/useResizeObserver';
-export { default as useBreakpoint } from './useBreakpoint/useBreakpoint';
+export * from './useBreakpoint/useBreakpoint';
 export { default as useCombinedRefs } from './useCombinedRefs/useCombinedRefs';
 export { default as usePrevious } from './usePrevious/usePrevious';
 export { useIsMounted } from './useIsMounted/useIsMounted';
@@ -24,4 +24,4 @@ export * from './useTraceUpdate';
 export * from './getPopupContainer';
 export * from './useLatestRef';
 export declare const NOOP: () => void;
-export type { DataAttributes, ExactlyOne, LiteralStringUnion, WithHTMLAttributes, DeepPartial, RequiredProps, } from './types/types';
+export type { DataAttributes, ExactlyOne, LiteralStringUnion, WithHTMLAttributes, DeepPartial, RequiredProps, ObjectStringKeys, } from './types/types';

package/dist/index.js

@@ -8,7 +8,7 @@ export { default as escapeRegEx } from './regex/regex';
 export { default as doubleClickListener } from './doubleClickListener/doubleClickListener';
 export { default as useResize } from './useResize/useResize';
 export { default as useResizeObserver } from './useResizeObserver/useResizeObserver';
-export { default as useBreakpoint } from './useBreakpoint/useBreakpoint';
+export * from './useBreakpoint/useBreakpoint';
 export { default as useCombinedRefs } from './useCombinedRefs/useCombinedRefs';
 export { default as usePrevious } from './usePrevious/usePrevious';
 export { useIsMounted } from './useIsMounted/useIsMounted';

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

@@ -3,7 +3,8 @@ 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'>> & {
+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,4 +1,4 @@
-var _excluded = ["notation"];
+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';
@@ -9,12 +9,15 @@ 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
-  }, notation ? {
-    dataFormatConfig: getDataFormatConfigFromNotation(notation)
-  } : {}, providerProps), node), options);
+    onErrorIntl: NOOP,
+    dataFormatConfig: dataFormatConfigProps
+  }, providerProps), node), options);
   return _extends({}, rendered, {
     rerender: function rerender(ui, opt) {
       return _renderWithProvider(ui, _extends({

package/dist/types/types.d.ts

@@ -20,3 +20,9 @@ export type DeepPartial<T> = T extends object ? {
  * Makes selected props of the base type required
  */
 export type RequiredProps<BaseType, PropName extends keyof BaseType> = Required<Pick<BaseType, PropName>> & Omit<BaseType, PropName>;
+/**
+ * Literal string union of keys from object
+ */
+export type ObjectStringKeys<T> = {
+    [K in keyof T]: T[K] extends string ? K : never;
+}[keyof T];

package/dist/useBreakpoint/useBreakpoint.d.ts

@@ -2,15 +2,16 @@ export type Dimensions = {
     width: number;
     height: number;
 };
+export type BreakpointKey = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type Breakpoint = {
     min: number;
     max: number;
     columns: number;
-    name: string;
+    name: BreakpointKey;
 };
 export type DimensionsWithBreakpoint = {
     dimensions: Dimensions;
     breakpoint?: Breakpoint;
 };
-declare const useBreakpoint: () => DimensionsWithBreakpoint;
+export declare const useBreakpoint: () => DimensionsWithBreakpoint;
 export default useBreakpoint;

package/dist/useBreakpoint/useBreakpoint.js

@@ -32,7 +32,7 @@ var BREAKPOINTS = {
     columns: 4
   }
 };
-var useBreakpoint = function useBreakpoint() {
+export var useBreakpoint = function useBreakpoint() {
   var _React$useState = React.useState({
       width: 0,
       height: 0

package/dist/useIsMounted/useIsMounted.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const useIsMounted: () => import("react").MutableRefObject<boolean>;

package/dist/useLatestRef/useLatestRef.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const useLatestRef: <T>(value: T) => import("react").MutableRefObject<T>;

package/dist/useOverscrollBlock/useOverscrollBlock.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useOverscrollBlock: <T extends HTMLElement>() => import("react").MutableRefObject<T | undefined>;
 export default useOverscrollBlock;

package/dist/useResizeObserver/useResizeObserver.d.ts

@@ -1,3 +1,3 @@
 import { type RefObject } from 'react';
-declare const useResizeObserver: (elementRef: RefObject<HTMLElement | undefined>, resizeHandler?: ((dimensions: DOMRect) => void) | undefined) => DOMRect;
+declare const useResizeObserver: (elementRef: RefObject<HTMLElement | undefined>, resizeHandler?: (dimensions: DOMRect) => void) => DOMRect;
 export default useResizeObserver;

package/dist/useResizeToFit/useResizeToFit.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type useResizeToFitProps = {
     onResize: (width: number) => void;
     autoObserve?: boolean;

package/dist/useScrollContain/useScrollContain.d.ts

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

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

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

package/dist/useSearchResults/search.utils.js

@@ -11,9 +11,9 @@ export var getActiveTabGroup = function getActiveTabGroup(tabIndex, groups) {
 };
 export var getGroupName = function getGroupName(groupId, groups) {
   var _groups$flatMap$find;
-  return (_groups$flatMap$find = groups.flatMap(function (group) {
+  return groupId ? (_groups$flatMap$find = groups.flatMap(function (group) {
     return group.subGroups ? group.subGroups : group;
   }).find(function (group) {
     return group.id === groupId;
-  })) == null ? void 0 : _groups$flatMap$find.name;
+  })) == null ? void 0 : _groups$flatMap$find.name : undefined;
 };

package/dist/useSearchResults/useSearchResults.d.ts

@@ -10,8 +10,8 @@ export type BaseGroupType<SubGroupType> = {
     name: string;
     subGroups?: SubGroupType[];
 };
-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 | undefined, searchQuery?: string, maxSearchResultsInGroup?: number) => {
+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[] | undefined) => GroupType_1 | undefined;
-    getGroupName: <GroupType_2 extends BaseGroupType<GroupType_2>>(groupId: ReactText, groups: BaseGroupType<GroupType_2>[]) => string | undefined;
+    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;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-utils",
-  "version": "1.3.1",
+  "version": "1.4.1",
   "description": "Utils UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -33,7 +33,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-data-format": "^1.0.1",
+    "@synerise/ds-data-format": "^1.1.1",
     "latinize": "^0.5.0"
   },
   "peerDependencies": {
@@ -41,5 +41,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
+  "gitHead": "5f5d424cf8c7fa89e231c36a45f5ab3e4cfac8e7"
 }