@scaleflex/widget-common 4.4.0 → 4.5.1

package/lib/InputLabel.js

@@ -0,0 +1,18 @@
+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); }
+var _excluded = ["classes"];
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
+import { jsx as _jsx } from "react/jsx-runtime";
+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; }
+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; }
+var InputLabel = function InputLabel(_ref) {
+  var classes = _ref.classes,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("label", _objectSpread({
+    className: "filerobot-common-InputLabel".concat(classes ? " ".concat(classes) : '')
+  }, rest));
+};
+export default InputLabel;

package/lib/ItemButtonOverlay/ItemButtonOverlay.styled.js

@@ -0,0 +1,33 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { Button } from '@scaleflex/ui/core';
+import styled from 'styled-components';
+import { FV, PC } from '@scaleflex/widget-common';
+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) {
+  var palette = _ref.theme.palette;
+  return palette[PC.Extra_0_3_Overlay];
+});
+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) {
+  var palette = _ref2.theme.palette;
+  return palette[PC.Extra_0_7_Overlay];
+}, function (_ref3) {
+  var palette = _ref3.theme.palette;
+  return palette[PC.ButtonPrimaryText];
+}, function (_ref4) {
+  var typography = _ref4.theme.typography;
+  return typography.font[FV.ButtonXsUp];
+}, function (_ref5) {
+  var palette = _ref5.theme.palette;
+  return palette[PC.ButtonPrimaryText];
+}, function (_ref6) {
+  var palette = _ref6.theme.palette;
+  return palette[PC.Extra_0_9_Overlay];
+}, function (_ref7) {
+  var palette = _ref7.theme.palette;
+  return palette[PC.ButtonPrimaryText];
+});
+var Styled = {
+  ItemButtonOverlay: ItemButtonOverlay,
+  OverlayButton: OverlayButton
+};
+export default Styled;

package/lib/ItemButtonOverlay/index.js

@@ -0,0 +1,23 @@
+import ignoreEvent from '@scaleflex/widget-utils/lib/ignoreEvent';
+import Styled from './ItemButtonOverlay.styled';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ItemButtonOverlay = function ItemButtonOverlay(_ref) {
+  var styles = _ref.styles,
+    onClick = _ref.onClick,
+    _ref$onContextMenu = _ref.onContextMenu,
+    onContextMenu = _ref$onContextMenu === void 0 ? ignoreEvent : _ref$onContextMenu,
+    className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/_jsx(Styled.ItemButtonOverlay, {
+    className: "filerobot-common-ItemButtonOverlay ".concat(className || ''),
+    style: styles,
+    onContextMenu: onContextMenu,
+    children: children && /*#__PURE__*/_jsx(Styled.OverlayButton, {
+      color: "basic",
+      classes: "filerobot-common-ItemButtonOverlay-button",
+      onClick: onClick,
+      children: children
+    })
+  });
+};
+export default ItemButtonOverlay;

package/lib/ItemHoverTopOptions.js

@@ -0,0 +1,58 @@
+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); }
+var _excluded = ["options", "onContextMenu", "classes", "disabled", "buttonStyles", "iconStyles"];
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
+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; }
+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; }
+import { IconLabeledButton } from '@scaleflex/widget-common';
+import ignoreEvent from '@scaleflex/widget-utils/lib/ignoreEvent';
+import { TooltipV2 } from '@scaleflex/ui/core';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ItemHoverTopOptions = function ItemHoverTopOptions(_ref) {
+  var options = _ref.options,
+    onContextMenu = _ref.onContextMenu,
+    classes = _ref.classes,
+    disabled = _ref.disabled,
+    buttonStyles = _ref.buttonStyles,
+    iconStyles = _ref.iconStyles,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var renderButton = function renderButton(_ref2) {
+    var key = _ref2.key,
+      Icon = _ref2.Icon,
+      iconSize = _ref2.iconSize,
+      onClick = _ref2.onClick,
+      hidden = _ref2.hidden,
+      optionDisabled = _ref2.disabled,
+      disabledTooltip = _ref2.disabledTooltip,
+      testId = _ref2.testId;
+    return hidden ? null : /*#__PURE__*/_jsx(IconLabeledButton, {
+      icon: /*#__PURE__*/_jsx(TooltipV2, {
+        size: "md",
+        title: disabledTooltip,
+        hide: !optionDisabled || !disabledTooltip,
+        children: /*#__PURE__*/_jsx(Icon, {
+          size: iconSize,
+          style: iconStyles
+        })
+      }, key),
+      size: "small",
+      onClick: onClick,
+      onContextMenu: onContextMenu,
+      disabled: disabled || optionDisabled,
+      onDoubleClick: ignoreEvent,
+      style: buttonStyles,
+      "data-testid": testId
+    }, key);
+  };
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: "filerobot-common-ItemHoverTopOptions".concat(classes ? " ".concat(classes) : ''),
+    onContextMenu: onContextMenu,
+    "data-testid": "fmaw-common-item_hover_top_options"
+  }, props), {}, {
+    children: options.map(renderButton)
+  }));
+};
+export default ItemHoverTopOptions;

package/lib/LoaderView/LoaderView.styled.js

@@ -0,0 +1,37 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled, { keyframes } from 'styled-components';
+import { PC, FV } from '@scaleflex/widget-common';
+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"])));
+var barGradientAnimation = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    background-position: -3em 0;\n  }\n  100% {\n    background-position: 0 0;\n  }\n"])));
+var progressAnimation = keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n"])));
+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) {
+  var typography = _ref.theme.typography;
+  return typography.font[FV.LabelExtraLarge];
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette[PC.IconsPrimary];
+});
+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) {
+  var theme = _ref3.theme;
+  return theme.palette[PC.IconsPrimary];
+});
+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) {
+  var theme = _ref4.theme;
+  return theme.palette[PC.IconsPrimary];
+});
+var LoadingLabel = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([""])));
+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);
+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) {
+  var theme = _ref5.theme;
+  return theme.palette[PC.BordersItem];
+}, barGradientAnimation, progressAnimation);
+var Styled = {
+  Loader: Loader,
+  LoaderWrapper: LoaderWrapper,
+  LabelWrapper: LabelWrapper,
+  LoadingLabel: LoadingLabel,
+  DotsLoader: DotsLoader,
+  ProgressBarLoader: ProgressBarLoader
+};
+export default Styled;

package/lib/LoaderView/index.js

@@ -0,0 +1,32 @@
+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); }
+var _excluded = ["loaderClasses", "loaderLabel"];
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
+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; }
+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; }
+import Styled from './LoaderView.styled';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+var LoaderView = function LoaderView(_ref) {
+  var loaderClasses = _ref.loaderClasses,
+    _ref$loaderLabel = _ref.loaderLabel,
+    loaderLabel = _ref$loaderLabel === void 0 ? '' : _ref$loaderLabel,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(Styled.Loader, _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsxs(Styled.LoaderWrapper, {
+      children: [/*#__PURE__*/_jsxs(Styled.LabelWrapper, {
+        className: "".concat(loaderClasses ? " ".concat(loaderClasses) : ''),
+        children: [/*#__PURE__*/_jsxs(Styled.LoadingLabel, {
+          children: [" ", loaderLabel, " "]
+        }), /*#__PURE__*/_jsx(Styled.DotsLoader, {
+          children: " "
+        })]
+      }), /*#__PURE__*/_jsx(Styled.ProgressBarLoader, {
+        children: " "
+      })]
+    })
+  }));
+};
+export default LoaderView;

package/lib/MetaData/FilterMetadataFields.js

@@ -0,0 +1,115 @@
+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); }
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
+import { MetaDataFieldNumericType, MetaDataFieldSelectType, MetaDataFieldTagsType, MetaDataFieldTextareaType, MetaDataFieldTextType, MetaDataFieldBooleanType } from '@scaleflex/widget-common/lib/MetaData/MetaDataFieldTypes';
+import { MetaDataFieldDateType, MetadataFieldUriType } from './MetaDataFieldTypes';
+import Styled from './FilterMetadataFields.styled';
+import { jsx as _jsx } from "react/jsx-runtime";
+var BOOLEAN_OPTIONS = [{
+  label: 'true',
+  internal_unique_value: 'true',
+  i18nKey: 'filterMetadataBooleanFieldTrueLabel'
+}, {
+  label: 'false',
+  internal_unique_value: 'false',
+  i18nKey: 'filterMetadataBooleanFieldFalseLabel'
+}];
+var FilterMetaDataField = function FilterMetaDataField(_ref) {
+  var _ref$onChange = _ref.onChange,
+    _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    inputRef = _ref.inputRef,
+    field = _ref.field,
+    isMetadataFilter = _ref.isMetadataFilter,
+    _ref$considerAutoHeig = _ref.considerAutoHeight,
+    considerAutoHeight = _ref$considerAutoHeig === void 0 ? false : _ref$considerAutoHeig,
+    _ref$value = _ref.value,
+    currentValue = _ref$value === void 0 ? '' : _ref$value,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {
+      width: '100%'
+    } : _ref$style,
+    _ref$extraFieldProps = _ref.extraFieldProps,
+    extraFieldProps = _ref$extraFieldProps === void 0 ? {} : _ref$extraFieldProps,
+    numberFormatLocale = _ref.numberFormatLocale,
+    i18n = _ref.i18n,
+    isFetching = _ref.isFetching,
+    onChangeSearchQuery = _ref.onChangeSearchQuery;
+  var type = field.type,
+    fieldValue = field.value;
+  var getFieldValue = function getFieldValue() {
+    return fieldValue !== null && fieldValue !== void 0 ? fieldValue : currentValue;
+  };
+  var value = getFieldValue();
+  var fieldProps = _objectSpread({
+    onChange: _onChange,
+    value: value,
+    field: field,
+    i18n: i18n,
+    size: 'sm',
+    style: style,
+    placeholder: i18n('filterMetadataSelectValue'),
+    inputRef: inputRef,
+    considerMaxWidth: false,
+    considerAutoHeight: considerAutoHeight,
+    numberFormatLocale: numberFormatLocale
+  }, extraFieldProps);
+  switch (type) {
+    case 'text':
+      return /*#__PURE__*/_jsx(MetaDataFieldTextType, _objectSpread(_objectSpread({}, fieldProps), {}, {
+        placeholder: i18n('filterMetadataAddValue')
+      }));
+    case 'numeric':
+      return /*#__PURE__*/_jsx(MetaDataFieldNumericType, _objectSpread(_objectSpread({}, fieldProps), {}, {
+        value: value,
+        placeholder: i18n('filterMetadataAddValue')
+      }));
+    case 'textarea':
+      return /*#__PURE__*/_jsx(MetaDataFieldTextareaType, _objectSpread(_objectSpread({}, fieldProps), {}, {
+        textareaProps: {
+          rows: 3
+        },
+        placeholder: i18n('filterMetadataAddValue')
+      }));
+    case 'select-one':
+      return /*#__PURE__*/_jsx(MetaDataFieldSelectType, _objectSpread({
+        showClearIcon: true,
+        placeholder: i18n('filterMetadataSelectValue')
+      }, fieldProps));
+    case 'multi-select':
+      return /*#__PURE__*/_jsx(MetaDataFieldSelectType, _objectSpread(_objectSpread({
+        placeholder: i18n('filterMetadataSelectValue')
+      }, fieldProps), {}, {
+        multiple: true
+      }));
+    case 'tags':
+      return /*#__PURE__*/_jsx(MetaDataFieldTagsType, _objectSpread(_objectSpread({}, fieldProps), {}, {
+        placeholder: !(value !== null && value !== void 0 && value.length) > 0 ? i18n('detailsTabAddTagsLabel') : '',
+        disableOnEnter: false,
+        onChangeSearchQuery: onChangeSearchQuery,
+        isFetching: isFetching,
+        isMetadataFilter: isMetadataFilter
+      }));
+    case 'date':
+      return /*#__PURE__*/_jsx(MetaDataFieldDateType, _objectSpread({}, fieldProps));
+    case 'boolean':
+      return /*#__PURE__*/_jsx(Styled.MetaDataFieldBooleanTypeWrapper, {
+        children: /*#__PURE__*/_jsx(MetaDataFieldBooleanType, _objectSpread(_objectSpread({}, fieldProps), {}, {
+          options: BOOLEAN_OPTIONS,
+          value: typeof value === 'boolean' ? value : null,
+          onChange: function onChange(value) {
+            return _onChange(JSON.parse(value));
+          }
+        }))
+      });
+    case 'attachment-uri':
+      return /*#__PURE__*/_jsx(MetadataFieldUriType, _objectSpread({}, fieldProps));
+    default:
+      return /*#__PURE__*/_jsx(MetaDataFieldSelectType, _objectSpread({
+        showClearIcon: true
+      }, fieldProps));
+  }
+};
+export default FilterMetaDataField;

package/lib/MetaData/FilterMetadataFields.styled.js

@@ -0,0 +1,16 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { Textarea as SfxTextArea, Select } from '@scaleflex/ui/core';
+import styled from 'styled-components';
+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"])));
+var BooleanSelector = styled(Select)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  align-items: center;\n"])));
+var TextArea = styled(SfxTextArea)(function (_ref) {
+  var size = _ref.size;
+  return "\n  padding: ".concat(size === 'sm' ? '12px' : '9px 16px', ";\n");
+});
+var Styled = {
+  MetaDataFieldBooleanTypeWrapper: MetaDataFieldBooleanTypeWrapper,
+  TextArea: TextArea,
+  BooleanSelector: BooleanSelector
+};
+export default Styled;

package/lib/MetaData/MetaDataField.js

@@ -0,0 +1,246 @@
+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"];
+var _this = this;
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
+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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+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."); }
+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; } }
+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; }
+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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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; }
+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; }
+import { useState, useEffect, useMemo } from 'react';
+import { FormHint } from '@scaleflex/ui/core';
+import { FormControl } from '@scaleflex/widget-common';
+import { PERMISSIONS, FILE_WINDOW_TAB_IDS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorer, usePrevious } from '@scaleflex/widget-explorer/lib/hooks';
+import { getMetaRegionalLanguagesGroupUuid } from '@scaleflex/widget-explorer/lib/components/metadata.adapter';
+import isFolder from '@scaleflex/widget-utils/lib/isFolder';
+import { MetaDataFieldTextType, MetaDataFieldNumericType, MetaDataFieldTextareaType, MetaDataFieldSelectType, MetaDataFieldTagsType, MetaDataFieldDateType, MetaDataFieldBooleanType, MetadataFieldUriType } from './MetaDataFieldTypes';
+import MetaDataFieldMultiSelectType from './MetaDataFieldTypes/MetaDataFieldMultiSelectType';
+import MetadataGeoPointField from './MetaDataFieldTypes/MetadataGeoPointField';
+
+// TODO: Check if we should move the place of the this component to FileCard or not.
+// TODO: Refactor this component to fit the new v3 metadata and avoid un-necessary code.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var MetaDataField = function MetaDataField(_ref) {
+  var _regionalVariants$;
+  var filesMetaFields = _ref.filesMetaFields,
+    metadataValues = _ref.metadataValues,
+    setMetadataValues = _ref.setMetadataValues,
+    index = _ref.index,
+    _ref$checkUserPermiss = _ref.checkUserPermissions,
+    checkUserPermissions = _ref$checkUserPermiss === void 0 ? function () {} : _ref$checkUserPermiss,
+    isFocused = _ref.isFocused,
+    generateTags = _ref.generateTags,
+    generateDescription = _ref.generateDescription,
+    isLoading = _ref.isLoading,
+    setIsFocused = _ref.setIsFocused,
+    isShowGenerateBtn = _ref.isShowGenerateBtn,
+    baseClassName = _ref.baseClassName,
+    values = _ref.values,
+    onChangeMetadataFilter = _ref.onChangeMetadataFilter,
+    field = _ref.field,
+    value = _ref.value,
+    error = _ref.error,
+    metaRegionalGroups = _ref.metaRegionalGroups,
+    iconPrimaryColor = _ref.iconPrimaryColor,
+    submitCount = _ref.submitCount,
+    disabled = _ref.disabled,
+    i18n = _ref.i18n,
+    containerHeight = _ref.containerHeight,
+    metaRegionalFilters = _ref.metaRegionalFilters,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    isDescribeBtnHidden = _ref.isDescribeBtnHidden,
+    tagsFieldMaxWidth = _ref.tagsFieldMaxWidth,
+    onChangeSearchQuery = _ref.onChangeSearchQuery,
+    _ref$isFetching = _ref.isFetching,
+    isFetching = _ref$isFetching === void 0 ? false : _ref$isFetching,
+    enableAIDescription = _ref.enableAIDescription,
+    isFilterOptions = _ref.isFilterOptions,
+    _ref$isMetadataGenera = _ref.isMetadataGeneralSection,
+    isMetadataGeneralSection = _ref$isMetadataGenera === void 0 ? false : _ref$isMetadataGenera,
+    allTags = _ref.allTags,
+    isDescriptionLoading = _ref.isDescriptionLoading,
+    setIsDescriptionLoading = _ref.setIsDescriptionLoading,
+    disableOnEnter = _ref.disableOnEnter,
+    activeTabId = _ref.activeTabId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useExplorer = useExplorer(),
+    _useExplorer$opts = _useExplorer.opts,
+    _useExplorer$opts2 = _useExplorer$opts === void 0 ? {} : _useExplorer$opts,
+    config = _useExplorer$opts2.config;
+  var prevProps = usePrevious({
+    field: field,
+    metaRegionalFilters: metaRegionalFilters,
+    metaRegionalGroups: metaRegionalGroups
+  });
+  var getFieldRegionalGroup = function getFieldRegionalGroup() {
+    return metaRegionalGroups === null || metaRegionalGroups === void 0 ? void 0 : metaRegionalGroups.find(function (group) {
+      return group.uuid === (field === null || field === void 0 ? void 0 : field.regional_variants_group_uuid);
+    });
+  };
+  var languagesRegVariantGroupUuid = useMemo(function () {
+    return getMetaRegionalLanguagesGroupUuid(metaRegionalGroups);
+  }, [metaRegionalGroups]);
+  var currentLanguage = useMemo(function () {
+    return (metaRegionalFilters === null || metaRegionalFilters === void 0 ? void 0 : metaRegionalFilters[languagesRegVariantGroupUuid]) || 'en';
+  }, [metaRegionalFilters, languagesRegVariantGroupUuid]);
+  var getFieldRegionalVariants = function getFieldRegionalVariants() {
+    var _getFieldRegionalGrou;
+    return (_getFieldRegionalGrou = getFieldRegionalGroup()) === null || _getFieldRegionalGrou === void 0 ? void 0 : _getFieldRegionalGrou.variants;
+  };
+  var _useState = useState(function () {
+      var _getFieldRegionalVari, _getFieldRegionalVari2;
+      return ((_getFieldRegionalVari = getFieldRegionalVariants()) === null || _getFieldRegionalVari === void 0 ? void 0 : (_getFieldRegionalVari2 = _getFieldRegionalVari[0]) === null || _getFieldRegionalVari2 === void 0 ? void 0 : _getFieldRegionalVari2.api_value) || null;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeRegionalKey = _useState2[0],
+    setActiveRegionalKey = _useState2[1];
+  useEffect(function () {
+    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) {
+      initActiveRegionalKey();
+    }
+  }, [field, metaRegionalFilters, metaRegionalGroups]);
+  useEffect(function () {
+    initActiveRegionalKey();
+  }, [submitCount]);
+  var initActiveRegionalKey = function initActiveRegionalKey() {
+    var _Object$keys, _getFieldRegionalVari3, _getFieldRegionalVari4;
+    var firstErrorApiKey = _typeof(error) === 'object' ? (_Object$keys = Object.keys(error)) === null || _Object$keys === void 0 ? void 0 : _Object$keys[0] : null;
+    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);
+  };
+  useEffect(initActiveRegionalKey, []);
+  useEffect(initActiveRegionalKey, [field, metaRegionalFilters, metaRegionalGroups]);
+  var handleFieldChange = function handleFieldChange(regionalVariantFieldKey, newValue) {
+    props.onChange(newValue, field.key, regionalVariantFieldKey, field);
+  };
+  var getFieldByType = function getFieldByType() {
+    var _field$can_edit, _getFieldValue;
+    var regionalVariantKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    var regionalVariantKeyValue = arguments.length > 1 ? arguments[1] : undefined;
+    var regionalVariantKeyError = arguments.length > 2 ? arguments[2] : undefined;
+    var item = props.item,
+      isEditing = props.isEditing;
+    var type = field.type,
+      key = field.key,
+      placeholder = field.placeholder;
+    var hasEditPerms = checkUserPermissions([PERMISSIONS[isFolder(item) ? 'FOLDER_META' : 'FILE_META']]);
+    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));
+    var getFieldValue = function getFieldValue() {
+      if (regionalVariantKey) return regionalVariantKeyValue;
+      if (value !== null && value !== void 0 && value[currentLanguage]) {
+        return value[currentLanguage];
+      }
+      return value;
+    };
+    var fieldProps = {
+      onChange: handleFieldChange.bind(_this, regionalVariantKey),
+      value: (_getFieldValue = getFieldValue()) !== null && _getFieldValue !== void 0 ? _getFieldValue : '',
+      required: field === null || field === void 0 ? void 0 : field.required,
+      field: field,
+      placeholder: placeholder,
+      size: size,
+      focusOnMount: key === 'name' && isEditing && activeTabId === FILE_WINDOW_TAB_IDS.GENERAL,
+      readOnly: !canEdit,
+      disabled: !canEdit || disabled,
+      error: !!(regionalVariantKey ? regionalVariantKeyError : error),
+      // saveOnEnter: props.saveOnEnter,
+      containerHeight: containerHeight,
+      i18n: i18n,
+      activeRegionalKey: activeRegionalKey,
+      fieldKey: key,
+      numberFormatLocale: config === null || config === void 0 ? void 0 : config.numberFormatLocale
+    };
+    switch (type) {
+      case 'text':
+        return /*#__PURE__*/_jsx(MetaDataFieldTextType, _objectSpread({}, fieldProps));
+      case 'attachment-uri':
+        return /*#__PURE__*/_jsx(MetadataFieldUriType, _objectSpread({}, fieldProps));
+      case 'numeric':
+        return /*#__PURE__*/_jsx(MetaDataFieldNumericType, _objectSpread({}, fieldProps));
+      case 'geopoint':
+        return /*#__PURE__*/_jsx(MetadataGeoPointField, _objectSpread({}, fieldProps));
+      case 'textarea':
+        return /*#__PURE__*/_jsx(MetaDataFieldTextareaType, _objectSpread(_objectSpread({}, fieldProps), {}, {
+          generateDescription: generateDescription,
+          isDescriptionLoading: isDescriptionLoading,
+          setIsDescriptionLoading: setIsDescriptionLoading,
+          isDescribeBtnHidden: isDescribeBtnHidden,
+          enableAIDescription: enableAIDescription
+        }));
+      case 'select-one':
+        return /*#__PURE__*/_jsx(MetaDataFieldSelectType, _objectSpread(_objectSpread({}, fieldProps), {}, {
+          i18n: i18n,
+          isFilterOptions: isFilterOptions,
+          showClearIcon: true
+        }));
+      case 'multi-select':
+        return /*#__PURE__*/_jsx(MetaDataFieldMultiSelectType, _objectSpread(_objectSpread({}, fieldProps), {}, {
+          i18n: i18n,
+          isFilterOptions: isFilterOptions,
+          tagsFieldMaxWidth: tagsFieldMaxWidth,
+          multiple: true
+        }));
+      case 'tags':
+        return /*#__PURE__*/_jsx(MetaDataFieldTagsType, _objectSpread(_objectSpread({}, fieldProps), {}, {
+          item: item,
+          isLoading: isLoading,
+          isShowGenerateBtn: isShowGenerateBtn && checkUserPermissions([PERMISSIONS.FILE_PROCESS_AUTOTAGGING]),
+          generateTags: generateTags,
+          config: config,
+          allTags: allTags,
+          disableOnEnter: disableOnEnter,
+          tagsFieldMaxWidth: tagsFieldMaxWidth,
+          onChangeSearchQuery: onChangeSearchQuery,
+          isFetching: isFetching,
+          isMetadataGeneralSection: isMetadataGeneralSection
+        }));
+      case 'date':
+        return /*#__PURE__*/_jsx(MetaDataFieldDateType, _objectSpread({}, fieldProps));
+      case 'boolean':
+        return /*#__PURE__*/_jsx(MetaDataFieldBooleanType, _objectSpread({}, fieldProps));
+      default:
+        return /*#__PURE__*/_jsx(FormHint, {
+          children: "Field type: \"".concat(type, "\" is not supported!")
+        });
+    }
+  };
+  var renderField = function renderField(regionalVariantKey, regionalVariantKeyValue, regionalVariantKeyError) {
+    var metaRegionalHint = field.metaRegionalHint,
+      key = field.key;
+    var currentError = regionalVariantKey ? regionalVariantKeyError : error;
+    return /*#__PURE__*/_jsxs(FormControl, {
+      id: "meta-field-".concat(key),
+      error: !!currentError,
+      withHelperText: !!metaRegionalHint,
+      style: {
+        width: '100%'
+      },
+      children: [getFieldByType(regionalVariantKey, regionalVariantKeyValue, regionalVariantKeyError), (metaRegionalHint || currentError && typeof currentError === 'string') && !isFilterOptions && /*#__PURE__*/_jsx(FormHint, {
+        style: {
+          marginTop: 4
+        },
+        children: currentError || metaRegionalHint
+      })]
+    });
+  };
+  var regionalVariants = getFieldRegionalVariants();
+  if (!field.key) {
+    return /*#__PURE__*/_jsx(FormHint, {
+      children: i18n('metadataNoFieldKey')
+    });
+  }
+  if (!regionalVariants || !Array.isArray(regionalVariants)) {
+    return renderField();
+  }
+  var anActiveRegionalKey = activeRegionalKey || (regionalVariants === null || regionalVariants === void 0 ? void 0 : (_regionalVariants$ = regionalVariants[0]) === null || _regionalVariants$ === void 0 ? void 0 : _regionalVariants$.api_value);
+  return renderField(anActiveRegionalKey, (value || {})[anActiveRegionalKey], (error || {})[anActiveRegionalKey]);
+};
+export default MetaDataField;

package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldBooleanType.js

@@ -0,0 +1,36 @@
+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); }
+var _excluded = ["i18n", "onChange", "value", "size"];
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
+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; }
+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; }
+import { MenuItem } from '@scaleflex/ui/core';
+import Styled from '../FilterMetadataFields.styled';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default (function (_ref) {
+  var i18n = _ref.i18n,
+    _onChange = _ref.onChange,
+    value = _ref.value,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsxs(Styled.BooleanSelector, _objectSpread(_objectSpread({}, rest), {}, {
+    value: value,
+    onChange: function onChange(value) {
+      return _onChange(value);
+    },
+    size: size,
+    showClearIcon: true,
+    fullWidth: true,
+    children: [/*#__PURE__*/_jsx(MenuItem, {
+      value: true,
+      children: i18n('mutualizedTrueLabel')
+    }), /*#__PURE__*/_jsx(MenuItem, {
+      value: false,
+      children: i18n('mutualizedFalseLabel')
+    })]
+  }));
+});