@scaleflex/widget-pixaforge 4.3.0 → 4.4.0

package/lib/components/CustomizeIcons/ColorCustomization.js

@@ -1,159 +0,0 @@
-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; }
-import { useCallback, useMemo, useState } from 'react';
-import { IconLabeledButton } from '@scaleflex/widget-common';
-import { Remove } from '@scaleflex/icons';
-import { Input, MenuItem, Select } from '@scaleflex/ui/core';
-import hexToRgb from '@scaleflex/widget-utils/lib/hexToRgb';
-import rgbToHex from '@scaleflex/widget-utils/lib/rgbToHex';
-import ColorPicker from '@scaleflex/widget-common/lib/ColorPicker';
-import { DEFAULT_ICONS_COLOR } from '../../constants';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-var fixtureColors = ['green', '#cccccc', 'blue', 'magenta', '#ff0000', '#000000', 'cyan', '#ffffff', 'brown'];
-var colorFormatOptions = {
-  HEX: 'HEX',
-  RGB: 'RGB'
-};
-var colorFormats = Object.values(colorFormatOptions);
-var defaultIconsColorInRgb = hexToRgb(DEFAULT_ICONS_COLOR);
-var inputChangeTimeout = null;
-var ColorCustomization = function ColorCustomization(_ref) {
-  var color = _ref.color,
-    onChange = _ref.onChange,
-    iconPrimaryColor = _ref.iconPrimaryColor;
-  var _useState = useState(colorFormatOptions.HEX),
-    _useState2 = _slicedToArray(_useState, 2),
-    colorFormat = _useState2[0],
-    setColorFormat = _useState2[1];
-  var hexColor = useMemo(function () {
-    return _typeof(color) === 'object' ? rgbToHex(color.r, color.g, color.b) : color;
-  }, [color]);
-  var rgbColor = useMemo(function () {
-    return _typeof(color) === 'object' ? color : hexToRgb(color);
-  }, [color]);
-  var updateColorFromPicker = useCallback(function (newColor) {
-    onChange(colorFormat === colorFormatOptions.RGB ? rgbToHex(newColor) : newColor);
-  }, [colorFormat]);
-  var updateColorInHex = useCallback(function (event) {
-    var newColor = event.target.value;
-    if (inputChangeTimeout) {
-      clearTimeout(inputChangeTimeout);
-    }
-    inputChangeTimeout = setTimeout(function () {
-      onChange(newColor);
-      inputChangeTimeout = null;
-    }, 15);
-  }, []);
-  var updateColorInRgb = useCallback(function (event) {
-    var newColor = +event.target.value;
-    var colorChannel = event.target.name;
-    if (inputChangeTimeout) {
-      clearTimeout(inputChangeTimeout);
-    }
-    inputChangeTimeout = setTimeout(function () {
-      if (newColor >= 0 && newColor <= 255) {
-        onChange(function (latestVals) {
-          return _objectSpread(_objectSpread({}, latestVals), {}, _defineProperty({}, colorChannel, newColor));
-        });
-      }
-      inputChangeTimeout = null;
-    }, 15);
-  }, []);
-  var resetToDefaultColor = useCallback(function () {
-    onChange(DEFAULT_ICONS_COLOR);
-  }, []);
-  var changeColorFormat = useCallback(function (value) {
-    setColorFormat(function (latestValue) {
-      onChange(latestValue === colorFormatOptions.HEX ? rgbColor : hexColor);
-      return value;
-    });
-  }, [color]);
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(ColorPicker, {
-      colors: fixtureColors,
-      value: hexColor,
-      onChange: updateColorFromPicker,
-      width: 24,
-      height: 24,
-      itemMargin: "0 6px 8px 4px",
-      showPickerPanel: true
-    }), /*#__PURE__*/_jsx(Select, {
-      value: colorFormat,
-      className: "filerobot-Pixaforge-ColorCustomization",
-      onChange: changeColorFormat,
-      style: {
-        maxWidth: 80
-      },
-      children: colorFormats.map(function (format) {
-        return /*#__PURE__*/_jsx(MenuItem, {
-          value: format,
-          children: format
-        }, format);
-      })
-    }), colorFormat === colorFormatOptions.HEX && /*#__PURE__*/_jsx(Input, {
-      background: "primary",
-      onChange: updateColorInHex,
-      size: "md",
-      value: color,
-      placeholder: DEFAULT_ICONS_COLOR,
-      minLength: 3,
-      maxLength: 7
-    }), colorFormat === colorFormatOptions.RGB && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Input, {
-        background: "primary",
-        onChange: updateColorInRgb,
-        size: "md",
-        name: "r",
-        value: rgbColor.r,
-        placeholder: defaultIconsColorInRgb.r,
-        inputMode: "numeric",
-        type: "number",
-        min: 1,
-        max: 255,
-        className: "filerobot-Pixaforge-ColorCustomization-rgbField"
-      }), /*#__PURE__*/_jsx(Input, {
-        background: "primary",
-        onChange: updateColorInRgb,
-        name: "g",
-        size: "md",
-        value: rgbColor.g,
-        placeholder: defaultIconsColorInRgb.g,
-        inputMode: "numeric",
-        type: "number",
-        min: 0,
-        max: 255,
-        className: "filerobot-Pixaforge-ColorCustomization-rgbField"
-      }), /*#__PURE__*/_jsx(Input, {
-        background: "primary",
-        onChange: updateColorInRgb,
-        name: "b",
-        size: "md",
-        value: rgbColor.b,
-        placeholder: defaultIconsColorInRgb.b,
-        inputMode: "numeric",
-        type: "number",
-        min: 0,
-        max: 255,
-        className: "filerobot-Pixaforge-ColorCustomization-rgbField"
-      })]
-    }), /*#__PURE__*/_jsx(IconLabeledButton, {
-      icon: /*#__PURE__*/_jsx(Remove, {
-        color: iconPrimaryColor
-      }),
-      onClick: resetToDefaultColor,
-      classes: "filerobot-Pixaforge-ColorCustomization-removeButton",
-      size: "small"
-    })]
-  });
-};
-export default ColorCustomization;

package/lib/components/CustomizeIcons/index.js

@@ -1,105 +0,0 @@
-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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-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; }
-import { useCallback, useEffect, useState } from 'react';
-import { useDispatch } from 'react-redux';
-import { QuestionMarkOutline } from '@scaleflex/icons';
-import { TooltipV2 } from '@scaleflex/ui/core';
-import rgbToHex from '@scaleflex/widget-utils/lib/rgbToHex';
-import { PC } from '@scaleflex/widget-common';
-import { useTheme } from '@scaleflex/ui/theme/hooks';
-import { DEFAULT_ICONS_COLOR } from '../../constants';
-import SingleIcon from '../IconsGallery/SingleIcon';
-import ColorCustomization from './ColorCustomization';
-import { customizedIconsUpdated, pixaforgeCommonStateUpdated } from '../../common.slice';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var CustomizeIcons = function CustomizeIcons(_ref) {
-  var icons = _ref.icons,
-    i18n = _ref.i18n;
-  var dispatch = useDispatch();
-  var theme = useTheme();
-  var iconPrimaryColor = theme.palette[PC.IconsPrimary];
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedIconsUids = _useState2[0],
-    setSelectedIconsUids = _useState2[1];
-  var _useState3 = useState(DEFAULT_ICONS_COLOR),
-    _useState4 = _slicedToArray(_useState3, 2),
-    color = _useState4[0],
-    setColor = _useState4[1];
-  var toggleSelection = useCallback(function (icon, isSelected) {
-    setSelectedIconsUids(isSelected ? selectedIconsUids.filter(function (uid) {
-      return uid !== icon.uid;
-    }) : [].concat(_toConsumableArray(selectedIconsUids), [icon.uid]));
-  }, [selectedIconsUids]);
-  var checkIsSelected = useCallback(function (checkedIcon) {
-    return selectedIconsUids.includes(checkedIcon.uid);
-  }, [selectedIconsUids]);
-  useEffect(function () {
-    if (selectedIconsUids.length > 0) {
-      var hexColor = _typeof(color) === 'object' ? rgbToHex(color.r, color.g, color.b) : color;
-      var updatedCustomizedIcons = icons.map(function (icon) {
-        return checkIsSelected(icon) && icon.color !== hexColor ? _objectSpread(_objectSpread({}, icon), {}, {
-          color: hexColor
-        }) : icon;
-      });
-      dispatch(customizedIconsUpdated(updatedCustomizedIcons));
-    }
-  }, [selectedIconsUids, color]);
-
-  // Reset state after closing the component.
-  useEffect(function () {
-    return function () {
-      dispatch(pixaforgeCommonStateUpdated({
-        currentSelection: [],
-        customizedIcons: []
-      }));
-    };
-  }, []);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "filerobot-Pixaforge-CustomizeIcons",
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "filerobot-Pixaforge-CustomizedIcons-title",
-      children: [i18n('pixaforgeCustomizedIconsLabel', {
-        smart_count: icons.length
-      }), /*#__PURE__*/_jsx(TooltipV2, {
-        arrow: true,
-        position: "right",
-        size: "sm",
-        title: i18n('pixaforgeCustomizedIconsTitle'),
-        children: /*#__PURE__*/_jsx(QuestionMarkOutline, {
-          color: iconPrimaryColor
-        })
-      })]
-    }), /*#__PURE__*/_jsx(ColorCustomization, {
-      color: color,
-      onChange: setColor,
-      iconPrimaryColor: iconPrimaryColor
-    }), /*#__PURE__*/_jsx("div", {
-      className: "filerobot-Pixaforge-CustomizeIcons-iconsWrapper",
-      children: icons.map(function (icon) {
-        return /*#__PURE__*/_jsx(SingleIcon, _objectSpread(_objectSpread({
-          toggleIconSelection: toggleSelection,
-          isSelected: checkIsSelected(icon),
-          loadingErrorMsg: i18n('pixaforgeFailedToLoadIconError')
-        }, icon), {}, {
-          children: icon.svgStringified
-        }), icon.uid);
-      })
-    })]
-  });
-};
-export default CustomizeIcons;

package/lib/components/GalleryViewsOptionsMenu.js

@@ -1,97 +0,0 @@
-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; }
-import { useCallback, useState } from 'react';
-import { IconLabeledButton, PC, Radiobox } from '@scaleflex/widget-common';
-import { ViewOptions } from '@scaleflex/icons';
-import { Menu, MenuItem } from '@scaleflex/ui/core';
-import { IMAGES_GALLERY_VIEWS } from '../constants';
-import { useTheme } from '@scaleflex/ui/theme/hooks';
-import { useDispatch, useSelector } from 'react-redux';
-import { galleryViewChanged, selectGalleryView } from '../common.slice';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var GalleryViewsOptionsMenu = function GalleryViewsOptionsMenu(_ref) {
-  var i18n = _ref.i18n;
-  var dispatch = useDispatch();
-  var theme = useTheme();
-  var galleryView = useSelector(selectGalleryView);
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    anchorEl = _useState2[0],
-    setAnchorEl = _useState2[1];
-  var iconPrimaryColor = theme.palette[PC.IconsPrimary];
-  var iconAccentColor = theme.palette[PC.AccentPrimary];
-  var setElement = useCallback(function (e) {
-    setAnchorEl(e.currentTarget);
-  }, []);
-  var clearElement = useCallback(function () {
-    setAnchorEl(null);
-  }, []);
-  var selectOption = useCallback(function (newOption) {
-    dispatch(galleryViewChanged(newOption));
-    clearElement();
-  }, []);
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(IconLabeledButton, {
-      icon: /*#__PURE__*/_jsx(ViewOptions, {
-        color: iconPrimaryColor
-      }),
-      onClick: setElement
-    }), /*#__PURE__*/_jsx(Menu, {
-      anchorEl: anchorEl,
-      enableOverlay: true,
-      onClose: clearElement,
-      open: Boolean(anchorEl),
-      position: "bottom",
-      children: /*#__PURE__*/_jsx(MenuItem, {
-        list: [{
-          content: i18n('pixaforgeStandardPortraitsTitle'),
-          key: IMAGES_GALLERY_VIEWS.STANDARD_PORTRAITS,
-          onClick: function onClick() {
-            return selectOption(IMAGES_GALLERY_VIEWS.STANDARD_PORTRAITS);
-          },
-          prefix: /*#__PURE__*/_jsx(Radiobox, {
-            style: {
-              padding: 0
-            },
-            color: iconAccentColor,
-            iconPrimaryColor: iconPrimaryColor,
-            checked: galleryView === IMAGES_GALLERY_VIEWS.STANDARD_PORTRAITS
-          })
-        }, {
-          content: i18n('pixaforgeSmallPortraitsTitle'),
-          key: IMAGES_GALLERY_VIEWS.SMALL_PORTRAITS,
-          onClick: function onClick() {
-            return selectOption(IMAGES_GALLERY_VIEWS.SMALL_PORTRAITS);
-          },
-          prefix: /*#__PURE__*/_jsx(Radiobox, {
-            style: {
-              padding: 0
-            },
-            color: iconAccentColor,
-            iconPrimaryColor: iconPrimaryColor,
-            checked: galleryView === IMAGES_GALLERY_VIEWS.SMALL_PORTRAITS
-          })
-        }, {
-          content: i18n('pixaforgeStandardLandscapesTitle'),
-          key: IMAGES_GALLERY_VIEWS.STANDARD_LANDSCAPES,
-          onClick: function onClick() {
-            return selectOption(IMAGES_GALLERY_VIEWS.STANDARD_LANDSCAPES);
-          },
-          prefix: /*#__PURE__*/_jsx(Radiobox, {
-            style: {
-              padding: 0
-            },
-            color: iconAccentColor,
-            iconPrimaryColor: iconPrimaryColor,
-            checked: galleryView === IMAGES_GALLERY_VIEWS.STANDARD_LANDSCAPES
-          })
-        }]
-      })
-    })]
-  });
-};
-export default GalleryViewsOptionsMenu;

package/lib/components/IconsGallery/SingleIcon.js

@@ -1,49 +0,0 @@
-var _excluded = ["isSelected", "toggleIconSelection", "loadingErrorMsg", "children"];
-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 { memo, useCallback, useRef } from 'react';
-import { Checkbox, SVGUrlToElement } from '@scaleflex/widget-common';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var SingleIcon = function SingleIcon(_ref) {
-  var isSelected = _ref.isSelected,
-    toggleIconSelection = _ref.toggleIconSelection,
-    loadingErrorMsg = _ref.loadingErrorMsg,
-    children = _ref.children,
-    icon = _objectWithoutProperties(_ref, _excluded);
-  var svgElementStringified = useRef();
-  var onIconLoad = useCallback(function (svgElementString) {
-    if (!svgElementStringified.current) {
-      svgElementStringified.current = svgElementString;
-    }
-  }, []);
-  var toggleSelection = useCallback(function () {
-    toggleIconSelection(icon, isSelected, svgElementStringified.current);
-  }, [icon, isSelected]);
-  return /*#__PURE__*/_jsxs("div", {
-    onClick: toggleSelection,
-    className: "filerobot-Pixaforge-SingleIcon".concat(isSelected ? ' filerobot-Pixaforge-SingleIcon--selected' : ''),
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "filerobot-Pixaforge-overlay",
-      children: /*#__PURE__*/_jsx(Checkbox, {
-        checked: isSelected,
-        style: {
-          margin: 4
-        }
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      className: "filerobot-Pixaforge-SingleIcon-icon",
-      style: {
-        color: icon.color
-      },
-      dangerouslySetInnerHTML: children ? {
-        __html: children
-      } : undefined,
-      children: !children ? /*#__PURE__*/_jsx(SVGUrlToElement, {
-        url: icon.src,
-        errorMsg: "".concat(loadingErrorMsg).concat(icon.alt ? ": ".concat(icon.alt) : ''),
-        onLoad: onIconLoad
-      }) : undefined
-    })]
-  });
-};
-export default /*#__PURE__*/memo(SingleIcon);

package/lib/components/IconsGallery/index.js

@@ -1,153 +0,0 @@
-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); }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-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; }
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { Spinner } from '@scaleflex/widget-common';
-import { useCore } from '@scaleflex/widget-core/lib/hooks';
-import { getIconsAndTags } from '../../api.service';
-import TagsAndFoundLabel from '../TagsAndFoundLabel';
-import SingleIcon from './SingleIcon';
-import { currentSelectionsUpdated, selectCurrentSelection } from '../../common.slice';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var _isScrollingFetchAvailable = true;
-var spinnerStyles = {
-  height: 'auto',
-  bottom: 0,
-  position: 'absolute'
-};
-var IconsGallery = function IconsGallery(_ref) {
-  var i18n = _ref.i18n,
-    setIsLoading = _ref.setIsLoading,
-    info = _ref.info,
-    searchKeyword = _ref.searchKeyword;
-  var dispatch = useDispatch();
-  var _useCore = useCore(),
-    isFileRestrictedToGetAdded = _useCore.isFileRestrictedToGetAdded;
-  var currentSelection = useSelector(selectCurrentSelection);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    icons = _useState2[0],
-    setIcons = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tags = _useState4[0],
-    setTags = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    totalCount = _useState6[0],
-    setTotalCount = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isFetching = _useState8[0],
-    setIsFetching = _useState8[1];
-  var _useState9 = useState(true),
-    _useState10 = _slicedToArray(_useState9, 2),
-    isFirstRender = _useState10[0],
-    setIsFirstRender = _useState10[1];
-  var latestFilters = useRef();
-  var fetchIconsAndTags = useCallback(function (filters) {
-    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    if (!isFirstRender && offset !== 0) {
-      setIsFetching(true);
-    } else if (offset === 0) {
-      setIsLoading(true);
-    }
-    getIconsAndTags(filters, offset).then(function (_ref2) {
-      var tags = _ref2.tags,
-        icons = _ref2.icons,
-        totalCount = _ref2.totalCount;
-      setTags(function (latestTags) {
-        return _toConsumableArray(new Set([].concat(_toConsumableArray(latestTags), _toConsumableArray(tags.map(function (t) {
-          return t.tag;
-        })))));
-      });
-      setIcons(function (latestIcons) {
-        return offset ? [].concat(_toConsumableArray(latestIcons), _toConsumableArray(icons)) : icons;
-      });
-      setTotalCount(totalCount);
-    })["finally"](function () {
-      latestFilters.current = filters;
-      setIsLoading(false);
-      setIsFetching(false);
-      _isScrollingFetchAvailable = true;
-    });
-  }, []);
-  var toggleIconSelection = useCallback(function (icon, isSelected, svgElementStringified) {
-    if (!isSelected && isFileRestrictedToGetAdded(currentSelection, icon)) {
-      return;
-    }
-    if (!svgElementStringified) {
-      info(i18n('pixaforgeIconSelectError'), 'error', 4000);
-      return;
-    }
-    dispatch(currentSelectionsUpdated(isSelected ? currentSelection.filter(function (selectedIcon) {
-      return selectedIcon.uid !== icon.uid;
-    }) : [].concat(_toConsumableArray(currentSelection), [_objectSpread(_objectSpread({}, icon), {}, {
-      svgStringified: svgElementStringified
-    })])));
-  }, [currentSelection]);
-  var checkIsSelected = useCallback(function (icon) {
-    return currentSelection.some(function (selectedIcon) {
-      return selectedIcon.uid === icon.uid;
-    });
-  }, [currentSelection]);
-  var handleTagsChange = useCallback(function (tags) {
-    fetchIconsAndTags(searchKeyword ? [searchKeyword].concat(_toConsumableArray(tags)) : tags);
-  }, [searchKeyword]);
-  var handleScroll = useCallback(function (e) {
-    var elem = e.currentTarget;
-    var iconsCount = icons.length;
-    if (_isScrollingFetchAvailable && elem.scrollHeight - (elem.scrollTop + elem.offsetHeight) < 75 && iconsCount !== totalCount) {
-      _isScrollingFetchAvailable = false;
-      fetchIconsAndTags(latestFilters.current, iconsCount);
-    }
-  }, [icons, totalCount]);
-  useEffect(function () {
-    fetchIconsAndTags(searchKeyword ? [searchKeyword] : undefined);
-    if (isFirstRender) {
-      setIsFirstRender(false);
-    }
-  }, [searchKeyword]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "filerobot-Pixaforge-IconsGallery",
-    children: [!isFirstRender && /*#__PURE__*/_jsx(TagsAndFoundLabel, {
-      tags: tags,
-      foundLabelCount: totalCount,
-      i18n: i18n,
-      onChange: handleTagsChange
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "filerobot-Pixaforge-IconsGallery-icons",
-      onScroll: handleScroll,
-      children: [!isFirstRender && totalCount === 0 && icons.length === 0 && /*#__PURE__*/_jsx("div", {
-        className: "filerobot-c-empty",
-        children: i18n('pixaforgeNoIconsFoundText')
-      }), icons.length > 0 && icons.map(function (icon, i) {
-        return /*#__PURE__*/_jsx(SingleIcon
-        // TODO: [change this] index of the array is used as temp solutin till BE fix the issue of repeated vals on fetching more
-        , _objectSpread({
-          toggleIconSelection: toggleIconSelection,
-          isSelected: checkIsSelected(icon),
-          loadingErrorMsg: i18n('pixaforgeFailedToLoadIconError')
-        }, icon), "".concat(icon.uid, "-").concat(i));
-      }), isFetching && /*#__PURE__*/_jsx(Spinner, {
-        style: spinnerStyles,
-        fillContainer: true
-      })]
-    })]
-  });
-};
-export default IconsGallery;

package/lib/components/ImagesGallery/ImageCell.js

@@ -1,59 +0,0 @@
-var _excluded = ["isSelected", "toggleImageSelection", "showImageInfo"];
-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 { memo } from 'react';
-import { Checkbox, Image } from '@scaleflex/widget-common';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var ImageCell = function ImageCell(_ref) {
-  var _image$ratio, _image$preview;
-  var isSelected = _ref.isSelected,
-    toggleImageSelection = _ref.toggleImageSelection,
-    showImageInfo = _ref.showImageInfo,
-    image = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "filerobot-Pixaforge-ImageCell".concat(isSelected ? ' filerobot-Pixaforge-ImageCell--selected' : ''),
-    onClick: function onClick() {
-      return toggleImageSelection(image, isSelected);
-    },
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "filerobot-Pixaforge-overlay",
-      children: [/*#__PURE__*/_jsx(Checkbox, {
-        checked: isSelected,
-        style: {
-          margin: 4
-        }
-      }), showImageInfo && /*#__PURE__*/_jsxs("div", {
-        className: "filerobot-Pixaforge-ImageCell-imageInfo",
-        children: [/*#__PURE__*/_jsxs("div", {
-          className: "filerobot-Pixaforge-ImageCell-authorAndTitle",
-          children: [/*#__PURE__*/_jsx("div", {
-            className: "filerobot-Pixaforge-ImageCell-author",
-            children: image.author
-          }), /*#__PURE__*/_jsx("div", {
-            className: "filerobot-Pixaforge-ImageCell-title",
-            children: image.title
-          })]
-        }), /*#__PURE__*/_jsxs("div", {
-          className: "filerobot-Pixaforge-ImageCell-imageMeta",
-          children: [/*#__PURE__*/_jsx("span", {
-            children: image.type
-          }), /*#__PURE__*/_jsx("span", {
-            children: image.size
-          }), /*#__PURE__*/_jsx("span", {
-            children: image.resolution
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: "filerobot-Pixaforge-ImageCell-imageWrapper",
-      style: {
-        aspectRatio: "".concat((_image$ratio = image.ratio) !== null && _image$ratio !== void 0 ? _image$ratio : 1)
-      },
-      children: /*#__PURE__*/_jsx(Image, {
-        src: (_image$preview = image.preview) !== null && _image$preview !== void 0 ? _image$preview : image.src,
-        alt: image.tags.join(', ')
-      })
-    })]
-  });
-};
-export default /*#__PURE__*/memo(ImageCell);

package/lib/components/ImagesGallery/LandscapesContainer.js

@@ -1,28 +0,0 @@
-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 { useMemo } from 'react';
-import ImageCell from './ImageCell';
-import { jsx as _jsx } from "react/jsx-runtime";
-var LandscapesContainer = function LandscapesContainer(_ref) {
-  var images = _ref.images,
-    checkIsSelected = _ref.checkIsSelected,
-    toggleImageSelection = _ref.toggleImageSelection;
-  var renderImagesCells = useMemo(function () {
-    return images.map(function (image) {
-      return /*#__PURE__*/_jsx(ImageCell, _objectSpread({
-        toggleImageSelection: toggleImageSelection,
-        isSelected: checkIsSelected(image),
-        showImageInfo: true
-      }, image), image.id);
-    });
-  }, [images, checkIsSelected]);
-  return /*#__PURE__*/_jsx("div", {
-    className: "filerobot-Pixaforge-LandscapesContainer",
-    children: renderImagesCells
-  });
-};
-export default LandscapesContainer;