@rhc-shared-components/form-group-container 0.1.0

package/README.md

@@ -0,0 +1,52 @@
+# @rhc-shared-components/form-group-container
+
+> Form group container for Red Hat certified technology apps
+
+[![NPM](https://img.shields.io/npm/v/form-group-container.svg)](https://www.npmjs.com/package/form-group-container) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install --save @rhc-shared-components/form-group-container
+```
+
+## Usage
+
+```tsx
+import React, { Component } from 'react'
+
+import { FormGroupContainer } from '@rhc-shared-components/form-group-container'
+// ...
+
+class Example extends Component {
+    // .....
+    // when used with formik contexts
+  render() {
+    return <FormGroupContainer
+      validated={meta.touched && meta.error ? ValidatedOptions.error : ValidatedOptions.default}
+      helperTextInvalid={meta.error}
+      isRequired={isRequired}
+      fieldId={rest.name}
+      label={label}
+      helperText={helperText}
+      {...(labelIcon && {labelIcon: labelIcon})}
+      {...formGroupProps}
+    >
+      <TextInput
+        isDisabled={isSubmitting || isDisabled}
+        validated={meta.touched && meta.error ? ValidatedOptions.error : ValidatedOptions.default}
+        id={rest.name}
+        data-testid={rest.name}
+        {...field}
+        {...rest}
+        onBlur={onBlurHandler}
+        onChange={onChangeHandler}
+      />
+    </FormGroupContainer>
+  }
+}
+```
+
+## License
+
+MIT © [gautamkrishnar](https://github.com/gautamkrishnar)

package/dist/index.css

@@ -0,0 +1,8 @@
+._2lEqn ._jPOnz {
+  float: right;
+  color: #6A6E73;
+  font-size: var(--pf-c-form__helper-text--FontSize);
+  margin-top: var(--pf-c-form__helper-text--MarginTop); }
+
+._2lEqn ._K4sVw {
+  color: var(--pf-c-form--m-error--Color); }

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import './style.scss';
+interface FormGroupContainerProps {
+    isValid?: boolean;
+    helperTextInvalid?: string;
+    fieldId: string;
+    label?: string;
+    labelIcon?: any;
+    children: React.ReactNode;
+    className?: string;
+    isRequired?: boolean;
+    helperText?: string;
+    validated?: any;
+}
+declare const FormGroupContainer: React.FC<FormGroupContainerProps>;
+export { FormGroupContainer };

package/dist/index.js

@@ -0,0 +1,40 @@
+var React = require('react');
+var reactCore = require('@patternfly/react-core');
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+var _excluded = ["children", "helperTextInvalid", "isValid", "helperText", "labelIcon"];
+
+var FormGroupContainer = function FormGroupContainer(_ref) {
+  var children = _ref.children,
+      helperTextInvalid = _ref.helperTextInvalid,
+      isValid = _ref.isValid,
+      helperText = _ref.helperText,
+      labelIcon = _ref.labelIcon,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return React.createElement(reactCore.FormGroup, Object.assign({
+    className: 'form-group',
+    helperTextInvalid: helperTextInvalid,
+    helperText: helperText,
+    validated: isValid ? reactCore.ValidatedOptions["default"] : reactCore.ValidatedOptions.error
+  }, labelIcon && {
+    labelIcon: labelIcon
+  }, rest), children);
+};
+
+exports.FormGroupContainer = FormGroupContainer;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { FormGroup, ValidatedOptions } from '@patternfly/react-core';\n\nimport './style.scss';\n\ninterface FormGroupContainerProps {\n  isValid?: boolean;\n  helperTextInvalid?: string;\n  fieldId: string;\n  label?: string;\n  labelIcon?: any;\n  children: React.ReactNode;\n  className?: string;\n  isRequired?: boolean;\n  helperText?: string;\n  validated?: any;\n}\n\nconst FormGroupContainer: React.FC<FormGroupContainerProps> = ({\n  children,\n  helperTextInvalid,\n  isValid,\n  helperText,\n  labelIcon,\n  ...rest\n}) => {\n  return (\n    <FormGroup\n      className='form-group'\n      helperTextInvalid={helperTextInvalid}\n      helperText={helperText}\n      validated={isValid ? ValidatedOptions.default : ValidatedOptions.error}\n      {...(labelIcon && { labelIcon: labelIcon })}\n      {...rest}\n    >\n      {children}\n    </FormGroup>\n  );\n};\n\nexport { FormGroupContainer };\n"],"names":["FormGroupContainer","children","helperTextInvalid","isValid","helperText","labelIcon","rest","React","FormGroup","className","validated","ValidatedOptions","error"],"mappings":";;;;;;;;;;;;;;;;;;;;IAkBMA,kBAAkB,GAAsC,SAAxDA,kBAAwD;MAC5DC,gBAAAA;MACAC,yBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAC,iBAAAA;MACGC;;AAEH,SACEC,mBAAA,CAACC,mBAAD;AACEC,IAAAA,SAAS,EAAC;AACVP,IAAAA,iBAAiB,EAAEA;AACnBE,IAAAA,UAAU,EAAEA;AACZM,IAAAA,SAAS,EAAEP,OAAO,GAAGQ,0BAAgB,WAAnB,GAA8BA,0BAAgB,CAACC;KAC5DP,SAAS,IAAI;AAAEA,IAAAA,SAAS,EAAEA;AAAb,KACdC,KANN,EAQGL,QARH,CADF;AAYD;;;;"}

package/dist/index.modern.js

@@ -0,0 +1,40 @@
+import { createElement } from 'react';
+import { FormGroup, ValidatedOptions } from '@patternfly/react-core';
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+var _excluded = ["children", "helperTextInvalid", "isValid", "helperText", "labelIcon"];
+
+var FormGroupContainer = function FormGroupContainer(_ref) {
+  var children = _ref.children,
+      helperTextInvalid = _ref.helperTextInvalid,
+      isValid = _ref.isValid,
+      helperText = _ref.helperText,
+      labelIcon = _ref.labelIcon,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return createElement(FormGroup, Object.assign({
+    className: 'form-group',
+    helperTextInvalid: helperTextInvalid,
+    helperText: helperText,
+    validated: isValid ? ValidatedOptions["default"] : ValidatedOptions.error
+  }, labelIcon && {
+    labelIcon: labelIcon
+  }, rest), children);
+};
+
+export { FormGroupContainer };
+//# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.modern.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { FormGroup, ValidatedOptions } from '@patternfly/react-core';\n\nimport './style.scss';\n\ninterface FormGroupContainerProps {\n  isValid?: boolean;\n  helperTextInvalid?: string;\n  fieldId: string;\n  label?: string;\n  labelIcon?: any;\n  children: React.ReactNode;\n  className?: string;\n  isRequired?: boolean;\n  helperText?: string;\n  validated?: any;\n}\n\nconst FormGroupContainer: React.FC<FormGroupContainerProps> = ({\n  children,\n  helperTextInvalid,\n  isValid,\n  helperText,\n  labelIcon,\n  ...rest\n}) => {\n  return (\n    <FormGroup\n      className='form-group'\n      helperTextInvalid={helperTextInvalid}\n      helperText={helperText}\n      validated={isValid ? ValidatedOptions.default : ValidatedOptions.error}\n      {...(labelIcon && { labelIcon: labelIcon })}\n      {...rest}\n    >\n      {children}\n    </FormGroup>\n  );\n};\n\nexport { FormGroupContainer };\n"],"names":["FormGroupContainer","children","helperTextInvalid","isValid","helperText","labelIcon","rest","React","FormGroup","className","validated","ValidatedOptions","error"],"mappings":";;;;;;;;;;;;;;;;;;;;IAkBMA,kBAAkB,GAAsC,SAAxDA,kBAAwD;MAC5DC,gBAAAA;MACAC,yBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAC,iBAAAA;MACGC;;AAEH,SACEC,aAAA,CAACC,SAAD;AACEC,IAAAA,SAAS,EAAC;AACVP,IAAAA,iBAAiB,EAAEA;AACnBE,IAAAA,UAAU,EAAEA;AACZM,IAAAA,SAAS,EAAEP,OAAO,GAAGQ,gBAAgB,WAAnB,GAA8BA,gBAAgB,CAACC;KAC5DP,SAAS,IAAI;AAAEA,IAAAA,SAAS,EAAEA;AAAb,KACdC,KANN,EAQGL,QARH,CADF;AAYD;;;;"}

package/dist/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@rhc-shared-components/form-group-container",
+  "version": "0.1.0",
+  "description": "Form group container for Red Hat certified technology apps",
+  "author": "gautamkrishnar",
+  "license": "MIT",
+  "repository": "https://gitlab.cee.redhat.com/dxp/customer-portal/rhc-shared-components",
+  "main": "dist/index.js",
+  "module": "dist/index.modern.js",
+  "source": "src/index.tsx",
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "build": "microbundle-crl --no-compress --format modern,cjs",
+    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+    "prepare": "run-s build",
+    "test": "run-s test:unit test:lint test:build",
+    "test:build": "run-s build",
+    "test:lint": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
+    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "predeploy": "cd example && yarn install && yarn run build",
+    "deploy": "gh-pages -d example/build"
+  },
+  "peerDependencies": {
+    "@patternfly/react-core": ">=4.101.3",
+    "react": "^16.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.5.0",
+    "@testing-library/user-event": "^7.2.1",
+    "@types/jest": "^25.1.4",
+    "@types/node": "^12.12.38",
+    "@types/react": "^16.9.27",
+    "@types/react-dom": "^16.9.7",
+    "@typescript-eslint/eslint-plugin": "^2.26.0",
+    "@typescript-eslint/parser": "^2.26.0",
+    "babel-eslint": "^10.0.3",
+    "cross-env": "^7.0.2",
+    "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.7.0",
+    "eslint-config-standard": "^14.1.0",
+    "eslint-config-standard-react": "^9.2.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-node": "^11.0.0",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-react": "^7.17.0",
+    "eslint-plugin-standard": "^4.0.1",
+    "gh-pages": "^2.2.0",
+    "microbundle-crl": "^0.13.10",
+    "node-sass": "^6.0.1",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.0.4",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-scripts": "^3.4.1",
+    "typescript": "^3.7.5"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@patternfly/react-core": "^4.101.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "2e1440e2a6888467c9c75d2dcb7a03659b8e05f3"
+}