npm - @razorpay/blade - Versions diffs - 12.49.3 → 12.49.5 - Mend

@razorpay/blade 12.49.3 → 12.49.5

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

package/build/lib/native/components/Card/CardHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardHeader.js","sources":["../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport React, { useContext } from 'react';\nimport { useVerifyInsideCard, CardContext } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n useVerifyInsideCard('CardHeaderIcon');\n\n return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderCounter');\n\n return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderBadge');\n\n return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderAmount');\n\n return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n useVerifyInsideCard('CardHeaderText');\n\n return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderLink');\n\n return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n ButtonProps,\n 'variant' \| 'size' \| 'iconPosition' \| 'isFullWidth' \| 'children'\n> & {\n icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderIconButton');\n\n return (\n <BaseBox width={makeSpace(minHeight.xsmall)}>\n <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n </BaseBox>\n );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n children?: React.ReactNode;\n /\n For spacing between divider and header title\n /\n paddingBottom?: CardSpacingValueType;\n /\n For spacing between body content and divider\n /\n marginBottom?: CardSpacingValueType;\n /\n @default true\n /\n showDivider?: boolean;\n} & TestID &\n DataAnalyticsAttribute;\n\nconst _CardHeader = ({\n children,\n testID,\n marginBottom = 'spacing.4',\n paddingBottom = 'spacing.4',\n showDivider = true,\n ...rest\n}: CardHeaderProps): React.ReactElement => {\n useVerifyInsideCard('CardHeader');\n useVerifyAllowedChildren({\n children,\n componentName: 'CardHeader',\n allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n });\n\n return (\n <BaseBox\n marginBottom={marginBottom}\n {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n {...makeAnalyticsAttribute(rest)}\n >\n <BaseBox\n paddingBottom={paddingBottom}\n display=\"flex\"\n flexDirection=\"row\"\n justifyContent=\"space-between\"\n >\n {children}\n </BaseBox>\n {showDivider ? <Divider /> : null}\n </BaseBox>\n );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\nconst CardHeaderSuffixComponents = [ComponentIds.CardHeaderCounter, ComponentIds.CardHeaderLink];\ntype CardHeaderLeadingProps = {\n title: string;\n subtitle?: string;\n /\n prefix element of Card\n \n Accepts: `CardHeaderIcon` component\n /\n prefix?: React.ReactNode;\n /\n suffix element of Card\n \n it add marginLeft to `CardHeaderCounter`,`CardHeaderLink` components by default.\n /\n suffix?: React.ReactNode;\n} & DataAnalyticsAttribute;\nconst _CardHeaderLeading = ({\n title,\n subtitle,\n prefix,\n suffix,\n ...rest\n}: CardHeaderLeadingProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderLeading');\n const { size } = useContext(CardContext);\n\n if (__DEV__) {\n if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n throwBladeError({\n message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n moduleName: 'CardHeaderLeading',\n });\n }\n }\n\n const isSuffixACardComponent = CardHeaderSuffixComponents.includes(getComponentId(suffix)!);\n\n return (\n <BaseBox\n {...makeAnalyticsAttribute(rest)}\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"spacing.4\"\n >\n <BaseBox flex={1} display=\"flex\" flexDirection=\"row\">\n {prefix && (\n <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n {prefix}\n </BaseBox>\n )}\n\n <BaseBox marginRight=\"spacing.5\">\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n <Text color=\"surface.text.gray.normal\" size={size} weight=\"semibold\">\n {title}\n </Text>\n {/ if we are using CardHeaderSuffixComponents we still need marginLeft for spacing ,\n but if it's not a CardHeaderSuffixComponents we don't need marginLeft for example in case of tooltip /}\n {suffix && isSuffixACardComponent ? (\n <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n ) : (\n suffix\n )}\n </BaseBox>\n {subtitle && (\n <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n {subtitle}\n </Text>\n )}\n </BaseBox>\n </BaseBox>\n </BaseBox>\n );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n /\n Renders a visual ornament in card header trailing section\n \n /\n visual?: React.ReactNode;\n};\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderTrailing');\n\n return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n CardHeader,\n CardHeaderLeading,\n CardHeaderTrailing,\n CardHeaderBadge,\n CardHeaderIcon,\n CardHeaderCounter,\n CardHeaderText,\n CardHeaderLink,\n CardHeaderAmount,\n CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","Object","assign","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","makeAnalyticsAttribute","display","flexDirection","justifyContent","Divider","CardHeaderSuffixComponents","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","_excluded2","_useContext","useContext","CardContext","__DEV__","isValidAllowedChildren","throwBladeError","message","moduleName","isSuffixACardComponent","includes","getComponentId","gap","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","_CardHeaderTrailing","_ref4","visual"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,QAAA,CAAA,cAAA,CAAA,eAAA,CAAA,aAAA,CAAA,CAAA,UAAA,CAAA,CAAA,OAAA,CAAA,UAAA,CAAA,QAAA,CAAA,QAAA,CAAA,CA6BA,IAAMA,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAAoE,CAAA,IAAxDC,IAAI,CAAAD,IAAA,CAAVE,IAAI,CAC7BC,mBAAmB,CAAC,gBAAgB,CAAC,CAErC,OAAOC,GAAA,CAACH,IAAI,CAACI,CAAAA,KAAK,CAAC,0BAA0B,CAACC,IAAI,CAAC,OAAO,CAAE,CAAC,CAC/D,CAAC,CACK,IAAAC,cAAc,CAAGC,wBAAwB,CAACT,eAAe,CAAE,CAC/DU,WAAW,CAAEC,YAAY,CAACH,cAC5B,CAAC,EAED,IAAMI,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAIC,KAAmB,CAAyB,CACtET,mBAAmB,CAAC,mBAAmB,CAAC,CAExC,OAAOC,GAAA,CAACS,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKH,KAAK,CAAG,CAAC,CAC/B,CAAC,CACK,IAAAI,iBAAiB,CAAGR,wBAAwB,CAACG,kBAAkB,CAAE,CACrEF,WAAW,CAAEC,YAAY,CAACM,iBAC5B,CAAC,EAED,IAAMC,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAIL,KAAiB,CAAyB,CAClET,mBAAmB,CAAC,iBAAiB,CAAC,CAEtC,OAAOC,GAAA,CAACc,KAAK,CAAAJ,MAAA,CAAAC,MAAA,CAAKH,EAAAA,CAAAA,KAAK,CAAG,CAAC,CAC7B,CAAC,CACK,IAAAO,eAAe,CAAGX,wBAAwB,CAACS,gBAAgB,CAAE,CACjER,WAAW,CAAEC,YAAY,CAACS,eAC5B,CAAC,EAED,IAAMC,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAIR,KAAkB,CAAyB,CACpET,mBAAmB,CAAC,kBAAkB,CAAC,CAEvC,OAAOC,GAAA,CAACiB,MAAM,CAAAP,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKH,KAAK,CAAG,CAAC,CAC9B,CAAC,CAEK,IAAAU,gBAAgB,CAAGd,wBAAwB,CAACY,iBAAiB,CAAE,CACnEX,WAAW,CAAEC,YAAY,CAACY,gBAC5B,CAAC,EAED,IAAMC,eAAe,CAAG,SAAlBA,eAAeA,CAAIX,KAA0C,CAAyB,CAC1FT,mBAAmB,CAAC,gBAAgB,CAAC,CAErC,OAAOC,GAAA,CAACoB,IAAI,CAAAV,MAAA,CAAAC,MAAA,CAACU,CAAAA,SAAS,CAAC,MAAM,CAAKb,CAAAA,KAAK,CAAG,CAAC,CAC7C,CAAC,CACK,IAAAc,cAAc,CAAGlB,wBAAwB,CAACe,eAAe,CAAE,CAC/Dd,WAAW,CAAEC,YAAY,CAACgB,cAC5B,CAAC,EAED,IAAMC,eAAe,CAAG,SAAlBA,eAAeA,CAAIf,KAAgB,CAAyB,CAChET,mBAAmB,CAAC,gBAAgB,CAAC,CAErC,OAAOC,GAAA,CAACwB,IAAI,CAAAd,MAAA,CAAAC,MAAA,IAAKH,KAAK,CAAG,CAAC,CAC5B,CAAC,CACK,IAAAiB,cAAc,CAAGrB,wBAAwB,CAACmB,eAAe,CAAE,CAC/DlB,WAAW,CAAEC,YAAY,CAACmB,cAC5B,CAAC,EASD,IAAMC,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIlB,KAAgC,CAAyB,CACtFT,mBAAmB,CAAC,sBAAsB,CAAC,CAE3C,OACEC,GAAA,CAAC2B,OAAO,CAACC,CAAAA,KAAK,CAAEC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAE,CAAAC,QAAA,CAC1ChC,GAAA,CAACiC,MAAM,CAAAvB,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKH,KAAK,CAAA,CAAE0B,OAAO,CAAC,UAAU,CAAChC,IAAI,CAAC,QAAQ,CAACiC,YAAY,CAAC,MAAM,CAACC,WAAW,CAAE,IAAA,CAAA,CAAA,CAAC,CAC/E,CAAC,CAEd,CAAC,CACK,IAAAC,oBAAoB,CAAGjC,wBAAwB,CAACsB,qBAAqB,CAAE,CAC3ErB,WAAW,CAAEC,YAAY,CAAC+B,oBAC5B,CAAC,EAmBD,IAAMC,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAO0B,CANzC,IAAAP,QAAQ,CAAAO,KAAA,CAARP,QAAQ,CACRQ,MAAM,CAAAD,KAAA,CAANC,MAAM,CAAAC,kBAAA,CAAAF,KAAA,CACNG,YAAY,CAAZA,YAAY,CAAAD,kBAAA,GAAG,KAAA,CAAA,CAAA,WAAW,CAAAA,kBAAA,CAAAE,mBAAA,CAAAJ,KAAA,CAC1BK,aAAa,CAAbA,aAAa,CAAAD,mBAAA,UAAG,WAAW,CAAAA,mBAAA,CAAAE,iBAAA,CAAAN,KAAA,CAC3BO,WAAW,CAAXA,WAAW,CAAAD,iBAAA,GAAA,KAAA,CAAA,CAAG,IAAI,CAAAA,iBAAA,CACfE,IAAI,CAAAC,wBAAA,CAAAT,KAAA,CAAAU,SAAA,CAEPlD,CAAAA,mBAAmB,CAAC,YAAY,CAAC,CACjCmD,wBAAwB,CAAC,CACvBlB,QAAQ,CAARA,QAAQ,CACRmB,aAAa,CAAE,YAAY,CAC3BC,iBAAiB,CAAE,CAAC9C,YAAY,CAAC+C,iBAAiB,CAAE/C,YAAY,CAACgD,kBAAkB,CACrF,CAAC,CAAC,CAEF,OACEC,IAAA,CAAC5B,OAAO,CAAAjB,MAAA,CAAAC,MAAA,CAAA,CACN+B,YAAY,CAAEA,YAAa,CAAA,CACvBc,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,UAAU,CAAEnB,MAAM,CAANA,MAAO,CAAC,CAAC,CACzDoB,sBAAsB,CAACb,IAAI,CAAC,CAAAf,CAAAA,QAAA,CAEhChC,CAAAA,GAAA,CAAC2B,OAAO,CACNiB,CAAAA,aAAa,CAAEA,aAAc,CAC7BiB,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,cAAc,CAAC,eAAe,CAAA/B,QAAA,CAE7BA,QAAQ,CACF,CAAC,CACTc,WAAW,CAAG9C,GAAA,CAACgE,OAAO,CAAA,EAAE,CAAC,CAAG,IAAI,CAAA,CAAA,CAC1B,CAAC,CAEd,CAAC,CACK,IAAAL,UAAU,CAAGvD,wBAAwB,CAACkC,WAAW,CAAE,CAAEjC,WAAW,CAAEC,YAAY,CAACqD,UAAW,CAAC,EAEjG,IAAMM,0BAA0B,CAAG,CAAC3D,YAAY,CAACM,iBAAiB,CAAEN,YAAY,CAACmB,cAAc,CAAC,CAiBhG,IAAMyC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,KAAA,CAM0B,CAAA,IALhDC,KAAK,CAAAD,KAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CACRC,MAAM,CAAAH,KAAA,CAANG,MAAM,CACNC,MAAM,CAAAJ,KAAA,CAANI,MAAM,CACHxB,IAAI,CAAAC,wBAAA,CAAAmB,KAAA,CAAAK,UAAA,CAAA,CAEPzE,mBAAmB,CAAC,mBAAmB,CAAC,CACxC,IAAA0E,WAAA,CAAiBC,UAAU,CAACC,WAAW,CAAC,CAAhCzE,IAAI,CAAAuE,WAAA,CAAJvE,IAAI,CAEZ,GAAI0E,OAAO,CAAE,CACX,GAAIN,MAAM,EAAI,CAACO,sBAAsB,CAACP,MAAM,CAAEhE,YAAY,CAACH,cAAc,CAAC,CAAE,CAC1E2E,eAAe,CAAC,CACdC,OAAO,CAAG,CAASzE,OAAAA,EAAAA,YAAY,CAACH,cAAe,CAAmC,kCAAA,CAAA,CAClF6E,UAAU,CAAE,mBACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAMC,sBAAsB,CAAGhB,0BAA0B,CAACiB,QAAQ,CAACC,cAAc,CAACZ,MAAM,CAAE,CAAC,CAE3F,OACEvE,GAAA,CAAC2B,OAAO,CAAAjB,MAAA,CAAAC,MAAA,CAAA,EAAA,CACFiD,sBAAsB,CAACb,IAAI,CAAC,CAChCc,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,QAAQ,CACtBsB,GAAG,CAAC,WAAW,CAAApD,QAAA,CAEfuB,IAAA,CAAC5B,OAAO,CAAC0D,CAAAA,IAAI,CAAE,CAAE,CAACxB,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,KAAK,CAAA9B,QAAA,CAAA,CACjDsC,MAAM,EACLtE,GAAA,CAAC2B,OAAO,CAAA,CAAC2D,WAAW,CAAC,WAAW,CAACC,SAAS,CAAC,QAAQ,CAAC1B,OAAO,CAAC,MAAM,CAAA7B,QAAA,CAC/DsC,MAAM,CACA,CACV,CAEDf,IAAA,CAAC5B,OAAO,CAAC2D,CAAAA,WAAW,CAAC,WAAW,CAAAtD,QAAA,CAC9BuB,CAAAA,IAAA,CAAC5B,OAAO,CAACkC,CAAAA,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,KAAK,CAAC0B,UAAU,CAAC,QAAQ,CAACC,QAAQ,CAAC,MAAM,CAAAzD,QAAA,CAC7EhC,CAAAA,GAAA,CAACoB,IAAI,CAAA,CAACnB,KAAK,CAAC,0BAA0B,CAACC,IAAI,CAAEA,IAAK,CAACwF,MAAM,CAAC,UAAU,CAAA1D,QAAA,CACjEoC,KAAK,CACF,CAAC,CAGNG,MAAM,EAAIU,sBAAsB,CAC/BjF,GAAA,CAAC2B,OAAO,CAACgE,CAAAA,UAAU,CAAC,WAAW,CAAA3D,QAAA,CAAEuC,MAAM,CAAU,CAAC,CAElDA,MACD,CAAA,CACM,CAAC,CACTF,QAAQ,EACPrE,GAAA,CAACoB,IAAI,CAAA,CAACnB,KAAK,CAAC,0BAA0B,CAACoB,SAAS,CAAC,MAAM,CAACnB,IAAI,CAAC,OAAO,CAAA8B,QAAA,CACjEqC,QAAQ,CACL,CACP,CAAA,CACM,CAAC,CACH,CAAA,CAAC,CACH,CAAA,CAAC,CAEd,CAAC,CACK,IAAAhB,iBAAiB,CAAGjD,wBAAwB,CAAC8D,kBAAkB,CAAE,CACrE7D,WAAW,CAAEC,YAAY,CAAC+C,iBAC5B,CAAC,EAUD,IAAMuC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,CAAgE,CAA1D,IAAAC,MAAM,CAAAD,KAAA,CAANC,MAAM,CACnC/F,mBAAmB,CAAC,oBAAoB,CAAC,CAEzC,OAAOC,GAAA,CAAC2B,OAAO,CAAC4D,CAAAA,SAAS,CAAC,QAAQ,CAAAvD,QAAA,CAAE8D,MAAM,CAAU,CAAC,CACvD,CAAC,CACK,IAAAxC,kBAAkB,CAAGlD,wBAAwB,CAACwF,mBAAmB,CAAE,CACvEvF,WAAW,CAAEC,YAAY,CAACgD,kBAC5B,CAAC;;;;"}
1	+ {"version":3,"file":"CardHeader.js","sources":["../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport React, { useContext } from 'react';\nimport { useVerifyInsideCard, CardContext } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n useVerifyInsideCard('CardHeaderIcon');\n\n return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderCounter');\n\n return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderBadge');\n\n return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderAmount');\n\n return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n useVerifyInsideCard('CardHeaderText');\n\n return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderLink');\n\n return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n ButtonProps,\n 'variant' \| 'size' \| 'iconPosition' \| 'isFullWidth' \| 'children'\n> & {\n icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderIconButton');\n\n return (\n <BaseBox width={makeSpace(minHeight.xsmall)}>\n <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n </BaseBox>\n );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n children?: React.ReactNode;\n /\n For spacing between divider and header title\n /\n paddingBottom?: CardSpacingValueType;\n /\n For spacing between body content and divider\n /\n marginBottom?: CardSpacingValueType;\n /\n @default true\n /\n showDivider?: boolean;\n} & TestID &\n DataAnalyticsAttribute;\n\nconst _CardHeader = ({\n children,\n testID,\n marginBottom = 'spacing.4',\n paddingBottom = 'spacing.4',\n showDivider = true,\n ...rest\n}: CardHeaderProps): React.ReactElement => {\n useVerifyInsideCard('CardHeader');\n useVerifyAllowedChildren({\n children,\n componentName: 'CardHeader',\n allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n });\n\n return (\n <BaseBox\n marginBottom={marginBottom}\n {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n {...makeAnalyticsAttribute(rest)}\n >\n <BaseBox\n paddingBottom={paddingBottom}\n display=\"flex\"\n flexDirection=\"row\"\n justifyContent=\"space-between\"\n >\n {children}\n </BaseBox>\n {showDivider ? <Divider /> : null}\n </BaseBox>\n );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\nconst CardHeaderSuffixComponents = [ComponentIds.CardHeaderCounter, ComponentIds.CardHeaderLink];\ntype CardHeaderLeadingProps = {\n title: string;\n subtitle?: string;\n /\n prefix element of Card\n \n Accepts: `CardHeaderIcon` component\n /\n prefix?: React.ReactNode;\n /\n suffix element of Card\n \n it add marginLeft to `CardHeaderCounter`,`CardHeaderLink` components by default.\n /\n suffix?: React.ReactNode;\n} & DataAnalyticsAttribute;\nconst _CardHeaderLeading = ({\n title,\n subtitle,\n prefix,\n suffix,\n ...rest\n}: CardHeaderLeadingProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderLeading');\n const { size } = useContext(CardContext);\n\n if (__DEV__) {\n if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n throwBladeError({\n message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n moduleName: 'CardHeaderLeading',\n });\n }\n }\n\n const isSuffixACardComponent = CardHeaderSuffixComponents.includes(getComponentId(suffix)!);\n\n return (\n <BaseBox\n {...makeAnalyticsAttribute(rest)}\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"spacing.4\"\n >\n <BaseBox flex={1} display=\"flex\" flexDirection=\"row\">\n {prefix && (\n <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n {prefix}\n </BaseBox>\n )}\n\n <BaseBox marginRight=\"spacing.5\">\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n <Text color=\"surface.text.gray.normal\" size={size} weight=\"semibold\">\n {title}\n </Text>\n {/ if we are using CardHeaderSuffixComponents we still need marginLeft for spacing ,\n but if it's not a CardHeaderSuffixComponents we don't need marginLeft for example in case of tooltip /}\n {suffix && isSuffixACardComponent ? (\n <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n ) : (\n suffix\n )}\n </BaseBox>\n {subtitle && (\n <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n {subtitle}\n </Text>\n )}\n </BaseBox>\n </BaseBox>\n </BaseBox>\n );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n /\n Renders a visual ornament in card header trailing section\n \n /\n visual?: React.ReactNode;\n};\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n useVerifyInsideCard('CardHeaderTrailing');\n\n return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n CardHeader,\n CardHeaderLeading,\n CardHeaderTrailing,\n CardHeaderBadge,\n CardHeaderIcon,\n CardHeaderCounter,\n CardHeaderText,\n CardHeaderLink,\n CardHeaderAmount,\n CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","Object","assign","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","makeAnalyticsAttribute","display","flexDirection","justifyContent","Divider","CardHeaderSuffixComponents","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","_excluded2","_useContext","useContext","CardContext","__DEV__","isValidAllowedChildren","throwBladeError","message","moduleName","isSuffixACardComponent","includes","getComponentId","gap","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","_CardHeaderTrailing","_ref4","visual"],"mappings":"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"}

package/build/lib/native/components/Card/CardRoot.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardRoot.native.js","sources":["../../../../../src/components/Card/CardRoot.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { CardRootProps } from './types';\nimport { CARD_SCALE_DOWN_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { logger } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps>(({ isSelected, ...props }) => {\n const selectedColor = isSelected\n ? props.theme.colors.surface.border.primary.normal\n : 'transparent';\n return {\n border: `${props.theme.border.width.thicker}px solid ${selectedColor}`,\n };\n});\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nconst openURL = async (href: string): Promise<void> => {\n try {\n const canOpen = await Linking.canOpenURL(href);\n if (canOpen) {\n await Linking.openURL(href);\n }\n } catch {\n if (__DEV__) {\n logger({\n type: 'warn',\n message: `Could not open the link \"href=${href}\"`,\n moduleName: 'BaseButton',\n });\n }\n }\n};\n\nconst _CardRoot: React.ForwardRefRenderFunction<BladeElementRef, CardRootProps> = (\n { children, onClick, isSelected, shouldScaleOnHover, href, as, accessibilityLabel, ...props },\n ref,\n): React.ReactElement => {\n const { theme } = useTheme();\n const [isPressed, setIsPressed] = React.useState(false);\n const duration = castNativeType(makeMotionTime(theme.motion.duration.xquick));\n const easing = castNativeType(theme.motion.easing.standard);\n\n const styles = useAnimatedStyle(() => {\n return {\n transform: [\n {\n // TODO: check with design once what to do on mobile\n scale: withTiming(isPressed ? CARD_SCALE_DOWN_VALUE : 1, { duration, easing }),\n },\n ],\n };\n }, [isPressed]);\n\n if (onClick \|\| shouldScaleOnHover \|\| href) {\n return (\n <AnimatedPressable\n ref={ref as never}\n {...makeAccessible({\n role: href ? 'link' : undefined,\n label: accessibilityLabel,\n selected: isSelected,\n })}\n style={styles}\n onPressIn={(event) => {\n if (onClick) {\n onClick(event);\n }\n setIsPressed(true);\n }}\n onPressOut={() => {\n if (href) {\n void openURL(href);\n }\n setIsPressed(false);\n }}\n >\n <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n {children}\n </StyledCardRoot>\n </AnimatedPressable>\n );\n }\n\n return (\n <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n {children}\n </StyledCardRoot>\n );\n};\n\nconst CardRoot = React.forwardRef(_CardRoot);\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","_ref","isSelected","props","_objectWithoutProperties","_excluded","selectedColor","theme","colors","surface","border","primary","normal","width","thicker","AnimatedPressable","Animated","createAnimatedComponent","Pressable","openURL","_ref2","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_CardRoot","_ref3","ref","children","onClick","shouldScaleOnHover","as","accessibilityLabel","_excluded2","_useTheme","useTheme","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","duration","castNativeType","makeMotionTime","motion","xquick","easing","standard","styles","useAnimatedStyle","transform","scale","withTiming","CARD_SCALE_DOWN_VALUE","_jsx","Object","assign","makeAccessible","role","undefined","label","selected","style","onPressIn","event","onPressOut","CardRoot","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,YAAA,CAAA,CAAA,UAAA,CAAA,CAAA,UAAA,CAAA,SAAA,CAAA,YAAA,CAAA,oBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,oBAAA,CAAA,CAaA,IAAMA,cAAc,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAgB,SAAAC,IAAA,CAA8B,CAAA,IAA3BC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CAAKC,KAAK,CAAAC,wBAAA,CAAAH,IAAA,CAAAI,SAAA,CAAA,CAC3E,IAAMC,aAAa,CAAGJ,UAAU,CAC5BC,KAAK,CAACI,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAChD,aAAa,CACjB,OAAO,CACLF,MAAM,~~CAAG~~,CAAA,~~EAAEP~~,KAAK,CAACI,KAAK,CAACG,MAAM,CAACG,KAAK,CAACC,~~OAAQ~~,~~CAAWR~~,SAAAA,EAAAA,~~aAAc~~,~~EACvE~~,CAAC,CACH,CAAC,CAAC,CAEF,IAAMS,iBAAiB,CAAGC,QAAQ,CAACC,uBAAuB,CAACC,SAAS,CAAC,CAErE,IAAMC,OAAO,CAAA,UAAA,CAAA,IAAAC,KAAA,CAAAC,iBAAA,CAAG,UAAOC,IAAY,CAAoB,CACrD,GAAI,CACF,IAAMC,OAAO,CAAA,MAASC,OAAO,CAACC,UAAU,CAACH,IAAI,CAAC,CAC9C,GAAIC,OAAO,CAAE,CACX,MAAMC,OAAO,CAACL,OAAO,CAACG,IAAI,CAAC,CAC7B,CACF,CAAE,MAAAI,OAAA,CAAM,CACN,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZC,OAAO,~~CAAG~~,CAAA,8BAAA,~~EAAgCR~~,~~IAAK~~,CAAA,CAAA,~~CAAE~~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"}
1	+ {"version":3,"file":"CardRoot.native.js","sources":["../../../../../src/components/Card/CardRoot.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { CardRootProps } from './types';\nimport { CARD_SCALE_DOWN_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { logger } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps>(({ isSelected, ...props }) => {\n const selectedColor = isSelected\n ? props.theme.colors.surface.border.primary.normal\n : 'transparent';\n return {\n border: `${props.theme.border.width.thicker}px solid ${selectedColor}`,\n };\n});\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nconst openURL = async (href: string): Promise<void> => {\n try {\n const canOpen = await Linking.canOpenURL(href);\n if (canOpen) {\n await Linking.openURL(href);\n }\n } catch {\n if (__DEV__) {\n logger({\n type: 'warn',\n message: `Could not open the link \"href=${href}\"`,\n moduleName: 'BaseButton',\n });\n }\n }\n};\n\nconst _CardRoot: React.ForwardRefRenderFunction<BladeElementRef, CardRootProps> = (\n { children, onClick, isSelected, shouldScaleOnHover, href, as, accessibilityLabel, ...props },\n ref,\n): React.ReactElement => {\n const { theme } = useTheme();\n const [isPressed, setIsPressed] = React.useState(false);\n const duration = castNativeType(makeMotionTime(theme.motion.duration.xquick));\n const easing = castNativeType(theme.motion.easing.standard);\n\n const styles = useAnimatedStyle(() => {\n return {\n transform: [\n {\n // TODO: check with design once what to do on mobile\n scale: withTiming(isPressed ? CARD_SCALE_DOWN_VALUE : 1, { duration, easing }),\n },\n ],\n };\n }, [isPressed]);\n\n if (onClick \|\| shouldScaleOnHover \|\| href) {\n return (\n <AnimatedPressable\n ref={ref as never}\n {...makeAccessible({\n role: href ? 'link' : undefined,\n label: accessibilityLabel,\n selected: isSelected,\n })}\n style={styles}\n onPressIn={(event) => {\n if (onClick) {\n onClick(event);\n }\n setIsPressed(true);\n }}\n onPressOut={() => {\n if (href) {\n void openURL(href);\n }\n setIsPressed(false);\n }}\n >\n <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n {children}\n </StyledCardRoot>\n </AnimatedPressable>\n );\n }\n\n return (\n <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n {children}\n </StyledCardRoot>\n );\n};\n\nconst CardRoot = React.forwardRef(_CardRoot);\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","_ref","isSelected","props","_objectWithoutProperties","_excluded","selectedColor","theme","colors","surface","border","primary","normal","width","thicker","AnimatedPressable","Animated","createAnimatedComponent","Pressable","openURL","_ref2","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_CardRoot","_ref3","ref","children","onClick","shouldScaleOnHover","as","accessibilityLabel","_excluded2","_useTheme","useTheme","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","duration","castNativeType","makeMotionTime","motion","xquick","easing","standard","styles","useAnimatedStyle","transform","scale","withTiming","CARD_SCALE_DOWN_VALUE","_jsx","Object","assign","makeAccessible","role","undefined","label","selected","style","onPressIn","event","onPressOut","CardRoot","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Card/CardSurface.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardSurface.native.js","sources":["../../../../../src/components/Card/CardSurface.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport type { Elevation } from '~tokens/global';\nimport { castNativeType, makeBorderSize } from '~utils';\n\nconst CardSurfaceStyled = styled(BaseBox)<{\n elevation: keyof Elevation;\n}>(({ elevation, theme }) => {\n return {\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n borderWidth: elevation === 'none' ? makeBorderSize(theme.border.width.thin) : undefined,\n borderStyle: elevation === 'none' ? 'solid' : undefined,\n borderColor: elevation === 'none' ? `${theme.colors.surface.border.gray.muted}` : undefined,\n };\n});\n\ntype CardSurfaceProps = {\n children: React.ReactNode;\n elevation: keyof Elevation;\n} & Omit<BaseBoxProps, 'elevation'>;\n\nconst CardSurface = ({\n children,\n elevation,\n backgroundColor,\n onTouchEnd,\n onTouchStart,\n onPointerDown,\n onPointerEnter,\n pointerEvents,\n ...props\n}: CardSurfaceProps): React.ReactElement => {\n return (\n <CardSurfaceStyled\n {...props}\n backgroundColor={backgroundColor}\n elevation={elevation}\n onPointerEnter={castNativeType(onPointerEnter)}\n onPointerDown={castNativeType(onPointerDown)}\n onTouchStart={castNativeType(onTouchStart)}\n onTouchEnd={castNativeType(onTouchEnd)}\n pointerEvents={castNativeType(pointerEvents)}\n >\n {children}\n </CardSurfaceStyled>\n );\n};\n\nexport { CardSurface };\n"],"names":["CardSurfaceStyled","styled","BaseBox","_ref","elevation","theme","width","display","flexDirection","borderWidth","makeBorderSize","border","thin","undefined","borderStyle","borderColor","colors","surface","gray","muted","CardSurface","_ref2","children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","props","_objectWithoutProperties","_excluded","_jsx","Object","assign","castNativeType"],"mappings":";;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,WAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,CAOA,IAAMA,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAEtC,SAAAC,IAAA,CAA0B,CAAA,IAAvBC,SAAS,CAAAD,IAAA,CAATC,SAAS,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACpB,OAAO,CACLC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,WAAW,CAAEL,SAAS,GAAK,MAAM,CAAGM,cAAc,CAACL,KAAK,CAACM,MAAM,CAACL,KAAK,CAACM,IAAI,CAAC,CAAGC,SAAS,CACvFC,WAAW,CAAEV,SAAS,GAAK,MAAM,CAAG,OAAO,CAAGS,SAAS,CACvDE,WAAW,CAAEX,SAAS,GAAK,MAAM,~~CAAI~~,~~CAAEC~~,EAAAA,KAAK,CAACW,MAAM,CAACC,OAAO,CAACN,MAAM,CAACO,IAAI,CAACC,~~KAAM~~,~~CAAC~~,CAAA,CAAGN,SACpF,CAAC,CACH,CAAC,CAAC,CAOI,IAAAO,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAU2B,CAT1C,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRlB,SAAS,CAAAiB,KAAA,CAATjB,SAAS,CACTmB,eAAe,CAAAF,KAAA,CAAfE,eAAe,CACfC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CACVC,YAAY,CAAAJ,KAAA,CAAZI,YAAY,CACZC,aAAa,CAAAL,KAAA,CAAbK,aAAa,CACbC,cAAc,CAAAN,KAAA,CAAdM,cAAc,CACdC,aAAa,CAAAP,KAAA,CAAbO,aAAa,CACVC,KAAK,CAAAC,wBAAA,CAAAT,KAAA,CAAAU,SAAA,CAAA,CAER,OACEC,GAAA,CAAChC,iBAAiB,CAAAiC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACZL,KAAK,CAAA,CACTN,eAAe,CAAEA,eAAgB,CACjCnB,SAAS,CAAEA,SAAU,CACrBuB,cAAc,CAAEQ,cAAc,CAACR,cAAc,CAAE,CAC/CD,aAAa,CAAES,cAAc,CAACT,aAAa,CAAE,CAC7CD,YAAY,CAAEU,cAAc,CAACV,YAAY,CAAE,CAC3CD,UAAU,CAAEW,cAAc,CAACX,UAAU,CAAE,CACvCI,aAAa,CAAEO,cAAc,CAACP,aAAa,CAAE,CAAAN,QAAA,CAE5CA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}
1	+ {"version":3,"file":"CardSurface.native.js","sources":["../../../../../src/components/Card/CardSurface.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport type { Elevation } from '~tokens/global';\nimport { castNativeType, makeBorderSize } from '~utils';\n\nconst CardSurfaceStyled = styled(BaseBox)<{\n elevation: keyof Elevation;\n}>(({ elevation, theme }) => {\n return {\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n borderWidth: elevation === 'none' ? makeBorderSize(theme.border.width.thin) : undefined,\n borderStyle: elevation === 'none' ? 'solid' : undefined,\n borderColor: elevation === 'none' ? `${theme.colors.surface.border.gray.muted}` : undefined,\n };\n});\n\ntype CardSurfaceProps = {\n children: React.ReactNode;\n elevation: keyof Elevation;\n} & Omit<BaseBoxProps, 'elevation'>;\n\nconst CardSurface = ({\n children,\n elevation,\n backgroundColor,\n onTouchEnd,\n onTouchStart,\n onPointerDown,\n onPointerEnter,\n pointerEvents,\n ...props\n}: CardSurfaceProps): React.ReactElement => {\n return (\n <CardSurfaceStyled\n {...props}\n backgroundColor={backgroundColor}\n elevation={elevation}\n onPointerEnter={castNativeType(onPointerEnter)}\n onPointerDown={castNativeType(onPointerDown)}\n onTouchStart={castNativeType(onTouchStart)}\n onTouchEnd={castNativeType(onTouchEnd)}\n pointerEvents={castNativeType(pointerEvents)}\n >\n {children}\n </CardSurfaceStyled>\n );\n};\n\nexport { CardSurface };\n"],"names":["CardSurfaceStyled","styled","BaseBox","_ref","elevation","theme","width","display","flexDirection","borderWidth","makeBorderSize","border","thin","undefined","borderStyle","borderColor","colors","surface","gray","muted","CardSurface","_ref2","children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","props","_objectWithoutProperties","_excluded","_jsx","Object","assign","castNativeType"],"mappings":";;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,WAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,CAOA,IAAMA,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAEtC,SAAAC,IAAA,CAA0B,CAAA,IAAvBC,SAAS,CAAAD,IAAA,CAATC,SAAS,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACpB,OAAO,CACLC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,WAAW,CAAEL,SAAS,GAAK,MAAM,CAAGM,cAAc,CAACL,KAAK,CAACM,MAAM,CAACL,KAAK,CAACM,IAAI,CAAC,CAAGC,SAAS,CACvFC,WAAW,CAAEV,SAAS,GAAK,MAAM,CAAG,OAAO,CAAGS,SAAS,CACvDE,WAAW,CAAEX,SAAS,GAAK,MAAM,CAAG,CAAGC,EAAAA,KAAK,CAACW,MAAM,CAACC,OAAO,CAACN,MAAM,CAACO,IAAI,CAACC,KAAK,CAAE,CAAA,CAAGN,SACpF,CAAC,CACH,CAAC,CAAC,CAOI,IAAAO,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAU2B,CAT1C,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRlB,SAAS,CAAAiB,KAAA,CAATjB,SAAS,CACTmB,eAAe,CAAAF,KAAA,CAAfE,eAAe,CACfC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CACVC,YAAY,CAAAJ,KAAA,CAAZI,YAAY,CACZC,aAAa,CAAAL,KAAA,CAAbK,aAAa,CACbC,cAAc,CAAAN,KAAA,CAAdM,cAAc,CACdC,aAAa,CAAAP,KAAA,CAAbO,aAAa,CACVC,KAAK,CAAAC,wBAAA,CAAAT,KAAA,CAAAU,SAAA,CAAA,CAER,OACEC,GAAA,CAAChC,iBAAiB,CAAAiC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACZL,KAAK,CAAA,CACTN,eAAe,CAAEA,eAAgB,CACjCnB,SAAS,CAAEA,SAAU,CACrBuB,cAAc,CAAEQ,cAAc,CAACR,cAAc,CAAE,CAC/CD,aAAa,CAAES,cAAc,CAACT,aAAa,CAAE,CAC7CD,YAAY,CAAEU,cAAc,CAACV,YAAY,CAAE,CAC3CD,UAAU,CAAEW,cAAc,CAACX,UAAU,CAAE,CACvCI,aAAa,CAAEO,cAAc,CAACP,aAAa,CAAE,CAAAN,QAAA,CAE5CA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}

package/build/lib/native/components/Carousel/Carousel.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Carousel.native.js","sources":["../../../../../src/components/Carousel/Carousel.native.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { Indicators } from './Indicators/Indicators';\nimport { NavigationButton } from './NavigationButton';\nimport type { CarouselProps } from './types';\nimport type { CarouselContextProps } from './CarouselContext';\nimport { CarouselContext } from './CarouselContext';\nimport { CAROUSEL_AUTOPLAY_INTERVAL } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useInterval } from '~utils/useInterval';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer.native';\nimport { castNativeType } from '~utils';\nimport { useId } from '~utils/useId';\nimport { logger } from '~utils/logger';\nimport { size } from '~tokens/global';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport { getResponsiveValue } from '~components/Box/BaseBox/getResponsiveValue';\nimport type { BladeElementRef } from '~utils/types';\n\nconst percentageStringToNumber = (percentage: string): number => {\n if (!percentage.endsWith('%')) {\n logger({\n message: 'Only percentage values are allowed',\n type: 'error',\n moduleName: 'Carousel',\n });\n }\n\n return Number(percentage.substring(0, percentage.length - 1)) / 100;\n};\n\ntype ControlsProps = Required<\n Pick<CarouselProps, 'indicatorVariant' \| 'showIndicators' \| 'navigationButtonVariant'>\n> & {\n activeIndicator: number;\n totalSlides: number;\n onIndicatorButtonClick: (index: number) => void;\n onNextButtonClick: () => void;\n onPreviousButtonClick: () => void;\n};\n\nconst Controls = ({\n showIndicators,\n activeIndicator,\n totalSlides,\n onIndicatorButtonClick,\n onNextButtonClick,\n onPreviousButtonClick,\n indicatorVariant,\n navigationButtonVariant,\n}: ControlsProps): React.ReactElement => {\n return (\n <BaseBox\n marginTop=\"spacing.7\"\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n gap=\"spacing.4\"\n >\n <BaseBox>\n <NavigationButton\n type=\"previous\"\n variant={navigationButtonVariant}\n onClick={onPreviousButtonClick}\n />\n </BaseBox>\n {showIndicators ? (\n <Indicators\n onClick={onIndicatorButtonClick}\n activeIndex={activeIndicator}\n totalItems={totalSlides}\n variant={indicatorVariant}\n />\n ) : null}\n <BaseBox>\n <NavigationButton\n onClick={onNextButtonClick}\n type=\"next\"\n variant={navigationButtonVariant}\n />\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst _Carousel = (\n {\n autoPlay,\n showIndicators = true,\n children,\n carouselItemWidth = '100%',\n accessibilityLabel,\n onChange,\n indicatorVariant = 'gray',\n navigationButtonVariant = 'filled',\n }: CarouselProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const containerRef = React.useRef<ScrollView>(null);\n const [activeSlide, setActiveSlide] = React.useState(0);\n const [scrollViewWidth, setScrollViewWidth] = React.useState(0);\n const [shouldPauseAutoplay, setShouldPauseAutoplay] = React.useState(false);\n const id = useId();\n\n const _visibleItems = 1;\n const slideWidth =\n scrollViewWidth \n percentageStringToNumber(castNativeType(getResponsiveValue(carouselItemWidth)));\n const totalNumberOfSlides = React.Children.count(children);\n\n const goToSlideIndex = (slideIndex: number): void => {\n if (!containerRef.current) return;\n containerRef.current.scrollTo({\n x: slideIndex slideWidth,\n y: 0,\n animated: true,\n });\n setActiveSlide(slideIndex);\n };\n\n const goToNextSlide = (): void => {\n let slideIndex = activeSlide + 1;\n if (slideIndex >= totalNumberOfSlides) {\n slideIndex = 0;\n }\n goToSlideIndex(slideIndex);\n };\n\n const goToPreviousSlide = (): void => {\n let slideIndex = activeSlide - 1;\n if (activeSlide <= 0) {\n slideIndex = totalNumberOfSlides - 1;\n }\n goToSlideIndex(slideIndex);\n };\n\n const carouselContext = React.useMemo<CarouselContextProps>(() => {\n return {\n isResponsive: false,\n visibleItems: _visibleItems,\n carouselItemWidth,\n carouselId: id,\n totalNumberOfSlides,\n slideWidth,\n activeSlide,\n carouselContainerRef: containerRef as never,\n setActiveIndicator: setActiveSlide,\n carouselItemAlignment: undefined,\n shouldAddStartEndSpacing: false,\n };\n }, [carouselItemWidth, id, totalNumberOfSlides, slideWidth, activeSlide]);\n\n // auto play\n useInterval(\n () => {\n goToNextSlide();\n },\n {\n delay: CAROUSEL_AUTOPLAY_INTERVAL,\n // only enable if autoplay is true & user's intent isn't to interact with carousel\n enable: autoPlay && !shouldPauseAutoplay,\n },\n );\n\n useDidUpdate(() => {\n onChange?.(activeSlide);\n }, [activeSlide, onChange]);\n\n React.useEffect(() => {\n announce(`Slide ${activeSlide + 1} of ${totalNumberOfSlides}`);\n }, [activeSlide, totalNumberOfSlides]);\n\n return (\n <CarouselContext.Provider value={carouselContext}>\n <BaseBox ref={ref as never} display=\"flex\" alignItems=\"center\" flexDirection=\"column\">\n <BaseBox\n width=\"100%\"\n position=\"relative\"\n display=\"flex\"\n alignItems=\"center\"\n gap=\"spacing.4\"\n flexDirection=\"row\"\n >\n <ScrollView\n onScrollBeginDrag={() => {\n setShouldPauseAutoplay(true);\n }}\n onScrollEndDrag={() => {\n setShouldPauseAutoplay(false);\n }}\n {...makeAccessible({ label: accessibilityLabel })}\n ref={containerRef}\n onLayout={(e) => {\n setScrollViewWidth(e.nativeEvent.layout.width);\n }}\n // Sync active indicator with scroll\n onMomentumScrollEnd={(e) => {\n const slideIndex = Math.round(e.nativeEvent.contentOffset.x / slideWidth);\n setActiveSlide(slideIndex);\n }}\n // https://dev.to/reime005/horizontal-card-carousel-in-react-native-303n\n horizontal\n snapToAlignment=\"start\"\n decelerationRate=\"fast\"\n overScrollMode=\"never\"\n contentInsetAdjustmentBehavior=\"never\"\n automaticallyAdjustContentInsets={false}\n showsHorizontalScrollIndicator={false}\n showsVerticalScrollIndicator={false}\n snapToInterval={slideWidth}\n contentInset={{\n left: 0,\n right: 0,\n }}\n contentOffset={{ x: 0, y: 0 }}\n // adding some padding so that if a card is placed the shadows don't cut off\n contentContainerStyle={{ paddingVertical: size[10] }}\n >\n {React.Children.map(children, (child, index) => {\n return React.cloneElement(child as React.ReactElement, {\n index,\n shouldHaveStartSpacing: index === 0,\n shouldHaveEndSpacing: index === totalNumberOfSlides - 1,\n });\n })}\n </ScrollView>\n </BaseBox>\n <Controls\n totalSlides={totalNumberOfSlides}\n activeIndicator={activeSlide}\n showIndicators={showIndicators}\n onIndicatorButtonClick={goToSlideIndex}\n onNextButtonClick={goToNextSlide}\n onPreviousButtonClick={goToPreviousSlide}\n indicatorVariant={indicatorVariant}\n navigationButtonVariant={navigationButtonVariant}\n />\n </BaseBox>\n </CarouselContext.Provider>\n );\n};\n\nconst Carousel = React.forwardRef(_Carousel);\n\nexport { Carousel };\n"],"names":["percentageStringToNumber","percentage","endsWith","logger","message","type","moduleName","Number","substring","length","Controls","_ref","showIndicators","activeIndicator","totalSlides","onIndicatorButtonClick","onNextButtonClick","onPreviousButtonClick","indicatorVariant","navigationButtonVariant","_jsxs","BaseBox","marginTop","display","flexDirection","alignItems","gap","children","_jsx","NavigationButton","variant","onClick","Indicators","activeIndex","totalItems","_Carousel","_ref2","ref","autoPlay","_ref2$showIndicators","_ref2$carouselItemWid","carouselItemWidth","accessibilityLabel","onChange","_ref2$indicatorVarian","_ref2$navigationButto","containerRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","activeSlide","setActiveSlide","_React$useState3","_React$useState4","scrollViewWidth","setScrollViewWidth","_React$useState5","_React$useState6","shouldPauseAutoplay","setShouldPauseAutoplay","id","useId","_visibleItems","slideWidth","castNativeType","getResponsiveValue","totalNumberOfSlides","Children","count","goToSlideIndex","slideIndex","current","scrollTo","x","y","animated","goToNextSlide","goToPreviousSlide","carouselContext","useMemo","isResponsive","visibleItems","carouselId","carouselContainerRef","setActiveIndicator","carouselItemAlignment","undefined","shouldAddStartEndSpacing","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","useDidUpdate","useEffect","announce","CarouselContext","Provider","value","width","position","ScrollView","Object","assign","onScrollBeginDrag","onScrollEndDrag","makeAccessible","label","onLayout","e","nativeEvent","layout","onMomentumScrollEnd","Math","round","contentOffset","horizontal","snapToAlignment","decelerationRate","overScrollMode","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","snapToInterval","contentInset","left","right","contentContainerStyle","paddingVertical","size","map","child","index","cloneElement","shouldHaveStartSpacing","shouldHaveEndSpacing","Carousel","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"Carousel.native.js","sources":["../../../../../src/components/Carousel/Carousel.native.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { Indicators } from './Indicators/Indicators';\nimport { NavigationButton } from './NavigationButton';\nimport type { CarouselProps } from './types';\nimport type { CarouselContextProps } from './CarouselContext';\nimport { CarouselContext } from './CarouselContext';\nimport { CAROUSEL_AUTOPLAY_INTERVAL } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useInterval } from '~utils/useInterval';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer.native';\nimport { castNativeType } from '~utils';\nimport { useId } from '~utils/useId';\nimport { logger } from '~utils/logger';\nimport { size } from '~tokens/global';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport { getResponsiveValue } from '~components/Box/BaseBox/getResponsiveValue';\nimport type { BladeElementRef } from '~utils/types';\n\nconst percentageStringToNumber = (percentage: string): number => {\n if (!percentage.endsWith('%')) {\n logger({\n message: 'Only percentage values are allowed',\n type: 'error',\n moduleName: 'Carousel',\n });\n }\n\n return Number(percentage.substring(0, percentage.length - 1)) / 100;\n};\n\ntype ControlsProps = Required<\n Pick<CarouselProps, 'indicatorVariant' \| 'showIndicators' \| 'navigationButtonVariant'>\n> & {\n activeIndicator: number;\n totalSlides: number;\n onIndicatorButtonClick: (index: number) => void;\n onNextButtonClick: () => void;\n onPreviousButtonClick: () => void;\n};\n\nconst Controls = ({\n showIndicators,\n activeIndicator,\n totalSlides,\n onIndicatorButtonClick,\n onNextButtonClick,\n onPreviousButtonClick,\n indicatorVariant,\n navigationButtonVariant,\n}: ControlsProps): React.ReactElement => {\n return (\n <BaseBox\n marginTop=\"spacing.7\"\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n gap=\"spacing.4\"\n >\n <BaseBox>\n <NavigationButton\n type=\"previous\"\n variant={navigationButtonVariant}\n onClick={onPreviousButtonClick}\n />\n </BaseBox>\n {showIndicators ? (\n <Indicators\n onClick={onIndicatorButtonClick}\n activeIndex={activeIndicator}\n totalItems={totalSlides}\n variant={indicatorVariant}\n />\n ) : null}\n <BaseBox>\n <NavigationButton\n onClick={onNextButtonClick}\n type=\"next\"\n variant={navigationButtonVariant}\n />\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst _Carousel = (\n {\n autoPlay,\n showIndicators = true,\n children,\n carouselItemWidth = '100%',\n accessibilityLabel,\n onChange,\n indicatorVariant = 'gray',\n navigationButtonVariant = 'filled',\n }: CarouselProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const containerRef = React.useRef<ScrollView>(null);\n const [activeSlide, setActiveSlide] = React.useState(0);\n const [scrollViewWidth, setScrollViewWidth] = React.useState(0);\n const [shouldPauseAutoplay, setShouldPauseAutoplay] = React.useState(false);\n const id = useId();\n\n const _visibleItems = 1;\n const slideWidth =\n scrollViewWidth \n percentageStringToNumber(castNativeType(getResponsiveValue(carouselItemWidth)));\n const totalNumberOfSlides = React.Children.count(children);\n\n const goToSlideIndex = (slideIndex: number): void => {\n if (!containerRef.current) return;\n containerRef.current.scrollTo({\n x: slideIndex slideWidth,\n y: 0,\n animated: true,\n });\n setActiveSlide(slideIndex);\n };\n\n const goToNextSlide = (): void => {\n let slideIndex = activeSlide + 1;\n if (slideIndex >= totalNumberOfSlides) {\n slideIndex = 0;\n }\n goToSlideIndex(slideIndex);\n };\n\n const goToPreviousSlide = (): void => {\n let slideIndex = activeSlide - 1;\n if (activeSlide <= 0) {\n slideIndex = totalNumberOfSlides - 1;\n }\n goToSlideIndex(slideIndex);\n };\n\n const carouselContext = React.useMemo<CarouselContextProps>(() => {\n return {\n isResponsive: false,\n visibleItems: _visibleItems,\n carouselItemWidth,\n carouselId: id,\n totalNumberOfSlides,\n slideWidth,\n activeSlide,\n carouselContainerRef: containerRef as never,\n setActiveIndicator: setActiveSlide,\n carouselItemAlignment: undefined,\n shouldAddStartEndSpacing: false,\n };\n }, [carouselItemWidth, id, totalNumberOfSlides, slideWidth, activeSlide]);\n\n // auto play\n useInterval(\n () => {\n goToNextSlide();\n },\n {\n delay: CAROUSEL_AUTOPLAY_INTERVAL,\n // only enable if autoplay is true & user's intent isn't to interact with carousel\n enable: autoPlay && !shouldPauseAutoplay,\n },\n );\n\n useDidUpdate(() => {\n onChange?.(activeSlide);\n }, [activeSlide, onChange]);\n\n React.useEffect(() => {\n announce(`Slide ${activeSlide + 1} of ${totalNumberOfSlides}`);\n }, [activeSlide, totalNumberOfSlides]);\n\n return (\n <CarouselContext.Provider value={carouselContext}>\n <BaseBox ref={ref as never} display=\"flex\" alignItems=\"center\" flexDirection=\"column\">\n <BaseBox\n width=\"100%\"\n position=\"relative\"\n display=\"flex\"\n alignItems=\"center\"\n gap=\"spacing.4\"\n flexDirection=\"row\"\n >\n <ScrollView\n onScrollBeginDrag={() => {\n setShouldPauseAutoplay(true);\n }}\n onScrollEndDrag={() => {\n setShouldPauseAutoplay(false);\n }}\n {...makeAccessible({ label: accessibilityLabel })}\n ref={containerRef}\n onLayout={(e) => {\n setScrollViewWidth(e.nativeEvent.layout.width);\n }}\n // Sync active indicator with scroll\n onMomentumScrollEnd={(e) => {\n const slideIndex = Math.round(e.nativeEvent.contentOffset.x / slideWidth);\n setActiveSlide(slideIndex);\n }}\n // https://dev.to/reime005/horizontal-card-carousel-in-react-native-303n\n horizontal\n snapToAlignment=\"start\"\n decelerationRate=\"fast\"\n overScrollMode=\"never\"\n contentInsetAdjustmentBehavior=\"never\"\n automaticallyAdjustContentInsets={false}\n showsHorizontalScrollIndicator={false}\n showsVerticalScrollIndicator={false}\n snapToInterval={slideWidth}\n contentInset={{\n left: 0,\n right: 0,\n }}\n contentOffset={{ x: 0, y: 0 }}\n // adding some padding so that if a card is placed the shadows don't cut off\n contentContainerStyle={{ paddingVertical: size[10] }}\n >\n {React.Children.map(children, (child, index) => {\n return React.cloneElement(child as React.ReactElement, {\n index,\n shouldHaveStartSpacing: index === 0,\n shouldHaveEndSpacing: index === totalNumberOfSlides - 1,\n });\n })}\n </ScrollView>\n </BaseBox>\n <Controls\n totalSlides={totalNumberOfSlides}\n activeIndicator={activeSlide}\n showIndicators={showIndicators}\n onIndicatorButtonClick={goToSlideIndex}\n onNextButtonClick={goToNextSlide}\n onPreviousButtonClick={goToPreviousSlide}\n indicatorVariant={indicatorVariant}\n navigationButtonVariant={navigationButtonVariant}\n />\n </BaseBox>\n </CarouselContext.Provider>\n );\n};\n\nconst Carousel = React.forwardRef(_Carousel);\n\nexport { Carousel };\n"],"names":["percentageStringToNumber","percentage","endsWith","logger","message","type","moduleName","Number","substring","length","Controls","_ref","showIndicators","activeIndicator","totalSlides","onIndicatorButtonClick","onNextButtonClick","onPreviousButtonClick","indicatorVariant","navigationButtonVariant","_jsxs","BaseBox","marginTop","display","flexDirection","alignItems","gap","children","_jsx","NavigationButton","variant","onClick","Indicators","activeIndex","totalItems","_Carousel","_ref2","ref","autoPlay","_ref2$showIndicators","_ref2$carouselItemWid","carouselItemWidth","accessibilityLabel","onChange","_ref2$indicatorVarian","_ref2$navigationButto","containerRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","activeSlide","setActiveSlide","_React$useState3","_React$useState4","scrollViewWidth","setScrollViewWidth","_React$useState5","_React$useState6","shouldPauseAutoplay","setShouldPauseAutoplay","id","useId","_visibleItems","slideWidth","castNativeType","getResponsiveValue","totalNumberOfSlides","Children","count","goToSlideIndex","slideIndex","current","scrollTo","x","y","animated","goToNextSlide","goToPreviousSlide","carouselContext","useMemo","isResponsive","visibleItems","carouselId","carouselContainerRef","setActiveIndicator","carouselItemAlignment","undefined","shouldAddStartEndSpacing","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","useDidUpdate","useEffect","announce","CarouselContext","Provider","value","width","position","ScrollView","Object","assign","onScrollBeginDrag","onScrollEndDrag","makeAccessible","label","onLayout","e","nativeEvent","layout","onMomentumScrollEnd","Math","round","contentOffset","horizontal","snapToAlignment","decelerationRate","overScrollMode","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","snapToInterval","contentInset","left","right","contentContainerStyle","paddingVertical","size","map","child","index","cloneElement","shouldHaveStartSpacing","shouldHaveEndSpacing","Carousel","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Carousel/CarouselItem.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselItem.native.js","sources":["../../../../../src/components/Carousel/CarouselItem.native.tsx"],"sourcesContent":["/* eslint-disable consistent-return /\n/ eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport React from 'react';\nimport { useCarouselContext } from './CarouselContext';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype CarouselItemProps = {\n children: React.ReactNode;\n};\n\nconst CarouselItem = ({ children }: CarouselItemProps): React.ReactElement => {\n const { slideWidth } = useCarouselContext();\n\n return (\n <BaseBox\n width={`${slideWidth}px`}\n margin=\"spacing.0\"\n paddingLeft=\"spacing.4\"\n paddingRight=\"spacing.4\"\n >\n {children}\n </BaseBox>\n );\n};\n\nexport { CarouselItem };\n"],"names":["CarouselItem","_ref","children","_useCarouselContext","useCarouselContext","slideWidth","_jsx","BaseBox","width","margin","paddingLeft","paddingRight"],"mappings":";;;;;AAUM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAA4D,CAAtD,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC9B,IAAAC,mBAAA,CAAuBC,kBAAkB,EAAE,CAAnCC,UAAU,CAAAF,mBAAA,CAAVE,UAAU,CAElB,OACEC,GAAA,CAACC,OAAO,CACNC,CAAAA,KAAK,~~CAAG~~,~~CAAEH~~,EAAAA,~~UAAW~~,~~IAAI~~,CACzBI,MAAM,CAAC,WAAW,CAClBC,WAAW,CAAC,WAAW,CACvBC,YAAY,CAAC,WAAW,CAAAT,QAAA,CAEvBA,QAAQ,CACF,CAAC,CAEd;;;;"}
1	+ {"version":3,"file":"CarouselItem.native.js","sources":["../../../../../src/components/Carousel/CarouselItem.native.tsx"],"sourcesContent":["/* eslint-disable consistent-return /\n/ eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport React from 'react';\nimport { useCarouselContext } from './CarouselContext';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype CarouselItemProps = {\n children: React.ReactNode;\n};\n\nconst CarouselItem = ({ children }: CarouselItemProps): React.ReactElement => {\n const { slideWidth } = useCarouselContext();\n\n return (\n <BaseBox\n width={`${slideWidth}px`}\n margin=\"spacing.0\"\n paddingLeft=\"spacing.4\"\n paddingRight=\"spacing.4\"\n >\n {children}\n </BaseBox>\n );\n};\n\nexport { CarouselItem };\n"],"names":["CarouselItem","_ref","children","_useCarouselContext","useCarouselContext","slideWidth","_jsx","BaseBox","width","margin","paddingLeft","paddingRight"],"mappings":";;;;;AAUM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAA4D,CAAtD,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC9B,IAAAC,mBAAA,CAAuBC,kBAAkB,EAAE,CAAnCC,UAAU,CAAAF,mBAAA,CAAVE,UAAU,CAElB,OACEC,GAAA,CAACC,OAAO,CACNC,CAAAA,KAAK,CAAE,CAAGH,EAAAA,UAAU,IAAK,CACzBI,MAAM,CAAC,WAAW,CAClBC,WAAW,CAAC,WAAW,CACvBC,YAAY,CAAC,WAAW,CAAAT,QAAA,CAEvBA,QAAQ,CACF,CAAC,CAEd;;;;"}

package/build/lib/native/components/Carousel/Indicators/Indicators.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Indicators.js","sources":["../../../../../../src/components/Carousel/Indicators/Indicators.tsx"],"sourcesContent":["import { useCarouselContext } from '../CarouselContext';\nimport { IndicatorButton } from './IndicatorButton';\nimport type { IndicatorsProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst Indicators = (props: IndicatorsProps): React.ReactElement => {\n const { carouselId, isResponsive, visibleItems } = useCarouselContext();\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.2\"\n {...makeAccessible({ role: 'tablist', label: 'Slides' })}\n >\n {new Array(props.totalItems).fill(0).map((_, idx) => {\n let _visibleItems = visibleItems!;\n if (isResponsive) {\n _visibleItems = 1;\n }\n\n return (\n <IndicatorButton\n key={idx}\n {...makeAccessible({\n role: 'tab',\n label: `Slide ${idx * _visibleItems + 1}`,\n selected: idx === props.activeIndex,\n controls: `${carouselId}-carousel-item-${idx * _visibleItems}`,\n })}\n slideIndex={idx * _visibleItems}\n isActive={idx === props.activeIndex}\n onClick={() => props?.onClick?.(idx)}\n variant={props.variant}\n />\n );\n })}\n </BaseBox>\n );\n};\n\nexport { Indicators };\n"],"names":["Indicators","props","_useCarouselContext","useCarouselContext","carouselId","isResponsive","visibleItems","_jsx","BaseBox","Object","assign","display","flexDirection","gap","makeAccessible","role","label","children","Array","totalItems","fill","map","_","idx","_visibleItems","IndicatorButton","selected","activeIndex","controls","slideIndex","isActive","onClick","variant"],"mappings":";;;;;;AAMM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,KAAsB,CAAyB,CACjE,IAAAC,mBAAA,CAAmDC,kBAAkB,EAAE,CAA/DC,UAAU,CAAAF,mBAAA,CAAVE,UAAU,CAAEC,YAAY,CAAAH,mBAAA,CAAZG,YAAY,CAAEC,YAAY,CAAAJ,mBAAA,CAAZI,YAAY,CAC9C,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EACNC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,GAAG,CAAC,WAAW,CACXC,CAAAA,cAAc,CAAC,CAAEC,IAAI,CAAE,SAAS,CAAEC,KAAK,CAAE,QAAS,CAAC,CAAC,CAAA,CAAAC,QAAA,CAEvD,IAAIC,KAAK,CAACjB,KAAK,CAACkB,UAAU,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,SAACC,CAAC,CAAEC,GAAG,CAAK,CACnD,IAAIC,aAAa,CAAGlB,YAAa,CACjC,GAAID,YAAY,CAAE,CAChBmB,aAAa,CAAG,CAAC,CACnB,CAEA,OACEjB,GAAA,CAACkB,eAAe,CAAAhB,MAAA,CAAAC,MAAA,CAEVI,EAAAA,CAAAA,cAAc,CAAC,CACjBC,IAAI,CAAE,KAAK,CACXC,KAAK,~~CAAG~~,CAAA,MAAA,~~EAAQO~~,GAAG,CAAGC,aAAa,CAAG,CAAE,~~CAAC,~~CAAA,CACzCE,QAAQ,CAAEH,GAAG,GAAKtB,KAAK,CAAC0B,WAAW,CACnCC,QAAQ,~~CAAG~~,CAAA,~~EAAExB~~,~~UAAW~~,CAAA,eAAA,~~EAAiBmB~~,GAAG,CAAGC,~~aAAc~~,~~CAC/D~~,CAAA,CAAC,CAAC,CAAA,CACFK,UAAU,CAAEN,GAAG,CAAGC,aAAc,CAChCM,QAAQ,CAAEP,GAAG,GAAKtB,KAAK,CAAC0B,WAAY,CACpCI,OAAO,CAAE,SAAAA,OAAAA,EAAM,CAAA,OAAA9B,KAAK,EAAA,IAAA,CAAA,KAAA,CAAA,CAALA,KAAK,CAAE8B,OAAO,EAAd9B,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,KAAK,CAAE8B,OAAO,CAAGR,GAAG,CAAC,CAAC,CAAA,CACrCS,OAAO,CAAE/B,KAAK,CAAC+B,OAAQ,CAVlBT,CAAAA,CAAAA,GAWN,CAAC,CAEN,CAAC,CAAC,CACK,CAAA,CAAC,CAEd;;;;"}
1	+ {"version":3,"file":"Indicators.js","sources":["../../../../../../src/components/Carousel/Indicators/Indicators.tsx"],"sourcesContent":["import { useCarouselContext } from '../CarouselContext';\nimport { IndicatorButton } from './IndicatorButton';\nimport type { IndicatorsProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst Indicators = (props: IndicatorsProps): React.ReactElement => {\n const { carouselId, isResponsive, visibleItems } = useCarouselContext();\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.2\"\n {...makeAccessible({ role: 'tablist', label: 'Slides' })}\n >\n {new Array(props.totalItems).fill(0).map((_, idx) => {\n let _visibleItems = visibleItems!;\n if (isResponsive) {\n _visibleItems = 1;\n }\n\n return (\n <IndicatorButton\n key={idx}\n {...makeAccessible({\n role: 'tab',\n label: `Slide ${idx * _visibleItems + 1}`,\n selected: idx === props.activeIndex,\n controls: `${carouselId}-carousel-item-${idx * _visibleItems}`,\n })}\n slideIndex={idx * _visibleItems}\n isActive={idx === props.activeIndex}\n onClick={() => props?.onClick?.(idx)}\n variant={props.variant}\n />\n );\n })}\n </BaseBox>\n );\n};\n\nexport { Indicators };\n"],"names":["Indicators","props","_useCarouselContext","useCarouselContext","carouselId","isResponsive","visibleItems","_jsx","BaseBox","Object","assign","display","flexDirection","gap","makeAccessible","role","label","children","Array","totalItems","fill","map","_","idx","_visibleItems","IndicatorButton","selected","activeIndex","controls","slideIndex","isActive","onClick","variant"],"mappings":";;;;;;AAMM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,KAAsB,CAAyB,CACjE,IAAAC,mBAAA,CAAmDC,kBAAkB,EAAE,CAA/DC,UAAU,CAAAF,mBAAA,CAAVE,UAAU,CAAEC,YAAY,CAAAH,mBAAA,CAAZG,YAAY,CAAEC,YAAY,CAAAJ,mBAAA,CAAZI,YAAY,CAC9C,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EACNC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,GAAG,CAAC,WAAW,CACXC,CAAAA,cAAc,CAAC,CAAEC,IAAI,CAAE,SAAS,CAAEC,KAAK,CAAE,QAAS,CAAC,CAAC,CAAA,CAAAC,QAAA,CAEvD,IAAIC,KAAK,CAACjB,KAAK,CAACkB,UAAU,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,SAACC,CAAC,CAAEC,GAAG,CAAK,CACnD,IAAIC,aAAa,CAAGlB,YAAa,CACjC,GAAID,YAAY,CAAE,CAChBmB,aAAa,CAAG,CAAC,CACnB,CAEA,OACEjB,GAAA,CAACkB,eAAe,CAAAhB,MAAA,CAAAC,MAAA,CAEVI,EAAAA,CAAAA,cAAc,CAAC,CACjBC,IAAI,CAAE,KAAK,CACXC,KAAK,CAAE,CAAA,MAAA,EAASO,GAAG,CAAGC,aAAa,CAAG,CAAC,CAAE,CAAA,CACzCE,QAAQ,CAAEH,GAAG,GAAKtB,KAAK,CAAC0B,WAAW,CACnCC,QAAQ,CAAE,CAAA,EAAGxB,UAAU,CAAA,eAAA,EAAkBmB,GAAG,CAAGC,aAAa,CAC9D,CAAA,CAAC,CAAC,CAAA,CACFK,UAAU,CAAEN,GAAG,CAAGC,aAAc,CAChCM,QAAQ,CAAEP,GAAG,GAAKtB,KAAK,CAAC0B,WAAY,CACpCI,OAAO,CAAE,SAAAA,OAAAA,EAAM,CAAA,OAAA9B,KAAK,EAAA,IAAA,CAAA,KAAA,CAAA,CAALA,KAAK,CAAE8B,OAAO,EAAd9B,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,KAAK,CAAE8B,OAAO,CAAGR,GAAG,CAAC,CAAC,CAAA,CACrCS,OAAO,CAAE/B,KAAK,CAAC+B,OAAQ,CAVlBT,CAAAA,CAAAA,GAWN,CAAC,CAEN,CAAC,CAAC,CACK,CAAA,CAAC,CAEd;;;;"}

package/build/lib/native/components/Carousel/Indicators/getIndicatorButtonStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getIndicatorButtonStyles.js","sources":["../../../../../../src/components/Carousel/Indicators/getIndicatorButtonStyles.ts"],"sourcesContent":["import type { CSSObject, DefaultTheme } from 'styled-components';\nimport type { IndicatorButtonProps } from './types';\nimport { size } from '~tokens/global';\nimport { castWebType, isReactNative, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst getIndicatorButtonStyles = ({\n theme,\n isActive,\n variant,\n}: {\n theme: DefaultTheme;\n} & Pick<IndicatorButtonProps, 'isActive' \| 'variant'>): CSSObject => {\n const backgroundColor = {\n gray: theme.colors.interactive.icon.gray.muted,\n white: theme.colors.interactive.icon.staticWhite.normal,\n blue: theme.colors.interactive.icon.primary.subtle,\n };\n\n const easing = castWebType(theme.motion.easing.standard);\n const duration = castWebType(makeMotionTime(theme.motion.duration.gentle));\n\n return {\n border: 'none',\n cursor: 'pointer',\n padding: makeSpace(theme.spacing[0]),\n borderRadius: theme.border.radius.max,\n backgroundColor: isActive ? backgroundColor[variant] : theme.colors.overlay.background.moderate,\n width: isActive ? makeSize(size[18]) : makeSize(size[6]),\n height: makeSize(size[6]),\n\n ...(isReactNative() && {\n width: undefined,\n }),\n\n ...(!isReactNative() && {\n transitionProperty: 'width',\n transitionDuration: duration,\n transitionTimingFunction: easing,\n '&:before': {\n content: `\"\"`,\n // increasing the hit area, just random numbers\n padding: makeSize(size[10]),\n paddingTop: makeSize(size[20]),\n },\n '&:focus-visible': {\n ...getFocusRingStyles({ theme }),\n },\n }),\n };\n};\n\nexport { getIndicatorButtonStyles };\n"],"names":["getIndicatorButtonStyles","_ref","theme","isActive","variant","backgroundColor","gray","colors","interactive","icon","muted","white","staticWhite","normal","blue","primary","subtle","easing","castWebType","motion","standard","duration","makeMotionTime","gentle","Object","assign","border","cursor","padding","makeSpace","spacing","borderRadius","radius","max","overlay","background","moderate","width","makeSize","size","height","isReactNative","undefined","transitionProperty","transitionDuration","transitionTimingFunction","content","paddingTop","getFocusRingStyles"],"mappings":";;;;;;;;;;;;;;AAMM,IAAAA,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAMwC,CAAA,IALpEC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAIP,IAAMC,eAAe,CAAG,CACtBC,IAAI,CAAEJ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACH,IAAI,CAACI,KAAK,CAC9CC,KAAK,CAAET,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACG,WAAW,CAACC,MAAM,CACvDC,IAAI,CAAEZ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACM,OAAO,CAACC,MAC9C,CAAC,CAED,IAAMC,MAAM,CAAGC,WAAW,CAAChB,KAAK,CAACiB,MAAM,CAACF,MAAM,CAACG,QAAQ,CAAC,CACxD,IAAMC,QAAQ,CAAGH,WAAW,CAACI,cAAc,CAACpB,KAAK,CAACiB,MAAM,CAACE,QAAQ,CAACE,MAAM,CAAC,CAAC,CAE1E,OAAAC,MAAA,CAAAC,MAAA,CACEC,CAAAA,MAAM,CAAE,MAAM,CACdC,MAAM,CAAE,SAAS,CACjBC,OAAO,CAAEC,SAAS,CAAC3B,KAAK,CAAC4B,OAAO,CAAC,CAAC,CAAC,CAAC,CACpCC,YAAY,CAAE7B,KAAK,CAACwB,MAAM,CAACM,MAAM,CAACC,GAAG,CACrC5B,eAAe,CAAEF,QAAQ,CAAGE,eAAe,CAACD,OAAO,CAAC,CAAGF,KAAK,CAACK,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACC,QAAQ,CAC/FC,KAAK,CAAElC,QAAQ,CAAGmC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAGD,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CACxDC,MAAM,CAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA,CAErBE,aAAa,EAAE,EAAI,CACrBJ,KAAK,CAAEK,SACT,CAAC,CAEG,CAACD,aAAa,EAAE,EAAI,CACtBE,kBAAkB,CAAE,OAAO,CAC3BC,kBAAkB,CAAEvB,QAAQ,CAC5BwB,wBAAwB,CAAE5B,MAAM,CAChC,UAAU,CAAE,CACV6B,OAAO,~~CAAG~~,CAAA,EAAA,~~CAAG~~,CAEblB,OAAO,CAAEU,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAC3BQ,UAAU,CAAET,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAC/B,CAAC,CACD,iBAAiB,CAAAf,MAAA,CAAAC,MAAA,CACZuB,EAAAA,CAAAA,kBAAkB,CAAU,CAAC,CAEpC,CAAC,CAAA,CAEL;;;;"}
1	+ {"version":3,"file":"getIndicatorButtonStyles.js","sources":["../../../../../../src/components/Carousel/Indicators/getIndicatorButtonStyles.ts"],"sourcesContent":["import type { CSSObject, DefaultTheme } from 'styled-components';\nimport type { IndicatorButtonProps } from './types';\nimport { size } from '~tokens/global';\nimport { castWebType, isReactNative, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst getIndicatorButtonStyles = ({\n theme,\n isActive,\n variant,\n}: {\n theme: DefaultTheme;\n} & Pick<IndicatorButtonProps, 'isActive' \| 'variant'>): CSSObject => {\n const backgroundColor = {\n gray: theme.colors.interactive.icon.gray.muted,\n white: theme.colors.interactive.icon.staticWhite.normal,\n blue: theme.colors.interactive.icon.primary.subtle,\n };\n\n const easing = castWebType(theme.motion.easing.standard);\n const duration = castWebType(makeMotionTime(theme.motion.duration.gentle));\n\n return {\n border: 'none',\n cursor: 'pointer',\n padding: makeSpace(theme.spacing[0]),\n borderRadius: theme.border.radius.max,\n backgroundColor: isActive ? backgroundColor[variant] : theme.colors.overlay.background.moderate,\n width: isActive ? makeSize(size[18]) : makeSize(size[6]),\n height: makeSize(size[6]),\n\n ...(isReactNative() && {\n width: undefined,\n }),\n\n ...(!isReactNative() && {\n transitionProperty: 'width',\n transitionDuration: duration,\n transitionTimingFunction: easing,\n '&:before': {\n content: `\"\"`,\n // increasing the hit area, just random numbers\n padding: makeSize(size[10]),\n paddingTop: makeSize(size[20]),\n },\n '&:focus-visible': {\n ...getFocusRingStyles({ theme }),\n },\n }),\n };\n};\n\nexport { getIndicatorButtonStyles };\n"],"names":["getIndicatorButtonStyles","_ref","theme","isActive","variant","backgroundColor","gray","colors","interactive","icon","muted","white","staticWhite","normal","blue","primary","subtle","easing","castWebType","motion","standard","duration","makeMotionTime","gentle","Object","assign","border","cursor","padding","makeSpace","spacing","borderRadius","radius","max","overlay","background","moderate","width","makeSize","size","height","isReactNative","undefined","transitionProperty","transitionDuration","transitionTimingFunction","content","paddingTop","getFocusRingStyles"],"mappings":";;;;;;;;;;;;;;AAMM,IAAAA,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAMwC,CAAA,IALpEC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAIP,IAAMC,eAAe,CAAG,CACtBC,IAAI,CAAEJ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACH,IAAI,CAACI,KAAK,CAC9CC,KAAK,CAAET,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACG,WAAW,CAACC,MAAM,CACvDC,IAAI,CAAEZ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACM,OAAO,CAACC,MAC9C,CAAC,CAED,IAAMC,MAAM,CAAGC,WAAW,CAAChB,KAAK,CAACiB,MAAM,CAACF,MAAM,CAACG,QAAQ,CAAC,CACxD,IAAMC,QAAQ,CAAGH,WAAW,CAACI,cAAc,CAACpB,KAAK,CAACiB,MAAM,CAACE,QAAQ,CAACE,MAAM,CAAC,CAAC,CAE1E,OAAAC,MAAA,CAAAC,MAAA,CACEC,CAAAA,MAAM,CAAE,MAAM,CACdC,MAAM,CAAE,SAAS,CACjBC,OAAO,CAAEC,SAAS,CAAC3B,KAAK,CAAC4B,OAAO,CAAC,CAAC,CAAC,CAAC,CACpCC,YAAY,CAAE7B,KAAK,CAACwB,MAAM,CAACM,MAAM,CAACC,GAAG,CACrC5B,eAAe,CAAEF,QAAQ,CAAGE,eAAe,CAACD,OAAO,CAAC,CAAGF,KAAK,CAACK,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACC,QAAQ,CAC/FC,KAAK,CAAElC,QAAQ,CAAGmC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAGD,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CACxDC,MAAM,CAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA,CAErBE,aAAa,EAAE,EAAI,CACrBJ,KAAK,CAAEK,SACT,CAAC,CAEG,CAACD,aAAa,EAAE,EAAI,CACtBE,kBAAkB,CAAE,OAAO,CAC3BC,kBAAkB,CAAEvB,QAAQ,CAC5BwB,wBAAwB,CAAE5B,MAAM,CAChC,UAAU,CAAE,CACV6B,OAAO,CAAE,CAAA,EAAA,CAAI,CAEblB,OAAO,CAAEU,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAC3BQ,UAAU,CAAET,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAC/B,CAAC,CACD,iBAAiB,CAAAf,MAAA,CAAAC,MAAA,CACZuB,EAAAA,CAAAA,kBAAkB,CAAU,CAAC,CAEpC,CAAC,CAAA,CAEL;;;;"}

package/build/lib/native/components/Checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands /\n/ eslint-disable @typescript-eslint/no-shadow /\nimport React from 'react';\nimport { useCheckboxGroupContext } from './CheckboxGroup/CheckboxGroupContext';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport { useCheckbox } from './useCheckbox';\nimport { checkboxHoverTokens, checkboxSizes } from './checkboxTokens';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint } from '~components/Form';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorTitle } from '~components/Form/Selector/SelectorTitle';\nimport { SelectorSupportText } from '~components/Form/Selector/SelectorSupportText';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef, DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { makeSize, useTheme } from '~utils';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n isChecked,\n event,\n value,\n}: {\n isChecked: boolean;\n event?: React.ChangeEvent;\n value?: string;\n}) => void;\n\ntype CheckboxProps = {\n /\n If `true`, The checkbox will be checked. This also makes the checkbox controlled\n * Use `onChange` to update its value\n \n @default false\n /\n isChecked?: boolean;\n /\n If `true`, the checkbox will be initially checked. This also makes the checkbox uncontrolled\n \n @default false\n /\n defaultChecked?: boolean;\n /\n The callback invoked when the checked state of the `Checkbox` changes.\n /\n onChange?: OnChange;\n /\n Sets the label of the checkbox\n /\n children?: React.ReactNode;\n /\n Help text for the checkbox\n /\n helpText?: string;\n /\n Error text for the checkbox\n \n Renders when `validationState` is set to 'error'\n /\n errorText?: string;\n /\n If `true`, the checkbox will be indeterminate.\n * This does not modify the isChecked property.\n \n @default false\n /\n isIndeterminate?: boolean;\n /\n The name of the input field in a checkbox\n * (Useful for form submission).\n /\n name?: string;\n /\n The value to be used in the checkbox input.\n * This is the value that will be returned on form submission.\n /\n value?: string;\n /\n If `true`, the checkbox will be disabled\n \n @default false\n /\n isDisabled?: boolean;\n /\n If `true`, the checkbox input is marked as required,\n * and `required` attribute will be added\n \n @default false\n /\n isRequired?: boolean;\n /\n If `error`, the checkbox input is marked as invalid,\n * and `invalid` attribute will be added\n /\n validationState?: 'error' \| 'none';\n /\n Size of the checkbox\n \n @default \"medium\"\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n Sets the tab-index property on checkbox element\n \n /\n tabIndex?: number;\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade &\n MotionMetaProp;\n\nconst _Checkbox: React.ForwardRefRenderFunction<BladeElementRef, CheckboxProps> = (\n {\n defaultChecked,\n validationState,\n isChecked,\n isDisabled,\n isIndeterminate,\n isRequired,\n name,\n onChange,\n value,\n children,\n helpText,\n errorText,\n size = 'medium',\n tabIndex,\n testID,\n _motionMeta,\n ...rest\n },\n ref,\n) => {\n const groupProps = useCheckboxGroupContext();\n\n // ban certain props in checkbox while inside group\n const hasValidationState = !isUndefined(validationState);\n const hasName = !isUndefined(name);\n const hasDefaultChecked = !isUndefined(defaultChecked);\n const hasIsChecked = !isUndefined(isChecked);\n const hasOnChange = !isUndefined(onChange);\n\n if (__DEV__) {\n if (\n (hasValidationState \|\| hasName \|\| hasDefaultChecked \|\| hasIsChecked \|\| hasOnChange) &&\n !isEmpty(groupProps)\n ) {\n const props = [\n hasValidationState ? 'validationState' : undefined,\n hasName ? 'name' : undefined,\n hasDefaultChecked ? 'defaultChecked' : undefined,\n hasIsChecked ? 'isChecked' : undefined,\n hasOnChange ? 'onChange' : undefined,\n ]\n .filter(Boolean)\n .join(',');\n\n throwBladeError({\n message: `Cannot set \\`${props}\\` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself`,\n moduleName: 'Checkbox',\n });\n }\n\n // mandate value prop when using inside group\n if (!value && !isEmpty(groupProps)) {\n throw new Error(\n `[Blade Checkbox]: <CheckboxGroup /> requires that you pass unique \"value\" prop to each <Checkbox />\n <CheckboxGroup>\n <Checkbox value=\"apple\">Apple</Checkbox>\n <Checkbox value=\"mango\">Mango</Checkbox>\n </CheckboxGroup>\n `,\n );\n }\n }\n\n const _validationState = validationState ?? groupProps?.validationState;\n const _hasError = _validationState === 'error';\n const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n const _isRequired = Boolean(\n isRequired \|\| groupProps?.isRequired \|\| groupProps?.necessityIndicator === 'required',\n );\n const _name = name ?? groupProps?.name;\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n const _isChecked = isChecked ?? groupProps?.state?.isChecked(value!);\n const _size = groupProps.size ?? size;\n const { theme } = useTheme();\n const formHintSize = {\n small: 'medium',\n medium: 'medium',\n large: 'large',\n } as const;\n\n const showSupportingText = helpText;\n\n const handleChange: OnChange = ({ isChecked, event, value }) => {\n if (isChecked) {\n groupProps?.state?.addValue(value!);\n } else {\n groupProps?.state?.removeValue(value!);\n }\n\n onChange?.({ isChecked, event, value });\n };\n\n const { state, ids, inputProps } = useCheckbox({\n defaultChecked,\n isChecked: _isChecked,\n isIndeterminate,\n hasError: _hasError,\n hasHelperText: Boolean(showSupportingText),\n isDisabled: _isDisabled,\n isRequired: _isRequired,\n name: _name,\n value,\n onChange: handleChange,\n });\n\n // Checkbox icon's size & margin + margin-left of SelectorTitle which is 2\n const helpTextLeftSpacing = makeSize(checkboxSizes.icon[size].width + theme.spacing[3]);\n\n return (\n <BaseBox\n ref={getOuterMotionRef({ _motionMeta, ref })}\n {...metaAttribute({ name: MetaConstants.Checkbox, testID })}\n {...getStyledProps(rest)}\n >\n <SelectorLabel\n componentName={MetaConstants.CheckboxLabel}\n inputProps={state.isReactNative ? inputProps : {}}\n style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n >\n <BaseBox display=\"flex\" flexDirection=\"column\">\n <BaseBox display=\"flex\" flexDirection=\"row\">\n <SelectorInput\n hoverTokens={checkboxHoverTokens}\n isChecked={state.isChecked \|\| Boolean(isIndeterminate)}\n isDisabled={_isDisabled}\n hasError={_hasError}\n inputProps={inputProps}\n tabIndex={tabIndex}\n ref={getInnerMotionRef({ _motionMeta, ref })}\n {...makeAnalyticsAttribute(rest)}\n />\n <CheckboxIcon\n size={_size}\n isChecked={state.isChecked}\n isIndeterminate={isIndeterminate}\n isDisabled={_isDisabled}\n isNegative={_hasError}\n />\n {children ? (\n <SelectorTitle size={_size} isDisabled={_isDisabled}>\n {children}\n </SelectorTitle>\n ) : null}\n </BaseBox>\n {showSupportingText ? (\n <BaseBox marginLeft={helpTextLeftSpacing}>\n <SelectorSupportText size={_size} id={ids?.helpTextId}>\n {helpText}\n </SelectorSupportText>\n </BaseBox>\n ) : null}\n </BaseBox>\n </SelectorLabel>\n <FormHint\n size={formHintSize[_size]}\n errorText={errorText}\n errorTextId={ids?.errorTextId}\n type={validationState === 'error' ? 'error' : 'help'}\n />\n </BaseBox>\n );\n};\n\nconst Checkbox = assignWithoutSideEffects(React.forwardRef(_Checkbox), {\n displayName: 'Checkbox',\n});\n\nexport type { CheckboxProps };\nexport { Checkbox };\n"],"names":["_Checkbox","_ref","ref","_groupProps$state","_groupProps$size","defaultChecked","validationState","isChecked","isDisabled","isIndeterminate","isRequired","name","onChange","value","children","helpText","errorText","_ref$size","size","tabIndex","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","groupProps","useCheckboxGroupContext","hasValidationState","isUndefined","hasName","hasDefaultChecked","hasIsChecked","hasOnChange","__DEV__","isEmpty","props","undefined","filter","Boolean","join","throwBladeError","message","moduleName","Error","_validationState","_hasError","_isDisabled","_isRequired","necessityIndicator","_name","_isChecked","state","_size","_useTheme","useTheme","theme","formHintSize","small","medium","large","showSupportingText","handleChange","_ref2","event","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useCheckbox","useCheckbox","hasError","hasHelperText","ids","inputProps","helpTextLeftSpacing","makeSize","checkboxSizes","icon","width","spacing","_jsxs","BaseBox","Object","assign","getOuterMotionRef","metaAttribute","MetaConstants","Checkbox","getStyledProps","_jsx","SelectorLabel","componentName","CheckboxLabel","isReactNative","style","cursor","display","flexDirection","SelectorInput","hoverTokens","checkboxHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","CheckboxIcon","isNegative","SelectorTitle","marginLeft","SelectorSupportText","id","helpTextId","FormHint","errorTextId","type","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands /\n/ eslint-disable @typescript-eslint/no-shadow /\nimport React from 'react';\nimport { useCheckboxGroupContext } from './CheckboxGroup/CheckboxGroupContext';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport { useCheckbox } from './useCheckbox';\nimport { checkboxHoverTokens, checkboxSizes } from './checkboxTokens';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint } from '~components/Form';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorTitle } from '~components/Form/Selector/SelectorTitle';\nimport { SelectorSupportText } from '~components/Form/Selector/SelectorSupportText';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef, DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { makeSize, useTheme } from '~utils';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n isChecked,\n event,\n value,\n}: {\n isChecked: boolean;\n event?: React.ChangeEvent;\n value?: string;\n}) => void;\n\ntype CheckboxProps = {\n /\n If `true`, The checkbox will be checked. This also makes the checkbox controlled\n * Use `onChange` to update its value\n \n @default false\n /\n isChecked?: boolean;\n /\n If `true`, the checkbox will be initially checked. This also makes the checkbox uncontrolled\n \n @default false\n /\n defaultChecked?: boolean;\n /\n The callback invoked when the checked state of the `Checkbox` changes.\n /\n onChange?: OnChange;\n /\n Sets the label of the checkbox\n /\n children?: React.ReactNode;\n /\n Help text for the checkbox\n /\n helpText?: string;\n /\n Error text for the checkbox\n \n Renders when `validationState` is set to 'error'\n /\n errorText?: string;\n /\n If `true`, the checkbox will be indeterminate.\n * This does not modify the isChecked property.\n \n @default false\n /\n isIndeterminate?: boolean;\n /\n The name of the input field in a checkbox\n * (Useful for form submission).\n /\n name?: string;\n /\n The value to be used in the checkbox input.\n * This is the value that will be returned on form submission.\n /\n value?: string;\n /\n If `true`, the checkbox will be disabled\n \n @default false\n /\n isDisabled?: boolean;\n /\n If `true`, the checkbox input is marked as required,\n * and `required` attribute will be added\n \n @default false\n /\n isRequired?: boolean;\n /\n If `error`, the checkbox input is marked as invalid,\n * and `invalid` attribute will be added\n /\n validationState?: 'error' \| 'none';\n /\n Size of the checkbox\n \n @default \"medium\"\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n Sets the tab-index property on checkbox element\n \n /\n tabIndex?: number;\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade &\n MotionMetaProp;\n\nconst _Checkbox: React.ForwardRefRenderFunction<BladeElementRef, CheckboxProps> = (\n {\n defaultChecked,\n validationState,\n isChecked,\n isDisabled,\n isIndeterminate,\n isRequired,\n name,\n onChange,\n value,\n children,\n helpText,\n errorText,\n size = 'medium',\n tabIndex,\n testID,\n _motionMeta,\n ...rest\n },\n ref,\n) => {\n const groupProps = useCheckboxGroupContext();\n\n // ban certain props in checkbox while inside group\n const hasValidationState = !isUndefined(validationState);\n const hasName = !isUndefined(name);\n const hasDefaultChecked = !isUndefined(defaultChecked);\n const hasIsChecked = !isUndefined(isChecked);\n const hasOnChange = !isUndefined(onChange);\n\n if (__DEV__) {\n if (\n (hasValidationState \|\| hasName \|\| hasDefaultChecked \|\| hasIsChecked \|\| hasOnChange) &&\n !isEmpty(groupProps)\n ) {\n const props = [\n hasValidationState ? 'validationState' : undefined,\n hasName ? 'name' : undefined,\n hasDefaultChecked ? 'defaultChecked' : undefined,\n hasIsChecked ? 'isChecked' : undefined,\n hasOnChange ? 'onChange' : undefined,\n ]\n .filter(Boolean)\n .join(',');\n\n throwBladeError({\n message: `Cannot set \\`${props}\\` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself`,\n moduleName: 'Checkbox',\n });\n }\n\n // mandate value prop when using inside group\n if (!value && !isEmpty(groupProps)) {\n throw new Error(\n `[Blade Checkbox]: <CheckboxGroup /> requires that you pass unique \"value\" prop to each <Checkbox />\n <CheckboxGroup>\n <Checkbox value=\"apple\">Apple</Checkbox>\n <Checkbox value=\"mango\">Mango</Checkbox>\n </CheckboxGroup>\n `,\n );\n }\n }\n\n const _validationState = validationState ?? groupProps?.validationState;\n const _hasError = _validationState === 'error';\n const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n const _isRequired = Boolean(\n isRequired \|\| groupProps?.isRequired \|\| groupProps?.necessityIndicator === 'required',\n );\n const _name = name ?? groupProps?.name;\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n const _isChecked = isChecked ?? groupProps?.state?.isChecked(value!);\n const _size = groupProps.size ?? size;\n const { theme } = useTheme();\n const formHintSize = {\n small: 'medium',\n medium: 'medium',\n large: 'large',\n } as const;\n\n const showSupportingText = helpText;\n\n const handleChange: OnChange = ({ isChecked, event, value }) => {\n if (isChecked) {\n groupProps?.state?.addValue(value!);\n } else {\n groupProps?.state?.removeValue(value!);\n }\n\n onChange?.({ isChecked, event, value });\n };\n\n const { state, ids, inputProps } = useCheckbox({\n defaultChecked,\n isChecked: _isChecked,\n isIndeterminate,\n hasError: _hasError,\n hasHelperText: Boolean(showSupportingText),\n isDisabled: _isDisabled,\n isRequired: _isRequired,\n name: _name,\n value,\n onChange: handleChange,\n });\n\n // Checkbox icon's size & margin + margin-left of SelectorTitle which is 2\n const helpTextLeftSpacing = makeSize(checkboxSizes.icon[size].width + theme.spacing[3]);\n\n return (\n <BaseBox\n ref={getOuterMotionRef({ _motionMeta, ref })}\n {...metaAttribute({ name: MetaConstants.Checkbox, testID })}\n {...getStyledProps(rest)}\n >\n <SelectorLabel\n componentName={MetaConstants.CheckboxLabel}\n inputProps={state.isReactNative ? inputProps : {}}\n style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n >\n <BaseBox display=\"flex\" flexDirection=\"column\">\n <BaseBox display=\"flex\" flexDirection=\"row\">\n <SelectorInput\n hoverTokens={checkboxHoverTokens}\n isChecked={state.isChecked \|\| Boolean(isIndeterminate)}\n isDisabled={_isDisabled}\n hasError={_hasError}\n inputProps={inputProps}\n tabIndex={tabIndex}\n ref={getInnerMotionRef({ _motionMeta, ref })}\n {...makeAnalyticsAttribute(rest)}\n />\n <CheckboxIcon\n size={_size}\n isChecked={state.isChecked}\n isIndeterminate={isIndeterminate}\n isDisabled={_isDisabled}\n isNegative={_hasError}\n />\n {children ? (\n <SelectorTitle size={_size} isDisabled={_isDisabled}>\n {children}\n </SelectorTitle>\n ) : null}\n </BaseBox>\n {showSupportingText ? (\n <BaseBox marginLeft={helpTextLeftSpacing}>\n <SelectorSupportText size={_size} id={ids?.helpTextId}>\n {helpText}\n </SelectorSupportText>\n </BaseBox>\n ) : null}\n </BaseBox>\n </SelectorLabel>\n <FormHint\n size={formHintSize[_size]}\n errorText={errorText}\n errorTextId={ids?.errorTextId}\n type={validationState === 'error' ? 'error' : 'help'}\n />\n </BaseBox>\n );\n};\n\nconst Checkbox = assignWithoutSideEffects(React.forwardRef(_Checkbox), {\n displayName: 'Checkbox',\n});\n\nexport type { CheckboxProps };\nexport { Checkbox };\n"],"names":["_Checkbox","_ref","ref","_groupProps$state","_groupProps$size","defaultChecked","validationState","isChecked","isDisabled","isIndeterminate","isRequired","name","onChange","value","children","helpText","errorText","_ref$size","size","tabIndex","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","groupProps","useCheckboxGroupContext","hasValidationState","isUndefined","hasName","hasDefaultChecked","hasIsChecked","hasOnChange","__DEV__","isEmpty","props","undefined","filter","Boolean","join","throwBladeError","message","moduleName","Error","_validationState","_hasError","_isDisabled","_isRequired","necessityIndicator","_name","_isChecked","state","_size","_useTheme","useTheme","theme","formHintSize","small","medium","large","showSupportingText","handleChange","_ref2","event","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useCheckbox","useCheckbox","hasError","hasHelperText","ids","inputProps","helpTextLeftSpacing","makeSize","checkboxSizes","icon","width","spacing","_jsxs","BaseBox","Object","assign","getOuterMotionRef","metaAttribute","MetaConstants","Checkbox","getStyledProps","_jsx","SelectorLabel","componentName","CheckboxLabel","isReactNative","style","cursor","display","flexDirection","SelectorInput","hoverTokens","checkboxHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","CheckboxIcon","isNegative","SelectorTitle","marginLeft","SelectorSupportText","id","helpTextId","FormHint","errorTextId","type","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxGroup.js","sources":["../../../../../../src/components/Checkbox/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { checkboxSizes } from '../checkboxTokens';\nimport { CheckboxGroupProvider } from './CheckboxGroupContext';\nimport { useCheckboxGroup } from './useCheckboxGroup';\nimport { FormLabel, FormHint } from '~components/Form';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useBreakpoint } from '~utils';\n\nimport { useTheme } from '~components/BladeProvider';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CheckboxGroupProps = {\n /*\n Accepts multiple checkboxes as children\n /\n children: React.ReactNode;\n /\n Help text of the checkbox group\n /\n helpText?: string;\n /\n Error text of the checkbox group\n * Renders when `validationState` is set to 'error'\n \n Overrides helpText\n /\n errorText?: string;\n /\n Sets the error state of the CheckboxGroup\n * If set to `error` it will render the `errorText` of the group,\n * and propagate `invalid` prop to every checkbox\n /\n validationState?: 'error' \| 'none';\n /\n Renders a necessity indicator after CheckboxGroup label\n \n If set to `undefined` it renders nothing.\n /\n necessityIndicator?: 'required' \| 'optional' \| 'none';\n /\n Sets the disabled state of the CheckboxGroup\n * If set to `true` it propagate down to all the checkboxes\n \n @default false\n /\n isDisabled?: boolean;\n /\n Sets the required state of the CheckboxGroup\n * @default false\n /\n isRequired?: boolean;\n /\n Renders the label of the checkbox group\n /\n label?: string;\n /\n Sets the position of the label\n \n @default 'top'\n /\n labelPosition?: 'top' \| 'left';\n /\n Initial value of the checkbox group\n /\n defaultValue?: string[];\n /\n value of the checkbox group\n \n Use `onChange` to update its value\n /\n value?: string[];\n /\n The callback invoked when any of the checkbox's state changes\n /\n onChange?: ({ name, values }: { name: string; values: string[] }) => void;\n /\n The name of the input field in a checkbox\n * (Useful for form submission).\n /\n name?: string;\n /\n Size of the checkbox\n \n @default \"medium\"\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n Orientation of the checkbox group\n \n @default \"vertical\"\n */\n orientation?: 'vertical' \| 'horizontal';\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade;\n\nconst CheckboxGroup = ({\n children,\n label,\n helpText,\n isDisabled = false,\n isRequired = false,\n necessityIndicator = 'none',\n labelPosition = 'top',\n validationState,\n errorText,\n name,\n defaultValue,\n onChange,\n value,\n size = 'medium',\n testID,\n orientation = 'vertical',\n flexWrap = 'nowrap',\n ...rest\n}: CheckboxGroupProps): React.ReactElement => {\n const { contextValue, ids } = useCheckboxGroup({\n defaultValue,\n onChange,\n value,\n isDisabled,\n necessityIndicator,\n isRequired,\n name,\n labelPosition,\n validationState,\n size,\n });\n\n const { theme } = useTheme();\n const showError = validationState === 'error' && errorText;\n const showHelpText = !showError && helpText;\n const accessibilityText = `,${showError ? errorText : ''} ${showHelpText ? helpText : ''}`;\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const gap = checkboxSizes.group.gap[size][matchedDeviceType];\n\n return (\n <CheckboxGroupProvider value={contextValue}>\n <BaseBox {...getStyledProps(rest)}>\n <SelectorGroupField\n position={labelPosition}\n labelledBy={ids.labelId}\n componentName=\"checkbox-group\"\n testID={testID}\n {...makeAnalyticsAttribute(rest)}\n >\n {label ? (\n <FormLabel\n as=\"span\"\n necessityIndicator={necessityIndicator}\n position={labelPosition}\n id={ids.labelId}\n accessibilityText={accessibilityText}\n size={size}\n >\n {label}\n </FormLabel>\n ) : null}\n <BaseBox>\n <BaseBox\n display=\"flex\"\n flexDirection={orientation === 'horizontal' ? 'row' : 'column'}\n gap={gap}\n flexWrap={flexWrap}\n >\n {React.Children.map(children, (child, index) => {\n return <BaseBox key={index}>{child}</BaseBox>;\n })}\n </BaseBox>\n <FormHint\n size={size}\n errorText={errorText}\n helpText={helpText}\n type={validationState === 'error' ? 'error' : 'help'}\n />\n </BaseBox>\n </SelectorGroupField>\n </BaseBox>\n </CheckboxGroupProvider>\n );\n};\n\nexport type { CheckboxGroupProps };\nexport { CheckboxGroup };\n"],"names":["CheckboxGroup","_ref","children","label","helpText","_ref$isDisabled","isDisabled","_ref$isRequired","isRequired","_ref$necessityIndicat","necessityIndicator","_ref$labelPosition","labelPosition","validationState","errorText","name","defaultValue","onChange","value","_ref$size","size","testID","_ref$orientation","orientation","_ref$flexWrap","flexWrap","rest","_objectWithoutProperties","_excluded","_useCheckboxGroup","useCheckboxGroup","contextValue","ids","_useTheme","useTheme","theme","showError","showHelpText","accessibilityText","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","gap","checkboxSizes","group","_jsx","CheckboxGroupProvider","BaseBox","Object","assign","getStyledProps","_jsxs","SelectorGroupField","position","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","display","flexDirection","React","Children","map","child","index","FormHint","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,OAAA,CAAA,UAAA,CAAA,YAAA,CAAA,YAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,WAAA,CAAA,MAAA,CAAA,cAAA,CAAA,UAAA,CAAA,OAAA,CAAA,MAAA,CAAA,QAAA,CAAA,aAAA,CAAA,UAAA,CAAA,CAoGM,IAAAA,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAmB2B,CAAA,IAlB5CC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAAC,eAAA,CAAAJ,IAAA,CACRK,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAAAE,eAAA,CAAAN,IAAA,CAClBO,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,eAAA,CAAAE,qBAAA,CAAAR,IAAA,CAClBS,kBAAkB,CAAlBA,kBAAkB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,MAAM,CAAAA,qBAAA,CAAAE,kBAAA,CAAAV,IAAA,CAC3BW,aAAa,CAAbA,aAAa,CAAAD,kBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,kBAAA,CACrBE,eAAe,CAAAZ,IAAA,CAAfY,eAAe,CACfC,SAAS,CAAAb,IAAA,CAATa,SAAS,CACTC,IAAI,CAAAd,IAAA,CAAJc,IAAI,CACJC,YAAY,CAAAf,IAAA,CAAZe,YAAY,CACZC,QAAQ,CAAAhB,IAAA,CAARgB,QAAQ,CACRC,KAAK,CAAAjB,IAAA,CAALiB,KAAK,CAAAC,SAAA,CAAAlB,IAAA,CACLmB,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CACfE,MAAM,CAAApB,IAAA,CAANoB,MAAM,CAAAC,gBAAA,CAAArB,IAAA,CACNsB,WAAW,CAAXA,WAAW,CAAAD,gBAAA,GAAA,KAAA,CAAA,CAAG,UAAU,CAAAA,gBAAA,CAAAE,aAAA,CAAAvB,IAAA,CACxBwB,QAAQ,CAARA,QAAQ,CAAAD,aAAA,UAAG,QAAQ,CAAAA,aAAA,CAChBE,IAAI,CAAAC,wBAAA,CAAA1B,IAAA,CAAA2B,SAAA,CAEP,CAAA,IAAAC,iBAAA,CAA8BC,gBAAgB,CAAC,CAC7Cd,YAAY,CAAZA,YAAY,CACZC,QAAQ,CAARA,QAAQ,CACRC,KAAK,CAALA,KAAK,CACLZ,UAAU,CAAVA,UAAU,CACVI,kBAAkB,CAAlBA,kBAAkB,CAClBF,UAAU,CAAVA,UAAU,CACVO,IAAI,CAAJA,IAAI,CACJH,aAAa,CAAbA,aAAa,CACbC,eAAe,CAAfA,eAAe,CACfO,IAAI,CAAJA,IACF,CAAC,CAAC,CAXMW,YAAY,CAAAF,iBAAA,CAAZE,YAAY,CAAEC,GAAG,CAAAH,iBAAA,CAAHG,GAAG,CAazB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,SAAS,CAAGvB,eAAe,GAAK,OAAO,EAAIC,SAAS,CAC1D,IAAMuB,YAAY,CAAG,CAACD,SAAS,EAAIhC,QAAQ,CAC3C,IAAMkC,iBAAiB,~~CAAI~~,~~IAAGF~~,SAAS,CAAGtB,SAAS,CAAG,~~EAAG~~,CAAA,CAAA,~~EAAGuB~~,YAAY,CAAGjC,QAAQ,CAAG,~~EAAG~~,~~CAAC~~,CAAA,CAC1F,IAAAmC,cAAA,CAA8BC,aAAa,CAAC,CAAEC,WAAW,CAAEN,KAAK,CAACM,WAAY,CAAC,CAAC,CAAvEC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CACzB,IAAMC,GAAG,CAAGC,aAAa,CAACC,KAAK,CAACF,GAAG,CAACvB,IAAI,CAAC,CAACsB,iBAAiB,CAAC,CAE5D,OACEI,GAAA,CAACC,qBAAqB,CAAC7B,CAAAA,KAAK,CAAEa,YAAa,CAAA7B,QAAA,CACzC4C,GAAA,CAACE,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKC,cAAc,CAACzB,IAAI,CAAC,CAAA,CAAAxB,QAAA,CAC/BkD,IAAA,CAACC,kBAAkB,CAAAJ,MAAA,CAAAC,MAAA,CACjBI,CAAAA,QAAQ,CAAE1C,aAAc,CACxB2C,UAAU,CAAEvB,GAAG,CAACwB,OAAQ,CACxBC,aAAa,CAAC,gBAAgB,CAC9BpC,MAAM,CAAEA,MAAO,CACXqC,CAAAA,sBAAsB,CAAChC,IAAI,CAAC,CAAAxB,CAAAA,QAAA,EAE/BC,KAAK,CACJ2C,GAAA,CAACa,SAAS,CAAA,CACRC,EAAE,CAAC,MAAM,CACTlD,kBAAkB,CAAEA,kBAAmB,CACvC4C,QAAQ,CAAE1C,aAAc,CACxBiD,EAAE,CAAE7B,GAAG,CAACwB,OAAQ,CAChBlB,iBAAiB,CAAEA,iBAAkB,CACrClB,IAAI,CAAEA,IAAK,CAAAlB,QAAA,CAEVC,KAAK,CACG,CAAC,CACV,IAAI,CACRiD,IAAA,CAACJ,OAAO,CAAA,CAAA9C,QAAA,CACN4C,CAAAA,GAAA,CAACE,OAAO,CACNc,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAExC,WAAW,GAAK,YAAY,CAAG,KAAK,CAAG,QAAS,CAC/DoB,GAAG,CAAEA,GAAI,CACTlB,QAAQ,CAAEA,QAAS,CAAAvB,QAAA,CAElB8D,cAAK,CAACC,QAAQ,CAACC,GAAG,CAAChE,QAAQ,CAAE,SAACiE,KAAK,CAAEC,KAAK,CAAK,CAC9C,OAAOtB,GAAA,CAACE,OAAO,CAAA,CAAA9C,QAAA,CAAciE,KAAK,CAAA,CAAbC,KAAuB,CAAC,CAC/C,CAAC,CAAC,CACK,CAAC,CACVtB,GAAA,CAACuB,QAAQ,CAAA,CACPjD,IAAI,CAAEA,IAAK,CACXN,SAAS,CAAEA,SAAU,CACrBV,QAAQ,CAAEA,QAAS,CACnBkE,IAAI,CAAEzD,eAAe,GAAK,OAAO,CAAG,OAAO,CAAG,MAAO,CACtD,CAAC,CAAA,CACK,CAAC,CACQ,CAAA,CAAA,CAAC,CACd,CAAA,CAAC,CACW,CAAC,CAE5B;;;;"}
1	+ {"version":3,"file":"CheckboxGroup.js","sources":["../../../../../../src/components/Checkbox/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { checkboxSizes } from '../checkboxTokens';\nimport { CheckboxGroupProvider } from './CheckboxGroupContext';\nimport { useCheckboxGroup } from './useCheckboxGroup';\nimport { FormLabel, FormHint } from '~components/Form';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useBreakpoint } from '~utils';\n\nimport { useTheme } from '~components/BladeProvider';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CheckboxGroupProps = {\n /*\n Accepts multiple checkboxes as children\n /\n children: React.ReactNode;\n /\n Help text of the checkbox group\n /\n helpText?: string;\n /\n Error text of the checkbox group\n * Renders when `validationState` is set to 'error'\n \n Overrides helpText\n /\n errorText?: string;\n /\n Sets the error state of the CheckboxGroup\n * If set to `error` it will render the `errorText` of the group,\n * and propagate `invalid` prop to every checkbox\n /\n validationState?: 'error' \| 'none';\n /\n Renders a necessity indicator after CheckboxGroup label\n \n If set to `undefined` it renders nothing.\n /\n necessityIndicator?: 'required' \| 'optional' \| 'none';\n /\n Sets the disabled state of the CheckboxGroup\n * If set to `true` it propagate down to all the checkboxes\n \n @default false\n /\n isDisabled?: boolean;\n /\n Sets the required state of the CheckboxGroup\n * @default false\n /\n isRequired?: boolean;\n /\n Renders the label of the checkbox group\n /\n label?: string;\n /\n Sets the position of the label\n \n @default 'top'\n /\n labelPosition?: 'top' \| 'left';\n /\n Initial value of the checkbox group\n /\n defaultValue?: string[];\n /\n value of the checkbox group\n \n Use `onChange` to update its value\n /\n value?: string[];\n /\n The callback invoked when any of the checkbox's state changes\n /\n onChange?: ({ name, values }: { name: string; values: string[] }) => void;\n /\n The name of the input field in a checkbox\n * (Useful for form submission).\n /\n name?: string;\n /\n Size of the checkbox\n \n @default \"medium\"\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n Orientation of the checkbox group\n \n @default \"vertical\"\n */\n orientation?: 'vertical' \| 'horizontal';\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade;\n\nconst CheckboxGroup = ({\n children,\n label,\n helpText,\n isDisabled = false,\n isRequired = false,\n necessityIndicator = 'none',\n labelPosition = 'top',\n validationState,\n errorText,\n name,\n defaultValue,\n onChange,\n value,\n size = 'medium',\n testID,\n orientation = 'vertical',\n flexWrap = 'nowrap',\n ...rest\n}: CheckboxGroupProps): React.ReactElement => {\n const { contextValue, ids } = useCheckboxGroup({\n defaultValue,\n onChange,\n value,\n isDisabled,\n necessityIndicator,\n isRequired,\n name,\n labelPosition,\n validationState,\n size,\n });\n\n const { theme } = useTheme();\n const showError = validationState === 'error' && errorText;\n const showHelpText = !showError && helpText;\n const accessibilityText = `,${showError ? errorText : ''} ${showHelpText ? helpText : ''}`;\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const gap = checkboxSizes.group.gap[size][matchedDeviceType];\n\n return (\n <CheckboxGroupProvider value={contextValue}>\n <BaseBox {...getStyledProps(rest)}>\n <SelectorGroupField\n position={labelPosition}\n labelledBy={ids.labelId}\n componentName=\"checkbox-group\"\n testID={testID}\n {...makeAnalyticsAttribute(rest)}\n >\n {label ? (\n <FormLabel\n as=\"span\"\n necessityIndicator={necessityIndicator}\n position={labelPosition}\n id={ids.labelId}\n accessibilityText={accessibilityText}\n size={size}\n >\n {label}\n </FormLabel>\n ) : null}\n <BaseBox>\n <BaseBox\n display=\"flex\"\n flexDirection={orientation === 'horizontal' ? 'row' : 'column'}\n gap={gap}\n flexWrap={flexWrap}\n >\n {React.Children.map(children, (child, index) => {\n return <BaseBox key={index}>{child}</BaseBox>;\n })}\n </BaseBox>\n <FormHint\n size={size}\n errorText={errorText}\n helpText={helpText}\n type={validationState === 'error' ? 'error' : 'help'}\n />\n </BaseBox>\n </SelectorGroupField>\n </BaseBox>\n </CheckboxGroupProvider>\n );\n};\n\nexport type { CheckboxGroupProps };\nexport { CheckboxGroup };\n"],"names":["CheckboxGroup","_ref","children","label","helpText","_ref$isDisabled","isDisabled","_ref$isRequired","isRequired","_ref$necessityIndicat","necessityIndicator","_ref$labelPosition","labelPosition","validationState","errorText","name","defaultValue","onChange","value","_ref$size","size","testID","_ref$orientation","orientation","_ref$flexWrap","flexWrap","rest","_objectWithoutProperties","_excluded","_useCheckboxGroup","useCheckboxGroup","contextValue","ids","_useTheme","useTheme","theme","showError","showHelpText","accessibilityText","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","gap","checkboxSizes","group","_jsx","CheckboxGroupProvider","BaseBox","Object","assign","getStyledProps","_jsxs","SelectorGroupField","position","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","display","flexDirection","React","Children","map","child","index","FormHint","type"],"mappings":"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"}

package/build/lib/native/components/Checkbox/useCheckbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCheckbox.js","sources":["../../../../../src/components/Checkbox/useCheckbox.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type /\n/ eslint-disable @typescript-eslint/explicit-module-boundary-types /\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CheckboxProps } from './Checkbox';\nimport { useFormId } from '~components/Form/useFormId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType } from '~utils';\nimport { useControllableState } from '~utils/useControllable';\nimport { throwBladeError } from '~utils/logger';\n\ntype UseCheckboxProps = Pick<\n CheckboxProps,\n \| 'isChecked'\n \| 'defaultChecked'\n \| 'isDisabled'\n \| 'isIndeterminate'\n \| 'isRequired'\n \| 'onChange'\n \| 'name'\n \| 'value'\n> & {\n role?: 'checkbox' \| 'switch';\n hasError?: boolean;\n hasHelperText?: boolean;\n};\n\n/\n indeterminate is not a HTML input element prop,\n * it's an IDL prop thus we need to set it on the underlying HTMLInputElement\n */\nfunction setMixed(element: HTMLInputElement, mixed?: boolean) {\n if (mixed) {\n element.indeterminate = true;\n } else if (element.indeterminate) {\n element.indeterminate = false;\n }\n}\n\nconst useCheckbox = ({\n role = 'checkbox',\n isChecked,\n defaultChecked,\n isIndeterminate,\n isDisabled,\n isRequired,\n hasError,\n hasHelperText,\n onChange,\n name,\n value,\n}: UseCheckboxProps) => {\n const inputRef = React.useRef<HTMLInputElement>(null);\n\n const isReactNative = getPlatformType() === 'react-native';\n if (__DEV__) {\n if (isChecked && defaultChecked) {\n throwBladeError({\n message: `Do not provide both 'isChecked' and 'defaultChecked' to useCheckbox. Consider if you want this component to be controlled or uncontrolled.`,\n moduleName: 'useCheckbox',\n });\n }\n }\n\n const [checkboxState, setCheckboxStateChange] = useControllableState({\n value: isChecked,\n defaultValue: defaultChecked ?? false,\n });\n\n const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> \| GestureResponderEvent) => {\n if (isDisabled) {\n event.stopPropagation();\n event.preventDefault();\n return;\n }\n setCheckboxStateChange((checked) => {\n onChange?.({\n isChecked: !checked,\n event: event as React.ChangeEvent,\n value,\n });\n return !checked;\n });\n };\n\n // set indeterminate to input\n React.useEffect(() => {\n const element = inputRef.current;\n if (!element) return;\n setMixed(element, isIndeterminate);\n }, [isIndeterminate]);\n\n const state = {\n isReactNative,\n isChecked: checkboxState,\n setChecked: setCheckboxStateChange,\n };\n\n const { inputId, errorTextId, helpTextId } = useFormId('checkbox');\n\n const accessibilityProps = makeAccessible({\n role,\n required: Boolean(isRequired),\n invalid: Boolean(hasError),\n disabled: Boolean(isDisabled),\n checked: inputRef.current?.indeterminate ? 'mixed' : checkboxState,\n ...(hasError ? { errorMessage: errorTextId } : {}),\n ...(hasHelperText ? { describedBy: helpTextId } : {}),\n });\n\n if (isReactNative) {\n return {\n state,\n inputProps: {\n onPress: handleOnChange,\n name,\n value,\n ...accessibilityProps,\n },\n };\n }\n\n return {\n state,\n ids: { inputId, errorTextId, helpTextId },\n inputProps: {\n ref: inputRef,\n onChange: handleOnChange,\n type: 'checkbox',\n name,\n value,\n checked: checkboxState,\n disabled: isDisabled,\n required: isRequired,\n ...accessibilityProps,\n },\n };\n};\n\nexport type InputProps = ReturnType<typeof useCheckbox>['inputProps'];\n\nexport { useCheckbox };\n"],"names":["setMixed","element","mixed","indeterminate","useCheckbox","_ref","_inputRef$current","_ref$role","role","isChecked","defaultChecked","isIndeterminate","isDisabled","isRequired","hasError","hasHelperText","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","__DEV__","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","checkboxState","setCheckboxStateChange","handleOnChange","event","stopPropagation","preventDefault","checked","useEffect","current","state","setChecked","_useFormId","useFormId","inputId","errorTextId","helpTextId","accessibilityProps","makeAccessible","Object","assign","required","Boolean","invalid","disabled","errorMessage","describedBy","inputProps","onPress","ids","ref","type"],"mappings":";;;;;;;;;;AA+BA,SAASA,QAAQA,CAACC,OAAyB,CAAEC,KAAe,CAAE,CAC5D,GAAIA,KAAK,CAAE,CACTD,OAAO,CAACE,aAAa,CAAG,IAAI,CAC9B,CAAC,KAAUF,GAAAA,OAAO,CAACE,aAAa,CAAE,CAChCF,OAAO,CAACE,aAAa,CAAG,KAAK,CAC/B,CACF,CAEM,IAAAC,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAYO,CAAAC,IAAAA,iBAAA,CAAAC,IAAAA,SAAA,CAAAF,IAAA,CAXtBG,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,UAAU,CAAAA,SAAA,CACjBE,SAAS,CAAAJ,IAAA,CAATI,SAAS,CACTC,cAAc,CAAAL,IAAA,CAAdK,cAAc,CACdC,eAAe,CAAAN,IAAA,CAAfM,eAAe,CACfC,UAAU,CAAAP,IAAA,CAAVO,UAAU,CACVC,UAAU,CAAAR,IAAA,CAAVQ,UAAU,CACVC,QAAQ,CAAAT,IAAA,CAARS,QAAQ,CACRC,aAAa,CAAAV,IAAA,CAAbU,aAAa,CACbC,QAAQ,CAAAX,IAAA,CAARW,QAAQ,CACRC,IAAI,CAAAZ,IAAA,CAAJY,IAAI,CACJC,KAAK,CAAAb,IAAA,CAALa,KAAK,CAEL,IAAMC,QAAQ,CAAGC,cAAK,CAACC,MAAM,CAAmB,IAAI,CAAC,CAErD,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAC1D,GAAIC,OAAO,CAAE,CACX,GAAIf,SAAS,EAAIC,cAAc,CAAE,CAC/Be,eAAe,CAAC,CACdC,OAAO,~~CAAG~~,CAAA,0IAAA,~~CAA2I~~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"}
1	+ {"version":3,"file":"useCheckbox.js","sources":["../../../../../src/components/Checkbox/useCheckbox.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type /\n/ eslint-disable @typescript-eslint/explicit-module-boundary-types /\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CheckboxProps } from './Checkbox';\nimport { useFormId } from '~components/Form/useFormId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType } from '~utils';\nimport { useControllableState } from '~utils/useControllable';\nimport { throwBladeError } from '~utils/logger';\n\ntype UseCheckboxProps = Pick<\n CheckboxProps,\n \| 'isChecked'\n \| 'defaultChecked'\n \| 'isDisabled'\n \| 'isIndeterminate'\n \| 'isRequired'\n \| 'onChange'\n \| 'name'\n \| 'value'\n> & {\n role?: 'checkbox' \| 'switch';\n hasError?: boolean;\n hasHelperText?: boolean;\n};\n\n/\n indeterminate is not a HTML input element prop,\n * it's an IDL prop thus we need to set it on the underlying HTMLInputElement\n */\nfunction setMixed(element: HTMLInputElement, mixed?: boolean) {\n if (mixed) {\n element.indeterminate = true;\n } else if (element.indeterminate) {\n element.indeterminate = false;\n }\n}\n\nconst useCheckbox = ({\n role = 'checkbox',\n isChecked,\n defaultChecked,\n isIndeterminate,\n isDisabled,\n isRequired,\n hasError,\n hasHelperText,\n onChange,\n name,\n value,\n}: UseCheckboxProps) => {\n const inputRef = React.useRef<HTMLInputElement>(null);\n\n const isReactNative = getPlatformType() === 'react-native';\n if (__DEV__) {\n if (isChecked && defaultChecked) {\n throwBladeError({\n message: `Do not provide both 'isChecked' and 'defaultChecked' to useCheckbox. Consider if you want this component to be controlled or uncontrolled.`,\n moduleName: 'useCheckbox',\n });\n }\n }\n\n const [checkboxState, setCheckboxStateChange] = useControllableState({\n value: isChecked,\n defaultValue: defaultChecked ?? false,\n });\n\n const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> \| GestureResponderEvent) => {\n if (isDisabled) {\n event.stopPropagation();\n event.preventDefault();\n return;\n }\n setCheckboxStateChange((checked) => {\n onChange?.({\n isChecked: !checked,\n event: event as React.ChangeEvent,\n value,\n });\n return !checked;\n });\n };\n\n // set indeterminate to input\n React.useEffect(() => {\n const element = inputRef.current;\n if (!element) return;\n setMixed(element, isIndeterminate);\n }, [isIndeterminate]);\n\n const state = {\n isReactNative,\n isChecked: checkboxState,\n setChecked: setCheckboxStateChange,\n };\n\n const { inputId, errorTextId, helpTextId } = useFormId('checkbox');\n\n const accessibilityProps = makeAccessible({\n role,\n required: Boolean(isRequired),\n invalid: Boolean(hasError),\n disabled: Boolean(isDisabled),\n checked: inputRef.current?.indeterminate ? 'mixed' : checkboxState,\n ...(hasError ? { errorMessage: errorTextId } : {}),\n ...(hasHelperText ? { describedBy: helpTextId } : {}),\n });\n\n if (isReactNative) {\n return {\n state,\n inputProps: {\n onPress: handleOnChange,\n name,\n value,\n ...accessibilityProps,\n },\n };\n }\n\n return {\n state,\n ids: { inputId, errorTextId, helpTextId },\n inputProps: {\n ref: inputRef,\n onChange: handleOnChange,\n type: 'checkbox',\n name,\n value,\n checked: checkboxState,\n disabled: isDisabled,\n required: isRequired,\n ...accessibilityProps,\n },\n };\n};\n\nexport type InputProps = ReturnType<typeof useCheckbox>['inputProps'];\n\nexport { useCheckbox };\n"],"names":["setMixed","element","mixed","indeterminate","useCheckbox","_ref","_inputRef$current","_ref$role","role","isChecked","defaultChecked","isIndeterminate","isDisabled","isRequired","hasError","hasHelperText","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","__DEV__","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","checkboxState","setCheckboxStateChange","handleOnChange","event","stopPropagation","preventDefault","checked","useEffect","current","state","setChecked","_useFormId","useFormId","inputId","errorTextId","helpTextId","accessibilityProps","makeAccessible","Object","assign","required","Boolean","invalid","disabled","errorMessage","describedBy","inputProps","onPress","ids","ref","type"],"mappings":";;;;;;;;;;AA+BA,SAASA,QAAQA,CAACC,OAAyB,CAAEC,KAAe,CAAE,CAC5D,GAAIA,KAAK,CAAE,CACTD,OAAO,CAACE,aAAa,CAAG,IAAI,CAC9B,CAAC,KAAUF,GAAAA,OAAO,CAACE,aAAa,CAAE,CAChCF,OAAO,CAACE,aAAa,CAAG,KAAK,CAC/B,CACF,CAEM,IAAAC,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAYO,CAAAC,IAAAA,iBAAA,CAAAC,IAAAA,SAAA,CAAAF,IAAA,CAXtBG,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,UAAU,CAAAA,SAAA,CACjBE,SAAS,CAAAJ,IAAA,CAATI,SAAS,CACTC,cAAc,CAAAL,IAAA,CAAdK,cAAc,CACdC,eAAe,CAAAN,IAAA,CAAfM,eAAe,CACfC,UAAU,CAAAP,IAAA,CAAVO,UAAU,CACVC,UAAU,CAAAR,IAAA,CAAVQ,UAAU,CACVC,QAAQ,CAAAT,IAAA,CAARS,QAAQ,CACRC,aAAa,CAAAV,IAAA,CAAbU,aAAa,CACbC,QAAQ,CAAAX,IAAA,CAARW,QAAQ,CACRC,IAAI,CAAAZ,IAAA,CAAJY,IAAI,CACJC,KAAK,CAAAb,IAAA,CAALa,KAAK,CAEL,IAAMC,QAAQ,CAAGC,cAAK,CAACC,MAAM,CAAmB,IAAI,CAAC,CAErD,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAC1D,GAAIC,OAAO,CAAE,CACX,GAAIf,SAAS,EAAIC,cAAc,CAAE,CAC/Be,eAAe,CAAC,CACdC,OAAO,CAAE,CAAA,0IAAA,CAA4I,CACrJC,UAAU,CAAE,aACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAAC,qBAAA,CAAgDC,oBAAoB,CAAC,CACnEX,KAAK,CAAET,SAAS,CAChBqB,YAAY,CAAEpB,cAAc,EAAdA,IAAAA,CAAAA,cAAc,CAAI,KAClC,CAAC,CAAC,CAAAqB,sBAAA,CAAAC,cAAA,CAAAJ,qBAAA,CAHKK,CAAAA,CAAAA,CAAAA,aAAa,CAAAF,sBAAA,CAAA,CAAA,CAAA,CAAEG,sBAAsB,CAAAH,sBAAA,CAAA,CAAA,CAAA,CAK5C,IAAMI,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,KAAkE,CAAK,CAC7F,GAAIxB,UAAU,CAAE,CACdwB,KAAK,CAACC,eAAe,EAAE,CACvBD,KAAK,CAACE,cAAc,EAAE,CACtB,OACF,CACAJ,sBAAsB,CAAC,SAACK,OAAO,CAAK,CAClCvB,QAAQ,EAARA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,QAAQ,CAAG,CACTP,SAAS,CAAE,CAAC8B,OAAO,CACnBH,KAAK,CAAEA,KAA0B,CACjClB,KAAK,CAALA,KACF,CAAC,CAAC,CACF,OAAO,CAACqB,OAAO,CACjB,CAAC,CAAC,CACJ,CAAC,CAGDnB,cAAK,CAACoB,SAAS,CAAC,UAAM,CACpB,IAAMvC,OAAO,CAAGkB,QAAQ,CAACsB,OAAO,CAChC,GAAI,CAACxC,OAAO,CAAE,OACdD,QAAQ,CAACC,OAAO,CAAEU,eAAe,CAAC,CACpC,CAAC,CAAE,CAACA,eAAe,CAAC,CAAC,CAErB,IAAM+B,KAAK,CAAG,CACZpB,aAAa,CAAbA,aAAa,CACbb,SAAS,CAAEwB,aAAa,CACxBU,UAAU,CAAET,sBACd,CAAC,CAED,IAAAU,UAAA,CAA6CC,SAAS,CAAC,UAAU,CAAC,CAA1DC,OAAO,CAAAF,UAAA,CAAPE,OAAO,CAAEC,WAAW,CAAAH,UAAA,CAAXG,WAAW,CAAEC,UAAU,CAAAJ,UAAA,CAAVI,UAAU,CAExC,IAAMC,kBAAkB,CAAGC,cAAc,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACvC5C,IAAI,CAAJA,IAAI,CACJ6C,QAAQ,CAAEC,OAAO,CAACzC,UAAU,CAAC,CAC7B0C,OAAO,CAAED,OAAO,CAACxC,QAAQ,CAAC,CAC1B0C,QAAQ,CAAEF,OAAO,CAAC1C,UAAU,CAAC,CAC7B2B,OAAO,CAAE,CAAAjC,iBAAA,CAAAa,QAAQ,CAACsB,OAAO,GAAA,IAAA,EAAhBnC,iBAAA,CAAkBH,aAAa,CAAG,OAAO,CAAG8B,aAAa,CAAA,CAC9DnB,QAAQ,CAAG,CAAE2C,YAAY,CAAEV,WAAY,CAAC,CAAG,EAAE,CAC7ChC,aAAa,CAAG,CAAE2C,WAAW,CAAEV,UAAW,CAAC,CAAG,EAAE,CACrD,CAAC,CAEF,GAAI1B,aAAa,CAAE,CACjB,OAAO,CACLoB,KAAK,CAALA,KAAK,CACLiB,UAAU,CAAAR,MAAA,CAAAC,MAAA,CACRQ,CAAAA,OAAO,CAAEzB,cAAc,CACvBlB,IAAI,CAAJA,IAAI,CACJC,KAAK,CAALA,KAAK,CACF+B,CAAAA,kBAAkB,CAEzB,CAAC,CACH,CAEA,OAAO,CACLP,KAAK,CAALA,KAAK,CACLmB,GAAG,CAAE,CAAEf,OAAO,CAAPA,OAAO,CAAEC,WAAW,CAAXA,WAAW,CAAEC,UAAU,CAAVA,UAAW,CAAC,CACzCW,UAAU,CAAAR,MAAA,CAAAC,MAAA,CAAA,CACRU,GAAG,CAAE3C,QAAQ,CACbH,QAAQ,CAAEmB,cAAc,CACxB4B,IAAI,CAAE,UAAU,CAChB9C,IAAI,CAAJA,IAAI,CACJC,KAAK,CAALA,KAAK,CACLqB,OAAO,CAAEN,aAAa,CACtBuB,QAAQ,CAAE5C,UAAU,CACpByC,QAAQ,CAAExC,UAAU,CAAA,CACjBoC,kBAAkB,CAEzB,CAAC,CACH;;;;"}

package/build/lib/native/components/Chip/ChipGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChipGroup.js","sources":["../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupLabelSizeTokens, chipGroupGapTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef } from '~utils/types';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _ChipGroup = (\n {\n accessibilityLabel,\n label,\n labelPosition = 'top',\n necessityIndicator = 'none',\n validationState = 'none',\n errorText,\n helpText,\n isRequired = false,\n children,\n isDisabled = false,\n name,\n defaultValue,\n onChange,\n value,\n size = 'small',\n color = 'primary',\n testID,\n selectionType = 'single',\n ...rest\n }: ChipGroupProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const { contextValue, ids } = useChipGroup({\n defaultValue,\n onChange,\n value,\n isDisabled,\n name,\n size,\n color,\n selectionType,\n isRequired,\n validationState,\n necessityIndicator,\n });\n const showError = validationState === 'error' && errorText;\n const showHelpText = !showError && helpText;\n const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n\n if (__DEV__) {\n if (selectionType === 'single' && Array.isArray(defaultValue)) {\n throwBladeError({\n moduleName: 'ChipGroup',\n message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n });\n }\n if (selectionType === 'single' && Array.isArray(value)) {\n throwBladeError({\n moduleName: 'ChipGroup',\n message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n });\n }\n }\n\n return (\n <ChipGroupProvider value={contextValue}>\n <BaseBox ref={ref as never} {...getStyledProps(rest)}>\n <SelectorGroupField\n position={labelPosition}\n accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n labelledBy={ids.labelId}\n componentName=\"chip-group\"\n testID={testID}\n {...makeAnalyticsAttribute(rest)}\n >\n {label ? (\n <FormLabel\n as=\"span\"\n necessityIndicator={necessityIndicator}\n position={labelPosition}\n id={ids.labelId}\n accessibilityText={accessibilityText && `,${accessibilityText}`}\n size={chipGroupLabelSizeTokens[size]}\n >\n {label}\n </FormLabel>\n ) : null}\n <BaseBox>\n <VisuallyHidden>\n <Text>{accessibilityLabel}</Text>\n </VisuallyHidden>\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n flexWrap=\"wrap\"\n rowGap={chipGroupGapTokens[size].bottom}\n columnGap={chipGroupGapTokens[size].right}\n marginBottom={chipGroupGapTokens[size].bottom}\n >\n {children}\n </BaseBox>\n <FormHint\n size={chipGroupLabelSizeTokens[size]}\n type={validationState === 'error' ? 'error' : 'help'}\n errorText={errorText}\n helpText={helpText}\n />\n </BaseBox>\n </SelectorGroupField>\n </BaseBox>\n </ChipGroupProvider>\n );\n};\n\nconst ChipGroup = React.forwardRef(_ChipGroup);\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["_ChipGroup","_ref","ref","accessibilityLabel","label","_ref$labelPosition","labelPosition","_ref$necessityIndicat","necessityIndicator","_ref$validationState","validationState","errorText","helpText","_ref$isRequired","isRequired","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","rest","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","showError","showHelpText","accessibilityText","trim","__DEV__","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","Object","assign","getStyledProps","_jsxs","SelectorGroupField","position","accessibilityRole","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","chipGroupLabelSizeTokens","VisuallyHidden","Text","display","flexDirection","flexWrap","rowGap","chipGroupGapTokens","bottom","columnGap","right","marginBottom","FormHint","type","ChipGroup","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,oBAAA,CAAA,OAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,WAAA,CAAA,UAAA,CAAA,YAAA,CAAA,UAAA,CAAA,YAAA,CAAA,MAAA,CAAA,cAAA,CAAA,UAAA,CAAA,OAAA,CAAA,MAAA,CAAA,OAAA,CAAA,QAAA,CAAA,eAAA,CAAA,CAeA,IAAMA,UAAU,CAAG,SAAbA,UAAUA,CAAAC,IAAA,CAsBdC,GAA+B,CACR,CArBrB,IAAAC,kBAAkB,CAAAF,IAAA,CAAlBE,kBAAkB,CAClBC,KAAK,CAAAH,IAAA,CAALG,KAAK,CAAAC,kBAAA,CAAAJ,IAAA,CACLK,aAAa,CAAbA,aAAa,CAAAD,kBAAA,UAAG,KAAK,CAAAA,kBAAA,CAAAE,qBAAA,CAAAN,IAAA,CACrBO,kBAAkB,CAAlBA,kBAAkB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,MAAM,CAAAA,qBAAA,CAAAE,oBAAA,CAAAR,IAAA,CAC3BS,eAAe,CAAfA,eAAe,CAAAD,oBAAA,UAAG,MAAM,CAAAA,oBAAA,CACxBE,SAAS,CAAAV,IAAA,CAATU,SAAS,CACTC,QAAQ,CAAAX,IAAA,CAARW,QAAQ,CAAAC,eAAA,CAAAZ,IAAA,CACRa,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,eAAA,CAClBE,QAAQ,CAAAd,IAAA,CAARc,QAAQ,CAAAC,eAAA,CAAAf,IAAA,CACRgB,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAClBE,IAAI,CAAAjB,IAAA,CAAJiB,IAAI,CACJC,YAAY,CAAAlB,IAAA,CAAZkB,YAAY,CACZC,QAAQ,CAAAnB,IAAA,CAARmB,QAAQ,CACRC,KAAK,CAAApB,IAAA,CAALoB,KAAK,CAAAC,SAAA,CAAArB,IAAA,CACLsB,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,SAAA,CAAAE,UAAA,CAAAvB,IAAA,CACdwB,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CACjBE,MAAM,CAAAzB,IAAA,CAANyB,MAAM,CAAAC,kBAAA,CAAA1B,IAAA,CACN2B,aAAa,CAAbA,aAAa,CAAAD,kBAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,kBAAA,CACrBE,IAAI,CAAAC,wBAAA,CAAA7B,IAAA,CAAA8B,SAAA,CAIT,CAAA,IAAAC,aAAA,CAA8BC,YAAY,CAAC,CACzCd,YAAY,CAAZA,YAAY,CACZC,QAAQ,CAARA,QAAQ,CACRC,KAAK,CAALA,KAAK,CACLJ,UAAU,CAAVA,UAAU,CACVC,IAAI,CAAJA,IAAI,CACJK,IAAI,CAAJA,IAAI,CACJE,KAAK,CAALA,KAAK,CACLG,aAAa,CAAbA,aAAa,CACbd,UAAU,CAAVA,UAAU,CACVJ,eAAe,CAAfA,eAAe,CACfF,kBAAkB,CAAlBA,kBACF,CAAC,CAAC,CAZM0B,YAAY,CAAAF,aAAA,CAAZE,YAAY,CAAEC,GAAG,CAAAH,aAAA,CAAHG,GAAG,CAazB,IAAMC,SAAS,CAAG1B,eAAe,GAAK,OAAO,EAAIC,SAAS,CAC1D,IAAM0B,YAAY,CAAG,CAACD,SAAS,EAAIxB,QAAQ,CAC3C,IAAM0B,iBAAiB,~~CAAI~~,~~CAAEF~~,EAAAA,SAAS,CAAGzB,SAAS,CAAG,~~EAAG~~,CAAA,CAAA,~~EAAG0B~~,YAAY,CAAGzB,QAAQ,CAAG,~~EAAG~~,~~EAAC~~,CAAC2B,IAAI,EAAE,CAEhG,GAAIC,OAAO,CAAE,CACX,GAAIZ,aAAa,GAAK,QAAQ,EAAIa,KAAK,CAACC,OAAO,CAACvB,YAAY,CAAC,CAAE,CAC7DwB,eAAe,CAAC,CACdC,UAAU,CAAE,WAAW,CACvBC,OAAO,~~CAAG~~,~~CACZ~~,4GAAA,CAAA,CAAC,CAAC,CACJ,CACA,GAAIjB,aAAa,GAAK,QAAQ,EAAIa,KAAK,CAACC,OAAO,CAACrB,KAAK,CAAC,CAAE,CACtDsB,eAAe,CAAC,CACdC,UAAU,CAAE,WAAW,CACvBC,OAAO,~~CAAG~~,~~uGACZ~~,CAAC,CAAC,CACJ,CACF,CAEA,OACEC,GAAA,CAACC,iBAAiB,CAAC1B,CAAAA,KAAK,CAAEa,YAAa,CAAAnB,QAAA,CACrC+B,GAAA,CAACE,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,CAAChD,GAAG,CAAEA,GAAa,CAAKiD,CAAAA,cAAc,CAACtB,IAAI,CAAC,CAAAd,CAAAA,QAAA,CAClDqC,IAAA,CAACC,kBAAkB,CAAAJ,MAAA,CAAAC,MAAA,EACjBI,QAAQ,CAAEhD,aAAc,CACxBiD,iBAAiB,CAAE3B,aAAa,GAAK,QAAQ,CAAG,YAAY,CAAG,OAAQ,CACvE4B,UAAU,CAAErB,GAAG,CAACsB,OAAQ,CACxBC,aAAa,CAAC,YAAY,CAC1BhC,MAAM,CAAEA,MAAO,CAAA,CACXiC,sBAAsB,CAAC9B,IAAI,CAAC,CAAA,CAAAd,QAAA,CAAA,CAE/BX,KAAK,CACJ0C,GAAA,CAACc,SAAS,CAAA,CACRC,EAAE,CAAC,MAAM,CACTrD,kBAAkB,CAAEA,kBAAmB,CACvC8C,QAAQ,CAAEhD,aAAc,CACxBwD,EAAE,CAAE3B,GAAG,CAACsB,OAAQ,CAChBnB,iBAAiB,CAAEA,iBAAiB,~~EAAK~~,CAAA,CAAA,~~EAAGA~~,~~iBAAkB~~,CAAA,~~CAAE~~,CAChEf,IAAI,CAAEwC,wBAAwB,CAACxC,IAAI,CAAE,CAAAR,QAAA,CAEpCX,KAAK,CACG,CAAC,CACV,IAAI,CACRgD,IAAA,CAACJ,OAAO,CAAAjC,CAAAA,QAAA,EACN+B,GAAA,CAACkB,cAAc,CAAA,CAAAjD,QAAA,CACb+B,GAAA,CAACmB,IAAI,EAAAlD,QAAA,CAAEZ,kBAAkB,CAAO,CAAC,CACnB,CAAC,CACjB2C,GAAA,CAACE,OAAO,CACNkB,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,QAAQ,CAAC,MAAM,CACfC,MAAM,CAAEC,kBAAkB,CAAC/C,IAAI,CAAC,CAACgD,MAAO,CACxCC,SAAS,CAAEF,kBAAkB,CAAC/C,IAAI,CAAC,CAACkD,KAAM,CAC1CC,YAAY,CAAEJ,kBAAkB,CAAC/C,IAAI,CAAC,CAACgD,MAAO,CAAAxD,QAAA,CAE7CA,QAAQ,CACF,CAAC,CACV+B,GAAA,CAAC6B,QAAQ,CAAA,CACPpD,IAAI,CAAEwC,wBAAwB,CAACxC,IAAI,CAAE,CACrCqD,IAAI,CAAElE,eAAe,GAAK,OAAO,CAAG,OAAO,CAAG,MAAO,CACrDC,SAAS,CAAEA,SAAU,CACrBC,QAAQ,CAAEA,QAAS,CACpB,CAAC,CAAA,CACK,CAAC,CACQ,CAAA,CAAA,CAAC,CACd,CAAA,CAAC,CACO,CAAC,CAExB,CAAC,CAEK,IAAAiE,SAAS,CAAGC,cAAK,CAACC,UAAU,CAAC/E,UAAU;;;;"}
1	+ {"version":3,"file":"ChipGroup.js","sources":["../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupLabelSizeTokens, chipGroupGapTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef } from '~utils/types';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _ChipGroup = (\n {\n accessibilityLabel,\n label,\n labelPosition = 'top',\n necessityIndicator = 'none',\n validationState = 'none',\n errorText,\n helpText,\n isRequired = false,\n children,\n isDisabled = false,\n name,\n defaultValue,\n onChange,\n value,\n size = 'small',\n color = 'primary',\n testID,\n selectionType = 'single',\n ...rest\n }: ChipGroupProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const { contextValue, ids } = useChipGroup({\n defaultValue,\n onChange,\n value,\n isDisabled,\n name,\n size,\n color,\n selectionType,\n isRequired,\n validationState,\n necessityIndicator,\n });\n const showError = validationState === 'error' && errorText;\n const showHelpText = !showError && helpText;\n const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n\n if (__DEV__) {\n if (selectionType === 'single' && Array.isArray(defaultValue)) {\n throwBladeError({\n moduleName: 'ChipGroup',\n message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n });\n }\n if (selectionType === 'single' && Array.isArray(value)) {\n throwBladeError({\n moduleName: 'ChipGroup',\n message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n });\n }\n }\n\n return (\n <ChipGroupProvider value={contextValue}>\n <BaseBox ref={ref as never} {...getStyledProps(rest)}>\n <SelectorGroupField\n position={labelPosition}\n accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n labelledBy={ids.labelId}\n componentName=\"chip-group\"\n testID={testID}\n {...makeAnalyticsAttribute(rest)}\n >\n {label ? (\n <FormLabel\n as=\"span\"\n necessityIndicator={necessityIndicator}\n position={labelPosition}\n id={ids.labelId}\n accessibilityText={accessibilityText && `,${accessibilityText}`}\n size={chipGroupLabelSizeTokens[size]}\n >\n {label}\n </FormLabel>\n ) : null}\n <BaseBox>\n <VisuallyHidden>\n <Text>{accessibilityLabel}</Text>\n </VisuallyHidden>\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n flexWrap=\"wrap\"\n rowGap={chipGroupGapTokens[size].bottom}\n columnGap={chipGroupGapTokens[size].right}\n marginBottom={chipGroupGapTokens[size].bottom}\n >\n {children}\n </BaseBox>\n <FormHint\n size={chipGroupLabelSizeTokens[size]}\n type={validationState === 'error' ? 'error' : 'help'}\n errorText={errorText}\n helpText={helpText}\n />\n </BaseBox>\n </SelectorGroupField>\n </BaseBox>\n </ChipGroupProvider>\n );\n};\n\nconst ChipGroup = React.forwardRef(_ChipGroup);\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["_ChipGroup","_ref","ref","accessibilityLabel","label","_ref$labelPosition","labelPosition","_ref$necessityIndicat","necessityIndicator","_ref$validationState","validationState","errorText","helpText","_ref$isRequired","isRequired","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","rest","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","showError","showHelpText","accessibilityText","trim","__DEV__","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","Object","assign","getStyledProps","_jsxs","SelectorGroupField","position","accessibilityRole","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","chipGroupLabelSizeTokens","VisuallyHidden","Text","display","flexDirection","flexWrap","rowGap","chipGroupGapTokens","bottom","columnGap","right","marginBottom","FormHint","type","ChipGroup","React","forwardRef"],"mappings":"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"}