@fixefy/fixefy-ui-components 0.0.7 → 0.0.8

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 (120) hide show
  1. package/dist-cjs/{ActionsTray/ActionsTray.jsx → FxActionsTray/FxActionsTray.jsx} +3 -3
  2. package/dist-cjs/FxActionsTray/index.js +5 -0
  3. package/dist-cjs/{AggregationsBar/Aggregations.jsx → FxAggregationsBar/FxAggregations.jsx} +3 -3
  4. package/dist-cjs/{AggregationsBar → FxAggregationsBar}/helpers/structureReader.jsx +5 -5
  5. package/dist-cjs/FxAggregationsBar/index.js +5 -0
  6. package/dist-cjs/{AsyncDropdown/AsyncDropdown.jsx → FxAsyncDropdown/FxAsyncDropdown.jsx} +2 -2
  7. package/dist-cjs/FxAsyncDropdown/index.js +5 -0
  8. package/dist-cjs/FxIcon/index.js +2 -2
  9. package/dist-cjs/FxNumberField/index.js +2 -2
  10. package/dist-cjs/FxProgressCircle/FxProgressCircle.jsx +3 -3
  11. package/dist-cjs/FxProgressCircle/index.js +2 -2
  12. package/dist-cjs/{Score/Score.jsx → FxScore/FxScore.jsx} +3 -3
  13. package/dist-cjs/FxScore/index.js +5 -0
  14. package/dist-cjs/FxShowMore/FxShowMore.jsx +3 -3
  15. package/dist-cjs/FxShowMore/index.js +2 -2
  16. package/dist-cjs/FxSlider/FxSlider.jsx +3 -3
  17. package/dist-cjs/FxSlider/index.js +2 -2
  18. package/dist-cjs/{StatisticsBar/StatisticsBar.jsx → FxStatisticsBar/FxStatisticsBar.jsx} +3 -3
  19. package/dist-cjs/FxStatisticsBar/index.js +5 -0
  20. package/dist-cjs/FxStatusBar/FxStatusBar.jsx +3 -3
  21. package/dist-cjs/FxStatusBar/index.js +2 -2
  22. package/dist-cjs/{Tag/Tag.jsx → FxTag/FxTag.jsx} +3 -3
  23. package/dist-cjs/FxTag/index.js +5 -0
  24. package/dist-cjs/FxWizard/FxWizard.jsx +3 -3
  25. package/dist-cjs/FxWizard/WizardContext.jsx +1 -1
  26. package/dist-cjs/FxWizard/index.js +2 -2
  27. package/dist-cjs/index.js +35 -7
  28. package/dist-es/{ActionsTray/ActionsTray.jsx → FxActionsTray/FxActionsTray.jsx} +1 -1
  29. package/dist-es/FxActionsTray/index.js +1 -0
  30. package/dist-es/{AggregationsBar/Aggregations.jsx → FxAggregationsBar/FxAggregations.jsx} +1 -1
  31. package/dist-es/{AggregationsBar → FxAggregationsBar}/helpers/structureReader.jsx +5 -5
  32. package/dist-es/FxAggregationsBar/index.js +1 -0
  33. package/dist-es/{AsyncDropdown/AsyncDropdown.jsx → FxAsyncDropdown/FxAsyncDropdown.jsx} +1 -1
  34. package/dist-es/FxAsyncDropdown/index.js +1 -0
  35. package/dist-es/FxIcon/index.js +1 -1
  36. package/dist-es/FxNumberField/index.js +1 -1
  37. package/dist-es/FxProgressCircle/FxProgressCircle.jsx +1 -1
  38. package/dist-es/FxProgressCircle/index.js +1 -1
  39. package/dist-es/{Score/Score.jsx → FxScore/FxScore.jsx} +1 -1
  40. package/dist-es/FxScore/index.js +1 -0
  41. package/dist-es/FxShowMore/FxShowMore.jsx +1 -1
  42. package/dist-es/FxShowMore/index.js +1 -1
  43. package/dist-es/FxSlider/FxSlider.jsx +1 -1
  44. package/dist-es/FxSlider/index.js +1 -1
  45. package/dist-es/{StatisticsBar/StatisticsBar.jsx → FxStatisticsBar/FxStatisticsBar.jsx} +1 -1
  46. package/dist-es/FxStatisticsBar/index.js +1 -0
  47. package/dist-es/FxStatusBar/FxStatusBar.jsx +1 -1
  48. package/dist-es/FxStatusBar/index.js +1 -1
  49. package/dist-es/{Tag/Tag.jsx → FxTag/FxTag.jsx} +1 -1
  50. package/dist-es/FxTag/index.js +1 -0
  51. package/dist-es/FxWizard/FxWizard.jsx +1 -1
  52. package/dist-es/FxWizard/WizardContext.jsx +2 -2
  53. package/dist-es/FxWizard/index.js +2 -2
  54. package/dist-es/index.js +16 -3
  55. package/dist-types/FxActionsTray/FxActionsTray.d.ts +3 -0
  56. package/dist-types/{ActionsTray → FxActionsTray}/index.d.ts +1 -1
  57. package/dist-types/FxAggregationsBar/FxAggregations.d.ts +3 -0
  58. package/dist-types/{AggregationsBar → FxAggregationsBar}/index.d.ts +1 -1
  59. package/dist-types/FxAsyncDropdown/FxAsyncDropdown.d.ts +3 -0
  60. package/dist-types/{AsyncDropdown → FxAsyncDropdown}/index.d.ts +1 -1
  61. package/dist-types/FxIcon/index.d.ts +2 -1
  62. package/dist-types/FxNumberField/index.d.ts +1 -1
  63. package/dist-types/FxProgressCircle/FxProgressCircle.d.ts +1 -1
  64. package/dist-types/FxProgressCircle/index.d.ts +1 -1
  65. package/dist-types/FxScore/FxScore.d.ts +3 -0
  66. package/dist-types/{Score → FxScore}/index.d.ts +1 -1
  67. package/dist-types/FxShowMore/FxShowMore.d.ts +1 -1
  68. package/dist-types/FxShowMore/index.d.ts +1 -1
  69. package/dist-types/FxSlider/FxSlider.d.ts +1 -1
  70. package/dist-types/FxSlider/index.d.ts +1 -1
  71. package/dist-types/FxStatisticsBar/FxStatisticsBar.d.ts +3 -0
  72. package/dist-types/{StatisticsBar → FxStatisticsBar}/index.d.ts +1 -1
  73. package/dist-types/FxStatusBar/FxStatusBar.d.ts +2 -2
  74. package/dist-types/FxStatusBar/index.d.ts +2 -1
  75. package/dist-types/FxTag/FxTag.d.ts +3 -0
  76. package/dist-types/{Tag → FxTag}/index.d.ts +1 -1
  77. package/dist-types/FxWizard/FxWizard.d.ts +1 -1
  78. package/dist-types/FxWizard/index.d.ts +3 -3
  79. package/dist-types/index.d.ts +16 -4
  80. package/package.json +1 -1
  81. package/dist-cjs/ActionsTray/index.js +0 -5
  82. package/dist-cjs/AggregationsBar/index.js +0 -5
  83. package/dist-cjs/AsyncDropdown/index.js +0 -5
  84. package/dist-cjs/Score/index.js +0 -5
  85. package/dist-cjs/StatisticsBar/index.js +0 -5
  86. package/dist-cjs/Tag/index.js +0 -5
  87. package/dist-es/ActionsTray/index.js +0 -1
  88. package/dist-es/AggregationsBar/index.js +0 -1
  89. package/dist-es/AsyncDropdown/index.js +0 -1
  90. package/dist-es/Score/index.js +0 -1
  91. package/dist-es/StatisticsBar/index.js +0 -1
  92. package/dist-es/Tag/index.js +0 -1
  93. package/dist-types/ActionsTray/ActionsTray.d.ts +0 -3
  94. package/dist-types/AggregationsBar/Aggregations.d.ts +0 -3
  95. package/dist-types/AsyncDropdown/AsyncDropdown.d.ts +0 -3
  96. package/dist-types/Score/Score.d.ts +0 -3
  97. package/dist-types/StatisticsBar/StatisticsBar.d.ts +0 -3
  98. package/dist-types/Tag/Tag.d.ts +0 -3
  99. /package/dist-cjs/{ActionsTray → FxActionsTray}/styles/actions_tray.styles.jsx +0 -0
  100. /package/dist-cjs/{AggregationsBar → FxAggregationsBar}/operations/query.js +0 -0
  101. /package/dist-cjs/{AsyncDropdown → FxAsyncDropdown}/helpers/helpers.js +0 -0
  102. /package/dist-cjs/{AsyncDropdown → FxAsyncDropdown}/styles/dropdown.styles.jsx +0 -0
  103. /package/dist-cjs/{Score → FxScore}/styles/score.styles.js +0 -0
  104. /package/dist-cjs/{StatisticsBar → FxStatisticsBar}/styles/statistics.styles.js +0 -0
  105. /package/dist-cjs/{Tag → FxTag}/styles/tag.styles.jsx +0 -0
  106. /package/dist-es/{ActionsTray → FxActionsTray}/styles/actions_tray.styles.jsx +0 -0
  107. /package/dist-es/{AggregationsBar → FxAggregationsBar}/operations/query.js +0 -0
  108. /package/dist-es/{AsyncDropdown → FxAsyncDropdown}/helpers/helpers.js +0 -0
  109. /package/dist-es/{AsyncDropdown → FxAsyncDropdown}/styles/dropdown.styles.jsx +0 -0
  110. /package/dist-es/{Score → FxScore}/styles/score.styles.js +0 -0
  111. /package/dist-es/{StatisticsBar → FxStatisticsBar}/styles/statistics.styles.js +0 -0
  112. /package/dist-es/{Tag → FxTag}/styles/tag.styles.jsx +0 -0
  113. /package/dist-types/{ActionsTray → FxActionsTray}/styles/actions_tray.styles.d.ts +0 -0
  114. /package/dist-types/{AggregationsBar → FxAggregationsBar}/helpers/structureReader.d.ts +0 -0
  115. /package/dist-types/{AggregationsBar → FxAggregationsBar}/operations/query.d.ts +0 -0
  116. /package/dist-types/{AsyncDropdown → FxAsyncDropdown}/helpers/helpers.d.ts +0 -0
  117. /package/dist-types/{AsyncDropdown → FxAsyncDropdown}/styles/dropdown.styles.d.ts +0 -0
  118. /package/dist-types/{Score → FxScore}/styles/score.styles.d.ts +0 -0
  119. /package/dist-types/{StatisticsBar → FxStatisticsBar}/styles/statistics.styles.d.ts +0 -0
  120. /package/dist-types/{Tag → FxTag}/styles/tag.styles.d.ts +0 -0
@@ -1,13 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ActionsTray = void 0;
3
+ exports.FxActionsTray = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const image_1 = tslib_1.__importDefault(require("next/image"));
7
7
  const material_1 = require("@mui/material");
8
8
  const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
9
9
  const actions_tray_styles_1 = require("./styles/actions_tray.styles");
10
- function ActionsTray({ type, onApprove, onChallenge, onClick, show, onClose, chargesCount, container, direction = 'up' }) {
10
+ function FxActionsTray({ type, onApprove, onChallenge, onClick, show, onClose, chargesCount, container, direction = 'up' }) {
11
11
  const renderActions = () => {
12
12
  switch (type) {
13
13
  case 'approved':
@@ -42,7 +42,7 @@ function ActionsTray({ type, onApprove, onChallenge, onClick, show, onClose, cha
42
42
  </material_1.Slide>
43
43
  </div>);
44
44
  }
45
- exports.ActionsTray = ActionsTray;
45
+ exports.FxActionsTray = FxActionsTray;
46
46
  const ChallengeActions = ({ onChallenge, onApprove }) => {
47
47
  return (<>
48
48
  <actions_tray_styles_1.ActionBtn onClick={onChallenge} type="low">
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FxActionsTray = void 0;
4
+ var FxActionsTray_1 = require("./FxActionsTray");
5
+ Object.defineProperty(exports, "FxActionsTray", { enumerable: true, get: function () { return FxActionsTray_1.FxActionsTray; } });
@@ -1,11 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AggregationsBar = void 0;
3
+ exports.FxAggregationsBar = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const Stack_1 = tslib_1.__importDefault(require("@mui/material/Stack"));
7
7
  const structureReader_1 = require("./helpers/structureReader");
8
- const AggregationsBar = (props) => {
8
+ const FxAggregationsBar = (props) => {
9
9
  const { structure, minWidth, mb, filter, initialValues } = props;
10
10
  const { children, extended } = structure;
11
11
  const { variables } = extended;
@@ -24,4 +24,4 @@ const AggregationsBar = (props) => {
24
24
  })}
25
25
  </Stack_1.default>);
26
26
  };
27
- exports.AggregationsBar = AggregationsBar;
27
+ exports.FxAggregationsBar = FxAggregationsBar;
@@ -4,8 +4,8 @@ exports.structureReader = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const material_1 = require("@mui/material");
7
- const Score_1 = require("../../Score");
8
- const StatisticsBar_1 = require("../../StatisticsBar");
7
+ const FxScore_1 = require("../../FxScore");
8
+ const FxStatisticsBar_1 = require("../../FxStatisticsBar");
9
9
  const FxProgressCounter_1 = require("../../FxProgressCounter");
10
10
  const structureReader = (structure, filter, collapsed, initialValues) => {
11
11
  var _a;
@@ -14,7 +14,7 @@ const structureReader = (structure, filter, collapsed, initialValues) => {
14
14
  case 'aggregations_primary_container':
15
15
  return structure.children.map((child, index) => {
16
16
  var _a, _b, _c;
17
- return ((_a = child.input_type) === null || _a === void 0 ? void 0 : _a.value) === 'percentage' ? (<Score_1.Score structure={child} key={index} filter={filter} value={initialValues === null || initialValues === void 0 ? void 0 : initialValues.score}/>) : ((_b = child.input_type) === null || _b === void 0 ? void 0 : _b.value) === 'progress' ? (<FxProgressCounter_1.FxProgressCounter structure={child} filter={filter} key={index} values={initialValues}/>) : (<material_1.Box sx={{
17
+ return ((_a = child.input_type) === null || _a === void 0 ? void 0 : _a.value) === 'percentage' ? (<FxScore_1.FxScore structure={child} key={index} filter={filter} value={initialValues === null || initialValues === void 0 ? void 0 : initialValues.score}/>) : ((_b = child.input_type) === null || _b === void 0 ? void 0 : _b.value) === 'progress' ? (<FxProgressCounter_1.FxProgressCounter structure={child} filter={filter} key={index} values={initialValues}/>) : (<material_1.Box sx={{
18
18
  display: 'flex',
19
19
  justifyContent: 'center',
20
20
  alignItems: 'center',
@@ -23,7 +23,7 @@ const structureReader = (structure, filter, collapsed, initialValues) => {
23
23
  borderRadius: 2,
24
24
  backgroundColor: ((_c = extended === null || extended === void 0 ? void 0 : extended.variables) === null || _c === void 0 ? void 0 : _c.bg) || '#FFFFFF',
25
25
  }}>
26
- <StatisticsBar_1.StatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>
26
+ <FxStatisticsBar_1.FxStatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>
27
27
  </material_1.Box>);
28
28
  });
29
29
  case 'aggregations_secondary_container':
@@ -33,7 +33,7 @@ const structureReader = (structure, filter, collapsed, initialValues) => {
33
33
  padding: '24px 16px',
34
34
  }}>
35
35
  {structure.children.map((child, index) => {
36
- return <StatisticsBar_1.StatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>;
36
+ return <FxStatisticsBar_1.FxStatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>;
37
37
  })}
38
38
  </material_1.Stack>);
39
39
  }
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FxAggregationsBar = void 0;
4
+ var FxAggregations_1 = require("./FxAggregations");
5
+ Object.defineProperty(exports, "FxAggregationsBar", { enumerable: true, get: function () { return FxAggregations_1.FxAggregationsBar; } });
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AsyncDropdown = void 0;
3
+ exports.FxAsyncDropdown = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const lodash_1 = tslib_1.__importDefault(require("lodash"));
6
6
  const icons_material_1 = require("@mui/icons-material");
@@ -12,7 +12,7 @@ const material_1 = require("@mui/material");
12
12
  const dropdown_styles_1 = require("./styles/dropdown.styles");
13
13
  const icon = <icons_material_1.CheckBoxOutlineBlank fontSize="small"/>;
14
14
  const checkedIcon = <icons_material_1.CheckBox fontSize="small"/>;
15
- exports.AsyncDropdown = react_1.default.forwardRef((props, parentRef) => {
15
+ exports.FxAsyncDropdown = react_1.default.forwardRef((props, parentRef) => {
16
16
  var _a, _b, _c, _d, _e, _f, _g;
17
17
  const ref = (0, react_1.useRef)(null);
18
18
  const theme = (0, material_1.useTheme)();
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FxAsyncDropdown = void 0;
4
+ var FxAsyncDropdown_1 = require("./FxAsyncDropdown");
5
+ Object.defineProperty(exports, "FxAsyncDropdown", { enumerable: true, get: function () { return FxAsyncDropdown_1.FxAsyncDropdown; } });
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Icon = void 0;
3
+ exports.FxIcon = void 0;
4
4
  var FxIcon_1 = require("./FxIcon");
5
- Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return FxIcon_1.FxIcon; } });
5
+ Object.defineProperty(exports, "FxIcon", { enumerable: true, get: function () { return FxIcon_1.FxIcon; } });
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Numberfield = void 0;
3
+ exports.FxNumberField = void 0;
4
4
  var FxNumberField_1 = require("./FxNumberField");
5
- Object.defineProperty(exports, "Numberfield", { enumerable: true, get: function () { return FxNumberField_1.FxNumberField; } });
5
+ Object.defineProperty(exports, "FxNumberField", { enumerable: true, get: function () { return FxNumberField_1.FxNumberField; } });
@@ -1,10 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ProgressCircle = void 0;
3
+ exports.FxProgressCircle = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const progress_circle_styles_1 = require("./styles/progress_circle.styles");
7
- function ProgressCircle({ radius = 70, border = 70, value, hasLabel = true, max = 100, color, type = 'progress' }) {
7
+ function FxProgressCircle({ radius = 70, border = 70, value, hasLabel = true, max = 100, color, type = 'progress' }) {
8
8
  const _value = value ? value / max : 0;
9
9
  const p = 2 * Math.PI * (radius - border / 2);
10
10
  const strokeWidth = border;
@@ -25,4 +25,4 @@ function ProgressCircle({ radius = 70, border = 70, value, hasLabel = true, max
25
25
  {hasLabel && type === 'percentage' && <progress_circle_styles_1.Label sx={{ ml: 1 }}>{label}</progress_circle_styles_1.Label>}
26
26
  </progress_circle_styles_1.Container>);
27
27
  }
28
- exports.ProgressCircle = ProgressCircle;
28
+ exports.FxProgressCircle = FxProgressCircle;
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ProgressCircle = void 0;
3
+ exports.FxProgressCircle = void 0;
4
4
  var FxProgressCircle_1 = require("./FxProgressCircle");
5
- Object.defineProperty(exports, "ProgressCircle", { enumerable: true, get: function () { return FxProgressCircle_1.ProgressCircle; } });
5
+ Object.defineProperty(exports, "FxProgressCircle", { enumerable: true, get: function () { return FxProgressCircle_1.FxProgressCircle; } });
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Score = void 0;
3
+ exports.FxScore = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importStar(require("react"));
6
6
  const graphql_tag_1 = require("graphql-tag");
@@ -8,7 +8,7 @@ const client_1 = require("@apollo/client");
8
8
  const score_styles_1 = require("./styles/score.styles");
9
9
  const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
10
10
  const material_1 = require("@mui/material");
11
- const Score = (_a) => {
11
+ const FxScore = (_a) => {
12
12
  var _b;
13
13
  var { value, structure, filter, variant = 'box', hasLabel = true, title: propsTitle = 'score', Sizes: propsSizes = {} } = _a, rest = tslib_1.__rest(_a, ["value", "structure", "filter", "variant", "hasLabel", "title", "Sizes"]);
14
14
  const Sizes = Object.assign({ box: {
@@ -54,4 +54,4 @@ const Score = (_a) => {
54
54
  </material_1.Box>
55
55
  </material_1.Box>);
56
56
  };
57
- exports.Score = Score;
57
+ exports.FxScore = FxScore;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FxScore = void 0;
4
+ var FxScore_1 = require("./FxScore");
5
+ Object.defineProperty(exports, "FxScore", { enumerable: true, get: function () { return FxScore_1.FxScore; } });
@@ -1,12 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ShowMore = void 0;
3
+ exports.FxShowMore = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const material_1 = require("@mui/material");
7
7
  const show_more_styles_1 = require("./styles/show_more.styles");
8
8
  const KeyboardArrowDown_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowDown"));
9
- function ShowMore({ items, label, children, title }) {
9
+ function FxShowMore({ items, label, children, title }) {
10
10
  const [anchorEl, setAnchorEl] = react_1.default.useState(null);
11
11
  const handleClick = (event) => {
12
12
  setAnchorEl(event.currentTarget);
@@ -44,4 +44,4 @@ function ShowMore({ items, label, children, title }) {
44
44
  </show_more_styles_1.StyledPopover>
45
45
  </show_more_styles_1.ShowMoreWrapper>);
46
46
  }
47
- exports.ShowMore = ShowMore;
47
+ exports.FxShowMore = FxShowMore;
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ShowMore = void 0;
3
+ exports.FxShowMore = void 0;
4
4
  var FxShowMore_1 = require("./FxShowMore");
5
- Object.defineProperty(exports, "ShowMore", { enumerable: true, get: function () { return FxShowMore_1.ShowMore; } });
5
+ Object.defineProperty(exports, "FxShowMore", { enumerable: true, get: function () { return FxShowMore_1.FxShowMore; } });
@@ -1,10 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Slider = void 0;
3
+ exports.FxSlider = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const material_1 = require("@mui/material");
7
- function Slider(props) {
7
+ function FxSlider(props) {
8
8
  return <material_1.Slider {...props}/>;
9
9
  }
10
- exports.Slider = Slider;
10
+ exports.FxSlider = FxSlider;
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Slider = void 0;
3
+ exports.FxSlider = void 0;
4
4
  var FxSlider_1 = require("./FxSlider");
5
- Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return FxSlider_1.Slider; } });
5
+ Object.defineProperty(exports, "FxSlider", { enumerable: true, get: function () { return FxSlider_1.FxSlider; } });
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.StatisticsBar = void 0;
3
+ exports.FxStatisticsBar = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importStar(require("react"));
6
6
  const graphql_tag_1 = require("graphql-tag");
@@ -9,7 +9,7 @@ const material_1 = require("@mui/material");
9
9
  const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
10
10
  const fixefy_ui_utils_2 = require("@fixefy/fixefy-ui-utils");
11
11
  const statistics_styles_1 = require("./styles/statistics.styles");
12
- function StatisticsBar({ value, type = 'currency', label, structure, collapsed, filter }) {
12
+ function FxStatisticsBar({ value, type = 'currency', label, structure, collapsed, filter }) {
13
13
  const _classes = (0, statistics_styles_1.useStyles)();
14
14
  const { extended, input_type, title } = structure || {};
15
15
  const { gql_operation, object_path, filter: structurefilter, variables } = extended || {};
@@ -92,4 +92,4 @@ function StatisticsBar({ value, type = 'currency', label, structure, collapsed,
92
92
  <span className={(variables === null || variables === void 0 ? void 0 : variables.contrast) ? _classes.contrastLabel : _classes.label}>{(0, fixefy_ui_utils_1.titleCase)(statisticsTitle)}</span>
93
93
  </div>);
94
94
  }
95
- exports.StatisticsBar = StatisticsBar;
95
+ exports.FxStatisticsBar = FxStatisticsBar;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FxStatisticsBar = void 0;
4
+ var FxStatisticsBar_1 = require("./FxStatisticsBar");
5
+ Object.defineProperty(exports, "FxStatisticsBar", { enumerable: true, get: function () { return FxStatisticsBar_1.FxStatisticsBar; } });
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.StatusBar = void 0;
3
+ exports.FxStatusBar = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importStar(require("react"));
6
6
  const material_1 = require("@mui/material");
@@ -8,7 +8,7 @@ const FxChip_1 = require("../FxChip");
8
8
  const constants_1 = require("./helpers/constants");
9
9
  const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
10
10
  const statusBar_styles_1 = require("./styles/statusBar.styles");
11
- const StatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant = 'filled' }) => {
11
+ const FxStatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant = 'filled' }) => {
12
12
  const [selectedStatus, setSelectedStatus] = (0, react_1.useState)([]);
13
13
  const [searchValue, setSearchValue] = (0, react_1.useState)('');
14
14
  (0, react_1.useEffect)(() => {
@@ -61,4 +61,4 @@ const StatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options, ch
61
61
  </material_1.Stack>
62
62
  </statusBar_styles_1.StatusBarCard>);
63
63
  };
64
- exports.StatusBar = StatusBar;
64
+ exports.FxStatusBar = FxStatusBar;
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.StatusBar = void 0;
3
+ exports.FxStatusBar = void 0;
4
4
  var FxStatusBar_1 = require("./FxStatusBar");
5
- Object.defineProperty(exports, "StatusBar", { enumerable: true, get: function () { return FxStatusBar_1.StatusBar; } });
5
+ Object.defineProperty(exports, "FxStatusBar", { enumerable: true, get: function () { return FxStatusBar_1.FxStatusBar; } });
@@ -1,13 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Tag = void 0;
3
+ exports.FxTag = void 0;
4
4
  const material_1 = require("@mui/material");
5
5
  const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils/");
6
6
  const tag_styles_1 = require("./styles/tag.styles");
7
- const Tag = ({ name, count = 0 }) => (<material_1.Box display="flex" alignItems="center" justifyContent="center" sx={{ maxWidth: 'fit-content', mb: 1 }}>
7
+ const FxTag = ({ name, count = 0 }) => (<material_1.Box display="flex" alignItems="center" justifyContent="center" sx={{ maxWidth: 'fit-content', mb: 1 }}>
8
8
  <tag_styles_1.StyledTag name={name}>
9
9
  <tag_styles_1.StyledLabel>{(0, fixefy_ui_utils_1.titleCase)(name)}</tag_styles_1.StyledLabel>
10
10
  </tag_styles_1.StyledTag>
11
11
  <tag_styles_1.StyledCount name={name}>{count}</tag_styles_1.StyledCount>
12
12
  </material_1.Box>);
13
- exports.Tag = Tag;
13
+ exports.FxTag = FxTag;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FxTag = void 0;
4
+ var FxTag_1 = require("./FxTag");
5
+ Object.defineProperty(exports, "FxTag", { enumerable: true, get: function () { return FxTag_1.FxTag; } });
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Wizard = void 0;
3
+ exports.FxWizard = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const material_1 = require("@mui/material");
@@ -35,7 +35,7 @@ const Animations = {
35
35
  },
36
36
  },
37
37
  };
38
- function Wizard(_a) {
38
+ function FxWizard(_a) {
39
39
  var { open, content = [], currentPage = 0, reverse = false, onCancel, title, actions, icon, componentStyles, divider = true } = _a, rest = tslib_1.__rest(_a, ["open", "content", "currentPage", "reverse", "onCancel", "title", "actions", "icon", "componentStyles", "divider"]);
40
40
  const transitions = (0, web_1.useTransition)(content[currentPage], Object.assign(Object.assign({}, Animations[reverse ? 'leftToRight' : 'rightToLeft']), { keys: null }));
41
41
  return (<wizard_styles_1.StyledModal {...rest} title={title} actions={actions} icon={icon} isOpen={Boolean(open)} isIconTitleInline onClose={(e) => onCancel(e, '')}>
@@ -46,4 +46,4 @@ function Wizard(_a) {
46
46
  {divider && <material_1.Divider sx={{ mb: '8px', mt: '32px' }}/>}
47
47
  </wizard_styles_1.StyledModal>);
48
48
  }
49
- exports.Wizard = Wizard;
49
+ exports.FxWizard = FxWizard;
@@ -80,7 +80,7 @@ const WizardContextProvider = ({ children }) => {
80
80
  };
81
81
  return (<exports.WizardContext.Provider value={_state}>
82
82
  {children}
83
- <FxWizard_1.Wizard {...modalProps} componentStyles={componentStyles} currentPage={currentPage} reverse={reverse} open={open} onCancel={onCancel} content={content}/>
83
+ <FxWizard_1.FxWizard {...modalProps} componentStyles={componentStyles} currentPage={currentPage} reverse={reverse} open={open} onCancel={onCancel} content={content}/>
84
84
  </exports.WizardContext.Provider>);
85
85
  };
86
86
  exports.WizardContextProvider = WizardContextProvider;
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.WizardContextProvider = exports.WizardContext = exports.Wizard = void 0;
3
+ exports.WizardContextProvider = exports.WizardContext = exports.FxWizard = void 0;
4
4
  var FxWizard_1 = require("./FxWizard");
5
- Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return FxWizard_1.Wizard; } });
5
+ Object.defineProperty(exports, "FxWizard", { enumerable: true, get: function () { return FxWizard_1.FxWizard; } });
6
6
  var WizardContext_1 = require("./WizardContext");
7
7
  Object.defineProperty(exports, "WizardContext", { enumerable: true, get: function () { return WizardContext_1.WizardContext; } });
8
8
  Object.defineProperty(exports, "WizardContextProvider", { enumerable: true, get: function () { return WizardContext_1.WizardContextProvider; } });
package/dist-cjs/index.js CHANGED
@@ -1,19 +1,47 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Tag = exports.FxProgressCounter = exports.FxModal = exports.FxChip = exports.FxButton = exports.FxAvatar = exports.AsyncDropdown = exports.AggregationsBar = void 0;
4
- var AggregationsBar_1 = require("./AggregationsBar");
5
- Object.defineProperty(exports, "AggregationsBar", { enumerable: true, get: function () { return AggregationsBar_1.AggregationsBar; } });
6
- var AsyncDropdown_1 = require("./AsyncDropdown");
7
- Object.defineProperty(exports, "AsyncDropdown", { enumerable: true, get: function () { return AsyncDropdown_1.AsyncDropdown; } });
3
+ exports.WizardContextProvider = exports.WizardContext = exports.FxWizard = exports.FxTodo = exports.FxTextField = exports.FxTag = exports.FxStatusBar = exports.FxStatisticsBar = exports.FxSlider = exports.FxShowMore = exports.FxScore = exports.FxProgressCounter = exports.FxProgressCircle = exports.FxNumberField = exports.FxNotes = exports.FxModal = exports.FxIcon = exports.FxChip = exports.FxButton = exports.FxAvatar = exports.FxAsyncDropdown = exports.FxAggregationsBar = exports.FxActionsTray = void 0;
4
+ var FxActionsTray_1 = require("./FxActionsTray");
5
+ Object.defineProperty(exports, "FxActionsTray", { enumerable: true, get: function () { return FxActionsTray_1.FxActionsTray; } });
6
+ var FxAggregationsBar_1 = require("./FxAggregationsBar");
7
+ Object.defineProperty(exports, "FxAggregationsBar", { enumerable: true, get: function () { return FxAggregationsBar_1.FxAggregationsBar; } });
8
+ var FxAsyncDropdown_1 = require("./FxAsyncDropdown");
9
+ Object.defineProperty(exports, "FxAsyncDropdown", { enumerable: true, get: function () { return FxAsyncDropdown_1.FxAsyncDropdown; } });
8
10
  var FxAvatar_1 = require("./FxAvatar");
9
11
  Object.defineProperty(exports, "FxAvatar", { enumerable: true, get: function () { return FxAvatar_1.FxAvatar; } });
10
12
  var FxButton_1 = require("./FxButton");
11
13
  Object.defineProperty(exports, "FxButton", { enumerable: true, get: function () { return FxButton_1.FxButton; } });
12
14
  var FxChip_1 = require("./FxChip");
13
15
  Object.defineProperty(exports, "FxChip", { enumerable: true, get: function () { return FxChip_1.FxChip; } });
16
+ var FxIcon_1 = require("./FxIcon");
17
+ Object.defineProperty(exports, "FxIcon", { enumerable: true, get: function () { return FxIcon_1.FxIcon; } });
14
18
  var FxModal_1 = require("./FxModal");
15
19
  Object.defineProperty(exports, "FxModal", { enumerable: true, get: function () { return FxModal_1.FxModal; } });
20
+ var FxNotes_1 = require("./FxNotes");
21
+ Object.defineProperty(exports, "FxNotes", { enumerable: true, get: function () { return FxNotes_1.FxNotes; } });
22
+ var FxNumberField_1 = require("./FxNumberField");
23
+ Object.defineProperty(exports, "FxNumberField", { enumerable: true, get: function () { return FxNumberField_1.FxNumberField; } });
24
+ var FxProgressCircle_1 = require("./FxProgressCircle");
25
+ Object.defineProperty(exports, "FxProgressCircle", { enumerable: true, get: function () { return FxProgressCircle_1.FxProgressCircle; } });
16
26
  var FxProgressCounter_1 = require("./FxProgressCounter");
17
27
  Object.defineProperty(exports, "FxProgressCounter", { enumerable: true, get: function () { return FxProgressCounter_1.FxProgressCounter; } });
18
- var Tag_1 = require("./Tag/");
19
- Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
28
+ var FxScore_1 = require("./FxScore");
29
+ Object.defineProperty(exports, "FxScore", { enumerable: true, get: function () { return FxScore_1.FxScore; } });
30
+ var FxShowMore_1 = require("./FxShowMore");
31
+ Object.defineProperty(exports, "FxShowMore", { enumerable: true, get: function () { return FxShowMore_1.FxShowMore; } });
32
+ var FxSlider_1 = require("./FxSlider");
33
+ Object.defineProperty(exports, "FxSlider", { enumerable: true, get: function () { return FxSlider_1.FxSlider; } });
34
+ var FxStatisticsBar_1 = require("./FxStatisticsBar");
35
+ Object.defineProperty(exports, "FxStatisticsBar", { enumerable: true, get: function () { return FxStatisticsBar_1.FxStatisticsBar; } });
36
+ var FxStatusBar_1 = require("./FxStatusBar");
37
+ Object.defineProperty(exports, "FxStatusBar", { enumerable: true, get: function () { return FxStatusBar_1.FxStatusBar; } });
38
+ var FxTag_1 = require("./FxTag");
39
+ Object.defineProperty(exports, "FxTag", { enumerable: true, get: function () { return FxTag_1.FxTag; } });
40
+ var FxTextField_1 = require("./FxTextField");
41
+ Object.defineProperty(exports, "FxTextField", { enumerable: true, get: function () { return FxTextField_1.FxTextField; } });
42
+ var FxTodo_1 = require("./FxTodo");
43
+ Object.defineProperty(exports, "FxTodo", { enumerable: true, get: function () { return FxTodo_1.FxTodo; } });
44
+ var FxWizard_1 = require("./FxWizard");
45
+ Object.defineProperty(exports, "FxWizard", { enumerable: true, get: function () { return FxWizard_1.FxWizard; } });
46
+ Object.defineProperty(exports, "WizardContext", { enumerable: true, get: function () { return FxWizard_1.WizardContext; } });
47
+ Object.defineProperty(exports, "WizardContextProvider", { enumerable: true, get: function () { return FxWizard_1.WizardContextProvider; } });
@@ -3,7 +3,7 @@ import Image from 'next/image';
3
3
  import { Slide } from '@mui/material';
4
4
  import { imageLoader } from '@fixefy/fixefy-ui-utils';
5
5
  import { ActionBtn, ActionTitle, ChargesCount, ChargesTitle, Close, Container, Divider, TitleWrapper } from './styles/actions_tray.styles';
6
- export function ActionsTray({ type, onApprove, onChallenge, onClick, show, onClose, chargesCount, container, direction = 'up' }) {
6
+ export function FxActionsTray({ type, onApprove, onChallenge, onClick, show, onClose, chargesCount, container, direction = 'up' }) {
7
7
  const renderActions = () => {
8
8
  switch (type) {
9
9
  case 'approved':
@@ -0,0 +1 @@
1
+ export { FxActionsTray } from './FxActionsTray';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import Stack from '@mui/material/Stack';
3
3
  import { structureReader } from './helpers/structureReader';
4
- export const AggregationsBar = (props) => {
4
+ export const FxAggregationsBar = (props) => {
5
5
  const { structure, minWidth, mb, filter, initialValues } = props;
6
6
  const { children, extended } = structure;
7
7
  const { variables } = extended;
@@ -1,13 +1,13 @@
1
1
  import React from 'react';
2
2
  import { Box, Stack, Divider } from '@mui/material';
3
- import { Score } from '../../Score';
4
- import { StatisticsBar } from '../../StatisticsBar';
3
+ import { FxScore } from '../../FxScore';
4
+ import { FxStatisticsBar } from '../../FxStatisticsBar';
5
5
  import { FxProgressCounter } from '../../FxProgressCounter';
6
6
  export const structureReader = (structure, filter, collapsed, initialValues) => {
7
7
  const { extended, type } = structure;
8
8
  switch (type) {
9
9
  case 'aggregations_primary_container':
10
- return structure.children.map((child, index) => child.input_type?.value === 'percentage' ? (<Score structure={child} key={index} filter={filter} value={initialValues?.score}/>) : child.input_type?.value === 'progress' ? (<FxProgressCounter structure={child} filter={filter} key={index} values={initialValues}/>) : (<Box sx={{
10
+ return structure.children.map((child, index) => child.input_type?.value === 'percentage' ? (<FxScore structure={child} key={index} filter={filter} value={initialValues?.score}/>) : child.input_type?.value === 'progress' ? (<FxProgressCounter structure={child} filter={filter} key={index} values={initialValues}/>) : (<Box sx={{
11
11
  display: 'flex',
12
12
  justifyContent: 'center',
13
13
  alignItems: 'center',
@@ -16,7 +16,7 @@ export const structureReader = (structure, filter, collapsed, initialValues) =>
16
16
  borderRadius: 2,
17
17
  backgroundColor: extended?.variables?.bg || '#FFFFFF',
18
18
  }}>
19
- <StatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>
19
+ <FxStatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>
20
20
  </Box>));
21
21
  case 'aggregations_secondary_container':
22
22
  return (<Stack direction="row" divider={<Divider orientation="vertical" flexItem/>} spacing={2} sx={{
@@ -25,7 +25,7 @@ export const structureReader = (structure, filter, collapsed, initialValues) =>
25
25
  padding: '24px 16px',
26
26
  }}>
27
27
  {structure.children.map((child, index) => {
28
- return <StatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>;
28
+ return <FxStatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>;
29
29
  })}
30
30
  </Stack>);
31
31
  }
@@ -0,0 +1 @@
1
+ export { FxAggregationsBar } from './FxAggregations';
@@ -8,7 +8,7 @@ import { Button, Checkbox, CircularProgress, useAutocomplete, useTheme, Typograp
8
8
  import { Root, InputWrapper, Listbox, StyledClose, StyledListBox, Loading } from './styles/dropdown.styles';
9
9
  const icon = <CheckBoxOutlineBlankIcon fontSize="small"/>;
10
10
  const checkedIcon = <CheckBoxIcon fontSize="small"/>;
11
- export const AsyncDropdown = React.forwardRef((props, parentRef) => {
11
+ export const FxAsyncDropdown = React.forwardRef((props, parentRef) => {
12
12
  const ref = useRef(null);
13
13
  const theme = useTheme();
14
14
  const [options, setOptions] = useState([]);
@@ -0,0 +1 @@
1
+ export { FxAsyncDropdown } from './FxAsyncDropdown';
@@ -1 +1 @@
1
- export { FxIcon as Icon } from "./FxIcon";
1
+ export { FxIcon } from './FxIcon';
@@ -1 +1 @@
1
- export { FxNumberField as Numberfield } from './FxNumberField';
1
+ export { FxNumberField } from './FxNumberField';
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Container, Label, Slider, SliderCircle, SliderBar } from './styles/progress_circle.styles';
3
- export function ProgressCircle({ radius = 70, border = 70, value, hasLabel = true, max = 100, color, type = 'progress' }) {
3
+ export function FxProgressCircle({ radius = 70, border = 70, value, hasLabel = true, max = 100, color, type = 'progress' }) {
4
4
  const _value = value ? value / max : 0;
5
5
  const p = 2 * Math.PI * (radius - border / 2);
6
6
  const strokeWidth = border;
@@ -1 +1 @@
1
- export { ProgressCircle } from './FxProgressCircle';
1
+ export { FxProgressCircle } from './FxProgressCircle';
@@ -4,7 +4,7 @@ import { useLazyQuery } from '@apollo/client';
4
4
  import { useStyles } from './styles/score.styles';
5
5
  import { getScoreColor, titleCase } from '@fixefy/fixefy-ui-utils';
6
6
  import { Box, CircularProgress, Skeleton, Typography } from '@mui/material';
7
- export const Score = ({ value, structure, filter, variant = 'box', hasLabel = true, title: propsTitle = 'score', Sizes: propsSizes = {}, ...rest }) => {
7
+ export const FxScore = ({ value, structure, filter, variant = 'box', hasLabel = true, title: propsTitle = 'score', Sizes: propsSizes = {}, ...rest }) => {
8
8
  const Sizes = {
9
9
  box: {
10
10
  boxWidth: 104,
@@ -0,0 +1 @@
1
+ export { FxScore } from './FxScore';
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { Typography } from '@mui/material';
3
3
  import { ShowMoreWrapper, ShowMoreBtn, ShowMoreIcon, StyledPopover, StyledDivider, StyledLabel } from './styles/show_more.styles';
4
4
  import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
5
- export function ShowMore({ items, label, children, title }) {
5
+ export function FxShowMore({ items, label, children, title }) {
6
6
  const [anchorEl, setAnchorEl] = React.useState(null);
7
7
  const handleClick = (event) => {
8
8
  setAnchorEl(event.currentTarget);
@@ -1 +1 @@
1
- export { ShowMore } from './FxShowMore';
1
+ export { FxShowMore } from './FxShowMore';
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { Slider as _Slider } from '@mui/material';
3
- export function Slider(props) {
3
+ export function FxSlider(props) {
4
4
  return <_Slider {...props}/>;
5
5
  }
@@ -1 +1 @@
1
- export { Slider } from './FxSlider';
1
+ export { FxSlider } from './FxSlider';
@@ -5,7 +5,7 @@ import { Box, Skeleton } from '@mui/material';
5
5
  import { titleCase } from '@fixefy/fixefy-ui-utils';
6
6
  import { getCurrency } from '@fixefy/fixefy-ui-utils';
7
7
  import { useStyles } from './styles/statistics.styles';
8
- export function StatisticsBar({ value, type = 'currency', label, structure, collapsed, filter }) {
8
+ export function FxStatisticsBar({ value, type = 'currency', label, structure, collapsed, filter }) {
9
9
  const _classes = useStyles();
10
10
  const { extended, input_type, title } = structure || {};
11
11
  const { gql_operation, object_path, filter: structurefilter, variables } = extended || {};
@@ -0,0 +1 @@
1
+ export { FxStatisticsBar } from './FxStatisticsBar';
@@ -4,7 +4,7 @@ import { FxChip } from '../FxChip';
4
4
  import { statuses } from './helpers/constants';
5
5
  import { titleCase } from '@fixefy/fixefy-ui-utils';
6
6
  import { StatusBarCard, StatusBarTitle, StatusChipStyled } from './styles/statusBar.styles';
7
- export const StatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant = 'filled' }) => {
7
+ export const FxStatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant = 'filled' }) => {
8
8
  const [selectedStatus, setSelectedStatus] = useState([]);
9
9
  const [searchValue, setSearchValue] = useState('');
10
10
  useEffect(() => {
@@ -1 +1 @@
1
- export { StatusBar } from "./FxStatusBar";
1
+ export { FxStatusBar } from './FxStatusBar';
@@ -1,7 +1,7 @@
1
1
  import { Box } from '@mui/material';
2
2
  import { titleCase } from '@fixefy/fixefy-ui-utils/';
3
3
  import { StyledCount, StyledLabel, StyledTag } from './styles/tag.styles';
4
- export const Tag = ({ name, count = 0 }) => (<Box display="flex" alignItems="center" justifyContent="center" sx={{ maxWidth: 'fit-content', mb: 1 }}>
4
+ export const FxTag = ({ name, count = 0 }) => (<Box display="flex" alignItems="center" justifyContent="center" sx={{ maxWidth: 'fit-content', mb: 1 }}>
5
5
  <StyledTag name={name}>
6
6
  <StyledLabel>{titleCase(name)}</StyledLabel>
7
7
  </StyledTag>
@@ -0,0 +1 @@
1
+ export { FxTag } from "./FxTag";
@@ -31,7 +31,7 @@ const Animations = {
31
31
  },
32
32
  },
33
33
  };
34
- export function Wizard({ open, content = [], currentPage = 0, reverse = false, onCancel, title, actions, icon, componentStyles, divider = true, ...rest }) {
34
+ export function FxWizard({ open, content = [], currentPage = 0, reverse = false, onCancel, title, actions, icon, componentStyles, divider = true, ...rest }) {
35
35
  const transitions = useTransition(content[currentPage], {
36
36
  ...Animations[reverse ? 'leftToRight' : 'rightToLeft'],
37
37
  keys: null,
@@ -1,4 +1,4 @@
1
- import { Wizard } from './FxWizard';
1
+ import { FxWizard } from './FxWizard';
2
2
  import React, { createContext, useState } from 'react';
3
3
  export const WizardContext = createContext({});
4
4
  export const WizardContextProvider = ({ children }) => {
@@ -79,6 +79,6 @@ export const WizardContextProvider = ({ children }) => {
79
79
  };
80
80
  return (<WizardContext.Provider value={_state}>
81
81
  {children}
82
- <Wizard {...modalProps} componentStyles={componentStyles} currentPage={currentPage} reverse={reverse} open={open} onCancel={onCancel} content={content}/>
82
+ <FxWizard {...modalProps} componentStyles={componentStyles} currentPage={currentPage} reverse={reverse} open={open} onCancel={onCancel} content={content}/>
83
83
  </WizardContext.Provider>);
84
84
  };
@@ -1,2 +1,2 @@
1
- export { Wizard } from "./FxWizard";
2
- export { WizardContext, WizardContextProvider } from "./WizardContext";
1
+ export { FxWizard } from './FxWizard';
2
+ export { WizardContext, WizardContextProvider } from './WizardContext';
package/dist-es/index.js CHANGED
@@ -1,8 +1,21 @@
1
- export { AggregationsBar } from './AggregationsBar';
2
- export { AsyncDropdown } from './AsyncDropdown';
1
+ export { FxActionsTray } from './FxActionsTray';
2
+ export { FxAggregationsBar } from './FxAggregationsBar';
3
+ export { FxAsyncDropdown } from './FxAsyncDropdown';
3
4
  export { FxAvatar } from './FxAvatar';
4
5
  export { FxButton } from './FxButton';
5
6
  export { FxChip } from './FxChip';
7
+ export { FxIcon } from './FxIcon';
6
8
  export { FxModal } from './FxModal';
9
+ export { FxNotes } from './FxNotes';
10
+ export { FxNumberField } from './FxNumberField';
11
+ export { FxProgressCircle } from './FxProgressCircle';
7
12
  export { FxProgressCounter } from './FxProgressCounter';
8
- export { Tag } from './Tag/';
13
+ export { FxScore } from './FxScore';
14
+ export { FxShowMore } from './FxShowMore';
15
+ export { FxSlider } from './FxSlider';
16
+ export { FxStatisticsBar } from './FxStatisticsBar';
17
+ export { FxStatusBar } from './FxStatusBar';
18
+ export { FxTag } from './FxTag';
19
+ export { FxTextField } from './FxTextField';
20
+ export { FxTodo } from './FxTodo';
21
+ export { FxWizard, WizardContext, WizardContextProvider } from './FxWizard';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ActionsTrayPropsType } from './actions_tray_types';
3
+ export declare function FxActionsTray({ type, onApprove, onChallenge, onClick, show, onClose, chargesCount, container, direction }: ActionsTrayPropsType): React.JSX.Element;
@@ -1,2 +1,2 @@
1
- export { ActionsTray } from './ActionsTray';
1
+ export { FxActionsTray } from './FxActionsTray';
2
2
  export type { ActionsTrayPropsType, ActionButtonPropsType } from './actions_tray_types';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { AggreationsBarPropsType } from './aggregations_types';
3
+ export declare const FxAggregationsBar: (props: AggreationsBarPropsType) => React.JSX.Element;
@@ -1,2 +1,2 @@
1
- export { AggregationsBar } from './Aggregations';
1
+ export { FxAggregationsBar } from './FxAggregations';
2
2
  export type { AggregationsDataPropsType, AggreationsBarPropsType } from './aggregations_types';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { AsyncDropdownPropsType } from './async_dropdown_types';
3
+ export declare const FxAsyncDropdown: React.ForwardRefExoticComponent<Omit<AsyncDropdownPropsType, "ref"> & React.RefAttributes<unknown>>;
@@ -1,2 +1,2 @@
1
- export { AsyncDropdown } from './AsyncDropdown';
1
+ export { FxAsyncDropdown } from './FxAsyncDropdown';
2
2
  export type { AsyncDropdownPropsType } from './async_dropdown_types';
@@ -1 +1,2 @@
1
- export { FxIcon as Icon } from "./FxIcon";
1
+ export { FxIcon } from './FxIcon';
2
+ export { IconPropsType } from './icon_types';
@@ -1,2 +1,2 @@
1
- export { FxNumberField as Numberfield } from './FxNumberField';
1
+ export { FxNumberField } from './FxNumberField';
2
2
  export type { NumberfieldPropsType } from './number_field_types';
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { ProgressCirclePropsType } from './progress_circle_types';
3
- export declare function ProgressCircle({ radius, border, value, hasLabel, max, color, type }: ProgressCirclePropsType): React.JSX.Element;
3
+ export declare function FxProgressCircle({ radius, border, value, hasLabel, max, color, type }: ProgressCirclePropsType): React.JSX.Element;
@@ -1,2 +1,2 @@
1
- export { ProgressCircle } from './FxProgressCircle';
1
+ export { FxProgressCircle } from './FxProgressCircle';
2
2
  export type { ProgressCirclePropsType } from './progress_circle_types';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ScorePropsType } from './score_types';
3
+ export declare const FxScore: ({ value, structure, filter, variant, hasLabel, title: propsTitle, Sizes: propsSizes, ...rest }: ScorePropsType) => React.JSX.Element;
@@ -1,2 +1,2 @@
1
- export { Score } from './Score';
1
+ export { FxScore } from './FxScore';
2
2
  export type { ScorePropsType } from './score_types';
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { ShowMorePropsType } from './show_more_types';
3
- export declare function ShowMore({ items, label, children, title }: ShowMorePropsType): React.JSX.Element;
3
+ export declare function FxShowMore({ items, label, children, title }: ShowMorePropsType): React.JSX.Element;
@@ -1,2 +1,2 @@
1
- export { ShowMore } from './FxShowMore';
1
+ export { FxShowMore } from './FxShowMore';
2
2
  export type { ShowMorePropsType } from './show_more_types';
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { SliderPropsType } from './slider_types';
3
- export declare function Slider(props: SliderPropsType): React.JSX.Element;
3
+ export declare function FxSlider(props: SliderPropsType): React.JSX.Element;
@@ -1,2 +1,2 @@
1
- export { Slider } from './FxSlider';
1
+ export { FxSlider } from './FxSlider';
2
2
  export type { SliderPropsType } from './slider_types';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { StatisticsPropsType } from './statistics_bar_types';
3
+ export declare function FxStatisticsBar({ value, type, label, structure, collapsed, filter }: StatisticsPropsType): React.JSX.Element;
@@ -1,2 +1,2 @@
1
- export { StatisticsBar } from './StatisticsBar';
1
+ export { FxStatisticsBar } from './FxStatisticsBar';
2
2
  export type { StatisticsPropsType } from './statistics_bar_types';
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- import { StatusBarProps } from './status_bar_types';
3
- export declare const StatusBar: ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant }: StatusBarProps) => React.JSX.Element;
2
+ import { StatusBarPropsType } from './status_bar_types';
3
+ export declare const FxStatusBar: ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant }: StatusBarPropsType) => React.JSX.Element;
@@ -1 +1,2 @@
1
- export { StatusBar } from "./FxStatusBar";
1
+ export { FxStatusBar } from './FxStatusBar';
2
+ export { StatusBarPropsType } from './status_bar_types';
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { TagPropsType } from './tag_types';
3
+ export declare const FxTag: ({ name, count }: TagPropsType) => import("react").JSX.Element;
@@ -1,2 +1,2 @@
1
- export { Tag } from "./Tag";
1
+ export { FxTag } from "./FxTag";
2
2
  export type { TagPropsType } from "./tag_types";
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { WizardPropsType } from './wizard_types';
3
- export declare function Wizard({ open, content, currentPage, reverse, onCancel, title, actions, icon, componentStyles, divider, ...rest }: WizardPropsType): React.JSX.Element;
3
+ export declare function FxWizard({ open, content, currentPage, reverse, onCancel, title, actions, icon, componentStyles, divider, ...rest }: WizardPropsType): React.JSX.Element;
@@ -1,3 +1,3 @@
1
- export { Wizard } from "./FxWizard";
2
- export type { WizardPropsType } from "./wizard_types";
3
- export { WizardContext, WizardContextProvider } from "./WizardContext";
1
+ export { FxWizard } from './FxWizard';
2
+ export type { WizardPropsType } from './wizard_types';
3
+ export { WizardContext, WizardContextProvider } from './WizardContext';
@@ -1,9 +1,21 @@
1
- export type { ActionsTray, ActionsTrayPropsType, ActionButtonPropsType } from './ActionsTray';
2
- export { AggregationsBar, AggreationsBarPropsType, AggregationsDataPropsType } from './AggregationsBar';
3
- export { AsyncDropdown, AsyncDropdownPropsType } from './AsyncDropdown';
1
+ export { FxActionsTray, ActionsTrayPropsType, ActionButtonPropsType } from './FxActionsTray';
2
+ export { FxAggregationsBar, AggreationsBarPropsType, AggregationsDataPropsType } from './FxAggregationsBar';
3
+ export { FxAsyncDropdown, AsyncDropdownPropsType } from './FxAsyncDropdown';
4
4
  export { FxAvatar, AvatarPropsType } from './FxAvatar';
5
5
  export { FxButton } from './FxButton';
6
6
  export { FxChip, ChipPropsType } from './FxChip';
7
+ export { FxIcon, IconPropsType } from './FxIcon';
7
8
  export { FxModal, ModalPropsType } from './FxModal';
9
+ export { FxNotes, NotesPropsType } from './FxNotes';
10
+ export { FxNumberField, NumberfieldPropsType } from './FxNumberField';
11
+ export { FxProgressCircle, ProgressCirclePropsType } from './FxProgressCircle';
8
12
  export { FxProgressCounter, ProgressCounterPropsType } from './FxProgressCounter';
9
- export { Tag, TagPropsType } from './Tag/';
13
+ export { FxScore, ScorePropsType } from './FxScore';
14
+ export { FxShowMore, ShowMorePropsType } from './FxShowMore';
15
+ export { FxSlider, SliderPropsType } from './FxSlider';
16
+ export { FxStatisticsBar, StatisticsPropsType } from './FxStatisticsBar';
17
+ export { FxStatusBar, StatusBarPropsType } from './FxStatusBar';
18
+ export { FxTag, TagPropsType } from './FxTag';
19
+ export { FxTextField, TextFieldPropsType } from './FxTextField';
20
+ export { FxTodo, TodoPropsType } from './FxTodo';
21
+ export { FxWizard, WizardPropsType, WizardContext, WizardContextProvider } from './FxWizard';
package/package.json CHANGED
@@ -62,5 +62,5 @@
62
62
  }
63
63
  },
64
64
  "types": "./dist-types/index.d.ts",
65
- "version": "0.0.7"
65
+ "version": "0.0.8"
66
66
  }
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ActionsTray = void 0;
4
- var ActionsTray_1 = require("./ActionsTray");
5
- Object.defineProperty(exports, "ActionsTray", { enumerable: true, get: function () { return ActionsTray_1.ActionsTray; } });
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AggregationsBar = void 0;
4
- var Aggregations_1 = require("./Aggregations");
5
- Object.defineProperty(exports, "AggregationsBar", { enumerable: true, get: function () { return Aggregations_1.AggregationsBar; } });
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AsyncDropdown = void 0;
4
- var AsyncDropdown_1 = require("./AsyncDropdown");
5
- Object.defineProperty(exports, "AsyncDropdown", { enumerable: true, get: function () { return AsyncDropdown_1.AsyncDropdown; } });
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Score = void 0;
4
- var Score_1 = require("./Score");
5
- Object.defineProperty(exports, "Score", { enumerable: true, get: function () { return Score_1.Score; } });
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.StatisticsBar = void 0;
4
- var StatisticsBar_1 = require("./StatisticsBar");
5
- Object.defineProperty(exports, "StatisticsBar", { enumerable: true, get: function () { return StatisticsBar_1.StatisticsBar; } });
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Tag = void 0;
4
- var Tag_1 = require("./Tag");
5
- Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
@@ -1 +0,0 @@
1
- export { ActionsTray } from './ActionsTray';
@@ -1 +0,0 @@
1
- export { AggregationsBar } from './Aggregations';
@@ -1 +0,0 @@
1
- export { AsyncDropdown } from './AsyncDropdown';
@@ -1 +0,0 @@
1
- export { Score } from './Score';
@@ -1 +0,0 @@
1
- export { StatisticsBar } from './StatisticsBar';
@@ -1 +0,0 @@
1
- export { Tag } from "./Tag";
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { ActionsTrayPropsType } from './actions_tray_types';
3
- export declare function ActionsTray({ type, onApprove, onChallenge, onClick, show, onClose, chargesCount, container, direction }: ActionsTrayPropsType): React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { AggreationsBarPropsType } from './aggregations_types';
3
- export declare const AggregationsBar: (props: AggreationsBarPropsType) => React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { AsyncDropdownPropsType } from './async_dropdown_types';
3
- export declare const AsyncDropdown: React.ForwardRefExoticComponent<Omit<AsyncDropdownPropsType, "ref"> & React.RefAttributes<unknown>>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { ScorePropsType } from './score_types';
3
- export declare const Score: ({ value, structure, filter, variant, hasLabel, title: propsTitle, Sizes: propsSizes, ...rest }: ScorePropsType) => React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { StatisticsPropsType } from './statistics_bar_types';
3
- export declare function StatisticsBar({ value, type, label, structure, collapsed, filter }: StatisticsPropsType): React.JSX.Element;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { TagPropsType } from './tag_types';
3
- export declare const Tag: ({ name, count }: TagPropsType) => import("react").JSX.Element;
File without changes
File without changes