@gooddata/sdk-ui-ext 10.18.0-alpha.2 → 10.18.0-alpha.21
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/NOTICE +3 -3
- package/esm/internal/translations/de-DE.json +9 -1
- package/esm/internal/translations/en-AU.json +9 -1
- package/esm/internal/translations/en-GB.json +9 -1
- package/esm/internal/translations/en-US.json +1 -1
- package/esm/internal/translations/es-419.json +9 -1
- package/esm/internal/translations/es-ES.json +9 -1
- package/esm/internal/translations/fi-FI.json +9 -1
- package/esm/internal/translations/fr-CA.json +9 -1
- package/esm/internal/translations/fr-FR.json +9 -1
- package/esm/internal/translations/it-IT.json +9 -1
- package/esm/internal/translations/ja-JP.json +9 -1
- package/esm/internal/translations/nl-NL.json +9 -1
- package/esm/internal/translations/pt-BR.json +9 -1
- package/esm/internal/translations/pt-PT.json +9 -1
- package/esm/internal/translations/zh-HK.json +9 -1
- package/esm/internal/translations/zh-Hans.json +9 -1
- package/esm/internal/translations/zh-Hant.json +9 -1
- package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.js +1 -1
- package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.js.map +1 -1
- package/esm/notificationsPanel/Notification/AlertNotification.d.ts.map +1 -1
- package/esm/notificationsPanel/Notification/AlertNotification.js +12 -7
- package/esm/notificationsPanel/Notification/AlertNotification.js.map +1 -1
- package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetail.js +1 -1
- package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetail.js.map +1 -1
- package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.js +2 -2
- package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.js.map +1 -1
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.js +8 -4
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.js.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js +22 -3
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.d.ts +23 -1
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js +10 -6
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js.map +1 -1
- package/esm/notificationsPanel/components/VirtualList.d.ts +1 -1
- package/esm/notificationsPanel/components/VirtualList.d.ts.map +1 -1
- package/esm/notificationsPanel/components/VirtualList.js +6 -5
- package/esm/notificationsPanel/components/VirtualList.js.map +1 -1
- package/esm/notificationsPanel/data/NotificationsContext.d.ts +1 -0
- package/esm/notificationsPanel/data/NotificationsContext.d.ts.map +1 -1
- package/esm/notificationsPanel/data/NotificationsContext.js +2 -2
- package/esm/notificationsPanel/data/NotificationsContext.js.map +1 -1
- package/esm/notificationsPanel/data/useFetchNotifications.d.ts +6 -1
- package/esm/notificationsPanel/data/useFetchNotifications.d.ts.map +1 -1
- package/esm/notificationsPanel/data/useFetchNotifications.js +25 -3
- package/esm/notificationsPanel/data/useFetchNotifications.js.map +1 -1
- package/esm/notificationsPanel/data/useNotificationFiltersDetail.d.ts +1 -0
- package/esm/notificationsPanel/data/useNotificationFiltersDetail.d.ts.map +1 -1
- package/esm/notificationsPanel/data/useNotificationFiltersDetail.js +30 -12
- package/esm/notificationsPanel/data/useNotificationFiltersDetail.js.map +1 -1
- package/esm/notificationsPanel/data/useNotifications.d.ts +2 -1
- package/esm/notificationsPanel/data/useNotifications.d.ts.map +1 -1
- package/esm/notificationsPanel/data/useNotifications.js +9 -6
- package/esm/notificationsPanel/data/useNotifications.js.map +1 -1
- package/esm/sdk-ui-ext.d.ts +23 -1
- package/package.json +17 -18
- package/src/notificationsPanel/NotificationsList/DefaultNotificationsList.scss +3 -0
- package/src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.scss +8 -3
- package/src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.scss +5 -2
- package/src/notificationsPanel/components/VirtualList.scss +6 -0
- package/src/notificationsPanel/notificationPanel.scss +0 -1
- package/styles/css/main.css +20 -65
- package/styles/css/main.css.map +1 -1
- package/esm/notificationsPanel/components/Skeleton.d.ts +0 -8
- package/esm/notificationsPanel/components/Skeleton.d.ts.map +0 -1
- package/esm/notificationsPanel/components/Skeleton.js +0 -11
- package/esm/notificationsPanel/components/Skeleton.js.map +0 -1
- package/src/notificationsPanel/components/Skeleton.scss +0 -25
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
&__tabs {
|
|
14
14
|
width: 100%;
|
|
15
|
-
height:
|
|
15
|
+
height: 23px;
|
|
16
16
|
|
|
17
17
|
display: flex;
|
|
18
18
|
flex-direction: column;
|
|
@@ -21,7 +21,10 @@
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
&__mark-all-as-read-button {
|
|
24
|
-
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
height: 23px;
|
|
25
28
|
white-space: nowrap;
|
|
26
29
|
border-bottom: 1px solid var(--gd-palette-complementary-3);
|
|
27
30
|
}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
// (C) 2024 GoodData Corporation
|
|
2
2
|
|
|
3
3
|
.gd-ui-ext-virtual-list {
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
min-height: 0;
|
|
7
|
+
max-height: 100%;
|
|
4
8
|
height: 100%;
|
|
5
9
|
width: 100%;
|
|
6
10
|
|
|
@@ -9,6 +13,8 @@
|
|
|
9
13
|
}
|
|
10
14
|
|
|
11
15
|
&__scroll-container {
|
|
16
|
+
min-height: 0;
|
|
17
|
+
max-height: 100%;
|
|
12
18
|
overflow: auto;
|
|
13
19
|
overflow-x: hidden;
|
|
14
20
|
|
package/styles/css/main.css
CHANGED
|
@@ -775,69 +775,11 @@
|
|
|
775
775
|
justify-content: flex-end;
|
|
776
776
|
}
|
|
777
777
|
|
|
778
|
-
|
|
779
|
-
100% {
|
|
780
|
-
transform: translateX(100%);
|
|
781
|
-
}
|
|
782
|
-
}
|
|
783
|
-
.react-loading-skeleton {
|
|
784
|
-
--base-color: #ebebeb;
|
|
785
|
-
--highlight-color: #f5f5f5;
|
|
786
|
-
--animation-duration: 1.5s;
|
|
787
|
-
--animation-direction: normal;
|
|
788
|
-
--pseudo-element-display: block; /* Enable animation */
|
|
789
|
-
background-color: var(--base-color);
|
|
790
|
-
width: 100%;
|
|
791
|
-
border-radius: 0.25rem;
|
|
792
|
-
display: inline-flex;
|
|
793
|
-
line-height: 1;
|
|
794
|
-
position: relative;
|
|
795
|
-
user-select: none;
|
|
796
|
-
overflow: hidden;
|
|
797
|
-
}
|
|
798
|
-
|
|
799
|
-
.react-loading-skeleton::after {
|
|
800
|
-
content: " ";
|
|
801
|
-
display: var(--pseudo-element-display);
|
|
802
|
-
position: absolute;
|
|
803
|
-
top: 0;
|
|
804
|
-
left: 0;
|
|
805
|
-
right: 0;
|
|
806
|
-
height: 100%;
|
|
807
|
-
background-repeat: no-repeat;
|
|
808
|
-
background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
|
|
809
|
-
transform: translateX(-100%);
|
|
810
|
-
animation-name: react-loading-skeleton;
|
|
811
|
-
animation-direction: var(--animation-direction);
|
|
812
|
-
animation-duration: var(--animation-duration);
|
|
813
|
-
animation-timing-function: ease-in-out;
|
|
814
|
-
animation-iteration-count: infinite;
|
|
815
|
-
}
|
|
816
|
-
|
|
817
|
-
@media (prefers-reduced-motion) {
|
|
818
|
-
.react-loading-skeleton {
|
|
819
|
-
--pseudo-element-display: none; /* Disable animation */
|
|
820
|
-
}
|
|
821
|
-
}
|
|
822
|
-
.gd-ui-ext-skeleton {
|
|
823
|
-
height: 100%;
|
|
824
|
-
width: 100%;
|
|
778
|
+
.gd-ui-ext-virtual-list {
|
|
825
779
|
display: flex;
|
|
826
780
|
flex-direction: column;
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
border-radius: 3px;
|
|
830
|
-
}
|
|
831
|
-
.gd-ui-ext-skeleton .react-loading-skeleton {
|
|
832
|
-
--base-color: var(--gd-palette-complementary-2);
|
|
833
|
-
--highlight-color: var(--gd-palette-complementary-0);
|
|
834
|
-
}
|
|
835
|
-
.gd-ui-ext-skeleton span {
|
|
836
|
-
line-height: 0;
|
|
837
|
-
font-size: 0;
|
|
838
|
-
}
|
|
839
|
-
|
|
840
|
-
.gd-ui-ext-virtual-list {
|
|
781
|
+
min-height: 0;
|
|
782
|
+
max-height: 100%;
|
|
841
783
|
height: 100%;
|
|
842
784
|
width: 100%;
|
|
843
785
|
}
|
|
@@ -845,6 +787,8 @@
|
|
|
845
787
|
padding-right: 4px;
|
|
846
788
|
}
|
|
847
789
|
.gd-ui-ext-virtual-list__scroll-container {
|
|
790
|
+
min-height: 0;
|
|
791
|
+
max-height: 100%;
|
|
848
792
|
overflow: auto;
|
|
849
793
|
overflow-x: hidden;
|
|
850
794
|
}
|
|
@@ -864,10 +808,15 @@
|
|
|
864
808
|
box-shadow: 0 2px 10px 0 var(--gd-shadow-color);
|
|
865
809
|
display: flex;
|
|
866
810
|
flex-direction: column;
|
|
867
|
-
padding-top:
|
|
811
|
+
padding-top: 10px;
|
|
812
|
+
width: 100%;
|
|
813
|
+
height: 100%;
|
|
814
|
+
overflow: hidden;
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
.gd-ui-ext-notifications-panel-overlay {
|
|
868
818
|
width: 370px;
|
|
869
819
|
max-height: 560px;
|
|
870
|
-
overflow: hidden;
|
|
871
820
|
}
|
|
872
821
|
|
|
873
822
|
.gd-ui-ext-notifications-panel-header {
|
|
@@ -881,14 +830,17 @@
|
|
|
881
830
|
}
|
|
882
831
|
.gd-ui-ext-notifications-panel-header__tabs {
|
|
883
832
|
width: 100%;
|
|
884
|
-
height:
|
|
833
|
+
height: 23px;
|
|
885
834
|
display: flex;
|
|
886
835
|
flex-direction: column;
|
|
887
836
|
align-items: stretch;
|
|
888
837
|
justify-content: flex-end;
|
|
889
838
|
}
|
|
890
839
|
.gd-ui-ext-notifications-panel-header__mark-all-as-read-button {
|
|
891
|
-
|
|
840
|
+
display: flex;
|
|
841
|
+
align-items: center;
|
|
842
|
+
justify-content: center;
|
|
843
|
+
height: 23px;
|
|
892
844
|
white-space: nowrap;
|
|
893
845
|
border-bottom: 1px solid var(--gd-palette-complementary-3);
|
|
894
846
|
}
|
|
@@ -926,6 +878,9 @@
|
|
|
926
878
|
overflow: hidden;
|
|
927
879
|
display: flex;
|
|
928
880
|
flex-direction: column;
|
|
881
|
+
min-height: 0;
|
|
882
|
+
max-height: 100%;
|
|
883
|
+
height: 100%;
|
|
929
884
|
}
|
|
930
885
|
|
|
931
886
|
.gd-ui-ext-notifications-list-empty-state {
|
package/styles/css/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss","../internal/scss/dashboard_embedding.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../internal/scss/variables.scss","../internal/scss/user_management_dialogs.scss","../internal/scss/attribute_hierarchies.scss","../../src/notificationsPanel/components/DetailsDialog.scss","../../
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss","../internal/scss/dashboard_embedding.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../internal/scss/variables.scss","../internal/scss/user_management_dialogs.scss","../internal/scss/attribute_hierarchies.scss","../../src/notificationsPanel/components/DetailsDialog.scss","../../src/notificationsPanel/components/VirtualList.scss","../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.scss","../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.scss","../../src/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.scss","../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.scss","../../src/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.scss","../../src/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.scss","../../src/notificationsPanel/Notification/DefaultNotification.scss","../../src/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.scss","../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.scss"],"names":[],"mappings":"AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EAGA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvNJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,aC0Ec;EDzEd,kBCJa;;;ADOjB;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,aEqBuB;EFpBvB;EACA,YEtB2C;EFuB3C,OE3BuC;;;ACnB3C;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIA;EACI,OFckB;;;AETtB;EACI;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,OFlDoB;;;AEqDxB;EACI;EACA;EACA;;;AAGJ;EACI,OFhEgB;EEiEhB;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA,OFpHgB;EEqHhB;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA,OFlJe;EEmJf;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OFlNmB;EEmNnB;EACA;EACA;EACA;;;AC1OJ;EACI;EACA;EACA;EACA;EACA,OHsBY;;AGpBZ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA,OHkLS;EGjLT;;AAGJ;EACI;EACA;EACA;EACA;EACA,OHLe;;AGQnB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAIR;EACI;EAGA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAIA;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;AAAA;AAAA;EAII;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;;AAMhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;AAKZ;EACI;;AAEA;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAQR;AAAA;AAAA;EACI;EACA;EACA;EACA;;AAGJ;AAAA;AAAA;EACI;EACA;EACA;EACA;;;AAKJ;EACI;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;;ACpUJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AC9CR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AC1BZ;EACI;EACA;EAEA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;;;AAGJ;EACI;EACA;;;ACnBJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EAEA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AC1BR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC7BR;EACI;EACA;EACA;EACA;EACA;EACA;;;ACNJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;;;ACjBJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;;;ACjBJ;EAGI;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EAEA;;AAGI;EACI;;AAIA;EACI;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EAEA;EACA;EAEA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;;AAGJ;EACI;EACA;EACA;EAEA;;AAGJ;EACI;EACA;EACA;;;ACjIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EAEA;EACA;EACA;;AAGJ;EACI;EAEA;EACA;EACA;;;ACxBR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;;AAGJ;EACI;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"main.css"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface ISkeletonProps {
|
|
3
|
-
itemHeight: number;
|
|
4
|
-
itemsCount?: number;
|
|
5
|
-
gap?: number;
|
|
6
|
-
}
|
|
7
|
-
export declare function Skeleton({ itemsCount, itemHeight, gap }: ISkeletonProps): React.JSX.Element;
|
|
8
|
-
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/components/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,QAAQ,CAAC,EAAE,UAAc,EAAE,UAAU,EAAE,GAAQ,EAAE,EAAE,cAAc,qBAYhF"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
// (C) 2024 GoodData Corporation
|
|
2
|
-
import React, { useMemo } from "react";
|
|
3
|
-
import ReactLoadingSkeleton from "react-loading-skeleton";
|
|
4
|
-
import { bem } from "../bem.js";
|
|
5
|
-
const { b, e } = bem("gd-ui-ext-skeleton");
|
|
6
|
-
export function Skeleton({ itemsCount = 1, itemHeight, gap = 10 }) {
|
|
7
|
-
const items = Array.from({ length: itemsCount }, (_, idx) => (React.createElement(ReactLoadingSkeleton, { key: idx, className: e("item"), height: itemHeight })));
|
|
8
|
-
const style = useMemo(() => ({ gap }), [gap]);
|
|
9
|
-
return (React.createElement("div", { className: b(), style: style }, items));
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/notificationsPanel/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAQ3C,MAAM,UAAU,QAAQ,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,UAAU,EAAE,GAAG,GAAG,EAAE,EAAkB;IAC7E,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACzD,oBAAC,oBAAoB,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,GAAI,CAC/E,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9C,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,IAC5B,KAAK,CACJ,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
// (C) 2024 GoodData Corporation
|
|
2
|
-
|
|
3
|
-
@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
|
|
4
|
-
@use "react-loading-skeleton/dist/skeleton.css";
|
|
5
|
-
|
|
6
|
-
.gd-ui-ext-skeleton {
|
|
7
|
-
height: 100%;
|
|
8
|
-
width: 100%;
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-direction: column;
|
|
11
|
-
|
|
12
|
-
&__item {
|
|
13
|
-
border-radius: 3px;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.react-loading-skeleton {
|
|
17
|
-
--base-color: var(--gd-palette-complementary-2);
|
|
18
|
-
--highlight-color: var(--gd-palette-complementary-0);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
span {
|
|
22
|
-
line-height: 0;
|
|
23
|
-
font-size: 0;
|
|
24
|
-
}
|
|
25
|
-
}
|