@dbcdk/react-components 0.0.148 → 0.0.149

package/dist/client.cjs

@@ -89,6 +89,7 @@ var InlineStatus = require('./components/inline-status/InlineStatus');
 var MediaCard = require('./components/media-card/MediaCard');
 var Lightbox = require('./components/lightbox/Lightbox');
 var FileUpload = require('./components/forms/file-upload/FileUpload');
+var HighlightedText = require('./components/highlighted-text/HighlightedText');
 
 
 
@@ -620,3 +621,9 @@ Object.keys(FileUpload).forEach(function (k) {
 		get: function () { return FileUpload[k]; }
 	});
 });
+Object.keys(HighlightedText).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return HighlightedText[k]; }
+	});
+});

package/dist/client.d.ts

@@ -86,3 +86,4 @@ export * from './components/inline-status/InlineStatus';
 export * from './components/media-card/MediaCard';
 export * from './components/lightbox/Lightbox';
 export * from './components/forms/file-upload/FileUpload';
+export * from './components/highlighted-text/HighlightedText';

package/dist/client.js

@@ -87,3 +87,4 @@ export * from './components/inline-status/InlineStatus';
 export * from './components/media-card/MediaCard';
 export * from './components/lightbox/Lightbox';
 export * from './components/forms/file-upload/FileUpload';
+export * from './components/highlighted-text/HighlightedText';

package/dist/components/highlighted-text/HighlightedText.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function HighlightedText({ text, query, className }) {
+  const trimmedQuery = query == null ? void 0 : query.trim();
+  if (!trimmedQuery) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: text });
+  }
+  const pattern = new RegExp(`(${escapeRegExp(trimmedQuery)})`, "gi");
+  const parts = text.split(pattern);
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: parts.map(
+    (part, index) => index % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("mark", { className: "dbc-highlight", children: part }, index) : /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: part }, index)
+  ) });
+}
+
+exports.HighlightedText = HighlightedText;

package/dist/components/highlighted-text/HighlightedText.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'react';
+export interface HighlightedTextProps {
+    text: string;
+    query?: string;
+    className?: string;
+}
+export declare function HighlightedText({ text, query, className }: HighlightedTextProps): JSX.Element;

package/dist/components/highlighted-text/HighlightedText.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { Fragment } from 'react';
+
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function HighlightedText({ text, query, className }) {
+  const trimmedQuery = query == null ? void 0 : query.trim();
+  if (!trimmedQuery) {
+    return /* @__PURE__ */ jsx("span", { className, children: text });
+  }
+  const pattern = new RegExp(`(${escapeRegExp(trimmedQuery)})`, "gi");
+  const parts = text.split(pattern);
+  return /* @__PURE__ */ jsx("span", { className, children: parts.map(
+    (part, index) => index % 2 === 1 ? /* @__PURE__ */ jsx("mark", { className: "dbc-highlight", children: part }, index) : /* @__PURE__ */ jsx(Fragment, { children: part }, index)
+  ) });
+}
+
+export { HighlightedText };

package/dist/components/json-viewer/JsonNode.cjs

@@ -3,9 +3,9 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
-var utils = require('./utils');
-var HighlightedText = require('./HighlightedText');
+var HighlightedText = require('../../components/highlighted-text/HighlightedText');
 var styles = require('./JsonViewer.module.css');
+var utils = require('./utils');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/components/json-viewer/JsonNode.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Check, Copy, ChevronDown, ChevronRight } from 'lucide-react';
-import { getNodeId, getValueType, formatPrimitive, getPrimitiveRawValue, capitalize, getPathLabel, isJsonArray, isJsonObject, getSummary } from './utils';
-import { HighlightedText } from './HighlightedText';
+import { HighlightedText } from '../../components/highlighted-text/HighlightedText';
 import styles from './JsonViewer.module.css';
+import { getNodeId, getValueType, formatPrimitive, getPrimitiveRawValue, capitalize, getPathLabel, isJsonArray, isJsonObject, getSummary } from './utils';
 
 function JsonNode({
   keyName,

package/dist/index.cjs

@@ -35,6 +35,7 @@ var StatePage = require('./components/state-page/StatePage');
 var Alert = require('./components/alert/Alert');
 var InlineStatus = require('./components/inline-status/InlineStatus');
 var MediaCard = require('./components/media-card/MediaCard');
+var HighlightedText = require('./components/highlighted-text/HighlightedText');
 
 
 
@@ -248,3 +249,9 @@ Object.keys(MediaCard).forEach(function (k) {
 		get: function () { return MediaCard[k]; }
 	});
 });
+Object.keys(HighlightedText).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return HighlightedText[k]; }
+	});
+});

package/dist/index.d.ts

@@ -34,3 +34,4 @@ export * from './components/state-page/StatePage';
 export * from './components/alert/Alert';
 export * from './components/inline-status/InlineStatus';
 export * from './components/media-card/MediaCard';
+export * from './components/highlighted-text/HighlightedText';

package/dist/index.js

@@ -33,3 +33,4 @@ export * from './components/state-page/StatePage';
 export * from './components/alert/Alert';
 export * from './components/inline-status/InlineStatus';
 export * from './components/media-card/MediaCard';
+export * from './components/highlighted-text/HighlightedText';

package/dist/styles/css-helper-classes/spacing.css

@@ -162,6 +162,10 @@
 }
 
 /* Padding - all axes */
+.dbc-p-0 {
+  padding: 0;
+}
+
 .dbc-p-xxs {
   padding: var(--spacing-xxs);
 }

package/dist/styles/styles.css

@@ -229,7 +229,6 @@ body.dbc-app {
   color: var(--color-highlight-fg, inherit);
   background-color: var(--color-highlight-bg, var(--color-status-warning-bg));
   border-radius: var(--border-radius-sm);
-  padding-inline: var(--spacing-xs);
   box-decoration-break: clone;
   -webkit-box-decoration-break: clone;
 }

package/dist/styles.css

@@ -229,7 +229,6 @@ body.dbc-app {
   color: var(--color-highlight-fg, inherit);
   background-color: var(--color-highlight-bg, var(--color-status-warning-bg));
   border-radius: var(--border-radius-sm);
-  padding-inline: var(--spacing-xs);
   box-decoration-break: clone;
   -webkit-box-decoration-break: clone;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.148",
+  "version": "0.0.149",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",

package/dist/components/json-viewer/HighlightedText.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var getHighlightedSegments = require('../../utils/text/get-highlighted-segments');
-
-function HighlightedText({ text, query }) {
-  return getHighlightedSegments.getHighlightedSegments(text, query).map(
-    (segment, index) => segment.matched ? /* @__PURE__ */ jsxRuntime.jsx("mark", { className: "dbc-highlight", children: segment.text }, `${segment.text}-${index}`) : /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: segment.text }, `${segment.text}-${index}`)
-  );
-}
-
-exports.HighlightedText = HighlightedText;

package/dist/components/json-viewer/HighlightedText.d.ts

@@ -1,5 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function HighlightedText({ text, query }: {
-    text: string;
-    query: string;
-}): ReactNode;

package/dist/components/json-viewer/HighlightedText.js

@@ -1,11 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Fragment } from 'react';
-import { getHighlightedSegments } from '../../utils/text/get-highlighted-segments';
-
-function HighlightedText({ text, query }) {
-  return getHighlightedSegments(text, query).map(
-    (segment, index) => segment.matched ? /* @__PURE__ */ jsx("mark", { className: "dbc-highlight", children: segment.text }, `${segment.text}-${index}`) : /* @__PURE__ */ jsx(Fragment, { children: segment.text }, `${segment.text}-${index}`)
-  );
-}
-
-export { HighlightedText };