ywana-core8 0.0.925 → 0.0.927

package/dist/index.cjs

@@ -1500,7 +1500,9 @@ var DropDown = function DropDown(props) {
     verbose = _props$verbose === void 0 ? true : _props$verbose,
     _props$editable = props.editable,
     editable = _props$editable === void 0 ? false : _props$editable,
-    onBlur = props.onBlur;
+    onBlur = props.onBlur,
+    _props$position = props.position,
+    position = _props$position === void 0 ? "bottom" : _props$position;
   var _useState = React.useState(false),
     open = _useState[0],
     setOpen = _useState[1];
@@ -1574,7 +1576,9 @@ var DropDown = function DropDown(props) {
           size: "small"
         }) : '', /*#__PURE__*/React__default["default"].createElement(Text, null, option.label));
       });
-      return /*#__PURE__*/React__default["default"].createElement("menu", null, /*#__PURE__*/React__default["default"].createElement("ul", null, lis));
+      return /*#__PURE__*/React__default["default"].createElement("menu", {
+        className: position
+      }, /*#__PURE__*/React__default["default"].createElement("ul", null, lis));
     } else {
       return null;
     }
@@ -11376,6 +11380,9 @@ var DynamicFormField = function DynamicFormField(props) {
   }
   function renderByFormat() {
     var label = required ? field.label + " *" : field.label;
+    var readOnly = field.readOnly || field.editable === false;
+    var _field$position = field.position,
+      position = _field$position === void 0 ? "bottom" : _field$position;
     switch (format) {
       case FORMATS.TEXT:
         return /*#__PURE__*/React__default["default"].createElement(TextArea, {
@@ -11383,7 +11390,8 @@ var DynamicFormField = function DynamicFormField(props) {
           label: label,
           value: value,
           onChange: change,
-          outlined: true
+          outlined: true,
+          readOnly: readOnly
         });
       case FORMATS.DATE:
         return /*#__PURE__*/React__default["default"].createElement(TextField, {
@@ -11392,7 +11400,8 @@ var DynamicFormField = function DynamicFormField(props) {
           type: "date",
           value: value,
           onChange: change,
-          outlined: true
+          outlined: true,
+          readOnly: readOnly
         });
       case FORMATS.TIME:
         return /*#__PURE__*/React__default["default"].createElement(TextField, {
@@ -11401,7 +11410,8 @@ var DynamicFormField = function DynamicFormField(props) {
           type: "time",
           value: value,
           onChange: change,
-          outlined: true
+          outlined: true,
+          readOnly: readOnly
         });
       case FORMATS.DATERANGE:
         return /*#__PURE__*/React__default["default"].createElement(DateRange, {
@@ -11431,13 +11441,16 @@ var DynamicFormField = function DynamicFormField(props) {
           value: value,
           onChange: change,
           options: buildOptions(),
-          outlined: true
+          outlined: true,
+          readOnly: readOnly,
+          position: position
         }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
           id: id,
           label: label,
           value: value,
           onChange: change,
-          outlined: true
+          outlined: true,
+          readOnly: readOnly
         });
     }
   }
@@ -11454,9 +11467,8 @@ var DynamicFormField = function DynamicFormField(props) {
         return renderByFormat();
     }
   }
-  var className = "dynamic-form-field " + id;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: className
+    className: "dynamic-form-field"
   }, renderByType());
 };