@imposium-hub/components 1.62.7 → 2.0.0

package/dist/cjs/index.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AssetsTableTypeFilter = exports.AssetsTableSelectCell = exports.AssetsTableSelectFilter = exports.AssetsTablePreviewCell = exports.AssetsTableDropzone = exports.AssetsTableDateCell = exports.AssetsTypeIcon = exports.ImageSequencePlayer = 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;
-exports.API = exports.SessionService = exports.AuthService = exports.batchActions = exports.activeBatch = exports.assetActions = exports.assetTags = exports.addAssetTagToList = exports.getAssetTagList = exports.selectedAssets = exports.assetUploads = exports.assetList = exports.assetFilters = exports.resetSelection = exports.deselectAsset = exports.selectAsset = exports.uploadAssets = exports.toggleAutoTag = exports.doAssetTableHydration = exports.updateAssetData = exports.updateAssetName = exports.deleteAssetTag = exports.addAssetTag = exports.deleteAssets = exports.getAssets = 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.AssetsTableDurationCell = exports.AssetsTableNameCell = exports.AssetsTableNameFilter = exports.AssetsTableStatusCell = exports.AssetsTableTypeCell = void 0;
-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 = void 0;
+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;
+exports.SessionService = exports.AuthService = exports.batchActions = exports.activeBatch = exports.assetActions = exports.assetTags = exports.addAssetTagToList = exports.getAssetTagList = exports.selectedAssets = exports.assetUploads = exports.assetList = exports.assetFilters = exports.resetSelection = exports.deselectAsset = exports.selectAsset = exports.uploadAssets = exports.toggleAutoTag = exports.doAssetTableHydration = exports.updateAssetData = exports.updateAssetName = exports.deleteAssetTag = exports.addAssetTag = exports.deleteAssets = exports.getAssets = 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.AssetsTableDurationCell = exports.AssetsTableNameCell = exports.AssetsTableNameFilter = exports.AssetsTableStatusCell = exports.AssetsTableTypeCell = exports.AssetsTableTypeFilter = void 0;
+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 = void 0;
 /*
     React Components
  */
@@ -246,4 +246,6 @@ var AdvancedNumberField_1 = __importDefault(require("./components/advanced-numbe
 exports.AdvancedNumberField = AdvancedNumberField_1.default;
 var FontPicker_1 = __importDefault(require("./components/font-picker/FontPicker"));
 exports.FontPicker = FontPicker_1.default;
+var AudioPreview_1 = __importDefault(require("./components/players/AudioPreview"));
+exports.AudioPreview = AudioPreview_1.default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/cjs/utils/assets.d.ts

@@ -1,2 +1,2 @@
 import { CSSProperties } from 'react';
-export declare const getMediaPreviewStyle: (mediaWidth: number, mediaHeight: number, ref: any) => CSSProperties;
+export declare const getMediaPreviewStyle: (mediaWidth: number, mediaHeight: number, element: any) => CSSProperties;

package/dist/cjs/utils/assets.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMediaPreviewStyle = void 0;
 var assets_1 = require("../constants/assets");
-var getMediaPreviewStyle = function (mediaWidth, mediaHeight, ref) {
-    if (!ref.current) {
+var getMediaPreviewStyle = function (mediaWidth, mediaHeight, element) {
+    if (!element) {
         return;
     }
     if (!mediaWidth) {
@@ -12,8 +12,11 @@ var getMediaPreviewStyle = function (mediaWidth, mediaHeight, ref) {
     if (!mediaHeight) {
         mediaHeight = assets_1.PREVIEW_MAX_HEIGHT;
     }
-    var icon = ref.current;
-    var iconRect = icon.getBoundingClientRect();
+    var elementDiv = element.current !== undefined ? element.current : element;
+    if (!elementDiv) {
+        return;
+    }
+    var iconRect = elementDiv.getBoundingClientRect();
     var aspect = mediaWidth / mediaHeight;
     var width = assets_1.PREVIEW_MAX_WIDTH;
     var height = width / aspect;

package/dist/cjs/utils/assets.js.map

@@ -1 +1 @@
-{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../../src/utils/assets.ts"],"names":[],"mappings":";;;AAAA,8CAA2F;AAGpF,IAAM,oBAAoB,GAAG,UAChC,UAAkB,EAClB,WAAmB,EACnB,GAAQ;IAER,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;QACd,OAAO;KACV;IACD,IAAI,CAAC,UAAU,EAAE;QACb,UAAU,GAAG,0BAAiB,CAAC;KAClC;IACD,IAAI,CAAC,WAAW,EAAE;QACd,WAAW,GAAG,2BAAkB,CAAC;KACpC;IACD,IAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;IACzB,IAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC9C,IAAM,MAAM,GAAW,UAAU,GAAG,WAAW,CAAC;IAChD,IAAI,KAAK,GAAW,0BAAiB,CAAC;IACtC,IAAI,MAAM,GAAW,KAAK,GAAG,MAAM,CAAC;IAEpC,IAAI,MAAM,GAAG,2BAAkB,EAAE;QAC7B,MAAM,GAAG,2BAAkB,CAAC;QAC5B,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;KAC3B;IAED,eAAe;IACf,IAAI,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,GAAG,KAAK,GAAG,EAAE,CAAC;IACpD,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC;IACrD,qEAAqE;IACrE,IAAI,IAAI,GAAG,CAAC,EAAE;QACV,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;KACrB;IACD,iEAAiE;IACjE,IAAI,GAAG,GAAG,sBAAa,EAAE;QACrB,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;KACzB;IAED,OAAO;QACH,GAAG,KAAA;QACH,IAAI,MAAA;QACJ,KAAK,OAAA;QACL,MAAM,QAAA;QACN,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI;KACf,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,oBAAoB,wBA6C/B"}
+{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../../src/utils/assets.ts"],"names":[],"mappings":";;;AAAA,8CAA2F;AAGpF,IAAM,oBAAoB,GAAG,UAChC,UAAkB,EAClB,WAAmB,EACnB,OAAY;IAEZ,IAAI,CAAC,OAAO,EAAE;QACV,OAAO;KACV;IACD,IAAI,CAAC,UAAU,EAAE;QACb,UAAU,GAAG,0BAAiB,CAAC;KAClC;IACD,IAAI,CAAC,WAAW,EAAE;QACd,WAAW,GAAG,2BAAkB,CAAC;KACpC;IAED,IAAM,UAAU,GAAG,OAAO,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7E,IAAI,CAAC,UAAU,EAAE;QACb,OAAO;KACV;IACD,IAAM,QAAQ,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;IACpD,IAAM,MAAM,GAAW,UAAU,GAAG,WAAW,CAAC;IAChD,IAAI,KAAK,GAAW,0BAAiB,CAAC;IACtC,IAAI,MAAM,GAAW,KAAK,GAAG,MAAM,CAAC;IAEpC,IAAI,MAAM,GAAG,2BAAkB,EAAE;QAC7B,MAAM,GAAG,2BAAkB,CAAC;QAC5B,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;KAC3B;IAED,eAAe;IACf,IAAI,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,GAAG,KAAK,GAAG,EAAE,CAAC;IACpD,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC;IACrD,qEAAqE;IACrE,IAAI,IAAI,GAAG,CAAC,EAAE;QACV,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;KACrB;IACD,iEAAiE;IACjE,IAAI,GAAG,GAAG,sBAAa,EAAE;QACrB,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;KACzB;IAED,OAAO;QACH,GAAG,KAAA;QACH,IAAI,MAAA;QACJ,KAAK,OAAA;QACL,MAAM,QAAA;QACN,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI;KACf,CAAC;AACN,CAAC,CAAC;AAjDW,QAAA,oBAAoB,wBAiD/B"}

package/dist/esm/components/assets/AssetsTablePreviewCell.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ASSET_TYPES, VideoPreview, AssetsTypeIcon, ImagePreview, getMediaPreviewStyle } from '../../index';
+import { ASSET_TYPES, VideoPreview, AssetsTypeIcon, ImagePreview, getMediaPreviewStyle, AudioPreview } from '../../index';
 class AssetsTablePreviewCell extends React.PureComponent {
     iconRef = React.createRef();
     evtHandlers;
@@ -30,10 +30,11 @@ class AssetsTablePreviewCell extends React.PureComponent {
         };
         return (React.createElement("div", { ref: this.iconRef, className: 'asset-type-cell', onClick: this.evtHandlers.onClick },
             React.createElement(AssetsTypeIcon, { type: cell.row.values.type }),
-            cell.row.values.type === ASSET_TYPES.IMAGE && (React.createElement(ImagePreview, { style: {
+            cell.row.values.type === ASSET_TYPES.IMAGE && showMedia && (React.createElement(ImagePreview, { style: {
                     ...getMediaPreviewStyle(cell.row.original.width, cell.row.original.height, this.iconRef)
-                }, showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose })),
-            cell.row.values.type === ASSET_TYPES.VIDEO && (React.createElement(VideoPreview, { playbackSettings: playbackSettings, style: getMediaPreviewStyle(cell.row.original.width, cell.row.original.height, this.iconRef), showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose }))));
+                }, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose })),
+            cell.row.values.type === ASSET_TYPES.VIDEO && showMedia && (React.createElement(VideoPreview, { playbackSettings: playbackSettings, style: getMediaPreviewStyle(cell.row.original.width, cell.row.original.height, this.iconRef), url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose })),
+            cell.row.values.type === ASSET_TYPES.AUDIO && showMedia && (React.createElement(AudioPreview, { playbackSettings: playbackSettings, style: getMediaPreviewStyle(5, 1, this.iconRef), url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose }))));
     }
 }
 const AssetsTablePreviewCellMemoized = React.memo(AssetsTablePreviewCell);

package/dist/esm/components/assets/AssetsTablePreviewCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetsTablePreviewCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTablePreviewCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,WAAW,EACX,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,oBAAoB,EACvB,MAAM,aAAa,CAAC;AASrB,MAAM,sBAAuB,SAAQ,KAAK,CAAC,aAAsC;IACrE,OAAO,GAAQ,KAAK,CAAC,SAAS,EAAkB,CAAC;IAEjD,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YACjC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE;SAC3C,CAAC;IACN,CAAC;IAEO,WAAW;QACf,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,cAAc,EAAE,CAAC;IACrB,CAAC;IAEO,kBAAkB;QACtB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1C,IAAI,CAAC,SAAS,EAAE;YACZ,OAAO,EAAE,CAAC;YACV,OAAO;SACV;QACD,OAAO;IACX,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,MAAM,gBAAgB,GAAG;YACrB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,KAAK;SACd,CAAC;QAEF,OAAO,CACH,6BACI,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO;YACjC,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,GAAI;YAC7C,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,IAAI,CAC3C,oBAAC,YAAY,IACT,KAAK,EAAE;oBACH,GAAG,oBAAoB,CACnB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EACxB,IAAI,CAAC,OAAO,CACf;iBACJ,EACD,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAC1B,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,GAC1C,CACL;YACA,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,IAAI,CAC3C,oBAAC,YAAY,IACT,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,oBAAoB,CACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EACxB,IAAI,CAAC,OAAO,CACf,EACD,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAC1B,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,GAC1C,CACL,CACC,CACT,CAAC;IACN,CAAC;CACJ;AAED,MAAM,8BAA8B,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;AAC1E,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"AssetsTablePreviewCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTablePreviewCell.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/button/Button.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/esm/components/button-group-field/ButtonGroupField.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import ButtonGroupField from './ButtonGroupField';
 declare const _default: {
     title: string;

package/dist/esm/components/button-menu/ButtonMenu.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import ButtonMenu from './ButtonMenu';
 declare const _default: {
     title: string;

package/dist/esm/components/card/Card.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import Card from './Card';
 declare const _default: {
     title: string;

package/dist/esm/components/checkbox-field/CheckboxField.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import CheckBoxField from './CheckboxField';
 declare const _default: {
     title: string;

package/dist/esm/components/color-field/ColorFiled.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import ColorField from './ColorField';
 declare const _default: {
     title: string;

package/dist/esm/components/controlled-list/ControlledList.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import ControlledList from './ControlledList';
 declare const _default: {
     title: string;

package/dist/esm/components/error-message-preview/ErrorMessagePreview.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface IErrorMessagePreviewProps {
+    showMedia: boolean;
+    message: string;
+    style?: React.CSSProperties | any;
+    onRequestClose?(): void;
+}
+declare class ErrorMessagePreview extends React.PureComponent<IErrorMessagePreviewProps> {
+    private errorMsgNode;
+    private evtHandlers;
+    constructor(props: any);
+    private onClose;
+    render(): JSX.Element;
+}
+export default ErrorMessagePreview;

package/dist/esm/components/error-message-preview/ErrorMessagePreview.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import Portal from '../portal/Portal';
+import Button from '../button/Button';
+import { assets as copy } from '../../constants/copy';
+import { ICON_TIMES } from '../../constants/icons';
+class ErrorMessagePreview extends React.PureComponent {
+    errorMsgNode = null;
+    evtHandlers;
+    constructor(props) {
+        super(props);
+        this.errorMsgNode = React.createRef();
+        this.evtHandlers = {
+            onClose: (e) => this.onClose(e)
+        };
+    }
+    onClose(e) {
+        const { onRequestClose } = this.props;
+        e.stopPropagation();
+        onRequestClose();
+    }
+    render() {
+        const { showMedia, style, message } = this.props;
+        if (showMedia) {
+            return (React.createElement(Portal, { id: 'portal-root' },
+                React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
+                    React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
+                React.createElement("p", { style: style, ref: this.errorMsgNode, className: 'asset-preview-background media-preview' }, message)));
+        }
+        else {
+            return null;
+        }
+    }
+}
+export default ErrorMessagePreview;
+//# sourceMappingURL=ErrorMessagePreview.js.map

package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessagePreview.js","sourceRoot":"","sources":["../../../../src/components/error-message-preview/ErrorMessagePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AASnD,MAAM,mBAAoB,SAAQ,KAAK,CAAC,aAAwC;IACpE,YAAY,GAAQ,IAAI,CAAC;IAEzB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjD,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,2BACI,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,SAAS,EAAC,wCAAwC,IACpD,OAAO,CAAK,CACT,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,mBAAmB,CAAC"}

package/dist/esm/components/field-wrapper/FieldWrapper.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import FieldWrapper from './FieldWrapper';
 declare const _default: {
     title: string;

package/dist/esm/components/h-rule/HRule.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const HRule: (props: any) => JSX.Element;
 export default HRule;

package/dist/esm/components/h-rule/HRule.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: (props: any) => JSX.Element;

package/dist/esm/components/list-field/ListField.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import ListField from './ListField';
 declare const _default: {
     title: string;

package/dist/esm/components/modal/Modal.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import Modal from './Modal';
 declare const _default: {
     title: string;

package/dist/esm/components/number-field/NumberField.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import NumberField from './NumberField';
 declare const _default: {
     title: string;

package/dist/esm/components/players/AudioPreview.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+interface IAudioPreviewProps {
+    url: string;
+    playbackSettings?: any;
+    style?: React.CSSProperties | any;
+    onRequestClose?(): void;
+}
+interface IAudioPreviewState {
+    error: boolean;
+    loaded: boolean;
+}
+declare class AudioPreview extends React.PureComponent<IAudioPreviewProps, IAudioPreviewState> {
+    private audioNode;
+    private audioRef;
+    private evtHandlers;
+    private clickHandler;
+    private clickOutsideTimeout;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private detectOutsideClick;
+    private onClose;
+    render(): JSX.Element;
+}
+export default AudioPreview;

package/dist/esm/components/players/AudioPreview.js

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import Portal from '../portal/Portal';
+import Button from '../button/Button';
+import { assets as copy } from '../../constants/copy';
+import { ICON_TIMES } from '../../constants/icons';
+class AudioPreview extends React.PureComponent {
+    audioNode = null;
+    audioRef = null;
+    evtHandlers;
+    clickHandler = (e) => this.detectOutsideClick(e);
+    clickOutsideTimeout;
+    constructor(props) {
+        super(props);
+        this.audioNode = React.createRef();
+        this.audioRef = React.createRef();
+        this.evtHandlers = {
+            onClose: (e) => this.onClose(e)
+        };
+        this.state = {
+            error: false,
+            loaded: false
+        };
+    }
+    componentDidMount() {
+        clearTimeout(this.clickOutsideTimeout);
+        this.clickOutsideTimeout = setTimeout(() => {
+            window.addEventListener('click', this.clickHandler);
+        }, 25);
+    }
+    componentWillUnmount() {
+        clearTimeout(this.clickOutsideTimeout);
+        window.removeEventListener('click', this.clickHandler);
+    }
+    detectOutsideClick = (e) => {
+        const { target } = e;
+        const clickInside = this.audioRef.current && this.audioRef.current.contains(target) ? true : false;
+        if (!clickInside) {
+            this.onClose(e);
+        }
+    };
+    onClose(e) {
+        const { onRequestClose } = this.props;
+        onRequestClose();
+    }
+    render() {
+        const { url, playbackSettings, style } = this.props;
+        const { error } = this.state;
+        return (React.createElement(Portal, { id: 'portal-root' },
+            React.createElement("div", { ref: this.audioRef },
+                React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
+                    React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
+                React.createElement("audio", { style: style, onError: () => this.setState({ loaded: true, error: true }), onCanPlayThrough: () => this.setState({ loaded: true }), ref: this.audioNode, autoPlay: playbackSettings.autoPlay, loop: playbackSettings.loop, controls: true, src: url, className: 'asset-preview-background media-preview' }),
+                error ? (React.createElement("div", { className: 'error-preview audio', style: style }, "Audio not found")) : null)));
+    }
+}
+export default AudioPreview;
+//# sourceMappingURL=AudioPreview.js.map

package/dist/esm/components/players/AudioPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPreview.js","sourceRoot":"","sources":["../../../../src/components/players/AudioPreview.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/players/ImagePreview.d.ts

@@ -1,18 +1,24 @@
 import * as React from 'react';
 interface IImagePreviewProps {
-    showMedia: boolean;
     url: string;
     playbackSettings?: any;
     style?: React.CSSProperties | any;
     onRequestClose?(): void;
 }
 interface IImagePreviewState {
+    error: boolean;
     loaded: boolean;
 }
 declare class ImagePreview extends React.PureComponent<IImagePreviewProps, IImagePreviewState> {
     private imageNode;
+    private imageRef;
     private evtHandlers;
+    private clickHandler;
+    private clickOutsideTimeout;
     constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private detectOutsideClick;
     private onClose;
     render(): JSX.Element;
 }

package/dist/esm/components/players/ImagePreview.js

@@ -5,34 +5,52 @@ import Button from '../button/Button';
 import { assets as copy } from '../../constants/copy';
 class ImagePreview extends React.PureComponent {
     imageNode = null;
+    imageRef = null;
     evtHandlers;
+    clickHandler = (e) => this.detectOutsideClick(e);
+    clickOutsideTimeout;
     constructor(props) {
         super(props);
         this.imageNode = React.createRef();
+        this.imageRef = React.createRef();
         this.evtHandlers = {
             onClose: (e) => this.onClose(e)
         };
         this.state = {
+            error: false,
             loaded: false
         };
     }
+    componentDidMount() {
+        clearTimeout(this.clickOutsideTimeout);
+        this.clickOutsideTimeout = setTimeout(() => {
+            window.addEventListener('click', this.clickHandler);
+        }, 25);
+    }
+    componentWillUnmount() {
+        clearTimeout(this.clickOutsideTimeout);
+        window.removeEventListener('click', this.clickHandler);
+    }
+    detectOutsideClick = (e) => {
+        const { target } = e;
+        const clickInside = this.imageRef.current && this.imageRef.current.contains(target) ? true : false;
+        if (!clickInside) {
+            this.onClose(e);
+        }
+    };
     onClose(e) {
         const { onRequestClose } = this.props;
-        e.stopPropagation();
         onRequestClose();
     }
     render() {
-        const { showMedia, url, style } = this.props;
-        const { loaded } = this.state;
-        if (showMedia) {
-            return (React.createElement(Portal, { id: 'portal-root' },
+        const { url, style } = this.props;
+        const { error } = this.state;
+        return (React.createElement(Portal, { id: 'portal-root' },
+            React.createElement("div", { ref: this.imageRef },
                 React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
                     React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
-                React.createElement("img", { onLoad: () => this.setState({ loaded: true }), src: url, ref: this.imageNode, className: `asset-preview-background media-preview ${!loaded ? 'hidden' : ''}`, style: style })));
-        }
-        else {
-            return null;
-        }
+                React.createElement("img", { onError: () => this.setState({ error: true, loaded: true }), onLoad: () => this.setState({ loaded: true }), src: url, ref: this.imageNode, className: `asset-preview-background media-preview`, style: style }),
+                error ? (React.createElement("div", { className: 'error-preview', style: style }, "Image not found")) : null)));
     }
 }
 export default ImagePreview;

package/dist/esm/components/players/ImagePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../src/components/players/ImagePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAatD,MAAM,YAAa,SAAQ,KAAK,CAAC,aAAqD;IAC1E,SAAS,GAAQ,IAAI,CAAC;IAEtB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;QACF,IAAI,CAAC,KAAK,GAAG;YACT,MAAM,EAAE,KAAK;SAChB,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9B,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,6BACI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC7C,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,SAAS,EAAE,0CACP,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EACzB,EAAE,EACF,KAAK,EAAE,KAAK,GACd,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../../src/components/players/ImagePreview.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/players/VideoPreview.d.ts

@@ -1,15 +1,24 @@
 import * as React from 'react';
 interface IVideoPreviewProps {
-    showMedia: boolean;
     url: string;
     playbackSettings?: any;
     style?: React.CSSProperties | any;
     onRequestClose?(): void;
 }
-declare class VideoPreview extends React.PureComponent<IVideoPreviewProps> {
+interface IVideoPreviewState {
+    error: boolean;
+    loaded: boolean;
+}
+declare class VideoPreview extends React.PureComponent<IVideoPreviewProps, IVideoPreviewState> {
     private videoNode;
+    private videoRef;
     private evtHandlers;
+    private clickHandler;
+    private clickOutsideTimeout;
     constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private detectOutsideClick;
     private onClose;
     render(): JSX.Element;
 }

package/dist/esm/components/players/VideoPreview.js

@@ -5,30 +5,52 @@ import { assets as copy } from '../../constants/copy';
 import { ICON_TIMES } from '../../constants/icons';
 class VideoPreview extends React.PureComponent {
     videoNode = null;
+    videoRef = null;
     evtHandlers;
+    clickHandler = (e) => this.detectOutsideClick(e);
+    clickOutsideTimeout;
     constructor(props) {
         super(props);
         this.videoNode = React.createRef();
+        this.videoRef = React.createRef();
         this.evtHandlers = {
             onClose: (e) => this.onClose(e)
         };
+        this.state = {
+            error: false,
+            loaded: false
+        };
+    }
+    componentDidMount() {
+        clearTimeout(this.clickOutsideTimeout);
+        this.clickOutsideTimeout = setTimeout(() => {
+            window.addEventListener('click', this.clickHandler);
+        }, 25);
+    }
+    componentWillUnmount() {
+        clearTimeout(this.clickOutsideTimeout);
+        window.removeEventListener('click', this.clickHandler);
     }
+    detectOutsideClick = (e) => {
+        const { target } = e;
+        const clickInside = this.videoRef.current && this.videoRef.current.contains(target) ? true : false;
+        if (!clickInside) {
+            this.onClose(e);
+        }
+    };
     onClose(e) {
         const { onRequestClose } = this.props;
-        e.stopPropagation();
         onRequestClose();
     }
     render() {
-        const { showMedia, url, playbackSettings, style } = this.props;
-        if (showMedia) {
-            return (React.createElement(Portal, { id: 'portal-root' },
+        const { url, playbackSettings, style } = this.props;
+        const { error } = this.state;
+        return (React.createElement(Portal, { id: 'portal-root' },
+            React.createElement("div", { ref: this.videoRef },
                 React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
                     React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
-                React.createElement("video", { style: style, muted: true, ref: this.videoNode, autoPlay: playbackSettings.autoPlay, loop: playbackSettings.loop, controls: true, preload: 'preload', playsInline: true, src: url, className: 'asset-preview-background media-preview' })));
-        }
-        else {
-            return null;
-        }
+                React.createElement("video", { onError: () => this.setState({ error: true, loaded: true }), onCanPlayThrough: () => this.setState({ loaded: true }), style: style, muted: true, ref: this.videoNode, autoPlay: playbackSettings.autoPlay, loop: playbackSettings.loop, controls: true, preload: 'preload', playsInline: true, src: url, className: 'asset-preview-background media-preview' }),
+                error ? (React.createElement("div", { className: 'error-preview', style: style }, "Video not found")) : null)));
     }
 }
 export default VideoPreview;

package/dist/esm/components/players/VideoPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/players/VideoPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAUnD,MAAM,YAAa,SAAQ,KAAK,CAAC,aAAiC;IACtD,SAAS,GAAQ,IAAI,CAAC;IAEtB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/D,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,+BACI,KAAK,EAAE,KAAK,EACZ,KAAK,QACL,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAC3B,QAAQ,QACR,OAAO,EAAC,SAAS,EACjB,WAAW,QACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,wCAAwC,GACpD,CACG,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/players/VideoPreview.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/section/Section.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Section: (props: any) => JSX.Element;
 export default Section;

package/dist/esm/components/section/Section.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: (props: any) => JSX.Element;

package/dist/esm/components/select-field/SelectField.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import SelectField from './SelectField';
 declare const _default: {
     title: string;

package/dist/esm/components/slider-field/SliderField.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import SliderField from './SliderField';
 declare const _default: {
     title: string;