x25 3.0.0 → 17.0.0

package/src/Inputs/TextareaTemplate.jsx

@@ -1,57 +0,0 @@
-// @flow
-
-type InputTemplatePropTypes = {
-  +autoFocus?: boolean;
-  +input: any;
-  +label: string;
-  +placeholder: string;
-  +type: string;
-  +inputClass?:string;
-  +tabIndex?: string;
-  +meta: {
-    touched: boolean;
-    error?: any;
-    submitting: boolean;
-  };
-  +left?: string;
-  +right?: string;
-
-  +onRegisterRef?: (callback : (node : any) => void) => void;
-};
-
-import React from "react";
-import classnames from "classnames";
-
-import { SimpleTextarea } from "./SimpleTextarea";
-
-export const TextareaTemplate = (props : InputTemplatePropTypes) => {
-  const {
-    input,
-    label,
-    left,
-    right,
-    meta: { touched, error },
-  } = props;
-
-  return (
-    <div className={classnames("form-group row", { "is-invalid": touched && error })}>
-      <label
-        className={`${left ? left : "col-md-4"} text-md-right form-control-label`}
-        htmlFor={input.name}>
-        {label}
-      </label>
-      <div className={right ? right : "col-md-8"}>
-        <SimpleTextarea {...props} />
-        <div className="invalid-feedback">
-          {
-            touched && error && (
-              <span>
-                {error}
-              </span>
-            )
-          }
-        </div>
-      </div>
-    </div>
-  );
-};

package/src/Inputs/Tooltip.jsx

@@ -1,61 +0,0 @@
-// @flow
-
-type TooltipPropTypes = {
-  +long: any;
-  +short: any;
-  +target: string;
-  +placement?: string;
-};
-
-type TooltipStateTypes = {
-  tooltipOpen: boolean;
-};
-
-import React from "react";
-import { Tooltip as ReactstrapTooltip } from "reactstrap";
-
-export class Tooltip extends React.Component<TooltipPropTypes, TooltipStateTypes> {
-  props: TooltipPropTypes;
-  state: TooltipStateTypes;
-
-  toggle: () => void;
-
-  constructor (props: TooltipPropTypes) {
-    super(props);
-
-    this.state = {
-      tooltipOpen: false,
-    };
-
-    this.toggle = () => this.setState((prevState) => ({
-      tooltipOpen: !prevState.tooltipOpen,
-    }));
-  }
-
-  shouldComponentUpdate (nextProps: TooltipPropTypes, nextState : TooltipStateTypes) {
-    return (
-      this.props.long !== nextProps.long ||
-      this.props.short !== nextProps.short ||
-      this.props.placement !== nextProps.placement ||
-      this.props.target !== nextProps.target ||
-      this.state.tooltipOpen !== nextState.tooltipOpen
-    );
-  }
-
-  render () {
-    const { target, short, placement } = this.props;
-
-    return (
-      <span>
-        <span id={`${target}-tooltip`}>{short}</span>
-        <ReactstrapTooltip
-          isOpen={this.state.tooltipOpen}
-          placement={placement}
-          target={`${target}-tooltip`}
-          toggle={this.toggle}>
-          {this.props.long}
-        </ReactstrapTooltip>
-      </span>
-    );
-  }
-}

package/src/Inputs/index.js

@@ -1,22 +0,0 @@
-// @flow
-
-export * from "./SimpleInput";
-export * from "./DelayInputChange";
-export * from "./FocusTemplate";
-export * from "./InputTemplate";
-
-export * from "./DateTemplate";
-export * from "./DateInput";
-
-export * from "./NumericInput";
-export * from "./NumericTemplate";
-
-export * from "./TextareaTemplate";
-export * from "./SimpleTextarea";
-
-export * from "./CaptchaBox";
-export * from "./LabelTemplate";
-export * from "./Tooltip";
-
-export * from "./Selects";
-export * from "./Business";

package/src/Messages/Error.jsx

@@ -1,83 +0,0 @@
-// @flow
-
-type ErrorMessageProps = {
-  +message: string;
-  +details?: string;
-  +itemNotFound?: boolean;
-
-  +onRetry?: () => void;
-};
-
-
-import React from "react";
-
-export const ErrorMessage = ({ message, onRetry } : ErrorMessageProps) => (
-  <div className="container alert alert-warning">
-    <div className="row">
-      <div className="col-2 col-sm-1">
-        <i className="fa fa-exclamation-triangle fa-2x" />
-      </div>
-      <div className="col-7 col-sm-8">
-        <h5>
-          {message}
-        </h5>
-      </div>
-      <div className="col-3 col-sm-3 text-right">
-        {
-          (typeof onRetry === "undefined") ? null : (
-            <button
-              className="btn btn-primary btn-sm"
-              onClick={onRetry}
-              type="button">
-              <span className="hidden-sm-down">
-                {"Reîncearcă"}
-              </span>
-              <span className="visible-up d-md-none">
-                <i className="fa fa-refresh" />
-              </span>
-            </button>
-          )
-        }
-      </div>
-    </div>
-  </div>
-);
-
-export const LargeErrorMessage = ({ message, onRetry, details, itemNotFound } : ErrorMessageProps) => (
-  <div className="container mt-5" >
-    <div className="row">
-      <div className="offset-md-1 offset-xl-2 col-md-2 col-xl-1 text-warning text-center">
-        <i className="fa fa-exclamation-triangle fa-5x" />
-      </div>
-      <div className="col-md-8 col-xl-5">
-        <h3>
-          {message}
-        </h3>
-        <div className="mt-3 text-muted">
-          {
-            itemNotFound ? (
-              "Este posibil să fi fost șters(ă) sau să nu fi existat vreodată"
-            ) : (
-              details || (
-                `Se pare că a apărut o problemă cu serverul sau
-                conexiunea ta de Internet a fost întreruptă`
-              )
-            )
-          }
-        </div>
-        <div className="text-right mt-3">
-          {
-            (typeof onRetry === "undefined") ? null : (
-              <button
-                className="btn btn-primary"
-                onClick={onRetry}
-                type="button">
-                {"Reîncearcă"}
-              </button>
-            )
-          }
-        </div>
-      </div>
-    </div>
-  </div>
-);

package/src/Messages/Loading.jsx

@@ -1,43 +0,0 @@
-// @flow
-
-type LoadingMessagePropTypes = {
-  +className? : string;
-  +message? : string;
-  +sm?: bool;
-};
-
-
-import React from "react";
-
-export const LoadingMessage = ({ message, sm, className } : LoadingMessagePropTypes) => {
-
-  const isSmall = sm === true;
-
-  const getMessage = () => {
-    if (message === "") {
-      return null;
-    }
-
-    return message;
-  };
-
-  if (isSmall) {
-    return (
-      <div className={`text-center ${className || ""} mb-1`}>
-        <div className="font-weight-bold d-inline">
-          {getMessage()}
-        </div>
-        <div className="loading-sm d-inline-block"><div /><div /><div /><div /></div>
-      </div>
-    );
-  }
-
-  return (
-    <div className={`text-center my-4 ${className || ""}`}>
-      <div className="spinner-border text-primary" role="status">
-        <span className="sr-only">{"Se încarcă..."}</span>
-      </div>
-      <div className="text-fancy mt-1">{message}</div>
-    </div>
-  );
-};

package/src/Messages/index.jsx

@@ -1,4 +0,0 @@
-// @flow
-
-export * from "./Error";
-export * from "./Loading";

package/src/Modal/Delete.jsx

@@ -1,237 +0,0 @@
-// @flow
-/* eslint-disable handle-callback-err, react/forbid-component-props, no-console */
-
-import type { Dispatch } from "src\\types";
-
-type onConfirmMethodsTypes = {
-  startPerforming: () => void;
-  endPerforming: (cb : any) => void;
-  closeModal: () => void;
-};
-
-type ConfirmPropTypes = {
-  +cancelButtonLabel: ?string;
-  +confirmButtonLabel: ?string;
-  +message: any;
-  +errMessage?: string;
-  +focusButton: boolean;
-  +title?: string;
-  +confirmButtonColor?: "primary" | "secondary" | "danger" | "success" | "link" | "info" | "warning";
-
-  +onConfirm: (methods : onConfirmMethodsTypes) => () => void;
-  +closeModal: () => void;
-  +showError: (message? : string) => void;
-  +request: () => Promise<*>;
-  +onSuccess: (response : any) => void;
-  +isResponseValid: (response : any) => {
-    valid: boolean;
-    error: string;
-  };
-};
-
-type ConfirmStateTypes = {
-  isPerforming: boolean,
-};
-
-import React from "react";
-import { connect } from "react-redux";
-import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from "reactstrap";
-
-import { language } from "../utility";
-
-const { message : languageMessage, label } = language;
-
-import * as actions from "./actions";
-import * as x25Actions from "../actions";
-
-const
-  mapDispatchToProps = (dispatch : Dispatch) => ({
-    closeModal () {
-      dispatch(actions.hideModal());
-    },
-    showError (errMessage) {
-      dispatch(x25Actions.notifyError(errMessage));
-    },
-  });
-
-class Confirm extends React.Component<ConfirmPropTypes, ConfirmStateTypes> {
-
-  /* eslint-disable max-statements */
-
-  static defaultProps = {
-    errMessage         : languageMessage.failPerform,
-    title              : label.confirmation,
-    cancelButtonLabel  : label.cancel,
-    confirmButtonColor : "danger",
-    confirmButtonLabel : label.remove,
-    focusButton        : true,
-
-    isResponseValid: (response : any) => ({
-      valid : response === "",
-      error : response,
-    }),
-  }
-
-  props: ConfirmPropTypes;
-
-  state: ConfirmStateTypes;
-
-  field: any;
-
-  endPerforming: () => void;
-  handleConfirmation: (startPerforming: any, endPerforming: any) => void;
-  handleConfirmButton: (node : any) => void;
-  startPerforming: () => void;
-  focusConfirmButton: () => any;
-
-  constructor (props : ConfirmPropTypes) {
-
-    super(props);
-
-    const that = this;
-
-    this.state = {
-      isPerforming: false,
-    };
-
-    this.handleConfirmButton = (node : any) => {
-      this.field = node;
-    };
-
-    this.focusConfirmButton = () => setTimeout(() => {
-      const { focusButton } = this.props;
-
-      if (focusButton) {
-        setTimeout(() => {
-          const { field } = this;
-
-          if (field && field !== null) {
-            field.focus();
-          }
-        });
-      }
-    });
-
-    this.startPerforming = (cb : any) => {
-      this.setState({
-        isPerforming: true,
-      }, cb);
-    };
-
-    this.endPerforming = (cb : any) => this.setState({
-      isPerforming: false,
-    }, () => {
-
-      /* eslint-disable callback-return */
-
-      that.focusConfirmButton();
-
-      if (typeof cb === "function") {
-        cb();
-      }
-    });
-
-    const { startPerforming, endPerforming } = this;
-
-    this.handleConfirmation = () => {
-      const {
-        request,
-        onSuccess,
-        closeModal,
-        errMessage,
-        showError,
-        isResponseValid,
-      } = this.props;
-
-      startPerforming(() => {
-        request().
-          then((response : string) => {
-            const { valid, error } = isResponseValid(response);
-
-            if (valid) {
-              closeModal();
-              onSuccess(response);
-            } else {
-              endPerforming();
-              showError(error);
-            }
-          }).
-          catch((exception) => {
-            endPerforming();
-            showError(errMessage);
-            // eslint-disable
-            console.log("exception", exception);
-          });
-      });
-    };
-  }
-
-  componentDidMount () {
-    this.focusConfirmButton();
-  }
-
-  shouldComponentUpdate (nextProps : ConfirmPropTypes, nextState : ConfirmStateTypes) {
-    return (
-      this.props.cancelButtonLabel !== nextProps.cancelButtonLabel ||
-      this.props.confirmButtonLabel !== nextProps.confirmButtonLabel ||
-      this.props.focusButton !== nextProps.focusButton ||
-      this.props.title !== nextProps.title ||
-      this.props.confirmButtonColor !== nextProps.confirmButtonColor ||
-
-      this.state.isPerforming !== nextState.isPerforming
-    );
-  }
-
-  render () {
-
-    const { isPerforming } = this.state;
-
-    const {
-      cancelButtonLabel,
-      confirmButtonLabel,
-      message,
-      title,
-      confirmButtonColor,
-      closeModal,
-    } = this.props;
-
-    const getConfirmButtonText = () => {
-      if (isPerforming) {
-        return (
-          <span>
-            <i className="fa fa-refresh fa-spin fa-fw" />
-            {" Așteaptă"}
-          </span>
-        );
-      }
-
-      return confirmButtonLabel;
-    };
-
-    return (
-      <Modal autoFocus={!this.props.focusButton} isOpen toggle={closeModal} zIndex="1061">
-        <ModalHeader toggle={closeModal}>
-          {title}
-        </ModalHeader>
-        <ModalBody>
-          {message}
-        </ModalBody>
-        <ModalFooter>
-          <Button className="mr-1" color="secondary" onClick={closeModal}>
-            {cancelButtonLabel}
-          </Button>
-          <button
-            className={`btn ${confirmButtonColor ? `btn-${confirmButtonColor}` : ""}`}
-            disabled={isPerforming}
-            onClick={this.handleConfirmation}
-            ref={this.handleConfirmButton}
-            type="button">
-            {getConfirmButtonText()}
-          </button>
-        </ModalFooter>
-      </Modal>
-    );
-  }
-}
-
-export default connect(null, mapDispatchToProps)(Confirm);

package/src/Modal/Root.jsx

@@ -1,57 +0,0 @@
-// @flow
-
-import type { State } from "src\\types";
-
-type ModalRootPropTypes = {
-  +list: any;
-};
-
-import { connect } from "react-redux";
-import React from "react";
-
-import getComponent from "./getComponent";
-
-import { selectors } from "./reducer";
-
-const mapStateToProps = (state : State) => ({
-  list: selectors.getModals(state),
-});
-
-class ModalRoot extends React.Component<ModalRootPropTypes> {
-
-  props: ModalRootPropTypes;
-
-  shouldComponentUpdate (nextProps : ModalRootPropTypes) {
-    return this.props.list !== nextProps.list;
-  }
-
-  render () {
-    const { list } = this.props;
-
-    if (list.size === 0) {
-      return null;
-    }
-
-    return (
-      list.map((current, index) => {
-        const
-          modalType = current.get("type"),
-          Component = getComponent(modalType);
-
-        if (typeof Component === "undefined") {
-          return (
-            <div>
-              {`No MODAL component for the type [${modalType}] in Modal/components.jsx`}
-            </div>
-          );
-        }
-
-        return (
-          <Component key={index} {...current.get("props").toJS()} />
-        );
-      })
-    );
-  }
-}
-
-export default connect(mapStateToProps)(ModalRoot);

package/src/Modal/SimpleModal.jsx

@@ -1,47 +0,0 @@
-// @flow
-
-import type { Dispatch } from "src\\types";
-
-type SimpleModalPropTypes = {
-  +size?: string;
-  +title: string;
-  +children: any;
-
-  +hideModal: () => void;
-};
-
-import { connect } from "react-redux";
-import React from "react";
-import { Modal, ModalBody, ModalHeader } from "reactstrap";
-
-import { hideModal as hideModalAction } from "./actions";
-
-import { delay } from "../utility";
-
-const
-  mapDispatchToProps = (dispatch : Dispatch, { cbHideModal }) => ({
-    hideModal () {
-      delay().
-        then(() => {
-          dispatch(hideModalAction());
-        }).
-        then(() => {
-          if (typeof cbHideModal === "function") {
-            cbHideModal();
-          }
-        });
-    },
-  });
-
-const SimpleModal = ({ hideModal, children, size, title } : SimpleModalPropTypes) => (
-  <Modal autoFocus isOpen size={size} toggle={hideModal} zIndex="1061">
-    <ModalHeader toggle={hideModal}>
-      { title }
-    </ModalHeader>
-    <ModalBody>
-      { children }
-    </ModalBody>
-  </Modal>
-);
-
-export default connect(null, mapDispatchToProps)(SimpleModal);

package/src/Modal/actions.js

@@ -1,7 +0,0 @@
-// @flow
-
-import type { Action } from "src\\types";
-
-export const hideModal = () : Action => ({
-  type: "HIDE_MODAL",
-});

package/src/Modal/getComponent.jsx

@@ -1,32 +0,0 @@
-// @flow
-
-import React from "react";
-
-import { getModal } from "./util";
-
-import { ErrorMessage } from "../Messages";
-import SimpleModal from "./SimpleModal";
-
-const NothingSelected = () => (
-  <SimpleModal title="Not registred">
-    <ErrorMessage
-      message="Please define a modal component in Modal/components.jsx"
-    />
-  </SimpleModal>
-);
-
-/* eslint-disable complexity */
-const getComponent = (type : any) : any => {
-  const AutoModal = getModal(type);
-
-  if (AutoModal !== null) {
-    return AutoModal;
-  }
-
-  return (
-    NothingSelected
-  );
-
-};
-
-export default getComponent;

package/src/Modal/index.jsx

@@ -1,12 +0,0 @@
-// @flow
-
-import Delete from "./Delete";
-import SimpleModal from "./SimpleModal";
-
-import { injectModals } from "./util";
-
-export {
-  injectModals,
-  Delete,
-  SimpleModal,
-};