@hitachivantara/uikit-react-core 4.0.1-next.0 → 4.0.1-next.3
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/Banner/Banner.d.ts +3 -2
- package/dist/Banner/Banner.js +2 -2
- package/dist/Banner/Banner.js.map +1 -1
- package/dist/Banner/{BannerWrapper → BannerContent}/ActionContainer/ActionContainer.js +0 -0
- package/dist/Banner/{BannerWrapper → BannerContent}/ActionContainer/ActionContainer.js.map +1 -1
- package/dist/Banner/{BannerWrapper → BannerContent}/ActionContainer/index.js +0 -0
- package/dist/Banner/{BannerWrapper → BannerContent}/ActionContainer/index.js.map +1 -1
- package/dist/Banner/{BannerWrapper → BannerContent}/ActionContainer/styles.js +0 -0
- package/dist/Banner/{BannerWrapper → BannerContent}/ActionContainer/styles.js.map +1 -1
- package/dist/Banner/BannerContent/BannerContent.d.ts +41 -0
- package/dist/Banner/{BannerWrapper/BannerContentWrapper.js → BannerContent/BannerContent.js} +5 -5
- package/dist/Banner/BannerContent/BannerContent.js.map +1 -0
- package/dist/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js +0 -0
- package/dist/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js.map +1 -1
- package/dist/Banner/{BannerWrapper → BannerContent}/MessageContainer/index.js +0 -0
- package/dist/Banner/{BannerWrapper → BannerContent}/MessageContainer/index.js.map +1 -1
- package/dist/Banner/{BannerWrapper → BannerContent}/MessageContainer/styles.js +0 -0
- package/dist/Banner/{BannerWrapper → BannerContent}/MessageContainer/styles.js.map +1 -1
- package/dist/Banner/BannerContent/index.d.ts +2 -0
- package/dist/Banner/{BannerWrapper → BannerContent}/index.js +2 -2
- package/dist/Banner/BannerContent/index.js.map +1 -0
- package/dist/Banner/{BannerWrapper → BannerContent}/styles.js +0 -0
- package/dist/Banner/{BannerWrapper → BannerContent}/styles.js.map +1 -1
- package/dist/Banner/index.d.ts +3 -0
- package/dist/Banner/index.js +2 -2
- package/dist/Banner/index.js.map +1 -1
- package/dist/BaseSwitch/BaseSwitch.d.ts +1 -1
- package/dist/BaseSwitch/BaseSwitch.js +6 -1
- package/dist/BaseSwitch/BaseSwitch.js.map +1 -1
- package/dist/BaseSwitch/styles.js +5 -1
- package/dist/BaseSwitch/styles.js.map +1 -1
- package/dist/ScrollTo/useScrollTo.js +2 -1
- package/dist/ScrollTo/useScrollTo.js.map +1 -1
- package/dist/ScrollTo/utils.js +39 -6
- package/dist/ScrollTo/utils.js.map +1 -1
- package/dist/Table/renderers/index.js +50 -0
- package/dist/Table/renderers/index.js.map +1 -1
- package/dist/Table/renderers/renderers.js +9 -15
- package/dist/Table/renderers/renderers.js.map +1 -1
- package/dist/UserPreferences/index.d.ts +9 -2
- package/dist/VerticalNavigation/Navigation/Navigation.d.ts +3 -3
- package/dist/VerticalNavigation/Navigation/Navigation.js +1 -1
- package/dist/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/VerticalNavigation/index.d.ts +4 -1
- package/dist/legacy/Banner/Banner.d.ts +3 -2
- package/dist/legacy/Banner/Banner.js +2 -2
- package/dist/legacy/Banner/Banner.js.map +1 -1
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/ActionContainer/ActionContainer.js +0 -0
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/ActionContainer/ActionContainer.js.map +1 -1
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/ActionContainer/index.js +0 -0
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/ActionContainer/index.js.map +1 -1
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/ActionContainer/styles.js +0 -0
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/ActionContainer/styles.js.map +1 -1
- package/dist/legacy/Banner/BannerContent/BannerContent.d.ts +41 -0
- package/dist/legacy/Banner/{BannerWrapper/BannerContentWrapper.js → BannerContent/BannerContent.js} +5 -5
- package/dist/legacy/Banner/BannerContent/BannerContent.js.map +1 -0
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js +0 -0
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js.map +1 -1
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/index.js +0 -0
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/index.js.map +1 -1
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/styles.js +0 -0
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/styles.js.map +1 -1
- package/dist/legacy/Banner/BannerContent/index.d.ts +2 -0
- package/dist/legacy/Banner/BannerContent/index.js +2 -0
- package/dist/legacy/Banner/BannerContent/index.js.map +1 -0
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/styles.js +0 -0
- package/dist/legacy/Banner/{BannerWrapper → BannerContent}/styles.js.map +1 -1
- package/dist/legacy/Banner/index.d.ts +3 -0
- package/dist/legacy/Banner/index.js +1 -1
- package/dist/legacy/Banner/index.js.map +1 -1
- package/dist/legacy/BaseSwitch/BaseSwitch.d.ts +1 -1
- package/dist/legacy/BaseSwitch/BaseSwitch.js +6 -1
- package/dist/legacy/BaseSwitch/BaseSwitch.js.map +1 -1
- package/dist/legacy/BaseSwitch/styles.js +5 -1
- package/dist/legacy/BaseSwitch/styles.js.map +1 -1
- package/dist/legacy/ScrollTo/useScrollTo.js +2 -1
- package/dist/legacy/ScrollTo/useScrollTo.js.map +1 -1
- package/dist/legacy/ScrollTo/utils.js +35 -5
- package/dist/legacy/ScrollTo/utils.js.map +1 -1
- package/dist/legacy/Table/renderers/index.js +1 -0
- package/dist/legacy/Table/renderers/index.js.map +1 -1
- package/dist/legacy/Table/renderers/renderers.js +6 -6
- package/dist/legacy/Table/renderers/renderers.js.map +1 -1
- package/dist/legacy/UserPreferences/index.d.ts +9 -2
- package/dist/legacy/VerticalNavigation/Navigation/Navigation.d.ts +3 -3
- package/dist/legacy/VerticalNavigation/Navigation/Navigation.js +1 -1
- package/dist/legacy/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/legacy/VerticalNavigation/index.d.ts +4 -1
- package/dist/modern/Banner/Banner.d.ts +3 -2
- package/dist/modern/Banner/Banner.js +2 -2
- package/dist/modern/Banner/Banner.js.map +1 -1
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/ActionContainer/ActionContainer.js +0 -0
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/ActionContainer/ActionContainer.js.map +1 -1
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/ActionContainer/index.js +0 -0
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/ActionContainer/index.js.map +1 -1
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/ActionContainer/styles.js +0 -0
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/ActionContainer/styles.js.map +1 -1
- package/dist/modern/Banner/BannerContent/BannerContent.d.ts +41 -0
- package/dist/modern/Banner/{BannerWrapper/BannerContentWrapper.js → BannerContent/BannerContent.js} +5 -5
- package/dist/modern/Banner/BannerContent/BannerContent.js.map +1 -0
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js +0 -0
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js.map +1 -1
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/MessageContainer/index.js +0 -0
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/MessageContainer/index.js.map +1 -1
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/MessageContainer/styles.js +0 -0
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/MessageContainer/styles.js.map +1 -1
- package/dist/modern/Banner/BannerContent/index.d.ts +2 -0
- package/dist/modern/Banner/BannerContent/index.js +2 -0
- package/dist/modern/Banner/BannerContent/index.js.map +1 -0
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/styles.js +0 -0
- package/dist/modern/Banner/{BannerWrapper → BannerContent}/styles.js.map +1 -1
- package/dist/modern/Banner/index.d.ts +3 -0
- package/dist/modern/Banner/index.js +1 -1
- package/dist/modern/Banner/index.js.map +1 -1
- package/dist/modern/BaseSwitch/BaseSwitch.d.ts +1 -1
- package/dist/modern/BaseSwitch/BaseSwitch.js +6 -1
- package/dist/modern/BaseSwitch/BaseSwitch.js.map +1 -1
- package/dist/modern/BaseSwitch/styles.js +5 -1
- package/dist/modern/BaseSwitch/styles.js.map +1 -1
- package/dist/modern/ScrollTo/useScrollTo.js +2 -2
- package/dist/modern/ScrollTo/useScrollTo.js.map +1 -1
- package/dist/modern/ScrollTo/utils.js +32 -6
- package/dist/modern/ScrollTo/utils.js.map +1 -1
- package/dist/modern/Table/renderers/index.js +1 -0
- package/dist/modern/Table/renderers/index.js.map +1 -1
- package/dist/modern/Table/renderers/renderers.js +6 -6
- package/dist/modern/Table/renderers/renderers.js.map +1 -1
- package/dist/modern/UserPreferences/index.d.ts +9 -2
- package/dist/modern/VerticalNavigation/Navigation/Navigation.d.ts +3 -3
- package/dist/modern/VerticalNavigation/Navigation/Navigation.js +1 -1
- package/dist/modern/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/modern/VerticalNavigation/index.d.ts +4 -1
- package/package.json +6 -4
- package/dist/Banner/BannerWrapper/BannerContentWrapper.js.map +0 -1
- package/dist/Banner/BannerWrapper/index.js.map +0 -1
- package/dist/legacy/Banner/BannerWrapper/BannerContentWrapper.js.map +0 -1
- package/dist/legacy/Banner/BannerWrapper/index.js +0 -2
- package/dist/legacy/Banner/BannerWrapper/index.js.map +0 -1
- package/dist/modern/Banner/BannerWrapper/BannerContentWrapper.js.map +0 -1
- package/dist/modern/Banner/BannerWrapper/index.js +0 -2
- package/dist/modern/Banner/BannerWrapper/index.js.map +0 -1
package/dist/legacy/Banner/{BannerWrapper/BannerContentWrapper.js → BannerContent/BannerContent.js}
RENAMED
|
@@ -23,7 +23,7 @@ import MessageContainer from "./MessageContainer";
|
|
|
23
23
|
import ActionContainer from "./ActionContainer";
|
|
24
24
|
import styles from "./styles";
|
|
25
25
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
26
|
-
var
|
|
26
|
+
var HvBannerContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
27
27
|
var id = props.id,
|
|
28
28
|
classes = props.classes,
|
|
29
29
|
_props$showIcon = props.showIcon,
|
|
@@ -76,7 +76,7 @@ var HvBannerContentWrapper = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
76
76
|
}, others))
|
|
77
77
|
});
|
|
78
78
|
});
|
|
79
|
-
process.env.NODE_ENV !== "production" ?
|
|
79
|
+
process.env.NODE_ENV !== "production" ? HvBannerContent.propTypes = {
|
|
80
80
|
/**
|
|
81
81
|
* Identifier.
|
|
82
82
|
*/
|
|
@@ -138,6 +138,6 @@ process.env.NODE_ENV !== "production" ? HvBannerContentWrapper.propTypes = {
|
|
|
138
138
|
actionProps: PropTypes.instanceOf(Object)
|
|
139
139
|
} : void 0;
|
|
140
140
|
export default withStyles(styles, {
|
|
141
|
-
name: "
|
|
142
|
-
})(
|
|
143
|
-
//# sourceMappingURL=
|
|
141
|
+
name: "HvBannerContent"
|
|
142
|
+
})(HvBannerContent);
|
|
143
|
+
//# sourceMappingURL=BannerContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerContent.js","names":["React","PropTypes","oneOfType","clsx","SnackbarContent","withStyles","iconVariant","MessageContainer","ActionContainer","styles","HvBannerContent","forwardRef","props","ref","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","icon","effectiveActionsPosition","outContainer","root","message","action","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback","propTypes","string","instanceOf","Object","node","oneOf","bool","func","arrayOf","shape","isRequired","label","disabled","name"],"sources":["../../../../src/Banner/BannerContent/BannerContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport clsx from \"clsx\";\nimport { SnackbarContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport MessageContainer from \"./MessageContainer\";\nimport ActionContainer from \"./ActionContainer\";\nimport styles from \"./styles\";\n\nconst HvBannerContent = React.forwardRef((props, ref) => {\n const {\n id,\n classes,\n showIcon = false,\n customIcon,\n variant = \"default\",\n onClose,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n content,\n actionProps,\n ...others\n } = props;\n\n const icon = customIcon || (showIcon && iconVariant(variant, \"base2\"));\n\n // default to inline\n // this might try to be more intelligent in the future,\n // taking into account the content length, available space,\n // number of actions, etc..\n const effectiveActionsPosition = actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n return (\n <div className={classes.outContainer}>\n <SnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: classes.root,\n message: classes.message,\n action: classes.action,\n }}\n className={clsx(classes[variant], classes.baseVariant)}\n message={\n <MessageContainer\n id={id}\n icon={icon}\n {...(effectiveActionsPosition === \"inline\" && {\n actionsOnMessage: actions,\n actionsOnMessageCallback: actionsCallback,\n })}\n message={content}\n />\n }\n action={\n <ActionContainer\n id={id}\n onClose={onClose}\n {...(effectiveActionsPosition === \"bottom-right\" && {\n action: actions,\n actionCallback: actionsCallback,\n })}\n {...actionProps}\n />\n }\n {...others}\n />\n </div>\n );\n});\n\nHvBannerContent.propTypes = {\n /**\n * Identifier.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied to the component.\n */\n classes: PropTypes.instanceOf(Object),\n /**\n * The message to display.\n */\n content: PropTypes.node,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n /**\n * Controls if the associated icon to the variant should be shown.\n */\n showIcon: PropTypes.bool,\n /**\n * Custom icon to replace the variant default.\n */\n customIcon: PropTypes.node,\n /**\n * onClose function.\n */\n onClose: PropTypes.func,\n /**\n * Actions to display on the right side.\n */\n actions: oneOfType([\n PropTypes.node,\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n })\n ),\n ]),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The position property of the header.\n */\n actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n /**\n * The props to pass down to the Action Container.\n */\n actionProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBannerContent\" })(HvBannerContent);\n"],"mappings":"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"}
|
package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js
RENAMED
|
File without changes
|
package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js.map
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageContainer.js","names":["React","PropTypes","oneOfType","withStyles","HvTypography","ActionsGeneric","setId","styles","MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","actionMessageContainer","propTypes","string","instanceOf","Object","node","arrayOf","shape","isRequired","label","func","disabled","bool","name"],"sources":["../../../../../src/Banner/
|
|
1
|
+
{"version":3,"file":"MessageContainer.js","names":["React","PropTypes","oneOfType","withStyles","HvTypography","ActionsGeneric","setId","styles","MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","actionMessageContainer","propTypes","string","instanceOf","Object","node","arrayOf","shape","isRequired","label","func","disabled","bool","name"],"sources":["../../../../../src/Banner/BannerContent/MessageContainer/MessageContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../../Typography\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst MessageContainer = ({\n id,\n classes,\n icon,\n actionsOnMessage,\n actionsOnMessageCallback,\n message,\n}) => (\n <>\n {icon && <div className={classes.iconContainer}>{icon}</div>}\n <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n {message}\n </HvTypography>\n {actionsOnMessage && (\n <div id={setId(id, \"message-actions\")} className={classes.actionMessageContainer}>\n <ActionsGeneric\n id={id}\n category=\"semantic\"\n actions={actionsOnMessage}\n actionsCallback={actionsOnMessageCallback}\n />\n </div>\n )}\n </>\n);\n\nMessageContainer.propTypes = {\n /**\n * Identifier.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied to the button.\n */\n classes: PropTypes.instanceOf(Object),\n /**\n * Icon to be presented.\n */\n icon: PropTypes.node,\n /**\n * The message to display.\n */\n message: PropTypes.node,\n /**\n * Actions to display on message.\n */\n actionsOnMessage: oneOfType([\n PropTypes.node,\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n })\n ),\n ]),\n /**\n * The callback function ran when an action is triggered, receiving `actionsOnMessage` as param\n */\n actionsOnMessageCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvMessageContainer\" })(MessageContainer);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,OAAOC,cAAP,MAA2B,yBAA3B;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IACvBC,EADuB,QACvBA,EADuB;EAAA,IAEvBC,OAFuB,QAEvBA,OAFuB;EAAA,IAGvBC,IAHuB,QAGvBA,IAHuB;EAAA,IAIvBC,gBAJuB,QAIvBA,gBAJuB;EAAA,IAKvBC,wBALuB,QAKvBA,wBALuB;EAAA,IAMvBC,OANuB,QAMvBA,OANuB;EAAA,oBAQvB;IAAA,WACGH,IAAI,iBAAI;MAAK,SAAS,EAAED,OAAO,CAACK,aAAxB;MAAA,UAAwCJ;IAAxC,EADX,eAEE,KAAC,YAAD;MAAc,EAAE,EAAEL,KAAK,CAACG,EAAD,EAAK,cAAL,CAAvB;MAA6C,SAAS,EAAEC,OAAO,CAACI,OAAhE;MAAA,UACGA;IADH,EAFF,EAKGF,gBAAgB,iBACf;MAAK,EAAE,EAAEN,KAAK,CAACG,EAAD,EAAK,iBAAL,CAAd;MAAuC,SAAS,EAAEC,OAAO,CAACM,sBAA1D;MAAA,uBACE,KAAC,cAAD;QACE,EAAE,EAAEP,EADN;QAEE,QAAQ,EAAC,UAFX;QAGE,OAAO,EAAEG,gBAHX;QAIE,eAAe,EAAEC;MAJnB;IADF,EANJ;EAAA,EARuB;AAAA,CAAzB;;AA0BA,wCAAAL,gBAAgB,CAACS,SAAjB,GAA6B;EAC3B;AACF;AACA;EACER,EAAE,EAAER,SAAS,CAACiB,MAJa;;EAK3B;AACF;AACA;EACER,OAAO,EAAET,SAAS,CAACkB,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACET,IAAI,EAAEV,SAAS,CAACoB,IAZW;;EAa3B;AACF;AACA;EACEP,OAAO,EAAEb,SAAS,CAACoB,IAhBQ;;EAiB3B;AACF;AACA;EACET,gBAAgB,EAAEV,SAAS,CAAC,CAC1BD,SAAS,CAACoB,IADgB,EAE1BpB,SAAS,CAACqB,OAAV,CACErB,SAAS,CAACsB,KAAV,CAAgB;IACdd,EAAE,EAAER,SAAS,CAACiB,MAAV,CAAiBM,UADP;IAEdC,KAAK,EAAExB,SAAS,CAACiB,MAAV,CAAiBM,UAFV;IAGdb,IAAI,EAAEV,SAAS,CAACyB,IAHF;IAIdC,QAAQ,EAAE1B,SAAS,CAAC2B;EAJN,CAAhB,CADF,CAF0B,CAAD,CApBA;;EA+B3B;AACF;AACA;EACEf,wBAAwB,EAAEZ,SAAS,CAACyB;AAlCT,CAA7B;AAqCA,eAAevB,UAAU,CAACI,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDrB,gBAAnD,CAAf"}
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Banner/
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Banner/BannerContent/MessageContainer/index.js"],"sourcesContent":["export { default } from \"./MessageContainer\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB"}
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","message","color","hv","palette","base","base2","wordBreak","maxWidth","overflow","marginRight","iconContainer","spacing","xs","marginLeft","actionMessageContainer","flex"],"sources":["../../../../../src/Banner/
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","message","color","hv","palette","base","base2","wordBreak","maxWidth","overflow","marginRight","iconContainer","spacing","xs","marginLeft","actionMessageContainer","flex"],"sources":["../../../../../src/Banner/BannerContent/MessageContainer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n message: {\n color: theme.hv.palette.base.base2,\n wordBreak: \"break-word\",\n maxWidth: \"700px\",\n overflow: \"hidden\",\n marginRight: 10,\n },\n iconContainer: {\n marginRight: theme.hv.spacing.xs,\n marginLeft: -theme.hv.spacing.xs,\n },\n actionMessageContainer: {\n flex: \"0 0 auto\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,OAAO,EAAE;MACPC,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KADtB;MAEPC,SAAS,EAAE,YAFJ;MAGPC,QAAQ,EAAE,OAHH;MAIPC,QAAQ,EAAE,QAJH;MAKPC,WAAW,EAAE;IALN,CADgB;IAQzBC,aAAa,EAAE;MACbD,WAAW,EAAEV,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC,EADjB;MAEbC,UAAU,EAAE,CAACd,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC;IAFjB,CARU;IAYzBE,sBAAsB,EAAE;MACtBC,IAAI,EAAE;IADgB;EAZC,CAAZ;AAAA,CAAf;;AAiBA,eAAejB,MAAf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Banner/BannerContent/index.js"],"sourcesContent":["export { default } from \"./BannerContent\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,iBAAxB"}
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","root","minWidth","position","display","flexWrap","message","alignItems","padding","hvSpacing","paddingLeft","hv","spacing","sm","action","marginRight","flex","placeSelf","baseVariant","success","backgroundColor","palette","semantic","sema8","warning","sema20","error","sema9","default","sema7","outContainer","width"],"sources":["../../../../src/Banner/
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","minWidth","position","display","flexWrap","message","alignItems","padding","hvSpacing","paddingLeft","hv","spacing","sm","action","marginRight","flex","placeSelf","baseVariant","success","backgroundColor","palette","semantic","sema8","warning","sema20","error","sema9","default","sema7","outContainer","width"],"sources":["../../../../src/Banner/BannerContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n minWidth: \"100%\",\n position: \"relative\",\n display: \"flex\",\n flexWrap: \"nowrap\",\n },\n message: {\n display: \"flex\",\n alignItems: \"center\",\n padding: theme.hvSpacing(\"xs\", 0),\n paddingLeft: theme.hv.spacing.sm,\n },\n action: {\n padding: theme.hvSpacing(\"xs\"),\n marginRight: 0,\n flex: \"0 0 auto\",\n placeSelf: \"stretch\",\n },\n baseVariant: {\n padding: 0,\n },\n success: {\n backgroundColor: theme.hv.palette.semantic.sema8,\n },\n warning: {\n backgroundColor: theme.hv.palette.semantic.sema20,\n },\n error: {\n backgroundColor: theme.hv.palette.semantic.sema9,\n },\n default: {\n backgroundColor: theme.hv.palette.semantic.sema7,\n },\n outContainer: {\n width: \"100%\",\n position: \"relative\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,QAAQ,EAAE,UAFN;MAGJC,OAAO,EAAE,MAHL;MAIJC,QAAQ,EAAE;IAJN,CADmB;IAOzBC,OAAO,EAAE;MACPF,OAAO,EAAE,MADF;MAEPG,UAAU,EAAE,QAFL;MAGPC,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,CAHF;MAIPC,WAAW,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC;IAJvB,CAPgB;IAazBC,MAAM,EAAE;MACNN,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,CADH;MAENM,WAAW,EAAE,CAFP;MAGNC,IAAI,EAAE,UAHA;MAINC,SAAS,EAAE;IAJL,CAbiB;IAmBzBC,WAAW,EAAE;MACXV,OAAO,EAAE;IADE,CAnBY;IAsBzBW,OAAO,EAAE;MACPC,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BC;IADpC,CAtBgB;IAyBzBC,OAAO,EAAE;MACPJ,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BG;IADpC,CAzBgB;IA4BzBC,KAAK,EAAE;MACLN,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BK;IADtC,CA5BkB;IA+BzBC,OAAO,EAAE;MACPR,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BO;IADpC,CA/BgB;IAkCzBC,YAAY,EAAE;MACZC,KAAK,EAAE,MADK;MAEZ5B,QAAQ,EAAE;IAFE;EAlCW,CAAZ;AAAA,CAAf;;AAwCA,eAAeJ,MAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","HvBannerContent"],"sources":["../../../src/Banner/index.js"],"sourcesContent":["export { default } from \"./Banner\";\nexport { default as HvBannerContent } from \"./
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","HvBannerContent"],"sources":["../../../src/Banner/index.js"],"sourcesContent":["export { default } from \"./Banner\";\nexport { default as HvBannerContent } from \"./BannerContent\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB;AACA,SAASA,OAAO,IAAIC,eAApB,QAA2C,iBAA3C"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { StandardProps, SwitchProps } from "@mui/material";
|
|
2
2
|
|
|
3
|
-
export type HvBaseSwitchClassKey = "root" | "disabled";
|
|
3
|
+
export type HvBaseSwitchClassKey = "root" | "disabled" | "readOnly";
|
|
4
4
|
|
|
5
5
|
export interface HvBaseSwitchProps
|
|
6
6
|
extends StandardProps<SwitchProps, HvBaseSwitchClassKey, "onChange"> {
|
|
@@ -74,7 +74,7 @@ var HvBaseSwitch = function HvBaseSwitch(props) {
|
|
|
74
74
|
return /*#__PURE__*/_jsx(Switch, _objectSpread({
|
|
75
75
|
id: id,
|
|
76
76
|
name: name,
|
|
77
|
-
className: clsx(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),
|
|
77
|
+
className: clsx(className, classes.root, disabled && classes.disabled, readOnly && classes.readOnly, focusVisible && classes.focusVisible),
|
|
78
78
|
color: "default",
|
|
79
79
|
disabled: disabled,
|
|
80
80
|
required: required,
|
|
@@ -118,6 +118,11 @@ process.env.NODE_ENV !== "production" ? HvBaseSwitch.propTypes = {
|
|
|
118
118
|
*/
|
|
119
119
|
disabled: PropTypes.string,
|
|
120
120
|
|
|
121
|
+
/**
|
|
122
|
+
* Styles applied to the switch when it is in read only mode.
|
|
123
|
+
*/
|
|
124
|
+
readOnly: PropTypes.string,
|
|
125
|
+
|
|
121
126
|
/**
|
|
122
127
|
* Styles applied to the internal Switch component's root class.
|
|
123
128
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseSwitch.js","names":["React","useState","useCallback","PropTypes","clsx","Switch","withStyles","styles","HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","onLocalChange","target","root","switch","switchBase","track","thumb","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseSwitch/BaseSwitch.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Switch } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nconst HvBaseSwitch = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n value = \"on\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n checked,\n defaultChecked,\n\n onChange,\n\n inputProps,\n\n onFocusVisible,\n onBlur,\n\n ...others\n } = props;\n\n const [focusVisible, setFocusVisible] = useState(false);\n\n const onFocusVisibleCallback = useCallback(\n (evt) => {\n setFocusVisible(true);\n onFocusVisible?.(evt);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (evt) => {\n setFocusVisible(false);\n onBlur?.(evt);\n },\n [onBlur]\n );\n\n const onLocalChange = useCallback(\n (evt) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(evt, evt.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n return (\n <Switch\n id={id}\n name={name}\n className={clsx(className, classes.root, {\n [classes.disabled]: disabled,\n [classes.focusVisible]: focusVisible,\n })}\n color=\"default\"\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n disableRipple\n onChange={onLocalChange}\n value={value}\n checked={checked}\n defaultChecked={defaultChecked}\n classes={{\n root: classes.switch,\n switchBase: classes.switchBase,\n checked: classes.checked,\n track: classes.track,\n thumb: classes.thumb,\n disabled: classes.disabled,\n }}\n inputProps={inputProps}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\n};\n\nHvBaseSwitch.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the switch when it is disabled.\n */\n disabled: PropTypes.string,\n /**\n * Styles applied to the internal Switch component's root class.\n */\n switch: PropTypes.string,\n /**\n * Styles applied to the internal SwitchBase component's root class.\n */\n switchBase: PropTypes.string,\n /**\n * Pseudo-class applied to the internal SwitchBase component's checked class.\n */\n checked: PropTypes.string,\n /**\n * Styles applied to the track element.\n */\n track: PropTypes.string,\n /**\n * Styles used to create the thumb passed to the internal SwitchBase component icon prop.\n */\n thumb: PropTypes.string,\n /**\n * Class applied to the root element if keyboard focused.\n */\n focusVisible: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n\n /**\n * The input name.\n */\n name: PropTypes.string,\n /**\n * The value of the input.\n *\n * Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n *\n * The default value is \"on\".\n */\n // eslint-disable-next-line react/forbid-prop-types\n value: PropTypes.any,\n\n /**\n * Indicates that user input is required.\n */\n required: PropTypes.bool,\n /**\n * Indicates that the input is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that the input is disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true` the switch is selected, if set to `false` the switch is not selected.\n *\n * When defined the switch state becomes controlled.\n */\n checked: PropTypes.bool,\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked: PropTypes.bool,\n\n /**\n * The callback fired when the switch is pressed.\n */\n onChange: PropTypes.func,\n\n /**\n * Properties passed on to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n\n /**\n * Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n */\n onFocusVisible: PropTypes.func,\n /**\n * @ignore\n */\n onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseSwitch\" })(HvBaseSwitch);\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,WAA1B,QAA6C,OAA7C;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,aAA3B;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;;;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IACEC,OADF,GAuBID,KAvBJ,CACEC,OADF;EAAA,IAEEC,SAFF,GAuBIF,KAvBJ,CAEEE,SAFF;EAAA,IAIEC,EAJF,GAuBIH,KAvBJ,CAIEG,EAJF;EAAA,IAKEC,IALF,GAuBIJ,KAvBJ,CAKEI,IALF;EAAA,mBAuBIJ,KAvBJ,CAMEK,KANF;EAAA,IAMEA,KANF,6BAMU,IANV;EAAA,sBAuBIL,KAvBJ,CAQEM,QARF;EAAA,IAQEA,QARF,gCAQa,KARb;EAAA,sBAuBIN,KAvBJ,CASEO,QATF;EAAA,IASEA,QATF,gCASa,KATb;EAAA,sBAuBIP,KAvBJ,CAUEQ,QAVF;EAAA,IAUEA,QAVF,gCAUa,KAVb;EAAA,IAYEC,OAZF,GAuBIT,KAvBJ,CAYES,OAZF;EAAA,IAaEC,cAbF,GAuBIV,KAvBJ,CAaEU,cAbF;EAAA,IAeEC,QAfF,GAuBIX,KAvBJ,CAeEW,QAfF;EAAA,IAiBEC,UAjBF,GAuBIZ,KAvBJ,CAiBEY,UAjBF;EAAA,IAmBEC,cAnBF,GAuBIb,KAvBJ,CAmBEa,cAnBF;EAAA,IAoBEC,MApBF,GAuBId,KAvBJ,CAoBEc,MApBF;EAAA,IAsBKC,MAtBL,4BAuBIf,KAvBJ;;EAyBA,gBAAwCR,QAAQ,CAAC,KAAD,CAAhD;EAAA;EAAA,IAAOwB,YAAP;EAAA,IAAqBC,eAArB;;EAEA,IAAMC,sBAAsB,GAAGzB,WAAW,CACxC,UAAC0B,GAAD,EAAS;IACPF,eAAe,CAAC,IAAD,CAAf;IACAJ,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAGM,GAAH,CAAd;EACD,CAJuC,EAKxC,CAACN,cAAD,CALwC,CAA1C;EAQA,IAAMO,cAAc,GAAG3B,WAAW,CAChC,UAAC0B,GAAD,EAAS;IACPF,eAAe,CAAC,KAAD,CAAf;IACAH,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAGK,GAAH,CAAN;EACD,CAJ+B,EAKhC,CAACL,MAAD,CALgC,CAAlC;EAQA,IAAMO,aAAa,GAAG5B,WAAW,CAC/B,UAAC0B,GAAD,EAAS;IACP,IAAIZ,QAAJ,EAAc;MACZ;IACD;;IAEDI,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGQ,GAAH,EAAQA,GAAG,CAACG,MAAJ,CAAWb,OAAnB,EAA4BJ,KAA5B,CAAR;EACD,CAP8B,EAQ/B,CAACM,QAAD,EAAWJ,QAAX,EAAqBF,KAArB,CAR+B,CAAjC;EAWA,oBACE,KAAC,MAAD;IACE,EAAE,EAAEF,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,SAAS,EAAET,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACsB,IAApB,EACOf,QADP,IACZP,OAAO,CAACO,QADI,
|
|
1
|
+
{"version":3,"file":"BaseSwitch.js","names":["React","useState","useCallback","PropTypes","clsx","Switch","withStyles","styles","HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","onLocalChange","target","root","switch","switchBase","track","thumb","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseSwitch/BaseSwitch.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Switch } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nconst HvBaseSwitch = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n value = \"on\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n checked,\n defaultChecked,\n\n onChange,\n\n inputProps,\n\n onFocusVisible,\n onBlur,\n\n ...others\n } = props;\n\n const [focusVisible, setFocusVisible] = useState(false);\n\n const onFocusVisibleCallback = useCallback(\n (evt) => {\n setFocusVisible(true);\n onFocusVisible?.(evt);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (evt) => {\n setFocusVisible(false);\n onBlur?.(evt);\n },\n [onBlur]\n );\n\n const onLocalChange = useCallback(\n (evt) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(evt, evt.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n return (\n <Switch\n id={id}\n name={name}\n className={clsx(className, classes.root, {\n [classes.disabled]: disabled,\n [classes.readOnly]: readOnly,\n [classes.focusVisible]: focusVisible,\n })}\n color=\"default\"\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n disableRipple\n onChange={onLocalChange}\n value={value}\n checked={checked}\n defaultChecked={defaultChecked}\n classes={{\n root: classes.switch,\n switchBase: classes.switchBase,\n checked: classes.checked,\n track: classes.track,\n thumb: classes.thumb,\n disabled: classes.disabled,\n }}\n inputProps={inputProps}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\n};\n\nHvBaseSwitch.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the switch when it is disabled.\n */\n disabled: PropTypes.string,\n /**\n * Styles applied to the switch when it is in read only mode.\n */\n readOnly: PropTypes.string,\n /**\n * Styles applied to the internal Switch component's root class.\n */\n switch: PropTypes.string,\n /**\n * Styles applied to the internal SwitchBase component's root class.\n */\n switchBase: PropTypes.string,\n /**\n * Pseudo-class applied to the internal SwitchBase component's checked class.\n */\n checked: PropTypes.string,\n /**\n * Styles applied to the track element.\n */\n track: PropTypes.string,\n /**\n * Styles used to create the thumb passed to the internal SwitchBase component icon prop.\n */\n thumb: PropTypes.string,\n /**\n * Class applied to the root element if keyboard focused.\n */\n focusVisible: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n\n /**\n * The input name.\n */\n name: PropTypes.string,\n /**\n * The value of the input.\n *\n * Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n *\n * The default value is \"on\".\n */\n // eslint-disable-next-line react/forbid-prop-types\n value: PropTypes.any,\n\n /**\n * Indicates that user input is required.\n */\n required: PropTypes.bool,\n /**\n * Indicates that the input is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that the input is disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true` the switch is selected, if set to `false` the switch is not selected.\n *\n * When defined the switch state becomes controlled.\n */\n checked: PropTypes.bool,\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked: PropTypes.bool,\n\n /**\n * The callback fired when the switch is pressed.\n */\n onChange: PropTypes.func,\n\n /**\n * Properties passed on to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n\n /**\n * Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n */\n onFocusVisible: PropTypes.func,\n /**\n * @ignore\n */\n onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseSwitch\" })(HvBaseSwitch);\n"],"mappings":"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"}
|
|
@@ -29,7 +29,10 @@ var styles = function styles(theme) {
|
|
|
29
29
|
switch: {
|
|
30
30
|
padding: 0,
|
|
31
31
|
width: switchWidth,
|
|
32
|
-
height: 16
|
|
32
|
+
height: 16,
|
|
33
|
+
"&$readOnly $switchBase": {
|
|
34
|
+
cursor: "default"
|
|
35
|
+
}
|
|
33
36
|
},
|
|
34
37
|
switchBase: {
|
|
35
38
|
width: switchWidth,
|
|
@@ -80,6 +83,7 @@ var styles = function styles(theme) {
|
|
|
80
83
|
opacity: 1
|
|
81
84
|
}
|
|
82
85
|
},
|
|
86
|
+
readOnly: {},
|
|
83
87
|
focusVisible: _objectSpread({
|
|
84
88
|
borderRadius: "8px"
|
|
85
89
|
}, outlineStyles)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["outlineStyles","switchWidth","thumbPosition","position","left","width","height","styles","theme","root","padding","cursor","switch","switchBase","backgroundColor","transform","opacity","hv","palette","accent","acce1","track","borderRadius","border","atmosphere","atmo2","thumb","atmo1","marginLeft","marginTop","checked","disabled","atmo3","atmo5","focusVisible"],"sources":["../../../src/BaseSwitch/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst switchWidth = 32;\n\nconst thumbPosition = {\n position: \"relative\",\n left: -9,\n width: 12,\n height: 12,\n};\n\nconst styles = (theme) => ({\n root: {\n padding: 0,\n cursor: \"pointer\",\n },\n\n switch: {\n padding: 0,\n width: switchWidth,\n height: 16,\n },\n\n switchBase: {\n width: switchWidth,\n height: 16,\n padding: 0,\n\n // increase CSS specificity\n \"&:hover\": {\n backgroundColor: \"transparent\",\n },\n \"&$checked\": {\n transform: \"translateX(16px)\",\n \"& + $track\": {\n opacity: 1,\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n \"&:hover\": {\n backgroundColor: \"transparent\",\n },\n },\n },\n\n track: {\n opacity: 1,\n borderRadius: 15,\n left: 17,\n height: 16,\n border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n backgroundColor: theme.hv.palette.atmosphere.atmo2,\n },\n\n thumb: {\n ...thumbPosition,\n border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n marginLeft: 2,\n marginTop: 0,\n },\n\n checked: {},\n\n disabled: {\n cursor: \"not-allowed\",\n\n \"& $switch\": {\n cursor: \"not-allowed\",\n },\n\n \"& $thumb\": {\n backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n },\n\n \"& $switchBase + $track\": {\n backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n opacity: 1,\n },\n },\n\n focusVisible: {\n borderRadius: \"8px\",\n ...outlineStyles,\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;AAEA,IAAMC,WAAW,GAAG,EAApB;AAEA,IAAMC,aAAa,GAAG;EACpBC,QAAQ,EAAE,UADU;EAEpBC,IAAI,EAAE,CAAC,CAFa;EAGpBC,KAAK,EAAE,EAHa;EAIpBC,MAAM,EAAE;AAJY,CAAtB;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,CADL;MAEJC,MAAM,EAAE;IAFJ,CADmB;IAMzBC,MAAM,EAAE;MACNF,OAAO,EAAE,CADH;MAENL,KAAK,EAAEJ,WAFD;MAGNK,MAAM,EAAE;
|
|
1
|
+
{"version":3,"file":"styles.js","names":["outlineStyles","switchWidth","thumbPosition","position","left","width","height","styles","theme","root","padding","cursor","switch","switchBase","backgroundColor","transform","opacity","hv","palette","accent","acce1","track","borderRadius","border","atmosphere","atmo2","thumb","atmo1","marginLeft","marginTop","checked","disabled","atmo3","atmo5","readOnly","focusVisible"],"sources":["../../../src/BaseSwitch/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst switchWidth = 32;\n\nconst thumbPosition = {\n position: \"relative\",\n left: -9,\n width: 12,\n height: 12,\n};\n\nconst styles = (theme) => ({\n root: {\n padding: 0,\n cursor: \"pointer\",\n },\n\n switch: {\n padding: 0,\n width: switchWidth,\n height: 16,\n\n \"&$readOnly $switchBase\": {\n cursor: \"default\",\n },\n },\n\n switchBase: {\n width: switchWidth,\n height: 16,\n padding: 0,\n\n // increase CSS specificity\n \"&:hover\": {\n backgroundColor: \"transparent\",\n },\n \"&$checked\": {\n transform: \"translateX(16px)\",\n \"& + $track\": {\n opacity: 1,\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n \"&:hover\": {\n backgroundColor: \"transparent\",\n },\n },\n },\n\n track: {\n opacity: 1,\n borderRadius: 15,\n left: 17,\n height: 16,\n border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n backgroundColor: theme.hv.palette.atmosphere.atmo2,\n },\n\n thumb: {\n ...thumbPosition,\n border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n marginLeft: 2,\n marginTop: 0,\n },\n\n checked: {},\n\n disabled: {\n cursor: \"not-allowed\",\n\n \"& $switch\": {\n cursor: \"not-allowed\",\n },\n\n \"& $thumb\": {\n backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n },\n\n \"& $switchBase + $track\": {\n backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n opacity: 1,\n },\n },\n\n readOnly: {},\n\n focusVisible: {\n borderRadius: \"8px\",\n ...outlineStyles,\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;AAEA,IAAMC,WAAW,GAAG,EAApB;AAEA,IAAMC,aAAa,GAAG;EACpBC,QAAQ,EAAE,UADU;EAEpBC,IAAI,EAAE,CAAC,CAFa;EAGpBC,KAAK,EAAE,EAHa;EAIpBC,MAAM,EAAE;AAJY,CAAtB;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,CADL;MAEJC,MAAM,EAAE;IAFJ,CADmB;IAMzBC,MAAM,EAAE;MACNF,OAAO,EAAE,CADH;MAENL,KAAK,EAAEJ,WAFD;MAGNK,MAAM,EAAE,EAHF;MAKN,0BAA0B;QACxBK,MAAM,EAAE;MADgB;IALpB,CANiB;IAgBzBE,UAAU,EAAE;MACVR,KAAK,EAAEJ,WADG;MAEVK,MAAM,EAAE,EAFE;MAGVI,OAAO,EAAE,CAHC;MAKV;MACA,WAAW;QACTI,eAAe,EAAE;MADR,CAND;MASV,aAAa;QACXC,SAAS,EAAE,kBADA;QAEX,cAAc;UACZC,OAAO,EAAE,CADG;UAEZF,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;QAF7B,CAFH;QAMX,WAAW;UACTN,eAAe,EAAE;QADR;MANA;IATH,CAhBa;IAqCzBO,KAAK,EAAE;MACLL,OAAO,EAAE,CADJ;MAELM,YAAY,EAAE,EAFT;MAGLlB,IAAI,EAAE,EAHD;MAILE,MAAM,EAAE,EAJH;MAKLiB,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CALD;MAMLN,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BC;IANxC,CArCkB;IA8CzBC,KAAK,kCACAxB,aADA;MAEHqB,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAFH;MAGHN,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BG,KAH1C;MAIHC,UAAU,EAAE,CAJT;MAKHC,SAAS,EAAE;IALR,EA9CoB;IAsDzBC,OAAO,EAAE,EAtDgB;IAwDzBC,QAAQ,EAAE;MACRpB,MAAM,EAAE,aADA;MAGR,aAAa;QACXA,MAAM,EAAE;MADG,CAHL;MAOR,YAAY;QACVG,eAAe,YAAKN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAjC,CADL;QAEVT,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAA3C;MAFI,CAPJ;MAYR,0BAA0B;QACxBnB,eAAe,YAAKN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAjC,CADS;QAExBT,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAA3C,CAFkB;QAGxBjB,OAAO,EAAE;MAHe;IAZlB,CAxDe;IA2EzBkB,QAAQ,EAAE,EA3Ee;IA6EzBC,YAAY;MACVb,YAAY,EAAE;IADJ,GAEPtB,aAFO;EA7Ea,CAAZ;AAAA,CAAf;;AAmFA,eAAeO,MAAf"}
|
|
@@ -13,6 +13,7 @@ var useScrollTo = function useScrollTo() {
|
|
|
13
13
|
var offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
|
|
14
14
|
var options = arguments.length > 4 ? arguments[4] : undefined;
|
|
15
15
|
var onChange = arguments.length > 5 ? arguments[5] : undefined;
|
|
16
|
+
var direction = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : "column";
|
|
16
17
|
var RETRY_MAX = 5;
|
|
17
18
|
|
|
18
19
|
var _useState = useState(selectedIndexProp),
|
|
@@ -133,7 +134,7 @@ var useScrollTo = function useScrollTo() {
|
|
|
133
134
|
var ele = document.getElementById(id);
|
|
134
135
|
|
|
135
136
|
if (ele) {
|
|
136
|
-
scrollElement(ele, scrollEle.current, option.offset || offset);
|
|
137
|
+
scrollElement(ele, scrollEle.current, option.offset || offset, direction);
|
|
137
138
|
}
|
|
138
139
|
|
|
139
140
|
if (href) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollTo.js","names":["useEffect","useRef","useState","useCallback","verticalScrollOffset","findFirstVisibleElement","isScrolledToTheBottom","getScrollTop","scrollElement","useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","RETRY_MAX","selectedIndex","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","document","getElementById","window","checkScroll","event","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","length","containerScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n verticalScrollOffset,\n findFirstVisibleElement,\n isScrolledToTheBottom,\n getScrollTop,\n scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n selectedIndexProp = 0,\n scrollElementId,\n href,\n offset = 0,\n options,\n onChange\n) => {\n const RETRY_MAX = 5;\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, as recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(\n (event) => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n onChange?.(event, newSelectedIndex);\n });\n }\n },\n [offset, options, onChange]\n );\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const setScrollTo = (event, id, index, wrappedOnChange) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n }\n\n if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n wrappedOnChange?.(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useScrollTo.js","names":["useEffect","useRef","useState","useCallback","verticalScrollOffset","findFirstVisibleElement","isScrolledToTheBottom","getScrollTop","scrollElement","useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","direction","RETRY_MAX","selectedIndex","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","document","getElementById","window","checkScroll","event","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","length","containerScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n verticalScrollOffset,\n findFirstVisibleElement,\n isScrolledToTheBottom,\n getScrollTop,\n scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n selectedIndexProp = 0,\n scrollElementId,\n href,\n offset = 0,\n options,\n onChange,\n direction = \"column\"\n) => {\n const RETRY_MAX = 5;\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, as recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(\n (event) => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n onChange?.(event, newSelectedIndex);\n });\n }\n },\n [offset, options, onChange]\n );\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const setScrollTo = (event, id, index, wrappedOnChange) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset, direction);\n }\n\n if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n wrappedOnChange?.(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":";;;;;AAAA,SAASA,SAAT,EAAoBC,MAApB,EAA4BC,QAA5B,EAAsCC,WAAtC,QAAyD,OAAzD;AACA,SACEC,oBADF,EAEEC,uBAFF,EAGEC,qBAHF,EAIEC,YAJF,EAKEC,aALF,QAMO,SANP;;AAQA,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAQf;EAAA,IAPHC,iBAOG,uEAPiB,CAOjB;EAAA,IANHC,eAMG;EAAA,IALHC,IAKG;EAAA,IAJHC,MAIG,uEAJM,CAIN;EAAA,IAHHC,OAGG;EAAA,IAFHC,QAEG;EAAA,IADHC,SACG,uEADS,QACT;EACH,IAAMC,SAAS,GAAG,CAAlB;;EACA,gBAA0Cf,QAAQ,CAACQ,iBAAD,CAAlD;EAAA;EAAA,IAAOQ,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,IAAMC,SAAS,GAAGnB,MAAM,EAAxB;EACA,IAAMoB,uBAAuB,GAAGpB,MAAM,CAAC,CAAD,CAAtC;EACA,IAAMqB,sBAAsB,GAAGrB,MAAM,EAArC,CANG,CAQH;EACA;;EACA,IAAMsB,gBAAgB,GAAGtB,MAAM,CAACiB,aAAD,CAA/B;EACAlB,SAAS,CAAC,YAAM;IACduB,gBAAgB,CAACC,OAAjB,GAA2BN,aAA3B;EACD,CAFQ,EAEN,CAACA,aAAD,CAFM,CAAT;EAIAlB,SAAS,CAAC,YAAM;IACdoB,SAAS,CAACI,OAAV,GAAqBb,eAAe,IAAIc,QAAQ,CAACC,cAAT,CAAwBf,eAAxB,CAApB,IAAiEgB,MAArF;IACAL,sBAAsB,CAACE,OAAvB,GAAiCpB,oBAAoB,CAACgB,SAAS,CAACI,OAAX,CAArD;EACD,CAHQ,EAGN,CAACb,eAAD,CAHM,CAAT;EAKA,IAAMiB,WAAW,GAAGzB,WAAW,CAC7B,UAAC0B,KAAD,EAAW;IAAA;;IACT,IAAIR,uBAAuB,CAACG,OAAxB,KAAoC,CAApC,eAAyCG,MAAzC,oCAAyC,QAAQG,qBAArD,EAA4E;MAC1ET,uBAAuB,CAACG,OAAxB,GAAkCG,MAAM,CAACG,qBAAP,CAA6B,YAAM;QACnET,uBAAuB,CAACG,OAAxB,GAAkC,CAAlC;QAEA,IAAMO,wBAAwB,GAAG1B,uBAAuB,CACtDe,SAAS,CAACI,OAD4C,EAEtDV,OAFsD,EAGtDD,MAHsD,CAAxD;QAMA,IAAImB,gBAAgB,GAAGD,wBAAvB,CATmE,CAWnE;;QACA,IAAIA,wBAAwB,GAAG,CAA/B,EAAkC;UAChCC,gBAAgB,GAAG,CAAnB;QACD,CAdkE,CAgBnE;QACA;QACA;;;QACA,IAAIA,gBAAgB,GAAGlB,OAAO,CAACmB,MAAR,GAAiB,CAApC,IAAyC3B,qBAAqB,CAACc,SAAS,CAACI,OAAX,CAAlE,EAAuF;UACrFQ,gBAAgB,IAAI,CAApB;QACD;;QAED,IAAME,kBAAkB,GAAG3B,YAAY,CAACa,SAAS,CAACI,OAAX,CAAvC;QACA,IAAMW,eAAe,GAAGD,kBAAkB,GAAGZ,sBAAsB,CAACE,OAApE;QACAF,sBAAsB,CAACE,OAAvB,GAAiCU,kBAAjC,CAzBmE,CA2BnE;;QACA,IAAIC,eAAJ,EAAqB;UACnB,IAAIH,gBAAgB,GAAGT,gBAAgB,CAACC,OAAxC,EAAiD;YAC/CQ,gBAAgB,GAAGT,gBAAgB,CAACC,OAApC;UACD;QACF,CAJD,MAIO,IAAIQ,gBAAgB,GAAGT,gBAAgB,CAACC,OAAxC,EAAiD;UACtDQ,gBAAgB,GAAGT,gBAAgB,CAACC,OAApC;QACD;;QAEDL,gBAAgB,CAACa,gBAAD,CAAhB;QACAjB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGc,KAAH,EAAUG,gBAAV,CAAR;MACD,CAtCiC,CAAlC;IAuCD;EACF,CA3C4B,EA4C7B,CAACnB,MAAD,EAASC,OAAT,EAAkBC,QAAlB,CA5C6B,CAA/B,CApBG,CAmEH;;EACAf,SAAS,CAAC,YAAM;IACd,IAAIoB,SAAS,CAACI,OAAd,EAAuB;MACrBJ,SAAS,CAACI,OAAV,CAAkBY,gBAAlB,CAAmC,QAAnC,EAA6CR,WAA7C,EAA0D,KAA1D;IACD;;IAED,OAAO,YAAM;MACX,IAAIR,SAAS,CAACI,OAAd,EAAuB;QACrBJ,SAAS,CAACI,OAAV,CAAkBa,mBAAlB,CAAsC,QAAtC,EAAgDT,WAAhD;MACD;;MAED,IAAIP,uBAAuB,CAACG,OAAxB,KAAoC,CAAxC,EAA2C;QACzCG,MAAM,CAACW,oBAAP,CAA4BjB,uBAAuB,CAACG,OAApD;QACAH,uBAAuB,CAACG,OAAxB,GAAkC,CAAlC;MACD;IACF,CATD;EAUD,CAfQ,EAeN,CAACI,WAAD,CAfM,CAAT,CApEG,CAqFH;EACA;;EACA5B,SAAS,CAAC,YAAM;IACd,IAAIuC,qBAAJ;;IAEA,IAAI3B,IAAJ,EAAU;MACR,IAAM4B,SAAS,GAAGf,QAAQ,CAACgB,QAAT,CAAkBC,IAAlB,CAAuBC,KAAvB,CAA6B,GAA7B,EAAkC,CAAlC,KAAwC,EAA1D;MAEA,IAAMC,MAAM,GAAG9B,OAAO,CAAC+B,IAAR,CAAa,UAACC,CAAD;QAAA,OAAOA,CAAC,CAACC,KAAF,KAAYP,SAAnB;MAAA,CAAb,CAAf;;MAEA,IAAII,MAAJ,EAAY;QACV,IAAII,KAAK,GAAG,CAAZ;QACAT,qBAAqB,GAAGU,WAAW,CAAC,YAAM;UACxC,IAAMC,GAAG,GAAGzB,QAAQ,CAACC,cAAT,CAAwBkB,MAAM,CAACG,KAA/B,CAAZ;;UAEA,IAAIG,GAAJ,EAAS;YACP1C,aAAa,CAAC0C,GAAD,EAAM9B,SAAS,CAACI,OAAhB,EAAyBoB,MAAM,CAAC/B,MAAP,IAAiBA,MAA1C,CAAb;YACAsC,aAAa,CAACZ,qBAAD,CAAb;UACD,CAHD,MAGO;YACLS,KAAK,IAAI,CAAT;;YACA,IAAIA,KAAK,KAAK/B,SAAd,EAAyB;cACvBkC,aAAa,CAACZ,qBAAD,CAAb;YACD;UACF;QACF,CAZkC,EAYhC,IAZgC,CAAnC;MAaD;IACF;;IAED,OAAO,YAAM;MACXY,aAAa,CAACZ,qBAAD,CAAb;IACD,CAFD,CA1Bc,CA8Bd;IACA;IACA;EACD,CAjCQ,EAiCN,EAjCM,CAAT;;EAmCA,IAAMa,WAAW,GAAG,SAAdA,WAAc,CAACvB,KAAD,EAAQwB,EAAR,EAAYC,KAAZ,EAAmBC,eAAnB,EAAuC;IACzD,IAAMX,MAAM,GAAG9B,OAAO,CAAC+B,IAAR,CAAa,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,KAAF,KAAYM,EAAnB;IAAA,CAAb,CAAf;;IAEA,IAAIT,MAAJ,EAAY;MACV,IAAMM,GAAG,GAAGzB,QAAQ,CAACC,cAAT,CAAwB2B,EAAxB,CAAZ;;MACA,IAAIH,GAAJ,EAAS;QACP1C,aAAa,CAAC0C,GAAD,EAAM9B,SAAS,CAACI,OAAhB,EAAyBoB,MAAM,CAAC/B,MAAP,IAAiBA,MAA1C,EAAkDG,SAAlD,CAAb;MACD;;MAED,IAAIJ,IAAJ,EAAU;QACRe,MAAM,CAAC6B,OAAP,CAAeC,SAAf,CAAyB,EAAzB,EAA6B,EAA7B,aAAqC3C,OAAO,CAACwC,KAAD,CAAP,CAAeP,KAApD;MACD;;MAED5B,gBAAgB,CAACmC,KAAD,CAAhB;MACAC,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGD,KAAH,CAAf,CAXU,CAaV;MACA;;MACA/B,gBAAgB,CAACC,OAAjB,GAA2B8B,KAA3B;IACD;EACF,CApBD;;EAsBA,OAAO,CAACpC,aAAD,EAAgBkC,WAAhB,CAAP;AACD,CAzJD;;AA2JA,eAAe3C,WAAf"}
|
|
@@ -22,13 +22,43 @@ export var verticalScrollOffset = function verticalScrollOffset(t) {
|
|
|
22
22
|
|
|
23
23
|
return t.offsetTop - c.offsetTop;
|
|
24
24
|
};
|
|
25
|
+
export var horizontalScrollOffset = function horizontalScrollOffset(t) {
|
|
26
|
+
var c = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
|
|
27
|
+
|
|
28
|
+
if (c === window) {
|
|
29
|
+
var _t$getBoundingClientR2;
|
|
30
|
+
|
|
31
|
+
return ((t === null || t === void 0 ? void 0 : (_t$getBoundingClientR2 = t.getBoundingClientRect) === null || _t$getBoundingClientR2 === void 0 ? void 0 : _t$getBoundingClientR2.call(t).left) || 0) + (window.scrollX || window.pageXOffset);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
if (getComputedStyle(c).position !== "static") {
|
|
35
|
+
return t.offsetLeft;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
return t.offsetLeft - c.offsetLeft;
|
|
39
|
+
};
|
|
25
40
|
export var scrollElement = function scrollElement(element, container) {
|
|
26
41
|
var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
42
|
+
var direction = arguments.length > 3 ? arguments[3] : undefined;
|
|
43
|
+
|
|
44
|
+
if (direction === "row") {
|
|
45
|
+
var _container$scrollTo;
|
|
46
|
+
|
|
47
|
+
var elemLeft = horizontalScrollOffset(element, container);
|
|
48
|
+
container === null || container === void 0 ? void 0 : (_container$scrollTo = container.scrollTo) === null || _container$scrollTo === void 0 ? void 0 : _container$scrollTo.call(container, {
|
|
49
|
+
left: elemLeft - offset,
|
|
50
|
+
behavior: "smooth"
|
|
51
|
+
});
|
|
52
|
+
} else {
|
|
53
|
+
var _container$scrollTo2;
|
|
54
|
+
|
|
55
|
+
var elemTop = verticalScrollOffset(element, container);
|
|
56
|
+
container === null || container === void 0 ? void 0 : (_container$scrollTo2 = container.scrollTo) === null || _container$scrollTo2 === void 0 ? void 0 : _container$scrollTo2.call(container, {
|
|
57
|
+
top: elemTop - offset,
|
|
58
|
+
behavior: "smooth"
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
|
|
32
62
|
element.focus({
|
|
33
63
|
preventScroll: true
|
|
34
64
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","
|
|
1
|
+
{"version":3,"file":"utils.js","names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","horizontalScrollOffset","left","scrollX","pageXOffset","offsetLeft","scrollElement","element","container","offset","direction","elemLeft","scrollTo","behavior","elemTop","focus","preventScroll","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value"],"sources":["../../../src/ScrollTo/utils.js"],"sourcesContent":["export const getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY ||\n window.pageYOffset ||\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nexport const verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nexport const horizontalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().left || 0) + (window.scrollX || window.pageXOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetLeft;\n }\n\n return t.offsetLeft - c.offsetLeft;\n};\n\nexport const scrollElement = (element, container, offset = 0, direction) => {\n if (direction === \"row\") {\n const elemLeft = horizontalScrollOffset(element, container);\n container?.scrollTo?.({\n left: elemLeft - offset,\n behavior: \"smooth\",\n });\n } else {\n const elemTop = verticalScrollOffset(element, container);\n container?.scrollTo?.({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n }\n element.focus({ preventScroll: true });\n};\n\nexport const isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) ||\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\nexport const findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { hvTextColumn, hvNumberColumn, hvDateColumn, hvExpandColumn, hvTagColumn, hvSwitchColumn, hvDropdownColumn, hvProgressColumn } from "./renderers";
|
|
1
2
|
export { default as HvDateColumnCell } from "./DateColumnCell";
|
|
2
3
|
export { default as HvDropdownColumnCell } from "./DropdownColumnCell";
|
|
3
4
|
export { default as HvProgressColumnCell, normalizeProgressBar } from "./ProgressColumnCell";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","HvDateColumnCell","HvDropdownColumnCell","HvProgressColumnCell","normalizeProgressBar","HvSwitchColumnCell"],"sources":["../../../../src/Table/renderers/index.js"],"sourcesContent":["export { default as HvDateColumnCell } from \"./DateColumnCell\";\nexport { default as HvDropdownColumnCell } from \"./DropdownColumnCell\";\nexport { default as HvProgressColumnCell, normalizeProgressBar } from \"./ProgressColumnCell\";\nexport { default as HvSwitchColumnCell } from \"./SwitchColumnCell\";\n"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["hvTextColumn","hvNumberColumn","hvDateColumn","hvExpandColumn","hvTagColumn","hvSwitchColumn","hvDropdownColumn","hvProgressColumn","default","HvDateColumnCell","HvDropdownColumnCell","HvProgressColumnCell","normalizeProgressBar","HvSwitchColumnCell"],"sources":["../../../../src/Table/renderers/index.js"],"sourcesContent":["export {\n hvTextColumn,\n hvNumberColumn,\n hvDateColumn,\n hvExpandColumn,\n hvTagColumn,\n hvSwitchColumn,\n hvDropdownColumn,\n hvProgressColumn,\n} from \"./renderers\";\nexport { default as HvDateColumnCell } from \"./DateColumnCell\";\nexport { default as HvDropdownColumnCell } from \"./DropdownColumnCell\";\nexport { default as HvProgressColumnCell, normalizeProgressBar } from \"./ProgressColumnCell\";\nexport { default as HvSwitchColumnCell } from \"./SwitchColumnCell\";\n"],"mappings":"AAAA,SACEA,YADF,EAEEC,cAFF,EAGEC,YAHF,EAIEC,cAJF,EAKEC,WALF,EAMEC,cANF,EAOEC,gBAPF,EAQEC,gBARF,QASO,aATP;AAUA,SAASC,OAAO,IAAIC,gBAApB,QAA4C,kBAA5C;AACA,SAASD,OAAO,IAAIE,oBAApB,QAAgD,sBAAhD;AACA,SAASF,OAAO,IAAIG,oBAApB,EAA0CC,oBAA1C,QAAsE,sBAAtE;AACA,SAASJ,OAAO,IAAIK,kBAApB,QAA8C,oBAA9C"}
|
|
@@ -28,7 +28,7 @@ import { hvStringFallback, hvNumberFallback } from "../utils";
|
|
|
28
28
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
29
29
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
30
30
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
31
|
-
export
|
|
31
|
+
export function hvTextColumn(col) {
|
|
32
32
|
return _objectSpread({
|
|
33
33
|
Cell: function Cell(cellProps) {
|
|
34
34
|
return /*#__PURE__*/_jsx(HvOverflowTooltip, {
|
|
@@ -37,8 +37,8 @@ export var hvTextColumn = function hvTextColumn(col) {
|
|
|
37
37
|
},
|
|
38
38
|
sortType: "alphanumeric"
|
|
39
39
|
}, col);
|
|
40
|
-
}
|
|
41
|
-
export
|
|
40
|
+
}
|
|
41
|
+
export function hvNumberColumn(col) {
|
|
42
42
|
return _objectSpread({
|
|
43
43
|
Cell: function Cell(_ref) {
|
|
44
44
|
var value = _ref.value;
|
|
@@ -47,8 +47,8 @@ export var hvNumberColumn = function hvNumberColumn(col) {
|
|
|
47
47
|
align: "right",
|
|
48
48
|
sortType: "number"
|
|
49
49
|
}, col);
|
|
50
|
-
}
|
|
51
|
-
export
|
|
50
|
+
}
|
|
51
|
+
export function hvDateColumn(col, dateFormat) {
|
|
52
52
|
return _objectSpread({
|
|
53
53
|
Cell: function Cell(cellProps) {
|
|
54
54
|
return /*#__PURE__*/_jsx(DateColumnCell, {
|
|
@@ -59,7 +59,7 @@ export var hvDateColumn = function hvDateColumn(col, dateFormat) {
|
|
|
59
59
|
sortType: "alphanumeric",
|
|
60
60
|
sortDescFirst: true
|
|
61
61
|
}, col);
|
|
62
|
-
}
|
|
62
|
+
}
|
|
63
63
|
export function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand) {
|
|
64
64
|
return _objectSpread({
|
|
65
65
|
Cell: function Cell(cellProps) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers.js","names":["React","DropDownXS","DropRightXS","HvButton","HvTag","HvTypography","HvOverflowTooltip","setId","DateColumnCell","SwitchColumnCell","ProgressColumnCell","DropdownColumnCell","hvStringFallback","hvNumberFallback","hvTextColumn","col","Cell","cellProps","value","sortType","hvNumberColumn","align","hvDateColumn","dateFormat","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","getToggleRowExpandedProps","onClick","hasContent","isExpanded","position","left","top","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","original","name","color","textColor","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","val","hvProgressColumn","getPartial","getTotal","partial","total"],"sources":["../../../../src/Table/renderers/renderers.js"],"sourcesContent":["import React from \"react\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvButton from \"../../Button\";\nimport HvTag from \"../../Tag\";\nimport HvTypography from \"../../Typography\";\nimport HvOverflowTooltip from \"../../OverflowTooltip\";\nimport { setId } from \"../../utils\";\n\nimport DateColumnCell from \"./DateColumnCell\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport const hvTextColumn = (col) => {\n return {\n Cell: (cellProps) => <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />,\n sortType: \"alphanumeric\",\n ...col,\n };\n};\n\nexport const hvNumberColumn = (col) => {\n return {\n Cell: ({ value }) => hvNumberFallback(value),\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n};\n\nexport const hvDateColumn = (col, dateFormat) => {\n return {\n Cell: (cellProps) => <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />,\n sortType: \"alphanumeric\",\n sortDescFirst: true,\n ...col,\n };\n};\n\nexport function hvExpandColumn(\n col,\n expandRowButtonAriaLabel,\n collapseRowButtonAriaLabel,\n getCanRowExpand\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n const { onClick } = row.getToggleRowExpandedProps();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <>\n {hasContent && (\n <HvButton\n icon\n category=\"ghost\"\n aria-label={row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel}\n aria-expanded={row.isExpanded}\n onClick={onClick}\n style={{ position: \"absolute\", left: 0, top: 0 }}\n >\n {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n );\n },\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn(\n col,\n valueDataKey,\n colorDataKey,\n textColorDataKey,\n fromRowData = false,\n tagProps\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n if (!value) {\n return \"—\";\n }\n\n const {\n [valueDataKey]: name,\n [colorDataKey]: color,\n [textColorDataKey]: textColor,\n } = fromRowData ? row.original : value;\n\n return (\n <HvTag\n label={<HvTypography variant=\"normalText\">{name}</HvTypography>}\n type=\"semantic\"\n color={color}\n style={textColor != null ? { color: textColor } : {}}\n tabIndex={-1}\n {...tagProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\n checked={value}\n value={row.id}\n switchLabel={switchLabel}\n falseLabel={falseLabel}\n trueLabel={trueLabel}\n switchProps={switchProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {\n return {\n Cell: (cellProps) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn(col, getPartial, getTotal, color) {\n return {\n Cell: (cellProps) => {\n const { row } = cellProps;\n const partial = getPartial?.(row);\n const total = getTotal?.(row);\n\n if (total) {\n return <ProgressColumnCell partial={partial} total={total} color={color} />;\n }\n\n return \"—\";\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"renderers.js","names":["React","DropDownXS","DropRightXS","HvButton","HvTag","HvTypography","HvOverflowTooltip","setId","DateColumnCell","SwitchColumnCell","ProgressColumnCell","DropdownColumnCell","hvStringFallback","hvNumberFallback","hvTextColumn","col","Cell","cellProps","value","sortType","hvNumberColumn","align","hvDateColumn","dateFormat","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","getToggleRowExpandedProps","onClick","hasContent","isExpanded","position","left","top","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","original","name","color","textColor","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","val","hvProgressColumn","getPartial","getTotal","partial","total"],"sources":["../../../../src/Table/renderers/renderers.js"],"sourcesContent":["import React from \"react\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvButton from \"../../Button\";\nimport HvTag from \"../../Tag\";\nimport HvTypography from \"../../Typography\";\nimport HvOverflowTooltip from \"../../OverflowTooltip\";\nimport { setId } from \"../../utils\";\n\nimport DateColumnCell from \"./DateColumnCell\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn(col) {\n return {\n Cell: (cellProps) => <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />,\n sortType: \"alphanumeric\",\n ...col,\n };\n}\n\nexport function hvNumberColumn(col) {\n return {\n Cell: ({ value }) => hvNumberFallback(value),\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n}\n\nexport function hvDateColumn(col, dateFormat) {\n return {\n Cell: (cellProps) => <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />,\n sortType: \"alphanumeric\",\n sortDescFirst: true,\n ...col,\n };\n}\n\nexport function hvExpandColumn(\n col,\n expandRowButtonAriaLabel,\n collapseRowButtonAriaLabel,\n getCanRowExpand\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n const { onClick } = row.getToggleRowExpandedProps();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <>\n {hasContent && (\n <HvButton\n icon\n category=\"ghost\"\n aria-label={row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel}\n aria-expanded={row.isExpanded}\n onClick={onClick}\n style={{ position: \"absolute\", left: 0, top: 0 }}\n >\n {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n );\n },\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn(\n col,\n valueDataKey,\n colorDataKey,\n textColorDataKey,\n fromRowData = false,\n tagProps\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n if (!value) {\n return \"—\";\n }\n\n const {\n [valueDataKey]: name,\n [colorDataKey]: color,\n [textColorDataKey]: textColor,\n } = fromRowData ? row.original : value;\n\n return (\n <HvTag\n label={<HvTypography variant=\"normalText\">{name}</HvTypography>}\n type=\"semantic\"\n color={color}\n style={textColor != null ? { color: textColor } : {}}\n tabIndex={-1}\n {...tagProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\n checked={value}\n value={row.id}\n switchLabel={switchLabel}\n falseLabel={falseLabel}\n trueLabel={trueLabel}\n switchProps={switchProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {\n return {\n Cell: (cellProps) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn(col, getPartial, getTotal, color) {\n return {\n Cell: (cellProps) => {\n const { row } = cellProps;\n const partial = getPartial?.(row);\n const total = getTotal?.(row);\n\n if (total) {\n return <ProgressColumnCell partial={partial} total={total} color={color} />;\n }\n\n return \"—\";\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"mappings":"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"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
export { default } from "./UserPreferences";
|
|
2
2
|
export * from "./UserPreferences";
|
|
3
3
|
|
|
4
|
-
export { default as
|
|
4
|
+
export { default as HvUserPreferencesAction } from "./Action";
|
|
5
5
|
export * from "./Action";
|
|
6
6
|
|
|
7
|
-
export { default as
|
|
7
|
+
export { default as HvUserPreferencesActions } from "./Actions";
|
|
8
8
|
export * from "./Actions";
|
|
9
9
|
|
|
10
|
+
export {
|
|
11
|
+
Options as HvUserPreferencesOptions,
|
|
12
|
+
Option as HvUserPreferencesOption,
|
|
13
|
+
Group as HvUserPreferencesOptionsGroup,
|
|
14
|
+
Label as HvUserPreferencesOptionsGroupLabel,
|
|
15
|
+
} from "./Options";
|
|
16
|
+
|
|
10
17
|
export * from "./Options";
|
|
@@ -42,7 +42,7 @@ export interface NavigationData {
|
|
|
42
42
|
|
|
43
43
|
export type HvNavigationClassKey = "root" | "list" | "listItem";
|
|
44
44
|
|
|
45
|
-
export interface
|
|
45
|
+
export interface HvVerticalNavigationTreeProps
|
|
46
46
|
extends StandardProps<
|
|
47
47
|
React.HTMLAttributes<HTMLElement>,
|
|
48
48
|
HvNavigationClassKey,
|
|
@@ -118,6 +118,6 @@ export interface HvVerticalNavigationNavigationProps
|
|
|
118
118
|
label?: string;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
-
export default function
|
|
122
|
-
props:
|
|
121
|
+
export default function HvVerticalNavigationTree(
|
|
122
|
+
props: HvVerticalNavigationTreeProps
|
|
123
123
|
): JSX.Element | null;
|
|
@@ -310,6 +310,6 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
|
|
|
310
310
|
label: deprecatedPropType(PropTypes.string)
|
|
311
311
|
} : void 0;
|
|
312
312
|
export default withStyles(styles, {
|
|
313
|
-
name: "
|
|
313
|
+
name: "HvVerticalNavigationTree"
|
|
314
314
|
})(Navigation);
|
|
315
315
|
//# sourceMappingURL=Navigation.js.map
|