@bigbinary/neeto-molecules 3.9.10 → 3.9.11

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 };

package/types/LoginPage.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * A common login page for all neeto-applications with dedicated button for oliver
@@ -32,7 +33,7 @@ import React from "react";
  * }
  * @endexample
 */
-const LoginPage: React.FC<{
+declare const LoginPage: React.FC<{
   handleSubmit: (data: {
     user: {
       email: string;
@@ -40,4 +41,5 @@ const LoginPage: React.FC<{
     };
   }) => any;
 }>;
-export default LoginPage;
+
+export { LoginPage as default };

package/types/MadeWith.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * A component used for rendering made with block.
@@ -10,7 +11,8 @@ import React from "react";
  * <MadeWith />;
  * @endexample
 */
-const MadeWith: React.FC<{
+declare const MadeWith: React.FC<{
   productName?: string;
 }>;
-export default MadeWith;
+
+export { MadeWith as default };

package/types/MenuBar.d.ts

@@ -1,6 +1,7 @@
-import React from "react";
-import { ButtonProps, InputProps } from "@bigbinary/neetoui";
-import { LinkProps } from "react-router-dom";
+import React from 'react';
+import { ButtonProps, InputProps } from '@bigbinary/neetoui';
+import { LinkProps } from 'react-router-dom';
+
 type BlockProps = {
   label: string;
   url?: string;
@@ -110,7 +111,7 @@ type AddNewProps = {
  * };
  * @endexample
 */
-const MenuBar: React.FC<{
+declare const MenuBar: React.FC<{
   title?: string;
   showMenu?: boolean;
   className?: string;
@@ -122,4 +123,5 @@ const MenuBar: React.FC<{
   Search: React.FC<SearchProps>;
   AddNew: React.FC<AddNewProps>;
 };
-export default MenuBar;
+
+export { MenuBar as default };

package/types/Metadata.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 type BlockProps = {
   title?: React.ReactNode;
   actionBlock?: React.ReactNode;
@@ -99,9 +100,10 @@ interface BlockComposition {
  * );
  * @endexample
 */
-const Metadata: React.FC<{
+declare const Metadata: React.FC<{
   className?: string;
   headerBlock?: React.ReactNode;
   size?: "small" | "medium";
 }> & BlockComposition;
-export default Metadata;
+
+export { Metadata as default };

package/types/MobilePreviewHeader.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * Can be used to show preview message for smaller viewports.
@@ -10,8 +11,9 @@ import React from "react";
  * const App = () => <MobilePreviewHeader />;
  * @endexample
 */
-const MobilePreviewHeader: React.FC<{
+declare const MobilePreviewHeader: React.FC<{
   message?: React.ReactNode;
   className?: string;
 }>;
-export default MobilePreviewHeader;
+
+export { MobilePreviewHeader as default };

package/types/MoreDropdown.d.ts

@@ -1,5 +1,6 @@
-import { ButtonProps, DropdownProps, InputProps, TypographyProps } from "@bigbinary/neetoui";
-import React from "react";
+import { DropdownProps, ButtonProps } from '@bigbinary/neetoui';
+import React from 'react';
+
 type MenuItems = {
   label: string;
   onClick: () => void;
@@ -38,7 +39,7 @@ type DropdownButtonProps = {
  * );
  * @endexample
 */
-const MoreDropdown: React.FC<{
+declare const MoreDropdown: React.FC<{
   dropdownButtonProps?: DropdownButtonProps;
   isVertical?: boolean;
   isDisabled?: boolean;
@@ -47,4 +48,5 @@ const MoreDropdown: React.FC<{
   menuBottomChildren: React.ReactNode;
   menuItems: MenuItems[];
 }>;
-export default MoreDropdown;
+
+export { MoreDropdown as default };

package/types/NavigationHeader.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { NavLinkProps } from "react-router-dom";
-import { ButtonProps } from "@bigbinary/neetoui";
-import Rename from "./Rename";
+import React from 'react';
+import { ButtonProps } from '@bigbinary/neetoui';
+import Rename from './Rename.js';
+
 interface NavLinkProps {
   activeClassName?: string | undefined;
   activeStyle?: React.CSSProperties | undefined;
@@ -166,7 +166,7 @@ type LeftBlockPropTypes = {
  * );
  * @endexample
 */
-const NavigationHeader: React.FC<{
+declare const NavigationHeader: React.FC<{
   leftActionBlock?: React.ReactNode;
   navigationLinks?: React.ReactNode;
   rightActionBlock?: React.ReactNode;
@@ -175,4 +175,5 @@ const NavigationHeader: React.FC<{
   NavigationLinks: React.FC<NavigationLinkPropsType>;
   LeftActionBlock: React.FC<LeftBlockPropTypes>;
 };
-export default NavigationHeader;
+
+export { NavigationHeader as default };

package/types/NeetoWidget.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 type EmbedCode = React.FC<{
   maxWidth?: string;
   primaryApp?: string;
@@ -30,7 +31,7 @@ type EmbedCode = React.FC<{
  * <NeetoWidget.EmbedCode primaryApp={NeetoWidget.WIDGET_TYPES.chat} />
  * @endexample
 */
-const NeetoWidget: {
+declare const NeetoWidget: {
   EmbedCode: EmbedCode;
   WIDGET_TYPES: {
     engage: "engage";
@@ -38,4 +39,5 @@ const NeetoWidget: {
     replay: "replay";
   };
 };
-export default NeetoWidget;
+
+export { NeetoWidget as default };

package/types/Onboarding.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 interface OnboardingComponent {
   key: string;
   element: React.ReactNode;
@@ -56,7 +57,7 @@ interface OnboardingComponent {
  * };
  * @endexample
 */
-const Onboarding: React.FC<{
+declare const Onboarding: React.FC<{
   currentStep: string;
   completeButtonProps: Object;
   setCurrentStep: React.Dispatch<React.SetStateAction<string>>;
@@ -65,4 +66,5 @@ const Onboarding: React.FC<{
   isAnimated?: boolean;
   disableStepClick?: boolean;
 }>;
-export default Onboarding;
+
+export { Onboarding as default };

package/types/OptionFields.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 type Option = {
   label: string;
   id: string;
@@ -59,4 +60,5 @@ type OptionFieldsProps = {
  *
 */
 declare const OptionFields: React.FC<OptionFieldsProps>;
-export default OptionFields;
+
+export { OptionFields as default };

package/types/PageLoader.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * Used in neeto products as the page loader to indicate that the page is being
@@ -32,7 +33,8 @@ import React from "react";
  * };
  * @endexample
 */
-const PageLoader: React.FC<{
+declare const PageLoader: React.FC<{
   text?: string;
 }>;
-export default PageLoader;
+
+export { PageLoader as default };

package/types/PhoneNumber.d.ts

@@ -1,8 +1,9 @@
-import React from "react";
-import { InputProps, SelectProps, TypographyProps } from "@bigbinary/neetoui";
-import { CountryCode } from "libphonenumber-js";
-import { StringSchema } from "yup";
-export interface PhoneNumberInputProps extends InputProps {
+import React from 'react';
+import { InputProps, SelectProps, TypographyProps } from '@bigbinary/neetoui';
+import { CountryCode } from 'libphonenumber-js';
+import { StringSchema } from 'yup';
+
+interface PhoneNumberInputProps extends InputProps {
   value?: string;
   onChange?: (value: string) => any;
   className?: string;
@@ -10,19 +11,18 @@ export interface PhoneNumberInputProps extends InputProps {
   error?: string;
   initialCountryCode?: string;
 }
-export interface FormikPhoneNumberInputProps extends PhoneNumberInputProps {
+interface FormikPhoneNumberInputProps extends PhoneNumberInputProps {
   name: string;
 }
-export interface PhoneNumberProps extends TypographyProps {
+interface PhoneNumberProps extends TypographyProps {
   className?: string;
   defaultCountry?: string;
   children?: React.ReactNode;
   showEmoji?: boolean;
   value?: string;
 }
-export const PhoneNumberInput: React.ForwardRefExoticComponent<PhoneNumberInputProps>;
-export const FormikPhoneNumberInput: React.ForwardRefExoticComponent<FormikPhoneNumberInputProps>;
-export
+declare const PhoneNumberInput: React.ForwardRefExoticComponent<PhoneNumberInputProps>;
+declare const FormikPhoneNumberInput: React.ForwardRefExoticComponent<FormikPhoneNumberInputProps>;
 /**
  *
  * An input component to input and validate phone numbers with a country code
@@ -102,9 +102,11 @@ export
  * whether the phone number is valid or not.
  *
 */
-const PhoneNumber: React.FC<PhoneNumberProps>;
-export const isPhoneNumberValid: (phoneNumber: string, defaultCountry?: CountryCode | {
+declare const PhoneNumber: React.FC<PhoneNumberProps>;
+declare const isPhoneNumberValid: (phoneNumber: string, defaultCountry?: CountryCode | {
   defaultCountry?: CountryCode;
   defaultCallingCode?: string;
 }) => boolean;
-export const validation: (message?: string) => StringSchema<any, any, any>;
+declare const validation: (message?: string) => StringSchema<any, any, any>;
+
+export { FormikPhoneNumberInput, type FormikPhoneNumberInputProps, PhoneNumber, PhoneNumberInput, type PhoneNumberInputProps, type PhoneNumberProps, isPhoneNumberValid, validation };

package/types/ProductEmbed.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 interface InlineProps {
   label: string;
   description: string;
@@ -69,7 +70,7 @@ interface ElementPopupProps {
  * export default EmbedPage;
  * @endexample
 */
-const ProductEmbed: React.FC<{
+declare const ProductEmbed: React.FC<{
   className?: string;
   goBackLink?: string;
   customEmbedScriptPath?: string;
@@ -85,4 +86,5 @@ const ProductEmbed: React.FC<{
   otherCustomizations?: Function;
   inlineWrapperStyle?: string;
 }>;
-export default ProductEmbed;
+
+export { ProductEmbed as default };