tycho-components 0.2.6-SNAPSHOT → 0.2.6-SNAPSHOT-2

package/dist/AppClipboard/AppClipboard.d.ts

@@ -0,0 +1,8 @@
+import { ButtonDSSizes } from 'tycho-storybook/dist/Button/Button';
+import './style.scss';
+type Props = {
+    text: string;
+    size?: ButtonDSSizes;
+};
+export default function AppClipboard({ text, size }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/AppClipboard/AppClipboard.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { IconButton } from 'tycho-storybook';
+import { useMessageUtils } from '../configs/useMessageUtils';
+import UsabilityUtils from '../functions/UsabilityUtils';
+import './style.scss';
+export default function AppClipboard({ text, size = 'x-small' }) {
+    const { t } = useTranslation('home');
+    const { dispatchMessage } = useMessageUtils();
+    const handleCopy = () => {
+        UsabilityUtils.copy(text, () => {
+            dispatchMessage({ key: 'message.copy.clipboard', t });
+        });
+    };
+    return (_jsx(IconButton, { name: "content_copy", title: t('tooltip.copy.clipboard'), onClick: handleCopy, size: size }));
+}

package/dist/AppClipboard/index.d.ts

@@ -0,0 +1,2 @@
+import AppClipboard from './AppClipboard';
+export default AppClipboard;

package/dist/AppClipboard/index.js

@@ -0,0 +1,2 @@
+import AppClipboard from './AppClipboard';
+export default AppClipboard;

package/dist/AppClipboard/style.scss

@@ -0,0 +1,29 @@
+.editable-container-readonly {
+  .editable-line {
+    margin-top: var(--spacing-small);
+
+    .title {
+      display: flex;
+      align-items: center;
+      margin-bottom: var(--spacing-xsmall);
+
+      h6 {
+        margin-bottom: 0px;
+      }
+
+      .info {
+        width: 16px;
+        height: 16px;
+        margin-left: var(--spacing-xsmall);
+        cursor: pointer;
+      }
+    }
+
+    .color-display {
+      width: 36px;
+      height: 36px;
+      border-radius: var(--border-radius);
+      border: var(--border-default);
+    }
+  }
+}

package/dist/Header/HeaderUser/HeaderUser.js

@@ -10,7 +10,7 @@ export default function HeaderUser({ navigateLogout }) {
     const [open, setOpen] = useState(false);
     const handleProfile = () => {
         setOpen(false);
-        window.open(import.meta.env.VITE_APP_PROFILE_URL, '_blank');
+        window.open(import.meta.env.VITE_APP_RESERVED_URL, '_blank');
     };
     return (_jsxs("div", { className: "header-user-container", children: [isLogged() ? (_jsx(ProfileDropdown, { src: getLogged()?.picture, title: getLogged()?.name || getLogged()?.sub, onClick: (b) => setOpen(b) })) : (_jsx(Avatar, { size: "small", onClick: () => (location.href = '/auth') })), open && isLogged() && (_jsxs("div", { className: "ds-dropdown-list", children: [_jsx("div", { className: "ds-dropdown-itemlist", children: _jsx("span", { className: "label", children: `${t('profile.label.hello')} ${getLogged()?.name || getLogged()?.sub}` }) }), _jsxs("div", { className: "ds-dropdown-itemlist d-none", children: [_jsx(Icon, { name: "colors", size: "x-small" }), _jsx("span", { className: "label", children: t('profile.label.theme') })] }), _jsxs("div", { className: "ds-dropdown-itemlist", onClick: handleProfile, children: [_jsx(Icon, { name: "person", size: "x-small" }), _jsx("span", { className: "label", children: t('profile.label.home') })] }), _jsxs("div", { className: "ds-dropdown-itemlist", children: [_jsx(Icon, { name: "live_help", size: "x-small" }), _jsx("span", { className: "label", children: t('profile.label.help') })] }), _jsxs("div", { className: "ds-dropdown-itemlist", onClick: () => {
                             setOpen(false);

package/dist/functions/UsabilityUtils.d.ts

@@ -5,5 +5,6 @@ declare const UsabilityUtils: {
     goToAnchor: (anchorId: string, e?: any) => void;
     isDesktop: () => boolean;
     attachEnter: (event: React.KeyboardEvent<HTMLInputElement>, handleEnter: () => void) => void;
+    copy: (text: string, callback?: () => void) => void;
 };
 export default UsabilityUtils;

package/dist/functions/UsabilityUtils.js

@@ -1,4 +1,9 @@
 const isDesktop = () => import.meta.env.VITE_APP_ENV === 'desktop';
+const copy = (text, callback) => {
+    navigator.clipboard.writeText(text).then(() => {
+        callback && callback();
+    });
+};
 const attachEnter = (event, handleEnter) => {
     // 'keypress' event misbehaves on mobile so we track 'Enter' key via 'keydown' event
     if (event.key === 'Enter') {
@@ -37,5 +42,6 @@ const UsabilityUtils = {
     goToAnchor,
     isDesktop,
     attachEnter,
+    copy,
 };
 export default UsabilityUtils;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { default as AppAnalytics } from './AppAnalytics';
+export { default as AppClipboard } from './AppClipboard';
 export { default as AppColorpicker } from './AppColorpicker';
 export { default as AppDropzone } from './AppDropzone';
 export type { UploadedFile } from './AppDropzone/UploadedFile';

package/dist/index.js

@@ -1,4 +1,5 @@
 export { default as AppAnalytics } from './AppAnalytics';
+export { default as AppClipboard } from './AppClipboard';
 export { default as AppColorpicker } from './AppColorpicker';
 export { default as AppDropzone } from './AppDropzone';
 export { default as AppEditable } from './AppEditable';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.2.6-SNAPSHOT",
+  "version": "0.2.6-SNAPSHOT-2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {