@bigbinary/neeto-molecules 1.19.6 → 1.19.7

package/README.md

@@ -69,6 +69,7 @@ https://neeto-molecules.neeto.com/
 - [ShareViaEmail](./docs/components/ShareViaEmail.md)
 - [ShareViaLink](./docs/components/ShareViaLink.md)
 - [Sidebar](./docs/components/Sidebar.md)
+- [StickyRibbonsContainer](./docs/components/StickyRibbonsContainer.md)
 - [SubHeader](./docs/components/SubHeader.md)
 - [SuffixedInput](./docs/components/SuffixedInput.md)
 - [TableWrapper](./docs/components/TableWrapper.md)

package/dist/StickyRibbonsContainer.js

@@ -0,0 +1,78 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+import { useLocalStorage } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { EditorContent } from '@bigbinary/neeto-editor';
+import { Tag } from '@bigbinary/neetoui';
+import { pluck } from 'ramda';
+import { n } from './inject-css-c86de496.js';
+import { useQuery } from 'react-query';
+import axios from 'axios';
+import { BASE_API_V1_URL } from '@bigbinary/neeto-commons-frontend/constants';
+
+var QUERY_KEYS = {
+  APP_STICKY_RIBBONS_LIST: "APP_STICKY_RIBBONS_LIST"
+};
+var STICKY_RIBBON_KIND_TO_STYLE = {
+  info: "info",
+  warning: "warning",
+  error: "danger"
+};
+var STICKY_RIBBONS_LOCAL_STORAGE_KEY = "dismissedStickyRibbons";
+
+var css = ".neeto-molecules-sticky-ribbon{border-radius:0}";
+n(css,{});
+
+var fetchStickyRibbons = function fetchStickyRibbons() {
+  return axios.get("".concat(BASE_API_V1_URL, "/sticky_ribbons"));
+};
+var stickyRibbonsApi = {
+  fetchStickyRibbons: fetchStickyRibbons
+};
+
+var APP_STICKY_RIBBONS_LIST = QUERY_KEYS.APP_STICKY_RIBBONS_LIST;
+var useFetchStickyRibbons = function useFetchStickyRibbons() {
+  return useQuery([APP_STICKY_RIBBONS_LIST], stickyRibbonsApi.fetchStickyRibbons);
+};
+
+var StickyRibbonsContainer = function StickyRibbonsContainer() {
+  var _useLocalStorage = useLocalStorage(STICKY_RIBBONS_LOCAL_STORAGE_KEY, []),
+    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
+    dismissedRibbons = _useLocalStorage2[0],
+    setDismissedRibbons = _useLocalStorage2[1];
+  var _useFetchStickyRibbon = useFetchStickyRibbons(),
+    _useFetchStickyRibbon2 = _useFetchStickyRibbon.data,
+    _useFetchStickyRibbon3 = _useFetchStickyRibbon2 === void 0 ? {} : _useFetchStickyRibbon2,
+    _useFetchStickyRibbon4 = _useFetchStickyRibbon3.stickyRibbons,
+    stickyRibbons = _useFetchStickyRibbon4 === void 0 ? [] : _useFetchStickyRibbon4;
+  var handleDismiss = function handleDismiss(ribbonId) {
+    var validRibbonIds = pluck("id", stickyRibbons);
+    var updatedDismissedRibbons = dismissedRibbons.filter(function (id) {
+      return validRibbonIds.includes(id);
+    });
+    setDismissedRibbons([].concat(_toConsumableArray(updatedDismissedRibbons), [ribbonId]));
+  };
+  var visibleRibbons = stickyRibbons.filter(function (ribbon) {
+    return !dismissedRibbons.includes(ribbon.id);
+  });
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, visibleRibbons.map(function (_ref) {
+    var id = _ref.id,
+      kind = _ref.kind,
+      message = _ref.message;
+    return /*#__PURE__*/React__default.createElement(Tag, {
+      className: "neeto-molecules-sticky-ribbon w-full p-2.5 text-center",
+      key: id,
+      size: "large",
+      style: STICKY_RIBBON_KIND_TO_STYLE[kind],
+      onClose: function onClose() {
+        return handleDismiss(id);
+      }
+    }, /*#__PURE__*/React__default.createElement(EditorContent, {
+      className: "w-full",
+      content: message
+    }));
+  }));
+};
+
+export { StickyRibbonsContainer as default };
+//# sourceMappingURL=StickyRibbonsContainer.js.map

package/dist/StickyRibbonsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyRibbonsContainer.js","sources":["../src/components/StickyRibbonsContainer/constants.js","../src/components/StickyRibbonsContainer/api.js","../src/components/StickyRibbonsContainer/useStickyRibbonsApi.js","../src/components/StickyRibbonsContainer/index.jsx"],"sourcesContent":["export const QUERY_KEYS = {\n  APP_STICKY_RIBBONS_LIST: \"APP_STICKY_RIBBONS_LIST\",\n};\n\nexport const STICKY_RIBBON_KIND_TO_STYLE = {\n  info: \"info\",\n  warning: \"warning\",\n  error: \"danger\",\n};\n\nexport const STICKY_RIBBONS_LOCAL_STORAGE_KEY = \"dismissedStickyRibbons\";\n","import axios from \"axios\";\nimport { BASE_API_V1_URL } from \"neetocommons/constants\";\n\nconst fetchStickyRibbons = () => axios.get(`${BASE_API_V1_URL}/sticky_ribbons`);\n\nconst stickyRibbonsApi = { fetchStickyRibbons };\n\nexport default stickyRibbonsApi;\n","import { useQuery } from \"react-query\";\n\nimport stickyRibbonsApi from \"./api\";\nimport { QUERY_KEYS } from \"./constants\";\n\nconst { APP_STICKY_RIBBONS_LIST } = QUERY_KEYS;\n\nconst useFetchStickyRibbons = () =>\n  useQuery([APP_STICKY_RIBBONS_LIST], stickyRibbonsApi.fetchStickyRibbons);\n\nexport { useFetchStickyRibbons };\n","import React from \"react\";\n\nimport { useLocalStorage } from \"neetocommons/react-utils\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Tag } from \"neetoui\";\nimport { pluck } from \"ramda\";\n\nimport {\n  STICKY_RIBBONS_LOCAL_STORAGE_KEY,\n  STICKY_RIBBON_KIND_TO_STYLE,\n} from \"./constants\";\nimport \"./sticky-ribbons.scss\";\nimport { useFetchStickyRibbons } from \"./useStickyRibbonsApi\";\n\nconst StickyRibbonsContainer = () => {\n  const [dismissedRibbons, setDismissedRibbons] = useLocalStorage(\n    STICKY_RIBBONS_LOCAL_STORAGE_KEY,\n    []\n  );\n\n  const { data: { stickyRibbons = [] } = {} } = useFetchStickyRibbons();\n\n  const handleDismiss = ribbonId => {\n    const validRibbonIds = pluck(\"id\", stickyRibbons);\n    const updatedDismissedRibbons = dismissedRibbons.filter(id =>\n      validRibbonIds.includes(id)\n    );\n\n    setDismissedRibbons([...updatedDismissedRibbons, ribbonId]);\n  };\n\n  const visibleRibbons = stickyRibbons.filter(\n    ribbon => !dismissedRibbons.includes(ribbon.id)\n  );\n\n  return (\n    <>\n      {visibleRibbons.map(({ id, kind, message }) => (\n        <Tag\n          className=\"neeto-molecules-sticky-ribbon w-full p-2.5 text-center\"\n          key={id}\n          size=\"large\"\n          style={STICKY_RIBBON_KIND_TO_STYLE[kind]}\n          onClose={() => handleDismiss(id)}\n        >\n          <EditorContent className=\"w-full\" content={message} />\n        </Tag>\n      ))}\n    </>\n  );\n};\n\nexport default StickyRibbonsContainer;\n"],"names":["QUERY_KEYS","APP_STICKY_RIBBONS_LIST","STICKY_RIBBON_KIND_TO_STYLE","info","warning","error","STICKY_RIBBONS_LOCAL_STORAGE_KEY","fetchStickyRibbons","axios","get","concat","BASE_API_V1_URL","stickyRibbonsApi","useFetchStickyRibbons","useQuery","StickyRibbonsContainer","_useLocalStorage","useLocalStorage","_useLocalStorage2","_slicedToArray","dismissedRibbons","setDismissedRibbons","_useFetchStickyRibbon","_useFetchStickyRibbon2","data","_useFetchStickyRibbon3","_useFetchStickyRibbon4","stickyRibbons","handleDismiss","ribbonId","validRibbonIds","pluck","updatedDismissedRibbons","filter","id","includes","_toConsumableArray","visibleRibbons","ribbon","React","createElement","Fragment","map","_ref","kind","message","Tag","className","key","size","style","onClose","EditorContent","content"],"mappings":"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"}

package/dist/cjs/StickyRibbonsContainer.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var neetoEditor = require('@bigbinary/neeto-editor');
+var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
+var injectCss = require('./inject-css-80a5faa3.js');
+var reactQuery = require('react-query');
+var axios = require('axios');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+
+var QUERY_KEYS = {
+  APP_STICKY_RIBBONS_LIST: "APP_STICKY_RIBBONS_LIST"
+};
+var STICKY_RIBBON_KIND_TO_STYLE = {
+  info: "info",
+  warning: "warning",
+  error: "danger"
+};
+var STICKY_RIBBONS_LOCAL_STORAGE_KEY = "dismissedStickyRibbons";
+
+var css = ".neeto-molecules-sticky-ribbon{border-radius:0}";
+injectCss.n(css,{});
+
+var fetchStickyRibbons = function fetchStickyRibbons() {
+  return axios__default["default"].get("".concat(constants.BASE_API_V1_URL, "/sticky_ribbons"));
+};
+var stickyRibbonsApi = {
+  fetchStickyRibbons: fetchStickyRibbons
+};
+
+var APP_STICKY_RIBBONS_LIST = QUERY_KEYS.APP_STICKY_RIBBONS_LIST;
+var useFetchStickyRibbons = function useFetchStickyRibbons() {
+  return reactQuery.useQuery([APP_STICKY_RIBBONS_LIST], stickyRibbonsApi.fetchStickyRibbons);
+};
+
+var StickyRibbonsContainer = function StickyRibbonsContainer() {
+  var _useLocalStorage = reactUtils.useLocalStorage(STICKY_RIBBONS_LOCAL_STORAGE_KEY, []),
+    _useLocalStorage2 = _slicedToArray__default["default"](_useLocalStorage, 2),
+    dismissedRibbons = _useLocalStorage2[0],
+    setDismissedRibbons = _useLocalStorage2[1];
+  var _useFetchStickyRibbon = useFetchStickyRibbons(),
+    _useFetchStickyRibbon2 = _useFetchStickyRibbon.data,
+    _useFetchStickyRibbon3 = _useFetchStickyRibbon2 === void 0 ? {} : _useFetchStickyRibbon2,
+    _useFetchStickyRibbon4 = _useFetchStickyRibbon3.stickyRibbons,
+    stickyRibbons = _useFetchStickyRibbon4 === void 0 ? [] : _useFetchStickyRibbon4;
+  var handleDismiss = function handleDismiss(ribbonId) {
+    var validRibbonIds = ramda.pluck("id", stickyRibbons);
+    var updatedDismissedRibbons = dismissedRibbons.filter(function (id) {
+      return validRibbonIds.includes(id);
+    });
+    setDismissedRibbons([].concat(_toConsumableArray__default["default"](updatedDismissedRibbons), [ribbonId]));
+  };
+  var visibleRibbons = stickyRibbons.filter(function (ribbon) {
+    return !dismissedRibbons.includes(ribbon.id);
+  });
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, visibleRibbons.map(function (_ref) {
+    var id = _ref.id,
+      kind = _ref.kind,
+      message = _ref.message;
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+      className: "neeto-molecules-sticky-ribbon w-full p-2.5 text-center",
+      key: id,
+      size: "large",
+      style: STICKY_RIBBON_KIND_TO_STYLE[kind],
+      onClose: function onClose() {
+        return handleDismiss(id);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(neetoEditor.EditorContent, {
+      className: "w-full",
+      content: message
+    }));
+  }));
+};
+
+module.exports = StickyRibbonsContainer;
+//# sourceMappingURL=StickyRibbonsContainer.js.map

package/dist/cjs/StickyRibbonsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyRibbonsContainer.js","sources":["../../src/components/StickyRibbonsContainer/constants.js","../../src/components/StickyRibbonsContainer/api.js","../../src/components/StickyRibbonsContainer/useStickyRibbonsApi.js","../../src/components/StickyRibbonsContainer/index.jsx"],"sourcesContent":["export const QUERY_KEYS = {\n  APP_STICKY_RIBBONS_LIST: \"APP_STICKY_RIBBONS_LIST\",\n};\n\nexport const STICKY_RIBBON_KIND_TO_STYLE = {\n  info: \"info\",\n  warning: \"warning\",\n  error: \"danger\",\n};\n\nexport const STICKY_RIBBONS_LOCAL_STORAGE_KEY = \"dismissedStickyRibbons\";\n","import axios from \"axios\";\nimport { BASE_API_V1_URL } from \"neetocommons/constants\";\n\nconst fetchStickyRibbons = () => axios.get(`${BASE_API_V1_URL}/sticky_ribbons`);\n\nconst stickyRibbonsApi = { fetchStickyRibbons };\n\nexport default stickyRibbonsApi;\n","import { useQuery } from \"react-query\";\n\nimport stickyRibbonsApi from \"./api\";\nimport { QUERY_KEYS } from \"./constants\";\n\nconst { APP_STICKY_RIBBONS_LIST } = QUERY_KEYS;\n\nconst useFetchStickyRibbons = () =>\n  useQuery([APP_STICKY_RIBBONS_LIST], stickyRibbonsApi.fetchStickyRibbons);\n\nexport { useFetchStickyRibbons };\n","import React from \"react\";\n\nimport { useLocalStorage } from \"neetocommons/react-utils\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Tag } from \"neetoui\";\nimport { pluck } from \"ramda\";\n\nimport {\n  STICKY_RIBBONS_LOCAL_STORAGE_KEY,\n  STICKY_RIBBON_KIND_TO_STYLE,\n} from \"./constants\";\nimport \"./sticky-ribbons.scss\";\nimport { useFetchStickyRibbons } from \"./useStickyRibbonsApi\";\n\nconst StickyRibbonsContainer = () => {\n  const [dismissedRibbons, setDismissedRibbons] = useLocalStorage(\n    STICKY_RIBBONS_LOCAL_STORAGE_KEY,\n    []\n  );\n\n  const { data: { stickyRibbons = [] } = {} } = useFetchStickyRibbons();\n\n  const handleDismiss = ribbonId => {\n    const validRibbonIds = pluck(\"id\", stickyRibbons);\n    const updatedDismissedRibbons = dismissedRibbons.filter(id =>\n      validRibbonIds.includes(id)\n    );\n\n    setDismissedRibbons([...updatedDismissedRibbons, ribbonId]);\n  };\n\n  const visibleRibbons = stickyRibbons.filter(\n    ribbon => !dismissedRibbons.includes(ribbon.id)\n  );\n\n  return (\n    <>\n      {visibleRibbons.map(({ id, kind, message }) => (\n        <Tag\n          className=\"neeto-molecules-sticky-ribbon w-full p-2.5 text-center\"\n          key={id}\n          size=\"large\"\n          style={STICKY_RIBBON_KIND_TO_STYLE[kind]}\n          onClose={() => handleDismiss(id)}\n        >\n          <EditorContent className=\"w-full\" content={message} />\n        </Tag>\n      ))}\n    </>\n  );\n};\n\nexport default StickyRibbonsContainer;\n"],"names":["QUERY_KEYS","APP_STICKY_RIBBONS_LIST","STICKY_RIBBON_KIND_TO_STYLE","info","warning","error","STICKY_RIBBONS_LOCAL_STORAGE_KEY","fetchStickyRibbons","axios","get","concat","BASE_API_V1_URL","stickyRibbonsApi","useFetchStickyRibbons","useQuery","StickyRibbonsContainer","_useLocalStorage","useLocalStorage","_useLocalStorage2","_slicedToArray","dismissedRibbons","setDismissedRibbons","_useFetchStickyRibbon","_useFetchStickyRibbon2","data","_useFetchStickyRibbon3","_useFetchStickyRibbon4","stickyRibbons","handleDismiss","ribbonId","validRibbonIds","pluck","updatedDismissedRibbons","filter","id","includes","_toConsumableArray","visibleRibbons","ribbon","React","createElement","Fragment","map","_ref","kind","message","Tag","className","key","size","style","onClose","EditorContent","content"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.19.6",
+  "version": "1.19.7",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/types/StickyRibbonsContainer.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+/**
+ *
+ * A container that displays the sticky ribbons configured for the current neeto
+ *
+ * application in neetoTower, if any. The sticky ribbons will be automatically
+ *
+ * fetched from neetoTower and displayed within the container.
+ *
+ * @example 
+ *
+ * import StickyRibbonsContainer from "@bigbinary/neeto-molecules/StickyRibbonsContainer";
+ * 
+ * const Main = () => (
+ *   <>
+ *     <ToastContainer />
+ *     <StickyRibbonsContainer />
+ *     <Switch>
+ *       <Route />
+ *     </Switch>
+ *   </>
+ * );
+ * @endexample
+*/
+const StickyRibbonsContainer: React.FC<{}>;
+export default StickyRibbonsContainer;