@fluentui-copilot/react-prompt-starter 0.0.0-nightly-20251002-0405-17b34fb7.1 → 0.0.0-nightly-20251010-0406-7df7c6d1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +3 -3
- package/CHANGELOG.md +4 -4
- package/package.json +7 -7
- package/dist/index.d.ts +0 -162
- package/lib/PromptStarter.js +0 -1
- package/lib/PromptStarter.js.map +0 -1
- package/lib/PromptStarterList.js +0 -1
- package/lib/PromptStarterList.js.map +0 -1
- package/lib/PromptStarterV2.js +0 -1
- package/lib/PromptStarterV2.js.map +0 -1
- package/lib/components/PromptStarter/PromptStarter.js +0 -12
- package/lib/components/PromptStarter/PromptStarter.js.map +0 -1
- package/lib/components/PromptStarter/PromptStarter.types.js +0 -3
- package/lib/components/PromptStarter/PromptStarter.types.js.map +0 -1
- package/lib/components/PromptStarter/index.js +0 -4
- package/lib/components/PromptStarter/index.js.map +0 -1
- package/lib/components/PromptStarter/renderPromptStarter.js +0 -18
- package/lib/components/PromptStarter/renderPromptStarter.js.map +0 -1
- package/lib/components/PromptStarter/usePromptStarter.js +0 -53
- package/lib/components/PromptStarter/usePromptStarter.js.map +0 -1
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.js +0 -138
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.js.map +0 -1
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js +0 -94
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.js +0 -12
- package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.types.js +0 -3
- package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.types.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarter/index.js +0 -4
- package/lib/components/PromptStarterV2/PromptStarter/index.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarter/promptStarterMotion.js +0 -63
- package/lib/components/PromptStarterV2/PromptStarter/promptStarterMotion.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarter/renderPromptStarter.js +0 -17
- package/lib/components/PromptStarterV2/PromptStarter/renderPromptStarter.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarter.js +0 -66
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js +0 -276
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js +0 -131
- package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarterList/PromptStarterList.js +0 -12
- package/lib/components/PromptStarterV2/PromptStarterList/PromptStarterList.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js +0 -1
- package/lib/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarterList/index.js +0 -4
- package/lib/components/PromptStarterV2/PromptStarterList/index.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js +0 -21
- package/lib/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js +0 -113
- package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListContextValues.js +0 -6
- package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListContextValues.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.js +0 -57
- package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.js.map +0 -1
- package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.raw.js +0 -61
- package/lib/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.raw.js.map +0 -1
- package/lib/contexts/PromptStarterListContext.js +0 -7
- package/lib/contexts/PromptStarterListContext.js.map +0 -1
- package/lib/index.js +0 -3
- package/lib/index.js.map +0 -1
- package/lib-commonjs/PromptStarter.js +0 -28
- package/lib-commonjs/PromptStarter.js.map +0 -1
- package/lib-commonjs/PromptStarterList.js +0 -28
- package/lib-commonjs/PromptStarterList.js.map +0 -1
- package/lib-commonjs/PromptStarterV2.js +0 -28
- package/lib-commonjs/PromptStarterV2.js.map +0 -1
- package/lib-commonjs/components/PromptStarter/PromptStarter.js +0 -23
- package/lib-commonjs/components/PromptStarter/PromptStarter.js.map +0 -1
- package/lib-commonjs/components/PromptStarter/PromptStarter.types.js +0 -6
- package/lib-commonjs/components/PromptStarter/PromptStarter.types.js.map +0 -1
- package/lib-commonjs/components/PromptStarter/index.js +0 -31
- package/lib-commonjs/components/PromptStarter/index.js.map +0 -1
- package/lib-commonjs/components/PromptStarter/renderPromptStarter.js +0 -28
- package/lib-commonjs/components/PromptStarter/renderPromptStarter.js.map +0 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarter.js +0 -55
- package/lib-commonjs/components/PromptStarter/usePromptStarter.js.map +0 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js +0 -292
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.js.map +0 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js +0 -112
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.js +0 -23
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.types.js +0 -6
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/PromptStarter.types.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/index.js +0 -31
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/index.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/promptStarterMotion.js +0 -73
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/promptStarterMotion.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/renderPromptStarter.js +0 -27
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/renderPromptStarter.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js +0 -68
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js +0 -516
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js +0 -149
- package/lib-commonjs/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/PromptStarterList.js +0 -23
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/PromptStarterList.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js +0 -4
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/index.js +0 -31
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/index.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js +0 -29
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js +0 -116
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListContextValues.js +0 -16
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListContextValues.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.js +0 -89
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.js.map +0 -1
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.raw.js +0 -77
- package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterListStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/contexts/PromptStarterListContext.js +0 -28
- package/lib-commonjs/contexts/PromptStarterListContext.js.map +0 -1
- package/lib-commonjs/index.js +0 -60
- package/lib-commonjs/index.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n root: 'fai-PromptStarter',\n primaryAction: 'fai-PromptStarter__primaryAction',\n icon: 'fai-PromptStarter__icon',\n prompt: 'fai-PromptStarter__prompt',\n reasonMarker: 'fai-PromptStarter__reasonMarker',\n actions: 'fai-PromptStarter__actions',\n};\n\nconst useRootResetStyles = makeResetStyles({\n display: 'grid',\n gridTemplateColumns: '1fr auto',\n gridTemplateRows: 'max-content auto',\n minWidth: '214px',\n\n // Apply styles to the primary action on hover / active states\n '&:hover': {\n [`& .${promptStarterClassNames.primaryAction}`]: {\n boxShadow: tokens.shadow16,\n transform: 'scale(1.03)',\n transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n },\n },\n '&:active': {\n [`& .${promptStarterClassNames.primaryAction}`]: {\n boxShadow: tokens.shadow8,\n transform: 'scale(1.03)',\n transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n },\n },\n\n // Hide actions when not focused or hovered\n ':not(:focus-within):not(:hover)': {\n [`& .${promptStarterClassNames.actions}`]: {\n clip: 'rect(0px, 0px, 0px, 0px)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: '0px',\n width: '1px',\n position: 'absolute',\n opacity: 0,\n },\n },\n});\n\nconst useStyles = makeStyles({\n primaryAction: {\n gridRow: '1 / 3',\n gridColumn: '1 / 3',\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n borderRadius: '28px',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground2,\n fontFamily: tokens.fontFamilyBase,\n cursor: 'pointer',\n outlineStyle: 'none',\n textAlign: 'left',\n rowGap: tokens.spacingHorizontalS,\n padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}`,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n ...createFocusOutlineStyle({ style: { outlineRadius: '28px' } }),\n },\n\n primaryActionHovered: {\n boxShadow: tokens.shadow16,\n transform: 'scale(1.03)',\n transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n },\n\n icon: {\n display: 'flex',\n alignItems: 'center',\n minHeight: tokens.spacingVerticalXXL,\n },\n actions: {\n margin: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}\n ${tokens.spacingVerticalNone} ${tokens.spacingHorizontalNone}`,\n position: 'relative',\n gridRow: '1 / 2',\n gridColumn: '2 / 3',\n\n opacity: 1,\n transition: `opacity ${tokens.durationFast} ${tokens.curveLinear}`,\n },\n prompt: {\n ...typographyStyles.body1Strong,\n\n // Truncate text after two lines.\n display: '-webkit-box',\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': '2',\n overflowY: 'hidden',\n },\n reasonMarker: {\n ...typographyStyles.caption2,\n },\n});\n\nconst useSingleColumnStyles = makeStyles({\n primaryAction: {\n borderRadius: tokens.borderRadius2XL,\n ...createFocusOutlineStyle({ style: { outlineRadius: tokens.borderRadius2XL } }),\n },\n prompt: {\n ...typographyStyles.caption1Strong,\n },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const { isSingleColumn } = state;\n\n const styles = useStyles();\n const rootResetStyles = useRootResetStyles();\n const singleColumnStyles = useSingleColumnStyles();\n state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.className);\n state.primaryAction.className = mergeClasses(\n promptStarterClassNames.primaryAction,\n styles.primaryAction,\n isSingleColumn && singleColumnStyles.primaryAction,\n state.primaryAction.className,\n );\n if (state.icon) {\n state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);\n }\n state.prompt.className = mergeClasses(\n promptStarterClassNames.prompt,\n styles.prompt,\n isSingleColumn && singleColumnStyles.prompt,\n state.prompt.className,\n );\n if (state.reasonMarker) {\n state.reasonMarker.className = mergeClasses(\n promptStarterClassNames.reasonMarker,\n styles.reasonMarker,\n state.reasonMarker.className,\n );\n }\n if (state.actions) {\n state.actions.className = mergeClasses(promptStarterClassNames.actions, styles.actions, state.actions.className);\n }\n\n return state;\n};\n"],"names":["promptStarterClassNames","usePromptStarterStyles_unstable","root","primaryAction","icon","prompt","reasonMarker","actions","useRootResetStyles","makeResetStyles","display","gridTemplateColumns","gridTemplateRows","minWidth","boxShadow","tokens","shadow16","transform","transition","durationNormal","curveDecelerateMin","shadow8","clip","height","margin","overflow","padding","width","position","opacity","useStyles","makeStyles","gridRow","gridColumn","flexDirection","borderRadius","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground2","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","rowGap","spacingHorizontalS","spacingVerticalL","spacingHorizontalL","shorthands","border","strokeWidthThin","colorNeutralStroke2","createFocusOutlineStyle","style","outlineRadius","primaryActionHovered","alignItems","minHeight","spacingVerticalXXL","spacingVerticalNone","spacingHorizontalNone","durationFast","curveLinear","typographyStyles","body1Strong","overflowY","caption2","useSingleColumnStyles","borderRadius2XL","caption1Strong","state","isSingleColumn","styles","rootResetStyles","singleColumnStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "PromptStarterList", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return PromptStarterList;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
-
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
-
const _usePromptStarterList = require("./usePromptStarterList");
|
|
14
|
-
const _renderPromptStarterList = require("./renderPromptStarterList");
|
|
15
|
-
const _usePromptStarterListStylesstyles = require("./usePromptStarterListStyles.styles");
|
|
16
|
-
const _usePromptStarterListContextValues = require("./usePromptStarterListContextValues");
|
|
17
|
-
const PromptStarterList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
18
|
-
const state = (0, _usePromptStarterList.usePromptStarterList_unstable)(props, ref);
|
|
19
|
-
const contextValues = (0, _usePromptStarterListContextValues.usePromptStarterListContextValues)(state);
|
|
20
|
-
(0, _usePromptStarterListStylesstyles.usePromptStarterListStyles_unstable)(state);
|
|
21
|
-
return (0, _renderPromptStarterList.renderPromptStarterList_unstable)(state, contextValues);
|
|
22
|
-
});
|
|
23
|
-
PromptStarterList.displayName = 'PromptStarterList';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarterList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarterList_unstable } from './usePromptStarterList';\nimport { renderPromptStarterList_unstable } from './renderPromptStarterList';\nimport { usePromptStarterListStyles_unstable } from './usePromptStarterListStyles.styles';\nimport type { PromptStarterListProps } from './PromptStarterList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { usePromptStarterListContextValues } from './usePromptStarterListContextValues';\n\nexport const PromptStarterList: ForwardRefComponent<PromptStarterListProps> = React.forwardRef((props, ref) => {\n const state = usePromptStarterList_unstable(props, ref);\n const contextValues = usePromptStarterListContextValues(state);\n\n usePromptStarterListStyles_unstable(state);\n return renderPromptStarterList_unstable(state, contextValues);\n});\n\nPromptStarterList.displayName = 'PromptStarterList';\n"],"names":["PromptStarterList","React","forwardRef","props","ref","state","usePromptStarterList_unstable","contextValues","usePromptStarterListContextValues","usePromptStarterListStyles_unstable","renderPromptStarterList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;sCACuB;yCACG;kDACG;mDAGF;AAE3C,MAAMA,oBAAAA,WAAAA,GAAiEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQC,IAAAA,mDAAAA,EAA8BH,OAAOC;IACnD,MAAMG,gBAAgBC,IAAAA,oEAAAA,EAAkCH;IAExDI,IAAAA,qEAAAA,EAAoCJ;IACpC,OAAOK,IAAAA,yDAAAA,EAAiCL,OAAOE;AACjD;AAEAP,kBAAkBW,WAAW,GAAG"}
|
package/lib-commonjs/components/PromptStarterV2/PromptStarterList/PromptStarterList.types.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarterList.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type {\n ComponentProps,\n ComponentState,\n Slot,\n Button,\n UseArrowNavigationGroupOptions,\n} from '@fluentui/react-components';\n\nexport type PromptStarterListSlots = {\n root: NonNullable<Slot<'div'>>;\n gridWrapper: NonNullable<Slot<'div'>>;\n expandButton?: Slot<typeof Button>;\n};\n\n/**\n * PromptStarterList Props\n */\nexport type PromptStarterListProps = ComponentProps<Partial<PromptStarterListSlots>, 'gridWrapper'> &\n DesignVersion & {\n /**\n * Text for the expand button when the list is collapsed.\n *\n * default: \"Show more\"\n */\n expandButtonLabel?: string;\n /**\n * Text for the expand button when the list is expanded.\n *\n * default: \"Show less\"\n */\n collapseButtonLabel?: string;\n /**\n * Arrow navigation options. This can be used to customize Tabster's direction,\n * tab behavior, and memoization options.\n *\n * default: { axis: 'horizontal', memorizeCurrent: true }\n */\n arrowNavigationOptions?: UseArrowNavigationGroupOptions;\n\n /**\n * Whether to animate the entrance of its items when it first mounts.\n *\n * @default true\n */\n animateOnMount?: boolean;\n };\n\n/**\n * State used in rendering PromptStarterList\n */\nexport type PromptStarterListState = ComponentState<PromptStarterListSlots> &\n Required<Pick<PromptStarterListProps, 'designVersion'>> & {\n numberOfColumns: number;\n isExpanded?: boolean;\n };\n\nexport type PromptStarterListContextValue = Pick<PromptStarterListState, 'numberOfColumns' | 'isExpanded'>;\n"],"names":[],"rangeMappings":"","mappings":""}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
PromptStarterList: function() {
|
|
13
|
-
return _PromptStarterList.PromptStarterList;
|
|
14
|
-
},
|
|
15
|
-
promptStarterListClassNames: function() {
|
|
16
|
-
return _usePromptStarterListStylesstyles.promptStarterListClassNames;
|
|
17
|
-
},
|
|
18
|
-
renderPromptStarterList_unstable: function() {
|
|
19
|
-
return _renderPromptStarterList.renderPromptStarterList_unstable;
|
|
20
|
-
},
|
|
21
|
-
usePromptStarterListStyles_unstable: function() {
|
|
22
|
-
return _usePromptStarterListStylesstyles.usePromptStarterListStyles_unstable;
|
|
23
|
-
},
|
|
24
|
-
usePromptStarterList_unstable: function() {
|
|
25
|
-
return _usePromptStarterList.usePromptStarterList_unstable;
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
const _PromptStarterList = require("./PromptStarterList");
|
|
29
|
-
const _renderPromptStarterList = require("./renderPromptStarterList");
|
|
30
|
-
const _usePromptStarterList = require("./usePromptStarterList");
|
|
31
|
-
const _usePromptStarterListStylesstyles = require("./usePromptStarterListStyles.styles");
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export { PromptStarterList } from './PromptStarterList';\nexport type {\n PromptStarterListProps,\n PromptStarterListSlots,\n PromptStarterListState,\n PromptStarterListContextValue,\n} from './PromptStarterList.types';\nexport { renderPromptStarterList_unstable } from './renderPromptStarterList';\nexport { usePromptStarterList_unstable } from './usePromptStarterList';\nexport { promptStarterListClassNames, usePromptStarterListStyles_unstable } from './usePromptStarterListStyles.styles';\n"],"names":["PromptStarterList","promptStarterListClassNames","renderPromptStarterList_unstable","usePromptStarterListStyles_unstable","usePromptStarterList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,iBAAiB;eAAjBA,oCAAiB;;IASjBC,2BAA2B;eAA3BA,6DAA2B;;IAF3BC,gCAAgC;eAAhCA,yDAAgC;;IAEHC,mCAAmC;eAAnCA,qEAAmC;;IADhEC,6BAA6B;eAA7BA,mDAA6B;;;mCARJ;yCAOe;sCACH;kDACmC"}
|
package/lib-commonjs/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "renderPromptStarterList_unstable", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return renderPromptStarterList_unstable;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
-
const _reactcomponents = require("@fluentui/react-components");
|
|
13
|
-
const _PromptStarterListContext = require("../../../contexts/PromptStarterListContext");
|
|
14
|
-
const renderPromptStarterList_unstable = (state, contextValue)=>{
|
|
15
|
-
(0, _reactcomponents.assertSlots)(state);
|
|
16
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PromptStarterListContext.PromptStarterListProvider, {
|
|
17
|
-
value: contextValue,
|
|
18
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
|
|
19
|
-
children: [
|
|
20
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.PresenceGroup, {
|
|
21
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.gridWrapper, {
|
|
22
|
-
children: state.root.children
|
|
23
|
-
})
|
|
24
|
-
}),
|
|
25
|
-
state.expandButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.expandButton, {})
|
|
26
|
-
]
|
|
27
|
-
})
|
|
28
|
-
});
|
|
29
|
-
};
|
package/lib-commonjs/components/PromptStarterV2/PromptStarterList/renderPromptStarterList.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["renderPromptStarterList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots, PresenceGroup } from '@fluentui/react-components';\nimport { PromptStarterListProvider } from '../../../contexts/PromptStarterListContext';\nimport type {\n PromptStarterListState,\n PromptStarterListSlots,\n PromptStarterListContextValue,\n} from './PromptStarterList.types';\n\n/**\n * Render the final JSX of PromptStarterList\n */\nexport const renderPromptStarterList_unstable = (\n state: PromptStarterListState,\n contextValue: PromptStarterListContextValue,\n) => {\n assertSlots<PromptStarterListSlots>(state);\n\n return (\n <PromptStarterListProvider value={contextValue}>\n <state.root>\n <PresenceGroup>\n <state.gridWrapper>{state.root.children}</state.gridWrapper>\n </PresenceGroup>\n {state.expandButton && <state.expandButton />}\n </state.root>\n </PromptStarterListProvider>\n );\n};\n"],"names":["renderPromptStarterList_unstable","state","contextValue","assertSlots","_jsx","PromptStarterListProvider","value","_jsxs","root","PresenceGroup","gridWrapper","children","expandButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;4BAbb;iCAE2C;0CACD;AAUnC,MAAMA,mCAAmC,CAC9CC,OACAC;IAEAC,IAAAA,4BAAAA,EAAoCF;IAEpC,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,mDAAAA,EAAAA;QAA0BC,OAAOJ;kBAChC,WAAA,GAAAK,IAAAA,gBAAA,EAACN,MAAMO,IAAI,EAAA;;8BACTJ,IAAAA,eAAA,EAACK,8BAAAA,EAAAA;8BACC,WAAA,GAAAL,IAAAA,eAAA,EAACH,MAAMS,WAAW,EAAA;kCAAET,MAAMO,IAAI,CAACG,QAAQ;;;gBAExCV,MAAMW,YAAY,IAAA,WAAA,GAAIR,IAAAA,eAAA,EAACH,MAAMW,YAAY,EAAA,CAAA;;;;AAIlD"}
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "usePromptStarterList_unstable", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return usePromptStarterList_unstable;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
-
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
-
const _reactcomponents = require("@fluentui/react-components");
|
|
14
|
-
const _reactprovider = require("@fluentui-copilot/react-provider");
|
|
15
|
-
const _reacticons = require("@fluentui/react-icons");
|
|
16
|
-
const _promptStarterMotion = require("../PromptStarter/promptStarterMotion");
|
|
17
|
-
const usePromptStarterList_unstable = (props, ref)=>{
|
|
18
|
-
const { arrowNavigationOptions, expandButtonLabel = 'Show more', collapseButtonLabel = 'Show less', animateOnMount = true } = props;
|
|
19
|
-
const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
|
|
20
|
-
var _arrowNavigationOptions_axis, _arrowNavigationOptions_memorizeCurrent;
|
|
21
|
-
const focusAttrs = (0, _reactcomponents.useArrowNavigationGroup)({
|
|
22
|
-
...arrowNavigationOptions,
|
|
23
|
-
axis: (_arrowNavigationOptions_axis = arrowNavigationOptions === null || arrowNavigationOptions === void 0 ? void 0 : arrowNavigationOptions.axis) !== null && _arrowNavigationOptions_axis !== void 0 ? _arrowNavigationOptions_axis : 'grid-linear',
|
|
24
|
-
memorizeCurrent: (_arrowNavigationOptions_memorizeCurrent = arrowNavigationOptions === null || arrowNavigationOptions === void 0 ? void 0 : arrowNavigationOptions.memorizeCurrent) !== null && _arrowNavigationOptions_memorizeCurrent !== void 0 ? _arrowNavigationOptions_memorizeCurrent : true
|
|
25
|
-
});
|
|
26
|
-
const [isExpanded, setIsExpanded] = _react.useState(false);
|
|
27
|
-
const [numberOfColumns, setNumberOfColumns] = _react.useState(3);
|
|
28
|
-
const gridWrapperRef = _react.useRef(null);
|
|
29
|
-
const { targetDocument } = (0, _reactcomponents.useFluent)();
|
|
30
|
-
const win = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;
|
|
31
|
-
_react.useEffect(()=>{
|
|
32
|
-
if (!win || !gridWrapperRef.current) return;
|
|
33
|
-
const promptStarterGrid = gridWrapperRef.current;
|
|
34
|
-
const updateNumberOfColumns = ()=>{
|
|
35
|
-
const numColumns = win.getComputedStyle(promptStarterGrid).gridTemplateColumns.split(' ').length;
|
|
36
|
-
setNumberOfColumns(numColumns);
|
|
37
|
-
};
|
|
38
|
-
const ro = new win.ResizeObserver(updateNumberOfColumns);
|
|
39
|
-
ro.observe(promptStarterGrid);
|
|
40
|
-
return ()=>{
|
|
41
|
-
ro.unobserve(promptStarterGrid);
|
|
42
|
-
};
|
|
43
|
-
}, [
|
|
44
|
-
win
|
|
45
|
-
]);
|
|
46
|
-
const state = {
|
|
47
|
-
numberOfColumns: numberOfColumns,
|
|
48
|
-
isExpanded,
|
|
49
|
-
designVersion,
|
|
50
|
-
components: {
|
|
51
|
-
root: 'div',
|
|
52
|
-
gridWrapper: 'div',
|
|
53
|
-
expandButton: _reactcomponents.Button
|
|
54
|
-
},
|
|
55
|
-
root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
|
|
56
|
-
ref,
|
|
57
|
-
...props
|
|
58
|
-
}), {
|
|
59
|
-
elementType: 'div'
|
|
60
|
-
}),
|
|
61
|
-
gridWrapper: _reactcomponents.slot.always(props.gridWrapper, {
|
|
62
|
-
defaultProps: {
|
|
63
|
-
role: 'list',
|
|
64
|
-
...focusAttrs
|
|
65
|
-
},
|
|
66
|
-
elementType: 'div'
|
|
67
|
-
}),
|
|
68
|
-
expandButton: _reactcomponents.slot.optional(props.expandButton, {
|
|
69
|
-
defaultProps: {
|
|
70
|
-
appearance: 'subtle',
|
|
71
|
-
size: 'small',
|
|
72
|
-
shape: 'rounded',
|
|
73
|
-
icon: /*#__PURE__*/ _react.createElement(_reacticons.ChevronDown12Regular, null),
|
|
74
|
-
iconPosition: 'after',
|
|
75
|
-
'aria-expanded': isExpanded,
|
|
76
|
-
children: isExpanded ? collapseButtonLabel : expandButtonLabel
|
|
77
|
-
},
|
|
78
|
-
renderByDefault: true,
|
|
79
|
-
elementType: _reactcomponents.Button
|
|
80
|
-
})
|
|
81
|
-
};
|
|
82
|
-
state.gridWrapper.ref = (0, _reactcomponents.useMergedRefs)(gridWrapperRef, state.gridWrapper.ref);
|
|
83
|
-
// Get the array of children.
|
|
84
|
-
const childrenArray = _react.useMemo(()=>{
|
|
85
|
-
return _react.Children.toArray(state.root.children);
|
|
86
|
-
}, [
|
|
87
|
-
state.root.children
|
|
88
|
-
]);
|
|
89
|
-
// Add motion to the children.
|
|
90
|
-
const childrenWithMotion = _react.useMemo(()=>childrenArray.map((child, index)=>{
|
|
91
|
-
// Throw error if the child is not a valid React element or is a Fragment.
|
|
92
|
-
if (!/*#__PURE__*/ _react.isValidElement(child) || child.type === _react.Fragment) {
|
|
93
|
-
throw new Error('You should only use PromptStarter components as the children of PromptStarterList.');
|
|
94
|
-
}
|
|
95
|
-
// In the collapsed state, if there is one column, we show three children.
|
|
96
|
-
// If there are two or three columns, we show two or three. All children
|
|
97
|
-
// are shown in the expanded state.
|
|
98
|
-
const visibility = numberOfColumns === 1 && index < 3 || index < numberOfColumns || isExpanded;
|
|
99
|
-
return /*#__PURE__*/ _react.createElement(_promptStarterMotion.PromptStarterMotion, {
|
|
100
|
-
appear: animateOnMount,
|
|
101
|
-
key: index,
|
|
102
|
-
index: index,
|
|
103
|
-
visible: visibility,
|
|
104
|
-
numberOfColumns: numberOfColumns
|
|
105
|
-
}, child);
|
|
106
|
-
}), [
|
|
107
|
-
childrenArray,
|
|
108
|
-
numberOfColumns,
|
|
109
|
-
isExpanded
|
|
110
|
-
]);
|
|
111
|
-
state.root.children = childrenWithMotion;
|
|
112
|
-
if (state.expandButton) {
|
|
113
|
-
state.expandButton.onClick = (0, _reactcomponents.mergeCallbacks)(state.expandButton.onClick, ()=>setIsExpanded(!isExpanded));
|
|
114
|
-
}
|
|
115
|
-
return state;
|
|
116
|
-
};
|
package/lib-commonjs/components/PromptStarterV2/PromptStarterList/usePromptStarterList.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterList.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n getIntrinsicElementProps,\n slot,\n Button,\n useArrowNavigationGroup,\n mergeCallbacks,\n useFluent,\n useMergedRefs,\n} from '@fluentui/react-components';\nimport type { PromptStarterListProps, PromptStarterListState } from './PromptStarterList.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { ChevronDown12Regular } from '@fluentui/react-icons';\nimport { PromptStarterMotion } from '../PromptStarter/promptStarterMotion';\n\n/**\n * Create the state required to render PromptStarterList.\n *\n * The returned state can be modified with hooks such as usePromptStarterListStyles_unstable,\n * before being passed to renderPromptStarterList_unstable.\n *\n * @param props - props from this instance of PromptStarterList\n * @param ref - reference to root HTMLElement of PromptStarterList\n */\nexport const usePromptStarterList_unstable = (\n props: PromptStarterListProps,\n ref: React.Ref<HTMLDivElement>,\n): PromptStarterListState => {\n const {\n arrowNavigationOptions,\n expandButtonLabel = 'Show more',\n collapseButtonLabel = 'Show less',\n animateOnMount = true,\n } = props;\n const designVersion = useDesignVersion(props.designVersion);\n const focusAttrs = useArrowNavigationGroup({\n ...arrowNavigationOptions,\n axis: arrowNavigationOptions?.axis ?? 'grid-linear',\n memorizeCurrent: arrowNavigationOptions?.memorizeCurrent ?? true,\n });\n\n const [isExpanded, setIsExpanded] = React.useState(false);\n const [numberOfColumns, setNumberOfColumns] = React.useState<number>(3);\n\n const gridWrapperRef = React.useRef<HTMLDivElement>(null);\n const { targetDocument } = useFluent();\n const win = targetDocument?.defaultView;\n\n React.useEffect(() => {\n if (!win || !gridWrapperRef.current) return;\n\n const promptStarterGrid = gridWrapperRef.current;\n\n const updateNumberOfColumns = () => {\n const numColumns = win.getComputedStyle(promptStarterGrid).gridTemplateColumns.split(' ').length;\n setNumberOfColumns(numColumns);\n };\n\n const ro = new win.ResizeObserver(updateNumberOfColumns);\n ro.observe(promptStarterGrid);\n\n return () => {\n ro.unobserve(promptStarterGrid);\n };\n }, [win]);\n\n const state: PromptStarterListState = {\n numberOfColumns: numberOfColumns,\n isExpanded,\n designVersion,\n components: {\n root: 'div',\n gridWrapper: 'div',\n expandButton: Button,\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n gridWrapper: slot.always(props.gridWrapper, {\n defaultProps: {\n role: 'list',\n ...focusAttrs,\n },\n elementType: 'div',\n }),\n expandButton: slot.optional(props.expandButton, {\n defaultProps: {\n appearance: 'subtle',\n size: 'small',\n shape: 'rounded',\n icon: <ChevronDown12Regular />,\n iconPosition: 'after',\n 'aria-expanded': isExpanded,\n children: isExpanded ? collapseButtonLabel : expandButtonLabel,\n },\n renderByDefault: true,\n elementType: Button,\n }),\n };\n\n state.gridWrapper.ref = useMergedRefs(gridWrapperRef, state.gridWrapper.ref);\n\n // Get the array of children.\n const childrenArray = React.useMemo<\n (React.ReactElement<any> | number | string | Iterable<React.ReactNode> | React.ReactPortal)[]\n >(() => {\n return React.Children.toArray(state.root.children);\n }, [state.root.children]);\n\n // Add motion to the children.\n const childrenWithMotion = React.useMemo(\n () =>\n childrenArray.map((child, index) => {\n // Throw error if the child is not a valid React element or is a Fragment.\n if (!React.isValidElement(child) || child.type === React.Fragment) {\n throw new Error('You should only use PromptStarter components as the children of PromptStarterList.');\n }\n\n // In the collapsed state, if there is one column, we show three children.\n // If there are two or three columns, we show two or three. All children\n // are shown in the expanded state.\n const visibility = (numberOfColumns === 1 && index < 3) || index < numberOfColumns || isExpanded;\n\n return (\n <PromptStarterMotion\n appear={animateOnMount}\n key={index}\n index={index}\n visible={visibility}\n numberOfColumns={numberOfColumns}\n >\n {child}\n </PromptStarterMotion>\n );\n }),\n [childrenArray, numberOfColumns, isExpanded],\n );\n\n state.root.children = childrenWithMotion;\n\n if (state.expandButton) {\n state.expandButton.onClick = mergeCallbacks(\n state.expandButton.onClick as React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>,\n () => setIsExpanded(!isExpanded),\n );\n }\n\n return state;\n};\n"],"names":["usePromptStarterList_unstable","props","ref","arrowNavigationOptions","expandButtonLabel","collapseButtonLabel","animateOnMount","designVersion","useDesignVersion","focusAttrs","useArrowNavigationGroup","axis","memorizeCurrent","isExpanded","setIsExpanded","React","useState","numberOfColumns","setNumberOfColumns","gridWrapperRef","useRef","targetDocument","useFluent","win","defaultView","useEffect","current","promptStarterGrid","updateNumberOfColumns","numColumns","getComputedStyle","gridTemplateColumns","split","length","ro","ResizeObserver","observe","unobserve","state","components","root","gridWrapper","expandButton","Button","slot","always","getIntrinsicElementProps","elementType","defaultProps","role","optional","appearance","size","shape","icon","createElement","ChevronDown12Regular","iconPosition","children","renderByDefault","useMergedRefs","childrenArray","useMemo","Children","toArray","childrenWithMotion","map","child","index","isValidElement","type","Fragment","Error","visibility","PromptStarterMotion","appear","key","visible","onClick","mergeCallbacks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "usePromptStarterListContextValues", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return usePromptStarterListContextValues;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
function usePromptStarterListContextValues(state) {
|
|
12
|
-
const { numberOfColumns } = state;
|
|
13
|
-
return {
|
|
14
|
-
numberOfColumns
|
|
15
|
-
};
|
|
16
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterListContextValues.ts"],"sourcesContent":["import type { PromptStarterListContextValue, PromptStarterListState } from './PromptStarterList.types';\n\nexport function usePromptStarterListContextValues(state: PromptStarterListState): PromptStarterListContextValue {\n const { numberOfColumns } = state;\n\n return {\n numberOfColumns,\n };\n}\n"],"names":["usePromptStarterListContextValues","state","numberOfColumns"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,kCAAkCC,KAA6B;IAC7E,MAAM,EAAEC,eAAe,EAAE,GAAGD;IAE5B,OAAO;QACLC;IACF;AACF"}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
promptStarterListClassNames: function() {
|
|
13
|
-
return promptStarterListClassNames;
|
|
14
|
-
},
|
|
15
|
-
usePromptStarterListStyles_unstable: function() {
|
|
16
|
-
return usePromptStarterListStyles_unstable;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
-
const promptStarterListClassNames = {
|
|
21
|
-
root: 'fai-PromptStarterList',
|
|
22
|
-
gridWrapper: 'fai-PromptStarterList__gridWrapper',
|
|
23
|
-
expandButton: 'fai-PromptStarterList__expandButton'
|
|
24
|
-
};
|
|
25
|
-
/**
|
|
26
|
-
* Styles for the root slot
|
|
27
|
-
*/ const useRootClassName = (0, _reactcomponents.__resetStyles)("r1n85ojv", null, [
|
|
28
|
-
".r1n85ojv{display:flex;flex-direction:column;max-width:772px;gap:var(--spacingHorizontalXL);}"
|
|
29
|
-
]);
|
|
30
|
-
const useStyles = (0, _reactcomponents.__styles)({
|
|
31
|
-
gridWrapper: {
|
|
32
|
-
mc9l5x: "f13qh94s",
|
|
33
|
-
i8kkvl: 0,
|
|
34
|
-
Belr9w4: 0,
|
|
35
|
-
rmohyg: "f1p93rwu",
|
|
36
|
-
t4k1zu: "f4wu0r3",
|
|
37
|
-
Budl1dq: "fvo7o13",
|
|
38
|
-
Bxotwcr: "f1nkeedh"
|
|
39
|
-
},
|
|
40
|
-
expandButton: {
|
|
41
|
-
qb2dma: "f1locze1",
|
|
42
|
-
wrk2wx: "f11k2d1d",
|
|
43
|
-
dutsh0: "f1iwh30k",
|
|
44
|
-
B4u5nao: "fn63aq9",
|
|
45
|
-
Bbdnnc7: "fm7zj7h",
|
|
46
|
-
x3br3k: "fuzcl37"
|
|
47
|
-
},
|
|
48
|
-
expandButtonExpanded: {
|
|
49
|
-
Bs9jjb3: [
|
|
50
|
-
"f5l68jj",
|
|
51
|
-
"f1i29bk4"
|
|
52
|
-
]
|
|
53
|
-
}
|
|
54
|
-
}, {
|
|
55
|
-
d: [
|
|
56
|
-
".f13qh94s{display:grid;}",
|
|
57
|
-
[
|
|
58
|
-
".f1p93rwu{gap:var(--spacingHorizontalL);}",
|
|
59
|
-
{
|
|
60
|
-
p: -1
|
|
61
|
-
}
|
|
62
|
-
],
|
|
63
|
-
".f4wu0r3{grid-auto-columns:max-content;}",
|
|
64
|
-
".fvo7o13{grid-template-columns:repeat(auto-fit, minmax(214px, 1fr));}",
|
|
65
|
-
".f1nkeedh{grid-auto-flow:unset;}",
|
|
66
|
-
".f1locze1{align-self:end;}",
|
|
67
|
-
".f11k2d1d .fui-Button__icon{font-size:12px;}",
|
|
68
|
-
".f1iwh30k .fui-Button__icon{height:12px;}",
|
|
69
|
-
".fn63aq9 .fui-Button__icon{width:12px;}",
|
|
70
|
-
".f5l68jj>.fui-Button__icon{transform:rotate(180deg);}",
|
|
71
|
-
".f1i29bk4>.fui-Button__icon{transform:rotate(-180deg);}"
|
|
72
|
-
],
|
|
73
|
-
h: [
|
|
74
|
-
".fm7zj7h:hover .fui-Button__icon{color:var(--colorNeutralForeground2Hover);}",
|
|
75
|
-
".fuzcl37:hover:active .fui-Button__icon{color:var(--colorNeutralForeground2Pressed);}"
|
|
76
|
-
]
|
|
77
|
-
});
|
|
78
|
-
const usePromptStarterListStyles_unstable = (state)=>{
|
|
79
|
-
'use no memo';
|
|
80
|
-
const { isExpanded } = state;
|
|
81
|
-
const rootClassName = useRootClassName();
|
|
82
|
-
const styles = useStyles();
|
|
83
|
-
state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterListClassNames.root, rootClassName, state.root.className);
|
|
84
|
-
state.gridWrapper.className = (0, _reactcomponents.mergeClasses)(promptStarterListClassNames.gridWrapper, styles.gridWrapper, state.gridWrapper.className);
|
|
85
|
-
if (state.expandButton) {
|
|
86
|
-
state.expandButton.className = (0, _reactcomponents.mergeClasses)(promptStarterListClassNames.expandButton, styles.expandButton, isExpanded && styles.expandButtonExpanded, state.expandButton.className);
|
|
87
|
-
}
|
|
88
|
-
return state;
|
|
89
|
-
}; //# sourceMappingURL=usePromptStarterListStyles.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterListStyles.styles.ts"],"sourcesContent":["import { buttonClassNames, makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport type { PromptStarterListSlots, PromptStarterListState } from './PromptStarterList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\n\nexport const promptStarterListClassNames: SlotClassNames<PromptStarterListSlots> = {\n root: 'fai-PromptStarterList',\n gridWrapper: 'fai-PromptStarterList__gridWrapper',\n expandButton: 'fai-PromptStarterList__expandButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n display: 'flex',\n flexDirection: 'column',\n maxWidth: '772px',\n gap: tokens.spacingHorizontalXL,\n});\n\nconst useStyles = makeStyles({\n gridWrapper: {\n display: 'grid',\n gap: tokens.spacingHorizontalL,\n gridAutoColumns: 'max-content',\n\n gridTemplateColumns: `repeat(auto-fit, minmax(214px, 1fr))`,\n gridAutoFlow: 'unset',\n },\n\n expandButton: {\n alignSelf: 'end',\n [`& .${buttonClassNames.icon}`]: {\n fontSize: '12px',\n height: '12px',\n width: '12px',\n },\n ':hover': {\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2Hover,\n },\n },\n ':hover:active': {\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2Pressed,\n },\n },\n },\n\n expandButtonExpanded: {\n [`& > .${buttonClassNames.icon}`]: {\n transform: 'rotate(180deg)',\n },\n },\n});\n\n/**\n * Apply styling to the PromptStarterList slots based on the state\n */\nexport const usePromptStarterListStyles_unstable = (state: PromptStarterListState): PromptStarterListState => {\n 'use no memo';\n\n const { isExpanded } = state;\n\n const rootClassName = useRootClassName();\n const styles = useStyles();\n state.root.className = mergeClasses(promptStarterListClassNames.root, rootClassName, state.root.className);\n state.gridWrapper.className = mergeClasses(\n promptStarterListClassNames.gridWrapper,\n styles.gridWrapper,\n state.gridWrapper.className,\n );\n if (state.expandButton) {\n state.expandButton.className = mergeClasses(\n promptStarterListClassNames.expandButton,\n styles.expandButton,\n isExpanded && styles.expandButtonExpanded,\n state.expandButton.className,\n );\n }\n\n return state;\n};\n"],"names":["promptStarterListClassNames","expandButtonExpanded","root","gridWrapper","expandButton","display","__resetStyles","flexDirection","gap","tokens","i8kkvl","Belr9w4","useStyles","gridAutoColumns","gridAutoFlow","qb2dma","alignSelf","fontSize","height","state","isExpanded","rootClassName","useRootClassName","className","usePromptStarterListStyles_unstable","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,2BAAAA;eAAAA;;IA6CXC,mCAAsB;eAAtBA;;;iCAlDkE;AAK7D,MAAMD,8BAAsE;UACjFE;iBACAC;kBACAC;AACF;AAEA;;CAEC,SAECC,mBAASC,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;CAAA;MACTC,YAAAA,IAAAA,yBAAe,EAAA;iBACL;QACVC,QAAKC;QACPC,QAAA;QAEAC,SAAMC;QACJT,QAAAA;gBACEE;iBACKI;iBACLI;;kBAGAC;QACFC,QAAA;QAEAX,QAAAA;gBACEY;iBACK;iBACHC;gBACAC;;0BAEF;iBACA;YAAA;YAAU;SAAA;;;;;QAGR;YAAA;YAAA;oBACF;;;;QACiB;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;;;QACkB;KAAA;;AAMrCjB,MAAAA,sCAAsBkB,CAAAA;;UAGpB,EACFC,UAAA,EACF,GAAAD;IAEA,MAAAE,gBAAAC;;IAECH,MACDjB,IAAO,CAAAqB,SAAMC,GAAAA,IAAAA,6BAAAA,EAAAA,4BAAuCL,IAAAA,EAAAA,eAAAA,MAAAA,IAAAA,CAAAA,SAAAA;UAClDhB,WAAA,CAAAoB,SAAA,GAAAE,IAAAA,6BAAA,EAAAzB,4BAAAG,WAAA,EAAAuB,OAAAvB,WAAA,EAAAgB,MAAAhB,WAAA,CAAAoB,SAAA;QAEAJ,MAAQC,YAAY,EAAA;QAEpBD,MAAME,YAAAA,CAAAA,SAAgBC,GAAAA,IAAAA,6BAAAA,EAAAA,4BAAAA,YAAAA,EAAAA,OAAAA,YAAAA,EAAAA,cAAAA,OAAAA,oBAAAA,EAAAA,MAAAA,YAAAA,CAAAA,SAAAA;;WAEtBH;gEAMwB"}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
promptStarterListClassNames: function() {
|
|
13
|
-
return promptStarterListClassNames;
|
|
14
|
-
},
|
|
15
|
-
usePromptStarterListStyles_unstable: function() {
|
|
16
|
-
return usePromptStarterListStyles_unstable;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
-
const _tokens = require("@fluentui-copilot/tokens");
|
|
21
|
-
const promptStarterListClassNames = {
|
|
22
|
-
root: 'fai-PromptStarterList',
|
|
23
|
-
gridWrapper: 'fai-PromptStarterList__gridWrapper',
|
|
24
|
-
expandButton: 'fai-PromptStarterList__expandButton'
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* Styles for the root slot
|
|
28
|
-
*/ const useRootClassName = (0, _reactcomponents.makeResetStyles)({
|
|
29
|
-
display: 'flex',
|
|
30
|
-
flexDirection: 'column',
|
|
31
|
-
maxWidth: '772px',
|
|
32
|
-
gap: _tokens.tokens.spacingHorizontalXL
|
|
33
|
-
});
|
|
34
|
-
const useStyles = (0, _reactcomponents.makeStyles)({
|
|
35
|
-
gridWrapper: {
|
|
36
|
-
display: 'grid',
|
|
37
|
-
gap: _tokens.tokens.spacingHorizontalL,
|
|
38
|
-
gridAutoColumns: 'max-content',
|
|
39
|
-
gridTemplateColumns: `repeat(auto-fit, minmax(214px, 1fr))`,
|
|
40
|
-
gridAutoFlow: 'unset'
|
|
41
|
-
},
|
|
42
|
-
expandButton: {
|
|
43
|
-
alignSelf: 'end',
|
|
44
|
-
[`& .${_reactcomponents.buttonClassNames.icon}`]: {
|
|
45
|
-
fontSize: '12px',
|
|
46
|
-
height: '12px',
|
|
47
|
-
width: '12px'
|
|
48
|
-
},
|
|
49
|
-
':hover': {
|
|
50
|
-
[`& .${_reactcomponents.buttonClassNames.icon}`]: {
|
|
51
|
-
color: _tokens.tokens.colorNeutralForeground2Hover
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
':hover:active': {
|
|
55
|
-
[`& .${_reactcomponents.buttonClassNames.icon}`]: {
|
|
56
|
-
color: _tokens.tokens.colorNeutralForeground2Pressed
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
expandButtonExpanded: {
|
|
61
|
-
[`& > .${_reactcomponents.buttonClassNames.icon}`]: {
|
|
62
|
-
transform: 'rotate(180deg)'
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
const usePromptStarterListStyles_unstable = (state)=>{
|
|
67
|
-
'use no memo';
|
|
68
|
-
const { isExpanded } = state;
|
|
69
|
-
const rootClassName = useRootClassName();
|
|
70
|
-
const styles = useStyles();
|
|
71
|
-
state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterListClassNames.root, rootClassName, state.root.className);
|
|
72
|
-
state.gridWrapper.className = (0, _reactcomponents.mergeClasses)(promptStarterListClassNames.gridWrapper, styles.gridWrapper, state.gridWrapper.className);
|
|
73
|
-
if (state.expandButton) {
|
|
74
|
-
state.expandButton.className = (0, _reactcomponents.mergeClasses)(promptStarterListClassNames.expandButton, styles.expandButton, isExpanded && styles.expandButtonExpanded, state.expandButton.className);
|
|
75
|
-
}
|
|
76
|
-
return state;
|
|
77
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarterListStyles.styles.ts"],"sourcesContent":["import { buttonClassNames, makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport type { PromptStarterListSlots, PromptStarterListState } from './PromptStarterList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\n\nexport const promptStarterListClassNames: SlotClassNames<PromptStarterListSlots> = {\n root: 'fai-PromptStarterList',\n gridWrapper: 'fai-PromptStarterList__gridWrapper',\n expandButton: 'fai-PromptStarterList__expandButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n display: 'flex',\n flexDirection: 'column',\n maxWidth: '772px',\n gap: tokens.spacingHorizontalXL,\n});\n\nconst useStyles = makeStyles({\n gridWrapper: {\n display: 'grid',\n gap: tokens.spacingHorizontalL,\n gridAutoColumns: 'max-content',\n\n gridTemplateColumns: `repeat(auto-fit, minmax(214px, 1fr))`,\n gridAutoFlow: 'unset',\n },\n\n expandButton: {\n alignSelf: 'end',\n [`& .${buttonClassNames.icon}`]: {\n fontSize: '12px',\n height: '12px',\n width: '12px',\n },\n ':hover': {\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2Hover,\n },\n },\n ':hover:active': {\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2Pressed,\n },\n },\n },\n\n expandButtonExpanded: {\n [`& > .${buttonClassNames.icon}`]: {\n transform: 'rotate(180deg)',\n },\n },\n});\n\n/**\n * Apply styling to the PromptStarterList slots based on the state\n */\nexport const usePromptStarterListStyles_unstable = (state: PromptStarterListState): PromptStarterListState => {\n 'use no memo';\n\n const { isExpanded } = state;\n\n const rootClassName = useRootClassName();\n const styles = useStyles();\n state.root.className = mergeClasses(promptStarterListClassNames.root, rootClassName, state.root.className);\n state.gridWrapper.className = mergeClasses(\n promptStarterListClassNames.gridWrapper,\n styles.gridWrapper,\n state.gridWrapper.className,\n );\n if (state.expandButton) {\n state.expandButton.className = mergeClasses(\n promptStarterListClassNames.expandButton,\n styles.expandButton,\n isExpanded && styles.expandButtonExpanded,\n state.expandButton.className,\n );\n }\n\n return state;\n};\n"],"names":["promptStarterListClassNames","usePromptStarterListStyles_unstable","root","gridWrapper","expandButton","useRootClassName","makeResetStyles","display","flexDirection","maxWidth","gap","tokens","spacingHorizontalXL","useStyles","makeStyles","spacingHorizontalL","gridAutoColumns","gridTemplateColumns","gridAutoFlow","alignSelf","buttonClassNames","icon","fontSize","height","width","color","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","expandButtonExpanded","transform","state","isExpanded","rootClassName","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,2BAAAA;eAAAA;;IAuDAC,mCAAAA;eAAAA;;;iCA5D+D;wBAGrD;AAEhB,MAAMD,8BAAsE;IACjFE,MAAM;IACNC,aAAa;IACbC,cAAc;AAChB;AAEA;;CAEC,GACD,MAAMC,mBAAmBC,IAAAA,gCAAAA,EAAgB;IACvCC,SAAS;IACTC,eAAe;IACfC,UAAU;IACVC,KAAKC,cAAAA,CAAOC,mBAAmB;AACjC;AAEA,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BX,aAAa;QACXI,SAAS;QACTG,KAAKC,cAAAA,CAAOI,kBAAkB;QAC9BC,iBAAiB;QAEjBC,qBAAqB,CAAC,oCAAoC,CAAC;QAC3DC,cAAc;IAChB;IAEAd,cAAc;QACZe,WAAW;QACX,CAAC,CAAC,GAAG,EAAEC,iCAAAA,CAAiBC,IAAI,CAAC,CAAC,CAAC,EAAE;YAC/BC,UAAU;YACVC,QAAQ;YACRC,OAAO;QACT;QACA,UAAU;YACR,CAAC,CAAC,GAAG,EAAEJ,iCAAAA,CAAiBC,IAAI,CAAC,CAAC,CAAC,EAAE;gBAC/BI,OAAOd,cAAAA,CAAOe,4BAA4B;YAC5C;QACF;QACA,iBAAiB;YACf,CAAC,CAAC,GAAG,EAAEN,iCAAAA,CAAiBC,IAAI,CAAC,CAAC,CAAC,EAAE;gBAC/BI,OAAOd,cAAAA,CAAOgB,8BAA8B;YAC9C;QACF;IACF;IAEAC,sBAAsB;QACpB,CAAC,CAAC,KAAK,EAAER,iCAAAA,CAAiBC,IAAI,CAAC,CAAC,CAAC,EAAE;YACjCQ,WAAW;QACb;IACF;AACF;AAKO,MAAM5B,sCAAsC,CAAC6B;IAClD;IAEA,MAAM,EAAEC,UAAU,EAAE,GAAGD;IAEvB,MAAME,gBAAgB3B;IACtB,MAAM4B,SAASpB;IACfiB,MAAM5B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,6BAAAA,EAAanC,4BAA4BE,IAAI,EAAE8B,eAAeF,MAAM5B,IAAI,CAACgC,SAAS;IACzGJ,MAAM3B,WAAW,CAAC+B,SAAS,GAAGC,IAAAA,6BAAAA,EAC5BnC,4BAA4BG,WAAW,EACvC8B,OAAO9B,WAAW,EAClB2B,MAAM3B,WAAW,CAAC+B,SAAS;IAE7B,IAAIJ,MAAM1B,YAAY,EAAE;QACtB0B,MAAM1B,YAAY,CAAC8B,SAAS,GAAGC,IAAAA,6BAAAA,EAC7BnC,4BAA4BI,YAAY,EACxC6B,OAAO7B,YAAY,EACnB2B,cAAcE,OAAOL,oBAAoB,EACzCE,MAAM1B,YAAY,CAAC8B,SAAS;IAEhC;IAEA,OAAOJ;AACT"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
PromptStarterListContext: function() {
|
|
13
|
-
return PromptStarterListContext;
|
|
14
|
-
},
|
|
15
|
-
PromptStarterListProvider: function() {
|
|
16
|
-
return PromptStarterListProvider;
|
|
17
|
-
},
|
|
18
|
-
usePromptStarterListContext: function() {
|
|
19
|
-
return usePromptStarterListContext;
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
const _reactcontextselector = require("@fluentui/react-context-selector");
|
|
23
|
-
const PromptStarterListContext = (0, _reactcontextselector.createContext)(undefined);
|
|
24
|
-
const promptStarterListContextDefaultValue = {
|
|
25
|
-
numberOfColumns: 3
|
|
26
|
-
};
|
|
27
|
-
const usePromptStarterListContext = (selector)=>(0, _reactcontextselector.useContextSelector)(PromptStarterListContext, (ctx = promptStarterListContextDefaultValue)=>selector(ctx));
|
|
28
|
-
const PromptStarterListProvider = PromptStarterListContext.Provider;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarterListContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { ContextSelector } from '@fluentui/react-context-selector';\nimport type { PromptStarterListContextValue } from '../PromptStarterList';\n\nexport const PromptStarterListContext = createContext<PromptStarterListContextValue | undefined>(undefined);\n\nconst promptStarterListContextDefaultValue: PromptStarterListContextValue = {\n numberOfColumns: 3,\n};\n\nexport const usePromptStarterListContext = <T>(selector: ContextSelector<PromptStarterListContextValue, T>) =>\n useContextSelector(PromptStarterListContext, (ctx = promptStarterListContextDefaultValue) => selector(ctx));\nexport const PromptStarterListProvider = PromptStarterListContext.Provider;\n"],"names":["PromptStarterListContext","PromptStarterListProvider","usePromptStarterListContext","createContext","undefined","promptStarterListContextDefaultValue","numberOfColumns","selector","useContextSelector","ctx","Provider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;IAQAC,yBAAAA;eAAAA;;IAFAC,2BAAAA;eAAAA;;;sCAVqC;AAI3C,MAAMF,2BAA2BG,IAAAA,mCAAAA,EAAyDC;AAEjG,MAAMC,uCAAsE;IAC1EC,iBAAiB;AACnB;AAEO,MAAMJ,8BAA8B,CAAIK,WAC7CC,IAAAA,wCAAAA,EAAmBR,0BAA0B,CAACS,MAAMJ,oCAAoC,GAAKE,SAASE;AACjG,MAAMR,4BAA4BD,yBAAyBU,QAAQ"}
|
package/lib-commonjs/index.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
PromptStarter: function() {
|
|
13
|
-
return _PromptStarter.PromptStarter;
|
|
14
|
-
},
|
|
15
|
-
PromptStarterList: function() {
|
|
16
|
-
return _PromptStarterList.PromptStarterList;
|
|
17
|
-
},
|
|
18
|
-
PromptStarterV2: function() {
|
|
19
|
-
return _PromptStarterV2.PromptStarter;
|
|
20
|
-
},
|
|
21
|
-
promptStarterClassNames: function() {
|
|
22
|
-
return _PromptStarter.promptStarterClassNames;
|
|
23
|
-
},
|
|
24
|
-
promptStarterListClassNames: function() {
|
|
25
|
-
return _PromptStarterList.promptStarterListClassNames;
|
|
26
|
-
},
|
|
27
|
-
promptStarterV2ClassNames: function() {
|
|
28
|
-
return _PromptStarterV2.promptStarterClassNames;
|
|
29
|
-
},
|
|
30
|
-
renderPromptStarterList_unstable: function() {
|
|
31
|
-
return _PromptStarterList.renderPromptStarterList_unstable;
|
|
32
|
-
},
|
|
33
|
-
renderPromptStarterV2_unstable: function() {
|
|
34
|
-
return _PromptStarterV2.renderPromptStarter_unstable;
|
|
35
|
-
},
|
|
36
|
-
renderPromptStarter_unstable: function() {
|
|
37
|
-
return _PromptStarter.renderPromptStarter_unstable;
|
|
38
|
-
},
|
|
39
|
-
usePromptStarterListStyles_unstable: function() {
|
|
40
|
-
return _PromptStarterList.usePromptStarterListStyles_unstable;
|
|
41
|
-
},
|
|
42
|
-
usePromptStarterList_unstable: function() {
|
|
43
|
-
return _PromptStarterList.usePromptStarterList_unstable;
|
|
44
|
-
},
|
|
45
|
-
usePromptStarterStyles_unstable: function() {
|
|
46
|
-
return _PromptStarter.usePromptStarterStyles_unstable;
|
|
47
|
-
},
|
|
48
|
-
usePromptStarterV2Styles_unstable: function() {
|
|
49
|
-
return _PromptStarterV2.usePromptStarterStyles_unstable;
|
|
50
|
-
},
|
|
51
|
-
usePromptStarterV2_unstable: function() {
|
|
52
|
-
return _PromptStarterV2.usePromptStarter_unstable;
|
|
53
|
-
},
|
|
54
|
-
usePromptStarter_unstable: function() {
|
|
55
|
-
return _PromptStarter.usePromptStarter_unstable;
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
const _PromptStarter = require("./PromptStarter");
|
|
59
|
-
const _PromptStarterV2 = require("./PromptStarterV2");
|
|
60
|
-
const _PromptStarterList = require("./PromptStarterList");
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter';\nexport {\n PromptStarter,\n promptStarterClassNames,\n renderPromptStarter_unstable,\n usePromptStarterStyles_unstable,\n usePromptStarter_unstable,\n} from './PromptStarter';\n\nexport type {\n PromptStarterProps as PromptStarterV2Props,\n PromptStarterSlots as PromptStarterV2Slots,\n PromptStarterState as PromptStarterV2State,\n} from './PromptStarterV2';\nexport {\n PromptStarter as PromptStarterV2,\n promptStarterClassNames as promptStarterV2ClassNames,\n renderPromptStarter_unstable as renderPromptStarterV2_unstable,\n usePromptStarterStyles_unstable as usePromptStarterV2Styles_unstable,\n usePromptStarter_unstable as usePromptStarterV2_unstable,\n} from './PromptStarterV2';\n\nexport {\n PromptStarterList,\n renderPromptStarterList_unstable,\n usePromptStarterList_unstable,\n promptStarterListClassNames,\n usePromptStarterListStyles_unstable,\n} from './PromptStarterList';\nexport type { PromptStarterListProps, PromptStarterListSlots, PromptStarterListState } from './PromptStarterList';"],"names":["PromptStarter","PromptStarterList","PromptStarterV2","promptStarterClassNames","promptStarterListClassNames","promptStarterV2ClassNames","renderPromptStarterList_unstable","renderPromptStarterV2_unstable","renderPromptStarter_unstable","usePromptStarterListStyles_unstable","usePromptStarterList_unstable","usePromptStarterStyles_unstable","usePromptStarterV2Styles_unstable","usePromptStarterV2_unstable","usePromptStarter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,aAAa;eAAbA,4BAAa;;IAqBbC,iBAAiB;eAAjBA,oCAAiB;;IARAC,eAAe;eAAhCF,8BAAAA;;IAZAG,uBAAuB;eAAvBA,sCAAuB;;IAuBvBC,2BAA2B;eAA3BA,8CAA2B;;IAVAC,yBAAyB;eAApDF,wCAAAA;;IAQAG,gCAAgC;eAAhCA,mDAAgC;;IAPAC,8BAA8B;eAA9DC,6CAAAA;;IAbAA,4BAA4B;eAA5BA,2CAA4B;;IAuB5BC,mCAAmC;eAAnCA,sDAAmC;;IAFnCC,6BAA6B;eAA7BA,gDAA6B;;IApB7BC,+BAA+B;eAA/BA,8CAA+B;;IAaIC,iCAAiC;eAApED,gDAAAA;;IAC6BE,2BAA2B;eAAxDC,0CAAAA;;IAbAA,yBAAyB;eAAzBA,wCAAyB;;;+BACpB;iCAaA;mCAQA"}
|