@synerise/ds-utils 0.26.6 → 0.28.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.28.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@0.27.0...@synerise/ds-utils@0.28.0) (2024-07-05)
+
+
+### Features
+
+* **badge:** added IconBadge ([4f44b60](https://github.com/synerise/synerise-design/commit/4f44b60b3eff77eb6c21b9ba0ec0cdf745100eff))
+
+
+
+
+
+# [0.27.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@0.26.6...@synerise/ds-utils@0.27.0) (2024-05-29)
+
+
+### Features
+
+* **list-item:** added prefix, suffix, ordered props ([3927035](https://github.com/synerise/synerise-design/commit/39270352b6a681f3ac402edb6c2fb7a245883304))
+
+
+
+
+
 ## [0.26.6](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@0.26.5...@synerise/ds-utils@0.26.6) (2024-05-16)
 
 **Note:** Version bump only for package @synerise/ds-utils

package/dist/index.d.ts

@@ -1,6 +1,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 { default as selectColorByLetter } from './selectColorByLetter/selectColorByLetter';
 export { default as focusWithArrowKeys } from './focusWithArrowKeys/focusWithArrowKeys';
 export { default as escapeRegEx } from './regex/regex';
@@ -13,6 +14,7 @@ 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 './omitKeys/omitKeys';
 export * from './useTraceUpdate';
 export * from './getPopupContainer';
 export declare const NOOP: () => void;

package/dist/index.js

@@ -1,6 +1,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 { default as selectColorByLetter } from './selectColorByLetter/selectColorByLetter';
 export { default as focusWithArrowKeys } from './focusWithArrowKeys/focusWithArrowKeys';
 export { default as escapeRegEx } from './regex/regex';
@@ -13,6 +14,7 @@ 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 './omitKeys/omitKeys';
 export * from './useTraceUpdate';
 export * from './getPopupContainer';
 export var NOOP = function NOOP() {}; // eslint-disable-line @typescript-eslint/no-empty-function

package/dist/omitKeys/omitKeys.d.ts

@@ -0,0 +1,3 @@
+export declare const omitKeys: (keys: string[], obj: Record<string, unknown>) => {
+    [k: string]: unknown;
+};

package/dist/omitKeys/omitKeys.js

@@ -0,0 +1,6 @@
+export var omitKeys = function omitKeys(keys, obj) {
+  return Object.fromEntries(Object.entries(obj).filter(function (_ref) {
+    var key = _ref[0];
+    return !keys.includes(key);
+  }));
+};

package/dist/renderWithHighlight/renderWithHighlight.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const renderWithHighlight: (name: string, highlight?: string, className?: string, testId?: string) => ReactNode;

package/dist/renderWithHighlight/renderWithHighlight.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { escapeRegEx } from '../index';
+export var renderWithHighlight = function renderWithHighlight(name, highlight, className, testId) {
+  if (className === void 0) {
+    className = 'string-highlight';
+  }
+
+  if (testId === void 0) {
+    testId = 'string-highlight';
+  }
+
+  if (!highlight || highlight === '') {
+    return name;
+  }
+
+  var index = name.toLocaleLowerCase().indexOf(highlight.toLocaleLowerCase());
+
+  if (index === -1) {
+    return name;
+  }
+
+  var escapedHighlight = escapeRegEx(highlight);
+  var startOfQuery = name.toLocaleLowerCase().search(escapedHighlight.toLowerCase());
+  var endOfQuery = startOfQuery + highlight.length;
+  var resultArray = [name.substring(0, startOfQuery), /*#__PURE__*/React.createElement("span", {
+    key: name,
+    className: className,
+    "data-testid": testId
+  }, name.substring(startOfQuery, endOfQuery)), name.substring(endOfQuery, name.length)];
+  return resultArray;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-utils",
-  "version": "0.26.6",
+  "version": "0.28.0",
   "description": "Utils UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -32,16 +32,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-data-format": "^0.5.0",
+    "@synerise/ds-data-format": "^0.5.1",
     "latinize": "^0.5.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
-    "react": ">=16.9.0 < 17.0.0",
+    "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "devDependencies": {
-    "@testing-library/react": "10.0.1"
-  },
-  "gitHead": "fc089bbf34c691a313b3fa648851d7831a23e3d0"
+  "gitHead": "6e5e5202d6c6f1c2caf6bfef799009813b437b3d"
 }