@synerise/ds-utils 0.26.5 → 0.27.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.
 
+# [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
+
+
+
+
+
 ## [0.26.5](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@0.26.4...@synerise/ds-utils@0.26.5) (2024-05-10)
 
 

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';

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';

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.5",
+  "version": "0.27.0",
   "description": "Utils UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -32,7 +32,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-data-format": "^0.4.9",
+    "@synerise/ds-data-format": "^0.5.0",
     "latinize": "^0.5.0"
   },
   "peerDependencies": {
@@ -43,5 +43,5 @@
   "devDependencies": {
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "dea3898f262a7c333c6fd8ef806036ed4368bde7"
+  "gitHead": "6bd94c78745df68ee3b853120a863ab24fc233ef"
 }