@portnet/ui 3.0.3 → 3.0.4

package/dist/components/buttons/PuiButton.js

@@ -0,0 +1,136 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
+var _styles = require("@mui/material/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _apperance = require("../../config/apperance");
+var _StyledMuiButton = _interopRequireDefault(require("../common/StyledMuiButton"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["id", "className", "sx", "color", "disabled", "loading", "loadingPosition", "startIcon", "endIcon", "fullWidth", "children", "type", "onClick"];
+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 && Object.prototype.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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const BaseMuiButton = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledMuiButton.default, _objectSpread({
+  ref: ref
+}, props))))(() => {
+  return {
+    "&.MuiButton-root": {
+      boxShadow: "0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)"
+    }
+  };
+});
+const PrimaryButton = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseMuiButton, _objectSpread({
+  ref: ref,
+  variant: "outlined"
+}, props))))(() => {
+  return {
+    "&.MuiButton-root": {
+      backgroundColor: _apperance.palette.primary,
+      border: "2px solid ".concat(_apperance.palette.primary),
+      color: _apperance.palette.white
+    }
+  };
+});
+const SecondaryButton = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseMuiButton, _objectSpread({
+  ref: ref,
+  variant: "outlined"
+}, props))))(() => {
+  return {
+    "&.MuiButton-root": {
+      backgroundColor: _apperance.palette.secondary,
+      border: "2px solid ".concat(_apperance.palette.gray.dark),
+      color: _apperance.palette.gray.darker
+    }
+  };
+});
+const TertiaryButton = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseMuiButton, _objectSpread({
+  ref: ref,
+  variant: "outlined"
+}, props))))(() => {
+  return {
+    "&.MuiButton-root": {
+      backgroundColor: _apperance.palette.white,
+      border: "2px solid ".concat(_apperance.palette.primary),
+      color: _apperance.palette.primary
+    }
+  };
+});
+const getButtonByColor = color => {
+  switch (color) {
+    case "secondary":
+      return SecondaryButton;
+    case "tertiary":
+      return TertiaryButton;
+    case "primary":
+    default:
+      return PrimaryButton;
+  }
+};
+const PuiButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      id,
+      className,
+      sx,
+      color,
+      disabled,
+      loading,
+      loadingPosition,
+      startIcon,
+      endIcon,
+      fullWidth,
+      children,
+      type,
+      onClick
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(getButtonByColor(color), _objectSpread({
+    ref,
+    id,
+    className,
+    sx,
+    size: "small",
+    disabled,
+    loading,
+    loadingPosition,
+    type,
+    startIcon: startIcon,
+    endIcon: endIcon,
+    fullWidth,
+    onClick
+  }, rest), children);
+});
+PuiButton.propTypes = {
+  id: _propTypes.default.string,
+  className: _propTypes.default.string,
+  sx: _propTypes.default.object,
+  color: _propTypes.default.oneOf(["primary", "secondary", "tertiary"]),
+  loading: _propTypes.default.bool,
+  loadingPosition: _propTypes.default.oneOf(["start", "end", "center"]),
+  type: _propTypes.default.oneOf(["button", "submit", "reset"]),
+  disabled: _propTypes.default.bool,
+  startIcon: _propTypes.default.element,
+  endIcon: _propTypes.default.element,
+  fullWidth: _propTypes.default.bool,
+  onClick: _propTypes.default.func
+};
+PuiButton.defaultProps = {
+  type: "button",
+  disabled: false,
+  color: "primary",
+  loading: false
+};
+var _default = exports.default = PuiButton;

package/dist/components/buttons/PuiIconButton.js

@@ -0,0 +1,97 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _apperance = require("../../config/apperance");
+var _PuiTooltip = _interopRequireDefault(require("../others/PuiTooltip"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["id", "className", "sx", "color", "size", "disabled", "title", "titlePlacement", "children", "onClick"];
+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 && Object.prototype.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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const PuiIconButton = _ref => {
+  let {
+      id,
+      className,
+      sx,
+      color,
+      size,
+      disabled,
+      title,
+      titlePlacement,
+      children,
+      onClick
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, _objectSpread(_objectSpread({
+    id: id,
+    className: className,
+    sx: _objectSpread({
+      color: _apperance.palette[color],
+      "&.Mui-disabled": {
+        opacity: 0.5
+      }
+    }, sx),
+    size: size,
+    disabled: disabled,
+    onClick: onClick
+  }, rest), {}, {
+    children: children && /*#__PURE__*/React.cloneElement(children, {
+      fontSize: size,
+      size
+    })
+  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiTooltip.default, {
+    title: title,
+    placement: titlePlacement,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, _objectSpread(_objectSpread({
+      id: id,
+      className: className,
+      sx: _objectSpread({
+        color: _apperance.palette[color],
+        "&.Mui-disabled": {
+          opacity: 0.5
+        }
+      }, sx),
+      size: size,
+      disabled: disabled,
+      onClick: onClick
+    }, rest), {}, {
+      children: children && /*#__PURE__*/React.cloneElement(children, {
+        fontSize: size,
+        size
+      })
+    }))
+  });
+};
+PuiIconButton.propTypes = {
+  id: _propTypes.default.string,
+  className: _propTypes.default.string,
+  sx: _propTypes.default.object,
+  color: _propTypes.default.oneOf(["inherit", "primary", "secondary", "error", "success", "warning", "info", "dark"]),
+  size: _propTypes.default.oneOf(["small", "medium", "large"]),
+  title: _propTypes.default.string,
+  titlePlacement: _propTypes.default.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+  disabled: _propTypes.default.bool,
+  onClick: _propTypes.default.func
+};
+PuiIconButton.defaultProps = {
+  disabled: false,
+  color: "inherit",
+  size: "medium"
+};
+var _default = exports.default = PuiIconButton;

package/dist/components/common/PuiAlertContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+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 && Object.prototype.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; }
+const PuiAlertContext = /*#__PURE__*/React.createContext(null);
+var _default = exports.default = PuiAlertContext;

package/dist/components/common/StyledMuiButton.js

@@ -0,0 +1,47 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _lab = require("@mui/lab");
+var _styles = require("@mui/material/styles");
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["elevation"];
+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 && Object.prototype.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; }
+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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const StyledMuiButton = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      elevation = false
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lab.LoadingButton, _objectSpread({
+    ref: ref
+  }, rest));
+}))(() => {
+  return {
+    "&.MuiButton-root": {
+      fontSize: "0.75rem",
+      lineSpacing: "-0.03em",
+      textTransform: "initial",
+      height: "25px",
+      padding: "0px 12px",
+      fontWeight: "600",
+      "&.Mui-disabled": {
+        opacity: 0.7
+      }
+    }
+  };
+});
+var _default = exports.default = StyledMuiButton;

package/dist/components/common/StyledMuiTextField.js

@@ -0,0 +1,120 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.json.stringify.js");
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var React = _interopRequireWildcard(require("react"));
+var _apperance = require("../../config/apperance");
+var _PuiIcon = _interopRequireDefault(require("../others/PuiIcon"));
+var _PuiIndication = _interopRequireDefault(require("../typography/PuiIndication"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "required", "error", "helperText", "name", "disabled"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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; }
+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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const StyledMuiTextField = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      className,
+      required,
+      error,
+      helperText,
+      name,
+      disabled
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread({
+    disabled: disabled,
+    className: "".concat(required ? "required" : "", " ").concat(className),
+    required: required,
+    error: error,
+    helperText: error && Boolean(helperText) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIndication.default, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
+        type: "danger"
+      }),
+      color: "error",
+      size: "small",
+      children: typeof helperText === "object" ? JSON.stringify(helperText) : helperText
+    }) : helperText,
+    FormHelperTextProps: {
+      component: "div"
+    },
+    ref: ref
+  }, rest));
+}))(() => {
+  return {
+    "&.MuiFormControl-root": {
+      "&.required .MuiInputBase-root": {
+        backgroundColor: _apperance.palette.background.required
+      },
+      "& .MuiFormLabel-root": {
+        zIndex: 0,
+        lineSpacing: "-0.03em",
+        position: "initial",
+        transform: "none",
+        fontSize: "0.8rem",
+        fontWeight: "600",
+        marginBottom: "4px",
+        color: _apperance.palette.gray.darker,
+        "&.Mui-focused ": {
+          color: _apperance.palette.primary
+        },
+        "&.Mui-disabled": {
+          color: _apperance.palette.gray.darker
+        },
+        "&.Mui-error": {
+          color: _apperance.palette.error
+        }
+      },
+      "& .MuiInputBase-root": {
+        backgroundColor: _apperance.palette.white,
+        border: "2px solid ".concat(_apperance.palette.gray.dark),
+        borderRadius: "5px",
+        "&.MuiInputBase-multiline": {
+          padding: "8px 0"
+        },
+        "&.Mui-focused ": {
+          border: "2px solid ".concat(_apperance.palette.primary)
+        },
+        "&.Mui-error ": {
+          border: "2px solid ".concat(_apperance.palette.error),
+          backgroundColor: _apperance.palette.background.error
+        },
+        "&.Mui-disabled ": {
+          "& input": {
+            color: "".concat(_apperance.palette.gray.darker),
+            WebkitTextFillColor: "".concat(_apperance.palette.gray.darker)
+          },
+          backgroundColor: "".concat(_apperance.palette.secondary)
+        },
+        "& .MuiInputBase-input": {
+          lineHeight: "1",
+          padding: "1px 6px",
+          fontSize: "0.7rem"
+        }
+      },
+      "& .MuiFormHelperText-root": {
+        fontWeight: "bold",
+        fontSize: ".7rem",
+        color: _apperance.palette.gray.darker
+      },
+      "& fieldset": {
+        display: "none"
+      }
+    }
+  };
+});
+var _default = exports.default = StyledMuiTextField;