@nolwenture/formik-jsonschema-form 1.0.0-beta.2 → 1.0.0-beta.21

package/dist/cjs/FormView/components/Field.js

@@ -1,13 +1,119 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldDescription = exports.FieldTitle = exports.FieldWrapper = void 0;
-const styled_components_1 = require("styled-components");
-exports.FieldWrapper = styled_components_1.styled.div ``;
-exports.FieldTitle = styled_components_1.styled.label `
-  font-size: ${(props) => props.theme.typography.size.base};
+exports.MultipleChoiceFieldValue = exports.BooleanFieldValue = exports.MultipleChoiceFieldWrapper = exports.BooleanFieldWrapper = exports.EJSFieldValue = exports.ArrayFieldItem = exports.TextAreaValue = exports.StringFieldValue = exports.FieldDescription = exports.FieldTitle = exports.FieldWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const styledComponents_1 = require("../../Form/fields/MultipleChoiceField/styledComponents");
+const getStyle_1 = require("../../utils/getStyle");
+exports.FieldWrapper = styled_components_1.default.div `
+    color: ${(props) => props.theme.color.text.default};
+    font-family: ${(props) => props.theme.typography.fontFamily.base};
+    margin: ${(props) => `${props.theme.spacing.l} 0`};
+    width: clamp(20rem, 100%, 70rem);
+`;
+exports.FieldTitle = styled_components_1.default.label `
+    break-before: avoid;
+    color: ${(props) => props.theme.color.text.default};
+    display: inline-block;
+    font-family: ${(props) => props.theme.typography.fontFamily.heading};
+    font-size: ${(props) => props.theme.typography.size.base};
+    font-weight: ${(props) => props.theme.typography.weight.bold};
+    margin: ${(props) => `${props.theme.spacing.xs} 0`};
+    padding-top: ${(props) => props.theme.spacing.s};
+    width: 100%;
+`;
+exports.FieldDescription = styled_components_1.default.div `
+    break-before: avoid;
+    color: ${(props) => props.theme.color.text.default};
+    font-family: ${(props) => props.theme.typography.fontFamily.base};
+    font-weight: ${(props) => props.theme.typography.weight.normal};
+    font-style: italic;
+    font-size: ${(props) => props.theme.typography.size.base};
+    margin-bottom: ${(props) => props.theme.spacing.xs};
+    max-width: 66ch;
+`;
+exports.StringFieldValue = styled_components_1.default.div `
+    break-before: avoid;
+    color: ${(props) => props.theme.color.text.default};
+    font-family: ${(props) => props.theme.typography.fontFamily.base};
+    margin-bottom: ${(props) => props.theme.spacing.m};
+    max-width: 66ch;
+    white-space: pre-line;
+`;
+exports.TextAreaValue = styled_components_1.default.div `
+    break-before: avoid;
+    color: ${(props) => props.theme.color.text.default};
+    font-family: ${(props) => props.theme.typography.fontFamily.base};
+    margin-bottom: ${(props) => props.theme.spacing.m};
+    max-width: 66ch;
+    white-space: pre-line;
+`;
+exports.ArrayFieldItem = styled_components_1.default.div `
+    break-before: avoid;
+    color: ${(props) => props.theme.color.text.default};
+    font-family: ${(props) => props.theme.typography.fontFamily.base};
+`;
+exports.EJSFieldValue = styled_components_1.default.div `
+    break-before: avoid;
+    color: ${(props) => props.theme.color.text.default};
+    font-family: ${(props) => props.theme.typography.fontFamily.base};
+    width: 100%;
+`;
+const NotSelected = styled_components_1.default.div `
+  opacity: 0.3;
+  display: flex;
+  align-items: start;
+`;
+const Selected = styled_components_1.default.div `
+  display: flex;
+  align-items: start;
+`;
+const SelectedBox = styled_components_1.default.span `
+  color: ${(props) => props.theme.color.background.default};
+  background: ${(props) => props.theme.color.text.default};
+  padding: ${(props) => `0 ${props.theme.spacing.xs}`};
+  font-family: ${(props) => props.theme.typography.fontFamily.base};
+  font-size: ${(props) => props.theme.typography.size.small};
+  display: inline-flex;
+  justify-content: center;
+  align-items: start;
+`;
+const NotSelectedCircle = styled_components_1.default.span `
+  color: ${(props) => props.theme.color.background.default};
+  background: ${(props) => props.theme.color.text.default};
+  padding: ${(props) => props.theme.spacing.xxs};
+  border-radius: ${(props) => props.theme.borderRadius.circle};
   font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-weight: ${(props) => props.theme.typography.weight.medium};
-  margin-right: ${(props) => props.theme.spacing.s};
-  color: ${(props) => props.theme.text.default};
+  font-size: ${(props) => props.theme.typography.size.small};
+  line-height: 1.1;
+  display: inline-flex;
+  justify-content: center;
+  align-items: start;
+  flex: 0 0 1rem;
+`;
+exports.BooleanFieldWrapper = styled_components_1.default.div `
+    break-before: avoid;
+    font-family: ${(props) => props.theme.typography.fontFamily.base};
+  
+`;
+exports.MultipleChoiceFieldWrapper = styled_components_1.default.div `
+    break-before: avoid;
+    label {
+        align-items: start;
+    }
 `;
-exports.FieldDescription = styled_components_1.styled.div ``;
+const BooleanFieldValue = ({ name, className, value, label, }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: value === true ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2713" }), (0, jsx_runtime_1.jsx)("span", { children: label !== undefined ? label : "Selected" })] })) : ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2716" }), (0, jsx_runtime_1.jsx)("span", { children: label !== undefined ? label : "Not selected" })] })) }));
+};
+exports.BooleanFieldValue = BooleanFieldValue;
+const MultipleChoiceFieldValue = ({ inputProps, name, className, style, selected, notSelected }) => {
+    return ((0, jsx_runtime_1.jsx)(exports.MultipleChoiceFieldWrapper, { children: (0, jsx_runtime_1.jsxs)(styledComponents_1.MultipleChoiceFieldContainer, { className: className, style: (0, getStyle_1.getStyle)(style ?? ""), children: [!selected && !notSelected && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Nothing was selected" }), selected &&
+                    selected.length > 0 &&
+                    selected.map((s) => ((0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldElement, { children: (0, jsx_runtime_1.jsxs)(Selected, { children: [(0, jsx_runtime_1.jsx)(SelectedBox, { children: "\u2713" }), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: s.title ?? "Hello" })] }) }, s.title ?? s))), notSelected &&
+                    notSelected?.length > 0 &&
+                    notSelected.map((n) => ((0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldElement, { children: (0, jsx_runtime_1.jsxs)(NotSelected, { children: [(0, jsx_runtime_1.jsx)(NotSelectedCircle, { children: "\u2715" }), (0, jsx_runtime_1.jsx)(styledComponents_1.MultipleChoiceFieldLabel, { children: n.title })] }) }, n.title ?? n)))] }) }));
+};
+exports.MultipleChoiceFieldValue = MultipleChoiceFieldValue;

package/dist/cjs/FormView/components/index.js

@@ -18,13 +18,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.components = void 0;
 __exportStar(require("./Field"), exports);
@@ -36,9 +46,7 @@ const templates_1 = require("../templates");
 const Field = __importStar(require("./Field"));
 const Form = __importStar(require("./Form"));
 const Icon = __importStar(require("./Icon"));
-const oldComponents = __importStar(require("./old_styledComponents"));
 exports.components = {
-    ...oldComponents,
     ...fields_1.fieldComponents,
     ...templates_1.templateComponents,
     //Please keep this in alphabetical order

package/dist/cjs/FormView/fields/ObjectField/ObjectField.js

@@ -30,7 +30,7 @@ const ObjectField = (props) => {
             setValue(newValue);
         }
     }, [valuesToRemove]);
-    const FieldTemplateComponent = props.uiSchema?.props?.isCollapsible
+    const FieldTemplateComponent = props.uiSchema?.["ui:options"]?.isCollapsible
         ? CollapsibleObjectFieldTemplate
         : ObjectFieldTemplate;
     const orderedProperties = (0, utils_1.orderByUiSchema)(uiSchema?.["ui:order"], Object.keys(properties || {}));

package/dist/cjs/FormView/fields/ObjectField/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.components = exports.fields = void 0;
 const ObjectFieldSection_1 = require("./ObjectFieldSection");

package/dist/cjs/FormView/fields/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fields = exports.fieldComponents = void 0;
 //OLD stuff

package/dist/cjs/FormView/index.js

@@ -14,6 +14,16 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./fields"), exports);
-__exportStar(require("./templates"), exports);
+exports.FormViewTemplates = exports.FormViewFields = exports.FormViewComponents = void 0;
+__exportStar(require("../utils"), exports);
+__exportStar(require("../common/types"), exports);
+__exportStar(require("../common/constants"), exports);
+__exportStar(require("../common/FileUploadContext"), exports);
+const fields_1 = require("./fields");
+Object.defineProperty(exports, "FormViewFields", { enumerable: true, get: function () { return fields_1.fields; } });
+const components_1 = require("./components");
+Object.defineProperty(exports, "FormViewComponents", { enumerable: true, get: function () { return components_1.components; } });
+const templates_1 = require("./templates");
+Object.defineProperty(exports, "FormViewTemplates", { enumerable: true, get: function () { return templates_1.templates; } });
 __exportStar(require("./FormView"), exports);
+__exportStar(require("./FormViewRegistry"), exports);

package/dist/cjs/FormView/templates/ArrayFieldTemplate/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = exports.components = void 0;
 exports.components = __importStar(require("./styledComponents"));

package/dist/cjs/FormView/templates/CollapsibleObjectFieldTemplate/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = void 0;
 exports.templates = __importStar(require("./CollapsibleObjectFieldTemplate"));

package/dist/cjs/FormView/templates/FieldTemplate/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = void 0;
 exports.templates = __importStar(require("./FieldTemplate"));

package/dist/cjs/FormView/templates/ObjectFieldTemplate/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = exports.components = void 0;
 exports.components = __importStar(require("./styledComponents"));

package/dist/cjs/FormView/templates/ObjectFieldTemplate/styledComponents.js

@@ -7,7 +7,14 @@ exports.ObjectFieldTemplateDescription = exports.ObjectFieldTemplateTitle = expo
 exports.getComponents = getComponents;
 const styled_components_1 = __importDefault(require("styled-components"));
 exports.ObjectFieldTemplateWrapper = styled_components_1.default.div ``;
-exports.ObjectFieldTemplateTitle = styled_components_1.default.div ``;
+exports.ObjectFieldTemplateTitle = styled_components_1.default.div `
+    break-before: avoid;
+    color: ${(props) => props.theme.color.text.default};
+    font-family: ${(props) => props.theme.typography.fontFamily.heading};
+    font-size: ${(props) => props.theme.typography.size.h4};
+    font-weight: ${(props) => props.theme.typography.weight.bold};
+    margin: ${(props) => `${props.theme.spacing.l} 0`};
+`;
 exports.ObjectFieldTemplateDescription = undefined;
 function getComponents(components) {
     return {

package/dist/cjs/FormView/templates/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = exports.templateComponents = void 0;
 //Please keep this in alphabetical order

package/dist/cjs/FormView/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/index.js

@@ -10,23 +10,10 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.view = void 0;
 //This file exists for purpose releasing "moduleResolution": "node" compatible version (until we split this to multiple packages)
 __exportStar(require("./Form"), exports);
-exports.view = __importStar(require("./FormView"));
+__exportStar(require("./FormView"), exports);

package/dist/cjs/styles/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/utils/createValidationSchema.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createValidationSchema = createValidationSchema;
 const Yup = __importStar(require("yup"));

package/dist/cjs/utils/getTitleAndDescription.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDescription = exports.getTitle = void 0;
 const getTitle = ({ title, uiSchema, schema, name, }) => {
-    return (title ||
-        uiSchema?.["ui:options"]?.title ||
-        uiSchema?.["ui:title"] ||
-        schema?.title ||
-        name?.split(".")[name?.split(".").length - 1]);
+    return uiSchema?.["ui:options"]?.hideTitle
+        ? undefined
+        : title ||
+            uiSchema?.["ui:title"] ||
+            schema?.title ||
+            name?.split(".")[name?.split(".").length - 1];
 };
 exports.getTitle = getTitle;
 const getDescription = ({ description, uiSchema, schema, }) => {

package/dist/cjs/utils/index.js

@@ -26,6 +26,7 @@ __exportStar(require("./solveReferences"), exports);
 __exportStar(require("./createInitialValues"), exports);
 __exportStar(require("./createValidationSchema"), exports);
 __exportStar(require("./orderByUiSchema"), exports);
+__exportStar(require("./orderAdditionalProperties"), exports);
 //TODO: REMOVE WHEN ALL SUPPORTED
 const warnFromUnsupportedKeys = (componentName, data, supportedKeys) => {
     Object.keys(data).forEach((key) => {

package/dist/cjs/utils/orderAdditionalProperties.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.orderAdditionalProperties = orderAdditionalProperties;
+function orderAdditionalProperties(uiOrderArray, valuesArray) {
+    if (uiOrderArray.length === 0)
+        return valuesArray;
+    const includesAsterisk = uiOrderArray.includes("*");
+    const filteredValues = (arr) => arr.filter((element) => valuesArray.includes(element));
+    let finalArray = [];
+    if (!includesAsterisk) {
+        finalArray = filteredValues(uiOrderArray);
+    }
+    else {
+        const uiOrderArrayWithoutAsterisk = uiOrderArray.filter((item) => item !== "*");
+        if (uiOrderArray.length === 1) {
+            finalArray = valuesArray;
+        }
+        else if (uiOrderArray.indexOf("*") === 0) {
+            // wildcard is first element
+            const individualValues = valuesArray.filter((element) => !uiOrderArrayWithoutAsterisk.includes(element));
+            const commonValues = filteredValues(uiOrderArrayWithoutAsterisk);
+            finalArray = [...individualValues, ...commonValues];
+        }
+        else if (uiOrderArray.indexOf("*") === uiOrderArray.length - 1) {
+            // wildcard is final element
+            const individualValues = valuesArray.filter((element) => !uiOrderArrayWithoutAsterisk.includes(element));
+            const commonValues = filteredValues(uiOrderArrayWithoutAsterisk);
+            finalArray = [...commonValues, ...individualValues];
+        }
+        else {
+            // wildcard is somewhere in the middle
+            const indexForUnspecified = uiOrderArray.indexOf("*");
+            const definedBefore = uiOrderArray.slice(0, indexForUnspecified);
+            const definedAfter = uiOrderArray.slice(indexForUnspecified + 1);
+            const commonBeforeValues = filteredValues(definedBefore);
+            const commonAfterValues = filteredValues(definedAfter);
+            const individualValues = valuesArray.filter((element) => ![...commonBeforeValues, ...commonAfterValues].includes(element));
+            finalArray = [
+                ...commonBeforeValues,
+                ...individualValues,
+                ...commonAfterValues,
+            ];
+        }
+    }
+    return finalArray;
+}

package/dist/esm/Form/components/Clickable.js

@@ -1,13 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from "styled-components";
 const ClickableEl = styled.button `
-  background: none;
-  color: inherit;
-  border: none;
-  padding: 0;
-  font: inherit;
-  outline: inherit;
-  cursor: pointer;
 `;
 export const Clickable = ({ children, onClick, onMouseUp = () => { }, onMouseDown = () => { }, innerRef = () => { }, className, ariaLabel, ariaExpanded = false, ariaControls, id, }) => {
     return (_jsx(ClickableEl, { type: "button", onClick: onClick, onMouseUp: onMouseUp, onMouseDown: onMouseDown, ref: (r) => innerRef(r), className: className, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-controls": ariaControls, id: id, children: children }));