@rokt/dcui-orchestrator 0.0.2-rc.6 → 0.0.2-rc.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +21 -21
- package/dist/index.js +22 -22
- package/dist/libraries/dcui-components/src/components/copy-to-clipboard-button/copy-to-clipboard-button.d.ts +48 -0
- package/dist/libraries/dcui-components/src/components/copy-to-clipboard-button/factory.d.ts +2 -0
- package/dist/libraries/dcui-components/src/components/copy-to-clipboard-button/index.d.ts +2 -0
- package/dist/libraries/dcui-components/src/components/index.d.ts +1 -0
- package/dist/libraries/layout-renderer-utils/src/components/bottom-sheet/bottom-sheet.d.ts +1 -2
- package/dist/libraries/layout-renderer-utils/src/components/overlay/overlay.d.ts +1 -2
- package/package.json +1 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { LayoutSchemaModel, CopyToClipboardButtonModel, WhenPredicate } from '@rokt/dcui-layout-schema';
|
|
2
|
+
export interface CopyToClipboardButtonProps {
|
|
3
|
+
/**
|
|
4
|
+
* - `a11yLabel`: the aria-label for the button
|
|
5
|
+
* - `value`: the text to be copied to the clipboard
|
|
6
|
+
* - `customStateKey`: the name of the custom state that should be updated.
|
|
7
|
+
* - `children`: it can accept below nodes,
|
|
8
|
+
* * `Row`
|
|
9
|
+
* * `FlowRow`
|
|
10
|
+
* * `Column`
|
|
11
|
+
* * `ZStack`
|
|
12
|
+
* * `BasicText`
|
|
13
|
+
* * `StaticImage`
|
|
14
|
+
* * `StaticIcon`
|
|
15
|
+
* * `DataImage` -> When present in Layout Variant
|
|
16
|
+
* * `DataIcon` -> When present in Layout Variant
|
|
17
|
+
* * `When`
|
|
18
|
+
* * `InlineContainer`
|
|
19
|
+
* - `styles`:
|
|
20
|
+
* * `elements`:
|
|
21
|
+
* * `own`:
|
|
22
|
+
* - `container`
|
|
23
|
+
* - `background`
|
|
24
|
+
* - `border`
|
|
25
|
+
* - `dimension`
|
|
26
|
+
* - `flexChild`
|
|
27
|
+
* - `spacing`
|
|
28
|
+
* * `transitions`:
|
|
29
|
+
* - `type`: 'Conditional'
|
|
30
|
+
* - `transition`:
|
|
31
|
+
* * `predicates`: WhenPredicate[]
|
|
32
|
+
* * `duration`: number
|
|
33
|
+
* * `value`:
|
|
34
|
+
* * `own`:
|
|
35
|
+
* - `container`
|
|
36
|
+
* - `background`
|
|
37
|
+
* - `border`
|
|
38
|
+
* - `dimension`
|
|
39
|
+
* - `flexChild`
|
|
40
|
+
* - `spacing`
|
|
41
|
+
*/
|
|
42
|
+
schema: CopyToClipboardButtonModel<LayoutSchemaModel, WhenPredicate>;
|
|
43
|
+
testId?: string;
|
|
44
|
+
}
|
|
45
|
+
/**The CopyToClipboardButton is a button that copies a text to the clipboard on click.<br>
|
|
46
|
+
* *Where can we use this: __outer layout__, __layout variant__ & __child layout__*
|
|
47
|
+
* */
|
|
48
|
+
export declare function CopyToClipboardButton(props: CopyToClipboardButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,6 @@ import { BottomSheetProps } from './types';
|
|
|
3
3
|
type BottomSheetContainerProps = {
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
schema: BottomSheetProps['schema'];
|
|
6
|
-
ref: React.RefObject<HTMLDivElement>;
|
|
7
6
|
testId?: string;
|
|
8
7
|
};
|
|
9
8
|
/**The BottomSheet is a display node that is pinned to the bottom of the viewport.
|
|
@@ -12,6 +11,6 @@ type BottomSheetContainerProps = {
|
|
|
12
11
|
* *Where can we use this: __outer layout__*
|
|
13
12
|
*/
|
|
14
13
|
export declare function BottomSheet(props: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export declare const BottomSheetContainer: React.ForwardRefExoticComponent<
|
|
14
|
+
export declare const BottomSheetContainer: React.ForwardRefExoticComponent<BottomSheetContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
15
|
export declare function handleBottomSheetTransition<RefElement extends HTMLElement>(element: RefElement): () => void;
|
|
17
16
|
export {};
|
|
@@ -3,7 +3,6 @@ import { OverlayProps } from './types';
|
|
|
3
3
|
type OverlayContainerProps = {
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
schema: OverlayProps['schema'];
|
|
6
|
-
ref: React.RefObject<HTMLDivElement>;
|
|
7
6
|
testId?: string;
|
|
8
7
|
};
|
|
9
8
|
/**The Overlay is a display node that suits various purposes,
|
|
@@ -15,5 +14,5 @@ type OverlayContainerProps = {
|
|
|
15
14
|
* *Where can we use this: __outer layout__*
|
|
16
15
|
*/
|
|
17
16
|
export declare function Overlay(props: OverlayProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
export declare const OverlayContainer: React.ForwardRefExoticComponent<
|
|
17
|
+
export declare const OverlayContainer: React.ForwardRefExoticComponent<OverlayContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
18
|
export {};
|