@wavemaker/react-runtime 11.14.1-16.6404

package/components/data/form/dynamic-fields/index.js

@@ -0,0 +1,196 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = DynamicForm;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _isArray = _interopRequireDefault(require("lodash-es/isArray"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _formContext = require("../form-context");
+var _text = _interopRequireDefault(require("../../../input/text"));
+var _textarea = _interopRequireDefault(require("../../../input/textarea"));
+var _number = _interopRequireDefault(require("../../../input/number"));
+var _currency = _interopRequireDefault(require("../../../input/currency"));
+var _select = _interopRequireDefault(require("../../../input/select"));
+var _slider = _interopRequireDefault(require("../../../input/slider"));
+var _rating = _interopRequireDefault(require("../../../input/rating"));
+var _checkbox = _interopRequireDefault(require("../../../input/default/checkbox"));
+var _checkboxset = _interopRequireDefault(require("../../../input/default/checkboxset"));
+var _radioset = _interopRequireDefault(require("../../../input/default/radioset"));
+var _switch = _interopRequireDefault(require("../../../input/default/switch"));
+var _date = _interopRequireDefault(require("../../../input/epoch/date"));
+var _datetime = _interopRequireDefault(require("../../../input/epoch/datetime"));
+var _time = _interopRequireDefault(require("../../../input/epoch/time"));
+var _chips = _interopRequireDefault(require("../../../input/chips"));
+var _colorPicker = _interopRequireDefault(require("../../../input/color-picker"));
+var _fileupload = _interopRequireDefault(require("../../../input/fileupload"));
+var _calendar = _interopRequireDefault(require("../../../input/calendar"));
+var _layoutGrid = _interopRequireDefault(require("../../../container/layout-grid"));
+var _gridRow = _interopRequireDefault(require("../../../container/layout-grid/grid-row"));
+var _gridColumn = _interopRequireDefault(require("../../../container/layout-grid/grid-column"));
+var _label = _interopRequireDefault(require("../../../basic/label"));
+var _formField = _interopRequireDefault(require("../form-field"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // Form context
+// Input components
+// Default input components
+// Date/Time components
+// Other input components
+// Layout components
+// Basic components
+// Form field wrapper
+// Import types
+
+// Component mapping for dynamic rendering
+var COMPONENT_MAP = {
+  text: _text["default"],
+  textarea: _textarea["default"],
+  number: _number["default"],
+  currency: _currency["default"],
+  select: _select["default"],
+  slider: _slider["default"],
+  rating: _rating["default"],
+  checkbox: _checkbox["default"],
+  checkboxset: _checkboxset["default"],
+  radioset: _radioset["default"],
+  "switch": _switch["default"],
+  date: _date["default"],
+  datetime: _datetime["default"],
+  time: _time["default"],
+  chips: _chips["default"],
+  colorpicker: _colorPicker["default"],
+  fileupload: _fileupload["default"],
+  calendar: _calendar["default"]
+};
+
+// Default CSS classes
+var DEFAULT_FIELD_CLASS = "app-dynamic-form-field";
+function DynamicForm(props) {
+  var metadata = props.metadata,
+    listener = props.listener,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? "1-column" : _props$layout,
+    _props$noOfColumns = props.noOfColumns,
+    noOfColumns = _props$noOfColumns === void 0 ? 1 : _props$noOfColumns,
+    _props$isHorizontal = props.isHorizontal,
+    isHorizontal = _props$isHorizontal === void 0 ? false : _props$isHorizontal,
+    _props$name = props.name,
+    name = _props$name === void 0 ? "dynamicForm" : _props$name,
+    formRef = props.formRef,
+    onBeforeRender = props.onBeforeRender;
+  var formContext = (0, _formContext.useFormContext)();
+  var _ref = formContext || {},
+    captionposition = _ref.captionposition;
+  var metadataRef = (0, _react.useRef)(metadata);
+  (0, _react.useEffect)(function () {
+    if (onBeforeRender) metadataRef.current = onBeforeRender(metadata, props);else metadataRef.current = metadata;
+  }, [metadata, onBeforeRender]);
+
+  // Return null if fields is not an array or empty
+  if (!(0, _isArray["default"])(metadataRef.current) || metadataRef.current.length === 0) {
+    return null;
+  }
+
+  // Calculate column width based on layout
+  var getColumnWidth = function getColumnWidth(fieldColumnWidth) {
+    if (fieldColumnWidth) return fieldColumnWidth;
+
+    // Calculate based on layout
+    var columns = layout === "custom" ? noOfColumns : parseInt(layout.split("-")[0]);
+    return Math.floor(12 / columns);
+  };
+
+  // Render individual form field
+  var renderFormField = function renderFormField(field) {
+    var ComponentToRender = COMPONENT_MAP[field.widget] || _text["default"];
+
+    // Prepare field props
+    var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
+      listener: listener,
+      captionposition: isHorizontal ? "horizontal" : captionposition
+    }, formContext && {
+      formContext: formContext,
+      onChangeHandler: formContext.onChangeHandler
+    });
+    return __jsx(ComponentToRender, fieldProps);
+  };
+
+  // Render form field with label using FormField wrapper
+  var renderFormFieldWithWrapper = function renderFormFieldWithWrapper(field) {
+    var columnWidth = getColumnWidth(field.columnwidth);
+    return __jsx(_gridColumn["default"], {
+      key: field.name,
+      name: "".concat(field.name, "Column"),
+      columnwidth: columnWidth,
+      listener: listener
+    }, __jsx(_formField["default"], (0, _extends2["default"])({}, field, {
+      name: field.name,
+      field: "true",
+      listener: listener,
+      className: (0, _clsx["default"])(DEFAULT_FIELD_CLASS, field.className, " app-textbox"),
+      formRef: formRef,
+      required: field.required === true || String(field.required) === "true",
+      renderFormFields: function renderFormFields($formField) {
+        return __jsx(_react["default"].Fragment, null, __jsx(_label["default"], {
+          name: "".concat($formField.name, "_formLabel"),
+          caption: $formField.displayname,
+          required: $formField.required,
+          listener: listener,
+          className: (0, _clsx["default"])("app-label control-label formfield-label", (formRef === null || formRef === void 0 ? void 0 : formRef.captionCls) || ""),
+          htmlFor: $formField.name
+        }), renderFormField(_objectSpread(_objectSpread(_objectSpread({}, field), $formField), {}, {
+          name: $formField.name + "_formWidget",
+          className: (0, _clsx["default"])(field.className, (formRef === null || formRef === void 0 ? void 0 : formRef.widgetCls) || "")
+        })));
+      }
+    })));
+  };
+
+  // Group fields into rows based on column layout
+  var groupFieldsIntoRows = function groupFieldsIntoRows(fields) {
+    var columns = layout === "custom" ? noOfColumns : parseInt(layout.split("-")[0]);
+    var rows = [];
+    for (var i = 0; i < fields.length; i += columns) {
+      rows.push(fields.slice(i, i + columns));
+    }
+    return rows;
+  };
+
+  // Render fields in grid layout
+  var renderFieldsInGrid = function renderFieldsInGrid() {
+    if (layout === "1-column") {
+      // Single column layout - each field in its own row
+      return metadataRef.current.map(function (field) {
+        return __jsx(_gridRow["default"], {
+          key: field.name,
+          name: "".concat(field.name, "Row"),
+          listener: listener
+        }, renderFormFieldWithWrapper(field));
+      });
+    }
+
+    // Multi-column layout - group fields into rows
+    var fieldRows = groupFieldsIntoRows(metadataRef.current);
+    return fieldRows.map(function (row, rowIndex) {
+      return __jsx(_gridRow["default"], {
+        key: "row-".concat(rowIndex),
+        name: "dynamicFormRow".concat(rowIndex),
+        listener: listener
+      }, row.map(function (field) {
+        return renderFormFieldWithWrapper(field);
+      }));
+    });
+  };
+  return __jsx(_layoutGrid["default"], {
+    name: name,
+    listener: listener,
+    className: "dynamic-form-grid"
+  }, renderFieldsInGrid());
+}

package/components/data/form/dynamic-fields/props.js

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

package/components/data/form/dynamic-fields/utils.js

@@ -0,0 +1,237 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateForm = exports.validateField = exports.updateFieldValue = exports.transformSingleField = exports.transformAPIResponse = exports.sortFields = exports.hasFormErrors = exports.getFormData = exports.getFieldByName = exports.filterFieldsByWidget = exports.createDefaultField = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// Widget type mapping from API types to component types
+var API_TYPE_TO_WIDGET_MAP = {
+  text: "text",
+  string: "text",
+  email: "text",
+  password: "text",
+  textarea: "textarea",
+  number: "number",
+  integer: "number",
+  decimal: "number",
+  "float": "number",
+  currency: "currency",
+  select: "select",
+  dropdown: "select",
+  choice: "select",
+  radio: "radioset",
+  radioset: "radioset",
+  checkbox: "checkbox",
+  checkboxset: "checkboxset",
+  "switch": "switch",
+  toggle: "switch",
+  slider: "slider",
+  range: "slider",
+  rating: "rating",
+  date: "date",
+  datetime: "datetime",
+  time: "time",
+  color: "colorpicker",
+  file: "fileupload",
+  upload: "fileupload",
+  chips: "chips",
+  tags: "chips",
+  calendar: "calendar"
+};
+
+/**
+ * Transform API response fields to FormFieldMetadata
+ */
+var transformAPIResponse = exports.transformAPIResponse = function transformAPIResponse(apiFields) {
+  return apiFields.map(function (field) {
+    return transformSingleField(field);
+  });
+};
+
+/**
+ * Transform a single API field to FormFieldMetadata
+ */
+var transformSingleField = exports.transformSingleField = function transformSingleField(apiField) {
+  var widget = API_TYPE_TO_WIDGET_MAP[apiField.type.toLowerCase()] || "text";
+  var formField = {
+    name: apiField.name,
+    widget: widget,
+    label: apiField.label || apiField.name,
+    placeholder: apiField.placeholder,
+    required: apiField.required || false,
+    datavalue: apiField.value || apiField.defaultvalue,
+    defaultvalue: apiField.defaultvalue
+  };
+
+  // Handle validation properties
+  if (apiField.validation) {
+    var validation = apiField.validation;
+    if (validation.maxLength) formField.maxchars = validation.maxLength;
+    if (validation.minLength) formField.minchars = validation.minLength;
+    if (validation.min) formField.minvalue = validation.min;
+    if (validation.max) formField.maxvalue = validation.max;
+    if (validation.pattern) formField.regexp = validation.pattern;
+  }
+
+  // Handle select/choice fields
+  if (widget === "select" || widget === "radioset" || widget === "checkboxset") {
+    if (apiField.options) {
+      formField.dataset = apiField.options.map(function (option) {
+        return _objectSpread({
+          key: option.value,
+          value: option.label
+        }, option);
+      });
+      formField.datafield = "key";
+      formField.displayfield = "value";
+    }
+  }
+
+  // Copy any additional properties
+  Object.keys(apiField).forEach(function (key) {
+    if (!formField.hasOwnProperty(key) && key !== "type" && key !== "validation" && key !== "options") {
+      formField[key] = apiField[key];
+    }
+  });
+  return formField;
+};
+
+/**
+ * Validate a form field value
+ */
+var validateField = exports.validateField = function validateField(field, value) {
+  // Required field validation
+  if (field.required && (value === null || value === undefined || value === "")) {
+    return "".concat(field.label || field.name, " is required");
+  }
+
+  // Skip other validations if value is empty and field is not required
+  if (value === null || value === undefined || value === "") {
+    return null;
+  }
+
+  // String length validation
+  if (typeof value === "string") {
+    if (field.maxchars && value.length > field.maxchars) {
+      return "".concat(field.label || field.name, " must not exceed ").concat(field.maxchars, " characters");
+    }
+    if (field.minchars && value.length < field.minchars) {
+      return "".concat(field.label || field.name, " must be at least ").concat(field.minchars, " characters");
+    }
+  }
+
+  // Number validation
+  if (field.widget === "number" && typeof value === "number") {
+    if (field.minvalue !== undefined && value < field.minvalue) {
+      return "".concat(field.label || field.name, " must be at least ").concat(field.minvalue);
+    }
+    if (field.maxvalue !== undefined && value > field.maxvalue) {
+      return "".concat(field.label || field.name, " must not exceed ").concat(field.maxvalue);
+    }
+  }
+
+  // Regex validation
+  if (field.regexp && typeof value === "string") {
+    var regex = new RegExp(field.regexp);
+    if (!regex.test(value)) {
+      return field.regexpmessage || "".concat(field.label || field.name, " format is invalid");
+    }
+  }
+  return null;
+};
+
+/**
+ * Validate all fields in a form
+ */
+var validateForm = exports.validateForm = function validateForm(fields, formData) {
+  var errors = {};
+  fields.forEach(function (field) {
+    var error = validateField(field, formData[field.name]);
+    if (error) {
+      errors[field.name] = error;
+    }
+  });
+  return errors;
+};
+
+/**
+ * Get form data values from fields
+ */
+var getFormData = exports.getFormData = function getFormData(fields) {
+  var data = {};
+  fields.forEach(function (field) {
+    data[field.name] = field.datavalue || field.defaultvalue || "";
+  });
+  return data;
+};
+
+/**
+ * Update a field's value in the fields array
+ */
+var updateFieldValue = exports.updateFieldValue = function updateFieldValue(fields, fieldName, value) {
+  return fields.map(function (field) {
+    return field.name === fieldName ? _objectSpread(_objectSpread({}, field), {}, {
+      datavalue: value
+    }) : field;
+  });
+};
+
+/**
+ * Get field by name
+ */
+var getFieldByName = exports.getFieldByName = function getFieldByName(fields, fieldName) {
+  return fields.find(function (field) {
+    return field.name === fieldName;
+  });
+};
+
+/**
+ * Check if form has any validation errors
+ */
+var hasFormErrors = exports.hasFormErrors = function hasFormErrors(fields, formData) {
+  var errors = validateForm(fields, formData);
+  return Object.keys(errors).length > 0;
+};
+
+/**
+ * Create default field metadata
+ */
+var createDefaultField = exports.createDefaultField = function createDefaultField(name) {
+  var widget = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "text";
+  return {
+    name: name,
+    widget: widget,
+    label: name.charAt(0).toUpperCase() + name.slice(1),
+    required: false,
+    datavalue: ""
+  };
+};
+
+/**
+ * Sort fields by a given property
+ */
+var sortFields = exports.sortFields = function sortFields(fields) {
+  var sortBy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "name";
+  return (0, _toConsumableArray2["default"])(fields).sort(function (a, b) {
+    var aVal = a[sortBy];
+    var bVal = b[sortBy];
+    if (typeof aVal === "string" && typeof bVal === "string") {
+      return aVal.localeCompare(bVal);
+    }
+    return String(aVal).localeCompare(String(bVal));
+  });
+};
+
+/**
+ * Filter fields by widget type
+ */
+var filterFieldsByWidget = exports.filterFieldsByWidget = function filterFieldsByWidget(fields, widgetTypes) {
+  return fields.filter(function (field) {
+    return widgetTypes.includes(field.widget);
+  });
+};

package/components/data/form/form-action/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _button = require("@wavemaker/react-runtime/components/form/button");
+var _anchor = require("@wavemaker/react-runtime/components/basic/anchor");
+var _formContext = require("@wavemaker/react-runtime/components/data/form/form-context");
+var _excluded = ["position", "btnClass", "updateMode", "displayName", "headeraction", "showViewMode"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var __jsx = _react["default"].createElement;
+var WmFormActions = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var _props$show;
+  var _props$position = props.position,
+    position = _props$position === void 0 ? "footer" : _props$position,
+    btnClass = props.btnClass,
+    updateMode = props.updateMode,
+    displayName = props.displayName,
+    _props$headeraction = props.headeraction,
+    headeraction = _props$headeraction === void 0 ? false : _props$headeraction,
+    showViewMode = props.showViewMode,
+    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var isheaderaction = position === "header" && !headeraction;
+
+  // Get formRef from context
+  var formRef = (0, _formContext.useFormContext)();
+
+  // register header action
+  (0, _react.useEffect)(function () {
+    if (formRef && isheaderaction && formRef.registerHeaderAction) {
+      formRef.registerHeaderAction(props.name, props);
+    }
+  }, [formRef, props]);
+
+  // check for view mode and update mode
+  if (formRef !== null && formRef !== void 0 && formRef.isViewMode && updateMode || !(formRef !== null && formRef !== void 0 && formRef.isViewMode) && !updateMode) return null;else if (isheaderaction) return null;
+  if (props.widgettype === "anchor") {
+    return __jsx(_anchor.WmAnchor, (0, _extends2["default"])({}, rest, {
+      title: displayName,
+      caption: displayName,
+      className: (0, _clsx["default"])(btnClass, rest.className)
+    }));
+  }
+  return __jsx(_button.WmButton, (0, _defineProperty2["default"])({
+    className: (0, _clsx["default"])(btnClass, rest.className),
+    caption: displayName,
+    title: displayName,
+    iconclass: props.iconclass,
+    type: props.type,
+    disabled: props.disabled,
+    onClick: props.onClick,
+    name: props.name,
+    show: (_props$show = props.show) === null || _props$show === void 0 ? void 0 : _props$show.toString(),
+    showindevices: props.showindevices,
+    styles: props.styles,
+    conditionalstyles: props.conditionalstyles,
+    conditionalclass: props.conditionalclass,
+    animation: props.animation,
+    listener: props.listener
+  }, "title", props.title || props.displayName));
+});
+WmFormActions.displayName = "WmFormActions";
+var _default = exports["default"] = WmFormActions;

package/components/data/form/form-body/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormBody = FormBody;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _excluded = ["children", "className", "styles"];
+var __jsx = _react["default"].createElement;
+var DEFAULT_CLASS = "panel-body form-body";
+function FormBody(props) {
+  var children = props.children,
+    className = props.className,
+    styles = props.styles,
+    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return __jsx("div", (0, _extends2["default"])({
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
+    style: styles
+  }, rest), children);
+}
+var _default = exports["default"] = FormBody;

package/components/data/form/form-context.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsViewMode = exports.useFormContext = exports["default"] = exports.FormProvider = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormContext = /*#__PURE__*/(0, _react.createContext)(null);
+var FormProvider = exports.FormProvider = function FormProvider(_ref) {
+  var value = _ref.value,
+    isViewMode = _ref.isViewMode,
+    children = _ref.children;
+  return __jsx(FormContext.Provider, {
+    value: _objectSpread(_objectSpread({}, value), {}, {
+      isViewMode: isViewMode
+    })
+  }, children);
+};
+var useFormContext = exports.useFormContext = function useFormContext() {
+  var context = (0, _react.useContext)(FormContext);
+  return context;
+};
+var useIsViewMode = exports.useIsViewMode = function useIsViewMode() {
+  var context = useFormContext();
+  return context === null || context === void 0 ? void 0 : context.isViewMode;
+};
+var _default = exports["default"] = FormContext;

package/components/data/form/form-controller/props.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VALIDATOR = void 0;
+var VALIDATOR = exports.VALIDATOR = {
+  REQUIRED: "required",
+  MAXCHARS: "maxchars",
+  MINVALUE: "minvalue",
+  MAXVALUE: "maxvalue",
+  REGEXP: "regexp",
+  MINDATE: "mindate",
+  MAXDATE: "maxdate",
+  MINTIME: "mintime",
+  MAXTIME: "maxtime",
+  EXCLUDEDATES: "excludedates",
+  EXCLUDEDAYS: "excludedays"
+};