@patternfly/react-core 4.264.0 → 4.265.0

package/src/components/Tooltip/examples/TooltipOptions.tsx

@@ -0,0 +1,197 @@
+import React from 'react';
+import { Button, Tooltip, Checkbox, Select, SelectOption, TextInput, TooltipPosition } from '@patternfly/react-core';
+
+export const TooltipOptions: React.FunctionComponent = () => {
+  const [trigger, setTrigger] = React.useState(['mouseenter', 'focus']);
+  const [isVisible, setIsVisible] = React.useState(true);
+  const [contentLeftAligned, setContentLeftAligned] = React.useState(false);
+  const [enableFlip, setEnableFlip] = React.useState(true);
+  const [position, setPosition] = React.useState<TooltipPosition>(TooltipPosition.top);
+  const [positionSelectOpen, setPositionSelectOpen] = React.useState(false);
+  const [flipSelectOpen, setFlipSelectOpen] = React.useState(false);
+  const [flipBehavior, setFlipBehavior] = React.useState('flip');
+  const [entryDelayInput, setEntryDelayInput] = React.useState(0);
+  const [exitDelayInput, setExitDelayInput] = React.useState(0);
+  const [animationDuration, setAnimationDuration] = React.useState(300);
+  const tipBoxRef = React.useRef(null);
+
+  const scrollToRef = (ref: React.RefObject<any>) => {
+    if (ref && ref.current) {
+      ref.current.scrollTop = 400;
+      ref.current.scrollLeft = 300;
+    }
+  };
+
+  React.useEffect(() => {
+    scrollToRef(tipBoxRef);
+  }, []);
+
+  return (
+    <>
+      <div>
+        <div style={{ border: '1px solid' }}>
+          <Checkbox
+            label="trigger: mouseenter"
+            isChecked={trigger.includes('mouseenter')}
+            onChange={checked => {
+              const updatedTrigger = checked ? trigger.concat('mouseenter') : trigger.filter(t => t !== 'mouseenter');
+              setIsVisible(false);
+              setTrigger(updatedTrigger);
+            }}
+            aria-label="trigger: mouseenter"
+            id="trigger_mouseenter"
+          />
+          <Checkbox
+            label="trigger: focus"
+            isChecked={trigger.includes('focus')}
+            onChange={checked => {
+              const updatedTrigger = checked ? trigger.concat('focus') : trigger.filter(t => t !== 'focus');
+              setIsVisible(false);
+              setTrigger(updatedTrigger);
+            }}
+            aria-label="trigger: focus"
+            id="trigger_focus"
+          />
+          <Checkbox
+            label="trigger: click"
+            isChecked={trigger.includes('click')}
+            onChange={checked => {
+              const updatedTrigger = checked ? trigger.concat('click') : trigger.filter(t => t !== 'click');
+              setIsVisible(false);
+              setTimeout(() => setTrigger(updatedTrigger));
+            }}
+            aria-label="trigger: click"
+            id="trigger_click"
+          />
+          <Checkbox
+            label="trigger: manual"
+            isChecked={trigger.includes('manual')}
+            onChange={checked => {
+              const updatedTrigger = checked ? trigger.concat('manual') : trigger.filter(t => t !== 'manual');
+              setIsVisible(false);
+              setTrigger(updatedTrigger);
+            }}
+            aria-label="trigger: manual"
+            id="trigger_manual"
+          />
+        </div>
+        <div style={{ border: '1px solid' }}>
+          <Checkbox
+            label="content left-aligned"
+            isChecked={contentLeftAligned}
+            onChange={checked => setContentLeftAligned(checked)}
+            aria-label="content left-aligned"
+            id="content_left_aligned"
+          />
+        </div>
+        <div style={{ border: '1px solid' }}>
+          <Checkbox
+            label="enableFlip"
+            isChecked={enableFlip}
+            onChange={checked => setEnableFlip(checked)}
+            aria-label="enableFlip"
+            id="enable_flip"
+          />
+        </div>
+        <div style={{ border: '1px solid' }}>
+          position (will flip if enableFlip is true). The 'auto' position requires enableFlip to be set to true.
+          <Select
+            onToggle={() => setPositionSelectOpen(!positionSelectOpen)}
+            onSelect={(_event, selection) => {
+              setPosition(selection.toString() as TooltipPosition);
+              setPositionSelectOpen(false);
+            }}
+            isOpen={positionSelectOpen}
+            selections={position}
+            menuAppendTo={() => document.body}
+          >
+            <SelectOption value={TooltipPosition.auto} />
+            <SelectOption value={TooltipPosition.top} />
+            <SelectOption value={TooltipPosition.bottom} />
+            <SelectOption value={TooltipPosition.left} />
+            <SelectOption value={TooltipPosition.right} />
+            <SelectOption value={TooltipPosition.topStart} />
+            <SelectOption value={TooltipPosition.topEnd} />
+            <SelectOption value={TooltipPosition.bottomStart} />
+            <SelectOption value={TooltipPosition.bottomEnd} />
+            <SelectOption value={TooltipPosition.leftStart} />
+            <SelectOption value={TooltipPosition.leftEnd} />
+            <SelectOption value={TooltipPosition.rightStart} />
+            <SelectOption value={TooltipPosition.rightEnd} />
+          </Select>
+        </div>
+        <div style={{ border: '1px solid' }}>
+          <Checkbox
+            label="isVisible (also set trigger to only manual to programmatically control it)"
+            isChecked={isVisible}
+            onChange={checked => setIsVisible(checked)}
+            aria-label="isVisible"
+            id="is_visible"
+          />
+        </div>
+        <div style={{ border: '1px solid' }}>
+          Entry delay (ms){' '}
+          <TextInput
+            value={entryDelayInput}
+            type="number"
+            onChange={val => setEntryDelayInput(Number(val))}
+            aria-label="entry delay"
+          />
+          Exit delay (ms){' '}
+          <TextInput
+            value={exitDelayInput}
+            type="number"
+            onChange={val => setExitDelayInput(Number(val))}
+            aria-label="exit delay"
+          />
+          Animation duration (ms){' '}
+          <TextInput
+            value={animationDuration}
+            type="number"
+            onChange={val => setAnimationDuration(Number(val))}
+            aria-label="animation duration"
+          />
+        </div>
+        <div style={{ border: '1px solid' }}>
+          flip behavior examples (enableFlip has to be true). "flip" will try to flip the tooltip to the opposite of the
+          starting position. The second option ensures that there are 3 escape positions for every possible starting
+          position (default). This setting is ignored if position prop is set to 'auto'.
+          <Select
+            onToggle={() => setFlipSelectOpen(!flipSelectOpen)}
+            onSelect={(_event, selection) => {
+              setFlipBehavior(selection.toString());
+              setFlipSelectOpen(false);
+            }}
+            isOpen={flipSelectOpen}
+            selections={flipBehavior}
+            menuAppendTo={() => document.body}
+          >
+            <SelectOption value="flip" />
+            <SelectOption value="clockwise">['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom']</SelectOption>
+          </Select>
+        </div>
+      </div>
+      <div id="tooltip-boundary" className="tooltip-box" ref={tipBoxRef}>
+        <Tooltip
+          content={
+            <div>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
+            </div>
+          }
+          trigger={trigger.join(' ')}
+          enableFlip={enableFlip}
+          flipBehavior={flipBehavior === 'flip' ? 'flip' : ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom']}
+          position={position}
+          isVisible={isVisible}
+          entryDelay={entryDelayInput}
+          exitDelay={exitDelayInput}
+          animationDuration={animationDuration}
+          isContentLeftAligned={contentLeftAligned}
+          appendTo={() => document.getElementById('tooltip-boundary') as HTMLElement}
+        >
+          <Button className="tooltip-button">Tooltip</Button>
+        </Tooltip>
+      </div>
+    </>
+  );
+};

package/src/components/Tooltip/examples/TooltipReactRef.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Tooltip } from '@patternfly/react-core';
+
+export const TooltipReactRef: React.FunctionComponent = () => {
+  const tooltipRef = React.useRef<HTMLButtonElement>(null);
+  return (
+    <div style={{ margin: '100px' }}>
+      <button aria-describedby="tooltip-ref1" ref={tooltipRef}>
+        Tooltip attached via react ref
+      </button>
+      <Tooltip
+        id="tooltip-ref1"
+        content={
+          <div>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
+          </div>
+        }
+        reference={tooltipRef}
+      />
+    </div>
+  );
+};

package/src/components/Tooltip/examples/TooltipSelectorRef.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Tooltip } from '@patternfly/react-core';
+
+export const TooltipSelectorRef: React.FunctionComponent = () => (
+  <div style={{ margin: '100px' }}>
+    <button aria-describedby="tooltip-ref2" id="tooltip-selector">
+      Tooltip attached via selector ref
+    </button>
+    <Tooltip
+      id="tooltip-ref2"
+      content={
+        <div>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
+        </div>
+      }
+      reference={() => document.getElementById('tooltip-selector') as HTMLButtonElement}
+    />
+  </div>
+);

package/src/next/components/Dropdown/DropdownItem.tsx

@@ -10,6 +10,8 @@ export interface DropdownItemProps extends Omit<MenuItemProps, 'ref'>, OUIAProps
   className?: string;
   /** Description of the dropdown item */
   description?: React.ReactNode;
+  /** Identifies the component in the dropdown onSelect callback */
+  itemId?: any;
   /** Value to overwrite the randomly generated data-ouia-component-id.*/
   ouiaId?: number | string;
   /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
@@ -20,13 +22,14 @@ export const DropdownItem: React.FunctionComponent<MenuItemProps> = ({
   children,
   className,
   description,
+  itemId,
   ouiaId,
   ouiaSafe,
   ...props
 }: DropdownItemProps) => {
   const ouiaProps = useOUIAProps(DropdownItem.displayName, ouiaId, ouiaSafe);
   return (
-    <MenuItem className={css(className)} description={description} {...ouiaProps} {...props}>
+    <MenuItem className={css(className)} description={description} itemId={itemId} {...ouiaProps} {...props}>
       {children}
     </MenuItem>
   );

package/src/next/components/Wizard/Wizard.tsx

@@ -49,7 +49,7 @@ export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
   /** Callback function after back button is clicked */
   onBack?: WizardNavStepFunction;
   /** Callback function to save at the end of the wizard, if not specified uses onClose */
-  onSave?: () => void;
+  onSave?: () => void | Promise<void>;
   /** Callback function to close the wizard */
   onClose?: () => void;
 }

package/src/next/components/Wizard/WizardContext.tsx

@@ -12,9 +12,9 @@ export interface WizardContextProps {
   /** Footer element */
   footer: React.ReactElement;
   /** Navigate to the next step */
-  onNext: () => void;
+  onNext: () => void | Promise<void>;
   /** Navigate to the previous step */
-  onBack: () => void;
+  onBack: () => void | Promise<void>;
   /** Close the wizard */
   onClose: () => void;
   /** Navigate to step by ID */

package/src/next/components/Wizard/WizardFooter.tsx

@@ -14,9 +14,9 @@ export interface WizardFooterProps {
   /** The active step */
   activeStep: WizardControlStep;
   /** Next button callback */
-  onNext: () => WizardNavStepFunction | void;
+  onNext: () => WizardNavStepFunction | void | Promise<void>;
   /** Back button callback */
-  onBack: () => WizardNavStepFunction | void;
+  onBack: () => WizardNavStepFunction | void | Promise<void>;
   /** Cancel link callback */
   onClose: () => void;
   /** Custom text for the Next button. The current step's nextButtonText takes precedence. */

package/src/next/components/Wizard/WizardNavInternal.tsx

@@ -97,7 +97,7 @@ export const WizardNavInternal = ({ nav, isStepVisitRequired, isNavExpanded }: W
                 key={step.id}
                 id={step.id}
                 content={step.name}
-                isExpandable={true}
+                isExpandable={step.isCollapsible ?? true}
                 isCurrent={hasActiveChild}
                 isDisabled={!hasEnabledChildren}
                 isVisited={step.isVisited}

package/src/next/components/Wizard/WizardNavItem.tsx

@@ -109,7 +109,7 @@ export const WizardNavItem: React.FunctionComponent<WizardNavItemProps> = ({
             <span className={css(styles.wizardNavLinkText)}>{content}</span>
             <span className={css(styles.wizardNavLinkToggle)}>
               <span className={css(styles.wizardNavLinkToggleIcon)}>
-                <AngleRightIcon />
+                <AngleRightIcon aria-label={`${isCurrent ? 'Collapse' : 'Expand'} step icon`} />
               </span>
             </span>
           </>

package/src/next/components/Wizard/WizardStep.tsx

@@ -30,6 +30,8 @@ export interface WizardStepProps {
   footer?: React.ReactElement | Partial<WizardFooterProps>;
   /** Used to determine icon next to the step's navigation item */
   status?: 'default' | 'error';
+  /** Flag to determine whether sub-steps can collapse or not */
+  isCollapsible?: boolean;
 }
 
 export const WizardStep = ({ children, steps: _subSteps, ...props }: WizardStepProps) => {

package/src/next/components/Wizard/__tests__/Wizard.test.tsx

@@ -278,7 +278,7 @@ test('calls onClose on cancel link click', async () => {
   expect(onClose).toHaveBeenCalled();
 });
 
-test('unmounts inactive steps by default', async () => {
+test('does not render inactive step content', async () => {
   const user = userEvent.setup();
 
   render(
@@ -297,3 +297,35 @@ test('unmounts inactive steps by default', async () => {
   expect(screen.queryByText('Step 1 content')).toBeNull();
   expect(screen.getByText('Step 2 content')).toBeVisible();
 });
+
+test('parent steps have collapsed sub-steps by default unless the step is active', async () => {
+  const user = userEvent.setup();
+
+  render(
+    <Wizard startIndex={2}>
+      <WizardStep id="step-1" name="Test step 1" />
+      <WizardStep id="step-2" name="Test step 2" steps={[<WizardStep id="sub-step-1" name="Test sub step 1" />]} />
+    </Wizard>
+  );
+
+  expect(screen.getByLabelText('Expand step icon')).toBeVisible();
+
+  await user.click(screen.getByRole('button', { name: 'Next' }));
+
+  expect(screen.getByLabelText('Collapse step icon')).toBeVisible();
+});
+
+test('parent step can be non-collapsible by setting isCollapsible to false', () => {
+  render(
+    <Wizard>
+      <WizardStep
+        id="step-1"
+        name="Test step 1"
+        isCollapsible={false}
+        steps={[<WizardStep id="sub-step-1" name="Sub step 1" />]}
+      />
+    </Wizard>
+  );
+
+  expect(screen.queryByLabelText('step icon', { exact: false })).toBeNull();
+});

package/src/next/components/Wizard/__tests__/WizardStep.test.tsx

@@ -31,8 +31,7 @@ const wizardContext: WizardContext.WizardContextProps = {
   goToStepByName: jest.fn(),
   goToStepByIndex: jest.fn(),
   setFooter: jest.fn(),
-  getStep: jest.fn(),
-  setSteps: jest.fn()
+  getStep: jest.fn()
 };
 
 const useWizardContextSpy = jest.spyOn(WizardContext, 'useWizardContext');

package/src/next/components/Wizard/examples/Wizard.md

@@ -96,7 +96,7 @@ Custom operations when navigating between steps can be achieved by utilizing `on
 
 ```noLive
 /** Callback for the Wizard's 'onNext', 'onBack', and 'onNavByIndex' properties */
-type WizardNavStepFunction = (currentStep: WizardNavStepData, previousStep: WizardNavStepData) => void;
+type WizardNavStepFunction = (currentStep: WizardNavStepData, previousStep: WizardNavStepData) => void | Promise<void>;
 
 /** Data returned for either parameter of WizardNavStepFunction */
 type WizardNavStepData = Pick<WizardControlStep, 'id' | 'name'>;

package/src/next/components/Wizard/examples/WizardKitchenSink.tsx

@@ -161,6 +161,16 @@ const StepContentWithActions = () => {
 
 export const WizardKitchenSink: React.FunctionComponent = () => {
   const onNext: WizardNavStepFunction = (_currentStep: WizardNavStepData, _previousStep: WizardNavStepData) => {};
+  const [isSubmitting, setIsSubmitting] = React.useState(false);
+
+  async function onSubmit(): Promise<void> {
+    setIsSubmitting(true);
+
+    await new Promise(resolve => setTimeout(resolve, 5000));
+
+    setIsSubmitting(false);
+    alert('50 points to Gryffindor!');
+  }
 
   return (
     <SomeContextProvider>
@@ -207,8 +217,17 @@ export const WizardKitchenSink: React.FunctionComponent = () => {
           >
             Step 3 content w/ custom async footer
           </WizardStep>
-          <WizardStep id={StepId.ReviewStep} name="Review" footer={{ nextButtonText: 'Submit' }}>
-            Review step content
+          <WizardStep
+            id={StepId.ReviewStep}
+            name="Review"
+            footer={{
+              nextButtonText: 'Submit',
+              onNext: onSubmit,
+              isNextDisabled: isSubmitting,
+              isBackDisabled: isSubmitting
+            }}
+          >
+            {isSubmitting ? 'Calculating wizard score...' : 'Review step content'}
           </WizardStep>
         </Wizard>
       )}

package/src/next/components/Wizard/types.tsx

@@ -34,6 +34,8 @@ export enum WizardNavItemStatus {
 export interface WizardParentStep extends WizardBasicStep {
   /** Nested step IDs */
   subStepIds: (string | number)[];
+  /** Flag to determine whether sub-steps can collapse or not */
+  isCollapsible?: boolean;
 }
 
 /** Type used to define sub-steps. */
@@ -46,7 +48,10 @@ export interface WizardSubStep extends WizardBasicStep {
 export type WizardControlStep = WizardBasicStep | WizardParentStep | WizardSubStep;
 
 /** Callback for the Wizard's 'onNext', 'onBack', and 'onNavByIndex' properties. */
-export type WizardNavStepFunction = (currentStep: WizardNavStepData, previousStep: WizardNavStepData) => void;
+export type WizardNavStepFunction = (
+  currentStep: WizardNavStepData,
+  previousStep: WizardNavStepData
+) => void | Promise<void>;
 
 /** Data returned for either parameter of WizardNavStepFunction. */
 export interface WizardNavStepData {
@@ -81,9 +86,9 @@ export type CustomWizardNavItemFunction = (
 /** Callback for the Wizard's 'footer' property. Returns element which replaces the Wizard's default footer. */
 export type CustomWizardFooterFunction = (
   activeStep: WizardControlStep,
-  onNext: () => void,
-  onBack: () => void,
-  onClose: () => void
+  onNext: () => void | Promise<void>,
+  onBack: () => void | Promise<void>,
+  onClose: () => void | Promise<void>
 ) => React.ReactElement<WizardFooterProps>;
 
 export function isCustomWizardNav(nav: WizardNavType): nav is CustomWizardNavFunction | React.ReactElement {

package/dist/esm/components/Button/__mocks__/Button.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '../';
-export declare const Button: ({ children, variant, isInline, onClick, iconPosition, icon, ...props }: ButtonProps) => JSX.Element;
-export declare const ButtonVariant: {
-    plain: string;
-    link: string;
-};
-//# sourceMappingURL=Button.d.ts.map

package/dist/esm/components/Button/__mocks__/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAElC,eAAO,MAAM,MAAM,2EAA4E,WAAW,gBAWzG,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAAmC,CAAC"}

package/dist/esm/components/Button/__mocks__/Button.js

@@ -1,14 +0,0 @@
-import { __rest } from "tslib";
-import React from 'react';
-export const Button = (_a) => {
-    var { children, variant, isInline, onClick, iconPosition, icon } = _a, props = __rest(_a, ["children", "variant", "isInline", "onClick", "iconPosition", "icon"]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("button", Object.assign({ onClick: onClick }, props), children),
-        React.createElement("p", null, `variant: ${variant}`),
-        React.createElement("p", { id: "labelling-id" }, "Test label"),
-        React.createElement("p", null, `isInline: ${isInline}`),
-        React.createElement("p", null, `iconPosition: ${iconPosition}`),
-        React.createElement("div", { "data-testid": "icon" }, icon)));
-};
-export const ButtonVariant = { plain: 'plain', link: 'link' };
-//# sourceMappingURL=Button.js.map

package/dist/esm/components/Button/__mocks__/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAmF,EAAE,EAAE;QAAvF,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,OAAyB,EAApB,KAAK,cAApE,sEAAsE,CAAF;IAAoB,OAAA,CAC7G;QACE,8CAAQ,OAAO,EAAE,OAAO,IAAM,KAAK,GAChC,QAAQ,CACF;QACT,+BAAI,YAAY,OAAO,EAAE,CAAK;QAC9B,2BAAG,EAAE,EAAC,cAAc,iBAAe;QACnC,+BAAI,aAAa,QAAQ,EAAE,CAAK;QAChC,+BAAI,iBAAiB,YAAY,EAAE,CAAK;QACxC,4CAAiB,MAAM,IAAE,IAAI,CAAO,CACnC,CACJ,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/Button/__mocks__/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Button';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Button/__mocks__/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/components/Button/__mocks__/index.js

@@ -1,2 +0,0 @@
-export * from './Button';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Button/__mocks__/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/components/HelperText/__mocks__/HelperText.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { HelperTextProps } from '../';
-export declare const HelperText: ({ children, isLiveRegion }: HelperTextProps) => JSX.Element;
-//# sourceMappingURL=HelperText.d.ts.map

package/dist/esm/components/HelperText/__mocks__/HelperText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAEtC,eAAO,MAAM,UAAU,+BAAgC,eAAe,gBAKrE,CAAC"}

package/dist/esm/components/HelperText/__mocks__/HelperText.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const HelperText = ({ children, isLiveRegion }) => (React.createElement(React.Fragment, null,
-    React.createElement("div", { "data-testid": "helper-text-children-container" }, children),
-    React.createElement("p", null, `isLiveRegion: ${isLiveRegion}`)));
-//# sourceMappingURL=HelperText.js.map

package/dist/esm/components/HelperText/__mocks__/HelperText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAmB,EAAE,EAAE,CAAC,CACzE;IACE,4CAAiB,gCAAgC,IAAE,QAAQ,CAAO;IAClE,+BAAI,iBAAiB,YAAY,EAAE,CAAK,CACvC,CACJ,CAAC"}

package/dist/esm/components/HelperText/__mocks__/HelperTextItem.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { HelperTextItemProps } from '../';
-export declare const HelperTextItem: ({ children, variant }: HelperTextItemProps) => JSX.Element;
-//# sourceMappingURL=HelperTextItem.d.ts.map

package/dist/esm/components/HelperText/__mocks__/HelperTextItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HelperTextItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperTextItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAE1C,eAAO,MAAM,cAAc,0BAA2B,mBAAmB,gBAKxE,CAAC"}

package/dist/esm/components/HelperText/__mocks__/HelperTextItem.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const HelperTextItem = ({ children, variant }) => (React.createElement(React.Fragment, null,
-    React.createElement("div", { "data-testid": "helper-text-item-children-container" }, children),
-    React.createElement("p", null, `variant: ${variant}`)));
-//# sourceMappingURL=HelperTextItem.js.map

package/dist/esm/components/HelperText/__mocks__/HelperTextItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HelperTextItem.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperTextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAuB,EAAE,EAAE,CAAC,CAC5E;IACE,4CAAiB,qCAAqC,IAAE,QAAQ,CAAO;IACvE,+BAAI,YAAY,OAAO,EAAE,CAAK,CAC7B,CACJ,CAAC"}

package/dist/esm/components/HelperText/__mocks__/index.d.ts

@@ -1,3 +0,0 @@
-export * from './HelperText';
-export * from './HelperTextItem';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/HelperText/__mocks__/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/HelperText/__mocks__/index.js

@@ -1,3 +0,0 @@
-export * from './HelperText';
-export * from './HelperTextItem';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/HelperText/__mocks__/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/dist/js/components/Button/__mocks__/Button.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '../';
-export declare const Button: ({ children, variant, isInline, onClick, iconPosition, icon, ...props }: ButtonProps) => JSX.Element;
-export declare const ButtonVariant: {
-    plain: string;
-    link: string;
-};
-//# sourceMappingURL=Button.d.ts.map

package/dist/js/components/Button/__mocks__/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAElC,eAAO,MAAM,MAAM,2EAA4E,WAAW,gBAWzG,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAAmC,CAAC"}

package/dist/js/components/Button/__mocks__/Button.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonVariant = exports.Button = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const Button = (_a) => {
-    var { children, variant, isInline, onClick, iconPosition, icon } = _a, props = tslib_1.__rest(_a, ["children", "variant", "isInline", "onClick", "iconPosition", "icon"]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("button", Object.assign({ onClick: onClick }, props), children),
-        react_1.default.createElement("p", null, `variant: ${variant}`),
-        react_1.default.createElement("p", { id: "labelling-id" }, "Test label"),
-        react_1.default.createElement("p", null, `isInline: ${isInline}`),
-        react_1.default.createElement("p", null, `iconPosition: ${iconPosition}`),
-        react_1.default.createElement("div", { "data-testid": "icon" }, icon)));
-};
-exports.Button = Button;
-exports.ButtonVariant = { plain: 'plain', link: 'link' };
-//# sourceMappingURL=Button.js.map

package/dist/js/components/Button/__mocks__/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/Button.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAGnB,MAAM,MAAM,GAAG,CAAC,EAAmF,EAAE,EAAE;QAAvF,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,OAAyB,EAApB,KAAK,sBAApE,sEAAsE,CAAF;IAAoB,OAAA,CAC7G;QACE,wDAAQ,OAAO,EAAE,OAAO,IAAM,KAAK,GAChC,QAAQ,CACF;QACT,yCAAI,YAAY,OAAO,EAAE,CAAK;QAC9B,qCAAG,EAAE,EAAC,cAAc,iBAAe;QACnC,yCAAI,aAAa,QAAQ,EAAE,CAAK;QAChC,yCAAI,iBAAiB,YAAY,EAAE,CAAK;QACxC,sDAAiB,MAAM,IAAE,IAAI,CAAO,CACnC,CACJ,CAAA;CAAA,CAAC;AAXW,QAAA,MAAM,UAWjB;AAEW,QAAA,aAAa,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC"}

package/dist/js/components/Button/__mocks__/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Button';
-//# sourceMappingURL=index.d.ts.map

package/dist/js/components/Button/__mocks__/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/js/components/Button/__mocks__/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Button"), exports);
-//# sourceMappingURL=index.js.map

package/dist/js/components/Button/__mocks__/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB"}