@bigbinary/neeto-molecules 3.16.28 → 3.16.29

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 };