@talxis/base-controls 1.2605.1 → 1.2606.2

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

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

package/dist/components/TaskGrid/components/grid/lookup-many/components/menu/Menu.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { ThemeProvider } from '@fluentui/react';
+import { components } from 'react-select';
+
+const Menu = (props) => {
+    return jsx(ThemeProvider, { children: jsx(components.Menu, { ...props }) });
+};
+
+export { Menu };
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/components/menu/Menu.tsx"],"sourcesContent":["import { ThemeProvider } from '@fluentui/react';\nimport { components, MenuProps }   from 'react-select';\n\nexport const Menu = (props: MenuProps<ComponentFramework.EntityReference, boolean, any>) => {\n    return <ThemeProvider><components.Menu {...props} /></ThemeProvider>\n}"],"names":["_jsx"],"mappings":";;;;AAGa,MAAA,IAAI,GAAG,CAAC,KAAkE,KAAI;IACvF,OAAOA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EAACA,GAAC,CAAA,UAAU,CAAC,IAAI,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA,EAAA,CAAgB,CAAA;AACxE;;;;"}

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

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

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

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

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

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

package/dist/components/TaskGrid/components/grid/lookup-many/components/multi-value-container/MultiValueContainer.d.ts

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

package/dist/components/TaskGrid/components/grid/lookup-many/components/multi-value-container/MultiValueContainer.js

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

package/dist/components/TaskGrid/components/grid/lookup-many/components/multi-value-container/MultiValueContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiValueContainer.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/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';\nimport { useLookupManyProps } from '../../context';\nimport { getClassNames } from '@talxis/react-components';\n\ninterface IMultiValueProps extends MultiValueGenericProps<ComponentFramework.EntityReference, boolean, any> {\n    className?: string;\n}\n\nexport const MultiValueContainer = ({ children, innerProps, selectProps, className }: IMultiValueProps) => {\n    const theme = useTheme();\n    const props = useLookupManyProps();\n    const styles = React.useMemo(() => getMultiValueContainerStyles(theme, selectProps.isDisabled, props.selectedRecordHeight), [theme, selectProps.isDisabled, props.selectedRecordHeight]);\n    return (\n        <div {...innerProps} className={getClassNames([styles.root, className])}>\n            {children}\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;AAWO,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAoB,KAAI;AACtG,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;AACnC,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,4BAA4B,CAAC,KAAK,EAAE,WAAW,CAAC,UAAU,EAAE,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,UAAU,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACzL,QACIA,gBAAS,UAAU,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,YAClE,QAAQ,EAAA,CACP,EACR;AACN;;;;"}

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { ITheme } from '@fluentui/react';
+export declare const getMultiValueContainerStyles: (theme: ITheme, isDisabled?: boolean, height?: number) => 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/lookup-many/components/multi-value-container/styles.js

@@ -0,0 +1,24 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getMultiValueContainerStyles = (theme, isDisabled, height) => {
+    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: height ?? 20
+        },
+    });
+};
+
+export { getMultiValueContainerStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/components/multi-value-container/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from '@fluentui/react';\n\nexport const getMultiValueContainerStyles = (theme: ITheme, isDisabled?: boolean, height?: number) => {\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: height ?? 20\n        },\n    });\n};\n"],"names":[],"mappings":";;AAEa,MAAA,4BAA4B,GAAG,CAAC,KAAa,EAAE,UAAoB,EAAE,MAAe,KAAI;AACjG,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;YAClB,MAAM,EAAE,MAAM,IAAI,EAAE;AACvB,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/dist/components/TaskGrid/components/grid/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/components/multi-value-label/MultiValueLabel.js

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

package/dist/components/TaskGrid/components/grid/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/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 = (props: MultiValueGenericProps<ComponentFramework.EntityReference, boolean, any>) => {\n    const styles = React.useMemo(() => getMultiValueLabelStyles(), []);\n    const {selectProps, data, children} = props;\n    const { onNavigate } = selectProps as any;\n\n    const label = <span title={data.name} className={styles.root}>{children}</span>;\n\n    if (onNavigate) {\n        return (\n            <Link\n                styles={{ root: styles.link }}\n                onClick={(e) => {\n                    e.preventDefault();\n                    onNavigate(data);\n                }}\n            >\n                {label}\n            </Link>\n        );\n    }\n    return label;\n};\n"],"names":["_jsx"],"mappings":";;;;;AAKa,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,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;AAC5C,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,WAAkB,CAAC;AAE1C,IAAA,MAAM,KAAK,GAAGA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAG,QAAA,EAAA,QAAQ,GAAQ,CAAC;AAEhF,IAAA,IAAI,UAAU,EAAE;AACZ,QAAA,QACIA,GAAC,CAAA,IAAI,IACD,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,EAC7B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,UAAU,CAAC,IAAI,CAAC,CAAC;AACrB,aAAC,EAEA,QAAA,EAAA,KAAK,EACH,CAAA,EACT;AACL,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACjB;;;;"}

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

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

package/dist/components/TaskGrid/components/grid/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/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/components/multi-value-label/styles.d.ts

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

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

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

package/dist/components/TaskGrid/components/grid/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/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            display: 'block',\n        },\n        link: {\n            fontWeight: 600,\n            pointerEvents: 'all',\n            overflow: 'hidden',\n            display: 'block',\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;AACf,YAAA,OAAO,EAAE,OAAO;AACnB,SAAA;AACD,QAAA,IAAI,EAAE;AACF,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,aAAa,EAAE,KAAK;AACpB,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,OAAO,EAAE,OAAO;AACnB,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/dist/components/TaskGrid/components/grid/lookup-many/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/lookup-many/components/multi-value-remove/MultiValueRemove.js

@@ -0,0 +1,18 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTheme, Icon } from '@fluentui/react';
+import { getMultiValueRemoveStyles } from './styles.js';
+import { useLookupManyProps } from '../../context.js';
+
+const MultiValueRemove = ({ innerProps, selectProps }) => {
+    const theme = useTheme();
+    const props = useLookupManyProps();
+    const styles = React.useMemo(() => getMultiValueRemoveStyles(theme, props.selectedRecordHeight), [theme, props.selectedRecordHeight]);
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiValueRemove.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/components/multi-value-remove/MultiValueRemove.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, useTheme } from '@fluentui/react';\nimport { MultiValueRemoveProps } from 'react-select';\nimport { getMultiValueRemoveStyles } from './styles';\nimport { useLookupManyProps } from '../../context';\n\nexport const MultiValueRemove = ({ innerProps, selectProps }: MultiValueRemoveProps<ComponentFramework.EntityReference, boolean, any>) => {\n    const theme = useTheme();\n    const props = useLookupManyProps();\n    const styles = React.useMemo(() => getMultiValueRemoveStyles(theme, props.selectedRecordHeight), [theme, props.selectedRecordHeight]);\n    if(selectProps.isDisabled) {\n        return <></>\n    }\n    return (\n        <div {...innerProps} className={styles.root}>\n            <Icon iconName=\"Cancel\" className={styles.icon} />\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAMa,MAAA,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,WAAW,EAA2E,KAAI;AACrI,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,yBAAyB,CAAC,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACtI,IAAG,WAAW,CAAC,UAAU,EAAE;AACvB,QAAA,OAAOA,iBAAK,CAAA;AACf,KAAA;IACD,QACIA,GAAS,CAAA,KAAA,EAAA,EAAA,GAAA,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EACvCA,GAAC,CAAA,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,CAAI,EAChD,CAAA,EACR;AACN;;;;"}

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

@@ -0,0 +1,22 @@
+import { ITheme } from '@fluentui/react';
+export declare const getMultiValueRemoveStyles: (theme: ITheme, height?: number) => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        marginLeft: number;
+        padding: number;
+        cursor: string;
+        borderRadius: number;
+        color: string;
+        height: number;
+        width: number;
+        ':hover': {
+            color: string;
+            backgroundColor: string;
+        };
+    };
+    icon: {
+        fontSize: number;
+    };
+}>;

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/components.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/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/components.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sources":["../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/components.tsx"],"sourcesContent":["import { ILookupManyComponents, LookupManyComponents } from \"../../components/components\";\nimport { MultiValueContainer } from \"./multi-value-container\";\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    onRenderMultiValueContainer: (props) => <MultiValueContainer {...props} />\n}"],"names":["_jsx"],"mappings":";;;;;;AAKa,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;IAChD,2BAA2B,EAAE,CAAC,KAAK,KAAKA,GAAC,CAAA,mBAAmB,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA;;;;;"}

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

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

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

@@ -0,0 +1,2 @@
+export { DEFAULT_PEOPLE_LOOKUP_MANY_COMPONENTS } from './components.js';
+//# 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":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/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: (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-container/MultiValueContainer.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { MultiValueContainer as MultiValueContainer$1 } from '../../../components/multi-value-container/MultiValueContainer.js';
+import { getMultiValueContainerStyles } from './styles.js';
+import { useMemo } from 'react';
+
+const MultiValueContainer = (props) => {
+    const styles = useMemo(() => getMultiValueContainerStyles(props.selectProps.isDisabled), [props.selectProps.isDisabled]);
+    return (jsx(MultiValueContainer$1, { ...props, className: styles.root }));
+};
+
+export { MultiValueContainer };
+//# sourceMappingURL=MultiValueContainer.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-container/MultiValueContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiValueContainer.js","sources":["../../../../../../../../../src/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-container/MultiValueContainer.tsx"],"sourcesContent":["import { MultiValueGenericProps } from 'react-select';\nimport { MultiValueContainer as NativeMultiValueContainer } from '../../../components/multi-value-container/MultiValueContainer';\nimport { getMultiValueContainerStyles } from './styles';\nimport { useMemo } from 'react';\n\nexport const MultiValueContainer = (props: MultiValueGenericProps<ComponentFramework.EntityReference, boolean, any>) => {\n    const styles = useMemo(() => getMultiValueContainerStyles(props.selectProps.isDisabled), [props.selectProps.isDisabled]);\n    return (\n        <NativeMultiValueContainer {...props} className={styles.root}  />\n    );\n};\n"],"names":["_jsx","NativeMultiValueContainer"],"mappings":";;;;;AAKa,MAAA,mBAAmB,GAAG,CAAC,KAA+E,KAAI;IACnH,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,4BAA4B,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;AACzH,IAAA,QACIA,GAAA,CAACC,qBAAyB,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,CAAK,EACnE;AACN;;;;"}

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

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

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

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

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-container/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-container/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const getMultiValueContainerStyles: (isDisabled: boolean) => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        '&&': {
+            border?: string | undefined;
+            padding?: string | undefined;
+            backgroundColor?: string | undefined;
+        };
+    };
+}>;

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

@@ -0,0 +1,18 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getMultiValueContainerStyles = (isDisabled) => {
+    return mergeStyleSets({
+        root: {
+            '&&': {
+                ...(isDisabled ? {
+                    border: 'none',
+                    padding: '0px',
+                    backgroundColor: 'transparent',
+                } : {})
+            }
+        }
+    });
+};
+
+export { getMultiValueContainerStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/grid/lookup-many/people-lookup-many/components/multi-value-container/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-container/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getMultiValueContainerStyles = (isDisabled: boolean) => {\n    return mergeStyleSets({\n        root: {\n            '&&': {\n                ...(isDisabled ? {\n                    border: 'none',\n                    padding: '0px',\n                    backgroundColor: 'transparent',\n                } : {})\n            }\n        }\n    })\n}\n"],"names":[],"mappings":";;AAEa,MAAA,4BAA4B,GAAG,CAAC,UAAmB,KAAI;AAChE,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,IAAI,EAAE;AACF,gBAAA,IAAI,UAAU,GAAG;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,eAAe,EAAE,aAAa;iBACjC,GAAG,EAAE,CAAC;AACV,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

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, { imageShouldFadeIn: false, 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                imageShouldFadeIn={false}\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,GAAC,CAAA,WAAW,IAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACjC,QAAA,EAAAA,GAAA,CAAC,OAAO,EAAA,EACJ,iBAAiB,EAAE,KAAK,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,IAAI,EAAE,WAAW,CAAC,MAAM,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,QAClB,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":""}