@plaidev/karte-action-sdk 1.1.242 → 1.1.243-28728358.994612e5

package/dist/index.es.d.ts

@@ -6,8 +6,8 @@ import { beforeUpdate as beforeUpdateSvelte } from "svelte";
 import { afterUpdate as afterUpdateSvelte } from "svelte";
 import { tick as tickSvelte } from "svelte";
 import { Properties } from "csstype";
-import IconArrowDown from "./variants/IconArrowDown.svelte";
 import { Properties as Properties$0 } from "preact/src/jsx-csstype";
+import IconArrowDown from "./variants/IconArrowDown.svelte";
 /** @internal */
 declare const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
 // -------- The following codes are deprecated --------
@@ -2343,35 +2343,20 @@ declare const afterUpdate: typeof afterUpdateSvelte;
 declare const tick: typeof tickSvelte;
 // @internal
 declare const LAYOUT_COMPONENT_NAMES: string[];
-type ComponentBaseProps = {
-    layerId: string;
-    style: Properties;
-};
-declare const COMPONENT_PARAMETER_TYPES: {
-    readonly TEXT: "text";
-    readonly MULTILINE_TEXT: "multiline_text";
-    readonly SELECT: "select";
-    readonly RADIO: "radio";
-    readonly CHECKBOX: "checkbox";
-    readonly BOOLEAN: "boolean";
-    readonly IMAGE: "image";
-    readonly NUMBER: "number";
-    readonly WIDTH: "width";
-    readonly ASPECT: "aspect";
-    readonly COLOR: "color";
-    readonly ICON: "icon";
-};
-type ComponentParameterType = (typeof COMPONENT_PARAMETER_TYPES)[keyof typeof COMPONENT_PARAMETER_TYPES];
-type ComponentParameterOption = {
-    label: string;
-    value: string | number;
-};
-type ComponentParameter<P extends object = object> = {
-    id: string;
-    name: string;
-    type: ComponentParameterType;
-    options?: ComponentParameterOption[];
-    isEnabled?: (p: P) => boolean;
+type PropStyles<Props extends Record<string, any>, K extends keyof Props> = Record<NonNullable<Props[K]>, Properties>;
+declare const SHADOW_VARIANT: {
+    readonly extra_small: "XSmall";
+    readonly small: "Small";
+    readonly medium: "Medium";
+    readonly large: "Large";
+};
+declare const ROUND_VARIANT: {
+    readonly extra_small: "XSmall (2px)";
+    readonly small: "Small (4px)";
+    readonly medium: "Medium (8px)";
+    readonly large: "Large (16px)";
+    readonly extra_large: "Large (24px)";
+    readonly fulled: "Full (100%)";
 };
 type PositionPlaceProps = {
     top?: Properties["top"];
@@ -2397,19 +2382,19 @@ type PaddingProps = {
     paddingRight?: Properties["paddingRight"];
 };
 type RadiusProps = {
-    borderTopLeftRadius: Properties["borderTopLeftRadius"];
-    borderTopRightRadius: Properties["borderTopRightRadius"];
-    borderBottomLeftRadius: Properties["borderBottomLeftRadius"];
-    borderBottomRightRadius: Properties["borderBottomRightRadius"];
+    borderTopLeftRadius?: Properties["borderTopLeftRadius"];
+    borderTopRightRadius?: Properties["borderTopRightRadius"];
+    borderBottomLeftRadius?: Properties["borderBottomLeftRadius"];
+    borderBottomRightRadius?: Properties["borderBottomRightRadius"];
 };
 type BackgroundColorProps = {
-    backgroundColor: Properties["backgroundColor"];
+    backgroundColor?: Properties["backgroundColor"];
 };
 type BackgroundImageProps = {
-    backgroundImageUrl: string;
+    backgroundImageUrl?: string;
 };
 type ShadowProps = {
-    shadow: Properties["boxShadow"];
+    shadow?: Properties["boxShadow"];
 };
 declare const AVATAR_SIZE: {
     readonly extra_small: "XS\uFF0848 x 48\uFF09";
@@ -2428,6 +2413,9 @@ type AvatarProps = CommonProps & {
     image?: string;
     caption?: string;
     alt?: string;
+    onClick?: OnClickOperation;
+    eventName?: string;
+    eventValue?: object;
     bordered?: boolean;
 };
 declare const BUTTON_SIZE: {
@@ -2456,8 +2444,11 @@ declare const BUTTON_ICON_ANGLE: {
     readonly row: "\u5DE6\u5074";
     readonly "row-reverse": "\u53F3\u5074";
 };
-type ButtonProps = CommonProps & {
+type ButtonProps = CommonProps & BorderProps & {
     label?: string;
+    onClick?: OnClickOperation;
+    eventName?: string;
+    eventValue?: object;
     size?: keyof typeof BUTTON_SIZE;
     theme?: keyof typeof BUTTON_THEME;
     round?: keyof typeof BUTTON_ROUND;
@@ -2473,6 +2464,11 @@ type ButtonProps = CommonProps & {
     color?: Properties["color"];
     backgroundColor?: Properties["backgroundColor"];
 };
+declare const buttonPropsDefault: ButtonProps;
+declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
+declare const BUTTON_THEME_STYLES: PropStyles<ButtonProps, "theme">;
+declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
+declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
 declare const BUTTON_VARIANTS: {
     size: {
         extra_small: Properties<0 | (string & {}), string & {}>;
@@ -2552,7 +2548,7 @@ declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
     right: string;
     left: string;
 };
-type CloseButtonProps = CommonProps & {
+type CloseButtonProps = CommonProps & BorderProps & {
     size?: number;
     placement?: keyof typeof CLOSE_BUTTON_PLACEMENT;
     round?: keyof typeof CLOSE_BUTTON_ROUND;
@@ -2627,21 +2623,24 @@ declare const ICON_VARIANTS: {
     readonly users: typeof IconArrowDown;
     readonly x_mark: typeof IconArrowDown;
 };
-type IconVariant = (typeof ICON_VARIANTS)[keyof typeof ICON_VARIANTS];
-// @ts-ignore
-declare const ICON_PARAMS: ComponentParameter[];
 type IconProps = CommonProps & {
     variant: string;
     size?: keyof typeof ICON_SIZE;
-    color: string;
+    color?: Properties$0["color"];
     width?: Properties$0["width"];
     height?: Properties$0["height"];
+    onClick?: OnClickOperation;
+    eventName?: string;
+    eventValue?: object;
 };
 type ImageProps = CommonProps & {
     image?: string;
     width?: Properties["width"];
     aspect?: string;
     alt?: string;
+    onClick?: OnClickOperation;
+    eventName?: string;
+    eventValue?: object;
 };
 declare const LAYOUT_DISPLAY_TYPE: readonly [
     "inline-flex",
@@ -2671,6 +2670,9 @@ declare const LAYOUT_JUSTIFY: readonly [
 ];
 type LayoutFlexJustify = (typeof LAYOUT_JUSTIFY)[number];
 type LayerLayoutProps = CommonProps & BorderProps & RadiusProps & ShadowProps & BackgroundColorProps & BackgroundImageProps & PaddingProps & {
+    onClick?: OnClickOperation;
+    eventName?: string;
+    eventValue?: object;
     display?: LayoutDisplayType;
     direction?: LayoutFlexDirection;
     align?: LayoutFlexAlign;
@@ -2678,16 +2680,8 @@ type LayerLayoutProps = CommonProps & BorderProps & RadiusProps & ShadowProps &
     rowGap?: Properties["rowGap"];
     columnGap?: Properties["columnGap"];
     width?: Properties["width"];
+    overflowY?: Properties["overflowY"];
 };
-declare const LAYER_TEXT_ALIGN_VALUES: readonly [
-    "center",
-    "left",
-    "right"
-];
-declare const LAYER_TEXT_FONT_WEIGHT_VALUES: readonly [
-    "bold",
-    "normal"
-];
 declare const LAYER_TEXT_SIZE: {
     readonly extra_small: "ExtraSmall";
     readonly small: "Small";
@@ -2765,7 +2759,9 @@ declare const TEXT_VARIANTS: {
         };
     };
 };
-export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, ComponentBaseProps, COMPONENT_PARAMETER_TYPES, ComponentParameterType, ComponentParameterOption, ComponentParameter, PositionProps, CommonProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, BUTTON_VARIANTS, TEXT_BUTTON_SIZE, TEXT_BUTTON_COLOR, TEXT_BUTTON_ROUND, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ICON_ANGLE, TextButtonProps, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconVariant, ICON_PARAMS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS };
+declare const SHADOW_STYLES: Record<keyof typeof SHADOW_VARIANT, Properties>;
+declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;
+export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, SHADOW_VARIANT, ROUND_VARIANT, PositionProps, CommonProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, BUTTON_SIZE_STYLES, BUTTON_THEME_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, BUTTON_VARIANTS, TEXT_BUTTON_SIZE, TEXT_BUTTON_COLOR, TEXT_BUTTON_ROUND, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ICON_ANGLE, TextButtonProps, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS, SHADOW_STYLES, ROUND_STYLES };
 export type { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';