@bigbinary/neeto-atoms 1.1.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{HelpIcon-CEHRtxZ5.js → HelpIcon-DAi3_HhO.js} +4 -6
- package/dist/HelpIcon-DAi3_HhO.js.map +1 -0
- package/dist/{Label-C2ZO0-dt.js → Label-CEujas4-.js} +2 -2
- package/dist/{Label-C2ZO0-dt.js.map → Label-CEujas4-.js.map} +1 -1
- package/dist/cjs/{HelpIcon-39gUuk1F.js → HelpIcon-f8_h5Eap.js} +4 -6
- package/dist/cjs/HelpIcon-f8_h5Eap.js.map +1 -0
- package/dist/cjs/{Label-BLgCH5sc.js → Label-C8u4fXTy.js} +2 -2
- package/dist/cjs/{Label-BLgCH5sc.js.map → Label-C8u4fXTy.js.map} +1 -1
- package/dist/cjs/components/Checkbox.js +1 -1
- package/dist/cjs/components/DatePicker.js +1 -1
- package/dist/cjs/components/Input.js +1 -1
- package/dist/cjs/components/Label.js +2 -2
- package/dist/cjs/components/MultiEmailInput.js +1 -1
- package/dist/cjs/components/RadioGroup.js +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/cjs/components/Slider.js +1 -1
- package/dist/cjs/components/Switch.js +1 -1
- package/dist/cjs/components/Textarea.js +1 -1
- package/dist/cjs/components/TimePicker.js +1 -1
- package/dist/cjs/components/TreeSelect.js +1 -1
- package/dist/cjs/components/index.js +2 -2
- package/dist/cjs/formik/Checkbox.js +1 -1
- package/dist/cjs/formik/Input.js +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +1 -1
- package/dist/cjs/formik/RadioGroup.js +1 -1
- package/dist/cjs/formik/Select.js +1 -1
- package/dist/cjs/formik/Slider.js +1 -1
- package/dist/cjs/formik/Switch.js +1 -1
- package/dist/cjs/formik/Textarea.js +1 -1
- package/dist/cjs/formik/TreeSelect.js +1 -1
- package/dist/cjs/formik/index.js +1 -1
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/primitives/Field.js +1 -1
- package/dist/cjs/primitives/index.js +1 -1
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/DatePicker.js +1 -1
- package/dist/components/Input.js +1 -1
- package/dist/components/Label.js +2 -2
- package/dist/components/MultiEmailInput.js +1 -1
- package/dist/components/RadioGroup.js +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Slider.js +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/Textarea.js +1 -1
- package/dist/components/TimePicker.js +1 -1
- package/dist/components/TreeSelect.js +1 -1
- package/dist/components/index.js +2 -2
- package/dist/formik/Checkbox.js +1 -1
- package/dist/formik/Input.js +1 -1
- package/dist/formik/MultiEmailInput.js +1 -1
- package/dist/formik/RadioGroup.js +1 -1
- package/dist/formik/Select.js +1 -1
- package/dist/formik/Slider.js +1 -1
- package/dist/formik/Switch.js +1 -1
- package/dist/formik/Textarea.js +1 -1
- package/dist/formik/TreeSelect.js +1 -1
- package/dist/formik/index.js +1 -1
- package/dist/index.js +2 -2
- package/dist/primitives/Field.js +1 -1
- package/dist/primitives/index.js +1 -1
- package/package.json +1 -1
- package/dist/HelpIcon-CEHRtxZ5.js.map +0 -1
- package/dist/cjs/HelpIcon-39gUuk1F.js.map +0 -1
|
@@ -40,7 +40,7 @@ const HelpIcon = (helpIconProps) => {
|
|
|
40
40
|
),
|
|
41
41
|
"data-testid": helpIconProps["data-testid"],
|
|
42
42
|
onClick: helpIconProps.onClick,
|
|
43
|
-
children: renderIcon(icon, "size-
|
|
43
|
+
children: renderIcon(icon, "size-4")
|
|
44
44
|
}
|
|
45
45
|
);
|
|
46
46
|
if (helpIconProps.popoverProps) {
|
|
@@ -50,7 +50,7 @@ const HelpIcon = (helpIconProps) => {
|
|
|
50
50
|
description && /* @__PURE__ */ jsx(
|
|
51
51
|
"p",
|
|
52
52
|
{
|
|
53
|
-
className: "text-
|
|
53
|
+
className: "text-[15px] leading-normal text-muted-foreground",
|
|
54
54
|
"data-testid": "help-popover-description",
|
|
55
55
|
children: description
|
|
56
56
|
}
|
|
@@ -59,11 +59,9 @@ const HelpIcon = (helpIconProps) => {
|
|
|
59
59
|
Button,
|
|
60
60
|
{
|
|
61
61
|
variant: "link",
|
|
62
|
-
size: "sm",
|
|
63
|
-
className: "mt-1 h-auto self-start p-0",
|
|
64
62
|
"data-testid": "help-popover-link-button",
|
|
65
63
|
...helpLinkProps,
|
|
66
|
-
|
|
64
|
+
className: cn("mt-1 h-auto self-start p-0", helpLinkProps.className)
|
|
67
65
|
}
|
|
68
66
|
)
|
|
69
67
|
] });
|
|
@@ -79,4 +77,4 @@ const HelpIcon = (helpIconProps) => {
|
|
|
79
77
|
};
|
|
80
78
|
|
|
81
79
|
export { HelpIcon as H };
|
|
82
|
-
//# sourceMappingURL=HelpIcon-
|
|
80
|
+
//# sourceMappingURL=HelpIcon-DAi3_HhO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelpIcon-DAi3_HhO.js","sources":["../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../src/shared/HelpIcon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import type React from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { Popover } from \"src/components/Popover\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n top: \"top\",\n bottom: \"bottom\",\n left: \"left\",\n right: \"right\",\n auto: \"top\",\n};\n\nexport interface HelpIconTooltipProps {\n /** Tooltip content. */\n content?: React.ReactNode;\n /** Tooltip position. */\n position?: string;\n}\n\nexport interface HelpIconPopoverProps {\n /** Popover title. */\n title?: React.ReactNode;\n /** Popover description. */\n description?: React.ReactNode;\n /** Props for an optional help link button inside the popover. */\n helpLinkProps?: ButtonProps;\n}\n\nexport interface HelpIconProps {\n /** Click handler on the help icon. */\n onClick?: () => void;\n /** Custom icon. Defaults to CircleHelpIcon. */\n icon?: IconProp;\n /** Show a tooltip on hover. */\n tooltipProps?: HelpIconTooltipProps;\n /** Show a popover on hover with title, description, and optional link. */\n popoverProps?: HelpIconPopoverProps;\n /** Additional class name for the help icon. */\n className?: string;\n /** `data-testid` for the help icon. */\n \"data-testid\"?: string;\n}\n\nexport const HelpIcon = (helpIconProps: HelpIconProps) => {\n const icon = helpIconProps.icon ?? CircleHelpIcon;\n\n const iconElement = (\n <span\n className={cn(\n \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n helpIconProps.onClick && \"cursor-pointer\",\n helpIconProps.className\n )}\n data-testid={helpIconProps[\"data-testid\"]}\n onClick={helpIconProps.onClick}\n >\n {renderIcon(icon, \"size-4\")}\n </span>\n );\n\n if (helpIconProps.popoverProps) {\n const { title, description, helpLinkProps } = helpIconProps.popoverProps;\n\n return (\n <Popover trigger={iconElement}>\n {title && (\n <Popover.Title data-testid=\"help-popover-title\">\n {title}\n </Popover.Title>\n )}\n {description && (\n <p\n className=\"text-[15px] leading-normal text-muted-foreground\"\n data-testid=\"help-popover-description\"\n >\n {description}\n </p>\n )}\n {helpLinkProps && (\n <Button\n variant=\"link\"\n data-testid=\"help-popover-link-button\"\n {...helpLinkProps}\n className={cn(\"mt-1 h-auto self-start p-0\", helpLinkProps.className)}\n />\n )}\n </Popover>\n );\n }\n\n if (helpIconProps.tooltipProps?.content) {\n const side =\n SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n <TooltipContent side={side}>\n {helpIconProps.tooltipProps.content}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n }\n\n return iconElement;\n};\n"],"names":["CircleHelpIcon"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,sCAAsC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACxE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC7C,CAAC;AACD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,sBAAsB,EAAE,UAAU,CAAC;;ACC/E,MAAM,QAAA,GAAgE;AAAA,EACpE,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAiCO,MAAM,QAAA,GAAW,CAAC,aAAA,KAAiC;AACxD,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQA,kBAAA;AAEnC,EAAA,MAAM,WAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,uFAAA;AAAA,QACA,cAAc,OAAA,IAAW,gBAAA;AAAA,QACzB,aAAA,CAAc;AAAA,OAChB;AAAA,MACA,aAAA,EAAa,cAAc,aAAa,CAAA;AAAA,MACxC,SAAS,aAAA,CAAc,OAAA;AAAA,MAEtB,QAAA,EAAA,UAAA,CAAW,MAAM,QAAQ;AAAA;AAAA,GAC5B;AAGF,EAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAa,aAAA,KAAkB,aAAA,CAAc,YAAA;AAE5D,IAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA,wBACE,OAAA,CAAQ,KAAA,EAAR,EAAc,aAAA,EAAY,sBACxB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,WAAA,oBACC,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,kDAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MAED,aAAA,oBACC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,aAAA,EAAY,0BAAA;AAAA,UACX,GAAG,aAAA;AAAA,UACJ,SAAA,EAAW,EAAA,CAAG,4BAAA,EAA8B,aAAA,CAAc,SAAS;AAAA;AAAA;AACrE,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,aAAA,CAAc,cAAc,OAAA,EAAS;AACvC,IAAA,MAAM,OACJ,QAAA,CAAS,aAAA,CAAc,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE7D,IAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACrC,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EACb,QAAA,EAAA,aAAA,CAAc,aAAa,OAAA,EAC9B;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,WAAA;AACT;;;;","x_google_ignoreList":[0]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import { H as HelpIcon } from './HelpIcon-
|
|
3
|
+
import { H as HelpIcon } from './HelpIcon-DAi3_HhO.js';
|
|
4
4
|
import { Label as Label$1 } from './primitives/Label.js';
|
|
5
5
|
import { c as cn } from './utils-BJnb9o5c.js';
|
|
6
6
|
|
|
@@ -14,4 +14,4 @@ const Label = forwardRef(
|
|
|
14
14
|
Label.displayName = "Label";
|
|
15
15
|
|
|
16
16
|
export { Label as L };
|
|
17
|
-
//# sourceMappingURL=Label-
|
|
17
|
+
//# sourceMappingURL=Label-CEujas4-.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label-
|
|
1
|
+
{"version":3,"file":"Label-CEujas4-.js","sources":["../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { HelpIcon, type HelpIconProps } from \"src/shared/HelpIcon\";\nimport { Label as PrimitiveLabel } from \"src/primitives/Label\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nexport type { HelpIconProps };\n\nexport interface LabelProps extends React.ComponentProps<\n typeof PrimitiveLabel\n> {\n /** Shows a red asterisk after the label text. */\n required?: boolean;\n /** Props for the help icon (tooltip or popover mode). */\n helpIconProps?: HelpIconProps;\n /** Additional CSS class names. */\n className?: string;\n}\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n ({ required, helpIconProps, className, children, ...otherProps }, ref) => (\n <PrimitiveLabel ref={ref} className={cn(className)} {...otherProps}>\n {children}\n {required && (\n <span aria-hidden=\"true\" className=\"text-destructive\">\n *\n </span>\n )}\n {helpIconProps && <HelpIcon {...helpIconProps} />}\n </PrimitiveLabel>\n )\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"names":["PrimitiveLabel"],"mappings":";;;;;;AAmBA,MAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,QAAA,EAAU,eAAe,SAAA,EAAW,QAAA,EAAU,GAAG,UAAA,EAAW,EAAG,GAAA,qBAChE,IAAA,CAACA,WAAe,GAAA,EAAU,SAAA,EAAW,GAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EACrD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD,CAAA;AAAA,IAED,aAAA,oBAAiB,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,aAAA,EAAe;AAAA,GAAA,EACjD;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}
|
|
@@ -42,7 +42,7 @@ const HelpIcon = (helpIconProps) => {
|
|
|
42
42
|
),
|
|
43
43
|
"data-testid": helpIconProps["data-testid"],
|
|
44
44
|
onClick: helpIconProps.onClick,
|
|
45
|
-
children: renderIcon.renderIcon(icon, "size-
|
|
45
|
+
children: renderIcon.renderIcon(icon, "size-4")
|
|
46
46
|
}
|
|
47
47
|
);
|
|
48
48
|
if (helpIconProps.popoverProps) {
|
|
@@ -52,7 +52,7 @@ const HelpIcon = (helpIconProps) => {
|
|
|
52
52
|
description && /* @__PURE__ */ jsxRuntime.jsx(
|
|
53
53
|
"p",
|
|
54
54
|
{
|
|
55
|
-
className: "text-
|
|
55
|
+
className: "text-[15px] leading-normal text-muted-foreground",
|
|
56
56
|
"data-testid": "help-popover-description",
|
|
57
57
|
children: description
|
|
58
58
|
}
|
|
@@ -61,11 +61,9 @@ const HelpIcon = (helpIconProps) => {
|
|
|
61
61
|
Button.Button,
|
|
62
62
|
{
|
|
63
63
|
variant: "link",
|
|
64
|
-
size: "sm",
|
|
65
|
-
className: "mt-1 h-auto self-start p-0",
|
|
66
64
|
"data-testid": "help-popover-link-button",
|
|
67
65
|
...helpLinkProps,
|
|
68
|
-
|
|
66
|
+
className: utils.cn("mt-1 h-auto self-start p-0", helpLinkProps.className)
|
|
69
67
|
}
|
|
70
68
|
)
|
|
71
69
|
] });
|
|
@@ -81,4 +79,4 @@ const HelpIcon = (helpIconProps) => {
|
|
|
81
79
|
};
|
|
82
80
|
|
|
83
81
|
exports.HelpIcon = HelpIcon;
|
|
84
|
-
//# sourceMappingURL=HelpIcon-
|
|
82
|
+
//# sourceMappingURL=HelpIcon-f8_h5Eap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelpIcon-f8_h5Eap.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../../src/shared/HelpIcon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import type React from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { Popover } from \"src/components/Popover\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n top: \"top\",\n bottom: \"bottom\",\n left: \"left\",\n right: \"right\",\n auto: \"top\",\n};\n\nexport interface HelpIconTooltipProps {\n /** Tooltip content. */\n content?: React.ReactNode;\n /** Tooltip position. */\n position?: string;\n}\n\nexport interface HelpIconPopoverProps {\n /** Popover title. */\n title?: React.ReactNode;\n /** Popover description. */\n description?: React.ReactNode;\n /** Props for an optional help link button inside the popover. */\n helpLinkProps?: ButtonProps;\n}\n\nexport interface HelpIconProps {\n /** Click handler on the help icon. */\n onClick?: () => void;\n /** Custom icon. Defaults to CircleHelpIcon. */\n icon?: IconProp;\n /** Show a tooltip on hover. */\n tooltipProps?: HelpIconTooltipProps;\n /** Show a popover on hover with title, description, and optional link. */\n popoverProps?: HelpIconPopoverProps;\n /** Additional class name for the help icon. */\n className?: string;\n /** `data-testid` for the help icon. */\n \"data-testid\"?: string;\n}\n\nexport const HelpIcon = (helpIconProps: HelpIconProps) => {\n const icon = helpIconProps.icon ?? CircleHelpIcon;\n\n const iconElement = (\n <span\n className={cn(\n \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n helpIconProps.onClick && \"cursor-pointer\",\n helpIconProps.className\n )}\n data-testid={helpIconProps[\"data-testid\"]}\n onClick={helpIconProps.onClick}\n >\n {renderIcon(icon, \"size-4\")}\n </span>\n );\n\n if (helpIconProps.popoverProps) {\n const { title, description, helpLinkProps } = helpIconProps.popoverProps;\n\n return (\n <Popover trigger={iconElement}>\n {title && (\n <Popover.Title data-testid=\"help-popover-title\">\n {title}\n </Popover.Title>\n )}\n {description && (\n <p\n className=\"text-[15px] leading-normal text-muted-foreground\"\n data-testid=\"help-popover-description\"\n >\n {description}\n </p>\n )}\n {helpLinkProps && (\n <Button\n variant=\"link\"\n data-testid=\"help-popover-link-button\"\n {...helpLinkProps}\n className={cn(\"mt-1 h-auto self-start p-0\", helpLinkProps.className)}\n />\n )}\n </Popover>\n );\n }\n\n if (helpIconProps.tooltipProps?.content) {\n const side =\n SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n <TooltipContent side={side}>\n {helpIconProps.tooltipProps.content}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n }\n\n return iconElement;\n};\n"],"names":["createLucideIcon","CircleHelpIcon","jsx","cn","renderIcon","jsxs","Popover","Button","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,sCAAsC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACxE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC7C,CAAC;AACD,MAAM,kBAAkB,GAAGA,iCAAgB,CAAC,sBAAsB,EAAE,UAAU,CAAC;;ACC/E,MAAM,QAAA,GAAgE;AAAA,EACpE,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAiCO,MAAM,QAAA,GAAW,CAAC,aAAA,KAAiC;AACxD,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQC,kBAAA;AAEnC,EAAA,MAAM,WAAA,mBACJC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,QAAA;AAAA,QACT,uFAAA;AAAA,QACA,cAAc,OAAA,IAAW,gBAAA;AAAA,QACzB,aAAA,CAAc;AAAA,OAChB;AAAA,MACA,aAAA,EAAa,cAAc,aAAa,CAAA;AAAA,MACxC,SAAS,aAAA,CAAc,OAAA;AAAA,MAEtB,QAAA,EAAAC,qBAAA,CAAW,MAAM,QAAQ;AAAA;AAAA,GAC5B;AAGF,EAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAa,aAAA,KAAkB,aAAA,CAAc,YAAA;AAE5D,IAAA,uBACEC,eAAA,CAACC,eAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA,mCACEA,eAAA,CAAQ,KAAA,EAAR,EAAc,aAAA,EAAY,sBACxB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,WAAA,oBACCJ,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,kDAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MAED,aAAA,oBACCA,cAAA;AAAA,QAACK,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,aAAA,EAAY,0BAAA;AAAA,UACX,GAAG,aAAA;AAAA,UACJ,SAAA,EAAWJ,QAAA,CAAG,4BAAA,EAA8B,aAAA,CAAc,SAAS;AAAA;AAAA;AACrE,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,aAAA,CAAc,cAAc,OAAA,EAAS;AACvC,IAAA,MAAM,OACJ,QAAA,CAAS,aAAA,CAAc,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE7D,IAAA,uBACED,cAAA,CAACM,kCAAA,EAAA,EACC,QAAA,kBAAAH,eAAA,CAACI,0BAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAP,cAAA,CAACQ,iCAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACrCR,cAAA,CAACS,iCAAA,EAAA,EAAe,IAAA,EACb,QAAA,EAAA,aAAA,CAAc,aAAa,OAAA,EAC9B;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,WAAA;AACT;;;;","x_google_ignoreList":[0]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var HelpIcon = require('./HelpIcon-
|
|
5
|
+
var HelpIcon = require('./HelpIcon-f8_h5Eap.js');
|
|
6
6
|
var primitives_Label = require('./primitives/Label.js');
|
|
7
7
|
var utils = require('./utils-BhM0B89p.js');
|
|
8
8
|
|
|
@@ -16,4 +16,4 @@ const Label = React.forwardRef(
|
|
|
16
16
|
Label.displayName = "Label";
|
|
17
17
|
|
|
18
18
|
exports.Label = Label;
|
|
19
|
-
//# sourceMappingURL=Label-
|
|
19
|
+
//# sourceMappingURL=Label-C8u4fXTy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label-
|
|
1
|
+
{"version":3,"file":"Label-C8u4fXTy.js","sources":["../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { HelpIcon, type HelpIconProps } from \"src/shared/HelpIcon\";\nimport { Label as PrimitiveLabel } from \"src/primitives/Label\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nexport type { HelpIconProps };\n\nexport interface LabelProps extends React.ComponentProps<\n typeof PrimitiveLabel\n> {\n /** Shows a red asterisk after the label text. */\n required?: boolean;\n /** Props for the help icon (tooltip or popover mode). */\n helpIconProps?: HelpIconProps;\n /** Additional CSS class names. */\n className?: string;\n}\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n ({ required, helpIconProps, className, children, ...otherProps }, ref) => (\n <PrimitiveLabel ref={ref} className={cn(className)} {...otherProps}>\n {children}\n {required && (\n <span aria-hidden=\"true\" className=\"text-destructive\">\n *\n </span>\n )}\n {helpIconProps && <HelpIcon {...helpIconProps} />}\n </PrimitiveLabel>\n )\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"names":["forwardRef","jsxs","PrimitiveLabel","cn","jsx","HelpIcon"],"mappings":";;;;;;;;AAmBA,MAAM,KAAA,GAAQA,gBAAA;AAAA,EACZ,CAAC,EAAE,QAAA,EAAU,eAAe,SAAA,EAAW,QAAA,EAAU,GAAG,UAAA,EAAW,EAAG,GAAA,qBAChEC,eAAA,CAACC,0BAAe,GAAA,EAAU,SAAA,EAAWC,SAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EACrD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,4BACCC,cAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD,CAAA;AAAA,IAED,aAAA,oBAAiBA,cAAA,CAACC,iBAAA,EAAA,EAAU,GAAG,aAAA,EAAe;AAAA,GAAA,EACjD;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}
|
|
@@ -20,7 +20,7 @@ require('react-dom');
|
|
|
20
20
|
require('../fieldIds-DiVU6GVS.js');
|
|
21
21
|
require('../hyphenize-BTrVNVv3.js');
|
|
22
22
|
require('../primitives/Field.js');
|
|
23
|
-
require('../HelpIcon-
|
|
23
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
24
24
|
require('../primitives/Tooltip.js');
|
|
25
25
|
require('../tooltip-BFE6UArF.js');
|
|
26
26
|
require('../index-Bvu9MiFi.js');
|
|
@@ -38,7 +38,7 @@ require('../fieldIds-DiVU6GVS.js');
|
|
|
38
38
|
require('../hyphenize-BTrVNVv3.js');
|
|
39
39
|
require('../primitives/Button.js');
|
|
40
40
|
require('../primitives/Field.js');
|
|
41
|
-
require('../HelpIcon-
|
|
41
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
42
42
|
require('../primitives/Tooltip.js');
|
|
43
43
|
require('../tooltip-BFE6UArF.js');
|
|
44
44
|
require('../index-CB9xFokC.js');
|
|
@@ -5,7 +5,7 @@ require('react/jsx-runtime');
|
|
|
5
5
|
require('react');
|
|
6
6
|
require('../utils-BhM0B89p.js');
|
|
7
7
|
require('../primitives/Field.js');
|
|
8
|
-
require('../HelpIcon-
|
|
8
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
9
9
|
require('../primitives/Tooltip.js');
|
|
10
10
|
require('../tooltip-BFE6UArF.js');
|
|
11
11
|
require('../index-COPkC3I5.js');
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Label = require('../Label-
|
|
3
|
+
var Label = require('../Label-C8u4fXTy.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('react');
|
|
6
|
-
require('../HelpIcon-
|
|
6
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
7
7
|
require('../primitives/Tooltip.js');
|
|
8
8
|
require('../tooltip-BFE6UArF.js');
|
|
9
9
|
require('../utils-BhM0B89p.js');
|
|
@@ -6,7 +6,7 @@ require('react');
|
|
|
6
6
|
require('react-i18next');
|
|
7
7
|
require('../utils-BhM0B89p.js');
|
|
8
8
|
require('../primitives/Field.js');
|
|
9
|
-
require('../HelpIcon-
|
|
9
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
10
10
|
require('../primitives/Tooltip.js');
|
|
11
11
|
require('../tooltip-BFE6UArF.js');
|
|
12
12
|
require('../index-COPkC3I5.js');
|
|
@@ -23,7 +23,7 @@ require('../index-DcCSSgb7.js');
|
|
|
23
23
|
require('../primitives/Label.js');
|
|
24
24
|
require('../label-D8qMh7jG.js');
|
|
25
25
|
require('../primitives/Field.js');
|
|
26
|
-
require('../HelpIcon-
|
|
26
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
27
27
|
require('../primitives/Tooltip.js');
|
|
28
28
|
require('../tooltip-BFE6UArF.js');
|
|
29
29
|
require('../index-Bvu9MiFi.js');
|
|
@@ -28,7 +28,7 @@ require('../with-selector-DeKHbQY7.js');
|
|
|
28
28
|
require('../floating-ui.react-dom--alWUjS1.js');
|
|
29
29
|
require('../SelectFieldWrapper-CIh_atln.js');
|
|
30
30
|
require('../primitives/Field.js');
|
|
31
|
-
require('../HelpIcon-
|
|
31
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
32
32
|
require('../primitives/Tooltip.js');
|
|
33
33
|
require('../tooltip-BFE6UArF.js');
|
|
34
34
|
require('../index-COPkC3I5.js');
|
|
@@ -18,7 +18,7 @@ require('../index-DMbj7vXd.js');
|
|
|
18
18
|
require('react-dom');
|
|
19
19
|
require('../index-Ch55j1or.js');
|
|
20
20
|
require('../primitives/Field.js');
|
|
21
|
-
require('../HelpIcon-
|
|
21
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
22
22
|
require('../primitives/Tooltip.js');
|
|
23
23
|
require('../tooltip-BFE6UArF.js');
|
|
24
24
|
require('../index-Bvu9MiFi.js');
|
|
@@ -5,7 +5,7 @@ require('react/jsx-runtime');
|
|
|
5
5
|
require('react');
|
|
6
6
|
require('../primitives/Field.js');
|
|
7
7
|
require('../utils-BhM0B89p.js');
|
|
8
|
-
require('../HelpIcon-
|
|
8
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
9
9
|
require('../primitives/Tooltip.js');
|
|
10
10
|
require('../tooltip-BFE6UArF.js');
|
|
11
11
|
require('../index-COPkC3I5.js');
|
|
@@ -5,7 +5,7 @@ require('react/jsx-runtime');
|
|
|
5
5
|
require('react');
|
|
6
6
|
require('../utils-BhM0B89p.js');
|
|
7
7
|
require('../primitives/Field.js');
|
|
8
|
-
require('../HelpIcon-
|
|
8
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
9
9
|
require('../primitives/Tooltip.js');
|
|
10
10
|
require('../tooltip-BFE6UArF.js');
|
|
11
11
|
require('../index-COPkC3I5.js');
|
|
@@ -23,7 +23,7 @@ require('../index-Df-Ffa3s.js');
|
|
|
23
23
|
require('../index-DcCSSgb7.js');
|
|
24
24
|
require('../index-CyrAgb4H.js');
|
|
25
25
|
require('../primitives/Field.js');
|
|
26
|
-
require('../HelpIcon-
|
|
26
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
27
27
|
require('../primitives/Tooltip.js');
|
|
28
28
|
require('../tooltip-BFE6UArF.js');
|
|
29
29
|
require('../index-CB9xFokC.js');
|
|
@@ -24,7 +24,7 @@ require('../index-DcCSSgb7.js');
|
|
|
24
24
|
require('../index-CyrAgb4H.js');
|
|
25
25
|
require('../SelectFieldWrapper-CIh_atln.js');
|
|
26
26
|
require('../primitives/Field.js');
|
|
27
|
-
require('../HelpIcon-
|
|
27
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
28
28
|
require('../primitives/Tooltip.js');
|
|
29
29
|
require('../tooltip-BFE6UArF.js');
|
|
30
30
|
require('../index-CB9xFokC.js');
|
|
@@ -15,7 +15,7 @@ var Dialog = require('../Dialog-B_FZwr_u.js');
|
|
|
15
15
|
var Empty = require('../Empty-Bwpsj82B.js');
|
|
16
16
|
var Input = require('../Input-DFvMBpiU.js');
|
|
17
17
|
var Kbd = require('../Kbd--A8Gl8TV.js');
|
|
18
|
-
var Label = require('../Label-
|
|
18
|
+
var Label = require('../Label-C8u4fXTy.js');
|
|
19
19
|
var MultiEmailInput = require('../MultiEmailInput-N9amBO6Q.js');
|
|
20
20
|
var Pagination = require('../Pagination-WyQlBpvK.js');
|
|
21
21
|
var Popover = require('../Popover-BY8Afql0.js');
|
|
@@ -102,7 +102,7 @@ require('../primitives/Checkbox.js');
|
|
|
102
102
|
require('../index-CF951Pw9.js');
|
|
103
103
|
require('../fieldIds-DiVU6GVS.js');
|
|
104
104
|
require('../primitives/Field.js');
|
|
105
|
-
require('../HelpIcon-
|
|
105
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
106
106
|
require('../label-D8qMh7jG.js');
|
|
107
107
|
require('react-colorful');
|
|
108
108
|
require('../primitives/Popover.js');
|
|
@@ -22,7 +22,7 @@ require('react-dom');
|
|
|
22
22
|
require('../fieldIds-DiVU6GVS.js');
|
|
23
23
|
require('../hyphenize-BTrVNVv3.js');
|
|
24
24
|
require('../primitives/Field.js');
|
|
25
|
-
require('../HelpIcon-
|
|
25
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
26
26
|
require('../primitives/Tooltip.js');
|
|
27
27
|
require('../tooltip-BFE6UArF.js');
|
|
28
28
|
require('../index-Bvu9MiFi.js');
|
package/dist/cjs/formik/Input.js
CHANGED
|
@@ -7,7 +7,7 @@ var ramda = require('ramda');
|
|
|
7
7
|
var Input = require('../Input-DFvMBpiU.js');
|
|
8
8
|
require('../utils-BhM0B89p.js');
|
|
9
9
|
require('../primitives/Field.js');
|
|
10
|
-
require('../HelpIcon-
|
|
10
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
11
11
|
require('../primitives/Tooltip.js');
|
|
12
12
|
require('../tooltip-BFE6UArF.js');
|
|
13
13
|
require('../index-COPkC3I5.js');
|
|
@@ -8,7 +8,7 @@ var MultiEmailInput = require('../MultiEmailInput-N9amBO6Q.js');
|
|
|
8
8
|
require('react-i18next');
|
|
9
9
|
require('../utils-BhM0B89p.js');
|
|
10
10
|
require('../primitives/Field.js');
|
|
11
|
-
require('../HelpIcon-
|
|
11
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
12
12
|
require('../primitives/Tooltip.js');
|
|
13
13
|
require('../tooltip-BFE6UArF.js');
|
|
14
14
|
require('../index-COPkC3I5.js');
|
|
@@ -25,7 +25,7 @@ require('../index-DcCSSgb7.js');
|
|
|
25
25
|
require('../primitives/Label.js');
|
|
26
26
|
require('../label-D8qMh7jG.js');
|
|
27
27
|
require('../primitives/Field.js');
|
|
28
|
-
require('../HelpIcon-
|
|
28
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
29
29
|
require('../primitives/Tooltip.js');
|
|
30
30
|
require('../tooltip-BFE6UArF.js');
|
|
31
31
|
require('../index-Bvu9MiFi.js');
|
|
@@ -30,7 +30,7 @@ require('../with-selector-DeKHbQY7.js');
|
|
|
30
30
|
require('../floating-ui.react-dom--alWUjS1.js');
|
|
31
31
|
require('../SelectFieldWrapper-CIh_atln.js');
|
|
32
32
|
require('../primitives/Field.js');
|
|
33
|
-
require('../HelpIcon-
|
|
33
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
34
34
|
require('../primitives/Tooltip.js');
|
|
35
35
|
require('../tooltip-BFE6UArF.js');
|
|
36
36
|
require('../index-COPkC3I5.js');
|
|
@@ -20,7 +20,7 @@ require('../index-DMbj7vXd.js');
|
|
|
20
20
|
require('react-dom');
|
|
21
21
|
require('../index-Ch55j1or.js');
|
|
22
22
|
require('../primitives/Field.js');
|
|
23
|
-
require('../HelpIcon-
|
|
23
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
24
24
|
require('../primitives/Tooltip.js');
|
|
25
25
|
require('../tooltip-BFE6UArF.js');
|
|
26
26
|
require('../index-Bvu9MiFi.js');
|
|
@@ -7,7 +7,7 @@ var Switch = require('../Switch-BbRK3HUZ.js');
|
|
|
7
7
|
require('react');
|
|
8
8
|
require('../primitives/Field.js');
|
|
9
9
|
require('../utils-BhM0B89p.js');
|
|
10
|
-
require('../HelpIcon-
|
|
10
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
11
11
|
require('../primitives/Tooltip.js');
|
|
12
12
|
require('../tooltip-BFE6UArF.js');
|
|
13
13
|
require('../index-COPkC3I5.js');
|
|
@@ -7,7 +7,7 @@ var ramda = require('ramda');
|
|
|
7
7
|
var Textarea = require('../Textarea-bxleSw86.js');
|
|
8
8
|
require('../utils-BhM0B89p.js');
|
|
9
9
|
require('../primitives/Field.js');
|
|
10
|
-
require('../HelpIcon-
|
|
10
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
11
11
|
require('../primitives/Tooltip.js');
|
|
12
12
|
require('../tooltip-BFE6UArF.js');
|
|
13
13
|
require('../index-COPkC3I5.js');
|
|
@@ -26,7 +26,7 @@ require('../index-DcCSSgb7.js');
|
|
|
26
26
|
require('../index-CyrAgb4H.js');
|
|
27
27
|
require('../SelectFieldWrapper-CIh_atln.js');
|
|
28
28
|
require('../primitives/Field.js');
|
|
29
|
-
require('../HelpIcon-
|
|
29
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
30
30
|
require('../primitives/Tooltip.js');
|
|
31
31
|
require('../tooltip-BFE6UArF.js');
|
|
32
32
|
require('../index-CB9xFokC.js');
|
package/dist/cjs/formik/index.js
CHANGED
|
@@ -20,7 +20,7 @@ require('ramda');
|
|
|
20
20
|
require('../Input-DFvMBpiU.js');
|
|
21
21
|
require('../utils-BhM0B89p.js');
|
|
22
22
|
require('../primitives/Field.js');
|
|
23
|
-
require('../HelpIcon-
|
|
23
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
24
24
|
require('../primitives/Tooltip.js');
|
|
25
25
|
require('../tooltip-BFE6UArF.js');
|
|
26
26
|
require('../index-COPkC3I5.js');
|
package/dist/cjs/index.js
CHANGED
|
@@ -20,7 +20,7 @@ var DirectionProvider = require('./DirectionProvider-BTtE4FcN.js');
|
|
|
20
20
|
var Empty = require('./Empty-Bwpsj82B.js');
|
|
21
21
|
var Input = require('./Input-DFvMBpiU.js');
|
|
22
22
|
var Kbd = require('./Kbd--A8Gl8TV.js');
|
|
23
|
-
var Label = require('./Label-
|
|
23
|
+
var Label = require('./Label-C8u4fXTy.js');
|
|
24
24
|
var MultiEmailInput = require('./MultiEmailInput-N9amBO6Q.js');
|
|
25
25
|
var Pagination = require('./Pagination-WyQlBpvK.js');
|
|
26
26
|
var Popover = require('./Popover-BY8Afql0.js');
|
|
@@ -105,7 +105,7 @@ require('./primitives/Checkbox.js');
|
|
|
105
105
|
require('./index-CF951Pw9.js');
|
|
106
106
|
require('./fieldIds-DiVU6GVS.js');
|
|
107
107
|
require('./primitives/Field.js');
|
|
108
|
-
require('./HelpIcon-
|
|
108
|
+
require('./HelpIcon-f8_h5Eap.js');
|
|
109
109
|
require('./label-D8qMh7jG.js');
|
|
110
110
|
require('react-colorful');
|
|
111
111
|
require('./primitives/Popover.js');
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var utils = require('../utils-BhM0B89p.js');
|
|
5
|
-
var HelpIcon = require('../HelpIcon-
|
|
5
|
+
var HelpIcon = require('../HelpIcon-f8_h5Eap.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var index = require('../index-vioSzJOw.js');
|
|
8
8
|
var label = require('../label-D8qMh7jG.js');
|
|
@@ -106,7 +106,7 @@ require('../dialog-D7OSycGe.js');
|
|
|
106
106
|
require('../index-CMFCdiR6.js');
|
|
107
107
|
require('../index-owSUsE-n.js');
|
|
108
108
|
require('../index-DoVhdseB.js');
|
|
109
|
-
require('../HelpIcon-
|
|
109
|
+
require('../HelpIcon-f8_h5Eap.js');
|
|
110
110
|
require('../renderIcon-BRrpZu9a.js');
|
|
111
111
|
require('../Popover-BY8Afql0.js');
|
|
112
112
|
require('../Typography-Ctlu_0Qy.js');
|
|
@@ -18,7 +18,7 @@ import 'react-dom';
|
|
|
18
18
|
import '../fieldIds-VpluAAMl.js';
|
|
19
19
|
import '../hyphenize-TRhMI0tl.js';
|
|
20
20
|
import '../primitives/Field.js';
|
|
21
|
-
import '../HelpIcon-
|
|
21
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
22
22
|
import '../primitives/Tooltip.js';
|
|
23
23
|
import '../tooltip-BUYRFmEv.js';
|
|
24
24
|
import '../index-BNPynZWM.js';
|
|
@@ -36,7 +36,7 @@ import '../fieldIds-VpluAAMl.js';
|
|
|
36
36
|
import '../hyphenize-TRhMI0tl.js';
|
|
37
37
|
import '../primitives/Button.js';
|
|
38
38
|
import '../primitives/Field.js';
|
|
39
|
-
import '../HelpIcon-
|
|
39
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
40
40
|
import '../primitives/Tooltip.js';
|
|
41
41
|
import '../tooltip-BUYRFmEv.js';
|
|
42
42
|
import '../index-CSggBaQF.js';
|
package/dist/components/Input.js
CHANGED
|
@@ -3,7 +3,7 @@ import 'react/jsx-runtime';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../utils-BJnb9o5c.js';
|
|
5
5
|
import '../primitives/Field.js';
|
|
6
|
-
import '../HelpIcon-
|
|
6
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
7
7
|
import '../primitives/Tooltip.js';
|
|
8
8
|
import '../tooltip-BUYRFmEv.js';
|
|
9
9
|
import '../index-DNzunGHb.js';
|
package/dist/components/Label.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { L as Label } from '../Label-
|
|
1
|
+
export { L as Label } from '../Label-CEujas4-.js';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'react';
|
|
4
|
-
import '../HelpIcon-
|
|
4
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
5
5
|
import '../primitives/Tooltip.js';
|
|
6
6
|
import '../tooltip-BUYRFmEv.js';
|
|
7
7
|
import '../utils-BJnb9o5c.js';
|
|
@@ -4,7 +4,7 @@ import 'react';
|
|
|
4
4
|
import 'react-i18next';
|
|
5
5
|
import '../utils-BJnb9o5c.js';
|
|
6
6
|
import '../primitives/Field.js';
|
|
7
|
-
import '../HelpIcon-
|
|
7
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
8
8
|
import '../primitives/Tooltip.js';
|
|
9
9
|
import '../tooltip-BUYRFmEv.js';
|
|
10
10
|
import '../index-DNzunGHb.js';
|
|
@@ -21,7 +21,7 @@ import '../index-yFgkK_AM.js';
|
|
|
21
21
|
import '../primitives/Label.js';
|
|
22
22
|
import '../label-Bl6tz8EJ.js';
|
|
23
23
|
import '../primitives/Field.js';
|
|
24
|
-
import '../HelpIcon-
|
|
24
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
25
25
|
import '../primitives/Tooltip.js';
|
|
26
26
|
import '../tooltip-BUYRFmEv.js';
|
|
27
27
|
import '../index-BNPynZWM.js';
|
|
@@ -26,7 +26,7 @@ import '../with-selector-Dv0G_V_o.js';
|
|
|
26
26
|
import '../floating-ui.react-dom-BtFUJRfb.js';
|
|
27
27
|
import '../SelectFieldWrapper-D370CD4o.js';
|
|
28
28
|
import '../primitives/Field.js';
|
|
29
|
-
import '../HelpIcon-
|
|
29
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
30
30
|
import '../primitives/Tooltip.js';
|
|
31
31
|
import '../tooltip-BUYRFmEv.js';
|
|
32
32
|
import '../index-DNzunGHb.js';
|
|
@@ -16,7 +16,7 @@ import '../index-DhnfW8wQ.js';
|
|
|
16
16
|
import 'react-dom';
|
|
17
17
|
import '../index-Dd1i1d2M.js';
|
|
18
18
|
import '../primitives/Field.js';
|
|
19
|
-
import '../HelpIcon-
|
|
19
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
20
20
|
import '../primitives/Tooltip.js';
|
|
21
21
|
import '../tooltip-BUYRFmEv.js';
|
|
22
22
|
import '../index-BNPynZWM.js';
|
|
@@ -3,7 +3,7 @@ import 'react/jsx-runtime';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../primitives/Field.js';
|
|
5
5
|
import '../utils-BJnb9o5c.js';
|
|
6
|
-
import '../HelpIcon-
|
|
6
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
7
7
|
import '../primitives/Tooltip.js';
|
|
8
8
|
import '../tooltip-BUYRFmEv.js';
|
|
9
9
|
import '../index-DNzunGHb.js';
|
|
@@ -3,7 +3,7 @@ import 'react/jsx-runtime';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../utils-BJnb9o5c.js';
|
|
5
5
|
import '../primitives/Field.js';
|
|
6
|
-
import '../HelpIcon-
|
|
6
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
7
7
|
import '../primitives/Tooltip.js';
|
|
8
8
|
import '../tooltip-BUYRFmEv.js';
|
|
9
9
|
import '../index-DNzunGHb.js';
|
|
@@ -21,7 +21,7 @@ import '../index-fV_U4ZJM.js';
|
|
|
21
21
|
import '../index-yFgkK_AM.js';
|
|
22
22
|
import '../index-Cor698lu.js';
|
|
23
23
|
import '../primitives/Field.js';
|
|
24
|
-
import '../HelpIcon-
|
|
24
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
25
25
|
import '../primitives/Tooltip.js';
|
|
26
26
|
import '../tooltip-BUYRFmEv.js';
|
|
27
27
|
import '../index-CSggBaQF.js';
|
|
@@ -22,7 +22,7 @@ import '../index-yFgkK_AM.js';
|
|
|
22
22
|
import '../index-Cor698lu.js';
|
|
23
23
|
import '../SelectFieldWrapper-D370CD4o.js';
|
|
24
24
|
import '../primitives/Field.js';
|
|
25
|
-
import '../HelpIcon-
|
|
25
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
26
26
|
import '../primitives/Tooltip.js';
|
|
27
27
|
import '../tooltip-BUYRFmEv.js';
|
|
28
28
|
import '../index-CSggBaQF.js';
|
package/dist/components/index.js
CHANGED
|
@@ -13,7 +13,7 @@ export { D as Dialog } from '../Dialog-ZTcfRPwU.js';
|
|
|
13
13
|
export { E as Empty } from '../Empty-B4iQJlmf.js';
|
|
14
14
|
export { I as Input } from '../Input-Dm5ILPH3.js';
|
|
15
15
|
export { K as Kbd } from '../Kbd-CKfR8HlC.js';
|
|
16
|
-
export { L as Label } from '../Label-
|
|
16
|
+
export { L as Label } from '../Label-CEujas4-.js';
|
|
17
17
|
export { M as MultiEmailInput } from '../MultiEmailInput-CLBZnyXh.js';
|
|
18
18
|
export { P as Pagination } from '../Pagination-yjG8uCpV.js';
|
|
19
19
|
export { P as Popover } from '../Popover-B0QALwsd.js';
|
|
@@ -100,7 +100,7 @@ import '../primitives/Checkbox.js';
|
|
|
100
100
|
import '../index-30QpKM0j.js';
|
|
101
101
|
import '../fieldIds-VpluAAMl.js';
|
|
102
102
|
import '../primitives/Field.js';
|
|
103
|
-
import '../HelpIcon-
|
|
103
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
104
104
|
import '../label-Bl6tz8EJ.js';
|
|
105
105
|
import 'react-colorful';
|
|
106
106
|
import '../primitives/Popover.js';
|
package/dist/formik/Checkbox.js
CHANGED
|
@@ -20,7 +20,7 @@ import 'react-dom';
|
|
|
20
20
|
import '../fieldIds-VpluAAMl.js';
|
|
21
21
|
import '../hyphenize-TRhMI0tl.js';
|
|
22
22
|
import '../primitives/Field.js';
|
|
23
|
-
import '../HelpIcon-
|
|
23
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
24
24
|
import '../primitives/Tooltip.js';
|
|
25
25
|
import '../tooltip-BUYRFmEv.js';
|
|
26
26
|
import '../index-BNPynZWM.js';
|
package/dist/formik/Input.js
CHANGED
|
@@ -5,7 +5,7 @@ import { dissoc } from 'ramda';
|
|
|
5
5
|
import { I as Input } from '../Input-Dm5ILPH3.js';
|
|
6
6
|
import '../utils-BJnb9o5c.js';
|
|
7
7
|
import '../primitives/Field.js';
|
|
8
|
-
import '../HelpIcon-
|
|
8
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
9
9
|
import '../primitives/Tooltip.js';
|
|
10
10
|
import '../tooltip-BUYRFmEv.js';
|
|
11
11
|
import '../index-DNzunGHb.js';
|
|
@@ -6,7 +6,7 @@ import { M as MultiEmailInput } from '../MultiEmailInput-CLBZnyXh.js';
|
|
|
6
6
|
import 'react-i18next';
|
|
7
7
|
import '../utils-BJnb9o5c.js';
|
|
8
8
|
import '../primitives/Field.js';
|
|
9
|
-
import '../HelpIcon-
|
|
9
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
10
10
|
import '../primitives/Tooltip.js';
|
|
11
11
|
import '../tooltip-BUYRFmEv.js';
|
|
12
12
|
import '../index-DNzunGHb.js';
|
|
@@ -23,7 +23,7 @@ import '../index-yFgkK_AM.js';
|
|
|
23
23
|
import '../primitives/Label.js';
|
|
24
24
|
import '../label-Bl6tz8EJ.js';
|
|
25
25
|
import '../primitives/Field.js';
|
|
26
|
-
import '../HelpIcon-
|
|
26
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
27
27
|
import '../primitives/Tooltip.js';
|
|
28
28
|
import '../tooltip-BUYRFmEv.js';
|
|
29
29
|
import '../index-BNPynZWM.js';
|
package/dist/formik/Select.js
CHANGED
|
@@ -28,7 +28,7 @@ import '../with-selector-Dv0G_V_o.js';
|
|
|
28
28
|
import '../floating-ui.react-dom-BtFUJRfb.js';
|
|
29
29
|
import '../SelectFieldWrapper-D370CD4o.js';
|
|
30
30
|
import '../primitives/Field.js';
|
|
31
|
-
import '../HelpIcon-
|
|
31
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
32
32
|
import '../primitives/Tooltip.js';
|
|
33
33
|
import '../tooltip-BUYRFmEv.js';
|
|
34
34
|
import '../index-DNzunGHb.js';
|
package/dist/formik/Slider.js
CHANGED
|
@@ -18,7 +18,7 @@ import '../index-DhnfW8wQ.js';
|
|
|
18
18
|
import 'react-dom';
|
|
19
19
|
import '../index-Dd1i1d2M.js';
|
|
20
20
|
import '../primitives/Field.js';
|
|
21
|
-
import '../HelpIcon-
|
|
21
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
22
22
|
import '../primitives/Tooltip.js';
|
|
23
23
|
import '../tooltip-BUYRFmEv.js';
|
|
24
24
|
import '../index-BNPynZWM.js';
|
package/dist/formik/Switch.js
CHANGED
|
@@ -5,7 +5,7 @@ import { S as Switch } from '../Switch-C9fqpoNR.js';
|
|
|
5
5
|
import 'react';
|
|
6
6
|
import '../primitives/Field.js';
|
|
7
7
|
import '../utils-BJnb9o5c.js';
|
|
8
|
-
import '../HelpIcon-
|
|
8
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
9
9
|
import '../primitives/Tooltip.js';
|
|
10
10
|
import '../tooltip-BUYRFmEv.js';
|
|
11
11
|
import '../index-DNzunGHb.js';
|
package/dist/formik/Textarea.js
CHANGED
|
@@ -5,7 +5,7 @@ import { dissoc } from 'ramda';
|
|
|
5
5
|
import { T as Textarea } from '../Textarea-CUe09-sr.js';
|
|
6
6
|
import '../utils-BJnb9o5c.js';
|
|
7
7
|
import '../primitives/Field.js';
|
|
8
|
-
import '../HelpIcon-
|
|
8
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
9
9
|
import '../primitives/Tooltip.js';
|
|
10
10
|
import '../tooltip-BUYRFmEv.js';
|
|
11
11
|
import '../index-DNzunGHb.js';
|
|
@@ -24,7 +24,7 @@ import '../index-yFgkK_AM.js';
|
|
|
24
24
|
import '../index-Cor698lu.js';
|
|
25
25
|
import '../SelectFieldWrapper-D370CD4o.js';
|
|
26
26
|
import '../primitives/Field.js';
|
|
27
|
-
import '../HelpIcon-
|
|
27
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
28
28
|
import '../primitives/Tooltip.js';
|
|
29
29
|
import '../tooltip-BUYRFmEv.js';
|
|
30
30
|
import '../index-CSggBaQF.js';
|
package/dist/formik/index.js
CHANGED
|
@@ -18,7 +18,7 @@ import 'ramda';
|
|
|
18
18
|
import '../Input-Dm5ILPH3.js';
|
|
19
19
|
import '../utils-BJnb9o5c.js';
|
|
20
20
|
import '../primitives/Field.js';
|
|
21
|
-
import '../HelpIcon-
|
|
21
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
22
22
|
import '../primitives/Tooltip.js';
|
|
23
23
|
import '../tooltip-BUYRFmEv.js';
|
|
24
24
|
import '../index-DNzunGHb.js';
|
package/dist/index.js
CHANGED
|
@@ -19,7 +19,7 @@ export { D as DirectionProvider } from './DirectionProvider-weqLz_BJ.js';
|
|
|
19
19
|
export { E as Empty } from './Empty-B4iQJlmf.js';
|
|
20
20
|
export { I as Input } from './Input-Dm5ILPH3.js';
|
|
21
21
|
export { K as Kbd } from './Kbd-CKfR8HlC.js';
|
|
22
|
-
export { L as Label } from './Label-
|
|
22
|
+
export { L as Label } from './Label-CEujas4-.js';
|
|
23
23
|
export { M as MultiEmailInput } from './MultiEmailInput-CLBZnyXh.js';
|
|
24
24
|
export { P as Pagination } from './Pagination-yjG8uCpV.js';
|
|
25
25
|
export { P as Popover } from './Popover-B0QALwsd.js';
|
|
@@ -104,7 +104,7 @@ import './primitives/Checkbox.js';
|
|
|
104
104
|
import './index-30QpKM0j.js';
|
|
105
105
|
import './fieldIds-VpluAAMl.js';
|
|
106
106
|
import './primitives/Field.js';
|
|
107
|
-
import './HelpIcon-
|
|
107
|
+
import './HelpIcon-DAi3_HhO.js';
|
|
108
108
|
import './label-Bl6tz8EJ.js';
|
|
109
109
|
import 'react-colorful';
|
|
110
110
|
import './primitives/Popover.js';
|
package/dist/primitives/Field.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { c as cn } from '../utils-BJnb9o5c.js';
|
|
3
|
-
import { H as HelpIcon } from '../HelpIcon-
|
|
3
|
+
import { H as HelpIcon } from '../HelpIcon-DAi3_HhO.js';
|
|
4
4
|
import { useMemo } from 'react';
|
|
5
5
|
import { c as cva } from '../index-Bo3AAQJp.js';
|
|
6
6
|
import { L as Label } from '../label-Bl6tz8EJ.js';
|
package/dist/primitives/index.js
CHANGED
|
@@ -104,7 +104,7 @@ import '../dialog-CT2j-JaR.js';
|
|
|
104
104
|
import '../index-BQtGUR27.js';
|
|
105
105
|
import '../index-XvwNqU74.js';
|
|
106
106
|
import '../index-DT56XkyA.js';
|
|
107
|
-
import '../HelpIcon-
|
|
107
|
+
import '../HelpIcon-DAi3_HhO.js';
|
|
108
108
|
import '../renderIcon-C6twJSqH.js';
|
|
109
109
|
import '../Popover-B0QALwsd.js';
|
|
110
110
|
import '../Typography-Bu78IBJy.js';
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelpIcon-CEHRtxZ5.js","sources":["../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../src/shared/HelpIcon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import type React from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { Popover } from \"src/components/Popover\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n top: \"top\",\n bottom: \"bottom\",\n left: \"left\",\n right: \"right\",\n auto: \"top\",\n};\n\nexport interface HelpIconTooltipProps {\n /** Tooltip content. */\n content?: React.ReactNode;\n /** Tooltip position. */\n position?: string;\n}\n\nexport interface HelpIconPopoverProps {\n /** Popover title. */\n title?: React.ReactNode;\n /** Popover description. */\n description?: React.ReactNode;\n /** Props for an optional help link button inside the popover. */\n helpLinkProps?: ButtonProps;\n}\n\nexport interface HelpIconProps {\n /** Click handler on the help icon. */\n onClick?: () => void;\n /** Custom icon. Defaults to CircleHelpIcon. */\n icon?: IconProp;\n /** Show a tooltip on hover. */\n tooltipProps?: HelpIconTooltipProps;\n /** Show a popover on hover with title, description, and optional link. */\n popoverProps?: HelpIconPopoverProps;\n /** Additional class name for the help icon. */\n className?: string;\n /** `data-testid` for the help icon. */\n \"data-testid\"?: string;\n}\n\nexport const HelpIcon = (helpIconProps: HelpIconProps) => {\n const icon = helpIconProps.icon ?? CircleHelpIcon;\n\n const iconElement = (\n <span\n className={cn(\n \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n helpIconProps.onClick && \"cursor-pointer\",\n helpIconProps.className\n )}\n data-testid={helpIconProps[\"data-testid\"]}\n onClick={helpIconProps.onClick}\n >\n {renderIcon(icon, \"size-3.5\")}\n </span>\n );\n\n if (helpIconProps.popoverProps) {\n const { title, description, helpLinkProps } = helpIconProps.popoverProps;\n\n return (\n <Popover trigger={iconElement}>\n {title && (\n <Popover.Title data-testid=\"help-popover-title\">\n {title}\n </Popover.Title>\n )}\n {description && (\n <p\n className=\"text-sm text-muted-foreground\"\n data-testid=\"help-popover-description\"\n >\n {description}\n </p>\n )}\n {helpLinkProps && (\n <Button\n variant=\"link\"\n size=\"sm\"\n className=\"mt-1 h-auto self-start p-0\"\n data-testid=\"help-popover-link-button\"\n {...helpLinkProps}\n href={helpLinkProps.href}\n />\n )}\n </Popover>\n );\n }\n\n if (helpIconProps.tooltipProps?.content) {\n const side =\n SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n <TooltipContent side={side}>\n {helpIconProps.tooltipProps.content}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n }\n\n return iconElement;\n};\n"],"names":["CircleHelpIcon"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,sCAAsC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACxE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC7C,CAAC;AACD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,sBAAsB,EAAE,UAAU,CAAC;;ACC/E,MAAM,QAAA,GAAgE;AAAA,EACpE,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAiCO,MAAM,QAAA,GAAW,CAAC,aAAA,KAAiC;AACxD,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQA,kBAAA;AAEnC,EAAA,MAAM,WAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,uFAAA;AAAA,QACA,cAAc,OAAA,IAAW,gBAAA;AAAA,QACzB,aAAA,CAAc;AAAA,OAChB;AAAA,MACA,aAAA,EAAa,cAAc,aAAa,CAAA;AAAA,MACxC,SAAS,aAAA,CAAc,OAAA;AAAA,MAEtB,QAAA,EAAA,UAAA,CAAW,MAAM,UAAU;AAAA;AAAA,GAC9B;AAGF,EAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAa,aAAA,KAAkB,aAAA,CAAc,YAAA;AAE5D,IAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA,wBACE,OAAA,CAAQ,KAAA,EAAR,EAAc,aAAA,EAAY,sBACxB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,WAAA,oBACC,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,+BAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MAED,aAAA,oBACC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAU,4BAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UACX,GAAG,aAAA;AAAA,UACJ,MAAM,aAAA,CAAc;AAAA;AAAA;AACtB,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,aAAA,CAAc,cAAc,OAAA,EAAS;AACvC,IAAA,MAAM,OACJ,QAAA,CAAS,aAAA,CAAc,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE7D,IAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACrC,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EACb,QAAA,EAAA,aAAA,CAAc,aAAa,OAAA,EAC9B;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,WAAA;AACT;;;;","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelpIcon-39gUuk1F.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../../src/shared/HelpIcon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import type React from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { Popover } from \"src/components/Popover\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n top: \"top\",\n bottom: \"bottom\",\n left: \"left\",\n right: \"right\",\n auto: \"top\",\n};\n\nexport interface HelpIconTooltipProps {\n /** Tooltip content. */\n content?: React.ReactNode;\n /** Tooltip position. */\n position?: string;\n}\n\nexport interface HelpIconPopoverProps {\n /** Popover title. */\n title?: React.ReactNode;\n /** Popover description. */\n description?: React.ReactNode;\n /** Props for an optional help link button inside the popover. */\n helpLinkProps?: ButtonProps;\n}\n\nexport interface HelpIconProps {\n /** Click handler on the help icon. */\n onClick?: () => void;\n /** Custom icon. Defaults to CircleHelpIcon. */\n icon?: IconProp;\n /** Show a tooltip on hover. */\n tooltipProps?: HelpIconTooltipProps;\n /** Show a popover on hover with title, description, and optional link. */\n popoverProps?: HelpIconPopoverProps;\n /** Additional class name for the help icon. */\n className?: string;\n /** `data-testid` for the help icon. */\n \"data-testid\"?: string;\n}\n\nexport const HelpIcon = (helpIconProps: HelpIconProps) => {\n const icon = helpIconProps.icon ?? CircleHelpIcon;\n\n const iconElement = (\n <span\n className={cn(\n \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n helpIconProps.onClick && \"cursor-pointer\",\n helpIconProps.className\n )}\n data-testid={helpIconProps[\"data-testid\"]}\n onClick={helpIconProps.onClick}\n >\n {renderIcon(icon, \"size-3.5\")}\n </span>\n );\n\n if (helpIconProps.popoverProps) {\n const { title, description, helpLinkProps } = helpIconProps.popoverProps;\n\n return (\n <Popover trigger={iconElement}>\n {title && (\n <Popover.Title data-testid=\"help-popover-title\">\n {title}\n </Popover.Title>\n )}\n {description && (\n <p\n className=\"text-sm text-muted-foreground\"\n data-testid=\"help-popover-description\"\n >\n {description}\n </p>\n )}\n {helpLinkProps && (\n <Button\n variant=\"link\"\n size=\"sm\"\n className=\"mt-1 h-auto self-start p-0\"\n data-testid=\"help-popover-link-button\"\n {...helpLinkProps}\n href={helpLinkProps.href}\n />\n )}\n </Popover>\n );\n }\n\n if (helpIconProps.tooltipProps?.content) {\n const side =\n SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n <TooltipContent side={side}>\n {helpIconProps.tooltipProps.content}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n }\n\n return iconElement;\n};\n"],"names":["createLucideIcon","CircleHelpIcon","jsx","cn","renderIcon","jsxs","Popover","Button","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,sCAAsC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACxE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC7C,CAAC;AACD,MAAM,kBAAkB,GAAGA,iCAAgB,CAAC,sBAAsB,EAAE,UAAU,CAAC;;ACC/E,MAAM,QAAA,GAAgE;AAAA,EACpE,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAiCO,MAAM,QAAA,GAAW,CAAC,aAAA,KAAiC;AACxD,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQC,kBAAA;AAEnC,EAAA,MAAM,WAAA,mBACJC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,QAAA;AAAA,QACT,uFAAA;AAAA,QACA,cAAc,OAAA,IAAW,gBAAA;AAAA,QACzB,aAAA,CAAc;AAAA,OAChB;AAAA,MACA,aAAA,EAAa,cAAc,aAAa,CAAA;AAAA,MACxC,SAAS,aAAA,CAAc,OAAA;AAAA,MAEtB,QAAA,EAAAC,qBAAA,CAAW,MAAM,UAAU;AAAA;AAAA,GAC9B;AAGF,EAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAa,aAAA,KAAkB,aAAA,CAAc,YAAA;AAE5D,IAAA,uBACEC,eAAA,CAACC,eAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA,mCACEA,eAAA,CAAQ,KAAA,EAAR,EAAc,aAAA,EAAY,sBACxB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,WAAA,oBACCJ,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,+BAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MAED,aAAA,oBACCA,cAAA;AAAA,QAACK,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAU,4BAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UACX,GAAG,aAAA;AAAA,UACJ,MAAM,aAAA,CAAc;AAAA;AAAA;AACtB,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,aAAA,CAAc,cAAc,OAAA,EAAS;AACvC,IAAA,MAAM,OACJ,QAAA,CAAS,aAAA,CAAc,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE7D,IAAA,uBACEL,cAAA,CAACM,kCAAA,EAAA,EACC,QAAA,kBAAAH,eAAA,CAACI,0BAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAP,cAAA,CAACQ,iCAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACrCR,cAAA,CAACS,iCAAA,EAAA,EAAe,IAAA,EACb,QAAA,EAAA,aAAA,CAAc,aAAa,OAAA,EAC9B;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,WAAA;AACT;;;;","x_google_ignoreList":[0]}
|