@insticc/genericform 1.0.9 → 1.0.10

package/build/FormFields/CustomCheckbox.js

@@ -23,6 +23,24 @@ var defaultStyles = {
   },
   tooltip: {}
 };
+
+/**
+ * A reusable checkbox with optional tooltip and label positioning.
+ *
+ * @param {Object} props
+ * @param {function(string, boolean):void} props.onChange - Callback when checkbox value changes.
+ * @param {string} props.name - Unique name of the checkbox.
+ * @param {string} props.displayName - Label text displayed next to the checkbox.
+ * @param {boolean} [props.checked=false] - Whether the checkbox is checked.
+ * @param {boolean} [props.disabled=false] - Whether the checkbox is disabled.
+ * @param {boolean} [props.showHelp=false] - Show a help icon with tooltip.
+ * @param {string} [props.tooltip=""] - Tooltip text (if showHelp is true).
+ * @param {Object} [props.mainDivStyle] - Custom style for outer container.
+ * @param {Object} [props.labelStyle] - Custom style for the label element.
+ * @param {Object} [props.componentStyle] - Custom style for the checkbox element.
+ * @param {Object} [props.tooltipStyle] - Custom style for the tooltip icon.
+ */
+
 var CustomCheckbox = function CustomCheckbox(_ref) {
   var onChange = _ref.onChange,
     name = _ref.name,
@@ -68,4 +86,17 @@ var CustomCheckbox = function CustomCheckbox(_ref) {
     style: tooltipStyle
   })));
 };
+CustomCheckbox.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  checked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  showHelp: PropTypes.bool,
+  tooltip: PropTypes.string,
+  mainDivStyle: PropTypes.object,
+  labelStyle: PropTypes.object,
+  componentStyle: PropTypes.object,
+  tooltipStyle: PropTypes.object
+};
 var _default = exports["default"] = CustomCheckbox;

package/build/FormFields/CustomDatePicker.js

@@ -30,6 +30,25 @@ var defaultStyles = {
     color: "#666"
   }
 };
+
+/**
+ * Custom date picker component.
+ * @param {Object} props
+ * @param {function(string, any):void} props.onChange - Callback when date value changes.
+ * @param {string} props.name - Unique name of the date picker.
+ * @param {string} props.displayName - Label text displayed next to the date picker.
+ * @param {any} props.value - Current value of the date picker.
+ * @param {boolean} [props.disabled=false] - Whether the date picker is disabled.
+ * @param {boolean} [props.required=false] - Whether the date picker is required.
+ * @param {string} [props.tooltip=""] - Tooltip text displayed below the date picker.
+ * @param {Object} [props.mainDivStyle] - Custom style for outer container.
+ * @param {Object} [props.labelStyle] - Custom style for the label element.
+ * @param {Object} [props.componentStyle] - Custom style for the date picker element.
+ * @param {Object} [props.tooltipStyle] - Custom style for the tooltip text.
+ * @param {string} [props.dateFormat="DD/MM/YYYY"] - Date format for the picker.
+ * @param {boolean} [props.timeFormat=false] - Whether to include time selection.
+ */
+
 var CustomDatePicker = function CustomDatePicker(_ref) {
   var onChange = _ref.onChange,
     name = _ref.name,
@@ -79,4 +98,19 @@ var CustomDatePicker = function CustomDatePicker(_ref) {
     style: tooltipStyle
   }, tooltip));
 };
+CustomDatePicker.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  value: PropTypes.any,
+  disabled: PropTypes.bool,
+  required: PropTypes.bool,
+  tooltip: PropTypes.string,
+  mainDivStyle: PropTypes.object,
+  labelStyle: PropTypes.object,
+  componentStyle: PropTypes.object,
+  tooltipStyle: PropTypes.object,
+  dateFormat: PropTypes.string,
+  timeFormat: PropTypes.bool
+};
 var _default = exports["default"] = CustomDatePicker;

package/build/FormFields/CustomInput.js

@@ -62,4 +62,18 @@ var CustomInput = function CustomInput(_ref) {
     className: className
   }));
 };
+CustomInput.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  value: PropTypes.string,
+  disabled: PropTypes.bool,
+  required: PropTypes.bool,
+  mainDivStyle: PropTypes.object,
+  labelStyle: PropTypes.object,
+  spanStyle: PropTypes.object,
+  componentStyle: PropTypes.object,
+  tooltipStyle: PropTypes.object,
+  className: PropTypes.string
+};
 var _default = exports["default"] = CustomInput;

package/build/FormFields/CustomLabel.js

@@ -29,4 +29,10 @@ var CustomLabel = function CustomLabel(_ref) {
     style: labelStyle
   }, displayName));
 };
+CustomLabel.propTypes = {
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  mainDivStyle: PropTypes.object,
+  labelStyle: PropTypes.object
+};
 var _default = exports["default"] = CustomLabel;

package/build/FormFields/CustomNumberInput.js

@@ -67,4 +67,16 @@ var CustomNumberInput = function CustomNumberInput(_ref) {
     style: tooltipStyle
   }, tooltip) : null);
 };
+CustomNumberInput.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  value: PropTypes.string,
+  disabled: PropTypes.bool,
+  required: PropTypes.bool,
+  mainDivStyle: PropTypes.object,
+  componentStyle: PropTypes.object,
+  labelStyle: PropTypes.object,
+  tooltipStyle: PropTypes.object
+};
 var _default = exports["default"] = CustomNumberInput;

package/build/FormFields/CustomRadioButton.js

@@ -43,4 +43,14 @@ var CustomRadioButton = function CustomRadioButton(_ref) {
     style: tooltipStyle
   }) : null);
 };
+CustomRadioButton.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  checked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  showHelp: PropTypes.bool,
+  tooltipStyle: PropTypes.object,
+  helpText: PropTypes.string
+};
 var _default = exports["default"] = CustomRadioButton;

package/build/FormFields/CustomSearch.js

@@ -47,4 +47,17 @@ var CustomSearch = function CustomSearch(_ref) {
     value: value
   }));
 };
+CustomSearch.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  handleResultSelect: PropTypes.func.isRequired,
+  resultRenderer: PropTypes.func,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  value: PropTypes.string,
+  isLoading: PropTypes.bool,
+  options: PropTypes.array.isRequired,
+  mainDivStyle: PropTypes.object,
+  labelStyle: PropTypes.object,
+  componentStyle: PropTypes.object
+};
 var _default = exports["default"] = CustomSearch;

package/build/FormFields/CustomTextArea.js

@@ -68,4 +68,16 @@ var CustomTextArea = function CustomTextArea(_ref) {
     style: tooltipStyle
   }, tooltip) : null);
 };
+CustomTextArea.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  value: PropTypes.string,
+  disabled: PropTypes.bool,
+  required: PropTypes.bool,
+  mainDivStyle: PropTypes.object,
+  labelStyle: PropTypes.object,
+  componentStyle: PropTypes.object,
+  tooltipStyle: PropTypes.object
+};
 var _default = exports["default"] = CustomTextArea;

package/build/FormFields/MultipleCheckbox.js

@@ -76,4 +76,16 @@ var MultipleCheckbox = function MultipleCheckbox(_ref) {
     }) : null);
   })));
 };
+MultipleCheckbox.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  required: PropTypes.bool,
+  options: PropTypes.array.isRequired,
+  mainDivStyle: PropTypes.object,
+  labelStyle: PropTypes.object,
+  spanStyle: PropTypes.object,
+  componentStyle: PropTypes.object,
+  tooltipStyle: PropTypes.object
+};
 var _default = exports["default"] = MultipleCheckbox;

package/build/FormFields/MultipleDropdown.js

@@ -10,6 +10,21 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default":
 var defaultStyles = {
   mainDiv: {}
 };
+
+/**
+ * Custom multiple dropdown component.
+ * @param {Object} props
+ * @param {function} props.onChange - Callback when dropdown value changes.
+ * @param {string} props.name - Unique name of the dropdown.
+ * @param {string} props.displayName - Label text displayed next to the dropdown.
+ * @param {Array} props.value - Current selected values of the dropdown.
+ * @param {boolean} [props.disabled=false] - Whether the dropdown is disabled.
+ * @param {Array} props.options - Options for the dropdown.
+ * @param {Object} [props.mainDivStyle] - Custom style for outer container.
+ * @param {Object} [props.labelStyle] - Custom style for the label element.
+ * @param {Object} [props.componentStyle] - Custom style for the dropdown element.
+ */
+
 var MultipleDropdown = function MultipleDropdown(_ref) {
   var onChange = _ref.onChange,
     name = _ref.name,
@@ -46,4 +61,15 @@ var MultipleDropdown = function MultipleDropdown(_ref) {
     disabled: disabled
   }));
 };
+MultipleDropdown.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  value: PropTypes.array,
+  disabled: PropTypes.bool,
+  options: PropTypes.array.isRequired,
+  mainDivStyle: PropTypes.object,
+  labelStyle: PropTypes.object,
+  componentStyle: PropTypes.object
+};
 var _default = exports["default"] = MultipleDropdown;

package/build/FormFields/MultipleRadioButton.js

@@ -73,4 +73,17 @@ var MultipleRadioButton = function MultipleRadioButton(_ref) {
     }) : null);
   }), component ? component : null));
 };
+MultipleRadioButton.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  required: PropTypes.bool,
+  options: PropTypes.array.isRequired,
+  radioButtonDivStyle: PropTypes.object,
+  component: PropTypes.node,
+  mainDivStyle: PropTypes.object,
+  labelStyle: PropTypes.object,
+  spanStyle: PropTypes.object,
+  componentStyle: PropTypes.object
+};
 var _default = exports["default"] = MultipleRadioButton;

package/build/FormFields/YearDatePicker.js

@@ -45,20 +45,17 @@ var YearDatePicker = function YearDatePicker(_ref) {
     spanStyle = _ref$spanStyle === void 0 ? defaultStyles.span : _ref$spanStyle,
     _ref$componentStyle = _ref.componentStyle,
     componentStyle = _ref$componentStyle === void 0 ? defaultStyles.component : _ref$componentStyle,
-    _ref$currentMaxYear = _ref.currentMaxYear,
-    currentMaxYear = _ref$currentMaxYear === void 0 ? false : _ref$currentMaxYear,
     _ref$dateFormat = _ref.dateFormat,
-    dateFormat = _ref$dateFormat === void 0 ? "YYYY" : _ref$dateFormat,
+    dateFormat = _ref$dateFormat === void 0 ? "DD/MM/YYYY" : _ref$dateFormat,
     _ref$timeFormat = _ref.timeFormat,
     timeFormat = _ref$timeFormat === void 0 ? false : _ref$timeFormat,
     _ref$input = _ref.input,
     input = _ref$input === void 0 ? true : _ref$input,
     _ref$viewMode = _ref.viewMode,
     viewMode = _ref$viewMode === void 0 ? "years" : _ref$viewMode,
-    _ref$minYear = _ref.minYear,
-    minYear = _ref$minYear === void 0 ? 2000 : _ref$minYear,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? "Select year" : _ref$placeholder;
+    placeholder = _ref$placeholder === void 0 ? "Select year" : _ref$placeholder,
+    isValidDateFunction = _ref.isValidDateFunction;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "yearDateDiv",
     key: name,
@@ -83,12 +80,7 @@ var YearDatePicker = function YearDatePicker(_ref) {
     viewMode: viewMode,
     disabled: disabled,
     isValidDate: function isValidDate(current) {
-      if (currentMaxYear) {
-        var year = current.year();
-        var currentYear = new Date().getFullYear();
-        return year >= minYear && year <= currentYear;
-      }
-      return true;
+      return isValidDateFunction(current);
     },
     renderInput: function renderInput(props, openCalendar) {
       return /*#__PURE__*/_react["default"].createElement("input", _extends({}, props, {
@@ -101,4 +93,22 @@ var YearDatePicker = function YearDatePicker(_ref) {
     }
   })));
 };
+YearDatePicker.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displayName: PropTypes.string,
+  value: PropTypes.any,
+  disabled: PropTypes.bool,
+  required: PropTypes.bool,
+  mainDivStyle: PropTypes.object,
+  labelStyle: PropTypes.object,
+  spanStyle: PropTypes.object,
+  componentStyle: PropTypes.object,
+  dateFormat: PropTypes.string,
+  timeFormat: PropTypes.bool,
+  input: PropTypes.bool,
+  viewMode: PropTypes.string,
+  placeholder: PropTypes.string,
+  isValidDateFunction: PropTypes.func
+};
 var _default = exports["default"] = YearDatePicker;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insticc/genericform",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "a generic form with various types of fields",
   "main": "build/index.js",
   "scripts": {