@bigbinary/neeto-molecules 3.9.9 → 3.9.11

package/types/CustomDomainDashboard.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 type customDomainFields = {
   addedCnameAt: string;
   cnameValidationParams: {
@@ -11,7 +12,7 @@ type customDomainFields = {
   notice: string;
   status: string;
 };
-export type onCreateCustomDomainCallback = (values: customDomainFields) => void;
+type onCreateCustomDomainCallback = (values: customDomainFields) => void;
 /**
  *
  * A full page common component for managing custom domains. This component can be
@@ -37,11 +38,12 @@ export type onCreateCustomDomainCallback = (values: customDomainFields) => void;
  * ![Screenshot](https://user-images.githubusercontent.com/47141466/198322719-80cccd00-7bc3-44b6-845b-b3ad61e2635a.png|height=200|width=300)
  *
 */
-const CustomDomainDashboard: React.FC<{
+declare const CustomDomainDashboard: React.FC<{
   headerProps: {
     [key: string]: any;
   };
   url: string;
   onCreate: onCreateCustomDomainCallback;
 }>;
-export default CustomDomainDashboard;
+
+export { CustomDomainDashboard as default, type onCreateCustomDomainCallback };

package/types/DateFormat.d.ts

@@ -1,12 +1,8 @@
-import React from "react";
+import React from 'react';
+import { TypographyProps, TooltipProps } from '@bigbinary/neetoui';
+import { timeFormat, DateTimeType } from '@bigbinary/neeto-commons-frontend/utils';
 
-import { TooltipProps, TypographyProps } from "@bigbinary/neetoui";
-import {
-  timeFormat,
-  DateTimeType,
-} from "@bigbinary/neeto-commons-frontend/utils";
-
-const DateFormat: {
+declare const DateFormat: {
   [key in Capitalize<keyof typeof timeFormat>]: React.FC<{
     date: DateTimeType;
     timerInterval?: number;
@@ -16,4 +12,4 @@ const DateFormat: {
   }>;
 };
 
-export default DateFormat;
+export { DateFormat as default };

package/types/DateRangeFilter.d.ts

@@ -1,6 +1,7 @@
-import React from "react";
-import { Dayjs } from "dayjs";
-import { DatePickerProps } from "@bigbinary/neetoui";
+import React from 'react';
+import { Dayjs } from 'dayjs';
+import { DatePickerProps } from '@bigbinary/neetoui';
+
 interface TimePeriodType {
   startDate: Dayjs;
   endDate: Dayjs;
@@ -45,10 +46,11 @@ interface TimePeriodType {
  * your API.
  *
 */
-const DateRangeFilter: React.FC<{
+declare const DateRangeFilter: React.FC<{
   timePeriod: TimePeriodType;
   setTimePeriod: React.Dispatch<React.SetStateAction<TimePeriodType>>;
   timePeriodOptions?: TimePeriodType[];
   datePickerProps?: DatePickerProps;
 }>;
-export default DateRangeFilter;
+
+export { DateRangeFilter as default };

package/types/DeleteArchiveModal.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * The DeleteArchiveModal component is designed to facilitate the deletion of an
@@ -48,7 +49,7 @@ import React from "react";
  * };
  * @endexample
 */
-const DeleteArchiveModal: React.FC<{
+declare const DeleteArchiveModal: React.FC<{
   checkboxLabel: string;
   className: string;
   description: string;
@@ -60,4 +61,5 @@ const DeleteArchiveModal: React.FC<{
   onDelete: Function;
   title: string;
 }>;
-export default DeleteArchiveModal;
+
+export { DeleteArchiveModal as default };

package/types/DeviceIncompatibilityMessage.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * Used to indicate screen incompatibility on smaller devices.
@@ -10,8 +11,9 @@ import React from "react";
  * const App = () => <DeviceIncompatibilityMessage />;
  * @endexample
 */
-const DeviceIncompatibilityMessage: React.FC<{
+declare const DeviceIncompatibilityMessage: React.FC<{
   description?: React.ReactNode;
   className?: string;
 }>;
-export default DeviceIncompatibilityMessage;
+
+export { DeviceIncompatibilityMessage as default };

package/types/DocumentEditor.d.ts

@@ -1,5 +1,6 @@
-import { FormikEditorProps, attachment } from "@bigbinary/neeto-editor";
-import { TextareaProps } from "@bigbinary/neetoui";
+import { attachment, FormikEditorProps } from '@bigbinary/neeto-editor';
+import { TextareaProps } from '@bigbinary/neetoui';
+
 /**
  *
  * NeetoEditor with a better writing experience.
@@ -42,7 +43,7 @@ import { TextareaProps } from "@bigbinary/neetoui";
  * );
  * @endexample
 */
-const DocumentEditor: React.FC<{
+declare const DocumentEditor: React.FC<{
   attachments: attachment[];
   onContentChange?: (content: string) => void;
   onAttachmentChange?: (attachments: attachment[]) => void;
@@ -55,4 +56,5 @@ const DocumentEditor: React.FC<{
   titleProps?: TextareaProps;
   menuClassName?: string;
 }>;
-export default DocumentEditor;
+
+export { DocumentEditor as default };

package/types/DownloadMobileAppCallout.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * A component to render warning callout when the application is accessed from a
@@ -27,7 +28,8 @@ import React from "react";
  * for any path that starts with "/public".
  *
 */
-const DownloadMobileAppCallout: React.FC<{
+declare const DownloadMobileAppCallout: React.FC<{
   excludePathRegex?: RegExp;
 }>;
-export default DownloadMobileAppCallout;
+
+export { DownloadMobileAppCallout as default };

package/types/DynamicVariables.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { DropdownProps } from "@bigbinary/neetoui";
+import React from 'react';
+import { DropdownProps } from '@bigbinary/neetoui';
+
 interface Variable {
   label?: string;
   key?: string;
@@ -37,10 +38,11 @@ interface Variable {
  * };
  * @endexample
 */
-const DynamicVariables: React.FC<{
+declare const DynamicVariables: React.FC<{
   onVariableClick?: (variable: Variable & {
     categoryLabel?: string;
   }) => void;
   variables: Variable[];
 } & DropdownProps>;
-export default DynamicVariables;
+
+export { DynamicVariables as default };

package/types/EmailForm.d.ts

@@ -1,6 +1,7 @@
-import { ButtonProps, PopoverProps } from "@bigbinary/neetoui";
-import React from "react";
-import { HelpPopoverProps } from "./HelpPopover";
+import React from 'react';
+import { HelpPopoverProps } from './HelpPopover.js';
+import '@bigbinary/neetoui';
+
 type ContentVariables = {
   label: string;
   key: string;
@@ -67,7 +68,7 @@ type SendToFieldProps = {
  * export default EmailComposer;
  * @endexample
 */
-const EmailForm: React.FC<{
+declare const EmailForm: React.FC<{
   messageVariables?: ContentVariables[];
   subjectVariables?: ContentVariables[];
   handleCancel: () => void;
@@ -80,4 +81,5 @@ const EmailForm: React.FC<{
   replyToFieldProps?: ReplyToFieldProps;
   sendToFieldProps?: SendToFieldProps;
 }>;
-export default EmailForm;
+
+export { EmailForm as default };

package/types/EmailFormProvider.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import * as yup from 'yup';
+
 type ValidationMap = {
   [key: string]: yup.AnySchema;
 };
@@ -44,4 +44,5 @@ declare const EmailFormProvider: <T extends {}>(props: {
   showCcField?: boolean;
   showBccField?: boolean;
 }) => JSX.Element;
-export default EmailFormProvider;
+
+export { EmailFormProvider as default };

package/types/EmailPreview.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * A common component to preview emails.
@@ -27,7 +28,7 @@ import React from "react";
  * export default EmailShare;
  * @endexample
 */
-const EmailPreview: React.FC<{
+declare const EmailPreview: React.FC<{
   to?: string[];
   subject?: string;
   body?: string;
@@ -37,4 +38,5 @@ const EmailPreview: React.FC<{
   className?: string;
   customContent?: React.ReactNode;
 }>;
-export default EmailPreview;
+
+export { EmailPreview as default };

package/types/EmojiPicker.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { DropdownProps } from "neetoui";
+import React from 'react';
+import { DropdownProps } from 'neetoui';
+
 type Emoji = {
   native: string;
   unified: string;
@@ -25,9 +26,10 @@ type Emoji = {
  * };
  * @endexample
 */
-const EmojiPicker: React.FC<{
+declare const EmojiPicker: React.FC<{
   onSelect?: (emoji: Emoji) => void;
   open?: boolean;
   dropdownProps?: DropdownProps;
 }>;
-export default EmojiPicker;
+
+export { EmojiPicker as default };

package/types/EmojiReactions.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 type Emoji = {
   native: string;
   unified: string;
@@ -50,11 +51,12 @@ type Reaction = {
  * };
  * @endexample
 */
-const EmojiReactions: React.FC<{
+declare const EmojiReactions: React.FC<{
   reactions: Reaction[];
   onReactionClick?: (emoji: Emoji) => void;
   emojiSize?: string;
   emojiBoxStyle?: string;
   isUpdating?: boolean;
 }>;
-export default EmojiReactions;
+
+export { EmojiReactions as default };

package/types/ErrorPage.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { ButtonProps } from "@bigbinary/neetoui";
+import React from 'react';
+import { ButtonProps } from '@bigbinary/neetoui';
+
 /**
  *
  * A fallback page for handling 404, 403 and 500 errors.
@@ -9,11 +10,12 @@ import { ButtonProps } from "@bigbinary/neetoui";
  * further communication.
  *
 */
-const ErrorPage: React.FC<{
+declare const ErrorPage: React.FC<{
   homeUrl?: string;
   status?: number;
   backToHomeButtonProps?: Partial<ButtonProps>;
   children?: React.ReactNode | React.ReactNode[];
   showNeetoChatWidget?: boolean;
 }>;
-export default ErrorPage;
+
+export { ErrorPage as default };

package/types/FileUpload.d.ts

@@ -1,10 +1,11 @@
-import React from "react";
+import React from 'react';
+
 interface FileObject {
   url: string;
   size?: number;
   name: string;
 }
-export interface FileUploadProps {
+interface FileUploadProps {
   className?: string;
   allowedFileTypes?: string;
   multipleFilesAllowed?: boolean;
@@ -18,10 +19,9 @@ export interface FileUploadProps {
   setError?: (error: string) => void;
   setTouched?: (touched: boolean) => void;
 }
-export interface FormikFileUploadProps extends FileUploadProps {
+interface FormikFileUploadProps extends FileUploadProps {
   name: string;
 }
-export
 /**
  *
  * The FileUpload component provides an interface for uploading files with
@@ -83,5 +83,7 @@ export
  * );
  * @endexample
 */
-const FileUpload: React.FC<FileUploadProps>;
-export const FormikFileUpload: React.FC<FormikFileUploadProps>;
+declare const FileUpload: React.FC<FileUploadProps>;
+declare const FormikFileUpload: React.FC<FormikFileUploadProps>;
+
+export { FileUpload, type FileUploadProps, FormikFileUpload, type FormikFileUploadProps };

package/types/FloatingActionMenu.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { AvatarProps } from "@bigbinary/neetoui";
+import React from 'react';
+import { AvatarProps } from '@bigbinary/neetoui';
+
 type LinkType = {
   onClick?: React.MouseEventHandler<HTMLButtonElement>;
   label?: React.ReactNode;
@@ -53,5 +54,6 @@ type FloatingActionMenuProps = {
  * };
  * @endexample
 */
-const FloatingActionMenu: React.FC<FloatingActionMenuProps>;
-export default FloatingActionMenu;
+declare const FloatingActionMenu: React.FC<FloatingActionMenuProps>;
+
+export { FloatingActionMenu as default };

package/types/GoogleFontPicker.d.ts

@@ -1,30 +1,36 @@
-import React from "react";
-import { SelectProps } from "neetoui";
+import React from 'react';
+import { SelectProps } from '@bigbinary/neetoui';
+
 declare type Category = "sans-serif" | "serif" | "display" | "handwriting" | "monospace";
 declare type Script = "arabic" | "bengali" | "chinese-simplified" | "chinese-traditional" | "cyrillic" | "cyrillic-ext" | "devanagari" | "greek" | "greek-ext" | "gujarati" | "gurmukhi" | "hebrew" | "japanese" | "kannada" | "khmer" | "korean" | "latin" | "latin-ext" | "malayalam" | "myanmar" | "oriya" | "sinhala" | "tamil" | "​telugu" | "thai" | "vietnamese";
-declare type Variant = "100" | "100italic" | "200" | "200italic" | "300" | "300italic" | "regular" | "italic" | "500" | "500italic" | "600" | "600italic" | "700" | "700italic" | "800" | "800italic" | "900" | "900italic";
 declare type SortOption = "alphabet" | "popularity";
+declare type Variant = "100" | "100italic" | "200" | "200italic" | "300" | "300italic" | "regular" | "italic" | "500" | "500italic" | "600" | "600italic" | "700" | "700italic" | "800" | "800italic" | "900" | "900italic";
 interface Font {
-  family?: string;
-  variants?: Variant[];
-  scripts?: Script[];
-  category?: Category;
-  popularity?: number;
+    family: string;
+    id: string;
+    category: Category;
+    scripts: Script[];
+    variants: Variant[];
+    kind?: string;
+    version?: string;
+    lastModified?: string;
+    files?: Record<Variant, string>;
 }
-interface fontManagerOptions {
-  limit?: number;
-  pickerId?: string;
-  families?: string[];
-  categories?: Category[];
-  scripts?: Script[];
-  variants?: Variant[];
-  filter?: (font: Font) => boolean;
-  sort?: SortOption;
+interface Options {
+    pickerId: string;
+    families: string[];
+    categories: Category[];
+    scripts: Script[];
+    variants: Variant[];
+    filter: (font: Font) => boolean;
+    limit: number;
+    sort: SortOption;
 }
+
 interface GoogleFontPickerProps extends SelectProps {
   activeFontFamily?: string;
   onChange?: (fontFamily: string) => void;
-  fontManagerOptions?: fontManagerOptions;
+  fontManagerOptions?: Options;
 }
 /**
  *
@@ -57,5 +63,6 @@ interface GoogleFontPickerProps extends SelectProps {
  * };
  * @endexample
 */
-const GoogleFontPicker: React.FC<GoogleFontPickerProps>;
-export default GoogleFontPicker;
+declare const GoogleFontPicker: React.FC<GoogleFontPickerProps>;
+
+export { GoogleFontPicker as default };

package/types/Header.d.ts

@@ -1,7 +1,9 @@
-import React from "react";
-import { SIZES } from "components/Header/constants";
-import { DropdownProps, PopoverProps } from "neetoui";
-import MoreDropdown from "./MoreDropdown";
+import React from 'react';
+import { SIZES } from 'components/Header/constants';
+import { PopoverProps } from 'neetoui';
+import MoreDropdown from './MoreDropdown.js';
+import '@bigbinary/neetoui';
+
 /**
  *
  * The Header component can be used to display the page title and an action block
@@ -17,7 +19,7 @@ import MoreDropdown from "./MoreDropdown";
  * );
  * @endexample
 */
-const Header: React.FC<{
+declare const Header: React.FC<{
   title?: React.ReactNode;
   titleHelpPopoverProps?: PopoverProps;
   className?: string;
@@ -30,4 +32,5 @@ const Header: React.FC<{
   size?: keyof typeof SIZES;
   renderDropdown?: (Dropdown: MoreDropdown) => JSX.Element;
 }>;
-export default Header;
+
+export { Header as default };

package/types/HelpPopover.d.ts

@@ -1,6 +1,7 @@
-import React from "react";
-import { ButtonProps, PopoverProps } from "@bigbinary/neetoui";
-export interface HelpPopoverProps {
+import React from 'react';
+import { ButtonProps, PopoverProps } from '@bigbinary/neetoui';
+
+interface HelpPopoverProps {
   title?: string;
   description?: React.ReactNode;
   helpLinkProps?: ButtonProps;
@@ -39,5 +40,6 @@ export interface HelpPopoverProps {
  * };
  * @endexample
 */
-const HelpPopover: React.FC<HelpPopoverProps>;
-export default HelpPopover;
+declare const HelpPopover: React.FC<HelpPopoverProps>;
+
+export { type HelpPopoverProps, HelpPopover as default };

package/types/IconPicker.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * A dropdown component that allows you to select an icon from a list of
@@ -33,11 +34,12 @@ import React from "react";
  * };
  * @endexample
 */
-const IconPicker: React.FC<{
+declare const IconPicker: React.FC<{
   filled?: boolean;
   value?: string;
   label?: string;
   onClick?: Function;
   className?: string;
 }>;
-export default IconPicker;
+
+export { IconPicker as default };

package/types/ImageWithFallback.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * A component to display a fallback component in case no image is available.
@@ -15,8 +16,9 @@ import React from "react";
  * );
  * @endexample
 */
-const ImageWithFallback: React.FC<{
+declare const ImageWithFallback: React.FC<{
   src: string;
   fallback?: React.ReactNode;
 }>;
-export default ImageWithFallback;
+
+export { ImageWithFallback as default };

package/types/InlineInput.d.ts

@@ -1,6 +1,7 @@
-import React from "react";
-import { InputProps, ButtonProps } from "@bigbinary/neetoui";
-export interface InlineInput extends InputProps {
+import React from 'react';
+import { InputProps, ButtonProps } from '@bigbinary/neetoui';
+
+interface InlineInputProps extends InputProps {
   className?: string;
   value?: string;
   nullable?: boolean;
@@ -12,12 +13,11 @@ export interface InlineInput extends InputProps {
   handleSubmit: (value: string) => void;
   handleCancel: (value: string) => void;
 }
-export interface FormikInlineInputProps extends InlineInputProps {
+interface FormikInlineInputProps extends InlineInputProps {
   name: string;
   handleSubmit?: (value: string) => void;
   handleCancel?: (value: string) => void;
 }
-export
 /**
  *
  * An input field with built-in functionality for handling saving and cancelling
@@ -81,5 +81,7 @@ export
  * );
  * @endexample
 */
-const InlineInput: React.ForwardRefExoticComponent<InlineInputProps>;
-export const FormikInlineInput: React.ForwardRefExoticComponent<FormikInlineInputProps>;
+declare const InlineInput: React.ForwardRefExoticComponent<InlineInputProps>;
+declare const FormikInlineInput: React.ForwardRefExoticComponent<FormikInlineInputProps>;
+
+export { FormikInlineInput, type FormikInlineInputProps, InlineInput, type InlineInputProps };

package/types/Insights.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps, DropdownProps, InputProps, TypographyProps } from "@bigbinary/neetoui";
-import React from "react";
+import React from 'react';
+
 interface Time {
   h: number;
   m: number;
@@ -97,7 +97,7 @@ interface HelpTexts {
  * your API.
  *
 */
-const Insights: React.FC<{
+declare const Insights: React.FC<{
   insightsData: InsightsData;
   isLoading: boolean;
   timePeriod: TimePeriod;
@@ -105,4 +105,5 @@ const Insights: React.FC<{
   helpTexts?: HelpTexts;
   showWarningMessage: boolean;
 }>;
-export default Insights;
+
+export { Insights as default };

package/types/IntegrationCard.d.ts

@@ -1,6 +1,7 @@
-import { IconProps } from "neetoicons";
-import React, { ReactElement } from "react";
-export interface IntegrationCardProps {
+import { IconProps } from 'neetoicons';
+import React from 'react';
+
+interface IntegrationCardProps {
   icon: React.FC<IconProps>;
   subIcons?: React.FC<IconProps>[];
   label: string;
@@ -54,5 +55,6 @@ export interface IntegrationCardProps {
  * );
  * @endexample
 */
-const IntegrationCard: React.FC<IntegrationCardProps>;
-export default IntegrationCard;
+declare const IntegrationCard: React.FC<IntegrationCardProps>;
+
+export { type IntegrationCardProps, IntegrationCard as default };

package/types/IpRestriction.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * A common component to restrict IPs in neeto applications.
@@ -19,5 +20,6 @@ import React from "react";
  * );
  * @endexample
 */
-const IpRestriction: React.FC<{}>;
-export default IpRestriction;
+declare const IpRestriction: React.FC<{}>;
+
+export { IpRestriction as default };

package/types/KeyboardShortcuts.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { TFunction } from "i18next";
+import React from 'react';
+import { TFunction } from 'i18next';
+
 interface Shortcut {
   sequence: string;
   description: TFunction;
@@ -137,11 +138,12 @@ interface ShortcutsObject {
  * );
  * @endexample
 */
-const KeyboardShortcuts: {
+declare const KeyboardShortcuts: {
   Pane: React.FC<{
     productShortcuts?: ShortcutsObject;
   }>;
   usePaneState(): [boolean, React.Dispatch<React.SetStateAction<boolean>>];
   GLOBAL_SHORTCUTS: ShortcutsObject;
 };
-export default KeyboardShortcuts;
+
+export { KeyboardShortcuts as default };