@scm-manager/ui-components 2.31.1-20220118-144252 → 2.31.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.
Files changed (19) hide show
  1. package/package.json +5 -5
  2. package/src/Breadcrumb.tsx +7 -34
  3. package/src/DangerZone.tsx +0 -7
  4. package/src/__snapshots__/storyshots.test.ts.snap +3021 -2267
  5. package/src/buttons/ButtonGroup.tsx +12 -1
  6. package/src/forms/AddKeyValueEntryToTableField.tsx +8 -15
  7. package/src/layout/Page.tsx +11 -8
  8. package/src/markdown/MarkdownView.tsx +203 -10
  9. package/src/modals/Modal.tsx +0 -4
  10. package/src/repos/Diff.tsx +2 -2
  11. package/src/repos/DiffFile.tsx +492 -10
  12. package/src/repos/changesets/ChangesetRow.tsx +2 -2
  13. package/src/table/Table.stories.tsx +0 -1
  14. package/src/table/Table.tsx +2 -5
  15. package/src/table/index.ts +0 -1
  16. package/src/table/types.ts +0 -1
  17. package/src/markdown/LazyMarkdownView.tsx +0 -230
  18. package/src/repos/LazyDiffFile.tsx +0 -520
  19. package/src/table/InfoTable.tsx +0 -59
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scm-manager/ui-components",
3
- "version": "2.31.1-20220118-144252",
3
+ "version": "2.31.1",
4
4
  "description": "UI Components for SCM-Manager and its plugins",
5
5
  "main": "src/index.ts",
6
6
  "files": [
@@ -25,7 +25,7 @@
25
25
  "@scm-manager/jest-preset": "^2.13.0",
26
26
  "@scm-manager/prettier-config": "^2.10.1",
27
27
  "@scm-manager/tsconfig": "^2.12.0",
28
- "@scm-manager/ui-tests": "^2.31.1-20220118-144252",
28
+ "@scm-manager/ui-tests": "^2.31.1",
29
29
  "@storybook/addon-actions": "^6.3.12",
30
30
  "@storybook/addon-storyshots": "^6.3.12",
31
31
  "@storybook/builder-webpack5": "^6.3.12",
@@ -66,9 +66,9 @@
66
66
  },
67
67
  "dependencies": {
68
68
  "@headlessui/react": "^1.4.3",
69
- "@scm-manager/ui-api": "^2.31.1-20220118-144252",
70
- "@scm-manager/ui-extensions": "^2.31.1-20220118-144252",
71
- "@scm-manager/ui-types": "^2.31.1-20220118-144252",
69
+ "@scm-manager/ui-api": "^2.31.1",
70
+ "@scm-manager/ui-extensions": "^2.31.1",
71
+ "@scm-manager/ui-types": "^2.31.1",
72
72
  "classnames": "^2.2.6",
73
73
  "date-fns": "^2.4.1",
74
74
  "deepmerge": "^4.2.2",
package/src/Breadcrumb.tsx CHANGED
@@ -32,7 +32,6 @@ import { binder, ExtensionPoint, extensionPoints } from "@scm-manager/ui-extensi
32
32
  import Icon from "./Icon";
33
33
  import Tooltip from "./Tooltip";
34
34
  import copyToClipboard from "./CopyToClipboard";
35
- import { devices } from "./devices";
36
35
 
37
36
  type Props = {
38
37
  repository: Repository;
@@ -52,13 +51,6 @@ const PermaLinkWrapper = styled.span`
52
51
  height: 16px;
53
52
  font-size: 13px;
54
53
 
55
- @media screen and (min-width: ${devices.tablet.width}px) {
56
- margin-left: 0.25rem;
57
- }
58
- @media screen and (max-width: ${devices.mobile.width}px) {
59
- margin-left: auto;
60
- }
61
-
62
54
  i {
63
55
  color: #dbdbdb;
64
56
  opacity: 0.75;
@@ -72,10 +64,9 @@ const PermaLinkWrapper = styled.span`
72
64
 
73
65
  const BreadcrumbNav = styled.nav`
74
66
  flex: 1;
75
-
76
- @media screen and (max-width: ${devices.mobile.width}px) {
77
- flex-wrap: wrap;
78
- }
67
+ display: flex;
68
+ align-items: center;
69
+ width: 100%;
79
70
 
80
71
  /* move slash to end */
81
72
  li + li::before {
@@ -207,15 +198,7 @@ const Breadcrumb: FC<Props> = ({
207
198
 
208
199
  return (
209
200
  <BreadcrumbNav
210
- className={classNames(
211
- "breadcrumb",
212
- "sources-breadcrumb",
213
- "mx-2",
214
- "my-4",
215
- "is-flex",
216
- "is-align-items-center",
217
- "is-full-width"
218
- )}
201
+ className={classNames("breadcrumb", "sources-breadcrumb", "mx-2", "my-4")}
219
202
  aria-label="breadcrumbs"
220
203
  >
221
204
  {prefixButtons}
@@ -231,7 +214,7 @@ const Breadcrumb: FC<Props> = ({
231
214
  </li>
232
215
  {pathSection()}
233
216
  </ul>
234
- <PermaLinkWrapper tabIndex={0} onKeyDown={e => e.key === "Enter" && copySource()}>
217
+ <PermaLinkWrapper className="ml-1" tabIndex={0} onKeyDown={e => e.key === "Enter" && copySource()}>
235
218
  {copying ? (
236
219
  <Icon name="spinner fa-spin" alt={t("breadcrumb.loading")} />
237
220
  ) : (
@@ -268,20 +251,10 @@ const Breadcrumb: FC<Props> = ({
268
251
 
269
252
  return (
270
253
  <>
271
- <div
272
- className={classNames("is-flex", "is-justify-content-flex-end", "is-align-items-center", "is-flex-wrap-wrap")}
273
- >
254
+ <div className={classNames("is-flex", "is-justify-content-flex-end", "is-align-items-center")}>
274
255
  {renderBreadcrumbNav()}
275
256
  {
276
- <ActionBar
277
- className={classNames(
278
- "is-flex",
279
- "is-justify-content-flex-start",
280
- "is-align-self-center",
281
- "m-2",
282
- "is-flex-wrap-wrap"
283
- )}
284
- >
257
+ <ActionBar className={classNames("is-flex", "is-justify-content-flex-start", "is-align-self-center", "my-2")}>
285
258
  {renderExtensionPoints()}
286
259
  </ActionBar>
287
260
  }
package/src/DangerZone.tsx CHANGED
@@ -23,7 +23,6 @@
23
23
  */
24
24
 
25
25
  import styled from "styled-components";
26
- import { devices } from "./devices";
27
26
 
28
27
  export const DangerZone = styled.div`
29
28
  border: 1px solid #ff6a88;
@@ -46,12 +45,6 @@ export const DangerZone = styled.div`
46
45
  padding-bottom: 1.5rem;
47
46
  border-bottom: solid 2px whitesmoke;
48
47
  }
49
- @media screen and (max-width: ${devices.tablet.width}px) {
50
- .button {
51
- height: 100%;
52
- white-space: break-spaces;
53
- }
54
- }
55
48
  `;
56
49
 
57
50
  export default DangerZone;