@salla.sa/twilight-components 2.11.8 → 2.11.10

package/dist/types/components.d.ts

@@ -8,6 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Color, Options } from "./components/salla-color-picker/interfaces";
 import { DateLimit, DateOption, LocaleKey } from "./components/salla-datetime-picker/interfaces";
 import { FilePondFile } from "./components/salla-file-upload/interfaces";
+import { FilePondErrorDescription } from "filepond/types/index";
 import { Item } from "./components/salla-loyalty/loyalty-schema";
 import { Phone } from "./components/salla-tel-input/interfaces";
 export namespace Components {
@@ -130,10 +131,18 @@ export namespace Components {
           * @param openImmediately
          */
         "movePopUp": (options: Options, openImmediately: boolean) => Promise<void>;
+        /**
+          * File input name for the native formData
+         */
+        "name": string;
         /**
           * Show/open the picker.
          */
         "openPicker": () => Promise<void>;
+        /**
+          * Set if the color picker input is required or not
+         */
+        "required": boolean;
         /**
           * Set/initialize the picker's color.  Color name, RGBA/HSLA/HEX string, or RGBA array.
           * @param color If true, won't trigger onChange.
@@ -365,6 +374,10 @@ export namespace Components {
         "wrap": boolean;
     }
     interface SallaFileUpload {
+        /**
+          * Accepted file types
+         */
+        "accept": string;
         /**
           * Enable or disable file browser
          */
@@ -401,6 +414,10 @@ export namespace Components {
           * Enable or disable the revert processing button
          */
         "allowRevert": boolean;
+        /**
+          * to prepare the upload url automatically pass this prop, ex to upload attach file in cart Item.
+         */
+        "cartItemId"?: string;
         /**
           * Set to true to enable custom validity messages. FilePond will throw an error when a parent form is submitted and it contains invalid files.
          */
@@ -445,6 +462,10 @@ export namespace Components {
           * If current file has id, pass it here, to be passed back in the `removed` event
          */
         "fileId"?: number;
+        /**
+          * The uploaded files as json `[{url:"...", id:123}]` for delete possibility
+         */
+        "files": string;
         /**
           * Set to true to require the file to be successfully reverted before continuing.
          */
@@ -453,6 +474,10 @@ export namespace Components {
           * json formData to be injected in the submit request
          */
         "formData": string;
+        /**
+          * The original height of the uploader, will be used to reset the height after the image is removed.
+         */
+        "height": string;
         /**
           * The icon used for process actions
          */
@@ -517,11 +542,15 @@ export namespace Components {
         /**
           * File input name for the native formData
          */
-        "name": string;
+        "name"?: string;
         /**
           * File input name in the request payload
          */
         "payloadName": string;
+        /**
+          * Set the component to be profile image uploader with a preview and a circular shape
+         */
+        "profileImage": boolean;
         /**
           * Sets the required attribute to the output field
          */
@@ -721,17 +750,21 @@ export namespace Components {
          */
         "apiKey": string;
         /**
-          * Latitude coordinate, defaults to Mecca 🕋 ❤️
+          * Latitude coordinate, defaults to current user location
          */
         "lat": number;
         /**
-          * Longitude coordinate, defaults to Mecca 🕋 ❤️
+          * Longitude coordinate, defaults to current user location
          */
         "lng": number;
         /**
           * Modal Title
          */
         "modalTitle": string;
+        /**
+          * File input name for the native formData
+         */
+        "name": string;
         /**
           * Open location component
          */
@@ -740,6 +773,10 @@ export namespace Components {
           * Disable or enable actions
          */
         "readonly": boolean;
+        /**
+          * Set if the location input is required or not
+         */
+        "required": boolean;
         /**
           * Sets the search bar visibility.
          */
@@ -1116,6 +1153,10 @@ export namespace Components {
         "width": string;
     }
     interface SallaSlider {
+        /**
+          * Show/hide display all button beside arrows
+         */
+        "arrowsCentered": boolean;
         /**
           * Auto Height slider
          */
@@ -1230,7 +1271,7 @@ export namespace Components {
         /**
           * Set the type of the slider Default: ''
          */
-        "type": 'carousel' | 'fullscreen' | 'thumbs' | 'default' | 'hero' | 'testimonials' | 'blog' | '';
+        "type": 'carousel' | 'fullscreen' | 'thumbs' | 'default' | 'hero' | 'testimonials' | 'blog' | 'fullwidth' | '';
         /**
           * You should call it after you add/remove slides manually, or after you hide/show it, or do any custom DOM modifications with Swiper This method also includes subcall of the following methods which you can use separately: *
          */
@@ -1829,6 +1870,10 @@ declare namespace LocalJSX {
           * How to display the selected color in the text field (the text field still supports input in any format).
          */
         "format"?: 'hex' | 'hsl' | 'rgb';
+        /**
+          * File input name for the native formData
+         */
+        "name"?: string;
         /**
           * Event whenever the color changes.
          */
@@ -1845,6 +1890,10 @@ declare namespace LocalJSX {
           * Event emitter when the user clicks "Ok".
          */
         "onSubmitted"?: (event: SallaColorPickerCustomEvent<Color>) => void;
+        /**
+          * Set if the color picker input is required or not
+         */
+        "required"?: boolean;
         /**
           * Whether to have a "Cancel" button which closes the popup.
          */
@@ -2069,6 +2118,10 @@ declare namespace LocalJSX {
         "wrap"?: boolean;
     }
     interface SallaFileUpload {
+        /**
+          * Accepted file types
+         */
+        "accept"?: string;
         /**
           * Enable or disable file browser
          */
@@ -2105,6 +2158,10 @@ declare namespace LocalJSX {
           * Enable or disable the revert processing button
          */
         "allowRevert"?: boolean;
+        /**
+          * to prepare the upload url automatically pass this prop, ex to upload attach file in cart Item.
+         */
+        "cartItemId"?: string;
         /**
           * Set to true to enable custom validity messages. FilePond will throw an error when a parent form is submitted and it contains invalid files.
          */
@@ -2149,6 +2206,10 @@ declare namespace LocalJSX {
           * If current file has id, pass it here, to be passed back in the `removed` event
          */
         "fileId"?: number;
+        /**
+          * The uploaded files as json `[{url:"...", id:123}]` for delete possibility
+         */
+        "files"?: string;
         /**
           * Set to true to require the file to be successfully reverted before continuing.
          */
@@ -2157,6 +2218,10 @@ declare namespace LocalJSX {
           * json formData to be injected in the submit request
          */
         "formData"?: string;
+        /**
+          * The original height of the uploader, will be used to reset the height after the image is removed.
+         */
+        "height"?: string;
         /**
           * The icon used for process actions
          */
@@ -2222,10 +2287,14 @@ declare namespace LocalJSX {
           * File input name for the native formData
          */
         "name"?: string;
+        /**
+          * Event emitted when the file has been added
+         */
+        "onAdded"?: (event: SallaFileUploadCustomEvent<{ error: FilePondErrorDescription | null, file: FilePondFile }>) => void;
         /**
           * Event emitted when the file is about to be removed. Returns boolean value.
          */
-        "onRemoved"?: (event: SallaFileUploadCustomEvent<any>) => void;
+        "onRemoved"?: (event: SallaFileUploadCustomEvent<FilePondFile>) => void;
         /**
           * Event emitted when the file has been uploaded and link to the file has been recieved from the server. Returns string value.
          */
@@ -2234,6 +2303,10 @@ declare namespace LocalJSX {
           * File input name in the request payload
          */
         "payloadName"?: string;
+        /**
+          * Set the component to be profile image uploader with a preview and a circular shape
+         */
+        "profileImage"?: boolean;
         /**
           * Sets the required attribute to the output field
          */
@@ -2391,17 +2464,21 @@ declare namespace LocalJSX {
          */
         "apiKey"?: string;
         /**
-          * Latitude coordinate, defaults to Mecca 🕋 ❤️
+          * Latitude coordinate, defaults to current user location
          */
         "lat"?: number;
         /**
-          * Longitude coordinate, defaults to Mecca 🕋 ❤️
+          * Longitude coordinate, defaults to current user location
          */
         "lng"?: number;
         /**
           * Modal Title
          */
         "modalTitle"?: string;
+        /**
+          * File input name for the native formData
+         */
+        "name"?: string;
         /**
           * Custome DOM event emitter when current location is selected
          */
@@ -2418,6 +2495,10 @@ declare namespace LocalJSX {
           * Disable or enable actions
          */
         "readonly"?: boolean;
+        /**
+          * Set if the location input is required or not
+         */
+        "required"?: boolean;
         /**
           * Sets the search bar visibility.
          */
@@ -2512,6 +2593,10 @@ declare namespace LocalJSX {
         "productId"?: number;
     }
     interface SallaProductOptions {
+        /**
+          * Color Picker option
+         */
+        "onColorPicked"?: (event: SallaProductOptionsCustomEvent<any>) => void;
         /**
           * Colors Option Event
          */
@@ -2532,6 +2617,10 @@ declare namespace LocalJSX {
           * Multi-Select Option
          */
         "onItemsSelected"?: (event: SallaProductOptionsCustomEvent<string[]>) => void;
+        /**
+          * Map (Location Selection) option
+         */
+        "onLocationSelected"?: (event: SallaProductOptionsCustomEvent<any>) => void;
         /**
           * Number Option
          */
@@ -2772,6 +2861,10 @@ declare namespace LocalJSX {
         "width"?: string;
     }
     interface SallaSlider {
+        /**
+          * Show/hide display all button beside arrows
+         */
+        "arrowsCentered"?: boolean;
         /**
           * Auto Height slider
          */
@@ -2893,7 +2986,7 @@ declare namespace LocalJSX {
         /**
           * Set the type of the slider Default: ''
          */
-        "type"?: 'carousel' | 'fullscreen' | 'thumbs' | 'default' | 'hero' | 'testimonials' | 'blog' | '';
+        "type"?: 'carousel' | 'fullscreen' | 'thumbs' | 'default' | 'hero' | 'testimonials' | 'blog' | 'fullwidth' | '';
         /**
           * Vertical or Horizontal main slider
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "2.11.8",
+  "version": "2.11.10",
   "license": "GPL-3.0",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -76,8 +76,8 @@
     "typescript": "^4.4.3"
   },
   "dependencies": {
-    "@salla.sa/twilight": "^2.11.8",
-    "@salla.sa/twilight-tailwind-theme": "^2.11.8",
+    "@salla.sa/twilight": "^2.11.10",
+    "@salla.sa/twilight-tailwind-theme": "^2.11.10",
     "animejs": "^3.2.1",
     "filepond": "^4.30.4",
     "filepond-plugin-file-poster": "^2.5.1",
@@ -93,5 +93,5 @@
     "vanilla-lazyload": "^17.8.3",
     "vanilla-picker": "^2.12.1"
   },
-  "gitHead": "3191748fef54e68120e0a1a688220a89cc65be29"
+  "gitHead": "14e32e3f4828f40fb4ad072cb32d9ad728c71211"
 }