@imposium-hub/components 1.28.0 → 1.28.1

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 (10) hide show
  1. package/Entry.ts +2 -0
  2. package/components/assets/AssetsTableStatusCell.tsx +16 -0
  3. package/dist/components.js +2 -2
  4. package/dist/components.js.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/dist/styles.css.map +1 -1
  7. package/dist/styles.less +22 -0
  8. package/dist/styles.less.map +1 -1
  9. package/less/components/assets.less +22 -0
  10. package/package.json +1 -1
package/Entry.ts CHANGED
@@ -43,6 +43,7 @@ import AssetsTableTagsFilter from './components/assets/AssetsTableTagsFilter';
43
43
  import AssetsTableTagsPivot from './components/assets/AssetsTableTagsPivot';
44
44
  import AssetsTableComplexTagCell from './components/assets/AssetsTableComplexTagCell';
45
45
  import AssetsTableTypeCell from './components/assets/AssetsTableTypeCell';
46
+ import AssetsTableStatusCell from './components/assets/AssetsTableStatusCell';
46
47
  import AssetsTableTypeFilter from './components/assets/AssetsTableTypeFilter';
47
48
  import AssetsTypeIcon from './components/assets/AssetsTypeIcon';
48
49
  import FontAssetPreview from './components/assets/FontAssetPreview';
@@ -159,6 +160,7 @@ export {
159
160
  AssetsTableSelectCell,
160
161
  AssetsTableTypeFilter,
161
162
  AssetsTableTypeCell,
163
+ AssetsTableStatusCell,
162
164
  AssetsTableNameFilter,
163
165
  AssetsTableNameCell,
164
166
  AssetsTableTagsCell,
package/components/assets/AssetsTableStatusCell.tsx ADDED
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ interface IAssetsTableStatusCell {
4
+ cell : any; // React table cell wrapper
5
+ }
6
+
7
+ const AssetsTableStatusCell : React.FC<IAssetsTableStatusCell> = (p : IAssetsTableStatusCell) => {
8
+ const status = (p.cell.row.values.processing) ? 'processing' : 'complete';
9
+ return <div className = 'asset-status-cell'>
10
+
11
+ <div className = {`status-indicator ${status}`}></div>
12
+ </div>;
13
+ };
14
+
15
+ const AssetsTableStatusCellMemoized = React.memo(AssetsTableStatusCell);
16
+ export default AssetsTableStatusCellMemoized;