argous 1.2.132 → 1.2.136

package/lib/components/Input/Input.js

@@ -0,0 +1,353 @@
+import { createField, getField } from '../../fieldsRedux';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import MaskedInput from 'react-maskedinput';
+
+/**
+ * @deprecated 
+ */
+class Input extends Component {
+  confs = '';
+
+  componentWillUnmount() {
+    if (this.props.stopWriting) {
+      clearTimeout(this.stopWritingTimeout);
+    }
+  }
+
+  onChange = (event) => {
+    const { onChange } = this.props;
+
+    let value = this.handleValue(event.target);
+
+    value = this.handleWithTypeValues(value);
+
+    if (onChange) {
+      onChange(value);
+    }
+
+    this.props.handleUpdates(value);
+    this.stopWritingHandler(value);
+  }
+
+  stopWritingHandler = (value) => {
+    const { stopWriting, stopWritingTime = 2000 } = this.props;
+
+    if (stopWriting) {
+      clearTimeout(this.stopWritingTimeout);
+      this.stopWritingTimeout = setTimeout(() => {
+        stopWriting(value);
+      }, stopWritingTime);
+    }
+  }
+
+  handleWithTypeValues = (value) => {
+    const { field, type, optionValue } = this.props;
+
+    if (type === 'checkbox') {
+      const fieldValue = getField(field, 'value') || [];
+      const index = fieldValue.indexOf(optionValue);
+
+      if (index < 0) {
+        fieldValue.push(optionValue);
+      } else {
+        fieldValue.splice(index, 1);
+      }
+
+      value = fieldValue;
+    }
+
+    if (type === 'radio') {
+      value = optionValue;
+    }
+
+    return value;
+  }
+
+  handleValue = (target) => {
+    const confs = this.stateOptions();
+
+    return confs.alias === 'check'
+      ? target.checked
+      : target.value;
+  }
+
+  handleClassName = () => {
+    const {
+      className = ''
+    } = this.props;
+    const confs = this.stateOptions();
+
+    let cn = '';
+
+    if (confs.alias === 'text' && !className) {
+      cn += ' form-control ';
+    }
+
+    cn += className;
+
+    return cn;
+  }
+
+  checkInputProps = () => {
+    const {
+      field,
+      id,
+      type = 'text',
+      name = '',
+      placeholder,
+      min,
+      max,
+      step,
+      maxLength,
+      minLength,
+      autoFocus,
+      disabled,
+      readOnly,
+      required,
+      style = {},
+      optionValue
+    } = this.props;
+
+    const confs = this.stateOptions();
+
+    let value = getField(field, 'value');
+
+    let inputProps = {};
+
+    switch (confs.alias) {
+      case 'button':
+
+        break;
+      case 'check':
+        value = type === 'radio' ? value.toString() : value;
+        inputProps['checked'] = value ? value.indexOf(optionValue) < 0 ? false : true : false;
+        break;
+      case 'color':
+        inputProps['value'] = value;
+        break;
+      case 'hidden':
+        inputProps['value'] = value;
+        break;
+      default:
+        inputProps['min'] = min;
+        inputProps['max'] = max;
+        inputProps['step'] = step;
+        inputProps['maxLength'] = maxLength;
+        inputProps['minLength'] = minLength;
+        inputProps['value'] = value;
+        inputProps['placeholder'] = placeholder;
+    }
+
+    inputProps['readOnly'] = readOnly;
+    inputProps['required'] = required;
+    inputProps['disabled'] = disabled;
+    inputProps['autoFocus'] = autoFocus;
+    inputProps['id'] = id;
+    inputProps['type'] = type;
+    inputProps['name'] = name;
+    inputProps['className'] = this.handleClassName();
+    inputProps['style'] = style;
+
+    inputProps = {
+      ...inputProps,
+      ...this.events()
+    };
+
+    return inputProps;
+  }
+
+  render() {
+    const { checkInputProps } = this;
+    const { mask } = this.props;
+
+    const inputProps = checkInputProps();
+
+    return !mask
+      ? (<input {...inputProps} />)
+      : (<MaskedInput mask={mask} {...inputProps} />);
+  }
+
+  stateOptions = () => {
+    const { confs } = this;
+    const { type } = this.props;
+
+    if (confs) {
+      return confs;
+    }
+
+    const confsAux = {};
+
+    switch (type) {
+      case 'time':
+        confsAux['alias'] = 'text';
+        break;
+      case 'date':
+        confsAux['alias'] = 'text';
+        break;
+      case 'datetime-local':
+        confsAux['alias'] = 'text';
+        break;
+      case 'email':
+        confsAux['alias'] = 'text';
+        break;
+      case 'url':
+        confsAux['alias'] = 'text';
+        break;
+      case 'month':
+        confsAux['alias'] = 'text';
+        break;
+      case 'week':
+        confsAux['alias'] = 'text';
+        break;
+      case 'number':
+        confsAux['alias'] = 'text';
+        break;
+      case 'password':
+        confsAux['alias'] = 'text';
+        break;
+      case 'search':
+        confsAux['alias'] = 'text';
+        break;
+      case 'button':
+        confsAux['alias'] = 'button';
+        break;
+      case 'submit':
+        confsAux['alias'] = 'button';
+        break;
+      case 'file':
+        confsAux['alias'] = 'button';
+        break;
+      case 'checkbox':
+        confsAux['alias'] = 'check';
+        break;
+      case 'radio':
+        confsAux['alias'] = 'check';
+        break;
+      case 'color':
+        confsAux['alias'] = 'color';
+        break;
+      case 'hidden':
+        confsAux['alias'] = 'hidden';
+        break;
+      case 'range':
+        confsAux['alias'] = 'range';
+        break;
+      default:
+        confsAux['alias'] = 'text';
+    }
+
+    this.confs = confsAux;
+
+    return confsAux;
+  }
+
+  events = () => {
+    const {
+      onFocus,
+      onBlur,
+      onKeyDown,
+      onKeyPress,
+      onKeyUp,
+      onMouseEnter,
+      onMouseOver,
+      onMouseMove,
+      onMouseDown,
+      onMouseUp,
+      onClick,
+      onDoubleClick,
+      onMouseLeave,
+      onMouseOut
+    } = this.props;
+
+    const onChange = this.onChange;
+
+    return {
+      onChange,
+      onFocus,
+      onBlur,
+      onKeyDown,
+      onKeyPress,
+      onKeyUp,
+      onMouseEnter,
+      onMouseOver,
+      onMouseMove,
+      onMouseDown,
+      onMouseUp,
+      onClick,
+      onDoubleClick,
+      onMouseLeave,
+      onMouseOut
+    };
+  }
+}
+
+Input.propTypes = {
+  field: PropTypes.string.isRequired,
+  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object, PropTypes.array]),
+  ajax: PropTypes.bool,
+  onChange: PropTypes.func,
+  action: PropTypes.string,
+  dados: PropTypes.object,
+  receiveUpdates: PropTypes.array,
+  sendUpdates: PropTypes.array,
+  onFieldSuccess: PropTypes.func,
+  onActionSuccess: PropTypes.func,
+  onAllUpdated: PropTypes.func,
+  fieldListener: PropTypes.func,
+  destroyOnUnmount: PropTypes.bool,
+  mask: PropTypes.string,
+  type: PropTypes.oneOf([
+    'time',
+    'date',
+    'datetime-local',
+    'email',
+    'url',
+    'month',
+    'week',
+    'number',
+    'password',
+    'search',
+    'button',
+    'submit',
+    'file',
+    'checkbox',
+    'radio',
+    'color',
+    'hidden',
+    'range',
+    'text'
+  ]),
+  placeholder: PropTypes.string,
+  className: PropTypes.string,
+  style: PropTypes.object,
+  id: PropTypes.string,
+  name: PropTypes.string,
+  min: PropTypes.string,
+  max: PropTypes.string,
+  step: PropTypes.string,
+  maxLength: PropTypes.string,
+  minLength: PropTypes.string,
+  autoFocus: PropTypes.bool,
+  disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  required: PropTypes.bool,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onKeyPress: PropTypes.func,
+  onKeyUp: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  onMouseOver: PropTypes.func,
+  onMouseMove: PropTypes.func,
+  onMouseDown: PropTypes.func,
+  onMouseUp: PropTypes.func,
+  onClick: PropTypes.func,
+  onDoubleClick: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  onMouseOut: PropTypes.func,
+  stopWriting: PropTypes.func,
+  stopWritingTime: PropTypes.number
+};
+
+export default createField(Input);

package/lib/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Input';
+export * from './Input'; 

package/lib/components/Input/index.js

@@ -0,0 +1 @@
+export { default } from './Input';

package/lib/components/InputTags/InputTags.d.ts

@@ -0,0 +1,8 @@
+export interface InputTagsProps {}
+/**
+ * @deprecated
+ * @param props 
+ */
+declare function InputTags(props: InputTagsProps): JSX.Element
+
+export default InputTags;

package/lib/components/InputTags/InputTags.js

@@ -0,0 +1,94 @@
+import { createField } from '../../fieldsRedux';
+import { Chip, Grid, TextField } from '@material-ui/core';
+import { Autocomplete } from '@material-ui/lab';
+import { isArray } from 'lodash';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+
+class InputTags extends Component {
+  constructor(props) {
+    super(props);
+    const propValue = this.props.getField().value;
+    if (isArray(propValue)) this.props.setField({ value: propValue });
+    else {
+      try {
+        this.props.setField({ value: JSON.parse(propValue) });
+      } catch (error) {
+        this.props.setField({ value: [] });
+      }
+    }
+  }
+
+  handleChange = (_, value, reason) => {
+    if (reason === 'create-option') {
+      let text = value.pop();
+      if (this.props.getField().value?.findIndex(item => item.text === text || item.id === text) === -1)
+        this.props.setField({ value: [...value, { id: text, text }] });
+    } else this.props.setField({ value });
+  }
+
+  handleDelete = i => () => {
+    const tags = this.props.getField().value || [];
+    this.props.setField({ value: tags.filter((tag, index) => index !== i) });
+  }
+
+  checkProps = () => {
+    let tags = this.props.getField().value || [];
+    if (typeof tags === 'string') {
+      try {
+        tags = JSON.parse(tags);
+      } catch (e) { }
+    }
+
+    return { tags, handleChange: this.handleChange, handleDelete: this.handleDelete, ...this.props };
+  }
+
+  render() {
+    const { handleChange, handleDelete, tags, handleInputChange, label, placeholder, suggestions, ...props } = this.checkProps();
+
+    return (
+      <Grid container spacing={1}>      
+        <Grid item xs={12}>
+          {tags.map((item, index) => (
+            <Chip key={index} label={item.text} onDelete={handleDelete(index)} />
+          ))}
+        </Grid>    
+        <Grid item xs={12}>
+          <Autocomplete
+            onInputChange={(_, value) => handleInputChange(value)}
+            multiple
+            freeSolo
+            disableClearable
+            value={tags}
+            options={suggestions?.filter((searched) => tags.findIndex(item => item.id?.localeCompare(searched.id, undefined, { sensitivity: 'accent' }) === 0) < 0)}
+            getOptionLabel={option => option.text || option}
+            onChange={handleChange}
+            noOptionsText='Não Encontrado'
+            size='small'     
+            renderTags={() => null}
+            renderInput={params => (
+              <TextField
+                fullWidth
+                margin='dense'
+                color='secondary'
+                label={label}
+                placeholder={placeholder}
+                {...params}
+              />
+            )}
+            {...props}
+          />
+        </Grid>
+      </Grid>
+    );
+  }
+}
+
+InputTags.propTypes = {
+  field: PropTypes.string.isRequired,
+  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object, PropTypes.array]),
+  fieldListener: PropTypes.func,
+  destroyOnUnmount: PropTypes.bool
+};
+
+export default createField(InputTags);

package/lib/components/InputTags/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './InputTags';
+export * from './InputTags'; 

package/lib/components/InputTags/index.js

@@ -0,0 +1 @@
+export { default } from './InputTags';

package/lib/components/ListSelect/ListSelect.d.ts

@@ -0,0 +1,8 @@
+export interface ListSelectProps {}
+/**
+ * @deprecated
+ * @param props 
+ */
+declare function ListSelect(props: ListSelectProps): JSX.Element
+
+export default ListSelect;

package/lib/components/ListSelect/ListSelect.js

@@ -0,0 +1,94 @@
+import { createField, initField, getField, clearField } from '../../fieldsRedux';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+
+/**
+ * @deprecated 
+ */
+class ListSelect extends Component {
+
+  componentDidMount() {
+    const { optionsField, optionsDefaultValue } = this.props;
+    initField(optionsField, optionsDefaultValue);
+  }
+
+  componentWillUnmount() {
+    const { optionsField, destroyOnUnmount } = this.props;
+
+    if (destroyOnUnmount) {
+      clearField(optionsField);
+    }
+  }
+
+  onChange = (val) => {
+    const { onChange } = this.props;
+
+    const value = val.toString();
+
+    if (onChange) {
+      onChange(value);
+    }
+
+    this.props.handleUpdates(value);
+  }
+
+  checkListSelectProps = () => {
+    const {
+      className,
+      disabled,
+      multiple,
+      style,
+    } = this.props;
+
+    return {
+      className,
+      disabled,
+      multiple,
+      style,
+    };
+  }
+
+  render() {
+    const { checkListSelectProps, onChange } = this;
+    const { field, optionsField, optionsValue, optionsLabel, classActive, onMouseDown, liClassName = '' } = this.props;
+
+    const selectProps = checkListSelectProps();
+    const value = getField(field, 'value');
+    const options = getField(optionsField, 'value');
+
+    return (
+      <ul {...selectProps}>
+        {options && options.map((item, index) => (<li
+          // eslint-disable-next-line
+          className={`${value == item[optionsValue] ? classActive : ''} ${liClassName}`} onMouseDown={onMouseDown} key={index} onClick={() => onChange(item[optionsValue])}>{item[optionsLabel]}</li>))}
+      </ul>
+    );
+  }
+}
+
+ListSelect.propTypes = {
+  field: PropTypes.string.isRequired,
+  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object, PropTypes.array]),
+  ajax: PropTypes.bool,
+  action: PropTypes.string,
+  dados: PropTypes.object,
+  sendUpdates: PropTypes.array,
+  receiveUpdates: PropTypes.array,
+  onChange: PropTypes.func,
+  onFieldSuccess: PropTypes.func,
+  onActionSuccess: PropTypes.func,
+  onAllUpdated: PropTypes.func,
+  optionsField: PropTypes.string.isRequired,
+  optionsDefaultValue: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+  optionsValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  optionsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  fieldListener: PropTypes.func,
+  destroyOnUnmount: PropTypes.bool,
+  className: PropTypes.string,
+  style: PropTypes.object,
+  classActive: PropTypes.string,
+  onMouseDown: PropTypes.func,
+  trClassName: PropTypes.string
+};
+
+export default createField(ListSelect);

package/lib/components/ListSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ListSelect';
+export * from './ListSelect'; 

package/lib/components/ListSelect/index.js

@@ -0,0 +1 @@
+export { default } from './ListSelect';

package/lib/components/MaterialButton/MaterialButton.d.ts

@@ -0,0 +1,13 @@
+import { ButtonProps } from '@material-ui/core';
+import * as React from 'react';
+
+export interface MaterialButtonProps extends Omit<ButtonProps, 'color'> {
+  /**
+   * Cor Aplicada ao botão
+   */
+  color?: 'default' | 'inherit' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger'
+}
+
+declare function MaterialButton(props: MaterialButtonProps): JSX.Element
+
+export default MaterialButton;