superdesk-ui-framework 5.2.0 → 5.2.1

package/react/components/OverflowStack/OverflowStackPopover.js

@@ -0,0 +1,78 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverflowStackPopover = void 0;
+var React = __importStar(require("react"));
+var utils_1 = require("./utils");
+var OverflowStackPopover = /** @class */ (function (_super) {
+    __extends(OverflowStackPopover, _super);
+    function OverflowStackPopover() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    OverflowStackPopover.prototype.render = function () {
+        var _a, _b;
+        var _c = this.props, propsRef = _c.propsRef, max = _c.max, showOnlyHiddenInPopover = _c.showOnlyHiddenInPopover;
+        var props = propsRef.current;
+        if (props == null) {
+            return null;
+        }
+        var itemsToShow = showOnlyHiddenInPopover ? props.items.slice(max) : props.items;
+        if (props.type === 'data') {
+            var renderFn_1 = (_a = props.renderHiddenItem) !== null && _a !== void 0 ? _a : props.renderVisibleItem;
+            return (React.createElement("div", { className: "overflow-stack__popover" }, itemsToShow.map(function (data, index) { return (React.createElement("div", { key: index, className: "overflow-stack__popover-item" }, renderFn_1(data, showOnlyHiddenInPopover ? index + max : index))); })));
+        }
+        else {
+            var renderFn_2 = (_b = props.renderPopoverItem) !== null && _b !== void 0 ? _b : utils_1.renderHiddenItemDefault;
+            return (React.createElement("div", { className: "overflow-stack__popover" }, itemsToShow.map(function (item, index) { return renderFn_2(item, showOnlyHiddenInPopover ? index + max : index); })));
+        }
+    };
+    return OverflowStackPopover;
+}(React.Component));
+exports.OverflowStackPopover = OverflowStackPopover;

package/react/components/OverflowStack/utils.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const HIDDEN_ITEM_STYLE: React.CSSProperties;
+export declare const defaultIndicator: (count: number) => JSX.Element;
+export declare const renderHiddenItemDefault: (item: React.ReactNode, index: number) => JSX.Element;

package/react/components/OverflowStack/utils.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderHiddenItemDefault = exports.defaultIndicator = exports.HIDDEN_ITEM_STYLE = void 0;
+var React = __importStar(require("react"));
+exports.HIDDEN_ITEM_STYLE = {
+    position: 'absolute',
+    visibility: 'hidden',
+    pointerEvents: 'none',
+    whiteSpace: 'nowrap',
+};
+var defaultIndicator = function (count) { return React.createElement("span", { className: "overflow-stack__indicator-content" },
+    "+",
+    count); };
+exports.defaultIndicator = defaultIndicator;
+var renderHiddenItemDefault = function (item, index) { return (React.createElement("div", { key: index, className: "overflow-stack__popover-item" }, item)); };
+exports.renderHiddenItemDefault = renderHiddenItemDefault;

package/react/components/SearchBar.d.ts

@@ -1,24 +1,24 @@
-import * as React from 'react';
+import React from 'react';
 interface IProps {
-    value?: string;
-    type?: 'expanded' | 'collapsed' | 'boxed';
+    children?: React.ReactNode;
+    /**
+     * Defaults to `expanded`
+     */
+    type?: 'expanded' | 'collapsed';
     placeholder: string;
-    focused?: boolean;
     boxed?: boolean;
-    onSubmit?(value: string | number): void;
-}
-interface IState {
-    inputValue: any;
-    type: string;
-    focused: boolean;
-    boxed?: boolean;
-    keyDown?: boolean;
-}
-export declare class SearchBar extends React.PureComponent<IProps, IState> {
-    private inputRef;
-    constructor(props: IProps);
-    componentDidUpdate(prevProps: any): void;
-    componentDidMount: () => void;
-    render(): JSX.Element;
+    hideSearchButton?: boolean;
+    searchOptions?: {
+        searchOnType: true;
+        /**
+         * Defaults to 300ms
+         */
+        searchDelay: number;
+    };
+    onSubmit(value: string): void;
 }
+export declare const SearchBar: React.ForwardRefExoticComponent<IProps & React.RefAttributes<{
+    focus: () => void;
+    search: () => void;
+}>>;
 export {};

package/react/components/SearchBar.js

@@ -1,19 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -52,75 +37,97 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchBar = void 0;
-var React = __importStar(require("react"));
+var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
+var debounce_1 = __importDefault(require("lodash/debounce"));
 var Icon_1 = require("./Icon");
-var SearchBar = /** @class */ (function (_super) {
-    __extends(SearchBar, _super);
-    function SearchBar(props) {
-        var _this = _super.call(this, props) || this;
-        _this.componentDidMount = function () {
-            document.addEventListener('mousedown', function (event) {
-                if (_this.inputRef.current && !_this.inputRef.current.contains(event.target)) {
-                    _this.setState({ focused: false });
-                }
-            });
-        };
-        _this.state = {
-            inputValue: _this.props.value ? _this.props.value : '',
-            focused: _this.props.focused ? _this.props.focused : false,
-            type: _this.props.type ? _this.props.type : 'expanded',
-            boxed: _this.props.boxed ? _this.props.boxed : false,
-            keyDown: false,
-        };
-        _this.inputRef = React.createRef();
-        return _this;
-    }
-    SearchBar.prototype.componentDidUpdate = function (prevProps) {
-        if (prevProps.value !== this.props.value) {
-            this.setState({ inputValue: this.props.value });
+exports.SearchBar = (0, react_1.forwardRef)(function (props, ref) {
+    var _a;
+    var _b;
+    var _c = props.type, type = _c === void 0 ? 'expanded' : _c, _d = props.boxed, boxed = _d === void 0 ? false : _d;
+    var _e = (0, react_1.useState)(false), focused = _e[0], setFocused = _e[1];
+    var _f = (0, react_1.useState)(false), keyDown = _f[0], setKeyDown = _f[1];
+    var _g = (0, react_1.useState)(''), value = _g[0], setValue = _g[1];
+    var inputRef = (0, react_1.useRef)(null);
+    var searchInputRef = (0, react_1.useRef)(null);
+    /**
+     * Use a ref to keep track of the input value, so that the debounced search
+     * can have latest instances while also the latest value.
+     */
+    var valueRef = (0, react_1.useRef)(value);
+    var search = (0, react_1.useCallback)(function () {
+        var currentValue = valueRef.current;
+        // Require at least 3 characters before triggering search, or allow empty string to clear
+        if (currentValue.length > 0 && currentValue.length < 3) {
+            return;
         }
-    };
-    SearchBar.prototype.render = function () {
+        props.onSubmit(currentValue);
+    }, [props.onSubmit]);
+    var handleDebouncedSearch = (0, react_1.useMemo)(function () { var _a, _b; return (0, debounce_1.default)(search, (_b = (_a = props.searchOptions) === null || _a === void 0 ? void 0 : _a.searchDelay) !== null && _b !== void 0 ? _b : 300); }, [search, (_b = props.searchOptions) === null || _b === void 0 ? void 0 : _b.searchDelay]);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        focus: function () {
+            setFocused(true);
+        },
+        search: search,
+    }); });
+    (0, react_1.useEffect)(function () {
         var _a;
-        var _this = this;
-        var classes = (0, classnames_1.default)('sd-searchbar', (_a = {},
-            _a["sd-searchbar--".concat(this.state.type)] = this.props.type,
-            _a['sd-searchbar--expanded'] = this.state.type === 'expanded' || this.props.type === undefined,
-            _a['sd-searchbar--focused'] = this.state.focused,
-            _a['sd-searchbar--boxed'] = this.state.boxed,
-            _a));
-        return (React.createElement("div", { className: classes, ref: this.inputRef },
-            this.props.children,
-            React.createElement("label", { className: "sd-searchbar__icon" }),
-            React.createElement("input", { id: "search-input", ref: function (input) { return input && _this.props.focused && input.focus(); }, className: "sd-searchbar__input", type: "text", placeholder: this.props.placeholder, value: this.state.inputValue, onKeyPress: function (event) {
-                    if (event.key === 'Enter') {
-                        if (_this.props.onSubmit) {
-                            _this.props.onSubmit(_this.state.inputValue);
-                        }
-                        _this.setState({ keyDown: true });
-                    }
-                }, onKeyUp: function (event) {
-                    if (event.key === 'Enter') {
-                        _this.setState({ keyDown: false });
-                    }
-                }, onChange: function (event) { return _this.setState({ inputValue: event.target.value }); }, onFocus: function () { return _this.setState({ focused: true }); } }),
-            this.state.inputValue && (React.createElement("button", { className: "sd-searchbar__cancel", onClick: function () {
-                    _this.setState({ inputValue: '' });
-                    setTimeout(function () {
-                        if (_this.props.onSubmit) {
-                            _this.props.onSubmit(_this.state.inputValue);
-                        }
-                    });
-                } },
-                React.createElement(Icon_1.Icon, { name: "remove-sign" }))),
-            this.state.inputValue && (React.createElement("button", { id: "sd-searchbar__search-btn", className: "sd-searchbar__search-btn ".concat(this.state.keyDown ? 'sd-searchbar__search-btn--active' : ''), onClick: function () {
-                    if (_this.props.onSubmit) {
-                        _this.props.onSubmit(_this.state.inputValue);
-                    }
-                } },
-                React.createElement(Icon_1.Icon, { name: "chevron-right-thin" })))));
-    };
-    return SearchBar;
-}(React.PureComponent));
-exports.SearchBar = SearchBar;
+        if (focused) {
+            (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [focused]);
+    (0, react_1.useEffect)(function () {
+        var mouseDownHandler = function (event) {
+            if (inputRef.current && !inputRef.current.contains(event.target)) {
+                setFocused(false);
+            }
+        };
+        document.addEventListener('mousedown', mouseDownHandler);
+        return function () {
+            handleDebouncedSearch.cancel();
+            document.removeEventListener('mousedown', mouseDownHandler);
+        };
+    }, [handleDebouncedSearch]);
+    var containerClasses = (0, classnames_1.default)('sd-searchbar', (_a = {},
+        _a["sd-searchbar--".concat(type)] = type,
+        _a['sd-searchbar--expanded'] = type === 'expanded',
+        _a['sd-searchbar--focused'] = focused,
+        _a['sd-searchbar--boxed'] = boxed,
+        _a));
+    var searchButtonClasses = (0, classnames_1.default)('sd-searchbar__search-btn', {
+        'sd-searchbar__search-btn--active': keyDown,
+    });
+    return (react_1.default.createElement("div", { className: containerClasses, ref: inputRef },
+        props.children,
+        react_1.default.createElement("label", { className: "sd-searchbar__icon" }),
+        react_1.default.createElement("input", { id: "search-input", ref: searchInputRef, className: "sd-searchbar__input", type: "text", placeholder: props.placeholder, value: value, onKeyPress: function (event) {
+                if (event.key === 'Enter') {
+                    handleDebouncedSearch.cancel();
+                    props.onSubmit(value);
+                    setKeyDown(true);
+                }
+            }, onKeyUp: function (event) {
+                if (event.key === 'Enter') {
+                    setKeyDown(false);
+                }
+            }, onChange: function (event) {
+                var _a;
+                var newValue = event.target.value;
+                setValue(newValue);
+                valueRef.current = newValue;
+                if ((_a = props.searchOptions) === null || _a === void 0 ? void 0 : _a.searchOnType) {
+                    handleDebouncedSearch();
+                }
+            }, onFocus: function () { return setFocused(true); } }),
+        value && (react_1.default.createElement("button", { className: "sd-searchbar__cancel", onClick: function () {
+                handleDebouncedSearch.cancel();
+                setValue('');
+                props.onSubmit('');
+            } },
+            react_1.default.createElement(Icon_1.Icon, { name: "remove-sign" }))),
+        !props.hideSearchButton && (react_1.default.createElement("button", { id: "sd-searchbar__search-btn", className: searchButtonClasses, onClick: function () {
+                handleDebouncedSearch.cancel();
+                props.onSubmit(value);
+            } },
+            react_1.default.createElement(Icon_1.Icon, { name: "chevron-right-thin" })))));
+});

package/react/index.d.ts

@@ -2,6 +2,7 @@ export { HelloWorld } from './components/HelloWorld';
 export { Button } from './components/Button';
 export { HeadlessButton } from './components/HeadlessButton';
 export { Input } from './components/Input';
+export { CopyableTextBox } from './components/CopyableTextBox';
 export { Select, Option } from './components/Select';
 export { SelectWithTemplate } from './components/SelectWithTemplate';
 export { WithPagination } from './components/WithPagination';
@@ -73,6 +74,7 @@ export { ThemeSelector } from './components/ThemeSelector';
 export { DropZone } from './components/DropZone';
 export { CreateButton } from './components/CreateButton';
 export { SearchBar } from './components/SearchBar';
+export { OverflowStack } from './components/OverflowStack/OverflowStack';
 export { WithSizeObserver } from './components/WithSizeObserver';
 export { SvgIconIllustration } from './components/SvgIconIllustration';
 export { IllustrationButton } from './components/IllustrationButton';

package/react/index.js

@@ -16,9 +16,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNavDivider = exports.SubNav = exports.LeftMenu = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButtonGroup = exports.Checkbox = exports.RadioGroup = exports.Loader = exports.ButtonGroup = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePickerV2 = exports.TimePicker = exports.DatePickerISO = exports.DateTimePicker = exports.DatePicker = exports.getDurationString = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.Rotate = exports.AvatarPlaceholder = exports.Avatar = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Card = exports.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.HeadlessButton = exports.Button = exports.HelloWorld = void 0;
-exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.IllustrationButton = exports.SvgIconIllustration = exports.WithSizeObserver = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.TagInput = exports.Tag = exports.Dropdown = exports.DropdownDivider = exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = exports.ContentDivider = exports.Divider = exports.Icon = exports.Prop = void 0;
-exports.setupLocalization = exports.getTextColor = exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = exports.DragHandle = exports.DragHandleDots = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.showPopup = exports.PopupPositioner = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.LoadMoreIndicator = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeMenu = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = void 0;
+exports.StrechBar = exports.SlidingToolbar = exports.SubNavDivider = exports.SubNav = exports.LeftMenu = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButtonGroup = exports.Checkbox = exports.RadioGroup = exports.Loader = exports.ButtonGroup = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePickerV2 = exports.TimePicker = exports.DatePickerISO = exports.DateTimePicker = exports.DatePicker = exports.getDurationString = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.Rotate = exports.AvatarPlaceholder = exports.Avatar = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Card = exports.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.CopyableTextBox = exports.Input = exports.HeadlessButton = exports.Button = exports.HelloWorld = void 0;
+exports.Skeleton = exports.IllustrationButton = exports.SvgIconIllustration = exports.WithSizeObserver = exports.OverflowStack = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.TagInput = exports.Tag = exports.Dropdown = exports.DropdownDivider = exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = exports.ContentDivider = exports.Divider = exports.Icon = exports.Prop = exports.PropsList = void 0;
+exports.setupLocalization = exports.getTextColor = exports.WeeklyCalendarGridItem = exports.WeeklyCalendarGrid = exports.CalendarWeekDayItem = exports.DragHandle = exports.DragHandleDots = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.showPopup = exports.PopupPositioner = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.LoadMoreIndicator = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeMenu = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = void 0;
 var HelloWorld_1 = require("./components/HelloWorld");
 Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
 var Button_1 = require("./components/Button");
@@ -27,6 +27,8 @@ var HeadlessButton_1 = require("./components/HeadlessButton");
 Object.defineProperty(exports, "HeadlessButton", { enumerable: true, get: function () { return HeadlessButton_1.HeadlessButton; } });
 var Input_1 = require("./components/Input");
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
+var CopyableTextBox_1 = require("./components/CopyableTextBox");
+Object.defineProperty(exports, "CopyableTextBox", { enumerable: true, get: function () { return CopyableTextBox_1.CopyableTextBox; } });
 var Select_1 = require("./components/Select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
 Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return Select_1.Option; } });
@@ -188,6 +190,8 @@ var CreateButton_1 = require("./components/CreateButton");
 Object.defineProperty(exports, "CreateButton", { enumerable: true, get: function () { return CreateButton_1.CreateButton; } });
 var SearchBar_1 = require("./components/SearchBar");
 Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return SearchBar_1.SearchBar; } });
+var OverflowStack_1 = require("./components/OverflowStack/OverflowStack");
+Object.defineProperty(exports, "OverflowStack", { enumerable: true, get: function () { return OverflowStack_1.OverflowStack; } });
 var WithSizeObserver_1 = require("./components/WithSizeObserver");
 Object.defineProperty(exports, "WithSizeObserver", { enumerable: true, get: function () { return WithSizeObserver_1.WithSizeObserver; } });
 var SvgIconIllustration_1 = require("./components/SvgIconIllustration");

package/react/translations.d.ts

@@ -5,7 +5,9 @@
 export declare const translations: {
     Close: string;
     Search: string;
+    Copy: string;
     'No results found': string;
+    "Couldn't copy": string;
 };
 export declare function setTranslations(_translations: typeof translations): void;
 export declare function gettext(str: keyof typeof translations): string;

package/react/translations.js

@@ -10,7 +10,9 @@ exports.gettext = gettext;
 exports.translations = {
     Close: 'Close',
     Search: 'Search',
+    Copy: 'Copy',
     'No results found': 'No results found',
+    "Couldn't copy": "Couldn't copy",
 };
 function setTranslations(_translations) {
     Object.assign(exports.translations, _translations);