@weavix/tracker-components 0.0.1

package/build/esm/components/Icon/PortfolioIcon/PortfolioIcon.js

@@ -0,0 +1,19 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["portfolioId"];
+import React from 'react';
+import { EntityIcon } from "../EntityIcon";
+import portfolioIcon from "../../../assets/icons/portfolio";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PortfolioIcon = function PortfolioIcon(_ref) {
+  var portfolioId = _ref.portfolioId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(EntityIcon, _objectSpread({
+    data: portfolioIcon,
+    id: portfolioId,
+    type: "portfolio",
+    alpha: 0.5,
+    withBackground: false
+  }, props));
+};
+// #sourceMappingURL=PortfolioIcon.js.map

package/build/esm/components/Icon/PortfolioIcon/PortfolioIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","EntityIcon","portfolioIcon","jsx","_jsx","PortfolioIcon","_ref","portfolioId","props","_objectWithoutProperties","_excluded","_objectSpread","data","id","type","alpha","withBackground"],"sources":["PortfolioIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {EntityIconProps} from '../EntityIcon';\nimport {EntityIcon} from '../EntityIcon';\n\nimport portfolioIcon from '../../../../assets/icons/portfolio.svg';\n\nexport type PortfolioIconProps = {portfolioId: string} & Omit<\n    EntityIconProps,\n    'data' | 'id' | 'alpha'\n>;\n\nexport const PortfolioIcon = ({portfolioId, ...props}: PortfolioIconProps) => (\n    <EntityIcon\n        data={portfolioIcon}\n        id={portfolioId}\n        type=\"portfolio\"\n        alpha={0.5}\n        withBackground={false}\n        {...props}\n    />\n);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,UAAU;AAElB,OAAOC,aAAa;AAA+C,SAAAC,GAAA,IAAAC,IAAA;AAOnE,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA;EAAA,IAAKC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAKC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,oBAChDN,IAAA,CAACH,UAAU,EAAAU,aAAA;IACPC,IAAI,EAAEV,aAAc;IACpBW,EAAE,EAAEN,WAAY;IAChBO,IAAI,EAAC,WAAW;IAChBC,KAAK,EAAE,GAAI;IACXC,cAAc,EAAE;EAAM,GAClBR,KAAK,CACZ,CAAC;AAAA,CACL","ignoreList":[]}

package/build/esm/components/Icon/PortfolioIcon/README.md

@@ -0,0 +1,51 @@
+# PortfolioIcon
+
+<!-- description:start -->
+Component displaying an icon for a portfolio entity
+<!-- description:end -->
+
+## Component props
+
+<!-- props:start -->
+```ts
+{
+    /**
+     * Portfolio ID used to generate a deterministic color
+     */
+    portfolioId: string;
+    /**
+     * Additional class
+     */
+    className?: string;
+    /**
+     * Entity type label (defaults to "portfolio")
+     */
+    type?: string;
+    /**
+     * Size of the SVG icon inside the container in pixels
+     * @default 16
+     */
+    size?: number;
+    /**
+     * Size of the icon container in pixels
+     * @default 24
+     */
+    refugeSize?: number;
+    /**
+     * Whether to render a colored background behind the icon
+     * @default false
+     */
+    withBackground?: boolean;
+    /**
+     * Border radius variant of the icon container
+     * @default 'm'
+     */
+    radius?: 'm' | 'l';
+    /**
+     * Alpha (opacity) of the icon color
+     * @default 1
+     */
+    colorAlpha?: number;
+}
+```
+<!-- props:end -->

package/build/esm/components/Icon/ProjectIcon/ProjectIcon.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { EntityIconProps } from '../EntityIcon';
+export type ProjectIconProps = {
+    projectId?: number | string;
+} & Omit<EntityIconProps, 'data' | 'id' | 'alpha'>;
+export declare const ProjectIcon: FC<ProjectIconProps>;

package/build/esm/components/Icon/ProjectIcon/ProjectIcon.js

@@ -0,0 +1,17 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["projectId"];
+import React from 'react';
+import { Folders } from '@gravity-ui/icons';
+import { EntityIcon } from "../EntityIcon";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ProjectIcon = function ProjectIcon(_ref) {
+  var projectId = _ref.projectId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(EntityIcon, _objectSpread({
+    data: Folders,
+    id: projectId,
+    type: "project"
+  }, props));
+};
+// #sourceMappingURL=ProjectIcon.js.map

package/build/esm/components/Icon/ProjectIcon/ProjectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Folders","EntityIcon","jsx","_jsx","ProjectIcon","_ref","projectId","props","_objectWithoutProperties","_excluded","_objectSpread","data","id","type"],"sources":["ProjectIcon.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport React from 'react';\n\nimport {Folders} from '@gravity-ui/icons';\n\nimport type {EntityIconProps} from '../EntityIcon';\nimport {EntityIcon} from '../EntityIcon';\n\nexport type ProjectIconProps = {projectId?: number | string} & Omit<\n    EntityIconProps,\n    'data' | 'id' | 'alpha'\n>;\n\nexport const ProjectIcon: FC<ProjectIconProps> = ({projectId, ...props}) => (\n    <EntityIcon data={Folders} id={projectId} type=\"project\" {...props} />\n);\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,OAAO,QAAO,mBAAmB;AAGzC,SAAQC,UAAU;AAAuB,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,IAAMC,WAAiC,GAAG,SAApCA,WAAiCA,CAAAC,IAAA;EAAA,IAAKC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,oBAClEN,IAAA,CAACF,UAAU,EAAAS,aAAA;IAACC,IAAI,EAAEX,OAAQ;IAACY,EAAE,EAAEN,SAAU;IAACO,IAAI,EAAC;EAAS,GAAKN,KAAK,CAAG,CAAC;AAAA,CACzE","ignoreList":[]}

package/build/esm/components/Icon/ProjectIcon/README.md

@@ -0,0 +1,51 @@
+# ProjectIcon
+
+<!-- description:start -->
+Component displaying an icon for a project entity
+<!-- description:end -->
+
+## Component props
+
+<!-- props:start -->
+```ts
+{
+    /**
+     * Project ID used to generate a deterministic color
+     */
+    projectId?: number | string;
+    /**
+     * Additional class
+     */
+    className?: string;
+    /**
+     * Entity type label (defaults to "project")
+     */
+    type?: string;
+    /**
+     * Size of the SVG icon inside the container in pixels
+     * @default 16
+     */
+    size?: number;
+    /**
+     * Size of the icon container in pixels
+     * @default 24
+     */
+    refugeSize?: number;
+    /**
+     * Whether to render a colored background behind the icon
+     * @default true
+     */
+    withBackground?: boolean;
+    /**
+     * Border radius variant of the icon container
+     * @default 'm'
+     */
+    radius?: 'm' | 'l';
+    /**
+     * Alpha (opacity) of the icon color
+     * @default 1
+     */
+    colorAlpha?: number;
+}
+```
+<!-- props:end -->

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

@@ -0,0 +1,3 @@
+export * from './IssueTypeIcon';
+export * from './PortfolioIcon/PortfolioIcon';
+export * from './ProjectIcon/ProjectIcon';

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

@@ -0,0 +1,4 @@
+export * from "./IssueTypeIcon";
+export * from "./PortfolioIcon/PortfolioIcon";
+export * from "./ProjectIcon/ProjectIcon";
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './IssueTypeIcon';\nexport * from './PortfolioIcon/PortfolioIcon';\nexport * from './ProjectIcon/ProjectIcon';\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Field } from '@yandex-data-ui/tracker-pub-api-types';
+import type { FieldsSelectProps } from '~/src/components/FieldsSelect';
+import type { TrackerSelectItemValueBase } from '~/src/components/TrackerSelect';
+export type PluginFieldsSelectField = {
+    id: string;
+    name: string;
+    category: TrackerSelectItemValueBase;
+} & Partial<Omit<Field, 'category' | 'name'>>;
+export type PluginFieldsSelectProps = {
+    fields: PluginFieldsSelectField[];
+} & Omit<FieldsSelectProps, 'groups'>;
+export declare const PluginFieldsSelect: ({ fields, ...fieldsSelectProps }: PluginFieldsSelectProps) => React.JSX.Element;

package/build/esm/components/PluginFieldsSelect/PluginFieldsSelect.js

@@ -0,0 +1,42 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["fields"];
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.for-each.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.values.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import React, { useMemo } from 'react';
+import { FieldsSelect } from "./../FieldsSelect";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PluginFieldsSelect = function PluginFieldsSelect(_ref) {
+  var fields = _ref.fields,
+    fieldsSelectProps = _objectWithoutProperties(_ref, _excluded);
+  var groups = useMemo(function () {
+    var categories = {};
+    if (fields && fields.length > 0) {
+      fields.forEach(function (field) {
+        var _field$category, _field$category2;
+        var categoryId = String((_field$category = field.category) === null || _field$category === void 0 ? void 0 : _field$category.id);
+        if ((_field$category2 = field.category) !== null && _field$category2 !== void 0 && _field$category2.id) {
+          var _field$category3;
+          categories[categoryId] = categories[categoryId] || _objectSpread(_objectSpread({}, field.category), {}, {
+            name: (_field$category3 = field.category) === null || _field$category3 === void 0 ? void 0 : _field$category3.display,
+            collapsible: true,
+            items: {}
+          });
+          categories[categoryId].items[field.id] = _objectSpread(_objectSpread({}, field), {}, {
+            display: String(field.name)
+          });
+        }
+      });
+    }
+    return Object.values(categories);
+  }, [fields]);
+  return /*#__PURE__*/_jsx(FieldsSelect, _objectSpread({
+    groups: groups
+  }, fieldsSelectProps));
+};
+// #sourceMappingURL=PluginFieldsSelect.js.map

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

@@ -0,0 +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 '@yandex-data-ui/tracker-pub-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":[]}