@formkit/pro - npm Package Compare versions

Comparing version 0.122.15 to 0.122.16-2a540d8

index.d.ts

@@ -205,2 +205,35 @@ import type { AllReals } from '@formkit/inputs';
 /**
+ * Input definition for a toggle group input.
+ * @public
+ */
+export declare const currency: FormKitProInput;
+
+/**
+ * Slot data for currency
+ */
+export declare interface CurrencySlotData<Props extends FormKitInputs<Props>> {
+    type: 'currency';
+    value?: string | number;
+    label?: string;
+    disabled?: Bool;
+    currency?: string;
+    decimals?: Bool | number;
+    minDecimals?: Bool | number;
+    min?: number;
+    max?: number;
+    step?: number;
+    displayLocale?: string;
+    valueFormat?: string;
+    handlers: FormKitFrameworkContext['handlers'] & {
+        init(): void;
+        handleInput: (e: InputEvent) => void;
+        handleFocus: (e: InputEvent) => void;
+        handleBlur(): void;
+        handleBeforeInput: (e: InputEvent) => void;
+        handleClick(e: MouseEvent): void;
+        handleKeyDown: (e: InputEvent) => void;
+    };
+}
+
+/**
  * Input definition for a datepicker input.
@@ -464,2 +497,19 @@ * @public
 /**
+ * Currency slots.
+ *
+ * @public
+ */
+export declare interface FormKitCurrencySlots<Props extends FormKitInputs<Props>> {
+    wrapper: FormKitSlotData<Props, CurrencySlotData<Props>>;
+    input: FormKitSlotData<Props, CurrencySlotData<Props>>;
+    prefix: FormKitSlotData<Props, CurrencySlotData<Props>>;
+    suffix: FormKitSlotData<Props, CurrencySlotData<Props>>;
+    help: FormKitSlotData<Props, CurrencySlotData<Props>>;
+    messages: FormKitSlotData<Props, CurrencySlotData<Props>>;
+    message: FormKitSlotData<Props, CurrencySlotData<Props> & {
+        message: FormKitMessage;
+    }>;
+}
+
+/**
  * Slot information that pertains specifically to the datepicker input.
@@ -638,2 +688,3 @@ *
     (apiKey: string): ExtendableSchema<IsRoot>;
+    _s?: string;
 }
@@ -952,2 +1003,19 @@
 /**
+ * Unit slots.
+ *
+ * @public
+ */
+export declare interface FormKitUnitSlots<Props extends FormKitInputs<Props>> {
+    wrapper: FormKitSlotData<Props, UnitSlotData<Props>>;
+    input: FormKitSlotData<Props, UnitSlotData<Props>>;
+    prefix: FormKitSlotData<Props, UnitSlotData<Props>>;
+    suffix: FormKitSlotData<Props, UnitSlotData<Props>>;
+    help: FormKitSlotData<Props, UnitSlotData<Props>>;
+    messages: FormKitSlotData<Props, UnitSlotData<Props>>;
+    message: FormKitSlotData<Props, UnitSlotData<Props> & {
+        message: FormKitMessage;
+    }>;
+}
+
+/**
  * Behavioral group options.
@@ -980,3 +1048,5 @@ */
         colorpicker,
-        togglebuttons
+        togglebuttons,
+        currency,
+        unit
     }
@@ -1382,2 +1452,35 @@ }
 
+/**
+ * Input definition for a toggle group input.
+ * @public
+ */
+export declare const unit: FormKitProInput;
+
+/**
+ * Slot data for unit
+ */
+export declare interface UnitSlotData<Props extends FormKitInputs<Props>> {
+    type: 'unit';
+    value?: string | number;
+    label?: string;
+    disabled?: Bool;
+    unit?: string;
+    decimals?: Bool | number;
+    minDecimals?: Bool | number;
+    min?: number;
+    max?: number;
+    step?: number;
+    displayLocale?: string;
+    valueFormat?: string;
+    handlers: FormKitFrameworkContext['handlers'] & {
+        init(): void;
+        handleInput: (e: InputEvent) => void;
+        handleFocus: (e: InputEvent) => void;
+        handleBlur(): void;
+        handleBeforeInput: (e: InputEvent) => void;
+        handleClick(e: MouseEvent): void;
+        handleKeyDown: (e: InputEvent) => void;
+    };
+}
+
 declare type Yes = 'true' | true | '';
@@ -1419,3 +1522,3 @@
       popover?: Bool
-      options: FormKitProOptionsProp
+      options: FormKitOptionsPropWithGroups
       selectionAppearance?: 'option' | 'text-input'
@@ -1454,2 +1557,34 @@ filter?: (option: FormKitOptionsItem, search: string) => boolean
 
+    currency: {
+      type: 'currency'
+      value?: string | number
+      label?: string
+      disabled?: Bool
+      currency?: string
+      displayLocale?: string
+      decimals?: Bool | number
+      minDecimals?: number
+      min?: number
+      max?: number
+      step?: number
+      // valueLocale?: string
+      // valueFormat?: string
+    }
+
+    unit: {
+      type: 'unit'
+      value?: string | number
+      label?: string
+      disabled?: Bool
+      unit?: string
+      displayLocale?: string
+      decimals?: Bool | number
+      minDecimals?: number
+      min?: number
+      max?: number
+      step?: number
+      // valueLocale?: string
+      // valueFormat?: string
+    }
+
     datepicker: {
@@ -1487,3 +1622,3 @@ type: 'datepicker'
       popover?: Bool
-      options?: FormKitProOptionsProp
+      options?: FormKitOptionsPropWithGroups
       selectionAppearance?: 'truncate' | 'tags'
@@ -1576,3 +1711,3 @@ filter?: (option: FormKitOptionsItem, search: string) => boolean
       debounce?: number | string
-      options?: FormKitProOptionsProp
+      options?: FormKitOptionsPropWithGroups
       selectionAppearance?: 'truncate' | 'tags'
@@ -1650,2 +1785,3 @@ popover?: Bool
     colorpicker: FormKitColorpickerSlots<Props>
+    currency: FormKitCurrencySlots<Props>
     datepicker: FormKitDatePickerSlots<Props> & FormKitOverlaySlots<Props>
@@ -1664,2 +1800,3 @@ dropdown: FormKitDropdownSlots<Props>
     transferlist: TransferlistSlots<Props>
+    unit: FormKitUnitSlots<Props>
   }
@@ -1666,0 +1803,0 @@ }

package.json

 {
   "name": "@formkit/pro",
-  "version": "0.122.15",
+  "version": "0.122.16-2a540d8",
   "description": "FormKit Pro — Form inputs and tools for high quality forms.",
@@ -5,0 +5,0 @@ "main": "index.cjs",

rating/rating.ts

 import { defaultIcon } from '@formkit/inputs'
-import rate from '../features/rate'
+import newRate from '../features/rate'
 import { FormKitProInput } from '@formkit/pro'
@@ -9,14 +9,20 @@ import {
   inner,
-  onItems,
-  offItems,
   onItem,
   offItem,
-  input,
   itemsWrapper,
   help,
   messages,
+  ratingItem,
+  input,
   message,
   icon,
   prefix,
+  itemLabel,
+  itemLabelInner,
+  template,
   suffix,
+  onItemRow,
+  offItemRow,
+  onItemWrapper,
+  offItemWrapper,
 } from '../sections/ratingSections'
@@ -38,4 +44,14 @@
         prefix(),
-        itemsWrapper(onItems(onItem()), offItems(offItem())),
-        input(),
+        itemsWrapper(
+          ratingItem(
+            template(
+              itemLabel(
+                onItemRow(onItemWrapper(onItem())),
+                offItemRow(offItemWrapper(offItem())),
+                itemLabelInner()
+              ),
+              input()
+            )
+          )
+        ),
         suffix(),
@@ -59,5 +75,5 @@ icon('suffix')
    */
-  features: [rate, defaultIcon('rating', 'star')],
+  features: [newRate, defaultIcon('rating', 'star')],
 }
 
 export default rating

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

729432

increased by6.42%

Number of package files

33

increased by6.45%

Lines of code

5579

increased by6.67%

No dependency changes