tenjin-ui-kit 0.1.0-dev.4 → 0.1.0-dev.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -103,7 +103,9 @@ function BreadCrumbs(props) {
|
|
|
103
103
|
title: (_crumbInfo$3 = crumbInfo[0]) === null || _crumbInfo$3 === void 0 ? void 0 : _crumbInfo$3.title,
|
|
104
104
|
arrow: true,
|
|
105
105
|
placement: "top"
|
|
106
|
-
}, /*#__PURE__*/React.createElement("span", null, ((_crumbInfo$4 = crumbInfo[0]) === null || _crumbInfo$4 === void 0 ? void 0 : (_crumbInfo$4$title = _crumbInfo$4.title) === null || _crumbInfo$4$title === void 0 ? void 0 : _crumbInfo$4$title.slice(0, 20)) + "...")) : /*#__PURE__*/React.createElement(_text.default,
|
|
106
|
+
}, /*#__PURE__*/React.createElement("span", null, ((_crumbInfo$4 = crumbInfo[0]) === null || _crumbInfo$4 === void 0 ? void 0 : (_crumbInfo$4$title = _crumbInfo$4.title) === null || _crumbInfo$4$title === void 0 ? void 0 : _crumbInfo$4$title.slice(0, 20)) + "...")) : /*#__PURE__*/React.createElement(_text.default, {
|
|
107
|
+
component: "span"
|
|
108
|
+
}, (_crumbInfo$5 = crumbInfo[0]) === null || _crumbInfo$5 === void 0 ? void 0 : _crumbInfo$5.title)), crumbInfo.length > maxItems && crumbInfo.length - 1 !== maxItems && /*#__PURE__*/React.createElement(_button.default, {
|
|
107
109
|
color: "inherit",
|
|
108
110
|
variant: "text",
|
|
109
111
|
onClick: handleMenuClick,
|
|
@@ -141,7 +143,11 @@ function BreadCrumbs(props) {
|
|
|
141
143
|
title: breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title,
|
|
142
144
|
arrow: true,
|
|
143
145
|
placement: "top"
|
|
144
|
-
}, /*#__PURE__*/React.createElement(
|
|
146
|
+
}, /*#__PURE__*/React.createElement(_text.default, {
|
|
147
|
+
component: "span"
|
|
148
|
+
}, (breadcrumb === null || breadcrumb === void 0 ? void 0 : (_breadcrumb$title2 = breadcrumb.title) === null || _breadcrumb$title2 === void 0 ? void 0 : _breadcrumb$title2.slice(0, 20)) + "...")) : /*#__PURE__*/React.createElement(_text.default, {
|
|
149
|
+
component: "span"
|
|
150
|
+
}, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title));
|
|
145
151
|
})), /*#__PURE__*/React.createElement(_material.Menu, {
|
|
146
152
|
anchorEl: anchorEl,
|
|
147
153
|
open: menuOpen,
|
|
@@ -167,6 +173,8 @@ function BreadCrumbs(props) {
|
|
|
167
173
|
display: "flex",
|
|
168
174
|
marginRight: "3px"
|
|
169
175
|
}
|
|
170
|
-
}, breadcrumb.icon), /*#__PURE__*/React.createElement(_text.default,
|
|
176
|
+
}, breadcrumb.icon), /*#__PURE__*/React.createElement(_text.default, {
|
|
177
|
+
component: "span"
|
|
178
|
+
}, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title));
|
|
171
179
|
})));
|
|
172
180
|
}
|
|
@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.ButtonLoader = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
7
|
var _material = require("@mui/material");
|
|
9
8
|
var _styles = require("@mui/material/styles");
|
|
10
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
11
|
var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
|
|
13
12
|
var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
|
|
13
|
+
var _excluded = ["loading"];
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
16
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
@@ -19,6 +19,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
19
19
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
20
20
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
21
21
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
+
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; }
|
|
23
|
+
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; }
|
|
22
24
|
var Button = function Button(props) {
|
|
23
25
|
var loading = props.loading,
|
|
24
26
|
loadingText = props.loadingText,
|
|
@@ -28,6 +30,8 @@ var Button = function Button(props) {
|
|
|
28
30
|
color = props.color,
|
|
29
31
|
fixedWidth = props.fixedWidth,
|
|
30
32
|
type = props.type;
|
|
33
|
+
var _ = props.loading,
|
|
34
|
+
propsSansLoading = _objectWithoutProperties(props, _excluded);
|
|
31
35
|
var handleClick = function handleClick(e) {
|
|
32
36
|
if (loading) {
|
|
33
37
|
e.preventDefault();
|
|
@@ -65,7 +69,7 @@ var Button = function Button(props) {
|
|
|
65
69
|
"aria-haspopup": "true",
|
|
66
70
|
"aria-expanded": open ? "true" : undefined,
|
|
67
71
|
onClick: handleMenuClick
|
|
68
|
-
},
|
|
72
|
+
}, propsSansLoading), children), /*#__PURE__*/_react.default.createElement(_Menu.default, {
|
|
69
73
|
id: "basic-menu",
|
|
70
74
|
anchorEl: anchorEl,
|
|
71
75
|
open: open,
|
|
@@ -130,8 +130,9 @@ var Input = function Input(_ref) {
|
|
|
130
130
|
}
|
|
131
131
|
},
|
|
132
132
|
startAdornment: startIcon,
|
|
133
|
-
endAdornment: endIcon
|
|
134
|
-
helperText
|
|
133
|
+
endAdornment: endIcon
|
|
134
|
+
// helperText={errorMessage || localErrorMessage}
|
|
135
|
+
,
|
|
135
136
|
disabled: isDisabled,
|
|
136
137
|
error: !!error || !!localErrorMessage,
|
|
137
138
|
onChange: validateRestrictiveCharacters,
|
|
@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _material = require("@mui/material");
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _text = _interopRequireDefault(require("../text"));
|
|
10
10
|
var _excluded = ["options", "errorMessage", "error", "fullWidth", "isDisabled", "label", "isRequired", "helperText", "isSearch", "isClearOption", "loading", "isSort", "placeholder"];
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
12
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
15
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
14
16
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
@@ -126,7 +128,7 @@ var SimpleSelect = function SimpleSelect(_ref) {
|
|
|
126
128
|
}, 500);
|
|
127
129
|
}
|
|
128
130
|
};
|
|
129
|
-
return /*#__PURE__*/
|
|
131
|
+
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
|
|
130
132
|
sx: {
|
|
131
133
|
minWidth: 120
|
|
132
134
|
},
|
|
@@ -136,18 +138,18 @@ var SimpleSelect = function SimpleSelect(_ref) {
|
|
|
136
138
|
style: {
|
|
137
139
|
margin: "0rem !important"
|
|
138
140
|
}
|
|
139
|
-
}, label && /*#__PURE__*/
|
|
141
|
+
}, label && /*#__PURE__*/_react.default.createElement(_material.FormLabel, {
|
|
140
142
|
htmlFor: "my-input",
|
|
141
143
|
sx: {
|
|
142
144
|
fontSize: "0.8rem",
|
|
143
145
|
fontWeight: 500,
|
|
144
146
|
paddingBottom: "0.2rem"
|
|
145
147
|
}
|
|
146
|
-
}, /*#__PURE__*/
|
|
148
|
+
}, /*#__PURE__*/_react.default.createElement(_text.default, null, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
|
|
147
149
|
style: {
|
|
148
150
|
color: "red"
|
|
149
151
|
}
|
|
150
|
-
}, " * ") : "")), /*#__PURE__*/
|
|
152
|
+
}, " * ") : "")), /*#__PURE__*/_react.default.createElement(_material.Select, _extends({}, rest, {
|
|
151
153
|
fullWidth: true,
|
|
152
154
|
onClose: function onClose() {
|
|
153
155
|
return setSearchText("");
|
|
@@ -159,7 +161,7 @@ var SimpleSelect = function SimpleSelect(_ref) {
|
|
|
159
161
|
}
|
|
160
162
|
}
|
|
161
163
|
}
|
|
162
|
-
}), isSearch && /*#__PURE__*/
|
|
164
|
+
}), isSearch && /*#__PURE__*/_react.default.createElement("input", {
|
|
163
165
|
id: "search-box",
|
|
164
166
|
type: "text",
|
|
165
167
|
autoFocus: true,
|
|
@@ -183,13 +185,13 @@ var SimpleSelect = function SimpleSelect(_ref) {
|
|
|
183
185
|
return setSearchText(e.target.value);
|
|
184
186
|
},
|
|
185
187
|
onKeyDown: handleKeyDown
|
|
186
|
-
}), isClearOption && !loading && /*#__PURE__*/
|
|
188
|
+
}), isClearOption && !loading && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
187
189
|
value: ""
|
|
188
|
-
}, /*#__PURE__*/
|
|
190
|
+
}, /*#__PURE__*/_react.default.createElement("em", {
|
|
189
191
|
style: {
|
|
190
192
|
color: "#888"
|
|
191
193
|
}
|
|
192
|
-
}, "Clear the option")), loading ? /*#__PURE__*/
|
|
194
|
+
}, "Clear the option")), loading ? /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
193
195
|
variant: "span",
|
|
194
196
|
color: "secondary",
|
|
195
197
|
sx: {
|
|
@@ -197,14 +199,14 @@ var SimpleSelect = function SimpleSelect(_ref) {
|
|
|
197
199
|
display: "flex",
|
|
198
200
|
padding: "0.5rem 0rem 0rem 1rem"
|
|
199
201
|
}
|
|
200
|
-
}, "Fetching Options...") : noDataAvailable ? /*#__PURE__*/
|
|
202
|
+
}, "Fetching Options...") : noDataAvailable ? /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
201
203
|
disabled: true
|
|
202
204
|
}, "No Data Available") : recommendedOptions === null || recommendedOptions === void 0 ? void 0 : recommendedOptions.map(function (option) {
|
|
203
|
-
return /*#__PURE__*/
|
|
205
|
+
return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
204
206
|
key: option.value,
|
|
205
207
|
value: option.value
|
|
206
208
|
}, option.label);
|
|
207
|
-
})), error && /*#__PURE__*/
|
|
209
|
+
})), error && /*#__PURE__*/_react.default.createElement(_material.FormHelperText, null, errorMessage), helperText && /*#__PURE__*/_react.default.createElement(_material.FormHelperText, null, helperText)));
|
|
208
210
|
};
|
|
209
211
|
var _default = SimpleSelect;
|
|
210
212
|
exports.default = _default;
|
package/components/text/index.js
CHANGED
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
var _material = require("@mui/material");
|
|
11
|
-
var _excluded = ["children", "bold", "semibold", "color", "variant", "link", "fontWeight", "sx"];
|
|
11
|
+
var _excluded = ["children", "bold", "semibold", "color", "variant", "link", "fontWeight", "sx", "component"];
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
14
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -43,9 +43,12 @@ var Text = function Text(_ref) {
|
|
|
43
43
|
link = _ref.link,
|
|
44
44
|
fontWeight = _ref.fontWeight,
|
|
45
45
|
sx = _ref.sx,
|
|
46
|
+
_ref$component = _ref.component,
|
|
47
|
+
component = _ref$component === void 0 ? "p" : _ref$component,
|
|
46
48
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
47
49
|
var theme = (0, _material.useTheme)();
|
|
48
50
|
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
51
|
+
component: component,
|
|
49
52
|
variant: variant === "title" ? "h6" : variant === "subtitle" ? "body2" : variant,
|
|
50
53
|
fontWeight: bold ? "bold" : semibold || variant === "title" ? 600 : fontWeight,
|
|
51
54
|
color: link ? "primary" : getColor(color, theme)
|
|
@@ -58,7 +61,7 @@ var Text = function Text(_ref) {
|
|
|
58
61
|
Text.propTypes = {
|
|
59
62
|
bold: _propTypes.default.bool,
|
|
60
63
|
semibold: _propTypes.default.bool,
|
|
61
|
-
variant: _propTypes.default.oneOf(["
|
|
64
|
+
variant: _propTypes.default.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2", "subtitle", "title"])
|
|
62
65
|
};
|
|
63
66
|
var _default = Text;
|
|
64
67
|
exports.default = _default;
|