@insticc/genericform 1.0.9 → 1.0.11

package/build/FormFields/CustomCheckbox.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _semanticUiReact = require("semantic-ui-react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var defaultStyles = {
@@ -23,6 +25,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 +88,17 @@ var CustomCheckbox = function CustomCheckbox(_ref) {
     style: tooltipStyle
   })));
 };
+CustomCheckbox.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  checked: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
+  showHelp: _propTypes["default"].bool,
+  tooltip: _propTypes["default"].string,
+  mainDivStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object,
+  componentStyle: _propTypes["default"].object,
+  tooltipStyle: _propTypes["default"].object
+};
 var _default = exports["default"] = CustomCheckbox;

package/build/FormFields/CustomDatePicker.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactDatetime = _interopRequireDefault(require("react-datetime"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -30,6 +31,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 +99,19 @@ var CustomDatePicker = function CustomDatePicker(_ref) {
     style: tooltipStyle
   }, tooltip));
 };
+CustomDatePicker.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  value: _propTypes["default"].any,
+  disabled: _propTypes["default"].bool,
+  required: _propTypes["default"].bool,
+  tooltip: _propTypes["default"].string,
+  mainDivStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object,
+  componentStyle: _propTypes["default"].object,
+  tooltipStyle: _propTypes["default"].object,
+  dateFormat: _propTypes["default"].string,
+  timeFormat: _propTypes["default"].bool
+};
 var _default = exports["default"] = CustomDatePicker;

package/build/FormFields/CustomInput.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _semanticUiReact = require("semantic-ui-react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var CustomInput = function CustomInput(_ref) {
@@ -62,4 +63,18 @@ var CustomInput = function CustomInput(_ref) {
     className: className
   }));
 };
+CustomInput.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  required: _propTypes["default"].bool,
+  mainDivStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object,
+  spanStyle: _propTypes["default"].object,
+  componentStyle: _propTypes["default"].object,
+  tooltipStyle: _propTypes["default"].object,
+  className: _propTypes["default"].string
+};
 var _default = exports["default"] = CustomInput;

package/build/FormFields/CustomLabel.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var CustomLabel = function CustomLabel(_ref) {
   var name = _ref.name,
@@ -29,4 +30,10 @@ var CustomLabel = function CustomLabel(_ref) {
     style: labelStyle
   }, displayName));
 };
+CustomLabel.propTypes = {
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  mainDivStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object
+};
 var _default = exports["default"] = CustomLabel;

package/build/FormFields/CustomNumberInput.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _semanticUiReact = require("semantic-ui-react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var CustomNumberInput = function CustomNumberInput(_ref) {
@@ -67,4 +68,16 @@ var CustomNumberInput = function CustomNumberInput(_ref) {
     style: tooltipStyle
   }, tooltip) : null);
 };
+CustomNumberInput.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  required: _propTypes["default"].bool,
+  mainDivStyle: _propTypes["default"].object,
+  componentStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object,
+  tooltipStyle: _propTypes["default"].object
+};
 var _default = exports["default"] = CustomNumberInput;

package/build/FormFields/CustomRadioButton.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _semanticUiReact = require("semantic-ui-react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var CustomRadioButton = function CustomRadioButton(_ref) {
@@ -43,4 +44,14 @@ var CustomRadioButton = function CustomRadioButton(_ref) {
     style: tooltipStyle
   }) : null);
 };
+CustomRadioButton.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  checked: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
+  showHelp: _propTypes["default"].bool,
+  tooltipStyle: _propTypes["default"].object,
+  helpText: _propTypes["default"].string
+};
 var _default = exports["default"] = CustomRadioButton;

package/build/FormFields/CustomSearch.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _semanticUiReact = require("semantic-ui-react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var CustomSearch = function CustomSearch(_ref) {
@@ -47,4 +48,17 @@ var CustomSearch = function CustomSearch(_ref) {
     value: value
   }));
 };
+CustomSearch.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  handleResultSelect: _propTypes["default"].func.isRequired,
+  resultRenderer: _propTypes["default"].func,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  isLoading: _propTypes["default"].bool,
+  options: _propTypes["default"].array.isRequired,
+  mainDivStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object,
+  componentStyle: _propTypes["default"].object
+};
 var _default = exports["default"] = CustomSearch;

package/build/FormFields/CustomTextArea.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _semanticUiReact = require("semantic-ui-react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var defaultStyles = {
@@ -68,4 +69,16 @@ var CustomTextArea = function CustomTextArea(_ref) {
     style: tooltipStyle
   }, tooltip) : null);
 };
+CustomTextArea.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  required: _propTypes["default"].bool,
+  mainDivStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object,
+  componentStyle: _propTypes["default"].object,
+  tooltipStyle: _propTypes["default"].object
+};
 var _default = exports["default"] = CustomTextArea;

package/build/FormFields/MultipleCheckbox.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _semanticUiReact = require("semantic-ui-react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var defaultStyles = {
@@ -76,4 +77,16 @@ var MultipleCheckbox = function MultipleCheckbox(_ref) {
     }) : null);
   })));
 };
+MultipleCheckbox.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  required: _propTypes["default"].bool,
+  options: _propTypes["default"].array.isRequired,
+  mainDivStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object,
+  spanStyle: _propTypes["default"].object,
+  componentStyle: _propTypes["default"].object,
+  tooltipStyle: _propTypes["default"].object
+};
 var _default = exports["default"] = MultipleCheckbox;

package/build/FormFields/MultipleDropdown.js

@@ -5,11 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _semanticUiReact = require("semantic-ui-react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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 +62,15 @@ var MultipleDropdown = function MultipleDropdown(_ref) {
     disabled: disabled
   }));
 };
+MultipleDropdown.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  value: _propTypes["default"].array,
+  disabled: _propTypes["default"].bool,
+  options: _propTypes["default"].array.isRequired,
+  mainDivStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object,
+  componentStyle: _propTypes["default"].object
+};
 var _default = exports["default"] = MultipleDropdown;

package/build/FormFields/MultipleRadioButton.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _semanticUiReact = require("semantic-ui-react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var defaultStyles = {
@@ -73,4 +74,17 @@ var MultipleRadioButton = function MultipleRadioButton(_ref) {
     }) : null);
   }), component ? component : null));
 };
+MultipleRadioButton.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  required: _propTypes["default"].bool,
+  options: _propTypes["default"].array.isRequired,
+  radioButtonDivStyle: _propTypes["default"].object,
+  component: _propTypes["default"].node,
+  mainDivStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object,
+  spanStyle: _propTypes["default"].object,
+  componentStyle: _propTypes["default"].object
+};
 var _default = exports["default"] = MultipleRadioButton;

package/build/FormFields/YearDatePicker.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactDatetime = _interopRequireDefault(require("react-datetime"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -45,20 +46,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 +81,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 +94,22 @@ var YearDatePicker = function YearDatePicker(_ref) {
     }
   })));
 };
+YearDatePicker.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  name: _propTypes["default"].string.isRequired,
+  displayName: _propTypes["default"].string,
+  value: _propTypes["default"].any,
+  disabled: _propTypes["default"].bool,
+  required: _propTypes["default"].bool,
+  mainDivStyle: _propTypes["default"].object,
+  labelStyle: _propTypes["default"].object,
+  spanStyle: _propTypes["default"].object,
+  componentStyle: _propTypes["default"].object,
+  dateFormat: _propTypes["default"].string,
+  timeFormat: _propTypes["default"].bool,
+  input: _propTypes["default"].bool,
+  viewMode: _propTypes["default"].string,
+  placeholder: _propTypes["default"].string,
+  isValidDateFunction: _propTypes["default"].func
+};
 var _default = exports["default"] = YearDatePicker;

package/package.json

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