chore: mark tape id as required

refinedev · aliemir · May 9, 2024 · May 8, 2024 · May 8, 2024 · May 8, 2024
commit 03b217c12ce8bce5899dcfd448dc51b225b96d49
@@ -317,8 +317,6 @@ const RentTapeForm = ({
     }
   }, [tapesIsSuccess]);
 
-  console.log(formState.defaultValues);
-
   const period = watch<"period">("period");
   const returnDate = dayjs().add(period, "day").format("DD.MM.YYYY");
   const price = NIGHTLY_RENTAL_FEE * period;
@@ -342,6 +340,7 @@ const RentTapeForm = ({
             <Controller
               control={control}
               name="tape_id"
+              rules={{ required: "Tape ID is required" }}
               render={({ field }) => (
                 <Select
                   width={"100%"}

diff --git a/examples/theme-chakra-ui-demo/src/main.tsx b/examples/theme-chakra-ui-demo/src/main.tsx

 const container = document.getElementById("root");
 // eslint-disable-next-line
 const root = createRoot(container!);
 root.render(
  <React.StrictMode>
    <App />
diff --git a/examples/theme-chakra-ui-demo/src/pages/posts/edit.tsx b/examples/theme-chakra-ui-demo/src/pages/posts/edit.tsx
    queryOptions: { enabled: !!queryResult?.data?.data.category.id },
  });

  useEffect(() => {
    resetField("category.id");
  }, [options]);

diff --git a/examples/theme-chakra-ui-demo/src/components/table/columnFilter.tsx b/examples/theme-chakra-ui-demo/src/components/table/columnFilter.tsx

 export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
  // eslint-disable-next-line
  const [state, setState] = useState(null as null | { value: any });

  if (!column.getCanFilter()) {
    return null;
  const close = () => setState(null);

  // eslint-disable-next-line
  const change = (value: any) => setState({ value });

  const clear = () => {
    column.setFilterValue(undefined);

  const renderFilterElement = () => {
    // eslint-disable-next-line
    const FilterComponent = (column.columnDef?.meta as any)?.filterElement;

    if (!FilterComponent && !!state) {
      return (
    return (
      <FilterComponent
        value={state?.value}
        onChange={(e: any) => change(e.target.value)}
      />
    );
  };
diff --git a/examples/theme-chakra-ui-demo/src/interfaces/index.d.ts b/examples/theme-chakra-ui-demo/src/interfaces/index.d.ts
 }

 export interface ColumnButtonProps {
  column: Column<any, any>; // eslint-disable-line
 }

 export interface FilterElementProps {
  value: any; // eslint-disable-line
  onChange: (value: any) => void; // eslint-disable-line
 }

	const container = document.getElementById("root");
	// eslint-disable-next-line
	const root = createRoot(container!);
Check warning on line 7 in examples/theme-chakra-ui-demo/src/main.tsx GitHub Actions / Lint `Forbidden non-null assertion.`
	root.render(
	<React.StrictMode>
	<App />
	queryOptions: { enabled: !!queryResult?.data?.data.category.id },
	});

	useEffect(() => {
Check warning on line 31 in examples/theme-chakra-ui-demo/src/pages/posts/edit.tsx GitHub Actions / Lint `This hook does not specify all of its dependencies: resetField` Check warning on line 31 in examples/theme-chakra-ui-demo/src/pages/posts/edit.tsx GitHub Actions / Lint `This hook specifies more dependencies than necessary: options`
	resetField("category.id");
	}, [options]);

	export const ColumnFilter: React.FC<ColumnButtonProps> = ({ column }) => {
	// eslint-disable-next-line
	const [state, setState] = useState(null as null \| { value: any });
Check warning on line 17 in examples/theme-chakra-ui-demo/src/components/table/columnFilter.tsx GitHub Actions / Lint `Unexpected any. Specify a different type.`

	if (!column.getCanFilter()) {
	return null;
	const close = () => setState(null);

	// eslint-disable-next-line
	const change = (value: any) => setState({ value });
Check warning on line 31 in examples/theme-chakra-ui-demo/src/components/table/columnFilter.tsx GitHub Actions / Lint `Unexpected any. Specify a different type.`

	const clear = () => {
	column.setFilterValue(undefined);

	const renderFilterElement = () => {
	// eslint-disable-next-line
	const FilterComponent = (column.columnDef?.meta as any)?.filterElement;
Check warning on line 46 in examples/theme-chakra-ui-demo/src/components/table/columnFilter.tsx GitHub Actions / Lint `Unexpected any. Specify a different type.`

	if (!FilterComponent && !!state) {
	return (
	return (
	<FilterComponent
	value={state?.value}
	onChange={(e: any) => change(e.target.value)}
Check warning on line 63 in examples/theme-chakra-ui-demo/src/components/table/columnFilter.tsx GitHub Actions / Lint `Unexpected any. Specify a different type.`
	/>
	);
	};
	}

	export interface ColumnButtonProps {
	column: Column<any, any>; // eslint-disable-line
Check warning on line 17 in examples/theme-chakra-ui-demo/src/interfaces/index.d.ts GitHub Actions / Lint `Unexpected any. Specify a different type.` Check warning on line 17 in examples/theme-chakra-ui-demo/src/interfaces/index.d.ts GitHub Actions / Lint `Unexpected any. Specify a different type.`
	}

	export interface FilterElementProps {
	value: any; // eslint-disable-line
Check warning on line 21 in examples/theme-chakra-ui-demo/src/interfaces/index.d.ts GitHub Actions / Lint `Unexpected any. Specify a different type.`
	onChange: (value: any) => void; // eslint-disable-line
	}