@it-holding-ui/atomic 9.8.0 → 9.8.2

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.
Files changed (14) hide show
  1. package/build/atomic/src/ITHInput/ITHInputFacade/ITHInputFacade.d.ts +1 -0
  2. package/build/atomic/src/ITHInput/ITHInputFacade/ITHInputFacade.types.d.ts +4 -0
  3. package/build/atomic/src/Select/ITHSelect/ITHSelect.d.ts +1 -1
  4. package/build/atomic/src/Select/ITHSelect/ITHSelect.hooks.d.ts +5 -0
  5. package/build/atomic/src/Select/ITHSelect/ITHSelect.types.d.ts +2 -1
  6. package/build/atomic/src/Select/ITHSelectItem/ITHSelectItem.d.ts +1 -1
  7. package/build/atomic/src/Select/ITHSelectItem/ITHSelectItem.types.d.ts +5 -0
  8. package/build/atomic/src/Select/ITHSelectPopover/ITHSelectPopover.d.ts +5 -2
  9. package/build/atomic/src/Select/ITHSelectPopover/ITHSelectPopover.types.d.ts +5 -2
  10. package/build/atomic/src/Select/ITHSelectSheet/ITHSelectSheet.d.ts +1 -1
  11. package/build/atomic/src/Select/ITHSelectSheet/ITHSelectSheet.types.d.ts +2 -1
  12. package/build/index.js +1 -1
  13. package/build/index.js.map +1 -1
  14. package/package.json +2 -2
package/build/atomic/src/ITHInput/ITHInputFacade/ITHInputFacade.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  import React from 'react';
2
2
  import { ITHInputFacadeProps, ITHInputRef } from './ITHInputFacade.types';
3
+ import './ITHInputFacade.scss';
3
4
  export declare const ITHInputFacade: React.ForwardRefExoticComponent<ITHInputFacadeProps & React.RefAttributes<ITHInputRef<HTMLIonInputElement | HTMLIonTextareaElement>>>;
package/build/atomic/src/ITHInput/ITHInputFacade/ITHInputFacade.types.d.ts CHANGED
@@ -1,10 +1,14 @@
1
1
  import { ComponentProps } from 'react';
2
2
  import { IonInput, IonTextarea } from '@ionic/react';
3
+ import { Chip } from "../../ITHChip";
3
4
  export declare type ITHInputType = 'input' | 'textarea';
4
5
  export declare type ITHInputFacadeInputProps = Omit<ComponentProps<typeof IonInput>, 'ref' | 'value'> & {
5
6
  inputType: 'input';
6
7
  value?: string | undefined | null;
7
8
  rows?: number;
9
+ withChips?: boolean;
10
+ chips?: Chip[];
11
+ onChipDelete?: (chip: Chip) => void;
8
12
  };
9
13
  export declare type ITHInputFacadeTextareaProps = Omit<ComponentProps<typeof IonTextarea>, 'ref'> & {
10
14
  inputType: 'textarea';
package/build/atomic/src/Select/ITHSelect/ITHSelect.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { ITHSelectProps } from './ITHSelect.types';
2
2
  import './ITHSelect.scss';
3
3
  import { ITHSelectOption } from "../ITHSelect.types";
4
- export declare const ITHSelect: <Option extends ITHSelectOption>({ onFocus, onBlur, label, icon, iconLeft, iconClassName, prefix, prefixIcon, hasError, errorHint, hint, requiredSign, className, sheetClassName, popoverClassName, valueFormatKey, withVirtualScroll, scrollingContainerRef, disabled, ...props }: ITHSelectProps<Option>) => JSX.Element;
4
+ export declare const ITHSelect: <Option extends ITHSelectOption>({ onFocus, onBlur, label, icon, iconLeft, iconClassName, prefix, prefixIcon, hasError, errorHint, hint, requiredSign, className, sheetClassName, popoverClassName, valueFormatKey, withVirtualScroll, scrollingContainerRef, disabled, withChips, ...props }: ITHSelectProps<Option>) => JSX.Element;
package/build/atomic/src/Select/ITHSelect/ITHSelect.hooks.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const usePopoverStyle: (container: DOMRect | undefined) => Record<string, string>;
2
+ export declare const useInputContainer: () => {
3
+ container: DOMRect | undefined;
4
+ ref: import("react").RefObject<HTMLDivElement>;
5
+ };
package/build/atomic/src/Select/ITHSelect/ITHSelect.types.d.ts CHANGED
@@ -3,7 +3,8 @@ import { ITHInputProps } from "../../ITHInput";
3
3
  import { ITHInputFacadeInputProps } from "../../ITHInput/ITHInputFacade/ITHInputFacade.types";
4
4
  import { ITHSheetProps } from "../../ITHSheet";
5
5
  import { ITHAbstractSelectProps, ITHSelectOption } from "../ITHSelect.types";
6
- export declare type ITHSelectProps<Option extends ITHSelectOption = ITHSelectOption> = ITHAbstractSelectProps<Option> & Pick<ITHInputProps, 'label' | 'icon' | 'iconLeft' | 'iconClassName' | 'prefix' | 'prefixIcon' | 'hasError' | 'errorHint' | 'hint' | 'requiredSign' | 'className'> & Pick<ITHInputFacadeInputProps, 'onBlur' | 'onFocus'> & Pick<ITHSheetProps, 'closeIconSlot' | 'closeIcon' | 'customButtons' | 'customButtonsSlot'> & {
6
+ import { ITHSelectPopoverContentProps } from "../ITHSelectPopover/ITHSelectPopover.types";
7
+ export declare type ITHSelectProps<Option extends ITHSelectOption = ITHSelectOption> = ITHAbstractSelectProps<Option> & Pick<ITHInputProps, 'label' | 'icon' | 'iconLeft' | 'iconClassName' | 'prefix' | 'prefixIcon' | 'hasError' | 'errorHint' | 'hint' | 'requiredSign' | 'className'> & Pick<ITHInputFacadeInputProps, 'onBlur' | 'onFocus' | 'withChips'> & Pick<ITHSheetProps, 'closeIconSlot' | 'closeIcon' | 'customButtons' | 'customButtonsSlot'> & Pick<ITHSelectPopoverContentProps<Option>, 'checkboxRadioSlot' | 'withCheckboxRadio' | 'iconSlot'> & {
7
8
  sheetClassName?: string;
8
9
  popoverClassName?: string;
9
10
  valueFormatKey?: keyof Option;
package/build/atomic/src/Select/ITHSelectItem/ITHSelectItem.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { ITHSelectItemProps } from './ITHSelectItem.types';
2
2
  import './ITHSelectItem.scss';
3
3
  import { ITHSelectOption } from "../ITHSelect.types";
4
- export declare const ITHSelectItem: <Option extends ITHSelectOption>({ item, inlineDetails, isSelected, withoutCheckMark, onClick, slot, }: ITHSelectItemProps<Option>) => JSX.Element;
4
+ export declare const ITHSelectItem: <Option extends ITHSelectOption>({ item, inlineDetails, isSelected, withoutCheckMark, onClick, slot, withCheckbox, withRadio, value, checkboxRadioSlot, iconSlot, }: ITHSelectItemProps<Option>) => JSX.Element;
package/build/atomic/src/Select/ITHSelectItem/ITHSelectItem.types.d.ts CHANGED
@@ -6,4 +6,9 @@ export declare type ITHSelectItemProps<Option extends ITHSelectOption> = {
6
6
  isSelected?: boolean;
7
7
  onClick?: (value: string | undefined, item: Option) => void;
8
8
  slot?: string;
9
+ withCheckbox?: boolean;
10
+ withRadio?: boolean;
11
+ value?: string;
12
+ checkboxRadioSlot?: 'start' | 'end';
13
+ iconSlot?: 'start' | 'end';
9
14
  };
package/build/atomic/src/Select/ITHSelectPopover/ITHSelectPopover.d.ts CHANGED
@@ -1,5 +1,8 @@
1
+ import { Ref } from 'react';
1
2
  import { ITHSelectPopoverContentProps, ITHSelectPopoverProps } from './ITHSelectPopover.types';
2
3
  import './ITHSelectPopover.scss';
3
4
  import { ITHSelectOption } from "../ITHSelect.types";
4
- export declare const ITHSelectPopoverContent: <Option extends ITHSelectOption>({ label, withVirtualScroll, inlineDetails, additionalItems, withoutCheckMark, closePopover, ...props }: ITHSelectPopoverContentProps<Option>) => JSX.Element;
5
- export declare const ITHSelectPopover: <Option extends ITHSelectOption>({ className, ...props }: ITHSelectPopoverProps<Option>) => JSX.Element;
5
+ export declare const ITHSelectPopoverContent: <Option extends ITHSelectOption>({ label, withVirtualScroll, inlineDetails, additionalItems, withoutCheckMark, closePopover, withCheckboxRadio, checkboxRadioSlot, onClose, iconSlot, ...props }: ITHSelectPopoverContentProps<Option>) => JSX.Element;
6
+ export declare const ITHSelectPopover: <Option extends ITHSelectOption>(props: ITHSelectPopoverProps<Option> & {
7
+ ref: Ref<HTMLIonPopoverElement>;
8
+ }) => JSX.Element;
package/build/atomic/src/Select/ITHSelectPopover/ITHSelectPopover.types.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  /// <reference types="react" />
2
2
  import { IonPopover } from '@ionic/react';
3
3
  import { ITHAbstractSelectProps, ITHSelectOption } from "../ITHSelect.types";
4
- export declare type ITHSelectPopoverContentProps<Option extends ITHSelectOption> = ITHAbstractSelectProps<Option> & {
4
+ import { ITHSelectItemProps } from "../ITHSelectItem";
5
+ export declare type ITHSelectPopoverContentProps<Option extends ITHSelectOption> = ITHAbstractSelectProps<Option> & Pick<ITHSelectItemProps<Option>, 'checkboxRadioSlot' | 'iconSlot'> & {
5
6
  label?: React.ReactText;
6
7
  withVirtualScroll?: boolean;
7
8
  closePopover?: () => void;
9
+ withCheckboxRadio?: boolean;
10
+ onClose?: () => void;
8
11
  };
9
- export declare type ITHSelectPopoverProps<Option extends ITHSelectOption = ITHSelectOption> = React.ComponentProps<typeof IonPopover> & Omit<ITHSelectPopoverContentProps<Option>, 'closePopover' | 'selectingType' | 'selectedValue' | 'onSelectedValueChange'> & ITHAbstractSelectProps<Option>;
12
+ export declare type ITHSelectPopoverProps<Option extends ITHSelectOption = ITHSelectOption> = Omit<React.ComponentProps<typeof IonPopover>, 'ref'> & Omit<ITHSelectPopoverContentProps<Option>, 'closePopover' | 'selectingType' | 'selectedValue' | 'onSelectedValueChange' | 'ref'> & ITHAbstractSelectProps<Option>;
package/build/atomic/src/Select/ITHSelectSheet/ITHSelectSheet.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { ITHSelectSheetProps } from './ITHSelectSheet.types';
2
2
  import './ITHSelectSheet.scss';
3
3
  import { ITHSelectOption } from "../ITHSelect.types";
4
- export declare const ITHSelectSheet: <Option extends ITHSelectOption>({ hasHeader, onClose, inlineDetails, additionalItems, withVirtualScroll, withoutCheckMark, ...props }: ITHSelectSheetProps<Option>) => JSX.Element;
4
+ export declare const ITHSelectSheet: <Option extends ITHSelectOption>({ hasHeader, onClose, inlineDetails, additionalItems, withVirtualScroll, withoutCheckMark, withCheckboxRadio, checkboxRadioSlot, iconSlot, ...props }: ITHSelectSheetProps<Option>) => JSX.Element;
package/build/atomic/src/Select/ITHSelectSheet/ITHSelectSheet.types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ITHSheetProps } from "../../ITHSheet";
2
2
  import { ITHAbstractSelectProps, ITHSelectOption } from "../ITHSelect.types";
3
- export declare type ITHSelectSheetProps<Option extends ITHSelectOption = ITHSelectOption> = Omit<ITHSheetProps, 'searchValue' | 'onSearchChange' | 'onSearchCancel' | 'onSearchClear'> & ITHAbstractSelectProps<Option> & {
3
+ import { ITHSelectPopoverContentProps } from "../ITHSelectPopover/ITHSelectPopover.types";
4
+ export declare type ITHSelectSheetProps<Option extends ITHSelectOption = ITHSelectOption> = Omit<ITHSheetProps, 'searchValue' | 'onSearchChange' | 'onSearchCancel' | 'onSearchClear'> & ITHAbstractSelectProps<Option> & Pick<ITHSelectPopoverContentProps<Option>, 'checkboxRadioSlot' | 'withCheckboxRadio' | 'iconSlot'> & {
4
5
  title?: string;
5
6
  withVirtualScroll?: boolean;
6
7
  withSearch?: boolean;