Fix primefaces#3124: Ability to hide certain code sandbox props

melloware · Aug 18, 2022 · 7d1f890 · 7d1f890
1 parent 01786b3
commit 7d1f890
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/components/doc/common/docactions.js b/components/doc/common/docactions.js
@@ -22,18 +22,22 @@ export const DocActions = (props) => {
     const items = [
         {
             label: 'Hooks Source Demo',
+            className: props.showHooksSource === false ? 'hidden' : '',
             command: () => liveEditor.current.postSandboxParameters('hooks', toast)
         },
         {
             label: 'Class Source Demo',
+            className: props.showClassSource === false ? 'hidden' : '',
             command: () => liveEditor.current.postSandboxParameters('class', toast)
         },
         {
             label: 'TS Source Demo',
+            className: props.showTsSource === false ? 'hidden' : '',
             command: () => liveEditor.current.postSandboxParameters('ts', toast)
         },
         {
             label: 'Browser Source Demo',
+            className: props.showBrowserSource === false ? 'hidden' : '',
             command: () => liveEditor.current.postSandboxParameters('browser', toast)
         }
     ];

diff --git a/pages/formik/index.js b/pages/formik/index.js
@@ -98,7 +98,7 @@ const FormikFormDemo = () => {
                     <p>PrimeReact components can be easily used/integrated with <a href="https://formik.org/">Formik</a>. In this example, a register panel is simulated using Formik.</p>
                 </div>
 
-                <DocActions github="formik/index.js" />
+                <DocActions github="formik/index.js" showClassSource={false} showBrowserSource={false}/>
             </div>
             <div className="content-section implementation form-demo">
                 <Dialog visible={showMessage} onHide={() => setShowMessage(false)} position="top" footer={dialogFooter} showHeader={false} breakpoints={{ '960px': '80vw' }} style={{ width: '30vw' }}>

diff --git a/pages/reactfinalform/index.js b/pages/reactfinalform/index.js
@@ -90,7 +90,7 @@ const ReactFinalFormDemo = () => {
 
                 </div>
 
-                <DocActions github="validate/index.js" />
+                <DocActions github="validate/index.js" showClassSource={false} showBrowserSource={false}/>
             </div>
 
             <div className="content-section implementation form-demo">

diff --git a/pages/reacthookform/index.js b/pages/reacthookform/index.js
@@ -73,7 +73,7 @@ const ReactHookFormDemo = () => {
                     <p>PrimeReact components can be easily used/integrated with <a href="https://react-hook-form.com/">React Hook Form</a>. In this example, a register panel is simulated using React Hook Form.</p>
                 </div>
 
-                <DocActions github="validate/index.js" />
+                <DocActions github="validate/index.js" showClassSource={false} showBrowserSource={false} />
             </div>
 
             <div className="content-section implementation form-demo">
-Original file line number
+Diff line change
@@ Expand Up / @@ -90,7 +90,7 @@ const ReactFinalFormDemo = () => { @@
                     </div>
-                    <DocActions github="validate/index.js" />
+                    <DocActions github="validate/index.js" showClassSource={false} showBrowserSource={false}/>
                 </div>
                 <div className="content-section implementation form-demo">
@@ Expand Down @@