@orfeas126/box-ui-elements
Version:
Box UI Elements
76 lines (75 loc) • 2.52 kB
JavaScript
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import * as React from 'react';
import { useArgs } from '@storybook/preview-api';
import { Button } from '@box/blueprint-web';
import { addRootElement } from '../../../utils/storybook';
import PreviewDialog from '../PreviewDialog';
// need to import this into the story because it's usually in ContentExplorer
import '../../common/modal.scss';
export const previewDialog = {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
render: args => {
// eslint-disable-next-line react-hooks/rules-of-hooks
const [, setArgs] = useArgs();
const handleOpenModal = () => setArgs({
isOpen: true
});
const handleCloseModal = () => {
setArgs({
isOpen: false
});
};
const {
appElement,
rootElement
} = addRootElement();
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PreviewDialog, _extends({
appElement: appElement,
item: {
type: 'file',
id: '416044542013',
name: 'Book Sample.pdf'
},
onCancel: handleCloseModal,
parentElement: rootElement,
currentCollection: {
items: [{
type: 'file',
id: '416044542013',
name: 'Book Sample.pdf',
extension: 'pdf',
permissions: {
can_download: true,
can_preview: true,
can_upload: false,
can_comment: true,
can_rename: false,
can_delete: false,
can_share: false,
can_set_share_access: false,
can_invite_collaborator: false,
can_annotate: false,
can_view_annotations_all: true,
can_view_annotations_self: true,
can_create_annotations: true,
can_view_annotations: true
},
has_collaborations: true
}]
}
}, args)), /*#__PURE__*/React.createElement(Button, {
onClick: handleOpenModal,
variant: "primary"
}, "Launch PreviewDialog"));
}
};
export default {
title: 'Elements/ContentExplorer',
component: PreviewDialog,
args: {
isLoading: false,
isOpen: false,
token: global.TOKEN
}
};
//# sourceMappingURL=PreviewDialog.stories.js.map