raise-common-lib 0.0.180 → 0.0.182

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 (26) hide show
  1. package/bundles/raise-common-lib.umd.js +7 -3
  2. package/bundles/raise-common-lib.umd.js.map +1 -1
  3. package/bundles/raise-common-lib.umd.min.js +1 -1
  4. package/bundles/raise-common-lib.umd.min.js.map +1 -1
  5. package/esm2015/lib/actions/toolbar-item/index.component.js +4 -2
  6. package/esm2015/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.js +3 -1
  7. package/esm2015/lib/common-grid/grid-action/grid-action.component.js +1 -1
  8. package/esm2015/lib/form/confirm-select/index.component.js +2 -2
  9. package/esm5/lib/actions/toolbar-item/index.component.js +4 -2
  10. package/esm5/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.js +3 -1
  11. package/esm5/lib/common-grid/grid-action/grid-action.component.js +1 -1
  12. package/esm5/lib/form/confirm-select/index.component.js +2 -2
  13. package/fesm2015/raise-common-lib.js +7 -3
  14. package/fesm2015/raise-common-lib.js.map +1 -1
  15. package/fesm5/raise-common-lib.js +7 -3
  16. package/fesm5/raise-common-lib.js.map +1 -1
  17. package/package.json +1 -1
  18. package/raise-common-lib.metadata.json +1 -1
  19. package/src/assets/img/grid-action-duplicate.svg +6 -0
  20. package/src/assets/img/grid-action-refresh.svg +14 -0
  21. package/src/assets/img/grid-menu-arrow-right copy.svg +3 -0
  22. package/src/assets/img/grid-menu-arrow-up.svg +4 -0
  23. package/src/assets/img/grid-menu-filter.svg +6 -0
  24. package/src/assets/img/toolbar-action-fetchData.svg +3 -0
  25. package/src/assets/img/toolbar-action-update.svg +11 -0
  26. package/src/assets/style/reset/grid.scss +119 -0
package/src/assets/img/grid-action-duplicate.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="2.5" y="2.5" width="8" height="8" rx="1.5" stroke="#6C7C90"/>
3
+ <rect x="5.5" y="5.5" width="8" height="8" rx="1.5" fill="white" stroke="#6C7C90"/>
4
+ <path d="M7.5 9.5H11.5" stroke="#6C7C90" stroke-linecap="round"/>
5
+ <path d="M9.5 11.5L9.5 7.5" stroke="#6C7C90" stroke-linecap="round"/>
6
+ </svg>
package/src/assets/img/grid-action-refresh.svg ADDED
@@ -0,0 +1,14 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_12438_2348)">
3
+ <path d="M5.01261 13H4.67857H4C2.89543 13 2 12.1046 2 11V4C2 2.89543 2.89543 2 4 2H10C11.1046 2 12 2.89543 12 4V5.5" stroke="#6C7C90" stroke-linecap="round"/>
4
+ <path d="M4.72754 7.45459H6.54572" stroke="#6C7C90" stroke-linecap="round"/>
5
+ <path d="M4.72754 5.27271H7.45481" stroke="#6C7C90" stroke-linecap="round"/>
6
+ <path d="M11.8168 8.69026C11.4235 8.58488 11.0133 8.55799 10.6096 8.61114C10.206 8.66428 9.81671 8.79642 9.4641 9C9.11149 9.20358 8.80243 9.47462 8.55457 9.79764C8.3067 10.1207 8.12489 10.4893 8.01951 10.8826C7.91413 11.2759 7.88724 11.6861 7.94039 12.0898C7.99353 12.4935 8.12567 12.8827 8.32925 13.2353L6.87031 12.5074" stroke="#6C7C90" stroke-linecap="round"/>
7
+ <path d="M10.212 14.6798C10.6053 14.7852 11.0155 14.8121 11.4192 14.759C11.8229 14.7058 12.2121 14.5737 12.5647 14.3701C12.9173 14.1665 13.2264 13.8955 13.4743 13.5725C13.7221 13.2494 13.9039 12.8808 14.0093 12.4875C14.1147 12.0942 14.1416 11.684 14.0884 11.2803C14.0353 10.8766 13.9032 10.4874 13.6996 10.1348L15.2159 10.9622" stroke="#6C7C90" stroke-linecap="round"/>
8
+ </g>
9
+ <defs>
10
+ <clipPath id="clip0_12438_2348">
11
+ <rect width="16" height="16" fill="white"/>
12
+ </clipPath>
13
+ </defs>
14
+ </svg>
package/src/assets/img/grid-menu-arrow-right copy.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.53553 4.46447L9.25 8L6.53553 11.5355" stroke="#929DAB" stroke-linecap="round"/>
3
+ </svg>
package/src/assets/img/grid-menu-arrow-up.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M5.5 6.44939L8 4.0001L10.5 6.44939" stroke="#6C7C90" stroke-linecap="round"/>
3
+ <line x1="8" y1="4.59277" x2="8" y2="11.9145" stroke="#6C7C90" stroke-linecap="round"/>
4
+ </svg>
package/src/assets/img/grid-menu-filter.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <mask id="path-1-inside-1_10115_44202" fill="white">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 3H2.5L6.5 7.72727V14L9.5 12V7.72727L13.5 3Z"/>
4
+ </mask>
5
+ <path d="M2.5 3V2H0.343894L1.73661 3.64594L2.5 3ZM13.5 3L14.2634 3.64594L15.6561 2H13.5V3ZM6.5 7.72727H7.5V7.36097L7.26339 7.08133L6.5 7.72727ZM6.5 14H5.5V15.8685L7.0547 14.8321L6.5 14ZM9.5 12L10.0547 12.8321L10.5 12.5352V12H9.5ZM9.5 7.72727L8.73661 7.08133L8.5 7.36097V7.72727H9.5ZM2.5 4H13.5V2H2.5V4ZM7.26339 7.08133L3.26339 2.35406L1.73661 3.64594L5.73661 8.37322L7.26339 7.08133ZM7.5 14V7.72727H5.5V14H7.5ZM8.9453 11.1679L5.9453 13.1679L7.0547 14.8321L10.0547 12.8321L8.9453 11.1679ZM8.5 7.72727V12H10.5V7.72727H8.5ZM12.7366 2.35406L8.73661 7.08133L10.2634 8.37322L14.2634 3.64594L12.7366 2.35406Z" fill="#A1AAB5" mask="url(#path-1-inside-1_10115_44202)"/>
6
+ </svg>
package/src/assets/img/toolbar-action-fetchData.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 1.5C10.7612 1.5 12.9996 2.45923 13 3.64258V11.8564L12.9941 11.9668C12.86 13.099 10.675 13.999 8 13.999C5.32509 13.999 3.1411 13.0989 3.00684 11.9668L3 11.8564V3.64258C3.00045 2.45926 5.23884 1.50004 8 1.5ZM4 11.8262L4.00098 11.8506C4.00921 11.8709 4.04081 11.931 4.14355 12.0254C4.29546 12.1648 4.55165 12.3273 4.92871 12.4814C5.68123 12.7889 6.76277 12.999 8 12.999C9.23713 12.999 10.3185 12.7889 11.0713 12.4814C11.4486 12.3273 11.7054 12.1648 11.8574 12.0254C11.9553 11.9356 11.988 11.8764 11.998 11.8535L12 11.8213V10.4609C11.0876 10.9815 9.63618 11.3203 8 11.3203C6.36334 11.3203 4.91203 10.9809 4 10.46V11.8262ZM4 9.14746L4.00098 9.17188C4.00921 9.19222 4.04085 9.25236 4.14355 9.34668C4.29546 9.48606 4.55166 9.64864 4.92871 9.80273C5.68123 10.1102 6.76278 10.3203 8 10.3203C9.23713 10.3203 10.3185 10.1101 11.0713 9.80273C11.4486 9.6486 11.7054 9.48611 11.8574 9.34668C11.9552 9.25688 11.988 9.19774 11.998 9.1748L12 9.14258V7.7832C11.0876 8.30376 9.6361 8.64258 8 8.64258C6.36341 8.64255 4.91204 8.30309 4 7.78223V9.14746ZM12 4.92383C11.0879 5.44507 9.63692 5.78613 8 5.78613L7.48926 5.77441C6.06379 5.71241 4.81605 5.39249 4 4.92676V6.46973L4.00098 6.49414C4.00921 6.51448 4.04057 6.57443 4.14355 6.66895C4.29548 6.80835 4.55153 6.97088 4.92871 7.125C5.68123 7.43245 6.76276 7.64256 8 7.64258C9.23732 7.64258 10.3195 7.43248 11.0723 7.125C11.4494 6.9709 11.7055 6.80834 11.8574 6.66895C11.9555 6.57896 11.988 6.52001 11.998 6.49707L12 6.46484V4.92383ZM8 2.5C6.7215 2.50002 5.61144 2.72414 4.8584 3.04688C4.48011 3.209 4.23765 3.3768 4.10449 3.51172C4.05915 3.5577 4.03291 3.59294 4.01758 3.61719C4.01066 3.62854 4.0068 3.63784 4.00391 3.64453C4.01413 3.66653 4.04063 3.70967 4.10449 3.77441C4.23765 3.90934 4.48008 4.07712 4.8584 4.23926C5.61144 4.56198 6.72152 4.78611 8 4.78613C9.27839 4.78613 10.3885 4.56193 11.1416 4.23926C11.5199 4.07712 11.7623 3.90934 11.8955 3.77441C11.9598 3.70927 11.985 3.66548 11.9951 3.64355C11.9925 3.63769 11.9888 3.63028 11.9834 3.62109C11.9686 3.59668 11.943 3.55984 11.8955 3.51172C11.7623 3.37679 11.5199 3.20901 11.1416 3.04688C10.3885 2.72418 9.27844 2.5 8 2.5Z" fill="#6C7C90"/>
3
+ </svg>
package/src/assets/img/toolbar-action-update.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="twenty-four">
3
+ <path id="Rectangle 976" d="M11.5 6.5V4.42647V3.33333C11.5 2.59695 10.903 2 10.1667 2H9.25H7H3.83333C3.09695 2 2.5 2.59695 2.5 3.33333V11.6667C2.5 12.403 3.09695 13 3.83333 13H6.48076" stroke="#6B6B6B"/>
4
+ <line id="Line 220" x1="4.20001" y1="4.5" x2="7.20001" y2="4.5" stroke="#6B6B6B"/>
5
+ <line id="Line 222" x1="4.20001" y1="7.5" x2="7.20001" y2="7.5" stroke="#6B6B6B"/>
6
+ <g id="Group 1000004333">
7
+ <path id="Vector (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M13.7067 11.2061L13.5569 11.6832C13.196 12.8322 12.1228 13.6667 10.8534 13.6667C10.2033 13.6667 9.60471 13.4478 9.12686 13.08L8.12686 13.4333V11.5333L9.10388 11.3835C9.33765 12.1278 10.0332 12.6667 10.8534 12.6667C11.6735 12.6667 12.3691 12.1278 12.6029 11.3835L13.7067 11.2061Z" fill="#6B6B6B"/>
8
+ <path id="Vector (Stroke)_2" fill-rule="evenodd" clip-rule="evenodd" d="M8.14983 9.9835C8.51074 8.83445 9.58395 8 10.8534 8C11.5034 8 12.102 8.21883 12.5799 8.58667L13.5799 8.23333V10.1047L12.6029 10.2832C12.3691 9.5389 11.6735 9 10.8534 9C10.0332 9 9.33764 9.5389 9.10388 10.2832L8 10.4605L8.14983 9.9835Z" fill="#6B6B6B"/>
9
+ </g>
10
+ </g>
11
+ </svg>
package/src/assets/style/reset/grid.scss CHANGED
@@ -857,3 +857,122 @@
857
857
  ):not(.e-indentcell) {
858
858
  background-color: var(--rs-grid-row-hover-bg); // hover bg
859
859
  }
860
+
861
+ .e-contextmenu-wrapper .e-contextmenu.e-colmenu,
862
+ .e-contextmenu-container .e-contextmenu.e-colmenu {
863
+ padding: 8px 0;
864
+ border: none;
865
+
866
+ border-radius: 8px;
867
+ background-color: #fff;
868
+ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
869
+
870
+ .e-menu-item {
871
+ height: 28px;
872
+ padding: 6px 48px 6px 16px;
873
+
874
+ color: #44566c;
875
+ font-family: Arial;
876
+ font-size: 11px;
877
+ font-style: normal;
878
+ font-weight: 400;
879
+ line-height: 14px;
880
+
881
+ display: flex;
882
+ flex-flow: row nowrap;
883
+ align-items: center;
884
+ gap: 8px;
885
+
886
+ &.e-blankicon {
887
+ padding-left: 40px !important;
888
+ }
889
+
890
+ &.e-selected,
891
+ &.e-focused {
892
+ background-color: rgba(31, 123, 255, 0.08);
893
+ }
894
+
895
+ .e-icons {
896
+ width: 16px;
897
+ height: 16px;
898
+ margin: 0;
899
+ padding: 0;
900
+
901
+ display: flex;
902
+ flex-flow: row nowrap;
903
+ justify-content: center;
904
+ align-items: center;
905
+
906
+ &::before {
907
+ width: 16px;
908
+ height: 16px;
909
+ line-height: 16px;
910
+ }
911
+
912
+ &.e-icon-ascending::before {
913
+ content: url("/assets/img/grid-menu-arrow-up.svg");
914
+ }
915
+
916
+ &.e-icon-descending::before {
917
+ content: url("/assets/img/grid-menu-arrow-up.svg");
918
+ transform: rotate(180deg);
919
+ }
920
+
921
+ &.e-icon-filter::before {
922
+ content: url("/assets/img/grid-menu-filter.svg");
923
+ }
924
+
925
+ &.e-caret {
926
+ position: absolute;
927
+ top: 6px;
928
+ right: 16px;
929
+
930
+ &::before {
931
+ content: url("/assets/img/grid-menu-arrow-right.svg");
932
+ }
933
+ }
934
+ }
935
+ }
936
+
937
+ & + .e-menu-parent {
938
+ padding: 8px 0;
939
+
940
+ border-radius: 8px;
941
+ background-color: #fff;
942
+ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
943
+
944
+ .e-menu-item {
945
+ height: 28px;
946
+ padding: 0 8px;
947
+
948
+ &.e-focused {
949
+ background-color: rgba(31, 123, 255, 0.08);
950
+ }
951
+
952
+ .e-checkbox-wrapper {
953
+ height: 100%;
954
+
955
+ display: flex;
956
+ flex-flow: row nowrap;
957
+ align-items: center;
958
+
959
+ .e-frame {
960
+ flex: none;
961
+ margin: 5px;
962
+ }
963
+
964
+ .e-label {
965
+ margin: 0;
966
+ padding: 0 6px;
967
+
968
+ color: #44566c !important;
969
+ font-family: Arial;
970
+ font-size: 11px !important;
971
+ font-style: normal;
972
+ font-weight: 400;
973
+ line-height: 14px;
974
+ }
975
+ }
976
+ }
977
+ }
978
+ }