@bundle-stats/ui 4.2.3-beta.0 → 4.2.3-beta.1

package/lib/ui/control-group/index.js

@@ -0,0 +1,18 @@
+"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 __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 });
+__exportStar(require("./control-group"), exports);
+//# sourceMappingURL=index.js.map

package/lib/ui/control-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/control-group/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}

package/lib/ui/copy-to-clipboard/copy-to-clipboard.js

@@ -0,0 +1,66 @@
+"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;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyToClipboard = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const react_use_1 = require("react-use");
+const i18n_1 = __importDefault(require("../../i18n"));
+const button_1 = require("../button");
+const icon_1 = require("../icon");
+const tooltip_1 = require("../tooltip");
+const copy_to_clipboard_module_css_1 = __importDefault(require("./copy-to-clipboard.module.css"));
+const CopyToClipboard = (props) => {
+    const { className = '', children, text, ...restProps } = props;
+    const [, copyToClipboard] = (0, react_use_1.useCopyToClipboard)();
+    const [doneTimeout, setDoneTimeout] = (0, react_1.useState)();
+    const handleOnClick = (0, react_1.useCallback)(() => {
+        if (doneTimeout) {
+            clearTimeout(doneTimeout);
+            setDoneTimeout(null);
+        }
+        setDoneTimeout(null);
+        copyToClipboard(text);
+        const done = setTimeout(() => setDoneTimeout(null), 2000);
+        setDoneTimeout(done);
+    }, [text, doneTimeout, setDoneTimeout]);
+    const rootClassName = (0, classnames_1.default)(copy_to_clipboard_module_css_1.default.root, className, doneTimeout && copy_to_clipboard_module_css_1.default.done);
+    return (react_1.default.createElement(tooltip_1.Tooltip, { title: doneTimeout ? i18n_1.default.COPY_TO_CLIPBOARD_DONE : i18n_1.default.COPY_TO_CLIPBOARD, as: button_1.Button, type: "button", rightGlyph: doneTimeout ? icon_1.Icon.ICONS.CLIPBOARD_CHECK : icon_1.Icon.ICONS.CLIPBOARD, onClick: handleOnClick, className: rootClassName, ...restProps }, children));
+};
+exports.CopyToClipboard = CopyToClipboard;
+//# sourceMappingURL=copy-to-clipboard.js.map

package/lib/ui/copy-to-clipboard/copy-to-clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-to-clipboard.js","sourceRoot":"","sources":["../../../src/ui/copy-to-clipboard/copy-to-clipboard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAqD;AACrD,4DAA4B;AAC5B,yCAA+C;AAE/C,sDAA8B;AAC9B,sCAAmC;AACnC,kCAA+B;AAC/B,wCAAqC;AACrC,kGAAiD;AAS1C,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,CAAC,EAAE,eAAe,CAAC,GAAG,IAAA,8BAAkB,GAAE,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAwC,CAAC;IAEvF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,IAAI,WAAW,EAAE,CAAC;YAChB,YAAY,CAAC,WAAW,CAAC,CAAC;YAC1B,cAAc,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAC1D,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAExC,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,sCAAG,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,IAAI,sCAAG,CAAC,IAAI,CAAC,CAAC;IAEvE,OAAO,CACL,8BAAC,iBAAO,IACN,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,cAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,cAAI,CAAC,iBAAiB,EACzE,EAAE,EAAE,eAAM,EACV,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,WAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,WAAI,CAAC,KAAK,CAAC,SAAS,EAC3E,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,aAAa,KACpB,SAAS,IAEZ,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,eAAe,mBAkC1B"}

package/lib/ui/copy-to-clipboard/copy-to-clipboard.module.css

@@ -0,0 +1,15 @@
+.root {
+  white-space: nowrap;
+  /** override tooltip styles */
+  color: var(--color-text-ultra-light) !important;
+}
+
+/** done state */
+.root svg {
+  transition: var(--ui-transition-out);
+}
+
+.done svg {
+  color: var(--color-success);
+  transition: var(--ui-transition-in);
+}

package/lib/ui/copy-to-clipboard/index.js

@@ -0,0 +1,18 @@
+"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 __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 });
+__exportStar(require("./copy-to-clipboard"), exports);
+//# sourceMappingURL=index.js.map

package/lib/ui/copy-to-clipboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/copy-to-clipboard/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC"}

package/lib/ui/dialog/dialog.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = exports.useDialogState = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const dialog_1 = require("ariakit/dialog");
+const stack_1 = require("../../layout/stack");
+const button_1 = require("../button");
+const dialog_module_css_1 = __importDefault(require("./dialog.module.css"));
+var dialog_2 = require("ariakit/dialog");
+Object.defineProperty(exports, "useDialogState", { enumerable: true, get: function () { return dialog_2.useDialogState; } });
+const Dialog = (props) => {
+    const { state, className = '', title = '', width = 'medium', center = false, modal = false, children, } = props;
+    const rootClassName = (0, classnames_1.default)(dialog_module_css_1.default.dialog, width && dialog_module_css_1.default[`width--${width}`], center && dialog_module_css_1.default.center);
+    return (react_1.default.createElement(dialog_1.Dialog, { state: state, modal: modal, backdrop: true, backdropProps: {
+            className: dialog_module_css_1.default.backdrop,
+        }, portal: true, className: rootClassName },
+        !modal && (react_1.default.createElement(dialog_1.DialogDismiss, { as: button_1.Button, glyph: button_1.BUTTON_GLYPHS.CLOSE, className: dialog_module_css_1.default.headerClose }, null)),
+        react_1.default.createElement(stack_1.Stack, { space: "medium" },
+            title && (react_1.default.createElement("header", { className: dialog_module_css_1.default.header }, typeof title === 'string' ? react_1.default.createElement("h2", { className: dialog_module_css_1.default.headerTitle }, title) : title)),
+            react_1.default.createElement("div", { className: (0, classnames_1.default)(dialog_module_css_1.default.content, className) }, children))));
+};
+exports.Dialog = Dialog;
+//# sourceMappingURL=dialog.js.map

package/lib/ui/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui/dialog/dialog.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAAgG;AAEhG,8CAA2C;AAC3C,sCAAkD;AAClD,4EAAsC;AAEtC,yCAAgD;AAAvC,wGAAA,cAAc,OAAA;AAYhB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,2BAAG,CAAC,MAAM,EAAE,KAAK,IAAI,2BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EAAE,MAAM,IAAI,2BAAG,CAAC,MAAM,CAAC,CAAC;IAE5F,OAAO,CACL,8BAAC,eAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,aAAa,EAAE;YACb,SAAS,EAAE,2BAAG,CAAC,QAAQ;SACxB,EACD,MAAM,QACN,SAAS,EAAE,aAAa;QAEvB,CAAC,KAAK,IAAI,CACT,8BAAC,sBAAoB,IAAC,EAAE,EAAE,eAAM,EAAE,KAAK,EAAE,sBAAa,CAAC,KAAK,EAAE,SAAS,EAAE,2BAAG,CAAC,WAAW,IAErF,IAAI,CACgB,CACxB;QACD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,KAAK,IAAI,CACR,0CAAQ,SAAS,EAAE,2BAAG,CAAC,MAAM,IAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,sCAAI,SAAS,EAAE,2BAAG,CAAC,WAAW,IAAG,KAAK,CAAM,CAAC,CAAC,CAAC,KAAK,CAC1E,CACV;YACD,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACtD,CACM,CACjB,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,MAAM,UAwCjB"}

package/lib/ui/dialog/dialog.module.css

@@ -0,0 +1,93 @@
+.backdrop {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 99999 !important;
+}
+
+.backdrop::before {
+  content: ' ';
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: var(--color-backdrop);
+  filter:
+}
+
+.dialog {
+  --dialog-header-height: var(--space-medium);
+  --dialog-vspace: var(--space-xsmall);
+  --dialog-padding: var(--space-xsmall);
+
+  width: calc(100vw - 2 * var(--dialog-padding));
+  position: relative;
+  border-radius: var(--radius-medium);
+  padding: var(--dialog-padding);
+  background: var(--color-background);
+  box-shadow: 0 0 var(--space-medium) var(--color-shadow);
+}
+
+.header {
+  min-height: var(--dialog-header-height);
+}
+
+.header:empty {
+  display: none;
+}
+
+.headerTitle {
+  font-weight: bold;
+}
+
+.headerClose {
+  position: absolute;
+  right: var(--space-xxsmall);
+  top: var(--space-xxsmall);
+  padding: var(--space-xxxsmall);
+  flex: 0 0 auto;
+  color: var(--color-outline-dark);
+}
+
+.headerClose:hover,
+.headerClose:focus,
+.headerClose:active {
+  color: var(--color-text-ultra-light);
+}
+
+.content {
+  width: 100%;
+  max-height: calc(100vh - 2 * var(--space-medium) - 2 * var(--dialog-padding) - var(--dialog-header-height) - var(--dialog-vspace));
+  padding-bottom: 0.3em; /* extra space to compensate for the title line-height and allow to show focus state correctly on buttons */
+  overflow: auto;
+}
+
+/** Width variation */
+.width--narrow {
+  max-width: 480px;
+}
+
+.width--medium {
+  max-width: 640px;
+}
+
+.width--wide {
+  max-width: 960px;
+}
+
+.width--extra-wide {
+  max-width: calc(var(--max-width) + 2 * var(--space-medium));
+}
+
+/** Center variation */
+.center {
+  text-align: center;
+}
+
+@media (min-width: 768px) {
+  .dialog {
+    --dialog-vspace: var(--space-medium);
+    --dialog-padding: var(--space-large);
+  }
+}

package/lib/ui/dialog/index.js

@@ -0,0 +1,18 @@
+"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 __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 });
+__exportStar(require("./dialog"), exports);
+//# sourceMappingURL=index.js.map

package/lib/ui/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/dialog/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}

package/lib/ui/dropdown/dropdown.js

@@ -3,56 +3,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown = void 0;
+exports.Dropdown = exports.DropdownItem = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const menu_1 = require("ariakit/menu");
-const flex_stack_1 = require("../../layout/flex-stack");
-const icon_1 = require("../icon");
+const button_1 = require("../button");
 const dropdown_module_css_1 = __importDefault(require("./dropdown.module.css"));
-const Item = ({ className = '', isActive = false, ...restProps }) => (react_1.default.createElement(menu_1.MenuItem, { className: (0, classnames_1.default)(dropdown_module_css_1.default.item, className, isActive && dropdown_module_css_1.default.itemActive), ...restProps }));
-Item.propTypes = {
-    className: prop_types_1.default.string,
-    isActive: prop_types_1.default.bool,
-};
-Item.defaultProps = {
-    className: '',
-    isActive: false,
+const DropdownItem = (props) => {
+    const { className = '', isActive = false, ...restProps } = props;
+    return (react_1.default.createElement(menu_1.MenuItem, { className: (0, classnames_1.default)(dropdown_module_css_1.default.item, className, isActive && dropdown_module_css_1.default.itemActive), ...restProps }));
 };
+exports.DropdownItem = DropdownItem;
 const Dropdown = (props) => {
-    const { className, buttonClassName, label, ariaLabel, glyph, children } = props;
-    const rootClassName = (0, classnames_1.default)(dropdown_module_css_1.default.root, className);
-    const menuState = (0, menu_1.useMenuState)();
-    return (react_1.default.createElement("div", { className: rootClassName },
-        react_1.default.createElement(menu_1.MenuButton, { state: menuState, className: (0, classnames_1.default)(dropdown_module_css_1.default.button, buttonClassName), tabIndex: null },
-            react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", className: dropdown_module_css_1.default.label },
-                glyph && react_1.default.createElement(icon_1.Icon, { className: dropdown_module_css_1.default.labelIcon, glyph: glyph }),
-                label && react_1.default.createElement("span", { className: dropdown_module_css_1.default.labelText }, label))),
-        react_1.default.createElement(menu_1.Menu, { state: menuState, "aria-label": ariaLabel || label, className: dropdown_module_css_1.default.dropdown }, typeof children === 'function'
-            ? children({
-                MenuItem: Item,
-                menu: menuState,
-                menuItemClassName: dropdown_module_css_1.default.item,
-                menuItemActiveClassName: dropdown_module_css_1.default.itemActive,
-            })
-            : children)));
+    const { className = '', dropdownClassName = '', label = null, ariaLabel = '', glyph = '', disabled = false, placement, gutter = 4, shift, children, } = props;
+    const dropdownAriaLabel = ariaLabel || (typeof label === 'string' ? label : '');
+    const menuState = (0, menu_1.useMenuState)({ placement, gutter, shift });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(menu_1.MenuButton, { as: button_1.Button, outline: true, size: button_1.BUTTON_SIZE.SMALL, glyph: glyph, disabled: disabled, state: menuState, tabIndex: null, className: (0, classnames_1.default)(dropdown_module_css_1.default.button, className) }, label),
+        react_1.default.createElement(menu_1.Menu, { portal: true, state: menuState, "aria-label": dropdownAriaLabel, className: (0, classnames_1.default)(dropdown_module_css_1.default.dropdown, dropdownClassName) }, children)));
 };
 exports.Dropdown = Dropdown;
-exports.Dropdown.defaultProps = {
-    className: '',
-    buttonClassName: '',
-    label: null,
-    ariaLabel: '',
-    glyph: null,
-};
-exports.Dropdown.propTypes = {
-    className: prop_types_1.default.string,
-    buttonClassName: prop_types_1.default.string,
-    label: prop_types_1.default.node,
-    ariaLabel: prop_types_1.default.string,
-    glyph: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    children: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element, prop_types_1.default.func]).isRequired,
-};
-exports.Dropdown.Item = Item;
 //# sourceMappingURL=dropdown.js.map

package/lib/ui/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/ui/dropdown/dropdown.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/ui/dropdown/dropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,uCAAwF;AAExF,sCAAgD;AAChD,gFAAwC;AAMjC,MAAM,YAAY,GAAG,CAAC,KAAgE,EAAE,EAAE;IAC/F,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjE,OAAO,CACL,8BAAC,eAAQ,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,IAAI,6BAAG,CAAC,UAAU,CAAC,KAAM,SAAS,GAAI,CAC5F,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,YAAY,gBAMvB;AAaK,MAAM,QAAQ,GAAG,CAAC,KAAkD,EAAE,EAAE;IAC7E,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,iBAAiB,GAAG,EAAE,EACtB,KAAK,GAAG,IAAI,EACZ,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,MAAM,GAAG,CAAC,EACV,KAAK,EACL,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,iBAAiB,GAAG,SAAS,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAChF,MAAM,SAAS,GAAG,IAAA,mBAAY,EAAC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAE7D,OAAO,CACL;QACE,8BAAC,iBAAU,IACT,EAAE,EAAE,eAAM,EACV,OAAO,QACP,IAAI,EAAE,oBAAW,CAAC,KAAK,EACvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,MAAM,EAAE,SAAS,CAAC,IAEnC,KAAK,CACK;QACb,8BAAC,WAAI,IACH,MAAM,QACN,KAAK,EAAE,SAAS,gBACJ,iBAAiB,EAC7B,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,QAAQ,EAAE,iBAAiB,CAAC,IAE7C,QAAQ,CACJ,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,QAAQ,YAyCnB"}

package/lib/ui/dropdown/dropdown.module.css

@@ -1,44 +1,21 @@
-.root {
-  display: inline-block;
-}
-
 .button {
-  background: none;
-  border: none;
-  padding: 0;
-
-  border: 1px solid var(--color-outline);
-  border-radius: var(--radius-small);
-  padding: calc(var(--space-xxsmall) - 1px);
-
-  background: none;
-  font-size: var(--size-small);
-  line-height: var(--space-small);
   white-space: nowrap;
-  appearance: none;
-  cursor: pointer;
-  color: var(--color-text-light);
 }
 
-.button[aria-expanded=true],
-.button:hover,
-.button:focus,
-.button:active {
-  outline: none;
-  box-shadow: var(--outline-hover);
-  color: var(--color-text);
+.button[disabled] {
+  color: var(--color-text-ultra-light);
 }
 
 .dropdown {
   position: absolute;
   left: 0;
   top: 100%;
-  border-radius: var(--radius-medium);
-  box-shadow: var(--shadow-layer-high);
+  border-radius: var(--radius-small);
+  box-shadow: var(--shadow-layer);
   background: var(--color-background);
   min-width: 12em;
   z-index: var(--layer-high);
-  padding: var(--space-xxxsmall);
+  padding: calc(var(--space-xxxsmall) / 2);
 }
 
 .dropdown:focus {
@@ -48,18 +25,18 @@
 .item {
   display: block;
   appearance: none;
-  cursor: pointer;
   width: 100%;
   outline: none;
   border: 0;
   border-radius: var(--radius-small);
-  padding: calc(var(--space-xxxsmall) / 2) var(--space-xxxsmall);
+  padding: var(--space-xxxsmall) calc(var(--space-xxxsmall) + var(--space-xxxsmall) / 2);
   background: none;
   text-align: left;
   color: var(--color-text-light);
   font-size: var(--size-small);
   line-height: inherit;
   text-decoration: none;
+  cursor: default;
 }
 
 .item[data-active-item],

package/lib/ui/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/dropdown/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/dropdown/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}

package/lib/ui/empty-set/empty-set.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmptySet = void 0;
 const react_1 = __importDefault(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const stack_1 = require("../../layout/stack");
 const i18n_1 = __importDefault(require("../../i18n"));
+const stack_1 = require("../../layout/stack");
+const button_1 = require("../button");
 const empty_set_module_css_1 = __importDefault(require("./empty-set.module.css"));
 const EmptySet = (props) => {
     const { resources, filtered, handleResetFilters, handleViewAll } = props;
@@ -15,12 +16,12 @@ const EmptySet = (props) => {
     const actions = [
         ...(handleResetFilters
             ? [
-                react_1.default.createElement("button", { className: empty_set_module_css_1.default.action, type: "button", onClick: handleResetFilters }, i18n_1.default.RESET_FILTERS),
+                react_1.default.createElement(button_1.Button, { kind: "primary", type: "button", onClick: handleResetFilters, className: empty_set_module_css_1.default.action }, i18n_1.default.RESET_FILTERS),
             ]
             : []),
         ...(handleViewAll
             ? [
-                react_1.default.createElement("button", { className: empty_set_module_css_1.default.action, type: "button", onClick: handleViewAll }, i18n_1.default.VIEW_ALL),
+                react_1.default.createElement(button_1.Button, { kind: "primary", type: "button", onClick: handleViewAll, className: empty_set_module_css_1.default.action }, i18n_1.default.VIEW_ALL),
             ]
             : []),
     ];

package/lib/ui/empty-set/empty-set.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-set.js","sourceRoot":"","sources":["../../../src/ui/empty-set/empty-set.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,8CAA2C;AAC3C,sDAA8B;AAC9B,kFAAyC;AAElC,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,SAAS,SAAS,CAAC,CAAC,CAAC,MAAM,SAAS,aAAa,CAAC;IACnF,MAAM,OAAO,GAAG;QACd,GAAG,CAAC,kBAAkB;YACpB,CAAC,CAAC;gBACE,0CAAQ,SAAS,EAAE,8BAAG,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,kBAAkB,IACrE,cAAI,CAAC,aAAa,CACZ;aACV;YACH,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,aAAa;YACf,CAAC,CAAC;gBACE,0CAAQ,SAAS,EAAE,8BAAG,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,IAChE,cAAI,CAAC,QAAQ,CACP;aACV;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,8BAAG,CAAC,IAAI;QACzC,yCAAI,OAAO,CAAK;QACf,QAAQ;YACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B;gBACG,KAAK,GAAG,CAAC,IAAI,MAAM;gBACnB,MAAM,CACN,CACJ,CAAC,CACE,CACT,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,QAAQ,YAiCnB;AAEF,gBAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IACtC,QAAQ,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;IACnC,kBAAkB,EAAE,oBAAS,CAAC,IAAI;IAClC,aAAa,EAAE,oBAAS,CAAC,IAAI;CAC9B,CAAC;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,kBAAkB,EAAE,IAAI;IACxB,aAAa,EAAE,IAAI;CACpB,CAAC"}
+{"version":3,"file":"empty-set.js","sourceRoot":"","sources":["../../../src/ui/empty-set/empty-set.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,sDAA8B;AAC9B,8CAA2C;AAC3C,sCAAmC;AACnC,kFAAyC;AAElC,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,SAAS,SAAS,CAAC,CAAC,CAAC,MAAM,SAAS,aAAa,CAAC;IACnF,MAAM,OAAO,GAAG;QACd,GAAG,CAAC,kBAAkB;YACpB,CAAC,CAAC;gBACE,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,8BAAG,CAAC,MAAM,IACpF,cAAI,CAAC,aAAa,CACZ;aACV;YACH,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,aAAa;YACf,CAAC,CAAC;gBACE,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,8BAAG,CAAC,MAAM,IAC/E,cAAI,CAAC,QAAQ,CACP;aACV;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,8BAAG,CAAC,IAAI;QACzC,yCAAI,OAAO,CAAK;QACf,QAAQ;YACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B;gBACG,KAAK,GAAG,CAAC,IAAI,MAAM;gBACnB,MAAM,CACN,CACJ,CAAC,CACE,CACT,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,QAAQ,YAiCnB;AAEF,gBAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IACtC,QAAQ,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;IACnC,kBAAkB,EAAE,oBAAS,CAAC,IAAI;IAClC,aAAa,EAAE,oBAAS,CAAC,IAAI;CAC9B,CAAC;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,kBAAkB,EAAE,IAAI;IACxB,aAAa,EAAE,IAAI;CACpB,CAAC"}

package/lib/ui/empty-set/empty-set.module.css

@@ -1,20 +1,3 @@
 .root {
   color: var(--color-text-light);
 }
-
-.action {
-  appearance: none;
-  padding: 0;
-  background: none;
-  border: none;
-  color: var(--color-primary);
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.action:focus,
-.action:active,
-.action:hover {
-  color: var(--color-primary-dark);
-  text-decoration: none;
-}

package/lib/ui/file-name/file-name.js

@@ -18,6 +18,6 @@ exports.FileName.defaultProps = {
 exports.FileName.propTypes = {
     className: prop_types_1.default.string,
     as: prop_types_1.default.elementType,
-    name: prop_types_1.default.string,
+    name: prop_types_1.default.string | prop_types_1.default.node,
 };
 //# sourceMappingURL=file-name.js.map

package/lib/ui/file-name/file-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-name.js","sourceRoot":"","sources":["../../../src/ui/file-name/file-name.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,kFAAyC;AAElC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,8BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAC1C,IAAI,CACK,CACb,CAAC;AAJW,QAAA,QAAQ,YAInB;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,gBAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,oBAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,oBAAS,CAAC,MAAM;CACvB,CAAC"}
+{"version":3,"file":"file-name.js","sourceRoot":"","sources":["../../../src/ui/file-name/file-name.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,kFAAyC;AAElC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,8BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAC1C,IAAI,CACK,CACb,CAAC;AAJW,QAAA,QAAQ,YAInB;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,gBAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,oBAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,oBAAS,CAAC,MAAM,GAAG,oBAAS,CAAC,IAAI;CACxC,CAAC"}

package/lib/ui/file-name/file-name.module.css

@@ -6,4 +6,6 @@
   word-break: break-word;
   hyphens: auto;
   white-space: normal;
+  max-height: calc(2em * var(--line-height));
+  overflow: hidden;
 }

package/lib/ui/filters/filters.i18n.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ONLY = exports.CHECK = exports.CLEAR = exports.GROUP_SEARCH_CLEAR = exports.GROUP_SEARCH = exports.GROUP_NOT_FOUND = void 0;
+exports.GROUP_NOT_FOUND = 'No filters found';
+exports.GROUP_SEARCH = 'Search by filter name';
+exports.GROUP_SEARCH_CLEAR = 'Clear search';
+exports.CLEAR = 'Clear all';
+exports.CHECK = 'Check all';
+exports.ONLY = 'only';
+//# sourceMappingURL=filters.i18n.js.map

package/lib/ui/filters/filters.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.i18n.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG,kBAAkB,CAAC;AACrC,QAAA,YAAY,GAAG,uBAAuB,CAAC;AACvC,QAAA,kBAAkB,GAAG,cAAc,CAAC;AACpC,QAAA,KAAK,GAAG,WAAW,CAAC;AACpB,QAAA,KAAK,GAAG,WAAW,CAAC;AACpB,QAAA,IAAI,GAAG,MAAM,CAAC"}