@dbmx/toasts 0.0.19 → 0.0.20

package/esm/index-WUvbDMmw.js

@@ -0,0 +1,69 @@
+import { g as _inherits, h as _createSuper, i as _createClass, j as _classCallCheck, b as _defineProperty, k as _assertThisInitialized, l as createRoot, m as _wrapNativeSuper } from './client-gw8asYiR.js';
+import React, { useReducer } from 'react';
+import 'react-dom';
+
+var HelloWorld$1 = function HelloWorld(_ref) {
+  var name = _ref.name;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      backgroundColor: '#cfe8ff60',
+      padding: 15
+    }
+  }, /*#__PURE__*/React.createElement("h2", null, "testing react component"), /*#__PURE__*/React.createElement("p", null, "Your name is: ", /*#__PURE__*/React.createElement("i", {
+    style: {
+      color: '#9c9c9c'
+    }
+  }, name)), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    placeholder: "filter"
+  }));
+};
+
+var HelloWorld = /*#__PURE__*/function (_HTMLElement) {
+  _inherits(HelloWorld, _HTMLElement);
+  var _super = _createSuper(HelloWorld);
+  function HelloWorld() {
+    var _this;
+    _classCallCheck(this, HelloWorld);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "forceUpdateComponent", void 0);
+    _defineProperty(_assertThisInitialized(_this), "container", function () {
+      var forceUpdate = useReducer(function () {
+        return {};
+      }, {})[1];
+      _this.forceUpdateComponent = forceUpdate;
+      var name = _this.getAttribute('name');
+      return /*#__PURE__*/React.createElement(HelloWorld$1, {
+        name: name
+      });
+    });
+    return _this;
+  }
+  _createClass(HelloWorld, [{
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      var mountPoint = document.createElement('div');
+      this.attachShadow({
+        mode: 'open'
+      }).appendChild(mountPoint);
+      var root = createRoot(mountPoint);
+      root.render( /*#__PURE__*/React.createElement(this.container, null));
+    }
+  }, {
+    key: "attributeChangedCallback",
+    value: function attributeChangedCallback() {
+      if (typeof this.forceUpdateComponent === 'function') this.forceUpdateComponent();
+    }
+  }], [{
+    key: "observedAttributes",
+    get: function get() {
+      return ['name'];
+    }
+  }]);
+  return HelloWorld;
+}( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
+customElements.define('hello-world', HelloWorld);
+//# sourceMappingURL=index-WUvbDMmw.js.map

package/esm/index-WUvbDMmw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-WUvbDMmw.js","sources":["../src/components/HelloWorld/index.js","../src/webComponents/HelloWorld/index.js"],"sourcesContent":["import React from 'react'\n\nconst HelloWorld = ({ name }) => {\n  return (\n    <div style={{ backgroundColor: '#cfe8ff60', padding: 15 }}>\n      <h2>testing react component</h2>\n      <p>\n        Your name is: <i style={{ color: '#9c9c9c' }}>{name}</i>\n      </p>\n      <input type=\"text\" placeholder=\"filter\" />\n    </div>\n  )\n}\n\nexport default HelloWorld\n","import React, { useReducer } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport Component from '../../components/HelloWorld'\n\nclass HelloWorld extends HTMLElement {\n  forceUpdateComponent\n\n  container = () => {\n    const forceUpdate = useReducer(() => ({}), {})[1]\n    this.forceUpdateComponent = forceUpdate\n    const name = this.getAttribute('name')\n    return <Component name={name} />\n  }\n\n  connectedCallback() {\n    const mountPoint = document.createElement('div')\n    this.attachShadow({ mode: 'open' }).appendChild(mountPoint)\n    const root = createRoot(mountPoint)\n    root.render(<this.container />)\n  }\n\n  static get observedAttributes() {\n    return ['name']\n  }\n\n  attributeChangedCallback() {\n    if (typeof this.forceUpdateComponent === 'function') this.forceUpdateComponent()\n  }\n}\n\ncustomElements.define('hello-world', HelloWorld)\n"],"names":["HelloWorld","_ref","name","React","createElement","style","backgroundColor","padding","color","type","placeholder","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","forceUpdate","useReducer","forceUpdateComponent","getAttribute","Component","_createClass","key","value","connectedCallback","mountPoint","document","attachShadow","mode","appendChild","root","createRoot","render","container","attributeChangedCallback","get","_wrapNativeSuper","HTMLElement","customElements","define"],"mappings":"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"}

package/esm/index.js

@@ -1,3 +1,122 @@
-export { t as default } from './index-FCPRKLj2.js';
-import 'react';
+// import { lazy } from 'react'
+
+var importPath = '@dbmx/toasts';
+// const type = importPath
+// const tag = 'toast'
+
+var toasts = [
+// {
+//   id: 'sdmxDatagrid',
+//   importPath,
+//   type,
+//   tag,
+//   name: 'SDMX Datagrid',
+//   tech: 'react',
+//   description:
+//     'SDMX, which stands for Statistical Data and Metadata eXchange, is an international initiative that aims at standardising and modernising ("industrialising") the mechanisms and processes for the exchange of statistical data and metadata among international organisations and their member countries.',
+//   component: lazy(async () => {
+//     const obj = await import('./components/SdmxDatagrid/index.jsx')
+//     return typeof obj.default === 'function' ? obj : obj.default
+//   }),
+//   image: '/images/toasts/sdmx_datagrid.png', // TODO
+//   props: {
+//     endpoint: {
+//       type: 'url',
+//       required: true,
+//     },
+//     resourceType: {
+//       type: 'select',
+//       required: true,
+//       defaultValue: 'dataflow',
+//       data: [
+//         { value: 'dataflow', label: 'Dataflow' },
+//         { value: 'datastructure', label: 'DataStructure' },
+//         { value: 'dataproviderscheme', label: 'DataProvider' },
+//       ],
+//     },
+//     agencyID: {
+//       type: 'string',
+//       required: true,
+//       defaultValue: '*',
+//     },
+//     id: {
+//       type: 'string',
+//       required: true,
+//     },
+//     version: {
+//       type: 'string',
+//       required: true,
+//       defaultValue: '~',
+//     },
+//   },
+// },
+
+{
+  id: 'sdmxDatagrid',
+  importPath: importPath,
+  brand: 'web-component',
+  tag: 'sdmx-datagrid',
+  name: 'SDMX Datagrid',
+  description: 'SDMX, which stands for Statistical Data and Metadata eXchange, is an international initiative that aims at standardising and modernising ("industrialising") the mechanisms and processes for the exchange of statistical data and metadata among international organisations and their member countries.',
+  "import": function _import() {
+    return import('./index-T2bcfyHI.js');
+  },
+  image: '/images/toasts/sdmx_datagrid.png',
+  // TODO
+  props: {
+    endpoint: {
+      type: 'url',
+      required: true
+    },
+    resourceType: {
+      type: 'select',
+      required: true,
+      defaultValue: 'dataflow',
+      data: [{
+        value: 'dataflow',
+        label: 'Dataflow'
+      }, {
+        value: 'datastructure',
+        label: 'DataStructure'
+      }, {
+        value: 'dataproviderscheme',
+        label: 'DataProvider'
+      }]
+    },
+    agencyID: {
+      type: 'string',
+      required: true,
+      defaultValue: '*'
+    },
+    id: {
+      type: 'string',
+      required: true
+    },
+    version: {
+      type: 'string',
+      required: true,
+      defaultValue: '~'
+    }
+  }
+}, {
+  id: 'helloWorld',
+  importPath: '@dbmx/webComponents',
+  brand: 'web-component',
+  tag: 'hello-world',
+  name: 'Hello World',
+  description: 'web component demonstration',
+  "import": function _import() {
+    return import('./index-WUvbDMmw.js');
+  },
+  image: 'https://ui.mantine.dev/_next/static/media/comments-light.9c0747c0.svg',
+  props: {
+    name: {
+      type: 'string',
+      required: true,
+      "default": 'test'
+    }
+  }
+}];
+
+export { toasts as default };
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["// import { lazy } from 'react'\n\nconst importPath = '@dbmx/toasts'\n// const type = importPath\n// const tag = 'toast'\n\nconst toasts = [\n  // {\n  //   id: 'sdmxDatagrid',\n  //   importPath,\n  //   type,\n  //   tag,\n  //   name: 'SDMX Datagrid',\n  //   tech: 'react',\n  //   description:\n  //     'SDMX, which stands for Statistical Data and Metadata eXchange, is an international initiative that aims at standardising and modernising (\"industrialising\") the mechanisms and processes for the exchange of statistical data and metadata among international organisations and their member countries.',\n  //   component: lazy(async () => {\n  //     const obj = await import('./components/SdmxDatagrid/index.jsx')\n  //     return typeof obj.default === 'function' ? obj : obj.default\n  //   }),\n  //   image: '/images/toasts/sdmx_datagrid.png', // TODO\n  //   props: {\n  //     endpoint: {\n  //       type: 'url',\n  //       required: true,\n  //     },\n  //     resourceType: {\n  //       type: 'select',\n  //       required: true,\n  //       defaultValue: 'dataflow',\n  //       data: [\n  //         { value: 'dataflow', label: 'Dataflow' },\n  //         { value: 'datastructure', label: 'DataStructure' },\n  //         { value: 'dataproviderscheme', label: 'DataProvider' },\n  //       ],\n  //     },\n  //     agencyID: {\n  //       type: 'string',\n  //       required: true,\n  //       defaultValue: '*',\n  //     },\n  //     id: {\n  //       type: 'string',\n  //       required: true,\n  //     },\n  //     version: {\n  //       type: 'string',\n  //       required: true,\n  //       defaultValue: '~',\n  //     },\n  //   },\n  // },\n\n  {\n    id: 'sdmxDatagrid',\n    importPath,\n    brand: 'web-component',\n    tag: 'sdmx-datagrid',\n    name: 'SDMX Datagrid',\n    description:\n      'SDMX, which stands for Statistical Data and Metadata eXchange, is an international initiative that aims at standardising and modernising (\"industrialising\") the mechanisms and processes for the exchange of statistical data and metadata among international organisations and their member countries.',\n    import: () => import('./webComponents/SDMXDatagrid/index.js'),\n    image: '/images/toasts/sdmx_datagrid.png', // TODO\n    props: {\n      endpoint: {\n        type: 'url',\n        required: true,\n      },\n      resourceType: {\n        type: 'select',\n        required: true,\n        defaultValue: 'dataflow',\n        data: [\n          { value: 'dataflow', label: 'Dataflow' },\n          { value: 'datastructure', label: 'DataStructure' },\n          { value: 'dataproviderscheme', label: 'DataProvider' },\n        ],\n      },\n      agencyID: {\n        type: 'string',\n        required: true,\n        defaultValue: '*',\n      },\n      id: {\n        type: 'string',\n        required: true,\n      },\n      version: {\n        type: 'string',\n        required: true,\n        defaultValue: '~',\n      },\n    },\n  },\n\n  {\n    id: 'helloWorld',\n    importPath: '@dbmx/webComponents',\n    brand: 'web-component',\n    tag: 'hello-world',\n    name: 'Hello World',\n    description: 'web component demonstration',\n    import: () => import('./webComponents/HelloWorld/index.js'),\n    image: 'https://ui.mantine.dev/_next/static/media/comments-light.9c0747c0.svg',\n    props: {\n      name: {\n        type: 'string',\n        required: true,\n        default: 'test',\n      },\n    },\n  },\n]\n\nexport default toasts\n"],"names":["importPath","toasts","id","brand","tag","name","description","_import","image","props","endpoint","type","required","resourceType","defaultValue","data","value","label","agencyID","version"],"mappings":"AAAA;;AAEA,IAAMA,UAAU,GAAG,cAAc,CAAA;AACjC;AACA;;AAEA,IAAMC,MAAM,GAAG;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACEC,EAAAA,EAAE,EAAE,cAAc;AAClBF,EAAAA,UAAU,EAAVA,UAAU;AACVG,EAAAA,KAAK,EAAE,eAAe;AACtBC,EAAAA,GAAG,EAAE,eAAe;AACpBC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,WAAW,EACT,2SAA2S;AAC7S,EAAA,QAAA,EAAQ,SAAAC,OAAA,GAAA;IAAA,OAAM,OAAO,qBAAuC,CAAC,CAAA;AAAA,GAAA;AAC7DC,EAAAA,KAAK,EAAE,kCAAkC;AAAE;AAC3CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAE,KAAK;AACXC,MAAAA,QAAQ,EAAE,IAAA;KACX;AACDC,IAAAA,YAAY,EAAE;AACZF,MAAAA,IAAI,EAAE,QAAQ;AACdC,MAAAA,QAAQ,EAAE,IAAI;AACdE,MAAAA,YAAY,EAAE,UAAU;AACxBC,MAAAA,IAAI,EAAE,CACJ;AAAEC,QAAAA,KAAK,EAAE,UAAU;AAAEC,QAAAA,KAAK,EAAE,UAAA;AAAW,OAAC,EACxC;AAAED,QAAAA,KAAK,EAAE,eAAe;AAAEC,QAAAA,KAAK,EAAE,eAAA;AAAgB,OAAC,EAClD;AAAED,QAAAA,KAAK,EAAE,oBAAoB;AAAEC,QAAAA,KAAK,EAAE,cAAA;OAAgB,CAAA;KAEzD;AACDC,IAAAA,QAAQ,EAAE;AACRP,MAAAA,IAAI,EAAE,QAAQ;AACdC,MAAAA,QAAQ,EAAE,IAAI;AACdE,MAAAA,YAAY,EAAE,GAAA;KACf;AACDZ,IAAAA,EAAE,EAAE;AACFS,MAAAA,IAAI,EAAE,QAAQ;AACdC,MAAAA,QAAQ,EAAE,IAAA;KACX;AACDO,IAAAA,OAAO,EAAE;AACPR,MAAAA,IAAI,EAAE,QAAQ;AACdC,MAAAA,QAAQ,EAAE,IAAI;AACdE,MAAAA,YAAY,EAAE,GAAA;AAChB,KAAA;AACF,GAAA;AACF,CAAC,EAED;AACEZ,EAAAA,EAAE,EAAE,YAAY;AAChBF,EAAAA,UAAU,EAAE,qBAAqB;AACjCG,EAAAA,KAAK,EAAE,eAAe;AACtBC,EAAAA,GAAG,EAAE,aAAa;AAClBC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,WAAW,EAAE,6BAA6B;AAC1C,EAAA,QAAA,EAAQ,SAAAC,OAAA,GAAA;IAAA,OAAM,OAAO,qBAAqC,CAAC,CAAA;AAAA,GAAA;AAC3DC,EAAAA,KAAK,EAAE,uEAAuE;AAC9EC,EAAAA,KAAK,EAAE;AACLJ,IAAAA,IAAI,EAAE;AACJM,MAAAA,IAAI,EAAE,QAAQ;AACdC,MAAAA,QAAQ,EAAE,IAAI;MACd,SAAS,EAAA,MAAA;AACX,KAAA;AACF,GAAA;AACF,CAAC;;;;"}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@dbmx/toasts",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "type": "module",
   "main": "./esm/index.js",
   "license": "MIT",
   "author": "Eric Basley <eric.basley@redpelicans.com>",
   "peerDependencies": {
+    "@emotion/react": "^11.10.6",
     "@mantine/core": "^6.0.11",
     "@mantine/hooks": "^6.0.11",
     "@tabler/icons-react": "^2.23.0",
@@ -18,6 +19,7 @@
   },
   "dependencies": {
     "@dbmx/sdmx": "^3.0.86",
+    "@emotion/react": "^11.10.6",
     "@mantine/core": "^6.0.11",
     "@mantine/hooks": "^6.0.11",
     "mantine-react-table": "^1.2.0",
@@ -86,5 +88,5 @@
       "@babel/preset-react"
     ]
   },
-  "gitHead": "a6605de47ce4b5adee96d45826f635f5ebd16717"
+  "gitHead": "759964c8a4ffc692c9ea8720af9c40771bb967d5"
 }