@player-ui/reference-assets-plugin-react 0.8.0--canary.307.9621 → 0.8.0-next.0

package/types/assets/action/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Action";
+export * from "./hooks";
+//# sourceMappingURL=index.d.ts.map

package/types/assets/choice/Choice.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { TransformedChoice } from "@player-ui/reference-assets-plugin";
+/** A Choice */
+export declare const Choice: (props: TransformedChoice) => React.JSX.Element;
+export default Choice;
+//# sourceMappingURL=Choice.d.ts.map

package/types/assets/choice/hooks.d.ts

@@ -0,0 +1,5 @@
+import type { TransformedChoice } from "@player-ui/reference-assets-plugin";
+import type { ChoiceItemProps } from "../../components/ChoiceItem";
+/** Hook to get the props for all choice asset items */
+export declare const useChoiceItems: (props: TransformedChoice) => Array<ChoiceItemProps>;
+//# sourceMappingURL=hooks.d.ts.map

package/types/assets/choice/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Choice";
+export * from "./hooks";
+//# sourceMappingURL=index.d.ts.map

package/types/assets/collection/Collection.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { CollectionAsset } from "@player-ui/reference-assets-plugin";
+export declare const Collection: (props: CollectionAsset) => React.JSX.Element;
+//# sourceMappingURL=Collection.d.ts.map

package/types/assets/collection/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Collection";
+//# sourceMappingURL=index.d.ts.map

package/types/assets/image/Image.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { TransformedImage } from "@player-ui/reference-assets-plugin";
+export declare const Image: (props: TransformedImage) => React.JSX.Element;
+//# sourceMappingURL=Image.d.ts.map

package/types/assets/image/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Image";
+//# sourceMappingURL=index.d.ts.map

package/types/assets/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./input";
+export * from "./text";
+export * from "./collection";
+export * from "./action";
+export * from "./info";
+export * from "./image";
+export * from "./choice";
+//# sourceMappingURL=index.d.ts.map

package/types/assets/info/Info.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { InfoAssetTransform } from "@player-ui/reference-assets-plugin";
+/** The info view type is used to show information to the user */
+export declare const Info: (props: InfoAssetTransform) => React.JSX.Element;
+//# sourceMappingURL=Info.d.ts.map

package/types/assets/info/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Info";
+//# sourceMappingURL=index.d.ts.map

package/types/assets/input/Input.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { TransformedInput } from "@player-ui/reference-assets-plugin";
+/** An Input */
+export declare const Input: (props: TransformedInput) => React.JSX.Element;
+export default Input;
+//# sourceMappingURL=Input.d.ts.map

package/types/assets/input/hooks.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import type { TransformedInput } from "@player-ui/reference-assets-plugin";
+export interface InputHookConfig {
+    /** Format the input as the user keys down */
+    liveFormat?: boolean;
+    /** Skip sending beacon events for this input */
+    suppressBeacons?: boolean;
+    /** Time (ms) to wait before formatting the user input for normal keys */
+    quickFormatDelay?: number;
+    /** Time (ms) to wait before formatting the input after the user types a special _slow_ format key */
+    slowFormatDelay?: number;
+    /** Keys to use a slower formatter for. Usually reserved for backspace, arrows, tabs, etc */
+    slowFormatKeys?: Array<number | string>;
+    /** Symbol to be used for decimal point */
+    decimalSymbol?: string;
+    /** Affix to append to value - does not save to model and is only for display on input */
+    prefix?: string;
+    /** Affix to prepend to value - does not save to model and is only for display on input */
+    suffix?: string;
+}
+/** Create a valid config mixing in defaults and user overrides */
+export declare const getConfig: (userConfig?: InputHookConfig) => Required<InputHookConfig>;
+/** A hook to manage beacon changes for input assets */
+export declare const useInputBeacon: (props: TransformedInput) => (newValue: string) => void;
+/**
+ * A hook to manage an input html element as an asset.
+ * The hook returns an object containing props that are expected to reside on any html input.
+ * It will handle formatting, setting values, beaconing, aria-labels, etc.
+ *
+ * @param props - The output of the input transform
+ * @param config - Local config to manage user interaction overrides
+ */
+export declare const useInputAsset: (props: TransformedInput, config?: InputHookConfig) => {
+    onBlur: React.FocusEventHandler<HTMLInputElement>;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
+    onFocus: React.FocusEventHandler<HTMLInputElement>;
+    value: string;
+};
+//# sourceMappingURL=hooks.d.ts.map

package/types/assets/input/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Input";
+export * from "./hooks";
+//# sourceMappingURL=index.d.ts.map

package/types/assets/input/types.d.ts

@@ -0,0 +1,3 @@
+import type { TransformedInput } from "@player-ui/reference-assets-plugin";
+export type KeyDownHandler = (currentValue: string, props?: TransformedInput) => any;
+//# sourceMappingURL=types.d.ts.map

package/types/assets/text/Text.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { TextAsset, LinkModifier } from "@player-ui/reference-assets-plugin";
+/** Find any link modifiers on the text */
+export declare const getLinkModifier: (asset: TextAsset) => LinkModifier | undefined;
+/** A text asset */
+export declare const Text: (props: TextAsset) => React.JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

package/types/assets/text/hooks.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { TextAsset } from "@player-ui/reference-assets-plugin";
+export interface TextModifierContextType {
+    getClassForModifier?<T>(modifier: T): string | undefined;
+}
+export declare const TextModifierContext: React.Context<TextModifierContextType | undefined>;
+/** Get the props for a basic text element */
+export declare const useText: (props: TextAsset) => JSX.IntrinsicElements["span"];
+//# sourceMappingURL=hooks.d.ts.map

package/types/assets/text/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Text";
+export * from "./hooks";
+//# sourceMappingURL=index.d.ts.map

package/types/components/Button.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=Button.d.ts.map

package/types/components/ChoiceItem.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ChoiceItem as ChoiceItemType } from "@player-ui/reference-assets-plugin";
+export type ChoiceItemProps = React.InputHTMLAttributes<HTMLInputElement> & Pick<ChoiceItemType, "label">;
+/** A choice item */
+export declare const ChoiceItem: (props: ChoiceItemProps) => React.JSX.Element;
+export default ChoiceItem;
+//# sourceMappingURL=ChoiceItem.d.ts.map

package/types/components/Input.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=Input.d.ts.map

package/types/components/Label.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=Label.d.ts.map

package/types/components/Separator.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare const Separator: React.ForwardRefExoticComponent<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=Separator.d.ts.map

package/types/index.d.ts

@@ -0,0 +1,4 @@
+import "./global.css";
+export * from "./plugin";
+export * from "./assets";
+//# sourceMappingURL=index.d.ts.map

package/types/plugin.d.ts

@@ -0,0 +1,19 @@
+import type { ReactPlayer, ReactPlayerPlugin, Player, ExtendedPlayerPlugin } from "@player-ui/react";
+import type { InputAsset, TextAsset, CollectionAsset, ActionAsset, InfoAsset, ChoiceAsset } from "@player-ui/reference-assets-plugin";
+/**
+ * A plugin to register the base reference assets
+ */
+export declare class ReferenceAssetsPlugin implements ReactPlayerPlugin, ExtendedPlayerPlugin<[
+    InputAsset,
+    TextAsset,
+    ActionAsset,
+    CollectionAsset,
+    ChoiceAsset
+], [
+    InfoAsset
+]> {
+    name: string;
+    applyReact(reactPlayer: ReactPlayer): void;
+    apply(player: Player): void;
+}
+//# sourceMappingURL=plugin.d.ts.map

package/types/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map