@spaced-out/ui-design-system 0.0.1-alpha.0 → 0.0.1-beta.0

package/lib/components/Toggle/Toggle.js

@@ -8,11 +8,10 @@ var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _Text = require("../Text/Text");
 var _ToggleModule = _interopRequireDefault(require("./Toggle.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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); }
 const Toggle = _ref => {
   let {
     name = 'toggle',
@@ -39,31 +38,27 @@ const Toggle = _ref => {
       toggleInput.current.focus();
     }
   }, [focused]);
-  return /*#__PURE__*/(0, _jsxRuntime.jss)("label", {
+  return /*#__PURE__*/React.createElement("label", {
     className: (0, _classify.default)(_ToggleModule.default.container, {
       [_ToggleModule.default.disabled]: disabled
-    }, classNames?.wrapper),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jss)("span", {
-      className: _ToggleModule.default.toggleWrap,
-      children: [/*#__PURE__*/(0, _jsxRuntime.js)("input", {
-        type: "checkbox",
-        name: name,
-        value: value,
-        checked: checked,
-        onChange: handleOnChange,
-        ref: toggleInput,
-        disabled: disabled,
-        ...props
-      }), /*#__PURE__*/(0, _jsxRuntime.js)("span", {
-        className: (0, _classify.default)(_ToggleModule.default.toggle, {
-          [_ToggleModule.default.disabledButton]: disabled
-        })
-      })]
-    }), React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.js)(_Text.FormLabelMedium, {
-      color: "secondary",
-      className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label),
-      children: children
-    })]
-  });
+    }, classNames?.wrapper)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _ToggleModule.default.toggleWrap
+  }, /*#__PURE__*/React.createElement("input", _extends({
+    type: "checkbox",
+    name: name,
+    value: value,
+    checked: checked,
+    onChange: handleOnChange,
+    ref: toggleInput,
+    disabled: disabled
+  }, props)), /*#__PURE__*/React.createElement("span", {
+    className: (0, _classify.default)(_ToggleModule.default.toggle, {
+      [_ToggleModule.default.disabledButton]: disabled
+    })
+  })), React.Children.count(children) > 0 && /*#__PURE__*/React.createElement(_Text.FormLabelMedium, {
+    color: "secondary",
+    className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label)
+  }, children));
 };
 exports.Toggle = Toggle;

package/lib/components/Tooltip/Tooltip.js

@@ -12,11 +12,10 @@ var _mergeRefs = require("../../utils/merge-refs");
 var _Text = require("../Text");
 var _Truncate = require("../Truncate");
 var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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); }
 const Tooltip = _ref => {
   let {
     classNames,
@@ -49,33 +48,25 @@ const Tooltip = _ref => {
 
   // Note(Nishant) Preserve the consumer's ref
   const ref = React.useMemo(() => (0, _mergeRefs.mergeRefs)([reference, children.ref]), [reference, children]);
-  return /*#__PURE__*/(0, _jsxRuntime.jss)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/React.cloneElement(children, getReferenceProps({
-      ref,
-      ...children.props
-    })), open && /*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-      ref: floating,
-      className: (0, _classify.classify)(_TooltipModule.default.tooltip, classNames?.wrapper),
-      style: {
-        position: strategy,
-        top: y ?? _space.spaceNone,
-        left: x ?? _space.spaceNone
-      },
-      ...getFloatingProps(),
-      children: [!!title && /*#__PURE__*/(0, _jsxRuntime.js)(_Text.SubTitleExtraSmall, {
-        color: "inversePrimary",
-        children: /*#__PURE__*/(0, _jsxRuntime.js)(_Truncate.Truncate, {
-          line: 1,
-          children: title
-        })
-      }), !!body && /*#__PURE__*/(0, _jsxRuntime.js)(_Text.BodyMedium, {
-        color: !title ? 'inversePrimary' : 'inverseSecondary',
-        children: /*#__PURE__*/(0, _jsxRuntime.js)(_Truncate.Truncate, {
-          line: 2,
-          children: body
-        })
-      })]
-    })]
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(children, getReferenceProps({
+    ref,
+    ...children.props
+  })), open && /*#__PURE__*/React.createElement("div", _extends({
+    ref: floating,
+    className: (0, _classify.classify)(_TooltipModule.default.tooltip, classNames?.wrapper),
+    style: {
+      position: strategy,
+      top: y ?? _space.spaceNone,
+      left: x ?? _space.spaceNone
+    }
+  }, getFloatingProps()), !!title && /*#__PURE__*/React.createElement(_Text.SubTitleExtraSmall, {
+    color: "inversePrimary"
+  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, {
+    line: 1
+  }, title)), !!body && /*#__PURE__*/React.createElement(_Text.BodyMedium, {
+    color: !title ? 'inversePrimary' : 'inverseSecondary'
+  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, {
+    line: 2
+  }, body))));
 };
 exports.Tooltip = Tooltip;

package/lib/components/Truncate/Truncate.js

@@ -7,7 +7,6 @@ exports.Truncate = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
 var _TruncateModule = _interopRequireDefault(require("./Truncate.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -17,12 +16,11 @@ const Truncate = _ref => {
     children,
     line = 1
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("span", {
+  return /*#__PURE__*/React.createElement("span", {
     className: (0, _classify.classify)(_TruncateModule.default.truncateLineClamp),
     style: {
       WebkitLineClamp: `${line}`
-    },
-    children: children
-  });
+    }
+  }, children);
 };
 exports.Truncate = Truncate;

package/lib/components/Typeahead/Typeahead.js

@@ -14,11 +14,10 @@ var _clickAway = require("../../utils/click-away");
 var _Menu = require("../Menu");
 var _SearchInput = require("../SearchInput");
 var _TypeaheadModule = _interopRequireDefault(require("./Typeahead.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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); }
 const Typeahead = _ref => {
   let {
     options,
@@ -66,59 +65,55 @@ const Typeahead = _ref => {
     });
     setFilteredOptions(optionsFiltered || []);
   }, [inputValue]);
-  return /*#__PURE__*/(0, _jsxRuntime.js)(_clickAway.ClickAway, {
-    children: _ref2 => {
-      let {
-        isOpen,
-        onOpen,
-        cancelNext,
-        clickAway
-      } = _ref2;
-      return /*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-        "data-testid": "Typeahead",
-        className: (0, _classify.classify)(_TypeaheadModule.default.typeaheadContainer, classNames?.wrapper),
-        ref: typeaheadRef,
-        children: [/*#__PURE__*/(0, _jsxRuntime.js)(_SearchInput.SearchInput, {
-          boxRef: reference,
-          size: size,
-          placeholder: placeholder,
-          value: inputValue,
-          classNames: {
-            box: classNames?.box
-          },
-          ...inputProps,
-          onChange: e => {
-            e.stopPropagation();
-            setInputValue(e.target.value);
-            onSearch && onSearch(e);
-            if (e.target.value.length > 0) {
-              onOpen();
-            } else {
-              clickAway();
-            }
-          }
-        }), isOpen && filteredOptions && !!filteredOptions.length && /*#__PURE__*/(0, _jsxRuntime.js)("div", {
-          onClickCapture: cancelNext,
-          ref: floating,
-          style: {
-            position: strategy,
-            top: y ?? _space.spaceNone,
-            left: x ?? _space.spaceNone,
-            width: _size.sizeFluid,
-            backgroundColor: _color.colorBackgroundTertiary
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.js)(_Menu.Menu, {
-            isFluid: true,
-            options: filteredOptions,
-            onSelect: option => {
-              handleSelect(option);
-              clickAway();
-            },
-            size: size
-          })
-        })]
-      });
-    }
+  return /*#__PURE__*/React.createElement(_clickAway.ClickAway, null, _ref2 => {
+    let {
+      isOpen,
+      onOpen,
+      cancelNext,
+      clickAway
+    } = _ref2;
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testid": "Typeahead",
+      className: (0, _classify.classify)(_TypeaheadModule.default.typeaheadContainer, classNames?.wrapper),
+      ref: typeaheadRef
+    }, /*#__PURE__*/React.createElement(_SearchInput.SearchInput, _extends({
+      boxRef: reference,
+      size: size,
+      placeholder: placeholder,
+      value: inputValue,
+      classNames: {
+        box: classNames?.box
+      }
+    }, inputProps, {
+      onChange: e => {
+        e.stopPropagation();
+        setInputValue(e.target.value);
+        onSearch && onSearch(e);
+        if (e.target.value.length > 0) {
+          onOpen();
+        } else {
+          clickAway();
+        }
+      }
+    })), isOpen && filteredOptions && !!filteredOptions.length && /*#__PURE__*/React.createElement("div", {
+      onClickCapture: cancelNext,
+      ref: floating,
+      style: {
+        position: strategy,
+        top: y ?? _space.spaceNone,
+        left: x ?? _space.spaceNone,
+        width: _size.sizeFluid,
+        backgroundColor: _color.colorBackgroundTertiary
+      }
+    }, /*#__PURE__*/React.createElement(_Menu.Menu, {
+      isFluid: true,
+      options: filteredOptions,
+      onSelect: option => {
+        handleSelect(option);
+        clickAway();
+      },
+      size: size
+    })));
   });
 };
 exports.Typeahead = Typeahead;

package/lib/utils/makeClassNameComponent.js

@@ -8,11 +8,10 @@ exports.makeClassNameComponentCustom = makeClassNameComponentCustom;
 exports.nameHoc = nameHoc;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("./classify"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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 nameHoc(WrapperComponent, WrappedComponent, hocName) {
   const wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
   WrapperComponent.displayName = `${hocName}(${wrappedComponentName})`;
@@ -31,11 +30,10 @@ function makeClassNameComponent(baseClassName) {
     return (
       /*#__PURE__*/
       // $FlowFixMe[escaped-generic]
-      (0, _jsxRuntime.js)(ComponentType, {
-        ...props,
+      React.createElement(ComponentType, _extends({}, props, {
         ref: ref,
         className: (0, _classify.default)(baseClassName, className)
-      })
+      }))
     );
   }, `CNC(${name || ComponentType})`));
 }
@@ -45,11 +43,10 @@ function makeClassNameComponentCustom(baseClassName, ComponentType) {
       className,
       ...props
     } = _ref2;
-    return /*#__PURE__*/(0, _jsxRuntime.js)(ComponentType, {
-      ...props,
+    return /*#__PURE__*/React.createElement(ComponentType, _extends({}, props, {
       ref: ref,
       className: (0, _classify.default)(baseClassName, className)
-    });
+    }));
   }, ComponentType, 'CNC'));
 }
 function nameComponent(component, name) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1-beta.0",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {