Skip to content

Commit

Permalink
Rename demo components
Browse files Browse the repository at this point in the history
  • Loading branch information
@mj12albert
mj12albert committed Aug 7, 2023
1 parent 053cf15 commit 62d128f
Show file tree
Hide file tree
Showing 9 changed files with 18 additions and 18 deletions.
6 changes: 3 additions & 3 deletions docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
import ClearIcon from '@mui/icons-material/Clear';
import clsx from 'clsx';

const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, ref) {
const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
const {
disableClearable = false,
disabled = false,
Expand Down Expand Up @@ -118,7 +118,7 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, r
);
});

CustomAutocomplete.propTypes = {
Autocomplete.propTypes = {
/**
* If `true`, the input can't be cleared.
* @default false
Expand Down Expand Up @@ -146,7 +146,7 @@ CustomAutocomplete.propTypes = {
};

export default function AutocompleteIntroduction() {
return <CustomAutocomplete options={top100Films} />;
return <Autocomplete options={top100Films} />;
}

const cyan = {
Expand Down
4 changes: 2 additions & 2 deletions docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
import ClearIcon from '@mui/icons-material/Clear';
import clsx from 'clsx';

const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
const Autocomplete = React.forwardRef(function Autocomplete(
props: UseAutocompleteProps<(typeof top100Films)[number], false, false, false>,
ref: React.ForwardedRef<HTMLDivElement>,
) {
Expand Down Expand Up @@ -120,7 +120,7 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
});

export default function AutocompleteIntroduction() {
return <CustomAutocomplete options={top100Films} />;
return <Autocomplete options={top100Films} />;
}

const cyan = {
Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/autocomplete/AutocompleteIntroduction/css/index.tsx.preview
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<CustomAutocomplete options={top100Films} />
<Autocomplete options={top100Films} />
6 changes: 3 additions & 3 deletions docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import { unstable_useForkRef as useForkRef } from '@mui/utils';
import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
import ClearIcon from '@mui/icons-material/Clear';

const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, ref) {
const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
const {
disableClearable = false,
disabled = false,
Expand Down Expand Up @@ -95,7 +95,7 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, r
);
});

CustomAutocomplete.propTypes = {
Autocomplete.propTypes = {
/**
* If `true`, the input can't be cleared.
* @default false
Expand All @@ -114,7 +114,7 @@ CustomAutocomplete.propTypes = {
};

export default function AutocompleteIntroduction() {
return <CustomAutocomplete options={top100Films} />;
return <Autocomplete options={top100Films} />;
}

const blue = {
Expand Down
4 changes: 2 additions & 2 deletions docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { unstable_useForkRef as useForkRef } from '@mui/utils';
import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
import ClearIcon from '@mui/icons-material/Clear';

const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
const Autocomplete = React.forwardRef(function Autocomplete(
props: UseAutocompleteProps<(typeof top100Films)[number], false, false, false>,
ref: React.ForwardedRef<HTMLDivElement>,
) {
Expand Down Expand Up @@ -97,7 +97,7 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
});

export default function AutocompleteIntroduction() {
return <CustomAutocomplete options={top100Films} />;
return <Autocomplete options={top100Films} />;
}

const blue = {
Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx.preview
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<CustomAutocomplete options={top100Films} />
<Autocomplete options={top100Films} />
6 changes: 3 additions & 3 deletions docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
import ClearIcon from '@mui/icons-material/Clear';
import clsx from 'clsx';

const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, ref) {
const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
const {
disableClearable = false,
disabled = false,
Expand Down Expand Up @@ -121,7 +121,7 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(props, r
);
});

CustomAutocomplete.propTypes = {
Autocomplete.propTypes = {
/**
* If `true`, the input can't be cleared.
* @default false
Expand Down Expand Up @@ -160,7 +160,7 @@ CustomAutocomplete.propTypes = {

export default function AutocompleteIntroduction() {
return (
<CustomAutocomplete
<Autocomplete
options={top100Films}
isOptionEqualToValue={(option, value) => option.label === value.label}
/>
Expand Down
4 changes: 2 additions & 2 deletions docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
import ClearIcon from '@mui/icons-material/Clear';
import clsx from 'clsx';

const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(
const Autocomplete = React.forwardRef(function Autocomplete(
props: UseAutocompleteProps<(typeof top100Films)[number], false, false, false>,
ref: React.ForwardedRef<HTMLDivElement>,
) {
Expand Down Expand Up @@ -124,7 +124,7 @@ const CustomAutocomplete = React.forwardRef(function CustomAutocomplete(

export default function AutocompleteIntroduction() {
return (
<CustomAutocomplete
<Autocomplete
options={top100Films}
isOptionEqualToValue={(option, value) => option.label === value.label}
/>
Expand Down
2 changes: 1 addition & 1 deletion docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx.preview
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<CustomAutocomplete
<Autocomplete
options={top100Films}
isOptionEqualToValue={(option, value) => option.label === value.label}
/>

0 comments on commit 62d128f

Please sign in to comment.