@orfium/ictinus 4.84.1 → 4.85.0

package/dist/components/Filter/Filter.js

@@ -18,7 +18,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
-  var _selectedItem$label;
   var items = props.items,
     onSelect = props.onSelect,
     selectedItem = props.selectedItem,
@@ -59,13 +58,15 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var _React$useState2 = _react["default"].useState(''),
     searchValue = _React$useState2[0],
     setSearchValue = _React$useState2[1];
-  var _React$useState3 = _react["default"].useState((_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : defaultValue.label),
+  var _React$useState3 = _react["default"].useState((0, _utils.getInitialFilterLabel)(defaultValue, multi, selectedItem, selectedItems)),
     filterLabel = _React$useState3[0],
     setFilterLabel = _React$useState3[1];
   _react["default"].useEffect(function () {
-    var _selectedItem$label2;
-    setFilterLabel((_selectedItem$label2 = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label2 : defaultValue.label);
-  }, [defaultValue.label, selectedItem == null ? void 0 : selectedItem.label]);
+    /** Run this useEffect only for single Filter, multi Filter updates the label on every multi filter chip addition/deletion/clear all */
+    if (!multi) {
+      setFilterLabel((0, _utils.getInitialFilterLabel)(defaultValue, multi, selectedItem, selectedItems));
+    }
+  }, [defaultValue, filterLabel, multi, selectedItem, selectedItems]);
   var hasSelectedValue = Boolean(selectedItem == null ? void 0 : selectedItem.value) && (selectedItem == null ? void 0 : selectedItem.value) !== defaultValue.value;
   var iconName = isOpen ? 'triangleUp' : 'triangleDown';
   var _useMultiFilterUtils = (0, _useMultiFilterUtils2["default"])({

package/dist/components/Filter/utils.d.ts

@@ -1,5 +1,5 @@
 import { PropsValidationError } from '../../utils/errors';
-import { BackgroundColorProps, BaseColorProps, BorderProps, Props } from './types';
+import { BackgroundColorProps, BaseColorProps, BorderProps, FilterOption, Props } from './types';
 export declare const FILTER_OPTIONS_MAX_HEIGHT = 253;
 export declare const HAS_SELECTED_VALUE_COLOR_SHADE = 50;
 export declare const borderStyleParams: string;
@@ -16,3 +16,5 @@ export declare const errors: {
     condition: ({ filterType, styleType }: Props) => boolean;
     error: PropsValidationError;
 }[];
+/** This callback returns the initial label of the Filter for all combinations */
+export declare const getInitialFilterLabel: (defaultItem: FilterOption, multi: boolean, item?: import("../Select/Select").SelectOptionValues | undefined, items?: import("../Select/Select").SelectOptionValues[] | undefined) => string;

package/dist/components/Filter/utils.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.transparentFocusBorderWidth = exports.getTextColor = exports.getBorder = exports.getBackgroundColor = exports.focusBorderWidth = exports.errors = exports.borderStyleParams = exports.HAS_SELECTED_VALUE_COLOR_SHADE = exports.FILTER_OPTIONS_MAX_HEIGHT = void 0;
+exports.transparentFocusBorderWidth = exports.getTextColor = exports.getInitialFilterLabel = exports.getBorder = exports.getBackgroundColor = exports.focusBorderWidth = exports.errors = exports.borderStyleParams = exports.HAS_SELECTED_VALUE_COLOR_SHADE = exports.FILTER_OPTIONS_MAX_HEIGHT = void 0;
 var _utils = require("../../theme/utils");
 var _palette = require("../../theme/palette");
 var _errors = require("../../utils/errors");
@@ -82,4 +82,21 @@ var errors = exports.errors = [{
     return Boolean(filterType === 'added' && styleType === 'transparent');
   },
   error: new _errors.PropsValidationError('This filterType and styleType is not supported')
-}];
+}];
+
+/** This callback returns the initial label of the Filter for all combinations */
+var getInitialFilterLabel = exports.getInitialFilterLabel = function getInitialFilterLabel(defaultItem, multi, item, items) {
+  if (multi) {
+    if (items && items.length > 0) {
+      if (items.length === 1) {
+        return items[0].label;
+      } else {
+        return items[0].label + " + " + (items.length - 1) + " more";
+      }
+    }
+  }
+  if (item && !multi) {
+    return item.label;
+  }
+  return defaultItem.label;
+};

package/dist/components/Icon/assets/iconSelector.js

@@ -1167,12 +1167,23 @@ LinkedIcon.defaultProps = {
 };
 var LockIcon = function LockIcon(props) {
   return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
-    d: "M18 8.667h-1V6.762C17 4.133 14.76 2 12 2S7 4.133 7 6.762v1.905H6c-1.1 0-2 .857-2 1.904v9.524C4 21.143 4.9 22 6 22h12c1.1 0 2-.857 2-1.905v-9.524c0-1.047-.9-1.904-2-1.904Zm-6 8.571c-1.1 0-2-.857-2-1.905 0-1.047.9-1.904 2-1.904s2 .857 2 1.904c0 1.048-.9 1.905-2 1.905Zm3.1-8.571H8.9V6.762c0-1.629 1.39-2.952 3.1-2.952 1.71 0 3.1 1.323 3.1 2.952v1.905Z",
-    fill: "#000"
+    d: "M5.436 18c-.549 0-1.009-.173-1.38-.52a1.691 1.691 0 0 1-.556-1.288v-7.05c0-.514.185-.943.556-1.29.371-.346.831-.519 1.38-.519h.467V5.862c0-1.078.399-1.991 1.196-2.74C7.897 2.375 8.864 2 10 2s2.103.374 2.9 1.123c.798.748 1.197 1.661 1.197 2.739v1.471h.467c.549 0 1.009.173 1.38.52.37.346.556.775.556 1.288v7.051c0 .513-.185.942-.556 1.289-.371.346-.831.519-1.38.519H5.436Zm4.567-3.752c.46 0 .85-.15 1.17-.452.321-.301.482-.666.482-1.095 0-.43-.162-.794-.485-1.093-.322-.3-.714-.45-1.173-.45-.46 0-.85.151-1.17.453-.321.301-.482.666-.482 1.095 0 .43.162.794.485 1.093.322.3.714.45 1.173.45ZM7.597 7.333h4.806V5.862c0-.625-.234-1.162-.702-1.61-.467-.447-1.035-.67-1.703-.67-.668 0-1.236.223-1.702.67-.466.448-.699.985-.699 1.61v1.471Z",
+    fill: "#6265AD"
   }));
 };
 LockIcon.defaultProps = {
-  viewBox: "0 0 24 24",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var UnlockIcon = function UnlockIcon(props) {
+  return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
+    d: "M5.436 18c-.538 0-.996-.176-1.372-.527a1.687 1.687 0 0 1-.564-1.281v-7.05c0-.504.188-.93.564-1.282a1.937 1.937 0 0 1 1.372-.527h6.967V5.862c0-.625-.234-1.162-.7-1.61-.468-.447-1.035-.67-1.703-.67-.548 0-1.03.152-1.444.456-.414.304-.691.69-.832 1.156a1.204 1.204 0 0 1-.354.486.781.781 0 0 1-.5.182.888.888 0 0 1-.67-.277c-.177-.184-.233-.389-.17-.614.212-.848.685-1.555 1.42-2.121C8.182 2.283 9.032 2 10 2c1.136 0 2.103.376 2.9 1.128.798.751 1.197 1.663 1.197 2.734v1.471h.467c.538 0 .996.176 1.372.527.376.351.564.778.564 1.281v7.051c0 .503-.188.93-.564 1.281a1.937 1.937 0 0 1-1.372.527H5.436Zm4.567-3.752c.46 0 .85-.15 1.17-.452.321-.301.482-.666.482-1.095 0-.43-.162-.794-.485-1.093-.322-.3-.714-.45-1.173-.45-.46 0-.85.151-1.17.453-.321.301-.482.666-.482 1.095 0 .43.162.794.485 1.093.322.3.714.45 1.173.45Z",
+    fill: "#6265AD"
+  }));
+};
+UnlockIcon.defaultProps = {
+  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -2305,6 +2316,7 @@ var iconSelector = {
   licencedVideo: LicencedVideoIcon,
   linked: LinkedIcon,
   lock: LockIcon,
+  unlock: UnlockIcon,
   mail: MailIcon,
   manual: ManualIcon,
   menu: MenuIcon,

package/dist/components/Icon/types.d.ts

@@ -1 +1 @@
-export declare type AcceptedIconNames = 'account' | 'actions' | 'add' | 'alert' | 'analytics' | 'analyticsVideos' | 'ancient' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowToLeft' | 'arrowToRight' | 'artist' | 'asset' | 'assetMatching' | 'auto' | 'broadcast' | 'calendarEmpty' | 'calendarFilled' | 'catalog' | 'channel' | 'catalogOverview' | 'catalogFiles' | 'chatBubble' | 'check' | 'checkedList' | 'checkmark' | 'chevronExtraSmallDown' | 'chevronExtraSmallLeft' | 'chevronExtraSmallRight' | 'chevronExtraSmallUp' | 'chevronLargeDown' | 'chevronLargeLeft' | 'chevronLargeRight' | 'chevronLargeUp' | 'chevronSmallDown' | 'chevronSmallLeft' | 'chevronSmallRight' | 'chevronSmallUp' | 'claimList' | 'clock' | 'close' | 'closeTag' | 'cmsProcess' | 'composition' | 'compositionRecording' | 'compositionV2' | 'confirmedMatches' | 'conflicts' | 'copy' | 'concert' | 'dashboard' | 'dataset' | 'delete' | 'delivery' | 'details' | 'digitalUse' | 'distribution' | 'dotsVertical' | 'download' | 'duplicate' | 'duplicate2' | 'earnings' | 'earnings2' | 'edit' | 'entities' | 'error' | 'expenses' | 'externalLink' | 'externalLinkV2' | 'fatArrowDown' | 'fatArrowLeft' | 'fatArrowRight' | 'fatArrowUp' | 'file' | 'financialChart' | 'generatedReports' | 'genericFile' | 'genericOrdering' | 'globalItem' | 'heartFill' | 'heartStroke' | 'help' | 'hourglass' | 'income' | 'infoFilled' | 'info' | 'issues' | 'keyword' | 'legalFiles' | 'licence' | 'licencedVideo' | 'linked' | 'lock' | 'mail' | 'manual' | 'menu' | 'microphone' | 'minus' | 'moreOptionsHorizontal' | 'moreOptionsVertical' | 'musicNote' | 'myEarnings' | 'notifications' | 'notifications2' | 'oneWay' | 'others' | 'ownershipValidation' | 'pageFirst' | 'pageLast' | 'percentage' | 'play' | 'plus' | 'policies' | 'process' | 'processManagement' | 'publicPerformance' | 'publisher' | 'recording' | 'recordLabel' | 'recordLabelV2' | 'referenceFile' | 'relations' | 'restore' | 'result' | 'royaltyShares' | 'search' | 'searchMusic' | 'searchThunder' | 'settings' | 'sight' | 'sortAscending' | 'sortDescending' | 'stamp' | 'statements' | 'success' | 'television' | 'thumbsUp' | 'thunder' | 'ticTacToeArrow' | 'timeOut' | 'training' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp' | 'trophy' | 'TVCinema' | 'TVRadio' | 'update' | 'upload' | 'user' | 'userAvatar' | 'users' | 'users2' | 'videoConfirmation' | 'view' | 'warning' | 'works' | 'writer' | 'youtube' | 'refresh' | 'star' | 'pause' | 'resume' | 'restart' | 'entity' | 'playCount' | 'processedLogs' | 'proposed' | 'unpaired' | 'unpairedV2' | 'clockOutlined' | 'userCheck' | 'undo' | 'bookmark' | 'tag' | 'triangleWarning' | 'audioOff' | 'audioOn' | 'imageFillOff' | 'imageFillOn' | 'imageOutlinedOff' | 'imageOutlinedOn' | 'videoFillOff' | 'videoFillOn' | 'videoOutlineOff' | 'videoOutlineOn';
+export declare type AcceptedIconNames = 'account' | 'actions' | 'add' | 'alert' | 'analytics' | 'analyticsVideos' | 'ancient' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowToLeft' | 'arrowToRight' | 'artist' | 'asset' | 'assetMatching' | 'auto' | 'broadcast' | 'calendarEmpty' | 'calendarFilled' | 'catalog' | 'channel' | 'catalogOverview' | 'catalogFiles' | 'chatBubble' | 'check' | 'checkedList' | 'checkmark' | 'chevronExtraSmallDown' | 'chevronExtraSmallLeft' | 'chevronExtraSmallRight' | 'chevronExtraSmallUp' | 'chevronLargeDown' | 'chevronLargeLeft' | 'chevronLargeRight' | 'chevronLargeUp' | 'chevronSmallDown' | 'chevronSmallLeft' | 'chevronSmallRight' | 'chevronSmallUp' | 'claimList' | 'clock' | 'close' | 'closeTag' | 'cmsProcess' | 'composition' | 'compositionRecording' | 'compositionV2' | 'confirmedMatches' | 'conflicts' | 'copy' | 'concert' | 'dashboard' | 'dataset' | 'delete' | 'delivery' | 'details' | 'digitalUse' | 'distribution' | 'dotsVertical' | 'download' | 'duplicate' | 'duplicate2' | 'earnings' | 'earnings2' | 'edit' | 'entities' | 'error' | 'expenses' | 'externalLink' | 'externalLinkV2' | 'fatArrowDown' | 'fatArrowLeft' | 'fatArrowRight' | 'fatArrowUp' | 'file' | 'financialChart' | 'generatedReports' | 'genericFile' | 'genericOrdering' | 'globalItem' | 'heartFill' | 'heartStroke' | 'help' | 'hourglass' | 'income' | 'infoFilled' | 'info' | 'issues' | 'keyword' | 'legalFiles' | 'licence' | 'licencedVideo' | 'linked' | 'lock' | 'mail' | 'manual' | 'menu' | 'microphone' | 'minus' | 'moreOptionsHorizontal' | 'moreOptionsVertical' | 'musicNote' | 'myEarnings' | 'notifications' | 'notifications2' | 'oneWay' | 'others' | 'ownershipValidation' | 'pageFirst' | 'pageLast' | 'percentage' | 'play' | 'plus' | 'policies' | 'process' | 'processManagement' | 'publicPerformance' | 'publisher' | 'recording' | 'recordLabel' | 'recordLabelV2' | 'referenceFile' | 'relations' | 'restore' | 'result' | 'royaltyShares' | 'search' | 'searchMusic' | 'searchThunder' | 'settings' | 'sight' | 'sortAscending' | 'sortDescending' | 'stamp' | 'statements' | 'success' | 'television' | 'thumbsUp' | 'thunder' | 'ticTacToeArrow' | 'timeOut' | 'training' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp' | 'trophy' | 'TVCinema' | 'TVRadio' | 'update' | 'upload' | 'user' | 'userAvatar' | 'users' | 'users2' | 'videoConfirmation' | 'view' | 'warning' | 'works' | 'writer' | 'youtube' | 'refresh' | 'star' | 'pause' | 'resume' | 'restart' | 'entity' | 'playCount' | 'processedLogs' | 'proposed' | 'unpaired' | 'unpairedV2' | 'clockOutlined' | 'userCheck' | 'undo' | 'unlock' | 'bookmark' | 'tag' | 'triangleWarning' | 'audioOff' | 'audioOn' | 'imageFillOff' | 'imageFillOn' | 'imageOutlinedOff' | 'imageOutlinedOn' | 'videoFillOff' | 'videoFillOn' | 'videoOutlineOff' | 'videoOutlineOn';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.84.1",
+  "version": "4.85.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",