@vygruppen/spor-react 12.24.13 → 12.24.15
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/.turbo/turbo-build.log +12 -12
- package/.turbo/turbo-postinstall.log +4 -3
- package/CHANGELOG.md +13 -0
- package/dist/index.cjs +201 -163
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +15 -14
- package/dist/index.d.ts +15 -14
- package/dist/index.mjs +202 -164
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/calendar/CalendarCell.tsx +58 -32
- package/src/calendar/CalendarContext.tsx +9 -0
- package/src/calendar/ScrollCalendar.tsx +14 -4
- package/src/input/Autocomplete.tsx +105 -98
- package/src/stepper/StepperStep.tsx +2 -5
package/dist/index.d.cts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { ReactNode, PropsWithChildren, ComponentProps } from 'react';
|
|
3
3
|
import * as _chakra_ui_react from '@chakra-ui/react';
|
|
4
|
-
import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, ButtonProps as ButtonProps$1, RecipeVariantProps, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, SystemStyleObject, RadioCard as RadioCard$1, SeparatorProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1,
|
|
4
|
+
import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, ButtonProps as ButtonProps$1, RecipeVariantProps, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, SystemStyleObject, RadioCard as RadioCard$1, SeparatorProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, Combobox as Combobox$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, CheckboxCardRootProps, Fieldset as Fieldset$1, Input as Input$1, ListRootProps, NativeSelect as NativeSelect$1, NativeSelectFieldProps, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, SelectLabelProps, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, Tabs as Tabs$1, TabsRootProps, Table as Table$1, TableBodyProps as TableBodyProps$1, TableColumnHeaderProps as TableColumnHeaderProps$1, TableRootProps, Tooltip as Tooltip$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
|
|
5
5
|
export { AspectRatio, Box, BoxProps, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, CenterProps, ClientOnly, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Icon, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, SystemConfig, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnGroup, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, Wrap, createIcon, createListCollection, createSystem, defineConfig, defineRecipe, defineSlotRecipe, defineStyle, mergeConfigs, chakra as spor, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useRecipe, useSlotRecipe, useToken } from '@chakra-ui/react';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
import { IconComponent } from '@vygruppen/spor-icon-react';
|
|
@@ -522,7 +522,7 @@ declare const FloatingActionButton: React__default.ForwardRefExoticComponent<Box
|
|
|
522
522
|
isTextVisible?: boolean;
|
|
523
523
|
} & React__default.RefAttributes<HTMLButtonElement>>;
|
|
524
524
|
|
|
525
|
-
type Props$
|
|
525
|
+
type Props$4 = {
|
|
526
526
|
/**
|
|
527
527
|
* Show two months side by side
|
|
528
528
|
*/
|
|
@@ -533,13 +533,13 @@ type Props$5 = {
|
|
|
533
533
|
* Calendar component that displays a grid of days for a specific month.
|
|
534
534
|
* Standard view with pagination, with the option to show dual months side by side.
|
|
535
535
|
*/
|
|
536
|
-
declare function Calendar({ dualView, css }: Props$
|
|
536
|
+
declare function Calendar({ dualView, css }: Props$4): react_jsx_runtime.JSX.Element;
|
|
537
537
|
|
|
538
|
-
type Props$
|
|
538
|
+
type Props$3 = {
|
|
539
539
|
date: CalendarDate;
|
|
540
540
|
currentMonth: CalendarDate;
|
|
541
541
|
};
|
|
542
|
-
declare function CalendarCell({ date, currentMonth }: Props$
|
|
542
|
+
declare function CalendarCell({ date, currentMonth }: Props$3): react_jsx_runtime.JSX.Element;
|
|
543
543
|
|
|
544
544
|
type CalendarValue = [CalendarDate | null, CalendarDate | null];
|
|
545
545
|
type CalendarMode = "single" | "range";
|
|
@@ -563,7 +563,7 @@ type RangeCalendarState = BaseCalendarState & {
|
|
|
563
563
|
endValue: CalendarDate | null;
|
|
564
564
|
};
|
|
565
565
|
declare function useCalendar(): CalendarState;
|
|
566
|
-
type Props$
|
|
566
|
+
type Props$2 = {
|
|
567
567
|
children?: React.ReactNode;
|
|
568
568
|
/**
|
|
569
569
|
* The selection mode of the calendar. Can be "single" or "range".
|
|
@@ -594,17 +594,17 @@ type Props$3 = {
|
|
|
594
594
|
/**
|
|
595
595
|
* Provides context for calendar components. Must be used as a wrapper around the Calendar.
|
|
596
596
|
*/
|
|
597
|
-
declare function CalendarProvider(props: Props$
|
|
597
|
+
declare function CalendarProvider(props: Props$2): react_jsx_runtime.JSX.Element;
|
|
598
598
|
|
|
599
|
-
type Props$
|
|
599
|
+
type Props$1 = {
|
|
600
600
|
offset?: DateDuration;
|
|
601
601
|
};
|
|
602
|
-
declare function CalendarGrid({ offset }: Props$
|
|
602
|
+
declare function CalendarGrid({ offset }: Props$1): react_jsx_runtime.JSX.Element;
|
|
603
603
|
|
|
604
|
-
type Props
|
|
604
|
+
type Props = {
|
|
605
605
|
dualView?: boolean;
|
|
606
606
|
};
|
|
607
|
-
declare function CalendarHeader({ dualView }: Props
|
|
607
|
+
declare function CalendarHeader({ dualView }: Props): react_jsx_runtime.JSX.Element;
|
|
608
608
|
|
|
609
609
|
declare const PressableCard: React$1.ForwardRefExoticComponent<{
|
|
610
610
|
variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | "accent" | undefined>;
|
|
@@ -1277,7 +1277,7 @@ type AttachedInputsProps = RecipeVariantProps<typeof attachedInputsRecipe> & Gro
|
|
|
1277
1277
|
});
|
|
1278
1278
|
declare const AttachedInputs: React$1.ForwardRefExoticComponent<AttachedInputsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1279
1279
|
|
|
1280
|
-
|
|
1280
|
+
declare const Autocomplete: React__default.ForwardRefExoticComponent<{
|
|
1281
1281
|
variant?: "core" | "floating";
|
|
1282
1282
|
label: React__default.ReactNode;
|
|
1283
1283
|
leftIcon?: React__default.ReactNode;
|
|
@@ -1285,8 +1285,9 @@ type Props = {
|
|
|
1285
1285
|
loading?: boolean;
|
|
1286
1286
|
emptyLabel?: React__default.ReactNode;
|
|
1287
1287
|
openOnFocus?: boolean;
|
|
1288
|
-
} & Omit<
|
|
1289
|
-
|
|
1288
|
+
} & Omit<Combobox$1.RootProps<any>, "collection"> & Omit<_chakra_ui_react.FieldRootProps, "label" | "onBlur" | "onChange"> & {
|
|
1289
|
+
children?: React__default.ReactNode | undefined;
|
|
1290
|
+
} & FieldBaseProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1290
1291
|
declare const AutocompleteItemGroup: React__default.ForwardRefExoticComponent<Combobox$1.ItemGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1291
1292
|
declare const AutocompleteItemGroupLabel: React__default.ForwardRefExoticComponent<_chakra_ui_react.ComboboxItemGroupLabelProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1292
1293
|
declare const AutocompleteItem: React__default.ForwardRefExoticComponent<Combobox$1.ItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { ReactNode, PropsWithChildren, ComponentProps } from 'react';
|
|
3
3
|
import * as _chakra_ui_react from '@chakra-ui/react';
|
|
4
|
-
import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, ButtonProps as ButtonProps$1, RecipeVariantProps, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, SystemStyleObject, RadioCard as RadioCard$1, SeparatorProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1,
|
|
4
|
+
import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, ButtonProps as ButtonProps$1, RecipeVariantProps, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, SystemStyleObject, RadioCard as RadioCard$1, SeparatorProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, Combobox as Combobox$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, CheckboxCardRootProps, Fieldset as Fieldset$1, Input as Input$1, ListRootProps, NativeSelect as NativeSelect$1, NativeSelectFieldProps, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, SelectLabelProps, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, Tabs as Tabs$1, TabsRootProps, Table as Table$1, TableBodyProps as TableBodyProps$1, TableColumnHeaderProps as TableColumnHeaderProps$1, TableRootProps, Tooltip as Tooltip$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
|
|
5
5
|
export { AspectRatio, Box, BoxProps, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, CenterProps, ClientOnly, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Icon, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, SystemConfig, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnGroup, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, Wrap, createIcon, createListCollection, createSystem, defineConfig, defineRecipe, defineSlotRecipe, defineStyle, mergeConfigs, chakra as spor, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useRecipe, useSlotRecipe, useToken } from '@chakra-ui/react';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
import { IconComponent } from '@vygruppen/spor-icon-react';
|
|
@@ -522,7 +522,7 @@ declare const FloatingActionButton: React__default.ForwardRefExoticComponent<Box
|
|
|
522
522
|
isTextVisible?: boolean;
|
|
523
523
|
} & React__default.RefAttributes<HTMLButtonElement>>;
|
|
524
524
|
|
|
525
|
-
type Props$
|
|
525
|
+
type Props$4 = {
|
|
526
526
|
/**
|
|
527
527
|
* Show two months side by side
|
|
528
528
|
*/
|
|
@@ -533,13 +533,13 @@ type Props$5 = {
|
|
|
533
533
|
* Calendar component that displays a grid of days for a specific month.
|
|
534
534
|
* Standard view with pagination, with the option to show dual months side by side.
|
|
535
535
|
*/
|
|
536
|
-
declare function Calendar({ dualView, css }: Props$
|
|
536
|
+
declare function Calendar({ dualView, css }: Props$4): react_jsx_runtime.JSX.Element;
|
|
537
537
|
|
|
538
|
-
type Props$
|
|
538
|
+
type Props$3 = {
|
|
539
539
|
date: CalendarDate;
|
|
540
540
|
currentMonth: CalendarDate;
|
|
541
541
|
};
|
|
542
|
-
declare function CalendarCell({ date, currentMonth }: Props$
|
|
542
|
+
declare function CalendarCell({ date, currentMonth }: Props$3): react_jsx_runtime.JSX.Element;
|
|
543
543
|
|
|
544
544
|
type CalendarValue = [CalendarDate | null, CalendarDate | null];
|
|
545
545
|
type CalendarMode = "single" | "range";
|
|
@@ -563,7 +563,7 @@ type RangeCalendarState = BaseCalendarState & {
|
|
|
563
563
|
endValue: CalendarDate | null;
|
|
564
564
|
};
|
|
565
565
|
declare function useCalendar(): CalendarState;
|
|
566
|
-
type Props$
|
|
566
|
+
type Props$2 = {
|
|
567
567
|
children?: React.ReactNode;
|
|
568
568
|
/**
|
|
569
569
|
* The selection mode of the calendar. Can be "single" or "range".
|
|
@@ -594,17 +594,17 @@ type Props$3 = {
|
|
|
594
594
|
/**
|
|
595
595
|
* Provides context for calendar components. Must be used as a wrapper around the Calendar.
|
|
596
596
|
*/
|
|
597
|
-
declare function CalendarProvider(props: Props$
|
|
597
|
+
declare function CalendarProvider(props: Props$2): react_jsx_runtime.JSX.Element;
|
|
598
598
|
|
|
599
|
-
type Props$
|
|
599
|
+
type Props$1 = {
|
|
600
600
|
offset?: DateDuration;
|
|
601
601
|
};
|
|
602
|
-
declare function CalendarGrid({ offset }: Props$
|
|
602
|
+
declare function CalendarGrid({ offset }: Props$1): react_jsx_runtime.JSX.Element;
|
|
603
603
|
|
|
604
|
-
type Props
|
|
604
|
+
type Props = {
|
|
605
605
|
dualView?: boolean;
|
|
606
606
|
};
|
|
607
|
-
declare function CalendarHeader({ dualView }: Props
|
|
607
|
+
declare function CalendarHeader({ dualView }: Props): react_jsx_runtime.JSX.Element;
|
|
608
608
|
|
|
609
609
|
declare const PressableCard: React$1.ForwardRefExoticComponent<{
|
|
610
610
|
variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | "accent" | undefined>;
|
|
@@ -1277,7 +1277,7 @@ type AttachedInputsProps = RecipeVariantProps<typeof attachedInputsRecipe> & Gro
|
|
|
1277
1277
|
});
|
|
1278
1278
|
declare const AttachedInputs: React$1.ForwardRefExoticComponent<AttachedInputsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1279
1279
|
|
|
1280
|
-
|
|
1280
|
+
declare const Autocomplete: React__default.ForwardRefExoticComponent<{
|
|
1281
1281
|
variant?: "core" | "floating";
|
|
1282
1282
|
label: React__default.ReactNode;
|
|
1283
1283
|
leftIcon?: React__default.ReactNode;
|
|
@@ -1285,8 +1285,9 @@ type Props = {
|
|
|
1285
1285
|
loading?: boolean;
|
|
1286
1286
|
emptyLabel?: React__default.ReactNode;
|
|
1287
1287
|
openOnFocus?: boolean;
|
|
1288
|
-
} & Omit<
|
|
1289
|
-
|
|
1288
|
+
} & Omit<Combobox$1.RootProps<any>, "collection"> & Omit<_chakra_ui_react.FieldRootProps, "label" | "onBlur" | "onChange"> & {
|
|
1289
|
+
children?: React__default.ReactNode | undefined;
|
|
1290
|
+
} & FieldBaseProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1290
1291
|
declare const AutocompleteItemGroup: React__default.ForwardRefExoticComponent<Combobox$1.ItemGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1291
1292
|
declare const AutocompleteItemGroupLabel: React__default.ForwardRefExoticComponent<_chakra_ui_react.ComboboxItemGroupLabelProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1292
1293
|
declare const AutocompleteItem: React__default.ForwardRefExoticComponent<Combobox$1.ItemProps & React__default.RefAttributes<HTMLDivElement>>;
|