0.110.3 • Published 9 months ago

@nyaruka/temba-components v0.110.3

Weekly downloads
436
License
AGPL-3.0-only
Repository
github
Last release
9 months ago

temba-components is a suite of ui widgets used by various RapidPro projects.

Some of the components:

  • <temba-select/> Advanced select widget with support for remote fetching and filtering. Also supports multi selection with the ability to enter expressions.

  • <temba-completion/> Completion widget for completing RP-style expressions

  • <temba-textinput/> - Standard text field with baked in support for date picking
  • <temba-charcount/> - SMS segment counter attachable to elements for monitoring
  • <temba-store/> - In page cache for RP core data types
  • <temba-options/> - Generic option list with configurable rendering, remote list paging, and keyboard support. Used by temba-select, temba-completion, and temba-list
  • <temba-list/> - Block rendered option list
  • <temba-dialog/> - Basic modal
  • <temba-modax/> - Fancier modal that fetches and submits html rendered forms and is triggered by a slot element
  • .. and many more

Install

We use yarn, so you'll want to install with that if you care about our lock file.

% yarn install

Demo

To view the interactive demo, use start.

% yarn start

Testing

All tests live under /test. When running tests, some tests capture screenshots for pixel comparision under /screenshots. Running tests requires that you have Chromium installed.

% yarn test

Usage

Simply include the built file as a module and you should be off to the races!

<html>
  <head>
    <script type="module">
      import '../out-tsc/temba-components.js';
    </script>
  </head>
  <body>
    <temba-select name="color">
      <temba-option name="Red" value="r"></temba-option>
      <temba-option name="Green" value="g"></temba-option>
      <temba-option name="Blue" value="b"></temba-option>
    </temba-select>
  </body>
</html>

To interactively work with components whilst embedded in another project, it can easily be done with a couple nginx rules.

  location ~ /out-tsc/(.*) {
      proxy_pass http://localhost:3010/out-tsc/$1;
  }

  location ~ /node_modules/(.*) {
      proxy_pass http://localhost:3010/node_modules/$1;
  }
0.110.0

9 months ago

0.110.1

9 months ago

0.110.2

9 months ago

0.110.3

9 months ago

0.109.1

9 months ago

0.109.0

9 months ago

0.108.7

9 months ago

0.108.0

10 months ago

0.108.1

10 months ago

0.108.2

10 months ago

0.108.3

10 months ago

0.108.4

9 months ago

0.108.5

9 months ago

0.108.6

9 months ago

0.107.1

10 months ago

0.107.0

10 months ago

0.106.0

10 months ago

0.105.0

10 months ago

0.105.1

10 months ago

0.93.2

1 year ago

0.93.3

1 year ago

0.93.0

1 year ago

0.93.1

1 year ago

0.102.1

12 months ago

0.102.2

12 months ago

0.102.0

12 months ago

0.94.5

1 year ago

0.94.1

1 year ago

0.94.2

1 year ago

0.94.3

1 year ago

0.94.4

1 year ago

0.94.0

1 year ago

0.101.0

12 months ago

0.99.0

12 months ago

0.91.4

1 year ago

0.91.5

1 year ago

0.91.6

1 year ago

0.91.1

1 year ago

0.91.2

1 year ago

0.91.3

1 year ago

0.104.0

11 months ago

0.104.1

11 months ago

0.92.0

1 year ago

0.103.0

11 months ago

0.89.0

1 year ago

0.97.0

1 year ago

0.90.0

1 year ago

0.98.0

1 year ago

0.95.0

1 year ago

0.100.0

12 months ago

0.96.0

1 year ago

0.88.0

1 year ago

0.87.0

1 year ago

0.86.1

1 year ago

0.86.0

1 year ago

0.85.0

1 year ago

0.84.0

1 year ago

0.83.0

1 year ago

0.82.0

1 year ago

0.81.0

1 year ago

0.80.0

1 year ago

0.80.1

1 year ago

0.78.2

1 year ago

0.78.1

1 year ago

0.78.0

1 year ago

0.77.0

1 year ago

0.76.0

1 year ago

0.75.3

1 year ago

0.74.0

1 year ago

0.75.1

1 year ago

0.75.0

1 year ago

0.73.0

1 year ago

0.72.1

1 year ago

0.72.0

1 year ago

0.71.4

1 year ago

0.71.3

1 year ago

0.71.2

1 year ago

0.71.1

1 year ago

0.71.0

1 year ago

0.70.0

1 year ago

0.68.0

1 year ago

0.67.4

1 year ago

0.67.3

2 years ago

0.67.2

2 years ago

0.67.1

2 years ago

0.67.0

2 years ago

0.66.1

2 years ago

0.66.0

2 years ago

0.65.1

2 years ago

0.65.0

2 years ago

0.56.1

2 years ago

0.56.0

2 years ago

0.64.1

2 years ago

0.64.0

2 years ago

0.62.1

2 years ago

0.62.0

2 years ago

0.62.3

2 years ago

0.62.2

2 years ago

0.59.0

2 years ago

0.63.3

2 years ago

0.63.0

2 years ago

0.63.2

2 years ago

0.63.1

2 years ago

0.60.1

2 years ago

0.60.0

2 years ago

0.57.0

2 years ago

0.57.1

2 years ago

0.61.1

2 years ago

0.61.0

2 years ago

0.58.1

2 years ago

0.58.0

2 years ago

0.58.8

2 years ago

0.58.5

2 years ago

0.55.0

2 years ago

0.53.4

2 years ago

0.53.2

2 years ago

0.53.3

2 years ago

0.53.0

2 years ago

0.53.1

2 years ago

0.54.1

2 years ago

0.54.2

2 years ago

0.54.0

2 years ago

0.51.1

2 years ago

0.52.1

2 years ago

0.52.2

2 years ago

0.52.0

2 years ago

0.49.2

2 years ago

0.49.3

2 years ago

0.49.4

2 years ago

0.50.3

2 years ago

0.50.1

2 years ago

0.50.2

2 years ago

0.50.0

2 years ago

0.43.0

2 years ago

0.44.0

2 years ago

0.45.0

2 years ago

0.42.0

2 years ago

0.42.1

2 years ago

0.43.7

2 years ago

0.43.8

2 years ago

0.43.5

2 years ago

0.43.6

2 years ago

0.43.3

2 years ago

0.43.4

2 years ago

0.43.1

2 years ago

0.43.2

2 years ago

0.48.2

2 years ago

0.48.3

2 years ago

0.48.0

2 years ago

0.48.1

2 years ago

0.48.6

2 years ago

0.48.7

2 years ago

0.48.4

2 years ago

0.48.5

2 years ago

0.49.1

2 years ago

0.41.7

2 years ago

0.49.0

2 years ago

0.46.0

2 years ago

0.47.1

2 years ago

0.47.2

2 years ago

0.47.0

2 years ago

0.40.2

2 years ago

0.40.0

2 years ago

0.41.5

2 years ago

0.41.6

2 years ago

0.41.3

2 years ago

0.41.4

2 years ago

0.41.1

2 years ago

0.41.2

2 years ago

0.41.0

2 years ago

0.39.1

2 years ago

0.39.0

2 years ago

0.36.1

3 years ago

0.37.1

2 years ago

0.37.0

3 years ago

0.38.0

2 years ago

0.35.3

3 years ago

0.35.2

3 years ago

0.35.1

3 years ago

0.35.0

3 years ago

0.33.5

3 years ago

0.33.4

3 years ago

0.33.3

3 years ago

0.33.2

3 years ago

0.33.1

3 years ago

0.33.0

3 years ago

0.34.0

3 years ago

0.32.4

3 years ago

0.32.3

3 years ago

0.32.2

3 years ago

0.32.1

3 years ago

0.32.0

3 years ago

0.30.0

3 years ago

0.31.9

3 years ago

0.31.8

3 years ago

0.31.7

3 years ago

0.31.6

3 years ago

0.31.5

3 years ago

0.31.4

3 years ago

0.31.3

3 years ago

0.31.2

3 years ago

0.31.1

3 years ago

0.31.0

3 years ago

0.29.0

3 years ago

0.29.3

3 years ago

0.29.1

3 years ago

0.27.2

3 years ago

0.26.11

3 years ago

0.27.1

3 years ago

0.27.0

3 years ago

0.26.10

3 years ago

0.28.1

3 years ago

0.28.0

3 years ago

0.28.3

3 years ago

0.28.2

3 years ago

0.26.9

3 years ago

0.26.8

3 years ago

0.26.3

3 years ago

0.26.2

3 years ago

0.26.1

3 years ago

0.26.7

3 years ago

0.26.6

3 years ago

0.26.5

3 years ago

0.26.4

3 years ago

0.26.0

3 years ago

0.25.2

3 years ago

0.25.1

3 years ago

0.25.0

3 years ago

0.24.1

3 years ago

0.24.0

3 years ago

0.22.0

4 years ago

0.23.0

4 years ago

0.21.0

4 years ago

0.20.0

4 years ago

0.19.0

4 years ago

0.18.1

4 years ago

0.18.0

4 years ago

0.17.0

4 years ago

0.16.2

4 years ago

0.16.0

4 years ago

0.16.1

4 years ago

0.15.4

4 years ago

0.15.3

4 years ago

0.15.1

4 years ago

0.15.2

4 years ago

0.15.0

4 years ago

0.14.5

4 years ago

0.14.4

4 years ago

0.14.3

4 years ago

0.14.2

4 years ago

0.14.0

4 years ago

0.14.1

4 years ago

0.13.3

4 years ago

0.13.2

4 years ago

0.13.1

4 years ago

0.13.0

4 years ago

0.12.1

4 years ago

0.12.0

4 years ago

0.11.16

4 years ago

0.11.17

4 years ago

0.11.15

4 years ago

0.11.13

4 years ago

0.11.14

4 years ago

0.11.8

4 years ago

0.11.9

4 years ago

0.11.0

4 years ago

0.11.1

4 years ago

0.11.2

4 years ago

0.11.3

4 years ago

0.11.4

4 years ago

0.11.5

4 years ago

0.11.6

4 years ago

0.11.7

4 years ago

0.10.3

4 years ago

0.11.10

4 years ago

0.11.11

4 years ago

0.10.2

4 years ago

0.10.1

4 years ago

0.9.0

4 years ago

0.8.15

4 years ago

0.8.14

4 years ago

0.8.13

4 years ago

0.8.12

4 years ago

0.8.11

5 years ago

0.8.10

5 years ago

0.8.8

5 years ago

0.8.7

5 years ago

0.8.6

5 years ago

0.8.5

5 years ago

0.8.4

5 years ago

0.8.3

5 years ago

0.8.2

5 years ago

0.8.1

5 years ago

0.8.0

5 years ago

0.7.2

5 years ago

0.7.1

5 years ago

0.7.0

5 years ago

0.6.1

5 years ago

0.6.0

5 years ago

0.5.0

5 years ago

0.4.1

5 years ago

0.4.0

5 years ago

0.3.9

5 years ago

0.3.8

5 years ago

0.3.7

5 years ago

0.3.6

5 years ago

0.3.5

5 years ago

0.3.4

5 years ago

0.3.3

5 years ago

0.3.2

5 years ago

0.3.0

5 years ago

0.3.1

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.8

5 years ago

0.1.7

5 years ago

0.1.6

5 years ago

0.1.5

5 years ago

0.1.4

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago

0.0.17

5 years ago

0.0.19

5 years ago

0.0.16

5 years ago

0.0.15

5 years ago

0.0.14

5 years ago