Upgrade Bahmni Design System to latest published version

.babelrc

@@ -1,4 +1,31 @@
 {
-  "plugins": ["transform-object-rest-spread"],
-  "presets": [ "es2015", "react"]
+  "presets": [
+    ["@babel/preset-env", {
+      "modules": false,
+      "useBuiltIns": "usage",
+      "corejs": 3,
+      "targets": "> 0.25%, not dead"
+    }],
+    ["@babel/preset-react", {
+      "runtime": "automatic",
+      "development": false
+    }]
+  ],
+  "plugins": [],
+  "env": {
+    "test": {
+      "presets": [
+        ["@babel/preset-env", {
+          "modules": "commonjs",
+          "useBuiltIns": "usage",
+          "corejs": 3,
+          "targets": "node 14"
+        }],
+        ["@babel/preset-react", {
+          "runtime": "automatic",
+          "development": true
+        }]
+      ]
+    }
+  }
 }

.eslintrc

@@ -1,23 +1,46 @@
 {
-  "extends": "airbnb",
-  "globals": {
-    "describe": true,
-    "before": true,
-    "after": true,
-    "beforeEach": true,
-    "afterEach": true,
-    "context": true,
-    "it": true
-  },
-  "rules": {
-    "react/prop-types": [1, { "ignore": ["children"] }],
-    "react/sort-prop-types": 2,
-    "react/jsx-sort-props": 2,
-    "max-len": [2, 100, 2, {"ignoreComments": true }]
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "jest": true,
+    "node": true
   },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:jest/recommended"
+  ],
+  "parser": "@babel/eslint-parser",
   "parserOptions": {
+    "ecmaVersion": 2021,
+    "sourceType": "module",
     "ecmaFeatures": {
-      "experimentalObjectRestSpread": true
+      "jsx": true
+    },
+    "requireConfigFile": true
+  },
+  "plugins": ["react", "jest", "import"],
+  "rules": {
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/prop-types": ["warn", { "ignore": ["children"] }],
+    "react/sort-prop-types": "error",
+    "react/jsx-sort-props": "off",
+    "react/jsx-uses-vars": "error",
+    "max-len": ["error", { "code": 120, "ignoreComments": true }],
+    "no-unused-vars": "off",
+    "import/order": "off",
+    "react/no-deprecated": "off"
+  },
+  "settings": {
+    "react": {
+      "version": "17.0"
+    },
+    "import/resolver": {
+      "webpack": {
+        "config": "webpack.config.js"
+      }
     }
   }
 }

.github/workflows/npm-publish.yml

@@ -4,35 +4,55 @@ on:
   push:
     branches:
       - master
-      - 'release-*'
+      - "release-*"
     tags:
-      - '*'
+      - "*"
 
   workflow_dispatch:
 
 jobs:
   build:
-    runs-on: macos-13
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout the code
         uses: actions/checkout@v3
-      - name: Set up Node JS v14.2.0
+      - name: Set up Node JS v18.x
         uses: actions/setup-node@v4
         with:
-          node-version: 14.2.0
-          registry-url: 'https://registry.npmjs.org'
-      - run: yarn cache clean
+          node-version: 18.x
+          registry-url: "https://registry.npmjs.org"
+      - run: npm cache clean --force
       - name: Install dependencies
-        run: brew install automake autoconf libtool dpkg pkgconfig nasm libpng
-      - name: yarn Install
-        run: yarn
-      - name: yarn test
-        run: yarn test
-      - run: yarn ci
-      - name: Publish the package
-        if: startsWith(github.ref, 'refs/tags/')
-        run: yarn publish         
-
+        run: sudo apt-get update && sudo apt-get install -y automake autoconf libtool pkg-config nasm libpng-dev
+      - name: npm install
+        run: npm install --legacy-peer-deps
+      - name: npm test
+        run: npm test
+      - run: npm ci --legacy-peer-deps
+      - name: Build the package
+        run: npm run build
+      # - name: Publish the package
+      #   if: startsWith(github.ref, 'refs/tags/')
+      #   run: yarn publish
+      - name: Publish dev build to npm
+        working-directory: ${{env.PACKAGE_PATH}}
+        run: |
+          # Base version from package.json
+          BASE_VERSION=$(node -p "require('./package.json').version")
+          BUILD_NUM=${{ github.run_number }}
+
+          # Generate unique dev version (e.g., 1.2.3-dev.42)
+          DEV_VERSION="${BASE_VERSION}-dev.${BUILD_NUM}"
+          echo "📦 Publishing @bahmni/form2-controls@$DEV_VERSION"
+
+          # Update package version and publish in one workflow
+          npm version "$DEV_VERSION" --no-git-tag-version
+          npm publish --access public --tag dev
+
+          # Output information
+          echo "::notice title=Package Published::Published @bahmni/form2-controls@$DEV_VERSION"
+          echo "::notice title=Install Command::npm install @bahmni/form2-controls@dev"
+          echo "::notice title=Build Info::Build #${BUILD_NUM}"
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
           always-auth: true

.github/workflows/validate-pr.yml

@@ -2,26 +2,26 @@ name: Validate PR for Bahmni Form Controls
 
 on:
   pull_request:
-    branches: [ master ]
-    types: [ opened, synchronize, reopened ]
+    branches: [master]
+    types: [opened, synchronize, reopened]
 
   workflow_dispatch:
 
 jobs:
   build:
-    runs-on: macos-13
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout the code
         uses: actions/checkout@v3
-      - name: Set up Node JS v14.2.0
+      - name: Set up Node JS v18.x
         uses: actions/setup-node@v4
         with:
-          node-version: 14.2.0
-          registry-url: 'https://registry.npmjs.org'
-      - run: yarn cache clean
+          node-version: 18.x
+          registry-url: "https://registry.npmjs.org"
+      - run: npm cache clean --force
       - name: Install dependencies
-        run: brew install automake autoconf libtool dpkg pkgconfig nasm libpng
-      - name: yarn Install
-        run: yarn
-      - name: yarn test
-        run: yarn test
+        run: sudo apt-get update && sudo apt-get install -y automake autoconf libtool pkg-config nasm libpng-dev
+      - name: npm install
+        run: npm install --legacy-peer-deps
+      - name: npm test
+        run: npm test

.npmignore

@@ -1,2 +1,29 @@
-/*
-!/dist/*
+# Source files
+src/
+test/
+stories/
+examples/
+.storybook/
+
+# Build configs
+.babelrc
+.eslintrc
+webpack.config.js
+webpack.dev.config.js
+jest.config.js
+
+# Git and CI
+.git/
+.github/
+.gitignore
+.talismanrc
+
+# Development files
+node_modules/
+coverage/
+*.log
+.DS_Store
+*~
+*.iml
+.idea/
+install-git-hook.sh

.storybook/main.js

@@ -0,0 +1,44 @@
+const path = require('path');
+
+module.exports = {
+  stories: ['../stories/**/*.stories.js'],
+  addons: [
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  // Name the autodocs page "Overview" (Carbon-style). Only Atomic Controls
+  // opt into autodocs, so this affects those pages only.
+  docs: {
+    defaultName: 'Overview',
+  },
+  webpackFinal: async (config) => {
+    config.module.rules.push({
+      test: /\.(js|jsx)$/,
+      exclude: /node_modules/,
+      use: [
+        {
+          loader: require.resolve('babel-loader'),
+          options: {
+            configFile: path.resolve(__dirname, '../.babelrc'),
+          },
+        },
+      ],
+    });
+
+    config.module.rules.push({
+      test: /\.(scss|css)$/,
+      use: ['style-loader', 'css-loader', 'sass-loader'],
+    });
+
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      src: path.join(__dirname, '../src'),
+      components: path.join(__dirname, '../src/components'),
+    };
+    return config;
+  },
+};

.storybook/manager.js

@@ -0,0 +1,9 @@
+import { addons } from '@storybook/manager-api';
+import { create } from '@storybook/theming/create';
+
+addons.setConfig({
+  theme: create({
+    base: 'light',
+    brandTitle: 'Storybook for Bahmni Forms',
+  }),
+});

.storybook/preview.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { IntlProvider } from 'react-intl';
+import '../styles/styles.scss';
+
+export default {
+  decorators: [
+    (Story) => (
+      <IntlProvider locale="en" messages={{}} onError={() => {}}>
+        <Story />
+      </IntlProvider>
+    ),
+  ],
+  parameters: {
+    options: {
+      storySort: {
+        order: ['Introduction', 'Atomic Controls', 'Complex Controls', 'Orchestrator', 'Example Forms'],
+      },
+    },
+  },
+};
+

.talismanrc

@@ -0,0 +1,10 @@
+fileignoreconfig:
+- filename: examples/react19-consumer-app/yarn.lock
+  checksum: f61717bc3a8cc25a600794de1090ae70a00401dca80feea3fb41451329fe9bba
+- filename: index.d.ts
+  checksum: 1fbccc4629e105fc202835dd50e62b6c4e29c281a5fd773118e2da4b337b2f39
+- filename: yarn.lock
+  checksum: 517541265fb3a6091fde3440be7c081872964ad342e5f8bda39922508d7ebd2e
+- filename: test/components/bahmni-design-system/ObsGroupControl.test.js
+  checksum: 56fb747f272e8c22280a1f6d12fa181fd7a1000935ba1de00023b4c80d6a603f
+version: "1.0"