@imposium-hub/components 2.2.37 → 2.2.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/assets/AssetsTableDateCell.js +2 -2
- package/dist/cjs/components/assets/AssetsTableDateCell.js.map +1 -1
- package/dist/cjs/components/context-menu/AnimateComponent.d.ts +8 -0
- package/dist/cjs/components/context-menu/AnimateComponent.js +14 -0
- package/dist/cjs/components/context-menu/AnimateComponent.js.map +1 -0
- package/dist/cjs/components/context-menu/ContextMenu.d.ts +29 -0
- package/dist/cjs/components/context-menu/ContextMenu.js +168 -0
- package/dist/cjs/components/context-menu/ContextMenu.js.map +1 -0
- package/dist/cjs/components/context-menu/ContextMenuItem.d.ts +20 -0
- package/dist/cjs/components/context-menu/ContextMenuItem.js +60 -0
- package/dist/cjs/components/context-menu/ContextMenuItem.js.map +1 -0
- package/dist/cjs/components/context-menu/ContextMenuTrigger.d.ts +18 -0
- package/dist/cjs/components/context-menu/ContextMenuTrigger.js +71 -0
- package/dist/cjs/components/context-menu/ContextMenuTrigger.js.map +1 -0
- package/dist/cjs/components/context-menu/SubMenu.d.ts +14 -0
- package/dist/cjs/components/context-menu/SubMenu.js +97 -0
- package/dist/cjs/components/context-menu/SubMenu.js.map +1 -0
- package/dist/cjs/components/context-menu/helper.d.ts +2 -0
- package/dist/cjs/components/context-menu/helper.js +31 -0
- package/dist/cjs/components/context-menu/helper.js.map +1 -0
- package/dist/cjs/components/context-menu/registerEvent.d.ts +4 -0
- package/dist/cjs/components/context-menu/registerEvent.js +46 -0
- package/dist/cjs/components/context-menu/registerEvent.js.map +1 -0
- package/dist/cjs/index.d.ts +5 -1
- package/dist/cjs/index.js +9 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableDateCell.js +2 -2
- package/dist/esm/components/assets/AssetsTableDateCell.js.map +1 -1
- package/dist/esm/components/context-menu/AnimateComponent.d.ts +8 -0
- package/dist/esm/components/context-menu/AnimateComponent.js +8 -0
- package/dist/esm/components/context-menu/AnimateComponent.js.map +1 -0
- package/dist/esm/components/context-menu/ContextMenu.d.ts +29 -0
- package/dist/esm/components/context-menu/ContextMenu.js +108 -0
- package/dist/esm/components/context-menu/ContextMenu.js.map +1 -0
- package/dist/esm/components/context-menu/ContextMenuItem.d.ts +20 -0
- package/dist/esm/components/context-menu/ContextMenuItem.js +23 -0
- package/dist/esm/components/context-menu/ContextMenuItem.js.map +1 -0
- package/dist/esm/components/context-menu/ContextMenuTrigger.d.ts +18 -0
- package/dist/esm/components/context-menu/ContextMenuTrigger.js +34 -0
- package/dist/esm/components/context-menu/ContextMenuTrigger.js.map +1 -0
- package/dist/esm/components/context-menu/SubMenu.d.ts +14 -0
- package/dist/esm/components/context-menu/SubMenu.js +41 -0
- package/dist/esm/components/context-menu/SubMenu.js.map +1 -0
- package/dist/esm/components/context-menu/helper.d.ts +2 -0
- package/dist/esm/components/context-menu/helper.js +22 -0
- package/dist/esm/components/context-menu/helper.js.map +1 -0
- package/dist/esm/components/context-menu/registerEvent.d.ts +4 -0
- package/dist/esm/components/context-menu/registerEvent.js +41 -0
- package/dist/esm/components/context-menu/registerEvent.js.map +1 -0
- package/dist/esm/index.d.ts +5 -1
- package/dist/esm/index.js +5 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/styles.css +141 -0
- package/dist/styles.less +145 -0
- package/less/components/context-menu.less +145 -0
- package/less/entry.less +2 -1
- package/package.json +3 -2
- package/src/components/assets/AssetsTableDateCell.tsx +2 -2
- package/src/components/context-menu/AnimateComponent.tsx +19 -0
- package/src/components/context-menu/ContextMenu.tsx +172 -0
- package/src/components/context-menu/ContextMenuItem.tsx +34 -0
- package/src/components/context-menu/ContextMenuTrigger.tsx +47 -0
- package/src/components/context-menu/SubMenu.tsx +70 -0
- package/src/components/context-menu/helper.ts +21 -0
- package/src/components/context-menu/registerEvent.ts +46 -0
- package/src/index.ts +9 -1
- package/dist/cjs/components/assets/AssetsTableDurationCell copy.d.ts +0 -7
- package/dist/cjs/components/assets/AssetsTableDurationCell copy.js +0 -47
- package/dist/cjs/components/assets/AssetsTableDurationCell copy.js.map +0 -1
- package/dist/cjs/components/assets/AssetsTableFrameRateCell.d.ts +0 -7
- package/dist/cjs/components/assets/AssetsTableFrameRateCell.js +0 -47
- package/dist/cjs/components/assets/AssetsTableFrameRateCell.js.map +0 -1
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.d.ts +0 -15
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js +0 -91
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map +0 -1
- package/dist/cjs/redux/actions/batches.d.ts +0 -0
- package/dist/cjs/redux/actions/batches.js +0 -1
- package/dist/cjs/redux/actions/batches.js.map +0 -1
- package/dist/cjs/redux/actions/layerCopy.d.ts +0 -5
- package/dist/cjs/redux/actions/layerCopy.js +0 -34
- package/dist/cjs/redux/actions/layerCopy.js.map +0 -1
- package/dist/cjs/redux/reducers/batches.d.ts +0 -0
- package/dist/cjs/redux/reducers/batches.js +0 -1
- package/dist/cjs/redux/reducers/batches.js.map +0 -1
- package/dist/cjs/redux/reducers/layerCopy.d.ts +0 -2
- package/dist/cjs/redux/reducers/layerCopy.js +0 -36
- package/dist/cjs/redux/reducers/layerCopy.js.map +0 -1
- package/dist/esm/components/assets/AssetsTableDurationCell copy.d.ts +0 -7
- package/dist/esm/components/assets/AssetsTableDurationCell copy.js +0 -20
- package/dist/esm/components/assets/AssetsTableDurationCell copy.js.map +0 -1
- package/dist/esm/components/assets/AssetsTableFrameRateCell.d.ts +0 -7
- package/dist/esm/components/assets/AssetsTableFrameRateCell.js +0 -20
- package/dist/esm/components/assets/AssetsTableFrameRateCell.js.map +0 -1
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.d.ts +0 -15
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.js +0 -35
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map +0 -1
- package/dist/esm/redux/actions/batches.d.ts +0 -0
- package/dist/esm/redux/actions/batches.js +0 -1
- package/dist/esm/redux/actions/batches.js.map +0 -1
- package/dist/esm/redux/actions/layerCopy.d.ts +0 -5
- package/dist/esm/redux/actions/layerCopy.js +0 -28
- package/dist/esm/redux/actions/layerCopy.js.map +0 -1
- package/dist/esm/redux/reducers/batches.d.ts +0 -0
- package/dist/esm/redux/reducers/batches.js +0 -1
- package/dist/esm/redux/reducers/batches.js.map +0 -1
- package/dist/esm/redux/reducers/layerCopy.d.ts +0 -2
- package/dist/esm/redux/reducers/layerCopy.js +0 -25
- package/dist/esm/redux/reducers/layerCopy.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerEvent.js","sourceRoot":"","sources":["../../../../src/components/context-menu/registerEvent.ts"],"names":[],"mappings":";;;AAAA,mCAAoC;AAEpC,IAAM,MAAM,GAAG,EAAE,CAAC;AAElB,IAAI,WAAW,GAAG;IACd,EAAE,EAAE,EAAE;IACN,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;CACjB,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ;IACzC,IAAM,CAAC,GAAG,IAAA,iBAAQ,GAAE,CAAC;IAErB,MAAM,CAAC,CAAC,CAAC,GAAG;QACR,EAAE,IAAA;QACF,QAAQ,UAAA;QACR,QAAQ,UAAA;KACX,CAAC;IAEF,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAyBO,sCAAa;AAvBtB,IAAM,aAAa,GAAG,UAAC,IAAI;IACf,IAAA,QAAQ,GAAK,WAAW,SAAhB,CAAiB;IACjC,IAAI,QAAQ;QAAE,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,GAAG;QAC5B,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE;YAC9C,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC3B,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;SAC7B;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAcsB,sCAAa;AAZrC,IAAM,aAAa,GAAG,UAAC,MAAM;IACjB,IAAA,EAAE,GAAe,WAAW,GAA1B,EAAE,QAAQ,GAAK,WAAW,SAAhB,CAAiB;IACrC,IAAI,EAAE,KAAK,MAAM,IAAI,MAAM,KAAK,iBAAiB,EAAE;QAC/C,IAAI,QAAQ;YAAE,QAAQ,EAAE,CAAC;QACzB,WAAW,GAAG;YACV,EAAE,EAAE,EAAE;YACN,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,IAAI;SACjB,CAAC;KACL;AACL,CAAC,CAAC;AAEqC,sCAAa"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -98,4 +98,8 @@ import FontPicker from './components/font-picker/FontPicker';
|
|
|
98
98
|
import AudioPreview from './components/players/AudioPreview';
|
|
99
99
|
import { renderTooltipProps, renderTooltip } from './components/Tooltip';
|
|
100
100
|
import AssetsTableRateCell from './components/assets/AssetsTableRateCell';
|
|
101
|
-
|
|
101
|
+
import ContextMenu from './components/context-menu/ContextMenu';
|
|
102
|
+
import ContextMenuItem from './components/context-menu/ContextMenuItem';
|
|
103
|
+
import ContextMenuTrigger from './components/context-menu/ContextMenuTrigger';
|
|
104
|
+
import Submenu from './components/context-menu/SubMenu';
|
|
105
|
+
export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, AudioPreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableRateCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, resetFilters, getAssets, deleteAssets, downloadAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleTagFileName, uploadAssets, replaceAsset, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, getSMPTE, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, deleteAssetsTags, updateAssetStory, FontPicker, cancelAssetUpload, getLastModifiedStoryInOrg, renderTooltipProps, renderTooltip, ContextMenu, ContextMenuItem, ContextMenuTrigger, Submenu };
|
package/dist/cjs/index.js
CHANGED
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.AssetsTableSelectCell = exports.AssetsTableSelectFilter = exports.AssetsTablePreviewCell = exports.AssetsTableDropzone = exports.AssetsTableDateCell = exports.AssetsTypeIcon = exports.ImageSequencePlayer = exports.AudioPreview = exports.ImagePreview = exports.VideoPreview = exports.AudioPlayer = exports.VideoPlayer = exports.ImagePlayer = exports.AssetDetails = exports.Portal = exports.ShortcutMenu = exports.StoryPreviewer = exports.LogViewer = exports.ServiceIcon = exports.NoAccess = exports.Spinner = exports.DeterminateLoader = exports.Section = exports.SliderField = exports.ToastService = exports.TextAreaField = exports.TextField = exports.Tag = exports.Tabs = exports.ColorField = exports.SelectField = exports.NumberField = exports.AdvancedNumberField = exports.Modal = exports.ListField = exports.HRule = exports.FieldWrapper = exports.DataTablePaginator = exports.DataTable = exports.ControlledList = exports.CheckboxField = exports.Card = exports.ButtonMenuItem = exports.ButtonMenu = exports.ButtonGroupField = exports.Button = exports.ImposiumDropdown = exports.ImposiumHeader = exports.AuthGate = exports.AppWrapper = void 0;
|
|
7
7
|
exports.assetActions = exports.assetTags = exports.addAssetTagToList = exports.getAssetTagList = exports.selectedAssets = exports.assetUploads = exports.assetList = exports.assetFilters = exports.resetSelection = exports.deselectAsset = exports.selectAsset = exports.replaceAsset = exports.uploadAssets = exports.toggleTagFileName = exports.doAssetTableHydration = exports.updateAssetData = exports.updateAssetName = exports.deleteAssetTag = exports.addAssetTag = exports.downloadAssets = exports.deleteAssets = exports.getAssets = exports.resetFilters = exports.updateFilters = exports.storyDeleted = exports.orgNameMutated = exports.storyNameMutated = exports.storyAdded = exports.clearCachedAccessList = exports.cacheAccessData = exports.access = exports.clearCachedAuth = exports.login = exports.auth = exports.PreviewNotAvailable = exports.DroppableAssetRenderer = exports.FontAssetPreview = exports.AssetsUploadMenu = exports.AssetField = exports.AssetsTableComplexTagCell = exports.AssetsTableTagsPivot = exports.AssetsTableTagsFilter = exports.AssetsTableTagsCell = exports.AssetsTableRateCell = exports.AssetsTableDurationCell = exports.AssetsTableNameCell = exports.AssetsTableNameFilter = exports.AssetsTableStatusCell = exports.AssetsTableTypeCell = exports.AssetsTableTypeFilter = void 0;
|
|
8
|
-
exports.renderTooltip = exports.renderTooltipProps = exports.getLastModifiedStoryInOrg = exports.cancelAssetUpload = exports.FontPicker = exports.updateAssetStory = exports.deleteAssetsTags = exports.decoupleAssets = exports.HEADER_HEIGHT = exports.getMediaPreviewStyle = exports.SMPTEField = exports.AnchorField = exports.PublishStatusIndicator = exports.getStoryPublishStatus = exports.clearStoryPublishStatus = exports.publishVersion = exports.publish = exports.ASSET_TYPES = exports.formatDateDefault = exports.padStart = exports.getSMPTE = exports.toFixed = exports.validateAssetMimetype = exports.mimetypeConformsToOverlay = exports.filterHotkeys = exports.formattedTime = exports.fitToContainer = exports.scrapeEmail = exports.parameterizeServiceUrl = exports.string2HexCode = exports.getFirstStoryInOrg = exports.validateAccessLevel = exports.Timer = exports.StorageService = exports.LegacyAPI = exports.API = exports.SessionService = exports.AuthService = exports.batchActions = exports.activeBatch = void 0;
|
|
8
|
+
exports.Submenu = exports.ContextMenuTrigger = exports.ContextMenuItem = exports.ContextMenu = exports.renderTooltip = exports.renderTooltipProps = exports.getLastModifiedStoryInOrg = exports.cancelAssetUpload = exports.FontPicker = exports.updateAssetStory = exports.deleteAssetsTags = exports.decoupleAssets = exports.HEADER_HEIGHT = exports.getMediaPreviewStyle = exports.SMPTEField = exports.AnchorField = exports.PublishStatusIndicator = exports.getStoryPublishStatus = exports.clearStoryPublishStatus = exports.publishVersion = exports.publish = exports.ASSET_TYPES = exports.formatDateDefault = exports.padStart = exports.getSMPTE = exports.toFixed = exports.validateAssetMimetype = exports.mimetypeConformsToOverlay = exports.filterHotkeys = exports.formattedTime = exports.fitToContainer = exports.scrapeEmail = exports.parameterizeServiceUrl = exports.string2HexCode = exports.getFirstStoryInOrg = exports.validateAccessLevel = exports.Timer = exports.StorageService = exports.LegacyAPI = exports.API = exports.SessionService = exports.AuthService = exports.batchActions = exports.activeBatch = void 0;
|
|
9
9
|
/*
|
|
10
10
|
React Components
|
|
11
11
|
*/
|
|
@@ -257,4 +257,12 @@ Object.defineProperty(exports, "renderTooltipProps", { enumerable: true, get: fu
|
|
|
257
257
|
Object.defineProperty(exports, "renderTooltip", { enumerable: true, get: function () { return Tooltip_1.renderTooltip; } });
|
|
258
258
|
var AssetsTableRateCell_1 = __importDefault(require("./components/assets/AssetsTableRateCell"));
|
|
259
259
|
exports.AssetsTableRateCell = AssetsTableRateCell_1.default;
|
|
260
|
+
var ContextMenu_1 = __importDefault(require("./components/context-menu/ContextMenu"));
|
|
261
|
+
exports.ContextMenu = ContextMenu_1.default;
|
|
262
|
+
var ContextMenuItem_1 = __importDefault(require("./components/context-menu/ContextMenuItem"));
|
|
263
|
+
exports.ContextMenuItem = ContextMenuItem_1.default;
|
|
264
|
+
var ContextMenuTrigger_1 = __importDefault(require("./components/context-menu/ContextMenuTrigger"));
|
|
265
|
+
exports.ContextMenuTrigger = ContextMenuTrigger_1.default;
|
|
266
|
+
var SubMenu_1 = __importDefault(require("./components/context-menu/SubMenu"));
|
|
267
|
+
exports.Submenu = SubMenu_1.default;
|
|
260
268
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA;;GAEG;AACH,mFAA6D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,8 +5,8 @@ const AssetsTableDateCell = (p) => {
|
|
|
5
5
|
if (date_created && values.date_created) {
|
|
6
6
|
return React.createElement("div", null, formatDateDefault(values.date_created));
|
|
7
7
|
}
|
|
8
|
-
else if (values.
|
|
9
|
-
return React.createElement("div", null, formatDateDefault(values.
|
|
8
|
+
else if (values.date_updated) {
|
|
9
|
+
return React.createElement("div", null, formatDateDefault(values.date_updated));
|
|
10
10
|
}
|
|
11
11
|
else {
|
|
12
12
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetsTableDateCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableDateCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAO/C,MAAM,mBAAmB,GAAmC,CAAC,CAAuB,EAAE,EAAE;IACpF,MAAM,EACF,IAAI,EAAE,EACF,GAAG,EAAE,EAAE,MAAM,EAAE,EAClB,EACD,YAAY,EACf,GAAG,CAAC,CAAC;IAEN,IAAI,YAAY,IAAI,MAAM,CAAC,YAAY,EAAE;QACrC,OAAO,iCAAM,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAO,CAAC;KAC9D;SAAM,IAAI,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"AssetsTableDateCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableDateCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAO/C,MAAM,mBAAmB,GAAmC,CAAC,CAAuB,EAAE,EAAE;IACpF,MAAM,EACF,IAAI,EAAE,EACF,GAAG,EAAE,EAAE,MAAM,EAAE,EAClB,EACD,YAAY,EACf,GAAG,CAAC,CAAC;IAEN,IAAI,YAAY,IAAI,MAAM,CAAC,YAAY,EAAE;QACrC,OAAO,iCAAM,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAO,CAAC;KAC9D;SAAM,IAAI,MAAM,CAAC,YAAY,EAAE;QAC5B,OAAO,iCAAM,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAO,CAAC;KAC9D;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AACL,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;AACpE,eAAe,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import CSSTransition from 'react-transition-group/CSSTransition';
|
|
3
|
+
const AnimateComponent = ({ children, isVisible, timeout, className }) => {
|
|
4
|
+
const nodeRef = React.useRef(null);
|
|
5
|
+
return (React.createElement(CSSTransition, { nodeRef: nodeRef, in: isVisible, timeout: timeout, classNames: className, unmountOnExit: true }, children));
|
|
6
|
+
};
|
|
7
|
+
export default AnimateComponent;
|
|
8
|
+
//# sourceMappingURL=AnimateComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimateComponent.js","sourceRoot":"","sources":["../../../../src/components/context-menu/AnimateComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAEjE,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE;IACrE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACH,oBAAC,aAAa,IACV,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,SAAS,EACrB,aAAa,UACZ,QAAQ,CACG,CACnB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const ContextMenu: {
|
|
3
|
+
({ children, id, appendTo, hideOnLeave, onMouseLeave, onHide, onShow, preventHideOnScroll, preventHideOnResize, attributes, animation }: {
|
|
4
|
+
children: any;
|
|
5
|
+
id: any;
|
|
6
|
+
appendTo: any;
|
|
7
|
+
hideOnLeave: any;
|
|
8
|
+
onMouseLeave: any;
|
|
9
|
+
onHide: any;
|
|
10
|
+
onShow: any;
|
|
11
|
+
preventHideOnScroll: any;
|
|
12
|
+
preventHideOnResize: any;
|
|
13
|
+
attributes: any;
|
|
14
|
+
animation: any;
|
|
15
|
+
}): JSX.Element;
|
|
16
|
+
defaultProps: {
|
|
17
|
+
appendTo: any;
|
|
18
|
+
hideOnLeave: boolean;
|
|
19
|
+
preventHideOnResize: boolean;
|
|
20
|
+
preventHideOnScroll: boolean;
|
|
21
|
+
attributes: {};
|
|
22
|
+
className: string;
|
|
23
|
+
animation: string;
|
|
24
|
+
onMouseLeave: () => any;
|
|
25
|
+
onHide: () => any;
|
|
26
|
+
onShow: () => any;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export default ContextMenu;
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import React, { useRef, useEffect, useState, useCallback } from 'react';
|
|
2
|
+
import ReactDOM from 'react-dom';
|
|
3
|
+
import { registerEvent, callHideEvent } from './registerEvent';
|
|
4
|
+
import AnimateComponent from './AnimateComponent';
|
|
5
|
+
import { throttle } from './helper';
|
|
6
|
+
const ContextMenu = ({ children, id, appendTo, hideOnLeave, onMouseLeave, onHide, onShow, preventHideOnScroll, preventHideOnResize, attributes, animation }) => {
|
|
7
|
+
const contextMenuEl = useRef(null);
|
|
8
|
+
const [isVisible, setVisible] = useState(false);
|
|
9
|
+
const [clientPosition, setClientPosition] = useState(null);
|
|
10
|
+
const showMenu = (e) => {
|
|
11
|
+
const { position } = e;
|
|
12
|
+
setVisible(true);
|
|
13
|
+
setClientPosition(position);
|
|
14
|
+
};
|
|
15
|
+
const hideMenu = () => {
|
|
16
|
+
setVisible(false);
|
|
17
|
+
if (onHide)
|
|
18
|
+
onHide();
|
|
19
|
+
};
|
|
20
|
+
const handleMouseLeave = useCallback((e) => {
|
|
21
|
+
e.preventDefault();
|
|
22
|
+
onMouseLeave(e);
|
|
23
|
+
if (hideOnLeave)
|
|
24
|
+
callHideEvent(id);
|
|
25
|
+
}, []);
|
|
26
|
+
const clickOutsideCallback = (event) => {
|
|
27
|
+
if (contextMenuEl.current && !contextMenuEl.current.contains(event.target)) {
|
|
28
|
+
callHideEvent(id);
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
const contextMenuCallback = (event) => {
|
|
32
|
+
let targetElement = event.target;
|
|
33
|
+
do {
|
|
34
|
+
if (targetElement.classList && targetElement.classList.contains('menu-trigger')) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
targetElement = targetElement.parentNode;
|
|
38
|
+
} while (targetElement);
|
|
39
|
+
callHideEvent(id);
|
|
40
|
+
};
|
|
41
|
+
const onScrollHideCallback = throttle(() => {
|
|
42
|
+
callHideEvent(id);
|
|
43
|
+
}, 200);
|
|
44
|
+
const onResizeHideCallback = throttle(() => {
|
|
45
|
+
callHideEvent(id);
|
|
46
|
+
}, 200);
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
registerEvent(id, showMenu, hideMenu);
|
|
49
|
+
// detect click outside
|
|
50
|
+
document.addEventListener('mousedown', clickOutsideCallback);
|
|
51
|
+
// detect right click outside
|
|
52
|
+
document.addEventListener('contextmenu', contextMenuCallback);
|
|
53
|
+
// on scroll hide handled
|
|
54
|
+
if (!preventHideOnScroll) {
|
|
55
|
+
window.addEventListener('scroll', onScrollHideCallback);
|
|
56
|
+
}
|
|
57
|
+
// on resize hide handled
|
|
58
|
+
if (!preventHideOnResize) {
|
|
59
|
+
window.addEventListener('resize', onResizeHideCallback);
|
|
60
|
+
}
|
|
61
|
+
return () => {
|
|
62
|
+
document.removeEventListener('mousedown', clickOutsideCallback);
|
|
63
|
+
document.removeEventListener('contextmenu', contextMenuCallback);
|
|
64
|
+
window.removeEventListener('scroll', onScrollHideCallback);
|
|
65
|
+
window.removeEventListener('resize', onResizeHideCallback);
|
|
66
|
+
};
|
|
67
|
+
}, []);
|
|
68
|
+
useEffect(() => {
|
|
69
|
+
if (isVisible) {
|
|
70
|
+
const { clientY, clientX } = clientPosition;
|
|
71
|
+
const { innerHeight: windowInnerHeight, innerWidth: windowInnerWidth } = window;
|
|
72
|
+
const { offsetHeight: elemHeight, offsetWidth: elemWidth } = contextMenuEl.current;
|
|
73
|
+
let newClientY = clientY;
|
|
74
|
+
let newClientX = clientX;
|
|
75
|
+
if (windowInnerHeight < clientY + elemHeight)
|
|
76
|
+
newClientY = clientY - elemHeight;
|
|
77
|
+
if (windowInnerWidth < clientX + elemWidth)
|
|
78
|
+
newClientX = clientX - elemWidth;
|
|
79
|
+
contextMenuEl.current.style.top = `${newClientY + 2}px`;
|
|
80
|
+
contextMenuEl.current.style.left = `${newClientX + 2}px`;
|
|
81
|
+
if (onShow)
|
|
82
|
+
onShow();
|
|
83
|
+
}
|
|
84
|
+
}, [isVisible, clientPosition]);
|
|
85
|
+
const childrenWithProps = React.Children.map(children, (child) => React.cloneElement(child, { id }));
|
|
86
|
+
const ContextComponent = () => (React.createElement("div", { className: `contextmenu`, ref: contextMenuEl, onMouseLeave: handleMouseLeave, ...attributes }, childrenWithProps));
|
|
87
|
+
const PortalContextComponent = () => ReactDOM.createPortal(React.createElement(ContextComponent, null), document.querySelector(appendTo));
|
|
88
|
+
if (document.readyState === 'complete' && appendTo) {
|
|
89
|
+
return animation ? (React.createElement(AnimateComponent, { isVisible: isVisible, timeout: 200, className: animation },
|
|
90
|
+
React.createElement(PortalContextComponent, null))) : (React.createElement(PortalContextComponent, null));
|
|
91
|
+
}
|
|
92
|
+
return animation ? (React.createElement(AnimateComponent, { isVisible: isVisible, timeout: 200, className: animation },
|
|
93
|
+
React.createElement(ContextComponent, null))) : (React.createElement(ContextComponent, null));
|
|
94
|
+
};
|
|
95
|
+
export default ContextMenu;
|
|
96
|
+
ContextMenu.defaultProps = {
|
|
97
|
+
appendTo: null,
|
|
98
|
+
hideOnLeave: false,
|
|
99
|
+
preventHideOnResize: false,
|
|
100
|
+
preventHideOnScroll: false,
|
|
101
|
+
attributes: {},
|
|
102
|
+
className: '',
|
|
103
|
+
animation: 'fade',
|
|
104
|
+
onMouseLeave: () => null,
|
|
105
|
+
onHide: () => null,
|
|
106
|
+
onShow: () => null
|
|
107
|
+
};
|
|
108
|
+
//# sourceMappingURL=ContextMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/components/context-menu/ContextMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const ContextMenuItem: {
|
|
3
|
+
({ children, onClick, disabled, preventClose, attributes, className }: {
|
|
4
|
+
children: any;
|
|
5
|
+
onClick: any;
|
|
6
|
+
disabled: any;
|
|
7
|
+
preventClose: any;
|
|
8
|
+
attributes: any;
|
|
9
|
+
className: any;
|
|
10
|
+
}): JSX.Element;
|
|
11
|
+
defaultProps: {
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
preventClose: boolean;
|
|
14
|
+
attributes: {};
|
|
15
|
+
className: string;
|
|
16
|
+
onClick: () => any;
|
|
17
|
+
onItemHover: () => any;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export default ContextMenuItem;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { useCallback, useRef } from 'react';
|
|
2
|
+
import { callHideEvent } from './registerEvent';
|
|
3
|
+
const ContextMenuItem = ({ children, onClick, disabled, preventClose, attributes, className }) => {
|
|
4
|
+
const contextMenuItem = useRef(null);
|
|
5
|
+
const handleClickEvent = useCallback((e) => {
|
|
6
|
+
if (disabled)
|
|
7
|
+
return;
|
|
8
|
+
onClick(e);
|
|
9
|
+
if (!preventClose)
|
|
10
|
+
callHideEvent('ID_NOT_REQUIRED');
|
|
11
|
+
}, []);
|
|
12
|
+
return (React.createElement("div", { className: `${disabled ? 'contextmenu__item--disabled' : 'contextmenu__item'}`, onClick: handleClickEvent, ...attributes, ref: contextMenuItem }, children));
|
|
13
|
+
};
|
|
14
|
+
export default ContextMenuItem;
|
|
15
|
+
ContextMenuItem.defaultProps = {
|
|
16
|
+
disabled: false,
|
|
17
|
+
preventClose: false,
|
|
18
|
+
attributes: {},
|
|
19
|
+
className: '',
|
|
20
|
+
onClick: () => null,
|
|
21
|
+
onItemHover: () => null
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=ContextMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextMenuItem.js","sourceRoot":"","sources":["../../../../src/components/context-menu/ContextMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7F,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QACvC,IAAI,QAAQ;YAAE,OAAO;QACrB,OAAO,CAAC,CAAC,CAAC,CAAC;QAEX,IAAI,CAAC,YAAY;YAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACxD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,6BACI,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,mBAAmB,EAAE,EAC9E,OAAO,EAAE,gBAAgB,KACrB,UAAU,EACd,GAAG,EAAE,eAAe,IACnB,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B,eAAe,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;IACnB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI;CAC1B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const ContextMenuTrigger: {
|
|
3
|
+
({ children, id, disableWhileShiftPressed, attributes, disable }: {
|
|
4
|
+
children: any;
|
|
5
|
+
id: any;
|
|
6
|
+
disableWhileShiftPressed: any;
|
|
7
|
+
attributes: any;
|
|
8
|
+
disable: any;
|
|
9
|
+
}): JSX.Element;
|
|
10
|
+
defaultProps: {
|
|
11
|
+
attributes: {};
|
|
12
|
+
disable: boolean;
|
|
13
|
+
renderTag: string;
|
|
14
|
+
disableWhileShiftPressed: boolean;
|
|
15
|
+
className: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default ContextMenuTrigger;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { useRef, useCallback } from 'react';
|
|
2
|
+
import { callShowEvent, callHideEvent } from './registerEvent';
|
|
3
|
+
const ContextMenuTrigger = ({ children, id, disableWhileShiftPressed, attributes, disable }) => {
|
|
4
|
+
const menuTrigger = useRef(null);
|
|
5
|
+
const handleContextMenu = useCallback((e) => {
|
|
6
|
+
if (disable)
|
|
7
|
+
return;
|
|
8
|
+
if (disableWhileShiftPressed && e.nativeEvent.shiftKey) {
|
|
9
|
+
callHideEvent(id);
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
e.preventDefault();
|
|
13
|
+
e.stopPropagation();
|
|
14
|
+
const { clientX, clientY } = e.nativeEvent;
|
|
15
|
+
const opts = {
|
|
16
|
+
position: {
|
|
17
|
+
clientY,
|
|
18
|
+
clientX
|
|
19
|
+
},
|
|
20
|
+
id
|
|
21
|
+
};
|
|
22
|
+
callShowEvent(opts);
|
|
23
|
+
}, []);
|
|
24
|
+
return (React.createElement("div", { className: 'menu-trigger', ref: menuTrigger, ...attributes, onContextMenu: (e) => handleContextMenu(e) }, children));
|
|
25
|
+
};
|
|
26
|
+
export default ContextMenuTrigger;
|
|
27
|
+
ContextMenuTrigger.defaultProps = {
|
|
28
|
+
attributes: {},
|
|
29
|
+
disable: false,
|
|
30
|
+
renderTag: 'div',
|
|
31
|
+
disableWhileShiftPressed: false,
|
|
32
|
+
className: ''
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=ContextMenuTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextMenuTrigger.js","sourceRoot":"","sources":["../../../../src/components/context-menu/ContextMenuTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE/D,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,wBAAwB,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3F,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QACxC,IAAI,OAAO;YAAE,OAAO;QACpB,IAAI,wBAAwB,IAAI,CAAC,CAAC,WAAW,CAAC,QAAQ,EAAE;YACpD,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,OAAO;SACV;QACD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,WAAW,CAAC;QAC3C,MAAM,IAAI,GAAG;YACT,QAAQ,EAAE;gBACN,OAAO;gBACP,OAAO;aACV;YACD,EAAE;SACL,CAAC;QAEF,aAAa,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,6BACI,SAAS,EAAC,cAAc,EACxB,GAAG,EAAE,WAAW,KACZ,UAAU,EACd,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,IACzC,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAElC,kBAAkB,CAAC,YAAY,GAAG;IAC9B,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,KAAK;IAChB,wBAAwB,EAAE,KAAK;IAC/B,SAAS,EAAE,EAAE;CAChB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const Submenu: {
|
|
3
|
+
({ children, title, attributes, className }: {
|
|
4
|
+
children: any;
|
|
5
|
+
title: any;
|
|
6
|
+
attributes: any;
|
|
7
|
+
className: any;
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
defaultProps: {
|
|
10
|
+
title: string;
|
|
11
|
+
className: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default Submenu;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React, { useCallback, useState, useRef } from 'react';
|
|
2
|
+
import ContextMenuItem from './ContextMenuItem';
|
|
3
|
+
const Submenu = ({ children, title, attributes, className }) => {
|
|
4
|
+
const [submenuStyle, setSubmenuStyle] = useState(null);
|
|
5
|
+
const submenuEl = useRef(null);
|
|
6
|
+
const submenuItem = useRef(null);
|
|
7
|
+
const calculateSubmenuPos = useCallback(() => {
|
|
8
|
+
const { innerHeight: windowInnerHeight, innerWidth: windowInnerWidth } = window;
|
|
9
|
+
const { left: itemLeft, top: itemTop, width: itemWidth, height: itemHeight } = submenuItem.current.getBoundingClientRect();
|
|
10
|
+
const { width: submenuWidth, height: submenuHeight } = submenuEl.current.getBoundingClientRect();
|
|
11
|
+
const style = {
|
|
12
|
+
opacity: 1,
|
|
13
|
+
visibility: 'visible'
|
|
14
|
+
};
|
|
15
|
+
if (itemTop + submenuHeight + itemHeight > windowInnerHeight) {
|
|
16
|
+
style['top'] = 'inherit';
|
|
17
|
+
style['bottom'] = '0';
|
|
18
|
+
}
|
|
19
|
+
if (itemLeft + submenuWidth + itemWidth > windowInnerWidth) {
|
|
20
|
+
style['left'] = 'inherit';
|
|
21
|
+
style['right'] = '100%';
|
|
22
|
+
}
|
|
23
|
+
setSubmenuStyle(style);
|
|
24
|
+
}, []);
|
|
25
|
+
const hideSubmenu = useCallback(() => {
|
|
26
|
+
const style = {
|
|
27
|
+
opacity: 0,
|
|
28
|
+
visibility: 'hidden'
|
|
29
|
+
};
|
|
30
|
+
setSubmenuStyle(style);
|
|
31
|
+
}, []);
|
|
32
|
+
return (React.createElement("div", { className: 'submenu', onMouseOver: () => calculateSubmenuPos(), onMouseOut: () => hideSubmenu(), onFocus: () => null, onBlur: () => null, ref: submenuItem, ...attributes },
|
|
33
|
+
React.createElement(ContextMenuItem, null, title),
|
|
34
|
+
React.createElement("div", { className: 'submenu__item', ref: submenuEl, style: submenuStyle }, children)));
|
|
35
|
+
};
|
|
36
|
+
export default Submenu;
|
|
37
|
+
Submenu.defaultProps = {
|
|
38
|
+
title: 'Sub Menu',
|
|
39
|
+
className: ''
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=SubMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubMenu.js","sourceRoot":"","sources":["../../../../src/components/context-menu/SubMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAAC;QAChF,MAAM,EACF,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EACrB,GAAG,WAAW,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAChD,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,GAChD,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG;YACV,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,SAAS;SACxB,CAAC;QAEF,IAAI,OAAO,GAAG,aAAa,GAAG,UAAU,GAAG,iBAAiB,EAAE;YAC1D,KAAK,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;YACzB,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC;SACzB;QACD,IAAI,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,gBAAgB,EAAE;YACxD,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;YAC1B,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC;SAC3B;QAED,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,MAAM,KAAK,GAAG;YACV,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,QAAQ;SACvB,CAAC;QAEF,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,6BACI,SAAS,EAAC,SAAS,EACnB,WAAW,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,EACxC,UAAU,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EACnB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,EAClB,GAAG,EAAE,WAAW,KACZ,UAAU;QACd,oBAAC,eAAe,QAAE,KAAK,CAAmB;QAC1C,6BACI,SAAS,EAAC,eAAe,EACzB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,YAAY,IAClB,QAAQ,CACP,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,YAAY,GAAG;IACnB,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,EAAE;CAChB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export const uniqueId = () => `_${Math.random().toString(36).substr(2, 9)}`;
|
|
2
|
+
export const throttle = (func, limit) => {
|
|
3
|
+
let lastFunc;
|
|
4
|
+
let lastRan;
|
|
5
|
+
return (...args) => {
|
|
6
|
+
const context = window;
|
|
7
|
+
if (!lastRan) {
|
|
8
|
+
func.apply(context, args);
|
|
9
|
+
lastRan = Date.now();
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
clearTimeout(lastFunc);
|
|
13
|
+
lastFunc = setTimeout(() => {
|
|
14
|
+
if (Date.now() - lastRan >= limit) {
|
|
15
|
+
func.apply(context, args);
|
|
16
|
+
lastRan = Date.now();
|
|
17
|
+
}
|
|
18
|
+
}, limit - (Date.now() - lastRan));
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=helper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../src/components/context-menu/helper.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAE5E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;IACpC,IAAI,QAAQ,CAAC;IACb,IAAI,OAAO,CAAC;IACZ,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE;QACf,MAAM,OAAO,GAAG,MAAM,CAAC;QACvB,IAAI,CAAC,OAAO,EAAE;YACV,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YAC1B,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;SACxB;aAAM;YACH,YAAY,CAAC,QAAQ,CAAC,CAAC;YACvB,QAAQ,GAAG,UAAU,CAAC,GAAG,EAAE;gBACvB,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,IAAI,KAAK,EAAE;oBAC/B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;oBAC1B,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;iBACxB;YACL,CAAC,EAAE,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC;SACtC;IACL,CAAC,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { uniqueId } from './helper';
|
|
2
|
+
const events = {};
|
|
3
|
+
let activeEvent = {
|
|
4
|
+
id: '',
|
|
5
|
+
showMenu: null,
|
|
6
|
+
hideMenu: null
|
|
7
|
+
};
|
|
8
|
+
const registerEvent = (id, showMenu, hideMenu) => {
|
|
9
|
+
const _ = uniqueId();
|
|
10
|
+
events[_] = {
|
|
11
|
+
id,
|
|
12
|
+
showMenu,
|
|
13
|
+
hideMenu
|
|
14
|
+
};
|
|
15
|
+
return id;
|
|
16
|
+
};
|
|
17
|
+
const callShowEvent = (opts) => {
|
|
18
|
+
const { hideMenu } = activeEvent;
|
|
19
|
+
if (hideMenu)
|
|
20
|
+
hideMenu();
|
|
21
|
+
Object.keys(events).forEach((key) => {
|
|
22
|
+
if (events[key].id && events[key].id === opts.id) {
|
|
23
|
+
events[key].showMenu(opts);
|
|
24
|
+
activeEvent = events[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
const callHideEvent = (menuId) => {
|
|
29
|
+
const { id, hideMenu } = activeEvent;
|
|
30
|
+
if (id === menuId || menuId === 'ID_NOT_REQUIRED') {
|
|
31
|
+
if (hideMenu)
|
|
32
|
+
hideMenu();
|
|
33
|
+
activeEvent = {
|
|
34
|
+
id: '',
|
|
35
|
+
showMenu: null,
|
|
36
|
+
hideMenu: null
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
export { registerEvent, callShowEvent, callHideEvent };
|
|
41
|
+
//# sourceMappingURL=registerEvent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerEvent.js","sourceRoot":"","sources":["../../../../src/components/context-menu/registerEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,MAAM,GAAG,EAAE,CAAC;AAElB,IAAI,WAAW,GAAG;IACd,EAAE,EAAE,EAAE;IACN,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;CACjB,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IAC7C,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAC;IAErB,MAAM,CAAC,CAAC,CAAC,GAAG;QACR,EAAE;QACF,QAAQ;QACR,QAAQ;KACX,CAAC;IAEF,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IACjC,IAAI,QAAQ;QAAE,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAChC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE;YAC9C,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC3B,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;SAC7B;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,EAAE;IAC7B,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IACrC,IAAI,EAAE,KAAK,MAAM,IAAI,MAAM,KAAK,iBAAiB,EAAE;QAC/C,IAAI,QAAQ;YAAE,QAAQ,EAAE,CAAC;QACzB,WAAW,GAAG;YACV,EAAE,EAAE,EAAE;YACN,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,IAAI;SACjB,CAAC;KACL;AACL,CAAC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -98,4 +98,8 @@ import FontPicker from './components/font-picker/FontPicker';
|
|
|
98
98
|
import AudioPreview from './components/players/AudioPreview';
|
|
99
99
|
import { renderTooltipProps, renderTooltip } from './components/Tooltip';
|
|
100
100
|
import AssetsTableRateCell from './components/assets/AssetsTableRateCell';
|
|
101
|
-
|
|
101
|
+
import ContextMenu from './components/context-menu/ContextMenu';
|
|
102
|
+
import ContextMenuItem from './components/context-menu/ContextMenuItem';
|
|
103
|
+
import ContextMenuTrigger from './components/context-menu/ContextMenuTrigger';
|
|
104
|
+
import Submenu from './components/context-menu/SubMenu';
|
|
105
|
+
export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, AudioPreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableRateCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, resetFilters, getAssets, deleteAssets, downloadAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleTagFileName, uploadAssets, replaceAsset, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, getSMPTE, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, deleteAssetsTags, updateAssetStory, FontPicker, cancelAssetUpload, getLastModifiedStoryInOrg, renderTooltipProps, renderTooltip, ContextMenu, ContextMenuItem, ContextMenuTrigger, Submenu };
|
package/dist/esm/index.js
CHANGED
|
@@ -109,5 +109,9 @@ import FontPicker from './components/font-picker/FontPicker';
|
|
|
109
109
|
import AudioPreview from './components/players/AudioPreview';
|
|
110
110
|
import { renderTooltipProps, renderTooltip } from './components/Tooltip';
|
|
111
111
|
import AssetsTableRateCell from './components/assets/AssetsTableRateCell';
|
|
112
|
-
|
|
112
|
+
import ContextMenu from './components/context-menu/ContextMenu';
|
|
113
|
+
import ContextMenuItem from './components/context-menu/ContextMenuItem';
|
|
114
|
+
import ContextMenuTrigger from './components/context-menu/ContextMenuTrigger';
|
|
115
|
+
import Submenu from './components/context-menu/SubMenu';
|
|
116
|
+
export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, NumberField, SelectField, ColorField, Tabs, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, AudioPreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableRateCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, resetFilters, getAssets, deleteAssets, downloadAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleTagFileName, uploadAssets, replaceAsset, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, SessionService, API, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, getSMPTE, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, deleteAssetsTags, updateAssetStory, FontPicker, cancelAssetUpload, getLastModifiedStoryInOrg, renderTooltipProps, renderTooltip, ContextMenu, ContextMenuItem, ContextMenuTrigger, Submenu };
|
|
113
117
|
//# sourceMappingURL=index.js.map
|