@talxis/base-controls 1.2604.2 → 1.2605.2-alpha

package/dist/components/TaskGrid/components/grid/lookup-many/components/multi-value-remove/styles.js

@@ -0,0 +1,28 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getMultiValueRemoveStyles = (theme, height) => {
+    return mergeStyleSets({
+        root: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginLeft: 2,
+            padding: 1,
+            cursor: 'pointer',
+            borderRadius: 2,
+            color: theme.palette.neutralSecondary,
+            height: height ?? 20,
+            width: 20,
+            ':hover': {
+                color: theme.palette.neutralPrimary,
+                backgroundColor: theme.palette.neutralLight,
+            },
+        },
+        icon: {
+            fontSize: 10,
+        },
+    });
+};
+
+export { getMultiValueRemoveStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/components/multi-value-remove/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/components/multi-value-remove/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from '@fluentui/react';\n\nexport const getMultiValueRemoveStyles = (theme: ITheme, height?: number) => {\n    return mergeStyleSets({\n        root: {\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            marginLeft: 2,\n            padding: 1,\n            cursor: 'pointer',\n            borderRadius: 2,\n            color: theme.palette.neutralSecondary,\n            height: height ?? 20,\n            width: 20,\n            ':hover': {\n                color: theme.palette.neutralPrimary,\n                backgroundColor: theme.palette.neutralLight,\n            },\n        },\n        icon: {\n            fontSize: 10,\n        },\n    });\n};\n"],"names":[],"mappings":";;MAEa,yBAAyB,GAAG,CAAC,KAAa,EAAE,MAAe,KAAI;AACxE,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;YACrC,MAAM,EAAE,MAAM,IAAI,EAAE;AACpB,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,QAAQ,EAAE;AACN,gBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;AACnC,gBAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;AAC9C,aAAA;AACJ,SAAA;AACD,QAAA,IAAI,EAAE;AACF,YAAA,QAAQ,EAAE,EAAE;AACf,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/context.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ILookupManyProps } from "./LookupMany";
+export declare const LookupManyPropsContext: React.Context<ILookupManyProps>;
+export declare const useLookupManyProps: () => ILookupManyProps;

package/dist/components/TaskGrid/components/grid/lookup-many/context.js

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+const LookupManyPropsContext = React__default.createContext(null);
+const useLookupManyProps = () => {
+    return React__default.useContext(LookupManyPropsContext);
+};
+
+export { LookupManyPropsContext, useLookupManyProps };
+//# sourceMappingURL=context.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../src/components/TaskGrid/components/grid/lookup-many/context.ts"],"sourcesContent":["import React from \"react\";\nimport { ILookupManyProps } from \"./LookupMany\";\n\nexport const LookupManyPropsContext = React.createContext<ILookupManyProps>(null as any);\n\nexport const useLookupManyProps = () => {\n    return React.useContext(LookupManyPropsContext);\n}   "],"names":["React"],"mappings":";;AAGa,MAAA,sBAAsB,GAAGA,cAAK,CAAC,aAAa,CAAmB,IAAW,EAAE;AAElF,MAAM,kBAAkB,GAAG,MAAK;AACnC,IAAA,OAAOA,cAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;AACpD;;;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/index.d.ts

@@ -0,0 +1,4 @@
+export * from './LookupMany';
+export * from './people-lookup-many';
+export * from './colorful-lookup-many';
+export * from 'react-select';

package/dist/components/TaskGrid/components/grid/lookup-many/index.js

@@ -0,0 +1,5 @@
+export { LookupMany } from './LookupMany.js';
+export * from 'react-select';
+export { PeopleLookupMany } from './people-lookup-many/PeopleLookupMany.js';
+export { ColorfulLookupMany } from './colorful-lookup-many/ColorfulLookupMany.js';
+//# sourceMappingURL=index.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/PeopleLookupMany.d.ts

@@ -0,0 +1,5 @@
+import { ILookupManyProps } from "../LookupMany";
+export interface IPeopleLookupManyProps extends ILookupManyProps {
+    imageUrlPropertyName?: string;
+}
+export declare const PeopleLookupMany: (props: IPeopleLookupManyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/PeopleLookupMany.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { LookupMany } from '../LookupMany.js';
+import { DEFAULT_PEOPLE_LOOKUP_MANY_COMPONENTS } from './components/index.js';
+import { PeopleLookupManyPropsContext } from './context.js';
+
+const PeopleLookupMany = (props) => {
+    const components = { ...DEFAULT_PEOPLE_LOOKUP_MANY_COMPONENTS, ...props.components };
+    return jsx(PeopleLookupManyPropsContext.Provider, { value: props, children: jsx(LookupMany, { ...props, selectedRecordHeight: props.selectedRecordHeight ?? 28, components: components }) });
+};
+
+export { PeopleLookupMany };
+//# sourceMappingURL=PeopleLookupMany.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/PeopleLookupMany.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeopleLookupMany.js","sources":["../../../../../../../src/components/TaskGrid/components/grid/lookup-many/people-lookup-many/PeopleLookupMany.tsx"],"sourcesContent":["import { ILookupManyProps, LookupMany } from \"../LookupMany\";\nimport { DEFAULT_PEOPLE_LOOKUP_MANY_COMPONENTS } from \"./components\";\nimport { PeopleLookupManyPropsContext } from \"./context\";\n\nexport interface IPeopleLookupManyProps extends ILookupManyProps {\n    imageUrlPropertyName?: string\n}\n\nexport const PeopleLookupMany = (props: IPeopleLookupManyProps) => {\n    const components = { ...DEFAULT_PEOPLE_LOOKUP_MANY_COMPONENTS, ...props.components };\n    return <PeopleLookupManyPropsContext.Provider value={props}>\n        <LookupMany\n            {...props}\n            selectedRecordHeight={props.selectedRecordHeight ?? 28}\n            components={components}\n        />\n    </PeopleLookupManyPropsContext.Provider>\n}"],"names":["_jsx"],"mappings":";;;;;AAQa,MAAA,gBAAgB,GAAG,CAAC,KAA6B,KAAI;IAC9D,MAAM,UAAU,GAAG,EAAE,GAAG,qCAAqC,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;IACrF,OAAOA,GAAA,CAAC,4BAA4B,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACtDA,GAAC,CAAA,UAAU,EACH,EAAA,GAAA,KAAK,EACT,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,IAAI,EAAE,EACtD,UAAU,EAAE,UAAU,EACxB,CAAA,EAAA,CACkC,CAAA;AAC5C;;;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/index.d.ts

@@ -0,0 +1,2 @@
+import { ILookupManyComponents } from "../../components";
+export declare const DEFAULT_PEOPLE_LOOKUP_MANY_COMPONENTS: ILookupManyComponents;

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/index.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { LookupManyComponents } from '../../components/index.js';
+import { MultiValueLabel } from './multi-value-label/MultiValueLabel.js';
+import { Option } from './option/Option.js';
+
+const DEFAULT_PEOPLE_LOOKUP_MANY_COMPONENTS = {
+    ...LookupManyComponents,
+    onRenderMultiValueLabel: (props) => jsx(MultiValueLabel, { ...props }),
+    onRenderOption: (props) => jsx(Option, { ...props })
+};
+
+export { DEFAULT_PEOPLE_LOOKUP_MANY_COMPONENTS };
+//# sourceMappingURL=index.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/index.tsx"],"sourcesContent":["import { ILookupManyComponents, LookupManyComponents } from \"../../components\";\nimport { MultiValueLabel } from \"./multi-value-label\";\nimport { Option } from \"./option\";\n\nexport const DEFAULT_PEOPLE_LOOKUP_MANY_COMPONENTS: ILookupManyComponents = {\n    ...LookupManyComponents ,\n    onRenderMultiValueLabel: (props) => <MultiValueLabel {...props} />,\n    onRenderOption: (props) => <Option {...props} />\n}"],"names":["_jsx"],"mappings":";;;;;AAIa,MAAA,qCAAqC,GAA0B;AACxE,IAAA,GAAG,oBAAoB;IACvB,uBAAuB,EAAE,CAAC,KAAK,KAAKA,GAAC,CAAA,eAAe,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA;IAClE,cAAc,EAAE,CAAC,KAAK,KAAKA,GAAC,CAAA,MAAM,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA;;;;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/MultiValueLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="@types/powerapps-component-framework" />
+import { MultiValueGenericProps } from 'react-select';
+export declare const MultiValueLabel: (props: MultiValueGenericProps<ComponentFramework.EntityReference, boolean, any>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/MultiValueLabel.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { TooltipHost, Persona, PersonaSize } from '@fluentui/react';
+import { getMultiValueLabelStyles } from './styles.js';
+import { usePeopleLookupManyProps } from '../../context.js';
+import { MultiValueLabel as MultiValueLabel$1 } from '../../../components/multi-value-label/MultiValueLabel.js';
+
+const MultiValueLabel = (props) => {
+    const styles = React.useMemo(() => getMultiValueLabelStyles(), []);
+    const { imageUrlPropertyName = 'imageurl' } = usePeopleLookupManyProps();
+    const imageUrl = props.data.rawData?.[imageUrlPropertyName] ?? undefined;
+    const persona = (jsx(TooltipHost, { content: props.data.name, children: jsx(Persona, { text: props.data.name, size: PersonaSize.size24, imageUrl: imageUrl, hidePersonaDetails: true, styles: { root: styles.persona } }) }));
+    return jsx(MultiValueLabel$1, { ...props, children: persona });
+};
+
+export { MultiValueLabel };
+//# sourceMappingURL=MultiValueLabel.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/MultiValueLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiValueLabel.js","sources":["../../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/MultiValueLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Persona, PersonaSize, TooltipHost } from '@fluentui/react';\nimport { MultiValueGenericProps } from 'react-select';\nimport { getMultiValueLabelStyles } from './styles';\nimport { usePeopleLookupManyProps } from '../../context';\nimport { MultiValueLabel as MultiValueLabelBase } from '../../../components/multi-value-label';\n\nexport const MultiValueLabel = (props: MultiValueGenericProps<ComponentFramework.EntityReference, boolean, any>) => {\n    const styles = React.useMemo(() => getMultiValueLabelStyles(), []);\n    const {imageUrlPropertyName = 'imageurl'} = usePeopleLookupManyProps();\n    const imageUrl = (props.data as any).rawData?.[imageUrlPropertyName] ?? undefined;\n\n    const persona = (\n        <TooltipHost content={props.data.name}>\n            <Persona\n                text={props.data.name}\n                size={PersonaSize.size24}\n                imageUrl={imageUrl}\n                hidePersonaDetails\n                styles={{ root: styles.persona }}\n            />\n        </TooltipHost>\n    );\n\n    return <MultiValueLabelBase {...props}>\n        {persona}\n    </MultiValueLabelBase>\n};\n"],"names":["_jsx","MultiValueLabelBase"],"mappings":";;;;;;;AAOa,MAAA,eAAe,GAAG,CAAC,KAA+E,KAAI;AAC/G,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,wBAAwB,EAAE,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,EAAC,oBAAoB,GAAG,UAAU,EAAC,GAAG,wBAAwB,EAAE,CAAC;AACvE,IAAA,MAAM,QAAQ,GAAI,KAAK,CAAC,IAAY,CAAC,OAAO,GAAG,oBAAoB,CAAC,IAAI,SAAS,CAAC;IAElF,MAAM,OAAO,IACTA,GAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAA,QAAA,EACjCA,IAAC,OAAO,EAAA,EACJ,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,IAAI,EAAE,WAAW,CAAC,MAAM,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAA,IAAA,EAClB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,EAAA,CAClC,EACQ,CAAA,CACjB,CAAC;AAEF,IAAA,OAAOA,IAACC,iBAAmB,EAAA,EAAA,GAAK,KAAK,EAChC,QAAA,EAAA,OAAO,GACU,CAAA;AAC1B;;;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/index.d.ts

@@ -0,0 +1 @@
+export * from './MultiValueLabel';

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/index.js

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

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const getMultiValueLabelStyles: () => {
+    persona: {
+        margin: number;
+    };
+};

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/styles.js

@@ -0,0 +1,6 @@
+const getMultiValueLabelStyles = () => ({
+    persona: { margin: 0 }
+});
+
+export { getMultiValueLabelStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-label/styles.ts"],"sourcesContent":["export const getMultiValueLabelStyles = () => ({\n    persona: { margin: 0 }\n});\n"],"names":[],"mappings":"AAAa,MAAA,wBAAwB,GAAG,OAAO;AAC3C,IAAA,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;AACzB,CAAA;;;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/Option.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="@types/powerapps-component-framework" />
+import { OptionProps } from 'react-select';
+export declare const Option: (props: OptionProps<ComponentFramework.EntityReference, boolean, any>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/Option.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { components } from 'react-select';
+import { Persona, PersonaSize } from '@fluentui/react';
+import { usePeopleLookupManyProps } from '../../context.js';
+import { getOptionStyles } from './styles.js';
+
+const Option = (props) => {
+    const { imageUrlPropertyName = 'imageurl' } = usePeopleLookupManyProps();
+    const styles = React.useMemo(() => getOptionStyles(), []);
+    const imageUrl = props.data.rawData?.[imageUrlPropertyName] ?? undefined;
+    return (jsx(components.Option, { ...props, children: jsxs("div", { style: styles.container, children: [jsx(Persona, { text: props.data.name, size: PersonaSize.size32, imageUrl: imageUrl, hidePersonaDetails: true, styles: { root: styles.persona } }), props.children] }) }));
+};
+
+export { Option };
+//# sourceMappingURL=Option.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sources":["../../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/Option.tsx"],"sourcesContent":["import * as React from 'react';\nimport { components, OptionProps } from 'react-select';\nimport { Persona, PersonaSize } from '@fluentui/react';\nimport { usePeopleLookupManyProps } from '../../context';\nimport { getOptionStyles } from './styles';\n\nexport const Option = (props: OptionProps<ComponentFramework.EntityReference, boolean, any>) => {\n    const { imageUrlPropertyName = 'imageurl' } = usePeopleLookupManyProps();\n    const styles = React.useMemo(() => getOptionStyles(), []);\n    const imageUrl = (props.data as any).rawData?.[imageUrlPropertyName] ?? undefined;\n\n    return (\n        <components.Option {...props}>\n            <div style={styles.container}>\n                <Persona\n                    text={props.data.name}\n                    size={PersonaSize.size32}\n                    imageUrl={imageUrl}\n                    hidePersonaDetails\n                    styles={{ root: styles.persona }}\n                />\n                {props.children}\n            </div>\n        </components.Option>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAMa,MAAA,MAAM,GAAG,CAAC,KAAoE,KAAI;IAC3F,MAAM,EAAE,oBAAoB,GAAG,UAAU,EAAE,GAAG,wBAAwB,EAAE,CAAC;AACzE,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;AAC1D,IAAA,MAAM,QAAQ,GAAI,KAAK,CAAC,IAAY,CAAC,OAAO,GAAG,oBAAoB,CAAC,IAAI,SAAS,CAAC;IAElF,QACIA,GAAC,CAAA,UAAU,CAAC,MAAM,OAAK,KAAK,EAAA,QAAA,EACxBC,IAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAA,CACxBD,GAAC,CAAA,OAAO,EACJ,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,IAAI,EAAE,WAAW,CAAC,MAAM,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAA,IAAA,EAClB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,EAClC,CAAA,EACD,KAAK,CAAC,QAAQ,CAAA,EAAA,CACb,EACU,CAAA,EACtB;AACN;;;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/index.d.ts

@@ -0,0 +1 @@
+export * from './Option';

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/index.js

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

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const getOptionStyles: () => {
+    container: {
+        display: string;
+        alignItems: string;
+        gap: number;
+    };
+    persona: {
+        margin: number;
+    };
+};

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/styles.js

@@ -0,0 +1,11 @@
+const getOptionStyles = () => ({
+    container: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 8
+    },
+    persona: { margin: 0 }
+});
+
+export { getOptionStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/option/styles.ts"],"sourcesContent":["export const getOptionStyles = () => ({\n    container: {\n        display: 'flex',\n        alignItems: 'center',\n        gap: 8\n    },\n    persona: { margin: 0 }\n});\n"],"names":[],"mappings":"AAAa,MAAA,eAAe,GAAG,OAAO;AAClC,IAAA,SAAS,EAAE;AACP,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,GAAG,EAAE,CAAC;AACT,KAAA;AACD,IAAA,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;AACzB,CAAA;;;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/context.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IPeopleLookupManyProps } from "./PeopleLookupMany";
+export declare const PeopleLookupManyPropsContext: React.Context<IPeopleLookupManyProps>;
+export declare const usePeopleLookupManyProps: () => IPeopleLookupManyProps;

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/context.js

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+const PeopleLookupManyPropsContext = React__default.createContext(null);
+const usePeopleLookupManyProps = () => {
+    return React__default.useContext(PeopleLookupManyPropsContext);
+};
+
+export { PeopleLookupManyPropsContext, usePeopleLookupManyProps };
+//# sourceMappingURL=context.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../../src/components/TaskGrid/components/grid/lookup-many/people-lookup-many/context.ts"],"sourcesContent":["import React from \"react\";\nimport { IPeopleLookupManyProps } from \"./PeopleLookupMany\";\n\nexport const PeopleLookupManyPropsContext = React.createContext<IPeopleLookupManyProps>(null as any);\n\nexport const usePeopleLookupManyProps = () => {\n    return React.useContext(PeopleLookupManyPropsContext);\n}"],"names":["React"],"mappings":";;AAGa,MAAA,4BAA4B,GAAGA,cAAK,CAAC,aAAa,CAAyB,IAAW,EAAE;AAE9F,MAAM,wBAAwB,GAAG,MAAK;AACzC,IAAA,OAAOA,cAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC;AAC1D;;;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/index.d.ts

@@ -0,0 +1 @@
+export * from './PeopleLookupMany';

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/index.js

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

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/TaskGrid/components/grid/multi-record-selector/MultiRecordSelector.d.ts

@@ -6,6 +6,7 @@ interface IMultiRecordSelectorProps {
     dataProvider: IDataProvider;
     container: HTMLElement;
     selectedRecords?: ComponentFramework.EntityReference[];
+    onNavigate?: (record: ComponentFramework.EntityReference) => void;
     onGetRef?: (ref: IMultRecordSelectorRef) => void;
     onMenuToggle?: (isOpen: boolean) => void;
     onOverrideComponentProps?: (props: AsyncProps<ComponentFramework.EntityReference, boolean, any>) => AsyncProps<ComponentFramework.EntityReference, boolean, any>;

package/dist/components/TaskGrid/components/grid/multi-record-selector/MultiRecordSelector.js

@@ -1,13 +1,21 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
+import { createElement } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import AsyncSelect from 'react-select/async';
 import { useLocalizationService } from '../../../context.js';
+import { MultiValueContainer } from './components/multi-value-container/MultiValueContainer.js';
+import { MultiValueRemove } from './components/multi-value-remove/MultiValueRemove.js';
+import { MultiValueLabel } from './components/multi-value-label/MultiValueLabel.js';
+import { getMultiRecordSelectorStyles } from './styles.js';
 
 const MultiRecordSelector = (props) => {
     const { dataProvider, onSelectionChange, selectedRecords = [], container } = props;
     const localizationService = useLocalizationService();
     const onOverrideComponentProps = props.onOverrideComponentProps ?? ((p) => p);
     const ref = React.useRef(null);
+    const [renderKey, setRenderKey] = React.useState(0);
+    const isFirstRenderRef = React.useRef(true);
+    const [defaultOptions, setDefaultOptions] = React.useState(false);
     const onLoadOptions = async (inputValue) => {
         dataProvider.setSearchQuery(inputValue);
         const records = await dataProvider.refresh();
@@ -34,6 +42,10 @@ const MultiRecordSelector = (props) => {
     const onMenuOpen = (isOpen) => {
         props.onMenuToggle?.(isOpen);
         const controlElement = ref.current?.controlRef;
+        if (isOpen && !defaultOptions) {
+            setDefaultOptions(true);
+            setRenderKey(prev => prev + 1);
+        }
         if (isOpen && controlElement) {
             setTimeout(() => {
                 controlElement.scrollTop = controlElement.scrollHeight;
@@ -46,6 +58,12 @@ const MultiRecordSelector = (props) => {
             container.removeEventListener('dblclick', openMenu);
         };
     }, []);
+    React.useEffect(() => {
+        if (!isFirstRenderRef.current) {
+            ref.current?.openMenu('first');
+        }
+        isFirstRenderRef.current = false;
+    }, [renderKey]);
     props.onGetRef?.({ openMenu });
     const componentProps = onOverrideComponentProps({
         isMulti: true,
@@ -59,6 +77,7 @@ const MultiRecordSelector = (props) => {
         menuPlacement: 'auto',
         isClearable: false,
         menuShouldScrollIntoView: false,
+        defaultOptions: defaultOptions,
         noOptionsMessage: () => localizationService.getLocalizedString('noRecordsFound'),
         loadingMessage: () => localizationService.getLocalizedString('loading'),
         getOptionValue: (record) => record.id.guid,
@@ -67,25 +86,19 @@ const MultiRecordSelector = (props) => {
         onMenuOpen: () => onMenuOpen(true),
         onBlur: () => onMenuOpen(false),
         loadOptions: onLoadOptions,
-        styles: {
-            control: (base) => {
-                return {
-                    ...base,
-                    maxHeight: 200,
-                    overflow: 'auto',
-                    border: 'none',
-                    background: 'none',
-                    boxShadow: 'none',
-                };
-            },
-        },
+        onNavigate: props.onNavigate,
+        styles: getMultiRecordSelectorStyles(),
         components: {
             IndicatorSeparator: () => jsx(Fragment, {}),
             DropdownIndicator: () => jsx(Fragment, {}),
             LoadingIndicator: () => jsx(Fragment, {}),
+            MultiValueContainer: MultiValueContainer,
+            MultiValueRemove: MultiValueRemove,
+            MultiValueLabel: MultiValueLabel,
+            //Option: Option,
         },
     });
-    return jsx(AsyncSelect, { ...componentProps });
+    return jsx(React.Fragment, { children: createElement(AsyncSelect, { ...componentProps, key: renderKey }) }, renderKey);
 };
 
 export { MultiRecordSelector };

package/dist/components/TaskGrid/components/grid/multi-record-selector/MultiRecordSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiRecordSelector.js","sources":["../../../../../../src/components/TaskGrid/components/grid/multi-record-selector/MultiRecordSelector.tsx"],"sourcesContent":["import { IDataProvider } from '@talxis/client-libraries';\nimport * as React from 'react';\nimport { SelectInstance } from 'react-select';\nimport AsyncSelect from 'react-select/async';\nimport { AsyncProps } from 'react-select/dist/declarations/src/useAsync';\nimport { useLocalizationService } from '../../../context';\n\ninterface IMultiRecordSelectorProps {\n    onSelectionChange: (selectedRecords: ComponentFramework.EntityReference[]) => void;\n    dataProvider: IDataProvider;\n    container: HTMLElement;\n    selectedRecords?: ComponentFramework.EntityReference[];\n    onGetRef?: (ref: IMultRecordSelectorRef) => void;\n    onMenuToggle?: (isOpen: boolean) => void;\n    onOverrideComponentProps?: (props: AsyncProps<ComponentFramework.EntityReference, boolean, any>) => AsyncProps<ComponentFramework.EntityReference, boolean, any>;\n}\n\nexport interface IMultRecordSelectorRef {\n    openMenu: () => void;\n}\n\nexport const MultiRecordSelector = (props: IMultiRecordSelectorProps) => {\n    const { dataProvider, onSelectionChange, selectedRecords = [], container } = props;\n    const localizationService = useLocalizationService();\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((p) => p);\n    const ref = React.useRef<SelectInstance>(null);\n\n    const onLoadOptions = async (inputValue: string): Promise<ComponentFramework.EntityReference[]> => {\n        dataProvider.setSearchQuery(inputValue);\n        const records = await dataProvider.refresh();\n        return records.map(record => {\n            return {\n                ...record.getNamedReference(),\n                rawData: record.getRawData()\n            }\n        })\n    }\n\n    const openMenu = React.useCallback(() => {\n        if (!componentProps.isDisabled) {\n            ref.current?.focusInput();\n            ref.current?.openMenu('first')\n        }\n    }, []);\n\n    const onKeyDown = (event: React.KeyboardEvent) => {\n        switch (event.key) {\n            case 'Enter': {\n                ref.current?.openMenu('first');\n            }\n        }\n    }\n\n    const onMenuOpen = (isOpen: boolean) => {\n        props.onMenuToggle?.(isOpen);\n        const controlElement = ref.current?.controlRef;\n        if (isOpen && controlElement) {\n            setTimeout(() => {\n                controlElement.scrollTop = controlElement.scrollHeight;\n            }, 0);\n        }\n    }\n\n    React.useEffect(() => {\n        container.addEventListener('dblclick', openMenu);\n        return () => {\n            container.removeEventListener('dblclick', openMenu);\n        }\n    }, []);\n\n    props.onGetRef?.({ openMenu });\n    const componentProps = onOverrideComponentProps({\n        isMulti: true,\n        //@ts-ignore - typings\n        ref: ref,\n        menuPortalTarget: document.body,\n        onKeyDown: onKeyDown,\n        openMenuOnClick: false,\n        placeholder: '',\n        value: selectedRecords,\n        menuPlacement: 'auto',\n        isClearable: false,\n        menuShouldScrollIntoView: false,\n        noOptionsMessage: () => localizationService.getLocalizedString('noRecordsFound'),\n        loadingMessage: () => localizationService.getLocalizedString('loading'),\n        getOptionValue: (record) => record.id.guid,\n        getOptionLabel: (record) => record.name,\n        onChange: (selectedRecords) => onSelectionChange(selectedRecords as ComponentFramework.EntityReference[]),\n        onMenuOpen: () => onMenuOpen(true),\n        onBlur: () => onMenuOpen(false),\n        loadOptions: onLoadOptions,\n        styles: {\n            control: (base) => {\n                return {\n                    ...base,\n                    maxHeight: 200,\n                    overflow: 'auto',\n                    border: 'none',\n                    background: 'none',\n                    boxShadow: 'none',\n                }\n            },\n        },\n        components: {\n            IndicatorSeparator: () => <></>,\n            DropdownIndicator: () => <></>,\n            LoadingIndicator: () => <></>,\n        },\n    })\n\n    return <AsyncSelect {...componentProps} />\n}"],"names":["_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"MultiRecordSelector.js","sources":["../../../../../../src/components/TaskGrid/components/grid/multi-record-selector/MultiRecordSelector.tsx"],"sourcesContent":["import { IDataProvider } from '@talxis/client-libraries';\nimport * as React from 'react';\nimport { SelectInstance } from 'react-select';\nimport AsyncSelect from 'react-select/async';\nimport { AsyncProps } from 'react-select/dist/declarations/src/useAsync';\nimport { useLocalizationService } from '../../../context';\nimport { MultiValueContainer } from './components/multi-value-container/MultiValueContainer';\nimport { MultiValueRemove } from './components/multi-value-remove/MultiValueRemove';\nimport { MultiValueLabel } from './components/multi-value-label/MultiValueLabel';\nimport { getMultiRecordSelectorStyles } from './styles';\n\ninterface IMultiRecordSelectorProps {\n    onSelectionChange: (selectedRecords: ComponentFramework.EntityReference[]) => void;\n    dataProvider: IDataProvider;\n    container: HTMLElement;\n    selectedRecords?: ComponentFramework.EntityReference[];\n    onNavigate?: (record: ComponentFramework.EntityReference) => void;\n    onGetRef?: (ref: IMultRecordSelectorRef) => void;\n    onMenuToggle?: (isOpen: boolean) => void;\n    onOverrideComponentProps?: (props: AsyncProps<ComponentFramework.EntityReference, boolean, any>) => AsyncProps<ComponentFramework.EntityReference, boolean, any>;\n}\n\nexport interface IMultRecordSelectorRef {\n    openMenu: () => void;\n}\n\nexport const MultiRecordSelector = (props: IMultiRecordSelectorProps) => {\n    const { dataProvider, onSelectionChange, selectedRecords = [], container } = props;\n    const localizationService = useLocalizationService();\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((p) => p);\n    const ref = React.useRef<SelectInstance>(null);\n    const [renderKey, setRenderKey] = React.useState(0);\n    const isFirstRenderRef = React.useRef(true);\n    const [defaultOptions, setDefaultOptions] = React.useState<boolean>(false);\n\n    const onLoadOptions = async (inputValue: string): Promise<ComponentFramework.EntityReference[]> => {\n        dataProvider.setSearchQuery(inputValue);\n        const records = await dataProvider.refresh();\n        return records.map(record => {\n            return {\n                ...record.getNamedReference(),\n                rawData: record.getRawData()\n            }\n        })\n    }\n\n    const openMenu = React.useCallback(() => {\n        if (!componentProps.isDisabled) {\n            ref.current?.focusInput();\n            ref.current?.openMenu('first')\n        }\n    }, []);\n\n    const onKeyDown = (event: React.KeyboardEvent) => {\n        switch (event.key) {\n            case 'Enter': {\n                ref.current?.openMenu('first');\n            }\n        }\n    }\n\n    const onMenuOpen = (isOpen: boolean) => {\n        props.onMenuToggle?.(isOpen);\n        const controlElement = ref.current?.controlRef;\n        if(isOpen && !defaultOptions) {\n            setDefaultOptions(true);\n            setRenderKey(prev => prev + 1);\n        }\n        if (isOpen && controlElement) {\n            setTimeout(() => {\n                controlElement.scrollTop = controlElement.scrollHeight;\n            }, 0);\n        }\n    }\n\n    React.useEffect(() => {\n        container.addEventListener('dblclick', openMenu);\n        return () => {\n            container.removeEventListener('dblclick', openMenu);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        if (!isFirstRenderRef.current) {\n            ref.current?.openMenu('first');\n        }\n        isFirstRenderRef.current = false;\n    }, [renderKey]);\n\n\n    props.onGetRef?.({ openMenu });\n    const componentProps = onOverrideComponentProps({\n        isMulti: true,\n        //@ts-ignore - typings\n        ref: ref,\n        menuPortalTarget: document.body,\n        onKeyDown: onKeyDown,\n        openMenuOnClick: false,\n        placeholder: '',\n        value: selectedRecords,\n        menuPlacement: 'auto',\n        isClearable: false,\n        menuShouldScrollIntoView: false,\n        defaultOptions: defaultOptions,\n        noOptionsMessage: () => localizationService.getLocalizedString('noRecordsFound'),\n        loadingMessage: () => localizationService.getLocalizedString('loading'),\n        getOptionValue: (record) => record.id.guid,\n        getOptionLabel: (record) => record.name,\n        onChange: (selectedRecords) => onSelectionChange(selectedRecords as ComponentFramework.EntityReference[]),\n        onMenuOpen: () => onMenuOpen(true),\n        onBlur: () => onMenuOpen(false),\n        loadOptions: onLoadOptions,\n        onNavigate: props.onNavigate,\n        styles: getMultiRecordSelectorStyles(),\n        components: {\n            IndicatorSeparator: () => <></>,\n            DropdownIndicator: () => <></>,\n            LoadingIndicator: () => <></>,\n            MultiValueContainer: MultiValueContainer,\n            MultiValueRemove: MultiValueRemove,\n            MultiValueLabel: MultiValueLabel,\n            //Option: Option,\n        },\n    })\n    return <React.Fragment key={renderKey}>\n        <AsyncSelect {...componentProps} key={renderKey} />\n    </React.Fragment>\n}"],"names":["_jsx","_Fragment","_createElement"],"mappings":";;;;;;;;;;AA0Ba,MAAA,mBAAmB,GAAG,CAAC,KAAgC,KAAI;AACpE,IAAA,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,eAAe,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AACnF,IAAA,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;AACrD,IAAA,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9E,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC/C,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC5C,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;AAE3E,IAAA,MAAM,aAAa,GAAG,OAAO,UAAkB,KAAmD;AAC9F,QAAA,YAAY,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AACxC,QAAA,MAAM,OAAO,GAAG,MAAM,YAAY,CAAC,OAAO,EAAE,CAAC;AAC7C,QAAA,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,IAAG;YACxB,OAAO;gBACH,GAAG,MAAM,CAAC,iBAAiB,EAAE;AAC7B,gBAAA,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE;aAC/B,CAAA;AACL,SAAC,CAAC,CAAA;AACN,KAAC,CAAA;AAED,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,MAAK;AACpC,QAAA,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;AAC5B,YAAA,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;AAC1B,YAAA,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;AACjC,SAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,SAAS,GAAG,CAAC,KAA0B,KAAI;QAC7C,QAAQ,KAAK,CAAC,GAAG;YACb,KAAK,OAAO,EAAE;AACV,gBAAA,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;AAClC,aAAA;AACJ,SAAA;AACL,KAAC,CAAA;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,MAAe,KAAI;AACnC,QAAA,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC,CAAC;AAC7B,QAAA,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;AAC/C,QAAA,IAAG,MAAM,IAAI,CAAC,cAAc,EAAE;YAC1B,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACxB,YAAY,CAAC,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC;AAClC,SAAA;QACD,IAAI,MAAM,IAAI,cAAc,EAAE;YAC1B,UAAU,CAAC,MAAK;AACZ,gBAAA,cAAc,CAAC,SAAS,GAAG,cAAc,CAAC,YAAY,CAAC;aAC1D,EAAE,CAAC,CAAC,CAAC;AACT,SAAA;AACL,KAAC,CAAA;AAED,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,SAAS,CAAC,gBAAgB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACjD,QAAA,OAAO,MAAK;AACR,YAAA,SAAS,CAAC,mBAAmB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACxD,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;AAC3B,YAAA,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;AAClC,SAAA;AACD,QAAA,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;AACrC,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAGhB,KAAK,CAAC,QAAQ,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/B,MAAM,cAAc,GAAG,wBAAwB,CAAC;AAC5C,QAAA,OAAO,EAAE,IAAI;;AAEb,QAAA,GAAG,EAAE,GAAG;QACR,gBAAgB,EAAE,QAAQ,CAAC,IAAI;AAC/B,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,eAAe,EAAE,KAAK;AACtB,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,WAAW,EAAE,KAAK;AAClB,QAAA,wBAAwB,EAAE,KAAK;AAC/B,QAAA,cAAc,EAAE,cAAc;QAC9B,gBAAgB,EAAE,MAAM,mBAAmB,CAAC,kBAAkB,CAAC,gBAAgB,CAAC;QAChF,cAAc,EAAE,MAAM,mBAAmB,CAAC,kBAAkB,CAAC,SAAS,CAAC;QACvE,cAAc,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CAAC,IAAI;QAC1C,cAAc,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI;QACvC,QAAQ,EAAE,CAAC,eAAe,KAAK,iBAAiB,CAAC,eAAuD,CAAC;AACzG,QAAA,UAAU,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC;AAClC,QAAA,MAAM,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC;AAC/B,QAAA,WAAW,EAAE,aAAa;QAC1B,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,MAAM,EAAE,4BAA4B,EAAE;AACtC,QAAA,UAAU,EAAE;AACR,YAAA,kBAAkB,EAAE,MAAMA,GAAK,CAAAC,QAAA,EAAA,EAAA,CAAA;AAC/B,YAAA,iBAAiB,EAAE,MAAMD,GAAK,CAAAC,QAAA,EAAA,EAAA,CAAA;AAC9B,YAAA,gBAAgB,EAAE,MAAMD,GAAK,CAAAC,QAAA,EAAA,EAAA,CAAA;AAC7B,YAAA,mBAAmB,EAAE,mBAAmB;AACxC,YAAA,gBAAgB,EAAE,gBAAgB;AAClC,YAAA,eAAe,EAAE,eAAe;;AAEnC,SAAA;AACJ,KAAA,CAAC,CAAA;AACF,IAAA,OAAOD,IAAC,KAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAClBE,cAAC,WAAW,EAAA,EAAA,GAAK,cAAc,EAAE,GAAG,EAAE,SAAS,GAAI,EAD3B,EAAA,SAAS,CAEpB,CAAA;AACrB;;;;"}

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-container/MultiValueContainer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="@types/powerapps-component-framework" />
+import { MultiValueGenericProps } from 'react-select';
+export declare const MultiValueContainer: ({ children, innerProps, selectProps }: MultiValueGenericProps<ComponentFramework.EntityReference, boolean, any>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-container/MultiValueContainer.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTheme } from '@fluentui/react';
+import { getMultiValueContainerStyles } from './styles.js';
+
+const MultiValueContainer = ({ children, innerProps, selectProps }) => {
+    const theme = useTheme();
+    const styles = React.useMemo(() => getMultiValueContainerStyles(theme, selectProps.isDisabled), [theme, selectProps.isDisabled]);
+    return (jsx("div", { ...innerProps, className: styles.root, children: children }));
+};
+
+export { MultiValueContainer };
+//# sourceMappingURL=MultiValueContainer.js.map

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-container/MultiValueContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiValueContainer.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-container/MultiValueContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTheme } from '@fluentui/react';\nimport { MultiValueGenericProps } from 'react-select';\nimport { getMultiValueContainerStyles } from './styles';\n\nexport const MultiValueContainer = ({ children, innerProps, selectProps }: MultiValueGenericProps<ComponentFramework.EntityReference, boolean, any>) => {\n    const theme = useTheme();\n    const styles = React.useMemo(() => getMultiValueContainerStyles(theme, selectProps.isDisabled), [theme, selectProps.isDisabled]);\n    return (\n        <div {...innerProps} className={styles.root}>\n            {children}\n        </div>\n    );\n};"],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAA4E,KAAI;AACnJ,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,4BAA4B,CAAC,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;AACjI,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EACtC,QAAQ,EAAA,CACP,EACR;AACN;;;;"}

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-container/styles.d.ts

@@ -0,0 +1,18 @@
+import { ITheme } from '@fluentui/react';
+export declare const getMultiValueContainerStyles: (theme: ITheme, isDisabled?: boolean) => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        display: string;
+        alignItems: string;
+        backgroundColor: string;
+        border: string;
+        borderRadius: number;
+        margin: string;
+        padding: string;
+        paddingRight: number;
+        fontSize: number;
+        color: string;
+        maxWidth: number;
+        overflow: string;
+        height: number;
+    };
+}>;

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-container/styles.js

@@ -0,0 +1,24 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getMultiValueContainerStyles = (theme, isDisabled) => {
+    return mergeStyleSets({
+        root: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            backgroundColor: theme.palette.neutralLighter,
+            border: `1px solid ${theme.palette.neutralLight}`,
+            borderRadius: 2,
+            margin: '2px 4px 2px 0',
+            padding: '1px 4px',
+            paddingRight: isDisabled ? 4 : 0,
+            fontSize: 12,
+            color: theme.palette.neutralPrimary,
+            maxWidth: 200,
+            overflow: 'hidden',
+            height: 20
+        },
+    });
+};
+
+export { getMultiValueContainerStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-container/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-container/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from '@fluentui/react';\n\nexport const getMultiValueContainerStyles = (theme: ITheme, isDisabled?: boolean) => {\n    return mergeStyleSets({\n        root: {\n            display: 'inline-flex',\n            alignItems: 'center',\n            backgroundColor: theme.palette.neutralLighter,\n            border: `1px solid ${theme.palette.neutralLight}`,\n            borderRadius: 2,\n            margin: '2px 4px 2px 0',\n            padding: '1px 4px',\n            paddingRight: isDisabled ? 4 : 0,\n            fontSize: 12,\n            color: theme.palette.neutralPrimary,\n            maxWidth: 200,\n            overflow: 'hidden',\n            height: 20\n        },\n    });\n};\n"],"names":[],"mappings":";;MAEa,4BAA4B,GAAG,CAAC,KAAa,EAAE,UAAoB,KAAI;AAChF,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;AAC7C,YAAA,MAAM,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,OAAO,CAAC,YAAY,CAAE,CAAA;AACjD,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,MAAM,EAAE,eAAe;AACvB,YAAA,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,UAAU,GAAG,CAAC,GAAG,CAAC;AAChC,YAAA,QAAQ,EAAE,EAAE;AACZ,YAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;AACnC,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,MAAM,EAAE,EAAE;AACb,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-label/MultiValueLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="@types/powerapps-component-framework" />
+import { MultiValueGenericProps } from 'react-select';
+export declare const MultiValueLabel: ({ children, selectProps }: MultiValueGenericProps<ComponentFramework.EntityReference, boolean, any>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-label/MultiValueLabel.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Link } from '@fluentui/react';
+import { getMultiValueLabelStyles } from './styles.js';
+
+const MultiValueLabel = ({ children, selectProps }) => {
+    const styles = React.useMemo(() => getMultiValueLabelStyles(), []);
+    const { onNavigate } = selectProps;
+    if (onNavigate) {
+        return (jsx(Link, { styles: { root: styles.link }, onClick: (e) => {
+                e.preventDefault();
+                onNavigate();
+            }, children: children }));
+    }
+    return jsx("span", { className: styles.root, children: children });
+};
+
+export { MultiValueLabel };
+//# sourceMappingURL=MultiValueLabel.js.map

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-label/MultiValueLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiValueLabel.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-label/MultiValueLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Link } from '@fluentui/react';\nimport { MultiValueGenericProps } from 'react-select';\nimport { getMultiValueLabelStyles } from './styles';\n\nexport const MultiValueLabel = ({ children, selectProps }: MultiValueGenericProps<ComponentFramework.EntityReference, boolean, any>) => {\n    const styles = React.useMemo(() => getMultiValueLabelStyles(), []);\n    const { onNavigate } = selectProps as any;\n\n    if (onNavigate) {\n        return (\n            <Link\n                styles={{root: styles.link}}\n                onClick={(e) => {\n                    e.preventDefault();\n                    onNavigate();\n                }}\n            >\n                {children}\n            </Link>\n        );\n    }\n\n    return <span className={styles.root}>{children}</span>;\n};\n"],"names":["_jsx"],"mappings":";;;;;AAKa,MAAA,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAA4E,KAAI;AACnI,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,wBAAwB,EAAE,EAAE,EAAE,CAAC,CAAC;AACnE,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,WAAkB,CAAC;AAE1C,IAAA,IAAI,UAAU,EAAE;AACZ,QAAA,QACIA,GAAC,CAAA,IAAI,IACD,MAAM,EAAE,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAC,EAC3B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,gBAAA,UAAU,EAAE,CAAC;AACjB,aAAC,EAEA,QAAA,EAAA,QAAQ,EACN,CAAA,EACT;AACL,KAAA;IAED,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,CAAC;AAC3D;;;;"}

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-label/styles.d.ts

@@ -0,0 +1,12 @@
+export declare const getMultiValueLabelStyles: () => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        overflow: string;
+        textOverflow: string;
+        whiteSpace: string;
+        fontWeight: number;
+    };
+    link: {
+        fontWeight: number;
+        pointerEvents: string;
+    };
+}>;

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-label/styles.js

@@ -0,0 +1,19 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getMultiValueLabelStyles = () => {
+    return mergeStyleSets({
+        root: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            fontWeight: 600
+        },
+        link: {
+            fontWeight: 600,
+            pointerEvents: 'all',
+        }
+    });
+};
+
+export { getMultiValueLabelStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-label/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-label/styles.ts"],"sourcesContent":["import { mergeStyleSets } from '@fluentui/react';\n\nexport const getMultiValueLabelStyles = () => {\n    return mergeStyleSets({\n        root: {\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n            fontWeight: 600\n        },\n        link: {\n            fontWeight: 600,\n            pointerEvents: 'all',\n        }\n    });\n};\n"],"names":[],"mappings":";;AAEO,MAAM,wBAAwB,GAAG,MAAK;AACzC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,GAAG;AAClB,SAAA;AACD,QAAA,IAAI,EAAE;AACF,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,aAAa,EAAE,KAAK;AACvB,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-remove/MultiValueRemove.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="@types/powerapps-component-framework" />
+import { MultiValueRemoveProps } from 'react-select';
+export declare const MultiValueRemove: ({ innerProps, selectProps }: MultiValueRemoveProps<ComponentFramework.EntityReference, boolean, any>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/grid/multi-record-selector/components/multi-value-remove/MultiValueRemove.js

@@ -0,0 +1,16 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTheme, Icon } from '@fluentui/react';
+import { getMultiValueRemoveStyles } from './styles.js';
+
+const MultiValueRemove = ({ innerProps, selectProps }) => {
+    const theme = useTheme();
+    const styles = React.useMemo(() => getMultiValueRemoveStyles(theme), [theme]);
+    if (selectProps.isDisabled) {
+        return jsx(Fragment, {});
+    }
+    return (jsx("div", { ...innerProps, className: styles.root, children: jsx(Icon, { iconName: "Cancel", className: styles.icon }) }));
+};
+
+export { MultiValueRemove };
+//# sourceMappingURL=MultiValueRemove.js.map