@bigbinary/neeto-molecules 3.16.28 → 3.16.30

package/src/translations/en.json

@@ -108,7 +108,7 @@
       "help": "Help",
       "goBack": "Go back",
       "productSwitcher": "Product switcher",
-      "neetoProducts": "neeto products",
+      "neetoProducts": "Neeto products",
       "currentPlan": "Current plan: <strong>{{subscriptionPlan,anyCase}} plan</strong>",
       "helpLinks": {
         "liveChat": "Chat with Support",
@@ -133,7 +133,7 @@
     },
     "productSwitcher": {
       "noApps": "No apps found",
-      "chooseNeetoProduct": "Choose your neeto product",
+      "chooseNeetoProduct": "Choose your Neeto product",
       "searchProducts": "Search products"
     },
     "alert": {
@@ -408,10 +408,11 @@
       "viewPublishedVersion": "View published version",
       "publishLater": "Publish later",
       "publishNow": "Publish now",
-      "publishSettings": "Publish settings",
       "dateTime": "Date & Time",
-      "helperText": "This allows you to schedule a publication time.",
-      "timezoneDescription": "Your current timezone is <strong>{{timezone, anyCase}}</strong>. To change it, click <button>here</button>."
+      "timezoneDescription": "Your current timezone is <strong>{{timezone, anyCase}}</strong>. To change it, click <button>here</button>.",
+      "tooltip": {
+        "publishLater": "Article will be published on {{date, anyCase}}."
+      }
     },
     "shareViaLink": {
       "title": "Share your {{productName, anyCase}}",
@@ -585,6 +586,8 @@
       "element_one": "Element",
       "element_other": "Elements",
       "addNewElement": "Add new element",
+      "addNewElementDescription": "To add elements, click or drag them onto the preview.",
+      "elementsReorderDescription": "You can reorder the elements either from here or directly within the preview.",
       "addAllElements": "Add all elements",
       "searchElements": "Search elements",
       "myElements": "My elements",

package/types/PublishBlock.d.ts

@@ -1,31 +1,29 @@
 import React from 'react';
 import { AlertProps, ButtonProps } from '@bigbinary/neetoui';
 
-interface PublishPaneProps {
+interface SchedulePaneProps {
+  isOpen: boolean;
   isSubmitting: boolean;
   onPublish: (params: {
-    isPublishLaterChecked: boolean;
     datetimeValue: Date | null;
-    onClose: () => void;
   }) => void;
-  onCancel: (params: {
+  onClose: (params: {
     onClose: () => void;
   }) => void;
   datetime: Date | null;
 }
-interface PublishButtonProps extends ButtonProps {
-  showTooltipWhenDisabled?: boolean;
-  publishPaneProps?: PublishPaneProps;
-}
 interface PublishBlockProps {
   renderDraftButtons: (props: {
     ViewDraftButton: React.FC<ButtonProps>;
     ResetDraftButton: React.FC<ButtonProps>;
   }) => React.ReactNode;
   renderPublishButtons: (props: {
-    PublishButton: React.FC<PublishButtonProps>;
+    PublishButton: React.FC<ButtonProps & {
+      showTooltipWhenDisabled?: boolean;
+    }>;
     PublishPreviewButton: React.FC<ButtonProps>;
   }) => React.ReactNode;
+  datetime: Date | null;
 }
 /**
  *
@@ -67,51 +65,6 @@ interface PublishBlockProps {
  *   );
  * };
  * @endexample
- * To use scheduling of publication:
- *
- * @example 
- *
- * import PublishBlock from "@bigbinary/neeto-molecules/PublishBlock";
- * 
- * const PublishActionBlock = (
- *   {
- *     //all variables used in the below example can be passed as props or can be defined in the component itself
- *   }
- * ) => {
- *   const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>
- *     !isDraftBlockHidden && (
- *       <>
- *         <ViewDraftButton to={previewDraftUrl} />
- *         {hasDraftVersion && <ResetDraftButton onClick={handleResetDraft} />}
- *       </>
- *     );
- * 
- *   const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (
- *     <>
- *       <PublishButton
- *         disabled={isPublishDisabled}
- *         onClick={handlePublish}
- *         publishPaneProps={{
- *           isSubmitting: false,
- *           onPublish: ({ onClose }) => onClose(),
- *           onCancel: ({ onClose }) => onClose(),
- *           datetime: null,
- *         }}
- *       />
- *       <PublishPreviewButton
- *         disabled={isPublishPreviewDisabled}
- *         to={previewPublishedUrl}
- *       />
- *     </>
- *   );
- *   return (
- *     <PublishBlock
- *       renderDraftButtons={renderDraftButtons}
- *       renderPublishButtons={renderPublishButtons}
- *     />
- *   );
- * };
- * @endexample
  * This optional component can be used to render the reset alert modal for
  *
  * discarding draft.
@@ -140,9 +93,37 @@ interface PublishBlockProps {
  *   );
  * };
  * @endexample
+ * This optional component can be used to render the publish later pane.
+ *
+ * @example 
+ *
+ * import PublishBlock from "@bigbinary/neeto-molecules/PublishBlock";
+ * 
+ * const PublishLaterPane = (
+ *   {
+ *     //all variables used in the below example can be passed as props or can be defined in the component itself
+ *   }
+ * ) => {
+ *   const [isOpen, setIsOpen] = useState(false);
+ * 
+ *   return (
+ *     <>
+ *       <PublishBlock.SchedulePane
+ *         {...{ isOpen }}
+ *         datetime={new Date()}
+ *         isSubmitting={false}
+ *         onClose={() => setIsOpen(false)}
+ *         onPublish={handlePublish}
+ *       />
+ *       <Button label="Open SchedulePane" onClick={() => setIsOpen(true)} />
+ *     </>
+ *   );
+ * };
+ * @endexample
 */
 declare const PublishBlock: React.FC<PublishBlockProps> & {
   Alert: React.FC<AlertProps>;
+  SchedulePane: React.FC<SchedulePaneProps>;
 };
 
 export { PublishBlock as default };