@moneyforward/mfui-components 4.7.0 → 4.8.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 (34) hide show
  1. package/dist/src/DataTable/DataTable.js +38 -5
  2. package/dist/src/DataTable/DataTable.types.d.ts +101 -0
  3. package/dist/src/DataTable/DataTableHeaderCell/DataTableHeaderCell.js +5 -2
  4. package/dist/src/DataTable/DataTableHeaderRow/DataTableHeaderRow.js +31 -15
  5. package/dist/src/DataTable/DataTableProvider.d.ts +19 -4
  6. package/dist/src/DataTable/DataTableProvider.js +11 -3
  7. package/dist/src/DataTable/DataTableRow/DataTableRow.js +21 -12
  8. package/dist/src/DataTable/hooks/useVirtualizedColumns.d.ts +73 -0
  9. package/dist/src/DataTable/hooks/useVirtualizedColumns.js +109 -0
  10. package/dist/src/DataTable/index.d.ts +1 -1
  11. package/dist/src/DataTable/shared/commonStyles.d.ts +11 -0
  12. package/dist/src/DataTable/shared/commonStyles.js +11 -0
  13. package/dist/src/DataTable/utils/renderVirtualizedColumns.d.ts +42 -0
  14. package/dist/src/DataTable/utils/renderVirtualizedColumns.js +40 -0
  15. package/dist/src/DataTable/utils/resolveColumnWidths.d.ts +28 -0
  16. package/dist/src/DataTable/utils/resolveColumnWidths.js +41 -0
  17. package/dist/src/MultipleSelectBox/MultipleSelectBox.d.ts +1 -1
  18. package/dist/src/MultipleSelectBox/MultipleSelectBox.js +8 -5
  19. package/dist/src/MultipleSelectBox/MultipleSelectBox.types.d.ts +33 -0
  20. package/dist/src/SelectBox/SelectBox.js +6 -4
  21. package/dist/src/SelectBox/SelectBox.types.d.ts +33 -0
  22. package/dist/src/SelectBox/SelectBoxOption.d.ts +5 -1
  23. package/dist/src/SelectBox/SelectBoxOption.js +3 -4
  24. package/dist/src/SelectBox/SelectBoxOptionGroup.d.ts +5 -1
  25. package/dist/src/SelectBox/SelectBoxOptionGroup.js +2 -2
  26. package/dist/src/shared/OptionLabel/OptionLabel.d.ts +45 -0
  27. package/dist/src/shared/OptionLabel/OptionLabel.js +9 -0
  28. package/dist/src/shared/OptionLabel/index.d.ts +1 -0
  29. package/dist/src/shared/OptionLabel/index.js +1 -0
  30. package/dist/styled-system/recipes/data-table-slot-recipe.d.ts +5 -1
  31. package/dist/styled-system/recipes/data-table-slot-recipe.js +19 -1
  32. package/dist/styles.css +31 -0
  33. package/dist/tsconfig.build.tsbuildinfo +1 -1
  34. package/package.json +7 -7
package/dist/styles.css CHANGED
@@ -1634,6 +1634,11 @@
1634
1634
  min-width: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
1635
1635
  }
1636
1636
 
1637
+ .mfui-fmdPwh > [data-mfui-content="select-box-option-label-slot"] {
1638
+ flex-grow: 1;
1639
+ min-width: 0px;
1640
+ }
1641
+
1637
1642
  .mfui-fmdPwh[data-mfui-skeleton="true"] > .mfui-Skeleton {
1638
1643
  flex-grow: 1;
1639
1644
  height: 1.25rem;
@@ -3092,6 +3097,23 @@
3092
3097
  width: 100%;
3093
3098
  }
3094
3099
 
3100
+ .mfui-chNDct {
3101
+ padding: 0;
3102
+ border: 0;
3103
+ }
3104
+
3105
+ .mfui-djixCu {
3106
+ padding: 0;
3107
+ background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.none);
3108
+ border-block-end-style: solid;
3109
+ border-block-end-width: var(--mfui-border-widths-mfui\.size\.border\.base\.width\.comfort);
3110
+ border-block-end-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
3111
+ }
3112
+
3113
+ .mfui-cHcPnP {
3114
+ width: calc(var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort) + var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.comfort) * 2 + var(--mfui-spacing-mfui\.size\.padding\.container\.horizontal\.comfort));
3115
+ }
3116
+
3095
3117
  .mfui-jMpBJi {
3096
3118
  border-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
3097
3119
  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.none);
@@ -3755,6 +3777,11 @@
3755
3777
  min-width: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
3756
3778
  }
3757
3779
 
3780
+ .mfui-hBoLjB > [data-mfui-content="multiple-select-box-option-label-slot"] {
3781
+ flex-grow: 1;
3782
+ min-width: 0px;
3783
+ }
3784
+
3758
3785
  .mfui-hBoLjB[aria-disabled="true"] {
3759
3786
  color: var(--mfui-colors-mfui\.color\.disabled\.content);
3760
3787
  background-color: var(--mfui-colors-mfui\.color\.base\.background\.none);
@@ -7931,6 +7958,10 @@ li:last-child > .mfui-cXGJls {
7931
7958
  border-radius: var(--mfui-radii-mfui\.size\.radius\.control-component\.comfort);
7932
7959
  }
7933
7960
 
7961
+ .mfui-gwKOSv {
7962
+ table-layout: fixed;
7963
+ }
7964
+
7934
7965
  .mfui-hUuodk {
7935
7966
  border-block-style: solid;
7936
7967
  border-block-width: var(--mfui-border-widths-mfui\.size\.border\.base\.width\.comfort);