gypcrete

iCHEF web components library, built with React.

APACHE-2.0 License

Downloads
2.4K
Stars
30
Committers
17
View Code on GitHub Visit Website
Ecosystems: JavaScript, React, Storybook

Bot releases are hidden (Show)

gypcrete - v5.0.0

Published by benny0642 over 2 years ago

Bug Fixes

Features

  • add .nvmrc for node version (4c0a1b9)
  • add "conventional-changelog-cli to package.json (ad22c1f)
  • add add-location icon (39aa011)
  • add canary release workflow (fa17c3d)
  • add ci workflow with codecov (5f56f15)
  • add Location icon (d7a5cc3)
  • add props for RadioSelectList (984dedc)
  • add radio-empty.svg and radio-selected.svg (ad75ef6)
  • add release workflow (6620403)
  • add SvgRadioEmpty and SvgRadioSelected (cdfb6d4)
  • change fill value to currentColor (b2e51ca)
  • change AddLocation icon (8ad1d7b)
  • change Location icon (ad2600b)
  • CheckboxEmpty: rename radio-empty with checkbox-empty (369a6b3)
  • CheckboxHalf: rename to CheckboxHalf (33cf1da)
  • CheckboxSelected: rename to CheckboxSelected (0883c8d)
  • deleted unused deploy.sh (c06773e)
  • deleted unused travis cd (c4a99b1)
  • export RadioSelectList and RadioSelectOption (825d0b1)
  • implement Radio component (df4e347)
  • implement RadioSelectList and RadioSelectOption (d595eaf)
  • remove fixed fill color (87ba9ce)
  • specify node maximum version in package.json (86aee36)
  • update release workflow (00fba6d)
  • update release workflow with iCHEF/npm-install-with-cache-action@v1 (40cfe3a)
  • use ichef npm-install-with-cache-action to install packages (3ff5ed1)
gypcrete - v4.4.0

Published by a26620236 over 2 years ago

What's Changed

New Contributors

Full Changelog: https://github.com/iCHEF/gypcrete/compare/v4.3.0...v4.4.0

gypcrete - v4.3.0

Published by chenesan over 4 years ago

Changelogs

Added

  • [Core] Allow passing remaining props to wrapper DOM element. (#267, #269)
  • [Core] Add props for default popup UI layout and update tests. (#271)

Changed

  • [Core] Reduce icon font to only WOFF and WOFF2 formats. (#266)
  • [Core] Add sort icon. (#268)
  • [Core] Add announce icon. (#272)
  • [Core] Add large prop to <Popup>. (#273)
gypcrete - v4.2.1

Published by chenesan over 4 years ago

Change logs

Changed

  • [Core] Fix that we have to click twice to close gyp-closable after click in wrapped component. (#262)
  • [Build] Fix deploy script to push back converted tags; bump minor for canary builds. (#261)
gypcrete - v4.2.0

Published by tz5514 over 4 years ago

Changelogs

Changed

  • [Core] Update <ListRow> & <List> styles for supporting nested list better. (#257)
  • [Core] Fix rowProps used to be replaced in mixin formRow.(#258)
gypcrete - v4.1.0

Published by kyoyadmoon over 4 years ago

gypcrete - 4.0.0

Published by zhusee2 about 5 years ago

What's in this release

  • SelectRow takes empty string as unset #233
  • Upgrade dev dependencies #232
  • Change exported module types #227
  • Upgrade packages to address security alerts #226
  • Minor style fixes #225
  • Refactor <ColumnView> and <Modal> #224
  • [Fix] Force publish all packages when releasing canary #223
  • Resolve security alerts #221
  • Update tests for <ImageEditor> to reflect getImageCanvas API change #222
  • Update <ImageEditor> to give canvas in the same size of editor by default #220
  • Adjust release scripts #218
  • Update component styles #217
  • Upgrade Lerna and update release steps #216
  • Add the inline-info icon #215
  • Refactor <SelectList> & <SelectRow> #213
  • Upgrade to Babel 7.4 and CoreJS 3 #214

Changelogs

Breaking

  • [Core] [Form] [ImageEditor] Peer dependency changes:
    • Change from @babel/runtime-corejs2 to @babel/runtime-corejs3.
  • [Core] [Form] [ImageEditor] now exports CommonJS modules via "main" and ES modules via "module" field in package.json.
  • [Core] <ColumnView>:
    • The bottomPadding prop is removed. Please use bodyPadding prop and pass an object instead.
  • [Core] <Modal>:
    • <Modal> is refactored to render a <ColumnView> as its inner layout.
    • <Modal> no longer takes size and bodyClassName props.
    • The bodyPadding prop now takes an object and is passed to <ColumnView>.
  • [Form] <SelectList>:
    • Rename prop values to value, and it receive a single value directly when is not multiple, and receive an array when multiple is true.
    • Rename prop defaultValues to defaultValue, and it receive a single value directly when is not multiple, and receive an array when multiple is true.
    • Rename prop allOptionLabel to checkAllLabel.
  • [Form] <SelectRow>:
    • Rename prop values to value, and it receive a single value directly when is not multiple, and receive an array when multiple is true.
    • Rename prop defaultValues to defaultValue, and it receive a single value directly when is not multiple, and receive an array when multiple is true.
    • Rename prop asideAll to asideAllLabel.
    • Rename prop asideNone to asideNoneLabel.
  • [ImageEditor] The instance method getImageCanvas() of <ImageEditor> now returns a <canvas> in the same dimension as the editor itself by default.

Added

  • [Core] [Form] [ImageEditor] setup [email protected].
  • [Core] Add the inline-info icon to the selections of <Icon>.
  • [Core] Add flexBody prop for <ColumnView> (and also <Modal>) to render its body as a Flexbox.

Changed

  • [Core] Update <Section> title style and increase bottom margin.
  • [Core] Remove the only test cases that uses sinon; remove sinon from dev dependencies.
  • [Form] Update <SelectRow> and <SwitchRow> to adpat vertically-reversed appearance as <TextInputRow> in v3.0.
  • [Form] Add desc prop to <SelectOption>
  • [form] <SelectRow> now considers empty string '' as unset.
  • [Storybook] Update examples for refactord <ColumnView> and <Modal>.

Upgrades

  • [Build] Upgrade to Babel v7.4.4 + core-js v3 to provide better polyfilling.
  • [Build] Upgrade to Lerna v3.16.4; changes publish steps.
  • [Build] Upgrade to [email protected] for Node v10+ support.
  • [Build] Upgrade to stylelint@^10.0, autoprefixer@^9.6 and postcss-loader@^3 for better CSS support.
  • [Build] Upgrade other dev dependencies to address security alerts.
gypcrete - 3.0.0

Published by zhusee2 over 5 years ago

Changes in this release

  • Refactor closable() mixin to use React's own events mechanism #202
  • Enhance <TextInputRow> for custom rendering and textarea autosizing #203
  • Remove storybook mangle #204
  • Refactor <TextInput> to match latest design #205
  • Fix yarn start not work due to adding minimizer in dev env #206
  • Add <Avatar> to display an image along with the text #208
  • Enhance <ImageEditor> for get canvas and controllable scale #209
  • Allow passing children to #trivial #211

Changelog

Breaking

  • [Core] Add verticalOrder prop to <Text> so you can swap the position of basic and aside. Also applied to rowComp() mixin.
  • [Core] Rewrite <TextInput> to match latest design, offering single-line <input>, multi-line <textarea> and supports custom rendering via render prop.
  • [Form] <TextInputRow> now renders the new <TextInput> and forwards almost every prop to it, without a ref to its inner input.
  • [Core] Add <Avatar> to display an image.

Changed

  • [ImageEditor] Add new instance method getImageCanvas() to get current image canvas element.
  • [ImageEditor] Add new props scale & onScaleChange to make scale value of editor can be controlled.
  • [Core] Refactored closable() mixin to detect inside/outside clicks via React SyntheticEvent mechanism instead of listening native events from DOM.
  • [Storybook] Fix mangled component name in storybook build. (#203)
  • [Storybook] Update examples for core <TextInput> and form <TextInputRow>. (#203)
  • [Core] Change rowComp() to allow the appearance of <Avatar> alongside the text. (#208)
  • [Core] Change <Checkbox> to display <Avatar>. (#208)
  • [Form] Change <SelectRow> and <Checkbox> to display <Avatar>. (#208)
  • [Storybook] Add examples for <Avatar> and the list components with <Avatar>s. (#208)
gypcrete - 2.1.0

Published by tz5514 over 5 years ago

Changes in this release

  • Add centered prop into Modal to make it on top of screen #196
  • Shorten width for multiple layer modal #197
  • Adjust modal and column view padding #198
  • Refactor #199

Changelog

Changed

  • [Core] Change <SearchInput> behavior:
    • Can be controlled now, via props value, onChange and onReset.
    • No longer trigger onSearch when input blur by default. You can enable this behavior by setting prop searchOnInputBlur be true
    • New prop searchOnInputChange, when it is true, onSearch will be triggered every time after input changed. The default value is false.
    • New prop blockDuplicateValueSearch, when it is true, onSearch will not be triggerd if input value is same with last time searching.
    • New prop blockEmptyValueSearch, when it is true, onSearch will not be triggerd if input value is empty.
    • Rename prop input to be inputProps.
  • [Core] update <SearchInput> styles.
  • [Core] Add centered prop into Modal to make it on top of screen by default (#196)
  • [Core] Shorten width for multiple modal. (#197)
  • [Core] Adjust padding-bottom of modal and column view. (#198)
gypcrete - 2.0.0

Published by zhusee2 almost 6 years ago

Changes in this release

  • #192 Reduce useless render calls in 'closable()' mixin *since beta 1
  • #190 Refactor 'anchored()' mixin
  • #189 Remove usage of React.findDOMNode()
  • #188 Adapt React Portal
  • #186 Upgrade to ESLint 5
  • #185 Upgrade to Babel 7 and Jest 23.6.0
  • #183 Upgrade to Enzyme 3
  • #180, #182 Remove flow type

Prereleases

  • 2.0.0-beta.0
  • 2.0.0-beta.1

Changelog

Breaking

  • [Core] [Form] [ImageEditor] Peer dependency changes:
    • Switch from babel-runtime to @babel/runtime-corejs2. (#185)
    • Upgrade to react@^16.6.0 and react-dom@^16.6.0. (#187)
  • [Core] anchored() HOC mixin no longer uses ReactDOM.findDOMNode() to find the actual node for you. You should now manually set ref to both anchor element and wrappred element instead. Please read #189 for more info.

Changed

  • [Core] Remove flow type annotation. (#180)
  • [Core] Adapt React Portal in renderToLayer() HOC mixin. (#188)
  • [Core] Refactor anchored() mixin to extrac its positioning logic, and adapt memoize approach to not rely on lifecycle methods. (#190)
  • [Storybook] Upgrade to @storybook/react@^4.0.0 to support Babel 7. (#187)
  • [Build] Upgrade to [email protected]; fix tests for that. (#183)
  • [Build] Upgrade to Babel v7; switch to project-scope Babel config. (#185)
  • [Build] Upgrade to [email protected] to support Babel 7. (#185)
  • [Build] Upgrade to [email protected], [email protected] and [email protected]. (#186)
  • [Build] Upgrade to [email protected] and [email protected]. (#187)
gypcrete - 1.10.0

Published by zhusee2 almost 6 years ago

Changes in this release

  • Organize storybook #177
  • Add #178

Changelog

Added

  • [Core] Add new <SplitView> and <SplitViewColumn>. (#178)
  • [Storybook] Add examples for <SplitView> and its usage with <ColumView>. (#178)

Changed

  • [Core] closable() mixin is now triggered on touchend events on touch devices. (#176)
  • [Core] Update <ColumnView> layout styles; allow overriding bottom padding. (#178)
  • [Storybook] Update examples for <Popover> to add a row of hyperlink <Button>. (#176)
  • [Storybook] Split stories into different package-based sections. (#177)
gypcrete - 1.9.0

Published by zhusee2 almost 6 years ago

Changes in this release

  • Improve 'closable()' mixin triggering #176
  • Fix prop tables in Storybook #173
  • Update colors for <ListRow> #172
  • Let SelectList accept the title and desc props #171
  • Add the showCheckAll prop to disable checkAll option in <SelectList> #170
  • Remove <List> vertical spacing inside certain components #169
  • Update column styles #167
  • [Fix] Fix anchored component alignment when anchor is larger than itself #168
  • Extract <Section> layout from <List> #166

Changelog

Added

  • [Core] Add new <Section> as a general content wrapper with optional title and description text. (#166)
  • [Form] Add the showCheckAll prop to disable checkAll option in <SelectList>. (#170)
  • [Form] Let <SelectList> accept the title and desc props. (#171)

Changed

  • [Core] Update <List> to wrap its own body with <Section>. (#166)
  • [Core] Update <ListRow> to remove vertical margin from nested <List>. (#166)
  • [Core] Remove vertical margin from <List> by context when placed inside <ListRow> or <Popover>. (#169)
  • [Storybook] Add examples for <Section>. (#166)
  • [Core] Removed padding in <ColumnView> body. (#167)
  • [Core] <HeaderRow> can now disable an area by setting false to it. Styles updated. (#167)
  • [Core] Update colors for <ListRow>. Add v3 color plates. (#172)
  • [Storybook] Upgrade @storybook/react and its addons to 3.4.11. (#173)

Fixed

  • [Core] Fix anchored() mixin horizontal alignment when anchor is larger than component applying the mixin. (#168)
  • [Storybook] Fix prop tables for each component. (#173)
gypcrete - 1.8.1

Published by zhusee2 over 6 years ago

Changes in this release

  • Check <SelectOption> with symbol instead #157
  • Fix Popover inside <SelectRow> to not auto-close under multiple mode #158
  • Various UI updates #159
  • Preserve white spaces #160
  • Remove input auto-blur in editable components #161
  • Update deploy script #164

Changelog

Added

  • [Form] Add new SelectOption.typeSymbol for element type comparison. (#157)
  • [Form] Add getElementTypeSymbol helper for getting type symbol from React Element. (#157)

Changed

  • [Core] Update styles to match design for: <List>. (#159)
  • [Core] <Button>s are now bold by default. (#159)
  • [Core] The following components now preserve white spaces: (#160)
    • <Text> (which is in most row-components)
    • <List> (in title and desc)
    • <ListRow> (in desc)
    • <Tag>
    • <Tooltip>
  • [Core] Input inside <EditableBasicRow> does not blur on component status change anymore. (#161)
  • [Build] Update deploy steps. (#164)

Fixed

  • [Form] Fix Popover inside <SelectRow> should not auto-close under multiple selection mode. (#158)
  • [Core] Fix <ListRow> footer should not render empty <p> tags. (#159)
gypcrete - 1.8.0

Published by zhusee2 over 6 years ago

Changes in this release

  • Fix <Popover> #147
  • Image Editor #148, #149, #150, #151
  • Update dependencies #153
  • Add multi-line mode for <TextInputRow> #155

Changelog

Added

  • [ImageEditor] Add new package @ichef/gypcrete-imageeditor. (#148, #149, #150, #151)
    This new component supports:
    • Creating a cropping rectangle from an image in given dimension
    • Adjust image scaling with a slider
    • Customizable scaling range
    • Display a placeholder when image isn't specified
    • Display a loading animation when loading is set
  • [Storybook] Add examples for <ImageEditor>. (#150)
  • [Form] New multiLine mode for <TextInputRow>. It renders a <textarea> instead,and auto-grows as user types. (#155)
  • [Storybook] Add examples for multi-line usage of <TextInputRow>. (#155)

Changed

  • Refactor to reuse shared webpack configs between packages. (#148)
  • Allow React 16.x as peer dependency. (#153)

Fixed

  • [Core] Fix some content might exceed <Popover> container. (#147)
  • [Form] Fix <Popover> inside <SelectRow> should not be closed until user clicks on the checkbox. (#147)
gypcrete - 1.7.2

Published by hsunpei over 6 years ago

Changelog

Fixed

  • [Core] Add a function to close the <Modal> when users click <Overlay> and the onClose prop exists. (#140)

Changed

  • [Core] Update styles for <ListRow> to match design in nested lists. (#141)
  • [Core] Update <Button> to support rendering into custom HTML tags. (#144)
  • [Storybook] Add the showcase of two overlaying <Modal>. (#140)
  • [Storybook] Add examples for nested <List>. (#141)
gypcrete - 1.7.1

Published by hsunpei over 6 years ago

Changes in this release

  • Fix <Modal> not rendering its content. #139
  • Remove the Closable HOC from <Modal> to prevent unexpected closing behaviors occur when more than one modals are open. #139
  • Refine the showcase of <Modal>. #139

Changelog

Fixed

  • [Core] Fix <Modal> not rendering its content (#139)
  • [Core] Remove the Closable HOC from <Modal> to prevent unexpected closing behaviors occur when more than one modals are open. (#139)

Changed

  • [Storybook] Refine the showcase of <Modal> component. (#139)
gypcrete - 1.7.0

Published by hsunpei over 6 years ago

Changes in this release

  • Migrate <Modal> from ic-framework-react and ic-framework. #137
  • <HeaderRow> now accepts children and renders. #136
  • <SelectOption> now accepts and passes unknown props to its inner <Checkbox>. #136
  • Add the PR template used in iCHEF-Cloud2.0 (https://github.com/iCHEF/iCHEF-Cloud2.0/pull/1735)

Changelog

Added

  • [Core] Migrate <Modal> from ic-framework-react and ic-framework. (#137)

Changed

  • [Core] <HeaderRow> now accepts children and renders. (#136)
  • [Form] <SelectOption> now accepts and passes unknown props to its inner <Checkbox>. (#136)
gypcrete - 1.6.0

Published by zhusee2 over 6 years ago

Changes in this release

  • Update <Popup> #127
  • Stack base layers with stacking context #128
  • Tidy up the showcases of <Tooltip> component #129
  • Fix base layer should be as wide as viewport to not supress its content #130
    Merged
  • Update <Button> #131
  • Fix <Button> tests #132
  • Upgrade dependencies #133

Changelog

Minor Breaking

  • [Core] <Popup> is no longer wrapped with closable() mixin, will not respond to ESC key now. (#127)
  • [Core] Default color for <Button> is now black. (#131)
  • [Core] Remove primary prop from <Button> in favor of cross-component bold prop on rowComp(). (#131)

Added

  • [Core] Add new <PopupButton> which renders a pre-configured <Button> that should be used inside a <Popup>. (#127)
  • [Core] Add buttonsDirection prop to <Popup> to align its buttons either vertically (as default) or horizontally. (#127)

Changed

  • [Core] Update styles for <Popup> to better match design. (#127)
  • [Core] Refactor <Popup> to simplify codes. (#127)
  • [Storybook] Update examples for <Popup>. (#127)
  • [Core] Remove z-index from components with renderToLayer() HOC mixin. They will now be stack based on the stacking context on the base layers. (#128)
  • [Storybook] Fix the showcase of <Tooltip> component. (#129)
  • [Core] Change aside label of <Text> to inherit parent color but with 70% opacity. (#131)
  • [Storybook] Update examples for <Button> (#131)
  • Fix CI not aware of failing tests with --bail workaround. (#132)
  • Upgrade dependency packages. (#133)
gypcrete - 1.5.2

Published by zhusee2 almost 7 years ago

Changes in this release:

Changed

  • [Form] The popover inside a single-value <SelectRow> should now close automatically after click on any option. (#125)
  • [Form] Update examples for <SelectRow>. (#125)

Fixed

  • [Core] Fix <Popover> should only scroll its container. (#125)
gypcrete - 1.5.1

Published by zhusee2 almost 7 years ago

Changes in this release:

  • [Core] Fix <Checkbox> not displaying correct icons. (#124)
  • [Form] Update <SelectRow> to use new dropdown icon. (#124)
Package Rankings
Top 7.45% on Npmjs.org
Badges
Extracted from project README
npm package build status Coverage Status PeerDependencies Dependencies DevDependencies
Related Projects
DaicoHedge_frontend

07 Dec 2018 0
undernet

Undernet – A modular, configuration-first front-end framework for modern web development.

28 Dec 2017 38
kintrospect

Commonplace book system for Kindle highlights

10 Apr 2017 3
web-garden

Building blocks for making progressive and future-proof websites. Components collection features ...

18 Jun 2022 156
epicworshipneo

The modern Epicworship V2+

04 Feb 2019 12
ccdb5-ui

Consumer Complaint Database UI

25 May 2017 5