drupal-dashboard/drupal-dashboard.js

Reusable React Dashboard widget for Drupal or other CMS integration

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@mui/material")):"function"==typeof define&&define.amd?define(["react","@mui/material"],t):"object"==typeof exports?exports.DrupalDashboard=t(require("react"),require("@mui/material")):e.DrupalDashboard=t(e.react,e["@mui/material"])}(globalThis,(e,t)=>(()=>{"use strict";var r={155:t=>{t.exports=e},823:e=>{e.exports=t}},a={};function l(e){var t=a[e];if(void 0!==t)return t.exports;var o=a[e]={exports:{}};return r[e](o,o.exports,l),o.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};l.r(o),l.d(o,{default:()=>m});var n=l(155),u=l.n(n),s=l(823);const i=[{value:1,label:"user 1"},{value:2,label:"user 2"},{value:3,label:"user 3"},{value:4,label:"user 4"},{value:5,label:"user 5"}];function c(){const[e,t]=(0,n.useState)(""),[r,a]=(0,n.useState)([]),[l,o]=(0,n.useState)(!1);return u().createElement(s.Box,{sx:{maxWidth:500,margin:"40px auto",p:4,boxShadow:3,borderRadius:3}},u().createElement(s.Typography,{variant:"h5",gutterBottom:!0},"Posts of users (updated) (JSONPlaceholder API (v1.0.13))"),u().createElement(s.Box,{sx:{display:"flex",gap:2,mb:3}},u().createElement(s.FormControl,{fullWidth:!0},u().createElement(s.InputLabel,null,"User"),u().createElement(s.Select,{value:e,label:"User",onChange:e=>t(e.target.value)},i.map(e=>u().createElement(s.MenuItem,{key:e.value,value:e.value},e.label)))),u().createElement(s.Button,{variant:"contained",color:"primary",onClick:async()=>{if(e){o(!0),a([]);try{const t=await fetch(`https://jsonplaceholder.typicode.com/posts?userId=${e}`),r=await t.json();a(r)}catch(e){a([])}finally{o(!1)}}},disabled:l||!e},l?u().createElement(s.CircularProgress,{size:24}):"Show")),u().createElement(s.List,null,0===r.length&&!l&&u().createElement(s.Typography,{color:"text.secondary",sx:{mt:2,mb:1}},"Here will be a list of user's posts after clicking the button"),r.map(e=>u().createElement(s.ListItem,{key:e.id,sx:{borderBottom:"1px solid #eee"}},u().createElement(s.ListItemText,{primary:e.title,secondary:e.body})))))}function m(){return u().createElement(c,null)}return o})());