@streamscloud/kit 0.9.16 → 0.9.18

package/dist/core/validation/validation-schemas/array-validations.d.ts

@@ -0,0 +1,3 @@
+import type { ArrayValidation } from './types';
+import * as yup from 'yup';
+export declare const arrayValidationSchema: <TItem = unknown>(rules: ArrayValidation) => yup.ArraySchema<TItem[] | undefined, yup.AnyObject, undefined, "">;

package/dist/core/validation/validation-schemas/array-validations.js

@@ -0,0 +1,20 @@
+import { ValidationLocalization } from './validation-localization';
+import * as yup from 'yup';
+export const arrayValidationSchema = (rules) => {
+    const msg = new ValidationLocalization();
+    const minItems = rules.minItems > 0 ? rules.minItems : 0;
+    const maxItems = rules.maxItems !== null && rules.maxItems >= 0 && rules.maxItems >= minItems ? rules.maxItems : undefined;
+    let schema = yup.array();
+    if (maxItems !== undefined) {
+        schema = schema.max(maxItems, msg.maxItems(maxItems));
+    }
+    if (minItems === 1) {
+        return schema.min(1, msg.required);
+    }
+    else if (minItems > 1) {
+        return schema.min(minItems, msg.minItems(minItems));
+    }
+    else {
+        return schema;
+    }
+};

package/dist/core/validation/validation-schemas/index.d.ts

@@ -1,5 +1,6 @@
-export type { TextValidation, TextWithFormatValidation, NumberValidation, MinNumberValidation } from './types';
+export type { TextValidation, TextWithFormatValidation, NumberValidation, MinNumberValidation, ArrayValidation } from './types';
 export { emailValidationSchema, nullableEmailValidationSchema } from './email-validation';
 export { textValidationSchema, formattedTextValidationSchema } from './text-validations';
 export { handleValidationSchema } from './handle-validations';
 export { numberValidationSchema, minNumberValidationSchema } from './number-validations';
+export { arrayValidationSchema } from './array-validations';

package/dist/core/validation/validation-schemas/index.js

@@ -2,3 +2,4 @@ export { emailValidationSchema, nullableEmailValidationSchema } from './email-va
 export { textValidationSchema, formattedTextValidationSchema } from './text-validations';
 export { handleValidationSchema } from './handle-validations';
 export { numberValidationSchema, minNumberValidationSchema } from './number-validations';
+export { arrayValidationSchema } from './array-validations';

package/dist/core/validation/validation-schemas/types.d.ts

@@ -17,3 +17,7 @@ export type MinNumberValidation = {
     minValue: number | null;
     minExclusive: boolean;
 };
+export type ArrayValidation = {
+    minItems: number;
+    maxItems: number | null;
+};

package/dist/core/validation/validation-schemas/validation-localization.d.ts

@@ -5,5 +5,7 @@ export declare class ValidationLocalization {
     get maxLength(): (length: number) => string;
     get min(): (val: number) => string;
     get max(): (val: number) => string;
+    get minItems(): (count: number) => string;
+    get maxItems(): (count: number) => string;
     get badFormat(): string;
 }

package/dist/core/validation/validation-schemas/validation-localization.js

@@ -18,6 +18,12 @@ export class ValidationLocalization {
     get max() {
         return loc.max[AppLocale.current];
     }
+    get minItems() {
+        return loc.minItems[AppLocale.current];
+    }
+    get maxItems() {
+        return loc.maxItems[AppLocale.current];
+    }
     get badFormat() {
         return loc.badFormat[AppLocale.current];
     }
@@ -47,6 +53,14 @@ const loc = {
         en: (val) => `Must be at most ${val}`,
         no: (val) => `Kan ikke være mer enn ${val}`
     },
+    minItems: {
+        en: (count) => `Must contain at least ${count} items`,
+        no: (count) => `Må inneholde minst ${count} elementer`
+    },
+    maxItems: {
+        en: (count) => `Must contain at most ${count} item${count === 1 ? '' : 's'}`,
+        no: (count) => `Kan ikke inneholde mer enn ${count} element${count === 1 ? '' : 'er'}`
+    },
     badFormat: {
         en: 'Invalid format',
         no: 'Ugyldig format'

package/dist/ui/dialog/cmp.dialog-button.svelte

@@ -1,16 +1,16 @@
 <script lang="ts">import { default as Button } from '../button/cmp.button.svelte';
-let { type = 'button', disabled = false, variant = 'primary', icon, on, children } = $props();
+let { type = 'button', disabled = false, loading = false, variant = 'primary', icon, on, children } = $props();
 </script>
 
 <div class="dialog-button">
-  <Button type={type} disabled={disabled} variant={variant} icon={icon} on={on}>
+  <Button type={type} disabled={disabled} loading={loading} variant={variant} icon={icon} on={on}>
     {@render children()}
   </Button>
 </div>
 
 <!--
 @component
-DialogButton — action button for a dialog footer with a minimum width preset. Defaults to the `primary` variant. Wraps `<Button>` and exposes the same callback / disabled / type / icon contract.
+DialogButton — action button for a dialog footer with a minimum width preset. Defaults to the `primary` variant. Wraps `<Button>` and exposes the same callback / disabled / loading / type / icon contract.
 
 ### CSS Custom Properties
 | Property | Description | Default |

package/dist/ui/dialog/cmp.dialog-button.svelte.d.ts

@@ -5,6 +5,8 @@ type Props = {
     /** @default 'button' */
     type?: 'button' | 'submit' | 'reset';
     disabled?: boolean;
+    /** Renders a spinner in place of the icon and blocks clicks. Passed through to Button. @default false */
+    loading?: boolean;
     /** Button color variant @default 'primary' */
     variant?: ButtonVariant;
     /** Leading icon — passed through to Button. */
@@ -15,7 +17,7 @@ type Props = {
     children: Snippet;
 };
 /**
- * DialogButton — action button for a dialog footer with a minimum width preset. Defaults to the `primary` variant. Wraps `<Button>` and exposes the same callback / disabled / type / icon contract.
+ * DialogButton — action button for a dialog footer with a minimum width preset. Defaults to the `primary` variant. Wraps `<Button>` and exposes the same callback / disabled / loading / type / icon contract.
  *
  * ### CSS Custom Properties
  * | Property | Description | Default |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.9.16",
+  "version": "0.9.18",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",