@patternfly/react-core 4.245.0 → 4.247.0

package/src/components/Dropdown/examples/DropdownSplitButtonIndeterminate.tsx

@@ -1,78 +0,0 @@
-import React from 'react';
-import {
-  Dropdown,
-  DropdownToggle,
-  DropdownToggleCheckbox,
-  DropdownItem,
-  DropdownSeparator
-} from '@patternfly/react-core';
-
-export const DropdownSplitButtonIndeterminate: React.FunctionComponent = () => {
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [isChecked, setIsChecked] = React.useState(null);
-
-  const onToggle = (isOpen: boolean) => {
-    setIsOpen(isOpen);
-  };
-
-  const onFocus = () => {
-    const element = document.getElementById('toggle-split-button-indeterminate');
-    element.focus();
-  };
-
-  const onSelect = () => {
-    setIsOpen(false);
-    onFocus();
-  };
-
-  const onChange = (isChecked: boolean) => {
-    setIsChecked(isChecked);
-  };
-
-  const dropdownItems = [
-    <DropdownItem key="link">Link</DropdownItem>,
-    <DropdownItem key="action" component="button">
-      Action
-    </DropdownItem>,
-    <DropdownItem key="disabled link" isDisabled href="www.google.com">
-      Disabled link
-    </DropdownItem>,
-    <DropdownItem
-      key="disabled action"
-      isAriaDisabled
-      component="button"
-      tooltip="Tooltip for disabled item"
-      tooltipProps={{ position: 'top' }}
-    >
-      Disabled action
-    </DropdownItem>,
-    <DropdownSeparator key="separator" />,
-    <DropdownItem key="separated link">Separated link</DropdownItem>,
-    <DropdownItem key="separated action" component="button">
-      Separated action
-    </DropdownItem>
-  ];
-
-  return (
-    <Dropdown
-      onSelect={onSelect}
-      toggle={
-        <DropdownToggle
-          splitButtonItems={[
-            <DropdownToggleCheckbox
-              id="split-button-indeterminate-checkbox"
-              key="split-checkbox"
-              aria-label="Select all"
-              onChange={checked => onChange(checked)}
-              isChecked={isChecked}
-            />
-          ]}
-          onToggle={onToggle}
-          id="toggle-split-button-indeterminate"
-        />
-      }
-      isOpen={isOpen}
-      dropdownItems={dropdownItems}
-    />
-  );
-};