@fixefy/fixefy-ui-components 0.2.90 → 0.2.92
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.
- package/dist/FxActionButton/FxActionButton.d.ts +7 -0
- package/dist/FxActionButton/FxActionButton.js +82 -0
- package/dist/FxActionButton/index.d.ts +1 -0
- package/dist/FxActionButton/index.js +11 -0
- package/dist/FxMenuItemWithIcon/FxMenuItemWithIcon.d.ts +6 -0
- package/dist/FxMenuItemWithIcon/FxMenuItemWithIcon.js +53 -0
- package/dist/FxMenuItemWithIcon/index.d.ts +1 -0
- package/dist/FxMenuItemWithIcon/index.js +11 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +8 -4
- package/package.json +1 -1
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "FxActionButton", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return FxActionButton;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
|
13
|
+
const _material = require("@mui/material");
|
|
14
|
+
function _define_property(obj, key, value) {
|
|
15
|
+
if (key in obj) {
|
|
16
|
+
Object.defineProperty(obj, key, {
|
|
17
|
+
value: value,
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true,
|
|
20
|
+
writable: true
|
|
21
|
+
});
|
|
22
|
+
} else {
|
|
23
|
+
obj[key] = value;
|
|
24
|
+
}
|
|
25
|
+
return obj;
|
|
26
|
+
}
|
|
27
|
+
function _interop_require_default(obj) {
|
|
28
|
+
return obj && obj.__esModule ? obj : {
|
|
29
|
+
default: obj
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
function _object_spread(target) {
|
|
33
|
+
for(var i = 1; i < arguments.length; i++){
|
|
34
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
35
|
+
var ownKeys = Object.keys(source);
|
|
36
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
37
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
38
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
39
|
+
}));
|
|
40
|
+
}
|
|
41
|
+
ownKeys.forEach(function(key) {
|
|
42
|
+
_define_property(target, key, source[key]);
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
return target;
|
|
46
|
+
}
|
|
47
|
+
function ownKeys(object, enumerableOnly) {
|
|
48
|
+
var keys = Object.keys(object);
|
|
49
|
+
if (Object.getOwnPropertySymbols) {
|
|
50
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
51
|
+
if (enumerableOnly) {
|
|
52
|
+
symbols = symbols.filter(function(sym) {
|
|
53
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
keys.push.apply(keys, symbols);
|
|
57
|
+
}
|
|
58
|
+
return keys;
|
|
59
|
+
}
|
|
60
|
+
function _object_spread_props(target, source) {
|
|
61
|
+
source = source != null ? source : {};
|
|
62
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
63
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
64
|
+
} else {
|
|
65
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
66
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
return target;
|
|
70
|
+
}
|
|
71
|
+
const FxActionButton = ({ btnValue, onClick, startIcon, sx })=>{
|
|
72
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
|
|
73
|
+
id: "fade-button",
|
|
74
|
+
sx: _object_spread_props(_object_spread({}, sx), {
|
|
75
|
+
fontWeight: 'normal'
|
|
76
|
+
}),
|
|
77
|
+
"aria-haspopup": "true",
|
|
78
|
+
startIcon: startIcon,
|
|
79
|
+
onClick: onClick,
|
|
80
|
+
children: btnValue
|
|
81
|
+
});
|
|
82
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FxActionButton } from './FxActionButton';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "FxActionButton", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return _FxActionButton.FxActionButton;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _FxActionButton = require("./FxActionButton");
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "FxMenuItemWithIcon", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return FxMenuItemWithIcon;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
|
13
|
+
const _material = require("@mui/material");
|
|
14
|
+
const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
|
|
15
|
+
const _FxIcon = require("../FxIcon");
|
|
16
|
+
function _interop_require_default(obj) {
|
|
17
|
+
return obj && obj.__esModule ? obj : {
|
|
18
|
+
default: obj
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
const FxMenuItemWithIcon = ({ title, icon, onClick })=>{
|
|
22
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.MenuItem, {
|
|
23
|
+
sx: {
|
|
24
|
+
width: '197px',
|
|
25
|
+
display: 'flex',
|
|
26
|
+
justifyContent: 'space-between',
|
|
27
|
+
background: '#fff',
|
|
28
|
+
marginLeft: 'auto',
|
|
29
|
+
cursor: 'pointer',
|
|
30
|
+
['&:hover']: {
|
|
31
|
+
background: '#F6F9FA'
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
onClick: onClick ? onClick : null,
|
|
35
|
+
value: title,
|
|
36
|
+
children: [
|
|
37
|
+
icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemIcon, {
|
|
38
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
|
|
39
|
+
width: 16,
|
|
40
|
+
height: 16,
|
|
41
|
+
icon: icon
|
|
42
|
+
})
|
|
43
|
+
}),
|
|
44
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
|
|
45
|
+
secondary: (0, _fixefyuiutils.titleCase)(title),
|
|
46
|
+
secondaryTypographyProps: {
|
|
47
|
+
fontSize: '14px',
|
|
48
|
+
marginLeft: '-10px'
|
|
49
|
+
}
|
|
50
|
+
})
|
|
51
|
+
]
|
|
52
|
+
});
|
|
53
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FxMenuItemWithIcon } from './FxMenuItemWithIcon';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "FxMenuItemWithIcon", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return _FxMenuItemWithIcon.FxMenuItemWithIcon;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _FxMenuItemWithIcon = require("./FxMenuItemWithIcon");
|
package/dist/index.d.ts
CHANGED
|
@@ -3,9 +3,10 @@ export { FxAggregationsBar, AggregationsDataPropsType, AggreationsBarPropsType }
|
|
|
3
3
|
export { FxAsyncDropdown, Option, StylesOptions, AsyncDropdownPropsType } from './FxAsyncDropdown';
|
|
4
4
|
export { FxAvatar, AvatarPropsType, BackgroundColorsType } from './FxAvatar';
|
|
5
5
|
export { FxButton, ButtonPropsType } from './FxButton';
|
|
6
|
-
export {
|
|
6
|
+
export { FxActionButton } from './FxActionButton';
|
|
7
7
|
export { FxChip, ChipPropsType } from './FxChip';
|
|
8
8
|
export { FxIcon } from './FxIcon';
|
|
9
|
+
export { FxMenuItemWithIcon } from './FxMenuItemWithIcon';
|
|
9
10
|
export { FxModal, ModalPropsType } from './FxModal';
|
|
10
11
|
export { FxModalWithButton } from './FxModalWithButton';
|
|
11
12
|
export { FxNotes, NoteCreateInput, NotesPropsType } from './FxNotes';
|
package/dist/index.js
CHANGED
|
@@ -45,6 +45,9 @@ _export(exports, {
|
|
|
45
45
|
DataWrapper: function() {
|
|
46
46
|
return _FxStyledComponents.DataWrapper;
|
|
47
47
|
},
|
|
48
|
+
FxActionButton: function() {
|
|
49
|
+
return _FxActionButton.FxActionButton;
|
|
50
|
+
},
|
|
48
51
|
FxActionsTray: function() {
|
|
49
52
|
return _FxActionsTray.FxActionsTray;
|
|
50
53
|
},
|
|
@@ -63,12 +66,12 @@ _export(exports, {
|
|
|
63
66
|
FxChip: function() {
|
|
64
67
|
return _FxChip.FxChip;
|
|
65
68
|
},
|
|
66
|
-
FxFilterActionButton: function() {
|
|
67
|
-
return _FxFilterActionButton.FxFilterActionButton;
|
|
68
|
-
},
|
|
69
69
|
FxIcon: function() {
|
|
70
70
|
return _FxIcon.FxIcon;
|
|
71
71
|
},
|
|
72
|
+
FxMenuItemWithIcon: function() {
|
|
73
|
+
return _FxMenuItemWithIcon.FxMenuItemWithIcon;
|
|
74
|
+
},
|
|
72
75
|
FxModal: function() {
|
|
73
76
|
return _FxModal.FxModal;
|
|
74
77
|
},
|
|
@@ -210,9 +213,10 @@ const _FxAggregationsBar = require("./FxAggregationsBar");
|
|
|
210
213
|
const _FxAsyncDropdown = require("./FxAsyncDropdown");
|
|
211
214
|
const _FxAvatar = require("./FxAvatar");
|
|
212
215
|
const _FxButton = require("./FxButton");
|
|
213
|
-
const
|
|
216
|
+
const _FxActionButton = require("./FxActionButton");
|
|
214
217
|
const _FxChip = require("./FxChip");
|
|
215
218
|
const _FxIcon = require("./FxIcon");
|
|
219
|
+
const _FxMenuItemWithIcon = require("./FxMenuItemWithIcon");
|
|
216
220
|
const _FxModal = require("./FxModal");
|
|
217
221
|
const _FxModalWithButton = require("./FxModalWithButton");
|
|
218
222
|
const _FxNotes = require("./FxNotes");
|
package/package.json
CHANGED