@uniformdev/design-system 20.6.5-alpha.1 → 20.7.1-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/esm/index.js +10 -5
  2. package/dist/index.js +10 -5
  3. package/package.json +4 -4
package/dist/esm/index.js CHANGED
@@ -14172,7 +14172,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14172
14172
  });
14173
14173
  });
14174
14174
  }, [editor, updateToolbar]);
14175
- return /* @__PURE__ */ jsxs83("div", { css: toolbar, children: [
14175
+ return /* @__PURE__ */ jsxs83("div", { css: toolbar, "data-testid": "rich-text-toolbar", children: [
14176
14176
  /* @__PURE__ */ jsxs83(
14177
14177
  Menu,
14178
14178
  {
@@ -14192,6 +14192,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14192
14192
  ].map((element) => /* @__PURE__ */ jsx124(
14193
14193
  MenuItem,
14194
14194
  {
14195
+ "data-testid": "menu-item",
14195
14196
  onClick: () => {
14196
14197
  onSelectElement(element.type);
14197
14198
  },
@@ -14203,10 +14204,11 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14203
14204
  ]
14204
14205
  }
14205
14206
  ),
14206
- visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsxs83("div", { css: toolbarGroup, children: [
14207
+ visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsxs83("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-formatting", children: [
14207
14208
  visibleFormatsWithIcon.map((format) => /* @__PURE__ */ jsx124(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ jsx124(
14208
14209
  "button",
14209
14210
  {
14211
+ "data-testid": `formatting-button-${format.type}`,
14210
14212
  onClick: () => {
14211
14213
  editor.dispatchCommand(FORMAT_TEXT_COMMAND, format.type);
14212
14214
  },
@@ -14235,10 +14237,11 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14235
14237
  }
14236
14238
  ) : null
14237
14239
  ] }) : null,
14238
- visibleElementsWithIcons.size > 0 || customControls ? /* @__PURE__ */ jsxs83("div", { css: toolbarGroup, children: [
14240
+ visibleElementsWithIcons.size > 0 || customControls ? /* @__PURE__ */ jsxs83("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-elements", children: [
14239
14241
  linkElementVisible ? /* @__PURE__ */ jsx124(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ jsx124(
14240
14242
  "button",
14241
14243
  {
14244
+ "data-testid": "element-link",
14242
14245
  onClick: () => {
14243
14246
  if (isLink) {
14244
14247
  editor.dispatchCommand(REMOVE_LINK_NODE_COMMAND, {});
@@ -14254,6 +14257,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14254
14257
  visibleLists.has("unorderedList") ? /* @__PURE__ */ jsx124(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ jsx124(
14255
14258
  "button",
14256
14259
  {
14260
+ "data-testid": "element-unordered-list",
14257
14261
  onClick: () => {
14258
14262
  if (activeElement === "unorderedList") {
14259
14263
  editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
@@ -14271,6 +14275,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14271
14275
  visibleLists.has("orderedList") ? /* @__PURE__ */ jsx124(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ jsx124(
14272
14276
  "button",
14273
14277
  {
14278
+ "data-testid": "element-ordered-list",
14274
14279
  onClick: () => {
14275
14280
  if (activeElement === "orderedList") {
14276
14281
  editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
@@ -14288,7 +14293,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14288
14293
  ] }) : null,
14289
14294
  customControls ? customControls : null
14290
14295
  ] }) : null,
14291
- visibleInsertElementsWithIcons.size > 0 ? /* @__PURE__ */ jsx124("div", { css: toolbarGroup, children: /* @__PURE__ */ jsxs83(
14296
+ visibleInsertElementsWithIcons.size > 0 ? /* @__PURE__ */ jsx124("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-insert", children: /* @__PURE__ */ jsxs83(
14292
14297
  Menu,
14293
14298
  {
14294
14299
  menuTrigger: /* @__PURE__ */ jsxs83("button", { css: richTextToolbarButton, title: "Insert block element", children: [
@@ -14680,7 +14685,7 @@ var RichText = ({
14680
14685
  /* @__PURE__ */ jsx125(ListPlugin, {}),
14681
14686
  /* @__PURE__ */ jsx125(ListIndentPlugin, { maxDepth: 4 }),
14682
14687
  /* @__PURE__ */ jsx125(TablePlugin, { hasCellMerge: false, hasCellBackgroundColor: false }),
14683
- /* @__PURE__ */ jsx125("div", { css: editorContainerOverflowWrapper, children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ jsx125(
14688
+ /* @__PURE__ */ jsx125("div", { css: editorContainerOverflowWrapper, "data-testid": "table-action-menu-plugin", children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ jsx125(
14684
14689
  TableActionMenuPlugin,
14685
14690
  {
14686
14691
  positioningAnchorEl: editorContainerRef,
package/dist/index.js CHANGED
@@ -15998,7 +15998,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
15998
15998
  });
15999
15999
  });
16000
16000
  }, [editor, updateToolbar]);
16001
- return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { css: toolbar, children: [
16001
+ return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { css: toolbar, "data-testid": "rich-text-toolbar", children: [
16002
16002
  /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
16003
16003
  Menu,
16004
16004
  {
@@ -16018,6 +16018,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
16018
16018
  ].map((element) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
16019
16019
  MenuItem,
16020
16020
  {
16021
+ "data-testid": "menu-item",
16021
16022
  onClick: () => {
16022
16023
  onSelectElement(element.type);
16023
16024
  },
@@ -16029,10 +16030,11 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
16029
16030
  ]
16030
16031
  }
16031
16032
  ),
16032
- visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { css: toolbarGroup, children: [
16033
+ visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-formatting", children: [
16033
16034
  visibleFormatsWithIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
16034
16035
  "button",
16035
16036
  {
16037
+ "data-testid": `formatting-button-${format.type}`,
16036
16038
  onClick: () => {
16037
16039
  editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, format.type);
16038
16040
  },
@@ -16061,10 +16063,11 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
16061
16063
  }
16062
16064
  ) : null
16063
16065
  ] }) : null,
16064
- visibleElementsWithIcons.size > 0 || customControls ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { css: toolbarGroup, children: [
16066
+ visibleElementsWithIcons.size > 0 || customControls ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-elements", children: [
16065
16067
  linkElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
16066
16068
  "button",
16067
16069
  {
16070
+ "data-testid": "element-link",
16068
16071
  onClick: () => {
16069
16072
  if (isLink) {
16070
16073
  editor.dispatchCommand(REMOVE_LINK_NODE_COMMAND, {});
@@ -16080,6 +16083,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
16080
16083
  visibleLists.has("unorderedList") ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
16081
16084
  "button",
16082
16085
  {
16086
+ "data-testid": "element-unordered-list",
16083
16087
  onClick: () => {
16084
16088
  if (activeElement === "unorderedList") {
16085
16089
  editor.dispatchCommand(import_list2.REMOVE_LIST_COMMAND, void 0);
@@ -16097,6 +16101,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
16097
16101
  visibleLists.has("orderedList") ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
16098
16102
  "button",
16099
16103
  {
16104
+ "data-testid": "element-ordered-list",
16100
16105
  onClick: () => {
16101
16106
  if (activeElement === "orderedList") {
16102
16107
  editor.dispatchCommand(import_list2.REMOVE_LIST_COMMAND, void 0);
@@ -16114,7 +16119,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
16114
16119
  ] }) : null,
16115
16120
  customControls ? customControls : null
16116
16121
  ] }) : null,
16117
- visibleInsertElementsWithIcons.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { css: toolbarGroup, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
16122
+ visibleInsertElementsWithIcons.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-insert", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
16118
16123
  Menu,
16119
16124
  {
16120
16125
  menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("button", { css: richTextToolbarButton, title: "Insert block element", children: [
@@ -16506,7 +16511,7 @@ var RichText = ({
16506
16511
  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_LexicalListPlugin.ListPlugin, {}),
16507
16512
  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ListIndentPlugin, { maxDepth: 4 }),
16508
16513
  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_LexicalTablePlugin.TablePlugin, { hasCellMerge: false, hasCellBackgroundColor: false }),
16509
- /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { css: editorContainerOverflowWrapper, children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
16514
+ /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { css: editorContainerOverflowWrapper, "data-testid": "table-action-menu-plugin", children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
16510
16515
  TableActionMenuPlugin,
16511
16516
  {
16512
16517
  positioningAnchorEl: editorContainerRef,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "20.6.5-alpha.1+1b1a069415",
3
+ "version": "20.7.1-alpha.4+20185a97ff",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -26,8 +26,8 @@
26
26
  "@storybook/theming": "^8.3.3",
27
27
  "@types/react": "18.3.11",
28
28
  "@types/react-dom": "18.3.1",
29
- "@uniformdev/canvas": "^20.6.5-alpha.1+1b1a069415",
30
- "@uniformdev/richtext": "^20.6.5-alpha.1+1b1a069415",
29
+ "@uniformdev/canvas": "^20.7.1-alpha.4+20185a97ff",
30
+ "@uniformdev/richtext": "^20.7.1-alpha.4+20185a97ff",
31
31
  "autoprefixer": "10.4.16",
32
32
  "hygen": "6.2.11",
33
33
  "postcss": "8.4.47",
@@ -77,5 +77,5 @@
77
77
  "publishConfig": {
78
78
  "access": "public"
79
79
  },
80
- "gitHead": "1b1a06941575fefd19f3ab5621a0c403aa2cf7d5"
80
+ "gitHead": "20185a97ff6c2de2f871223af12d73583fe300af"
81
81
  }