@scality/data-browser-library 1.0.0-preview.13 → 1.0.0-preview.16

package/dist/components/buckets/BucketLifecycleList.d.ts

@@ -1,8 +1,8 @@
-import type { LifecycleRule } from "@aws-sdk/client-s3";
+import type { LifecycleRule } from '@aws-sdk/client-s3';
 interface BucketLifecycleListProps {
     bucketName: string;
     lifecycleRules: LifecycleRule[];
-    lifecycleStatus?: "idle" | "loading" | "error" | "success";
+    lifecycleStatus?: 'idle' | 'loading' | 'error' | 'success';
     onCreateRule?: () => void;
     onEditRule?: (ruleId: string) => void;
 }

package/dist/components/buckets/BucketLifecycleList.js

@@ -14,18 +14,18 @@ const formatActions = (rule)=>{
             description: `Expire current versions of objects after ${pluralizeDays(rule.Expiration.Days)}`
         });
         else if (rule.Expiration.Date) actions.push({
-            text: "Expire current",
-            description: "Expire current versions of objects on date",
+            text: 'Expire current',
+            description: 'Expire current versions of objects on date',
             date: rule.Expiration.Date
         });
         else if (rule.Expiration.ExpiredObjectDeleteMarker) actions.push({
-            text: "Delete expired markers",
-            description: "Delete expired object delete markers"
+            text: 'Delete expired markers',
+            description: 'Delete expired object delete markers'
         });
     }
     if (rule.NoncurrentVersionExpiration?.NoncurrentDays) {
-        const keepText = rule.NoncurrentVersionExpiration.NewerNoncurrentVersions ? `, keep ${rule.NoncurrentVersionExpiration.NewerNoncurrentVersions}` : "";
-        const keepDescription = rule.NoncurrentVersionExpiration.NewerNoncurrentVersions ? `, keep ${rule.NoncurrentVersionExpiration.NewerNoncurrentVersions} newest versions` : "";
+        const keepText = rule.NoncurrentVersionExpiration.NewerNoncurrentVersions ? `, keep ${rule.NoncurrentVersionExpiration.NewerNoncurrentVersions}` : '';
+        const keepDescription = rule.NoncurrentVersionExpiration.NewerNoncurrentVersions ? `, keep ${rule.NoncurrentVersionExpiration.NewerNoncurrentVersions} newest versions` : '';
         actions.push({
             text: `Expire noncurrent (${pluralizeDays(rule.NoncurrentVersionExpiration.NoncurrentDays)}${keepText})`,
             description: `Permanently delete noncurrent versions of objects after ${pluralizeDays(rule.NoncurrentVersionExpiration.NoncurrentDays)}${keepDescription}`
@@ -37,15 +37,15 @@ const formatActions = (rule)=>{
             description: `Transition current versions of objects after ${pluralizeDays(transition.Days)}`
         });
         else if (transition.Date) actions.push({
-            text: "Transition current",
-            description: "Transition current versions of objects on date",
+            text: 'Transition current',
+            description: 'Transition current versions of objects on date',
             date: transition.Date
         });
     });
     if (rule.NoncurrentVersionTransitions && rule.NoncurrentVersionTransitions.length > 0) rule.NoncurrentVersionTransitions.forEach((transition)=>{
         if (transition.NoncurrentDays) {
-            const keepText = transition.NewerNoncurrentVersions ? `, keep ${transition.NewerNoncurrentVersions}` : "";
-            const keepDescription = transition.NewerNoncurrentVersions ? `, keep ${transition.NewerNoncurrentVersions} newest versions` : "";
+            const keepText = transition.NewerNoncurrentVersions ? `, keep ${transition.NewerNoncurrentVersions}` : '';
+            const keepDescription = transition.NewerNoncurrentVersions ? `, keep ${transition.NewerNoncurrentVersions} newest versions` : '';
             actions.push({
                 text: `Transition noncurrent (${pluralizeDays(transition.NoncurrentDays)}${keepText})`,
                 description: `Transition noncurrent versions of objects after ${pluralizeDays(transition.NoncurrentDays)}${keepDescription}`
@@ -58,8 +58,8 @@ const formatActions = (rule)=>{
     });
     return actions.length > 0 ? actions : [
         {
-            text: "-",
-            description: "-"
+            text: '-',
+            description: '-'
         }
     ];
 };
@@ -68,39 +68,39 @@ function BucketLifecycleList({ bucketName, lifecycleRules, lifecycleStatus, onCr
     const deleteLifecycleMutation = useDeleteBucketLifecycle();
     const columns = useMemo(()=>[
             {
-                Header: "Rule ID",
-                accessor: "ID",
-                id: "id",
+                Header: 'Rule ID',
+                accessor: 'ID',
+                id: 'id',
                 Cell: ({ value })=>/*#__PURE__*/ jsx(ConstrainedText, {
-                        text: value || "-",
+                        text: value || '-',
                         lineClamp: 2
                     }),
                 cellStyle: {
-                    flex: "1",
-                    width: "unset"
+                    flex: '1',
+                    width: 'unset'
                 }
             },
             {
-                Header: "Status",
-                accessor: "Status",
-                id: "status",
+                Header: 'Status',
+                accessor: 'Status',
+                id: 'status',
                 Cell: ({ value })=>{
-                    const statusText = "Enabled" === value ? "Active" : "Disabled" === value ? "Inactive" : value;
+                    const statusText = 'Enabled' === value ? 'Active' : 'Disabled' === value ? 'Inactive' : value;
                     return /*#__PURE__*/ jsx("span", {
-                        children: statusText || "-"
+                        children: statusText || '-'
                     });
                 },
                 cellStyle: {
-                    width: "unset",
-                    flex: "0.5"
+                    width: 'unset',
+                    flex: '0.5'
                 }
             },
             {
-                Header: "Actions",
-                accessor: "Actions",
-                id: "actions",
+                Header: 'Actions',
+                accessor: 'Actions',
+                id: 'actions',
                 Cell: ({ value })=>{
-                    if (!value || 0 === value.length || 1 === value.length && "-" === value[0].text) return /*#__PURE__*/ jsx("span", {
+                    if (!value || 0 === value.length || 1 === value.length && '-' === value[0].text) return /*#__PURE__*/ jsx("span", {
                         children: "-"
                     });
                     const firstAction = value[0];
@@ -112,7 +112,7 @@ function BucketLifecycleList({ bucketName, lifecycleRules, lifecycleStatus, onCr
                                 " (",
                                 /*#__PURE__*/ jsx(FormattedDateTime, {
                                     format: "date",
-                                    value: "string" == typeof date ? new Date(date) : date
+                                    value: 'string' == typeof date ? new Date(date) : date
                                 }),
                                 ")"
                             ]
@@ -124,7 +124,7 @@ function BucketLifecycleList({ bucketName, lifecycleRules, lifecycleStatus, onCr
                     const multiActionTooltip = /*#__PURE__*/ jsx("ul", {
                         style: {
                             margin: 0,
-                            paddingLeft: "1.5rem"
+                            paddingLeft: '1.5rem'
                         },
                         children: value.map((action, index)=>/*#__PURE__*/ jsx("li", {
                                 children: renderDescription(action)
@@ -145,11 +145,11 @@ function BucketLifecycleList({ bucketName, lifecycleRules, lifecycleStatus, onCr
                                 overlay: multiActionTooltip,
                                 placement: "top",
                                 overlayStyle: {
-                                    maxWidth: "30rem"
+                                    maxWidth: '30rem'
                                 },
                                 children: /*#__PURE__*/ jsx("span", {
                                     style: {
-                                        cursor: "help"
+                                        cursor: 'help'
                                     },
                                     children: /*#__PURE__*/ jsx(Icon, {
                                         name: "Info",
@@ -164,19 +164,19 @@ function BucketLifecycleList({ bucketName, lifecycleRules, lifecycleStatus, onCr
                     });
                 },
                 cellStyle: {
-                    width: "unset",
-                    flex: "1.5"
+                    width: 'unset',
+                    flex: '1.5'
                 }
             },
             {
-                Header: "",
-                accessor: "ID",
-                id: "operations",
+                Header: '',
+                accessor: 'ID',
+                id: 'operations',
                 cellStyle: {
-                    flex: "0.5",
-                    textAlign: "right",
+                    flex: '0.5',
+                    textAlign: 'right',
                     paddingRight: spacing.r16,
-                    width: "unset"
+                    width: 'unset'
                 },
                 Cell: ({ value })=>/*#__PURE__*/ jsxs(Box, {
                         display: "flex",
@@ -195,7 +195,7 @@ function BucketLifecycleList({ bucketName, lifecycleRules, lifecycleStatus, onCr
                                 },
                                 "aria-label": "Edit rule",
                                 tooltip: {
-                                    overlay: "Edit rule"
+                                    overlay: 'Edit rule'
                                 }
                             }),
                             /*#__PURE__*/ jsx(DeleteBucketConfigRuleButton, {
@@ -222,8 +222,8 @@ function BucketLifecycleList({ bucketName, lifecycleRules, lifecycleStatus, onCr
         onEditRule
     ]);
     const tableData = useMemo(()=>lifecycleRules.map((rule)=>({
-                ID: rule.ID || "-",
-                Status: rule.Status || "Disabled",
+                ID: rule.ID || '-',
+                Status: rule.Status || 'Disabled',
                 Actions: formatActions(rule),
                 rule
             })), [
@@ -237,8 +237,8 @@ function BucketLifecycleList({ bucketName, lifecycleRules, lifecycleStatus, onCr
         defaultSortingKey: "id",
         entityName: {
             en: {
-                singular: "lifecycle rule",
-                plural: "lifecycle rules"
+                singular: 'lifecycle rule',
+                plural: 'lifecycle rules'
             }
         },
         children: [

package/dist/components/buckets/BucketList.d.ts

@@ -1,7 +1,7 @@
-import type { Bucket } from "@aws-sdk/client-s3";
+import type { Bucket } from '@aws-sdk/client-s3';
 interface BucketListProps {
     buckets: Bucket[];
-    bucketStatus?: "idle" | "loading" | "error" | "success";
+    bucketStatus?: 'idle' | 'loading' | 'error' | 'success';
     selectedBucketName?: string | null;
     onBucketSelect?: (bucketName: string) => void;
     onCreateBucket?: () => void;

package/dist/components/buckets/BucketList.js

@@ -4,12 +4,12 @@ import { ConstrainedText, FormattedDateTime, Icon, Link, Wrap, spacing } from "@
 import { Box, Button, Table } from "@scality/core-ui/dist/next";
 import { useDataBrowserUICustomization } from "../../contexts/DataBrowserUICustomizationContext.js";
 import { BucketLocation } from "./BucketLocation.js";
-const SEARCH_QUERY_PARAM = "search";
-const LOCATION_COLUMN_FLEX = "1.2";
+const SEARCH_QUERY_PARAM = 'search';
+const LOCATION_COLUMN_FLEX = '1.2';
 const createBucketNameColumn = (onNavigateToBucket)=>({
-        Header: "Bucket Name",
-        accessor: "Name",
-        id: "name",
+        Header: 'Bucket Name',
+        accessor: 'Name',
+        id: 'name',
         Cell: ({ value })=>{
             if (!value) return /*#__PURE__*/ jsx("span", {
                 children: "-"
@@ -26,14 +26,14 @@ const createBucketNameColumn = (onNavigateToBucket)=>({
             });
         },
         cellStyle: {
-            flex: "1",
-            width: "unset"
+            flex: '1',
+            width: 'unset'
         }
     });
 const createLocationColumn = ()=>({
-        Header: "Storage Location",
-        accessor: "Name",
-        id: "location",
+        Header: 'Storage Location',
+        accessor: 'Name',
+        id: 'location',
         Cell: ({ value })=>{
             if (!value) return /*#__PURE__*/ jsx("span", {
                 children: "-"
@@ -43,19 +43,19 @@ const createLocationColumn = ()=>({
             });
         },
         cellStyle: {
-            width: "unset",
+            width: 'unset',
             flex: LOCATION_COLUMN_FLEX
         }
     });
 const createDateColumn = ()=>({
-        Header: "Created on",
-        accessor: "CreationDate",
-        id: "date",
+        Header: 'Created on',
+        accessor: 'CreationDate',
+        id: 'date',
         cellStyle: {
-            flex: "1",
-            textAlign: "right",
+            flex: '1',
+            textAlign: 'right',
             paddingRight: spacing.r16,
-            width: "unset"
+            width: 'unset'
         },
         Cell: ({ value })=>{
             if (!value) return /*#__PURE__*/ jsx("span", {
@@ -77,8 +77,9 @@ const buildCustomColumn = (columnConfig)=>({
             });
         },
         cellStyle: {
-            width: columnConfig.width ?? "unset",
-            flex: columnConfig.width ? void 0 : "1"
+            width: columnConfig.width ?? 'unset',
+            flex: columnConfig.width ? void 0 : '1',
+            ...columnConfig.cellStyle
         }
     });
 function createOverrideMap(customItems) {
@@ -100,10 +101,10 @@ function BucketList({ buckets, bucketStatus, selectedBucketName, onBucketSelect,
         const getColumn = (id)=>customColumnsMap.get(id) || defaultColumnsMap[id];
         const extraColumns = customColumns.filter((col)=>col.id && !(col.id in defaultColumnsMap));
         return [
-            getColumn("name"),
-            getColumn("location"),
+            getColumn('name'),
+            getColumn('location'),
             ...extraColumns,
-            getColumn("date")
+            getColumn('date')
         ];
     }, [
         onNavigateToBucket,
@@ -120,7 +121,7 @@ function BucketList({ buckets, bucketStatus, selectedBucketName, onBucketSelect,
     const actions = useMemo(()=>{
         const defaultActionsMap = {
             createBucket: {
-                id: "createBucket",
+                id: 'createBucket',
                 render: ()=>/*#__PURE__*/ jsx(Button, {
                         icon: /*#__PURE__*/ jsx(Icon, {
                             name: "Create-add"
@@ -140,7 +141,7 @@ function BucketList({ buckets, bucketStatus, selectedBucketName, onBucketSelect,
         const getAction = (id)=>customActionsMap.get(id) || defaultActionsMap[id];
         const extraActions = customActions.filter((action)=>!(action.id in defaultActionsMap));
         return [
-            getAction("createBucket"),
+            getAction('createBucket'),
             ...extraActions
         ];
     }, [
@@ -161,8 +162,8 @@ function BucketList({ buckets, bucketStatus, selectedBucketName, onBucketSelect,
         defaultSortingKey: "CreationDate",
         entityName: {
             en: {
-                singular: "bucket",
-                plural: "buckets"
+                singular: 'bucket',
+                plural: 'buckets'
             }
         },
         children: [
@@ -197,5 +198,5 @@ function BucketList({ buckets, bucketStatus, selectedBucketName, onBucketSelect,
         ]
     });
 }
-BucketList.displayName = "BucketList";
+BucketList.displayName = 'BucketList';
 export { BucketList };

package/dist/components/buckets/BucketLocation.js

@@ -5,12 +5,12 @@ const BucketLocation = ({ bucketName })=>{
     const { data: bucketLocation, status } = useGetBucketLocation({
         Bucket: bucketName
     });
-    if ("pending" === status) return /*#__PURE__*/ jsx(Loader, {});
-    if ("error" === status) return /*#__PURE__*/ jsx("div", {
+    if ('pending' === status) return /*#__PURE__*/ jsx(Loader, {});
+    if ('error' === status) return /*#__PURE__*/ jsx("div", {
         children: "Error"
     });
     return /*#__PURE__*/ jsx("div", {
-        children: bucketLocation?.LocationConstraint || "us-east-1"
+        children: bucketLocation?.LocationConstraint || 'us-east-1'
     });
 };
 export { BucketLocation };

package/dist/components/buckets/BucketOverview.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export type FieldItem = {
     id: string;
     label: string;