@factorialco/f0-react-native 0.28.1 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/components/Avatars/IconAvatar/index.js +1 -1
- package/lib/module/components/Avatars/IconAvatar/index.js.map +1 -1
- package/lib/module/components/Avatars/ModuleAvatar/index.js +1 -1
- package/lib/module/components/Avatars/ModuleAvatar/index.js.map +1 -1
- package/lib/module/components/Badge/index.js +1 -1
- package/lib/module/components/Badge/index.js.map +1 -1
- package/lib/module/components/Button/index.js +1 -1
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/Button/index.spec.js +1 -1
- package/lib/module/components/Button/index.spec.js.map +1 -1
- package/lib/module/components/Icon/index.js +1 -1
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/OneChip/index.js +1 -1
- package/lib/module/components/OneChip/index.js.map +1 -1
- package/lib/module/components/Tags/AlertTab/index.js +1 -1
- package/lib/module/components/Tags/AlertTab/index.js.map +1 -1
- package/lib/module/components/Tags/RawTag/index.js +1 -1
- package/lib/module/components/Tags/RawTag/index.js.map +1 -1
- package/lib/module/components/experimental/Lists/DataList/ItemContainer.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/ItemContainer.js.map +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/CopyAction.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/CopyAction.js.map +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/GenericAction.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/GenericAction.js.map +1 -1
- package/lib/module/components/exports.js +1 -1
- package/lib/module/components/exports.js.map +1 -1
- package/lib/module/components/primitives/F0Icon/F0Icon.js +2 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.js.map +1 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.md +187 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.styles.js +2 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.styles.js.map +1 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.types.js +2 -0
- package/lib/module/components/primitives/F0Icon/F0Icon.types.js.map +1 -0
- package/lib/module/components/primitives/F0Icon/index.js +2 -0
- package/lib/module/components/primitives/F0Icon/index.js.map +1 -0
- package/lib/module/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.js +1 -1
- package/lib/module/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.js.map +1 -1
- package/lib/module/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.md +45 -8
- package/lib/module/components/primitives/F0Text/F0Text/F0Text.js +1 -1
- package/lib/module/components/primitives/F0Text/F0Text/F0Text.js.map +1 -1
- package/lib/module/components/primitives/F0Text/F0Text/F0Text.md +42 -31
- package/lib/module/components/primitives/F0Text/F0Text/F0Text.styles.js +1 -1
- package/lib/module/components/primitives/F0Text/F0Text/F0Text.styles.js.map +1 -1
- package/lib/module/components/primitives/F0Text/F0Text/F0Text.types.js +1 -1
- package/lib/module/components/primitives/F0Text/F0Text/F0Text.types.js.map +1 -1
- package/lib/module/icons/index.js +1 -1
- package/lib/module/icons/index.js.map +1 -1
- package/lib/module/lib/utils.js.map +1 -1
- package/lib/typescript/components/Activity/ActivityItem/index.d.ts +1 -1
- package/lib/typescript/components/Activity/ActivityItem/index.d.ts.map +1 -1
- package/lib/typescript/components/Avatars/IconAvatar/index.d.ts +1 -1
- package/lib/typescript/components/Avatars/IconAvatar/index.d.ts.map +1 -1
- package/lib/typescript/components/Avatars/ModuleAvatar/index.d.ts +1 -1
- package/lib/typescript/components/Avatars/ModuleAvatar/index.d.ts.map +1 -1
- package/lib/typescript/components/Badge/index.d.ts +1 -1
- package/lib/typescript/components/Badge/index.d.ts.map +1 -1
- package/lib/typescript/components/Button/index.d.ts +1 -1
- package/lib/typescript/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/components/Icon/index.d.ts +7 -14
- package/lib/typescript/components/Icon/index.d.ts.map +1 -1
- package/lib/typescript/components/OneChip/index.d.ts +1 -1
- package/lib/typescript/components/OneChip/index.d.ts.map +1 -1
- package/lib/typescript/components/Tags/RawTag/index.d.ts +1 -1
- package/lib/typescript/components/Tags/RawTag/index.d.ts.map +1 -1
- package/lib/typescript/components/experimental/Lists/DataList/ItemContainer.d.ts +1 -1
- package/lib/typescript/components/experimental/Lists/DataList/ItemContainer.d.ts.map +1 -1
- package/lib/typescript/components/experimental/Lists/DataList/actions/CopyAction.d.ts.map +1 -1
- package/lib/typescript/components/experimental/Lists/DataList/index.d.ts +1 -1
- package/lib/typescript/components/experimental/Lists/DataList/index.d.ts.map +1 -1
- package/lib/typescript/components/exports.d.ts +2 -1
- package/lib/typescript/components/exports.d.ts.map +1 -1
- package/lib/typescript/components/primitives/F0Icon/F0Icon.d.ts +25 -0
- package/lib/typescript/components/primitives/F0Icon/F0Icon.d.ts.map +1 -0
- package/lib/typescript/components/primitives/F0Icon/F0Icon.styles.d.ts +90 -0
- package/lib/typescript/components/primitives/F0Icon/F0Icon.styles.d.ts.map +1 -0
- package/lib/typescript/components/primitives/F0Icon/F0Icon.types.d.ts +47 -0
- package/lib/typescript/components/primitives/F0Icon/F0Icon.types.d.ts.map +1 -0
- package/lib/typescript/components/primitives/F0Icon/index.d.ts +10 -0
- package/lib/typescript/components/primitives/F0Icon/index.d.ts.map +1 -0
- package/lib/typescript/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.d.ts.map +1 -1
- package/lib/typescript/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.types.d.ts +14 -0
- package/lib/typescript/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.types.d.ts.map +1 -1
- package/lib/typescript/components/primitives/F0Text/F0Text/F0Text.d.ts.map +1 -1
- package/lib/typescript/components/primitives/F0Text/F0Text/F0Text.styles.d.ts +2 -2
- package/lib/typescript/components/primitives/F0Text/F0Text/F0Text.styles.d.ts.map +1 -1
- package/lib/typescript/components/primitives/F0Text/F0Text/F0Text.types.d.ts +22 -18
- package/lib/typescript/components/primitives/F0Text/F0Text/F0Text.types.d.ts.map +1 -1
- package/lib/typescript/icons/index.d.ts +0 -1
- package/lib/typescript/icons/index.d.ts.map +1 -1
- package/lib/typescript/lib/utils.d.ts +1 -2
- package/lib/typescript/lib/utils.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Activity/ActivityItem/index.spec.tsx +1 -1
- package/src/components/Activity/ActivityItem/index.tsx +1 -1
- package/src/components/Avatars/IconAvatar/index.tsx +6 -2
- package/src/components/Avatars/ModuleAvatar/index.tsx +1 -1
- package/src/components/Badge/index.tsx +2 -2
- package/src/components/Button/index.spec.tsx +3 -4
- package/src/components/Button/index.tsx +19 -13
- package/src/components/Icon/__tests__/Icon.spec.tsx +0 -4
- package/src/components/Icon/index.tsx +7 -26
- package/src/components/OneChip/index.tsx +3 -3
- package/src/components/Tags/AlertTab/index.tsx +2 -2
- package/src/components/Tags/RawTag/index.tsx +2 -2
- package/src/components/experimental/Lists/DataList/ItemContainer.tsx +2 -2
- package/src/components/experimental/Lists/DataList/actions/CopyAction.tsx +7 -10
- package/src/components/experimental/Lists/DataList/actions/GenericAction.tsx +2 -2
- package/src/components/experimental/Lists/DataList/index.tsx +1 -1
- package/src/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +4 -4
- package/src/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/exports.ts +2 -1
- package/src/components/primitives/F0Icon/F0Icon.md +187 -0
- package/src/components/primitives/F0Icon/F0Icon.styles.ts +43 -0
- package/src/components/primitives/F0Icon/F0Icon.tsx +73 -0
- package/src/components/primitives/F0Icon/F0Icon.types.ts +77 -0
- package/src/components/primitives/F0Icon/__tests__/F0Icon.spec.tsx +131 -0
- package/src/components/primitives/F0Icon/__tests__/F0Icon.tokens.spec.ts +39 -0
- package/src/components/primitives/F0Icon/index.ts +10 -0
- package/src/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.md +45 -8
- package/src/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.tsx +20 -8
- package/src/components/primitives/F0Text/AnimatedF0Text/AnimatedF0Text.types.ts +15 -0
- package/src/components/primitives/F0Text/AnimatedF0Text/__tests__/AnimatedF0Text.spec.tsx +220 -0
- package/src/components/primitives/F0Text/AnimatedF0Text/__tests__/__snapshots__/AnimatedF0Text.spec.tsx.snap +16 -16
- package/src/components/primitives/F0Text/F0Text/F0Text.md +42 -31
- package/src/components/primitives/F0Text/F0Text/F0Text.styles.ts +1 -1
- package/src/components/primitives/F0Text/F0Text/F0Text.tsx +17 -10
- package/src/components/primitives/F0Text/F0Text/F0Text.types.ts +22 -18
- package/src/components/primitives/F0Text/F0Text/__tests__/F0Text.spec.tsx +340 -16
- package/src/components/primitives/F0Text/F0Text/__tests__/__snapshots__/F0Text.spec.tsx.snap +36 -36
- package/src/icons/index.ts +0 -1
- package/src/lib/utils.ts +1 -2
- package/lib/module/components/Icon/README.md +0 -63
- package/src/components/Icon/README.md +0 -63
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{View}from"react-native";import{cn}from"../../../lib/utils";import{
|
|
1
|
+
import{View}from"react-native";import{cn}from"../../../lib/utils";import{F0Icon}from"../../primitives/F0Icon";import{jsx as _jsx}from"react/jsx-runtime";var sizes={sm:"h-6 w-6 rounded-sm",md:"h-9 w-9 rounded-md",lg:"h-10 w-10 rounded-lg"};export var IconAvatar=function IconAvatar(_ref){var icon=_ref.icon,_ref$size=_ref.size,size=_ref$size===void 0?"md":_ref$size,className=_ref.className;return _jsx(View,{className:cn("flex aspect-square items-center justify-center border border-solid border-f0-border-secondary",sizes[size],className),children:_jsx(F0Icon,{icon:icon,size:size,className:"text-f0-foreground-secondary"})});};IconAvatar.displayName="IconAvatar";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","cn","
|
|
1
|
+
{"version":3,"names":["View","cn","F0Icon","jsx","_jsx","sizes","sm","md","lg","IconAvatar","_ref","icon","_ref$size","size","className","children","displayName"],"sourceRoot":"../../../../../src","sources":["components/Avatars/IconAvatar/index.tsx"],"mappings":"AAAA,OAASA,IAAI,KAAQ,cAAc,CAEnC,OAASC,EAAE,KAAQ,oBAAoB,CACvC,OAASC,MAAM,KAAuB,yBAAyB,QAAAC,GAAA,IAAAC,IAAA,yBAQ/D,GAAM,CAAAC,KAAK,CAAG,CACZC,EAAE,CAAE,oBAAoB,CACxBC,EAAE,CAAE,oBAAoB,CACxBC,EAAE,CAAE,sBACN,CAAC,CAED,MAAO,IAAM,CAAAC,UAAU,CAAG,QAAb,CAAAA,UAAUA,CAAAC,IAAA,CAAgD,IAA1C,CAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAAC,SAAA,CAAAF,IAAA,CAAEG,IAAI,CAAJA,IAAI,CAAAD,SAAA,UAAG,IAAI,CAAAA,SAAA,CAAEE,SAAS,CAAAJ,IAAA,CAATI,SAAS,CACvD,MACE,CAAAV,IAAA,CAACJ,IAAI,EACHc,SAAS,CAAEb,EAAE,CACX,+FAA+F,CAC/FI,KAAK,CAACQ,IAAI,CAAC,CACXC,SACF,CAAE,CAAAC,QAAA,CAEFX,IAAA,CAACF,MAAM,EACLS,IAAI,CAAEA,IAAK,CACXE,IAAI,CAAEA,IAAK,CACXC,SAAS,CAAC,8BAA8B,CACzC,CAAC,CACE,CAAC,CAEX,CAAC,CAEDL,UAAU,CAACO,WAAW,CAAG,YAAY","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size"];import{View}from"react-native";import Svg,{Defs,LinearGradient,Stop,Path}from"react-native-svg";import{tv}from"tailwind-variants";import{applyIconInterop}from"../../
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size"];import{View}from"react-native";import Svg,{Defs,LinearGradient,Stop,Path}from"react-native-svg";import{tv}from"tailwind-variants";import{applyIconInterop}from"../../primitives/F0Icon";import{modules}from"./modules";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var moduleAvatarVariants=tv({base:"relative flex shrink-0 items-center justify-center",variants:{size:{sm:"h-4 w-4",md:"h-6 w-6",lg:"h-8 w-8",xl:"h-10 w-10"}},defaultVariants:{size:"md"}});var iconContainerVariants=tv({base:"absolute inset-0 items-center justify-center z-10",variants:{size:{sm:"h-4 w-4",md:"h-6 w-6",lg:"h-8 w-8",xl:"h-10 w-10"}},defaultVariants:{size:"md"}});var iconSizeVariants=tv({base:"relative text-f0-foreground-inverse drop-shadow",variants:{size:{sm:"h-[14px] w-[14px]",md:"h-[18px] w-[18px]",lg:"h-6 w-6",xl:"h-8 w-8"}},defaultVariants:{size:"md"}});var squirclePath="M50,0 C43,0 36,0 30,1 23,2 17,5 12,9 5,16 1,25 0,36 0,43 0,57 0,64 1,75 5,84 12,91 17,95 23,98 30,99 36,100 43,100 50,100 57,100 64,100 70,99 77,98 83,95 88,91 95,84 99,75 100,64 100,57 100,43 100,36 99,25 95,16 88,9 83,5 77,2 70,1 64,0 57,0 50,0";export var ModuleAvatar=function ModuleAvatar(_ref){var _ref$size=_ref.size,size=_ref$size===void 0?"md":_ref$size,props=_objectWithoutProperties(_ref,_excluded);var IconComponent="icon"in props?applyIconInterop(props.icon):applyIconInterop(modules[props.module]);var code=Math.random().toString(36).substring(2,15);var gradientId=`gradient-${code}`;return _jsxs(View,{className:moduleAvatarVariants({size:size}),accessibilityRole:"image",children:[_jsxs(Svg,{viewBox:"0 0 100 100",className:"absolute h-full w-full",preserveAspectRatio:"none",children:[_jsx(Defs,{children:_jsxs(LinearGradient,{id:gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[_jsx(Stop,{offset:"0%",stopColor:"#FF355E"}),_jsx(Stop,{offset:"44%",stopColor:"#FF355E"}),_jsx(Stop,{offset:"100%",stopColor:"#D62D4F"})]})}),_jsx(Path,{d:squirclePath,fill:`url(#${gradientId})`,stroke:"white",strokeWidth:10,transform:"scale(0.95) translate(2.5 2.5)"})]}),_jsx(View,{className:iconContainerVariants({size:size}),children:_jsx(IconComponent,{className:iconSizeVariants({size:size})})})]});};ModuleAvatar.displayName="IconAvatar";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Svg","Defs","LinearGradient","Stop","Path","tv","applyIconInterop","modules","jsx","_jsx","jsxs","_jsxs","moduleAvatarVariants","base","variants","size","sm","md","lg","xl","defaultVariants","iconContainerVariants","iconSizeVariants","squirclePath","ModuleAvatar","_ref","_ref$size","props","_objectWithoutProperties","_excluded","IconComponent","icon","module","code","Math","random","toString","substring","gradientId","className","accessibilityRole","children","viewBox","preserveAspectRatio","id","x1","y1","x2","y2","offset","stopColor","d","fill","stroke","strokeWidth","transform","displayName"],"sourceRoot":"../../../../../src","sources":["components/Avatars/ModuleAvatar/index.tsx"],"mappings":"4GAAA,OAASA,IAAI,KAAQ,cAAc,CACnC,MAAO,CAAAC,GAAG,EAAIC,IAAI,CAAEC,cAAc,CAAEC,IAAI,CAAEC,IAAI,KAAQ,kBAAkB,CACxE,OAASC,EAAE,KAA2B,mBAAmB,CAEzD,
|
|
1
|
+
{"version":3,"names":["View","Svg","Defs","LinearGradient","Stop","Path","tv","applyIconInterop","modules","jsx","_jsx","jsxs","_jsxs","moduleAvatarVariants","base","variants","size","sm","md","lg","xl","defaultVariants","iconContainerVariants","iconSizeVariants","squirclePath","ModuleAvatar","_ref","_ref$size","props","_objectWithoutProperties","_excluded","IconComponent","icon","module","code","Math","random","toString","substring","gradientId","className","accessibilityRole","children","viewBox","preserveAspectRatio","id","x1","y1","x2","y2","offset","stopColor","d","fill","stroke","strokeWidth","transform","displayName"],"sourceRoot":"../../../../../src","sources":["components/Avatars/ModuleAvatar/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{tv}from"tailwind-variants";import{
|
|
1
|
+
import{tv}from"tailwind-variants";import{F0Icon}from"../primitives/F0Icon";import{jsx as _jsx}from"react/jsx-runtime";var badgeVariants=tv({base:"flex shrink-0 items-center justify-center rounded-full",variants:{type:{neutral:"bg-transparent text-f0-icon",highlight:"text-f0-special-highlight",positive:"bg-f0-background-positive-bold text-f0-foreground-inverse",critical:"bg-f0-icon-critical text-f0-foreground-inverse",warning:"bg-f0-background-warning-bold text-f0-foreground-inverse"},size:{xs:"h-2.5 w-2.5",sm:"h-3 w-3",md:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{type:"neutral",size:"md"}});var iconSizes={xs:"xs",sm:"xs",md:"sm",lg:"md"};export var Badge=function Badge(_ref){var type=_ref.type,_ref$size=_ref.size,size=_ref$size===void 0?"md":_ref$size,icon=_ref.icon;return _jsx(F0Icon,{className:badgeVariants({type:type,size:size}),icon:icon,size:iconSizes[size]});};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["tv","
|
|
1
|
+
{"version":3,"names":["tv","F0Icon","jsx","_jsx","badgeVariants","base","variants","type","neutral","highlight","positive","critical","warning","size","xs","sm","md","lg","defaultVariants","iconSizes","Badge","_ref","_ref$size","icon","className"],"sourceRoot":"../../../../src","sources":["components/Badge/index.tsx"],"mappings":"AAAA,OAASA,EAAE,KAA2B,mBAAmB,CAEzD,OAASC,MAAM,KAAuB,sBAAsB,QAAAC,GAAA,IAAAC,IAAA,yBAE5D,GAAM,CAAAC,aAAa,CAAGJ,EAAE,CAAC,CACvBK,IAAI,CAAE,wDAAwD,CAC9DC,QAAQ,CAAE,CACRC,IAAI,CAAE,CACJC,OAAO,CAAE,6BAA6B,CACtCC,SAAS,CAAE,2BAA2B,CACtCC,QAAQ,CAAE,2DAA2D,CACrEC,QAAQ,CAAE,gDAAgD,CAC1DC,OAAO,CAAE,0DACX,CAAC,CACDC,IAAI,CAAE,CACJC,EAAE,CAAE,aAAa,CACjBC,EAAE,CAAE,SAAS,CACbC,EAAE,CAAE,SAAS,CACbC,EAAE,CAAE,SACN,CACF,CAAC,CACDC,eAAe,CAAE,CACfX,IAAI,CAAE,SAAS,CACfM,IAAI,CAAE,IACR,CACF,CAAC,CAAC,CAEF,GAAM,CAAAM,SAAS,CAAG,CAChBL,EAAE,CAAE,IAAI,CACRC,EAAE,CAAE,IAAI,CACRC,EAAE,CAAE,IAAI,CACRC,EAAE,CAAE,IACN,CAAU,CAOV,MAAO,IAAM,CAAAG,KAAK,CAAG,QAAR,CAAAA,KAAKA,CAAAC,IAAA,CAAgD,IAA1C,CAAAd,IAAI,CAAAc,IAAA,CAAJd,IAAI,CAAAe,SAAA,CAAAD,IAAA,CAAER,IAAI,CAAJA,IAAI,CAAAS,SAAA,UAAG,IAAI,CAAAA,SAAA,CAAEC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CAC7C,MACE,CAAApB,IAAA,CAACF,MAAM,EACLuB,SAAS,CAAEpB,aAAa,CAAC,CAAEG,IAAI,CAAJA,IAAI,CAAEM,IAAI,CAAJA,IAAK,CAAC,CAAE,CACzCU,IAAI,CAAEA,IAAK,CACXV,IAAI,CAAEM,SAAS,CAACN,IAAI,CAAE,CACvB,CAAC,CAEN,CAAC","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React,{forwardRef,useState}from"react";import{Pressable,Text,View}from"react-native";import{tv}from"tailwind-variants";import{cn}from"../../lib/utils";import{
|
|
1
|
+
import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React,{forwardRef,useState}from"react";import{Pressable,Text,View}from"react-native";import{tv}from"tailwind-variants";import{cn}from"../../lib/utils";import{F0Icon}from"../primitives/F0Icon";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var variants=["default","outline","critical","neutral","ghost","promote"];export var sizes=["sm","md","lg"];var buttonVariants=tv({base:"flex-row items-center justify-center rounded border-none grow-0",variants:{variant:{default:"bg-f0-background-accent-bold",outline:"bg-f0-background-inverse-secondary border border-f0-border",neutral:"bg-f0-background-secondary",critical:"bg-f0-background-secondary border border-f0-border",ghost:"bg-transparent",promote:"bg-f0-background-promote border border-f0-border-promote"},size:{sm:"h-6 rounded-sm",md:"h-8 rounded",lg:"h-10 rounded-md"},disabled:{true:"opacity-50",false:""},round:{true:"aspect-square p-0",false:"gap-1 px-2 sm:px-3 lg:px-4"}},defaultVariants:{variant:"default",size:"md",disabled:false,round:false}});var pressedVariants=tv({base:"",variants:{variant:{default:"bg-f0-background-accent-bold-hover",outline:"bg-f0-background-tertiary border-opacity-70",neutral:"bg-f0-background-secondary-hover",critical:"bg-f0-background-critical-bold border-transparent",ghost:"bg-f0-background-secondary-hover",promote:"bg-f0-background-promote-hover"}},defaultVariants:{variant:"default"}});var getIconColor=function getIconColor(variant,isPressed){switch(variant){case"default":return"inverse";case"critical":return isPressed?"inverse":"critical-bold";default:return"default";}};var getIconOnlyColor=function getIconOnlyColor(variant,isPressed){switch(variant){case"critical":return isPressed?"inverse":"critical-bold";case"default":return"inverse";case"outline":case"neutral":case"ghost":case"promote":default:return"bold";}};var getTextColorClass=function getTextColorClass(variant,isPressed){if(isPressed&&variant==="critical"){return"text-f0-foreground-inverse";}switch(variant){case"default":return"text-f0-foreground-inverse";case"critical":return"text-f0-foreground-critical";default:return"text-f0-foreground";}};export var Button=forwardRef(function Button(_ref,ref){var label=_ref.label,onPress=_ref.onPress,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$loading=_ref.loading,loading=_ref$loading===void 0?false:_ref$loading,icon=_ref.icon,emoji=_ref.emoji,_ref$hideLabel=_ref.hideLabel,hideLabel=_ref$hideLabel===void 0?false:_ref$hideLabel,_ref$variant=_ref.variant,variant=_ref$variant===void 0?"default":_ref$variant,_ref$size=_ref.size,size=_ref$size===void 0?"md":_ref$size,_ref$round=_ref.round,round=_ref$round===void 0?false:_ref$round,className=_ref.className,accessibilityHint=_ref.accessibilityHint,_ref$showBadge=_ref.showBadge,showBadge=_ref$showBadge===void 0?false:_ref$showBadge,_ref$fullWidth=_ref.fullWidth,fullWidth=_ref$fullWidth===void 0?false:_ref$fullWidth;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isLoading=_useState2[0],setIsLoading=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),isPressed=_useState4[0],setIsPressed=_useState4[1];var handlePress=function(){var _ref2=_asyncToGenerator(function*(){if(!onPress||disabled||loading||isLoading)return;var result=onPress();if(result instanceof Promise){setIsLoading(true);try{yield result;}finally{setIsLoading(false);}}});return function handlePress(){return _ref2.apply(this,arguments);};}();var isDisabled=disabled||loading||isLoading;var accessibilityLabel=`${label}${isDisabled?", disabled":""}${loading||isLoading?", loading":""}`;var shouldShowPressed=isPressed&&!isDisabled;return _jsxs(View,{className:`flex ${fullWidth?"flex-1":"item-start"}`,children:[_jsxs(Pressable,{ref:ref,disabled:isDisabled,onPressIn:function onPressIn(){return setIsPressed(true);},onPressOut:function onPressOut(){return setIsPressed(false);},onPress:handlePress,className:cn(buttonVariants({variant:variant,size:size,disabled:isDisabled,round:hideLabel&&round}),shouldShowPressed&&pressedVariants({variant:variant}),className),accessibilityLabel:accessibilityLabel,accessibilityRole:"button",accessibilityState:{disabled:isDisabled,busy:loading||isLoading},accessibilityHint:accessibilityHint,children:[icon&&_jsx(F0Icon,{icon:icon,size:size==="sm"?"sm":"md",color:hideLabel&&round?getIconOnlyColor(variant,shouldShowPressed):getIconColor(variant,shouldShowPressed),className:hideLabel&&round?undefined:"-ml-0.5"}),emoji&&_jsx(Text,{className:cn("text-base font-medium",getTextColorClass(variant,shouldShowPressed)),children:emoji}),!hideLabel&&_jsx(Text,{className:cn("text-base font-medium",getTextColorClass(variant,shouldShowPressed)),children:label})]}),showBadge&&variant==="outline"&&_jsx(View,{accessibilityLabel:"Notification Badge",className:"absolute top-1.5 right-1.5 h-1.5 w-1.5 rounded-full bg-f0-icon-accent"})]});});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useState","Pressable","Text","View","tv","cn","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useState","Pressable","Text","View","tv","cn","F0Icon","jsx","_jsx","jsxs","_jsxs","variants","sizes","buttonVariants","base","variant","default","outline","neutral","critical","ghost","promote","size","sm","md","lg","disabled","true","false","round","defaultVariants","pressedVariants","getIconColor","isPressed","getIconOnlyColor","getTextColorClass","Button","_ref","ref","label","onPress","_ref$disabled","_ref$loading","loading","icon","emoji","_ref$hideLabel","hideLabel","_ref$variant","_ref$size","_ref$round","className","accessibilityHint","_ref$showBadge","showBadge","_ref$fullWidth","fullWidth","_useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","setIsPressed","handlePress","_ref2","_asyncToGenerator","result","Promise","apply","arguments","isDisabled","accessibilityLabel","shouldShowPressed","children","onPressIn","onPressOut","accessibilityRole","accessibilityState","busy","color","undefined"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{render,fireEvent,screen}from"@testing-library/react-native";import React from"react";import{Button}from"./";import{jsx as _jsx}from"react/jsx-runtime";jest.mock("../
|
|
1
|
+
import{render,fireEvent,screen}from"@testing-library/react-native";import React from"react";import{Button}from"./";import{jsx as _jsx}from"react/jsx-runtime";jest.mock("../primitives/F0Icon",function(){return{F0Icon:function F0Icon(){return null;}};});var mockIcon="check";var mockOnPress=jest.fn();describe("Button",function(){var defaultProps={label:"Test Button",onPress:mockOnPress};beforeEach(function(){jest.clearAllMocks();});it("Snapshot - default button",function(){var _render=render(_jsx(Button,Object.assign({},defaultProps))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});it("Snapshot - outline variant",function(){var _render2=render(_jsx(Button,Object.assign({},defaultProps,{variant:"outline"}))),toJSON=_render2.toJSON;expect(toJSON()).toMatchSnapshot();});it("Snapshot - critical variant",function(){var _render3=render(_jsx(Button,Object.assign({},defaultProps,{variant:"critical"}))),toJSON=_render3.toJSON;expect(toJSON()).toMatchSnapshot();});it("Snapshot - with icon",function(){var _render4=render(_jsx(Button,Object.assign({},defaultProps,{icon:mockIcon}))),toJSON=_render4.toJSON;expect(toJSON()).toMatchSnapshot();});it("Snapshot - with emoji",function(){var _render5=render(_jsx(Button,Object.assign({},defaultProps,{emoji:"\uD83D\uDC4B"}))),toJSON=_render5.toJSON;expect(toJSON()).toMatchSnapshot();});it("Snapshot - disabled state",function(){var _render6=render(_jsx(Button,Object.assign({},defaultProps,{disabled:true}))),toJSON=_render6.toJSON;expect(toJSON()).toMatchSnapshot();});it("Snapshot - loading state",function(){var _render7=render(_jsx(Button,Object.assign({},defaultProps,{loading:true}))),toJSON=_render7.toJSON;expect(toJSON()).toMatchSnapshot();});it("Snapshot - different sizes",function(){var sizes=["sm","md","lg"];sizes.forEach(function(size){var _render8=render(_jsx(Button,Object.assign({},defaultProps,{size:size}))),toJSON=_render8.toJSON;expect(toJSON()).toMatchSnapshot();});});it("Snapshot - round button with hidden label",function(){var _render9=render(_jsx(Button,Object.assign({},defaultProps,{round:true,hideLabel:true}))),toJSON=_render9.toJSON;expect(toJSON()).toMatchSnapshot();});it("renders correctly with required props",function(){render(_jsx(Button,Object.assign({},defaultProps)));var button=screen.getByText("Test Button");expect(button).toBeDefined();});it("handles press events",function(){render(_jsx(Button,Object.assign({},defaultProps)));fireEvent.press(screen.getByRole("button"));expect(mockOnPress).toHaveBeenCalled();});it("does not call onPress when disabled",function(){render(_jsx(Button,Object.assign({},defaultProps,{disabled:true})));fireEvent.press(screen.getByRole("button"));expect(mockOnPress).not.toHaveBeenCalled();});it("shows correct accessibility label when disabled",function(){render(_jsx(Button,Object.assign({},defaultProps,{disabled:true})));var button=screen.getByRole("button");expect(button.props.accessibilityLabel).toBe("Test Button, disabled");});it("shows correct accessibility label when loading",function(){render(_jsx(Button,Object.assign({},defaultProps,{loading:true})));var button=screen.getByRole("button");expect(button.props.accessibilityLabel).toBe("Test Button, disabled, loading");});});
|
|
2
2
|
//# sourceMappingURL=index.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["render","fireEvent","screen","React","Button","jsx","_jsx","jest","mock","
|
|
1
|
+
{"version":3,"names":["render","fireEvent","screen","React","Button","jsx","_jsx","jest","mock","F0Icon","mockIcon","mockOnPress","fn","describe","defaultProps","label","onPress","beforeEach","clearAllMocks","it","_render","Object","assign","toJSON","expect","toMatchSnapshot","_render2","variant","_render3","_render4","icon","_render5","emoji","_render6","disabled","_render7","loading","sizes","forEach","size","_render8","_render9","round","hideLabel","button","getByText","toBeDefined","press","getByRole","toHaveBeenCalled","not","props","accessibilityLabel","toBe"],"sourceRoot":"../../../../src","sources":["components/Button/index.spec.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","icon","className","testID"];import React,{forwardRef}from"react";import{tv}from"tailwind-variants";import{
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","icon","className","testID"];import React,{forwardRef}from"react";import{tv}from"tailwind-variants";import{cn}from"../../lib/utils";import{applyIconInterop}from"../primitives/F0Icon";import{jsx as _jsx}from"react/jsx-runtime";var iconVariants=tv({base:"shrink-0",variants:{size:{xl:"w-8 h-8 stroke-xl",lg:"w-6 h-6 stroke-lg",md:"w-5 h-5 stroke-md",sm:"w-4 h-4 stroke-sm",xs:"w-3 h-3 stroke-xs"}},defaultVariants:{size:"md"}});export var Icon=forwardRef(function Icon(_ref,ref){var _ref$size=_ref.size,size=_ref$size===void 0?"md":_ref$size,icon=_ref.icon,className=_ref.className,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);if(!icon)return null;var Component=applyIconInterop(icon);return _jsx(Component,Object.assign({ref:ref},props,{className:cn(iconVariants({size:size}),className),testID:testID}));});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","tv","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","tv","cn","applyIconInterop","jsx","_jsx","iconVariants","base","variants","size","xl","lg","md","sm","xs","defaultVariants","Icon","_ref","ref","_ref$size","icon","className","testID","props","_objectWithoutProperties","_excluded","Component","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Icon/index.tsx"],"mappings":"wIAAA,MAAO,CAAAA,KAAK,EAAIC,UAAU,KAAQ,OAAO,CAEzC,OAASC,EAAE,KAA2B,mBAAmB,CAEzD,OAASC,EAAE,KAAQ,iBAAiB,CACpC,OAASC,gBAAgB,KAAuB,sBAAsB,QAAAC,GAAA,IAAAC,IAAA,yBAEtE,GAAM,CAAAC,YAAY,CAAGL,EAAE,CAAC,CACtBM,IAAI,CAAE,UAAU,CAChBC,QAAQ,CAAE,CACRC,IAAI,CAAE,CACJC,EAAE,CAAE,mBAAmB,CACvBC,EAAE,CAAE,mBAAmB,CACvBC,EAAE,CAAE,mBAAmB,CACvBC,EAAE,CAAE,mBAAmB,CACvBC,EAAE,CAAE,mBACN,CACF,CAAC,CACDC,eAAe,CAAE,CACfN,IAAI,CAAE,IACR,CACF,CAAC,CAAC,CAeF,MAAO,IAAM,CAAAO,IAAI,CAAGhB,UAAU,CAAiB,QAAS,CAAAgB,IAAIA,CAAAC,IAAA,CAE1DC,GAAG,CACH,KAAAC,SAAA,CAAAF,IAAA,CAFER,IAAI,CAAJA,IAAI,CAAAU,SAAA,UAAG,IAAI,CAAAA,SAAA,CAAEC,IAAI,CAAAH,IAAA,CAAJG,IAAI,CAAEC,SAAS,CAAAJ,IAAA,CAATI,SAAS,CAAEC,MAAM,CAAAL,IAAA,CAANK,MAAM,CAAKC,KAAK,CAAAC,wBAAA,CAAAP,IAAA,CAAAQ,SAAA,EAGhD,GAAI,CAACL,IAAI,CAAE,MAAO,KAAI,CAGtB,GAAM,CAAAM,SAAS,CAAGvB,gBAAgB,CAACiB,IAAI,CAAC,CAExC,MACE,CAAAf,IAAA,CAACqB,SAAS,CAAAC,MAAA,CAAAC,MAAA,EACRV,GAAG,CAAEA,GAAI,EACLK,KAAK,EACTF,SAAS,CAAEnB,EAAE,CAACI,YAAY,CAAC,CAAEG,IAAI,CAAJA,IAAK,CAAC,CAAC,CAAEY,SAAS,CAAE,CACjDC,MAAM,CAAEA,MAAO,EAChB,CAAC,CAEN,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{View,Text,Pressable}from"react-native";import{tv}from"tailwind-variants";import{CrossedCircle}from"../../icons/app";import{cn}from"../../lib/utils";import{
|
|
1
|
+
import{View,Text,Pressable}from"react-native";import{tv}from"tailwind-variants";import{CrossedCircle}from"../../icons/app";import{cn}from"../../lib/utils";import{PressableFeedback}from"../PressableFeedback";import{F0Icon}from"../primitives/F0Icon";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var chipContainerVariants=tv({base:"flex items-center gap-1 rounded-full border border-solid border-f0-border px-2 py-0.5 grow-0",variants:{variant:{default:"",selected:"border-f0-border-selected bg-f0-background-selected-secondary"}},defaultVariants:{variant:"default"}});export var chipTextVariants=tv({base:"font-medium",variants:{variant:{default:"text-f0-foreground",selected:"text-f0-foreground-selected"}},defaultVariants:{variant:"default"}});export var OneChip=function OneChip(_ref){var label=_ref.label,variant=_ref.variant,onClick=_ref.onClick,onClose=_ref.onClose,icon=_ref.icon;return _jsx(View,{className:"flex items-start",children:_jsx(PressableFeedback,{className:cn(chipContainerVariants({variant:variant}),onClose&&"pr-1.5",icon&&"pl-1.5"),onPress:onClick,variant:"both",accessibilityRole:"button",accessibilityLabel:"Action",children:_jsxs(View,{className:"flex flex-row items-center gap-0.5",children:[icon&&_jsx(F0Icon,{icon:icon,size:"sm",className:chipTextVariants({variant:variant})}),_jsx(Text,{className:chipTextVariants({variant:variant}),children:label}),onClose&&_jsx(Pressable,{onPress:function onPress(e){e.stopPropagation();onClose();},className:"-m-1 flex h-6 w-6 cursor-pointer items-center justify-center rounded-full [&_svg]:text-f0-icon-secondary",accessibilityRole:"button",accessibilityLabel:"Close",children:_jsx(F0Icon,{icon:CrossedCircle,className:chipTextVariants({variant:variant}),size:"sm"})})]})})});};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Text","Pressable","tv","CrossedCircle","cn","
|
|
1
|
+
{"version":3,"names":["View","Text","Pressable","tv","CrossedCircle","cn","PressableFeedback","F0Icon","jsx","_jsx","jsxs","_jsxs","chipContainerVariants","base","variants","variant","default","selected","defaultVariants","chipTextVariants","OneChip","_ref","label","onClick","onClose","icon","className","children","onPress","accessibilityRole","accessibilityLabel","size","e","stopPropagation"],"sourceRoot":"../../../../src","sources":["components/OneChip/index.tsx"],"mappings":"AAAA,OAASA,IAAI,CAAEC,IAAI,CAAEC,SAAS,KAAQ,cAAc,CACpD,OAASC,EAAE,KAA2B,mBAAmB,CAEzD,OAASC,aAAa,KAAQ,iBAAiB,CAC/C,OAASC,EAAE,KAAQ,iBAAiB,CACpC,OAASC,iBAAiB,KAAQ,sBAAsB,CACxD,OAASC,MAAM,KAAuB,sBAAsB,QAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAE5D,MAAO,IAAM,CAAAC,qBAAqB,CAAGT,EAAE,CAAC,CACtCU,IAAI,CAAE,8FAA8F,CACpGC,QAAQ,CAAE,CACRC,OAAO,CAAE,CACPC,OAAO,CAAE,EAAE,CACXC,QAAQ,CAAE,+DACZ,CACF,CAAC,CACDC,eAAe,CAAE,CACfH,OAAO,CAAE,SACX,CACF,CAAC,CAAC,CAEF,MAAO,IAAM,CAAAI,gBAAgB,CAAGhB,EAAE,CAAC,CACjCU,IAAI,CAAE,aAAa,CACnBC,QAAQ,CAAE,CACRC,OAAO,CAAE,CACPC,OAAO,CAAE,oBAAoB,CAC7BC,QAAQ,CAAE,6BACZ,CACF,CAAC,CACDC,eAAe,CAAE,CACfH,OAAO,CAAE,SACX,CACF,CAAC,CAAC,CASF,MAAO,IAAM,CAAAK,OAAO,CAAG,QAAV,CAAAA,OAAOA,CAAAC,IAAA,CAMH,IALf,CAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLP,OAAO,CAAAM,IAAA,CAAPN,OAAO,CACPQ,OAAO,CAAAF,IAAA,CAAPE,OAAO,CACPC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CACPC,IAAI,CAAAJ,IAAA,CAAJI,IAAI,CAEJ,MACE,CAAAhB,IAAA,CAACT,IAAI,EAAC0B,SAAS,CAAC,kBAAkB,CAAAC,QAAA,CAChClB,IAAA,CAACH,iBAAiB,EAChBoB,SAAS,CAAErB,EAAE,CACXO,qBAAqB,CAAC,CAAEG,OAAO,CAAPA,OAAQ,CAAC,CAAC,CAClCS,OAAO,EAAI,QAAQ,CACnBC,IAAI,EAAI,QACV,CAAE,CACFG,OAAO,CAAEL,OAAQ,CACjBR,OAAO,CAAC,MAAM,CACdc,iBAAiB,CAAC,QAAQ,CAC1BC,kBAAkB,CAAC,QAAQ,CAAAH,QAAA,CAE3BhB,KAAA,CAACX,IAAI,EAAC0B,SAAS,CAAC,oCAAoC,CAAAC,QAAA,EACjDF,IAAI,EACHhB,IAAA,CAACF,MAAM,EACLkB,IAAI,CAAEA,IAAK,CACXM,IAAI,CAAC,IAAI,CACTL,SAAS,CAAEP,gBAAgB,CAAC,CAAEJ,OAAO,CAAPA,OAAQ,CAAC,CAAE,CAC1C,CACF,CACDN,IAAA,CAACR,IAAI,EAACyB,SAAS,CAAEP,gBAAgB,CAAC,CAAEJ,OAAO,CAAPA,OAAQ,CAAC,CAAE,CAAAY,QAAA,CAAEL,KAAK,CAAO,CAAC,CAC7DE,OAAO,EACNf,IAAA,CAACP,SAAS,EACR0B,OAAO,CAAE,QAAT,CAAAA,OAAOA,CAAGI,CAAC,CAAK,CACdA,CAAC,CAACC,eAAe,CAAC,CAAC,CACnBT,OAAO,CAAC,CAAC,CACX,CAAE,CACFE,SAAS,CAAC,0GAA0G,CACpHG,iBAAiB,CAAC,QAAQ,CAC1BC,kBAAkB,CAAC,OAAO,CAAAH,QAAA,CAE1BlB,IAAA,CAACF,MAAM,EACLkB,IAAI,CAAErB,aAAc,CACpBsB,SAAS,CAAEP,gBAAgB,CAAC,CAAEJ,OAAO,CAAPA,OAAQ,CAAC,CAAE,CACzCgB,IAAI,CAAC,IAAI,CACV,CAAC,CACO,CACZ,EACG,CAAC,CACU,CAAC,CAChB,CAAC,CAEX,CAAC","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{AlertCircle,InfoCircle,Warning}from"../../../icons/app";import{useTextFormatEnforcer}from"../../../lib/text";import{cn}from"../../../lib/utils";import{
|
|
1
|
+
import{AlertCircle,InfoCircle,Warning}from"../../../icons/app";import{useTextFormatEnforcer}from"../../../lib/text";import{cn}from"../../../lib/utils";import{F0Icon}from"../../primitives/F0Icon";import{BaseTag}from"../BaseTag";import{jsx as _jsx}from"react/jsx-runtime";var iconMap={info:InfoCircle,warning:Warning,critical:AlertCircle};export var AlertTag=function AlertTag(_ref){var text=_ref.text,level=_ref.level;useTextFormatEnforcer(text,{disallowEmpty:true});return _jsx(BaseTag,{classNameText:cn({info:"text-f0-foreground-info",warning:"text-f0-foreground-warning",critical:"text-f0-foreground-critical"}[level]),classNameContainer:cn("pl-0.5",{info:"bg-f0-background-info text-f0-foreground-info",warning:"bg-f0-background-warning text-f0-foreground-warning",critical:"bg-f0-background-critical text-f0-foreground-critical"}[level]),left:_jsx(F0Icon,{icon:iconMap[level],className:cn({info:"text-f0-foreground-info",warning:"text-f0-foreground-warning",critical:"text-f0-foreground-critical"}[level]),size:"md","aria-hidden":true}),text:text});};AlertTag.displayName="AlertTag";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AlertCircle","InfoCircle","Warning","useTextFormatEnforcer","cn","
|
|
1
|
+
{"version":3,"names":["AlertCircle","InfoCircle","Warning","useTextFormatEnforcer","cn","F0Icon","BaseTag","jsx","_jsx","iconMap","info","warning","critical","AlertTag","_ref","text","level","disallowEmpty","classNameText","classNameContainer","left","icon","className","size","displayName"],"sourceRoot":"../../../../../src","sources":["components/Tags/AlertTab/index.tsx"],"mappings":"AAAA,OAASA,WAAW,CAAEC,UAAU,CAAEC,OAAO,KAAQ,oBAAoB,CACrE,OAASC,qBAAqB,KAAQ,mBAAmB,CACzD,OAASC,EAAE,KAAQ,oBAAoB,CACvC,OAASC,MAAM,KAAuB,yBAAyB,CAC/D,OAASC,OAAO,KAAQ,YAAY,QAAAC,GAAA,IAAAC,IAAA,yBAWpC,GAAM,CAAAC,OAAgC,CAAG,CACvCC,IAAI,CAAET,UAAU,CAChBU,OAAO,CAAET,OAAO,CAChBU,QAAQ,CAAEZ,WACZ,CAAC,CAED,MAAO,IAAM,CAAAa,QAAQ,CAAG,QAAX,CAAAA,QAAQA,CAAAC,IAAA,CAAoD,IAA5B,CAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACtDb,qBAAqB,CAACY,IAAI,CAAE,CAAEE,aAAa,CAAE,IAAK,CAAC,CAAC,CAEpD,MACE,CAAAT,IAAA,CAACF,OAAO,EACNY,aAAa,CAAEd,EAAE,CACf,CACEM,IAAI,CAAE,yBAAyB,CAC/BC,OAAO,CAAE,4BAA4B,CACrCC,QAAQ,CAAE,6BACZ,CAAC,CAACI,KAAK,CACT,CAAE,CACFG,kBAAkB,CAAEf,EAAE,CACpB,QAAQ,CACR,CACEM,IAAI,CAAE,+CAA+C,CACrDC,OAAO,CAAE,qDAAqD,CAC9DC,QAAQ,CAAE,uDACZ,CAAC,CAACI,KAAK,CACT,CAAE,CACFI,IAAI,CACFZ,IAAA,CAACH,MAAM,EACLgB,IAAI,CAAEZ,OAAO,CAACO,KAAK,CAAE,CACrBM,SAAS,CAAElB,EAAE,CACX,CACEM,IAAI,CAAE,yBAAyB,CAC/BC,OAAO,CAAE,4BAA4B,CACrCC,QAAQ,CAAE,6BACZ,CAAC,CAACI,KAAK,CACT,CAAE,CACFO,IAAI,CAAC,IAAI,CACT,kBAAW,CACZ,CACF,CACDR,IAAI,CAAEA,IAAK,CACZ,CAAC,CAEN,CAAC,CAEDF,QAAQ,CAACW,WAAW,CAAG,UAAU","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useTextFormatEnforcer}from"../../../lib/text";import{cn}from"../../../lib/utils";import{
|
|
1
|
+
import{useTextFormatEnforcer}from"../../../lib/text";import{cn}from"../../../lib/utils";import{F0Icon}from"../../primitives/F0Icon";import{BaseTag}from"../BaseTag";import{jsx as _jsx}from"react/jsx-runtime";export var RawTag=function RawTag(_ref){var text=_ref.text,additionalAccesibleText=_ref.additionalAccesibleText,icon=_ref.icon,noBorder=_ref.noBorder,className=_ref.className;useTextFormatEnforcer(text,{disallowEmpty:true});return _jsx(BaseTag,{classNameContainer:cn(!noBorder&&"border border-solid border-f0-border-secondary",className),classNameText:"text-f0-foreground",left:icon?_jsx(F0Icon,{icon:icon,size:"sm",color:"default","aria-hidden":true}):null,text:text,additionalAccesibleText:additionalAccesibleText});};RawTag.displayName="RawTag";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTextFormatEnforcer","cn","
|
|
1
|
+
{"version":3,"names":["useTextFormatEnforcer","cn","F0Icon","BaseTag","jsx","_jsx","RawTag","_ref","text","additionalAccesibleText","icon","noBorder","className","disallowEmpty","classNameContainer","classNameText","left","size","color","displayName"],"sourceRoot":"../../../../../src","sources":["components/Tags/RawTag/index.tsx"],"mappings":"AAAA,OAASA,qBAAqB,KAAQ,mBAAmB,CACzD,OAASC,EAAE,KAAQ,oBAAoB,CACvC,OAASC,MAAM,KAAuB,yBAAyB,CAC/D,OAASC,OAAO,KAAQ,YAAY,QAAAC,GAAA,IAAAC,IAAA,yBAUpC,MAAO,IAAM,CAAAC,MAAM,CAAG,QAAT,CAAAA,MAAMA,CAAAC,IAAA,CAMA,IALjB,CAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CACJC,uBAAuB,CAAAF,IAAA,CAAvBE,uBAAuB,CACvBC,IAAI,CAAAH,IAAA,CAAJG,IAAI,CACJC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CACRC,SAAS,CAAAL,IAAA,CAATK,SAAS,CAETZ,qBAAqB,CAACQ,IAAI,CAAE,CAAEK,aAAa,CAAE,IAAK,CAAC,CAAC,CAEpD,MACE,CAAAR,IAAA,CAACF,OAAO,EACNW,kBAAkB,CAAEb,EAAE,CACpB,CAACU,QAAQ,EAAI,gDAAgD,CAC7DC,SACF,CAAE,CACFG,aAAa,CAAC,oBAAoB,CAClCC,IAAI,CACFN,IAAI,CACFL,IAAA,CAACH,MAAM,EAACQ,IAAI,CAAEA,IAAK,CAACO,IAAI,CAAC,IAAI,CAACC,KAAK,CAAC,SAAS,CAAC,kBAAW,CAAE,CAAC,CAC1D,IACL,CACDV,IAAI,CAAEA,IAAK,CACXC,uBAAuB,CAAEA,uBAAwB,CAClD,CAAC,CAEN,CAAC,CAEDH,MAAM,CAACa,WAAW,CAAG,QAAQ","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","action"];import{View,Text}from"react-native";import{cn}from"../../../../lib/utils";import{
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","action"];import{View,Text}from"react-native";import{cn}from"../../../../lib/utils";import{F0Icon}from"../../../primitives/F0Icon";import{CopyAction}from"./actions/CopyAction";import{GenericAction}from"./actions/GenericAction";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var ItemContainer=function ItemContainer(props){var text=props.text,LeftIcon=props.leftIcon,className=props.className,_props$action=props.action,action=_props$action===void 0?{type:"noop"}:_props$action;return _jsx(View,{className:"flex rounded font-medium text-f0-foreground *:flex-1",children:_jsxs(Action,{action:action,className:cn("flex flex-row items-center gap-1.5 p-1.5",className),children:[LeftIcon&&(typeof LeftIcon==="function"?LeftIcon({}):_jsx(F0Icon,{icon:LeftIcon,size:"md"})),_jsx(Text,{className:"line-clamp-5 text-left text-f0-foreground",children:text})]})});};var Action=function Action(_ref){var children=_ref.children,action=_ref.action,props=_objectWithoutProperties(_ref,_excluded);var type=action.type;switch(type){case"copy":return _jsx(CopyAction,Object.assign({},action,props,{children:children}));case"generic":return _jsx(GenericAction,Object.assign({},action,props,{children:children}));case"noop":return _jsx(View,Object.assign({},props,{children:children}));default:{var _exhaustiveCheck=type;return _exhaustiveCheck;}}};
|
|
2
2
|
//# sourceMappingURL=ItemContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Text","cn","
|
|
1
|
+
{"version":3,"names":["View","Text","cn","F0Icon","CopyAction","GenericAction","jsx","_jsx","jsxs","_jsxs","ItemContainer","props","text","LeftIcon","leftIcon","className","_props$action","action","type","children","Action","icon","size","_ref","_objectWithoutProperties","_excluded","Object","assign","_exhaustiveCheck"],"sourceRoot":"../../../../../../src","sources":["components/experimental/Lists/DataList/ItemContainer.tsx"],"mappings":"yHACA,OAASA,IAAI,CAAEC,IAAI,KAAQ,cAAc,CAEzC,OAASC,EAAE,KAAQ,uBAAuB,CAC1C,OAASC,MAAM,KAAuB,4BAA4B,CAElE,OAASC,UAAU,KAAQ,sBAAsB,CACjD,OAASC,aAAa,KAAQ,yBAAyB,QAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAWvD,MAAO,IAAM,CAAAC,aAAa,CAAG,QAAhB,CAAAA,aAAaA,CAAIC,KAAyB,CAAK,CAC1D,GACE,CAAAC,IAAI,CAIFD,KAAK,CAJPC,IAAI,CACMC,QAAQ,CAGhBF,KAAK,CAHPG,QAAQ,CACRC,SAAS,CAEPJ,KAAK,CAFPI,SAAS,CAAAC,aAAA,CAEPL,KAAK,CADPM,MAAM,CAANA,MAAM,CAAAD,aAAA,UAAG,CAAEE,IAAI,CAAE,MAAO,CAAC,CAAAF,aAAA,CAG3B,MACE,CAAAT,IAAA,CAACP,IAAI,EAACe,SAAS,CAAC,sDAAsD,CAAAI,QAAA,CACpEV,KAAA,CAACW,MAAM,EACLH,MAAM,CAAEA,MAAO,CACfF,SAAS,CAAEb,EAAE,CAAC,0CAA0C,CAAEa,SAAS,CAAE,CAAAI,QAAA,EAEpEN,QAAQ,GACN,MAAO,CAAAA,QAAQ,GAAK,UAAU,CAC7BA,QAAQ,CAAC,CAAC,CAAC,CAAC,CAEZN,IAAA,CAACJ,MAAM,EAACkB,IAAI,CAAER,QAAS,CAACS,IAAI,CAAC,IAAI,CAAE,CACpC,CAAC,CACJf,IAAA,CAACN,IAAI,EAACc,SAAS,CAAC,2CAA2C,CAAAI,QAAA,CACxDP,IAAI,CACD,CAAC,EACD,CAAC,CACL,CAAC,CAEX,CAAC,CAED,GAAM,CAAAQ,MAAM,CAAG,QAAT,CAAAA,MAAMA,CAAAG,IAAA,CAQN,IAPJ,CAAAJ,QAAQ,CAAAI,IAAA,CAARJ,QAAQ,CACRF,MAAM,CAAAM,IAAA,CAANN,MAAM,CACHN,KAAK,CAAAa,wBAAA,CAAAD,IAAA,CAAAE,SAAA,EAMR,GAAM,CAAAP,IAAI,CAAGD,MAAM,CAACC,IAAI,CACxB,OAAQA,IAAI,EACV,IAAK,MAAM,CACT,MACE,CAAAX,IAAA,CAACH,UAAU,CAAAsB,MAAA,CAAAC,MAAA,IAAKV,MAAM,CAAMN,KAAK,EAAAQ,QAAA,CAC9BA,QAAQ,EACC,CAAC,CAEjB,IAAK,SAAS,CACZ,MACE,CAAAZ,IAAA,CAACF,aAAa,CAAAqB,MAAA,CAAAC,MAAA,IAAKV,MAAM,CAAMN,KAAK,EAAAQ,QAAA,CACjCA,QAAQ,EACI,CAAC,CAEpB,IAAK,MAAM,CACT,MAAO,CAAAZ,IAAA,CAACP,IAAI,CAAA0B,MAAA,CAAAC,MAAA,IAAKhB,KAAK,EAAAQ,QAAA,CAAGA,QAAQ,EAAO,CAAC,CAC3C,QAAS,CACP,GAAM,CAAAS,gBAAuB,CAAGV,IAAI,CACpC,MAAO,CAAAU,gBAAgB,CACzB,CACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import*as Clipboard from"expo-clipboard";import{useEffect,useState}from"react";import{Pressable,View}from"react-native";import{CheckCircle,LayersFront}from"../../../../../icons/app";import{cn}from"../../../../../lib/utils";import{
|
|
1
|
+
import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import*as Clipboard from"expo-clipboard";import{useEffect,useState}from"react";import{Pressable,View}from"react-native";import{CheckCircle,LayersFront}from"../../../../../icons/app";import{cn}from"../../../../../lib/utils";import{F0Icon}from"../../../../primitives/F0Icon";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var COPIED_SHOWN_MS=750;export var CopyAction=function CopyAction(_ref){var text=_ref.text,children=_ref.children;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),copied=_useState2[0],setCopied=_useState2[1];useEffect(function(){if(copied){var timer=setTimeout(function(){return setCopied(false);},COPIED_SHOWN_MS);return function(){return clearTimeout(timer);};}},[copied]);var copyHandler=function(){var _ref2=_asyncToGenerator(function*(){try{if(text){yield Clipboard.setStringAsync(text);setCopied(true);}}catch(error){void error;}});return function copyHandler(){return _ref2.apply(this,arguments);};}();return _jsxs(Pressable,{"aria-label":copied?"Copied!":`Copy ${text}`,className:cn("group flex flex-row justify-between gap-1.5 rounded p-1.5","transition-colors duration-300 active:bg-f0-background-secondary-hover",copied?"bg-f0-background-positive":undefined),onPress:copyHandler,children:[_jsx(View,{className:"flex flex-row items-center gap-1.5",children:children}),_jsxs(View,{className:"flex",children:[!copied&&_jsx(F0Icon,{icon:LayersFront,size:"md","aria-hidden":true,color:"bold",className:"col-start-1 col-end-2 row-start-1 row-end-2"}),copied&&_jsx(F0Icon,{icon:CheckCircle,size:"md","aria-hidden":true,color:"positive",className:"col-start-1 col-end-2 row-start-1 row-end-2"})]})]});};
|
|
2
2
|
//# sourceMappingURL=CopyAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Clipboard","useEffect","useState","Pressable","View","CheckCircle","LayersFront","cn","
|
|
1
|
+
{"version":3,"names":["Clipboard","useEffect","useState","Pressable","View","CheckCircle","LayersFront","cn","F0Icon","jsx","_jsx","jsxs","_jsxs","COPIED_SHOWN_MS","CopyAction","_ref","text","children","_useState","_useState2","_slicedToArray","copied","setCopied","timer","setTimeout","clearTimeout","copyHandler","_ref2","_asyncToGenerator","setStringAsync","error","apply","arguments","className","undefined","onPress","icon","size","color"],"sourceRoot":"../../../../../../../src","sources":["components/experimental/Lists/DataList/actions/CopyAction.tsx"],"mappings":"wIAAA,MAAO,GAAK,CAAAA,SAAS,KAAM,gBAAgB,CAC3C,OAAoBC,SAAS,CAAEC,QAAQ,KAAQ,OAAO,CACtD,OAASC,SAAS,CAAEC,IAAI,KAAQ,cAAc,CAG9C,OAASC,WAAW,CAAEC,WAAW,KAAQ,0BAA0B,CACnE,OAASC,EAAE,KAAQ,0BAA0B,CAC7C,OAASC,MAAM,KAAQ,+BAA+B,QAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAEtD,GAAM,CAAAC,eAAe,CAAG,GAAG,CAM3B,MAAO,IAAM,CAAAC,UAAU,CAAG,QAAb,CAAAA,UAAUA,CAAAC,IAAA,CAA4C,IAAtC,CAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACzC,IAAAC,SAAA,CAA4BhB,QAAQ,CAAC,KAAK,CAAC,CAAAiB,UAAA,CAAAC,cAAA,CAAAF,SAAA,IAApCG,MAAM,CAAAF,UAAA,IAAEG,SAAS,CAAAH,UAAA,IAExBlB,SAAS,CAAC,UAAM,CACd,GAAIoB,MAAM,CAAE,CACV,GAAM,CAAAE,KAAK,CAAGC,UAAU,CAAC,iBAAM,CAAAF,SAAS,CAAC,KAAK,CAAC,GAAET,eAAe,CAAC,CAEjE,MAAO,kBAAM,CAAAY,YAAY,CAACF,KAAK,CAAC,GAClC,CACF,CAAC,CAAE,CAACF,MAAM,CAAC,CAAC,CAEZ,GAAM,CAAAK,WAAW,gBAAAC,KAAA,CAAAC,iBAAA,CAAG,WAAY,CAC9B,GAAI,CACF,GAAIZ,IAAI,CAAE,CACR,KAAM,CAAAhB,SAAS,CAAC6B,cAAc,CAACb,IAAI,CAAC,CACpCM,SAAS,CAAC,IAAI,CAAC,CACjB,CACF,CAAE,MAAOQ,KAAK,CAAE,CACd,IAAK,CAAAA,KAAK,CACZ,CACF,CAAC,iBATK,CAAAJ,WAAWA,CAAA,SAAAC,KAAA,CAAAI,KAAA,MAAAC,SAAA,OAShB,CACD,MACE,CAAApB,KAAA,CAACT,SAAS,EACR,aAAYkB,MAAM,CAAG,SAAS,CAAG,QAAQL,IAAI,EAAG,CAChDiB,SAAS,CAAE1B,EAAE,CACX,2DAA2D,CAC3D,wEAAwE,CACxEc,MAAM,CAAG,2BAA2B,CAAGa,SACzC,CAAE,CACFC,OAAO,CAAET,WAAY,CAAAT,QAAA,EAErBP,IAAA,CAACN,IAAI,EAAC6B,SAAS,CAAC,oCAAoC,CAAAhB,QAAA,CAAEA,QAAQ,CAAO,CAAC,CACtEL,KAAA,CAACR,IAAI,EAAC6B,SAAS,CAAC,MAAM,CAAAhB,QAAA,EACnB,CAACI,MAAM,EACNX,IAAA,CAACF,MAAM,EACL4B,IAAI,CAAE9B,WAAY,CAClB+B,IAAI,CAAC,IAAI,CACT,cAAa,IAAK,CAClBC,KAAK,CAAC,MAAM,CACZL,SAAS,CAAC,6CAA6C,CACxD,CACF,CACAZ,MAAM,EACLX,IAAA,CAACF,MAAM,EACL4B,IAAI,CAAE/B,WAAY,CAClBgC,IAAI,CAAC,IAAI,CACT,cAAa,IAAK,CAClBC,KAAK,CAAC,UAAU,CAChBL,SAAS,CAAC,6CAA6C,CACxD,CACF,EACG,CAAC,EACE,CAAC,CAEhB,CAAC","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","className"];import{memo}from"react";import{Pressable,View}from"react-native";import{ChevronRight}from"../../../../../icons/app";import{cn}from"../../../../../lib/utils";import{
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","className"];import{memo}from"react";import{Pressable,View}from"react-native";import{ChevronRight}from"../../../../../icons/app";import{cn}from"../../../../../lib/utils";import{F0Icon}from"../../../../primitives/F0Icon";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var GenericAction=memo(function(_ref){var children=_ref.children,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded);return _jsxs(Pressable,Object.assign({onPress:props.handlePress},props,{className:cn("group flex items-center justify-between gap-1.5 rounded p-1.5 text-f0-foreground text-inherit","no-underline hover:bg-f0-background-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-f0-border-selected-bold active:bg-f0-background-secondary-hover",className),children:[_jsx(View,{className:"flex flex-row items-center gap-1.5",children:children}),_jsx(F0Icon,{"aria-hidden":true,icon:ChevronRight,size:"md",className:"text-f0-foreground"})]}));});GenericAction.displayName="GenericAction";
|
|
2
2
|
//# sourceMappingURL=GenericAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","Pressable","View","ChevronRight","cn","
|
|
1
|
+
{"version":3,"names":["memo","Pressable","View","ChevronRight","cn","F0Icon","jsx","_jsx","jsxs","_jsxs","GenericAction","_ref","children","className","props","_objectWithoutProperties","_excluded","Object","assign","onPress","handlePress","icon","size","displayName"],"sourceRoot":"../../../../../../../src","sources":["components/experimental/Lists/DataList/actions/GenericAction.tsx"],"mappings":"4HAAA,OAASA,IAAI,KAAmB,OAAO,CACvC,OAASC,SAAS,CAAEC,IAAI,KAAQ,cAAc,CAG9C,OAASC,YAAY,KAAQ,0BAA0B,CACvD,OAASC,EAAE,KAAQ,0BAA0B,CAC7C,OAASC,MAAM,KAAQ,+BAA+B,QAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAOtD,MAAO,IAAM,CAAAC,aAAa,CAAGV,IAAI,CAC/B,SAAAW,IAAA,CAA2D,IAAxD,CAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAEC,SAAS,CAAAF,IAAA,CAATE,SAAS,CAAKC,KAAK,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,EAC9B,MACE,CAAAP,KAAA,CAACR,SAAS,CAAAgB,MAAA,CAAAC,MAAA,EACRC,OAAO,CAAEL,KAAK,CAACM,WAAY,EACvBN,KAAK,EACTD,SAAS,CAAET,EAAE,CACX,+FAA+F,CAC/F,+KAA+K,CAC/KS,SACF,CAAE,CAAAD,QAAA,EAEFL,IAAA,CAACL,IAAI,EAACW,SAAS,CAAC,oCAAoC,CAAAD,QAAA,CAAEA,QAAQ,CAAO,CAAC,CACtEL,IAAA,CAACF,MAAM,EACL,cAAa,IAAK,CAClBgB,IAAI,CAAElB,YAAa,CACnBmB,IAAI,CAAC,IAAI,CACTT,SAAS,CAAC,oBAAoB,CAC/B,CAAC,GACO,CAAC,CAEhB,CACF,CAAC,CAEDH,aAAa,CAACa,WAAW,CAAG,eAAe","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"./Activity/ActivityItem";export*from"./Avatars/exports";export*from"./Badge";export*from"./Button";export*from"./Counter";export*from"./ExampleComponent";export
|
|
1
|
+
export*from"./Activity/ActivityItem";export*from"./Avatars/exports";export*from"./Badge";export*from"./Button";export*from"./Counter";export*from"./ExampleComponent";export{Icon}from"./Icon";export*from"./Navigation/PageHeader";export*from"./OneChip";export*from"./OnePreset";export*from"./PressableFeedback";export*from"./Tags/exports";export*from"./experimental/Lists/DataList";export*from"./experimental/Lists/DetailsItem";export*from"./experimental/Lists/DetailsItemsList";export*from"./primitives/F0Text";export*from"./primitives/F0Icon";
|
|
2
2
|
//# sourceMappingURL=exports.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/exports.ts"],"mappings":"AACA,WAAc,yBAAyB,CACvC,WAAc,mBAAmB,CACjC,WAAc,SAAS,CACvB,WAAc,UAAU,CACxB,WAAc,WAAW,CACzB,WAAc,oBAAoB,CAClC,
|
|
1
|
+
{"version":3,"names":["Icon"],"sourceRoot":"../../../src","sources":["components/exports.ts"],"mappings":"AACA,WAAc,yBAAyB,CACvC,WAAc,mBAAmB,CACjC,WAAc,SAAS,CACvB,WAAc,UAAU,CACxB,WAAc,WAAW,CACzB,WAAc,oBAAoB,CAClC,OAASA,IAAI,KAAwB,QAAQ,CAC7C,WAAc,yBAAyB,CACvC,WAAc,WAAW,CACzB,WAAc,aAAa,CAC3B,WAAc,qBAAqB,CACnC,WAAc,gBAAgB,CAC9B,WAAc,+BAA+B,CAC7C,WAAc,kCAAkC,CAChD,WAAc,uCAAuC,CAGrD,WAAc,qBAAqB,CACnC,WAAc,qBAAqB","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","color","icon","testID","className"];import React,{useMemo}from"react";import{withUniwind}from"uniwind";import{cn}from"../../../lib/utils";import{iconVariants}from"./F0Icon.styles";import{jsx as _jsx}from"react/jsx-runtime";var interopCache=new WeakMap();export function applyIconInterop(icon){var wrapped=interopCache.get(icon);if(!wrapped){wrapped=withUniwind(icon);interopCache.set(icon,wrapped);}return wrapped;}var F0Icon=React.memo(React.forwardRef(function(_ref,ref){var _ref$size=_ref.size,size=_ref$size===void 0?"md":_ref$size,color=_ref.color,icon=_ref.icon,testID=_ref.testID,customClassName=_ref.className,rest=_objectWithoutProperties(_ref,_excluded);var IconComponent=useMemo(function(){return icon?applyIconInterop(icon):null;},[icon]);var className=useMemo(function(){return cn(iconVariants({size:size,color:color}),customClassName);},[size,color,customClassName]);if(!icon||!IconComponent)return null;return _jsx(IconComponent,Object.assign({ref:ref,className:className,testID:testID},rest));}));F0Icon.displayName="F0Icon";export default F0Icon;
|
|
2
|
+
//# sourceMappingURL=F0Icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","withUniwind","cn","iconVariants","jsx","_jsx","interopCache","WeakMap","applyIconInterop","icon","wrapped","get","set","F0Icon","memo","forwardRef","_ref","ref","_ref$size","size","color","testID","customClassName","className","rest","_objectWithoutProperties","_excluded","IconComponent","Object","assign","displayName"],"sourceRoot":"../../../../../src","sources":["components/primitives/F0Icon/F0Icon.tsx"],"mappings":"gJAAA,MAAO,CAAAA,KAAK,EAAIC,OAAO,KAAQ,OAAO,CAEtC,OAASC,WAAW,KAAQ,SAAS,CAErC,OAASC,EAAE,KAAQ,oBAAoB,CAEvC,OAASC,YAAY,KAAQ,iBAAiB,QAAAC,GAAA,IAAAC,IAAA,yBAI9C,GAAM,CAAAC,YAAY,CAAG,GAAI,CAAAC,OAAO,CAAqB,CAAC,CAOtD,MAAO,SAAS,CAAAC,gBAAgBA,CAACC,IAAc,CAAY,CACzD,GAAI,CAAAC,OAAO,CAAGJ,YAAY,CAACK,GAAG,CAACF,IAAI,CAAC,CACpC,GAAI,CAACC,OAAO,CAAE,CACZA,OAAO,CAAGT,WAAW,CAACQ,IAAI,CAAa,CACvCH,YAAY,CAACM,GAAG,CAACH,IAAI,CAAEC,OAAO,CAAC,CACjC,CACA,MAAO,CAAAA,OAAO,CAChB,CAeA,GAAM,CAAAG,MAAM,CAAGd,KAAK,CAACe,IAAI,CACvBf,KAAK,CAACgB,UAAU,CACd,SAAAC,IAAA,CAEEC,GAAG,CACA,KAAAC,SAAA,CAAAF,IAAA,CAFDG,IAAI,CAAJA,IAAI,CAAAD,SAAA,UAAG,IAAI,CAAAA,SAAA,CAAEE,KAAK,CAAAJ,IAAA,CAALI,KAAK,CAAEX,IAAI,CAAAO,IAAA,CAAJP,IAAI,CAAEY,MAAM,CAAAL,IAAA,CAANK,MAAM,CAAaC,eAAe,CAAAN,IAAA,CAA1BO,SAAS,CAAsBC,IAAI,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,EAGvE,GAAM,CAAAC,aAAa,CAAG3B,OAAO,CAC3B,iBAAO,CAAAS,IAAI,CAAGD,gBAAgB,CAACC,IAAI,CAAC,CAAG,IAAI,EAAC,CAC5C,CAACA,IAAI,CACP,CAAC,CAED,GAAM,CAAAc,SAAS,CAAGvB,OAAO,CACvB,iBAAM,CAAAE,EAAE,CAACC,YAAY,CAAC,CAAEgB,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAC,CAAEE,eAAe,CAAC,GACxD,CAACH,IAAI,CAAEC,KAAK,CAAEE,eAAe,CAC/B,CAAC,CAGD,GAAI,CAACb,IAAI,EAAI,CAACkB,aAAa,CAAE,MAAO,KAAI,CAExC,MACE,CAAAtB,IAAA,CAACsB,aAAa,CAAAC,MAAA,CAAAC,MAAA,EACZZ,GAAG,CAAEA,GAAI,CACTM,SAAS,CAAEA,SAAU,CACrBF,MAAM,CAAEA,MAAO,EACXG,IAAI,CACT,CAAC,CAEN,CACF,CACF,CAAC,CAEDX,MAAM,CAACiB,WAAW,CAAG,QAAQ,CAE7B,cAAe,CAAAjB,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
# F0Icon
|
|
2
|
+
|
|
3
|
+
Icon component for rendering SVG icons with consistent sizing and semantic colors from the F0 Design System.
|
|
4
|
+
|
|
5
|
+
## Overview
|
|
6
|
+
|
|
7
|
+
F0Icon is an atomic component that wraps SVG icon components with automatic UniWind interop, standardized sizing variants, and semantic icon colors. It follows the same pattern as F0Text: a `color` prop maps to design system tokens, with `className` available as an escape hatch.
|
|
8
|
+
|
|
9
|
+
## Architecture
|
|
10
|
+
|
|
11
|
+
- **Pattern:** Props API (Atomic Component)
|
|
12
|
+
- **Category:** Primitive Component
|
|
13
|
+
- **Location:** `src/components/primitives/F0Icon/`
|
|
14
|
+
|
|
15
|
+
## Usage
|
|
16
|
+
|
|
17
|
+
<!-- prettier-ignore -->
|
|
18
|
+
```tsx
|
|
19
|
+
import { F0Icon } from "@factorialco/f0-react-native"
|
|
20
|
+
import { Archive } from "@factorialco/f0-react-native/icons/app"
|
|
21
|
+
import { Home } from "@factorialco/f0-react-native/icons/modules"
|
|
22
|
+
|
|
23
|
+
<F0Icon icon={Archive} />
|
|
24
|
+
|
|
25
|
+
<F0Icon icon={Home} size="lg" />
|
|
26
|
+
|
|
27
|
+
<F0Icon icon={Archive} color="critical" />
|
|
28
|
+
|
|
29
|
+
<F0Icon icon={Archive} size="sm" color="positive" testID="archive-icon" />
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## Props
|
|
33
|
+
|
|
34
|
+
### `icon` (required)
|
|
35
|
+
|
|
36
|
+
- **Type:** `IconType`
|
|
37
|
+
- **Description:** SVG icon component to render (from `icons/` directory)
|
|
38
|
+
|
|
39
|
+
<!-- prettier-ignore -->
|
|
40
|
+
```tsx
|
|
41
|
+
import { Archive } from "@factorialco/f0-react-native/icons/app"
|
|
42
|
+
<F0Icon icon={Archive} />
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
### `size`
|
|
46
|
+
|
|
47
|
+
- **Type:** `'xl' | 'lg' | 'md' | 'sm' | 'xs'`
|
|
48
|
+
- **Default:** `'md'`
|
|
49
|
+
- **Description:** Size variant for the icon
|
|
50
|
+
|
|
51
|
+
<!-- prettier-ignore -->
|
|
52
|
+
```tsx
|
|
53
|
+
<F0Icon icon={Archive} size="xl" /> // 32x32px
|
|
54
|
+
<F0Icon icon={Archive} size="lg" /> // 24x24px
|
|
55
|
+
<F0Icon icon={Archive} size="md" /> // 20x20px (default)
|
|
56
|
+
<F0Icon icon={Archive} size="sm" /> // 16x16px
|
|
57
|
+
<F0Icon icon={Archive} size="xs" /> // 12x12px
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
### `color`
|
|
61
|
+
|
|
62
|
+
- **Type:** `IconColor` (see below)
|
|
63
|
+
- **Default:** none (no color class applied; icon inherits from parent)
|
|
64
|
+
- **Description:** Semantic icon color from the F0 design system. Maps to `f0-icon-*` tokens.
|
|
65
|
+
|
|
66
|
+
<!-- prettier-ignore -->
|
|
67
|
+
```tsx
|
|
68
|
+
<F0Icon icon={Archive} color="default" />
|
|
69
|
+
<F0Icon icon={Archive} color="critical" />
|
|
70
|
+
<F0Icon icon={Archive} color="positive" />
|
|
71
|
+
<F0Icon icon={Archive} color="info" />
|
|
72
|
+
<F0Icon icon={Archive} color="warning" />
|
|
73
|
+
<F0Icon icon={Archive} color="accent" />
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
### `testID`
|
|
77
|
+
|
|
78
|
+
- **Type:** `string`
|
|
79
|
+
- **Description:** Test identifier for testing library
|
|
80
|
+
|
|
81
|
+
<!-- prettier-ignore -->
|
|
82
|
+
```tsx
|
|
83
|
+
<F0Icon icon={Archive} testID="my-icon" />
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
### `className`
|
|
87
|
+
|
|
88
|
+
- **Type:** `string`
|
|
89
|
+
- **Description:** Tailwind classes for custom styling. Use as an escape hatch when `color` doesn't cover the need (e.g. layout adjustments, one-off colors).
|
|
90
|
+
|
|
91
|
+
<!-- prettier-ignore -->
|
|
92
|
+
```tsx
|
|
93
|
+
<F0Icon icon={Archive} className="-ml-0.5" />
|
|
94
|
+
<F0Icon icon={Star} className="text-yellow-500" />
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
### Other Props
|
|
98
|
+
|
|
99
|
+
F0Icon accepts all SVG props from `react-native-svg` except `style` (use `color` or `className` instead).
|
|
100
|
+
|
|
101
|
+
## Size Variants
|
|
102
|
+
|
|
103
|
+
| Variant | Width/Height | Stroke Width | Use Case |
|
|
104
|
+
| ------- | -------------- | ------------ | ---------------------------------- |
|
|
105
|
+
| `xl` | 32px (w-8 h-8) | stroke-xl | Large feature icons, hero sections |
|
|
106
|
+
| `lg` | 24px (w-6 h-6) | stroke-lg | Primary buttons, major actions |
|
|
107
|
+
| `md` | 20px (w-5 h-5) | stroke-md | Default size, most UI elements |
|
|
108
|
+
| `sm` | 16px (w-4 h-4) | stroke-sm | Secondary buttons, compact UI |
|
|
109
|
+
| `xs` | 12px (w-3 h-3) | stroke-xs | Inline icons, dense layouts |
|
|
110
|
+
|
|
111
|
+
## Color Variants
|
|
112
|
+
|
|
113
|
+
Derived from `f0-icon-*` tokens in `src/styles/theme.css`. Sync is enforced by `F0Icon.tokens.spec.ts`.
|
|
114
|
+
|
|
115
|
+
| Color | Token | Use Case |
|
|
116
|
+
| --------------------- | ---------------------------------- | ------------------------- |
|
|
117
|
+
| `default` | `text-f0-icon` | Standard icon color |
|
|
118
|
+
| `secondary` | `text-f0-icon-secondary` | Muted/secondary icons |
|
|
119
|
+
| `inverse` | `text-f0-icon-inverse` | Icons on dark backgrounds |
|
|
120
|
+
| `bold` | `text-f0-icon-bold` | High emphasis icons |
|
|
121
|
+
| `critical` | `text-f0-icon-critical` | Error/destructive |
|
|
122
|
+
| `critical-bold` | `text-f0-icon-critical-bold` | Bold critical emphasis |
|
|
123
|
+
| `accent` | `text-f0-icon-accent` | Brand accent |
|
|
124
|
+
| `info` | `text-f0-icon-info` | Informational |
|
|
125
|
+
| `warning` | `text-f0-icon-warning` | Warning states |
|
|
126
|
+
| `positive` | `text-f0-icon-positive` | Success/positive |
|
|
127
|
+
| `promote` | `text-f0-icon-promote` | Promotional highlights |
|
|
128
|
+
| `selected` | `text-f0-icon-selected` | Selected state |
|
|
129
|
+
| `selected-hover` | `text-f0-icon-selected-hover` | Selected hover state |
|
|
130
|
+
| `mood-super-negative` | `text-f0-icon-mood-super-negative` | Mood: very negative |
|
|
131
|
+
| `mood-negative` | `text-f0-icon-mood-negative` | Mood: negative |
|
|
132
|
+
| `mood-neutral` | `text-f0-icon-mood-neutral` | Mood: neutral |
|
|
133
|
+
| `mood-positive` | `text-f0-icon-mood-positive` | Mood: positive |
|
|
134
|
+
| `mood-super-positive` | `text-f0-icon-mood-super-positive` | Mood: very positive |
|
|
135
|
+
|
|
136
|
+
## Implementation Details
|
|
137
|
+
|
|
138
|
+
### UniWind Interop
|
|
139
|
+
|
|
140
|
+
F0Icon automatically applies UniWind interop to icon components using `withUniwind()`. Icons are cached in a `WeakSet` to ensure the wrapper is only applied once per icon type.
|
|
141
|
+
|
|
142
|
+
### Performance
|
|
143
|
+
|
|
144
|
+
- Wrapped in `React.memo` to prevent unnecessary re-renders
|
|
145
|
+
- `useMemo` for className generation
|
|
146
|
+
- Icon interop caching via `WeakSet`
|
|
147
|
+
|
|
148
|
+
### TypeScript
|
|
149
|
+
|
|
150
|
+
Style prop is blocked at compile-time to enforce `color`/`className` usage:
|
|
151
|
+
|
|
152
|
+
<!-- prettier-ignore -->
|
|
153
|
+
```tsx
|
|
154
|
+
<F0Icon icon={Archive} color="critical" />
|
|
155
|
+
|
|
156
|
+
// TypeScript error - style not allowed
|
|
157
|
+
<F0Icon icon={Archive} style={{ color: 'red' }} />
|
|
158
|
+
```
|
|
159
|
+
|
|
160
|
+
### Token Sync
|
|
161
|
+
|
|
162
|
+
`ICON_COLORS` in `F0Icon.types.ts` is kept in sync with `f0-icon-*` tokens from `theme.css` by a CI test (`F0Icon.tokens.spec.ts`). Adding or removing a token in theme.css without updating `ICON_COLORS` will fail the test.
|
|
163
|
+
|
|
164
|
+
## File Structure
|
|
165
|
+
|
|
166
|
+
```
|
|
167
|
+
src/components/primitives/F0Icon/
|
|
168
|
+
├── index.ts # Barrel exports
|
|
169
|
+
├── F0Icon.tsx # Component implementation
|
|
170
|
+
├── F0Icon.types.ts # TypeScript type definitions (ICON_COLORS, IconColor)
|
|
171
|
+
├── F0Icon.styles.ts # tailwind-variants configuration (size + color)
|
|
172
|
+
├── F0Icon.md # This documentation
|
|
173
|
+
└── __tests__/
|
|
174
|
+
├── F0Icon.spec.tsx # Component tests
|
|
175
|
+
└── F0Icon.tokens.spec.ts # Token sync test (theme.css ↔ ICON_COLORS)
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
## Related Components
|
|
179
|
+
|
|
180
|
+
- **F0Text** - Text primitive with semantic `color` prop (foreground tokens)
|
|
181
|
+
- **Button** - Uses F0Icon for icon slots
|
|
182
|
+
- **Badge** - Can include F0Icon
|
|
183
|
+
|
|
184
|
+
## References
|
|
185
|
+
|
|
186
|
+
- Design tokens: `src/styles/theme.css`
|
|
187
|
+
- Icon source: `src/icons/`
|