@scaleflex/widget-common 4.3.0 → 4.4.0

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/CHANGELOG.md +8 -0
  2. package/package.json +4 -4
  3. package/dist/style.css +0 -1126
  4. package/dist/style.min.css +0 -1
  5. package/lib/ApprovalStatus/ApprovalStatus.styled.js +0 -21
  6. package/lib/ApprovalStatus/index.js +0 -104
  7. package/lib/AssetPreview.js +0 -53
  8. package/lib/AutoSuggest.js +0 -166
  9. package/lib/Avatar/Avatar.styled.js +0 -25
  10. package/lib/Avatar/index.js +0 -83
  11. package/lib/AvatarWithStatus/AvatarWithStatus.styled.js +0 -12
  12. package/lib/AvatarWithStatus/index.js +0 -30
  13. package/lib/BackButton.js +0 -46
  14. package/lib/BackdropOverlay.js +0 -77
  15. package/lib/BadgeButton.js +0 -35
  16. package/lib/BaseButton.js +0 -36
  17. package/lib/Button.js +0 -29
  18. package/lib/Carousel/Carousel.styled.js +0 -19
  19. package/lib/Carousel/index.js +0 -136
  20. package/lib/Checkbox.js +0 -55
  21. package/lib/CloseButton.js +0 -46
  22. package/lib/ColorPicker/ColorPicker.styled.js +0 -29
  23. package/lib/ColorPicker/index.js +0 -117
  24. package/lib/ColorPickerModal/ColorPickerModal.styled.js +0 -17
  25. package/lib/ColorPickerModal/index.js +0 -103
  26. package/lib/DatePicker/MyDatePicker.js +0 -350
  27. package/lib/DatePicker/index.js +0 -1
  28. package/lib/DropFilesWindow.js +0 -45
  29. package/lib/FilterItem/FilterItem.styled.js +0 -42
  30. package/lib/FilterItem/index.js +0 -48
  31. package/lib/FilterPopup/FilterPopup.styled.js +0 -16
  32. package/lib/FilterPopup/index.js +0 -85
  33. package/lib/FormControl.js +0 -25
  34. package/lib/FormGroup.js +0 -18
  35. package/lib/FormHelperText.js +0 -29
  36. package/lib/IconLabeledButton.js +0 -32
  37. package/lib/Image/Image.styled.js +0 -16
  38. package/lib/Image/index.js +0 -95
  39. package/lib/ImagePreview/ImagePreview.styled.js +0 -19
  40. package/lib/ImagePreview/index.js +0 -198
  41. package/lib/InputAndLabel.js +0 -77
  42. package/lib/InputGroupTime.js +0 -6
  43. package/lib/InputLabel.js +0 -18
  44. package/lib/ItemButtonOverlay/ItemButtonOverlay.styled.js +0 -33
  45. package/lib/ItemButtonOverlay/index.js +0 -23
  46. package/lib/ItemHoverTopOptions.js +0 -58
  47. package/lib/LoaderView/LoaderView.styled.js +0 -37
  48. package/lib/LoaderView/index.js +0 -32
  49. package/lib/MetaData/FilterMetadataFields.js +0 -115
  50. package/lib/MetaData/FilterMetadataFields.styled.js +0 -16
  51. package/lib/MetaData/MetaDataField.js +0 -246
  52. package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldBooleanType.js +0 -36
  53. package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldDateType.js +0 -53
  54. package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldMultiSelectType.js +0 -71
  55. package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldNumericType.js +0 -45
  56. package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldSelectType.js +0 -69
  57. package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTagsType.js +0 -143
  58. package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTextType.js +0 -42
  59. package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTextareaType.js +0 -72
  60. package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTypes.styled.js +0 -57
  61. package/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType/AttachmentsAssetsMetadataAccordion.styled.js +0 -95
  62. package/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType/MetadataAttachmentsAction.js +0 -188
  63. package/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType/MetadataAttachmentsFieldType.constants.js +0 -48
  64. package/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType/MetadataAttachmentsInfo.js +0 -93
  65. package/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType/index.js +0 -114
  66. package/lib/MetaData/MetaDataFieldTypes/MetadataFieldUriType.js +0 -71
  67. package/lib/MetaData/MetaDataFieldTypes/MetadataGeoPointField/MetadataGeoPointField.styled.js +0 -8
  68. package/lib/MetaData/MetaDataFieldTypes/MetadataGeoPointField/constants.js +0 -10
  69. package/lib/MetaData/MetaDataFieldTypes/MetadataGeoPointField/index.js +0 -135
  70. package/lib/MetaData/MetaDataFieldTypes/index.js +0 -9
  71. package/lib/MetaData/MetaDataFieldTypes.hooks.js +0 -53
  72. package/lib/OverlayCard/OverlayCard.styled.js +0 -8
  73. package/lib/OverlayCard/index.js +0 -28
  74. package/lib/PoweredBy.js +0 -12
  75. package/lib/Radiobox.js +0 -63
  76. package/lib/RegionalVariantsFilters/RegionalVariantFilters.styled.js +0 -17
  77. package/lib/RegionalVariantsFilters/index.js +0 -160
  78. package/lib/SVGUrlToElement.js +0 -73
  79. package/lib/SearchGroup/SearchGroup.styled.js +0 -93
  80. package/lib/SearchGroup/index.js +0 -293
  81. package/lib/Spinner.js +0 -40
  82. package/lib/SuggestedSelectInput/SuggestedSelectInput.styled.js +0 -57
  83. package/lib/SuggestedSelectInput/index.js +0 -238
  84. package/lib/SuggestedTagsInput/SuggestedTagsInput.js +0 -295
  85. package/lib/SuggestedTagsInput/SuggestedTagsInput.styled.js +0 -83
  86. package/lib/SuggestedTagsInput/SuggestedTagsInput.utils.js +0 -15
  87. package/lib/SuggestedTagsInput/SuggestedTagsInputSkeleton.js +0 -14
  88. package/lib/Tabs.js +0 -62
  89. package/lib/ToggleButton/ToggleButton.styled.js +0 -16
  90. package/lib/ToggleButton/index.js +0 -16
  91. package/lib/Transitions/SlideTransition.js +0 -24
  92. package/lib/Transitions/TransitionWrapper.js +0 -83
  93. package/lib/Transitions/Transitions.styled.js +0 -8
  94. package/lib/Transitions/index.js +0 -2
  95. package/lib/Typography/Typography.js +0 -47
  96. package/lib/Typography/Typography.mixin.js +0 -46
  97. package/lib/Typography/Typography.styled.js +0 -18
  98. package/lib/Typography/index.js +0 -3
  99. package/lib/Typography/types/index.js +0 -1
  100. package/lib/Typography/types/variant.js +0 -9
  101. package/lib/UploadFileFloatyLabel/UploadFileFloatyLabel.mixin.js +0 -23
  102. package/lib/UploadFileFloatyLabel/UploadFileFloatyLabel.styled.js +0 -24
  103. package/lib/UploadFileFloatyLabel/index.js +0 -12
  104. package/lib/UsersAutocomplete/Tag.js +0 -25
  105. package/lib/UsersAutocomplete/Tag.styled.js +0 -35
  106. package/lib/UsersAutocomplete/UsersAutocomplete.styled.js +0 -94
  107. package/lib/UsersAutocomplete/index.js +0 -303
  108. package/lib/VirtualGrid/VirtualGrid.styled.js +0 -33
  109. package/lib/VirtualGrid/VirtualGrid.utils.js +0 -38
  110. package/lib/VirtualGrid/VirtualGridItem.js +0 -15
  111. package/lib/VirtualGrid/index.js +0 -252
  112. package/lib/VirtualList/VirtualListItem.js +0 -14
  113. package/lib/VirtualList/index.js +0 -105
  114. package/lib/hooks/index.js +0 -4
  115. package/lib/hooks/useDebounce.js +0 -24
  116. package/lib/hooks/useInputWithLocaleNumber.js +0 -115
  117. package/lib/hooks/useIsUnMountedRef.js +0 -12
  118. package/lib/hooks/useKeyboardNavigation.js +0 -60
  119. package/lib/hooks/useUpdateEffect.js +0 -19
  120. package/lib/index.js +0 -36
@@ -1,135 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["onChange", "value", "size", "i18n", "showDistanceField", "disabled", "placeholder"];
3
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
9
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
11
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
12
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
13
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
14
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
15
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
16
- import { useState } from 'react';
17
- import { InputGroup } from '@scaleflex/ui/core';
18
- import getGeoPointValidationErrors from '@scaleflex/widget-utils/lib/metadata/getGeoPointValidationErrors';
19
- import getMetadataFieldGeoPointValue from '@scaleflex/widget-utils/lib/metadata/getMetadataFieldGeoPointValue';
20
- import { GEO_POINT_FIELDS } from './constants';
21
- import Styled from './MetadataGeoPointField.styled';
22
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
23
- var LONGITUDE = GEO_POINT_FIELDS.LONGITUDE,
24
- LATITUDE = GEO_POINT_FIELDS.LATITUDE,
25
- DISTANCE = GEO_POINT_FIELDS.DISTANCE;
26
- var MetadataGeoPointField = function MetadataGeoPointField(_ref) {
27
- var onChange = _ref.onChange,
28
- _ref$value = _ref.value,
29
- value = _ref$value === void 0 ? '' : _ref$value,
30
- _ref$size = _ref.size,
31
- size = _ref$size === void 0 ? 'md' : _ref$size,
32
- i18n = _ref.i18n,
33
- _ref$showDistanceFiel = _ref.showDistanceField,
34
- showDistanceField = _ref$showDistanceFiel === void 0 ? false : _ref$showDistanceFiel,
35
- _ref$disabled = _ref.disabled,
36
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
37
- placeholder = _ref.placeholder,
38
- rest = _objectWithoutProperties(_ref, _excluded);
39
- var _useState = useState({}),
40
- _useState2 = _slicedToArray(_useState, 2),
41
- error = _useState2[0],
42
- setError = _useState2[1];
43
- var getGeoPointPlaceholder = function getGeoPointPlaceholder(type) {
44
- if (!placeholder) return '';
45
- if (typeof placeholder === 'string') {
46
- return placeholder;
47
- }
48
- return placeholder[type];
49
- };
50
- var _ref2 = getMetadataFieldGeoPointValue(value, showDistanceField) || {},
51
- latitude = _ref2.latitude,
52
- longitude = _ref2.longitude,
53
- distance = _ref2.distance;
54
- var getGeoPoint = function getGeoPoint(newLatitude, newLongitude) {
55
- return "(".concat(newLatitude, ",").concat(newLongitude, ")");
56
- };
57
- var handleChange = function handleChange(newValue) {
58
- var _newValue$LATITUDE, _newValue$LONGITUDE, _newValue$DISTANCE;
59
- var newLatitude = (_newValue$LATITUDE = newValue[LATITUDE]) !== null && _newValue$LATITUDE !== void 0 ? _newValue$LATITUDE : latitude;
60
- var newLongitude = (_newValue$LONGITUDE = newValue[LONGITUDE]) !== null && _newValue$LONGITUDE !== void 0 ? _newValue$LONGITUDE : longitude;
61
- var newDistance = (_newValue$DISTANCE = newValue[DISTANCE]) !== null && _newValue$DISTANCE !== void 0 ? _newValue$DISTANCE : distance;
62
- var geoPoint = getGeoPoint(newLatitude, newLongitude);
63
- var newGeoPoint = showDistanceField && newDistance ? "~".concat(geoPoint, "..").concat(newDistance) : geoPoint;
64
- var geoPointErrors = getGeoPointValidationErrors({
65
- geoPoint: newGeoPoint,
66
- showDistanceField: showDistanceField
67
- });
68
- setError(geoPointErrors);
69
- onChange === null || onChange === void 0 ? void 0 : onChange(newGeoPoint, geoPointErrors);
70
- };
71
- return /*#__PURE__*/_jsxs(Styled.InputWrapper, {
72
- children: [/*#__PURE__*/_jsx("div", {
73
- "data-valid": !(error !== null && error !== void 0 && error[LATITUDE]),
74
- children: /*#__PURE__*/_jsx(InputGroup, _objectSpread(_objectSpread({
75
- size: size,
76
- fullWidth: true,
77
- value: latitude,
78
- onChange: function onChange(_ref3) {
79
- var target = _ref3.target;
80
- return handleChange(_defineProperty({}, LATITUDE, target.value));
81
- },
82
- inputProps: {
83
- type: 'number',
84
- step: 'any'
85
- },
86
- hint: i18n(error === null || error === void 0 ? void 0 : error[LATITUDE]),
87
- placeholder: getGeoPointPlaceholder(LATITUDE),
88
- disabled: disabled
89
- }, rest), {}, {
90
- error: !!(error !== null && error !== void 0 && error[LATITUDE])
91
- }))
92
- }), /*#__PURE__*/_jsx("div", {
93
- "data-valid": !(error !== null && error !== void 0 && error[LONGITUDE]),
94
- children: /*#__PURE__*/_jsx(InputGroup, _objectSpread(_objectSpread({
95
- size: size,
96
- fullWidth: true,
97
- value: longitude,
98
- onChange: function onChange(_ref4) {
99
- var target = _ref4.target;
100
- return handleChange(_defineProperty({}, LONGITUDE, target.value));
101
- },
102
- inputProps: {
103
- type: 'number',
104
- step: 'any'
105
- },
106
- hint: i18n(error === null || error === void 0 ? void 0 : error[LONGITUDE]),
107
- placeholder: getGeoPointPlaceholder(LONGITUDE),
108
- disabled: disabled
109
- }, rest), {}, {
110
- error: !!(error !== null && error !== void 0 && error[LONGITUDE])
111
- }))
112
- }), showDistanceField && /*#__PURE__*/_jsx("div", {
113
- "data-valid": !(error !== null && error !== void 0 && error[DISTANCE]),
114
- children: /*#__PURE__*/_jsx(InputGroup, _objectSpread(_objectSpread({
115
- size: size,
116
- fullWidth: true,
117
- value: distance,
118
- onChange: function onChange(_ref5) {
119
- var target = _ref5.target;
120
- return handleChange(_defineProperty({}, DISTANCE, target.value));
121
- },
122
- inputProps: {
123
- type: 'number',
124
- step: 'any'
125
- },
126
- placeholder: getGeoPointPlaceholder(DISTANCE),
127
- hint: i18n(error === null || error === void 0 ? void 0 : error[DISTANCE]),
128
- disabled: disabled
129
- }, rest), {}, {
130
- error: !!(error !== null && error !== void 0 && error[DISTANCE])
131
- }))
132
- })]
133
- });
134
- };
135
- export default MetadataGeoPointField;
@@ -1,9 +0,0 @@
1
- export { default as MetaDataFieldTextType } from './MetaDataFieldTextType';
2
- export { default as MetaDataFieldNumericType } from './MetaDataFieldNumericType';
3
- export { default as MetaDataFieldTextareaType } from './MetaDataFieldTextareaType';
4
- export { default as MetaDataFieldSelectType } from './MetaDataFieldSelectType';
5
- export { default as MetaDataFieldDateType } from './MetaDataFieldDateType';
6
- export { default as MetaDataFieldTagsType } from './MetaDataFieldTagsType';
7
- export { default as MetaDataFieldBooleanType } from './MetaDataFieldBooleanType';
8
- export { default as MetadataFieldUriType } from './MetadataFieldUriType';
9
- export { default as MetadataGeoPointField } from './MetadataGeoPointField';
@@ -1,53 +0,0 @@
1
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
2
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
4
- function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
5
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
6
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
7
- import { useMemo } from 'react';
8
- import { IS_OPERATOR_OPTIONS } from '@scaleflex/widget-explorer/lib/components/Filters/Filters.constants';
9
- import { FILTER_CONDITIONS } from '@scaleflex/widget-utils/lib/constants';
10
- var useMetaDataSortedOptions = function useMetaDataSortedOptions(_ref) {
11
- var field = _ref.field,
12
- value = _ref.value,
13
- multiple = _ref.multiple,
14
- i18n = _ref.i18n;
15
- var _field$possible_value = field.possible_values,
16
- options = _field$possible_value === void 0 ? [] : _field$possible_value,
17
- condition = field.condition;
18
- var sortedOptions = useMemo(function () {
19
- var sOptions = (options || []).map(function (_ref2) {
20
- var label = _ref2.label,
21
- uniqValue = _ref2.internal_unique_value,
22
- i18nKey = _ref2.i18nKey;
23
- return {
24
- id: uniqValue,
25
- label: i18n(i18nKey) || label || uniqValue
26
- };
27
- });
28
- sOptions.sort(function (a, b) {
29
- return ((a === null || a === void 0 ? void 0 : a.label) || '').localeCompare(b === null || b === void 0 ? void 0 : b.label);
30
- });
31
- return condition === FILTER_CONDITIONS.IS ? [].concat(_toConsumableArray(IS_OPERATOR_OPTIONS.map(function (_ref3) {
32
- var id = _ref3.id,
33
- label = _ref3.label,
34
- i18nKey = _ref3.i18nKey;
35
- return {
36
- id: id,
37
- label: i18n(i18nKey) || label
38
- };
39
- })), _toConsumableArray(sOptions)) : sOptions;
40
- }, [options, condition]);
41
- var getValue = function getValue() {
42
- if (!value.length) {
43
- if (multiple) return [];
44
- return '';
45
- }
46
- return value;
47
- };
48
- return {
49
- sortedOptions: sortedOptions,
50
- getValue: getValue
51
- };
52
- };
53
- export { useMetaDataSortedOptions };
@@ -1,8 +0,0 @@
1
- var _templateObject;
2
- function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
- import styled from 'styled-components';
4
- var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1005;\n box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);\n background-color: #ffffff;\n overflow: hidden;\n // For Safari, otherwise there is no border-radius in OverlayCard.\n border-radius: 5px;\n"])));
5
- var Styled = {
6
- Wrapper: Wrapper
7
- };
8
- export default Styled;
@@ -1,28 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["children", "panelType", "ref"];
3
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
9
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
10
- import Styled from './OverlayCard.styled';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- var OverlayCard = function OverlayCard(_ref) {
13
- var children = _ref.children,
14
- _ref$panelType = _ref.panelType,
15
- panelType = _ref$panelType === void 0 ? 'FileCard' : _ref$panelType,
16
- ref = _ref.ref,
17
- rest = _objectWithoutProperties(_ref, _excluded);
18
- return /*#__PURE__*/_jsx(Styled.Wrapper, _objectSpread(_objectSpread({
19
- ref: ref,
20
- className: "filerobot-Explorer-OverlayCard filerobot-common-OverlayCard"
21
- // TODO: Replace the FileCard with OverlayCard/FileWindow or the proper name in the future.
22
- ,
23
- "data-filerobot-paneltype": panelType || 'FileCard'
24
- }, rest), {}, {
25
- children: children
26
- }));
27
- };
28
- export default OverlayCard;
package/lib/PoweredBy.js DELETED
@@ -1,12 +0,0 @@
1
- import { jsxs as _jsxs } from "react/jsx-runtime";
2
- var PoweredBy = function PoweredBy(_ref) {
3
- var normalText = _ref.normalText,
4
- strongText = _ref.strongText;
5
- return /*#__PURE__*/_jsxs("div", {
6
- className: "filerobot-common-PoweredBy-label",
7
- children: [normalText || 'Powered by', /*#__PURE__*/_jsxs("strong", {
8
- children: [" ", strongText]
9
- })]
10
- });
11
- };
12
- export default PoweredBy;
package/lib/Radiobox.js DELETED
@@ -1,63 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["classes", "checked", "children", "label", "onChange", "hint", "labelStyle", "color", "iconPrimaryColor"];
3
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
9
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
10
- import { QuestionMarkOutline } from '@scaleflex/icons';
11
- import { TooltipV2, Radio } from '@scaleflex/ui/core';
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- var Radiobox = function Radiobox(_ref) {
14
- var classes = _ref.classes,
15
- _ref$checked = _ref.checked,
16
- checked = _ref$checked === void 0 ? false : _ref$checked,
17
- children = _ref.children,
18
- label = _ref.label,
19
- onChange = _ref.onChange,
20
- hint = _ref.hint,
21
- labelStyle = _ref.labelStyle,
22
- color = _ref.color,
23
- iconPrimaryColor = _ref.iconPrimaryColor,
24
- rest = _objectWithoutProperties(_ref, _excluded);
25
- return /*#__PURE__*/_jsxs("label", {
26
- className: "filerobot-common-Radio-wrapper",
27
- onClick: function onClick() {
28
- if (typeof onChange === 'function') {
29
- onChange();
30
- }
31
- },
32
- children: [/*#__PURE__*/_jsx("div", {
33
- className: "filerobot-common-Radio".concat(classes ? " ".concat(classes) : ''),
34
- role: "radiobox",
35
- children: /*#__PURE__*/_jsx(Radio, _objectSpread({
36
- size: "md",
37
- style: {
38
- color: color,
39
- display: 'flex'
40
- },
41
- checked: checked,
42
- onChange: function onChange() {}
43
- }, rest))
44
- }), label && /*#__PURE__*/_jsx("div", {
45
- className: "filerobot-common-Radio-label",
46
- style: labelStyle,
47
- children: label
48
- }), hint && /*#__PURE__*/_jsx(TooltipV2, {
49
- arrow: true,
50
- position: "top",
51
- size: "sm",
52
- title: hint,
53
- children: /*#__PURE__*/_jsx(QuestionMarkOutline, {
54
- size: 12,
55
- color: iconPrimaryColor,
56
- style: {
57
- marginLeft: 4
58
- }
59
- })
60
- })]
61
- });
62
- };
63
- export default Radiobox;
@@ -1,17 +0,0 @@
1
- var _templateObject, _templateObject2, _templateObject3;
2
- function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
- import styled from 'styled-components';
4
- import { PC } from '@scaleflex/widget-common';
5
- import { Button as SfxButton, Menu as SfxMenu } from '@scaleflex/ui/core';
6
- var Button = styled(SfxButton)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .SfxButton-Label {\n font-weight: 400;\n }\n\n .SfxButton-StartIcon {\n margin-right: 4px;\n }\n\n .arrow-wrapper {\n margin-left: 6px;\n }\n"])));
7
- var Menu = styled(SfxMenu)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 16px;\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n max-height: 400px;\n width: 250px;\n background-color: ", ";\n\n"])), function (_ref) {
8
- var palette = _ref.theme.palette;
9
- return palette[PC.BackgroundStateless];
10
- });
11
- var IconImage = styled.img(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: none;\n width: 100%;\n max-height: 12px;\n max-width: 12px;\n margin-right: 4px;\n"])));
12
- var Styled = {
13
- Button: Button,
14
- Menu: Menu,
15
- IconImage: IconImage
16
- };
17
- export default Styled;
@@ -1,160 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
8
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
9
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
10
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
11
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
12
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
13
- import { useState, useEffect, useMemo } from 'react';
14
- import PT from 'prop-types';
15
- import Styled from './RegionalVariantFilters.styled';
16
- import { SelectGroup, MenuItem, Label, IconButton } from '@scaleflex/ui/core';
17
- import { ultrafastPrefix } from '@scaleflex/widget-utils/lib/getItemIcon';
18
- import ignoreEvent from '@scaleflex/widget-utils/lib/ignoreEvent';
19
- import { ArrowBottom, LanguagesOutline } from '@scaleflex/icons';
20
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
21
- var RegionalVariantFilters = function RegionalVariantFilters(_ref) {
22
- var metaDataGroups = _ref.metaDataGroups,
23
- _ref$iconOnly = _ref.iconOnly,
24
- iconOnly = _ref$iconOnly === void 0 ? false : _ref$iconOnly,
25
- iconColor = _ref.iconColor,
26
- _ref$iconSize = _ref.iconSize,
27
- iconSize = _ref$iconSize === void 0 ? 12 : _ref$iconSize,
28
- btnClassName = _ref.btnClassName,
29
- groups = _ref.groups,
30
- filters = _ref.filters,
31
- onChangeFilters = _ref.onChangeFilters,
32
- i18n = _ref.i18n,
33
- _ref$hideGroupWithout = _ref.hideGroupWithoutRegionalValue,
34
- hideGroupWithoutRegionalValue = _ref$hideGroupWithout === void 0 ? false : _ref$hideGroupWithout;
35
- var _useState = useState(undefined),
36
- _useState2 = _slicedToArray(_useState, 2),
37
- anchorEl = _useState2[0],
38
- setAnchorEl = _useState2[1];
39
- var open = Boolean(anchorEl);
40
- var handleClick = function handleClick(event) {
41
- return setAnchorEl(event.currentTarget);
42
- };
43
- var handleClose = function handleClose() {
44
- return setAnchorEl(undefined);
45
- };
46
- var filteredGroups = useMemo(function () {
47
- var newFilteredGroups = (groups || []).filter(function (group) {
48
- var _group$variants;
49
- return (group === null || group === void 0 ? void 0 : (_group$variants = group.variants) === null || _group$variants === void 0 ? void 0 : _group$variants.length) > 1 && (!hideGroupWithoutRegionalValue || typeof filters[group.uuid] !== 'undefined');
50
- }); // Don't show filters with one option or doesn't have value in the filters prop object
51
-
52
- if (metaDataGroups) {
53
- var usedRegVarGroupsSet = new Set();
54
- (metaDataGroups || []).forEach(function (metaGroup) {
55
- ((metaGroup === null || metaGroup === void 0 ? void 0 : metaGroup.fields) || []).forEach(function (metaField) {
56
- if (metaField !== null && metaField !== void 0 && metaField.regional_variants_group_uuid) {
57
- usedRegVarGroupsSet.add(metaField.regional_variants_group_uuid);
58
- }
59
- });
60
- });
61
- newFilteredGroups = newFilteredGroups.filter(function (group) {
62
- return usedRegVarGroupsSet.has(group.uuid);
63
- }); // Don't show filters that are not used in meta model
64
- }
65
- return newFilteredGroups;
66
- }, [groups, metaDataGroups, filters, hideGroupWithoutRegionalValue]);
67
- useEffect(function () {
68
- var handleScroll = function handleScroll() {
69
- if (open) {
70
- handleClose();
71
- }
72
- };
73
- window.addEventListener('scroll', handleScroll);
74
- return function () {
75
- return window.removeEventListener('scroll', handleScroll);
76
- };
77
- }, [open]);
78
- if (!filteredGroups.length) {
79
- return null;
80
- }
81
- return /*#__PURE__*/_jsxs(_Fragment, {
82
- children: [iconOnly ? /*#__PURE__*/_jsx(IconButton, {
83
- size: "md",
84
- color: "basic",
85
- onClick: handleClick,
86
- onContextMenu: ignoreEvent,
87
- children: function children(iconProps) {
88
- return /*#__PURE__*/_jsx(LanguagesOutline, _objectSpread(_objectSpread({}, iconProps), {}, {
89
- size: 18
90
- }));
91
- }
92
- }) : /*#__PURE__*/_jsxs(Styled.Button, {
93
- onClick: handleClick,
94
- color: "link-secondary",
95
- size: "md",
96
- onContextMenu: ignoreEvent,
97
- startIcon: function startIcon(iconProps) {
98
- return /*#__PURE__*/_jsx(LanguagesOutline, _objectSpread(_objectSpread({}, iconProps), {}, {
99
- size: iconSize,
100
- color: iconColor
101
- }));
102
- },
103
- className: btnClassName,
104
- open: open,
105
- children: [i18n('itemsCardRegionalSettingsButton'), /*#__PURE__*/_jsx("span", {
106
- className: "arrow-wrapper",
107
- children: /*#__PURE__*/_jsx(ArrowBottom, {
108
- size: 12,
109
- style: {
110
- transform: open ? 'rotate(180deg)' : null
111
- }
112
- })
113
- })]
114
- }), /*#__PURE__*/_jsx(Styled.Menu, {
115
- anchorEl: anchorEl,
116
- open: open,
117
- onClose: handleClose,
118
- onContextMenu: ignoreEvent,
119
- enableOverlay: true,
120
- position: "bottom-end",
121
- children: open && filteredGroups.map(function (group) {
122
- return /*#__PURE__*/_jsx(SelectGroup, {
123
- size: "md",
124
- fullWidth: true,
125
- label: /*#__PURE__*/_jsx(Label, {
126
- icon: (group === null || group === void 0 ? void 0 : group.icon) && /*#__PURE__*/_jsx(Styled.IconImage, {
127
- src: "".concat(ultrafastPrefix).concat(group.icon),
128
- onLoad: function onLoad(_ref2) {
129
- var target = _ref2.target;
130
- target.style.display = 'block';
131
- }
132
- }),
133
- children: group.label
134
- }),
135
- value: (filters === null || filters === void 0 ? void 0 : filters[group.uuid]) || '',
136
- onChange: function onChange(newValue) {
137
- onChangeFilters(_objectSpread(_objectSpread({}, filters), {}, _defineProperty({}, group.uuid, newValue)));
138
- handleClose();
139
- },
140
- SelectProps: {
141
- fullWidth: true
142
- },
143
- children: (group.variants || []).map(function (_ref3) {
144
- var key = _ref3.api_value,
145
- label = _ref3.label;
146
- return /*#__PURE__*/_jsx(MenuItem, {
147
- value: key,
148
- fullWidth: true,
149
- children: label
150
- }, key);
151
- })
152
- }, group.uuid);
153
- })
154
- })]
155
- });
156
- };
157
- RegionalVariantFilters.propTypes = {
158
- metaDataGroups: PT.arrayOf(PT.object)
159
- };
160
- export default RegionalVariantFilters;
@@ -1,73 +0,0 @@
1
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
2
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
4
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
5
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
- import { useEffect, useRef, useState } from 'react';
8
- import provideSvgStrWithCurrColor from '@scaleflex/widget-utils/lib/provideSvgStrWithCurrColor';
9
- import { Spinner } from './';
10
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
11
- var domParser = new DOMParser();
12
- var SVGUrlToElement = function SVGUrlToElement(_ref) {
13
- var url = _ref.url,
14
- errorMsg = _ref.errorMsg,
15
- className = _ref.className,
16
- onLoad = _ref.onLoad;
17
- var elementRef = useRef();
18
- var _useState = useState(true),
19
- _useState2 = _slicedToArray(_useState, 2),
20
- isLoading = _useState2[0],
21
- setIsLoading = _useState2[1];
22
- var _useState3 = useState(false),
23
- _useState4 = _slicedToArray(_useState3, 2),
24
- isFailed = _useState4[0],
25
- setIsFailed = _useState4[1];
26
- useEffect(function () {
27
- var xhr = new XMLHttpRequest();
28
- xhr.open('GET', url);
29
- xhr.responseType = 'text';
30
- xhr.onload = function () {
31
- setIsLoading(false);
32
- if (elementRef.current) {
33
- var svgElementStringified = provideSvgStrWithCurrColor(xhr.response);
34
- var svgHtmlElem = domParser.parseFromString(svgElementStringified, 'image/svg+xml').documentElement;
35
- svgHtmlElem.querySelectorAll('script').forEach(function (s) {
36
- s.remove();
37
- });
38
- elementRef.current.parentNode.replaceChild(svgHtmlElem, elementRef.current);
39
- if (typeof onLoad === 'function') {
40
- onLoad(svgElementStringified, svgHtmlElem);
41
- }
42
- if (className) {
43
- svgHtmlElem.classList.add(className);
44
- }
45
- elementRef.current = svgHtmlElem;
46
- } else {
47
- setIsFailed(true);
48
- }
49
- };
50
- xhr.onerror = function () {
51
- setIsLoading(false);
52
- setIsFailed(true);
53
- };
54
- xhr.send();
55
- return function () {
56
- xhr.abort();
57
- };
58
- }, [url]);
59
- useEffect(function () {
60
- var isNotFirstRender = !isLoading && !isFailed && elementRef.current;
61
- if (isNotFirstRender) {
62
- elementRef.current.removeAttribute('class');
63
- elementRef.current.classList.add(className);
64
- }
65
- }, [className]);
66
- return /*#__PURE__*/_jsxs("span", {
67
- ref: elementRef,
68
- children: [isLoading && /*#__PURE__*/_jsx(Spinner, {
69
- fillContainer: true
70
- }), isFailed && errorMsg]
71
- });
72
- };
73
- export default SVGUrlToElement;