@plaidev/karte-action-sdk 1.1.202 → 1.1.203

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

@@ -257,9 +257,7 @@ type ActionTableQueryRequestConfig = VariableQuery & {
     query: {
         table_name: string;
         query_name: string;
-        params?: {
-            [key: string]: string;
-        };
+        params?: ActionTableQueryParams;
         default_value?: Array<ActionTableResult>;
     };
     preview_value?: Array<ActionTableResult>;
@@ -791,7 +789,7 @@ declare const OnClickOperationOptions: readonly [
             {
                 readonly name: "url";
                 readonly type: "Url";
-                readonly default: "";
+                readonly default: "https://example.com";
             },
             {
                 readonly name: "open_new_tab";
@@ -1713,9 +1711,7 @@ declare namespace widget {
         query: {
             table_name: string;
             query_name: string;
-            params?: {
-                [key: string]: string;
-            };
+            params?: ActionTableQueryParams;
             default_value?: Array<ActionTableResult>;
         };
         preview_value?: Array<ActionTableResult>;

package/dist/hydrate/index.es.js

@@ -342,7 +342,7 @@ const OnClickOperationOptions = [
             {
                 name: 'url',
                 type: 'Url',
-                default: '',
+                default: 'https://example.com',
             },
             {
                 name: 'open_new_tab',
@@ -1332,57 +1332,40 @@ function request(url, data, cb) {
     });
 }
 /** @internal */
-const loadActionTableRow = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
-    const key = data[config.query.key] ?? null;
-    if (key == null) {
-        console.warn('key is not found. key: ', config.query.key);
-        return reject('key is not found.');
-    }
-    return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => err ? reject(err) : resolve(data));
-});
+const loadActionTableRow = async (config, data, api_key, endpoint) => {
+    return new Promise((resolve, reject) => {
+        const key = data[config.query.key] ?? null;
+        if (key == null) {
+            console.warn('key is not found. key: ', config.query.key);
+            return reject('key is not found.');
+        }
+        return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => err ? reject(err) : resolve(data));
+    });
+};
 /** @internal */
-const loadActionTableRows = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
-    if (config.query.key == null) {
-        console.warn('key is not defined.');
-        return reject('key is not defined.');
-    }
-    const keys = [];
-    let hasError = false;
-    const originalKeys = Array.isArray(config.query.key) ? config.query.key : [config.query.key];
-    originalKeys.forEach(key => {
-        const d = data[key];
-        if (d == null) {
-            console.warn('key is not found. key: ', key);
-            hasError = true;
+const loadActionTableRows = async (config, data, api_key, endpoint) => {
+    return new Promise((resolve, reject) => {
+        const keys = config.query.key.map(key => data[key] ?? null);
+        if (keys.some(key => key == null)) {
+            keys.filter(key => key == null).forEach(key => console.warn('key is not found. key: ', key));
+            return reject('key is not found.');
         }
-        keys.push(d);
+        return collection$1({ endpoint, api_key, table: config.query.table_name }).get(config.query.key, (err, data) => (err ? reject(err) : resolve(data)));
     });
-    if (hasError) {
-        return reject('key is not found.');
-    }
-    return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => (err ? reject(err) : resolve(data)));
-});
+};
 /** @internal */
-const loadActionTableQuery = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
-    if (config.query.params == null) {
-        console.warn('key is not defined.');
-        return reject('key is not defined.');
-    }
-    const params = {};
-    let hasError = false;
-    Object.entries(config.query.params).forEach(([key, param]) => {
-        const d = data[param];
-        if (d == null) {
-            console.warn('key is not found. param: ', param);
-            hasError = true;
+const loadActionTableQuery = async (config, data, api_key, endpoint) => {
+    return new Promise((resolve, reject) => {
+        const params = config.query.params.map(param => data[param] ?? null);
+        if (params.some(param => param == null)) {
+            params
+                .filter(param => param == null)
+                .forEach(param => console.warn('key is not found. param: ', param));
+            return reject('key is not found.');
         }
-        params[key] = d;
+        return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, config.query.params, null, (err, data) => (err ? reject(err) : resolve(data)));
     });
-    if (hasError) {
-        return reject('key is not found.');
-    }
-    return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => (err ? reject(err) : resolve(data)));
-});
+};
 /** @internal */
 const loadActionTable = async (config, data, api_key, endpoint) => {
     console.debug('[debug] loadActionTable', isPreview(), api_key, endpoint, JSON.stringify(config));
@@ -5020,7 +5003,7 @@ function create_fragment$p(ctx) {
 
 function instance$p($$self, $$props, $$invalidate) {
 	let style;
-	let { text = 'サンプルSample' } = $$props;
+	let { text = 'テキストのコンテンツ' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
 	let { _textStyle = '' } = $$props;
 	let { textDirection = 'horizontal' } = $$props;
@@ -5133,7 +5116,7 @@ class TextElement extends SvelteComponent {
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$n(target) {
-	append_styles(target, "svelte-ejepf6", ".text-button-element.svelte-ejepf6{width:100%;height:100%}.text-button-element.svelte-ejepf6 > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#000000;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ejepf6 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ejepf6 > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ejepf6 > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+	append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
 // (48:2) <Button {onClick} {style} {eventName}>
@@ -5202,7 +5185,7 @@ function create_fragment$o(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "text-button-element svelte-ejepf6");
+			attr(div, "class", "text-button-element svelte-ujdxfc");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -5239,7 +5222,7 @@ function create_fragment$o(ctx) {
 
 function instance$o($$self, $$props, $$invalidate) {
 	let style;
-	let { text = 'ボタンラベル' } = $$props;
+	let { text = 'ボタンのラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { eventName = '' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
@@ -5326,19 +5309,31 @@ function create_default_slot$4(ctx) {
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
-			attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`);
-			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
+
+			attr(img, "style", img_style_value = [
+				/*_imageStyle*/ ctx[6],
+				/*src*/ ctx[0]
+				? `object-fit: ${/*objectFit*/ ctx[3]}`
+				: 'object-fit: contain'
+			].join('; '));
+
+			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0] || 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg')) attr(img, "src", img_src_value);
 			attr(img, "alt", /*alt*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert_hydration(target, img, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*_imageStyle, objectFit*/ 72 && img_style_value !== (img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`)) {
+			if (dirty & /*_imageStyle, src, objectFit*/ 73 && img_style_value !== (img_style_value = [
+				/*_imageStyle*/ ctx[6],
+				/*src*/ ctx[0]
+				? `object-fit: ${/*objectFit*/ ctx[3]}`
+				: 'object-fit: contain'
+			].join('; '))) {
 				attr(img, "style", img_style_value);
 			}
 
-			if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
+			if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0] || 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg')) {
 				attr(img, "src", img_src_value);
 			}
 
@@ -5395,7 +5390,7 @@ function create_fragment$n(ctx) {
 			if (dirty & /*_style*/ 128) button_changes.style = /*_style*/ ctx[7];
 			if (dirty & /*eventName*/ 32) button_changes.eventName = /*eventName*/ ctx[5];
 
-			if (dirty & /*$$scope, _imageStyle, objectFit, src, alt*/ 331) {
+			if (dirty & /*$$scope, _imageStyle, src, objectFit, alt*/ 331) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -5422,8 +5417,8 @@ function create_fragment$n(ctx) {
 }
 
 function instance$n($$self, $$props, $$invalidate) {
-	let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
-	let { alt = 'No Image' } = $$props;
+	let { src = '' } = $$props;
+	let { alt = '画像の説明' } = $$props;
 	let { transport = false } = $$props;
 	let { objectFit = 'cover' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;

package/dist/index.es.d.ts

@@ -257,9 +257,7 @@ type ActionTableQueryRequestConfig = VariableQuery & {
     query: {
         table_name: string;
         query_name: string;
-        params?: {
-            [key: string]: string;
-        };
+        params?: ActionTableQueryParams;
         default_value?: Array<ActionTableResult>;
     };
     preview_value?: Array<ActionTableResult>;
@@ -791,7 +789,7 @@ declare const OnClickOperationOptions: readonly [
             {
                 readonly name: "url";
                 readonly type: "Url";
-                readonly default: "";
+                readonly default: "https://example.com";
             },
             {
                 readonly name: "open_new_tab";
@@ -1713,9 +1711,7 @@ declare namespace widget {
         query: {
             table_name: string;
             query_name: string;
-            params?: {
-                [key: string]: string;
-            };
+            params?: ActionTableQueryParams;
             default_value?: Array<ActionTableResult>;
         };
         preview_value?: Array<ActionTableResult>;

package/dist/index.es.js

@@ -346,7 +346,7 @@ const OnClickOperationOptions = [
             {
                 name: 'url',
                 type: 'Url',
-                default: '',
+                default: 'https://example.com',
             },
             {
                 name: 'open_new_tab',
@@ -1355,57 +1355,40 @@ function request(url, data, cb) {
     });
 }
 /** @internal */
-const loadActionTableRow = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
-    const key = data[config.query.key] ?? null;
-    if (key == null) {
-        console.warn('key is not found. key: ', config.query.key);
-        return reject('key is not found.');
-    }
-    return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => err ? reject(err) : resolve(data));
-});
+const loadActionTableRow = async (config, data, api_key, endpoint) => {
+    return new Promise((resolve, reject) => {
+        const key = data[config.query.key] ?? null;
+        if (key == null) {
+            console.warn('key is not found. key: ', config.query.key);
+            return reject('key is not found.');
+        }
+        return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => err ? reject(err) : resolve(data));
+    });
+};
 /** @internal */
-const loadActionTableRows = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
-    if (config.query.key == null) {
-        console.warn('key is not defined.');
-        return reject('key is not defined.');
-    }
-    const keys = [];
-    let hasError = false;
-    const originalKeys = Array.isArray(config.query.key) ? config.query.key : [config.query.key];
-    originalKeys.forEach(key => {
-        const d = data[key];
-        if (d == null) {
-            console.warn('key is not found. key: ', key);
-            hasError = true;
+const loadActionTableRows = async (config, data, api_key, endpoint) => {
+    return new Promise((resolve, reject) => {
+        const keys = config.query.key.map(key => data[key] ?? null);
+        if (keys.some(key => key == null)) {
+            keys.filter(key => key == null).forEach(key => console.warn('key is not found. key: ', key));
+            return reject('key is not found.');
         }
-        keys.push(d);
+        return collection$1({ endpoint, api_key, table: config.query.table_name }).get(config.query.key, (err, data) => (err ? reject(err) : resolve(data)));
     });
-    if (hasError) {
-        return reject('key is not found.');
-    }
-    return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => (err ? reject(err) : resolve(data)));
-});
+};
 /** @internal */
-const loadActionTableQuery = async (config, data, api_key, endpoint) => new Promise((resolve, reject) => {
-    if (config.query.params == null) {
-        console.warn('key is not defined.');
-        return reject('key is not defined.');
-    }
-    const params = {};
-    let hasError = false;
-    Object.entries(config.query.params).forEach(([key, param]) => {
-        const d = data[param];
-        if (d == null) {
-            console.warn('key is not found. param: ', param);
-            hasError = true;
+const loadActionTableQuery = async (config, data, api_key, endpoint) => {
+    return new Promise((resolve, reject) => {
+        const params = config.query.params.map(param => data[param] ?? null);
+        if (params.some(param => param == null)) {
+            params
+                .filter(param => param == null)
+                .forEach(param => console.warn('key is not found. param: ', param));
+            return reject('key is not found.');
         }
-        params[key] = d;
+        return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, config.query.params, null, (err, data) => (err ? reject(err) : resolve(data)));
     });
-    if (hasError) {
-        return reject('key is not found.');
-    }
-    return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => (err ? reject(err) : resolve(data)));
-});
+};
 /** @internal */
 const loadActionTable = async (config, data, api_key, endpoint) => {
     console.debug('[debug] loadActionTable', isPreview(), api_key, endpoint, JSON.stringify(config));
@@ -4862,7 +4845,7 @@ function create_fragment$p(ctx) {
 
 function instance$p($$self, $$props, $$invalidate) {
 	let style;
-	let { text = 'サンプルSample' } = $$props;
+	let { text = 'テキストのコンテンツ' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
 	let { _textStyle = '' } = $$props;
 	let { textDirection = 'horizontal' } = $$props;
@@ -4975,7 +4958,7 @@ class TextElement extends SvelteComponent {
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$n(target) {
-	append_styles(target, "svelte-ejepf6", ".text-button-element.svelte-ejepf6{width:100%;height:100%}.text-button-element.svelte-ejepf6 > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#000000;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ejepf6 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ejepf6 > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ejepf6 > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+	append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
 // (48:2) <Button {onClick} {style} {eventName}>
@@ -5031,7 +5014,7 @@ function create_fragment$o(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", "text-button-element svelte-ejepf6");
+			attr(div, "class", "text-button-element svelte-ujdxfc");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -5068,7 +5051,7 @@ function create_fragment$o(ctx) {
 
 function instance$o($$self, $$props, $$invalidate) {
 	let style;
-	let { text = 'ボタンラベル' } = $$props;
+	let { text = 'ボタンのラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { eventName = '' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
@@ -5139,19 +5122,31 @@ function create_default_slot$4(ctx) {
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
-			attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`);
-			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
+
+			attr(img, "style", img_style_value = [
+				/*_imageStyle*/ ctx[6],
+				/*src*/ ctx[0]
+				? `object-fit: ${/*objectFit*/ ctx[3]}`
+				: 'object-fit: contain'
+			].join('; '));
+
+			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0] || 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg')) attr(img, "src", img_src_value);
 			attr(img, "alt", /*alt*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, img, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*_imageStyle, objectFit*/ 72 && img_style_value !== (img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`)) {
+			if (dirty & /*_imageStyle, src, objectFit*/ 73 && img_style_value !== (img_style_value = [
+				/*_imageStyle*/ ctx[6],
+				/*src*/ ctx[0]
+				? `object-fit: ${/*objectFit*/ ctx[3]}`
+				: 'object-fit: contain'
+			].join('; '))) {
 				attr(img, "style", img_style_value);
 			}
 
-			if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
+			if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0] || 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg')) {
 				attr(img, "src", img_src_value);
 			}
 
@@ -5198,7 +5193,7 @@ function create_fragment$n(ctx) {
 			if (dirty & /*_style*/ 128) button_changes.style = /*_style*/ ctx[7];
 			if (dirty & /*eventName*/ 32) button_changes.eventName = /*eventName*/ ctx[5];
 
-			if (dirty & /*$$scope, _imageStyle, objectFit, src, alt*/ 331) {
+			if (dirty & /*$$scope, _imageStyle, src, objectFit, alt*/ 331) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -5225,8 +5220,8 @@ function create_fragment$n(ctx) {
 }
 
 function instance$n($$self, $$props, $$invalidate) {
-	let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
-	let { alt = 'No Image' } = $$props;
+	let { src = '' } = $$props;
+	let { alt = '画像の説明' } = $$props;
 	let { transport = false } = $$props;
 	let { objectFit = 'cover' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.202",
+  "version": "1.1.203",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",