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

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/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'

package/src/copyToClipboard/useCopyToClipboard.ts

@@ -1,15 +0,0 @@
-import { useToast } from '../toast'
-
-export const useCopyToClipboard = (copyText: string) => {
-  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 }
-}