@bigbinary/neeto-molecules 3.15.43 → 3.15.45

package/dist/ResponsiveDevicePicker.js

@@ -0,0 +1,63 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classnames from 'classnames';
+import Button from '@bigbinary/neetoui/Button';
+import { t } from 'i18next';
+import Computer from '@bigbinary/neeto-icons/Computer';
+import Tablet from '@bigbinary/neeto-icons/Tablet';
+import Mobile from '@bigbinary/neeto-icons/Mobile';
+import { createElement } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var RESPONSIVE_DEVICES = {
+  DESKTOP: "desktop",
+  TABLET: "tablet",
+  MOBILE: "mobile"
+};
+var RESPONSIVE_DEVICES_MAP = _defineProperty(_defineProperty(_defineProperty({}, RESPONSIVE_DEVICES.DESKTOP, {
+  icon: Computer,
+  label: t("neetoMolecules.responsiveDevicePicker.desktop")
+}), RESPONSIVE_DEVICES.TABLET, {
+  icon: Tablet,
+  label: t("neetoMolecules.responsiveDevicePicker.tablet")
+}), RESPONSIVE_DEVICES.MOBILE, {
+  icon: Mobile,
+  label: t("neetoMolecules.responsiveDevicePicker.mobile")
+});
+
+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(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(_ref, _excluded);
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+    className: classnames("flex items-center justify-center gap-2", className)
+  }, otherProps), {}, {
+    children: Object.entries(RESPONSIVE_DEVICES_MAP).map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        key = _ref3[0],
+        _ref3$ = _ref3[1],
+        icon = _ref3$.icon,
+        label = _ref3$.label;
+      return /*#__PURE__*/createElement(Button, {
+        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);
+        }
+      });
+    })
+  }));
+};
+
+export { ResponsiveDevicePicker as default };
+//# sourceMappingURL=ResponsiveDevicePicker.js.map

package/dist/ResponsiveDevicePicker.js.map

@@ -0,0 +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 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,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAChCL,EAAAA,EAAAA,kBAAkB,CAACC,OAAO,EAAG;AAC5BK,EAAAA,IAAI,EAAEC,QAAQ;EACdC,KAAK,EAAEC,CAAC,CAAC,+CAA+C,CAAA;AAC1D,CAAC,CACAT,EAAAA,kBAAkB,CAACE,MAAM,EAAG;AAC3BI,EAAAA,IAAI,EAAEI,MAAM;EACZF,KAAK,EAAEC,CAAC,CAAC,8CAA8C,CAAA;AACzD,CAAC,CACAT,EAAAA,kBAAkB,CAACG,MAAM,EAAG;AAC3BG,EAAAA,IAAI,EAAEK,MAAM;EACZH,KAAK,EAAEC,CAAC,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,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbC,GAAA,CAAA,KAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACEP,IAAAA,SAAS,EAAEQ,UAAU,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,cAAA,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,aAAA,CAACC,MAAM,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,SAATA,OAAOA,GAAA;UAAA,OAAQvB,cAAc,CAACc,GAAG,CAAC,CAAA;AAAA,SAAA;AAAC,OACpC,CAAC,CAAA;KACH,CAAA;AAAC,GAAA,CACC,CAAC,CAAA;AAAA;;;;"}