Add CopyToClipboardButton component to browse and edit schemas

lib/schemas/browse/modules/componentNames.js

@@ -26,5 +26,6 @@ module.exports = {
 	multiValueWrapper: 'MultiValueWrapper',
 	asyncUserChip: 'AsyncUserChip',
 	countDown: 'CountDown',
-	location: 'Location'
+	location: 'Location',
+	copyToClipBoardButton: 'CopyToClipboardButton'
 };

lib/schemas/browse/modules/components/copyToClipboardButton.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const { makeComponent } = require('../../../utils');
+const { copyToClipBoardButton } = require('../componentNames');
+
+module.exports = makeComponent({
+	name: copyToClipBoardButton,
+	properties: {}
+});

lib/schemas/browse/modules/components/index.js

@@ -15,6 +15,7 @@ const asyncWrapper = require('./asyncWrapper');
 const multiValueWrapper = require('./multiValueWrapper');
 const asyncUserChip = require('./asyncUserChip');
 const countDown = require('./countDown');
+const copyToClipboardButton = require('./copyToClipboardButton');
 
 module.exports = [
 	...texts,
@@ -32,5 +33,6 @@ module.exports = [
 	multiValueWrapper,
 	asyncUserChip,
 	countDown,
-	location
+	location,
+	copyToClipboardButton
 ];

lib/schemas/edit-new/modules/componentNames.js

@@ -35,5 +35,6 @@ module.exports = {
 	objectCreator: 'ObjectCreator',
 	location: 'Location',
 	fieldList: 'FieldList',
-	steps: 'Steps'
+	steps: 'Steps',
+	copyToClipBoardButton: 'CopyToClipboardButton'
 };

lib/schemas/edit-new/modules/components/copyToClipboardButton.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const { makeComponent } = require('../../../utils');
+const { copyToClipBoardButton } = require('../componentNames');
+
+module.exports = makeComponent({
+	name: copyToClipBoardButton,
+	properties: {}
+});

lib/schemas/edit-new/modules/components/index.js

@@ -25,6 +25,7 @@ const objectCreator = require('./objectCreator');
 const statusSelector = require('./statusSelector');
 const fieldList = require('./fieldList');
 const steps = require('./steps');
+const copyToClipboardButton = require('./copyToClipboardButton');
 
 module.exports = [
 	selects,
@@ -50,6 +51,7 @@ module.exports = [
 	objectCreator,
 	location,
 	fieldList,
+	copyToClipboardButton,
 	...images,
 	...chips,
 	...others

tests/mocks/schemas/browse.json

@@ -885,6 +885,17 @@
       "deviceDisplay": "desktop",
       "mapper": "addHashtag"
     },
+    {
+      "name": "id",
+      "component": "CopyToClipboardButton",
+      "attributes": {
+        "sortable": false,
+        "isDefaultSort": false,
+        "isStatus": false,
+        "initialSortDirection": "desc"
+      },
+      "componentAttributes": {}
+    },
     {
       "name": "motiveName",
       "component": "MediumText",

tests/mocks/schemas/edit.yml

@@ -369,6 +369,10 @@ sections:
                     referenceValueType: static
                     referenceValue: null
 
+          - name: name
+            component: CopyToClipboardButton
+            componentAttributes: {}
+
           - name: nameGroup
             component: Select
             componentAttributes:

tests/mocks/schemas/expected/browse.json

@@ -964,6 +964,17 @@
         "fontWeight": "bold"
       }
     },
+    {
+      "name": "id",
+      "component": "CopyToClipboardButton",
+      "componentAttributes": {},
+      "attributes": {
+        "sortable": false,
+        "isDefaultSort": false,
+        "isStatus": false,
+        "initialSortDirection": "desc"
+      }
+    },
     {
       "name": "motiveName",
       "component": "MediumText",

tests/mocks/schemas/expected/edit.json

@@ -603,6 +603,11 @@
                 ]
               }
             },
+            {
+              "name": "name",
+              "component": "CopyToClipboardButton",
+              "componentAttributes": {}
+            },
             {
               "name": "nameGroup",
               "component": "Select",