@oneplatformdev/ui 0.0.1-beta.44 → 0.0.1-beta.46

package/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
 declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/Accordion/Accordion.mjs

@@ -1,46 +1,49 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import * as i from "react";
+import * as s from "react";
 import * as e from "@radix-ui/react-accordion";
 import { ChevronDown as m } from "lucide-react";
-import { cn as s } from "@oneplatformdev/utils";
-const g = e.Root, c = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a(
+import { cn as c } from "@oneplatformdev/utils";
+const u = e.Root, l = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ a(
   e.Item,
   {
     ref: r,
-    className: s("border-b", o),
-    ...t
+    className: c("border-b", t),
+    ...o
   }
 ));
-c.displayName = "AccordionItem";
-const l = i.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
+l.displayName = "AccordionItem";
+const f = s.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
   e.Trigger,
   {
-    ref: n,
-    className: s(
+    ref: i,
+    className: c(
       "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
-      o
+      t
     ),
+    onKeyDown: (n) => {
+      n.key === " " && n.target === n.currentTarget && n.preventDefault();
+    },
     ...r,
     children: [
-      t,
+      o,
       /* @__PURE__ */ a(m, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
     ]
   }
 ) }));
-l.displayName = e.Trigger.displayName;
-const f = i.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(
+f.displayName = e.Trigger.displayName;
+const p = s.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ a(
   e.Content,
   {
-    ref: n,
+    ref: i,
     className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...r,
-    children: /* @__PURE__ */ a("div", { className: s("pb-4 pt-0", o), children: t })
+    children: /* @__PURE__ */ a("div", { className: c("pb-4 pt-0", t), children: o })
   }
 ));
-f.displayName = e.Content.displayName;
+p.displayName = e.Content.displayName;
 export {
-  g as Accordion,
-  f as AccordionContent,
-  c as AccordionItem,
-  l as AccordionTrigger
+  u as Accordion,
+  p as AccordionContent,
+  l as AccordionItem,
+  f as AccordionTrigger
 };

package/FormDatePicker/FormDatePicker.mjs

@@ -1,27 +1,29 @@
-import { jsx as o } from "react/jsx-runtime";
-import { DatePicker as c } from "../DatePicker/DatePicker.mjs";
-import { FormControl as i } from "../Form/Form.mjs";
-import { FormRenderControl as l } from "../Form/FormRenderControl.mjs";
-const f = (e) => {
-  const { form: t, name: m, label: n, ...a } = e;
-  return /* @__PURE__ */ o(
-    l,
+import { jsx as e } from "react/jsx-runtime";
+import { DatePicker as l } from "../DatePicker/DatePicker.mjs";
+import { FormControl as p } from "../Form/Form.mjs";
+import { FormRenderControl as s } from "../Form/FormRenderControl.mjs";
+const h = (m) => {
+  const { form: n, name: a, label: c, onDateChange: r, ...i } = m;
+  return /* @__PURE__ */ e(
+    s,
     {
-      form: t,
-      name: m,
-      label: n,
-      render: ({ field: r }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
-        c,
+      form: n,
+      name: a,
+      label: c,
+      render: ({ field: o }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+        l,
         {
-          ...r,
-          ...a,
-          selectedDate: r.value,
-          onDateChange: r.onChange
+          ...o,
+          ...i,
+          selectedDate: o.value,
+          onDateChange: (t) => {
+            o.onChange(t), r == null || r(t);
+          }
         }
       ) })
     }
   );
 };
 export {
-  f as FormDatePicker
+  h as FormDatePicker
 };

package/FormDatePicker/FormDatePicker.types.d.ts

@@ -2,5 +2,5 @@ import { DatePickerProps } from '../DatePicker';
 import { FormRenderControlExtendProps } from '../Form';
 import { FieldValues } from 'react-hook-form/dist/types/fields';
 
-export interface FormDatePickerProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, DatePickerProps {
+export interface FormDatePickerProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<DatePickerProps, 'onDateChange'>, Partial<Pick<DatePickerProps, 'onDateChange'>> {
 }

package/Select/Select.mjs

@@ -1,65 +1,67 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { Button as f } from "../Button/Button.mjs";
+import { jsxs as d, jsx as c } from "react/jsx-runtime";
+import { createElement as f } from "react";
+import { Button as g } from "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
-import { SelectRoot as g, SelectContent as p, SelectTrigger as h, SelectValue as v, SelectItem as u } from "./SelectRoot.mjs";
-import { isValidReactElement as c } from "@oneplatformdev/utils";
-const S = (o) => {
-  const { placeholder: l, renderTrigger: e, slotProps: t } = o, n = /* @__PURE__ */ a(h, { ...(t == null ? void 0 : t.triggerProps) || {}, children: /* @__PURE__ */ a(v, { placeholder: l }) });
-  return e && typeof e == "function" && c(e(o, n)) ? e(o, n) : n;
-}, C = (o) => {
-  const { renderOption: l, option: e, index: t, options: n, ...i } = o, r = /* @__PURE__ */ a(u, { value: e.value, children: e.label }, e.value);
-  return l && typeof l == "function" && c(l(
+import { SelectRoot as p, SelectContent as h, SelectTrigger as v, SelectValue as S, SelectItem as u } from "./SelectRoot.mjs";
+import { isValidReactElement as i } from "@oneplatformdev/utils";
+const C = (r) => {
+  const { placeholder: l, renderTrigger: e, slotProps: n } = r, t = /* @__PURE__ */ c(v, { ...(n == null ? void 0 : n.triggerProps) || {}, children: /* @__PURE__ */ c(S, { placeholder: l }) });
+  return e && typeof e == "function" && i(e(r, t)) ? e(r, t) : t;
+}, x = (r) => {
+  const { renderOption: l, option: e, index: n, options: t, ...a } = r, o = /* @__PURE__ */ c(u, { value: e.value, children: e.label }, e.value);
+  return l && typeof l == "function" && i(l(
     e,
-    t,
     n,
-    { ...i, options: n },
-    r
-  )) ? c(l(
-    e,
     t,
-    n,
-    { ...i, options: n },
-    r
-  ), u) ? c(l(
+    { ...a, options: t },
+    o
+  )) ? i(l(
     e,
-    t,
     n,
-    { ...i, options: n },
-    r
-  )) : /* @__PURE__ */ a(u, { value: e.value, children: l(
+    t,
+    { ...a, options: t },
+    o
+  ), u) ? i(l(
     e,
+    n,
     t,
+    { ...a, options: t },
+    o
+  )) : /* @__PURE__ */ c(u, { value: e.value, children: l(
+    e,
     n,
-    { ...i, options: n },
-    r
-  ) }, e.value) : r;
-}, T = (o) => {
+    t,
+    { ...a, options: t },
+    o
+  ) }, e.value) : o;
+}, j = (r) => {
   const {
     value: l,
     options: e,
-    onChange: t,
-    nullable: n = !1,
-    clearLabel: i = "Clear",
-    disabled: r
-  } = o;
+    onChange: n,
+    nullable: t = !1,
+    clearLabel: a = "Clear",
+    disabled: o
+  } = r;
   return /* @__PURE__ */ d(
-    g,
+    p,
     {
       value: l,
-      onValueChange: t,
-      disabled: r,
+      onValueChange: n,
+      disabled: o,
       children: [
-        /* @__PURE__ */ a(S, { ...o }),
-        /* @__PURE__ */ d(p, { children: [
-          n && /* @__PURE__ */ a(f, { className: "w-full px-2", variant: "secondary", size: "sm", onClick: () => {
-            t("");
-          }, children: i }),
-          e.map((s, m) => /* @__PURE__ */ a(
-            C,
+        /* @__PURE__ */ c(C, { ...r }),
+        /* @__PURE__ */ d(h, { children: [
+          t && /* @__PURE__ */ c(g, { className: "w-full px-2", variant: "secondary", size: "sm", onClick: () => {
+            n("");
+          }, children: a }),
+          e.map((m, s) => /* @__PURE__ */ f(
+            x,
             {
-              ...o,
-              option: s,
-              index: m
+              ...r,
+              key: m.value,
+              option: m,
+              index: s
             }
           ))
         ] })
@@ -68,5 +70,5 @@ const S = (o) => {
   );
 };
 export {
-  T as Select
+  j as Select
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.44",
+  "version": "0.0.1-beta.46",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [
@@ -95,6 +95,7 @@
     "react-dropzone": "^14.3.5",
     "react-hook-form": "^7.54.2",
     "react-resizable-panels": "^2.1.7",
+    "react-textarea-autosize": "^8.5.7",
     "recharts": "^2.15.0",
     "sonner": "^1.7.1",
     "vaul": "^1.1.2",