box-ui-elements 15.0.0-beta.7 → 15.0.0
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/CONTRIBUTING.md +3 -1
- package/dist/explorer.css +1 -1
- package/dist/explorer.js +58 -26
- package/dist/openwith.css +1 -1
- package/dist/openwith.js +10 -17
- package/dist/picker.css +1 -1
- package/dist/picker.js +12 -19
- package/dist/preview.css +1 -1
- package/dist/preview.js +56 -24
- package/dist/sharing.css +1 -1
- package/dist/sharing.js +54 -22
- package/dist/sidebar.css +1 -1
- package/dist/sidebar.js +56 -24
- package/dist/uploader.css +1 -1
- package/dist/uploader.js +12 -19
- package/es/api/uploads/UploadsReachability.js.flow +2 -2
- package/es/api/uploads/UploadsReachability.js.map +1 -1
- package/es/common/messages.js +4 -0
- package/es/common/messages.js.flow +5 -0
- package/es/common/messages.js.map +1 -1
- package/es/common/types/core.js.flow +2 -0
- package/es/common/types/core.js.map +1 -1
- package/es/components/avatar/UnknownUserAvatar.js +6 -9
- package/es/components/avatar/UnknownUserAvatar.js.map +1 -1
- package/es/components/close-button/CloseButton.js +24 -0
- package/es/components/close-button/CloseButton.js.flow +26 -0
- package/es/components/close-button/CloseButton.js.map +1 -0
- package/es/components/close-button/CloseButton.scss +10 -0
- package/es/components/close-button/CloseButton.stories.js +14 -0
- package/es/components/close-button/CloseButton.stories.js.map +1 -0
- package/es/components/close-button/index.js +2 -0
- package/es/components/close-button/index.js.flow +2 -0
- package/es/components/close-button/index.js.map +1 -0
- package/es/components/date-picker/AccessiblePikaday.js +113 -0
- package/es/components/date-picker/AccessiblePikaday.js.map +1 -0
- package/es/components/date-picker/DatePicker.js +426 -106
- package/es/components/date-picker/DatePicker.js.map +1 -1
- package/es/components/date-picker/DatePicker.scss +32 -22
- package/es/components/date-picker/DatePicker.stories.js +10 -0
- package/es/components/date-picker/DatePicker.stories.js.map +1 -1
- package/es/components/date-picker/_pikaday.scss +8 -2
- package/es/components/flyout/Flyout.js +13 -3
- package/es/components/flyout/Flyout.js.flow +14 -3
- package/es/components/flyout/Flyout.js.map +1 -1
- package/es/components/flyout/Flyout.scss +40 -0
- package/es/components/flyout/FlyoutContext.js +6 -0
- package/es/components/flyout/FlyoutContext.js.flow +9 -0
- package/es/components/flyout/FlyoutContext.js.map +1 -0
- package/es/components/flyout/OverlayHeader.js +33 -0
- package/es/components/flyout/OverlayHeader.js.map +1 -0
- package/es/components/flyout/OverlayHeader.scss +9 -0
- package/es/components/flyout/_variables.scss +1 -0
- package/es/components/flyout/index.js +2 -0
- package/es/components/flyout/index.js.flow +2 -0
- package/es/components/flyout/index.js.map +1 -1
- package/es/components/image-tooltip/ImageTooltip.js +1 -2
- package/es/components/image-tooltip/ImageTooltip.js.map +1 -1
- package/es/components/media-query/constants.js +26 -0
- package/es/components/media-query/constants.js.flow +32 -0
- package/es/components/media-query/constants.js.map +1 -0
- package/es/components/media-query/index.js +3 -0
- package/es/components/media-query/index.js.flow +4 -0
- package/es/components/media-query/index.js.map +1 -0
- package/es/components/media-query/stories/MediaQuery.stories.js +37 -0
- package/es/components/media-query/stories/MediaQuery.stories.js.flow +80 -0
- package/es/components/media-query/stories/MediaQuery.stories.js.map +1 -0
- package/es/components/media-query/types.js +2 -0
- package/es/components/media-query/types.js.flow +29 -0
- package/es/components/media-query/types.js.map +1 -0
- package/es/components/media-query/useMediaQuery.js +91 -0
- package/es/components/media-query/useMediaQuery.js.flow +97 -0
- package/es/components/media-query/useMediaQuery.js.map +1 -0
- package/es/components/media-query/withMediaQuery.js +21 -0
- package/es/components/media-query/withMediaQuery.js.flow +23 -0
- package/es/components/media-query/withMediaQuery.js.map +1 -0
- package/es/components/modal/Modal.scss +27 -0
- package/es/components/preview/previewIcons.js +4 -0
- package/es/components/preview/previewIcons.js.map +1 -1
- package/es/components/search-form/SearchForm.scss +0 -5
- package/es/components/selector-dropdown/SelectorDropdown.js +5 -3
- package/es/components/selector-dropdown/SelectorDropdown.js.flow +3 -3
- package/es/components/selector-dropdown/SelectorDropdown.js.map +1 -1
- package/es/components/tab-view/Tabs.scss +0 -4
- package/es/components/tooltip/Tooltip.js +21 -4
- package/es/components/tooltip/Tooltip.js.map +1 -1
- package/es/constants.js +1 -0
- package/es/constants.js.flow +1 -0
- package/es/constants.js.map +1 -1
- package/es/elements/content-open-with/IconFileMap.js +0 -2
- package/es/elements/content-open-with/IconFileMap.js.flow +0 -2
- package/es/elements/content-open-with/IconFileMap.js.map +1 -1
- package/es/elements/content-sidebar/Sidebar.js +2 -1
- package/es/elements/content-sidebar/Sidebar.js.flow +1 -1
- package/es/elements/content-sidebar/Sidebar.js.map +1 -1
- package/es/elements/content-sidebar/activity-feed/common/delete-confirmation/DeleteConfirmation.scss +3 -3
- package/es/elements/content-sidebar/activity-feed/task-form/TaskForm.js +14 -4
- package/es/elements/content-sidebar/activity-feed/task-form/TaskForm.js.flow +18 -5
- package/es/elements/content-sidebar/activity-feed/task-form/TaskForm.js.map +1 -1
- package/es/elements/content-sidebar/versions/StaticVersionSidebar.js +78 -0
- package/es/elements/content-sidebar/versions/StaticVersionSidebar.js.flow +97 -0
- package/es/elements/content-sidebar/versions/StaticVersionSidebar.js.map +1 -0
- package/es/elements/content-sidebar/versions/StaticVersionsSidebar.scss +67 -0
- package/es/elements/content-sidebar/versions/VersionsSidebar.js +12 -4
- package/es/elements/content-sidebar/versions/VersionsSidebar.js.flow +16 -3
- package/es/elements/content-sidebar/versions/VersionsSidebar.js.map +1 -1
- package/es/elements/content-sidebar/versions/VersionsSidebar.scss +5 -0
- package/es/elements/content-sidebar/versions/VersionsSidebarContainer.js +42 -10
- package/es/elements/content-sidebar/versions/VersionsSidebarContainer.js.flow +42 -7
- package/es/elements/content-sidebar/versions/VersionsSidebarContainer.js.map +1 -1
- package/es/elements/content-sidebar/versions/flowTypes.js.flow +1 -0
- package/es/elements/content-sidebar/versions/messages.js +20 -0
- package/es/elements/content-sidebar/versions/messages.js.flow +28 -0
- package/es/elements/content-sidebar/versions/messages.js.map +1 -1
- package/es/features/classification/constants.js +2 -1
- package/es/features/classification/constants.js.flow +2 -0
- package/es/features/classification/constants.js.map +1 -1
- package/es/features/classification/flowTypes.js +1 -0
- package/es/features/classification/flowTypes.js.flow +7 -1
- package/es/features/classification/flowTypes.js.map +1 -1
- package/es/features/classification/security-controls/SecurityControls.js +3 -4
- package/es/features/classification/security-controls/SecurityControls.js.flow +3 -4
- package/es/features/classification/security-controls/SecurityControls.js.map +1 -1
- package/es/features/classification/security-controls/SecurityControlsItem.js +1 -1
- package/es/features/classification/security-controls/SecurityControlsItem.js.flow +20 -17
- package/es/features/classification/security-controls/SecurityControlsItem.js.map +1 -1
- package/es/features/classification/security-controls/SecurityControlsItem.scss +4 -0
- package/es/features/classification/security-controls/SecurityControlsModal.js +2 -2
- package/es/features/classification/security-controls/SecurityControlsModal.js.flow +2 -2
- package/es/features/classification/security-controls/SecurityControlsModal.js.map +1 -1
- package/es/features/classification/security-controls/messages.js +4 -0
- package/es/features/classification/security-controls/messages.js.flow +5 -0
- package/es/features/classification/security-controls/messages.js.map +1 -1
- package/es/features/classification/security-controls/utils.js +56 -35
- package/es/features/classification/security-controls/utils.js.flow +51 -27
- package/es/features/classification/security-controls/utils.js.map +1 -1
- package/es/features/collapsible-sidebar/CollapsibleSidebar.js +9 -3
- package/es/features/collapsible-sidebar/CollapsibleSidebar.js.flow +13 -5
- package/es/features/collapsible-sidebar/CollapsibleSidebar.js.map +1 -1
- package/es/features/collapsible-sidebar/CollapsibleSidebar.scss +35 -3
- package/es/features/content-explorer/content-explorer/ContentExplorer.scss +1 -1
- package/es/features/content-explorer/item-list/ItemList.js +1 -0
- package/es/features/content-explorer/item-list/ItemList.js.flow +1 -0
- package/es/features/content-explorer/item-list/ItemList.js.map +1 -1
- package/es/features/content-explorer/item-list/ItemListName.js +13 -2
- package/es/features/content-explorer/item-list/ItemListName.js.flow +3 -2
- package/es/features/content-explorer/item-list/ItemListName.js.map +1 -1
- package/es/features/header-flyout/HeaderFlyout.js +8 -10
- package/es/features/header-flyout/HeaderFlyout.js.flow +4 -8
- package/es/features/header-flyout/HeaderFlyout.js.map +1 -1
- package/es/features/header-flyout/styles/HeaderFlyout.scss +54 -15
- package/es/features/header-flyout/styles/_variables.scss +4 -0
- package/es/features/message-center/components/message-center-modal/MessageCenterModal.js +1 -0
- package/es/features/message-center/components/message-center-modal/MessageCenterModal.js.flow +1 -0
- package/es/features/message-center/components/message-center-modal/MessageCenterModal.js.map +1 -1
- package/es/features/presence/PresenceCollaborator.js +90 -0
- package/es/features/presence/PresenceCollaborator.js.flow +81 -0
- package/es/features/presence/PresenceCollaborator.js.map +1 -0
- package/es/features/presence/PresenceCollaborator.scss +28 -0
- package/es/features/presence/PresenceCollaboratorsList.js +9 -57
- package/es/features/presence/PresenceCollaboratorsList.js.flow +7 -58
- package/es/features/presence/PresenceCollaboratorsList.js.map +1 -1
- package/es/features/presence/PresenceCollaboratorsList.scss +8 -35
- package/es/features/quick-search/QuickSearch.js +4 -2
- package/es/features/quick-search/QuickSearch.js.flow +13 -1
- package/es/features/quick-search/QuickSearch.js.map +1 -1
- package/es/features/unified-share-modal/SharedLinkSection.js +9 -20
- package/es/features/unified-share-modal/SharedLinkSection.js.flow +6 -27
- package/es/features/unified-share-modal/SharedLinkSection.js.map +1 -1
- package/es/features/unified-share-modal/UnifiedShareForm.js +95 -53
- package/es/features/unified-share-modal/UnifiedShareForm.js.flow +70 -14
- package/es/features/unified-share-modal/UnifiedShareForm.js.map +1 -1
- package/es/features/unified-share-modal/UnifiedShareModal.scss +3 -0
- package/es/features/unified-share-modal/flowTypes.js.flow +6 -0
- package/es/features/unified-share-modal/flowTypes.js.map +1 -1
- package/es/features/unified-share-modal/messages.js +8 -0
- package/es/features/unified-share-modal/messages.js.flow +10 -0
- package/es/features/unified-share-modal/messages.js.map +1 -1
- package/es/features/unified-share-modal/utils/mergeContacts.js +13 -10
- package/es/features/unified-share-modal/utils/mergeContacts.js.flow +4 -2
- package/es/features/unified-share-modal/utils/mergeContacts.js.map +1 -1
- package/es/icon/content/FileXbd32.js +39 -0
- package/es/icon/content/FileXbd32.js.flow +38 -0
- package/es/icon/content/FileXbd32.js.map +1 -0
- package/es/icon/content/FileXbd32.stories.js +13 -0
- package/es/icon/content/FileXbd32.stories.js.map +1 -0
- package/es/icon/content/FileXdw32.js +39 -0
- package/es/icon/content/FileXdw32.js.flow +38 -0
- package/es/icon/content/FileXdw32.js.map +1 -0
- package/es/icon/content/FileXdw32.stories.js +13 -0
- package/es/icon/content/FileXdw32.stories.js.map +1 -0
- package/es/icon/content/RetentionPolicyModifiable32.js +36 -0
- package/es/icon/content/RetentionPolicyModifiable32.js.flow +31 -0
- package/es/icon/content/RetentionPolicyModifiable32.js.map +1 -0
- package/es/icon/content/RetentionPolicyModifiable32.stories.js +13 -0
- package/es/icon/content/RetentionPolicyModifiable32.stories.js.map +1 -0
- package/es/icon/content/RetentionPolicyNonModifiable32.js +36 -0
- package/es/icon/content/RetentionPolicyNonModifiable32.js.flow +31 -0
- package/es/icon/content/RetentionPolicyNonModifiable32.js.map +1 -0
- package/es/icon/content/RetentionPolicyNonModifiable32.stories.js +13 -0
- package/es/icon/content/RetentionPolicyNonModifiable32.stories.js.map +1 -0
- package/es/icons/avatars/UnknownUserAvatar.js +10 -34
- package/es/icons/avatars/UnknownUserAvatar.js.map +1 -1
- package/es/icons/file-icon/FileIcon.js +8 -2
- package/es/icons/file-icon/FileIcon.js.flow +2 -2
- package/es/icons/file-icon/FileIcon.js.map +1 -1
- package/es/icons/general/IconSearch.js +1 -1
- package/es/icons/general/IconSearch.js.flow +1 -1
- package/es/icons/general/IconSearch.js.map +1 -1
- package/es/icons/general/IconSearchJuicy.js +30 -0
- package/es/icons/general/IconSearchJuicy.js.flow +26 -0
- package/es/icons/general/IconSearchJuicy.js.map +1 -0
- package/es/icons/google-docs/IconGoogle.js +89 -0
- package/es/icons/google-docs/IconGoogle.js.flow +57 -0
- package/es/icons/google-docs/IconGoogle.js.map +1 -0
- package/es/icons/item-icon/ItemIcon.js +4 -0
- package/es/icons/item-icon/ItemIcon.js.map +1 -1
- package/es/icons/microsoft-office/IconOffice.js +80 -0
- package/es/icons/microsoft-office/IconOffice.js.flow +45 -0
- package/es/icons/microsoft-office/IconOffice.js.map +1 -0
- package/es/illustration/EmailVerification140.js +111 -0
- package/es/illustration/EmailVerification140.js.flow +102 -0
- package/es/illustration/EmailVerification140.js.map +1 -0
- package/es/illustration/EmailVerification140.stories.js +13 -0
- package/es/illustration/EmailVerification140.stories.js.map +1 -0
- package/es/src/components/close-button/CloseButton.d.ts +9 -0
- package/es/src/components/close-button/CloseButton.stories.d.ts +9 -0
- package/es/src/components/close-button/__tests__/CloseButton.stories.test.d.ts +0 -0
- package/es/src/components/close-button/__tests__/CloseButton.test.d.ts +1 -0
- package/es/src/components/close-button/index.d.ts +1 -0
- package/es/src/components/date-picker/AccessiblePikaday.d.ts +16 -0
- package/es/src/components/date-picker/DatePicker.d.ts +33 -6
- package/es/src/components/date-picker/DatePicker.stories.d.ts +2 -1
- package/es/src/components/flyout/OverlayHeader.d.ts +10 -0
- package/es/src/components/tooltip/Tooltip.d.ts +4 -3
- package/es/src/icon/content/FileXbd32.d.ts +13 -0
- package/es/src/icon/content/FileXbd32.stories.d.ts +9 -0
- package/es/src/icon/content/FileXdw32.d.ts +13 -0
- package/es/src/icon/content/FileXdw32.stories.d.ts +9 -0
- package/es/src/icon/content/RetentionPolicyModifiable32.d.ts +13 -0
- package/es/src/icon/content/RetentionPolicyModifiable32.stories.d.ts +9 -0
- package/es/src/icon/content/RetentionPolicyNonModifiable32.d.ts +13 -0
- package/es/src/icon/content/RetentionPolicyNonModifiable32.stories.d.ts +9 -0
- package/es/src/icons/avatars/UnknownUserAvatar.d.ts +0 -1
- package/es/src/icons/general/IconSearchJuicy.d.ts +3 -0
- package/es/src/icons/general/__tests__/IconSearchJuicy.test.d.ts +1 -0
- package/es/src/icons/google-docs/IconGoogle.d.ts +12 -0
- package/es/src/icons/google-docs/__tests__/IconGoogle.test.d.ts +1 -0
- package/es/src/icons/item-icon/ItemIcon.d.ts +2 -0
- package/es/src/icons/microsoft-office/IconOffice.d.ts +12 -0
- package/es/src/icons/microsoft-office/__tests__/IconOffice.test.d.ts +1 -0
- package/es/src/illustration/EmailVerification140.d.ts +13 -0
- package/es/src/illustration/EmailVerification140.stories.d.ts +9 -0
- package/es/src/styles/variables.d.ts +9 -0
- package/es/styles/_variables.scss +1 -0
- package/es/styles/common/_forms.scss +6 -0
- package/es/styles/constants/_layout.scss +3 -0
- package/es/styles/constants/_media-queries.scss +15 -0
- package/es/styles/variables.js +18 -0
- package/es/styles/variables.js.flow +10 -1
- package/es/styles/variables.js.map +1 -1
- package/es/utils/Browser.js +12 -0
- package/es/utils/Browser.js.flow +10 -0
- package/es/utils/Browser.js.map +1 -1
- package/es/utils/validators.js +26 -4
- package/es/utils/validators.js.flow +25 -3
- package/es/utils/validators.js.map +1 -1
- package/i18n/bn-IN.js +12 -0
- package/i18n/bn-IN.properties +24 -0
- package/i18n/da-DK.js +12 -0
- package/i18n/da-DK.properties +24 -0
- package/i18n/de-DE.js +12 -0
- package/i18n/de-DE.properties +24 -0
- package/i18n/en-AU.js +12 -0
- package/i18n/en-AU.properties +24 -0
- package/i18n/en-CA.js +12 -0
- package/i18n/en-CA.properties +24 -0
- package/i18n/en-GB.js +12 -0
- package/i18n/en-GB.properties +24 -0
- package/i18n/en-US.js +12 -0
- package/i18n/en-US.properties +24 -0
- package/i18n/en-x-pseudo.js +12 -0
- package/i18n/es-419.js +12 -0
- package/i18n/es-419.properties +24 -0
- package/i18n/es-ES.js +12 -0
- package/i18n/es-ES.properties +24 -0
- package/i18n/fi-FI.js +12 -0
- package/i18n/fi-FI.properties +24 -0
- package/i18n/fr-CA.js +12 -0
- package/i18n/fr-CA.properties +24 -0
- package/i18n/fr-FR.js +12 -0
- package/i18n/fr-FR.properties +24 -0
- package/i18n/hi-IN.js +12 -0
- package/i18n/hi-IN.properties +24 -0
- package/i18n/it-IT.js +12 -0
- package/i18n/it-IT.properties +24 -0
- package/i18n/ja-JP.js +25 -13
- package/i18n/ja-JP.properties +37 -13
- package/i18n/ko-KR.js +12 -0
- package/i18n/ko-KR.properties +24 -0
- package/i18n/nb-NO.js +12 -0
- package/i18n/nb-NO.properties +24 -0
- package/i18n/nl-NL.js +12 -0
- package/i18n/nl-NL.properties +24 -0
- package/i18n/pl-PL.js +12 -0
- package/i18n/pl-PL.properties +24 -0
- package/i18n/pt-BR.js +12 -0
- package/i18n/pt-BR.properties +24 -0
- package/i18n/ru-RU.js +12 -0
- package/i18n/ru-RU.properties +24 -0
- package/i18n/sv-SE.js +12 -0
- package/i18n/sv-SE.properties +24 -0
- package/i18n/tr-TR.js +12 -0
- package/i18n/tr-TR.properties +24 -0
- package/i18n/zh-CN.js +12 -0
- package/i18n/zh-CN.properties +24 -0
- package/i18n/zh-TW.js +12 -0
- package/i18n/zh-TW.properties +24 -0
- package/package.json +8 -5
- package/src/__mocks__/pikaday.js +1 -0
- package/src/api/__tests__/MockOpenWithData.json +2 -25
- package/src/api/uploads/UploadsReachability.js +2 -2
- package/src/common/messages.js +5 -0
- package/src/common/types/core.js +2 -0
- package/src/components/avatar/UnknownUserAvatar.tsx +5 -4
- package/src/components/close-button/CloseButton.js.flow +26 -0
- package/src/components/close-button/CloseButton.scss +10 -0
- package/src/components/close-button/CloseButton.stories.md +1 -0
- package/src/components/close-button/CloseButton.stories.tsx +14 -0
- package/src/components/close-button/CloseButton.tsx +30 -0
- package/src/components/close-button/__tests__/CloseButton.stories.test.tsx +6 -0
- package/src/components/close-button/__tests__/CloseButton.test.tsx +40 -0
- package/src/components/close-button/__tests__/__image_snapshots__/close-button-stories-test-tsx-components-close-button-close-button-looks-visually-correct-when-using-story-components-buttons-closebutton-regular-1-snap.png +0 -0
- package/src/components/close-button/index.js.flow +2 -0
- package/src/components/close-button/index.ts +1 -0
- package/src/components/date-picker/AccessiblePikaday.ts +79 -0
- package/src/components/date-picker/DatePicker.scss +32 -22
- package/src/components/date-picker/DatePicker.stories.tsx +6 -0
- package/src/components/date-picker/DatePicker.tsx +350 -64
- package/src/components/date-picker/__tests__/DatePicker.test.tsx +44 -2
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-allows-editing-in-story-components-datepicker-manually-editable-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-allows-keyboard-selection-in-components-datepicker-always-visible-with-custom-input-field-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-closes-calendar-and-clears-date-for-components-datepicker-basic-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-looks-visually-correct-when-using-story-components-datepicker-always-visible-with-custom-input-field-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-looks-visually-correct-when-using-story-components-datepicker-basic-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-looks-visually-correct-when-using-story-components-datepicker-custom-error-tooltip-position-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-looks-visually-correct-when-using-story-components-datepicker-disabled-with-error-message-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-looks-visually-correct-when-using-story-components-datepicker-manually-editable-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-looks-visually-correct-when-using-story-components-datepicker-with-description-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-looks-visually-correct-when-using-story-components-datepicker-with-limited-date-range-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-looks-visually-correct-when-using-story-components-datepicker-with-range-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-reflects-changes-in-components-datepicker-always-visible-with-custom-input-field-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-shows-calendar-and-date-for-components-datepicker-basic-1-snap.png +0 -0
- package/src/components/date-picker/__tests__/__image_snapshots__/date-picker-stories-test-tsx-components-date-picker-date-picker-shows-limited-range-in-components-datepicker-with-limited-date-range-1-snap.png +0 -0
- package/src/components/date-picker/_pikaday.scss +8 -2
- package/src/components/flyout/Flyout.js +14 -3
- package/src/components/flyout/Flyout.scss +40 -0
- package/src/components/flyout/FlyoutContext.js +9 -0
- package/src/components/flyout/OverlayHeader.scss +9 -0
- package/src/components/flyout/OverlayHeader.tsx +38 -0
- package/src/components/flyout/__tests__/Flyout.test.js +15 -0
- package/src/components/flyout/__tests__/OverlayHeader.test.js +56 -0
- package/src/components/flyout/_variables.scss +1 -0
- package/src/components/flyout/index.js +2 -0
- package/src/components/image-tooltip/ImageTooltip.tsx +1 -2
- package/src/components/media-query/__tests__/useMediaQuery.test.js +48 -0
- package/src/components/media-query/__tests__/withMediaQuery.test.js +29 -0
- package/src/components/media-query/constants.js +32 -0
- package/src/components/media-query/index.js +4 -0
- package/src/components/media-query/stories/MediaQuery.stories.js +80 -0
- package/src/components/media-query/stories/MediaQuery.stories.md +29 -0
- package/src/components/media-query/types.js +29 -0
- package/src/components/media-query/useMediaQuery.js +97 -0
- package/src/components/media-query/withMediaQuery.js +23 -0
- package/src/components/modal/Modal.scss +27 -0
- package/src/components/modal/__tests__/Modal.stories.test.js +10 -0
- package/src/components/modal/__tests__/__image_snapshots__/modal-stories-test-js-components-modal-modal-looks-visually-correct-for-small-screens-when-button-is-clicked-in-story-components-modal-basic-1-snap.png +0 -0
- package/src/components/modal/__tests__/__image_snapshots__/modal-stories-test-js-components-modal-modal-looks-visually-correct-for-small-screens-when-button-is-clicked-in-story-components-modal-with-custom-backdrop-click-handler-1-snap.png +0 -0
- package/src/components/preview/previewIcons.ts +4 -0
- package/src/components/search-form/SearchForm.scss +0 -5
- package/src/components/selector-dropdown/SelectorDropdown.js +3 -3
- package/src/components/selector-dropdown/__tests__/SelectorDropdown.test.js +5 -1
- package/src/components/sidebar-toggle-button/__tests__/__snapshots__/SidebarToggleButton.test.js.snap +0 -8
- package/src/components/tab-view/Tabs.scss +0 -4
- package/src/components/tooltip/Tooltip.tsx +20 -5
- package/src/components/tooltip/__tests__/Tooltip.test.tsx +17 -4
- package/src/components/tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap +0 -2
- package/src/constants.js +1 -0
- package/src/elements/content-open-with/IconFileMap.js +0 -2
- package/src/elements/content-open-with/__tests__/ContentOpenWith.test.js +13 -13
- package/src/elements/content-open-with/__tests__/OpenWithButton.test.js +1 -1
- package/src/elements/content-open-with/__tests__/OpenWithDropdownMenu.test.js +1 -5
- package/src/elements/content-open-with/__tests__/OpenWithDropdownMenuItem.test.js +2 -2
- package/src/elements/content-open-with/__tests__/__snapshots__/ContentOpenWith.test.js.snap +5 -5
- package/src/elements/content-open-with/__tests__/__snapshots__/OpenWithButton.test.js.snap +1 -1
- package/src/elements/content-open-with/__tests__/__snapshots__/OpenWithDropdownMenu.test.js.snap +1 -11
- package/src/elements/content-open-with/__tests__/__snapshots__/OpenWithDropdownMenuItem.test.js.snap +4 -3
- package/src/elements/content-sidebar/Sidebar.js +1 -1
- package/src/elements/content-sidebar/__tests__/AddTaskButton.test.js +15 -0
- package/src/elements/content-sidebar/activity-feed/common/delete-confirmation/DeleteConfirmation.scss +3 -3
- package/src/elements/content-sidebar/activity-feed/task-form/TaskForm.js +18 -5
- package/src/elements/content-sidebar/versions/StaticVersionSidebar.js +97 -0
- package/src/elements/content-sidebar/versions/StaticVersionsSidebar.scss +67 -0
- package/src/elements/content-sidebar/versions/VersionsSidebar.js +16 -3
- package/src/elements/content-sidebar/versions/VersionsSidebar.scss +5 -0
- package/src/elements/content-sidebar/versions/VersionsSidebarContainer.js +42 -7
- package/src/elements/content-sidebar/versions/__tests__/VersionsSidebar.test.js +18 -1
- package/src/elements/content-sidebar/versions/__tests__/VersionsSidebarContainer.test.js +51 -2
- package/src/elements/content-sidebar/versions/__tests__/__snapshots__/VersionsSidebarContainer.test.js.snap +75 -0
- package/src/elements/content-sidebar/versions/flowTypes.js +1 -0
- package/src/elements/content-sidebar/versions/messages.js +28 -0
- package/src/features/classification/constants.js +2 -0
- package/src/features/classification/flowTypes.js +7 -1
- package/src/features/classification/security-controls/SecurityControls.js +3 -4
- package/src/features/classification/security-controls/SecurityControlsItem.js +20 -17
- package/src/features/classification/security-controls/SecurityControlsItem.scss +4 -0
- package/src/features/classification/security-controls/SecurityControlsModal.js +2 -2
- package/src/features/classification/security-controls/__tests__/SecurityControlsItem.test.js +10 -0
- package/src/features/classification/security-controls/__tests__/__snapshots__/SecurityControls.test.js.snap +6 -6
- package/src/features/classification/security-controls/__tests__/__snapshots__/SecurityControlsItem.test.js.snap +35 -0
- package/src/features/classification/security-controls/__tests__/__snapshots__/SecurityControlsModal.test.js.snap +2 -2
- package/src/features/classification/security-controls/__tests__/__snapshots__/utils.test.js.snap +20 -0
- package/src/features/classification/security-controls/__tests__/utils.test.js +38 -18
- package/src/features/classification/security-controls/messages.js +5 -0
- package/src/features/classification/security-controls/utils.js +51 -27
- package/src/features/collapsible-sidebar/CollapsibleSidebar.js +13 -5
- package/src/features/collapsible-sidebar/CollapsibleSidebar.scss +35 -3
- package/src/features/collapsible-sidebar/__tests__/CollapsibleSidebar.test.js +35 -0
- package/src/features/collapsible-sidebar/__tests__/__snapshots__/CollapsibleSidebar.test.js.snap +1 -0
- package/src/features/content-explorer/content-explorer/ContentExplorer.scss +1 -1
- package/src/features/content-explorer/item-list/ItemList.js +1 -0
- package/src/features/content-explorer/item-list/ItemListName.js +3 -2
- package/src/features/content-explorer/item-list/__tests__/ItemListName.test.js +16 -2
- package/src/features/header-flyout/HeaderFlyout.js +4 -8
- package/src/features/header-flyout/__tests__/__snapshots__/HeaderFlyout.test.js.snap +14 -11
- package/src/features/header-flyout/styles/HeaderFlyout.scss +54 -15
- package/src/features/header-flyout/styles/_variables.scss +4 -0
- package/src/features/message-center/components/message-center-modal/MessageCenterModal.js +1 -0
- package/src/features/metadata-instance-editor/__tests__/__snapshots__/TemplateDropdown.test.js.snap +7 -0
- package/src/features/pagination/__tests__/__snapshots__/MarkerBasedPagination.test.js.snap +0 -8
- package/src/features/pagination/__tests__/__snapshots__/OffsetBasedPagination.test.js.snap +0 -16
- package/src/features/presence/PresenceCollaborator.js +81 -0
- package/src/features/presence/PresenceCollaborator.scss +28 -0
- package/src/features/presence/PresenceCollaboratorsList.js +7 -58
- package/src/features/presence/PresenceCollaboratorsList.scss +8 -35
- package/src/features/presence/__tests__/PresenceCollaborator.test.js +36 -0
- package/src/features/presence/__tests__/PresenceCollaboratorsList.test.js +13 -57
- package/src/features/presence/__tests__/__snapshots__/Presence.test.js.snap +5 -0
- package/src/features/presence/__tests__/__snapshots__/PresenceLink.test.js.snap +3 -0
- package/src/features/query-bar/__tests__/__snapshots__/ColumnButton.test.js.snap +3 -0
- package/src/features/quick-search/QuickSearch.js +13 -1
- package/src/features/quick-search/__tests__/QuickSearch.test.js +17 -0
- package/src/features/unified-share-modal/SharedLinkSection.js +6 -27
- package/src/features/unified-share-modal/UnifiedShareForm.js +70 -14
- package/src/features/unified-share-modal/UnifiedShareModal.scss +3 -0
- package/src/features/unified-share-modal/__tests__/EmailForm.test.js +9 -0
- package/src/features/unified-share-modal/__tests__/SharedLinkSection.test.js +14 -4
- package/src/features/unified-share-modal/__tests__/UnifiedShareForm.test.js +53 -4
- package/src/features/unified-share-modal/__tests__/__snapshots__/SharedLinkSection.test.js.snap +9 -0
- package/src/features/unified-share-modal/__tests__/__snapshots__/UnifiedShareForm.test.js.snap +0 -159
- package/src/features/unified-share-modal/flowTypes.js +6 -0
- package/src/features/unified-share-modal/messages.js +10 -0
- package/src/features/unified-share-modal/utils/__tests__/mergeContacts.test.js +23 -0
- package/src/features/unified-share-modal/utils/mergeContacts.js +4 -2
- package/src/icon/content/FileXbd32.js.flow +38 -0
- package/src/icon/content/FileXbd32.stories.tsx +13 -0
- package/src/icon/content/FileXbd32.tsx +37 -0
- package/src/icon/content/FileXdw32.js.flow +38 -0
- package/src/icon/content/FileXdw32.stories.tsx +13 -0
- package/src/icon/content/FileXdw32.tsx +37 -0
- package/src/icon/content/RetentionPolicyModifiable32.js.flow +31 -0
- package/src/icon/content/RetentionPolicyModifiable32.stories.tsx +14 -0
- package/src/icon/content/RetentionPolicyModifiable32.tsx +29 -0
- package/src/icon/content/RetentionPolicyNonModifiable32.js.flow +31 -0
- package/src/icon/content/RetentionPolicyNonModifiable32.stories.tsx +14 -0
- package/src/icon/content/RetentionPolicyNonModifiable32.tsx +29 -0
- package/src/icons/adobe-sign/README.md +1 -1
- package/src/icons/avatars/UnknownUserAvatar.tsx +7 -15
- package/src/icons/file-icon/FileIcon.js.flow +2 -2
- package/src/icons/file-icon/FileIcon.tsx +8 -2
- package/src/icons/file-icon/__tests__/FileIcon.test.tsx +28 -69
- package/src/icons/file-icon/__tests__/__snapshots__/FileIcon.test.tsx.snap +48 -34
- package/src/icons/general/IconSearch.js.flow +1 -1
- package/src/icons/general/IconSearch.tsx +1 -1
- package/src/icons/general/IconSearchJuicy.js.flow +26 -0
- package/src/icons/general/IconSearchJuicy.tsx +25 -0
- package/src/icons/general/README.md +5 -0
- package/src/icons/general/__tests__/IconSearchJuicy.test.tsx +38 -0
- package/src/icons/google-docs/IconGoogle.js.flow +57 -0
- package/src/icons/google-docs/IconGoogle.tsx +50 -0
- package/src/icons/google-docs/__tests__/IconGoogle.test.tsx +44 -0
- package/src/icons/item-icon/ItemIcon.tsx +4 -0
- package/src/icons/item-icon/__tests__/ItemIcon.test.tsx +47 -115
- package/src/icons/item-icon/__tests__/__snapshots__/ItemIcon.test.tsx.snap +229 -229
- package/src/icons/microsoft-office/IconOffice.js.flow +45 -0
- package/src/icons/microsoft-office/IconOffice.tsx +38 -0
- package/src/icons/microsoft-office/__tests__/IconOffice.test.tsx +44 -0
- package/src/illustration/EmailVerification140.js.flow +102 -0
- package/src/illustration/EmailVerification140.stories.tsx +13 -0
- package/src/illustration/EmailVerification140.tsx +100 -0
- package/src/styles/_variables.scss +1 -0
- package/src/styles/common/_forms.scss +6 -0
- package/src/styles/constants/_layout.scss +3 -0
- package/src/styles/constants/_media-queries.scss +15 -0
- package/src/styles/variables.js +10 -1
- package/src/styles/variables.json +10 -1
- package/src/styles/variables.ts +9 -0
- package/src/utils/Browser.js +10 -0
- package/src/utils/validators.js +25 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/icons/item-icon/ItemIcon.tsx"],"names":["React","IconFileAudio","IconFileBoxNote","IconFileCode","IconFileDefault","IconFileDwg","IconFileExcelSpreadsheet","IconFileGoogleDocs","IconFileGoogleSheets","IconFileGoogleSlides","IconFileIllustrator","IconFileImage","IconFileIndesign","IconFileKeynote","IconFileNumbers","IconFilePages","IconFilePDF","IconFilePhotoshop","IconFilePowerpointPresentation","IconFilePresentation","IconFileSpreadsheet","IconFileText","IconFileThreeD","IconFileVector","IconFileVideo","IconFileWordDocument","IconFileZip","BookmarkIcon","IconFolderCollab","IconFolderExternal","IconFolderPersonal","itemIconTable","audio","bookmark","boxnote","code","default","document","dwg","illustrator","image","indesign","keynote","numbers","pages","pdf","photoshop","presentation","spreadsheet","text","threed","vector","video","zip","ItemIcon","className","dimension","iconType","title","IconComponent"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAGA,OAAOC,aAAP,MAA0B,gCAA1B;AACA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,OAAOC,YAAP,MAAyB,+BAAzB;AACA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,OAAOC,WAAP,MAAwB,8BAAxB;AACA,OAAOC,wBAAP,MAAqC,gCAArC;AACA,OAAOC,kBAAP,MAA+B,+BAA/B;AACA,OAAOC,oBAAP,MAAiC,iCAAjC;AACA,OAAOC,oBAAP,MAAiC,iCAAjC;AACA,OAAOC,mBAAP,MAAgC,sCAAhC;AACA,OAAOC,aAAP,MAA0B,gCAA1B;AACA,OAAOC,gBAAP,MAA6B,mCAA7B;AACA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,OAAOC,aAAP,MAA0B,gCAA1B;AACA,OAAOC,WAAP,MAAwB,8BAAxB;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,8BAAP,MAA2C,qCAA3C;AACA,OAAOC,oBAAP,MAAiC,uCAAjC;AACA,OAAOC,mBAAP,MAAgC,sCAAhC;AACA,OAAOC,YAAP,MAAyB,+BAAzB;AACA,OAAOC,cAAP,MAA2B,iCAA3B;AACA,OAAOC,cAAP,MAA2B,iCAA3B;AACA,OAAOC,aAAP,MAA0B,gCAA1B;AACA,OAAOC,oBAAP,MAAiC,+BAAjC;AACA,OAAOC,WAAP,MAAwB,8BAAxB;AAEA,OAAOC,YAAP,MAAyB,mCAAzB;AAEA,OAAOC,gBAAP,MAA6B,mCAA7B;AACA,OAAOC,kBAAP,MAA+B,qCAA/B;AACA,OAAOC,kBAAP,MAA+B,qCAA/B;AAEA,IAAMC,aAAa,GAAG;AAClBC,EAAAA,KAAK,
|
|
1
|
+
{"version":3,"sources":["../../../src/icons/item-icon/ItemIcon.tsx"],"names":["React","IconFileAudio","IconFileBoxNote","IconFileCode","IconFileDefault","IconFileDwg","IconFileExcelSpreadsheet","IconFileGoogleDocs","IconFileGoogleSheets","IconFileGoogleSlides","IconFileIllustrator","IconFileImage","IconFileIndesign","IconFileKeynote","IconFileNumbers","IconFilePages","IconFilePDF","IconFilePhotoshop","IconFilePowerpointPresentation","IconFilePresentation","IconFileSpreadsheet","IconFileText","IconFileThreeD","IconFileVector","IconFileVideo","IconFileWordDocument","IconFileXbd","IconFileXdw","IconFileZip","BookmarkIcon","IconFolderCollab","IconFolderExternal","IconFolderPersonal","itemIconTable","audio","bookmark","boxnote","code","default","document","dwg","illustrator","image","indesign","keynote","numbers","pages","pdf","photoshop","presentation","spreadsheet","text","threed","vector","video","zip","ItemIcon","className","dimension","iconType","title","IconComponent"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { SVGProps } from '../../components/accessible-svg/AccessibleSVG';\n\nimport IconFileAudio from '../../icon/content/FileAudio32';\nimport IconFileBoxNote from '../../icon/content/FileBoxNote32';\nimport IconFileCode from '../../icon/content/FileCode32';\nimport IconFileDefault from '../../icon/content/FileDefault32';\nimport IconFileDwg from '../../icon/content/FileDwg32';\nimport IconFileExcelSpreadsheet from '../../icon/content/FileExcel32';\nimport IconFileGoogleDocs from '../../icon/content/FileDocs32';\nimport IconFileGoogleSheets from '../../icon/content/FileSheets32';\nimport IconFileGoogleSlides from '../../icon/content/FileSlides32';\nimport IconFileIllustrator from '../../icon/content/FileIllustrator32';\nimport IconFileImage from '../../icon/content/FileImage32';\nimport IconFileIndesign from '../../icon/content/FileIndesign32';\nimport IconFileKeynote from '../../icon/content/FileKeynote32';\nimport IconFileNumbers from '../../icon/content/FileNumbers32';\nimport IconFilePages from '../../icon/content/FilePages32';\nimport IconFilePDF from '../../icon/content/FilePdf32';\nimport IconFilePhotoshop from '../../icon/content/FilePhotoshop32';\nimport IconFilePowerpointPresentation from '../../icon/content/FilePowerpoint32';\nimport IconFilePresentation from '../../icon/content/FilePresentation32';\nimport IconFileSpreadsheet from '../../icon/content/FileSpreadsheet32';\nimport IconFileText from '../../icon/content/FileText32';\nimport IconFileThreeD from '../../icon/content/FileThreeD32';\nimport IconFileVector from '../../icon/content/FileVector32';\nimport IconFileVideo from '../../icon/content/FileVideo32';\nimport IconFileWordDocument from '../../icon/content/FileWord32';\nimport IconFileXbd from '../../icon/content/FileXbd32';\nimport IconFileXdw from '../../icon/content/FileXdw32';\nimport IconFileZip from '../../icon/content/FileZip32';\n\nimport BookmarkIcon from '../../icon/content/FileBookmark32';\n\nimport IconFolderCollab from '../../icon/content/FolderShared32';\nimport IconFolderExternal from '../../icon/content/FolderExternal32';\nimport IconFolderPersonal from '../../icon/content/FolderPersonal32';\n\nconst itemIconTable = {\n audio: IconFileAudio,\n bookmark: BookmarkIcon,\n boxnote: IconFileBoxNote,\n code: IconFileCode,\n default: IconFileDefault,\n document: IconFileText,\n 'docuworks-binder': IconFileXbd,\n 'docuworks-file': IconFileXdw,\n dwg: IconFileDwg,\n 'excel-spreadsheet': IconFileExcelSpreadsheet,\n 'folder-collab': IconFolderCollab,\n 'folder-external': IconFolderExternal,\n 'folder-plain': IconFolderPersonal,\n 'google-docs': IconFileGoogleDocs,\n 'google-sheets': IconFileGoogleSheets,\n 'google-slides': IconFileGoogleSlides,\n illustrator: IconFileIllustrator,\n image: IconFileImage,\n indesign: IconFileIndesign,\n keynote: IconFileKeynote,\n numbers: IconFileNumbers,\n pages: IconFilePages,\n pdf: IconFilePDF,\n photoshop: IconFilePhotoshop,\n 'powerpoint-presentation': IconFilePowerpointPresentation,\n presentation: IconFilePresentation,\n spreadsheet: IconFileSpreadsheet,\n text: IconFileText,\n threed: IconFileThreeD,\n vector: IconFileVector,\n video: IconFileVideo,\n 'word-document': IconFileWordDocument,\n zip: IconFileZip,\n};\n\nexport interface ItemIconProps {\n /** Additional class name */\n className?: string;\n /** Dimension of the icon. Defaults to 32x32 */\n dimension?: number;\n /** Type of item icon, defaults to the default icon if icon type is not recognized */\n iconType: keyof typeof itemIconTable | string;\n /** A text-only string describing the icon if it's not purely decorative for accessibility */\n title?: string | React.ReactNode;\n}\n\nconst ItemIcon = ({ className, dimension = 32, iconType, title }: ItemIconProps) => {\n const IconComponent = (itemIconTable as { [key: string]: React.FC<SVGProps> })[iconType] || IconFileDefault;\n return <IconComponent className={className} height={dimension} title={title} width={dimension} />;\n};\n\nexport default ItemIcon;\n"],"file":"ItemIcon.js"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
2
|
+
|
|
3
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
4
|
+
|
|
5
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
6
|
+
|
|
7
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
8
|
+
|
|
9
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
10
|
+
|
|
11
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
12
|
+
|
|
13
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
14
|
+
|
|
15
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
16
|
+
|
|
17
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
18
|
+
|
|
19
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
20
|
+
|
|
21
|
+
import * as React from 'react';
|
|
22
|
+
import uniqueId from 'lodash/uniqueId';
|
|
23
|
+
import AccessibleSVG from '../accessible-svg';
|
|
24
|
+
var ICON_CLASS = 'icon-office';
|
|
25
|
+
|
|
26
|
+
var IconOffice =
|
|
27
|
+
/*#__PURE__*/
|
|
28
|
+
function (_React$Component) {
|
|
29
|
+
_inherits(IconOffice, _React$Component);
|
|
30
|
+
|
|
31
|
+
function IconOffice() {
|
|
32
|
+
var _getPrototypeOf2;
|
|
33
|
+
|
|
34
|
+
var _this;
|
|
35
|
+
|
|
36
|
+
_classCallCheck(this, IconOffice);
|
|
37
|
+
|
|
38
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
39
|
+
args[_key] = arguments[_key];
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(IconOffice)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
|
43
|
+
|
|
44
|
+
_defineProperty(_assertThisInitialized(_this), "idPrefix", "".concat(uniqueId(ICON_CLASS), "-"));
|
|
45
|
+
|
|
46
|
+
return _this;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
_createClass(IconOffice, [{
|
|
50
|
+
key: "render",
|
|
51
|
+
value: function render() {
|
|
52
|
+
var _this$props = this.props,
|
|
53
|
+
className = _this$props.className,
|
|
54
|
+
height = _this$props.height,
|
|
55
|
+
title = _this$props.title,
|
|
56
|
+
width = _this$props.width;
|
|
57
|
+
return React.createElement(AccessibleSVG, {
|
|
58
|
+
className: "".concat(ICON_CLASS, " ").concat(className),
|
|
59
|
+
height: height,
|
|
60
|
+
title: title,
|
|
61
|
+
viewBox: "0 0 64 77",
|
|
62
|
+
width: width
|
|
63
|
+
}, React.createElement("path", {
|
|
64
|
+
d: "M 0 62.113281 L 0 15.304688 L 41.464844 0.00390625 L 64 7.199219 L 64 70.214844 L 41.464844 77 L 0 62.113281 L 41.464844 67.097656 L 41.464844 12.605469 L 14.421875 18.90625 L 14.421875 55.816406 Z M 0 62.113281 ",
|
|
65
|
+
fill: "#d83b01"
|
|
66
|
+
}));
|
|
67
|
+
}
|
|
68
|
+
}]);
|
|
69
|
+
|
|
70
|
+
return IconOffice;
|
|
71
|
+
}(React.Component);
|
|
72
|
+
|
|
73
|
+
_defineProperty(IconOffice, "defaultProps", {
|
|
74
|
+
className: '',
|
|
75
|
+
height: 30,
|
|
76
|
+
width: 30
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
export default IconOffice;
|
|
80
|
+
//# sourceMappingURL=IconOffice.js.map
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
// @flow
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import uniqueId from 'lodash/uniqueId';
|
|
4
|
+
|
|
5
|
+
import AccessibleSVG from '../accessible-svg';
|
|
6
|
+
|
|
7
|
+
const ICON_CLASS = 'icon-office';
|
|
8
|
+
|
|
9
|
+
type Props = {
|
|
10
|
+
className: string,
|
|
11
|
+
height?: number,
|
|
12
|
+
/** A text-only string describing the icon if it's not purely decorative for accessibility */
|
|
13
|
+
title?: string | React.Element<any>,
|
|
14
|
+
width?: number,
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
class IconOfficeDefault extends React.Component<Props> {
|
|
18
|
+
static defaultProps = {
|
|
19
|
+
className: '',
|
|
20
|
+
height: 30,
|
|
21
|
+
width: 30,
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
idPrefix = `${uniqueId(ICON_CLASS)}-`;
|
|
25
|
+
|
|
26
|
+
render() {
|
|
27
|
+
const { className, height, title, width } = this.props;
|
|
28
|
+
return (
|
|
29
|
+
<AccessibleSVG
|
|
30
|
+
className={`${ICON_CLASS} ${className}`}
|
|
31
|
+
height={height}
|
|
32
|
+
title={title}
|
|
33
|
+
viewBox="0 0 64 77"
|
|
34
|
+
width={width}
|
|
35
|
+
>
|
|
36
|
+
<path
|
|
37
|
+
d="M 0 62.113281 L 0 15.304688 L 41.464844 0.00390625 L 64 7.199219 L 64 70.214844 L 41.464844 77 L 0 62.113281 L 41.464844 67.097656 L 41.464844 12.605469 L 14.421875 18.90625 L 14.421875 55.816406 Z M 0 62.113281 "
|
|
38
|
+
fill="#d83b01"
|
|
39
|
+
/>
|
|
40
|
+
</AccessibleSVG>
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export default IconOfficeDefault;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/icons/microsoft-office/IconOffice.tsx"],"names":["React","uniqueId","AccessibleSVG","ICON_CLASS","IconOffice","props","className","height","title","width","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,iBAArB;AAEA,OAAOC,aAAP,MAA0B,mBAA1B;AAIA,IAAMC,UAAU,GAAG,aAAnB;;IAEMC,U;;;;;;;;;;;;;;;;;;yEAOYH,QAAQ,CAACE,UAAD,C;;;;;;;6BAEb;AAAA,wBACuC,KAAKE,KAD5C;AAAA,UACGC,SADH,eACGA,SADH;AAAA,UACcC,MADd,eACcA,MADd;AAAA,UACsBC,KADtB,eACsBA,KADtB;AAAA,UAC6BC,KAD7B,eAC6BA,KAD7B;AAEL,aACI,oBAAC,aAAD;AACI,QAAA,SAAS,YAAKN,UAAL,cAAmBG,SAAnB,CADb;AAEI,QAAA,MAAM,EAAEC,MAFZ;AAGI,QAAA,KAAK,EAAEC,KAHX;AAII,QAAA,OAAO,EAAC,WAJZ;AAKI,QAAA,KAAK,EAAEC;AALX,SAOI;AACI,QAAA,CAAC,EAAC,sNADN;AAEI,QAAA,IAAI,EAAC;AAFT,QAPJ,CADJ;AAcH;;;;EAzBoBT,KAAK,CAACU,S;;gBAAzBN,U,kBACoB;AAClBE,EAAAA,SAAS,EAAE,EADO;AAElBC,EAAAA,MAAM,EAAE,EAFU;AAGlBE,EAAAA,KAAK,EAAE;AAHW,C;;AA2B1B,eAAeL,UAAf","sourcesContent":["import * as React from 'react';\nimport uniqueId from 'lodash/uniqueId';\n\nimport AccessibleSVG from '../accessible-svg';\n\nimport { TwoTonedIcon } from '../iconTypes';\n\nconst ICON_CLASS = 'icon-office';\n\nclass IconOffice extends React.Component<TwoTonedIcon> {\n static defaultProps = {\n className: '',\n height: 30,\n width: 30,\n };\n\n idPrefix = `${uniqueId(ICON_CLASS)}-`;\n\n render() {\n const { className, height, title, width } = this.props;\n return (\n <AccessibleSVG\n className={`${ICON_CLASS} ${className}`}\n height={height}\n title={title}\n viewBox=\"0 0 64 77\"\n width={width}\n >\n <path\n d=\"M 0 62.113281 L 0 15.304688 L 41.464844 0.00390625 L 64 7.199219 L 64 70.214844 L 41.464844 77 L 0 62.113281 L 41.464844 67.097656 L 41.464844 12.605469 L 14.421875 18.90625 L 14.421875 55.816406 Z M 0 62.113281 \"\n fill=\"#d83b01\"\n />\n </AccessibleSVG>\n );\n }\n}\n\nexport default IconOffice;\n"],"file":"IconOffice.js"}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
/* eslint-disable react/jsx-sort-props */
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import * as vars from '../styles/variables';
|
|
6
|
+
import AccessibleSVG from '../components/accessible-svg/AccessibleSVG';
|
|
7
|
+
/**
|
|
8
|
+
* This is an auto-generated component and should not be edited
|
|
9
|
+
* manually in contributor pull requests.
|
|
10
|
+
*
|
|
11
|
+
* If you have problems with this component:
|
|
12
|
+
* - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
|
|
13
|
+
*
|
|
14
|
+
* If there are missing features in this component:
|
|
15
|
+
* - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
var EmailVerification140 = function EmailVerification140(props) {
|
|
19
|
+
return React.createElement(AccessibleSVG, _extends({
|
|
20
|
+
width: 140,
|
|
21
|
+
height: 140,
|
|
22
|
+
viewBox: "0 0 140 140"
|
|
23
|
+
}, props), React.createElement("g", {
|
|
24
|
+
fill: "none",
|
|
25
|
+
fillRule: "evenodd"
|
|
26
|
+
}, React.createElement("path", {
|
|
27
|
+
d: "M118.5 103a8.498 8.498 0 00-8.5 8.5c0 4.696 3.804 8.5 8.5 8.5s8.5-3.804 8.5-8.5-3.804-8.5-8.5-8.5zM65 12c-5.525 0-10 4.475-10 10s4.475 10 10 10 10-4.475 10-10-4.475-10-10-10zM41 92c-7.731 0-14 6.269-14 14s6.269 14 14 14 14-6.269 14-14-6.269-14-14-14z",
|
|
28
|
+
fill: vars.bdlBoxBlue10,
|
|
29
|
+
fillRule: "nonzero"
|
|
30
|
+
}), React.createElement("path", {
|
|
31
|
+
d: "M30.626 32.076a6.653 6.653 0 011.759-.033l.24.03.26.041 78.199 13.745.275.054.309.074.27.077c.342.104.672.232.988.383l.294.149c.156.082.307.17.454.264l.294.197.268.198.048.038c.1.08.199.162.295.246l.246.228.236.241.181.2.053.062c.085.1.167.202.247.307l.149.204.097.14.12.186.17.285.494.903-.051.034a7.105 7.105 0 01.42 3.485l-.052.332-8.48 47.94a7.165 7.165 0 01-8.057 5.842l-.238-.037-78.198-13.745a7.152 7.152 0 01-5.844-8.05l.038-.237 8.48-47.94a7.166 7.166 0 015.7-5.786l.336-.057z",
|
|
32
|
+
fill: vars.bdlBoxBlue,
|
|
33
|
+
fillRule: "nonzero"
|
|
34
|
+
}), React.createElement("path", {
|
|
35
|
+
d: "M32.32 34.048a5.159 5.159 0 00-1.432.015 4.461 4.461 0 00-.993.291c.152.453.32.82.553 1.186l.148.22.14.19 31.21 40.72c1.705 2.223 4.99 2.855 7.409 1.465l.21-.128 44.382-28.333-.075-.093-.153-.172-.16-.165-.162-.153-.152-.132a5.136 5.136 0 00-.308-.238l-.16-.11-.211-.132-.211-.118-.215-.107-.14-.064-.145-.06-.23-.085-.085-.029a5.189 5.189 0 00-.47-.128l-.239-.048-78.275-13.756-.237-.036z",
|
|
36
|
+
fill: vars.white,
|
|
37
|
+
fillRule: "nonzero"
|
|
38
|
+
}), React.createElement("path", {
|
|
39
|
+
d: "M28.14 35.388a5.133 5.133 0 00-1.519 2.622l-.053.263-8.488 47.976a5.127 5.127 0 00.48 3.231c.314-.625.836-1.257 1.575-1.858l.177-.14 29.794-22.973 1.217 1.588-29.79 22.968c-1.96 1.511-1.764 2.562.553 3.021l.192.036 78.475 13.791.378.058c.444.058.816.066 1.116.025 1.047-.143 1.221-.88.503-2.183l-.09-.16-.202-.327-20.115-31.103 1.686-1.076 20.109 31.093c.53.82.843 1.597.962 2.3a5.132 5.132 0 001.377-2.481l.055-.268 8.488-47.976a5.127 5.127 0 00-.134-2.365L70.642 79.692c-3.236 2.066-7.693 1.342-10.12-1.602l-.163-.204-31.21-40.72a6.899 6.899 0 01-1.008-1.778z",
|
|
40
|
+
fill: vars.white,
|
|
41
|
+
fillRule: "nonzero"
|
|
42
|
+
}), React.createElement("g", {
|
|
43
|
+
transform: "translate(62 53.005)"
|
|
44
|
+
}, React.createElement("path", {
|
|
45
|
+
d: "M50.065 0H5.935A5.938 5.938 0 000 5.93v22.14C0 31.35 2.655 34 5.935 34h44.13A5.938 5.938 0 0056 28.07V5.93C56 2.65 53.345 0 50.065 0z",
|
|
46
|
+
fill: vars.bdlBoxBlue,
|
|
47
|
+
fillRule: "nonzero"
|
|
48
|
+
}), React.createElement("path", {
|
|
49
|
+
d: "M5.935 2h44.13A3.928 3.928 0 0154 5.93v22.14A3.938 3.938 0 0150.065 32H5.935A3.928 3.928 0 012 28.07V5.93A3.938 3.938 0 015.935 2z",
|
|
50
|
+
fill: vars.bdlBoxBlue05,
|
|
51
|
+
fillRule: "nonzero"
|
|
52
|
+
}), React.createElement("rect", {
|
|
53
|
+
fill: vars.bdlBoxBlue,
|
|
54
|
+
x: 33,
|
|
55
|
+
y: 14,
|
|
56
|
+
width: 16,
|
|
57
|
+
height: 1,
|
|
58
|
+
rx: 0.5
|
|
59
|
+
}), React.createElement("rect", {
|
|
60
|
+
fill: vars.bdlBoxBlue,
|
|
61
|
+
x: 33,
|
|
62
|
+
y: 18,
|
|
63
|
+
width: 12,
|
|
64
|
+
height: 1,
|
|
65
|
+
rx: 0.5
|
|
66
|
+
}), React.createElement("rect", {
|
|
67
|
+
fill: vars.bdlBoxBlue,
|
|
68
|
+
x: 33,
|
|
69
|
+
y: 22,
|
|
70
|
+
width: 14,
|
|
71
|
+
height: 1,
|
|
72
|
+
rx: 0.5
|
|
73
|
+
}), React.createElement("path", {
|
|
74
|
+
d: "M17 5c6.627 0 12 5.373 12 12s-5.373 12-12 12S5 23.627 5 17 10.373 5 17 5z",
|
|
75
|
+
fill: vars.white,
|
|
76
|
+
fillRule: "nonzero"
|
|
77
|
+
}), React.createElement("path", {
|
|
78
|
+
d: "M17 5c6.627 0 12 5.373 12 12l-.004.33-.022.466-.037.439-.027.243-.044.32-.093.54-.078.364-.112.447.021-.082c-.062.239-.133.475-.21.707l-.14.4-.153.391c-.15.364-.317.72-.501 1.065l-.242.432-.257.419-.162.245-.234.333-.288.38-.285.346-.155.178-.212.234-.166.173-.305.303-.287.265A11.956 11.956 0 0117 29a11.95 11.95 0 01-7.49-2.625l-.292-.24-.163-.141-.343-.315-.27-.266-.232-.244-.342-.384-.33-.402a12.31 12.31 0 01-.306-.411l-.17-.243-.294-.456-.179-.3a12.119 12.119 0 01-.456-.875l-.12-.265-.15-.358-.137-.354c-.077-.212-.149-.427-.215-.644l-.094-.328-.07-.269-.067-.292-.094-.47-.052-.32-.062-.48-.029-.291-.025-.368A12.197 12.197 0 015 17c0-6.627 5.373-12 12-12zm0 15a7.998 7.998 0 00-7.006 4.135A9.965 9.965 0 0017 27c2.728 0 5.2-1.092 7.005-2.863A7.992 7.992 0 0017 20zm0-10a4 4 0 100 8 4 4 0 000-8z",
|
|
79
|
+
fill: vars.bdlBoxBlue,
|
|
80
|
+
fillRule: "nonzero"
|
|
81
|
+
})), React.createElement("g", {
|
|
82
|
+
fillRule: "nonzero"
|
|
83
|
+
}, React.createElement("path", {
|
|
84
|
+
d: "M125.751 51.943L105.02 40.338c-1.304-.73-2.892-.219-3.488 1.122l-4.29 9.634c-.552 1.24-.134 2.742 1.02 3.388l18.245 10.212c1.153.646 2.698.246 3.528-.835l6.462-8.419c.9-1.173.56-2.767-.745-3.497z",
|
|
85
|
+
fill: vars.bdlBoxBlue
|
|
86
|
+
}), React.createElement("path", {
|
|
87
|
+
d: "M103.94 42.077l20.524 11.81c.253.145.305.396.132.628l-6.397 8.567c-.242.325-.673.44-.892.313l-18.06-10.392c-.217-.124-.332-.549-.172-.919l4.246-9.804c.116-.268.364-.35.62-.203z",
|
|
88
|
+
fill: vars.white
|
|
89
|
+
}), React.createElement("path", {
|
|
90
|
+
d: "M118.642 45.647l-4.78-2.75a1 1 0 00-1.206.16l-11.69 11.717a1 1 0 00.21 1.573l12.134 6.982a1 1 0 001.464-.605l4.334-15.948a1 1 0 00-.466-1.13z",
|
|
91
|
+
fill: vars.bdlBoxBlue
|
|
92
|
+
}), React.createElement("path", {
|
|
93
|
+
fill: vars.white,
|
|
94
|
+
d: "M116.975 46.995l-3.791 13.953-9.882-5.685 10.228-10.25z"
|
|
95
|
+
}), React.createElement("path", {
|
|
96
|
+
d: "M99.506 48.663c-1.261-.735-2.383-1.007-2.946-.007l-1.422 2.778c-.388.834.08 1.541.936 2.16l.283.192c.098.064.2.126.306.187l20.544 12.382c1.21.705 2.306.975 2.914.098l1.675-2.63c.576-.987-.132-1.805-1.305-2.519l-20.985-12.64z",
|
|
97
|
+
fill: vars.bdlBoxBlue
|
|
98
|
+
}), React.createElement("path", {
|
|
99
|
+
d: "M119.348 62.965l.165.101.152.103.12.09-1.023 1.606-.063-.023a3.815 3.815 0 01-.486-.24L97.66 52.22l-.163-.1a3.602 3.602 0 01-.286-.204l-.049-.042.869-1.696.144.064c.107.05.22.108.334.175l20.838 12.548z",
|
|
100
|
+
fill: vars.white
|
|
101
|
+
}), React.createElement("path", {
|
|
102
|
+
d: "M116.464 48.87l-4.413-2.556a1.012 1.012 0 01-.476-.636l-.075-.333-.1-.49a23.963 23.963 0 01-.296-1.932 15.095 15.095 0 01-.099-2.083c.062-2.064.684-3.497 2.238-3.78 3.037-.555 9.57 3.233 10.607 6.145.534 1.496-.399 2.751-2.161 3.841-.538.333-1.152.647-1.823.944-.602.267-1.219.505-1.818.713l-.474.16-.326.101a1 1 0 01-.784-.094z",
|
|
103
|
+
fill: vars.bdlBoxBlue
|
|
104
|
+
}), React.createElement("path", {
|
|
105
|
+
d: "M117.09 47.005l.31-.107a21.87 21.87 0 001.672-.663 13.166 13.166 0 001.586-.829c1.037-.649 1.425-1.177 1.327-1.455-.709-2.011-6.313-5.3-8.392-4.915-.296.054-.552.652-.589 1.88-.016.545.016 1.163.088 1.827.065.605.16 1.215.272 1.795l.063.32 3.662 2.147z",
|
|
106
|
+
fill: vars.bdlBoxBlue05
|
|
107
|
+
}))));
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
export default EmailVerification140;
|
|
111
|
+
//# sourceMappingURL=EmailVerification140.js.map
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
// @flow
|
|
2
|
+
/* eslint-disable react/jsx-sort-props */
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as vars from '../styles/variables';
|
|
5
|
+
import AccessibleSVG from '../icons/accessible-svg';
|
|
6
|
+
import type { Icon } from '../icons/flowTypes';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* This is an auto-generated component and should not be edited
|
|
10
|
+
* manually in contributor pull requests.
|
|
11
|
+
*
|
|
12
|
+
* If you have problems with this component:
|
|
13
|
+
* - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
|
|
14
|
+
*
|
|
15
|
+
* If there are missing features in this component:
|
|
16
|
+
* - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
const EmailVerification140 = (props: Icon) => (
|
|
20
|
+
<AccessibleSVG width={140} height={140} viewBox="0 0 140 140" {...props}>
|
|
21
|
+
<g fill="none" fillRule="evenodd">
|
|
22
|
+
<path
|
|
23
|
+
d="M118.5 103a8.498 8.498 0 00-8.5 8.5c0 4.696 3.804 8.5 8.5 8.5s8.5-3.804 8.5-8.5-3.804-8.5-8.5-8.5zM65 12c-5.525 0-10 4.475-10 10s4.475 10 10 10 10-4.475 10-10-4.475-10-10-10zM41 92c-7.731 0-14 6.269-14 14s6.269 14 14 14 14-6.269 14-14-6.269-14-14-14z"
|
|
24
|
+
fill={vars.bdlBoxBlue10}
|
|
25
|
+
fillRule="nonzero"
|
|
26
|
+
/>
|
|
27
|
+
<path
|
|
28
|
+
d="M30.626 32.076a6.653 6.653 0 011.759-.033l.24.03.26.041 78.199 13.745.275.054.309.074.27.077c.342.104.672.232.988.383l.294.149c.156.082.307.17.454.264l.294.197.268.198.048.038c.1.08.199.162.295.246l.246.228.236.241.181.2.053.062c.085.1.167.202.247.307l.149.204.097.14.12.186.17.285.494.903-.051.034a7.105 7.105 0 01.42 3.485l-.052.332-8.48 47.94a7.165 7.165 0 01-8.057 5.842l-.238-.037-78.198-13.745a7.152 7.152 0 01-5.844-8.05l.038-.237 8.48-47.94a7.166 7.166 0 015.7-5.786l.336-.057z"
|
|
29
|
+
fill={vars.bdlBoxBlue}
|
|
30
|
+
fillRule="nonzero"
|
|
31
|
+
/>
|
|
32
|
+
<path
|
|
33
|
+
d="M32.32 34.048a5.159 5.159 0 00-1.432.015 4.461 4.461 0 00-.993.291c.152.453.32.82.553 1.186l.148.22.14.19 31.21 40.72c1.705 2.223 4.99 2.855 7.409 1.465l.21-.128 44.382-28.333-.075-.093-.153-.172-.16-.165-.162-.153-.152-.132a5.136 5.136 0 00-.308-.238l-.16-.11-.211-.132-.211-.118-.215-.107-.14-.064-.145-.06-.23-.085-.085-.029a5.189 5.189 0 00-.47-.128l-.239-.048-78.275-13.756-.237-.036z"
|
|
34
|
+
fill={vars.white}
|
|
35
|
+
fillRule="nonzero"
|
|
36
|
+
/>
|
|
37
|
+
<path
|
|
38
|
+
d="M28.14 35.388a5.133 5.133 0 00-1.519 2.622l-.053.263-8.488 47.976a5.127 5.127 0 00.48 3.231c.314-.625.836-1.257 1.575-1.858l.177-.14 29.794-22.973 1.217 1.588-29.79 22.968c-1.96 1.511-1.764 2.562.553 3.021l.192.036 78.475 13.791.378.058c.444.058.816.066 1.116.025 1.047-.143 1.221-.88.503-2.183l-.09-.16-.202-.327-20.115-31.103 1.686-1.076 20.109 31.093c.53.82.843 1.597.962 2.3a5.132 5.132 0 001.377-2.481l.055-.268 8.488-47.976a5.127 5.127 0 00-.134-2.365L70.642 79.692c-3.236 2.066-7.693 1.342-10.12-1.602l-.163-.204-31.21-40.72a6.899 6.899 0 01-1.008-1.778z"
|
|
39
|
+
fill={vars.white}
|
|
40
|
+
fillRule="nonzero"
|
|
41
|
+
/>
|
|
42
|
+
<g transform="translate(62 53.005)">
|
|
43
|
+
<path
|
|
44
|
+
d="M50.065 0H5.935A5.938 5.938 0 000 5.93v22.14C0 31.35 2.655 34 5.935 34h44.13A5.938 5.938 0 0056 28.07V5.93C56 2.65 53.345 0 50.065 0z"
|
|
45
|
+
fill={vars.bdlBoxBlue}
|
|
46
|
+
fillRule="nonzero"
|
|
47
|
+
/>
|
|
48
|
+
<path
|
|
49
|
+
d="M5.935 2h44.13A3.928 3.928 0 0154 5.93v22.14A3.938 3.938 0 0150.065 32H5.935A3.928 3.928 0 012 28.07V5.93A3.938 3.938 0 015.935 2z"
|
|
50
|
+
fill={vars.bdlBoxBlue05}
|
|
51
|
+
fillRule="nonzero"
|
|
52
|
+
/>
|
|
53
|
+
<rect fill={vars.bdlBoxBlue} x={33} y={14} width={16} height={1} rx={0.5} />
|
|
54
|
+
<rect fill={vars.bdlBoxBlue} x={33} y={18} width={12} height={1} rx={0.5} />
|
|
55
|
+
<rect fill={vars.bdlBoxBlue} x={33} y={22} width={14} height={1} rx={0.5} />
|
|
56
|
+
<path
|
|
57
|
+
d="M17 5c6.627 0 12 5.373 12 12s-5.373 12-12 12S5 23.627 5 17 10.373 5 17 5z"
|
|
58
|
+
fill={vars.white}
|
|
59
|
+
fillRule="nonzero"
|
|
60
|
+
/>
|
|
61
|
+
<path
|
|
62
|
+
d="M17 5c6.627 0 12 5.373 12 12l-.004.33-.022.466-.037.439-.027.243-.044.32-.093.54-.078.364-.112.447.021-.082c-.062.239-.133.475-.21.707l-.14.4-.153.391c-.15.364-.317.72-.501 1.065l-.242.432-.257.419-.162.245-.234.333-.288.38-.285.346-.155.178-.212.234-.166.173-.305.303-.287.265A11.956 11.956 0 0117 29a11.95 11.95 0 01-7.49-2.625l-.292-.24-.163-.141-.343-.315-.27-.266-.232-.244-.342-.384-.33-.402a12.31 12.31 0 01-.306-.411l-.17-.243-.294-.456-.179-.3a12.119 12.119 0 01-.456-.875l-.12-.265-.15-.358-.137-.354c-.077-.212-.149-.427-.215-.644l-.094-.328-.07-.269-.067-.292-.094-.47-.052-.32-.062-.48-.029-.291-.025-.368A12.197 12.197 0 015 17c0-6.627 5.373-12 12-12zm0 15a7.998 7.998 0 00-7.006 4.135A9.965 9.965 0 0017 27c2.728 0 5.2-1.092 7.005-2.863A7.992 7.992 0 0017 20zm0-10a4 4 0 100 8 4 4 0 000-8z"
|
|
63
|
+
fill={vars.bdlBoxBlue}
|
|
64
|
+
fillRule="nonzero"
|
|
65
|
+
/>
|
|
66
|
+
</g>
|
|
67
|
+
<g fillRule="nonzero">
|
|
68
|
+
<path
|
|
69
|
+
d="M125.751 51.943L105.02 40.338c-1.304-.73-2.892-.219-3.488 1.122l-4.29 9.634c-.552 1.24-.134 2.742 1.02 3.388l18.245 10.212c1.153.646 2.698.246 3.528-.835l6.462-8.419c.9-1.173.56-2.767-.745-3.497z"
|
|
70
|
+
fill={vars.bdlBoxBlue}
|
|
71
|
+
/>
|
|
72
|
+
<path
|
|
73
|
+
d="M103.94 42.077l20.524 11.81c.253.145.305.396.132.628l-6.397 8.567c-.242.325-.673.44-.892.313l-18.06-10.392c-.217-.124-.332-.549-.172-.919l4.246-9.804c.116-.268.364-.35.62-.203z"
|
|
74
|
+
fill={vars.white}
|
|
75
|
+
/>
|
|
76
|
+
<path
|
|
77
|
+
d="M118.642 45.647l-4.78-2.75a1 1 0 00-1.206.16l-11.69 11.717a1 1 0 00.21 1.573l12.134 6.982a1 1 0 001.464-.605l4.334-15.948a1 1 0 00-.466-1.13z"
|
|
78
|
+
fill={vars.bdlBoxBlue}
|
|
79
|
+
/>
|
|
80
|
+
<path fill={vars.white} d="M116.975 46.995l-3.791 13.953-9.882-5.685 10.228-10.25z" />
|
|
81
|
+
<path
|
|
82
|
+
d="M99.506 48.663c-1.261-.735-2.383-1.007-2.946-.007l-1.422 2.778c-.388.834.08 1.541.936 2.16l.283.192c.098.064.2.126.306.187l20.544 12.382c1.21.705 2.306.975 2.914.098l1.675-2.63c.576-.987-.132-1.805-1.305-2.519l-20.985-12.64z"
|
|
83
|
+
fill={vars.bdlBoxBlue}
|
|
84
|
+
/>
|
|
85
|
+
<path
|
|
86
|
+
d="M119.348 62.965l.165.101.152.103.12.09-1.023 1.606-.063-.023a3.815 3.815 0 01-.486-.24L97.66 52.22l-.163-.1a3.602 3.602 0 01-.286-.204l-.049-.042.869-1.696.144.064c.107.05.22.108.334.175l20.838 12.548z"
|
|
87
|
+
fill={vars.white}
|
|
88
|
+
/>
|
|
89
|
+
<path
|
|
90
|
+
d="M116.464 48.87l-4.413-2.556a1.012 1.012 0 01-.476-.636l-.075-.333-.1-.49a23.963 23.963 0 01-.296-1.932 15.095 15.095 0 01-.099-2.083c.062-2.064.684-3.497 2.238-3.78 3.037-.555 9.57 3.233 10.607 6.145.534 1.496-.399 2.751-2.161 3.841-.538.333-1.152.647-1.823.944-.602.267-1.219.505-1.818.713l-.474.16-.326.101a1 1 0 01-.784-.094z"
|
|
91
|
+
fill={vars.bdlBoxBlue}
|
|
92
|
+
/>
|
|
93
|
+
<path
|
|
94
|
+
d="M117.09 47.005l.31-.107a21.87 21.87 0 001.672-.663 13.166 13.166 0 001.586-.829c1.037-.649 1.425-1.177 1.327-1.455-.709-2.011-6.313-5.3-8.392-4.915-.296.054-.552.652-.589 1.88-.016.545.016 1.163.088 1.827.065.605.16 1.215.272 1.795l.063.32 3.662 2.147z"
|
|
95
|
+
fill={vars.bdlBoxBlue05}
|
|
96
|
+
/>
|
|
97
|
+
</g>
|
|
98
|
+
</g>
|
|
99
|
+
</AccessibleSVG>
|
|
100
|
+
);
|
|
101
|
+
|
|
102
|
+
export default EmailVerification140;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/illustration/EmailVerification140.tsx"],"names":["React","vars","AccessibleSVG","EmailVerification140","props","bdlBoxBlue10","bdlBoxBlue","white","bdlBoxBlue05"],"mappings":"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","sourcesContent":["/* eslint-disable react/jsx-sort-props */\nimport * as React from 'react';\nimport * as vars from '../styles/variables';\nimport AccessibleSVG, { SVGProps } from '../components/accessible-svg/AccessibleSVG';\n\n/**\n * This is an auto-generated component and should not be edited\n * manually in contributor pull requests.\n *\n * If you have problems with this component:\n * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md\n *\n * If there are missing features in this component:\n * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md\n */\n\nconst EmailVerification140 = (props: SVGProps) => (\n <AccessibleSVG width={140} height={140} viewBox=\"0 0 140 140\" {...props}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M118.5 103a8.498 8.498 0 00-8.5 8.5c0 4.696 3.804 8.5 8.5 8.5s8.5-3.804 8.5-8.5-3.804-8.5-8.5-8.5zM65 12c-5.525 0-10 4.475-10 10s4.475 10 10 10 10-4.475 10-10-4.475-10-10-10zM41 92c-7.731 0-14 6.269-14 14s6.269 14 14 14 14-6.269 14-14-6.269-14-14-14z\"\n fill={vars.bdlBoxBlue10}\n fillRule=\"nonzero\"\n />\n <path\n d=\"M30.626 32.076a6.653 6.653 0 011.759-.033l.24.03.26.041 78.199 13.745.275.054.309.074.27.077c.342.104.672.232.988.383l.294.149c.156.082.307.17.454.264l.294.197.268.198.048.038c.1.08.199.162.295.246l.246.228.236.241.181.2.053.062c.085.1.167.202.247.307l.149.204.097.14.12.186.17.285.494.903-.051.034a7.105 7.105 0 01.42 3.485l-.052.332-8.48 47.94a7.165 7.165 0 01-8.057 5.842l-.238-.037-78.198-13.745a7.152 7.152 0 01-5.844-8.05l.038-.237 8.48-47.94a7.166 7.166 0 015.7-5.786l.336-.057z\"\n fill={vars.bdlBoxBlue}\n fillRule=\"nonzero\"\n />\n <path\n d=\"M32.32 34.048a5.159 5.159 0 00-1.432.015 4.461 4.461 0 00-.993.291c.152.453.32.82.553 1.186l.148.22.14.19 31.21 40.72c1.705 2.223 4.99 2.855 7.409 1.465l.21-.128 44.382-28.333-.075-.093-.153-.172-.16-.165-.162-.153-.152-.132a5.136 5.136 0 00-.308-.238l-.16-.11-.211-.132-.211-.118-.215-.107-.14-.064-.145-.06-.23-.085-.085-.029a5.189 5.189 0 00-.47-.128l-.239-.048-78.275-13.756-.237-.036z\"\n fill={vars.white}\n fillRule=\"nonzero\"\n />\n <path\n d=\"M28.14 35.388a5.133 5.133 0 00-1.519 2.622l-.053.263-8.488 47.976a5.127 5.127 0 00.48 3.231c.314-.625.836-1.257 1.575-1.858l.177-.14 29.794-22.973 1.217 1.588-29.79 22.968c-1.96 1.511-1.764 2.562.553 3.021l.192.036 78.475 13.791.378.058c.444.058.816.066 1.116.025 1.047-.143 1.221-.88.503-2.183l-.09-.16-.202-.327-20.115-31.103 1.686-1.076 20.109 31.093c.53.82.843 1.597.962 2.3a5.132 5.132 0 001.377-2.481l.055-.268 8.488-47.976a5.127 5.127 0 00-.134-2.365L70.642 79.692c-3.236 2.066-7.693 1.342-10.12-1.602l-.163-.204-31.21-40.72a6.899 6.899 0 01-1.008-1.778z\"\n fill={vars.white}\n fillRule=\"nonzero\"\n />\n <g transform=\"translate(62 53.005)\">\n <path\n d=\"M50.065 0H5.935A5.938 5.938 0 000 5.93v22.14C0 31.35 2.655 34 5.935 34h44.13A5.938 5.938 0 0056 28.07V5.93C56 2.65 53.345 0 50.065 0z\"\n fill={vars.bdlBoxBlue}\n fillRule=\"nonzero\"\n />\n <path\n d=\"M5.935 2h44.13A3.928 3.928 0 0154 5.93v22.14A3.938 3.938 0 0150.065 32H5.935A3.928 3.928 0 012 28.07V5.93A3.938 3.938 0 015.935 2z\"\n fill={vars.bdlBoxBlue05}\n fillRule=\"nonzero\"\n />\n <rect fill={vars.bdlBoxBlue} x={33} y={14} width={16} height={1} rx={0.5} />\n <rect fill={vars.bdlBoxBlue} x={33} y={18} width={12} height={1} rx={0.5} />\n <rect fill={vars.bdlBoxBlue} x={33} y={22} width={14} height={1} rx={0.5} />\n <path\n d=\"M17 5c6.627 0 12 5.373 12 12s-5.373 12-12 12S5 23.627 5 17 10.373 5 17 5z\"\n fill={vars.white}\n fillRule=\"nonzero\"\n />\n <path\n d=\"M17 5c6.627 0 12 5.373 12 12l-.004.33-.022.466-.037.439-.027.243-.044.32-.093.54-.078.364-.112.447.021-.082c-.062.239-.133.475-.21.707l-.14.4-.153.391c-.15.364-.317.72-.501 1.065l-.242.432-.257.419-.162.245-.234.333-.288.38-.285.346-.155.178-.212.234-.166.173-.305.303-.287.265A11.956 11.956 0 0117 29a11.95 11.95 0 01-7.49-2.625l-.292-.24-.163-.141-.343-.315-.27-.266-.232-.244-.342-.384-.33-.402a12.31 12.31 0 01-.306-.411l-.17-.243-.294-.456-.179-.3a12.119 12.119 0 01-.456-.875l-.12-.265-.15-.358-.137-.354c-.077-.212-.149-.427-.215-.644l-.094-.328-.07-.269-.067-.292-.094-.47-.052-.32-.062-.48-.029-.291-.025-.368A12.197 12.197 0 015 17c0-6.627 5.373-12 12-12zm0 15a7.998 7.998 0 00-7.006 4.135A9.965 9.965 0 0017 27c2.728 0 5.2-1.092 7.005-2.863A7.992 7.992 0 0017 20zm0-10a4 4 0 100 8 4 4 0 000-8z\"\n fill={vars.bdlBoxBlue}\n fillRule=\"nonzero\"\n />\n </g>\n <g fillRule=\"nonzero\">\n <path\n d=\"M125.751 51.943L105.02 40.338c-1.304-.73-2.892-.219-3.488 1.122l-4.29 9.634c-.552 1.24-.134 2.742 1.02 3.388l18.245 10.212c1.153.646 2.698.246 3.528-.835l6.462-8.419c.9-1.173.56-2.767-.745-3.497z\"\n fill={vars.bdlBoxBlue}\n />\n <path\n d=\"M103.94 42.077l20.524 11.81c.253.145.305.396.132.628l-6.397 8.567c-.242.325-.673.44-.892.313l-18.06-10.392c-.217-.124-.332-.549-.172-.919l4.246-9.804c.116-.268.364-.35.62-.203z\"\n fill={vars.white}\n />\n <path\n d=\"M118.642 45.647l-4.78-2.75a1 1 0 00-1.206.16l-11.69 11.717a1 1 0 00.21 1.573l12.134 6.982a1 1 0 001.464-.605l4.334-15.948a1 1 0 00-.466-1.13z\"\n fill={vars.bdlBoxBlue}\n />\n <path fill={vars.white} d=\"M116.975 46.995l-3.791 13.953-9.882-5.685 10.228-10.25z\" />\n <path\n d=\"M99.506 48.663c-1.261-.735-2.383-1.007-2.946-.007l-1.422 2.778c-.388.834.08 1.541.936 2.16l.283.192c.098.064.2.126.306.187l20.544 12.382c1.21.705 2.306.975 2.914.098l1.675-2.63c.576-.987-.132-1.805-1.305-2.519l-20.985-12.64z\"\n fill={vars.bdlBoxBlue}\n />\n <path\n d=\"M119.348 62.965l.165.101.152.103.12.09-1.023 1.606-.063-.023a3.815 3.815 0 01-.486-.24L97.66 52.22l-.163-.1a3.602 3.602 0 01-.286-.204l-.049-.042.869-1.696.144.064c.107.05.22.108.334.175l20.838 12.548z\"\n fill={vars.white}\n />\n <path\n d=\"M116.464 48.87l-4.413-2.556a1.012 1.012 0 01-.476-.636l-.075-.333-.1-.49a23.963 23.963 0 01-.296-1.932 15.095 15.095 0 01-.099-2.083c.062-2.064.684-3.497 2.238-3.78 3.037-.555 9.57 3.233 10.607 6.145.534 1.496-.399 2.751-2.161 3.841-.538.333-1.152.647-1.823.944-.602.267-1.219.505-1.818.713l-.474.16-.326.101a1 1 0 01-.784-.094z\"\n fill={vars.bdlBoxBlue}\n />\n <path\n d=\"M117.09 47.005l.31-.107a21.87 21.87 0 001.672-.663 13.166 13.166 0 001.586-.829c1.037-.649 1.425-1.177 1.327-1.455-.709-2.011-6.313-5.3-8.392-4.915-.296.054-.552.652-.589 1.88-.016.545.016 1.163.088 1.827.065.605.16 1.215.272 1.795l.063.32 3.662 2.147z\"\n fill={vars.bdlBoxBlue05}\n />\n </g>\n </g>\n </AccessibleSVG>\n);\n\nexport default EmailVerification140;\n"],"file":"EmailVerification140.js"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import EmailVerification140 from './EmailVerification140';
|
|
3
|
+
export var emailVerification140 = function emailVerification140() {
|
|
4
|
+
return React.createElement(EmailVerification140, null);
|
|
5
|
+
};
|
|
6
|
+
export default {
|
|
7
|
+
title: 'Illustration|EmailVerification140',
|
|
8
|
+
component: EmailVerification140,
|
|
9
|
+
parameters: {
|
|
10
|
+
notes: "`import EmailVerification140 from 'box-ui-elements/es/illustration/EmailVerification140';`"
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=EmailVerification140.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/illustration/EmailVerification140.stories.tsx"],"names":["React","EmailVerification140","emailVerification140","title","component","parameters","notes"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,oBAAP,MAAiC,wBAAjC;AAEA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,SAAM,oBAAC,oBAAD,OAAN;AAAA,CAA7B;AAEP,eAAe;AACXC,EAAAA,KAAK,EAAE,mCADI;AAEXC,EAAAA,SAAS,EAAEH,oBAFA;AAGXI,EAAAA,UAAU,EAAE;AACRC,IAAAA,KAAK,EAAE;AADC;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport EmailVerification140 from './EmailVerification140';\n\nexport const emailVerification140 = () => <EmailVerification140 />;\n\nexport default {\n title: 'Illustration|EmailVerification140',\n component: EmailVerification140,\n parameters: {\n notes: \"`import EmailVerification140 from 'box-ui-elements/es/illustration/EmailVerification140';`\",\n },\n};\n"],"file":"EmailVerification140.stories.js"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import './CloseButton.scss';
|
|
2
|
+
export interface CloseButtonProps {
|
|
3
|
+
/** Custom class for the close button */
|
|
4
|
+
className?: string;
|
|
5
|
+
/** onClick handler for the close button */
|
|
6
|
+
onClick?: Function;
|
|
7
|
+
}
|
|
8
|
+
declare const CloseButton: ({ className, onClick }: CloseButtonProps) => JSX.Element;
|
|
9
|
+
export default CloseButton;
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './CloseButton';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import Pikaday, { PikadayOptions } from 'pikaday';
|
|
2
|
+
export interface AccessiblePikadayOptions extends PikadayOptions {
|
|
3
|
+
accessibleFieldEl?: HTMLElement | null | undefined;
|
|
4
|
+
datePickerButtonEl?: HTMLElement | null | undefined;
|
|
5
|
+
}
|
|
6
|
+
declare class AccessiblePikaday extends Pikaday {
|
|
7
|
+
accessibleFieldEl: HTMLElement | null | undefined;
|
|
8
|
+
datePickerButtonEl: HTMLElement | null | undefined;
|
|
9
|
+
constructor(options: AccessiblePikadayOptions);
|
|
10
|
+
handleBlur: () => void;
|
|
11
|
+
handleClickOutside: (event: MouseEvent) => void;
|
|
12
|
+
show(): void;
|
|
13
|
+
hide(): void;
|
|
14
|
+
destroy(): void;
|
|
15
|
+
}
|
|
16
|
+
export default AccessiblePikaday;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
/// <reference types="pikaday" />
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import { WrappedComponentProps } from 'react-intl';
|
|
3
|
-
import Pikaday from 'pikaday';
|
|
4
4
|
import { TooltipPosition } from '../tooltip';
|
|
5
5
|
import './DatePicker.scss';
|
|
6
6
|
export declare enum DateFormat {
|
|
7
7
|
ISO_STRING_DATE_FORMAT = "isoString",
|
|
8
|
+
LOCALE_DATE_STRING_DATE_FORMAT = "localeDateString",
|
|
8
9
|
UTC_TIME_DATE_FORMAT = "utcTime",
|
|
9
10
|
UNIX_TIME_DATE_FORMAT = "unixTime",
|
|
10
11
|
UTC_ISO_STRING_DATE_FORMAT = "utcISOString"
|
|
@@ -18,8 +19,13 @@ export interface DatePickerProps extends WrappedComponentProps {
|
|
|
18
19
|
dateFormat?: DateFormat;
|
|
19
20
|
/** Some optional description */
|
|
20
21
|
description?: React.ReactNode;
|
|
21
|
-
/**
|
|
22
|
-
|
|
22
|
+
/**
|
|
23
|
+
* The format of the date displayed in the input field
|
|
24
|
+
* @deprecated, will no longer be supported with accessible mode enabled (isAccessible = true)
|
|
25
|
+
*/
|
|
26
|
+
displayFormat?: {
|
|
27
|
+
[key: string]: string;
|
|
28
|
+
};
|
|
23
29
|
/** Error message */
|
|
24
30
|
error?: React.ReactNode;
|
|
25
31
|
/** Position of error message tooltip */
|
|
@@ -30,6 +36,8 @@ export interface DatePickerProps extends WrappedComponentProps {
|
|
|
30
36
|
hideOptionalLabel?: boolean;
|
|
31
37
|
/** Props that will be applied on the input element */
|
|
32
38
|
inputProps?: Object;
|
|
39
|
+
/** Does the date input meet accessibility standards */
|
|
40
|
+
isAccessible?: boolean;
|
|
33
41
|
/** Is the calendar always visible */
|
|
34
42
|
isAlwaysVisible?: boolean;
|
|
35
43
|
/** Is input clearable */
|
|
@@ -65,7 +73,13 @@ export interface DatePickerProps extends WrappedComponentProps {
|
|
|
65
73
|
/** Number of years, or an array containing an upper and lower range */
|
|
66
74
|
yearRange?: number | Array<number>;
|
|
67
75
|
}
|
|
68
|
-
|
|
76
|
+
interface DatePickerState {
|
|
77
|
+
/** Is the date input invalid */
|
|
78
|
+
isDateInputInvalid: boolean;
|
|
79
|
+
/** Shows error message tooltip for invalid date input */
|
|
80
|
+
showDateInputError: boolean;
|
|
81
|
+
}
|
|
82
|
+
declare class DatePicker extends React.Component<DatePickerProps, DatePickerState> {
|
|
69
83
|
static defaultProps: {
|
|
70
84
|
className: string;
|
|
71
85
|
dateFormat: DateFormat;
|
|
@@ -78,6 +92,10 @@ declare class DatePicker extends React.Component<DatePickerProps> {
|
|
|
78
92
|
isTextInputAllowed: boolean;
|
|
79
93
|
yearRange: number;
|
|
80
94
|
};
|
|
95
|
+
state: {
|
|
96
|
+
isDateInputInvalid: boolean;
|
|
97
|
+
showDateInputError: boolean;
|
|
98
|
+
};
|
|
81
99
|
errorMessageID: string;
|
|
82
100
|
descriptionID: string;
|
|
83
101
|
componentDidMount(): void;
|
|
@@ -87,19 +105,28 @@ declare class DatePicker extends React.Component<DatePickerProps> {
|
|
|
87
105
|
updateDateInputValue(value: string): void;
|
|
88
106
|
dateInputEl: HTMLInputElement | null | undefined;
|
|
89
107
|
datePicker: Pikaday | null;
|
|
90
|
-
datePickerButtonEl: HTMLButtonElement | null | undefined;
|
|
108
|
+
datePickerButtonEl: HTMLButtonElement | HTMLDivElement | null | undefined;
|
|
109
|
+
canUseDateInputType: boolean;
|
|
91
110
|
shouldStayClosed: boolean;
|
|
92
111
|
focusDatePicker: () => void;
|
|
112
|
+
getDateInputError: () => string;
|
|
93
113
|
handleInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
114
|
+
handleOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
94
115
|
handleInputBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
95
116
|
handleButtonClick: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
|
|
117
|
+
handleOnClick: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
|
|
96
118
|
formatDisplay: (date?: Date | null | undefined) => string;
|
|
119
|
+
formatDisplayDateType: (date?: Date | null | undefined) => string;
|
|
120
|
+
parseDisplayDateType: (dateString?: string | null | undefined) => Date | null;
|
|
97
121
|
formatValue: (date: Date | null) => React.ReactText;
|
|
98
122
|
clearDate: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
|
|
123
|
+
/** Determines whether a new date input falls back to a text input or not */
|
|
124
|
+
shouldUseAccessibleFallback: () => boolean;
|
|
125
|
+
renderCalendarButton: () => JSX.Element | null;
|
|
99
126
|
render(): JSX.Element;
|
|
100
127
|
}
|
|
101
128
|
export { DatePicker as DatePickerBase };
|
|
102
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<DatePickerProps, "className" | "label" | "name" | "isDisabled" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "
|
|
129
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<DatePickerProps, "className" | "label" | "name" | "isDisabled" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "error" | "description" | "hideLabel" | "value" | "customInput" | "dateFormat" | "displayFormat" | "errorTooltipPosition" | "hideOptionalLabel" | "inputProps" | "isAccessible" | "isAlwaysVisible" | "isClearable" | "isRequired" | "isKeyboardInputAllowed" | "isTextInputAllowed" | "maxDate" | "minDate" | "resinTarget" | "yearRange"> & {
|
|
103
130
|
forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
|
|
104
131
|
} & React.RefAttributes<any>> & {
|
|
105
132
|
WrappedComponent: React.ComponentType<DatePickerProps>;
|
|
@@ -3,6 +3,7 @@ export declare const basic: () => JSX.Element;
|
|
|
3
3
|
export declare const basicWithKeyboardInput: () => JSX.Element;
|
|
4
4
|
export declare const withDescription: () => JSX.Element;
|
|
5
5
|
export declare const manuallyEditable: () => JSX.Element;
|
|
6
|
+
export declare const manuallyEditableAndAccessible: () => JSX.Element;
|
|
6
7
|
export declare const withLimitedDateRange: () => JSX.Element;
|
|
7
8
|
export declare const alwaysVisibleWithCustomInputField: () => JSX.Element;
|
|
8
9
|
export declare const disabledWithErrorMessage: () => JSX.Element;
|
|
@@ -11,7 +12,7 @@ export declare const withRange: () => JSX.Element;
|
|
|
11
12
|
export declare const withRangeAndKeyboardInput: () => JSX.Element;
|
|
12
13
|
declare const _default: {
|
|
13
14
|
title: string;
|
|
14
|
-
component: React.ForwardRefExoticComponent<Pick<import("./DatePicker").DatePickerProps, "className" | "label" | "name" | "isDisabled" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "
|
|
15
|
+
component: React.ForwardRefExoticComponent<Pick<import("./DatePicker").DatePickerProps, "className" | "label" | "name" | "isDisabled" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "error" | "description" | "hideLabel" | "value" | "customInput" | "dateFormat" | "displayFormat" | "errorTooltipPosition" | "hideOptionalLabel" | "inputProps" | "isAccessible" | "isAlwaysVisible" | "isClearable" | "isRequired" | "isKeyboardInputAllowed" | "isTextInputAllowed" | "maxDate" | "minDate" | "resinTarget" | "yearRange"> & {
|
|
15
16
|
forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
|
|
16
17
|
} & React.RefAttributes<any>> & {
|
|
17
18
|
WrappedComponent: React.ComponentType<import("./DatePicker").DatePickerProps>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import './OverlayHeader.scss';
|
|
3
|
+
export interface OverlayHeaderProps {
|
|
4
|
+
/** Components to render in the header */
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
/** Set className to the overlay header */
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const OverlayHeader: ({ children, className }: OverlayHeaderProps) => JSX.Element;
|
|
10
|
+
export default OverlayHeader;
|