@atlaskit/editor-common 109.3.0 → 109.4.0

package/dist/es2019/transforms/list-transforms.js

@@ -0,0 +1,309 @@
+import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
+import { findChildrenByType, findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { getSupportedListTypesSet, isBulletOrOrderedList, isTaskList, convertBlockToInlineContent } from './list-utils';
+export const transformListRecursively = props => {
+  const transformedItems = [];
+  const {
+    listNode,
+    isSourceBulletOrOrdered,
+    isTargetBulletOrOrdered,
+    isSourceTask,
+    isTargetTask,
+    supportedListTypes,
+    schema,
+    targetNodeType
+  } = props;
+  const {
+    taskList,
+    listItem,
+    taskItem,
+    paragraph
+  } = schema.nodes;
+  listNode.forEach(child => {
+    if (isSourceBulletOrOrdered && isTargetTask) {
+      // Convert bullet/ordered => task
+      if (child.type === listItem) {
+        const inlineContent = [];
+        const nestedTaskLists = [];
+        child.forEach(grandChild => {
+          if (supportedListTypes.has(grandChild.type) && grandChild.type !== taskList) {
+            nestedTaskLists.push(transformListRecursively({
+              ...props,
+              listNode: grandChild
+            }));
+          } else {
+            inlineContent.push(...convertBlockToInlineContent(grandChild, schema));
+          }
+        });
+        transformedItems.push(taskItem.create(null, inlineContent.length > 0 ? inlineContent : null));
+        transformedItems.push(...nestedTaskLists);
+      }
+    } else if (isSourceTask && isTargetBulletOrOrdered) {
+      // Convert task => bullet/ordered
+      if (child.type === taskItem) {
+        const inlineContent = [...child.content.content];
+        const paragraphNode = paragraph.create(null, inlineContent.length > 0 ? inlineContent : null);
+        transformedItems.push(listItem.create(null, [paragraphNode]));
+      } else if (child.type === taskList) {
+        const transformedNestedList = transformListRecursively({
+          ...props,
+          listNode: child
+        });
+        const lastItem = transformedItems[transformedItems.length - 1];
+        if ((lastItem === null || lastItem === void 0 ? void 0 : lastItem.type) === listItem) {
+          // Attach nested list to previous item
+          const updatedContent = [...lastItem.content.content, transformedNestedList];
+          transformedItems[transformedItems.length - 1] = listItem.create(lastItem.attrs, updatedContent);
+        } else {
+          // No previous item, flatten nested items
+          transformedItems.push(...transformedNestedList.content.content);
+        }
+      }
+    } else if (isSourceBulletOrOrdered && isTargetBulletOrOrdered) {
+      if (child.type === listItem) {
+        const convertedNestedLists = [];
+        child.forEach(grandChild => {
+          if (supportedListTypes.has(grandChild.type) && grandChild.type !== targetNodeType) {
+            const convertedNode = transformListRecursively({
+              ...props,
+              listNode: grandChild
+            });
+            convertedNestedLists.push(convertedNode);
+          } else {
+            convertedNestedLists.push(grandChild);
+          }
+        });
+        transformedItems.push(listItem.create(null, convertedNestedLists));
+      }
+    }
+  });
+  return targetNodeType.create(null, transformedItems);
+};
+
+/**
+ * Transform list structure between different list types
+ */
+export const transformListStructure = context => {
+  const {
+    tr,
+    sourceNode,
+    sourcePos,
+    targetNodeType
+  } = context;
+  const nodes = tr.doc.type.schema.nodes;
+  try {
+    const listNode = {
+      node: sourceNode,
+      pos: sourcePos
+    };
+    const {
+      node: sourceList,
+      pos: listPos
+    } = listNode;
+    // const { taskList, listItem, taskItem, paragraph } = nodes;
+
+    const isSourceBulletOrOrdered = isBulletOrOrderedList(sourceList.type);
+    const isTargetTask = isTaskList(targetNodeType);
+    const isSourceTask = isTaskList(sourceList.type);
+    const isTargetBulletOrOrdered = isBulletOrOrderedList(targetNodeType);
+    const supportedListTypes = getSupportedListTypesSet(nodes);
+    const newList = transformListRecursively({
+      isSourceBulletOrOrdered,
+      isSourceTask,
+      isTargetBulletOrOrdered,
+      isTargetTask,
+      listNode: sourceList,
+      schema: tr.doc.type.schema,
+      supportedListTypes,
+      targetNodeType
+    });
+    tr.replaceWith(listPos, listPos + sourceList.nodeSize, newList);
+    return tr;
+  } catch {
+    return tr;
+  }
+};
+
+/**
+ * Transform between different list types
+ */
+export const transformBetweenListTypes = context => {
+  const {
+    tr,
+    sourceNode,
+    sourcePos,
+    targetNodeType
+  } = context;
+  const {
+    nodes
+  } = tr.doc.type.schema;
+  const sourceListType = sourceNode.type;
+  const isSourceBulletOrOrdered = isBulletOrOrderedList(sourceListType);
+  const isTargetTask = isTaskList(targetNodeType);
+  const isSourceTask = isTaskList(sourceListType);
+  const isTargetBulletOrOrdered = isBulletOrOrderedList(targetNodeType);
+
+  // Check if we need structure transformation
+  const needsStructureTransform = isSourceBulletOrOrdered && isTargetTask || isSourceTask && isTargetBulletOrOrdered;
+  try {
+    if (!needsStructureTransform) {
+      // Simple type change for same structure lists (bullet <-> ordered)
+      // Apply to the main list
+      tr.setNodeMarkup(sourcePos, targetNodeType);
+
+      // Apply to nested lists
+      const listStart = sourcePos;
+      const listEnd = sourcePos + sourceNode.nodeSize;
+      const supportedListTypesSet = getSupportedListTypesSet(nodes);
+      tr.doc.nodesBetween(listStart, listEnd, (node, pos, parent) => {
+        // Only process nested lists (not the root list we already handled)
+        if (supportedListTypesSet.has(node.type) && pos !== sourcePos) {
+          const isNestedList = parent && (supportedListTypesSet.has(parent.type) || parent.type === nodes.listItem);
+          if (isNestedList) {
+            const shouldTransformNode = node.type === sourceListType || isBulletOrOrderedList(node.type) && isTargetBulletOrOrdered;
+            if (shouldTransformNode) {
+              tr.setNodeMarkup(pos, targetNodeType);
+            }
+          }
+        }
+        return true; // Continue traversing
+      });
+      return tr;
+    } else {
+      return transformListStructure(context);
+    }
+  } catch {
+    return null;
+  }
+};
+
+/**
+ * Transform selection to task list
+ * Handles the special structure where taskItem contains text directly (no paragraph wrapper)
+ */
+export const transformToTaskList = (tr, range, targetNodeType, targetAttrs, nodes) => {
+  try {
+    const {
+      taskItem
+    } = nodes;
+    const listItems = [];
+
+    // Process each block in the range
+    tr.doc.nodesBetween(range.start, range.end, node => {
+      if (node.isBlock) {
+        // For block nodes like paragraphs, directly use their inline content
+        const inlineContent = [...node.content.content];
+        if (inlineContent.length > 0) {
+          // Create task item with inline content directly
+          const listItem = taskItem.create(targetAttrs, inlineContent);
+          listItems.push(listItem);
+        }
+      }
+      return false; // Don't traverse into children
+    });
+    if (listItems.length === 0) {
+      return null;
+    }
+
+    // Create the new task list
+    const newList = targetNodeType.create(targetAttrs, listItems);
+
+    // Replace the range with the new list
+    tr.replaceWith(range.start, range.end, newList);
+    return tr;
+  } catch {
+    return null;
+  }
+};
+export const transformTaskListToBlockNodes = context => {
+  const {
+    tr,
+    targetNodeType,
+    targetAttrs,
+    sourceNode,
+    sourcePos
+  } = context;
+  const {
+    selection
+  } = tr;
+  const schema = selection.$from.doc.type.schema;
+  const taskItemsResult = findChildrenByType(sourceNode, schema.nodes.taskItem);
+  const taskItems = taskItemsResult.map(item => item.node);
+  const taskItemFragments = taskItems.map(taskItem => taskItem.content);
+  let targetNodes = [];
+
+  // Convert fragments to headings if target is heading
+  if (targetNodeType === schema.nodes.heading && targetAttrs) {
+    // convert the fragments to headings
+    const targetHeadingLevel = targetAttrs.level;
+    targetNodes = taskItemFragments.map(fragment => schema.nodes.heading.createChecked({
+      level: targetHeadingLevel
+    }, fragment.content));
+  }
+
+  // Convert fragments to paragraphs if target is paragraphs
+  if (targetNodeType === schema.nodes.paragraph) {
+    // convert the fragments to paragraphs
+    targetNodes = taskItemFragments.map(fragment => schema.nodes.paragraph.createChecked({}, fragment.content));
+  }
+
+  // Convert fragments to code block if target is code block
+  if (targetNodeType === schema.nodes.codeBlock) {
+    // convert the fragments to one code block
+    const codeBlockContent = taskItemFragments.map(fragment => fragment.textBetween(0, fragment.size, '\n')).join('\n');
+    targetNodes = [schema.nodes.codeBlock.createChecked({}, schema.text(codeBlockContent))];
+  }
+
+  // Replace the task list node with the new content in the transaction
+  const slice = new Slice(Fragment.fromArray(targetNodes), 0, 0);
+  const rangeStart = sourcePos !== null ? sourcePos : selection.from;
+  tr.replaceRange(rangeStart, rangeStart + sourceNode.nodeSize, slice);
+  return tr;
+};
+export const getFormattedNode = tr => {
+  const {
+    selection
+  } = tr;
+  const {
+    nodes
+  } = tr.doc.type.schema;
+
+  // Find the node to format from the current selection
+  let nodeToFormat;
+  let nodePos = selection.from;
+
+  // Try to find the current node from selection
+  const selectedNode = findSelectedNodeOfType([nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.expand, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection])(selection);
+  if (selectedNode) {
+    nodeToFormat = selectedNode.node;
+    nodePos = selectedNode.pos;
+  } else {
+    // Try to find parent node (including list parents)
+    const parentNode = findParentNodeOfType([nodes.blockquote, nodes.panel, nodes.expand, nodes.codeBlock, nodes.listItem, nodes.taskItem, nodes.layoutSection])(selection);
+    if (parentNode) {
+      nodeToFormat = parentNode.node;
+      nodePos = parentNode.pos;
+      const paragraphOrHeadingNode = findParentNodeOfType([nodes.paragraph, nodes.heading])(selection);
+      // Special case: if we found a listItem, check if we need the parent list instead
+      if (parentNode.node.type === nodes.listItem || parentNode.node.type === nodes.taskItem) {
+        const listParent = findParentNodeOfType([nodes.bulletList, nodes.orderedList, nodes.taskList])(selection);
+        if (listParent) {
+          // For list transformations, we want the list parent, not the listItem
+          nodeToFormat = listParent.node;
+          nodePos = listParent.pos;
+        }
+      } else if (parentNode.node.type !== nodes.blockquote && paragraphOrHeadingNode) {
+        nodeToFormat = paragraphOrHeadingNode.node;
+        nodePos = paragraphOrHeadingNode.pos;
+      }
+    }
+  }
+  if (!nodeToFormat) {
+    nodeToFormat = selection.$from.node();
+    nodePos = selection.$from.pos;
+  }
+  return {
+    node: nodeToFormat,
+    pos: nodePos
+  };
+};

package/dist/es2019/transforms/list-types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/transforms/list-utils.js

@@ -0,0 +1,30 @@
+// List type utilities
+export const isBulletOrOrderedList = nodeType => {
+  return nodeType.name === 'bulletList' || nodeType.name === 'orderedList';
+};
+export const isTaskList = nodeType => {
+  return nodeType.name === 'taskList';
+};
+export const getSupportedListTypes = nodes => {
+  return [nodes.bulletList, nodes.orderedList, nodes.taskList].filter(Boolean);
+};
+export const getSupportedListTypesSet = nodes => {
+  return new Set(getSupportedListTypes(nodes));
+};
+
+/**
+ * Convert a block node to inline content suitable for task items
+ */
+export const convertBlockToInlineContent = (node, schema) => {
+  const {
+    paragraph
+  } = schema.nodes;
+  if (node.type === paragraph) {
+    return [...node.content.content];
+  }
+  if (node.isBlock) {
+    const textContent = node.textContent;
+    return textContent ? [schema.text(textContent)] : [];
+  }
+  return [node];
+};

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "109.2.0";
+const packageVersion = "109.3.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/Shortcut/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/Toolbar/ButtonGroup.js

@@ -1,4 +1,4 @@
-/* ButtonGroup.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ButtonGroup.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./ButtonGroup.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/Toolbar/DropdownTriggerWrapper.js

@@ -1,4 +1,4 @@
-/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./DropdownTriggerWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/Toolbar/DropdownWrapper.compiled.css

@@ -2,6 +2,7 @@
 ._1fvdglyw button:not([disabled]):after{border:none}._18u0idpf{margin-left:0}
 ._1e0c1txw{display:flex}
 ._1ul91wug{min-width:auto}
+._1xdi1txw >span{display:flex}
 ._1ylx1txw >div>div{display:flex}
 ._4cvr1h6o{align-items:center}
-._p7r11txw >div, ._1xdi1txw >span{display:flex}
+._p7r11txw >div{display:flex}

package/dist/es2019/ui/Toolbar/DropdownWrapper.js

@@ -1,4 +1,4 @@
-/* DropdownWrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* DropdownWrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./DropdownWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/Toolbar/ExpandIcon.js

@@ -1,4 +1,4 @@
-/* ExpandIcon.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ExpandIcon.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./ExpandIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/Toolbar/Separator.js

@@ -1,4 +1,4 @@
-/* Separator.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Separator.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./Separator.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/analytics/types/enums.js

@@ -190,6 +190,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["SUGGESTION_INSERTED"] = "suggestionInserted";
   ACTION["SUGGESTION_DISMISSED"] = "suggestionDismissed";
   ACTION["SUGGESTION_VIEWED"] = "suggestionViewed";
+  ACTION["INITIAL_EDITOR_WIDTH"] = "initialEditorWidth";
   return ACTION;
 }({});
 export var INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {

package/dist/esm/analytics/types/width-events.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/element-browser/components/ViewMore.js

@@ -1,4 +1,4 @@
-/* ViewMore.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ViewMore.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./ViewMore.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "109.2.0";
+var packageVersion = "109.3.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/styles/shared/table.js

@@ -53,7 +53,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
 var tableSharedStyle = function tableSharedStyle() {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* support panel nested in table */\n\t", "\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\n\t\t\t", " {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: ", ";\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t> tbody > tr > td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", fg('platform_editor_bordered_panel_nested_in_table') ? ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", fg('platform_editor_renderer_table_header_styles') ? "> tbody > tr > th, > tbody > tr > td" : 'th, td', tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* support panel nested in table */\n\t", "\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\n\n\t\t\t> tbody > tr > th, > tbody > tr > td {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: ", ";\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t> tbody > tr > td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", fg('platform_editor_bordered_panel_nested_in_table') ? ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   }), "var(--ds-background-neutral, rgb(235, 237, 240))", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", overflowShadow({
     leftCoverWidth: "var(--ds-space-300, 24px)"

package/dist/esm/transforms/index.js

@@ -5,4 +5,6 @@ export { unwrapContentFromLayout, removeLayoutFromFirstChild, removeLayoutFromLa
 export { findExpand, transformSliceToRemoveOpenExpand, transformSliceToRemoveOpenNestedExpand, transformSliceNestedExpandToExpand, transformSliceExpandToNestedExpand } from './expand';
 export { transformSliceToRemoveOpenBodiedExtension, transformSliceToRemoveOpenMultiBodiedExtension, transformSliceToRemoveLegacyContentMacro, transformSliceToRemoveMacroId } from './extension';
 export { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark, findCodeBlock } from './code-block';
-export { transformSliceToDecisionList } from './decision-list';
+export { transformSliceToDecisionList } from './decision-list';
+export { transformListStructure, transformBetweenListTypes, transformListRecursively, transformToTaskList, transformTaskListToBlockNodes, getFormattedNode } from './list-transforms';
+export { isBulletOrOrderedList, isTaskList, getSupportedListTypesSet, convertBlockToInlineContent } from './list-utils';