@ssa-ui-kit/core 2.33.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AccordionGroup/Accordion.d.ts +37 -0
- package/dist/components/AccordionGroup/AccordionContent.d.ts +48 -0
- package/dist/components/AccordionGroup/AccordionContext.d.ts +76 -2
- package/dist/components/AccordionGroup/AccordionGroup.d.ts +56 -0
- package/dist/components/AccordionGroup/AccordionTitle.d.ts +41 -0
- package/dist/components/AccordionGroup/types.d.ts +199 -1
- package/dist/components/Avatar/Avatar.d.ts +33 -0
- package/dist/components/Button/Button.d.ts +61 -0
- package/dist/components/Button/fixtures.d.ts +52 -31
- package/dist/components/Button/styles.d.ts +7 -12
- package/dist/components/Button/types.d.ts +98 -4
- package/dist/components/Charts/BarGaugeChart/components/BarGaugeChartHeader.d.ts +1 -1
- package/dist/components/Charts/BarLineComplexChart/BarLineComplexChartView.d.ts +2 -2
- package/dist/components/Charts/BarLineComplexChart/types.d.ts +2 -2
- package/dist/components/Charts/BigNumberChart/BigNumberChart.d.ts +4 -2
- package/dist/components/Charts/BigNumberChart/components/BigNumberChartHeader.d.ts +1 -1
- package/dist/components/Charts/BigNumberChart/components/TrendLine.d.ts +8 -3
- package/dist/components/Charts/BigNumberChart/components/TrendLineTooltip.d.ts +8 -5
- package/dist/components/Charts/GaugeChart/components/GaugeChartBase.d.ts +3 -1
- package/dist/components/Charts/GaugeChart/components/GaugeChartHeader.d.ts +1 -1
- package/dist/components/Charts/PieChart/PieChartLegendMarker.d.ts +1 -1
- package/dist/components/Charts/PieChart/styles.d.ts +1 -1
- package/dist/components/Charts/PieChart/types.d.ts +1 -1
- package/dist/components/Charts/RadarChart/RadarChart.d.ts +1 -1
- package/dist/components/Charts/RadarChart/components/RadarChartHeader.d.ts +1 -1
- package/dist/components/Charts/TreeMapChart/TreeMapChart.d.ts +1 -1
- package/dist/components/Charts/TreeMapChart/TreeMapChartHeader.d.ts +1 -1
- package/dist/components/Charts/index.d.ts +1 -0
- package/dist/components/Charts/utils/nivoReact19Compat.d.ts +18 -0
- package/dist/components/Checkbox/Checkbox.d.ts +84 -0
- package/dist/components/Checkbox/CheckboxBase.d.ts +1 -1
- package/dist/components/Checkbox/styles.d.ts +2 -2
- package/dist/components/Checkbox/types.d.ts +104 -3
- package/dist/components/Chip/Chip.d.ts +70 -0
- package/dist/components/Chip/constants.d.ts +1 -1
- package/dist/components/Chip/helpers.d.ts +6 -0
- package/dist/components/Chip/types.d.ts +129 -1
- package/dist/components/CollapsibleNavBar/CollapsibleNavBar.d.ts +1 -1
- package/dist/components/CollapsibleNavBar/CollapsibleNavBarContext.d.ts +2 -2
- package/dist/components/CollapsibleNavBar/components/TriggerIcon.d.ts +4 -2
- package/dist/components/CollapsibleNavBar/types.d.ts +9 -2
- package/dist/components/ColorPicker/components/CopyButton.d.ts +1 -1
- package/dist/components/DatePicker/constants.d.ts +22 -0
- package/dist/components/DatePicker/hooks/useDatePicker.d.ts +7 -5
- package/dist/components/DatePicker/index.d.ts +1 -0
- package/dist/components/DatePicker/styles.d.ts +3 -2
- package/dist/components/DatePicker/types.d.ts +10 -2
- package/dist/components/DatePicker/utils/dates.d.ts +2 -2
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/components/DateRangePicker/DateRangePickerFormBridge.d.ts +46 -0
- package/dist/components/DateRangePicker/components/DatesListWrapper.d.ts +3 -2
- package/dist/components/DateRangePicker/constants.d.ts +1 -0
- package/dist/components/DateRangePicker/hooks/useDateRangePicker.d.ts +22 -17
- package/dist/components/DateRangePicker/index.d.ts +3 -0
- package/dist/components/DateRangePicker/styles.d.ts +6 -4
- package/dist/components/DateRangePicker/types.d.ts +24 -7
- package/dist/components/DateRangePicker/utils/dates.d.ts +2 -2
- package/dist/components/Drawer/index.d.ts +2 -1
- package/dist/components/Dropdown/Dropdown.d.ts +88 -0
- package/dist/components/Dropdown/types.d.ts +102 -1
- package/dist/components/DropdownOption/DropdownOption.d.ts +2 -0
- package/dist/components/DropdownOptions/DropdownOptions.d.ts +31 -0
- package/dist/components/DropdownOptions/types.d.ts +22 -0
- package/dist/components/DropdownToggle/DropdownToggle.d.ts +3 -2
- package/dist/components/DropdownToggle/types.d.ts +5 -3
- package/dist/components/Field/FieldControl.d.ts +62 -1
- package/dist/components/Field/FieldDescription.d.ts +33 -0
- package/dist/components/Field/FieldError.d.ts +36 -0
- package/dist/components/Field/FieldLabel.d.ts +37 -0
- package/dist/components/Field/FieldProvider.d.ts +19 -1
- package/dist/components/Field/FieldRoot.d.ts +90 -0
- package/dist/components/Field/FieldSuccess.d.ts +34 -0
- package/dist/components/Field/index.d.ts +4 -0
- package/dist/components/Filters/FilterBlockWrapper.d.ts +3 -2
- package/dist/components/Filters/FiltersContext.d.ts +4 -4
- package/dist/components/Filters/hooks/useVisibility.d.ts +2 -2
- package/dist/components/FullscreenModeContext.d.ts +1 -4
- package/dist/components/Icon/icons/Assessment.d.ts +1 -1
- package/dist/components/Icon/icons/Award.d.ts +3 -0
- package/dist/components/Icon/icons/Bench.d.ts +3 -0
- package/dist/components/Icon/icons/Briefcase.d.ts +3 -0
- package/dist/components/Icon/icons/Building.d.ts +3 -0
- package/dist/components/Icon/icons/CalendarSchedule.d.ts +3 -0
- package/dist/components/Icon/icons/Camera.d.ts +3 -0
- package/dist/components/Icon/icons/CardText.d.ts +3 -0
- package/dist/components/Icon/icons/Case.d.ts +3 -0
- package/dist/components/Icon/icons/Comments.d.ts +3 -0
- package/dist/components/Icon/icons/Compensation.d.ts +3 -0
- package/dist/components/Icon/icons/Contacts.d.ts +3 -0
- package/dist/components/Icon/icons/CopyLink.d.ts +3 -0
- package/dist/components/Icon/icons/Delete.d.ts +3 -0
- package/dist/components/Icon/icons/DiamondRing.d.ts +3 -0
- package/dist/components/Icon/icons/Document.d.ts +3 -0
- package/dist/components/Icon/icons/Documents.d.ts +3 -0
- package/dist/components/Icon/icons/Education.d.ts +3 -0
- package/dist/components/Icon/icons/EmployeeProfile.d.ts +3 -0
- package/dist/components/Icon/icons/Export.d.ts +3 -0
- package/dist/components/Icon/icons/FollowLink.d.ts +3 -0
- package/dist/components/Icon/icons/Form.d.ts +3 -0
- package/dist/components/Icon/icons/Gender.d.ts +3 -0
- package/dist/components/Icon/icons/Gift.d.ts +3 -0
- package/dist/components/Icon/icons/Inventory.d.ts +3 -0
- package/dist/components/Icon/icons/Link.d.ts +3 -0
- package/dist/components/Icon/icons/OfficeChair.d.ts +3 -0
- package/dist/components/Icon/icons/OpenBook.d.ts +3 -0
- package/dist/components/Icon/icons/Report.d.ts +1 -1
- package/dist/components/Icon/icons/Results.d.ts +3 -0
- package/dist/components/Icon/icons/Signature.d.ts +3 -0
- package/dist/components/Icon/icons/Summery.d.ts +3 -0
- package/dist/components/Icon/icons/Team.d.ts +3 -0
- package/dist/components/Icon/icons/TechnicalReview.d.ts +3 -0
- package/dist/components/Icon/icons/TennisBall.d.ts +3 -0
- package/dist/components/Icon/icons/Timeline.d.ts +3 -0
- package/dist/components/Icon/icons/UnionCircle.d.ts +3 -0
- package/dist/components/Icon/icons/Url.d.ts +3 -0
- package/dist/components/Icon/icons/all.d.ts +36 -1
- package/dist/components/Icon/icons/iconsList.d.ts +1 -1
- package/dist/components/IconButton/IconButton.d.ts +39 -0
- package/dist/components/IconButton/index.d.ts +2 -0
- package/dist/components/IconButton/styles.d.ts +2 -0
- package/dist/components/IconButton/types.d.ts +41 -0
- package/dist/components/Indicator/types.d.ts +4 -2
- package/dist/components/Input/types.d.ts +157 -0
- package/dist/components/JsonSchemaForm/fields/DateRangeField.d.ts +15 -1
- package/dist/components/JsonSchemaForm/utils/dateFormats.d.ts +37 -0
- package/dist/components/JsonSchemaForm/utils/dateRangeField.d.ts +24 -0
- package/dist/components/JsonSchemaForm/utils/index.d.ts +1 -0
- package/dist/components/JsonSchemaForm/utils/selectWidget.d.ts +16 -0
- package/dist/components/Modal/Modal.d.ts +60 -0
- package/dist/components/Modal/types.d.ts +21 -1
- package/dist/components/ModalContent/ModalContent.d.ts +42 -1
- package/dist/components/ModalDialog/ModalDialog.d.ts +27 -0
- package/dist/components/ModalDialog/types.d.ts +18 -0
- package/dist/components/ModalDismissButton/ModalDismissButton.d.ts +29 -2
- package/dist/components/ModalOpenButton/ModalOpenButton.d.ts +25 -1
- package/dist/components/MultipleDropdown/index.d.ts +1 -0
- package/dist/components/MultipleDropdown/types.d.ts +74 -0
- package/dist/components/NavBar/types.d.ts +1 -1
- package/dist/components/NotificationMenu/types.d.ts +3 -3
- package/dist/components/Pagination/ArrowButton.d.ts +32 -0
- package/dist/components/Pagination/Pagination.d.ts +81 -0
- package/dist/components/Pagination/PaginationButtons.d.ts +35 -0
- package/dist/components/Pagination/PaginationContext.d.ts +30 -0
- package/dist/components/Pagination/WithPagination.d.ts +47 -4
- package/dist/components/Pagination/components/RowsPerPageDropdown/RowsPerPageDropdown.d.ts +41 -0
- package/dist/components/Pagination/components/RowsPerPageDropdown/types.d.ts +39 -0
- package/dist/components/Pagination/styles.d.ts +1 -1
- package/dist/components/Pagination/types.d.ts +178 -0
- package/dist/components/PersonInfo/styles.d.ts +1 -1
- package/dist/components/Popover/Popover.d.ts +120 -0
- package/dist/components/Popover/PopoverClose.d.ts +26 -0
- package/dist/components/Popover/PopoverContent.d.ts +33 -0
- package/dist/components/Popover/PopoverDescription.d.ts +22 -1
- package/dist/components/Popover/PopoverHeading.d.ts +22 -1
- package/dist/components/Popover/PopoverTrigger.d.ts +30 -0
- package/dist/components/Popover/hooks/usePopover.d.ts +21 -0
- package/dist/components/Popover/hooks/usePopoverContext.d.ts +23 -0
- package/dist/components/Popover/types.d.ts +86 -0
- package/dist/components/Radio/Radio.d.ts +69 -1
- package/dist/components/Radio/RadioBase.d.ts +1 -1
- package/dist/components/Radio/types.d.ts +109 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup/index.d.ts +1 -0
- package/dist/components/RadioGroup/types.d.ts +42 -0
- package/dist/components/SearchBox/SearchBox.d.ts +60 -0
- package/dist/components/SearchBox/SearchBoxInput.d.ts +1 -1
- package/dist/components/SearchBox/types.d.ts +46 -0
- package/dist/components/Slider/Slider.d.ts +53 -0
- package/dist/components/Slider/consts.d.ts +4 -0
- package/dist/components/Slider/index.d.ts +4 -0
- package/dist/components/Slider/styles.d.ts +90 -0
- package/dist/components/Slider/types.d.ts +69 -0
- package/dist/components/Switch/Switch.d.ts +66 -1
- package/dist/components/Switch/SwitchBase.d.ts +5 -1
- package/dist/components/Switch/SwitchContext.d.ts +50 -0
- package/dist/components/Switch/types.d.ts +74 -0
- package/dist/components/Table/Table.d.ts +74 -0
- package/dist/components/TableBody/TableBody.d.ts +55 -0
- package/dist/components/TableCell/TableCell.d.ts +56 -4
- package/dist/components/TableCell/types.d.ts +33 -0
- package/dist/components/TableCellHeader/TableCellHeader.d.ts +63 -2
- package/dist/components/TableCellHeader/types.d.ts +28 -0
- package/dist/components/TableFilters/TableFilters.d.ts +72 -0
- package/dist/components/TableFilters/hooks/useTableData.d.ts +3 -3
- package/dist/components/TableFilters/types.d.ts +130 -2
- package/dist/components/TableHead/TableHead.d.ts +37 -0
- package/dist/components/TableRow/TableRow.d.ts +2 -7
- package/dist/components/TableRow/types.d.ts +34 -0
- package/dist/components/TextField/TextField.d.ts +76 -0
- package/dist/components/TextField/types.d.ts +80 -0
- package/dist/components/Textarea/Textarea.d.ts +81 -0
- package/dist/components/Textarea/TextareaBase.d.ts +6 -1
- package/dist/components/Textarea/types.d.ts +109 -0
- package/dist/components/Tooltip/SimpleChartTooltip.d.ts +2 -1
- package/dist/components/Tooltip/Tooltip.d.ts +73 -0
- package/dist/components/Tooltip/types.d.ts +116 -5
- package/dist/components/TooltipContent/TooltipContent.d.ts +45 -0
- package/dist/components/TooltipTrigger/TooltipTrigger.d.ts +27 -1
- package/dist/components/Typeahead/Typeahead.context.d.ts +10 -4
- package/dist/components/Typeahead/Typeahead.d.ts +173 -9
- package/dist/components/Typeahead/components/TypeaheadOption.d.ts +1 -1
- package/dist/components/Typeahead/styles.d.ts +10 -5
- package/dist/components/Typeahead/types.d.ts +191 -1
- package/dist/components/Typeahead/useTypeahead.d.ts +13 -5
- package/dist/components/Typography/Typography.d.ts +50 -0
- package/dist/components/Typography/types.d.ts +67 -0
- package/dist/components/UserProfile/UserProfile.d.ts +76 -0
- package/dist/components/UserProfile/styles.d.ts +6 -4
- package/dist/components/UserProfile/types.d.ts +85 -1
- package/dist/components/WidgetCard/Title.d.ts +1 -1
- package/dist/components/WidgetCard/WidgetCardBase.d.ts +1 -1
- package/dist/components/WithLink.d.ts +1 -1
- package/dist/components/Wrapper/Wrapper.d.ts +83 -2
- package/dist/components/Wrapper/index.d.ts +1 -0
- package/dist/components/index.d.ts +113 -85
- package/dist/index.d.ts +1 -0
- package/dist/index.js +48942 -19624
- package/dist/index.js.map +1 -1
- package/dist/types/emotion.d.ts +65 -0
- package/dist/utils/react19HocCompat.d.ts +14 -0
- package/package.json +42 -33
- package/dist/components/Icon/icons/Company.d.ts +0 -3
|
@@ -1,6 +1,43 @@
|
|
|
1
1
|
import { LabelProps } from '../Label/types';
|
|
2
|
+
/**
|
|
3
|
+
* Props for Field.Label component
|
|
4
|
+
*
|
|
5
|
+
* Accessible label component that automatically respects the disabled state
|
|
6
|
+
* from Field.Root context. Should be associated with form controls via htmlFor prop.
|
|
7
|
+
*/
|
|
2
8
|
export interface FieldLabelProps extends LabelProps {
|
|
9
|
+
/**
|
|
10
|
+
* Label text content
|
|
11
|
+
*/
|
|
3
12
|
children: React.ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* Custom CSS class name
|
|
15
|
+
*/
|
|
4
16
|
className?: string;
|
|
5
17
|
}
|
|
18
|
+
/**
|
|
19
|
+
* Field.Label - Accessible label for form fields
|
|
20
|
+
*
|
|
21
|
+
* Provides an accessible label that automatically respects the disabled state
|
|
22
|
+
* from the Field.Root context. Should be associated with form controls using
|
|
23
|
+
* the htmlFor prop matching the control's id.
|
|
24
|
+
*
|
|
25
|
+
* @category Form Controls
|
|
26
|
+
* @subcategory Layout
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* ```tsx
|
|
30
|
+
* <Field.Root>
|
|
31
|
+
* <Field.Label htmlFor="email">Email Address</Field.Label>
|
|
32
|
+
* <Field.Control>
|
|
33
|
+
* <Input id="email" name="email" />
|
|
34
|
+
* </Field.Control>
|
|
35
|
+
* </Field.Root>
|
|
36
|
+
* ```
|
|
37
|
+
*
|
|
38
|
+
* @accessibility
|
|
39
|
+
* - Properly associated with form controls via htmlFor/id
|
|
40
|
+
* - Respects disabled state from Field context
|
|
41
|
+
* - Screen reader friendly
|
|
42
|
+
*/
|
|
6
43
|
export declare const FieldLabel: ({ children, ...props }: FieldLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Field context value shared between Field components
|
|
3
|
+
* Provides validation status, disabled state, and focus behavior to child components
|
|
4
|
+
*/
|
|
1
5
|
export interface FieldContextValue {
|
|
6
|
+
/**
|
|
7
|
+
* Validation status of the field
|
|
8
|
+
* - `basic`: Default state, no validation feedback
|
|
9
|
+
* - `error`: Error state with red styling
|
|
10
|
+
* - `success`: Success state with green styling
|
|
11
|
+
* @default 'basic'
|
|
12
|
+
*/
|
|
2
13
|
status: 'error' | 'success' | 'basic';
|
|
14
|
+
/**
|
|
15
|
+
* Whether the field is disabled
|
|
16
|
+
* Disabled fields appear muted and cannot be interacted with
|
|
17
|
+
* @default false
|
|
18
|
+
*/
|
|
3
19
|
disabled: boolean;
|
|
4
20
|
/**
|
|
5
|
-
* If true,
|
|
21
|
+
* If true, clicking on FieldControl will forward focus to its child input element
|
|
22
|
+
* This enables clicking anywhere in the control area to focus the input
|
|
23
|
+
* @default true
|
|
6
24
|
*/
|
|
7
25
|
forwardFocus: boolean;
|
|
8
26
|
}
|
|
@@ -1,7 +1,97 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import { FieldContextValue } from './FieldProvider';
|
|
3
|
+
/**
|
|
4
|
+
* Props for Field.Root component
|
|
5
|
+
*
|
|
6
|
+
* The root container component for form fields. Provides context for validation status,
|
|
7
|
+
* disabled state, and focus behavior to child Field components. Can render as a div
|
|
8
|
+
* (default) or use the asChild pattern to render without a wrapper.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <Field.Root status="error">
|
|
13
|
+
* <Field.Label htmlFor="email">Email</Field.Label>
|
|
14
|
+
* <Field.Control>
|
|
15
|
+
* <Input id="email" name="email" />
|
|
16
|
+
* </Field.Control>
|
|
17
|
+
* <Field.Error>Invalid email address</Field.Error>
|
|
18
|
+
* </Field.Root>
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
3
21
|
export interface FieldRootProps extends Partial<FieldContextValue>, HTMLAttributes<HTMLDivElement> {
|
|
22
|
+
/**
|
|
23
|
+
* If true, renders without a wrapper div (asChild pattern)
|
|
24
|
+
* Useful for semantic HTML (e.g., wrapping with fieldset)
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
4
27
|
asChild?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Child components (typically Field.Label, Field.Control, Field.Description, etc.)
|
|
30
|
+
*/
|
|
5
31
|
children: React.ReactNode;
|
|
6
32
|
}
|
|
33
|
+
/**
|
|
34
|
+
* Field - Compound layout primitives for building accessible form fields.
|
|
35
|
+
*
|
|
36
|
+
* Purpose: use when you need full control over field layout or when building custom
|
|
37
|
+
* form widgets (e.g. JsonSchemaForm, custom inputs). Field does not render an input
|
|
38
|
+
* itself — you compose Field.Root, Field.Label, Field.Control, Field.Description,
|
|
39
|
+
* Field.Error, and Field.Success around Input, Textarea, or other controls. Use
|
|
40
|
+
* TextField for a ready-made text input with label and validation UI.
|
|
41
|
+
*
|
|
42
|
+
* Field.Root - Root container for form field components. Provides context and
|
|
43
|
+
* styling container for form fields. Manages validation status, disabled state,
|
|
44
|
+
* and focus forwarding behavior. Use with Field.Label, Field.Control,
|
|
45
|
+
* Field.Description, Field.Error, and Field.Success components.
|
|
46
|
+
*
|
|
47
|
+
* @category Form Controls
|
|
48
|
+
* @subcategory Layout
|
|
49
|
+
*
|
|
50
|
+
* @example
|
|
51
|
+
* ```tsx
|
|
52
|
+
* // Basic field
|
|
53
|
+
* <Field.Root>
|
|
54
|
+
* <Field.Label htmlFor="username">Username</Field.Label>
|
|
55
|
+
* <Field.Control>
|
|
56
|
+
* <Input id="username" name="username" />
|
|
57
|
+
* </Field.Control>
|
|
58
|
+
* </Field.Root>
|
|
59
|
+
* ```
|
|
60
|
+
*
|
|
61
|
+
* @example
|
|
62
|
+
* ```tsx
|
|
63
|
+
* // Field with validation
|
|
64
|
+
* <Field.Root status={hasError ? 'error' : 'basic'}>
|
|
65
|
+
* <Field.Label htmlFor="email">Email</Field.Label>
|
|
66
|
+
* <Field.Control>
|
|
67
|
+
* <Input id="email" name="email" />
|
|
68
|
+
* </Field.Control>
|
|
69
|
+
* <Field.Error>Email is required</Field.Error>
|
|
70
|
+
* </Field.Root>
|
|
71
|
+
* ```
|
|
72
|
+
*
|
|
73
|
+
* @example
|
|
74
|
+
* ```tsx
|
|
75
|
+
* // Using asChild pattern with fieldset
|
|
76
|
+
* <Field.Root asChild status="error">
|
|
77
|
+
* <fieldset>
|
|
78
|
+
* <Field.Label htmlFor="age">Age</Field.Label>
|
|
79
|
+
* <Field.Control>
|
|
80
|
+
* <Input id="age" name="age" type="number" />
|
|
81
|
+
* </Field.Control>
|
|
82
|
+
* </fieldset>
|
|
83
|
+
* </Field.Root>
|
|
84
|
+
* ```
|
|
85
|
+
*
|
|
86
|
+
* @see {@link Field.Label} - For accessible labels
|
|
87
|
+
* @see {@link Field.Control} - For input wrapper
|
|
88
|
+
* @see {@link Field.Description} - For helper text
|
|
89
|
+
* @see {@link Field.Error} - For error messages
|
|
90
|
+
* @see {@link Field.Success} - For success messages
|
|
91
|
+
*
|
|
92
|
+
* @accessibility
|
|
93
|
+
* - Label/control association via htmlFor on Field.Label
|
|
94
|
+
* - Status (error/success) and disabled flow from context to child components
|
|
95
|
+
* - Optional focus forwarding from Field.Control to the inner input
|
|
96
|
+
*/
|
|
7
97
|
export declare const FieldRoot: ({ children, ...props }: FieldRootProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Props for Field.Success component
|
|
3
|
+
*
|
|
4
|
+
* Success message component that only displays when field status is 'success'.
|
|
5
|
+
* Automatically hidden when field is in 'basic' or 'error' state.
|
|
6
|
+
*/
|
|
1
7
|
export interface FieldSuccessProps {
|
|
8
|
+
/**
|
|
9
|
+
* Success message text to display
|
|
10
|
+
*/
|
|
2
11
|
children: React.ReactNode;
|
|
3
12
|
}
|
|
13
|
+
/**
|
|
14
|
+
* Field.Success - Success message for form fields
|
|
15
|
+
*
|
|
16
|
+
* Displays success/validation confirmation messages below form controls.
|
|
17
|
+
* Only visible when the field status is 'success'. Automatically styled with
|
|
18
|
+
* success colors and hidden when status is 'basic' or 'error'.
|
|
19
|
+
*
|
|
20
|
+
* @category Form Controls
|
|
21
|
+
* @subcategory Layout
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```tsx
|
|
25
|
+
* <Field.Root status={isValid ? 'success' : 'basic'}>
|
|
26
|
+
* <Field.Label htmlFor="username">Username</Field.Label>
|
|
27
|
+
* <Field.Control>
|
|
28
|
+
* <Input id="username" name="username" />
|
|
29
|
+
* </Field.Control>
|
|
30
|
+
* <Field.Success>Username is available!</Field.Success>
|
|
31
|
+
* </Field.Root>
|
|
32
|
+
* ```
|
|
33
|
+
*
|
|
34
|
+
* @accessibility
|
|
35
|
+
* - Uses role="status" for screen reader announcements
|
|
36
|
+
* - Visible only when status is 'success'
|
|
37
|
+
*/
|
|
4
38
|
export declare const FieldSuccess: ({ children }: FieldSuccessProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
@@ -2,4 +2,8 @@ export * as Field from './index.parts';
|
|
|
2
2
|
export { type FieldRootProps as FieldProps } from './FieldRoot';
|
|
3
3
|
export { type FieldLabelProps } from './FieldLabel';
|
|
4
4
|
export { type FieldControlProps } from './FieldControl';
|
|
5
|
+
export { type FieldErrorProps } from './FieldError';
|
|
6
|
+
export { type FieldSuccessProps } from './FieldSuccess';
|
|
7
|
+
export { type FieldDescriptionProps } from './FieldDescription';
|
|
8
|
+
export { type FieldContextValue } from './FieldProvider';
|
|
5
9
|
export { useFieldContext } from './FieldProvider';
|
|
@@ -2,8 +2,9 @@ export declare const FilterBlockWrapper: import("@emotion/styled").StyledCompone
|
|
|
2
2
|
theme?: import("@emotion/react").Theme;
|
|
3
3
|
as?: React.ElementType;
|
|
4
4
|
} & {
|
|
5
|
-
direction?:
|
|
6
|
-
alignItems?:
|
|
5
|
+
direction?: import("../Wrapper").WrapperDirection;
|
|
6
|
+
alignItems?: import("../Wrapper").WrapperAlignItems;
|
|
7
|
+
justifyContent?: import("../Wrapper").WrapperJustifyContent;
|
|
7
8
|
fade?: boolean;
|
|
8
9
|
fadeDelay?: number;
|
|
9
10
|
isVisible?: boolean;
|
|
@@ -2,8 +2,8 @@ import { UseTableDataResult } from '../TableFilters/hooks/useTableData';
|
|
|
2
2
|
import { BaseSyntheticEvent } from 'react';
|
|
3
3
|
export declare const FiltersContext: import("react").Context<{
|
|
4
4
|
checkboxData: import("../TableFilters/types").TableFilterConfig;
|
|
5
|
-
wrapperRef: import("react").RefObject<HTMLElement> | undefined;
|
|
6
|
-
refsList: import("react").
|
|
5
|
+
wrapperRef: import("react").RefObject<HTMLElement | null> | undefined;
|
|
6
|
+
refsList: import("react").RefObject<HTMLElement | null>[];
|
|
7
7
|
setElementRef: (groupName: string, element: HTMLElement | null) => void;
|
|
8
8
|
onCheckboxToggle: (groupName: string, name: string | number) => void;
|
|
9
9
|
onDropdownChange: (groupName: string, name: string | number) => void;
|
|
@@ -13,8 +13,8 @@ export declare const FiltersContext: import("react").Context<{
|
|
|
13
13
|
}>;
|
|
14
14
|
export declare const useFiltersContext: () => {
|
|
15
15
|
checkboxData: import("../TableFilters/types").TableFilterConfig;
|
|
16
|
-
wrapperRef: import("react").RefObject<HTMLElement> | undefined;
|
|
17
|
-
refsList: import("react").
|
|
16
|
+
wrapperRef: import("react").RefObject<HTMLElement | null> | undefined;
|
|
17
|
+
refsList: import("react").RefObject<HTMLElement | null>[];
|
|
18
18
|
setElementRef: (groupName: string, element: HTMLElement | null) => void;
|
|
19
19
|
onCheckboxToggle: (groupName: string, name: string | number) => void;
|
|
20
20
|
onDropdownChange: (groupName: string, name: string | number) => void;
|
|
@@ -3,8 +3,8 @@ import { ElementInfo } from '../types';
|
|
|
3
3
|
export type RefsByKey = Record<string, ElementInfo>;
|
|
4
4
|
type UseVisibilityParams = {
|
|
5
5
|
checkboxData: TableFilterConfig;
|
|
6
|
-
refsList: Array<React.
|
|
7
|
-
wrapperRef?: React.RefObject<HTMLElement>;
|
|
6
|
+
refsList: Array<React.RefObject<HTMLElement | null>>;
|
|
7
|
+
wrapperRef?: React.RefObject<HTMLElement | null>;
|
|
8
8
|
onVisibilityProcessed?: () => void;
|
|
9
9
|
};
|
|
10
10
|
export declare const useVisibility: ({ checkboxData, wrapperRef, refsList, onVisibilityProcessed, }: UseVisibilityParams) => {
|
|
@@ -8,7 +8,4 @@ export type FullscreenModeContextType = {
|
|
|
8
8
|
export declare const FullscreenModeContext: import("react").Context<FullscreenModeContextType>;
|
|
9
9
|
export declare const FullscreenModeProvider: ({ children, }: React.PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
10
|
export declare const useFullscreenMode: () => FullscreenModeContextType;
|
|
11
|
-
export declare const WithFullscreenMode: <T extends object>(Component: React.ComponentType<T>, rest?: Parameters<typeof FullscreenModeProvider>[0]) =>
|
|
12
|
-
(props: T): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
11
|
+
export declare const WithFullscreenMode: <T extends object>(Component: React.ComponentType<T>, rest?: Parameters<typeof FullscreenModeProvider>[0]) => React.ComponentType<T>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SVGProps } from '../types';
|
|
2
2
|
export declare const Assessment: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const ICON_NAME = "assessment";
|
|
3
|
+
export declare const ICON_NAME = "clipboard-assessment";
|
|
@@ -3,15 +3,21 @@ export * as ArrowDown from './ArrowDown';
|
|
|
3
3
|
export * as ArrowUp from './ArrowUp';
|
|
4
4
|
export * as Assessment from './Assessment';
|
|
5
5
|
export * as Attention from './Attention';
|
|
6
|
+
export * as Award from './Award';
|
|
6
7
|
export * as BanUser from './BanUser';
|
|
8
|
+
export * as Bench from './Bench';
|
|
7
9
|
export * as Bin from './Bin';
|
|
8
10
|
export * as Calendar from './Calendar';
|
|
11
|
+
export * as CalendarSchedule from './CalendarSchedule';
|
|
9
12
|
export * as CarrotDown from './CarrotDown';
|
|
10
13
|
export * as CarrotLeft from './CarrotLeft';
|
|
11
14
|
export * as CarrotRight from './CarrotRight';
|
|
12
15
|
export * as CarrotUp from './CarrotUp';
|
|
16
|
+
export * as CardText from './CardText';
|
|
17
|
+
export * as Case from './Case';
|
|
13
18
|
export * as Certification from './Certification';
|
|
14
19
|
export * as CertificationExpiring from './CertificationExpiring';
|
|
20
|
+
export * as Camera from './Camera';
|
|
15
21
|
export * as Change from './Change';
|
|
16
22
|
export * as Chart from './Chart';
|
|
17
23
|
export * as Check from './Check';
|
|
@@ -22,25 +28,43 @@ export * as Circle from './Circle';
|
|
|
22
28
|
export * as Circular from './Circular';
|
|
23
29
|
export * as Clock from './Clock';
|
|
24
30
|
export * as Cogwheel from './Cogwheel';
|
|
25
|
-
export * as
|
|
31
|
+
export * as Comments from './Comments';
|
|
32
|
+
export * as Briefcase from './Briefcase';
|
|
33
|
+
export * as Building from './Building';
|
|
34
|
+
export * as Compensation from './Compensation';
|
|
26
35
|
export * as ConfirmEmail from './ConfirmEmail';
|
|
36
|
+
export * as Contacts from './Contacts';
|
|
27
37
|
export * as Copy from './Copy';
|
|
38
|
+
export * as CopyLink from './CopyLink';
|
|
28
39
|
export * as Cross from './Cross';
|
|
40
|
+
export * as Delete from './Delete';
|
|
41
|
+
export * as Document from './Document';
|
|
42
|
+
export * as DiamondRing from './DiamondRing';
|
|
29
43
|
export * as Diet from './Diet';
|
|
44
|
+
export * as Documents from './Documents';
|
|
30
45
|
export * as Edit from './Edit';
|
|
46
|
+
export * as Education from './Education';
|
|
31
47
|
export * as Email from './Email';
|
|
32
48
|
export * as Employee from './Employee';
|
|
49
|
+
export * as EmployeeProfile from './EmployeeProfile';
|
|
33
50
|
export * as EmployeeTerminated from './EmployeeTerminated';
|
|
34
51
|
export * as ExcelDownload from './ExcelDownload';
|
|
52
|
+
export * as Export from './Export';
|
|
35
53
|
export * as Filter from './Filter';
|
|
36
54
|
export * as FilterFunnel from './FilterFunnel';
|
|
55
|
+
export * as FollowLink from './FollowLink';
|
|
37
56
|
export * as FTE from './FTE';
|
|
57
|
+
export * as Form from './Form';
|
|
38
58
|
export * as Geography from './Geography';
|
|
59
|
+
export * as Gender from './Gender';
|
|
60
|
+
export * as Gift from './Gift';
|
|
39
61
|
export * as Home from './Home';
|
|
40
62
|
export * as Import from './Import';
|
|
41
63
|
export * as Information from './Information';
|
|
64
|
+
export * as Inventory from './Inventory';
|
|
42
65
|
export * as Invisible from './Invisible';
|
|
43
66
|
export * as Language from './Language';
|
|
67
|
+
export * as Link from './Link';
|
|
44
68
|
export * as Lock from './Lock';
|
|
45
69
|
export * as LogIn from './LogIn';
|
|
46
70
|
export * as LogOut from './LogOut';
|
|
@@ -53,6 +77,8 @@ export * as MinusCircleInverted from './MinusCircleInverted';
|
|
|
53
77
|
export * as More from './More';
|
|
54
78
|
export * as MoreVertical from './MoreVertical';
|
|
55
79
|
export * as Notification from './Notification';
|
|
80
|
+
export * as OfficeChair from './OfficeChair';
|
|
81
|
+
export * as OpenBook from './OpenBook';
|
|
56
82
|
export * as Pages from './Pages';
|
|
57
83
|
export * as Party from './Party';
|
|
58
84
|
export * as Plus from './Plus';
|
|
@@ -62,20 +88,29 @@ export * as ProbationPeriod from './ProbationPeriod';
|
|
|
62
88
|
export * as ProfilesChanges from './ProfilesChanges';
|
|
63
89
|
export * as RadioOn from './RadioOn';
|
|
64
90
|
export * as Report from './Report';
|
|
91
|
+
export * as Results from './Results';
|
|
65
92
|
export * as Robot from './Robot';
|
|
66
93
|
export * as Roles from './Roles';
|
|
67
94
|
export * as Search from './Search';
|
|
68
95
|
export * as Seniority from './Seniority';
|
|
69
96
|
export * as Settings from './Settings';
|
|
97
|
+
export * as Signature from './Signature';
|
|
70
98
|
export * as Sleep from './Sleep';
|
|
71
99
|
export * as StaffGrowthCoefficient from './StaffGrowthCoefficient';
|
|
72
100
|
export * as StaffTurnoverCoefficient from './StaffTurnoverCoefficient';
|
|
73
101
|
export * as Stats from './Stats';
|
|
102
|
+
export * as Summery from './Summery';
|
|
103
|
+
export * as Team from './Team';
|
|
104
|
+
export * as TechnicalReview from './TechnicalReview';
|
|
74
105
|
export * as TimeTracking from './TimeTracking';
|
|
106
|
+
export * as Timeline from './Timeline';
|
|
107
|
+
export * as TennisBall from './TennisBall';
|
|
75
108
|
export * as Trainings from './Trainings';
|
|
76
109
|
export * as UnArchive from './UnArchive';
|
|
77
110
|
export * as Union from './Union';
|
|
111
|
+
export * as UnionCircle from './UnionCircle';
|
|
78
112
|
export * as Unlock from './Unlock';
|
|
113
|
+
export * as Url from './Url';
|
|
79
114
|
export * as User from './User';
|
|
80
115
|
export * as Visible from './Visible';
|
|
81
116
|
export * as Warning from './Warning';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const iconsList: ("visible" | "
|
|
1
|
+
export declare const iconsList: ("visible" | "warning" | "archive" | "document" | "link" | "search" | "arrow-down" | "arrow-up" | "clipboard-assessment" | "attention" | "award" | "ban-user" | "bench" | "bin" | "calendar" | "calendar-schedule" | "carrot-down" | "carrot-left" | "carrot-right" | "carrot-up" | "card-text" | "case" | "certification" | "certification-expiring" | "camera" | "change" | "chart" | "check" | "check-circle" | "check-circle-inverted" | "children" | "circle" | "circular" | "clock" | "cogwheel" | "comments" | "briefcase" | "building" | "compensation" | "confirm-email" | "contacts" | "copy" | "copy-link" | "cross" | "delete" | "diamond-ring" | "diet" | "documents" | "edit" | "education" | "email" | "employee" | "employee-profile" | "employee-terminated" | "excel-download" | "export" | "filter" | "filter-funnel" | "follow-link" | "fte" | "clipboard-form" | "geography" | "gender" | "gift" | "home" | "import" | "information" | "inventory" | "invisible" | "language" | "lock" | "log-in" | "log-out" | "maximize" | "measurements" | "message" | "minus" | "minus-circle" | "minus-circle-inverted" | "more" | "more-vertical" | "notification" | "office-chair" | "open-book" | "pages" | "party" | "plus" | "plus-circle" | "plus-circle-inverted" | "probation-period" | "profiles-changes" | "radio-on" | "clipboard-report" | "clipboard-result" | "robot" | "roles" | "seniority" | "settings" | "signature" | "sleep" | "staff-growth-coefficient" | "staff-turnover-coefficient" | "stats" | "clipboard-summary" | "team" | "clipboard-star" | "time-tracking" | "timeline" | "tennis-ball" | "trainings" | "unarchive" | "union" | "union-circle" | "unlock" | "url" | "user")[];
|