@bundle-stats/ui 4.8.4 → 4.9.0

package/lib/css/variables.css

@@ -28,8 +28,8 @@
 
   /*
    * Color scheme:
-   * https://coolors.co/287acc-da444e-55b950-f6e179-192339
-   * http://mcg.mbitson.com/#!?mcgpalette0=%23da444e&mcgpalette1=%2355b950&mcgpalette2=%23f3d966&mcgpalette3=%23353138&mcgpalette4=%23287acc&themename=mcgtheme
+   * https://coolors.co/287acc-da444e-55b950-efcc1a-192339
+   * http://mcg.mbitson.com/#!?mcgpalette0=%23da444e&mcgpalette1=%2355b950&mcgpalette2=%23efcc1a&mcgpalette3=%23353138&mcgpalette4=%23287acc&themename=mcgtheme
    * https://hihayk.github.io/scale/#4/5/50/90/-51/0/0/14/353138/53/49/56/white
    */
   --color-gray-25: #f9f9fa;
@@ -104,16 +104,16 @@
   --color-green-ultra-dark: var(--color-green-900);
 
   --color-yellow-25: #fffdf2;
-  --color-yellow-50: #fefaed;
-  --color-yellow-100: #fbf4d1;
-  --color-yellow-200: #f9ecb3;
-  --color-yellow-300: #f7e494;
-  --color-yellow-400: #f5df7d;
-  --color-yellow-500: #f3d966;
-  --color-yellow-600: #f1d55e;
-  --color-yellow-700: #efcf53;
-  --color-yellow-800: #edca49;
-  --color-yellow-900: #eac038;
+  --color-yellow-50: #fdf9e4;
+  --color-yellow-100: #faf0ba;
+  --color-yellow-200: #f7e68d;
+  --color-yellow-300: #f4db5f;
+  --color-yellow-400: #f1d43c;
+  --color-yellow-500: #efcc1a;
+  --color-yellow-600: #edc717;
+  --color-yellow-700: #ebc013;
+  --color-yellow-800: #e8b90f;
+  --color-yellow-900: #e4ad08;
 
   --color-yellow-light-background: var(--color-yellow-25);
   --color-yellow-ultra-light: var(--color-yellow-100);
@@ -189,9 +189,9 @@
   --shadow-layer: 0 0 var(--space-xxxsmall) var(--color-shadow);
   --shadow-layer-high: 0 0 var(--space-xxsmall) var(--color-shadow);
 
-  --radius-small: 3px;
+  --radius-small: 4px;
   --radius-medium: 5px;
-  --radius-large: 9px;
+  --radius-large: 6px;
 
   --outline-hover: 0 0 0 3px var(--color-highlight);
 

package/lib/ui/button/button.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const button_1 = require("ariakit/button");
+const button_module_css_1 = __importDefault(require("./button.module.css"));
+const SIZE = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+const KIND = {
+    PRIMARY: 'primary',
+    SECONDARY: 'secondary',
+    DANGE: 'danger',
+    WARNING: 'warning',
+    INFO: 'info',
+    SUCCES: 'success',
+};
+const Button = (props) => {
+    const { className = '', outline = false, solid = false, kind = 'default', size = 'medium', radius = '', padding = '', ...restProps } = props;
+    const resolvedPadding = padding || ((outline || solid) && size);
+    const resolvedRadius = radius || ((outline || solid) && size);
+    const rootClassName = (0, classnames_1.default)(button_module_css_1.default.root, button_module_css_1.default[size], kind && button_module_css_1.default[kind], outline && button_module_css_1.default.outline, outline && button_module_css_1.default[`outline--${kind}`], solid && button_module_css_1.default.solid, solid && button_module_css_1.default[`solid--${kind}`], resolvedPadding && button_module_css_1.default[`padding--${resolvedPadding}`], resolvedRadius && button_module_css_1.default[`radius--${resolvedRadius}`], button_module_css_1.default[size], className);
+    return react_1.default.createElement(button_1.Button, { ...restProps, className: rootClassName });
+};
+exports.Button = Button;
+exports.Button.SIZE = SIZE;
+exports.Button.KIND = KIND;
+//# sourceMappingURL=button.js.map

package/lib/ui/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/ui/button/button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAA+D;AAE/D,4EAAsC;AAEtC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAEX,MAAM,IAAI,GAAG;IACX,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,SAAS;CACT,CAAC;AAcJ,MAAM,MAAM,GAAG,CAAC,KAAqE,EAAE,EAAE;IAC9F,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAGV,MAAM,eAAe,GAAG,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IAE9D,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,2BAAG,CAAC,IAAI,EACR,2BAAG,CAAC,IAAI,CAAC,EACT,IAAI,IAAI,2BAAG,CAAC,IAAI,CAAC,EAEjB,OAAO,IAAI,2BAAG,CAAC,OAAO,EACtB,OAAO,IAAI,2BAAG,CAAC,YAAY,IAAI,EAAE,CAAC,EAElC,KAAK,IAAI,2BAAG,CAAC,KAAK,EAClB,KAAK,IAAI,2BAAG,CAAC,UAAU,IAAI,EAAE,CAAC,EAE9B,eAAe,IAAI,2BAAG,CAAC,YAAY,eAAe,EAAE,CAAC,EACrD,cAAc,IAAI,2BAAG,CAAC,WAAW,cAAc,EAAE,CAAC,EAElD,2BAAG,CAAC,IAAI,CAAC,EACT,SAAS,CACV,CAAC;IAEF,OAAO,8BAAC,eAAmB,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAC1E,CAAC,CAAC;AAnCW,QAAA,MAAM,UAmCjB;AAEF,cAAM,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,cAAM,CAAC,IAAI,GAAG,IAAI,CAAC"}

package/lib/ui/button/button.module.css

@@ -0,0 +1,285 @@
+.root {
+  appearance: none;
+  padding: 0;
+  border: 0;
+  background: none;
+  transition: var(--transition-out);
+  color: var(--color-text-ultra-light);
+  line-height: 1;
+}
+
+.root:hover,
+.root:active,
+.root:focus {
+  color: var(--color-text-light);
+  transition: var(--transition-in);
+}
+
+/**
+ * Kind variation
+ */
+.primary {
+  color: var(--color-primary);
+}
+
+.primary:hover,
+.primary:active,
+.primary:focus {
+  color: var(--color-primary-dark);
+}
+
+.secondary {
+  color: var(--color-secondary);
+}
+
+.secondary:hover,
+.secondary:active,
+.secondary:focus {
+  color: var(--color-secondary-dark);
+}
+
+.danger {
+  color: var(--color-danger);
+}
+
+.danger:hover,
+.danger:active,
+.danger:focus {
+  color: var(--color-danger-dark);
+}
+
+.warning {
+  color: var(--color-warning);
+}
+
+.warning:hover,
+.warning:active,
+.warning:focus {
+  color: var(--color-warning-dark);
+}
+
+.info {
+  color: var(--color-info);
+}
+
+.info:hover,
+.info:active,
+.info:focus {
+  color: var(--color-info-dark);
+}
+
+.success {
+  color: var(--color-success);
+}
+
+.success:hover,
+.success:active,
+.success:focus {
+  color: var(--color-success-dark);
+}
+
+/**
+ * Solid Kind variation
+ */
+.solid {
+  background: var(--color-text-light);
+  color: var(--color-background);
+}
+
+.solid:hover,
+.solid:active,
+.solid:focus {
+  box-shadow: var(--outline-hover);
+  background: var(--color-text);
+  color: var(--color-background);
+}
+
+.solid--primary {
+  background: var(--color-primary);
+}
+
+.solid--primary:hover,
+.solid--primary:active,
+.solid--primary:focus {
+  background: var(--color-primary-dark);
+}
+
+.solid--secondary {
+  background: var(--color-secondary);
+}
+
+.solid--secondary:hover,
+.solid--secondary:active,
+.solid--secondary:focus {
+  background: var(--color-secondary-dark);
+}
+
+.solid--danger {
+  background: var(--color-danger);
+}
+
+.solid--danger:hover,
+.solid--danger:active,
+.solid--danger:focus {
+  background: var(--color-danger-dark);
+}
+
+.solid--warning {
+  background: var(--color-warning);
+}
+
+.solid--warning:hover,
+.solid--warning:active,
+.solid--warning:focus {
+  background: var(--color-warning-dark);
+}
+
+.solid--info {
+  background: var(--color-info);
+}
+
+.solid--info:hover,
+.solid--info:active,
+.solid--info:focus {
+  background: var(--color-info-dark);
+}
+
+.solid--success {
+  background: var(--color-success);
+}
+
+.solid--success:hover,
+.solid--success:active,
+.solid--success:focus {
+  background: var(--color-success-dark);
+}
+
+/**
+ * Outline variation
+ */
+.outline {
+  border: 1px solid var(--color-outline);
+}
+
+.outline:hover,
+.outline:active,
+.outline:focus {
+  box-shadow: var(--outline-hover);
+  border-color: var(--color-outline-dark);
+}
+
+.outline--primary {
+  border-color: var(--color-outline-primary);
+}
+
+.outline--primary:hover,
+.outline--primary:active,
+.outline--primary:focus {
+  border-color: var(--color-outline-primary-dark);
+}
+
+.outline--secondary {
+  border-color: var(--color-outline-secondary);
+}
+
+.outline--secondary:hover,
+.outline--secondary:active,
+.outline--secondary:focus {
+  border-color: var(--color-outline-secondary-dark);
+}
+
+.outline--danger {
+  border-color: var(--color-outline-danger);
+}
+
+.outline--danger:hover,
+.outline--danger:active,
+.outline--danger:focus {
+  border-color: var(--color-outline-danger-dark);
+}
+
+.outline--warning {
+  border-color: var(--color-outline-warning);
+}
+
+.outline--warning:hover,
+.outline--warning:active,
+.outline--warning:focus {
+  border-color: var(--color-outline-warning-dark);
+}
+
+.outline--info {
+  border-color: var(--color-outline-info);
+}
+
+.outline--info:hover,
+.outline--info:active,
+.outline--info:focus {
+  border-color: var(--color-outline-info-dark);
+}
+
+.outline--success {
+  border-color: var(--color-outline-success);
+}
+
+.outline--success:hover,
+.outline--success:active,
+.outline--success:focus {
+  border-color: var(--color-outline-success-dark);
+}
+
+/**
+ * Size variation
+ */
+.small {
+  font-size: var(--size-small);
+}
+
+.medium {
+  font-size: var(--size-medium);
+}
+
+.large {
+  font-size: var(--size-large);
+}
+
+/**
+ * Padding variation
+ */
+.padding--small {
+  padding: var(--space-xxsmall);
+}
+
+.padding--medium {
+  padding:  var(--space-xsmall);
+}
+
+.padding--large {
+  padding: var(--space-small);
+}
+
+/**
+ * Radius variation
+ */
+.radius--small {
+  border-radius: var(--radius-small);
+}
+
+.radius--medium {
+  border-radius: var(--radius-medium);
+}
+
+.radius--large {
+  border-radius: var(--radius-large);
+}
+
+.radius--circle {
+  border-radius: 50%;
+}
+
+/**
+ * Disabled state
+ */
+.root[disabled] {
+  filter: grayscale(1);
+}

package/lib/{components/metrics-table-search → ui/button}/index.js

@@ -14,5 +14,5 @@ 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("./metrics-table-search"), exports);
+__exportStar(require("./button"), exports);
 //# sourceMappingURL=index.js.map

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

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

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

@@ -11,12 +11,11 @@
   border-radius: var(--radius-small);
   padding: calc(var(--space-xxsmall) - 1px);
 
+  appearance: none;
   background: none;
   font-size: var(--size-small);
   line-height: var(--space-small);
   white-space: nowrap;
-  appearance: none;
-  cursor: pointer;
   color: var(--color-text-light);
 }
 
@@ -48,7 +47,6 @@
 .item {
   display: block;
   appearance: none;
-  cursor: pointer;
   width: 100%;
   outline: none;
   border: 0;

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/filters/filters.i18n.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CHECK = exports.CLEAR = void 0;
+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

@@ -1 +1 @@
-{"version":3,"file":"filters.i18n.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,WAAW,CAAC;AACpB,QAAA,KAAK,GAAG,WAAW,CAAC"}
+{"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"}

package/lib/ui/filters/filters.js

@@ -30,7 +30,10 @@ exports.Filters = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const flex_stack_1 = require("../../layout/flex-stack");
+const stack_1 = require("../../layout/stack");
+const button_1 = require("../button");
 const dropdown_1 = require("../dropdown");
+const input_search_1 = require("../input-search");
 const I18N = __importStar(require("./filters.i18n"));
 const filters_utils_1 = require("./filters.utils");
 const filters_module_css_1 = __importDefault(require("./filters.module.css"));
@@ -42,10 +45,11 @@ const Filter = (props) => {
         react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "label", className: (0, classnames_1.default)(filters_module_css_1.default.filterCheckbox, buttonClassName) },
             react_1.default.createElement("input", { type: "checkbox", id: id, name: name, ...inputProps, className: filters_module_css_1.default.filterInput }),
             react_1.default.createElement("span", { title: label, className: filters_module_css_1.default.filterLabel }, label)),
-        getOnOnlyClick && (react_1.default.createElement("button", { type: "button", onClick: getOnOnlyClick(name), className: filters_module_css_1.default.filterOnlyButton }, "only"))));
+        getOnOnlyClick && (react_1.default.createElement(button_1.Button, { kind: "info", solid: true, size: "small", type: "button", onClick: getOnOnlyClick(name), className: filters_module_css_1.default.filterOnlyButton }, I18N.ONLY))));
 };
 const FilterGroup = (props) => {
     const { className = '', buttonClassName = '', groupKey, data, values, onCheckboxChange, toggleFilters, } = props;
+    const [search, setSearch] = (0, react_1.useState)('');
     const { label: groupLabel, children: groupItems } = data;
     const areAllGroupItemsChecked = groupItems
         .map(({ key: itemKey }) => values?.[`${groupKey}.${itemKey}`])
@@ -66,14 +70,27 @@ const FilterGroup = (props) => {
             ...overrides,
         });
     };
+    const filteredGroupItems = (0, react_1.useMemo)(() => {
+        if (!search) {
+            return groupItems;
+        }
+        return groupItems.filter((item) => item.label.match(new RegExp(`${search}`, 'i')));
+    }, [search, groupItems]);
     return (react_1.default.createElement(dropdown_1.Dropdown, { className: className, buttonClassName: buttonClassName, label: dropdownLabel, ariaLabel: `${groupLabel}: ${filterSuffix}` }, ({ MenuItem, menuItemClassName }) => {
         return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupItems }, groupItems.map(({ key: itemKey, ...itemData }) => {
-                const id = [groupKey, itemKey].join('.');
-                const getOnOnlyClick = () => getOnGroupCheck(false, { [id]: true });
-                return (react_1.default.createElement(Filter, { key: id, className: menuItemClassName, as: MenuItem, name: id, label: itemData.label, onChange: onCheckboxChange, checked: values[id], disabled: itemData.disabled, getOnOnlyClick: getOnOnlyClick }));
-            })),
-            react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupActions }, areAllGroupItemsChecked ? (react_1.default.createElement(MenuItem, { id: "clear-all", as: "button", className: menuItemClassName, type: "button", onClick: getOnGroupCheck(false) }, I18N.CLEAR)) : (react_1.default.createElement(MenuItem, { id: "clear-all", as: "button", className: menuItemClassName, type: "button", onClick: getOnGroupCheck(true) }, I18N.CHECK)))));
+            groupItems.length > 10 && (react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupSearchWrapper },
+                react_1.default.createElement(input_search_1.InputSearch, { defaultValue: search, onChange: setSearch, placeholder: I18N.GROUP_SEARCH, debounceWait: 0 }))),
+            react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupItems },
+                filteredGroupItems.length === 0 && (react_1.default.createElement(stack_1.Stack, { className: filters_module_css_1.default.filterGroupSearchNotFound },
+                    react_1.default.createElement("p", null, I18N.GROUP_NOT_FOUND),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement(button_1.Button, { size: "small", kind: "primary", type: "button", onClick: () => setSearch(''), className: filters_module_css_1.default.filterGroupSearchNotFoundClear }, I18N.GROUP_SEARCH_CLEAR)))),
+                filteredGroupItems.map(({ key: itemKey, ...itemData }) => {
+                    const id = [groupKey, itemKey].join('.');
+                    const getOnOnlyClick = () => getOnGroupCheck(false, { [id]: true });
+                    return (react_1.default.createElement(Filter, { key: id, className: menuItemClassName, as: MenuItem, name: id, label: itemData.label, onChange: onCheckboxChange, checked: values[id], disabled: itemData.disabled, getOnOnlyClick: getOnOnlyClick }));
+                })),
+            filteredGroupItems.length !== 0 && (react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupActions }, areAllGroupItemsChecked ? (react_1.default.createElement(MenuItem, { id: "clear-all", as: "button", className: menuItemClassName, type: "button", onClick: getOnGroupCheck(false) }, I18N.CLEAR)) : (react_1.default.createElement(MenuItem, { id: "clear-all", as: "button", className: menuItemClassName, type: "button", onClick: getOnGroupCheck(true) }, I18N.CHECK))))));
     }));
 };
 const Filters = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.tsx"],"names":[],"mappings":"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"}

package/lib/ui/filters/filters.module.css

@@ -10,13 +10,11 @@
 }
 
 .filterCheckbox {
-  cursor: pointer;
 }
 
 .filterInput {
   flex: 0 0 auto;
   height: 1em;
-  cursor: pointer;
 }
 
 .filterLabel {
@@ -28,29 +26,13 @@
 }
 
 .filterOnlyButton {
-  padding: 0 var(--space-xxxsmall);
   display: none;
-  appearance: none;
-  border: none;
-  border-radius: var(--radius-small);
-  cursor: pointer;
   position: absolute;
   right: 2px;
   top: 50%;
   transform: translateY(-50%);
-  transition: var(--transition-in);
-  background: var(--color-info);
-  color: var(--color-background);
+  padding: var(--space-xxxsmall);
   font-size: var(--size-xsmall);
-  line-height: var(--line-height-header);
-}
-
-.filterOnlyButton:hover,
-.filterOnlyButton:active,
-.filterOnlyButton:focus {
-  transition: var(--transition-out);
-  background: var(--color-info-dark);
-  color: var(--color-background);
 }
 
 /** cover item text */
@@ -116,6 +98,19 @@
   text-transform: lowercase;
 }
 
+.filterGroupSearchWrapper {
+  padding-bottom: var(--space-xxxsmall);
+  margin-bottom: var(--space-xxxsmall);
+  border-bottom: 1px solid var(--color-outline);
+}
+
+.filterGroupSearchNotFound {
+  padding: var(--space-xxsmall) 0;
+  text-align: center;
+  font-size: var(--size-small);
+  color: var(--color-text-light);
+}
+
 .filterGroupItems {
   max-height: calc(10 * (var(--space-small) + 2 * var(--space-xxxsmall)));
   overflow: auto;
@@ -129,23 +124,6 @@
   border-top: 1px solid var(--color-outline);
 }
 
-/* clear / check all */
-.filterGroupButton {
-  margin-top: calc(0px - var(--space-xxxsmall));
-  margin-bottom: calc(0px - var(--space-xxxsmall));
-  margin-right: calc(0px - var(--space-xxxsmall));
-  padding: var(--space-xxxsmall) 0;
-  outline: none;
-  appearance: none;
-  border: none;
-  background: none;
-  cursor: pointer;
-  white-space: nowrap;
-  color: var(--color-primary);
-  font-size: var(--size-small);
-  line-height: 1;
-}
-
 .item {
   position: relative;
   flex: 0 0 auto;