@testlio/panthera NPM

UI Components

With Testlio 3.0 we developed a scalable design system called Panthera. The name Panthera came from the Lion theme at Testlio. Lion has a scientific name “Panthera leo” and it belongs to a group of cats called Panthera which is a genus within the family of Felidae. It aligns well as a Design System is the single source of truth which groups all the elements that will allow the teams to design, realize and develop a product.

Usage

To use the library in your application, npm install @testlio/panthera. Import components with eg. import { Button, Card } from '@testlio/panthera'; Import component-specific types with import { TTableSortDirection } from 'panthera/primitives/Table';

Local development

Develop locally by running styleguide. There are two options:

directly from this repo folder with npm run styleguide
dockerized, running docker-compose up -d panthera in Compose folder. Styleguidist is served on port 6060 -> http://local.testlio:6060/.

Embedding local changes into an app without publishing

1) make sure you've ran npm install @testlio/panthera on the receiving end 2) run npm pack in Panthera 3) unzip the tarball in the receiving app, in the node_modules/@testlio/panthera folder 4) replace the contents of node_modules/@testlio/panthera folder with the contents of the new package folder 5) important! make sure you don't delete the node_modules folder in the folder mentioned above

Publishing a new version

1) making sure you're on a clean branch (all changes committed) 2) making sure that package build works by running npm pack 3) running npm version patch | minor | major, depending on the scope of changes since the last publish (bugfixes | new features | breaking changes). npm version prerelease --preid=YOUR_FEATURE_HERE if you'd like to publish a package for testing in staging. 4) push package.json change and tags with git push --follow-tags 5) check CircleCI and approve the approve publish npm package task once available

Deprecation

If the component needs to be deprecated please do the following: 1) Mark component as deprecated with a special notation

/**
 * @deprecated Please use NewComponentName component instead.
 */
 const ComponentName = () => {
   ...
 }

2) Please updated the Readme of the deprecated component with a note:

***Component is deprecated, please use [NewComponentName](#newcomponentname) component instead!***

1.165.1-1.165.0.0

4 months ago

1.165.0

4 months ago

1.163.21

5 months ago

1.163.22-newstatictableExcludeDisabledRows.0

5 months ago

1.163.22-newstatictableExcludeDisabledRows.1

5 months ago

1.163.20

5 months ago

1.163.19

6 months ago

1.163.19-left-footer-for-new-modal.0

6 months ago

1.163.20-customDisableButtonToNewStaticComponent.2

5 months ago

1.163.18

6 months ago

1.163.18-overlapping-modal-title-and-fixed-lint-issue.0

6 months ago

1.163.17

6 months ago

1.163.16

6 months ago

1.163.15-new-on-add-file-failed-callback.2

6 months ago

1.163.15-new-on-add-file-failed-callback.0

6 months ago

1.163.14

7 months ago

1.163.14-event-argument-for-input-on-blur.0

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

9 months ago

1.163.1-blue-exporting-file-chip-component.0

9 months ago

1.163.0

1 year ago

1.162.4

1 year ago

1.162.4-extend-popover.1

1 year ago

1.162.3

1 year ago

1.162.2-BLUE-8910.0

1 year ago

1.162.1

1 year ago

1.162.1-typography-types-improvements.0

1 year ago

1.162.2-allow-new-lines-in-markdown.0

1 year ago

1.162.0

1 year ago

1.161.1-allowing-new-line-on-shift-enter-text-field.2

1 year ago

1.161.1-allowing-new-line-on-shift-enter-text-field.1

1 year ago

1.161.1-allowing-new-line-on-shift-enter-text-field.0

1 year ago

1.161.0

2 years ago

1.160.0

2 years ago

1.159.0

2 years ago

1.158.1-file-filter.1

2 years ago

1.158.1-dependency-resolve.1

2 years ago

1.158.1-dependency-resolve.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1.150.7-BLUE-7788-fix-0.0

2 years ago

1.150.6

2 years ago

1.150.6-BLUE-7789-fix-1.0

2 years ago

1.150.6-BLUE-7789.0

2 years ago

1.150.5

2 years ago

1.150.5-ai-icon-fix.1

2 years ago

1.150.5-ai-icon-fix.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1.146.7-add-yaxis-label-RechartsTable.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1.145.7-closableDateRange.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1.145.1-range-picker-limit-range-rep-105.0

2 years ago

1.145.0

2 years ago

1.144.5

2 years ago

1.144.4-display-subcharts.4

2 years ago

1.144.4

2 years ago

1.144.4-RED-1937.0

2 years ago

1.144.4-display-subcharts.3

2 years ago

1.144.4-display-subcharts.2

2 years ago

1.144.4-display-subcharts.1

2 years ago

1.144.4-display-subcharts.0

2 years ago

1.144.3

2 years ago

1.144.3-month-picker-close.0

3 years ago

1.144.2

3 years ago

1.144.2-GREEN-977.0

3 years ago

1.144.2-set-month-picker-min-width-rep-48.0

3 years ago

1.144.1

3 years ago

1.143.1-data-test-id-rep-54.2

3 years ago

1.143.1-data-test-id-rep-54.1

3 years ago

1.143.0

3 years ago

1.142.3-month-picker-rep-43.2

3 years ago

1.142.3-month-picker-rep-43.1

3 years ago

1.142.3-month-picker-rep-43.0

3 years ago

1.142.2

3 years ago

1.142.0

3 years ago

1.141.4-clock-x-icon-rep-24.1

3 years ago

1.141.4-clock-x-icon-rep-24.0

3 years ago

1.141.3

3 years ago

1.141.2

3 years ago

1.141.2-rep-25-fix-recharts-extra-charts.1

3 years ago

1.141.2-GREEN-707.0

3 years ago

1.141.1

3 years ago

1.141.0

3 years ago

1.140.5-recharts-rep-20.2

3 years ago

1.140.5-recharts-rep-20.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

1.139.4-react-17-support.1

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

1.138.1-PasteIntoInputFromClipboard1.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

1.135.1-no-screenshots-GREEN-359.0

3 years ago

1.135.0

3 years ago

1.134.1-file-upload-progress-green-796.0

3 years ago

1.131.1-file-upload-progress-green-796.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

1.129.1-NewTableRowSelectionModifications5.0

3 years ago

1.129.1-NewTableRowSelectionModifications4.0

3 years ago

1.129.1-NewTableRowSelectionModifications3.0

3 years ago

1.129.1-NewTableRowSelectionModifications2.0

3 years ago

1.129.1-NewTableRowSelectionModifications1.0

3 years ago

1.129.1-1.130.0-RED-1296.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

1.116.1-node16upgrade.0

3 years ago

1.116.0

3 years ago

1.115.0

3 years ago

1.113.1-UpdateBadgeShadesDefaultTextColor.0

3 years ago

1.113.1-UpdateBadgeShadesDefault.0

3 years ago

1.113.1-UpdateBadgeShades.0

3 years ago

1.113.1-UpdateBadgeColors.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

1.112.2-1.112.2-green-279.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

1.109.5-GREEN-313.3.0

3 years ago

1.109.5-GREEN-313.2.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

1.109.4-dropdownFooterRED300.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.105.1-BLUE-5298-3.0

4 years ago

1.105.1-BLUE-5298-2.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.98.2-input-errors-fix.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.97.5-new-tooltip-fix.1

4 years ago

1.97.6-BLUE-4730.0

4 years ago

1.97.5-new-tooltip-fix.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.97.2-demo-version-0.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.83.1-dd-clickoutside.0

4 years ago

1.83.1-BLUE-4817.3

4 years ago

1.83.1-BLUE-4817.2

4 years ago

1.83.0

4 years ago

1.79.1-dd-highlights.2

4 years ago

1.82.1

4 years ago

1.79.1-dd-highlights.1

4 years ago

1.81.0

4 years ago

1.79.1-dd-highlights.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.65.1-rating-charts.0

4 years ago

1.65.0

4 years ago

1.61.1-BLUE-4559-2.0

4 years ago

1.64.4

4 years ago

1.64.4-accept-mouse-event-in-on-click.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.44.1-radiodropdown.0

4 years ago

1.43.1-radiodropdown.1

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.27.1-EventListScroll.5

4 years ago

1.27.1-EventListScroll.4

4 years ago

1.27.1-EventListScroll.3

4 years ago

1.27.1-EventListScroll.2

4 years ago

1.27.1-EventListScroll.1

4 years ago

1.27.1-ProfilerChartZoom.2

4 years ago

1.27.1-ProfilerChartZoom.1

4 years ago

1.25.1-ProfilerChartZoom.0

4 years ago

1.27.0

4 years ago

1.25.0

5 years ago

1.23.5-ProfilerChart.9

5 years ago

1.23.5-ProfilerChart.8

5 years ago

1.23.5-ProfilerChart.7

5 years ago

1.23.5-ProfilerChart.6

5 years ago

1.23.5-ProfilerChart.5

5 years ago

1.23.5-ProfilerChart.4

5 years ago

1.23.5-ProfilerChart.3

5 years ago

1.23.5-ProfilerChart.2

5 years ago

1.24.0

5 years ago

1.23.6-qrCodeComponentImplementation.0

5 years ago

1.23.5

5 years ago

1.23.5-ProfilerChart.0

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

1.21.1-RadioGroupRadioClassName5.0

5 years ago

1.21.1-RadioGroupRadioClassName4.0

5 years ago

1.22.0

5 years ago

1.21.1-RadioGroupRadioClassName3.0

5 years ago

1.21.1-RadioGroupRadioClassName2.0

5 years ago

1.21.1-RadioGroupRadioClassName1.0

5 years ago

1.21.0

5 years ago

1.20.1-RechartsPackage1.0

5 years ago

1.20.1-LinearGraph1.0

5 years ago

1.20.1-ProfilerCharts1.0

5 years ago

1.20.1-LineChartComponent2.0

5 years ago

1.20.1-LineChartComponent1.0

5 years ago

1.20.1-CustomRadioClassForRadioGroup2.0

5 years ago

1.20.1-CustomRadioClassForRadioGroup1.0

5 years ago

1.20.0

5 years ago

1.19.0

5 years ago

1.18.1-ContextualMenuOnClickHandler2.0

5 years ago

1.18.1-ContextualMenuOnClickHandler1.0

5 years ago

1.18.0

5 years ago

1.17.0

5 years ago

1.16.0

5 years ago

1.14.1-CustomIconAvatar1.0

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

1.11.1-snackbar-variant-info.3

5 years ago

1.11.0

5 years ago

1.11.1-tableSelectAll.0

5 years ago

1.10.1

5 years ago

1.10.0

5 years ago

1.9.1-infoListEllipsisOptional5.0

5 years ago

1.8.2-infoListEllipsisOptional3.0

5 years ago

1.8.2-infoListEllipsisOptional1.0

5 years ago

1.8.1

5 years ago

1.8.1-snackbarDuration122.0

5 years ago

1.8.1-snackbarDuration11.0

5 years ago

1.8.1-snackbarDuration.0

5 years ago

1.8.1-changeSnackbarCloseIcon.1

5 years ago

1.8.1-changeSnackbarCloseIcon.0

5 years ago

1.5.1-snackbarCloseIconChange.0

5 years ago

1.5.1-snackbarCloseIcon.0

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

1.4.1-modalCustomHeader.0

5 years ago

1.3.3

5 years ago

1.3.2

5 years ago

1.3.1

5 years ago

1.3.1-left-arrow-icon.1

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago