@cube-dev/ui-kit 0.0.0-canary-5971971 → 0.0.0-canary-7480fe6

package/es/components/organisms/SearchResults/SearchResults.js

@@ -1,104 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
- * Released under the MIT license.
- */
-
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, Fragment } from 'react';
-import { CaretDownOutlined, CaretUpOutlined, FileOutlined, } from '@ant-design/icons';
-import { Flex } from '../../layout/Flex';
-import { Action } from '../../actions/Action';
-import { Button } from '../../actions';
-import { Space } from '../../layout/Space';
-import { Block } from '../../Block';
-import { Paragraph } from '../../content/Paragraph';
-import { Text } from '../../content/Text';
-const TEXT_OVERFLOW_STYLES = {
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
-    maxWidth: '100%',
-    overflow: 'hidden',
-};
-function getItemStyles({ indent, isSelected, }) {
-    return {
-        width: 'max 100%',
-        radius: true,
-        textAlign: 'left',
-        fill: isSelected
-            ? '#purple.05'
-            : {
-                '': '#clear',
-                hovered: '#dark.04',
-            },
-        color: isSelected ? '#purple-text' : '#dark.75',
-        outline: {
-            '': '#purple-03.0',
-            'focused & focus-visible': '#purple-03',
-        },
-        fontWeight: 400,
-        padding: `.75x .5x .75x ${indent || 0.5}x`,
-    };
-}
-function Item({ children, indent, onPress, isSelected, }) {
-    return (_jsx(Action, { onPress: onPress, styles: getItemStyles({ indent, isSelected }), style: { whiteSpace: 'nowrap' }, children: children }, void 0));
-}
-const HOVER_CSS = `
-  &:hover .actions {
-    opacity: 1;
-  }
-  &:not(:hover) .actions {
-    opacity: 0;
-  }
-`;
-export function SearchResults({ onSelect, files, selectedKey, defaultExpandAll, ...otherProps }) {
-    const [expanded, setExpanded] = useState([]);
-    const [selected, setSelected] = useState(selectedKey);
-    useEffect(() => {
-        setSelected(selectedKey);
-    }, [selectedKey]);
-    useEffect(() => {
-        if (defaultExpandAll) {
-            setExpanded(files.map((file) => file.key));
-        }
-    }, []);
-    useEffect(() => {
-        if (defaultExpandAll) {
-            setExpanded(files.map((file) => file.key));
-        }
-    }, [files]);
-    function toggle(item) {
-        if (expanded.includes(item.key)) {
-            setExpanded(expanded.filter((key) => key !== item.key));
-        }
-        else {
-            setExpanded([...expanded, item.key]);
-        }
-    }
-    function select(item, position) {
-        const key = typeof item === 'string' ? item : item.key;
-        onSelect && onSelect(key.split('|')[0], position);
-        setSelected(key);
-    }
-    const resultsNumber = files.reduce((sum, file) => sum + file.items.length, 0);
-    return (_jsxs(Flex, { styles: {
-            flow: 'column',
-            width: '100%',
-            gap: '1bw',
-            padding: '2x bottom',
-        }, ...otherProps, children: [_jsx(Paragraph, { color: "#dark.50", padding: "1x 0", children: resultsNumber
-                    ? `${resultsNumber} result${resultsNumber > 1 ? 's' : ''} in ${files.length} file${files.length > 1 ? 's' : ''}`
-                    : 'No results found' }, void 0), files.map((file) => {
-                return (_jsxs(Fragment, { children: [_jsx(Item, { isSelected: selected === file.key, onPress: () => select(file), indent: file.items.length ? null : 2.25, children: _jsxs(Space, { gap: ".5x", css: HOVER_CSS, children: [_jsx(Button, { type: "clear", margin: "-.5x", padding: ".25x", color: {
-                                            '': '#dark.60',
-                                            hovered: '#purple',
-                                        }, onPress: () => toggle(file), label: expanded.includes(file.key) ? 'Collapse' : 'Expand', children: file.items.length ? (expanded.includes(file.key) ? (_jsx(CaretUpOutlined, {}, void 0)) : (_jsx(CaretDownOutlined, {}, void 0))) : null }, void 0), _jsxs(Space, { gap: "1x", flexGrow: 1, color: selected === file.key ? '#purple' : '#dark.50', children: [expanded.includes(file.key) ? (_jsx(FileOutlined, {}, void 0)) : (_jsx(FileOutlined, {}, void 0)), _jsx(Block, { style: TEXT_OVERFLOW_STYLES, color: selected === file.key ? '#purple-text' : '#dark.75', children: file.entry ? (_jsxs(_Fragment, { children: [file.before || '', _jsx(Text.Selection, { children: file.entry }, void 0), file.after || ''] }, void 0)) : (file.title) }, void 0)] }, void 0)] }, void 0) }, file.key), (expanded.includes(file.key) ? file.items || [] : []).map((item, i) => {
-                            const key = `${file.key}|${i}`;
-                            const isSelected = selected === key;
-                            return (_jsx(Item, { indent: 3.5, isSelected: isSelected, onPress: () => select(key, [item.row, item.column]), children: _jsx(Space, { gap: "1x", css: HOVER_CSS, color: isSelected ? '#purple' : '#dark.50', children: _jsxs(Block, { style: TEXT_OVERFLOW_STYLES, flexGrow: 1, color: isSelected ? '#purple-text' : '#dark.75', children: [item.before || '', _jsx(Text.Selection, { children: item.entry }, void 0), item.after || ''] }, void 0) }, void 0) }, key));
-                        })] }, file.key));
-            })] }, void 0));
-}
-
-        

package/es/components/organisms/TopBar/TopBar.js

@@ -1,29 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
- * Released under the MIT license.
- */
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Base } from '../../Base';
-import { CloudLogo } from '../../other/CloudLogo/CloudLogo';
-import { Space } from '../../layout/Space';
-import { CONTAINER_STYLES } from '../../../styles/list';
-import { extractStyles } from '../../../utils/styles';
-import { filterBaseProps } from '../../../utils/filterBaseProps';
-const DEFAULT_STYLES = {
-    display: 'flex',
-    flow: 'row',
-    gap: '1x',
-    placeContent: 'space-between',
-    placeItems: 'center',
-    padding: '1x 1.5x',
-    fill: '#white',
-};
-export function TopBar({ children, onLogoPress, ...props }) {
-    const styles = extractStyles(props, CONTAINER_STYLES, DEFAULT_STYLES);
-    return (_jsxs(Base, { role: "banner", styles: styles, ...filterBaseProps(props), children: [_jsx(CloudLogo, { onPress: onLogoPress }, void 0), _jsx(Space, { flexGrow: 1, placeContent: "space-between", children: children }, void 0)] }, void 0));
-}
-
-        

package/es/tasty/tasty.js

@@ -1,86 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import styledComponents, { createGlobalStyle } from 'styled-components';
-import { forwardRef, useContext, useMemo } from 'react';
-import { isValidElementType } from 'react-is';
-import { BreakpointsContext } from '../providers/BreakpointsProvider';
-import { modAttrs } from '../utils/react';
-import { renderStyles } from '../utils/renderStyles';
-import { pointsToZones } from '../utils/responsive';
-import { BASE_STYLES } from '../styles/list';
-import { mergeStyles } from '../utils/mergeStyles';
-// Implementation
-function tasty(Component, options) {
-    var _a, _b, _c, _d;
-    if (typeof Component === 'string') {
-        let selector = Component;
-        let styles = options;
-        let Element = createGlobalStyle `${(css) => css}`;
-        const _StyleDeclarationComponent = ({ breakpoints, }) => {
-            let contextBreakpoints = useContext(BreakpointsContext);
-            breakpoints = breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints;
-            let css = useMemo(() => styles
-                ? `\n{}${selector}{${renderStyles(styles, pointsToZones(breakpoints || contextBreakpoints))}}`
-                : '', [breakpoints.join(',')]);
-            return _jsx(Element, { css: css }, void 0);
-        };
-        _StyleDeclarationComponent.displayName = `TastyStyleDeclaration(${Component})`;
-        return _StyleDeclarationComponent;
-    }
-    if (isValidElementType(Component)) {
-        let { as: extendTag, ...defaultProps } = options !== null && options !== void 0 ? options : {};
-        let propsWithStyles = ['styles'].concat(Object.keys(defaultProps).filter((prop) => prop.endsWith('Styles')));
-        let _WrappedComponent = forwardRef((props, ref) => {
-            const { as, ...restProps } = props;
-            const propsWithStylesValues = propsWithStyles.map((prop) => props[prop]);
-            const mergedStylesMap = useMemo(() => {
-                return propsWithStylesValues.reduce((map, prop) => {
-                    if (restProps[prop] != null && defaultProps[prop] != null) {
-                        map[prop] = mergeStyles(restProps[prop], defaultProps[prop]);
-                    }
-                    return map;
-                }, {});
-            }, propsWithStylesValues);
-            return (_jsx(Component, { ref: ref, ...defaultProps, ...restProps, ...mergedStylesMap, as: as !== null && as !== void 0 ? as : extendTag }, void 0));
-        });
-        _WrappedComponent.displayName = `TastyWrappedComponent(${(_d = (_c = (_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : defaultProps.qa) !== null && _c !== void 0 ? _c : extendTag) !== null && _d !== void 0 ? _d : 'Anonymous'})`;
-        return _WrappedComponent;
-    }
-    options = Component;
-    let { as: originalAs = 'div', styles: defaultStyles, styleProps, ...defaultProps } = options;
-    let Element = styledComponents[originalAs](({ css }) => css);
-    let _TastyComponent = forwardRef((allProps, ref) => {
-        let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
-        let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps !== null && defaultProps !== void 0 ? defaultProps : {};
-        let propStyles = (styleProps
-            ? styleProps.concat(BASE_STYLES)
-            : BASE_STYLES).reduce((map, prop) => {
-            if (prop in otherProps) {
-                map[prop] = otherProps[prop];
-                delete otherProps[prop];
-            }
-            return map;
-        }, {});
-        let allStyles = useMemo(() => mergeStyles(defaultStyles, styles, propStyles), [styles, propStyles]);
-        let contextBreakpoints = useContext(BreakpointsContext);
-        breakpoints = breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints;
-        let renderedStyles = useMemo(() => allStyles
-            ? renderStyles(allStyles, pointsToZones(breakpoints))
-            : '', [allStyles, breakpoints]);
-        if (mods) {
-            Object.assign(otherProps, modAttrs(mods));
-        }
-        return (_jsx(Element, { as: as !== null && as !== void 0 ? as : originalAs, "data-element": element, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }, void 0));
-    });
-    _TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
-    return _TastyComponent;
-}
-export { tasty };
-
-        

package/types/components/organisms/Alert/Alert.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import THEMES from '../../../data/themes';
-import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../types';
-export interface CubeAlertProps extends BaseProps, ContainerStyleProps, TextStyleProps {
-    type?: keyof typeof THEMES;
-    label?: string;
-}
-export declare const Alert: import("react").ForwardRefExoticComponent<CubeAlertProps & import("react").RefAttributes<unknown>>;

package/types/components/organisms/DirectoryTree/DirectoryTree.d.ts

@@ -1,44 +0,0 @@
-import { ReactNode } from 'react';
-import { CubeFlexProps } from '../../layout/Flex';
-export declare type CubeFileTree = CubeFileTreeItem[];
-export interface CubeFileTreeItem {
-    isLeaf?: boolean;
-    title?: string;
-    key?: string;
-    children?: CubeFileTree;
-}
-declare const MODE_BG: {
-    readonly created: {
-        readonly '': "#success.10";
-        readonly hovered: "#success.15";
-    };
-    readonly deleted: {
-        readonly '': "#danger.08";
-        readonly hovered: "#danger.13";
-    };
-};
-export interface CubeDirectoryTreeItemProps {
-    children?: ReactNode;
-    mode?: keyof typeof MODE_BG;
-    indent?: number;
-    onPress?: () => void;
-    isSelected?: boolean;
-}
-export interface CubeDirectoryTreeProps extends CubeFlexProps {
-    /** Event that fires on file selection */
-    onSelect?: (key: string) => void;
-    /** The selected key */
-    selectedKey?: string;
-    /** Whether all folders are expanded by default */
-    defaultExpandAll?: boolean;
-    /** Custom title for the root folder */
-    rootTitle?: string;
-    /** The Action panel provider  */
-    actionsPanel?: (CubeFileTreeItem: any) => ReactNode;
-    /** Whether to show only dirs */
-    onlyDirs?: boolean;
-    /** The full tree data */
-    treeData: CubeFileTree;
-}
-export declare function DirectoryTree(props: CubeDirectoryTreeProps): JSX.Element;
-export {};

package/types/components/organisms/SearchResults/SearchResults.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode } from 'react';
-import { CubeFlexProps } from '../../layout/Flex';
-export declare type CubeSearchFileData = {
-    title?: string;
-    key: string;
-    entry?: string;
-    before?: string;
-    after?: string;
-    items: CubeSearchFileDataItem[];
-};
-export declare type CubeSearchFileDataItem = {
-    entry: string;
-    before?: string;
-    after?: string;
-    row: number;
-    column: number;
-};
-export interface CubeSearchResultsItemProps {
-    children?: ReactNode;
-    indent?: number | null;
-    onPress?: () => void;
-    isSelected?: boolean;
-}
-export declare type SearchPosition = [number, number];
-export interface CubeSearchResultsProps extends CubeFlexProps {
-    onSelect?: (string: any, SearchPosition?: any) => void;
-    files: CubeSearchFileData[];
-    selectedKey?: string;
-    defaultExpandAll?: boolean;
-}
-export declare function SearchResults({ onSelect, files, selectedKey, defaultExpandAll, ...otherProps }: CubeSearchResultsProps): JSX.Element;

package/types/components/organisms/TopBar/TopBar.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../types';
-export interface CubeTopbarProps extends BaseProps, ContainerStyleProps {
-    onLogoPress?: () => void;
-}
-export declare function TopBar({ children, onLogoPress, ...props }: CubeTopbarProps): JSX.Element;

package/types/tasty/index.d.ts

@@ -1,3 +0,0 @@
-export * from './styled';
-export { tasty } from './tasty';
-export type { TastyProps, GlobalTastyProps } from './tasty';

package/types/tasty/tasty.d.ts

@@ -1,31 +0,0 @@
-import { ComponentType } from 'react';
-import { AllBaseProps, BaseStyleProps, Props } from '../components/types';
-import { Styles, StylesInterface } from '../styles/types';
-import { ResponsiveStyleValue } from '../utils/styles';
-export declare type TastyProps<K extends (keyof StylesInterface)[], DefaultProps = Props> = {
-    /** The tag name of the element. */
-    as?: string;
-    /** Default styles of the element. */
-    styles?: Styles;
-    /** The list of styles that can be provided by props */
-    styleProps?: K;
-} & Omit<DefaultProps, 'as' | 'styles' | 'styleProps'>;
-export interface GlobalTastyProps {
-    breakpoints?: number[];
-}
-export declare type AllBasePropsWithMods<K extends (keyof StylesInterface)[]> = AllBaseProps & {
-    [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
-} & BaseStyleProps;
-declare type TastyPropsWithDefaults<Props extends {
-    styles?: Styles;
-}, DefaultProps extends Partial<Props>> = keyof DefaultProps extends never ? Props : {
-    [key in Extract<keyof Props, keyof DefaultProps>]?: Props[key];
-} & {
-    [key in keyof Omit<Props, keyof DefaultProps>]: Props[key];
-};
-declare function tasty<K extends (keyof StylesInterface)[]>(options: TastyProps<K>, secondArg?: never): any;
-declare function tasty(selector: string, styles?: Styles): any;
-declare function tasty<Props extends {
-    styles?: Styles;
-}, DefaultProps extends Partial<Props> = Partial<Props>>(Component: ComponentType<Props>, options?: TastyProps<never, Props>): ComponentType<TastyPropsWithDefaults<Props, DefaultProps>>;
-export { tasty };