@atlaskit/adf-schema 37.2.1 → 38.0.0

package/dist/esm/schema/nodes/expand.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { expand as expandFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name expand_node
  */
@@ -20,21 +22,7 @@ function getExpandAttrs(domNode) {
     __expanded: true
   };
 }
-export var expand = {
-  inline: false,
-  group: 'block',
-  marks: 'dataConsumer fragment unsupportedMark unsupportedNodeAttribute',
-  content: '(paragraph | panel | blockquote | orderedList | bulletList | rule | heading | codeBlock | mediaGroup | mediaSingle | decisionList | taskList | table | blockCard | embedCard | extension | unsupportedBlock)+',
-  isolating: true,
-  selectable: true,
-  attrs: {
-    title: {
-      default: ''
-    },
-    __expanded: {
-      default: true
-    }
-  },
+export var expand = expandFactory({
   parseDOM: [{
     context: 'table//',
     tag: 'div[data-node-type="expand"]',
@@ -65,7 +53,7 @@ export var expand = {
     };
     return ['div', attrs, 0];
   }
-};
+});
 export var toJSON = function toJSON(node) {
   return {
     attrs: Object.keys(node.attrs).filter(function (key) {

package/dist/esm/schema/nodes/extension.js

@@ -1,4 +1,5 @@
 import { getExtensionAttrs } from '../../utils/extensions';
+import { extension as extensionFactory } from '../../next-schema/generated/nodeTypes';
 
 /**
  * @name extension_node
@@ -8,51 +9,23 @@ import { getExtensionAttrs } from '../../utils/extensions';
  * @name extension_with_marks_node
  */
 
-var createExtensionNodeSpec = function createExtensionNodeSpec() {
-  var nodeSpec = {
-    inline: false,
-    group: 'block',
-    atom: true,
-    selectable: true,
-    attrs: {
-      extensionType: {
-        default: ''
-      },
-      extensionKey: {
-        default: ''
-      },
-      parameters: {
-        default: null
-      },
-      text: {
-        default: null
-      },
-      layout: {
-        default: 'default'
-      },
-      localId: {
-        default: null
-      }
-    },
-    parseDOM: [{
-      tag: '[data-node-type="extension"]',
-      getAttrs: function getAttrs(domNode) {
-        return getExtensionAttrs(domNode);
-      }
-    }],
-    toDOM: function toDOM(node) {
-      var attrs = {
-        'data-node-type': 'extension',
-        'data-extension-type': node.attrs.extensionType,
-        'data-extension-key': node.attrs.extensionKey,
-        'data-text': node.attrs.text,
-        'data-parameters': JSON.stringify(node.attrs.parameters),
-        'data-layout': node.attrs.layout,
-        'data-local-id:': node.attrs.localId
-      };
-      return ['div', attrs];
+export var extension = extensionFactory({
+  parseDOM: [{
+    tag: '[data-node-type="extension"]',
+    getAttrs: function getAttrs(domNode) {
+      return getExtensionAttrs(domNode);
     }
-  };
-  return nodeSpec;
-};
-export var extension = createExtensionNodeSpec();
+  }],
+  toDOM: function toDOM(node) {
+    var attrs = {
+      'data-node-type': 'extension',
+      'data-extension-type': node.attrs.extensionType,
+      'data-extension-key': node.attrs.extensionKey,
+      'data-text': node.attrs.text,
+      'data-parameters': JSON.stringify(node.attrs.parameters),
+      'data-layout': node.attrs.layout,
+      'data-local-id:': node.attrs.localId
+    };
+    return ['div', attrs];
+  }
+});

package/dist/esm/schema/nodes/hard-break.js

@@ -1,15 +1,14 @@
+import { hardBreak as hardBreakFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name hardBreak_node
  */
 
-export var hardBreak = {
-  inline: true,
-  group: 'inline',
-  selectable: false,
+export var hardBreak = hardBreakFactory({
   parseDOM: [{
     tag: 'br'
   }],
   toDOM: function toDOM() {
     return ['br'];
   }
-};
+});

package/dist/esm/schema/nodes/heading.js

@@ -1,3 +1,5 @@
+import { heading as headingFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name heading_node
  */
@@ -24,19 +26,7 @@ var getAttrs = function getAttrs(level) {
     };
   };
 };
-export var heading = {
-  attrs: {
-    level: {
-      default: 1
-    },
-    localId: {
-      default: null
-    }
-  },
-  content: "inline*",
-  group: 'block',
-  defining: true,
-  selectable: false,
+export var heading = headingFactory({
   parseDOM: [{
     tag: 'h1',
     getAttrs: getAttrs(1)
@@ -66,4 +56,4 @@ export var heading = {
     }] : [];
     return [name].concat(attrs, [0]);
   }
-};
+});

package/dist/esm/schema/nodes/image.js

@@ -1,18 +1,5 @@
-export var image = {
-  group: 'inline',
-  inline: true,
-  attrs: {
-    src: {
-      default: ''
-    },
-    alt: {
-      default: ''
-    },
-    title: {
-      default: null
-    }
-  },
-  draggable: true,
+import { image as imageFactory } from '../../next-schema/generated/nodeTypes';
+export var image = imageFactory({
   parseDOM: [{
     tag: 'img[src^="data:image/"]',
     ignore: true
@@ -30,4 +17,4 @@ export var image = {
   toDOM: function toDOM(node) {
     return ['img', node.attrs];
   }
-};
+});

package/dist/esm/schema/nodes/inline-card.js

@@ -1,20 +1,10 @@
+import { inlineCard as inlineCardFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name inlineCard_node
  */
 
-export var inlineCard = {
-  inline: true,
-  group: 'inline',
-  selectable: true,
-  draggable: true,
-  attrs: {
-    url: {
-      default: null
-    },
-    data: {
-      default: null
-    }
-  },
+export var inlineCard = inlineCardFactory({
   parseDOM: [{
     tag: 'a[data-inline-card], span[data-inline-card]',
     // bump priority higher than hyperlink
@@ -54,4 +44,4 @@ export var inlineCard = {
       return ['a', attrs];
     }
   }
-};
+});

package/dist/esm/schema/nodes/inline-extension.js

@@ -1,4 +1,5 @@
 import { getExtensionAttrs } from '../../utils/extensions';
+import { inlineExtensionWithMarks as inlineExtensionWithMarksFactory } from '../../next-schema/generated/nodeTypes';
 
 /**
  * @name inlineExtension_node
@@ -8,46 +9,22 @@ import { getExtensionAttrs } from '../../utils/extensions';
  * @name inlineExtension_with_marks_node
  */
 
-var createInlineExtensionNodeSpec = function createInlineExtensionNodeSpec() {
-  var nodeSpec = {
-    inline: true,
-    group: 'inline',
-    selectable: true,
-    attrs: {
-      extensionType: {
-        default: ''
-      },
-      extensionKey: {
-        default: ''
-      },
-      parameters: {
-        default: null
-      },
-      text: {
-        default: null
-      },
-      localId: {
-        default: null
-      }
-    },
-    parseDOM: [{
-      tag: 'span[data-extension-type]',
-      getAttrs: function getAttrs(domNode) {
-        return getExtensionAttrs(domNode, true);
-      }
-    }],
-    toDOM: function toDOM(node) {
-      var attrs = {
-        'data-extension-type': node.attrs.extensionType,
-        'data-extension-key': node.attrs.extensionKey,
-        'data-text': node.attrs.text,
-        'data-parameters': JSON.stringify(node.attrs.parameters),
-        'data-local-id:': node.attrs.localId,
-        contenteditable: 'false'
-      };
-      return ['span', attrs];
+export var inlineExtension = inlineExtensionWithMarksFactory({
+  parseDOM: [{
+    tag: 'span[data-extension-type]',
+    getAttrs: function getAttrs(domNode) {
+      return getExtensionAttrs(domNode, true);
     }
-  };
-  return nodeSpec;
-};
-export var inlineExtension = createInlineExtensionNodeSpec();
+  }],
+  toDOM: function toDOM(node) {
+    var attrs = {
+      'data-extension-type': node.attrs.extensionType,
+      'data-extension-key': node.attrs.extensionKey,
+      'data-text': node.attrs.text,
+      'data-parameters': JSON.stringify(node.attrs.parameters),
+      'data-local-id:': node.attrs.localId,
+      contenteditable: 'false'
+    };
+    return ['span', attrs];
+  }
+});

package/dist/esm/schema/nodes/layout-column.js

@@ -1,17 +1,10 @@
+import { layoutColumn as layoutColumnFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name layoutColumn_node
  */
 
-export var layoutColumn = {
-  content: '(block|unsupportedBlock)+',
-  isolating: true,
-  marks: 'alignment indentation dataConsumer fragment unsupportedMark unsupportedNodeAttribute',
-  selectable: false,
-  attrs: {
-    width: {
-      default: undefined
-    }
-  },
+export var layoutColumn = layoutColumnFactory({
   parseDOM: [{
     context: 'layoutColumn//',
     tag: 'div[data-layout-column]',
@@ -32,7 +25,7 @@ export var layoutColumn = {
     var width = node.attrs.width;
     if (width) {
       attrs['style'] = "flex-basis: ".concat(width, "%");
-      attrs['data-column-width'] = width;
+      attrs['data-column-width'] = "".concat(width);
     }
 
     // We need to apply a attribute to the inner most child to help
@@ -42,4 +35,4 @@ export var layoutColumn = {
     };
     return ['div', attrs, ['div', contentAttrs, 0]];
   }
-};
+});

package/dist/esm/schema/nodes/layout-section.js

@@ -1,3 +1,6 @@
+import { layoutSection as layoutSectionFactory } from '../../next-schema/generated/nodeTypes';
+import { layoutSectionFull as layoutSectionFullFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name layoutSection_node
  */
@@ -15,10 +18,7 @@
  * @name layoutSection_with_single_column_node
  */
 
-export var layoutSection = {
-  content: '(layoutColumn | unsupportedBlock){1,3} unsupportedBlock* | unsupportedBlock+',
-  marks: 'unsupportedMark unsupportedNodeAttribute',
-  isolating: true,
+export var layoutSection = layoutSectionFactory({
   parseDOM: [{
     context: 'layoutSection//|layoutColumn//',
     tag: 'div[data-layout-section]',
@@ -32,11 +32,25 @@ export var layoutSection = {
     };
     return ['div', attrs, 0];
   }
-};
-export var layoutSectionWithSingleColumn = {
-  content: '(layoutColumn | unsupportedBlock){1,3} unsupportedBlock* | unsupportedBlock+',
-  marks: 'unsupportedMark unsupportedNodeAttribute',
-  isolating: true,
+});
+export var layoutSectionFull = layoutSectionFullFactory({
+  parseDOM: [{
+    context: 'layoutSection//|layoutColumn//',
+    tag: 'div[data-layout-section]',
+    skip: true
+  }, {
+    tag: 'div[data-layout-section]'
+  }],
+  toDOM: function toDOM() {
+    var attrs = {
+      'data-layout-section': 'true'
+    };
+    return ['div', attrs, 0];
+  }
+});
+
+// it's same as layoutSection
+export var layoutSectionWithSingleColumn = layoutSectionFactory({
   parseDOM: [{
     context: 'layoutSection//|layoutColumn//',
     tag: 'div[data-layout-section]',
@@ -50,4 +64,4 @@ export var layoutSectionWithSingleColumn = {
     };
     return ['div', attrs, 0];
   }
-};
+});

package/dist/esm/schema/nodes/list-item.js

@@ -1,29 +1,23 @@
-export var listItem = {
-  content: '(paragraph | mediaSingle | codeBlock | unsupportedBlock) (paragraph | bulletList | orderedList | mediaSingle | codeBlock | unsupportedBlock)*',
-  marks: 'unsupportedMark unsupportedNodeAttribute',
-  defining: true,
-  selectable: false,
+import { listItem as listItemFactory } from '../../next-schema/generated/nodeTypes';
+import { listItemLegacy as listItemLegacyFactory } from '../../next-schema/generated/nodeTypes';
+export var listItem = listItemLegacyFactory({
   parseDOM: [{
     tag: 'li'
   }],
   toDOM: function toDOM() {
     return ['li', 0];
   }
-};
+});
 
 /**
  * @name list_item_with_task
  * @description this node allows task-list to be nested inside list-item
  */
-export var listItemWithTask = {
-  content: '(paragraph | mediaSingle | codeBlock | unsupportedBlock) (paragraph | bulletList | orderedList | taskList | mediaSingle | codeBlock | unsupportedBlock)*',
-  marks: 'unsupportedMark unsupportedNodeAttribute',
-  defining: true,
-  selectable: false,
+export var listItemWithTask = listItemFactory({
   parseDOM: [{
     tag: 'li'
   }],
   toDOM: function toDOM() {
     return ['li', 0];
   }
-};
+});

package/dist/esm/schema/nodes/media-group.js

@@ -1,3 +1,5 @@
+import { mediaGroup as mediaGroupFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name mediaGroup_node
  */
@@ -5,13 +7,7 @@
 // Temporary due to an existing issue in validator below:
 // https://product-fabric.atlassian.net/jira/servicedesk/projects/DTR/queues/issue/DTR-1429
 // TODO: Remove border and link marks from white list
-export var mediaGroup = {
-  inline: false,
-  group: 'block',
-  content: '(media|unsupportedBlock)+',
-  attrs: {},
-  marks: 'unsupportedMark unsupportedNodeAttribute annotation border link',
-  selectable: false,
+export var mediaGroup = mediaGroupFactory({
   parseDOM: [{
     tag: 'div[data-node-type="mediaGroup"]'
   }, {
@@ -22,4 +18,4 @@ export var mediaGroup = {
       'data-node-type': 'mediaGroup'
     }, 0];
   }
-};
+});

package/dist/esm/schema/nodes/media-inline.js

@@ -1,7 +1,8 @@
-import { createMediaSpec, defaultAttrs } from './media';
+import { createMediaSpec } from './media';
+import { mediaInline as mediaInlineFactory } from '../../next-schema/generated/nodeTypes';
 
 /**
  * @name mediaInline_node
  */
 
-export var mediaInline = createMediaSpec(defaultAttrs, true);
+export var mediaInline = createMediaSpec(mediaInlineFactory({}).attrs, true);

package/dist/esm/schema/nodes/media-single.js

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { WidthType } from './types/rich-media-common';
 import { isDOMElement } from '../../utils/parseDOM';
+import { mediaSingle as mediaSingleFactory, mediaSingleCaption as mediaSingleCaptionFactory, mediaSingleFull as mediaSingleFullFactory, mediaSingleWidthType as mediaSingleWidthTypeFactory } from '../../next-schema/generated/nodeTypes';
 
 /**
  * @name mediaSingle_node
@@ -39,8 +40,6 @@ export var mediaSingleSpec = function mediaSingleSpec(_ref) {
     withCaption = _ref$withCaption === void 0 ? false : _ref$withCaption,
     _ref$withExtendedWidt = _ref.withExtendedWidthTypes,
     withExtendedWidthTypes = _ref$withExtendedWidt === void 0 ? false : _ref$withExtendedWidt;
-  var content = withCaption ? 'media|unsupportedBlock+|media (caption|unsupportedBlock) unsupportedBlock*' : 'media|unsupportedBlock+|media unsupportedBlock+';
-  var atom = !withCaption;
   var getAttrs = function getAttrs(dom) {
     if (!isDOMElement(dom)) {
       // this should never happen
@@ -90,18 +89,40 @@ export var mediaSingleSpec = function mediaSingleSpec(_ref) {
     }
     return attrs;
   };
-  return {
-    inline: false,
-    group: 'block',
-    selectable: true,
-    atom: atom,
-    content: content,
-    attrs: withExtendedWidthTypes ? _objectSpread(_objectSpread({}, defaultAttrs), {}, {
-      widthType: {
-        default: null
+  if (withExtendedWidthTypes && withCaption) {
+    return mediaSingleFullFactory({
+      parseDOM: [{
+        tag: 'div[data-node-type="mediaSingle"]',
+        getAttrs: getAttrs
+      }],
+      toDOM: function toDOM(node) {
+        return ['div', getAttrsFromNode(node), 0];
+      }
+    });
+  }
+  if (withExtendedWidthTypes && !withCaption) {
+    return mediaSingleWidthTypeFactory({
+      parseDOM: [{
+        tag: 'div[data-node-type="mediaSingle"]',
+        getAttrs: getAttrs
+      }],
+      toDOM: function toDOM(node) {
+        return ['div', getAttrsFromNode(node), 0];
       }
-    }) : defaultAttrs,
-    marks: 'unsupportedMark unsupportedNodeAttribute annotation border link',
+    });
+  }
+  if (!withExtendedWidthTypes && withCaption) {
+    return mediaSingleCaptionFactory({
+      parseDOM: [{
+        tag: 'div[data-node-type="mediaSingle"]',
+        getAttrs: getAttrs
+      }],
+      toDOM: function toDOM(node) {
+        return ['div', getAttrsFromNode(node), 0];
+      }
+    });
+  }
+  return mediaSingleFactory({
     parseDOM: [{
       tag: 'div[data-node-type="mediaSingle"]',
       getAttrs: getAttrs
@@ -109,7 +130,7 @@ export var mediaSingleSpec = function mediaSingleSpec(_ref) {
     toDOM: function toDOM(node) {
       return ['div', getAttrsFromNode(node), 0];
     }
-  };
+  });
 };
 export var mediaSingle = mediaSingleSpec({
   withCaption: false,

package/dist/esm/schema/nodes/media.js

@@ -1,59 +1,12 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { N30 } from '../../utils/colors';
+import { media as mediaFactory } from '../../next-schema/generated/nodeTypes';
+import { mediaInline as mediaInlineFactory } from '../../next-schema/generated/nodeTypes';
 
 /**
  * @name media_node
  */
 
-export var defaultAttrs = {
-  id: {
-    default: ''
-  },
-  type: {
-    default: 'file'
-  },
-  collection: {
-    default: ''
-  },
-  occurrenceKey: {
-    default: null
-  },
-  alt: {
-    default: ''
-  },
-  width: {
-    default: null
-  },
-  height: {
-    default: null
-  },
-  url: {
-    default: null
-  },
-  __fileName: {
-    default: null
-  },
-  __fileSize: {
-    default: null
-  },
-  __fileMimeType: {
-    default: null
-  },
-  __displayType: {
-    default: null
-  },
-  __contextId: {
-    default: null
-  },
-  __mediaTraceId: {
-    default: null
-  },
-  __external: {
-    default: false
-  }
-};
+export var defaultAttrs = mediaFactory({}).attrs;
 export var createMediaSpec = function createMediaSpec(attributes) {
   var inline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var domNodeType = inline ? 'span' : 'div';
@@ -108,41 +61,42 @@ export var createMediaSpec = function createMediaSpec(attributes) {
       }
     });
   }
-  return _objectSpread(_objectSpread({
-    selectable: true,
-    inline: inline
-  }, inline && {
-    group: 'inline'
-  }), {}, {
-    attrs: attributes,
+  var toDOM = function toDOM(node) {
+    var attrs = {
+      'data-id': node.attrs.id,
+      'data-node-type': "".concat(nodeName),
+      'data-type': node.attrs.type,
+      'data-collection': node.attrs.collection,
+      'data-occurrence-key': node.attrs.occurrenceKey,
+      'data-width': node.attrs.width,
+      'data-height': node.attrs.height,
+      'data-url': node.attrs.url,
+      'data-alt': node.attrs.alt,
+      // toDOM is used for static rendering as well as editor rendering. This comes into play for
+      // emails, copy/paste, etc, so the title and styling here *is* useful (despite a React-based
+      // node view being used for editing).
+      title: 'Attachment',
+      // Manually kept in sync with the style of media cards. The goal is to render a plain gray
+      // rectangle that provides an affordance for media.
+      style: "display: inline-block; border-radius: 3px; background: ".concat(N30, "; box-shadow: 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24);")
+    };
+    copyPrivateAttributes(node.attrs, attrs, function (key) {
+      return "data-".concat(camelCaseToKebabCase(key.slice(2)));
+    });
+    return ["".concat(domNodeType), attrs];
+  };
+  if (inline) {
+    return mediaInlineFactory({
+      parseDOM: parseDOM,
+      toDOM: toDOM
+    });
+  }
+  return mediaFactory({
     parseDOM: parseDOM,
-    toDOM: function toDOM(node) {
-      var attrs = {
-        'data-id': node.attrs.id,
-        'data-node-type': "".concat(nodeName),
-        'data-type': node.attrs.type,
-        'data-collection': node.attrs.collection,
-        'data-occurrence-key': node.attrs.occurrenceKey,
-        'data-width': node.attrs.width,
-        'data-height': node.attrs.height,
-        'data-url': node.attrs.url,
-        'data-alt': node.attrs.alt,
-        // toDOM is used for static rendering as well as editor rendering. This comes into play for
-        // emails, copy/paste, etc, so the title and styling here *is* useful (despite a React-based
-        // node view being used for editing).
-        title: 'Attachment',
-        // Manually kept in sync with the style of media cards. The goal is to render a plain gray
-        // rectangle that provides an affordance for media.
-        style: "display: inline-block; border-radius: 3px; background: ".concat(N30, "; box-shadow: 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24);")
-      };
-      copyPrivateAttributes(node.attrs, attrs, function (key) {
-        return "data-".concat(camelCaseToKebabCase(key.slice(2)));
-      });
-      return ["".concat(domNodeType), attrs];
-    }
+    toDOM: toDOM
   });
 };
-export var media = createMediaSpec(defaultAttrs);
+export var media = createMediaSpec(defaultAttrs, false);
 export var camelCaseToKebabCase = function camelCaseToKebabCase(str) {
   return str.replace(/([^A-Z]+)([A-Z])/g, function (_, x, y) {
     return "".concat(x, "-").concat(y.toLowerCase());