Merge pull request #1726 from kamalqureshi/clean_json_schema_form

Added support for JSONForms through ANTd renderer

Author: FalkWolsky

client/packages/lowcoder-design/src/components/Dropdown.tsx

@@ -18,9 +18,9 @@ export const DropdownContainer = styled.div<{ $placement: ControlPlacement }>`
   width: ${(props) =>
     props.$placement === "right"
       ? "calc(100% - 96px)"
-      : "bottom"
-      ? "calc(100% - 112px)"
-      : "calc(100% - 136px"};
+      : props.$placement === "bottom"
+        ? "calc(100% - 112px)"
+        : "calc(100% - 136px)"};
   flex-grow: 1;
 
   .ant-select:not(.ant-select-customize-input) .ant-select-selector {
@@ -124,8 +124,8 @@ const FlexDiv = styled.div`
 
 const LabelWrapper = styled.div<{ $placement: ControlPlacement }>`
   flex-shrink: 0;
-  width: ${(props) => (props.$placement === "right" ? "96px" : "bottom" ? "112px" : "136px")};
-`;
+  width: ${(props) => props.$placement === "right" ? "96px" : props.$placement === "bottom" ? "112px" : "136px"};
+  `;
 
 export type OptionType = {
   readonly label: ReactNode;

client/packages/lowcoder-design/src/components/form.tsx

@@ -1,5 +1,5 @@
 import { default as Form } from "antd/es/form";
-import { default as AntdFormItem, FormItemProps as AntdFormItemProps } from "antd/es/form/FormItem";
+import { default as AntdFormItem, FormItemProps as AntdFormItemProps} from "antd/es/form/FormItem";
 import { default as Input, InputProps } from "antd/es/input";
 import { default as TextArea, TextAreaProps } from "antd/es/input/TextArea";
 import { default as InputNumber, InputNumberProps } from "antd/es/input-number";

client/packages/lowcoder/package.json

@@ -24,6 +24,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "latest",
+    "@jsonforms/core": "^3.5.1",
     "@lottiefiles/dotlottie-react": "^0.13.0",
     "@manaflair/redux-batch": "^1.0.0",
     "@rjsf/antd": "^5.24.9",
@@ -45,6 +46,7 @@
     "coolshapes-react": "lowcoder-org/coolshapes-react",
     "copy-to-clipboard": "^3.3.3",
     "core-js": "^3.25.2",
+    "dayjs": "^1.11.13",
     "echarts": "^5.4.3",
     "echarts-for-react": "^3.0.2",
     "echarts-wordcloud": "^2.1.0",