@cryptlex/web-components 6.5.3 → 6.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/alert.js +1 -1
- package/dist/components/alert.js.map +1 -1
- package/dist/components/avatar.js +1 -1
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/breadcrumbs.js +1 -1
- package/dist/components/breadcrumbs.js.map +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/calendar.js.map +1 -1
- package/dist/components/card.js +1 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/data-table-commons.d.ts +0 -10
- package/dist/components/data-table-commons.js +1 -1
- package/dist/components/data-table-commons.js.map +1 -1
- package/dist/components/data-table-filter.js +1 -1
- package/dist/components/data-table.d.ts +1 -1
- package/dist/components/data-table.js +1 -1
- package/dist/components/data-table.js.map +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/date-picker.js.map +1 -1
- package/dist/components/datefield.js +1 -1
- package/dist/components/datefield.js.map +1 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/disclosure.js +1 -1
- package/dist/components/disclosure.js.map +1 -1
- package/dist/components/field.js +1 -1
- package/dist/components/field.js.map +1 -1
- package/dist/components/icons.d.ts +4 -0
- package/dist/components/icons.js +67 -47
- package/dist/components/icons.js.map +1 -1
- package/dist/components/id-search.d.ts +1 -1
- package/dist/components/id-search.js +1 -1
- package/dist/components/id-search.js.map +1 -1
- package/dist/components/input-otp.js +1 -1
- package/dist/components/input-otp.js.map +1 -1
- package/dist/components/key-value-card.js +1 -1
- package/dist/components/key-value-card.js.map +1 -1
- package/dist/components/list-box.js +1 -1
- package/dist/components/list-box.js.map +1 -1
- package/dist/components/loader.js +1 -1
- package/dist/components/loader.js.map +1 -1
- package/dist/components/menu.js +1 -1
- package/dist/components/menu.js.map +1 -1
- package/dist/components/multi-select.js +1 -1
- package/dist/components/multi-select.js.map +1 -1
- package/dist/components/numberfield.js +1 -1
- package/dist/components/numberfield.js.map +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/popover.js.map +1 -1
- package/dist/components/searchfield.js +1 -1
- package/dist/components/searchfield.js.map +1 -1
- package/dist/components/select-options.js.map +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/select.js.map +1 -1
- package/dist/components/sidebar.js +1 -1
- package/dist/components/sidebar.js.map +1 -1
- package/dist/components/skeleton.js +1 -1
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/table-of-contents.js +1 -1
- package/dist/components/table-of-contents.js.map +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/table.js.map +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/textfield.js +1 -1
- package/dist/components/textfield.js.map +1 -1
- package/dist/components/timeline.js +1 -1
- package/dist/components/timeline.js.map +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/components/tooltip.js.map +1 -1
- package/dist/utilities/date.d.ts +2 -0
- package/dist/utilities/date.js +2 -0
- package/dist/utilities/date.js.map +1 -0
- package/dist/utilities/form-context.js.map +1 -0
- package/dist/utilities/form-hook.js.map +1 -0
- package/dist/utilities/form-utils.js.map +1 -0
- package/dist/utilities/numbers.d.ts +1 -0
- package/dist/utilities/numbers.js +2 -0
- package/dist/utilities/numbers.js.map +1 -0
- package/dist/utilities/primitives.js.map +1 -0
- package/dist/{utils/resource-names.d.ts → utilities/resources.d.ts} +10 -0
- package/dist/utilities/resources.js +2 -0
- package/dist/utilities/resources.js.map +1 -0
- package/dist/utilities/use-mobile.js.map +1 -0
- package/lib/utilities.css +10 -6
- package/package.json +9 -9
- package/dist/utils/form-context.js.map +0 -1
- package/dist/utils/form-hook.js.map +0 -1
- package/dist/utils/form-utils.js.map +0 -1
- package/dist/utils/primitives.js.map +0 -1
- package/dist/utils/resource-names.js +0 -2
- package/dist/utils/resource-names.js.map +0 -1
- package/dist/utils/resources.d.ts +0 -2
- package/dist/utils/resources.js +0 -2
- package/dist/utils/resources.js.map +0 -1
- package/dist/utils/use-mobile.js.map +0 -1
- /package/dist/{utils → utilities}/form-context.d.ts +0 -0
- /package/dist/{utils → utilities}/form-context.js +0 -0
- /package/dist/{utils → utilities}/form-hook.d.ts +0 -0
- /package/dist/{utils → utilities}/form-hook.js +0 -0
- /package/dist/{utils → utilities}/form-utils.d.ts +0 -0
- /package/dist/{utils → utilities}/form-utils.js +0 -0
- /package/dist/{utils → utilities}/primitives.d.ts +0 -0
- /package/dist/{utils → utilities}/primitives.js +0 -0
- /package/dist/{utils → utilities}/use-mobile.d.ts +0 -0
- /package/dist/{utils → utilities}/use-mobile.js +0 -0
package/dist/components/alert.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as i,jsx as t}from"react/jsx-runtime";import{cva as d}from"class-variance-authority";import{classNames as c}from"../
|
|
1
|
+
import{jsxs as i,jsx as t}from"react/jsx-runtime";import{cva as d}from"class-variance-authority";import{classNames as c}from"../utilities/primitives.js";import"clsx";import"lodash-es";const u=d("transition-colors border border-dotted p-2 text-foreground body inline-flex items-start gap-2",{variants:{variant:{destructive:"bg-destructive-foreground/20 text-destructive border-destructive",success:"bg-success-foreground/20 text-success border-success",muted:"bg-muted-foreground/20 text-muted border-muted"}},defaultVariants:{variant:"muted"}});function p({children:r,className:s,variant:o,icon:e,...a}){return i("div",{role:"alert",className:c(u({variant:o}),s),...a,children:[e&&t(e,{className:"size-icon mt-1"}),t("span",{className:"w-full",children:r})]})}export{p as Alert,u as alertVariants};
|
|
2
2
|
//# sourceMappingURL=alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../../lib/components/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { classNames } from '../
|
|
1
|
+
{"version":3,"file":"alert.js","sources":["../../lib/components/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { classNames } from '../utilities/primitives';\nimport type { CtxIcon } from './icons';\n\nexport const alertVariants = cva(\n `transition-colors border border-dotted p-2 text-foreground body inline-flex items-start gap-2`,\n {\n variants: {\n variant: {\n destructive: 'bg-destructive-foreground/20 text-destructive border-destructive',\n success: 'bg-success-foreground/20 text-success border-success',\n muted: 'bg-muted-foreground/20 text-muted border-muted',\n },\n },\n defaultVariants: {\n variant: 'muted',\n },\n }\n);\n\nexport function Alert({\n children,\n className,\n variant,\n icon: Icon,\n ...props\n}: React.ComponentProps<'div'> &\n VariantProps<typeof alertVariants> & {\n icon?: CtxIcon;\n }) {\n return (\n <div role=\"alert\" className={classNames(alertVariants({ variant }), className)} {...props}>\n {Icon && <Icon className=\"size-icon mt-1\" />}\n <span className=\"w-full\">{children}</span>\n </div>\n );\n}\n"],"names":["alertVariants","cva","Alert","children","className","variant","Icon","props","jsxs","classNames","jsx"],"mappings":"wLAIO,MAAMA,EAAgBC,EACzB,gGACA,CACI,SAAU,CACN,QAAS,CACL,YAAa,mEACb,QAAS,uDACT,MAAO,gDAAA,CACX,EAEJ,gBAAiB,CACb,QAAS,OAAA,CACb,CAER,EAEO,SAASC,EAAM,CAClB,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAMC,EACN,GAAGC,CACP,EAGO,CACH,OACIC,EAAC,MAAA,CAAI,KAAK,QAAQ,UAAWC,EAAWT,EAAc,CAAE,QAAAK,CAAA,CAAS,EAAGD,CAAS,EAAI,GAAGG,EAC/E,SAAA,CAAAD,GAAQI,EAACJ,EAAA,CAAK,UAAU,gBAAA,CAAiB,EAC1CI,EAAC,OAAA,CAAK,UAAU,SAAU,SAAAP,CAAA,CAAS,CAAA,EACvC,CAER"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{classNames as r}from"../
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{classNames as r}from"../utilities/primitives.js";import"clsx";import"lodash-es";function m({className:e,initials:n,...o}){return t("div",{className:r("relative body-sm font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none size-input shrink-0 overflow-hidden rounded-full",e),...o,children:n})}export{m as Avatar};
|
|
2
2
|
//# sourceMappingURL=avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["../../lib/components/avatar.tsx"],"sourcesContent":["import { classNames } from '../
|
|
1
|
+
{"version":3,"file":"avatar.js","sources":["../../lib/components/avatar.tsx"],"sourcesContent":["import { classNames } from '../utilities/primitives';\n\ninterface InitialString {\n initials: string[2];\n}\nexport interface AvatarProps extends Omit<React.ComponentProps<'div'>, 'children'>, InitialString {}\nexport function Avatar({ className, initials, ...props }: AvatarProps) {\n return (\n <div\n className={classNames(\n 'relative body-sm font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none size-input shrink-0 overflow-hidden rounded-full',\n className\n )}\n {...props}\n >\n {initials}\n </div>\n );\n}\n"],"names":["Avatar","className","initials","props","jsx","classNames"],"mappings":"+HAMO,SAASA,EAAO,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAsB,CACnE,OACIC,EAAC,MAAA,CACG,UAAWC,EACP,mLACAJ,CAAA,EAEH,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGb"}
|
package/dist/components/badge.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{classNames as i}from"../
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{classNames as i}from"../utilities/primitives.js";import"clsx";import"lodash-es";function c({className:n,children:o,...r}){return e("span",{className:i("text-muted leading-none body-sm px-1 inline-flex items-center justify-center select-none bg-popover border h-input focus:outline-hidden focus:ring-1 focus:ring-ring",n),...r,children:e("span",{children:o})})}export{c as Badge};
|
|
2
2
|
//# sourceMappingURL=badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sources":["../../lib/components/badge.tsx"],"sourcesContent":["import { classNames } from '../
|
|
1
|
+
{"version":3,"file":"badge.js","sources":["../../lib/components/badge.tsx"],"sourcesContent":["import { classNames } from '../utilities/primitives';\n\nexport function Badge({ className, children, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n className={classNames(\n 'text-muted leading-none body-sm px-1 inline-flex items-center justify-center select-none bg-popover border h-input focus:outline-hidden focus:ring-1 focus:ring-ring',\n className\n )}\n {...props}\n >\n {/* Contents */}\n <span>{children}</span>\n </span>\n );\n}\n"],"names":["Badge","className","children","props","jsx","classNames"],"mappings":"+HAEO,SAASA,EAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAuC,CACnF,OACIC,EAAC,OAAA,CACG,UAAWC,EACP,uKACAJ,CAAA,EAEH,GAAGE,EAGJ,SAAAC,EAAC,QAAM,SAAAF,CAAA,CAAS,CAAA,CAAA,CAG5B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as n,jsxs as o}from"react/jsx-runtime";import{Breadcrumbs as c,Breadcrumb as m,Link as s,composeRenderProps as i}from"react-aria-components";import{classNames as a}from"../utilities/primitives.js";import{IcRight as u,IcMoreHorizontal as l}from"./icons.js";import"clsx";import"lodash-es";import"react";function g({className:r,...e}){return n(c,{className:a("flex flex-wrap items-center gap-2 break-words body-sm",r),...e})}function h({className:r,...e}){return n(m,{className:a("inline-flex items-center gap-1",r),...e})}function k({className:r,...e}){return n(s,{className:i(r,t=>a("btn btn-link input-dim","data-[current]:no-underline",t)),...e})}function y({children:r,className:e,...t}){return n("span",{role:"presentation","aria-hidden":"true",className:a("[&>svg]:size-icon opacity-70",e),...t,children:r||n(u,{})})}function z({className:r,...e}){return o("span",{role:"presentation","aria-hidden":"true",className:a("flex size-input items-center justify-center",r),...e,children:[n(l,{className:"size-icon"}),n("span",{className:"sr-only",children:"More"})]})}function j({className:r,...e}){return n(s,{className:i(r,t=>a("font-normal text-foreground",t)),...e})}export{z as BreadcrumbEllipsis,h as BreadcrumbItem,k as BreadcrumbLink,j as BreadcrumbPage,y as BreadcrumbSeparator,g as Breadcrumbs};
|
|
2
2
|
//# sourceMappingURL=breadcrumbs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs.js","sources":["../../lib/components/breadcrumbs.tsx"],"sourcesContent":["import {\n Breadcrumb as AriaBreadcrumb,\n BreadcrumbProps as AriaBreadcrumbProps,\n Breadcrumbs as AriaBreadcrumbs,\n BreadcrumbsProps as AriaBreadcrumbsProps,\n Link as AriaLink,\n LinkProps as AriaLinkProps,\n composeRenderProps,\n} from 'react-aria-components';\n\nimport { classNames } from '../
|
|
1
|
+
{"version":3,"file":"breadcrumbs.js","sources":["../../lib/components/breadcrumbs.tsx"],"sourcesContent":["import {\n Breadcrumb as AriaBreadcrumb,\n BreadcrumbProps as AriaBreadcrumbProps,\n Breadcrumbs as AriaBreadcrumbs,\n BreadcrumbsProps as AriaBreadcrumbsProps,\n Link as AriaLink,\n LinkProps as AriaLinkProps,\n composeRenderProps,\n} from 'react-aria-components';\n\nimport { classNames } from '../utilities/primitives';\nimport { IcMoreHorizontal, IcRight } from './icons';\n\nexport function Breadcrumbs<T extends object>({ className, ...props }: AriaBreadcrumbsProps<T>) {\n return (\n <AriaBreadcrumbs\n className={classNames('flex flex-wrap items-center gap-2 break-words body-sm', className)}\n {...props}\n />\n );\n}\n\nexport function BreadcrumbItem({ className, ...props }: AriaBreadcrumbProps) {\n return <AriaBreadcrumb className={classNames('inline-flex items-center gap-1', className)} {...props} />;\n}\n\nexport function BreadcrumbLink({ className, ...props }: AriaLinkProps) {\n return (\n <AriaLink\n className={composeRenderProps(className, className =>\n classNames('btn btn-link input-dim', 'data-[current]:no-underline', className)\n )}\n {...props}\n />\n );\n}\n\nexport function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={classNames('[&>svg]:size-icon opacity-70', className)}\n {...props}\n >\n {children || <IcRight />}\n </span>\n );\n}\n\nexport function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={classNames('flex size-input items-center justify-center', className)}\n {...props}\n >\n <IcMoreHorizontal className=\"size-icon\" />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\ninterface BreadcrumbPageProps extends Omit<AriaLinkProps, 'href'> {}\n\nexport function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps) {\n return (\n <AriaLink\n className={composeRenderProps(className, className => classNames('font-normal text-foreground', className))}\n {...props}\n />\n );\n}\n"],"names":["Breadcrumbs","className","props","jsx","AriaBreadcrumbs","classNames","BreadcrumbItem","AriaBreadcrumb","BreadcrumbLink","AriaLink","composeRenderProps","BreadcrumbSeparator","children","IcRight","BreadcrumbEllipsis","jsxs","IcMoreHorizontal","BreadcrumbPage"],"mappings":"wTAaO,SAASA,EAA8B,CAAE,UAAAC,EAAW,GAAGC,GAAkC,CAC5F,OACIC,EAACC,EAAA,CACG,UAAWC,EAAW,wDAAyDJ,CAAS,EACvF,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASI,EAAe,CAAE,UAAAL,EAAW,GAAGC,GAA8B,CACzE,OAAOC,EAACI,GAAe,UAAWF,EAAW,iCAAkCJ,CAAS,EAAI,GAAGC,EAAO,CAC1G,CAEO,SAASM,EAAe,CAAE,UAAAP,EAAW,GAAGC,GAAwB,CACnE,OACIC,EAACM,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GACrCI,EAAW,yBAA0B,8BAA+BJ,CAAS,CAAA,EAEhF,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASS,EAAoB,CAAE,SAAAC,EAAU,UAAAX,EAAW,GAAGC,GAAuC,CACjG,OACIC,EAAC,OAAA,CACG,KAAK,eACL,cAAY,OACZ,UAAWE,EAAW,+BAAgCJ,CAAS,EAC9D,GAAGC,EAEH,SAAAU,KAAaC,EAAA,CAAA,CAAQ,CAAA,CAAA,CAGlC,CAEO,SAASC,EAAmB,CAAE,UAAAb,EAAW,GAAGC,GAAuC,CACtF,OACIa,EAAC,OAAA,CACG,KAAK,eACL,cAAY,OACZ,UAAWV,EAAW,8CAA+CJ,CAAS,EAC7E,GAAGC,EAEJ,SAAA,CAAAC,EAACa,EAAA,CAAiB,UAAU,WAAA,CAAY,EACxCb,EAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAAA,CAG1C,CAIO,SAASc,EAAe,CAAE,UAAAhB,EAAW,GAAGC,GAA8B,CACzE,OACIC,EAACM,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GAAaI,EAAW,8BAA+BJ,CAAS,CAAC,EACzG,GAAGC,CAAA,CAAA,CAGhB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{jsx as r,jsxs as
|
|
1
|
+
"use client";import{jsx as r,jsxs as u,Fragment as o}from"react/jsx-runtime";import{cva as p}from"class-variance-authority";import{Button as l,composeRenderProps as i}from"react-aria-components";import{classNames as d}from"../utilities/primitives.js";import{Loader as f}from"./loader.js";import"clsx";import"lodash-es";import"./icons.js";import"react";const b=p("btn",{variants:{variant:{primary:"btn-primary",secondary:"btn-secondary",destructive:"btn-destructive",neutral:"btn-neutral",ghost:"btn-ghost",link:"btn-link"},size:{default:"input-dim",icon:"size-input",none:""}},defaultVariants:{variant:"neutral",size:"default"}});function V({className:n,variant:a,size:s,children:m,isPending:e,active:v,...c}){return r(l,{...c,className:i(n,t=>d(b({variant:a,size:s,className:t}),n)),children:i(m,t=>u(o,{children:[e&&r(f,{}),!e&&r(o,{children:t})]}))})}export{V as Button,b as buttonVariants};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../lib/components/button.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Button as AriaButton, composeRenderProps, type ButtonProps as AriaButtonProps } from 'react-aria-components';\nimport { classNames } from '../
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../lib/components/button.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Button as AriaButton, composeRenderProps, type ButtonProps as AriaButtonProps } from 'react-aria-components';\nimport { classNames } from '../utilities/primitives';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva('btn', {\n variants: {\n variant: {\n primary: 'btn-primary',\n secondary: 'btn-secondary',\n destructive: 'btn-destructive',\n neutral: 'btn-neutral',\n ghost: 'btn-ghost',\n link: 'btn-link',\n },\n size: {\n default: 'input-dim',\n icon: 'size-input',\n none: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'default',\n },\n});\n\nexport type ButtonProps = AriaButtonProps &\n VariantProps<typeof buttonVariants> & {\n ref?: React.Ref<HTMLButtonElement>;\n active?: boolean;\n };\n\nexport function Button({\n className: additionalClasses,\n variant,\n size,\n children,\n isPending,\n active,\n ...props\n}: ButtonProps) {\n return (\n <AriaButton\n {...props}\n className={composeRenderProps(additionalClasses, className =>\n classNames(\n buttonVariants({\n variant,\n size,\n className,\n }),\n additionalClasses\n )\n )}\n >\n {composeRenderProps(children, children => (\n <>\n {isPending && <Loader />}\n {!isPending && <>{children}</>}\n </>\n ))}\n </AriaButton>\n );\n}\n"],"names":["buttonVariants","cva","Button","additionalClasses","variant","size","children","isPending","active","props","jsx","AriaButton","composeRenderProps","className","classNames","jsxs","Fragment","Loader"],"mappings":"gWAMO,MAAMA,EAAiBC,EAAI,MAAO,CACrC,SAAU,CACN,QAAS,CACL,QAAS,cACT,UAAW,gBACX,YAAa,kBACb,QAAS,cACT,MAAO,YACP,KAAM,UAAA,EAEV,KAAM,CACF,QAAS,YACT,KAAM,aACN,KAAM,EAAA,CACV,EAEJ,gBAAiB,CACb,QAAS,UACT,KAAM,SAAA,CAEd,CAAC,EAQM,SAASC,EAAO,CACnB,UAAWC,EACX,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,OACIC,EAACC,EAAA,CACI,GAAGF,EACJ,UAAWG,EAAmBT,EAAmBU,GAC7CC,EACId,EAAe,CACX,QAAAI,EACA,KAAAC,EACA,UAAAQ,CAAA,CACH,EACDV,CAAA,CACJ,EAGH,SAAAS,EAAmBN,EAAUA,GAC1BS,EAAAC,EAAA,CACK,SAAA,CAAAT,KAAcU,EAAA,EAAO,EACrB,CAACV,GAAaG,EAAAM,EAAA,CAAG,SAAAV,CAAAA,CAAS,CAAA,EAC/B,CACH,CAAA,CAAA,CAGb"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{today as y,getLocalTimeZone as b}from"@internationalized/date";import{CalendarGridHeader as v,useLocale as N,Heading as S,CalendarGrid as G,CalendarHeaderCell as H,CalendarGridBody as R,RangeCalendarStateContext as $,CalendarCell as w,composeRenderProps as l,Calendar as z,RangeCalendar as B}from"react-aria-components";import{use as j}from"react";import{Button as c,buttonVariants as E}from"./button.js";import{FieldError as m}from"./field.js";import{classNames as i}from"../
|
|
1
|
+
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{today as y,getLocalTimeZone as b}from"@internationalized/date";import{CalendarGridHeader as v,useLocale as N,Heading as S,CalendarGrid as G,CalendarHeaderCell as H,CalendarGridBody as R,RangeCalendarStateContext as $,CalendarCell as w,composeRenderProps as l,Calendar as z,RangeCalendar as B}from"react-aria-components";import{use as j}from"react";import{Button as c,buttonVariants as E}from"./button.js";import{FieldError as m}from"./field.js";import{classNames as i}from"../utilities/primitives.js";import{IcRight as s,IcLeft as u}from"./icons.js";import"class-variance-authority";import"./loader.js";import"clsx";import"lodash-es";function f(a){let{direction:t}=N();return o("header",{className:"flex w-full items-center gap-1 px-1 pb-icon",...a,children:[e(c,{slot:"previous",size:"none",className:i("size-7 bg-transparent p-0 opacity-50","data-[hovered]:opacity-100"),children:t==="rtl"?e(s,{"aria-hidden":!0}):e(u,{"aria-hidden":!0})}),e(S,{className:"grow text-center body font-medium"}),e(c,{slot:"next",className:i("size-7 bg-transparent p-0 opacity-50","data-[hovered]:opacity-100"),children:t==="rtl"?e(u,{"aria-hidden":!0}):e(s,{"aria-hidden":!0})})]})}function g({className:a,...t}){return e(G,{className:i(" border-separate border-spacing-x-0 border-spacing-y-1 ",a),...t})}const C=v;function h({className:a,...t}){return e(H,{className:i("w-9 body-sm font-normal text-muted-foreground",a),...t})}function p({className:a,...t}){return e(R,{className:i("[&>tr>td]:p-0",a),...t})}function x({className:a,...t}){const n=!!j($);return e(w,{className:l(a,(d,r)=>i(E({variant:"ghost",size:"none"}),"relative flex size-9 items-center justify-center p-0 body-sm font-normal",r.isDisabled&&"text-muted-foreground opacity-50",r.isSelected&&"bg-primary text-primary-foreground data-[focused]:bg-primary data-[focused]:text-primary-foreground",r.isHovered&&r.isSelected&&(r.isSelectionStart||r.isSelectionEnd||!n)&&"data-[hovered]:bg-primary data-[hovered]:text-primary-foreground",r.isSelected&&n&&!r.isSelectionStart&&!r.isSelectionEnd&&"rounded-none bg-accent text-accent-foreground",r.isOutsideMonth&&"text-muted-foreground opacity-50 data-[selected]:bg-accent/50 data-[selected]:text-muted-foreground data-[selected]:opacity-30",r.date.compare(y(b()))===0&&!r.isSelected&&"bg-accent text-accent-foreground",r.isUnavailable&&"cursor-default text-destructive ",r.isInvalid&&"bg-destructive text-destructive-foreground data-[focused]:bg-destructive data-[hovered]:bg-destructive data-[focused]:text-destructive-foreground data-[hovered]:text-destructive-foreground",d)),...t})}function J({errorMessage:a,className:t,...n}){return o(z,{className:l(t,d=>i("w-fit",d)),...n,children:[e(f,{}),o(g,{children:[e(C,{children:d=>e(h,{children:d})}),e(p,{children:d=>e(x,{date:d})})]}),a&&e(m,{children:a})]})}function K({errorMessage:a,className:t,...n}){return o(B,{className:l(t,d=>i("w-fit",d)),...n,children:[e(f,{}),o(g,{children:[e(C,{children:d=>e(h,{children:d})}),e(p,{children:d=>e(x,{date:d})})]}),a&&e(m,{slot:"errorMessage",children:a})]})}export{J as Calendar,x as CalendarCell,g as CalendarGrid,p as CalendarGridBody,C as CalendarGridHeader,h as CalendarHeaderCell,f as CalendarHeading,K as RangeCalendar};
|
|
2
2
|
//# sourceMappingURL=calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.js","sources":["../../lib/components/calendar.tsx"],"sourcesContent":["import { getLocalTimeZone, today } from '@internationalized/date';\nimport {\n Calendar as AriaCalendar,\n CalendarCell as AriaCalendarCell,\n CalendarCellProps as AriaCalendarCellProps,\n CalendarGrid as AriaCalendarGrid,\n CalendarGridBody as AriaCalendarGridBody,\n CalendarGridBodyProps as AriaCalendarGridBodyProps,\n CalendarGridHeader as AriaCalendarGridHeader,\n CalendarGridProps as AriaCalendarGridProps,\n CalendarHeaderCell as AriaCalendarHeaderCell,\n CalendarHeaderCellProps as AriaCalendarHeaderCellProps,\n CalendarProps as AriaCalendarProps,\n DateValue as AriaDateValue,\n Heading as AriaHeading,\n RangeCalendar as AriaRangeCalendar,\n RangeCalendarProps as AriaRangeCalendarProps,\n RangeCalendarStateContext as AriaRangeCalendarStateContext,\n composeRenderProps,\n useLocale,\n} from 'react-aria-components';\n\nimport { use } from 'react';\nimport { Button, buttonVariants } from '../components/button';\nimport { FieldError } from '../components/field';\nimport { classNames } from '../utils/primitives';\nimport { IcLeft, IcRight } from './icons';\n\nexport function CalendarHeading(props: React.HTMLAttributes<HTMLElement>) {\n let { direction } = useLocale();\n\n return (\n <header className=\"flex w-full items-center gap-1 px-1 pb-icon\" {...props}>\n <Button\n slot=\"previous\"\n size=\"none\"\n className={classNames(\n 'size-7 bg-transparent p-0 opacity-50',\n /* Hover */\n 'data-[hovered]:opacity-100'\n )}\n >\n {direction === 'rtl' ? <IcRight aria-hidden /> : <IcLeft aria-hidden />}\n </Button>\n <AriaHeading className=\"grow text-center body font-medium\" />\n <Button\n slot=\"next\"\n className={classNames(\n 'size-7 bg-transparent p-0 opacity-50',\n /* Hover */\n 'data-[hovered]:opacity-100'\n )}\n >\n {direction === 'rtl' ? <IcLeft aria-hidden /> : <IcRight aria-hidden />}\n </Button>\n </header>\n );\n}\n\nexport function CalendarGrid({ className, ...props }: AriaCalendarGridProps) {\n return (\n <AriaCalendarGrid\n className={classNames(' border-separate border-spacing-x-0 border-spacing-y-1 ', className)}\n {...props}\n />\n );\n}\n\nexport const CalendarGridHeader = AriaCalendarGridHeader;\n\nexport function CalendarHeaderCell({ className, ...props }: AriaCalendarHeaderCellProps) {\n return (\n <AriaCalendarHeaderCell\n className={classNames('w-9 body-sm font-normal text-muted-foreground', className)}\n {...props}\n />\n );\n}\n\nexport function CalendarGridBody({ className, ...props }: AriaCalendarGridBodyProps) {\n return <AriaCalendarGridBody className={classNames('[&>tr>td]:p-0', className)} {...props} />;\n}\n\nexport function CalendarCell({ className, ...props }: AriaCalendarCellProps) {\n const isRange = Boolean(use(AriaRangeCalendarStateContext));\n return (\n <AriaCalendarCell\n className={composeRenderProps(className, (className, renderProps) =>\n classNames(\n buttonVariants({ variant: 'ghost', size: 'none' }),\n 'relative flex size-9 items-center justify-center p-0 body-sm font-normal',\n /* Disabled */\n renderProps.isDisabled && 'text-muted-foreground opacity-50',\n /* Selected */\n renderProps.isSelected &&\n 'bg-primary text-primary-foreground data-[focused]:bg-primary data-[focused]:text-primary-foreground',\n /* Hover */\n renderProps.isHovered &&\n renderProps.isSelected &&\n (renderProps.isSelectionStart || renderProps.isSelectionEnd || !isRange) &&\n 'data-[hovered]:bg-primary data-[hovered]:text-primary-foreground',\n /* Selection Start/End */\n renderProps.isSelected &&\n isRange &&\n !renderProps.isSelectionStart &&\n !renderProps.isSelectionEnd &&\n 'rounded-none bg-accent text-accent-foreground',\n /* Outside Month */\n renderProps.isOutsideMonth &&\n 'text-muted-foreground opacity-50 data-[selected]:bg-accent/50 data-[selected]:text-muted-foreground data-[selected]:opacity-30',\n /* Current Date */\n renderProps.date.compare(today(getLocalTimeZone())) === 0 &&\n !renderProps.isSelected &&\n 'bg-accent text-accent-foreground',\n /* Unavailable Date */\n renderProps.isUnavailable && 'cursor-default text-destructive ',\n renderProps.isInvalid &&\n 'bg-destructive text-destructive-foreground data-[focused]:bg-destructive data-[hovered]:bg-destructive data-[focused]:text-destructive-foreground data-[hovered]:text-destructive-foreground',\n className\n )\n )}\n {...props}\n />\n );\n}\n\ninterface CalendarProps<T extends AriaDateValue> extends AriaCalendarProps<T> {\n errorMessage?: string;\n}\n\nexport function Calendar<T extends AriaDateValue>({ errorMessage, className, ...props }: CalendarProps<T>) {\n return (\n <AriaCalendar className={composeRenderProps(className, className => classNames('w-fit', className))} {...props}>\n <CalendarHeading />\n <CalendarGrid>\n <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n </CalendarGrid>\n {errorMessage && <FieldError>{errorMessage}</FieldError>}\n </AriaCalendar>\n );\n}\n\ninterface RangeCalendarProps<T extends AriaDateValue> extends AriaRangeCalendarProps<T> {\n errorMessage?: string;\n}\n\nexport function RangeCalendar<T extends AriaDateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>) {\n return (\n <AriaRangeCalendar\n className={composeRenderProps(className, className => classNames('w-fit', className))}\n {...props}\n >\n <CalendarHeading />\n <CalendarGrid>\n <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n </CalendarGrid>\n {errorMessage && <FieldError slot=\"errorMessage\">{errorMessage}</FieldError>}\n </AriaRangeCalendar>\n );\n}\n"],"names":["CalendarHeading","props","direction","useLocale","jsxs","jsx","Button","classNames","IcRight","IcLeft","AriaHeading","CalendarGrid","className","AriaCalendarGrid","CalendarGridHeader","AriaCalendarGridHeader","CalendarHeaderCell","AriaCalendarHeaderCell","CalendarGridBody","AriaCalendarGridBody","CalendarCell","isRange","use","AriaRangeCalendarStateContext","AriaCalendarCell","composeRenderProps","renderProps","buttonVariants","today","getLocalTimeZone","Calendar","errorMessage","AriaCalendar","day","date","FieldError","RangeCalendar","AriaRangeCalendar"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"calendar.js","sources":["../../lib/components/calendar.tsx"],"sourcesContent":["import { getLocalTimeZone, today } from '@internationalized/date';\nimport {\n Calendar as AriaCalendar,\n CalendarCell as AriaCalendarCell,\n CalendarCellProps as AriaCalendarCellProps,\n CalendarGrid as AriaCalendarGrid,\n CalendarGridBody as AriaCalendarGridBody,\n CalendarGridBodyProps as AriaCalendarGridBodyProps,\n CalendarGridHeader as AriaCalendarGridHeader,\n CalendarGridProps as AriaCalendarGridProps,\n CalendarHeaderCell as AriaCalendarHeaderCell,\n CalendarHeaderCellProps as AriaCalendarHeaderCellProps,\n CalendarProps as AriaCalendarProps,\n DateValue as AriaDateValue,\n Heading as AriaHeading,\n RangeCalendar as AriaRangeCalendar,\n RangeCalendarProps as AriaRangeCalendarProps,\n RangeCalendarStateContext as AriaRangeCalendarStateContext,\n composeRenderProps,\n useLocale,\n} from 'react-aria-components';\n\nimport { use } from 'react';\nimport { Button, buttonVariants } from '../components/button';\nimport { FieldError } from '../components/field';\nimport { classNames } from '../utilities/primitives';\nimport { IcLeft, IcRight } from './icons';\n\nexport function CalendarHeading(props: React.HTMLAttributes<HTMLElement>) {\n let { direction } = useLocale();\n\n return (\n <header className=\"flex w-full items-center gap-1 px-1 pb-icon\" {...props}>\n <Button\n slot=\"previous\"\n size=\"none\"\n className={classNames(\n 'size-7 bg-transparent p-0 opacity-50',\n /* Hover */\n 'data-[hovered]:opacity-100'\n )}\n >\n {direction === 'rtl' ? <IcRight aria-hidden /> : <IcLeft aria-hidden />}\n </Button>\n <AriaHeading className=\"grow text-center body font-medium\" />\n <Button\n slot=\"next\"\n className={classNames(\n 'size-7 bg-transparent p-0 opacity-50',\n /* Hover */\n 'data-[hovered]:opacity-100'\n )}\n >\n {direction === 'rtl' ? <IcLeft aria-hidden /> : <IcRight aria-hidden />}\n </Button>\n </header>\n );\n}\n\nexport function CalendarGrid({ className, ...props }: AriaCalendarGridProps) {\n return (\n <AriaCalendarGrid\n className={classNames(' border-separate border-spacing-x-0 border-spacing-y-1 ', className)}\n {...props}\n />\n );\n}\n\nexport const CalendarGridHeader = AriaCalendarGridHeader;\n\nexport function CalendarHeaderCell({ className, ...props }: AriaCalendarHeaderCellProps) {\n return (\n <AriaCalendarHeaderCell\n className={classNames('w-9 body-sm font-normal text-muted-foreground', className)}\n {...props}\n />\n );\n}\n\nexport function CalendarGridBody({ className, ...props }: AriaCalendarGridBodyProps) {\n return <AriaCalendarGridBody className={classNames('[&>tr>td]:p-0', className)} {...props} />;\n}\n\nexport function CalendarCell({ className, ...props }: AriaCalendarCellProps) {\n const isRange = Boolean(use(AriaRangeCalendarStateContext));\n return (\n <AriaCalendarCell\n className={composeRenderProps(className, (className, renderProps) =>\n classNames(\n buttonVariants({ variant: 'ghost', size: 'none' }),\n 'relative flex size-9 items-center justify-center p-0 body-sm font-normal',\n /* Disabled */\n renderProps.isDisabled && 'text-muted-foreground opacity-50',\n /* Selected */\n renderProps.isSelected &&\n 'bg-primary text-primary-foreground data-[focused]:bg-primary data-[focused]:text-primary-foreground',\n /* Hover */\n renderProps.isHovered &&\n renderProps.isSelected &&\n (renderProps.isSelectionStart || renderProps.isSelectionEnd || !isRange) &&\n 'data-[hovered]:bg-primary data-[hovered]:text-primary-foreground',\n /* Selection Start/End */\n renderProps.isSelected &&\n isRange &&\n !renderProps.isSelectionStart &&\n !renderProps.isSelectionEnd &&\n 'rounded-none bg-accent text-accent-foreground',\n /* Outside Month */\n renderProps.isOutsideMonth &&\n 'text-muted-foreground opacity-50 data-[selected]:bg-accent/50 data-[selected]:text-muted-foreground data-[selected]:opacity-30',\n /* Current Date */\n renderProps.date.compare(today(getLocalTimeZone())) === 0 &&\n !renderProps.isSelected &&\n 'bg-accent text-accent-foreground',\n /* Unavailable Date */\n renderProps.isUnavailable && 'cursor-default text-destructive ',\n renderProps.isInvalid &&\n 'bg-destructive text-destructive-foreground data-[focused]:bg-destructive data-[hovered]:bg-destructive data-[focused]:text-destructive-foreground data-[hovered]:text-destructive-foreground',\n className\n )\n )}\n {...props}\n />\n );\n}\n\ninterface CalendarProps<T extends AriaDateValue> extends AriaCalendarProps<T> {\n errorMessage?: string;\n}\n\nexport function Calendar<T extends AriaDateValue>({ errorMessage, className, ...props }: CalendarProps<T>) {\n return (\n <AriaCalendar className={composeRenderProps(className, className => classNames('w-fit', className))} {...props}>\n <CalendarHeading />\n <CalendarGrid>\n <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n </CalendarGrid>\n {errorMessage && <FieldError>{errorMessage}</FieldError>}\n </AriaCalendar>\n );\n}\n\ninterface RangeCalendarProps<T extends AriaDateValue> extends AriaRangeCalendarProps<T> {\n errorMessage?: string;\n}\n\nexport function RangeCalendar<T extends AriaDateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>) {\n return (\n <AriaRangeCalendar\n className={composeRenderProps(className, className => classNames('w-fit', className))}\n {...props}\n >\n <CalendarHeading />\n <CalendarGrid>\n <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n </CalendarGrid>\n {errorMessage && <FieldError slot=\"errorMessage\">{errorMessage}</FieldError>}\n </AriaRangeCalendar>\n );\n}\n"],"names":["CalendarHeading","props","direction","useLocale","jsxs","jsx","Button","classNames","IcRight","IcLeft","AriaHeading","CalendarGrid","className","AriaCalendarGrid","CalendarGridHeader","AriaCalendarGridHeader","CalendarHeaderCell","AriaCalendarHeaderCell","CalendarGridBody","AriaCalendarGridBody","CalendarCell","isRange","use","AriaRangeCalendarStateContext","AriaCalendarCell","composeRenderProps","renderProps","buttonVariants","today","getLocalTimeZone","Calendar","errorMessage","AriaCalendar","day","date","FieldError","RangeCalendar","AriaRangeCalendar"],"mappings":"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"}
|
package/dist/components/card.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as n}from"react/jsx-runtime";import{classNames as o}from"../
|
|
1
|
+
import{jsx as n}from"react/jsx-runtime";import{classNames as o}from"../utilities/primitives.js";import"clsx";import"lodash-es";function c({className:r,...e}){return n("div",{className:o("flex flex-col p-icon border border-border bg-card text-card-foreground",r),...e})}function s({className:r,...e}){return n("div",{className:o("flex flex-col gap-y-1 pb-icon shrink-0",r),...e})}function l({className:r,...e}){return n("h3",{className:o("heading-3 leading-none",r),...e})}function f({className:r,...e}){return n("p",{className:o("body-sm text-muted",r),...e})}function m({className:r,...e}){return n("div",{className:o("grow body",r),...e})}function u({className:r,...e}){return n("div",{className:o("flex items-center w-full pt-icon gap-2 justify-end",r),...e})}export{c as Card,m as CardContent,f as CardDescription,u as CardFooter,s as CardHeader,l as CardTitle};
|
|
2
2
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../../lib/components/card.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '../
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../../lib/components/card.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '../utilities/primitives';\n\nexport function Card({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n className={classNames('flex flex-col p-icon border border-border bg-card text-card-foreground', className)}\n {...props}\n />\n );\n}\n\nexport function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return <div className={classNames('flex flex-col gap-y-1 pb-icon shrink-0', className)} {...props} />;\n}\n\nexport function CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return <h3 className={classNames('heading-3 leading-none', className)} {...props} />;\n}\n\nexport function CardDescription({ className, ...props }: React.ComponentProps<'p'>) {\n return <p className={classNames('body-sm text-muted', className)} {...props} />;\n}\n\nexport function CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n return <div className={classNames('grow body', className)} {...props} />;\n}\n\nexport function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return <div className={classNames('flex items-center w-full pt-icon gap-2 justify-end', className)} {...props} />;\n}\n"],"names":["Card","className","props","jsx","classNames","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"+HAGO,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CACvE,OACIC,EAAC,MAAA,CACG,UAAWC,EAAW,yEAA0EH,CAAS,EACxG,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASG,EAAW,CAAE,UAAAJ,EAAW,GAAGC,GAAsC,CAC7E,OAAOC,EAAC,OAAI,UAAWC,EAAW,yCAA0CH,CAAS,EAAI,GAAGC,EAAO,CACvG,CAEO,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAqC,CAC3E,OAAOC,EAAC,MAAG,UAAWC,EAAW,yBAA0BH,CAAS,EAAI,GAAGC,EAAO,CACtF,CAEO,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAoC,CAChF,OAAOC,EAAC,KAAE,UAAWC,EAAW,qBAAsBH,CAAS,EAAI,GAAGC,EAAO,CACjF,CAEO,SAASM,EAAY,CAAE,UAAAP,EAAW,GAAGC,GAAsC,CAC9E,OAAOC,EAAC,OAAI,UAAWC,EAAW,YAAaH,CAAS,EAAI,GAAGC,EAAO,CAC1E,CAEO,SAASO,EAAW,CAAE,UAAAR,EAAW,GAAGC,GAAsC,CAC7E,OAAOC,EAAC,OAAI,UAAWC,EAAW,qDAAsDH,CAAS,EAAI,GAAGC,EAAO,CACnH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,Fragment as c}from"react/jsx-runtime";import{Checkbox as u,composeRenderProps as a,CheckboxGroup as m}from"react-aria-components";import{FormField as b,labelVariants as p}from"./field.js";import{useTfFieldContext as h}from"../
|
|
1
|
+
import{jsx as e,Fragment as c}from"react/jsx-runtime";import{Checkbox as u,composeRenderProps as a,CheckboxGroup as m}from"react-aria-components";import{FormField as b,labelVariants as p}from"./field.js";import{useTfFieldContext as h}from"../utilities/form-utils.js";import{classNames as d}from"../utilities/primitives.js";import{IcMinus as x,IcCheck as g}from"./icons.js";import"class-variance-authority";import"react";import"../utilities/form-context.js";import"@tanstack/react-form";import"clsx";import"lodash-es";const B=m;function f({className:r,label:o,description:s,errorMessage:n,...l}){return e("div",{className:"group form-field",children:e(b,{label:o,description:s,errorMessage:n,children:e(u,{className:a(r,t=>d("group/checkbox cursor-pointer focus-ring flex items-center gap-x-2","disabled-muted",p,t)),...l,children:a(e(c,{}),(t,i)=>e(c,{children:e("div",{className:d("flex size-input shrink-0 items-center bg-popover justify-center border border-input text-current ring-offset-background","group-data-[indeterminate]/checkbox:bg-primary group-data-[selected]/checkbox:bg-primary group-data-[indeterminate]/checkbox:text-primary-foreground group-data-[selected]/checkbox:text-primary-foreground","group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50","group-data-[invalid]/checkbox:border-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:text-destructive-foreground","focus:outline-none focus-visible:outline-none"),children:i.isIndeterminate?e(x,{className:"size-icon"}):i.isSelected?e(g,{className:"size-icon"}):null})}))})})})}function T({...r}){const o=h({disabled:r.isDisabled});return e(f,{isSelected:o.state.value,isDisabled:o.form.state.isSubmitting||r.isDisabled,onChange:()=>o.handleChange(!o.state.value),onBlur:o.handleBlur,...r})}export{f as Checkbox,B as CheckboxGroup,T as TfCheckbox};
|
|
2
2
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sources":["../../lib/components/checkbox.tsx"],"sourcesContent":["import {\n Checkbox as AriaCheckbox,\n CheckboxGroup as AriaCheckboxGroup,\n composeRenderProps,\n type CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\n\nimport { FormField, labelVariants, type FormFieldProps } from '../components/field';\nimport { useTfFieldContext } from '../
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../../lib/components/checkbox.tsx"],"sourcesContent":["import {\n Checkbox as AriaCheckbox,\n CheckboxGroup as AriaCheckboxGroup,\n composeRenderProps,\n type CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\n\nimport { FormField, labelVariants, type FormFieldProps } from '../components/field';\nimport { useTfFieldContext } from '../utilities/form-utils';\nimport { classNames } from '../utilities/primitives';\nimport { IcCheck, IcMinus } from './icons';\n\nexport const CheckboxGroup = AriaCheckboxGroup;\ntype CheckboxProps = AriaCheckboxProps & FormFieldProps;\nexport function Checkbox({ className, label, description, errorMessage, ...props }: Omit<CheckboxProps, 'children'>) {\n return (\n <div className=\"group form-field\">\n <FormField label={label} description={description} errorMessage={errorMessage}>\n <AriaCheckbox\n className={composeRenderProps(className, className =>\n classNames(\n 'group/checkbox cursor-pointer focus-ring flex items-center gap-x-2',\n /* Disabled */\n 'disabled-muted',\n labelVariants,\n className\n )\n )}\n {...props}\n >\n {composeRenderProps(<></>, (_, renderProps) => (\n <>\n <div\n className={classNames(\n 'flex size-input shrink-0 items-center bg-popover justify-center border border-input text-current ring-offset-background',\n /* Selected */\n 'group-data-[indeterminate]/checkbox:bg-primary group-data-[selected]/checkbox:bg-primary group-data-[indeterminate]/checkbox:text-primary-foreground group-data-[selected]/checkbox:text-primary-foreground',\n /* Disabled */\n 'group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50',\n /* Invalid */\n 'group-data-[invalid]/checkbox:border-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:text-destructive-foreground',\n /* Resets */\n 'focus:outline-none focus-visible:outline-none'\n )}\n >\n {renderProps.isIndeterminate ? (\n <IcMinus className=\"size-icon\" />\n ) : renderProps.isSelected ? (\n <IcCheck className=\"size-icon\" />\n ) : null}\n </div>\n </>\n ))}\n </AriaCheckbox>\n </FormField>\n </div>\n );\n}\n\nexport type TfCheckboxProps = Omit<React.ComponentProps<typeof Checkbox>, 'onChange' | 'onBlur' | 'isChecked'>;\nexport function TfCheckbox({ ...props }: TfCheckboxProps) {\n const field = useTfFieldContext<boolean>({ disabled: props.isDisabled });\n return (\n <Checkbox\n isSelected={field.state.value}\n isDisabled={field.form.state.isSubmitting || props.isDisabled}\n onChange={() => field.handleChange(!field.state.value)}\n onBlur={field.handleBlur}\n {...props}\n />\n );\n}\n"],"names":["CheckboxGroup","AriaCheckboxGroup","Checkbox","className","label","description","errorMessage","props","jsx","FormField","AriaCheckbox","composeRenderProps","classNames","labelVariants","Fragment","_","renderProps","IcMinus","IcCheck","TfCheckbox","field","useTfFieldContext"],"mappings":"qgBAYO,MAAMA,EAAgBC,EAEtB,SAASC,EAAS,CAAE,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,aAAAC,EAAc,GAAGC,GAA0C,CACjH,OACIC,EAAC,OAAI,UAAU,mBACX,WAACC,EAAA,CAAU,MAAAL,EAAc,YAAAC,EAA0B,aAAAC,EAC/C,SAAAE,EAACE,EAAA,CACG,UAAWC,EAAmBR,EAAWA,GACrCS,EACI,qEAEA,iBACAC,EACAV,CAAA,CACJ,EAEH,GAAGI,EAEH,WAAmBC,EAAAM,EAAA,CAAA,CAAE,EAAK,CAACC,EAAGC,IAC3BR,EAAAM,EAAA,CACI,SAAAN,EAAC,MAAA,CACG,UAAWI,EACP,0HAEA,+MAEA,8FAEA,wNAEA,+CAAA,EAGH,SAAAI,EAAY,gBACTR,EAACS,EAAA,CAAQ,UAAU,WAAA,CAAY,EAC/BD,EAAY,WACZR,EAACU,EAAA,CAAQ,UAAU,YAAY,EAC/B,IAAA,CAAA,EAEZ,CACH,CAAA,CAAA,EAET,CAAA,CACJ,CAER,CAGO,SAASC,EAAW,CAAE,GAAGZ,GAA0B,CACtD,MAAMa,EAAQC,EAA2B,CAAE,SAAUd,EAAM,WAAY,EACvE,OACIC,EAACN,EAAA,CACG,WAAYkB,EAAM,MAAM,MACxB,WAAYA,EAAM,KAAK,MAAM,cAAgBb,EAAM,WACnD,SAAU,IAAMa,EAAM,aAAa,CAACA,EAAM,MAAM,KAAK,EACrD,OAAQA,EAAM,WACb,GAAGb,CAAA,CAAA,CAGhB"}
|
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
import { components, operations, paths } from '@cryptlex/web-api-types';
|
|
2
2
|
import { default as createClient } from 'openapi-fetch';
|
|
3
|
-
export declare function formatDate(date: string | null | undefined): string | null;
|
|
4
|
-
/**
|
|
5
|
-
* Format multiple license parameters (expired, suspended, revoked) into a single status
|
|
6
|
-
*/
|
|
7
|
-
export declare function getLicenseStatus(license: any): string;
|
|
8
|
-
export declare function getValidityDisplay(validity: number | undefined): string;
|
|
9
|
-
export declare function secondsToDuration(seconds: number): string;
|
|
10
|
-
export declare const ALL_OS: {
|
|
11
|
-
[key: string]: string;
|
|
12
|
-
};
|
|
13
3
|
export type _CtxClient = ReturnType<typeof createClient<paths>>;
|
|
14
4
|
export type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];
|
|
15
5
|
export type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
2
|
//# sourceMappingURL=data-table-commons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-table-commons.js","sources":[
|
|
1
|
+
{"version":3,"file":"data-table-commons.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"react";import"./button.js";import{C as
|
|
1
|
+
import"react/jsx-runtime";import"react";import"./button.js";import{C as y,D as z,F as G}from"./data-table.js";import"./date-picker.js";import"./menu.js";import"./popover.js";import"../utilities/form-hook.js";import"../utilities/primitives.js";import"../utilities/resources.js";import"./icons.js";import"./id-search.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"lodash-es";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"@tanstack/react-query";import"@tanstack/react-table";import"@uidotdev/usehooks";import"./searchfield.js";import"./field.js";import"./table.js";import"../utilities/date.js";import"./checkbox.js";import"../utilities/form-utils.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"@internationalized/date";import"./calendar.js";import"./datefield.js";import"./list-box.js";import"./select.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";export{y as COMPARISON_OPERATOR_LABELS,z as DataTableFilter,G as FILTER_COMPARISON_OPERATORS};
|
|
2
2
|
//# sourceMappingURL=data-table-filter.js.map
|
|
@@ -2,7 +2,7 @@ import { operations } from '@cryptlex/web-api-types';
|
|
|
2
2
|
import { ColumnDef, ColumnHelper, PaginationState, SortingState } from '@tanstack/react-table';
|
|
3
3
|
import { PressEvent } from 'react-aria-components';
|
|
4
4
|
import { FiltersConfig, TableFilter } from '../components/data-table-filter';
|
|
5
|
-
import { CtxResourceName } from '../
|
|
5
|
+
import { CtxResourceName } from '../utilities/resources';
|
|
6
6
|
import { CtxIcon } from './icons';
|
|
7
7
|
/** Reserved name for actions column */
|
|
8
8
|
export type TableAction<in TActionData> = {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{jsx as e,Fragment as C,jsxs as c}from"react/jsx-runtime";import{createContext as le,useState as D,useMemo as B,useEffect as se,useContext as ce,useRef as de}from"react";import{Button as S}from"./button.js";import{useSensors as ue,useSensor as K,PointerSensor as me,KeyboardSensor as ge,DndContext as pe,closestCenter as fe,DragOverlay as he}from"@dnd-kit/core";import{sortableKeyboardCoordinates as be,SortableContext as Se,verticalListSortingStrategy as ye,arrayMove as ve,useSortable as Ce}from"@dnd-kit/sortable";import{CSS as xe}from"@dnd-kit/utilities";import{useQuery as we,keepPreviousData as Ae}from"@tanstack/react-query";import{createColumnHelper as Y,useReactTable as Ie,getCoreRowModel as Te,flexRender as $}from"@tanstack/react-table";import{useLocalStorage as Q}from"@uidotdev/usehooks";import{merge as Ne}from"lodash-es";import{formatDate as G}from"./data-table-commons.js";import{TfDatePicker as Pe}from"./date-picker.js";import{EasyMenu as L,MenuItem as R}from"./menu.js";import{PopoverTrigger as Fe,Popover as De}from"./popover.js";import{useAppForm as Re}from"../utils/form-hook.js";import{classNames as w}from"../utils/primitives.js";import{useResourceFormatter as ee}from"../utils/resource-names.js";import{IcInfo as Oe,IcMoreVertical as _e,IcRefresh as ze,IcColumns as Le,IcGrip as Me,IcFirst as Ee,IcLeft as Ve,IcRight as $e,IcLast as ke,IcSortAsc as qe,IcSortDesc as He,IcSortNone as Ue,IcFilter as je,IcRemove as Be}from"./icons.js";import{TfMultipleIdSearchInput as Ke}from"./id-search.js";import{Loader as Qe}from"./loader.js";import{SearchField as Ge}from"./searchfield.js";import{Table as We,TableHeader as Xe,TableRow as W,TableHead as Ze,TableBody as Je,TableCell as Ye}from"./table.js";import{Checkbox as X}from"./checkbox.js";import"class-variance-authority";import"react-aria-components";import"date-fns";import"@internationalized/date";import"./calendar.js";import"./field.js";import"./datefield.js";import"../utils/form-context.js";import"@tanstack/react-form";import"./list-box.js";import"./select.js";import"../utils/form-utils.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";import"clsx";function Jt(t){const n=async(o,i,g,l)=>{const u={...l,page:o.pageIndex+1,limit:o.pageSize,sort:et(i[0]),search:g},f=await t(u);return{total:Number.parseInt(f.response.headers.get("Pagination-Count")||"0"),data:f.data}},r=Y();return{callback:n,columnHelper:r}}function et(t){return t?t.desc?`-${t.id}`:`+${t.id}`:"-createdAt"}const N=Y(),tt=[N.accessor("checkbox",{header:({table:t})=>e(X,{isIndeterminate:t.getIsSomeRowsSelected()&&!t.getIsAllPageRowsSelected(),isSelected:t.getIsAllPageRowsSelected()||t.getIsSomePageRowsSelected(),onChange:()=>t.toggleAllPageRowsSelected(),"aria-label":"Select all"}),cell:({row:t})=>e(X,{isSelected:t.getIsSelected(),onChange:()=>t.toggleSelected(),"aria-label":"Select row"}),enableSorting:!1,enableHiding:!1})],nt=[N.accessor("id",{header:()=>"ID"})],rt=[N.accessor("createdAt",{header:()=>"Creation Date",cell:({row:t})=>{const n=t.getValue("createdAt");return G(n)},enableHiding:!1}),N.accessor("updatedAt",{header:()=>"Last Updated",cell:({row:t})=>{const n=t.getValue("updatedAt");return G(n)},enableHiding:!1})],k="TableActions",at=t=>t.length===0?[]:[N.accessor(k,{header:"",id:k,enableHiding:!1,cell:({row:n})=>e(L,{label:e(_e,{}),size:"icon",children:t.map(r=>e(R,{isDisabled:r.disabled(n.original),onPress:()=>r.onPress(n.original),children:r.label}))})})];function Yt({resourceName:t,columns:n,callback:r,filterConfig:o,columnsToHideByDefault:i={},allowSelection:g=!1,initialFilters:l=[],tableActions:u,rowActions:f}){const[d,y]=D({pagination:{pageIndex:0,pageSize:20},sorting:[]}),[m,s]=D({}),[p,h]=D(""),[x,O]=Q(`${t}_ctx_column_order_preference`,[]),[q,re]=Q(`${t}_ctx_column_visibility_preference`,{id:!1,...i}),[M,ae]=D(l),E=B(()=>M.map(a=>Array.isArray(a.value)?{[a.property]:{[a.operator]:a.value.join(",")}}:{[a.property]:{[a.operator]:a.value}}).reduce((a,v)=>Ne(a,v),{}),[M]),V=a=>{y(v=>({...v,...a}))},{sorting:_,pagination:z}=d,I=we({queryKey:[t,z,_,p,E],queryFn:()=>r(z,_,p,E),placeholderData:Ae,retry:0,refetchOnWindowFocus:!1}),H=B(()=>{const a=I.data?.data;if(!a?.length)return[];const v=b=>b!=null&&typeof b=="object"&&"metadata"in b&&Array.isArray(b.metadata),j=a.filter(v);return j.length===0?[]:Array.from(new Set(j.flatMap(b=>b.metadata?.map(T=>T.key)??[]))).map(b=>N.accessor(T=>v(T)?T?.metadata?.find(F=>F.key===b)?.value??"":"",{id:b,header:b,enableSorting:!1,cell:T=>{const F=T.getValue();return F==null?"":String(F)}}))},[I.data?.data]),ie=[...g?tt:[],...nt,...n,...H.length?H:[],...rt,...at(f??[])];function oe(a){return typeof a=="function"}function P(a,v){return oe(a)?a(v):a}const U=Ie({data:I.data?.data??[],columns:ie,getCoreRowModel:Te(),rowCount:I.data?.total,manualPagination:!0,onPaginationChange:a=>{V({pagination:P(a,z)})},manualSorting:!0,onSortingChange:a=>{s({}),V({sorting:[...P(a,_)]})},manualFiltering:!0,onColumnVisibilityChange:a=>{re(P(a,q))},onRowSelectionChange:a=>{s(P(a,m))},onColumnOrderChange:a=>{O(P(a,x))},state:{sorting:_,columnVisibility:q,pagination:z,rowSelection:m,columnOrder:x},meta:{refetch:I.refetch}});return se(()=>{O([...U.getAllLeafColumns().map(a=>a.id)])},[]),{tableState:d,updateTableState:V,query:I,setSearchQuery:h,searchQuery:p,tanTable:U,mergedFilters:E,filters:M,setFilters:ae,filterConfig:o,tableActions:u}}const te=le(null),A=()=>{const t=ce(te);if(!t)throw Error("DataTable should be used within DataTableProvider.");return t};function en({children:t,...n}){return e(te.Provider,{value:n,children:t})}function tn({className:t,...n}){const{query:r,tanTable:o}=A();return e(C,{children:c("section",{...n,className:w("flex flex-col bg-card",t),children:[e(st,{}),c("div",{className:"w-full overflow-auto border-x grow min-h-table relative",tabIndex:0,children:[r.isLoading&&e(Z,{className:"cursor-wait",children:e(Qe,{})}),!r.isLoading&&o.getRowModel().rows.length===0&&e(Z,{className:"cursor-not-allowed",children:!r.isFetching&&(r.isError?c("span",{className:"flex gap-3 justify-center items-center",children:[e(Oe,{}),e("span",{children:r.error.message})]}):r.data?.data?.length===0?e(C,{children:"No results found."}):e(C,{children:"Unknown error. Please contact customer support."}))}),!r.isLoading&&o.getRowModel().rows.length!==0&&e(ct,{className:"size-full"})]}),c("div",{className:"flex w-full justify-between border gap-icon p-icon overflow-x-auto",children:[c("div",{className:"flex gap-icon",children:[e(it,{}),e(lt,{})]}),e(ot,{})]})]})})}function Z({children:t,className:n}){return c(C,{children:[e("span",{className:w(n,"absolute top-0 bg-card z-20 size-full body-sm flex items-center justify-center"),children:t}),e("span",{className:"relative h-full w-0 block"})]})}function it(){const{tanTable:t}=A(),[n,r]=D(null),o=ee(),i=ue(K(me),K(ge,{coordinateGetter:be}));return e(pe,{sensors:i,collisionDetection:fe,onDragStart:l=>{const{active:u}=l;r(u.id.toString())},onDragEnd:l=>{const{active:u,over:f}=l;if(f&&u.id!==f.id){const d=t.getState().columnOrder,y=d.indexOf(u.id.toString()),m=d.indexOf(f.id.toString());t.setColumnOrder([...ve(d,y,m)])}r(null)},children:c(Se,{items:t.getState().columnOrder,strategy:ye,children:[c(L,{label:c(C,{children:[e(Le,{}),"Columns"]}),selectionMode:"multiple",items:t.getAllFlatColumns(),selectedKeys:t.getIsAllColumnsVisible()?"all":t.getVisibleFlatColumns().map(l=>l.id),children:[e(R,{onAction:()=>t.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),t.getState().columnOrder.map(l=>{const u=t.getAllFlatColumns().find(f=>f.id===l);return u?e(g,{column:u},u.id):null})]}),e(he,{children:n?e("div",{className:"opacity-70 border-2 border-primary",children:o(n)}):null})]})});function g({column:l}){const{attributes:u,listeners:f,setNodeRef:d,transform:y,transition:m}=Ce({id:l.id}),s={transform:xe.Transform.toString(y),transition:m,zIndex:"999"};return c(R,{ref:d,style:s,...u,id:l.id,onAction:()=>l.toggleVisibility(),isDisabled:!l.getCanHide(),className:"flex items-center",children:[e(Me,{...f,className:"size-icon cursor-grab"}),o(l.id),l.getIsSorted()&&e(ne,{className:"size-icon",direction:l.getIsSorted()})]})}}function ot(){const{tanTable:t,query:n}=A(),r=n.data?.total??0;return c("div",{className:"flex items-center gap-2",children:[e("span",{className:"whitespace-nowrap body-sm text-muted",children:`${t.getState().pagination.pageIndex*t.getState().pagination.pageSize+1} - ${Math.min((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize,r)} of ${r?.toLocaleString()}`}),e(S,{onPress:()=>t.firstPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(Ee,{})}),e(S,{onPress:()=>t.previousPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(Ve,{})}),e(S,{onPress:()=>t.nextPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e($e,{})}),e(S,{onClick:()=>t.lastPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e(ke,{})})]})}function lt(){const{tanTable:t}=A(),n=[10,20,30,40,50];return e(L,{label:t.getState().pagination.pageSize.toString(),selectionMode:"single",selectedKeys:[t.getState().pagination.pageSize.toString()],items:n.map(r=>({id:r.toString(),value:r})),children:r=>e(R,{onAction:()=>t.setPageSize(r.value),children:r.value})})}function st(){const{query:t,tanTable:n,searchQuery:r,setSearchQuery:o,tableActions:i}=A();return c("section",{className:"flex bg-card justify-between my-0 p-icon border gap-icon overflow-auto",children:[c("div",{className:"flex gap-icon",children:[e(S,{isPending:t.isFetching,onClick:()=>t.refetch(),variant:"neutral",size:"icon",children:e(ze,{})}),i.filter(g=>g.bulk===n.getSelectedRowModel().rows.length>0).map((g,l)=>{const u=g.icon;return e(S,{type:"button",isDisabled:t.isFetching,className:"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform",onPress:f=>{g.onClick(f,n.getSelectedRowModel().rows.map(d=>d.original))},size:"icon",children:e(u,{})},`${l}-${g.bulk}`)})]}),c("div",{className:"flex gap-icon",children:[e(ut,{}),e(Ge,{value:r,onChange:o})]})]})}function ne({direction:t,...n}){return t==="asc"?e(qe,{...n}):t==="desc"?e(He,{...n}):e(Ue,{...n})}function ct({className:t}){const{tanTable:n}=A(),r=(o,i)=>w("animate-in fade-in slide-in-from-top-10","px-icon py-2 text-left body-sm font-medium whitespace-nowrap",o&&"bg-card sticky right-0 z-50 text-center",i);return c(We,{className:w(t),children:[e(Xe,{className:"sticky top-0 z-10",children:n.getHeaderGroups().map(o=>e(W,{className:w("h-input"),children:o.headers.map(i=>c(Ze,{className:r(!1,"bg-card"),children:[!i.column.getCanSort()&&!i.isPlaceholder&&e(C,{children:$(i.column.columnDef.header,i.getContext())}),i.column.getCanSort()&&c(S,{variant:"ghost",className:"w-full !justify-start !px-1.5",onPress:i.column.getToggleSortingHandler(),children:[$(i.column.columnDef.header,i.getContext()),e(ne,{direction:i.column.getIsSorted()})]})]},i.id))},o.id))}),e(Je,{className:"flex-1 overflow-y-auto relative",children:n.getRowModel().rows.map(o=>e(W,{className:w("h-input transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20"),"data-selected":o.getIsSelected(),children:o.getVisibleCells().map(i=>e(Ye,{className:r(i.column.id===k),children:$(i.column.columnDef.cell,i.getContext())},i.id))},o.id))})]})}const nn=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte"],dt={eq:"equal to",ne:"not equal to",cn:"contains",nc:"does not contain",sw:"starts with",ew:"ends with",in:"includes",nin:"does not include",gt:"greater than",gte:"greater than or equal to",lt:"less than",lte:"less than or equal to"},J={bool:["eq"],enum:["in","nin"],id:["in","nin"],"id-search":["in","nin"],string:["eq","ne","cn","nc","sw","ew","in","nin"],date:["lt","gt"]};function ut({className:t,...n}){const{filters:r,query:o,setFilters:i,filterConfig:g}=A(),l=de(null),u=ee(),d=Re({defaultValues:{filters:r},onSubmit:({value:m})=>{i(m.filters)}}),y=Object.keys(g).sort();return e("section",{...n,className:w("flex gap-icon items-center",t),children:c(Fe,{onOpenChange:m=>{m?l.current?.focus():d.handleSubmit()},children:[c("div",{className:"relative",children:[r.length>0&&e("div",{className:"size-2 rounded-full absolute bg-destructive z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5"}),e(S,{isDisabled:o.isPending||y.length===0,type:"button",size:"icon",variant:"neutral",children:e(je,{})})]}),e(De,{className:"w-full p-icon",children:e("form",{onSubmit:m=>{m.preventDefault()},className:"flex flex-col gap-icon max-h-table overflow-auto ",children:e(d.Field,{mode:"array",name:"filters",children:m=>c(C,{children:[m.state.value.map((s,p)=>c("div",{className:"flex gap-icon items-center justify-normal",children:[e("span",{className:"body-sm",children:u(s.property)}),e(d.AppField,{name:`filters[${p}].operator`,children:h=>e(h.TfSingleSelect,{items:J[s.type].map(x=>({id:x,label:e(C,{children:dt[x]})}))})},s.id),s.type==="bool"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfCheckbox,{})}),s.type==="date"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(Pe,{})}),s.type==="id"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfTextField,{})}),s.type==="string"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfTextField,{})}),s.type==="enum"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfMultiSelect,{items:g[s.property].options})}),s.type==="id-search"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(Ke,{accessor:"id",searchFn:g[s.property].search})}),e(S,{type:"button",variant:"destructive",size:"icon",onPress:()=>m.removeValue(p),children:e(Be,{})})]},s.id)),c("div",{className:"flex w-full items-center justify-end gap-2 not-first:mt-icon",children:[e(L,{label:"Add Filter",children:y.map(s=>e(R,{onAction:()=>{const p=g[s].type,h=O=>{switch(O){case"bool":return!0;case"string":return"";case"date":return new Date().toISOString();case"id":return"";case"id-search":return[];case"enum":return[]}},x={id:`${s}-${Date.now()}`,operator:J[p][0],value:h(p),type:p,property:s};m.pushValue(x)},children:u(s)},s))}),m.state.value.length>0?e(S,{type:"button",variant:"neutral",onPress:()=>{m.setValue([])},children:"Reset filters"}):null]})]})})})})]})})}export{dt as C,ut as D,tn as DataTable,te as DataTableContext,en as DataTableProvider,nn as F,Jt as getTableCallback,A as useDataTable,Yt as useDataTableState};
|
|
1
|
+
"use client";import{jsx as e,Fragment as w,jsxs as s}from"react/jsx-runtime";import{createContext as le,useState as D,useMemo as B,useEffect as se,useContext as ce,useRef as de}from"react";import{Button as S}from"./button.js";import{useSensors as ue,useSensor as K,PointerSensor as me,KeyboardSensor as ge,DndContext as pe,closestCenter as fe,DragOverlay as he}from"@dnd-kit/core";import{sortableKeyboardCoordinates as be,SortableContext as Se,verticalListSortingStrategy as ye,arrayMove as ve,useSortable as Ce}from"@dnd-kit/sortable";import{CSS as xe}from"@dnd-kit/utilities";import{useQuery as we,keepPreviousData as Ae}from"@tanstack/react-query";import{createColumnHelper as ee,useReactTable as Ie,getCoreRowModel as Ne,flexRender as Q}from"@tanstack/react-table";import{useLocalStorage as G}from"@uidotdev/usehooks";import{merge as Te}from"lodash-es";import{TfDatePicker as Pe}from"./date-picker.js";import{EasyMenu as L,MenuItem as R}from"./menu.js";import{PopoverTrigger as Fe,Popover as De}from"./popover.js";import{useAppForm as Re}from"../utilities/form-hook.js";import{classNames as x}from"../utilities/primitives.js";import{useResourceFormatter as k}from"../utilities/resources.js";import{IcInfo as Oe,IcMoreVertical as ze,IcRefresh as _e,IcColumns as Le,IcGrip as Me,IcFirst as Ee,IcLeft as Ve,IcRight as $e,IcLast as ke,IcSortAsc as qe,IcSortDesc as He,IcSortNone as Ue,IcFilter as je,IcRemove as Be}from"./icons.js";import{TfMultipleIdSearchInput as Ke}from"./id-search.js";import{Loader as Qe}from"./loader.js";import{SearchField as Ge}from"./searchfield.js";import{Table as We,TableHeader as Xe,TableRow as W,TableHead as Ze,TableBody as Je,TableCell as Ye}from"./table.js";import{formatDate as X}from"../utilities/date.js";import{Checkbox as Z}from"./checkbox.js";import"class-variance-authority";import"react-aria-components";import"clsx";import"@internationalized/date";import"./calendar.js";import"./field.js";import"./datefield.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./list-box.js";import"./select.js";import"../utilities/form-utils.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";function Zt(t){const n=async(g,u,r,o)=>{const d={...o,page:g.pageIndex+1,limit:g.pageSize,sort:et(u[0]),search:r},f=await t(d);return{total:Number.parseInt(f.response.headers.get("Pagination-Count")||"0"),data:f.data}},a=ee();return{callback:n,columnHelper:a}}function et(t){return t?t.desc?`-${t.id}`:`+${t.id}`:"-createdAt"}const T=ee(),tt=[T.accessor("checkbox",{header:({table:t})=>e(Z,{isIndeterminate:t.getIsSomeRowsSelected()&&!t.getIsAllPageRowsSelected(),isSelected:t.getIsAllPageRowsSelected()||t.getIsSomePageRowsSelected(),onChange:()=>t.toggleAllPageRowsSelected(),"aria-label":"Select all"}),cell:({row:t})=>e(Z,{isSelected:t.getIsSelected(),onChange:()=>t.toggleSelected(),"aria-label":"Select row"}),enableSorting:!1,enableHiding:!1})],nt=[T.accessor("id",{header:()=>"ID"})],at=[T.accessor("createdAt",{header:()=>"Creation Date",cell:({row:t})=>{const n=t.getValue("createdAt");return X(n)},enableHiding:!1}),T.accessor("updatedAt",{header:()=>"Last Updated",cell:({row:t})=>{const n=t.getValue("updatedAt");return X(n)},enableHiding:!1})],$="TableActions",rt=t=>t.length===0?[]:[T.accessor($,{header:"",id:$,enableHiding:!1,cell:({row:n})=>e(L,{label:e(ze,{}),size:"icon",children:t.map(a=>e(R,{isDisabled:a.disabled(n.original),onPress:()=>a.onPress(n.original),children:a.label}))})})];function Jt({resourceName:t,columns:n,callback:a,filterConfig:g,columnsToHideByDefault:u={},allowSelection:r=!1,initialFilters:o=[],tableActions:d,rowActions:f}){const[c,y]=D({pagination:{pageIndex:0,pageSize:20},sorting:[]}),[m,l]=D({}),[p,h]=D(""),[C,O]=G(`${t}_ctx_column_order_preference`,[]),[q,ae]=G(`${t}_ctx_column_visibility_preference`,{id:!1,...u}),[M,re]=D(o),E=B(()=>M.map(i=>Array.isArray(i.value)?{[i.property]:{[i.operator]:i.value.join(",")}}:{[i.property]:{[i.operator]:i.value}}).reduce((i,v)=>Te(i,v),{}),[M]),V=i=>{y(v=>({...v,...i}))},{sorting:z,pagination:_}=c,I=we({queryKey:[t,_,z,p,E],queryFn:()=>a(_,z,p,E),placeholderData:Ae,retry:0,refetchOnWindowFocus:!1}),H=B(()=>{const i=I.data?.data;if(!i?.length)return[];const v=b=>b!=null&&typeof b=="object"&&"metadata"in b&&Array.isArray(b.metadata),j=i.filter(v);return j.length===0?[]:Array.from(new Set(j.flatMap(b=>b.metadata?.map(N=>N.key)??[]))).map(b=>T.accessor(N=>v(N)?N?.metadata?.find(F=>F.key===b)?.value??"":"",{id:b,header:b,enableSorting:!1,cell:N=>{const F=N.getValue();return F==null?"":String(F)}}))},[I.data?.data]),ie=[...r?tt:[],...nt,...n,...H.length?H:[],...at,...rt(f??[])];function oe(i){return typeof i=="function"}function P(i,v){return oe(i)?i(v):i}const U=Ie({data:I.data?.data??[],columns:ie,getCoreRowModel:Ne(),rowCount:I.data?.total,manualPagination:!0,onPaginationChange:i=>{V({pagination:P(i,_)})},manualSorting:!0,onSortingChange:i=>{l({}),V({sorting:[...P(i,z)]})},manualFiltering:!0,onColumnVisibilityChange:i=>{ae(P(i,q))},onRowSelectionChange:i=>{l(P(i,m))},onColumnOrderChange:i=>{O(P(i,C))},state:{sorting:z,columnVisibility:q,pagination:_,rowSelection:m,columnOrder:C},meta:{refetch:I.refetch}});return se(()=>{O([...U.getAllLeafColumns().map(i=>i.id)])},[]),{tableState:c,updateTableState:V,query:I,setSearchQuery:h,searchQuery:p,tanTable:U,mergedFilters:E,filters:M,setFilters:re,filterConfig:g,tableActions:d}}const te=le(null),A=()=>{const t=ce(te);if(!t)throw Error("DataTable should be used within DataTableProvider.");return t};function Yt({children:t,...n}){return e(te.Provider,{value:n,children:t})}function en({className:t,...n}){const{query:a,tanTable:g}=A();return e(w,{children:s("section",{...n,className:x("flex flex-col bg-card",t),children:[e(st,{}),s("div",{className:"w-full overflow-auto border-x grow min-h-table relative",tabIndex:0,children:[a.isLoading&&e(J,{className:"cursor-wait",children:e(Qe,{})}),!a.isLoading&&g.getRowModel().rows.length===0&&e(J,{className:"cursor-not-allowed",children:!a.isFetching&&(a.isError?s("span",{className:"flex gap-3 justify-center items-center",children:[e(Oe,{}),e("span",{children:a.error.message})]}):a.data?.data?.length===0?e(w,{children:"No results found."}):e(w,{children:"Unknown error. Please contact customer support."}))}),!a.isLoading&&g.getRowModel().rows.length!==0&&e(ct,{className:"size-full"})]}),s("div",{className:"flex w-full justify-between border gap-icon p-icon overflow-x-auto",children:[s("div",{className:"flex gap-icon",children:[e(it,{}),e(lt,{})]}),e(ot,{})]})]})})}function J({children:t,className:n}){return s(w,{children:[e("span",{className:x(n,"absolute top-0 bg-card z-20 size-full body-sm flex items-center justify-center"),children:t}),e("span",{className:"relative h-full w-0 block"})]})}function it(){const{tanTable:t}=A(),[n,a]=D(null),g=k(),u=ue(K(me),K(ge,{coordinateGetter:be}));return e(pe,{sensors:u,collisionDetection:fe,onDragStart:o=>{const{active:d}=o;a(d.id.toString())},onDragEnd:o=>{const{active:d,over:f}=o;if(f&&d.id!==f.id){const c=t.getState().columnOrder,y=c.indexOf(d.id.toString()),m=c.indexOf(f.id.toString());t.setColumnOrder([...ve(c,y,m)])}a(null)},children:s(Se,{items:t.getState().columnOrder,strategy:ye,children:[s(L,{label:s(w,{children:[e(Le,{}),"Columns"]}),selectionMode:"multiple",items:t.getAllFlatColumns(),selectedKeys:t.getIsAllColumnsVisible()?"all":t.getVisibleFlatColumns().map(o=>o.id),children:[e(R,{onAction:()=>t.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),t.getState().columnOrder.map(o=>{const d=t.getAllFlatColumns().find(f=>f.id===o);return d?e(r,{column:d},d.id):null})]}),e(he,{children:n?e("div",{className:"opacity-70 border-2 border-primary",children:g(n)}):null})]})});function r({column:o}){const{attributes:d,listeners:f,setNodeRef:c,transform:y,transition:m}=Ce({id:o.id}),l={transform:xe.Transform.toString(y),transition:m,zIndex:"999"};return s(R,{ref:c,style:l,...d,id:o.id,onAction:()=>o.toggleVisibility(),isDisabled:!o.getCanHide(),className:"flex items-center",children:[e(Me,{...f,className:"size-icon cursor-grab"}),g(o.id),o.getIsSorted()&&e(ne,{className:"size-icon",direction:o.getIsSorted()})]})}}function ot(){const{tanTable:t,query:n}=A(),a=n.data?.total??0;return s("div",{className:"flex items-center gap-2",children:[e("span",{className:"whitespace-nowrap body-sm text-muted",children:`${t.getState().pagination.pageIndex*t.getState().pagination.pageSize+1} - ${Math.min((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize,a)} of ${a?.toLocaleString()}`}),e(S,{onPress:()=>t.firstPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(Ee,{})}),e(S,{onPress:()=>t.previousPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(Ve,{})}),e(S,{onPress:()=>t.nextPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e($e,{})}),e(S,{onClick:()=>t.lastPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e(ke,{})})]})}function lt(){const{tanTable:t}=A(),n=[10,20,30,40,50];return e(L,{label:t.getState().pagination.pageSize.toString(),selectionMode:"single",selectedKeys:[t.getState().pagination.pageSize.toString()],items:n.map(a=>({id:a.toString(),value:a})),children:a=>e(R,{onAction:()=>t.setPageSize(a.value),children:a.value})})}function st(){const{query:t,tanTable:n,searchQuery:a,setSearchQuery:g,tableActions:u}=A();return s("section",{className:"flex bg-card justify-between my-0 p-icon border gap-icon overflow-auto",children:[s("div",{className:"flex gap-icon",children:[e(S,{isPending:t.isFetching,onClick:()=>t.refetch(),variant:"neutral",size:"icon",children:e(_e,{})}),u.filter(r=>r.bulk===n.getSelectedRowModel().rows.length>0).map((r,o)=>{const d=r.icon;return e(S,{type:"button",isDisabled:t.isFetching,className:"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform",onPress:f=>{r.onClick(f,n.getSelectedRowModel().rows.map(c=>c.original))},size:"icon",children:e(d,{})},`${o}-${r.bulk}`)})]}),s("div",{className:"flex gap-icon",children:[e(ut,{}),e(Ge,{value:a,onChange:g})]})]})}function ne({direction:t,...n}){return t==="asc"?e(qe,{className:"size-3.5",...n}):t==="desc"?e(He,{className:"size-3.5",...n}):e(Ue,{className:"size-3.5",...n})}function ct({className:t}){const{tanTable:n}=A(),a=k(),g=(u,r)=>x("animate-in fade-in slide-in-from-top-10","px-icon py-2 text-left body-sm font-medium whitespace-nowrap",u&&"bg-card sticky right-0 z-50 text-center",r);return s(We,{className:x(t),children:[e(Xe,{className:"sticky top-0 z-10",children:n.getHeaderGroups().map(u=>e(W,{className:x("h-input"),children:u.headers.map(r=>s(Ze,{colSpan:r.colSpan,className:g(!1,"bg-card"),children:[!r.column.getCanSort()&&!r.isPlaceholder&&Q(r.column.columnDef.header,r.getContext()),r.column.getCanSort()&&s(S,{variant:"ghost",className:"w-full justify-start px-1.5",onPress:r.column.getToggleSortingHandler(),children:[e("span",{children:a(r.id)}),e(ne,{direction:r.column.getIsSorted()})]})]},r.id))},u.id))}),e(Je,{className:"flex-1 overflow-y-auto relative",children:n.getRowModel().rows.map(u=>e(W,{className:x("h-input transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20"),"data-selected":u.getIsSelected(),children:u.getVisibleCells().map(r=>e(Ye,{className:g(r.column.id===$),children:Q(r.column.columnDef.cell,r.getContext())},r.id))},u.id))})]})}const tn=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte"],dt={eq:"equal to",ne:"not equal to",cn:"contains",nc:"does not contain",sw:"starts with",ew:"ends with",in:"includes",nin:"does not include",gt:"greater than",gte:"greater than or equal to",lt:"less than",lte:"less than or equal to"},Y={bool:["eq"],enum:["in","nin"],id:["in","nin"],"id-search":["in","nin"],string:["eq","ne","cn","nc","sw","ew","in","nin"],date:["lt","gt"]};function ut({className:t,...n}){const{filters:a,query:g,setFilters:u,filterConfig:r}=A(),o=de(null),d=k(),c=Re({defaultValues:{filters:a},onSubmit:({value:m})=>{u(m.filters)}}),y=Object.keys(r).sort();return e("section",{...n,className:x("flex gap-icon items-center",t),children:s(Fe,{onOpenChange:m=>{m?o.current?.focus():c.handleSubmit()},children:[s("div",{className:"relative",children:[a.length>0&&e("div",{className:"size-2 rounded-full absolute bg-destructive z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5"}),e(S,{isDisabled:g.isPending||y.length===0,type:"button",size:"icon",variant:"neutral",children:e(je,{})})]}),e(De,{className:"w-full p-icon",children:e("form",{onSubmit:m=>{m.preventDefault()},className:"flex flex-col gap-icon max-h-table overflow-auto ",children:e(c.Field,{mode:"array",name:"filters",children:m=>s(w,{children:[m.state.value.map((l,p)=>s("div",{className:"flex gap-icon items-center justify-normal",children:[e("span",{className:"body-sm",children:d(l.property)}),e(c.AppField,{name:`filters[${p}].operator`,children:h=>e(h.TfSingleSelect,{items:Y[l.type].map(C=>({id:C,label:e(w,{children:dt[C]})}))})},l.id),l.type==="bool"&&e(c.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfCheckbox,{})}),l.type==="date"&&e(c.AppField,{name:`filters[${p}].value`,children:h=>e(Pe,{})}),l.type==="id"&&e(c.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfTextField,{})}),l.type==="string"&&e(c.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfTextField,{})}),l.type==="enum"&&e(c.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfMultiSelect,{items:r[l.property].options})}),l.type==="id-search"&&e(c.AppField,{name:`filters[${p}].value`,children:h=>e(Ke,{accessor:"id",searchFn:r[l.property].search})}),e(S,{type:"button",variant:"destructive",size:"icon",onPress:()=>m.removeValue(p),children:e(Be,{})})]},l.id)),s("div",{className:"flex w-full items-center justify-end gap-2 not-first:mt-icon",children:[e(L,{label:"Add Filter",children:y.map(l=>e(R,{onAction:()=>{const p=r[l].type,h=O=>{switch(O){case"bool":return!0;case"string":return"";case"date":return new Date().toISOString();case"id":return"";case"id-search":return[];case"enum":return[]}},C={id:`${l}-${Date.now()}`,operator:Y[p][0],value:h(p),type:p,property:l};m.pushValue(C)},children:d(l)},l))}),m.state.value.length>0?e(S,{type:"button",variant:"neutral",onPress:()=>{m.setValue([])},children:"Reset filters"}):null]})]})})})})]})})}export{dt as C,ut as D,en as DataTable,te as DataTableContext,Yt as DataTableProvider,tn as F,Zt as getTableCallback,A as useDataTable,Jt as useDataTableState};
|
|
2
2
|
//# sourceMappingURL=data-table.js.map
|