@anand502/ananddropdown 1.0.0

package/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}

package/dist/index.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.anandDropdown=t(require("react")):e.anandDropdown=t(e.react)}(self,e=>(()=>{"use strict";var t={155(t){t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};n.r(o),n.d(o,{default:()=>i});var a=n(155),u=n.n(a);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}const i=function(e){var t,r,n=e.options,o=void 0===n?[]:n,i=e.onChange,c=(t=(0,a.useState)(""),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,u,l=[],i=!0,c=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(l.push(n.value),l.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=c[0],d=c[1];return u().createElement("select",{value:f,onChange:function(e){d(e.target.value),i&&i(e.target.value)}},u().createElement("option",{value:""},"Select option"),o.map(function(e,t){return u().createElement("option",{key:t,value:e},e)}))};return o})());

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@anand502/ananddropdown",
+  "version": "1.0.0",
+  "description": "Reusable React dropdown component",
+  "main": "dist/index.js",
+
+  "scripts": {
+    "build": "webpack",
+    "test": "echo \"No test specified\""
+  },
+
+  "keywords": [
+    "react",
+    "dropdown",
+    "react-dropdown",
+    "ananddropdown"
+  ],
+
+  "author": "Anand Singh",
+
+  "license": "ISC",
+
+  "peerDependencies": {
+    "react": ">=16",
+    "react-dom": ">=16"
+  },
+
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.0",
+    "@babel/preset-react": "^7.28.5",
+    "babel-loader": "^10.0.0",
+    "webpack": "^5.105.2",
+    "webpack-cli": "^6.0.1"
+  }
+}

package/src/AnandDropdown.js

@@ -0,0 +1,25 @@
+import React, { useState } from "react";
+
+const AnandDropdown = ({ options = [], onChange }) => {
+  const [selected, setSelected] = useState("");
+
+  const handleChange = (e) => {
+    setSelected(e.target.value);
+    onChange && onChange(e.target.value);
+  };
+
+  return (
+    <select value={selected} onChange={handleChange}>
+      <option value="">Select option</option>
+
+      {options.map((item, index) => (
+        <option key={index} value={item}>
+          {item}
+        </option>
+      ))}
+
+    </select>
+  );
+};
+
+export default AnandDropdown;

package/src/index.js

@@ -0,0 +1,3 @@
+import AnandDropdown from "./AnandDropdown";
+
+export default AnandDropdown;

package/webpack.config.js

@@ -0,0 +1,31 @@
+const path = require("path");
+
+module.exports = {
+  mode: "production",
+
+  entry: "./src/index.js",
+
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: "index.js",
+    library: "anandDropdown",
+    libraryTarget: "umd",
+  },
+
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+        },
+      },
+    ],
+  },
+
+  externals: {
+    react: "react",
+    "react-dom": "react-dom",
+  },
+};