@procore/core-react 12.25.2 → 12.26.1
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/.jest/ckeditorMock.js +67 -0
- package/.jest/esToolkitMock.js +23 -0
- package/.jest/example.test.js +5 -0
- package/.jest/fileMock.js +1 -0
- package/.jest/public/avatar.png +0 -0
- package/.jest/setupTests.js +31 -0
- package/.jest/snapshotResolver.js +47 -0
- package/.jest/styleMock.js +1 -0
- package/.jest/styledV6PropsMock.js +23 -0
- package/.jest/svgTransform.js +10 -0
- package/.jest/testShims.js +22 -0
- package/.jest/translationMock.js +3 -0
- package/.jest/videoMock.js +1 -0
- package/CHANGELOG.md +17 -0
- package/README.md +49 -3
- package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
- package/dist/Avatar/Avatar.styles.js +5 -5
- package/dist/AvatarStack/AvatarStack.styles.js +7 -7
- package/dist/AvatarStack/mocks/getAvatarMocks.d.ts +25 -0
- package/dist/AvatarStack/mocks/getAvatarMocks.js +305 -0
- package/dist/AvatarStack/mocks/getAvatarMocks.js.map +1 -0
- package/dist/AvatarStack/mocks/images.d.ts +2 -0
- package/dist/AvatarStack/mocks/images.js +13 -0
- package/dist/AvatarStack/mocks/images.js.map +1 -0
- package/dist/AvatarStack/mocks/img/1.png +0 -0
- package/dist/AvatarStack/mocks/img/2.png +0 -0
- package/dist/AvatarStack/mocks/img/3.png +0 -0
- package/dist/AvatarStack/mocks/img/4.png +0 -0
- package/dist/AvatarStack/mocks/img/5.png +0 -0
- package/dist/AvatarStack/mocks/logo/1.png +0 -0
- package/dist/AvatarStack/mocks/logo/2.png +0 -0
- package/dist/AvatarStack/mocks/logo/3.png +0 -0
- package/dist/AvatarStack/mocks/logo/4.png +0 -0
- package/dist/AvatarStack/mocks/logo/5.png +0 -0
- package/dist/Badge/Badge.styles.js +2 -2
- package/dist/BadgePill/BadgePill.styles.js +4 -4
- package/dist/Banner/Banner.styles.js +10 -10
- package/dist/Box/Box.styles.js +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/dist/Button/Button.styles.js +5 -5
- package/dist/Calendar/Calendar.styles.js +8 -8
- package/dist/Card/Card.styles.js +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -6
- package/dist/Checkbox/CheckboxTooltip.js +1 -1
- package/dist/ContactItem/ContactItem.styles.js +5 -5
- package/dist/Content/Content.styles.js +2 -2
- package/dist/DateInput/DateInput.styles.js +6 -6
- package/dist/DeprecatedTextEditor/DeprecatedTextEditor.d.ts +19 -0
- package/dist/DeprecatedTextEditor/DeprecatedTextEditor.js +159 -0
- package/dist/DeprecatedTextEditor/DeprecatedTextEditor.js.map +1 -0
- package/dist/{TextEditor/TextEditor.styles.js → DeprecatedTextEditor/DeprecatedTextEditor.styles.js} +1 -1
- package/dist/DeprecatedTextEditor/DeprecatedTextEditor.styles.js.map +1 -0
- package/dist/DeprecatedTextEditor/DeprecatedTextEditor.types.d.ts +72 -0
- package/dist/DeprecatedTextEditor/DeprecatedTextEditor.types.js +2 -0
- package/dist/DeprecatedTextEditor/DeprecatedTextEditor.types.js.map +1 -0
- package/dist/DeprecatedTextEditor/index.d.ts +2 -0
- package/dist/DeprecatedTextEditor/index.js +3 -0
- package/dist/DeprecatedTextEditor/index.js.map +1 -0
- package/dist/DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.d.ts +12 -0
- package/dist/DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.js +45 -0
- package/dist/DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.js.map +1 -0
- package/dist/{TextEditorOutput/TextEditorOutput.styles.js → DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.styles.js} +2 -2
- package/dist/DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.styles.js.map +1 -0
- package/dist/DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.types.d.ts +16 -0
- package/dist/DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.types.js +2 -0
- package/dist/DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.types.js.map +1 -0
- package/dist/DeprecatedTextEditorOutput/index.d.ts +2 -0
- package/dist/DeprecatedTextEditorOutput/index.js +2 -0
- package/dist/DeprecatedTextEditorOutput/index.js.map +1 -0
- package/dist/DetailPage/DetailPage.styles.js +7 -7
- package/dist/Dropdown/Dropdown.styles.js +3 -3
- package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
- package/dist/Dropzone/Dropzone.js +1 -1
- package/dist/Dropzone/Dropzone.styles.js +9 -9
- package/dist/EmptyState/EmptyState.styles.js +6 -6
- package/dist/EmptyState/assets/default.stories.png +0 -0
- package/dist/Field/Field.styles.js +3 -3
- package/dist/FileList/FileList.styles.js +4 -4
- package/dist/FileList/storybook/fileListMockData.d.ts +5 -0
- package/dist/FileList/storybook/fileListMockData.js +34 -0
- package/dist/FileList/storybook/fileListMockData.js.map +1 -0
- package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
- package/dist/FileSelect/FileSelect.styles.js +2 -2
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
- package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
- package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
- package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
- package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
- package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
- package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
- package/dist/FileToken/FileToken.styles.js +4 -4
- package/dist/FilterToken/FilterToken.styles.js +5 -5
- package/dist/FlexList/FlexList.styles.js +1 -1
- package/dist/Form/Form.js +1 -30
- package/dist/Form/Form.js.map +1 -1
- package/dist/Form/Form.styles.js +14 -14
- package/dist/Form/StyledFormikForm.styles.js +2 -2
- package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
- package/dist/Grid/Grid.styles.js +2 -2
- package/dist/GroupSelect/GroupSelect.styles.js +1 -1
- package/dist/GroupSelect/mocks/groupSelectMockData.d.ts +18 -0
- package/dist/GroupSelect/mocks/groupSelectMockData.js +122 -0
- package/dist/GroupSelect/mocks/groupSelectMockData.js.map +1 -0
- package/dist/Input/Input.styles.js +1 -1
- package/dist/Link/Link.styles.js +1 -1
- package/dist/ListPage/ListPage.styles.js +8 -8
- package/dist/Loader/Loader.styles.js +2 -2
- package/dist/MenuImperative/MenuImperative.styles.js +10 -10
- package/dist/Modal/Modal.styles.js +15 -15
- package/dist/Modal/Modal.styles.js.map +1 -1
- package/dist/MultiSelect/MultiSelect.styles.js +6 -6
- package/dist/NextMenu/NextMenu.styles.js +3 -3
- package/dist/NextTextEditor/EditorError.d.ts +2 -0
- package/dist/NextTextEditor/EditorError.js +9 -0
- package/dist/NextTextEditor/EditorError.js.map +1 -0
- package/dist/NextTextEditor/NextTextEditor.d.ts +3 -0
- package/dist/NextTextEditor/NextTextEditor.js +156 -0
- package/dist/NextTextEditor/NextTextEditor.js.map +1 -0
- package/dist/NextTextEditor/NextTextEditor.styles.d.ts +5 -0
- package/dist/NextTextEditor/NextTextEditor.styles.js +22 -0
- package/dist/NextTextEditor/NextTextEditor.styles.js.map +1 -0
- package/dist/NextTextEditor/NextTextEditor.types.d.ts +111 -0
- package/dist/NextTextEditor/NextTextEditor.types.js +2 -0
- package/dist/NextTextEditor/NextTextEditor.types.js.map +1 -0
- package/dist/NextTextEditor/StickyToolbar/StickyToolbar.types.d.ts +5 -0
- package/dist/NextTextEditor/StickyToolbar/StickyToolbar.types.js +2 -0
- package/dist/NextTextEditor/StickyToolbar/StickyToolbar.types.js.map +1 -0
- package/dist/NextTextEditor/StickyToolbar/StickyToolbar.utils.d.ts +3 -0
- package/dist/NextTextEditor/StickyToolbar/StickyToolbar.utils.js +153 -0
- package/dist/NextTextEditor/StickyToolbar/StickyToolbar.utils.js.map +1 -0
- package/dist/NextTextEditor/StickyToolbar/index.d.ts +4 -0
- package/dist/NextTextEditor/StickyToolbar/index.js +3 -0
- package/dist/NextTextEditor/StickyToolbar/index.js.map +1 -0
- package/dist/NextTextEditor/StickyToolbar/useStickyToolbar.d.ts +2 -0
- package/dist/NextTextEditor/StickyToolbar/useStickyToolbar.js +49 -0
- package/dist/NextTextEditor/StickyToolbar/useStickyToolbar.js.map +1 -0
- package/dist/NextTextEditor/StickyToolbar/useStickyToolbar.types.d.ts +12 -0
- package/dist/NextTextEditor/StickyToolbar/useStickyToolbar.types.js +2 -0
- package/dist/NextTextEditor/StickyToolbar/useStickyToolbar.types.js.map +1 -0
- package/dist/NextTextEditor/index.d.ts +2 -0
- package/dist/NextTextEditor/index.js +3 -0
- package/dist/NextTextEditor/index.js.map +1 -0
- package/dist/NextTextEditor/license_key.d.ts +2 -0
- package/dist/NextTextEditor/license_key.js +3 -0
- package/dist/NextTextEditor/license_key.js.map +1 -0
- package/dist/NextTextEditor/plugins/CutPlugin/CutCommand.d.ts +5 -0
- package/dist/NextTextEditor/plugins/CutPlugin/CutCommand.js +99 -0
- package/dist/NextTextEditor/plugins/CutPlugin/CutCommand.js.map +1 -0
- package/dist/NextTextEditor/plugins/CutPlugin/CutPlugin.d.ts +5 -0
- package/dist/NextTextEditor/plugins/CutPlugin/CutPlugin.js +56 -0
- package/dist/NextTextEditor/plugins/CutPlugin/CutPlugin.js.map +1 -0
- package/dist/NextTextEditor/plugins/CutPlugin/index.d.ts +1 -0
- package/dist/NextTextEditor/plugins/CutPlugin/index.js +2 -0
- package/dist/NextTextEditor/plugins/CutPlugin/index.js.map +1 -0
- package/dist/NextTextEditor/plugins/IndentPaddingToMarginPlugin/IndentPaddingToMarginPlugin.d.ts +5 -0
- package/dist/NextTextEditor/plugins/IndentPaddingToMarginPlugin/IndentPaddingToMarginPlugin.js +40 -0
- package/dist/NextTextEditor/plugins/IndentPaddingToMarginPlugin/IndentPaddingToMarginPlugin.js.map +1 -0
- package/dist/NextTextEditor/plugins/IndentPaddingToMarginPlugin/index.d.ts +1 -0
- package/dist/NextTextEditor/plugins/IndentPaddingToMarginPlugin/index.js +2 -0
- package/dist/NextTextEditor/plugins/IndentPaddingToMarginPlugin/index.js.map +1 -0
- package/dist/NextTextEditor/plugins/LegacyPasteAdapter/index.d.ts +15 -0
- package/dist/NextTextEditor/plugins/LegacyPasteAdapter/index.js +65 -0
- package/dist/NextTextEditor/plugins/LegacyPasteAdapter/index.js.map +1 -0
- package/dist/NextTextEditor/plugins/LegacyPasteAdapter/legacyTinyMceAdapter.d.ts +13 -0
- package/dist/NextTextEditor/plugins/LegacyPasteAdapter/legacyTinyMceAdapter.js +80 -0
- package/dist/NextTextEditor/plugins/LegacyPasteAdapter/legacyTinyMceAdapter.js.map +1 -0
- package/dist/NextTextEditor/plugins/PasteAsTextPlugin/PasteAsTextCommand.d.ts +5 -0
- package/dist/NextTextEditor/plugins/PasteAsTextPlugin/PasteAsTextCommand.js +86 -0
- package/dist/NextTextEditor/plugins/PasteAsTextPlugin/PasteAsTextCommand.js.map +1 -0
- package/dist/NextTextEditor/plugins/PasteAsTextPlugin/PasteAsTextPlugin.d.ts +5 -0
- package/dist/NextTextEditor/plugins/PasteAsTextPlugin/PasteAsTextPlugin.js +56 -0
- package/dist/NextTextEditor/plugins/PasteAsTextPlugin/PasteAsTextPlugin.js.map +1 -0
- package/dist/NextTextEditor/plugins/PasteAsTextPlugin/index.d.ts +1 -0
- package/dist/NextTextEditor/plugins/PasteAsTextPlugin/index.js +2 -0
- package/dist/NextTextEditor/plugins/PasteAsTextPlugin/index.js.map +1 -0
- package/dist/NextTextEditor/plugins/PastePlugin/PasteCommand.d.ts +5 -0
- package/dist/NextTextEditor/plugins/PastePlugin/PasteCommand.js +149 -0
- package/dist/NextTextEditor/plugins/PastePlugin/PasteCommand.js.map +1 -0
- package/dist/NextTextEditor/plugins/PastePlugin/PastePlugin.d.ts +5 -0
- package/dist/NextTextEditor/plugins/PastePlugin/PastePlugin.js +56 -0
- package/dist/NextTextEditor/plugins/PastePlugin/PastePlugin.js.map +1 -0
- package/dist/NextTextEditor/plugins/PastePlugin/index.d.ts +1 -0
- package/dist/NextTextEditor/plugins/PastePlugin/index.js +2 -0
- package/dist/NextTextEditor/plugins/PastePlugin/index.js.map +1 -0
- package/dist/NextTextEditor/plugins/TabSpacesPlugin/TabSpacesPlugin.d.ts +6 -0
- package/dist/NextTextEditor/plugins/TabSpacesPlugin/TabSpacesPlugin.js +87 -0
- package/dist/NextTextEditor/plugins/TabSpacesPlugin/TabSpacesPlugin.js.map +1 -0
- package/dist/NextTextEditor/plugins/TabSpacesPlugin/index.d.ts +1 -0
- package/dist/NextTextEditor/plugins/TabSpacesPlugin/index.js +2 -0
- package/dist/NextTextEditor/plugins/TabSpacesPlugin/index.js.map +1 -0
- package/dist/NextTextEditor/textEditorTheming/icons.d.ts +23 -0
- package/dist/NextTextEditor/textEditorTheming/icons.js +24 -0
- package/dist/NextTextEditor/textEditorTheming/icons.js.map +1 -0
- package/dist/NextTextEditor/textEditorTheming/index.d.ts +1 -0
- package/dist/NextTextEditor/textEditorTheming/index.js +2 -0
- package/dist/NextTextEditor/textEditorTheming/index.js.map +1 -0
- package/dist/NextTextEditor/textEditorTheming/textEditorTheming.styles.d.ts +2 -0
- package/dist/NextTextEditor/textEditorTheming/textEditorTheming.styles.js +10 -0
- package/dist/NextTextEditor/textEditorTheming/textEditorTheming.styles.js.map +1 -0
- package/dist/NextTextEditor/useCKEditorCss.d.ts +3 -0
- package/dist/NextTextEditor/useCKEditorCss.js +36 -0
- package/dist/NextTextEditor/useCKEditorCss.js.map +1 -0
- package/dist/NextTextEditor/useTabAsNavigation.d.ts +11 -0
- package/dist/NextTextEditor/useTabAsNavigation.js +29 -0
- package/dist/NextTextEditor/useTabAsNavigation.js.map +1 -0
- package/dist/NextTextEditor/utils/config.d.ts +3 -0
- package/dist/NextTextEditor/utils/config.js +179 -0
- package/dist/NextTextEditor/utils/config.js.map +1 -0
- package/dist/NextTextEditor/utils/index.d.ts +2 -0
- package/dist/NextTextEditor/utils/index.js +3 -0
- package/dist/NextTextEditor/utils/index.js.map +1 -0
- package/dist/NextTextEditor/utils/locale.d.ts +3 -0
- package/dist/NextTextEditor/utils/locale.js +102 -0
- package/dist/NextTextEditor/utils/locale.js.map +1 -0
- package/dist/NextTextEditor/utils/plugins.d.ts +7 -0
- package/dist/NextTextEditor/utils/plugins.js +184 -0
- package/dist/NextTextEditor/utils/plugins.js.map +1 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.d.ts +9 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.js +29 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.js.map +1 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.styles.d.ts +2 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.styles.js +6 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.styles.js.map +1 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.types.d.ts +9 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.types.js +2 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.types.js.map +1 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.utils.d.ts +2 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.utils.js +59 -0
- package/dist/NextTextEditorOutput/NextTextEditorOutput.utils.js.map +1 -0
- package/dist/NextTextEditorOutput/index.d.ts +2 -0
- package/dist/NextTextEditorOutput/index.js +2 -0
- package/dist/NextTextEditorOutput/index.js.map +1 -0
- package/dist/Notation/Notation.js +1 -1
- package/dist/NumberInput/NumberInput.styles.js +7 -7
- package/dist/Overlay/OverlayArrow.styles.js +1 -1
- package/dist/PageLayout/PageLayout.styles.js +16 -16
- package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
- package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
- package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
- package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
- package/dist/Pagination/Pagination.styles.js +5 -5
- package/dist/Panel/Panel.styles.js +13 -13
- package/dist/Panel/Panel.styles.js.map +1 -1
- package/dist/Pill/Pill.styles.js +3 -3
- package/dist/PillSelect/PillSelect.styles.js +4 -4
- package/dist/Popover/Popover.styles.js +2 -2
- package/dist/Portal/Portal.styles.js +1 -1
- package/dist/ProgressBar/ProgressBar.styles.js +2 -2
- package/dist/RadioButton/RadioButton.styles.js +3 -3
- package/dist/Required/Required.styles.js +3 -3
- package/dist/Search/Search.styles.js +5 -5
- package/dist/Section/Section.styles.js +7 -7
- package/dist/SegmentedController/SegmentedController.styles.js +4 -4
- package/dist/Select/Select.styles.js +7 -7
- package/dist/Semantic/Semantic.styles.js +9 -9
- package/dist/Slider/Slider.styles.js +5 -5
- package/dist/Spinner/Spinner.js +5 -7
- package/dist/Spinner/Spinner.js.map +1 -1
- package/dist/Spinner/Spinner.styles.js +7 -7
- package/dist/SplitViewCard/SplitViewCard.styles.js +10 -10
- package/dist/SplitViewCard/SplitViewCard.styles.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
- package/dist/SuperSelect/SuperSelect.styles.js +37 -37
- package/dist/Switch/Switch.styles.js +4 -4
- package/dist/Table/Table.styles.js +28 -28
- package/dist/TableShelf/TableShelf.styles.js +5 -5
- package/dist/Tabs/Tabs.styles.js +15 -15
- package/dist/Tearsheet/Tearsheet.styles.js +7 -7
- package/dist/Tearsheet/Tearsheet.styles.js.map +1 -1
- package/dist/Tearsheet/storybook/PageLayoutDemo.d.ts +4 -0
- package/dist/Tearsheet/storybook/PageLayoutDemo.js +164 -0
- package/dist/Tearsheet/storybook/PageLayoutDemo.js.map +1 -0
- package/dist/TextArea/TextArea.styles.js +1 -1
- package/dist/TextEditor/TextEditor.d.ts +2 -19
- package/dist/TextEditor/TextEditor.js +11 -169
- package/dist/TextEditor/TextEditor.js.map +1 -1
- package/dist/TextEditor/TextEditor.types.d.ts +19 -86
- package/dist/TextEditor/TextEditor.types.js.map +1 -1
- package/dist/TextEditor/TextEditorDocs.types.d.ts +65 -0
- package/dist/TextEditor/TextEditorDocs.types.js +2 -0
- package/dist/TextEditor/TextEditorDocs.types.js.map +1 -0
- package/dist/TextEditor/TextEditorProvider.d.ts +4 -0
- package/dist/TextEditor/TextEditorProvider.js +17 -0
- package/dist/TextEditor/TextEditorProvider.js.map +1 -0
- package/dist/TextEditor/TextEditorProvider.types.d.ts +14 -0
- package/dist/TextEditor/TextEditorProvider.types.js +2 -0
- package/dist/TextEditor/TextEditorProvider.types.js.map +1 -0
- package/dist/TextEditor/index.d.ts +4 -2
- package/dist/TextEditor/index.js +2 -1
- package/dist/TextEditor/index.js.map +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.d.ts +6 -8
- package/dist/TextEditorOutput/TextEditorOutput.js +17 -34
- package/dist/TextEditorOutput/TextEditorOutput.js.map +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.types.d.ts +16 -13
- package/dist/TextEditorOutput/TextEditorOutput.types.js.map +1 -1
- package/dist/TextEditorOutput/TextEditorOutputDocs.types.d.ts +21 -0
- package/dist/TextEditorOutput/TextEditorOutputDocs.types.js +2 -0
- package/dist/TextEditorOutput/TextEditorOutputDocs.types.js.map +1 -0
- package/dist/Thumbnail/Thumbnail.styles.js +17 -17
- package/dist/Thumbnail/mocks/images/thumb_104x104_1.png +0 -0
- package/dist/Thumbnail/mocks/images/thumb_104x104_2.png +0 -0
- package/dist/Thumbnail/mocks/images/thumb_104x104_3.png +0 -0
- package/dist/Thumbnail/mocks/images/thumb_104x104_4.png +0 -0
- package/dist/Thumbnail/mocks/images/thumb_40x40_1.png +0 -0
- package/dist/Thumbnail/mocks/images/thumb_40x40_2.png +0 -0
- package/dist/Thumbnail/mocks/images/thumb_40x40_3.png +0 -0
- package/dist/Thumbnail/mocks/images/thumb_40x40_4.png +0 -0
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
- package/dist/TieredSelect/TierSelectionTieredSelect.js +3 -1
- package/dist/TieredSelect/TierSelectionTieredSelect.js.map +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js +9 -9
- package/dist/TieredSelect/TieredSelect.types.d.ts +4 -0
- package/dist/TieredSelect/TieredSelect.types.js.map +1 -1
- package/dist/Tile/Tile.styles.js +8 -8
- package/dist/Tile/mocks/dog.jpeg +0 -0
- package/dist/Tile/mocks/iframe.d.ts +5 -0
- package/dist/Tile/mocks/iframe.js +15 -0
- package/dist/Tile/mocks/iframe.js.map +1 -0
- package/dist/Tile/mocks/svg.d.ts +3 -0
- package/dist/Tile/mocks/svg.js +830 -0
- package/dist/Tile/mocks/svg.js.map +1 -0
- package/dist/Tile/mocks/video.mp4 +0 -0
- package/dist/Title/Title.styles.js +7 -7
- package/dist/Title/mocks/thumb_40x40_1.png +0 -0
- package/dist/Title/mocks/visual_placeholder_40x40.svg +9 -0
- package/dist/Toast/Toast.styles.js +3 -3
- package/dist/ToggleButton/ToggleButton.styles.js +1 -1
- package/dist/Token/Token.styles.js +3 -3
- package/dist/ToolHeader/ToolHeader.styles.js +6 -6
- package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
- package/dist/Tooltip/Tooltip.styles.js +2 -2
- package/dist/Tree/Tree.styles.js +9 -9
- package/dist/Tree/mocks/treeMockData.d.ts +8 -0
- package/dist/Tree/mocks/treeMockData.js +44 -0
- package/dist/Tree/mocks/treeMockData.js.map +1 -0
- package/dist/Typeahead/Typeahead.styles.js +3 -3
- package/dist/Typography/Typography.styles.js +1 -1
- package/dist/Typography/Typography.table.story.js +2 -2
- package/dist/_storyHelpers_/components/Deprecation.d.ts +3 -0
- package/dist/_storyHelpers_/components/Deprecation.js +10 -0
- package/dist/_storyHelpers_/components/Deprecation.js.map +1 -0
- package/dist/_storyHelpers_/components/Deprecation.styles.d.ts +4 -0
- package/dist/_storyHelpers_/components/Deprecation.styles.js +7 -0
- package/dist/_storyHelpers_/components/Deprecation.styles.js.map +1 -0
- package/dist/_storyHelpers_/components/Deprecation.types.d.ts +9 -0
- package/dist/_storyHelpers_/components/Deprecation.types.js +2 -0
- package/dist/_storyHelpers_/components/Deprecation.types.js.map +1 -0
- package/dist/_storyHelpers_/components/FullLayout.d.ts +6 -0
- package/dist/_storyHelpers_/components/FullLayout.js +15 -0
- package/dist/_storyHelpers_/components/FullLayout.js.map +1 -0
- package/dist/_storyHelpers_/components/StoryGrid.d.ts +7 -0
- package/dist/_storyHelpers_/components/StoryGrid.js +40 -0
- package/dist/_storyHelpers_/components/StoryGrid.js.map +1 -0
- package/dist/_storyHelpers_/components/WithNavigationLayout.d.ts +2 -0
- package/dist/_storyHelpers_/components/WithNavigationLayout.js +47 -0
- package/dist/_storyHelpers_/components/WithNavigationLayout.js.map +1 -0
- package/dist/_storyHelpers_/constants.d.ts +35 -0
- package/dist/_storyHelpers_/constants.js +168 -0
- package/dist/_storyHelpers_/constants.js.map +1 -0
- package/dist/_storyHelpers_/decorators/fullLayoutDecorator.d.ts +3 -0
- package/dist/_storyHelpers_/decorators/fullLayoutDecorator.js +8 -0
- package/dist/_storyHelpers_/decorators/fullLayoutDecorator.js.map +1 -0
- package/dist/_storyHelpers_/effects/useWaitForElement.d.ts +1 -0
- package/dist/_storyHelpers_/effects/useWaitForElement.js +24 -0
- package/dist/_storyHelpers_/effects/useWaitForElement.js.map +1 -0
- package/dist/_storyHelpers_/mocks/dropzoneMockData.d.ts +13 -0
- package/dist/_storyHelpers_/mocks/dropzoneMockData.js +39 -0
- package/dist/_storyHelpers_/mocks/dropzoneMockData.js.map +1 -0
- package/dist/_storyHelpers_/mocks/pillSelectMockData.d.ts +6 -0
- package/dist/_storyHelpers_/mocks/pillSelectMockData.js +22 -0
- package/dist/_storyHelpers_/mocks/pillSelectMockData.js.map +1 -0
- package/dist/_storyHelpers_/mocks/selectMockData.d.ts +11 -0
- package/dist/_storyHelpers_/mocks/selectMockData.js +36 -0
- package/dist/_storyHelpers_/mocks/selectMockData.js.map +1 -0
- package/dist/_storyHelpers_/mocks/tableMockData.d.ts +4 -0
- package/dist/_storyHelpers_/mocks/tableMockData.js +38 -0
- package/dist/_storyHelpers_/mocks/tableMockData.js.map +1 -0
- package/dist/_storyHelpers_/mocks/tieredSelect.d.ts +77 -0
- package/dist/_storyHelpers_/mocks/tieredSelect.js +277 -0
- package/dist/_storyHelpers_/mocks/tieredSelect.js.map +1 -0
- package/dist/_styles/mixins.d.ts +4 -0
- package/dist/_styles/mixins.js +7 -0
- package/dist/_styles/mixins.js.map +1 -1
- package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +3 -3
- package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +24 -24
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +13 -13
- package/dist/_typedoc/Box/Box.types.json +68 -68
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
- package/dist/_typedoc/Button/Button.types.json +13 -13
- package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +8 -8
- package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
- package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
- package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
- package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +30 -30
- package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
- package/dist/_typedoc/EmptyState/EmptyState.types.json +16 -16
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
- package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/_typedoc/Flex/Flex.types.json +27 -27
- package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
- package/dist/_typedoc/Form/Form.types.json +929 -773
- package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
- package/dist/_typedoc/Input/Input.types.json +2 -2
- package/dist/_typedoc/Link/Link.types.json +1 -1
- package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
- package/dist/_typedoc/Menu/Menu.types.json +62 -62
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
- package/dist/_typedoc/Modal/Modal.types.json +46 -46
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
- package/dist/_typedoc/NextTile/NextTile.types.json +32 -32
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +37 -37
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +32 -32
- package/dist/_typedoc/PageLayout/PageLayout.types.json +26 -26
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +30 -30
- package/dist/_typedoc/Pill/Pill.types.json +2 -2
- package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
- package/dist/_typedoc/Popover/Popover.types.json +15 -15
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +7 -7
- package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
- package/dist/_typedoc/Required/Required.types.json +5 -5
- package/dist/_typedoc/Search/Search.types.json +18 -18
- package/dist/_typedoc/Section/Section.types.json +15 -15
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
- package/dist/_typedoc/Select/Select.types.json +60 -60
- package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
- package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +14 -14
- package/dist/_typedoc/Table/Table.types.json +101 -101
- package/dist/_typedoc/Tabs/Tabs.types.json +20 -20
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +1 -100
- package/dist/_typedoc/TextEditor/TextEditorDocs.types.json +98 -0
- package/dist/_typedoc/TextEditor/TextEditorProvider.types.json +28 -0
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +6 -42
- package/dist/_typedoc/TextEditorOutput/TextEditorOutputDocs.types.json +38 -0
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
- package/dist/_typedoc/Tile/Tile.types.json +8 -8
- package/dist/_typedoc/Title/Title.types.json +1 -1
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
- package/dist/_typedoc/Token/Token.types.json +6 -6
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
- package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +7 -7
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +86 -86
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +9 -9
- package/dist/_typedoc/_utils/types.json +3 -3
- package/dist/_typedoc/deprecations.json +1 -1
- package/dist/_utils/propsTypedoc.d.ts +3 -0
- package/dist/_utils/propsTypedoc.js +3 -0
- package/dist/_utils/propsTypedoc.js.map +1 -1
- package/jestConfig.js +52 -0
- package/package.json +26 -11
- package/.eslintignore +0 -4
- package/.eslintrc.cjs +0 -54
- package/__mocks__/@react-aria/utils.js +0 -10
- package/babel.config.js +0 -40
- package/dist/TextEditor/TextEditor.styles.js.map +0 -1
- package/dist/TextEditorOutput/TextEditorOutput.styles.js.map +0 -1
- package/tsconfig.json +0 -24
- package/tsconfig.prod.json +0 -11
- package/tsconfig.test.json +0 -4
- /package/dist/{TextEditor/TextEditor.styles.d.ts → DeprecatedTextEditor/DeprecatedTextEditor.styles.d.ts} +0 -0
- /package/dist/{TextEditorOutput/TextEditorOutput.styles.d.ts → DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.styles.d.ts} +0 -0
|
@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
|
|
|
7
7
|
import { spacing } from '../_styles/spacing';
|
|
8
8
|
export var StyledToast = /*#__PURE__*/styled.div.withConfig({
|
|
9
9
|
displayName: "StyledToast",
|
|
10
|
-
componentId: "core-
|
|
10
|
+
componentId: "core-12_26_1__sc-1l6lk2n-0"
|
|
11
11
|
})(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
|
|
12
12
|
var $variant = _ref.$variant;
|
|
13
13
|
return $variant === 'success' ? colors.green30 : colors.red50;
|
|
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
|
|
|
16
16
|
// $legacy is direct string inside Toast. Next is with subcomponents
|
|
17
17
|
export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
|
|
18
18
|
displayName: "StyledToastText",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-12_26_1__sc-1l6lk2n-1"
|
|
20
20
|
})(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
|
|
21
21
|
var $legacy = _ref2.$legacy;
|
|
22
22
|
return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
|
|
23
23
|
});
|
|
24
24
|
export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
|
|
25
25
|
displayName: "StyledToastButton",
|
|
26
|
-
componentId: "core-
|
|
26
|
+
componentId: "core-12_26_1__sc-1l6lk2n-2"
|
|
27
27
|
})(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
|
|
28
28
|
//# sourceMappingURL=Toast.styles.js.map
|
|
@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
|
|
|
3
3
|
import { colors } from '../_styles/colors';
|
|
4
4
|
export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
|
|
5
5
|
displayName: "StyledToggleButton",
|
|
6
|
-
componentId: "core-
|
|
6
|
+
componentId: "core-12_26_1__sc-1x59fxi-0"
|
|
7
7
|
})(["", ""], function (_ref) {
|
|
8
8
|
var $selected = _ref.$selected;
|
|
9
9
|
return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);
|
|
@@ -6,15 +6,15 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
|
|
|
6
6
|
import { spacing } from '../_styles/spacing';
|
|
7
7
|
export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
|
|
8
8
|
displayName: "StyledLabel",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-12_26_1__sc-zqi94b-0"
|
|
10
10
|
})(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
|
|
11
11
|
export var StyledRemove = /*#__PURE__*/styled(Button).withConfig({
|
|
12
12
|
displayName: "StyledRemove",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-12_26_1__sc-zqi94b-1"
|
|
14
14
|
})(["border-radius:100%;color:", ";flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;padding:0;width:16px;&:hover{background:", ";color:", ";}"], colors.white, spacing.sm, spacing.sm, colors.white, colors.blue40);
|
|
15
15
|
export var StyledToken = /*#__PURE__*/styled.div.withConfig({
|
|
16
16
|
displayName: "StyledToken",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-12_26_1__sc-zqi94b-2"
|
|
18
18
|
})(["align-items:center;background-color:", ";border-radius:200px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:24px;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", " ", " ", ""], colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_ref) {
|
|
19
19
|
var _ref$$focused = _ref.$focused,
|
|
20
20
|
$focused = _ref$$focused === void 0 ? false : _ref$$focused,
|
|
@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
|
|
|
5
5
|
import { spacing } from '../_styles/spacing';
|
|
6
6
|
export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
|
|
7
7
|
displayName: "StyledHeaderBadge",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-12_26_1__sc-1jpjx47-0"
|
|
9
9
|
})(["", " border-radius:10px;border-style:solid;border-width:1px;display:inline-block;margin-bottom:", "px;padding:1px ", "px;", ""], getTypographyIntent('small'), spacing.sm, spacing.sm, function (_ref) {
|
|
10
10
|
var $variant = _ref.$variant;
|
|
11
11
|
if ($variant) {
|
|
@@ -18,22 +18,22 @@ export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
|
|
|
18
18
|
// TODO in v12 remove cursor: pointer;
|
|
19
19
|
export var StyledToolHeaderIconContainer = /*#__PURE__*/styled.div.withConfig({
|
|
20
20
|
displayName: "StyledToolHeaderIconContainer",
|
|
21
|
-
componentId: "core-
|
|
21
|
+
componentId: "core-12_26_1__sc-1jpjx47-1"
|
|
22
22
|
})(["color:", ";cursor:pointer;display:inline-flex;flex:0 0 auto;"], colors.orange50);
|
|
23
23
|
export var StyledHeaderTabs = /*#__PURE__*/styled.div.withConfig({
|
|
24
24
|
displayName: "StyledHeaderTabs",
|
|
25
|
-
componentId: "core-
|
|
25
|
+
componentId: "core-12_26_1__sc-1jpjx47-2"
|
|
26
26
|
})(["align-self:flex-end;flex:1 1 auto;min-width:100px;overflow:hidden;"]);
|
|
27
27
|
export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
|
|
28
28
|
displayName: "StyledHeaderActions",
|
|
29
|
-
componentId: "core-
|
|
29
|
+
componentId: "core-12_26_1__sc-1jpjx47-3"
|
|
30
30
|
})(["flex:0 0 auto;margin-left:auto;padding-left:", "px;"], spacing.lg);
|
|
31
31
|
export var StyledToolHeaderTitle = /*#__PURE__*/styled(H1).withConfig({
|
|
32
32
|
displayName: "StyledToolHeaderTitle",
|
|
33
|
-
componentId: "core-
|
|
33
|
+
componentId: "core-12_26_1__sc-1jpjx47-4"
|
|
34
34
|
})(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
|
|
35
35
|
export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
|
|
36
36
|
displayName: "StyledToolHeader",
|
|
37
|
-
componentId: "core-
|
|
37
|
+
componentId: "core-12_26_1__sc-1jpjx47-5"
|
|
38
38
|
})(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
|
|
39
39
|
//# sourceMappingURL=ToolHeader.styles.js.map
|
|
@@ -3,14 +3,14 @@ import { Page } from '../PageLayout';
|
|
|
3
3
|
import { spacing } from '../_styles/spacing';
|
|
4
4
|
export var StyledTitleOuter = /*#__PURE__*/styled(Page.Title).withConfig({
|
|
5
5
|
displayName: "StyledTitleOuter",
|
|
6
|
-
componentId: "core-
|
|
6
|
+
componentId: "core-12_26_1__sc-wa8j06-0"
|
|
7
7
|
})(["align-items:center;display:flex;gap:", "px;"], spacing.md);
|
|
8
8
|
export var StyledTitleInner = /*#__PURE__*/styled.div.withConfig({
|
|
9
9
|
displayName: "StyledTitleInner",
|
|
10
|
-
componentId: "core-
|
|
10
|
+
componentId: "core-12_26_1__sc-wa8j06-1"
|
|
11
11
|
})(["width:100%;"]);
|
|
12
12
|
export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
|
|
13
13
|
displayName: "StyledToolLandingPageBodyContent",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-12_26_1__sc-wa8j06-2"
|
|
15
15
|
})(["> * + *{margin-top:", "px;}"], spacing.sm);
|
|
16
16
|
//# sourceMappingURL=ToolLandingPage.styles.js.map
|
|
@@ -6,10 +6,10 @@ import { getShadow } from '../_styles/shadows';
|
|
|
6
6
|
import { spacing } from '../_styles/spacing';
|
|
7
7
|
export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
|
|
8
8
|
displayName: "StyledTooltip",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-12_26_1__sc-1fawsi4-0"
|
|
10
10
|
})(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
|
|
11
11
|
export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
|
|
12
12
|
displayName: "StyledContainer",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-12_26_1__sc-1fawsi4-1"
|
|
14
14
|
})(["display:inline-flex;background-color:", ";border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}"], colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
|
|
15
15
|
//# sourceMappingURL=Tooltip.styles.js.map
|
package/dist/Tree/Tree.styles.js
CHANGED
|
@@ -5,11 +5,11 @@ import { Typography } from '../Typography/Typography';
|
|
|
5
5
|
import { colors } from '../_styles/colors';
|
|
6
6
|
export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
|
|
7
7
|
displayName: "StyledFilenameCaption",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-12_26_1__sc-2d45b5-0"
|
|
9
9
|
})(["display:flex;width:100%;"]);
|
|
10
10
|
export var StyledTree = /*#__PURE__*/styled.div.withConfig({
|
|
11
11
|
displayName: "StyledTree",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-12_26_1__sc-2d45b5-1"
|
|
13
13
|
})(["width:100%;height:100%;min-height:36px;outline:none;overflow:auto;"]);
|
|
14
14
|
export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
|
|
15
15
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
@@ -17,7 +17,7 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
|
|
|
17
17
|
}
|
|
18
18
|
}).withConfig({
|
|
19
19
|
displayName: "StyledTreeRowContainer",
|
|
20
|
-
componentId: "core-
|
|
20
|
+
componentId: "core-12_26_1__sc-2d45b5-2"
|
|
21
21
|
})(["display:flex;align-items:center;height:36px;background:transparent;box-shadow:inset 4px 0px 0px transparent;cursor:default;outline:none;", " &:hover{background:", ";}", " ", ""], function (_ref) {
|
|
22
22
|
var isSelectable = _ref.isSelectable,
|
|
23
23
|
$isSelectable = _ref.$isSelectable;
|
|
@@ -35,30 +35,30 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
|
|
|
35
35
|
});
|
|
36
36
|
export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
|
|
37
37
|
displayName: "StyledTreeRowContent",
|
|
38
|
-
componentId: "core-
|
|
38
|
+
componentId: "core-12_26_1__sc-2d45b5-3"
|
|
39
39
|
})(["display:flex;align-items:center;"]);
|
|
40
40
|
export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
41
41
|
displayName: "StyledTreeRowWrapper",
|
|
42
|
-
componentId: "core-
|
|
42
|
+
componentId: "core-12_26_1__sc-2d45b5-4"
|
|
43
43
|
})(["outline:none;"]);
|
|
44
44
|
var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
|
|
45
45
|
displayName: "StyledIconBase",
|
|
46
|
-
componentId: "core-
|
|
46
|
+
componentId: "core-12_26_1__sc-2d45b5-5"
|
|
47
47
|
})(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
|
|
48
48
|
export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
|
|
49
49
|
displayName: "StyledChevronContainer",
|
|
50
|
-
componentId: "core-
|
|
50
|
+
componentId: "core-12_26_1__sc-2d45b5-6"
|
|
51
51
|
})([""]);
|
|
52
52
|
export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
|
|
53
53
|
displayName: "StyledIconContainer",
|
|
54
|
-
componentId: "core-
|
|
54
|
+
componentId: "core-12_26_1__sc-2d45b5-7"
|
|
55
55
|
})(["color:", ";"], function (_ref4) {
|
|
56
56
|
var $isSelected = _ref4.$isSelected;
|
|
57
57
|
return $isSelected ? colors.blue45 : colors.gray40;
|
|
58
58
|
});
|
|
59
59
|
export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
|
|
60
60
|
displayName: "StyledChevron",
|
|
61
|
-
componentId: "core-
|
|
61
|
+
componentId: "core-12_26_1__sc-2d45b5-8"
|
|
62
62
|
})(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
|
|
63
63
|
var $isExpanded = _ref5.$isExpanded;
|
|
64
64
|
return $isExpanded ? 90 : 0;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
+
function generateRandomString(length) {
|
|
8
|
+
var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
|
9
|
+
var charactersLength = characters.length;
|
|
10
|
+
var result = '';
|
|
11
|
+
for (var i = 0; i < length; i++) {
|
|
12
|
+
result += characters.charAt(Math.floor(Math.random() * charactersLength));
|
|
13
|
+
}
|
|
14
|
+
return result;
|
|
15
|
+
}
|
|
16
|
+
var root = {
|
|
17
|
+
id: 1,
|
|
18
|
+
name: 'Root Folder',
|
|
19
|
+
parentId: null,
|
|
20
|
+
file: false
|
|
21
|
+
};
|
|
22
|
+
export function createMockData(amountOfNodes) {
|
|
23
|
+
var ids = [root.id];
|
|
24
|
+
var mockData = [root];
|
|
25
|
+
for (var i = 0, id = 2; i < amountOfNodes; i++, id++) {
|
|
26
|
+
mockData.push({
|
|
27
|
+
name: generateRandomString(5),
|
|
28
|
+
id: id,
|
|
29
|
+
file: false,
|
|
30
|
+
parentId: ids[Math.floor(Math.random() * ids.length)]
|
|
31
|
+
});
|
|
32
|
+
ids.push(id);
|
|
33
|
+
}
|
|
34
|
+
var foldersIds = mockData.map(function (item) {
|
|
35
|
+
return item.parentId;
|
|
36
|
+
});
|
|
37
|
+
var uniqueFolders = new Set(foldersIds);
|
|
38
|
+
return mockData.map(function (item) {
|
|
39
|
+
return uniqueFolders.has(item.id) ? item : _objectSpread(_objectSpread({}, item), {}, {
|
|
40
|
+
file: true
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=treeMockData.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"treeMockData.js","names":["generateRandomString","length","characters","charactersLength","result","i","charAt","Math","floor","random","root","id","name","parentId","file","createMockData","amountOfNodes","ids","mockData","push","foldersIds","map","item","uniqueFolders","Set","has","_objectSpread"],"sources":["../../../src/Tree/mocks/treeMockData.ts"],"sourcesContent":["import type { TreeNodeId } from '../Tree.types'\n\nfunction generateRandomString(length: number) {\n const characters =\n 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'\n const charactersLength = characters.length\n\n let result = ''\n\n for (let i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() * charactersLength))\n }\n\n return result\n}\n\nexport interface CustomNode {\n id: number\n name: string\n parentId: TreeNodeId\n file: boolean\n}\n\nconst root = {\n id: 1,\n name: 'Root Folder',\n parentId: null,\n file: false,\n}\n\nexport function createMockData(amountOfNodes: number) {\n const ids: CustomNode['id'][] = [root.id]\n const mockData: CustomNode[] = [root]\n for (let i = 0, id = 2; i < amountOfNodes; i++, id++) {\n mockData.push({\n name: generateRandomString(5),\n id,\n file: false,\n parentId: ids[Math.floor(Math.random() * ids.length)],\n })\n ids.push(id)\n }\n const foldersIds = mockData.map((item) => item.parentId)\n const uniqueFolders = new Set(foldersIds)\n\n return mockData.map((item) =>\n uniqueFolders.has(item.id) ? item : { ...item, file: true }\n )\n}\n"],"mappings":";;;;;;AAEA,SAASA,oBAAoBA,CAACC,MAAc,EAAE;EAC5C,IAAMC,UAAU,GACd,gEAAgE;EAClE,IAAMC,gBAAgB,GAAGD,UAAU,CAACD,MAAM;EAE1C,IAAIG,MAAM,GAAG,EAAE;EAEf,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGJ,MAAM,EAAEI,CAAC,EAAE,EAAE;IAC/BD,MAAM,IAAIF,UAAU,CAACI,MAAM,CAACC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGN,gBAAgB,CAAC,CAAC;EAC3E;EAEA,OAAOC,MAAM;AACf;AASA,IAAMM,IAAI,GAAG;EACXC,EAAE,EAAE,CAAC;EACLC,IAAI,EAAE,aAAa;EACnBC,QAAQ,EAAE,IAAI;EACdC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,SAASC,cAAcA,CAACC,aAAqB,EAAE;EACpD,IAAMC,GAAuB,GAAG,CAACP,IAAI,CAACC,EAAE,CAAC;EACzC,IAAMO,QAAsB,GAAG,CAACR,IAAI,CAAC;EACrC,KAAK,IAAIL,CAAC,GAAG,CAAC,EAAEM,EAAE,GAAG,CAAC,EAAEN,CAAC,GAAGW,aAAa,EAAEX,CAAC,EAAE,EAAEM,EAAE,EAAE,EAAE;IACpDO,QAAQ,CAACC,IAAI,CAAC;MACZP,IAAI,EAAEZ,oBAAoB,CAAC,CAAC,CAAC;MAC7BW,EAAE,EAAFA,EAAE;MACFG,IAAI,EAAE,KAAK;MACXD,QAAQ,EAAEI,GAAG,CAACV,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGQ,GAAG,CAAChB,MAAM,CAAC;IACtD,CAAC,CAAC;IACFgB,GAAG,CAACE,IAAI,CAACR,EAAE,CAAC;EACd;EACA,IAAMS,UAAU,GAAGF,QAAQ,CAACG,GAAG,CAAC,UAACC,IAAI;IAAA,OAAKA,IAAI,CAACT,QAAQ;EAAA,EAAC;EACxD,IAAMU,aAAa,GAAG,IAAIC,GAAG,CAACJ,UAAU,CAAC;EAEzC,OAAOF,QAAQ,CAACG,GAAG,CAAC,UAACC,IAAI;IAAA,OACvBC,aAAa,CAACE,GAAG,CAACH,IAAI,CAACX,EAAE,CAAC,GAAGW,IAAI,GAAAI,aAAA,CAAAA,aAAA,KAAQJ,IAAI;MAAER,IAAI,EAAE;IAAI,EAAE;EAAA,CAC7D,CAAC;AACH"}
|
|
@@ -5,11 +5,11 @@ import { spacing } from '../_styles/spacing';
|
|
|
5
5
|
var inputHeight = 36;
|
|
6
6
|
export var StyledInput = /*#__PURE__*/styled.input.withConfig({
|
|
7
7
|
displayName: "StyledInput",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-12_26_1__sc-gpc39h-0"
|
|
9
9
|
})(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
|
|
10
10
|
export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
|
|
11
11
|
displayName: "StyledIcon",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-12_26_1__sc-gpc39h-1"
|
|
13
13
|
})(["align-items:center;color:", ";display:flex;height:", "px;justify-content:center;pointer-events:", ";position:absolute;right:0;top:0;width:", "px;"], function (p) {
|
|
14
14
|
return p.disabled ? colors.gray70 : colors.gray45;
|
|
15
15
|
}, inputHeight, function (p) {
|
|
@@ -17,6 +17,6 @@ export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
|
|
|
17
17
|
}, inputHeight);
|
|
18
18
|
export var StyledTypeahead = /*#__PURE__*/styled.div.withConfig({
|
|
19
19
|
displayName: "StyledTypeahead",
|
|
20
|
-
componentId: "core-
|
|
20
|
+
componentId: "core-12_26_1__sc-gpc39h-2"
|
|
21
21
|
})(["position:relative;width:100%;"]);
|
|
22
22
|
//# sourceMappingURL=Typeahead.styles.js.map
|
|
@@ -35,7 +35,7 @@ export var semiboldRules = function semiboldRules() {
|
|
|
35
35
|
};
|
|
36
36
|
export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
|
|
37
37
|
displayName: "StyledTypography",
|
|
38
|
-
componentId: "core-
|
|
38
|
+
componentId: "core-12_26_1__sc-1c4583t-0"
|
|
39
39
|
})(["", " color:", ";font-style:", ";font-weight:", ";", " ", " em,i{font-style:italic;}"], function (_ref) {
|
|
40
40
|
var _ref$$intent = _ref.$intent,
|
|
41
41
|
$intent = _ref$$intent === void 0 ? 'body' : _ref$$intent;
|
|
@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
|
|
|
5
5
|
import { getTypographyIntent } from './Typography.styles';
|
|
6
6
|
var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
|
|
7
7
|
displayName: "StyledBodyCell",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-12_26_1__sc-p4v7d-0"
|
|
9
9
|
})([""]);
|
|
10
10
|
var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
|
|
11
11
|
displayName: "StyledTextCell",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-12_26_1__sc-p4v7d-1"
|
|
13
13
|
})(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
|
|
14
14
|
function BodyCell() {
|
|
15
15
|
return /*#__PURE__*/React.createElement(StyledBodyCell, {
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyledDeprecation } from './Deprecation.styles';
|
|
3
|
+
export var Deprecation = function Deprecation(props) {
|
|
4
|
+
var children = props.children;
|
|
5
|
+
return /*#__PURE__*/React.createElement(StyledDeprecation, {
|
|
6
|
+
color: "red45",
|
|
7
|
+
weight: "semibold"
|
|
8
|
+
}, children);
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=Deprecation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Deprecation.js","names":["React","StyledDeprecation","Deprecation","props","children","createElement","color","weight"],"sources":["../../../src/_storyHelpers_/components/Deprecation.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledDeprecation } from './Deprecation.styles'\nimport type { DeprecationProps } from './Deprecation.types'\n\nexport const Deprecation = (props: DeprecationProps) => {\n const { children } = props\n return (\n <StyledDeprecation color=\"red45\" weight=\"semibold\">\n {children}\n </StyledDeprecation>\n )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,sBAAsB;AAGxD,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB,EAAK;EACtD,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAChB,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,iBAAiB;IAACK,KAAK,EAAC,OAAO;IAACC,MAAM,EAAC;EAAU,GAC/CH,QACgB,CAAC;AAExB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledDeprecation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
3
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
4
|
+
}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import { Typography } from '../../Typography';
|
|
3
|
+
export var StyledDeprecation = /*#__PURE__*/styled(Typography).withConfig({
|
|
4
|
+
displayName: "StyledDeprecation",
|
|
5
|
+
componentId: "core-12_26_1__sc-ojy3xo-0"
|
|
6
|
+
})(["display:block;margin-bottom:16px;"]);
|
|
7
|
+
//# sourceMappingURL=Deprecation.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Deprecation.styles.js","names":["styled","Typography","StyledDeprecation","withConfig","displayName","componentId"],"sources":["../../../src/_storyHelpers_/components/Deprecation.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Typography } from '../../Typography'\n\nexport const StyledDeprecation = styled(Typography)`\n display: block;\n margin-bottom: 16px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAO,IAAMC,iBAAiB,gBAAGF,MAAM,CAACC,UAAU,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAGlD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Deprecation.types.js","names":[],"sources":["../../../src/_storyHelpers_/components/Deprecation.types.ts"],"sourcesContent":["export type DeprecationProps = {\n /**\n * The deprecation message\n *\n * @since 12.18.0\n */\n children: React.ReactNode\n}\n"],"mappings":""}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Revert the general decorator spacing so content edge aligns with window edge
|
|
6
|
+
* aligns fixed content like sticky footer
|
|
7
|
+
*/
|
|
8
|
+
export var FullLayout = function FullLayout(props) {
|
|
9
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
10
|
+
style: {
|
|
11
|
+
margin: '-8px'
|
|
12
|
+
}
|
|
13
|
+
}, props));
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=FullLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FullLayout.js","names":["React","FullLayout","props","createElement","_extends","style","margin"],"sources":["../../../src/_storyHelpers_/components/FullLayout.tsx"],"sourcesContent":["import React from 'react'\n\n/**\n * Revert the general decorator spacing so content edge aligns with window edge\n * aligns fixed content like sticky footer\n */\nexport const FullLayout: React.FC<any> = function FullLayout(props) {\n return <div style={{ margin: '-8px' }} {...props} />\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAyB,GAAG,SAASA,UAAUA,CAACC,KAAK,EAAE;EAClE,oBAAOF,KAAA,CAAAG,aAAA,QAAAC,QAAA;IAAKC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,GAAKJ,KAAK,CAAG,CAAC;AACtD,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
var _excluded = ["children", "columns", "minHeight"];
|
|
2
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
3
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import styled from 'styled-components';
|
|
6
|
+
import { colors } from '../../_styles/colors';
|
|
7
|
+
var StyledCell = /*#__PURE__*/styled.div.withConfig({
|
|
8
|
+
displayName: "StyledCell",
|
|
9
|
+
componentId: "core-12_26_1__sc-7owp8g-0"
|
|
10
|
+
})(["display:flex;align-items:center;justify-content:center;padding:0 48px;border-bottom:1px dashed ", ";border-right:1px dashed ", ";"], colors.gray90, colors.gray90);
|
|
11
|
+
var StyledGrid = /*#__PURE__*/styled.div.withConfig({
|
|
12
|
+
displayName: "StyledGrid",
|
|
13
|
+
componentId: "core-12_26_1__sc-7owp8g-1"
|
|
14
|
+
})(["align-items:center;justify-content:center;display:grid;gap:0;border-top:1px dashed ", ";border-left:1px dashed ", ";grid-template-columns:repeat( ", ",minmax(0,1fr) );height:100%;width:100%;", "{min-height:", "px;overflow:hidden;}"], colors.gray90, colors.gray90, function (_ref) {
|
|
15
|
+
var _ref$$columns = _ref.$columns,
|
|
16
|
+
$columns = _ref$$columns === void 0 ? 1 : _ref$$columns;
|
|
17
|
+
return $columns;
|
|
18
|
+
}, StyledCell, function (_ref2) {
|
|
19
|
+
var $minHeight = _ref2.$minHeight;
|
|
20
|
+
return $minHeight;
|
|
21
|
+
});
|
|
22
|
+
var StyledGridContainer = /*#__PURE__*/styled.div.withConfig({
|
|
23
|
+
displayName: "StyledGridContainer",
|
|
24
|
+
componentId: "core-12_26_1__sc-7owp8g-2"
|
|
25
|
+
})(["height:100%;padding:24px;width:100%;"]);
|
|
26
|
+
export var StoryGrid = function StoryGrid(_ref3) {
|
|
27
|
+
var children = _ref3.children,
|
|
28
|
+
_ref3$columns = _ref3.columns,
|
|
29
|
+
columns = _ref3$columns === void 0 ? 1 : _ref3$columns,
|
|
30
|
+
_ref3$minHeight = _ref3.minHeight,
|
|
31
|
+
minHeight = _ref3$minHeight === void 0 ? 100 : _ref3$minHeight,
|
|
32
|
+
props = _objectWithoutProperties(_ref3, _excluded);
|
|
33
|
+
return /*#__PURE__*/React.createElement(StyledGridContainer, props, /*#__PURE__*/React.createElement(StyledGrid, {
|
|
34
|
+
$columns: columns,
|
|
35
|
+
$minHeight: minHeight
|
|
36
|
+
}, React.Children.map(children, function (child, i) {
|
|
37
|
+
return /*#__PURE__*/React.createElement(StyledCell, null, child);
|
|
38
|
+
})));
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=StoryGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StoryGrid.js","names":["React","styled","colors","StyledCell","div","withConfig","displayName","componentId","gray90","StyledGrid","_ref","_ref$$columns","$columns","_ref2","$minHeight","StyledGridContainer","StoryGrid","_ref3","children","_ref3$columns","columns","_ref3$minHeight","minHeight","props","_objectWithoutProperties","_excluded","createElement","Children","map","child","i"],"sources":["../../../src/_storyHelpers_/components/StoryGrid.tsx"],"sourcesContent":["import type { FunctionComponent, PropsWithChildren } from 'react'\nimport React from 'react'\nimport styled from 'styled-components'\nimport { colors } from '../../_styles/colors'\n\ninterface GridProps {\n columns?: number\n minHeight?: number\n}\n\nconst StyledCell = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 48px;\n border-bottom: 1px dashed ${colors.gray90};\n border-right: 1px dashed ${colors.gray90};\n`\n\nconst StyledGrid = styled.div<{\n $columns: number\n $minHeight: number\n}>`\n align-items: center;\n justify-content: center;\n display: grid;\n gap: 0;\n border-top: 1px dashed ${colors.gray90};\n border-left: 1px dashed ${colors.gray90};\n grid-template-columns: repeat(\n ${({ $columns = 1 }) => $columns},\n minmax(0, 1fr)\n );\n height: 100%;\n width: 100%;\n ${StyledCell} {\n min-height: ${({ $minHeight }) => $minHeight}px;\n overflow: hidden;\n }\n`\n\nconst StyledGridContainer = styled.div`\n height: 100%;\n padding: 24px;\n width: 100%;\n`\n\nexport const StoryGrid: FunctionComponent<PropsWithChildren<GridProps>> =\n function StoryGrid({ children, columns = 1, minHeight = 100, ...props }) {\n return (\n <StyledGridContainer {...props}>\n <StyledGrid $columns={columns} $minHeight={minHeight}>\n {React.Children.map(children, (child, i) => {\n return <StyledCell>{child}</StyledCell>\n })}\n </StyledGrid>\n </StyledGridContainer>\n )\n }\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,sBAAsB;AAO7C,IAAMC,UAAU,gBAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0IAKCL,MAAM,CAACM,MAAM,EACdN,MAAM,CAACM,MAAM,CACzC;AAED,IAAMC,UAAU,gBAAGR,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+OAQFL,MAAM,CAACM,MAAM,EACZN,MAAM,CAACM,MAAM,EAEnC,UAAAE,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,CAAC,GAAAA,aAAA;EAAA,OAAOC,QAAQ;AAAA,GAKhCT,UAAU,EACI,UAAAU,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OAAOA,UAAU;AAAA,EAG/C;AAED,IAAMC,mBAAmB,gBAAGd,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAIrC;AAED,OAAO,IAAMS,SAA0D,GACrE,SAASA,SAASA,CAAAC,KAAA,EAAuD;EAAA,IAApDC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAAC,aAAA,GAAAF,KAAA,CAAEG,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,CAAC,GAAAA,aAAA;IAAAE,eAAA,GAAAJ,KAAA,CAAEK,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,GAAG,GAAAA,eAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAP,KAAA,EAAAQ,SAAA;EACnE,oBACEzB,KAAA,CAAA0B,aAAA,CAACX,mBAAmB,EAAKQ,KAAK,eAC5BvB,KAAA,CAAA0B,aAAA,CAACjB,UAAU;IAACG,QAAQ,EAAEQ,OAAQ;IAACN,UAAU,EAAEQ;EAAU,GAClDtB,KAAK,CAAC2B,QAAQ,CAACC,GAAG,CAACV,QAAQ,EAAE,UAACW,KAAK,EAAEC,CAAC,EAAK;IAC1C,oBAAO9B,KAAA,CAAA0B,aAAA,CAACvB,UAAU,QAAE0B,KAAkB,CAAC;EACzC,CAAC,CACS,CACO,CAAC;AAE1B,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FullLayout } from './FullLayout';
|
|
3
|
+
var ProcoreGlobalBanner = function ProcoreGlobalBanner() {
|
|
4
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
5
|
+
style: {
|
|
6
|
+
width: '100%',
|
|
7
|
+
height: 40,
|
|
8
|
+
background: 'gray',
|
|
9
|
+
color: 'white',
|
|
10
|
+
textAlign: 'center'
|
|
11
|
+
}
|
|
12
|
+
}, "Global Banner");
|
|
13
|
+
};
|
|
14
|
+
var ProcoreGlobalHeader = function ProcoreGlobalHeader(_ref) {
|
|
15
|
+
var _ref$banner = _ref.banner,
|
|
16
|
+
banner = _ref$banner === void 0 ? false : _ref$banner;
|
|
17
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
18
|
+
style: {
|
|
19
|
+
width: '100%',
|
|
20
|
+
height: 52,
|
|
21
|
+
background: 'black',
|
|
22
|
+
color: 'white',
|
|
23
|
+
textAlign: 'center'
|
|
24
|
+
}
|
|
25
|
+
}, "Global Header"), banner && /*#__PURE__*/React.createElement(ProcoreGlobalBanner, null));
|
|
26
|
+
};
|
|
27
|
+
var ProcoreGlobalFooter = function ProcoreGlobalFooter() {
|
|
28
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
29
|
+
style: {
|
|
30
|
+
width: '100%',
|
|
31
|
+
backgroundColor: 'black',
|
|
32
|
+
color: '#e7e7e7',
|
|
33
|
+
padding: '5px 10px',
|
|
34
|
+
fontSize: '11px',
|
|
35
|
+
display: 'block',
|
|
36
|
+
textAlign: 'center',
|
|
37
|
+
zIndex: 'auto',
|
|
38
|
+
position: 'relative'
|
|
39
|
+
}
|
|
40
|
+
}, "Global Footer");
|
|
41
|
+
};
|
|
42
|
+
export var WithNavigationLayout = function WithNavigationLayout(props) {
|
|
43
|
+
return /*#__PURE__*/React.createElement(FullLayout, null, /*#__PURE__*/React.createElement(ProcoreGlobalHeader, {
|
|
44
|
+
banner: props.banner
|
|
45
|
+
}), props.children, /*#__PURE__*/React.createElement(ProcoreGlobalFooter, null));
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=WithNavigationLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WithNavigationLayout.js","names":["React","FullLayout","ProcoreGlobalBanner","createElement","style","width","height","background","color","textAlign","ProcoreGlobalHeader","_ref","_ref$banner","banner","Fragment","ProcoreGlobalFooter","backgroundColor","padding","fontSize","display","zIndex","position","WithNavigationLayout","props","children"],"sources":["../../../src/_storyHelpers_/components/WithNavigationLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { FullLayout } from './FullLayout'\n\nconst ProcoreGlobalBanner = () => (\n <div\n style={{\n width: '100%',\n height: 40,\n background: 'gray',\n color: 'white',\n textAlign: 'center',\n }}\n >\n Global Banner\n </div>\n)\n\nconst ProcoreGlobalHeader = ({ banner = false }) => (\n <>\n <div\n style={{\n width: '100%',\n height: 52,\n background: 'black',\n color: 'white',\n textAlign: 'center',\n }}\n >\n Global Header\n </div>\n {banner && <ProcoreGlobalBanner />}\n </>\n)\n\nconst ProcoreGlobalFooter = () => (\n <div\n style={{\n width: '100%',\n backgroundColor: 'black',\n color: '#e7e7e7',\n padding: '5px 10px',\n fontSize: '11px',\n display: 'block',\n textAlign: 'center',\n zIndex: 'auto',\n position: 'relative',\n }}\n >\n Global Footer\n </div>\n)\n\nexport const WithNavigationLayout: React.FC<any> = (props) => (\n <FullLayout>\n <ProcoreGlobalHeader banner={props.banner} />\n\n {props.children}\n\n <ProcoreGlobalFooter />\n </FullLayout>\n)\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AAEzC,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA;EAAA,oBACvBF,KAAA,CAAAG,aAAA;IACEC,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,MAAM;MAClBC,KAAK,EAAE,OAAO;MACdC,SAAS,EAAE;IACb;EAAE,GACH,eAEI,CAAC;AAAA,CACP;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAME,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;EAAA,oBAC3CZ,KAAA,CAAAG,aAAA,CAAAH,KAAA,CAAAc,QAAA,qBACEd,KAAA,CAAAG,aAAA;IACEC,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,OAAO;MACnBC,KAAK,EAAE,OAAO;MACdC,SAAS,EAAE;IACb;EAAE,GACH,eAEI,CAAC,EACLI,MAAM,iBAAIb,KAAA,CAAAG,aAAA,CAACD,mBAAmB,MAAE,CACjC,CAAC;AAAA,CACJ;AAED,IAAMa,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA;EAAA,oBACvBf,KAAA,CAAAG,aAAA;IACEC,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbW,eAAe,EAAE,OAAO;MACxBR,KAAK,EAAE,SAAS;MAChBS,OAAO,EAAE,UAAU;MACnBC,QAAQ,EAAE,MAAM;MAChBC,OAAO,EAAE,OAAO;MAChBV,SAAS,EAAE,QAAQ;MACnBW,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE;IACZ;EAAE,GACH,eAEI,CAAC;AAAA,CACP;AAED,OAAO,IAAMC,oBAAmC,GAAG,SAAtCA,oBAAmCA,CAAIC,KAAK;EAAA,oBACvDvB,KAAA,CAAAG,aAAA,CAACF,UAAU,qBACTD,KAAA,CAAAG,aAAA,CAACO,mBAAmB;IAACG,MAAM,EAAEU,KAAK,CAACV;EAAO,CAAE,CAAC,EAE5CU,KAAK,CAACC,QAAQ,eAEfxB,KAAA,CAAAG,aAAA,CAACY,mBAAmB,MAAE,CACZ,CAAC;AAAA,CACd"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { Locale } from '../_hooks/I18n';
|
|
2
|
+
export declare const exampleText: {
|
|
3
|
+
default: string;
|
|
4
|
+
none: string;
|
|
5
|
+
short_ipsum: string;
|
|
6
|
+
short_sentence: string;
|
|
7
|
+
long_ipsum: string;
|
|
8
|
+
longest_ipsum: string;
|
|
9
|
+
long_ipsum_one_line: string;
|
|
10
|
+
number: string;
|
|
11
|
+
symbol: string;
|
|
12
|
+
no_space: string;
|
|
13
|
+
intl_symbol: string;
|
|
14
|
+
mixed_char: string;
|
|
15
|
+
alert_text: string;
|
|
16
|
+
};
|
|
17
|
+
export declare function Ipsum(lengthOrOptions: number | {
|
|
18
|
+
length: number;
|
|
19
|
+
lettercase?: 'sentence' | 'title';
|
|
20
|
+
trailingPeriod?: boolean;
|
|
21
|
+
}): string;
|
|
22
|
+
export declare const commonMimeTypes: Record<string, string>;
|
|
23
|
+
export declare const mockedAcceptFileTypes: {
|
|
24
|
+
id: number;
|
|
25
|
+
label: string;
|
|
26
|
+
mimetypes: string[];
|
|
27
|
+
}[];
|
|
28
|
+
export declare const avatarImageUrl = "https://en.gravatar.com/userimage/46725293/c50eaab013a795dae218cbc7e91227eb.jpeg";
|
|
29
|
+
export declare const tzDatabaseNames: string[];
|
|
30
|
+
/**
|
|
31
|
+
* @deprecated to get all locales available,
|
|
32
|
+
* you can use TMS_SUPPORTED_LOCALE list or ALL_LOCALES list from [Globalization toolkit](https://github.com/procore/globalization-toolkit)
|
|
33
|
+
* @deprecatedSince 12.10.0
|
|
34
|
+
*/
|
|
35
|
+
export declare const locales: Locale[];
|