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 🙏

© 2026 – Pkg Stats / Ryan Hefner

@gabia-inc/hiworks-ui-components

v1.0.20

Published

하이웍스 디자인 시스템을 적용한 공통 컴퍼넌트 - Mantine UI 라이브러리 사용 (v7)

Readme

공통 컴퍼넌트(하이웍스 디자인 시스템 기반)

하이웍스 디자인 시스템을 적용한 공통 컴퍼넌트

  • Mantine UI 라이브러리 사용 (v7)

Break Points

0.28.1

  • 모달 스크롤제어 프롭추가 (lockScroll)
  • 툴팁 디자인 수정

0.26.1

[Select]

  • 변경사항
    • id 프롭 추가

[Tabs]

  • 변경사항
    • variant 프롭 변경 (default > page)
  • 추가기능
    • firstTabAlign (O_Tabs, P_Tabs)

[DatePicker]

  • 추가기능
    • inline
    • multiple
      • dates, initDates, onChangeDates (multiple 지원용)

[Tooltip]

  • 변경사항
    • variant 프롭 제거 (primary,secondary)
    • variant 프롭 추가 (action, guide)
      • action: 버튼·아이콘 등 기능의 이름을 간결히 보여주는 툴팁
      • guide(기본값): 커스터마이징, 설정 등 사용 맥락을 설명하거나 안내하는 툴팁
  • 추가기능(프롭)
    • backgroundColor
    • classNames
    • withArrow (O_Tooltip)
    • maxWidth
    • labelTitle

0.24.0

  • 경영, 하이웍스관리 테이블에서 사용되는 TableTextInput, TableDatePicker 패턴 컴포넌트 추가

0.23.5

  • 경영플랫폼 일부 컴포넌트 사용자 가이드 및 스토리 정리
  • DatePicker, DateRangePicker 동작 수정

0.23.0

  • 경영, 관리용 BoxRadio 컴포넌트 추가
  • 기존 오피스 BoxRadio 컴포넌트 O_BoxRadio 로 변경

0.22.0

  • DatePicker, DateRangePicker showErrorMessage 프롭 삭제 및 error값으로 제어

0.21.0

  • react 19 환경에서도 호환 가능하도록 react 종속성 변경
  • react-datepicker 7.6.0 버전으로 업데이트

0.20.0

  • Modal 중첩 스크롤 생기는 이슈 해결
  • Modal 컴포넌트 modalProps 변경
    • maxHeight Modal에 직접 전달 -> modalProps에 maxHeight 삽입하는 방식으로 변경

0.19.0

  • Tree 컴포넌트 렌더링 성능 개선 (90% 이상)
  • Tree 컴포넌트 일부 prop 변경
    • prop onClick -> onSelect 변경
    • prop nodes 의 Node.id 타입 number -> number | string 타입 변경
    • prop customCheckModel 제거

0.18.5

  • Select renderOption prop 추가

0.18.4

  • Select portalProps prop 추가

0.18.0

  • select 에서 동작하지 않는 renderOption, comboboxProp 속성 제거

0.17.0

  • Select renderOption, comboboxProp 프롭 추가
  • A_Toggle disabled 스타일 수정, on 시 thumb 위치 수정
  • A_Button, A_IconButton, hover 시 bg 색상 수정

0.16.2

  • 만틴 마이너 버전 업데이트: ^7.14.0
  • 솔루션에서 사용중인 만틴의 버전도 동일하게 업데이트 권장

0.16.0

  • O_Dropdown, P_Dropdown 스크롤바 만틴 ScrollArea.Autosize 컴포넌트로 교체
  • O_Dropdown, P_Dropdown 내 height props 제거
  • P_Dropdown 내부 클릭 시 안 닫히는 이슈 해결
  • A_Dropdown 컴포넌트 추가

0.15.0

  • DatePicker 컴포넌트 controlled 동작 추가
  • DatePicker initDate prop 기본 값 제거 (new Date() -> undefined)

0.14.6

  • P_Banner, A_Banner 에서 Tag 컴포넌트 의존성 제거. leftSection prop 으로 변경

0.14.0

  • O_Table size (small | large) 프롭 변경
  • O_Table tbody 스크롤, th 리사이즈, 정렬 기능 추가 및 스토리 업데이트

0.13.6

  • Tag 컴포넌트 디자인/prop 수정
  • O_Tag, A_Tag 기본 square + blue 스타일 외 다수 추가, P_Tag 기본 round + blue 스타일 외 다수 추가
  • P_Tag size ('xs' | 'sm') -> size ('small' | 'large') 프롭 변경
  • P_Tag backgroundColor 프롭 삭제, 같은 동작을 color 프롭으로 대체

0.13.0

  • 오피스 전용 컴퍼넌트 이름에 O_ 접두어 추가
  • 사용자 가이드 추가

0.12.0

  • Modal.ButtonArea에 variant 추가 (center, space-between) 및 스타일 적용

0.11.0

  • DateRangePicker 컴포넌트 추가

0.10.0

  • 스타일 적용된 Modal 컴포넌트 추가
  • ModalManager, Modal 컴포넌트 분리

0.9.3

  • P_Table narrowMode -> size (default | small) 프롭 변경
  • P_Table.Td editMode -> withoutPadding 프롭 이름 변경,

0.9.0

  • 하이웍스 관리 컴포넌트, 스토리 추가

0.8.2

  • TextButton 제거 -> variant text 추가
  • IconButton 추가
  • 버튼 컴퍼넌트를 inline-block 로 변경

0.7.0

[Break point]

  • NumberInput 추가
  • 체크박스 textOnly(기본값 true) 프롭 추가

0.6.0 체크박스,라디오

체크박스, 라디오에서 클릭에리어(보이지는 않지만 사용자가 선택할 수 있는 영역)이 추가되었습니다.