@bundle-stats/ui 4.2.2 → 4.2.3-beta.1

package/types/components/metrics-table-options/metrics-table-options.d.ts

@@ -1,17 +1,10 @@
-export function MetricsTableOptions(props: any): JSX.Element;
-export namespace MetricsTableOptions {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const handleViewAll: PropTypes.Requireable<(...args: any[]) => any>;
-        const handleResetFilters: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const handleViewAll_1: null;
-        export { handleViewAll_1 as handleViewAll };
-        const handleResetFilters_1: null;
-        export { handleResetFilters_1 as handleResetFilters };
-    }
-}
-import PropTypes from "prop-types";
+import type { ComponentProps } from 'react';
+import React from 'react';
+import { Dropdown } from '../../ui/dropdown';
+type MetricsTableOptionsProps = {
+    onViewAllClick?: () => void;
+    onResetClick?: () => void;
+    onExportClick?: (sourceType: string) => void;
+} & ComponentProps<typeof Dropdown>;
+export declare const MetricsTableOptions: (props: MetricsTableOptionsProps) => React.JSX.Element;
+export {};

package/types/components/metrics-table-title/metrics-table-title.d.ts

@@ -1,21 +1,22 @@
-export function MetricsTableTitle(props: any): JSX.Element;
+export function MetricsTableTitle(props: any): React.JSX.Element;
 export namespace MetricsTableTitle {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const title: PropTypes.Validator<string>;
-        const info: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const popoverHref: PropTypes.Requireable<string>;
-        const popoverInfo: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+        let title: PropTypes.Validator<string>;
+        let info: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let popoverHref: PropTypes.Requireable<string>;
+        let popoverInfo: PropTypes.Requireable<string>;
     }
     namespace defaultProps {
-        const className_1: string;
+        let className_1: string;
         export { className_1 as className };
-        const info_1: null;
+        let info_1: null;
         export { info_1 as info };
-        const popoverHref_1: string;
+        let popoverHref_1: string;
         export { popoverHref_1 as popoverHref };
-        const popoverInfo_1: string;
+        let popoverInfo_1: string;
         export { popoverInfo_1 as popoverInfo };
     }
 }
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';

package/types/components/metrics-treemap/index.d.ts

@@ -0,0 +1,2 @@
+export * from './metrics-treemap';
+export { getTreemapNodes, getTreemapNodesGroupedByPath } from './metrics-treemap.utils';

package/types/components/metrics-treemap/metrics-treemap.constants.d.ts

@@ -0,0 +1,28 @@
+import type { ReportMetricRow } from '@bundle-stats/utils';
+export interface TreeTotal {
+    current: number;
+    baseline?: number;
+}
+export interface TreeLeaf {
+    id: string;
+    label: string;
+    value: number;
+    item: ReportMetricRow;
+}
+export interface Tree {
+    id: string;
+    label: string;
+    value: number;
+    children: TreeNodeChildren;
+    total?: TreeTotal;
+}
+export type TreeNode = Tree | TreeLeaf;
+export type TreeNodeChildren = Array<TreeNode>;
+export type TileGroupSizeDisplay = 'minimal' | 'small' | 'default';
+export type TileSizeDisplay = 'minimal' | 'small' | 'default';
+export declare const SQUARIFY_RATIO = 1.66;
+export declare const PADDING_OUTER = 1;
+export declare const PADDING_INNER = 2;
+export declare const NESTED_PADDING = 4;
+export declare const NESTED_PADDING_TOP: number;
+export declare const NESTED_PADDING_LEFT = 8;

package/types/components/metrics-treemap/metrics-treemap.d.ts

@@ -0,0 +1,11 @@
+import React, { type ComponentProps, type ReactNode } from 'react';
+import { type Tree } from './metrics-treemap.constants';
+interface MetricsTreemapProps {
+    treeNodes: Tree;
+    emptyMessage?: ReactNode;
+    nested?: boolean;
+    onItemClick?: (entryId: string) => void;
+    onGroupClick?: (entryId: string) => void;
+}
+export declare const MetricsTreemap: (props: MetricsTreemapProps & ComponentProps<"div">) => React.JSX.Element;
+export {};

package/types/components/metrics-treemap/metrics-treemap.i18n.d.ts

@@ -0,0 +1,2 @@
+export declare const TILE_GROUP_LABEL = "View children entries";
+export declare const TILE_LABEL = "View entry info";

package/types/components/metrics-treemap/metrics-treemap.utils.d.ts

@@ -0,0 +1,15 @@
+import { type RefObject } from 'react';
+import { DeltaType, type MetricRunInfoBaseline, type MetricRunInfo, type ReportMetricRow } from '@bundle-stats/utils';
+import { type Tree, type TileSizeDisplay, type TileGroupSizeDisplay } from './metrics-treemap.constants';
+export declare function getTreemapNodes(items: Array<ReportMetricRow>): Tree;
+export declare function getTreemapNodesGroupedByPath(items: Array<ReportMetricRow>): Tree;
+export declare function resolveGroupDeltaType(metricRunInfo?: MetricRunInfo | MetricRunInfoBaseline): DeltaType.NO_CHANGE | DeltaType.NEGATIVE | DeltaType.POSITIVE;
+export declare function resolveTileGroupSizeDisplay(width: number, height: number): TileGroupSizeDisplay;
+export declare function resolveTileSizeDisplay(width: number, height: number): TileSizeDisplay;
+interface UseTooltipStateWithMouseFollowOptions {
+    parentRef: RefObject<Element>;
+    gutter?: number;
+    timeout?: number;
+}
+export declare function useTooltipStateWithMouseFollow(options: UseTooltipStateWithMouseFollowOptions): import("ariakit/tooltip").TooltipState;
+export {};

package/types/components/module-info/index.d.ts

@@ -1 +1 @@
-export * from "./module-info";
+export * from './module-info';

package/types/components/module-info/module-info.d.ts

@@ -1,35 +1,14 @@
-export function ModuleInfo(props: any): JSX.Element;
-export namespace ModuleInfo {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const item: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            key: PropTypes.Requireable<string>;
-            runs: PropTypes.Requireable<(PropTypes.InferProps<{
-                key: PropTypes.Requireable<string>;
-                name: PropTypes.Requireable<string>;
-                chunkIds: PropTypes.Requireable<(string | null | undefined)[]>;
-            }> | null | undefined)[]>;
-        }>>>;
-        const labels: PropTypes.Validator<(string | null | undefined)[]>;
-        const chunks: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const chunkIds: PropTypes.Requireable<(string | null | undefined)[]>;
-        const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const chunks_1: never[];
-        export { chunks_1 as chunks };
-        const chunkIds_1: never[];
-        export { chunkIds_1 as chunkIds };
-        export { ComponentLink as customComponentLink };
-        export { noop as onClick };
-    }
+import React from 'react';
+import type { MetaChunk } from '@bundle-stats/utils/types/webpack';
+import type { ReportMetricModuleRow } from '../../types';
+interface ModuleInfoProps {
+    item: ReportMetricModuleRow;
+    chunks?: Array<MetaChunk>;
+    chunkIds?: Array<string>;
+    labels: Array<string>;
+    metricLabel?: string;
+    customComponentLink?: React.ElementType;
+    onClose: () => void;
 }
-import PropTypes from "prop-types";
-import { ComponentLink } from "../component-link";
-import noop from "lodash/noop";
+export declare const ModuleInfo: (props: ModuleInfoProps & React.ComponentProps<"div">) => React.JSX.Element;
+export {};

package/types/components/package-info/index.d.ts

@@ -0,0 +1 @@
+export * from './package-info';

package/types/components/package-info/package-info.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { MetricRunInfo } from '@bundle-stats/utils';
+import { Package } from '@bundle-stats/utils/types/webpack';
+interface PackageInfoProps {
+    item: {
+        label: string;
+        duplicate?: boolean;
+        runs: Array<Package & MetricRunInfo>;
+    };
+    labels: Array<string>;
+    customComponentLink?: React.ElementType;
+    onClose: () => void;
+}
+export declare const PackageInfo: (props: PackageInfoProps & React.ComponentProps<"div">) => React.JSX.Element;
+export {};

package/types/components/preview-source/index.d.ts

@@ -0,0 +1 @@
+export * from './preview-source';

package/types/components/preview-source/preview-source.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps } from 'react';
+import React from 'react';
+type PreviewSourceProps = {
+    source?: string;
+    rows?: number;
+    download?: string;
+} & ComponentProps<'div'>;
+export declare const PreviewSource: (props: PreviewSourceProps) => React.JSX.Element;
+export {};

package/types/components/run-info/index.d.ts

@@ -0,0 +1 @@
+export * from './run-info';

package/types/components/run-info/run-info.d.ts

@@ -0,0 +1,17 @@
+import React, { type ReactNode } from 'react';
+export interface RunInfoProps {
+    title?: ReactNode;
+    titleHoverCard?: ReactNode;
+    titleTooltip?: ReactNode;
+    current?: ReactNode;
+    baseline?: string;
+    delta?: string;
+    deltaPercentage?: string;
+    deltaType?: string;
+    as?: React.ElementType;
+    size?: 'small' | 'medium' | 'large' | 'xlarge';
+    showBaseline?: boolean;
+    loading?: boolean;
+    enhance?: boolean;
+}
+export declare const RunInfo: ({ className, title, titleHoverCard, titleTooltip, current, baseline, delta, deltaPercentage, deltaType, as: Component, size, showBaseline, loading, enhance, ...restProps }: RunInfoProps & Omit<React.ComponentProps<"div">, "title">) => React.JSX.Element;

package/types/components/sort-button/index.d.ts

@@ -0,0 +1 @@
+export * from './sort-button';

package/types/components/sort-button/sort-button.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SortAction } from '../../types';
+export interface SortButtonProps {
+    fieldPath: string;
+    fieldName: string;
+    label: string;
+    sort?: SortAction;
+    updateSort?: (params: SortAction) => void;
+}
+export declare const SortButton: (props: SortButtonProps & React.ComponentProps<"div">) => React.JSX.Element;

package/types/components/summary/index.d.ts

@@ -1 +1 @@
-export * from "./summary";
+export * from './summary';

package/types/components/summary/summary.d.ts

@@ -1,37 +1,24 @@
-export function Summary({ className, size, keys, data, loading, showSummaryItemDelta, summaryItemLink: SummaryItemCustomLink, }: {
-    className: any;
-    size: any;
-    keys: any;
-    data: any;
-    loading: any;
-    showSummaryItemDelta: any;
-    summaryItemLink: any;
-}): JSX.Element;
-export namespace Summary {
-    namespace defaultProps {
-        export const className: string;
-        export const data: null;
-        export const loading: boolean;
-        export const size: string;
-        export { METRICS_WEBPACK_GENERAL as keys };
-        export const showSummaryItemDelta: boolean;
-        export { ComponentLink as summaryItemLink };
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const size_1: PropTypes.Requireable<string>;
-        export { size_1 as size };
-        export const keys: PropTypes.Requireable<(string | null | undefined)[]>;
-        const data_1: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        export { data_1 as data };
-        const loading_1: PropTypes.Requireable<boolean>;
-        export { loading_1 as loading };
-        const showSummaryItemDelta_1: PropTypes.Requireable<boolean>;
-        export { showSummaryItemDelta_1 as showSummaryItemDelta };
-        export const summaryItemLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-    }
+import React from 'react';
+import { MetricRunInfoProps } from '../metric-run-info';
+interface SummaryItemProps {
+    metricId: string;
+    data?: Record<string, SummaryItemData> | null;
+    customLink: React.ElementType;
+    size?: MetricRunInfoProps['size'];
+    loading: boolean;
+    showDelta: boolean;
+    showBaseline: boolean;
 }
-import { METRICS_WEBPACK_GENERAL } from "../../constants";
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+interface SummaryItemData {
+    current: number;
+    baseline: number;
+}
+interface SummaryProps {
+    data?: SummaryItemProps['data'];
+    loading?: boolean;
+    showSummaryItemDelta?: SummaryItemProps['showDelta'];
+    showSummaryItemBaseline?: SummaryItemProps['showBaseline'];
+    summaryItemLink?: SummaryItemProps['customLink'];
+}
+export declare const Summary: ({ className, data, loading, showSummaryItemDelta, showSummaryItemBaseline, summaryItemLink, }: SummaryProps & React.ComponentProps<"div">) => React.JSX.Element;
+export {};

package/types/constants.d.ts

@@ -1,25 +1,51 @@
-export const NO_SPACE: "no-space";
-export const SPACE_XXXSMALL: "xxxsmall";
-export const SPACE_XXSMALL: "xxsmall";
-export const SPACE_XSMALL: "xsmall";
-export const SPACE_SMALL: "small";
-export const SPACE_MEDIUM: "medium";
-export const SPACE_LARGE: "large";
-export const SPACE_XLARGE: "xlarge";
-export const SPACE_XXLARGE: "xxlarge";
-export const SPACE_XXXLARGE: "xxxlarge";
-export const SPACES: string[];
-export namespace URLS {
-    const OVERVIEW: string;
-    const ASSETS: string;
-    const MODULES: string;
-    const PACKAGES: string;
+import { SECTIONS } from '@bundle-stats/utils';
+export declare const URLS: {
+    OVERVIEW: string;
+    ASSETS: string;
+    MODULES: string;
+    PACKAGES: string;
+};
+export declare const SECTION_URLS: {
+    [SECTIONS.TOTALS]: string;
+    [SECTIONS.ASSETS]: string;
+    [SECTIONS.MODULES]: string;
+    [SECTIONS.PACKAGES]: string;
+};
+export declare const ASSETS_SIZES_FILE_TYPE_MAP: {};
+export declare const METRICS_WEBPACK_GENERAL: string[];
+export declare const METRICS_WEBPACK_ASSETS: string[];
+export declare const METRICS_WEBPACK_MODULES: string[];
+export declare const METRICS_WEBPACK_PACKAGES: string[];
+export declare const SORT: {
+    readonly ASC: "asc";
+    readonly DESC: "desc";
+};
+export declare enum MetricsDisplayType {
+    TREEMAP = "treemap",
+    TABLE = "table"
+}
+export declare const MetricsDisplayTypeDefault = MetricsDisplayType.TABLE;
+export declare enum MetricsDisplayGroupBy {
+    FOLDER = "folder",
+    NONE = "no-group"
+}
+export declare const MetricsDisplayGroupByDefault = MetricsDisplayGroupBy.FOLDER;
+export declare enum ModuleSizeMetric {
+    SIZE = "value",
+    DUPLICATE_SIZE = "duplicateSize",
+    TOTAL_SIZE = "totalSize"
 }
-export const SECTION_URLS: {
-    [x: string]: string;
+export declare const ModuleSizeMetrics: {
+    value: {
+        label: string;
+        tooltip: string;
+    };
+    totalSize: {
+        label: string;
+        tooltip: string;
+    };
+    duplicateSize: {
+        label: string;
+        tooltip: string;
+    };
 };
-export const ASSETS_SIZES_FILE_TYPE_MAP: {};
-export const METRICS_WEBPACK_GENERAL: string[];
-export const METRICS_WEBPACK_ASSETS: string[];
-export const METRICS_WEBPACK_MODULES: string[];
-export const METRICS_WEBPACK_PACKAGES: string[];

package/types/hooks/entry-info.d.ts

@@ -0,0 +1,8 @@
+interface UseEntryInfoParams {
+    setState: (data: {
+        entryId: string;
+    }) => void;
+}
+type UseEntryInfo = [() => void, (entryId: string) => void];
+export declare function useEntryInfo(params: UseEntryInfoParams): UseEntryInfo;
+export {};

package/types/hooks/metrics-display-type.d.ts

@@ -0,0 +1,10 @@
+import { MetricsDisplayType } from '../constants';
+type UseMetricsDisplayType = [
+    {
+        value: MetricsDisplayType;
+        groupBy?: string;
+    },
+    (newDisplayType: MetricsDisplayType, newGroupBy?: string) => void
+];
+export declare const useMetricsDisplayType: (groups?: Partial<Record<MetricsDisplayType, Array<string>>>) => UseMetricsDisplayType;
+export {};

package/types/hooks/rows-sort.d.ts

@@ -1,18 +1,19 @@
-export function useRowsSort({ rows, sortFields, sortBy, sortDirection, getCustomSort, }: {
-    rows: any;
-    sortFields: any;
-    sortBy?: string | undefined;
-    sortDirection?: string | undefined;
-    getCustomSort: any;
-}): {
-    sortFields: any;
-    sort: {
-        field: string;
-        direction: string;
-    };
-    updateSort: import("react").Dispatch<import("react").SetStateAction<{
-        field: string;
-        direction: string;
-    }>>;
-    items: any[];
-};
+import type { SortAction } from '../types';
+export declare const getSortFn: <TRow>(fieldPath: string, getCustomSort: UseRowsSortParams<TRow>["getCustomSort"]) => (item: TRow) => any;
+interface UseRowsSortParams<TRow> {
+    rows: Array<TRow>;
+    initialField?: string;
+    initialDirection?: string;
+    getCustomSort: (item: any) => Array<string | number | boolean>;
+    setQueryState: (queryParams: {
+        sortBy: SortAction['field'];
+        direction: SortAction['direction'];
+    }) => void;
+}
+interface UseRowsSort<TRow> {
+    items: Array<TRow>;
+    sort: SortAction;
+    updateSort: (params: SortAction) => void;
+}
+export declare const useRowsSort: <TRow>({ rows, initialField, initialDirection, getCustomSort, setQueryState, }: UseRowsSortParams<TRow>) => UseRowsSort<TRow>;
+export {};

package/types/i18n.d.ts

@@ -1,18 +1,27 @@
 declare namespace _default {
-    const OVERVIEW: string;
-    const ASSETS: string;
-    const ASSET_TOTALS: string;
-    const MODULES: string;
-    const PACKAGES: string;
-    const NO_DATA: string;
-    const CURRENT: string;
-    const BASELINE: string;
-    const READ_MORE: string;
-    const ASSETS_INFO: string;
-    const ASSET_TOTALS_INFO: string;
-    const MODULES_INFO: string;
-    const PACKAGES_INFO: string;
-    const RESET_FILTERS: string;
-    const VIEW_ALL: string;
+    let OVERVIEW: string;
+    let ASSETS: string;
+    let ASSET_TOTALS: string;
+    let MODULES: string;
+    let PACKAGES: string;
+    let NO_DATA: string;
+    let CURRENT: string;
+    let BASELINE: string;
+    let READ_MORE: string;
+    let ASSETS_INFO: string;
+    let ASSET_TOTALS_INFO: string;
+    let MODULES_INFO: string;
+    let PACKAGES_INFO: string;
+    let RESET_FILTERS: string;
+    let VIEW_ALL: string;
+    let EXPORT: string;
+    let EXPORT_CSV: string;
+    let EXPORT_JSON: string;
+    let COPY_TO_CLIPBOARD: string;
+    let COPY_TO_CLIPBOARD_DONE: string;
+    let GITHUB_LINK_TITLE: string;
+    let REPORT_ISSUE: string;
+    let REPORT_ISSUE_LINK_TITLE: string;
+    let APP_LINK_TITLE: string;
 }
 export default _default;

package/types/layout/box/box.d.ts

@@ -1,26 +1,13 @@
-export function Box(props: any): JSX.Element;
-export namespace Box {
-    namespace defaultProps {
-        export const className: string;
-        export const as: string;
-        export { NO_SPACE as padding };
-        export const horizontalPadding: string;
-        export const verticalPadding: string;
-        export const outline: boolean;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { as_1 as as };
-        export const padding: PropTypes.Requireable<NonNullable<string | (string | null | undefined)[] | null | undefined>>;
-        const horizontalPadding_1: PropTypes.Requireable<string>;
-        export { horizontalPadding_1 as horizontalPadding };
-        const verticalPadding_1: PropTypes.Requireable<string>;
-        export { verticalPadding_1 as verticalPadding };
-        const outline_1: PropTypes.Requireable<boolean>;
-        export { outline_1 as outline };
-    }
+import React from 'react';
+import { SPACES } from '../../tokens';
+type SpaceValue = (typeof SPACES)[number];
+interface BoxProps<T extends React.ElementType> {
+    as?: T;
+    padding?: SpaceValue | [SpaceValue, SpaceValue];
+    horizontalPadding?: SpaceValue;
+    verticalPadding?: SpaceValue;
+    outline?: boolean;
+    outlineHover?: boolean;
 }
-import { NO_SPACE } from "../../constants";
-import PropTypes from "prop-types";
+export declare const Box: <T extends React.ElementType = "div">(props: BoxProps<T> & Omit<React.ComponentProps<T>, keyof BoxProps<T>>) => React.JSX.Element;
+export {};

package/types/layout/box/index.d.ts

@@ -1 +1 @@
-export { Box } from "./box";
+export * from './box';

package/types/layout/flex-stack/flex-stack.d.ts

@@ -1,34 +1,11 @@
-export function FlexStack({ as: Component, className, space, inline, children, alignItems, ...restProps }: {
-    [x: string]: any;
-    as?: string | undefined;
-    className?: string | undefined;
-    space?: string | undefined;
-    inline?: boolean | undefined;
-    children?: null | undefined;
-    alignItems?: string | undefined;
-}): JSX.Element;
-export namespace FlexStack {
-    namespace defaultProps {
-        export const as: string;
-        export const className: string;
-        export const children: null;
-        export { NO_SPACE as space };
-        export const alignItems: undefined;
-        export const inline: boolean;
-    }
-    namespace propTypes {
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { as_1 as as };
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { children_1 as children };
-        export const space: PropTypes.Requireable<string>;
-        const alignItems_1: PropTypes.Requireable<string>;
-        export { alignItems_1 as alignItems };
-        const inline_1: PropTypes.Requireable<boolean>;
-        export { inline_1 as inline };
-    }
+import React from 'react';
+import { SPACES } from '../../tokens';
+type SpaceValue = (typeof SPACES)[number];
+interface FlexStackProps<T extends React.ElementType> {
+    as?: T;
+    space?: SpaceValue;
+    inline?: boolean;
+    alignItems?: 'top' | 'center' | 'bottom';
 }
-import { NO_SPACE } from "../../constants";
-import PropTypes from "prop-types";
+export declare const FlexStack: <T extends React.ElementType = "div">(props: FlexStackProps<T> & Omit<React.ComponentProps<T>, keyof FlexStackProps<T>>) => React.JSX.Element;
+export {};

package/types/layout/flex-stack/index.d.ts

@@ -1 +1 @@
-export * from "./flex-stack";
+export * from './flex-stack';

package/types/layout/footer/footer.d.ts

@@ -1,17 +1,18 @@
 export function Footer({ className, version }: {
     className: any;
     version: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace Footer {
     namespace defaultProps {
-        const className: string;
-        const version: null;
+        let className: string;
+        let version: null;
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        const version_1: PropTypes.Requireable<string>;
+        let version_1: PropTypes.Requireable<string>;
         export { version_1 as version };
     }
 }
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';

package/types/layout/separator.d.ts

@@ -3,13 +3,13 @@ export namespace Separator {
     export { propTypes };
     export { defaultProps };
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 declare namespace propTypes {
-    const className: PropTypes.Requireable<string>;
+    let className: PropTypes.Requireable<string>;
 }
-import React from "react";
+import React from 'react';
 declare namespace defaultProps {
-    const className_1: string;
+    let className_1: string;
     export { className_1 as className };
 }
 export {};