gypcrete

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)

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)

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)

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)

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)

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)

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)

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)

Changes in this release:

• [Core] Fix <Checkbox> not displaying correct icons. (#124)
• [Form] Update <SelectRow> to use new dropdown icon. (#124)

Changes in this release

• #117 Fix <IconButton> injected class overridden by custom class
• #119 Enhance extendibility for a few components
• #120 Layout fixes for <Popover> and appearance tweak for <SelectRow>
• #121 Update icons
• #122 Fix <SelectRow> issues

Changelog

Added

• [Core] Added 7 new icons: (#121)
  • dropdown
  • remove-element
  • inline-question
  • first-page
  • prev-page
  • next-page
  • last-page

Changed

• [Core] closable() HOC mixin now takes runtime options via props. (#118)
• [Form] formRow() HOC mixin now takes withRef option to maintain a ref to its wrapped component. (#118)
• [Form] <TextInputRow> and <SwitchRow> now accepts children prop, will render inside <ListRow>. (#118)
• [Form] <TextInputRow> now exposes ref to inner <input> via getInputNode() method. (#118)
• [Core] Updated 3 icons: (#121)
  • radio-empty
  • radio-half
  • radio-selected

Fixed

• [Core] Fix classNames injected by <IconButton> will be overridden with custom className. (#117)
• [Core] Fix <Popover> should have max-height while making its content scrollable. (#120)
• [Form] Fix unset <SelectRow> showing 'All' when it has no option. (#120)
• [Form] Fix unset <SelectRow> label should be tinted. (#120)
• [Form] Fix a non-multiple <SelectRow> with only one <Option> showing All when the only option is checked. (#122)

Changes in this release

• #111 Publish canary builds with exact package version
• #112 Add values display for <SelectRow>
• #113 Style fixes
• #114 Fix closable() blocking children events
• #115 Style tweaks

Changelog

Added

• [Form] Add transition to text in <TextInputRow> when being focused.
• [Core] Add tinted prop for <IconButton> for a half-transparent icon.

Changed

• [Form] <SelectList> now passes sorted values via onChange()
• [Form] <SelectRow> now caches values internally, and use that to control <SelectList>
• [Form] Customize display labels for <SelectRow> with asideAll, asideNone and asideSeparator.
• [Form] Extract parseSelectOptions() helper to read from children of <SelectOption>s.
• [Core] <ListRow> stops forwarding status props to children via context. This is changed against v1.2.0.

Fixed

• [Form] Fix input inside <TextInputRow> should take up whole space.
• [Form] Fix input inside <TextInputRow> should not have background.
• [Core] Fix click events are ignored if fire from components inside closable() HOC mixin configured to close on inside click.

Fixes @ichef/gypcrete-form package not publishing anything.

Changes in this release

Fixed

• Fixed CSS bundle requesting font files from broken path. (#108)

Changes in this release

Changed

• Upgrade webpack to v3 (#101)
• [Core] Fix aside label for <Text> should turn white inside a highlighted <ListRow>. (#104)
• [Core] Adds hover background for <ListRow>. (#104)
• [Core] Fix vertical padding for <HeaderRow>. (#104)

Version 1.3.0 brings changes to repository structure, while adds 3 new components.
Gypcrete now publishes 2 packages to NPM:

• @ichef/gypcrete: the existing package, receiving a new <Popover> in 1.3.0
• @ichef/gypcrete-form: a new package containing row-based form components, starting with a <SwitchRow> and a <TextInputRow>

Changes in this release

Added

• Migrate and refactor <Popover>, exporting an anchored one by default.
• Add new closable() HOC mixin to determine when to “close” on Esc key or on any key/touch on document.

Changed

• Gypcrete is now a multi-package mono-repo built on Lerna.
  It's currently split into:
  • core (publishes to @ichef/gypcrete)
  • storybook (publishes to gh-pages of this repository)
    But this should not affect the existing package, as the codes are untouched with this change. Please refers to README for details.
• Upgrade storybook libraries to v3.2.12, also fix the API changes of storybook-addon-info. (#93)(#95)
• Deprecate escapable() mixin in favor of new closable().
• The padding option for anchored() is renamed to edgePadding for better understanding.

Breaking

• <Tooltip> now default-exports an anchored version. <AnchoredTooltip> is removed from bundle.

This release contains style updates and some behavior tweaks:

Breaking changes

• <EditableBasicRow> now passes all unknown props to its underlying input.

Style changes

• Fix <body> to use system-ui font family.
• <List> title is now bold.
• <ListRow> now has 4px padding vertically and the same 16px horizontally.
• Minimal height for a row component is removed, while the minimal row height is maintained at 48px by:
  • 32px minimal height for visual element
  • 4px + 4px vertical padding of <rowComp(Component)>
  • 4px + 4px vertical padding of <ListRow>

Component changes

• <EditableTextLabel> filters out status from its inner <TextLabel> when it's in edit mode.
• <Text> adds a bold prop to render its basic text in bolder font.
• <ListRow> now has its own desc and errorMsg. It also takes status props, but mostly pass to children via context for now.
• Refactors prefixState into getStateClassnames so the state logic can be shared.
• Deprecates the row-padding utility icon.

This release introduces API changes to <EditableTextLabel>

Changes

• API changes to <EditableTextLabel>:
  • inEdit prop now defaults to undefined, which means the component is uncontrolled.
  • When inEdit is set either true or false, the component is controlled
  • onEditRequest prop is removed in favor of new onDblClick callback. Users can decide when to update the edit state.
• Behavior changes to <EditableTextLabel>:
  • Custom element passed via icon now renders correctly under edit mode
  • Double touch on mobile devices also triggers onDblClick callback.
  • If component is uncontrolled, it auto enters edit mode on double clicks/touches and leaves on edit ends.

Added

• Add <HeaderRow> which is split into left, center and right tiers. (#69)
• Add <List> section that supports a title and a description block. (#69)
• Add simple <ListRow> with a Flexbox body for row components.
• Add z-index z() sass helper. (Migrate from iC-framework)
• Add escapable() mixin, listening Esc key to trigger onEscape prop.
• Add page overlay component, <Overlay>.
• Add <Popup> component. (#70)
• Add <ColumnView> which holds a header above and a footer below its main body area. (#71)
• Add 3 new icons for menu page purpose. (#73)

Changed

• Improved tests coverage. (especially mixins & utils)
• Font weight of <body> is now set as 400 by default. (#72)
• <Button> active/hover colors are slightly darken.
• <Button> now takes a primary prop to make it bolder.
• <EditableTextLabel> only gets autofocus when it's also inEdit.

Added

• Set publish registry with publishConfig option.

Fixed

• [deploy] Fix git auth while pushing new tag.
• [deploy] Commit files with --all option.

Added

• Add Apache License 2.0 for open-source.
• Add Installation and Usage contents in README.
• A new <EditableBasicRow> containing input logics is split from <EditableText>. (#63) Also supports choosing from input or textarea for its inner tag. (#64)
• Add shields on README. (#66)

Changed

• Add Installation and Usage contents in README.
• <EditableText> is simplified to only hold status-related logic. (#63)
• <TextInput> now passes all unknown props to <EditableText> for convenience. (#63)
• <EditableTextLabel> is now the only component which manages the input value change with onEditEnd callback, as well as Enter/Esc key presses and input blurs. (#63)
• Flow type annotations for <Editable-*> components and <TextInput>. (#63)
• Turn CI service to TravisCI. (#66)
• Update deloy.sh and ghpages.sh scripts to fit TravisCI.
• Upgrade node-sass to v4.5.3 to fix error on Node 8.
• Replace jest-junit reporter by Coveralls, send coverage data to Coveralls after CI build.