@plaidev/karte-action-sdk 1.1.263 → 1.1.264-29046374.a006e69f

package/dist/hydrate/index.es.d.ts

@@ -1,13 +1,12 @@
-import { SvelteComponentDev } from "svelte/internal";
-import { Writable as Writable_ } from "svelte/store";
+import { SvelteComponentTyped } from "svelte";
 import { onMount as onMountSvelte } from "svelte";
 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 { Writable as Writable_ } from "svelte/store";
 import { Properties } from "csstype";
 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 --------
@@ -133,7 +132,7 @@ interface ActionOptions<Props, Variables, VariablesQuery> {
      *
      * @defaultValue `{}`
      */
-    variables?: Variables;
+    variables?: VariablesQuery;
     /**
      * アクションで使用されるアクション実行時に取得される変数
      *
@@ -145,7 +144,7 @@ interface ActionOptions<Props, Variables, VariablesQuery> {
      *
      * @defaultValue `() => {}`
      */
-    onCreate?: ActionHook<Props, Variables & ActionVariables>;
+    onCreate?: ActionHook<Props, VariablesQuery & ActionVariables>;
     /**
      * KARTEテンプレートの情報
      *
@@ -402,6 +401,7 @@ declare function showOnScroll<ModalProps extends Pick<Props, "show_on_scroll" |
  * @internal
  */
 declare function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
+declare function checkAndDo(checkFn: Function, fn: Function, ...conditionFns: Function[]): () => void | null;
 type ModalProps = Props;
 /**
  * アクションを作成する
@@ -413,7 +413,7 @@ type ModalProps = Props;
  *
  * @public
  */
-declare function create<Props extends ModalProps, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
+declare function create<Props extends ModalProps, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentTyped, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
 /**
  * アクションの破棄する
  *
@@ -935,33 +935,7 @@ type FontWeight = string;
 /** @internal */
 declare const SYSTEM_FONT = "sans-serif, serif, monospace, system-ui";
 /** @internal */
-declare const Fonts: readonly [
-    "sans-serif, serif, monospace, system-ui",
-    "Noto Sans JP",
-    "Sawarabi Gothic",
-    "Zen Kaku Gothic New",
-    "Zen Maru Gothic",
-    "Shippori Mincho",
-    "M PLUS Rounded 1c",
-    "M PLUS 1p",
-    "Kosugi Maru",
-    "Kosugi",
-    "BIZ UDPGothic",
-    "Noto Serif JP",
-    "BIZ UDPMincho",
-    "Roboto",
-    "Open Sans",
-    "Montserrat",
-    "Lato",
-    "Poppins",
-    "Raleway",
-    "Nunito",
-    "Playfair Display",
-    "Merriweather",
-    "Lora",
-    "Libre Baskerville",
-    "EB Garamond"
-];
+declare const Fonts: string[];
 type Font = (typeof Fonts)[number];
 /** @internal */
 declare const Justifies: readonly [
@@ -1486,7 +1460,7 @@ interface App {
  *
  * @internal
  */
-type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
+type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, VariablesQuery, VariablesQuery>;
 /**
  * 非推奨
  *
@@ -1502,7 +1476,7 @@ declare const ensureModalRoot: typeof ensureActionRoot;
  *
  * @internal
  */
-declare function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables, VariablesQuery>): App;
+declare function createApp<Props, Variables, VariablesQuery>(App: SvelteComponentTyped, options?: AppOptions<Props, VariablesQuery, VariablesQuery>): App;
 /**
  * 非推奨
  *
@@ -1516,7 +1490,7 @@ declare function createFog({ color, opacity, zIndex, onclick }: {
     zIndex?: number;
     onclick: () => void;
 }): {
-    fog: HTMLDivElement;
+    fog: HTMLElement | null;
     close: () => void;
 };
 type AnswerValue = {
@@ -1703,7 +1677,7 @@ declare namespace widget {
          *
          * @defaultValue `{}`
          */
-        variables?: Variables;
+        variables?: VariablesQuery;
         /**
          * アクションで使用されるアクション実行時に取得される変数
          *
@@ -1715,7 +1689,7 @@ declare namespace widget {
          *
          * @defaultValue `() => {}`
          */
-        onCreate?: ActionHook<Props, Variables & ActionVariables>;
+        onCreate?: ActionHook<Props, VariablesQuery & ActionVariables>;
         /**
          * KARTEテンプレートの情報
          *
@@ -1981,9 +1955,10 @@ declare namespace widget {
      */
     function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
     /** @internal */
-    function and(fn: Function, ...conditionFns: Function[]): () => void;
+    function and(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
     /** @internal */
-    function or(fn: Function, ...conditionFns: Function[]): () => void;
+    function or(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
+    function checkAndDo(checkFn: Function, fn: Function, ...conditionFns: Function[]): () => void | null;
     type ModalProps = Props;
     /**
      * 表示アクショントリガー
@@ -2076,7 +2051,7 @@ declare namespace widget {
      */
     function getActionRoot(): ShadowRoot | null;
     /** @internal */
-    function createModal<Props extends ModalProps, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
+    function createModal<Props extends ModalProps, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentTyped, options?: ActionOptions<Props, VariablesQuery & ActionVariables, VariablesQuery>): () => void;
     /** @internal */
     function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
     // -------- The following codes are deprecated --------
@@ -2128,7 +2103,7 @@ declare namespace widget {
      *
      * @internal
      */
-    type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
+    type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, VariablesQuery, VariablesQuery>;
     /**
      * 非推奨
      *
@@ -2136,7 +2111,7 @@ declare namespace widget {
      *
      * @internal
      */
-    type ModalOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
+    type ModalOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, VariablesQuery, VariablesQuery>;
     /**
      * 非推奨
      *
@@ -2152,7 +2127,7 @@ declare namespace widget {
      *
      * @internal
      */
-    function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables, VariablesQuery>): App;
+    function createApp<Props, Variables, VariablesQuery>(App: SvelteComponentTyped, options?: AppOptions<Props, VariablesQuery, VariablesQuery>): App;
     /**
      * 非推奨
      *
@@ -2166,15 +2141,16 @@ declare namespace widget {
         zIndex?: number;
         onclick: () => void;
     }): {
-        fog: HTMLDivElement;
+        fog: HTMLElement | null;
         close: () => void;
     };
-    // @ts-ignore
-    type ChangeValCallback = ({ newVal, oldVal, key }: {
+    const newCollection: typeof collection;
+    type ChangeValCallbackArg = {
         newVal: any;
         oldVal: any;
-        key: any;
-    }) => void;
+        key: string;
+    };
+    type ChangeValCallback = (arg: ChangeValCallbackArg) => void;
     type EventCallback = (event: any) => void;
     type WidgetEventName = "hide" | "clickBackdrop" | "destroyed";
     /**
@@ -2296,15 +2272,7 @@ declare namespace widget {
      *
      * @public
      */
-    function collection$0(table: string): {
-        get(key: string | string[], cb: (err: Error, items?: (string | number | boolean | Date) | (string | number | boolean | Date)[]) => void): void;
-        getByQuery(query_name: string, params: {
-            [key: string]: (string | number | boolean | Date) | (string | number | boolean | Date)[];
-        }, options: {
-            ignore_fields?: string[];
-        }, cb: (err: Error, items?: (string | number | boolean | Date)[]) => void): void;
-        set(key: string, value: string, cb: (err: Error) => void): void;
-    };
+    function collection$0(table: string): ReturnType<typeof newCollection>;
     /**
      * アクションを表示する
      *
@@ -2441,14 +2409,16 @@ type VariantDefinition<Props extends object = object, Meta extends object = obje
     meta?: Meta;
 };
 type VariantDefinitionGroup<Props extends object = object, Meta extends object = object> = Record<string, VariantDefinition<Props, Meta>>;
+type ToVariantArrayReturn<T> = T[keyof T] & {
+    code: keyof T;
+};
+declare const toVariantArray: <T extends VariantDefinitionGroup>(group: T) => ToVariantArrayReturn<T>[];
 // ================================
 // Aspect
 // ================================
-declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">, object>;
+declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
 type AspectVariantCode = keyof typeof ASPECT_VARIANT;
-declare const ASPECT_VARIANTS: (VariantDefinition<Omit<AspectProps, "aspectVariant">, object> & {
-    code: string;
-})[];
+declare const ASPECT_VARIANTS: ReturnType<typeof toVariantArray>;
 // ================================
 // FontFamily
 // ================================
@@ -2458,43 +2428,18 @@ type FontVariantMeta = {
 };
 declare const FONT_FAMILY_VARIANT: VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>;
 type FontFamilyVariantCode = keyof typeof FONT_FAMILY_VARIANT;
-declare const FONT_FAMILY_VARIANTS: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta> & {
-    code: string;
-})[];
-declare const FONT_FAMILY_VARIANT_GROUPS: readonly [
-    {
-        readonly label: "\u65E5\u672C\u8A9E / \u89D2\u30B4\u30B7\u30C3\u30AF";
-        readonly variants: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta> & {
-            code: string;
-        })[];
-    },
-    {
-        readonly label: "\u65E5\u672C\u8A9E / \u4E38\u30B4\u30B7\u30C3\u30AF";
-        readonly variants: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta> & {
-            code: string;
-        })[];
-    },
-    {
-        readonly label: "\u65E5\u672C\u8A9E / \u660E\u671D";
-        readonly variants: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta> & {
-            code: string;
-        })[];
-    },
-    {
-        readonly label: "\u82F1\u8A9E";
-        readonly variants: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta> & {
-            code: string;
-        })[];
-    }
-];
+declare const FONT_FAMILY_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>>[];
+type FontFamilyVariantGroup = {
+    label: string;
+    variants: ReturnType<typeof toVariantArray>;
+};
+declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
 // ================================
 // Shadow
 // ================================
-declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>;
+declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
 type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
-declare const SHADOW_VARIANTS: (VariantDefinition<Omit<ShadowProps, "shadowVariant">, object> & {
-    code: string;
-})[];
+declare const SHADOW_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>>[];
 type PositionPlaceProps = {
     top?: Properties["top"];
     left?: Properties["left"];
@@ -2597,31 +2542,8 @@ type AvatarProps = CommonProps & ClickableProps & BorderProps & {
 };
 declare const avatarPropsDefault: AvatarProps;
 declare const AVATAR_SIZE_STYLES: PropStyles<AvatarProps, "size">;
-declare const getButtonThemeStyles: (customBrandKit?: Partial<BrandKit>) => Record<string, Partial<MetaProps & {
-    top?: import("csstype").Property.Top<0 | (string & {})>;
-    left?: import("csstype").Property.Left<0 | (string & {})>;
-    right?: import("csstype").Property.Right<0 | (string & {})>;
-    bottom?: import("csstype").Property.Bottom<0 | (string & {})>;
-    transform?: import("csstype").Property.Transform;
-} & {
-    position?: import("csstype").Property.Position;
-} & CustomizeCssProps & BrandStyleProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
-    label?: string;
-    size?: string;
-    height?: import("csstype").Property.Height<0 | (string & {})>;
-    paddingLeft?: import("csstype").Property.PaddingLeft<0 | (string & {})>;
-    paddingRight?: import("csstype").Property.PaddingRight<0 | (string & {})>;
-    fontSize?: import("csstype").Property.FontSize<0 | (string & {})>;
-    theme?: string;
-    variant?: string;
-    color?: import("csstype").Property.Color;
-    backgroundColor?: import("csstype").Property.BackgroundColor;
-    borderColor?: import("csstype").Property.BorderColor;
-    fontWeight?: import("csstype").Property.FontWeight;
-    round?: "none" | "default" | "fulled";
-    width?: import("csstype").Property.Width<0 | (string & {})>;
-    wrap?: "wrap" | "nowrap";
-} & import("csstype").Properties<0 | (string & {}), string & {}>>>;
+type BrandableStyles<T extends object = object> = Record<string, Partial<T & Properties>>;
+declare const getButtonThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonProps>;
 declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
 declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
 declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
@@ -2646,43 +2568,7 @@ type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIcon
 };
 declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
 declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
-declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
-    default: {
-        color: string;
-        borderColor: string;
-        backgroundColor: string;
-    };
-    general: {
-        color: string;
-        borderColor: string;
-        backgroundColor: string;
-    };
-    success: {
-        color: string;
-        borderColor: string;
-        backgroundColor: string;
-    };
-    warning: {
-        color: string;
-        borderColor: string;
-        backgroundColor: string;
-    };
-    danger: {
-        color: string;
-        borderColor: string;
-        backgroundColor: string;
-    };
-    info: {
-        color: string;
-        borderColor: string;
-        backgroundColor: string;
-    };
-    white: {
-        color: string;
-        borderColor: string;
-        backgroundColor: string;
-    };
-};
+declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonOutlinedProps>;
 declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
 declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
 declare const BUTTON_TEXT_SIZE: {
@@ -2719,40 +2605,7 @@ type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps
     wrap?: "wrap" | "nowrap";
 };
 declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
-declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
-    default: {
-        backgroundColor: string;
-        color: string;
-    };
-    link: {
-        backgroundColor: string;
-        color: string;
-    };
-    general: {
-        backgroundColor: string;
-        color: string;
-    };
-    success: {
-        backgroundColor: string;
-        color: string;
-    };
-    warning: {
-        backgroundColor: string;
-        color: string;
-    };
-    danger: {
-        backgroundColor: string;
-        color: string;
-    };
-    info: {
-        backgroundColor: string;
-        color: string;
-    };
-    white: {
-        backgroundColor: string;
-        color: string;
-    };
-};
+declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonTextProps>;
 declare const CLOSE_BUTTON_PLACEMENT: {
     readonly topRight: "topRight";
     readonly topLeft: "topLeft";
@@ -2784,67 +2637,13 @@ type CloseButtonProps = CommonProps & ClickableProps & BorderProps & {
     bottom?: Properties["bottom"];
 };
 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";
+    [key: string]: {
+        label: string;
+        value: string;
     };
 };
 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 buildings: typeof IconArrowDown;
-    readonly cart_shopping: typeof IconArrowDown;
-    readonly check: typeof IconArrowDown;
-    readonly chevrons_right: typeof IconArrowDown;
-    readonly chevron_right: 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 locationDot: typeof IconArrowDown;
-    readonly magnifying_grass: typeof IconArrowDown;
-    readonly paperclip: typeof IconArrowDown;
-    readonly paper_plane: typeof IconArrowDown;
-    readonly phone: typeof IconArrowDown;
-    readonly star: typeof IconArrowDown;
-    readonly ticket: typeof IconArrowDown;
-    readonly truck: typeof IconArrowDown;
-    readonly users: typeof IconArrowDown;
-    readonly x_mark: typeof IconArrowDown;
+    [key: string]: any;
 };
 type IconProps = CommonProps & ClickableProps & {
     variant: string;
@@ -2957,70 +2756,12 @@ type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorP
     color?: Properties["color"];
     width?: Properties["width"];
 };
-declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
-    default: {
-        color: string;
-    };
-    gray: {
-        color: string;
-    };
-    brand: {
-        color: string;
-    };
-    success: {
-        color: string;
-    };
-    warning: {
-        color: string;
-    };
-    danger: {
-        color: string;
-    };
-    info: {
-        color: string;
-    };
-    white: {
-        color: string;
-    };
+type TextThemeProps = {
+    color: string;
 };
+declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextThemeProps>;
 declare const TEXT_VARIANTS: {
-    size: {
-        small: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        medium: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        large: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        heading_extra_small: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        heading_small: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        heading_medium: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        heading_large: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-    };
+    size: Record<NonNullable<LayerTextProps["size"]>, any>;
 };
 declare const TEXT_LINK_SIZE: {
     readonly small: "Small";
@@ -3055,26 +2796,7 @@ type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps
     fontWeight?: Properties["fontWeight"];
 };
 declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
-declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
-    default: {
-        color: string;
-    };
-    link: {
-        color: string;
-    };
-    brand: {
-        color: string;
-    };
-    alert: {
-        color: string;
-    };
-    gray: {
-        color: string;
-    };
-    white: {
-        color: string;
-    };
-};
+declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextLinkProps>;
 type ListProps = CommonProps & {
     gap?: Properties["gap"];
     borderWidth?: Properties["borderTopWidth"];