@oliasoft-open-source/react-ui-library 2.2.1 → 2.3.0

package/.gitlab-ci.yml

@@ -42,6 +42,8 @@ publish:
   script:
     # Get the version from package.json
     - VERSION=$(node -p "require('./package.json').version")
+    # Prepare MatterMost message
+    - MESSAGE="🤖 React UI Library version $VERSION released"
     # Prepare .npmrc
     - echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > .npmrc
     # Configure git
@@ -70,4 +72,5 @@ publish:
         # Publish the NPM package to the public NPM registry
         echo "Publishing package to NPM registry"
         npm publish
+        ./scripts/send-mattermost-msg.sh "$MATTERMOST_BOT_KEY" "$MESSAGE"
       fi

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "Reusable UI components for React projects",
   "main": "index.js",
   "scripts": {

package/scripts/send-mattermost-message.sh

@@ -0,0 +1,21 @@
+#!/bin/bash
+set -eEuo pipefail
+
+# This script requires the following things to be installed:
+#  - bash
+#  - curl
+
+# Required inputs:
+MATTERMOST_BOT_KEY=$1
+MSG=$2
+
+# Optional inputs:
+CHANNEL=${3:-'#releases'}
+USERNAME=${4:-'Gitlab CI/CD'}
+ICON_URL=${5:-'https://avatars.githubusercontent.com/in/1724?s=80&v=4'}
+MATTERMOST_URL=${6:-'https://mm.oliasoft.com/hooks/'}
+
+curl -X POST \
+  --data-urlencode \
+  "payload={\"channel\": \"$CHANNEL\", \"username\": \"$USERNAME\", \"icon_url\": \"$ICON_URL\", \"text\": \"$MSG\"}" \
+  $MATTERMOST_URL$MATTERMOST_BOT_KEY

package/src/components/table/table.jsx

@@ -107,6 +107,7 @@ export const Table = (props) => {
                               rowIndex={rowIndex}
                               row={row}
                               columnCount={columnCount}
+                              columnWidths={columnWidths}
                               colSpan={colSpan}
                               hasRowActions={rowActions}
                               key={`1_${rowIndex}`}
@@ -172,6 +173,7 @@ export const Table = (props) => {
                 rowIndex={rowIndex}
                 row={row}
                 columnCount={columnCount}
+                columnWidths={columnWidths}
                 colSpan={colSpan}
                 hasRowActions={rowActions}
                 key={`1_${rowIndex}`}

package/src/components/table/table.stories-data.jsx

@@ -234,6 +234,20 @@ export const tableColspan = {
   ],
 };
 
+export const tableColspanWidths = {
+  ...table,
+  columnWidths: ['auto', '120px', '120px', 'auto'],
+  headers: [
+    {
+      cells: [
+        { value: 'Header' },
+        { value: 'Header', colSpan: 2 },
+        { value: 'Header' },
+      ],
+    },
+  ],
+};
+
 export const tableAlignment = {
   ...tableColspan,
   columnAlignment: ['left', 'right', 'right', 'left', 'right'],

package/src/components/table/table.stories.jsx

@@ -60,6 +60,9 @@ Colspan.args = {
   table: storyData.tableColspan,
 };
 
+export const ColspanWithWidths = Template.bind({});
+ColspanWithWidths.args = { table: storyData.tableColspanWidths };
+
 export const ColumnAlignment = Template.bind({});
 ColumnAlignment.args = {
   table: storyData.tableAlignment,