Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
@skava/ui-presets / dist / presets / Studio / FormBuilder / renderProps.js
Size: Mime:
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const exotic_1 = require("exotic");

const PluginsContext_1 = require("@skava/forms/build/dist/new-forms/plugins/PluginsContext");

const exports_1 = require("@skava/forms/build/dist/exports");

const styled_1 = require("./styled");

function defaultRenderButton(props) {
  const {
    buttonLabel
  } = props;
  const validButtonLabel = exotic_1.fromIshToString(buttonLabel);
  return react_1.default.createElement(styled_1.StyledPrimaryButton, {
    breedType: "text",
    text: validButtonLabel
  });
}

function defaultRenderTitle(props) {
  const {
    title
  } = props;
  const validTitle = exotic_1.fromIshToString(title);
  return react_1.default.createElement(styled_1.StyledTitle, {
    content: validTitle
  });
}

exports.defaultRenderTitle = defaultRenderTitle;

function defaultRenderForm(props) {
  const {
    renderTitle,
    inputPlaceholder,
    buttonLabel
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderTitle", "inputPlaceholder", "buttonLabel"]);

  const validInputPlaceholder = exotic_1.fromIshToString(inputPlaceholder);
  const validButtonLabel = exotic_1.fromIshToString(buttonLabel);
  const inputsListForFieldSet = [{
    type: 'email',
    label: validInputPlaceholder
  }];
  const formState = new exports_1.OneFormState().setInputsList(inputsListForFieldSet);
  return react_1.default.createElement(PluginsContext_1.PluginsContext.Provider, {
    value: [styled_1.StyledEmailPlugin]
  }, react_1.default.createElement(styled_1.StyledForm, {
    state: formState,
    renderButtonGroup: defaultRenderButton,
    buttonLabel: validButtonLabel
  }));
}

exports.defaultRenderForm = defaultRenderForm;

function defaultRenderWrapper(props) {
  const {
    className,
    children,
    dataQa
  } = props;
  return react_1.default.createElement(styled_1.Wrapper, {
    className: className,
    "data-qa": dataQa
  }, children);
}

exports.defaultRenderWrapper = defaultRenderWrapper;