@plaidev/karte-action-sdk 1.1.232-28694144.4e108779 → 1.1.232

package/dist/index.es.d.ts

@@ -5,8 +5,6 @@ import { onDestroy as onDestorySvelte } from "svelte";
 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";
 /** @internal */
 declare const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
 // -------- The following codes are deprecated --------
@@ -2342,270 +2340,7 @@ 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 PositionPlaceProps = {
-    top?: Properties["top"];
-    left?: Properties["left"];
-    right?: Properties["right"];
-    bottom?: Properties["bottom"];
-};
-type PositionProps = PositionPlaceProps & {
-    position?: Properties["position"];
-};
-type CommonProps = PositionProps;
-type BorderProps = {
-    borderTopWidth?: Properties["borderTopWidth"];
-    borderLeftWidth?: Properties["borderLeftWidth"];
-    borderRightWidth?: Properties["borderRightWidth"];
-    borderBottomWidth?: Properties["borderBottomWidth"];
-    borderColor?: Properties["borderColor"];
-};
-type PaddingProps = {
-    paddingTop?: Properties["paddingTop"];
-    paddingLeft?: Properties["paddingLeft"];
-    paddingBottom?: Properties["paddingBottom"];
-    paddingRight?: Properties["paddingRight"];
-};
-type RadiusProps = {
-    borderTopLeftRadius: Properties["borderTopLeftRadius"];
-    borderTopRightRadius: Properties["borderTopRightRadius"];
-    borderBottomLeftRadius: Properties["borderBottomLeftRadius"];
-    borderBottomRightRadius: Properties["borderBottomRightRadius"];
-};
-type BackgroundColorProps = {
-    backgroundColor: Properties["backgroundColor"];
-};
-type BackgroundImageProps = {
-    backgroundImageUrl: string;
-};
-type ShadowProps = {
-    shadow: Properties["boxShadow"];
-};
-declare const AVATAR_SIZE: {
-    readonly extra_small: "XS\uFF0848 x 48\uFF09";
-    readonly small: "S\uFF0864 x 64\uFF09";
-    readonly medium: "M\uFF0888 x 88\uFF09";
-    readonly large: "L\uFF08108 x 108\uFF09";
-    readonly extra_large: "XL\uFF08128 x 128\uFF09";
-};
-declare const AVATAR_SHAPE: {
-    readonly circle: "\u30B5\u30FC\u30AF\u30EB";
-    readonly square: "\u30B9\u30AF\u30A8\u30A2";
-};
-type AvatarProps = CommonProps & {
-    size?: number;
-    shape?: keyof typeof AVATAR_SHAPE;
-    image?: string;
-    caption?: string;
-    alt?: string;
-    bordered?: boolean;
-};
-declare const BUTTON_SIZE: {
-    readonly extra_small: "XSmall";
-    readonly small: "Small";
-    readonly medium: "Medium";
-    readonly large: "Large";
-    readonly extra_large: "XLarge";
-};
-declare const BUTTON_COLOR: {
-    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
-    readonly theme: "\u30C6\u30FC\u30DE\u30AB\u30E9\u30FC";
-    readonly alert: "\u30A2\u30E9\u30FC\u30C8";
-    readonly transparent: "\u80CC\u666F\u306A\u3057";
-};
-declare const BUTTON_ROUND: {
-    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
-    readonly none: "\u306A\u3057";
-    readonly fulled: "\u5186\u5F62";
-};
-declare const BUTTON_LINK_TARGET: {
-    readonly _self: "\u753B\u9762\u5185\u9077\u79FB";
-    readonly _blank: "\u5225\u30BF\u30D6\u3067\u958B\u304F";
-};
-declare const BUTTON_ICON_ANGLE: {
-    readonly row: "\u5DE6\u5074";
-    readonly "row-reverse": "\u53F3\u5074";
-};
-type ButtonProps = CommonProps & {
-    label?: string;
-    size?: keyof typeof BUTTON_SIZE;
-    color?: keyof typeof BUTTON_COLOR;
-    round?: keyof typeof BUTTON_ROUND;
-    isLink?: boolean;
-    isIcon?: boolean;
-    linkUrl?: string;
-    linkTarget?: keyof typeof BUTTON_LINK_TARGET;
-    iconVariant?: string;
-    iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
-    width?: Properties["width"];
-    wrap?: "wrap" | "nowrap";
-};
-type CloseButtonProps = CommonProps & {
-    size?: number;
-    bordered?: boolean;
-};
-declare const ICON_SIZE: {
-    readonly x_small: {
-        readonly label: "X Small";
-        readonly value: "12px";
-    };
-    readonly small: {
-        readonly label: "Small";
-        readonly value: "16px";
-    };
-    readonly medium: {
-        readonly label: "Medium";
-        readonly value: "20px";
-    };
-    readonly large: {
-        readonly label: "Large";
-        readonly value: "24px";
-    };
-    readonly x_large: {
-        readonly label: "X Large";
-        readonly value: "32px";
-    };
-    readonly x2_large: {
-        readonly label: "2X Large";
-        readonly value: "40px";
-    };
-    readonly x3_large: {
-        readonly label: "3X Large";
-        readonly value: "48px";
-    };
-};
-declare const ICON_VARIANTS: {
-    readonly arrow_down: typeof IconArrowDown;
-    readonly arrow_up: typeof IconArrowDown;
-    readonly arrow_left: typeof IconArrowDown;
-    readonly arrow_right: typeof IconArrowDown;
-    readonly arrow_up_from_square: typeof IconArrowDown;
-    readonly bell: typeof IconArrowDown;
-    readonly cart_shopping: typeof IconArrowDown;
-    readonly check: typeof IconArrowDown;
-    readonly circle: typeof IconArrowDown;
-    readonly circle_info: typeof IconArrowDown;
-    readonly circle_question: typeof IconArrowDown;
-    readonly circle_x_mark: typeof IconArrowDown;
-    readonly copy: typeof IconArrowDown;
-    readonly envelope: typeof IconArrowDown;
-    readonly fire: typeof IconArrowDown;
-    readonly gift: typeof IconArrowDown;
-    readonly heart: typeof IconArrowDown;
-    readonly link: typeof IconArrowDown;
-    readonly magnifying_grass: typeof IconArrowDown;
-    readonly paperclip: typeof IconArrowDown;
-    readonly paper_plane: typeof IconArrowDown;
-    readonly star: typeof IconArrowDown;
-    readonly ticket: typeof IconArrowDown;
-    readonly truck: typeof IconArrowDown;
-    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: string;
-    color: string;
-};
-type ImageProps = CommonProps & {
-    image?: string;
-    width?: Properties["width"];
-    aspect?: string;
-    alt?: string;
-};
-declare const LAYOUT_DISPLAY_TYPE: readonly [
-    "inline-flex",
-    "flex",
-    "block"
-];
-type LayoutDisplayType = (typeof LAYOUT_DISPLAY_TYPE)[number];
-declare const LAYOUT_DIRECTION: readonly [
-    "column",
-    "column-reverse",
-    "row",
-    "row-reverse"
-];
-type LayoutFlexDirection = (typeof LAYOUT_DIRECTION)[number];
-declare const LAYOUT_ALIGN: readonly [
-    "flex-start",
-    "center",
-    "flex-end",
-    "stretch"
-];
-type LayoutFlexAlign = (typeof LAYOUT_ALIGN)[number];
-declare const LAYOUT_JUSTIFY: readonly [
-    "flex-start",
-    "center",
-    "flex-end",
-    "space-between"
-];
-type LayoutFlexJustify = (typeof LAYOUT_JUSTIFY)[number];
-type LayerLayoutProps = CommonProps & BorderProps & RadiusProps & ShadowProps & BackgroundColorProps & BackgroundImageProps & PaddingProps & {
-    display?: LayoutDisplayType;
-    direction?: LayoutFlexDirection;
-    align?: LayoutFlexAlign;
-    justify?: LayoutFlexJustify;
-    rowGap?: Properties["rowGap"];
-    columnGap?: Properties["columnGap"];
-    width?: Properties["width"];
-};
-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 small: "Small";
-    readonly medium: "Medium";
-    readonly large: "Large";
-    readonly extra_large: "XLarge";
-};
-type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & PaddingProps & {
-    content: string;
-    variant?: string;
-    size?: keyof typeof LAYER_TEXT_SIZE;
-    align?: Properties["textAlign"];
-    fontWeight?: Properties["fontWeight"];
-    color?: Properties["color"];
-    width?: Properties["width"];
-};
-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_COLOR, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, 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 };
+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 };
 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';
@@ -2640,11 +2375,10 @@ export { default as GridModalState } from './components/GridModalState.svelte';
 export { default as TextBlock } from './components/TextBlock.svelte';
 export { default as TextButtonBlock } from './components/TextButtonBlock.svelte';
 export { default as ImageBlock } from './components/ImageBlock.svelte';
-export { default as FlexAvatar } from './components-flex/avatar/Avatar.svelte';
-export { default as FlexButton } from './components-flex/button/Button.svelte';
-export { default as FlexCloseButton } from './components-flex/close-button/CloseButton.svelte';
-export { default as FlexIcon } from './components-flex/icon/Icon.svelte';
-export { default as FlexImage } from './components-flex/image/Image.svelte';
-export { default as FlexLayout } from './components-flex/layout/Layout.svelte';
-export { default as FlexText } from './components-flex/text/Text.svelte';
-export { default as FlexModal } from './components-flex/modal/Modal.svelte';
+export { default as V2Button } from './components-v2/button/Button.svelte';
+export { default as V2Icon } from './components-v2/icon/Icon.svelte';
+export { default as V2Layout } from './components-v2/layout/Layout.svelte';
+export { default as V2Text } from './components-v2/text/Text.svelte';
+export { default as V2Avatar } from './components-v2/avatar/Avatar.svelte';
+export { default as V2Image } from './components-v2/image/Image.svelte';
+export { default as V2CloseButton } from './components-v2/close-button/CloseButton.svelte';