@weavix/tracker-components 0.0.3 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/assets/icons/keyResult.d.ts +4 -0
- package/build/cjs/assets/icons/keyResult.js +21 -0
- package/build/cjs/assets/icons/keyResult.js.map +1 -0
- package/build/cjs/components/FieldsSelect/FieldsSelect.classname.js +1 -1
- package/build/cjs/components/FieldsSelect/FieldsSelect.classname.js.map +1 -1
- package/build/cjs/components/Icon/EntityIcon/EntityIcon.classname.js +1 -1
- package/build/cjs/components/Icon/EntityIcon/EntityIcon.classname.js.map +1 -1
- package/build/cjs/components/Icon/GoalIcon/GoalIcon.d.ts +6 -0
- package/build/cjs/components/Icon/GoalIcon/GoalIcon.js +24 -0
- package/build/cjs/components/Icon/GoalIcon/GoalIcon.js.map +1 -0
- package/build/cjs/components/Icon/GoalIcon/index.d.ts +1 -0
- package/build/cjs/components/Icon/GoalIcon/index.js +13 -0
- package/build/cjs/components/Icon/GoalIcon/index.js.map +1 -0
- package/build/cjs/components/Icon/Icon.classname.js +1 -1
- package/build/cjs/components/Icon/Icon.classname.js.map +1 -1
- package/build/cjs/components/Icon/IconRefuge/IconRefuge.classname.js +1 -1
- package/build/cjs/components/Icon/IconRefuge/IconRefuge.classname.js.map +1 -1
- package/build/cjs/components/Icon/IssueTypeIcon/IssueTypeIcon.classname.js +1 -1
- package/build/cjs/components/Icon/IssueTypeIcon/IssueTypeIcon.classname.js.map +1 -1
- package/build/cjs/components/Icon/KeyResultIcon/KeyResultIcon.d.ts +4 -0
- package/build/cjs/components/Icon/KeyResultIcon/KeyResultIcon.js +35 -0
- package/build/cjs/components/Icon/KeyResultIcon/KeyResultIcon.js.map +1 -0
- package/build/cjs/components/Icon/KeyResultIcon/i18n.d.ts +6 -0
- package/build/cjs/components/Icon/KeyResultIcon/i18n.js +13 -0
- package/build/cjs/components/Icon/KeyResultIcon/i18n.js.map +1 -0
- package/build/cjs/components/Icon/KeyResultIcon/index.d.ts +2 -0
- package/build/cjs/components/Icon/KeyResultIcon/index.js +13 -0
- package/build/cjs/components/Icon/KeyResultIcon/index.js.map +1 -0
- package/build/cjs/components/Icon/MetaEntityIcon/MetaEntityIcon.d.ts +7 -0
- package/build/cjs/components/Icon/MetaEntityIcon/MetaEntityIcon.js +46 -0
- package/build/cjs/components/Icon/MetaEntityIcon/MetaEntityIcon.js.map +1 -0
- package/build/cjs/components/Icon/MetaEntityIcon/index.d.ts +2 -0
- package/build/cjs/components/Icon/MetaEntityIcon/index.js +13 -0
- package/build/cjs/components/Icon/MetaEntityIcon/index.js.map +1 -0
- package/build/cjs/components/Icon/PortfolioIcon/index.d.ts +2 -0
- package/build/cjs/components/Icon/PortfolioIcon/index.js +13 -0
- package/build/cjs/components/Icon/PortfolioIcon/index.js.map +1 -0
- package/build/cjs/components/Icon/ProjectIcon/index.d.ts +2 -0
- package/build/cjs/components/Icon/ProjectIcon/index.js +13 -0
- package/build/cjs/components/Icon/ProjectIcon/index.js.map +1 -0
- package/build/cjs/components/Icon/index.d.ts +7 -2
- package/build/cjs/components/Icon/index.js +57 -2
- package/build/cjs/components/Icon/index.js.map +1 -1
- package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.d.ts +1 -0
- package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.js +9 -0
- package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.js.map +1 -0
- package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.d.ts +10 -0
- package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.js +65 -0
- package/build/cjs/components/MetaEntitiesSelect/MetaEntitiesSelect.js.map +1 -0
- package/build/cjs/components/MetaEntitiesSelect/README.md +183 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.d.ts +15 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.js +69 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.js.map +1 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.d.ts +1 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.js +9 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.js.map +1 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.css +18 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.css.map +1 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.d.ts +10 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.js +33 -0
- package/build/cjs/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.js.map +1 -0
- package/build/cjs/components/MetaEntitiesSelect/i18n.d.ts +6 -0
- package/build/cjs/components/MetaEntitiesSelect/i18n.js +13 -0
- package/build/cjs/components/MetaEntitiesSelect/i18n.js.map +1 -0
- package/build/cjs/components/MetaEntitiesSelect/index.d.ts +2 -0
- package/build/cjs/components/MetaEntitiesSelect/index.js +13 -0
- package/build/cjs/components/MetaEntitiesSelect/index.js.map +1 -0
- package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.d.ts +2 -0
- package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.js +11 -0
- package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.js.map +1 -0
- package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityId.d.ts +2 -0
- package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityId.js +10 -0
- package/build/cjs/components/MetaEntitiesSelect/utils/getMetaEntityId.js.map +1 -0
- package/build/cjs/components/PluginFieldsSelect/PluginFieldsSelect.d.ts +1 -1
- package/build/cjs/components/PluginFieldsSelect/PluginFieldsSelect.js.map +1 -1
- package/build/cjs/components/QueueIcon/QueueIcon.classname.js +1 -1
- package/build/cjs/components/QueueIcon/QueueIcon.classname.js.map +1 -1
- package/build/cjs/components/QueueSelect/QueueSelect.classname.js +1 -1
- package/build/cjs/components/QueueSelect/QueueSelect.classname.js.map +1 -1
- package/build/cjs/components/QueueSelect/QueueSelect.css.map +1 -1
- package/build/cjs/components/Select/Autocomplete.d.ts +1 -1
- package/build/cjs/components/Select/MultiAutocomplete.d.ts +1 -1
- package/build/cjs/components/Select/Select.classname.js +1 -1
- package/build/cjs/components/Select/Select.classname.js.map +1 -1
- package/build/cjs/components/Select/Select.css.map +1 -1
- package/build/cjs/components/Select/Select.d.ts +1 -1
- package/build/cjs/components/Select/SelectSearch/SelectSearch.classname.js +1 -1
- package/build/cjs/components/Select/SelectSearch/SelectSearch.classname.js.map +1 -1
- package/build/cjs/components/Select/SelectSearch/SelectSearch.d.ts +1 -1
- package/build/cjs/components/Select/SelectSearch/SelectSearch.js +2 -2
- package/build/cjs/components/Select/SelectSearch/SelectSearch.js.map +1 -1
- package/build/cjs/components/Select/SelectSearch/hooks/useSelectSearch.d.ts +2 -2
- package/build/cjs/components/Select/SelectSearch/hooks/useSelectSearch.js.map +1 -1
- package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.js +1 -1
- package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.js.map +1 -1
- package/build/cjs/components/Suggest/Suggest.classname.d.ts +1 -0
- package/build/cjs/components/Suggest/Suggest.classname.js +9 -0
- package/build/cjs/components/Suggest/Suggest.classname.js.map +1 -0
- package/build/cjs/components/Suggest/Suggest.css +24 -0
- package/build/cjs/components/Suggest/Suggest.css.map +1 -0
- package/build/cjs/components/Suggest/Suggest.d.ts +147 -0
- package/build/cjs/components/Suggest/Suggest.js +621 -0
- package/build/cjs/components/Suggest/Suggest.js.map +1 -0
- package/build/cjs/components/Suggest/i18n.d.ts +22 -0
- package/build/cjs/components/Suggest/i18n.js +29 -0
- package/build/cjs/components/Suggest/i18n.js.map +1 -0
- package/build/cjs/components/Suggest/index.d.ts +1 -0
- package/build/cjs/components/Suggest/index.js +17 -0
- package/build/cjs/components/Suggest/index.js.map +1 -0
- package/build/cjs/components/TrackerDisclosure/TrackerDisclosure.classname.js +1 -1
- package/build/cjs/components/TrackerDisclosure/TrackerDisclosure.classname.js.map +1 -1
- package/build/cjs/components/TrackerSelect/TrackerSelect.classname.js +1 -1
- package/build/cjs/components/TrackerSelect/TrackerSelect.classname.js.map +1 -1
- package/build/cjs/components/TrackerSelect/TrackerSelect.css.map +1 -1
- package/build/cjs/components/useOnFocusOutside/OutsideFocusHandlerContainer.d.ts +9 -0
- package/build/cjs/components/useOnFocusOutside/OutsideFocusHandlerContainer.js +31 -0
- package/build/cjs/components/useOnFocusOutside/OutsideFocusHandlerContainer.js.map +1 -0
- package/build/cjs/components/useOnFocusOutside/useOnFocusOutside.d.ts +1 -0
- package/build/cjs/components/useOnFocusOutside/useOnFocusOutside.js +38 -0
- package/build/cjs/components/useOnFocusOutside/useOnFocusOutside.js.map +1 -0
- package/build/cjs/hooks/useConditionallyControlledState.d.ts +1 -0
- package/build/cjs/hooks/useConditionallyControlledState.js +15 -0
- package/build/cjs/hooks/useConditionallyControlledState.js.map +1 -0
- package/build/cjs/hooks/useLocalizedString.d.ts +1 -1
- package/build/cjs/hooks/useLocalizedString.js.map +1 -1
- package/build/cjs/index.d.ts +1 -0
- package/build/cjs/index.js +12 -0
- package/build/cjs/index.js.map +1 -1
- package/build/esm/assets/icons/keyResult.d.ts +4 -0
- package/build/esm/assets/icons/keyResult.js +13 -0
- package/build/esm/components/FieldsSelect/FieldsSelect.classname.js +1 -1
- package/build/esm/components/FieldsSelect/FieldsSelect.classname.js.map +1 -1
- package/build/esm/components/Icon/EntityIcon/EntityIcon.classname.js +1 -1
- package/build/esm/components/Icon/EntityIcon/EntityIcon.classname.js.map +1 -1
- package/build/esm/components/Icon/GoalIcon/GoalIcon.d.ts +6 -0
- package/build/esm/components/Icon/GoalIcon/GoalIcon.js +17 -0
- package/build/esm/components/Icon/GoalIcon/GoalIcon.js.map +1 -0
- package/build/esm/components/Icon/GoalIcon/index.d.ts +1 -0
- package/build/esm/components/Icon/GoalIcon/index.js +2 -0
- package/build/esm/components/Icon/GoalIcon/index.js.map +1 -0
- package/build/esm/components/Icon/Icon.classname.js +1 -1
- package/build/esm/components/Icon/Icon.classname.js.map +1 -1
- package/build/esm/components/Icon/IconRefuge/IconRefuge.classname.js +1 -1
- package/build/esm/components/Icon/IconRefuge/IconRefuge.classname.js.map +1 -1
- package/build/esm/components/Icon/IssueTypeIcon/IssueTypeIcon.classname.js +1 -1
- package/build/esm/components/Icon/IssueTypeIcon/IssueTypeIcon.classname.js.map +1 -1
- package/build/esm/components/Icon/KeyResultIcon/KeyResultIcon.d.ts +4 -0
- package/build/esm/components/Icon/KeyResultIcon/KeyResultIcon.js +28 -0
- package/build/esm/components/Icon/KeyResultIcon/KeyResultIcon.js.map +1 -0
- package/build/esm/components/Icon/KeyResultIcon/i18n.d.ts +6 -0
- package/build/esm/components/Icon/KeyResultIcon/i18n.js +7 -0
- package/build/esm/components/Icon/KeyResultIcon/i18n.js.map +1 -0
- package/build/esm/components/Icon/KeyResultIcon/index.d.ts +2 -0
- package/build/esm/components/Icon/KeyResultIcon/index.js +2 -0
- package/build/esm/components/Icon/KeyResultIcon/index.js.map +1 -0
- package/build/esm/components/Icon/MetaEntityIcon/MetaEntityIcon.d.ts +7 -0
- package/build/esm/components/Icon/MetaEntityIcon/MetaEntityIcon.js +39 -0
- package/build/esm/components/Icon/MetaEntityIcon/MetaEntityIcon.js.map +1 -0
- package/build/esm/components/Icon/MetaEntityIcon/index.d.ts +2 -0
- package/build/esm/components/Icon/MetaEntityIcon/index.js +2 -0
- package/build/esm/components/Icon/MetaEntityIcon/index.js.map +1 -0
- package/build/esm/components/Icon/PortfolioIcon/index.d.ts +2 -0
- package/build/esm/components/Icon/PortfolioIcon/index.js +2 -0
- package/build/esm/components/Icon/PortfolioIcon/index.js.map +1 -0
- package/build/esm/components/Icon/ProjectIcon/index.d.ts +2 -0
- package/build/esm/components/Icon/ProjectIcon/index.js +2 -0
- package/build/esm/components/Icon/ProjectIcon/index.js.map +1 -0
- package/build/esm/components/Icon/index.d.ts +7 -2
- package/build/esm/components/Icon/index.js +7 -2
- package/build/esm/components/Icon/index.js.map +1 -1
- package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.d.ts +1 -0
- package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.js +3 -0
- package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.classname.js.map +1 -0
- package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.d.ts +10 -0
- package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.js +57 -0
- package/build/esm/components/MetaEntitiesSelect/MetaEntitiesSelect.js.map +1 -0
- package/build/esm/components/MetaEntitiesSelect/README.md +183 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.d.ts +15 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.js +61 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggest/EntitiesSuggest.js.map +1 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.d.ts +1 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.js +3 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.classname.js.map +1 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.css +18 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.css.map +1 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.d.ts +10 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.js +26 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.js.map +1 -0
- package/build/esm/components/MetaEntitiesSelect/components/EntitiesSuggestItem/EntitiesSuggestItem.scss +24 -0
- package/build/esm/components/MetaEntitiesSelect/i18n.d.ts +6 -0
- package/build/esm/components/MetaEntitiesSelect/i18n.js +7 -0
- package/build/esm/components/MetaEntitiesSelect/i18n.js.map +1 -0
- package/build/esm/components/MetaEntitiesSelect/index.d.ts +2 -0
- package/build/esm/components/MetaEntitiesSelect/index.js +2 -0
- package/build/esm/components/MetaEntitiesSelect/index.js.map +1 -0
- package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.d.ts +2 -0
- package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.js +5 -0
- package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityDisplay.js.map +1 -0
- package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityId.d.ts +2 -0
- package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityId.js +4 -0
- package/build/esm/components/MetaEntitiesSelect/utils/getMetaEntityId.js.map +1 -0
- package/build/esm/components/PluginFieldsSelect/PluginFieldsSelect.d.ts +1 -1
- package/build/esm/components/PluginFieldsSelect/PluginFieldsSelect.js.map +1 -1
- package/build/esm/components/QueueIcon/QueueIcon.classname.js +1 -1
- package/build/esm/components/QueueIcon/QueueIcon.classname.js.map +1 -1
- package/build/esm/components/QueueSelect/QueueSelect.classname.js +1 -1
- package/build/esm/components/QueueSelect/QueueSelect.classname.js.map +1 -1
- package/build/esm/components/QueueSelect/QueueSelect.css.map +1 -1
- package/build/esm/components/QueueSelect/QueueSelect.scss +4 -8
- package/build/esm/components/Select/Autocomplete.d.ts +1 -1
- package/build/esm/components/Select/MultiAutocomplete.d.ts +1 -1
- package/build/esm/components/Select/Select.classname.js +1 -1
- package/build/esm/components/Select/Select.classname.js.map +1 -1
- package/build/esm/components/Select/Select.css.map +1 -1
- package/build/esm/components/Select/Select.d.ts +1 -1
- package/build/esm/components/Select/Select.scss +3 -4
- package/build/esm/components/Select/SelectSearch/SelectSearch.classname.js +1 -1
- package/build/esm/components/Select/SelectSearch/SelectSearch.classname.js.map +1 -1
- package/build/esm/components/Select/SelectSearch/SelectSearch.d.ts +1 -1
- package/build/esm/components/Select/SelectSearch/SelectSearch.js +1 -1
- package/build/esm/components/Select/SelectSearch/SelectSearch.js.map +1 -1
- package/build/esm/components/Select/SelectSearch/hooks/useSelectSearch.d.ts +2 -2
- package/build/esm/components/Select/SelectSearch/hooks/useSelectSearch.js.map +1 -1
- package/build/esm/components/Select/TagsSelect/TagsSelect.classname.js +1 -1
- package/build/esm/components/Select/TagsSelect/TagsSelect.classname.js.map +1 -1
- package/build/esm/components/Suggest/Suggest.classname.d.ts +1 -0
- package/build/esm/components/Suggest/Suggest.classname.js +3 -0
- package/build/esm/components/Suggest/Suggest.classname.js.map +1 -0
- package/build/esm/components/Suggest/Suggest.css +24 -0
- package/build/esm/components/Suggest/Suggest.css.map +1 -0
- package/build/esm/components/Suggest/Suggest.d.ts +147 -0
- package/build/esm/components/Suggest/Suggest.js +613 -0
- package/build/esm/components/Suggest/Suggest.js.map +1 -0
- package/build/esm/components/Suggest/Suggest.scss +30 -0
- package/build/esm/components/Suggest/i18n.d.ts +22 -0
- package/build/esm/components/Suggest/i18n.js +23 -0
- package/build/esm/components/Suggest/i18n.js.map +1 -0
- package/build/esm/components/Suggest/index.d.ts +1 -0
- package/build/esm/components/Suggest/index.js +2 -0
- package/build/esm/components/Suggest/index.js.map +1 -0
- package/build/esm/components/TrackerDisclosure/TrackerDisclosure.classname.js +1 -1
- package/build/esm/components/TrackerDisclosure/TrackerDisclosure.classname.js.map +1 -1
- package/build/esm/components/TrackerSelect/TrackerSelect.classname.js +1 -1
- package/build/esm/components/TrackerSelect/TrackerSelect.classname.js.map +1 -1
- package/build/esm/components/TrackerSelect/TrackerSelect.css.map +1 -1
- package/build/esm/components/TrackerSelect/TrackerSelect.scss +3 -5
- package/build/esm/components/useOnFocusOutside/OutsideFocusHandlerContainer.d.ts +9 -0
- package/build/esm/components/useOnFocusOutside/OutsideFocusHandlerContainer.js +24 -0
- package/build/esm/components/useOnFocusOutside/OutsideFocusHandlerContainer.js.map +1 -0
- package/build/esm/components/useOnFocusOutside/useOnFocusOutside.d.ts +1 -0
- package/build/esm/components/useOnFocusOutside/useOnFocusOutside.js +31 -0
- package/build/esm/components/useOnFocusOutside/useOnFocusOutside.js.map +1 -0
- package/build/esm/hooks/useConditionallyControlledState.d.ts +1 -0
- package/build/esm/hooks/useConditionallyControlledState.js +9 -0
- package/build/esm/hooks/useConditionallyControlledState.js.map +1 -0
- package/build/esm/hooks/useLocalizedString.d.ts +1 -1
- package/build/esm/hooks/useLocalizedString.js.map +1 -1
- package/build/esm/index.d.ts +1 -0
- package/build/esm/index.js +1 -0
- package/build/esm/index.js.map +1 -1
- package/build/esm/styles/mixins.scss +8 -0
- package/package.json +3 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["EntitiesSuggestItem.scss","../../../../../../node_modules/@gravity-ui/uikit/styles/mixins.scss"],"names":[],"mappings":"AAKA;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EAEA,8CAAA;EAEA,yCAAA;EACA,iDAAA;AANJ;AAQI;EACI,kCAAA;AANR;AASI;EACI,oCAAA;EChBJ,mBAAA;EACA,gBAAA;EACA,uBAH4B;ADahC","file":"EntitiesSuggestItem.css","sourcesContent":["@use '../../../../styles/variables.scss';\n@use '../../../../styles/mixins.scss';\n\n$block: '.#{variables.$ns}entities-suggest-item';\n\n#{$block} {\n display: flex;\n gap: var(--g-spacing-3);\n align-items: center;\n\n padding: var(--g-spacing-2) var(--g-spacing-4);\n\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height-rel);\n\n &__name {\n color: var(--g-color-text-primary);\n }\n\n &__description {\n color: var(--g-color-text-secondary);\n @include mixins.overflow-ellipsis();\n }\n}\n","@use 'sass:list';\n@use 'sass:selector';\n\n@mixin overflow-ellipsis($type: ellipsis) {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: $type;\n}\n\n@mixin button-reset() {\n padding: 0;\n\n font-family: var(--g-text-body-font-family);\n font-size: inherit;\n font-weight: var(--g-text-body-font-weight);\n\n color: inherit;\n background: none;\n border: none;\n outline: none;\n cursor: pointer;\n}\n\n@mixin link-reset() {\n color: inherit;\n text-decoration: inherit;\n}\n\n@mixin expand-interactive-area($h: 4px, $v: $h) {\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n inset: logical (-$v) (-$h);\n }\n}\n\n@mixin max-height($height) {\n max-height: $height;\n overflow-y: auto;\n}\n\n@mixin max-text-width($width: 100%) {\n @include overflow-ellipsis();\n\n max-width: $width;\n}\n\n@mixin aspect-ratio($ratio) {\n position: relative;\n\n &::before {\n display: block;\n content: '';\n width: 100%;\n padding-block-start: $ratio * 100%;\n }\n\n > *:only-child {\n position: absolute;\n inset: 0;\n }\n}\n\n@function get-pin-selector($mod, $selector, $append: true) {\n @if $append {\n @return selector.append($mod, $selector);\n } @else {\n @return list.join($mod, $selector, $separator: space);\n }\n}\n\n@mixin pin($block, $selectors, $radius, $append: true) {\n @each $selector in $selectors {\n @at-root #{get-pin-selector(#{$block}_pin_round-round, $selector, $append)} {\n border-radius: $radius;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_brick-brick, $selector, $append)} {\n border-radius: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_clear-clear, $selector, $append)} {\n border-radius: 0;\n border-inline: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_circle-circle, $selector, $append)} {\n border-radius: 100px;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_round-brick, $selector, $append)} {\n border-start-start-radius: $radius;\n border-start-end-radius: 0;\n border-end-start-radius: $radius;\n border-end-end-radius: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_brick-round, $selector, $append)} {\n border-start-start-radius: 0;\n border-start-end-radius: $radius;\n border-end-start-radius: 0;\n border-end-end-radius: $radius;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_round-clear, $selector, $append)} {\n border-start-start-radius: $radius;\n border-start-end-radius: 0;\n border-end-start-radius: $radius;\n border-end-end-radius: 0;\n border-inline-end: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_clear-round, $selector, $append)} {\n border-start-start-radius: 0;\n border-start-end-radius: $radius;\n border-end-start-radius: 0;\n border-end-end-radius: $radius;\n border-inline-start: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_brick-clear, $selector, $append)} {\n border-radius: 0;\n border-inline-end: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_clear-brick, $selector, $append)} {\n border-radius: 0;\n border-inline-start: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_circle-brick, $selector, $append)} {\n border-start-start-radius: 100px;\n border-start-end-radius: 0;\n border-end-start-radius: 100px;\n border-end-end-radius: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_brick-circle, $selector, $append)} {\n border-start-start-radius: 0;\n border-start-end-radius: 100px;\n border-end-start-radius: 0;\n border-end-end-radius: 100px;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_circle-clear, $selector, $append)} {\n border-start-start-radius: 100px;\n border-start-end-radius: 0;\n border-end-start-radius: 100px;\n border-end-end-radius: 0;\n border-inline-end: 0;\n }\n\n @at-root #{get-pin-selector(#{$block}_pin_clear-circle, $selector, $append)} {\n border-start-start-radius: 0;\n border-start-end-radius: 100px;\n border-end-start-radius: 0;\n border-end-end-radius: 100px;\n border-inline-start: 0;\n }\n }\n}\n\n// Typography\n\n@mixin text-body-1() {\n font-family: var(--g-text-body-font-family);\n font-weight: var(--g-text-body-font-weight);\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n}\n\n@mixin text-body-2() {\n font-family: var(--g-text-body-font-family);\n font-weight: var(--g-text-body-font-weight);\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n}\n\n@mixin text-body-3() {\n font-family: var(--g-text-body-font-family);\n font-weight: var(--g-text-body-font-weight);\n font-size: var(--g-text-body-3-font-size);\n line-height: var(--g-text-body-3-line-height);\n}\n\n@mixin text-body-short() {\n font-family: var(--g-text-body-font-family);\n font-weight: var(--g-text-body-font-weight);\n font-size: var(--g-text-body-short-font-size);\n line-height: var(--g-text-body-short-line-height);\n}\n\n@mixin text-caption-1() {\n font-family: var(--g-text-caption-font-family);\n font-weight: var(--g-text-caption-font-weight);\n font-size: var(--g-text-caption-1-font-size);\n line-height: var(--g-text-caption-1-line-height);\n}\n\n@mixin text-caption-2() {\n font-family: var(--g-text-caption-font-family);\n font-weight: var(--g-text-caption-font-weight);\n font-size: var(--g-text-caption-2-font-size);\n line-height: var(--g-text-caption-2-line-height);\n}\n\n@mixin text-header-1() {\n font-family: var(--g-text-header-font-family);\n font-weight: var(--g-text-header-font-weight);\n font-size: var(--g-text-header-1-font-size);\n line-height: var(--g-text-header-1-line-height);\n}\n\n@mixin text-header-2() {\n font-family: var(--g-text-header-font-family);\n font-weight: var(--g-text-header-font-weight);\n font-size: var(--g-text-header-2-font-size);\n line-height: var(--g-text-header-2-line-height);\n}\n\n@mixin text-subheader-1() {\n font-family: var(--g-text-subheader-font-family);\n font-weight: var(--g-text-subheader-font-weight);\n font-size: var(--g-text-subheader-1-font-size);\n line-height: var(--g-text-subheader-1-line-height);\n}\n\n@mixin text-subheader-2() {\n font-family: var(--g-text-subheader-font-family);\n font-weight: var(--g-text-subheader-font-weight);\n font-size: var(--g-text-subheader-2-font-size);\n line-height: var(--g-text-subheader-2-line-height);\n}\n\n@mixin text-subheader-3() {\n font-family: var(--g-text-subheader-font-family);\n font-weight: var(--g-text-subheader-font-weight);\n font-size: var(--g-text-subheader-3-font-size);\n line-height: var(--g-text-subheader-3-line-height);\n}\n\n@mixin text-display-1() {\n font-family: var(--g-text-display-font-family);\n font-weight: var(--g-text-display-font-weight);\n font-size: var(--g-text-display-1-font-size);\n line-height: var(--g-text-display-1-line-height);\n}\n\n@mixin text-display-2() {\n font-family: var(--g-text-display-font-family);\n font-weight: var(--g-text-display-font-weight);\n font-size: var(--g-text-display-2-font-size);\n line-height: var(--g-text-display-2-line-height);\n}\n\n@mixin text-display-3() {\n font-family: var(--g-text-display-font-family);\n font-weight: var(--g-text-display-font-weight);\n font-size: var(--g-text-display-3-font-size);\n line-height: var(--g-text-display-3-line-height);\n}\n\n@mixin text-display-4() {\n font-family: var(--g-text-display-font-family);\n font-weight: var(--g-text-display-font-weight);\n font-size: var(--g-text-display-4-font-size);\n line-height: var(--g-text-display-4-line-height);\n}\n\n@mixin text-code-1() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-1-font-size);\n line-height: var(--g-text-code-1-line-height);\n}\n\n@mixin text-code-2() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-2-font-size);\n line-height: var(--g-text-code-2-line-height);\n}\n\n@mixin text-code-3() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-3-font-size);\n line-height: var(--g-text-code-3-line-height);\n}\n\n@mixin text-code-inline-1() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-inline-1-font-size);\n line-height: var(--g-text-code-inline-1-line-height);\n}\n\n@mixin text-code-inline-2() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-inline-2-font-size);\n line-height: var(--g-text-code-inline-2-line-height);\n}\n\n@mixin text-code-inline-3() {\n font-family: var(--g-text-code-font-family);\n font-weight: var(--g-text-code-font-weight);\n font-size: var(--g-text-code-inline-3-font-size);\n line-height: var(--g-text-code-inline-3-line-height);\n}\n\n@mixin text-accent() {\n font-weight: var(--g-text-accent-font-weight);\n}\n\n@mixin loading($loading-color-1: rgba(255, 255, 255, 0.3), $loading-color-2: transparent) {\n background-image: repeating-linear-gradient(\n -45deg,\n $loading-color-1,\n $loading-color-1 4px,\n $loading-color-2 4px,\n $loading-color-2 8px\n );\n background-size: 150%;\n background-clip: padding-box;\n\n // stylelint-disable-next-line no-unknown-animations\n animation: g-loading-animation 0.5s linear infinite;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n}\n\n@mixin scrollbar() {\n &::-webkit-scrollbar,\n *::-webkit-scrollbar {\n width: var(--g-scrollbar-width);\n height: var(--g-scrollbar-width);\n background: var(--g-color-scroll-track);\n }\n\n &::-webkit-scrollbar-track,\n *::-webkit-scrollbar-track {\n background: var(--g-color-scroll-track);\n }\n\n &::-webkit-scrollbar-corner,\n *::-webkit-scrollbar-corner {\n background: var(--g-color-scroll-corner);\n }\n\n &::-webkit-scrollbar-thumb,\n *::-webkit-scrollbar-thumb {\n background: var(--g-color-scroll-handle);\n }\n\n &::-webkit-scrollbar-thumb:hover,\n *::-webkit-scrollbar-thumb:hover {\n background: var(--g-color-scroll-handle-hover);\n }\n}\n\n@mixin focus-outline() {\n outline: 2px solid var(--g-color-line-focus);\n}\n"],"sourceRoot":""}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { FC, ReactNode } from 'react';
|
|
2
|
+
import './EntitiesSuggestItem.scss';
|
|
3
|
+
export type EntitiesSuggestItemProps = {
|
|
4
|
+
icon?: ReactNode;
|
|
5
|
+
id: number | string;
|
|
6
|
+
name: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const EntitiesSuggestItem: FC<EntitiesSuggestItemProps>;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import "core-js/modules/es.symbol.js";
|
|
2
|
+
import "core-js/modules/es.symbol.description.js";
|
|
3
|
+
import "core-js/modules/es.function.name.js";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { cnEntitiesSuggestItem } from "./EntitiesSuggestItem.classname";
|
|
6
|
+
import "./EntitiesSuggestItem.css";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
export var EntitiesSuggestItem = function EntitiesSuggestItem(_ref) {
|
|
9
|
+
var icon = _ref.icon,
|
|
10
|
+
name = _ref.name,
|
|
11
|
+
description = _ref.description,
|
|
12
|
+
className = _ref.className;
|
|
13
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
14
|
+
className: cnEntitiesSuggestItem(null, className),
|
|
15
|
+
children: [icon, /*#__PURE__*/_jsxs("div", {
|
|
16
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
17
|
+
className: cnEntitiesSuggestItem('name'),
|
|
18
|
+
children: name
|
|
19
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
20
|
+
className: cnEntitiesSuggestItem('description'),
|
|
21
|
+
children: description
|
|
22
|
+
})]
|
|
23
|
+
})]
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
// #sourceMappingURL=EntitiesSuggestItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","cnEntitiesSuggestItem","jsx","_jsx","jsxs","_jsxs","EntitiesSuggestItem","_ref","icon","name","description","className","children"],"sources":["EntitiesSuggestItem.tsx"],"sourcesContent":["import type {FC, ReactNode} from 'react';\nimport React from 'react';\n\nimport {cnEntitiesSuggestItem} from './EntitiesSuggestItem.classname';\n\nimport './EntitiesSuggestItem.scss';\n\nexport type EntitiesSuggestItemProps = {\n icon?: ReactNode;\n id: number | string;\n name: string;\n description?: string;\n className?: string;\n};\n\nexport const EntitiesSuggestItem: FC<EntitiesSuggestItemProps> = ({\n icon,\n name,\n description,\n className,\n}) => {\n return (\n <div className={cnEntitiesSuggestItem(null, className)}>\n {icon}\n <div>\n <div className={cnEntitiesSuggestItem('name')}>{name}</div>\n <div className={cnEntitiesSuggestItem('description')}>{description}</div>\n </div>\n </div>\n );\n};\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,qBAAqB;AAE7B;AAAoC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUpC,OAAO,IAAMC,mBAAiD,GAAG,SAApDA,mBAAiDA,CAAAC,IAAA,EAKxD;EAAA,IAJFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,oBACIN,KAAA;IAAKM,SAAS,EAAEV,qBAAqB,CAAC,IAAI,EAAEU,SAAS,CAAE;IAAAC,QAAA,GAClDJ,IAAI,eACLH,KAAA;MAAAO,QAAA,gBACIT,IAAA;QAAKQ,SAAS,EAAEV,qBAAqB,CAAC,MAAM,CAAE;QAAAW,QAAA,EAAEH;MAAI,CAAM,CAAC,eAC3DN,IAAA;QAAKQ,SAAS,EAAEV,qBAAqB,CAAC,aAAa,CAAE;QAAAW,QAAA,EAAEF;MAAW,CAAM,CAAC;IAAA,CACxE,CAAC;EAAA,CACL,CAAC;AAEd,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
@use '../../../../styles/variables.scss';
|
|
2
|
+
@use '../../../../styles/mixins.scss';
|
|
3
|
+
|
|
4
|
+
$block: '.#{variables.$ns}entities-suggest-item';
|
|
5
|
+
|
|
6
|
+
#{$block} {
|
|
7
|
+
display: flex;
|
|
8
|
+
gap: var(--g-spacing-3);
|
|
9
|
+
align-items: center;
|
|
10
|
+
|
|
11
|
+
padding: var(--g-spacing-2) var(--g-spacing-4);
|
|
12
|
+
|
|
13
|
+
font-size: var(--g-text-body-1-font-size);
|
|
14
|
+
line-height: var(--g-text-body-1-line-height-rel);
|
|
15
|
+
|
|
16
|
+
&__name {
|
|
17
|
+
color: var(--g-color-text-primary);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&__description {
|
|
21
|
+
color: var(--g-color-text-secondary);
|
|
22
|
+
@include mixins.overflow-ellipsis();
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["defaultMessages","placeholder","ru","en"],"sources":["i18n.ts"],"sourcesContent":["export const defaultMessages = {\n placeholder: {\n ru: 'Выберите проект',\n en: 'Select a project',\n },\n};\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAG;EAC3BC,WAAW,EAAE;IACTC,EAAE,EAAE,iBAAiB;IACrBC,EAAE,EAAE;EACR;AACJ,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["MetaEntitiesSelect"],"sources":["index.ts"],"sourcesContent":["export {MetaEntitiesSelect} from './MetaEntitiesSelect';\nexport type {MetaEntitiesSelectProps} from './MetaEntitiesSelect';\n"],"mappings":"AAAA,SAAQA,kBAAkB","ignoreList":[]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export function getMetaEntityDisplay(metaEntity) {
|
|
2
|
+
var _metaEntity$fields, _metaEntity$fields2, _metaEntity$fields$su, _metaEntity$fields3;
|
|
3
|
+
return typeof ((_metaEntity$fields = metaEntity.fields) === null || _metaEntity$fields === void 0 ? void 0 : _metaEntity$fields.summary) === 'string' ? (_metaEntity$fields2 = metaEntity.fields) === null || _metaEntity$fields2 === void 0 ? void 0 : _metaEntity$fields2.summary : String((_metaEntity$fields$su = (_metaEntity$fields3 = metaEntity.fields) === null || _metaEntity$fields3 === void 0 || (_metaEntity$fields3 = _metaEntity$fields3.summary) === null || _metaEntity$fields3 === void 0 ? void 0 : _metaEntity$fields3.value) !== null && _metaEntity$fields$su !== void 0 ? _metaEntity$fields$su : metaEntity.id);
|
|
4
|
+
}
|
|
5
|
+
// #sourceMappingURL=getMetaEntityDisplay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getMetaEntityDisplay","metaEntity","_metaEntity$fields","_metaEntity$fields2","_metaEntity$fields$su","_metaEntity$fields3","fields","summary","String","value","id"],"sources":["getMetaEntityDisplay.ts"],"sourcesContent":["import type {MetaEntityV2} from '@weavix/tracker-api-types';\n\nexport function getMetaEntityDisplay(metaEntity: MetaEntityV2) {\n return typeof metaEntity.fields?.summary === 'string'\n ? metaEntity.fields?.summary\n : String(metaEntity.fields?.summary?.value ?? metaEntity.id);\n}\n"],"mappings":"AAEA,OAAO,SAASA,oBAAoBA,CAACC,UAAwB,EAAE;EAAA,IAAAC,kBAAA,EAAAC,mBAAA,EAAAC,qBAAA,EAAAC,mBAAA;EAC3D,OAAO,SAAAH,kBAAA,GAAOD,UAAU,CAACK,MAAM,cAAAJ,kBAAA,uBAAjBA,kBAAA,CAAmBK,OAAO,MAAK,QAAQ,IAAAJ,mBAAA,GAC/CF,UAAU,CAACK,MAAM,cAAAH,mBAAA,uBAAjBA,mBAAA,CAAmBI,OAAO,GAC1BC,MAAM,EAAAJ,qBAAA,IAAAC,mBAAA,GAACJ,UAAU,CAACK,MAAM,cAAAD,mBAAA,gBAAAA,mBAAA,GAAjBA,mBAAA,CAAmBE,OAAO,cAAAF,mBAAA,uBAA1BA,mBAAA,CAA4BI,KAAK,cAAAL,qBAAA,cAAAA,qBAAA,GAAIH,UAAU,CAACS,EAAE,CAAC;AACpE","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getMetaEntityId","metaEntity","id"],"sources":["getMetaEntityId.ts"],"sourcesContent":["import type {MetaEntityV2} from '@weavix/tracker-api-types';\n\nexport function getMetaEntityId(metaEntity: MetaEntityV2) {\n return metaEntity.id;\n}\n"],"mappings":"AAEA,OAAO,SAASA,eAAeA,CAACC,UAAwB,EAAE;EACtD,OAAOA,UAAU,CAACC,EAAE;AACxB","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { Field } from '@
|
|
2
|
+
import type { Field } from '@weavix/tracker-api-types';
|
|
3
3
|
import type { FieldsSelectProps } from '~/src/components/FieldsSelect';
|
|
4
4
|
import type { TrackerSelectItemValueBase } from '~/src/components/TrackerSelect';
|
|
5
5
|
export type PluginFieldsSelectField = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","FieldsSelect","jsx","_jsx","PluginFieldsSelect","_ref","fields","fieldsSelectProps","_objectWithoutProperties","_excluded","groups","categories","length","forEach","field","_field$category","_field$category2","categoryId","String","category","id","_field$category3","_objectSpread","name","display","collapsible","items","Object","values"],"sources":["PluginFieldsSelect.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\n\nimport type {Field} from '@
|
|
1
|
+
{"version":3,"names":["React","useMemo","FieldsSelect","jsx","_jsx","PluginFieldsSelect","_ref","fields","fieldsSelectProps","_objectWithoutProperties","_excluded","groups","categories","length","forEach","field","_field$category","_field$category2","categoryId","String","category","id","_field$category3","_objectSpread","name","display","collapsible","items","Object","values"],"sources":["PluginFieldsSelect.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\n\nimport type {Field} from '@weavix/tracker-api-types';\n\nimport type {FieldsSelectProps} from '~/src/components/FieldsSelect';\nimport {FieldsSelect} from '~/src/components/FieldsSelect';\nimport type {\n TrackerSelectGroup,\n TrackerSelectItem,\n TrackerSelectItemValueBase,\n TrackerSelectItems,\n} from '~/src/components/TrackerSelect';\n\nexport type PluginFieldsSelectField = {\n id: string;\n name: string;\n category: TrackerSelectItemValueBase;\n} & Partial<Omit<Field, 'category' | 'name'>>;\n\nexport type PluginFieldsSelectProps = {\n fields: PluginFieldsSelectField[];\n} & Omit<FieldsSelectProps, 'groups'>;\n\nexport const PluginFieldsSelect = ({fields, ...fieldsSelectProps}: PluginFieldsSelectProps) => {\n const groups = useMemo(() => {\n const categories: Record<string, TrackerSelectGroup> = {};\n if (fields && fields.length > 0) {\n fields.forEach((field) => {\n const categoryId = String(field.category?.id);\n if (field.category?.id) {\n categories[categoryId] = categories[categoryId] || {\n ...field.category,\n name: field.category?.display,\n collapsible: true,\n items: {} as TrackerSelectItems,\n };\n categories[categoryId].items[field.id] = {\n ...field,\n display: String(field.name),\n } as unknown as TrackerSelectItem;\n }\n });\n }\n return Object.values(categories);\n }, [fields]);\n\n return <FieldsSelect groups={groups} {...fieldsSelectProps} />;\n};\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AAKpC,SAAQC,YAAY;AAAuC,SAAAC,GAAA,IAAAC,IAAA;AAkB3D,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAgE;EAAA,IAA3DC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAKC,iBAAiB,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC5D,IAAMC,MAAM,GAAGV,OAAO,CAAC,YAAM;IACzB,IAAMW,UAA8C,GAAG,CAAC,CAAC;IACzD,IAAIL,MAAM,IAAIA,MAAM,CAACM,MAAM,GAAG,CAAC,EAAE;MAC7BN,MAAM,CAACO,OAAO,CAAC,UAACC,KAAK,EAAK;QAAA,IAAAC,eAAA,EAAAC,gBAAA;QACtB,IAAMC,UAAU,GAAGC,MAAM,EAAAH,eAAA,GAACD,KAAK,CAACK,QAAQ,cAAAJ,eAAA,uBAAdA,eAAA,CAAgBK,EAAE,CAAC;QAC7C,KAAAJ,gBAAA,GAAIF,KAAK,CAACK,QAAQ,cAAAH,gBAAA,eAAdA,gBAAA,CAAgBI,EAAE,EAAE;UAAA,IAAAC,gBAAA;UACpBV,UAAU,CAACM,UAAU,CAAC,GAAGN,UAAU,CAACM,UAAU,CAAC,IAAAK,aAAA,CAAAA,aAAA,KACxCR,KAAK,CAACK,QAAQ;YACjBI,IAAI,GAAAF,gBAAA,GAAEP,KAAK,CAACK,QAAQ,cAAAE,gBAAA,uBAAdA,gBAAA,CAAgBG,OAAO;YAC7BC,WAAW,EAAE,IAAI;YACjBC,KAAK,EAAE,CAAC;UAAuB,EAClC;UACDf,UAAU,CAACM,UAAU,CAAC,CAACS,KAAK,CAACZ,KAAK,CAACM,EAAE,CAAC,GAAAE,aAAA,CAAAA,aAAA,KAC/BR,KAAK;YACRU,OAAO,EAAEN,MAAM,CAACJ,KAAK,CAACS,IAAI;UAAC,EACE;QACrC;MACJ,CAAC,CAAC;IACN;IACA,OAAOI,MAAM,CAACC,MAAM,CAACjB,UAAU,CAAC;EACpC,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,oBAAOH,IAAA,CAACF,YAAY,EAAAqB,aAAA;IAACZ,MAAM,EAAEA;EAAO,GAAKH,iBAAiB,CAAG,CAAC;AAClE,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["block","cnQueueIcon"],"sources":["QueueIcon.classname.ts"],"sourcesContent":["import {block} from '
|
|
1
|
+
{"version":3,"names":["block","cnQueueIcon"],"sources":["QueueIcon.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnQueueIcon = block('queue-icon');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,WAAW,GAAGD,KAAK,CAAC,YAAY,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["block","cnQueueSelect"],"sources":["QueueSelect.classname.ts"],"sourcesContent":["import {block} from '
|
|
1
|
+
{"version":3,"names":["block","cnQueueSelect"],"sources":["QueueSelect.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnQueueSelect = block('queue-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,aAAa,GAAGD,KAAK,CAAC,cAAc,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["QueueSelect.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["QueueSelect.scss","../../styles/mixins.scss"],"names":[],"mappings":"AAGI;EACI,YAAA;AAFR;AAKI;EACI,WAAA;AAHR;AAMI;EACI,oCAAA;AAJR;AAQQ;EACI,8CAAA;EACA,mBAAA;EAEA,YAAA;EAEA,kCAAA;AARZ;AAWQ;EACI,4BAAA;AATZ;AAaI;EACI,aAAA;EACA,sBAAA;AAXR;;AAeA;EACI,aAAA;EACA,mBAAA;AAZJ;AAcI;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,YAAA;EACA,gCAAA;AAbR;AAgBI;;EAEI,yCAAA;EACA,6CAAA;AAdR;AAiBI;EACI,kCAAA;ECrDJ,gBAAA;EAEA,mBAAA;EACA,uBAAA;ADsCJ;AAgBI;EACI,oCAAA;AAdR;AAiBI;EACI,eAAA;AAfR;;AAmBA;EACI,aAAA;EACA,mBAAA;AAhBJ;AAkBI;EACI,6BAAA;AAhBR;AAmBI;EACI,gCAAA;AAjBR;;AAsBI;EACI,gCAAA;AAnBR;;AAwBI;EACI,aAAA;AArBR;AAwBI;EACI,aAAA;AAtBR;;AA2BI;EACI,aAAA;AAxBR;AA2BI;EACI,aAAA;AAzBR;;AA6BA;EACI,gBAAA;AA1BJ;;AA6BA;EACI,oBAAA;EC9GA,gBAAA;EAEA,mBAAA;EACA,uBAAA;ADoFJ;;AA4BA;EACI,uBAAA;AAzBJ;;AA4BA;EACI,sBAAA;EACA,8CAAA;AAzBJ;;AA4BA;EACI,UAAA;AAzBJ;;AA4BA;EACI,6BAAA;AAzBJ;;AA4BA;EACI,6BAAA;AAzBJ","file":"QueueSelect.css","sourcesContent":["@use '../../styles/mixins.scss';\n\n.tpc-queue-select {\n &:not(.tpc-queue-select_with-border) .tpc-select__button::before {\n border: none;\n }\n\n &__control {\n width: 100%;\n }\n\n &__control-block.g-button_size_xl .g-button__icon-inner {\n color: var(--g-color-text-secondary);\n }\n\n &_mobile {\n .tpc-queue-select__control-block {\n --g-button-background-color-hover: transparent;\n align-items: center;\n\n height: auto;\n\n color: var(--g-color-text-primary);\n }\n\n .g-select-list {\n margin: var(--g-spacing-2) 0;\n }\n }\n\n &__popup-content {\n display: flex;\n flex-direction: column;\n }\n}\n\n.tpc-queue-select__select-item_forPopup {\n display: flex;\n align-items: center;\n\n .tpc-queue-select__select-item-texts {\n display: flex;\n flex-direction: column;\n\n flex: auto;\n min-width: 0;\n padding-left: var(--g-spacing-3);\n }\n\n .tpc-queue-select__select-item-name,\n .tpc-queue-select__select-item-key {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n }\n\n .tpc-queue-select__select-item-name {\n color: var(--g-color-text-primary);\n @include mixins.text-overflow();\n }\n\n .tpc-queue-select__select-item-key {\n color: var(--g-color-text-secondary);\n }\n\n .tpc-queue-select__select-item-icon {\n min-width: 24px;\n }\n}\n\n.tpc-queue-select__select-item_forControl {\n display: flex;\n align-items: center;\n\n &_size-xl {\n padding: var(--g-spacing-2) 0;\n }\n\n .tpc-queue-select__select-item-icon {\n margin-right: var(--g-spacing-3);\n }\n}\n\n.tpc-queue-select__select-item_platform_touch {\n .tpc-queue-select__select-item-icon {\n margin-right: var(--g-spacing-1);\n }\n}\n\n.tpc-queue-select__control.tpc-queue-select__select-item {\n &.tpc-queue-select__select-item_forPopup {\n display: none;\n }\n\n &.tpc-queue-select__select-item_forControl {\n display: flex;\n }\n}\n\n.tpc-queue-select__popup.tpc-queue-select__select-item {\n &.tpc-queue-select__select-item_forPopup {\n display: flex;\n }\n\n &.tpc-queue-select__select-item_forControl {\n display: none;\n }\n}\n\n.tpc-queue-select__popup {\n min-width: 320px;\n}\n\n.tpc-queue-select__select-value-name {\n line-height: unset; // stylelint-disable-line\n\n @include mixins.text-overflow();\n}\n\n.tpc-queue-select__select-display {\n gap: var(--g-spacing-2);\n}\n\n.tpc-queue-select__search {\n box-sizing: border-box;\n padding: var(--g-spacing-2) var(--g-spacing-4);\n}\n\n.tpc-queue-select__list-item {\n padding: 0;\n}\n\n.g-select-list__option_colored:has(.tpc-queue-select__list-item_selected) {\n background-color: transparent;\n}\n\n.g-select-list__item.g-list__item_active:has(.tpc-queue-select__list-item_selected) {\n background-color: transparent;\n}\n","@forward '~@gravity-ui/uikit/styles/mixins';\n\n@mixin text-overflow {\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n"],"sourceRoot":""}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use '../../styles/mixins.scss';
|
|
2
|
+
|
|
1
3
|
.tpc-queue-select {
|
|
2
4
|
&:not(.tpc-queue-select_with-border) .tpc-select__button::before {
|
|
3
5
|
border: none;
|
|
@@ -53,10 +55,7 @@
|
|
|
53
55
|
|
|
54
56
|
.tpc-queue-select__select-item-name {
|
|
55
57
|
color: var(--g-color-text-primary);
|
|
56
|
-
overflow
|
|
57
|
-
|
|
58
|
-
white-space: nowrap;
|
|
59
|
-
text-overflow: ellipsis;
|
|
58
|
+
@include mixins.text-overflow();
|
|
60
59
|
}
|
|
61
60
|
|
|
62
61
|
.tpc-queue-select__select-item-key {
|
|
@@ -114,10 +113,7 @@
|
|
|
114
113
|
.tpc-queue-select__select-value-name {
|
|
115
114
|
line-height: unset; // stylelint-disable-line
|
|
116
115
|
|
|
117
|
-
overflow
|
|
118
|
-
|
|
119
|
-
white-space: nowrap;
|
|
120
|
-
text-overflow: ellipsis;
|
|
116
|
+
@include mixins.text-overflow();
|
|
121
117
|
}
|
|
122
118
|
|
|
123
119
|
.tpc-queue-select__select-display {
|
|
@@ -5,7 +5,7 @@ export type AutocompleteProps<TValue = any> = Omit<MultiAutocompleteProps, 'mult
|
|
|
5
5
|
value?: SelectOption<TValue>;
|
|
6
6
|
onUpdate: (value: SelectOption<TValue>) => void;
|
|
7
7
|
};
|
|
8
|
-
export declare const Autocomplete: React.ForwardRefExoticComponent<Omit<MultiAutocompleteProps, "multiple" | "
|
|
8
|
+
export declare const Autocomplete: React.ForwardRefExoticComponent<Omit<MultiAutocompleteProps, "multiple" | "value" | "onUpdate"> & {
|
|
9
9
|
value?: SelectOption<any> | undefined;
|
|
10
10
|
onUpdate: (value: SelectOption<any>) => void;
|
|
11
11
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -6,7 +6,7 @@ export type MultiAutocompleteProps = Omit<MultiSelectProps, 'filterable' | 'valu
|
|
|
6
6
|
onUpdate: (value: SelectOption[]) => void;
|
|
7
7
|
searchDelay?: number;
|
|
8
8
|
};
|
|
9
|
-
export declare const MultiAutocomplete: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "
|
|
9
|
+
export declare const MultiAutocomplete: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "value" | "onUpdate" | "filterable"> & {
|
|
10
10
|
value?: SelectOption[];
|
|
11
11
|
onUpdate: (value: SelectOption[]) => void;
|
|
12
12
|
searchDelay?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["block","cnSelect"],"sources":["Select.classname.ts"],"sourcesContent":["import {block} from '
|
|
1
|
+
{"version":3,"names":["block","cnSelect"],"sources":["Select.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSelect = block('select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,QAAQ,GAAGD,KAAK,CAAC,QAAQ,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Select.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["Select.scss","../../styles/mixins.scss"],"names":[],"mappings":"AAKI;EACI,2BAAA;AAJR;AAMQ;EACI,oDAAA;EACA,wCAAA;AAJZ;AAQY;EACI,+BAAA;AANhB;AAUQ;EACI,8BAAA;AARZ;AAWQ;EACI,+BAAA;AATZ;AAYQ;EACI,UAAA;AAVZ;AAYY;EACI,SAAA;AAVhB;AAcQ;EACI,8BAAA;AAZZ;AAcY;EACI,YAAA;AAZhB;AAkBgB;EACI,yBAAA;AAhBpB;AAsBI;EACI,sBAAA;AApBR;AAuBI;EACI,aAAA;EACA,uBAAA;AArBR;AAwBI;EACI,qBAAA;EAEA,WAAA;EC7DJ,gBAAA;EAEA,mBAAA;EACA,uBAAA;ADsCJ;AAwBQ;EACI,eAAA;EAEA,oCAAA;AAvBZ;AA2BI;EACI,uBAAA;AAzBR;AA6BQ;EACI,+BAAA;AA3BZ;AA8BQ;EACI,WAAA;EACA,gDAAA;AA5BZ;AAgCI;EACI,WAAA;AA9BR;AAiCI;EACI,uBAAA;AA/BR;AAiCQ;EACI,WAAA;EACA,6BAAA;EACA,iCAAA;AA/BZ;AAkCQ;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;AAjCZ;AAmCY;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,WAAA;EACA,aAAA;AAlChB;AAqCY;EACI,UAAA;AAnChB;AAsCY;EACI,UAAA;AApChB;AAwCQ;EACI,8CAAA;AAtCZ;AAyCQ;EACI,oBAAA;AAvCZ;AA0CQ;EACI,YAAA;AAxCZ;AA2CQ;EACI,8BAAA;AAzCZ;AA4CQ;EACI,yBAAA;EACA,wBAAA;EAEA,WAAA;AA3CZ;AA+CY;EACI,4CAAA;AA7ChB;AAoDY;EACI,gCAAA;AAlDhB;AAsDQ;EAEI,yDAAA;EACA,2BAAA;AArDZ;AA0DQ;EACI,+BAAA;EACA,kCAAA;EACA,YAAA;AAxDZ","file":"Select.css","sourcesContent":["@use '../../styles/mixins.scss';\n\n$arrowIconSpace: 25px;\n\n.tpc-select {\n &__button {\n vertical-align: text-bottom;\n\n &_error::before {\n --_--focus-outline-color: var(--g-color-line-danger);\n border-color: var(--g-color-line-danger);\n }\n\n &:not(.tpc-select__button_with-icon) {\n &.tpc-select__button_empty {\n color: var(--g-color-text-hint);\n }\n }\n\n &:not(.tpc-select__button_loading) {\n justify-content: space-between;\n }\n\n &:disabled {\n color: var(--g-color-text-hint);\n }\n\n &_clear {\n padding: 0;\n\n .g-button__icon_side_end {\n margin: 0;\n }\n }\n\n &_loading.g-button_width_max {\n justify-content: space-between;\n\n .g-button__text {\n margin: auto;\n }\n }\n\n &_platform {\n &_desktop {\n .tpc-select__chevron_open {\n transform: rotate(180deg);\n }\n }\n }\n }\n\n &__loader {\n vertical-align: middle;\n }\n\n &__items-loader {\n display: flex;\n justify-content: center;\n }\n\n &__option {\n display: inline-block;\n\n width: 100%;\n\n @include mixins.text-overflow();\n\n &_disabled {\n cursor: default;\n\n color: var(--g-color-text-secondary);\n }\n }\n\n &__no-options {\n justify-content: center;\n }\n\n &__popup {\n .g-select-list__group-label-content {\n color: var(--g-color-text-hint);\n }\n\n .tpc-select__filter {\n width: auto;\n padding: var(--g-spacing-1) var(--g-spacing-1) 0;\n }\n }\n\n &__button-wrapper {\n width: 100%;\n }\n\n &__popup_mobile {\n --suggest-offset: 230px;\n\n .tpc-select__filter {\n width: auto;\n padding: 0 var(--g-spacing-5);\n margin-bottom: var(--g-spacing-2);\n }\n\n .g-sheet__sheet-content {\n display: flex;\n flex-direction: column;\n\n padding: 0;\n\n > div:not([class]) {\n display: flex;\n flex-direction: column;\n\n flex: auto;\n width: 100%;\n min-height: 0;\n }\n\n .g-select-filter {\n flex: none;\n }\n\n .g-select-list_mobile {\n flex: auto;\n }\n }\n\n .g-select-list__option {\n padding: var(--g-spacing-2) var(--g-spacing-4);\n }\n\n .g-select-list__group-label-content {\n font-weight: inherit;\n }\n\n .g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty) {\n height: auto;\n }\n\n .g-select-list__item:has(.g-select-list__group-label) {\n margin-top: var(--g-spacing-2);\n }\n\n .g-select-list__item:not(:first-child) .g-select-list__group-label::before {\n right: var(--g-spacing-3);\n left: var(--g-spacing-3);\n\n width: auto;\n }\n\n &.tpc-select__popup_filterable {\n .g-sheet__sheet-content {\n height: calc(100dvh - var(--suggest-offset));\n }\n }\n }\n\n &__popup:not(.tpc-select__popup_mobile) {\n &.tpc-select__popup_with-groups {\n .g-select-list__option {\n padding-left: var(--g-spacing-4);\n }\n }\n\n .g-select-list {\n // override Select styles\n /* stylelint-disable-next-line declaration-no-important */\n max-height: 40vh !important;\n }\n }\n\n &__title {\n &_platform_touch {\n padding-top: var(--g-spacing-3);\n padding-bottom: var(--g-spacing-3);\n margin: auto;\n }\n }\n}\n","@forward '~@gravity-ui/uikit/styles/mixins';\n\n@mixin text-overflow {\n overflow: hidden;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n"],"sourceRoot":""}
|
|
@@ -4,7 +4,7 @@ export type SelectProps = Omit<MultiSelectProps, 'multiple' | 'value' | 'onUpdat
|
|
|
4
4
|
value?: string;
|
|
5
5
|
onUpdate: (value: string) => void;
|
|
6
6
|
};
|
|
7
|
-
export declare const Select: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "multiple" | "
|
|
7
|
+
export declare const Select: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "multiple" | "onFocus" | "value" | "onUpdate" | "onBlur"> & {
|
|
8
8
|
value?: string;
|
|
9
9
|
onUpdate: (value: string) => void;
|
|
10
10
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use '../../styles/mixins.scss';
|
|
2
|
+
|
|
1
3
|
$arrowIconSpace: 25px;
|
|
2
4
|
|
|
3
5
|
.tpc-select {
|
|
@@ -62,10 +64,7 @@ $arrowIconSpace: 25px;
|
|
|
62
64
|
|
|
63
65
|
width: 100%;
|
|
64
66
|
|
|
65
|
-
overflow
|
|
66
|
-
|
|
67
|
-
white-space: nowrap;
|
|
68
|
-
text-overflow: ellipsis;
|
|
67
|
+
@include mixins.text-overflow();
|
|
69
68
|
|
|
70
69
|
&_disabled {
|
|
71
70
|
cursor: default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["block","cnSelectSearch"],"sources":["SelectSearch.classname.ts"],"sourcesContent":["import {block} from '
|
|
1
|
+
{"version":3,"names":["block","cnSelectSearch"],"sources":["SelectSearch.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSelectSearch = block('select-search');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,cAAc,GAAGD,KAAK,CAAC,eAAe,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
|
-
import type { SuggestProps } from '
|
|
3
|
+
import type { SuggestProps } from '~/src/components/Suggest';
|
|
4
4
|
import type { Option } from './types';
|
|
5
5
|
import './SelectSearch.scss';
|
|
6
6
|
export type SelectSearchProps<V = string> = SuggestProps & {
|
|
@@ -6,7 +6,7 @@ import "core-js/modules/es.array.iterator.js";
|
|
|
6
6
|
import "core-js/modules/es.object.to-string.js";
|
|
7
7
|
import "core-js/modules/web.dom-collections.iterator.js";
|
|
8
8
|
import React, { memo } from 'react';
|
|
9
|
-
import { Suggest } from
|
|
9
|
+
import { Suggest } from "./../../Suggest";
|
|
10
10
|
import { TagsList } from "../TagsList/TagsList";
|
|
11
11
|
import { cnSelectSearch } from "./SelectSearch.classname";
|
|
12
12
|
import { useSelectSearch } from "./hooks/useSelectSearch";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","Suggest","TagsList","cnSelectSearch","useSelectSearch","jsx","_jsx","jsxs","_jsxs","SelectSearchInternal","_ref","className","mode","values","maxTagCount","inputClassName","popupClassName","tagRender","onDeselect","customRenderItem","renderItem","suggestProps","_objectWithoutProperties","_excluded","_useSelectSearch","withTags","Boolean","children","_objectSpread","autoComplete","_defineProperty","length","renderTag","tagTheme","tagClassName","tagSize","SelectSearch"],"sources":["SelectSearch.tsx"],"sourcesContent":["import React, {memo} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Suggest} from '
|
|
1
|
+
{"version":3,"names":["React","memo","Suggest","TagsList","cnSelectSearch","useSelectSearch","jsx","_jsx","jsxs","_jsxs","SelectSearchInternal","_ref","className","mode","values","maxTagCount","inputClassName","popupClassName","tagRender","onDeselect","customRenderItem","renderItem","suggestProps","_objectWithoutProperties","_excluded","_useSelectSearch","withTags","Boolean","children","_objectSpread","autoComplete","_defineProperty","length","renderTag","tagTheme","tagClassName","tagSize","SelectSearch"],"sources":["SelectSearch.tsx"],"sourcesContent":["import React, {memo} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Suggest} from '~/src/components/Suggest';\nimport type {SuggestProps} from '~/src/components/Suggest';\n\nimport {TagsList} from '../TagsList/TagsList';\n\nimport {cnSelectSearch} from './SelectSearch.classname';\nimport {useSelectSearch} from './hooks/useSelectSearch';\nimport type {Option} from './types';\n\nimport './SelectSearch.scss';\n\nexport type SelectSearchProps<V = string> = SuggestProps & {\n className?: string;\n mode?: 'tags';\n /** Max tag count to show */\n maxTagCount?: number;\n /** Customize tag render, only applies when mode is set to multiple or tags */\n tagRender?: (option: Option<V>) => ReactNode;\n /** Called when an option is deselected, param is the selected option's value. Only called for tags */\n onDeselect?: (value: V) => void;\n /** Current selected option */\n values: Option<V>[];\n};\n\nconst SelectSearchInternal = <V,>({\n className,\n mode,\n values,\n maxTagCount,\n inputClassName,\n popupClassName,\n tagRender,\n onDeselect,\n renderItem: customRenderItem,\n ...suggestProps\n}: SelectSearchProps<V>) => {\n const {renderItem} = useSelectSearch({values, customRenderItem});\n const withTags = mode === 'tags' && (Boolean(onDeselect) || Boolean(tagRender));\n\n return (\n <div className={cnSelectSearch(null, className)}>\n <Suggest\n autoComplete={false}\n renderItem={renderItem}\n {...suggestProps}\n inputClassName={cnSelectSearch(\n 'suggest',\n {['mode_tags']: values.length > 0},\n inputClassName,\n )}\n popupClassName={cnSelectSearch('popup', popupClassName)}\n />\n {withTags && (\n <div className={cnSelectSearch('tags')}>\n <TagsList<V>\n values={values}\n maxTagCount={maxTagCount}\n renderTag={tagRender}\n onDeselect={onDeselect!}\n tagTheme=\"normal\"\n tagClassName={cnSelectSearch('tag')}\n tagSize=\"xs\"\n />\n </div>\n )}\n </div>\n );\n};\n\nexport const SelectSearch = memo(SelectSearchInternal) as typeof SelectSearchInternal;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAGC,IAAI,QAAO,OAAO;AAGjC,SAAQC,OAAO;AAGf,SAAQC,QAAQ;AAEhB,SAAQC,cAAc;AACtB,SAAQC,eAAe;AAGvB;AAA6B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAe7B,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAWE;EAAA,IAVxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACEC,gBAAgB,GAAAT,IAAA,CAA5BU,UAAU;IACPC,YAAY,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAEf,IAAAC,gBAAA,GAAqBpB,eAAe,CAAC;MAACS,MAAM,EAANA,MAAM;MAAEM,gBAAgB,EAAhBA;IAAgB,CAAC,CAAC;IAAzDC,UAAU,GAAAI,gBAAA,CAAVJ,UAAU;EACjB,IAAMK,QAAQ,GAAGb,IAAI,KAAK,MAAM,KAAKc,OAAO,CAACR,UAAU,CAAC,IAAIQ,OAAO,CAACT,SAAS,CAAC,CAAC;EAE/E,oBACIT,KAAA;IAAKG,SAAS,EAAER,cAAc,CAAC,IAAI,EAAEQ,SAAS,CAAE;IAAAgB,QAAA,gBAC5CrB,IAAA,CAACL,OAAO,EAAA2B,aAAA,CAAAA,aAAA;MACJC,YAAY,EAAE,KAAM;MACpBT,UAAU,EAAEA;IAAW,GACnBC,YAAY;MAChBN,cAAc,EAAEZ,cAAc,CAC1B,SAAS,EAAA2B,eAAA,KACP,WAAW,EAAGjB,MAAM,CAACkB,MAAM,GAAG,CAAC,GACjChB,cACJ,CAAE;MACFC,cAAc,EAAEb,cAAc,CAAC,OAAO,EAAEa,cAAc;IAAE,EAC3D,CAAC,EACDS,QAAQ,iBACLnB,IAAA;MAAKK,SAAS,EAAER,cAAc,CAAC,MAAM,CAAE;MAAAwB,QAAA,eACnCrB,IAAA,CAACJ,QAAQ;QACLW,MAAM,EAAEA,MAAO;QACfC,WAAW,EAAEA,WAAY;QACzBkB,SAAS,EAAEf,SAAU;QACrBC,UAAU,EAAEA,UAAY;QACxBe,QAAQ,EAAC,QAAQ;QACjBC,YAAY,EAAE/B,cAAc,CAAC,KAAK,CAAE;QACpCgC,OAAO,EAAC;MAAI,CACf;IAAC,CACD,CACR;EAAA,CACA,CAAC;AAEd,CAAC;AAED,OAAO,IAAMC,YAAY,gBAAGpC,IAAI,CAACS,oBAAoB,CAAgC","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { SuggestProps } from '
|
|
2
|
+
import type { SuggestProps } from '~/src/components/Suggest';
|
|
3
3
|
import type { Option } from '../types';
|
|
4
4
|
export type UseSelectSearchProps<V> = {
|
|
5
5
|
customRenderItem?: SuggestProps['renderItem'];
|
|
@@ -7,5 +7,5 @@ export type UseSelectSearchProps<V> = {
|
|
|
7
7
|
};
|
|
8
8
|
export declare const useSelectSearch: <V>({ values, customRenderItem }: UseSelectSearchProps<V>) => {
|
|
9
9
|
textInputRef: React.MutableRefObject<React.RefObject<HTMLInputElement> | undefined>;
|
|
10
|
-
renderItem: ((item: any) => ReactNode) | ((option: Option<V>) => React.JSX.Element);
|
|
10
|
+
renderItem: ((item: any) => React.ReactNode) | ((option: Option<V>) => React.JSX.Element);
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useRef","Check","Icon","cnSelectSearch","jsx","_jsx","jsxs","_jsxs","useSelectSearch","_ref","values","customRenderItem","textInputRef","defaultRenderItem","option","value","content","disabled","active","some","item","className","children","data","size","renderItem"],"sources":["useSelectSearch.tsx"],"sourcesContent":["import React, {useCallback, useRef} from 'react';\nimport type {RefObject} from 'react';\n\nimport {Check} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\nimport type {SuggestProps} from '
|
|
1
|
+
{"version":3,"names":["React","useCallback","useRef","Check","Icon","cnSelectSearch","jsx","_jsx","jsxs","_jsxs","useSelectSearch","_ref","values","customRenderItem","textInputRef","defaultRenderItem","option","value","content","disabled","active","some","item","className","children","data","size","renderItem"],"sources":["useSelectSearch.tsx"],"sourcesContent":["import React, {useCallback, useRef} from 'react';\nimport type {RefObject} from 'react';\n\nimport {Check} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport type {SuggestProps} from '~/src/components/Suggest';\n\nimport {cnSelectSearch} from '../SelectSearch.classname';\nimport type {Option} from '../types';\n\nexport type UseSelectSearchProps<V> = {\n customRenderItem?: SuggestProps['renderItem'];\n values: Option<V>[];\n};\n\nexport const useSelectSearch = <V,>({values, customRenderItem}: UseSelectSearchProps<V>) => {\n const textInputRef = useRef<RefObject<HTMLInputElement>>();\n\n const defaultRenderItem = useCallback(\n (option: Option<V>) => {\n const {value, content, disabled} = option;\n const active = values.some((item) => item.value === value);\n\n return (\n <div className={cnSelectSearch('option', {disabled})}>\n <Icon\n className={cnSelectSearch('selected-icon', {active})}\n data={Check}\n size={16}\n />\n <span>{content}</span>\n </div>\n );\n },\n [values],\n );\n\n return {\n textInputRef,\n renderItem: customRenderItem || defaultRenderItem,\n };\n};\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,MAAM,QAAO,OAAO;AAGhD,SAAQC,KAAK,QAAO,mBAAmB;AACvC,SAAQC,IAAI,QAAO,mBAAmB;AAItC,SAAQC,cAAc;AAAmC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzD,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAgE;EAAA,IAAvDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;EACzD,IAAMC,YAAY,GAAGZ,MAAM,CAA8B,CAAC;EAE1D,IAAMa,iBAAiB,GAAGd,WAAW,CACjC,UAACe,MAAiB,EAAK;IACnB,IAAOC,KAAK,GAAuBD,MAAM,CAAlCC,KAAK;MAAEC,OAAO,GAAcF,MAAM,CAA3BE,OAAO;MAAEC,QAAQ,GAAIH,MAAM,CAAlBG,QAAQ;IAC/B,IAAMC,MAAM,GAAGR,MAAM,CAACS,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACL,KAAK,KAAKA,KAAK;IAAA,EAAC;IAE1D,oBACIR,KAAA;MAAKc,SAAS,EAAElB,cAAc,CAAC,QAAQ,EAAE;QAACc,QAAQ,EAARA;MAAQ,CAAC,CAAE;MAAAK,QAAA,gBACjDjB,IAAA,CAACH,IAAI;QACDmB,SAAS,EAAElB,cAAc,CAAC,eAAe,EAAE;UAACe,MAAM,EAANA;QAAM,CAAC,CAAE;QACrDK,IAAI,EAAEtB,KAAM;QACZuB,IAAI,EAAE;MAAG,CACZ,CAAC,eACFnB,IAAA;QAAAiB,QAAA,EAAON;MAAO,CAAO,CAAC;IAAA,CACrB,CAAC;EAEd,CAAC,EACD,CAACN,MAAM,CACX,CAAC;EAED,OAAO;IACHE,YAAY,EAAZA,YAAY;IACZa,UAAU,EAAEd,gBAAgB,IAAIE;EACpC,CAAC;AACL,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["block","cnTagsSelect"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '
|
|
1
|
+
{"version":3,"names":["block","cnTagsSelect"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnTagsSelect = block('tags-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,YAAY,GAAGD,KAAK,CAAC,aAAa,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const cnSuggest: import("@bem-react/classname").ClassNameFormatter;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["block","cnSuggest"],"sources":["Suggest.classname.tsx"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSuggest = block('suggest');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,SAAS,GAAGD,KAAK,CAAC,SAAS,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
.tpc-suggest__popup {
|
|
2
|
+
max-height: 40vh;
|
|
3
|
+
overflow-x: hidden;
|
|
4
|
+
overflow-y: auto;
|
|
5
|
+
overflow: hidden auto;
|
|
6
|
+
}
|
|
7
|
+
.tpc-suggest__popup_has-fallback {
|
|
8
|
+
min-height: -moz-min-content;
|
|
9
|
+
min-height: min-content;
|
|
10
|
+
}
|
|
11
|
+
.tpc-suggest__loader {
|
|
12
|
+
display: flex;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
padding: calc(var(--g-spacing-2) + var(--g-spacing-half));
|
|
15
|
+
}
|
|
16
|
+
.tpc-suggest__list {
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
display: flex;
|
|
19
|
+
}
|
|
20
|
+
.tpc-suggest__item {
|
|
21
|
+
width: 100%;
|
|
22
|
+
overflow: hidden;
|
|
23
|
+
}
|
|
24
|
+
/*# sourceMappingURL=Suggest.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["Suggest.scss"],"names":[],"mappings":"AAKI;EACI,gBAAA;EACA,kBAAA;EAAA,gBAAA;EAAA,qBAAA;AAJR;AAMQ;EACI,4BAAA;EAAA,uBAAA;AAJZ;AAQI;EACI,aAAA;EACA,uBAAA;EACA,yDAAA;AANR;AASI;EACI,sBAAA;EACA,aAAA;AAPR;AAUI;EACI,WAAA;EACA,gBAAA;AARR","file":"Suggest.css","sourcesContent":["@use '../../styles/variables.scss';\n\n$block: '.#{variables.$ns}suggest';\n\n#{$block} {\n &__popup {\n max-height: 40vh;\n overflow: hidden auto;\n\n &_has-fallback {\n min-height: min-content;\n }\n }\n\n &__loader {\n display: flex;\n justify-content: center;\n padding: calc(var(--g-spacing-2) + var(--g-spacing-half));\n }\n\n &__list {\n box-sizing: border-box;\n display: flex;\n }\n\n &__item {\n width: 100%;\n overflow: hidden;\n }\n}\n"],"sourceRoot":""}
|