@nr1e/qwik-ui 2.0.20 → 2.0.21

package/lib/components/processing-button.qwik.cjs

@@ -5,26 +5,12 @@ const qwik = require("@builder.io/qwik");
 const qwikIcons = require("@nr1e/qwik-icons");
 const button = require("./button.qwik.cjs");
 const ProcessingButton = qwik.component$((props) => {
-  const internalProcessing = qwik.useSignal(qwik.isSignal(props.processing) ? props.processing.value : props.processing ?? false);
-  const processing = qwik.isSignal(props.processing) ? props.processing : internalProcessing;
-  const onClick$ = props.onClick$;
   return /* @__PURE__ */ jsxRuntime.jsx(button.Button, {
     ...props,
     class: `${props.processing || props.disabled ? "disabled" : ""} ${props.class ?? ""}`,
-    disabled: processing.value || props.disabled,
-    onClick$: (e) => {
-      processing.value = true;
-      if (onClick$) {
-        const result = onClick$(e);
-        if (result instanceof Promise) {
-          result.finally(() => {
-            processing.value = false;
-          });
-        }
-      }
-    },
-    icon: processing.value ? qwikIcons.SpinnersBarsFade : props.icon,
-    iconClass: processing.value ? "animate-spin" : props.iconClass,
+    disabled: props.processing || props.disabled,
+    icon: props.processing ? qwikIcons.SpinnersBarsFade : props.icon,
+    iconClass: props.processing ? "animate-spin" : props.iconClass,
     children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
   });
 });

package/lib/components/processing-button.qwik.mjs

@@ -1,28 +1,14 @@
 import { jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, useSignal, isSignal, Slot } from "@builder.io/qwik";
+import { component$, Slot } from "@builder.io/qwik";
 import { SpinnersBarsFade } from "@nr1e/qwik-icons";
 import { Button } from "./button.qwik.mjs";
 const ProcessingButton = component$((props) => {
-  const internalProcessing = useSignal(isSignal(props.processing) ? props.processing.value : props.processing ?? false);
-  const processing = isSignal(props.processing) ? props.processing : internalProcessing;
-  const onClick$ = props.onClick$;
   return /* @__PURE__ */ jsx(Button, {
     ...props,
     class: `${props.processing || props.disabled ? "disabled" : ""} ${props.class ?? ""}`,
-    disabled: processing.value || props.disabled,
-    onClick$: (e) => {
-      processing.value = true;
-      if (onClick$) {
-        const result = onClick$(e);
-        if (result instanceof Promise) {
-          result.finally(() => {
-            processing.value = false;
-          });
-        }
-      }
-    },
-    icon: processing.value ? SpinnersBarsFade : props.icon,
-    iconClass: processing.value ? "animate-spin" : props.iconClass,
+    disabled: props.processing || props.disabled,
+    icon: props.processing ? SpinnersBarsFade : props.icon,
+    iconClass: props.processing ? "animate-spin" : props.iconClass,
     children: /* @__PURE__ */ jsx(Slot, {})
   });
 });

package/lib-types/components/processing-button.d.ts

@@ -1,4 +1,3 @@
-import { Signal } from '@builder.io/qwik';
 import { ButtonProps } from './button';
 /**
  * Props for the ProcessingButton component. This class will replace the icon
@@ -8,7 +7,7 @@ export interface ProcessingButtonProps extends ButtonProps {
     /**
      * Whether the button is processing.
      */
-    processing?: boolean | Signal<boolean>;
+    processing?: boolean;
 }
 /**
  * ProcessingButton component.

package/lib-types/components/refresh-button.d.ts

@@ -1,4 +1,4 @@
-import { QRL, Signal } from '@builder.io/qwik';
+import { QRL } from '@builder.io/qwik';
 export interface RefreshButtonProps {
     /**
      * ID of the button.
@@ -11,7 +11,7 @@ export interface RefreshButtonProps {
     /**
      * Callback function to be called when the button is clicked.
      */
-    onClick$?: QRL<(event: Event) => void | Promise<void>>;
+    onClick$?: QRL<(event: Event) => void>;
     /**
      * Whether the button is disabled.
      */
@@ -27,7 +27,7 @@ export interface RefreshButtonProps {
     /**
      * Whether the button is processing.
      */
-    refreshing?: boolean | Signal<boolean>;
+    refreshing?: boolean;
     /**
      * Size of the icon in pixels if icon is provided in the props. Default is 18.
      */

package/lib-types/components/submit-button.d.ts

@@ -1,4 +1,4 @@
-import { QRL, Signal } from '@builder.io/qwik';
+import { QRL } from '@builder.io/qwik';
 export interface SubmitButtonProps {
     /**
      * ID of the button.
@@ -23,6 +23,6 @@ export interface SubmitButtonProps {
     /**
      * Whether the button is processing.
      */
-    submitting?: boolean | Signal<boolean>;
+    submitting?: boolean;
 }
 export declare const SubmitButton: import("@builder.io/qwik").Component<SubmitButtonProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "2.0.20",
+  "version": "2.0.21",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {