@scaleflex/ui-tw 0.0.145 → 0.0.147

package/form/form.types.d.ts

@@ -93,6 +93,7 @@ export type FormSelectProps = SelectProps & {
     options: SelectOption[];
     placeholder?: string;
     icon?: ReactElement;
+    popoverClassName?: string;
 };
 export type FormSelectFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = Omit<FormFieldGroupProps<TFieldValues, TName>, 'children'> & {
     icon?: ReactElement;

package/highlight-text/highlight-text.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { HighlightTextProps } from './highlight-text.types';
+declare function HighlightText({ text, highlight, variant, highlightClassName, className, ...props }: HighlightTextProps): React.JSX.Element;
+export { HighlightText };

package/highlight-text/highlight-text.component.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["text", "highlight", "variant", "highlightClassName", "className"];
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import React from 'react';
+import { highlightVariants } from './highlight-text.constants';
+import { escapeRegExp } from './highlight-text.utils';
+function HighlightText(_ref) {
+  var text = _ref.text,
+    highlight = _ref.highlight,
+    variant = _ref.variant,
+    highlightClassName = _ref.highlightClassName,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (!(highlight !== null && highlight !== void 0 && highlight.trim())) {
+    return /*#__PURE__*/React.createElement("span", _extends({
+      "data-slot": "highlight-text",
+      className: className
+    }, props), text);
+  }
+  var regex = new RegExp("(".concat(escapeRegExp(highlight), ")"), 'gi');
+  var parts = text.split(regex);
+  var normalizedHighlight = highlight.toLowerCase();
+  return /*#__PURE__*/React.createElement("span", _extends({
+    "data-slot": "highlight-text",
+    className: className
+  }, props), parts.map(function (part, i) {
+    return part.toLowerCase() === normalizedHighlight ? /*#__PURE__*/React.createElement("mark", {
+      key: i,
+      className: cn(highlightVariants({
+        variant: variant
+      }), highlightClassName)
+    }, part) : part;
+  }));
+}
+export { HighlightText };

package/highlight-text/highlight-text.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const highlightVariants: (props?: ({
+    variant?: "info" | "success" | "warning" | "primary" | "destructive" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/highlight-text/highlight-text.constants.js

@@ -0,0 +1,15 @@
+import { cva } from 'class-variance-authority';
+export var highlightVariants = cva('text-inherit', {
+  variants: {
+    variant: {
+      primary: 'bg-primary/30',
+      warning: 'bg-warning/30',
+      success: 'bg-success/30',
+      info: 'bg-info/30',
+      destructive: 'bg-destructive/30'
+    }
+  },
+  defaultVariants: {
+    variant: 'primary'
+  }
+});

package/highlight-text/highlight-text.types.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes } from 'react';
+import { highlightVariants } from './highlight-text.constants';
+export interface HighlightTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, VariantProps<typeof highlightVariants> {
+    text: string;
+    highlight: string;
+    highlightClassName?: string;
+}

package/highlight-text/highlight-text.types.js

@@ -0,0 +1 @@
+export {};

package/highlight-text/highlight-text.utils.d.ts

@@ -0,0 +1 @@
+export declare function escapeRegExp(string: string): string;

package/highlight-text/highlight-text.utils.js

@@ -0,0 +1,3 @@
+export function escapeRegExp(string) {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}

package/highlight-text/index.d.ts

@@ -0,0 +1,3 @@
+export { HighlightText } from './highlight-text.component';
+export type { HighlightTextProps } from './highlight-text.types';
+export { highlightVariants } from './highlight-text.constants';

package/highlight-text/index.js

@@ -0,0 +1,2 @@
+export { HighlightText } from './highlight-text.component';
+export { highlightVariants } from './highlight-text.constants';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.145",
+  "version": "0.0.147",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -29,7 +29,7 @@
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.145",
+    "@scaleflex/icons-tw": "^0.0.147",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",