manifest-editor 1.1.0 → 1.3.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.
Files changed (2) hide show
  1. package/dist/index.css +277 -8
  2. package/package.json +11 -11
package/dist/index.css CHANGED
@@ -732,6 +732,7 @@
732
732
  display: flex;
733
733
  align-items: center;
734
734
  padding: 0 0.25em;
735
+ font-size: 1.5em;
735
736
  }
736
737
  .AppDropdown_itemIcon > svg {
737
738
  width: 0.9em;
@@ -755,8 +756,7 @@
755
756
  .AppDropdown_actionButton {
756
757
  flex: 1;
757
758
  text-align: left;
758
- padding: 0.65em;
759
- height: 2.4em;
759
+ padding: 0.4em;
760
760
  border-radius: 3px;
761
761
  display: flex;
762
762
  }
@@ -868,6 +868,34 @@
868
868
  .EmptyPrompt_promptContainer button {
869
869
  margin: 1em auto;
870
870
  }
871
+ .container {
872
+ width: 100%;
873
+ }
874
+ @media (min-width: 640px) {
875
+ .container {
876
+ max-width: 640px;
877
+ }
878
+ }
879
+ @media (min-width: 768px) {
880
+ .container {
881
+ max-width: 768px;
882
+ }
883
+ }
884
+ @media (min-width: 1024px) {
885
+ .container {
886
+ max-width: 1024px;
887
+ }
888
+ }
889
+ @media (min-width: 1280px) {
890
+ .container {
891
+ max-width: 1280px;
892
+ }
893
+ }
894
+ @media (min-width: 1536px) {
895
+ .container {
896
+ max-width: 1536px;
897
+ }
898
+ }
871
899
  .sr-only {
872
900
  position: absolute;
873
901
  width: 1px;
@@ -882,6 +910,12 @@
882
910
  .pointer-events-none {
883
911
  pointer-events: none;
884
912
  }
913
+ .pointer-events-auto {
914
+ pointer-events: auto;
915
+ }
916
+ .visible {
917
+ visibility: visible;
918
+ }
885
919
  .fixed {
886
920
  position: fixed;
887
921
  }
@@ -897,15 +931,45 @@
897
931
  .inset-0 {
898
932
  inset: 0px;
899
933
  }
934
+ .bottom-0 {
935
+ bottom: 0px;
936
+ }
937
+ .bottom-20 {
938
+ bottom: 5rem;
939
+ }
940
+ .bottom-3 {
941
+ bottom: 0.75rem;
942
+ }
943
+ .left-0 {
944
+ left: 0px;
945
+ }
946
+ .right-0 {
947
+ right: 0px;
948
+ }
949
+ .right-1 {
950
+ right: 0.25rem;
951
+ }
952
+ .start-12 {
953
+ inset-inline-start: 3rem;
954
+ }
900
955
  .top-0 {
901
956
  top: 0px;
902
957
  }
958
+ .top-1 {
959
+ top: 0.25rem;
960
+ }
961
+ .z-0 {
962
+ z-index: 0;
963
+ }
903
964
  .z-10 {
904
965
  z-index: 10;
905
966
  }
906
967
  .z-20 {
907
968
  z-index: 20;
908
969
  }
970
+ .z-30 {
971
+ z-index: 30;
972
+ }
909
973
  .z-50 {
910
974
  z-index: 50;
911
975
  }
@@ -921,12 +985,26 @@
921
985
  .m-4 {
922
986
  margin: 1rem;
923
987
  }
988
+ .my-4 {
989
+ margin-top: 1rem;
990
+ margin-bottom: 1rem;
991
+ }
992
+ .my-8 {
993
+ margin-top: 2rem;
994
+ margin-bottom: 2rem;
995
+ }
924
996
  .mb-1 {
925
997
  margin-bottom: 0.25rem;
926
998
  }
927
999
  .mb-2 {
928
1000
  margin-bottom: 0.5rem;
929
1001
  }
1002
+ .mb-4 {
1003
+ margin-bottom: 1rem;
1004
+ }
1005
+ .mb-8 {
1006
+ margin-bottom: 2rem;
1007
+ }
930
1008
  .ml-auto {
931
1009
  margin-left: auto;
932
1010
  }
@@ -966,6 +1044,9 @@
966
1044
  .h-12 {
967
1045
  height: 3rem;
968
1046
  }
1047
+ .h-16 {
1048
+ height: 4rem;
1049
+ }
969
1050
  .h-3 {
970
1051
  height: 0.75rem;
971
1052
  }
@@ -978,6 +1059,9 @@
978
1059
  .h-\[23px\] {
979
1060
  height: 23px;
980
1061
  }
1062
+ .h-\[70vh\] {
1063
+ height: 70vh;
1064
+ }
981
1065
  .h-full {
982
1066
  height: 100%;
983
1067
  }
@@ -993,9 +1077,15 @@
993
1077
  .min-h-1 {
994
1078
  min-height: 0.25rem;
995
1079
  }
1080
+ .min-h-\[60vh\] {
1081
+ min-height: 60vh;
1082
+ }
996
1083
  .w-12 {
997
1084
  width: 3rem;
998
1085
  }
1086
+ .w-16 {
1087
+ width: 4rem;
1088
+ }
999
1089
  .w-2 {
1000
1090
  width: 0.5rem;
1001
1091
  }
@@ -1014,17 +1104,30 @@
1014
1104
  .w-\[176px\] {
1015
1105
  width: 176px;
1016
1106
  }
1107
+ .w-fit {
1108
+ width: -moz-fit-content;
1109
+ width: fit-content;
1110
+ }
1017
1111
  .w-full {
1018
1112
  width: 100%;
1019
1113
  }
1020
1114
  .w-screen {
1021
1115
  width: 100vw;
1022
1116
  }
1117
+ .min-w-0 {
1118
+ min-width: 0px;
1119
+ }
1023
1120
  .min-w-28 {
1024
1121
  min-width: 7rem;
1025
1122
  }
1026
- .max-w-3xl {
1027
- max-width: 48rem;
1123
+ .min-w-\[275px\] {
1124
+ min-width: 275px;
1125
+ }
1126
+ .max-w-4xl {
1127
+ max-width: 56rem;
1128
+ }
1129
+ .max-w-full {
1130
+ max-width: 100%;
1028
1131
  }
1029
1132
  .max-w-xl {
1030
1133
  max-width: 36rem;
@@ -1032,6 +1135,13 @@
1032
1135
  .flex-1 {
1033
1136
  flex: 1 1 0%;
1034
1137
  }
1138
+ .flex-shrink-0 {
1139
+ flex-shrink: 0;
1140
+ }
1141
+ .translate-x-3 {
1142
+ --tw-translate-x: 0.75rem;
1143
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1144
+ }
1035
1145
  .transform {
1036
1146
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1037
1147
  }
@@ -1071,6 +1181,9 @@
1071
1181
  -moz-user-select: none;
1072
1182
  user-select: none;
1073
1183
  }
1184
+ .resize {
1185
+ resize: both;
1186
+ }
1074
1187
  .grid-cols-2 {
1075
1188
  grid-template-columns: repeat(2, minmax(0, 1fr));
1076
1189
  }
@@ -1080,6 +1193,9 @@
1080
1193
  .flex-col {
1081
1194
  flex-direction: column;
1082
1195
  }
1196
+ .flex-wrap {
1197
+ flex-wrap: wrap;
1198
+ }
1083
1199
  .place-content-center {
1084
1200
  place-content: center;
1085
1201
  }
@@ -1104,6 +1220,9 @@
1104
1220
  .gap-1 {
1105
1221
  gap: 0.25rem;
1106
1222
  }
1223
+ .gap-1\.5 {
1224
+ gap: 0.375rem;
1225
+ }
1107
1226
  .gap-2 {
1108
1227
  gap: 0.5rem;
1109
1228
  }
@@ -1139,6 +1258,9 @@
1139
1258
  .rounded-md {
1140
1259
  border-radius: 0.375rem;
1141
1260
  }
1261
+ .rounded-none {
1262
+ border-radius: 0px;
1263
+ }
1142
1264
  .rounded-sm {
1143
1265
  border-radius: 0.125rem;
1144
1266
  }
@@ -1181,6 +1303,10 @@
1181
1303
  --tw-border-opacity: 1;
1182
1304
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
1183
1305
  }
1306
+ .border-gray-100 {
1307
+ --tw-border-opacity: 1;
1308
+ border-color: rgb(243 244 246 / var(--tw-border-opacity));
1309
+ }
1184
1310
  .border-gray-200 {
1185
1311
  --tw-border-opacity: 1;
1186
1312
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
@@ -1201,6 +1327,10 @@
1201
1327
  --tw-border-opacity: 1;
1202
1328
  border-color: rgb(137 44 78 / var(--tw-border-opacity));
1203
1329
  }
1330
+ .border-red-700 {
1331
+ --tw-border-opacity: 1;
1332
+ border-color: rgb(185 28 28 / var(--tw-border-opacity));
1333
+ }
1204
1334
  .border-transparent {
1205
1335
  border-color: transparent;
1206
1336
  }
@@ -1246,6 +1376,10 @@
1246
1376
  --tw-bg-opacity: 1;
1247
1377
  background-color: rgb(184 76 116 / var(--tw-bg-opacity));
1248
1378
  }
1379
+ .bg-red-500 {
1380
+ --tw-bg-opacity: 1;
1381
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1382
+ }
1249
1383
  .bg-transparent {
1250
1384
  background-color: transparent;
1251
1385
  }
@@ -1253,10 +1387,17 @@
1253
1387
  --tw-bg-opacity: 1;
1254
1388
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1255
1389
  }
1390
+ .bg-opacity-40 {
1391
+ --tw-bg-opacity: 0.4;
1392
+ }
1256
1393
  .object-contain {
1257
1394
  -o-object-fit: contain;
1258
1395
  object-fit: contain;
1259
1396
  }
1397
+ .object-cover {
1398
+ -o-object-fit: cover;
1399
+ object-fit: cover;
1400
+ }
1260
1401
  .p-0 {
1261
1402
  padding: 0px;
1262
1403
  }
@@ -1266,12 +1407,12 @@
1266
1407
  .p-1 {
1267
1408
  padding: 0.25rem;
1268
1409
  }
1410
+ .p-1\.5 {
1411
+ padding: 0.375rem;
1412
+ }
1269
1413
  .p-2 {
1270
1414
  padding: 0.5rem;
1271
1415
  }
1272
- .p-3 {
1273
- padding: 0.75rem;
1274
- }
1275
1416
  .p-4 {
1276
1417
  padding: 1rem;
1277
1418
  }
@@ -1318,6 +1459,12 @@
1318
1459
  .pb-2 {
1319
1460
  padding-bottom: 0.5rem;
1320
1461
  }
1462
+ .pb-64 {
1463
+ padding-bottom: 16rem;
1464
+ }
1465
+ .pt-3 {
1466
+ padding-top: 0.75rem;
1467
+ }
1321
1468
  .text-center {
1322
1469
  text-align: center;
1323
1470
  }
@@ -1353,6 +1500,18 @@
1353
1500
  .uppercase {
1354
1501
  text-transform: uppercase;
1355
1502
  }
1503
+ .capitalize {
1504
+ text-transform: capitalize;
1505
+ }
1506
+ .italic {
1507
+ font-style: italic;
1508
+ }
1509
+ .leading-\[1\.6em\] {
1510
+ line-height: 1.6em;
1511
+ }
1512
+ .leading-\[1\.9em\] {
1513
+ line-height: 1.9em;
1514
+ }
1356
1515
  .text-\[\#333\] {
1357
1516
  --tw-text-opacity: 1;
1358
1517
  color: rgb(51 51 51 / var(--tw-text-opacity));
@@ -1371,6 +1530,10 @@
1371
1530
  --tw-text-opacity: 1;
1372
1531
  color: rgb(156 163 175 / var(--tw-text-opacity));
1373
1532
  }
1533
+ .text-gray-500 {
1534
+ --tw-text-opacity: 1;
1535
+ color: rgb(107 114 128 / var(--tw-text-opacity));
1536
+ }
1374
1537
  .text-gray-900 {
1375
1538
  --tw-text-opacity: 1;
1376
1539
  color: rgb(17 24 39 / var(--tw-text-opacity));
@@ -1391,6 +1554,9 @@
1391
1554
  --tw-text-opacity: 1;
1392
1555
  color: rgb(255 255 255 / var(--tw-text-opacity));
1393
1556
  }
1557
+ .underline {
1558
+ text-decoration-line: underline;
1559
+ }
1394
1560
  .opacity-0 {
1395
1561
  opacity: 0;
1396
1562
  }
@@ -1400,6 +1566,14 @@
1400
1566
  .opacity-90 {
1401
1567
  opacity: 0.9;
1402
1568
  }
1569
+ .shadow {
1570
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1571
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1572
+ box-shadow:
1573
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1574
+ var(--tw-ring-shadow, 0 0 #0000),
1575
+ var(--tw-shadow);
1576
+ }
1403
1577
  .shadow-2xl {
1404
1578
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1405
1579
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@@ -1459,6 +1633,58 @@
1459
1633
  --tw-ring-opacity: 1;
1460
1634
  --tw-ring-color: rgb(184 76 116 / var(--tw-ring-opacity));
1461
1635
  }
1636
+ .blur {
1637
+ --tw-blur: blur(8px);
1638
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1639
+ }
1640
+ .drop-shadow {
1641
+ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
1642
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1643
+ }
1644
+ .filter {
1645
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1646
+ }
1647
+ .transition {
1648
+ transition-property:
1649
+ color,
1650
+ background-color,
1651
+ border-color,
1652
+ text-decoration-color,
1653
+ fill,
1654
+ stroke,
1655
+ opacity,
1656
+ box-shadow,
1657
+ transform,
1658
+ filter,
1659
+ -webkit-backdrop-filter;
1660
+ transition-property:
1661
+ color,
1662
+ background-color,
1663
+ border-color,
1664
+ text-decoration-color,
1665
+ fill,
1666
+ stroke,
1667
+ opacity,
1668
+ box-shadow,
1669
+ transform,
1670
+ filter,
1671
+ backdrop-filter;
1672
+ transition-property:
1673
+ color,
1674
+ background-color,
1675
+ border-color,
1676
+ text-decoration-color,
1677
+ fill,
1678
+ stroke,
1679
+ opacity,
1680
+ box-shadow,
1681
+ transform,
1682
+ filter,
1683
+ backdrop-filter,
1684
+ -webkit-backdrop-filter;
1685
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1686
+ transition-duration: 150ms;
1687
+ }
1462
1688
  .transition-all {
1463
1689
  transition-property: all;
1464
1690
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1491,7 +1717,7 @@
1491
1717
  .grid-md,
1492
1718
  .grid-sm {
1493
1719
  --gap-count: calc(var(--grid-column-count) - 1);
1494
- --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
1720
+ --grid-item--max-width: calc( (100% - var(--total-gap-width)) / var(--grid-column-count) );
1495
1721
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
1496
1722
  }
1497
1723
  .tab-shadow {
@@ -1544,6 +1770,17 @@
1544
1770
  .shape-line:hover {
1545
1771
  stroke: rgba(119, 24, 196, 0.5);
1546
1772
  }
1773
+ #floating-ui {
1774
+ z-index: 1000;
1775
+ }
1776
+ .focus-within\:border-me-primary-500:focus-within {
1777
+ --tw-border-opacity: 1;
1778
+ border-color: rgb(184 76 116 / var(--tw-border-opacity));
1779
+ }
1780
+ .focus-within\:outline-none:focus-within {
1781
+ outline: 2px solid transparent;
1782
+ outline-offset: 2px;
1783
+ }
1547
1784
  .focus-within\:ring:focus-within {
1548
1785
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1549
1786
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1564,6 +1801,10 @@
1564
1801
  --tw-border-opacity: 1;
1565
1802
  border-color: rgb(137 44 78 / var(--tw-border-opacity));
1566
1803
  }
1804
+ .hover\:bg-gray-100:hover {
1805
+ --tw-bg-opacity: 1;
1806
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1807
+ }
1567
1808
  .hover\:bg-gray-200:hover {
1568
1809
  --tw-bg-opacity: 1;
1569
1810
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -1592,6 +1833,9 @@
1592
1833
  --tw-bg-opacity: 1;
1593
1834
  background-color: rgb(137 44 78 / var(--tw-bg-opacity));
1594
1835
  }
1836
+ .hover\:bg-opacity-70:hover {
1837
+ --tw-bg-opacity: 0.7;
1838
+ }
1595
1839
  .hover\:text-black:hover {
1596
1840
  --tw-text-opacity: 1;
1597
1841
  color: rgb(0 0 0 / var(--tw-text-opacity));
@@ -1648,10 +1892,25 @@
1648
1892
  --tw-bg-opacity: 1;
1649
1893
  background-color: rgb(241 214 229 / var(--tw-bg-opacity));
1650
1894
  }
1895
+ .has-\[a\]\:text-white:has(a) {
1896
+ --tw-text-opacity: 1;
1897
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1898
+ }
1899
+ .aria-expanded\:bg-me-primary-500[aria-expanded=true] {
1900
+ --tw-bg-opacity: 1;
1901
+ background-color: rgb(184 76 116 / var(--tw-bg-opacity));
1902
+ }
1903
+ .aria-expanded\:text-white[aria-expanded=true] {
1904
+ --tw-text-opacity: 1;
1905
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1906
+ }
1651
1907
  .data-\[active\=\"true\"\]\:border-me-primary-600[data-active=true] {
1652
1908
  --tw-border-opacity: 1;
1653
1909
  border-color: rgb(137 44 78 / var(--tw-border-opacity));
1654
1910
  }
1911
+ .data-\[visible\]\:opacity-100[data-visible] {
1912
+ opacity: 1;
1913
+ }
1655
1914
  @media (min-width: 768px) {
1656
1915
  .md\:p-5 {
1657
1916
  padding: 1.25rem;
@@ -1667,3 +1926,13 @@
1667
1926
  font-size: 1.5rem;
1668
1927
  line-height: 2rem;
1669
1928
  }
1929
+ .\[\&\>video\]\:h-full > video {
1930
+ height: 100%;
1931
+ }
1932
+ .\[\&\>video\]\:w-full > video {
1933
+ width: 100%;
1934
+ }
1935
+ .\[\&\>video\]\:object-contain > video {
1936
+ -o-object-fit: contain;
1937
+ object-fit: contain;
1938
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "manifest-editor",
3
- "version": "1.1.0",
3
+ "version": "1.3.0",
4
4
  "type": "module",
5
5
  "bugs": "https://github.com/digirati-co-uk/iiif-manifest-editor/issues",
6
6
  "repository": {
@@ -45,23 +45,23 @@
45
45
  "prepack": "tsup src/index.ts"
46
46
  },
47
47
  "dependencies": {
48
- "@iiif/helpers": "^1.2.12",
49
- "@iiif/parser": "^2.1.2",
48
+ "@iiif/helpers": "^1.3.1",
49
+ "@iiif/parser": "^2.1.7",
50
50
  "@iiif/presentation-3": "^2.2.3",
51
51
  "@iiif/presentation-3-normalized": "^0.9.7",
52
- "@manifest-editor/collection-preset": "^1.1.0",
53
- "@manifest-editor/components": "^1.1.0",
54
- "@manifest-editor/editors": "^1.1.0",
55
- "@manifest-editor/iiif-browser": "^1.1.0",
56
- "@manifest-editor/manifest-preset": "^1.1.0",
57
- "@manifest-editor/shell": "^1.1.0",
52
+ "@manifest-editor/collection-preset": "1.3.0",
53
+ "@manifest-editor/components": "1.3.0",
54
+ "@manifest-editor/editors": "1.3.0",
55
+ "@manifest-editor/iiif-browser": "1.3.0",
56
+ "@manifest-editor/manifest-preset": "1.3.0",
57
+ "@manifest-editor/shell": "1.3.0",
58
58
  "react": "^18.3.1",
59
59
  "react-dom": "^18.3.1",
60
60
  "react-iiif-vault": "^1.2.1"
61
61
  },
62
62
  "devDependencies": {
63
63
  "@manifest-editor/ui": "1.0.0",
64
- "@repo/eslint-config": "0.0.0",
64
+ "@repo/eslint-config": "workspace:*",
65
65
  "@types/react": "^18.3.3",
66
66
  "@types/react-dom": "^18.3.0",
67
67
  "postcss": "^8.4.38",
@@ -72,5 +72,5 @@
72
72
  "publishConfig": {
73
73
  "access": "public"
74
74
  },
75
- "gitHead": "64dd0a345330544398ac49a35484f45171488b4e"
75
+ "gitHead": "deba5190f58c11b91383eacd79715607ba5b8d24"
76
76
  }