@nectary/components 4.7.4 → 4.7.6

package/inline-alert/index.d.ts

@@ -4,12 +4,14 @@ import '../text';
 import '../title';
 import type { TSinchInlineAlertElement, TSinchInlineAlertReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-inline-alert': TSinchInlineAlertElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-inline-alert': TSinchInlineAlertReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-inline-alert': TSinchInlineAlertElement;
-    }
 }

package/input/index.d.ts

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

package/link/index.d.ts

@@ -1,12 +1,14 @@
 import '../icon';
 import type { TSinchLinkElement, TSinchLinkReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-link': TSinchLinkElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-link': TSinchLinkReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-link': TSinchLinkElement;
-    }
 }

package/list/index.d.ts

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

package/list-item/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nectary/components",
-  "version": "4.7.4",
+  "version": "4.7.6",
   "files": [
     "**/*/*.css",
     "**/*/*.json",

package/pagination/index.d.ts

@@ -1,12 +1,14 @@
 import '../icon';
 import type { TSinchPaginationElement, TSinchPaginationReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-pagination': TSinchPaginationElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-pagination': TSinchPaginationReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-pagination': TSinchPaginationElement;
-    }
 }

package/persistent-overlay/index.d.ts

@@ -1,12 +1,14 @@
 import '../dialog';
 import type { TSinchPersistentOverlayElement, TSinchPersistentOverlayReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-persistent-overlay': TSinchPersistentOverlayElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-persistent-overlay': TSinchPersistentOverlayReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-persistent-overlay': TSinchPersistentOverlayElement;
-    }
 }

package/pop/index.d.ts

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

package/popover/index.d.ts

@@ -1,12 +1,14 @@
 import '../pop';
 import type { TSinchPopoverElement, TSinchPopoverReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-popover': TSinchPopoverElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-popover': TSinchPopoverReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-popover': TSinchPopoverElement;
-    }
 }

package/progress/index.d.ts

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

package/progress-stepper/index.d.ts

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

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

@@ -2,12 +2,14 @@ import '../icon';
 import '../text';
 import type { TSinchProgressStepperItemElement, TSinchProgressStepperItemReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-progress-stepper-item': TSinchProgressStepperItemElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-progress-stepper-item': TSinchProgressStepperItemReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-progress-stepper-item': TSinchProgressStepperItemElement;
-    }
 }

package/radio/index.d.ts

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

package/radio/types.d.ts

@@ -11,6 +11,7 @@ export type TSinchRadioReact = TSinchElementReact<TSinchRadioElement> & {
     invalid?: boolean;
     'aria-label': string;
     'on-change'?: (e: CustomEvent<string>) => void;
+} & {
     style?: {
         '--sinch-comp-radio-direction'?: 'row' | 'column';
         '--sinch-comp-radio-gap'?: number | string;

package/radio-option/index.d.ts

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

package/rich-text/index.d.ts

@@ -3,12 +3,14 @@ import '../code-tag';
 import '../link';
 import type { TSinchRichTextElement, TSinchRichTextReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-rich-text': TSinchRichTextElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-rich-text': TSinchRichTextReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-rich-text': TSinchRichTextElement;
-    }
 }

package/rich-text/utils.js

@@ -12,6 +12,15 @@ export const createParseVisitor = doc => {
       let $li = null;
       const $lists = [];
       return {
+        escaped(char) {
+          const $text = doc.createTextNode(char);
+          if ($p != null) {
+            $p.appendChild($text);
+          } else {
+            this.paragraph();
+            $p.appendChild($text);
+          }
+        },
         emoji(emojiChar) {
           const $emoji = doc.createElement('sinch-emoji');
           setEmojiBaseUrl($emoji, emojiBaseUrl);

package/rich-textarea/index.d.ts

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

package/rich-textarea/utils.js

@@ -1636,6 +1636,15 @@ export const createParseVisitor = doc => {
       const listsStack = [];
       let isFirstListItem = false;
       return {
+        escaped(char) {
+          const $text = doc.createTextNode(char);
+          if ($currentBlock != null) {
+            $currentBlock.appendChild($text);
+          } else {
+            this.paragraph();
+            $currentBlock.appendChild($text);
+          }
+        },
         emoji(emojiChar) {
           const $emoji = createEmoji(emojiChar, emojiBaseUrl, doc);
           $currentBlock.appendChild($emoji);

package/segment/index.d.ts

@@ -1,12 +1,14 @@
 import '../title';
 import type { TSinchSegmentElement, TSinchSegmentReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-segment': TSinchSegmentElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-segment': TSinchSegmentReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-segment': TSinchSegmentElement;
-    }
 }

package/segment-collapse/index.d.ts

@@ -1,12 +1,14 @@
 import '../icon';
 import type { TSinchSegmentExpandElement, TSinchSegmentExpandReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-segment-collapse': TSinchSegmentExpandElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-segment-collapse': TSinchSegmentExpandReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-segment-collapse': TSinchSegmentExpandElement;
-    }
 }

package/segmented-control/index.d.ts

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

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

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

package/segmented-icon-control/index.d.ts

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

package/segmented-icon-control-option/index.d.ts

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

package/select-button/index.d.ts

@@ -2,12 +2,14 @@ import '../text';
 import '../icon';
 import type { TSinchSelectButtonElement, TSinchSelectButtonReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-select-button': TSinchSelectButtonElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-select-button': TSinchSelectButtonReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-select-button': TSinchSelectButtonElement;
-    }
 }

package/select-menu/index.d.ts

@@ -3,12 +3,14 @@ import '../icon';
 import '../text';
 import type { TSinchSelectMenuElement, TSinchSelectMenuReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-select-menu': TSinchSelectMenuElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-select-menu': TSinchSelectMenuReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-select-menu': TSinchSelectMenuElement;
-    }
 }

package/select-menu-option/index.d.ts

@@ -17,12 +17,14 @@ export declare class SelectMenuOption extends NectaryElement {
     matchesSearch(searchValue: string): boolean;
 }
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-select-menu-option': TSinchSelectMenuOptionElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-select-menu-option': TSinchSelectMenuOptionReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-select-menu-option': TSinchSelectMenuOptionElement;
-    }
 }

package/skeleton/index.d.ts

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

package/skeleton-item/index.d.ts

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

package/spinner/index.d.ts

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

package/table/index.d.ts

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

package/table-body/index.d.ts

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

package/table-cell/index.d.ts

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

package/table-head/index.d.ts

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

package/table-head-cell/index.d.ts

@@ -1,12 +1,14 @@
 import '../text';
 import type { TSinchTableHeaderCellElement, TSinchTableHeaderCellReact } from './types';
 declare global {
+    interface HTMLElementTagNameMap {
+        'sinch-table-head-cell': TSinchTableHeaderCellElement;
+    }
+}
+declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
             'sinch-table-head-cell': TSinchTableHeaderCellReact;
         }
     }
-    interface HTMLElementTagNameMap {
-        'sinch-table-head-cell': TSinchTableHeaderCellElement;
-    }
 }