@app-studio/web 0.9.26 → 0.9.27

package/dist/components/ShareButton/ShareButton/ShareButton.props.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { ButtonProps } from '../../Button/Button/Button.props';
+export declare type NavigatorShareData = Parameters<Navigator['share']>[0];
+/**
+ * Properties for the ShareButton component.
+ * Extends the design-system Button while wiring the Web Share API workflow.
+ */
+export interface ShareButtonProps extends Omit<ButtonProps, 'onClick'> {
+    /** Data passed to the `navigator.share` call. */
+    shareData: NavigatorShareData;
+    /** Optional label rendered when no custom children are provided. Defaults to "Share". */
+    label?: React.ReactNode;
+    /** Called immediately before invoking the Web Share API. */
+    onShareStart?: () => void;
+    /** Called when the share sheet completes successfully. */
+    onShareSuccess?: () => void;
+    /** Called when the user dismisses the native share sheet. */
+    onShareCancel?: () => void;
+    /** Called when the share operation throws an unexpected error. */
+    onShareError?: (error: unknown) => void;
+    /** Called when the Web Share API is not available for the provided data. */
+    onUnsupported?: () => void;
+    /**
+     * When true the button is disabled if the Web Share API is unavailable.
+     * Defaults to true to avoid misleading interactions.
+     */
+    disableWhenUnsupported?: boolean;
+    /** Additional click handler fired alongside the share workflow. */
+    onClick?: ButtonProps['onClick'];
+}
+export interface ShareButtonViewProps extends Omit<ShareButtonProps, 'shareData' | 'onShareStart' | 'onShareSuccess' | 'onShareCancel' | 'onShareError' | 'onUnsupported' | 'onClick'> {
+    /** Flag indicating if the current environment can use the Web Share API. */
+    isSupported: boolean;
+    /** True while awaiting the native share sheet to resolve. */
+    isSharing: boolean;
+    /** Internal handler that triggers the sharing flow. */
+    onShare: ButtonProps['onClick'];
+}

package/dist/components/ShareButton/ShareButton/ShareButton.state.d.ts

@@ -0,0 +1,6 @@
+import { ShareButtonProps } from './ShareButton.props';
+export declare const useShareButton: (props: ShareButtonProps) => {
+    isSupported: any;
+    isSharing: boolean;
+    handleShare: (...args: unknown[]) => void;
+};

package/dist/components/ShareButton/ShareButton/ShareButton.view.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ShareButtonViewProps } from './ShareButton.props';
+declare const ShareButtonView: React.FC<ShareButtonViewProps>;
+export default ShareButtonView;

package/dist/components/ShareButton/ShareButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ShareButtonProps } from './ShareButton/ShareButton.props';
+export declare const ShareButton: React.FC<ShareButtonProps>;

package/dist/components/Text/Text/Text.props.d.ts

@@ -3,6 +3,7 @@ import type { TextProps as TextAppProps } from 'app-studio';
 import { Headings, Size, TextWeights } from './Text.type';
 export interface TextProps extends Omit<TextAppProps, 'children' | 'style' | 'pointerEvents'> {
     children?: React.ReactNode;
+    backgroundColor?: string;
     heading?: Headings;
     isItalic?: boolean;
     isStriked?: boolean;

package/dist/components/Text/Text/Text.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getTextColorHex: (backgroundColor: string) => "black" | "white";
+export declare const getTextColor: (backgroundColor: string) => "black" | "white";

package/dist/components/index.d.ts

@@ -51,6 +51,7 @@ export * from './Menubar/Menubar';
 export * from './Pagination/Pagination';
 export * from './ProgressBar/ProgressBar';
 export * from './Separator/Separator';
+export * from './ShareButton/ShareButton';
 export * from './StatusIndicator/StatusIndicator';
 export * from './Sidebar/Sidebar';
 export * from './Resizable/Resizable';
@@ -108,6 +109,7 @@ export * from './Menubar/Menubar/Menubar.props';
 export * from './Pagination/Pagination/Pagination.props';
 export * from './ProgressBar/ProgressBar/ProgressBar.props';
 export * from './Separator/Separator/Separator.props';
+export * from './ShareButton/ShareButton/ShareButton.props';
 export * from './StatusIndicator/StatusIndicator/StatusIndicator.props';
 export * from './Sidebar/Sidebar/Sidebar.props';
 export * from './Resizable/Resizable/Resizable.props';