open-index/open-npm huggingface dataset:
npm package: @rhc-shared-components/rhc-sso-tpdh
Description: project description
Author: redhatofficial
Latest version: 1.0.1

# @rhc-shared-components/rhc-sso-tpdh

> React Red hat SSO wrapper for Red Hat Certified Apps

[![NPM](https://img.shields.io/npm/v/@rhc-shared-components/rhc-sso-tpdh.svg)](https://www.npmjs.com/package/@rhc-shared-components/rhc-sso-tpdh
) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
yarn add @rhc-shared-components/rhc-sso-tpdh

```

## Usage

```tsx
import React from 'react'

import { RHCAuthProvider, useRHCAuthContext } from '@rhc-shared-components/rhc-sso-tpdh';

const Child = () => {
  const {isAuthenticated} = useRHCAuthContext();
  console.log(isAuthenticated);
  return <div>
    {isAuthenticated ? "User authenticated" : "User is not authenticated"}
  </div>
};

const App = () => {
  return <RHCAuthProvider>
    <Child/>
  </RHCAuthProvider>
};

export default App;
```

## License

MIT © [gautamkrishnar](https://github.com/gautamkrishnar)
npm package: @rhc-shared-components/rich-text-editor
Description: WYSWYG Editor for Red Hat Certified Apps
Author: gautamkrishnar
Latest version: 2.0.3

# @rhc-shared-components/rich-text-editor

> WYSWYG Editor for Red Hat Certified Apps

## Install

```bash
npm install --save @rhc-shared-components/rich-text-editor
```
npm package: @rhc-shared-components/scroll-to-error
Description: project description
Author: redhatofficial
Latest version: 1.0.0

# @rhc-shared-components/scroll-to-error

> This scroll-to-error component can be used to scroll the page towards the first error of the form.

[![NPM](https://img.shields.io/npm/v/@rhc-shared-components/sample-project.svg)](https://www.npmjs.com/package/@rhc-shared-components/sample-project) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @rhc-shared-components/scroll-to-error

## Usage

```tsx
import React from 'react';
import { Form, Formik } from 'formik';
import * as Yup from 'yup';
import { Title } from "@patternfly/react-core";
import { FormTextInput } from "@rhc-shared-components/form-text-input";
import { ScrollToError } from '@rhc-shared-components/scroll-to-error';

enum ExampleEnum{
  FieldName ='companyLogo'
}

export const VALIDATIONSCHEMA = () => {
  return Yup.object().shape({
  [ExampleEnum.FieldName]:
  Yup.string().required("required")
  })
}

const App = () => {
  return (
    <div>
      <Title headingLevel={'h1'}>Text Input with formik</Title>
      <Formik
        initialValues={{
          [ExampleEnum.FieldName]: 'this is a test text'
        }}
        validationSchema={VALIDATIONSCHEMA}
        enableReinitialize={true}
        onSubmit={() => {
        }}>
          <Form>
        <FormTextInput
          name={ExampleEnum.FieldName}
          label={'helloWorld label'}
          helperText={'helloWorld helper'}
          isRequired={true}
        />
         <FormTextInput
          name={ExampleEnum.FieldName}
          label={'helloWorld label'}
          helperText={'helloWorld helper'}
          isRequired={true}
        />
         <FormTextInput
          name={"FieldName2"}
          label={'helloWorld label'}
          helperText={'helloWorld helper'}
          isRequired={true}
        />
         <FormTextInput
          name={"FieldName3"}
          label={'helloWorld label'}
          helperText={'helloWorld helper'}
          isRequired={true}
        />
         <FormTextInput
          name={"FieldName4"}
          label={'helloWorld label'}
          helperText={'helloWorld helper'}
          isRequired={true}
        />
         <FormTextInput
          name={"FieldName5"}
          label={'helloWorld label'}
          helperText={'helloWorld helper'}
          isRequired={true}
        />
         <FormTextInput
          name={"FieldName6"}
          label={'helloWorld label'}
          helperText={'helloWorld helper'}
          isRequired={true}
        />
         <FormTextInput
          name={"FieldName7"}
          label={'helloWorld label'}
          helperText={'helloWorld helper'}
          isRequired={true}
        />
        <ScrollToError/>
        <button type="submit">Submit</button>
        </Form>
      </Formik>
    </div> );
}


export default App;

```

## License

MIT © [authorGithubUsername](https://github.com/authorGithubUsername)