@imposium-hub/components 2.5.18 → 2.6.0-1

package/src/components/context-menu/AnimateComponent.tsx

@@ -1,7 +1,18 @@
 import React from 'react';
 import CSSTransition from 'react-transition-group/CSSTransition';
 
-const AnimateComponent = ({ children, isVisible, timeout, className }) => {
+interface IAnimateComponentProps {
+    isVisible: boolean;
+    timeout: number;
+    className: string;
+}
+
+const AnimateComponent: React.FC<IAnimateComponentProps> = ({
+    children,
+    isVisible,
+    timeout,
+    className
+}) => {
     const nodeRef = React.useRef(null);
 
     return (

package/src/components/context-menu/ContextMenu.tsx

@@ -4,9 +4,21 @@ import { registerEvent, callHideEvent } from './registerEvent';
 import AnimateComponent from './AnimateComponent';
 import { throttle } from './helper';
 
-const ContextMenu = ({
-    children,
+interface IContextMenuProps {
+    id: string;
+    appendTo: string;
+    hideOnLeave?: boolean;
+    onMouseLeave?: (e: any) => void;
+    onHide?: () => void;
+    onShow?: () => void;
+    preventHideOnScroll?: boolean;
+    preventHideOnResize?: boolean;
+    animation?: string;
+}
+
+const ContextMenu: React.FC<IContextMenuProps> = ({
     id,
+    children,
     appendTo,
     hideOnLeave,
     onMouseLeave,
@@ -14,7 +26,6 @@ const ContextMenu = ({
     onShow,
     preventHideOnScroll,
     preventHideOnResize,
-    attributes,
     animation
 }) => {
     const contextMenuEl = useRef(null);
@@ -116,7 +127,7 @@ const ContextMenu = ({
         }
     }, [isVisible, clientPosition]);
 
-    const childrenWithProps = React.Children.map(children, (child) =>
+    const childrenWithProps = React.Children.map(children, (child: any) =>
         React.cloneElement(child, { id })
     );
 
@@ -126,8 +137,7 @@ const ContextMenu = ({
                 className={`contextmenu`}
                 ref={contextMenuEl}
                 style={{ top, left }}
-                onMouseLeave={handleMouseLeave}
-                {...attributes}>
+                onMouseLeave={handleMouseLeave}>
                 {childrenWithProps}
             </div>
         );
@@ -168,8 +178,6 @@ ContextMenu.defaultProps = {
     hideOnLeave: false,
     preventHideOnResize: false,
     preventHideOnScroll: false,
-    attributes: {},
-    className: '',
     animation: 'fade',
     onMouseLeave: () => null,
     onHide: () => null,

package/src/components/context-menu/ContextMenuItem.tsx

@@ -1,7 +1,18 @@
 import React, { useCallback, useRef } from 'react';
 import { callHideEvent } from './registerEvent';
 
-const ContextMenuItem = ({ children, onClick, disabled, preventClose, attributes, className }) => {
+interface IContextMenuItemProps {
+    onClick?(e: React.MouseEvent): void;
+    disabled?: boolean;
+    preventClose?: boolean;
+}
+
+const ContextMenuItem: React.FC<IContextMenuItemProps> = ({
+    children,
+    onClick,
+    disabled,
+    preventClose
+}) => {
     const contextMenuItem = useRef(null);
 
     const handleClickEvent = useCallback((e) => {
@@ -15,7 +26,6 @@ const ContextMenuItem = ({ children, onClick, disabled, preventClose, attributes
         <div
             className={`${disabled ? 'contextmenu__item--disabled' : 'contextmenu__item'}`}
             onClick={handleClickEvent}
-            {...attributes}
             ref={contextMenuItem}>
             {children}
         </div>
@@ -23,12 +33,3 @@ const ContextMenuItem = ({ children, onClick, disabled, preventClose, attributes
 };
 
 export default ContextMenuItem;
-
-ContextMenuItem.defaultProps = {
-    disabled: false,
-    preventClose: false,
-    attributes: {},
-    className: '',
-    onClick: () => null,
-    onItemHover: () => null
-};

package/src/components/context-menu/ContextMenuTrigger.tsx

@@ -1,7 +1,18 @@
 import React, { useRef, useCallback } from 'react';
 import { callShowEvent, callHideEvent } from './registerEvent';
 
-const ContextMenuTrigger = ({ children, id, disableWhileShiftPressed, attributes, disable }) => {
+interface IContextMenuTriggerProps {
+    id: string;
+    disableWhileShiftPressed?: boolean;
+    disable?: boolean;
+}
+
+const ContextMenuTrigger: React.FC<IContextMenuTriggerProps> = ({
+    children,
+    id,
+    disableWhileShiftPressed,
+    disable
+}) => {
     const menuTrigger = useRef(null);
 
     const handleContextMenu = useCallback((e) => {
@@ -29,7 +40,6 @@ const ContextMenuTrigger = ({ children, id, disableWhileShiftPressed, attributes
         <div
             className='menu-trigger'
             ref={menuTrigger}
-            {...attributes}
             onContextMenu={(e) => handleContextMenu(e)}>
             {children}
         </div>
@@ -37,11 +47,3 @@ const ContextMenuTrigger = ({ children, id, disableWhileShiftPressed, attributes
 };
 
 export default ContextMenuTrigger;
-
-ContextMenuTrigger.defaultProps = {
-    attributes: {},
-    disable: false,
-    renderTag: 'div',
-    disableWhileShiftPressed: false,
-    className: ''
-};

package/src/components/context-menu/SubMenu.tsx

@@ -1,7 +1,11 @@
 import React, { useCallback, useState, useRef } from 'react';
 import ContextMenuItem from './ContextMenuItem';
 
-const Submenu = ({ children, title, attributes, className }) => {
+interface ISubmenuProps {
+    title: string;
+}
+
+const Submenu: React.FC<ISubmenuProps> = ({ children, title }) => {
     const [submenuStyle, setSubmenuStyle] = useState(null);
     const submenuEl = useRef(null);
     const submenuItem = useRef(null);
@@ -49,8 +53,7 @@ const Submenu = ({ children, title, attributes, className }) => {
             onMouseOut={() => hideSubmenu()}
             onFocus={() => null}
             onBlur={() => null}
-            ref={submenuItem}
-            {...attributes}>
+            ref={submenuItem}>
             <ContextMenuItem>{title}</ContextMenuItem>
             <div
                 className='submenu__item'
@@ -63,8 +66,3 @@ const Submenu = ({ children, title, attributes, className }) => {
 };
 
 export default Submenu;
-
-Submenu.defaultProps = {
-    title: 'Sub Menu',
-    className: ''
-};

package/src/components/data-table/Paginator.tsx

@@ -11,27 +11,40 @@ import {
 import { assets as copy } from '../../constants/copy';
 let textInputTimeout: number;
 
-const Paginator: React.FC<any> = ({
-    manualPagination,
+interface IPaginatorProps {
+    pageCount: number;
+    pageIndex: number;
+    pageSize: number;
+    pageOptions: any;
+    totalItems: number;
+    canPreviousPage: boolean;
+    canNextPage: boolean;
+    gotoPage: (page: number, pageSize: number) => void;
+    previousPage: () => void;
+    nextPage: () => void;
+    setPageSize: (size: number) => void;
+    itemsPerPage: number;
+    onItemsPerPage: (size: number) => void;
+}
+
+const Paginator: React.FC<IPaginatorProps> = ({
     pageCount,
     pageIndex,
     pageSize,
-    pageOptions,
     totalItems,
     canPreviousPage,
     canNextPage,
     gotoPage,
     previousPage,
     nextPage,
-    setPageSize,
     itemsPerPage,
     onItemsPerPage
 }) => {
     const [getPageIndex, setPageIndex] = React.useState<number>(pageIndex);
     const [getItemsPerPage, setItemsPerPage] = React.useState<number>(itemsPerPage);
     const [getPageCount, setPageCount] = React.useState<number>(pageCount);
-    const [inputPageIndex, setInputPageIndex] = React.useState<string>('');
-    const [inputItemsPerPage, setInputItemsPerPage] = React.useState<string>('');
+    const [inputPageIndex, setInputPageIndex] = React.useState<any>('');
+    const [inputItemsPerPage, setInputItemsPerPage] = React.useState<any>('');
 
     React.useEffect(() => {
         if (pageCount === 0) {

package/src/components/font-picker/font-manager/constants.ts

@@ -5,3 +5,8 @@ export const LIST_BASE_URL = 'https://www.googleapis.com/webfonts/v1/webfonts';
 export const FONT_FACE_REGEX = /@font-face {([\s\S]*?)}/gm;
 
 export const FONT_FAMILY_DEFAULT = 'Open Sans';
+
+export const API_AUTH_TYPES = {
+    TOKEN: 'TOKEN',
+    ACCESS_KEY: 'ACCESS_KEY'
+};