@oneplatformdev/ui 0.1.99-beta.56 → 0.1.99-beta.58

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 0.1.99-beta.57 (2026-01-15)
+
+### 🚀 Features
+
+- **FormRenderControl:** add FormLabelWithTooltip component for improved tooltip handling ([f786447](https://github.com/oneplatformdev/core-web/commit/f786447))
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.99-beta.57
+- Updated @oneplatformdev/hooks to 0.1.99-beta.57
+- Updated @oneplatformdev/tokens to 0.1.99-beta.57
+
+### ❤️ Thank You
+
+- Bohdan Radchenko
+
 ## 0.1.99-beta.56 (2026-01-15)
 
 ### 🚀 Features

package/Search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAgDxC,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAgExC,CAAC"}

package/Search/Search.js

@@ -1,48 +1,55 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useState as g, useEffect as v } from "react";
-import { Input as C } from "../Input/Input.js";
-import { useDebounceCallback as b } from "@oneplatformdev/hooks";
-import { cn as x } from "@oneplatformdev/utils";
-import { SearchIcon as I } from "lucide-react";
-import { LoadedIcon as N } from "../LoadedIcon/LoadedIcon.js";
-const L = (n) => {
+import { jsx as r } from "react/jsx-runtime";
+import { useState as S, useRef as g, useEffect as C } from "react";
+import { Input as k } from "../Input/Input.js";
+import { useDebounceCallback as v, useEventListener as D } from "@oneplatformdev/hooks";
+import { cn as K } from "@oneplatformdev/utils";
+import { SearchIcon as b } from "lucide-react";
+import { LoadedIcon as x } from "../LoadedIcon/LoadedIcon.js";
+const q = (s) => {
   const {
-    search: e,
+    search: o,
     onChange: c,
-    onSearch: s,
-    placeholder: m = "Search",
-    className: l,
-    loading: h = !1,
-    slotProps: o,
-    name: i = "search",
+    onSearch: i,
+    placeholder: l = "Search",
+    className: m,
+    loading: u = !1,
+    slotProps: n,
+    name: f = "search",
     ...p
-  } = n, [u, a] = g(e), f = b(s, 1e3), d = (r) => {
-    const S = r.target.value;
-    a(S), c?.(r), f(r.target.value);
+  } = s, [d, t] = S(o), h = v(i, 1e3), a = g(null), w = (e) => {
+    const y = e.target.value;
+    t(y), c?.(e), h(e.target.value);
   };
-  return v(() => {
-    a(e ?? "");
-  }, [e]), /* @__PURE__ */ t(
-    C,
+  return C(() => {
+    t(o ?? "");
+  }, [o]), D(
+    "keydown",
+    (e) => {
+      (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), a.current?.focus());
+    },
+    typeof window < "u" ? window : void 0
+  ), /* @__PURE__ */ r(
+    k,
     {
-      name: i,
-      placeholder: m,
-      value: u,
-      className: x("min-w-[340px]", l),
-      onChange: d,
+      ref: a,
+      name: f,
+      placeholder: l,
+      value: d,
+      className: K("min-w-[340px]", m),
+      onChange: w,
       ...p,
-      ...o || {},
+      ...n || {},
       slotProps: {
-        ...o || {},
+        ...n || {},
         input: {
-          startAdornment: /* @__PURE__ */ t(N, { loading: h, children: /* @__PURE__ */ t(I, {}) }),
-          ...o?.input || {}
+          startAdornment: /* @__PURE__ */ r(x, { loading: u, children: /* @__PURE__ */ r(b, {}) }),
+          ...n?.input || {}
         }
       }
     }
   );
 };
 export {
-  L as Search
+  q as Search
 };
 //# sourceMappingURL=Search.js.map

package/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../src/Search/Search.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, useEffect, useState } from 'react';\n\nimport { Input } from '../Input';\nimport { SearchProps } from './Search.types';\n\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { cn } from '@oneplatformdev/utils';\nimport { SearchIcon } from 'lucide-react';\nimport { LoadedIcon } from '../LoadedIcon';\n\nexport const Search = (props: SearchProps) => {\n  const {\n    search: initialSearch,\n    onChange: handleChange,\n    onSearch,\n    placeholder = 'Search',\n    className,\n    loading = false,\n    slotProps,\n    name = 'search',\n    ...rest\n  } = props;\n  const [search, setSearch] = useState(initialSearch);\n  const debounced = useDebounceCallback(onSearch, 1000);\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const v = e.target.value;\n    setSearch(v);\n    handleChange?.(e);\n    debounced(e.target.value);\n  };\n\n  useEffect(() => {\n    setSearch(initialSearch ?? '');\n  }, [initialSearch]);\n\n  return (\n    <Input\n      name={name}\n      placeholder={placeholder}\n      value={search}\n      className={cn('min-w-[340px]', className)}\n      onChange={onChange}\n      {...rest}\n      {...(slotProps || {})}\n      slotProps={{\n        ...(slotProps || {}),\n        input: {\n          startAdornment: (\n            <LoadedIcon loading={loading}>\n              <SearchIcon />\n            </LoadedIcon>\n          ),\n          ...(slotProps?.input || {}),\n        },\n      }}\n    />\n  );\n};\n"],"names":["Search","props","initialSearch","handleChange","onSearch","placeholder","className","loading","slotProps","name","rest","search","setSearch","useState","debounced","useDebounceCallback","onChange","e","v","useEffect","jsx","Input","cn","LoadedIcon","SearchIcon"],"mappings":";;;;;;;AAYO,MAAMA,IAAS,CAACC,MAAuB;AAC5C,QAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,IACDT,GACE,CAACU,GAAQC,CAAS,IAAIC,EAASX,CAAa,GAC5CY,IAAYC,EAAoBX,GAAU,GAAI,GAE9CY,IAAW,CAACC,MAAqC;AACrD,UAAMC,IAAID,EAAE,OAAO;AACnB,IAAAL,EAAUM,CAAC,GACXf,IAAec,CAAC,GAChBH,EAAUG,EAAE,OAAO,KAAK;AAAA,EAC1B;AAEA,SAAAE,EAAU,MAAM;AACd,IAAAP,EAAUV,KAAiB,EAAE;AAAA,EAC/B,GAAG,CAACA,CAAa,CAAC,GAGhB,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,aAAAJ;AAAA,MACA,OAAOM;AAAA,MACP,WAAWW,EAAG,iBAAiBhB,CAAS;AAAA,MACxC,UAAAU;AAAA,MACC,GAAGN;AAAA,MACH,GAAIF,KAAa,CAAA;AAAA,MAClB,WAAW;AAAA,QACT,GAAIA,KAAa,CAAA;AAAA,QACjB,OAAO;AAAA,UACL,gBACE,gBAAAY,EAACG,GAAA,EAAW,SAAAhB,GACV,UAAA,gBAAAa,EAACI,KAAW,GACd;AAAA,UAEF,GAAIhB,GAAW,SAAS,CAAA;AAAA,QAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Search.js","sources":["../../src/Search/Search.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, useEffect, useState, KeyboardEvent, useRef } from 'react';\n\nimport { Input } from '../Input';\nimport { SearchProps } from './Search.types';\n\nimport { useDebounceCallback, useEventListener } from '@oneplatformdev/hooks';\nimport { cn } from '@oneplatformdev/utils';\nimport { SearchIcon } from 'lucide-react';\nimport { LoadedIcon } from '../LoadedIcon';\n\nexport const Search = (props: SearchProps) => {\n  const {\n    search: initialSearch,\n    onChange: handleChange,\n    onSearch,\n    placeholder = 'Search',\n    className,\n    loading = false,\n    slotProps,\n    name = 'search',\n    ...rest\n  } = props;\n  const [ search, setSearch ] = useState(initialSearch);\n  const debounced = useDebounceCallback(onSearch, 1000);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const v = e.target.value;\n    setSearch(v);\n    handleChange?.(e);\n    debounced(e.target.value);\n  };\n\n  useEffect(() => {\n    setSearch(initialSearch ?? '');\n  }, [ initialSearch ]);\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {\n      event.preventDefault();\n      inputRef.current?.focus();\n    }\n  };\n\n  useEventListener(\n    'keydown',\n    handleKeyDown,\n    typeof window !== 'undefined' ? window : undefined\n  );\n\n  return (\n    <Input\n      ref={inputRef}\n      name={name}\n      placeholder={placeholder}\n      value={search}\n      className={cn('min-w-[340px]', className)}\n      onChange={onChange}\n      {...rest}\n      {...(slotProps || {})}\n      slotProps={{\n        ...(slotProps || {}),\n        input: {\n          startAdornment: (\n            <LoadedIcon loading={loading}>\n              <SearchIcon/>\n            </LoadedIcon>\n          ),\n          ...(slotProps?.input || {}),\n        },\n      }}\n    />\n  );\n};\n"],"names":["Search","props","initialSearch","handleChange","onSearch","placeholder","className","loading","slotProps","name","rest","search","setSearch","useState","debounced","useDebounceCallback","inputRef","useRef","onChange","v","useEffect","useEventListener","event","jsx","Input","cn","LoadedIcon","SearchIcon"],"mappings":";;;;;;;AAYO,MAAMA,IAAS,CAACC,MAAuB;AAC5C,QAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,IACDT,GACE,CAAEU,GAAQC,CAAU,IAAIC,EAASX,CAAa,GAC9CY,IAAYC,EAAoBX,GAAU,GAAI,GAE9CY,IAAWC,EAAyB,IAAI,GAExCC,IAAW,CAAC,MAAqC;AACrD,UAAMC,IAAI,EAAE,OAAO;AACnB,IAAAP,EAAUO,CAAC,GACXhB,IAAe,CAAC,GAChBW,EAAU,EAAE,OAAO,KAAK;AAAA,EAC1B;AAEA,SAAAM,EAAU,MAAM;AACd,IAAAR,EAAUV,KAAiB,EAAE;AAAA,EAC/B,GAAG,CAAEA,CAAc,CAAC,GASpBmB;AAAA,IACE;AAAA,IARoB,CAACC,MAA2C;AAChE,OAAKA,EAAM,WAAWA,EAAM,YAAYA,EAAM,IAAI,YAAA,MAAkB,QAClEA,EAAM,eAAA,GACNN,EAAS,SAAS,MAAA;AAAA,IAEtB;AAAA,IAKE,OAAO,SAAW,MAAc,SAAS;AAAA,EAAA,GAIzC,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACL,MAAAP;AAAA,MACA,aAAAJ;AAAA,MACA,OAAOM;AAAA,MACP,WAAWc,EAAG,iBAAiBnB,CAAS;AAAA,MACxC,UAAAY;AAAA,MACC,GAAGR;AAAA,MACH,GAAIF,KAAa,CAAA;AAAA,MAClB,WAAW;AAAA,QACT,GAAIA,KAAa,CAAA;AAAA,QACjB,OAAO;AAAA,UACL,gBACE,gBAAAe,EAACG,GAAA,EAAW,SAAAnB,GACV,UAAA,gBAAAgB,EAACI,KAAU,GACb;AAAA,UAEF,GAAInB,GAAW,SAAS,CAAA;AAAA,QAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.99-beta.56",
+  "version": "0.1.99-beta.58",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -105,9 +105,9 @@
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/hooks": "^0.1.99-beta.56",
-    "@oneplatformdev/utils": "^0.1.99-beta.56",
-    "@oneplatformdev/tokens": "^0.1.99-beta.56"
+    "@oneplatformdev/hooks": "^0.1.99-beta.58",
+    "@oneplatformdev/tokens": "^0.1.99-beta.58",
+    "@oneplatformdev/utils": "^0.1.99-beta.58"
   },
   "scripts": {
     "chromatic": "chromatic"