@raystack/apsara 0.32.0 → 0.33.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/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs +92 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs.map +1 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js +89 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js.map +1 -1
- package/dist/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.cjs +1 -0
- package/dist/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.cjs.map +1 -1
- package/dist/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.js +1 -1
- package/dist/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.cjs +20 -0
- package/dist/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.cjs.map +1 -1
- package/dist/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.js +20 -1
- package/dist/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.js.map +1 -1
- package/dist/sidebar/sidebar.cjs +6 -6
- package/dist/sidebar/sidebar.cjs.map +1 -1
- package/dist/sidebar/sidebar.d.ts +4 -4
- package/dist/sidebar/sidebar.js +6 -6
- package/dist/sidebar/sidebar.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/v1/_virtual/isSameOrAfter.cjs +6 -0
- package/dist/v1/_virtual/isSameOrAfter.cjs.map +1 -0
- package/dist/v1/_virtual/isSameOrAfter.js +4 -0
- package/dist/v1/_virtual/isSameOrAfter.js.map +1 -0
- package/dist/v1/_virtual/isSameOrBefore.cjs +6 -0
- package/dist/v1/_virtual/isSameOrBefore.cjs.map +1 -0
- package/dist/v1/_virtual/isSameOrBefore.js +4 -0
- package/dist/v1/_virtual/isSameOrBefore.js.map +1 -0
- package/dist/v1/components/calendar/calendar.cjs +1 -1
- package/dist/v1/components/calendar/calendar.cjs.map +1 -1
- package/dist/v1/components/calendar/calendar.js +1 -1
- package/dist/v1/components/calendar/calendar.js.map +1 -1
- package/dist/v1/components/calendar/date-picker.cjs +26 -17
- package/dist/v1/components/calendar/date-picker.cjs.map +1 -1
- package/dist/v1/components/calendar/date-picker.d.ts.map +1 -1
- package/dist/v1/components/calendar/date-picker.js +26 -17
- package/dist/v1/components/calendar/date-picker.js.map +1 -1
- package/dist/v1/components/chip/chip.cjs +3 -3
- package/dist/v1/components/chip/chip.cjs.map +1 -1
- package/dist/v1/components/chip/chip.d.ts +2 -1
- package/dist/v1/components/chip/chip.d.ts.map +1 -1
- package/dist/v1/components/chip/chip.js +3 -3
- package/dist/v1/components/chip/chip.js.map +1 -1
- package/dist/v1/components/data-table/components/content.cjs +81 -0
- package/dist/v1/components/data-table/components/content.cjs.map +1 -0
- package/dist/v1/components/data-table/components/content.d.ts +3 -0
- package/dist/v1/components/data-table/components/content.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/content.js +79 -0
- package/dist/v1/components/data-table/components/content.js.map +1 -0
- package/dist/v1/components/data-table/components/display-properties.cjs +14 -0
- package/dist/v1/components/data-table/components/display-properties.cjs.map +1 -0
- package/dist/v1/components/data-table/components/display-properties.d.ts +5 -0
- package/dist/v1/components/data-table/components/display-properties.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/display-properties.js +12 -0
- package/dist/v1/components/data-table/components/display-properties.js.map +1 -0
- package/dist/v1/components/data-table/components/display-settings.cjs +51 -0
- package/dist/v1/components/data-table/components/display-settings.cjs.map +1 -0
- package/dist/v1/components/data-table/components/display-settings.d.ts +2 -0
- package/dist/v1/components/data-table/components/display-settings.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/display-settings.js +49 -0
- package/dist/v1/components/data-table/components/display-settings.js.map +1 -0
- package/dist/v1/components/data-table/components/filters.cjs +44 -0
- package/dist/v1/components/data-table/components/filters.cjs.map +1 -0
- package/dist/v1/components/data-table/components/filters.d.ts +2 -0
- package/dist/v1/components/data-table/components/filters.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/filters.js +42 -0
- package/dist/v1/components/data-table/components/filters.js.map +1 -0
- package/dist/v1/components/data-table/components/grouping.cjs +31 -0
- package/dist/v1/components/data-table/components/grouping.cjs.map +1 -0
- package/dist/v1/components/data-table/components/grouping.d.ts +9 -0
- package/dist/v1/components/data-table/components/grouping.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/grouping.js +29 -0
- package/dist/v1/components/data-table/components/grouping.js.map +1 -0
- package/dist/v1/components/data-table/components/ordering.cjs +24 -0
- package/dist/v1/components/data-table/components/ordering.cjs.map +1 -0
- package/dist/v1/components/data-table/components/ordering.d.ts +8 -0
- package/dist/v1/components/data-table/components/ordering.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/ordering.js +22 -0
- package/dist/v1/components/data-table/components/ordering.js.map +1 -0
- package/dist/v1/components/data-table/components/search.cjs +22 -0
- package/dist/v1/components/data-table/components/search.cjs.map +1 -0
- package/dist/v1/components/data-table/components/search.d.ts +3 -0
- package/dist/v1/components/data-table/components/search.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/search.js +20 -0
- package/dist/v1/components/data-table/components/search.js.map +1 -0
- package/dist/v1/components/data-table/components/toolbar.cjs +15 -0
- package/dist/v1/components/data-table/components/toolbar.cjs.map +1 -0
- package/dist/v1/components/data-table/components/toolbar.d.ts +4 -0
- package/dist/v1/components/data-table/components/toolbar.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/toolbar.js +13 -0
- package/dist/v1/components/data-table/components/toolbar.js.map +1 -0
- package/dist/v1/components/data-table/context.cjs +8 -0
- package/dist/v1/components/data-table/context.cjs.map +1 -0
- package/dist/v1/components/data-table/context.d.ts +3 -0
- package/dist/v1/components/data-table/context.d.ts.map +1 -0
- package/dist/v1/components/data-table/context.js +6 -0
- package/dist/v1/components/data-table/context.js.map +1 -0
- package/dist/v1/components/data-table/data-table.cjs +87 -0
- package/dist/v1/components/data-table/data-table.cjs.map +1 -0
- package/dist/v1/components/data-table/data-table.d.ts +12 -0
- package/dist/v1/components/data-table/data-table.d.ts.map +1 -0
- package/dist/v1/components/data-table/data-table.js +85 -0
- package/dist/v1/components/data-table/data-table.js.map +1 -0
- package/dist/v1/components/data-table/data-table.module.css.cjs +8 -0
- package/dist/v1/components/data-table/data-table.module.css.cjs.map +1 -0
- package/dist/v1/components/data-table/data-table.module.css.js +4 -0
- package/dist/v1/components/data-table/data-table.module.css.js.map +1 -0
- package/dist/v1/components/data-table/data-table.types.cjs +9 -0
- package/dist/v1/components/data-table/data-table.types.cjs.map +1 -0
- package/dist/v1/components/data-table/data-table.types.d.ts +102 -0
- package/dist/v1/components/data-table/data-table.types.d.ts.map +1 -0
- package/dist/v1/components/data-table/data-table.types.js +7 -0
- package/dist/v1/components/data-table/data-table.types.js.map +1 -0
- package/dist/v1/components/data-table/hooks/useDataTable.cjs +15 -0
- package/dist/v1/components/data-table/hooks/useDataTable.cjs.map +1 -0
- package/dist/v1/components/data-table/hooks/useDataTable.d.ts +2 -0
- package/dist/v1/components/data-table/hooks/useDataTable.d.ts.map +1 -0
- package/dist/v1/components/data-table/hooks/useDataTable.js +13 -0
- package/dist/v1/components/data-table/hooks/useDataTable.js.map +1 -0
- package/dist/v1/components/data-table/hooks/useFilters.cjs +78 -0
- package/dist/v1/components/data-table/hooks/useFilters.cjs.map +1 -0
- package/dist/v1/components/data-table/hooks/useFilters.d.ts +9 -0
- package/dist/v1/components/data-table/hooks/useFilters.d.ts.map +1 -0
- package/dist/v1/components/data-table/hooks/useFilters.js +76 -0
- package/dist/v1/components/data-table/hooks/useFilters.js.map +1 -0
- package/dist/v1/components/data-table/index.d.ts +4 -0
- package/dist/v1/components/data-table/index.d.ts.map +1 -0
- package/dist/v1/components/data-table/utils/filter-operations.cjs +83 -0
- package/dist/v1/components/data-table/utils/filter-operations.cjs.map +1 -0
- package/dist/v1/components/data-table/utils/filter-operations.d.ts +11 -0
- package/dist/v1/components/data-table/utils/filter-operations.d.ts.map +1 -0
- package/dist/v1/components/data-table/utils/filter-operations.js +80 -0
- package/dist/v1/components/data-table/utils/filter-operations.js.map +1 -0
- package/dist/v1/components/data-table/utils/index.cjs +156 -0
- package/dist/v1/components/data-table/utils/index.cjs.map +1 -0
- package/dist/v1/components/data-table/utils/index.d.ts +14 -0
- package/dist/v1/components/data-table/utils/index.d.ts.map +1 -0
- package/dist/v1/components/data-table/utils/index.js +147 -0
- package/dist/v1/components/data-table/utils/index.js.map +1 -0
- package/dist/v1/components/dialog/dialog.cjs +4 -3
- package/dist/v1/components/dialog/dialog.cjs.map +1 -1
- package/dist/v1/components/dialog/dialog.d.ts +9 -2
- package/dist/v1/components/dialog/dialog.d.ts.map +1 -1
- package/dist/v1/components/dialog/dialog.js +5 -4
- package/dist/v1/components/dialog/dialog.js.map +1 -1
- package/dist/v1/components/dialog/dialog.module.css.cjs +1 -1
- package/dist/v1/components/dialog/dialog.module.css.js +1 -1
- package/dist/v1/components/filter-chip/filter-chip.cjs +28 -19
- package/dist/v1/components/filter-chip/filter-chip.cjs.map +1 -1
- package/dist/v1/components/filter-chip/filter-chip.d.ts +3 -7
- package/dist/v1/components/filter-chip/filter-chip.d.ts.map +1 -1
- package/dist/v1/components/filter-chip/filter-chip.js +28 -19
- package/dist/v1/components/filter-chip/filter-chip.js.map +1 -1
- package/dist/v1/components/icons/assets/filter.svg.cjs +41 -0
- package/dist/v1/components/icons/assets/filter.svg.cjs.map +1 -0
- package/dist/v1/components/icons/assets/filter.svg.js +20 -0
- package/dist/v1/components/icons/assets/filter.svg.js.map +1 -0
- package/dist/v1/components/icons/icons.d.ts +3 -0
- package/dist/v1/components/icons/icons.d.ts.map +1 -0
- package/dist/v1/components/icons/index.d.ts +2 -0
- package/dist/v1/components/icons/index.d.ts.map +1 -0
- package/dist/v1/components/input-field/input-field.cjs +1 -1
- package/dist/v1/components/input-field/input-field.cjs.map +1 -1
- package/dist/v1/components/input-field/input-field.js +1 -1
- package/dist/v1/components/input-field/input-field.js.map +1 -1
- package/dist/v1/components/sidebar/index.d.ts +2 -0
- package/dist/v1/components/sidebar/index.d.ts.map +1 -0
- package/dist/v1/components/sidebar/sidebar.cjs +47 -0
- package/dist/v1/components/sidebar/sidebar.cjs.map +1 -0
- package/dist/v1/components/{sidepanel/sidepanel.d.ts → sidebar/sidebar.d.ts} +22 -11
- package/dist/v1/components/sidebar/sidebar.d.ts.map +1 -0
- package/dist/v1/components/sidebar/sidebar.js +45 -0
- package/dist/v1/components/sidebar/sidebar.js.map +1 -0
- package/dist/v1/components/sidebar/sidebar.module.css.cjs +8 -0
- package/dist/v1/components/sidebar/sidebar.module.css.cjs.map +1 -0
- package/dist/v1/components/sidebar/sidebar.module.css.js +4 -0
- package/dist/v1/components/sidebar/sidebar.module.css.js.map +1 -0
- package/dist/v1/components/table/table.cjs.map +1 -1
- package/dist/v1/components/table/table.d.ts +2 -2
- package/dist/v1/components/table/table.js.map +1 -1
- package/dist/v1/components/tooltip/tooltip.cjs +1 -1
- package/dist/v1/components/tooltip/tooltip.cjs.map +1 -1
- package/dist/v1/components/tooltip/tooltip.js +1 -1
- package/dist/v1/components/tooltip/tooltip.js.map +1 -1
- package/dist/v1/index.cjs +6 -2
- package/dist/v1/index.cjs.map +1 -1
- package/dist/v1/index.d.ts +2 -1
- package/dist/v1/index.d.ts.map +1 -1
- package/dist/v1/index.js +4 -1
- package/dist/v1/index.js.map +1 -1
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs +92 -0
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs.map +1 -1
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js +89 -1
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js.map +1 -1
- package/dist/v1/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.cjs +131 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.cjs.map +1 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.js +72 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.js.map +1 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.cjs +3338 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.cjs.map +1 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.js +3299 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.js.map +1 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrAfter.cjs +16 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrAfter.cjs.map +1 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrAfter.js +12 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrAfter.js.map +1 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrBefore.cjs +16 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrBefore.cjs.map +1 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrBefore.js +12 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrBefore.js.map +1 -0
- package/dist/v1/style.css +1 -1
- package/dist/v1/types/filters.cjs +39 -0
- package/dist/v1/types/filters.cjs.map +1 -0
- package/dist/v1/types/filters.d.ts +42 -0
- package/dist/v1/types/filters.d.ts.map +1 -0
- package/dist/v1/types/filters.js +36 -0
- package/dist/v1/types/filters.js.map +1 -0
- package/package.json +2 -1
- package/dist/v1/components/sidepanel/index.d.ts +0 -2
- package/dist/v1/components/sidepanel/index.d.ts.map +0 -1
- package/dist/v1/components/sidepanel/sidepanel.cjs +0 -44
- package/dist/v1/components/sidepanel/sidepanel.cjs.map +0 -1
- package/dist/v1/components/sidepanel/sidepanel.d.ts.map +0 -1
- package/dist/v1/components/sidepanel/sidepanel.js +0 -42
- package/dist/v1/components/sidepanel/sidepanel.js.map +0 -1
- package/dist/v1/components/sidepanel/sidepanel.module.css.cjs +0 -8
- package/dist/v1/components/sidepanel/sidepanel.module.css.cjs.map +0 -1
- package/dist/v1/components/sidepanel/sidepanel.module.css.js +0 -4
- package/dist/v1/components/sidepanel/sidepanel.module.css.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.cjs","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"sourcesContent":["import * as Collapsible from '@radix-ui/react-collapsible';\nimport { cva } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ComponentRef, ReactNode } from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\n\nconst root = cva(styles.root);\n\ninterface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n position?: 'left' | 'right';\n profile?: {\n icon: ReactNode;\n label: string;\n href?: string;\n onIconClick?: () => void;\n };\n ref?: ComponentRef<typeof Collapsible.Root>;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n logo: ReactNode;\n title: string;\n onLogoClick?: () => void;\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n icon: ReactNode;\n active?: boolean;\n disabled?: boolean;\n ref?: ComponentRef<\"a\">;\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n name: string;\n icon?: ReactNode;\n ref?: ComponentRef<\"div\">;\n}\n\nconst SidebarRoot = ({ \n className, \n position = 'left', \n open, \n onOpenChange, \n children, \n profile, \n ref,\n ...props \n}: SidebarProps) => (\n <TooltipProvider>\n <Collapsible.Root\n ref={ref as unknown as React.RefObject<HTMLDivElement>}\n className={root({ className })}\n data-position={position}\n data-state={open ? 'expanded' : 'collapsed'}\n open={open}\n onOpenChange={onOpenChange}\n aria-label=\"Navigation Sidebar\"\n aria-expanded={open}\n role=\"navigation\"\n {...props}\n >\n <Tooltip \n message={open ? \"Click to collapse\" : \"Click to expand\"}\n side={position === 'left' ? 'right' : 'left'}\n asChild\n >\n <div \n className={styles.resizeHandle}\n onClick={() => onOpenChange?.(!open)}\n role=\"button\"\n tabIndex={0}\n aria-label={open ? \"Collapse sidebar\" : \"Expand sidebar\"}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n onOpenChange?.(!open);\n }\n }}\n />\n </Tooltip>\n {children}\n {profile && (\n <a \n href={profile.href} \n className={styles.account}\n role=\"button\"\n aria-label={`Profile: ${profile.label}`}\n onClick={(e) => {\n if (profile.onIconClick) {\n e.preventDefault();\n profile.onIconClick();\n }\n }}\n >\n <span \n className={styles['nav-icon']} \n aria-hidden=\"true\"\n style={{ cursor: profile.onIconClick ? 'pointer' : undefined }}\n >\n {profile.icon}\n </span>\n <span className={styles['nav-text']}>{profile.label}</span>\n </a>\n )}\n </Collapsible.Root>\n </TooltipProvider>\n);\n\nconst SidebarHeader = ({\n className,\n logo,\n title,\n onLogoClick,\n ref,\n ...props\n}: SidebarHeaderProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.header} \n role=\"banner\"\n {...props}\n >\n <div \n className={styles.logo} \n onClick={onLogoClick}\n role={onLogoClick ? \"button\" : undefined}\n tabIndex={onLogoClick ? 0 : undefined}\n onKeyDown={(e) => {\n if (onLogoClick && (e.key === 'Enter' || e.key === ' ')) {\n e.preventDefault();\n onLogoClick();\n }\n }}\n style={{ cursor: onLogoClick ? 'pointer' : undefined }}\n >\n {logo}\n </div>\n <div className={styles.title} role=\"heading\" aria-level={1}>{title}</div>\n </div>\n);\n\nconst SidebarMain = ({\n className,\n children,\n ref,\n ...props\n}: ComponentPropsWithoutRef<\"div\"> & { ref?: ComponentRef<\"div\"> }) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.main}\n role=\"group\"\n aria-label=\"Main navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarFooter = ({\n className,\n children,\n ref,\n ...props\n}: SidebarFooterProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.footer}\n role=\"group\"\n aria-label=\"Footer navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarItem = ({\n className,\n icon,\n children,\n active,\n disabled,\n ref,\n ...props\n}: SidebarItemProps) => (\n <a \n ref={ref as unknown as React.RefObject<HTMLAnchorElement>} \n className={styles['nav-item']} \n data-active={active}\n data-disabled={disabled}\n role=\"menuitem\"\n aria-current={active ? \"page\" : undefined}\n aria-disabled={disabled}\n {...props}\n >\n <span className={styles['nav-icon']} aria-hidden=\"true\">{icon}</span>\n <span className={styles['nav-text']}>{children}</span>\n </a>\n);\n\nconst SidebarNavigationGroup = ({\n className,\n name,\n icon,\n children,\n ref,\n ...props\n}: SidebarNavigationGroupProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>}\n role=\"group\"\n aria-label={name}\n {...props}\n >\n <div className={styles['nav-group-header']}>\n {icon && <span className={styles['nav-icon']}>{icon}</span>}\n <span className={styles['nav-group-name']}>{name}</span>\n </div>\n <div className={styles['nav-group-items']}>\n {children}\n </div>\n </div>\n);\n\nSidebarRoot.displayName = \"Sidebar.Root\";\nSidebarHeader.displayName = \"Sidebar.Header\";\nSidebarMain.displayName = \"Sidebar.Main\";\nSidebarFooter.displayName = \"Sidebar.Footer\";\nSidebarItem.displayName = \"Sidebar.Item\";\nSidebarNavigationGroup.displayName = \"Sidebar.Group\";\n\nexport const Sidebar = {\n Root: SidebarRoot,\n Header: SidebarHeader,\n Main: SidebarMain,\n Footer: SidebarFooter,\n Item: SidebarItem,\n Group: SidebarNavigationGroup,\n};\n"],"names":["cva","styles","_jsx","TooltipProvider","_jsxs","Collapsible.Root","Tooltip"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as Collapsible from '@radix-ui/react-collapsible';
|
|
2
2
|
import { ComponentPropsWithoutRef, ComponentRef, ReactNode } from "react";
|
|
3
|
-
interface
|
|
3
|
+
interface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {
|
|
4
4
|
position?: 'left' | 'right';
|
|
5
5
|
profile?: {
|
|
6
6
|
icon: ReactNode;
|
|
@@ -10,24 +10,33 @@ interface SidepanelProps extends ComponentPropsWithoutRef<typeof Collapsible.Roo
|
|
|
10
10
|
};
|
|
11
11
|
ref?: ComponentRef<typeof Collapsible.Root>;
|
|
12
12
|
}
|
|
13
|
-
interface
|
|
13
|
+
interface SidebarHeaderProps extends ComponentPropsWithoutRef<"div"> {
|
|
14
14
|
logo: ReactNode;
|
|
15
15
|
title: string;
|
|
16
16
|
onLogoClick?: () => void;
|
|
17
17
|
ref?: ComponentRef<"div">;
|
|
18
18
|
}
|
|
19
|
-
interface
|
|
19
|
+
interface SidebarItemProps extends ComponentPropsWithoutRef<"a"> {
|
|
20
20
|
icon: ReactNode;
|
|
21
21
|
active?: boolean;
|
|
22
|
+
disabled?: boolean;
|
|
22
23
|
ref?: ComponentRef<"a">;
|
|
23
24
|
}
|
|
24
|
-
|
|
25
|
+
interface SidebarFooterProps extends ComponentPropsWithoutRef<"div"> {
|
|
26
|
+
ref?: ComponentRef<"div">;
|
|
27
|
+
}
|
|
28
|
+
interface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<"div"> {
|
|
29
|
+
name: string;
|
|
30
|
+
icon?: ReactNode;
|
|
31
|
+
ref?: ComponentRef<"div">;
|
|
32
|
+
}
|
|
33
|
+
export declare const Sidebar: {
|
|
25
34
|
Root: {
|
|
26
|
-
({ className, position, open, onOpenChange, children, profile, ref, ...props }:
|
|
35
|
+
({ className, position, open, onOpenChange, children, profile, ref, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
27
36
|
displayName: string;
|
|
28
37
|
};
|
|
29
38
|
Header: {
|
|
30
|
-
({ className, logo, title, onLogoClick, ref, ...props }:
|
|
39
|
+
({ className, logo, title, onLogoClick, ref, ...props }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
31
40
|
displayName: string;
|
|
32
41
|
};
|
|
33
42
|
Main: {
|
|
@@ -37,15 +46,17 @@ export declare const Sidepanel: {
|
|
|
37
46
|
displayName: string;
|
|
38
47
|
};
|
|
39
48
|
Footer: {
|
|
40
|
-
({ className, children, ref, ...props }:
|
|
41
|
-
ref?: HTMLDivElement | undefined;
|
|
42
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
({ className, children, ref, ...props }: SidebarFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
43
50
|
displayName: string;
|
|
44
51
|
};
|
|
45
52
|
Item: {
|
|
46
|
-
({ className, icon, children, active, ref, ...props }:
|
|
53
|
+
({ className, icon, children, active, disabled, ref, ...props }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
displayName: string;
|
|
55
|
+
};
|
|
56
|
+
Group: {
|
|
57
|
+
({ className, name, icon, children, ref, ...props }: SidebarNavigationGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
47
58
|
displayName: string;
|
|
48
59
|
};
|
|
49
60
|
};
|
|
50
61
|
export {};
|
|
51
|
-
//# sourceMappingURL=
|
|
62
|
+
//# sourceMappingURL=sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAE3D,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO1E,UAAU,YAAa,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IAC9E,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,SAAS,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;IACF,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;CAC7C;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;AAED,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAC9D,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CACzB;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;AAED,UAAU,2BAA4B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;AAkMD,eAAO,MAAM,OAAO;;wFAvLjB,YAAY;;;;iEAoEZ,kBAAkB;;;;;;;;;;iDAgDlB,kBAAkB;;;;yEAoBlB,gBAAgB;;;;6DAuBhB,2BAA2B;;;CA+B7B,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
|
|
2
|
+
import { Root } from '../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.2_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18._hjslo7xm5vmo3b4sx344jkbtcq/node_modules/@radix-ui/react-collapsible/dist/index.js';
|
|
3
|
+
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
|
|
4
|
+
import { TooltipProvider, Tooltip } from '../tooltip/tooltip.js';
|
|
5
|
+
import styles from './sidebar.module.css.js';
|
|
6
|
+
|
|
7
|
+
const root = cva(styles.root);
|
|
8
|
+
const SidebarRoot = ({ className, position = 'left', open, onOpenChange, children, profile, ref, ...props }) => (jsxRuntimeExports.jsx(TooltipProvider, { children: jsxRuntimeExports.jsxs(Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? 'expanded' : 'collapsed', open: open, onOpenChange: onOpenChange, "aria-label": "Navigation Sidebar", "aria-expanded": open, role: "navigation", ...props, children: [jsxRuntimeExports.jsx(Tooltip, { message: open ? "Click to collapse" : "Click to expand", side: position === 'left' ? 'right' : 'left', asChild: true, children: jsxRuntimeExports.jsx("div", { className: styles.resizeHandle, onClick: () => onOpenChange?.(!open), role: "button", tabIndex: 0, "aria-label": open ? "Collapse sidebar" : "Expand sidebar", onKeyDown: (e) => {
|
|
9
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
10
|
+
e.preventDefault();
|
|
11
|
+
onOpenChange?.(!open);
|
|
12
|
+
}
|
|
13
|
+
} }) }), children, profile && (jsxRuntimeExports.jsxs("a", { href: profile.href, className: styles.account, role: "button", "aria-label": `Profile: ${profile.label}`, onClick: (e) => {
|
|
14
|
+
if (profile.onIconClick) {
|
|
15
|
+
e.preventDefault();
|
|
16
|
+
profile.onIconClick();
|
|
17
|
+
}
|
|
18
|
+
}, children: [jsxRuntimeExports.jsx("span", { className: styles['nav-icon'], "aria-hidden": "true", style: { cursor: profile.onIconClick ? 'pointer' : undefined }, children: profile.icon }), jsxRuntimeExports.jsx("span", { className: styles['nav-text'], children: profile.label })] }))] }) }));
|
|
19
|
+
const SidebarHeader = ({ className, logo, title, onLogoClick, ref, ...props }) => (jsxRuntimeExports.jsxs("div", { ref: ref, className: styles.header, role: "banner", ...props, children: [jsxRuntimeExports.jsx("div", { className: styles.logo, onClick: onLogoClick, role: onLogoClick ? "button" : undefined, tabIndex: onLogoClick ? 0 : undefined, onKeyDown: (e) => {
|
|
20
|
+
if (onLogoClick && (e.key === 'Enter' || e.key === ' ')) {
|
|
21
|
+
e.preventDefault();
|
|
22
|
+
onLogoClick();
|
|
23
|
+
}
|
|
24
|
+
}, style: { cursor: onLogoClick ? 'pointer' : undefined }, children: logo }), jsxRuntimeExports.jsx("div", { className: styles.title, role: "heading", "aria-level": 1, children: title })] }));
|
|
25
|
+
const SidebarMain = ({ className, children, ref, ...props }) => (jsxRuntimeExports.jsx("div", { ref: ref, className: styles.main, role: "group", "aria-label": "Main navigation", ...props, children: children }));
|
|
26
|
+
const SidebarFooter = ({ className, children, ref, ...props }) => (jsxRuntimeExports.jsx("div", { ref: ref, className: styles.footer, role: "group", "aria-label": "Footer navigation", ...props, children: children }));
|
|
27
|
+
const SidebarItem = ({ className, icon, children, active, disabled, ref, ...props }) => (jsxRuntimeExports.jsxs("a", { ref: ref, className: styles['nav-item'], "data-active": active, "data-disabled": disabled, role: "menuitem", "aria-current": active ? "page" : undefined, "aria-disabled": disabled, ...props, children: [jsxRuntimeExports.jsx("span", { className: styles['nav-icon'], "aria-hidden": "true", children: icon }), jsxRuntimeExports.jsx("span", { className: styles['nav-text'], children: children })] }));
|
|
28
|
+
const SidebarNavigationGroup = ({ className, name, icon, children, ref, ...props }) => (jsxRuntimeExports.jsxs("div", { ref: ref, role: "group", "aria-label": name, ...props, children: [jsxRuntimeExports.jsxs("div", { className: styles['nav-group-header'], children: [icon && jsxRuntimeExports.jsx("span", { className: styles['nav-icon'], children: icon }), jsxRuntimeExports.jsx("span", { className: styles['nav-group-name'], children: name })] }), jsxRuntimeExports.jsx("div", { className: styles['nav-group-items'], children: children })] }));
|
|
29
|
+
SidebarRoot.displayName = "Sidebar.Root";
|
|
30
|
+
SidebarHeader.displayName = "Sidebar.Header";
|
|
31
|
+
SidebarMain.displayName = "Sidebar.Main";
|
|
32
|
+
SidebarFooter.displayName = "Sidebar.Footer";
|
|
33
|
+
SidebarItem.displayName = "Sidebar.Item";
|
|
34
|
+
SidebarNavigationGroup.displayName = "Sidebar.Group";
|
|
35
|
+
const Sidebar = {
|
|
36
|
+
Root: SidebarRoot,
|
|
37
|
+
Header: SidebarHeader,
|
|
38
|
+
Main: SidebarMain,
|
|
39
|
+
Footer: SidebarFooter,
|
|
40
|
+
Item: SidebarItem,
|
|
41
|
+
Group: SidebarNavigationGroup,
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
export { Sidebar };
|
|
45
|
+
//# sourceMappingURL=sidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.js","sources":["../../../../v1/components/sidebar/sidebar.tsx"],"sourcesContent":["import * as Collapsible from '@radix-ui/react-collapsible';\nimport { cva } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ComponentRef, ReactNode } from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\nimport styles from \"./sidebar.module.css\";\n\nconst root = cva(styles.root);\n\ninterface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n position?: 'left' | 'right';\n profile?: {\n icon: ReactNode;\n label: string;\n href?: string;\n onIconClick?: () => void;\n };\n ref?: ComponentRef<typeof Collapsible.Root>;\n}\n\ninterface SidebarHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n logo: ReactNode;\n title: string;\n onLogoClick?: () => void;\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n icon: ReactNode;\n active?: boolean;\n disabled?: boolean;\n ref?: ComponentRef<\"a\">;\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<\"div\"> {\n ref?: ComponentRef<\"div\">;\n}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n name: string;\n icon?: ReactNode;\n ref?: ComponentRef<\"div\">;\n}\n\nconst SidebarRoot = ({ \n className, \n position = 'left', \n open, \n onOpenChange, \n children, \n profile, \n ref,\n ...props \n}: SidebarProps) => (\n <TooltipProvider>\n <Collapsible.Root\n ref={ref as unknown as React.RefObject<HTMLDivElement>}\n className={root({ className })}\n data-position={position}\n data-state={open ? 'expanded' : 'collapsed'}\n open={open}\n onOpenChange={onOpenChange}\n aria-label=\"Navigation Sidebar\"\n aria-expanded={open}\n role=\"navigation\"\n {...props}\n >\n <Tooltip \n message={open ? \"Click to collapse\" : \"Click to expand\"}\n side={position === 'left' ? 'right' : 'left'}\n asChild\n >\n <div \n className={styles.resizeHandle}\n onClick={() => onOpenChange?.(!open)}\n role=\"button\"\n tabIndex={0}\n aria-label={open ? \"Collapse sidebar\" : \"Expand sidebar\"}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n onOpenChange?.(!open);\n }\n }}\n />\n </Tooltip>\n {children}\n {profile && (\n <a \n href={profile.href} \n className={styles.account}\n role=\"button\"\n aria-label={`Profile: ${profile.label}`}\n onClick={(e) => {\n if (profile.onIconClick) {\n e.preventDefault();\n profile.onIconClick();\n }\n }}\n >\n <span \n className={styles['nav-icon']} \n aria-hidden=\"true\"\n style={{ cursor: profile.onIconClick ? 'pointer' : undefined }}\n >\n {profile.icon}\n </span>\n <span className={styles['nav-text']}>{profile.label}</span>\n </a>\n )}\n </Collapsible.Root>\n </TooltipProvider>\n);\n\nconst SidebarHeader = ({\n className,\n logo,\n title,\n onLogoClick,\n ref,\n ...props\n}: SidebarHeaderProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.header} \n role=\"banner\"\n {...props}\n >\n <div \n className={styles.logo} \n onClick={onLogoClick}\n role={onLogoClick ? \"button\" : undefined}\n tabIndex={onLogoClick ? 0 : undefined}\n onKeyDown={(e) => {\n if (onLogoClick && (e.key === 'Enter' || e.key === ' ')) {\n e.preventDefault();\n onLogoClick();\n }\n }}\n style={{ cursor: onLogoClick ? 'pointer' : undefined }}\n >\n {logo}\n </div>\n <div className={styles.title} role=\"heading\" aria-level={1}>{title}</div>\n </div>\n);\n\nconst SidebarMain = ({\n className,\n children,\n ref,\n ...props\n}: ComponentPropsWithoutRef<\"div\"> & { ref?: ComponentRef<\"div\"> }) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.main}\n role=\"group\"\n aria-label=\"Main navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarFooter = ({\n className,\n children,\n ref,\n ...props\n}: SidebarFooterProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>} \n className={styles.footer}\n role=\"group\"\n aria-label=\"Footer navigation\"\n {...props}\n >\n {children}\n </div>\n);\n\nconst SidebarItem = ({\n className,\n icon,\n children,\n active,\n disabled,\n ref,\n ...props\n}: SidebarItemProps) => (\n <a \n ref={ref as unknown as React.RefObject<HTMLAnchorElement>} \n className={styles['nav-item']} \n data-active={active}\n data-disabled={disabled}\n role=\"menuitem\"\n aria-current={active ? \"page\" : undefined}\n aria-disabled={disabled}\n {...props}\n >\n <span className={styles['nav-icon']} aria-hidden=\"true\">{icon}</span>\n <span className={styles['nav-text']}>{children}</span>\n </a>\n);\n\nconst SidebarNavigationGroup = ({\n className,\n name,\n icon,\n children,\n ref,\n ...props\n}: SidebarNavigationGroupProps) => (\n <div \n ref={ref as unknown as React.RefObject<HTMLDivElement>}\n role=\"group\"\n aria-label={name}\n {...props}\n >\n <div className={styles['nav-group-header']}>\n {icon && <span className={styles['nav-icon']}>{icon}</span>}\n <span className={styles['nav-group-name']}>{name}</span>\n </div>\n <div className={styles['nav-group-items']}>\n {children}\n </div>\n </div>\n);\n\nSidebarRoot.displayName = \"Sidebar.Root\";\nSidebarHeader.displayName = \"Sidebar.Header\";\nSidebarMain.displayName = \"Sidebar.Main\";\nSidebarFooter.displayName = \"Sidebar.Footer\";\nSidebarItem.displayName = \"Sidebar.Item\";\nSidebarNavigationGroup.displayName = \"Sidebar.Group\";\n\nexport const Sidebar = {\n Root: SidebarRoot,\n Header: SidebarHeader,\n Main: SidebarMain,\n Footer: SidebarFooter,\n Item: SidebarItem,\n Group: SidebarNavigationGroup,\n};\n"],"names":["_jsx","_jsxs","Collapsible.Root"],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styles = {"root":"sidebar-module_root__-ciyq","header":"sidebar-module_header__GzbSE","logo":"sidebar-module_logo__YxTrc","title":"sidebar-module_title__nIhOy","main":"sidebar-module_main__FjcRL","footer":"sidebar-module_footer__t9fmh","nav-item":"sidebar-module_nav-item__jTa5k","nav-icon":"sidebar-module_nav-icon__jmxq3","nav-text":"sidebar-module_nav-text__79AeV","resizeHandle":"sidebar-module_resizeHandle__sPTc9","account":"sidebar-module_account__YWf3e","nav-group-header":"sidebar-module_nav-group-header__2-ANc","nav-group-name":"sidebar-module_nav-group-name__O-LP0","nav-group-items":"sidebar-module_nav-group-items__oc7Zi","nav___item":"sidebar-module_nav-item__jTa5k","nav___icon":"sidebar-module_nav-icon__jmxq3","nav___text":"sidebar-module_nav-text__79AeV","nav___group___header":"sidebar-module_nav-group-header__2-ANc","nav___group___name":"sidebar-module_nav-group-name__O-LP0","nav___group___items":"sidebar-module_nav-group-items__oc7Zi"};
|
|
6
|
+
|
|
7
|
+
exports.default = styles;
|
|
8
|
+
//# sourceMappingURL=sidebar.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var styles = {"root":"sidebar-module_root__-ciyq","header":"sidebar-module_header__GzbSE","logo":"sidebar-module_logo__YxTrc","title":"sidebar-module_title__nIhOy","main":"sidebar-module_main__FjcRL","footer":"sidebar-module_footer__t9fmh","nav-item":"sidebar-module_nav-item__jTa5k","nav-icon":"sidebar-module_nav-icon__jmxq3","nav-text":"sidebar-module_nav-text__79AeV","resizeHandle":"sidebar-module_resizeHandle__sPTc9","account":"sidebar-module_account__YWf3e","nav-group-header":"sidebar-module_nav-group-header__2-ANc","nav-group-name":"sidebar-module_nav-group-name__O-LP0","nav-group-items":"sidebar-module_nav-group-items__oc7Zi","nav___item":"sidebar-module_nav-item__jTa5k","nav___icon":"sidebar-module_nav-icon__jmxq3","nav___text":"sidebar-module_nav-text__79AeV","nav___group___header":"sidebar-module_nav-group-header__2-ANc","nav___group___name":"sidebar-module_nav-group-name__O-LP0","nav___group___items":"sidebar-module_nav-group-items__oc7Zi"};
|
|
2
|
+
|
|
3
|
+
export { styles as default };
|
|
4
|
+
//# sourceMappingURL=sidebar.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.cjs","sources":["../../../../v1/components/table/table.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport styles from \"./table.module.css\";\n\nconst table = cva(styles[\"table\"]);\nconst TableRoot = React.forwardRef<\n HTMLTableElement,\n React.HTMLAttributes<HTMLTableElement> &\n React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => {\n return <table ref={ref} {...props} className={table({ className })} />;\n});\n\nconst header = cva(styles[\"header\"]);\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement> &\n React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => {\n return <thead ref={ref} {...props} className={header({ className })} />;\n});\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n return <tbody ref={ref} {...props} />;\n});\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes<HTMLTableRowElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n return <tr ref={ref} {...props} />;\n});\n\nconst head = cva(styles[\"head\"]);\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.
|
|
1
|
+
{"version":3,"file":"table.cjs","sources":["../../../../v1/components/table/table.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport styles from \"./table.module.css\";\n\nconst table = cva(styles[\"table\"]);\nconst TableRoot = React.forwardRef<\n HTMLTableElement,\n React.HTMLAttributes<HTMLTableElement> &\n React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => {\n return <table ref={ref} {...props} className={table({ className })} />;\n});\n\nconst header = cva(styles[\"header\"]);\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement> &\n React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => {\n return <thead ref={ref} {...props} className={header({ className })} />;\n});\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n return <tbody ref={ref} {...props} />;\n});\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes<HTMLTableRowElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n return <tr ref={ref} {...props} />;\n});\n\nconst head = cva(styles[\"head\"]);\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement> &\n React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => {\n return <th ref={ref} {...props} className={head({ className })} />;\n});\n\nconst cell = cva(styles[\"cell\"]);\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement> &\n React.PropsWithChildren<VariantProps<typeof cell>>\n>(({ className, ...props }, ref) => {\n return <td ref={ref} {...props} className={cell({ className })} />;\n});\n\nconst sectionHeader = cva(styles[\"sectionHeader\"]);\ntype SectionHeaderClassNames = \"row\" | \"cell\";\nconst SectionHeader = React.forwardRef<\n HTMLTableRowElement,\n React.PropsWithChildren & {\n colSpan: number;\n classNames?: Partial<Record<SectionHeaderClassNames, string>>;\n }\n>(({ classNames, colSpan, children }, ref) => {\n return (\n <tr ref={ref} className={sectionHeader({ className: classNames?.row })}>\n <th colSpan={colSpan} className={classNames?.cell}>\n {children}\n </th>\n </tr>\n );\n});\n\nexport const Table = Object.assign(TableRoot, {\n Header: TableHeader,\n Body: TableBody,\n Row: TableRow,\n Head: TableHead,\n Cell: TableCell,\n SectionHeader: SectionHeader,\n});\n"],"names":["cva","styles","_jsx"],"mappings":"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"}
|
|
@@ -13,10 +13,10 @@ export declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes
|
|
|
13
13
|
Row: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
|
|
14
14
|
children?: React.ReactNode;
|
|
15
15
|
} & React.RefAttributes<HTMLTableRowElement>>;
|
|
16
|
-
Head: React.ForwardRefExoticComponent<React.
|
|
16
|
+
Head: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & {
|
|
17
17
|
children?: React.ReactNode;
|
|
18
18
|
} & React.RefAttributes<HTMLTableCellElement>>;
|
|
19
|
-
Cell: React.ForwardRefExoticComponent<React.
|
|
19
|
+
Cell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & {
|
|
20
20
|
children?: React.ReactNode;
|
|
21
21
|
} & React.RefAttributes<HTMLTableCellElement>>;
|
|
22
22
|
SectionHeader: React.ForwardRefExoticComponent<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sources":["../../../../v1/components/table/table.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport styles from \"./table.module.css\";\n\nconst table = cva(styles[\"table\"]);\nconst TableRoot = React.forwardRef<\n HTMLTableElement,\n React.HTMLAttributes<HTMLTableElement> &\n React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => {\n return <table ref={ref} {...props} className={table({ className })} />;\n});\n\nconst header = cva(styles[\"header\"]);\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement> &\n React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => {\n return <thead ref={ref} {...props} className={header({ className })} />;\n});\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n return <tbody ref={ref} {...props} />;\n});\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes<HTMLTableRowElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n return <tr ref={ref} {...props} />;\n});\n\nconst head = cva(styles[\"head\"]);\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.
|
|
1
|
+
{"version":3,"file":"table.js","sources":["../../../../v1/components/table/table.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport styles from \"./table.module.css\";\n\nconst table = cva(styles[\"table\"]);\nconst TableRoot = React.forwardRef<\n HTMLTableElement,\n React.HTMLAttributes<HTMLTableElement> &\n React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => {\n return <table ref={ref} {...props} className={table({ className })} />;\n});\n\nconst header = cva(styles[\"header\"]);\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement> &\n React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => {\n return <thead ref={ref} {...props} className={header({ className })} />;\n});\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n return <tbody ref={ref} {...props} />;\n});\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes<HTMLTableRowElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n return <tr ref={ref} {...props} />;\n});\n\nconst head = cva(styles[\"head\"]);\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement> &\n React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => {\n return <th ref={ref} {...props} className={head({ className })} />;\n});\n\nconst cell = cva(styles[\"cell\"]);\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement> &\n React.PropsWithChildren<VariantProps<typeof cell>>\n>(({ className, ...props }, ref) => {\n return <td ref={ref} {...props} className={cell({ className })} />;\n});\n\nconst sectionHeader = cva(styles[\"sectionHeader\"]);\ntype SectionHeaderClassNames = \"row\" | \"cell\";\nconst SectionHeader = React.forwardRef<\n HTMLTableRowElement,\n React.PropsWithChildren & {\n colSpan: number;\n classNames?: Partial<Record<SectionHeaderClassNames, string>>;\n }\n>(({ classNames, colSpan, children }, ref) => {\n return (\n <tr ref={ref} className={sectionHeader({ className: classNames?.row })}>\n <th colSpan={colSpan} className={classNames?.cell}>\n {children}\n </th>\n </tr>\n );\n});\n\nexport const Table = Object.assign(TableRoot, {\n Header: TableHeader,\n Body: TableBody,\n Row: TableRow,\n Head: TableHead,\n Cell: TableCell,\n SectionHeader: SectionHeader,\n});\n"],"names":["React","_jsx"],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ const tooltip = index$1.cva(tooltip_module.default.content, {
|
|
|
24
24
|
side: "top"
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
|
-
const Tooltip = ({ children, message, disabled, side = "top", classNames, style, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild =
|
|
27
|
+
const Tooltip = ({ children, message, disabled, side = "top", classNames, style, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, }) => {
|
|
28
28
|
return disabled ? (children) : (jsxRuntime.jsxRuntimeExports.jsx(index.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { children: [jsxRuntime.jsxRuntimeExports.jsx(index.Trigger, { "aria-describedby": "tooltip", asChild: asChild, className: classNames?.trigger, style: style, children: children }), jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsxs(index.Content, { id: "tooltip", role: "tooltip", "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: side?.split('-')[0] || 'top', align: (side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center'), sideOffset: 4, className: tooltip({ side, className: classNames?.content }), style: contentStyle, children: [typeof message === "string" ? (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { children: message })) : (message), jsxRuntime.jsxRuntimeExports.jsx(index.Arrow, { className: clsx.clsx(tooltip_module.default.arrow, classNames?.arrow), width: 12, height: 6 })] }) })] }) }));
|
|
29
29
|
};
|
|
30
30
|
Tooltip.displayName = 'Tooltip';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.cjs","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\n\nimport { Text } from \"../text\";\nimport styles from \"./tooltip.module.css\";\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles[\"side-top\"],\n right: styles[\"side-right\"],\n bottom: styles[\"side-bottom\"],\n left: styles[\"side-left\"],\n \"top-left\": styles[\"side-top-left\"],\n \"top-right\": styles[\"side-top-right\"],\n \"bottom-left\": styles[\"side-bottom-left\"],\n \"bottom-right\": styles[\"side-bottom-right\"],\n }\n },\n defaultVariants: {\n side: \"top\"\n }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n disabled?: boolean;\n children: React.ReactNode;\n message: React.ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n style?: React.CSSProperties;\n contentStyle?: React.CSSProperties;\n delayDuration?: number;\n skipDelayDuration?: number;\n 'aria-label'?: string;\n asChild?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n message,\n disabled,\n side = \"top\",\n classNames,\n style,\n contentStyle,\n delayDuration = 200,\n skipDelayDuration = 200,\n 'aria-label': ariaLabel,\n asChild =
|
|
1
|
+
{"version":3,"file":"tooltip.cjs","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\n\nimport { Text } from \"../text\";\nimport styles from \"./tooltip.module.css\";\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles[\"side-top\"],\n right: styles[\"side-right\"],\n bottom: styles[\"side-bottom\"],\n left: styles[\"side-left\"],\n \"top-left\": styles[\"side-top-left\"],\n \"top-right\": styles[\"side-top-right\"],\n \"bottom-left\": styles[\"side-bottom-left\"],\n \"bottom-right\": styles[\"side-bottom-right\"],\n }\n },\n defaultVariants: {\n side: \"top\"\n }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n disabled?: boolean;\n children: React.ReactNode;\n message: React.ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n style?: React.CSSProperties;\n contentStyle?: React.CSSProperties;\n delayDuration?: number;\n skipDelayDuration?: number;\n 'aria-label'?: string;\n asChild?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n message,\n disabled,\n side = \"top\",\n classNames,\n style,\n contentStyle,\n delayDuration = 200,\n skipDelayDuration = 200,\n 'aria-label': ariaLabel,\n asChild = true,\n}) => {\n return disabled ? (\n children\n ) : (\n <TooltipPrimitive.Provider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration}>\n <TooltipPrimitive.Root>\n <TooltipPrimitive.Trigger \n aria-describedby=\"tooltip\" \n asChild={asChild}\n className={classNames?.trigger}\n style={style}\n >\n {children}\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id=\"tooltip\"\n role=\"tooltip\"\n aria-label={ariaLabel || (typeof message === 'string' ? message : undefined)}\n side={side?.split('-')[0] as TooltipPrimitive.TooltipContentProps['side'] || 'top'}\n align={(side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center') satisfies 'start' | 'end' | 'center'}\n sideOffset={4}\n className={tooltip({ side, className: classNames?.content })}\n style={contentStyle}\n >\n {typeof message === \"string\" ? (\n <Text>{message}</Text>\n ) : (\n message\n )}\n <TooltipPrimitive.Arrow className={clsx(styles.arrow, classNames?.arrow)} width={12} height={6} />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n"],"names":["cva","styles","_jsx","TooltipPrimitive.Provider","_jsxs","TooltipPrimitive.Root","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","Text","TooltipPrimitive.Arrow","clsx"],"mappings":";;;;;;;;;AAQA,MAAM,OAAO,GAAGA,WAAG,CAACC,sBAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAEA,sBAAM,CAAC,UAAU,CAAC;AACvB,YAAA,KAAK,EAAEA,sBAAM,CAAC,YAAY,CAAC;AAC3B,YAAA,MAAM,EAAEA,sBAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAEA,sBAAM,CAAC,WAAW,CAAC;AACzB,YAAA,UAAU,EAAEA,sBAAM,CAAC,eAAe,CAAC;AACnC,YAAA,WAAW,EAAEA,sBAAM,CAAC,gBAAgB,CAAC;AACrC,YAAA,aAAa,EAAEA,sBAAM,CAAC,kBAAkB,CAAC;AACzC,YAAA,cAAc,EAAEA,sBAAM,CAAC,mBAAmB,CAAC;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;AAmBU,MAAA,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,EACV,KAAK,EACL,YAAY,EACZ,aAAa,GAAG,GAAG,EACnB,iBAAiB,GAAG,GAAG,EACvB,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,IAAI,GACf,KAAI;IACH,OAAO,QAAQ,IACb,QAAQ,KAERC,iCAACC,cAAyB,EAAA,EAAC,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAC3F,QAAA,EAAAC,iCAAA,CAACC,UAAqB,EACpB,EAAA,QAAA,EAAA,CAAAH,gCAAA,CAACI,aAAwB,EACN,EAAA,kBAAA,EAAA,SAAS,EAC1B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,EAAE,OAAO,EAC9B,KAAK,EAAE,KAAK,EAEX,QAAA,EAAA,QAAQ,EACgB,CAAA,EAC3BJ,iCAACK,YAAuB,EACtB,EAAA,QAAA,EAAAH,iCAAA,CAACI,aAAwB,EACvB,EAAA,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,SAAS,KAAK,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,EAC5E,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAiD,IAAI,KAAK,EAClF,KAAK,GAAG,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAsC,EAChI,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAC5D,KAAK,EAAE,YAAY,aAElB,OAAO,OAAO,KAAK,QAAQ,IAC1BN,gCAAC,CAAAO,SAAI,EAAE,EAAA,QAAA,EAAA,OAAO,GAAQ,KAEtB,OAAO,CACR,EACDP,gCAAA,CAACQ,WAAsB,EAAA,EAAC,SAAS,EAAEC,SAAI,CAACV,sBAAM,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAA,CAAI,IACzE,EACH,CAAA,CAAA,EAAA,CACJ,EACE,CAAA,CAC7B,CAAC;AACJ,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEnB,MAAA,eAAe,GAAGE;;;;;"}
|
|
@@ -22,7 +22,7 @@ const tooltip = cva(styles.content, {
|
|
|
22
22
|
side: "top"
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
const Tooltip = ({ children, message, disabled, side = "top", classNames, style, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild =
|
|
25
|
+
const Tooltip = ({ children, message, disabled, side = "top", classNames, style, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, }) => {
|
|
26
26
|
return disabled ? (children) : (jsxRuntimeExports.jsx($a093c7e1ec25a057$export$2881499e37b75b9a, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { children: [jsxRuntimeExports.jsx($a093c7e1ec25a057$export$41fb9f06171c75f4, { "aria-describedby": "tooltip", asChild: asChild, className: classNames?.trigger, style: style, children: children }), jsxRuntimeExports.jsx($a093c7e1ec25a057$export$602eac185826482c, { children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { id: "tooltip", role: "tooltip", "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: side?.split('-')[0] || 'top', align: (side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center'), sideOffset: 4, className: tooltip({ side, className: classNames?.content }), style: contentStyle, children: [typeof message === "string" ? (jsxRuntimeExports.jsx(Text, { children: message })) : (message), jsxRuntimeExports.jsx($a093c7e1ec25a057$export$21b07c8f274aebd5, { className: clsx(styles.arrow, classNames?.arrow), width: 12, height: 6 })] }) })] }) }));
|
|
27
27
|
};
|
|
28
28
|
Tooltip.displayName = 'Tooltip';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\n\nimport { Text } from \"../text\";\nimport styles from \"./tooltip.module.css\";\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles[\"side-top\"],\n right: styles[\"side-right\"],\n bottom: styles[\"side-bottom\"],\n left: styles[\"side-left\"],\n \"top-left\": styles[\"side-top-left\"],\n \"top-right\": styles[\"side-top-right\"],\n \"bottom-left\": styles[\"side-bottom-left\"],\n \"bottom-right\": styles[\"side-bottom-right\"],\n }\n },\n defaultVariants: {\n side: \"top\"\n }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n disabled?: boolean;\n children: React.ReactNode;\n message: React.ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n style?: React.CSSProperties;\n contentStyle?: React.CSSProperties;\n delayDuration?: number;\n skipDelayDuration?: number;\n 'aria-label'?: string;\n asChild?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n message,\n disabled,\n side = \"top\",\n classNames,\n style,\n contentStyle,\n delayDuration = 200,\n skipDelayDuration = 200,\n 'aria-label': ariaLabel,\n asChild =
|
|
1
|
+
{"version":3,"file":"tooltip.js","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\n\nimport { Text } from \"../text\";\nimport styles from \"./tooltip.module.css\";\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles[\"side-top\"],\n right: styles[\"side-right\"],\n bottom: styles[\"side-bottom\"],\n left: styles[\"side-left\"],\n \"top-left\": styles[\"side-top-left\"],\n \"top-right\": styles[\"side-top-right\"],\n \"bottom-left\": styles[\"side-bottom-left\"],\n \"bottom-right\": styles[\"side-bottom-right\"],\n }\n },\n defaultVariants: {\n side: \"top\"\n }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n disabled?: boolean;\n children: React.ReactNode;\n message: React.ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n style?: React.CSSProperties;\n contentStyle?: React.CSSProperties;\n delayDuration?: number;\n skipDelayDuration?: number;\n 'aria-label'?: string;\n asChild?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n message,\n disabled,\n side = \"top\",\n classNames,\n style,\n contentStyle,\n delayDuration = 200,\n skipDelayDuration = 200,\n 'aria-label': ariaLabel,\n asChild = true,\n}) => {\n return disabled ? (\n children\n ) : (\n <TooltipPrimitive.Provider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration}>\n <TooltipPrimitive.Root>\n <TooltipPrimitive.Trigger \n aria-describedby=\"tooltip\" \n asChild={asChild}\n className={classNames?.trigger}\n style={style}\n >\n {children}\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id=\"tooltip\"\n role=\"tooltip\"\n aria-label={ariaLabel || (typeof message === 'string' ? message : undefined)}\n side={side?.split('-')[0] as TooltipPrimitive.TooltipContentProps['side'] || 'top'}\n align={(side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center') satisfies 'start' | 'end' | 'center'}\n sideOffset={4}\n className={tooltip({ side, className: classNames?.content })}\n style={contentStyle}\n >\n {typeof message === \"string\" ? (\n <Text>{message}</Text>\n ) : (\n message\n )}\n <TooltipPrimitive.Arrow className={clsx(styles.arrow, classNames?.arrow)} width={12} height={6} />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n"],"names":["_jsx","TooltipPrimitive.Provider","_jsxs","TooltipPrimitive.Root","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","TooltipPrimitive.Arrow"],"mappings":";;;;;;;AAQA,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC;AACvB,YAAA,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC;AACzB,YAAA,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC;AACnC,YAAA,WAAW,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACrC,YAAA,aAAa,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACzC,YAAA,cAAc,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;AAmBU,MAAA,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,EACV,KAAK,EACL,YAAY,EACZ,aAAa,GAAG,GAAG,EACnB,iBAAiB,GAAG,GAAG,EACvB,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,IAAI,GACf,KAAI;IACH,OAAO,QAAQ,IACb,QAAQ,KAERA,sBAACC,yCAAyB,EAAA,EAAC,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAC3F,QAAA,EAAAC,sBAAA,CAACC,yCAAqB,EACpB,EAAA,QAAA,EAAA,CAAAH,qBAAA,CAACI,yCAAwB,EACN,EAAA,kBAAA,EAAA,SAAS,EAC1B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,EAAE,OAAO,EAC9B,KAAK,EAAE,KAAK,EAEX,QAAA,EAAA,QAAQ,EACgB,CAAA,EAC3BJ,sBAACK,yCAAuB,EACtB,EAAA,QAAA,EAAAH,sBAAA,CAACI,yCAAwB,EACvB,EAAA,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,SAAS,KAAK,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,EAC5E,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAiD,IAAI,KAAK,EAClF,KAAK,GAAG,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAsC,EAChI,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAC5D,KAAK,EAAE,YAAY,aAElB,OAAO,OAAO,KAAK,QAAQ,IAC1BN,qBAAC,CAAA,IAAI,EAAE,EAAA,QAAA,EAAA,OAAO,GAAQ,KAEtB,OAAO,CACR,EACDA,qBAAA,CAACO,yCAAsB,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAA,CAAI,IACzE,EACH,CAAA,CAAA,EAAA,CACJ,EACE,CAAA,CAC7B,CAAC;AACJ,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEnB,MAAA,eAAe,GAAGN;;;;"}
|
package/dist/v1/index.cjs
CHANGED
|
@@ -30,7 +30,7 @@ var radio = require('./components/radio/radio.cjs');
|
|
|
30
30
|
var separator = require('./components/separator/separator.cjs');
|
|
31
31
|
var search = require('./components/search/search.cjs');
|
|
32
32
|
var sheet = require('./components/sheet/sheet.cjs');
|
|
33
|
-
var
|
|
33
|
+
var sidebar = require('./components/sidebar/sidebar.cjs');
|
|
34
34
|
var slider = require('./components/slider/slider.cjs');
|
|
35
35
|
var spinner = require('./components/spinner/spinner.cjs');
|
|
36
36
|
var _switch = require('./components/switch/switch.cjs');
|
|
@@ -45,6 +45,9 @@ var theme = require('./components/theme-provider/theme.cjs');
|
|
|
45
45
|
var toast = require('./components/toast/toast.cjs');
|
|
46
46
|
var tooltip = require('./components/tooltip/tooltip.cjs');
|
|
47
47
|
var table = require('./components/table/table.cjs');
|
|
48
|
+
var dataTable = require('./components/data-table/data-table.cjs');
|
|
49
|
+
require('react');
|
|
50
|
+
require('./components/data-table/context.cjs');
|
|
48
51
|
|
|
49
52
|
|
|
50
53
|
|
|
@@ -79,7 +82,7 @@ exports.Radio = radio.Radio;
|
|
|
79
82
|
exports.Separator = separator.Separator;
|
|
80
83
|
exports.Search = search.Search;
|
|
81
84
|
exports.Sheet = sheet.Sheet;
|
|
82
|
-
exports.
|
|
85
|
+
exports.Sidebar = sidebar.Sidebar;
|
|
83
86
|
exports.Slider = slider.Slider;
|
|
84
87
|
exports.Spinner = spinner.Spinner;
|
|
85
88
|
exports.Switch = _switch.Switch;
|
|
@@ -97,4 +100,5 @@ exports.toast = toast.toast;
|
|
|
97
100
|
exports.Tooltip = tooltip.Tooltip;
|
|
98
101
|
exports.TooltipProvider = tooltip.TooltipProvider;
|
|
99
102
|
exports.Table = table.Table;
|
|
103
|
+
exports.DataTable = dataTable.DataTable;
|
|
100
104
|
//# sourceMappingURL=index.cjs.map
|
package/dist/v1/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/v1/index.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ export { Radio } from "./components/radio";
|
|
|
27
27
|
export { Separator } from "./components/separator";
|
|
28
28
|
export { Search } from "./components/search";
|
|
29
29
|
export { Sheet } from "./components/sheet";
|
|
30
|
-
export {
|
|
30
|
+
export { Sidebar } from "./components/sidebar";
|
|
31
31
|
export { Slider } from "./components/slider";
|
|
32
32
|
export { Spinner } from "./components/spinner";
|
|
33
33
|
export { Switch } from "./components/switch";
|
|
@@ -41,4 +41,5 @@ export { ThemeProvider, ThemeProviderProps, ThemeSwitcher, useTheme, } from "./c
|
|
|
41
41
|
export { toast, ToastContainer } from "./components/toast";
|
|
42
42
|
export { Tooltip, TooltipProvider } from "./components/tooltip";
|
|
43
43
|
export { Table } from "./components/table";
|
|
44
|
+
export { DataTable, DataTableColumnDef, DataTableQuery, } from "./components/data-table";
|
|
44
45
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/v1/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../v1/index.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../v1/index.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,QAAQ,GACT,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,cAAc,GACf,MAAM,yBAAyB,CAAC"}
|
package/dist/v1/index.js
CHANGED
|
@@ -28,7 +28,7 @@ export { Radio } from './components/radio/radio.js';
|
|
|
28
28
|
export { Separator } from './components/separator/separator.js';
|
|
29
29
|
export { Search } from './components/search/search.js';
|
|
30
30
|
export { Sheet } from './components/sheet/sheet.js';
|
|
31
|
-
export {
|
|
31
|
+
export { Sidebar } from './components/sidebar/sidebar.js';
|
|
32
32
|
export { Slider } from './components/slider/slider.js';
|
|
33
33
|
export { Spinner } from './components/spinner/spinner.js';
|
|
34
34
|
export { Switch } from './components/switch/switch.js';
|
|
@@ -43,4 +43,7 @@ export { ThemeProvider, useTheme } from './components/theme-provider/theme.js';
|
|
|
43
43
|
export { ToastContainer, toast } from './components/toast/toast.js';
|
|
44
44
|
export { Tooltip, TooltipProvider } from './components/tooltip/tooltip.js';
|
|
45
45
|
export { Table } from './components/table/table.js';
|
|
46
|
+
export { DataTable } from './components/data-table/data-table.js';
|
|
47
|
+
import 'react';
|
|
48
|
+
import './components/data-table/context.js';
|
|
46
49
|
//# sourceMappingURL=index.js.map
|
package/dist/v1/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -237,6 +237,28 @@ var MagnifyingGlassIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwarde
|
|
|
237
237
|
}));
|
|
238
238
|
});
|
|
239
239
|
|
|
240
|
+
var _excluded$3a = ["color"];
|
|
241
|
+
var MixerHorizontalIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
242
|
+
var _ref$color = _ref.color,
|
|
243
|
+
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
|
|
244
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$3a);
|
|
245
|
+
|
|
246
|
+
return React.createElement("svg", Object.assign({
|
|
247
|
+
width: "15",
|
|
248
|
+
height: "15",
|
|
249
|
+
viewBox: "0 0 15 15",
|
|
250
|
+
fill: "none",
|
|
251
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
252
|
+
}, props, {
|
|
253
|
+
ref: forwardedRef
|
|
254
|
+
}), React.createElement("path", {
|
|
255
|
+
d: "M5.5 3C4.67157 3 4 3.67157 4 4.5C4 5.32843 4.67157 6 5.5 6C6.32843 6 7 5.32843 7 4.5C7 3.67157 6.32843 3 5.5 3ZM3 5C3.01671 5 3.03323 4.99918 3.04952 4.99758C3.28022 6.1399 4.28967 7 5.5 7C6.71033 7 7.71978 6.1399 7.95048 4.99758C7.96677 4.99918 7.98329 5 8 5H13.5C13.7761 5 14 4.77614 14 4.5C14 4.22386 13.7761 4 13.5 4H8C7.98329 4 7.96677 4.00082 7.95048 4.00242C7.71978 2.86009 6.71033 2 5.5 2C4.28967 2 3.28022 2.86009 3.04952 4.00242C3.03323 4.00082 3.01671 4 3 4H1.5C1.22386 4 1 4.22386 1 4.5C1 4.77614 1.22386 5 1.5 5H3ZM11.9505 10.9976C11.7198 12.1399 10.7103 13 9.5 13C8.28967 13 7.28022 12.1399 7.04952 10.9976C7.03323 10.9992 7.01671 11 7 11H1.5C1.22386 11 1 10.7761 1 10.5C1 10.2239 1.22386 10 1.5 10H7C7.01671 10 7.03323 10.0008 7.04952 10.0024C7.28022 8.8601 8.28967 8 9.5 8C10.7103 8 11.7198 8.8601 11.9505 10.0024C11.9668 10.0008 11.9833 10 12 10H13.5C13.7761 10 14 10.2239 14 10.5C14 10.7761 13.7761 11 13.5 11H12C11.9833 11 11.9668 10.9992 11.9505 10.9976ZM8 10.5C8 9.67157 8.67157 9 9.5 9C10.3284 9 11 9.67157 11 10.5C11 11.3284 10.3284 12 9.5 12C8.67157 12 8 11.3284 8 10.5Z",
|
|
256
|
+
fill: color,
|
|
257
|
+
fillRule: "evenodd",
|
|
258
|
+
clipRule: "evenodd"
|
|
259
|
+
}));
|
|
260
|
+
});
|
|
261
|
+
|
|
240
262
|
var _excluded$3e = ["color"];
|
|
241
263
|
var MoonIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
242
264
|
var _ref$color = _ref.color,
|
|
@@ -281,6 +303,72 @@ var SunIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
281
303
|
}));
|
|
282
304
|
});
|
|
283
305
|
|
|
306
|
+
var _excluded$4l = ["color"];
|
|
307
|
+
var TableIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
308
|
+
var _ref$color = _ref.color,
|
|
309
|
+
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
|
|
310
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$4l);
|
|
311
|
+
|
|
312
|
+
return React.createElement("svg", Object.assign({
|
|
313
|
+
width: "15",
|
|
314
|
+
height: "15",
|
|
315
|
+
viewBox: "0 0 15 15",
|
|
316
|
+
fill: "none",
|
|
317
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
318
|
+
}, props, {
|
|
319
|
+
ref: forwardedRef
|
|
320
|
+
}), React.createElement("path", {
|
|
321
|
+
d: "M8 2H12.5C12.7761 2 13 2.22386 13 2.5V5H8V2ZM7 5V2H2.5C2.22386 2 2 2.22386 2 2.5V5H7ZM2 6V9H7V6H2ZM8 6H13V9H8V6ZM8 10H13V12.5C13 12.7761 12.7761 13 12.5 13H8V10ZM2 12.5V10H7V13H2.5C2.22386 13 2 12.7761 2 12.5ZM1 2.5C1 1.67157 1.67157 1 2.5 1H12.5C13.3284 1 14 1.67157 14 2.5V12.5C14 13.3284 13.3284 14 12.5 14H2.5C1.67157 14 1 13.3284 1 12.5V2.5Z",
|
|
322
|
+
fill: color,
|
|
323
|
+
fillRule: "evenodd",
|
|
324
|
+
clipRule: "evenodd"
|
|
325
|
+
}));
|
|
326
|
+
});
|
|
327
|
+
|
|
328
|
+
var _excluded$4o = ["color"];
|
|
329
|
+
var TextAlignBottomIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
330
|
+
var _ref$color = _ref.color,
|
|
331
|
+
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
|
|
332
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$4o);
|
|
333
|
+
|
|
334
|
+
return React.createElement("svg", Object.assign({
|
|
335
|
+
width: "15",
|
|
336
|
+
height: "15",
|
|
337
|
+
viewBox: "0 0 15 15",
|
|
338
|
+
fill: "none",
|
|
339
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
340
|
+
}, props, {
|
|
341
|
+
ref: forwardedRef
|
|
342
|
+
}), React.createElement("path", {
|
|
343
|
+
d: "M3.89949 5.50002C3.89949 5.27911 3.7204 5.10003 3.49949 5.10003C3.27857 5.10003 3.09949 5.27911 3.09949 5.50002L3.09949 12.5343L1.78233 11.2172C1.62612 11.061 1.37285 11.061 1.21664 11.2172C1.06043 11.3734 1.06043 11.6267 1.21664 11.7829L3.21664 13.7829C3.29166 13.8579 3.3934 13.9 3.49949 13.9C3.60557 13.9 3.70732 13.8579 3.78233 13.7829L5.78233 11.7829C5.93854 11.6267 5.93854 11.3734 5.78233 11.2172C5.62612 11.061 5.37285 11.061 5.21664 11.2172L3.89949 12.5343L3.89949 5.50002ZM8.49998 13C8.22383 13 7.99998 12.7762 7.99998 12.5C7.99998 12.2239 8.22383 12 8.49998 12H14.5C14.7761 12 15 12.2239 15 12.5C15 12.7762 14.7761 13 14.5 13H8.49998ZM8.49998 10C8.22383 10 7.99998 9.77617 7.99998 9.50002C7.99998 9.22388 8.22383 9.00002 8.49998 9.00002H14.5C14.7761 9.00002 15 9.22388 15 9.50002C15 9.77617 14.7761 10 14.5 10H8.49998ZM7.99998 6.50002C7.99998 6.77617 8.22383 7.00002 8.49998 7.00002H14.5C14.7761 7.00002 15 6.77617 15 6.50002C15 6.22388 14.7761 6.00002 14.5 6.00002H8.49998C8.22383 6.00002 7.99998 6.22388 7.99998 6.50002Z",
|
|
344
|
+
fill: color,
|
|
345
|
+
fillRule: "evenodd",
|
|
346
|
+
clipRule: "evenodd"
|
|
347
|
+
}));
|
|
348
|
+
});
|
|
349
|
+
|
|
350
|
+
var _excluded$4u = ["color"];
|
|
351
|
+
var TextAlignTopIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
352
|
+
var _ref$color = _ref.color,
|
|
353
|
+
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
|
|
354
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$4u);
|
|
355
|
+
|
|
356
|
+
return React.createElement("svg", Object.assign({
|
|
357
|
+
width: "15",
|
|
358
|
+
height: "15",
|
|
359
|
+
viewBox: "0 0 15 15",
|
|
360
|
+
fill: "none",
|
|
361
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
362
|
+
}, props, {
|
|
363
|
+
ref: forwardedRef
|
|
364
|
+
}), React.createElement("path", {
|
|
365
|
+
d: "M3.89949 9.49998C3.89949 9.72089 3.7204 9.89997 3.49949 9.89997C3.27857 9.89997 3.09949 9.72089 3.09949 9.49998L3.09949 2.46566L1.78233 3.78282C1.62612 3.93903 1.37285 3.93903 1.21664 3.78282C1.06043 3.62661 1.06043 3.37334 1.21664 3.21713L3.21664 1.21713C3.29166 1.14212 3.3934 1.09998 3.49949 1.09998C3.60557 1.09998 3.70732 1.14212 3.78233 1.21713L5.78233 3.21713C5.93854 3.37334 5.93854 3.62661 5.78233 3.78282C5.62612 3.93903 5.37285 3.93903 5.21664 3.78282L3.89949 2.46566L3.89949 9.49998ZM8.49998 1.99998C8.22383 1.99998 7.99998 2.22383 7.99998 2.49998C7.99998 2.77612 8.22383 2.99998 8.49998 2.99998H14.5C14.7761 2.99998 15 2.77612 15 2.49998C15 2.22383 14.7761 1.99998 14.5 1.99998H8.49998ZM8.49998 4.99998C8.22383 4.99998 7.99998 5.22383 7.99998 5.49998C7.99998 5.77612 8.22383 5.99998 8.49998 5.99998H14.5C14.7761 5.99998 15 5.77612 15 5.49998C15 5.22383 14.7761 4.99998 14.5 4.99998H8.49998ZM7.99998 8.49998C7.99998 8.22383 8.22383 7.99998 8.49998 7.99998H14.5C14.7761 7.99998 15 8.22383 15 8.49998C15 8.77612 14.7761 8.99998 14.5 8.99998H8.49998C8.22383 8.99998 7.99998 8.77612 7.99998 8.49998Z",
|
|
366
|
+
fill: color,
|
|
367
|
+
fillRule: "evenodd",
|
|
368
|
+
clipRule: "evenodd"
|
|
369
|
+
}));
|
|
370
|
+
});
|
|
371
|
+
|
|
284
372
|
exports.CalendarIcon = CalendarIcon;
|
|
285
373
|
exports.ChevronDownIcon = ChevronDownIcon;
|
|
286
374
|
exports.ChevronLeftIcon = ChevronLeftIcon;
|
|
@@ -291,6 +379,10 @@ exports.CrossCircledIcon = CrossCircledIcon;
|
|
|
291
379
|
exports.DotsHorizontalIcon = DotsHorizontalIcon;
|
|
292
380
|
exports.InfoCircledIcon = InfoCircledIcon;
|
|
293
381
|
exports.MagnifyingGlassIcon = MagnifyingGlassIcon;
|
|
382
|
+
exports.MixerHorizontalIcon = MixerHorizontalIcon;
|
|
294
383
|
exports.MoonIcon = MoonIcon;
|
|
295
384
|
exports.SunIcon = SunIcon;
|
|
385
|
+
exports.TableIcon = TableIcon;
|
|
386
|
+
exports.TextAlignBottomIcon = TextAlignBottomIcon;
|
|
387
|
+
exports.TextAlignTopIcon = TextAlignTopIcon;
|
|
296
388
|
//# sourceMappingURL=react-icons.esm.cjs.map
|