@veracity/vui 1.7.0-beta.3 → 1.7.0-redesign.0

package/src/accordion/accordionItem.tsx

@@ -10,18 +10,7 @@ import { useAccordionContext } from './context'
 
 /** An accordion item. */
 export const AccordionItem = (props: AccordionItemProps) => {
-  const {
-    className,
-    children,
-    collapsed,
-    content,
-    disabled,
-    id,
-    itemTitleHoverBg = 'blue.10',
-    title,
-    onToggle,
-    ...rest
-  } = omitThemingProps(props)
+  const { className, children, id, content, disabled, title, collapsed, onToggle, ...rest } = omitThemingProps(props)
   const [collapsedInternal, setIsCollapsedInternal] = useState<boolean>(false)
 
   const styles = useStyleConfig('Accordion', useAccordionContext())
@@ -44,27 +33,20 @@ export const AccordionItem = (props: AccordionItemProps) => {
       disabled={disabled}
       flexDirection="column"
       h="auto"
+      hoverBg="blue.10"
       id={`${id}`}
-      p={0}
       w="100%"
+      {...styles.item}
       {...rest}
     >
-      <Box
-        cursor={disabled ? 'not-allowed' : 'pointer'}
-        hoverBg={itemTitleHoverBg}
-        justifyContent="space-between"
-        onClick={toggle}
-        px={2}
-        w="100%"
-        {...styles.item}
-      >
+      <Box cursor={disabled ? 'not-allowed' : 'pointer'} justifyContent="space-between" onClick={toggle} w="100%">
         <Box fontWeight={typeof title === 'string' ? '500' : 'inherit'}>{title}</Box>
         <Box>
           <AccordionItemArrow collapsed={collapsedInternal} />
         </Box>
       </Box>
       {!collapsedInternal && (
-        <Box mb={2} mt={2} px={2} py={1} w="100%">
+        <Box mb={2} mt={2} w="100%">
           {children ?? content}
         </Box>
       )}

package/src/accordion/accordionItemArrow.tsx

@@ -3,19 +3,9 @@ import React from 'react'
 import Icon from '../icon'
 import { AccordionItemArrowProps } from './accordion.types'
 
-const names = {
-  horizontal: {
-    collapsed: 'falChevronRight',
-    expanded: 'falChevronLeft'
-  },
-  vertical: {
-    collapsed: 'falChevronDown',
-    expanded: 'falChevronUp'
-  }
+const AccordionItemArrow = (props: AccordionItemArrowProps) => {
+  const { collapsed } = props
+  return <Icon name={collapsed ? 'falChevronDown' : 'falChevronUp'} size="xs" />
 }
 
-const AccordionItemArrow = ({ collapsed, orientation = 'vertical' }: AccordionItemArrowProps) => (
-  <Icon name={names[orientation][collapsed ? 'collapsed' : 'expanded']} size="xs" />
-)
-
 export default React.memo(AccordionItemArrow)

package/src/accordion/index.ts

@@ -1,5 +1,4 @@
 export * from './accordion'
 export * from './accordionItem'
-export * from './accordionItemHorizontal'
 export { default } from './accordion'
 export * from './accordion.types'

package/src/button/button.tsx

@@ -135,7 +135,7 @@ export const Button = vui<'button', ButtonProps>((props, ref) => {
         focusRing={3}
         h={h}
         pl={pl}
-        pr={isDropDown ? 0 : pr}
+        pr={pr}
         ref={ref}
         type="button"
         variant={variant}
@@ -152,16 +152,18 @@ export const Button = vui<'button', ButtonProps>((props, ref) => {
 
         <Content>
           {isString(icon) ? <ButtonIcon name={icon} /> : icon}
+
           {!icon && (
             <>
               {isString(iconLeft) ? <ButtonIcon mr={isDropDown ? 0 : iconLeftMr} name={iconLeft} /> : iconLeft}
 
               {children ?? (isReactText(text) ? <ButtonText {...{ isTruncated, text }} /> : text)}
 
+              {isDropDown && <ButtonIcon name="falAngleDown" />}
+
               {isString(iconRight) ? <ButtonIcon ml={iconRightMl} name={iconRight} /> : iconRight}
             </>
           )}
-          {isDropDown && <ButtonIcon name="falAngleDown" />}
         </Content>
       </ButtonBase>
     </ButtonProvider>

package/src/index.ts

@@ -6,7 +6,6 @@ export * from './buttonGroup'
 export * from './buttonToggleGroup'
 export * from './card'
 export * from './checkbox'
-export * from './copyToClipboard'
 export * from './core'
 export * from './dialog'
 export * from './divider'

package/dist/cjs/accordion/accordionItemHorizontal.d.ts

@@ -1,5 +0,0 @@
-import { AccordionItemProps } from './accordion.types';
-/** An accordion item (horizontal orientation). */
-export declare const AccordionItemHorizontal: (props: AccordionItemProps) => JSX.Element;
-export default AccordionItemHorizontal;
-//# sourceMappingURL=accordionItemHorizontal.d.ts.map

package/dist/cjs/accordion/accordionItemHorizontal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordionItemHorizontal.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItemHorizontal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,kDAAkD;AAClD,eAAO,MAAM,uBAAuB,UAAW,kBAAkB,gBAmFhE,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/cjs/accordion/accordionItemHorizontal.js

@@ -1,70 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionItemHorizontal = void 0;
-const react_1 = __importStar(require("react"));
-const box_1 = __importDefault(require("../box"));
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const accordionItemArrow_1 = __importDefault(require("./accordionItemArrow"));
-const context_1 = require("./context");
-/** An accordion item (horizontal orientation). */
-const AccordionItemHorizontal = (props) => {
-    const _a = (0, core_1.omitThemingProps)(props), { className, children, collapsed, content, disabled, id, itemTitleHoverBg = 'blue.10', title, onToggle } = _a, rest = __rest(_a, ["className", "children", "collapsed", "content", "disabled", "id", "itemTitleHoverBg", "title", "onToggle"]);
-    const [collapsedInternal, setIsCollapsedInternal] = (0, react_1.useState)(false);
-    const styles = (0, core_1.useStyleConfig)('Accordion', (0, context_1.useAccordionContext)());
-    (0, react_1.useEffect)(() => {
-        setIsCollapsedInternal(!!collapsed);
-    }, [collapsed]);
-    const toggle = () => {
-        if (!disabled) {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle({ id, collapsed: !collapsedInternal });
-            setIsCollapsedInternal(!collapsedInternal);
-        }
-    };
-    const cursor = disabled ? 'not-allowed' : 'pointer';
-    const fontWeight = typeof title === 'string' ? '500' : 'inherit';
-    return (react_1.default.createElement(box_1.default, Object.assign({ alignItems: collapsedInternal ? 'normal' : 'baseline', bg: disabled ? 'disabled.bg' : undefined, borderRight: "1px solid grey.40", className: (0, utils_1.cs)('vui-accordion-item-horizontal', className), color: disabled ? 'disabled.color' : undefined, column: true, cursor: disabled ? 'not-allowed' : undefined, id: `${id}`, maxW: collapsedInternal ? styles.item.minH : 'auto', minW: styles.item.minH, p: 0, transitionDuration: "0ms", userSelect: disabled ? 'none' : undefined }, rest),
-        react_1.default.createElement(box_1.default, Object.assign({}, styles.item, { cursor: cursor, hoverBg: itemTitleHoverBg, justifyContent: "space-between", minH: styles.item.minH, onClick: toggle, p: styles.item.pt, w: "100%" }),
-            !collapsedInternal && react_1.default.createElement(box_1.default, { fontWeight: fontWeight }, title),
-            react_1.default.createElement(accordionItemArrow_1.default, { collapsed: collapsedInternal, orientation: "horizontal" })),
-        !collapsedInternal ? (react_1.default.createElement(box_1.default, { p: styles.item.pt, pt: 0, transitionDuration: "0ms" }, children !== null && children !== void 0 ? children : content)) : (react_1.default.createElement(box_1.default, { cursor: cursor, flexDirection: "row-reverse", fontWeight: fontWeight, mb: styles.item.minH, mt: styles.item.pt, onClick: toggle, transform: "rotate(-90deg)", transitionDuration: "0ms", whiteSpace: "nowrap" }, title))));
-};
-exports.AccordionItemHorizontal = AccordionItemHorizontal;
-exports.default = exports.AccordionItemHorizontal;

package/dist/cjs/copyToClipboard/copyToClipboard.d.ts

@@ -1,12 +0,0 @@
-import { CopyToClipboardProps } from './copyToClipboard.types';
-/**
- * A helper button component.
- *
- * Copies the provided text to clipboard.
- *
- * Copying is available only for a secure environment (https://), otherwise the button is disabled.
- *
- */
-export declare const CopyToClipboard: import("../core").VuiComponent<"button", CopyToClipboardProps>;
-export default CopyToClipboard;
-//# sourceMappingURL=copyToClipboard.d.ts.map

package/dist/cjs/copyToClipboard/copyToClipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"copyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/copyToClipboard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAG9D;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,gEAiB1B,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/cjs/copyToClipboard/copyToClipboard.js

@@ -1,36 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyToClipboard = void 0;
-const react_1 = __importDefault(require("react"));
-const button_1 = __importDefault(require("../button"));
-const core_1 = require("../core");
-const utils_1 = require("../utils");
-const useCopyToClipboard_1 = require("./useCopyToClipboard");
-/**
- * A helper button component.
- *
- * Copies the provided text to clipboard.
- *
- * Copying is available only for a secure environment (https://), otherwise the button is disabled.
- *
- */
-exports.CopyToClipboard = (0, core_1.vui)((props, ref) => {
-    const { disabled, copyText, className, size = 'xs', variant = 'text' } = props, rest = __rest(props, ["disabled", "copyText", "className", "size", "variant"]);
-    const { copy, isCopyDisabled } = (0, useCopyToClipboard_1.useCopyToClipboard)(copyText);
-    return (react_1.default.createElement(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-copy-to-clipboard', className), disabled: disabled || isCopyDisabled, icon: "falCopy", onClick: () => copy(), ref: ref, size: size, variant: variant }, rest)));
-});
-exports.default = exports.CopyToClipboard;

package/dist/cjs/copyToClipboard/copyToClipboard.types.d.ts

@@ -1,9 +0,0 @@
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-export declare type CopyToClipboardProps = SystemProps & ThemingProps<'Button'> & {
-    /** Text string for copying */
-    copyText: string;
-    /** Button size @default "xs" */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-};
-//# sourceMappingURL=copyToClipboard.types.d.ts.map

package/dist/cjs/copyToClipboard/copyToClipboard.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"copyToClipboard.types.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/copyToClipboard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,oBAAoB,GAAG,WAAW,GAC5C,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,CAAA"}

package/dist/cjs/copyToClipboard/copyToClipboard.types.js

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

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

@@ -1,5 +0,0 @@
-export * from './copyToClipboard';
-export { default } from './copyToClipboard';
-export * from './copyToClipboard.types';
-export * from './useCopyToClipboard';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/copyToClipboard/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA"}

package/dist/cjs/copyToClipboard/index.js

@@ -1,25 +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 __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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-__exportStar(require("./copyToClipboard"), exports);
-var copyToClipboard_1 = require("./copyToClipboard");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(copyToClipboard_1).default; } });
-__exportStar(require("./copyToClipboard.types"), exports);
-__exportStar(require("./useCopyToClipboard"), exports);

package/dist/cjs/copyToClipboard/useCopyToClipboard.d.ts

@@ -1,5 +0,0 @@
-export declare const useCopyToClipboard: (copyText: string) => {
-    copy: () => void;
-    isCopyDisabled: boolean;
-};
-//# sourceMappingURL=useCopyToClipboard.d.ts.map

package/dist/cjs/copyToClipboard/useCopyToClipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/useCopyToClipboard.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,aAAc,MAAM;;;CAYlD,CAAA"}

package/dist/cjs/copyToClipboard/useCopyToClipboard.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCopyToClipboard = void 0;
-const toast_1 = require("../toast");
-const useCopyToClipboard = (copyText) => {
-    var _a, _b;
-    const { showSuccess, showError } = (0, toast_1.useToast)();
-    const isCopyDisabled = !((_b = (_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.clipboard) === null || _b === void 0 ? void 0 : _b.writeText);
-    const copy = () => {
-        var _a, _b, _c;
-        if (!isCopyDisabled) {
-            (_c = (_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : (_b = _a.clipboard).writeText) === null || _c === void 0 ? void 0 : _c.call(_b, copyText).then(() => showSuccess(`Copied to clipboard: ${copyText}`)).catch(() => showError('Copy failed'));
-        }
-    };
-    return { copy, isCopyDisabled };
-};
-exports.useCopyToClipboard = useCopyToClipboard;

package/dist/esm/accordion/accordionItemHorizontal.d.ts

@@ -1,5 +0,0 @@
-import { AccordionItemProps } from './accordion.types';
-/** An accordion item (horizontal orientation). */
-export declare const AccordionItemHorizontal: (props: AccordionItemProps) => JSX.Element;
-export default AccordionItemHorizontal;
-//# sourceMappingURL=accordionItemHorizontal.d.ts.map

package/dist/esm/accordion/accordionItemHorizontal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordionItemHorizontal.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItemHorizontal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,kDAAkD;AAClD,eAAO,MAAM,uBAAuB,UAAW,kBAAkB,gBAmFhE,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/esm/accordion/accordionItemHorizontal.js

@@ -1,29 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import Box from '../box';
-import { omitThemingProps, useStyleConfig } from '../core';
-import { cs } from '../utils';
-import AccordionItemArrow from './accordionItemArrow';
-import { useAccordionContext } from './context';
-/** An accordion item (horizontal orientation). */
-export const AccordionItemHorizontal = (props) => {
-    const { className, children, collapsed, content, disabled, id, itemTitleHoverBg = 'blue.10', title, onToggle, ...rest } = omitThemingProps(props);
-    const [collapsedInternal, setIsCollapsedInternal] = useState(false);
-    const styles = useStyleConfig('Accordion', useAccordionContext());
-    useEffect(() => {
-        setIsCollapsedInternal(!!collapsed);
-    }, [collapsed]);
-    const toggle = () => {
-        if (!disabled) {
-            onToggle?.({ id, collapsed: !collapsedInternal });
-            setIsCollapsedInternal(!collapsedInternal);
-        }
-    };
-    const cursor = disabled ? 'not-allowed' : 'pointer';
-    const fontWeight = typeof title === 'string' ? '500' : 'inherit';
-    return (React.createElement(Box, { alignItems: collapsedInternal ? 'normal' : 'baseline', bg: disabled ? 'disabled.bg' : undefined, borderRight: "1px solid grey.40", className: cs('vui-accordion-item-horizontal', className), color: disabled ? 'disabled.color' : undefined, column: true, cursor: disabled ? 'not-allowed' : undefined, id: `${id}`, maxW: collapsedInternal ? styles.item.minH : 'auto', minW: styles.item.minH, p: 0, transitionDuration: "0ms", userSelect: disabled ? 'none' : undefined, ...rest },
-        React.createElement(Box, { ...styles.item, cursor: cursor, hoverBg: itemTitleHoverBg, justifyContent: "space-between", minH: styles.item.minH, onClick: toggle, p: styles.item.pt, w: "100%" },
-            !collapsedInternal && React.createElement(Box, { fontWeight: fontWeight }, title),
-            React.createElement(AccordionItemArrow, { collapsed: collapsedInternal, orientation: "horizontal" })),
-        !collapsedInternal ? (React.createElement(Box, { p: styles.item.pt, pt: 0, transitionDuration: "0ms" }, children ?? content)) : (React.createElement(Box, { cursor: cursor, flexDirection: "row-reverse", fontWeight: fontWeight, mb: styles.item.minH, mt: styles.item.pt, onClick: toggle, transform: "rotate(-90deg)", transitionDuration: "0ms", whiteSpace: "nowrap" }, title))));
-};
-export default AccordionItemHorizontal;

package/dist/esm/copyToClipboard/copyToClipboard.d.ts

@@ -1,12 +0,0 @@
-import { CopyToClipboardProps } from './copyToClipboard.types';
-/**
- * A helper button component.
- *
- * Copies the provided text to clipboard.
- *
- * Copying is available only for a secure environment (https://), otherwise the button is disabled.
- *
- */
-export declare const CopyToClipboard: import("../core").VuiComponent<"button", CopyToClipboardProps>;
-export default CopyToClipboard;
-//# sourceMappingURL=copyToClipboard.d.ts.map

package/dist/esm/copyToClipboard/copyToClipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"copyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/copyToClipboard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAG9D;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,gEAiB1B,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/esm/copyToClipboard/copyToClipboard.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import Button from '../button';
-import { vui } from '../core';
-import { cs } from '../utils';
-import { useCopyToClipboard } from './useCopyToClipboard';
-/**
- * A helper button component.
- *
- * Copies the provided text to clipboard.
- *
- * Copying is available only for a secure environment (https://), otherwise the button is disabled.
- *
- */
-export const CopyToClipboard = vui((props, ref) => {
-    const { disabled, copyText, className, size = 'xs', variant = 'text', ...rest } = props;
-    const { copy, isCopyDisabled } = useCopyToClipboard(copyText);
-    return (React.createElement(Button, { className: cs('vui-copy-to-clipboard', className), disabled: disabled || isCopyDisabled, icon: "falCopy", onClick: () => copy(), ref: ref, size: size, variant: variant, ...rest }));
-});
-export default CopyToClipboard;

package/dist/esm/copyToClipboard/copyToClipboard.types.d.ts

@@ -1,9 +0,0 @@
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-export declare type CopyToClipboardProps = SystemProps & ThemingProps<'Button'> & {
-    /** Text string for copying */
-    copyText: string;
-    /** Button size @default "xs" */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-};
-//# sourceMappingURL=copyToClipboard.types.d.ts.map

package/dist/esm/copyToClipboard/copyToClipboard.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"copyToClipboard.types.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/copyToClipboard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,oBAAoB,GAAG,WAAW,GAC5C,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,CAAA"}

package/dist/esm/copyToClipboard/copyToClipboard.types.js

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

package/dist/esm/copyToClipboard/index.d.ts

@@ -1,5 +0,0 @@
-export * from './copyToClipboard';
-export { default } from './copyToClipboard';
-export * from './copyToClipboard.types';
-export * from './useCopyToClipboard';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/copyToClipboard/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA"}

package/dist/esm/copyToClipboard/index.js

@@ -1,4 +0,0 @@
-export * from './copyToClipboard';
-export { default } from './copyToClipboard';
-export * from './copyToClipboard.types';
-export * from './useCopyToClipboard';

package/dist/esm/copyToClipboard/useCopyToClipboard.d.ts

@@ -1,5 +0,0 @@
-export declare const useCopyToClipboard: (copyText: string) => {
-    copy: () => void;
-    isCopyDisabled: boolean;
-};
-//# sourceMappingURL=useCopyToClipboard.d.ts.map

package/dist/esm/copyToClipboard/useCopyToClipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/useCopyToClipboard.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,aAAc,MAAM;;;CAYlD,CAAA"}

package/dist/esm/copyToClipboard/useCopyToClipboard.js

@@ -1,14 +0,0 @@
-import { useToast } from '../toast';
-export const useCopyToClipboard = (copyText) => {
-    const { showSuccess, showError } = useToast();
-    const isCopyDisabled = !window?.navigator?.clipboard?.writeText;
-    const copy = () => {
-        if (!isCopyDisabled) {
-            window?.navigator?.clipboard
-                .writeText?.(copyText)
-                .then(() => showSuccess(`Copied to clipboard: ${copyText}`))
-                .catch(() => showError('Copy failed'));
-        }
-    };
-    return { copy, isCopyDisabled };
-};

package/src/accordion/accordionItemHorizontal.tsx

@@ -1,96 +0,0 @@
-import React, { useEffect, useState } from 'react'
-
-import Box from '../box'
-import { omitThemingProps, useStyleConfig } from '../core'
-import { cs } from '../utils'
-import { AccordionItemProps } from './accordion.types'
-import AccordionItemArrow from './accordionItemArrow'
-import { useAccordionContext } from './context'
-
-/** An accordion item (horizontal orientation). */
-export const AccordionItemHorizontal = (props: AccordionItemProps) => {
-  const {
-    className,
-    children,
-    collapsed,
-    content,
-    disabled,
-    id,
-    itemTitleHoverBg = 'blue.10',
-    title,
-    onToggle,
-    ...rest
-  } = omitThemingProps(props)
-  const [collapsedInternal, setIsCollapsedInternal] = useState<boolean>(false)
-
-  const styles = useStyleConfig('Accordion', useAccordionContext())
-
-  useEffect(() => {
-    setIsCollapsedInternal(!!collapsed)
-  }, [collapsed])
-
-  const toggle = () => {
-    if (!disabled) {
-      onToggle?.({ id, collapsed: !collapsedInternal })
-      setIsCollapsedInternal(!collapsedInternal)
-    }
-  }
-
-  const cursor = disabled ? 'not-allowed' : 'pointer'
-  const fontWeight = typeof title === 'string' ? '500' : 'inherit'
-
-  return (
-    <Box
-      alignItems={collapsedInternal ? 'normal' : 'baseline'}
-      bg={disabled ? 'disabled.bg' : undefined}
-      borderRight="1px solid grey.40"
-      className={cs('vui-accordion-item-horizontal', className)}
-      color={disabled ? 'disabled.color' : undefined}
-      column
-      cursor={disabled ? 'not-allowed' : undefined}
-      id={`${id}`}
-      maxW={collapsedInternal ? styles.item.minH : 'auto'}
-      minW={styles.item.minH}
-      p={0}
-      transitionDuration="0ms"
-      userSelect={disabled ? 'none' : undefined}
-      {...rest}
-    >
-      <Box
-        {...styles.item}
-        cursor={cursor}
-        hoverBg={itemTitleHoverBg}
-        justifyContent="space-between"
-        minH={styles.item.minH}
-        onClick={toggle}
-        p={styles.item.pt}
-        w="100%"
-      >
-        {!collapsedInternal && <Box fontWeight={fontWeight}>{title}</Box>}
-        <AccordionItemArrow collapsed={collapsedInternal} orientation="horizontal" />
-      </Box>
-
-      {!collapsedInternal ? (
-        <Box p={styles.item.pt} pt={0} transitionDuration="0ms">
-          {children ?? content}
-        </Box>
-      ) : (
-        <Box
-          cursor={cursor}
-          flexDirection="row-reverse"
-          fontWeight={fontWeight}
-          mb={styles.item.minH}
-          mt={styles.item.pt}
-          onClick={toggle}
-          transform="rotate(-90deg)"
-          transitionDuration="0ms"
-          whiteSpace="nowrap"
-        >
-          {title}
-        </Box>
-      )}
-    </Box>
-  )
-}
-
-export default AccordionItemHorizontal

package/src/copyToClipboard/copyToClipboard.tsx

@@ -1,36 +0,0 @@
-import React from 'react'
-
-import Button from '../button'
-import { vui } from '../core'
-import { cs } from '../utils'
-import { CopyToClipboardProps } from './copyToClipboard.types'
-import { useCopyToClipboard } from './useCopyToClipboard'
-
-/**
- * A helper button component.
- *
- * Copies the provided text to clipboard.
- *
- * Copying is available only for a secure environment (https://), otherwise the button is disabled.
- *
- */
-export const CopyToClipboard = vui<'button', CopyToClipboardProps>((props, ref) => {
-  const { disabled, copyText, className, size = 'xs', variant = 'text', ...rest } = props
-
-  const { copy, isCopyDisabled } = useCopyToClipboard(copyText)
-
-  return (
-    <Button
-      className={cs('vui-copy-to-clipboard', className)}
-      disabled={disabled || isCopyDisabled}
-      icon="falCopy"
-      onClick={() => copy()}
-      ref={ref}
-      size={size}
-      variant={variant}
-      {...rest}
-    />
-  )
-})
-
-export default CopyToClipboard

package/src/copyToClipboard/copyToClipboard.types.ts

@@ -1,10 +0,0 @@
-import { SystemProps } from '../system'
-import { ThemingProps } from '../theme'
-
-export type CopyToClipboardProps = SystemProps &
-  ThemingProps<'Button'> & {
-    /** Text string for copying */
-    copyText: string
-    /** Button size @default "xs" */
-    size?: 'xs' | 'sm' | 'md' | 'lg'
-  }

package/src/copyToClipboard/index.ts

@@ -1,4 +0,0 @@
-export * from './copyToClipboard'
-export { default } from './copyToClipboard'
-export * from './copyToClipboard.types'
-export * from './useCopyToClipboard'