npm - @coorpacademy/components - Versions diffs - 11.32.24-alpha.0 → 11.32.24 - Mend

@coorpacademy/components 11.32.24-alpha.0 → 11.32.24

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.

Files changed (189) hide show

package/es/template/back-office/brand-update/index.d.ts CHANGED Viewed

@@ -21,6 +21,7 @@ declare namespace BrandUpdate {
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 seeMyPlatform: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -44,6 +45,7 @@ declare namespace BrandUpdate {
                 }>>;
                 logOut: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -67,6 +69,7 @@ declare namespace BrandUpdate {
                 }>>;
                 globalAnalytics: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -90,6 +93,7 @@ declare namespace BrandUpdate {
                 }>>;
                 platformList: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -319,6 +323,7 @@ declare namespace BrandUpdate {
             'aria-label': PropTypes.Requireable<string>;
             buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;
@@ -363,6 +368,7 @@ declare namespace BrandUpdate {
                     title: PropTypes.Validator<string>;
                     subtitle: PropTypes.Requireable<string>;
                     selected: PropTypes.Requireable<boolean>;
+                    selectedColor: PropTypes.Requireable<string>;
                     dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                         label: PropTypes.Requireable<string>;
                         type: PropTypes.Requireable<string>;
@@ -457,6 +463,7 @@ declare namespace BrandUpdate {
                 lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                     componentType: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -567,6 +574,7 @@ declare namespace BrandUpdate {
             lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 componentType: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;
@@ -629,6 +637,7 @@ declare namespace BrandUpdate {
                 }>>;
                 firstButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -652,6 +661,7 @@ declare namespace BrandUpdate {
                 }>>;
                 secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -794,6 +804,7 @@ declare namespace BrandUpdate {
                     title: PropTypes.Validator<string>;
                     subtitle: PropTypes.Requireable<string>;
                     selected: PropTypes.Requireable<boolean>;
+                    selectedColor: PropTypes.Requireable<string>;
                     dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                         label: PropTypes.Requireable<string>;
                         type: PropTypes.Requireable<string>;
@@ -965,6 +976,7 @@ declare namespace BrandUpdate {
                     'aria-label': PropTypes.Requireable<string>;
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
+                        usage: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
                         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         'aria-label': PropTypes.Requireable<string>;
@@ -1009,6 +1021,7 @@ declare namespace BrandUpdate {
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
+                            selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -1103,6 +1116,7 @@ declare namespace BrandUpdate {
                         lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
+                            usage: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
                             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;

package/es/template/back-office/dashboard-preview/index.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ declare const _default: {
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 seeMyPlatform: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -28,6 +29,7 @@ declare const _default: {
                 }>>;
                 logOut: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -51,6 +53,7 @@ declare const _default: {
                 }>>;
                 globalAnalytics: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -74,6 +77,7 @@ declare const _default: {
                 }>>;
                 platformList: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;

package/es/template/back-office/layout/index.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ declare function createLayout(Template: any): {
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 seeMyPlatform: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -29,6 +30,7 @@ declare function createLayout(Template: any): {
                 }>>;
                 logOut: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -52,6 +54,7 @@ declare function createLayout(Template: any): {
                 }>>;
                 globalAnalytics: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;
@@ -75,6 +78,7 @@ declare function createLayout(Template: any): {
                 }>>;
                 platformList: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
+                    usage: PropTypes.Requireable<string>;
                     label: PropTypes.Requireable<string>;
                     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                     'aria-label': PropTypes.Requireable<string>;

package/es/template/back-office/layout/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/layout/index.js"],"names":[],"mappings":";AAMA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~EAyBC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/layout/index.js"],"names":[],"mappings":";AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBC"}

package/es/template/common/dashboard/index.d.ts CHANGED Viewed

@@ -96,6 +96,7 @@ declare namespace Dashboard {
                     'aria-label': PropTypes.Requireable<string>;
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
+                        usage: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
                         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         'aria-label': PropTypes.Requireable<string>;
@@ -140,6 +141,7 @@ declare namespace Dashboard {
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
+                            selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -234,6 +236,7 @@ declare namespace Dashboard {
                         lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
+                            usage: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
                             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;
@@ -389,6 +392,7 @@ declare namespace Dashboard {
                     'aria-label': PropTypes.Requireable<string>;
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
+                        usage: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
                         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         'aria-label': PropTypes.Requireable<string>;
@@ -433,6 +437,7 @@ declare namespace Dashboard {
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
+                            selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -527,6 +532,7 @@ declare namespace Dashboard {
                         lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
+                            usage: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
                             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;

package/es/template/common/search-page/index.d.ts CHANGED Viewed

@@ -277,6 +277,7 @@ declare namespace SearchPage {
                     'aria-label': PropTypes.Requireable<string>;
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
+                        usage: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
                         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         'aria-label': PropTypes.Requireable<string>;
@@ -321,6 +322,7 @@ declare namespace SearchPage {
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
+                            selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -415,6 +417,7 @@ declare namespace SearchPage {
                         lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
+                            usage: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
                             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;

package/es/template/external-course/index.d.ts CHANGED Viewed

@@ -110,6 +110,7 @@ declare namespace ExternalCourse {
                     'aria-label': PropTypes.Requireable<string>;
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
+                        usage: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
                         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         'aria-label': PropTypes.Requireable<string>;
@@ -154,6 +155,7 @@ declare namespace ExternalCourse {
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
+                            selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -248,6 +250,7 @@ declare namespace ExternalCourse {
                         lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
+                            usage: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
                             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;

package/lib/atom/button-link/index.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ declare const ButtonLink: {
     (props: ButtonLinkProps): JSX.Element;
     propTypes: {
         type: import("prop-types").Requireable<string>;
+        usage: import("prop-types").Requireable<string>;
         label: import("prop-types").Requireable<string>;
         content: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         'aria-label': import("prop-types").Requireable<string>;

package/lib/atom/button-link/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AA+C7D,QAAA,MAAM,UAAU;YAAW,eAAe~~;;;;;;;;;;;;;;;;;;;;;;;;CA4FzC~~,CAAC;AAIF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AA+C7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CA8FzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/lib/atom/button-link/index.js CHANGED Viewed

@@ -69,6 +69,7 @@ const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverCol
 const ButtonLink = props => {
   const {
     type,
+    usage = 'button',
     label,
     content,
     hoverBackgroundColor,
@@ -87,7 +88,7 @@ const ButtonLink = props => {
   } = props;
   const styleButton = (0, _classnames.default)(className, _style.default.button, type === 'primary' && _style.default.primary, type === 'secondary' && _style.default.secondary, type === 'tertiary' && _style.default.tertiary, type === 'text' && _style.default.text, type === 'dangerous' && _style.default.dangerous, link && _style.default.link, disabled && _style.default.disabled);
   const [hovered, setHovered] = (0, _react.useState)(false);
-  const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
+  const handleOnClick = (0, _react.useCallback)(event => onClick(event), [onClick]);
   const handleOnKeyDown = (0, _react.useCallback)(event => onKeyDown(event), [onKeyDown]);
   const handleMouseOver = (0, _react.useCallback)(() => setHovered(true), [setHovered]);
   const handleMouseLeave = (0, _react.useCallback)(() => setHovered(false), [setHovered]);
@@ -114,7 +115,8 @@ const ButtonLink = props => {
   return /*#__PURE__*/_react.default.createElement("button", _extends({}, useTitle && {
     title: ariaLabel || label
   }, {
-    type: "button",
+    // eslint-disable-next-line react/button-has-type
+    type: usage,
     "aria-label": ariaLabel || label,
     "data-name": dataName,
     "data-testid": dataTestId,

package/lib/atom/button-link/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","type","faIcon","position","Icon","ICONS","isApplyHover","style","buttonContent","label","iconComponent","iconName","name","iconColor","color","backgroundColor","size","faSize","wrapperSize","ButtonLink","props","disabled","dataName","dataTestId","ariaLabel","link","onClick","onKeyDown","className","customStyle","useTitle","styleButton","classnames","button","primary","secondary","tertiary","text","dangerous","setHovered","useState","handleOnClick","useCallback","~~handleOnKeyDown~~","~~event~~","handleMouseOver","handleMouseLeave","_customStyle","useMemo","title","propTypes"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n icon?: IconType,\n content?: string \| React.ReactNode,\n hovered?: boolean,\n hoverBackgroundColor?: string,\n hoverColor?: string\n) => {\n const {type, faIcon, position} = icon \|\| {type: '', position: ''};\n const Icon = type && ICONS[type];\n const isApplyHover = hovered && hoverBackgroundColor && hoverColor;\n\n if (!Icon && !faIcon) {\n return (\n <div className={style.buttonContent}>\n <span className={style.label}>{content}</span>\n </div>\n );\n }\n\n const iconComponent = faIcon ? (\n <FaIcon\n {...{\n iconName: faIcon.name,\n iconColor: isApplyHover ? hoverColor : faIcon.color,\n backgroundColor: isApplyHover ? hoverBackgroundColor : faIcon.backgroundColor,\n size: {\n faSize: faIcon.size,\n wrapperSize: faIcon.size\n }\n }}\n />\n ) : (\n <Icon className={style.icon} theme=\"coorpmanager\" />\n );\n\n return (\n <div className={style.buttonContent}>\n {position === 'left' ? iconComponent : null}\n {content ? <span className={style.label}>{content}</span> : null}\n {position === 'right' ? iconComponent : null}\n </div>\n );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n const {\n type,\n label,\n content,\n hoverBackgroundColor,\n hoverColor,\n disabled = false,\n icon,\n 'data-name': dataName,\n 'data-testid': dataTestId = 'button-link',\n 'aria-label': ariaLabel,\n link,\n onClick = noop,\n onKeyDown = noop,\n className,\n customStyle,\n useTitle = true\n } = props;\n const styleButton = classnames(\n className,\n style.button,\n type === 'primary' && style.primary,\n type === 'secondary' && style.secondary,\n type === 'tertiary' && style.tertiary,\n type === 'text' && style.text,\n type === 'dangerous' && style.dangerous,\n link && style.link,\n disabled && style.disabled\n );\n\n const [hovered, setHovered] = useState(false);\n\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n const _customStyle = useMemo(() => {\n return {\n ...customStyle,\n ...((hoverBackgroundColor \|\| hoverColor) && hovered\n ? {\n backgroundColor: hoverBackgroundColor,\n color: hoverColor\n }\n : null)\n };\n }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n if (link) {\n return (\n <Link\n {...link}\n {...(useTitle && {\n title: ariaLabel \|\| label\n })}\n style={customStyle}\n className={styleButton}\n data-name={dataName}\n data-testid={dataTestId}\n aria-label={ariaLabel \|\| label}\n >\n {getButtonContent(icon, content ?? label)}\n </Link>\n );\n }\n\n return (\n <button\n {...(useTitle && {\n title: ariaLabel \|\| label\n })}\n type~~=\"button~~\"\n aria-label={ariaLabel \|\| label}\n data-name={dataName}\n data-testid={dataTestId}\n style={_customStyle}\n className={styleButton}\n onClick={handleOnClick}\n onKeyDown={handleOnKeyDown}\n onMouseOver={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n tabIndex={0}\n disabled={disabled}\n >\n {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n </button>\n );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAG,CACvBC,IADuB,EAEvBC,OAFuB,EAGvBC,OAHuB,EAIvBC,oBAJuB,EAKvBC,UALuB,KAMpB;EACH,MAAM;IAACC,IAAD;IAAOC,MAAP;IAAeC;EAAf,IAA2BP,IAAI,IAAI;IAACK,IAAI,EAAE,EAAP;IAAWE,QAAQ,EAAE;EAArB,CAAzC;EACA,MAAMC,IAAI,GAAGH,IAAI,IAAII,kBAAA,CAAMJ,IAAN,CAArB;EACA,MAAMK,YAAY,GAAGR,OAAO,IAAIC,oBAAX,IAAmCC,UAAxD;;EAEA,IAAI,CAACI,IAAD,IAAS,CAACF,MAAd,EAAsB;IACpB,oBACE;MAAK,SAAS,EAAEK,cAAA,CAAMC;IAAtB,gBACE;MAAM,SAAS,EAAED,cAAA,CAAME;IAAvB,GAA+BZ,OAA/B,CADF,CADF;EAKD;;EAED,MAAMa,aAAa,GAAGR,MAAM,gBAC1B,6BAAC,aAAD;IAEIS,QAAQ,EAAET,MAAM,CAACU,IAFrB;IAGIC,SAAS,EAAEP,YAAY,GAAGN,UAAH,GAAgBE,MAAM,CAACY,KAHlD;IAIIC,eAAe,EAAET,YAAY,GAAGP,oBAAH,GAA0BG,MAAM,CAACa,eAJlE;IAKIC,IAAI,EAAE;MACJC,MAAM,EAAEf,MAAM,CAACc,IADX;MAEJE,WAAW,EAAEhB,MAAM,CAACc;IAFhB;EALV,EAD0B,gBAa1B,6BAAC,IAAD;IAAM,SAAS,EAAET,cAAA,CAAMX,IAAvB;IAA6B,KAAK,EAAC;EAAnC,EAbF;EAgBA,oBACE;IAAK,SAAS,EAAEW,cAAA,CAAMC;EAAtB,GACGL,QAAQ,KAAK,MAAb,GAAsBO,aAAtB,GAAsC,IADzC,EAEGb,OAAO,gBAAG;IAAM,SAAS,EAAEU,cAAA,CAAME;EAAvB,GAA+BZ,OAA/B,CAAH,GAAoD,IAF9D,EAGGM,QAAQ,KAAK,OAAb,GAAuBO,aAAvB,GAAuC,IAH1C,CADF;AAOD,CA1CD;;AA4CA,MAAMS,UAAU,GAAIC,KAAD,IAA4B;EAC7C,MAAM;IACJnB,IADI;~~IAEJQ~~,~~KAFI~~;IAGJZ,~~OAHI~~;~~IAIJE~~,~~oBAJI~~;~~IAKJC~~,~~UALI~~;~~IAMJqB~~,QAAQ,GAAG,~~KANP~~;~~IAOJzB~~,~~IAPI~~;~~IAQJ~~,~~aAAa0B~~,~~QART~~;~~IASJ~~,eAAeC,UAAU,GAAG,~~aATxB~~;~~IAUJ~~,cAAcC,~~SAVV~~;~~IAWJC~~,~~IAXI~~;~~IAYJC~~,OAAO,~~iBAZH~~;~~IAaJC~~,SAAS,~~iBAbL~~;~~IAcJC,SAdI;~~IAeJC,~~WAfI~~;IAgBJC,QAAQ,GAAG;~~EAhBP~~,~~IAiBFV~~,~~KAjBJ~~;~~EAkBA~~,~~MAAMW~~,WAAW,GAAG,IAAAC,mBAAA,EAClBJ,SADkB,~~EAElBrB~~,cAAA,~~CAAM0B~~,MAFY,~~EAGlBhC~~,IAAI,KAAK,SAAT,IAAsBM,cAAA,~~CAAM2B~~,OAHV,~~EAIlBjC~~,IAAI,KAAK,WAAT,IAAwBM,cAAA,~~CAAM4B~~,SAJZ,~~EAKlBlC~~,IAAI,KAAK,UAAT,IAAuBM,cAAA,~~CAAM6B~~,QALX,~~EAMlBnC~~,IAAI,KAAK,MAAT,IAAmBM,cAAA,~~CAAM8B~~,IANP,~~EAOlBpC~~,IAAI,KAAK,WAAT,IAAwBM,cAAA,~~CAAM+B~~,SAPZ,EAQlBb,IAAI,~~IAAIlB~~,cAAA,~~CAAMkB~~,IARI,EASlBJ,QAAQ,~~IAAId~~,cAAA,~~CAAMc~~,QATA,CAApB;EAYA,MAAM,~~CAACvB~~,OAAD,~~EAAUyC~~,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;EAEA,MAAMC,aAAa,GAAG,IAAAC,kBAAA,~~EAAY~~,~~MAAMhB~~,OAAO,~~EAAzB~~,~~EAA6B~~,~~CAACA~~,OAAD,~~CAA7B~~,CAAtB;EAEA,~~MAAMiB~~,eAAe,GAAG,~~IAAAD~~,kBAAA,~~EAAYE~~,KAAK,~~IAAIjB~~,SAAS,~~CAACiB~~,KAAD,CAA9B,EAAuC,~~CAACjB~~,SAAD,CAAvC,CAAxB;EAEA,MAAMkB,eAAe,GAAG,IAAAH,kBAAA,EAAY,MAAMH,UAAU,CAAC,IAAD,CAA5B,EAAoC,CAACA,UAAD,CAApC,CAAxB;EAEA,MAAMO,gBAAgB,GAAG,IAAAJ,kBAAA,EAAY,MAAMH,UAAU,CAAC,KAAD,CAA5B,EAAqC,CAACA,UAAD,CAArC,CAAzB;;EAEA,MAAMQ,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAM;IACjC,oBACKnB,WADL,EAEM,~~CAAC9B~~,oBAAoB,IAAIC,UAAzB,KAAwCF,OAAxC,GACA;MACEiB,eAAe,EAAEhB,oBADnB;MAEEe,KAAK,EAAEd;IAFT,CADA,GAKA,IAPN;EASD,CAVoB,EAUlB,CAACD,oBAAD,EAAuBC,UAAvB,EAAmCF,OAAnC,~~EAA4C+B~~,WAA5C,CAVkB,CAArB;;EAYA,IAAIJ,IAAJ,EAAU;IACR,oBACE,6BAAC,aAAD,eACMA,IADN,EAEOK,QAAQ,IAAI;MACfmB,KAAK,EAAEzB,SAAS,~~IAAIf~~;IADL,CAFnB;MAKE,KAAK,~~EAAEoB~~,WALT;MAME,SAAS,EAAEE,WANb;MAOE,aAAWT,QAPb;MAQE,eAAaC,UARf;MASE,cAAYC,SAAS,~~IAAIf~~;IAT3B,IAWGd,gBAAgB,CAACC,IAAD,EAAOC,OAAO,IAAIY,KAAlB,CAXnB,CADF;EAeD;;EAED,oBACE,~~oDACOqB~~,QAAQ,IAAI;IACfmB,KAAK,EAAEzB,SAAS,~~IAAIf~~;EADL,CADnB;IAIE,IAAI,~~EAAC~~,~~QAJP~~;~~IAKE~~,~~cAAYe~~,SAAS,~~IAAIf~~,~~KAL3B~~;~~IAME~~,~~aAAWa~~,~~QANb~~;~~IAOE~~,eAAaC,~~UAPf~~;~~IAQE~~,KAAK,EAAEwB,~~YART~~;~~IASE~~,SAAS,EAAEhB,~~WATb~~;~~IAUE~~,OAAO,EAAEU,~~aAVX~~;~~IAWE~~,SAAS,~~EAAEE~~,~~eAXb~~;~~IAYE~~,WAAW,~~EAAEE~~,~~eAZf~~;~~IAaE~~,YAAY,EAAEC,~~gBAbhB~~;~~IAcE~~,QAAQ,EAAE,~~CAdZ~~;~~IAeE~~,QAAQ,EAAEzB;~~EAfZ~~,~~IAiBG1B~~,gBAAgB,CAACC,IAAD,EAAOC,OAAO,IAAIY,KAAlB,EAAyBX,OAAzB,EAAkCC,oBAAlC,EAAwDC,UAAxD,~~CAjBnB~~,CADF;~~AAqBD~~,~~CA5FD~~;;~~AA8FAmB~~,UAAU,~~CAAC+B~~,SAAX,2CAAuBA,cAAvB;~~eAEe/B~~,U"}
1	+ {"version":3,"file":"index.js","names":["getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","type","faIcon","position","Icon","ICONS","isApplyHover","style","buttonContent","label","iconComponent","iconName","name","iconColor","color","backgroundColor","size","faSize","wrapperSize","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","link","onClick","onKeyDown","className","customStyle","useTitle","styleButton","classnames","button","primary","secondary","tertiary","text","dangerous","setHovered","useState","handleOnClick","useCallback","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","_customStyle","useMemo","title","propTypes"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n icon?: IconType,\n content?: string \| React.ReactNode,\n hovered?: boolean,\n hoverBackgroundColor?: string,\n hoverColor?: string\n) => {\n const {type, faIcon, position} = icon \|\| {type: '', position: ''};\n const Icon = type && ICONS[type];\n const isApplyHover = hovered && hoverBackgroundColor && hoverColor;\n\n if (!Icon && !faIcon) {\n return (\n <div className={style.buttonContent}>\n <span className={style.label}>{content}</span>\n </div>\n );\n }\n\n const iconComponent = faIcon ? (\n <FaIcon\n {...{\n iconName: faIcon.name,\n iconColor: isApplyHover ? hoverColor : faIcon.color,\n backgroundColor: isApplyHover ? hoverBackgroundColor : faIcon.backgroundColor,\n size: {\n faSize: faIcon.size,\n wrapperSize: faIcon.size\n }\n }}\n />\n ) : (\n <Icon className={style.icon} theme=\"coorpmanager\" />\n );\n\n return (\n <div className={style.buttonContent}>\n {position === 'left' ? iconComponent : null}\n {content ? <span className={style.label}>{content}</span> : null}\n {position === 'right' ? iconComponent : null}\n </div>\n );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n const {\n type,\n usage = 'button',\n label,\n content,\n hoverBackgroundColor,\n hoverColor,\n disabled = false,\n icon,\n 'data-name': dataName,\n 'data-testid': dataTestId = 'button-link',\n 'aria-label': ariaLabel,\n link,\n onClick = noop,\n onKeyDown = noop,\n className,\n customStyle,\n useTitle = true\n } = props;\n const styleButton = classnames(\n className,\n style.button,\n type === 'primary' && style.primary,\n type === 'secondary' && style.secondary,\n type === 'tertiary' && style.tertiary,\n type === 'text' && style.text,\n type === 'dangerous' && style.dangerous,\n link && style.link,\n disabled && style.disabled\n );\n\n const [hovered, setHovered] = useState(false);\n\n const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n const _customStyle = useMemo(() => {\n return {\n ...customStyle,\n ...((hoverBackgroundColor \|\| hoverColor) && hovered\n ? {\n backgroundColor: hoverBackgroundColor,\n color: hoverColor\n }\n : null)\n };\n }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n if (link) {\n return (\n <Link\n {...link}\n {...(useTitle && {\n title: ariaLabel \|\| label\n })}\n style={customStyle}\n className={styleButton}\n data-name={dataName}\n data-testid={dataTestId}\n aria-label={ariaLabel \|\| label}\n >\n {getButtonContent(icon, content ?? label)}\n </Link>\n );\n }\n\n return (\n <button\n {...(useTitle && {\n title: ariaLabel \|\| label\n })}\n // eslint-disable-next-line react/button-has-type\n type={usage}\n aria-label={ariaLabel \|\| label}\n data-name={dataName}\n data-testid={dataTestId}\n style={_customStyle}\n className={styleButton}\n onClick={handleOnClick}\n onKeyDown={handleOnKeyDown}\n onMouseOver={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n tabIndex={0}\n disabled={disabled}\n >\n {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n </button>\n );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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"}

package/lib/atom/button-link/types.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { ICONS } from '../../util/button-icons';
 declare const propTypes: {
     type: PropTypes.Requireable<string>;
+    usage: PropTypes.Requireable<string>;
     label: PropTypes.Requireable<string>;
     content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     'aria-label': PropTypes.Requireable<string>;
@@ -37,6 +38,7 @@ export declare type IconType = {
 };
 export declare type ButtonLinkProps = {
     type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';
+    usage?: 'button' | 'submit' | 'reset';
     label?: string;
     content?: React.ReactNode;
     'aria-label'?: string;

package/lib/atom/button-link/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAE9C,QAAA,MAAM,SAAS~~;;;;;;;;;;;;;;;;;;;;;;CAsBd~~,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AACF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAE9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAuBd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AACF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}

package/lib/atom/button-link/types.js CHANGED Viewed

@@ -13,6 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const propTypes = {
   type: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),
+  usage: _propTypes.default.oneOf(['button', 'submit', 'reset']),
   label: _propTypes.default.string,
   content: _propTypes.default.node,
   'aria-label': _propTypes.default.string,

package/lib/atom/button-link/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["propTypes","type","PropTypes","oneOf","label","string","content","node","icon","shape","position","ICONS","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","customStyle"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\n\nconst propTypes = {\n type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n label: PropTypes.string,\n content: PropTypes.node,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n 'data-testid': PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.oneOf(['right', 'left']),\n type: PropTypes.oneOf(keys(ICONS))\n }),\n onClick: PropTypes.func,\n link: PropTypes.shape({\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n }),\n hoverBackgroundColor: PropTypes.string,\n hoverColor: PropTypes.string,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n customStyle: PropTypes.shape({})\n};\n\nexport type FaIcontype = {\n name: string;\n color?: string;\n backgroundColor?: string;\n size?: number;\n};\n\nexport type IconType = {\n position: 'right' \| 'left';\n type?: keyof typeof ICONS;\n faIcon?: FaIcontype;\n};\nexport type ButtonLinkProps = {\n type?: 'primary' \| 'secondary' \| 'tertiary' \| 'text' \| 'dangerous';\n label?: string;\n content?: React.ReactNode;\n 'aria-label'?: string;\n 'data-name'?: string;\n 'data-testid'?: string;\n icon?: IconType;\n onClick?: () => void;\n onKeyDown?: () => void;\n link?: {\n href?: string;\n download?: boolean;\n target?: '_self' \| '_blank' \| '_parent' \| '_top';\n };\n hoverBackgroundColor?: string;\n hoverColor?: string;\n disabled?: boolean;\n className?: string;\n customStyle?: Record<string, unknown>;\n useTitle?: boolean;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,EAAqC,MAArC,EAA6C,WAA7C,CAAhB,CADU;EAEhBC,KAAK,EAAEF,kBAAA,~~CAAUG~~,~~MAFD~~;~~EAGhBC~~,~~OAAO~~,~~EAAEJ~~,kBAAA,~~CAAUK~~,~~IAHH~~;~~EAIhB~~,~~cAAcL~~,kBAAA,~~CAAUG~~,~~MAJR~~;EAKhB,~~aAAaH~~,kBAAA,~~CAAUG~~,~~MALP~~;EAMhB,~~eAAeH~~,kBAAA,~~CAAUG~~,~~MANT~~;~~EAOhBG~~,IAAI,~~EAAEN~~,kBAAA,~~CAAUO~~,KAAV,CAAgB;IACpBC,QAAQ,~~EAAER~~,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CADU;IAEpBF,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,~~oBAAKQ~~,kBAAL,CAAhB;EAFc,CAAhB,~~CAPU~~;~~EAWhBC~~,OAAO,~~EAAEV~~,kBAAA,~~CAAUW~~,~~IAXH~~;~~EAYhBC~~,IAAI,~~EAAEZ~~,kBAAA,~~CAAUO~~,KAAV,CAAgB;IACpBM,IAAI,~~EAAEb~~,kBAAA,~~CAAUG~~,MADI;IAEpBW,QAAQ,~~EAAEd~~,kBAAA,~~CAAUe~~,IAFA;IAGpBC,MAAM,~~EAAEhB~~,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;EAHY,CAAhB,~~CAZU~~;~~EAiBhBgB~~,oBAAoB,~~EAAEjB~~,kBAAA,~~CAAUG~~,~~MAjBhB~~;~~EAkBhBe~~,UAAU,~~EAAElB~~,kBAAA,~~CAAUG~~,~~MAlBN~~;~~EAmBhBgB~~,QAAQ,~~EAAEnB~~,kBAAA,~~CAAUe~~,~~IAnBJ~~;~~EAoBhBK~~,SAAS,~~EAAEpB~~,kBAAA,~~CAAUG~~,~~MApBL~~;~~EAqBhBkB~~,WAAW,~~EAAErB~~,kBAAA,~~CAAUO~~,KAAV,CAAgB,EAAhB;~~AArBG~~,CAAlB;~~eA6DeT~~,S"}
1	+ {"version":3,"file":"types.js","names":["propTypes","type","PropTypes","oneOf","usage","label","string","content","node","icon","shape","position","ICONS","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","customStyle"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\n\nconst propTypes = {\n type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n usage: PropTypes.oneOf(['button', 'submit', 'reset']),\n label: PropTypes.string,\n content: PropTypes.node,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n 'data-testid': PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.oneOf(['right', 'left']),\n type: PropTypes.oneOf(keys(ICONS))\n }),\n onClick: PropTypes.func,\n link: PropTypes.shape({\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n }),\n hoverBackgroundColor: PropTypes.string,\n hoverColor: PropTypes.string,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n customStyle: PropTypes.shape({})\n};\n\nexport type FaIcontype = {\n name: string;\n color?: string;\n backgroundColor?: string;\n size?: number;\n};\n\nexport type IconType = {\n position: 'right' \| 'left';\n type?: keyof typeof ICONS;\n faIcon?: FaIcontype;\n};\nexport type ButtonLinkProps = {\n type?: 'primary' \| 'secondary' \| 'tertiary' \| 'text' \| 'dangerous';\n usage?: 'button' \| 'submit' \| 'reset';\n label?: string;\n content?: React.ReactNode;\n 'aria-label'?: string;\n 'data-name'?: string;\n 'data-testid'?: string;\n icon?: IconType;\n onClick?: () => void;\n onKeyDown?: () => void;\n link?: {\n href?: string;\n download?: boolean;\n target?: '_self' \| '_blank' \| '_parent' \| '_top';\n };\n hoverBackgroundColor?: string;\n hoverColor?: string;\n disabled?: boolean;\n className?: string;\n customStyle?: Record<string, unknown>;\n useTitle?: boolean;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,EAAqC,MAArC,EAA6C,WAA7C,CAAhB,CADU;EAEhBC,KAAK,EAAEF,kBAAA,CAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,EAAqB,OAArB,CAAhB,CAFS;EAGhBE,KAAK,EAAEH,kBAAA,CAAUI,MAHD;EAIhBC,OAAO,EAAEL,kBAAA,CAAUM,IAJH;EAKhB,cAAcN,kBAAA,CAAUI,MALR;EAMhB,aAAaJ,kBAAA,CAAUI,MANP;EAOhB,eAAeJ,kBAAA,CAAUI,MAPT;EAQhBG,IAAI,EAAEP,kBAAA,CAAUQ,KAAV,CAAgB;IACpBC,QAAQ,EAAET,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CADU;IAEpBF,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,oBAAKS,kBAAL,CAAhB;EAFc,CAAhB,CARU;EAYhBC,OAAO,EAAEX,kBAAA,CAAUY,IAZH;EAahBC,IAAI,EAAEb,kBAAA,CAAUQ,KAAV,CAAgB;IACpBM,IAAI,EAAEd,kBAAA,CAAUI,MADI;IAEpBW,QAAQ,EAAEf,kBAAA,CAAUgB,IAFA;IAGpBC,MAAM,EAAEjB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;EAHY,CAAhB,CAbU;EAkBhBiB,oBAAoB,EAAElB,kBAAA,CAAUI,MAlBhB;EAmBhBe,UAAU,EAAEnB,kBAAA,CAAUI,MAnBN;EAoBhBgB,QAAQ,EAAEpB,kBAAA,CAAUgB,IApBJ;EAqBhBK,SAAS,EAAErB,kBAAA,CAAUI,MArBL;EAsBhBkB,WAAW,EAAEtB,kBAAA,CAAUQ,KAAV,CAAgB,EAAhB;AAtBG,CAAlB;eA+DeV,S"}

package/lib/atom/circular-progress-bar/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/circular-progress-bar/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,6BAA6B,EAA+B,MAAM,SAAS,CAAC;AAmBpF,QAAA,MAAM,mBAAmB;gGAOtB,6BAA6B;;;;;;;;;~~CAqD~~/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/circular-progress-bar/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,6BAA6B,EAA+B,MAAM,SAAS,CAAC;AAmBpF,QAAA,MAAM,mBAAmB;gGAOtB,6BAA6B;;;;;;;;;CAgD/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

package/lib/atom/circular-progress-bar/index.js CHANGED Viewed

@@ -54,14 +54,7 @@ const CircularProgressBar = ({
       length: length_
     };
   }, [size, strokeWidth]);
-  const animationTriggered = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
-    if (!animationTriggered.current) {
-      setOffset(Math.ceil(length * ((100 - progression) / 100)));
-      animationTriggered.current = true;
-    }
-  }, [length, progression]);
-  console.log('in progress bar ---->');
+  (0, _react.useEffect)(() => setOffset(Math.ceil(length * ((100 - progression) / 100))), [length, progression]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container,
     "aria-label": ariaLabel,

package/lib/atom/circular-progress-bar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["ProgressionGradient","CircularProgressBar","label","progression","size","strokeWidth","ariaLabel","dataName","offset","setOffset","useState","center","radius","length","useMemo","center_","radius_","length_","Math","ceil","PI","~~animationTriggered","useRef","~~useEffect","~~current","console","log","~~style","container","svg","mainCircle","progressionCircle","infos","propTypes","CircularProgressBarPropTypes"],"sources":["../../../src/atom/circular-progress-bar/index.tsx"],"sourcesContent":["import React, {useMemo, useState, useEffect~~, useRef~~} from 'react';\nimport {isNull} from 'lodash/fp';\nimport {LearningPriorityCardPropTypes, CircularProgressBarPropTypes} from './types';\nimport style from './style.css';\n\nconst ProgressionGradient = () => (\n <defs>\n <linearGradient\n id=\"gradient-stroke-progression\"\n x1=\"81\"\n y1=\"0\"\n x2=\"81\"\n y2=\"162\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#35CC7F\" />\n <stop offset=\"1\" stopColor=\"#55F2A7\" />\n </linearGradient>\n </defs>\n);\n\nconst CircularProgressBar = ({\n label,\n progression,\n size,\n strokeWidth,\n 'aria-label': ariaLabel,\n 'data-name': dataName\n}: LearningPriorityCardPropTypes) => {\n const [offset, setOffset] = useState<null \| number>(null);\n\n const {center, radius, length} = useMemo(() => {\n const center_ = size / 2;\n const radius_ = center_ - strokeWidth;\n const length_ = Math.ceil(2 * Math.PI * radius_);\n\n return {center: center_, radius: radius_, length: length_};\n }, [size, strokeWidth]);\n\n ~~const animationTriggered = useRef(false);\n~~ useEffect(~~() => {~~\n if (~~!animationTriggered.current~~) ~~{\n~~ setOffset(Math.ceil(length * ((100 - progression) / 100)));\n ~~animationTriggered.current = true;\n~~ ~~}\n },~~ [length, progression]~~);\n~~\n ~~console.log('in progress bar ---->'~~);\n\n return (\n <div className={style.container} aria-label={ariaLabel} data-name={dataName}>\n <svg className={style.svg} width={size} height={size}>\n <ProgressionGradient />\n <circle\n className={style.mainCircle}\n cx={center}\n cy={center}\n r={radius}\n strokeWidth={3}\n fill=\"transparent\"\n />\n <circle cx={center} cy={center} r={radius - (10 / radius) * 100} fill=\"#fafafa\" />\n <circle\n className={style.progressionCircle}\n cx={center}\n cy={center}\n r={radius}\n stroke={`url(#gradient-stroke-progression)`}\n strokeWidth={strokeWidth}\n strokeDasharray={length}\n strokeDashoffset={isNull(offset) ? length : offset}\n fill=\"transparent\"\n strokeLinecap=\"round\"\n />\n </svg>\n <div className={style.infos}>\n <span className={style.progression}>{progression}%</span>\n <span className={style.label}>{label}</span>\n </div>\n </div>\n );\n};\n\nCircularProgressBar.propTypes = CircularProgressBarPropTypes;\n\nexport default CircularProgressBar;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,mBAAmB,GAAG,mBAC1B,wDACE;EACE,EAAE,EAAC,6BADL;EAEE,EAAE,EAAC,IAFL;EAGE,EAAE,EAAC,GAHL;EAIE,EAAE,EAAC,IAJL;EAKE,EAAE,EAAC,KALL;EAME,aAAa,EAAC;AANhB,gBAQE;EAAM,SAAS,EAAC;AAAhB,EARF,eASE;EAAM,MAAM,EAAC,GAAb;EAAiB,SAAS,EAAC;AAA3B,EATF,CADF,CADF;;AAgBA,MAAMC,mBAAmB,GAAG,CAAC;EAC3BC,KAD2B;EAE3BC,WAF2B;EAG3BC,IAH2B;EAI3BC,WAJ2B;EAK3B,cAAcC,SALa;EAM3B,aAAaC;AANc,CAAD,KAOS;EACnC,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAwB,IAAxB,CAA5B;EAEA,MAAM;IAACC,MAAD;IAASC,MAAT;IAAiBC;EAAjB,IAA2B,IAAAC,cAAA,EAAQ,MAAM;IAC7C,MAAMC,OAAO,GAAGX,IAAI,GAAG,CAAvB;IACA,MAAMY,OAAO,GAAGD,OAAO,GAAGV,WAA1B;IACA,MAAMY,OAAO,GAAGC,IAAI,CAACC,IAAL,CAAU,IAAID,IAAI,CAACE,EAAT,GAAcJ,OAAxB,CAAhB;IAEA,OAAO;MAACL,MAAM,EAAEI,OAAT;MAAkBH,MAAM,EAAEI,OAA1B;MAAmCH,MAAM,EAAEI;IAA3C,CAAP;EACD,CANgC,EAM9B,CAACb,IAAD,EAAOC,WAAP,CAN8B,CAAjC;EAQA,~~MAAMgB~~,~~kBAAkB,GAAG,IAAAC,aAAA,EAAO,KAAP,CAA3B;EACA,IAAAC,~~gBAAA,~~EAAU~~,~~MAAM;IACd~~,~~IAAI,CAACF,kBAAkB,CAACG,OAAxB,EAAiC;MAC/Bf,~~SAAS,CAACS,IAAI,CAACC,IAAL,CAAUN,MAAM,IAAI,CAAC,MAAMV,WAAP,IAAsB,GAA1B,CAAhB,CAAD,~~CAAT;MACAkB~~,~~kBAAkB~~,~~CAACG~~,~~OAAnB,GAA6B,IAA7B;IACD;EACF,CALD,EAKG,CAACX,~~MAAD,EAASV,WAAT,~~CALH~~;~~EAOAsB~~,~~OAAO,CAACC,GAAR,CAAY,uBAAZ;EAEA,~~oBACE;IAAK,SAAS,~~EAAEC~~,cAAA,CAAMC,SAAtB;IAAiC,~~cAAYtB~~,SAA7C;IAAwD,aAAWC;EAAnE,gBACE;IAAK,SAAS,~~EAAEoB~~,cAAA,CAAME,GAAtB;IAA2B,KAAK,~~EAAEzB~~,IAAlC;IAAwC,MAAM,EAAEA;EAAhD,gBACE,6BAAC,mBAAD,OADF,eAEE;IACE,SAAS,~~EAAEuB~~,cAAA,CAAMG,UADnB;IAEE,EAAE,~~EAAEnB~~,MAFN;IAGE,EAAE,EAAEA,MAHN;IAIE,CAAC,EAAEC,MAJL;IAKE,WAAW,EAAE,CALf;IAME,IAAI,EAAC;EANP,EAFF,eAUE;IAAQ,EAAE,EAAED,MAAZ;IAAoB,EAAE,EAAEA,MAAxB;IAAgC,CAAC,EAAEC,MAAM,GAAI,KAAKA,MAAN,GAAgB,GAA5D;IAAiE,IAAI,EAAC;EAAtE,EAVF,eAWE;IACE,SAAS,~~EAAEe~~,cAAA,CAAMI,iBADnB;IAEE,EAAE,~~EAAEpB~~,MAFN;IAGE,EAAE,EAAEA,MAHN;IAIE,CAAC,EAAEC,MAJL;IAKE,MAAM,EAAG,mCALX;IAME,WAAW,EAAEP,WANf;IAOE,eAAe,EAAEQ,MAPnB;IAQE,gBAAgB,EAAE,sBAAOL,MAAP,IAAiBK,MAAjB,GAA0BL,MAR9C;IASE,IAAI,EAAC,aATP;IAUE,aAAa,EAAC;EAVhB,EAXF,CADF,eAyBE;IAAK,SAAS,~~EAAEmB~~,cAAA,CAAMK;EAAtB,gBACE;IAAM,SAAS,EAAEL,cAAA,~~CAAMxB~~;EAAvB,GAAqCA,WAArC,MADF,eAEE;IAAM,SAAS,~~EAAEwB~~,cAAA,~~CAAMzB~~;EAAvB,GAA+BA,KAA/B,CAFF,CAzBF,CADF;AAgCD,~~CA5DD~~;;~~AA8DAD~~,mBAAmB,~~CAACgC~~,SAApB,2CAAgCC,mCAAhC;~~eAEejC~~,mB"}
1	+ {"version":3,"file":"index.js","names":["ProgressionGradient","CircularProgressBar","label","progression","size","strokeWidth","ariaLabel","dataName","offset","setOffset","useState","center","radius","length","useMemo","center_","radius_","length_","Math","ceil","PI","useEffect","style","container","svg","mainCircle","progressionCircle","infos","propTypes","CircularProgressBarPropTypes"],"sources":["../../../src/atom/circular-progress-bar/index.tsx"],"sourcesContent":["import React, {useMemo, useState, useEffect} from 'react';\nimport {isNull} from 'lodash/fp';\nimport {LearningPriorityCardPropTypes, CircularProgressBarPropTypes} from './types';\nimport style from './style.css';\n\nconst ProgressionGradient = () => (\n <defs>\n <linearGradient\n id=\"gradient-stroke-progression\"\n x1=\"81\"\n y1=\"0\"\n x2=\"81\"\n y2=\"162\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#35CC7F\" />\n <stop offset=\"1\" stopColor=\"#55F2A7\" />\n </linearGradient>\n </defs>\n);\n\nconst CircularProgressBar = ({\n label,\n progression,\n size,\n strokeWidth,\n 'aria-label': ariaLabel,\n 'data-name': dataName\n}: LearningPriorityCardPropTypes) => {\n const [offset, setOffset] = useState<null \| number>(null);\n\n const {center, radius, length} = useMemo(() => {\n const center_ = size / 2;\n const radius_ = center_ - strokeWidth;\n const length_ = Math.ceil(2 * Math.PI * radius_);\n\n return {center: center_, radius: radius_, length: length_};\n }, [size, strokeWidth]);\n\n useEffect(\n () => setOffset(Math.ceil(length * ((100 - progression) / 100))),\n [length, progression]\n );\n\n return (\n <div className={style.container} aria-label={ariaLabel} data-name={dataName}>\n <svg className={style.svg} width={size} height={size}>\n <ProgressionGradient />\n <circle\n className={style.mainCircle}\n cx={center}\n cy={center}\n r={radius}\n strokeWidth={3}\n fill=\"transparent\"\n />\n <circle cx={center} cy={center} r={radius - (10 / radius) * 100} fill=\"#fafafa\" />\n <circle\n className={style.progressionCircle}\n cx={center}\n cy={center}\n r={radius}\n stroke={`url(#gradient-stroke-progression)`}\n strokeWidth={strokeWidth}\n strokeDasharray={length}\n strokeDashoffset={isNull(offset) ? length : offset}\n fill=\"transparent\"\n strokeLinecap=\"round\"\n />\n </svg>\n <div className={style.infos}>\n <span className={style.progression}>{progression}%</span>\n <span className={style.label}>{label}</span>\n </div>\n </div>\n );\n};\n\nCircularProgressBar.propTypes = CircularProgressBarPropTypes;\n\nexport default CircularProgressBar;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,mBAAmB,GAAG,mBAC1B,wDACE;EACE,EAAE,EAAC,6BADL;EAEE,EAAE,EAAC,IAFL;EAGE,EAAE,EAAC,GAHL;EAIE,EAAE,EAAC,IAJL;EAKE,EAAE,EAAC,KALL;EAME,aAAa,EAAC;AANhB,gBAQE;EAAM,SAAS,EAAC;AAAhB,EARF,eASE;EAAM,MAAM,EAAC,GAAb;EAAiB,SAAS,EAAC;AAA3B,EATF,CADF,CADF;;AAgBA,MAAMC,mBAAmB,GAAG,CAAC;EAC3BC,KAD2B;EAE3BC,WAF2B;EAG3BC,IAH2B;EAI3BC,WAJ2B;EAK3B,cAAcC,SALa;EAM3B,aAAaC;AANc,CAAD,KAOS;EACnC,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAwB,IAAxB,CAA5B;EAEA,MAAM;IAACC,MAAD;IAASC,MAAT;IAAiBC;EAAjB,IAA2B,IAAAC,cAAA,EAAQ,MAAM;IAC7C,MAAMC,OAAO,GAAGX,IAAI,GAAG,CAAvB;IACA,MAAMY,OAAO,GAAGD,OAAO,GAAGV,WAA1B;IACA,MAAMY,OAAO,GAAGC,IAAI,CAACC,IAAL,CAAU,IAAID,IAAI,CAACE,EAAT,GAAcJ,OAAxB,CAAhB;IAEA,OAAO;MAACL,MAAM,EAAEI,OAAT;MAAkBH,MAAM,EAAEI,OAA1B;MAAmCH,MAAM,EAAEI;IAA3C,CAAP;EACD,CANgC,EAM9B,CAACb,IAAD,EAAOC,WAAP,CAN8B,CAAjC;EAQA,IAAAgB,gBAAA,EACE,MAAMZ,SAAS,CAACS,IAAI,CAACC,IAAL,CAAUN,MAAM,IAAI,CAAC,MAAMV,WAAP,IAAsB,GAA1B,CAAhB,CAAD,CADjB,EAEE,CAACU,MAAD,EAASV,WAAT,CAFF;EAKA,oBACE;IAAK,SAAS,EAAEmB,cAAA,CAAMC,SAAtB;IAAiC,cAAYjB,SAA7C;IAAwD,aAAWC;EAAnE,gBACE;IAAK,SAAS,EAAEe,cAAA,CAAME,GAAtB;IAA2B,KAAK,EAAEpB,IAAlC;IAAwC,MAAM,EAAEA;EAAhD,gBACE,6BAAC,mBAAD,OADF,eAEE;IACE,SAAS,EAAEkB,cAAA,CAAMG,UADnB;IAEE,EAAE,EAAEd,MAFN;IAGE,EAAE,EAAEA,MAHN;IAIE,CAAC,EAAEC,MAJL;IAKE,WAAW,EAAE,CALf;IAME,IAAI,EAAC;EANP,EAFF,eAUE;IAAQ,EAAE,EAAED,MAAZ;IAAoB,EAAE,EAAEA,MAAxB;IAAgC,CAAC,EAAEC,MAAM,GAAI,KAAKA,MAAN,GAAgB,GAA5D;IAAiE,IAAI,EAAC;EAAtE,EAVF,eAWE;IACE,SAAS,EAAEU,cAAA,CAAMI,iBADnB;IAEE,EAAE,EAAEf,MAFN;IAGE,EAAE,EAAEA,MAHN;IAIE,CAAC,EAAEC,MAJL;IAKE,MAAM,EAAG,mCALX;IAME,WAAW,EAAEP,WANf;IAOE,eAAe,EAAEQ,MAPnB;IAQE,gBAAgB,EAAE,sBAAOL,MAAP,IAAiBK,MAAjB,GAA0BL,MAR9C;IASE,IAAI,EAAC,aATP;IAUE,aAAa,EAAC;EAVhB,EAXF,CADF,eAyBE;IAAK,SAAS,EAAEc,cAAA,CAAMK;EAAtB,gBACE;IAAM,SAAS,EAAEL,cAAA,CAAMnB;EAAvB,GAAqCA,WAArC,MADF,eAEE;IAAM,SAAS,EAAEmB,cAAA,CAAMpB;EAAvB,GAA+BA,KAA/B,CAFF,CAzBF,CADF;AAgCD,CAvDD;;AAyDAD,mBAAmB,CAAC2B,SAApB,2CAAgCC,mCAAhC;eAEe5B,mB"}

package/lib/atom/input-doublestep/index.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ declare class InputDoublestep extends React.Component<any, any, any> {
         onClick: PropTypes.Validator<(...args: any[]) => any>;
         onOpenConfirmation: PropTypes.Requireable<(...args: any[]) => any>;
         onCloseConfirmation: PropTypes.Requireable<(...args: any[]) => any>;
+        icon: PropTypes.Requireable<string>;
     };
     constructor(props: any, context: any);
     state: {

package/lib/atom/input-doublestep/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-doublestep/index.js"],"names":[],"mappings":";~~AAiGA~~;IACE~~;;;;;;MAME~~;IAEF,sCAOC;IALC;;MAEC;IAKH,qBAQC;IAED,2BAKC;IAED,~~sBA0BC~~;CACF"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-doublestep/index.js"],"names":[],"mappings":";AAwGA;IACE;;;;;;;MAOE;IAEF,sCAOC;IALC;;MAEC;IAKH,qBAQC;IAED,2BAKC;IAED,sBAuCC;CACF"}

package/lib/atom/input-doublestep/index.js CHANGED Viewed

@@ -15,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _loader = _interopRequireDefault(require("../loader"));
+var _buttonLink = _interopRequireDefault(require("../button-link"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -33,6 +35,7 @@ const ConfirmationInput = ({
     return onChange(e.target.value);
   }, [onChange]);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
+    "data-testid": "input",
     onInput: handleOnChange,
     placeholder: placeholder,
     className: _style.default.input,
@@ -65,13 +68,22 @@ const ConfirmationForm = props => {
     placeholder: placeholder
   }) : /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.confirmEmptySpace
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    onClick: onHandleClose,
-    className: _style.default.cancel
-  }, cancelValue), /*#__PURE__*/_react.default.createElement("span", {
-    onClick: confirmDisabled ? _noop2.default : onConfirm,
-    className: confirmDisabled ? _style.default.disabled : _style.default.delete
-  }, confirmValue));
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.confirmationCTAWrapper
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    label: cancelValue,
+    "data-testid": "cancel-confirmation-button",
+    onClick: onHandleClose
+  }), /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    label: confirmValue,
+    disabled: confirmDisabled,
+    "data-testid": "confirm-delete-button",
+    onClick: onConfirm,
+    customStyle: {
+      backgroundColor: 'orange',
+      color: 'white'
+    }
+  })));
   return isPending ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.confirmForm
@@ -142,15 +154,28 @@ class InputDoublestep extends _react.default.Component {
   render() {
     const {
       toggleValue,
-      disabled
+      disabled,
+      icon
     } = this.props;
     const {
       open
     } = this.state;
-    const formView = !open ? /*#__PURE__*/_react.default.createElement("span", {
-      onClick: disabled ? _noop2.default : this.handleToggle,
-      className: disabled ? _style.default.toggleDisabled : _style.default.toggle
-    }, toggleValue) : /*#__PURE__*/_react.default.createElement(Confirmation, _extends({}, this.props, {
+    const formView = !open ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, icon ? {
+      icon: {
+        position: 'left',
+        faIcon: {
+          name: icon,
+          color: '#ffffff',
+          size: 16
+        }
+      }
+    } : {}, {
+      type: "dangerous",
+      label: toggleValue,
+      disabled: disabled,
+      "data-testid": "input-toggle-button",
+      onClick: this.handleToggle
+    })) : /*#__PURE__*/_react.default.createElement(Confirmation, _extends({}, this.props, {
       onHandleClose: this.handleToggle,
       onConfirm: this.handleOnClick
     }));
@@ -168,7 +193,8 @@ InputDoublestep.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   toggleValue: _propTypes.default.string.isRequired,
   onClick: _propTypes.default.func.isRequired,
   onOpenConfirmation: _propTypes.default.func,
-  onCloseConfirmation: _propTypes.default.func
+  onCloseConfirmation: _propTypes.default.func,
+  icon: _propTypes.default.string
 }, inputDoubleProps) : {};
 var _default = InputDoublestep;
 exports.default = _default;