@peculiar/react-components 0.6.7 → 1.0.0

package/dist/types/Select/select.d.ts

@@ -1,76 +1,108 @@
-import * as React from 'react';
+import React from 'react';
+import { UseAutocompleteProps, UseAutocompleteReturnType, AutocompleteValue } from '../hooks';
 /**
  * Types.
  */
-declare type SelectOwnProps = {
-    options: {
-        value: string;
-        label: string;
-    }[];
+export declare type SelectRenderGroupParams = {
+    key: string | number;
+    group: string;
+    children?: React.ReactNode;
+};
+export declare type SelectOwnProps<T, Multiple extends boolean | undefined = undefined> = UseAutocompleteProps<T, Multiple> & {
     /**
-     * If `true`, the component is disabled.
+     * The className of the component.
      */
-    disabled?: boolean;
+    className?: string;
     /**
-     * The size of the select.
+     * The size of the root component.
      */
     size?: ('small' | 'medium' | 'large');
     /**
-     * The className of the component.
+     * The short hint displayed in the `input` before the user enters a value.
      */
-    className?: string;
+    placeholder?: string;
     /**
-     * Attributes applied to the `input` element.
+     * The label content.
      */
-    inputProps?: React.SelectHTMLAttributes<HTMLSelectElement>;
+    label?: string;
     /**
-     * The default value. Use when the component is not controlled.
+     * Text to display when there are no options.
      */
-    defaultValue?: string;
+    noOptionsText?: React.ReactNode;
     /**
-     * The id of the `input` element.
+     * If `true`, the component is in a loading state.
+     * This shows the `loadingText` in place of suggestions (only if there are no
+     * suggestions to show, e.g. `options` are empty).
      */
-    id?: string;
+    loading?: boolean;
     /**
-     * The label of the input. It is only used for layout.
+     * Text to display when in a loading state.
      */
-    label?: string;
+    loadingText?: React.ReactNode;
     /**
-     * The value of the `input` element, required for a controlled component.
+     * The maximum number of tags that will be visible when not focused.
      */
-    value?: string;
+    limitTags?: number;
     /**
-     * The short hint displayed in the `input` before the user enters a value.
+     * If `true`, the popup search input will be hidden.
      */
-    placeholder?: string;
+    disableSearch?: boolean;
     /**
-     * If `true`, the `input` element is required.
+     * If `true`, the autocomplete will be disabled.
      */
-    required?: boolean;
+    disabled?: boolean;
     /**
      * Name attribute of the `input` element.
      */
     name?: string;
     /**
-     * Pass a ref to the `input` element.
+     * If `true`, the `input` element is required.
      */
-    inputRef?: React.ForwardedRef<HTMLSelectElement>;
+    required?: boolean;
     /**
-     * If `true`, the `input` element is focused during the first mount.
+     * Text to display when in the create button element.
      */
-    autoFocus?: boolean;
+    createOptionText?: string;
+    /**
+     * If `true`, the create button element will be shown.
+     */
+    allowCreateOption?: boolean;
     /**
      * If `true`, the `input` will indicate an error.
      */
     error?: boolean;
     errorText?: string;
     /**
-     * Callback fired when the value is changed.
+     * Render the root element.
      */
-    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+    renderRoot?: (props: object, value: AutocompleteValue<T, Multiple>, getTagProps: UseAutocompleteReturnType<T, Multiple>['getTagProps']) => React.ReactNode;
+    /**
+     * Render the option, use `getOptionLabel` by default.
+     */
+    renderOption?: (props: object, option: T) => React.ReactNode;
+    /**
+     * The label to display when the tags are truncated (`limitTags`).
+     */
+    getLimitTagsText?: (more: number) => string;
+    /**
+     * Callback fired when the create button clicked.
+     */
+    onCreate?: (event: React.SyntheticEvent, value: string) => void;
 };
 /**
  *
  */
-export declare const Select: React.ForwardRefExoticComponent<SelectOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const Select: {
+    <T, Multiple extends boolean = false>(props: SelectOwnProps<T, Multiple>): JSX.Element;
+    defaultProps: {
+        disableSearch: boolean;
+        noOptionsText: string;
+        loading: boolean;
+        loadingText: string;
+        limitTags: number;
+        required: boolean;
+        allowCreateOption: boolean;
+        createOptionText: string;
+        size: string;
+    };
+};

package/dist/types/index.d.ts

@@ -20,9 +20,9 @@ export * from './Popper';
 export * from './Popover';
 export * from './Portal';
 export * from './Radio';
-export * from './Select';
+export * from './NativeSelect';
 export * from './Skeleton';
-export * from './Autocomplete';
+export * from './Select';
 export * from './Slide';
 export * from './Slider';
 export * from './Switch';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "0.6.7",
+  "version": "1.0.0",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -48,7 +48,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@peculiar/color": "^0.1.3",
+    "@peculiar/color": "^0.1.4",
     "@popperjs/core": "^2.11.7",
     "@types/flat": "^5.0.2",
     "@types/react-transition-group": "^4.4.5",
@@ -72,14 +72,14 @@
     "storybook": "7.6.7",
     "storybook-dark-mode": "^3.0.3",
     "typescript": "^4.6.3",
-    "vite": "^5.0.8"
+    "vite": "^5.4.8"
   },
   "publishConfig": {
     "access": "public"
   },
   "engines": {
-    "node": ">=12.x"
+    "node": ">=18.x"
   },
   "license": "MIT",
-  "gitHead": "3b5136cc8aec8d4a2bcb9b2a5928ffef5f5f4843"
+  "gitHead": "2e882c0617a638e346cdcafb92661521be58340e"
 }

package/dist/cjs/Autocomplete/autocomplete.js

@@ -1,269 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var hooks_1 = require("../hooks");
-var Popover_1 = require("../Popover");
-var TextField_1 = require("../TextField");
-var Typography_1 = require("../Typography");
-var Box_1 = require("../Box");
-var Chip_1 = require("../Chip");
-var Button_1 = require("../Button");
-var icons_1 = require("../icons");
-var MenuList_1 = require("../MenuList");
-/**
- *
- */
-/**
- * Styles.
- */
-var AutocompleteField = (0, styled_1.default)(Typography_1.Typography)(function (props) { return (__assign(__assign(__assign({ 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', 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)', position: 'relative' }, (props.size === 'small' && {
-    height: 'var(--pv-size-base-6)',
-})), (props.size === 'medium' && {
-    height: 'var(--pv-size-base-7)',
-})), (props.multiple === true && {
-    display: 'inline-flex',
-    alignItems: 'center',
-}))); }, function (props) {
-    var isDark = props.theme.mode === 'dark';
-    var color = isDark
-        ? 'var(--pv-color-white)'
-        : 'var(--pv-color-black)';
-    var borderColor = 'var(--pv-color-gray-8)';
-    var colorPlaceholder = 'var(--pv-color-gray-9)';
-    var borderColorHover = 'var(--pv-color-gray-7)';
-    var borderColorDisabled = 'var(--pv-color-gray-5)';
-    var colorDisabled = 'var(--pv-color-gray-7)';
-    var invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
-    var invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
-    var backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
-    var borderColorFocus = 'var(--pv-color-secondary-tint-3)';
-    if (isDark) {
-        borderColor = 'var(--pv-color-gray-5)';
-        colorPlaceholder = 'var(--pv-color-gray-6)';
-        borderColorHover = 'var(--pv-color-gray-4)';
-        borderColorDisabled = 'var(--pv-color-gray-4)';
-        colorDisabled = 'var(--pv-color-gray-4)';
-        invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
-        invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
-        backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
-        borderColorFocus = 'var(--pv-color-secondary-shade-1)';
-    }
-    return ({
-        borderColor: borderColor,
-        '&:hover': {
-            backgroundColor: 'var(--pv-color-gray-3)',
-            borderColor: borderColorHover,
-        },
-        '&:disabled': {
-            cursor: 'not-allowed',
-            backgroundColor: 'var(--pv-color-gray-1)',
-            borderColor: borderColorDisabled,
-            color: colorDisabled,
-        },
-        '&:not(:disabled)': {
-            color: color,
-            '&[aria-placeholder]': {
-                color: colorPlaceholder,
-            },
-            '&[aria-invalid]': {
-                backgroundColor: invalidBackgroundColor,
-                borderColor: invalidBorderColor,
-            },
-            '&:focus-visible': {
-                backgroundColor: backgroundColorFocus,
-                borderColor: borderColorFocus,
-            },
-        },
-    });
-});
-var AutocompleteArrowIcon = (0, styled_1.default)(icons_1.ArrowDropDownIcon)({
-    position: 'absolute',
-    right: '0px',
-    top: 'calc(50% - 12px)',
-    margin: '0px var(--pv-size-base)',
-    color: 'var(--pv-color-gray-10)',
-    '&[aria-disabled="true"]': {
-        color: 'inherit',
-    },
-});
-var AutocompleteNativeInput = (0, styled_1.default)('input')({
-    bottom: 0,
-    left: 0,
-    height: '100%',
-    position: 'absolute',
-    opacity: 0,
-    pointerEvents: 'none',
-    width: '100%',
-    boxSizing: 'border-box',
-});
-var AutocompleteDropdownStateItem = (0, styled_1.default)('div')({
-    padding: 'var(--pv-size-base-3) var(--pv-size-base-2)',
-});
-var AutocompleteDropdownList = (0, styled_1.default)('ul')({
-    maxHeight: '36vh',
-    overflowY: 'auto',
-    margin: 0,
-    listStyleType: 'none',
-    position: 'relative',
-    padding: '10px 0',
-});
-var AutocompleteDropdownGroupName = (0, styled_1.default)(Typography_1.Typography)(function (props) { return ({
-    padding: 'var(--pv-size-base-2)',
-    color: props.theme.mode === 'dark'
-        ? 'var(--pv-color-gray-6)'
-        : 'var(--pv-color-gray-9)',
-}); });
-var AutocompleteDropdownGroupList = (0, styled_1.default)('ul')({
-    padding: 0,
-    listStyleType: 'none',
-});
-var AutocompleteDropdownGroupListItem = (0, styled_1.default)(MenuList_1.MenuItem)(function (props) { return (__assign({}, (props.inGroup && {
-    padding: '0px var(--pv-size-base-2) 0 var(--pv-size-base-3)',
-}))); });
-var AutocompletePopover = (0, styled_1.default)(Popover_1.Popover)({
-    minWidth: 240,
-});
-var AutocompleteTagsList = (0, styled_1.default)('div')({
-    overflow: 'hidden',
-    width: '100%',
-});
-var AutocompleteTag = (0, styled_1.default)(Chip_1.Chip)(function (props) { return (__assign(__assign(__assign({ label: 'Autocomplete-tag', borderRadius: '3px', margin: '0 var(--pv-size-base) 0 0' }, (props.tagsLength === 1 && {
-    maxWidth: 'calc(100% - var(--pv-size-base))',
-})), (props.tagsLength > 1 && props.limitTags && {
-    maxWidth: "calc(".concat(100 / props.limitTags, "% - var(--pv-size-base))"),
-})), (props.size === 'small' && {
-    height: 'var(--pv-size-base-5)',
-}))); });
-var AutocompleteTagSize = (0, styled_1.default)(Typography_1.Typography)({
-    margin: '0 var(--pv-size-base-2)',
-});
-var AutocompleteSearchInput = (0, styled_1.default)(TextField_1.TextField)({
-    padding: 'var(--pv-size-base-3) var(--pv-size-base-3) var(--pv-size-base-2)',
-});
-var AutocompleteCreateNewButton = (0, styled_1.default)(Button_1.Button)({
-    width: '100%',
-    borderRadius: 0,
-    justifyContent: 'left',
-    padding: '0px var(--pv-size-base-2)',
-});
-var AutocompleteError = (0, styled_1.default)(Typography_1.Typography)({
-    marginTop: '2px',
-});
-var AutocompleteLabel = (0, styled_1.default)('label')({
-    label: 'TextField-label',
-    marginBottom: '2px',
-    display: 'inline-block',
-});
-/**
- *
- */
-var Autocomplete = function (props) {
-    var className = props.className, size = props.size, placeholder = props.placeholder, label = props.label, disableSearch = props.disableSearch, _a = props.disabled, disabled = _a === void 0 ? false : _a, noOptionsText = props.noOptionsText, loading = props.loading, loadingText = props.loadingText, _b = props.limitTags, limitTags = _b === void 0 ? 2 : _b, name = props.name, required = props.required, _c = props.multiple, multiple = _c === void 0 ? false : _c, readOnly = props.readOnly, createOptionText = props.createOptionText, allowCreateOption = props.allowCreateOption, error = props.error, errorText = props.errorText, renderRootProp = props.renderRoot, renderOptionProp = props.renderOption, _d = props.getLimitTagsText, getLimitTagsText = _d === void 0 ? function (more) { return "".concat(more, " more"); } : _d, groupBy = props.groupBy, onCreate = props.onCreate;
-    var _e = (0, hooks_1.useAutocomplete)(props), id = _e.id, value = _e.value, searchValue = _e.searchValue, groupedOptions = _e.groupedOptions, getRootProps = _e.getRootProps, getInputLabelProps = _e.getInputLabelProps, getInputProps = _e.getInputProps, getListboxProps = _e.getListboxProps, getOptionProps = _e.getOptionProps, getPopoverProps = _e.getPopoverProps, getTagProps = _e.getTagProps, getOptionLabel = _e.getOptionLabel;
-    var _f = getInputProps(), onChange = _f.onChange, otherInputProps = __rest(_f, ["onChange"]);
-    var popoverProps = getPopoverProps();
-    var handleCreate = function (event) {
-        if (onCreate) {
-            onCreate(event, searchValue);
-        }
-        popoverProps.onClose(event);
-    };
-    var defaultRenderOption = function (propsOption, option) { return (react_1.default.createElement(AutocompleteDropdownGroupListItem, __assign({}, propsOption, { inGroup: Boolean(groupBy) }), getOptionLabel(option))); };
-    var renderGroup = function (params) { return (react_1.default.createElement("li", { key: params.key },
-        react_1.default.createElement(AutocompleteDropdownGroupName, { variant: "c1", color: "gray-10" }, params.group),
-        react_1.default.createElement(AutocompleteDropdownGroupList, null, params.children))); };
-    var renderValue = function () {
-        if (!value || (Array.isArray(value) && value.length === 0)) {
-            return null;
-        }
-        if (Array.isArray(value)) {
-            var more = (value.length > limitTags) ? (value.length - limitTags) : 0;
-            var valueLimits = more > 0 ? value.slice(0, limitTags) : value;
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(AutocompleteTagsList, null, valueLimits.map(function (v, index) { return (react_1.default.createElement(AutocompleteTag, __assign({}, getTagProps(v, index), { color: "secondary", variant: "contained", size: size, limitTags: limitTags, tagsLength: value.length }), getOptionLabel(v))); })),
-                !!more && (react_1.default.createElement(AutocompleteTagSize, { variant: "c2", color: "gray-9" }, getLimitTagsText(more)))));
-        }
-        return getOptionLabel(value);
-    };
-    var renderedValue = renderValue();
-    var isValueEmpty = renderedValue === null;
-    var defaultRenderRoot = function (propsRoot, valueRoot) { return (react_1.default.createElement(AutocompleteField, __assign({}, propsRoot, { noWrap: true, 
-        // @ts-ignore
-        component: "button", type: "button", variant: size === 'small' ? 'c1' : 'b3', "aria-invalid": error || undefined, "aria-placeholder": isValueEmpty || undefined, multiple: multiple, size: size }),
-        isValueEmpty ? placeholder : renderedValue,
-        react_1.default.createElement(AutocompleteArrowIcon, { "aria-disabled": disabled, "aria-hidden": true }),
-        react_1.default.createElement(AutocompleteNativeInput, { type: "text", value: isValueEmpty ? '' : JSON.stringify(valueRoot), tabIndex: -1, "aria-hidden": "true", disabled: disabled, autoComplete: "off", id: id, name: name, required: required, readOnly: readOnly, onChange: function () { } }))); };
-    var renderOption = renderOptionProp || defaultRenderOption;
-    var renderRoot = renderRootProp || defaultRenderRoot;
-    var renderListOption = function (option, index) {
-        var optionProps = getOptionProps(option, index);
-        return renderOption(optionProps, option);
-    };
-    return (react_1.default.createElement("div", { className: className },
-        label && (react_1.default.createElement(AutocompleteLabel, __assign({}, getInputLabelProps()),
-            react_1.default.createElement(Typography_1.Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
-        renderRoot(__assign(__assign({}, getRootProps()), { disabled: disabled }), value, getTagProps),
-        error && errorText && (react_1.default.createElement(AutocompleteError, { variant: "c2", color: "wrong" }, errorText)),
-        react_1.default.createElement(AutocompletePopover, __assign({ placement: "bottom-start", allowUseSameWidth: true }, popoverProps),
-            !disableSearch && (react_1.default.createElement(Box_1.Box, { borderColor: "gray-3", borderPosition: "bottom", borderStyle: "solid", borderWidth: 1 },
-                react_1.default.createElement(AutocompleteSearchInput, { id: otherInputProps.id, inputProps: otherInputProps, onChange: onChange, placeholder: "Search", disabled: loading }))),
-            loading && groupedOptions.length === 0 && (react_1.default.createElement(AutocompleteDropdownStateItem, null, typeof loadingText === 'string' ? (react_1.default.createElement(Typography_1.Typography, { variant: "b2", color: "gray-10" }, loadingText)) : loadingText)),
-            groupedOptions.length === 0 && !loading && (react_1.default.createElement(AutocompleteDropdownStateItem, null, typeof noOptionsText === 'string' ? (react_1.default.createElement(Typography_1.Typography, { variant: "b2", color: "gray-10" }, noOptionsText)) : noOptionsText)),
-            groupedOptions.length > 0 && (react_1.default.createElement(AutocompleteDropdownList, __assign({}, getListboxProps()), groupedOptions
-                // @ts-ignore
-                .map(function (option, index) {
-                // @ts-ignore
-                if (groupBy && 'options' in option) {
-                    return renderGroup({
-                        key: option.key,
-                        group: option.group,
-                        // @ts-ignore
-                        children: option.options.map(function (option2, index2) { return (renderListOption(option2, option.index + index2)); }),
-                    });
-                }
-                return renderListOption(option, index);
-            }))),
-            (allowCreateOption && searchValue.length > 0 && !loading) && (react_1.default.createElement(Box_1.Box, { borderColor: "gray-3", borderPosition: "top", borderStyle: "solid", borderWidth: 1 },
-                react_1.default.createElement(AutocompleteCreateNewButton, { color: "secondary", textVariant: "b3", onClick: handleCreate, startIcon: react_1.default.createElement(icons_1.PlusIcon, null) }, createOptionText.replace('{{value}}', searchValue)))))));
-};
-exports.Autocomplete = Autocomplete;
-// @ts-ignore
-exports.Autocomplete.defaultProps = {
-    disableSearch: false,
-    noOptionsText: 'No options',
-    loading: false,
-    loadingText: 'Loading...',
-    limitTags: 2,
-    required: false,
-    allowCreateOption: false,
-    createOptionText: 'Create "{{value}}"',
-    size: 'medium',
-};
-//# sourceMappingURL=autocomplete.js.map

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

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

package/dist/cjs/Autocomplete/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
-var autocomplete_1 = require("./autocomplete");
-Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return autocomplete_1.Autocomplete; } });
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Autocomplete/index.ts"],"names":[],"mappings":";;;AAAA,+CAA8C;AAArC,4GAAA,YAAY,OAAA"}