@nulogy/components 8.17.0 → 8.18.0

package/dist/src/AsyncSelect/AsyncSelect.d.ts

@@ -1,41 +1,19 @@
-import React from "react";
-type AsyncSelectProps = {
-    windowThreshold?: number;
-    isClearable?: boolean;
-    filterOption?: (...args: any[]) => any;
-    autocomplete?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    errorMessage?: string;
-    errorList?: string[];
+import React, { ReactNode } from "react";
+import Select from "react-select/base";
+import { AsyncProps } from "react-select/async";
+import { GroupBase } from "react-select";
+type AsyncCustomProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = {
+    autocomplete?: AsyncProps<Option, IsMulti, Group>["isSearchable"];
     labelText?: string;
-    helpText?: any;
-    noOptionsMessage?: string;
     requirementText?: string;
-    id?: string;
-    initialIsOpen?: boolean;
-    menuPosition?: string;
+    helpText?: ReactNode;
+    disabled?: AsyncProps<Option, IsMulti, Group>["isDisabled"];
+    errorMessage?: string;
+    errorList?: string[];
+    initialIsOpen?: AsyncProps<Option, IsMulti, Group>["defaultMenuIsOpen"];
+    multiselect?: AsyncProps<Option, IsMulti, Group>["isMulti"];
     maxHeight?: string;
-    multiselect?: boolean;
-    name?: string;
-    onBlur?: (...args: any[]) => any;
-    onChange?: (...args: any[]) => any;
-    placeholder?: string;
-    required?: boolean;
-    value?: any;
-    defaultValue?: any;
-    className?: string;
-    classNamePrefix?: string;
-    menuIsOpen?: boolean;
-    onMenuOpen?: (...args: any[]) => any;
-    onMenuClose?: (...args: any[]) => any;
-    onInputChange?: (...args: any[]) => any;
-    components?: any;
-    closeMenuOnSelect?: boolean;
-    "aria-label"?: string;
-    cacheOptions?: boolean;
-    defaultOptions?: Array<any>;
-    loadOptions: any;
+    defaultValue?: AsyncProps<Option, IsMulti, Group>["defaultInputValue"];
 };
-declare const AsyncSelect: React.ForwardRefExoticComponent<AsyncSelectProps & React.RefAttributes<unknown>>;
+declare const AsyncSelect: React.ForwardRefExoticComponent<Omit<AsyncProps<unknown, boolean, GroupBase<unknown>>, "isDisabled" | "isMulti" | "isSearchable" | "defaultMenuIsOpen" | "defaultInputValue"> & AsyncCustomProps<unknown, boolean, GroupBase<unknown>> & React.RefAttributes<Select<unknown, boolean, GroupBase<unknown>>>>;
 export default AsyncSelect;

package/dist/src/AsyncSelect/AsyncSelectComponents.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ClearIndicatorProps, ContainerProps, ControlProps, DropdownIndicatorProps, InputProps, MenuProps, MultiValueProps } from "react-select";
+import { GroupBase } from "react-select";
+export declare const SelectControl: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const SelectMultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const SelectClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const SelectDropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const SelectInput: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => React.JSX.Element;
+export declare const SelectMenu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => React.JSX.Element;

package/dist/src/Pagination/NextButton.d.ts

@@ -1,23 +1,22 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import PropTypes from "prop-types";
+type NextButtonProps = {
+    disabled: boolean;
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    label: ReactNode;
+    ariaLabel: string;
+};
 declare const NextButton: {
-    ({ disabled, onClick, label, "aria-label": ariaLabel }: {
-        disabled: any;
-        onClick: any;
-        label: any;
-        "aria-label": any;
-    }): React.JSX.Element;
+    ({ disabled, onClick, label, ariaLabel }: NextButtonProps): React.JSX.Element;
     propTypes: {
         disabled: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        "aria-label": PropTypes.Requireable<string>;
+        ariaLabel: PropTypes.Requireable<string>;
     };
     defaultProps: {
         disabled: boolean;
         onClick: any;
-        label: any;
-        "aria-label": any;
     };
 };
 export default NextButton;

package/dist/src/Pagination/PageNumber.d.ts

@@ -1,2 +1,5 @@
-declare const PageNumber: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+type PageNumberProps = {
+    currentPage: boolean;
+};
+declare const PageNumber: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, PageNumberProps, never>;
 export default PageNumber;

package/dist/src/Pagination/Pagination.d.ts

@@ -1,4 +1,43 @@
-import React from "react";
-export declare const getPageItemstoDisplay: (totalPages: any, currentPage: any) => any[];
-declare const Pagination: React.FC<any>;
+import React, { ReactNode, RefObject } from "react";
+import PropTypes from "prop-types";
+import { FlexProps } from "../Flex/Flex";
+export declare const getPageItemsToDisplay: (totalPages: number, currentPage: number) => (string | number)[];
+type PaginationProps = FlexProps & {
+    currentPage: number;
+    totalPages: number;
+    onNext?: () => void;
+    onPrevious?: () => void;
+    onSelectPage?: (page: string | number) => void;
+    nextLabel?: ReactNode;
+    nextAriaLabel?: string;
+    previousLabel?: ReactNode;
+    previousAriaLabel?: string;
+    scrollToTopAfterPagination?: boolean;
+    scrollTargetRef?: RefObject<HTMLElement>;
+};
+declare function Pagination({ currentPage, totalPages, onNext, onPrevious, onSelectPage, nextAriaLabel, nextLabel, previousAriaLabel, previousLabel, scrollToTopAfterPagination, scrollTargetRef, "aria-label": ariaLabel, ...restProps }: PaginationProps): React.JSX.Element;
+declare namespace Pagination {
+    var propTypes: {
+        currentPage: PropTypes.Validator<number>;
+        totalPages: PropTypes.Validator<number>;
+        onNext: PropTypes.Requireable<(...args: any[]) => any>;
+        onPrevious: PropTypes.Requireable<(...args: any[]) => any>;
+        onSelectPage: PropTypes.Requireable<(...args: any[]) => any>;
+        nextLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        nextAriaLabel: PropTypes.Requireable<string>;
+        previousLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        previousAriaLabel: PropTypes.Requireable<string>;
+        "aria-label": PropTypes.Requireable<string>;
+    };
+    var defaultProps: {
+        onNext: any;
+        onPrevious: any;
+        onSelectPage: any;
+        nextLabel: any;
+        nextAriaLabel: any;
+        previousLabel: any;
+        previousAriaLabel: any;
+        "aria-label": any;
+    };
+}
 export default Pagination;

package/dist/src/Pagination/Pagination.story.d.ts

@@ -22,3 +22,4 @@ export declare const WithLessThan5Pages: {
         name: string;
     };
 };
+export declare function ScrollAfterPagination(): React.JSX.Element;

package/dist/src/Pagination/PreviousButton.d.ts

@@ -1,18 +1,22 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import PropTypes from "prop-types";
+type PreviousButtonProps = {
+    disabled: boolean;
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    label: ReactNode;
+    ariaLabel: string;
+};
 declare const PreviousButton: {
-    ({ disabled, onClick, label, "aria-label": ariaLabel }: any): React.JSX.Element;
+    ({ disabled, onClick, label, ariaLabel }: PreviousButtonProps): React.JSX.Element;
     propTypes: {
         disabled: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        "aria-label": PropTypes.Requireable<string>;
+        ariaLabel: PropTypes.Requireable<string>;
     };
     defaultProps: {
         disabled: boolean;
         onClick: any;
-        label: any;
-        "aria-label": any;
     };
 };
 export default PreviousButton;

package/dist/src/Select/customReactSelectStyles.d.ts

@@ -37,31 +37,10 @@ declare const customStyles: ({ theme, error, maxHeight, windowed, size, hasDefau
     option: () => {
         height: number;
     };
-    control: (provided: any, state: any) => {
-        display: string;
-        minHeight: string;
-        paddingLeft: string;
-        position: string;
-        width: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        background: string;
-        border: string;
-        borderColor: any;
-        boxSizing: string;
-        boxShadow: any;
-        borderRadius: string;
-        borderBottomLeftRadius: string | number;
-        borderBottomRightRadius: string | number;
-        borderTopRightRadius: string | number;
-        borderTopLeftRadius: string | number;
-        "&:hover, &:focus": {
-            borderColor: any;
-        };
-    };
+    control: (provided: any, state: any) => any;
     dropdownIndicator: (provided: any, state: any) => any;
     indicatorsContainer: (provided: any) => any;
+    singleValue: (provided: any) => any;
     input: () => {};
     valueContainer: (provided: any, state: any) => any;
     menu: (provided: any, state: any) => any;
@@ -981,6 +960,14 @@ declare const customStyles: ({ theme, error, maxHeight, windowed, size, hasDefau
     multiValueRemove: (provided: any) => any;
     noOptionsMessage: (provided: any) => any;
     indicatorSeparator: (provided: any, state: any) => any;
-    placeholder: (provided: any, state: any) => any;
+    placeholder: (state: any) => {
+        label: string;
+        marginLeft: number;
+        marginRight: number;
+        position: string;
+        top: string;
+        transform: string;
+        color: string;
+    };
 };
 export default customStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.17.0",
+  "version": "8.18.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -122,7 +122,7 @@
     "react-color": "^2.18.1",
     "react-dom": "17.0.2",
     "react-router-dom": "^5.2.0",
-    "react-select": "^3.0.8",
+    "react-select": "^5.8.0",
     "react-test-renderer": "^16.10",
     "rollup": "^2.7.3",
     "rollup-plugin-babel": "^4.4.0",