@maif/react-forms 1.0.5 → 1.0.9

package/lib/style.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.style = void 0;
+
+var _style;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var buttonOutline = function buttonOutline(color, darker) {
+  return {
+    color: color,
+    borderColor: color,
+    "&:hover": {
+      color: '#fff',
+      backgroundColor: color,
+      borderColor: darker
+    },
+    "&.active": {
+      color: '#fff',
+      backgroundColor: color,
+      borderColor: darker
+    }
+  };
+};
+
+var style = (_style = {
+  input: {
+    display: "block",
+    width: "100%",
+    padding: "8px 12px",
+    fontSize: "1rem",
+    color: "#495057",
+    border: "1px solid #ced4da",
+    borderRadius: 4,
+    "&[readonly]": {
+      backgroundColor: "#e9ecef",
+      opacity: 1
+    }
+  },
+  btn: {
+    borderRadius: 5,
+    padding: 10,
+    fontSize: "1rem",
+    cursor: "pointer",
+    borderWidth: '1px',
+    backgroundColor: '#fff'
+  },
+  btn_sm: {
+    fontSize: "0.875rem",
+    padding: ".25rem .5rem"
+  },
+  btn_group: {
+    "& > button:not(:last-child)": {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    },
+    "& > button:not(:first-child)": {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0
+    }
+  },
+  btn_red: buttonOutline("#dc3545", "#bd2130"),
+  btn_green: buttonOutline("#28a745", "#1e7e34"),
+  btn_blue: buttonOutline("#007bff", "#0069d9"),
+  btn_grey: buttonOutline("#6c757d", "#5c636a"),
+  txt_red: {
+    color: "#dc3545"
+  },
+  ml_5: {
+    marginLeft: 5
+  },
+  ml_10: {
+    marginLeft: 10
+  },
+  mt_5: {
+    marginTop: 5
+  },
+  mt_10: {
+    marginTop: 10
+  },
+  mt_20: {
+    marginTop: 20
+  },
+  mb_5: {
+    marginBottom: 5
+  },
+  p_15: {
+    padding: 15
+  },
+  pr_15: {
+    paddingRight: 15
+  },
+  d_none: {
+    display: "none"
+  },
+  flex: {
+    display: "flex"
+  },
+  flexColumn: {
+    flexDirection: "column"
+  },
+  justifyContentBetween: {
+    justifyContent: "space-between"
+  },
+  jc_end: {
+    justifyContent: "end"
+  },
+  ac_center: {
+    alignContent: "center"
+  },
+  ai_center: {
+    alignItems: "center"
+  },
+  cursor_pointer: {
+    cursor: "pointer"
+  },
+  collapse: {
+    display: "flex",
+    justifyContent: "space-between",
+    cursor: "pointer"
+  },
+  collapse_label: {
+    fontWeight: "bold",
+    marginTop: 7
+  }
+}, _defineProperty(_style, "collapse_label", {
+  fontWeight: "bold",
+  marginTop: 7
+}), _defineProperty(_style, "collapse_error", {
+  color: '#dc3545'
+}), _defineProperty(_style, "datepicker", {
+  "& input": {
+    borderRadius: "4px"
+  }
+}), _defineProperty(_style, "code", {}), _defineProperty(_style, "input__boolean__on", {
+  color: "MediumSeaGreen"
+}), _defineProperty(_style, "input__boolean__off", {
+  color: "tomato"
+}), _defineProperty(_style, "input__invalid", {
+  borderColor: '#dc3545 !important'
+}), _defineProperty(_style, "invalid_feedback", {
+  width: "100%",
+  marginTop: ".25rem",
+  fontSize: "80%",
+  color: "#dc3545"
+}), _style);
+exports.style = style;

package/lib/styleContext.d.ts

@@ -0,0 +1 @@
+export function useCustomStyle(overrideStyle?: {}): import("jss").Classes<"code" | "flex" | "input" | "btn" | "btn_sm" | "btn_group" | "btn_red" | "btn_green" | "btn_blue" | "btn_grey" | "txt_red" | "ml_5" | "ml_10" | "mt_5" | "mt_10" | "mt_20" | "mb_5" | "p_15" | "pr_15" | "d_none" | "flexColumn" | "justifyContentBetween" | "jc_end" | "ac_center" | "ai_center" | "cursor_pointer" | "collapse" | "collapse_label" | "collapse_error" | "datepicker" | "input__boolean__on" | "input__boolean__off" | "input__invalid" | "invalid_feedback">;

package/lib/styleContext.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCustomStyle = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactJss = require("react-jss");
+
+var _style = require("./style");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var useCustomStyle = function useCustomStyle() {
+  var overrideStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var useStyle = (0, _reactJss.createUseStyles)(_objectSpread(_objectSpread({}, _style.style), overrideStyle));
+  var classes = useStyle();
+  return classes;
+};
+
+exports.useCustomStyle = useCustomStyle;

package/lib/utils.d.ts

@@ -0,0 +1 @@
+export function deepEqual(a: any, b: any): boolean;

package/lib/utils.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deepEqual = void 0;
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var deepEqual = function deepEqual(a, b) {
+  if (a === b) return true;
+  if (_typeof(a) !== 'object' || _typeof(b) !== 'object' || a === null || b === null) return false;
+  var keysA = Object.keys(a),
+      keysB = Object.keys(b);
+  if (keysA.length !== keysB.length) return false;
+
+  for (var _i = 0, _keysA = keysA; _i < _keysA.length; _i++) {
+    var key = _keysA[_i];
+    if (!keysB.includes(key)) return false;
+
+    if (typeof a[key] === 'function' || typeof b[key] === 'function') {
+      if (a[key].toString() !== b[key].toString()) return false;
+    } else {
+      if (!deepEqual(a[key], b[key])) return false;
+    }
+  }
+
+  return true;
+};
+
+exports.deepEqual = deepEqual;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maif/react-forms",
   "description": "Build react safe forms as fast as possible",
-  "version": "1.0.5",
+  "version": "1.0.9",
   "main": "lib/index.js",
   "author": "MAIF team",
   "keywords": [
@@ -113,8 +113,9 @@
     "react-ace": "9.4.3",
     "react-feather": "2.0.9",
     "react-hook-form": "7.17.1",
+    "react-jss": "10.8.2",
     "react-rainbow-components": "1.26.0",
-    "react-select": "4.3.1",
+    "react-select": "5.2.1",
     "react-tooltip": "4.2.21",
     "showdown": "1.9.1",
     "typescript": "^4.3.5",