@pedidopago/ui 1.9.2 → 1.9.4

package/dist/components/Modal/styles.d.ts

@@ -16,55 +16,90 @@ export declare const ModalElement: import("@emotion/styled").StyledComponent<{
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
-    translate?: "no" | "yes" | undefined;
-    id?: string | undefined;
-    hidden?: boolean | undefined;
+    translate?: "yes" | "no" | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
     lang?: string | undefined;
-    role?: import("react").AriaRole | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "date" | "step" | "page" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
     "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -232,20 +267,38 @@ export declare const ModalElement: import("@emotion/styled").StyledComponent<{
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: Theme | undefined;
+} & {
+    open: boolean;
+    maxHeight?: string | undefined;
+    hideScrollBar?: boolean | undefined;
+}, {}, {}>;
+export declare const Overlay: import("@emotion/styled").StyledComponent<{
+    slot?: string | undefined;
+    title?: string | undefined;
+    color?: string | undefined;
+    translate?: "yes" | "no" | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
     nonce?: string | undefined;
     placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
     radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
     about?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
@@ -264,69 +317,51 @@ export declare const ModalElement: import("@emotion/styled").StyledComponent<{
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
-} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: Theme | undefined;
-} & {
-    open: boolean;
-    maxHeight?: string | undefined;
-    hideScrollBar?: boolean | undefined;
-}, {}, {}>;
-export declare const Overlay: import("@emotion/styled").StyledComponent<{
-    slot?: string | undefined;
-    title?: string | undefined;
-    color?: string | undefined;
-    translate?: "no" | "yes" | undefined;
-    id?: string | undefined;
-    hidden?: boolean | undefined;
-    className?: string | undefined;
-    lang?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    tabIndex?: number | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "date" | "step" | "page" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
     "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -494,41 +529,6 @@ export declare const Overlay: import("@emotion/styled").StyledComponent<{
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    radioGroup?: string | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: Theme | undefined;
 } & {

package/dist/components/Modal/types.d.ts

@@ -34,5 +34,6 @@ export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
     disableScrollOnOpen?: boolean;
     /** Optional. Will blur the background when the modal is open. */
     blurOverlay?: boolean;
+    portalNameId?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;IAEd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;qCAEiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;qCAEiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B,2DAA2D;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,uFAAuF;IACvF,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;IAEd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;qCAEiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;qCAEiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B,2DAA2D;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,uFAAuF;IACvF,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts

@@ -4,55 +4,90 @@ export declare const OptionsAreaWrapper: import("@emotion/styled").StyledCompone
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
-    translate?: "no" | "yes" | undefined;
-    id?: string | undefined;
-    hidden?: boolean | undefined;
+    translate?: "yes" | "no" | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
     lang?: string | undefined;
-    role?: import("react").AriaRole | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "date" | "step" | "page" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
     "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -220,41 +255,6 @@ export declare const OptionsAreaWrapper: import("@emotion/styled").StyledCompone
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    radioGroup?: string | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & IStyleProps, {}, {}>;

package/dist/components/MultipleSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAaf,OAAO,EAAc,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAEpE,KAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAiLjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAYf,OAAO,EAAc,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAIpE,KAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAsKjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/MultipleSelect/index.js

@@ -1 +1 @@
-"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_ReactPortal=require("../ReactPortal"),_Flex=_interopRequireDefault(require("../Flex")),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_animations=require("./animations"),_components=require("./components"),_styles=require("./components/SelectArea/styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var onFinishedTimerDebounce,MultipleSelect=function(_ref){var _selectAreaRef$curren,width=_ref.width,_ref$fullWidth=_ref.fullWidth,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$AutoComplete=_ref.AutoComplete,_ref$maxSelects=_ref.maxSelects,maxSelects=void 0===_ref$maxSelects?5:_ref$maxSelects,onChangeValue=_ref.onChangeValue,onChangeSearch=_ref.onChangeSearch,onFinished=_ref.onFinished,_ref$label=_ref.label,label=void 0===_ref$label?"SelectInput":_ref$label,selectType=_ref.selectType,_ref$data=_ref.data,data=void 0===_ref$data?[]:_ref$data,isLoadingData=_ref.isLoadingData,loadMoreData=_ref.loadMoreData,hasMoreData=_ref.hasMoreData,dropDownIcon=_ref.dropDownIcon,placeholder=_ref.placeholder,defaultSelectedOptions=_ref.defaultSelectedOptions,value=_ref.value,helperText=_ref.helperText,autoCompleteHelperText=_ref.autoCompleteHelperText,_ref$infiniteScroll=_ref.infiniteScroll,_useState=(0,_react.useState)(selectType),_useState2=_slicedToArray(_useState,2),inputAlert=_useState2[0],setInputAlert=_useState2[1],_useState3=(0,_react.useState)(defaultSelectedOptions||[]),_useState4=_slicedToArray(_useState3,2),selectedOptions=_useState4[0],setSelectedOptions=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),showOptionsArea=_useState6[0],setShowOptionsArea=_useState6[1],InputWrapperRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){function handleClickOutSide(event){var _InputWrapperRef$curr,portalRoot=document.querySelector("#portal-root");null!==(_InputWrapperRef$curr=InputWrapperRef.current)&&void 0!==_InputWrapperRef$curr&&_InputWrapperRef$curr.contains(event.target)||null!==portalRoot&&void 0!==portalRoot&&portalRoot.contains(event.target)||setShowOptionsArea(!1)}return document.addEventListener("mousedown",handleClickOutSide),function(){return document.removeEventListener("mousedown",handleClickOutSide)}},[setShowOptionsArea]),(0,_react.useEffect)(function(){setInputAlert(selectType)},[selectType]),(0,_react.useEffect)(function(){return null!==value&&void 0!==value&&value.length?setSelectedOptions(value):void setSelectedOptions([])},[value]);var scrollHandler=(0,_react.useCallback)(function(event){var _ref2=event.target,clientHeight=_ref2.clientHeight,scrollHeight=_ref2.scrollHeight,scrollTop=_ref2.scrollTop;!!onFinished&&120>=scrollHeight-scrollTop-clientHeight&&(clearTimeout(onFinishedTimerDebounce),onFinishedTimerDebounce=setTimeout(function(){return onFinished(!0)},500))},[onFinished]),chooseOption=(0,_react.useCallback)(function(option){multiple?!(selectedOptions.length>=maxSelects)&&(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([].concat(_toConsumableArray(selectedOptions),[option])),setSelectedOptions(function(oldstate){return[].concat(_toConsumableArray(oldstate),[option])})):(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([option]),setSelectedOptions([option]),setShowOptionsArea(!1))},[selectedOptions,multiple,setSelectedOptions,maxSelects]),selectAreaRef=(0,_react.useRef)(null),_useState7=(0,_react.useState)(null===(_selectAreaRef$curren=selectAreaRef.current)||void 0===_selectAreaRef$curren?void 0:_selectAreaRef$curren.getBoundingClientRect().top),_useState8=_slicedToArray(_useState7,2),positionOptions=_useState8[0],setPositionOptions=_useState8[1];return(0,_useDisableBodyScroll.useDisableBodyScroll)(showOptionsArea,"child_element"),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_components.InputWrapper,{ref:InputWrapperRef,width:width,fullWidth:void 0!==_ref$fullWidth&&_ref$fullWidth,onMouseOver:function(){var _selectAreaRef$curren2;setPositionOptions(null===(_selectAreaRef$curren2=selectAreaRef.current)||void 0===_selectAreaRef$curren2?void 0:_selectAreaRef$curren2.getBoundingClientRect().top)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.SelectArea,{ref:selectAreaRef,disabled:disabled,label:label,multiple:multiple,setShowOptionsArea:setShowOptionsArea,removeSelectedOption:function(event,option){if(event.stopPropagation(),!option)return setSelectedOptions([]),void(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([]));var newSelectedOptions=_toConsumableArray(selectedOptions),indexToRemove=selectedOptions.findIndex(function(chosenOption){return chosenOption.label===option.label});newSelectedOptions.splice(indexToRemove,1),setSelectedOptions(newSelectedOptions),null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(newSelectedOptions)},selectedOptions:selectedOptions,setSelectedOptions:setSelectedOptions,toggleOptionsAreaView:function toggleOptionsAreaView(event){event.stopPropagation(),disabled||setShowOptionsArea(!showOptionsArea)},inputAlert:inputAlert,placeholder:placeholder,dropDownIcon:dropDownIcon}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"portal-root",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:showOptionsArea&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,_objectSpread(_objectSpread({},_animations.multipleSelectAnimations),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.OptionsArea,{positionOptions:positionOptions||0,parentRef:selectAreaRef,infiniteScroll:void 0!==_ref$infiniteScroll&&_ref$infiniteScroll,AutoComplete:void 0!==_ref$AutoComplete&&_ref$AutoComplete,setShowOptionsArea:setShowOptionsArea,inputAlert:inputAlert,chooseOption:chooseOption,selectedOptions:selectedOptions,data:data,loadMoreData:loadMoreData,hasMoreData:hasMoreData,scrollHandler:scrollHandler,showOptionsArea:showOptionsArea,onChangeSearch:onChangeSearch,isLoadingData:isLoadingData,autoCompleteHelperText:autoCompleteHelperText})}))})})]}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{selectType:selectType,children:helperText})]})},_default=MultipleSelect;exports.default=_default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_ReactPortal=require("../ReactPortal"),_Flex=_interopRequireDefault(require("../Flex")),_components=require("./components"),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_useOnClickOutside=require("../../shared/hooks/useOnClickOutside"),_styles=require("./components/SelectArea/styles"),_animations=require("./animations"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var onFinishedTimerDebounce,MultipleSelect=function(_ref){var _selectAreaRef$curren,width=_ref.width,_ref$fullWidth=_ref.fullWidth,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$AutoComplete=_ref.AutoComplete,_ref$maxSelects=_ref.maxSelects,maxSelects=void 0===_ref$maxSelects?5:_ref$maxSelects,onChangeValue=_ref.onChangeValue,onChangeSearch=_ref.onChangeSearch,onFinished=_ref.onFinished,_ref$label=_ref.label,label=void 0===_ref$label?"SelectInput":_ref$label,selectType=_ref.selectType,_ref$data=_ref.data,data=void 0===_ref$data?[]:_ref$data,isLoadingData=_ref.isLoadingData,loadMoreData=_ref.loadMoreData,hasMoreData=_ref.hasMoreData,dropDownIcon=_ref.dropDownIcon,placeholder=_ref.placeholder,defaultSelectedOptions=_ref.defaultSelectedOptions,value=_ref.value,helperText=_ref.helperText,autoCompleteHelperText=_ref.autoCompleteHelperText,_ref$infiniteScroll=_ref.infiniteScroll,_useState=(0,_react.useState)(selectType),_useState2=_slicedToArray(_useState,2),inputAlert=_useState2[0],setInputAlert=_useState2[1],_useState3=(0,_react.useState)(defaultSelectedOptions||[]),_useState4=_slicedToArray(_useState3,2),selectedOptions=_useState4[0],setSelectedOptions=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),showOptionsArea=_useState6[0],setShowOptionsArea=_useState6[1],InputWrapperRef=(0,_react.useRef)(null),optionsRef=(0,_react.useRef)(null);(0,_useOnClickOutside.useOnClickOutside)([InputWrapperRef,optionsRef],function(){setShowOptionsArea(!1)}),(0,_react.useEffect)(function(){setInputAlert(selectType)},[selectType]),(0,_react.useEffect)(function(){return null!==value&&void 0!==value&&value.length?setSelectedOptions(value):void setSelectedOptions([])},[value]);var scrollHandler=(0,_react.useCallback)(function(event){var _ref2=event.target,clientHeight=_ref2.clientHeight,scrollHeight=_ref2.scrollHeight,scrollTop=_ref2.scrollTop;!!onFinished&&120>=scrollHeight-scrollTop-clientHeight&&(clearTimeout(onFinishedTimerDebounce),onFinishedTimerDebounce=setTimeout(function(){return onFinished(!0)},500))},[onFinished]),chooseOption=(0,_react.useCallback)(function(option){multiple?!(selectedOptions.length>=maxSelects)&&(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([].concat(_toConsumableArray(selectedOptions),[option])),setSelectedOptions(function(oldstate){return[].concat(_toConsumableArray(oldstate),[option])})):(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([option]),setSelectedOptions([option]),setShowOptionsArea(!1))},[selectedOptions,multiple,setSelectedOptions,maxSelects]),selectAreaRef=(0,_react.useRef)(null),_useState7=(0,_react.useState)(null===(_selectAreaRef$curren=selectAreaRef.current)||void 0===_selectAreaRef$curren?void 0:_selectAreaRef$curren.getBoundingClientRect().top),_useState8=_slicedToArray(_useState7,2),positionOptions=_useState8[0],setPositionOptions=_useState8[1];return(0,_useDisableBodyScroll.useDisableBodyScroll)(showOptionsArea,"child_element"),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_components.InputWrapper,{ref:InputWrapperRef,width:width,fullWidth:void 0!==_ref$fullWidth&&_ref$fullWidth,onMouseOver:function(){var _selectAreaRef$curren2;setPositionOptions(null===(_selectAreaRef$curren2=selectAreaRef.current)||void 0===_selectAreaRef$curren2?void 0:_selectAreaRef$curren2.getBoundingClientRect().top)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.SelectArea,{ref:selectAreaRef,disabled:disabled,label:label,multiple:multiple,setShowOptionsArea:setShowOptionsArea,removeSelectedOption:function(event,option){if(event.stopPropagation(),!option)return setSelectedOptions([]),void(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([]));var newSelectedOptions=_toConsumableArray(selectedOptions),indexToRemove=selectedOptions.findIndex(function(chosenOption){return chosenOption.label===option.label});newSelectedOptions.splice(indexToRemove,1),setSelectedOptions(newSelectedOptions),null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(newSelectedOptions)},selectedOptions:selectedOptions,setSelectedOptions:setSelectedOptions,toggleOptionsAreaView:function toggleOptionsAreaView(event){event.stopPropagation(),disabled||setShowOptionsArea(!showOptionsArea)},inputAlert:inputAlert,placeholder:placeholder,dropDownIcon:dropDownIcon}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"portal-root",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:showOptionsArea&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,_objectSpread(_objectSpread({},_animations.multipleSelectAnimations),{},{ref:optionsRef,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.OptionsArea,{positionOptions:positionOptions||0,parentRef:selectAreaRef,infiniteScroll:void 0!==_ref$infiniteScroll&&_ref$infiniteScroll,AutoComplete:void 0!==_ref$AutoComplete&&_ref$AutoComplete,setShowOptionsArea:setShowOptionsArea,inputAlert:inputAlert,chooseOption:chooseOption,selectedOptions:selectedOptions,data:data,loadMoreData:loadMoreData,hasMoreData:hasMoreData,scrollHandler:scrollHandler,showOptionsArea:showOptionsArea,onChangeSearch:onChangeSearch,isLoadingData:isLoadingData,autoCompleteHelperText:autoCompleteHelperText})}))})})]}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{selectType:selectType,children:helperText})]})},_default=MultipleSelect;exports.default=_default;