superdesk-ui-framework 3.0.1-beta.25 → 3.0.1-beta.26

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 (35) hide show
  1. package/app/styles/_sd-tag-input.scss +36 -1
  2. package/app/styles/_table-list.scss +1 -0
  3. package/app/styles/primereact/_pr-dialog.scss +4 -0
  4. package/app-typescript/components/Label.tsx +10 -6
  5. package/app-typescript/components/Layouts/AuthoringFrame.tsx +2 -1
  6. package/app-typescript/components/Layouts/AuthoringFrameRightBar.tsx +21 -2
  7. package/app-typescript/components/Lists/TableList.tsx +62 -2
  8. package/app-typescript/components/Menu.tsx +2 -2
  9. package/app-typescript/components/Spacer.tsx +1 -1
  10. package/app-typescript/components/TreeSelect.tsx +85 -33
  11. package/dist/examples.bundle.js +1549 -1184
  12. package/dist/playgrounds/react-playgrounds/Index.tsx +1 -0
  13. package/dist/playgrounds/react-playgrounds/Multiedit.tsx +321 -0
  14. package/dist/react/TableList.tsx +2 -0
  15. package/dist/react/TreeSelect.tsx +100 -78
  16. package/dist/superdesk-ui.bundle.css +34 -2
  17. package/dist/superdesk-ui.bundle.js +1132 -1059
  18. package/dist/vendor.bundle.js +4 -4
  19. package/examples/index.js +4 -0
  20. package/examples/pages/playgrounds/react-playgrounds/Index.tsx +1 -0
  21. package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +321 -0
  22. package/examples/pages/react/TableList.tsx +2 -0
  23. package/examples/pages/react/TreeSelect.tsx +100 -78
  24. package/package.json +1 -1
  25. package/react/components/Label.d.ts +1 -1
  26. package/react/components/Label.js +10 -5
  27. package/react/components/Layouts/AuthoringFrame.d.ts +1 -0
  28. package/react/components/Layouts/AuthoringFrame.js +1 -1
  29. package/react/components/Layouts/AuthoringFrameRightBar.d.ts +9 -2
  30. package/react/components/Layouts/AuthoringFrameRightBar.js +14 -3
  31. package/react/components/Lists/TableList.d.ts +1 -0
  32. package/react/components/Lists/TableList.js +34 -6
  33. package/react/components/Menu.js +1 -1
  34. package/react/components/TreeSelect.d.ts +3 -1
  35. package/react/components/TreeSelect.js +50 -23
package/dist/superdesk-ui.bundle.css CHANGED
@@ -33764,6 +33764,7 @@ tags-input,
33764
33764
  position: relative; }
33765
33765
  tags-input .autocomplete .suggestion-item,
33766
33766
  .tags-input .autocomplete .suggestion-item {
33767
+ position: relative;
33767
33768
  padding: 0.5rem 1rem;
33768
33769
  cursor: pointer;
33769
33770
  white-space: nowrap;
@@ -33801,6 +33802,19 @@ tags-input,
33801
33802
  display: flex;
33802
33803
  justify-content: space-between;
33803
33804
  align-items: center; }
33805
+ tags-input .autocomplete .suggestion-item--bgcolor,
33806
+ .tags-input .autocomplete .suggestion-item--bgcolor {
33807
+ min-height: 1.5em;
33808
+ min-width: 1.5em;
33809
+ padding: 4px 0;
33810
+ display: inline-flex;
33811
+ justify-content: center;
33812
+ align-items: center;
33813
+ border-radius: 99px;
33814
+ white-space: nowrap; }
33815
+ tags-input .autocomplete .suggestion-item--bgcolor[style],
33816
+ .tags-input .autocomplete .suggestion-item--bgcolor[style] {
33817
+ padding-inline: 8px; }
33804
33818
  tags-input .autocomplete .suggestion-item--disabled,
33805
33819
  .tags-input .autocomplete .suggestion-item--disabled {
33806
33820
  opacity: 0.5; }
@@ -33944,6 +33958,10 @@ tags-input,
33944
33958
  .tags-input .autocomplete--fixed-width {
33945
33959
  width: 275px !important; }
33946
33960
 
33961
+ .tags-input--single-select {
33962
+ display: grid !important;
33963
+ align-items: center !important; }
33964
+
33947
33965
  .tags-input--multi-select,
33948
33966
  .tags-input--single-select {
33949
33967
  position: relative; }
@@ -33989,7 +34007,7 @@ tags-input,
33989
34007
  .tags-input__single-item .tags-input__remove-button {
33990
34008
  display: flex;
33991
34009
  align-items: center;
33992
- align-self: flex-end;
34010
+ align-self: center;
33993
34011
  margin-inline-start: auto;
33994
34012
  z-index: 2;
33995
34013
  cursor: pointer;
@@ -34001,6 +34019,16 @@ tags-input,
34001
34019
  color: var(--color-text-lighter);
34002
34020
  font-weight: 300; }
34003
34021
 
34022
+ .item-border {
34023
+ width: 5px;
34024
+ z-index: 2;
34025
+ position: absolute;
34026
+ inset-block: 7px;
34027
+ inset-inline-start: 3px;
34028
+ border-radius: 2px; }
34029
+ .item-border-selected {
34030
+ inset-block: 5px; }
34031
+
34004
34032
  .boxed-list {
34005
34033
  display: flex;
34006
34034
  flex-direction: column;
@@ -35335,7 +35363,8 @@ input.sd-inset-search__input {
35335
35363
  display: flex;
35336
35364
  flex-direction: column;
35337
35365
  align-self: stretch;
35338
- overflow: hidden !important; }
35366
+ overflow: hidden !important;
35367
+ padding: 1px; }
35339
35368
  .table-list--comfortable {
35340
35369
  gap: 1.6rem; }
35341
35370
  .table-list--contained {
@@ -60341,6 +60370,9 @@ i.sd-sidetab-menu__helper-icon {
60341
60370
  .p-dialog-content {
60342
60371
  overflow-y: auto; }
60343
60372
 
60373
+ .p-dialog-flex {
60374
+ display: flex; }
60375
+
60344
60376
  .p-dialog-header {
60345
60377
  display: flex;
60346
60378
  align-items: center;