gantri-components 1.66.0 → 1.69.0

package/dist/components/confirmation-modal/confirmation-modal.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ConfirmationModalProps } from './confirmation-modal.types';
+export declare const ConfirmationModal: FC<ConfirmationModalProps>;

package/dist/components/confirmation-modal/confirmation-modal.presets.d.ts

@@ -0,0 +1,2 @@
+import { ConfirmationModalProps } from './confirmation-modal.types';
+export declare const useConfirmationModalPresets: Partial<ConfirmationModalProps>;

package/dist/components/confirmation-modal/confirmation-modal.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { ButtonColor } from 'gantri-components/dist/components/button/button.types';
+import { ModalProps } from '../modal/modal.types';
+export interface ConfirmationModalProps extends Partial<ModalProps> {
+    confirmButtonIsDisabled?: boolean;
+    confirmButtonText?: string;
+    confirmButtonVariant?: ButtonColor;
+    content: string | ReactNode;
+    headerText: string;
+    onConfirm: () => void;
+}

package/dist/components/confirmation-modal/confirmationModal.types.d.ts

@@ -0,0 +1 @@
+export declare const StyledConfirmationModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/confirmation-modal/index.d.ts

@@ -0,0 +1,2 @@
+export { ConfirmationModal } from './confirmation-modal';
+export { useConfirmationModal } from './useConfirmationModal';

package/dist/components/confirmation-modal/useConfirmationModal.d.ts

@@ -0,0 +1,5 @@
+import { UseConfirmationModalProps } from './useConfirmationModal.types';
+declare type ShowModal = () => void;
+declare type HideModal = () => void;
+export declare const useConfirmationModal: (props: UseConfirmationModalProps) => [ShowModal, HideModal];
+export {};

package/dist/components/confirmation-modal/useConfirmationModal.types.d.ts

@@ -0,0 +1,3 @@
+import { ConfirmationModalProps } from './confirmation-modal.types';
+export interface UseConfirmationModalProps extends ConfirmationModalProps {
+}

package/dist/components/index.d.ts

@@ -4,11 +4,13 @@ export * from './box';
 export * from './button';
 export * from './cell';
 export * from './checkbox';
+export * from './confirmation-modal';
 export * from './flex';
 export * from './formik-input';
 export * from './grid';
 export * from './icon';
 export * from './image';
+export * from './modal';
 export * from './radio';
 export * from './stack';
 export * from './text-area';

package/dist/components/modal/index.d.ts

@@ -0,0 +1,4 @@
+export * from './modal';
+export * from './useModal';
+export * from './modal-context';
+export * from './modal-provider';

package/dist/components/modal/modal-context.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+import { ModalProps } from './modal.types';
+export declare type ModalType = FunctionComponent<ModalProps>;
+export interface ModalContextType {
+    hideModal(key: string): void;
+    showModal(key: string, component: ModalType): void;
+}
+export declare const ModalContext: import("react").Context<ModalContextType>;

package/dist/components/modal/modal-provider.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { FC } from 'react';
+export interface ModalProviderProps {
+    rootComponent: React.ComponentType<any>;
+}
+export declare const ModalProvider: FC<ModalProviderProps>;

package/dist/components/modal/modal-root.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FC, PropsWithChildren } from 'react';
+import { ModalType } from './modal-context';
+interface ModalRootProps {
+    component?: React.ComponentType<any>;
+    modals: Record<string, ModalType>;
+}
+export declare const ModalRoot: FC<PropsWithChildren<ModalRootProps>>;
+export {};

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ModalProps } from './modal.types';
+export declare const Modal: FC<ModalProps>;

package/dist/components/modal/modal.presets.d.ts

@@ -0,0 +1,2 @@
+import { ModalProps } from './modal.types';
+export declare const ModalPresets: Partial<ModalProps>;

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

@@ -0,0 +1,17 @@
+import { ModalProps } from './modal.types';
+export declare const StyledModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalProps, never>;
+export declare const StyledModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    hasDetailsPanel?: boolean | undefined;
+}, never>;
+export declare const StyledDetailsPanelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {
+    $closeable: boolean;
+}, never>;
+export declare const StyledModalFooter: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalBodyContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalScrollableContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalChildrenContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalCloseButtonContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyleMobileCloseContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,14 @@
+import { Property } from 'csstype';
+import { ReactElement } from 'react';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+export interface ModalProps {
+    closeable?: boolean;
+    dataAttributes?: Record<string, unknown>;
+    detailsPanel?: ReactElement;
+    footer?: ReactElement;
+    header?: ReactElement;
+    height?: ResolutionAwareProp<Property.Height>;
+    onClose?: () => void;
+    top?: ResolutionAwareProp<Property.Top>;
+    width?: ResolutionAwareProp<Property.Width>;
+}

package/dist/components/modal/useModal.d.ts

@@ -0,0 +1,6 @@
+import { DependencyList } from 'react';
+import { ModalType } from './modal-context';
+declare type ShowModal = () => void;
+declare type HideModal = () => void;
+export declare const useModal: (component: ModalType, inputs?: DependencyList) => [ShowModal, HideModal];
+export {};

package/dist/global/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useId } from './useId';
 export { useIntersectionObserver } from './useIntersectionObserver';
+export { useParseDataAttributes } from './useParseDataAttributes';

package/dist/global/hooks/useParseDataAttributes.d.ts

@@ -0,0 +1 @@
+export declare const useParseDataAttributes: (dataAttributes: Record<string, unknown>) => Record<string, unknown>;