timvir 0.2.0 → 0.2.2

package/core/layout.d.ts

@@ -1,4 +1,4 @@
 export declare const noLayout: import("@linaria/core").LinariaClassName;
 export declare const grid: import("@linaria/core").LinariaClassName;
-export declare const extendedWidth: string;
-export declare const fullWidth: string;
+export declare const extendedWidth: import("@linaria/core").LinariaClassName;
+export declare const fullWidth: import("@linaria/core").LinariaClassName;

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "timvir",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -22,10 +22,11 @@
     "prism-react-renderer": "^1",
     "react-feather": "^2",
     "use-immer": "^0.7.0",
-    "wonka": "^4"
+    "wonka": "^6"
   },
   "peerDependencies": {
     "@mdx-js/react": "*",
-    "react": "*"
+    "react": "*",
+    "react-dom": "*"
   }
 }

package/search/index.js

@@ -18,27 +18,36 @@ import { useCombobox } from 'downshift';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -110,6 +119,8 @@ const Highlight = ({
   });
 };
 
+var Highlight$1 = Highlight;
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -167,7 +178,7 @@ function Dialog(props, ref) {
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
     ...rest,
-    className: cx(className, "r5ea8qd")
+    className: cx$1(className, "r5ea8qd")
   }, /*#__PURE__*/React.createElement("div", {
     className: "dp0smwa"
   }, /*#__PURE__*/React.createElement("div", {
@@ -215,7 +226,7 @@ function Dialog(props, ref) {
     }), /*#__PURE__*/React.createElement("path", {
       d: "M9.5 0.5L9.5 5.5 14.5 5.5"
     }))),
-    label: /*#__PURE__*/React.createElement(Highlight, {
+    label: /*#__PURE__*/React.createElement(Highlight$1, {
       string: item.node.path,
       query: value
     }),