@kbss-cvut/s-forms 0.4.1 → 0.4.2-alpha-f760ea7.0

package/.storybook/preview.js

@@ -1,103 +0,0 @@
-import Constants from "../src/constants/Constants";
-import { addDecorator } from "@storybook/react";
-import IntlContextProvider from "../src/contexts/IntlContextProvider";
-import { FormGenContextProvider } from "../src/contexts/FormGenContext";
-import { ConfigurationContextProvider } from "../src/contexts/ConfigurationContext";
-
-import "react-datepicker/dist/react-datepicker.css";
-import "bootstrap/dist/css/bootstrap.min.css";
-import "../src/styles/s-forms.css";
-import possibleValues from "../src/stories/assets/possibleValues.json";
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-};
-
-export const globalTypes = {
-  iconBehavior: {
-    name: "Icon behavior",
-    description: "Set the behavior for the icons",
-    defaultValue: Constants.ICON_BEHAVIOR.ON_HOVER,
-    options: [
-      Constants.ICON_BEHAVIOR.ON_HOVER,
-      Constants.ICON_BEHAVIOR.ENABLE,
-      Constants.ICON_BEHAVIOR.DISABLE,
-    ],
-    control: { type: "radio" },
-  },
-  locale: {
-    name: "Locale",
-    description: "Internationalization locale",
-    defaultValue: "en",
-    options: ["en", "cs"],
-    control: { type: "radio" },
-  },
-  debugMode: {
-    name: "Debug Mode",
-    description: "Show irrelevant questions",
-    defaultValue: false,
-    control: { type: "boolean" },
-  },
-};
-
-const options = {
-  i18n: {
-    "wizard.next": "Next",
-    "wizard.previous": "Previous",
-    "section.expand": "Expand",
-    "section.collapse": "Collapse",
-  },
-  intl: {
-    locale: "en",
-  },
-  modalView: false,
-  horizontalWizardNav: false,
-  wizardStepButtons: true,
-  enableForwardSkip: true,
-  startingStep: 1,
-  debugMode: false,
-  users: [
-    { id: "http://fel.cvut.cz/people/max-chopart", label: "Max Chopart" },
-    {
-      id: "http://fel.cvut.cz/people/miroslav-blasko",
-      label: "Miroslav Blasko",
-    },
-  ],
-  currentUser: "http://fel.cvut.cz/people/max-chopart",
-  icons: [
-    {
-      id: Constants.ICONS.QUESTION_HELP,
-      behavior: Constants.ICON_BEHAVIOR.ENABLE,
-    },
-    {
-      id: Constants.ICONS.QUESTION_LINK,
-      behavior: Constants.ICON_BEHAVIOR.ENABLE,
-    },
-    {
-      id: Constants.ICONS.QUESTION_COMMENTS,
-      behavior: Constants.ICON_BEHAVIOR.ENABLE,
-    },
-  ],
-};
-
-const fetchTypeAheadValues = () => {
-  return new Promise((resolve) =>
-    setTimeout(() => resolve(possibleValues), 1500)
-  );
-};
-
-addDecorator((story) => (
-  <ConfigurationContextProvider options={options}>
-    <FormGenContextProvider fetchTypeAheadValues={fetchTypeAheadValues}>
-      <IntlContextProvider locale={globalTypes.locale.defaultValue}>
-        {story()}
-      </IntlContextProvider>
-    </FormGenContextProvider>
-  </ConfigurationContextProvider>
-));

package/dist/s-forms.css

@@ -1,2 +0,0 @@
-.checkbox label{font-weight:700}.panel-title .checkbox label{font-weight:400}.answerable-question{background-color:#e6f9fb;border:1px solid #dfdfdf;border-bottom-color:transparent;border-top-left-radius:3px;border-top-right-radius:3px;color:#000;padding:.75rem 1.25rem}.answerable-subquestions{border:1px solid #dfdfdf;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:1.11rem;padding:1rem}.answerable-question .form-group{margin-bottom:0}.answerable-question .form-group .form-check-input{margin-top:.37rem}.answerable-section .form-group .form-check-label{font-weight:500;margin-left:.11rem}.answerable-section .card-header .col-10{flex-basis:auto;padding-right:0;width:auto}.overlay-comment{position:absolute;z-index:10}svg{fill:currentColor}.comment-delete,.question-comment{cursor:pointer}.caret-square-down,.caret-square-up,.info-circle,.question-circle,.question-comment{height:1rem;margin-bottom:.15rem}.close-icon,.external-link-icon,.question-circle,.question-comment,.recycle-bin-icon{fill:grey}.text-white .external-link-icon,.text-white .question-circle,.text-white .question-comment{fill:#fff}.caret-square-down,.caret-square-up{margin-left:-.3125rem;margin-right:.2rem}.has-unit-label{font-weight:700;margin-left:.75rem;margin-top:.75rem}.tooltip-content{white-space:pre-wrap}.collapse-toggle{line-height:.9;margin-right:.3rem}.form-label{font-weight:500;white-space:nowrap}input:disabled{cursor:not-allowed}.cursor-pointer{cursor:pointer}.accordion>.card{overflow:visible}.react-datepicker-wrapper{display:block}.react-datepicker__navigation:focus{outline:none}.wizard-step{min-height:40.625rem}.wizard-step-content{min-height:37.5rem}.list-group-item.active{font-weight:500}.question-category-1{background-color:rgba(8,255,0,.05)}.question-category-2{background-color:rgba(230,127,0,.05)}.question-category-3{background-color:rgba(222,0,230,.05)}.question-category-4{background-color:rgba(0,84,230,.05)}.question-category-5{background-color:rgba(0,230,222,.05)}.answer{align-items:center;display:flex;position:relative}.answer>.answer-content{flex-grow:1;max-width:31.25rem}.card-header{min-height:3rem}.card-header:first-child{line-height:24px}.card-header.bg-info{background-color:#e6f9fb!important}.card-header.section-background{background-color:#e6f9fb}.question-header{align-items:center;display:flex}.question-header h6{margin:0}.icon-list-items{display:flex;margin:0;padding-left:0}.icon-list-item{list-style-type:none}.card-header .form-group{margin-bottom:0}.emphasise-on-relevant-icon{-webkit-animation:emphasiseOnRelevantIcon .5s ease-in;animation:emphasiseOnRelevantIcon .5s ease-in}.emphasise-on-relevant{-webkit-animation:emphasiseOnRelevant 1.2s ease-in;animation:emphasiseOnRelevant 1.2s ease-in}.card-header.emphasise-on-relevant{-webkit-animation:emphasiseOnRelevantSection 1.2s ease-in;animation:emphasiseOnRelevantSection 1.2s ease-in}.comment-tooltip>.tooltip-inner{background-color:#cbeef6;border:2px solid #afafaf;border-radius:0;color:#000;max-width:none;padding:0;width:30vw}.close-comment-icon{cursor:pointer;height:24px;margin-left:auto;width:24px}#comment-form{display:flex;width:100%}#comment-form textarea{overflow-y:hidden;resize:none}.comment-form-control{border-radius:0}.btn.comment-form-button{align-items:center;bottom:2px;display:flex;height:25px;justify-content:center;padding:0;position:absolute;right:2px;width:25px}.comment-content{padding:.5rem;text-align:left}.comment-delete{align-items:center;display:flex;flex-direction:column;justify-content:center}.comment-content .comment-author{font-weight:700}.comment-content .comment-value{white-space:pre-line}.comment-list-items{max-height:25rem;overflow:hidden scroll}.comment-timestamp{color:#696969;font-style:italic}.comment-badge{bottom:13px;font-size:.5625rem;position:relative;right:7px}.show-irrelevant{opacity:50%}.show-irrelevant,.show-irrelevant .form-check-input,.show-irrelevant .form-check-label{pointer-events:none}.show-irrelevant .card-header,.show-irrelevant.list-group-item{pointer-events:auto}@-webkit-keyframes emphasiseOnRelevant{0%{display:none;opacity:0}1%{background-color:#ff0;display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:transparent;display:block;opacity:1}}@keyframes emphasiseOnRelevant{0%{display:none;opacity:0}1%{background-color:#ff0;display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:transparent;display:block;opacity:1}}@-webkit-keyframes emphasiseOnRelevantSection{0%{display:none;opacity:0}1%{background-color:#ff0;display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:#e6f9fb;display:block;opacity:1}}@keyframes emphasiseOnRelevantSection{0%{display:none;opacity:0}1%{background-color:#ff0;display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:#e6f9fb;display:block;opacity:1}}@-webkit-keyframes emphasiseOnRelevantIcon{0%{display:none;opacity:0}1%{display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:transparent;display:block;opacity:1}}@keyframes emphasiseOnRelevantIcon{0%{display:none;opacity:0}1%{display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:transparent;display:block;opacity:1}}
-/*# sourceMappingURL=s-forms.css.map */

package/dist/s-forms.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["s-forms.css"],"names":[],"mappings":"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","file":"s-forms.css","sourcesContent":[".checkbox label {\n  font-weight: bold;\n}\n\n.panel-title .checkbox label {\n  font-weight: normal;\n}\n\n.answerable-question {\n  color: black;\n  background-color: #e6f9fb;\n  border: 1px solid #dfdfdf;\n  border-bottom: 1px solid transparent;\n  border-top-right-radius: 3px;\n  border-top-left-radius: 3px;\n  padding: 0.75rem 1.25rem;\n}\n\n.answerable-subquestions {\n  padding: 1rem;\n  border: 1px solid #dfdfdf;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  margin-bottom: 1.11rem;\n}\n\n.answerable-question .form-group {\n  margin-bottom: 0;\n}\n\n.answerable-question .form-group .form-check-input {\n  margin-top: 0.37rem;\n}\n\n.answerable-section .form-group .form-check-label {\n  margin-left: 0.11rem;\n  font-weight: 500;\n}\n\n.answerable-section .card-header .col-10 {\n  width: auto;\n  flex-basis: auto;\n  padding-right: 0;\n}\n\n.overlay-comment {\n  position: absolute;\n  z-index: 10;\n}\n\nsvg {\n  fill: currentColor;\n}\n\n.question-comment,\n.comment-delete {\n  cursor: pointer;\n}\n\n.caret-square-up,\n.caret-square-down,\n.question-circle,\n.question-comment,\n.info-circle {\n  height: 1rem;\n  margin-bottom: 0.15rem;\n}\n\n.question-circle,\n.question-comment,\n.external-link-icon,\n.close-icon,\n.recycle-bin-icon {\n  fill: grey;\n}\n\n.text-white .question-circle,\n.text-white .question-comment,\n.text-white .external-link-icon {\n  fill: white;\n}\n\n.caret-square-up,\n.caret-square-down {\n  margin-right: 0.2rem;\n  margin-left: -0.3125rem;\n}\n\n.has-unit-label {\n  font-weight: bold;\n  margin-top: 0.75rem;\n  margin-left: 0.75rem;\n}\n\n.tooltip-content {\n  white-space: pre-wrap;\n}\n\n.collapse-toggle {\n  margin-right: 0.3rem;\n  line-height: 0.9;\n}\n\n.form-label {\n  font-weight: 500;\n  white-space: nowrap;\n}\n\ninput:disabled {\n  cursor: not-allowed;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.accordion > .card {\n  overflow: visible;\n}\n\n.react-datepicker-wrapper {\n  display: block;\n}\n\n.react-datepicker__navigation:focus {\n  outline: none;\n}\n\n.wizard-step {\n  min-height: 40.625rem;\n}\n\n.wizard-step-content {\n  min-height: 37.5rem;\n}\n\n.list-group-item.active {\n  font-weight: 500;\n}\n\n.question-category-1 {\n  background-color: rgba(8, 255, 0, 0.05);\n}\n\n.question-category-2 {\n  background-color: rgba(230, 127, 0, 0.05);\n}\n\n.question-category-3 {\n  background-color: rgba(222, 0, 230, 0.05);\n}\n\n.question-category-4 {\n  background-color: rgba(0, 84, 230, 0.05);\n}\n\n.question-category-5 {\n  background-color: rgba(0, 230, 222, 0.05);\n}\n\n.answer {\n  display: flex;\n  position: relative;\n  align-items: center;\n}\n\n.answer > .answer-content {\n  flex-grow: 1;\n  max-width: 31.25rem;\n}\n\n.card-header {\n  min-height: 3rem;\n}\n\n.card-header:first-child {\n  line-height: 24px;\n}\n\n.card-header.bg-info {\n  background-color: #e6f9fb !important;\n}\n\n.card-header.section-background {\n  background-color: #e6f9fb;\n}\n\n.question-header {\n  display: flex;\n  align-items: center;\n}\n\n.question-header h6 {\n  margin: 0;\n}\n\n.icon-list-items {\n  display: flex;\n  padding-left: 0;\n  margin: 0;\n}\n\n.icon-list-item {\n  list-style-type: none;\n}\n\n.card-header .form-group {\n  margin-bottom: 0;\n}\n\n.emphasise-on-relevant-icon {\n  animation: emphasiseOnRelevantIcon 0.5s ease-in;\n}\n\n.emphasise-on-relevant {\n  animation: emphasiseOnRelevant 1.2s ease-in;\n}\n\n.card-header.emphasise-on-relevant {\n  animation: emphasiseOnRelevantSection 1.2s ease-in;\n}\n\n.comment-tooltip > .tooltip-inner {\n  max-width: none;\n  width: 30vw;\n  border: solid 2px #afafaf;\n  background-color: #cbeef6;\n  color: #000000;\n  padding: 0;\n  border-radius: 0;\n}\n\n.close-comment-icon {\n  cursor: pointer;\n  height: 24px;\n  width: 24px;\n  margin-left: auto;\n}\n\n#comment-form {\n  display: flex;\n  width: 100%;\n}\n\n#comment-form textarea {\n  resize: none;\n  overflow-y: hidden;\n}\n\n.comment-form-control {\n  border-radius: 0;\n}\n\n.btn.comment-form-button {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  right: 2px;\n  bottom: 2px;\n  height: 25px;\n  width: 25px;\n  padding: 0;\n}\n\n.comment-content {\n  text-align: left;\n  padding: 0.5rem;\n}\n\n.comment-delete {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.comment-content .comment-author {\n  font-weight: bold;\n}\n\n.comment-content .comment-value {\n  white-space: pre-line;\n}\n\n.comment-list-items {\n  overflow: hidden scroll;\n  max-height: 25rem;\n}\n\n.comment-timestamp {\n  color: #696969;\n  font-style: italic;\n}\n\n.comment-badge {\n  position: relative;\n  bottom: 13px;\n  right: 7px;\n  font-size: 0.5625rem;\n}\n\n.show-irrelevant {\n  opacity: 50%;\n  pointer-events: none;\n}\n\n.show-irrelevant .form-check-input,\n.show-irrelevant .form-check-label {\n  pointer-events: none;\n}\n\n.show-irrelevant .card-header,\n.show-irrelevant.list-group-item {\n  pointer-events: auto;\n}\n\n@keyframes emphasiseOnRelevant {\n  0% {\n    display: none;\n    opacity: 0;\n  }\n\n  1% {\n    display: block;\n    opacity: 0;\n    background-color: yellow;\n  }\n\n  25% {\n    display: block;\n    opacity: 0;\n  }\n\n  75% {\n    display: block;\n    opacity: 1;\n  }\n\n  100% {\n    display: block;\n    opacity: 1;\n    background-color: transparent;\n  }\n}\n\n@keyframes emphasiseOnRelevantSection {\n  0% {\n    display: none;\n    opacity: 0;\n  }\n\n  1% {\n    display: block;\n    opacity: 0;\n    background-color: yellow;\n  }\n\n  25% {\n    display: block;\n    opacity: 0;\n  }\n\n  75% {\n    display: block;\n    opacity: 1;\n  }\n\n  100% {\n    display: block;\n    opacity: 1;\n    background-color: #e6f9fb;\n  }\n}\n\n@keyframes emphasiseOnRelevantIcon {\n  0% {\n    display: none;\n    opacity: 0;\n  }\n\n  1% {\n    display: block;\n    opacity: 0;\n  }\n\n  25% {\n    display: block;\n    opacity: 0;\n  }\n\n  75% {\n    display: block;\n    opacity: 1;\n  }\n\n  100% {\n    display: block;\n    opacity: 1;\n    background-color: transparent;\n  }\n}\n"]}

package/dist/s-forms.d.ts

@@ -1,16 +0,0 @@
-export default SForms;
-import SForms from "./components/SForms";
-import Constants from "./constants/Constants";
-import JsonLdObjectUtils from "./util/JsonLdObjectUtils";
-import JsonLdFramingUtils from "./util/JsonLdFramingUtils";
-import JsonLdObjectMap from "./util/JsonLdObjectMap";
-import FormUtils from "./util/FormUtils";
-import Question from "./components/Question";
-import Answer from "./components/Answer";
-import HelpIcon from "./components/HelpIcon";
-import { ConfigurationContext } from "./contexts/ConfigurationContext";
-import { FormQuestionsContext } from "./contexts/FormQuestionsContext";
-import WizardStep from "./components/wizard/WizardStep";
-import QuestionStatic from "./components/QuestionStatic";
-import IntlContextProvider from "./contexts/IntlContextProvider.js";
-export { Constants, JsonLdObjectUtils, JsonLdFramingUtils, JsonLdObjectMap, FormUtils, Question, Answer, HelpIcon, ConfigurationContext, FormQuestionsContext, WizardStep, QuestionStatic, IntlContextProvider };

package/jest.config.cjs

@@ -1,20 +0,0 @@
-module.exports = {
-  roots: ["<rootDir>"],
-  moduleFileExtensions: ["js", "jsx", "json", "ts", "tsx"],
-  setupFiles: ["<rootDir>/test/setup.js"],
-  transformIgnorePatterns: ["[/\\\\]node_modules[/\\\\].+\\.(ts|tsx)$"],
-  testEnvironment: "jsdom",
-  testURL: "http://localhost",
-  transform: {
-    "^.+\\.(js|jsx|ts|tsx)$": "babel-jest",
-  },
-  reporters: ["default"],
-  moduleNameMapper: {
-    "\\.(css)$": "<rootDir>/test/__mocks__/styleMock.js",
-  },
-  globals: {
-    "s-forms": {
-      tsconfig: "tsconfig.spec.json",
-    },
-  },
-};

package/test/__mocks__/styleMock.js

@@ -1 +0,0 @@
-module.exports = {};

package/test/__tests__/Answer.test.js

@@ -1,399 +0,0 @@
-import React from "react";
-import { format } from "date-fns";
-import DatePicker from "react-datepicker";
-import Select from "react-select";
-
-import * as Generator from "../environment/Generator";
-import Answer from "../../src/components/Answer";
-import Constants from "../../src/constants/Constants";
-import TypeaheadAnswer from "../../src/components/answer/TypeaheadAnswer";
-import MaskedInput from "../../src/components/MaskedInput";
-import { FormGenContext } from "../../src/contexts/FormGenContext";
-import { ConfigurationContext } from "../../src/contexts/ConfigurationContext";
-import DefaultInput from "../../src/components/DefaultInput";
-
-describe("Answer component", () => {
-  let question,
-    onChange,
-    answer,
-    getOptions,
-    loadFormOptions,
-    options,
-    inputComponent,
-    componentsOptions;
-
-  beforeEach(() => {
-    question = {
-      "@id": Generator.getRandomUri(),
-    };
-    question[Constants.LAYOUT_CLASS] = [];
-    question[Constants.RDFS_LABEL] = {
-      "@language": "en",
-      "@value": "1 - Aerodrome General",
-    };
-    question[Constants.RDFS_COMMENT] = {
-      "@language": "en",
-      "@value":
-        "The identification of the aerodrome/helicopter landing area by name, location and status.",
-    };
-    onChange = jest.fn();
-    options = {
-      intl: {
-        locale: "en",
-      },
-    };
-    componentsOptions = {
-      readOnly: false,
-      dateTimeAnswer: {
-        dateFormat: "yyyy-MM-dd",
-        timeFormat: "HH:mm:ss",
-        dateTimeFormat: "yyyy-MM-dd HH:mm:ss",
-      },
-    };
-    inputComponent = DefaultInput;
-    getOptions = jest.fn(() => []);
-    loadFormOptions = jest.fn();
-  });
-
-  it("renders a Typeahead when layout class is typeahead", () => {
-    question[Constants.LAYOUT_CLASS].push(Constants.LAYOUT.QUESTION_TYPEAHEAD);
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <FormGenContext.Provider value={{ getOptions, loadFormOptions }}>
-          <Answer answer={{}} question={question} onChange={onChange} />
-        </FormGenContext.Provider>
-      </ConfigurationContext.Provider>
-    );
-
-    const typeahead = component.find(Select);
-    expect(typeahead).not.toBeNull();
-  });
-
-  it("maps answer object value to string label for the typeahead component", () => {
-    const value = Generator.getRandomUri();
-    const valueLabel = "masterchief";
-    const typeAheadOptions = Generator.generateTypeaheadOptions(
-      value,
-      valueLabel
-    );
-    answer = answerWithCodeValue(value);
-    getOptions = jest.fn(() => typeAheadOptions);
-    question[Constants.HAS_ANSWER] = [answer];
-    question[Constants.LAYOUT_CLASS].push(Constants.LAYOUT.QUESTION_TYPEAHEAD);
-    question[Constants.HAS_OPTIONS_QUERY] = "SELECT * WHERE {?x ?y ?z. }";
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <FormGenContext.Provider
-          value={{ getOptions, loadFormOptions: () => typeAheadOptions }}
-        >
-          <Answer answer={answer} question={question} onChange={onChange} />
-        </FormGenContext.Provider>
-      </ConfigurationContext.Provider>
-    );
-
-    waitForComponentToPaint(component);
-    const typeahead = component.find(Answer).find(TypeaheadAnswer).find(Select);
-
-    expect(typeahead).not.toBeNull();
-
-    expect(typeahead.state("value")[0].name).toEqual(valueLabel);
-  });
-
-  it("loads typeahead options when layout class is typeahead and no possible values are specified", () => {
-    question[Constants.LAYOUT_CLASS].push(Constants.LAYOUT.QUESTION_TYPEAHEAD);
-    const query = "SELECT * WHERE { ?x ?y ?z .}";
-    question[Constants.HAS_OPTIONS_QUERY] = query;
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <FormGenContext.Provider value={{ getOptions, loadFormOptions }}>
-          <Answer answer={{}} question={question} onChange={onChange} />
-        </FormGenContext.Provider>
-      </ConfigurationContext.Provider>
-    );
-
-    waitForComponentToPaint(component);
-
-    expect(loadFormOptions).toHaveBeenCalled();
-    expect(loadFormOptions.mock.calls[0][1]).toEqual(query);
-  });
-
-  function answerWithCodeValue(value) {
-    const res = {
-      "@id": Generator.getRandomUri(),
-    };
-    res[Constants.HAS_OBJECT_VALUE] = {
-      "@id": value,
-    };
-    return res;
-  }
-
-  it("shows input with text value of the answer when no layout class is specified", () => {
-    const value = "masterchief";
-    answer = answerWithTextValue(value);
-    question[Constants.HAS_ANSWER] = [answer];
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />s
-      </ConfigurationContext.Provider>
-    );
-    const input = component.find("input");
-
-    expect(input).not.toBeNull();
-    expect(input.props().type).toEqual("text");
-    expect(input.props().value).toEqual(value);
-  });
-
-  function answerWithTextValue(value) {
-    const res = {
-      "@id": Generator.getRandomUri(),
-    };
-    res[Constants.HAS_DATA_VALUE] = {
-      "@language": "en",
-      "@value": value,
-    };
-    return res;
-  }
-
-  it("renders date picker with answer value when date layout class is specified", () => {
-    const date = new Date("2000-01-01");
-    const value = format(date, "yyyy-MM-dd HH:mm:ss");
-
-    answer = answerWithTextValue(value);
-    question[Constants.HAS_ANSWER] = [answer];
-    question[Constants.LAYOUT_CLASS].push(Constants.LAYOUT.DATE);
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const picker = component.find(DatePicker);
-
-    expect(picker).not.toBeNull();
-    expect(picker.props().showTimeSelect).toEqual(false);
-    expect(picker.props().showTimeSelectOnly).toEqual(false);
-    expect(picker.props().selected).toEqual(date);
-  });
-
-  it("renders time picker with answer value when time layout class is specified", () => {
-    const date = new Date();
-    const value = format(date, "HH:mm:ss");
-
-    answer = answerWithTextValue(value);
-    question[Constants.HAS_ANSWER] = [answer];
-    question[Constants.LAYOUT_CLASS].push(Constants.LAYOUT.TIME);
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const picker = component.find(DatePicker);
-
-    expect(picker).not.toBeNull();
-    expect(picker.props().showTimeSelect).toEqual(true);
-    expect(picker.props().showTimeSelectOnly).toEqual(true);
-    expect(picker.props().selected).toEqual(new Date(`0 ${value}`));
-  });
-
-  it("renders datetime picker with answer value when datetime layout class is specified", () => {
-    const date = new Date();
-    const value = format(date, "yyyy-MM-dd HH:mm:ss");
-    answer = answerWithTextValue(value);
-    question[Constants.HAS_ANSWER] = [answer];
-    question[Constants.LAYOUT_CLASS].push(Constants.LAYOUT.DATETIME);
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const picker = component.find(DatePicker);
-
-    expect(picker).not.toBeNull();
-    expect(picker.props().showTimeSelect).toEqual(true);
-    expect(picker.props().showTimeSelectOnly).toEqual(false);
-    expect(picker.props().selected).toEqual(new Date(value));
-  });
-
-  it("renders datetime picker with answer value when no layout class is specified and numeric answer value is used", () => {
-    const value = Number(new Date());
-    answer = {
-      "@id": Generator.getRandomUri(),
-    };
-    answer[Constants.HAS_DATA_VALUE] = value;
-    question[Constants.HAS_ANSWER] = [answer];
-    question[Constants.LAYOUT_CLASS].push(Constants.LAYOUT.DATETIME);
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent: { inputComponent },
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const picker = component.find(DatePicker);
-
-    expect(picker).not.toBeNull();
-    expect(picker.props().showTimeSelect).toEqual(true);
-    expect(picker.props().showTimeSelectOnly).toEqual(false);
-    expect(picker.props().selected).toEqual(new Date(value));
-  });
-
-  it("renders checkbox with answer value when checkbox layout class is specified", () => {
-    const answer = {
-      "@id": Generator.getRandomUri(),
-    };
-    answer[Constants.HAS_DATA_VALUE] = true;
-    question[Constants.HAS_ANSWER] = [answer];
-    question[Constants.LAYOUT_CLASS].push(Constants.LAYOUT.CHECKBOX);
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const input = component.find("input");
-
-    expect(input).toBeDefined();
-    expect(input.props().type).toEqual("checkbox");
-    expect(input.props().checked).toBeTruthy();
-  });
-
-  it("renders numeric input with answer value when number layout class is specified", () => {
-    const value = 117;
-    const answer = {
-      "@id": Generator.getRandomUri(),
-    };
-    answer[Constants.HAS_DATA_VALUE] = value;
-    question[Constants.HAS_ANSWER] = [answer];
-    question[Constants.HAS_DATATYPE] = Constants.XSD.INT;
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const input = component.find("input");
-
-    expect(input).toBeDefined();
-    expect(input.props().type).toEqual("number");
-    expect(input.props().value).toEqual(value);
-  });
-
-  it("renders textarea for answer with long value", () => {
-    let value = "";
-    for (let i = 0; i < Constants.INPUT_LENGTH_THRESHOLD + 1; i++) {
-      value += "a";
-    }
-    answer = answerWithTextValue(value);
-    answer[Constants.HAS_DATA_VALUE] = value;
-    question[Constants.HAS_ANSWER] = [answer];
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const input = component.find("textarea");
-
-    expect(input).toBeDefined();
-    expect(input.props().value).toEqual(value);
-  });
-
-  it("renders masked input for question with masked-input layout class", () => {
-    const value = "08/2016";
-    const mask = "11/1111";
-    const answer = {
-      "@id": Generator.getRandomUri(),
-    };
-    answer[Constants.HAS_DATA_VALUE] = value;
-    question[Constants.HAS_ANSWER] = [answer];
-    question[Constants.LAYOUT_CLASS].push(Constants.LAYOUT.MASKED_INPUT);
-    question[Constants.INPUT_MASK] = mask;
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const input = component.find(MaskedInput);
-
-    expect(input).toBeDefined();
-    expect(input.props().value).toEqual(value);
-    expect(input.props().mask).toEqual(mask);
-  });
-});

package/test/__tests__/DefaultFormGenerator.test.js

@@ -1,34 +0,0 @@
-import Constants from "../../src/constants/Constants";
-import FormGenerator from "../../src/model/FormGenerator";
-import DefaultFormGenerator from "../../src/model/DefaultFormGenerator";
-
-describe("Default form generator", () => {
-  let textValue;
-
-  beforeEach(() => {
-    textValue = "masterchief";
-  });
-
-  it("generates empty one-step wizard as a default form", async () => {
-    const form = DefaultFormGenerator.generateForm();
-    const [formQuestions, structure] = FormGenerator.constructDefaultForm(null);
-
-    expect(formQuestions.length).toEqual(1);
-
-    expect(structure).toEqual({ root: form["@graph"][0] });
-
-    expect(formQuestions[0][Constants.HAS_SUBQUESTION]).toEqual([
-      form["@graph"][0][Constants.HAS_SUBQUESTION][0][
-        Constants.HAS_SUBQUESTION
-      ][0],
-    ]);
-  });
-
-  it("creates a clone of the form template, so that modifications to the form do not affect the original template", () => {
-    const formOne = DefaultFormGenerator.generateForm();
-    let formTwo;
-    formOne["newAttribute"] = 12345;
-    formTwo = DefaultFormGenerator.generateForm();
-    expect(formTwo["newAttribute"]).not.toBeDefined();
-  });
-});