@nectary/components 4.7.4 → 4.7.6

package/table-row/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchTableRowElement, TSinchTableRowReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-table-row': TSinchTableRowElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-table-row': TSinchTableRowReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-table-row': TSinchTableRowElement;
-    }
 }

package/tabs/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchTabsElement, TSinchTabsReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-tabs': TSinchTabsElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-tabs': TSinchTabsReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-tabs': TSinchTabsElement;
-    }
 }

package/tabs-icon-option/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchTabsIconOptionElement, TSinchTabsIconOptionReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-tabs-icon-option': TSinchTabsIconOptionElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-tabs-icon-option': TSinchTabsIconOptionReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-tabs-icon-option': TSinchTabsIconOptionElement;
-    }
 }

package/tabs-option/index.d.ts

@@ -1,12 +1,14 @@
 import '../text';
 import type { TSinchTabsOptionElement, TSinchTabsOptionReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-tabs-option': TSinchTabsOptionElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-tabs-option': TSinchTabsOptionReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-tabs-option': TSinchTabsOptionElement;
-    }
 }

package/tag/index.d.ts

@@ -1,12 +1,14 @@
 import '../text';
 import type { TSinchTagElement, TSinchTagReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-tag': TSinchTagElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-tag': TSinchTagReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-tag': TSinchTagElement;
-    }
 }

package/tag/types.d.ts

@@ -1,5 +1,6 @@
 import type { TSinchTagColor } from './colors';
 import type { TSinchElementReact } from '../types';
+export type { TSinchTagColor };
 export type TSinchTagElement = HTMLElement & {
     /** Text */
     text: string;

package/text/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchTextElement, TSinchTextReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-text': TSinchTextElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-text': TSinchTextReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-text': TSinchTextElement;
-    }
 }

package/textarea/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchTextareaElement, TSinchTextareaReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-textarea': TSinchTextareaElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-textarea': TSinchTextareaReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-textarea': TSinchTextareaElement;
-    }
 }

package/tile-control/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchTileControlElement, TSinchTileControlReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-tile-control': TSinchTileControlElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-tile-control': TSinchTileControlReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-tile-control': TSinchTileControlElement;
-    }
 }

package/tile-control-option/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchTileControlOptionElement, TSinchTileControlOptionReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-tile-control-option': TSinchTileControlOptionElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-tile-control-option': TSinchTileControlOptionReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-tile-control-option': TSinchTileControlOptionElement;
-    }
 }

package/time-picker/index.d.ts

@@ -3,12 +3,14 @@ import '../segmented-control';
 import '../segmented-control-option';
 import type { TSinchTimePickerElement, TSinchTimePickerReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-time-picker': TSinchTimePickerElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-time-picker': TSinchTimePickerReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-time-picker': TSinchTimePickerElement;
-    }
 }

package/title/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchTitleElement, TSinchTitleReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-title': TSinchTitleElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-title': TSinchTitleReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-title': TSinchTitleElement;
-    }
 }

package/toast/index.d.ts

@@ -2,12 +2,14 @@ import '../icon';
 import '../rich-text';
 import type { TSinchToastElement, TSinchToastReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-toast': TSinchToastElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-toast': TSinchToastReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-toast': TSinchToastElement;
-    }
 }

package/toast-manager/index.d.ts

@@ -2,12 +2,14 @@ import '../title';
 import '../text';
 import type { TSinchToastManagerElement, TSinchToastManagerReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-toast-manager': TSinchToastManagerElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-toast-manager': TSinchToastManagerReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-toast-manager': TSinchToastManagerElement;
-    }
 }

package/toggle/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchToggleElement, TSinchToggleReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-toggle': TSinchToggleElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-toggle': TSinchToggleReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-toggle': TSinchToggleElement;
-    }
 }

package/tooltip/index.d.ts

@@ -2,12 +2,14 @@ import '../text';
 import '../pop';
 import type { TSinchTooltipElement, TSinchTooltipReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-tooltip': TSinchTooltipElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-tooltip': TSinchTooltipReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-tooltip': TSinchTooltipElement;
-    }
 }

package/utils/markdown.d.ts

@@ -4,6 +4,7 @@ export type TMarkdownInlineParams = {
     isStrikethrough?: boolean;
 };
 export type TMarkdownParseVisitor = {
+    escaped(char: string): void;
     link(text: string, href: string, attributes?: string[]): void;
     emoji(emojiChar: string): void;
     codetag(text: string): void;

package/utils/markdown.js

@@ -1,18 +1,19 @@
 const regLinebreak = /(?:<br>\n|<br>|\n)/;
 const regParagraph = /\n{2,}/;
-const regEm3Star = /\*\*\*(?<em3>.+?)\*\*\*/;
-const regEm2Star = /\*\*(?<em2>.+?)\*\*/;
-const regEm1Star = /\*(?<em1>.+?)\*/;
-const regEm3Underscore = /___(?<em3>.+?)___/;
-const regEm2Underscore = /__(?<em2>.+?)__/;
-const regEm1Underscore = /_(?<em1>.+?)_/;
-const regCodeTag = /`(?<code>.+?)`/;
-const regStrikethrough = /~~(?<strike>.+?)~~/;
-const regLink = /!?\[(?<linktext>[^\]]*?)\]\((?<linkhref>[^)]+?)\)(\{(?<linkattrs>[^)]+?)\})?/;
+const regEm3Star = /(?<!\\)\*\*\*(?<em3>.+?)(?<!\\)\*\*\*/;
+const regEm2Star = /(?<!\\)\*\*(?<em2>.+?)(?<!\\)\*\*/;
+const regEm1Star = /(?<!\\)\*(?<em1>.+?)(?<!\\)\*/;
+const regEm3Underscore = /(?<!\\)___(?<em3>.+?)(?<!\\)___/;
+const regEm2Underscore = /(?<!\\)__(?<em2>.+?)(?<!\\)__/;
+const regEm1Underscore = /(?<!\\)_(?<em1>.+?)(?<!\\)_/;
+const regCodeTag = /(?<!\\)`(?<code>.+?)(?<!\\)`/;
+const regStrikethrough = /(?<!\\)~~(?<strike>.+?)(?<!\\)~~/;
+const regLink = /(?<!\\)!?\[(?<linktext>[^\]]*?)\]\((?<linkhref>[^)]+?)\)(\{(?<linkattrs>[^)]+?)\})?/;
 const regEmoji = /(?<emoji>(?![0-9*#])\p{Emoji})/u;
 const regUList = /^(?<indent>[\t ]*?)[*+-][\t ]+(?<ultext>.*?)[\t ]*?$/;
 const regOList = /^(?<indent>[\t ]*?)\d+\.[\t ]+(?<oltext>.*?)[\t ]*?$/;
-const allRegs = [regCodeTag, regLink, regEm3Star, regEm2Star, regEm1Star, regEm3Underscore, regEm2Underscore, regEm1Underscore, regStrikethrough, regEmoji];
+const regEscapedChars = /\\(?<escaped>[\\\*_\[\]`~])/;
+const allRegs = [regEscapedChars, regCodeTag, regLink, regEm3Star, regEm2Star, regEm1Star, regEm3Underscore, regEm2Underscore, regEm1Underscore, regStrikethrough, regEmoji];
 export const isEmojiString = data => regEmoji.test(data);
 const excludeRegs = function (regs) {
   for (var _len = arguments.length, excluding = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -47,6 +48,10 @@ const createLineParser = visitor => function parseLine(regs, md) {
       visitor.inline(line.substring(0, match.index), context);
     }
     line = line.substring(match.index + matchedStr.length);
+    if (groups?.escaped != null) {
+      visitor.escaped(groups.escaped);
+      continue;
+    }
     if (groups?.linkhref != null) {
       visitor.link(groups.linktext, groups.linkhref, groups.linkattrs?.split(' '));
     }

package/vertical-stepper/index.d.ts

@@ -1,11 +1,13 @@
 import type { TSinchVerticalStepperElement, TSinchVerticalStepperReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-vertical-stepper': TSinchVerticalStepperElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-vertical-stepper': TSinchVerticalStepperReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-vertical-stepper': TSinchVerticalStepperElement;
-    }
 }

package/vertical-stepper-item/index.d.ts

@@ -3,12 +3,14 @@ import '../title';
 import '../text';
 import type { TSinchVerticalStepperItemElement, TSinchVerticalStepperItemReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-vertical-stepper-item': TSinchVerticalStepperItemElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-vertical-stepper-item': TSinchVerticalStepperItemReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-vertical-stepper-item': TSinchVerticalStepperItemElement;
-    }
 }