npm - @pega/cosmos-react-core - Versions diffs - 10.0.0-build.4.0 → 10.0.0-build.4.2 - Mend

@pega/cosmos-react-core 10.0.0-build.4.0 → 10.0.0-build.4.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 (120) hide show

package/lib/components/ListToolbar/ListToolbar.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListToolbar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.styles.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAQ9C,eAAO,MAAM,wBAAwB;;~~iKAAmB~~,CAAC;AAGzD,eAAO,MAAM,gBAAgB,6NAK5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;cAA6B,OAAO;YA0BjE,CAAC;AAIH,eAAO,MAAM,iBAAiB;oBAAgC,OAAO;YAsBpE,CAAC;AAIF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;uRAWlC,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~0MAYnC~~,CAAC;AAIH,eAAO,MAAM,eAAe,kYAK3B,CAAC;AAIF,eAAO,MAAM,aAAa;eACb,OAAO;cACR,OAAO;gBACL,UAAU;YAwDtB,CAAC;AAIH,eAAO,MAAM,eAAe;;;;mBAM1B,CAAC;AAIH,eAAO,MAAM,UAAU,qQAatB,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~0MAQjC~~,CAAC"}
1	+ {"version":3,"file":"ListToolbar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.styles.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAQ9C,eAAO,MAAM,wBAAwB;;2JAAmB,CAAC;AAGzD,eAAO,MAAM,gBAAgB,6NAK5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;cAA6B,OAAO;YA0BjE,CAAC;AAIH,eAAO,MAAM,iBAAiB;oBAAgC,OAAO;YAsBpE,CAAC;AAIF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;uRAWlC,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oMAYnC,CAAC;AAIH,eAAO,MAAM,eAAe,kYAK3B,CAAC;AAIF,eAAO,MAAM,aAAa;eACb,OAAO;cACR,OAAO;gBACL,UAAU;YAwDtB,CAAC;AAIH,eAAO,MAAM,eAAe;;;;mBAM1B,CAAC;AAIH,eAAO,MAAM,UAAU,qQAatB,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oMAQjC,CAAC"}

package/lib/components/Location/LocationInput.d.ts CHANGED Viewed

@@ -50,7 +50,7 @@ export interface LocationInputProps extends BaseProps, FormControlProps, TestIdP
     onError?: (error: Error) => void;
 }
 declare const _default: FC<LocationInputProps & ForwardProps> & {
-    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=LocationInput.d.ts.map

package/lib/components/Menu/Menu.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { ForwardRefForwardPropsComponent } from '../../types';
 import type { MenuProps } from './Menu.types';
 declare const _default: ForwardRefForwardPropsComponent<MenuProps> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["create-new"]>;
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["create-new"]>;
 };
 export default _default;
 //# sourceMappingURL=Menu.d.ts.map

package/lib/components/Menu/MenuItem.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import type { FunctionComponent } from 'react';
 import type { ForwardProps } from '../../types';
 import type { MenuItemProps } from './Menu.types';
 declare const _default: FunctionComponent<MenuItemProps & ForwardProps> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly []>;
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly []>;
 };
 export default _default;
 //# sourceMappingURL=MenuItem.d.ts.map

package/lib/components/MenuButton/MenuButton.d.ts CHANGED Viewed

@@ -35,7 +35,7 @@ export interface MenuButtonProps extends BaseProps, NoChildrenProp, TestIdProp {
 }
 export declare const StyledMenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 declare const _default: ForwardRefForwardPropsComponent<MenuButtonProps> & {
-    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly []>;
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly []>;
 };
 export default _default;
 //# sourceMappingURL=MenuButton.d.ts.map

package/lib/components/MetaList/MetaList.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@ export declare const StyledMetaListItem: import("styled-components/dist/types").
     wrapItems: boolean;
 }>> & string;
 declare const _default: ForwardRefForwardPropsComponent<MetaListProps> & {
-    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly []>;
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly []>;
 };
 export default _default;
 //# sourceMappingURL=MetaList.d.ts.map

package/lib/components/MultiStepForm/MultiStepForm.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export declare const StyledForm: import("styled-components/dist/types").IStyledC
     heading?: boolean;
 }>> & string;
 export declare const StyledFormContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledInstructionText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+export declare const StyledInstructionText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -13,7 +13,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -21,7 +21,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -29,9 +29,9 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
-}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -39,7 +39,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -47,7 +47,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -55,9 +55,9 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
-}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -65,7 +65,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -73,7 +73,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "xs">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "xs">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -81,9 +81,9 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
-}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -91,7 +91,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -99,7 +99,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "xl">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "xl">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -107,9 +107,9 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
-}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -117,7 +117,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -125,7 +125,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "sm">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "sm">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -133,9 +133,9 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
-}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -143,7 +143,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -151,7 +151,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "md">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "md">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -159,9 +159,9 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
-}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}) | (Omit<Omit<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -169,7 +169,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "ref" | "className" | "children" | keyof import("../../types").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "ref" | "className" | "children" | keyof import("../..").AsProp> & Required<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -177,7 +177,7 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "lg">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../../types").BaseProps & import("../../types").AsProp & {
+}, "lg">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps & import("../..").BaseProps & import("../..").AsProp & {
     children?: import("react").ReactNode;
     ref?: import("react").Ref<Element>;
     xs?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
@@ -185,10 +185,10 @@ export declare const StyledInstructionText: import("styled-components/dist/types
     md?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     lg?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
     xl?: Pick<import("../Grid/Grid.types").BaseGridProps, never> & ((Required<Pick<import("../Grid/Grid.types").BaseGridProps, "container">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "item">>) | (Required<Pick<import("../Grid/Grid.types").BaseGridProps, "item">> & Partial<Pick<import("../Grid/Grid.types").BaseGridProps, "container">>));
-}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }), import("styled-components/dist/types").BaseObject>> & string & Omit<ForwardRefForwardPropsComponent<import("../Grid").GridProps>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledRequiredFieldLegend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("../Text").TextProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement | HTMLSpanElement> & import("../../types").ForwardProps, "ref"> & {
+export declare const StyledRequiredFieldLegend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("../Text").TextProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement | HTMLSpanElement> & import("../..").ForwardProps, "ref"> & {
     ref?: ((instance: HTMLHeadingElement | HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement | HTMLSpanElement> | null | undefined;
 }, never>> & string & Omit<ForwardRefForwardPropsComponent<import("../Text").TextProps>, keyof import("react").Component<any, {}, any>>;
 declare const MultiStepForm: ForwardRefForwardPropsComponent<MultiStepFormProps>;

package/lib/components/Number/NumberInput.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { NumberInputProps } from './NumberInput.types';
 declare const _default: import("react").ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["control", "plus", "minus", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["control", "plus", "minus", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=NumberInput.d.ts.map

package/lib/components/Number/NumberRangeInput.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { NumberRangeInputProps } from './NumberInput.types';
 declare const _default: import("react").ForwardRefExoticComponent<Omit<NumberRangeInputProps, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["min", "max", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["min", "max", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=NumberRangeInput.d.ts.map

package/lib/components/PageTemplates/GridLayout/GridLayoutEditor.js CHANGED Viewed

@@ -124,17 +124,12 @@ const GridLayoutEditor = ({ handle, children, layoutModel, rows, onModelChange,
             return hasGaps;
         }
     }), [children, layoutModel, currentLayout, numColumns]);
-    return (
-    // Editor is always in LTR. At runtime, the layout is mirrored depending on locale.
-    _jsxs(StyledEditor, { ref: setWrapperEl, dir: 'ltr', children: [_jsx(ReactResizableStyles, {}), _jsx(ReactGridLayoutStyles, {}), !!width && !!height && (_jsxs(_Fragment, { children: [_jsx(EditorBackground, { "data-testid": 'editor', layout: currentLayout, numColumns: numColumns, rowHeight: rowHeight, rowsPerPage: numRowsPerPage, highlighted: highlightedBG }), _jsxs(ResponsiveGridLayout, { ...commonGridConfig, width: width, rowHeight: rowHeight, onLayoutChange: onLayoutChange, resizeHandles: ['s', 'e', 'n', 'w', 'sw', 'nw', 'se', 'ne'], resizeHandle: _jsx(ResizeHandle, {}),
+    return (_jsxs(StyledEditor, { ref: setWrapperEl, dir: 'ltr', children: [_jsx(ReactResizableStyles, {}), _jsx(ReactGridLayoutStyles, {}), !!width && !!height && (_jsxs(_Fragment, { children: [_jsx(EditorBackground, { "data-testid": 'editor', layout: currentLayout, numColumns: numColumns, rowHeight: rowHeight, rowsPerPage: numRowsPerPage, highlighted: highlightedBG }), _jsxs(ResponsiveGridLayout, { ...commonGridConfig, width: width, rowHeight: rowHeight, onLayoutChange: onLayoutChange, resizeHandles: ['s', 'e', 'n', 'w', 'sw', 'nw', 'se', 'ne'], resizeHandle: _jsx(ResizeHandle, {}),
                         // To prevent drag event on the resize handles
                         draggableCancel: `.${resizeHandleClassName}`, innerRef: setListEl, layouts: layoutModel, ...restProps, children: [children?.sort(gridItemSorter).map(child => {
                                 const gridLayoutModel = layoutModel?.[breakpoint]?.filter(layout => layout.i === child.key);
                                 return (_jsx(EditorGridItem, { itemKey: child.key, "data-grid": gridLayoutModel && gridLayoutModel[0], itemLabel: itemLabelMap[child.key] || '', moveItem: moveItem, addOrSubtractItemSize: addOrSubtractItemSize, children: child }, child.key));
-                            }), (!children || children.length === 0) && (
-                            // Placeholder when no children. Needed to avoid exceptions:
-                            // https://github.com/react-grid-layout/react-grid-layout/issues/216
-                            _jsx("div", { "data-grid": { x: 0, y: 0, w: 1, h: 1, resizeHandles: [] } }, '--'))] })] }))] }));
+                            }), (!children || children.length === 0) && (_jsx("div", { "data-grid": { x: 0, y: 0, w: 1, h: 1, resizeHandles: [] } }, '--'))] })] }))] }));
 };
 export default GridLayoutEditor;
 //# sourceMappingURL=GridLayoutEditor.js.map

package/lib/components/PageTemplates/GridLayout/GridLayoutEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GridLayoutEditor.js","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/GridLayoutEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n type FC,\n type ReactElement,\n type Ref,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useState\n} from 'react';\nimport {\n Responsive as ResponsiveGridLayout,\n type Layout,\n type Layouts,\n type CoreProps\n} from 'react-grid-layout';\nimport styled, { css } from 'styled-components';\n\nimport Flex from '../../Flex';\nimport { useElement, useI18n } from '../../../hooks';\nimport { defaultThemeProp } from '../../../theme';\n\nimport useGridLayoutConfig, { type GridBreakPointWiseValues, type GridLayoutModel } from './config';\nimport EditorBackground from './EditorBackground';\nimport EditorGridItem, { ResizeHandle, resizeHandleClassName } from './EditorGridItem';\nimport {\n checkLayoutForGaps,\n getBreakpointAndCols,\n getRowHeight,\n useGridItemSorter,\n useMonitoredSize,\n type GridLayoutRowsProp\n} from './utils';\nimport ReactResizableStyles from './ReactResizableStyles';\nimport ReactGridLayoutStyles from './ReactGridLayoutStyles';\n\nconst StyledEditor = styled(Flex)(({ theme }) => {\n const {\n base: {\n palette: { interactive }\n }\n } = theme;\n return css`\n position: relative;\n\n /* Needed for the background grid to be visible /\n z-index: 0;\n block-size: 100%;\n overflow-y: auto;\n\n / To minimize height triggers during dragging due to horizontal scrollbar showing up /\n overflow-x: hidden;\n\n .react-grid-item.react-grid-placeholder {\n background: ${interactive};\n opacity: 0.3;\n }\n `;\n});\nStyledEditor.defaultProps = defaultThemeProp;\n\nexport interface GridLayoutHandleValue {\n /* Used to get layout model with imperative handle. Returns the layout model from all breakpoints. Returns undefined when no children. /\n getLayoutModel: () => GridLayoutModel \| undefined;\n\n /\n Returns a flag indicating whether there are any gaps in the current layout.\n * Highlights all background cells to indicate the same.\n /\n checkForGaps: () => boolean;\n}\n\n/* Props for GridLayoutEditor component /\nexport interface GridLayoutEditorProps {\n /\n Called whenever there's a change in the layoutModel.\n * Change-handler of the CONTROLLED COMPONENT\n /\n onModelChange: (newModel: GridLayoutModel \| undefined) => void;\n\n /\n Value of the CONTROLLED component\n * Passed when editing a previously saved layout.\n * Can be `undefined` when no children.\n * It should be the same as the one emitted by `getLayoutModel` or `handle`\n /\n layoutModel: GridLayoutModel \| undefined;\n\n /\n Breakpoints set on the Grid.\n * Needs to be aligned with `rows` and `cols`\n /\n breakpoints: GridBreakPointWiseValues;\n\n /\n # of rows to fit into the container height at each breakpoint (unless a fixed rowHeight is preferred)\n * rows should be aligned with `breakpoints` prop\n /\n rows: GridLayoutRowsProp;\n\n /\n Breakpoint-wise numColumns on the Grid.\n * cols should be aligned with `breakpoints` prop\n /\n cols: GridBreakPointWiseValues;\n\n /\n If parent DOM node of ResponsiveReactGridLayout or ReactGridLayout has \"transform: scale(n)\" css property,\n * we should set scale coefficient to avoid render artifacts while dragging.\n /\n transformScale?: CoreProps['transformScale'];\n\n /* Ref to access the editor state. Used to get the current layout-model when persisting it. /\n handle?: Ref<GridLayoutHandleValue>;\n\n /\n Child elements to be rendered as Grid items.\n * Each element should have a unique `key`\n * Memoize children for a better performance: https://github.com/react-grid-layout/react-grid-layout#performance\n * Set up an `itemLabel` prop with the text to call out when the item is focused.\n * If a child needs to be initialized with a specific x/y/w/h,\n * or if you want to specify any special properties like minW, minH, etc.,\n * set up a `data-grid` in layoutModel prop with any subset of properties\n * The prop can be undefined on init when no elements.\n /\n children?: ReactElement[];\n\n /* Item label mapped with item id for a11y /\n itemLabelMap: Record<string, string>;\n\n /\n Optional minimum row height (px) to override the built-in defaults.\n * Useful when grid items contain content that requires more vertical space\n * than the default minimum (e.g. compact SimpleValue insights).\n /\n minRowHeight?: number;\n}\n\n/\n Editor component to create Grid Layouts\n * @component\n */\nconst GridLayoutEditor: FC<GridLayoutEditorProps> = ({\n handle,\n children,\n layoutModel,\n rows,\n onModelChange,\n itemLabelMap,\n minRowHeight: minRowHeightProp,\n ...restProps\n}) => {\n // Track width changes: https://github.com/react-grid-layout/react-grid-layout#providing-grid-width\n const [wrapperEl, setWrapperEl] = useElement<HTMLElement>();\n const size = useMonitoredSize(wrapperEl);\n const width = size?.width;\n const height = size?.height;\n const commonGridConfig = useGridLayoutConfig(true);\n const t = useI18n();\n const { breakpoint, numColumns } = useMemo(\n () => getBreakpointAndCols(width \|\| 0, restProps.breakpoints, restProps.cols),\n [width, restProps.breakpoints, restProps.cols]\n );\n const { rowHeight, numRowsPerPage } = useMemo(\n () =>\n getRowHeight(\n breakpoint,\n height \|\| 0,\n commonGridConfig.margin[0],\n rows,\n layoutModel,\n minRowHeightProp\n ),\n [breakpoint, commonGridConfig.margin, height, rows, layoutModel, minRowHeightProp]\n );\n const currentLayout = useMemo(() => layoutModel?.[breakpoint], [breakpoint, layoutModel]);\n\n const onLayoutChange = useCallback(\n (curLayout: Layout[], allLayouts: Layouts) => {\n onModelChange(!children \|\| children.length === 0 ? undefined : allLayouts);\n },\n [children, onModelChange]\n );\n\n // Callback to sort child DOM nodes to ensure an intuitive tabbing order\n const gridItemSorter = useGridItemSorter(currentLayout, numColumns);\n\n // Set up keyboard accessibility\n const [listEl, setListEl] = useElement<HTMLElement>();\n useEffect(() => {\n if (listEl) {\n listEl.setAttribute('role', 'list');\n listEl.setAttribute('tabindex', '0');\n listEl.setAttribute('aria-label', t('configurable_layout_instructions'));\n }\n }, [listEl, t]);\n\n const moveItem = useCallback(\n (itemKey: ReactElement['key'], deltaX: number, deltaY: number) => {\n // Should be initialized by this point\n if (!currentLayout) return;\n const itemIndex = currentLayout.findIndex(item => item.i === itemKey);\n // Should be present on the currentLayout by this point.\n if (itemIndex === -1) return;\n\n const oldItem = currentLayout[itemIndex];\n const newItem: Layout = {\n ...oldItem,\n // `Math.max` needed to avoid a glitch when moving left beyond the left edge\n x: Math.max(0, oldItem.x + deltaX),\n y: Math.max(0, oldItem.y + deltaY)\n };\n const newLayout = [\n ...currentLayout.slice(0, itemIndex),\n newItem,\n ...currentLayout.slice(itemIndex + 1)\n ];\n const newModel = { ...layoutModel, [breakpoint]: newLayout };\n onModelChange(!children \|\| children.length === 0 ? undefined : newModel);\n },\n [breakpoint, children, currentLayout, layoutModel, onModelChange]\n );\n\n const addOrSubtractItemSize = useCallback(\n (itemKey: ReactElement['key'], deltaW: number, deltaH: number) => {\n // Should be initialized by this point\n if (!currentLayout) return;\n const itemIndex = currentLayout.findIndex(item => item.i === itemKey);\n // Should be present on the currentLayout by this point.\n if (itemIndex === -1) return;\n\n const oldItem = currentLayout[itemIndex];\n const newItem: Layout = {\n ...oldItem,\n // `Math.max` needed to avoid a glitch when moving left beyond the left edge\n w: Math.max(oldItem.minW \|\| 2, oldItem.w + deltaW),\n h: Math.max(oldItem.minH \|\| 2, oldItem.h + deltaH)\n };\n const newLayout = [\n ...currentLayout.slice(0, itemIndex),\n newItem,\n ...currentLayout.slice(itemIndex + 1)\n ];\n const newModel = { ...layoutModel, [breakpoint]: newLayout };\n onModelChange(!children \|\| children.length === 0 ? undefined : newModel);\n },\n [breakpoint, children, currentLayout, layoutModel, onModelChange]\n );\n\n // Provide a way for the parent component to get layout-model on demand\n const [highlightedBG, setHighlightedBG] = useState(false);\n useImperativeHandle(\n handle,\n () => ({\n getLayoutModel: () => {\n // Without this check, we'll end up with the dummy model set up down below for this case\n if (!children \|\| children.length === 0) return undefined;\n return layoutModel;\n },\n\n checkForGaps: () => {\n // On load when no items are added.\n if (!currentLayout) return true;\n const hasGaps = checkLayoutForGaps(currentLayout, numColumns);\n setHighlightedBG(hasGaps);\n return hasGaps;\n }\n }),\n [children, layoutModel, currentLayout, numColumns]\n );\n\n return (\n // Editor is always in LTR. At runtime, the layout is mirrored depending on locale.\n <StyledEditor ref={setWrapperEl} dir='ltr'>\n <ReactResizableStyles />\n <ReactGridLayoutStyles />\n\n {!!width && !!height && (\n <>\n <EditorBackground\n data-testid='editor'\n layout={currentLayout}\n numColumns={numColumns}\n rowHeight={rowHeight}\n rowsPerPage={numRowsPerPage}\n highlighted={highlightedBG}\n />\n\n <ResponsiveGridLayout\n {...commonGridConfig}\n width={width}\n rowHeight={rowHeight}\n onLayoutChange={onLayoutChange}\n resizeHandles={['s', 'e', 'n', 'w', 'sw', 'nw', 'se', 'ne']}\n resizeHandle={<ResizeHandle />}\n // To prevent drag event on the resize handles\n draggableCancel={`.${resizeHandleClassName}`}\n innerRef={setListEl}\n layouts={layoutModel}\n {...restProps}\n >\n {children?.sort(gridItemSorter).map(child => {\n const gridLayoutModel = layoutModel?.[breakpoint]?.filter(\n layout => layout.i === child.key\n );\n return (\n <EditorGridItem\n key={child.key}\n itemKey={child.key}\n data-grid={gridLayoutModel && gridLayoutModel[0]}\n itemLabel={itemLabelMap[child.key!] \|\| ''}\n moveItem={moveItem}\n addOrSubtractItemSize={addOrSubtractItemSize}\n >\n {child}\n </EditorGridItem>\n );\n })}\n\n {(!children \|\| children.length === 0) && (\n // Placeholder when no children. Needed to avoid exceptions:\n // https://github.com/react-grid-layout/react-grid-layout/issues/216\n <div key='--' data-grid={{ x: 0, y: 0, w: 1, h: 1, resizeHandles: [] }} />\n )}\n </ResponsiveGridLayout>\n </>\n )}\n </StyledEditor>\n );\n};\n\nexport default GridLayoutEditor;\n"]}
1	+ {"version":3,"file":"GridLayoutEditor.js","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/GridLayoutEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n type FC,\n type ReactElement,\n type Ref,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useState\n} from 'react';\nimport {\n Responsive as ResponsiveGridLayout,\n type Layout,\n type Layouts,\n type CoreProps\n} from 'react-grid-layout';\nimport styled, { css } from 'styled-components';\n\nimport Flex from '../../Flex';\nimport { useElement, useI18n } from '../../../hooks';\nimport { defaultThemeProp } from '../../../theme';\n\nimport useGridLayoutConfig, { type GridBreakPointWiseValues, type GridLayoutModel } from './config';\nimport EditorBackground from './EditorBackground';\nimport EditorGridItem, { ResizeHandle, resizeHandleClassName } from './EditorGridItem';\nimport {\n checkLayoutForGaps,\n getBreakpointAndCols,\n getRowHeight,\n useGridItemSorter,\n useMonitoredSize,\n type GridLayoutRowsProp\n} from './utils';\nimport ReactResizableStyles from './ReactResizableStyles';\nimport ReactGridLayoutStyles from './ReactGridLayoutStyles';\n\nconst StyledEditor = styled(Flex)(({ theme }) => {\n const {\n base: {\n palette: { interactive }\n }\n } = theme;\n return css`\n position: relative;\n\n /* Needed for the background grid to be visible /\n z-index: 0;\n block-size: 100%;\n overflow-y: auto;\n\n / To minimize height triggers during dragging due to horizontal scrollbar showing up /\n overflow-x: hidden;\n\n .react-grid-item.react-grid-placeholder {\n background: ${interactive};\n opacity: 0.3;\n }\n `;\n});\nStyledEditor.defaultProps = defaultThemeProp;\n\nexport interface GridLayoutHandleValue {\n /* Used to get layout model with imperative handle. Returns the layout model from all breakpoints. Returns undefined when no children. /\n getLayoutModel: () => GridLayoutModel \| undefined;\n\n /\n Returns a flag indicating whether there are any gaps in the current layout.\n * Highlights all background cells to indicate the same.\n /\n checkForGaps: () => boolean;\n}\n\n/* Props for GridLayoutEditor component /\nexport interface GridLayoutEditorProps {\n /\n Called whenever there's a change in the layoutModel.\n * Change-handler of the CONTROLLED COMPONENT\n /\n onModelChange: (newModel: GridLayoutModel \| undefined) => void;\n\n /\n Value of the CONTROLLED component\n * Passed when editing a previously saved layout.\n * Can be `undefined` when no children.\n * It should be the same as the one emitted by `getLayoutModel` or `handle`\n /\n layoutModel: GridLayoutModel \| undefined;\n\n /\n Breakpoints set on the Grid.\n * Needs to be aligned with `rows` and `cols`\n /\n breakpoints: GridBreakPointWiseValues;\n\n /\n # of rows to fit into the container height at each breakpoint (unless a fixed rowHeight is preferred)\n * rows should be aligned with `breakpoints` prop\n /\n rows: GridLayoutRowsProp;\n\n /\n Breakpoint-wise numColumns on the Grid.\n * cols should be aligned with `breakpoints` prop\n /\n cols: GridBreakPointWiseValues;\n\n /\n If parent DOM node of ResponsiveReactGridLayout or ReactGridLayout has \"transform: scale(n)\" css property,\n * we should set scale coefficient to avoid render artifacts while dragging.\n /\n transformScale?: CoreProps['transformScale'];\n\n /* Ref to access the editor state. Used to get the current layout-model when persisting it. /\n handle?: Ref<GridLayoutHandleValue>;\n\n /\n Child elements to be rendered as Grid items.\n * Each element should have a unique `key`\n * Memoize children for a better performance: https://github.com/react-grid-layout/react-grid-layout#performance\n * Set up an `itemLabel` prop with the text to call out when the item is focused.\n * If a child needs to be initialized with a specific x/y/w/h,\n * or if you want to specify any special properties like minW, minH, etc.,\n * set up a `data-grid` in layoutModel prop with any subset of properties\n * The prop can be undefined on init when no elements.\n /\n children?: ReactElement[];\n\n /* Item label mapped with item id for a11y /\n itemLabelMap: Record<string, string>;\n\n /\n Optional minimum row height (px) to override the built-in defaults.\n * Useful when grid items contain content that requires more vertical space\n * than the default minimum (e.g. compact SimpleValue insights).\n /\n minRowHeight?: number;\n}\n\n/\n Editor component to create Grid Layouts\n * @component\n */\nconst GridLayoutEditor: FC<GridLayoutEditorProps> = ({\n handle,\n children,\n layoutModel,\n rows,\n onModelChange,\n itemLabelMap,\n minRowHeight: minRowHeightProp,\n ...restProps\n}) => {\n // Track width changes: https://github.com/react-grid-layout/react-grid-layout#providing-grid-width\n const [wrapperEl, setWrapperEl] = useElement<HTMLElement>();\n const size = useMonitoredSize(wrapperEl);\n const width = size?.width;\n const height = size?.height;\n const commonGridConfig = useGridLayoutConfig(true);\n const t = useI18n();\n const { breakpoint, numColumns } = useMemo(\n () => getBreakpointAndCols(width \|\| 0, restProps.breakpoints, restProps.cols),\n [width, restProps.breakpoints, restProps.cols]\n );\n const { rowHeight, numRowsPerPage } = useMemo(\n () =>\n getRowHeight(\n breakpoint,\n height \|\| 0,\n commonGridConfig.margin[0],\n rows,\n layoutModel,\n minRowHeightProp\n ),\n [breakpoint, commonGridConfig.margin, height, rows, layoutModel, minRowHeightProp]\n );\n const currentLayout = useMemo(() => layoutModel?.[breakpoint], [breakpoint, layoutModel]);\n\n const onLayoutChange = useCallback(\n (curLayout: Layout[], allLayouts: Layouts) => {\n onModelChange(!children \|\| children.length === 0 ? undefined : allLayouts);\n },\n [children, onModelChange]\n );\n\n // Callback to sort child DOM nodes to ensure an intuitive tabbing order\n const gridItemSorter = useGridItemSorter(currentLayout, numColumns);\n\n // Set up keyboard accessibility\n const [listEl, setListEl] = useElement<HTMLElement>();\n useEffect(() => {\n if (listEl) {\n listEl.setAttribute('role', 'list');\n listEl.setAttribute('tabindex', '0');\n listEl.setAttribute('aria-label', t('configurable_layout_instructions'));\n }\n }, [listEl, t]);\n\n const moveItem = useCallback(\n (itemKey: ReactElement['key'], deltaX: number, deltaY: number) => {\n // Should be initialized by this point\n if (!currentLayout) return;\n const itemIndex = currentLayout.findIndex(item => item.i === itemKey);\n // Should be present on the currentLayout by this point.\n if (itemIndex === -1) return;\n\n const oldItem = currentLayout[itemIndex];\n const newItem: Layout = {\n ...oldItem,\n // `Math.max` needed to avoid a glitch when moving left beyond the left edge\n x: Math.max(0, oldItem.x + deltaX),\n y: Math.max(0, oldItem.y + deltaY)\n };\n const newLayout = [\n ...currentLayout.slice(0, itemIndex),\n newItem,\n ...currentLayout.slice(itemIndex + 1)\n ];\n const newModel = { ...layoutModel, [breakpoint]: newLayout };\n onModelChange(!children \|\| children.length === 0 ? undefined : newModel);\n },\n [breakpoint, children, currentLayout, layoutModel, onModelChange]\n );\n\n const addOrSubtractItemSize = useCallback(\n (itemKey: ReactElement['key'], deltaW: number, deltaH: number) => {\n // Should be initialized by this point\n if (!currentLayout) return;\n const itemIndex = currentLayout.findIndex(item => item.i === itemKey);\n // Should be present on the currentLayout by this point.\n if (itemIndex === -1) return;\n\n const oldItem = currentLayout[itemIndex];\n const newItem: Layout = {\n ...oldItem,\n // `Math.max` needed to avoid a glitch when moving left beyond the left edge\n w: Math.max(oldItem.minW \|\| 2, oldItem.w + deltaW),\n h: Math.max(oldItem.minH \|\| 2, oldItem.h + deltaH)\n };\n const newLayout = [\n ...currentLayout.slice(0, itemIndex),\n newItem,\n ...currentLayout.slice(itemIndex + 1)\n ];\n const newModel = { ...layoutModel, [breakpoint]: newLayout };\n onModelChange(!children \|\| children.length === 0 ? undefined : newModel);\n },\n [breakpoint, children, currentLayout, layoutModel, onModelChange]\n );\n\n // Provide a way for the parent component to get layout-model on demand\n const [highlightedBG, setHighlightedBG] = useState(false);\n useImperativeHandle(\n handle,\n () => ({\n getLayoutModel: () => {\n // Without this check, we'll end up with the dummy model set up down below for this case\n if (!children \|\| children.length === 0) return undefined;\n return layoutModel;\n },\n\n checkForGaps: () => {\n // On load when no items are added.\n if (!currentLayout) return true;\n const hasGaps = checkLayoutForGaps(currentLayout, numColumns);\n setHighlightedBG(hasGaps);\n return hasGaps;\n }\n }),\n [children, layoutModel, currentLayout, numColumns]\n );\n\n return (\n // Editor is always in LTR. At runtime, the layout is mirrored depending on locale.\n <StyledEditor ref={setWrapperEl} dir='ltr'>\n <ReactResizableStyles />\n <ReactGridLayoutStyles />\n\n {!!width && !!height && (\n <>\n <EditorBackground\n data-testid='editor'\n layout={currentLayout}\n numColumns={numColumns}\n rowHeight={rowHeight}\n rowsPerPage={numRowsPerPage}\n highlighted={highlightedBG}\n />\n\n <ResponsiveGridLayout\n {...commonGridConfig}\n width={width}\n rowHeight={rowHeight}\n onLayoutChange={onLayoutChange}\n resizeHandles={['s', 'e', 'n', 'w', 'sw', 'nw', 'se', 'ne']}\n resizeHandle={<ResizeHandle />}\n // To prevent drag event on the resize handles\n draggableCancel={`.${resizeHandleClassName}`}\n innerRef={setListEl}\n layouts={layoutModel}\n {...restProps}\n >\n {children?.sort(gridItemSorter).map(child => {\n const gridLayoutModel = layoutModel?.[breakpoint]?.filter(\n layout => layout.i === child.key\n );\n return (\n <EditorGridItem\n key={child.key}\n itemKey={child.key}\n data-grid={gridLayoutModel && gridLayoutModel[0]}\n itemLabel={itemLabelMap[child.key!] \|\| ''}\n moveItem={moveItem}\n addOrSubtractItemSize={addOrSubtractItemSize}\n >\n {child}\n </EditorGridItem>\n );\n })}\n\n {(!children \|\| children.length === 0) && (\n // Placeholder when no children. Needed to avoid exceptions:\n // https://github.com/react-grid-layout/react-grid-layout/issues/216\n <div key='--' data-grid={{ x: 0, y: 0, w: 1, h: 1, resizeHandles: [] }} />\n )}\n </ResponsiveGridLayout>\n </>\n )}\n </StyledEditor>\n );\n};\n\nexport default GridLayoutEditor;\n"]}

package/lib/components/PageTemplates/GridLayout/GridLayoutViewer.js CHANGED Viewed

@@ -54,17 +54,10 @@ const GridLayoutViewer = ({ children, layoutModel: layoutModelProp, rows, cols,
     const gridItemSorter = useGridItemSorter(layoutModelProp?.[breakpoint], numColumns);
     // Get list of last items in layout
     const lastItemsInLayout = useMemo(() => getLastItemsInLayout(layoutModel?.[breakpoint]), [breakpoint, layoutModel]);
-    return (
-    // Enforcing ltr here due to limitations of the RGL plugin.
-    // The layout is mirrored using convertLtrToRtl above,
-    // and then the direction is explicitly passed to items below.
-    _jsxs(StyledWrapper, { ref: setWrapperEl, dir: 'ltr', children: [_jsx(ReactGridLayoutStyles, {}), !!width && !!height && (_jsxs(ResponsiveGridLayout, { ...commonGridConfig, width: width, rowHeight: Math.max(rowHeight, 50), layouts: layoutModel, isResizable: false, isDraggable: false, isDroppable: false, cols: cols, breakpoints: breakpoints, children: [children?.sort(gridItemSorter).map(child => {
+    return (_jsxs(StyledWrapper, { ref: setWrapperEl, dir: 'ltr', children: [_jsx(ReactGridLayoutStyles, {}), !!width && !!height && (_jsxs(ResponsiveGridLayout, { ...commonGridConfig, width: width, rowHeight: Math.max(rowHeight, 50), layouts: layoutModel, isResizable: false, isDraggable: false, isDroppable: false, cols: cols, breakpoints: breakpoints, children: [children?.sort(gridItemSorter).map(child => {
                         const autoSize = autoSizeItemIDs.includes(child.key) && lastItemsInLayout.includes(child.key);
                         return (_jsx(ViewerGridItem, { autoSize: autoSize, direction: rtl ? 'rtl' : 'ltr', children: child }, child.key));
-                    }), (!children || children.length === 0) && (
-                    // Placeholder when no children. Needed to avoid exceptions:
-                    // https://github.com/react-grid-layout/react-grid-layout/issues/216
-                    _jsx("div", {}, '--'))] })), _jsx(StyledEmptyFooter, {})] }));
+                    }), (!children || children.length === 0) && (_jsx("div", {}, '--'))] })), _jsx(StyledEmptyFooter, {})] }));
 };
 export default GridLayoutViewer;
 //# sourceMappingURL=GridLayoutViewer.js.map