Fix primefaces#3685: TreeSelect inputRef and validation example

components/doc/autocomplete/validationdoc.js

@@ -40,9 +40,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { AutoComplete } from "primereact/autocomplete";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -89,9 +89,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { AutoComplete } from "primereact/autocomplete";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/calendar/validationdoc.js

@@ -35,9 +35,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { Calendar } from "primereact/calendar";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -79,9 +79,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { Calendar } from "primereact/calendar";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/checkbox/validationdoc.js

@@ -35,9 +35,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { Checkbox } from "primereact/checkbox";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -79,9 +79,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { Checkbox } from "primereact/checkbox";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/colorpicker/validationdoc.js

@@ -35,9 +35,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { ColorPicker } from "primereact/inputtext";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -79,9 +79,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { ColorPicker } from "primereact/inputtext";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/dropdown/validationdoc.js

@@ -50,9 +50,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { Dropdown } from "primereact/dropdown";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -94,9 +94,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { Dropdown } from "primereact/dropdown";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/inputmask/validationdoc.js

@@ -35,9 +35,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { InputMask } from "primereact/inputmask";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -79,9 +79,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { InputMask } from "primereact/inputmask";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/inputnumber/validationdoc.js

@@ -68,9 +68,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { InputNumber } from "primereact/inputnumber";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -142,9 +142,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { InputNumber } from "primereact/inputnumber";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/inputtext/validationdoc.js

@@ -35,9 +35,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { InputText } from "primereact/inputtext";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -79,9 +79,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { InputText } from "primereact/inputtext";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/inputtextarea/validationdoc.js

@@ -36,9 +36,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { InputText } from "primereact/inputtext";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -81,9 +81,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { InputText } from "primereact/inputtext";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/multistatecheckbox/validationdoc.js

@@ -41,9 +41,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { MultiStateCheckbox } from "primereact/multistatecheckbox";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -91,9 +91,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { MultiStateCheckbox } from "primereact/multistatecheckbox";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/password/validationdoc.js

@@ -36,9 +36,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { Password } from "primereact/password";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -81,9 +81,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { Password } from "primereact/password";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});

components/doc/radiobutton/validationdoc.js

@@ -63,9 +63,9 @@ export function ValidationDoc(props) {
         javascript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { RadioButton } from "primereact/radiobutton";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function ValidationDemo() {
     const [formData, setFormData] = useState({});
@@ -131,9 +131,9 @@ export default function ValidationDemo() {
         typescript: `
 import { useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { Button } from '../../lib/button/Button';
+import { Button } from 'primereact/button';
+import { classNames } from 'primereact/utils';
 import { RadioButton } from "primereact/radiobutton";
-import { classNames } from '../../lib/utils/Utils';
 
 export default function InvalidDemo() {
     const [formData, setFormData] = useState<any>({});