@blocklet/aigne-hub 0.7.19 → 0.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 (3) hide show
  1. package/lib/cjs/components/table.js +9 -2
  2. package/lib/esm/components/table.js +9 -2
  3. package/package.json +1 -1
package/lib/cjs/components/table.js CHANGED
@@ -171,14 +171,16 @@ const Wrapped = (0, system_1.styled)(Datatable_1.default) `
171
171
  flex-direction: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection || 'row'};
172
172
  align-items: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection === 'column' ? 'flex-start' : 'center'};
173
173
  justify-content: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection === 'column' ? 'flex-start' : 'space-between'};
174
+ gap: ${({ mobileTDFlexDirection = 'column' }) => (mobileTDFlexDirection === 'row' ? '8px' : '0')};
175
+ min-height: ${({ mobileTDFlexDirection = 'column' }) => (mobileTDFlexDirection === 'row' ? '36px' : 'auto')};
174
176
  }
175
177
  td.MuiTableCell-root > div {
176
- margin-bottom: 4px;
178
+ margin-bottom: ${({ mobileTDFlexDirection = 'column' }) => (mobileTDFlexDirection === 'row' ? '0' : '4px')};
177
179
  }
178
180
  .MuiTable-root > .MuiTableBody-root > .MuiTableRow-root > td.MuiTableCell-root {
179
181
  display: flex;
180
182
  flex-direction: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection || 'row'};
181
- align-items: flex-start;
183
+ align-items: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection === 'row' ? 'center' : 'flex-start'};
182
184
  justify-content: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection === 'row' ? 'space-between' : 'flex-start'};
183
185
  flex-wrap: ${({ mobileTDFlexDirection = 'column' }) => (mobileTDFlexDirection === 'row' ? 'nowrap' : 'wrap')};
184
186
  word-break: break-all;
@@ -186,6 +188,11 @@ const Wrapped = (0, system_1.styled)(Datatable_1.default) `
186
188
  justify-content: center;
187
189
  }
188
190
  }
191
+ .MuiTableCell-body > div:last-of-type {
192
+ text-align: ${({ mobileTDFlexDirection = 'column' }) => (mobileTDFlexDirection === 'row' ? 'right' : 'left')};
193
+ display: flex;
194
+ justify-content: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection === 'row' ? 'flex-end' : 'flex-start'};
195
+ }
189
196
  [class*='MUIDataTable-responsiveBase'] tr:not([class*='responsiveSimple']) td.MuiTableCell-body > div {
190
197
  width: inherit;
191
198
  }
package/lib/esm/components/table.js CHANGED
@@ -166,14 +166,16 @@ const Wrapped = styled(Datatable) `
166
166
  flex-direction: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection || 'row'};
167
167
  align-items: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection === 'column' ? 'flex-start' : 'center'};
168
168
  justify-content: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection === 'column' ? 'flex-start' : 'space-between'};
169
+ gap: ${({ mobileTDFlexDirection = 'column' }) => (mobileTDFlexDirection === 'row' ? '8px' : '0')};
170
+ min-height: ${({ mobileTDFlexDirection = 'column' }) => (mobileTDFlexDirection === 'row' ? '36px' : 'auto')};
169
171
  }
170
172
  td.MuiTableCell-root > div {
171
- margin-bottom: 4px;
173
+ margin-bottom: ${({ mobileTDFlexDirection = 'column' }) => (mobileTDFlexDirection === 'row' ? '0' : '4px')};
172
174
  }
173
175
  .MuiTable-root > .MuiTableBody-root > .MuiTableRow-root > td.MuiTableCell-root {
174
176
  display: flex;
175
177
  flex-direction: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection || 'row'};
176
- align-items: flex-start;
178
+ align-items: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection === 'row' ? 'center' : 'flex-start'};
177
179
  justify-content: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection === 'row' ? 'space-between' : 'flex-start'};
178
180
  flex-wrap: ${({ mobileTDFlexDirection = 'column' }) => (mobileTDFlexDirection === 'row' ? 'nowrap' : 'wrap')};
179
181
  word-break: break-all;
@@ -181,6 +183,11 @@ const Wrapped = styled(Datatable) `
181
183
  justify-content: center;
182
184
  }
183
185
  }
186
+ .MuiTableCell-body > div:last-of-type {
187
+ text-align: ${({ mobileTDFlexDirection = 'column' }) => (mobileTDFlexDirection === 'row' ? 'right' : 'left')};
188
+ display: flex;
189
+ justify-content: ${({ mobileTDFlexDirection = 'column' }) => mobileTDFlexDirection === 'row' ? 'flex-end' : 'flex-start'};
190
+ }
184
191
  [class*='MUIDataTable-responsiveBase'] tr:not([class*='responsiveSimple']) td.MuiTableCell-body > div {
185
192
  width: inherit;
186
193
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/aigne-hub",
3
- "version": "0.7.19",
3
+ "version": "0.8.0",
4
4
  "description": "The react.js component library for AIGNE Hub",
5
5
  "publishConfig": {
6
6
  "access": "public"