@scaleflex/widget-common 4.1.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.
- package/CHANGELOG.md +24 -0
- package/package.json +4 -4
- package/dist/style.css +0 -1126
- package/dist/style.min.css +0 -1
- package/lib/ApprovalStatus/ApprovalStatus.styled.js +0 -21
- package/lib/ApprovalStatus/index.js +0 -104
- package/lib/AssetPreview.js +0 -53
- package/lib/AutoSuggest.js +0 -166
- package/lib/Avatar/Avatar.styled.js +0 -25
- package/lib/Avatar/index.js +0 -83
- package/lib/AvatarWithStatus/AvatarWithStatus.styled.js +0 -12
- package/lib/AvatarWithStatus/index.js +0 -30
- package/lib/BackButton.js +0 -46
- package/lib/BackdropOverlay.js +0 -77
- package/lib/BadgeButton.js +0 -35
- package/lib/BaseButton.js +0 -36
- package/lib/Button.js +0 -29
- package/lib/Carousel/Carousel.styled.js +0 -19
- package/lib/Carousel/index.js +0 -136
- package/lib/Checkbox.js +0 -55
- package/lib/CloseButton.js +0 -46
- package/lib/ColorPicker/ColorPicker.styled.js +0 -29
- package/lib/ColorPicker/index.js +0 -117
- package/lib/ColorPickerModal/ColorPickerModal.styled.js +0 -17
- package/lib/ColorPickerModal/index.js +0 -103
- package/lib/DatePicker/MyDatePicker.js +0 -350
- package/lib/DatePicker/index.js +0 -1
- package/lib/DropFilesWindow.js +0 -45
- package/lib/FilterItem/FilterItem.styled.js +0 -42
- package/lib/FilterItem/index.js +0 -48
- package/lib/FilterPopup/FilterPopup.styled.js +0 -16
- package/lib/FilterPopup/index.js +0 -85
- package/lib/FormControl.js +0 -25
- package/lib/FormGroup.js +0 -18
- package/lib/FormHelperText.js +0 -29
- package/lib/IconLabeledButton.js +0 -32
- package/lib/Image/Image.styled.js +0 -16
- package/lib/Image/index.js +0 -95
- package/lib/ImagePreview/ImagePreview.styled.js +0 -19
- package/lib/ImagePreview/index.js +0 -198
- package/lib/InputAndLabel.js +0 -77
- package/lib/InputGroupTime.js +0 -6
- package/lib/InputLabel.js +0 -18
- package/lib/ItemButtonOverlay/ItemButtonOverlay.styled.js +0 -33
- package/lib/ItemButtonOverlay/index.js +0 -23
- package/lib/ItemHoverTopOptions.js +0 -58
- package/lib/LoaderView/LoaderView.styled.js +0 -37
- package/lib/LoaderView/index.js +0 -32
- package/lib/MetaData/FilterMetadataFields.js +0 -115
- package/lib/MetaData/FilterMetadataFields.styled.js +0 -16
- package/lib/MetaData/MetaDataField.js +0 -246
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldBooleanType.js +0 -36
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldDateType.js +0 -53
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldMultiSelectType.js +0 -71
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldNumericType.js +0 -45
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldSelectType.js +0 -69
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTagsType.js +0 -143
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTextType.js +0 -42
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTextareaType.js +0 -72
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTypes.styled.js +0 -57
- package/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType/AttachmentsAssetsMetadataAccordion.styled.js +0 -95
- package/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType/MetadataAttachmentsAction.js +0 -188
- package/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType/MetadataAttachmentsFieldType.constants.js +0 -48
- package/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType/MetadataAttachmentsInfo.js +0 -93
- package/lib/MetaData/MetaDataFieldTypes/MetadataAttachmentsFieldType/index.js +0 -114
- package/lib/MetaData/MetaDataFieldTypes/MetadataFieldUriType.js +0 -71
- package/lib/MetaData/MetaDataFieldTypes/MetadataGeoPointField/MetadataGeoPointField.styled.js +0 -8
- package/lib/MetaData/MetaDataFieldTypes/MetadataGeoPointField/constants.js +0 -10
- package/lib/MetaData/MetaDataFieldTypes/MetadataGeoPointField/index.js +0 -135
- package/lib/MetaData/MetaDataFieldTypes/index.js +0 -9
- package/lib/MetaData/MetaDataFieldTypes.hooks.js +0 -53
- package/lib/OverlayCard/OverlayCard.styled.js +0 -8
- package/lib/OverlayCard/index.js +0 -28
- package/lib/PoweredBy.js +0 -12
- package/lib/Radiobox.js +0 -63
- package/lib/RegionalVariantsFilters/RegionalVariantFilters.styled.js +0 -17
- package/lib/RegionalVariantsFilters/index.js +0 -160
- package/lib/SVGUrlToElement.js +0 -73
- package/lib/SearchGroup/SearchGroup.styled.js +0 -93
- package/lib/SearchGroup/index.js +0 -293
- package/lib/Spinner.js +0 -40
- package/lib/SuggestedSelectInput/SuggestedSelectInput.styled.js +0 -57
- package/lib/SuggestedSelectInput/index.js +0 -238
- package/lib/SuggestedTagsInput/SuggestedTagsInput.js +0 -295
- package/lib/SuggestedTagsInput/SuggestedTagsInput.styled.js +0 -83
- package/lib/SuggestedTagsInput/SuggestedTagsInput.utils.js +0 -15
- package/lib/SuggestedTagsInput/SuggestedTagsInputSkeleton.js +0 -14
- package/lib/Tabs.js +0 -62
- package/lib/ToggleButton/ToggleButton.styled.js +0 -16
- package/lib/ToggleButton/index.js +0 -16
- package/lib/Transitions/SlideTransition.js +0 -24
- package/lib/Transitions/TransitionWrapper.js +0 -83
- package/lib/Transitions/Transitions.styled.js +0 -8
- package/lib/Transitions/index.js +0 -2
- package/lib/Typography/Typography.js +0 -47
- package/lib/Typography/Typography.mixin.js +0 -46
- package/lib/Typography/Typography.styled.js +0 -18
- package/lib/Typography/index.js +0 -3
- package/lib/Typography/types/index.js +0 -1
- package/lib/Typography/types/variant.js +0 -9
- package/lib/UploadFileFloatyLabel/UploadFileFloatyLabel.mixin.js +0 -23
- package/lib/UploadFileFloatyLabel/UploadFileFloatyLabel.styled.js +0 -24
- package/lib/UploadFileFloatyLabel/index.js +0 -12
- package/lib/UsersAutocomplete/Tag.js +0 -25
- package/lib/UsersAutocomplete/Tag.styled.js +0 -35
- package/lib/UsersAutocomplete/UsersAutocomplete.styled.js +0 -94
- package/lib/UsersAutocomplete/index.js +0 -303
- package/lib/VirtualGrid/VirtualGrid.styled.js +0 -33
- package/lib/VirtualGrid/VirtualGrid.utils.js +0 -38
- package/lib/VirtualGrid/VirtualGridItem.js +0 -15
- package/lib/VirtualGrid/index.js +0 -252
- package/lib/VirtualList/VirtualListItem.js +0 -14
- package/lib/VirtualList/index.js +0 -105
- package/lib/hooks/index.js +0 -4
- package/lib/hooks/useDebounce.js +0 -24
- package/lib/hooks/useInputWithLocaleNumber.js +0 -115
- package/lib/hooks/useIsUnMountedRef.js +0 -12
- package/lib/hooks/useKeyboardNavigation.js +0 -60
- package/lib/hooks/useUpdateEffect.js +0 -19
- package/lib/index.js +0 -36
package/lib/InputLabel.js
DELETED
|
@@ -1,18 +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"];
|
|
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
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
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; }
|
|
10
|
-
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; }
|
|
11
|
-
var InputLabel = function InputLabel(_ref) {
|
|
12
|
-
var classes = _ref.classes,
|
|
13
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
-
return /*#__PURE__*/_jsx("label", _objectSpread({
|
|
15
|
-
className: "filerobot-common-InputLabel".concat(classes ? " ".concat(classes) : '')
|
|
16
|
-
}, rest));
|
|
17
|
-
};
|
|
18
|
-
export default InputLabel;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
var _templateObject, _templateObject2;
|
|
2
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
3
|
-
import { Button } from '@scaleflex/ui/core';
|
|
4
|
-
import styled from 'styled-components';
|
|
5
|
-
import { FV, PC } from '@scaleflex/widget-common';
|
|
6
|
-
var ItemButtonOverlay = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0;\n visibility: hidden;\n z-index: 1;\n transition: all 100ms ease-out;\n border-radius: 3px 0 0 0;\n\n *:hover > &, &.selected-item {\n opacity: 1;\n visibility: visible;\n }\n"])), function (_ref) {
|
|
7
|
-
var palette = _ref.theme.palette;
|
|
8
|
-
return palette[PC.Extra_0_3_Overlay];
|
|
9
|
-
});
|
|
10
|
-
var OverlayButton = styled(Button)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n border-radius: 4px;\n padding: 5px 8px;\n background-color: ", ";\n color: ", ";\n z-index: 100;\n border: 0;\n transition: all 100ms ease-out;\n\n .SfxButton-Label {\n align-items: center;\n column-gap: 4px;\n ", ";\n\n path {\n fill: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n"])), function (_ref2) {
|
|
11
|
-
var palette = _ref2.theme.palette;
|
|
12
|
-
return palette[PC.Extra_0_7_Overlay];
|
|
13
|
-
}, function (_ref3) {
|
|
14
|
-
var palette = _ref3.theme.palette;
|
|
15
|
-
return palette[PC.ButtonPrimaryText];
|
|
16
|
-
}, function (_ref4) {
|
|
17
|
-
var typography = _ref4.theme.typography;
|
|
18
|
-
return typography.font[FV.ButtonXsUp];
|
|
19
|
-
}, function (_ref5) {
|
|
20
|
-
var palette = _ref5.theme.palette;
|
|
21
|
-
return palette[PC.ButtonPrimaryText];
|
|
22
|
-
}, function (_ref6) {
|
|
23
|
-
var palette = _ref6.theme.palette;
|
|
24
|
-
return palette[PC.Extra_0_9_Overlay];
|
|
25
|
-
}, function (_ref7) {
|
|
26
|
-
var palette = _ref7.theme.palette;
|
|
27
|
-
return palette[PC.ButtonPrimaryText];
|
|
28
|
-
});
|
|
29
|
-
var Styled = {
|
|
30
|
-
ItemButtonOverlay: ItemButtonOverlay,
|
|
31
|
-
OverlayButton: OverlayButton
|
|
32
|
-
};
|
|
33
|
-
export default Styled;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import ignoreEvent from '@scaleflex/widget-utils/lib/ignoreEvent';
|
|
2
|
-
import Styled from './ItemButtonOverlay.styled';
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
var ItemButtonOverlay = function ItemButtonOverlay(_ref) {
|
|
5
|
-
var styles = _ref.styles,
|
|
6
|
-
onClick = _ref.onClick,
|
|
7
|
-
_ref$onContextMenu = _ref.onContextMenu,
|
|
8
|
-
onContextMenu = _ref$onContextMenu === void 0 ? ignoreEvent : _ref$onContextMenu,
|
|
9
|
-
className = _ref.className,
|
|
10
|
-
children = _ref.children;
|
|
11
|
-
return /*#__PURE__*/_jsx(Styled.ItemButtonOverlay, {
|
|
12
|
-
className: "filerobot-common-ItemButtonOverlay ".concat(className || ''),
|
|
13
|
-
style: styles,
|
|
14
|
-
onContextMenu: onContextMenu,
|
|
15
|
-
children: children && /*#__PURE__*/_jsx(Styled.OverlayButton, {
|
|
16
|
-
color: "basic",
|
|
17
|
-
classes: "filerobot-common-ItemButtonOverlay-button",
|
|
18
|
-
onClick: onClick,
|
|
19
|
-
children: children
|
|
20
|
-
})
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
export default ItemButtonOverlay;
|
|
@@ -1,58 +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 = ["options", "onContextMenu", "classes", "disabled", "buttonStyles", "iconStyles"];
|
|
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 { IconLabeledButton } from '@scaleflex/widget-common';
|
|
11
|
-
import ignoreEvent from '@scaleflex/widget-utils/lib/ignoreEvent';
|
|
12
|
-
import { TooltipV2 } from '@scaleflex/ui/core';
|
|
13
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
var ItemHoverTopOptions = function ItemHoverTopOptions(_ref) {
|
|
15
|
-
var options = _ref.options,
|
|
16
|
-
onContextMenu = _ref.onContextMenu,
|
|
17
|
-
classes = _ref.classes,
|
|
18
|
-
disabled = _ref.disabled,
|
|
19
|
-
buttonStyles = _ref.buttonStyles,
|
|
20
|
-
iconStyles = _ref.iconStyles,
|
|
21
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
-
var renderButton = function renderButton(_ref2) {
|
|
23
|
-
var key = _ref2.key,
|
|
24
|
-
Icon = _ref2.Icon,
|
|
25
|
-
iconSize = _ref2.iconSize,
|
|
26
|
-
onClick = _ref2.onClick,
|
|
27
|
-
hidden = _ref2.hidden,
|
|
28
|
-
optionDisabled = _ref2.disabled,
|
|
29
|
-
disabledTooltip = _ref2.disabledTooltip,
|
|
30
|
-
testId = _ref2.testId;
|
|
31
|
-
return hidden ? null : /*#__PURE__*/_jsx(IconLabeledButton, {
|
|
32
|
-
icon: /*#__PURE__*/_jsx(TooltipV2, {
|
|
33
|
-
size: "md",
|
|
34
|
-
title: disabledTooltip,
|
|
35
|
-
hide: !optionDisabled || !disabledTooltip,
|
|
36
|
-
children: /*#__PURE__*/_jsx(Icon, {
|
|
37
|
-
size: iconSize,
|
|
38
|
-
style: iconStyles
|
|
39
|
-
})
|
|
40
|
-
}, key),
|
|
41
|
-
size: "small",
|
|
42
|
-
onClick: onClick,
|
|
43
|
-
onContextMenu: onContextMenu,
|
|
44
|
-
disabled: disabled || optionDisabled,
|
|
45
|
-
onDoubleClick: ignoreEvent,
|
|
46
|
-
style: buttonStyles,
|
|
47
|
-
"data-testid": testId
|
|
48
|
-
}, key);
|
|
49
|
-
};
|
|
50
|
-
return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
|
|
51
|
-
className: "filerobot-common-ItemHoverTopOptions".concat(classes ? " ".concat(classes) : ''),
|
|
52
|
-
onContextMenu: onContextMenu,
|
|
53
|
-
"data-testid": "fmaw-common-item_hover_top_options"
|
|
54
|
-
}, props), {}, {
|
|
55
|
-
children: options.map(renderButton)
|
|
56
|
-
}));
|
|
57
|
-
};
|
|
58
|
-
export default ItemHoverTopOptions;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
2
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
3
|
-
import styled, { keyframes } from 'styled-components';
|
|
4
|
-
import { PC, FV } from '@scaleflex/widget-common';
|
|
5
|
-
var dotsLoaderAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n color: white;\n box-shadow: 10px 0 gray, -10px 0 white;\n opacity: 1;\n }\n 50% {\n color: gray;\n box-shadow: 10px 0 white, -10px 0 gray;\n opacity: 0.6;\n }\n 100% {\n color: gray;\n box-shadow: 10px 0 gray, -10px 0 white;\n opacity: 0.2;\n }\n"])));
|
|
6
|
-
var barGradientAnimation = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n 0% {\n background-position: -3em 0;\n }\n 100% {\n background-position: 0 0;\n }\n"])));
|
|
7
|
-
var progressAnimation = keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
8
|
-
var Loader = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1200;\n background: rgba(255, 255, 255, 0.4);\n ", ";\n color: ", ";\n"])), function (_ref) {
|
|
9
|
-
var typography = _ref.theme.typography;
|
|
10
|
-
return typography.font[FV.LabelExtraLarge];
|
|
11
|
-
}, function (_ref2) {
|
|
12
|
-
var theme = _ref2.theme;
|
|
13
|
-
return theme.palette[PC.IconsPrimary];
|
|
14
|
-
});
|
|
15
|
-
var LoaderWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin: auto;\n align-items: center;\n align-content: center;\n gap: 16px;\n width: 100%;\n position: sticky;\n box-sizing: border-box;\n text-align: center;\n color: ", ";\n"])), function (_ref3) {
|
|
16
|
-
var theme = _ref3.theme;
|
|
17
|
-
return theme.palette[PC.IconsPrimary];
|
|
18
|
-
});
|
|
19
|
-
var LabelWrapper = styled.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n align-items: baseline;\n gap: 12px;\n width: fit-content;\n position: sticky;\n box-sizing: border-box;\n text-align: center;\n color: ", ";\n"])), function (_ref4) {
|
|
20
|
-
var theme = _ref4.theme;
|
|
21
|
-
return theme.palette[PC.IconsPrimary];
|
|
22
|
-
});
|
|
23
|
-
var LoadingLabel = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([""])));
|
|
24
|
-
var DotsLoader = styled.span(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: currentColor;\n display: flex;\n box-sizing: border-box;\n animation: ", " 2s linear infinite;\n"])), dotsLoaderAnimation);
|
|
25
|
-
var ProgressBarLoader = styled.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: block;\n position: relative;\n height: 10px;\n width: 250px;\n border: 1px solid ", ";\n border-radius: 10px;\n overflow: hidden;\n \n &::after {\n content: '';\n position: absolute;\n height: 10px;\n width: 0;\n top: 0;\n left: 0;\n background-size: 3em 1em;\n background-image: linear-gradient(\n 100deg,\n rgba(104, 121, 235, 1) 0%,\n rgba(104, 121, 235, .8) 25%,\n rgba(104, 121, 235, .6) 50%,\n rgba(104, 121, 235, .8) 75%,\n rgba(104, 121, 235, 1) 100%\n );\n animation: 0.5s ", " linear infinite, 7s ", " ease-in infinite;\n }\n"])), function (_ref5) {
|
|
26
|
-
var theme = _ref5.theme;
|
|
27
|
-
return theme.palette[PC.BordersItem];
|
|
28
|
-
}, barGradientAnimation, progressAnimation);
|
|
29
|
-
var Styled = {
|
|
30
|
-
Loader: Loader,
|
|
31
|
-
LoaderWrapper: LoaderWrapper,
|
|
32
|
-
LabelWrapper: LabelWrapper,
|
|
33
|
-
LoadingLabel: LoadingLabel,
|
|
34
|
-
DotsLoader: DotsLoader,
|
|
35
|
-
ProgressBarLoader: ProgressBarLoader
|
|
36
|
-
};
|
|
37
|
-
export default Styled;
|
package/lib/LoaderView/index.js
DELETED
|
@@ -1,32 +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 = ["loaderClasses", "loaderLabel"];
|
|
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 './LoaderView.styled';
|
|
11
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
var LoaderView = function LoaderView(_ref) {
|
|
13
|
-
var loaderClasses = _ref.loaderClasses,
|
|
14
|
-
_ref$loaderLabel = _ref.loaderLabel,
|
|
15
|
-
loaderLabel = _ref$loaderLabel === void 0 ? '' : _ref$loaderLabel,
|
|
16
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
|
-
return /*#__PURE__*/_jsx(Styled.Loader, _objectSpread(_objectSpread({}, props), {}, {
|
|
18
|
-
children: /*#__PURE__*/_jsxs(Styled.LoaderWrapper, {
|
|
19
|
-
children: [/*#__PURE__*/_jsxs(Styled.LabelWrapper, {
|
|
20
|
-
className: "".concat(loaderClasses ? " ".concat(loaderClasses) : ''),
|
|
21
|
-
children: [/*#__PURE__*/_jsxs(Styled.LoadingLabel, {
|
|
22
|
-
children: [" ", loaderLabel, " "]
|
|
23
|
-
}), /*#__PURE__*/_jsx(Styled.DotsLoader, {
|
|
24
|
-
children: " "
|
|
25
|
-
})]
|
|
26
|
-
}), /*#__PURE__*/_jsx(Styled.ProgressBarLoader, {
|
|
27
|
-
children: " "
|
|
28
|
-
})]
|
|
29
|
-
})
|
|
30
|
-
}));
|
|
31
|
-
};
|
|
32
|
-
export default LoaderView;
|
|
@@ -1,115 +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
|
-
import { MetaDataFieldNumericType, MetaDataFieldSelectType, MetaDataFieldTagsType, MetaDataFieldTextareaType, MetaDataFieldTextType, MetaDataFieldBooleanType } from '@scaleflex/widget-common/lib/MetaData/MetaDataFieldTypes';
|
|
8
|
-
import { MetaDataFieldDateType, MetadataFieldUriType } from './MetaDataFieldTypes';
|
|
9
|
-
import Styled from './FilterMetadataFields.styled';
|
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
var BOOLEAN_OPTIONS = [{
|
|
12
|
-
label: 'true',
|
|
13
|
-
internal_unique_value: 'true',
|
|
14
|
-
i18nKey: 'filterMetadataBooleanFieldTrueLabel'
|
|
15
|
-
}, {
|
|
16
|
-
label: 'false',
|
|
17
|
-
internal_unique_value: 'false',
|
|
18
|
-
i18nKey: 'filterMetadataBooleanFieldFalseLabel'
|
|
19
|
-
}];
|
|
20
|
-
var FilterMetaDataField = function FilterMetaDataField(_ref) {
|
|
21
|
-
var _ref$onChange = _ref.onChange,
|
|
22
|
-
_onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
23
|
-
inputRef = _ref.inputRef,
|
|
24
|
-
field = _ref.field,
|
|
25
|
-
isMetadataFilter = _ref.isMetadataFilter,
|
|
26
|
-
_ref$considerAutoHeig = _ref.considerAutoHeight,
|
|
27
|
-
considerAutoHeight = _ref$considerAutoHeig === void 0 ? false : _ref$considerAutoHeig,
|
|
28
|
-
_ref$value = _ref.value,
|
|
29
|
-
currentValue = _ref$value === void 0 ? '' : _ref$value,
|
|
30
|
-
_ref$style = _ref.style,
|
|
31
|
-
style = _ref$style === void 0 ? {
|
|
32
|
-
width: '100%'
|
|
33
|
-
} : _ref$style,
|
|
34
|
-
_ref$extraFieldProps = _ref.extraFieldProps,
|
|
35
|
-
extraFieldProps = _ref$extraFieldProps === void 0 ? {} : _ref$extraFieldProps,
|
|
36
|
-
numberFormatLocale = _ref.numberFormatLocale,
|
|
37
|
-
i18n = _ref.i18n,
|
|
38
|
-
isFetching = _ref.isFetching,
|
|
39
|
-
onChangeSearchQuery = _ref.onChangeSearchQuery;
|
|
40
|
-
var type = field.type,
|
|
41
|
-
fieldValue = field.value;
|
|
42
|
-
var getFieldValue = function getFieldValue() {
|
|
43
|
-
return fieldValue !== null && fieldValue !== void 0 ? fieldValue : currentValue;
|
|
44
|
-
};
|
|
45
|
-
var value = getFieldValue();
|
|
46
|
-
var fieldProps = _objectSpread({
|
|
47
|
-
onChange: _onChange,
|
|
48
|
-
value: value,
|
|
49
|
-
field: field,
|
|
50
|
-
i18n: i18n,
|
|
51
|
-
size: 'sm',
|
|
52
|
-
style: style,
|
|
53
|
-
placeholder: i18n('filterMetadataSelectValue'),
|
|
54
|
-
inputRef: inputRef,
|
|
55
|
-
considerMaxWidth: false,
|
|
56
|
-
considerAutoHeight: considerAutoHeight,
|
|
57
|
-
numberFormatLocale: numberFormatLocale
|
|
58
|
-
}, extraFieldProps);
|
|
59
|
-
switch (type) {
|
|
60
|
-
case 'text':
|
|
61
|
-
return /*#__PURE__*/_jsx(MetaDataFieldTextType, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
62
|
-
placeholder: i18n('filterMetadataAddValue')
|
|
63
|
-
}));
|
|
64
|
-
case 'numeric':
|
|
65
|
-
return /*#__PURE__*/_jsx(MetaDataFieldNumericType, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
66
|
-
value: value,
|
|
67
|
-
placeholder: i18n('filterMetadataAddValue')
|
|
68
|
-
}));
|
|
69
|
-
case 'textarea':
|
|
70
|
-
return /*#__PURE__*/_jsx(MetaDataFieldTextareaType, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
71
|
-
textareaProps: {
|
|
72
|
-
rows: 3
|
|
73
|
-
},
|
|
74
|
-
placeholder: i18n('filterMetadataAddValue')
|
|
75
|
-
}));
|
|
76
|
-
case 'select-one':
|
|
77
|
-
return /*#__PURE__*/_jsx(MetaDataFieldSelectType, _objectSpread({
|
|
78
|
-
showClearIcon: true,
|
|
79
|
-
placeholder: i18n('filterMetadataSelectValue')
|
|
80
|
-
}, fieldProps));
|
|
81
|
-
case 'multi-select':
|
|
82
|
-
return /*#__PURE__*/_jsx(MetaDataFieldSelectType, _objectSpread(_objectSpread({
|
|
83
|
-
placeholder: i18n('filterMetadataSelectValue')
|
|
84
|
-
}, fieldProps), {}, {
|
|
85
|
-
multiple: true
|
|
86
|
-
}));
|
|
87
|
-
case 'tags':
|
|
88
|
-
return /*#__PURE__*/_jsx(MetaDataFieldTagsType, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
89
|
-
placeholder: !(value !== null && value !== void 0 && value.length) > 0 ? i18n('detailsTabAddTagsLabel') : '',
|
|
90
|
-
disableOnEnter: false,
|
|
91
|
-
onChangeSearchQuery: onChangeSearchQuery,
|
|
92
|
-
isFetching: isFetching,
|
|
93
|
-
isMetadataFilter: isMetadataFilter
|
|
94
|
-
}));
|
|
95
|
-
case 'date':
|
|
96
|
-
return /*#__PURE__*/_jsx(MetaDataFieldDateType, _objectSpread({}, fieldProps));
|
|
97
|
-
case 'boolean':
|
|
98
|
-
return /*#__PURE__*/_jsx(Styled.MetaDataFieldBooleanTypeWrapper, {
|
|
99
|
-
children: /*#__PURE__*/_jsx(MetaDataFieldBooleanType, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
100
|
-
options: BOOLEAN_OPTIONS,
|
|
101
|
-
value: typeof value === 'boolean' ? value : null,
|
|
102
|
-
onChange: function onChange(value) {
|
|
103
|
-
return _onChange(JSON.parse(value));
|
|
104
|
-
}
|
|
105
|
-
}))
|
|
106
|
-
});
|
|
107
|
-
case 'attachment-uri':
|
|
108
|
-
return /*#__PURE__*/_jsx(MetadataFieldUriType, _objectSpread({}, fieldProps));
|
|
109
|
-
default:
|
|
110
|
-
return /*#__PURE__*/_jsx(MetaDataFieldSelectType, _objectSpread({
|
|
111
|
-
showClearIcon: true
|
|
112
|
-
}, fieldProps));
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
export default FilterMetaDataField;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
var _templateObject, _templateObject2;
|
|
2
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
3
|
-
import { Textarea as SfxTextArea, Select } from '@scaleflex/ui/core';
|
|
4
|
-
import styled from 'styled-components';
|
|
5
|
-
var MetaDataFieldBooleanTypeWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n min-width: 280px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .SfxSelect-Container{\n width: 100% !important;\n }\n"])));
|
|
6
|
-
var BooleanSelector = styled(Select)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n align-items: center;\n"])));
|
|
7
|
-
var TextArea = styled(SfxTextArea)(function (_ref) {
|
|
8
|
-
var size = _ref.size;
|
|
9
|
-
return "\n padding: ".concat(size === 'sm' ? '12px' : '9px 16px', ";\n");
|
|
10
|
-
});
|
|
11
|
-
var Styled = {
|
|
12
|
-
MetaDataFieldBooleanTypeWrapper: MetaDataFieldBooleanTypeWrapper,
|
|
13
|
-
TextArea: TextArea,
|
|
14
|
-
BooleanSelector: BooleanSelector
|
|
15
|
-
};
|
|
16
|
-
export default Styled;
|
|
@@ -1,246 +0,0 @@
|
|
|
1
|
-
var _excluded = ["filesMetaFields", "metadataValues", "setMetadataValues", "index", "checkUserPermissions", "isFocused", "generateTags", "generateDescription", "isLoading", "setIsFocused", "isShowGenerateBtn", "baseClassName", "values", "onChangeMetadataFilter", "field", "value", "error", "metaRegionalGroups", "iconPrimaryColor", "submitCount", "disabled", "i18n", "containerHeight", "metaRegionalFilters", "size", "isDescribeBtnHidden", "tagsFieldMaxWidth", "onChangeSearchQuery", "isFetching", "enableAIDescription", "isFilterOptions", "isMetadataGeneralSection", "allTags", "isDescriptionLoading", "setIsDescriptionLoading", "disableOnEnter", "activeTabId"];
|
|
2
|
-
var _this = this;
|
|
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 _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); }
|
|
9
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
10
|
-
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."); }
|
|
11
|
-
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; } }
|
|
12
|
-
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; }
|
|
13
|
-
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; } }
|
|
14
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
15
|
-
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; }
|
|
16
|
-
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; }
|
|
17
|
-
import { useState, useEffect, useMemo } from 'react';
|
|
18
|
-
import { FormHint } from '@scaleflex/ui/core';
|
|
19
|
-
import { FormControl } from '@scaleflex/widget-common';
|
|
20
|
-
import { PERMISSIONS, FILE_WINDOW_TAB_IDS } from '@scaleflex/widget-utils/lib/constants';
|
|
21
|
-
import { useExplorer, usePrevious } from '@scaleflex/widget-explorer/lib/hooks';
|
|
22
|
-
import { getMetaRegionalLanguagesGroupUuid } from '@scaleflex/widget-explorer/lib/components/metadata.adapter';
|
|
23
|
-
import isFolder from '@scaleflex/widget-utils/lib/isFolder';
|
|
24
|
-
import { MetaDataFieldTextType, MetaDataFieldNumericType, MetaDataFieldTextareaType, MetaDataFieldSelectType, MetaDataFieldTagsType, MetaDataFieldDateType, MetaDataFieldBooleanType, MetadataFieldUriType } from './MetaDataFieldTypes';
|
|
25
|
-
import MetaDataFieldMultiSelectType from './MetaDataFieldTypes/MetaDataFieldMultiSelectType';
|
|
26
|
-
import MetadataGeoPointField from './MetaDataFieldTypes/MetadataGeoPointField';
|
|
27
|
-
|
|
28
|
-
// TODO: Check if we should move the place of the this component to FileCard or not.
|
|
29
|
-
// TODO: Refactor this component to fit the new v3 metadata and avoid un-necessary code.
|
|
30
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
31
|
-
var MetaDataField = function MetaDataField(_ref) {
|
|
32
|
-
var _regionalVariants$;
|
|
33
|
-
var filesMetaFields = _ref.filesMetaFields,
|
|
34
|
-
metadataValues = _ref.metadataValues,
|
|
35
|
-
setMetadataValues = _ref.setMetadataValues,
|
|
36
|
-
index = _ref.index,
|
|
37
|
-
_ref$checkUserPermiss = _ref.checkUserPermissions,
|
|
38
|
-
checkUserPermissions = _ref$checkUserPermiss === void 0 ? function () {} : _ref$checkUserPermiss,
|
|
39
|
-
isFocused = _ref.isFocused,
|
|
40
|
-
generateTags = _ref.generateTags,
|
|
41
|
-
generateDescription = _ref.generateDescription,
|
|
42
|
-
isLoading = _ref.isLoading,
|
|
43
|
-
setIsFocused = _ref.setIsFocused,
|
|
44
|
-
isShowGenerateBtn = _ref.isShowGenerateBtn,
|
|
45
|
-
baseClassName = _ref.baseClassName,
|
|
46
|
-
values = _ref.values,
|
|
47
|
-
onChangeMetadataFilter = _ref.onChangeMetadataFilter,
|
|
48
|
-
field = _ref.field,
|
|
49
|
-
value = _ref.value,
|
|
50
|
-
error = _ref.error,
|
|
51
|
-
metaRegionalGroups = _ref.metaRegionalGroups,
|
|
52
|
-
iconPrimaryColor = _ref.iconPrimaryColor,
|
|
53
|
-
submitCount = _ref.submitCount,
|
|
54
|
-
disabled = _ref.disabled,
|
|
55
|
-
i18n = _ref.i18n,
|
|
56
|
-
containerHeight = _ref.containerHeight,
|
|
57
|
-
metaRegionalFilters = _ref.metaRegionalFilters,
|
|
58
|
-
_ref$size = _ref.size,
|
|
59
|
-
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
60
|
-
isDescribeBtnHidden = _ref.isDescribeBtnHidden,
|
|
61
|
-
tagsFieldMaxWidth = _ref.tagsFieldMaxWidth,
|
|
62
|
-
onChangeSearchQuery = _ref.onChangeSearchQuery,
|
|
63
|
-
_ref$isFetching = _ref.isFetching,
|
|
64
|
-
isFetching = _ref$isFetching === void 0 ? false : _ref$isFetching,
|
|
65
|
-
enableAIDescription = _ref.enableAIDescription,
|
|
66
|
-
isFilterOptions = _ref.isFilterOptions,
|
|
67
|
-
_ref$isMetadataGenera = _ref.isMetadataGeneralSection,
|
|
68
|
-
isMetadataGeneralSection = _ref$isMetadataGenera === void 0 ? false : _ref$isMetadataGenera,
|
|
69
|
-
allTags = _ref.allTags,
|
|
70
|
-
isDescriptionLoading = _ref.isDescriptionLoading,
|
|
71
|
-
setIsDescriptionLoading = _ref.setIsDescriptionLoading,
|
|
72
|
-
disableOnEnter = _ref.disableOnEnter,
|
|
73
|
-
activeTabId = _ref.activeTabId,
|
|
74
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
75
|
-
var _useExplorer = useExplorer(),
|
|
76
|
-
_useExplorer$opts = _useExplorer.opts,
|
|
77
|
-
_useExplorer$opts2 = _useExplorer$opts === void 0 ? {} : _useExplorer$opts,
|
|
78
|
-
config = _useExplorer$opts2.config;
|
|
79
|
-
var prevProps = usePrevious({
|
|
80
|
-
field: field,
|
|
81
|
-
metaRegionalFilters: metaRegionalFilters,
|
|
82
|
-
metaRegionalGroups: metaRegionalGroups
|
|
83
|
-
});
|
|
84
|
-
var getFieldRegionalGroup = function getFieldRegionalGroup() {
|
|
85
|
-
return metaRegionalGroups === null || metaRegionalGroups === void 0 ? void 0 : metaRegionalGroups.find(function (group) {
|
|
86
|
-
return group.uuid === (field === null || field === void 0 ? void 0 : field.regional_variants_group_uuid);
|
|
87
|
-
});
|
|
88
|
-
};
|
|
89
|
-
var languagesRegVariantGroupUuid = useMemo(function () {
|
|
90
|
-
return getMetaRegionalLanguagesGroupUuid(metaRegionalGroups);
|
|
91
|
-
}, [metaRegionalGroups]);
|
|
92
|
-
var currentLanguage = useMemo(function () {
|
|
93
|
-
return (metaRegionalFilters === null || metaRegionalFilters === void 0 ? void 0 : metaRegionalFilters[languagesRegVariantGroupUuid]) || 'en';
|
|
94
|
-
}, [metaRegionalFilters, languagesRegVariantGroupUuid]);
|
|
95
|
-
var getFieldRegionalVariants = function getFieldRegionalVariants() {
|
|
96
|
-
var _getFieldRegionalGrou;
|
|
97
|
-
return (_getFieldRegionalGrou = getFieldRegionalGroup()) === null || _getFieldRegionalGrou === void 0 ? void 0 : _getFieldRegionalGrou.variants;
|
|
98
|
-
};
|
|
99
|
-
var _useState = useState(function () {
|
|
100
|
-
var _getFieldRegionalVari, _getFieldRegionalVari2;
|
|
101
|
-
return ((_getFieldRegionalVari = getFieldRegionalVariants()) === null || _getFieldRegionalVari === void 0 ? void 0 : (_getFieldRegionalVari2 = _getFieldRegionalVari[0]) === null || _getFieldRegionalVari2 === void 0 ? void 0 : _getFieldRegionalVari2.api_value) || null;
|
|
102
|
-
}),
|
|
103
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
104
|
-
activeRegionalKey = _useState2[0],
|
|
105
|
-
setActiveRegionalKey = _useState2[1];
|
|
106
|
-
useEffect(function () {
|
|
107
|
-
if ((prevProps === null || prevProps === void 0 ? void 0 : prevProps.field) !== props.field || (prevProps === null || prevProps === void 0 ? void 0 : prevProps.metaRegionalFilters) !== props.metaRegionalFilters || (prevProps === null || prevProps === void 0 ? void 0 : prevProps.metaRegionalGroups) !== props.metaRegionalGroups) {
|
|
108
|
-
initActiveRegionalKey();
|
|
109
|
-
}
|
|
110
|
-
}, [field, metaRegionalFilters, metaRegionalGroups]);
|
|
111
|
-
useEffect(function () {
|
|
112
|
-
initActiveRegionalKey();
|
|
113
|
-
}, [submitCount]);
|
|
114
|
-
var initActiveRegionalKey = function initActiveRegionalKey() {
|
|
115
|
-
var _Object$keys, _getFieldRegionalVari3, _getFieldRegionalVari4;
|
|
116
|
-
var firstErrorApiKey = _typeof(error) === 'object' ? (_Object$keys = Object.keys(error)) === null || _Object$keys === void 0 ? void 0 : _Object$keys[0] : null;
|
|
117
|
-
setActiveRegionalKey(firstErrorApiKey || (metaRegionalFilters === null || metaRegionalFilters === void 0 ? void 0 : metaRegionalFilters[field === null || field === void 0 ? void 0 : field.regional_variants_group_uuid]) || ((_getFieldRegionalVari3 = getFieldRegionalVariants()) === null || _getFieldRegionalVari3 === void 0 ? void 0 : (_getFieldRegionalVari4 = _getFieldRegionalVari3[0]) === null || _getFieldRegionalVari4 === void 0 ? void 0 : _getFieldRegionalVari4.api_value) || null);
|
|
118
|
-
};
|
|
119
|
-
useEffect(initActiveRegionalKey, []);
|
|
120
|
-
useEffect(initActiveRegionalKey, [field, metaRegionalFilters, metaRegionalGroups]);
|
|
121
|
-
var handleFieldChange = function handleFieldChange(regionalVariantFieldKey, newValue) {
|
|
122
|
-
props.onChange(newValue, field.key, regionalVariantFieldKey, field);
|
|
123
|
-
};
|
|
124
|
-
var getFieldByType = function getFieldByType() {
|
|
125
|
-
var _field$can_edit, _getFieldValue;
|
|
126
|
-
var regionalVariantKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
127
|
-
var regionalVariantKeyValue = arguments.length > 1 ? arguments[1] : undefined;
|
|
128
|
-
var regionalVariantKeyError = arguments.length > 2 ? arguments[2] : undefined;
|
|
129
|
-
var item = props.item,
|
|
130
|
-
isEditing = props.isEditing;
|
|
131
|
-
var type = field.type,
|
|
132
|
-
key = field.key,
|
|
133
|
-
placeholder = field.placeholder;
|
|
134
|
-
var hasEditPerms = checkUserPermissions([PERMISSIONS[isFolder(item) ? 'FOLDER_META' : 'FILE_META']]);
|
|
135
|
-
var canEdit = hasEditPerms === true && (regionalVariantKey && Array.isArray(field === null || field === void 0 ? void 0 : field.can_edit) && field.can_edit.indexOf(regionalVariantKey) > -1 || ((_field$can_edit = field === null || field === void 0 ? void 0 : field.can_edit) !== null && _field$can_edit !== void 0 ? _field$can_edit : true));
|
|
136
|
-
var getFieldValue = function getFieldValue() {
|
|
137
|
-
if (regionalVariantKey) return regionalVariantKeyValue;
|
|
138
|
-
if (value !== null && value !== void 0 && value[currentLanguage]) {
|
|
139
|
-
return value[currentLanguage];
|
|
140
|
-
}
|
|
141
|
-
return value;
|
|
142
|
-
};
|
|
143
|
-
var fieldProps = {
|
|
144
|
-
onChange: handleFieldChange.bind(_this, regionalVariantKey),
|
|
145
|
-
value: (_getFieldValue = getFieldValue()) !== null && _getFieldValue !== void 0 ? _getFieldValue : '',
|
|
146
|
-
required: field === null || field === void 0 ? void 0 : field.required,
|
|
147
|
-
field: field,
|
|
148
|
-
placeholder: placeholder,
|
|
149
|
-
size: size,
|
|
150
|
-
focusOnMount: key === 'name' && isEditing && activeTabId === FILE_WINDOW_TAB_IDS.GENERAL,
|
|
151
|
-
readOnly: !canEdit,
|
|
152
|
-
disabled: !canEdit || disabled,
|
|
153
|
-
error: !!(regionalVariantKey ? regionalVariantKeyError : error),
|
|
154
|
-
// saveOnEnter: props.saveOnEnter,
|
|
155
|
-
containerHeight: containerHeight,
|
|
156
|
-
i18n: i18n,
|
|
157
|
-
activeRegionalKey: activeRegionalKey,
|
|
158
|
-
fieldKey: key,
|
|
159
|
-
numberFormatLocale: config === null || config === void 0 ? void 0 : config.numberFormatLocale
|
|
160
|
-
};
|
|
161
|
-
switch (type) {
|
|
162
|
-
case 'text':
|
|
163
|
-
return /*#__PURE__*/_jsx(MetaDataFieldTextType, _objectSpread({}, fieldProps));
|
|
164
|
-
case 'attachment-uri':
|
|
165
|
-
return /*#__PURE__*/_jsx(MetadataFieldUriType, _objectSpread({}, fieldProps));
|
|
166
|
-
case 'numeric':
|
|
167
|
-
return /*#__PURE__*/_jsx(MetaDataFieldNumericType, _objectSpread({}, fieldProps));
|
|
168
|
-
case 'geopoint':
|
|
169
|
-
return /*#__PURE__*/_jsx(MetadataGeoPointField, _objectSpread({}, fieldProps));
|
|
170
|
-
case 'textarea':
|
|
171
|
-
return /*#__PURE__*/_jsx(MetaDataFieldTextareaType, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
172
|
-
generateDescription: generateDescription,
|
|
173
|
-
isDescriptionLoading: isDescriptionLoading,
|
|
174
|
-
setIsDescriptionLoading: setIsDescriptionLoading,
|
|
175
|
-
isDescribeBtnHidden: isDescribeBtnHidden,
|
|
176
|
-
enableAIDescription: enableAIDescription
|
|
177
|
-
}));
|
|
178
|
-
case 'select-one':
|
|
179
|
-
return /*#__PURE__*/_jsx(MetaDataFieldSelectType, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
180
|
-
i18n: i18n,
|
|
181
|
-
isFilterOptions: isFilterOptions,
|
|
182
|
-
showClearIcon: true
|
|
183
|
-
}));
|
|
184
|
-
case 'multi-select':
|
|
185
|
-
return /*#__PURE__*/_jsx(MetaDataFieldMultiSelectType, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
186
|
-
i18n: i18n,
|
|
187
|
-
isFilterOptions: isFilterOptions,
|
|
188
|
-
tagsFieldMaxWidth: tagsFieldMaxWidth,
|
|
189
|
-
multiple: true
|
|
190
|
-
}));
|
|
191
|
-
case 'tags':
|
|
192
|
-
return /*#__PURE__*/_jsx(MetaDataFieldTagsType, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
193
|
-
item: item,
|
|
194
|
-
isLoading: isLoading,
|
|
195
|
-
isShowGenerateBtn: isShowGenerateBtn && checkUserPermissions([PERMISSIONS.FILE_PROCESS_AUTOTAGGING]),
|
|
196
|
-
generateTags: generateTags,
|
|
197
|
-
config: config,
|
|
198
|
-
allTags: allTags,
|
|
199
|
-
disableOnEnter: disableOnEnter,
|
|
200
|
-
tagsFieldMaxWidth: tagsFieldMaxWidth,
|
|
201
|
-
onChangeSearchQuery: onChangeSearchQuery,
|
|
202
|
-
isFetching: isFetching,
|
|
203
|
-
isMetadataGeneralSection: isMetadataGeneralSection
|
|
204
|
-
}));
|
|
205
|
-
case 'date':
|
|
206
|
-
return /*#__PURE__*/_jsx(MetaDataFieldDateType, _objectSpread({}, fieldProps));
|
|
207
|
-
case 'boolean':
|
|
208
|
-
return /*#__PURE__*/_jsx(MetaDataFieldBooleanType, _objectSpread({}, fieldProps));
|
|
209
|
-
default:
|
|
210
|
-
return /*#__PURE__*/_jsx(FormHint, {
|
|
211
|
-
children: "Field type: \"".concat(type, "\" is not supported!")
|
|
212
|
-
});
|
|
213
|
-
}
|
|
214
|
-
};
|
|
215
|
-
var renderField = function renderField(regionalVariantKey, regionalVariantKeyValue, regionalVariantKeyError) {
|
|
216
|
-
var metaRegionalHint = field.metaRegionalHint,
|
|
217
|
-
key = field.key;
|
|
218
|
-
var currentError = regionalVariantKey ? regionalVariantKeyError : error;
|
|
219
|
-
return /*#__PURE__*/_jsxs(FormControl, {
|
|
220
|
-
id: "meta-field-".concat(key),
|
|
221
|
-
error: !!currentError,
|
|
222
|
-
withHelperText: !!metaRegionalHint,
|
|
223
|
-
style: {
|
|
224
|
-
width: '100%'
|
|
225
|
-
},
|
|
226
|
-
children: [getFieldByType(regionalVariantKey, regionalVariantKeyValue, regionalVariantKeyError), (metaRegionalHint || currentError && typeof currentError === 'string') && !isFilterOptions && /*#__PURE__*/_jsx(FormHint, {
|
|
227
|
-
style: {
|
|
228
|
-
marginTop: 4
|
|
229
|
-
},
|
|
230
|
-
children: currentError || metaRegionalHint
|
|
231
|
-
})]
|
|
232
|
-
});
|
|
233
|
-
};
|
|
234
|
-
var regionalVariants = getFieldRegionalVariants();
|
|
235
|
-
if (!field.key) {
|
|
236
|
-
return /*#__PURE__*/_jsx(FormHint, {
|
|
237
|
-
children: i18n('metadataNoFieldKey')
|
|
238
|
-
});
|
|
239
|
-
}
|
|
240
|
-
if (!regionalVariants || !Array.isArray(regionalVariants)) {
|
|
241
|
-
return renderField();
|
|
242
|
-
}
|
|
243
|
-
var anActiveRegionalKey = activeRegionalKey || (regionalVariants === null || regionalVariants === void 0 ? void 0 : (_regionalVariants$ = regionalVariants[0]) === null || _regionalVariants$ === void 0 ? void 0 : _regionalVariants$.api_value);
|
|
244
|
-
return renderField(anActiveRegionalKey, (value || {})[anActiveRegionalKey], (error || {})[anActiveRegionalKey]);
|
|
245
|
-
};
|
|
246
|
-
export default MetaDataField;
|
|
@@ -1,36 +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 = ["i18n", "onChange", "value", "size"];
|
|
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 { MenuItem } from '@scaleflex/ui/core';
|
|
11
|
-
import Styled from '../FilterMetadataFields.styled';
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
export default (function (_ref) {
|
|
14
|
-
var i18n = _ref.i18n,
|
|
15
|
-
_onChange = _ref.onChange,
|
|
16
|
-
value = _ref.value,
|
|
17
|
-
_ref$size = _ref.size,
|
|
18
|
-
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
19
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
return /*#__PURE__*/_jsxs(Styled.BooleanSelector, _objectSpread(_objectSpread({}, rest), {}, {
|
|
21
|
-
value: value,
|
|
22
|
-
onChange: function onChange(value) {
|
|
23
|
-
return _onChange(value);
|
|
24
|
-
},
|
|
25
|
-
size: size,
|
|
26
|
-
showClearIcon: true,
|
|
27
|
-
fullWidth: true,
|
|
28
|
-
children: [/*#__PURE__*/_jsx(MenuItem, {
|
|
29
|
-
value: true,
|
|
30
|
-
children: i18n('mutualizedTrueLabel')
|
|
31
|
-
}), /*#__PURE__*/_jsx(MenuItem, {
|
|
32
|
-
value: false,
|
|
33
|
-
children: i18n('mutualizedFalseLabel')
|
|
34
|
-
})]
|
|
35
|
-
}));
|
|
36
|
-
});
|