@loadsmart/loadsmart-ui 8.0.0 → 8.0.1

package/dist/DragDropFile.context-oKnUu6d3.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragDropFile.context-oKnUu6d3.js","sources":["../src/components/DragDropFile/DragDropFile.context.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, useMemo } from 'react'\n\nimport type { DragDropFileContextValue, DragDropFileProviderProps, FileWithStatus } from './types'\n\nexport const DragDropFileContext = createContext<DragDropFileContextValue | undefined>(undefined)\n\nexport const DragDropFileProvider = ({\n  fileList,\n  onFilesAdded,\n  onFileRemoved,\n  onRetryUpload,\n  children,\n}: DragDropFileProviderProps): JSX.Element => {\n  const onRemoveFile = useCallback(\n    (removedItem: FileWithStatus, index: number) => {\n      onFileRemoved([...fileList.slice(0, index), ...fileList.slice(index + 1)], removedItem, index)\n    },\n    [fileList]\n  )\n\n  const contextValue = useMemo(\n    () => ({ fileList, onFilesAdded, onRemoveFile, onRetryUpload }),\n    [fileList, onFilesAdded, onRemoveFile, onRetryUpload]\n  )\n\n  return (\n    <DragDropFileContext.Provider value={contextValue}>{children}</DragDropFileContext.Provider>\n  )\n}\n\nexport const useDragDropFileContext = (): DragDropFileContextValue => {\n  const context = useContext(DragDropFileContext)\n\n  if (!context) {\n    throw new Error('useDragDropFileContext must be used within an DragDropFileProvider')\n  }\n\n  return context\n}\n"],"names":["DragDropFileContext","createContext","undefined","DragDropFileProvider","fileList","onFilesAdded","onFileRemoved","onRetryUpload","children","onRemoveFile","useCallback","removedItem","index","slice","contextValue","useMemo","useDragDropFileContext","context","useContext","Error"],"mappings":";AAIaA,MAAAA,sBAAsBC,cAAoDC,MAAS;AAEzF,MAAMC,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACyB,MAAmB;AAC5C,QAAMC,eAAeC,YACnB,CAACC,aAA6BC,UAAkB;AAC9CN,kBAAc,CAAC,GAAGF,SAASS,MAAM,GAAGD,KAAK,GAAG,GAAGR,SAASS,MAAMD,QAAQ,CAAC,CAAC,GAAGD,aAAaC,KAAK;AAAA,EAAA,GAE/F,CAACR,QAAQ,CACX;AAEMU,QAAAA,eAAeC,QACnB,OAAO;AAAA,IAAEX;AAAAA,IAAUC;AAAAA,IAAcI;AAAAA,IAAcF;AAAAA,MAC/C,CAACH,UAAUC,cAAcI,cAAcF,aAAa,CACtD;AAEA,sDACG,oBAAoB,UAApB,EAA6B,OAAOO,gBAAeN,QAAS;AAEjE;AAEO,MAAMQ,yBAAyBA,MAAgC;AAC9DC,QAAAA,UAAUC,WAAWlB,mBAAmB;AAE9C,MAAI,CAACiB,SAAS;AACN,UAAA,IAAIE,MAAM,oEAAoE;AAAA,EAAA;AAG/EF,SAAAA;AACT;"}
+{"version":3,"file":"DragDropFile.context-oKnUu6d3.js","sources":["../src/components/DragDropFile/DragDropFile.context.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, useMemo } from 'react'\n\nimport type { DragDropFileContextValue, DragDropFileProviderProps, FileWithStatus } from './types'\n\nexport const DragDropFileContext = createContext<DragDropFileContextValue | undefined>(undefined)\n\nexport const DragDropFileProvider = ({\n  fileList,\n  onFilesAdded,\n  onFileRemoved,\n  onRetryUpload,\n  children,\n}: DragDropFileProviderProps) => {\n  const onRemoveFile = useCallback(\n    (removedItem: FileWithStatus, index: number) => {\n      onFileRemoved([...fileList.slice(0, index), ...fileList.slice(index + 1)], removedItem, index)\n    },\n    [fileList]\n  )\n\n  const contextValue = useMemo(\n    () => ({ fileList, onFilesAdded, onRemoveFile, onRetryUpload }),\n    [fileList, onFilesAdded, onRemoveFile, onRetryUpload]\n  )\n\n  return (\n    <DragDropFileContext.Provider value={contextValue}>{children}</DragDropFileContext.Provider>\n  )\n}\n\nexport const useDragDropFileContext = (): DragDropFileContextValue => {\n  const context = useContext(DragDropFileContext)\n\n  if (!context) {\n    throw new Error('useDragDropFileContext must be used within an DragDropFileProvider')\n  }\n\n  return context\n}\n"],"names":["DragDropFileContext","createContext","undefined","DragDropFileProvider","fileList","onFilesAdded","onFileRemoved","onRetryUpload","children","onRemoveFile","useCallback","removedItem","index","slice","contextValue","useMemo","useDragDropFileContext","context","useContext","Error"],"mappings":";AAIO,MAAMA,sBAAsBC,cAAoDC,MAAS;AAEzF,MAAMC,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACyB,MAAM;AAC/B,QAAMC,eAAeC,YACnB,CAACC,aAA6BC,UAAkB;AAC9CN,kBAAc,CAAC,GAAGF,SAASS,MAAM,GAAGD,KAAK,GAAG,GAAGR,SAASS,MAAMD,QAAQ,CAAC,CAAC,GAAGD,aAAaC,KAAK;AAAA,EAC/F,GACA,CAACR,QAAQ,CACX;AAEA,QAAMU,eAAeC,QACnB,OAAO;AAAA,IAAEX;AAAAA,IAAUC;AAAAA,IAAcI;AAAAA,IAAcF;AAAAA,EAAAA,IAC/C,CAACH,UAAUC,cAAcI,cAAcF,aAAa,CACtD;AAEA,sDACG,oBAAoB,UAApB,EAA6B,OAAOO,gBAAeN,QAAS;AAEjE;AAEO,MAAMQ,yBAAyBA,MAAgC;AACpE,QAAMC,UAAUC,WAAWlB,mBAAmB;AAE9C,MAAI,CAACiB,SAAS;AACZ,UAAM,IAAIE,MAAM,oEAAoE;AAAA,EACtF;AAEA,SAAOF;AACT;"}

package/dist/common/BackButton/BackButton.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { ButtonProps } from '../../components/Button';
 export type BackButtonProps = Omit<ButtonProps, 'children'>;
-declare function BackButton({ scale, ...others }: BackButtonProps): JSX.Element;
+declare function BackButton({ scale, ...others }: BackButtonProps): React.JSX.Element;
 export default BackButton;

package/dist/common/CloseButton/CloseButton.d.ts

@@ -1,6 +1,7 @@
+import { default as React } from 'react';
 import { ButtonProps } from '../../components/Button';
 export interface CloseButtonProps extends ButtonProps {
-    size?: string | number;
+    readonly size?: string | number;
 }
-declare function CloseButton({ scale, size, ...others }: CloseButtonProps): JSX.Element;
+declare function CloseButton({ scale, size, ...others }: CloseButtonProps): React.JSX.Element;
 export default CloseButton;

package/dist/common/SelectionWrapper.d.ts

@@ -1,14 +1,14 @@
-import { LabelHTMLAttributes, ReactNode } from 'react';
+import { LabelHTMLAttributes, ReactNode, default as React } from 'react';
 import { default as ColorScheme } from '../utils/types/ColorScheme';
 export interface SelectionStyleProps {
-    scale?: 'small' | 'default';
-    scheme?: ColorScheme;
-    disabled?: boolean;
+    readonly scale?: 'small' | 'default';
+    readonly scheme?: ColorScheme;
+    readonly disabled?: boolean;
 }
 export interface SelectionWrapperProps extends LabelHTMLAttributes<HTMLLabelElement>, SelectionStyleProps {
-    selector: ReactNode;
-    leading?: ReactNode;
-    trailing?: ReactNode;
+    readonly selector: ReactNode;
+    readonly leading?: ReactNode;
+    readonly trailing?: ReactNode;
 }
-declare function SelectionWrapper({ selector, children, leading, trailing, className, disabled, ...others }: SelectionWrapperProps): JSX.Element;
+declare function SelectionWrapper({ selector, children, leading, trailing, className, disabled, ...others }: SelectionWrapperProps): React.JSX.Element;
 export default SelectionWrapper;

package/dist/components/Accordion/Accordion.context.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import { ReactNode, default as React } from 'react';
 type AccordionContextType = [boolean, () => void];
 declare function AccordionProvider({ expanded, children, onExpandedChange, initialExpanded, }: {
-    children: ReactNode;
-    initialExpanded?: boolean;
-    expanded?: boolean;
-    onExpandedChange?: (expanded: boolean) => void;
-}): JSX.Element;
+    readonly children: ReactNode;
+    readonly initialExpanded?: boolean;
+    readonly expanded?: boolean;
+    readonly onExpandedChange?: (expanded: boolean) => void;
+}): React.JSX.Element;
 declare function useAccordionContext(): AccordionContextType;
 export { AccordionProvider, useAccordionContext };

package/dist/components/Accordion/Accordion.d.ts

@@ -1,17 +1,17 @@
-import { PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
-export type AccordionToggleProps = {
-    leading?: ReactNode | ((expanded: boolean) => ReactNode);
-    trailing?: ReactNode | ((expanded: boolean) => ReactNode);
-};
-declare function AccordionToggle({ leading, trailing: propsTrailing, children, }: PropsWithChildren<AccordionToggleProps>): JSX.Element;
+import { default as React, PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
+export interface AccordionToggleProps {
+    readonly leading?: ReactNode | ((expanded: boolean) => ReactNode);
+    readonly trailing?: ReactNode | ((expanded: boolean) => ReactNode);
+}
+declare function AccordionToggle({ leading, trailing: propsTrailing, children, }: PropsWithChildren<AccordionToggleProps>): React.JSX.Element;
 export type AccordionBodyProps = HTMLAttributes<HTMLElement>;
-declare function AccordionBody({ children, ...props }: PropsWithChildren<AccordionBodyProps>): JSX.Element;
+declare function AccordionBody({ children, ...props }: PropsWithChildren<AccordionBodyProps>): React.JSX.Element;
 export interface AccordionProps extends HTMLAttributes<HTMLElement> {
-    expanded?: boolean;
-    initialExpanded?: boolean;
-    onExpandedChange?: (expanded: boolean) => void;
+    readonly expanded?: boolean;
+    readonly initialExpanded?: boolean;
+    readonly onExpandedChange?: (expanded: boolean) => void;
 }
-declare function Accordion({ children, expanded, initialExpanded, onExpandedChange, ...others }: AccordionProps): JSX.Element;
+declare function Accordion({ children, expanded, initialExpanded, onExpandedChange, ...others }: AccordionProps): React.JSX.Element;
 declare namespace Accordion {
     var Toggle: typeof AccordionToggle;
     var Body: typeof AccordionBody;

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,8 +1,9 @@
+import { default as React } from 'react';
 import { AccordionProps } from './Accordion';
 import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: AccordionProps): JSX.Element;
-export declare function CustomIndicators(): JSX.Element;
-export declare function ControlledOpened(args: AccordionProps): JSX.Element;
-export declare function ControlledBasedOnExpandedProp(args: AccordionProps): JSX.Element;
+export declare function Playground(args: AccordionProps): React.JSX.Element;
+export declare function CustomIndicators(): React.JSX.Element;
+export declare function ControlledOpened(args: AccordionProps): React.JSX.Element;
+export declare function ControlledBasedOnExpandedProp(args: AccordionProps): React.JSX.Element;

package/dist/components/Banner/Banner.d.ts

@@ -1,25 +1,25 @@
-import { default as React, ReactElement } from 'react';
+import { ReactNode, default as React } from 'react';
 import { default as DefaultCloseButton } from '../../common/CloseButton';
 export interface BannerProps {
-    className?: string;
-    variant?: 'success' | 'danger' | 'warning' | 'neutral';
-    icon?: JSX.Element;
-    scale?: 'default' | 'large';
-    title?: string | ReactElement;
-    description?: string | ReactElement;
-    onClose?: () => void;
-    dismissible?: boolean;
+    readonly className?: string;
+    readonly variant?: 'success' | 'danger' | 'warning' | 'neutral';
+    readonly icon?: ReactNode;
+    readonly scale?: 'default' | 'large';
+    readonly title?: string | ReactNode;
+    readonly description?: string | ReactNode;
+    readonly onClose?: () => void;
+    readonly dismissible?: boolean;
 }
 export interface BannerActionProps extends BannerProps {
-    action?: string;
-    secondaryAction?: string;
-    onActionButtonClick?: () => void;
-    onSecondaryActionButtonClick?: () => void;
+    readonly action?: string;
+    readonly secondaryAction?: string;
+    readonly onActionButtonClick?: () => void;
+    readonly onSecondaryActionButtonClick?: () => void;
 }
 export declare const CloseButton: import('styled-components').StyledComponent<typeof DefaultCloseButton, any, {}, never>;
 export declare const Icon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {}, never>;
 declare function Banner({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
 export declare function BannerLarge({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
-export declare function BannerAction({ scale, variant, icon, title, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, ...others }: BannerActionProps): JSX.Element;
+export declare function BannerAction({ scale, variant, icon, title, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, ...others }: BannerActionProps): React.JSX.Element;
 export declare function BannerActionLarge({ scale, variant, icon, title, description, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, onClose, dismissible, ...others }: BannerActionProps): React.JSX.Element | null;
 export default Banner;

package/dist/components/Banner/Banner.stories.d.ts

@@ -3,7 +3,7 @@ import { Meta } from '@storybook/react';
 import { BannerProps, BannerActionProps } from './Banner';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: BannerProps): JSX.Element;
+export declare function Playground(args: BannerProps): React.JSX.Element;
 export declare namespace Playground {
     var args: {
         scale: string;
@@ -11,7 +11,7 @@ export declare namespace Playground {
         title: string;
     };
 }
-export declare function Warning(args: BannerProps): JSX.Element;
+export declare function Warning(args: BannerProps): React.JSX.Element;
 export declare namespace Warning {
     var args: {
         scale: string;
@@ -19,7 +19,7 @@ export declare namespace Warning {
         title: string;
     };
 }
-export declare function Danger(args: BannerProps): JSX.Element;
+export declare function Danger(args: BannerProps): React.JSX.Element;
 export declare namespace Danger {
     var args: {
         scale: string;
@@ -27,7 +27,7 @@ export declare namespace Danger {
         title: string;
     };
 }
-export declare function Neutral(args: BannerProps): JSX.Element;
+export declare function Neutral(args: BannerProps): React.JSX.Element;
 export declare namespace Neutral {
     var args: {
         scale: string;
@@ -35,7 +35,7 @@ export declare namespace Neutral {
         title: string;
     };
 }
-export declare function CustomIcon(args: BannerProps): JSX.Element;
+export declare function CustomIcon(args: BannerProps): React.JSX.Element;
 export declare namespace CustomIcon {
     var args: {
         scale: string;
@@ -44,7 +44,7 @@ export declare namespace CustomIcon {
         icon: React.JSX.Element;
     };
 }
-export declare function Large(args: BannerProps): JSX.Element;
+export declare function Large(args: BannerProps): React.JSX.Element;
 export declare namespace Large {
     var args: {
         scale: string;
@@ -53,7 +53,7 @@ export declare namespace Large {
         description: string;
     };
 }
-export declare function Action(args: BannerActionProps): JSX.Element;
+export declare function Action(args: BannerActionProps): React.JSX.Element;
 export declare namespace Action {
     var args: {
         scale: string;
@@ -62,7 +62,7 @@ export declare namespace Action {
         action: string;
     };
 }
-export declare function ActionWithSecondaryAction(args: BannerActionProps): JSX.Element;
+export declare function ActionWithSecondaryAction(args: BannerActionProps): React.JSX.Element;
 export declare namespace ActionWithSecondaryAction {
     var args: {
         scale: string;
@@ -72,7 +72,7 @@ export declare namespace ActionWithSecondaryAction {
         secondaryAction: string;
     };
 }
-export declare function ActionLarge(args: BannerActionProps): JSX.Element;
+export declare function ActionLarge(args: BannerActionProps): React.JSX.Element;
 export declare namespace ActionLarge {
     var args: {
         scale: string;
@@ -82,7 +82,7 @@ export declare namespace ActionLarge {
         action: string;
     };
 }
-export declare function ActionLargeWithSecondaryAction(args: BannerActionProps): JSX.Element;
+export declare function ActionLargeWithSecondaryAction(args: BannerActionProps): React.JSX.Element;
 export declare namespace ActionLargeWithSecondaryAction {
     var args: {
         scale: string;
@@ -93,7 +93,7 @@ export declare namespace ActionLargeWithSecondaryAction {
         secondaryAction: string;
     };
 }
-export declare function ActionLargeDismissibleWithSecondaryAction(args: BannerActionProps): JSX.Element;
+export declare function ActionLargeDismissibleWithSecondaryAction(args: BannerActionProps): React.JSX.Element;
 export declare namespace ActionLargeDismissibleWithSecondaryAction {
     var args: {
         scale: string;

package/dist/components/Breadcrumbs/Breadcrumb.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, default as React } from 'react';
 export interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
-    active?: boolean;
-    label: string;
-    url?: string;
+    readonly active?: boolean;
+    readonly label: string;
+    readonly url?: string;
 }
-declare function Breadcrumb({ active, label, url, ...rest }: BreadcrumbProps): JSX.Element;
+declare function Breadcrumb({ active, label, url, ...rest }: BreadcrumbProps): React.JSX.Element;
 export default Breadcrumb;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,10 +1,10 @@
-import { MouseEvent } from 'react';
+import { MouseEvent, default as React } from 'react';
 import { BreadcrumbProps } from './Breadcrumb';
 export interface BreadcrumbsProps {
-    className?: string;
-    disabled?: boolean;
-    entries: BreadcrumbProps[];
-    onBack?: (e: MouseEvent<HTMLButtonElement>) => void;
+    readonly className?: string;
+    readonly disabled?: boolean;
+    readonly entries: BreadcrumbProps[];
+    readonly onBack?: (e: MouseEvent<HTMLButtonElement>) => void;
 }
-declare function Breadcrumbs({ entries, onBack, disabled, ...others }: BreadcrumbsProps): JSX.Element;
+declare function Breadcrumbs({ entries, onBack, disabled, ...others }: BreadcrumbsProps): React.JSX.Element;
 export default Breadcrumbs;

package/dist/components/Button/Button.d.ts

@@ -3,18 +3,18 @@ import { IconProps } from '../Icon';
 import { default as ColorScheme } from '../../utils/types/ColorScheme';
 export type ButtonVariants = 'primary' | 'secondary' | 'warning' | 'icon' | 'tertiary';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    className?: string;
-    leading?: ReactNode;
-    scheme?: ColorScheme;
-    trailing?: ReactNode;
-    variant?: ButtonVariants;
-    scale?: 'small' | 'default' | 'large';
-    loading?: boolean;
+    readonly className?: string;
+    readonly leading?: ReactNode;
+    readonly scheme?: ColorScheme;
+    readonly trailing?: ReactNode;
+    readonly variant?: ButtonVariants;
+    readonly scale?: 'small' | 'default' | 'large';
+    readonly loading?: boolean;
 }
 export declare const Children: import('styled-components').StyledComponent<"span", any, ButtonProps, never>;
 export declare const BaseButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export declare function Caret(props: Omit<IconProps, 'name'>): JSX.Element;
+export declare function Caret(props: Omit<IconProps, 'name'>): React.JSX.Element;
 export declare const SelectorButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export type IconButtonProps = Omit<ButtonProps, 'leading' | 'trailing' | 'variant' | 'loading'>;
 export declare const IconButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.stories.d.ts

@@ -5,7 +5,7 @@ import { ButtonProps } from './Button';
 import { CloseButtonProps } from '../../common/CloseButton';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: ButtonProps): JSX.Element;
+export declare function Playground(args: ButtonProps): React.JSX.Element;
 export declare namespace Playground {
     var args: {
         scale: string;
@@ -14,20 +14,20 @@ export declare namespace Playground {
         trailing: React.JSX.Element;
     };
 }
-export declare function Base(args: ButtonProps): JSX.Element;
-export declare function Selector(args: ButtonProps): JSX.Element;
+export declare function Base(args: ButtonProps): React.JSX.Element;
+export declare function Selector(args: ButtonProps): React.JSX.Element;
 export declare namespace Selector {
     var args: {
         scale: string;
         variant: string;
     };
 }
-export declare function Icon(args: ButtonProps): JSX.Element;
+export declare function Icon(args: ButtonProps): React.JSX.Element;
 export declare namespace Icon {
     var args: {
         scale: string;
     };
 }
-export declare function Back(args: BackButtonProps): JSX.Element;
-export declare function Close(args: CloseButtonProps): JSX.Element;
-export declare function Loading(args: ButtonProps): JSX.Element;
+export declare function Back(args: BackButtonProps): React.JSX.Element;
+export declare function Close(args: CloseButtonProps): React.JSX.Element;
+export declare function Loading(args: ButtonProps): React.JSX.Element;

package/dist/components/Calendar/Calendar.d.ts

@@ -1,9 +1,10 @@
+import { default as React } from 'react';
 import { CalendarProps, GenericCalendarProps } from './Calendar.types';
 /**
  * Implementation based on
  * * https://medium.com/swlh/build-a-date-picker-in-15mins-using-javascript-react-from-scratch-f6932c77db09
  * * https://codepen.io/zellwk/pen/xNpKwp
  */
-export declare function GenericCalendar(props: GenericCalendarProps): JSX.Element;
-declare function Calendar(props: CalendarProps): JSX.Element;
+export declare function GenericCalendar(props: GenericCalendarProps): React.JSX.Element;
+declare function Calendar(props: CalendarProps): React.JSX.Element;
 export default Calendar;

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -1,12 +1,13 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { CalendarDate } from './Date.helper';
 import { CalendarProps } from './Calendar.types';
 declare const _default: Meta;
 export default _default;
 export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CalendarProps>;
-export declare function Selection(): JSX.Element;
+export declare function Selection(): React.JSX.Element;
 declare function isWeekend(date: CalendarDate): boolean;
-export declare function CalendarConstraints(args: CalendarProps): JSX.Element;
+export declare function CalendarConstraints(args: CalendarProps): React.JSX.Element;
 export declare namespace CalendarConstraints {
     var args: {
         constraints: ((string | null)[] | typeof isWeekend)[];

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

@@ -1,10 +1,10 @@
 import { HTMLAttributes } from 'react';
 import { CalendarDate, CalendarConstraint } from './Date.helper';
-export type RenderableMonth = {
+export interface RenderableMonth {
     month: number;
     year: number;
     days: CalendarDate[];
-};
+}
 export type CalendarMode = 'single' | 'range';
 export interface useCalendarProps {
     year?: number;
@@ -45,8 +45,8 @@ export interface CalendarPickerProps {
     onYearClick?: (year: number) => void;
 }
 export interface usePickerModeReturn {
-    get(): PickerMode;
-    is(other: PickerMode): boolean;
+    get: () => PickerMode;
+    is: (other: PickerMode) => boolean;
     dispatch: React.Dispatch<PickerModeAction>;
     Picker: (props: CalendarPickerProps) => JSX.Element;
 }

package/dist/components/Calendar/Date.helper.d.ts

@@ -1,9 +1,9 @@
-export type DateHelperOptions = {
+export interface DateHelperOptions {
     normalize?: boolean;
-};
+}
 export declare const DEFAULT_OPTIONS: DateHelperOptions;
 export type InputDate = string | number | Date;
-type Unit = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second' | 'millisecond';
+export type Unit = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second' | 'millisecond';
 type Operator = '>=' | '>' | '=' | '<' | '<=';
 export type DateConstraint = InputDate | [InputDate, InputDate] | [null, InputDate] | [InputDate, null];
 export type FunctionConstraint = (day: CalendarDate) => boolean;
@@ -11,126 +11,104 @@ export type CalendarConstraint = DateConstraint | FunctionConstraint;
 export interface CalendarDate {
     /**
      * Get `Date` object representing this date.
-     * @returns {Date}
      */
-    get(): Date;
+    get: () => Date;
     /**
      * Get the year using Universal Coordinated Time (UTC).
-     * @returns {number}
      */
-    getYear(): number;
+    getYear: () => number;
     /**
      * Gets the month using Universal Coordinated Time (UTC).
-     * @returns {number}
      */
-    getMonth(): number;
+    getMonth: () => number;
     /**
      * Get the day-of-the-month, using Universal Coordinated Time (UTC).
-     * @returns {number}
      */
-    getDate(): number;
+    getDate: () => number;
     /**
      * Get the time value in milliseconds.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getTime(): number;
+    getTime: () => number;
     /**
      * Get the day of the week.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getWeekday(): number;
+    getWeekday: () => number;
     /**
      * Get the hours value.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getHours(): number;
+    getHours: () => number;
     /**
      * Get the minutes value.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getMinutes(): number;
+    getMinutes: () => number;
     /**
      * Get the seconds value.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getSeconds(): number;
+    getSeconds: () => number;
     /**
      * Get the milliseconds value.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @returns {number}
      */
-    getMilliseconds(): number;
+    getMilliseconds: () => number;
     /**
      * Check if the current date matches **at least one** of the provided constraints.
      *
      * [!] Be aware that all dates in this comparison will be normalized to 12:00:00 (UTC).
      *
-     * @param {...CalendarConstraint[]} constraintsArg
-     * @returns {boolean}
      */
-    matches(...constraints: CalendarConstraint[]): boolean;
+    matches: (...constraints: CalendarConstraint[]) => boolean;
     /**
      * Set the given `value` to the `unit` property of this instance.
      * This function mutates the internal date instance.
-     * @param {Unit} unit
-     * @param {number} value
-     * @returns {CalendarDate}
      */
-    set(unit: Unit, value: number): CalendarDate;
+    set: (unit: Unit, value: number) => CalendarDate;
     /**
      * Return a copy of this instance, adding the given `value` to the `unit` property.
-     * @param {Unit} unit
-     * @param {number} value
-     * @returns {CalendarDate}
      */
-    add(unit: Unit, value: number): CalendarDate;
+    add: (unit: Unit, value: number) => CalendarDate;
     /**
      * Return a copy of this instance, subtracting the given `value` from the `unit` property.
-     * @param {Unit} unit
-     * @param {number} value
-     * @returns {CalendarDate}
      */
-    subtract(unit: Unit, value: number): CalendarDate;
+    subtract: (unit: Unit, value: number) => CalendarDate;
     /**
      * Compare this date with the given `other`.
      *
      * [!] Be aware that it might be normalized to 12:00:00 (UTC), if you did not call the helper with
      * `options.normalize: false`.
      *
-     * @param {Operator} operator - type of comparison to be performed.
-     * @param {CalendarDate} other - Other `CalendarDate` to compare with.
-     * @param {Unit} [precision] - notice that the precision increases with the evaluated period, so year < month < day < hour < minute < second < millisecond. Default is 'day'.
-     * @return {boolean} comparison result
+     * @param operator - type of comparison to be performed.
+     * @param other - Other `CalendarDate` to compare with.
+     * @param precision - notice that the precision increases with the evaluated period, so year < month < day < hour < minute < second < millisecond. Default is 'day'.
+     * @return comparison result
      */
-    is(operator: Operator, other: CalendarDate, precision?: string): boolean;
+    is: (operator: Operator, other: CalendarDate, precision?: Unit) => boolean;
     /**
      * Return this date as a string value in ISO format.
-     * @returns {string}
      */
-    toString(): string;
+    toString: () => string;
 }
 export type CalendarDateRange = [CalendarDate | null, CalendarDate | null];
 /**
@@ -145,8 +123,7 @@ export type CalendarDateRange = [CalendarDate | null, CalendarDate | null];
  * of this when using this helper for time relate logic.
  * You can disable this behavior by passing `options.normalize: false`.
  *
- * @param {InputDate} [dateArg]
- * @return {CalendarDate}
+ * @param dateArg - The input date.
  */
 declare function DateHelper(dateArg?: InputDate, optionsArg?: DateHelperOptions): CalendarDate;
 /**
@@ -161,9 +138,9 @@ declare function DateHelper(dateArg?: InputDate, optionsArg?: DateHelperOptions)
  * // 1665680400000 is equal to: new Date('2022-10-13T17:00:00.000Z').getTime()
  * ```
  *
- * @param {Date} date
- * @param {Unit} precision
- * @returns {number}
+ * @param date - The input date.
+ * @param precision - The unit of precision for normalization.
+ * @returns The timestamp of the normalized date.
  */
 export declare function getComparableDate(date: Date, precision?: Unit): number;
 /**
@@ -190,14 +167,10 @@ export declare function getComparableDate(date: Date, precision?: Unit): number;
  * getConstraintRange([null, 1643371200000]) // returns [0, 1643371200000]
  * getConstraintRange([null, '2022-01-28T12:00:00.000Z']) // returns [0, 1643371200000]
  * ```
- * @param rangeArg
- * @returns
  */
 export declare function getConstraintRange(rangeArg: DateConstraint): [number, number];
 /**
  * Wrap range constraint into a function and return a function constraint untouched.
- * @param {CalendarConstraint} constraint
- * @returns {(day: CalendarDate) => boolean}
  */
 export declare function getConstraintEvaluator(constraint: CalendarConstraint): (day: CalendarDate) => boolean;
 export declare function padded(value: number | string, maxLength?: number): string;

package/dist/components/Calendar/DateFormat.helper.d.ts

@@ -1,6 +1,6 @@
 import { CalendarDate } from './Date.helper';
 export interface DateFormat {
-    format(date: CalendarDate): string;
+    format: (date: CalendarDate) => string;
 }
 /**
  * This helpers provides a convenient layer on top of `Intl.DateTimeFormat`,
@@ -29,7 +29,5 @@ export default function DateFormatHelper(format: string): DateFormat;
  *| Ordinal numbers                | o     | 1st, 2nd, 3rd, ..., 10th                  |
  *| Scaped sequence                | []    |                                           |
  *
- * @param format
- * @returns
  */
 export declare function tokenizer(format: string): string[];