@conveyorhq/arrow-ds 2.0.0-beta.1 → 2.0.0-beta.10

package/public/components/Appbar/AppbarTabs.js

@@ -1,42 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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.AppbarTab = exports.AppbarTabs = void 0;
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const AppbarTabMarker_1 = require("./AppbarTabMarker");
-const config_1 = require("./config");
-const AppbarTabs = (props) => {
-    return (react_1.default.createElement(Box_1.Box, Object.assign({ as: "nav", className: config_1.cn({ e: "tabs" }), role: "navigation" }, props)));
-};
-exports.AppbarTabs = AppbarTabs;
-exports.AppbarTab = react_1.forwardRef(({ children, renderAs: Component = "a", active, ...rest }, ref) => {
-    if (react_1.Children.count(children) > 1) {
-        throw new Error(`Only one child node may be passed to Appbar.Tab, but ${react_1.Children.count(children)} were passed.`);
-    }
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, tabIndex: 0, className: classnames_1.default(config_1.cn({ e: "tab" }), "hasTabMarker", active && config_1.cn({ e: "tab", m: "active" })) }),
-        children,
-        react_1.default.createElement(AppbarTabMarker_1.AppbarTabMarker, null)));
-});

package/public/components/Appbar/AppbarUser.d.ts

@@ -1,27 +0,0 @@
-import { ReactElement, ReactNode } from "react";
-import { AvatarProps } from "../Avatar";
-declare type AppbarUserDropdownProps = {
-    avatar: ReactElement<AvatarProps>;
-    children: ReactNode;
-    name?: string;
-    onClose?: () => void;
-};
-declare type AppbarUserDropdownMenuProps = {
-    children: ReactNode;
-};
-declare type AppbarUserProps = {
-    avatar: ReactElement<AvatarProps>;
-    name?: string;
-};
-declare type AppbarUserDropdownMenuItemProps = {
-    as?: any;
-    onClick?: () => void;
-    selected?: boolean;
-    [key: string]: any;
-};
-export declare const AppbarUserAvatar: (props: AvatarProps) => JSX.Element;
-export declare const AppbarUserDropdown: ({ name, avatar, children, onClose, }: AppbarUserDropdownProps) => JSX.Element;
-export declare const AppbarUserDropdownMenu: ({ children, }: AppbarUserDropdownMenuProps) => JSX.Element;
-export declare const AppbarUserDropdownMenuItem: ({ children, onClick, as, className, ...rest }: AppbarUserDropdownMenuItemProps) => JSX.Element;
-export declare const AppbarUser: ({ name, avatar }: AppbarUserProps) => JSX.Element;
-export {};

package/public/components/Appbar/AppbarUser.js

@@ -1,76 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarUser = exports.AppbarUserDropdownMenuItem = exports.AppbarUserDropdownMenu = exports.AppbarUserDropdown = exports.AppbarUserAvatar = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const types_1 = require("../../types");
-const Avatar_1 = require("../Avatar");
-const Box_1 = require("../Box");
-const Flex_1 = require("../Flex");
-const Link_1 = require("../Link");
-const MenuRenderer_1 = require("../MenuRenderer");
-const PopoverMenu_1 = require("../PopoverMenu");
-const Text_1 = require("../Text");
-const AppbarDropdownIcon_1 = require("./AppbarDropdownIcon");
-const config_1 = require("./config");
-const AppbarUserName = ({ name, avatar }) => (react_1.default.createElement(Flex_1.Flex, { className: config_1.cn({ e: "userName" }) },
-    avatar,
-    name && react_1.default.createElement(Text_1.Text, { as: "div" }, name)));
-const AppbarUserAvatar = (props) => {
-    const sharedClassNames = "mr-2";
-    const sharedProps = {
-        size: "medium",
-        square: true,
-    };
-    if (props.type === Avatar_1.AVATAR_TYPE.SYSTEM) {
-        return (react_1.default.createElement(Avatar_1.Avatar, Object.assign({ className: sharedClassNames, type: Avatar_1.AVATAR_TYPE.SYSTEM }, sharedProps)));
-    }
-    if (props.type === Avatar_1.AVATAR_TYPE.USER && props.email) {
-        return (react_1.default.createElement(Avatar_1.Avatar, Object.assign({ className: sharedClassNames, type: Avatar_1.AVATAR_TYPE.USER, email: props.email }, sharedProps)));
-    }
-    return (react_1.default.createElement(Avatar_1.Avatar, Object.assign({ className: classnames_1.default(sharedClassNames, "bg-gray-400"), type: Avatar_1.AVATAR_TYPE.ANONYMOUS }, sharedProps)));
-};
-exports.AppbarUserAvatar = AppbarUserAvatar;
-const AppbarUserDropdown = ({ name, avatar, children, onClose, }) => {
-    return (react_1.default.createElement(Box_1.Box, { className: "h-full -mr-3" },
-        react_1.default.createElement(MenuRenderer_1.MenuRenderer, { className: classnames_1.default([config_1.cn({ e: "menu" }), config_1.cn({ e: "userMenu" })]), popperModifiers: config_1.popperModifiers, onClose: onClose, trigger: ({ onClick, ...triggerProps }, { isOpen }) => (react_1.default.createElement("button", Object.assign({ type: "button", className: classnames_1.default([
-                    config_1.cn({ e: "menuButton" }),
-                    config_1.cn({ e: "userMenuButton" }),
-                    isOpen && "isOpen",
-                ]) }, triggerProps, { onClick: (event) => {
-                    onClick(event);
-                    if (onClose && isOpen) {
-                        onClose();
-                    }
-                } }),
-                react_1.default.createElement(Flex_1.Flex, { className: "items-center" },
-                    react_1.default.createElement(AppbarUserName, { name: name, avatar: avatar }),
-                    react_1.default.createElement(AppbarDropdownIcon_1.AppbarDropdownIcon, null)))) }, ({ listProps }) => (react_1.default.createElement(PopoverMenu_1.PopoverMenu, Object.assign({ className: config_1.cn({ e: "menuList" }), theme: types_1.THEME.BRAND }, listProps), children)))));
-};
-exports.AppbarUserDropdown = AppbarUserDropdown;
-const AppbarUserDropdownMenu = ({ children, }) => react_1.default.createElement(react_1.default.Fragment, null, children);
-exports.AppbarUserDropdownMenu = AppbarUserDropdownMenu;
-const AppbarUserDropdownMenuItem = ({ children, onClick, as, className, ...rest }) => {
-    const { itemProps, onClose } = MenuRenderer_1.useMenuContext();
-    return (react_1.default.createElement(Link_1.Link, Object.assign({ as: as, noStyles: true, className: classnames_1.default([
-            config_1.cn({ e: "menuItem" }),
-            config_1.cn({ e: "userMenuItem" }),
-            className,
-        ]), onClick: () => {
-            if (typeof onClick === "function") {
-                onClick();
-            }
-            if (typeof onClose === "function") {
-                onClose();
-            }
-        } }, rest, itemProps), children));
-};
-exports.AppbarUserDropdownMenuItem = AppbarUserDropdownMenuItem;
-const AppbarUser = ({ name, avatar }) => {
-    return (react_1.default.createElement(Box_1.Box, { className: config_1.cn({ e: "user" }) },
-        react_1.default.createElement(AppbarUserName, { name: name, avatar: avatar })));
-};
-exports.AppbarUser = AppbarUser;

package/public/components/Appbar/config.d.ts

@@ -1,7 +0,0 @@
-export declare const cn: (options?: import("../../utilities/bem").BemOptions | undefined) => string;
-export declare const popperModifiers: {
-    name: string;
-    options: {
-        offset: number[];
-    };
-}[];

package/public/components/Appbar/config.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.popperModifiers = exports.cn = void 0;
-const bem_1 = require("../../utilities/bem");
-exports.cn = bem_1.bemHOF("Appbar");
-exports.popperModifiers = [
-    {
-        name: "offset",
-        options: {
-            offset: [0, 4],
-        },
-    },
-];

package/public/components/Appbar/context.d.ts

@@ -1,10 +0,0 @@
-import { Context } from "react";
-import { COMPLY_COMPANY_NAME } from "../../types";
-declare type AppbarContextType = {
-    company: COMPLY_COMPANY_NAME;
-} | undefined;
-export declare const AppbarContext: Context<AppbarContextType>;
-export declare function useAppbarContext(): {
-    company?: COMPLY_COMPANY_NAME | undefined;
-};
-export {};

package/public/components/Appbar/context.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAppbarContext = exports.AppbarContext = void 0;
-const react_1 = require("react");
-const types_1 = require("../../types");
-const defaultContext = {
-    company: types_1.COMPLY_COMPANY_NAME.CONVEYOR,
-};
-exports.AppbarContext = react_1.createContext(defaultContext);
-function useAppbarContext() {
-    const context = react_1.useContext(exports.AppbarContext) || {
-        ...defaultContext,
-    };
-    return context;
-}
-exports.useAppbarContext = useAppbarContext;

package/public/components/Appbar/index.d.ts

@@ -1 +0,0 @@
-export * from "./Appbar";

package/public/components/AptibleLogo/AptibleLogo.d.ts

@@ -1,7 +0,0 @@
-import { THEME } from "../../types";
-declare type AptibleLogoProps = {
-    height: number;
-    theme?: THEME;
-};
-export declare const AptibleLogo: (props: AptibleLogoProps) => JSX.Element;
-export {};

package/public/components/AptibleLogo/AptibleLogo.js

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AptibleLogo = void 0;
-const react_1 = __importDefault(require("react"));
-const types_1 = require("../../types");
-const tokens_1 = require("../../tokens");
-const WIDTH = 803;
-const HEIGHT = 172;
-const RATIO = WIDTH / HEIGHT;
-const widthFromHeight = (height) => Math.ceil(height * RATIO);
-const AptibleLogo = (props) => {
-    const { height = HEIGHT, theme = types_1.THEME.BRAND } = props;
-    const textColor = {
-        brand: tokens_1.colors.white,
-        product: tokens_1.colors.gray["900"],
-    };
-    return (react_1.default.createElement("svg", { width: widthFromHeight(height), height: height, viewBox: `0 0 ${WIDTH} ${HEIGHT}` },
-        react_1.default.createElement("title", null, "Aptible"),
-        react_1.default.createElement("path", { d: "M754.698 53.449c16.549 0 27.455 11.096 27.455 26.473H726.26c0-15.377 11.888-26.473 28.438-26.473zm.396 72.221c-18.103 0-28.819-13.823-28.819-30.562h76.311c0-35.429-15.757-57.827-47.872-57.827-29.992 0-48.887 20.258-48.887 52.564 0 31.148 18.895 52.564 49.838 52.564 25.522 0 40.326-14.409 45.367-33.29h-20.448c-1.744 6.041-8.561 16.551-25.49 16.551zm-86.461 13.822h20.638V.298h-20.638v139.194zm-64.555-13.874c-16.739 0-27.043-13.822-27.043-35.824 0-22.192 10.304-35.809 27.043-35.809 17.913 0 27.456 16.342 27.456 35.809s-9.543 35.824-27.456 35.824zm3.614-88.337c-15.376 0-25.108 7.211-30.372 14.806h-.38V.298h-20.449v139.194h20.449V128h.38c5.264 6.817 14.996 14.409 30.372 14.409 25.491 0 44.386-19.845 44.386-52.564 0-32.703-18.895-52.564-44.386-52.564zm-70.379-25.408c0 6.4-5.189 11.588-11.588 11.588-6.4 0-11.588-5.188-11.588-11.588 0-6.4 5.188-11.588 11.588-11.588 6.399 0 11.588 5.188 11.588 11.588zM515.5 139.544h20.449V40.059H515.5v99.485zm-36.736-99.486h18.705v16.737h-18.705v53.929c0 11.304 5.453 12.666 18.705 11.89v16.74c-4.09.965-8.592 1.552-14.045 1.552-16.327 0-25.299-7.404-25.299-28.422V56.795h-14.394V40.058h14.394V8.717h20.639v31.341zm-88.833 85.662c-16.55 0-26.853-13.823-26.853-35.825 0-22.192 10.303-35.809 26.853-35.809 17.912 0 27.455 16.342 27.455 35.809s-9.543 35.825-27.455 35.825zm3.899-88.389c-15.566 0-25.299 7.403-30.562 14.409h-.38V40.058h-20.639l-.001 132.264h20.639l.001-44.653h.38c5.263 7.403 14.996 14.79 30.562 14.79 25.3 0 44.194-19.845 44.194-52.564 0-32.703-18.894-52.564-44.194-52.564zM245.806 87.375l22.003-65.801h.38l21.812 65.801h-44.195zM255.729.348l-51.201 139.195h23.556l11.287-32.908h56.844l11.286 32.908h23.556L280.078.348h-24.349z", fill: textColor[theme] }),
-        react_1.default.createElement("path", { fill: tokens_1.colors.gold["400"], d: "M89.718 33.061v106.52H114.3V90.418l49.163 49.163v-32.775L89.718 33.061M114.3.285H81.524l81.939 81.939V49.449L114.3.285M-.414 106.806v32.775l49.163-49.163v49.163h24.582V33.061L-.414 106.806M-.414 49.449v32.775L81.524.285H48.442L-.414 49.449" })));
-};
-exports.AptibleLogo = AptibleLogo;

package/public/components/AptibleLogo/AptibleLogo.story.d.ts

@@ -1 +0,0 @@
-export {};

package/public/components/AptibleLogo/AptibleLogo.story.js

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 });
-const React = __importStar(require("react"));
-const react_1 = require("@storybook/react");
-const Story_1 = __importDefault(require("../../storybook-components/Story"));
-const types_1 = require("../../types");
-const Flex_1 = require("../Flex");
-const AptibleLogo_1 = require("./AptibleLogo");
-const stories = react_1.storiesOf("Components/Logos/Aptible Logo", module);
-stories.add("Default", () => (React.createElement(Story_1.default, { title: "AptibleLogo" },
-    React.createElement(Story_1.default, { title: "Aptible Logo" },
-        React.createElement(Flex_1.Flex, { className: "justify-center bg-gray-900 p-12" },
-            React.createElement(AptibleLogo_1.AptibleLogo, { height: 40 })),
-        React.createElement(Flex_1.Flex, { className: "justify-center bg-white p-12" },
-            React.createElement(AptibleLogo_1.AptibleLogo, { height: 40, theme: types_1.THEME.PRODUCT }))))));

package/public/components/AptibleLogo/index.d.ts

@@ -1 +0,0 @@
-export { AptibleLogo } from "./AptibleLogo";

package/public/components/AptibleLogo/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AptibleLogo = void 0;
-var AptibleLogo_1 = require("./AptibleLogo");
-Object.defineProperty(exports, "AptibleLogo", { enumerable: true, get: function () { return AptibleLogo_1.AptibleLogo; } });

package/public/components/ArrowButton/ArrowButton.d.ts

@@ -1,9 +0,0 @@
-export interface ArrowButtonProps {
-    children?: string;
-    as?: any;
-    className?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    [key: string]: any;
-}
-export declare const ArrowButton: ({ children, as: Component, className, disabled, loading, ...rest }: ArrowButtonProps) => JSX.Element;

package/public/components/ArrowButton/ArrowButton.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowButton = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const Svg_1 = require("../Svg");
-const bem_1 = require("../../utilities/bem");
-const Icon_1 = require("../Icon");
-const cn = "ArrowButton";
-const Arrow = () => (react_1.default.createElement(Svg_1.Svg, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
-    react_1.default.createElement("path", { d: "M20 10.0006L10.2324 -4.26954e-07L7.30217 -5.5504e-07L16.093 9.0005L3.42127e-06 9.0005L3.33385e-06 11.0006L16.093 11.0006L7.30217 20L10.2324 20L20 10.0006Z" })));
-const ArrowButton = ({ children, as: Component = "a", className, disabled, loading, ...rest }) => {
-    const isDisabled = disabled || loading;
-    return (react_1.default.createElement(Component, Object.assign({ className: classnames_1.default(bem_1.bem(cn), isDisabled && bem_1.bem(cn, { m: "disabled" }), className), disabled: Component === "button" && isDisabled }, rest),
-        children,
-        react_1.default.createElement(Box_1.Box, { className: bem_1.bem(cn, { e: "arrow" }) }, loading ? (react_1.default.createElement(Icon_1.Icon, { className: "arrow-button-arrow", icon: Icon_1.ICON_TYPE.SPINNER, spin: true })) : (react_1.default.createElement(Arrow, null)))));
-};
-exports.ArrowButton = ArrowButton;

package/public/components/ArrowButton/index.d.ts

@@ -1 +0,0 @@
-export * from "./ArrowButton";

package/public/components/ArrowButton/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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("./ArrowButton"), exports);

package/public/components/ArrowLink/ArrowLink.d.ts

@@ -1,9 +0,0 @@
-import { LinkProps } from "../Link";
-export interface ArrowLinkProps extends LinkProps {
-    block?: boolean;
-}
-declare const ArrowLink: {
-    (props: ArrowLinkProps): JSX.Element;
-    defaultProps: Partial<ArrowLinkProps>;
-};
-export { ArrowLink };

package/public/components/ArrowLink/ArrowLink.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowLink = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Link_1 = require("../Link");
-const Icon_1 = require("../Icon");
-const defaultArrowLinkProps = {
-    block: false,
-};
-const ArrowLink = (props) => {
-    const { className, children, block = defaultArrowLinkProps.block, ...rest } = props;
-    return (react_1.default.createElement(Link_1.Link, Object.assign({ className: classnames_1.default(block ? "flex" : "inline-flex", "items-center", "justify-between", "no-underline", "font-medium", className) }, rest),
-        react_1.default.createElement("span", { className: "mr-1" }, children),
-        react_1.default.createElement(Icon_1.Icon, { icon: Icon_1.ICON_TYPE.LONG_ARROW_ALT_RIGHT })));
-};
-exports.ArrowLink = ArrowLink;
-ArrowLink.defaultProps = defaultArrowLinkProps;

package/public/components/ArrowLink/index.d.ts

@@ -1 +0,0 @@
-export * from "./ArrowLink";

package/public/components/ArrowLink/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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("./ArrowLink"), exports);

package/public/components/Aside/Aside.d.ts

@@ -1,14 +0,0 @@
-import { BoxProps } from "../Box";
-import { DividerProps } from "../Divider";
-interface AsideProps extends BoxProps {
-    disableScrolling?: boolean;
-}
-interface AsideItemProps extends BoxProps {
-    removePadding?: boolean;
-}
-export declare const Aside: {
-    (props: AsideProps): JSX.Element;
-    Divider: (props: DividerProps) => JSX.Element;
-    Item: (props: AsideItemProps) => JSX.Element;
-};
-export {};

package/public/components/Aside/Aside.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Aside = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const Divider_1 = require("../Divider");
-const ScrollPane_1 = require("../ScrollPane");
-const bem_1 = require("../../utilities/bem");
-const cn = "Aside";
-const AsideDivider = (props) => {
-    const { className, ...rest } = props;
-    return (react_1.default.createElement(Divider_1.Divider, Object.assign({ className: classnames_1.default(bem_1.bem(cn, { e: "item" }), classnames_1.default) }, rest)));
-};
-const AsideItem = (props) => {
-    const { removePadding = false, className, ...rest } = props;
-    return (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(bem_1.bem(cn, { e: "item" }), !removePadding && bem_1.bem(cn, { e: "item", m: "padded" }), className) }, rest)));
-};
-const Aside = (props) => {
-    const { disableScrolling, children, className, ...rest } = props;
-    return (react_1.default.createElement(ScrollPane_1.ScrollPane, Object.assign({ as: "aside", disabled: disableScrolling, className: className }, rest), children));
-};
-exports.Aside = Aside;
-exports.Aside.Divider = AsideDivider;
-exports.Aside.Item = AsideItem;

package/public/components/Aside/index.d.ts

@@ -1 +0,0 @@
-export * from "./Aside";

package/public/components/Combobox/Combobox.d.ts

@@ -1,2 +0,0 @@
-import { ComboboxSharedProps } from "./ui";
-export declare const Combobox: ({ options, placeholder, isCreatable, isClearable, isSearchable, disabled, className, onCreate, onChange, }: ComboboxSharedProps) => JSX.Element;

package/public/components/Combobox/Combobox.js

@@ -1,75 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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.Combobox = void 0;
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const Flex_1 = require("../Flex");
-const useSelect_1 = require("./useSelect");
-const ui_1 = require("./ui");
-const initialState = {
-    value: {
-        value: "",
-        label: "",
-    },
-    isOpen: false,
-    searchValue: "",
-    hoverIndex: 0,
-};
-const reducers = [
-    useSelect_1.createBaseReducer(initialState),
-    useSelect_1.searchReducer,
-    useSelect_1.createSingleValueReducer(initialState),
-];
-const rootReducer = useSelect_1.combineReducers(reducers);
-function reducer(state = initialState, action) {
-    const nextState = rootReducer(state, action);
-    return nextState;
-}
-const Combobox = ({ options, placeholder = "Select…", isCreatable = false, isClearable = false, isSearchable = true, disabled = false, className, onCreate = () => { }, onChange = () => { }, }) => {
-    const { state, availableOptions, ref, onKeyPress, select, close, hover, clear, create, open, search, comboboxRef, listboxStyles, } = useSelect_1.useSelect({ options, reducer, initialState, onChange, onCreate });
-    const { isOpen, searchValue, value, hoverIndex } = state;
-    const hasOptions = availableOptions.length > 0;
-    const allowInput = isSearchable || isCreatable;
-    const canCreate = isCreatable && !!searchValue;
-    const canClear = isClearable && !!value.value;
-    const showOptions = react_1.useMemo(() => {
-        return availableOptions.map((opt, index) => {
-            const isSelected = opt.value === value.value;
-            return (react_1.default.createElement(ui_1.Option, { key: opt.value, id: opt.value, onClick: () => select(opt), hover: () => hover(index), isHover: index === hoverIndex, isSelected: isSelected }, opt.label ? opt.label : opt.value));
-        });
-    }, [availableOptions, value.value, hoverIndex, hover, select]);
-    const noOptions = (react_1.default.createElement(ui_1.NoOptions, { canCreate: canCreate, create: create, searchValue: searchValue }));
-    return (react_1.default.createElement(ui_1.Container, { close: close, ref: comboboxRef, isOpen: isOpen, selectedId: value.value, onKeyDown: allowInput ? undefined : onKeyPress, disabled: disabled, className: className },
-        react_1.default.createElement(Flex_1.Flex, { onClick: disabled ? undefined : open, tabIndex: disabled ? undefined : 0, className: ui_1.surfaceClassName },
-            react_1.default.createElement(Flex_1.Flex, { className: "items-center w-full" }, allowInput ? (react_1.default.createElement(react_1.default.Fragment, null,
-                searchValue ? "" : value.value,
-                react_1.default.createElement("input", { onChange: (event) => search(event.currentTarget.value), value: searchValue, className: ui_1.selectInputCn, ref: ref, onKeyDown: onKeyPress, placeholder: value.value ? "" : placeholder, disabled: disabled }))) : (react_1.default.createElement(Box_1.Box, { as: "span", className: classnames_1.default(!value && "text-placeholder") }, value.value || placeholder))),
-            react_1.default.createElement(Flex_1.Flex, { className: "items-center" },
-                react_1.default.createElement(ui_1.ClearButton, { clear: clear, canClear: canClear }),
-                react_1.default.createElement(ui_1.Arrow, null))),
-        isOpen && (react_1.default.createElement(ui_1.Listbox, { top: listboxStyles.top + 40, left: listboxStyles.left, width: listboxStyles.width }, hasOptions ? showOptions : noOptions))));
-};
-exports.Combobox = Combobox;

package/public/components/Combobox/ComboboxMulti.d.ts

@@ -1,2 +0,0 @@
-import { ComboboxSharedProps } from "./ui";
-export declare const ComboboxMulti: ({ options, placeholder, isCreatable, isClearable, isSearchable, disabled, className, onCreate, onChange, }: ComboboxSharedProps) => JSX.Element;

package/public/components/Combobox/ComboboxMulti.js

@@ -1,57 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComboboxMulti = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Stack_1 = require("../Stack");
-const Box_1 = require("../Box");
-const Flex_1 = require("../Flex");
-const Portal_1 = require("../Portal");
-const useSelect_1 = require("./useSelect");
-const ui_1 = require("./ui");
-const initialState = {
-    value: [],
-    isOpen: false,
-    searchValue: "",
-    hoverIndex: 0,
-};
-const reducers = [
-    useSelect_1.createBaseReducer(initialState),
-    useSelect_1.searchReducer,
-    useSelect_1.multiValueReducer,
-];
-const rootReducer = useSelect_1.combineReducers(reducers);
-function reducer(state = initialState, action) {
-    const nextState = rootReducer(state, action);
-    return nextState;
-}
-const ComboboxMulti = ({ options, placeholder = "Select…", isCreatable = false, isClearable = false, isSearchable = true, disabled = false, className, onCreate = () => { }, onChange = () => { }, }) => {
-    const { state, availableOptions, ref, onKeyPress, add, open, remove, search, close, hover, clear, create, comboboxRef, listboxStyles, } = useSelect_1.useSelect({ options, reducer, initialState, onChange, onCreate });
-    const { isOpen, searchValue, value, hoverIndex } = state;
-    const hasOptions = availableOptions.length > 0;
-    const allowInput = isSearchable || isCreatable;
-    const canCreate = isCreatable && !!searchValue;
-    const canClear = isClearable && value.length > 0;
-    const showOptions = availableOptions.map((opt, index) => {
-        const isSelected = value.find((v) => v.value === opt.value);
-        return (react_1.default.createElement(ui_1.Option, { key: opt.value, id: opt.value, onClick: () => add(opt), hover: () => hover(index), isHover: index === hoverIndex, isSelected: !!isSelected }, opt.label ? opt.label : opt.value));
-    });
-    const noOptions = (react_1.default.createElement(ui_1.NoOptions, { canCreate: canCreate, create: create, searchValue: searchValue }));
-    return (react_1.default.createElement(ui_1.Container, { close: close, ref: comboboxRef, isOpen: isOpen, selectedId: value.join(","), onKeyDown: allowInput ? undefined : onKeyPress, disabled: disabled, className: className },
-        react_1.default.createElement(Flex_1.Flex, { onClick: disabled ? undefined : open, tabIndex: disabled ? undefined : 0, className: classnames_1.default([ui_1.surfaceClassName, ui_1.surfaceMultiClassName]) },
-            react_1.default.createElement(Stack_1.Stack, { className: "w-full" },
-                value.map((val) => {
-                    return (react_1.default.createElement(ui_1.Tag, { key: val.value, onRemove: () => remove(val) }, val.value));
-                }),
-                allowInput && (react_1.default.createElement("input", { onChange: (event) => search(event.currentTarget.value), value: searchValue, className: ui_1.selectInputCn, ref: ref, onKeyDown: onKeyPress, placeholder: value.length === 0 ? placeholder : "", disabled: disabled })),
-                !allowInput && value.length === 0 && (react_1.default.createElement(Box_1.Box, { as: "span", className: "text-placeholder" }, placeholder))),
-            react_1.default.createElement(Flex_1.Flex, { className: "items-center" },
-                react_1.default.createElement(ui_1.ClearButton, { clear: clear, canClear: canClear }),
-                react_1.default.createElement(ui_1.Arrow, null))),
-        isOpen && (react_1.default.createElement(Portal_1.Portal, null,
-            react_1.default.createElement(ui_1.Listbox, { top: listboxStyles.top + 40, left: listboxStyles.left, width: listboxStyles.width }, hasOptions ? showOptions : noOptions)))));
-};
-exports.ComboboxMulti = ComboboxMulti;

package/public/components/Combobox/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Combobox";
-export * from "./ComboboxMulti";

package/public/components/Combobox/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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("./Combobox"), exports);
-__exportStar(require("./ComboboxMulti"), exports);