@instructure/ui-table
Advanced tools
Comparing version
@@ -24,2 +24,2 @@ /* | ||
*/ | ||
export * from './components'; | ||
export { Table } from './Table'; |
@@ -6,13 +6,9 @@ "use strict"; | ||
}); | ||
Object.defineProperty(exports, "Table", { | ||
enumerable: true, | ||
get: function get() { | ||
return _Table.Table; | ||
} | ||
}); | ||
var _components = require("./components"); | ||
Object.keys(_components).forEach(function (key) { | ||
if (key === "default" || key === "__esModule") return; | ||
Object.defineProperty(exports, key, { | ||
enumerable: true, | ||
get: function get() { | ||
return _components[key]; | ||
} | ||
}); | ||
}); | ||
var _Table = require("./Table"); |
{ | ||
"name": "@instructure/ui-table", | ||
"version": "5.52.3-rc.30+77777f2c", | ||
"version": "5.52.3-rc.31+81265a8b", | ||
"description": "A UI component library made by Instructure Inc.", | ||
@@ -23,17 +23,17 @@ "author": "Instructure, Inc. Engineering and Product Design", | ||
"devDependencies": { | ||
"@instructure/ui-babel-preset": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-color-utils": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-test-utils": "5.52.3-rc.30+77777f2c" | ||
"@instructure/ui-babel-preset": "5.52.3-rc.31+81265a8b", | ||
"@instructure/ui-color-utils": "5.52.3-rc.31+81265a8b", | ||
"@instructure/ui-test-utils": "5.52.3-rc.31+81265a8b" | ||
}, | ||
"dependencies": { | ||
"@babel/runtime": "^7", | ||
"@instructure/ui-a11y": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-forms": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-icons": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-layout": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-prop-types": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-react-utils": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-testable": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-themeable": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-utils": "5.52.3-rc.30+77777f2c", | ||
"@instructure/ui-a11y": "5.52.3-rc.31+81265a8b", | ||
"@instructure/ui-forms": "5.52.3-rc.31+81265a8b", | ||
"@instructure/ui-icons": "5.52.3-rc.31+81265a8b", | ||
"@instructure/ui-layout": "5.52.3-rc.31+81265a8b", | ||
"@instructure/ui-prop-types": "5.52.3-rc.31+81265a8b", | ||
"@instructure/ui-react-utils": "5.52.3-rc.31+81265a8b", | ||
"@instructure/ui-testable": "5.52.3-rc.31+81265a8b", | ||
"@instructure/ui-themeable": "5.52.3-rc.31+81265a8b", | ||
"@instructure/ui-utils": "5.52.3-rc.31+81265a8b", | ||
"classnames": "^2", | ||
@@ -47,3 +47,3 @@ "prop-types": "^15", | ||
"sideEffects": false, | ||
"gitHead": "77777f2c4ba2f5f0a1e26631de8c82c4248a5d68" | ||
"gitHead": "81265a8bde6e983313a8e3ca2819517b9bccd237" | ||
} |
@@ -26,37 +26,38 @@ --- | ||
```javascript | ||
--- | ||
example: true | ||
--- | ||
<TableControlled | ||
caption='Top rated movies' | ||
> | ||
<TableControlled.Head> | ||
<TableControlled.Row> | ||
<TableControlled.ColHeader>Rank</TableControlled.ColHeader> | ||
<TableControlled.ColHeader>Title</TableControlled.ColHeader> | ||
<TableControlled.ColHeader>Year</TableControlled.ColHeader> | ||
<TableControlled.ColHeader>Rating</TableControlled.ColHeader> | ||
</TableControlled.Row> | ||
</TableControlled.Head> | ||
<TableControlled.Body> | ||
<TableControlled.Row> | ||
<TableControlled.RowHeader>1</TableControlled.RowHeader> | ||
<TableControlled.Cell>The Shawshank Redemption</TableControlled.Cell> | ||
<TableControlled.Cell>1994</TableControlled.Cell> | ||
<TableControlled.Cell>9.3</TableControlled.Cell> | ||
</TableControlled.Row> | ||
<TableControlled.Row> | ||
<TableControlled.RowHeader>2</TableControlled.RowHeader> | ||
<TableControlled.Cell>The Godfather</TableControlled.Cell> | ||
<TableControlled.Cell>1972</TableControlled.Cell> | ||
<TableControlled.Cell>9.2</TableControlled.Cell> | ||
</TableControlled.Row> | ||
<TableControlled.Row> | ||
<TableControlled.RowHeader>3</TableControlled.RowHeader> | ||
<TableControlled.Cell>The Godfather: Part II</TableControlled.Cell> | ||
<TableControlled.Cell>1974</TableControlled.Cell> | ||
<TableControlled.Cell>9.0</TableControlled.Cell> | ||
</TableControlled.Row> | ||
</TableControlled.Body> | ||
</TableControlled> | ||
import { Table } from '@instructure/ui-table' | ||
const MyTable = () => { | ||
return ( | ||
<Table caption='Top rated movies'> | ||
<Table.Head> | ||
<Table.Row> | ||
<Table.ColHeader>Rank</Table.ColHeader> | ||
<Table.ColHeader>Title</Table.ColHeader> | ||
<Table.ColHeader>Year</Table.ColHeader> | ||
<Table.ColHeader>Rating</Table.ColHeader> | ||
</Table.Row> | ||
</Table.Head> | ||
<Table.Body> | ||
<Table.Row> | ||
<Table.RowHeader>1</Table.RowHeader> | ||
<Table.Cell>The Shawshank Redemption</Table.Cell> | ||
<Table.Cell>1994</Table.Cell> | ||
<Table.Cell>9.3</Table.Cell> | ||
</Table.Row> | ||
<Table.Row> | ||
<Table.RowHeader>2</Table.RowHeader> | ||
<Table.Cell>The Godfather</Table.Cell> | ||
<Table.Cell>1972</Table.Cell> | ||
<Table.Cell>9.2</Table.Cell> | ||
</Table.Row> | ||
<Table.Row> | ||
<Table.RowHeader>3</Table.RowHeader> | ||
<Table.Cell>The Godfather: Part II</Table.Cell> | ||
<Table.Cell>1974</Table.Cell> | ||
<Table.Cell>9.0</Table.Cell> | ||
</Table.Row> | ||
</Table.Body> | ||
</Table> | ||
) | ||
} | ||
``` | ||
@@ -63,0 +64,0 @@ |
@@ -24,2 +24,2 @@ /* | ||
*/ | ||
export * from './components' | ||
export { Table } from './Table' |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
75
1.35%181960
-3.18%60
-4.76%3645
-2.1%2
100%