@bigbinary/neeto-molecules 1.0.114 → 1.1.0

package/dist/SubHeader.cjs.js

@@ -252,7 +252,7 @@ var RightBlock = function RightBlock(_ref) {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = ".neeto-molecules-subheader{align-items:center;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--neeto-ui-sub-header-bottom-margin);min-height:var(--neeto-ui-sub-header-height);width:100%}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper{display:flex;flex-grow:1}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left .neeto-molecules-input__prefix{color:rgb(var(--neeto-ui-gray-400))}.neeto-molecules-subheader .neeto-molecules-subheader__right{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions>:not([hidden])~:not([hidden]){border-left:thin solid rgb(var(--neeto-ui-gray-300));padding-left:8px}.neeto-molecules-subheader__download{position:relative}.neeto-molecules-subheader__download-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;font-size:10px;justify-content:center;min-height:16px;min-width:16px;position:absolute;right:-2px;text-align:center;top:-2px;z-index:1}";
+var css = ":root{--neeto-molecules-sub-header-height:37px;--neeto-molecules-sub-header-bottom-margin:20px}.neeto-molecules-subheader{align-items:center;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--neeto-molecules-sub-header-bottom-margin);min-height:37px;min-height:var(--neeto-molecules-sub-header-height);width:100%}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper{display:flex;flex-grow:1}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left .neeto-molecules-input__prefix{color:rgb(var(--neeto-ui-gray-400))}.neeto-molecules-subheader .neeto-molecules-subheader__right{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions>:not([hidden])~:not([hidden]){border-left:thin solid rgb(var(--neeto-ui-gray-300));padding-left:8px}.neeto-molecules-subheader__download{position:relative}.neeto-molecules-subheader__download-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;font-size:10px;justify-content:center;min-height:16px;min-width:16px;position:absolute;right:-2px;text-align:center;top:-2px;z-index:1}";
 n(css,{});
 
 var SubHeader = function SubHeader(_ref) {

package/dist/SubHeader.js

@@ -245,7 +245,7 @@ var RightBlock = function RightBlock(_ref) {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = ".neeto-molecules-subheader{align-items:center;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--neeto-ui-sub-header-bottom-margin);min-height:var(--neeto-ui-sub-header-height);width:100%}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper{display:flex;flex-grow:1}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left .neeto-molecules-input__prefix{color:rgb(var(--neeto-ui-gray-400))}.neeto-molecules-subheader .neeto-molecules-subheader__right{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions>:not([hidden])~:not([hidden]){border-left:thin solid rgb(var(--neeto-ui-gray-300));padding-left:8px}.neeto-molecules-subheader__download{position:relative}.neeto-molecules-subheader__download-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;font-size:10px;justify-content:center;min-height:16px;min-width:16px;position:absolute;right:-2px;text-align:center;top:-2px;z-index:1}";
+var css = ":root{--neeto-molecules-sub-header-height:37px;--neeto-molecules-sub-header-bottom-margin:20px}.neeto-molecules-subheader{align-items:center;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--neeto-molecules-sub-header-bottom-margin);min-height:37px;min-height:var(--neeto-molecules-sub-header-height);width:100%}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper{display:flex;flex-grow:1}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left .neeto-molecules-input__prefix{color:rgb(var(--neeto-ui-gray-400))}.neeto-molecules-subheader .neeto-molecules-subheader__right{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions>:not([hidden])~:not([hidden]){border-left:thin solid rgb(var(--neeto-ui-gray-300));padding-left:8px}.neeto-molecules-subheader__download{position:relative}.neeto-molecules-subheader__download-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;font-size:10px;justify-content:center;min-height:16px;min-width:16px;position:absolute;right:-2px;text-align:center;top:-2px;z-index:1}";
 n(css,{});
 
 var SubHeader = function SubHeader(_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.0.114",
+  "version": "1.1.0",
   "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>",
@@ -51,10 +51,10 @@
     "@bigbinary/neeto-commons-frontend": "2.0.134",
     "@bigbinary/neeto-editor": "1.27.0-beta.1",
     "@bigbinary/neeto-filters-frontend": "^2.11.15",
-    "@bigbinary/neeto-icons": "^1.12.3",
+    "@bigbinary/neeto-icons": "^1.14.0",
     "@bigbinary/neeto-molecules": "^1.0.5",
     "@bigbinary/neeto-time-zones": "^0.5.0",
-    "@bigbinary/neetoui": "^5.1.5",
+    "@bigbinary/neetoui": "^5.2.2",
     "@faker-js/faker": "7.6.0",
     "@honeybadger-io/react": "2.0.1",
     "@rails/activestorage": "^7.0.5",

package/src/translations/en.json

@@ -67,12 +67,16 @@
       "logout": "Log out",
       "help": "Help",
       "productSwitcher": "Product switcher",
+      "neetoProducts": "neeto products",
       "helpLinks": {
         "liveChat": "Live chat",
         "helpCenter": "Help center",
         "whatsNew": "What's new",
-        "keyboardShortcuts": "Keyboard shortcuts"
-      }
+        "keyboardShortcuts": "Keyboard shortcuts",
+        "helpArticles": "Help articles"
+      },
+      "showMenu": "Expand sidebar",
+      "hideMenu": "Collapse sidebar"
     },
     "appSwitcher": {
       "noApps": "No apps found",
@@ -142,7 +146,10 @@
         },
         "invalidType": "Invalid email type received."
       },
-      "developmentInfo": "This page can be accessed only in SSO mode. To access the page, run neetoAuth in the background and restart the application in SSO mode."
+      "developmentInfo": "This page can be accessed only in SSO mode. To access the page, run neetoAuth in the background and restart the application in SSO mode.",
+      "tooltips": {
+        "productIsDisabled": "The product '{{productName}}' is disabled for this organization. Please enable the product to enable this widget."
+      }
     },
     "customDomain": {
       "customDomain_one": "Custom domain",
@@ -533,6 +540,12 @@
         "KB": "KB",
         "Course": "Course"
       }
+    },
+    "sendToFields": {
+      "uploadCsvTooltip": "Accepts only CSV files with an 'email' column",
+      "errors": {
+        "invalidCsv": "Invalid csv, email column not found"
+      }
     }
   }
 }

package/types/Header.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { SIZES } from "components/Header/constants";
 import { DropdownProps } from "neetoui";
 /**
  *
@@ -22,9 +23,9 @@ const Header: React.FC<{
   searchProps?: object;
   breadcrumbs?: {
     text: string;
-    link: string;
+    link?: string;
   }[];
+  size?: keyof typeof SIZES;
   renderDropdown?: (Dropdown: React.FC<DropdownProps>) => JSX.Element;
-  menuBarToggle?: (...args: any[]) => any;
 }>;
 export default Header;

package/types/NavigationHeader.d.ts

@@ -52,12 +52,18 @@ type LeftBlockPropTypes = {
  * const Page = () => (
  *   <NavigationHeader
  *     leftActionBlock={<NavigationHeader.LeftActionBlock {...leftBlockProps} />}
- *     rightActionBlock={<NavigationHeader.RightActionBlock {...rightBlockProps} />}
- *     navigationLinks={<NavigationHeader.NavigationLinks {...navigationLinkProps} />}
+ *     rightActionBlock={
+ *       <NavigationHeader.RightActionBlock {...rightBlockProps} />
+ *     }
+ *     navigationLinks={
+ *       <NavigationHeader.NavigationLinks {...navigationLinkProps} />
+ *     }
  *   />
  * );
  * @endexample
- * To specify the content to be rendered in the left side of the NavigationHeader.
+ * To specify the content to be rendered in the left side of the
+ *
+ * NavigationHeader.
  *
  * @example 
  *
@@ -66,19 +72,25 @@ type LeftBlockPropTypes = {
  * 
  * const Page = () => (
  *   <NavigationHeader
- *     leftActionBlock={<NavigationHeader.LeftActionBlock
- *       homeButtonProps={{ tooltip: { position: "right" } }}
- *       homeUrl={homeUrl}
- *       renameProps={{
- *         disabled: false,
- *         dropdownItems: [{ label: "Clone", onClick: noop }],
- *         placeholder: "Enter a name",
- *         value: "Feedback form",
- *         onRename: () => noop,
- *       }}
- *     />}
- *     rightActionBlock={<NavigationHeader.RightActionBlock {...rightBlockProps} />}
- *     navigationLinks={<NavigationHeader.NavigationLinks {...navigationLinkProps} />}
+ *     leftActionBlock={
+ *       <NavigationHeader.LeftActionBlock
+ *         homeButtonProps={{ tooltip: { position: "right" } }}
+ *         homeUrl={homeUrl}
+ *         renameProps={{
+ *           disabled: false,
+ *           dropdownItems: [{ label: "Clone", onClick: noop }],
+ *           placeholder: "Enter a name",
+ *           value: "Feedback form",
+ *           onRename: () => noop,
+ *         }}
+ *       />
+ *     }
+ *     rightActionBlock={
+ *       <NavigationHeader.RightActionBlock {...rightBlockProps} />
+ *     }
+ *     navigationLinks={
+ *       <NavigationHeader.NavigationLinks {...navigationLinkProps} />
+ *     }
  *   />
  * );
  * @endexample
@@ -91,19 +103,25 @@ type LeftBlockPropTypes = {
  * 
  * const Page = () => (
  *   <NavigationHeader
- *     navigationLinks={<NavigationHeader.NavigationLinks
- *       headerLinks={[
- *         { key: "build", to: "/build", label: "Build" },
- *         { key: "design", to: "/design", label: "Design" },
- *         { key: "configure", to: "/configure", label: "Configure" },
- *       ]}
- *     />}
- *     rightActionBlock={<NavigationHeader.RightActionBlock {...rightBlockProps} />}
+ *     navigationLinks={
+ *       <NavigationHeader.NavigationLinks
+ *         headerLinks={[
+ *           { key: "build", to: "/build", label: "Build" },
+ *           { key: "design", to: "/design", label: "Design" },
+ *           { key: "configure", to: "/configure", label: "Configure" },
+ *         ]}
+ *       />
+ *     }
+ *     rightActionBlock={
+ *       <NavigationHeader.RightActionBlock {...rightBlockProps} />
+ *     }
  *     leftActionBlock={<NavigationHeader.LeftActionBlock {...leftBlockProps} />}
  *   />
  * );
  * @endexample
- * To specify the content to be rendered in the right side of the NavigationHeader
+ * To specify the content to be rendered in the right side of the
+ *
+ * NavigationHeader
  *
  * @example 
  *
@@ -112,22 +130,26 @@ type LeftBlockPropTypes = {
  * 
  * const Page = () => (
  *   <NavigationHeader
- *     rightActionBlock={<NavigationHeader.RightActionBlock
- *       isPublishButtonVisible={false}
- *       draftPreviewUrl="/preview/draft"
- *       isDraftBlockHidden={false}
- *       isResetDraftButtonVisible={true}
- *       isResetting={false}
- *       onResetClick={noop}
- *       isPublishDisabled={true}
- *       isPublishing={false}
- *       handlePublish={noop}
- *       isPublishPreviewDisabled={true}
- *       publishedPreviewUrl="/preview/published"
- *       setIsResetAlertOpen={noop}
- *       handleReset={noop}
- *     />}
- *     navigationLinks={<NavigationHeader.NavigationLinks {...navigationLinkProps} />}
+ *     rightActionBlock={
+ *       <NavigationHeader.RightActionBlock
+ *         isPublishButtonVisible={false}
+ *         draftPreviewUrl="/preview/draft"
+ *         isDraftBlockHidden={false}
+ *         isResetDraftButtonVisible={true}
+ *         isResetting={false}
+ *         onResetClick={noop}
+ *         isPublishDisabled={true}
+ *         isPublishing={false}
+ *         handlePublish={noop}
+ *         isPublishPreviewDisabled={true}
+ *         publishedPreviewUrl="/preview/published"
+ *         setIsResetAlertOpen={noop}
+ *         handleReset={noop}
+ *       />
+ *     }
+ *     navigationLinks={
+ *       <NavigationHeader.NavigationLinks {...navigationLinkProps} />
+ *     }
  *     leftActionBlock={<NavigationHeader.LeftActionBlock {...leftBlockProps} />}
  *   />
  * );

package/types/SendToFields.d.ts

@@ -0,0 +1,63 @@
+import React from "react";
+import { InputProps } from "neetoui";
+/**
+ *
+ * This email input component comes with the capability to include recipients in
+ *
+ * the Blind Carbon Copy (BCC) and Carbon Copy (CC) fields. The 'showCopyEmail'
+ *
+ * formik key is used to toggle the visibility of the Cc/Bcc input fields and is
+ *
+ * automatically added if omitted when clicking the Cc/Bcc
+ *
+ * button.Additionally,default name attributes, 'sendTo,' 'sendToCc,' and
+ *
+ * 'sendToBcc,' are provided for the email inputs, which can be customized to suit
+ *
+ * your needs.
+ *
+ * @example 
+ *
+ * import React from "react";
+ * import SendToFields from "@bigbinary/neeto-molecules/SendToFields";
+ * 
+ * const SendToFieldsComponent = () => (
+ *   <Form
+ *     formikProps={{
+ *       enableReinitialize: true,
+ *       initialValues: {
+ *         sendTo: [],
+ *         sendToCc: [],
+ *         sendToBcc: [],
+ *         showCopyEmail: false,
+ *       },
+ *     }}
+ *   >
+ *     <SendToFields
+ *       showUploadCsvButton
+ *       showCcBccButton
+ *       emailInputProps={{
+ *         id: "sendTo",
+ *         name: "sendTo",
+ *       }}
+ *       ccInputProps={{
+ *         label: "CC",
+ *         name: "sendToCc",
+ *       }}
+ *       bccInputProps={{
+ *         label: "BCC",
+ *         name: "sendToBcc",
+ *       }}
+ *     />
+ *   </Form>
+ * );
+ * @endexample
+*/
+const SendToFields: React.FC<{
+  inputProps?: InputProps;
+  ccInputProps?: InputProps;
+  bccInputPropse?: InputProps;
+  showUploadCsvButton: boolean;
+  showCcBccButton: boolean;
+}>;
+export default SendToFields;

package/types/Sidebar.d.ts

@@ -6,6 +6,7 @@ type NavLinkItemType = {
   label?: React.ReactNode;
   icon?: any;
   description?: React.ReactNode;
+  isActive: () => boolean;
 } & React.PropsWithoutRef<NavLinkProps<any>> & React.RefAttributes<HTMLAnchorElement>;
 type LinkType = {
   onClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -24,7 +25,7 @@ interface ProfileInfo {
 interface HelpLinks {
   liveChatProps?: LinkType;
   helpCenterProps?: LinkType;
-  changelogProps?: LinkType;
+  changelogProps?: ChangeLogPropsType;
   keyboardShortcutProps?: LinkType;
 }
 /**