diff --git a/.changeset/cyan-beds-dream.md b/.changeset/cyan-beds-dream.md new file mode 100644 index 00000000..c4f71558 --- /dev/null +++ b/.changeset/cyan-beds-dream.md @@ -0,0 +1,6 @@ +[--- +'@kubed/components': patch +--- + +1. Export Progress component. +2. Omit trigger if visible is set. diff --git a/packages/components/src/Dropdown/Dropdown.tsx b/packages/components/src/Dropdown/Dropdown.tsx index 1158bb32..01c3777a 100644 --- a/packages/components/src/Dropdown/Dropdown.tsx +++ b/packages/components/src/Dropdown/Dropdown.tsx @@ -1,5 +1,6 @@ import React, { useState } from 'react'; import styled from 'styled-components'; +import { isUndefined } from 'lodash'; import { Tooltip, TooltipProps } from '../Tooltip/Tooltip'; const StyledTooltip = styled(Tooltip)` @@ -37,11 +38,12 @@ export function Dropdown({ maxWidth = 210, animation = 'shift-away', content, + visible, ...rest }: DropdownProps) { const [instance, setInstance] = useState(false); const onDropdownClick = () => { - if (hideOnClick && instance) { + if (hideOnClick && instance && !visible) { // @ts-ignore instance.hide(); } @@ -56,18 +58,19 @@ export function Dropdown({ }; const popContent = {content}; + const triggerProps = isUndefined(visible) ? { trigger } : { visible }; return ( // @ts-ignore diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts index 94113725..f06ea5bd 100644 --- a/packages/components/src/index.ts +++ b/packages/components/src/index.ts @@ -38,3 +38,4 @@ export { default as TimePicker } from './TimePicker/TimePicker'; export { Banner, BannerTip } from './Banner/Banner'; export { Notify, notify } from './Notify/Notify'; export * from './ActionConfirm/ActionConfirm'; +export * from './Progress/Progress';