@pega/cosmos-react-core 4.0.0-dev.11.1 → 4.0.0-dev.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/AppShell/AppShell.d.ts.map +1 -1
- package/lib/components/AppShell/AppShell.js +0 -1
- package/lib/components/AppShell/AppShell.js.map +1 -1
- package/lib/components/AppShell/AppShell.types.d.ts +0 -1
- package/lib/components/AppShell/AppShell.types.d.ts.map +1 -1
- package/lib/components/AppShell/AppShell.types.js.map +1 -1
- package/lib/components/AppShell/NavigationList.d.ts.map +1 -1
- package/lib/components/AppShell/NavigationList.js +4 -3
- package/lib/components/AppShell/NavigationList.js.map +1 -1
- package/lib/components/Badges/Selection.d.ts.map +1 -1
- package/lib/components/Badges/Selection.js +9 -3
- package/lib/components/Badges/Selection.js.map +1 -1
- package/lib/components/Button/Button.d.ts.map +1 -1
- package/lib/components/Button/Button.js +6 -3
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Card/index.d.ts +0 -2
- package/lib/components/Card/index.d.ts.map +1 -1
- package/lib/components/Card/index.js +0 -1
- package/lib/components/Card/index.js.map +1 -1
- package/lib/components/Configuration/Configuration.d.ts +1 -10
- package/lib/components/Configuration/Configuration.d.ts.map +1 -1
- package/lib/components/Configuration/Configuration.js +1 -3
- package/lib/components/Configuration/Configuration.js.map +1 -1
- package/lib/components/FieldGroup/FieldGroup.d.ts +4 -0
- package/lib/components/FieldGroup/FieldGroup.d.ts.map +1 -1
- package/lib/components/FieldGroup/FieldGroup.js +4 -3
- package/lib/components/FieldGroup/FieldGroup.js.map +1 -1
- package/lib/components/FieldGroup/FieldGroupList.d.ts.map +1 -1
- package/lib/components/FieldGroup/FieldGroupList.js +2 -2
- package/lib/components/FieldGroup/FieldGroupList.js.map +1 -1
- package/lib/components/File/FileInput.d.ts +1 -2
- package/lib/components/File/FileInput.d.ts.map +1 -1
- package/lib/components/File/FileInput.js +2 -8
- package/lib/components/File/FileInput.js.map +1 -1
- package/lib/components/ListToolbar/ListToolbar.js +2 -2
- package/lib/components/ListToolbar/ListToolbar.js.map +1 -1
- package/lib/components/MultiStepForm/FormProgress.styles.d.ts +10 -1
- package/lib/components/MultiStepForm/FormProgress.styles.d.ts.map +1 -1
- package/lib/components/MultiStepForm/FormProgress.styles.js +77 -20
- package/lib/components/MultiStepForm/FormProgress.styles.js.map +1 -1
- package/lib/components/MultiStepForm/HorizontalFormProgress.d.ts +11 -0
- package/lib/components/MultiStepForm/HorizontalFormProgress.d.ts.map +1 -0
- package/lib/components/MultiStepForm/{FormProgress.js → HorizontalFormProgress.js} +17 -4
- package/lib/components/MultiStepForm/HorizontalFormProgress.js.map +1 -0
- package/lib/components/MultiStepForm/MultiStepForm.d.ts.map +1 -1
- package/lib/components/MultiStepForm/MultiStepForm.js +37 -6
- package/lib/components/MultiStepForm/MultiStepForm.js.map +1 -1
- package/lib/components/MultiStepForm/MultiStepForm.types.d.ts +5 -0
- package/lib/components/MultiStepForm/MultiStepForm.types.d.ts.map +1 -1
- package/lib/components/MultiStepForm/MultiStepForm.types.js.map +1 -1
- package/lib/components/MultiStepForm/{FormProgress.d.ts → VerticalFormProgress.d.ts} +3 -3
- package/lib/components/MultiStepForm/VerticalFormProgress.d.ts.map +1 -0
- package/lib/components/MultiStepForm/VerticalFormProgress.js +18 -0
- package/lib/components/MultiStepForm/VerticalFormProgress.js.map +1 -0
- package/lib/components/PageTemplates/CategorySubPage.d.ts.map +1 -1
- package/lib/components/PageTemplates/CategorySubPage.js +1 -1
- package/lib/components/PageTemplates/CategorySubPage.js.map +1 -1
- package/lib/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/lib/components/SearchInput/SearchInput.js +21 -42
- package/lib/components/SearchInput/SearchInput.js.map +1 -1
- package/lib/components/SearchInput/SearchInput.styles.d.ts +1 -0
- package/lib/components/SearchInput/SearchInput.styles.d.ts.map +1 -1
- package/lib/components/SearchInput/SearchInput.styles.js +22 -0
- package/lib/components/SearchInput/SearchInput.styles.js.map +1 -1
- package/lib/components/Tabs/Tab.d.ts +0 -6
- package/lib/components/Tabs/Tab.d.ts.map +1 -1
- package/lib/components/Tabs/Tab.js +4 -6
- package/lib/components/Tabs/Tab.js.map +1 -1
- package/lib/components/Tabs/Tabs.d.ts.map +1 -1
- package/lib/components/Tabs/Tabs.js +2 -2
- package/lib/components/Tabs/Tabs.js.map +1 -1
- package/lib/components/Tabs/Tabs.types.d.ts +0 -5
- package/lib/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/lib/components/Tabs/Tabs.types.js.map +1 -1
- package/lib/hooks/index.d.ts +0 -1
- package/lib/hooks/index.d.ts.map +1 -1
- package/lib/hooks/index.js +0 -1
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useI18n.d.ts +1 -0
- package/lib/hooks/useI18n.d.ts.map +1 -1
- package/lib/i18n/default.d.ts +1 -0
- package/lib/i18n/default.d.ts.map +1 -1
- package/lib/i18n/default.js +1 -0
- package/lib/i18n/default.js.map +1 -1
- package/lib/i18n/i18n.d.ts +1 -0
- package/lib/i18n/i18n.d.ts.map +1 -1
- package/lib/theme/theme.d.ts +0 -30
- package/lib/theme/theme.d.ts.map +1 -1
- package/lib/theme/themeDefinition.json +0 -14
- package/lib/theme/themeOverrides.schema.json +0 -24
- package/package.json +1 -1
- package/lib/components/Card/SelectableCard.d.ts +0 -21
- package/lib/components/Card/SelectableCard.d.ts.map +0 -1
- package/lib/components/Card/SelectableCard.js +0 -45
- package/lib/components/Card/SelectableCard.js.map +0 -1
- package/lib/components/MultiStepForm/FormProgress.d.ts.map +0 -1
- package/lib/components/MultiStepForm/FormProgress.js.map +0 -1
- package/lib/hooks/useOverride.d.ts +0 -7
- package/lib/hooks/useOverride.d.ts.map +0 -1
- package/lib/hooks/useOverride.js +0 -3
- package/lib/hooks/useOverride.js.map +0 -1
|
@@ -459,30 +459,6 @@
|
|
|
459
459
|
},
|
|
460
460
|
"additionalProperties": false
|
|
461
461
|
},
|
|
462
|
-
"tabs": {
|
|
463
|
-
"type": "object",
|
|
464
|
-
"properties": {
|
|
465
|
-
"base": {
|
|
466
|
-
"type": "object",
|
|
467
|
-
"properties": {
|
|
468
|
-
"foreground": {
|
|
469
|
-
"type": "string"
|
|
470
|
-
}
|
|
471
|
-
},
|
|
472
|
-
"additionalProperties": false
|
|
473
|
-
},
|
|
474
|
-
"inverted": {
|
|
475
|
-
"type": "object",
|
|
476
|
-
"properties": {
|
|
477
|
-
"foreground": {
|
|
478
|
-
"type": "string"
|
|
479
|
-
}
|
|
480
|
-
},
|
|
481
|
-
"additionalProperties": false
|
|
482
|
-
}
|
|
483
|
-
},
|
|
484
|
-
"additionalProperties": false
|
|
485
|
-
},
|
|
486
462
|
"badges": {
|
|
487
463
|
"type": "object",
|
|
488
464
|
"properties": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pega/cosmos-react-core",
|
|
3
|
-
"version": "4.0.0-dev.
|
|
3
|
+
"version": "4.0.0-dev.12.0",
|
|
4
4
|
"description": "Cosmos is a visual design system and UI component collection. Its goal is to empower application developers in their pursuit to create engaging and rewarding user experiences.",
|
|
5
5
|
"author": "Pegasystems",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent, ReactElement } from 'react';
|
|
2
|
-
import { BaseProps, ForwardProps } from '../../types';
|
|
3
|
-
import { RadioCheckProps } from '../RadioCheck/RadioCheck';
|
|
4
|
-
export interface SelectableCardProps extends BaseProps {
|
|
5
|
-
/** The type of Card selection. Either 'checkbox' or 'radio'. */
|
|
6
|
-
type: RadioCheckProps['type'];
|
|
7
|
-
/** The content of the Card. */
|
|
8
|
-
children: ReactElement<any>;
|
|
9
|
-
/**
|
|
10
|
-
* Determines whether the Card is selected by default.
|
|
11
|
-
* @default false
|
|
12
|
-
*/
|
|
13
|
-
defaultChecked?: RadioCheckProps['defaultChecked'];
|
|
14
|
-
/** Callback when the Card is selected or de-selected. */
|
|
15
|
-
onChange?: (event: {
|
|
16
|
-
checked: boolean;
|
|
17
|
-
}) => void;
|
|
18
|
-
}
|
|
19
|
-
declare const SelectableCard: FunctionComponent<SelectableCardProps & ForwardProps>;
|
|
20
|
-
export default SelectableCard;
|
|
21
|
-
//# sourceMappingURL=SelectableCard.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectableCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/SelectableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKtD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAK3D,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,gEAAgE;IAChE,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,+BAA+B;IAC/B,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAClD;AA8BD,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CAoCzE,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { defaultThemeProp } from '../../theme';
|
|
5
|
-
import { debounce } from '../../utils';
|
|
6
|
-
import Flex, { StyledFlex } from '../Flex/Flex';
|
|
7
|
-
import RadioCheck from '../RadioCheck';
|
|
8
|
-
import CardContent from './CardContent';
|
|
9
|
-
import { StyledCard } from './Card';
|
|
10
|
-
const defaultProps = {
|
|
11
|
-
defaultChecked: false
|
|
12
|
-
};
|
|
13
|
-
const StyledSelectableCard = styled(StyledCard) `
|
|
14
|
-
border: 0.0625rem solid
|
|
15
|
-
${props => (props.checked ? props.theme.base.palette.interactive : '#f4f4f4')};
|
|
16
|
-
|
|
17
|
-
&:hover {
|
|
18
|
-
border: 0.0625rem solid
|
|
19
|
-
${props => (props.checked ? props.theme.base.palette.interactive : 'gray')};
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
${StyledFlex}${StyledFlex}:nth-child(1) {
|
|
23
|
-
margin-right: 0.625rem;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
${StyledFlex}${StyledFlex}:nth-child(2) {
|
|
27
|
-
margin-top: -0.1875rem;
|
|
28
|
-
}
|
|
29
|
-
`;
|
|
30
|
-
StyledSelectableCard.defaultProps = defaultThemeProp;
|
|
31
|
-
const SelectableCard = (props) => {
|
|
32
|
-
const { type, defaultChecked, onChange, children } = props;
|
|
33
|
-
const [checked, changeChecked] = useState(!!defaultChecked);
|
|
34
|
-
const onCardClick = () => {
|
|
35
|
-
changeChecked(!checked);
|
|
36
|
-
if (onChange) {
|
|
37
|
-
onChange({ checked: !checked });
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
const debouncedClickListener = () => debounce(onCardClick, 100)();
|
|
41
|
-
return (_jsx(StyledSelectableCard, { type: type, interactive: true, checked: checked, onClick: () => debouncedClickListener(), children: _jsx(CardContent, { children: _jsx(Flex, { container: { alignItems: 'start' }, children: _jsx("div", { children: _jsx(RadioCheck, { checked: checked, type: type, label: children, onChange: () => debouncedClickListener() }) }) }) }) }));
|
|
42
|
-
};
|
|
43
|
-
SelectableCard.defaultProps = defaultProps;
|
|
44
|
-
export default SelectableCard;
|
|
45
|
-
//# sourceMappingURL=SelectableCard.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectableCard.js","sourceRoot":"","sources":["../../../src/components/Card/SelectableCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAgBpC,MAAM,YAAY,GAAiC;IACjD,cAAc,EAAE,KAAK;CACtB,CAAC;AAMF,MAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,CAA2B;;MAEpE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;;;;QAIzE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;;;IAG5E,UAAU,GAAG,UAAU;;;;IAIvB,UAAU,GAAG,UAAU;;;CAG1B,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,cAAc,GAA0D,CAC5E,KAA0B,EAC1B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAE5D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC;QACxB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;SACjC;IACH,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC;IAElE,OAAO,CACL,KAAC,oBAAoB,IACnB,IAAI,EAAE,IAAI,EACV,WAAW,QACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,EAAE,YAEvC,KAAC,WAAW,cACV,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,YACtC,wBACE,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,GAAG,EAAE,CAAC,sBAAsB,EAAE,GACxC,GACE,GACD,GACK,GACO,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,YAAY,CAAC;AAE3C,eAAe,cAAc,CAAC","sourcesContent":["import { FunctionComponent, ReactElement, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { debounce } from '../../utils';\nimport Flex, { StyledFlex } from '../Flex/Flex';\nimport RadioCheck from '../RadioCheck';\nimport { RadioCheckProps } from '../RadioCheck/RadioCheck';\n\nimport CardContent from './CardContent';\nimport { StyledCard } from './Card';\n\nexport interface SelectableCardProps extends BaseProps {\n /** The type of Card selection. Either 'checkbox' or 'radio'. */\n type: RadioCheckProps['type'];\n /** The content of the Card. */\n children: ReactElement<any>;\n /**\n * Determines whether the Card is selected by default.\n * @default false\n */\n defaultChecked?: RadioCheckProps['defaultChecked'];\n /** Callback when the Card is selected or de-selected. */\n onChange?: (event: { checked: boolean }) => void;\n}\n\nconst defaultProps: Partial<SelectableCardProps> = {\n defaultChecked: false\n};\n\ninterface StyledSelectableCardProps extends SelectableCardProps {\n checked: boolean;\n}\n\nconst StyledSelectableCard = styled(StyledCard)<StyledSelectableCardProps>`\n border: 0.0625rem solid\n ${props => (props.checked ? props.theme.base.palette.interactive : '#f4f4f4')};\n\n &:hover {\n border: 0.0625rem solid\n ${props => (props.checked ? props.theme.base.palette.interactive : 'gray')};\n }\n\n ${StyledFlex}${StyledFlex}:nth-child(1) {\n margin-right: 0.625rem;\n }\n\n ${StyledFlex}${StyledFlex}:nth-child(2) {\n margin-top: -0.1875rem;\n }\n`;\n\nStyledSelectableCard.defaultProps = defaultThemeProp;\n\nconst SelectableCard: FunctionComponent<SelectableCardProps & ForwardProps> = (\n props: SelectableCardProps\n) => {\n const { type, defaultChecked, onChange, children } = props;\n const [checked, changeChecked] = useState(!!defaultChecked);\n\n const onCardClick = () => {\n changeChecked(!checked);\n if (onChange) {\n onChange({ checked: !checked });\n }\n };\n\n const debouncedClickListener = () => debounce(onCardClick, 100)();\n\n return (\n <StyledSelectableCard\n type={type}\n interactive\n checked={checked}\n onClick={() => debouncedClickListener()}\n >\n <CardContent>\n <Flex container={{ alignItems: 'start' }}>\n <div>\n <RadioCheck\n checked={checked}\n type={type}\n label={children}\n onChange={() => debouncedClickListener()}\n />\n </div>\n </Flex>\n </CardContent>\n </StyledSelectableCard>\n );\n};\n\nSelectableCard.defaultProps = defaultProps;\n\nexport default SelectableCard;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormProgress.d.ts","sourceRoot":"","sources":["../../../src/components/MultiStepForm/FormProgress.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAsC,MAAM,OAAO,CAAC;AAG9E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAa3C,OAAO,KAAK,kBAAkB,MAAM,uBAAuB,CAAC;AAE5D,UAAU,iBAAiB;IACzB,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,GAAG,YAAY,CAiGrE,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormProgress.js","sourceRoot":"","sources":["../../../src/components/MultiStepForm/FormProgress.tsx"],"names":[],"mappings":"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","sourcesContent":["import { remToPx, stripUnit } from 'polished';\nimport { FunctionComponent, CSSProperties, useEffect, useState } from 'react';\n\nimport { useElement, useTheme } from '../../hooks';\nimport { ForwardProps } from '../../types';\nimport { tryCatch } from '../../utils';\nimport Flex from '../Flex';\nimport Text from '../Text';\nimport Tooltip from '../Tooltip';\n\nimport {\n CurrentStepPopover,\n StepMarker,\n StyledBar,\n StyledFill,\n StyledFormProgress\n} from './FormProgress.styles';\nimport type MultiStepFormProps from './MultiStepForm.types';\n\ninterface FormProgressProps {\n steps: MultiStepFormProps['steps'];\n currentStepId: MultiStepFormProps['currentStepId'];\n}\n\nconst FormProgress: FunctionComponent<FormProgressProps & ForwardProps> = ({\n steps,\n currentStepId,\n ...restProps\n}) => {\n const curIdx = steps.findIndex(step => step.id === currentStepId);\n const curStep = steps[curIdx];\n const fillScale = curIdx / (steps.length - 1);\n\n const [currentStepEl, setCurrentStepEl] = useElement();\n const [stepEls, setStepEls] = useState<Record<string, HTMLElement>>({});\n const theme = useTheme();\n\n let popoverPlacement: 'top' | 'top-start' | 'top-end' = 'top';\n if (curIdx === 0) popoverPlacement = 'top-start';\n else if (curIdx === steps.length - 1) popoverPlacement = 'top-end';\n\n useEffect(() => {\n setCurrentStepEl(stepEls[curStep.id]);\n }, [Object.keys(stepEls), curStep]);\n\n return (\n <StyledFormProgress\n {...restProps}\n container={{ alignItems: 'center' }}\n role='progressbar'\n aria-valuenow={curIdx}\n aria-valuemin={0}\n aria-valuetext={curStep.name}\n aria-valuemax={steps.length}\n >\n <CurrentStepPopover\n show\n target={currentStepEl}\n placement={popoverPlacement}\n strategy='absolute'\n hideOnTargetHidden\n modifiers={[\n {\n name: 'offset',\n options: {\n offset: [\n 0,\n tryCatch(\n () => stripUnit(remToPx(theme.base.spacing)),\n () => 8\n )\n ]\n }\n }\n ]}\n >\n <Text variant='h4'>{curStep.name}</Text>\n </CurrentStepPopover>\n <Flex container={{ justify: 'between', alignItems: 'center' }} item={{ grow: 1 }}>\n {steps.map((step, index) => {\n return (\n <StepMarker\n key={step.id}\n ref={(el: HTMLElement | null) => {\n setStepEls(curr => {\n const newEls = { ...curr };\n if (!el && newEls[step.id]) {\n delete newEls[step.id];\n return newEls;\n }\n if (el) return { ...newEls, [step.id]: el };\n return newEls;\n });\n }}\n aria-label={step.name}\n aria-describedby={step.id}\n current={index === curIdx}\n depth={step.depth}\n prior={index < curIdx}\n onClick={step.onMarkerClick}\n >\n {index !== curIdx && (\n <Tooltip\n target={stepEls[step.id]}\n showDelay='none'\n hideDelay='short'\n portal={false}\n >\n {step.name}\n </Tooltip>\n )}\n </StepMarker>\n );\n })}\n </Flex>\n\n <StyledBar>\n <StyledFill style={{ '--fillScale': fillScale } as CSSProperties} />\n </StyledBar>\n </StyledFormProgress>\n );\n};\n\nexport default FormProgress;\n"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ConfigurationProps } from '../components/Configuration';
|
|
2
|
-
type OverrideMap = NonNullable<ConfigurationProps['overrideMap']>;
|
|
3
|
-
declare const _default: <C extends "FileInput">(comp: C) => {
|
|
4
|
-
FileInput?: import("react").ComponentType<import("..").FileInputProps> | undefined;
|
|
5
|
-
}[C];
|
|
6
|
-
export default _default;
|
|
7
|
-
//# sourceMappingURL=useOverride.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useOverride.d.ts","sourceRoot":"","sources":["../../src/hooks/useOverride.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAIjE,KAAK,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,CAAC;;;;AAElE,wBACyC"}
|
package/lib/hooks/useOverride.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useOverride.js","sourceRoot":"","sources":["../../src/hooks/useOverride.ts"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAIlD,eAAe,CAA8B,IAAO,EAAkB,EAAE,CACtE,gBAAgB,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC","sourcesContent":["import { ConfigurationProps } from '../components/Configuration';\n\nimport useConfiguration from './useConfiguration';\n\ntype OverrideMap = NonNullable<ConfigurationProps['overrideMap']>;\n\nexport default <C extends keyof OverrideMap>(comp: C): OverrideMap[C] =>\n useConfiguration().overrideMap?.[comp];\n"]}
|