@activecollab/components 2.0.143 → 2.0.145
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/dist/cjs/components/EntitiesHeader/EntitiesHeader.js +59 -0
- package/dist/cjs/components/EntitiesHeader/EntitiesHeader.js.map +1 -0
- package/dist/cjs/components/EntitiesHeader/Styles.js +58 -0
- package/dist/cjs/components/EntitiesHeader/Styles.js.map +1 -0
- package/dist/cjs/components/EntitiesHeader/index.js +17 -0
- package/dist/cjs/components/EntitiesHeader/index.js.map +1 -0
- package/dist/cjs/components/Icons/collection/Moon.js +47 -0
- package/dist/cjs/components/Icons/collection/Moon.js.map +1 -0
- package/dist/cjs/components/Icons/collection/index.js +7 -0
- package/dist/cjs/components/Icons/collection/index.js.map +1 -1
- package/dist/cjs/components/Wizard/Step.js +5 -2
- package/dist/cjs/components/Wizard/Step.js.map +1 -1
- package/dist/cjs/components/Wizard/Styles.js +1 -1
- package/dist/cjs/components/Wizard/Styles.js.map +1 -1
- package/dist/cjs/components/index.js +11 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/esm/components/EntitiesHeader/EntitiesHeader.d.ts +10 -0
- package/dist/esm/components/EntitiesHeader/EntitiesHeader.d.ts.map +1 -0
- package/dist/esm/components/EntitiesHeader/EntitiesHeader.js +41 -0
- package/dist/esm/components/EntitiesHeader/EntitiesHeader.js.map +1 -0
- package/dist/esm/components/EntitiesHeader/Styles.d.ts +11 -0
- package/dist/esm/components/EntitiesHeader/Styles.d.ts.map +1 -0
- package/dist/esm/components/EntitiesHeader/Styles.js +55 -0
- package/dist/esm/components/EntitiesHeader/Styles.js.map +1 -0
- package/dist/esm/components/EntitiesHeader/index.d.ts +2 -0
- package/dist/esm/components/EntitiesHeader/index.d.ts.map +1 -0
- package/dist/esm/components/EntitiesHeader/index.js +2 -0
- package/dist/esm/components/EntitiesHeader/index.js.map +1 -0
- package/dist/esm/components/Icons/collection/Moon.d.ts +23 -0
- package/dist/esm/components/Icons/collection/Moon.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/Moon.js +39 -0
- package/dist/esm/components/Icons/collection/Moon.js.map +1 -0
- package/dist/esm/components/Icons/collection/index.d.ts +1 -0
- package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/index.js +1 -0
- package/dist/esm/components/Icons/collection/index.js.map +1 -1
- package/dist/esm/components/Wizard/Step.d.ts +2 -0
- package/dist/esm/components/Wizard/Step.d.ts.map +1 -1
- package/dist/esm/components/Wizard/Step.js +4 -2
- package/dist/esm/components/Wizard/Step.js.map +1 -1
- package/dist/esm/components/Wizard/Styles.d.ts.map +1 -1
- package/dist/esm/components/Wizard/Styles.js +1 -1
- package/dist/esm/components/Wizard/Styles.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/index.js +164 -31
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -18,6 +18,8 @@ export const Step = _ref => {
|
|
|
18
18
|
actionLabel = "Proceed",
|
|
19
19
|
shouldRenderNextButton = true,
|
|
20
20
|
changingStepInProgress = false,
|
|
21
|
+
disableBackButton = false,
|
|
22
|
+
customRightHeader,
|
|
21
23
|
skip = false
|
|
22
24
|
} = _ref;
|
|
23
25
|
const onActionButtonClick = useCallback(() => {
|
|
@@ -26,12 +28,12 @@ export const Step = _ref => {
|
|
|
26
28
|
}
|
|
27
29
|
return onNextButtonClick && onNextButtonClick();
|
|
28
30
|
}, [isLast, onClose, onNextButtonClick]);
|
|
29
|
-
return !skip ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledStepHeader, null, /*#__PURE__*/React.createElement(StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/React.createElement(IconButton, {
|
|
31
|
+
return !skip ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledStepHeader, null, /*#__PURE__*/React.createElement(StyledStepHeaderLeft, null, !disableBackButton && index && index > 0 ? /*#__PURE__*/React.createElement(IconButton, {
|
|
30
32
|
onClick: onPreviousButtonClick,
|
|
31
33
|
variant: "text gray",
|
|
32
34
|
className: "tw--ml-3 tw-mr-2",
|
|
33
35
|
disabled: changingStepInProgress
|
|
34
|
-
}, /*#__PURE__*/React.createElement(ArrowBackMobileIcon, null)) : null, /*#__PURE__*/React.createElement(StyledStepTitle, null, /*#__PURE__*/React.createElement(Caption2, null, title), /*#__PURE__*/React.createElement(Header3, null, subtitle))), /*#__PURE__*/React.createElement(IconButton, {
|
|
36
|
+
}, /*#__PURE__*/React.createElement(ArrowBackMobileIcon, null)) : null, /*#__PURE__*/React.createElement(StyledStepTitle, null, /*#__PURE__*/React.createElement(Caption2, null, title), /*#__PURE__*/React.createElement(Header3, null, subtitle))), customRightHeader ? customRightHeader : /*#__PURE__*/React.createElement(IconButton, {
|
|
35
37
|
onClick: onClose,
|
|
36
38
|
variant: "text gray",
|
|
37
39
|
disabled: changingStepInProgress
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.js","names":["React","useCallback","StepActionButton","StyledStepTitle","StyledStepHeaderLeft","StyledStepHeader","StyledCustomStep","Dialog","IconButton","ArrowBackMobileIcon","CancelCrossIcon","Caption2","Header3","Step","_ref","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","skip","onActionButtonClick","createElement","Fragment","onClick","variant","className","disabled","ContentDivider","Content","Actions","displayName"],"sources":["../../../../src/components/Wizard/Step.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\n\nimport { StepActionButton } from \"./StepActionButton\";\nimport {\n StyledStepTitle,\n StyledStepHeaderLeft,\n StyledStepHeader,\n StyledCustomStep,\n} from \"./Styles\";\nimport { Dialog } from \"../Dialog\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { Caption2, Header3 } from \"../Typography\";\n\nexport interface IStep {\n index?: number;\n isLast?: boolean;\n subtitle: string;\n title?: string;\n onNextButtonClick?: () => void;\n onPreviousButtonClick?: () => void;\n onClose?: () => void;\n children: ReactNode;\n actionLabel?: string;\n shouldRenderNextButton?: boolean;\n changingStepInProgress?: boolean;\n skip?: boolean;\n}\n\nexport const Step: FC<IStep> = ({\n index,\n isLast,\n subtitle,\n title,\n onNextButtonClick,\n onPreviousButtonClick,\n onClose,\n children,\n actionLabel = \"Proceed\",\n shouldRenderNextButton = true,\n changingStepInProgress = false,\n skip = false,\n}) => {\n const onActionButtonClick = useCallback(() => {\n if (isLast && onClose) {\n return onClose();\n }\n\n return onNextButtonClick && onNextButtonClick();\n }, [isLast, onClose, onNextButtonClick]);\n\n return !skip ? (\n <>\n <StyledStepHeader>\n <StyledStepHeaderLeft>\n {index && index > 0 ? (\n <IconButton\n onClick={onPreviousButtonClick}\n variant=\"text gray\"\n className=\"tw--ml-3 tw-mr-2\"\n disabled={changingStepInProgress}\n >\n <ArrowBackMobileIcon />\n </IconButton>\n ) : null}\n <StyledStepTitle>\n <Caption2>{title}</Caption2>\n <Header3>{subtitle}</Header3>\n </StyledStepTitle>\n </StyledStepHeaderLeft>\n <IconButton\n
|
|
1
|
+
{"version":3,"file":"Step.js","names":["React","useCallback","StepActionButton","StyledStepTitle","StyledStepHeaderLeft","StyledStepHeader","StyledCustomStep","Dialog","IconButton","ArrowBackMobileIcon","CancelCrossIcon","Caption2","Header3","Step","_ref","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","disableBackButton","customRightHeader","skip","onActionButtonClick","createElement","Fragment","onClick","variant","className","disabled","ContentDivider","Content","Actions","displayName"],"sources":["../../../../src/components/Wizard/Step.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\n\nimport { StepActionButton } from \"./StepActionButton\";\nimport {\n StyledStepTitle,\n StyledStepHeaderLeft,\n StyledStepHeader,\n StyledCustomStep,\n} from \"./Styles\";\nimport { Dialog } from \"../Dialog\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { Caption2, Header3 } from \"../Typography\";\n\nexport interface IStep {\n index?: number;\n isLast?: boolean;\n subtitle: string;\n title?: string;\n onNextButtonClick?: () => void;\n onPreviousButtonClick?: () => void;\n onClose?: () => void;\n children: ReactNode;\n actionLabel?: string;\n shouldRenderNextButton?: boolean;\n changingStepInProgress?: boolean;\n disableBackButton?: boolean;\n customRightHeader?: ReactNode;\n skip?: boolean;\n}\n\nexport const Step: FC<IStep> = ({\n index,\n isLast,\n subtitle,\n title,\n onNextButtonClick,\n onPreviousButtonClick,\n onClose,\n children,\n actionLabel = \"Proceed\",\n shouldRenderNextButton = true,\n changingStepInProgress = false,\n disableBackButton = false,\n customRightHeader,\n skip = false,\n}) => {\n const onActionButtonClick = useCallback(() => {\n if (isLast && onClose) {\n return onClose();\n }\n\n return onNextButtonClick && onNextButtonClick();\n }, [isLast, onClose, onNextButtonClick]);\n\n return !skip ? (\n <>\n <StyledStepHeader>\n <StyledStepHeaderLeft>\n {!disableBackButton && index && index > 0 ? (\n <IconButton\n onClick={onPreviousButtonClick}\n variant=\"text gray\"\n className=\"tw--ml-3 tw-mr-2\"\n disabled={changingStepInProgress}\n >\n <ArrowBackMobileIcon />\n </IconButton>\n ) : null}\n <StyledStepTitle>\n <Caption2>{title}</Caption2>\n <Header3>{subtitle}</Header3>\n </StyledStepTitle>\n </StyledStepHeaderLeft>\n {customRightHeader ? (\n customRightHeader\n ) : (\n <IconButton\n onClick={onClose}\n variant=\"text gray\"\n disabled={changingStepInProgress}\n >\n <CancelCrossIcon />\n </IconButton>\n )}\n </StyledStepHeader>\n <Dialog.ContentDivider />\n {shouldRenderNextButton ? (\n <>\n <Dialog.Content>{children}</Dialog.Content>\n <Dialog.ContentDivider />\n <Dialog.Actions>\n <StepActionButton\n isLast={isLast}\n actionLabel={actionLabel}\n onNextButtonClick={onActionButtonClick}\n />\n </Dialog.Actions>\n </>\n ) : (\n <StyledCustomStep>{children}</StyledCustomStep>\n )}\n </>\n ) : null;\n};\n\nStep.displayName = \"Step\";\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,oEAI5B,CAAC;AAEF,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,oEAI5B,CAAC;AAEF,eAAO,MAAM,eAAe,oEAI3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAEhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAE5B,CAAC"}
|
|
@@ -6,7 +6,7 @@ export const StyledStepHeader = styled.div.withConfig({
|
|
|
6
6
|
export const StyledStepTitle = styled.div.withConfig({
|
|
7
7
|
displayName: "Styles__StyledStepTitle",
|
|
8
8
|
componentId: "sc-88drbd-1"
|
|
9
|
-
})(["display:flex;flex-direction:column;"]);
|
|
9
|
+
})(["display:flex;flex-direction:column;justify-content:center;"]);
|
|
10
10
|
export const StyledStepHeaderLeft = styled.div.withConfig({
|
|
11
11
|
displayName: "Styles__StyledStepHeaderLeft",
|
|
12
12
|
componentId: "sc-88drbd-2"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","StyledStepHeader","div","withConfig","displayName","componentId","StyledStepTitle","StyledStepHeaderLeft","StyledCustomStep"],"sources":["../../../../src/components/Wizard/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledStepHeader = styled.div`\n display: flex;\n padding: 12px 12px 12px 32px;\n justify-content: space-between;\n`;\n\nexport const StyledStepTitle = styled.div`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledStepHeaderLeft = styled.div`\n display: flex;\n`;\n\nexport const StyledCustomStep = styled.div`\n overflow-y: auto;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAIzC;AAED,OAAO,MAAMC,eAAe,GAAGN,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","StyledStepHeader","div","withConfig","displayName","componentId","StyledStepTitle","StyledStepHeaderLeft","StyledCustomStep"],"sources":["../../../../src/components/Wizard/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledStepHeader = styled.div`\n display: flex;\n padding: 12px 12px 12px 32px;\n justify-content: space-between;\n`;\n\nexport const StyledStepTitle = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n`;\n\nexport const StyledStepHeaderLeft = styled.div`\n display: flex;\n`;\n\nexport const StyledCustomStep = styled.div`\n overflow-y: auto;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAIzC;AAED,OAAO,MAAMC,eAAe,GAAGN,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAIxC;AAED,OAAO,MAAME,oBAAoB,GAAGP,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE7C;AAED,OAAO,MAAMG,gBAAgB,GAAGR,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wBAEzC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW"}
|
package/dist/index.js
CHANGED
|
@@ -5172,6 +5172,44 @@
|
|
|
5172
5172
|
MinusIcon.displayName = "MinusIcon";
|
|
5173
5173
|
var MinusIcon$1 = MinusIcon;
|
|
5174
5174
|
|
|
5175
|
+
/**
|
|
5176
|
+
* @component MoonIcon
|
|
5177
|
+
* @description
|
|
5178
|
+
*
|
|
5179
|
+
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
5180
|
+
* The Icon component is
|
|
5181
|
+
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
5182
|
+
*
|
|
5183
|
+
*
|
|
5184
|
+
* @example
|
|
5185
|
+
* return (
|
|
5186
|
+
* <MoonIcon className="mr-2" />
|
|
5187
|
+
* )
|
|
5188
|
+
*
|
|
5189
|
+
* @see
|
|
5190
|
+
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
5191
|
+
* @see
|
|
5192
|
+
* https://design.activecollab.com/docs/foundations/icons
|
|
5193
|
+
*/
|
|
5194
|
+
var MoonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
|
|
5195
|
+
return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
|
|
5196
|
+
width: 20,
|
|
5197
|
+
height: 20,
|
|
5198
|
+
viewBox: "0 0 20 20",
|
|
5199
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5200
|
+
"data-testid": "MoonIcon",
|
|
5201
|
+
fill: "var(--color-theme-600)",
|
|
5202
|
+
focusable: false,
|
|
5203
|
+
ref: svgRef
|
|
5204
|
+
}, props), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
5205
|
+
fillRule: "evenodd",
|
|
5206
|
+
clipRule: "evenodd",
|
|
5207
|
+
d: "M10.06.509a1 1 0 01-.067 1.085 6.015 6.015 0 008.413 8.413 1 1 0 011.59.896A10.02 10.02 0 119.097.004a1 1 0 01.963.505zm-2.765 1.93a8.019 8.019 0 1010.266 10.266A8.014 8.014 0 017.295 2.439z"
|
|
5208
|
+
}));
|
|
5209
|
+
});
|
|
5210
|
+
MoonIcon.displayName = "MoonIcon";
|
|
5211
|
+
var MoonIcon$1 = MoonIcon;
|
|
5212
|
+
|
|
5175
5213
|
/**
|
|
5176
5214
|
* @component MoveTriggerIcon
|
|
5177
5215
|
* @description
|
|
@@ -12736,34 +12774,6 @@
|
|
|
12736
12774
|
});
|
|
12737
12775
|
EntityCard$1.displayName = "EntityCard";
|
|
12738
12776
|
|
|
12739
|
-
var StyledSignifier = styled__default["default"].div.withConfig({
|
|
12740
|
-
displayName: "Styles__StyledSignifier",
|
|
12741
|
-
componentId: "sc-1idn4je-0"
|
|
12742
|
-
})(["", " ", " ", " cursor:default;", " ", ""], {
|
|
12743
|
-
"display": "inline-flex",
|
|
12744
|
-
"alignItems": "center",
|
|
12745
|
-
"color": "var(--color-theme-800)"
|
|
12746
|
-
}, FontStyle, BoxSizingStyle, function (props) {
|
|
12747
|
-
return props.$direction === "c-signifier--top" && styled.css(["--signifier-in:60%;--signifier-out:-60%;"]);
|
|
12748
|
-
}, function (props) {
|
|
12749
|
-
return props.$direction === "c-signifier--bottom" && styled.css(["--signifier-in:-60%;--signifier-out:60%;"]);
|
|
12750
|
-
});
|
|
12751
|
-
StyledSignifier.displayName = "StyledSignifier";
|
|
12752
|
-
var StyledSignifierTransition = styled__default["default"](reactTransitionGroup.CSSTransition).withConfig({
|
|
12753
|
-
displayName: "Styles__StyledSignifierTransition",
|
|
12754
|
-
componentId: "sc-1idn4je-1"
|
|
12755
|
-
})(["&.c-signifier--animate-enter{opacity:0;transform:translateY(var(--signifier-in));}&.c-signifier--animate-enter-active{opacity:1;transform:translateY(0%);transition-duration:300ms;}&.c-signifier--animate-exit{transform:translateY(0%);opacity:1;}&.c-signifier--animate-exit-active{transform:translateY(var(--signifier-out));opacity:0;transition-duration:300ms;}"]);
|
|
12756
|
-
StyledSignifierTransition.displayName = "StyledSignifierTransition";
|
|
12757
|
-
var StyledIcon$1 = styled__default["default"].svg.withConfig({
|
|
12758
|
-
displayName: "Styles__StyledIcon",
|
|
12759
|
-
componentId: "sc-1idn4je-2"
|
|
12760
|
-
})(["", ""], {
|
|
12761
|
-
"marginRight": "0.25rem",
|
|
12762
|
-
"fontSize": "0.75rem",
|
|
12763
|
-
"lineHeight": "1rem"
|
|
12764
|
-
});
|
|
12765
|
-
StyledIcon$1.displayName = "StyledIcon";
|
|
12766
|
-
|
|
12767
12777
|
var _excluded$Y = ["weight", "children"];
|
|
12768
12778
|
var Title1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
12769
12779
|
var _ref$weight = _ref.weight,
|
|
@@ -12846,6 +12856,124 @@
|
|
|
12846
12856
|
});
|
|
12847
12857
|
Caption2.displayName = "Caption2";
|
|
12848
12858
|
|
|
12859
|
+
var StyledChildrenWrapper$1 = styled__default["default"].div.withConfig({
|
|
12860
|
+
displayName: "Styles__StyledChildrenWrapper",
|
|
12861
|
+
componentId: "sc-13n85xv-0"
|
|
12862
|
+
})(["", ""], {
|
|
12863
|
+
"flexShrink": "0"
|
|
12864
|
+
});
|
|
12865
|
+
StyledChildrenWrapper$1.displayName = "StyledChildrenWrapper";
|
|
12866
|
+
var StyledWrapper$2 = styled__default["default"].div.withConfig({
|
|
12867
|
+
displayName: "Styles__StyledWrapper",
|
|
12868
|
+
componentId: "sc-13n85xv-1"
|
|
12869
|
+
})(["", " justify-content:", ";"], {
|
|
12870
|
+
"marginBottom": "1rem",
|
|
12871
|
+
"display": "flex",
|
|
12872
|
+
"alignItems": "center",
|
|
12873
|
+
"gap": "1rem"
|
|
12874
|
+
}, function (_ref) {
|
|
12875
|
+
var $expanded = _ref.$expanded;
|
|
12876
|
+
return $expanded ? "space-between" : "flex-start";
|
|
12877
|
+
});
|
|
12878
|
+
StyledWrapper$2.displayName = "StyledWrapper";
|
|
12879
|
+
var StyledTitle = styled__default["default"](Body2).withConfig({
|
|
12880
|
+
displayName: "Styles__StyledTitle",
|
|
12881
|
+
componentId: "sc-13n85xv-2"
|
|
12882
|
+
})(["", ""], {
|
|
12883
|
+
"overflow": "hidden",
|
|
12884
|
+
"textOverflow": "ellipsis",
|
|
12885
|
+
"whiteSpace": "nowrap"
|
|
12886
|
+
});
|
|
12887
|
+
StyledTitle.displayName = "StyledTitle";
|
|
12888
|
+
var StyledDividerLine = styled__default["default"].div.withConfig({
|
|
12889
|
+
displayName: "Styles__StyledDividerLine",
|
|
12890
|
+
componentId: "sc-13n85xv-3"
|
|
12891
|
+
})(["", " border-top:1px solid var(--border-primary);"], {
|
|
12892
|
+
"flex": "1 1 0%"
|
|
12893
|
+
});
|
|
12894
|
+
StyledDividerLine.displayName = "StyledDividerLine";
|
|
12895
|
+
var StyledCollapseExpandSingleIcon = styled__default["default"](CollapseExpandSingleIcon$1).withConfig({
|
|
12896
|
+
displayName: "Styles__StyledCollapseExpandSingleIcon",
|
|
12897
|
+
componentId: "sc-13n85xv-4"
|
|
12898
|
+
})(["", " transform:", ";transition:all 0.2s ease;"], {
|
|
12899
|
+
"marginRight": "0.25rem",
|
|
12900
|
+
"cursor": "pointer"
|
|
12901
|
+
}, function (_ref2) {
|
|
12902
|
+
var $expanded = _ref2.$expanded;
|
|
12903
|
+
return $expanded ? "rotate(0deg)" : "rotate(180deg)";
|
|
12904
|
+
});
|
|
12905
|
+
StyledCollapseExpandSingleIcon.displayName = "StyledCollapseExpandSingleIcon";
|
|
12906
|
+
|
|
12907
|
+
var EntitiesHeader = function EntitiesHeader(_ref) {
|
|
12908
|
+
var onClick = _ref.onClick,
|
|
12909
|
+
title = _ref.title,
|
|
12910
|
+
children = _ref.children,
|
|
12911
|
+
_ref$expanded = _ref.expanded,
|
|
12912
|
+
expanded = _ref$expanded === void 0 ? true : _ref$expanded,
|
|
12913
|
+
className = _ref.className;
|
|
12914
|
+
var ref = React.useRef(null);
|
|
12915
|
+
var _useState = React.useState(expanded),
|
|
12916
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
12917
|
+
open = _useState2[0],
|
|
12918
|
+
setOpen = _useState2[1];
|
|
12919
|
+
React.useEffect(function () {
|
|
12920
|
+
setOpen(expanded);
|
|
12921
|
+
}, [expanded]);
|
|
12922
|
+
var handleOnClick = React.useCallback(function () {
|
|
12923
|
+
var _ref$current;
|
|
12924
|
+
(_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
|
|
12925
|
+
setOpen(function (prev) {
|
|
12926
|
+
return !prev;
|
|
12927
|
+
});
|
|
12928
|
+
if (onClick) onClick();
|
|
12929
|
+
}, [onClick]);
|
|
12930
|
+
return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$2, {
|
|
12931
|
+
className: className,
|
|
12932
|
+
tabIndex: 0,
|
|
12933
|
+
ref: ref,
|
|
12934
|
+
$expanded: open
|
|
12935
|
+
}, /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
12936
|
+
variant: "text gray",
|
|
12937
|
+
size: "small",
|
|
12938
|
+
onClick: handleOnClick
|
|
12939
|
+
}, /*#__PURE__*/React__default["default"].createElement(StyledCollapseExpandSingleIcon, {
|
|
12940
|
+
$expanded: open
|
|
12941
|
+
}), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
|
|
12942
|
+
color: "secondary",
|
|
12943
|
+
weight: "medium"
|
|
12944
|
+
}, title)), !open && /*#__PURE__*/React__default["default"].createElement(StyledDividerLine, {
|
|
12945
|
+
"data-testid": "divider-line"
|
|
12946
|
+
}), open && /*#__PURE__*/React__default["default"].createElement(StyledChildrenWrapper$1, null, children));
|
|
12947
|
+
};
|
|
12948
|
+
|
|
12949
|
+
var StyledSignifier = styled__default["default"].div.withConfig({
|
|
12950
|
+
displayName: "Styles__StyledSignifier",
|
|
12951
|
+
componentId: "sc-1idn4je-0"
|
|
12952
|
+
})(["", " ", " ", " cursor:default;", " ", ""], {
|
|
12953
|
+
"display": "inline-flex",
|
|
12954
|
+
"alignItems": "center",
|
|
12955
|
+
"color": "var(--color-theme-800)"
|
|
12956
|
+
}, FontStyle, BoxSizingStyle, function (props) {
|
|
12957
|
+
return props.$direction === "c-signifier--top" && styled.css(["--signifier-in:60%;--signifier-out:-60%;"]);
|
|
12958
|
+
}, function (props) {
|
|
12959
|
+
return props.$direction === "c-signifier--bottom" && styled.css(["--signifier-in:-60%;--signifier-out:60%;"]);
|
|
12960
|
+
});
|
|
12961
|
+
StyledSignifier.displayName = "StyledSignifier";
|
|
12962
|
+
var StyledSignifierTransition = styled__default["default"](reactTransitionGroup.CSSTransition).withConfig({
|
|
12963
|
+
displayName: "Styles__StyledSignifierTransition",
|
|
12964
|
+
componentId: "sc-1idn4je-1"
|
|
12965
|
+
})(["&.c-signifier--animate-enter{opacity:0;transform:translateY(var(--signifier-in));}&.c-signifier--animate-enter-active{opacity:1;transform:translateY(0%);transition-duration:300ms;}&.c-signifier--animate-exit{transform:translateY(0%);opacity:1;}&.c-signifier--animate-exit-active{transform:translateY(var(--signifier-out));opacity:0;transition-duration:300ms;}"]);
|
|
12966
|
+
StyledSignifierTransition.displayName = "StyledSignifierTransition";
|
|
12967
|
+
var StyledIcon$1 = styled__default["default"].svg.withConfig({
|
|
12968
|
+
displayName: "Styles__StyledIcon",
|
|
12969
|
+
componentId: "sc-1idn4je-2"
|
|
12970
|
+
})(["", ""], {
|
|
12971
|
+
"marginRight": "0.25rem",
|
|
12972
|
+
"fontSize": "0.75rem",
|
|
12973
|
+
"lineHeight": "1rem"
|
|
12974
|
+
});
|
|
12975
|
+
StyledIcon$1.displayName = "StyledIcon";
|
|
12976
|
+
|
|
12849
12977
|
var signifierTypes = ["EyeIcon", "EyeSmallIcon", "PencilIcon", "PencilSmallIcon", "EyeOffIcon", "EyeOffSmallIcon", "ChecklistIcon", "ChecklistSmallIcon", "WarningTriangleIcon", "WarningTriangleSmallIcon", "DependencyIcon", "DependencySmallIcon", "MessageIcon", "MessageSmallIcon", "ClockStopwatchIcon", "ClockStopwatchSmallIcon", "ClockIcon", "ClockSmallIcon", "DollarOffIcon", "DollarOffSmallIcon", "DollarIcon", "DollarSmallIcon", "DollarCheckmarkIcon", "DollarCheckmarkSmallIcon", "DollarClockIcon", "DollarClockSmallIcon", "BellOffIcon", "BellOffSmallIcon", "LockIcon", "LockSmallIcon", "RecurringCheckmarkIcon", "RecurringCheckmarkSmallIcon"];
|
|
12850
12978
|
var Signifier = function Signifier(_ref) {
|
|
12851
12979
|
var Component = _ref.type,
|
|
@@ -20387,7 +20515,7 @@
|
|
|
20387
20515
|
var StyledStepTitle = styled__default["default"].div.withConfig({
|
|
20388
20516
|
displayName: "Styles__StyledStepTitle",
|
|
20389
20517
|
componentId: "sc-88drbd-1"
|
|
20390
|
-
})(["display:flex;flex-direction:column;"]);
|
|
20518
|
+
})(["display:flex;flex-direction:column;justify-content:center;"]);
|
|
20391
20519
|
var StyledStepHeaderLeft = styled__default["default"].div.withConfig({
|
|
20392
20520
|
displayName: "Styles__StyledStepHeaderLeft",
|
|
20393
20521
|
componentId: "sc-88drbd-2"
|
|
@@ -20412,6 +20540,9 @@
|
|
|
20412
20540
|
shouldRenderNextButton = _ref$shouldRenderNext === void 0 ? true : _ref$shouldRenderNext,
|
|
20413
20541
|
_ref$changingStepInPr = _ref.changingStepInProgress,
|
|
20414
20542
|
changingStepInProgress = _ref$changingStepInPr === void 0 ? false : _ref$changingStepInPr,
|
|
20543
|
+
_ref$disableBackButto = _ref.disableBackButton,
|
|
20544
|
+
disableBackButton = _ref$disableBackButto === void 0 ? false : _ref$disableBackButto,
|
|
20545
|
+
customRightHeader = _ref.customRightHeader,
|
|
20415
20546
|
_ref$skip = _ref.skip,
|
|
20416
20547
|
skip = _ref$skip === void 0 ? false : _ref$skip;
|
|
20417
20548
|
var onActionButtonClick = React.useCallback(function () {
|
|
@@ -20420,12 +20551,12 @@
|
|
|
20420
20551
|
}
|
|
20421
20552
|
return onNextButtonClick && onNextButtonClick();
|
|
20422
20553
|
}, [isLast, onClose, onNextButtonClick]);
|
|
20423
|
-
return !skip ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledStepHeader, null, /*#__PURE__*/React__default["default"].createElement(StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/React__default["default"].createElement(IconButton, {
|
|
20554
|
+
return !skip ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledStepHeader, null, /*#__PURE__*/React__default["default"].createElement(StyledStepHeaderLeft, null, !disableBackButton && index && index > 0 ? /*#__PURE__*/React__default["default"].createElement(IconButton, {
|
|
20424
20555
|
onClick: onPreviousButtonClick,
|
|
20425
20556
|
variant: "text gray",
|
|
20426
20557
|
className: "tw--ml-3 tw-mr-2",
|
|
20427
20558
|
disabled: changingStepInProgress
|
|
20428
|
-
}, /*#__PURE__*/React__default["default"].createElement(ArrowBackMobileIcon$1, null)) : null, /*#__PURE__*/React__default["default"].createElement(StyledStepTitle, null, /*#__PURE__*/React__default["default"].createElement(Caption2, null, title), /*#__PURE__*/React__default["default"].createElement(Header3, null, subtitle))), /*#__PURE__*/React__default["default"].createElement(IconButton, {
|
|
20559
|
+
}, /*#__PURE__*/React__default["default"].createElement(ArrowBackMobileIcon$1, null)) : null, /*#__PURE__*/React__default["default"].createElement(StyledStepTitle, null, /*#__PURE__*/React__default["default"].createElement(Caption2, null, title), /*#__PURE__*/React__default["default"].createElement(Header3, null, subtitle))), customRightHeader ? customRightHeader : /*#__PURE__*/React__default["default"].createElement(IconButton, {
|
|
20429
20560
|
onClick: onClose,
|
|
20430
20561
|
variant: "text gray",
|
|
20431
20562
|
disabled: changingStepInProgress
|
|
@@ -21348,6 +21479,7 @@
|
|
|
21348
21479
|
exports.EditableText = EditableText;
|
|
21349
21480
|
exports.EmojiIcon = EmojiIcon$1;
|
|
21350
21481
|
exports.EmptySlate = EmptySlate;
|
|
21482
|
+
exports.EntitiesHeader = EntitiesHeader;
|
|
21351
21483
|
exports.Entity = Entity;
|
|
21352
21484
|
exports.EntityCard = EntityCard$1;
|
|
21353
21485
|
exports.EstimatePlusIcon = EstimatePlusIcon$1;
|
|
@@ -21422,6 +21554,7 @@
|
|
|
21422
21554
|
exports.MessageSolidIcon = MessageSolidIcon$1;
|
|
21423
21555
|
exports.MinusIcon = MinusIcon$1;
|
|
21424
21556
|
exports.Modal = Modal;
|
|
21557
|
+
exports.MoonIcon = MoonIcon$1;
|
|
21425
21558
|
exports.MoveIcon = MoveIcon$1;
|
|
21426
21559
|
exports.MoveTriggerIcon = MoveTriggerIcon$1;
|
|
21427
21560
|
exports.MultiAvatar = MultiAvatar;
|