@cloudscape-design/components 3.0.0

package/s3-resource-selector/s3-in-context/index.js

@@ -0,0 +1,62 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useState, useEffect, useRef } from 'react';
+import InternalBox from '../../box/internal';
+import { InternalButton } from '../../button/internal';
+import InternalFormField from '../../form-field/internal';
+import InternalSelect from '../../select/internal';
+import InternalStatusIndicator from '../../status-indicator/internal';
+import useForwardFocus from '../../internal/hooks/forward-focus';
+import { useVersionsFetch } from './use-versions-fetch';
+import { validate, getErrorText } from './validation';
+import styles from './styles.css.js';
+import { SearchInput } from './search-input';
+export var S3InContext = React.forwardRef(function (_a, ref) {
+    var i18nStrings = _a.i18nStrings, resource = _a.resource, viewHref = _a.viewHref, invalid = _a.invalid, inputAriaDescribedby = _a.inputAriaDescribedby, selectableItemsTypes = _a.selectableItemsTypes, fetchVersions = _a.fetchVersions, onChange = _a.onChange, onBrowse = _a.onBrowse;
+    var isInputBlurredRef = useRef(true);
+    var _b = useState(false), isInputTouched = _b[0], setInputTouched = _b[1];
+    var _c = useVersionsFetch(fetchVersions), versions = _c.versions, loading = _c.loading, loadVersions = _c.loadVersions, resetVersions = _c.resetVersions;
+    var inputRef = useRef(null);
+    useForwardFocus(ref, inputRef);
+    var uri = resource.uri;
+    var supportsVersions = selectableItemsTypes && selectableItemsTypes.indexOf('versions') > -1;
+    var selectedVersion = versions.filter(function (version) { return version.value === resource.versionId; })[0] || null;
+    function handleUriChange(event) {
+        var uri = event.detail.value;
+        var errorCode = isInputTouched ? validate(uri) : undefined;
+        resetVersions();
+        onChange({ uri: uri }, getErrorText(i18nStrings, errorCode));
+    }
+    function handleUriBlur() {
+        isInputBlurredRef.current = true;
+        setInputTouched(true);
+        var errorCode = validate(resource.uri);
+        onChange(resource, getErrorText(i18nStrings, errorCode));
+        if (supportsVersions) {
+            loadVersions(resource.uri);
+        }
+    }
+    useEffect(function () {
+        var _a;
+        if (!isInputBlurredRef.current || !supportsVersions) {
+            return;
+        }
+        var cancel = ((_a = loadVersions(uri)) !== null && _a !== void 0 ? _a : {}).cancel;
+        return cancel;
+    }, [uri, supportsVersions, loadVersions]);
+    return (React.createElement("div", { className: styles.root },
+        React.createElement("div", { className: styles.layout },
+            React.createElement(InternalFormField, { className: styles['layout-uri'], label: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.inContextUriLabel, stretch: true },
+                React.createElement(SearchInput, { ref: inputRef, value: uri, ariaDescribedby: inputAriaDescribedby, placeholder: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.inContextInputPlaceholder, onChange: handleUriChange, invalid: invalid, onFocus: function () { return (isInputBlurredRef.current = false); }, onBlur: handleUriBlur })),
+            supportsVersions && (React.createElement(InternalFormField, { className: styles['layout-version'], label: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.inContextVersionSelectLabel, stretch: true },
+                React.createElement(InternalSelect, { selectedOption: selectedVersion, placeholder: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.inContextSelectPlaceholder, disabled: versions.length === 0, options: versions, onChange: function (event) { return onChange(__assign(__assign({}, resource), { versionId: event.detail.selectedOption.value }), undefined); }, invalid: false }))),
+            React.createElement("div", null,
+                React.createElement(InternalButton, { className: styles['view-button'], disabled: !viewHref, href: viewHref, target: "_blank", iconName: "external", iconAlign: "right", formAction: "none" }, i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.inContextViewButton)),
+            React.createElement("div", { className: styles['layout-divider'] }),
+            React.createElement("div", null,
+                React.createElement(InternalButton, { className: styles['browse-button'], disabled: loading, formAction: "none", onClick: onBrowse }, i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.inContextBrowseButton))),
+        React.createElement("div", { role: "alert", "aria-live": "assertive", "aria-atomic": "true" }, loading && (React.createElement(InternalBox, { margin: { top: 's' } },
+            React.createElement(InternalStatusIndicator, { type: "loading" }, i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.inContextLoadingText))))));
+});
+//# sourceMappingURL=index.js.map

package/s3-resource-selector/s3-in-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-in-context/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState, useEffect, useRef } from 'react';\nimport InternalBox from '../../box/internal';\nimport { InternalButton } from '../../button/internal';\nimport InternalFormField from '../../form-field/internal';\nimport { InputProps } from '../../input/interfaces';\nimport InternalSelect from '../../select/internal';\nimport InternalStatusIndicator from '../../status-indicator/internal';\nimport { NonCancelableCustomEvent } from '../../internal/events';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\nimport { useVersionsFetch } from './use-versions-fetch';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { validate, getErrorText } from './validation';\nimport styles from './styles.css.js';\nimport { SearchInput } from './search-input';\n\ninterface S3InContextProps {\n  i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined;\n  resource: S3ResourceSelectorProps.Resource;\n  viewHref: string | undefined;\n  invalid: boolean | undefined;\n  inputAriaDescribedby: string | undefined;\n  selectableItemsTypes: S3ResourceSelectorProps['selectableItemsTypes'];\n  fetchVersions: S3ResourceSelectorProps['fetchVersions'];\n  onBrowse: () => void;\n  onChange: (newResource: S3ResourceSelectorProps.Resource, errorText: string | undefined) => void;\n}\n\nexport interface S3InContextRef {\n  focus(): void;\n}\n\nexport const S3InContext = React.forwardRef(\n  (\n    {\n      i18nStrings,\n      resource,\n      viewHref,\n      invalid,\n      inputAriaDescribedby,\n      selectableItemsTypes,\n      fetchVersions,\n      onChange,\n      onBrowse,\n    }: S3InContextProps,\n    ref: React.Ref<S3InContextRef>\n  ) => {\n    const isInputBlurredRef = useRef(true);\n    const [isInputTouched, setInputTouched] = useState(false);\n    const { versions, loading, loadVersions, resetVersions } = useVersionsFetch(fetchVersions);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useForwardFocus(ref, inputRef);\n\n    const uri = resource.uri;\n    const supportsVersions = selectableItemsTypes && selectableItemsTypes.indexOf('versions') > -1;\n    const selectedVersion = versions.filter(version => version.value === resource.versionId)[0] || null;\n\n    function handleUriChange(event: NonCancelableCustomEvent<InputProps.ChangeDetail>) {\n      const uri = event.detail.value;\n      const errorCode = isInputTouched ? validate(uri) : undefined;\n      resetVersions();\n      onChange({ uri }, getErrorText(i18nStrings, errorCode));\n    }\n\n    function handleUriBlur() {\n      isInputBlurredRef.current = true;\n      setInputTouched(true);\n      const errorCode = validate(resource.uri);\n      onChange(resource, getErrorText(i18nStrings, errorCode));\n      if (supportsVersions) {\n        loadVersions(resource.uri);\n      }\n    }\n\n    useEffect(() => {\n      if (!isInputBlurredRef.current || !supportsVersions) {\n        return;\n      }\n      const { cancel } = loadVersions(uri) ?? {};\n      return cancel;\n    }, [uri, supportsVersions, loadVersions]);\n\n    return (\n      <div className={styles.root}>\n        <div className={styles.layout}>\n          <InternalFormField className={styles['layout-uri']} label={i18nStrings?.inContextUriLabel} stretch={true}>\n            <SearchInput\n              ref={inputRef}\n              value={uri}\n              ariaDescribedby={inputAriaDescribedby}\n              placeholder={i18nStrings?.inContextInputPlaceholder}\n              onChange={handleUriChange}\n              invalid={invalid}\n              onFocus={() => (isInputBlurredRef.current = false)}\n              onBlur={handleUriBlur}\n            />\n          </InternalFormField>\n          {supportsVersions && (\n            <InternalFormField\n              className={styles['layout-version']}\n              label={i18nStrings?.inContextVersionSelectLabel}\n              stretch={true}\n            >\n              <InternalSelect\n                selectedOption={selectedVersion}\n                placeholder={i18nStrings?.inContextSelectPlaceholder}\n                disabled={versions.length === 0}\n                options={versions}\n                onChange={event => onChange({ ...resource, versionId: event.detail.selectedOption.value }, undefined)}\n                invalid={false} // invalid state should not highlight the select, only the text input\n              />\n            </InternalFormField>\n          )}\n          <div>\n            <InternalButton\n              className={styles['view-button']}\n              disabled={!viewHref}\n              href={viewHref}\n              target=\"_blank\"\n              iconName=\"external\"\n              iconAlign=\"right\"\n              formAction=\"none\"\n            >\n              {i18nStrings?.inContextViewButton}\n            </InternalButton>\n          </div>\n          <div className={styles['layout-divider']} />\n          <div>\n            <InternalButton className={styles['browse-button']} disabled={loading} formAction=\"none\" onClick={onBrowse}>\n              {i18nStrings?.inContextBrowseButton}\n            </InternalButton>\n          </div>\n        </div>\n\n        <div role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\">\n          {loading && (\n            <InternalBox margin={{ top: 's' }}>\n              <InternalStatusIndicator type=\"loading\">{i18nStrings?.inContextLoadingText}</InternalStatusIndicator>\n            </InternalBox>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n"]}

package/s3-resource-selector/s3-in-context/search-input.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InternalInputProps } from '../../input/internal';
+export declare const SearchInput: React.ForwardRefExoticComponent<InternalInputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=search-input.d.ts.map

package/s3-resource-selector/s3-in-context/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-in-context/search-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAsB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAEzE,eAAO,MAAM,WAAW,6FAGtB,CAAC"}

package/s3-resource-selector/s3-in-context/search-input.js

@@ -0,0 +1,11 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import { useFormFieldContext } from '../../internal/context/form-field-context';
+import InternalInput from '../../input/internal';
+export var SearchInput = React.forwardRef(function (props, ref) {
+    var formFieldContext = useFormFieldContext(props);
+    return React.createElement(InternalInput, __assign({ type: "search" }, props, formFieldContext, { ref: ref }));
+});
+//# sourceMappingURL=search-input.js.map

package/s3-resource-selector/s3-in-context/search-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-in-context/search-input.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,aAAqC,MAAM,sBAAsB,CAAC;AAEzE,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAyB,EAAE,GAAgC;IACtG,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACpD,OAAO,oBAAC,aAAa,aAAC,IAAI,EAAC,QAAQ,IAAK,KAAK,EAAM,gBAAgB,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACpF,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { useFormFieldContext } from '../../internal/context/form-field-context';\nimport InternalInput, { InternalInputProps } from '../../input/internal';\n\nexport const SearchInput = React.forwardRef((props: InternalInputProps, ref: React.Ref<HTMLInputElement>) => {\n  const formFieldContext = useFormFieldContext(props);\n  return <InternalInput type=\"search\" {...props} {...formFieldContext} ref={ref} />;\n});\n"]}

package/s3-resource-selector/s3-in-context/styles.css.js

@@ -0,0 +1,12 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1vtzr_7zub1_9",
+  "view-button": "awsui_view-button_1vtzr_7zub1_13",
+  "browse-button": "awsui_browse-button_1vtzr_7zub1_17",
+  "layout": "awsui_layout_1vtzr_7zub1_21",
+  "layout-uri": "awsui_layout-uri_1vtzr_7zub1_31",
+  "layout-version": "awsui_layout-version_1vtzr_7zub1_35",
+  "layout-divider": "awsui_layout-divider_1vtzr_7zub1_40"
+};
+  

package/s3-resource-selector/s3-in-context/styles.scoped.css

@@ -0,0 +1,51 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_1vtzr_7zub1_9:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_view-button_1vtzr_7zub1_13:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_browse-button_1vtzr_7zub1_17:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_layout_1vtzr_7zub1_21:not(#\9) {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  margin: calc(-1 * 8px);
+  margin: calc(-1 * var(--space-xs-rsr2qu, 8px));
+  /* stylelint-disable selector-max-universal */
+}
+.awsui_layout_1vtzr_7zub1_21 > *:not(#\9) {
+  margin: 8px;
+  margin: var(--space-xs-rsr2qu, 8px);
+}
+.awsui_layout-uri_1vtzr_7zub1_31:not(#\9) {
+  min-width: 200px;
+  flex: 1;
+}
+.awsui_layout-version_1vtzr_7zub1_35:not(#\9) {
+  max-width: 180px;
+  min-width: 140px;
+  width: 20%;
+}
+.awsui_layout-divider_1vtzr_7zub1_40:not(#\9) {
+  height: calc(
+      2 * 2px + 2 * 4px + 22px
+    );
+  height: calc(
+      2 * var(--border-divider-section-width-4wm2it, 2px) + 2 * var(--space-scaled-xxs-95dhkm, 4px) + var(--font-body-m-line-height-i7xxvv, 22px)
+    );
+  border-left: 2px solid #e9ebed;
+  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
+}

package/s3-resource-selector/s3-in-context/styles.selectors.js

@@ -0,0 +1,13 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_1vtzr_7zub1_9",
+  "view-button": "awsui_view-button_1vtzr_7zub1_13",
+  "browse-button": "awsui_browse-button_1vtzr_7zub1_17",
+  "layout": "awsui_layout_1vtzr_7zub1_21",
+  "layout-uri": "awsui_layout-uri_1vtzr_7zub1_31",
+  "layout-version": "awsui_layout-version_1vtzr_7zub1_35",
+  "layout-divider": "awsui_layout-divider_1vtzr_7zub1_40"
+};
+  

package/s3-resource-selector/s3-in-context/use-versions-fetch.d.ts

@@ -0,0 +1,12 @@
+import { S3ResourceSelectorProps } from '../interfaces';
+export declare function useVersionsFetch(fetchVersions: S3ResourceSelectorProps['fetchVersions']): {
+    loading: boolean;
+    versions: import("../../internal/components/option/interfaces").OptionDefinition[];
+    resetVersions: () => void;
+    loadVersions: (uri: string) => {
+        promise: Promise<readonly S3ResourceSelectorProps.Version[]>;
+        cancel: () => void;
+        isCancelled: () => boolean;
+    } | undefined;
+};
+//# sourceMappingURL=use-versions-fetch.d.ts.map

package/s3-resource-selector/s3-in-context/use-versions-fetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-versions-fetch.d.ts","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-in-context/use-versions-fetch.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC;;;;wBAK3D,MAAM;;;;;EAsClC"}

package/s3-resource-selector/s3-in-context/use-versions-fetch.js

@@ -0,0 +1,44 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useState } from 'react';
+import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
+import { makeCancellable, PromiseCancelledSignal } from '../../internal/utils/promises';
+import { extractBucketName, validate } from './validation';
+export function useVersionsFetch(fetchVersions) {
+    var _a = useState(false), loading = _a[0], setLoading = _a[1];
+    var _b = useState(''), lastFetchedValue = _b[0], setLastFetched = _b[1];
+    var _c = useState([]), versions = _c[0], setVersions = _c[1];
+    var loadVersions = function (uri) {
+        if (uri === lastFetchedValue) {
+            return;
+        }
+        setLastFetched(uri);
+        var errorCode = validate(uri);
+        var _a = extractBucketName(uri), bucketName = _a[0], prefix = _a[1];
+        if (errorCode || !bucketName || !prefix || prefix.slice(-1) === '/') {
+            return;
+        }
+        setLoading(true);
+        var result = makeCancellable(fetchVersions(bucketName, prefix));
+        result.promise.then(function (versions) {
+            setLoading(false);
+            setVersions(versions.map(function (version) { return ({
+                value: version.VersionId,
+                label: version.LastModified
+            }); }));
+        }, function (err) {
+            if (!(err instanceof PromiseCancelledSignal)) {
+                setLoading(false);
+            }
+        });
+        return result;
+    };
+    return {
+        loading: loading,
+        versions: versions,
+        resetVersions: function () { return setVersions([]); },
+        // this function is a dependency of useEffect
+        loadVersions: useStableEventHandler(loadVersions)
+    };
+}
+//# sourceMappingURL=use-versions-fetch.js.map

package/s3-resource-selector/s3-in-context/use-versions-fetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-versions-fetch.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-in-context/use-versions-fetch.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAExF,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG3D,MAAM,UAAU,gBAAgB,CAAC,aAAuD;IAChF,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAAqC,QAAQ,CAAC,EAAE,CAAC,EAAhD,gBAAgB,QAAA,EAAE,cAAc,QAAgB,CAAC;IAClD,IAAA,KAA0B,QAAQ,CAA4B,EAAE,CAAC,EAAhE,QAAQ,QAAA,EAAE,WAAW,QAA2C,CAAC;IAExE,IAAM,YAAY,GAAG,UAAC,GAAW;QAC/B,IAAI,GAAG,KAAK,gBAAgB,EAAE;YAC5B,OAAO;SACR;QACD,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,IAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAA,KAAuB,iBAAiB,CAAC,GAAG,CAAC,EAA5C,UAAU,QAAA,EAAE,MAAM,QAA0B,CAAC;QACpD,IAAI,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;YACnE,OAAO;SACR;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAM,MAAM,GAAG,eAAe,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;QAClE,MAAM,CAAC,OAAO,CAAC,IAAI,CACjB,UAAA,QAAQ;YACN,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,WAAW,CACT,QAAQ,CAAC,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,CAAC;gBACvB,KAAK,EAAE,OAAO,CAAC,SAAS;gBACxB,KAAK,EAAE,OAAO,CAAC,YAAY;aAC5B,CAAC,EAHsB,CAGtB,CAAC,CACJ,CAAC;QACJ,CAAC,EACD,UAAA,GAAG;YACD,IAAI,CAAC,CAAC,GAAG,YAAY,sBAAsB,CAAC,EAAE;gBAC5C,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;QACH,CAAC,CACF,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,aAAa,EAAE,cAAM,OAAA,WAAW,CAAC,EAAE,CAAC,EAAf,CAAe;QACpC,6CAA6C;QAC7C,YAAY,EAAE,qBAAqB,CAAC,YAAY,CAAC;KAClD,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { makeCancellable, PromiseCancelledSignal } from '../../internal/utils/promises';\nimport { SelectProps } from '../../select/interfaces';\nimport { extractBucketName, validate } from './validation';\nimport { S3ResourceSelectorProps } from '../interfaces';\n\nexport function useVersionsFetch(fetchVersions: S3ResourceSelectorProps['fetchVersions']) {\n  const [loading, setLoading] = useState(false);\n  const [lastFetchedValue, setLastFetched] = useState('');\n  const [versions, setVersions] = useState<Array<SelectProps.Option>>([]);\n\n  const loadVersions = (uri: string) => {\n    if (uri === lastFetchedValue) {\n      return;\n    }\n    setLastFetched(uri);\n    const errorCode = validate(uri);\n    const [bucketName, prefix] = extractBucketName(uri);\n    if (errorCode || !bucketName || !prefix || prefix.slice(-1) === '/') {\n      return;\n    }\n    setLoading(true);\n    const result = makeCancellable(fetchVersions(bucketName, prefix));\n    result.promise.then(\n      versions => {\n        setLoading(false);\n        setVersions(\n          versions.map(version => ({\n            value: version.VersionId,\n            label: version.LastModified,\n          }))\n        );\n      },\n      err => {\n        if (!(err instanceof PromiseCancelledSignal)) {\n          setLoading(false);\n        }\n      }\n    );\n    return result;\n  };\n\n  return {\n    loading,\n    versions,\n    resetVersions: () => setVersions([]),\n    // this function is a dependency of useEffect\n    loadVersions: useStableEventHandler(loadVersions),\n  };\n}\n"]}

package/s3-resource-selector/s3-in-context/validation.d.ts

@@ -0,0 +1,5 @@
+import { S3ResourceSelectorProps } from '../interfaces';
+export declare function extractBucketName(uri: string): string[];
+export declare function validate(uri: string): "validationPathMustBegin" | "validationBucketLowerCase" | "validationBucketMustNotContain" | "validationBucketLength" | "validationBucketMustComplyDns" | undefined;
+export declare function getErrorText(i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined, errorCode: ReturnType<typeof validate>): string | undefined;
+//# sourceMappingURL=validation.d.ts.map

package/s3-resource-selector/s3-in-context/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-in-context/validation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAYxD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,YAG5C;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,uKAqBnC;AAED,wBAAgB,YAAY,CAC1B,WAAW,EAAE,uBAAuB,CAAC,WAAW,GAAG,SAAS,EAC5D,SAAS,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,sBAGvC"}

package/s3-resource-selector/s3-in-context/validation.js

@@ -0,0 +1,38 @@
+// https://docs.aws.amazon.com/AmazonS3/latest/userguide/bucketnamingrules.html
+var SCHEME = 's3://';
+var BUCKET_FIRST_CHAR = /^[a-z0-9]{1}/;
+var CAPITAL_LETTER = /[A-Z]/;
+var DNS_NAME = /^(([a-z0-9]|[a-z0-9][a-z0-9-]*[a-z0-9])\.)*([a-z0-9]|[a-z0-9][a-z0-9-]*[a-z0-9])$/;
+function checkBucketNameLength(bucketName) {
+    return 3 <= bucketName.length && bucketName.length <= 63;
+}
+export function extractBucketName(uri) {
+    var _a = uri.replace(SCHEME, '').split('/'), bucketName = _a[0], rest = _a.slice(1);
+    return [bucketName, rest.join('/')];
+}
+export function validate(uri) {
+    if (uri === '') {
+        return undefined;
+    }
+    if (uri.slice(0, SCHEME.length) !== SCHEME) {
+        return 'validationPathMustBegin';
+    }
+    var bucketName = extractBucketName(uri)[0];
+    if (!BUCKET_FIRST_CHAR.test(bucketName)) {
+        return 'validationBucketLowerCase';
+    }
+    if (CAPITAL_LETTER.test(bucketName)) {
+        return 'validationBucketMustNotContain';
+    }
+    if (!checkBucketNameLength(bucketName)) {
+        return 'validationBucketLength';
+    }
+    if (!DNS_NAME.test(bucketName)) {
+        return 'validationBucketMustComplyDns';
+    }
+    return undefined;
+}
+export function getErrorText(i18nStrings, errorCode) {
+    return errorCode ? i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings[errorCode] : undefined;
+}
+//# sourceMappingURL=validation.js.map

package/s3-resource-selector/s3-in-context/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-in-context/validation.ts"],"names":[],"mappings":"AAIA,+EAA+E;AAC/E,IAAM,MAAM,GAAG,OAAO,CAAC;AACvB,IAAM,iBAAiB,GAAG,cAAc,CAAC;AACzC,IAAM,cAAc,GAAG,OAAO,CAAC;AAC/B,IAAM,QAAQ,GAAG,mFAAmF,CAAC;AAErG,SAAS,qBAAqB,CAAC,UAAkB;IAC/C,OAAO,CAAC,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,MAAM,IAAI,EAAE,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,GAAW;IACrC,IAAA,KAAwB,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAzD,UAAU,QAAA,EAAK,IAAI,cAAsC,CAAC;IACjE,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,GAAW;IAClC,IAAI,GAAG,KAAK,EAAE,EAAE;QACd,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE;QAC1C,OAAO,yBAAkC,CAAC;KAC3C;IACM,IAAA,UAAU,GAAI,iBAAiB,CAAC,GAAG,CAAC,GAA1B,CAA2B;IAC5C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;QACvC,OAAO,2BAAoC,CAAC;KAC7C;IACD,IAAI,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;QACnC,OAAO,gCAAyC,CAAC;KAClD;IACD,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE;QACtC,OAAO,wBAAiC,CAAC;KAC1C;IACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;QAC9B,OAAO,+BAAwC,CAAC;KACjD;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,WAA4D,EAC5D,SAAsC;IAEtC,OAAO,SAAS,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1D,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { S3ResourceSelectorProps } from '../interfaces';\n\n// https://docs.aws.amazon.com/AmazonS3/latest/userguide/bucketnamingrules.html\nconst SCHEME = 's3://';\nconst BUCKET_FIRST_CHAR = /^[a-z0-9]{1}/;\nconst CAPITAL_LETTER = /[A-Z]/;\nconst DNS_NAME = /^(([a-z0-9]|[a-z0-9][a-z0-9-]*[a-z0-9])\\.)*([a-z0-9]|[a-z0-9][a-z0-9-]*[a-z0-9])$/;\n\nfunction checkBucketNameLength(bucketName: string) {\n  return 3 <= bucketName.length && bucketName.length <= 63;\n}\n\nexport function extractBucketName(uri: string) {\n  const [bucketName, ...rest] = uri.replace(SCHEME, '').split('/');\n  return [bucketName, rest.join('/')];\n}\n\nexport function validate(uri: string) {\n  if (uri === '') {\n    return undefined;\n  }\n  if (uri.slice(0, SCHEME.length) !== SCHEME) {\n    return 'validationPathMustBegin' as const;\n  }\n  const [bucketName] = extractBucketName(uri);\n  if (!BUCKET_FIRST_CHAR.test(bucketName)) {\n    return 'validationBucketLowerCase' as const;\n  }\n  if (CAPITAL_LETTER.test(bucketName)) {\n    return 'validationBucketMustNotContain' as const;\n  }\n  if (!checkBucketNameLength(bucketName)) {\n    return 'validationBucketLength' as const;\n  }\n  if (!DNS_NAME.test(bucketName)) {\n    return 'validationBucketMustComplyDns' as const;\n  }\n  return undefined;\n}\n\nexport function getErrorText(\n  i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined,\n  errorCode: ReturnType<typeof validate>\n) {\n  return errorCode ? i18nStrings?.[errorCode] : undefined;\n}\n"]}

package/s3-resource-selector/s3-modal/basic-table.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { PaginationProps } from '../../pagination/interfaces';
+import { TableProps } from '../../table/interfaces';
+import { ForwardFocusRef } from '../../internal/hooks/forward-focus';
+import { S3ResourceSelectorProps } from '../interfaces';
+interface BasicS3TableStrings<T> {
+    labelRefresh?: string;
+    labelsPagination?: PaginationProps.Labels;
+    header?: string;
+    loadingText?: string;
+    filteringPlaceholder?: string;
+    filteringAriaLabel?: string;
+    filteringCounterText?: S3ResourceSelectorProps.I18nStrings['filteringCounterText'];
+    emptyText?: string;
+    noMatchTitle?: string;
+    noMatchSubtitle?: string;
+    clearFilterButtonText?: string;
+    selectionLabels?: TableProps.AriaLabels<T>;
+}
+interface BasicS3TableProps<T> {
+    forwardFocusRef: React.Ref<ForwardFocusRef>;
+    columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;
+    fetchData: () => Promise<ReadonlyArray<T>>;
+    trackBy: TableProps.TrackBy<T>;
+    i18nStrings: BasicS3TableStrings<T>;
+    isVisualRefresh?: boolean;
+    visibleColumns: ReadonlyArray<string>;
+    isItemDisabled: TableProps.IsItemDisabled<T> | undefined;
+    onSelect: (item: T | undefined) => void;
+}
+export declare function getSharedI18Strings(i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined): {
+    filteringCounterText: ((count: number) => string) | undefined;
+    labelRefresh: string | undefined;
+    labelsPagination: PaginationProps.Labels | undefined;
+    noMatchTitle: string | undefined;
+    noMatchSubtitle: string | undefined;
+    clearFilterButtonText: string | undefined;
+};
+export declare function BasicS3Table<T>({ forwardFocusRef, columnDefinitions, fetchData, trackBy, i18nStrings, isVisualRefresh, visibleColumns, isItemDisabled, onSelect, }: BasicS3TableProps<T>): JSX.Element;
+export {};
+//# sourceMappingURL=basic-table.d.ts.map

package/s3-resource-selector/s3-modal/basic-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-table.d.ts","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,OAAwB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAGxD,UAAU,mBAAmB,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAC5C;AAED,UAAU,iBAAiB,CAAC,CAAC;IAG3B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC5C,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACzD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,uBAAuB,CAAC,WAAW,GAAG,SAAS;;;;;;;EAS/F;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,WAAgB,EAChB,eAAe,EACf,cAAc,EACd,cAAc,EACd,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,eA2FtB"}

package/s3-resource-selector/s3-modal/basic-table.js

@@ -0,0 +1,65 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useEffect, useState, useRef } from 'react';
+import { useCollection } from '@cloudscape-design/collection-hooks';
+import { InternalButton } from '../../button/internal';
+import InternalHeader from '../../header/internal';
+import InternalPagination from '../../pagination/internal';
+import InternalTable from '../../table/internal';
+import InternalTextFilter from '../../text-filter/internal';
+import useForwardFocus from '../../internal/hooks/forward-focus';
+import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
+import { EmptyState } from './empty-state';
+export function getSharedI18Strings(i18nStrings) {
+    return {
+        filteringCounterText: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.filteringCounterText,
+        labelRefresh: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.labelRefresh,
+        labelsPagination: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.labelsPagination,
+        noMatchTitle: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.filteringNoMatches,
+        noMatchSubtitle: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.filteringCantFindMatch,
+        clearFilterButtonText: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.clearFilterButtonText
+    };
+}
+export function BasicS3Table(_a) {
+    var _b;
+    var forwardFocusRef = _a.forwardFocusRef, columnDefinitions = _a.columnDefinitions, fetchData = _a.fetchData, trackBy = _a.trackBy, _c = _a.i18nStrings, i18nStrings = _c === void 0 ? {} : _c, isVisualRefresh = _a.isVisualRefresh, visibleColumns = _a.visibleColumns, isItemDisabled = _a.isItemDisabled, onSelect = _a.onSelect;
+    var _d = useState(false), loading = _d[0], setLoading = _d[1];
+    var _e = useState([]), allItems = _e[0], setAllItems = _e[1];
+    var textFilterRef = useRef(null);
+    var onSelectLatest = useStableEventHandler(onSelect);
+    function loadData() {
+        setLoading(true);
+        fetchData()
+            .then(function (items) {
+            setAllItems(items);
+            setLoading(false);
+        })["catch"](function () {
+            // error handling should happen on the customer side, outside of this component
+            setLoading(false);
+        });
+    }
+    useEffect(function () {
+        loadData();
+        // Data loading is only happening on initial render, or via refresh button
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useForwardFocus(forwardFocusRef, textFilterRef);
+    var _f = useCollection(allItems, {
+        selection: { trackBy: trackBy },
+        filtering: {
+            empty: i18nStrings.emptyText,
+            noMatch: (React.createElement(EmptyState, { title: i18nStrings.noMatchTitle, subtitle: i18nStrings.noMatchSubtitle, action: React.createElement(InternalButton, { onClick: function () { return actions.setFiltering(''); } }, i18nStrings.clearFilterButtonText) }))
+        },
+        pagination: {},
+        sorting: {}
+    }), items = _f.items, filteredItemsCount = _f.filteredItemsCount, collectionProps = _f.collectionProps, filterProps = _f.filterProps, paginationProps = _f.paginationProps, actions = _f.actions;
+    var selectedItem = (_b = collectionProps.selectedItems) === null || _b === void 0 ? void 0 : _b[0];
+    // selectedItem can change internally inside the hook after pagination or filtering
+    // useEffect will capture all possible changes
+    useEffect(function () {
+        onSelectLatest(selectedItem);
+    }, [selectedItem, onSelectLatest]);
+    return (React.createElement(InternalTable, __assign({ variant: "embedded" }, collectionProps, { header: React.createElement(InternalHeader, { variant: isVisualRefresh ? 'h3' : 'h2', actions: React.createElement(InternalButton, { iconName: "refresh", ariaLabel: i18nStrings.labelRefresh, onClick: loadData }), counter: selectedItem ? "(1/".concat(allItems.length, ")") : "(".concat(allItems.length, ")") }, i18nStrings.header), trackBy: trackBy, filter: React.createElement(InternalTextFilter, __assign({}, filterProps, { ref: textFilterRef, filteringAriaLabel: i18nStrings.filteringAriaLabel, filteringPlaceholder: i18nStrings.filteringPlaceholder, countText: i18nStrings.filteringCounterText ? i18nStrings.filteringCounterText(filteredItemsCount) : '' })), pagination: React.createElement(InternalPagination, __assign({}, paginationProps, { ariaLabels: i18nStrings.labelsPagination })), selectionType: "single", ariaLabels: i18nStrings.selectionLabels, loading: loading, loadingText: i18nStrings.loadingText, items: items, visibleColumns: visibleColumns, isItemDisabled: isItemDisabled, columnDefinitions: columnDefinitions })));
+}
+//# sourceMappingURL=basic-table.js.map

package/s3-resource-selector/s3-modal/basic-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-table.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useState, useRef } from 'react';\nimport { useCollection } from '@cloudscape-design/collection-hooks';\nimport { InternalButton } from '../../button/internal';\nimport InternalHeader from '../../header/internal';\nimport { PaginationProps } from '../../pagination/interfaces';\nimport InternalPagination from '../../pagination/internal';\nimport { TableProps } from '../../table/interfaces';\nimport InternalTable from '../../table/internal';\nimport { TextFilterProps } from '../../text-filter/interfaces';\nimport InternalTextFilter from '../../text-filter/internal';\nimport useForwardFocus, { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { EmptyState } from './empty-state';\n\ninterface BasicS3TableStrings<T> {\n  labelRefresh?: string;\n  labelsPagination?: PaginationProps.Labels;\n  header?: string;\n  loadingText?: string;\n  filteringPlaceholder?: string;\n  filteringAriaLabel?: string;\n  filteringCounterText?: S3ResourceSelectorProps.I18nStrings['filteringCounterText'];\n  emptyText?: string;\n  noMatchTitle?: string;\n  noMatchSubtitle?: string;\n  clearFilterButtonText?: string;\n  selectionLabels?: TableProps.AriaLabels<T>;\n}\n\ninterface BasicS3TableProps<T> {\n  // We do not use idiomatic `ref` prop because it does not allow generics.\n  // Option 3 from this solution: https://stackoverflow.com/a/58473012/1297743\n  forwardFocusRef: React.Ref<ForwardFocusRef>;\n  columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n  fetchData: () => Promise<ReadonlyArray<T>>;\n  trackBy: TableProps.TrackBy<T>;\n  i18nStrings: BasicS3TableStrings<T>;\n  isVisualRefresh?: boolean;\n  visibleColumns: ReadonlyArray<string>;\n  isItemDisabled: TableProps.IsItemDisabled<T> | undefined;\n  onSelect: (item: T | undefined) => void;\n}\n\nexport function getSharedI18Strings(i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined) {\n  return {\n    filteringCounterText: i18nStrings?.filteringCounterText,\n    labelRefresh: i18nStrings?.labelRefresh,\n    labelsPagination: i18nStrings?.labelsPagination,\n    noMatchTitle: i18nStrings?.filteringNoMatches,\n    noMatchSubtitle: i18nStrings?.filteringCantFindMatch,\n    clearFilterButtonText: i18nStrings?.clearFilterButtonText,\n  };\n}\n\nexport function BasicS3Table<T>({\n  forwardFocusRef,\n  columnDefinitions,\n  fetchData,\n  trackBy,\n  i18nStrings = {},\n  isVisualRefresh,\n  visibleColumns,\n  isItemDisabled,\n  onSelect,\n}: BasicS3TableProps<T>) {\n  const [loading, setLoading] = useState(false);\n  const [allItems, setAllItems] = useState<ReadonlyArray<T>>([]);\n  const textFilterRef = useRef<TextFilterProps.Ref>(null);\n  const onSelectLatest = useStableEventHandler(onSelect);\n\n  function loadData() {\n    setLoading(true);\n    fetchData()\n      .then(items => {\n        setAllItems(items);\n        setLoading(false);\n      })\n      .catch(() => {\n        // error handling should happen on the customer side, outside of this component\n        setLoading(false);\n      });\n  }\n\n  useEffect(() => {\n    loadData();\n    // Data loading is only happening on initial render, or via refresh button\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useForwardFocus(forwardFocusRef, textFilterRef);\n\n  const { items, filteredItemsCount, collectionProps, filterProps, paginationProps, actions } = useCollection(\n    allItems,\n    {\n      selection: { trackBy },\n      filtering: {\n        empty: i18nStrings.emptyText,\n        noMatch: (\n          <EmptyState\n            title={i18nStrings.noMatchTitle}\n            subtitle={i18nStrings.noMatchSubtitle}\n            action={\n              <InternalButton onClick={() => actions.setFiltering('')}>\n                {i18nStrings.clearFilterButtonText}\n              </InternalButton>\n            }\n          />\n        ),\n      },\n      pagination: {},\n      sorting: {},\n    }\n  );\n  const selectedItem = collectionProps.selectedItems?.[0];\n\n  // selectedItem can change internally inside the hook after pagination or filtering\n  // useEffect will capture all possible changes\n  useEffect(() => {\n    onSelectLatest(selectedItem);\n  }, [selectedItem, onSelectLatest]);\n\n  return (\n    <InternalTable<T>\n      variant=\"embedded\"\n      {...collectionProps}\n      header={\n        <InternalHeader\n          variant={isVisualRefresh ? 'h3' : 'h2'}\n          actions={<InternalButton iconName=\"refresh\" ariaLabel={i18nStrings.labelRefresh} onClick={loadData} />}\n          counter={selectedItem ? `(1/${allItems.length})` : `(${allItems.length})`}\n        >\n          {i18nStrings.header}\n        </InternalHeader>\n      }\n      trackBy={trackBy}\n      filter={\n        <InternalTextFilter\n          {...filterProps}\n          ref={textFilterRef}\n          filteringAriaLabel={i18nStrings.filteringAriaLabel}\n          filteringPlaceholder={i18nStrings.filteringPlaceholder}\n          countText={i18nStrings.filteringCounterText ? i18nStrings.filteringCounterText(filteredItemsCount!) : ''}\n        />\n      }\n      pagination={<InternalPagination {...paginationProps} ariaLabels={i18nStrings.labelsPagination} />}\n      selectionType=\"single\"\n      ariaLabels={i18nStrings.selectionLabels}\n      loading={loading}\n      loadingText={i18nStrings.loadingText}\n      items={items}\n      visibleColumns={visibleColumns}\n      isItemDisabled={isItemDisabled}\n      columnDefinitions={columnDefinitions}\n    />\n  );\n}\n"]}

package/s3-resource-selector/s3-modal/buckets-table.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TableProps } from '../../table/interfaces';
+import { ForwardFocusRef } from '../../internal/hooks/forward-focus';
+import { S3ResourceSelectorProps } from '../interfaces';
+interface BucketsTableProps {
+    forwardFocusRef: React.Ref<ForwardFocusRef>;
+    visibleColumns: ReadonlyArray<string>;
+    isItemDisabled: TableProps.IsItemDisabled<S3ResourceSelectorProps.Bucket> | undefined;
+    selectableItemsTypes: S3ResourceSelectorProps['selectableItemsTypes'];
+    fetchData: S3ResourceSelectorProps['fetchBuckets'];
+    i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined;
+    isVisualRefresh?: boolean;
+    onDrilldown: (path: string) => void;
+    onSelect: (uri: string) => void;
+}
+export declare function BucketsTable({ forwardFocusRef, i18nStrings, isVisualRefresh, isItemDisabled, selectableItemsTypes, fetchData, visibleColumns, onDrilldown, onSelect, }: BucketsTableProps): JSX.Element;
+export {};
+//# sourceMappingURL=buckets-table.d.ts.map

package/s3-resource-selector/s3-modal/buckets-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buckets-table.d.ts","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/buckets-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAKxD,UAAU,iBAAiB;IACzB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC5C,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC,uBAAuB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACtF,oBAAoB,EAAE,uBAAuB,CAAC,sBAAsB,CAAC,CAAC;IACtE,SAAS,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACnD,WAAW,EAAE,uBAAuB,CAAC,WAAW,GAAG,SAAS,CAAC;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,YAAY,CAAC,EAC3B,eAAe,EACf,WAAW,EACX,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,cAAc,EACd,WAAW,EACX,QAAQ,GACT,EAAE,iBAAiB,eAuDnB"}

package/s3-resource-selector/s3-modal/buckets-table.js

@@ -0,0 +1,40 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import InternalLink from '../../link/internal';
+import { compareDates, getColumnAriaLabel, includes } from './table-utils';
+import { formatDefault } from './column-formats';
+import { BasicS3Table, getSharedI18Strings } from './basic-table';
+export function BucketsTable(_a) {
+    var forwardFocusRef = _a.forwardFocusRef, i18nStrings = _a.i18nStrings, isVisualRefresh = _a.isVisualRefresh, isItemDisabled = _a.isItemDisabled, selectableItemsTypes = _a.selectableItemsTypes, fetchData = _a.fetchData, visibleColumns = _a.visibleColumns, onDrilldown = _a.onDrilldown, onSelect = _a.onSelect;
+    return (React.createElement(BasicS3Table, { forwardFocusRef: forwardFocusRef, trackBy: "Name", fetchData: fetchData, visibleColumns: visibleColumns, isItemDisabled: isItemDisabled || (function () { return !includes(selectableItemsTypes, 'buckets'); }), i18nStrings: __assign(__assign({}, getSharedI18Strings(i18nStrings)), { header: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.selectionBuckets, loadingText: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.selectionBucketsLoading, filteringAriaLabel: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.labelFiltering(i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.selectionBuckets), filteringPlaceholder: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.selectionBucketsSearchPlaceholder, emptyText: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.selectionBucketsNoItems, selectionLabels: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.labelsBucketsSelection }), isVisualRefresh: isVisualRefresh, columnDefinitions: [
+            {
+                id: 'Name',
+                header: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.columnBucketName,
+                ariaLabel: getColumnAriaLabel(i18nStrings, i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.columnBucketName),
+                sortingField: 'Name',
+                cell: function (item) {
+                    var isClickable = includes(selectableItemsTypes, 'objects') || includes(selectableItemsTypes, 'versions');
+                    return isClickable ? (React.createElement(InternalLink, { onFollow: function () { return item.Name && onDrilldown(item.Name); }, variant: "link" }, item.Name)) : (item.Name);
+                },
+                minWidth: '250px'
+            },
+            {
+                id: 'CreationDate',
+                header: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.columnBucketCreationDate,
+                ariaLabel: getColumnAriaLabel(i18nStrings, i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.columnBucketCreationDate),
+                sortingComparator: function (a, b) { return compareDates(a.CreationDate, b.CreationDate); },
+                cell: function (item) { return formatDefault(item.CreationDate); }
+            },
+            {
+                id: 'Region',
+                header: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.columnBucketRegion,
+                ariaLabel: getColumnAriaLabel(i18nStrings, i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.columnBucketRegion),
+                sortingField: 'Region',
+                cell: function (item) { return formatDefault(item.Region); },
+                minWidth: '150px'
+            },
+        ], onSelect: function (item) { var _a; return onSelect((_a = item === null || item === void 0 ? void 0 : item.Name) !== null && _a !== void 0 ? _a : ''); } }));
+}
+//# sourceMappingURL=buckets-table.js.map

package/s3-resource-selector/s3-modal/buckets-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buckets-table.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/buckets-table.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport InternalLink from '../../link/internal';\nimport { TableProps } from '../../table/interfaces';\nimport { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { compareDates, getColumnAriaLabel, includes } from './table-utils';\nimport { formatDefault } from './column-formats';\nimport { BasicS3Table, getSharedI18Strings } from './basic-table';\n\ninterface BucketsTableProps {\n  forwardFocusRef: React.Ref<ForwardFocusRef>;\n  visibleColumns: ReadonlyArray<string>;\n  isItemDisabled: TableProps.IsItemDisabled<S3ResourceSelectorProps.Bucket> | undefined;\n  selectableItemsTypes: S3ResourceSelectorProps['selectableItemsTypes'];\n  fetchData: S3ResourceSelectorProps['fetchBuckets'];\n  i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined;\n  isVisualRefresh?: boolean;\n  onDrilldown: (path: string) => void;\n  onSelect: (uri: string) => void;\n}\n\nexport function BucketsTable({\n  forwardFocusRef,\n  i18nStrings,\n  isVisualRefresh,\n  isItemDisabled,\n  selectableItemsTypes,\n  fetchData,\n  visibleColumns,\n  onDrilldown,\n  onSelect,\n}: BucketsTableProps) {\n  return (\n    <BasicS3Table<S3ResourceSelectorProps.Bucket>\n      forwardFocusRef={forwardFocusRef}\n      trackBy=\"Name\"\n      fetchData={fetchData}\n      visibleColumns={visibleColumns}\n      isItemDisabled={isItemDisabled || (() => !includes(selectableItemsTypes, 'buckets'))}\n      i18nStrings={{\n        ...getSharedI18Strings(i18nStrings),\n        header: i18nStrings?.selectionBuckets,\n        loadingText: i18nStrings?.selectionBucketsLoading,\n        filteringAriaLabel: i18nStrings?.labelFiltering(i18nStrings?.selectionBuckets),\n        filteringPlaceholder: i18nStrings?.selectionBucketsSearchPlaceholder,\n        emptyText: i18nStrings?.selectionBucketsNoItems,\n        selectionLabels: i18nStrings?.labelsBucketsSelection,\n      }}\n      isVisualRefresh={isVisualRefresh}\n      columnDefinitions={[\n        {\n          id: 'Name',\n          header: i18nStrings?.columnBucketName,\n          ariaLabel: getColumnAriaLabel(i18nStrings, i18nStrings?.columnBucketName),\n          sortingField: 'Name',\n          cell: item => {\n            const isClickable = includes(selectableItemsTypes, 'objects') || includes(selectableItemsTypes, 'versions');\n            return isClickable ? (\n              <InternalLink onFollow={() => item.Name && onDrilldown(item.Name)} variant=\"link\">\n                {item.Name}\n              </InternalLink>\n            ) : (\n              item.Name\n            );\n          },\n          minWidth: '250px',\n        },\n        {\n          id: 'CreationDate',\n          header: i18nStrings?.columnBucketCreationDate,\n          ariaLabel: getColumnAriaLabel(i18nStrings, i18nStrings?.columnBucketCreationDate),\n          sortingComparator: (a, b) => compareDates(a.CreationDate, b.CreationDate),\n          cell: item => formatDefault(item.CreationDate),\n        },\n        {\n          id: 'Region',\n          header: i18nStrings?.columnBucketRegion,\n          ariaLabel: getColumnAriaLabel(i18nStrings, i18nStrings?.columnBucketRegion),\n          sortingField: 'Region',\n          cell: item => formatDefault(item.Region),\n          minWidth: '150px',\n        },\n      ]}\n      onSelect={item => onSelect(item?.Name ?? '')}\n    />\n  );\n}\n"]}

package/s3-resource-selector/s3-modal/column-formats.d.ts

@@ -0,0 +1,3 @@
+export declare function formatDefault(value: string | undefined): string;
+export declare function formatSize(bytes: number | undefined): string;
+//# sourceMappingURL=column-formats.d.ts.map

package/s3-resource-selector/s3-modal/column-formats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-formats.d.ts","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/column-formats.ts"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,UAEtD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,UASnD"}

package/s3-resource-selector/s3-modal/column-formats.js

@@ -0,0 +1,19 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+var BYTES_BASE = 1024;
+var BYTES_DECIMALS = 2;
+var BYTES_SIZES = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+export function formatDefault(value) {
+    return value ? value : '-';
+}
+export function formatSize(bytes) {
+    if (bytes === undefined) {
+        return '-';
+    }
+    if (bytes === 0) {
+        return "0 ".concat(BYTES_SIZES[0]);
+    }
+    var i = Math.floor(Math.log(bytes) / Math.log(BYTES_BASE));
+    return parseFloat((bytes / Math.pow(BYTES_BASE, i)).toFixed(BYTES_DECIMALS)) + ' ' + BYTES_SIZES[i];
+}
+//# sourceMappingURL=column-formats.js.map

package/s3-resource-selector/s3-modal/column-formats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-formats.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/column-formats.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,IAAM,UAAU,GAAG,IAAI,CAAC;AACxB,IAAM,cAAc,GAAG,CAAC,CAAC;AACzB,IAAM,WAAW,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAE9E,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAyB;IAClD,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,GAAG,CAAC;KACZ;IACD,IAAI,KAAK,KAAK,CAAC,EAAE;QACf,OAAO,YAAK,WAAW,CAAC,CAAC,CAAC,CAAE,CAAC;KAC9B;IACD,IAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7D,OAAO,UAAU,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,GAAG,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AACtG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nconst BYTES_BASE = 1024;\nconst BYTES_DECIMALS = 2;\nconst BYTES_SIZES = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\nexport function formatDefault(value: string | undefined) {\n  return value ? value : '-';\n}\n\nexport function formatSize(bytes: number | undefined) {\n  if (bytes === undefined) {\n    return '-';\n  }\n  if (bytes === 0) {\n    return `0 ${BYTES_SIZES[0]}`;\n  }\n  const i = Math.floor(Math.log(bytes) / Math.log(BYTES_BASE));\n  return parseFloat((bytes / Math.pow(BYTES_BASE, i)).toFixed(BYTES_DECIMALS)) + ' ' + BYTES_SIZES[i];\n}\n"]}

package/s3-resource-selector/s3-modal/empty-state.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface EmptyStateProps {
+    title?: string;
+    subtitle?: string;
+    action?: React.ReactNode;
+}
+export declare function EmptyState({ title, subtitle, action }: EmptyStateProps): JSX.Element;
+export {};
+//# sourceMappingURL=empty-state.d.ts.map

package/s3-resource-selector/s3-modal/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/empty-state.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,eAYtE"}