@cord-sdk/components - npm Package Compare versions

Comparing version 1.40.0 to 1.41.0

dist/cjs/index.js

@@ -100,3 +100,3 @@ 'use strict';
     SidebarLauncher: {
-        disabled: 'boolean',
+        disabled: 'flag',
         label: 'string',
@@ -113,3 +113,3 @@ 'icon-url': 'string',
         collapsed: 'boolean',
-        autofocus: 'boolean',
+        autofocus: 'flag',
         'show-header': 'boolean',
@@ -135,4 +135,4 @@ 'show-placeholder': 'boolean',
         'thread-name': 'string',
-        autofocus: 'boolean',
-        disabled: 'boolean',
+        autofocus: 'flag',
+        disabled: 'flag',
         'show-expanded': 'boolean',
@@ -148,3 +148,3 @@ 'show-close-button': 'boolean',
         label: 'string',
-        disabled: 'boolean',
+        disabled: 'flag',
         'icon-url': 'string',
@@ -158,3 +158,3 @@ 'inbox-badge-style': 'badge-style',
         location: 'json',
-        disabled: 'boolean',
+        disabled: 'flag',
         'show-button': 'boolean',
@@ -194,3 +194,3 @@ 'button-label': 'string',
         'badge-style': 'badge-style',
-        disabled: 'boolean',
+        disabled: 'flag',
         ...NotificationListAttributes,
@@ -232,3 +232,3 @@ },
         'display-resolved': 'string',
-        autofocus: 'boolean',
+        autofocus: 'flag',
         'enable-facepile-tooltip': 'boolean',
@@ -250,2 +250,6 @@ 'thread-url': 'string',
     boolean: (value) => (value === null ? undefined : value === 'true'),
+    // For BC, treat the string "false" as false even though for HTML boolean
+    // attributes (which this is trying to emulate) that's still considered set to
+    // true.
+    flag: (value) => (value === null || value === 'false' ? false : true),
     number: (value) => (value ? parseInt(value) : undefined),
@@ -269,2 +273,5 @@ string: (value) => value ?? undefined,
     boolean: (value) => value?.toString(),
+    // Per spec, HTML boolean attributes should be set to '' (though being set to
+    // any value is truthy).
+    flag: (value) => (value === true ? '' : undefined),
     number: (value) => value?.toString(),
@@ -271,0 +278,0 @@ string: (value) => (value === undefined ? undefined : value || ''),

dist/mjs/index.js

@@ -96,3 +96,3 @@ const componentNames = {
     SidebarLauncher: {
-        disabled: 'boolean',
+        disabled: 'flag',
         label: 'string',
@@ -109,3 +109,3 @@ 'icon-url': 'string',
         collapsed: 'boolean',
-        autofocus: 'boolean',
+        autofocus: 'flag',
         'show-header': 'boolean',
@@ -131,4 +131,4 @@ 'show-placeholder': 'boolean',
         'thread-name': 'string',
-        autofocus: 'boolean',
-        disabled: 'boolean',
+        autofocus: 'flag',
+        disabled: 'flag',
         'show-expanded': 'boolean',
@@ -144,3 +144,3 @@ 'show-close-button': 'boolean',
         label: 'string',
-        disabled: 'boolean',
+        disabled: 'flag',
         'icon-url': 'string',
@@ -154,3 +154,3 @@ 'inbox-badge-style': 'badge-style',
         location: 'json',
-        disabled: 'boolean',
+        disabled: 'flag',
         'show-button': 'boolean',
@@ -190,3 +190,3 @@ 'button-label': 'string',
         'badge-style': 'badge-style',
-        disabled: 'boolean',
+        disabled: 'flag',
         ...NotificationListAttributes,
@@ -228,3 +228,3 @@ },
         'display-resolved': 'string',
-        autofocus: 'boolean',
+        autofocus: 'flag',
         'enable-facepile-tooltip': 'boolean',
@@ -246,2 +246,6 @@ 'thread-url': 'string',
     boolean: (value) => (value === null ? undefined : value === 'true'),
+    // For BC, treat the string "false" as false even though for HTML boolean
+    // attributes (which this is trying to emulate) that's still considered set to
+    // true.
+    flag: (value) => (value === null || value === 'false' ? false : true),
     number: (value) => (value ? parseInt(value) : undefined),
@@ -265,2 +269,5 @@ string: (value) => value ?? undefined,
     boolean: (value) => value?.toString(),
+    // Per spec, HTML boolean attributes should be set to '' (though being set to
+    // any value is truthy).
+    flag: (value) => (value === true ? '' : undefined),
     number: (value) => value?.toString(),
@@ -267,0 +274,0 @@ string: (value) => (value === undefined ? undefined : value || ''),

dist/mjs/types/index.d.ts

@@ -86,3 +86,3 @@ import type { BadgeStyle, ComposerSize, JsonValue, Orientation } from '@cord-sdk/types';
     readonly SidebarLauncher: {
-        readonly disabled: "boolean";
+        readonly disabled: "flag";
         readonly label: "string";
@@ -99,3 +99,3 @@ readonly 'icon-url': "string";
         readonly collapsed: "boolean";
-        readonly autofocus: "boolean";
+        readonly autofocus: "flag";
         readonly 'show-header': "boolean";
@@ -121,4 +121,4 @@ readonly 'show-placeholder': "boolean";
         readonly 'thread-name': "string";
-        readonly autofocus: "boolean";
-        readonly disabled: "boolean";
+        readonly autofocus: "flag";
+        readonly disabled: "flag";
         readonly 'show-expanded': "boolean";
@@ -136,3 +136,3 @@ readonly 'show-close-button': "boolean";
         readonly label: "string";
-        readonly disabled: "boolean";
+        readonly disabled: "flag";
         readonly 'icon-url': "string";
@@ -149,3 +149,3 @@ readonly 'inbox-badge-style': "badge-style";
         readonly location: "json";
-        readonly disabled: "boolean";
+        readonly disabled: "flag";
         readonly 'show-button': "boolean";
@@ -192,3 +192,3 @@ readonly 'button-label': "string";
         readonly 'badge-style': "badge-style";
-        readonly disabled: "boolean";
+        readonly disabled: "flag";
     };
@@ -229,3 +229,3 @@ readonly Pin: {
         readonly 'display-resolved': "string";
-        readonly autofocus: "boolean";
+        readonly autofocus: "flag";
         readonly 'enable-facepile-tooltip': "boolean";
@@ -242,2 +242,3 @@ readonly 'thread-url': "string";
     boolean: boolean;
+    flag: boolean;
     number: number;
@@ -244,0 +245,0 @@ string: string;

package.json

 {
   "name": "@cord-sdk/components",
   "description": "Structured information about the Cord web components",
-  "version": "1.40.0",
+  "version": "1.41.0",
   "homepage": "https://docs.cord.com/",
@@ -22,3 +22,3 @@ "license": "MIT",
   "dependencies": {
-    "@cord-sdk/types": "1.40.0"
+    "@cord-sdk/types": "1.41.0"
   },
@@ -25,0 +25,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

31240

increased by2.56%

Lines of code

832

increased by1.84%

Dependency changes

• + Added@cord-sdk/types@1.41.0(transitive)

• - Removed@cord-sdk/types@1.40.0(transitive)

• Updated@cord-sdk/types@1.41.0