@propellerads/button-drop-down 2.1.0 → 2.2.0

package/dist/Table/src/index.d.ts

@@ -1,12 +1,21 @@
-import React from 'react';
-import { TableProps } from 'react-table';
-declare const Table: {
-    ({ data, columns, defaultPageSize, loading, defaultSorted, pageText, ofText, previousText, nextText, loadingText, noDataText, getTrProps, manual, filterable, showPagination, showPageSizeOptions, showPageJump, style, ExpanderComponent, SubComponent, resizable, showLoadingState, LoadingCellComponent, defaultFilterMethod, ...rest }: Partial<TableProps<any, any>> & {
-        showLoadingState: boolean;
-        LoadingCellComponent?: ((props: any) => React.ReactElement) | undefined;
-    }): JSX.Element;
-    defaultProps: {
-        LoadingCellComponent: undefined;
-    };
+import { FunctionComponent } from 'react';
+import { TableProps, DefaultObject } from './types';
+export declare const defaultProps: {
+    hasDefaultPagination: boolean;
+    isLoading: boolean;
+    footerPlacement: never[];
+    loadingMessage: string;
+    labelPerPage: string;
+    parentElementId: string;
+    tableContentId: string;
+    showLoadingState: boolean;
+    initialState: {};
+    LoadingCellComponent: import("styled-components").StyledComponent<"div", any, {}, never>;
+    getRowPreProps: () => DefaultObject;
+    isEnableRowSelect: () => boolean;
+    selectColumnProps: {};
+    noDataMessage: string;
 };
+declare type DefaultProps = Readonly<typeof defaultProps>;
+declare const Table: FunctionComponent<TableProps & DefaultProps>;
 export { Table };

package/dist/Table/src/propsGetter.d.ts

@@ -0,0 +1,9 @@
+import { ElementGetter, ElementCellPropGetter, ElementRowPropGetter, ElementHeaderFooterPropGetter, GetTableElementPropsGetter, GetTableContainerPropsGetter, GetTableElementInternalPropsGetter } from './types';
+export declare const defaultGetter: ElementGetter;
+export declare const cellGetter: ElementGetter;
+export declare const mainCellGetter: ElementGetter;
+export declare const getTableProps: GetTableContainerPropsGetter;
+export declare const getTableElementProps: GetTableElementPropsGetter<ElementHeaderFooterPropGetter>;
+export declare const getTableRowProps: GetTableElementPropsGetter<ElementRowPropGetter>;
+export declare const getTableCellProps: GetTableElementPropsGetter<ElementCellPropGetter>;
+export declare const getTableElementInternalProps: GetTableElementInternalPropsGetter;

package/dist/Table/src/style.d.ts

@@ -1,3 +1,21 @@
+import { CSSObject } from 'styled-components';
+export declare const TableLoading: import("styled-components").StyledComponent<"div", any, {
+    isLoading: boolean;
+}, never>;
+export declare const TableLoadingInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableCore: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HeadCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TD: import("styled-components").StyledComponent<"div", any, {
+    align?: CSSObject | undefined;
+    colSpan?: number | undefined;
+}, never>;
 export declare const EmptyStateCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const CommonStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
-export { CommonStyles };
+export declare const TH: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const THead: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TRGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TR: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TFoot: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Table/src/types.d.ts

@@ -1,8 +1,114 @@
-import React from 'react';
-import { Column, TableProps } from 'react-table';
+import React, { FunctionComponent, ReactElement, ReactNode } from 'react';
+import { Cell, CellPropGetter, Column, FooterGroupPropGetter, FooterPropGetter, HeaderGroup, HeaderGroupPropGetter, Hooks, Meta, Row, RowPropGetter, TableBodyPropGetter, TablePropGetter, TableState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseRowSelectInstanceProps, UseRowSelectState, UseSortByColumnProps, UseRowSelectRowProps, UseSortByInstanceProps, UseSortByOptions, UseTableOptions, HeaderPropGetter } from 'react-table';
+export declare type DefaultObject = Record<string, string | number | unknown>;
 export declare type LoadingState = {
     loadingColumns?: Column[];
     loadingData: any[];
 };
+export declare enum FOOTER_PLACEMENT {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+export declare type PaginationProps = {
+    paginationAmount?: string | ReactNode | ReactElement;
+    parentElementId: string;
+    labelPerPage?: string;
+    pageSizes?: Array<string | number>;
+    pageIndex: number;
+    perPage: number;
+    totalPages: number;
+    totalItems: number;
+    canNextPage: boolean;
+    canPreviousPage: boolean;
+    nextPageHandler: () => void;
+    previousPageHandler: () => void;
+    setPageSize: (size: number) => void;
+    gotoPage: (page: number) => void;
+};
+export declare type ControlledPagination = {
+    paginationAmount?: string | ReactNode | ReactElement;
+    pageSize: number;
+    pageIndex: number;
+    pageCount: number;
+};
+export declare type TableProps = {
+    columns: Array<Column<DefaultObject>>;
+    data: [];
+    totalItems?: number;
+    PaginationComponent: React.FunctionComponent<PaginationProps>;
+    initialState: Partial<TableState<DefaultObject>>;
+    fetchData?: (params: {
+        pageIndex: number;
+        pageSize: number;
+    }) => void;
+    onSortedChange?: (id: string, isDesc: boolean) => void;
+    isLoading?: boolean;
+    footerPlacement?: Array<FOOTER_PLACEMENT>;
+    hasDefaultPagination?: boolean;
+    onSelectRowsChange?: (rows: Array<DefaultObject>) => void;
+    controlledPagination?: ControlledPagination;
+    loadingMessage?: string;
+    labelPerPage?: string;
+    parentElementId?: string;
+    tableContentId?: string;
+    getRowPreProps?: (row: Row) => DefaultObject;
+    getTableProps?: TableGetter;
+    getHeaderGroupProps?: ElementGetter;
+    getHeaderProps?: ElementGetter;
+    getRowProps?: ElementGetter;
+    getCellProps?: ElementGetter;
+    getFooterProps?: ElementGetter;
+    getFooterGroupProps?: ElementGetter;
+    showLoadingState?: boolean;
+    LoadingCellComponent?: FunctionComponent<DefaultObject>;
+    noDataMessage?: string | ReactElement;
+    rowSubComponent?: (row: StandardRow) => ReactElement;
+    isEnableRowSelect?: (original: DefaultObject) => boolean;
+};
+export declare type TableOptions = {
+    columns: Array<Column<DefaultObject>>;
+    data: Array<DefaultObject>;
+    initialState: {
+        pageIndex?: number;
+        pageSize?: number;
+    };
+    disableSortRemove: boolean;
+    disableMultiSort: boolean;
+    disableMultiRemove: boolean;
+    manualSortBy?: boolean;
+    autoResetPage?: boolean;
+    manualPagination?: boolean;
+    pageCount?: number;
+};
+export declare type MetaProps = {
+    column?: HeaderGroup<DefaultObject>;
+    cell?: Cell;
+};
+export declare type BaseMeta = Meta<DefaultObject, MetaProps>;
+export declare type TableGetter = (props: DefaultObject) => DefaultObject;
+export declare type ElementGetter = (props: DefaultObject, meta: BaseMeta) => DefaultObject;
+export declare type ElementCellPropGetter = CellPropGetter<DefaultObject>;
+export declare type ElementRowPropGetter = RowPropGetter<DefaultObject>;
+export declare type ElementHeaderFooterPropGetter = FooterGroupPropGetter<DefaultObject> | HeaderGroupPropGetter<DefaultObject> | FooterPropGetter<DefaultObject>;
+export declare type GetTableContainerPropsGetter = (userGetter?: TableGetter, getter?: TableGetter) => TablePropGetter<DefaultObject> | TableBodyPropGetter<DefaultObject>;
+export declare type GetTableElementPropsGetter<T> = (userGetter?: ElementGetter, getter?: ElementGetter) => T;
+export declare type GetTableElementInternalPropsGetter = (internalProps: DefaultObject, userGetter?: ElementGetter, getter?: ElementGetter) => HeaderPropGetter<DefaultObject>;
+export declare type ColumnWithSort = HeaderGroup<DefaultObject> & Partial<UseSortByColumnProps<DefaultObject>>;
+export declare type StandardColumn = Column<DefaultObject>;
+export declare type StandardRow = Row<DefaultObject> & {
+    isExpanded?: boolean;
+};
+export declare type SelectableRow = Row<{
+    id: string;
+}> & UseRowSelectRowProps<DefaultObject>;
+export declare type StandardCell = Cell<DefaultObject>;
+export declare type SelectableRowInstanceProps = UseRowSelectInstanceProps<DefaultObject>;
+export declare type StandardHooks = Hooks<DefaultObject>;
+export declare type TableHooksInstanceProps = UseSortByInstanceProps<DefaultObject> & UsePaginationInstanceProps<DefaultObject> & UseRowSelectInstanceProps<DefaultObject> & {
+    state: UseRowSelectState<DefaultObject> & UsePaginationState<DefaultObject>;
+};
+export declare type TableOptionsProps = UseTableOptions<DefaultObject> & UseSortByOptions<DefaultObject> & UsePaginationOptions<DefaultObject> & {
+    initialState: Partial<TableState<DefaultObject>> & Partial<UsePaginationState<DefaultObject>>;
+};
 export declare class Table extends React.Component<Partial<TableProps>> {
 }

package/dist/Table/src/useLoadingState.d.ts

@@ -1,4 +1,5 @@
+import { FunctionComponent } from 'react';
 import { Column } from 'react-table';
-import { LoadingState } from './types';
-declare const useLoadingState: (showLoadingState: boolean, loading: boolean, pageSize: number, columns: Column[], LoadingCellComponent?: (props: any) => JSX.Element) => LoadingState;
+import { DefaultObject, LoadingState } from './types';
+declare const useLoadingState: (showLoadingState: boolean, loading: boolean, pageSize: number, columns: Column<DefaultObject>[], LoadingCellComponent: FunctionComponent<DefaultObject>) => LoadingState;
 export default useLoadingState;

package/dist/Table/src/useTableShadow.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (tableRef: any, tableWrapperRef: any) => void;
+export default _default;

package/dist/Tabs/style.d.ts

@@ -1,5 +1,5 @@
-export const StyledTabs: any;
-export const StyledTab: any;
+export const StyledTabs: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export const StyledTab: import("styled-components").StyledComponent<"li", any, {}, never>;
 export namespace VIEW_TYPE {
     export const DEFAULT: string;
     export const ROUNDED: string;

package/dist/TagsInput/src/style.d.ts

@@ -31,6 +31,7 @@ declare const defaultStyles: {
         data: any;
     }) => any;
     menu: (styles: any) => any;
+    menuList: (styles: any) => any;
     option: (styles: any, { isFocused }: {
         isFocused: any;
     }) => {

package/dist/TextMaxLength/src/allowJavaScriptModules.d.ts

@@ -0,0 +1 @@
+declare module '*';

package/dist/TextMaxLength/src/index.d.ts

@@ -1,13 +1,3 @@
+import { TextMaxLengthProps } from './types';
+declare const TextMaxLength: ({ maxLength, value }: TextMaxLengthProps) => false | JSX.Element;
 export default TextMaxLength;
-declare function TextMaxLength({ maxLength, value }: {
-    maxLength: any;
-    value: any;
-}): false | JSX.Element;
-declare namespace TextMaxLength {
-    export namespace propTypes {
-        export const maxLength: PropTypes.Validator<number>;
-        export const value: PropTypes.Validator<React.ReactText>;
-    }
-}
-import PropTypes from "prop-types";
-import React from "react";

package/dist/TextMaxLength/src/style.d.ts

@@ -1,2 +1,4 @@
+declare const StyledTextMaxLength: import("styled-components").StyledComponent<"div", any, {
+    hasError: boolean;
+}, never>;
 export default StyledTextMaxLength;
-declare const StyledTextMaxLength: any;

package/dist/TextMaxLength/src/types.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface TextMaxLengthProps {
+    maxLength: number;
+    value: string | number;
+}
+export default class TextMaxLength extends React.Component<TextMaxLengthProps> {
+}

package/dist/Textarea/src/types.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface TextareaProps {
+    onChange: (value: string) => void;
+    onBlur: (value: string) => void;
+    onFocus?: () => void;
+    elementId: string;
+    errors: string[];
+    maxLength?: number;
+    value: string;
+    placeholder?: string;
+    label?: string | React.ReactNode;
+    name: string;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    isReadonly?: boolean;
+    rows?: number;
+    style?: Record<string, string>;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export default class Textarea extends React.Component<TextareaProps> {
+}

package/dist/ThemeAnnotation/src/components/Input.d.ts

@@ -0,0 +1 @@
+export declare const Input: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;

package/dist/ThemeAnnotation/src/index.d.ts

@@ -0,0 +1,5 @@
+import { AnyStyledComponent, FlattenInterpolation, ThemedStyledProps } from 'styled-components';
+declare type AnnotationFunction = (baseComponent: AnyStyledComponent, annotationComponents: FlattenInterpolation<ThemedStyledProps<any, any>>) => string;
+declare const themeAnnotation: AnnotationFunction;
+export { themeAnnotation, };
+export { Input } from './components/Input';

package/dist/ThemeAnnotation/src/types.d.ts

@@ -0,0 +1,9 @@
+export declare type InputAnnotation = {
+    borderColor?: string;
+    padding?: string;
+    background?: string;
+    height?: string;
+};
+export declare type Theme = {
+    input: InputAnnotation;
+};

package/dist/TimePicker/src/allowJavaScriptModules.d.ts

@@ -0,0 +1 @@
+declare module '*';

package/dist/TimePicker/src/index.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { TimePickerProps } from './types';
+declare const TimePicker: FunctionComponent<TimePickerProps>;
+export default TimePicker;

package/dist/TimePicker/src/style.d.ts

@@ -0,0 +1,4 @@
+import { StyledComponent } from 'styled-components';
+export declare const StyledTimeContainer: StyledComponent<"div", any, {}, never>;
+export declare const StyledInputTime: StyledComponent<"input", any, {}, never>;
+export declare const StyledTimePickerHelper: StyledComponent<"div", any, {}, never>;

package/dist/TimePicker/src/types.d.ts

@@ -0,0 +1,11 @@
+declare type TimePickerProps = {
+    elementId: string;
+    onChange: (value: string) => void;
+    value: string;
+    label?: string | null | undefined;
+    errors?: Array<string> | undefined;
+    isRequired?: boolean;
+    isReadonly?: boolean;
+    showErrorLabel?: boolean;
+};
+export { TimePickerProps };

package/dist/button-drop-down.cjs.development.js

@@ -57,7 +57,11 @@ var ButtonDropDown = function ButtonDropDown(props) {
       elementId = props.elementId,
       options = props.options,
       title = props.title,
-      onClick = props.onClick;
+      onClick = props.onClick,
+      _props$onMouseEnter = props.onMouseEnter,
+      onMouseEnter = _props$onMouseEnter === void 0 ? undefined : _props$onMouseEnter,
+      _props$onMouseLeave = props.onMouseLeave,
+      onMouseLeave = _props$onMouseLeave === void 0 ? undefined : _props$onMouseLeave;
   var containerRef = React.useRef(null);
 
   var _useState = React.useState(false),
@@ -95,7 +99,9 @@ var ButtonDropDown = function ButtonDropDown(props) {
     elementId: elementId,
     onClick: function onClick() {
       return setExpanded(!isExpanded);
-    }
+    },
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
   }, title), isExpanded && options.length > 0 && /*#__PURE__*/React__default.createElement(ButtonDropDownListContainer, null, options.map(function (option) {
     return /*#__PURE__*/React__default.createElement(ButtonDropDownList, {
       option: option,
@@ -112,13 +118,17 @@ ButtonDropDown.propTypes = {
   isLoading: PropTypes.bool,
   isDisabled: PropTypes.bool,
   title: PropTypes.string.isRequired,
-  onClick: PropTypes.func.isRequired
+  onClick: PropTypes.func.isRequired,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func
 };
 ButtonDropDown.defaultProps = {
   type: BUTTON_DROPDOWN_TYPE.ADVANCED,
   isLoading: false,
   isDisabled: false,
-  options: []
+  options: [],
+  onMouseEnter: undefined,
+  onMouseLeave: undefined
 };
 
 exports.BUTTON_DROPDOWN_TYPE = BUTTON_DROPDOWN_TYPE;

package/dist/button-drop-down.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-drop-down.cjs.development.js","sources":["../src/style.jsx","../src/index.jsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  gray80,\n  gray95,\n  white,\n  spacing,\n  fontNormal,\n  borderRadius,\n} from '@propellerads/stylevariables';\n\nconst ButtonDropDownContainer = styled.div`\n  position: relative;\n  width: fit-content;\n`;\n\nconst ButtonDropDownListContainer = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  min-width: 100%;\n  width: fit-content;\n  border: 1px solid ${gray80};\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  padding: ${spacing * 2}px 0;\n  margin-top: 2px;\n  font-size: ${fontNormal}px;\n  z-index: 1;\n`;\n\nconst ButtonDropDownListItemContainer = styled.div`\n  width: 100%;\n  text-align: left;\n  min-height: 32px;\n  padding: ${spacing * 2}px ${spacing * 3}px;\n\n  &:hover {\n    background-color: ${gray95};\n  }\n`;\n\nexport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n};\n","import React, {useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n} from './style.jsx';\n\nexport const BUTTON_DROPDOWN_TYPE = BUTTON_TYPE;\n\nconst ButtonDropDownList = (props) => {\n  const {\n    option,\n    onClick,\n  } = props;\n\n  return (\n    <Button\n      elementId={option.id}\n      type={BUTTON_TYPE.PLAIN}\n      onClick={() => onClick(option)}\n    >\n      <ButtonDropDownListItemContainer>\n        {option.title}\n      </ButtonDropDownListItemContainer>\n    </Button>\n  );\n};\n\nconst ButtonDropDownListProps = PropTypes.shape({\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  title: PropTypes.string.isRequired,\n}).isRequired;\n\nButtonDropDownList.propTypes = {\n  option: ButtonDropDownListProps,\n  onClick: PropTypes.func.isRequired,\n};\n\nButtonDropDownList.defaultProps = {\n  option: {},\n};\n\nconst ButtonDropDown = (props) => {\n  const {\n    type,\n    isLoading,\n    isDisabled,\n    elementId,\n    options,\n    title,\n    onClick,\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const [isExpanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      const {current} = containerRef;\n\n      if (current && !current.contains(event.target)) {\n        setExpanded(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('touchstart', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('touchstart', handleClickOutside);\n    };\n  }, [containerRef]);\n\n  const onItemClick = (value) => {\n    setExpanded(false);\n    onClick(value);\n  };\n\n  return (\n    <ButtonDropDownContainer\n      ref={containerRef}\n    >\n      <Button\n        type={type}\n        isLoading={isLoading}\n        isDisabled={isDisabled}\n        elementId={elementId}\n        onClick={() => setExpanded(!isExpanded)}\n      >\n        {title}\n      </Button>\n\n      {isExpanded && options.length > 0 && (\n        <ButtonDropDownListContainer>\n          {options.map((option) => (\n            <ButtonDropDownList\n              option={option}\n              key={option.id}\n              onClick={onItemClick}\n            />\n          ))}\n        </ButtonDropDownListContainer>\n      )}\n    </ButtonDropDownContainer>\n  );\n};\n\nButtonDropDown.propTypes = {\n  type: PropTypes.oneOf(Object.values(BUTTON_DROPDOWN_TYPE)),\n  options: PropTypes.arrayOf(ButtonDropDownListProps),\n  elementId: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isDisabled: PropTypes.bool,\n  title: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nButtonDropDown.defaultProps = {\n  type: BUTTON_DROPDOWN_TYPE.ADVANCED,\n  isLoading: false,\n  isDisabled: false,\n  options: [],\n};\n\nexport default ButtonDropDown;\n"],"names":["ButtonDropDownContainer","styled","div","ButtonDropDownListContainer","gray80","borderRadius","white","spacing","fontNormal","ButtonDropDownListItemContainer","gray95","BUTTON_DROPDOWN_TYPE","BUTTON_TYPE","ButtonDropDownList","props","option","onClick","React","Button","id","PLAIN","title","ButtonDropDownListProps","PropTypes","shape","oneOfType","number","string","isRequired","propTypes","func","defaultProps","ButtonDropDown","type","isLoading","isDisabled","elementId","options","containerRef","useRef","useState","isExpanded","setExpanded","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","onItemClick","value","length","map","oneOf","Object","values","arrayOf","bool","ADVANCED"],"mappings":"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"}
+{"version":3,"file":"button-drop-down.cjs.development.js","sources":["../src/style.jsx","../src/index.jsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  gray80,\n  gray95,\n  white,\n  spacing,\n  fontNormal,\n  borderRadius,\n} from '@propellerads/stylevariables';\n\nconst ButtonDropDownContainer = styled.div`\n  position: relative;\n  width: fit-content;\n`;\n\nconst ButtonDropDownListContainer = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  min-width: 100%;\n  width: fit-content;\n  border: 1px solid ${gray80};\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  padding: ${spacing * 2}px 0;\n  margin-top: 2px;\n  font-size: ${fontNormal}px;\n  z-index: 1;\n`;\n\nconst ButtonDropDownListItemContainer = styled.div`\n  width: 100%;\n  text-align: left;\n  min-height: 32px;\n  padding: ${spacing * 2}px ${spacing * 3}px;\n\n  &:hover {\n    background-color: ${gray95};\n  }\n`;\n\nexport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n};\n","import React, {useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n} from './style.jsx';\n\nexport const BUTTON_DROPDOWN_TYPE = BUTTON_TYPE;\n\nconst ButtonDropDownList = (props) => {\n  const {\n    option,\n    onClick,\n  } = props;\n\n  return (\n    <Button\n      elementId={option.id}\n      type={BUTTON_TYPE.PLAIN}\n      onClick={() => onClick(option)}\n    >\n      <ButtonDropDownListItemContainer>\n        {option.title}\n      </ButtonDropDownListItemContainer>\n    </Button>\n  );\n};\n\nconst ButtonDropDownListProps = PropTypes.shape({\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  title: PropTypes.string.isRequired,\n}).isRequired;\n\nButtonDropDownList.propTypes = {\n  option: ButtonDropDownListProps,\n  onClick: PropTypes.func.isRequired,\n};\n\nButtonDropDownList.defaultProps = {\n  option: {},\n};\n\nconst ButtonDropDown = (props) => {\n  const {\n    type,\n    isLoading,\n    isDisabled,\n    elementId,\n    options,\n    title,\n    onClick,\n    onMouseEnter = undefined,\n    onMouseLeave = undefined,\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const [isExpanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      const {current} = containerRef;\n\n      if (current && !current.contains(event.target)) {\n        setExpanded(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('touchstart', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('touchstart', handleClickOutside);\n    };\n  }, [containerRef]);\n\n  const onItemClick = (value) => {\n    setExpanded(false);\n    onClick(value);\n  };\n\n  return (\n    <ButtonDropDownContainer\n      ref={containerRef}\n    >\n      <Button\n        type={type}\n        isLoading={isLoading}\n        isDisabled={isDisabled}\n        elementId={elementId}\n        onClick={() => setExpanded(!isExpanded)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      >\n        {title}\n      </Button>\n\n      {isExpanded && options.length > 0 && (\n        <ButtonDropDownListContainer>\n          {options.map((option) => (\n            <ButtonDropDownList\n              option={option}\n              key={option.id}\n              onClick={onItemClick}\n            />\n          ))}\n        </ButtonDropDownListContainer>\n      )}\n    </ButtonDropDownContainer>\n  );\n};\n\nButtonDropDown.propTypes = {\n  type: PropTypes.oneOf(Object.values(BUTTON_DROPDOWN_TYPE)),\n  options: PropTypes.arrayOf(ButtonDropDownListProps),\n  elementId: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isDisabled: PropTypes.bool,\n  title: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n};\n\nButtonDropDown.defaultProps = {\n  type: BUTTON_DROPDOWN_TYPE.ADVANCED,\n  isLoading: false,\n  isDisabled: false,\n  options: [],\n  onMouseEnter: undefined,\n  onMouseLeave: undefined,\n};\n\nexport default ButtonDropDown;\n"],"names":["ButtonDropDownContainer","styled","div","ButtonDropDownListContainer","gray80","borderRadius","white","spacing","fontNormal","ButtonDropDownListItemContainer","gray95","BUTTON_DROPDOWN_TYPE","BUTTON_TYPE","ButtonDropDownList","props","option","onClick","React","Button","id","PLAIN","title","ButtonDropDownListProps","PropTypes","shape","oneOfType","number","string","isRequired","propTypes","func","defaultProps","ButtonDropDown","type","isLoading","isDisabled","elementId","options","onMouseEnter","undefined","onMouseLeave","containerRef","useRef","useState","isExpanded","setExpanded","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","onItemClick","value","length","map","oneOf","Object","values","arrayOf","bool","ADVANCED"],"mappings":"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"}

package/dist/button-drop-down.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n,t,i,r=require("react"),o=e(r),s=e(require("prop-types")),u=require("@propellerads/button"),a=e(u),d=e(require("styled-components")),l=require("@propellerads/stylevariables");function c(e,n){return n||(n=e.slice(0)),e.raw=n,e}var p=d.div(n||(n=c(["\n  position: relative;\n  width: fit-content;\n"]))),f=d.div(t||(t=c(["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  min-width: 100%;\n  width: fit-content;\n  border: 1px solid ",";\n  border-radius: ","px;\n  background-color: ",";\n  padding: ","px 0;\n  margin-top: 2px;\n  font-size: ","px;\n  z-index: 1;\n"])),l.gray80,l.borderRadius,l.white,2*l.spacing,l.fontNormal),m=d.div(i||(i=c(["\n  width: 100%;\n  text-align: left;\n  min-height: 32px;\n  padding: ","px ","px;\n\n  &:hover {\n    background-color: ",";\n  }\n"])),2*l.spacing,3*l.spacing,l.gray95),g=u.BUTTON_TYPE,v=function(e){var n=e.option,t=e.onClick;return o.createElement(a,{elementId:n.id,type:u.BUTTON_TYPE.PLAIN,onClick:function(){return t(n)}},o.createElement(m,null,n.title))},b=s.shape({id:s.oneOfType([s.number,s.string]).isRequired,title:s.string.isRequired}).isRequired;v.propTypes={option:b,onClick:s.func.isRequired},v.defaultProps={option:{}};var y=function(e){var n=e.type,t=e.isLoading,i=e.isDisabled,s=e.elementId,u=e.options,d=e.title,l=e.onClick,c=r.useRef(null),m=r.useState(!1),g=m[0],b=m[1];r.useEffect((function(){var e=function(e){var n=c.current;n&&!n.contains(e.target)&&b(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[c]);var y=function(e){b(!1),l(e)};return o.createElement(p,{ref:c},o.createElement(a,{type:n,isLoading:t,isDisabled:i,elementId:s,onClick:function(){return b(!g)}},d),g&&u.length>0&&o.createElement(f,null,u.map((function(e){return o.createElement(v,{option:e,key:e.id,onClick:y})}))))};y.propTypes={type:s.oneOf(Object.values(g)),options:s.arrayOf(b),elementId:s.string.isRequired,isLoading:s.bool,isDisabled:s.bool,title:s.string.isRequired,onClick:s.func.isRequired},y.defaultProps={type:g.ADVANCED,isLoading:!1,isDisabled:!1,options:[]},exports.BUTTON_DROPDOWN_TYPE=g,exports.default=y;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n,t,i,o=require("react"),r=e(o),s=e(require("prop-types")),u=require("@propellerads/button"),d=e(u),a=e(require("styled-components")),l=require("@propellerads/stylevariables");function c(e,n){return n||(n=e.slice(0)),e.raw=n,e}var p=a.div(n||(n=c(["\n  position: relative;\n  width: fit-content;\n"]))),f=a.div(t||(t=c(["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  min-width: 100%;\n  width: fit-content;\n  border: 1px solid ",";\n  border-radius: ","px;\n  background-color: ",";\n  padding: ","px 0;\n  margin-top: 2px;\n  font-size: ","px;\n  z-index: 1;\n"])),l.gray80,l.borderRadius,l.white,2*l.spacing,l.fontNormal),v=a.div(i||(i=c(["\n  width: 100%;\n  text-align: left;\n  min-height: 32px;\n  padding: ","px ","px;\n\n  &:hover {\n    background-color: ",";\n  }\n"])),2*l.spacing,3*l.spacing,l.gray95),m=u.BUTTON_TYPE,g=function(e){var n=e.option,t=e.onClick;return r.createElement(d,{elementId:n.id,type:u.BUTTON_TYPE.PLAIN,onClick:function(){return t(n)}},r.createElement(v,null,n.title))},E=s.shape({id:s.oneOfType([s.number,s.string]).isRequired,title:s.string.isRequired}).isRequired;g.propTypes={option:E,onClick:s.func.isRequired},g.defaultProps={option:{}};var b=function(e){var n=e.type,t=e.isLoading,i=e.isDisabled,s=e.elementId,u=e.options,a=e.title,l=e.onClick,c=e.onMouseEnter,v=void 0===c?void 0:c,m=e.onMouseLeave,E=void 0===m?void 0:m,b=o.useRef(null),y=o.useState(!1),x=y[0],L=y[1];o.useEffect((function(){var e=function(e){var n=b.current;n&&!n.contains(e.target)&&L(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[b]);var h=function(e){L(!1),l(e)};return r.createElement(p,{ref:b},r.createElement(d,{type:n,isLoading:t,isDisabled:i,elementId:s,onClick:function(){return L(!x)},onMouseEnter:v,onMouseLeave:E},a),x&&u.length>0&&r.createElement(f,null,u.map((function(e){return r.createElement(g,{option:e,key:e.id,onClick:h})}))))};b.propTypes={type:s.oneOf(Object.values(m)),options:s.arrayOf(E),elementId:s.string.isRequired,isLoading:s.bool,isDisabled:s.bool,title:s.string.isRequired,onClick:s.func.isRequired,onMouseEnter:s.func,onMouseLeave:s.func},b.defaultProps={type:m.ADVANCED,isLoading:!1,isDisabled:!1,options:[],onMouseEnter:void 0,onMouseLeave:void 0},exports.BUTTON_DROPDOWN_TYPE=m,exports.default=b;
 //# sourceMappingURL=button-drop-down.cjs.production.min.js.map

package/dist/button-drop-down.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-drop-down.cjs.production.min.js","sources":["../src/style.jsx","../src/index.jsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  gray80,\n  gray95,\n  white,\n  spacing,\n  fontNormal,\n  borderRadius,\n} from '@propellerads/stylevariables';\n\nconst ButtonDropDownContainer = styled.div`\n  position: relative;\n  width: fit-content;\n`;\n\nconst ButtonDropDownListContainer = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  min-width: 100%;\n  width: fit-content;\n  border: 1px solid ${gray80};\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  padding: ${spacing * 2}px 0;\n  margin-top: 2px;\n  font-size: ${fontNormal}px;\n  z-index: 1;\n`;\n\nconst ButtonDropDownListItemContainer = styled.div`\n  width: 100%;\n  text-align: left;\n  min-height: 32px;\n  padding: ${spacing * 2}px ${spacing * 3}px;\n\n  &:hover {\n    background-color: ${gray95};\n  }\n`;\n\nexport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n};\n","import React, {useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n} from './style.jsx';\n\nexport const BUTTON_DROPDOWN_TYPE = BUTTON_TYPE;\n\nconst ButtonDropDownList = (props) => {\n  const {\n    option,\n    onClick,\n  } = props;\n\n  return (\n    <Button\n      elementId={option.id}\n      type={BUTTON_TYPE.PLAIN}\n      onClick={() => onClick(option)}\n    >\n      <ButtonDropDownListItemContainer>\n        {option.title}\n      </ButtonDropDownListItemContainer>\n    </Button>\n  );\n};\n\nconst ButtonDropDownListProps = PropTypes.shape({\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  title: PropTypes.string.isRequired,\n}).isRequired;\n\nButtonDropDownList.propTypes = {\n  option: ButtonDropDownListProps,\n  onClick: PropTypes.func.isRequired,\n};\n\nButtonDropDownList.defaultProps = {\n  option: {},\n};\n\nconst ButtonDropDown = (props) => {\n  const {\n    type,\n    isLoading,\n    isDisabled,\n    elementId,\n    options,\n    title,\n    onClick,\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const [isExpanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      const {current} = containerRef;\n\n      if (current && !current.contains(event.target)) {\n        setExpanded(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('touchstart', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('touchstart', handleClickOutside);\n    };\n  }, [containerRef]);\n\n  const onItemClick = (value) => {\n    setExpanded(false);\n    onClick(value);\n  };\n\n  return (\n    <ButtonDropDownContainer\n      ref={containerRef}\n    >\n      <Button\n        type={type}\n        isLoading={isLoading}\n        isDisabled={isDisabled}\n        elementId={elementId}\n        onClick={() => setExpanded(!isExpanded)}\n      >\n        {title}\n      </Button>\n\n      {isExpanded && options.length > 0 && (\n        <ButtonDropDownListContainer>\n          {options.map((option) => (\n            <ButtonDropDownList\n              option={option}\n              key={option.id}\n              onClick={onItemClick}\n            />\n          ))}\n        </ButtonDropDownListContainer>\n      )}\n    </ButtonDropDownContainer>\n  );\n};\n\nButtonDropDown.propTypes = {\n  type: PropTypes.oneOf(Object.values(BUTTON_DROPDOWN_TYPE)),\n  options: PropTypes.arrayOf(ButtonDropDownListProps),\n  elementId: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isDisabled: PropTypes.bool,\n  title: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nButtonDropDown.defaultProps = {\n  type: BUTTON_DROPDOWN_TYPE.ADVANCED,\n  isLoading: false,\n  isDisabled: false,\n  options: [],\n};\n\nexport default ButtonDropDown;\n"],"names":["ButtonDropDownContainer","styled","div","ButtonDropDownListContainer","gray80","borderRadius","white","spacing","fontNormal","ButtonDropDownListItemContainer","gray95","BUTTON_DROPDOWN_TYPE","BUTTON_TYPE","ButtonDropDownList","props","option","onClick","React","Button","elementId","id","type","PLAIN","title","ButtonDropDownListProps","PropTypes","shape","oneOfType","number","string","isRequired","propTypes","func","defaultProps","ButtonDropDown","isLoading","isDisabled","options","containerRef","useRef","useState","isExpanded","setExpanded","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","onItemClick","value","ref","length","map","key","oneOf","Object","values","arrayOf","bool","ADVANCED"],"mappings":"0TAUA,IAAMA,EAA0BC,EAAOC,oEAKjCC,EAA8BF,EAAOC,8RAMrBE,SACHC,eACGC,QACC,EAAVC,UAEEC,cAITC,EAAkCR,EAAOC,wJAIxB,EAAVK,UAA2B,EAAVA,UAGNG,UC3BXC,EAAuBC,cAE9BC,EAAqB,SAACC,OAExBC,EAEED,EAFFC,OACAC,EACEF,EADFE,eAIAC,gBAACC,GACCC,UAAWJ,EAAOK,GAClBC,KAAMT,cAAYU,MAClBN,QAAS,kBAAMA,EAAQD,KAEvBE,gBAACR,OACEM,EAAOQ,SAMVC,EAA0BC,EAAUC,MAAM,CAC9CN,GAAIK,EAAUE,UAAU,CAACF,EAAUG,OAAQH,EAAUI,SAASC,WAC9DP,MAAOE,EAAUI,OAAOC,aACvBA,WAEHjB,EAAmBkB,UAAY,CAC7BhB,OAAQS,EACRR,QAASS,EAAUO,KAAKF,YAG1BjB,EAAmBoB,aAAe,CAChClB,OAAQ,IAGV,IAAMmB,EAAiB,SAACpB,OAEpBO,EAOEP,EAPFO,KACAc,EAMErB,EANFqB,UACAC,EAKEtB,EALFsB,WACAjB,EAIEL,EAJFK,UACAkB,EAGEvB,EAHFuB,QACAd,EAEET,EAFFS,MACAP,EACEF,EADFE,QAGIsB,EAAeC,SAAO,QAEMC,YAAS,GAApCC,OAAYC,OAEnBC,aAAU,eACFC,EAAqB,SAACC,OACnBC,EAAWR,EAAXQ,QAEHA,IAAYA,EAAQC,SAASF,EAAMG,SACrCN,GAAY,WAIhBO,SAASC,iBAAiB,YAAaN,GACvCK,SAASC,iBAAiB,aAAcN,GACjC,WACLK,SAASE,oBAAoB,YAAaP,GAC1CK,SAASE,oBAAoB,aAAcP,MAE5C,CAACN,QAEEc,EAAc,SAACC,GACnBX,GAAY,GACZ1B,EAAQqC,WAIRpC,gBAACjB,GACCsD,IAAKhB,GAELrB,gBAACC,GACCG,KAAMA,EACNc,UAAWA,EACXC,WAAYA,EACZjB,UAAWA,EACXH,QAAS,kBAAM0B,GAAaD,KAE3BlB,GAGFkB,GAAcJ,EAAQkB,OAAS,GAC9BtC,gBAACd,OACEkC,EAAQmB,KAAI,SAACzC,UACZE,gBAACJ,GACCE,OAAQA,EACR0C,IAAK1C,EAAOK,GACZJ,QAASoC,UASvBlB,EAAeH,UAAY,CACzBV,KAAMI,EAAUiC,MAAMC,OAAOC,OAAOjD,IACpC0B,QAASZ,EAAUoC,QAAQrC,GAC3BL,UAAWM,EAAUI,OAAOC,WAC5BK,UAAWV,EAAUqC,KACrB1B,WAAYX,EAAUqC,KACtBvC,MAAOE,EAAUI,OAAOC,WACxBd,QAASS,EAAUO,KAAKF,YAG1BI,EAAeD,aAAe,CAC5BZ,KAAMV,EAAqBoD,SAC3B5B,WAAW,EACXC,YAAY,EACZC,QAAS"}
+{"version":3,"file":"button-drop-down.cjs.production.min.js","sources":["../src/style.jsx","../src/index.jsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  gray80,\n  gray95,\n  white,\n  spacing,\n  fontNormal,\n  borderRadius,\n} from '@propellerads/stylevariables';\n\nconst ButtonDropDownContainer = styled.div`\n  position: relative;\n  width: fit-content;\n`;\n\nconst ButtonDropDownListContainer = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  min-width: 100%;\n  width: fit-content;\n  border: 1px solid ${gray80};\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  padding: ${spacing * 2}px 0;\n  margin-top: 2px;\n  font-size: ${fontNormal}px;\n  z-index: 1;\n`;\n\nconst ButtonDropDownListItemContainer = styled.div`\n  width: 100%;\n  text-align: left;\n  min-height: 32px;\n  padding: ${spacing * 2}px ${spacing * 3}px;\n\n  &:hover {\n    background-color: ${gray95};\n  }\n`;\n\nexport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n};\n","import React, {useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n} from './style.jsx';\n\nexport const BUTTON_DROPDOWN_TYPE = BUTTON_TYPE;\n\nconst ButtonDropDownList = (props) => {\n  const {\n    option,\n    onClick,\n  } = props;\n\n  return (\n    <Button\n      elementId={option.id}\n      type={BUTTON_TYPE.PLAIN}\n      onClick={() => onClick(option)}\n    >\n      <ButtonDropDownListItemContainer>\n        {option.title}\n      </ButtonDropDownListItemContainer>\n    </Button>\n  );\n};\n\nconst ButtonDropDownListProps = PropTypes.shape({\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  title: PropTypes.string.isRequired,\n}).isRequired;\n\nButtonDropDownList.propTypes = {\n  option: ButtonDropDownListProps,\n  onClick: PropTypes.func.isRequired,\n};\n\nButtonDropDownList.defaultProps = {\n  option: {},\n};\n\nconst ButtonDropDown = (props) => {\n  const {\n    type,\n    isLoading,\n    isDisabled,\n    elementId,\n    options,\n    title,\n    onClick,\n    onMouseEnter = undefined,\n    onMouseLeave = undefined,\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const [isExpanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      const {current} = containerRef;\n\n      if (current && !current.contains(event.target)) {\n        setExpanded(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('touchstart', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('touchstart', handleClickOutside);\n    };\n  }, [containerRef]);\n\n  const onItemClick = (value) => {\n    setExpanded(false);\n    onClick(value);\n  };\n\n  return (\n    <ButtonDropDownContainer\n      ref={containerRef}\n    >\n      <Button\n        type={type}\n        isLoading={isLoading}\n        isDisabled={isDisabled}\n        elementId={elementId}\n        onClick={() => setExpanded(!isExpanded)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      >\n        {title}\n      </Button>\n\n      {isExpanded && options.length > 0 && (\n        <ButtonDropDownListContainer>\n          {options.map((option) => (\n            <ButtonDropDownList\n              option={option}\n              key={option.id}\n              onClick={onItemClick}\n            />\n          ))}\n        </ButtonDropDownListContainer>\n      )}\n    </ButtonDropDownContainer>\n  );\n};\n\nButtonDropDown.propTypes = {\n  type: PropTypes.oneOf(Object.values(BUTTON_DROPDOWN_TYPE)),\n  options: PropTypes.arrayOf(ButtonDropDownListProps),\n  elementId: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isDisabled: PropTypes.bool,\n  title: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n};\n\nButtonDropDown.defaultProps = {\n  type: BUTTON_DROPDOWN_TYPE.ADVANCED,\n  isLoading: false,\n  isDisabled: false,\n  options: [],\n  onMouseEnter: undefined,\n  onMouseLeave: undefined,\n};\n\nexport default ButtonDropDown;\n"],"names":["ButtonDropDownContainer","styled","div","ButtonDropDownListContainer","gray80","borderRadius","white","spacing","fontNormal","ButtonDropDownListItemContainer","gray95","BUTTON_DROPDOWN_TYPE","BUTTON_TYPE","ButtonDropDownList","props","option","onClick","React","Button","elementId","id","type","PLAIN","title","ButtonDropDownListProps","PropTypes","shape","oneOfType","number","string","isRequired","propTypes","func","defaultProps","ButtonDropDown","isLoading","isDisabled","options","onMouseEnter","undefined","onMouseLeave","containerRef","useRef","useState","isExpanded","setExpanded","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","onItemClick","value","ref","length","map","key","oneOf","Object","values","arrayOf","bool","ADVANCED"],"mappings":"0TAUA,IAAMA,EAA0BC,EAAOC,oEAKjCC,EAA8BF,EAAOC,8RAMrBE,SACHC,eACGC,QACC,EAAVC,UAEEC,cAITC,EAAkCR,EAAOC,wJAIxB,EAAVK,UAA2B,EAAVA,UAGNG,UC3BXC,EAAuBC,cAE9BC,EAAqB,SAACC,OAExBC,EAEED,EAFFC,OACAC,EACEF,EADFE,eAIAC,gBAACC,GACCC,UAAWJ,EAAOK,GAClBC,KAAMT,cAAYU,MAClBN,QAAS,kBAAMA,EAAQD,KAEvBE,gBAACR,OACEM,EAAOQ,SAMVC,EAA0BC,EAAUC,MAAM,CAC9CN,GAAIK,EAAUE,UAAU,CAACF,EAAUG,OAAQH,EAAUI,SAASC,WAC9DP,MAAOE,EAAUI,OAAOC,aACvBA,WAEHjB,EAAmBkB,UAAY,CAC7BhB,OAAQS,EACRR,QAASS,EAAUO,KAAKF,YAG1BjB,EAAmBoB,aAAe,CAChClB,OAAQ,IAGV,IAAMmB,EAAiB,SAACpB,OAEpBO,EASEP,EATFO,KACAc,EAQErB,EARFqB,UACAC,EAOEtB,EAPFsB,WACAjB,EAMEL,EANFK,UACAkB,EAKEvB,EALFuB,QACAd,EAIET,EAJFS,MACAP,EAGEF,EAHFE,UAGEF,EAFFwB,aAAAA,kBAAeC,MAEbzB,EADF0B,aAAAA,kBAAeD,IAGXE,EAAeC,SAAO,QAEMC,YAAS,GAApCC,OAAYC,OAEnBC,aAAU,eACFC,EAAqB,SAACC,OACnBC,EAAWR,EAAXQ,QAEHA,IAAYA,EAAQC,SAASF,EAAMG,SACrCN,GAAY,WAIhBO,SAASC,iBAAiB,YAAaN,GACvCK,SAASC,iBAAiB,aAAcN,GACjC,WACLK,SAASE,oBAAoB,YAAaP,GAC1CK,SAASE,oBAAoB,aAAcP,MAE5C,CAACN,QAEEc,EAAc,SAACC,GACnBX,GAAY,GACZ7B,EAAQwC,WAIRvC,gBAACjB,GACCyD,IAAKhB,GAELxB,gBAACC,GACCG,KAAMA,EACNc,UAAWA,EACXC,WAAYA,EACZjB,UAAWA,EACXH,QAAS,kBAAM6B,GAAaD,IAC5BN,aAAcA,EACdE,aAAcA,GAEbjB,GAGFqB,GAAcP,EAAQqB,OAAS,GAC9BzC,gBAACd,OACEkC,EAAQsB,KAAI,SAAC5C,UACZE,gBAACJ,GACCE,OAAQA,EACR6C,IAAK7C,EAAOK,GACZJ,QAASuC,UASvBrB,EAAeH,UAAY,CACzBV,KAAMI,EAAUoC,MAAMC,OAAOC,OAAOpD,IACpC0B,QAASZ,EAAUuC,QAAQxC,GAC3BL,UAAWM,EAAUI,OAAOC,WAC5BK,UAAWV,EAAUwC,KACrB7B,WAAYX,EAAUwC,KACtB1C,MAAOE,EAAUI,OAAOC,WACxBd,QAASS,EAAUO,KAAKF,WACxBQ,aAAcb,EAAUO,KACxBQ,aAAcf,EAAUO,MAG1BE,EAAeD,aAAe,CAC5BZ,KAAMV,EAAqBuD,SAC3B/B,WAAW,EACXC,YAAY,EACZC,QAAS,GACTC,kBAAcC,EACdC,kBAAcD"}

package/dist/button-drop-down.esm.js

@@ -51,7 +51,11 @@ var ButtonDropDown = function ButtonDropDown(props) {
       elementId = props.elementId,
       options = props.options,
       title = props.title,
-      onClick = props.onClick;
+      onClick = props.onClick,
+      _props$onMouseEnter = props.onMouseEnter,
+      onMouseEnter = _props$onMouseEnter === void 0 ? undefined : _props$onMouseEnter,
+      _props$onMouseLeave = props.onMouseLeave,
+      onMouseLeave = _props$onMouseLeave === void 0 ? undefined : _props$onMouseLeave;
   var containerRef = useRef(null);
 
   var _useState = useState(false),
@@ -89,7 +93,9 @@ var ButtonDropDown = function ButtonDropDown(props) {
     elementId: elementId,
     onClick: function onClick() {
       return setExpanded(!isExpanded);
-    }
+    },
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
   }, title), isExpanded && options.length > 0 && /*#__PURE__*/React.createElement(ButtonDropDownListContainer, null, options.map(function (option) {
     return /*#__PURE__*/React.createElement(ButtonDropDownList, {
       option: option,
@@ -106,13 +112,17 @@ ButtonDropDown.propTypes = {
   isLoading: PropTypes.bool,
   isDisabled: PropTypes.bool,
   title: PropTypes.string.isRequired,
-  onClick: PropTypes.func.isRequired
+  onClick: PropTypes.func.isRequired,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func
 };
 ButtonDropDown.defaultProps = {
   type: BUTTON_DROPDOWN_TYPE.ADVANCED,
   isLoading: false,
   isDisabled: false,
-  options: []
+  options: [],
+  onMouseEnter: undefined,
+  onMouseLeave: undefined
 };
 
 export default ButtonDropDown;

package/dist/button-drop-down.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-drop-down.esm.js","sources":["../src/style.jsx","../src/index.jsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  gray80,\n  gray95,\n  white,\n  spacing,\n  fontNormal,\n  borderRadius,\n} from '@propellerads/stylevariables';\n\nconst ButtonDropDownContainer = styled.div`\n  position: relative;\n  width: fit-content;\n`;\n\nconst ButtonDropDownListContainer = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  min-width: 100%;\n  width: fit-content;\n  border: 1px solid ${gray80};\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  padding: ${spacing * 2}px 0;\n  margin-top: 2px;\n  font-size: ${fontNormal}px;\n  z-index: 1;\n`;\n\nconst ButtonDropDownListItemContainer = styled.div`\n  width: 100%;\n  text-align: left;\n  min-height: 32px;\n  padding: ${spacing * 2}px ${spacing * 3}px;\n\n  &:hover {\n    background-color: ${gray95};\n  }\n`;\n\nexport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n};\n","import React, {useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n} from './style.jsx';\n\nexport const BUTTON_DROPDOWN_TYPE = BUTTON_TYPE;\n\nconst ButtonDropDownList = (props) => {\n  const {\n    option,\n    onClick,\n  } = props;\n\n  return (\n    <Button\n      elementId={option.id}\n      type={BUTTON_TYPE.PLAIN}\n      onClick={() => onClick(option)}\n    >\n      <ButtonDropDownListItemContainer>\n        {option.title}\n      </ButtonDropDownListItemContainer>\n    </Button>\n  );\n};\n\nconst ButtonDropDownListProps = PropTypes.shape({\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  title: PropTypes.string.isRequired,\n}).isRequired;\n\nButtonDropDownList.propTypes = {\n  option: ButtonDropDownListProps,\n  onClick: PropTypes.func.isRequired,\n};\n\nButtonDropDownList.defaultProps = {\n  option: {},\n};\n\nconst ButtonDropDown = (props) => {\n  const {\n    type,\n    isLoading,\n    isDisabled,\n    elementId,\n    options,\n    title,\n    onClick,\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const [isExpanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      const {current} = containerRef;\n\n      if (current && !current.contains(event.target)) {\n        setExpanded(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('touchstart', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('touchstart', handleClickOutside);\n    };\n  }, [containerRef]);\n\n  const onItemClick = (value) => {\n    setExpanded(false);\n    onClick(value);\n  };\n\n  return (\n    <ButtonDropDownContainer\n      ref={containerRef}\n    >\n      <Button\n        type={type}\n        isLoading={isLoading}\n        isDisabled={isDisabled}\n        elementId={elementId}\n        onClick={() => setExpanded(!isExpanded)}\n      >\n        {title}\n      </Button>\n\n      {isExpanded && options.length > 0 && (\n        <ButtonDropDownListContainer>\n          {options.map((option) => (\n            <ButtonDropDownList\n              option={option}\n              key={option.id}\n              onClick={onItemClick}\n            />\n          ))}\n        </ButtonDropDownListContainer>\n      )}\n    </ButtonDropDownContainer>\n  );\n};\n\nButtonDropDown.propTypes = {\n  type: PropTypes.oneOf(Object.values(BUTTON_DROPDOWN_TYPE)),\n  options: PropTypes.arrayOf(ButtonDropDownListProps),\n  elementId: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isDisabled: PropTypes.bool,\n  title: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nButtonDropDown.defaultProps = {\n  type: BUTTON_DROPDOWN_TYPE.ADVANCED,\n  isLoading: false,\n  isDisabled: false,\n  options: [],\n};\n\nexport default ButtonDropDown;\n"],"names":["ButtonDropDownContainer","styled","div","ButtonDropDownListContainer","gray80","borderRadius","white","spacing","fontNormal","ButtonDropDownListItemContainer","gray95","BUTTON_DROPDOWN_TYPE","BUTTON_TYPE","ButtonDropDownList","props","option","onClick","id","PLAIN","title","ButtonDropDownListProps","PropTypes","shape","oneOfType","number","string","isRequired","propTypes","func","defaultProps","ButtonDropDown","type","isLoading","isDisabled","elementId","options","containerRef","useRef","useState","isExpanded","setExpanded","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","onItemClick","value","length","map","oneOf","Object","values","arrayOf","bool","ADVANCED"],"mappings":"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"}
+{"version":3,"file":"button-drop-down.esm.js","sources":["../src/style.jsx","../src/index.jsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n  gray80,\n  gray95,\n  white,\n  spacing,\n  fontNormal,\n  borderRadius,\n} from '@propellerads/stylevariables';\n\nconst ButtonDropDownContainer = styled.div`\n  position: relative;\n  width: fit-content;\n`;\n\nconst ButtonDropDownListContainer = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  min-width: 100%;\n  width: fit-content;\n  border: 1px solid ${gray80};\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n  padding: ${spacing * 2}px 0;\n  margin-top: 2px;\n  font-size: ${fontNormal}px;\n  z-index: 1;\n`;\n\nconst ButtonDropDownListItemContainer = styled.div`\n  width: 100%;\n  text-align: left;\n  min-height: 32px;\n  padding: ${spacing * 2}px ${spacing * 3}px;\n\n  &:hover {\n    background-color: ${gray95};\n  }\n`;\n\nexport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n};\n","import React, {useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Button, {BUTTON_TYPE} from '@propellerads/button';\n\nimport {\n  ButtonDropDownContainer,\n  ButtonDropDownListContainer,\n  ButtonDropDownListItemContainer,\n} from './style.jsx';\n\nexport const BUTTON_DROPDOWN_TYPE = BUTTON_TYPE;\n\nconst ButtonDropDownList = (props) => {\n  const {\n    option,\n    onClick,\n  } = props;\n\n  return (\n    <Button\n      elementId={option.id}\n      type={BUTTON_TYPE.PLAIN}\n      onClick={() => onClick(option)}\n    >\n      <ButtonDropDownListItemContainer>\n        {option.title}\n      </ButtonDropDownListItemContainer>\n    </Button>\n  );\n};\n\nconst ButtonDropDownListProps = PropTypes.shape({\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  title: PropTypes.string.isRequired,\n}).isRequired;\n\nButtonDropDownList.propTypes = {\n  option: ButtonDropDownListProps,\n  onClick: PropTypes.func.isRequired,\n};\n\nButtonDropDownList.defaultProps = {\n  option: {},\n};\n\nconst ButtonDropDown = (props) => {\n  const {\n    type,\n    isLoading,\n    isDisabled,\n    elementId,\n    options,\n    title,\n    onClick,\n    onMouseEnter = undefined,\n    onMouseLeave = undefined,\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const [isExpanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      const {current} = containerRef;\n\n      if (current && !current.contains(event.target)) {\n        setExpanded(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('touchstart', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('touchstart', handleClickOutside);\n    };\n  }, [containerRef]);\n\n  const onItemClick = (value) => {\n    setExpanded(false);\n    onClick(value);\n  };\n\n  return (\n    <ButtonDropDownContainer\n      ref={containerRef}\n    >\n      <Button\n        type={type}\n        isLoading={isLoading}\n        isDisabled={isDisabled}\n        elementId={elementId}\n        onClick={() => setExpanded(!isExpanded)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      >\n        {title}\n      </Button>\n\n      {isExpanded && options.length > 0 && (\n        <ButtonDropDownListContainer>\n          {options.map((option) => (\n            <ButtonDropDownList\n              option={option}\n              key={option.id}\n              onClick={onItemClick}\n            />\n          ))}\n        </ButtonDropDownListContainer>\n      )}\n    </ButtonDropDownContainer>\n  );\n};\n\nButtonDropDown.propTypes = {\n  type: PropTypes.oneOf(Object.values(BUTTON_DROPDOWN_TYPE)),\n  options: PropTypes.arrayOf(ButtonDropDownListProps),\n  elementId: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isDisabled: PropTypes.bool,\n  title: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n};\n\nButtonDropDown.defaultProps = {\n  type: BUTTON_DROPDOWN_TYPE.ADVANCED,\n  isLoading: false,\n  isDisabled: false,\n  options: [],\n  onMouseEnter: undefined,\n  onMouseLeave: undefined,\n};\n\nexport default ButtonDropDown;\n"],"names":["ButtonDropDownContainer","styled","div","ButtonDropDownListContainer","gray80","borderRadius","white","spacing","fontNormal","ButtonDropDownListItemContainer","gray95","BUTTON_DROPDOWN_TYPE","BUTTON_TYPE","ButtonDropDownList","props","option","onClick","id","PLAIN","title","ButtonDropDownListProps","PropTypes","shape","oneOfType","number","string","isRequired","propTypes","func","defaultProps","ButtonDropDown","type","isLoading","isDisabled","elementId","options","onMouseEnter","undefined","onMouseLeave","containerRef","useRef","useState","isExpanded","setExpanded","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","onItemClick","value","length","map","oneOf","Object","values","arrayOf","bool","ADVANCED"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propellerads/button-drop-down",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "ButtonDropDown component",
   "main": "dist/index.js",
   "module": "dist/button-drop-down.esm.js",
@@ -37,5 +37,5 @@
     "tslib": "^2.3.1",
     "typescript": "^4.4.2"
   },
-  "gitHead": "f6e70f7118c524db447a2eb4cde6fa909b5cf547"
+  "gitHead": "7c6e78b4236ce45b20e573ff3f7fa035ec5d9296"
 }

package/dist/Pagination/index.d.ts

@@ -1,25 +0,0 @@
-export default Pagination;
-declare function Pagination(props: any): JSX.Element;
-declare namespace Pagination {
-    export namespace propTypes {
-        export const paginationAmount: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
-        export const parentElementId: PropTypes.Validator<string>;
-        export const labelPerPage: PropTypes.Requireable<string>;
-        export const pageSizes: PropTypes.Requireable<(string | number | null | undefined)[]>;
-        export const page: PropTypes.Validator<number>;
-        export const perPage: PropTypes.Validator<number>;
-        export const totalPages: PropTypes.Validator<number>;
-        export const nextPageHandler: PropTypes.Validator<(...args: any[]) => any>;
-        export const previousPageHandler: PropTypes.Validator<(...args: any[]) => any>;
-        export const setPageSize: PropTypes.Validator<(...args: any[]) => any>;
-    }
-    export namespace defaultProps {
-        const paginationAmount_1: string;
-        export { paginationAmount_1 as paginationAmount };
-        const labelPerPage_1: string;
-        export { labelPerPage_1 as labelPerPage };
-        const pageSizes_1: number[];
-        export { pageSizes_1 as pageSizes };
-    }
-}
-import PropTypes from "prop-types";