import { CreateUserDto } from './dto/create-user.dto';
import { User } from './user.entity';
@Injectable() export class UsersService { async create(createUserDto: CreateUserDto) { const user = User.create(createUserDto); await user.save(); delete user.password; return user; } }

import { composeEventHandlers } from '../../utils/events';
import './button.scss';
import classNames from 'classnames';
// ...
type Size = | 'small' | 'medium' | 'large';
type Type = | 'primary' | 'secondary' | 'outline';
interface ButtonProps { id?: string; children: string | string[]; size?: Size; type?: Type; fullWidth?: boolean; disabled?: boolean; loading?: boolean; pressed?: boolean; textAlign?: TextAlign; onClick?(): void; onFocus?(): void; onBlur?(): void; onMouseEnter?(): void; onMouseLeave?(): void;
}
/** * Button component */
export const Button = ({ children, size, type, disabled = false, loading = false, pressed = false, fullWidth, onClick, onFocus, onBlur, onMouseEnter, onMouseLeave,
}: ButtonProps) => { const [isHovered, setIsHovered] = useState(false); const [isFocused, setIsFocused] = useState(false); const [isPressed, setIsPressed] = useState(pressed); const handleClick = _ => { setIsPressed(true); } const handleFocus = _ => { setIsFocused(true); } const handleBlur = _ => { setIsFocused(false); } const handleMouseEnter = _ => { setIsHovered(true); } const handleMouseLeave = _ => { setIsHovered(false); } const prefix = usePrefix(); const buttonClasses = classNames( `${prefix}--btn`, `${prefix}--btn--${type}`, `${prefix}--btn--${abbreviate(size)}`, { [`${prefix}--btn--full-width`]: fullWidth, [`${prefix}--btn--disabled`]: disabled, [`${prefix}--btn--loading`]: loading, [`${prefix}--btn--pressed`]: isPressed, [`${prefix}--btn--hovered`]: isHovered, [`${prefix}--btn--focused`]: isFocused, } ); const eventHandlers = { onClick: composeEventHandlers([onClick, handleClick]), onFocus: composeEventHandlers([onFocus, handleFocus]), onBlur: composeEventHandlers([onBlur, handleBlur]), onMouseEnter: composeEventHandlers([onMouseEnter, handleMouseEnter]), onMouseLeave: composeEventHandlers([onMouseLeave, handleMouseLeave]), } const buttonMarkup = <button type="button" className={buttonClasses} {...eventHandlers} > {loading ? <Loader size='small' type={type === 'primary' ? 'secondary' : 'primary'></Loader> : children } </button> ; return buttonMarkup;
};

.#{$prefix}--btn { // ... // SIZES &.#{$prefix}--btn--sm { width: auto; height: 32px; font-size: 14px; } // ... // COLORS &.#{$prefix}--btn--primary { baclground-color: $primary-color } // ... // STATES &.#{$prefix}--btn--pressed, &.#{$prefix}--btn--hovered, &.#{$prefix}--btn--focused { cursor: pointer; @include darken-background(); } &.#{$prefix}--btn--disabled { background-color: $disbaled-color; color: $secondary-color; outline: none; cursor: no-drop !important; }
}