@extendeal/ui-toolkit/README.md

Extendeal UI Toolkit

# [Extendeal](https://extendeal.com) UI Toolkit v0.0.41

![Extendeal](https://ar.extendeal.com/images/common/logo-extendeal.svg)

---

## Dependencies

- [ReactJS](https://reactjs.org/) 16 or higher
- [NodeJS](https://nodejs.org/es/) 7 or higher
- [Webpack](https://webpack.js.org/) 6 or higher

---

### Installation

- `npm install @extendeal/ui-toolkit --save`

---

### For Development

- Clone repository
- `create-react-app demo`
- `ln -s ${TOOLKIT_PATH}/build ${TOOLKIT_PATH}demo/src/toolkit`
- In a console `npm run watch`
- In another console `cd demo && npm start`

---

### StoryBook Deploy

- `npm run deploy-storybook`

---

### Components

- [Accordion](https://dev.extendeal.com/ui-toolkit/components/accordion)
- [AccordionGroup](https://dev.extendeal.com/ui-toolkit/components/accordion-group)
- [Animations](https://dev.extendeal.com/ui-toolkit/components/animations)
- [Backdrop](https://dev.extendeal.com/ui-toolkit/components/backdrop)
- [Button](https://dev.extendeal.com/ui-toolkit/components/buttons#button)
- [Card](https://dev.extendeal.com/ui-toolkit/components/card)
- [Carousel](https://dev.extendeal.com/ui-toolkit/components/carousel)
- [Checkbox](https://dev.extendeal.com/ui-toolkit/components/checkbox)
- [CheckboxList](https://dev.extendeal.com/ui-toolkit/components/checkbox-list)
- [CodeSnippet](https://dev.extendeal.com/ui-toolkit/components/code-snippet)
- [Colors](https://dev.extendeal.com/ui-toolkit/components/colors)
- [ComponentPresentation](https://dev.extendeal.com/ui-toolkit/components/component-presentation)
- [Datepicker](https://dev.extendeal.com/ui-toolkit/components/datepicker)
- [Dropdown](https://dev.extendeal.com/ui-toolkit/components/dropdown#container)
- [DropdownItem](https://dev.extendeal.com/ui-toolkit/components/dropdown#item)
- [FilterChip](https://dev.extendeal.com/ui-toolkit/components/filter-chip)
- [Header](https://dev.extendeal.com/ui-toolkit/components/header)
- [Input](https://dev.extendeal.com/ui-toolkit/components/input)
- [InputField](https://dev.extendeal.com/ui-toolkit/components/input-field)
- [Layout](https://dev.extendeal.com/ui-toolkit/components/layout)
- [MenuItem](https://dev.extendeal.com/ui-toolkit/components/menu-item)
- [MobileSearch](https://dev.extendeal.com/ui-toolkit/components/mobile-search)
- [Radio](https://dev.extendeal.com/ui-toolkit/components/radio)
- [RadioGroup](https://dev.extendeal.com/ui-toolkit/components/radio-group)
- [Select](https://dev.extendeal.com/ui-toolkit/components/select)
- [Sidebar](https://dev.extendeal.com/ui-toolkit/components/sidebar)
- [SingleDialog](https://dev.extendeal.com/ui-toolkit/components/single-dialog)
- [Snackbar](https://dev.extendeal.com/ui-toolkit/components/snackbar)
- [Spinner](https://dev.extendeal.com/ui-toolkit/components/spinner)

---

### Update January 31th, 2019 - v0.0.41
- **New Features**
  - Carousel reset slides (go to index 0)
  - Button variant invisible

### Update January 30th, 2019 - v0.0.40
- **New Features**
  - Confirm Dialog on Close Backdrop

### Update January 28th, 2019 - v0.0.39
- **New Refactor**
  - Forgot delete Carousel active class diaplay none

### Update January 28th, 2019 - v0.0.38
- **New Refactor**
  - Delete Carousel inactive slides (otherwise dialog popups at render)

### Update January 23th, 2019 - v0.0.37
- **New Components**
  - Select
- **New Features**
  - Add showAll to CheckboxList

### Update January 23th, 2019 - v0.0.36
- **New Features**
  - SingleDialog to Top with zIndex

### Update January 22th, 2019 - v0.0.34
- **New Components**
  - CheckboxList
  - SingleDialog
- **New Refactor**
  - Button component was not getting classes proper
  - Backdrop modify height content
  - Carousel position footer buttons

### Update January 21th, 2019 - v0.0.32
- **New Features**
  - Add default text to InputField
  - Backdrop is render on a given portal (by default document.body)
  - Hides non active carousel__content

### Update January 17th, 2019 - v0.0.30
- **New Components**
  - CodeSnippet
  - ComponentPresentation
- **New Features**
  - Add callback `slideChanged`
- **New Refactor**
  - Datepicker
  - Dropdown
  - DropdownItem
  - Input
  - MenuItem
  - Sidebar
  - Spinner

### Update January 15th, 2019 - v0.0.27
- **New Components**
  - Card
  - MobileSearch
  - Snackbar
- **New Icons**
  - ArrowBack
  - LogoMono
- **New Features**
  - onChange to InputField

### Update January 14th, 2019 - v0.0.25

- **New components**
  - ExtDatepicker
- **New Icons**
  - Calendar

### Update January 11th, 2019 - v0.0.24

- **New components**
  - Carousel
  - InputField

### Update January 7th, 2019 - v0.0.20

- **New components**
  - Accordion
  - AccordionGroup
  - Animations / Height
  - Checkbox
  - FilterChip
  - Radio
  - RadioGroup
  - Shadow
- **New Icons**
  - ArrowDown
  - CheckBoxOff
  - CheckBoxOn
  - Close
  - Filter
  - Link
  - RadioOff
  - RadioOn

### Update January 3rd, 2019 - v0.0.19

- **New components**
  - Backdrop
  - Header
  - IconButton
  - Layout
  - MenuItem
  - Sidebar
  - Spinner
- **New Icons**
  - ArrowUp
  - Back
  - CircleClose
  - Management
  - MoreVert