@northlight/ui 2.28.13 → 2.28.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/CHANGELOG.md +2600 -0
- package/dist/es/northlight.d.ts +28 -33
- package/dist/es/northlight.js +2308 -2357
- package/dist/es/northlight.js.map +1 -1
- package/dist/umd/northlight.cjs +2305 -2355
- package/dist/umd/northlight.cjs.map +1 -1
- package/dist/umd/northlight.min.cjs +3 -3
- package/dist/umd/northlight.min.cjs.map +1 -1
- package/package.json +2 -3
- package/LICENSE +0 -21
package/dist/es/northlight.d.ts
CHANGED
|
@@ -998,6 +998,14 @@ declare const DatePicker: (props: DatePickerProps) => JSX.Element;
|
|
|
998
998
|
*/
|
|
999
999
|
declare const DateRangePicker: (props: DateRangePickerProps) => JSX.Element;
|
|
1000
1000
|
|
|
1001
|
+
type FirstDayOfWeek = 'monday' | 'sunday';
|
|
1002
|
+
|
|
1003
|
+
interface DatePickerLocaleWrapperProps {
|
|
1004
|
+
firstDayOfWeek: FirstDayOfWeek;
|
|
1005
|
+
children: ReactNode;
|
|
1006
|
+
}
|
|
1007
|
+
declare const DatePickerLocaleWrapper: ({ firstDayOfWeek, children, }: DatePickerLocaleWrapperProps) => JSX.Element;
|
|
1008
|
+
|
|
1001
1009
|
/**
|
|
1002
1010
|
* The <DatePicker /> component wrapped in a <Field />
|
|
1003
1011
|
* meant to be used only inside <Form />
|
|
@@ -1279,7 +1287,7 @@ interface SearchBarProps<T extends SearchBarOptionType, K extends boolean = fals
|
|
|
1279
1287
|
debouncedWaitTime?: number;
|
|
1280
1288
|
clearInputOnSelect?: boolean;
|
|
1281
1289
|
closeMenuonSelect?: boolean;
|
|
1282
|
-
defaultOptions?: T[];
|
|
1290
|
+
defaultOptions?: T[] | boolean;
|
|
1283
1291
|
sx?: ChakraStylesConfig<any>;
|
|
1284
1292
|
isMulti?: K;
|
|
1285
1293
|
customOption?: CustomElementType<T>;
|
|
@@ -2205,7 +2213,7 @@ interface FileIconButtonProps extends Omit<IconButtonProps$1, 'icon' | 'ButtonVa
|
|
|
2205
2213
|
*
|
|
2206
2214
|
*
|
|
2207
2215
|
*/
|
|
2208
|
-
declare const FilePicker: ({ acceptFormat, onChange, compression, uploaded: uploadedInitial, maxFileSize, showProgress, value, loadWithSpinner, confirmDelete, editFileOptions, ...rest }: FilePickerProps) => JSX.Element;
|
|
2216
|
+
declare const FilePicker: ({ acceptFormat, onChange, compression, uploaded: uploadedInitial, maxFileSize, showProgress, value, loadWithSpinner, confirmDelete, editFileOptions, sx, ...rest }: FilePickerProps) => JSX.Element;
|
|
2209
2217
|
|
|
2210
2218
|
/**
|
|
2211
2219
|
* The file picker component wrapped in a <Field />
|
|
@@ -3691,26 +3699,28 @@ interface StatusPinProps extends BoxProps {
|
|
|
3691
3699
|
}
|
|
3692
3700
|
|
|
3693
3701
|
/**
|
|
3694
|
-
*
|
|
3702
|
+
* Status pins are meant to display the status of a specific entry.
|
|
3703
|
+
* @see Badge
|
|
3695
3704
|
* @see {@link https://northlight/reference/status-pin}
|
|
3696
3705
|
*
|
|
3697
|
-
* @example
|
|
3706
|
+
* @example (Example)
|
|
3698
3707
|
* (?
|
|
3699
3708
|
* +
|
|
3700
|
-
* const
|
|
3701
|
-
* const
|
|
3709
|
+
* const sizes = ['lg', 'md', 'sm']
|
|
3710
|
+
* const variants = ['notExecuted', 'running', 'inProgress', 'rejected']
|
|
3711
|
+
*
|
|
3702
3712
|
* const Example = () => {
|
|
3703
|
-
*
|
|
3704
|
-
*
|
|
3705
|
-
*
|
|
3706
|
-
*
|
|
3707
|
-
*
|
|
3708
|
-
*
|
|
3709
|
-
*
|
|
3710
|
-
*
|
|
3711
|
-
*
|
|
3712
|
-
*
|
|
3713
|
-
*
|
|
3713
|
+
* return (
|
|
3714
|
+
* <Stack>
|
|
3715
|
+
* {variants.map((variant)=>(
|
|
3716
|
+
* <HStack spacing={4} alignItems="center">
|
|
3717
|
+
* {sizes.map((size)=>(
|
|
3718
|
+
* <StatusPin size={size} variant={variant} />
|
|
3719
|
+
* ))}
|
|
3720
|
+
* </HStack>
|
|
3721
|
+
* ))}
|
|
3722
|
+
* </Stack>
|
|
3723
|
+
* )
|
|
3714
3724
|
* }
|
|
3715
3725
|
* render(<Example/>)
|
|
3716
3726
|
* ?)
|
|
@@ -3718,21 +3728,6 @@ interface StatusPinProps extends BoxProps {
|
|
|
3718
3728
|
*/
|
|
3719
3729
|
declare const StatusPin: ({ size, variant, ...rest }: StatusPinProps) => JSX.Element;
|
|
3720
3730
|
|
|
3721
|
-
type BlockVariant = 'working' | 'pending' | 'approved' | 'rejected';
|
|
3722
|
-
interface StatusBlockProps extends Omit<TagProps$1, 'bgColor'> {
|
|
3723
|
-
variant: BlockVariant;
|
|
3724
|
-
}
|
|
3725
|
-
type BlockVariantColorTuple = [`${Color}.${ColorGrade}`, `${Color}.${ColorGrade}`];
|
|
3726
|
-
declare const statusIconMap: Record<BlockVariant, any>;
|
|
3727
|
-
|
|
3728
|
-
/**
|
|
3729
|
-
* Used as status indicator
|
|
3730
|
-
* @see {@link https://northlight.dev/reference/status-block}
|
|
3731
|
-
* @example
|
|
3732
|
-
* (? <StatusBlock variant="approved" /> ?)
|
|
3733
|
-
*/
|
|
3734
|
-
declare const StatusBlock: ({ variant, ...rest }: StatusBlockProps) => JSX.Element;
|
|
3735
|
-
|
|
3736
3731
|
interface AsyncErrorProps extends AlertProps {
|
|
3737
3732
|
message?: string;
|
|
3738
3733
|
}
|
|
@@ -4296,4 +4291,4 @@ declare const useResizeWidth: ({ stationaryEdge, minWidthPx, maxWidthPx, default
|
|
|
4296
4291
|
declare const theme: Record<string, any>;
|
|
4297
4292
|
declare const tottTheme: Record<string, any>;
|
|
4298
4293
|
|
|
4299
|
-
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert, AlertProps, AlertVariants, AspectRatio, AsyncError, AsyncErrorProps, Avatar, AvatarBadgeProps, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BasicOption, Blinker, BlinkerProps,
|
|
4294
|
+
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert, AlertProps, AlertVariants, AspectRatio, AsyncError, AsyncErrorProps, Avatar, AvatarBadgeProps, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BasicOption, Blinker, BlinkerProps, Blockquote, BodyType, Button, ButtonProps, ButtonVariants, Capitalized, Carousel, Checkbox, CheckboxField, CheckboxFieldProps, CheckboxProps, CheckboxVariants, ChildrenType, Clickable, ClickableProps, ClipboardInput, ClipboardInputProps, Collapse, CollapseProps, Color, ColorButtonProps, ColorGrade, ColorPicker, ColorPickerField, ColorPickerFieldProps, ColorPickerProps, ColorShades, ColorsExpandButtonProps, ConfirmDeleteModalProps, CreatableSelectDropdown, CurrentTheme, CustomContainerPropsType, CustomElementType, CustomFlipButtonProps, CustomFlipButtonPropsType, CustomTheme, DatePicker, DatePickerField, DatePickerFieldProps, DatePickerLocaleWrapper, DatePickerProps, DateRange, DateRangePicker, DateRangePickerField, DateRangePickerFieldProps, DateRangePickerProps, DragAndDrop, DragHandle, DragHandleProps, DragItem, DragItemProps, Draggable, DraggableProps, DropZone, DropZoneProps, Droppable, DroppableProps, DurationType, EditableControlsProps, EditableProps, EditableSizes, EditableText, EditableVariant, Fade, FadeProps, FastGrid, FastGridProps, FastList, FastListProps, Field, FieldErrorType, FieldProps, FileEditorModalProps, FileFormat, FileIconButtonProps, FileItemProps, FilePicker, FilePickerField, FilePickerFieldProps, FilePickerProps, FileWithSizeAndType, FileWithSrcNameType, FileWithType, FlipButton, FlipButtonGroup, FlipButtonGroupField, FlipButtonGroupFieldProps, FlipButtonGroupProps, FlipButtonProps, Form, FormBody, FormLabel, FormLabelProps, FormProps, FormattedNumberInput, FormattedNumberInputField, FormattedNumberInputFieldProps, FormattedNumberInputPreset, FormattedNumberInputProps, H1, H2, H3, H4, H5, H6, HeadingProps, HeadingType, Icon, IconButton, IconButtonProps, IconProps, InputFieldProps, IntentButton, Label, LabelProps, LabelSizes, LabelType, Lead, ListenersType, LoadingBar, MaskedTextInput, MaskedTextInputProps, MediatoolThemeProvider, MediatoolThemeProviderProps, Menu, MenuProps, MenuVariants, Message, Modal, ModalBase, ModalBody, ModalBooleans, ModalProps, ModalSizes, MultiFileList, MultiFileListProps, MultiFilePicker, MultiFilePickerField, MultiFilePickerFieldProps, MultiFilePickerProps, MultiFileUploader, MultiFileUploaderProps, MultiItemType, MultiSort, MultiSortProps, NotificationIconButton, NotificationIconButtonProps, NumVal, NumValType, NumberInput, NumberInputField, NumberInputFieldProps, NumberInputProps, NumberInputSizeProps, NumberInputStepperProps, OffsetType, Option, OrganizationLogo, OrganizationLogoProps, OverflowGroup, OverflowGroupProps, OverflowIndicatorProps, P, PProps, PaneDivider, PaneItem, PinInput, PinInputProps, PinSize, PinSizeTuple, PinVariant, Popover, PresetOptions, ProgressBar, ProgressBarProps, Radio, RadioFieldGroupProps, RadioFieldProps, RadioGroup, RadioGroupField, RadioGroupProps, RadioProps, ResizeHandle, ScaleFade, ScaleFadeProps, SearchBar, SearchBarField, SearchBarFieldProps, SearchBarOptionType, SearchBarProps, Select, SelectActionMeta, SelectField, SelectFieldProps, SelectProps, SetValueOptionsType, Slide, SlideFade, SlideFadeProps, SlideProps, Small, Sortable, SortableContainer, SortableContainerProps, SortableItem, SortableItemProps, SortableList, SortableListProps, Spinner, SpinnerProps, SplitPane, SplitPaneProps, StatusPin, StatusPinProps, Step, StepList, StepListProps, StepPanel, StepPanelProps, StepProps, StepStack, Steps, StepsProps, StylizedType, Switch, SwitchField, SwitchFieldProps, SwitchProps, TabPanel, TabPanelProps, Table, TableProps, Tabs, TabsProps, Tag, TagGroup, TagGroupProps, TagProps, TagsInput, TagsInputProps, TextField, TextFieldProps, TextInputFormatter, TextSizeProps, Textarea, TextareaField, TextareaFieldProps, TextareaProps, Tiny, Toast, ToastProps, Toolbox, ToolboxContent, ToolboxContentProps, ToolboxFooter, ToolboxFooterProps, ToolboxHeader, ToolboxHeaderProps, ToolboxProps, Tooltip, TransitionDirection, UseFormReturn, UseSelectCallbacksProps, UseToastOptions, addAlpha, advancedParseFloat, clamp, createDebounceFunctionInstance, getChildrenWithProps, getContrastColor, getFieldError, getInitials, getMatchingValue, getShades, highlight, luminosity, ring, theme, tottTheme, trimFormValues, useArrowFocus, useCurrentTheme, useDebounce, useDidUpdateEffect, useLoadingMessage, useOutsideRectClick, useOverflowGroup, useResizeWidth, useScreenSize, useScrollToBottom, useSelectCallbacks, useSetValueRefreshed, useToast };
|