@geotab/zenith 3.1.1-beta.0 → 3.1.1-beta.1

package/esm/groupsFilterRaw/types.d.ts

@@ -0,0 +1,37 @@
+import { IChipsParent } from "../chip/chip";
+import { Exclusive } from "../commonHelpers/types/exclusive";
+import { IReactFormItemController, IZenComponentProps } from "../commonHelpers/zenComponent";
+import { IGroupsFilterTotalState, IGroupItem, IAdvancedEntitiesNavigatorDialog } from "./groupsFilterInterfaces";
+interface IGroupsFilterOptions {
+    /**
+    * @deprecated
+    * @param placeholder - will be removed in the next major release
+    */
+    placeholder?: string;
+}
+export interface IGroupsFilterBase extends IZenComponentProps, IChipsParent {
+    dataLoader: () => Promise<IGroupItem[]>;
+    isWithColor?: boolean;
+    /**
+    * @deprecated
+    * @param translate - will be removed in the next major release
+    */
+    translate?: (s: string) => string;
+    fullSize?: boolean;
+    options?: IGroupsFilterOptions;
+    listLimit?: number;
+    advancedDialog?: IAdvancedEntitiesNavigatorDialog;
+    errorHandler: (e: Error) => void;
+}
+export interface IGroupsFilterRawDefault extends IGroupsFilterBase {
+    initialFilterState?: IGroupsFilterTotalState;
+    onChange: (state: IGroupsFilterTotalState) => void;
+}
+export interface IGroupsFilterRawForm extends IGroupsFilterBase, IReactFormItemController {
+}
+export type TGroupsFilterRaw = Exclusive<IGroupsFilterRawDefault, IGroupsFilterRawForm>;
+export declare const groupsFilterTotalStateDefault: {
+    groups: import("./groupsFilterInterfaces").ILeafStateItem<import("..").IEntityWithId>;
+    sideWide: boolean;
+};
+export {};

package/esm/groupsFilterRaw/types.js

@@ -0,0 +1,2 @@
+import { getDefaultFilterState } from "./groupsHelper";
+export const groupsFilterTotalStateDefault = { groups: getDefaultFilterState(), sideWide: false };

package/esm/groupsFilterRaw/uiStateReducer/uiStateAction.js

@@ -0,0 +1 @@
+export {};

package/esm/index.d.ts

@@ -59,14 +59,15 @@ export { useThrottle } from "./commonHelpers/hooks/useThrottle";
 export { type TRef } from "./commonHelpers/ref";
 export { echo, flattenArrays, deepMerge, deepClone } from "./commonHelpers/utils";
 export { type IControlledPopup, ControlledPopup } from "./controlledPopup/controlledPopup";
-export { cutSeconds } from "./dateInput/cutSeconds";
-export { type IDateInput, DateInput } from "./dateInput/dateInput";
-export { getLabel } from "./dateInput/getLabel";
-export { type IDateRange, type IDateRangeUnsetValue, DateRange } from "./dateRange/dateRange";
-export { type IDateRangeValue, type IDateRangeValueOptionalLabel, type IDateRangeOption, type TDateRangeOption, GET_TODAY_OPTION, GET_YESTERDAY_OPTION, GET_THIS_WEEK_OPTION, GET_NEXT_WEEK_OPTION, GET_LAST_WEEK_OPTION, GET_THIS_MONTH_OPTION, GET_NEXT_MONTH_OPTION, GET_LAST_MONTH_OPTION, GET_LAST_SEVEN_DAYS_OPTION, GET_LAST_THIRTY_DAYS_OPTION, GET_LAST_TWELVE_MONTHS_OPTION, GET_LAST_THREE_MONTH_OPTION, GET_LAST_QUARTER_OPTION, GET_THIS_QUARTER_OPTION, GET_LAST_YEAR_OPTION, GET_THIS_YEAR_OPTION, GET_DEFAULT_DATE_OPTIONS } from "./dateRange/dateRangeUtils";
+export { type IDateInput, type TDateInput, DateInput } from "./dateInput/dateInput";
+export { cutSeconds } from "./dateInputRaw/utils/cutSeconds";
+export { getLabel } from "./dateInputRaw/utils/getLabel";
+export { type IDateRange, type IDateRangeUnsetValue, type TDateRange, DateRange } from "./dateRange/dateRange";
+export { type IDateRangeValue, type IDateRangeValueOptionalLabel, type IDateRangeOption, type TDateRangeOption, GET_TODAY_OPTION, GET_YESTERDAY_OPTION, GET_THIS_WEEK_OPTION, GET_NEXT_WEEK_OPTION, GET_LAST_WEEK_OPTION, GET_THIS_MONTH_OPTION, GET_NEXT_MONTH_OPTION, GET_LAST_MONTH_OPTION, GET_LAST_SEVEN_DAYS_OPTION, GET_LAST_THIRTY_DAYS_OPTION, GET_LAST_TWELVE_MONTHS_OPTION, GET_LAST_THREE_MONTH_OPTION, GET_LAST_QUARTER_OPTION, GET_THIS_QUARTER_OPTION, GET_LAST_YEAR_OPTION, GET_THIS_YEAR_OPTION, GET_DEFAULT_DATE_OPTIONS } from "./dateRangeRaw/utils/dateRangeUtils";
 export { type IDialog, Dialog } from "./dialog/dialog";
 export { isElementInsideContainer, isFocusable, getFocusableStartInd } from "./dialog/dialogHelpers";
-export { LIST_LIMIT, type ISelectionItem, type IDropdownItem, type IFetchDropdownState, type IDropdownValueFullSelection, type IDropdownWithCheckboxValue, type IDropdownWithCheckboxSelected, type IDropdownValueFullSelectionWithCheckbox, type IDropdownFullSelectedValue, type IDropdownFullSelectedValueWithCheckbox, type IDropdownFullSelection, type IDropdown, type IDropdownWithCheckbox, type IDropdownFullSelectionWithCheckbox, Dropdown } from "./dropdown/dropdown";
+export { Divider } from "./divider/divider";
+export { LIST_LIMIT, type ISelectionItem, type IDropdownItem, type IDropdownValueFullSelection, type IDropdownWithCheckboxValue, type IDropdownWithCheckboxSelected, type IDropdownValueFullSelectionWithCheckbox, type IDropdownFullSelectedValue, type IDropdownFullSelectedValueWithCheckbox, type IDropdownFullSelection, type IDropdown, type IDropdownWithCheckbox, type IDropdownFullSelectionWithCheckbox, type IFetchDropdownState, type TDropdown, Dropdown } from "./dropdown/dropdown";
 export { useDropdownState } from "./dropdown/useDropdownState";
 export { type IFavoriteButton, FavoriteButton } from "./favoriteButton/favoriteButton";
 export { FeedbackProvider } from "./feedbackProvider/feedbackProvider";
@@ -84,7 +85,7 @@ export { type ISavedFilters, type ISaveFilter, type IFetchState, type IFiltersSe
 export { useFiltersSearch, usePinnedFilters, useFiltersSelection, useSearchData } from "./filters/filtersHooks";
 export { type IFiltersBarDropdownFullSelectionState } from "./filtersBar/components/filtersBarDropdown/filtersBarDropdown";
 export { type IFiltersBarDropdownWithCheckboxProps, type IFiltersBarDropdownFullSelectionWithCheckboxProps, type IFiltersBarDropdownWithCheckbox, type IFiltersBarDropdownWithCheckboxFullSelectionMode, type IFiltersBarDropdownWithCheckboxOnChange, type IFiltersBarDropdownWithCheckboxFullSelectionOnChange, FiltersBarDropdownWithCheckbox } from "./filtersBar/components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox";
-export { type IDateRangeOptionId, type TDateRangeName, getRangeOption } from "./filtersBar/components/filtersBarPeriodPicker/getRangeOption";
+export { type IDateRangeOptionId, type TDateRangeName, getRangeOption, PERIOD_ONE_DAY_STEP_OPTION, PERIOD_SEVEN_DAYS_STEP_OPTION, PERIOD_THIRTY_DAYS_STEP_OPTION } from "./filtersBar/components/filtersBarPeriodPicker/getRangeOption";
 export { type IFiltersBarItemCommonProps, type IFiltersBarItem, type ICustomFiltersBarItem } from "./filtersBar/components/interfaces";
 export { type IResetButton, ResetButton } from "./filtersBar/components/resetComponentButton";
 export { type IFiltersBar, FiltersBarDisplayName, FiltersBar } from "./filtersBar/filtersBar";
@@ -92,16 +93,70 @@ export { type IFiltersBarActions, FiltersBarActions } from "./filtersBar/filters
 export { type TFiltersBarComponents, type IFiltersBarDropdownState, type IFiltersBarDropdownFullSelectionModeState, type IFiltersBarDropdownWithCheckboxState, type IFiltersBarDropdownWithCheckboxFullSelectionState, type IFiltersBarSearchState, type IFiltersBarGroupButtonState, type IFiltersBarRangeState, type IFiltersBarGroupsFilterState, type IFiltersBarPeriodPickerState, type IFiltersBarPeriodPickerUnsetValueState, type TFiltersBarCommonComponent, type TFiltersBarComponentsState, type IFiltersBarComponentWithError, type IFiltersBarChildrenState } from "./filtersBar/filtersBarInterfaces";
 export { TriggerContext, TriggerContextProvider } from "./filtersBar/filtersBarProviderTrigger";
 export { type IFooterButtons, FooterButtons } from "./footerButtons/footerButtons";
-export { type IFormField, type IFormFieldComponent, type TFormFieldComponentProps, FormField } from "./formField/formField";
+export { type IFormFieldBannerProps, FormFieldBanner } from "./formField/components/formFieldBanner";
+export { FormFieldSkeleton } from "./formField/components/formFieldSkeleton";
+export { type TLabelAlign, type IFormFieldWithLabel, type IFormField, type TFormField, type IFormFieldComponent, type TFormFieldComponentProps, FormField } from "./formField/formField";
+export { useSkeleton } from "./formField/hooks/useSkeleton";
+export { useWidth } from "./formField/hooks/useWidth";
+export { type ICustomRowProps, CustomRow } from "./formGroup/components/customRow/customRow";
+export { type IFormGroupList, FormGroupList } from "./formGroup/components/formGroupList";
+export { type TFormGroupToggle, FormGroupToggle } from "./formGroup/components/formGroupToggle";
+export { ListToggle } from "./formGroup/components/listToggle/listToggle";
+export { ReviewListToggle } from "./formGroup/components/reviewListToggle/reviewListToggle";
+export { type IFormGroupProps, FormGroup } from "./formGroup/formGroup";
+export { useElementsState } from "./formGroup/hooks/listHooks/useElementsState";
+export { useStateToElements } from "./formGroup/hooks/listHooks/useStateToElements";
+export { useInitializeState } from "./formGroup/hooks/rowHooks/useInitializeState";
+export { getEmptyState, useElements } from "./formGroup/hooks/useElements";
+export { useLabelAlign } from "./formGroup/hooks/useLabelAlign";
+export { useMode } from "./formGroup/hooks/useMode";
+export { useSectionType } from "./formGroup/hooks/useSectionType";
+export { useToggle } from "./formGroup/hooks/useToggle";
+export { useToggleList } from "./formGroup/hooks/useToggleList";
+export { applyCustomLabelClasses } from "./formGroup/utils/applyCustomLabelClasses";
+export { type IFormGroupProviderProps, FormGroupContext, FormGroupProvider } from "./formGroup/utils/formGroupProvider";
+export { getControlListClasses } from "./formGroup/utils/getControlListClasses/getControlListClasses";
+export { getZeroLabelOneControlClasses } from "./formGroup/utils/getControlListClasses/getZeroLabelOneControlClasses";
+export { getZeroLabelsTwoControls } from "./formGroup/utils/getControlListClasses/getZeroLabelsTwoControls";
+export { getControlNode } from "./formGroup/utils/getControlNode";
+export { getLabelListClasses } from "./formGroup/utils/getLabelListClasses/getLabelListClasses";
+export { getOneLabelZeroControlsClasses } from "./formGroup/utils/getLabelListClasses/getOneLabelZeroControlsClasses";
+export { getLabelNode } from "./formGroup/utils/getLabelNode";
+export { getListClasses } from "./formGroup/utils/getListClasses";
+export { hasWidthProp } from "./formGroup/utils/hasWidthProp";
+export { isTwoRowsStructure } from "./formGroup/utils/isTwoRowsStructure";
+export { type IFormGroupItem, FormGroupItem } from "./formGroupItem/formGroupItem";
+export { Column } from "./formLayout/components/column/column";
+export { CustomColumns } from "./formLayout/components/customColumns";
+export { getLayoutColumns } from "./formLayout/components/getLayoutColumns";
+export { type ILayoutColumnProps, LayoutColumn } from "./formLayout/components/layoutColumn/layoutColum";
+export { OneColumnGrid } from "./formLayout/components/oneColumnGrid";
+export { TwoColumnsGrid } from "./formLayout/components/twoColumnsGrid";
+export { FormLayout } from "./formLayout/formLayout";
+export { useColumns } from "./formLayout/hooks/useColumns";
+export { type IUseFormButtonsProps, useFormButtons } from "./formLayout/hooks/useFormButtons";
+export { useLayoutColumns } from "./formLayout/hooks/useLayoutColumns";
+export { type TFormLayoutColumns, type TFormLayoutMode, type IFormLayout, type IFormLayoutWithStepper, type TFormLayout, type IDefaultColumns } from "./formLayout/types";
+export { applyFirstColumn } from "./formLayout/utils/applyGridPropsTwoColumns/applyFirstColumn";
+export { applyGridPropsTwoColumns } from "./formLayout/utils/applyGridPropsTwoColumns/applyGridPropsTwoColumns";
+export { applySecondColumn } from "./formLayout/utils/applyGridPropsTwoColumns/applySecondColumn";
+export { attachSeparators } from "./formLayout/utils/attachSeparators";
+export { getChildrenWithCustomColumns } from "./formLayout/utils/getChildrenWithCustomColumns";
+export { FormSection } from "./formSection/formSection";
+export { type IFormSectionDefault } from "./formSection/types";
 export { type IStepItem } from "./formStepper/components/formStep";
 export { STEPPER_LAST_STEP, type TFormStepperMode, type IFormStepper, FormStepper } from "./formStepper/formStepper";
+export { type IUseFormStepperProps, useFormStepper } from "./formStepper/hooks/useFormStepper";
 export { type IFormStepperButtons, FormStepperButtons } from "./formStepperButtons/formStepperButtons";
 export { getCurrentIndex } from "./formStepperButtons/utils/getCurrentIndex";
 export { type IGridLayout, GridLayout } from "./gridLayout/gridLayout";
-export { type IGroupButton, GroupButton } from "./groupButton/groupButton";
-export { groupsFilterTotalStateDefault, type IGroupsFilter, GroupsFilter } from "./groupsFilter/groupsFilter";
-export { type IFilterState, type TFilterVal, type ITypedHash, type IAdvancedEntitiesNavigatorDialog, type IGroupItem, type IGroupsFilterTotalState, FilterMenuStep, type IGroupsFilterOptions, type IGroupTree, type IColor, type IGroupsColorTree, type INamedEntity, type IGroup, type ILinkedGroup, type ILeafStateItem } from "./groupsFilter/groupsFilterInterfaces";
-export { ENTIRE_ORGANIZATION_GROUP_ID, DEFAULT_RELATION_OPERATOR, getDefaultFilterState, systemSecurityGroups, rootSecurityGroups, rootGroups, rootDefectGroups, defaultPrivateGroupId, allSystemGroups, makeBoolHash, isSystemGroup, getGroupDescription, createLinkedTree, isIdEntity, isEntireOrganization, isFilterState, mapFilterState, getId, mergeItems, simplifyFilterState, toFilterState, compareFilters } from "./groupsFilter/groupsHelper";
+export { convertClassesToState } from "./gridLayout/utils/convertClassesToState";
+export { removeSameTypeClasses } from "./gridLayout/utils/removeSameTypeClasses";
+export { type IGroupButton, type TGroupButton, GroupButton } from "./groupButton/groupButton";
+export { type IGroupsFilter, type TGroupsFilter, GroupsFilter } from "./groupsFilter/groupsFilter";
+export { type IFilterState, type TFilterVal, type ITypedHash, type IAdvancedEntitiesNavigatorDialog, type IGroupItem, type IGroupsFilterTotalState, FilterMenuStep, type IGroupsFilterOptions, type IGroupTree, type IColor, type IGroupsColorTree, type INamedEntity, type IGroup, type ILinkedGroup, type ILeafStateItem } from "./groupsFilterRaw/groupsFilterInterfaces";
+export { ENTIRE_ORGANIZATION_GROUP_ID, DEFAULT_RELATION_OPERATOR, getDefaultFilterState, systemSecurityGroups, rootSecurityGroups, rootGroups, rootDefectGroups, defaultPrivateGroupId, allSystemGroups, makeBoolHash, isSystemGroup, getGroupDescription, createLinkedTree, isIdEntity, isEntireOrganization, isFilterState, mapFilterState, getId, mergeItems, simplifyFilterState, toFilterState, compareFilters } from "./groupsFilterRaw/groupsHelper";
+export { groupsFilterTotalStateDefault } from "./groupsFilterRaw/types";
 export { HeaderType, type IHeader, Header, HeaderDisplayName } from "./header/header";
 export { type IHeaderBack, HeaderBackDisplayName, HeaderBack } from "./header/headerBack";
 export { type IHeaderButton, HeaderButtonDisplayName, HeaderButton } from "./header/headerButton";
@@ -661,16 +716,16 @@ export { type IPopup, Popup } from "./popup/popup";
 export { type IPrimaryIcon, PrimaryIcon } from "./primaryIcon/primaryIcon";
 export { ProgressBarType, ProgreesBarSize, type TProgressBarSize, ProgressBar } from "./progressBar/progressBar";
 export { type IRadio, Radio } from "./radio/radio";
-export { type IRadioGroup, RadioGroup } from "./radioGroup/radioGroup";
-export { type IRangeValues, type TErrorType, type IRange, Range } from "./range/range";
-export { type ISearchInput, SearchInput } from "./searchInput/searchInput";
-export { type ISelect, type ISelectState, type ISelectStateProps, Select } from "./select/select";
+export { type IRadioGroup, type TRadioGroup, RadioGroup } from "./radioGroup/radioGroup";
+export { type IRangeValues, type TErrorType, type IRange, type TRange, Range } from "./range/range";
+export { type ISearchInput, type TSearchInput, SearchInput } from "./searchInput/searchInput";
+export { type ISelect, type ISelectState, type ISelectStateProps, type TSelect, Select } from "./select/select";
 export { SelectField } from "./selectField/selectField";
 export { isChildPopup, type TPanelPosition, SidePanelCloseReason, CUSTOM_POPUP_COMPONENT_CLASSNAME, type ISidePanel, SidePanel } from "./sidePanel/sidePanel";
 export { type TLazyContent, type TPromisableProps, LazyContent } from "./skeleton/lazyContent";
 export { type TSkeletonType, type ISkeleton, Skeleton } from "./skeleton/skeleton";
 export { SortDirections, type ISortControl, SortControl } from "./sortControl/sortControl";
-export { type IStepperInput, Stepper } from "./stepper/stepper";
+export { type IStepperInput, type TStepper, Stepper } from "./stepper/stepper";
 export { Summaries } from "./summaries/summaries";
 export { type ISummary, Summary } from "./summary/summary";
 export { SummaryTileType, SummaryTileSize, type ISummaryTile, SummaryTileDisplayName, SummaryTile } from "./summaryTile/summaryTile";
@@ -684,14 +739,16 @@ export { useNestedRows } from "./table/nested/useNestedRows";
 export { type IListColumn, type TFeedResult, type IFeedExpandable, type ITable, type IListColumnWrapper, Table, getEmptySelection, ColumnSortDirection, getSortableValue, ActionsColumn, MainColumn, CheckboxColumn, ActionLinkColumn } from "./table/table";
 export { type ITabElement, type ITabs, TabsDisplayName, Tabs } from "./tabs/tabs";
 export { ButtonIconPosition, type TButtonIconPosition, type ITextIconButton, TextIconButton } from "./textIconButton/textIconButton";
-export { type ITextInput, TextInput } from "./textInput/textInput";
+export { type ITextInput, type TTextInput, TextInput } from "./textInput/textInput";
 export { type ITextInputRaw, TextInputRaw } from "./textInputRaw/textInputRaw";
 export { type ITextarea, Textarea } from "./textarea/textarea";
 export { type ITextareaRaw, TextareaRaw } from "./textareaRaw/textareaRaw";
-export { type ITimePicker, TimePicker } from "./timePicker/timePicker";
+export { type ITimePicker, type TTimePicker, TimePicker } from "./timePicker/timePicker";
 export { type IShowToast, useToast } from "./toast/hooks/useToast";
 export { type IToast, Toast } from "./toast/toast";
-export { type IToggleButton, ToggleButton } from "./toggleButton/toggleButton";
+export { type IToggleButton, type TToggleButton, ToggleButton } from "./toggleButton/toggleButton";
+export { ToggleButtonRaw } from "./toggleButtonRaw/toggleButtonRaw";
+export { type IToggleButtonDefaultRaw, type IToggleButtonRaw, type IToggleButtonRawForm, type TToggleButtonRaw } from "./toggleButtonRaw/types";
 export { calculateArrowPosition } from "./tooltip/helpers/calculateArrowPosition";
 export { removeArrowClasses } from "./tooltip/helpers/removeArrowClasses";
 export { type TooltipSize, type TMobileView, Tooltip } from "./tooltip/tooltip";

package/esm/index.js

@@ -58,13 +58,14 @@ export { useScroll } from "./commonHelpers/hooks/useScroll";
 export { useThrottle } from "./commonHelpers/hooks/useThrottle";
 export { echo, flattenArrays, deepMerge, deepClone } from "./commonHelpers/utils";
 export { ControlledPopup } from "./controlledPopup/controlledPopup";
-export { cutSeconds } from "./dateInput/cutSeconds";
 export { DateInput } from "./dateInput/dateInput";
-export { getLabel } from "./dateInput/getLabel";
+export { cutSeconds } from "./dateInputRaw/utils/cutSeconds";
+export { getLabel } from "./dateInputRaw/utils/getLabel";
 export { DateRange } from "./dateRange/dateRange";
-export { GET_TODAY_OPTION, GET_YESTERDAY_OPTION, GET_THIS_WEEK_OPTION, GET_NEXT_WEEK_OPTION, GET_LAST_WEEK_OPTION, GET_THIS_MONTH_OPTION, GET_NEXT_MONTH_OPTION, GET_LAST_MONTH_OPTION, GET_LAST_SEVEN_DAYS_OPTION, GET_LAST_THIRTY_DAYS_OPTION, GET_LAST_TWELVE_MONTHS_OPTION, GET_LAST_THREE_MONTH_OPTION, GET_LAST_QUARTER_OPTION, GET_THIS_QUARTER_OPTION, GET_LAST_YEAR_OPTION, GET_THIS_YEAR_OPTION, GET_DEFAULT_DATE_OPTIONS } from "./dateRange/dateRangeUtils";
+export { GET_TODAY_OPTION, GET_YESTERDAY_OPTION, GET_THIS_WEEK_OPTION, GET_NEXT_WEEK_OPTION, GET_LAST_WEEK_OPTION, GET_THIS_MONTH_OPTION, GET_NEXT_MONTH_OPTION, GET_LAST_MONTH_OPTION, GET_LAST_SEVEN_DAYS_OPTION, GET_LAST_THIRTY_DAYS_OPTION, GET_LAST_TWELVE_MONTHS_OPTION, GET_LAST_THREE_MONTH_OPTION, GET_LAST_QUARTER_OPTION, GET_THIS_QUARTER_OPTION, GET_LAST_YEAR_OPTION, GET_THIS_YEAR_OPTION, GET_DEFAULT_DATE_OPTIONS } from "./dateRangeRaw/utils/dateRangeUtils";
 export { Dialog } from "./dialog/dialog";
 export { isElementInsideContainer, isFocusable, getFocusableStartInd } from "./dialog/dialogHelpers";
+export { Divider } from "./divider/divider";
 export { LIST_LIMIT, Dropdown } from "./dropdown/dropdown";
 export { useDropdownState } from "./dropdown/useDropdownState";
 export { FavoriteButton } from "./favoriteButton/favoriteButton";
@@ -81,21 +82,73 @@ export { ALL_SELECT_OPTION_ID, getFiltersSearchTypeAllOption, getAllOption } fro
 export { FiltersDisplayName, Filters } from "./filters/filters";
 export { useFiltersSearch, usePinnedFilters, useFiltersSelection, useSearchData } from "./filters/filtersHooks";
 export { FiltersBarDropdownWithCheckbox } from "./filtersBar/components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox";
-export { getRangeOption } from "./filtersBar/components/filtersBarPeriodPicker/getRangeOption";
+export { getRangeOption, PERIOD_ONE_DAY_STEP_OPTION, PERIOD_SEVEN_DAYS_STEP_OPTION, PERIOD_THIRTY_DAYS_STEP_OPTION } from "./filtersBar/components/filtersBarPeriodPicker/getRangeOption";
 export { ResetButton } from "./filtersBar/components/resetComponentButton";
 export { FiltersBarDisplayName, FiltersBar } from "./filtersBar/filtersBar";
 export { FiltersBarActions } from "./filtersBar/filtersBarActions/filtersBarActions";
 export { TriggerContext, TriggerContextProvider } from "./filtersBar/filtersBarProviderTrigger";
 export { FooterButtons } from "./footerButtons/footerButtons";
+export { FormFieldBanner } from "./formField/components/formFieldBanner";
+export { FormFieldSkeleton } from "./formField/components/formFieldSkeleton";
 export { FormField } from "./formField/formField";
+export { useSkeleton } from "./formField/hooks/useSkeleton";
+export { useWidth } from "./formField/hooks/useWidth";
+export { CustomRow } from "./formGroup/components/customRow/customRow";
+export { FormGroupList } from "./formGroup/components/formGroupList";
+export { FormGroupToggle } from "./formGroup/components/formGroupToggle";
+export { ListToggle } from "./formGroup/components/listToggle/listToggle";
+export { ReviewListToggle } from "./formGroup/components/reviewListToggle/reviewListToggle";
+export { FormGroup } from "./formGroup/formGroup";
+export { useElementsState } from "./formGroup/hooks/listHooks/useElementsState";
+export { useStateToElements } from "./formGroup/hooks/listHooks/useStateToElements";
+export { useInitializeState } from "./formGroup/hooks/rowHooks/useInitializeState";
+export { getEmptyState, useElements } from "./formGroup/hooks/useElements";
+export { useLabelAlign } from "./formGroup/hooks/useLabelAlign";
+export { useMode } from "./formGroup/hooks/useMode";
+export { useSectionType } from "./formGroup/hooks/useSectionType";
+export { useToggle } from "./formGroup/hooks/useToggle";
+export { useToggleList } from "./formGroup/hooks/useToggleList";
+export { applyCustomLabelClasses } from "./formGroup/utils/applyCustomLabelClasses";
+export { FormGroupContext, FormGroupProvider } from "./formGroup/utils/formGroupProvider";
+export { getControlListClasses } from "./formGroup/utils/getControlListClasses/getControlListClasses";
+export { getZeroLabelOneControlClasses } from "./formGroup/utils/getControlListClasses/getZeroLabelOneControlClasses";
+export { getZeroLabelsTwoControls } from "./formGroup/utils/getControlListClasses/getZeroLabelsTwoControls";
+export { getControlNode } from "./formGroup/utils/getControlNode";
+export { getLabelListClasses } from "./formGroup/utils/getLabelListClasses/getLabelListClasses";
+export { getOneLabelZeroControlsClasses } from "./formGroup/utils/getLabelListClasses/getOneLabelZeroControlsClasses";
+export { getLabelNode } from "./formGroup/utils/getLabelNode";
+export { getListClasses } from "./formGroup/utils/getListClasses";
+export { hasWidthProp } from "./formGroup/utils/hasWidthProp";
+export { isTwoRowsStructure } from "./formGroup/utils/isTwoRowsStructure";
+export { FormGroupItem } from "./formGroupItem/formGroupItem";
+export { Column } from "./formLayout/components/column/column";
+export { CustomColumns } from "./formLayout/components/customColumns";
+export { getLayoutColumns } from "./formLayout/components/getLayoutColumns";
+export { LayoutColumn } from "./formLayout/components/layoutColumn/layoutColum";
+export { OneColumnGrid } from "./formLayout/components/oneColumnGrid";
+export { TwoColumnsGrid } from "./formLayout/components/twoColumnsGrid";
+export { FormLayout } from "./formLayout/formLayout";
+export { useColumns } from "./formLayout/hooks/useColumns";
+export { useFormButtons } from "./formLayout/hooks/useFormButtons";
+export { useLayoutColumns } from "./formLayout/hooks/useLayoutColumns";
+export { applyFirstColumn } from "./formLayout/utils/applyGridPropsTwoColumns/applyFirstColumn";
+export { applyGridPropsTwoColumns } from "./formLayout/utils/applyGridPropsTwoColumns/applyGridPropsTwoColumns";
+export { applySecondColumn } from "./formLayout/utils/applyGridPropsTwoColumns/applySecondColumn";
+export { attachSeparators } from "./formLayout/utils/attachSeparators";
+export { getChildrenWithCustomColumns } from "./formLayout/utils/getChildrenWithCustomColumns";
+export { FormSection } from "./formSection/formSection";
 export { STEPPER_LAST_STEP, FormStepper } from "./formStepper/formStepper";
+export { useFormStepper } from "./formStepper/hooks/useFormStepper";
 export { FormStepperButtons } from "./formStepperButtons/formStepperButtons";
 export { getCurrentIndex } from "./formStepperButtons/utils/getCurrentIndex";
 export { GridLayout } from "./gridLayout/gridLayout";
+export { convertClassesToState } from "./gridLayout/utils/convertClassesToState";
+export { removeSameTypeClasses } from "./gridLayout/utils/removeSameTypeClasses";
 export { GroupButton } from "./groupButton/groupButton";
-export { groupsFilterTotalStateDefault, GroupsFilter } from "./groupsFilter/groupsFilter";
-export { FilterMenuStep } from "./groupsFilter/groupsFilterInterfaces";
-export { ENTIRE_ORGANIZATION_GROUP_ID, DEFAULT_RELATION_OPERATOR, getDefaultFilterState, systemSecurityGroups, rootSecurityGroups, rootGroups, rootDefectGroups, defaultPrivateGroupId, allSystemGroups, makeBoolHash, isSystemGroup, getGroupDescription, createLinkedTree, isIdEntity, isEntireOrganization, isFilterState, mapFilterState, getId, mergeItems, simplifyFilterState, toFilterState, compareFilters } from "./groupsFilter/groupsHelper";
+export { GroupsFilter } from "./groupsFilter/groupsFilter";
+export { FilterMenuStep } from "./groupsFilterRaw/groupsFilterInterfaces";
+export { ENTIRE_ORGANIZATION_GROUP_ID, DEFAULT_RELATION_OPERATOR, getDefaultFilterState, systemSecurityGroups, rootSecurityGroups, rootGroups, rootDefectGroups, defaultPrivateGroupId, allSystemGroups, makeBoolHash, isSystemGroup, getGroupDescription, createLinkedTree, isIdEntity, isEntireOrganization, isFilterState, mapFilterState, getId, mergeItems, simplifyFilterState, toFilterState, compareFilters } from "./groupsFilterRaw/groupsHelper";
+export { groupsFilterTotalStateDefault } from "./groupsFilterRaw/types";
 export { HeaderType, Header, HeaderDisplayName } from "./header/header";
 export { HeaderBackDisplayName, HeaderBack } from "./header/headerBack";
 export { HeaderButtonDisplayName, HeaderButton } from "./header/headerButton";
@@ -682,6 +735,7 @@ export { TimePicker } from "./timePicker/timePicker";
 export { useToast } from "./toast/hooks/useToast";
 export { Toast } from "./toast/toast";
 export { ToggleButton } from "./toggleButton/toggleButton";
+export { ToggleButtonRaw } from "./toggleButtonRaw/toggleButtonRaw";
 export { calculateArrowPosition } from "./tooltip/helpers/calculateArrowPosition";
 export { removeArrowClasses } from "./tooltip/helpers/removeArrowClasses";
 export { Tooltip } from "./tooltip/tooltip";

package/esm/inputAdornments/inputAdornments.d.ts

@@ -18,8 +18,9 @@ export interface IInputAdornments {
     id?: string;
     autoFocus?: boolean;
     ref?: RefObject<HTMLInputElement | null>;
+    name?: string;
 }
 export declare const InputAdornments: {
-    ({ id, value, className, disabled, isError, maxLength, onChange, onKeyDown, onFocus, onBlur, startAdornment, endAdornment, placeholder, inputType, autoFocus, ref }: IInputAdornments): import("react/jsx-runtime").JSX.Element;
+    ({ id, value, className, disabled, isError, maxLength, onChange, onKeyDown, onFocus, startAdornment, endAdornment, placeholder, inputType, autoFocus, name, onBlur, ref }: IInputAdornments): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/esm/inputAdornments/inputAdornments.js

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { TextInputRaw } from "../textInputRaw/textInputRaw";
 import { useDriveClassName } from "../utils/theme/useDriveClassName";
-export const InputAdornments = ({ id, value, className = "", disabled, isError, maxLength, onChange, onKeyDown, onFocus, onBlur, startAdornment, endAdornment, placeholder, inputType = "text", autoFocus, ref }) => {
+export const InputAdornments = ({ id, value, className = "", disabled, isError, maxLength, onChange, onKeyDown, onFocus, startAdornment, endAdornment, placeholder, inputType = "text", autoFocus, name, onBlur, ref }) => {
     const disabledClassName = disabled ? "zen-input-adornments--disabled" : "";
     const driveComponentClass = useDriveClassName("zen-input-adornments");
     const classes = useMemo(() => classNames([
@@ -18,6 +18,6 @@ export const InputAdornments = ({ id, value, className = "", disabled, isError,
         !value ? "zen-input-adornments__wrapper--empty" : "",
         className
     ]), [className, endAdornment, value]);
-    return (_jsxs("div", { className: classes, children: [!!startAdornment && (_jsx("div", { className: "zen-input-adornments__adornment zen-input-adornments__adornment--start", children: startAdornment })), _jsx("div", { className: wrapperClasses, children: _jsx(TextInputRaw, { ref: ref, id: id, value: value, maxLength: maxLength, isError: isError, placeholder: placeholder, onChange: onChange, onKeyDown: onKeyDown, onBlur: onBlur, onFocus: onFocus, disabled: disabled, type: inputType, autoFocus: autoFocus, className: "zen-input-adornments__input zen-input-adornments__input--border-none" }) }), !!endAdornment && (_jsx("div", { className: "zen-input-adornments__adornment zen-input-adornments__adornment--end", children: endAdornment }))] }));
+    return (_jsxs("div", { className: classes, children: [!!startAdornment && (_jsx("div", { className: "zen-input-adornments__adornment zen-input-adornments__adornment--start", children: startAdornment })), _jsx("div", { className: wrapperClasses, children: _jsx(TextInputRaw, { name: name, onBlur: onBlur, ref: ref, id: id, value: value, maxLength: maxLength, isError: isError, placeholder: placeholder, onChange: onChange, onKeyDown: onKeyDown, onFocus: onFocus, disabled: disabled, type: inputType, autoFocus: autoFocus, className: "zen-input-adornments__input zen-input-adornments__input--border-none" }) }), !!endAdornment && (_jsx("div", { className: "zen-input-adornments__adornment zen-input-adornments__adornment--end", children: endAdornment }))] }));
 };
 InputAdornments.displayName = "InputAdornments";

package/esm/radioGroup/radioGroup.d.ts

@@ -1,20 +1,9 @@
-import React from "react";
-import "./radioGroup.less";
-import { IRadio } from "../radio/radio";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-export interface IRadioGroup extends IZenComponentProps {
-    id?: string;
-    items: IRadio[];
-    name?: string;
-    value?: string;
-    disabled?: boolean;
-    direction?: "vertical" | "horizontal";
-    type?: "static" | "interactive";
-    reverse?: boolean;
-    fullWidth?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    selectItemOnFocus?: boolean;
-    wrappedInLabel?: boolean;
-    size?: "small";
+import { FC } from "react";
+import { TFormFieldComponentProps } from "../formField/formField";
+import { TRadioGroupRaw } from "../radioGroupRaw/types";
+type TFormFieldRadioGroup = TFormFieldComponentProps<TRadioGroupRaw>;
+export interface IRadioGroup extends Omit<TFormFieldRadioGroup, "counter"> {
 }
-export declare const RadioGroup: React.FC<IRadioGroup>;
+export type TRadioGroup = Omit<TFormFieldRadioGroup, "counter" | "ref">;
+export declare const RadioGroup: FC<TRadioGroup>;
+export {};

package/esm/radioGroup/radioGroup.js

@@ -1,53 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import React, { useCallback, useRef, useState } from "react";
-import { Radio } from "../radio/radio";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { useEffect } from "react";
-export const RadioGroup = ({ fullWidth, reverse, id, items, className, name, value, disabled, type = "static", direction = "horizontal", onChange, selectItemOnFocus = true, wrappedInLabel, size }) => {
-    const generatedId = React.useId();
-    const intId = id || generatedId;
-    const [focusedIndex, setFocusedIndex] = useState(items.findIndex(el => el.value === value));
-    const focusElementRef = useRef(null);
-    const classes = "zen-radio-group zen-radio-group--" + direction + (disabled ? " zen-radio-group--disabled" : "");
-    const findNextEnabledIndex = useCallback((currentIndex) => {
-        var _a;
-        let newIndex = (currentIndex + 1) % items.length;
-        while ((_a = items[newIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
-            newIndex = (newIndex + 1) % items.length;
-        }
-        return newIndex;
-    }, [items]);
-    const findPrevEnabledIndex = useCallback((currentIndex) => {
-        var _a;
-        let newIndex = (currentIndex - 1 + items.length) % items.length;
-        while ((_a = items[newIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
-            newIndex = (newIndex - 1 + items.length) % items.length;
-        }
-        return newIndex;
-    }, [items]);
-    const handleKeyDown = (e) => {
-        var _a;
-        if (e.key === "ArrowDown" || e.key === "ArrowRight") {
-            e.preventDefault();
-            const newIndex = findNextEnabledIndex(focusedIndex);
-            setFocusedIndex(newIndex);
-        }
-        else if (e.key === "ArrowUp" || e.key === "ArrowLeft") {
-            e.preventDefault();
-            const newIndex = findPrevEnabledIndex(focusedIndex);
-            setFocusedIndex(newIndex);
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
         }
-        else if (e.key === "Enter") {
-            (_a = focusElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            onChange && onChange(e);
-        }
-    };
-    useEffect(() => {
-        var _a;
-        (_a = focusElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, [focusedIndex]);
-    const extraProps = selectItemOnFocus ? {} : ({ role: "radiogroup", tabIndex: 0 });
-    return _jsx("div", { id: intId, className: classNames([classes, className || ""]), children: _jsx("div", Object.assign({ className: "zen-radio-group__wrapper", onKeyDown: selectItemOnFocus ? undefined : handleKeyDown }, extraProps, { children: items.map((item, ind) => _createElement(Radio, Object.assign({}, item, { className: classNames(["zen-radio-group__item", wrappedInLabel ? "zen-radio-group__item--no-paddings" : "", type === "interactive" ? "zen-radio--interactive" : "",
-                    size === "small" ? "zen-radio-group__item--small" : ""]), key: ind, checked: item.value === value, disabled: disabled ? disabled : item.disabled, name: name, reverse: reverse, fullWidth: fullWidth, value: item.value, onChange: onChange, wrappedInLabel: wrappedInLabel, tabIndex: selectItemOnFocus || disabled || item.disabled ? undefined : (ind === focusedIndex ? 0 : -1), ref: selectItemOnFocus ? undefined : (ind === focusedIndex ? focusElementRef : undefined) }), item.children)) })) });
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormField } from "../formField/formField";
+import { RadioGroupRaw } from "../radioGroupRaw/radioGroupRaw";
+const RadioGroupFormField = FormField(RadioGroupRaw);
+export const RadioGroup = (_a) => {
+    var props = __rest(_a, []);
+    return _jsx(RadioGroupFormField, Object.assign({}, props));
 };

package/esm/radioGroupRaw/radioGroupRaw.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { IFormFieldComponent } from "../formField/formField";
+import { IRadioGroupRawDefault, TRadioGroupRaw } from "./types";
+import "./radioGroupRaw.less";
+export interface IRadioGroupRaw extends IRadioGroupRawDefault {
+}
+export declare const RadioGroupRaw: React.FC<TRadioGroupRaw & IFormFieldComponent>;

package/esm/radioGroupRaw/radioGroupRaw.js

@@ -0,0 +1,64 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useRef, useState } from "react";
+import { Radio } from "../radio/radio";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useEffect } from "react";
+import { ReviewTextControl } from "../formGroup/components/reviewTextControl";
+import { useFormFieldValues } from "../commonHelpers/hooks/useFormFieldValues/useFormFieldValues";
+export const RadioGroupRaw = (props) => {
+    const { fullWidth, reverse, id, items, className, type = "static", direction = "horizontal", selectItemOnFocus = true, wrappedInLabel, isReadOnly, size } = props;
+    const { value, name, disabled, onChange, onBlur } = useFormFieldValues(props.controller, props);
+    const generatedId = React.useId();
+    const intId = id || generatedId;
+    const [focusedIndex, setFocusedIndex] = useState(items.findIndex(el => el.value === value));
+    const focusElementRef = useRef(null);
+    const classes = "zen-radio-group zen-radio-group--" + direction + (disabled ? " zen-radio-group--disabled" : "");
+    const onChangeInner = (e) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    };
+    const findNextEnabledIndex = useCallback((currentIndex) => {
+        var _a;
+        let newIndex = (currentIndex + 1) % items.length;
+        while ((_a = items[newIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
+            newIndex = (newIndex + 1) % items.length;
+        }
+        return newIndex;
+    }, [items]);
+    const findPrevEnabledIndex = useCallback((currentIndex) => {
+        var _a;
+        let newIndex = (currentIndex - 1 + items.length) % items.length;
+        while ((_a = items[newIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
+            newIndex = (newIndex - 1 + items.length) % items.length;
+        }
+        return newIndex;
+    }, [items]);
+    const handleKeyDown = (e) => {
+        var _a;
+        if (e.key === "ArrowDown" || e.key === "ArrowRight") {
+            e.preventDefault();
+            const newIndex = findNextEnabledIndex(focusedIndex);
+            setFocusedIndex(newIndex);
+        }
+        else if (e.key === "ArrowUp" || e.key === "ArrowLeft") {
+            e.preventDefault();
+            const newIndex = findPrevEnabledIndex(focusedIndex);
+            setFocusedIndex(newIndex);
+        }
+        else if (e.key === "Enter") {
+            (_a = focusElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            onChangeInner(e);
+        }
+    };
+    useEffect(() => {
+        var _a;
+        (_a = focusElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [focusedIndex]);
+    const extraProps = selectItemOnFocus ? {} : ({ role: "radiogroup", tabIndex: 0 });
+    if (isReadOnly) {
+        return _jsx(ReviewTextControl, { value: value || "" });
+    }
+    return _jsx("div", { id: intId, className: classNames([classes, className || ""]), children: _jsx("div", Object.assign({ className: "zen-radio-group__wrapper", onKeyDown: selectItemOnFocus ? undefined : handleKeyDown }, extraProps, { children: items.map((item, ind) => _createElement(Radio, Object.assign({}, item, { className: classNames(["zen-radio-group__item", wrappedInLabel ? "zen-radio-group__item--no-paddings" : "", type === "interactive" ? "zen-radio--interactive" : "",
+                    size === "small" ? "zen-radio-group__item--small" : ""]), key: ind, checked: item.value === value, disabled: disabled ? disabled : item.disabled, name: name, reverse: reverse, fullWidth: fullWidth, value: item.value, onChange: onChangeInner, wrappedInLabel: wrappedInLabel, tabIndex: selectItemOnFocus || disabled || item.disabled ? undefined : (ind === focusedIndex ? 0 : -1), ref: selectItemOnFocus ? undefined : (ind === focusedIndex ? focusElementRef : undefined) }), item.children)) })) });
+};

package/esm/radioGroupRaw/types.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { Exclusive } from "../commonHelpers/types/exclusive";
+import { IReactFormItemController, IZenComponentProps } from "../commonHelpers/zenComponent";
+import { IRadio } from "../radio/radio";
+export interface IRadioGroupRawBase extends IZenComponentProps {
+    id?: string;
+    items: IRadio[];
+    direction?: "vertical" | "horizontal";
+    type?: "static" | "interactive";
+    reverse?: boolean;
+    fullWidth?: boolean;
+    selectItemOnFocus?: boolean;
+    wrappedInLabel?: boolean;
+    size?: "small";
+}
+export interface IRadioGroupRawDefault extends IRadioGroupRawBase {
+    name?: string;
+    disabled?: boolean;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    error?: string;
+}
+export interface IRadioGroupRawForm extends IRadioGroupRawBase, IReactFormItemController {
+}
+export type TRadioGroupRaw = Exclusive<IRadioGroupRawForm, IRadioGroupRawDefault>;

package/esm/radioGroupRaw/types.js

@@ -0,0 +1 @@
+export {};

package/esm/range/range.d.ts

@@ -1,29 +1,13 @@
-import React from "react";
-import "./range.less";
-import { IChipsParent } from "../chip/chip";
-export interface IRangeValues {
-    min: number | null;
-    max: number | null;
+import { FC } from "react";
+import { TFormFieldComponentProps } from "../formField/formField";
+import { IRangeRaw, IRangeValuesRaw, TErrorTypeRaw } from "../rangeRaw/rangeRaw";
+import { TRangeRaw } from "../rangeRaw/types";
+type TFormFieldRange = TFormFieldComponentProps<TRangeRaw>;
+export interface IRangeValues extends IRangeValuesRaw {
 }
-export type TErrorType = "range" | "bound" | "value";
-export interface IRange extends IChipsParent {
-    className?: string;
-    onChange: (values: IRangeValues) => void;
-    value: IRangeValues;
-    defaultValue?: IRangeValues;
-    unit?: string;
-    labelMin?: string;
-    labelMax?: string;
-    disabled?: boolean;
-    label: string;
-    min?: number;
-    max?: number;
-    id?: string;
-    fullWidthTriggerButton?: boolean;
-    fullBounded?: boolean;
-    allowEqualMinMax?: boolean;
-    error?: string;
-    triggerAriaLabel?: string;
+export type TErrorType = TErrorTypeRaw;
+export interface IRange extends IRangeRaw {
 }
-export declare const Range: React.FC<IRange>;
-export declare const TRANSLATIONS: string[];
+export type TRange = Omit<TFormFieldRange, "counter" | "ref">;
+export declare const Range: FC<TRange>;
+export {};