@bigbinary/neeto-molecules 3.9.10 → 3.9.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "3.9.10",
+  "version": "3.9.11",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -184,6 +184,7 @@
     "rollup-plugin-analyzer": "4.0.0",
     "rollup-plugin-cleaner": "1.0.0",
     "rollup-plugin-copy": "3.5.0",
+    "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-styles": "4.0.0",
     "sass": "^1.54.9",
@@ -193,6 +194,7 @@
     "storybook-dark-mode": "^4.0.2",
     "tailwindcss": "^3.4.1",
     "tippy.js": "6.3.7",
+    "typescript": "^5.6.3",
     "yjs": "^13.6.19",
     "yup": "0.32.11",
     "zustand": "4.3.2"

package/types/AuditLogs.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * A full-page component that allows you to track user activities, including
@@ -14,5 +15,6 @@ import React from "react";
  * const AuditLogs = () => <NeetoAuditLogs />;
  * @endexample
 */
-const AuditLogs: React.FC<{}>;
-export default AuditLogs;
+declare const AuditLogs: React.FC<{}>;
+
+export { AuditLogs as default };

package/types/Breadcrumbs.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * Component to show breadcrumbs
@@ -17,7 +18,7 @@ import React from "react";
  * const Page = () => <Breadcrumbs Breadcrumbs={SETTINGS_BREADCRUMBS} />;
  * @endexample
 */
-const Breadcrumbs: React.FC<{
+declare const Breadcrumbs: React.FC<{
   breadcrumbs?: {
     text: string;
     link: string;
@@ -25,4 +26,5 @@ const Breadcrumbs: React.FC<{
   hasTrailingSeparator?: boolean;
   className?: string;
 }>;
-export default Breadcrumbs;
+
+export { Breadcrumbs as default };

package/types/BrowserSupport.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 type VersionLimits = {
   softLimit?: number;
   hardLimit?: number;
@@ -87,7 +88,7 @@ type VersionLimits = {
  * and a corresponding callout will be shown.
  *
 */
-const BrowserSupport: React.FC<{
+declare const BrowserSupport: React.FC<{
   overrides?: {
     Chrome?: VersionLimits;
     MicrosoftEdge?: VersionLimits;
@@ -105,4 +106,5 @@ const BrowserSupport: React.FC<{
   unsupportedBrowsers?: string[];
   children?: React.ReactNode | React.ReactNode[];
 }>;
-export default BrowserSupport;
+
+export { BrowserSupport as default };

package/types/Builder.d.ts

@@ -10,9 +10,6 @@ type ElementSection = {
   isCreatable: (element: Element) => boolean;
   disabledElementTooltip?: (label: string) => string;
 };
-type dragResult = {
-  index: number;
-};
 type SelectedElementAction = {
   label: string;
   key: string;
@@ -28,7 +25,6 @@ type SelectedElement = {
   isPending: boolean;
   actions: SelectedElementAction[] | ((element: Element) => SelectedElementAction[]);
 };
-export
 /**
  *
  * @example 
@@ -76,7 +72,7 @@ export
  * );
  * @endexample
 */
-const ElementsPanel: React.FC<{
+declare const ElementsPanel: React.FC<{
   elementSections: ElementSection[];
   selectedElements: SelectedElement[];
   handleAddElement: (element: Element) => void;
@@ -94,8 +90,10 @@ const ElementsPanel: React.FC<{
   isAddingNewElement?: boolean;
   primaryPanel?: "summary" | "elements";
 }>;
-export const PropertiesPanel: React.FC<{
+declare const PropertiesPanel: React.FC<{
   children: React.ReactNode;
   id: string;
   onClose?: (id: string) => void;
-}>;
+}>;
+
+export { ElementsPanel, PropertiesPanel };

package/types/CalendarView.d.ts

@@ -1,7 +1,8 @@
-import React from "react";
-import { DateClickArg, EventClickArg } from "@fullcalendar/react";
-import { Dayjs } from "dayjs";
-import { EventContentArg } from "@fullcalendar/core";
+import React from 'react';
+import { DateClickArg, EventClickArg } from '@fullcalendar/react';
+import { Dayjs } from 'dayjs';
+import { EventContentArg } from '@fullcalendar/core';
+
 type ViewOption = {
   label: string;
   fullCalendarView: string;
@@ -76,7 +77,7 @@ interface EventObject {
  * />;
  * @endexample
 */
-const CalendarView: React.FC<{
+declare const CalendarView: React.FC<{
   viewOptions: ViewOptionsType;
   events: EventObject[];
   handleDateClick: (info: DateClickArg) => void;
@@ -93,4 +94,5 @@ const CalendarView: React.FC<{
   };
   hideHeader?: boolean;
 }>;
-export default CalendarView;
+
+export { CalendarView as default };

package/types/Codeblock.d.ts

@@ -1,6 +1,7 @@
-import React from "react";
-import { SyntaxHighlighterProps } from "react-syntax-highlighter";
-import { CopyToClipboardButtonProps } from "./CopyToClipboardButton";
+import React from 'react';
+import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
+import { CopyToClipboardButtonProps } from './CopyToClipboardButton.js';
+
 /**
  *
  * Codeblock can be used to render a block of code, with appropriate syntax
@@ -26,10 +27,11 @@ import { CopyToClipboardButtonProps } from "./CopyToClipboardButton";
  * );
  * @endexample
 */
-const Codeblock: React.FC<{
+declare const Codeblock: React.FC<{
   code: string;
   showCopyButton?: boolean;
   codeblockProps?: Partial<SyntaxHighlighterProps>;
   copyButtonProps?: Partial<CopyToClipboardButtonProps>;
 }>;
-export default Codeblock;
+
+export { Codeblock as default };

package/types/Columns.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { CheckboxProps, DropdownProps, InputProps } from "@bigbinary/neetoui";
+import React from 'react';
+import { CheckboxProps, InputProps, DropdownProps } from '@bigbinary/neetoui';
+
 type Column = {
   title: string;
   dataIndex: string;
@@ -128,7 +129,7 @@ type useColumnsType = {
  * };
  * @endexample
 */
-const Columns: React.FC<{
+declare const Columns: React.FC<{
   actionBlock?: React.ReactNode;
   checkboxProps?: CheckboxProps;
   columnData: Column[];
@@ -138,14 +139,14 @@ const Columns: React.FC<{
   onChange: (columns: Column[], hiddenColumns: string[]) => any[];
   searchProps?: InputProps;
 } & DropdownProps>;
-export function useHiddenColumns(localStorageKey: string, initialValue?: string[]): {
+declare function useHiddenColumns(localStorageKey: string, initialValue?: string[]): {
   hiddenColumns: string[];
   hideColumn: (dataIndex: string) => void;
   showColumn: (dataIndex: string) => void;
   getVisibleColumnData: (columnData: any[]) => any[];
   onColumnDataChange: (columnData: any[]) => void;
 };
-export function useColumns({
+declare function useColumns({
   localStorageKey,
   initialHiddenColumns,
   initialOrder
@@ -163,4 +164,5 @@ export function useColumns({
   }: getColumnDataType) => any[];
   setColumnOrder: (columns: string[]) => void;
 };
-export default Columns;
+
+export { Columns as default, useColumns, useHiddenColumns };

package/types/ConfigurePageSidebar.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 type NavLinkItemType = {
   to: string;
   label?: React.ReactNode;
@@ -35,9 +36,10 @@ type NavLinkItemType = {
  * };
  * @endexample
 */
-const ConfigurePageSidebar: React.FC<{
+declare const ConfigurePageSidebar: React.FC<{
   label: React.ReactNode;
   navLinks: NavLinkItemType[];
   configurePageRoute: string;
 }>;
-export default ConfigurePageSidebar;
+
+export { ConfigurePageSidebar as default };

package/types/ConfirmationModal.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * When users have to delete an entity that is integral to the app, it is
@@ -49,7 +50,7 @@ import React from "react";
  * };
  * @endexample
 */
-const ConfirmationModal: React.FC<{
+declare const ConfirmationModal: React.FC<{
   buttonLabel: string;
   confirmationText: string;
   description?: React.ReactNode | React.ReactNode[] | string;
@@ -60,4 +61,5 @@ const ConfirmationModal: React.FC<{
   onSubmit: Function;
   deleteConfirmationMessage?: string;
 }>;
-export default ConfirmationModal;
+
+export { ConfirmationModal as default };

package/types/Container.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React from 'react';
+
 /**
  *
  * A container component to be used as a wrapper for the page content.
@@ -29,8 +30,9 @@ import React from "react";
  * );
  * @endexample
 */
-const Container: React.FC<{
+declare const Container: React.FC<{
   isHeaderFixed?: boolean;
   className?: string;
 }>;
-export default Container;
+
+export { Container as default };

package/types/CopyToClipboardButton.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-export interface CopyToClipboardButtonProps {
+import React from 'react';
+
+interface CopyToClipboardButtonProps {
   className?: string;
   icon?: string | any;
   label?: string;
@@ -22,5 +23,6 @@ export interface CopyToClipboardButtonProps {
  * );
  * @endexample
 */
-const CopyToClipboardButton: React.FC<CopyToClipboardButtonProps>;
-export default CopyToClipboardButton;
+declare const CopyToClipboardButton: React.FC<CopyToClipboardButtonProps>;
+
+export { type CopyToClipboardButtonProps, CopyToClipboardButton as default };

package/types/Currency.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { SelectProps } from "@bigbinary/neetoui";
+import React from 'react';
+import { SelectProps } from '@bigbinary/neetoui';
+
 type CurrencyProps = {
   allowedCurrencies?: string[];
 } & SelectProps;
@@ -43,6 +44,7 @@ type CurrencyProps = {
  * };
  * @endexample
 */
-const Currency: React.FC<CurrencyProps>;
-const FormikCurrency: React.FC<CurrencyProps>;
-export { Currency, FormikCurrency };
+declare const Currency: React.FC<CurrencyProps>;
+declare const FormikCurrency: React.FC<CurrencyProps>;
+
+export { Currency, FormikCurrency };

package/types/CustomDomain.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { onCreateCustomDomainCallback } from "./CustomDomainDashboard";
+import React from 'react';
+import { onCreateCustomDomainCallback } from './CustomDomainDashboard.js';
+
 /**
  *
  * A common component for managing custom domain. This component can be used when
@@ -13,9 +14,10 @@ import { onCreateCustomDomainCallback } from "./CustomDomainDashboard";
  * <CustomDomain url="api/v1/admin/custom_domain" iconOnly />;
  * @endexample
 */
-const CustomDomain: React.FC<{
+declare const CustomDomain: React.FC<{
   url: string;
   iconOnly: boolean;
   onCreate?: onCreateCustomDomainCallback;
 }>;
-export default CustomDomain;
+
+export { CustomDomain as default };

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