@rokt/dcui-orchestrator 0.4.1-rc.5 → 0.4.1-rc.6

package/dist/extensions/address-form/src/components/address-form.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputModel } from './input-field';
 import { ButtonModel } from './form-button';
 import { BasicStateStylingBlock, ConditionalStyleTransition, LayoutStyle, WhenPredicate, ContainerStylingProperties, DimensionStylingProperties, SpacingStylingProperties, BackgroundStylingProperties, BorderStylingProperties, TextStylingProperties, FlexChildStylingProperties } from '@rokt/dcui-layout-schema';
@@ -92,5 +93,5 @@ export interface FormProps {
  * customizable grouping, styling, and breakpoint-specific layouts.<br>
  * *Where can we use this: __address forms__, __contact forms__, __registration forms__, __checkout forms__, __any data collection form__*
  * */
-export declare function Form(props: FormProps): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function Form(props: FormProps): React.JSX.Element | undefined;
 export default Form;

package/dist/extensions/address-form/src/components/edit-address-form-view.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 export interface EditFormModel {
     fields: Record<string, boolean>;
@@ -19,5 +20,5 @@ export interface EditFormViewProps {
  * *Where can we use this: __address displays__, __form summaries__, __saved data views__,
  * __edit interfaces__, __user profiles__, __confirmation screens__*
  * */
-export declare function EditFormView(props: EditFormViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditFormView(props: EditFormViewProps): React.JSX.Element;
 export default EditFormView;

package/dist/extensions/address-form/src/components/form-button.d.ts

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 export type FormButtonProps = {
     schema: ButtonModel;
     disabled?: boolean;

package/dist/extensions/address-form/src/components/input-field.d.ts

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 export type Validator = 'Required' | 'PhoneNumber' | 'Contains' | 'ZipCode' | 'State';
 export type InputFieldProps = {
     schema: InputModel;

package/dist/extensions/loading/src/loading.d.ts

@@ -1,4 +1,5 @@
+import { type JSX } from 'react';
 declare function Loading(props: {
     data: object | null;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export { Loading };

package/dist/extensions/loading/src/partner-text.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 declare function PartnerText({ styles, hasLoaded, partnerText, animationSpeedMS, }: {
     hasLoaded: boolean;
     partnerText: string[];
     animationSpeedMS: number;
     styles: Record<string, any>;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 export { PartnerText };

package/dist/extensions/loading/src/skeleton.d.ts

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 declare function Skeleton({ hasLoaded, animationSpeedMS, styles, }: {
     hasLoaded: boolean;
     animationSpeedMS: number;

package/dist/extensions/minimized-bottomsheet/src/components/bottom-sheet/bottom-sheet.d.ts

@@ -14,21 +14,21 @@ type BottomSheetContainerProps = {
     startMinimized: boolean;
     children?: React.ReactNode;
     schema: MinimizedBottomSheetProps['schema'];
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLDivElement | null>;
     testId?: string;
     slots: PluginSlot<LayoutSchemaModel>[];
     currentIndex: number;
-    minimizedChildRef: React.RefObject<HTMLDivElement>;
-    containerRef: React.RefObject<HTMLDivElement>;
-    maximizedChildRef: React.RefObject<HTMLDivElement>;
+    minimizedChildRef: React.RefObject<HTMLDivElement | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    maximizedChildRef: React.RefObject<HTMLDivElement | null>;
 };
 type BottomSheetWithSlotsProps = Omit<MinimizedBottomSheetProps, 'slots' | 'currentIndex'>;
-export declare function BottomSheetWithSlots(props: BottomSheetWithSlotsProps): import("react/jsx-runtime").JSX.Element;
+export declare function BottomSheetWithSlots(props: BottomSheetWithSlotsProps): React.JSX.Element;
 /**The BottomSheet is a display node that is pinned to the bottom of the viewport.
  * This is a Modal Bottomsheet, requiring user interaction before engaging with background content
  * It should only be used for Mobile layouts.
  * *Where can we use this: __outer layout__*
  */
-export declare function BottomSheet(props: MinimizedBottomSheetProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BottomSheet(props: MinimizedBottomSheetProps): React.JSX.Element | null;
 export declare const BottomSheetContainer: React.ForwardRefExoticComponent<Omit<BottomSheetContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/extensions/minimized-bottomsheet/src/components/bottom-sheet/factory.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 import { BottomSheetWithSlots } from './bottom-sheet';
 export declare const ConnectedBottomSheet: import("react-redux").ConnectedComponent<typeof BottomSheetWithSlots, {

package/dist/extensions/minimized-bottomsheet/src/components/bottom-sheet/hooks.d.ts

@@ -2,8 +2,8 @@ export declare const INITIAL_WRAPPER_HEIGHT = 100000;
 export declare const MINIMIZED_STATE_KEY = "Minimized";
 export declare const MAXIMIZED_STATE_KEY = "Maximized";
 export declare const useBottomSheetDragEvents: (startMinimized: boolean) => {
-    wrapperRef: import("react").RefObject<HTMLDivElement>;
-    containerRef: import("react").RefObject<HTMLDivElement>;
-    minimizedChildRef: import("react").RefObject<HTMLDivElement>;
-    maximizedChildRef: import("react").RefObject<HTMLDivElement>;
+    wrapperRef: import("react").RefObject<HTMLDivElement | null>;
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
+    minimizedChildRef: import("react").RefObject<HTMLDivElement | null>;
+    maximizedChildRef: import("react").RefObject<HTMLDivElement | null>;
 };

package/dist/extensions/minimized-bottomsheet/src/components/bottomsheet-wrapper/overlay-wrapper.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { MinimizedBottomSheetProps } from '../bottom-sheet';
 export declare enum ContainerMode {
     BottomSheet = 0,
     Overlay = 1
 }
-export declare function OverlayWrapper({ schema, testId }: MinimizedBottomSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function OverlayWrapper({ schema, testId }: MinimizedBottomSheetProps): React.JSX.Element;

package/dist/extensions/minimized-bottomsheet/src/components/drag-handle/drag-handle.d.ts

@@ -1 +1,2 @@
-export declare function DragHandle(): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare function DragHandle(): React.JSX.Element;

package/dist/extensions/minimized-bottomsheet/src/components/overlay/factory.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { LayoutSchemaModel } from '@rokt/dcui-layout-schema';
 import { Overlay } from './overlay';
 export declare const ConnectedOverlay: import("react-redux").ConnectedComponent<typeof Overlay, {

package/dist/extensions/minimized-bottomsheet/src/components/overlay/overlay.d.ts

@@ -3,7 +3,7 @@ import { OverlayProps } from './types';
 type OverlayContainerProps = {
     children?: React.ReactNode;
     schema: OverlayProps['schema'];
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLDivElement | null>;
     testId?: string;
 };
 /**The Overlay is a display node that suits various purposes,
@@ -14,6 +14,6 @@ type OverlayContainerProps = {
  * The `a11yLabel` on the Overlay define a custom accessibility label for the screen reader. <br>
  * *Where can we use this: __outer layout__*
  */
-export declare function Overlay(props: OverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function Overlay(props: OverlayProps): React.JSX.Element;
 export declare const OverlayContainer: React.ForwardRefExoticComponent<Omit<OverlayContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/extensions/minimized-bottomsheet/src/components/overlay-wrapper/overlay-wrapper.d.ts

@@ -7,4 +7,4 @@ export declare enum ContainerMode {
 }
 export declare function OverlayWrapper({ isOpen, schema, testId, children: container, }: (OverlayProps | BottomSheetProps) & {
     children(containerChildren: React.ReactNode, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;

package/dist/extensions/minimized-bottomsheet/src/hooks/useScrollTrap.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from 'react';
-export declare function useScrollTrap(ref: RefObject<HTMLElement>, enableScrolling: boolean): void;
+export declare function useScrollTrap(ref: RefObject<HTMLElement | null>, enableScrolling: boolean): void;

package/dist/extensions/shimmer-background/src/shimmer-background.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export type ShimmerBackgroundProps = {
     linearGradient: string;
     color1: string;
@@ -7,5 +8,5 @@ export type ShimmerBackgroundProps = {
     additionalStyles?: string;
     gradientAngle?: string;
 };
-export declare function ShimmerBackground({ linearGradient, color1, color2, color3, duration, additionalStyles, gradientAngle }: ShimmerBackgroundProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShimmerBackground({ linearGradient, color1, color2, color3, duration, additionalStyles, gradientAngle }: ShimmerBackgroundProps): React.JSX.Element;
 export default ShimmerBackground;

package/dist/extensions/timer-progression/src/components/timer/timer.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface TimerProps {
     /**
      * - `data`: JSON string
@@ -26,4 +27,4 @@ export interface TimerProps {
      */
     data: object | null;
 }
-export declare function Timer(props: TimerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Timer(props: TimerProps): React.JSX.Element;