lupine.components 1.1.39 → 1.1.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lupine.components",
-  "version": "1.1.39",
+  "version": "1.1.41",
   "license": "MIT",
   "author": "uuware.com",
   "homepage": "https://github.com/uuware/lupine.js",

package/src/component-pool/index.ts

@@ -25,3 +25,6 @@ export * from './timeline';
 export * from './tooltip';
 export * from './tour';
 export * from './youtube-player';
+
+export * from './svg-icons';
+export * from './svg-props';

package/src/components/action-sheet.tsx

@@ -270,7 +270,7 @@ export class ActionSheetMessage {
     confirmButtonText,
     handleConfirmClicked,
     cancelButtonText = '',
-    closeWhenClickMessage = true,
+    closeWhenClickMessage = false,
   }: ActionSheetMessageProps): Promise<ActionSheetCloseProps> {
     const handleClose = await ActionSheet.show({
       title,

package/src/components/float-window.tsx

@@ -146,6 +146,8 @@ export class FloatWindow {
           padding: '15px',
           maxHeight: contentMaxHeight ? `min(${contentMaxHeight}, calc(100% - 100px))` : 'calc(100% - 100px)',
           overflowY: contentOverflowY,
+          boxSizing: 'border-box',
+          width: '100%',
         },
         '.fwin-bottom': {
           display: 'flex',

package/src/components/html-var.tsx

@@ -1,9 +1,9 @@
 import { RefProps, VNode } from 'lupine.web';
 
-export type HtmlVarValueProps = string | VNode<any> | (() => Promise<VNode<any>>);
+export type HtmlVarValueProps = string | null | undefined | VNode<any> | (() => Promise<VNode<any>>);
 export type HtmlVarResult = { value: HtmlVarValueProps; ref: RefProps; node: VNode<any> };
 export class HtmlVar implements HtmlVarResult {
-  private _value: HtmlVarValueProps;
+  private _value: string | VNode<any> | (() => Promise<VNode<any>>);
   private _dirty = false;
   private _ref: RefProps;
   private resolve!: () => void;
@@ -54,7 +54,7 @@ export class HtmlVar implements HtmlVarResult {
   }
 
   set value(value: HtmlVarValueProps) {
-    this._value = value;
+    this._value = value || '';
     if (this._dirty) {
       return;
     }

package/src/lib/encode-html.ts

@@ -6,8 +6,9 @@ const htmlEscapes: Record<string, string> = {
   '"': '&quot;',
 };
 
-export const encodeHtml = (str: string): string => {
-  return str.replace(/[&<>'"]/g, (tag) => htmlEscapes[tag]);
+export const encodeHtml = (str: any): string => {
+  if (str === null || str === undefined) return '';
+  return String(str).replace(/[&<>'"]/g, (tag) => htmlEscapes[tag]);
 };
 
 const htmlUnescapes: Record<string, string> = {
@@ -19,5 +20,6 @@ const htmlUnescapes: Record<string, string> = {
 };
 
 export const decodeHtml = (str: string): string => {
-  return str.replace(/&(?:amp|lt|gt|quot|#39);/g, (tag) => htmlUnescapes[tag]);
+  if (str === null || str === undefined) return '';
+  return String(str).replace(/&(?:amp|lt|gt|quot|#39);/g, (tag) => htmlUnescapes[tag]);
 };