@gbmtech/aurora-ui 0.1.18 → 0.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/dropdown-menu.cjs +1 -1
- package/dist/cjs/components/dropdown-menu.cjs.map +1 -1
- package/dist/cjs/components/form.cjs +1 -1
- package/dist/cjs/components/form.cjs.map +1 -1
- package/dist/esm/components/dropdown-menu.js +1 -1
- package/dist/esm/components/dropdown-menu.js.map +1 -1
- package/dist/esm/components/form.js +1 -1
- package/dist/esm/components/form.js.map +1 -1
- package/dist/types/components/dropdown-menu.d.ts +21 -23
- package/dist/types/components/dropdown-menu.d.ts.map +1 -1
- package/dist/types/components/form.d.ts +15 -21
- package/dist/types/components/form.d.ts.map +1 -1
- package/package.json +2 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,n)=>{for(var o in n)__webpack_require__.o(n,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DropdownMenuSubTrigger:()=>DropdownMenuSubTrigger,DropdownMenuGroup:()=>DropdownMenuGroup,DropdownMenuItem:()=>DropdownMenuItem,DropdownMenuShortcut:()=>DropdownMenuShortcut,DropdownMenuSubContent:()=>DropdownMenuSubContent,DropdownMenuRadioItem:()=>DropdownMenuRadioItem,DropdownMenuSeparator:()=>DropdownMenuSeparator,DropdownMenuArrow:()=>DropdownMenuArrow,DropdownMenuRadioGroup:()=>DropdownMenuRadioGroup,DropdownMenu:()=>DropdownMenu,DropdownMenuCheckboxItem:()=>DropdownMenuCheckboxItem,DropdownMenuContent:()=>DropdownMenuContent,DropdownMenuLabel:()=>DropdownMenuLabel,DropdownMenuTrigger:()=>DropdownMenuTrigger,DropdownMenuSub:()=>DropdownMenuSub});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),react_dropdown_menu_namespaceObject=require("@radix-ui/react-dropdown-menu"),react_namespaceObject=require("@phosphor-icons/react"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function DropdownMenu({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Root,{"data-slot":"dropdown-menu",...e})}function DropdownMenuTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function DropdownMenuGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Group,{"data-slot":"dropdown-menu-group",...e})}function DropdownMenuSub({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Sub,{"data-slot":"dropdown-menu-sub",...e})}function DropdownMenuRadioGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function DropdownMenuSubTrigger({children:e,className:n,inset:o,...t}){return(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.SubTrigger,{className:(0,utils_cjs_namespaceObject.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent data-inset:pl-8",n),"data-inset":o,"data-slot":"dropdown-menu-sub-trigger",...t,children:[e,(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.CaretRight,{className:"ml-auto size-4"})]})}function DropdownMenuSubContent({className:e,...n}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.SubContent,{className:(0,utils_cjs_namespaceObject.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",e),"data-slot":"dropdown-menu-sub-content",...n})})}function DropdownMenuContent({className:e,sideOffset:n=4,...o}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content,{className:(0,utils_cjs_namespaceObject.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",e),"data-slot":"dropdown-menu-content",sideOffset:n,...o})})}function DropdownMenuItem({className:e,inset:n,variant:o,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Item,{className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-inset:pl-8 data-[disabled]:opacity-50",e),"data-inset":n,"data-slot":"dropdown-menu-item","data-variant":o,...t})}function DropdownMenuCheckboxItem({checked:e,children:n,className:o,...t}){return(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.CheckboxItem,{checked:e,className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),"data-slot":"dropdown-menu-checkbox-item",...t,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.Check,{className:"size-4"})})}),n]})}function DropdownMenuRadioItem({children:e,className:n,...o}){return(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.RadioItem,{className:(0,utils_cjs_namespaceObject.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",n),"data-slot":"dropdown-menu-radio-item",...o,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Dot,{className:"size-4 fill-current"})})}),e]})}function DropdownMenuLabel({className:e,inset:n,...o}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Label,{className:(0,utils_cjs_namespaceObject.cn)("px-2 py-1.5 font-semibold text-sm data-inset:pl-8",e),"data-inset":n,"data-slot":"dropdown-menu-label",...o})}function DropdownMenuSeparator({className:e,...n}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Separator,{className:(0,utils_cjs_namespaceObject.cn)("-mx-1 my-1 h-px bg-stroke",e),"data-slot":"dropdown-menu-separator",...n})}function DropdownMenuShortcut({className:e,...n}){return(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,utils_cjs_namespaceObject.cn)("ml-auto text-xs tracking-widest opacity-60",e),"data-slot":"dropdown-menu-shortcut",...n})}function DropdownMenuArrow({className:e,...n}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Arrow,{className:(0,utils_cjs_namespaceObject.cn)("fill-stroke",e),"data-slot":"dropdown-menu-arrow",...n})}for(var __webpack_i__ in exports.DropdownMenu=__webpack_exports__.DropdownMenu,exports.DropdownMenuArrow=__webpack_exports__.DropdownMenuArrow,exports.DropdownMenuCheckboxItem=__webpack_exports__.DropdownMenuCheckboxItem,exports.DropdownMenuContent=__webpack_exports__.DropdownMenuContent,exports.DropdownMenuGroup=__webpack_exports__.DropdownMenuGroup,exports.DropdownMenuItem=__webpack_exports__.DropdownMenuItem,exports.DropdownMenuLabel=__webpack_exports__.DropdownMenuLabel,exports.DropdownMenuRadioGroup=__webpack_exports__.DropdownMenuRadioGroup,exports.DropdownMenuRadioItem=__webpack_exports__.DropdownMenuRadioItem,exports.DropdownMenuSeparator=__webpack_exports__.DropdownMenuSeparator,exports.DropdownMenuShortcut=__webpack_exports__.DropdownMenuShortcut,exports.DropdownMenuSub=__webpack_exports__.DropdownMenuSub,exports.DropdownMenuSubContent=__webpack_exports__.DropdownMenuSubContent,exports.DropdownMenuSubTrigger=__webpack_exports__.DropdownMenuSubTrigger,exports.DropdownMenuTrigger=__webpack_exports__.DropdownMenuTrigger,__webpack_exports__)-1===["DropdownMenu","DropdownMenuArrow","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=dropdown-menu.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\dropdown-menu.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/dropdown-menu.tsx"],"sourcesContent":["\r\n\r\nimport { CaretRight, Check, Circle } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\r\nimport {\r\n ComponentPropsWithoutRef,\r\n ElementRef,\r\n HTMLAttributes,\r\n forwardRef,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst DropdownMenu = DropdownMenuPrimitive.Root\r\nDropdownMenu.displayName = 'DropdownMenu'\r\n\r\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\r\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger'\r\n\r\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\r\nDropdownMenuGroup.displayName = 'DropdownMenuGroup'\r\n\r\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\r\nDropdownMenuPortal.displayName = 'DropdownMenuPortal'\r\n\r\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\r\nDropdownMenuSub.displayName = 'DropdownMenuSub'\r\n\r\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\r\nDropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup'\r\n\r\nconst DropdownMenuSubTrigger = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\r\n inset?: boolean\r\n }\r\n>(({ className, inset, children, ...props }, ref) => (\r\n <DropdownMenuPrimitive.SubTrigger\r\n ref={ref}\r\n className={cn(\r\n 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent',\r\n inset && 'pl-8',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <CaretRight size={16} className=\"ml-auto\" />\r\n </DropdownMenuPrimitive.SubTrigger>\r\n))\r\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger'\r\n\r\nconst DropdownMenuSubContent = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.SubContent>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\r\n>(({ className, ...props }, ref) => (\r\n <DropdownMenuPrimitive.SubContent\r\n ref={ref}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent'\r\n\r\nconst DropdownMenuContent = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.Content>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\r\n>(({ className, sideOffset = 4, ...props }, ref) => (\r\n <DropdownMenuPrimitive.Portal>\r\n <DropdownMenuPrimitive.Content\r\n ref={ref}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n {...props}\r\n />\r\n </DropdownMenuPrimitive.Portal>\r\n))\r\nDropdownMenuContent.displayName = 'DropdownMenuContent'\r\n\r\nconst DropdownMenuItem = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.Item>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\r\n inset?: boolean\r\n }\r\n>(({ className, inset, ...props }, ref) => (\r\n <DropdownMenuPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n inset && 'pl-8',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDropdownMenuItem.displayName = 'DropdownMenuItem'\r\n\r\nconst DropdownMenuCheckboxItem = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\r\n>(({ className, children, checked, ...props }, ref) => (\r\n <DropdownMenuPrimitive.CheckboxItem\r\n ref={ref}\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n className\r\n )}\r\n checked={checked}\r\n {...props}\r\n >\r\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n <DropdownMenuPrimitive.ItemIndicator>\r\n <Check size={16} />\r\n </DropdownMenuPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </DropdownMenuPrimitive.CheckboxItem>\r\n))\r\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem'\r\n\r\nconst DropdownMenuRadioItem = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\r\n>(({ className, children, ...props }, ref) => (\r\n <DropdownMenuPrimitive.RadioItem\r\n ref={ref}\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n <DropdownMenuPrimitive.ItemIndicator>\r\n <Circle size={8} className=\"fill-current\" />\r\n </DropdownMenuPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </DropdownMenuPrimitive.RadioItem>\r\n))\r\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem'\r\n\r\nconst DropdownMenuLabel = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.Label>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\r\n inset?: boolean\r\n }\r\n>(({ className, inset, ...props }, ref) => (\r\n <DropdownMenuPrimitive.Label\r\n ref={ref}\r\n className={cn(\r\n 'px-2 py-1.5 font-semibold text-sm',\r\n inset && 'pl-8',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\r\n\r\nconst DropdownMenuSeparator = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.Separator>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\r\n>(({ className, ...props }, ref) => (\r\n <DropdownMenuPrimitive.Separator\r\n ref={ref}\r\n className={cn('-mx-1 my-1 h-px bg-stroke', className)}\r\n {...props}\r\n />\r\n))\r\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\r\n\r\nconst DropdownMenuShortcut = ({\r\n className,\r\n ...props\r\n}: HTMLAttributes<HTMLSpanElement>) => {\r\n return (\r\n <span\r\n className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\r\n {...props}\r\n />\r\n )\r\n}\r\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\r\n\r\nexport {\r\n DropdownMenu,\r\n DropdownMenuTrigger,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuRadioItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuShortcut,\r\n DropdownMenuGroup,\r\n DropdownMenuPortal,\r\n DropdownMenuSub,\r\n DropdownMenuSubContent,\r\n DropdownMenuSubTrigger,\r\n DropdownMenuRadioGroup,\r\n}\r\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","forwardRef","className","inset","children","props","ref","cn","CaretRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\dropdown-menu.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/dropdown-menu.tsx"],"sourcesContent":["\r\n\r\nimport { CaretRight, Check } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { Dot } from '@phosphor-icons/react'\r\nimport { cn } from '../lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenu\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenu({\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element {\r\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\r\n}\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuTrigger({\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Trigger\r\n data-slot=\"dropdown-menu-trigger\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuGroup({\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Group>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSub\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSub({\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element {\r\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuRadioGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuRadioGroup({\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.RadioGroup\r\n data-slot=\"dropdown-menu-radio-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSubTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSubTrigger({\r\n children,\r\n className,\r\n inset,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\r\n inset?: boolean\r\n}): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.SubTrigger\r\n className={cn(\r\n 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent data-inset:pl-8',\r\n className\r\n )}\r\n data-inset={inset}\r\n data-slot=\"dropdown-menu-sub-trigger\"\r\n {...props}\r\n >\r\n {children}\r\n <CaretRight className=\"ml-auto size-4\" />\r\n </DropdownMenuPrimitive.SubTrigger>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSubContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSubContent({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Portal>\r\n <DropdownMenuPrimitive.SubContent\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n data-slot=\"dropdown-menu-sub-content\"\r\n {...props}\r\n />\r\n </DropdownMenuPrimitive.Portal>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuContent({\r\n className,\r\n sideOffset = 4,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Portal>\r\n <DropdownMenuPrimitive.Content\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n data-slot=\"dropdown-menu-content\"\r\n sideOffset={sideOffset}\r\n {...props}\r\n />\r\n </DropdownMenuPrimitive.Portal>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuItem({\r\n className,\r\n inset,\r\n variant,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Item> & {\r\n inset?: boolean\r\n variant?: 'default' | 'destructive'\r\n}): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Item\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-inset:pl-8 data-[disabled]:opacity-50',\r\n className\r\n )}\r\n data-inset={inset}\r\n data-slot=\"dropdown-menu-item\"\r\n data-variant={variant}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuCheckboxItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuCheckboxItem({\r\n checked,\r\n children,\r\n className,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.CheckboxItem\r\n checked={checked}\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n className\r\n )}\r\n data-slot=\"dropdown-menu-checkbox-item\"\r\n {...props}\r\n >\r\n <span className=\"absolute left-2 flex items-center justify-center\">\r\n <DropdownMenuPrimitive.ItemIndicator>\r\n <Check className=\"size-4\" />\r\n </DropdownMenuPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </DropdownMenuPrimitive.CheckboxItem>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuRadioItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuRadioItem({\r\n children,\r\n className,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.RadioItem\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n className\r\n )}\r\n data-slot=\"dropdown-menu-radio-item\"\r\n {...props}\r\n >\r\n <span className=\"absolute left-2 flex items-center justify-center\">\r\n <DropdownMenuPrimitive.ItemIndicator>\r\n <Dot className=\"size-4 fill-current\" />\r\n </DropdownMenuPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </DropdownMenuPrimitive.RadioItem>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuLabel({\r\n className,\r\n inset,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Label> & {\r\n inset?: boolean\r\n}): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Label\r\n className={cn(\r\n 'px-2 py-1.5 font-semibold text-sm data-inset:pl-8',\r\n className\r\n )}\r\n data-inset={inset}\r\n data-slot=\"dropdown-menu-label\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Separator\r\n className={cn('-mx-1 my-1 h-px bg-stroke', className)}\r\n data-slot=\"dropdown-menu-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\r\n data-slot=\"dropdown-menu-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuArrow\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuArrow({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Arrow>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Arrow\r\n className={cn('fill-stroke', className)}\r\n data-slot=\"dropdown-menu-arrow\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n DropdownMenu,\r\n DropdownMenuTrigger,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuRadioItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuShortcut,\r\n DropdownMenuGroup,\r\n DropdownMenuArrow,\r\n DropdownMenuSub,\r\n DropdownMenuSubContent,\r\n DropdownMenuSubTrigger,\r\n DropdownMenuRadioGroup,\r\n}\r\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","children","className","inset","cn","CaretRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","variant","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Dot","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuArrow"],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FormMessage:()=>FormMessage,FormDescription:()=>FormDescription,FormControl:()=>FormControl,FormLabel:()=>FormLabel,FormItem:()=>FormItem,Form:()=>Form,
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FormMessage:()=>FormMessage,FormDescription:()=>FormDescription,FormControl:()=>FormControl,FormLabel:()=>FormLabel,FormItem:()=>FormItem,Form:()=>Form,FormField:()=>FormField,createFormFieldScope:()=>createFormFieldScope});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_context_namespaceObject=require("@radix-ui/react-context"),react_slot_namespaceObject=require("@radix-ui/react-slot"),external_react_namespaceObject=require("react"),external_react_hook_form_namespaceObject=require("react-hook-form"),external_label_cjs_namespaceObject=require("./label.cjs"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),Form=external_react_hook_form_namespaceObject.FormProvider,FORM_FIELD_NAME="FormField",[createFormFieldContext,createFormFieldScope]=(0,react_context_namespaceObject.createContextScope)(FORM_FIELD_NAME),[FormFieldContextProvider,useFormFieldContext]=createFormFieldContext(FORM_FIELD_NAME);function useFormItem(e,r){let{id:t}=useFormItemContext(e,r),{name:o}=useFormFieldContext(e,r),{getFieldState:_}=(0,external_react_hook_form_namespaceObject.useFormContext)(),a=(0,external_react_hook_form_namespaceObject.useFormState)({name:o}),m=_(o,a);return{id:t,name:o,formDescriptionId:`form-item-description-${t}`,formItemId:`form-item-${t}`,formMessageId:`form-item-message-${t}`,...m}}function FormField(e){let{__scopeFormField:r,...t}=e;return(0,jsx_runtime_namespaceObject.jsx)(FormFieldContextProvider,{name:t.name,scope:r,children:(0,jsx_runtime_namespaceObject.jsx)(external_react_hook_form_namespaceObject.Controller,{...t})})}let FORM_ITEM_NAME="FormItem",[FormItemContextProvider,useFormItemContext]=createFormFieldContext("FormItem");function FormItem({__scopeFormField:e,className:r,...t}){let o=(0,external_react_namespaceObject.useId)();return(0,jsx_runtime_namespaceObject.jsx)(FormItemContextProvider,{id:o,scope:e,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("grid gap-2",r),"data-slot":"form-item",...t})})}let FORM_LABEL_NAME="FormLabel";function FormLabel({__scopeFormField:e,...r}){let{formItemId:t,error:o}=useFormItem("FormLabel",e);return(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{"data-invalid":!!o||void 0,"data-slot":"form-label",htmlFor:t,...r})}let FORM_CONTROL_NAME="FormControl";function FormControl({__scopeFormField:e,...r}){let{formDescriptionId:t,formItemId:o,formMessageId:_,error:a}=useFormItem("FormControl",e);return(0,jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slot,{"aria-describedby":a?`${t} ${_}`:t,"aria-invalid":!!a,"data-slot":"form-control",id:o,...r})}function FormDescription({__scopeFormField:e,className:r,...t}){let{formDescriptionId:o}=useFormItem(FORM_MESSAGE_NAME,e);return(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,utils_cjs_namespaceObject.cn)("text-muted-foreground text-xs",r),"data-slot":"form-description",id:o,...t})}let FORM_MESSAGE_NAME="FormMessage";function FormMessage({__scopeFormField:e,children:r,className:t,...o}){let{formMessageId:_,error:a}=useFormItem(FORM_MESSAGE_NAME,e),m=a?.message?String(a.message):r;return m?(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,utils_cjs_namespaceObject.cn)("text-xs",a?.message?"font-medium text-destructive":"text-muted-foreground",t),"data-slot":"form-message",id:_,...o,children:m}):null}for(var __webpack_i__ in exports.Form=__webpack_exports__.Form,exports.FormControl=__webpack_exports__.FormControl,exports.FormDescription=__webpack_exports__.FormDescription,exports.FormField=__webpack_exports__.FormField,exports.FormItem=__webpack_exports__.FormItem,exports.FormLabel=__webpack_exports__.FormLabel,exports.FormMessage=__webpack_exports__.FormMessage,exports.createFormFieldScope=__webpack_exports__.createFormFieldScope,__webpack_exports__)-1===["Form","FormControl","FormDescription","FormField","FormItem","FormLabel","FormMessage","createFormFieldScope"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=form.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\form.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport * as LabelPrimitive from '@radix-ui/react-label'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport * as React from 'react'\r\nimport {\r\n Controller,\r\n ControllerProps,\r\n FieldPath,\r\n FieldValues,\r\n FormProvider,\r\n useFormContext,\r\n} from 'react-hook-form'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Label } from './label'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\ntype FormFieldContextValue<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> = {\r\n name: TName\r\n}\r\n\r\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\r\n {} as FormFieldContextValue\r\n)\r\n\r\nconst FormField = <\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>({\r\n ...props\r\n}: ControllerProps<TFieldValues, TName>) => {\r\n return (\r\n <FormFieldContext.Provider value={{ name: props.name }}>\r\n <Controller {...props} />\r\n </FormFieldContext.Provider>\r\n )\r\n}\r\n\r\nconst useFormField = () => {\r\n const fieldContext = React.useContext(FormFieldContext)\r\n const itemContext = React.useContext(FormItemContext)\r\n const { getFieldState, formState } = useFormContext()\r\n\r\n const fieldState = getFieldState(fieldContext.name, formState)\r\n\r\n if (!fieldContext) {\r\n throw new Error('useFormField should be used within <FormField>')\r\n }\r\n\r\n const { id } = itemContext\r\n\r\n return {\r\n id,\r\n name: fieldContext.name,\r\n formItemId: `${id}-form-item`,\r\n formDescriptionId: `${id}-form-item-description`,\r\n formMessageId: `${id}-form-item-message`,\r\n ...fieldState,\r\n }\r\n}\r\n\r\ntype FormItemContextValue = {\r\n id: string\r\n}\r\n\r\nconst FormItemContext = React.createContext<FormItemContextValue>(\r\n {} as FormItemContextValue\r\n)\r\n\r\nconst FormItem = React.forwardRef<\r\n HTMLDivElement,\r\n React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => {\r\n const id = React.useId()\r\n\r\n return (\r\n <FormItemContext.Provider value={{ id }}>\r\n <div ref={ref} className={cn('space-y-2', className)} {...props} />\r\n </FormItemContext.Provider>\r\n )\r\n})\r\nFormItem.displayName = 'FormItem'\r\n\r\nconst FormLabel = React.forwardRef<\r\n React.ElementRef<typeof LabelPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\r\n>(({ className, ...props }, ref) => {\r\n const { error, formItemId } = useFormField()\r\n\r\n return (\r\n <Label\r\n ref={ref}\r\n className={cn(error && 'text-destructive', className)}\r\n htmlFor={formItemId}\r\n {...props}\r\n />\r\n )\r\n})\r\nFormLabel.displayName = 'FormLabel'\r\n\r\nconst FormControl = React.forwardRef<\r\n React.ElementRef<typeof Slot>,\r\n React.ComponentPropsWithoutRef<typeof Slot>\r\n>(({ ...props }, ref) => {\r\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\r\n\r\n return (\r\n <Slot\r\n ref={ref}\r\n id={formItemId}\r\n aria-describedby={\r\n !error\r\n ? `${formDescriptionId}`\r\n : `${formDescriptionId} ${formMessageId}`\r\n }\r\n aria-invalid={!!error}\r\n {...props}\r\n />\r\n )\r\n})\r\nFormControl.displayName = 'FormControl'\r\n\r\nconst FormDescription = React.forwardRef<\r\n HTMLParagraphElement,\r\n React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, ...props }, ref) => {\r\n const { formDescriptionId } = useFormField()\r\n\r\n return (\r\n <p\r\n ref={ref}\r\n id={formDescriptionId}\r\n className={cn('text-[0.8rem] text-muted-foreground', className)}\r\n {...props}\r\n />\r\n )\r\n})\r\nFormDescription.displayName = 'FormDescription'\r\n\r\nconst FormMessage = React.forwardRef<\r\n HTMLParagraphElement,\r\n React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, children, ...props }, ref) => {\r\n const { error, formMessageId } = useFormField()\r\n const body = error ? String(error?.message) : children\r\n\r\n if (!body) {\r\n return null\r\n }\r\n\r\n return (\r\n <p\r\n ref={ref}\r\n id={formMessageId}\r\n className={cn('font-medium text-[0.8rem] text-destructive', className)}\r\n {...props}\r\n >\r\n {body}\r\n </p>\r\n )\r\n})\r\nFormMessage.displayName = 'FormMessage'\r\n\r\nexport {\r\n useFormField,\r\n Form,\r\n FormItem,\r\n FormLabel,\r\n FormControl,\r\n FormDescription,\r\n FormMessage,\r\n FormField,\r\n}\r\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","Error","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","String"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\form.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport type { Scope } from '@radix-ui/react-context'\r\nimport type * as LabelPrimitive from '@radix-ui/react-label'\r\nimport type { ComponentProps, JSX, ReactNode } from 'react'\r\nimport type {\r\n ControllerProps,\r\n FieldError,\r\n FieldPath,\r\n FieldValues,\r\n} from 'react-hook-form'\r\n\r\nimport { createContextScope } from '@radix-ui/react-context'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { useId } from 'react'\r\nimport {\r\n Controller,\r\n FormProvider,\r\n useFormContext,\r\n useFormState,\r\n} from 'react-hook-form'\r\n\r\nimport { Label } from '@/components/label'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_FIELD_NAME = 'FormField'\r\n\r\ntype ScopedProps<P> = P & { __scopeFormField?: Scope }\r\n\r\nconst [createFormFieldContext, createFormFieldScope] =\r\n createContextScope(FORM_FIELD_NAME)\r\n\r\ninterface FormFieldContextValue<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> {\r\n name: TName\r\n}\r\n\r\nconst [FormFieldContextProvider, useFormFieldContext] =\r\n createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME)\r\n\r\nfunction useFormItem(\r\n consumerName: string,\r\n scope: Scope\r\n): {\r\n formDescriptionId: string\r\n formItemId: string\r\n formMessageId: string\r\n id: string\r\n invalid: boolean\r\n isDirty: boolean\r\n isTouched: boolean\r\n isValidating: boolean\r\n name: string\r\n error?: FieldError\r\n} {\r\n const { id } = useFormItemContext(consumerName, scope)\r\n const { name } = useFormFieldContext(consumerName, scope)\r\n const { getFieldState } = useFormContext()\r\n const formState = useFormState({ name })\r\n const fieldState = getFieldState(name, formState)\r\n\r\n return {\r\n id,\r\n name,\r\n formDescriptionId: `form-item-description-${id}`,\r\n formItemId: `form-item-${id}`,\r\n formMessageId: `form-item-message-${id}`,\r\n ...fieldState,\r\n }\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormField<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>(\r\n formFieldProps: ScopedProps<ControllerProps<TFieldValues, TName>>\r\n): JSX.Element {\r\n const { __scopeFormField, ...props } = formFieldProps\r\n\r\n return (\r\n <FormFieldContextProvider name={props.name} scope={__scopeFormField}>\r\n <Controller {...props} />\r\n </FormFieldContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_ITEM_NAME = 'FormItem'\r\n\r\ninterface FormItemContextValue {\r\n id: string\r\n}\r\n\r\nconst [FormItemContextProvider, useFormItemContext] =\r\n createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME)\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormItem({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'div'>>): JSX.Element {\r\n const id = useId()\r\n\r\n return (\r\n <FormItemContextProvider id={id} scope={__scopeFormField}>\r\n <div\r\n className={cn('grid gap-2', className)}\r\n data-slot=\"form-item\"\r\n {...props}\r\n />\r\n </FormItemContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_LABEL_NAME = 'FormLabel'\r\n\r\nfunction FormLabel({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof LabelPrimitive.Root>>): JSX.Element {\r\n const { formItemId, error } = useFormItem(FORM_LABEL_NAME, __scopeFormField)\r\n\r\n return (\r\n <Label\r\n data-invalid={error ? true : undefined}\r\n data-slot=\"form-label\"\r\n htmlFor={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormControl\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_CONTROL_NAME = 'FormControl'\r\n\r\nfunction FormControl({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof Slot>>): JSX.Element {\r\n const { formDescriptionId, formItemId, formMessageId, error } = useFormItem(\r\n FORM_CONTROL_NAME,\r\n __scopeFormField\r\n )\r\n\r\n return (\r\n <Slot\r\n aria-describedby={\r\n error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId\r\n }\r\n aria-invalid={Boolean(error)}\r\n data-slot=\"form-control\"\r\n id={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormDescription\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormDescription({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): JSX.Element {\r\n const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField)\r\n\r\n return (\r\n <p\r\n className={cn('text-muted-foreground text-xs', className)}\r\n data-slot=\"form-description\"\r\n id={formDescriptionId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormMessage\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_MESSAGE_NAME = 'FormMessage'\r\n\r\nfunction FormMessage({\r\n __scopeFormField,\r\n children,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): ReactNode {\r\n const { formMessageId, error } = useFormItem(\r\n FORM_MESSAGE_NAME,\r\n __scopeFormField\r\n )\r\n const body = error?.message ? String(error.message) : children\r\n\r\n if (!body) {\r\n return null\r\n }\r\n\r\n return (\r\n <p\r\n className={cn(\r\n 'text-xs',\r\n error?.message\r\n ? 'font-medium text-destructive'\r\n : 'text-muted-foreground',\r\n className\r\n )}\r\n data-slot=\"form-message\"\r\n id={formMessageId}\r\n {...props}\r\n >\r\n {body}\r\n </p>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n createFormFieldScope,\r\n Form,\r\n FormControl,\r\n FormDescription,\r\n FormField,\r\n FormItem,\r\n FormLabel,\r\n FormMessage,\r\n}\r\n"],"names":["Form","FormProvider","FORM_FIELD_NAME","createFormFieldContext","createFormFieldScope","createContextScope","FormFieldContextProvider","useFormFieldContext","useFormItem","consumerName","scope","id","useFormItemContext","name","getFieldState","useFormContext","formState","useFormState","fieldState","FormField","formFieldProps","__scopeFormField","props","Controller","FORM_ITEM_NAME","FormItemContextProvider","FormItem","className","useId","cn","FORM_LABEL_NAME","FormLabel","formItemId","error","Label","undefined","FORM_CONTROL_NAME","FormControl","formDescriptionId","formMessageId","Slot","Boolean","FormDescription","FORM_MESSAGE_NAME","FormMessage","children","body","String"],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as
|
|
2
|
+
import*as t from"react/jsx-runtime";import*as e from"@phosphor-icons/react/dist/ssr";import*as o from"@radix-ui/react-dropdown-menu";import*as n from"@phosphor-icons/react";import*as a from"../lib/utils.js";function r({...e}){return(0,t.jsx)(o.Root,{"data-slot":"dropdown-menu",...e})}function s({...e}){return(0,t.jsx)(o.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function d({...e}){return(0,t.jsx)(o.Group,{"data-slot":"dropdown-menu-group",...e})}function i({...e}){return(0,t.jsx)(o.Sub,{"data-slot":"dropdown-menu-sub",...e})}function u({...e}){return(0,t.jsx)(o.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function l({children:n,className:r,inset:s,...d}){return(0,t.jsxs)(o.SubTrigger,{className:(0,a.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent data-inset:pl-8",r),"data-inset":s,"data-slot":"dropdown-menu-sub-trigger",...d,children:[n,(0,t.jsx)(e.CaretRight,{className:"ml-auto size-4"})]})}function c({className:e,...n}){return(0,t.jsx)(o.Portal,{children:(0,t.jsx)(o.SubContent,{className:(0,a.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",e),"data-slot":"dropdown-menu-sub-content",...n})})}function m({className:e,sideOffset:n=4,...r}){return(0,t.jsx)(o.Portal,{children:(0,t.jsx)(o.Content,{className:(0,a.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",e),"data-slot":"dropdown-menu-content",sideOffset:n,...r})})}function p({className:e,inset:n,variant:r,...s}){return(0,t.jsx)(o.Item,{className:(0,a.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-inset:pl-8 data-[disabled]:opacity-50",e),"data-inset":n,"data-slot":"dropdown-menu-item","data-variant":r,...s})}function f({checked:n,children:r,className:s,...d}){return(0,t.jsxs)(o.CheckboxItem,{checked:n,className:(0,a.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s),"data-slot":"dropdown-menu-checkbox-item",...d,children:[(0,t.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,t.jsx)(o.ItemIndicator,{children:(0,t.jsx)(e.Check,{className:"size-4"})})}),r]})}function x({children:e,className:r,...s}){return(0,t.jsxs)(o.RadioItem,{className:(0,a.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),"data-slot":"dropdown-menu-radio-item",...s,children:[(0,t.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,t.jsx)(o.ItemIndicator,{children:(0,t.jsx)(n.Dot,{className:"size-4 fill-current"})})}),e]})}function w({className:e,inset:n,...r}){return(0,t.jsx)(o.Label,{className:(0,a.cn)("px-2 py-1.5 font-semibold text-sm data-inset:pl-8",e),"data-inset":n,"data-slot":"dropdown-menu-label",...r})}function b({className:e,...n}){return(0,t.jsx)(o.Separator,{className:(0,a.cn)("-mx-1 my-1 h-px bg-stroke",e),"data-slot":"dropdown-menu-separator",...n})}function g({className:e,...o}){return(0,t.jsx)("span",{className:(0,a.cn)("ml-auto text-xs tracking-widest opacity-60",e),"data-slot":"dropdown-menu-shortcut",...o})}function h({className:e,...n}){return(0,t.jsx)(o.Arrow,{className:(0,a.cn)("fill-stroke",e),"data-slot":"dropdown-menu-arrow",...n})}export{r as DropdownMenu,h as DropdownMenuArrow,f as DropdownMenuCheckboxItem,m as DropdownMenuContent,d as DropdownMenuGroup,p as DropdownMenuItem,w as DropdownMenuLabel,u as DropdownMenuRadioGroup,x as DropdownMenuRadioItem,b as DropdownMenuSeparator,g as DropdownMenuShortcut,i as DropdownMenuSub,c as DropdownMenuSubContent,l as DropdownMenuSubTrigger,s as DropdownMenuTrigger};
|
|
3
3
|
//# sourceMappingURL=dropdown-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\dropdown-menu.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/dropdown-menu.tsx"],"sourcesContent":["\r\n\r\nimport { CaretRight, Check, Circle } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\r\nimport {\r\n ComponentPropsWithoutRef,\r\n ElementRef,\r\n HTMLAttributes,\r\n forwardRef,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst DropdownMenu = DropdownMenuPrimitive.Root\r\nDropdownMenu.displayName = 'DropdownMenu'\r\n\r\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\r\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger'\r\n\r\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\r\nDropdownMenuGroup.displayName = 'DropdownMenuGroup'\r\n\r\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\r\nDropdownMenuPortal.displayName = 'DropdownMenuPortal'\r\n\r\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\r\nDropdownMenuSub.displayName = 'DropdownMenuSub'\r\n\r\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\r\nDropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup'\r\n\r\nconst DropdownMenuSubTrigger = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\r\n inset?: boolean\r\n }\r\n>(({ className, inset, children, ...props }, ref) => (\r\n <DropdownMenuPrimitive.SubTrigger\r\n ref={ref}\r\n className={cn(\r\n 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent',\r\n inset && 'pl-8',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <CaretRight size={16} className=\"ml-auto\" />\r\n </DropdownMenuPrimitive.SubTrigger>\r\n))\r\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger'\r\n\r\nconst DropdownMenuSubContent = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.SubContent>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\r\n>(({ className, ...props }, ref) => (\r\n <DropdownMenuPrimitive.SubContent\r\n ref={ref}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent'\r\n\r\nconst DropdownMenuContent = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.Content>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\r\n>(({ className, sideOffset = 4, ...props }, ref) => (\r\n <DropdownMenuPrimitive.Portal>\r\n <DropdownMenuPrimitive.Content\r\n ref={ref}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n {...props}\r\n />\r\n </DropdownMenuPrimitive.Portal>\r\n))\r\nDropdownMenuContent.displayName = 'DropdownMenuContent'\r\n\r\nconst DropdownMenuItem = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.Item>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\r\n inset?: boolean\r\n }\r\n>(({ className, inset, ...props }, ref) => (\r\n <DropdownMenuPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n inset && 'pl-8',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDropdownMenuItem.displayName = 'DropdownMenuItem'\r\n\r\nconst DropdownMenuCheckboxItem = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\r\n>(({ className, children, checked, ...props }, ref) => (\r\n <DropdownMenuPrimitive.CheckboxItem\r\n ref={ref}\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n className\r\n )}\r\n checked={checked}\r\n {...props}\r\n >\r\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n <DropdownMenuPrimitive.ItemIndicator>\r\n <Check size={16} />\r\n </DropdownMenuPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </DropdownMenuPrimitive.CheckboxItem>\r\n))\r\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem'\r\n\r\nconst DropdownMenuRadioItem = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\r\n>(({ className, children, ...props }, ref) => (\r\n <DropdownMenuPrimitive.RadioItem\r\n ref={ref}\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n <DropdownMenuPrimitive.ItemIndicator>\r\n <Circle size={8} className=\"fill-current\" />\r\n </DropdownMenuPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </DropdownMenuPrimitive.RadioItem>\r\n))\r\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem'\r\n\r\nconst DropdownMenuLabel = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.Label>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\r\n inset?: boolean\r\n }\r\n>(({ className, inset, ...props }, ref) => (\r\n <DropdownMenuPrimitive.Label\r\n ref={ref}\r\n className={cn(\r\n 'px-2 py-1.5 font-semibold text-sm',\r\n inset && 'pl-8',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\r\n\r\nconst DropdownMenuSeparator = forwardRef<\r\n ElementRef<typeof DropdownMenuPrimitive.Separator>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\r\n>(({ className, ...props }, ref) => (\r\n <DropdownMenuPrimitive.Separator\r\n ref={ref}\r\n className={cn('-mx-1 my-1 h-px bg-stroke', className)}\r\n {...props}\r\n />\r\n))\r\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\r\n\r\nconst DropdownMenuShortcut = ({\r\n className,\r\n ...props\r\n}: HTMLAttributes<HTMLSpanElement>) => {\r\n return (\r\n <span\r\n className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\r\n {...props}\r\n />\r\n )\r\n}\r\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\r\n\r\nexport {\r\n DropdownMenu,\r\n DropdownMenuTrigger,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuRadioItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuShortcut,\r\n DropdownMenuGroup,\r\n DropdownMenuPortal,\r\n DropdownMenuSub,\r\n DropdownMenuSubContent,\r\n DropdownMenuSubTrigger,\r\n DropdownMenuRadioGroup,\r\n}\r\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","forwardRef","className","inset","children","props","ref","cn","CaretRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\dropdown-menu.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/dropdown-menu.tsx"],"sourcesContent":["\r\n\r\nimport { CaretRight, Check } from '@phosphor-icons/react/dist/ssr'\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { Dot } from '@phosphor-icons/react'\r\nimport { cn } from '../lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenu\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenu({\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element {\r\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\r\n}\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuTrigger({\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Trigger\r\n data-slot=\"dropdown-menu-trigger\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuGroup({\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Group>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSub\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSub({\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element {\r\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuRadioGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuRadioGroup({\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.RadioGroup\r\n data-slot=\"dropdown-menu-radio-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSubTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSubTrigger({\r\n children,\r\n className,\r\n inset,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\r\n inset?: boolean\r\n}): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.SubTrigger\r\n className={cn(\r\n 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-accent data-inset:pl-8',\r\n className\r\n )}\r\n data-inset={inset}\r\n data-slot=\"dropdown-menu-sub-trigger\"\r\n {...props}\r\n >\r\n {children}\r\n <CaretRight className=\"ml-auto size-4\" />\r\n </DropdownMenuPrimitive.SubTrigger>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSubContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSubContent({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Portal>\r\n <DropdownMenuPrimitive.SubContent\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n data-slot=\"dropdown-menu-sub-content\"\r\n {...props}\r\n />\r\n </DropdownMenuPrimitive.Portal>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuContent({\r\n className,\r\n sideOffset = 4,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Portal>\r\n <DropdownMenuPrimitive.Content\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 text-gbm-dark shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n data-slot=\"dropdown-menu-content\"\r\n sideOffset={sideOffset}\r\n {...props}\r\n />\r\n </DropdownMenuPrimitive.Portal>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuItem({\r\n className,\r\n inset,\r\n variant,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Item> & {\r\n inset?: boolean\r\n variant?: 'default' | 'destructive'\r\n}): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Item\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-inset:pl-8 data-[disabled]:opacity-50',\r\n className\r\n )}\r\n data-inset={inset}\r\n data-slot=\"dropdown-menu-item\"\r\n data-variant={variant}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuCheckboxItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuCheckboxItem({\r\n checked,\r\n children,\r\n className,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.CheckboxItem\r\n checked={checked}\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n className\r\n )}\r\n data-slot=\"dropdown-menu-checkbox-item\"\r\n {...props}\r\n >\r\n <span className=\"absolute left-2 flex items-center justify-center\">\r\n <DropdownMenuPrimitive.ItemIndicator>\r\n <Check className=\"size-4\" />\r\n </DropdownMenuPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </DropdownMenuPrimitive.CheckboxItem>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuRadioItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuRadioItem({\r\n children,\r\n className,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.RadioItem\r\n className={cn(\r\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n className\r\n )}\r\n data-slot=\"dropdown-menu-radio-item\"\r\n {...props}\r\n >\r\n <span className=\"absolute left-2 flex items-center justify-center\">\r\n <DropdownMenuPrimitive.ItemIndicator>\r\n <Dot className=\"size-4 fill-current\" />\r\n </DropdownMenuPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </DropdownMenuPrimitive.RadioItem>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuLabel({\r\n className,\r\n inset,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Label> & {\r\n inset?: boolean\r\n}): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Label\r\n className={cn(\r\n 'px-2 py-1.5 font-semibold text-sm data-inset:pl-8',\r\n className\r\n )}\r\n data-inset={inset}\r\n data-slot=\"dropdown-menu-label\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Separator\r\n className={cn('-mx-1 my-1 h-px bg-stroke', className)}\r\n data-slot=\"dropdown-menu-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\r\n data-slot=\"dropdown-menu-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DropdownMenuArrow\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DropdownMenuArrow({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof DropdownMenuPrimitive.Arrow>): JSX.Element {\r\n return (\r\n <DropdownMenuPrimitive.Arrow\r\n className={cn('fill-stroke', className)}\r\n data-slot=\"dropdown-menu-arrow\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n DropdownMenu,\r\n DropdownMenuTrigger,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuRadioItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuShortcut,\r\n DropdownMenuGroup,\r\n DropdownMenuArrow,\r\n DropdownMenuSub,\r\n DropdownMenuSubContent,\r\n DropdownMenuSubTrigger,\r\n DropdownMenuRadioGroup,\r\n}\r\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","children","className","inset","cn","CaretRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","variant","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Dot","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuArrow"],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as r from"@radix-ui/react-slot";import*as
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as t from"@radix-ui/react-context";import*as r from"@radix-ui/react-slot";import*as o from"react";import*as m from"react-hook-form";import*as s from"./label.js";import*as a from"../lib/utils.js";let i=m.FormProvider,n="FormField",[l,d]=(0,t.createContextScope)(n),[c,f]=l(n);function u(e,t){let{id:r}=p(e,t),{name:o}=f(e,t),{getFieldState:s}=(0,m.useFormContext)(),a=(0,m.useFormState)({name:o}),i=s(o,a);return{id:r,name:o,formDescriptionId:`form-item-description-${r}`,formItemId:`form-item-${r}`,formMessageId:`form-item-message-${r}`,...i}}function x(t){let{__scopeFormField:r,...o}=t;return(0,e.jsx)(c,{name:o.name,scope:r,children:(0,e.jsx)(m.Controller,{...o})})}let[F,p]=l("FormItem");function g({__scopeFormField:t,className:r,...m}){let s=(0,o.useId)();return(0,e.jsx)(F,{id:s,scope:t,children:(0,e.jsx)("div",{className:(0,a.cn)("grid gap-2",r),"data-slot":"form-item",...m})})}function j({__scopeFormField:t,...r}){let{formItemId:o,error:m}=u("FormLabel",t);return(0,e.jsx)(s.Label,{"data-invalid":!!m||void 0,"data-slot":"form-label",htmlFor:o,...r})}function b({__scopeFormField:t,...o}){let{formDescriptionId:m,formItemId:s,formMessageId:a,error:i}=u("FormControl",t);return(0,e.jsx)(r.Slot,{"aria-describedby":i?`${m} ${a}`:m,"aria-invalid":!!i,"data-slot":"form-control",id:s,...o})}function I({__scopeFormField:t,className:r,...o}){let{formDescriptionId:m}=u(v,t);return(0,e.jsx)("p",{className:(0,a.cn)("text-muted-foreground text-xs",r),"data-slot":"form-description",id:m,...o})}let v="FormMessage";function h({__scopeFormField:t,children:r,className:o,...m}){let{formMessageId:s,error:i}=u(v,t),n=i?.message?String(i.message):r;return n?(0,e.jsx)("p",{className:(0,a.cn)("text-xs",i?.message?"font-medium text-destructive":"text-muted-foreground",o),"data-slot":"form-message",id:s,...m,children:n}):null}export{i as Form,b as FormControl,I as FormDescription,x as FormField,g as FormItem,j as FormLabel,h as FormMessage,d as createFormFieldScope};
|
|
3
3
|
//# sourceMappingURL=form.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\form.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport * as LabelPrimitive from '@radix-ui/react-label'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport * as React from 'react'\r\nimport {\r\n Controller,\r\n ControllerProps,\r\n FieldPath,\r\n FieldValues,\r\n FormProvider,\r\n useFormContext,\r\n} from 'react-hook-form'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Label } from './label'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\ntype FormFieldContextValue<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> = {\r\n name: TName\r\n}\r\n\r\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\r\n {} as FormFieldContextValue\r\n)\r\n\r\nconst FormField = <\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>({\r\n ...props\r\n}: ControllerProps<TFieldValues, TName>) => {\r\n return (\r\n <FormFieldContext.Provider value={{ name: props.name }}>\r\n <Controller {...props} />\r\n </FormFieldContext.Provider>\r\n )\r\n}\r\n\r\nconst useFormField = () => {\r\n const fieldContext = React.useContext(FormFieldContext)\r\n const itemContext = React.useContext(FormItemContext)\r\n const { getFieldState, formState } = useFormContext()\r\n\r\n const fieldState = getFieldState(fieldContext.name, formState)\r\n\r\n if (!fieldContext) {\r\n throw new Error('useFormField should be used within <FormField>')\r\n }\r\n\r\n const { id } = itemContext\r\n\r\n return {\r\n id,\r\n name: fieldContext.name,\r\n formItemId: `${id}-form-item`,\r\n formDescriptionId: `${id}-form-item-description`,\r\n formMessageId: `${id}-form-item-message`,\r\n ...fieldState,\r\n }\r\n}\r\n\r\ntype FormItemContextValue = {\r\n id: string\r\n}\r\n\r\nconst FormItemContext = React.createContext<FormItemContextValue>(\r\n {} as FormItemContextValue\r\n)\r\n\r\nconst FormItem = React.forwardRef<\r\n HTMLDivElement,\r\n React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => {\r\n const id = React.useId()\r\n\r\n return (\r\n <FormItemContext.Provider value={{ id }}>\r\n <div ref={ref} className={cn('space-y-2', className)} {...props} />\r\n </FormItemContext.Provider>\r\n )\r\n})\r\nFormItem.displayName = 'FormItem'\r\n\r\nconst FormLabel = React.forwardRef<\r\n React.ElementRef<typeof LabelPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\r\n>(({ className, ...props }, ref) => {\r\n const { error, formItemId } = useFormField()\r\n\r\n return (\r\n <Label\r\n ref={ref}\r\n className={cn(error && 'text-destructive', className)}\r\n htmlFor={formItemId}\r\n {...props}\r\n />\r\n )\r\n})\r\nFormLabel.displayName = 'FormLabel'\r\n\r\nconst FormControl = React.forwardRef<\r\n React.ElementRef<typeof Slot>,\r\n React.ComponentPropsWithoutRef<typeof Slot>\r\n>(({ ...props }, ref) => {\r\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\r\n\r\n return (\r\n <Slot\r\n ref={ref}\r\n id={formItemId}\r\n aria-describedby={\r\n !error\r\n ? `${formDescriptionId}`\r\n : `${formDescriptionId} ${formMessageId}`\r\n }\r\n aria-invalid={!!error}\r\n {...props}\r\n />\r\n )\r\n})\r\nFormControl.displayName = 'FormControl'\r\n\r\nconst FormDescription = React.forwardRef<\r\n HTMLParagraphElement,\r\n React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, ...props }, ref) => {\r\n const { formDescriptionId } = useFormField()\r\n\r\n return (\r\n <p\r\n ref={ref}\r\n id={formDescriptionId}\r\n className={cn('text-[0.8rem] text-muted-foreground', className)}\r\n {...props}\r\n />\r\n )\r\n})\r\nFormDescription.displayName = 'FormDescription'\r\n\r\nconst FormMessage = React.forwardRef<\r\n HTMLParagraphElement,\r\n React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, children, ...props }, ref) => {\r\n const { error, formMessageId } = useFormField()\r\n const body = error ? String(error?.message) : children\r\n\r\n if (!body) {\r\n return null\r\n }\r\n\r\n return (\r\n <p\r\n ref={ref}\r\n id={formMessageId}\r\n className={cn('font-medium text-[0.8rem] text-destructive', className)}\r\n {...props}\r\n >\r\n {body}\r\n </p>\r\n )\r\n})\r\nFormMessage.displayName = 'FormMessage'\r\n\r\nexport {\r\n useFormField,\r\n Form,\r\n FormItem,\r\n FormLabel,\r\n FormControl,\r\n FormDescription,\r\n FormMessage,\r\n FormField,\r\n}\r\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","Error","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","String"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\form.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport type { Scope } from '@radix-ui/react-context'\r\nimport type * as LabelPrimitive from '@radix-ui/react-label'\r\nimport type { ComponentProps, JSX, ReactNode } from 'react'\r\nimport type {\r\n ControllerProps,\r\n FieldError,\r\n FieldPath,\r\n FieldValues,\r\n} from 'react-hook-form'\r\n\r\nimport { createContextScope } from '@radix-ui/react-context'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { useId } from 'react'\r\nimport {\r\n Controller,\r\n FormProvider,\r\n useFormContext,\r\n useFormState,\r\n} from 'react-hook-form'\r\n\r\nimport { Label } from '@/components/label'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_FIELD_NAME = 'FormField'\r\n\r\ntype ScopedProps<P> = P & { __scopeFormField?: Scope }\r\n\r\nconst [createFormFieldContext, createFormFieldScope] =\r\n createContextScope(FORM_FIELD_NAME)\r\n\r\ninterface FormFieldContextValue<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> {\r\n name: TName\r\n}\r\n\r\nconst [FormFieldContextProvider, useFormFieldContext] =\r\n createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME)\r\n\r\nfunction useFormItem(\r\n consumerName: string,\r\n scope: Scope\r\n): {\r\n formDescriptionId: string\r\n formItemId: string\r\n formMessageId: string\r\n id: string\r\n invalid: boolean\r\n isDirty: boolean\r\n isTouched: boolean\r\n isValidating: boolean\r\n name: string\r\n error?: FieldError\r\n} {\r\n const { id } = useFormItemContext(consumerName, scope)\r\n const { name } = useFormFieldContext(consumerName, scope)\r\n const { getFieldState } = useFormContext()\r\n const formState = useFormState({ name })\r\n const fieldState = getFieldState(name, formState)\r\n\r\n return {\r\n id,\r\n name,\r\n formDescriptionId: `form-item-description-${id}`,\r\n formItemId: `form-item-${id}`,\r\n formMessageId: `form-item-message-${id}`,\r\n ...fieldState,\r\n }\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormField<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>(\r\n formFieldProps: ScopedProps<ControllerProps<TFieldValues, TName>>\r\n): JSX.Element {\r\n const { __scopeFormField, ...props } = formFieldProps\r\n\r\n return (\r\n <FormFieldContextProvider name={props.name} scope={__scopeFormField}>\r\n <Controller {...props} />\r\n </FormFieldContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_ITEM_NAME = 'FormItem'\r\n\r\ninterface FormItemContextValue {\r\n id: string\r\n}\r\n\r\nconst [FormItemContextProvider, useFormItemContext] =\r\n createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME)\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormItem({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'div'>>): JSX.Element {\r\n const id = useId()\r\n\r\n return (\r\n <FormItemContextProvider id={id} scope={__scopeFormField}>\r\n <div\r\n className={cn('grid gap-2', className)}\r\n data-slot=\"form-item\"\r\n {...props}\r\n />\r\n </FormItemContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_LABEL_NAME = 'FormLabel'\r\n\r\nfunction FormLabel({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof LabelPrimitive.Root>>): JSX.Element {\r\n const { formItemId, error } = useFormItem(FORM_LABEL_NAME, __scopeFormField)\r\n\r\n return (\r\n <Label\r\n data-invalid={error ? true : undefined}\r\n data-slot=\"form-label\"\r\n htmlFor={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormControl\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_CONTROL_NAME = 'FormControl'\r\n\r\nfunction FormControl({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof Slot>>): JSX.Element {\r\n const { formDescriptionId, formItemId, formMessageId, error } = useFormItem(\r\n FORM_CONTROL_NAME,\r\n __scopeFormField\r\n )\r\n\r\n return (\r\n <Slot\r\n aria-describedby={\r\n error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId\r\n }\r\n aria-invalid={Boolean(error)}\r\n data-slot=\"form-control\"\r\n id={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormDescription\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormDescription({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): JSX.Element {\r\n const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField)\r\n\r\n return (\r\n <p\r\n className={cn('text-muted-foreground text-xs', className)}\r\n data-slot=\"form-description\"\r\n id={formDescriptionId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormMessage\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_MESSAGE_NAME = 'FormMessage'\r\n\r\nfunction FormMessage({\r\n __scopeFormField,\r\n children,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): ReactNode {\r\n const { formMessageId, error } = useFormItem(\r\n FORM_MESSAGE_NAME,\r\n __scopeFormField\r\n )\r\n const body = error?.message ? String(error.message) : children\r\n\r\n if (!body) {\r\n return null\r\n }\r\n\r\n return (\r\n <p\r\n className={cn(\r\n 'text-xs',\r\n error?.message\r\n ? 'font-medium text-destructive'\r\n : 'text-muted-foreground',\r\n className\r\n )}\r\n data-slot=\"form-message\"\r\n id={formMessageId}\r\n {...props}\r\n >\r\n {body}\r\n </p>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n createFormFieldScope,\r\n Form,\r\n FormControl,\r\n FormDescription,\r\n FormField,\r\n FormItem,\r\n FormLabel,\r\n FormMessage,\r\n}\r\n"],"names":["Form","FormProvider","FORM_FIELD_NAME","createFormFieldContext","createFormFieldScope","createContextScope","FormFieldContextProvider","useFormFieldContext","useFormItem","consumerName","scope","id","useFormItemContext","name","getFieldState","useFormContext","formState","useFormState","fieldState","FormField","formFieldProps","__scopeFormField","props","Controller","FormItemContextProvider","FormItem","className","useId","cn","FormLabel","formItemId","error","Label","undefined","FormControl","formDescriptionId","formMessageId","Slot","Boolean","FormDescription","FORM_MESSAGE_NAME","FormMessage","children","body","String"],"mappings":"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"}
|
|
@@ -1,28 +1,26 @@
|
|
|
1
1
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
2
|
-
import {
|
|
3
|
-
declare
|
|
4
|
-
declare
|
|
5
|
-
declare
|
|
6
|
-
declare
|
|
7
|
-
declare
|
|
8
|
-
declare
|
|
9
|
-
declare const DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
2
|
+
import { ComponentProps, JSX } from 'react';
|
|
3
|
+
declare function DropdownMenu({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
|
|
4
|
+
declare function DropdownMenuTrigger({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
|
|
5
|
+
declare function DropdownMenuGroup({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Group>): JSX.Element;
|
|
6
|
+
declare function DropdownMenuSub({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element;
|
|
7
|
+
declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element;
|
|
8
|
+
declare function DropdownMenuSubTrigger({ children, className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
10
9
|
inset?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare
|
|
13
|
-
declare
|
|
14
|
-
declare
|
|
10
|
+
}): JSX.Element;
|
|
11
|
+
declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element;
|
|
12
|
+
declare function DropdownMenuContent({ className, sideOffset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element;
|
|
13
|
+
declare function DropdownMenuItem({ className, inset, variant, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
15
14
|
inset?: boolean;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
declare
|
|
19
|
-
declare
|
|
15
|
+
variant?: 'default' | 'destructive';
|
|
16
|
+
}): JSX.Element;
|
|
17
|
+
declare function DropdownMenuCheckboxItem({ checked, children, className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element;
|
|
18
|
+
declare function DropdownMenuRadioItem({ children, className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element;
|
|
19
|
+
declare function DropdownMenuLabel({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
20
20
|
inset?: boolean;
|
|
21
|
-
}
|
|
22
|
-
declare
|
|
23
|
-
declare
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
|
|
21
|
+
}): JSX.Element;
|
|
22
|
+
declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element;
|
|
23
|
+
declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): JSX.Element;
|
|
24
|
+
declare function DropdownMenuArrow({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Arrow>): JSX.Element;
|
|
25
|
+
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuArrow, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
|
|
28
26
|
//# sourceMappingURL=dropdown-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AACtE,OAAO,
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,24 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import {
|
|
1
|
+
import type { Scope } from '@radix-ui/react-context';
|
|
2
|
+
import type * as LabelPrimitive from '@radix-ui/react-label';
|
|
3
|
+
import type { ComponentProps, JSX, ReactNode } from 'react';
|
|
4
|
+
import type { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
|
|
5
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
4
6
|
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
invalid: boolean;
|
|
8
|
-
isDirty: boolean;
|
|
9
|
-
isTouched: boolean;
|
|
10
|
-
isValidating: boolean;
|
|
11
|
-
error?: import("react-hook-form").FieldError;
|
|
12
|
-
id: string;
|
|
13
|
-
name: string;
|
|
14
|
-
formItemId: string;
|
|
15
|
-
formDescriptionId: string;
|
|
16
|
-
formMessageId: string;
|
|
7
|
+
type ScopedProps<P> = P & {
|
|
8
|
+
__scopeFormField?: Scope;
|
|
17
9
|
};
|
|
18
|
-
declare const
|
|
19
|
-
declare
|
|
20
|
-
declare
|
|
21
|
-
declare
|
|
22
|
-
declare
|
|
23
|
-
|
|
10
|
+
declare const createFormFieldScope: import("@radix-ui/react-context").CreateScope;
|
|
11
|
+
declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(formFieldProps: ScopedProps<ControllerProps<TFieldValues, TName>>): JSX.Element;
|
|
12
|
+
declare function FormItem({ __scopeFormField, className, ...props }: ScopedProps<ComponentProps<'div'>>): JSX.Element;
|
|
13
|
+
declare function FormLabel({ __scopeFormField, ...props }: ScopedProps<ComponentProps<typeof LabelPrimitive.Root>>): JSX.Element;
|
|
14
|
+
declare function FormControl({ __scopeFormField, ...props }: ScopedProps<ComponentProps<typeof Slot>>): JSX.Element;
|
|
15
|
+
declare function FormDescription({ __scopeFormField, className, ...props }: ScopedProps<ComponentProps<'p'>>): JSX.Element;
|
|
16
|
+
declare function FormMessage({ __scopeFormField, children, className, ...props }: ScopedProps<ComponentProps<'p'>>): ReactNode;
|
|
17
|
+
export { createFormFieldScope, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, };
|
|
24
18
|
//# sourceMappingURL=form.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAAK,EACV,eAAe,EAEf,SAAS,EACT,WAAW,EACZ,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAgB3C,QAAA,MAAM,IAAI,4MAAe,CAAA;AAQzB,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEtD,QAAA,MAA+B,oBAAoB,+CACd,CAAA;AA+CrC,iBAAS,SAAS,CAChB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAE/D,cAAc,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,GAChE,GAAG,CAAC,OAAO,CAQb;AAmBD,iBAAS,QAAQ,CAAC,EAChB,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAYlD;AAQD,iBAAS,SAAS,CAAC,EACjB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAWvE;AAQD,iBAAS,WAAW,CAAC,EACnB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAiBxD;AAMD,iBAAS,eAAe,CAAC,EACvB,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAWhD;AAQD,iBAAS,WAAW,CAAC,EACnB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CA2B9C;AAMD,OAAO,EACL,oBAAoB,EACpB,IAAI,EACJ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gbmtech/aurora-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.19",
|
|
4
4
|
"main": "./dist/cjs/index.cjs",
|
|
5
5
|
"module": "./dist/esm/index.js",
|
|
6
6
|
"types": "./dist/types/index.d.ts",
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
"@phosphor-icons/react": "^2.0.9",
|
|
47
47
|
"@radix-ui/react-alert-dialog": "^1.1.4",
|
|
48
48
|
"@radix-ui/react-checkbox": "^1.0.4",
|
|
49
|
+
"@radix-ui/react-context": "^1.1.2",
|
|
49
50
|
"@radix-ui/react-dialog": "^1.1.10",
|
|
50
51
|
"@radix-ui/react-dropdown-menu": "^2.0.6",
|
|
51
52
|
"@radix-ui/react-icons": "^1.3.0",
|