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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbss-cvut/s-forms",
-  "version": "0.4.1",
+  "version": "0.4.2-alpha-f760ea7.0",
   "description": "Semantic forms generator and processor",
   "keywords": [
     "react",
@@ -36,6 +36,7 @@
   },
   "type": "module",
   "source": "src/s-forms.js",
+  "main": "dist/s-forms.js",
   "exports": "./dist/s-forms.modern.js",
   "module": "./dist/s-forms.js",
   "unpkg": "./dist/s-forms.umd.js",
@@ -71,7 +72,6 @@
     "react-bootstrap": "1.0.1",
     "react-dom": ">= 17.0.2"
   },
-  "main": "dist/s-forms.js",
   "devDependencies": {
     "@storybook/addon-a11y": "^6.4.19",
     "@storybook/addon-actions": "^6.4.19",
@@ -87,6 +87,7 @@
     "@types/jsonld": "^1.5.1",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
     "chromatic": "^6.5.3",
+    "clean-css-cli": "^4.3.0",
     "css-loader": "^3.5.3",
     "enzyme": "^3.11.0",
     "jest": "^26.0.1",
@@ -94,20 +95,29 @@
     "query-string": "^6.13.5",
     "react": "~17.0.2",
     "react-dom": "~17.0.2",
+    "standard-version": "^9.3.2",
     "style-loader": "^1.2.1",
     "typescript": "^4.5.5",
-    "watchify": "^3.11.1",
-    "husky": "^7.0.0"
+    "watchify": "^3.11.1"
   },
   "scripts": {
     "test": "jest",
     "dev": "start-storybook -p 6006",
-    "build": "microbundle --jsx React.createElement",
+    "build": "microbundle --jsx React.createElement && npm run build:css",
+    "build:css": "cleancss --skip-rebase -d -o ./css/s-forms.min.css ./src/styles/s-forms.css",
     "build-storybook": "build-storybook",
-    "chromatic": "npx chromatic",
-    "prettier:check": "npx prettier --check .",
-    "prettier:format": "npx prettier --write .",
-    "prepare": "husky install"
+    "release:patch": "npm test && standard-version --release-as patch && npm publish",
+    "release:major": "npm test && standard-version --release-as major && npm publish",
+    "release:minor": "npm test && standard-version --release-as minor && npm publish",
+    "chromatic": "npx chromatic"
   },
-  "types": "./dist/s-forms.d.ts"
+  "standard-version": {
+    "releaseCommitMessageFormat": "[{{currentTag}}] Bump version"
+  },
+  "files": [
+    "dist/",
+    "css/",
+    "types/"
+  ],
+  "types": "types/s-forms.d.ts"
 }

package/{dist → types}/contexts/IntlContextProvider.d.ts

@@ -1,8 +1,8 @@
-import React, { ReactNode } from "react";
+import React, { ReactNode } from 'react';
 export declare const IntlContext: React.Context<{}>;
 interface Props {
     children: ReactNode;
     locale?: string;
 }
-declare const IntlContextProvider: ({ children, locale, }: Props) => JSX.Element;
+declare const IntlContextProvider: ({ children, locale }: Props) => JSX.Element;
 export default IntlContextProvider;

package/types/s-forms.d.ts

@@ -1,216 +1,16 @@
-import * as React from "react";
-import { Modal } from "react-bootstrap";
-import { JsonLdObj } from "jsonld/jsonld-spec";
-
-export type Intl = {
-  locale?: string;
-};
-
-export interface SOptions {
-  intl?: Intl; // default 'en'
-  i18n?: {
-    "wizard.next": string; // default 'Next'
-    "wizard.previous": string; // default 'Previous'
-    "section.expand": string; // default 'Expand'
-    "section.collapse": string; // default 'Collapse'
-  };
-  modalView?: boolean; // default false
-  modalProps?: Modal;
-  horizontalWizardNav?: boolean; // default true
-  wizardStepButtons?: boolean; // default true
-  enableForwardSkip?: boolean; // default false
-  startingStep?: number; // default 0; indexed from 0
-  startingQuestionId?: string; // default undefined; overrides startingStep
-}
-
-export interface SComponents {
-  inputComponent?: React.ElementType;
-}
-
-export interface SComponentsOptions {
-  dateTimeAnswer?: {
-    dateFormat: string; // default 'yyyy-MM-dd'
-    timeFormat: string; // default 'HH:mm:ss'
-    dateTimeFormat: string; // default 'yyyy-MM-dd HH:mm:ss'
-  };
-  readOnly?: boolean; // default false
-}
-
-export interface SFormsProps {
-  ref?: React.RefObject<HTMLDivElement>;
-  form: object;
-  options?: SOptions;
-  components?: SComponents;
-  componentsOptions?: SComponentsOptions;
-  fetchTypeAheadValues: (query: string) => Promise<object>;
-  isFormValid?: (isFormValid: boolean) => void;
-  loader?: React.ElementType; // default <div>Loading SForms...</div>
-}
-
-type ArrayLengthMutationKeys =
-  | "category-1"
-  | "category-2"
-  | "category-3"
-  | "category-4"
-  | "category-5";
-type ArrayItems<T extends Array<any>> = T extends Array<infer TItems>
-  ? TItems
-  : never;
-type FixedLengthArray<T extends any[]> = Pick<
-  T,
-  Exclude<keyof T, ArrayLengthMutationKeys>
-> & {
-  [Symbol.iterator]: () => IterableIterator<ArrayItems<T>>;
-};
-
-export class Constants {
-  static COLUMN_COUNT: string;
-  static INPUT_LENGTH_THRESHOLD: string;
-  static DATETIME_NUMBER_FORMAT: string;
-  static FORM: string;
-  static HAS_SUBQUESTION: string;
-  static HAS_ANSWER: string;
-  static HAS_OPTION: string;
-  static HAS_OPTIONS_QUERY: string;
-  static HAS_VALUE_TYPE: string;
-  static IS_DISABLED: string;
-  static INPUT_MASK: string;
-  static LAYOUT_CLASS: string;
-  static LAYOUT: {
-    FORM: string;
-    QUESTION_SECTION: string;
-    WIZARD_STEP: string;
-    DATE: string;
-    TIME: string;
-    DATETIME: string;
-    TEXTAREA: string;
-    TEXT: string;
-    CHECKBOX: string;
-    QUESTION_TYPEAHEAD: string;
-    MASKED_INPUT: string;
-    SPARQL: string;
-    TURTLE: string;
-    ANSWERABLE: string;
-    COLLAPSED: string;
-    DISABLED: string;
-    EMPHASISED: string;
-    HIDDEN: string;
-    CATEGORY: FixedLengthArray<[string, string, string, string, string]>;
-  };
-  static VALUE_TYPE_CODE: string;
-  static VALUE_TYPE_TEXT: string;
-  static GENERATED_ROW_SIZE: string;
-  static HAS_QUESTION_ORIGIN: string;
-  static HAS_ANSWER_ORIGIN: string;
-  static HAS_DATA_VALUE: string;
-  static HAS_OBJECT_VALUE: string;
-  static HELP_DESCRIPTION: string;
-  static XSD: {
-    MAX_EXCLUSIVE: string;
-    MAX_INCLUSIVE: string;
-    MIN_EXCLUSIVE: string;
-    MIN_INCLUSIVE: string;
-    INT: string;
-    INTEGER: string;
-    NEGATIVE_INTEGER: string;
-    NON_NEGATIVE_INTEGER: string;
-    NON_POSITIVE_INTEGER: string;
-    POSITIVE_INTEGER: string;
-    BOOLEAN: string;
-  };
-  static ACCEPTS_ANSWER_VALUE: string;
-  static HAS_DATATYPE: string;
-  static HAS_LAYOUT_CLASS: string;
-  static HAS_POSSIBLE_VALUES_QUERY: string;
-  static HAS_REQUIRED_VALUE: string;
-  static HAS_TESTED_QUESTION: string;
-  static HAS_UNIT: string;
-  static HAS_VALID_ANSWER: string;
-  static IS_RELEVANT_IF: string;
-  static ACCEPTS_VALIDATION_VALUE: string;
-  static HAS_VALIDATION_MESSAGE: string;
-  static NEGATIVE_CONDITION: string;
-  static REQUIRES_ANSWER: string;
-  static REQUIRES_ANSWER_DESCRIPTION_IF: string;
-  static REQUIRES_ANSWER_IF: string;
-  static REQUIRES_ANSWER_VALUE: string;
-  static REQUIRES_DESCRIPTION: string;
-  static HAS_PRECEDING_QUESTION: string;
-  static HAS_PRECEDING_VALUE: string;
-  static HAS_MEDIA_CONTENT: string;
-  static CONDITION: string;
-  static HAS_PATTERN: string;
-  static HAS_DECLARED_PREFIX: string;
-  static PREFIX: string;
-  static NAMESPACE: string;
-
-  static RDFS_LABEL: string;
-  static RDFS_COMMENT: string;
-  static DEFAULT_HAS_CHILD: string;
-
-  static ICONS: {
-    QUESTION_COMMENTS: string;
-    QUESTION_HELP: string;
-    QUESTION_LINK: string;
-  };
-
-  static ICON_BEHAVIOR: {
-    ENABLE: string;
-    DISABLE: string;
-    ON_HOVER: string;
-  };
-}
-
-export class JsonLdObjectUtils {
-  static getFirstObject(subject, predicate): any;
-  static compareValues(jsonLdValue1, jsonLdValue2): any;
-  static toplogicalSort(data, gtProperty): any;
-  static orderPreservingToplogicalSort(data, gtProperty): any;
-  static getCompareLocalizedLabelFunction(intl): any;
-  static orderByLocalizedLabels(data, intl): any;
-}
-
-export class JsonLdFramingUtils {
-  static customFrame(input, shape, callback): any;
-  static expandStructure(structure: JsonLdObj): JsonLdObj;
-  static compressStructure(structure: JsonLdObj): JsonLdObj;
-}
-
-export class JsonLdObjectMap {
-  static putObject(id, question): void;
-  static getObject(id): any;
-}
-
-export class FormUtils {
-  static isForm(structure): boolean;
-  static isWizardStep(structure): boolean;
-  static isSection(question): boolean;
-  static isAnswerable(question): boolean;
-  static isTypeahead(question): boolean;
-  static getPossibleValuesQuery(question): boolean;
-  static isDisabled(question): boolean;
-  static isHidden(question): boolean;
-  static isTextarea(question, answerValue): boolean;
-  static isText(question): boolean;
-  static isCalendar(question): boolean;
-  static isDate(question): boolean;
-  static isTime(question): boolean;
-  static isDateTime(question): boolean;
-  static isCheckbox(question): boolean;
-  static isMaskedInput(question): boolean;
-  static isSparqlInput(question): boolean;
-  static isTurtleInput(question): boolean;
-  static isCollapsed(question): boolean;
-  static getCategory(question): string;
-  static isEmphasised(question): boolean;
-  static resolveValue(answer): any;
-  static resolveValueObject(answer): any;
-  static isRelevant(question): boolean;
-  static hasValidationLogic(question): boolean;
-  static isValid(question): boolean;
-  static testCondition(condition): boolean;
-}
-
-declare const SForms: React.ForwardRefExoticComponent<SFormsProps>;
-
-export default SForms;
+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/.babelrc

@@ -1,22 +0,0 @@
-{
-  "presets": [
-    "@babel/preset-typescript",
-    [
-      "@babel/preset-env",
-      {
-        "modules": false,
-        "useBuiltIns": "usage",
-        "corejs": {
-          "version": 3,
-          "proposals": true
-        }
-      }
-    ],
-    "@babel/preset-react"
-  ],
-  "env": {
-    "test": {
-      "presets": ["@babel/preset-env", "@babel/preset-react"]
-    }
-  }
-}

package/.github/workflows/check-format.yml

@@ -1,21 +0,0 @@
-name: Check code format
-
-on:
-  push:
-    branches:
-      - "*"
-
-jobs:
-  check-format:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-        with:
-          fetch-depth: 0
-
-      - uses: actions/setup-node@v2
-        with:
-          node-version: 16
-          registry-url: https://registry.npmjs.org
-      - run: npm ci
-      - run: npm run prettier:check

package/.github/workflows/chromatic.yml

@@ -1,24 +0,0 @@
-# Workflow name
-name: "Chromatic"
-
-# Event for the workflow
-on: push
-
-# List of jobs
-jobs:
-  chromatic-deployment:
-    # Operating System
-    runs-on: ubuntu-latest
-    # Job steps
-    steps:
-      - uses: actions/checkout@v1
-      - name: Install dependencies
-        run: npm install
-        # 👇 Adds Chromatic as a step in the workflow
-      - name: Publish to Chromatic
-        uses: chromaui/action@v1
-        # Chromatic GitHub Action options
-        with:
-          # 👇 Chromatic projectToken, refer to the manage page to obtain it.
-          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-          exitZeroOnChanges: true # 👈 Option to prevent the workflow from failing

package/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npm run prettier:check

package/.prettierignore

@@ -1,4 +0,0 @@
-package.json
-package-lock.json
-dist
-README.md

package/.storybook/main.cjs

@@ -1,11 +0,0 @@
-module.exports = {
-  stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    "@luigiminardim/storybook-addon-globals-controls",
-    "@storybook/addon-a11y",
-  ],
-  framework: "@storybook/react",
-};