@popmenu/common-ui 0.7.6 → 0.11.0

package/build/components/CollapsibleText/CollapsibleText.d.ts

@@ -1,13 +1,3 @@
 import { FC } from 'react';
 import { CollapsibleTextProps } from './CollapsibleTextProps';
 export declare const CollapsibleText: FC<CollapsibleTextProps>;
-/**
- * measure typography to determine if section should be expandable.
- * use typography values to determine open/closed height.
- * tweak overlay visibility
- * externalize toggle button
- *
- * if it's open (or !in)
- * 1. then don't show overlay
- * 2.
- */

package/build/components/CollapsibleText/CollapsibleTextProps.d.ts

@@ -1,7 +1,12 @@
 export interface CollapsibleTextProps {
-    previewLines: number;
     text: string;
-    typographyVariant: 'body1' | 'body2';
     open: boolean;
-    canCollapse?: (banana: boolean) => void;
+    previewLines?: number;
+    typographyVariant?: 'body1' | 'body2';
+    collapsible: boolean;
+    setCollapsible: (collapsible: boolean) => void;
+}
+export interface DefaultCollapsibleTextProps extends CollapsibleTextProps {
+    previewLines: number;
+    typographyVariant: 'body1' | 'body2';
 }

package/build/components/CollapsibleText/CollapsibleTextStyles.d.ts

@@ -0,0 +1,4 @@
+import { DefaultCollapsibleTextProps } from './CollapsibleTextProps';
+export declare const useCollapsibleTextStyles: (props: DefaultCollapsibleTextProps & {
+    fadeStop?: string | number | undefined;
+}) => import("@material-ui/styles").ClassNameMap<string>;

package/build/components/Divider/DividerProps.d.ts

@@ -1,7 +1,9 @@
-import { TypographyProps } from '..';
-declare type Colors = 'primary.main' | 'primary.dark' | 'primary.light' | 'secondary.main' | 'secondary.dark' | 'secondary.light' | 'info.main' | 'info.dark' | 'info.light' | 'error.main' | 'error.dark' | 'error.light' | 'success.main' | 'success.dark' | 'success.light' | 'warning.main' | 'warning.dark' | 'warning.light';
+import { TypographyProps } from '../Typography';
+declare type Colors = 'primary.main' | 'primary.dark' | 'primary.light' | 'secondary.main' | 'secondary.dark' | 'secondary.light';
 export interface DividerProps {
-    /** Sets the color of the divider line */
+    /** Sets the styles for a divider. */
+    className?: string;
+    /** Sets the color of the divider line. */
     dividerColor?: Colors | string;
     /** A message shown in the center of the divider */
     text?: string;

package/build/components/Icon/Icon.d.ts

@@ -1,10 +1,4 @@
-import React from 'react';
+import { VoidFunctionComponent } from 'react';
 import { IconProps } from './IconProps';
-/**
- * Adding new icons.
- * 1. If not part of the material-ui library, put the svg file in app/javascript/admin/common/assets/
- * 2. Update the iconDictionary at ./iconDictionary
- * 3. Add the icon name to Icon.propTypes
- */
-export declare const IconStaticClassName = "mep-icon-svg";
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const iconStaticClassName = "pop-icon";
+export declare const Icon: VoidFunctionComponent<IconProps>;

package/build/components/Icon/IconProps.d.ts

@@ -1,11 +1,11 @@
-import { IconNames } from './iconDictionary';
+import React from 'react';
 export interface IconProps {
-    /** Applies to the html class attribute. */
+    /** Sets to the class attribute for the html element */
     className?: string;
-    /** Sets the color of an icon */
-    color?: 'primary.light' | 'primary' | 'primary.dark' | 'secondary.light' | 'secondary' | 'secondary.dark' | 'info' | 'error' | 'warning' | 'success' | 'inherit';
-    /** Sets which icon to display */
-    name: IconNames;
-    /** Sets the size of the icon */
-    size?: 'small' | 'medium' | 'large';
+    /** The icon from @popmenu/web-icons to be rendered */
+    icon: string | React.FC<React.SVGProps<SVGSVGElement>>;
+    /** Sets the color of the icon */
+    color?: 'primary' | 'secondary' | 'primary.light' | 'primary.dark' | 'secondary.light' | 'secondary.dark' | string;
+    /** Sets the dimensions of the icon */
+    size?: 'small' | 'medium' | 'large' | 'extra-large' | 'inherit';
 }

package/build/components/Icon/index.d.ts

@@ -1,3 +1,2 @@
-export { Icon as default } from './Icon';
-export { iconDictionary, IconNames } from './iconDictionary';
+export { Icon as default, iconStaticClassName } from './Icon';
 export { IconProps } from './IconProps';

package/build/components/IconButton/IconButton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IconButtonProps } from './IconButtonProps';
-export declare const IconButton: React.ForwardRefExoticComponent<Pick<IconButtonProps, "className" | "style" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "icon" | "disableFocusRipple" | "edge" | "size" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: React.ForwardRefExoticComponent<Pick<IconButtonProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "disableFocusRipple" | "edge" | "size" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | keyof import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/IconButton").IconButtonTypeMap<{}, "button">>> & React.RefAttributes<HTMLButtonElement>>;

package/build/components/IconButton/IconButtonProps.d.ts

@@ -1,6 +1,2 @@
 import { IconButtonProps as MuiIconButtonProps } from '@material-ui/core/IconButton';
-import { IconNames } from '../Icon/iconDictionary';
-export interface IconButtonProps extends MuiIconButtonProps {
-    /** Sets the icon to display. */
-    icon: IconNames;
-}
+export declare type IconButtonProps = MuiIconButtonProps;

package/build/components/index.d.ts

@@ -14,15 +14,17 @@ export { default as CardMedia, CardMediaProps } from './CardMedia';
 export { default as Checkbox, CheckboxProps } from './Checkbox';
 export { default as Chip, ChipProps } from './Chip';
 export { default as CircularProgress, CircularProgressProps } from './CircularProgress';
+export { default as CollapsibleText, CollapsibleTextProps } from './CollapsibleText';
 export { default as Dialog, DialogProps } from './Dialog';
 export { default as DialogActions, DialogActionsProps } from './DialogActions';
 export { default as DialogContent, DialogContentProps } from './DialogContent';
 export { default as DialogTitle, DialogTitleProps } from './DialogTitle';
+export { default as Divider, DividerProps } from './Divider';
 export { default as Drawer, DrawerProps } from './Drawer';
 export { default as FormControl, FormControlProps } from './FormControl';
 export { default as FormControlLabel, FormControlLabelProps } from './FormControlLabel';
 export { default as Grid, GridProps } from './Grid';
-export { default as Icon, IconProps, IconNames, iconDictionary } from './Icon';
+export { default as Icon, IconProps } from './Icon';
 export { default as IconButton, IconButtonProps } from './IconButton';
 export { default as InputAdornment, InputAdornmentProps } from './InputAdornment';
 export { default as LinearProgress, LinearProgressProps } from './LinearProgress';

package/build/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useCollapsibleText } from './useCollapsibleText';

package/build/hooks/useCollapsibleText.d.ts

@@ -0,0 +1,10 @@
+interface CollapsibleTextHookResult {
+    collapsibleText: {
+        open: boolean;
+        collapsible: boolean;
+        setCollapsible: (collapsible: boolean) => void;
+    };
+    toggle: () => void;
+}
+export declare const useCollapsibleText: () => CollapsibleTextHookResult;
+export {};

package/build/index.d.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './hooks';