npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@zohodesk/haas-components

v1.0.7

Published

ui components lib

Downloads

896

Readme

npm publish version npm publish --access public

1.0.6 and 1.0.7

  • We have support custom id and aria label for calendar popup

1.0.5

  • Radio & Pagination Component customClass Support
  • We have support custom id for calendar popup

1.0.4

  • We have support fixed position prop in the calendar component

1.0.3

  • Community build icon added

1.0.2

  • We have implemented the option to select a date range in the calendar component
  • KB build history icon's added

1.0.1

Major Release

Changes:

  • react-cli version updated to 1.1.23
  • react-live version updated to 1.2.2
  • react-cli-config file added
  • Provider files added for docs UI

Issue Fix:

  • Position fixed popup UI issue handle

0.0.0-beta.74.8.4

  • DropDown issue resolve
  • react-cli version updated to 1.1.23
  • react-live version updated to 1.2.2
  • react-cli-config file added
  • Provider files added for docs UI

0.0.0-beta.74.7 & (74.8)

  • DropDown restored prop issue handle

0.0.0-beta.74.6

  • Community build icon's added
  • DropDown Search clear support & DropDown restored handle

0.0.0-beta.74.5

  • KB build icon's added

0.0.0-beta.74.4

  • Accordion build icon Path changes added

0.0.0-beta.74.3

  • Community build icon's added

0.0.0-beta.74.2

  • KB build icon added

0.0.0-beta.74.1

  • Accordion build's icon added

0.0.0-beta.74.0

  • Accordion build's icon Path changes added

0.0.0-beta.73.9

  • Accordion build's icon Path changes added

0.0.0-beta.73.8

  • LHS build's New icon's added

0.0.0-beta.73.7

  • Community & Accordion build's New icon's added

0.0.0-beta.73.6

  • Community & Accordion build's New icon's added

0.0.0-beta.73.5

  • DropDown & MultiSelect item's ToolTip added

0.0.0-beta.73.4

  • KB build New icon's added

0.0.0-beta.73.3

  • Community build New icon's added

0.0.0-beta.73.2

  • Empty state svg Twitter icon changed to x

0.0.0-beta.73.1

  • Popup Component Fixed Position prop support

0.0.0-beta.72.8

  • button label & calendar component custom class support

0.0.0-beta.72.7

  • multiselect copy/paste tags handle

0.0.0-beta.72.6

  • live editor doc changes added
  • desk library folder move

0.0.0-beta.72.5

  • Community build New icon's added
  • Calender new props support
  • Icon component parent level customClass support

0.0.0-beta.72.4

  • Some icons were added.

0.0.0-beta.72.3

  • Console Fix Handle

0.0.0-beta.72.2

  • MultiSelect Props Support for active Tag
  • Some icons were added.

0.0.0-beta.72.1

  • UploadButton Props Support
  • Community build New icon's added

0.0.0-beta.71.8/71.9

  • DropDown with Tab component issue Fix added
  • New Icon added
  • Tag Component Info icon prop Support

0.0.0-beta.71.7

  • DropDown with Tab component added

0.0.0-beta.71.6

  • ASAP build icon's added

0.0.0-beta.71.5

  • Tab NavLine fix added

0.0.0-beta.71.4

  • KB build expand Collapse UI icon added

0.0.0-beta.71.3

  • Dropdown component textIcon customclass support
  • KB build new icon added

0.0.0-beta.71.2

  • Added onScroll & onScrollEnd callback to search box component

0.0.0-beta.71.1

  • Searchbox component listcontainer ref callback added

0.0.0-beta.70.9

  • ASAP & community build icon's added

0.0.0-beta.70.8

  • Multiselect component onkeydown callBack added
  • Dropdown component popup implementation changes

0.0.0-beta.70.7

  • Multiselect component issue fix

0.0.0-beta.70.6

  • Dropdown & multiselect & popup & searchbox component changes

0.0.0-beta.70.5

  • Loading icon animation remove

0.0.0-beta.70.4

  • Multicomponent component selectedItems control behaviour added

0.0.0-beta.70.3

  • Dropdowninline component textboxprops key added

0.0.0-beta.70.2

  • Dropdown component issue fix

0.0.0-beta.70.1

  • ASAP & Kb build icon's added
  • Accessibility attribute (Tab, Tag)
  • Dropdown & multiSelect action props added

0.0.0-beta.69.9

  • Dropdown component issue fix

0.0.0-beta.69.7

  • MultiSelect deSelectAll argument added

0.0.0-beta.69.5

  • MultiSelect callback added
  • Avatar constructor state(not check)

0.0.0-beta.69.3

  • ASAP build icon's added
  • Avatar constructor change

0.0.0-beta.69.1

  • SearchBox component setSearchValue option added

0.0.0-beta.68.9

  • ASAP build icon's added
  • SearchBox list Container added
  • DropDown Search Box container added

0.0.0-beta.68.7

  • Tab component newProps option added.
  • Popup component css RTL issue fixed.
  • Some icons were added.
  • Calendar component navigationRules option functionality changed.

0.0.0-beta.68.5

  • Popup component autoPosition issue fix.

0.0.0-beta.68.3

  • Calendar component navigationRules option added.

0.0.0-beta.68.1

  • icon's added

0.0.0-beta.67.9

  • Accessibility attribute (input hidden) added
  • ASAP & kb build icon's added

0.0.0-beta.67.7

  • SearchBox component clear option ui fix & functionality changes.

0.0.0-beta.67.5

  • Row / Col & Box Component autoFocus, restorefocus & focusLoop options added.
  • Multiselect component missing custom className added.
  • SearchBox component clear option added.
  • popup component Accessibility attribute added.

0.0.0-beta.67.3

  • ASAP build icon's added.

0.0.0-beta.67.1

  • SearchBox component issue fixed.

0.0.0-beta.66.9

  • component css RTL issue fixed.

0.0.0-beta.66.7

  • Created a SearchBox component.

0.0.0-beta.66.5

  • Some icons were added.
  • Multiselect component clearIcon alignment issue fixed.

0.0.0-beta.66.3

  • Calendar onSelectDate method added.
  • MultiSelect component formatInputText option added & IconEnd props were provided inside the span element.
  • Some icons were added.

0.0.0-beta.66.1

  • Completely Style Object Component deprecated. & unused css variable files deprecated.

0.0.0-beta.65.9

  • Moved All components propTypes as a separate file.
  • DropdownInline component AutoSuggest selected field option added.
  • Row/Col/Box component tagName option added.
  • Icon component newProps method added.
  • Some icons were added.

0.0.0-beta.65.7

  • We have created a AccessibilityControl component.
  • Some icons were added.

0.0.0-beta.65.5

  • Some icons were added.

0.0.0-beta.65.3

  • We have created a DropdownInline component.
  • Pagination Next & Previous option customizable.

0.0.0-beta.65

  • ListIcon icon align column issue fixed.
  • Icons added.
  • CheckBox checked css selector changed.
  • Inside Dropdown component Icon file path changed.

0.0.0-beta.64.7

  • Dropdown component selectedContent(target) updated cases fixed.
  • Tab component render children cases added.
  • Breadcrumb component customId added.

0.0.0-beta.64.4

  • Some icons were added.

0.0.0-beta.64.3

  • Tab & Breadcrumb component react clone element type changed.

0.0.0-beta.64.2

  • Calendar component empty span style key added.
  • popup component customPosition key added.

0.0.0-beta.64.1

  • Popup & Calendar component css issue fixed.
  • Dropdown component activeCustomClass issue fixed.

0.0.0-beta.64

  • Icons needed for Asap were added.
  • Box component ref issue fixed.
  • Calendar function(deepEqualObject) issue fixed.
  • Tab component controlled option added.
  • MultiSelect & Dropdown component SearchMatched method changed.
  • Popup mouseHover option added.
  • Breadcrumb component separator issue fixed.
  • Tooltip component added.

0.0.0-beta.63.1/63.2

  • I have implemented the autoFocus & focusLoop cases.(Box & Popup component)
  • Changed the "deepEqualObject" function in Calendar component.
  • I have provided the data-Id support for dropdown id's searcbox.
  • When we do the mouseover on the dropdown Item, if you want can edit the css as per your requirement.

0.0.0-beta.62

  • Default fontSize variable added.
  • Icon's dark theme missing var case added.
  • NewCalendar missing custom className added.

0.0.0-beta.61

  • MultiSelect(old & new) Component search result issue fixed.

0.0.0-beta.60

  • NewTab component id passed Method added.

0.0.0-beta.59

  • NewPagination component basic functionality implemented.
  • NewCalendar component display position check added & include with position css.

0.0.0-beta.57/58

  • icon css variable format change.

0.0.0-beta.56/57

  • NewTextIcon component css issue fixed.

0.0.0-beta.56

  • NewDropdown component ui issue fixed.
  • NewAvatar & NewLink & NewText fontSize range 36 to 50 added.
  • variable unit 1 to 7 convert px to rem.

0.0.0-beta.55

  • DarkMode Icon variables support.
  • fontSize option change to size calculation.
  • Some new icon's added.

0.0.0-beta.54

  • NewLink size method changed & new icon's added.

0.0.0-beta.52/53

  • New component related issue fix.

0.0.0-beta.51/52

  • NewComponent bugfix.

0.0.0-beta.51

  • NewComponent issue fix.

0.0.0-beta.50

  • NewComponent RTL work added.
  • NewDropown & NewMultiSelect component new functionality case added.
  • NewTab customId method changes.

0.0.0-beta.48/49

  • NewComponent bugfix.

0.0.0-beta.47/48

  • NewComponent function & className bugfix.

0.0.0-beta.47

  • new icon's added && NewComponent's missing change's & bug fix.

0.0.0-beta.46

  • All NewComponent's Accessibility attribute added & NewCalendar added & unwanted(DateTime) component Removed.

0.0.0-beta.45

  • new icon's added.

0.0.0-beta.44

  • unPublish icon added.

0.0.0-beta.43

  • Changed the IconList used in List component & Template icon added.

0.0.0-beta.42

  • MultiSelect clear icon hover color added & calender AM PM color changes & new icon added.

0.0.0-beta.41

  • NewIcon component added & checkBox component issue fixed.

0.0.0-beta.40

  • classObj NewComponent's added.

0.0.0-beta.38/39

  • Radio and TextIcon component customId added & component warning issues fixed.

0.0.0-beta.37

  • TextBox customId , Button Ref , Avatar render fix and Few Icons added pixel,percentage.

0.0.0-beta.36

  • Calendar component complete revamping and moment library removed.

0.0.0-beta.35

  • Dropdown component ListItem customId support and unpublish icons added.

0.0.0-beta.34

  • Dropdown component ListItem activeCustomClass added & onMouseLeave css removed to handled

0.0.0-beta.33

  • dropdown children iteration fix and spacing fix

0.0.0-beta.32

  • dropdown children iteration fix and spacing fix

0.0.0-beta.30/31

  • dropdown improved in state management with controls options

0.0.0-beta.29

  • icons added
  • customId Props Fix Tag Component

0.0.0-beta.28

  • icons added
  • customId Props Fix Tag Component

0.0.0-beta.27

  • NewTab component created without style object
  • icon fix, dataId rename to customId
  • customId Props Fix, icon fill remove

0.0.0-beta.26

  • Icon dataId support added

0.0.0-beta.25

  • Discard draft icon added

0.0.0-beta.24

  • Calendar component AM/PM handling with format messages

0.0.0-beta.23

  • Dropdown component onSearch text fix.

0.0.0-beta.22

  • Dropdown & Multiselect component onSearch method changed.
  • multiselect css Fix with custom class Name & bugFix and radio shrink fix - added.

0.0.0-beta.21

  • Multiselect & Dropdown component's onSearch & onScrollEnd bugfix

0.0.0-beta.20

  • Multiselect & Dropdown component's onSearch & onScrollEnd method added
  • react-cli updated to 0.0.1-beta.110

0.0.1-beta.16

  • Duplicated styles added in dom fixed
  • MemoryLeaks in styles fixed

How Components Design

  • Button
    • Button.js
    • Button.css
    • ButtonAction.js

Button.js - simply render methods using by button.css


   import ButtonFunctional "./ButtonFunctional.js"
   import style from "./button.css"
   export default (props)=>{

       return (<ButtonFunctional renderComponent={(props,state,actions)=>{


           return <button {...props} className={style.className} />


       }} />)

   }

Custom ClassName Supports in components


render(){

    return <Button overrideClassName={'new_button'} />

}


render(){

    return <Dropdown overrideClassNames={{
        container : "new_container",
        items : "new_items"
    }} />

}

Custom FormatMessages Supports in components


render(){

    return <Dropdown formatMessages={{
        no_items : "No result",
        searchPlaceholder : "Search users"
    }} />

}

Custom Validation Supports in components


render(){

    return <Multiselect validation={{

           rules : {

               maximumSelection : (selectedItems)=>{

                  return selectedItems.length > 5 ? <Message /> : null

               },
               minimumSelection : (selectedItems)=>{

                  return selectedItems.length < 1 ? <Message /> : null

               }

           }

    }} />

}

How class naming

BEM concpet