@workfort/ui-react 0.0.1 → 0.1.0

package/dist/components.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-import { WfPanel, WfButton, WfBadge, WfStatusDot, WfSkeleton, WfTextInput, WfList, WfListItem, WfScrollArea, WfErrorFallback } from '@workfort/ui';
 export declare const Panel: React.ForwardRefExoticComponent<{
     label?: string;
 } & React.HTMLAttributes<WfPanel> & {
@@ -65,4 +64,103 @@ export declare const ErrorFallback: React.ForwardRefExoticComponent<{
     [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
     children?: React.ReactNode;
 } & React.RefAttributes<WfErrorFallback>>;
+export declare const Input: React.ForwardRefExoticComponent<{
+    label?: string;
+    type?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+} & React.HTMLAttributes<WfInput> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfInput>>;
+export declare const Textarea: React.ForwardRefExoticComponent<{
+    label?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+} & React.HTMLAttributes<WfTextarea> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfTextarea>>;
+export declare const Select: React.ForwardRefExoticComponent<{
+    label?: string;
+    disabled?: boolean;
+} & React.HTMLAttributes<WfSelect> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfSelect>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<{
+    label?: string;
+    disabled?: boolean;
+} & React.HTMLAttributes<WfCheckbox> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfCheckbox>>;
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<{
+    label?: string;
+} & React.HTMLAttributes<WfCheckboxGroup> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfCheckboxGroup>>;
+export declare const Radio: React.ForwardRefExoticComponent<{
+    label?: string;
+    disabled?: boolean;
+} & React.HTMLAttributes<WfRadio> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfRadio>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<{
+    label?: string;
+} & React.HTMLAttributes<WfRadioGroup> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfRadioGroup>>;
+export declare const Toggle: React.ForwardRefExoticComponent<{
+    checked?: boolean;
+    disabled?: boolean;
+} & React.HTMLAttributes<WfToggle> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfToggle>>;
+export declare const Slider: React.ForwardRefExoticComponent<{
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    disabled?: boolean;
+} & React.HTMLAttributes<WfSlider> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfSlider>>;
+export declare const Combobox: React.ForwardRefExoticComponent<{
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    disabled?: boolean;
+} & React.HTMLAttributes<WfCombobox> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfCombobox>>;
+export declare const DatePicker: React.ForwardRefExoticComponent<{
+    label?: string;
+    value?: string;
+    min?: string;
+    max?: string;
+    disabled?: boolean;
+} & React.HTMLAttributes<WfDatePicker> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfDatePicker>>;
+export declare const FileUpload: React.ForwardRefExoticComponent<{
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+} & React.HTMLAttributes<WfFileUpload> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfFileUpload>>;
+export declare const Form: React.ForwardRefExoticComponent<React.HTMLAttributes<WfForm> & {
+    [key: `on${Uppercase<string>}${string}`]: ((...args: unknown[]) => void) | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<WfForm>>;
 //# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EACV,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EACnD,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAC/D,MAAM,cAAc,CAAC;AAqEtB,eAAO,MAAM,KAAK;YAA6B,MAAM;;yDAhEE,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;iCAkEiD,CAAC;AAC9E,eAAO,MAAM,MAAM;cAAgC,MAAM,GAAG,QAAQ;eAAa,OAAO;;yDAjEjC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;kCAmEsF,CAAC;AACnH,eAAO,MAAM,KAAK;YAA6B,MAAM;;yDAlEE,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;iCAoEiD,CAAC;AAC9E,eAAO,MAAM,SAAS;aAAkC,MAAM;;yDAnEP,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAqEmE,CAAC;AAChG,eAAO,MAAM,QAAQ;YAAgC,MAAM;aAAW,MAAM;;yDApErB,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;oCAsE8E,CAAC;AAC3G,eAAO,MAAM,OAAO;yDArEmC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAuE2C,CAAC;AACxE,eAAO,MAAM,SAAS;kBAAuC,MAAM;YAAU,MAAM;eAAa,OAAO;;yDAtEhD,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;qCAwE4G,CAAC;AACzI,eAAO,MAAM,IAAI;yDAvEsC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;gCAyE6B,CAAC;AAC1D,eAAO,MAAM,QAAQ;aAAiC,OAAO;;yDAxEN,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;oCA0EgE,CAAC;AAC7F,eAAO,MAAM,UAAU;yDAzEgC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;sCA2EsD,CAAC;AACnF,eAAO,MAAM,aAAa;YAAqC,MAAM;cAAY,MAAM;;yDA1EhC,OAAO,EAAE,KAAK,IAAI;eAF5D,KAAK,CAAC,SAAS;yCA4EoG,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,59 +1,72 @@
-import d, { forwardRef as w, useRef as m, useCallback as l, useSyncExternalStore as p } from "react";
+import b, { forwardRef as d, useRef as m, useCallback as f, useSyncExternalStore as p } from "react";
 import "@workfort/ui";
 import { getAuthClient as g } from "@workfort/auth";
-function k(t, u) {
-  const n = m(null), s = m(/* @__PURE__ */ new Map()), o = {}, a = {};
-  for (const [e, c] of Object.entries(u))
-    if (e.startsWith("on") && e.length > 2 && typeof c == "function") {
-      const b = (e[2].toLowerCase() + e.slice(3)).replace(/([A-Z])/g, "-$1").toLowerCase();
-      a[b] = c;
+function k(t, a) {
+  const o = m(null), c = m(/* @__PURE__ */ new Map()), r = {}, u = {};
+  for (const [n, s] of Object.entries(a))
+    if (n.startsWith("on") && n.length > 2 && typeof s == "function") {
+      const w = (n[2].toLowerCase() + n.slice(3)).replace(/([A-Z])/g, "-$1").toLowerCase();
+      u[w] = s;
     } else
-      o[e] = c;
-  return { ref: l((e) => {
-    if (n.current && (s.current.forEach((c, i) => n.current.removeEventListener(i, c)), s.current.clear()), n.current = e, e)
-      for (const [c, i] of Object.entries(a))
-        e.addEventListener(c, i), s.current.set(c, i);
-    typeof t == "function" ? t(e) : t && (t.current = e);
-  }, [t, ...Object.keys(a)]), cleanProps: o };
+      r[n] = s;
+  return { ref: f((n) => {
+    if (o.current && (c.current.forEach((s, i) => o.current.removeEventListener(i, s)), c.current.clear()), o.current = n, n)
+      for (const [s, i] of Object.entries(u))
+        n.addEventListener(s, i), c.current.set(s, i);
+    typeof t == "function" ? t(n) : t && (t.current = n);
+  }, [t, ...Object.keys(u)]), cleanProps: r };
 }
-function r(t, u) {
-  const n = w(({ children: s, ...o }, a) => {
-    const { ref: f, cleanProps: e } = k(a, o);
-    return d.createElement(t, { ref: f, ...e }, s);
+function e(t, a) {
+  const o = d(({ children: c, ...r }, u) => {
+    const { ref: l, cleanProps: n } = k(u, r);
+    return b.createElement(t, { ref: l, ...n }, c);
   });
-  return n.displayName = u, n;
+  return o.displayName = a, o;
 }
-const y = r("wf-panel", "Panel"), L = r("wf-button", "Button"), A = r("wf-badge", "Badge"), C = r("wf-status-dot", "StatusDot"), x = r("wf-skeleton", "Skeleton"), P = r("wf-divider", "Divider"), B = r("wf-text-input", "TextInput"), D = r("wf-list", "List"), I = r("wf-list-item", "ListItem"), O = r("wf-scroll-area", "ScrollArea"), T = r("wf-error-fallback", "ErrorFallback");
-function j() {
-  const t = g(), u = l((o) => (t.on("change", o), t.on("logout", o), () => {
-    t.off("change", o), t.off("logout", o);
-  }), [t]), n = l(() => t.getUser(), [t]), s = p(u, n);
-  return { user: s, isAuthenticated: s !== null };
+const C = e("wf-panel", "Panel"), E = e("wf-button", "Button"), y = e("wf-badge", "Badge"), L = e("wf-status-dot", "StatusDot"), A = e("wf-skeleton", "Skeleton"), P = e("wf-divider", "Divider"), T = e("wf-text-input", "TextInput"), D = e("wf-list", "List"), F = e("wf-list-item", "ListItem"), I = e("wf-scroll-area", "ScrollArea"), B = e("wf-error-fallback", "ErrorFallback");
+e("wf-input", "Input");
+e("wf-textarea", "Textarea");
+e("wf-select", "Select");
+e("wf-checkbox", "Checkbox");
+e("wf-checkbox-group", "CheckboxGroup");
+e("wf-radio", "Radio");
+e("wf-radio-group", "RadioGroup");
+e("wf-toggle", "Toggle");
+e("wf-slider", "Slider");
+e("wf-combobox", "Combobox");
+e("wf-date-picker", "DatePicker");
+e("wf-file-upload", "FileUpload");
+e("wf-form", "Form");
+function O() {
+  const t = g(), a = f((r) => (t.on("change", r), t.on("logout", r), () => {
+    t.off("change", r), t.off("logout", r);
+  }), [t]), o = f(() => t.getUser(), [t]), c = p(a, o);
+  return { user: c, isAuthenticated: c !== null };
 }
 function h() {
   return typeof document > "u" ? "dark" : document.documentElement.getAttribute("data-theme") ?? "dark";
 }
-function F() {
-  const t = l((u) => {
+function R() {
+  const t = f((a) => {
     if (typeof document > "u") return () => {
     };
-    const n = new MutationObserver(() => u());
-    return n.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-theme"] }), () => n.disconnect();
+    const o = new MutationObserver(() => a());
+    return o.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-theme"] }), () => o.disconnect();
   }, []);
   return p(t, h, () => "dark");
 }
 export {
-  A as Badge,
-  L as Button,
+  y as Badge,
+  E as Button,
   P as Divider,
-  T as ErrorFallback,
+  B as ErrorFallback,
   D as List,
-  I as ListItem,
-  y as Panel,
-  O as ScrollArea,
-  x as Skeleton,
-  C as StatusDot,
-  B as TextInput,
-  j as useAuth,
-  F as useTheme
+  F as ListItem,
+  C as Panel,
+  I as ScrollArea,
+  A as Skeleton,
+  L as StatusDot,
+  T as TextInput,
+  O as useAuth,
+  R as useTheme
 };

package/package.json

@@ -1,14 +1,20 @@
 {
   "name": "@workfort/ui-react",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "type": "module",
   "license": "Apache-2.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "development": "./src/index.tsx",
       "default": "./dist/index.js"
     }
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Work-Fort/Scope",
+    "directory": "web/packages/react"
+  },
   "files": [
     "dist"
   ],
@@ -24,16 +30,16 @@
     "react": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@workfort/ui": "workspace:*",
     "@testing-library/react": "^16.0.0",
     "@types/react": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
+    "@workfort/ui": "workspace:*",
+    "happy-dom": "^15.0.0",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
     "typescript": "^5.6.0",
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.0.0",
-    "vitest": "^2.1.0",
-    "happy-dom": "^15.0.0"
+    "vitest": "^2.1.0"
   }
 }