@broxus/react-uikit 0.1.1 → 0.1.2

package/dist/cjs/index.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components/Accordion"), exports);
+__exportStar(require("./components/Alert"), exports);
+__exportStar(require("./components/Align"), exports);
+__exportStar(require("./components/Article"), exports);
+__exportStar(require("./components/Badge"), exports);
+__exportStar(require("./components/Breadcrumb"), exports);
+__exportStar(require("./components/Button"), exports);
+__exportStar(require("./components/Card"), exports);
+__exportStar(require("./components/Close"), exports);
+__exportStar(require("./components/Component"), exports);
+__exportStar(require("./components/ConfrigProvider"), exports);
+__exportStar(require("./components/Container"), exports);
+__exportStar(require("./components/Control"), exports);
+__exportStar(require("./components/Cover"), exports);
+__exportStar(require("./components/DescriptionList"), exports);
+__exportStar(require("./components/Divider"), exports);
+__exportStar(require("./components/Dotnav"), exports);
+__exportStar(require("./components/Drawer"), exports);
+__exportStar(require("./components/Drop"), exports);
+__exportStar(require("./components/Dropdown"), exports);
+__exportStar(require("./components/Flex"), exports);
+__exportStar(require("./components/Form"), exports);
+__exportStar(require("./components/Grid"), exports);
+__exportStar(require("./components/Heading"), exports);
+__exportStar(require("./components/Icon"), exports);
+__exportStar(require("./components/Iconnav"), exports);
+__exportStar(require("./components/Label"), exports);
+__exportStar(require("./components/Link"), exports);
+__exportStar(require("./components/List"), exports);
+__exportStar(require("./components/Modal"), exports);
+__exportStar(require("./components/Nav"), exports);
+__exportStar(require("./components/Navbar"), exports);
+__exportStar(require("./components/Section"), exports);
+__exportStar(require("./components/Spinner"), exports);
+__exportStar(require("./components/Tabs"), exports);
+__exportStar(require("./components/Text"), exports);
+__exportStar(require("./components/Tile"), exports);
+__exportStar(require("./components/Width"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./utils"), exports);

package/dist/cjs/types.d.ts

@@ -0,0 +1,10 @@
+export declare type BreakpointsConfig<T> = {
+    default?: T;
+    xs?: T;
+    s?: T;
+    m?: T;
+    l?: T;
+    xl?: T;
+};
+export declare type HeadingSize = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export declare type Direction = 'ltr' | 'rtl';

package/dist/cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/utils/get-breakpoints-config-classes.d.ts

@@ -0,0 +1,2 @@
+import { BreakpointsConfig } from '../types';
+export declare function getBreakpointsConfigClasses<E>(prefixCls: string, coreCls: string, config?: BreakpointsConfig<E>): string[];

package/dist/cjs/utils/get-breakpoints-config-classes.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBreakpointsConfigClasses = void 0;
+function getBreakpointsConfigClasses(prefixCls, coreCls, config = {}) {
+    return Object.entries(config).map(([key, value]) => (value ? `${prefixCls}-${coreCls}-${value}${key !== 'default' ? `@${key}` : ''}` : ''));
+}
+exports.getBreakpointsConfigClasses = getBreakpointsConfigClasses;

package/dist/cjs/utils/hooks/index.d.ts

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

package/dist/cjs/utils/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useForceUpdate"), exports);

package/dist/cjs/utils/hooks/useForceUpdate.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function useForceUpdate(): React.DispatchWithoutAction;

package/dist/cjs/utils/hooks/useForceUpdate.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForceUpdate = void 0;
+const React = __importStar(require("react"));
+function useForceUpdate() {
+    const [, forceUpdate] = React.useReducer(x => x + 1, 0);
+    return forceUpdate;
+}
+exports.useForceUpdate = useForceUpdate;

package/dist/cjs/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './hooks';
+export * from './get-breakpoints-config-classes';
+export * from './modal';
+export * from './motion';

package/dist/cjs/utils/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./get-breakpoints-config-classes"), exports);
+__exportStar(require("./modal"), exports);
+__exportStar(require("./motion"), exports);

package/dist/cjs/utils/modal.d.ts

@@ -0,0 +1,2 @@
+export declare function addModalMode(): void;
+export declare function removeModalMode(): void;

package/dist/cjs/utils/modal.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeModalMode = exports.addModalMode = void 0;
+const js_utils_1 = require("@broxus/js-utils");
+function addModalMode() {
+    (0, js_utils_1.addClass)(document?.documentElement, 'uk-modal-page');
+}
+exports.addModalMode = addModalMode;
+function removeModalMode() {
+    (0, js_utils_1.removeClass)(document?.documentElement, 'uk-modal-page');
+}
+exports.removeModalMode = removeModalMode;

package/dist/cjs/utils/motion.d.ts

@@ -0,0 +1,3 @@
+import { CSSMotionProps } from 'rc-motion';
+export declare const collapseMotion: CSSMotionProps;
+export declare const getTransitionName: (rootPrefixCls: string, motion: string, transitionName?: string) => string;

package/dist/cjs/utils/motion.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTransitionName = exports.collapseMotion = void 0;
+const getCollapsedHeight = () => ({ height: 0, opacity: 0 });
+const getRealHeight = node => ({ height: node.scrollHeight, opacity: 1 });
+const getCurrentHeight = node => ({ height: node ? node.offsetHeight : 0 });
+const skipOpacityTransition = (_, event) => (event?.deadline === true
+    || event.propertyName === 'height');
+exports.collapseMotion = {
+    leavedClassName: 'uk-hidden',
+    motionDeadline: 300,
+    motionName: 'uk-motion-collapse',
+    onAppearActive: getRealHeight,
+    onAppearEnd: skipOpacityTransition,
+    onAppearStart: getCollapsedHeight,
+    onEnterActive: getRealHeight,
+    onEnterEnd: skipOpacityTransition,
+    onEnterStart: getCollapsedHeight,
+    onLeaveActive: getCollapsedHeight,
+    onLeaveEnd: skipOpacityTransition,
+    onLeaveStart: getCurrentHeight,
+};
+const getTransitionName = (rootPrefixCls, motion, transitionName) => {
+    if (transitionName !== undefined) {
+        return transitionName;
+    }
+    return `${rootPrefixCls}-${motion}`;
+};
+exports.getTransitionName = getTransitionName;

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

@@ -0,0 +1,5 @@
+import type { CollapseProps } from 'rc-collapse/lib/interface';
+export interface AccordionProps extends CollapseProps {
+    direction?: string;
+}
+export declare function Accordion(props: AccordionProps): JSX.Element;

package/dist/esm/components/Accordion/Accordion.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import Collapse from 'rc-collapse';
+import { collapseMotion } from '../../utils';
+import { useConfig } from '../ConfrigProvider';
+export function Accordion(props) {
+    const config = useConfig();
+    const { direction, prefixCls = `${config.prefixCls}-accordion`, ...restProps } = props;
+    return (React.createElement(Collapse, { className: classNames({
+            [`${prefixCls}-rtl`]: direction === 'rtl',
+        }), openMotion: collapseMotion, prefixCls: prefixCls, ...restProps }));
+}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { CollapsePanelProps } from 'rc-collapse/lib/interface';
+export declare type AccordionItemProps = React.PropsWithChildren<Omit<CollapsePanelProps, 'prefixCls'>>;
+export declare function Item(props: AccordionItemProps): JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}

package/dist/esm/components/Accordion/Item.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Panel } from 'rc-collapse';
+import { Icon } from '../Icon';
+export function Item(props) {
+    const { expandIcon, ...restProps } = props;
+    const mergedExpandIcon = React.useMemo(() => (expandIcon || (({ isActive }) => (React.createElement(Icon, { icon: isActive ? 'expand_more' : 'chevron_right' })))), [expandIcon]);
+    return (React.createElement(Panel, { expandIcon: mergedExpandIcon, ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Item.displayName = 'Accordion.Item';
+}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Item } from './Item';
+import type { AccordionProps } from './Accordion';
+import './index.scss';
+export interface CompoundedAccordion extends React.FunctionComponent<AccordionProps> {
+    Item: typeof Item;
+}
+export declare const Accordion: CompoundedAccordion;

package/dist/esm/components/Accordion/index.js

@@ -0,0 +1,5 @@
+import { Accordion as InternalAccordion } from './Accordion';
+import { Item } from './Item';
+import './index.scss';
+export const Accordion = InternalAccordion;
+Accordion.Item = Item;

package/dist/esm/components/Alert/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { MotionEndEventHandler } from 'rc-motion';
+import './index.scss';
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    closable?: boolean;
+    closeIcon?: React.ReactNode;
+    prefixCls?: string;
+    severity?: 'primary' | 'success' | 'warning' | 'danger';
+    onClose?: () => void;
+    onClosed?: MotionEndEventHandler;
+}
+export declare type AlertRef = {
+    close: () => void;
+};
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<AlertRef>>;

package/dist/esm/components/Alert/index.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import CSSMotion from 'rc-motion';
+import { Close } from '../Close';
+import { useConfig } from '../ConfrigProvider';
+import './index.scss';
+export const Alert = React.forwardRef((props, ref) => {
+    const config = useConfig();
+    const { children, className, closable = true, closeIcon, prefixCls = `${config.prefixCls}-alert`, style, severity, onClose, onClosed, ...restProps } = props;
+    const [closed, setClosed] = React.useState(false);
+    const close = () => {
+        onClose?.();
+        setClosed(true);
+    };
+    React.useImperativeHandle(ref, () => ({
+        close,
+    }), []);
+    return (React.createElement(CSSMotion, { visible: !closed, motionName: `${prefixCls}-motion`, motionAppear: false, motionEnter: false, onLeaveStart: node => ({
+            maxHeight: node.offsetHeight,
+        }), onLeaveEnd: onClosed }, ({ className: motionClassName, style: motionStyle }) => (React.createElement("div", { className: classNames(prefixCls, {
+            [`${prefixCls}-${severity}`]: severity !== undefined,
+        }, className, motionClassName), "data-show": !closed, role: "alert", style: { ...style, ...motionStyle }, ...restProps },
+        closable && (React.isValidElement(closeIcon) ? (React.cloneElement(closeIcon, {
+            className: `${prefixCls}-close`,
+            onClick: close,
+        })) : (React.createElement(Close, { className: `${prefixCls}-close`, onClick: close }))),
+        children))));
+});

package/dist/esm/components/Align/Align.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { Direction } from '../../types';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type AlignOwnProps = {
+    direction?: Direction;
+    prefixCls?: string;
+    side?: 'left' | 'right';
+};
+export declare type AlignProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, AlignOwnProps>;
+declare const defaultElement = "div";
+export declare function Align<E extends React.ElementType = typeof defaultElement>(props: AlignProps<E>): JSX.Element;
+export {};

package/dist/esm/components/Align/Align.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+import { useConfig } from '../ConfrigProvider';
+const defaultElement = 'div';
+export function Align(props) {
+    const config = useConfig();
+    const { direction, prefixCls = `${config.prefixCls}-align`, side = direction === 'rtl' ? 'right' : 'left', ...restProps } = props;
+    const isRtl = direction === 'rtl';
+    const invertedSide = side === 'left' ? 'right' : 'left';
+    return (React.createElement(Component, { className: classNames({
+            [`${prefixCls}-${isRtl ? invertedSide : side}`]: true,
+        }), component: defaultElement, ...restProps }));
+}

package/dist/esm/components/Align/Left.d.ts

@@ -0,0 +1,5 @@
+import type { AlignProps } from './Align';
+export declare function Left(props: Omit<AlignProps, 'side'>): JSX.Element;
+export declare namespace Left {
+    var displayName: string;
+}

package/dist/esm/components/Align/Left.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Align } from './Align';
+export function Left(props) {
+    return React.createElement(Align, { ...props, side: "left" });
+}
+if (process.env.NODE_ENV !== 'production') {
+    Left.displayName = 'Align.Left';
+}

package/dist/esm/components/Align/Right.d.ts

@@ -0,0 +1,5 @@
+import type { AlignProps } from './Align';
+export declare function Right(props: Omit<AlignProps, 'side'>): JSX.Element;
+export declare namespace Right {
+    var displayName: string;
+}

package/dist/esm/components/Align/Right.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Align } from './Align';
+export function Right(props) {
+    return React.createElement(Align, { ...props, side: "right" });
+}
+if (process.env.NODE_ENV !== 'production') {
+    Right.displayName = 'Align.Right';
+}

package/dist/esm/components/Align/index.d.ts

@@ -0,0 +1,10 @@
+import { PolymorphicComponent } from '../Component';
+import { AlignOwnProps } from './Align';
+import { Left } from './Left';
+import { Right } from './Right';
+import './index.scss';
+export declare type CompoundedAlign = PolymorphicComponent<AlignOwnProps> & {
+    Left: typeof Left;
+    Right: typeof Right;
+};
+export declare const Align: CompoundedAlign;

package/dist/esm/components/Align/index.js

@@ -0,0 +1,7 @@
+import { Align as InternalAlign } from './Align';
+import { Left } from './Left';
+import { Right } from './Right';
+import './index.scss';
+export const Align = InternalAlign;
+Align.Left = Left;
+Align.Right = Right;

package/dist/esm/components/Article/Article.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface ArticleProps extends React.HTMLAttributes<HTMLElement> {
+    prefixCls?: string;
+}
+export declare function Article(props: ArticleProps): JSX.Element;

package/dist/esm/components/Article/Article.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { useConfig } from '../ConfrigProvider';
+export function Article(props) {
+    const config = useConfig();
+    const { className, prefixCls = `${config.prefixCls}-article`, ...restProps } = props;
+    return (React.createElement("article", { className: classNames(prefixCls, className), ...restProps }));
+}

package/dist/esm/components/Article/Meta.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type ArticleMetaOwnProps = {
+    prefixCls?: string;
+};
+export declare type ArticleMetaProps<E extends React.ElementType> = PolymorphicComponentProps<E, ArticleMetaOwnProps>;
+declare const defaultElement = "p";
+export declare function Meta<E extends React.ElementType = typeof defaultElement>(props: ArticleMetaProps<E>): JSX.Element;
+export declare namespace Meta {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/Article/Meta.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+import { useConfig } from '../ConfrigProvider';
+const defaultElement = 'p';
+export function Meta(props) {
+    const config = useConfig();
+    const { className, prefixCls = `${config.prefixCls}-article`, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames(`${prefixCls}-meta`, className), component: defaultElement, ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Meta.displayName = 'Article.Meta';
+}

package/dist/esm/components/Article/Title.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type ArticleTitleOwnProps = {
+    prefixCls?: string;
+};
+export declare type ArticleTitleProps<E extends React.ElementType> = PolymorphicComponentProps<E, ArticleTitleOwnProps>;
+declare const defaultElement = "h1";
+export declare function Title<E extends React.ElementType = typeof defaultElement>(props: ArticleTitleProps<E>): JSX.Element;
+export declare namespace Title {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/Article/Title.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+import { useConfig } from '../ConfrigProvider';
+const defaultElement = 'h1';
+export function Title(props) {
+    const config = useConfig();
+    const { className, prefixCls = `${config.prefixCls}-article`, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames(`${prefixCls}-title`, className), component: defaultElement, ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Title.displayName = 'Article.Title';
+}

package/dist/esm/components/Article/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Meta } from './Meta';
+import { Title } from './Title';
+import type { ArticleProps } from './Article';
+import type { ArticleMetaProps } from './Meta';
+import type { ArticleTitleProps } from './Title';
+import './index.scss';
+export type { ArticleProps, ArticleMetaProps, ArticleTitleProps };
+export interface CompoundedArticle extends React.FunctionComponent<ArticleProps> {
+    Meta: typeof Meta;
+    Title: typeof Title;
+}
+export declare const Article: CompoundedArticle;

package/dist/esm/components/Article/index.js

@@ -0,0 +1,7 @@
+import { Article as InternalArticle } from './Article';
+import { Meta } from './Meta';
+import { Title } from './Title';
+import './index.scss';
+export const Article = InternalArticle;
+Article.Meta = Meta;
+Article.Title = Title;

package/dist/esm/components/Badge/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+import './index.scss';
+export declare type BadgeOwnProps = {
+    prefixCls?: string;
+};
+export declare type BadgeProps<E extends React.ElementType> = PolymorphicComponentProps<E, BadgeOwnProps>;
+declare const defaultElement = "span";
+export declare function Badge<E extends React.ElementType = typeof defaultElement>(props: BadgeProps<E>): JSX.Element;
+export {};

package/dist/esm/components/Badge/index.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+import { useConfig } from '../ConfrigProvider';
+import './index.scss';
+const defaultElement = 'span';
+export function Badge(props) {
+    const config = useConfig();
+    const { className, prefixCls = `${config.prefixCls}-badge`, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames(prefixCls, className), component: defaultElement, ...restProps }));
+}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLUListElement> {
+    prefixCls?: string;
+}
+export declare function Breadcrumb(props: BreadcrumbProps): JSX.Element;

package/dist/esm/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { useConfig } from '../ConfrigProvider';
+export function Breadcrumb(props) {
+    const config = useConfig();
+    const { className, prefixCls = `${config.prefixCls}-breadcrumb`, ...restProps } = props;
+    return (React.createElement("ul", { className: classNames(prefixCls, className), ...restProps }));
+}

package/dist/esm/components/Breadcrumb/Item.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface BreadcrumbItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    disabled?: boolean;
+}
+export declare function Item(props: BreadcrumbItemProps): JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/Breadcrumb/Item.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { useConfig } from '../ConfrigProvider';
+export function Item(props) {
+    const config = useConfig();
+    const { className, disabled, ...restProps } = props;
+    return (React.createElement("li", { className: classNames(className, {
+            [`${config.prefixCls}-disabled`]: disabled,
+        }), ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Item.displayName = 'Breadcrumb.Item';
+}

package/dist/esm/components/Breadcrumb/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Item } from './Item';
+import type { BreadcrumbProps } from './Breadcrumb';
+import './index.scss';
+export type { BreadcrumbProps };
+export interface CompoundedBreadcrumb extends React.FunctionComponent<BreadcrumbProps> {
+    Item: typeof Item;
+}
+export declare const Breadcrumb: CompoundedBreadcrumb;

package/dist/esm/components/Breadcrumb/index.js

@@ -0,0 +1,5 @@
+import { Breadcrumb as InnerBreadcrumb } from './Breadcrumb';
+import { Item } from './Item';
+import './index.scss';
+export const Breadcrumb = InnerBreadcrumb;
+Breadcrumb.Item = Item;

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface AnchorButtonProps extends Omit<React.AnchorHTMLAttributes<any>, 'onClick'> {
+    href: string;
+    target?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+export interface NativeButtonProps extends Omit<React.ButtonHTMLAttributes<any>, 'type' | 'onClick'> {
+    htmlType?: 'button' | 'reset' | 'submit';
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+export interface ButtonProps extends Partial<AnchorButtonProps>, Partial<NativeButtonProps> {
+    ghost?: boolean;
+    prefixCls?: string;
+    shape?: 'circle' | 'round';
+    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    type?: 'default' | 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link' | 'text';
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;