@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/cjs/ResponsiveDevicePicker.js

@@ -1,26 +1,24 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
 var classnames = require('classnames');
 var Button = require('@bigbinary/neetoui/Button');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var i18next = require('i18next');
 var Computer = require('@bigbinary/neeto-icons/Computer');
 var Tablet = require('@bigbinary/neeto-icons/Tablet');
 var Mobile = require('@bigbinary/neeto-icons/Mobile');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var Computer__default = /*#__PURE__*/_interopDefaultLegacy(Computer);
 var Tablet__default = /*#__PURE__*/_interopDefaultLegacy(Tablet);
 var Mobile__default = /*#__PURE__*/_interopDefaultLegacy(Mobile);
@@ -42,31 +40,35 @@ var RESPONSIVE_DEVICES_MAP = _defineProperty__default["default"](_defineProperty
 });
 
 var _excluded = ["className", "selectedDevice", "onDeviceChange"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ResponsiveDevicePicker = function ResponsiveDevicePicker(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     selectedDevice = _ref.selectedDevice,
     onDeviceChange = _ref.onDeviceChange,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
     className: classnames__default["default"]("flex items-center justify-center gap-2", className)
-  }, otherProps), Object.entries(RESPONSIVE_DEVICES_MAP).map(function (_ref2) {
-    var _ref3 = _slicedToArray__default["default"](_ref2, 2),
-      key = _ref3[0],
-      _ref3$ = _ref3[1],
-      icon = _ref3$.icon,
-      label = _ref3$.label;
-    return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-      "data-testid": "".concat(label.toLowerCase(), "-device-button"),
-      icon: icon,
-      key: key,
-      size: "small",
-      style: key === selectedDevice ? "primary" : "secondary",
-      title: label,
-      onClick: function onClick() {
-        return onDeviceChange(key);
-      }
-    });
+  }, otherProps), {}, {
+    children: Object.entries(RESPONSIVE_DEVICES_MAP).map(function (_ref2) {
+      var _ref3 = _slicedToArray__default["default"](_ref2, 2),
+        key = _ref3[0],
+        _ref3$ = _ref3[1],
+        icon = _ref3$.icon,
+        label = _ref3$.label;
+      return /*#__PURE__*/React.createElement(Button__default["default"], {
+        icon: icon,
+        "data-testid": "".concat(label.toLowerCase(), "-device-button"),
+        key: key,
+        size: "small",
+        style: key === selectedDevice ? "primary" : "secondary",
+        title: label,
+        onClick: function onClick() {
+          return onDeviceChange(key);
+        }
+      });
+    })
   }));
 };
 

package/dist/cjs/ResponsiveDevicePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveDevicePicker.js","sources":["../../src/components/ResponsiveDevicePicker/constants.js","../../src/components/ResponsiveDevicePicker/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Computer, Tablet, Mobile } from \"neetoicons\";\n\nexport const RESPONSIVE_DEVICES = {\n  DESKTOP: \"desktop\",\n  TABLET: \"tablet\",\n  MOBILE: \"mobile\",\n};\n\nexport const RESPONSIVE_DEVICES_MAP = {\n  [RESPONSIVE_DEVICES.DESKTOP]: {\n    icon: Computer,\n    label: t(\"neetoMolecules.responsiveDevicePicker.desktop\"),\n  },\n  [RESPONSIVE_DEVICES.TABLET]: {\n    icon: Tablet,\n    label: t(\"neetoMolecules.responsiveDevicePicker.tablet\"),\n  },\n  [RESPONSIVE_DEVICES.MOBILE]: {\n    icon: Mobile,\n    label: t(\"neetoMolecules.responsiveDevicePicker.mobile\"),\n  },\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { RESPONSIVE_DEVICES_MAP } from \"./constants\";\n\nconst ResponsiveDevicePicker = ({\n  className = \"\",\n  selectedDevice,\n  onDeviceChange,\n  ...otherProps\n}) => (\n  <div\n    className={classnames(\"flex items-center justify-center gap-2\", className)}\n    {...otherProps}\n  >\n    {Object.entries(RESPONSIVE_DEVICES_MAP).map(([key, { icon, label }]) => (\n      <Button\n        data-testid={`${label.toLowerCase()}-device-button`}\n        icon={icon}\n        key={key}\n        size=\"small\"\n        style={key === selectedDevice ? \"primary\" : \"secondary\"}\n        title={label}\n        onClick={() => onDeviceChange(key)}\n      />\n    ))}\n  </div>\n);\n\nResponsiveDevicePicker.propTypes = {\n  /**\n   * To specify external classnames as overrides.\n   */\n  className: PropTypes.string,\n  /**\n   * To show the active device.\n   */\n  selectedDevice: PropTypes.string,\n  /**\n   * Handler function that is triggered when one of the device options are selected.\n   */\n  onDeviceChange: PropTypes.func,\n};\n\nexport default ResponsiveDevicePicker;\n"],"names":["RESPONSIVE_DEVICES","DESKTOP","TABLET","MOBILE","RESPONSIVE_DEVICES_MAP","_defineProperty","icon","Computer","label","t","Tablet","Mobile","ResponsiveDevicePicker","_ref","_ref$className","className","selectedDevice","onDeviceChange","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classnames","Object","entries","map","_ref2","_ref3","_slicedToArray","key","_ref3$","Button","concat","toLowerCase","size","style","title","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,MAAM,EAAE,QAAA;AACV,CAAC,CAAA;AAEM,IAAMC,sBAAsB,GAAAC,mCAAA,CAAAA,mCAAA,CAAAA,mCAAA,CAChCL,EAAAA,EAAAA,kBAAkB,CAACC,OAAO,EAAG;AAC5BK,EAAAA,IAAI,EAAEC,4BAAQ;EACdC,KAAK,EAAEC,SAAC,CAAC,+CAA+C,CAAA;AAC1D,CAAC,CACAT,EAAAA,kBAAkB,CAACE,MAAM,EAAG;AAC3BI,EAAAA,IAAI,EAAEI,0BAAM;EACZF,KAAK,EAAEC,SAAC,CAAC,8CAA8C,CAAA;AACzD,CAAC,CACAT,EAAAA,kBAAkB,CAACG,MAAM,EAAG;AAC3BG,EAAAA,IAAI,EAAEK,0BAAM;EACZH,KAAK,EAAEC,SAAC,CAAC,8CAA8C,CAAA;AACzD,CAAC,CACF;;;ACdD,IAAMG,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAC1BE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;AACXC,IAAAA,UAAU,GAAAC,4CAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,4BAAA,CAAA;AACER,IAAAA,SAAS,EAAES,8BAAU,CAAC,wCAAwC,EAAET,SAAS,CAAA;AAAE,GAAA,EACvEG,UAAU,CAAA,EAEbO,MAAM,CAACC,OAAO,CAACtB,sBAAsB,CAAC,CAACuB,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,KAAA,GAAAC,kCAAA,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAEG,MAAAA,GAAG,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAAG,MAAAA,MAAA,GAAAH,KAAA,CAAA,CAAA,CAAA;MAAIvB,IAAI,GAAA0B,MAAA,CAAJ1B,IAAI;MAAEE,KAAK,GAAAwB,MAAA,CAALxB,KAAK,CAAA;AAAA,IAAA,oBAC9Da,yBAAA,CAAAC,aAAA,CAACW,0BAAM,EAAA;AACL,MAAA,aAAA,EAAA,EAAA,CAAAC,MAAA,CAAgB1B,KAAK,CAAC2B,WAAW,EAAE,EAAiB,gBAAA,CAAA;AACpD7B,MAAAA,IAAI,EAAEA,IAAK;AACXyB,MAAAA,GAAG,EAAEA,GAAI;AACTK,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,KAAK,EAAEN,GAAG,KAAKf,cAAc,GAAG,SAAS,GAAG,WAAY;AACxDsB,MAAAA,KAAK,EAAE9B,KAAM;MACb+B,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMtB,cAAc,CAACc,GAAG,CAAC,CAAA;AAAA,OAAA;AAAC,KACpC,CAAC,CAAA;AAAA,GACH,CACE,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"ResponsiveDevicePicker.js","sources":["../../src/components/ResponsiveDevicePicker/constants.js","../../src/components/ResponsiveDevicePicker/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Computer, Tablet, Mobile } from \"neetoicons\";\n\nexport const RESPONSIVE_DEVICES = {\n  DESKTOP: \"desktop\",\n  TABLET: \"tablet\",\n  MOBILE: \"mobile\",\n};\n\nexport const RESPONSIVE_DEVICES_MAP = {\n  [RESPONSIVE_DEVICES.DESKTOP]: {\n    icon: Computer,\n    label: t(\"neetoMolecules.responsiveDevicePicker.desktop\"),\n  },\n  [RESPONSIVE_DEVICES.TABLET]: {\n    icon: Tablet,\n    label: t(\"neetoMolecules.responsiveDevicePicker.tablet\"),\n  },\n  [RESPONSIVE_DEVICES.MOBILE]: {\n    icon: Mobile,\n    label: t(\"neetoMolecules.responsiveDevicePicker.mobile\"),\n  },\n};\n","import classnames from \"classnames\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { RESPONSIVE_DEVICES_MAP } from \"./constants\";\n\nconst ResponsiveDevicePicker = ({\n  className = \"\",\n  selectedDevice,\n  onDeviceChange,\n  ...otherProps\n}) => (\n  <div\n    className={classnames(\"flex items-center justify-center gap-2\", className)}\n    {...otherProps}\n  >\n    {Object.entries(RESPONSIVE_DEVICES_MAP).map(([key, { icon, label }]) => (\n      <Button\n        {...{ icon }}\n        data-testid={`${label.toLowerCase()}-device-button`}\n        key={key}\n        size=\"small\"\n        style={key === selectedDevice ? \"primary\" : \"secondary\"}\n        title={label}\n        onClick={() => onDeviceChange(key)}\n      />\n    ))}\n  </div>\n);\n\nResponsiveDevicePicker.propTypes = {\n  /**\n   * To specify external classnames as overrides.\n   */\n  className: PropTypes.string,\n  /**\n   * To show the active device.\n   */\n  selectedDevice: PropTypes.string,\n  /**\n   * Handler function that is triggered when one of the device options are selected.\n   */\n  onDeviceChange: PropTypes.func,\n};\n\nexport default ResponsiveDevicePicker;\n"],"names":["RESPONSIVE_DEVICES","DESKTOP","TABLET","MOBILE","RESPONSIVE_DEVICES_MAP","_defineProperty","icon","Computer","label","t","Tablet","Mobile","ResponsiveDevicePicker","_ref","_ref$className","className","selectedDevice","onDeviceChange","otherProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","classnames","children","Object","entries","map","_ref2","_ref3","_slicedToArray","key","_ref3$","_createElement","Button","concat","toLowerCase","size","style","title","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,MAAM,EAAE,QAAA;AACV,CAAC,CAAA;AAEM,IAAMC,sBAAsB,GAAAC,mCAAA,CAAAA,mCAAA,CAAAA,mCAAA,CAChCL,EAAAA,EAAAA,kBAAkB,CAACC,OAAO,EAAG;AAC5BK,EAAAA,IAAI,EAAEC,4BAAQ;EACdC,KAAK,EAAEC,SAAC,CAAC,+CAA+C,CAAA;AAC1D,CAAC,CACAT,EAAAA,kBAAkB,CAACE,MAAM,EAAG;AAC3BI,EAAAA,IAAI,EAAEI,0BAAM;EACZF,KAAK,EAAEC,SAAC,CAAC,8CAA8C,CAAA;AACzD,CAAC,CACAT,EAAAA,kBAAkB,CAACG,MAAM,EAAG;AAC3BG,EAAAA,IAAI,EAAEK,0BAAM;EACZH,KAAK,EAAEC,SAAC,CAAC,8CAA8C,CAAA;AACzD,CAAC,CACF;;;;;AChBD,IAAMG,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAC1BE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;AACXC,IAAAA,UAAU,GAAAC,4CAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbC,cAAA,CAAA,KAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACEP,IAAAA,SAAS,EAAEQ,8BAAU,CAAC,wCAAwC,EAAER,SAAS,CAAA;AAAE,GAAA,EACvEG,UAAU,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAEbC,MAAM,CAACC,OAAO,CAACtB,sBAAsB,CAAC,CAACuB,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAC,kCAAA,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAEG,QAAAA,GAAG,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAAG,QAAAA,MAAA,GAAAH,KAAA,CAAA,CAAA,CAAA;QAAIvB,IAAI,GAAA0B,MAAA,CAAJ1B,IAAI;QAAEE,KAAK,GAAAwB,MAAA,CAALxB,KAAK,CAAA;MAAA,oBAC9DyB,mBAAA,CAACC,0BAAM,EAAA;AACC5B,QAAAA,IAAI,EAAJA,IAAI;AACV,QAAA,aAAA,EAAA,EAAA,CAAA6B,MAAA,CAAgB3B,KAAK,CAAC4B,WAAW,EAAE,EAAiB,gBAAA,CAAA;AACpDL,QAAAA,GAAG,EAAEA,GAAI;AACTM,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,KAAK,EAAEP,GAAG,KAAKf,cAAc,GAAG,SAAS,GAAG,WAAY;AACxDuB,QAAAA,KAAK,EAAE/B,KAAM;QACbgC,OAAO,EAAE,SAAAA,OAAA,GAAA;UAAA,OAAMvB,cAAc,CAACc,GAAG,CAAC,CAAA;AAAA,SAAA;AAAC,OACpC,CAAC,CAAA;KACH,CAAA;AAAC,GAAA,CACC,CAAC,CAAA;AAAA;;;;"}