@seeqdev/qomponents 0.0.45 → 0.0.47

package/dist/Button/Button.types.d.ts

@@ -1,5 +1,6 @@
 import { TooltipProps } from '../Tooltip/Tooltip.types';
 import { IconType } from '../Icon/Icon.types';
+import React from 'react';
 export declare const buttonTypes: readonly ["button", "reset", "submit", "link"];
 export declare const buttonSizes: readonly ["sm", "lg"];
 export declare const buttonVariants: readonly ["outline", "theme", "theme-light", "warning", "danger", "no-border"];
@@ -8,7 +9,7 @@ export type ButtonSize = typeof buttonSizes[number];
 export type ButtonVariant = typeof buttonVariants[number];
 export interface ButtonProps {
     /** function to call when clicking the button (takes no parameters) */
-    onClick?: () => any;
+    onClick?: (e: React.MouseEvent) => void;
     /** label translation key on the button (i.e. SUBMIT) */
     label?: string | JSX.Element | React.ReactNode;
     variant?: ButtonVariant;

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import '../styles.css';
+import { ModalProps } from './Modal.types';
+declare const Modal: React.FunctionComponent<ModalProps>;
+export default Modal;

package/dist/Modal/Modal.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllModalsVariants: React.FunctionComponent;
+export declare const ModalsWithDisabledSubmit: React.FunctionComponent;
+export declare const ModalsWithEditableTitle: React.FunctionComponent;
+export declare const ModalsWithIcon: React.FunctionComponent;
+export declare const ModalsWithCustomButton: React.FunctionComponent;

package/dist/Modal/Modal.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,44 @@
+import { FormControlElement } from '../types';
+import React from 'react';
+import { ButtonVariant } from '../Button/Button.types';
+export type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+export type TitleIconPosition = 'left' | 'right';
+export interface ModalProps {
+    title: string;
+    titleSuffixLabel?: string;
+    subtitle?: string;
+    titleIcon?: string | React.ReactElement;
+    titleIconPosition?: TitleIconPosition;
+    children: React.ReactElement;
+    modalFooter?: React.ReactElement;
+    open: boolean;
+    /** function to call when clicking the close button (takes no parameters) */
+    onClose?: () => any;
+    customButton?: boolean;
+    customButtonLabel?: string;
+    onClickCustomButton?: () => any;
+    submitButtonLabel?: string;
+    cancelButtonLabel?: string;
+    disableSubmitButton?: boolean;
+    stopPropagationSubmitButton?: boolean;
+    onSubmit?: (event: React.MouseEvent) => any;
+    isTitleEditable?: boolean;
+    onTitleChanged?: React.ChangeEventHandler<FormControlElement>;
+    inputExtraClassNames?: string;
+    hideCloseIcon?: boolean;
+    size?: ModalSize;
+    hideFooterButtons?: boolean;
+    hideSubmitButton?: boolean;
+    hideCancelButton?: boolean;
+    testId?: string;
+    dialogClassName?: string;
+    titlePlaceholder?: string;
+    titleRequired?: boolean;
+    titleError?: string;
+    submitButtonTooltip?: string;
+    cancelButtonTooltip?: string;
+    disableCustomButton?: boolean;
+    customHeader?: React.ReactElement;
+    middleFooterSection?: React.ReactElement;
+    customButtonVariant?: ButtonVariant;
+}

package/dist/Modal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Modal';

package/dist/Tabs/Tabs.types.d.ts

@@ -3,6 +3,10 @@ export interface TabsProps {
     defaultActiveTab?: string;
     activeTab?: string;
     transition?: boolean;
+    onTabSelect?: (tabId: string) => void;
+    id?: string;
+    testId?: string;
+    stretchTabs?: boolean;
     tabs: {
         label: string;
         id: string;
@@ -11,8 +15,6 @@ export interface TabsProps {
         testId?: string;
         tabExtraClassNames?: string;
         disabled?: boolean;
+        tabContentExtraClassNames?: string;
     }[];
-    onTabSelect?: (tabId: string) => void;
-    id?: string;
-    testId?: string;
 }

package/dist/TextField/TextField.types.d.ts

@@ -16,4 +16,5 @@ export interface TextFieldProps {
     step?: number | string;
     /** if true error formatting will be displayed */
     showError?: boolean;
+    required?: boolean;
 }

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import TextArea from './TextArea';
 import { QTip, Tooltip } from './Tooltip';
 import Icon from './Icon';
 import Select from './Select';
+import Modal from './Modal';
 import Tabs from './Tabs';
 export { Tabs };
 export { Button };
@@ -17,3 +18,4 @@ export { Checkbox };
 export { Icon };
 export { Select };
 export { QTip };
+export { Modal };