@bluecateng/pelagos-forms 4.0.0

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) BlueCat Networks Inc.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# @bluecateng/pelagos-forms [![GitHub license](https://img.shields.io/badge/license-ISC-blue.svg)](https://github.com/bluecatengineering/pelagos-packages/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/@bluecateng/pelagos-forms.svg?style=flat)](https://www.npmjs.com/package/@bluecateng/pelagos-forms)
+
+Form components.
+
+## Installation
+
+```bash
+npm i -S @bluecateng/pelagos-forms
+```

package/dist/components/FormCheckBox.js

@@ -0,0 +1,10 @@
+import { useCallback } from 'react';
+import { CheckBox } from '@bluecateng/pelagos';
+import { connect } from '@bluecateng/auto-forms';
+export default connect(CheckBox, ({
+  value,
+  setValue
+}) => ({
+  checked: value,
+  onChange: useCallback(() => setValue(!value), [value, setValue])
+}));

package/dist/components/FormDropDown.js

@@ -0,0 +1,11 @@
+import { DropDownField } from '@bluecateng/pelagos';
+import { connect } from '@bluecateng/auto-forms';
+export default connect(DropDownField, ({
+  value,
+  error,
+  setValue
+}) => ({
+  value,
+  error,
+  onChange: setValue
+}));

package/dist/components/FormDropZone.js

@@ -0,0 +1,13 @@
+import { connect } from '@bluecateng/auto-forms';
+import { DropZone } from '@bluecateng/pelagos';
+export const mapState = ({
+  extra,
+  error,
+  setValue,
+  setExtra
+}) => ({
+  fileName: extra,
+  error,
+  onDrop: (...args) => args.length === 1 ? (setExtra(args[0].name), setValue(args[0])) : (setExtra(args[0]), setValue(args[1]))
+});
+export default connect(DropZone, mapState);

package/dist/components/FormListInput.js

@@ -0,0 +1,15 @@
+import { ListInput } from '@bluecateng/pelagos';
+import { connect } from '@bluecateng/auto-forms';
+export default connect(ListInput, ({
+  value,
+  error,
+  setValue,
+  setError,
+  setExtra
+}) => ({
+  list: value,
+  error,
+  onListChange: setValue,
+  onTextChange: setExtra,
+  onErrorChange: setError
+}));

package/dist/components/FormRadioGroup.js

@@ -0,0 +1,9 @@
+import { RadioGroup } from '@bluecateng/pelagos';
+import { connect } from '@bluecateng/auto-forms';
+export default connect(RadioGroup, ({
+  value,
+  setValue
+}) => ({
+  value,
+  onChange: setValue
+}));

package/dist/components/FormSubmit.js

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types';
+import { Button } from '@bluecateng/pelagos';
+import { useFormState } from '@bluecateng/auto-forms';
+import { jsx as _jsx } from "react/jsx-runtime";
+const FormSubmit = ({
+  ...props
+}) => {
+  const {
+    isChanged,
+    hasErrors
+  } = useFormState();
+  return /*#__PURE__*/_jsx(Button, {
+    ...props,
+    type: isChanged() ? 'primary' : 'tertiary',
+    disabled: hasErrors()
+  });
+};
+FormSubmit.propTypes = {
+  id: PropTypes.string,
+  componentId: PropTypes.string,
+  text: PropTypes.string,
+  className: PropTypes.string,
+  tooltipText: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func
+};
+export default FormSubmit;

package/dist/components/FormTagInput.js

@@ -0,0 +1,13 @@
+import { TagInputField } from '@bluecateng/pelagos';
+import { connect } from '@bluecateng/auto-forms';
+export default connect(TagInputField, ({
+  value,
+  error,
+  setValue,
+  setError
+}) => ({
+  tags: value,
+  error,
+  onChange: setValue,
+  onError: setError
+}));

package/dist/components/FormTextArea.js

@@ -0,0 +1,11 @@
+import { TextAreaField } from '@bluecateng/pelagos';
+import { connect } from '@bluecateng/auto-forms';
+export default connect(TextAreaField, ({
+  value,
+  error,
+  setValue
+}) => ({
+  value,
+  error,
+  onChange: setValue
+}));

package/dist/components/FormTextInput.js

@@ -0,0 +1,11 @@
+import { TextInputField } from '@bluecateng/pelagos';
+import { connect } from '@bluecateng/auto-forms';
+export default connect(TextInputField, ({
+  value,
+  error,
+  setValue
+}) => ({
+  value,
+  error,
+  onChange: setValue
+}));

package/dist/components/FormToggle.js

@@ -0,0 +1,9 @@
+import { ToggleField } from '@bluecateng/pelagos';
+import { connect } from '@bluecateng/auto-forms';
+export default connect(ToggleField, ({
+  value,
+  setValue
+}) => ({
+  value,
+  onChange: setValue
+}));

package/dist/index.js

@@ -0,0 +1,10 @@
+export { default as FormCheckBox } from './components/FormCheckBox';
+export { default as FormDropDown } from './components/FormDropDown';
+export { default as FormDropZone } from './components/FormDropZone';
+export { default as FormTagInput } from './components/FormTagInput';
+export { default as FormTextArea } from './components/FormTextArea';
+export { default as FormTextInput } from './components/FormTextInput';
+export { default as FormToggle } from './components/FormToggle';
+export { default as FormListInput } from './components/FormListInput';
+export { default as FormRadioGroup } from './components/FormRadioGroup';
+export { default as FormSubmit } from './components/FormSubmit';

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@bluecateng/pelagos-forms",
+  "version": "4.0.0",
+  "description": "Form components",
+  "license": "ISC",
+  "sideEffects": false,
+  "scripts": {
+    "build": "rm -rf dist && babel -D -d dist --env-name production --root-mode upward src",
+    "prepack": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:bluecatengineering/pelagos-packages.git",
+    "directory": "packages/pelagos-forms"
+  },
+  "keywords": [
+    "react"
+  ],
+  "files": [
+    "dist"
+  ],
+  "exports": "./dist/index.js",
+  "peerDependencies": {
+    "@bluecateng/auto-forms": ">= 0",
+    "@bluecateng/pelagos": ">= 9"
+  },
+  "gitHead": "6e7333efa2db55e63e0248197fe07edfb69373d7"
+}