@k-int/stripes-kint-components 2.0.0 → 2.0.1

package/src/lib/ActionList/ActionListFieldArray.js

@@ -96,6 +96,7 @@ const ActionListFieldArray = ({
             key={`save[${data.rowIndex}]`}
             buttonStyle="primary"
             disabled={submitting || pristine}
+            marginBottom0
             onClick={() => {
               if (!data.id && editing === 'NEW_ROW') {
                 handleCreate(data.rowIndex);
@@ -110,6 +111,7 @@ const ActionListFieldArray = ({
           <Button
             key={`cancel[${data.rowIndex}]`}
             data-type-button="cancel"
+            marginBottom0
             onClick={() => {
               if (!data.id && editing === 'NEW_ROW') {
                 fields.remove(data.rowIndex);
@@ -142,6 +144,7 @@ const ActionListFieldArray = ({
                 key={`action-${action.name}[${data.rowIndex}]`}
                 disabled={editing}
                 icon={action.icon}
+                marginBottom0
                 onClick={actionFunction}
               />
             );
@@ -152,6 +155,7 @@ const ActionListFieldArray = ({
             <Button
               key={`action-${action.name}[${data.rowIndex}]`}
               disabled={editing}
+              marginBottom0
               onClick={actionFunction}
             >
               {action.label ?? action.name}
@@ -226,7 +230,7 @@ const ActionListFieldArray = ({
 
         let returnValue = cd[key];
 
-        if (!editingRow && formatter[key]) {
+        if (!editingRow && formatter?.[key]) {
           returnValue = formatter[key](cd);
         }
 

package/src/lib/CustomProperties/Config/CustomPropertiesSettings.js

@@ -173,7 +173,10 @@ const CustomPropertiesSettings = ({
             primary: true,
             defaultInternal: true
           } :
-          customProperty
+          {
+            ...customProperty,
+            ctx: customProperty?.ctx ? [{ value: customProperty.ctx, label: customProperty.ctx }] : null
+          }
         }
         modalProps={{
           dismissible: true,

package/src/lib/CustomProperties/Config/CustomPropertyForm.js

@@ -198,6 +198,7 @@ const CustomPropertyForm = ({
             actions={[{ onSelect: addCtx, render: renderAddCtx }]}
             component={MultiSelection}
             dataOptions={contextOptions}
+            emptyMessage={intl.formatMessage({ id: 'stripes-kint-components.customProperties.noCtxFound' })}
             label={labelOverrides?.ctx ??
               <FormattedMessage id="stripes-kint-components.customProperties.ctx" />
             }

package/src/lib/EditableRefdataList/EditableRefdataList.js

@@ -53,7 +53,6 @@ const EditableRefdataList = ({ desc, refdataEndpoint }) => {
   }
 
   // This is the function which will take a row in the table and assign the relevant actions to it
-  // TODO make these 'labels' into ARIA labels
   const actionAssigner = () => {
     const actionArray = [
       { name: 'edit', label: <FormattedMessage id="stripes-kint-components.editableRefdataList.edit" />, icon: 'edit' },

package/translations/stripes-kint-components/en.json

@@ -49,6 +49,8 @@
   "customProperties.category": "Picklist",
   "customProperties.defaultVisibility": "Default visibility",
 
+  "customProperties.noCtxFound": "No matching context found",
+
   "customProperties.type.com.k_int.web.toolkit.custprops.types.CustomPropertyBlob": "Blob",
   "customProperties.type.com.k_int.web.toolkit.custprops.types.CustomPropertyBoolean": "Boolean",
   "customProperties.type.com.k_int.web.toolkit.custprops.types.CustomPropertyContainer": "Container",