@broxus/react-uikit 0.1.0 → 0.1.1

package/dist/cjs/components/Cover/index.js

@@ -1,97 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cover = void 0;
-const React = __importStar(require("react"));
-const js_utils_1 = require("@broxus/js-utils");
-const classnames_1 = __importDefault(require("classnames"));
-require("./index.scss");
-function Cover(props) {
-    const { automute = true, className, children, height, width, ...restProps } = props;
-    const container = React.useRef(null);
-    const coveringElement = React.useRef(null);
-    const resize = () => {
-        if (coveringElement.current == null || container.current == null) {
-            return;
-        }
-        const { current: el } = coveringElement;
-        const { current: wrapper } = container;
-        const { height: h, width: w } = js_utils_1.Dimensions.cover({
-            height: height
-                || el.naturalHeight
-                || el.videoHeight
-                || el.clientHeight,
-            width: width
-                || el.naturalWidth
-                || el.videoWidth
-                || el.clientWidth,
-        }, {
-            height: wrapper.offsetHeight + (wrapper.offsetHeight % 2 ? 1 : 0),
-            width: wrapper.offsetWidth + (wrapper.offsetWidth % 2 ? 1 : 0),
-        });
-        if (!h || !w) {
-            return;
-        }
-        el.style.height = `${h}px`;
-        el.style.width = `${w}px`;
-    };
-    const childrenWithCoverClass = React.Children.map(children, (child, idx) => {
-        if (React.isValidElement(child)) {
-            return React.cloneElement(child, {
-                ref: idx === 0 ? coveringElement : null,
-                // eslint-disable-next-line sort-keys
-                className: 'uk-cover',
-                onLoadedMetadata: () => {
-                    resize();
-                },
-                // eslint-disable-next-line sort-keys
-                onLoad: () => {
-                    if (automute) {
-                        try {
-                            coveringElement.current?.contentWindow?.postMessage('{"event": "command","method":"setVolume", "value":0}', '*');
-                        }
-                        catch (e) { }
-                    }
-                },
-            });
-        }
-        return child;
-    })?.pop();
-    React.useEffect(() => {
-        const debounced = (0, js_utils_1.debounce)(resize, 50);
-        window.addEventListener('resize', debounced);
-        window.addEventListener('orientationchange', debounced);
-        resize();
-        return () => {
-            window.removeEventListener('resize', debounced);
-            window.removeEventListener('orientationchange', debounced);
-        };
-    }, []);
-    return (React.createElement("div", { ref: container, className: (0, classnames_1.default)('uk-cover-container', className), ...restProps }, childrenWithCoverClass));
-}
-exports.Cover = Cover;

package/dist/cjs/components/DescriptionList/Description.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare type Props = React.HTMLAttributes<HTMLElement>;
-export declare function Description(props: Props): JSX.Element;
-export declare namespace Description {
-    var displayName: string;
-}
-export {};

package/dist/cjs/components/DescriptionList/Description.js

@@ -1,34 +0,0 @@
-"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.Description = void 0;
-const React = __importStar(require("react"));
-function Description(props) {
-    return React.createElement("dd", { ...props });
-}
-exports.Description = Description;
-if (process.env.NODE_ENV !== 'production') {
-    Description.displayName = 'DescriptionList.Description';
-}

package/dist/cjs/components/DescriptionList/DescriptionList.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElement> {
-    divided?: boolean;
-}
-export declare function DescriptionList(props: DescriptionListProps): JSX.Element;

package/dist/cjs/components/DescriptionList/DescriptionList.js

@@ -1,38 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DescriptionList = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-function DescriptionList(props) {
-    const { className, divided, ...restProps } = props;
-    return (React.createElement("dl", { className: (0, classnames_1.default)('uk-description-list', {
-            'uk-description-list-divider': divided,
-        }, className), ...restProps }));
-}
-exports.DescriptionList = DescriptionList;

package/dist/cjs/components/DescriptionList/Term.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare type Props = React.HTMLAttributes<HTMLElement>;
-export declare function Term(props: Props): JSX.Element;
-export declare namespace Term {
-    var displayName: string;
-}
-export {};

package/dist/cjs/components/DescriptionList/Term.js

@@ -1,34 +0,0 @@
-"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.Term = void 0;
-const React = __importStar(require("react"));
-function Term(props) {
-    return React.createElement("dt", { ...props });
-}
-exports.Term = Term;
-if (process.env.NODE_ENV !== 'production') {
-    Term.displayName = 'DescriptionList.Term';
-}

package/dist/cjs/components/DescriptionList/index.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { Description } from './Description';
-import { Term } from './Term';
-import type { DescriptionListProps } from './DescriptionList';
-import './index.scss';
-export type { DescriptionListProps };
-export interface CompoundedDescriptionList extends React.FunctionComponent<DescriptionListProps> {
-    Description: typeof Description;
-    Term: typeof Term;
-}
-export declare const DescriptionList: CompoundedDescriptionList;

package/dist/cjs/components/DescriptionList/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DescriptionList = void 0;
-const DescriptionList_1 = require("./DescriptionList");
-const Description_1 = require("./Description");
-const Term_1 = require("./Term");
-require("./index.scss");
-exports.DescriptionList = DescriptionList_1.DescriptionList;
-exports.DescriptionList.Description = Description_1.Description;
-exports.DescriptionList.Term = Term_1.Term;

package/dist/cjs/components/Divider/index.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface DividerProps extends Omit<React.HTMLAttributes<HTMLHRElement>, 'children'> {
-    icon?: boolean;
-    small?: boolean;
-    vertical?: boolean;
-}
-export declare function Divider(props: DividerProps): JSX.Element;

package/dist/cjs/components/Divider/index.js

@@ -1,41 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Divider = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-require("./index.scss");
-function Divider(props) {
-    const { className, icon, small, vertical, ...restProps } = props;
-    return (React.createElement("hr", { className: (0, classnames_1.default)({
-            'uk-divider-icon': icon && !small && !vertical,
-            'uk-divider-small': small && !icon && !vertical,
-            'uk-divider-vertical': vertical && !icon && !small,
-        }, className), ...restProps }));
-}
-exports.Divider = Divider;

package/dist/cjs/components/Dotnav/Dotnav.d.ts

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

package/dist/cjs/components/Dotnav/Dotnav.js

@@ -1,38 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dotnav = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-function Dotnav(props) {
-    const { className, vertical, ...restProps } = props;
-    return (React.createElement("ul", { className: (0, classnames_1.default)('uk-dotnav', {
-            'uk-dotnav-vertical': vertical,
-        }, className), ...restProps }));
-}
-exports.Dotnav = Dotnav;

package/dist/cjs/components/Dotnav/Item.d.ts

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

package/dist/cjs/components/Dotnav/Item.js

@@ -1,43 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Button_1 = require("../Button/Button");
-function Item(props) {
-    const { className, isActive, onClick, ...restProps } = props;
-    return (React.createElement("li", { className: (0, classnames_1.default)({
-            'uk-active': isActive,
-        }, className), ...restProps },
-        React.createElement(Button_1.Button, { type: "text", onClick: onClick })));
-}
-exports.Item = Item;
-if (process.env.NODE_ENV !== 'production') {
-    Item.displayName = 'Dotnav.Item';
-}

package/dist/cjs/components/Dotnav/index.d.ts

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

package/dist/cjs/components/Dotnav/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dotnav = void 0;
-const Dotnav_1 = require("./Dotnav");
-const Item_1 = require("./Item");
-require("./index.scss");
-exports.Dotnav = Dotnav_1.Dotnav;
-exports.Dotnav.Item = Item_1.Item;

package/dist/cjs/components/Drawer/index.d.ts

@@ -1,62 +0,0 @@
-import * as React from 'react';
-import type { GetContainer } from 'rc-util/lib/PortalWrapper';
-import type { Direction } from '../../types';
-import './index.scss';
-declare type DrawerRef = {
-    push(): void;
-    pull(): void;
-};
-declare type EventType = React.KeyboardEvent | React.MouseEvent;
-declare type LevelMove = number | [number, number];
-declare const PlacementTypes: ["top", "right", "bottom", "left"];
-declare type PlacementType = typeof PlacementTypes[number];
-declare const SizeTypes: ["default", "large"];
-declare type SizeType = typeof SizeTypes[number];
-declare type TriggerArguments = {
-    collapse: () => void;
-    expand: () => void;
-    isOpen: boolean;
-};
-export interface PushState {
-    distance: string | number;
-}
-export interface DrawerProps {
-    afterVisibleChange?: (visible: boolean) => void;
-    animation?: 'push' | 'reveal';
-    autoFocus?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    closable?: boolean;
-    closeIcon?: React.ReactNode;
-    defaultOpen?: boolean;
-    destroyOnClose?: boolean;
-    direction?: Direction;
-    duration?: string;
-    ease?: string;
-    forceRender?: boolean;
-    getContainer?: GetContainer;
-    handler?: React.ReactElement | null | false;
-    height?: number | string;
-    keyboard?: boolean;
-    level?: string | string[] | null;
-    levelMove?: LevelMove | ((event: {
-        target: HTMLElement;
-        open: boolean;
-    }) => LevelMove);
-    maskClosable?: boolean;
-    maskStyle?: React.CSSProperties;
-    open?: boolean;
-    placement?: PlacementType;
-    prefixCls?: string;
-    push?: boolean | PushState;
-    showMask?: boolean;
-    size?: SizeType;
-    style?: React.CSSProperties;
-    trigger?: (args: TriggerArguments) => JSX.Element;
-    width?: number | string;
-    wrapperClassName?: string;
-    zIndex?: number;
-    onClose?: (event: EventType) => void;
-}
-export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<DrawerRef>>;
-export {};