@box/metadata-view 0.8.7
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.
- package/LICENSE +379 -0
- package/README.md +57 -0
- package/dist/esm/index.js +4 -0
- package/dist/esm/lib/components/filter-row/filter-row.js +26 -0
- package/dist/esm/lib/components/item-action-menu/item-action-menu.js +78 -0
- package/dist/esm/lib/components/item-action-menu/messages.js +10 -0
- package/dist/esm/lib/components/metadata-table/messages.js +14 -0
- package/dist/esm/lib/components/metadata-table/metadata-table.js +95 -0
- package/dist/esm/lib/components/pagination/pagination.js +7 -0
- package/dist/esm/lib/metadata-view.js +22 -0
- package/dist/i18n/bn-IN.js +7 -0
- package/dist/i18n/bn-IN.properties +4 -0
- package/dist/i18n/da-DK.js +7 -0
- package/dist/i18n/da-DK.properties +4 -0
- package/dist/i18n/de-DE.js +7 -0
- package/dist/i18n/de-DE.properties +4 -0
- package/dist/i18n/en-AU.js +7 -0
- package/dist/i18n/en-AU.properties +4 -0
- package/dist/i18n/en-CA.js +7 -0
- package/dist/i18n/en-CA.properties +4 -0
- package/dist/i18n/en-GB.js +7 -0
- package/dist/i18n/en-GB.properties +4 -0
- package/dist/i18n/en-US.js +5 -0
- package/dist/i18n/en-US.properties +6 -0
- package/dist/i18n/en-x-pseudo.js +7 -0
- package/dist/i18n/en-x-pseudo.properties +4 -0
- package/dist/i18n/es-419.js +7 -0
- package/dist/i18n/es-419.properties +4 -0
- package/dist/i18n/es-ES.js +7 -0
- package/dist/i18n/es-ES.properties +4 -0
- package/dist/i18n/fi-FI.js +7 -0
- package/dist/i18n/fi-FI.properties +4 -0
- package/dist/i18n/fr-CA.js +7 -0
- package/dist/i18n/fr-CA.properties +4 -0
- package/dist/i18n/fr-FR.js +7 -0
- package/dist/i18n/fr-FR.properties +4 -0
- package/dist/i18n/hi-IN.js +7 -0
- package/dist/i18n/hi-IN.properties +4 -0
- package/dist/i18n/it-IT.js +7 -0
- package/dist/i18n/it-IT.properties +4 -0
- package/dist/i18n/ja-JP.js +7 -0
- package/dist/i18n/ja-JP.properties +4 -0
- package/dist/i18n/json/src/lib/components/item-action-menu/messages.json +1 -0
- package/dist/i18n/json/src/lib/components/metadata-table/messages.json +1 -0
- package/dist/i18n/ko-KR.js +7 -0
- package/dist/i18n/ko-KR.properties +4 -0
- package/dist/i18n/nb-NO.js +7 -0
- package/dist/i18n/nb-NO.properties +4 -0
- package/dist/i18n/nl-NL.js +7 -0
- package/dist/i18n/nl-NL.properties +4 -0
- package/dist/i18n/pl-PL.js +7 -0
- package/dist/i18n/pl-PL.properties +4 -0
- package/dist/i18n/pt-BR.js +7 -0
- package/dist/i18n/pt-BR.properties +4 -0
- package/dist/i18n/ru-RU.js +7 -0
- package/dist/i18n/ru-RU.properties +4 -0
- package/dist/i18n/sv-SE.js +7 -0
- package/dist/i18n/sv-SE.properties +4 -0
- package/dist/i18n/tr-TR.js +7 -0
- package/dist/i18n/tr-TR.properties +4 -0
- package/dist/i18n/zh-CN.js +7 -0
- package/dist/i18n/zh-CN.properties +4 -0
- package/dist/i18n/zh-TW.js +7 -0
- package/dist/i18n/zh-TW.properties +4 -0
- package/dist/styles/item-action-menu.css +1 -0
- package/dist/styles/metadata-table.css +1 -0
- package/dist/styles/metadata-view.css +0 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/lib/components/filter-row/filter-row.d.ts +13 -0
- package/dist/types/lib/components/item-action-menu/item-action-menu.d.ts +19 -0
- package/dist/types/lib/components/item-action-menu/messages.d.ts +8 -0
- package/dist/types/lib/components/metadata-table/messages.d.ts +13 -0
- package/dist/types/lib/components/metadata-table/metadata-table.d.ts +12 -0
- package/dist/types/lib/components/pagination/pagination.d.ts +2 -0
- package/dist/types/lib/metadata-view.d.ts +8 -0
- package/dist/types/lib/test-utils/mock-data.d.ts +8 -0
- package/dist/types/lib/types.d.ts +11 -0
- package/package.json +52 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import r from "./components/filter-row/filter-row.js";
|
|
2
|
+
import e from "./components/metadata-table/metadata-table.js";
|
|
3
|
+
import i from "./components/pagination/pagination.js";
|
|
4
|
+
import { jsxs as m, jsx as t } from "react/jsx-runtime";
|
|
5
|
+
import '../../styles/metadata-view.css';const n = {};
|
|
6
|
+
function d({
|
|
7
|
+
filterRowProps: a,
|
|
8
|
+
metadataTableProps: o
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ m("div", {
|
|
11
|
+
className: n.container,
|
|
12
|
+
children: [/* @__PURE__ */ t(r, {
|
|
13
|
+
...a
|
|
14
|
+
}), /* @__PURE__ */ t(e, {
|
|
15
|
+
...o
|
|
16
|
+
}), /* @__PURE__ */ t(i, {})]
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
d as MetadataView,
|
|
21
|
+
d as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "তালিকা ভিউ",
|
|
6
|
+
"metadataView.itemList.selectAll": "সমস্ত নির্বাচন করুন"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Listevisning",
|
|
6
|
+
"metadataView.itemList.selectAll": "Vælg alt/alle"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Listenansicht",
|
|
6
|
+
"metadataView.itemList.selectAll": "Alle auswählen"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "List view",
|
|
6
|
+
"metadataView.itemList.selectAll": "Select all"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "List view",
|
|
6
|
+
"metadataView.itemList.selectAll": "Select all"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "List view",
|
|
6
|
+
"metadataView.itemList.selectAll": "Select all"
|
|
7
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
# Label for the action menu for an item in the metadata view list
|
|
2
|
+
groupSharedFeatures.metadataView.itemActionMenu.actionMenu = Action menu
|
|
3
|
+
# Label for the list of files and folders displayed in a list view
|
|
4
|
+
groupSharedFeatures.metadataView.itemList.listView = List view
|
|
5
|
+
# Label for the select all checkbox in the metadata table
|
|
6
|
+
groupSharedFeatures.metadataView.itemList.selectAll = Select all
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "⟦萬萬 Ľïŝť νīёω 國國⟧",
|
|
6
|
+
"metadataView.itemList.selectAll": "⟦萬萬 Ѕêļéćţ άľĺ 國國⟧"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Vista de lista",
|
|
6
|
+
"metadataView.itemList.selectAll": "Seleccionar todos"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Vista de lista",
|
|
6
|
+
"metadataView.itemList.selectAll": "Seleccionar todos"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Luettelonäkymä",
|
|
6
|
+
"metadataView.itemList.selectAll": "Valitse kaikki"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Affichage liste",
|
|
6
|
+
"metadataView.itemList.selectAll": "Sélectionner tout"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Affichage liste",
|
|
6
|
+
"metadataView.itemList.selectAll": "Sélectionner tout"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "सूची दृश्य",
|
|
6
|
+
"metadataView.itemList.selectAll": "सभी चुनें"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Visualizzazione elenco",
|
|
6
|
+
"metadataView.itemList.selectAll": "Seleziona tutto"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "リストビュー",
|
|
6
|
+
"metadataView.itemList.selectAll": "すべて選択"
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"id":"groupSharedFeatures.metadataView.itemActionMenu.actionMenu","description":"Label for the action menu for an item in the metadata view list","defaultMessage":"Action menu"}]
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"id":"groupSharedFeatures.metadataView.itemList.listView","description":"Label for the list of files and folders displayed in a list view","defaultMessage":"List view"},{"id":"groupSharedFeatures.metadataView.itemList.selectAll","description":"Label for the select all checkbox in the metadata table","defaultMessage":"Select all"}]
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "목록 보기",
|
|
6
|
+
"metadataView.itemList.selectAll": "모두 선택"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Listevisning",
|
|
6
|
+
"metadataView.itemList.selectAll": "Merk alt"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Lijstweergave",
|
|
6
|
+
"metadataView.itemList.selectAll": "Selecteer alles"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Widok listy",
|
|
6
|
+
"metadataView.itemList.selectAll": "Wybierz wszystkie"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Exibição em lista",
|
|
6
|
+
"metadataView.itemList.selectAll": "Selecionar todos"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Список",
|
|
6
|
+
"metadataView.itemList.selectAll": "Выбрать все"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Listvy",
|
|
6
|
+
"metadataView.itemList.selectAll": "Välj alla"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "Liste görünümü",
|
|
6
|
+
"metadataView.itemList.selectAll": "Tümünü Seç"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "列表视图",
|
|
6
|
+
"metadataView.itemList.selectAll": "选择全部"
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
|
|
3
|
+
"groupSharedFeatures.metadataView.itemList.listView": "List view",
|
|
4
|
+
"groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
|
|
5
|
+
"metadataView.itemList.listView": "清單檢視",
|
|
6
|
+
"metadataView.itemList.selectAll": "全選"
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._tableActionBar_akgtp_1{display:flex;gap:var(--space-2)}._actionItemIcon_akgtp_6{margin-right:var(--size-2)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._tableHeaderActionsWrapper_hf6y3_1{position:absolute;top:0;right:var(--size-4);bottom:0;display:flex;gap:var(--space-2);align-items:center;justify-content:center;padding:0 var(--space-2);background:var(--item-background);margin-block:var(--space-2)}._tableHeaderActionsWrapper_hf6y3_1:before{position:absolute;left:0;z-index:0;display:block;width:0;height:50%;box-shadow:-.25rem 0 .625rem .625rem var(--item-background);content:""}._tableHeaderActions_hf6y3_1{position:sticky;right:0;width:var(--size-6);padding:0}._selectAllCheckbox_hf6y3_33 svg{transform:none!important}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './lib/metadata-view';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type FieldType = 'string' | 'float' | 'date' | 'enum' | 'multiselect';
|
|
2
|
+
export interface FilterOption {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
fieldType: FieldType;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface FilterRowProps {
|
|
9
|
+
filterOptions: FilterOption[];
|
|
10
|
+
onFilterChange: (activeFilterIds: string[]) => void;
|
|
11
|
+
}
|
|
12
|
+
declare const FilterRow: ({ filterOptions, onFilterChange }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default FilterRow;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { FunctionComponent, PropsWithChildren, SVGProps } from 'react';
|
|
2
|
+
import { Item } from '@box/types';
|
|
3
|
+
export interface ItemAction {
|
|
4
|
+
label: string;
|
|
5
|
+
onClick: (item: Item) => void;
|
|
6
|
+
icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
|
|
7
|
+
}
|
|
8
|
+
export interface ItemActionMenuProps {
|
|
9
|
+
actions: ItemAction[];
|
|
10
|
+
isDisabled?: boolean;
|
|
11
|
+
item: Item;
|
|
12
|
+
onOpenChange: (open: boolean) => void;
|
|
13
|
+
subMenuActions?: ItemAction[];
|
|
14
|
+
subMenuTrigger?: {
|
|
15
|
+
label: string;
|
|
16
|
+
icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
export declare function ItemActionMenu({ actions, isDisabled, item, onOpenChange, subMenuActions, subMenuTrigger, }: ItemActionMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TableProps } from '@box/blueprint-web';
|
|
2
|
+
import { Item } from '@box/types';
|
|
3
|
+
import { ItemActionMenuProps } from '../item-action-menu/item-action-menu';
|
|
4
|
+
import { Column } from '../../types';
|
|
5
|
+
export interface MetadataTableProps extends TableProps {
|
|
6
|
+
columns: Column[];
|
|
7
|
+
isSelectAllEnabled?: boolean;
|
|
8
|
+
items: Item[];
|
|
9
|
+
itemActionMenuProps?: Omit<ItemActionMenuProps, 'item' | 'onOpenChange'>;
|
|
10
|
+
}
|
|
11
|
+
declare const MetadataTable: ({ columns, isSelectAllEnabled, items, itemActionMenuProps, ...tableProps }: MetadataTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default MetadataTable;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FilterRowProps } from './components/filter-row/filter-row';
|
|
2
|
+
import { MetadataTableProps } from './components/metadata-table/metadata-table';
|
|
3
|
+
export interface MetadataViewProps {
|
|
4
|
+
filterRowProps: FilterRowProps;
|
|
5
|
+
metadataTableProps: MetadataTableProps;
|
|
6
|
+
}
|
|
7
|
+
export declare function MetadataView({ filterRowProps, metadataTableProps }: MetadataViewProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default MetadataView;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Item } from '@box/types';
|
|
2
|
+
import { FilterOption } from '../components/filter-row/filter-row';
|
|
3
|
+
import { Column } from '../types';
|
|
4
|
+
export declare const mockActiveFilterIds: string[];
|
|
5
|
+
export declare const mockColumnData: Column[];
|
|
6
|
+
export declare const mockFilterOptions: FilterOption[];
|
|
7
|
+
export declare const mockFilterOptionsNoSelection: FilterOption[];
|
|
8
|
+
export declare const mockMetadata: Item[];
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ColumnProps } from '@box/blueprint-web';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
import { Item } from '@box/types';
|
|
4
|
+
export type MetadataFieldType = 'date' | 'enum' | 'float' | 'multiselect' | 'string';
|
|
5
|
+
export interface Column extends Partial<ColumnProps> {
|
|
6
|
+
cellRenderer?: (item: Item, column: Column) => React.ReactNode | undefined;
|
|
7
|
+
headerRenderer?: (name: string, column: Column) => React.ReactNode | undefined;
|
|
8
|
+
id: string;
|
|
9
|
+
textValue: string;
|
|
10
|
+
type: MetadataFieldType;
|
|
11
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@box/metadata-view",
|
|
3
|
+
"version": "0.8.7",
|
|
4
|
+
"license": "SEE LICENSE IN LICENSE",
|
|
5
|
+
"peerDependencies": {
|
|
6
|
+
"@box/blueprint-web": "^11.12.0",
|
|
7
|
+
"@box/blueprint-web-assets": "^4.44.1",
|
|
8
|
+
"@box/item-icon": "^0.9.168",
|
|
9
|
+
"@box/types": "0.1.0",
|
|
10
|
+
"lodash": "^4.17.15",
|
|
11
|
+
"react": "^18.0.0",
|
|
12
|
+
"react-dom": "^18.0.0",
|
|
13
|
+
"react-intl": "^6.4.2"
|
|
14
|
+
},
|
|
15
|
+
"devDependencies": {
|
|
16
|
+
"@box/blueprint-web": "^11.12.0",
|
|
17
|
+
"@box/blueprint-web-assets": "^4.55.0",
|
|
18
|
+
"@box/item-icon": "^0.9.172",
|
|
19
|
+
"@box/types": "0.2.0",
|
|
20
|
+
"@box/storybook-utils": "0.13.8",
|
|
21
|
+
"@box/eslint-plugin-blueprint": "*",
|
|
22
|
+
"react-intl": "^6.4.2"
|
|
23
|
+
},
|
|
24
|
+
"files": [
|
|
25
|
+
"dist"
|
|
26
|
+
],
|
|
27
|
+
"main": "./dist/esm/index.js",
|
|
28
|
+
"module": "./dist/esm/index.js",
|
|
29
|
+
"types": "./dist/types/index.d.ts",
|
|
30
|
+
"exports": {
|
|
31
|
+
".": {
|
|
32
|
+
"require": "./dist/esm/index.js",
|
|
33
|
+
"import": "./dist/esm/index.js",
|
|
34
|
+
"types": "./dist/types/index.d.ts"
|
|
35
|
+
},
|
|
36
|
+
"./*": {
|
|
37
|
+
"require": "./dist/esm/*",
|
|
38
|
+
"import": "./dist/esm/*",
|
|
39
|
+
"types": "./dist/types/*"
|
|
40
|
+
},
|
|
41
|
+
"./i18n/*": {
|
|
42
|
+
"require": "./dist/i18n/*",
|
|
43
|
+
"import": "./dist/i18n/*"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
"sideEffects": [
|
|
47
|
+
"**/*.css"
|
|
48
|
+
],
|
|
49
|
+
"publishConfig": {
|
|
50
|
+
"access": "public"
|
|
51
|
+
}
|
|
52
|
+
}
|