@weavix/tracker-components 0.0.1

package/build/esm/components/TrackerDisclosure/TrackerDisclosure.scss

@@ -0,0 +1,43 @@
+.tpc-disclosure {
+    &__summary {
+        display: flex;
+        gap: var(--g-spacing-2);
+        align-items: center;
+        justify-content: space-between;
+
+        width: 100%;
+
+        &_expanded {
+            margin-bottom: var(--g-spacing-3);
+        }
+    }
+
+    &__toggle {
+        display: flex;
+        gap: var(--g-spacing-2);
+        align-items: center;
+
+        width: 100%;
+
+        padding: 0;
+        margin: 0;
+
+        font-family: inherit;
+        font-size: inherit;
+
+        appearance: none;
+
+        cursor: pointer;
+
+        background: inherit;
+
+        border: none;
+        outline: none;
+    }
+
+    &__collapse-icon {
+        &_expanded {
+            transform: rotate(180deg);
+        }
+    }
+}

package/build/esm/components/TrackerDisclosure/index.d.ts

@@ -0,0 +1,2 @@
+export { TrackerDisclosure } from './TrackerDisclosure';
+export type { TrackerDisclosureProps } from './TrackerDisclosure';

package/build/esm/components/TrackerDisclosure/index.js

@@ -0,0 +1,2 @@
+export { TrackerDisclosure } from "./TrackerDisclosure";
+// #sourceMappingURL=index.js.map

package/build/esm/components/TrackerDisclosure/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TrackerDisclosure"],"sources":["index.ts"],"sourcesContent":["export {TrackerDisclosure} from './TrackerDisclosure';\nexport type {TrackerDisclosureProps} from './TrackerDisclosure';\n"],"mappings":"AAAA,SAAQA,iBAAiB","ignoreList":[]}

package/build/esm/components/TrackerSelect/TrackerSelect.classname.d.ts

@@ -0,0 +1 @@
+export declare const cnTrackerSelect: import("@bem-react/classname").ClassNameFormatter;

package/build/esm/components/TrackerSelect/TrackerSelect.classname.js

@@ -0,0 +1,3 @@
+import { block } from "../cn";
+export var cnTrackerSelect = block('tracker-select');
+// #sourceMappingURL=TrackerSelect.classname.js.map

package/build/esm/components/TrackerSelect/TrackerSelect.classname.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["block","cnTrackerSelect"],"sources":["TrackerSelect.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnTrackerSelect = block('tracker-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,eAAe,GAAGD,KAAK,CAAC,gBAAgB,CAAC","ignoreList":[]}

package/build/esm/components/TrackerSelect/TrackerSelect.css

@@ -0,0 +1,277 @@
+.tpc-tracker-select {
+  --popup-max-height: 450px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  width: 320px;
+  height: inherit;
+  max-height: 450px;
+  max-height: var(--popup-max-height);
+  transform: translateZ(0);
+}
+.tpc-tracker-select__actions {
+  padding: var(--g-spacing-1);
+}
+.tpc-tracker-select__body {
+  display: flex;
+  justify-content: center;
+  overflow-y: auto;
+  height: -moz-max-content;
+  height: max-content;
+  min-height: 80px;
+  max-height: var(--popup-max-height);
+}
+.tpc-tracker-select__search {
+  box-sizing: border-box;
+  padding: 0 var(--g-spacing-4);
+  border-bottom: 1px solid var(--g-color-line-generic-solid);
+}
+.tpc-tracker-select__search.g-text-input_has-right-content {
+  padding-right: var(--g-spacing-1);
+}
+.tpc-tracker-select__loader {
+  padding: var(--g-spacing-4) 0;
+}
+.tpc-tracker-select__empty-text {
+  padding: var(--g-spacing-4);
+  margin: 0;
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height-rel);
+  color: var(--g-color-text-secondary);
+}
+.tpc-tracker-select__list {
+  flex: auto;
+  width: 100%;
+  height: -moz-max-content;
+  height: max-content;
+  padding: var(--g-spacing-1) 0;
+}
+.tpc-tracker-select__list .tpc-disclosure__toggle {
+  background: none;
+}
+.tpc-tracker-select__checkbox-icon_type_checkbox {
+  color: var(--g-color-text-info);
+}
+.tpc-tracker-select__checkbox-spacer {
+  display: inline-block;
+}
+.tpc-tracker-select__checkbox-icon, .tpc-tracker-select__checkbox-spacer {
+  flex: none;
+  width: 18px;
+  margin-right: var(--g-spacing-1);
+  margin-bottom: var(--g-spacing-half);
+}
+.tpc-tracker-select__list-item_info .tpc-tracker-select__list-item-info {
+  visibility: hidden;
+}
+.tpc-tracker-select__list-item-actions {
+  display: flex;
+  gap: var(--g-spacing-1);
+  align-items: center;
+  overflow: hidden;
+  width: 0;
+  height: 100%;
+  margin-left: auto;
+  opacity: 0;
+}
+.tpc-tracker-select__list-item-actions:has(.tpc-fields-select__help-tooltip[aria-expanded=true]) {
+  overflow: visible;
+  width: auto;
+  margin-right: var(--g-spacing-4);
+  opacity: 1;
+}
+.tpc-tracker-select__list-item-action {
+  z-index: 2;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--g-color-text-hint);
+}
+.tpc-tracker-select__list-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+  height: 100%;
+  cursor: pointer;
+}
+.tpc-tracker-select__list-item_disabled {
+  cursor: default;
+  opacity: 0.3;
+}
+.tpc-tracker-select__list-item_required {
+  cursor: default;
+}
+.tpc-tracker-select__list-item_required .tpc-tracker-select__checkbox-icon {
+  opacity: 0.3;
+}
+.tpc-tracker-select__list-item_system {
+  font-weight: 800;
+}
+.tpc-tracker-select__list-item-action_type_sort {
+  display: inline-flex;
+  cursor: grab;
+}
+.tpc-tracker-select__list-item_sorting {
+  cursor: grabbing;
+}
+.tpc-tracker-select__list-item:hover .tpc-tracker-select__list-item-actions, .tpc-tracker-select__list-item:focus-within .tpc-tracker-select__list-item-actions {
+  overflow: visible;
+  width: auto;
+  margin-right: var(--g-spacing-4);
+  opacity: 1;
+}
+.tpc-tracker-select__list-item_active, .tpc-tracker-select__list-item:not(.tpc-tracker-select__list-item_sorting):hover {
+  /* required for keyboard navigation */
+}
+.tpc-tracker-select__list-item_active::after, .tpc-tracker-select__list-item:not(.tpc-tracker-select__list-item_sorting):hover::after {
+  position: absolute;
+  z-index: -1; /* without it tooltips which attached to this list item are disappeared */
+  content: "";
+  background: var(--g-color-base-simple-hover);
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.tpc-tracker-select__list-item_active .tpc-tracker-select__list-item-info, .tpc-tracker-select__list-item:not(.tpc-tracker-select__list-item_sorting):hover .tpc-tracker-select__list-item-info {
+  /* above '&::after' */
+  z-index: 2;
+  visibility: visible;
+}
+.tpc-tracker-select__list-item_active, .tpc-tracker-select__list-item:not(.tpc-tracker-select__list-item_sorting):hover {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tpc-tracker-select__list-item_active .tpc-tracker-select__list-item-action, .tpc-tracker-select__list-item:not(.tpc-tracker-select__list-item_sorting):hover .tpc-tracker-select__list-item-action {
+  /* above '&::after' */
+  z-index: 2;
+}
+.tpc-tracker-select__list-item_pinned .tpc-tracker-select__list-item-action_type_pin {
+  display: inline-flex;
+}
+.tpc-tracker-select__list-item-actions + .tpc-tracker-select__checkbox-icon, .tpc-tracker-select__list-item-actions + .tpc-tracker-select__checkbox-spacer {
+  margin-left: var(--g-spacing-2);
+}
+.tpc-tracker-select__list-item-wrapper {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  flex-grow: 1;
+  width: 100%;
+  min-width: 0;
+  height: 100%;
+  padding: 0 var(--g-spacing-4);
+}
+.tpc-tracker-select__list-item-content {
+  display: inline-flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.tpc-tracker-select__list-item_info .tpc-tracker-select__list-item-content {
+  display: flex;
+  flex-direction: row;
+  flex: auto;
+}
+.tpc-tracker-select__list-item-text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.tpc-tracker-select__list-item_info .tpc-tracker-select__list-item-text {
+  flex: auto;
+}
+.tpc-tracker-select__list-item-meta {
+  color: var(--g-color-text-secondary);
+}
+.tpc-tracker-select__group {
+  border-bottom: 1px solid var(--g-color-line-generic-solid);
+}
+.tpc-tracker-select__group_active .tpc-disclosure__summary {
+  background: var(--g-color-base-simple-hover);
+}
+.tpc-tracker-select__select-items .g-list__item {
+  position: relative;
+  padding: 0;
+}
+.tpc-tracker-select__select-items .g-list__item, .tpc-tracker-select__select-items .g-list__item-content {
+  overflow: visible;
+  min-width: 0;
+}
+.tpc-tracker-select__select-items .g-list__item_active {
+  background: inherit;
+}
+.tpc-tracker-select__select-items_single-select[class] .g-list__item .tpc-tracker-select__list-item_selected {
+  background: var(--g-color-base-selection);
+}
+.tpc-tracker-select__group-title {
+  padding: var(--g-spacing-3) var(--g-spacing-4);
+  margin: 0;
+  color: var(--g-color-text-hint);
+}
+.tpc-tracker-select__group-title + .tpc-tracker-select__select-items__list-item-content:first-child {
+  margin-left: calc(var(--g-spacing-5) + var(--g-spacing-half));
+}
+.tpc-tracker-select__collapse .g-arrow-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tpc-tracker-select__collapse .g-arrow-toggle svg {
+  width: 16px;
+  height: 16px;
+}
+.tpc-tracker-select__collapse-header[class][class] {
+  box-sizing: border-box;
+  padding-top: var(--g-spacing-2);
+  padding-bottom: var(--g-spacing-2);
+  padding-left: var(--g-spacing-4);
+  margin-bottom: 0;
+  font-family: var(--g-text-subheader-font-family);
+  font-size: var(--g-text-subheader-1-font-size);
+  font-weight: var(--g-text-subheader-font-weight);
+  line-height: var(--g-text-subheader-1-line-height-rel);
+}
+.tpc-tracker-select__collapse-header-icon {
+  color: var(--g-color-text-secondary);
+}
+.tpc-tracker-select__collapse:first-child, .tpc-tracker-select__group:first-child {
+  padding-top: 0;
+}
+.tpc-tracker-select__collapse:last-child, .tpc-tracker-select__group:last-child {
+  padding-bottom: 0;
+  border-bottom: none;
+}
+.tpc-tracker-select__named-section {
+  box-sizing: border-box;
+  width: 100%;
+  padding: var(--g-spacing-2) var(--g-spacing-4);
+  font-family: var(--g-text-subheader-font-family);
+  font-size: var(--g-text-subheader-2-font-size);
+  font-weight: normal;
+  line-height: 1.25em;
+  color: var(--g-color-text-complementary);
+  background-color: var(--g-color-base-generic);
+}
+.tpc-tracker-select__collapse-group-title {
+  display: flex;
+  gap: var(--g-spacing-2);
+  align-items: center;
+}
+.tpc-tracker-select__list-item_view_meta-primary .tpc-tracker-select__list-item-text {
+  margin-bottom: var(--g-spacing-half);
+  color: var(--g-color-text-secondary);
+}
+.tpc-tracker-select__list-item_view_meta-primary .tpc-tracker-select__list-item-meta {
+  color: inherit;
+}
+.tpc-tracker-select__submit {
+  width: 100%;
+}
+.tpc-tracker-select__search-container {
+  padding: var(--g-spacing-2) var(--g-spacing-3);
+}
+
+.g-tooltip__content {
+  max-width: 320px;
+}
+/*# sourceMappingURL=TrackerSelect.css.map */

package/build/esm/components/TrackerSelect/TrackerSelect.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TrackerSelect.scss"],"names":[],"mappings":"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","file":"TrackerSelect.css","sourcesContent":[".tpc-tracker-select {\n    --popup-max-height: 450px;\n\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n\n    width: 320px;\n    height: inherit;\n\n    max-height: var(--popup-max-height);\n\n    transform: translateZ(0);\n\n    &__actions {\n        padding: var(--g-spacing-1);\n    }\n\n    &__body {\n        display: flex;\n        justify-content: center;\n\n        overflow-y: auto;\n\n        height: max-content;\n        min-height: 80px;\n        max-height: var(--popup-max-height);\n    }\n\n    &__search {\n        box-sizing: border-box;\n        padding: 0 var(--g-spacing-4);\n\n        border-bottom: 1px solid var(--g-color-line-generic-solid);\n\n        &.g-text-input_has-right-content {\n            padding-right: var(--g-spacing-1);\n        }\n    }\n\n    &__loader {\n        padding: var(--g-spacing-4) 0;\n    }\n\n    &__empty-text {\n        padding: var(--g-spacing-4);\n        margin: 0;\n\n        font-size: var(--g-text-body-1-font-size);\n        line-height: var(--g-text-body-1-line-height-rel);\n\n        color: var(--g-color-text-secondary);\n    }\n\n    &__list {\n        flex: auto;\n\n        width: 100%;\n        height: max-content;\n\n        padding: var(--g-spacing-1) 0;\n\n        .tpc-disclosure__toggle {\n            background: none;\n        }\n    }\n\n    &__checkbox-icon_type_checkbox {\n        color: var(--g-color-text-info);\n    }\n\n    &__checkbox-spacer {\n        display: inline-block;\n    }\n\n    &__checkbox-icon,\n    &__checkbox-spacer {\n        flex: none;\n        width: 18px;\n        margin-right: var(--g-spacing-1);\n        margin-bottom: var(--g-spacing-half);\n    }\n\n    &__list-item_info &__list-item-info {\n        visibility: hidden;\n    }\n\n    &__list-item-actions {\n        display: flex;\n\n        gap: var(--g-spacing-1);\n        align-items: center;\n\n        overflow: hidden;\n\n        width: 0;\n\n        height: 100%;\n\n        margin-left: auto;\n\n        opacity: 0;\n    }\n\n    &__list-item-actions:has(.tpc-fields-select__help-tooltip[aria-expanded='true']) {\n        overflow: visible;\n\n        width: auto;\n\n        margin-right: var(--g-spacing-4);\n\n        opacity: 1;\n    }\n\n    &__list-item-action {\n        z-index: 2;\n\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n\n        color: var(--g-color-text-hint);\n    }\n\n    &__list-item {\n        display: flex;\n        align-items: center;\n\n        width: 100%;\n        min-width: 0;\n        height: 100%;\n\n        cursor: pointer;\n\n        &_disabled {\n            cursor: default;\n\n            opacity: 0.3;\n        }\n\n        &_required {\n            cursor: default;\n\n            .tpc-tracker-select__checkbox-icon {\n                opacity: 0.3;\n            }\n        }\n\n        &_system {\n            font-weight: 800;\n        }\n\n        &-action_type_sort {\n            display: inline-flex;\n\n            cursor: grab;\n        }\n\n        &_sorting {\n            cursor: grabbing;\n        }\n\n        &:hover,\n        &:focus-within {\n            .tpc-tracker-select__list-item-actions {\n                overflow: visible;\n\n                width: auto;\n\n                margin-right: var(--g-spacing-4);\n\n                opacity: 1;\n            }\n        }\n\n        &_active,\n        &:not(.tpc-tracker-select__list-item_sorting):hover {\n            /* required for keyboard navigation */\n            &::after {\n                position: absolute;\n                z-index: -1; /* without it tooltips which attached to this list item are disappeared */\n\n                content: '';\n\n                background: var(--g-color-base-simple-hover);\n                inset: 0;\n            }\n\n            .tpc-tracker-select__list-item-info {\n                /* above '&::after' */\n                z-index: 2;\n\n                visibility: visible;\n            }\n\n            /* stylelint-disable-next-line no-descending-specificity */\n            .tpc-tracker-select__list-item-action {\n                /* above '&::after' */\n                z-index: 2;\n            }\n        }\n\n        &_pinned {\n            .tpc-tracker-select__list-item-action_type_pin {\n                display: inline-flex;\n            }\n        }\n    }\n\n    &__list-item-actions + &__checkbox-icon,\n    &__list-item-actions + &__checkbox-spacer {\n        margin-left: var(--g-spacing-2);\n    }\n\n    &__list-item-wrapper {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n\n        flex-grow: 1;\n\n        width: 100%;\n        min-width: 0;\n        height: 100%;\n\n        padding: 0 var(--g-spacing-4);\n    }\n\n    &__list-item-content {\n        display: inline-flex;\n        flex-direction: column;\n\n        min-width: 0;\n    }\n\n    &__list-item_info &__list-item-content {\n        display: flex;\n        flex-direction: row;\n\n        flex: auto;\n    }\n\n    &__list-item-text {\n        overflow: hidden;\n\n        white-space: nowrap;\n\n        text-overflow: ellipsis;\n    }\n\n    &__list-item_info &__list-item-text {\n        flex: auto;\n    }\n\n    &__list-item-meta {\n        color: var(--g-color-text-secondary);\n    }\n\n    &__group {\n        border-bottom: 1px solid var(--g-color-line-generic-solid);\n\n        &_active .tpc-disclosure__summary {\n            background: var(--g-color-base-simple-hover);\n        }\n    }\n\n    &__select-items {\n        .g-list__item {\n            position: relative;\n\n            padding: 0;\n\n            &,\n            &-content {\n                overflow: visible;\n\n                min-width: 0;\n            }\n\n            &_active {\n                background: inherit;\n            }\n        }\n\n        &_single-select[class] {\n            .g-list__item .tpc-tracker-select__list-item {\n                &_selected {\n                    background: var(--g-color-base-selection);\n                }\n            }\n        }\n    }\n\n    &__group-title {\n        padding: var(--g-spacing-3) var(--g-spacing-4);\n        margin: 0;\n\n        color: var(--g-color-text-hint);\n\n        + .tpc-tracker-select__select-items {\n            &__list-item-content:first-child {\n                margin-left: calc(var(--g-spacing-5) + var(--g-spacing-half));\n            }\n        }\n    }\n\n    &__collapse {\n        .g-arrow-toggle {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .g-arrow-toggle svg {\n            width: 16px;\n            height: 16px;\n        }\n    }\n\n    &__collapse-header[class][class] {\n        box-sizing: border-box;\n        padding-top: var(--g-spacing-2);\n        padding-bottom: var(--g-spacing-2);\n        padding-left: var(--g-spacing-4);\n        margin-bottom: 0;\n\n        font-family: var(--g-text-subheader-font-family);\n\n        font-size: var(--g-text-subheader-1-font-size);\n        font-weight: var(--g-text-subheader-font-weight);\n        line-height: var(--g-text-subheader-1-line-height-rel);\n    }\n\n    &__collapse-header-icon {\n        color: var(--g-color-text-secondary);\n    }\n\n    &__collapse:first-child,\n    &__group:first-child {\n        padding-top: 0;\n    }\n\n    &__collapse:last-child,\n    &__group:last-child {\n        padding-bottom: 0;\n\n        border-bottom: none;\n    }\n\n    &__named-section {\n        box-sizing: border-box;\n        width: 100%;\n        padding: var(--g-spacing-2) var(--g-spacing-4);\n\n        font-family: var(--g-text-subheader-font-family);\n\n        font-size: var(--g-text-subheader-2-font-size);\n        font-weight: normal;\n        line-height: 1.25em;\n\n        color: var(--g-color-text-complementary);\n        background-color: var(--g-color-base-generic);\n    }\n\n    &__collapse-group-title {\n        display: flex;\n        gap: var(--g-spacing-2);\n        align-items: center;\n    }\n\n    &__list-item_view_meta-primary {\n        .tpc-tracker-select__list-item-text {\n            margin-bottom: var(--g-spacing-half);\n\n            color: var(--g-color-text-secondary);\n        }\n\n        .tpc-tracker-select__list-item-meta {\n            color: inherit;\n        }\n    }\n\n    &__submit {\n        width: 100%;\n    }\n\n    &__search-container {\n        padding: var(--g-spacing-2) var(--g-spacing-3);\n    }\n}\n\n.g-tooltip__content {\n    max-width: 320px;\n}\n"],"sourceRoot":""}

package/build/esm/components/TrackerSelect/TrackerSelect.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import { ItemsList } from './components/ItemsList';
+import type { TrackerSelectGroup, TrackerSelectItemValueBase } from './types';
+import './TrackerSelect.scss';
+export type TrackerSelectProps<Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase> = {
+    groups?: TrackerSelectGroup<Value>[];
+    onItemUnpin?: (id: string) => void;
+    onSearchChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onSubmit?: () => void;
+    onReset?: () => void;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    activeItemId?: string;
+    showSearch?: boolean;
+    showSubmit?: boolean;
+    showReset?: boolean;
+    submitButtonText?: string;
+    resetButtonText?: string;
+    popupClassName?: string;
+    className?: string;
+    subHeader?: ReactNode;
+    submitDisabled?: boolean;
+} & Parameters<typeof ItemsList>[0];
+export declare const TrackerSelect: <Value extends TrackerSelectItemValueBase>({ groups, onSubmit, onReset, open, onOpenChange, onSearchChange, showSearch, showSubmit, showReset, submitButtonText, resetButtonText, popupClassName, className, subHeader, submitDisabled, ...itemListProps }: TrackerSelectProps<Value>) => React.JSX.Element;

package/build/esm/components/TrackerSelect/TrackerSelect.js

@@ -0,0 +1,162 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["groups", "onSubmit", "onReset", "open", "onOpenChange", "onSearchChange", "showSearch", "showSubmit", "showReset", "submitButtonText", "resetButtonText", "popupClassName", "className", "subHeader", "submitDisabled"];
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.reduce.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.iterator.reduce.js";
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.includes.js";
+import React, { useCallback, useMemo, useRef } from 'react';
+import { Button, Popup, getConfig } from '@gravity-ui/uikit';
+import { useLocalizedString } from "./../../hooks/useLocalizedString";
+import { cnTrackerSelect } from "./TrackerSelect.classname";
+import { ItemsList } from "./components/ItemsList";
+import { Search } from "./components/Search";
+import { usePopupHeight } from "./hooks/usePopupHeight";
+import { useSubmitHotkey } from "./hooks/useSubmitHotkey";
+import { defaultMessages } from "./i18n";
+import "./TrackerSelect.css";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var TrackerSelect = function TrackerSelect(_ref) {
+  var groups = _ref.groups,
+    onSubmit = _ref.onSubmit,
+    onReset = _ref.onReset,
+    open = _ref.open,
+    onOpenChange = _ref.onOpenChange,
+    onSearchChange = _ref.onSearchChange,
+    _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
+    _ref$showSubmit = _ref.showSubmit,
+    showSubmit = _ref$showSubmit === void 0 ? true : _ref$showSubmit,
+    _ref$showReset = _ref.showReset,
+    showReset = _ref$showReset === void 0 ? false : _ref$showReset,
+    submitButtonText = _ref.submitButtonText,
+    resetButtonText = _ref.resetButtonText,
+    popupClassName = _ref.popupClassName,
+    className = _ref.className,
+    subHeader = _ref.subHeader,
+    _ref$submitDisabled = _ref.submitDisabled,
+    submitDisabled = _ref$submitDisabled === void 0 ? false : _ref$submitDisabled,
+    itemListProps = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    searchValue = _React$useState2[0],
+    setSearchValue = _React$useState2[1];
+  var anchorRef = useRef(null);
+  var config = getConfig();
+  var _useLocalizedString = useLocalizedString(defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  var filteredGroups = useMemo(function () {
+    if (!searchValue) {
+      return groups;
+    }
+    var lowerSearchValue = searchValue.toLowerCase();
+    return groups === null || groups === void 0 ? void 0 : groups.map(function (group) {
+      var _group$items;
+      var filteredItems = Object.entries((_group$items = group.items) !== null && _group$items !== void 0 ? _group$items : {}).reduce(function (res, _ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          item = _ref3[1];
+        if (item.display.toLowerCase().includes(lowerSearchValue)) {
+          return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, key, item));
+        }
+        return res;
+      }, {});
+      return _objectSpread(_objectSpread({}, group), {}, {
+        items: filteredItems
+      });
+    }).filter(function (group) {
+      var _group$items2;
+      return Object.keys((_group$items2 = group.items) !== null && _group$items2 !== void 0 ? _group$items2 : {}).length > 0;
+    });
+  }, [groups, searchValue]);
+  var handleSearchChange = useCallback(function (event) {
+    setSearchValue(event.target.value);
+    onSearchChange === null || onSearchChange === void 0 || onSearchChange(event);
+  }, [onSearchChange]);
+  var handleOpenChange = useCallback(function (newOpen) {
+    onOpenChange(newOpen);
+    if (!newOpen) {
+      setSearchValue('');
+    }
+  }, [onOpenChange]);
+  var handleSubmit = useCallback(function () {
+    onSubmit === null || onSubmit === void 0 || onSubmit();
+    onOpenChange(false);
+  }, [onSubmit, onOpenChange]);
+  var handleReset = useCallback(function () {
+    onReset === null || onReset === void 0 || onReset();
+    setSearchValue('');
+  }, [onReset]);
+  useSubmitHotkey(handleSubmit, open);
+  var popupMaxHeight = usePopupHeight(anchorRef, 'bottom-start');
+  var popupStyle = useMemo(function () {
+    return {
+      maxHeight: popupMaxHeight ? "".concat(popupMaxHeight, "px") : 'auto'
+    };
+  }, [popupMaxHeight]);
+  var searchDesktop = useMemo(function () {
+    return showSearch ? /*#__PURE__*/_jsx(Search, {
+      autoFocus: true,
+      value: searchValue,
+      onChange: handleSearchChange,
+      placeholder: t('searchPlaceholder')
+    }) : null;
+  }, [showSearch, searchValue, handleSearchChange, t]);
+  var itemList = useMemo(function () {
+    return /*#__PURE__*/_jsx(ItemsList, _objectSpread({
+      groups: filteredGroups
+    }, itemListProps));
+  }, [filteredGroups, itemListProps]);
+  var popupContent = useMemo(function () {
+    return /*#__PURE__*/_jsxs("div", {
+      className: cnTrackerSelect(null, className),
+      children: [subHeader, /*#__PURE__*/_jsx("div", {
+        className: cnTrackerSelect('body'),
+        children: itemList
+      }), showSubmit && /*#__PURE__*/_jsxs("div", {
+        className: cnTrackerSelect('actions'),
+        children: [showReset && /*#__PURE__*/_jsx(Button, {
+          view: "flat",
+          size: "l",
+          className: cnTrackerSelect('submit'),
+          width: "max",
+          onClick: handleReset,
+          children: resetButtonText || t('reset')
+        }), /*#__PURE__*/_jsx(Button, {
+          view: "action",
+          size: "l",
+          className: cnTrackerSelect('submit'),
+          width: "max",
+          onClick: handleSubmit,
+          disabled: submitDisabled,
+          children: submitButtonText || t('submit')
+        })]
+      })]
+    });
+  }, [className, subHeader, itemList, showSubmit, showReset, handleSubmit, handleReset, submitButtonText, resetButtonText, submitDisabled, t]);
+  return /*#__PURE__*/_jsx("div", {
+    ref: anchorRef,
+    children: /*#__PURE__*/_jsx(Popup, {
+      open: open,
+      onOpenChange: handleOpenChange,
+      placement: "bottom-start",
+      className: cnTrackerSelect(null, popupClassName),
+      anchorElement: anchorRef.current,
+      style: popupStyle,
+      children: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [searchDesktop, popupContent]
+      })
+    })
+  });
+};
+// #sourceMappingURL=TrackerSelect.js.map

package/build/esm/components/TrackerSelect/TrackerSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useRef","Button","Popup","getConfig","useLocalizedString","cnTrackerSelect","ItemsList","Search","usePopupHeight","useSubmitHotkey","defaultMessages","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","TrackerSelect","_ref","groups","onSubmit","onReset","open","onOpenChange","onSearchChange","_ref$showSearch","showSearch","_ref$showSubmit","showSubmit","_ref$showReset","showReset","submitButtonText","resetButtonText","popupClassName","className","subHeader","_ref$submitDisabled","submitDisabled","itemListProps","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","searchValue","setSearchValue","anchorRef","config","_useLocalizedString","lang","t","filteredGroups","lowerSearchValue","toLowerCase","map","group","_group$items","filteredItems","Object","entries","items","reduce","res","_ref2","_ref3","key","item","display","includes","_objectSpread","_defineProperty","filter","_group$items2","keys","length","handleSearchChange","event","target","value","handleOpenChange","newOpen","handleSubmit","handleReset","popupMaxHeight","popupStyle","maxHeight","concat","searchDesktop","autoFocus","onChange","placeholder","itemList","popupContent","children","view","size","width","onClick","disabled","ref","placement","anchorElement","current","style"],"sources":["TrackerSelect.tsx"],"sourcesContent":["import type {CSSProperties, ReactNode} from 'react';\nimport React, {useCallback, useMemo, useRef} from 'react';\n\nimport {Button, Popup, getConfig} from '@gravity-ui/uikit';\n\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport {cnTrackerSelect} from './TrackerSelect.classname';\nimport {ItemsList} from './components/ItemsList';\nimport {Search} from './components/Search';\nimport {usePopupHeight} from './hooks/usePopupHeight';\nimport {useSubmitHotkey} from './hooks/useSubmitHotkey';\nimport {defaultMessages} from './i18n';\nimport type {TrackerSelectGroup, TrackerSelectItemValueBase} from './types';\n\nimport './TrackerSelect.scss';\n\nexport type TrackerSelectProps<\n    Value extends TrackerSelectItemValueBase = TrackerSelectItemValueBase,\n> = {\n    groups?: TrackerSelectGroup<Value>[];\n    onItemUnpin?: (id: string) => void;\n    onSearchChange?: React.ChangeEventHandler<HTMLInputElement>;\n    onSubmit?: () => void;\n    onReset?: () => void;\n    open: boolean;\n    onOpenChange: (open: boolean) => void;\n    activeItemId?: string;\n    showSearch?: boolean;\n    showSubmit?: boolean;\n    showReset?: boolean;\n    submitButtonText?: string;\n    resetButtonText?: string;\n    popupClassName?: string;\n    className?: string;\n    subHeader?: ReactNode;\n    submitDisabled?: boolean;\n} & Parameters<typeof ItemsList>[0];\n\nexport const TrackerSelect = <Value extends TrackerSelectItemValueBase>({\n    groups,\n    onSubmit,\n    onReset,\n    open,\n    onOpenChange,\n    onSearchChange,\n    showSearch = true,\n    showSubmit = true,\n    showReset = false,\n    submitButtonText,\n    resetButtonText,\n    popupClassName,\n    className,\n    subHeader,\n    submitDisabled = false,\n    ...itemListProps\n}: TrackerSelectProps<Value>) => {\n    const [searchValue, setSearchValue] = React.useState('');\n    const anchorRef = useRef<HTMLDivElement>(null);\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n\n    const filteredGroups = useMemo(() => {\n        if (!searchValue) {\n            return groups;\n        }\n\n        const lowerSearchValue = searchValue.toLowerCase();\n\n        return groups\n            ?.map((group) => {\n                const filteredItems = Object.entries(group.items ?? {}).reduce(\n                    (res, [key, item]) => {\n                        if (item.display.toLowerCase().includes(lowerSearchValue)) {\n                            return {...res, [key]: item};\n                        }\n                        return res;\n                    },\n                    {},\n                );\n\n                return {...group, items: filteredItems};\n            })\n            .filter((group) => Object.keys(group.items ?? {}).length > 0);\n    }, [groups, searchValue]);\n\n    const handleSearchChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            setSearchValue(event.target.value);\n            onSearchChange?.(event);\n        },\n        [onSearchChange],\n    );\n\n    const handleOpenChange = useCallback(\n        (newOpen: boolean) => {\n            onOpenChange(newOpen);\n            if (!newOpen) {\n                setSearchValue('');\n            }\n        },\n        [onOpenChange],\n    );\n\n    const handleSubmit = useCallback(() => {\n        onSubmit?.();\n        onOpenChange(false);\n    }, [onSubmit, onOpenChange]);\n\n    const handleReset = useCallback(() => {\n        onReset?.();\n        setSearchValue('');\n    }, [onReset]);\n\n    useSubmitHotkey(handleSubmit, open);\n\n    const popupMaxHeight = usePopupHeight(anchorRef, 'bottom-start');\n\n    const popupStyle: CSSProperties = useMemo(\n        () => ({\n            maxHeight: popupMaxHeight ? `${popupMaxHeight}px` : 'auto',\n        }),\n        [popupMaxHeight],\n    );\n\n    const searchDesktop = useMemo(() => {\n        return showSearch ? (\n            <Search\n                autoFocus={true}\n                value={searchValue}\n                onChange={handleSearchChange}\n                placeholder={t('searchPlaceholder')}\n            />\n        ) : null;\n    }, [showSearch, searchValue, handleSearchChange, t]);\n\n    const itemList = useMemo(() => {\n        return <ItemsList groups={filteredGroups} {...itemListProps} />;\n    }, [filteredGroups, itemListProps]);\n\n    const popupContent = useMemo(() => {\n        return (\n            <div className={cnTrackerSelect(null, className)}>\n                {subHeader}\n                <div className={cnTrackerSelect('body')}>{itemList}</div>\n                {showSubmit && (\n                    <div className={cnTrackerSelect('actions')}>\n                        {showReset && (\n                            <Button\n                                view=\"flat\"\n                                size=\"l\"\n                                className={cnTrackerSelect('submit')}\n                                width=\"max\"\n                                onClick={handleReset}\n                            >\n                                {resetButtonText || t('reset')}\n                            </Button>\n                        )}\n                        <Button\n                            view=\"action\"\n                            size=\"l\"\n                            className={cnTrackerSelect('submit')}\n                            width=\"max\"\n                            onClick={handleSubmit}\n                            disabled={submitDisabled}\n                        >\n                            {submitButtonText || t('submit')}\n                        </Button>\n                    </div>\n                )}\n            </div>\n        );\n    }, [\n        className,\n        subHeader,\n        itemList,\n        showSubmit,\n        showReset,\n        handleSubmit,\n        handleReset,\n        submitButtonText,\n        resetButtonText,\n        submitDisabled,\n        t,\n    ]);\n\n    return (\n        <div ref={anchorRef}>\n            <Popup\n                open={open}\n                onOpenChange={handleOpenChange}\n                placement=\"bottom-start\"\n                className={cnTrackerSelect(null, popupClassName)}\n                anchorElement={anchorRef.current}\n                style={popupStyle}\n            >\n                <>\n                    {searchDesktop}\n                    {popupContent}\n                </>\n            </Popup>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}