6.0.23 • Published 3 days ago

pcln-autocomplete v6.0.23

Weekly downloads
90
License
MIT
Repository
-
Last release
3 days ago

pcln-autocomplete

Composable React autocomplete component built with Downshift

npm i pcln-autocomplete
import React from 'react'
import { Autocomplete } from 'pcln-autocomplete'
import { Icon, Text } from 'pcln-design-system'

export default props =>
  <Autocomplete
    match={(item, value) => item.includes(value)}
    onChange={item => {
      props.onChange(item)
    }}>
    <Autocomplete.Label>
      Location
    </Autocomplete.Label>
    <Autocomplete.Input />
    <Autocomplete.Menu>
      {props.locations.map(location => (
        <Autocomplete.Item
          key={location.name}
          item={location}>
          <Icon
            name='pin'
            mr={2}
            color='blue'
          />
          <Text fontSize={0}>
            {location.name}
          </Text>
        </Autocomplete.Item>
      ))
    </Autocomplete.Menu>
  </Autocomplete>

Components

All components can be imported by name and subcomponents are provided as static properties on the Autocomplete component.

Autocomplete

Wrapper for Downshift component with additional match prop.

PropTypeDescription
matchfunctionFilters direct children of the Menu component
itemToStringfunctionUsed to determine the string value for the selected item (shown in the input value)
onChangefunctionCalled when the user selects an item and the selected item has changed. Called with the item that was selected and the new state of downshift

For additional props, see the Downshift documentation.

Label

Design system Label component with additional default props provided by Downshift for accessibility.

Input

Design system Input component with additional default props provided by Downshift for accessibility.

Menu

Design system Card component with styles and default props to work with Downshift.

Item

Design system Flex component with styles and default props to work with Downshift.

Roadmap

  • Make autocomplete elements compatible with design system FormField
downshiftstyled-system
@infinitebrahmanuniverse/nolb-pc@everything-registry/sub-chunk-2420
6.0.24-heft-styled-components.2

3 days ago

6.0.23

4 days ago

6.0.23-heft-styled-components.1

7 days ago

6.0.23-dialog

11 days ago

6.0.22

22 days ago

6.0.21-heft-styled-components.0

23 days ago

6.0.21

25 days ago

6.0.20

30 days ago

6.0.19

1 month ago

6.0.19-alpha.1

1 month ago

6.0.19-alpha.0

1 month ago

6.0.18

2 months ago

6.0.17

2 months ago

6.0.16

2 months ago

6.0.15

2 months ago

6.0.14

2 months ago

6.0.14-6.7.2-beta-fix-carousel

2 months ago

6.0.13

2 months ago

6.0.12-dialog

2 months ago

6.0.12

2 months ago

6.0.12-ryan-dialog

2 months ago

6.0.12-alpha.1-loose-babel

2 months ago

6.0.12-alpha.2-loose-babel

2 months ago

6.0.12-alpha.0-no-minify

2 months ago

6.0.12-beta.0-loose-babel

2 months ago

6.0.12-beta.1-loose-babel

2 months ago

6.0.11

2 months ago

6.0.10

2 months ago

6.0.9

2 months ago

6.0.11-badgeCaption

2 months ago

6.0.10-gift-icon

2 months ago

6.0.8

2 months ago

6.0.7

3 months ago

6.0.6

3 months ago

6.0.4-beta.0

3 months ago

6.0.5

3 months ago

6.0.4

3 months ago

6.0.3

3 months ago

6.0.3-beta.0

4 months ago

6.0.1

4 months ago

6.0.2

4 months ago

6.0.1-beta.1

4 months ago

6.0.1-beta.0

4 months ago

6.0.0

4 months ago

5.3.36

4 months ago

6.0.0-beta.3

4 months ago

6.0.0-beta.4

4 months ago

6.0.0-beta.5

4 months ago

6.0.0-beta.2

4 months ago

6.0.0-beta.1

4 months ago

6.0.0-alpha.4

4 months ago

6.0.0-beta.0

4 months ago

6.0.0-alpha.3

5 months ago

5.3.35

5 months ago

5.3.34

5 months ago

6.0.0-alpha.1

5 months ago

6.0.0-alpha.2

5 months ago

5.4.0--alpha.0

5 months ago

5.3.33

5 months ago

5.3.28-dialog-zindx1

6 months ago

5.3.28-dialog-zindex2

6 months ago

5.3.21-beta.revert-zindex-0.0.1

7 months ago

5.3.32

5 months ago

5.3.31

6 months ago

5.3.30

6 months ago

5.3.29

6 months ago

5.3.28

6 months ago

5.3.27

6 months ago

5.3.26

6 months ago

5.3.25

6 months ago

5.3.24

6 months ago

5.3.23

6 months ago

5.3.22

7 months ago

5.3.21

7 months ago

5.3.27-beta-chat-message1

6 months ago

5.3.20-beta-remove-dialog.1

8 months ago

5.3.18-beta-remove-dialog.0

8 months ago

5.3.14-accordion-ladder-3

8 months ago

5.3.20

8 months ago

5.3.19

8 months ago

5.3.18

8 months ago

5.3.17

8 months ago

5.3.16

8 months ago

5.3.15

8 months ago

5.3.14

8 months ago

5.3.14--beta.1

8 months ago

5.3.8-choicechip-toplabel-2

9 months ago

5.1.9

12 months ago

5.3.9-vite.11

9 months ago

5.3.9-vite.12

9 months ago

5.3.9-vite.10

9 months ago

5.3.9-vite.13

9 months ago

5.2.0

11 months ago

5.3.9-vite.8

9 months ago

5.3.9-vite.9

9 months ago

5.3.9-vite.6

9 months ago

5.3.9-vite.7

9 months ago

5.3.9-vite.5

9 months ago

5.3.9-vite.2

9 months ago

5.3.9-vite.3

9 months ago

5.3.9-vite.0

9 months ago

5.3.9-vite.1

9 months ago

5.3.9

9 months ago

5.3.8

9 months ago

5.3.7

10 months ago

5.3.6

10 months ago

5.3.5

10 months ago

5.3.4

10 months ago

5.3.3

10 months ago

5.3.2

11 months ago

5.3.1

11 months ago

5.3.0

11 months ago

5.3.11-scv5-0.0.1

9 months ago

5.3.13

9 months ago

5.3.12

9 months ago

5.3.11

9 months ago

5.3.10

9 months ago

5.3.14-ryan-ladder-2

8 months ago

5.3.14-ryan-ladder-3

8 months ago

5.3.14-ryan-ladder-1

8 months ago

5.3.14-beta.0

8 months ago

5.3.14-5.20.0-beta.0

9 months ago

5.3.8-choicechip-toplabel

9 months ago

5.3.9-accordion-ladder-1

8 months ago

5.1.10

12 months ago

5.1.9--modern.1

1 year ago

5.1.9--modern.0

1 year ago

4.1.56

1 year ago

5.1.8

1 year ago

5.1.7

1 year ago

5.1.6

1 year ago

5.1.5

1 year ago

5.1.4

1 year ago

5.1.3

1 year ago

5.1.2

1 year ago

5.1.1

1 year ago

5.1.5--peer-cleanup.2

1 year ago

5.0.9

1 year ago

5.0.8

1 year ago

5.0.7

1 year ago

5.0.6

1 year ago

5.0.5

1 year ago

5.0.10

1 year ago

5.0.11

1 year ago

5.0.12

1 year ago

5.0.13

1 year ago

4.1.52

1 year ago

4.1.53

1 year ago

4.1.54

1 year ago

4.1.55

1 year ago

4.1.50

1 year ago

4.1.51

1 year ago

5.0.11-custom-breakpoints-fix.0

1 year ago

4.1.49-fix-checkbox-indeterminate-beta.0

1 year ago

4.1.44

1 year ago

4.1.49

1 year ago

4.1.45

1 year ago

4.1.46

1 year ago

4.1.47

1 year ago

4.1.48

1 year ago

5.1.0

1 year ago

5.0.8-framer-motion-fix.0

1 year ago

4.1.45-checkbox-ref-v4-beta.2

1 year ago

4.1.45-checkbox-ref-v4-beta.0

1 year ago

5.0.7-nm-beta.1

1 year ago

5.0.3-modal-bug.0

1 year ago

5.0.3-modal-bug.1

1 year ago

5.0.3-modal-bug.2

1 year ago

5.0.3-modal-bug.3

1 year ago

4.1.38

2 years ago

4.1.39

2 years ago

5.0.0-v5-rc.0

2 years ago

4.1.38-rh3

2 years ago

4.1.38-rh2

2 years ago

5.0.4

1 year ago

5.0.3

1 year ago

5.0.2

1 year ago

5.0.1

2 years ago

5.0.0

2 years ago

4.1.41

2 years ago

4.1.42

1 year ago

4.1.43

1 year ago

4.1.40

2 years ago

4.1.38-rh

2 years ago

4.1.36-cp-oom.4

2 years ago

4.1.36-cp-oom.3

2 years ago

4.1.34

2 years ago

4.1.35

2 years ago

4.1.36

2 years ago

4.1.37

2 years ago

5.0.0-v5-beta.13

2 years ago

5.0.0-v5-beta.14

2 years ago

5.0.0-v5-beta.11

2 years ago

5.0.0-v5-beta.12

2 years ago

5.0.0-v5-beta.10

2 years ago

5.0.0-v5-beta.19

2 years ago

5.0.0-v5-beta.17

2 years ago

5.0.0-v5-beta.18

2 years ago

5.0.0-v5-beta.15

2 years ago

5.0.0-v5-beta.16

2 years ago

5.0.0-v5-beta.20

2 years ago

5.0.0-v5-beta.21

2 years ago

5.0.0-v5-beta.3

2 years ago

5.0.0-v5-beta.2

2 years ago

5.0.0-v5-beta.1

2 years ago

5.0.0-v5-beta.0

2 years ago

5.0.0-v5-beta.9

2 years ago

5.0.0-v5-beta.8

2 years ago

5.0.0-v5-beta.7

2 years ago

5.0.0-v5-beta.6

2 years ago

5.0.0-v5-beta.5

2 years ago

5.0.0-v5-beta.4

2 years ago

4.1.36-cp-oom.2

2 years ago

4.1.36-cp-oom.0

2 years ago

4.1.36-cp-oom.1

2 years ago

4.1.30

2 years ago

4.1.31

2 years ago

4.1.32

2 years ago

4.1.33

2 years ago

4.1.30-test-cp.0

2 years ago

4.1.28

2 years ago

4.1.29

2 years ago

4.1.23

2 years ago

4.1.24

2 years ago

4.1.25

2 years ago

4.1.26

2 years ago

4.1.27-beta

2 years ago

4.1.33-beta

2 years ago

4.1.22-beta-toggle-name.0

2 years ago

4.1.20

2 years ago

4.1.21

2 years ago

4.1.22

2 years ago

4.1.15-beta-zindex.0

2 years ago

4.1.16-beta.theme-wrapper-1

2 years ago

4.1.16-beta.theme-wrapper-0

2 years ago

4.1.11-beta.1-text-style

2 years ago

4.1.10

2 years ago

4.1.11

2 years ago

4.1.11-beta.0-text-style

2 years ago

4.1.16

2 years ago

4.1.17

2 years ago

4.1.18

2 years ago

4.1.19

2 years ago

4.1.12

2 years ago

4.1.13

2 years ago

4.1.14

2 years ago

4.1.15

2 years ago

4.1.9

2 years ago

4.1.3-beta.3-ts-core

2 years ago

4.1.9-fix-stack-overflow-1

2 years ago

4.1.8

2 years ago

4.1.7

2 years ago

4.1.3-beta.1-ts-core

2 years ago

4.1.7-card-border-radius-0

2 years ago

4.1.0-beta.1

2 years ago

4.1.3-beta.4-ts-core

2 years ago

4.1.3-beta.2-ts-core

2 years ago

4.1.0-beta.4-cp

2 years ago

4.1.3-beta.0-ts-core

2 years ago

4.1.3-4.13.1-beta.5-ts-core

2 years ago

4.1.4

2 years ago

4.1.3

2 years ago

4.1.6

2 years ago

4.1.5

2 years ago

4.1.0

2 years ago

4.1.2

2 years ago

4.1.1

2 years ago

4.0.20

2 years ago

4.0.20-beta.0-cp

3 years ago

4.0.19

3 years ago

4.0.17

3 years ago

4.0.16

3 years ago

4.0.15

3 years ago

4.0.7

3 years ago

4.0.6

3 years ago

4.0.5

3 years ago

4.0.4

3 years ago

4.0.3

3 years ago

4.0.2

3 years ago

4.0.1

3 years ago

4.0.1-holiday-2020.1

3 years ago

4.0.1-holiday-2020.0

3 years ago

4.0.1-beta.0

3 years ago

4.0.0

3 years ago

4.0.0-beta.2

4 years ago

3.1.1-beta.2

4 years ago

3.1.1-beta.1

4 years ago

3.1.1-beta.0

4 years ago

4.0.0-beta.1

4 years ago

4.0.0-beta.0

4 years ago

3.1.0

4 years ago

3.0.0

4 years ago

3.0.0-rc.4

4 years ago

3.0.0-rc.3

4 years ago

3.0.0-rc.1

4 years ago

2.2.0-beta.1

5 years ago

2.1.0-0

5 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.4-betatest.1

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago