@redsift/products 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.6

package/packages/popovers/src/components/dialog-trigger/DialogTrigger.js

@@ -1,47 +0,0 @@
-import { objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import { useMergeRefs } from '../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.mjs.js';
-import { isComponent } from '@redsift/design-system';
-import classNames from 'classnames';
-import { useDialogContext } from '../dialog/useDialogContext.js';
-
-const COMPONENT_NAME = 'DialogTrigger';
-const CLASSNAME = 'redsift-dialog-trigger';
-
-/**
- * The DialogTrigger component.
- */
-const DialogTrigger = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    children
-  } = props;
-  const {
-    getReferenceProps,
-    isOpen,
-    handleOpen,
-    refs,
-    triggerClassName,
-    color
-  } = useDialogContext();
-  const childrenRef = children === null || children === void 0 ? void 0 : children.ref;
-  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
-  if (isComponent('Button')(children) || isComponent('IconButton')(children) || isComponent('LinkButton')(children) || isComponent('Checkbox')(children) || isComponent('Switch')(children) || isComponent('Radio')(children) || isComponent('Item')(children)) {
-    var _children$props$child;
-    return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2(_objectSpread2({}, getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
-      ref: triggerRef
-    }, props), children.props), {}, {
-      children: (_children$props$child = children.props.children) !== null && _children$props$child !== void 0 ? _children$props$child : ''
-    }))), {}, {
-      onClick: props.onClick ? props.onClick : () => handleOpen(!isOpen),
-      isActive: isOpen,
-      className: classNames(children.props.className, triggerClassName),
-      color: color !== null && color !== void 0 ? color : children.props.color
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
-});
-DialogTrigger.className = CLASSNAME;
-DialogTrigger.displayName = COMPONENT_NAME;
-
-export { DialogTrigger };
-//# sourceMappingURL=DialogTrigger.js.map

package/packages/popovers/src/components/dialog-trigger/DialogTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogTrigger.js","sources":["../../../../../../../popovers/src/components/dialog-trigger/DialogTrigger.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp, isComponent } from '@redsift/design-system';\nimport { useDialogContext } from '../dialog';\nimport { DialogTriggerProps } from './types';\nimport classNames from 'classnames';\n\nconst COMPONENT_NAME = 'DialogTrigger';\nconst CLASSNAME = 'redsift-dialog-trigger';\n\n/**\n * The DialogTrigger component.\n */\nexport const DialogTrigger: Comp<DialogTriggerProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  const { children } = props;\n\n  const { getReferenceProps, isOpen, handleOpen, refs, triggerClassName, color } = useDialogContext();\n  const childrenRef = (children as any)?.ref;\n  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n  if (\n    isComponent('Button')(children) ||\n    isComponent('IconButton')(children) ||\n    isComponent('LinkButton')(children) ||\n    isComponent('Checkbox')(children) ||\n    isComponent('Switch')(children) ||\n    isComponent('Radio')(children) ||\n    isComponent('Item')(children)\n  ) {\n    return React.cloneElement(children as ReactElement, {\n      ...getReferenceProps({\n        ref: triggerRef,\n        ...props,\n        ...children.props,\n        children: children.props.children ?? '',\n      }),\n      onClick: props.onClick ? props.onClick : () => handleOpen(!isOpen),\n      isActive: isOpen,\n      className: classNames((children as ReactElement).props.className, triggerClassName),\n      color: color ?? children.props.color,\n    });\n  }\n\n  return <>{children}</>;\n});\nDialogTrigger.className = CLASSNAME;\nDialogTrigger.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DialogTrigger","forwardRef","props","ref","children","getReferenceProps","isOpen","handleOpen","refs","triggerClassName","color","useDialogContext","childrenRef","triggerRef","useMergeRefs","setReference","isComponent","_children$props$child","React","cloneElement","_objectSpread","onClick","isActive","className","classNames","createElement","Fragment","displayName"],"mappings":";;;;;;;AAQA,MAAMA,cAAc,GAAG,eAAe,CAAA;AACtC,MAAMC,SAAS,GAAG,wBAAwB,CAAA;;AAE1C;AACA;AACA;AACO,MAAMC,aAA0D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACnG,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;EAE1B,MAAM;IAAEG,iBAAiB;IAAEC,MAAM;IAAEC,UAAU;IAAEC,IAAI;IAAEC,gBAAgB;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,gBAAgB,EAAE,CAAA;EACnG,MAAMC,WAAW,GAAIR,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAUD,GAAG,CAAA;AAC1C,EAAA,MAAMU,UAAU,GAAGC,YAAY,CAAC,CAACN,IAAI,CAACO,YAAY,EAAEZ,GAAG,EAAES,WAAW,CAAC,CAAC,CAAA;EAEtE,IACEI,WAAW,CAAC,QAAQ,CAAC,CAACZ,QAAQ,CAAC,IAC/BY,WAAW,CAAC,YAAY,CAAC,CAACZ,QAAQ,CAAC,IACnCY,WAAW,CAAC,YAAY,CAAC,CAACZ,QAAQ,CAAC,IACnCY,WAAW,CAAC,UAAU,CAAC,CAACZ,QAAQ,CAAC,IACjCY,WAAW,CAAC,QAAQ,CAAC,CAACZ,QAAQ,CAAC,IAC/BY,WAAW,CAAC,OAAO,CAAC,CAACZ,QAAQ,CAAC,IAC9BY,WAAW,CAAC,MAAM,CAAC,CAACZ,QAAQ,CAAC,EAC7B;AAAA,IAAA,IAAAa,qBAAA,CAAA;AACA,IAAA,oBAAOC,cAAK,CAACC,YAAY,CAACf,QAAQ,EAAAgB,cAAA,CAAAA,cAAA,CAAA,EAAA,EAC7Bf,iBAAiB,CAAAe,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA;AAClBjB,MAAAA,GAAG,EAAEU,UAAAA;AAAU,KAAA,EACZX,KAAK,CAAA,EACLE,QAAQ,CAACF,KAAK,CAAA,EAAA,EAAA,EAAA;AACjBE,MAAAA,QAAQ,EAAAa,CAAAA,qBAAA,GAAEb,QAAQ,CAACF,KAAK,CAACE,QAAQ,MAAAa,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI,EAAA;AAAE,KAAA,CACxC,CAAC,CAAA,EAAA,EAAA,EAAA;AACFI,MAAAA,OAAO,EAAEnB,KAAK,CAACmB,OAAO,GAAGnB,KAAK,CAACmB,OAAO,GAAG,MAAMd,UAAU,CAAC,CAACD,MAAM,CAAC;AAClEgB,MAAAA,QAAQ,EAAEhB,MAAM;MAChBiB,SAAS,EAAEC,UAAU,CAAEpB,QAAQ,CAAkBF,KAAK,CAACqB,SAAS,EAAEd,gBAAgB,CAAC;MACnFC,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAIN,QAAQ,CAACF,KAAK,CAACQ,KAAAA;AAAK,KAAA,CACrC,CAAC,CAAA;AACJ,GAAA;EAEA,oBAAOQ,cAAA,CAAAO,aAAA,CAAAP,cAAA,CAAAQ,QAAA,EAAGtB,IAAAA,EAAAA,QAAW,CAAC,CAAA;AACxB,CAAC,EAAC;AACFJ,aAAa,CAACuB,SAAS,GAAGxB,SAAS,CAAA;AACnCC,aAAa,CAAC2B,WAAW,GAAG7B,cAAc;;;;"}

package/popovers/src/components/dialog/types.d.ts

@@ -1,50 +0,0 @@
-import { ReactNode } from 'react';
-import { ButtonColor, Theme, ValueOf } from '@redsift/design-system';
-
-/**
- * Component variant.
- */
-declare const DialogSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly xlarge: "xlarge";
-};
-type DialogSize = ValueOf<typeof DialogSize>;
-/**
- * Component props.
- */
-interface DialogProps {
-    /** Button color that will be forward to the trigger. */
-    color?: ButtonColor;
-    /** Children. Can only be DialogTrigger and DialogContent. */
-    children: ReactNode;
-    /**
-     * Default open status.
-     * Used for uncontrolled version.
-     */
-    defaultOpen?: boolean;
-    /** Whether the Close icon button is displayed or not. */
-    hasCloseButton?: boolean;
-    /** Which element to initially focus. Can be either a number (tabbable index), a ref to en element, or a shortcut pointing towards a section of the dialog. See the accessibility section in the documentation to know which one to use. */
-    initialFocus?: number | React.MutableRefObject<HTMLElement | null> | 'header' | 'body' | 'actions';
-    /**
-     * Whether the component is opened or not.
-     * Used for controlled version.
-     */
-    isOpen?: boolean;
-    /** Method to handle component change. */
-    onOpen?: (open: boolean) => void;
-    /** Dialog size. */
-    size?: DialogSize | {
-        width?: string;
-        maxWidth?: string;
-        minWidth?: string;
-    };
-    /** Theme. */
-    theme?: Theme;
-    /** Class name to append to the trigger. */
-    triggerClassName?: string;
-}
-
-export { DialogProps, DialogSize };

package/popovers/src/components/dialog-content/types.d.ts

@@ -1,12 +0,0 @@
-import { Theme } from '@redsift/design-system';
-import { ComponentProps } from 'react';
-
-/**
- * Component props.
- */
-interface DialogContentProps extends ComponentProps<'div'> {
-    /** Theme. */
-    theme?: Theme;
-}
-
-export { DialogContentProps };

package/popovers/src/components/dialog-content-body/types.d.ts

@@ -1,12 +0,0 @@
-import { ComponentProps } from 'react';
-import { ContainerProps, Theme } from '@redsift/design-system';
-
-/**
- * Component props.
- */
-interface DialogContentBodyProps extends ComponentProps<'div'>, ContainerProps {
-    /** Theme. */
-    theme?: Theme;
-}
-
-export { DialogContentBodyProps };

package/popovers/src/components/dialog-content-header/types.d.ts

@@ -1,27 +0,0 @@
-import { ComponentProps } from 'react';
-import { HeadingProps, IconProps, Theme } from '@redsift/design-system';
-
-/**
- * Component props.
- */
-interface DialogContentHeaderProps extends ComponentProps<'div'> {
-    /** Header. */
-    header?: string;
-    /** Heading props allowing to override the component rendered by the heading without changing its style. */
-    headingProps?: Pick<HeadingProps, 'as' | 'noWrap' | 'variant'>;
-    /** Subheader */
-    subheader?: string;
-    /**
-     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
-     * Can also be a ReactElement.
-     */
-    icon?: IconProps['icon'];
-    /** Custom props to pass to the Icon component. */
-    iconProps?: Omit<IconProps, 'ref' | 'icon'>;
-    /** Whether the card is loading or not. */
-    isLoading?: boolean;
-    /** Theme. */
-    theme?: Theme;
-}
-
-export { DialogContentHeaderProps };

package/popovers/src/components/dialog-trigger/types.d.ts

@@ -1,10 +0,0 @@
-import { ComponentProps } from 'react';
-import { StylingProps } from '@redsift/design-system';
-
-/**
- * Component props.
- */
-interface DialogTriggerProps extends ComponentProps<'button'>, StylingProps {
-}
-
-export { DialogTriggerProps };