@m4l/components 9.1.92 → 9.1.94

package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.d.ts

@@ -0,0 +1,63 @@
+export declare const AreasAdminRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AreasContainerChipIconStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AreasContainerContentChipsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AreaContentChipStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AreaChipRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AreaContainerChipEditButtonStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AreasAdminContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ChipAreasStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../Chip/types').ChipProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../../../Chip/types').ChipProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const IconButtonAddAreaStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "selected" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "placement" | "form" | "src" | "rotationAngle" | "tooltipContent" | "instaceDataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "componentPaletteColor" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const MenuActionsChipStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../MenuActions/types').MenuActionsProps, keyof import('../../../../MenuActions/types').MenuActionsProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const ContainerAdminWindowsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AreaChipMobileRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ChipMobileRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ChipMobileContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AddAreasMobileContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const MenuActionsAreaChipMobileStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../MenuActions/types').MenuActionsProps, keyof import('../../../../MenuActions/types').MenuActionsProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const ButtonAddAreaStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "action" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "label" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "skeletonWidth" | "disableElevation" | "fullWidth" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const EditAreaChipContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const EditAreaHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const EditAreaChipMobileContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const NameChipMobileStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../mui_extended/Typography/types').TypographyProps, keyof import('../../../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>;
+}, {}, {}>;

package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.js

@@ -0,0 +1,116 @@
+import { styled } from "@mui/material/styles";
+import { A as AREAS_ADMIN_KEY_COMPONENT } from "../constants.js";
+import { a as areasAdminStyles } from "../AreasAdmin.styles.js";
+import { A as AreasAdminSlots } from "./AreasAdminEnum.js";
+import { T as Typography } from "../../../../mui_extended/Typography/Typography.js";
+import { C as Chip } from "../../../../Chip/Chip.js";
+import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton.js";
+import { B as Button } from "../../../../mui_extended/Button/Button.js";
+import { M as MenuActions } from "../../../../MenuActions/MenuActions.js";
+const AreasAdminRootStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.root
+})(areasAdminStyles?.root);
+const AreasContainerChipIconStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.areaContainerChipIcon
+})(areasAdminStyles?.areaContainerChipIcon);
+const AreasContainerContentChipsStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.areaContainerContentChips
+})(areasAdminStyles?.areaContainerContentChips);
+const AreaContentChipStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.areaContentChip
+})(areasAdminStyles?.areaContentChip);
+const AreaChipRootStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.areaChipRoot
+})(areasAdminStyles?.areaChipRoot);
+const AreaContainerChipEditButtonStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.areaContainerChipEditButton
+})(areasAdminStyles?.areaContainerChipEditButton);
+const AreasAdminContentStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.areasAdminContent
+})(areasAdminStyles?.areasAdminContent);
+const ChipAreasStyled = styled(Chip, {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.chipAreas
+})(areasAdminStyles?.chipAreas);
+const IconButtonAddAreaStyled = styled(IconButton, {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.iconButtonAddArea
+})(areasAdminStyles?.iconButtonAddArea);
+const MenuActionsChipStyled = styled(MenuActions, {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.menuActionsChip
+})(areasAdminStyles?.menuActionsChip);
+const ContainerAdminWindowsStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.containerAdminWindows
+})(areasAdminStyles?.containerAdminWindows);
+const AreaChipMobileRootStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.areaChipMobileRoot
+})(areasAdminStyles?.areaChipMobileRoot);
+const ChipMobileRootStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.chipMobileRoot
+})(areasAdminStyles?.chipMobileRoot);
+const ChipMobileContentStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.chipMobileContent
+})(areasAdminStyles?.chipMobileContent);
+const AddAreasMobileContainerStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.addAreasMobileContainer
+})(areasAdminStyles?.addAreasMobileContainer);
+const MenuActionsAreaChipMobileStyled = styled(MenuActions, {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.menuActionsAreaChipMobile
+})(areasAdminStyles?.menuActionsAreaChipMobile);
+const ButtonAddAreaStyled = styled(Button, {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.buttonAddArea
+})(areasAdminStyles?.buttonAddArea);
+const EditAreaChipContainerStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.editAreaChipContainer
+})(areasAdminStyles?.editAreaChipContainer);
+const EditAreaHeaderStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.editAreaHeader
+})(areasAdminStyles?.editAreaHeader);
+const EditAreaChipMobileContainerStyled = styled("div", {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.editAreaChipMobileContainer
+})(areasAdminStyles?.editAreaChipMobileContainer);
+const NameChipMobileStyled = styled(Typography, {
+  name: AREAS_ADMIN_KEY_COMPONENT,
+  slot: AreasAdminSlots.nameChipMobile
+})(areasAdminStyles?.nameChipMobile);
+export {
+  AreasAdminRootStyled as A,
+  ButtonAddAreaStyled as B,
+  ContainerAdminWindowsStyled as C,
+  EditAreaChipContainerStyled as E,
+  IconButtonAddAreaStyled as I,
+  MenuActionsChipStyled as M,
+  NameChipMobileStyled as N,
+  AreasAdminContentStyled as a,
+  AreasContainerChipIconStyled as b,
+  AreasContainerContentChipsStyled as c,
+  AreaContentChipStyled as d,
+  AreaChipRootStyled as e,
+  AreaContainerChipEditButtonStyled as f,
+  ChipAreasStyled as g,
+  EditAreaHeaderStyled as h,
+  AreaChipMobileRootStyled as i,
+  AddAreasMobileContainerStyled as j,
+  MenuActionsAreaChipMobileStyled as k,
+  ChipMobileRootStyled as l,
+  ChipMobileContentStyled as m,
+  EditAreaChipMobileContainerStyled as n
+};

package/components/areas/components/AreasAdmin/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AreasAdminEnum';
+export * from './AreasAdminSlots';

package/components/areas/components/AreasAdmin/slots/index.js

@@ -0,0 +1 @@
+

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/{index.d.ts → AreaChip.d.ts}

@@ -1,14 +1,6 @@
 import { AreaChipProps } from './types';
 /**
- * <<<<<<< HEAD
  * Componente de chip de área.
- * <<<<<<< HEAD
- * @createdAt 2024-11-01 12:34:48 - automatic
- * =======
- * @createdAt 2024-11-06 09:00:05 - automatic
- * >>>>>>> 2cb88276 (refactor(PGK-552): refactor button)
- * =======
- * AreaChip component for rendering a chip with area details.
  *
  * Props:
  * - areaId: string - The ID of the area.
@@ -33,24 +25,10 @@ import { AreaChipProps } from './types';
  * - initialValues: { inputEditArea: string } - Initial values for the form.
  * - validationSchema: Yup.ObjectSchema - Validation schema for the form.
  * - rippleRef: React.RefObject<any> - Reference to the ripple effect.
- * @createdAt 2024-11-06 11:07:59 - automatic
- * >>>>>>> 32caab70 (refactor(PGK-552): resolve TODO documentar and styles to slots)
- */
-/**
- * Propiedades del componente de chip de área.
- * @author SebastianM - automatic
- * <<<<<<< HEAD
- * <<<<<<< HEAD
- * @createdAt 2024-11-01 12:34:48 - automatic
- * @updatedAt 2025-01-08 10:36:41 - automatic
- * =======
- * @createdAt 2024-11-06 09:00:05 - automatic
- * @updatedAt 2025-01-08 10:36:41 - automatic
- * =======
- * @createdAt 2024-11-06 11:07:59 - automatic
- * @updatedAt 2025-01-08 10:36:41 - automatic
- * >>>>>>> 32caab70 (refactor(PGK-552): resolve TODO documentar and styles to slots)
- * @updatedUser Andrés Quintero - automatic
+ * @author cesar - automatic
+ * @createdAt 2025-01-25 19:41:41 - automatic
+ * @updatedAt 2025-02-04 09:17:16 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const AreaChip: {
     (props: AreaChipProps): import("react/jsx-runtime").JSX.Element;

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/{index.js → AreaChip.js}

@@ -1,52 +1,55 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
 import { u as useAreasStore } from "../../../../hooks/useAreas/index.js";
-import clsx from "clsx";
-import { a as areasAdminClasses } from "../../classes/index.js";
+import { useIsMobile } from "@m4l/graphics";
+import { C as ChipActionsMobile } from "./subcomponents/ChipActionsMobile/ChipActionsMobile.js";
+import { shallow } from "zustand/shallow";
+import { e as AreaChipRootStyled, f as AreaContainerChipEditButtonStyled, g as ChipAreasStyled, M as MenuActionsChipStyled, E as EditAreaChipContainerStyled, h as EditAreaHeaderStyled } from "../../slots/AreasAdminSlots.js";
+import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { I as ICONS } from "../../../../icons.js";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../dictionary.js";
-import { E as EditAreaHeader } from "./styles.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { C as ChipActionsMobile } from "./subcomponents/ChipActionsMobile/index.js";
-import { useTheme } from "@mui/material";
-import { shallow } from "zustand/shallow";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton.js";
+import { A as AREAS_ADMIN_KEY_COMPONENT } from "../../constants.js";
+import { g as getComponentClasses } from "../../../../../../utils/getComponentSlotRoot.js";
 import { R as RHFormProvider } from "../../../../../hook-form/RHFormContext/index.js";
 import { T as Typography } from "../../../../../mui_extended/Typography/Typography.js";
 import { R as RHFTextField } from "../../../../../hook-form/RHFTextField/RHFTextField.js";
 import { A as ActionsContainer } from "../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { A as AreasAdminSlots } from "../../slots/AreasAdminEnum.js";
 import { P as Popover } from "../../../../../mui_extended/Popover/Popover.js";
 import { A as ActionCancel } from "../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
 import { A as ActionIntro } from "../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
 const AreaChip = (props) => {
-  const { areaId, selected, disabled, setAnchorMenuAreas } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { deleteArea, selectArea, editArea } = useAreasStore((state) => state.areasActions);
-  const { setFocus } = useAreasStore((state) => state.areaAdminActions);
+  const {
+    areaId,
+    selected,
+    //disabled,
+    setAnchorMenuAreas,
+    size,
+    color
+  } = props;
+  const { selectArea, editArea, deleteArea } = useAreasStore((state) => state.areasActions);
   const areaName = useAreasStore((state) => state.hashAreas[areaId].name, shallow);
   const listAreas = useAreasStore((state) => state.areasIds, shallow);
   const [open, setOpen] = useState(false);
-  const { getLabel } = useModuleDictionary();
-  const isDesktop = useResponsiveDesktop();
   const anchorRef = useRef(null);
-  const theme = useTheme();
+  const { currentSize } = useComponentSize(size);
+  const isMobile = useIsMobile();
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
   const onClickDeleteArea = (e) => {
     if (listAreas.length > 1) {
       e.stopPropagation();
-      setFocus(true);
       deleteArea(areaId);
     }
   };
   const onSubmit = (data) => {
     editArea(areaId, data.inputEditArea);
     setOpen(false);
-    setFocus(false);
   };
   const handlerOpenPopoverEditArea = (e) => {
     e?.stopPropagation();
-    setFocus(true);
     setOpen(true);
   };
   const initialValues = {
@@ -65,72 +68,83 @@ const AreaChip = (props) => {
     selectArea(areaId);
   };
   const rippleRef = useRef(null);
-  const onRippleStart = (e) => {
-    if (rippleRef.current) {
-      rippleRef.current.start(e);
-    }
-  };
   const onRippleStop = (e) => {
     if (rippleRef.current) {
       rippleRef.current.stop(e);
     }
   };
+  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
+  const ownerState = {
+    isMobile,
+    color,
+    size: adjustedSize,
+    isAreaSelected: selected
+  };
+  const menuActions = [
+    {
+      type: "menuItem",
+      startIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.EDIT_AREA}`,
+      label: `${getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_edit_area))}`,
+      onClick: handlerOpenPopoverEditArea
+    },
+    {
+      type: "menuItem",
+      startIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.DELETE_AREA}`,
+      label: `${getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_delete_area))}`,
+      onClick: onClickDeleteArea
+    }
+  ];
+  const classes = getComponentClasses(AREAS_ADMIN_KEY_COMPONENT, AreasAdminSlots);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
+    /* @__PURE__ */ jsx(
+      AreaChipRootStyled,
       {
+        ownerState: {},
         role: "presentation",
         ref: anchorRef,
-        onMouseDown: onRippleStart,
         onMouseUp: onRippleStop,
-        className: clsx(
-          areasAdminClasses.areaChipRoot,
-          selected ? areasAdminClasses.selected : null,
-          disabled ? areasAdminClasses.disabled : null
-        ),
         onClick: (e) => {
           handlerOnClick(e);
         },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: areasAdminClasses.areaChipTitle, children: areaName }),
-          isDesktop ? /* @__PURE__ */ jsxs("div", { className: areasAdminClasses.areaContainerChipEditButton, children: [
-            /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                className: areasAdminClasses.areaChipEditButton,
-                src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.EDIT_AREA}`,
-                size: "small",
-                onClick: (e) => {
-                  handlerOpenPopoverEditArea(e);
-                },
-                tooltip: getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_edit_area))
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              IconButton,
+        children: !isMobile ? /* @__PURE__ */ jsx(
+          AreaContainerChipEditButtonStyled,
+          {
+            ownerState: {},
+            children: /* @__PURE__ */ jsx(
+              ChipAreasStyled,
               {
-                className: areasAdminClasses.areaChipDeleteButton,
-                src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.DELETE_AREA}`,
-                size: "small",
-                onClick: (e) => {
-                  onClickDeleteArea(e);
-                },
-                tooltip: getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_delete_area))
+                opacity: selected ? false : true,
+                color: selected ? "info" : "default",
+                ownerState: { ...ownerState },
+                hasIconClose: false,
+                onClick: () => selectArea(areaId),
+                size,
+                label: `${areaName}`,
+                endIcon: /* @__PURE__ */ jsx(
+                  MenuActionsChipStyled,
+                  {
+                    className: classes.menuActionsChip,
+                    ownerState: { ...ownerState },
+                    icon: `${host_static_assets}/${environment_assets}/frontend/components/window_base/assets/icons/${ICONS.MORE_VERTICAL}`,
+                    arrowType: "no-arrow",
+                    anchorOrigin: { vertical: "bottom", horizontal: "right" },
+                    transformOrigin: { vertical: "top", horizontal: "right" },
+                    menuActions
+                  }
+                )
               }
             )
-          ] }) : /* @__PURE__ */ jsx(
-            ChipActionsMobile,
-            {
-              areaId,
-              handlerOpenPopoverEditArea
-            }
-          )
-        ]
+          }
+        ) : /* @__PURE__ */ jsx(
+          ChipActionsMobile,
+          {}
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      "div",
+      EditAreaChipContainerStyled,
       {
+        ownerState: {},
         role: "presentation",
         onClick: (e) => {
           e.stopPropagation();
@@ -140,18 +154,12 @@ const AreaChip = (props) => {
           {
             arrowType: "top-center",
             open,
-            className: areasAdminClasses.areaEditPopover,
             anchorEl: anchorRef.current,
             anchorOrigin: { vertical: "bottom", horizontal: "center" },
             transformOrigin: { vertical: "top", horizontal: "center" },
             onClose: () => {
-              setFocus(false);
               setOpen(false);
             },
-            sx: {
-              mt: "10px",
-              ...theme.components?.M4LAreasAdminEditPopover?.styleOverrides || {}
-            },
             children: /* @__PURE__ */ jsxs(
               RHFormProvider,
               {
@@ -159,25 +167,11 @@ const AreaChip = (props) => {
                 values: initialValues,
                 validationSchema,
                 children: [
-                  /* @__PURE__ */ jsxs(EditAreaHeader, { children: [
-                    /* @__PURE__ */ jsx(Typography, { children: getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_edit_area)) }),
-                    /* @__PURE__ */ jsx(
-                      IconButton,
-                      {
-                        src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.CLOSE}`,
-                        size: "small",
-                        onClick: () => {
-                          setFocus(false);
-                          setOpen(false);
-                        }
-                      }
-                    )
-                  ] }),
+                  /* @__PURE__ */ jsx(EditAreaHeaderStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(Typography, { children: getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_edit_area)) }) }),
                   /* @__PURE__ */ jsx(
                     RHFTextField,
                     {
-                      name: "inputEditArea",
-                      sx: { mt: "20px" }
+                      name: "inputEditArea"
                     }
                   ),
                   /* @__PURE__ */ jsxs(ActionsContainer, { children: [
@@ -186,7 +180,6 @@ const AreaChip = (props) => {
                       {
                         onClick: () => {
                           setOpen(false);
-                          setFocus(false);
                         },
                         variant: "outlined"
                       }

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.d.ts

@@ -0,0 +1,8 @@
+/**
+ * ChipActionsMobile component for rendering the actions of the chip in mobile view.
+ * @author Andrés Quintero - automatic
+ * @createdAt 2024-12-27 08:27:31 - automatic
+ * @updatedAt 2025-01-31 11:37:44 - automatic
+ * @updatedUser cesar - automatic
+ */
+export declare const ChipActionsMobile: () => import("react/jsx-runtime").JSX.Element;

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.js

@@ -0,0 +1,53 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useEnvironment } from "@m4l/core";
+import { I as ICONS } from "../../../../../../icons.js";
+import { u as useAreasStore } from "../../../../../../hooks/useAreas/index.js";
+import { shallow } from "zustand/shallow";
+import { M as MenuActions } from "../../../../../../../MenuActions/MenuActions.js";
+const ChipActionsMobile = () => {
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const currentAreaId = useAreasStore((state) => state.currentAreaId, shallow);
+  const maximizedId = useAreasStore(
+    (state) => state.hashAreas[currentAreaId] ? state.hashAreas[currentAreaId].maximizedId : false,
+    shallow
+  );
+  const { maximizeLayout } = useAreasStore((state) => state.areaActions);
+  const windowsLayouts = useAreasStore(
+    (state) => state.hashAreas[state.currentAreaId]?.layoutItemsIds?.filter((li) => state.hashWindows[li].emergeType === "layout")?.map((lim) => {
+      const w = state.hashWindows[lim];
+      return {
+        i: w.windowId,
+        url_icon: w.iconUrl,
+        title: w.title
+      };
+    }) ?? [],
+    shallow
+  );
+  const onTouched = (layoutId) => {
+    maximizeLayout(currentAreaId, layoutId);
+  };
+  const menuActions = windowsLayouts.map((element) => {
+    return {
+      type: "menuItem",
+      onClick: () => onTouched(element.i),
+      label: element.title,
+      urlIcon: element.url_icon,
+      checkable: true,
+      checked: maximizedId === element.i
+    };
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: maximizedId && /* @__PURE__ */ jsx(
+    MenuActions,
+    {
+      icon: `${host_static_assets}/${environment_assets}/frontend/components/areas_admin/assets/icons/${ICONS.PENDING_ORDER}`,
+      arrowType: "no-arrow",
+      marginTop: "12px",
+      anchorOrigin: { vertical: "bottom", horizontal: "right" },
+      transformOrigin: { vertical: "top", horizontal: "right" },
+      menuActions
+    }
+  ) });
+};
+export {
+  ChipActionsMobile as C
+};

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/index.d.ts

@@ -3,7 +3,7 @@ import { ChipActionsMobileProps } from './types';
  * TODO: Documentar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:31 - automatic
- * @updatedAt 2025-01-22 08:48:47 - automatic
+ * @updatedAt 2025-01-31 11:37:44 - automatic
  * @updatedUser cesar - automatic
  */
 export declare const ChipActionsMobile: (props: ChipActionsMobileProps) => import("react/jsx-runtime").JSX.Element;

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/types.d.ts

@@ -1,9 +1,27 @@
+import { ComponentPalletColor, Sizes } from '@m4l/styles';
 import { FieldValues } from 'react-hook-form';
 export interface AreaChipProps {
     areaId: string;
     setAnchorMenuAreas?: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
     selected: boolean;
     disabled: boolean;
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    color?: Extract<ComponentPalletColor, 'primary'>;
+}
+export interface AreasChipOwnerState {
+    /**
+     * Indica si el dispositivo es móvil.
+     */
+    isMobile: boolean;
+    /**
+     * Tamaño del campo de texto.
+     */
+    size: AreaChipProps['size'];
+    /**
+     * Color del componente.
+     */
+    color: AreaChipProps['color'];
+    isAreaSelected: boolean;
 }
 export type AreaEditChip = {
     inputEditArea: string;