@box/unified-share-modal 0.45.1

package/dist/types/lib/components/unified-share-form-modal/collaboration-section/messages.d.ts

@@ -0,0 +1,108 @@
+declare const messages: {
+    cancelButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    closeButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    clearButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    sendButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    loadingLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    invitePeopleLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    invitePeoplePlaceholder: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    emailSharedLinkLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    inviteAsRoleLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    sharedWithLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    shareMessageLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    shareMessagePlaceholder: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    shareMessageCharacterCountAriaLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    coOwnerDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    editorDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    editorFolderDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    viewerUploaderDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    previewerUploaderDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    viewerDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    previewerDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    uploaderDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};
+export default messages;

package/dist/types/lib/components/unified-share-form-modal/collaboration-section/shared-with-avatars.d.ts

@@ -0,0 +1 @@
+export declare function SharedWithAvatars(): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/unified-share-form-modal/collaboration-section/text-area-container.d.ts

@@ -0,0 +1,3 @@
+export declare function TextAreaContainer(props: {
+    maxCount?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/unified-share-form-modal/collaborators-view/collaborator-avatar.d.ts

@@ -0,0 +1,8 @@
+import { AvatarProps } from '@box/blueprint-web';
+import { Collaborator } from '../../../types';
+export interface CollaboratorAvatarProps {
+    collaborator: Collaborator;
+    isBadgeable?: boolean;
+    size?: AvatarProps['size'];
+}
+export declare function CollaboratorAvatar({ collaborator, isBadgeable, size }: CollaboratorAvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/unified-share-form-modal/collaborators-view/collaborator-list-item.d.ts

@@ -0,0 +1,5 @@
+import { Collaborator } from '../../../types';
+export interface CollaboratorListItemProps {
+    collaborator: Collaborator;
+}
+export declare function CollaboratorListItem({ collaborator }: CollaboratorListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/unified-share-form-modal/collaborators-view/collaborators-view.d.ts

@@ -0,0 +1 @@
+export declare function CollaboratorsView(): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/unified-share-form-modal/collaborators-view/index.d.ts

@@ -0,0 +1 @@
+export * from './collaborators-view';

package/dist/types/lib/components/unified-share-form-modal/collaborators-view/messages.d.ts

@@ -0,0 +1,43 @@
+declare const messages: {
+    closeButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    doneButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    manageAllLink: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    listLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    nameColumn: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    roleColumn: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    expiresBadge: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    pendingRole: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};
+export default messages;

package/dist/types/lib/components/unified-share-form-modal/index.d.ts

@@ -0,0 +1 @@
+export * from './unified-share-form-modal';

package/dist/types/lib/components/unified-share-form-modal/messages.d.ts

@@ -0,0 +1,58 @@
+declare const messages: {
+    title: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    closeButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    loadingLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    ownerRole: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    coOwnerRole: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    editorRole: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    viewerUploaderRole: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    previewerUploaderRole: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    viewerRole: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    previewerRole: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    uploaderRole: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};
+export default messages;

package/dist/types/lib/components/unified-share-form-modal/shared-link-section/index.d.ts

@@ -0,0 +1 @@
+export * from './shared-link-section';

package/dist/types/lib/components/unified-share-form-modal/shared-link-section/messages.d.ts

@@ -0,0 +1,118 @@
+declare const messages: {
+    shareLinkLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    sharedLinkToggleLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    sharedLinkToggleTooltip: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    sharedLinkSettingsLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    sharedLinkUrlLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    sharedLinkEmailLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    expirationIconLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    expirationIconTooltip: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    openAccessLevelLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    openAccessLevelDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    companyAccessLevelLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    companyAccessLevelDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    enterpriseAccessLevelLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    enterpriseAccessLevelDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    collaboratorsAccessLevelLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    collaboratorsAccessLevelDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    fileAccessLevelItem: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    folderAccessLevelItem: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    hubsAccessLevelItem: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    disabledAccessLevelTooltip: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    autoCreateCopyErrorNoticeText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    autoCreateCopySuccessNoticeText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    autoCopySuccessNoticeText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};
+export default messages;

package/dist/types/lib/components/unified-share-form-modal/shared-link-section/shared-link-access.d.ts

@@ -0,0 +1 @@
+export declare function SharedLinkAccess(): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/unified-share-form-modal/shared-link-section/shared-link-permission.d.ts

@@ -0,0 +1 @@
+export declare function SharedLinkPermission(): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/unified-share-form-modal/shared-link-section/shared-link-section.d.ts

@@ -0,0 +1 @@
+export declare function SharedLinkSection(): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/unified-share-form-modal/stories/shared.d.ts

@@ -0,0 +1,15 @@
+import { UnifiedShareModalContextValue } from '../../../contexts';
+export declare const contacts: ({
+    email: string;
+    id: number;
+    name: string;
+    value: string;
+    type: string;
+} | {
+    email: string;
+    id: number;
+    isExternalUser: boolean;
+    name: string;
+    value: string;
+})[];
+export declare const UnifiedShareFormModalTemplate: ({ sharingService, ...props }: UnifiedShareModalContextValue) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/unified-share-form-modal/unified-share-form-modal.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { ModalViewType } from '../../types';
+export interface UnifiedShareFormModalProps {
+    children?: ReactElement;
+    isOpen?: boolean;
+    onModalViewChange?: (view: ModalViewType) => void;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function UnifiedShareFormModal({ children, isOpen, onOpenChange, onModalViewChange, }: UnifiedShareFormModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/unified-share-form-modal/unified-share-form.d.ts

@@ -0,0 +1 @@
+export declare function UnifiedShareForm(): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/constants.d.ts

@@ -0,0 +1,7 @@
+import { AccessLevelType, Configuration, NotificationType } from './types';
+export declare const DEFAULT_NOTIFICATIONS: NotificationType[];
+export declare const DEFAULT_CONFIGURATION: Configuration;
+export declare const SUPPORTED_INVITATION_ROLES: string[];
+export declare const SUPPORTED_COLLABORATOR_ROLES: string[];
+export declare const SUPPORTED_ACCESS_LEVELS: AccessLevelType[];
+export declare const COLLABORATION_MESSAGE_CHARACTER_LIMIT = 256;

package/dist/types/lib/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './unified-share-form-context';
+export * from './unified-share-modal-context';

package/dist/types/lib/contexts/unified-share-form-context.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { UserContactType } from '@box/user-selector';
+import { CollaborationRole, ModalViewType, ShareViewType } from '../types';
+export interface UnifiedShareFormContextValue extends Omit<UnifiedShareFormProviderProps, 'children'> {
+    collaborationRole?: CollaborationRole;
+    contactValue?: string;
+    messageValue?: string;
+    setCollaborationRole?: (value: CollaborationRole) => void;
+    setContactValue?: (value: string) => void;
+    setMessageValue?: (value: string) => void;
+    setUserContacts?: (value: UserContactType[]) => void;
+    userContacts?: UserContactType[];
+}
+export declare const UnifiedShareFormContext: import('react').Context<UnifiedShareFormContextValue>;
+export declare const useUnifiedShareFormContext: () => UnifiedShareFormContextValue;
+interface UnifiedShareFormProviderProps {
+    children: ReactNode;
+    container?: HTMLDivElement | null;
+    onModalOpenChange?: (open: boolean) => void;
+    onModalViewChange?: (view: ModalViewType) => void;
+    onShareViewChange?: (view: ShareViewType) => void;
+    shareView?: ShareViewType;
+}
+export declare const UnifiedShareFormProvider: ({ children, container, onModalOpenChange, onModalViewChange, onShareViewChange, shareView, }: UnifiedShareFormProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/contexts/unified-share-modal-context.d.ts

@@ -0,0 +1,16 @@
+import { CollaborationRole, Collaborator, Configuration, ContactService, EventService, Item, SharedLink, SharingService, User } from '../types';
+export interface UnifiedShareModalContextValue {
+    collaborationRoles?: CollaborationRole[];
+    collaborators?: Collaborator[];
+    config?: Configuration;
+    contactService?: ContactService;
+    currentUser?: Partial<User>;
+    eventService?: EventService;
+    isFetching?: boolean;
+    isSubmitting?: boolean;
+    item?: Item;
+    sharedLink?: Partial<SharedLink>;
+    sharingService?: SharingService;
+}
+export declare const UnifiedShareModalContext: import('react').Context<UnifiedShareModalContextValue>;
+export declare const useUnifiedShareModalContext: () => UnifiedShareModalContextValue;

package/dist/types/lib/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './use-access-levels';
+export * from './use-collaboration-form';
+export * from './use-form-validation';
+export * from './use-link-settings-form';
+export * from './use-sharing-action';

package/dist/types/lib/hooks/use-access-levels.d.ts

@@ -0,0 +1,6 @@
+import { AccessLevel } from '../types';
+declare const useAccessLevels: () => {
+    allowedLevels: AccessLevel[];
+    selectedAccess: AccessLevel;
+};
+export { useAccessLevels };

package/dist/types/lib/hooks/use-collaboration-form.d.ts

@@ -0,0 +1,10 @@
+import { UserContactType } from '@box/user-selector';
+export declare const useCollaborationForm: (formAction: any, formNotification: any) => {
+    errors: import('./use-form-validation').FormErrors;
+    handleFormReset: () => void;
+    handleFormSubmit: () => Promise<boolean>;
+    handleSelectedUsersChange: (users: UserContactType[]) => Promise<void>;
+    handleUserSelectorBlur: (event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>) => void;
+    isFormSubmitting: boolean;
+    updateContactValue: (input: string) => void;
+};

package/dist/types/lib/hooks/use-form-validation.d.ts

@@ -0,0 +1,18 @@
+import { UserContactType } from '@box/user-selector';
+import { DateValue } from '../types';
+export interface ValidationData {
+    expiration?: DateValue | string;
+    vanityName?: string;
+}
+export type Error = string | undefined;
+export type FormErrors = {
+    [key: string | undefined]: Error;
+};
+export declare const useFormValidation: () => {
+    errors: FormErrors;
+    validateExpiration: (expiration: DateValue) => boolean;
+    validateVanityName: (vanityName: string) => boolean;
+    validateUserContact: (user: string) => boolean;
+    validateUserSelector: (users: UserContactType[]) => boolean;
+    setFieldError: (field: any, error: any) => void;
+};

package/dist/types/lib/hooks/use-link-settings-form.d.ts

@@ -0,0 +1,10 @@
+import { LinkSettingsFormData } from '../types';
+export declare const useLinkSettingsForm: (initialFormData: LinkSettingsFormData) => {
+    errors: import('./use-form-validation').FormErrors;
+    formData: LinkSettingsFormData;
+    handleFormReset: () => void;
+    handleFormSubmit: () => Promise<boolean>;
+    isUpdating: boolean;
+    setFieldError: (field: any, error: any) => void;
+    setFieldValue: (field: any, value: any) => void;
+};

package/dist/types/lib/hooks/use-sharing-action.d.ts

@@ -0,0 +1,7 @@
+import { NotificationType, SharingService } from '../types';
+type SharingAction = (...args: unknown[]) => ReturnType<SharingService[keyof SharingService]>;
+export declare const useSharingAction: (action?: SharingAction, notification?: NotificationType) => {
+    onAction: (...args: Parameters<SharingAction>) => Promise<void>;
+    isLoading: boolean;
+};
+export {};

package/dist/types/lib/messages.d.ts

@@ -0,0 +1,83 @@
+declare const messages: {
+    noticeCloseLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    successNoticeIcon: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    errorNoticeIcon: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    defaultErrorNoticeText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    deleteSharedLinkSuccessNoticeText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    deleteSharedLinkErrorNoticeText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    updateSharedLinkSuccessNoticeText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    createSharedLinkSuccessNoticeText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    createSharedLinkErrorNoticeText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    autoCopySharedLinkErrorNoticeText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    vanityNameInvalidErrorMessage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    vanityNameRequiredErrorMessage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    expirationRequiredErrorMessage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    expirationFutureDateRequiredErrorMessage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    invalidEmailErrorMessage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    emailRequiredErrorMessage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};
+export default messages;

package/dist/types/lib/store.d.ts

@@ -0,0 +1,21 @@
+import { UserContactType } from '@box/user-selector';
+type ModalView = 'default' | 'collaborators' | 'sharedLink';
+export interface StoreContext {
+    currentView: ModalView;
+    collaborators: UserContactType[];
+    emailMessage: string;
+}
+export declare const store: import('@xstate/store').Store<StoreContext, import('@xstate/store').ExtractEvents<{
+    changeView: {
+        view: ModalView;
+    };
+    changeCollaborators: {
+        collaborators: UserContactType[];
+    };
+    changeEmailMessage: {
+        emailMessage: string;
+    };
+}>, {
+    type: string;
+}>;
+export {};

package/dist/types/lib/stories/shared.d.ts

@@ -0,0 +1,22 @@
+import { UnifiedShareModalProps } from '../unified-share-modal';
+import { CollaborationRole, Collaborator, Configuration, Item, NotificationType, Permissions, SharedLink } from '../types';
+export declare const mockCollaborationRoles: CollaborationRole[];
+export declare const mockCollaborators: Collaborator[];
+export declare const mockConfiguration: Configuration;
+export declare const mockCustomNotice: import("react/jsx-runtime").JSX.Element;
+export declare const mockBoxFile: Item;
+export declare const mockBoxFolder: Item;
+export declare const mockPermissions: Permissions;
+export declare const mockSharedLink: SharedLink;
+export declare const useMockSharedLink: (initialSharedLink: any) => {
+    sharedLink: SharedLink;
+    sharingService: {
+        createSharedLink: () => Promise<void>;
+        deleteSharedLink: () => Promise<void>;
+        updateSharedLink: () => Promise<void>;
+    };
+};
+export declare const mockDefaultNotification: NotificationType[];
+export declare const mockDefaultConfiguration: Configuration;
+export declare const defaultArgs: UnifiedShareModalProps;
+export declare const UnifiedShareModalTemplate: (props: UnifiedShareModalProps) => import("react/jsx-runtime").JSX.Element;