@aws-amplify/ui-react-storage 3.7.1 → 3.7.2

package/dist/esm/components/StorageBrowser/StorageBrowserDefault.mjs

@@ -1,10 +1,26 @@
 import React__default from 'react';
 import { useViews } from './views/context/views.mjs';
+import './views/LocationActionView/CopyView/CopyView.mjs';
+import '@aws-amplify/ui';
 import './providers/store/location/context.mjs';
 import './providers/store/files/context.mjs';
 import './providers/store/actionType/context.mjs';
 import './providers/store/locationItems/context.mjs';
 import { useStore } from './providers/store/useStore.mjs';
+import './useAction/context.mjs';
+import './providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import './providers/configuration/credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import 'aws-amplify/storage';
+import './actions/configs/context.mjs';
+import './views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
+import './views/LocationActionView/DeleteView/DeleteView.mjs';
+import './views/context/actionViews.mjs';
+import './views/LocationActionView/UploadView/UploadView.mjs';
+import './views/LocationDetailView/LocationDetailView.mjs';
+import './views/LocationsView/LocationsView.mjs';
 
 /**
  * Handles default `StorageBrowser` behavior:

package/dist/esm/components/StorageBrowser/createStorageBrowser.mjs

@@ -14,6 +14,7 @@ import './context/elements/definitions.mjs';
 import './context/elements/IconElement.mjs';
 import { ComponentsProvider } from './ComponentsProvider.mjs';
 import { componentsDefault } from './componentsDefault.mjs';
+import { DisplayTextProvider } from './displayText/context.mjs';
 import { ErrorBoundary } from './ErrorBoundary/ErrorBoundary.mjs';
 import { createConfigurationProvider } from './providers/configuration/createConfigurationProvider.mjs';
 import './providers/configuration/context.mjs';
@@ -23,11 +24,12 @@ import './providers/store/files/context.mjs';
 import './providers/store/location/context.mjs';
 import './providers/store/locationItems/context.mjs';
 import { StorageBrowserDefault } from './StorageBrowserDefault.mjs';
-import { CopyView } from './views/LocationActionView/CopyView/CopyView.mjs';
 import { ActionHandlersProvider } from './useAction/context.mjs';
 import { useAction } from './useAction/useAction.mjs';
 import '@aws-amplify/ui-react-core';
 import { getActionHandlers } from './useAction/utils.mjs';
+import { ViewsProvider } from './views/context/views.mjs';
+import { CopyView } from './views/LocationActionView/CopyView/CopyView.mjs';
 import { CreateFolderView } from './views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import { DeleteView } from './views/LocationActionView/DeleteView/DeleteView.mjs';
 import { LocationActionView } from './views/LocationActionView/LocationActionView.mjs';
@@ -35,8 +37,6 @@ import { UploadView } from './views/LocationActionView/UploadView/UploadView.mjs
 import { LocationDetailView } from './views/LocationDetailView/LocationDetailView.mjs';
 import { LocationsView } from './views/LocationsView/LocationsView.mjs';
 import { useView } from './views/useView.mjs';
-import { ViewsProvider } from './views/context/views.mjs';
-import { DisplayTextProvider } from './displayText/context.mjs';
 
 function createStorageBrowser(input) {
     assertRegisterAuthListener(input.config.registerAuthListener);

package/dist/esm/components/StorageBrowser/views/useView.mjs

@@ -18,7 +18,7 @@ import { useLocationsView } from './LocationsView/useLocationsView.mjs';
 import './LocationDetailView/LocationDetailView.mjs';
 import { useLocationDetailView } from './LocationDetailView/useLocationDetailView.mjs';
 
-const USE_VIEW_HOOKS = {
+const DEFAULT_VIEW_HOOKS = {
     Copy: useCopyView,
     CreateFolder: useCreateFolderView,
     Delete: useDeleteView,
@@ -26,13 +26,13 @@ const USE_VIEW_HOOKS = {
     Locations: useLocationsView,
     Upload: useUploadView,
 };
-const isUseViewType = (value) => !!USE_VIEW_HOOKS?.[value];
+const isUseViewType = (value) => !!DEFAULT_VIEW_HOOKS?.[value];
 // @ts-expect-error
 const useView = (type) => {
     if (!isUseViewType(type)) {
         throw new Error(`Value of \`${type}\` cannot be used to index \`useView\``);
     }
-    return USE_VIEW_HOOKS[type]();
+    return DEFAULT_VIEW_HOOKS[type]();
 };
 
-export { useView };
+export { DEFAULT_VIEW_HOOKS, useView };

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.7.1';
+const VERSION = '3.7.2';
 
 export { VERSION };

package/dist/index.js

@@ -9,7 +9,7 @@ var uiReactCore = require('@aws-amplify/ui-react-core');
 var auth = require('aws-amplify/auth');
 var storage = require('aws-amplify/storage');
 var internal = require('@aws-amplify/ui-react/internal');
-var createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-D6MKiBgI.js');
+var createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-C0qoSzPO.js');
 require('@aws-amplify/storage/internals');
 require('@aws-amplify/ui-react-core/elements');
 require('aws-amplify');

package/dist/types/components/StorageBrowser/index.d.ts

@@ -2,5 +2,6 @@ export { componentsDefault } from './componentsDefault';
 export { createStorageBrowser } from './createStorageBrowser';
 export { ActionViewConfig, ActionHandler, FileDataItem, ExtendedActionConfigs, } from './actions';
 export { createAmplifyAuthAdapter, createManagedAuthAdapter, CreateManagedAuthAdapterInput, StorageBrowserAuthAdapter, } from './adapters';
-export { CreateStorageBrowserInput, StorageBrowserType, DerivedActionViewType, DerivedActionViews, } from './types';
 export { DefaultStorageBrowserDisplayText } from './displayText';
+export { CreateStorageBrowserInput, StorageBrowserType, DerivedActionViewType, DerivedActionViews, } from './types';
+export { UseView } from './views';

package/dist/types/components/StorageBrowser/types.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import { CustomActionConfigs, DefaultActionConfigs, ExtendedActionConfigs, ListLocations } from './actions';
 import { GetLocationCredentials } from './credentials/types';
-import { UseView } from './views/useView';
 import { Components } from './ComponentsProvider';
 import { RegisterAuthListener, StoreProviderProps } from './providers';
-import { CopyViewType, CreateFolderViewType, DeleteViewType, UploadViewType, LocationActionViewType, LocationDetailViewType, LocationsViewType, Views } from './views';
+import { CopyViewType, CreateFolderViewType, DeleteViewType, UploadViewType, LocationActionViewType, LocationDetailViewType, LocationsViewType, Views, UseView } from './views';
 import { StorageBrowserDisplayText } from './displayText';
 import { DerivedActionHandlers, UseAction } from './useAction';
 export interface Config {

package/dist/types/components/StorageBrowser/views/index.d.ts

@@ -1,4 +1,6 @@
+export { ViewsProvider, useViews } from './context';
 export { CopyView, CopyViewType, CreateFolderView, CreateFolderViewType, DeleteView, DeleteViewType, LocationActionView, LocationActionViewProps, LocationActionViewType, UploadView, UploadViewType, } from './LocationActionView';
 export { LocationDetailView, LocationDetailViewProps, LocationDetailViewType, } from './LocationDetailView';
 export { LocationsView, LocationsViewProps, LocationsViewType, } from './LocationsView';
+export { useView, UseView } from './useView';
 export * from './types';

package/dist/types/components/StorageBrowser/views/useView.d.ts

@@ -1,4 +1,4 @@
-declare const USE_VIEW_HOOKS: {
+export declare const DEFAULT_VIEW_HOOKS: {
     Copy: (options?: import("./LocationActionView/CopyView").UseCopyViewOptions | undefined) => import("./LocationActionView").CopyViewState;
     CreateFolder: (options?: import("./LocationActionView/CreateFolderView").UseCreateFolderViewOptions | undefined) => import("./LocationActionView").CreateFolderViewState;
     Delete: (options?: import("./LocationActionView/DeleteView").UseDeleteViewOptions | undefined) => import("./LocationActionView").DeleteViewState;
@@ -6,11 +6,11 @@ declare const USE_VIEW_HOOKS: {
     Locations: (options?: import("./LocationsView/types").UseLocationsViewOptions | undefined) => import("./LocationsView/types").LocationsViewState;
     Upload: (options?: import("./LocationActionView/UploadView").UseUploadViewOptions | undefined) => import("./LocationActionView").UploadViewState;
 };
-type DefaultUseViews = typeof USE_VIEW_HOOKS;
-export type UseViewType = keyof DefaultUseViews;
+type DefaultViewHooks = typeof DEFAULT_VIEW_HOOKS;
+export type UseViewType = keyof DefaultViewHooks;
 export type ViewKey<T> = T extends Record<string, {
     componentName?: `${infer U}View`;
 }> ? U : T extends Record<infer K, any> ? K : never;
-export type UseView = <K extends keyof DefaultUseViews, S extends DefaultUseViews[K]>(type: K) => ReturnType<S>;
+export type UseView = <K extends UseViewType, S extends ReturnType<DefaultViewHooks[K]>>(type: K) => S;
 export declare const useView: UseView;
 export {};

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.7.1";
+export declare const VERSION = "3.7.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.7.1",
+  "version": "3.7.2",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -14,12 +14,10 @@
       "types": "./dist/types/components/StorageBrowser/index.d.ts",
       "import": "./dist/esm/browser.mjs"
     },
-    "./styles.css": "./dist/styles.css",
-    "./storage-browser-styles.css": "./dist/storage-browser-styles.css"
+    "./styles.css": "./dist/styles.css"
   },
   "browser": {
-    "./styles.css": "./dist/styles.css",
-    "./storage-browser-styles.css": "./dist/storage-browser-styles.css"
+    "./styles.css": "./dist/styles.css"
   },
   "types": "dist/types/index.d.ts",
   "license": "Apache-2.0",

package/dist/storage-browser-styles.css

@@ -1,482 +0,0 @@
-.amplify-storage-browser {
-  --storage-browser-dropzone-active-color: hsl(190, 95%, 30%);
-  --storage-browser-gap-small: 0.375rem;
-  --storage-browser-gap: 0.6rem;
-  --storage-browser-gap-large: 1.2rem;
-  --storage-browser-status-error: hsl(0, 95%, 30%);
-  --storage-browser-status-success: hsl(130, 33%, 37%);
-  --storage-browser-status-progress: hsl(220, 95%, 30%);
-  --storage-browser-status-initial: hsl(210, 10%, 58%);
-  --storage-browser-loading-animation: spin 1s ease-out infinite;
-  --storage-browser-error-background: hsl(0, 75%, 95%);
-  --storage-browser-error-text: hsl(0, 100%, 20%);
-}
-
-.storage-browser__pagination {
-  justify-self: flex-end;
-}
-
-.storage-browser__pagination-list {
-  gap: var(--storage-browser-gap-small);
-}
-
-.storage-browser__pagination-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.storage-browser__pagination-list-item {
-  display: flex;
-  align-items: center;
-}
-
-.storage-browser__pagination-button-icon,
-.storage-browser__data-refresh-icon,
-.storage-browser__message-dismiss-icon,
-.storage-browser__menu-toggle-icon {
-  display: block;
-}
-
-.storage-browser__field {
-  display: flex;
-  flex-direction: column;
-  margin-inline-start: var(--storage-browser-gap);
-  gap: var(--storage-browser-gap);
-}
-
-.storage-browser__message {
-  align-items: flex-start;
-  display: flex;
-  gap: var(--storage-browser-gap);
-}
-
-.storage-browser__message-dismiss {
-  flex: 0 0 auto;
-}
-.storage-browser__message-content {
-  flex: 1 1 auto;
-}
-
-.storage-browser__upload-destination,
-.storage-browser__copy-destination {
-  flex: 1;
-}
-
-.storage-browser__locations-view-data-refresh,
-.storage-browser__locations-detail-view-data-refresh {
-  justify-self: flex-end;
-}
-
-.storage-browser__action-status {
-  vertical-align: middle;
-  margin-inline-end: var(--storage-browser-gap-small);
-}
-
-.storage-browser__menu {
-  position: relative;
-  display: inline-block;
-  justify-self: flex-end;
-}
-
-.storage-browser__menu-list {
-  display: none;
-  gap: var(--storage-browser-gap-small);
-  flex-direction: column;
-  position: absolute;
-  inset-inline-end: 0;
-  inset-block-start: 100%;
-  width: max-content;
-  max-width: var(--storage-browser-menu-max-width);
-  z-index: 2;
-}
-
-.storage-browser__menu-list--open {
-  display: flex;
-}
-
-.storage-browser__menu-item {
-  display: flex;
-  gap: var(--storage-browser-gap-small);
-  align-items: center;
-}
-
-.storage-browser__add-folder {
-  justify-self: flex-end;
-}
-
-.storage-browser__action-status--action-initial {
-  color: var(--storage-browser-status-initial);
-}
-.storage-browser__action-status--action-success {
-  color: var(--storage-browser-status-success);
-}
-.storage-browser__action-status--action-progress {
-  color: var(--storage-browser-status-progress);
-}
-.storage-browser__action-status--action-error,
-.storage-browser__action-status--action-canceled {
-  color: var(--storage-browser-status-error);
-}
-
-.storage-browser__empty-message {
-  text-align: center;
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-/* Action Views */
-
-.storage-browser__action-header {
-  /* grid-column: 1 / -1; */
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  gap: var(--storage-browser-gap);
-  align-items: center;
-}
-
-.storage-browser__action-footer {
-  display: flex;
-  justify-content: space-between;
-  gap: var(--storage-browser-gap-medium);
-  align-items: center;
-}
-
-/* Error boundary */
-.storage-browser__error-boundary {
-  background-color: var(--storage-browser-error-background);
-  color: var(--storage-browser-error-text);
-  padding: var(--storage-browser-gap-large);
-}
-/** Util class to visually hide content only needed for accessibility */
-.storage-browser-visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  fill: transparent;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-.storage-browser__action-destination,
-.storage-browser__action-destination .storage-browser__description-list {
-  display: flex;
-  gap: var(--storage-browser-gap-small);
-  align-items: center;
-}
-
-.storage-browser__action-destination > span {
-  font-weight: var(--amplify-font-weights-bold);
-}
-
-/* Base component styles */
-/** DescriptionList **/
-.storage-browser__description-list {
-  margin: 0;
-  display: flex;
-  gap: var(--storage-browser-gap-large);
-  align-items: center;
-}
-
-.storage-browser__description {
-  display: flex;
-  align-items: center;
-  gap: var(--storage-browser-gap-small);
-}
-
-.storage-browser__description-details {
-  margin: 0;
-  display: flex;
-}
-
-/** DropZone **/
-.storage-browser__drop-zone--active {
-  outline: 2px solid var(--storage-browser-dropzone-active-color);
-}
-
-/** LoadingIndicator **/
-.storage-browser__loading-indicator {
-  display: flex;
-  gap: var(--storage-browser-gap-small);
-  padding: var(--storage-browser-gap-large);
-  justify-content: center;
-}
-
-.storage-browser__loading-indicator-icon {
-  animation: var(--storage-browser-loading-animation);
-}
-
-/** Breadcrumb Navigation **/
-.storage-browser__breadcrumb-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--storage-browser-gap-small);
-}
-
-.storage-browser__breadcrumb-list-item {
-  display: flex;
-  align-items: center;
-  gap: var(--storage-browser-gap-small);
-}
-
-/** Table **/
-.storage-browser__table {
-  width: 100%;
-  position: relative;
-}
-
-.storage-browser__table-wrapper {
-  flex: 1;
-  overflow: auto;
-  position: relative;
-  border-width: var(--amplify-border-widths-small);
-  border-style: solid;
-  border-color: var(--amplify-colors-border-tertiary);
-  width: 100%;
-}
-
-.storage-browser__table-head {
-  position: sticky;
-  top: 0;
-  background: var(--amplify-colors-background-primary);
-  box-shadow: var(--amplify-shadows-small);
-}
-
-.storage-browser__table-header {
-  text-align: start;
-}
-
-.storage-browser__table-sort-header {
-  padding: var(--storage-browser-gap-small);
-  display: inline-flex;
-  align-items: center;
-}
-
-.storage-browser__table-button-data-cell,
-.storage-browser__table-date-data-cell,
-.storage-browser__table-number-data-cell,
-.storage-browser__table-text-data-cell {
-  display: flex;
-  width: 100%;
-  gap: var(--storage-browser-gap-small);
-  padding: var(--storage-browser-gap-small);
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  align-items: center;
-  justify-content: flex-start;
-}
-.storage-browser__table-button-data-cell span,
-.storage-browser__table-date-data-cell span,
-.storage-browser__table-number-data-cell span,
-.storage-browser__table-text-data-cell span {
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.storage-browser__table-button-data-cell--icon-only {
-  width: initial;
-}
-
-.storage-browser__table-text-data-cell-icon {
-  flex-shrink: 0;
-}
-.storage-browser__table-text-data-cell-icon--action-queued {
-  color: var(--storage-browser-status-initial);
-}
-
-.storage-browser__table-text-data-cell-icon--action-success {
-  color: var(--storage-browser-status-success);
-}
-
-.storage-browser__table-text-data-cell-icon--action-progress {
-  color: var(--storage-browser-status-progress);
-}
-
-.storage-browser__table-text-data-cell-icon--action-canceled,
-.storage-browser__table-text-data-cell-icon--action-error {
-  color: var(--storage-browser-status-error);
-}
-
-/* Locations view control wrapper styles */
-.storage-browser__locations-view-data-table th:nth-of-type(3) {
-  width: 8rem;
-}
-
-/* Locations view control wrapper styles */
-
-.storage-browser__location-detail-view-data-table th:nth-of-type(1) {
-  width: 2rem;
-}
-
-.storage-browser__location-detail-view-data-table th:nth-of-type(3),
-.storage-browser__location-detail-view-data-table th:nth-of-type(5) {
-  width: 8rem;
-}
-
-.storage-browser__location-detail-view-data-table th:nth-of-type(4) {
-  width: 12rem;
-}
-
-.storage-browser__location-detail-view-data-table th:nth-of-type(5) {
-  text-align: end;
-}
-
-.storage-browser__location-detail-view-data-table th:nth-of-type(6) {
-  width: 4rem;
-}
-
-.storage-browser__location-detail-view-data-table td:nth-of-type(5) div {
-  justify-content: end;
-}
-
-.storage-browser__location-detail-view-data-table td:nth-of-type(6) button {
-  justify-content: center;
-}
-
-/* Upload action view control wrapper styles */
-.storage-browser__upload-view-data-table th:nth-of-type(3),
-.storage-browser__upload-view-data-table th:nth-of-type(4),
-.storage-browser__upload-view-data-table th:nth-of-type(5),
-.storage-browser__upload-view-data-table th:nth-of-type(6) {
-  width: 8rem;
-}
-
-.storage-browser__upload-view-data-table th:nth-of-type(4) {
-  text-align: end;
-}
-
-.storage-browser__upload-view-data-table th:nth-of-type(7) {
-  width: 4rem;
-}
-
-.storage-browser__upload-view-data-table td:nth-of-type(4) div {
-  justify-content: end;
-}
-
-/* Upload view control wrapper styles */
-.storage-browser__upload-status-display,
-.storage-browser__action-status-display {
-  justify-content: flex-start;
-  margin: 0;
-  display: flex;
-  gap: var(--storage-browser-gap-large);
-  flex: 1;
-}
-
-.storage-browser__copy-destination-picker {
-  width: 100%;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-.storage-browser__table-data-cell:first-child,
-.storage-browser__table-data-cell:last-child,
-.storage-browser__table__data:first-child,
-.storage-browser__table__data:last-child,
-.storage-browser__table-header:first-child,
-.storage-browser__table-header:last-child {
-  border-left: none;
-  border-right: none;
-}
-
-.storage-browser__table-header {
-  border: none;
-}
-
-.storage-browser__location-detail-view-controls {
-  display: flex;
-  direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  width: 100%;
-}
-
-/* Copy view styles */
-.storage-browser__copy-destination-header {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-}
-
-/* Search view styles */
-.storage-browser__search {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  min-width: 35rem;
-  flex: 1;
-}
-
-.storage-browser__search-field-clear {
-  position: absolute;
-  display: flex;
-  right: 0.25rem;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.storage-browser__search .storage-browser__search-field {
-  position: relative;
-  display: flex;
-  height: 3rem;
-}
-
-.storage-browser__search .storage-browser__search-field-icon {
-  position: absolute;
-  left: var(--storage-browser-gap-small);
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.storage-browser__search .storage-browser__search-field-input {
-  border-radius: 0.25rem 0 0 0.25rem;
-  padding-inline-start: 2rem;
-  padding-inline-end: 3.25rem;
-  flex: 1;
-}
-
-.storage-browser__search-submit {
-  border-radius: 0 0.25rem 0.25rem 0;
-  min-height: 3rem;
-}
-
-.storage-browser__search-submit:not(:focus) {
-  border-inline-start-color: transparent;
-}
-
-.storage-browser__search-subfolder-toggle__label {
-  margin-left: var(--storage-browser-gap);
-}
-
-/* Shared view styles */
-.storage-browser__locations-view-data-table,
-.storage-browser__location-detail-view-drop-zone,
-.storage-browser__location-detail-view-data-table,
-.storage-browser__copy-view-data-table,
-.storage-browser__delete-view-data-table,
-.storage-browser__upload-view-data-table,
-.storage-browser__destination-picker-data-table {
-  display: grid;
-  grid-column: 1 / -1;
-  width: 100%;
-}

package/dist/storage-browser-styles.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/types/styles/storage-browser-styles.d.ts

@@ -1 +0,0 @@
-import './storage-browser.css';