@fixefy/fixefy-ui-components 0.3.17 → 0.3.19

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.
Files changed (12) hide show
  1. package/dist/FxActionsTray/FxActionsTray.d.ts +8 -11
  2. package/dist/FxActionsTray/FxActionsTray.js +59 -306
  3. package/dist/FxActionsTray/index.d.ts +1 -1
  4. package/dist/FxActionsTray/index.js +3 -11
  5. package/dist/FxActionsTray/styles/actionsTray.style.d.ts +9 -0
  6. package/dist/FxActionsTray/styles/actionsTray.style.js +114 -0
  7. package/dist/FxNumberField/styles/number_field.styles.d.ts +1 -1
  8. package/dist/FxScore/styles/score.styles.d.ts +1 -1
  9. package/dist/FxStatisticsBar/styles/statistics.styles.d.ts +1 -1
  10. package/dist/index.d.ts +1 -2
  11. package/dist/index.js +0 -7
  12. package/package.json +1 -1
package/dist/FxActionsTray/FxActionsTray.d.ts CHANGED
@@ -1,13 +1,10 @@
1
1
  import React from 'react';
2
- export type ActionsTrayPropsType = {
3
- type: 'approved' | 'challenge' | 'pending' | 'no_pricing';
4
- onApprove?: () => void;
5
- onChallenge?: () => void;
6
- onClick?: () => void;
7
- onClose?: () => void;
2
+ export declare const FxActionsTray: ({ ctx, entityType, show, actions, onClose, onClick, }: {
3
+ ctx: any;
4
+ entityType?: string;
8
5
  show: boolean;
9
- chargesCount: number;
10
- container?: any;
11
- direction?: 'down' | 'left' | 'right' | 'up';
12
- };
13
- export declare function FxActionsTray({ type, onApprove, onChallenge, show, onClose, chargesCount, container, direction, }: ActionsTrayPropsType): React.JSX.Element;
6
+ actions: any;
7
+ onClose: () => void;
8
+ onApprove?: (event: any) => void;
9
+ onClick: (event: any, action: any) => void;
10
+ }) => React.JSX.Element;
package/dist/FxActionsTray/FxActionsTray.js CHANGED
@@ -10,342 +10,95 @@ Object.defineProperty(exports, "FxActionsTray", {
10
10
  });
11
11
  const _jsxruntime = require("react/jsx-runtime");
12
12
  const _react = /*#__PURE__*/ _interop_require_default(require("react"));
13
- const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
14
- const _material = require("@mui/material");
15
13
  const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
16
- const _actions_traystyles = require("./styles/actions_tray.styles");
14
+ const _actionsTraystyle = require("./styles/actionsTray.style");
15
+ const _material = require("@mui/material");
16
+ const _pluralize = /*#__PURE__*/ _interop_require_default(require("pluralize"));
17
+ const _FxIcon = require("../FxIcon");
17
18
  function _interop_require_default(obj) {
18
19
  return obj && obj.__esModule ? obj : {
19
20
  default: obj
20
21
  };
21
22
  }
22
- function FxActionsTray({ type, onApprove, onChallenge, show, onClose, chargesCount, container, direction = 'up' }) {
23
- const renderActions = ()=>{
24
- switch(type){
25
- case 'approved':
26
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(ApprovedActions, {
27
- onChallenge: onChallenge
28
- });
29
- case 'challenge':
30
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(ChallengeActions, {
31
- onChallenge: onChallenge,
32
- onApprove: onApprove
33
- });
34
- case 'pending':
35
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(PendingActions, {
36
- onApprove: onApprove,
37
- onChallenge: onChallenge
38
- });
39
- case 'no_pricing':
40
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(NoPricingActions, {
41
- onApprove: onApprove,
42
- onChallenge: onChallenge
43
- });
44
- default:
45
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(ApprovedActions, {
46
- onChallenge: onChallenge
47
- });
48
- }
49
- };
23
+ const FxActionsTray = ({ ctx, entityType = 'item', show = false, actions = [], onClose, onClick })=>{
24
+ const { classes } = (0, _actionsTraystyle.useStyles)();
25
+ const { selection = [], selectAll, ultraSelectAll, totalCount } = ctx;
26
+ const selectedCount = selectAll === true && ultraSelectAll === true ? totalCount : selection.length;
50
27
  return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
28
+ className: classes.container,
51
29
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Slide, {
52
- direction: direction,
30
+ direction: "up",
53
31
  in: show,
54
32
  mountOnEnter: true,
55
33
  unmountOnExit: true,
56
34
  timeout: 400,
57
- container: container,
58
- children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.Container, {
35
+ children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Paper, {
36
+ elevation: 4,
37
+ className: classes.paper,
59
38
  children: [
60
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.TitleWrapper, {
39
+ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
40
+ className: classes.selected,
61
41
  children: [
62
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ChargesCount, {
63
- children: chargesCount
42
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
43
+ sx: {
44
+ fontWeight: 700,
45
+ marginRight: '7px'
46
+ },
47
+ children: selectedCount
64
48
  }),
65
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ChargesTitle, {
66
- children: "charges selected"
49
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
50
+ children: `${(0, _pluralize.default)(entityType, selectedCount)} selected`
67
51
  })
68
52
  ]
69
53
  }),
70
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.Divider, {}),
71
- /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
72
- children: renderActions()
54
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
55
+ className: classes.divider,
56
+ orientation: "vertical"
73
57
  }),
74
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.Divider, {}),
75
58
  /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
59
+ className: classes.actions,
60
+ children: actions.map((action, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(ActionButton, {
61
+ title: action.title,
62
+ name: action.name,
63
+ icon: action.extended.icon,
64
+ classes: classes,
65
+ onClick: onClick
66
+ }, index))
67
+ }),
68
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
69
+ className: classes.divider,
70
+ orientation: "vertical"
71
+ }),
72
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
73
+ className: classes.close,
76
74
  onClick: onClose,
77
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.Close, {
78
- children: "close"
75
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
76
+ textAlign: 'center',
77
+ children: (0, _fixefyuiutils.titleCase)('close')
79
78
  })
80
79
  })
81
80
  ]
82
81
  })
83
82
  })
84
83
  });
85
- }
86
- const ChallengeActions = ({ onChallenge, onApprove })=>{
87
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
88
- children: [
89
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
90
- onClick: onChallenge,
91
- type: "low",
92
- children: [
93
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
94
- alt: "challenge",
95
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
96
- root: 'https://cdn-dev.fixefy.me/',
97
- src: 'actions/challenge.svg'
98
- }),
99
- src: 'actions/challenge.svg',
100
- width: 20,
101
- height: 20,
102
- onLoad: ()=>console.log('loaded'),
103
- onError: (e)=>console.log('error:', e)
104
- }),
105
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
106
- children: "challenge"
107
- })
108
- ]
109
- }),
110
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
111
- onClick: onApprove,
112
- children: [
113
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
114
- alt: "approve",
115
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
116
- root: 'https://cdn-dev.fixefy.me/',
117
- src: 'actions/approve.svg'
118
- }),
119
- src: 'actions/approve.svg',
120
- width: 20,
121
- height: 20,
122
- onLoad: ()=>console.log('loaded'),
123
- onError: (e)=>console.log('error:', e)
124
- }),
125
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
126
- children: "approve"
127
- })
128
- ]
129
- }),
130
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
131
- onClick: onApprove,
132
- children: [
133
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
134
- alt: "ignore and approve",
135
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
136
- root: 'https://cdn-dev.fixefy.me/',
137
- src: 'actions/ignore_and_approve.svg'
138
- }),
139
- src: 'actions/ignore_and_approve.svg',
140
- width: 20,
141
- height: 20,
142
- onLoad: ()=>console.log('loaded'),
143
- onError: (e)=>console.log('error:', e)
144
- }),
145
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
146
- children: "ignore & approve"
147
- })
148
- ]
149
- }),
150
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
151
- onClick: onApprove,
152
- children: [
153
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
154
- alt: "change exception",
155
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
156
- root: 'https://cdn-dev.fixefy.me/',
157
- src: 'actions/change_exception.svg'
158
- }),
159
- src: 'actions/change_exception.svg',
160
- width: 20,
161
- height: 20,
162
- onLoad: ()=>console.log('loaded'),
163
- onError: (e)=>console.log('error:', e)
164
- }),
165
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
166
- children: "Change exeption"
167
- })
168
- ]
169
- })
170
- ]
171
- });
172
84
  };
173
- const PendingActions = ({ onApprove, onChallenge })=>{
174
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
85
+ const ActionButton = ({ title, name, icon, classes, onClick })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Button, {
86
+ id: name,
87
+ className: classes.actionButton,
88
+ title: (0, _fixefyuiutils.titleCase)(title),
89
+ onClick: (event)=>onClick(event, name),
175
90
  children: [
176
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
177
- onClick: onApprove,
178
- type: "excellent",
179
- children: [
180
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
181
- alt: "approve",
182
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
183
- root: 'https://cdn-dev.fixefy.me/',
184
- src: 'actions/approve.svg'
185
- }),
186
- src: 'actions/approve.svg',
187
- width: 20,
188
- height: 20,
189
- onLoad: ()=>console.log('loaded'),
190
- onError: (e)=>console.log('error:', e)
191
- }),
192
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
193
- children: "approve"
194
- })
195
- ]
196
- }),
197
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
198
- onClick: onChallenge,
199
- children: [
200
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
201
- alt: "challenge",
202
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
203
- root: 'https://cdn-dev.fixefy.me/',
204
- src: 'actions/challenge.svg'
205
- }),
206
- src: 'actions/challenge.svg',
207
- width: 20,
208
- height: 20,
209
- onLoad: ()=>console.log('loaded'),
210
- onError: (e)=>console.log('error:', e)
211
- }),
212
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
213
- children: "challenge"
214
- })
215
- ]
91
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
92
+ width: '16px',
93
+ height: '16px',
94
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
95
+ width: 16,
96
+ height: 16,
97
+ icon: `actions/${icon}.svg`
98
+ })
216
99
  }),
217
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
218
- onClick: onChallenge,
219
- children: [
220
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
221
- alt: "dive in",
222
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
223
- root: 'https://cdn-dev.fixefy.me/',
224
- src: 'actions/dive_in.svg'
225
- }),
226
- src: 'actions/dive_in.svg',
227
- width: 20,
228
- height: 20,
229
- onLoad: ()=>console.log('loaded'),
230
- onError: (e)=>console.log('error:', e)
231
- }),
232
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
233
- children: "dive in"
234
- })
235
- ]
236
- })
237
- ]
238
- });
239
- };
240
- const NoPricingActions = ({ onApprove, onChallenge })=>{
241
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
242
- children: [
243
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
244
- onClick: onChallenge,
245
- children: [
246
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
247
- alt: "dive in",
248
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
249
- root: 'https://cdn-dev.fixefy.me/',
250
- src: 'actions/dive_in.svg'
251
- }),
252
- src: 'actions/dive_in.svg',
253
- width: 20,
254
- height: 20,
255
- onLoad: ()=>console.log('loaded'),
256
- onError: (e)=>console.log('error:', e)
257
- }),
258
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
259
- children: "dive in"
260
- })
261
- ]
262
- }),
263
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
264
- onClick: onApprove,
265
- children: [
266
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
267
- alt: "solve",
268
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
269
- root: 'https://cdn-dev.fixefy.me/',
270
- src: 'actions/solve.svg'
271
- }),
272
- src: 'actions/solve.svg',
273
- width: 20,
274
- height: 20,
275
- onLoad: ()=>console.log('loaded'),
276
- onError: (e)=>console.log('error:', e)
277
- }),
278
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
279
- children: "solve"
280
- })
281
- ]
282
- }),
283
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
284
- onClick: onApprove,
285
- children: [
286
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
287
- alt: "ignore and approve",
288
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
289
- root: 'https://cdn-dev.fixefy.me/',
290
- src: 'actions/ignore_and_approve.svg'
291
- }),
292
- src: 'actions/ignore_and_approve.svg',
293
- width: 20,
294
- height: 20,
295
- onLoad: ()=>console.log('loaded'),
296
- onError: (e)=>console.log('error:', e)
297
- }),
298
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
299
- children: "ignore & approve"
300
- })
301
- ]
302
- })
303
- ]
304
- });
305
- };
306
- const ApprovedActions = ({ onChallenge })=>{
307
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
308
- children: [
309
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
310
- onClick: onChallenge,
311
- children: [
312
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
313
- alt: "dive in",
314
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
315
- root: 'https://cdn-dev.fixefy.me/',
316
- src: 'actionsCards/check_exceptions.svg'
317
- }),
318
- src: 'actionsCards/check_exceptions.svg',
319
- width: 20,
320
- height: 20,
321
- onLoad: ()=>console.log('loaded'),
322
- onError: (e)=>console.log('error:', e)
323
- }),
324
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
325
- children: "dive in"
326
- })
327
- ]
328
- }),
329
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
330
- onClick: onChallenge,
331
- children: [
332
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
333
- alt: "challenge",
334
- loader: ()=>(0, _fixefyuiutils.imageLoader)({
335
- root: 'https://cdn-dev.fixefy.me/',
336
- src: 'actions/undo.svg'
337
- }),
338
- src: 'actions/undo.svg',
339
- width: 20,
340
- height: 20,
341
- onLoad: ()=>console.log('loaded'),
342
- onError: (e)=>console.log('error:', e)
343
- }),
344
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
345
- children: "undo"
346
- })
347
- ]
100
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
101
+ children: (0, _fixefyuiutils.titleCase)(title)
348
102
  })
349
103
  ]
350
104
  });
351
- };
package/dist/FxActionsTray/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { FxActionsTray, ActionsTrayPropsType } from './FxActionsTray';
1
+ export { FxActionsTray } from './FxActionsTray';
package/dist/FxActionsTray/index.js CHANGED
@@ -2,17 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: all[name]
9
- });
10
- }
11
- _export(exports, {
12
- ActionsTrayPropsType: function() {
13
- return _FxActionsTray.ActionsTrayPropsType;
14
- },
15
- FxActionsTray: function() {
5
+ Object.defineProperty(exports, "FxActionsTray", {
6
+ enumerable: true,
7
+ get: function() {
16
8
  return _FxActionsTray.FxActionsTray;
17
9
  }
18
10
  });
package/dist/FxActionsTray/styles/actionsTray.style.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ export declare const useStyles: (params: void, muiStyleOverridesParams?: {
2
+ props: Record<string, unknown>;
3
+ ownerState?: Record<string, unknown> | undefined;
4
+ } | undefined) => {
5
+ classes: Record<"container" | "approveButton" | "paper" | "selected" | "divider" | "actions" | "close" | "actionButton", string>;
6
+ theme: import("@mui/private-theming").DefaultTheme;
7
+ css: import("tss-react").Css;
8
+ cx: import("tss-react").Cx;
9
+ };
package/dist/FxActionsTray/styles/actionsTray.style.js ADDED
@@ -0,0 +1,114 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useStyles", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useStyles;
9
+ }
10
+ });
11
+ const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
12
+ const useStyles = (0, _fixefyuiutils.makeStyles)()((theme)=>({
13
+ container: {
14
+ position: 'fixed',
15
+ top: '80%',
16
+ left: '50%',
17
+ width: 'max-content'
18
+ },
19
+ approveButton: {
20
+ ['&:hover']: {
21
+ background: 'none'
22
+ },
23
+ ['& p']: {
24
+ color: '#78B000'
25
+ },
26
+ ['& svg']: {
27
+ color: '#78B000'
28
+ }
29
+ },
30
+ paper: {
31
+ display: 'flex',
32
+ padding: '16px 24px',
33
+ borderRadius: '8px',
34
+ backgroundColor: theme.palette.background.default,
35
+ boxShadow: '0px 0px 10px rgba(86, 135, 147, 0.2)',
36
+ position: 'relative',
37
+ zIndex: 10000,
38
+ justifyContent: 'space-between',
39
+ left: '-50%',
40
+ overflow: 'hidden',
41
+ //@ts-ignore
42
+ border: `1px solid ${theme.palette.primary['100']}`
43
+ },
44
+ selected: {
45
+ display: 'flex',
46
+ marginRight: '24px',
47
+ ['& p']: {
48
+ fontSize: '12px',
49
+ lineHeight: '16px'
50
+ },
51
+ alignItems: 'center'
52
+ },
53
+ divider: {
54
+ height: '40px',
55
+ margin: 'auto 0px',
56
+ border: `solid 1px ${theme['palette'].greyscale.contrastText}`
57
+ },
58
+ actions: {
59
+ margin: '0 24px',
60
+ display: 'flex',
61
+ flexDirection: 'row',
62
+ alignItems: 'center',
63
+ justifyContent: 'center',
64
+ gap: '20px'
65
+ },
66
+ close: {
67
+ width: '90px',
68
+ height: '60px',
69
+ borderRadius: 0,
70
+ ['& p']: {
71
+ fontSize: '12px',
72
+ fontWeight: 700
73
+ }
74
+ },
75
+ actionButton: {
76
+ display: 'flex',
77
+ justifyContent: 'center',
78
+ alignItems: 'center',
79
+ padding: '8px 16px',
80
+ gap: '4px',
81
+ //@ts-ignore
82
+ border: `1px solid ${theme.palette.primary['500']}`,
83
+ borderRadius: '100px',
84
+ position: 'relative',
85
+ ['& p']: {
86
+ fontSize: '12px',
87
+ fontWeight: 600,
88
+ textAlign: 'center',
89
+ //@ts-ignore
90
+ color: theme.palette.primary['500']
91
+ },
92
+ ['&#approve']: {
93
+ backgroundColor: theme.palette.colors.green1,
94
+ borderColor: theme.palette.colors.green1,
95
+ ['& p']: {
96
+ color: theme.palette.common.white
97
+ }
98
+ },
99
+ ['&#challenge']: {
100
+ backgroundColor: theme.palette.colors.orange,
101
+ borderColor: theme.palette.colors.orange,
102
+ ['& p']: {
103
+ color: theme.palette.common.white
104
+ }
105
+ },
106
+ ['&#decline']: {
107
+ backgroundColor: theme.palette.colors.red,
108
+ borderColor: theme.palette.colors.red,
109
+ ['& p']: {
110
+ color: theme.palette.common.white
111
+ }
112
+ }
113
+ }
114
+ }));
package/dist/FxNumberField/styles/number_field.styles.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "container" | "hint" | "inputWrapper" | "inputActions" | "inputActionsPlus" | "inputActionsMinus">;
1
+ export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "label" | "hint" | "inputWrapper" | "inputActions" | "inputActionsPlus" | "inputActionsMinus">;
package/dist/FxScore/styles/score.styles.d.ts CHANGED
@@ -3,5 +3,5 @@ interface ScoreStylesPropsType {
3
3
  scoreColor: keyof ScorePaletteColorOptions;
4
4
  variant: 'box' | 'circle';
5
5
  }
6
- export declare const useStyles: (props: ScoreStylesPropsType) => import("@mui/styles").ClassNameMap<"content" | "container" | "scoreNumber" | "scoreText" | "mainCircle" | "backgroundCircle">;
6
+ export declare const useStyles: (props: ScoreStylesPropsType) => import("@mui/styles").ClassNameMap<"container" | "content" | "scoreNumber" | "scoreText" | "mainCircle" | "backgroundCircle">;
7
7
  export {};
package/dist/FxStatisticsBar/styles/statistics.styles.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import '@fixefy/fixefy-ui-utils';
2
- export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "container" | "value" | "contrastLabel" | "contrastValue">;
2
+ export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "label" | "value" | "contrastLabel" | "contrastValue">;
package/dist/index.d.ts CHANGED
@@ -1,9 +1,8 @@
1
- export { FxActionsTray, ActionsTrayPropsType } from './FxActionsTray';
1
+ export { FxActionsTray } from './FxActionsTray';
2
2
  export { FxAggregationsBar, AggregationsDataPropsType, AggreationsBarPropsType } from './FxAggregationsBar';
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 { FxActionButton } from './FxActionButton';
7
6
  export { FxChip, ChipPropsType } from './FxChip';
8
7
  export { FxIcon } from './FxIcon';
9
8
  export { FxMenuItemWithIcon } from './FxMenuItemWithIcon';
package/dist/index.js CHANGED
@@ -9,9 +9,6 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- ActionsTrayPropsType: function() {
13
- return _FxActionsTray.ActionsTrayPropsType;
14
- },
15
12
  AggreationsBarPropsType: function() {
16
13
  return _FxAggregationsBar.AggreationsBarPropsType;
17
14
  },
@@ -48,9 +45,6 @@ _export(exports, {
48
45
  DataWrapper: function() {
49
46
  return _FxStyledComponents.DataWrapper;
50
47
  },
51
- FxActionButton: function() {
52
- return _FxActionButton.FxActionButton;
53
- },
54
48
  FxActionsTray: function() {
55
49
  return _FxActionsTray.FxActionsTray;
56
50
  },
@@ -234,7 +228,6 @@ const _FxAggregationsBar = require("./FxAggregationsBar");
234
228
  const _FxAsyncDropdown = require("./FxAsyncDropdown");
235
229
  const _FxAvatar = require("./FxAvatar");
236
230
  const _FxButton = require("./FxButton");
237
- const _FxActionButton = require("./FxActionButton");
238
231
  const _FxChip = require("./FxChip");
239
232
  const _FxIcon = require("./FxIcon");
240
233
  const _FxMenuItemWithIcon = require("./FxMenuItemWithIcon");
package/package.json CHANGED
@@ -67,5 +67,5 @@
67
67
  "require": "./dist/index.js"
68
68
  }
69
69
  },
70
- "version": "0.3.17"
70
+ "version": "0.3.19"
71
71
  }