@aivenio/aquarium 2.8.1 → 2.9.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/atoms.cjs +44 -48
- package/dist/atoms.mjs +11 -15
- package/dist/charts.cjs +8 -9
- package/dist/charts.mjs +3 -4
- package/dist/src/atoms/Card/Card.js +2 -2
- package/dist/src/atoms/ProgressBar/ProgressBar.js +2 -2
- package/dist/src/atoms/Select/Select.js +2 -2
- package/dist/src/atoms/Typography/Typography.js +2 -2
- package/dist/src/charts/PieChart/DoughnutChart.js +2 -2
- package/dist/src/charts/Tooltip/TooltipContentWrapper.js +2 -2
- package/dist/src/charts/lib/utils.js +2 -3
- package/dist/src/icons/disasterRecovery.js +2 -2
- package/dist/src/molecules/Accordion/Accordion.js +2 -2
- package/dist/src/molecules/Alert/Alert.js +2 -2
- package/dist/src/molecules/Banner/Banner.js +2 -2
- package/dist/src/molecules/Box/Box.js +2 -2
- package/dist/src/molecules/Button/Button.js +2 -2
- package/dist/src/molecules/Chip/Chip.js +2 -2
- package/dist/src/molecules/Combobox/Combobox.js +6 -6
- package/dist/src/molecules/DataList/DataList.js +2 -6
- package/dist/src/molecules/DataList/DataListComponents.js +2 -2
- package/dist/src/molecules/DataList/DataListGroup.js +2 -2
- package/dist/src/molecules/DataList/DataListToolbar.js +2 -2
- package/dist/src/molecules/DataTable/DataTable.js +2 -3
- package/dist/src/molecules/DateField/DateField.js +2 -2
- package/dist/src/molecules/DatePicker/DatePicker.js +2 -2
- package/dist/src/molecules/DatePicker/DateRangePicker.js +2 -2
- package/dist/src/molecules/Dialog/Dialog.js +2 -2
- package/dist/src/molecules/Drawer/Drawer.js +2 -3
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/molecules/Grid/Grid.js +2 -4
- package/dist/src/molecules/Input/Input.js +2 -3
- package/dist/src/molecules/ItemList/ItemList.d.ts +5 -1
- package/dist/src/molecules/ItemList/ItemList.js +3 -3
- package/dist/src/molecules/List/List.js +2 -3
- package/dist/src/molecules/Modal/Modal.js +2 -3
- package/dist/src/molecules/MultiInput/MultiInput.js +2 -4
- package/dist/src/molecules/MultiSelect/MultiSelect.js +2 -5
- package/dist/src/molecules/NativeSelect/NativeSelect.js +2 -3
- package/dist/src/molecules/PageHeader/PageHeader.js +2 -2
- package/dist/src/molecules/Pagination/Pagination.js +2 -2
- package/dist/src/molecules/Pagination/usePagination.js +2 -2
- package/dist/src/molecules/Popover/Popover.js +2 -2
- package/dist/src/molecules/PopoverDialog/PopoverDialog.js +2 -2
- package/dist/src/molecules/Section/Section.js +2 -3
- package/dist/src/molecules/Select/Select.js +2 -5
- package/dist/src/molecules/Skeleton/Skeleton.js +2 -3
- package/dist/src/molecules/Tabs/Tabs.js +3 -4
- package/dist/src/molecules/Tailwindify/Tailwindify.js +2 -3
- package/dist/src/molecules/Textarea/Textarea.js +2 -3
- package/dist/src/molecules/TimeField/TimeField.js +2 -2
- package/dist/src/molecules/Toast/Toast.js +2 -2
- package/dist/src/utils/actions.js +2 -2
- package/dist/src/utils/form/HelperText/HelperText.js +2 -2
- package/dist/src/utils/stickyStyles.js +2 -2
- package/dist/styles.css +0 -3
- package/dist/system.cjs +156 -180
- package/dist/system.mjs +50 -74
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +8 -7
- package/dist/src/molecules/ItemList/ItemList.spec.d.ts +0 -24
- package/dist/src/molecules/ItemList/ItemList.spec.js +0 -100
- package/dist/src/utils/mocks/mockDynamicIds.d.ts +0 -1
- package/dist/src/utils/mocks/mockDynamicIds.js +0 -14
- package/dist/src/utils/mocks/mockIntersectionObserver.d.ts +0 -1
- package/dist/src/utils/mocks/mockIntersectionObserver.js +0 -13
- package/dist/src/utils/mocks/mockRecharts.d.ts +0 -1
- package/dist/src/utils/mocks/mockRecharts.js +0 -8
- package/dist/src/utils/mocks/mockResizeObservable.d.ts +0 -1
- package/dist/src/utils/mocks/mockResizeObservable.js +0 -60
- package/dist/src/utils/mocks/mockScrollIntoView.d.ts +0 -1
- package/dist/src/utils/mocks/mockScrollIntoView.js +0 -11
- package/dist/src/utils/setupTests.d.ts +0 -1
- package/dist/src/utils/setupTests.js +0 -25
- package/dist/tailwind.config.js +0 -173
@@ -1 +1 @@
|
|
1
|
-
export type ClassNames = "-left-1\/2" | "-m-2" | "-mt-4" | "-mx-4" | "-translate-x-1\/2" | "-translate-y-1\/2" | "-z-10" | "Aquarium-Alert\.Banner" | "Aquarium-Button\.Primary" | "Aquarium-Button\.Secondary" | "Aquarium-Card" | "Aquarium-Checkbox" | "Aquarium-Collapsible-Section" | "Aquarium-DropdownMenu\.Item" | "Aquarium-Dropdown\.Item" | "Aquarium-Switch" | "Aquarium-Toast" | "Aquarium-Tooltip" | "\!container" | "\!hidden" | "\!inline" | "\!table" | "\[\&\:\:-webkit-search-cancel-button\]\:appearance-none" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>\*\]\:bg-primary-active" | "\[\&\>\*\]\:border-b-transparent" | "\[\&\>\*\]\:hover\:bg-muted" | "\[\&\>button\]\:p-0" | "\[\&\>button\]\:text-danger-muted" | "\[\&\>button\]\:text-muted" | "\[\&\>div\:first-child\]\:px-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-\[3px\]" | "\[\&\>path\]\:stroke-transparent" | "\[\&_td\]\:px-0" | "\[\[data-placement\]\>\&\]\:px-5" | "\[\[data-placement\]\>\&\]\:py-6" | "absolute" | "active\:bg-body" | "active\:bg-primary-active" | "active\:bg-primary-intense" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-primary-default" | "active\:text-default" | "active\:text-muted" | "active\:text-primary-active" | "active\:text-primary-intense" | "align-middle" | "animate-draw" | "animate-pulse" | "appearance-none" | "aquarium-theme-dark" | "aspect-square" | "auto-cols-fr" | "before\:content-\[\'_\'\]" | "bg-black" | "bg-body" | "bg-body-intense" | "bg-cover" | "bg-current" | "bg-danger-default" | "bg-danger-intense" | "bg-danger-muted" | "bg-default" | "bg-error-0" | "bg-error-10" | "bg-error-100" | "bg-error-20" | "bg-error-30" | "bg-error-40" | "bg-error-5" | "bg-error-50" | "bg-error-60" | "bg-error-70" | "bg-error-80" | "bg-error-90" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-100" | "bg-grey-20" | "bg-grey-30" | "bg-grey-40" | "bg-grey-5" | "bg-grey-50" | "bg-grey-60" | "bg-grey-70" | "bg-grey-80" | "bg-grey-90" | "bg-icon-button-hover" | "bg-info-0" | "bg-info-10" | "bg-info-100" | "bg-info-20" | "bg-info-30" | "bg-info-40" | "bg-info-5" | "bg-info-50" | "bg-info-60" | "bg-info-70" | "bg-info-80" | "bg-info-90" | "bg-info-default" | "bg-info-intense" | "bg-info-muted" | "bg-intense" | "bg-muted" | "bg-popover-content" | "bg-primary-0" | "bg-primary-10" | "bg-primary-100" | "bg-primary-20" | "bg-primary-30" | "bg-primary-40" | "bg-primary-5" | "bg-primary-50" | "bg-primary-60" | "bg-primary-70" | "bg-primary-80" | "bg-primary-90" | "bg-primary-active" | "bg-primary-default" | "bg-primary-hover" | "bg-primary-intense" | "bg-primary-muted" | "bg-secondary-0" | "bg-secondary-10" | "bg-secondary-100" | "bg-secondary-20" | "bg-secondary-30" | "bg-secondary-40" | "bg-secondary-5" | "bg-secondary-50" | "bg-secondary-60" | "bg-secondary-70" | "bg-secondary-80" | "bg-secondary-90" | "bg-status-announcement" | "bg-status-danger" | "bg-status-info" | "bg-status-success" | "bg-status-warning" | "bg-success-0" | "bg-success-10" | "bg-success-100" | "bg-success-20" | "bg-success-30" | "bg-success-40" | "bg-success-5" | "bg-success-50" | "bg-success-60" | "bg-success-70" | "bg-success-80" | "bg-success-90" | "bg-success-default" | "bg-success-intense" | "bg-success-muted" | "bg-transparent" | "bg-warning-0" | "bg-warning-10" | "bg-warning-100" | "bg-warning-20" | "bg-warning-30" | "bg-warning-40" | "bg-warning-5" | "bg-warning-50" | "bg-warning-60" | "bg-warning-70" | "bg-warning-80" | "bg-warning-90" | "bg-warning-default" | "bg-warning-intense" | "bg-warning-muted" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "border-\[2px\]" | "border-b" | "border-b-1" | "border-b-2" | "border-b-transparent" | "border-black" | "border-current" | "border-danger-default" | "border-danger-intense" | "border-danger-muted" | "border-dashed" | "border-default" | "border-error-0" | "border-error-10" | "border-error-100" | "border-error-20" | "border-error-30" | "border-error-40" | "border-error-5" | "border-error-50" | "border-error-60" | "border-error-70" | "border-error-80" | "border-error-90" | "border-grey-0" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-30" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-grey-60" | "border-grey-70" | "border-grey-80" | "border-grey-90" | "border-info-0" | "border-info-10" | "border-info-100" | "border-info-20" | "border-info-30" | "border-info-40" | "border-info-5" | "border-info-50" | "border-info-60" | "border-info-70" | "border-info-80" | "border-info-90" | "border-info-default" | "border-info-intense" | "border-info-muted" | "border-intense" | "border-l" | "border-muted" | "border-none" | "border-primary-0" | "border-primary-10" | "border-primary-100" | "border-primary-20" | "border-primary-30" | "border-primary-40" | "border-primary-5" | "border-primary-50" | "border-primary-60" | "border-primary-70" | "border-primary-80" | "border-primary-90" | "border-primary-default" | "border-primary-intense" | "border-primary-muted" | "border-r-1" | "border-secondary-0" | "border-secondary-10" | "border-secondary-100" | "border-secondary-20" | "border-secondary-30" | "border-secondary-40" | "border-secondary-5" | "border-secondary-50" | "border-secondary-60" | "border-secondary-70" | "border-secondary-80" | "border-secondary-90" | "border-separate" | "border-solid" | "border-spacing-0" | "border-success-0" | "border-success-10" | "border-success-100" | "border-success-20" | "border-success-30" | "border-success-40" | "border-success-5" | "border-success-50" | "border-success-60" | "border-success-70" | "border-success-80" | "border-success-90" | "border-success-default" | "border-success-intense" | "border-success-muted" | "border-t" | "border-t-2" | "border-transparent" | "border-warning-0" | "border-warning-10" | "border-warning-100" | "border-warning-20" | "border-warning-30" | "border-warning-40" | "border-warning-5" | "border-warning-50" | "border-warning-60" | "border-warning-70" | "border-warning-80" | "border-warning-90" | "border-warning-default" | "border-warning-intense" | "border-warning-muted" | "border-white" | "bottom-0" | "break-all" | "break-words" | "capitalize" | "caret-transparent" | "checked\:bg-primary-default" | "checked\:bg-primary-muted" | "checked\:border-primary-default" | "checked\:border-transparent" | "checked\:opacity-50" | "checked\:shadow-bodyInset" | "children\:border-default" | "children\:inline-block" | "children\:last\:border-b-0" | "children\:opacity-70" | "col-span-full" | "col-start-1" | "col-start-2" | "col-start-3" | "collapse" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "delay-300" | "disabled\:bg-body" | "disabled\:bg-default" | "disabled\:bg-muted" | "disabled\:bg-primary-muted" | "disabled\:bg-transparent" | "disabled\:border-default" | "disabled\:cursor-not-allowed" | "disabled\:ring-primary-muted" | "disabled\:text-inactive" | "disabled\:text-primary-inactive" | "divide-grey-20" | "divide-x" | "duration-200" | "duration-300" | "ease-in-out" | "file\:bg-transparent" | "file\:border-0" | "file\:mr-4" | "file\:p-0" | "file\:text-primary-intense" | "file\:typography-small-strong" | "fill-error-10" | "fill-primary-10" | "fill-success-10" | "fill-warning-20" | "fill-white" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-1" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:bg-muted" | "focus-visible\:border-info-default" | "focus-visible\:outline-0" | "focus-visible\:outline-none" | "focus-visible\:relative" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-info-default" | "focus-visible\:ring-inset" | "focus-visible\:ring-offset-0" | "focus-visible\:ring-primary-default" | "focus-visible\:ring-primary-intense" | "focus-visible\:text-intense" | "focus-visible\:text-primary-active" | "focus-visible\:text-primary-intense" | "focus-visible\:z-50" | "focus\:bg-danger-default" | "focus\:bg-intense" | "focus\:border-info-default" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:text-primary-intense" | "focusable" | "font-normal" | "font-semibold" | "from-white" | "gap-0" | "gap-1" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-x-5" | "gap-x-6" | "gap-y-2" | "grayscale" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[16px_1fr\]" | "grid-cols-\[1fr_auto\]" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "grid-flow-col" | "group" | "group-hover\:bg-default" | "group-hover\:bg-muted" | "group-hover\:bg-primary-default" | "group-hover\:opacity-100" | "group-hover\:visible" | "group-invalid\:bg-danger-default" | "group-invalid\:group-hover\:bg-danger-default" | "group-invalid\:group-pressed\:bg-danger-intense" | "group-placement-bottom\:rotate-180" | "group-placement-left\:-rotate-90" | "group-placement-right\:rotate-90" | "group-pressed\:bg-intense" | "group-pressed\:bg-primary-intense" | "grow" | "grow-0" | "h-1" | "h-1\/2" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-8" | "h-\[120px\]" | "h-\[174px\]" | "h-\[1px\]" | "h-\[20px\]" | "h-\[225px\]" | "h-\[25px\]" | "h-\[2px\]" | "h-\[32px\]" | "h-\[3px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-\[6px\]" | "h-\[72px\]" | "h-\[8px\]" | "h-\[9px\]" | "h-auto" | "h-dvh" | "h-full" | "hidden" | "hover\:bg-danger-muted" | "hover\:bg-default" | "hover\:bg-icon-button-hover" | "hover\:bg-intense" | "hover\:bg-muted" | "hover\:bg-primary-hover" | "hover\:bg-primary-intense" | "hover\:border-intense" | "hover\:checked\:bg-primary-intense" | "hover\:cursor-pointer" | "hover\:ring-primary-default" | "hover\:text-intense" | "hover\:text-primary-active" | "hover\:text-primary-default" | "hover\:text-primary-intense" | "hover\:underline" | "icon-stroke-2" | "inactive" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invalid\:bg-danger-default" | "invalid\:selected\:bg-danger-default" | "invisible" | "italic" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "last\:border-r-0" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "leading-tight" | "left-0" | "left-1\/2" | "left-2" | "line-clamp-1" | "line-clamp-2" | "line-clamp-3" | "line-clamp-4" | "line-clamp-5" | "line-clamp-6" | "line-through" | "m-3" | "m-4" | "m-\[1px\]" | "max-h-\[inherit\]" | "max-h-full" | "max-w-\[300px\]" | "max-w-\[320px\]" | "max-w-\[600px\]" | "max-w-\[70px\]" | "max-w-\[940px\]" | "max-w-screen-lg" | "max-w-screen-md" | "max-w-screen-sm" | "max-w-screen-xl" | "max-w-screen-xs" | "mb-2" | "mb-3" | "mb-5" | "mb-6" | "mb-\[-20px\]" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[120px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "min-w-\[150px\]" | "min-w-\[200px\]" | "min-w-\[210px\]" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mt-auto" | "mx-0" | "mx-1" | "mx-2" | "mx-3" | "mx-4" | "mx-7" | "my-1" | "my-4" | "no-arrow" | "no-arrows" | "no-underline" | "object-cover" | "opacity-0" | "opacity-100" | "opacity-40" | "opacity-50" | "opacity-70" | "origin-\[0\%_45\%\]" | "outline" | "outline-0" | "outline-2" | "outline-none" | "outline-offset-2" | "outline-primary-default" | "outside-month\:hidden" | "overflow-auto" | "overflow-hidden" | "overflow-x-auto" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "p-1" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "p-\[2px\]" | "p-\[3px\]" | "p-\[56px\]" | "pb-3" | "pb-5" | "pb-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:text-primary-muted" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-primary-70" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-primary-default" | "peer-checked\:border-transparent" | "peer-checked\:peer-disabled\:bg-muted" | "peer-checked\:text-primary-default" | "peer-checked\:text-white" | "peer-focus\:border-info-default" | "peer-hover\:border-intense" | "peer\/switch" | "pl-4" | "pl-7" | "placeholder\:text-inactive" | "pointer-events-none" | "pr-4" | "pr-7" | "pr-\[64px\]" | "pressed\:bg-intense" | "pt-3" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-7" | "px-\[14px\]" | "px-\[1px\]" | "px-\[20px\]" | "px-\[4px\]" | "px-\[60px\]" | "px-l2" | "py-0" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-7" | "py-\[10px\]" | "py-\[14px\]" | "py-\[6px\]" | "recharts-cartesian-axis-tick-value" | "recharts-label" | "recharts-legend-item" | "recharts-legend-item-text" | "recharts-rectangle" | "recharts-sector" | "recharts-tooltip-item" | "recharts-tooltip-item-name" | "recharts-tooltip-item-separator" | "recharts-tooltip-item-value" | "recharts-tooltip-label" | "recharts-tooltip-wrapper" | "recharts-yAxis" | "relative" | "resize" | "resize-none" | "right-0" | "right-4" | "right-\[28px\]" | "ring" | "ring-0" | "ring-1" | "ring-inset" | "ring-offset-0" | "ring-primary-default" | "rotate-45" | "rounded" | "rounded-\[2px\]" | "rounded-full" | "rounded-md" | "rounded-none" | "rounded-sm" | "row-start-1" | "row-start-2" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "selected\:bg-primary-default" | "selection-end\:rounded-e-md" | "selection-start\:rounded-s-md" | "self-center" | "self-start" | "shadow-16dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "static" | "sticky" | "stroke-1" | "stroke-black" | "stroke-error-100" | "stroke-primary-muted" | "stroke-success-default" | "stroke-warning-100" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-black" | "text-center" | "text-current" | "text-danger-default" | "text-danger-inactive" | "text-danger-intense" | "text-danger-muted" | "text-default" | "text-ellipsis" | "text-error-0" | "text-error-10" | "text-error-100" | "text-error-20" | "text-error-30" | "text-error-40" | "text-error-5" | "text-error-50" | "text-error-60" | "text-error-70" | "text-error-80" | "text-error-90" | "text-grey-0" | "text-grey-10" | "text-grey-100" | "text-grey-20" | "text-grey-30" | "text-grey-40" | "text-grey-5" | "text-grey-50" | "text-grey-60" | "text-grey-70" | "text-grey-80" | "text-grey-90" | "text-inactive" | "text-info-0" | "text-info-10" | "text-info-100" | "text-info-20" | "text-info-30" | "text-info-40" | "text-info-5" | "text-info-50" | "text-info-60" | "text-info-70" | "text-info-80" | "text-info-90" | "text-info-default" | "text-info-inactive" | "text-info-intense" | "text-info-muted" | "text-intense" | "text-left" | "text-muted" | "text-opposite-default" | "text-primary-0" | "text-primary-10" | "text-primary-100" | "text-primary-20" | "text-primary-30" | "text-primary-40" | "text-primary-5" | "text-primary-50" | "text-primary-60" | "text-primary-70" | "text-primary-80" | "text-primary-90" | "text-primary-active" | "text-primary-default" | "text-primary-inactive" | "text-primary-intense" | "text-primary-muted" | "text-right" | "text-secondary-0" | "text-secondary-10" | "text-secondary-100" | "text-secondary-20" | "text-secondary-30" | "text-secondary-40" | "text-secondary-5" | "text-secondary-50" | "text-secondary-60" | "text-secondary-70" | "text-secondary-80" | "text-secondary-90" | "text-success-0" | "text-success-10" | "text-success-100" | "text-success-20" | "text-success-30" | "text-success-40" | "text-success-5" | "text-success-50" | "text-success-60" | "text-success-70" | "text-success-80" | "text-success-90" | "text-success-default" | "text-success-inactive" | "text-success-intense" | "text-success-muted" | "text-transparent" | "text-warning-0" | "text-warning-10" | "text-warning-100" | "text-warning-20" | "text-warning-30" | "text-warning-40" | "text-warning-5" | "text-warning-50" | "text-warning-60" | "text-warning-70" | "text-warning-80" | "text-warning-90" | "text-warning-default" | "text-warning-inactive" | "text-warning-intense" | "text-warning-muted" | "text-white" | "text-xs" | "top-0" | "top-1\/2" | "top-\[14px\]" | "top-\[18px\]" | "top-\[24px\]" | "top-\[3px\]" | "top-\[47px\]" | "transform" | "transition" | "transition-all" | "transition-colors" | "transition-opacity" | "typography-body-default" | "typography-body-default-medium" | "typography-body-large" | "typography-body-large-medium" | "typography-body-small" | "typography-body-small-medium" | "typography-button-large" | "typography-button-medium" | "typography-button-small" | "typography-caption" | "typography-caption-default" | "typography-caption-small" | "typography-code" | "typography-code-small" | "typography-code-small-strong" | "typography-code-strong" | "typography-default" | "typography-default-strong" | "typography-heading" | "typography-heading-2xl" | "typography-heading-3xl" | "typography-heading-4xl" | "typography-heading-5xl" | "typography-heading-large" | "typography-heading-xl" | "typography-large" | "typography-large-heading" | "typography-large-strong" | "typography-overline-default" | "typography-overline-small" | "typography-small" | "typography-small-strong" | "typography-subheading" | "underline" | "uppercase" | "via-white" | "visible" | "visited\:text-primary-intense" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-8" | "w-\[1080px\]" | "w-\[18px\]" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[360px\]" | "w-\[560px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-\[9px\]" | "w-auto" | "w-dvw" | "w-full" | "whitespace-nowrap" | "whitespace-pre" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
|
1
|
+
export type ClassNames = "-left-1\/2" | "-m-2" | "-mt-4" | "-mx-4" | "-translate-x-1\/2" | "-translate-y-1\/2" | "-z-10" | "Aquarium-Alert\.Banner" | "Aquarium-Button\.Primary" | "Aquarium-Button\.Secondary" | "Aquarium-Card" | "Aquarium-Checkbox" | "Aquarium-Collapsible-Section" | "Aquarium-DropdownMenu\.Item" | "Aquarium-Dropdown\.Item" | "Aquarium-Switch" | "Aquarium-Toast" | "Aquarium-Tooltip" | "\!container" | "\!hidden" | "\!inline" | "\!table" | "\[\&\:\:-webkit-search-cancel-button\]\:appearance-none" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>\*\]\:bg-primary-active" | "\[\&\>\*\]\:border-b-transparent" | "\[\&\>\*\]\:hover\:bg-muted" | "\[\&\>button\]\:p-0" | "\[\&\>button\]\:text-danger-muted" | "\[\&\>button\]\:text-muted" | "\[\&\>div\:first-child\]\:px-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-\[3px\]" | "\[\&\>path\]\:stroke-transparent" | "\[\&_td\]\:px-0" | "\[\[data-placement\]\>\&\]\:px-5" | "\[\[data-placement\]\>\&\]\:py-6" | "absolute" | "active\:bg-body" | "active\:bg-primary-active" | "active\:bg-primary-intense" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-primary-default" | "active\:text-default" | "active\:text-muted" | "active\:text-primary-active" | "active\:text-primary-intense" | "align-middle" | "animate-draw" | "animate-pulse" | "appearance-none" | "aquarium-theme-dark" | "aspect-square" | "auto-cols-fr" | "before\:content-\[\'_\'\]" | "bg-black" | "bg-body" | "bg-body-intense" | "bg-cover" | "bg-current" | "bg-danger-default" | "bg-danger-intense" | "bg-danger-muted" | "bg-default" | "bg-error-0" | "bg-error-10" | "bg-error-100" | "bg-error-20" | "bg-error-30" | "bg-error-40" | "bg-error-5" | "bg-error-50" | "bg-error-60" | "bg-error-70" | "bg-error-80" | "bg-error-90" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-100" | "bg-grey-20" | "bg-grey-30" | "bg-grey-40" | "bg-grey-5" | "bg-grey-50" | "bg-grey-60" | "bg-grey-70" | "bg-grey-80" | "bg-grey-90" | "bg-icon-button-hover" | "bg-info-0" | "bg-info-10" | "bg-info-100" | "bg-info-20" | "bg-info-30" | "bg-info-40" | "bg-info-5" | "bg-info-50" | "bg-info-60" | "bg-info-70" | "bg-info-80" | "bg-info-90" | "bg-info-default" | "bg-info-intense" | "bg-info-muted" | "bg-intense" | "bg-muted" | "bg-popover-content" | "bg-primary-0" | "bg-primary-10" | "bg-primary-100" | "bg-primary-20" | "bg-primary-30" | "bg-primary-40" | "bg-primary-5" | "bg-primary-50" | "bg-primary-60" | "bg-primary-70" | "bg-primary-80" | "bg-primary-90" | "bg-primary-active" | "bg-primary-default" | "bg-primary-hover" | "bg-primary-intense" | "bg-primary-muted" | "bg-secondary-0" | "bg-secondary-10" | "bg-secondary-100" | "bg-secondary-20" | "bg-secondary-30" | "bg-secondary-40" | "bg-secondary-5" | "bg-secondary-50" | "bg-secondary-60" | "bg-secondary-70" | "bg-secondary-80" | "bg-secondary-90" | "bg-status-announcement" | "bg-status-danger" | "bg-status-info" | "bg-status-success" | "bg-status-warning" | "bg-success-0" | "bg-success-10" | "bg-success-100" | "bg-success-20" | "bg-success-30" | "bg-success-40" | "bg-success-5" | "bg-success-50" | "bg-success-60" | "bg-success-70" | "bg-success-80" | "bg-success-90" | "bg-success-default" | "bg-success-intense" | "bg-success-muted" | "bg-transparent" | "bg-warning-0" | "bg-warning-10" | "bg-warning-100" | "bg-warning-20" | "bg-warning-30" | "bg-warning-40" | "bg-warning-5" | "bg-warning-50" | "bg-warning-60" | "bg-warning-70" | "bg-warning-80" | "bg-warning-90" | "bg-warning-default" | "bg-warning-intense" | "bg-warning-muted" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "border-\[2px\]" | "border-b" | "border-b-1" | "border-b-2" | "border-b-transparent" | "border-black" | "border-current" | "border-danger-default" | "border-danger-intense" | "border-danger-muted" | "border-dashed" | "border-default" | "border-error-0" | "border-error-10" | "border-error-100" | "border-error-20" | "border-error-30" | "border-error-40" | "border-error-5" | "border-error-50" | "border-error-60" | "border-error-70" | "border-error-80" | "border-error-90" | "border-grey-0" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-30" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-grey-60" | "border-grey-70" | "border-grey-80" | "border-grey-90" | "border-info-0" | "border-info-10" | "border-info-100" | "border-info-20" | "border-info-30" | "border-info-40" | "border-info-5" | "border-info-50" | "border-info-60" | "border-info-70" | "border-info-80" | "border-info-90" | "border-info-default" | "border-info-intense" | "border-info-muted" | "border-intense" | "border-l" | "border-muted" | "border-none" | "border-primary-0" | "border-primary-10" | "border-primary-100" | "border-primary-20" | "border-primary-30" | "border-primary-40" | "border-primary-5" | "border-primary-50" | "border-primary-60" | "border-primary-70" | "border-primary-80" | "border-primary-90" | "border-primary-default" | "border-primary-intense" | "border-primary-muted" | "border-r-1" | "border-secondary-0" | "border-secondary-10" | "border-secondary-100" | "border-secondary-20" | "border-secondary-30" | "border-secondary-40" | "border-secondary-5" | "border-secondary-50" | "border-secondary-60" | "border-secondary-70" | "border-secondary-80" | "border-secondary-90" | "border-separate" | "border-solid" | "border-spacing-0" | "border-success-0" | "border-success-10" | "border-success-100" | "border-success-20" | "border-success-30" | "border-success-40" | "border-success-5" | "border-success-50" | "border-success-60" | "border-success-70" | "border-success-80" | "border-success-90" | "border-success-default" | "border-success-intense" | "border-success-muted" | "border-t" | "border-t-2" | "border-transparent" | "border-warning-0" | "border-warning-10" | "border-warning-100" | "border-warning-20" | "border-warning-30" | "border-warning-40" | "border-warning-5" | "border-warning-50" | "border-warning-60" | "border-warning-70" | "border-warning-80" | "border-warning-90" | "border-warning-default" | "border-warning-intense" | "border-warning-muted" | "border-white" | "bottom-0" | "break-all" | "break-words" | "capitalize" | "caret-transparent" | "checked\:bg-primary-default" | "checked\:bg-primary-muted" | "checked\:border-primary-default" | "checked\:border-transparent" | "checked\:opacity-50" | "checked\:shadow-bodyInset" | "children\:border-default" | "children\:inline-block" | "children\:last\:border-b-0" | "children\:opacity-70" | "col-span-full" | "col-start-1" | "col-start-2" | "col-start-3" | "collapse" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "delay-300" | "disabled\:bg-body" | "disabled\:bg-default" | "disabled\:bg-muted" | "disabled\:bg-primary-muted" | "disabled\:bg-transparent" | "disabled\:border-default" | "disabled\:cursor-not-allowed" | "disabled\:ring-primary-muted" | "disabled\:text-inactive" | "disabled\:text-primary-inactive" | "divide-grey-20" | "divide-x" | "duration-200" | "duration-300" | "ease-in-out" | "file\:bg-transparent" | "file\:border-0" | "file\:mr-4" | "file\:p-0" | "file\:text-primary-intense" | "file\:typography-small-strong" | "fill-error-10" | "fill-primary-10" | "fill-success-10" | "fill-warning-20" | "fill-white" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-1" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:bg-muted" | "focus-visible\:border-info-default" | "focus-visible\:outline-0" | "focus-visible\:outline-none" | "focus-visible\:relative" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-info-default" | "focus-visible\:ring-inset" | "focus-visible\:ring-offset-0" | "focus-visible\:ring-primary-default" | "focus-visible\:ring-primary-intense" | "focus-visible\:text-intense" | "focus-visible\:text-primary-active" | "focus-visible\:text-primary-intense" | "focus-visible\:z-50" | "focus\:bg-danger-default" | "focus\:bg-intense" | "focus\:border-info-default" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:text-primary-intense" | "focusable" | "font-normal" | "font-semibold" | "from-white" | "gap-0" | "gap-1" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-x-5" | "gap-x-6" | "gap-y-2" | "grayscale" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[16px_1fr\]" | "grid-cols-\[1fr_auto\]" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "grid-flow-col" | "group" | "group-hover\:bg-default" | "group-hover\:bg-muted" | "group-hover\:bg-primary-default" | "group-hover\:opacity-100" | "group-hover\:visible" | "group-invalid\:bg-danger-default" | "group-invalid\:group-hover\:bg-danger-default" | "group-invalid\:group-pressed\:bg-danger-intense" | "group-placement-bottom\:rotate-180" | "group-placement-left\:-rotate-90" | "group-placement-right\:rotate-90" | "group-pressed\:bg-intense" | "group-pressed\:bg-primary-intense" | "grow" | "grow-0" | "h-1" | "h-1\/2" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-8" | "h-\[120px\]" | "h-\[174px\]" | "h-\[1px\]" | "h-\[20px\]" | "h-\[225px\]" | "h-\[25px\]" | "h-\[2px\]" | "h-\[32px\]" | "h-\[3px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-\[6px\]" | "h-\[72px\]" | "h-\[8px\]" | "h-\[9px\]" | "h-auto" | "h-dvh" | "h-full" | "hidden" | "hover\:bg-danger-muted" | "hover\:bg-default" | "hover\:bg-icon-button-hover" | "hover\:bg-intense" | "hover\:bg-muted" | "hover\:bg-primary-hover" | "hover\:bg-primary-intense" | "hover\:border-intense" | "hover\:checked\:bg-primary-intense" | "hover\:cursor-pointer" | "hover\:ring-primary-default" | "hover\:text-intense" | "hover\:text-primary-active" | "hover\:text-primary-default" | "hover\:text-primary-intense" | "hover\:underline" | "icon-stroke-2" | "inactive" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invalid\:bg-danger-default" | "invalid\:selected\:bg-danger-default" | "invisible" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "last\:border-r-0" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "leading-tight" | "left-0" | "left-1\/2" | "left-2" | "line-clamp-1" | "line-clamp-2" | "line-clamp-3" | "line-clamp-4" | "line-clamp-5" | "line-clamp-6" | "line-through" | "m-3" | "m-4" | "m-\[1px\]" | "max-h-\[inherit\]" | "max-h-full" | "max-w-\[300px\]" | "max-w-\[320px\]" | "max-w-\[600px\]" | "max-w-\[70px\]" | "max-w-\[940px\]" | "max-w-screen-lg" | "max-w-screen-md" | "max-w-screen-sm" | "max-w-screen-xl" | "max-w-screen-xs" | "mb-2" | "mb-3" | "mb-5" | "mb-6" | "mb-\[-20px\]" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[120px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "min-w-\[150px\]" | "min-w-\[200px\]" | "min-w-\[210px\]" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mt-auto" | "mx-0" | "mx-1" | "mx-2" | "mx-3" | "mx-4" | "mx-7" | "my-1" | "my-4" | "no-arrow" | "no-arrows" | "no-underline" | "object-cover" | "opacity-0" | "opacity-100" | "opacity-40" | "opacity-50" | "opacity-70" | "origin-\[0\%_45\%\]" | "outline" | "outline-0" | "outline-2" | "outline-none" | "outline-offset-2" | "outline-primary-default" | "outside-month\:hidden" | "overflow-auto" | "overflow-hidden" | "overflow-x-auto" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "p-1" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "p-\[2px\]" | "p-\[3px\]" | "p-\[56px\]" | "pb-3" | "pb-5" | "pb-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:text-primary-muted" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-primary-70" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-primary-default" | "peer-checked\:border-transparent" | "peer-checked\:peer-disabled\:bg-muted" | "peer-checked\:text-primary-default" | "peer-checked\:text-white" | "peer-focus\:border-info-default" | "peer-hover\:border-intense" | "peer\/switch" | "pl-4" | "pl-7" | "placeholder\:text-inactive" | "pointer-events-none" | "pr-4" | "pr-7" | "pr-\[64px\]" | "pressed\:bg-intense" | "pt-3" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-7" | "px-\[14px\]" | "px-\[1px\]" | "px-\[20px\]" | "px-\[4px\]" | "px-\[60px\]" | "px-l2" | "py-0" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-7" | "py-\[10px\]" | "py-\[14px\]" | "py-\[6px\]" | "recharts-cartesian-axis-tick-value" | "recharts-label" | "recharts-legend-item" | "recharts-legend-item-text" | "recharts-rectangle" | "recharts-sector" | "recharts-tooltip-item" | "recharts-tooltip-item-name" | "recharts-tooltip-item-separator" | "recharts-tooltip-item-value" | "recharts-tooltip-label" | "recharts-tooltip-wrapper" | "recharts-yAxis" | "relative" | "resize" | "resize-none" | "right-0" | "right-4" | "right-\[28px\]" | "ring" | "ring-0" | "ring-1" | "ring-inset" | "ring-offset-0" | "ring-primary-default" | "rotate-45" | "rounded" | "rounded-\[2px\]" | "rounded-full" | "rounded-md" | "rounded-none" | "rounded-sm" | "row-start-1" | "row-start-2" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "selected\:bg-primary-default" | "selection-end\:rounded-e-md" | "selection-start\:rounded-s-md" | "self-center" | "self-start" | "shadow-16dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "static" | "sticky" | "stroke-1" | "stroke-black" | "stroke-error-100" | "stroke-primary-muted" | "stroke-success-default" | "stroke-warning-100" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-black" | "text-center" | "text-current" | "text-danger-default" | "text-danger-inactive" | "text-danger-intense" | "text-danger-muted" | "text-default" | "text-ellipsis" | "text-error-0" | "text-error-10" | "text-error-100" | "text-error-20" | "text-error-30" | "text-error-40" | "text-error-5" | "text-error-50" | "text-error-60" | "text-error-70" | "text-error-80" | "text-error-90" | "text-grey-0" | "text-grey-10" | "text-grey-100" | "text-grey-20" | "text-grey-30" | "text-grey-40" | "text-grey-5" | "text-grey-50" | "text-grey-60" | "text-grey-70" | "text-grey-80" | "text-grey-90" | "text-inactive" | "text-info-0" | "text-info-10" | "text-info-100" | "text-info-20" | "text-info-30" | "text-info-40" | "text-info-5" | "text-info-50" | "text-info-60" | "text-info-70" | "text-info-80" | "text-info-90" | "text-info-default" | "text-info-inactive" | "text-info-intense" | "text-info-muted" | "text-intense" | "text-left" | "text-muted" | "text-opposite-default" | "text-primary-0" | "text-primary-10" | "text-primary-100" | "text-primary-20" | "text-primary-30" | "text-primary-40" | "text-primary-5" | "text-primary-50" | "text-primary-60" | "text-primary-70" | "text-primary-80" | "text-primary-90" | "text-primary-active" | "text-primary-default" | "text-primary-inactive" | "text-primary-intense" | "text-primary-muted" | "text-right" | "text-secondary-0" | "text-secondary-10" | "text-secondary-100" | "text-secondary-20" | "text-secondary-30" | "text-secondary-40" | "text-secondary-5" | "text-secondary-50" | "text-secondary-60" | "text-secondary-70" | "text-secondary-80" | "text-secondary-90" | "text-success-0" | "text-success-10" | "text-success-100" | "text-success-20" | "text-success-30" | "text-success-40" | "text-success-5" | "text-success-50" | "text-success-60" | "text-success-70" | "text-success-80" | "text-success-90" | "text-success-default" | "text-success-inactive" | "text-success-intense" | "text-success-muted" | "text-transparent" | "text-warning-0" | "text-warning-10" | "text-warning-100" | "text-warning-20" | "text-warning-30" | "text-warning-40" | "text-warning-5" | "text-warning-50" | "text-warning-60" | "text-warning-70" | "text-warning-80" | "text-warning-90" | "text-warning-default" | "text-warning-inactive" | "text-warning-intense" | "text-warning-muted" | "text-white" | "text-xs" | "top-0" | "top-1\/2" | "top-\[14px\]" | "top-\[18px\]" | "top-\[24px\]" | "top-\[3px\]" | "top-\[47px\]" | "transform" | "transition" | "transition-all" | "transition-colors" | "transition-opacity" | "typography-body-default" | "typography-body-default-medium" | "typography-body-large" | "typography-body-large-medium" | "typography-body-small" | "typography-body-small-medium" | "typography-button-large" | "typography-button-medium" | "typography-button-small" | "typography-caption" | "typography-caption-default" | "typography-caption-small" | "typography-code" | "typography-code-small" | "typography-code-small-strong" | "typography-code-strong" | "typography-default" | "typography-default-strong" | "typography-heading" | "typography-heading-2xl" | "typography-heading-3xl" | "typography-heading-4xl" | "typography-heading-5xl" | "typography-heading-large" | "typography-heading-xl" | "typography-large" | "typography-large-heading" | "typography-large-strong" | "typography-overline-default" | "typography-overline-small" | "typography-small" | "typography-small-strong" | "typography-subheading" | "underline" | "uppercase" | "via-white" | "visible" | "visited\:text-primary-intense" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-8" | "w-\[1080px\]" | "w-\[18px\]" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[360px\]" | "w-\[560px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-\[9px\]" | "w-auto" | "w-dvw" | "w-full" | "whitespace-nowrap" | "whitespace-pre" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@aivenio/aquarium",
|
3
|
-
"version": "2.
|
3
|
+
"version": "2.9.0",
|
4
4
|
"description": "Aiven Aquarium design system",
|
5
5
|
"main": "dist/system.cjs",
|
6
6
|
"module": "dist/system.mjs",
|
@@ -69,10 +69,11 @@
|
|
69
69
|
"start": "npm run build:generated && npm run start:storybook",
|
70
70
|
"release": "NODE_PATH=./ ts-node --script-mode tools/create-release-pr.ts",
|
71
71
|
"watch": "npm run build:generated && webpack --config=webpack.config.js --watch --progress",
|
72
|
-
"build": "npm run build:generated && npm run build:ds:module && npm run build:copy-files",
|
72
|
+
"build": "rm -rf dist && npm run build:generated && npm run build:ds:module && npm run build:copy-files",
|
73
|
+
"build/stats": "BUILD_STATS=true npm run build",
|
73
74
|
"build:storybook": "NODE_ENV=development npm run build && NODE_ENV=development STORYBOOK_THEME=$THEME storybook build -c .storybook -o storybook-static",
|
74
75
|
"build:generated": "npm run build:style-dictionary && npm run build:tailwind && npm run build:ds:icons",
|
75
|
-
"build:ds:module": "npm run build:ds:tsc &&
|
76
|
+
"build:ds:module": "npm run build:ds:tsc && npm run build:ds:bundle -- --format=cjs --out-extension:.js=.cjs && npm run build:ds:bundle -- --format=esm --out-extension:.js=.mjs",
|
76
77
|
"build:ds:bundle": "node tools/esbuild.mjs",
|
77
78
|
"build:ds:icons": "node tools/svgIconsToDistModules.mjs",
|
78
79
|
"build:ds:tsc": "tsc --project tsconfig.module.json && tsc-alias --project tsconfig.module.json",
|
@@ -118,7 +119,7 @@
|
|
118
119
|
"@types/common-tags": "^1.8.0",
|
119
120
|
"@types/jest": "^29.2.2",
|
120
121
|
"@types/jest-axe": "^3.5.5",
|
121
|
-
"@types/lodash": "^4.17.
|
122
|
+
"@types/lodash-es": "^4.17.12",
|
122
123
|
"@types/node": "^22.7.5",
|
123
124
|
"@types/react": "^18.2.25",
|
124
125
|
"@types/react-dom": "^18.2.10",
|
@@ -139,7 +140,7 @@
|
|
139
140
|
"jest-environment-jsdom": "^29.5.0",
|
140
141
|
"jest-fail-on-console": "^3.1.2",
|
141
142
|
"knip": "^5.33.3",
|
142
|
-
"lodash": "^4.17.21",
|
143
|
+
"lodash-es": "^4.17.21",
|
143
144
|
"log-watcher-webpack-plugin": "^1.0.4",
|
144
145
|
"mini-css-extract-plugin": "^1.3.9",
|
145
146
|
"open": "^8.0.5",
|
@@ -178,11 +179,11 @@
|
|
178
179
|
"react-aria": "^3.33.1",
|
179
180
|
"react-aria-components": "^1.3.3",
|
180
181
|
"react-stately": "^3.31.1",
|
181
|
-
"recharts": "^2.
|
182
|
+
"recharts": "^2.15.0",
|
182
183
|
"tailwind-variants": "^0.2.1"
|
183
184
|
},
|
184
185
|
"peerDependencies": {
|
185
|
-
"lodash": "4.x",
|
186
|
+
"lodash-es": "4.x",
|
186
187
|
"react": "16.x || 17.x || 18.x",
|
187
188
|
"react-dom": "16.x || 17.x || 18.x"
|
188
189
|
},
|
@@ -1,24 +0,0 @@
|
|
1
|
-
export declare const createService: (type?: string) => () => {
|
2
|
-
id: string;
|
3
|
-
name: string;
|
4
|
-
type: string | undefined;
|
5
|
-
};
|
6
|
-
export declare const serviceItems: {
|
7
|
-
items: ({
|
8
|
-
id: string;
|
9
|
-
name: string;
|
10
|
-
type: string | undefined;
|
11
|
-
} | {
|
12
|
-
items: {
|
13
|
-
id: string;
|
14
|
-
name: string;
|
15
|
-
type: string | undefined;
|
16
|
-
}[];
|
17
|
-
id: string;
|
18
|
-
name: string;
|
19
|
-
type: string | undefined;
|
20
|
-
})[];
|
21
|
-
id: string;
|
22
|
-
name: string;
|
23
|
-
type: string | undefined;
|
24
|
-
}[];
|
@@ -1,100 +0,0 @@
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
8
|
-
});
|
9
|
-
};
|
10
|
-
import React from 'react';
|
11
|
-
import { faker } from '@faker-js/faker';
|
12
|
-
import { render, screen, within } from '@testing-library/react';
|
13
|
-
import userEvent from '@testing-library/user-event';
|
14
|
-
import { ItemList } from './ItemList';
|
15
|
-
export const createService = (type) => () => ({
|
16
|
-
id: faker.string.uuid(),
|
17
|
-
name: faker.word.adjective() + ' ' + faker.word.noun(),
|
18
|
-
type,
|
19
|
-
});
|
20
|
-
function recursiveFlat(items) {
|
21
|
-
const flattenedItems = [];
|
22
|
-
items.forEach((item) => {
|
23
|
-
flattenedItems.push(item);
|
24
|
-
if (Array.isArray(item.items)) {
|
25
|
-
flattenedItems.push(...recursiveFlat(item.items));
|
26
|
-
}
|
27
|
-
});
|
28
|
-
return flattenedItems;
|
29
|
-
}
|
30
|
-
export const serviceItems = [
|
31
|
-
Object.assign(Object.assign({}, createService('pg')()), { items: faker.helpers.multiple(createService('pg'), { count: 3 }) }),
|
32
|
-
Object.assign(Object.assign({}, createService('kafka')()), { items: faker.helpers.multiple(createService('kafka'), { count: 5 }) }),
|
33
|
-
Object.assign(Object.assign({}, createService('mysql')()), { items: [
|
34
|
-
...faker.helpers.multiple(createService('mysql'), { count: 2 }),
|
35
|
-
Object.assign(Object.assign({}, createService('mysql')()), { items: faker.helpers.multiple(createService('mysql'), { count: 4 }) }),
|
36
|
-
] }),
|
37
|
-
];
|
38
|
-
const getRowContents = () => {
|
39
|
-
const [_header, ...rows] = screen.getAllByRole('row');
|
40
|
-
return rows.map((row) => row.textContent);
|
41
|
-
};
|
42
|
-
describe('<ItemList />', () => {
|
43
|
-
describe('given recursive list', () => {
|
44
|
-
beforeEach(() => {
|
45
|
-
render(React.createElement(ItemList, { items: serviceItems, columns: [
|
46
|
-
{
|
47
|
-
headerName: 'Service',
|
48
|
-
type: 'text',
|
49
|
-
field: 'name',
|
50
|
-
},
|
51
|
-
] }));
|
52
|
-
});
|
53
|
-
it('should render all items recursively', () => {
|
54
|
-
expect(getRowContents()).toEqual(recursiveFlat(serviceItems).map((item) => item.name));
|
55
|
-
});
|
56
|
-
it('should contain 3 row groups', () => {
|
57
|
-
const rowgroups = screen.getAllByRole('rowgroup');
|
58
|
-
expect(rowgroups).toHaveLength(3);
|
59
|
-
});
|
60
|
-
it('rowgroups should contain their respective rows', () => {
|
61
|
-
const [pg, kafka, mysql] = screen.getAllByRole('rowgroup');
|
62
|
-
expect(within(pg)
|
63
|
-
.getAllByRole('row')
|
64
|
-
.map((node) => node.textContent)).toEqual(serviceItems[0].items.map((item) => item.name));
|
65
|
-
expect(within(kafka)
|
66
|
-
.getAllByRole('row')
|
67
|
-
.map((node) => node.textContent)).toEqual(serviceItems[1].items.map((item) => item.name));
|
68
|
-
expect(within(mysql)
|
69
|
-
.getAllByRole('row')
|
70
|
-
.map((node) => node.textContent)).toEqual(recursiveFlat(serviceItems[2].items).map((item) => item.name));
|
71
|
-
});
|
72
|
-
});
|
73
|
-
describe('given a flat list', () => {
|
74
|
-
const services = faker.helpers.multiple(createService('pg'), { count: 10 });
|
75
|
-
beforeEach(() => {
|
76
|
-
render(React.createElement(ItemList, { items: services, columns: [
|
77
|
-
{
|
78
|
-
headerName: 'Service',
|
79
|
-
type: 'text',
|
80
|
-
field: 'name',
|
81
|
-
sort: (a, b) => a.name.localeCompare(b.name),
|
82
|
-
},
|
83
|
-
] }));
|
84
|
-
});
|
85
|
-
it('should allow sorting', () => __awaiter(void 0, void 0, void 0, function* () {
|
86
|
-
const user = userEvent.setup();
|
87
|
-
const header = screen.getByRole('button', { name: 'Service' });
|
88
|
-
// Initial state
|
89
|
-
const expected = services.map((item) => item.name);
|
90
|
-
expect(getRowContents()).toEqual(expected);
|
91
|
-
// Sort ascending
|
92
|
-
yield user.click(header);
|
93
|
-
expect(getRowContents()).toEqual([...expected].sort((a, b) => a.localeCompare(b)));
|
94
|
-
// Sort descending
|
95
|
-
yield user.click(header);
|
96
|
-
expect(getRowContents()).toEqual([...expected].sort((a, b) => b.localeCompare(a)));
|
97
|
-
}));
|
98
|
-
});
|
99
|
-
});
|
100
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSXRlbUxpc3Quc3BlYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvSXRlbUxpc3QvSXRlbUxpc3Quc3BlYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRSxPQUFPLFNBQVMsTUFBTSw2QkFBNkIsQ0FBQztBQUVwRCxPQUFPLEVBQWEsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRWpELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxDQUFDLElBQWEsRUFBRSxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUNyRCxFQUFFLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUU7SUFDdkIsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLEdBQUcsR0FBRyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO0lBQ3RELElBQUk7Q0FDTCxDQUFDLENBQUM7QUFFSCxTQUFTLGFBQWEsQ0FBQyxLQUFhO0lBQ2xDLE1BQU0sY0FBYyxHQUFXLEVBQUUsQ0FBQztJQUNsQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7UUFDckIsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxQixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDOUIsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUNwRCxDQUFDO0lBQ0gsQ0FBQyxD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
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const mockDynamicIds: () => void;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
export const mockDynamicIds = () => {
|
2
|
-
let id = 0;
|
3
|
-
const generateID = () => `id-${++id}`;
|
4
|
-
jest.mock('lodash/uniqueId', () => {
|
5
|
-
return {
|
6
|
-
__esModule: true,
|
7
|
-
default: jest.fn(generateID),
|
8
|
-
};
|
9
|
-
});
|
10
|
-
beforeEach(() => {
|
11
|
-
id = 0;
|
12
|
-
});
|
13
|
-
};
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ja0R5bmFtaWNJZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvbW9ja3MvbW9ja0R5bmFtaWNJZHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLEdBQUcsRUFBRTtJQUNqQyxJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDWCxNQUFNLFVBQVUsR0FBRyxHQUFHLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFFdEMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUU7UUFDaEMsT0FBTztZQUNMLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLE9BQU8sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQztTQUM3QixDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7SUFFSCxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNULENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDIn0=
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const mockIntersectionObserver: () => void;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
export const mockIntersectionObserver = () => {
|
2
|
-
beforeAll(() => {
|
3
|
-
Object.defineProperty(window, 'IntersectionObserver', {
|
4
|
-
writable: true,
|
5
|
-
value: jest.fn().mockImplementation(() => ({
|
6
|
-
observe: () => jest.fn(),
|
7
|
-
unobserve: () => jest.fn(),
|
8
|
-
disconnect: () => jest.fn(),
|
9
|
-
})),
|
10
|
-
});
|
11
|
-
});
|
12
|
-
};
|
13
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ja0ludGVyc2VjdGlvbk9ic2VydmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL21vY2tzL21vY2tJbnRlcnNlY3Rpb25PYnNlcnZlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBRyxHQUFHLEVBQUU7SUFDM0MsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLE1BQU0sQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFLHNCQUFzQixFQUFFO1lBQ3BELFFBQVEsRUFBRSxJQUFJO1lBQ2QsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO2dCQUN6QyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRTtnQkFDeEIsU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUU7Z0JBQzFCLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFO2FBQzVCLENBQUMsQ0FBQztTQUNKLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDIn0=
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const mockRecharts: () => void;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
export const mockRecharts = () => {
|
3
|
-
jest.mock('recharts', () => {
|
4
|
-
const OriginalRechartsModule = jest.requireActual('recharts');
|
5
|
-
return Object.assign(Object.assign({}, OriginalRechartsModule), { ResponsiveContainer: (props) => (React.createElement(OriginalRechartsModule.ResponsiveContainer, Object.assign({}, props, { width: 800 }))) });
|
6
|
-
});
|
7
|
-
};
|
8
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ja1JlY2hhcnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL21vY2tzL21vY2tSZWNoYXJ0cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBSTFCLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxHQUFHLEVBQUU7SUFDL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFO1FBQ3pCLE1BQU0sc0JBQXNCLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUU5RCx1Q0FDSyxzQkFBc0IsS0FDekIsbUJBQW1CLEVBQUUsQ0FBQyxLQUErQixFQUFFLEVBQUUsQ0FBQyxDQUN4RCxvQkFBQyxzQkFBc0IsQ0FBQyxtQkFBbUIsb0JBQUssS0FBSyxJQUFFLEtBQUssRUFBRSxHQUFHLElBQUksQ0FDdEUsSUFDRDtJQUNKLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDIn0=
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const mockResizeObserver: () => void;
|
@@ -1,60 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* To make sure that the tests are working, it's important that you are using
|
3
|
-
* this implementation of ResizeObserver and DOMMatrixReadOnly
|
4
|
-
*/
|
5
|
-
class MockResizeObserver {
|
6
|
-
constructor() {
|
7
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
8
|
-
this.disconnect = () => { };
|
9
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
10
|
-
this.observe = () => { };
|
11
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
12
|
-
this.unobserve = () => { };
|
13
|
-
}
|
14
|
-
}
|
15
|
-
class DOMMatrixReadOnly {
|
16
|
-
constructor(transform) {
|
17
|
-
var _a;
|
18
|
-
const scale = (_a = /scale\(([1-9.])\)/.exec(transform)) === null || _a === void 0 ? void 0 : _a[1];
|
19
|
-
this.m22 = scale !== undefined ? +scale : 1;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
// Only run the shim once when requested
|
23
|
-
let init = false;
|
24
|
-
export const mockResizeObserver = () => {
|
25
|
-
if (init) {
|
26
|
-
return;
|
27
|
-
}
|
28
|
-
init = true;
|
29
|
-
Object.defineProperty(window, 'ResizeObserver', {
|
30
|
-
writable: true,
|
31
|
-
configurable: true,
|
32
|
-
value: MockResizeObserver,
|
33
|
-
});
|
34
|
-
Object.defineProperty(global, 'ResizeObserver', {
|
35
|
-
writable: true,
|
36
|
-
configurable: true,
|
37
|
-
value: MockResizeObserver,
|
38
|
-
});
|
39
|
-
// @ts-expect-error ---
|
40
|
-
global.DOMMatrixReadOnly = DOMMatrixReadOnly;
|
41
|
-
Object.defineProperties(global.HTMLElement.prototype, {
|
42
|
-
offsetHeight: {
|
43
|
-
get() {
|
44
|
-
return parseFloat(this.style.height) || 1;
|
45
|
-
},
|
46
|
-
},
|
47
|
-
offsetWidth: {
|
48
|
-
get() {
|
49
|
-
return parseFloat(this.style.width) || 1;
|
50
|
-
},
|
51
|
-
},
|
52
|
-
});
|
53
|
-
global.SVGElement.prototype.getBBox = () => ({
|
54
|
-
x: 0,
|
55
|
-
y: 0,
|
56
|
-
width: 1,
|
57
|
-
height: 1,
|
58
|
-
});
|
59
|
-
};
|
60
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ja1Jlc2l6ZU9ic2VydmFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvbW9ja3MvbW9ja1Jlc2l6ZU9ic2VydmFibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBQ0gsTUFBTSxrQkFBa0I7SUFBeEI7UUFDRSxnRUFBZ0U7UUFDaEUsZUFBVSxHQUFlLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUNsQyxnRUFBZ0U7UUFDaEUsWUFBTyxHQUE4QixHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsZ0VBQWdFO1FBQ2hFLGNBQVMsR0FBOEIsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBQ2xELENBQUM7Q0FBQTtBQUVELE1BQU0saUJBQWlCO0lBRXJCLFlBQVksU0FBaUI7O1FBQzNCLE1BQU0sS0FBSyxHQUFHLE1BQUEsbUJBQW1CLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQywwQ0FBRyxDQUFDLENBQUMsQ0FBQztRQUN2RCxJQUFJLENBQUMsR0FBRyxHQUFHLEtBQUssS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUMsQ0FBQztDQUNGO0FBRUQsd0NBQXdDO0FBQ3hDLElBQUksSUFBSSxHQUFHLEtBQUssQ0FBQztBQUVqQixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxHQUFHLEVBQUU7SUFDckMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUNULE9BQU87SUFDVCxDQUFDO0lBQ0QsSUFBSSxHQUFHLElBQUksQ0FBQztJQUVaLE1BQU0sQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFLGdCQUFnQixFQUFFO1FBQzlDLFFBQVEsRUFBRSxJQUFJO1FBQ2QsWUFBWSxFQUFFLElBQUk7UUFDbEIsS0FBSyxFQUFFLGtCQUFrQjtLQUMxQixDQUFDLENBQUM7SUFFSCxNQUFNLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRTtRQUM5QyxRQUFRLEVBQUUsSUFBSTtRQUNkLFlBQVksRUFBRSxJQUFJO1FBQ2xCLEtBQUssRUFBRSxrQkFBa0I7S0FDMUIsQ0FBQyxDQUFDO0lBRUgsdUJBQXVCO0lBQ3ZCLE1BQU0sQ0FBQyxpQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztJQUU3QyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEVBQUU7UUFDcEQsWUFBWSxFQUFFO1lBQ1osR0FBRztnQkFDRCxPQUFPLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM1QyxDQUFDO1NBQ0Y7UUFDRCxXQUFXLEVBQUU7WUFDWCxHQUFHO2dCQUNELE9BQU8sVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzNDLENBQUM7U0FDRjtLQUNGLENBQUMsQ0FBQztJQUVGLE1BQU0sQ0FBQyxVQUFrQixDQUFDLFNBQVMsQ0FBQyxPQUFPLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUNwRCxDQUFDLEVBQUUsQ0FBQztRQUNKLENBQUMsRUFBRSxDQUFDO1FBQ0osS0FBSyxFQUFFLENBQUM7UUFDUixNQUFNLEVBQUUsQ0FBQztLQUNWLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyJ9
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const mockScrollIntoView: () => void;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
export const mockScrollIntoView = () => {
|
2
|
-
beforeAll(() => {
|
3
|
-
Object.defineProperty(window.HTMLElement.prototype, 'scrollIntoView', {
|
4
|
-
writable: true,
|
5
|
-
value: jest.fn().mockImplementation(() => {
|
6
|
-
return undefined;
|
7
|
-
}),
|
8
|
-
});
|
9
|
-
});
|
10
|
-
};
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ja1Njcm9sbEludG9WaWV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL21vY2tzL21vY2tTY3JvbGxJbnRvVmlldy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxHQUFHLEVBQUU7SUFDckMsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLE1BQU0sQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7WUFDcEUsUUFBUSxFQUFFLElBQUk7WUFDZCxLQUFLLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDLGtCQUFrQixDQUFDLEdBQUcsRUFBRTtnQkFDdkMsT0FBTyxTQUFTLENBQUM7WUFDbkIsQ0FBQyxDQUFDO1NBQ0gsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMifQ==
|
@@ -1 +0,0 @@
|
|
1
|
-
import '@testing-library/jest-dom';
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import '@testing-library/jest-dom';
|
2
|
-
import { faker } from '@faker-js/faker';
|
3
|
-
import failOnConsole from 'jest-fail-on-console';
|
4
|
-
import { mockDynamicIds } from './mocks/mockDynamicIds';
|
5
|
-
import { mockIntersectionObserver } from './mocks/mockIntersectionObserver';
|
6
|
-
import { mockRecharts } from './mocks/mockRecharts';
|
7
|
-
import { mockResizeObserver } from './mocks/mockResizeObservable';
|
8
|
-
import { mockScrollIntoView } from './mocks/mockScrollIntoView';
|
9
|
-
// fail test on unhandled console warn or error https://www.npmjs.com/package/jest-fail-on-console
|
10
|
-
failOnConsole({
|
11
|
-
shouldFailOnWarn: true,
|
12
|
-
shouldFailOnError: true,
|
13
|
-
shouldFailOnAssert: false,
|
14
|
-
shouldFailOnDebug: false,
|
15
|
-
shouldFailOnLog: false,
|
16
|
-
shouldFailOnInfo: false,
|
17
|
-
});
|
18
|
-
mockDynamicIds();
|
19
|
-
mockIntersectionObserver();
|
20
|
-
mockResizeObserver();
|
21
|
-
mockRecharts();
|
22
|
-
mockScrollIntoView();
|
23
|
-
// Use static seed for faker to get consistent results.
|
24
|
-
faker.seed(42);
|
25
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dXBUZXN0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9zZXR1cFRlc3RzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sMkJBQTJCLENBQUM7QUFFbkMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hDLE9BQU8sYUFBYSxNQUFNLHNCQUFzQixDQUFDO0FBRWpELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFaEUsa0dBQWtHO0FBQ2xHLGFBQWEsQ0FBQztJQUNaLGdCQUFnQixFQUFFLElBQUk7SUFDdEIsaUJBQWlCLEVBQUUsSUFBSTtJQUN2QixrQkFBa0IsRUFBRSxLQUFLO0lBQ3pCLGlCQUFpQixFQUFFLEtBQUs7SUFDeEIsZUFBZSxFQUFFLEtBQUs7SUFDdEIsZ0JBQWdCLEVBQUUsS0FBSztDQUN4QixDQUFDLENBQUM7QUFFSCxjQUFjLEVBQUUsQ0FBQztBQUNqQix3QkFBd0IsRUFBRSxDQUFDO0FBQzNCLGtCQUFrQixFQUFFLENBQUM7QUFDckIsWUFBWSxFQUFFLENBQUM7QUFDZixrQkFBa0IsRUFBRSxDQUFDO0FBRXJCLHVEQUF1RDtBQUN2RCxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDIn0=
|