@dbmx/toasts 0.0.17 → 0.0.19

package/cjs/webComponents/HelloWorld/index.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.cjs');
+var React = require('react');
+var client = require('../../node_modules/react-dom/client.cjs');
+
+var Component = function Component(_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) {
+  _rollupPluginBabelHelpers.inherits(HelloWorld, _HTMLElement);
+  var _super = _rollupPluginBabelHelpers.createSuper(HelloWorld);
+  function HelloWorld() {
+    var _this;
+    _rollupPluginBabelHelpers.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));
+    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "setName", void 0);
+    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "HelloWorldContainer", function () {
+      var _useState = React.useState(_this.getAttribute('name')),
+        _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+        name = _useState2[0],
+        updateName = _useState2[1];
+      _this.setName = updateName;
+      return /*#__PURE__*/React.createElement(Component, {
+        name: name
+      });
+    });
+    return _this;
+  }
+  _rollupPluginBabelHelpers.createClass(HelloWorld, [{
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      var mountPoint = document.createElement('div');
+      this.attachShadow({
+        mode: 'open'
+      }).appendChild(mountPoint);
+      var root = client.createRoot(mountPoint);
+      root.render( /*#__PURE__*/React.createElement(this.HelloWorldContainer, null));
+    }
+  }, {
+    key: "attributeChangedCallback",
+    value: function attributeChangedCallback(attrName, oldValue, newValue) {
+      if (attrName === 'name') {
+        if (typeof this.setName === 'function') {
+          this.setName(newValue);
+        }
+      }
+    }
+  }], [{
+    key: "observedAttributes",
+    get: function get() {
+      return ['name'];
+    }
+  }]);
+  return HelloWorld;
+}( /*#__PURE__*/_rollupPluginBabelHelpers.wrapNativeSuper(HTMLElement));
+customElements.define('hello-world', HelloWorld);

package/{cjs/index-S7zfiVIZ.js → esm/index-FCPRKLj2.js}

@@ -1,6 +1,4 @@
-'use strict';
-
-var React = require('react');
+import { lazy } from 'react';
 
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -381,6 +379,28 @@ function _asyncToGenerator(fn) {
     });
   };
 }
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
 function _defineProperty(obj, key, value) {
   key = _toPropertyKey(key);
   if (key in obj) {
@@ -395,6 +415,122 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+function _construct(Parent, args, Class) {
+  if (_isNativeReflectConstruct()) {
+    _construct = Reflect.construct.bind();
+  } else {
+    _construct = function _construct(Parent, args, Class) {
+      var a = [null];
+      a.push.apply(a, args);
+      var Constructor = Function.bind.apply(Parent, a);
+      var instance = new Constructor();
+      if (Class) _setPrototypeOf(instance, Class.prototype);
+      return instance;
+    };
+  }
+  return _construct.apply(null, arguments);
+}
+function _isNativeFunction(fn) {
+  try {
+    return Function.toString.call(fn).indexOf("[native code]") !== -1;
+  } catch (e) {
+    return typeof fn === "function";
+  }
+}
+function _wrapNativeSuper(Class) {
+  var _cache = typeof Map === "function" ? new Map() : undefined;
+  _wrapNativeSuper = function _wrapNativeSuper(Class) {
+    if (Class === null || !_isNativeFunction(Class)) return Class;
+    if (typeof Class !== "function") {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    if (typeof _cache !== "undefined") {
+      if (_cache.has(Class)) return _cache.get(Class);
+      _cache.set(Class, Wrapper);
+    }
+    function Wrapper() {
+      return _construct(Class, arguments, _getPrototypeOf(this).constructor);
+    }
+    Wrapper.prototype = Object.create(Class.prototype, {
+      constructor: {
+        value: Wrapper,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    return _setPrototypeOf(Wrapper, Class);
+  };
+  return _wrapNativeSuper(Class);
+}
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return self;
+}
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+  return _assertThisInitialized(self);
+}
+function _createSuper(Derived) {
+  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+  return function _createSuperInternal() {
+    var Super = _getPrototypeOf(Derived),
+      result;
+    if (hasNativeReflectConstruct) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+    return _possibleConstructorReturn(this, result);
+  };
+}
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -504,14 +640,15 @@ var toasts = [{
   type: type,
   tag: 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: /*#__PURE__*/React.lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  component: /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var obj;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.next = 2;
-          return Promise.resolve().then(function () { return require('./index-HUEIWuBO.js'); });
+          return import('./index-ndYjFD6I.js');
         case 2:
           obj = _context.sent;
           return _context.abrupt("return", typeof obj["default"] === 'function' ? obj : obj["default"]);
@@ -558,14 +695,26 @@ var toasts = [{
       defaultValue: '~'
     }
   }
+}, {
+  id: 'helloWorld',
+  importPath: '@dbmx/webComponents',
+  type: '@dbmx/webComponents',
+  tag: 'hello-world',
+  name: 'Hello World',
+  tech: 'web-component',
+  description: 'web component demonstration',
+  component: function component() {
+    return import('./index-W7MLRHBf.js');
+  },
+  image: 'https://ui.mantine.dev/_next/static/media/comments-light.9c0747c0.svg',
+  props: {
+    name: {
+      type: 'string',
+      required: true,
+      "default": 'test'
+    }
+  }
 }];
 
-exports._asyncToGenerator = _asyncToGenerator;
-exports._createForOfIteratorHelper = _createForOfIteratorHelper;
-exports._defineProperty = _defineProperty;
-exports._objectSpread2 = _objectSpread2;
-exports._regeneratorRuntime = _regeneratorRuntime;
-exports._slicedToArray = _slicedToArray;
-exports._toConsumableArray = _toConsumableArray;
-exports.toasts = toasts;
-//# sourceMappingURL=index-S7zfiVIZ.js.map
+export { _asyncToGenerator as _, _regeneratorRuntime as a, _createForOfIteratorHelper as b, _objectSpread2 as c, _defineProperty as d, _slicedToArray as e, _toConsumableArray as f, _inherits as g, _createSuper as h, _createClass as i, _classCallCheck as j, _assertThisInitialized as k, _wrapNativeSuper as l, toasts as t };
+//# sourceMappingURL=index-FCPRKLj2.js.map

package/esm/index-FCPRKLj2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-FCPRKLj2.js","sources":["../src/index.js"],"sourcesContent":["import { lazy } from 'react'\n\nconst importPath = '@dbmx/toasts'\nconst type = importPath\nconst 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    id: 'helloWorld',\n    importPath: '@dbmx/webComponents',\n    type: '@dbmx/webComponents',\n    tag: 'hello-world',\n    name: 'Hello World',\n    tech: 'web-component',\n    description: 'web component demonstration',\n    component: () => 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","type","tag","toasts","id","name","tech","description","component","lazy","_asyncToGenerator","_regeneratorRuntime","mark","_callee","obj","wrap","_callee$","_context","prev","next","sent","abrupt","stop","image","props","endpoint","required","resourceType","defaultValue","data","value","label","agencyID","version"],"mappings":"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"}

package/esm/index-W7MLRHBf.js

@@ -0,0 +1,87 @@
+import { g as _inherits, h as _createSuper, i as _createClass, j as _classCallCheck, d as _defineProperty, k as _assertThisInitialized, l as _wrapNativeSuper, e as _slicedToArray } from './index-FCPRKLj2.js';
+import React, { useState } from 'react';
+import require$$0 from 'react-dom';
+
+var createRoot;
+
+var m = require$$0;
+{
+  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  createRoot = function (c, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return m.createRoot(c, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+}
+
+var Component = function Component(_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), "setName", void 0);
+    _defineProperty(_assertThisInitialized(_this), "HelloWorldContainer", function () {
+      var _useState = useState(_this.getAttribute('name')),
+        _useState2 = _slicedToArray(_useState, 2),
+        name = _useState2[0],
+        updateName = _useState2[1];
+      _this.setName = updateName;
+      return /*#__PURE__*/React.createElement(Component, {
+        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.HelloWorldContainer, null));
+    }
+  }, {
+    key: "attributeChangedCallback",
+    value: function attributeChangedCallback(attrName, oldValue, newValue) {
+      if (attrName === 'name') {
+        if (typeof this.setName === 'function') {
+          this.setName(newValue);
+        }
+      }
+    }
+  }], [{
+    key: "observedAttributes",
+    get: function get() {
+      return ['name'];
+    }
+  }]);
+  return HelloWorld;
+}( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
+customElements.define('hello-world', HelloWorld);
+//# sourceMappingURL=index-W7MLRHBf.js.map

package/esm/index-W7MLRHBf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-W7MLRHBf.js","sources":["../node_modules/react-dom/client.js","../src/webComponents/HelloWorld/index.js"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","import React, { useState } from 'react'\nimport { createRoot } from 'react-dom/client'\n\nconst Component = ({ 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\nclass HelloWorld extends HTMLElement {\n  setName\n\n  HelloWorldContainer = () => {\n    const [name, updateName] = useState(this.getAttribute('name'))\n    this.setName = updateName\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.HelloWorldContainer />)\n  }\n\n  static get observedAttributes() {\n    return ['name']\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    if (attrName === 'name') {\n      if (typeof this.setName === 'function') {\n        this.setName(newValue)\n      }\n    }\n  }\n}\n\ncustomElements.define('hello-world', HelloWorld)\n"],"names":["m","require","i","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","exports","c","o","usingClientEntryPoint","createRoot","Component","_ref","name","React","createElement","style","backgroundColor","padding","color","type","placeholder","HelloWorld","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_useState","useState","getAttribute","_useState2","_slicedToArray","updateName","setName","_createClass","key","value","connectedCallback","mountPoint","document","attachShadow","mode","appendChild","root","render","HelloWorldContainer","attributeChangedCallback","attrName","oldValue","newValue","get","_wrapNativeSuper","HTMLElement","customElements","define"],"mappings":"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","x_google_ignoreList":[0]}