adp-web-components 0.1.89 → 0.1.91

package/dist/types/components/components/shift-select.d.ts

@@ -1,11 +1,11 @@
 import { FormSelectItem } from 'components';
 export declare class ShiftSelect {
-    name: string;
     hasTick: boolean;
     hasArrow: boolean;
+    gap: number;
     searchValue: string;
+    name: string;
     isError?: boolean;
-    searchable: boolean;
     isLoading?: boolean;
     placeholder?: string;
     disableInput?: boolean;
@@ -13,31 +13,31 @@ export declare class ShiftSelect {
     noSelectionText?: string;
     selectedValue: string;
     clearable?: boolean;
+    searchable?: boolean;
     options: FormSelectItem[];
     reverseOptions?: boolean;
     forceOpenUpwards?: boolean;
     fetchingErrorText?: string | boolean;
     handleSelection: (option: FormSelectItem) => void;
     onSelection?: (newSelection: FormSelectItem) => void;
-    renderOption?: (option: FormSelectItem, isSelected: any) => any;
-    fullRenderOption?: (option: FormSelectItem, isSelected: any, handleSelection: any) => any;
+    renderOption?: (option: FormSelectItem, isSelected: boolean) => any;
     updateContext: (newValues: Partial<{
         isOpen: boolean;
         searchValue: string;
         selectedValue: string;
     }>) => void;
-    openUpwards: boolean;
+    fullRenderOption?: (option: FormSelectItem, isSelected: boolean, handleSelection: (option: FormSelectItem) => void) => any;
+    dropdownAncestorClasses: string;
     el: HTMLElement;
-    private portalEl;
-    private portalShadow;
-    private scrollRafId;
+    private dropdownEl;
+    private boundKeyDown;
+    setDropdownRef: (el: HTMLElement | null) => void;
     toggleDropdown: () => void;
+    openDropdown: () => void;
     componentDidLoad(): Promise<void>;
-    componentWillRender(): void;
-    componentDidRender(): void;
-    private moveToPortal;
-    private getDropdownEl;
-    adjustDropdownPosition(): void;
+    private getInputEl;
+    private isInputInView;
+    adjustDropdownPosition: () => void;
     handleKeyDown(event: KeyboardEvent): void;
     closeDropdown: (event: MouseEvent) => void;
     disconnectedCallback(): Promise<void>;

package/dist/types/components.d.ts

@@ -728,6 +728,20 @@ export namespace Components {
         "name": string;
         "onChange"?: (event: Event) => void;
     }
+    interface ShiftPortal {
+        /**
+          * @default {}
+         */
+        "componentProps": Record<string, any>;
+        /**
+          * @default ''
+         */
+        "inheritedClasses": string;
+        /**
+          * @default ''
+         */
+        "tag": string;
+    }
     interface ShiftSelect {
         /**
           * @default false
@@ -739,7 +753,11 @@ export namespace Components {
           * @default false
          */
         "forceOpenUpwards"?: boolean;
-        "fullRenderOption"?: (option: FormSelectItem, isSelected, handleSelection) => any;
+        "fullRenderOption"?: (option: FormSelectItem, isSelected: boolean, handleSelection: (option: FormSelectItem) => void) => any;
+        /**
+          * @default 8
+         */
+        "gap": number;
         "handleSelection": (option: FormSelectItem) => void;
         /**
           * @default true
@@ -755,6 +773,9 @@ export namespace Components {
           * @default false
          */
         "isOpen": boolean;
+        /**
+          * @default ''
+         */
         "name": string;
         "noSelectionText"?: string;
         "onSelection"?: (newSelection: FormSelectItem) => void;
@@ -763,7 +784,7 @@ export namespace Components {
          */
         "options": FormSelectItem[];
         "placeholder"?: string;
-        "renderOption"?: (option: FormSelectItem, isSelected) => any;
+        "renderOption"?: (option: FormSelectItem, isSelected: boolean) => any;
         /**
           * @default false
          */
@@ -772,13 +793,53 @@ export namespace Components {
           * @default ''
          */
         "searchValue": string;
-        "searchable": boolean;
+        /**
+          * @default false
+         */
+        "searchable"?: boolean;
         /**
           * @default ''
          */
         "selectedValue": string;
         "updateContext": (newValues: Partial<{ isOpen: boolean; searchValue: string; selectedValue: string }>) => void;
     }
+    interface ShiftSelectDropdown {
+        "fetchingErrorText"?: string | boolean;
+        "fullRenderOption"?: (option: FormSelectItem, isSelected: boolean, handleSelection: (option: FormSelectItem) => void) => any;
+        "handleSelection": (option: FormSelectItem) => void;
+        /**
+          * @default true
+         */
+        "hasArrow": boolean;
+        /**
+          * @default true
+         */
+        "hasTick": boolean;
+        "isLoading"?: boolean;
+        /**
+          * @default false
+         */
+        "isOpen": boolean;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        "noSelectionText"?: string;
+        /**
+          * @default []
+         */
+        "options": FormSelectItem[];
+        "renderOption"?: (option: FormSelectItem, isSelected: boolean) => any;
+        /**
+          * @default false
+         */
+        "reverseOptions": boolean;
+        /**
+          * @default ''
+         */
+        "selectedValue": string;
+        "setElementRef"?: (el: HTMLElement | null) => void;
+    }
     interface ShiftSlider {
         "activeIndex": number;
         "components": (() => Node)[];
@@ -1497,12 +1558,24 @@ declare global {
         prototype: HTMLShiftCheckboxElement;
         new (): HTMLShiftCheckboxElement;
     };
+    interface HTMLShiftPortalElement extends Components.ShiftPortal, HTMLStencilElement {
+    }
+    var HTMLShiftPortalElement: {
+        prototype: HTMLShiftPortalElement;
+        new (): HTMLShiftPortalElement;
+    };
     interface HTMLShiftSelectElement extends Components.ShiftSelect, HTMLStencilElement {
     }
     var HTMLShiftSelectElement: {
         prototype: HTMLShiftSelectElement;
         new (): HTMLShiftSelectElement;
     };
+    interface HTMLShiftSelectDropdownElement extends Components.ShiftSelectDropdown, HTMLStencilElement {
+    }
+    var HTMLShiftSelectDropdownElement: {
+        prototype: HTMLShiftSelectDropdownElement;
+        new (): HTMLShiftSelectDropdownElement;
+    };
     interface HTMLShiftSliderElement extends Components.ShiftSlider, HTMLStencilElement {
     }
     var HTMLShiftSliderElement: {
@@ -1639,7 +1712,9 @@ declare global {
         "service-booking-form": HTMLServiceBookingFormElement;
         "shift-accordion": HTMLShiftAccordionElement;
         "shift-checkbox": HTMLShiftCheckboxElement;
+        "shift-portal": HTMLShiftPortalElement;
         "shift-select": HTMLShiftSelectElement;
+        "shift-select-dropdown": HTMLShiftSelectDropdownElement;
         "shift-slider": HTMLShiftSliderElement;
         "shift-switch": HTMLShiftSwitchElement;
         "shift-tab-content": HTMLShiftTabContentElement;
@@ -2314,6 +2389,20 @@ declare namespace LocalJSX {
         "name"?: string;
         "onChange"?: (event: Event) => void;
     }
+    interface ShiftPortal {
+        /**
+          * @default {}
+         */
+        "componentProps"?: Record<string, any>;
+        /**
+          * @default ''
+         */
+        "inheritedClasses"?: string;
+        /**
+          * @default ''
+         */
+        "tag"?: string;
+    }
     interface ShiftSelect {
         /**
           * @default false
@@ -2325,8 +2414,12 @@ declare namespace LocalJSX {
           * @default false
          */
         "forceOpenUpwards"?: boolean;
-        "fullRenderOption"?: (option: FormSelectItem, isSelected, handleSelection) => any;
-        "handleSelection"?: (option: FormSelectItem) => void;
+        "fullRenderOption"?: (option: FormSelectItem, isSelected: boolean, handleSelection: (option: FormSelectItem) => void) => any;
+        /**
+          * @default 8
+         */
+        "gap"?: number;
+        "handleSelection": (option: FormSelectItem) => void;
         /**
           * @default true
          */
@@ -2341,6 +2434,9 @@ declare namespace LocalJSX {
           * @default false
          */
         "isOpen"?: boolean;
+        /**
+          * @default ''
+         */
         "name"?: string;
         "noSelectionText"?: string;
         "onSelection"?: (newSelection: FormSelectItem) => void;
@@ -2349,7 +2445,7 @@ declare namespace LocalJSX {
          */
         "options"?: FormSelectItem[];
         "placeholder"?: string;
-        "renderOption"?: (option: FormSelectItem, isSelected) => any;
+        "renderOption"?: (option: FormSelectItem, isSelected: boolean) => any;
         /**
           * @default false
          */
@@ -2358,12 +2454,52 @@ declare namespace LocalJSX {
           * @default ''
          */
         "searchValue"?: string;
+        /**
+          * @default false
+         */
         "searchable"?: boolean;
         /**
           * @default ''
          */
         "selectedValue"?: string;
-        "updateContext"?: (newValues: Partial<{ isOpen: boolean; searchValue: string; selectedValue: string }>) => void;
+        "updateContext": (newValues: Partial<{ isOpen: boolean; searchValue: string; selectedValue: string }>) => void;
+    }
+    interface ShiftSelectDropdown {
+        "fetchingErrorText"?: string | boolean;
+        "fullRenderOption"?: (option: FormSelectItem, isSelected: boolean, handleSelection: (option: FormSelectItem) => void) => any;
+        "handleSelection": (option: FormSelectItem) => void;
+        /**
+          * @default true
+         */
+        "hasArrow"?: boolean;
+        /**
+          * @default true
+         */
+        "hasTick"?: boolean;
+        "isLoading"?: boolean;
+        /**
+          * @default false
+         */
+        "isOpen"?: boolean;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        "noSelectionText"?: string;
+        /**
+          * @default []
+         */
+        "options"?: FormSelectItem[];
+        "renderOption"?: (option: FormSelectItem, isSelected: boolean) => any;
+        /**
+          * @default false
+         */
+        "reverseOptions"?: boolean;
+        /**
+          * @default ''
+         */
+        "selectedValue"?: string;
+        "setElementRef"?: (el: HTMLElement | null) => void;
     }
     interface ShiftSlider {
         "activeIndex"?: number;
@@ -2870,7 +3006,9 @@ declare namespace LocalJSX {
         "service-booking-form": ServiceBookingForm;
         "shift-accordion": ShiftAccordion;
         "shift-checkbox": ShiftCheckbox;
+        "shift-portal": ShiftPortal;
         "shift-select": ShiftSelect;
+        "shift-select-dropdown": ShiftSelectDropdown;
         "shift-slider": ShiftSlider;
         "shift-switch": ShiftSwitch;
         "shift-tab-content": ShiftTabContent;
@@ -2927,7 +3065,9 @@ declare module "@stencil/core" {
             "service-booking-form": LocalJSX.ServiceBookingForm & JSXBase.HTMLAttributes<HTMLServiceBookingFormElement>;
             "shift-accordion": LocalJSX.ShiftAccordion & JSXBase.HTMLAttributes<HTMLShiftAccordionElement>;
             "shift-checkbox": LocalJSX.ShiftCheckbox & JSXBase.HTMLAttributes<HTMLShiftCheckboxElement>;
+            "shift-portal": LocalJSX.ShiftPortal & JSXBase.HTMLAttributes<HTMLShiftPortalElement>;
             "shift-select": LocalJSX.ShiftSelect & JSXBase.HTMLAttributes<HTMLShiftSelectElement>;
+            "shift-select-dropdown": LocalJSX.ShiftSelectDropdown & JSXBase.HTMLAttributes<HTMLShiftSelectDropdownElement>;
             "shift-slider": LocalJSX.ShiftSlider & JSXBase.HTMLAttributes<HTMLShiftSliderElement>;
             "shift-switch": LocalJSX.ShiftSwitch & JSXBase.HTMLAttributes<HTMLShiftSwitchElement>;
             "shift-tab-content": LocalJSX.ShiftTabContent & JSXBase.HTMLAttributes<HTMLShiftTabContentElement>;

package/dist/types/global/lib/get-custom-classes-for-portal.d.ts

@@ -0,0 +1 @@
+export default function getCustomClassesForPortal(element: any): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adp-web-components",
-  "version": "0.1.89",
+  "version": "0.1.91",
   "description": "ADP Platform Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",