@peculiar/react-components 0.0.2-alpha.267 → 0.0.2-alpha.268

package/dist/esnext/Autocomplete/autocomplete.js

@@ -0,0 +1,236 @@
+import React from 'react';
+import { useAutocomplete, } from '../hooks';
+import { Popover } from '../Popover';
+import { TextField } from '../TextField';
+import { Typography } from '../Typography';
+import { Box } from '../Box';
+import { Chip } from '../Chip';
+import { ArrowDropDownIcon } from '../icons';
+import { css, cx } from '../styles';
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+const stylesContainer = () => css({
+    label: 'Autocomplete',
+    position: 'relative',
+});
+const stylesRoot = () => css({
+    label: 'Autocomplete-root',
+    outline: 'none',
+    boxSizing: 'border-box',
+    width: '100%',
+    borderRadius: '4px',
+    padding: '0 calc(var(--pv-size-base-2) + 24px) 0 var(--pv-size-base-2)',
+    backgroundColor: 'var(--pv-color-gray-1)',
+    borderStyle: 'solid',
+    borderWidth: '1px',
+    borderColor: 'var(--pv-color-gray-8)',
+    transition: 'background-color 200ms, color 200ms, border-color 200ms',
+    appearance: 'none',
+    userSelect: 'none',
+    textAlign: 'left',
+    cursor: 'pointer',
+    fontFamily: 'inherit',
+    height: 'var(--pv-size-base-8)',
+    '&:hover': {
+        backgroundColor: 'var(--pv-color-gray-3)',
+        borderColor: 'var(--pv-color-gray-7)',
+    },
+    '&:disabled': {
+        cursor: 'not-allowed',
+        backgroundColor: 'var(--pv-color-gray-1)',
+        borderColor: 'var(--pv-color-gray-5)',
+        color: 'var(--pv-color-gray-7)',
+    },
+    '&:not(:disabled)': {
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-secondary-tint-5)',
+            borderColor: 'var(--pv-color-secondary-tint-3)',
+        },
+    },
+});
+const stylesRootMultiple = () => css({
+    label: 'multiple',
+    display: 'inline-flex',
+    alignItems: 'center',
+});
+const stylesInputArrowIcon = () => css({
+    label: 'Autocomplete-arrow-icon',
+    position: 'absolute',
+    right: '0px',
+    top: 'calc(50% - 12px)',
+    pointerEvents: 'none',
+    margin: '0px var(--pv-size-base)',
+    color: 'var(--pv-color-gray-10)',
+});
+const stylesListBox = () => css({
+    label: 'Autocomplete-listbox',
+    maxHeight: '36vh',
+    overflowY: 'auto',
+    margin: 0,
+    listStyleType: 'none',
+    position: 'relative',
+    padding: '10px 0',
+});
+const stylesOption = (inGroup) => css({
+    label: 'Autocomplete-option',
+    ...(inGroup ? {
+        padding: '0px var(--pv-size-base-2) 0 var(--pv-size-base-3)',
+    } : {
+        padding: '0px var(--pv-size-base-2)',
+    }),
+    fontFamily: 'inherit',
+    outline: 'none',
+    width: '100%',
+    height: 'var(--pv-size-base-7)',
+    textDecoration: 'none',
+    userSelect: 'none',
+    cursor: 'pointer',
+    transition: 'background-color 200ms',
+    backgroundColor: 'transparent',
+    border: 'none',
+    color: 'var(--pv-color-black)',
+    boxSizing: 'border-box',
+    display: 'flex',
+    textAlign: 'left',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    '&:hover': {
+        backgroundColor: 'var(--pv-color-gray-2)',
+    },
+    '&[data-focused="true"]': {
+        backgroundColor: 'var(--pv-color-gray-3)',
+    },
+    '&[aria-selected="true"]': {
+        backgroundColor: 'var(--pv-color-gray-4)',
+    },
+});
+const stylesInputSearch = () => css({
+    label: 'Autocomplete-input-search',
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-3) var(--pv-size-base-2)',
+});
+const stylesListBoxState = () => css({
+    label: 'Autocomplete-listbox-state',
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-2)',
+});
+const stylesPopover = () => css({
+    label: 'Autocomplete-popover',
+    minWidth: 240,
+});
+const stylesTagsList = () => css({
+    label: 'Autocomplete-tags-list',
+    overflow: 'hidden',
+    width: '100%',
+});
+const stylesTag = (tagsLength, limitTags) => css({
+    label: 'Autocomplete-tag',
+    borderRadius: '2px',
+    borderColor: 'var(--pv-color-gray-7)',
+    margin: '0 var(--pv-size-base) 0 0',
+    ...(tagsLength === 1 && {
+        maxWidth: 'calc(100% - var(--pv-size-base))',
+    }),
+    ...(tagsLength > 1 && limitTags && {
+        maxWidth: `calc(${100 / limitTags}% - var(--pv-size-base))`,
+    }),
+});
+const stylesTagSize = () => css({
+    label: 'Autocomplete-tag-size',
+    margin: '0 var(--pv-size-base-2)',
+});
+const stylesNativeInput = () => css({
+    label: 'Autocomplete-native-input',
+    bottom: 0,
+    left: 0,
+    height: '100%',
+    position: 'absolute',
+    opacity: 0,
+    pointerEvents: 'none',
+    width: '100%',
+    boxSizing: 'border-box',
+});
+const stylesGroupList = () => css({
+    label: 'Autocomplete-group-list',
+    padding: 0,
+    listStyleType: 'none',
+});
+const stylesGroupName = () => css({
+    label: 'Autocomplete-group-name',
+    padding: 'var(--pv-size-base-2)',
+});
+/**
+ *
+ */
+export function Autocomplete(props) {
+    const { placeholder, disableSearch, noOptionsText, loading, loadingText, limitTags = 2, name, required, multiple, renderRoot: renderRootProp, renderOption: renderOptionProp, getLimitTagsText = (more) => `${more} more`, groupBy, } = props;
+    const { id, value, groupedOptions, getRootProps, getInputProps, getListboxProps, getOptionProps, getPopoverProps, getTagProps, getOptionLabel, } = useAutocomplete(props);
+    const { onChange, ...otherInputProps } = getInputProps();
+    const defaultRenderOption = (propsOption, option) => (React.createElement("li", Object.assign({}, propsOption, { className: stylesOption(!!groupBy) }),
+        React.createElement(Typography, { variant: "b3", color: "inherit", noWrap: true }, getOptionLabel(option))));
+    const renderGroup = (params) => (React.createElement("li", { key: params.key },
+        React.createElement(Typography, { variant: "c1", color: "gray-10", className: stylesGroupName() }, params.group),
+        React.createElement("ul", { className: stylesGroupList() }, params.children)));
+    const renderValue = () => {
+        if (!value || (Array.isArray(value) && value.length === 0)) {
+            return null;
+        }
+        if (Array.isArray(value)) {
+            const more = (value.length > limitTags) ? (value.length - limitTags) : 0;
+            const valueLimits = more > 0 ? value.slice(0, limitTags) : value;
+            return (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: stylesTagsList() }, valueLimits.map((v, index) => (React.createElement(Chip, Object.assign({}, getTagProps(v, index), { color: "default", variant: "contained", className: stylesTag(value.length, limitTags) }), getOptionLabel(v))))),
+                !!more && (React.createElement(Typography, { variant: "c2", color: "gray-9", className: stylesTagSize() }, getLimitTagsText(more)))));
+        }
+        return getOptionLabel(value);
+    };
+    const renderedValue = renderValue();
+    const isValueEmpty = renderedValue === null;
+    const defaultRenderRoot = (propsRoot, valueRoot) => (React.createElement("div", { className: stylesContainer() },
+        React.createElement(Typography, Object.assign({}, propsRoot, { noWrap: true, component: "button", variant: "c1", color: isValueEmpty ? 'gray-9' : 'black', className: cx({
+                [stylesRoot()]: true,
+                [stylesRootMultiple()]: multiple,
+            }), 
+            // @ts-ignore
+            type: "button" }), isValueEmpty ? placeholder : renderedValue),
+        React.createElement(ArrowDropDownIcon, { className: stylesInputArrowIcon(), "aria-hidden": true }),
+        React.createElement("input", { type: "text", value: JSON.stringify(valueRoot) || '', tabIndex: -1, "aria-hidden": "true", className: stylesNativeInput(), autoComplete: "off", id: id, name: name, required: required, onChange: () => { } })));
+    const renderOption = renderOptionProp || defaultRenderOption;
+    const renderRoot = renderRootProp || defaultRenderRoot;
+    const renderListOption = (option, index) => {
+        const optionProps = getOptionProps(option, index);
+        return renderOption(optionProps, option);
+    };
+    return (React.createElement(React.Fragment, null,
+        renderRoot(getRootProps(), value),
+        React.createElement(Popover, Object.assign({ placement: "bottom-start", allowUseSameWidth: true }, getPopoverProps(), { className: stylesPopover() }),
+            !disableSearch && (React.createElement(Box, { borderColor: "gray-3", borderPosition: "bottom", borderStyle: "solid", borderWidth: 1 },
+                React.createElement(TextField, { inputProps: otherInputProps, className: stylesInputSearch(), onChange: onChange, placeholder: "Search", disabled: loading }))),
+            loading && groupedOptions.length === 0 && (React.createElement("div", { className: stylesListBoxState() }, typeof loadingText === 'string' ? (React.createElement(Typography, { variant: "b2", color: "gray-10" }, loadingText)) : loadingText)),
+            groupedOptions.length === 0 && !loading && (React.createElement("div", { className: stylesListBoxState() }, typeof noOptionsText === 'string' ? (React.createElement(Typography, { variant: "b2", color: "gray-10" }, noOptionsText)) : noOptionsText)),
+            groupedOptions.length > 0 && (React.createElement("ul", Object.assign({ className: stylesListBox() }, getListboxProps()), groupedOptions
+                // @ts-ignore
+                .map((option, index) => {
+                if (groupBy && 'options' in option) {
+                    return renderGroup({
+                        key: option.key,
+                        group: option.group,
+                        // @ts-ignore
+                        children: option.options.map((option2, index2) => (renderListOption(option2, option.index + index2))),
+                    });
+                }
+                return renderListOption(option, index);
+            }))))));
+}
+// @ts-ignore
+Autocomplete.defaultProps = {
+    disableSearch: false,
+    noOptionsText: 'No options',
+    loading: false,
+    loadingText: 'Loading...',
+    limitTags: 2,
+    required: false,
+};
+//# sourceMappingURL=autocomplete.js.map

package/dist/esnext/Autocomplete/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../src/Autocomplete/autocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/esnext/Autocomplete/index.js

@@ -0,0 +1,2 @@
+export { Autocomplete } from './autocomplete';
+//# sourceMappingURL=index.js.map

package/dist/esnext/Autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/esnext/Chip/chip.js

@@ -5,6 +5,7 @@ import { CloseSmallIcon } from '../icons';
 const stylesBase = () => css({
     label: 'Chip',
     display: 'inline-flex',
+    maxWidth: '100%',
     fontFamily: 'inherit',
     outline: '0',
     boxSizing: 'border-box',
@@ -32,7 +33,7 @@ const stylesClickable = () => css({
     userSelect: 'none',
     WebkitTapHighlightColor: 'transparent',
 });
-const stylesVariantContained = (props) => css({
+const stylesVariantContainedColorNotDefault = (props) => css({
     label: 'contained',
     backgroundColor: `var(--pv-color-${props.color})`,
     color: 'var(--pv-color-white)',
@@ -53,7 +54,27 @@ const stylesVariantContained = (props) => css({
         backgroundColor: 'var(--pv-color-gray-4)',
     }),
 });
-const stylesVariantOutlined = (props) => css({
+const stylesVariantContainedColorDefault = (props) => css({
+    label: 'contained-default',
+    backgroundColor: 'var(--pv-color-gray-4)',
+    color: 'var(--pv-color-black)',
+    ...(typeof props.onClick === 'function' && !props.disabled && {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-7)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-6)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+        },
+    }),
+    ...(props.disabled && {
+        color: 'var(--pv-color-gray-8)',
+        backgroundColor: 'var(--pv-color-gray-4)',
+    }),
+});
+const stylesVariantOutlinedColorNotDefault = (props) => css({
     label: 'outlined',
     backgroundColor: 'transparent',
     color: `var(--pv-color-${props.color})`,
@@ -74,6 +95,27 @@ const stylesVariantOutlined = (props) => css({
         borderColor: 'var(--pv-color-gray-4)',
     }),
 });
+const stylesVariantOutlinedColorDefault = (props) => css({
+    label: 'outlined-default',
+    backgroundColor: 'transparent',
+    color: 'var(--pv-color-gray-10)',
+    borderColor: 'var(--pv-color-gray-6)',
+    ...(typeof props.onClick === 'function' && !props.disabled && {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-3)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-4)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+        },
+    }),
+    ...(props.disabled && {
+        color: 'var(--pv-color-gray-8)',
+        borderColor: 'var(--pv-color-gray-4)',
+    }),
+});
 const stylesDeleteAction = () => css({
     label: 'delete',
     width: '24px',
@@ -83,6 +125,7 @@ const stylesDeleteAction = () => css({
     margin: '0px calc(var(--pv-size-base) * -1) 0 var(--pv-size-base)',
     transition: 'opacity 200ms',
     opacity: '0.6',
+    flexShrink: 0,
     '&:hover': {
         opacity: '1',
     },
@@ -121,11 +164,17 @@ export const Chip = React.forwardRef((props, ref) => {
             [stylesBase()]: true,
             [stylesDisabled()]: disabled,
             [stylesClickable()]: clickable && !disabled,
-            [stylesVariantContained(props)]: variant !== 'outlined',
-            [stylesVariantOutlined(props)]: variant === 'outlined',
+            ...(color !== 'default' && {
+                [stylesVariantContainedColorNotDefault(props)]: variant === 'contained',
+                [stylesVariantOutlinedColorNotDefault(props)]: variant === 'outlined',
+            }),
+            ...(color === 'default' && {
+                [stylesVariantContainedColorDefault(props)]: variant === 'contained',
+                [stylesVariantOutlinedColorDefault(props)]: variant === 'outlined',
+            }),
             [className]: !!className,
         }) }),
-        React.createElement(Typography, { variant: "b3", component: "span", color: "inherit" }, children),
+        React.createElement(Typography, { variant: "b3", component: "span", color: "inherit", noWrap: true }, children),
         renderDeleteAction()));
 });
 Chip.displayName = 'Chip';

package/dist/esnext/Chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/Chip/chip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/Chip/chip.tsx"],"names":[],"mappings":"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"}

package/dist/esnext/Modal/modal.js

@@ -22,12 +22,12 @@ export const Modal = React.forwardRef((props, ref) => {
     if (!keepMounted && !open) {
         return null;
     }
-    const handleBackdropClick = () => {
+    const handleBackdropClick = (event) => {
         if (disableBackdropClick) {
             return;
         }
         if (onClose) {
-            onClose();
+            onClose(event);
         }
     };
     const handleKeyDown = (event) => {
@@ -39,7 +39,7 @@ export const Modal = React.forwardRef((props, ref) => {
         }
         event.stopPropagation();
         if (onClose) {
-            onClose();
+            onClose(event);
         }
     };
     return (React.createElement(Portal, null,

package/dist/esnext/Modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/Modal/modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/Modal/modal.tsx"],"names":[],"mappings":"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"}

package/dist/esnext/hooks/index.js

@@ -5,4 +5,6 @@ export { useControllableState } from './use_controllable';
 export { useId } from './use_id';
 export { useImage } from './use_image';
 export { useWindowEventListener } from './use_window_event_listener';
+export { useAutocomplete, } from './use_autocomplete';
+export { useEventCallback } from './use_event_callback';
 //# sourceMappingURL=index.js.map

package/dist/esnext/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAuB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAA6B,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAuB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAA6B,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EACL,eAAe,GAKhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}