npm - acinguiux-ds-react-framework - Versions diffs - 0.1.18 → 0.1.19 - Mend

acinguiux-ds-react-framework 0.1.18 → 0.1.19

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 (1040) hide show

package/build/cjs/components/Accordion/Accordion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),h=require("classnames"),f=require("../../react-base/src/consts/index.js"),p=require("../../react-base/src/components/Accordion/Accordion.utils.js"),x=require("../../react-base/src/components/Accordion/Accordion.consts.js"),C=require("./Accordion.consts.js"),m=require("./Accordion.styles.js"),S=require("./utils/motionUtils.js"),q=require("../Flexbox/Flexbox.js"),v=require("../Text/components/Heading/Heading.js"),_=require("../Text/components/Label/Label.js"),b=require("../Badge/Badge.js"),y=require("../Tag/Tag.js"),u=require("../../react-base/src/consts/classes.js"),L=({size:n,title:s,label:e,disabled:o})=>c.jsxs(q,{flexDirection:"column",flexGrow:1,children:[c.jsx(v,{type:f.TextElementTypes.Span,level:p.HeadingLevel[n],disabled:o,children:s}),!!e&&c.jsx(_,{contrast:"subtle",disabled:o,size:n,children:e})]}),g=({size:n,tag:s,badge:e,icon:o})=>c.jsxs(q,{flexDirection:"row",alignItems:"center",justifyContent:"flex-start",flexGrow:1,children:[!!e&&c.jsx(b,{size:n,...e}),!!s&&c.jsx(y,{size:n,...s}),o]}),w=(n,s=!1,e)=>(e==null?void 0:e.map(({key:o,title:r,label:t,tag:i,badge:l,icon:a,content:d})=>({key:o,label:c.jsx(L,{size:n,title:r,label:t,disabled:s}),extra:c.jsx(g,{size:n,tag:i,badge:l,icon:a}),children:d})))??[],D=({className:n,items:s,...e})=>{const{size:o,disabled:r,indicator:t,contained:i,indicatorPosition:l,...a}=p.useProps(e),d=w(o,r,s),A=({isActive:j})=>{const I=C.AccordionIcon[t][j?"active":"inactive"];return c.jsx(I,{width:x.consts[o].iconSize,height:x.consts[o].iconSize})};return c.jsx(m.Accordion,{className:h(u.ACCORDION_CLASS,n),prefixCls:u.ACCORDION_CLASS,size:o,disabled:r,expandIcon:A,contained:i,indicatorPosition:l,destroyInactivePanel:!0,openMotion:S.collapseMotion,items:d,collapsible:r?"disabled":void 0,...a})};module.exports=D;
+"use strict";const n=require("react/jsx-runtime"),I=require("classnames"),h=require("../../react-base/src/consts/index.js"),p=require("../../react-base/src/components/Accordion/Accordion.utils.js"),x=require("../../react-base/src/components/Accordion/Accordion.consts.js"),f=require("./Accordion.consts.js"),C=require("./Accordion.styles.js"),S=require("./utils/motionUtils.js"),q=require("../Flexbox/Flexbox.js"),v=require("../Text/components/Heading/Heading.js"),_=require("../Text/components/Label/Label.js"),b=require("../Badge/Badge.js"),y=require("../Tag/Tag.js"),u=require("../../react-base/src/consts/classes.js"),L=({size:o,title:c,label:s,disabled:e})=>n.jsxs(q,{flexDirection:"column",flexGrow:1,children:[n.jsx(v,{type:h.TextElementTypes.Span,level:p.HeadingLevel[o],disabled:e,children:c}),!!s&&n.jsx(_,{contrast:"subtle",disabled:e,size:o,children:s})]}),g=({size:o,tag:c,badge:s,icon:e})=>n.jsxs(q,{flexDirection:"row",alignItems:"center",justifyContent:"flex-start",flexGrow:1,children:[!!s&&n.jsx(b,{size:o,...s}),!!c&&n.jsx(y,{size:o,...c}),e]}),w=(o,c=!1,s)=>s?.map(({key:e,title:t,label:r,tag:i,badge:l,icon:a,content:d})=>({key:e,label:n.jsx(L,{size:o,title:t,label:r,disabled:c}),extra:n.jsx(g,{size:o,tag:i,badge:l,icon:a}),children:d}))??[],D=({className:o,items:c,...s})=>{const{size:e,disabled:t,indicator:r,contained:i,indicatorPosition:l,...a}=p.useProps(s),d=w(e,t,c),A=({isActive:j})=>{const m=f.AccordionIcon[r][j?"active":"inactive"];return n.jsx(m,{width:x.consts[e].iconSize,height:x.consts[e].iconSize})};return n.jsx(C.Accordion,{className:I(u.ACCORDION_CLASS,o),prefixCls:u.ACCORDION_CLASS,size:e,disabled:t,expandIcon:A,contained:i,indicatorPosition:l,destroyInactivePanel:!0,openMotion:S.collapseMotion,items:d,collapsible:t?"disabled":void 0,...a})};module.exports=D;
 //# sourceMappingURL=Accordion.js.map

package/build/cjs/components/Accordion/Accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport type { CollapsePanelProps } from 'rc-collapse';\nimport { ACCORDION_CLASS, TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport {\n AccordionUtils,\n type AccordionTypes,\n AccordionConsts,\n} from 'acinguiux-ds-react-base/components/Accordion';\nimport type { TagTypes } from 'acinguiux-ds-react-base/components/Tag';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport type { ItemType } from 'rc-collapse/es/interface';\n\nimport { AccordionIcon } from './Accordion.consts';\nimport * as Styled from './Accordion.styles';\nimport type { IAccordionProps } from './Accordion.types';\nimport { collapseMotion } from './utils/motionUtils';\nimport Flexbox from '../Flexbox/Flexbox';\nimport Heading from '../Text/components/Heading/Heading';\nimport Label from '../Text/components/Label/Label';\nimport Badge from '../Badge/Badge';\nimport Tag from '../Tag/Tag';\n\nconst AccordionLabel = ({\n size,\n title,\n label,\n disabled,\n}: {\n size: AccordionTypes.Size;\n title: string;\n label?: string;\n disabled?: boolean;\n}) => (\n <Flexbox flexDirection=\"column\" flexGrow={1}>\n <Heading type={TextElementTypes.Span} level={AccordionUtils.HeadingLevel[size]} disabled={disabled}>\n {title}\n </Heading>\n {!!label && (\n <Label contrast=\"subtle\" disabled={disabled} size={size}>\n {label}\n </Label>\n )}\n </Flexbox>\n);\n\nconst AccordionExtra = ({\n size,\n tag,\n badge,\n icon,\n}: {\n size: AccordionTypes.Size;\n tag?: TagTypes.IProps;\n badge?: BadgeTypes.IProps;\n icon?: ReactNode;\n}) => (\n <Flexbox flexDirection=\"row\" alignItems=\"center\" justifyContent=\"flex-start\" flexGrow={1}>\n {!!badge && <Badge size={size} {...badge} />}\n {!!tag && <Tag size={size} {...tag} />}\n {icon}\n </Flexbox>\n);\n\nconst prepareItems = (size: AccordionTypes.Size, disabled = false, items?: AccordionTypes.ItemType[]): ItemType[] =>\n items?.map(({ key, title, label, tag, badge, icon, content }) => ({\n key,\n label: <AccordionLabel size={size} title={title} label={label} disabled={disabled} />,\n extra: <AccordionExtra size={size} tag={tag} badge={badge} icon={icon} />,\n children: content,\n })) ?? [];\n\nconst Accordion = ({ className, items, ...props }: IAccordionProps): ReactElement => {\n const { size, disabled, indicator, contained, indicatorPosition, ...rest } = AccordionUtils.useProps(props);\n\n const accordionItems = prepareItems(size, disabled, items);\n\n const handleExpandIcon = ({ isActive }: CollapsePanelProps): ReactElement => {\n const Icon = AccordionIcon[indicator][isActive ? 'active' : 'inactive'];\n\n return <Icon width={AccordionConsts.consts[size].iconSize} height={AccordionConsts.consts[size].iconSize} />;\n };\n\n return (\n <Styled.Accordion\n className={classNames(ACCORDION_CLASS, className)}\n prefixCls={ACCORDION_CLASS}\n size={size}\n disabled={disabled}\n expandIcon={handleExpandIcon}\n contained={contained}\n indicatorPosition={indicatorPosition}\n destroyInactivePanel={true}\n openMotion={collapseMotion}\n items={accordionItems}\n collapsible={disabled ? 'disabled' : undefined}\n {...rest}\n />\n );\n};\n\nexport default Accordion;\n"],"names":["AccordionLabel","size","title","label","disabled","jsxs","Flexbox","jsx","Heading","TextElementTypes","AccordionUtils.HeadingLevel","Label","AccordionExtra","tag","badge","icon","Badge","Tag","prepareItems","items","key","content","Accordion","className","props","indicator","contained","indicatorPosition","rest","AccordionUtils.useProps","accordionItems","handleExpandIcon","isActive","Icon","AccordionIcon","AccordionConsts.consts","Styled.Accordion","classNames","ACCORDION_CLASS","collapseMotion"],"mappings":"8mBAwBMA,EAAiB,CAAC,CACtB,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAMEC,EAAAA,KAACC,EAAA,CAAQ,cAAc,SAAS,SAAU,EACxC,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAQ,KAAMC,EAAAA,iBAAiB,KAAM,MAAOC,EAAAA,aAA4BT,CAAI,EAAG,SAAAG,EAC7E,SAAAF,CAAA,CACH,EACC,CAAC,CAACC,GACDI,MAACI,GAAM,SAAS,SAAS,SAAAP,EAAoB,KAAAH,EAC1C,SAAAE,CAAA,CACH,CAAA,EAEJ,EAGIS,EAAiB,CAAC,CACtB,KAAAX,EACA,IAAAY,EACA,MAAAC,EACA,KAAAC,CACF,IAMEV,OAACC,GAAQ,cAAc,MAAM,WAAW,SAAS,eAAe,aAAa,SAAU,EACpF,SAAA,CAAA,CAAC,CAACQ,GAASP,MAACS,EAAA,CAAM,KAAAf,EAAa,GAAGa,EAAO,EACzC,CAAC,CAACD,SAAQI,EAAA,CAAI,KAAAhB,EAAa,GAAGY,EAAK,EACnCE,CAAA,EACH,EAGIG,EAAe,CAACjB,EAA2BG,EAAW,GAAOe,~~KACjEA~~,~~GAAA~~,~~YAAAA,EAAO,~~IAAI,CAAC,CAAE,IAAAC,EAAK,MAAAlB,EAAO,MAAAC,EAAO,IAAAU,EAAK,MAAAC,EAAO,KAAAC,EAAM,QAAAM,MAAe,CAChE,IAAAD,EACA,MAAOb,EAAAA,IAACP,EAAA,CAAe,KAAAC,EAAY,MAAAC,EAAc,MAAAC,EAAc,SAAAC,EAAoB,EACnF,MAAOG,EAAAA,IAACK,EAAA,CAAe,KAAAX,EAAY,IAAAY,EAAU,MAAAC,EAAc,KAAAC,EAAY,EACvE,SAAUM,CACZ,~~MAAO~~,CAAA,EAEHC,EAAY,CAAC,CAAE,UAAAC,EAAW,MAAAJ,EAAO,GAAGK,KAA2C,CACnF,KAAM,CAAE,KAAAvB,EAAM,SAAAG,EAAU,UAAAqB,EAAW,UAAAC,EAAW,kBAAAC,EAAmB,GAAGC,CAAA,EAASC,EAAAA,SAAwBL,CAAK,EAEpGM,EAAiBZ,EAAajB,EAAMG,EAAUe,CAAK,EAEnDY,EAAmB,CAAC,CAAE,SAAAC,KAAiD,CAC3E,MAAMC,EAAOC,EAAAA,cAAcT,CAAS,EAAEO,EAAW,SAAW,UAAU,EAEtE,OAAOzB,EAAAA,IAAC0B,EAAA,CAAK,MAAOE,EAAAA,OAAuBlC,CAAI,EAAE,SAAU,OAAQkC,EAAAA,OAAuBlC,CAAI,EAAE,QAAA,CAAU,CAC5G,EAEA,OACEM,EAAAA,IAAC6B,EAAAA,UAAA,CACC,UAAWC,EAAWC,EAAAA,gBAAiBf,CAAS,EAChD,UAAWe,EAAAA,gBACX,KAAArC,EACA,SAAAG,EACA,WAAY2B,EACZ,UAAAL,EACA,kBAAAC,EACA,qBAAsB,GACtB,WAAYY,EAAAA,eACZ,MAAOT,EACP,YAAa1B,EAAW,WAAa,OACpC,GAAGwB,CAAA,CAAA,CAGV"}
1	+ {"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport type { CollapsePanelProps } from 'rc-collapse';\nimport { ACCORDION_CLASS, TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport {\n AccordionUtils,\n type AccordionTypes,\n AccordionConsts,\n} from 'acinguiux-ds-react-base/components/Accordion';\nimport type { TagTypes } from 'acinguiux-ds-react-base/components/Tag';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport type { ItemType } from 'rc-collapse/es/interface';\n\nimport { AccordionIcon } from './Accordion.consts';\nimport * as Styled from './Accordion.styles';\nimport type { IAccordionProps } from './Accordion.types';\nimport { collapseMotion } from './utils/motionUtils';\nimport Flexbox from '../Flexbox/Flexbox';\nimport Heading from '../Text/components/Heading/Heading';\nimport Label from '../Text/components/Label/Label';\nimport Badge from '../Badge/Badge';\nimport Tag from '../Tag/Tag';\n\nconst AccordionLabel = ({\n size,\n title,\n label,\n disabled,\n}: {\n size: AccordionTypes.Size;\n title: string;\n label?: string;\n disabled?: boolean;\n}) => (\n <Flexbox flexDirection=\"column\" flexGrow={1}>\n <Heading type={TextElementTypes.Span} level={AccordionUtils.HeadingLevel[size]} disabled={disabled}>\n {title}\n </Heading>\n {!!label && (\n <Label contrast=\"subtle\" disabled={disabled} size={size}>\n {label}\n </Label>\n )}\n </Flexbox>\n);\n\nconst AccordionExtra = ({\n size,\n tag,\n badge,\n icon,\n}: {\n size: AccordionTypes.Size;\n tag?: TagTypes.IProps;\n badge?: BadgeTypes.IProps;\n icon?: ReactNode;\n}) => (\n <Flexbox flexDirection=\"row\" alignItems=\"center\" justifyContent=\"flex-start\" flexGrow={1}>\n {!!badge && <Badge size={size} {...badge} />}\n {!!tag && <Tag size={size} {...tag} />}\n {icon}\n </Flexbox>\n);\n\nconst prepareItems = (size: AccordionTypes.Size, disabled = false, items?: AccordionTypes.ItemType[]): ItemType[] =>\n items?.map(({ key, title, label, tag, badge, icon, content }) => ({\n key,\n label: <AccordionLabel size={size} title={title} label={label} disabled={disabled} />,\n extra: <AccordionExtra size={size} tag={tag} badge={badge} icon={icon} />,\n children: content,\n })) ?? [];\n\nconst Accordion = ({ className, items, ...props }: IAccordionProps): ReactElement => {\n const { size, disabled, indicator, contained, indicatorPosition, ...rest } = AccordionUtils.useProps(props);\n\n const accordionItems = prepareItems(size, disabled, items);\n\n const handleExpandIcon = ({ isActive }: CollapsePanelProps): ReactElement => {\n const Icon = AccordionIcon[indicator][isActive ? 'active' : 'inactive'];\n\n return <Icon width={AccordionConsts.consts[size].iconSize} height={AccordionConsts.consts[size].iconSize} />;\n };\n\n return (\n <Styled.Accordion\n className={classNames(ACCORDION_CLASS, className)}\n prefixCls={ACCORDION_CLASS}\n size={size}\n disabled={disabled}\n expandIcon={handleExpandIcon}\n contained={contained}\n indicatorPosition={indicatorPosition}\n destroyInactivePanel={true}\n openMotion={collapseMotion}\n items={accordionItems}\n collapsible={disabled ? 'disabled' : undefined}\n {...rest}\n />\n );\n};\n\nexport default Accordion;\n"],"names":["AccordionLabel","size","title","label","disabled","jsxs","Flexbox","jsx","Heading","TextElementTypes","AccordionUtils.HeadingLevel","Label","AccordionExtra","tag","badge","icon","Badge","Tag","prepareItems","items","key","content","Accordion","className","props","indicator","contained","indicatorPosition","rest","AccordionUtils.useProps","accordionItems","handleExpandIcon","isActive","Icon","AccordionIcon","AccordionConsts.consts","Styled.Accordion","classNames","ACCORDION_CLASS","collapseMotion"],"mappings":"8mBAwBMA,EAAiB,CAAC,CACtB,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAMEC,EAAAA,KAACC,EAAA,CAAQ,cAAc,SAAS,SAAU,EACxC,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAQ,KAAMC,EAAAA,iBAAiB,KAAM,MAAOC,EAAAA,aAA4BT,CAAI,EAAG,SAAAG,EAC7E,SAAAF,CAAA,CACH,EACC,CAAC,CAACC,GACDI,MAACI,GAAM,SAAS,SAAS,SAAAP,EAAoB,KAAAH,EAC1C,SAAAE,CAAA,CACH,CAAA,EAEJ,EAGIS,EAAiB,CAAC,CACtB,KAAAX,EACA,IAAAY,EACA,MAAAC,EACA,KAAAC,CACF,IAMEV,OAACC,GAAQ,cAAc,MAAM,WAAW,SAAS,eAAe,aAAa,SAAU,EACpF,SAAA,CAAA,CAAC,CAACQ,GAASP,MAACS,EAAA,CAAM,KAAAf,EAAa,GAAGa,EAAO,EACzC,CAAC,CAACD,SAAQI,EAAA,CAAI,KAAAhB,EAAa,GAAGY,EAAK,EACnCE,CAAA,EACH,EAGIG,EAAe,CAACjB,EAA2BG,EAAW,GAAOe,IACjEA,GAAO,IAAI,CAAC,CAAE,IAAAC,EAAK,MAAAlB,EAAO,MAAAC,EAAO,IAAAU,EAAK,MAAAC,EAAO,KAAAC,EAAM,QAAAM,MAAe,CAChE,IAAAD,EACA,MAAOb,EAAAA,IAACP,EAAA,CAAe,KAAAC,EAAY,MAAAC,EAAc,MAAAC,EAAc,SAAAC,EAAoB,EACnF,MAAOG,EAAAA,IAACK,EAAA,CAAe,KAAAX,EAAY,IAAAY,EAAU,MAAAC,EAAc,KAAAC,EAAY,EACvE,SAAUM,CACZ,EAAE,GAAK,CAAA,EAEHC,EAAY,CAAC,CAAE,UAAAC,EAAW,MAAAJ,EAAO,GAAGK,KAA2C,CACnF,KAAM,CAAE,KAAAvB,EAAM,SAAAG,EAAU,UAAAqB,EAAW,UAAAC,EAAW,kBAAAC,EAAmB,GAAGC,CAAA,EAASC,EAAAA,SAAwBL,CAAK,EAEpGM,EAAiBZ,EAAajB,EAAMG,EAAUe,CAAK,EAEnDY,EAAmB,CAAC,CAAE,SAAAC,KAAiD,CAC3E,MAAMC,EAAOC,EAAAA,cAAcT,CAAS,EAAEO,EAAW,SAAW,UAAU,EAEtE,OAAOzB,EAAAA,IAAC0B,EAAA,CAAK,MAAOE,EAAAA,OAAuBlC,CAAI,EAAE,SAAU,OAAQkC,EAAAA,OAAuBlC,CAAI,EAAE,QAAA,CAAU,CAC5G,EAEA,OACEM,EAAAA,IAAC6B,EAAAA,UAAA,CACC,UAAWC,EAAWC,EAAAA,gBAAiBf,CAAS,EAChD,UAAWe,EAAAA,gBACX,KAAArC,EACA,SAAAG,EACA,WAAY2B,EACZ,UAAAL,EACA,kBAAAC,EACA,qBAAsB,GACtB,WAAYY,EAAAA,eACZ,MAAOT,EACP,YAAa1B,EAAW,WAAa,OACpC,GAAGwB,CAAA,CAAA,CAGV"}

package/build/cjs/components/Alert/Alert.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),$=require("react"),P=require("classnames"),R=require("acinguiux-ds-fabrics"),l=require("../../react-base/src/consts/index.js"),I=require("../../react-base/src/components/Alert/Alert.consts.js"),q=require("../../react-base/src/components/Alert/Alert.utils.js"),b=require("../Icon/components/Cross.js"),t=require("./Alert.styles.js"),f=require("./utils/alertUtils.js"),p=require("../../react-base/src/consts/classes.js"),L=$.forwardRef(({className:z,size:r=`${l.Sizes.Medium}`,label:B,title:C,children:u,autoClose:g=!1,sentiment:a=R.FabricsVariables.Sentiments.Neutral,icon:d,closeButton:T=!1,onDismissClick:c,onClose:i,autoCloseTimeout:S=I.consts.DEFAULT_AUTOCLOSE_TIMEOUT_MS,alignment:n=`${l.Directions.Vertical}`,highlight:E=!1,banner:m=!1,actions:A,variant:s=`${l.Variants.Outlined}`,...M},V)=>{const _=C??B,h=$.useRef(null),x=$.useCallback(o=>{var j;o?(c==null||c(o),i==null||i()):c?(j=h.current)==null||j.click():i==null||i()},[c,i]);return $.useEffect(()=>{g&&setTimeout(()=>{x()},S)},[g,x,S]),e.jsxs(t.Alert,{$banner:m,$size:r,className:P(p.ALERT_CLASS,z),$sentiment:a,$variant:s,$alignment:n,ref:V,...M,children:[g&&e.jsx(t.AutoCloseContainer,{$sentiment:a,$variant:s,$autoCloseTimeout:S}),E&&!m&&e.jsx(t.HighlightIndicator,{$size:r,$alignment:n,$sentiment:a,$variant:s}),e.jsx(t.AlertContentContainer,{$size:r,$alignment:n,$variant:s,children:e.jsxs(t.InnerContainer,{$size:r,$alignment:n,children:[e.jsxs(t.MessageAndButtonContainer,{$size:r,$alignment:n,children:[e.jsxs(t.MessageAndIconVerticalContainer,{$size:r,$alignment:n,children:[!!d&&e.jsx(t.IconContainer,{$size:r,$alignment:n,children:$.cloneElement(d,{className:`${p.ALERT_CLASS}-icon`,"aria-label":"alert icon",...d.props})}),e.jsxs(t.AlertMessageContainer,{$size:r,$alignment:n,$variant:s,children:[_&&e.jsx(t.AlertTitle,{$size:r,$alignment:n,children:_}),typeof u=="string"&&u.length>0?e.jsx(t.AlertMessage,{size:f.getAlertTextSize(r),children:u}):u]})]}),T&&n===l.Directions.Vertical&&e.jsx(t.CloseButton,{ref:h,sentiment:a,sentimentProminence:q.getProminence(s),size:f.getAlertCloseButtonSize(r),title:"Close",onClick:x,variant:l.Variants.Transparent,iconOnly:!0,icon:e.jsx(b,{}),"aria-label":"Close"})]}),!!(A!=null&&A.length)&&e.jsx(t.Actions,{$size:r,$alignment:n,children:A.map(({label:o,action:j,props:O})=>e.jsx(t.ActionButton,{sentiment:a,sentimentProminence:q.getProminence(s),onClick:j,size:f.getAlertButtonSize(r),...O,children:o},o))}),T&&n===l.Directions.Horizontal&&e.jsx(t.CloseButton,{ref:h,sentiment:a,sentimentProminence:q.getProminence(s),size:f.getAlertCloseButtonSize(r),title:"Close",onClick:x,variant:l.Variants.Transparent,iconOnly:!0,icon:e.jsx(b,{}),"aria-label":"Close"})]})})]})});module.exports=L;
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),P=require("classnames"),R=require("acinguiux-ds-fabrics"),i=require("../../react-base/src/consts/index.js"),I=require("../../react-base/src/components/Alert/Alert.consts.js"),d=require("../../react-base/src/components/Alert/Alert.utils.js"),T=require("../Icon/components/Cross.js"),t=require("./Alert.styles.js"),u=require("./utils/alertUtils.js"),_=require("../../react-base/src/consts/classes.js"),L=o.forwardRef(({className:b,size:r=`${i.Sizes.Medium}`,label:p,title:z,children:a,autoClose:A=!1,sentiment:l=R.FabricsVariables.Sentiments.Neutral,icon:x,closeButton:m=!1,onDismissClick:C,onClose:j,autoCloseTimeout:f=I.consts.DEFAULT_AUTOCLOSE_TIMEOUT_MS,alignment:n=`${i.Directions.Vertical}`,highlight:B=!1,banner:S=!1,actions:h,variant:s=`${i.Variants.Outlined}`,...E},M)=>{const q=z??p,g=o.useRef(null),$=o.useCallback(c=>{c?(C?.(c),j?.()):C?g.current?.click():j?.()},[C,j]);return o.useEffect(()=>{A&&setTimeout(()=>{$()},f)},[A,$,f]),e.jsxs(t.Alert,{$banner:S,$size:r,className:P(_.ALERT_CLASS,b),$sentiment:l,$variant:s,$alignment:n,ref:M,...E,children:[A&&e.jsx(t.AutoCloseContainer,{$sentiment:l,$variant:s,$autoCloseTimeout:f}),B&&!S&&e.jsx(t.HighlightIndicator,{$size:r,$alignment:n,$sentiment:l,$variant:s}),e.jsx(t.AlertContentContainer,{$size:r,$alignment:n,$variant:s,children:e.jsxs(t.InnerContainer,{$size:r,$alignment:n,children:[e.jsxs(t.MessageAndButtonContainer,{$size:r,$alignment:n,children:[e.jsxs(t.MessageAndIconVerticalContainer,{$size:r,$alignment:n,children:[!!x&&e.jsx(t.IconContainer,{$size:r,$alignment:n,children:o.cloneElement(x,{className:`${_.ALERT_CLASS}-icon`,"aria-label":"alert icon",...x.props})}),e.jsxs(t.AlertMessageContainer,{$size:r,$alignment:n,$variant:s,children:[q&&e.jsx(t.AlertTitle,{$size:r,$alignment:n,children:q}),typeof a=="string"&&a.length>0?e.jsx(t.AlertMessage,{size:u.getAlertTextSize(r),children:a}):a]})]}),m&&n===i.Directions.Vertical&&e.jsx(t.CloseButton,{ref:g,sentiment:l,sentimentProminence:d.getProminence(s),size:u.getAlertCloseButtonSize(r),title:"Close",onClick:$,variant:i.Variants.Transparent,iconOnly:!0,icon:e.jsx(T,{}),"aria-label":"Close"})]}),!!h?.length&&e.jsx(t.Actions,{$size:r,$alignment:n,children:h.map(({label:c,action:V,props:O})=>e.jsx(t.ActionButton,{sentiment:l,sentimentProminence:d.getProminence(s),onClick:V,size:u.getAlertButtonSize(r),...O,children:c},c))}),m&&n===i.Directions.Horizontal&&e.jsx(t.CloseButton,{ref:g,sentiment:l,sentimentProminence:d.getProminence(s),size:u.getAlertCloseButtonSize(r),title:"Close",onClick:$,variant:i.Variants.Transparent,iconOnly:!0,icon:e.jsx(T,{}),"aria-label":"Close"})]})})]})});module.exports=L;
 //# sourceMappingURL=Alert.js.map

package/build/cjs/components/Alert/Alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, ReactElement, useCallback, useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Sizes, Directions, Variants, ALERT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { AlertConsts, AlertUtils } from 'acinguiux-ds-react-base/components/Alert';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './Alert.styles';\nimport type { IAlertProps } from './Alert.types';\nimport { getAlertButtonSize, getAlertCloseButtonSize, getAlertTextSize } from './utils/alertUtils';\n\nconst Alert = forwardRef<HTMLDivElement, IAlertProps>(\n (\n {\n className,\n size = `${Sizes.Medium}`,\n label,\n title,\n children,\n autoClose = false,\n sentiment = FabricsVariables.Sentiments.Neutral,\n icon,\n closeButton = false,\n onDismissClick,\n onClose,\n autoCloseTimeout = AlertConsts.consts.DEFAULT_AUTOCLOSE_TIMEOUT_MS,\n alignment = `${Directions.Vertical}`,\n highlight = false,\n banner = false,\n actions,\n variant = `${Variants.Outlined}`,\n ...rest\n },\n ref,\n ): ReactElement => {\n const alertTitle = title ?? label;\n const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n // Note: Acceptable tech debt until onDismissClick is removed.\n const onCloseHandler = useCallback(\n (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (event) {\n onDismissClick?.(event);\n onClose?.();\n } else if (onDismissClick) {\n closeButtonRef.current?.click();\n } else {\n onClose?.();\n }\n },\n [onDismissClick, onClose],\n );\n\n useEffect(() => {\n if (autoClose) {\n setTimeout(() => {\n onCloseHandler();\n }, autoCloseTimeout);\n }\n }, [autoClose, onCloseHandler, autoCloseTimeout]);\n\n return (\n <Styled.Alert\n $banner={banner}\n $size={size}\n className={classNames(ALERT_CLASS, className)}\n $sentiment={sentiment}\n $variant={variant}\n $alignment={alignment}\n ref={ref}\n {...rest}\n >\n {autoClose && (\n <Styled.AutoCloseContainer $sentiment={sentiment} $variant={variant} $autoCloseTimeout={autoCloseTimeout} />\n )}\n {highlight && !banner && (\n <Styled.HighlightIndicator $size={size} $alignment={alignment} $sentiment={sentiment} $variant={variant} />\n )}\n <Styled.AlertContentContainer $size={size} $alignment={alignment} $variant={variant}>\n <Styled.InnerContainer $size={size} $alignment={alignment}>\n <Styled.MessageAndButtonContainer $size={size} $alignment={alignment}>\n <Styled.MessageAndIconVerticalContainer $size={size} $alignment={alignment}>\n {!!icon && (\n <Styled.IconContainer $size={size} $alignment={alignment}>\n {cloneElement(icon, {\n className: `${ALERT_CLASS}-icon`,\n 'aria-label': 'alert icon',\n ...icon.props,\n })}\n </Styled.IconContainer>\n )}\n <Styled.AlertMessageContainer $size={size} $alignment={alignment} $variant={variant}>\n {alertTitle && (\n <Styled.AlertTitle $size={size} $alignment={alignment}>\n {alertTitle}\n </Styled.AlertTitle>\n )}\n {typeof children === 'string' && children.length > 0 ? (\n <Styled.AlertMessage size={getAlertTextSize(size)}>{children}</Styled.AlertMessage>\n ) : (\n children\n )}\n </Styled.AlertMessageContainer>\n </Styled.MessageAndIconVerticalContainer>\n {closeButton && alignment === Directions.Vertical && (\n <Styled.CloseButton\n ref={closeButtonRef}\n sentiment={sentiment}\n sentimentProminence={AlertUtils.getProminence(variant)}\n size={getAlertCloseButtonSize(size)}\n title=\"Close\"\n onClick={onCloseHandler}\n variant={Variants.Transparent}\n iconOnly={true}\n icon={<Cross />}\n aria-label=\"Close\"\n />\n )}\n </Styled.MessageAndButtonContainer>\n {!!actions?.length && (\n <Styled.Actions $size={size} $alignment={alignment}>\n {actions.map(({ label: actionLabel, action, props }) => (\n <Styled.ActionButton\n sentiment={sentiment}\n sentimentProminence={AlertUtils.getProminence(variant)}\n key={actionLabel}\n onClick={action}\n size={getAlertButtonSize(size)}\n {...props}\n >\n {actionLabel}\n </Styled.ActionButton>\n ))}\n </Styled.Actions>\n )}\n {closeButton && alignment === Directions.Horizontal && (\n <Styled.CloseButton\n ref={closeButtonRef}\n sentiment={sentiment}\n sentimentProminence={AlertUtils.getProminence(variant)}\n size={getAlertCloseButtonSize(size)}\n title=\"Close\"\n onClick={onCloseHandler}\n variant={Variants.Transparent}\n iconOnly={true}\n icon={<Cross />}\n aria-label=\"Close\"\n />\n )}\n </Styled.InnerContainer>\n </Styled.AlertContentContainer>\n </Styled.Alert>\n );\n },\n);\n\nexport default Alert;\n"],"names":["Alert","forwardRef","className","size","Sizes","label","title","children","autoClose","sentiment","FabricsVariables","icon","closeButton","onDismissClick","onClose","autoCloseTimeout","AlertConsts.consts","alignment","Directions","highlight","banner","actions","variant","Variants","rest","ref","alertTitle","closeButtonRef","useRef","onCloseHandler","useCallback","event","~~_a","~~useEffect","jsxs","Styled.Alert","classNames","ALERT_CLASS","jsx","Styled.AutoCloseContainer","Styled.HighlightIndicator","Styled.AlertContentContainer","Styled.InnerContainer","Styled.MessageAndButtonContainer","Styled.MessageAndIconVerticalContainer","Styled.IconContainer","cloneElement","Styled.AlertMessageContainer","Styled.AlertTitle","Styled.AlertMessage","getAlertTextSize","Styled.CloseButton","AlertUtils.getProminence","getAlertCloseButtonSize","Cross","Styled.Actions","actionLabel","action","props","Styled.ActionButton","getAlertButtonSize"],"mappings":"qdAYMA,EAAQC,EAAAA,WACZ,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EAAYC,EAAAA,iBAAiB,WAAW,QACxC,KAAAC,EACA,YAAAC,EAAc,GACd,eAAAC,EACA,QAAAC,EACA,iBAAAC,EAAmBC,EAAAA,OAAmB,6BACtC,UAAAC,EAAY,GAAGC,aAAW,QAAQ,GAClC,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,QAAAC,EACA,QAAAC,EAAU,GAAGC,WAAS,QAAQ,GAC9B,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAapB,GAASD,EACtBsB,EAAiBC,EAAAA,OAA0B,IAAI,EAG/CC,EAAiBC,EAAAA,YACpBC,GAA4D,~~OACvDA~~,GACFlB,~~GAAA~~,~~MAAAA~~,~~EAAiBkB~~,~~GACjBjB~~,~~GAAA~~,~~MAAAA~~,~~KACSD,GACTmB,EAAAL,~~EAAe,~~UAAf~~,~~MAAAK~~,~~EAAwB~~,~~QAExBlB~~,~~GAAA~~,~~MAAAA,GAEJ,~~EACA,CAACD,EAAgBC,CAAO,CAAA,~~EAG1BmB~~,OAAAA,EAAAA,UAAU,IAAM,~~CACVzB~~,GACF,WAAW,IAAM,CACfqB,EAAA,CACF,EAAGd,CAAgB,CAEvB,EAAG,CAACP,EAAWqB,EAAgBd,CAAgB,CAAC,~~EAG9CmB~~,EAAAA,KAACC,EAAAA,MAAA,CACC,~~QAASf~~,EACT,MAAOjB,EACP,~~UAAWiC~~,EAAWC,EAAAA,~~YAAanC~~,CAAS,EAC5C,WAAYO,EACZ,SAAUa,EACV,WAAYL,EACZ,IAAAQ,EACC,GAAGD,EAEH,SAAA,CAAAhB,~~GACC8B~~,EAAAA,IAACC,EAAAA,mBAAA,CAA0B,~~WAAY9B~~,EAAW,SAAUa,EAAS,kBAAmBP,EAAkB,EAE3GI,GAAa,CAACC,~~GACbkB~~,EAAAA,IAACE,EAAAA,mBAAA,CAA0B,~~MAAOrC~~,EAAM,WAAYc,EAAW,WAAYR,EAAW,SAAUa,CAAA,CAAS,~~QAE1GmB~~,EAAAA,sBAAA,CAA6B,~~MAAOtC~~,EAAM,WAAYc,EAAW,SAAUK,EAC1E,~~gBAACoB~~,EAAAA,eAAA,CAAsB,~~MAAOvC~~,EAAM,WAAYc,EAC9C,SAAA,~~CAAAiB~~,EAAAA,KAACS,EAAAA,0BAAA,CAAiC,~~MAAOxC~~,EAAM,WAAYc,EACzD,SAAA,~~CAAAiB~~,EAAAA,KAACU,EAAAA,gCAAA,CAAuC,~~MAAOzC~~,EAAM,WAAYc,EAC9D,SAAA,CAAA,CAAC,CAACN,~~GACD2B~~,MAACO,EAAAA,cAAA,CAAqB,~~MAAO1C~~,EAAM,WAAYc,EAC5C,~~SAAA6B~~,EAAAA,~~aAAanC~~,EAAM,CAClB,UAAW,~~GAAG0B~~,EAAAA,WAAW,QACzB,aAAc,aACd,~~GAAG1B~~,EAAK,KAAA,CACT,EACH,~~EAEFuB~~,OAACa,EAAAA,sBAAA,CAA6B,~~MAAO5C~~,EAAM,WAAYc,EAAW,SAAUK,EACzE,SAAA,CAAAI,~~GACCY~~,EAAAA,IAACU,EAAAA,WAAA,CAAkB,~~MAAO7C~~,EAAM,WAAYc,EACzC,SAAAS,EACH,EAED,OAAOnB,GAAa,UAAYA,EAAS,OAAS,~~EACjD+B~~,EAAAA,IAACW,eAAA,CAAoB,KAAMC,EAAAA,~~iBAAiB/C~~,CAAI,EAAI,SAAAI,EAAS,EAE7DA,CAAA,CAAA,CAEJ,CAAA,EACF,EACCK,GAAeK,IAAcC,aAAW,~~UACvCoB~~,EAAAA,IAACa,EAAAA,YAAA,CACC,~~IAAKxB~~,EACL,UAAAlB,EACA,~~oBAAqB2C~~,EAAAA,~~cAAyB9B~~,CAAO,EACrD,~~KAAM+B~~,EAAAA,~~wBAAwBlD~~,CAAI,EAClC,MAAM,QACN,QAAS0B,EACT,QAASN,EAAAA,SAAS,YAClB,SAAU,GACV,~~WAAO+B~~,EAAA,EAAM,EACb,aAAW,OAAA,CAAA,CACb,EAEJ,EACC,CAAC,~~EAACjC~~,~~GAAA~~,~~MAAAA~~,~~EAAS,eACTkC,~~EAAAA,QAAA,CAAe,~~MAAOpD~~,EAAM,WAAYc,EACtC,SAAAI,EAAQ,IAAI,CAAC,CAAE,~~MAAOmC~~,EAAa,OAAAC,EAAQ,MAAAC,KAC1CpB,EAAAA,IAACqB,EAAAA,aAAA,CACC,~~UAAAlD~~,EACA,~~oBAAqB2C~~,EAAAA,~~cAAyB9B~~,CAAO,EAErD,~~QAASmC~~,EACT,KAAMG,EAAAA,~~mBAAmBzD~~,CAAI,EAC5B,~~GAAGuD~~,EAEH,SAAAF,CAAA,EALIA,CAAA,CAOR,EACH,~~EAED5C~~,GAAeK,IAAcC,aAAW,~~YACvCoB~~,EAAAA,IAACa,EAAAA,YAAA,CACC,~~IAAKxB~~,EACL,UAAAlB,EACA,~~oBAAqB2C~~,EAAAA,~~cAAyB9B~~,CAAO,EACrD,~~KAAM+B~~,EAAAA,~~wBAAwBlD~~,CAAI,EAClC,MAAM,QACN,QAAS0B,EACT,QAASN,EAAAA,SAAS,YAClB,SAAU,GACV,~~WAAO+B~~,EAAA,EAAM,EACb,aAAW,OAAA,CAAA,CACb,CAAA,CAEJ,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CACF"}
1	+ {"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, ReactElement, useCallback, useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Sizes, Directions, Variants, ALERT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { AlertConsts, AlertUtils } from 'acinguiux-ds-react-base/components/Alert';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './Alert.styles';\nimport type { IAlertProps } from './Alert.types';\nimport { getAlertButtonSize, getAlertCloseButtonSize, getAlertTextSize } from './utils/alertUtils';\n\nconst Alert = forwardRef<HTMLDivElement, IAlertProps>(\n (\n {\n className,\n size = `${Sizes.Medium}`,\n label,\n title,\n children,\n autoClose = false,\n sentiment = FabricsVariables.Sentiments.Neutral,\n icon,\n closeButton = false,\n onDismissClick,\n onClose,\n autoCloseTimeout = AlertConsts.consts.DEFAULT_AUTOCLOSE_TIMEOUT_MS,\n alignment = `${Directions.Vertical}`,\n highlight = false,\n banner = false,\n actions,\n variant = `${Variants.Outlined}`,\n ...rest\n },\n ref,\n ): ReactElement => {\n const alertTitle = title ?? label;\n const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n // Note: Acceptable tech debt until onDismissClick is removed.\n const onCloseHandler = useCallback(\n (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (event) {\n onDismissClick?.(event);\n onClose?.();\n } else if (onDismissClick) {\n closeButtonRef.current?.click();\n } else {\n onClose?.();\n }\n },\n [onDismissClick, onClose],\n );\n\n useEffect(() => {\n if (autoClose) {\n setTimeout(() => {\n onCloseHandler();\n }, autoCloseTimeout);\n }\n }, [autoClose, onCloseHandler, autoCloseTimeout]);\n\n return (\n <Styled.Alert\n $banner={banner}\n $size={size}\n className={classNames(ALERT_CLASS, className)}\n $sentiment={sentiment}\n $variant={variant}\n $alignment={alignment}\n ref={ref}\n {...rest}\n >\n {autoClose && (\n <Styled.AutoCloseContainer $sentiment={sentiment} $variant={variant} $autoCloseTimeout={autoCloseTimeout} />\n )}\n {highlight && !banner && (\n <Styled.HighlightIndicator $size={size} $alignment={alignment} $sentiment={sentiment} $variant={variant} />\n )}\n <Styled.AlertContentContainer $size={size} $alignment={alignment} $variant={variant}>\n <Styled.InnerContainer $size={size} $alignment={alignment}>\n <Styled.MessageAndButtonContainer $size={size} $alignment={alignment}>\n <Styled.MessageAndIconVerticalContainer $size={size} $alignment={alignment}>\n {!!icon && (\n <Styled.IconContainer $size={size} $alignment={alignment}>\n {cloneElement(icon, {\n className: `${ALERT_CLASS}-icon`,\n 'aria-label': 'alert icon',\n ...icon.props,\n })}\n </Styled.IconContainer>\n )}\n <Styled.AlertMessageContainer $size={size} $alignment={alignment} $variant={variant}>\n {alertTitle && (\n <Styled.AlertTitle $size={size} $alignment={alignment}>\n {alertTitle}\n </Styled.AlertTitle>\n )}\n {typeof children === 'string' && children.length > 0 ? (\n <Styled.AlertMessage size={getAlertTextSize(size)}>{children}</Styled.AlertMessage>\n ) : (\n children\n )}\n </Styled.AlertMessageContainer>\n </Styled.MessageAndIconVerticalContainer>\n {closeButton && alignment === Directions.Vertical && (\n <Styled.CloseButton\n ref={closeButtonRef}\n sentiment={sentiment}\n sentimentProminence={AlertUtils.getProminence(variant)}\n size={getAlertCloseButtonSize(size)}\n title=\"Close\"\n onClick={onCloseHandler}\n variant={Variants.Transparent}\n iconOnly={true}\n icon={<Cross />}\n aria-label=\"Close\"\n />\n )}\n </Styled.MessageAndButtonContainer>\n {!!actions?.length && (\n <Styled.Actions $size={size} $alignment={alignment}>\n {actions.map(({ label: actionLabel, action, props }) => (\n <Styled.ActionButton\n sentiment={sentiment}\n sentimentProminence={AlertUtils.getProminence(variant)}\n key={actionLabel}\n onClick={action}\n size={getAlertButtonSize(size)}\n {...props}\n >\n {actionLabel}\n </Styled.ActionButton>\n ))}\n </Styled.Actions>\n )}\n {closeButton && alignment === Directions.Horizontal && (\n <Styled.CloseButton\n ref={closeButtonRef}\n sentiment={sentiment}\n sentimentProminence={AlertUtils.getProminence(variant)}\n size={getAlertCloseButtonSize(size)}\n title=\"Close\"\n onClick={onCloseHandler}\n variant={Variants.Transparent}\n iconOnly={true}\n icon={<Cross />}\n aria-label=\"Close\"\n />\n )}\n </Styled.InnerContainer>\n </Styled.AlertContentContainer>\n </Styled.Alert>\n );\n },\n);\n\nexport default Alert;\n"],"names":["Alert","forwardRef","className","size","Sizes","label","title","children","autoClose","sentiment","FabricsVariables","icon","closeButton","onDismissClick","onClose","autoCloseTimeout","AlertConsts.consts","alignment","Directions","highlight","banner","actions","variant","Variants","rest","ref","alertTitle","closeButtonRef","useRef","onCloseHandler","useCallback","event","useEffect","jsxs","Styled.Alert","classNames","ALERT_CLASS","jsx","Styled.AutoCloseContainer","Styled.HighlightIndicator","Styled.AlertContentContainer","Styled.InnerContainer","Styled.MessageAndButtonContainer","Styled.MessageAndIconVerticalContainer","Styled.IconContainer","cloneElement","Styled.AlertMessageContainer","Styled.AlertTitle","Styled.AlertMessage","getAlertTextSize","Styled.CloseButton","AlertUtils.getProminence","getAlertCloseButtonSize","Cross","Styled.Actions","actionLabel","action","props","Styled.ActionButton","getAlertButtonSize"],"mappings":"qdAYMA,EAAQC,EAAAA,WACZ,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EAAYC,EAAAA,iBAAiB,WAAW,QACxC,KAAAC,EACA,YAAAC,EAAc,GACd,eAAAC,EACA,QAAAC,EACA,iBAAAC,EAAmBC,EAAAA,OAAmB,6BACtC,UAAAC,EAAY,GAAGC,aAAW,QAAQ,GAClC,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,QAAAC,EACA,QAAAC,EAAU,GAAGC,WAAS,QAAQ,GAC9B,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAapB,GAASD,EACtBsB,EAAiBC,EAAAA,OAA0B,IAAI,EAG/CC,EAAiBC,EAAAA,YACpBC,GAA4D,CACvDA,GACFlB,IAAiBkB,CAAK,EACtBjB,IAAA,GACSD,EACTc,EAAe,SAAS,MAAA,EAExBb,IAAA,CAEJ,EACA,CAACD,EAAgBC,CAAO,CAAA,EAG1BkB,OAAAA,EAAAA,UAAU,IAAM,CACVxB,GACF,WAAW,IAAM,CACfqB,EAAA,CACF,EAAGd,CAAgB,CAEvB,EAAG,CAACP,EAAWqB,EAAgBd,CAAgB,CAAC,EAG9CkB,EAAAA,KAACC,EAAAA,MAAA,CACC,QAASd,EACT,MAAOjB,EACP,UAAWgC,EAAWC,EAAAA,YAAalC,CAAS,EAC5C,WAAYO,EACZ,SAAUa,EACV,WAAYL,EACZ,IAAAQ,EACC,GAAGD,EAEH,SAAA,CAAAhB,GACC6B,EAAAA,IAACC,EAAAA,mBAAA,CAA0B,WAAY7B,EAAW,SAAUa,EAAS,kBAAmBP,EAAkB,EAE3GI,GAAa,CAACC,GACbiB,EAAAA,IAACE,EAAAA,mBAAA,CAA0B,MAAOpC,EAAM,WAAYc,EAAW,WAAYR,EAAW,SAAUa,CAAA,CAAS,QAE1GkB,EAAAA,sBAAA,CAA6B,MAAOrC,EAAM,WAAYc,EAAW,SAAUK,EAC1E,gBAACmB,EAAAA,eAAA,CAAsB,MAAOtC,EAAM,WAAYc,EAC9C,SAAA,CAAAgB,EAAAA,KAACS,EAAAA,0BAAA,CAAiC,MAAOvC,EAAM,WAAYc,EACzD,SAAA,CAAAgB,EAAAA,KAACU,EAAAA,gCAAA,CAAuC,MAAOxC,EAAM,WAAYc,EAC9D,SAAA,CAAA,CAAC,CAACN,GACD0B,MAACO,EAAAA,cAAA,CAAqB,MAAOzC,EAAM,WAAYc,EAC5C,SAAA4B,EAAAA,aAAalC,EAAM,CAClB,UAAW,GAAGyB,EAAAA,WAAW,QACzB,aAAc,aACd,GAAGzB,EAAK,KAAA,CACT,EACH,EAEFsB,OAACa,EAAAA,sBAAA,CAA6B,MAAO3C,EAAM,WAAYc,EAAW,SAAUK,EACzE,SAAA,CAAAI,GACCW,EAAAA,IAACU,EAAAA,WAAA,CAAkB,MAAO5C,EAAM,WAAYc,EACzC,SAAAS,EACH,EAED,OAAOnB,GAAa,UAAYA,EAAS,OAAS,EACjD8B,EAAAA,IAACW,eAAA,CAAoB,KAAMC,EAAAA,iBAAiB9C,CAAI,EAAI,SAAAI,EAAS,EAE7DA,CAAA,CAAA,CAEJ,CAAA,EACF,EACCK,GAAeK,IAAcC,aAAW,UACvCmB,EAAAA,IAACa,EAAAA,YAAA,CACC,IAAKvB,EACL,UAAAlB,EACA,oBAAqB0C,EAAAA,cAAyB7B,CAAO,EACrD,KAAM8B,EAAAA,wBAAwBjD,CAAI,EAClC,MAAM,QACN,QAAS0B,EACT,QAASN,EAAAA,SAAS,YAClB,SAAU,GACV,WAAO8B,EAAA,EAAM,EACb,aAAW,OAAA,CAAA,CACb,EAEJ,EACC,CAAC,CAAChC,GAAS,cACTiC,EAAAA,QAAA,CAAe,MAAOnD,EAAM,WAAYc,EACtC,SAAAI,EAAQ,IAAI,CAAC,CAAE,MAAOkC,EAAa,OAAAC,EAAQ,MAAAC,KAC1CpB,EAAAA,IAACqB,EAAAA,aAAA,CACC,UAAAjD,EACA,oBAAqB0C,EAAAA,cAAyB7B,CAAO,EAErD,QAASkC,EACT,KAAMG,EAAAA,mBAAmBxD,CAAI,EAC5B,GAAGsD,EAEH,SAAAF,CAAA,EALIA,CAAA,CAOR,EACH,EAED3C,GAAeK,IAAcC,aAAW,YACvCmB,EAAAA,IAACa,EAAAA,YAAA,CACC,IAAKvB,EACL,UAAAlB,EACA,oBAAqB0C,EAAAA,cAAyB7B,CAAO,EACrD,KAAM8B,EAAAA,wBAAwBjD,CAAI,EAClC,MAAM,QACN,QAAS0B,EACT,QAASN,EAAAA,SAAS,YAClB,SAAU,GACV,WAAO8B,EAAA,EAAM,EACb,aAAW,OAAA,CAAA,CACb,CAAA,CAEJ,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CACF"}

package/build/cjs/components/Button/Button.styles.js CHANGED Viewed

@@ -1,80 +1,76 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),$=require("../../react-base/src/utils/stylesUtils.js"),u=require("../../react-base/src/theme/types/layer.js"),d=require("../../react-base/src/components/Button/Button.utils.js"),b=require("../../react-base/src/components/Button/Button.styles.js"),i=require("acinguiux-ds-fabrics"),g=require("../../react-base/src/consts/index.js"),S=s.styled.span``,r=s.styled.span``,y=e=>s.css`
-  ${({$size:t,theme:n})=>s.css`
-    ${b.containerStylesForVariant()};
-    &[aria-busy='true'] {
-      & > ${r}, & > ${r} > svg,
-      & ${r} > ${S} {
-        opacity: 0;
-        min-height: 0;
-        height: 0;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),m=require("../../react-base/src/utils/stylesUtils.js"),u=require("../../react-base/src/theme/types/layer.js"),d=require("../../react-base/src/components/Button/Button.utils.js"),b=require("../../react-base/src/components/Button/Button.styles.js"),i=require("acinguiux-ds-fabrics"),B=require("../../react-base/src/consts/index.js"),S=n.styled.span``,l=n.styled.span``,r=(e,t)=>n.css(({$size:s,theme:o})=>n.css`
+      ${b.containerStylesForVariant(e)};
+      &[aria-busy='true'] {
+        & > ${l}, & > ${l} > svg,
+        & ${l} > ${S} {
+          opacity: 0;
+          min-height: 0;
+          height: 0;
+        }
       }
-    }
-    & ${r}, &:is(a) {
-      ${b.stylesForVariant()};
-      ${d.getSizeStyles(n,t)};
-      & > svg {
-        ${d.getSvgStyles(t)};
+      & ${l}, &:is(a) {
+        ${b.stylesForVariant(e)};
+        ${d.getSizeStyles(o,s)};
+        & > svg {
+          ${d.getSvgStyles(s)};
+        }
       }
-    }
-    &:focus-visible {
-      ${$.getFocusStyles(n)};
-    }
-  `};
-`,o=s.css`
-  ${y()};
-`,a=(e,t,n=g.Variants.Filled,c={})=>{const l=d.getFabricStyles(e,n,t,c);return s.css`
+      &:focus-visible {
+        ${m.getFocusStyles(o,e==="filled"&&t!=="Foundation")};
+      }
+    `),a=(e,t,s=B.Variants.Filled,o={})=>{const c=d.getFabricStyles(e,s,t,o);return n.css`
     &,
     &:not(:disabled) {
-      ${l.resting};
+      ${c.resting};
     }
     &:disabled {
       cursor: not-allowed;
-      ${l.disabled};
+      ${c.disabled};
     }
     &:not(:disabled):hover {
-      ${l.hover};
+      ${c.hover};
     }
     &:not(:disabled):active {
-      ${l.press};
+      ${c.press};
     }
-  `},m=e=>s.css`
+  `},y=e=>n.css`
+  ${r(e)};
+  ${({$variant:t,theme:s})=>a(s,"Foundation",t,{transparentRestingState:t==="filled"?i.FabricsVariables.TransparentRestingStates.False:i.FabricsVariables.TransparentRestingStates.True})};
+`,g=n.styled.button`
   ${y()};
-  ${({$variant:t,theme:n})=>a(n,"Foundation",t,{transparentRestingState:t==="filled"?i.FabricsVariables.TransparentRestingStates.False:i.FabricsVariables.TransparentRestingStates.True})};
-`,B=s.styled.button`
-  ${m()};
-`,F=s.styled.a`
-  ${o};
-  text-decoration: underline;
+`,F=n.styled.a(({$variant:e,theme:t,$disabled:s})=>n.css`
+    ${r()};
+    text-decoration: underline;
-  &[aria-disabled='true'] {
-    cursor: not-allowed;
-    pointer-events: none;
-  }
+    &[aria-disabled='true'] {
+      cursor: not-allowed;
+      pointer-events: none;
+    }
-  ${({$variant:e,theme:t,$disabled:n})=>e&&e!=="filled"&&s.css`
+    ${e&&e!=="filled"&&n.css`
       &:link:visited {
-        color: ${t.layer({disabled:n})[u.Variables.TextOnFoundationLinkVisited]};
-        border-color: ${t.layer({disabled:n})[u.Variables.TextOnFoundationLinkVisited]};
+        color: ${t.layer({disabled:s})[u.Variables.TextOnFoundationLinkVisited]};
+        border-color: ${t.layer({disabled:s})[u.Variables.TextOnFoundationLinkVisited]};
       }
     `};
-  ${({$variant:e,theme:t,$disabled:n})=>a(t,"Link",e,{disabled:n,transparentRestingState:e==="filled"?i.FabricsVariables.TransparentRestingStates.False:i.FabricsVariables.TransparentRestingStates.True})};
-`,V=s.styled.button`
-  ${o};
-  ${({$variant:e,theme:t,$sentiment:n})=>a(t,"Sentiment",e,{sentiment:n,sentimentProminence:e==="filled"?i.FabricsVariables.SentimentProminences.Strong:i.FabricsVariables.SentimentProminences.Transparent})};
-`,p=s.styled.button`
-  ${o};
-  ${({$variant:e,theme:t,$sentiment:n,$sentimentProminence:c})=>a(t,"On Sentiment",e,{sentiment:n,sentimentProminence:c})};
-`,O=s.styled.button`
-  ${o};
-  ${({$variant:e,theme:t,$brand:n})=>a(t,"On Brand",e,{brand:n})};
-`,T=s.styled.button`
-  ${o};
-  ${({$variant:e,theme:t})=>a(t,"On Selected",e,{selectedProminence:e==="filled"?i.FabricsVariables.SelectedProminences.Strong:i.FabricsVariables.SelectedProminences.Subtle})};
-`;exports.Button=B;exports.ButtonLabel=S;exports.ButtonLabelContainer=r;exports.ButtonLink=F;exports.CommonStyles=o;exports.OnBrandButton=O;exports.OnSelectedButton=T;exports.OnSentimentButton=p;exports.SentimentButton=V;exports.buttonCssWithVariant=m;
+    ${a(t,"Link",e,{disabled:s,transparentRestingState:e==="filled"?i.FabricsVariables.TransparentRestingStates.False:i.FabricsVariables.TransparentRestingStates.True})};
+  `),V=n.styled.button(({$variant:e,theme:t,$sentiment:s})=>n.css`
+    ${r(e,"Sentiment")};
+    ${a(t,"Sentiment",e,{sentiment:s,sentimentProminence:e==="filled"?i.FabricsVariables.SentimentProminences.Strong:i.FabricsVariables.SentimentProminences.Transparent})};
+  `),$=n.styled.button(({$variant:e,theme:t,$sentiment:s,$sentimentProminence:o})=>n.css`
+    ${r(e,"On Sentiment")};
+    ${a(t,"On Sentiment",e,{sentiment:s,sentimentProminence:o})};
+  `),O=n.styled.button(({$variant:e,theme:t,$brand:s})=>n.css`
+    ${r(e,"On Brand")};
+    ${a(t,"On Brand",e,{brand:s})};
+  `),p=n.styled.button(({$variant:e,theme:t})=>n.css`
+    ${r(e,"On Selected")};
+    ${a(t,"On Selected",e,{selectedProminence:e==="filled"?i.FabricsVariables.SelectedProminences.Strong:i.FabricsVariables.SelectedProminences.Subtle})};
+  `);exports.Button=g;exports.ButtonLabel=S;exports.ButtonLabelContainer=l;exports.ButtonLink=F;exports.OnBrandButton=O;exports.OnSelectedButton=p;exports.OnSentimentButton=$;exports.SentimentButton=V;exports.buttonCssWithVariant=y;
 //# sourceMappingURL=Button.styles.js.map

package/build/cjs/components/Button/Button.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { type Theme, type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { ButtonStyles, ~~type~~ ButtonTypes, ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Variants } from 'acinguiux-ds-react-base/consts';\n\nimport type {\n StyledButtonProps,\n StyledOnBrandButtonProps,\n StyledOnSelectedButtonProps,\n StyledOnSentimentButtonProps,\n StyledSentimentButtonProps,\n} from './Button.types';\n\nexport const ButtonLabel = styled.span``;\nexport const ButtonLabelContainer = styled.span``;\n\nconst commonStylesForVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps~~>`\~~n ${({ $size, theme }) => css<StyledButtonProps>`\n ${ButtonStyles.containerStylesForVariant(variant)};\n &[aria-busy='true'] {\n & > ${ButtonLabelContainer}, & > ${ButtonLabelContainer} > svg,\n & ${ButtonLabelContainer} > ${ButtonLabel} {\n opacity: 0;\n min-height: 0;\n height: 0;\n }\n }\n\n & ${ButtonLabelContainer}, &:is(a) {\n ${ButtonStyles.stylesForVariant(variant)};\n ${ButtonUtils.getSizeStyles(theme, $size)};\n & > svg {\n ${ButtonUtils.getSvgStyles($size)};\n }\n }\n\n &:focus-visible {\n ${getFocusStyles(theme)};\n }\n ~~`};\~~n~~`;\n\nexport const CommonStyles = css<StyledButtonProps>`\n~~ ~~${commonStylesForVariant(~~)};\n~~`;\n~~\nconst stateStyles = (\n theme: Theme,\n style: ButtonUtils.ButtonKinds,\n variant: ButtonTypes.Variant = Variants.Filled,\n modes: ModesType = {},\n) => {\n const styles = ButtonUtils.getFabricStyles(theme, variant, style, modes);\n\n return css`\n &,\n &:not(:disabled) {\n ${styles.resting};\n }\n\n &:disabled {\n cursor: not-allowed;\n ${styles.disabled};\n }\n\n &:not(:disabled):hover {\n ${styles.hover};\n }\n\n &:not(:disabled):active {\n ${styles.press};\n }\n `;\n};\n\nexport const buttonCssWithVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\n ${commonStylesForVariant(variant)};\n ${({ $variant, theme }) =>\n stateStyles(theme, 'Foundation', variant ?? $variant, {\n transparentRestingState:\n (variant ?? $variant) === 'filled'\n ? FabricsVariables.TransparentRestingStates.False\n : FabricsVariables.TransparentRestingStates.True,\n })};\n`;\n\nexport const Button = styled.button<StyledButtonProps>`\n ${buttonCssWithVariant()};\n`;\n\nexport const ButtonLink = styled.a<StyledButtonProps~~>`\~~n ${~~CommonStyles~~};\n text-decoration: underline;\n\n &[aria-disabled='true'] {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n ${({ $variant, ~~theme, $disabled }) =>\n $variant~~ &&\n $variant !== 'filled' &&\n css`\n &:link:visited {\n color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n border-color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n }\n `};\n\n ${~~({ $variant, theme, $disabled }) =>\n~~ stateStyles(theme, 'Link', $variant, {\n disabled: $disabled,\n transparentRestingState:\n $variant === 'filled'\n ? FabricsVariables.TransparentRestingStates.False\n : FabricsVariables.TransparentRestingStates.True,\n })};\n~~`;\~~n\nexport const SentimentButton = styled.button<StyledSentimentButtonProps~~>`\~~n ~~${CommonStyles};\n ${~~({ $variant, theme, $sentiment }) ~~=>\~~n stateStyles(theme, 'Sentiment', $variant, {\n sentiment: $sentiment,\n sentimentProminence:\n $variant === 'filled'\n ? FabricsVariables.SentimentProminences.Strong\n : FabricsVariables.SentimentProminences.Transparent,\n })};\n~~`;\~~n\nexport const OnSentimentButton = styled.button<StyledOnSentimentButtonProps~~>`\~~n ~~${CommonStyles};\n ${~~({ $variant, theme, $sentiment, $sentimentProminence }) ~~=>\~~n stateStyles(theme, 'On Sentiment', $variant, { sentiment: $sentiment, sentimentProminence: $sentimentProminence })};\n~~`;\~~n\nexport const OnBrandButton = styled.button<StyledOnBrandButtonProps~~>`\~~n ~~${CommonStyles};\n ${~~({ $variant, theme, $brand }) => stateStyles(theme, 'On Brand', $variant, { brand: $brand })};\n~~`;\~~n\nexport const OnSelectedButton = styled.button<StyledOnSelectedButtonProps~~>`\~~n ~~${CommonStyles};\n ${~~({ $variant, theme }) ~~=>\~~n stateStyles(theme, 'On Selected', $variant, {\n selectedProminence:\n $variant === 'filled'\n ? FabricsVariables.SelectedProminences.Strong\n : FabricsVariables.SelectedProminences.Subtle,\n })};\n~~`;\~~n"],"names":["ButtonLabel","styled","ButtonLabelContainer","commonStylesForVariant","variant","css","$size","theme","ButtonStyles.containerStylesForVariant","ButtonStyles.stylesForVariant","ButtonUtils.getSizeStyles","ButtonUtils.getSvgStyles","getFocusStyles","~~CommonStyles","~~stateStyles","~~style","~~Variants","modes","styles","ButtonUtils.getFabricStyles","buttonCssWithVariant","$variant","FabricsVariables","Button","ButtonLink","$disabled","Variables","SentimentButton","$sentiment","OnSentimentButton","$sentimentProminence","OnBrandButton","$brand","OnSelectedButton"],"mappings":"4dAeaA,EAAcC,EAAAA,OAAO,OACrBC,EAAuBD,EAAAA,OAAO,OAErCE,~~EAA0BC~~,~~GAAkCC~~,EAAAA~~;AAAAA~~,~~IAC9D~~,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAA,IAAYF,EAAAA;AAAAA,~~MACpBG~~,EAAAA,~~0BAA8C~~,CAAC;AAAA;AAAA,~~YAEzCN~~,CAAoB,SAASA,CAAoB;AAAA,~~UACnDA~~,CAAoB,MAAMF,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~QAOvCE~~,CAAoB;AAAA,~~QACpBO~~,EAAAA,~~iBAAqC~~,CAAC;AAAA,~~QACtCC~~,EAAAA,cAA0BH,EAAOD,CAAK,CAAC;AAAA;AAAA,~~UAErCK~~,EAAAA,aAAyBL,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,~~QAKjCM~~,EAAAA,eAAeL,~~CAAK~~,~~CAAC;AAAA;AAAA~~,~~GAE1B;AAAA~~,~~EAGUM~~,~~EAAeR~~,~~EAAAA~~;~~AAAAA,IACxBF,GAAwB~~;AAAA,~~EAGtBW~~,EAAc,~~CAClBP~~,~~EACAQ~~,~~EACAX~~,EAA+BY,EAAAA,SAAS,OACxCC,EAAmB,KAChB,CACH,MAAMC,EAASC,EAAAA,~~gBAA4BZ~~,~~EAAOH~~,~~EAASW~~,~~EAAOE~~,CAAK,EAEvE,~~OAAOZ~~,EAAAA;AAAAA;AAAAA;AAAAA,~~QAGDa~~,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKdA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,QAIfA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA,QAIZA,EAAO,KAAK;AAAA;AAAA,GAGpB,EAEaE,~~EAAwBhB~~,~~GAAkCC~~,EAAAA;AAAAA,~~IACnEF~~,~~EAA8B~~,CAAC;AAAA,IAC/B,CAAC,CAAE,~~SAAAkB~~,EAAU,~~MAAAd~~,CAAA,~~IACbO~~,~~EAAYP~~,EAAO,~~aAAyBc~~,EAAU,CACpD,wBACcA,IAAc,SACtBC,EAAAA,iBAAiB,yBAAyB,MAC1CA,EAAAA,iBAAiB,yBAAyB,IAClD,CAAC,CAAC;AAAA,EAGOC,~~EAAStB~~,EAAAA,OAAO;AAAA,~~IACzBmB~~,GAAsB;AAAA,EAGbI,~~EAAavB~~,EAAAA,OAAO;~~AAAA~~,~~IAC7BY~~,~~CAAY~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~IAQZ~~,~~CAAC~~,~~CAAE,SAAAQ,EAAU,MAAAd,EAAO,UAAAkB,KACpBJ,GACAA,~~IAAa,~~UACbhB~~,EAAAA;AAAAA;AAAAA,iBAEaE,EAAM,MAAM,CAAE,~~SAAUkB~~,EAAW,EAAEC,EAAAA,UAAU,2BAA2B,CAAC;AAAA,~~wBACpEnB~~,EAAM,MAAM,CAAE,~~SAAUkB~~,EAAW,EAAEC,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA,KAE9F;AAAA;AAAA,~~IAED~~,~~CAAC~~,~~CAAE,SAAAL,EAAU,MAAAd,~~EAAO,~~UAAAkB~~,~~KACpBX,EAAYP,EAAO,OAAQc,~~EAAU,~~CACnC~~,SAAUI,EACV,wBACEJ,IAAa,SACTC,EAAAA,iBAAiB,yBAAyB,MAC1CA,EAAAA,iBAAiB,yBAAyB,~~IAClD~~,~~CAAC~~,CAAC;AAAA,~~EAGOK~~,~~EAAkB1B~~,EAAAA,OAAO~~;AAAA~~,~~IAClCY~~,~~CAAY;AAAA,IACZ,~~CAAC,CAAE,~~SAAAQ~~,EAAU,~~MAAAd~~,EAAO,~~WAAAqB~~,~~KACpBd~~,~~EAAYP~~,EAAO,~~YAAac~~,EAAU,~~CACxC~~,UAAWO,EACX,oBACEP,IAAa,SACTC,EAAAA,iBAAiB,qBAAqB,OACtCA,EAAAA,iBAAiB,qBAAqB,~~WAC9C~~,~~CAAC~~,CAAC;AAAA,~~EAGOO~~,~~EAAoB5B~~,EAAAA,OAAO~~;AAAA~~,~~IACpCY~~,~~CAAY;AAAA,IACZ,~~CAAC,CAAE,~~SAAAQ~~,EAAU,~~MAAAd~~,EAAO,~~WAAAqB~~,EAAY,qBAAAE,~~KAChChB~~,~~EAAYP~~,EAAO,~~eAAgBc~~,EAAU,~~CAAE~~,UAAWO,~~EAAY~~,oBAAqBE,CAAA,~~CAAsB~~,CAAC;AAAA,~~EAGzGC~~,~~EAAgB9B~~,EAAAA,OAAO~~;AAAA~~,~~IAChCY~~,~~CAAY;AAAA,IACZ,~~CAAC,CAAE,~~SAAAQ~~,EAAU,~~MAAAd~~,EAAO,~~OAAAyB~~,~~KAAalB~~,~~EAAYP~~,EAAO,~~WAAYc~~,EAAU,CAAE,MAAOW,CAAA,CAAQ,CAAC;AAAA,~~EAGnFC~~,~~EAAmBhC~~,EAAAA,OAAO~~;AAAA~~,~~IACnCY~~,~~CAAY;AAAA,IACZ,~~CAAC,CAAE,~~SAAAQ~~,EAAU,~~MAAAd~~,CAAA,~~IACbO~~,~~EAAYP~~,EAAO,~~cAAec~~,EAAU,~~CAC1C~~,mBACEA,IAAa,SACTC,EAAAA,iBAAiB,oBAAoB,OACrCA,EAAAA,iBAAiB,oBAAoB,~~MAC7C~~,~~CAAC~~,CAAC;AAAA"}
1	+ {"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { type Theme, type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { ButtonStyles, ButtonTypes, ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Variants } from 'acinguiux-ds-react-base/consts';\n\nimport type {\n StyledButtonProps,\n StyledOnBrandButtonProps,\n StyledOnSelectedButtonProps,\n StyledOnSentimentButtonProps,\n StyledSentimentButtonProps,\n} from './Button.types';\n\nexport const ButtonLabel = styled.span``;\nexport const ButtonLabelContainer = styled.span``;\n\nconst commonStylesForVariant = (variant?: ButtonTypes.Variant, style?: ButtonUtils.ButtonKinds) =>\n css<StyledButtonProps>(\n ({ $size, theme }) => css<StyledButtonProps>`\n ${ButtonStyles.containerStylesForVariant(variant)};\n &[aria-busy='true'] {\n & > ${ButtonLabelContainer}, & > ${ButtonLabelContainer} > svg,\n & ${ButtonLabelContainer} > ${ButtonLabel} {\n opacity: 0;\n min-height: 0;\n height: 0;\n }\n }\n\n & ${ButtonLabelContainer}, &:is(a) {\n ${ButtonStyles.stylesForVariant(variant)};\n ${ButtonUtils.getSizeStyles(theme, $size)};\n & > svg {\n ${ButtonUtils.getSvgStyles($size)};\n }\n }\n\n &:focus-visible {\n ${getFocusStyles(theme, variant === 'filled' && style !== 'Foundation')};\n }\n `,\n );\n\nconst stateStyles = (\n theme: Theme,\n style: ButtonUtils.ButtonKinds,\n variant: ButtonTypes.Variant = Variants.Filled,\n modes: ModesType = {},\n) => {\n const styles = ButtonUtils.getFabricStyles(theme, variant, style, modes);\n\n return css`\n &,\n &:not(:disabled) {\n ${styles.resting};\n }\n\n &:disabled {\n cursor: not-allowed;\n ${styles.disabled};\n }\n\n &:not(:disabled):hover {\n ${styles.hover};\n }\n\n &:not(:disabled):active {\n ${styles.press};\n }\n `;\n};\n\nexport const buttonCssWithVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\n ${commonStylesForVariant(variant)};\n ${({ $variant, theme }) =>\n stateStyles(theme, 'Foundation', variant ?? $variant, {\n transparentRestingState:\n (variant ?? $variant) === 'filled'\n ? FabricsVariables.TransparentRestingStates.False\n : FabricsVariables.TransparentRestingStates.True,\n })};\n`;\n\nexport const Button = styled.button<StyledButtonProps>`\n ${buttonCssWithVariant()};\n`;\n\nexport const ButtonLink = styled.a<StyledButtonProps>(\n ({ $variant, theme, $disabled }) => css<StyledButtonProps>`\n ${commonStylesForVariant()};\n text-decoration: underline;\n\n &[aria-disabled='true'] {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n ${$variant &&\n $variant !== 'filled' &&\n css`\n &:link:visited {\n color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n border-color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n }\n `};\n\n ${stateStyles(theme, 'Link', $variant, {\n disabled: $disabled,\n transparentRestingState:\n $variant === 'filled'\n ? FabricsVariables.TransparentRestingStates.False\n : FabricsVariables.TransparentRestingStates.True,\n })};\n `,\n);\n\nexport const SentimentButton = styled.button<StyledSentimentButtonProps>(\n ({ $variant, theme, $sentiment }) => css<StyledSentimentButtonProps>`\n ${commonStylesForVariant($variant, 'Sentiment')};\n ${stateStyles(theme, 'Sentiment', $variant, {\n sentiment: $sentiment,\n sentimentProminence:\n $variant === 'filled'\n ? FabricsVariables.SentimentProminences.Strong\n : FabricsVariables.SentimentProminences.Transparent,\n })};\n `,\n);\n\nexport const OnSentimentButton = styled.button<StyledOnSentimentButtonProps>(\n ({ $variant, theme, $sentiment, $sentimentProminence }) => css<StyledOnSentimentButtonProps>`\n ${commonStylesForVariant($variant, 'On Sentiment')};\n ${stateStyles(theme, 'On Sentiment', $variant, {\n sentiment: $sentiment,\n sentimentProminence: $sentimentProminence,\n })};\n `,\n);\n\nexport const OnBrandButton = styled.button<StyledOnBrandButtonProps>(\n ({ $variant, theme, $brand }) => css<StyledOnBrandButtonProps>`\n ${commonStylesForVariant($variant, 'On Brand')};\n ${stateStyles(theme, 'On Brand', $variant, { brand: $brand })};\n `,\n);\n\nexport const OnSelectedButton = styled.button<StyledOnSelectedButtonProps>(\n ({ $variant, theme }) => css<StyledOnSelectedButtonProps>`\n ${commonStylesForVariant($variant, 'On Selected')};\n ${stateStyles(theme, 'On Selected', $variant, {\n selectedProminence:\n $variant === 'filled'\n ? FabricsVariables.SelectedProminences.Strong\n : FabricsVariables.SelectedProminences.Subtle,\n })};\n `,\n);\n"],"names":["ButtonLabel","styled","ButtonLabelContainer","commonStylesForVariant","variant","style","css","$size","theme","ButtonStyles.containerStylesForVariant","ButtonStyles.stylesForVariant","ButtonUtils.getSizeStyles","ButtonUtils.getSvgStyles","getFocusStyles","stateStyles","Variants","modes","styles","ButtonUtils.getFabricStyles","buttonCssWithVariant","$variant","FabricsVariables","Button","ButtonLink","$disabled","Variables","SentimentButton","$sentiment","OnSentimentButton","$sentimentProminence","OnBrandButton","$brand","OnSelectedButton"],"mappings":"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"}

package/build/cjs/components/Button/OnBrandButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OnBrandButton.js","sources":["../../../../src/components/Button/OnBrandButton.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\~~nimport type { LoadingTypes } from 'acinguiux-ds-react-base/components/Loading';\~~n\nimport * as Styled from './Button.styles';\nimport type { IOnBrandButtonProps } from './Button.types';\nimport Loading from '../Loading/Loading';\n\nconst OnBrandButton = forwardRef<HTMLButtonElement, IOnBrandButtonProps>(\n ({ className, type = 'button', ...props }, ref) => {\n const { size, variant, disabled, loading, label, iconPosition, icon, iconOnly, loaderSize, brand, ...rest } =\n ButtonUtils.useOnBrandProps(props);\n const isFilled = useMemo(() => variant === 'filled', [variant]);\n\n return (\n <Styled.OnBrandButton\n aria-label={label}\n aria-busy={!!loading}\n disabled={disabled}\n $size={size}\n $disabled={disabled}\n $variant={variant}\n $brand={brand}\n $iconOnly={iconOnly}\n $icon={icon}\n $iconPosition={iconPosition}\n type={type}\n className={classNames(BUTTON_CLASS, className)}\n ref={ref}\n {...rest}\n >\n <Styled.ButtonLabelContainer>\n {icon}\n {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\n </Styled.ButtonLabelContainer>\n {loading && (\n <Loading\n size={loaderSize ~~as LoadingTypes.Size}\n~~ aria-hidden={true}\n type=\"brand\"\n brand={brand}\n withForeground={isFilled}\n />\n )}\n </Styled.OnBrandButton>\n );\n },\n);\n\nexport default OnBrandButton;\n"],"names":["OnBrandButton","forwardRef","className","type","props","ref","size","variant","disabled","loading","label","iconPosition","icon","iconOnly","loaderSize","brand","rest","ButtonUtils.useOnBrandProps","isFilled","useMemo","jsxs","Styled.OnBrandButton","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":"~~wRAWMA~~,EAAgBC,EAAAA,WACpB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAAQ,CACjD,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,aAAAC,EAAc,KAAAC,EAAM,SAAAC,EAAU,WAAAC,EAAY,MAAAC,EAAO,GAAGC,CAAA,EACnGC,EAAAA,gBAA4Bb,CAAK,EAC7Bc,EAAWC,EAAAA,QAAQ,IAAMZ,IAAY,SAAU,CAACA,CAAO,CAAC,EAE9D,OACEa,EAAAA,KAACC,EAAAA,cAAA,CACC,aAAYX,EACZ,YAAW,CAAC,CAACD,EACb,SAAAD,EACA,MAAOF,EACP,UAAWE,EACX,SAAUD,EACV,OAAQQ,EACR,UAAWF,EACX,MAAOD,EACP,cAAeD,EACf,KAAAR,EACA,UAAWmB,EAAWC,EAAAA,aAAcrB,CAAS,EAC7C,IAAAG,EACC,GAAGW,EAEJ,SAAA,CAAAI,OAACI,EAAAA,qBAAA,CACE,SAAA,CAAAZ,EACA,CAACC,GAAYY,EAAAA,IAACC,EAAAA,YAAA,CAAoB,SAAAhB,CAAA,CAAM,CAAA,EAC3C,EACCD,GACCgB,EAAAA,IAACE,EAAA,~~CACC~~,KAAMb,~~EACN~~,cAAa,~~GACb~~,KAAK,~~QACL~~,MAAAC,~~EACA~~,eAAgBG,CAAA,CAAA,~~CAClB,~~CAAA,CAAA,~~CAIR~~,CACF"}
1	+ {"version":3,"file":"OnBrandButton.js","sources":["../../../../src/components/Button/OnBrandButton.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\n\nimport * as Styled from './Button.styles';\nimport type { IOnBrandButtonProps } from './Button.types';\nimport Loading from '../Loading/Loading';\n\nconst OnBrandButton = forwardRef<HTMLButtonElement, IOnBrandButtonProps>(\n ({ className, type = 'button', ...props }, ref) => {\n const { size, variant, disabled, loading, label, iconPosition, icon, iconOnly, loaderSize, brand, ...rest } =\n ButtonUtils.useOnBrandProps(props);\n const isFilled = useMemo(() => variant === 'filled', [variant]);\n\n return (\n <Styled.OnBrandButton\n aria-label={label}\n aria-busy={!!loading}\n disabled={disabled}\n $size={size}\n $disabled={disabled}\n $variant={variant}\n $brand={brand}\n $iconOnly={iconOnly}\n $icon={icon}\n $iconPosition={iconPosition}\n type={type}\n className={classNames(BUTTON_CLASS, className)}\n ref={ref}\n {...rest}\n >\n <Styled.ButtonLabelContainer>\n {icon}\n {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\n </Styled.ButtonLabelContainer>\n {loading && (\n <Loading size={loaderSize} aria-hidden={true} type=\"brand\" brand={brand} withForeground={isFilled} />\n )}\n </Styled.OnBrandButton>\n );\n },\n);\n\nexport default OnBrandButton;\n"],"names":["OnBrandButton","forwardRef","className","type","props","ref","size","variant","disabled","loading","label","iconPosition","icon","iconOnly","loaderSize","brand","rest","ButtonUtils.useOnBrandProps","isFilled","useMemo","jsxs","Styled.OnBrandButton","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":"wRAUMA,EAAgBC,EAAAA,WACpB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAAQ,CACjD,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,aAAAC,EAAc,KAAAC,EAAM,SAAAC,EAAU,WAAAC,EAAY,MAAAC,EAAO,GAAGC,CAAA,EACnGC,EAAAA,gBAA4Bb,CAAK,EAC7Bc,EAAWC,EAAAA,QAAQ,IAAMZ,IAAY,SAAU,CAACA,CAAO,CAAC,EAE9D,OACEa,EAAAA,KAACC,EAAAA,cAAA,CACC,aAAYX,EACZ,YAAW,CAAC,CAACD,EACb,SAAAD,EACA,MAAOF,EACP,UAAWE,EACX,SAAUD,EACV,OAAQQ,EACR,UAAWF,EACX,MAAOD,EACP,cAAeD,EACf,KAAAR,EACA,UAAWmB,EAAWC,EAAAA,aAAcrB,CAAS,EAC7C,IAAAG,EACC,GAAGW,EAEJ,SAAA,CAAAI,OAACI,EAAAA,qBAAA,CACE,SAAA,CAAAZ,EACA,CAACC,GAAYY,EAAAA,IAACC,EAAAA,YAAA,CAAoB,SAAAhB,CAAA,CAAM,CAAA,EAC3C,EACCD,GACCgB,EAAAA,IAACE,EAAA,CAAQ,KAAMb,EAAY,cAAa,GAAM,KAAK,QAAQ,MAAAC,EAAc,eAAgBG,CAAA,CAAU,CAAA,CAAA,CAAA,CAI3G,CACF"}

package/build/cjs/components/Button/OnSentimentButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OnSentimentButton.js","sources":["../../../../src/components/Button/OnSentimentButton.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\~~nimport type { LoadingTypes } from 'acinguiux-ds-react-base/components/Loading';\~~n\nimport * as Styled from './Button.styles';\nimport type { IOnSentimentButtonProps } from './Button.types';\nimport Loading from '../Loading/Loading';\n\nconst OnSentimentButton = forwardRef<HTMLButtonElement, IOnSentimentButtonProps>(\n ({ className, type = 'button', ...props }, ref) => {\n const {\n size,\n variant,\n disabled,\n loading,\n label,\n iconPosition,\n icon,\n iconOnly,\n loaderSize,\n sentiment,\n sentimentProminence,\n ...rest\n } = ButtonUtils.useOnSentimentProps(props);\n const isFilled = useMemo(() => variant === 'filled', [variant]);\n\n return (\n <Styled.OnSentimentButton\n aria-label={label}\n aria-busy={!!loading}\n disabled={disabled}\n $size={size}\n $disabled={disabled}\n $variant={variant}\n $sentiment={sentiment}\n $sentimentProminence={sentimentProminence}\n $iconOnly={iconOnly}\n $icon={icon}\n $iconPosition={iconPosition}\n type={type}\n className={classNames(BUTTON_CLASS, className)}\n ref={ref}\n {...rest}\n >\n <Styled.ButtonLabelContainer>\n {icon}\n {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\n </Styled.ButtonLabelContainer>\n {loading && (\n <Loading\n size={loaderSize ~~as LoadingTypes.Size~~}\n aria-hidden={true}\n type=\"sentiment\"\n sentiment={sentiment}\n sentimentProminence={sentimentProminence}\n withForeground={isFilled}\n />\n )}\n </Styled.OnSentimentButton>\n );\n },\n);\n\nexport default OnSentimentButton;\n"],"names":["OnSentimentButton","forwardRef","className","type","props","ref","size","variant","disabled","loading","label","iconPosition","icon","iconOnly","loaderSize","sentiment","sentimentProminence","rest","ButtonUtils.useOnSentimentProps","isFilled","useMemo","jsxs","Styled.OnSentimentButton","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":"~~wRAWMA~~,EAAoBC,EAAAA,WACxB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAAQ,CACjD,KAAM,CACJ,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,MAAAC,EACA,aAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,oBAAAC,EACA,GAAGC,CAAA,EACDC,EAAAA,oBAAgCd,CAAK,EACnCe,EAAWC,EAAAA,QAAQ,IAAMb,IAAY,SAAU,CAACA,CAAO,CAAC,EAE9D,OACEc,EAAAA,KAACC,EAAAA,kBAAA,CACC,aAAYZ,EACZ,YAAW,CAAC,CAACD,EACb,SAAAD,EACA,MAAOF,EACP,UAAWE,EACX,SAAUD,EACV,WAAYQ,EACZ,qBAAsBC,EACtB,UAAWH,EACX,MAAOD,EACP,cAAeD,EACf,KAAAR,EACA,UAAWoB,EAAWC,EAAAA,aAActB,CAAS,EAC7C,IAAAG,EACC,GAAGY,EAEJ,SAAA,CAAAI,OAACI,EAAAA,qBAAA,CACE,SAAA,CAAAb,EACA,CAACC,GAAYa,EAAAA,IAACC,EAAAA,YAAA,CAAoB,SAAAjB,CAAA,CAAM,CAAA,EAC3C,EACCD,GACCiB,EAAAA,IAACE,EAAA,CACC,KAAMd,EACN,cAAa,GACb,KAAK,YACL,UAAAC,EACA,oBAAAC,EACA,eAAgBG,CAAA,CAAA,CAClB,CAAA,CAAA,CAIR,CACF"}
1	+ {"version":3,"file":"OnSentimentButton.js","sources":["../../../../src/components/Button/OnSentimentButton.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\n\nimport * as Styled from './Button.styles';\nimport type { IOnSentimentButtonProps } from './Button.types';\nimport Loading from '../Loading/Loading';\n\nconst OnSentimentButton = forwardRef<HTMLButtonElement, IOnSentimentButtonProps>(\n ({ className, type = 'button', ...props }, ref) => {\n const {\n size,\n variant,\n disabled,\n loading,\n label,\n iconPosition,\n icon,\n iconOnly,\n loaderSize,\n sentiment,\n sentimentProminence,\n ...rest\n } = ButtonUtils.useOnSentimentProps(props);\n const isFilled = useMemo(() => variant === 'filled', [variant]);\n\n return (\n <Styled.OnSentimentButton\n aria-label={label}\n aria-busy={!!loading}\n disabled={disabled}\n $size={size}\n $disabled={disabled}\n $variant={variant}\n $sentiment={sentiment}\n $sentimentProminence={sentimentProminence}\n $iconOnly={iconOnly}\n $icon={icon}\n $iconPosition={iconPosition}\n type={type}\n className={classNames(BUTTON_CLASS, className)}\n ref={ref}\n {...rest}\n >\n <Styled.ButtonLabelContainer>\n {icon}\n {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\n </Styled.ButtonLabelContainer>\n {loading && (\n <Loading\n size={loaderSize}\n aria-hidden={true}\n type=\"sentiment\"\n sentiment={sentiment}\n sentimentProminence={sentimentProminence}\n withForeground={isFilled}\n />\n )}\n </Styled.OnSentimentButton>\n );\n },\n);\n\nexport default OnSentimentButton;\n"],"names":["OnSentimentButton","forwardRef","className","type","props","ref","size","variant","disabled","loading","label","iconPosition","icon","iconOnly","loaderSize","sentiment","sentimentProminence","rest","ButtonUtils.useOnSentimentProps","isFilled","useMemo","jsxs","Styled.OnSentimentButton","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":"wRAUMA,EAAoBC,EAAAA,WACxB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAAQ,CACjD,KAAM,CACJ,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,MAAAC,EACA,aAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,oBAAAC,EACA,GAAGC,CAAA,EACDC,EAAAA,oBAAgCd,CAAK,EACnCe,EAAWC,EAAAA,QAAQ,IAAMb,IAAY,SAAU,CAACA,CAAO,CAAC,EAE9D,OACEc,EAAAA,KAACC,EAAAA,kBAAA,CACC,aAAYZ,EACZ,YAAW,CAAC,CAACD,EACb,SAAAD,EACA,MAAOF,EACP,UAAWE,EACX,SAAUD,EACV,WAAYQ,EACZ,qBAAsBC,EACtB,UAAWH,EACX,MAAOD,EACP,cAAeD,EACf,KAAAR,EACA,UAAWoB,EAAWC,EAAAA,aAActB,CAAS,EAC7C,IAAAG,EACC,GAAGY,EAEJ,SAAA,CAAAI,OAACI,EAAAA,qBAAA,CACE,SAAA,CAAAb,EACA,CAACC,GAAYa,EAAAA,IAACC,EAAAA,YAAA,CAAoB,SAAAjB,CAAA,CAAM,CAAA,EAC3C,EACCD,GACCiB,EAAAA,IAACE,EAAA,CACC,KAAMd,EACN,cAAa,GACb,KAAK,YACL,UAAAC,EACA,oBAAAC,EACA,eAAgBG,CAAA,CAAA,CAClB,CAAA,CAAA,CAIR,CACF"}

package/build/cjs/components/ButtonGroup/ButtonGroup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),g=require("classnames"),b=require("../../react-base/src/consts/index.js"),m=require("../../react-base/src/components/ButtonGroup/ButtonGroup.utils.js"),p=require("./ButtonGroup.styles.js"),N=require("./components/RadioButton/RadioButton.js"),R=require("./components/CheckboxButton/CheckboxButton.js"),T=require("../../react-base/src/consts/classes.js"),f=({className:q,type:x="single",size:n=b.Sizes.Medium,variant:u=b.Variants.Filled,name:B="buttonGroup",buttonsFill:s=!1,selectedKey:c,iconPosition:$,iconOnly:G,onChange:i,items:t,groupDisabled:l,...j})=>{const a=m.convertDeprecateSelectionType(x);return o.jsx(p.ButtonGroup,{className:g(T.BUTTON_GROUP_CLASS,q),$variant:u,$size:n,$type:a,$groupDisabled:l,$buttonsFill:s,...j,children:t==null?void 0:t.map(({value:r,icon:S,tooltip:_,...e})=>{const d={value:r??e.label,disabled:l||e.disabled,buttonsFill:s,name:B,size:n,icon:S,iconOnly:G,iconPosition:$,tooltip:_,variant:u};return a==="single"?o.jsx(N,{selectedKey:c,onChange:i,...d,...e},`group-radio-${r??e.label}`):o.jsx(R,{selectedKey:c,onChange:i,...d,...e},`group-checkbox-${r??e.label}`)})})};module.exports=f;
+"use strict";const r=require("react/jsx-runtime"),_=require("classnames"),d=require("../../react-base/src/consts/index.js"),g=require("../../react-base/src/components/ButtonGroup/ButtonGroup.utils.js"),p=require("./ButtonGroup.styles.js"),N=require("./components/RadioButton/RadioButton.js"),R=require("./components/CheckboxButton/CheckboxButton.js"),T=require("../../react-base/src/consts/classes.js"),f=({className:b,type:q="single",size:s=d.Sizes.Medium,variant:o=d.Variants.Filled,name:x="buttonGroup",buttonsFill:n=!1,selectedKey:u,iconPosition:m,iconOnly:B,onChange:i,items:$,groupDisabled:c,...G})=>{const l=g.convertDeprecateSelectionType(q);return r.jsx(p.ButtonGroup,{className:_(T.BUTTON_GROUP_CLASS,b),$variant:o,$size:s,$type:l,$groupDisabled:c,$buttonsFill:n,...G,children:$?.map(({value:t,icon:j,tooltip:S,...e})=>{const a={value:t??e.label,disabled:c||e.disabled,buttonsFill:n,name:x,size:s,icon:j,iconOnly:B,iconPosition:m,tooltip:S,variant:o};return l==="single"?r.jsx(N,{selectedKey:u,onChange:i,...a,...e},`group-radio-${t??e.label}`):r.jsx(R,{selectedKey:u,onChange:i,...a,...e},`group-checkbox-${t??e.label}`)})})};module.exports=f;
 //# sourceMappingURL=ButtonGroup.js.map

package/build/cjs/components/ButtonGroup/ButtonGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, BUTTON_GROUP_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { type ButtonGroupTypes, ButtonGroupUtils } from 'acinguiux-ds-react-base/components/ButtonGroup';\n\nimport * as Styled from './ButtonGroup.styles';\nimport RadioButton from './components/RadioButton/RadioButton';\nimport CheckboxButton from './components/CheckboxButton/CheckboxButton';\n\nconst ButtonGroup = ({\n className,\n type = 'single',\n size = Sizes.Medium,\n variant = Variants.Filled,\n name = 'buttonGroup',\n buttonsFill = false,\n selectedKey,\n iconPosition,\n iconOnly,\n onChange,\n items,\n groupDisabled,\n ...rest\n}: ButtonGroupTypes.IButtonGroupProps): ReactElement => {\n const $type = ButtonGroupUtils.convertDeprecateSelectionType(type);\n\n return (\n <Styled.ButtonGroup\n className={classNames(BUTTON_GROUP_CLASS, className)}\n $variant={variant}\n $size={size}\n $type={$type}\n $groupDisabled={groupDisabled}\n $buttonsFill={buttonsFill}\n {...rest}\n >\n {items?.map(({ value, icon, tooltip, ...props }) => {\n const commonProps = {\n value: value ?? props.label,\n disabled: groupDisabled \|\| props.disabled,\n buttonsFill,\n name,\n size,\n icon,\n iconOnly,\n iconPosition,\n tooltip,\n variant,\n };\n\n if ($type === 'single') {\n return (\n <RadioButton\n selectedKey={selectedKey as ButtonGroupTypes.SingleSelectionButtonValue}\n onChange={onChange as ButtonGroupTypes.SingleSelectionOnChange}\n key={`group-radio-${value ?? props.label}`}\n {...commonProps}\n {...props}\n />\n );\n }\n\n return (\n <CheckboxButton\n selectedKey={selectedKey as ButtonGroupTypes.MultipleSelectionButtonValue}\n onChange={onChange as ButtonGroupTypes.MultipleSelectionButtonOnChange}\n key={`group-checkbox-${value ?? props.label}`}\n {...commonProps}\n {...props}\n />\n );\n })}\n </Styled.ButtonGroup>\n );\n};\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","className","type","size","Sizes","variant","Variants","name","buttonsFill","selectedKey","iconPosition","iconOnly","onChange","items","groupDisabled","rest","$type","ButtonGroupUtils.convertDeprecateSelectionType","jsx","Styled.ButtonGroup","classNames","BUTTON_GROUP_CLASS","value","icon","tooltip","props","commonProps","RadioButton","CheckboxButton"],"mappings":"mZAUMA,EAAc,CAAC,CACnB,UAAAC,EACA,KAAAC,EAAO,SACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EAAUC,EAAAA,SAAS,OACnB,KAAAC,EAAO,cACP,YAAAC,EAAc,GACd,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAAwD,CACtD,MAAMC,EAAQC,EAAAA,8BAA+Cf,CAAI,EAEjE,OACEgB,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWC,EAAWC,EAAAA,mBAAoBpB,CAAS,EACnD,SAAUI,EACV,MAAOF,EACP,MAAAa,EACA,eAAgBF,EAChB,aAAcN,EACb,GAAGO,EAEH,SAAAF,~~GAAA~~,~~YAAAA,EAAO,~~IAAI,CAAC,CAAE,MAAAS,EAAO,KAAAC,EAAM,QAAAC,EAAS,GAAGC,KAAY,CAClD,MAAMC,EAAc,CAClB,MAAOJ,GAASG,EAAM,MACtB,SAAUX,GAAiBW,EAAM,SACjC,YAAAjB,EACA,KAAAD,EACA,KAAAJ,EACA,KAAAoB,EACA,SAAAZ,EACA,aAAAD,EACA,QAAAc,EACA,QAAAnB,CAAA,EAGF,OAAIW,IAAU,SAEVE,EAAAA,IAACS,EAAA,CACC,YAAAlB,EACA,SAAAG,EAEC,GAAGc,EACH,GAAGD,CAAA,EAFC,eAAeH,GAASG,EAAM,KAAK,EAAA,EAQ5CP,EAAAA,IAACU,EAAA,CACC,YAAAnB,EACA,SAAAG,EAEC,GAAGc,EACH,GAAGD,CAAA,EAFC,kBAAkBH,GAASG,EAAM,KAAK,EAAA,CAKjD,~~EAAC~~,CAAA,CAGP"}
1	+ {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, BUTTON_GROUP_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { type ButtonGroupTypes, ButtonGroupUtils } from 'acinguiux-ds-react-base/components/ButtonGroup';\n\nimport * as Styled from './ButtonGroup.styles';\nimport RadioButton from './components/RadioButton/RadioButton';\nimport CheckboxButton from './components/CheckboxButton/CheckboxButton';\n\nconst ButtonGroup = ({\n className,\n type = 'single',\n size = Sizes.Medium,\n variant = Variants.Filled,\n name = 'buttonGroup',\n buttonsFill = false,\n selectedKey,\n iconPosition,\n iconOnly,\n onChange,\n items,\n groupDisabled,\n ...rest\n}: ButtonGroupTypes.IButtonGroupProps): ReactElement => {\n const $type = ButtonGroupUtils.convertDeprecateSelectionType(type);\n\n return (\n <Styled.ButtonGroup\n className={classNames(BUTTON_GROUP_CLASS, className)}\n $variant={variant}\n $size={size}\n $type={$type}\n $groupDisabled={groupDisabled}\n $buttonsFill={buttonsFill}\n {...rest}\n >\n {items?.map(({ value, icon, tooltip, ...props }) => {\n const commonProps = {\n value: value ?? props.label,\n disabled: groupDisabled \|\| props.disabled,\n buttonsFill,\n name,\n size,\n icon,\n iconOnly,\n iconPosition,\n tooltip,\n variant,\n };\n\n if ($type === 'single') {\n return (\n <RadioButton\n selectedKey={selectedKey as ButtonGroupTypes.SingleSelectionButtonValue}\n onChange={onChange as ButtonGroupTypes.SingleSelectionOnChange}\n key={`group-radio-${value ?? props.label}`}\n {...commonProps}\n {...props}\n />\n );\n }\n\n return (\n <CheckboxButton\n selectedKey={selectedKey as ButtonGroupTypes.MultipleSelectionButtonValue}\n onChange={onChange as ButtonGroupTypes.MultipleSelectionButtonOnChange}\n key={`group-checkbox-${value ?? props.label}`}\n {...commonProps}\n {...props}\n />\n );\n })}\n </Styled.ButtonGroup>\n );\n};\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","className","type","size","Sizes","variant","Variants","name","buttonsFill","selectedKey","iconPosition","iconOnly","onChange","items","groupDisabled","rest","$type","ButtonGroupUtils.convertDeprecateSelectionType","jsx","Styled.ButtonGroup","classNames","BUTTON_GROUP_CLASS","value","icon","tooltip","props","commonProps","RadioButton","CheckboxButton"],"mappings":"mZAUMA,EAAc,CAAC,CACnB,UAAAC,EACA,KAAAC,EAAO,SACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EAAUC,EAAAA,SAAS,OACnB,KAAAC,EAAO,cACP,YAAAC,EAAc,GACd,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAAwD,CACtD,MAAMC,EAAQC,EAAAA,8BAA+Cf,CAAI,EAEjE,OACEgB,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWC,EAAWC,EAAAA,mBAAoBpB,CAAS,EACnD,SAAUI,EACV,MAAOF,EACP,MAAAa,EACA,eAAgBF,EAChB,aAAcN,EACb,GAAGO,EAEH,SAAAF,GAAO,IAAI,CAAC,CAAE,MAAAS,EAAO,KAAAC,EAAM,QAAAC,EAAS,GAAGC,KAAY,CAClD,MAAMC,EAAc,CAClB,MAAOJ,GAASG,EAAM,MACtB,SAAUX,GAAiBW,EAAM,SACjC,YAAAjB,EACA,KAAAD,EACA,KAAAJ,EACA,KAAAoB,EACA,SAAAZ,EACA,aAAAD,EACA,QAAAc,EACA,QAAAnB,CAAA,EAGF,OAAIW,IAAU,SAEVE,EAAAA,IAACS,EAAA,CACC,YAAAlB,EACA,SAAAG,EAEC,GAAGc,EACH,GAAGD,CAAA,EAFC,eAAeH,GAASG,EAAM,KAAK,EAAA,EAQ5CP,EAAAA,IAACU,EAAA,CACC,YAAAnB,EACA,SAAAG,EAEC,GAAGc,EACH,GAAGD,CAAA,EAFC,kBAAkBH,GAASG,EAAM,KAAK,EAAA,CAKjD,CAAC,CAAA,CAAA,CAGP"}

package/build/cjs/components/ButtonGroup/components/CheckboxButton/CheckboxButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),i=require("react"),b=require("../../../../react-base/src/consts/index.js"),k=require("../../ButtonGroup.styles.js"),I=require("../../../Tooltip/Tooltip.js"),z=i.forwardRef(({size:l=`${b.Sizes.Medium}`,selectedKey:r,disabled:s=!1,onChange:o,value:n,label:e,icon:a,iconPosition:h=`${b.Positions.Left}`,iconOnly:x=!1,buttonsFill:m=!1,tooltip:f,variant:w,...q},j)=>{const p=i.useId(),u=i.useRef(null);i.useImperativeHandle(j,()=>u.current);const A=t=>{["Space","Enter"].includes(t.code)&&(u!=null&&u.current)&&u.current.click()},B=t=>{if(r&&r.length>0&&r.includes(t.target.value)){const v=Array.isArray(r)?r.filter(G=>G!==t.target.value):[];o==null||o(v,t);return}const d=[...Array.isArray(r)?[...r]:[],t.target.value];o==null||o(d,t)},$=c.jsxs(k.ButtonGroupLabel,{$size:l,htmlFor:`button-group-item-${p}`,onKeyDown:A,checked:n?r==null?void 0:r.includes(n):!1,disabled:s,"aria-label":`${n} button`,tabIndex:s?void 0:0,$icon:a,$iconPosition:h,$iconOnly:x,$variant:w,$type:"multiple",$buttonsFill:m,children:[a,!x&&e,c.jsx(k.ButtonGroupCheckbox,{type:"checkbox",id:`button-group-item-${p}`,value:n??"",checked:n?r==null?void 0:r.includes(n):!1,disabled:s,onChange:B,ref:u,...q})]});return f?c.jsx(I,{overlay:f,trigger:$}):$});module.exports=z;
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),p=require("../../../../react-base/src/consts/index.js"),x=require("../../ButtonGroup.styles.js"),R=require("../../../Tooltip/Tooltip.js"),v=o.forwardRef(({size:$=`${p.Sizes.Medium}`,selectedKey:n,disabled:u=!1,onChange:s,value:e,label:b,icon:c,iconPosition:d=`${p.Positions.Left}`,iconOnly:a=!1,buttonsFill:k=!1,tooltip:l,variant:g,...m},C)=>{const h=o.useId(),r=o.useRef(null);o.useImperativeHandle(C,()=>r.current);const w=t=>{["Space","Enter"].includes(t.code)&&r?.current&&r.current.click()},q=t=>{if(n&&n.length>0&&n.includes(t.target.value)){const A=Array.isArray(n)?n.filter(B=>B!==t.target.value):[];s?.(A,t);return}const j=[...Array.isArray(n)?[...n]:[],t.target.value];s?.(j,t)},f=i.jsxs(x.ButtonGroupLabel,{$size:$,htmlFor:`button-group-item-${h}`,onKeyDown:w,checked:e?n?.includes(e):!1,disabled:u,"aria-label":`${e} button`,tabIndex:u?void 0:0,$icon:c,$iconPosition:d,$iconOnly:a,$variant:g,$type:"multiple",$buttonsFill:k,children:[c,!a&&b,i.jsx(x.ButtonGroupCheckbox,{type:"checkbox",id:`button-group-item-${h}`,value:e??"",checked:e?n?.includes(e):!1,disabled:u,onChange:q,ref:r,...m})]});return l?i.jsx(R,{overlay:l,trigger:f}):f});module.exports=v;
 //# sourceMappingURL=CheckboxButton.js.map

package/build/cjs/components/ButtonGroup/components/CheckboxButton/CheckboxButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxButton.js","sources":["../../../../../../src/components/ButtonGroup/components/CheckboxButton/CheckboxButton.tsx"],"sourcesContent":["import {\n type ChangeEventHandler,\n type KeyboardEventHandler,\n type ReactNode,\n useImperativeHandle,\n forwardRef,\n useRef,\n useId,\n} from 'react';\n\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from '../../ButtonGroup.styles';\nimport type { ICheckboxButtonGroupButtonProps } from './CheckboxButton.types';\nimport Tooltip from '../../../Tooltip/Tooltip';\n\ntype InputRefType = HTMLInputElement \| null;\n\nconst CheckboxButton: (props: ICheckboxButtonGroupButtonProps) => ReactNode = forwardRef<\n HTMLInputElement,\n ICheckboxButtonGroupButtonProps\n>(\n (\n {\n size = `${Sizes.Medium}`,\n selectedKey,\n disabled = false,\n onChange,\n value,\n label,\n icon,\n iconPosition = `${Positions.Left}`,\n iconOnly = false,\n buttonsFill = false,\n tooltip,\n variant,\n ...rest\n },\n ref,\n ) => {\n const id = useId();\n const inputRef = useRef<InputRefType>(null);\n\n useImperativeHandle<InputRefType, InputRefType>(ref, () => inputRef.current);\n\n const handleOnKeyDown: KeyboardEventHandler = (e) => {\n if (['Space', 'Enter'].includes(e.code) && inputRef?.current) {\n inputRef.current.click();\n }\n };\n\n const handleOnChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n if (selectedKey && selectedKey.length > 0 && selectedKey.includes(e.target.value)) {\n const newCheckedCheckboxes: string[] = Array.isArray(selectedKey)\n ? selectedKey.filter((checkbox) => checkbox !== e.target.value)\n : [];\n onChange?.(newCheckedCheckboxes, e);\n\n return;\n }\n\n const newValue = Array.isArray(selectedKey) ? [...selectedKey] : [];\n\n const updatedCheckedCheckboxes = [...newValue, e.target.value];\n onChange?.(updatedCheckedCheckboxes, e);\n };\n\n const checkboxComponent = (\n <Styled.ButtonGroupLabel\n $size={size}\n htmlFor={`button-group-item-${id}`}\n onKeyDown={handleOnKeyDown}\n checked={value ? selectedKey?.includes(value) : false}\n disabled={disabled}\n aria-label={`${value} button`}\n tabIndex={disabled ? undefined : 0}\n $icon={icon}\n $iconPosition={iconPosition}\n $iconOnly={iconOnly}\n $variant={variant}\n $type=\"multiple\"\n $buttonsFill={buttonsFill}\n >\n {icon}\n {!iconOnly && label}\n <Styled.ButtonGroupCheckbox\n type=\"checkbox\"\n id={`button-group-item-${id}`}\n value={value ?? ''}\n checked={value ? selectedKey?.includes(value) : false}\n disabled={disabled}\n onChange={handleOnChange}\n ref={inputRef}\n {...rest}\n />\n </Styled.ButtonGroupLabel>\n );\n\n return tooltip ? <Tooltip overlay={tooltip} trigger={checkboxComponent} /> : checkboxComponent;\n },\n);\n\nexport default CheckboxButton;\n"],"names":["CheckboxButton","forwardRef","size","Sizes","selectedKey","disabled","onChange","value","label","icon","iconPosition","Positions","iconOnly","buttonsFill","tooltip","variant","rest","ref","id","useId","inputRef","useRef","useImperativeHandle","handleOnKeyDown","e","handleOnChange","newCheckedCheckboxes","checkbox","updatedCheckedCheckboxes","checkboxComponent","jsxs","Styled.ButtonGroupLabel","jsx","Styled.ButtonGroupCheckbox","Tooltip"],"mappings":"+MAkBMA,EAAwEC,EAAAA,WAI5E,CACE,CACE,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,YAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GAAGC,YAAU,IAAI,GAChC,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,QAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAKC,EAAAA,MAAA,EACLC,EAAWC,EAAAA,OAAqB,IAAI,EAE1CC,EAAAA,oBAAgDL,EAAK,IAAMG,EAAS,OAAO,EAE3E,MAAMG,EAAyCC,GAAM,CAC/C,CAAC,QAAS,OAAO,EAAE,SAASA,EAAE,IAAI,~~IAAKJ~~,~~GAAA~~,~~MAAAA~~,~~EAAU,UACnDA,~~EAAS,QAAQ,MAAA,CAErB,EAEMK,EAAwDD,GAAM,CAClE,GAAIpB,GAAeA,EAAY,OAAS,GAAKA,EAAY,SAASoB,EAAE,OAAO,KAAK,EAAG,CACjF,MAAME,EAAiC,MAAM,QAAQtB,CAAW,EAC5DA,EAAY,OAAQuB,GAAaA,IAAaH,EAAE,OAAO,KAAK,EAC5D,CAAA,EACJlB,~~GAAA~~,~~MAAAA~~,~~EAAWoB~~,~~EAAsBF~~,~~GAEjC,~~MACF,CAIA,MAAMI,EAA2B,CAAC,GAFjB,MAAM,QAAQxB,CAAW,EAAI,CAAC,GAAGA,CAAW,EAAI,CAAA,EAElBoB,EAAE,OAAO,KAAK,EAC7DlB,~~GAAA~~,~~MAAAA~~,~~EAAWsB~~,~~EAA0BJ~~,~~EACvC,~~EAEMK,EACJC,EAAAA,KAACC,EAAAA,iBAAA,CACC,MAAO7B,EACP,QAAS,qBAAqBgB,CAAE,GAChC,UAAWK,EACX,QAAShB,EAAQH,~~GAAA~~,~~YAAAA~~,~~EAAa~~,~~SAASG~~,~~GAAS,~~GAChD,SAAAF,EACA,aAAY,GAAGE,CAAK,UACpB,SAAUF,EAAW,OAAY,EACjC,MAAOI,EACP,cAAeC,EACf,UAAWE,EACX,SAAUG,EACV,MAAM,WACN,aAAcF,EAEb,SAAA,CAAAJ,EACA,CAACG,GAAYJ,EACdwB,EAAAA,IAACC,EAAAA,oBAAA,CACC,KAAK,WACL,GAAI,qBAAqBf,CAAE,GAC3B,MAAOX,GAAS,GAChB,QAASA,EAAQH,~~GAAA~~,~~YAAAA~~,~~EAAa~~,~~SAASG~~,~~GAAS,~~GAChD,SAAAF,EACA,SAAUoB,EACV,IAAKL,EACJ,GAAGJ,CAAA,CAAA,CACN,CAAA,CAAA,EAIJ,OAAOF,EAAUkB,MAACE,EAAA,CAAQ,QAASpB,EAAS,QAASe,EAAmB,EAAKA,CAC/E,CACF"}
1	+ {"version":3,"file":"CheckboxButton.js","sources":["../../../../../../src/components/ButtonGroup/components/CheckboxButton/CheckboxButton.tsx"],"sourcesContent":["import {\n type ChangeEventHandler,\n type KeyboardEventHandler,\n type ReactNode,\n useImperativeHandle,\n forwardRef,\n useRef,\n useId,\n} from 'react';\n\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from '../../ButtonGroup.styles';\nimport type { ICheckboxButtonGroupButtonProps } from './CheckboxButton.types';\nimport Tooltip from '../../../Tooltip/Tooltip';\n\ntype InputRefType = HTMLInputElement \| null;\n\nconst CheckboxButton: (props: ICheckboxButtonGroupButtonProps) => ReactNode = forwardRef<\n HTMLInputElement,\n ICheckboxButtonGroupButtonProps\n>(\n (\n {\n size = `${Sizes.Medium}`,\n selectedKey,\n disabled = false,\n onChange,\n value,\n label,\n icon,\n iconPosition = `${Positions.Left}`,\n iconOnly = false,\n buttonsFill = false,\n tooltip,\n variant,\n ...rest\n },\n ref,\n ) => {\n const id = useId();\n const inputRef = useRef<InputRefType>(null);\n\n useImperativeHandle<InputRefType, InputRefType>(ref, () => inputRef.current);\n\n const handleOnKeyDown: KeyboardEventHandler = (e) => {\n if (['Space', 'Enter'].includes(e.code) && inputRef?.current) {\n inputRef.current.click();\n }\n };\n\n const handleOnChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n if (selectedKey && selectedKey.length > 0 && selectedKey.includes(e.target.value)) {\n const newCheckedCheckboxes: string[] = Array.isArray(selectedKey)\n ? selectedKey.filter((checkbox) => checkbox !== e.target.value)\n : [];\n onChange?.(newCheckedCheckboxes, e);\n\n return;\n }\n\n const newValue = Array.isArray(selectedKey) ? [...selectedKey] : [];\n\n const updatedCheckedCheckboxes = [...newValue, e.target.value];\n onChange?.(updatedCheckedCheckboxes, e);\n };\n\n const checkboxComponent = (\n <Styled.ButtonGroupLabel\n $size={size}\n htmlFor={`button-group-item-${id}`}\n onKeyDown={handleOnKeyDown}\n checked={value ? selectedKey?.includes(value) : false}\n disabled={disabled}\n aria-label={`${value} button`}\n tabIndex={disabled ? undefined : 0}\n $icon={icon}\n $iconPosition={iconPosition}\n $iconOnly={iconOnly}\n $variant={variant}\n $type=\"multiple\"\n $buttonsFill={buttonsFill}\n >\n {icon}\n {!iconOnly && label}\n <Styled.ButtonGroupCheckbox\n type=\"checkbox\"\n id={`button-group-item-${id}`}\n value={value ?? ''}\n checked={value ? selectedKey?.includes(value) : false}\n disabled={disabled}\n onChange={handleOnChange}\n ref={inputRef}\n {...rest}\n />\n </Styled.ButtonGroupLabel>\n );\n\n return tooltip ? <Tooltip overlay={tooltip} trigger={checkboxComponent} /> : checkboxComponent;\n },\n);\n\nexport default CheckboxButton;\n"],"names":["CheckboxButton","forwardRef","size","Sizes","selectedKey","disabled","onChange","value","label","icon","iconPosition","Positions","iconOnly","buttonsFill","tooltip","variant","rest","ref","id","useId","inputRef","useRef","useImperativeHandle","handleOnKeyDown","e","handleOnChange","newCheckedCheckboxes","checkbox","updatedCheckedCheckboxes","checkboxComponent","jsxs","Styled.ButtonGroupLabel","jsx","Styled.ButtonGroupCheckbox","Tooltip"],"mappings":"+MAkBMA,EAAwEC,EAAAA,WAI5E,CACE,CACE,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,YAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GAAGC,YAAU,IAAI,GAChC,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,QAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAKC,EAAAA,MAAA,EACLC,EAAWC,EAAAA,OAAqB,IAAI,EAE1CC,EAAAA,oBAAgDL,EAAK,IAAMG,EAAS,OAAO,EAE3E,MAAMG,EAAyCC,GAAM,CAC/C,CAAC,QAAS,OAAO,EAAE,SAASA,EAAE,IAAI,GAAKJ,GAAU,SACnDA,EAAS,QAAQ,MAAA,CAErB,EAEMK,EAAwDD,GAAM,CAClE,GAAIpB,GAAeA,EAAY,OAAS,GAAKA,EAAY,SAASoB,EAAE,OAAO,KAAK,EAAG,CACjF,MAAME,EAAiC,MAAM,QAAQtB,CAAW,EAC5DA,EAAY,OAAQuB,GAAaA,IAAaH,EAAE,OAAO,KAAK,EAC5D,CAAA,EACJlB,IAAWoB,EAAsBF,CAAC,EAElC,MACF,CAIA,MAAMI,EAA2B,CAAC,GAFjB,MAAM,QAAQxB,CAAW,EAAI,CAAC,GAAGA,CAAW,EAAI,CAAA,EAElBoB,EAAE,OAAO,KAAK,EAC7DlB,IAAWsB,EAA0BJ,CAAC,CACxC,EAEMK,EACJC,EAAAA,KAACC,EAAAA,iBAAA,CACC,MAAO7B,EACP,QAAS,qBAAqBgB,CAAE,GAChC,UAAWK,EACX,QAAShB,EAAQH,GAAa,SAASG,CAAK,EAAI,GAChD,SAAAF,EACA,aAAY,GAAGE,CAAK,UACpB,SAAUF,EAAW,OAAY,EACjC,MAAOI,EACP,cAAeC,EACf,UAAWE,EACX,SAAUG,EACV,MAAM,WACN,aAAcF,EAEb,SAAA,CAAAJ,EACA,CAACG,GAAYJ,EACdwB,EAAAA,IAACC,EAAAA,oBAAA,CACC,KAAK,WACL,GAAI,qBAAqBf,CAAE,GAC3B,MAAOX,GAAS,GAChB,QAASA,EAAQH,GAAa,SAASG,CAAK,EAAI,GAChD,SAAAF,EACA,SAAUoB,EACV,IAAKL,EACJ,GAAGJ,CAAA,CAAA,CACN,CAAA,CAAA,EAIJ,OAAOF,EAAUkB,MAACE,EAAA,CAAQ,QAASpB,EAAS,QAASe,EAAmB,EAAKA,CAC/E,CACF"}

package/build/cjs/components/ButtonGroup/components/RadioButton/RadioButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("react"),p=require("../../../../react-base/src/consts/index.js"),f=require("../../ButtonGroup.styles.js"),R=require("../../../Tooltip/Tooltip.js"),k=n.forwardRef(({size:m=`${p.Sizes.Medium}`,selectedKey:u,disabled:r=!1,onChange:i,value:e,label:x,icon:c,iconPosition:b=`${p.Positions.Left}`,iconOnly:a=!1,buttonsFill:q=!1,tooltip:d,variant:y,...B},g)=>{const l=n.useId(),t=n.useRef(null);n.useImperativeHandle(g,()=>t.current);const h=o=>{["Space","Enter"].includes(o.code)&&(t!=null&&t.current)&&t.current.click()},j=o=>{i==null||i(o.target.value,o)},$=s.jsxs(f.ButtonGroupLabel,{$size:m,htmlFor:`button-group-item-${l}`,onKeyDown:h,checked:u===e,disabled:r,"aria-label":`Option ${e} button`,tabIndex:r?void 0:0,$icon:c,$iconOnly:a,$iconPosition:b,$variant:y,$type:"single",$buttonsFill:q,children:[c,!a&&x,s.jsx(f.ButtonGroupRadio,{type:"radio",id:`button-group-item-${l}`,value:e,checked:u===e,disabled:r,onChange:j,ref:t,...B})]});return d?s.jsx(R,{overlay:d,trigger:$}):$});module.exports=k;
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),p=require("../../../../react-base/src/consts/index.js"),$=require("../../ButtonGroup.styles.js"),j=require("../../../Tooltip/Tooltip.js"),k=o.forwardRef(({size:f=`${p.Sizes.Medium}`,selectedKey:s,disabled:r=!1,onChange:g,value:e,label:h,icon:u,iconPosition:m=`${p.Positions.Left}`,iconOnly:c=!1,buttonsFill:x=!1,tooltip:a,variant:R,...b},q)=>{const d=o.useId(),t=o.useRef(null);o.useImperativeHandle(q,()=>t.current);const y=n=>{["Space","Enter"].includes(n.code)&&t?.current&&t.current.click()},B=n=>{g?.(n.target.value,n)},l=i.jsxs($.ButtonGroupLabel,{$size:f,htmlFor:`button-group-item-${d}`,onKeyDown:y,checked:s===e,disabled:r,"aria-label":`Option ${e} button`,tabIndex:r?void 0:0,$icon:u,$iconOnly:c,$iconPosition:m,$variant:R,$type:"single",$buttonsFill:x,children:[u,!c&&h,i.jsx($.ButtonGroupRadio,{type:"radio",id:`button-group-item-${d}`,value:e,checked:s===e,disabled:r,onChange:B,ref:t,...b})]});return a?i.jsx(j,{overlay:a,trigger:l}):l});module.exports=k;
 //# sourceMappingURL=RadioButton.js.map

package/build/cjs/components/ButtonGroup/components/RadioButton/RadioButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.js","sources":["../../../../../../src/components/ButtonGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import {\n ChangeEventHandler,\n KeyboardEventHandler,\n forwardRef,\n useImperativeHandle,\n useRef,\n ReactNode,\n useId,\n} from 'react';\n\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from '../../ButtonGroup.styles';\nimport type { IRadioButtonGroupButtonProps } from './RadioButton.types';\nimport Tooltip from '../../../Tooltip/Tooltip';\n\ntype InputRefType = HTMLInputElement \| null;\n\nconst RadioButton: (props: IRadioButtonGroupButtonProps) => ReactNode = forwardRef<\n HTMLInputElement,\n IRadioButtonGroupButtonProps\n>(\n (\n {\n size = `${Sizes.Medium}`,\n selectedKey,\n disabled = false,\n onChange,\n value,\n label,\n icon,\n iconPosition = `${Positions.Left}`,\n iconOnly = false,\n buttonsFill = false,\n tooltip,\n variant,\n ...rest\n },\n ref,\n ) => {\n const id = useId();\n\n const inputRef = useRef<InputRefType>(null);\n useImperativeHandle<InputRefType, InputRefType>(ref, () => inputRef.current);\n\n const handleOnKeyDown: KeyboardEventHandler = (e) => {\n if (['Space', 'Enter'].includes(e.code) && inputRef?.current) {\n inputRef.current.click();\n }\n };\n\n const handleOnChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n onChange?.(e.target.value, e);\n };\n\n const radioButtonComponent = (\n <Styled.ButtonGroupLabel\n $size={size}\n htmlFor={`button-group-item-${id}`}\n onKeyDown={handleOnKeyDown}\n checked={selectedKey === value}\n disabled={disabled}\n aria-label={`Option ${value} button`}\n tabIndex={disabled ? undefined : 0}\n $icon={icon}\n $iconOnly={iconOnly}\n $iconPosition={iconPosition}\n $variant={variant}\n $type=\"single\"\n $buttonsFill={buttonsFill}\n >\n {icon}\n {!iconOnly && label}\n <Styled.ButtonGroupRadio\n type=\"radio\"\n id={`button-group-item-${id}`}\n value={value}\n checked={selectedKey === value}\n disabled={disabled}\n onChange={handleOnChange}\n ref={inputRef}\n {...rest}\n />\n </Styled.ButtonGroupLabel>\n );\n\n return tooltip ? <Tooltip overlay={tooltip} trigger={radioButtonComponent} /> : radioButtonComponent;\n },\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","size","Sizes","selectedKey","disabled","onChange","value","label","icon","iconPosition","Positions","iconOnly","buttonsFill","tooltip","variant","rest","ref","id","useId","inputRef","useRef","useImperativeHandle","handleOnKeyDown","e","handleOnChange","radioButtonComponent","jsxs","Styled.ButtonGroupLabel","jsx","Styled.ButtonGroupRadio","Tooltip"],"mappings":"+MAkBMA,EAAkEC,EAAAA,WAItE,CACE,CACE,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,YAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GAAGC,YAAU,IAAI,GAChC,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,QAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAKC,EAAAA,MAAA,EAELC,EAAWC,EAAAA,OAAqB,IAAI,EAC1CC,EAAAA,oBAAgDL,EAAK,IAAMG,EAAS,OAAO,EAE3E,MAAMG,EAAyCC,GAAM,CAC/C,CAAC,QAAS,OAAO,EAAE,SAASA,EAAE,IAAI,~~IAAKJ~~,~~GAAA~~,~~MAAAA~~,~~EAAU,UACnDA,~~EAAS,QAAQ,MAAA,CAErB,EAEMK,EAAwDD,GAAM,CAClElB,~~GAAA~~,~~MAAAA,EAAWkB,~~EAAE,OAAO,MAAOA,~~EAC7B~~,EAEME,EACJC,EAAAA,KAACC,EAAAA,iBAAA,CACC,MAAO1B,EACP,QAAS,qBAAqBgB,CAAE,GAChC,UAAWK,EACX,QAASnB,IAAgBG,EACzB,SAAAF,EACA,aAAY,UAAUE,CAAK,UAC3B,SAAUF,EAAW,OAAY,EACjC,MAAOI,EACP,UAAWG,EACX,cAAeF,EACf,SAAUK,EACV,MAAM,SACN,aAAcF,EAEb,SAAA,CAAAJ,EACA,CAACG,GAAYJ,EACdqB,EAAAA,IAACC,EAAAA,iBAAA,CACC,KAAK,QACL,GAAI,qBAAqBZ,CAAE,GAC3B,MAAAX,EACA,QAASH,IAAgBG,EACzB,SAAAF,EACA,SAAUoB,EACV,IAAKL,EACJ,GAAGJ,CAAA,CAAA,CACN,CAAA,CAAA,EAIJ,OAAOF,EAAUe,MAACE,EAAA,CAAQ,QAASjB,EAAS,QAASY,EAAsB,EAAKA,CAClF,CACF"}
1	+ {"version":3,"file":"RadioButton.js","sources":["../../../../../../src/components/ButtonGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import {\n ChangeEventHandler,\n KeyboardEventHandler,\n forwardRef,\n useImperativeHandle,\n useRef,\n ReactNode,\n useId,\n} from 'react';\n\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from '../../ButtonGroup.styles';\nimport type { IRadioButtonGroupButtonProps } from './RadioButton.types';\nimport Tooltip from '../../../Tooltip/Tooltip';\n\ntype InputRefType = HTMLInputElement \| null;\n\nconst RadioButton: (props: IRadioButtonGroupButtonProps) => ReactNode = forwardRef<\n HTMLInputElement,\n IRadioButtonGroupButtonProps\n>(\n (\n {\n size = `${Sizes.Medium}`,\n selectedKey,\n disabled = false,\n onChange,\n value,\n label,\n icon,\n iconPosition = `${Positions.Left}`,\n iconOnly = false,\n buttonsFill = false,\n tooltip,\n variant,\n ...rest\n },\n ref,\n ) => {\n const id = useId();\n\n const inputRef = useRef<InputRefType>(null);\n useImperativeHandle<InputRefType, InputRefType>(ref, () => inputRef.current);\n\n const handleOnKeyDown: KeyboardEventHandler = (e) => {\n if (['Space', 'Enter'].includes(e.code) && inputRef?.current) {\n inputRef.current.click();\n }\n };\n\n const handleOnChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n onChange?.(e.target.value, e);\n };\n\n const radioButtonComponent = (\n <Styled.ButtonGroupLabel\n $size={size}\n htmlFor={`button-group-item-${id}`}\n onKeyDown={handleOnKeyDown}\n checked={selectedKey === value}\n disabled={disabled}\n aria-label={`Option ${value} button`}\n tabIndex={disabled ? undefined : 0}\n $icon={icon}\n $iconOnly={iconOnly}\n $iconPosition={iconPosition}\n $variant={variant}\n $type=\"single\"\n $buttonsFill={buttonsFill}\n >\n {icon}\n {!iconOnly && label}\n <Styled.ButtonGroupRadio\n type=\"radio\"\n id={`button-group-item-${id}`}\n value={value}\n checked={selectedKey === value}\n disabled={disabled}\n onChange={handleOnChange}\n ref={inputRef}\n {...rest}\n />\n </Styled.ButtonGroupLabel>\n );\n\n return tooltip ? <Tooltip overlay={tooltip} trigger={radioButtonComponent} /> : radioButtonComponent;\n },\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","size","Sizes","selectedKey","disabled","onChange","value","label","icon","iconPosition","Positions","iconOnly","buttonsFill","tooltip","variant","rest","ref","id","useId","inputRef","useRef","useImperativeHandle","handleOnKeyDown","e","handleOnChange","radioButtonComponent","jsxs","Styled.ButtonGroupLabel","jsx","Styled.ButtonGroupRadio","Tooltip"],"mappings":"+MAkBMA,EAAkEC,EAAAA,WAItE,CACE,CACE,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,YAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GAAGC,YAAU,IAAI,GAChC,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,QAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAKC,EAAAA,MAAA,EAELC,EAAWC,EAAAA,OAAqB,IAAI,EAC1CC,EAAAA,oBAAgDL,EAAK,IAAMG,EAAS,OAAO,EAE3E,MAAMG,EAAyCC,GAAM,CAC/C,CAAC,QAAS,OAAO,EAAE,SAASA,EAAE,IAAI,GAAKJ,GAAU,SACnDA,EAAS,QAAQ,MAAA,CAErB,EAEMK,EAAwDD,GAAM,CAClElB,IAAWkB,EAAE,OAAO,MAAOA,CAAC,CAC9B,EAEME,EACJC,EAAAA,KAACC,EAAAA,iBAAA,CACC,MAAO1B,EACP,QAAS,qBAAqBgB,CAAE,GAChC,UAAWK,EACX,QAASnB,IAAgBG,EACzB,SAAAF,EACA,aAAY,UAAUE,CAAK,UAC3B,SAAUF,EAAW,OAAY,EACjC,MAAOI,EACP,UAAWG,EACX,cAAeF,EACf,SAAUK,EACV,MAAM,SACN,aAAcF,EAEb,SAAA,CAAAJ,EACA,CAACG,GAAYJ,EACdqB,EAAAA,IAACC,EAAAA,iBAAA,CACC,KAAK,QACL,GAAI,qBAAqBZ,CAAE,GAC3B,MAAAX,EACA,QAASH,IAAgBG,EACzB,SAAAF,EACA,SAAUoB,EACV,IAAKL,EACJ,GAAGJ,CAAA,CAAA,CACN,CAAA,CAAA,EAIJ,OAAOF,EAAUe,MAACE,EAAA,CAAQ,QAASjB,EAAS,QAASY,EAAsB,EAAKA,CAClF,CACF"}