@paulpopat/bakery - npm Package Compare versions

Comparing version 0.2.23 to 0.2.24

package.json

@@ -25,4 +25,4 @@ {
   "main": "bundle.min.js",
-  "version": "0.2.23",
+  "version": "0.2.24",
   "description": "Simple web components for all of your web application needs."
 }

typescript/preact.ts

@@ -266,2 +266,38 @@ import "../bundle.min";
 }
+declare class InputValueChangedEvent extends Event {
+  readonly currentTarget: FInputElement;
+  readonly Value: string | boolean | File | undefined;
+}
+declare class SelectValueChangedEvent extends Event {
+  readonly currentTarget: FSelectElement;
+  readonly Value: string | boolean | File | undefined;
+}
+declare class DateValueChangedEvent extends Event {
+  readonly currentTarget: FDateElement;
+  readonly Value: string | boolean | File | undefined;
+}
+declare class TextareaValueChangedEvent extends Event {
+  readonly currentTarget: FTextareaElement;
+  readonly Value: string | boolean | File | undefined;
+}
+declare class MultiSelectValueChangedEvent extends Event {
+  readonly currentTarget: FMultiselectElement;
+  readonly Value: string | boolean | File | undefined;
+}
+declare class SingleSelectValueChangedEvent extends Event {
+  readonly currentTarget: FSingleselectElement;
+  readonly Value: string | boolean | File | undefined;
+}
+declare class ToggleValueChangedEvent extends Event {
+  readonly currentTarget: FToggleElement;
+  readonly Value: string | boolean | File | undefined;
+}
+declare class RichTextValueChangedEvent extends Event {
+  readonly currentTarget: FRichtextElement;
+  readonly Value: string | boolean | File | undefined;
+}
+declare class ImageValueChangedEvent extends Event {
+  readonly currentTarget: FImageElement;
+  readonly Value: string | boolean | File | undefined;
+}
 declare class SubmissionEvent extends Event {
@@ -397,2 +433,3 @@ readonly currentTarget: FFormElement;
          * @param props.validate - (*optional*) A RegExp string used to evaluate the input. If there are no matches then the field will be considered invalid and the form will not be submittable.
+         * @param props.ValueChanged - Fired when the input value is changed. Does not fire if the value changes because the `prefill` value changes.
          * @slot default - The label text
@@ -410,3 +447,4 @@ * @slot help - The small help text at the bottom of the input.
           "required"?: boolean;
-          "validate"?: string
+          "validate"?: string;
+          onValueChanged?: (event: InputValueChangedEvent) => void
         } & HTMLAttributes<HTMLElement>;
@@ -421,2 +459,3 @@
          * @param props.validate - (*optional*) A RegExp string used to evaluate the input. If there are no matches then the field will be considered invalid and the form will not be submittable.
+         * @param props.ValueChanged - Fired when the input value is changed. Does not fire if the value changes because the `prefill` value changes.
          * @slot default - The label text
@@ -432,3 +471,4 @@ * @slot help - The small help text at the bottom of the input.
           "required"?: boolean;
-          "validate"?: string
+          "validate"?: string;
+          onValueChanged?: (event: SelectValueChangedEvent) => void
         } & HTMLAttributes<HTMLElement>;
@@ -443,2 +483,3 @@
          * @param props.validate - (*optional*) A RegExp string used to evaluate the input. If there are no matches then the field will be considered invalid and the form will not be submittable. Remember that the value is in the format of `yyyy-mm-dd`.
+         * @param props.ValueChanged - Fired when the input value is changed. Does not fire if the value changes because the `prefill` value changes.
          * @slot default - The label text
@@ -454,3 +495,4 @@ * @slot help - The small help text at the bottom of the input.
           "required"?: boolean;
-          "validate"?: string
+          "validate"?: string;
+          onValueChanged?: (event: DateValueChangedEvent) => void
         } & HTMLAttributes<HTMLElement>;
@@ -466,2 +508,3 @@
          * @param props.validate - (*optional*) A RegExp string used to evaluate the input. If there are no matches then the field will be considered invalid and the form will not be submittable.
+         * @param props.ValueChanged - Fired when the input value is changed. Does not fire if the value changes because the `prefill` value changes.
          * @slot default - The label text
@@ -478,3 +521,4 @@ * @slot help - The small help text at the bottom of the input.
           "required"?: boolean;
-          "validate"?: string
+          "validate"?: string;
+          onValueChanged?: (event: TextareaValueChangedEvent) => void
         } & HTMLAttributes<HTMLElement>;
@@ -489,2 +533,3 @@
          * @param props.validate - (*optional*) A RegExp string used to evaluate the input. If there are no matches then the field will be considered invalid and the form will not be submittable. Remember that the value is a comma separated string of all of the selected options.
+         * @param props.ValueChanged - Fired when the input value is changed. Does not fire if the value changes because the `prefill` value changes.
          * @slot default - The label text
@@ -500,3 +545,4 @@ * @slot help - The small help text at the bottom of the input.
           "required"?: boolean;
-          "validate"?: string
+          "validate"?: string;
+          onValueChanged?: (event: MultiSelectValueChangedEvent) => void
         } & HTMLAttributes<HTMLElement>;
@@ -511,2 +557,3 @@
          * @param props.validate - (*optional*) A RegExp string used to evaluate the input. If there are no matches then the field will be considered invalid and the form will not be submittable.
+         * @param props.ValueChanged - Fired when the input value is changed. Does not fire if the value changes because the `prefill` value changes.
          * @slot default - The label text
@@ -522,3 +569,4 @@ * @slot help - The small help text at the bottom of the input.
           "required"?: boolean;
-          "validate"?: string
+          "validate"?: string;
+          onValueChanged?: (event: SingleSelectValueChangedEvent) => void
         } & HTMLAttributes<HTMLElement>;
@@ -532,2 +580,3 @@
          * @param props.required - If set then the form will not be submittable until the element field has the value of `on`.
+         * @param props.ValueChanged - Fired when the input value is changed. Does not fire if the value changes because the `prefill` value changes.
          * @slot default - The label text
@@ -542,3 +591,4 @@ * @slot help - The small help text at the bottom of the input.
           "name": string;
-          "required"?: boolean
+          "required"?: boolean;
+          onValueChanged?: (event: ToggleValueChangedEvent) => void
         } & HTMLAttributes<HTMLElement>;
@@ -554,2 +604,3 @@
          * @param props.validate - (*optional*) A RegExp string used to evaluate the input. If there are no matches then the field will be considered invalid and the form will not be submittable.
+         * @param props.ValueChanged - Fired when the input value is changed. Does not fire if the value changes because the `prefill` value changes.
          * @slot default - The label text
@@ -566,3 +617,4 @@ * @slot help - The small help text at the bottom of the input.
           "required"?: boolean;
-          "validate"?: string
+          "validate"?: string;
+          onValueChanged?: (event: RichTextValueChangedEvent) => void
         } & HTMLAttributes<HTMLElement>;
@@ -576,2 +628,3 @@
          * @param props.height - (*default* - 12rem) Height of the input element on screen. Useful for when uploading large images.
+         * @param props.ValueChanged - Fired when the input value is changed. Does not fire if the value changes because the `prefill` value changes.
          * @slot default - The label text
@@ -586,3 +639,4 @@ * @slot help - The small help text at the bottom of the input.
           "required"?: boolean;
-          "height"?: string
+          "height"?: string;
+          onValueChanged?: (event: ImageValueChangedEvent) => void
         } & HTMLAttributes<HTMLElement>;
@@ -589,0 +643,0 @@

No alert changes

Improved metrics

Total package byte prevSize

493833

increased by2.43%

Lines of code

8368

increased by2.44%

No dependency changes