react-image-accordion 1.0.7 → 1.0.9

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React$1, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -65,7 +65,7 @@ function UseImageAccordion({
   }, /*#__PURE__*/React.createElement("span", {
     className: "accordion-title",
     id: item.id
-  }, "Boating"), /*#__PURE__*/React.createElement("svg", {
+  }, item.title), /*#__PURE__*/React.createElement("svg", {
     "aria-hidden": "true",
     className: "accordion-icon"
   }, /*#__PURE__*/React.createElement("image", {
@@ -86,7 +86,7 @@ function UseImageAccordion({
 const ReactImageAccordion = ({
   accordionData
 }) => {
-  return /*#__PURE__*/React$1.createElement(UseImageAccordion, {
+  return /*#__PURE__*/React.createElement(UseImageAccordion, {
     accordionData: accordionData
   });
 };

package/dist/index.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React$1 = require('react');
+var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -41,7 +41,7 @@ styleInject(css_248z);
 function UseImageAccordion({
   accordionData
 }) {
-  const [activePanel, setActivePanel] = React$1.useState(null);
+  const [activePanel, setActivePanel] = React.useState(null);
   function toggleAccordion(panelToActivate) {
     setActivePanel(prevPanel => {
       if (prevPanel === panelToActivate) {
@@ -51,40 +51,40 @@ function UseImageAccordion({
       }
     });
   }
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     setActivePanel(accordionData[0].id);
   }, []);
   if (!accordionData) return null;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "accordion"
-  }, accordionData.map(item => /*#__PURE__*/React.createElement("div", {
+  }, accordionData.map(item => /*#__PURE__*/React__default["default"].createElement("div", {
     key: item.id,
     className: "accordion-panel",
     onClick: () => toggleAccordion(item.id)
-  }, /*#__PURE__*/React.createElement("h2", {
+  }, /*#__PURE__*/React__default["default"].createElement("h2", {
     id: item.id
-  }, /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
     type: "button",
     className: "accordion-trigger",
     "aria-controls": "panel1-content",
     "aria-expanded": activePanel === item.id
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "accordion-title",
     id: item.id
-  }, "Boating"), /*#__PURE__*/React.createElement("svg", {
+  }, item.title), /*#__PURE__*/React__default["default"].createElement("svg", {
     "aria-hidden": "true",
     className: "accordion-icon"
-  }, /*#__PURE__*/React.createElement("image", {
+  }, /*#__PURE__*/React__default["default"].createElement("image", {
     href: item.svg
-  })))), /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "accordion-content",
     id: item.id,
     "aria-labelledby": item.id,
     "aria-hidden": activePanel !== item.id,
     role: "region"
-  }, /*#__PURE__*/React.createElement("p", null, item.content), /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React__default["default"].createElement("p", null, item.content), /*#__PURE__*/React__default["default"].createElement("img", {
     className: "accordion-image",
     src: item.image,
     alt: item.alt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-image-accordion",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Accordion component for React",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -46,7 +46,7 @@
     "babel-loader": "^8.2.5",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
-    "rollup": "^2.74.1",
+    "rollup": "^2.79.1",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^3.1.8",
@@ -57,6 +57,7 @@
     "react-dom": "^18.1.0"
   },
   "dependencies": {
+    "react-image-accordion": "^1.0.8",
     "rollup-plugin-local-resolve": "^1.0.7",
     "rollup-plugin-terser": "^7.0.2"
   }

package/rollup.config.js

@@ -12,8 +12,8 @@ export default [
             {
             file: 'dist/index.js',
             format: 'cjs',
-        },
-        {
+            },
+            {
             file: 'dist/index.es.js',
             format: 'es',
             exports: 'named',
@@ -31,6 +31,9 @@ export default [
             resolve(),
             localResolve(),
             // terser(),
-        ]
+        ],
+         watch: {
+    include: "src/**",
+  },
 }
 ];

package/src/components/Accordion/UseImageAccordion.js

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import "./App.css";
 
 function UseImageAccordion({ accordionData }) {
@@ -37,7 +37,7 @@ function UseImageAccordion({ accordionData }) {
                   aria-expanded={activePanel === item.id}
                 >
                   <span className="accordion-title" id={item.id}>
-                    Boating
+                    {item.title}
                   </span>
                   <svg aria-hidden="true" className="accordion-icon">
                     <image href={item.svg}></image>

package/src/components/Accordion/index.js

@@ -1 +1,2 @@
+import React from "react";
 export * from "./React-image-accordion";