@loadsmart/miranda-react 1.111.0-alpha.1 → 1.111.0-alpha.3

package/dist/index.js

@@ -4,12 +4,110 @@ import * as React from 'react';
 import { forwardRef, useState, useCallback, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const e=new Set(["children","localName","ref","style","className"]),n=new WeakMap,t=(e,t,o,l,a)=>{const s=a?.[t];void 0===s?(e[t]=o,null==o&&t in HTMLElement.prototype&&e.removeAttribute(t)):o!==l&&((e,t,o)=>{let l=n.get(e);void 0===l&&n.set(e,l=new Map);let a=l.get(t);void 0!==o?void 0===a?(l.set(t,a={handleEvent:o}),e.addEventListener(t,a)):a.handleEvent=o:void 0!==a&&(l.delete(t),e.removeEventListener(t,a));})(e,s,o);},o=({react:n,tagName:o,elementClass:l,events:a,displayName:s})=>{const c=new Set(Object.keys(a??{})),r=n.forwardRef(((s,r)=>{const i=n.useRef(new Map),d=n.useRef(null),f={},u={};for(const[n,t]of Object.entries(s))e.has(n)?f["className"===n?"class":n]=t:c.has(n)||n in l.prototype?u[n]=t:f[n]=t;return n.useLayoutEffect((()=>{if(null===d.current)return;const e=new Map;for(const n in u)t(d.current,n,s[n],i.current.get(n),a),i.current.delete(n),e.set(n,s[n]);for(const[e,n]of i.current)t(d.current,e,void 0,n,a);i.current=e;})),n.useLayoutEffect((()=>{d.current?.removeAttribute("defer-hydration");}),[]),f.suppressHydrationWarning=!0,n.createElement(o,{...f,ref:n.useCallback((e=>{d.current=e,"function"==typeof r?r(e):null!==r&&(r.current=e);}),[r])})}));return r.displayName=s??l.name,r};
+var e = new Set(["children", "localName", "ref", "style", "className"]),
+  n = new WeakMap(),
+  t = function t(e, _t, o, l, a) {
+    var s = a == null ? void 0 : a[_t];
+    void 0 === s ? (e[_t] = o, null == o && _t in HTMLElement.prototype && e.removeAttribute(_t)) : o !== l && function (e, t, o) {
+      var l = n.get(e);
+      void 0 === l && n.set(e, l = new Map());
+      var a = l.get(t);
+      void 0 !== o ? void 0 === a ? (l.set(t, a = {
+        handleEvent: o
+      }), e.addEventListener(t, a)) : a.handleEvent = o : void 0 !== a && (l["delete"](t), e.removeEventListener(t, a));
+    }(e, s, o);
+  },
+  o = function o(_ref) {
+    var n = _ref.react,
+      o = _ref.tagName,
+      l = _ref.elementClass,
+      a = _ref.events,
+      s = _ref.displayName;
+    var c = new Set(Object.keys(a != null ? a : {})),
+      r = n.forwardRef(function (s, r) {
+        var i = n.useRef(new Map()),
+          d = n.useRef(null),
+          f = {},
+          u = {};
+        for (var _i = 0, _Object$entries = Object.entries(s); _i < _Object$entries.length; _i++) {
+          var _Object$entries$_i = _Object$entries[_i],
+            _n = _Object$entries$_i[0],
+            _t2 = _Object$entries$_i[1];
+          e.has(_n) ? f["className" === _n ? "class" : _n] = _t2 : c.has(_n) || _n in l.prototype ? u[_n] = _t2 : f[_n] = _t2;
+        }
+        return n.useLayoutEffect(function () {
+          if (null === d.current) return;
+          var e = new Map();
+          for (var _n2 in u) t(d.current, _n2, s[_n2], i.current.get(_n2), a), i.current["delete"](_n2), e.set(_n2, s[_n2]);
+          for (var _iterator = _createForOfIteratorHelperLoose(i.current), _step; !(_step = _iterator()).done;) {
+            var _step$value = _step.value,
+              _e = _step$value[0],
+              _n3 = _step$value[1];
+            t(d.current, _e, void 0, _n3, a);
+          }
+          i.current = e;
+        }), n.useLayoutEffect(function () {
+          var _d$current;
+          (_d$current = d.current) == null || _d$current.removeAttribute("defer-hydration");
+        }, []), f.suppressHydrationWarning = !0, n.createElement(o, _extends({}, f, {
+          ref: n.useCallback(function (e) {
+            d.current = e, "function" == typeof r ? r(e) : null !== r && (r.current = e);
+          }, [r])
+        }));
+      });
+    return r.displayName = s != null ? s : l.name, r;
+  };
 
 const createComponent = ({ subComponents, ...options }) => {
     const ReactComponent = o({

package/dist/styles/variables.css

@@ -0,0 +1,2 @@
+/* Used only to expose the file in the published library */
+@import "@loadsmart/miranda-tokens/dist/tokens/web/loadsmart/variables.css";

package/dist/styles/variables.scss

@@ -0,0 +1,3 @@
+/* Used only to expose the file in the published library */
+@import "@loadsmart/miranda-tokens/dist/tokens/web/loadsmart/variables.scss";
+

package/dist/tokens.d.ts

@@ -1,8 +1,8 @@
 /**
  * Ideally, we should be fowarding the export from miranda-wc package here, like so:
- * export * from '@loadsmart/miranda-wc/tokens'
+ * `export * from '@loadsmart/miranda-wc/tokens'`
  * However, during build time, the entry point `/tokens` does not exist, so the
- * typecheck and lint fails, that's why we have kep miranda-tokens as a dep, and
+ * typecheck and lint fail, that's why we have kept miranda-tokens as a dep, and
  * added its export here.
  */
 export * from '@loadsmart/miranda-tokens';

package/package.json

@@ -1,25 +1,12 @@
 {
 	"name": "@loadsmart/miranda-react",
-	"version": "1.111.0-alpha.1",
+	"version": "1.111.0-alpha.3",
 	"description": "React component library based on Miranda Web Components",
-	"type": "module",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"files": [
 		"dist"
 	],
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"default": "./dist/index.js"
-		},
-		"./tokens": {
-			"types": "./dist/tokens.d.ts",
-			"default": "./dist/tokens.js"
-		},
-		"./tokens/web/loadsmart.css": "./dist/src/styles/variables.css",
-		"./tokens/web/loadsmart.scss": "./dist/src/styles/variables.scss"
-	},
 	"scripts": {
 		"build-docs": "storybook build -o ./docs",
 		"dev": "storybook dev -p 7007",
@@ -53,8 +40,8 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@loadsmart/miranda-tokens": "2.94.0-alpha.1",
-		"@loadsmart/miranda-wc": "1.125.0-alpha.1",
+		"@loadsmart/miranda-tokens": "2.94.0-alpha.3",
+		"@loadsmart/miranda-wc": "1.125.0-alpha.3",
 		"@lit/react": "^1.0.5"
 	},
 	"directories": {

package/dist/src/styles/variables.css

@@ -1,2 +0,0 @@
-/* used only for expose the file in the published library */
-@import "@loadsmart/miranda-tokens/themes/web/loadsmart.css";

package/dist/src/styles/variables.scss

@@ -1,2 +0,0 @@
-/* used only for expose the file in the published library */
-@import "@loadsmart/miranda-tokens/themes/web/loadsmart.scss";