iCHEF web components library, built with React.
APACHE-2.0 License
Bot releases are visible (Hide)
Published by zhusee2 almost 6 years ago
<ListRow>
#172<SelectList>
#170<List>
vertical spacing inside certain components #169<Section>
layout from <List>
#166<Section>
as a general content wrapper with optional title and description text. (#166)showCheckAll
prop to disable checkAll
option in <SelectList>
. (#170)<SelectList>
accept the title
and desc
props. (#171)<List>
to wrap its own body with <Section>
. (#166)<ListRow>
to remove vertical margin from nested <List>
. (#166)<List>
by context when placed inside <ListRow>
or <Popover>
. (#169)<Section>
. (#166)<ColumnView>
body. (#167)<HeaderRow>
can now disable an area by setting false
to it. Styles updated. (#167)<ListRow>
. Add v3 color plates. (#172)@storybook/react
and its addons to 3.4.11
. (#173)anchored()
mixin horizontal alignment when anchor is larger than component applying the mixin. (#168)Published by zhusee2 over 6 years ago
<SelectOption>
with symbol instead #157<SelectRow>
to not auto-close under multiple mode #158SelectOption.typeSymbol
for element type comparison. (#157)getElementTypeSymbol
helper for getting type symbol from React Element. (#157)<List>
. (#159)<Button>
s are now bold
by default. (#159)<Text>
(which is in most row-components)<List>
(in title and desc)<ListRow>
(in desc)<Tag>
<Tooltip>
<EditableBasicRow>
does not blur on component status change anymore. (#161)<SelectRow>
should not auto-close under multiple selection mode. (#158)<ListRow>
footer should not render empty <p>
tags. (#159)Published by zhusee2 over 6 years ago
<Popover>
#147<TextInputRow>
#155@ichef/gypcrete-imageeditor
. (#148, #149, #150, #151)loading
is set<ImageEditor>
. (#150)multiLine
mode for <TextInputRow>
. It renders a <textarea>
instead,and auto-grows as user types. (#155)<TextInputRow>
. (#155)<Popover>
container. (#147)<Popover>
inside <SelectRow>
should not be closed until user clicks on the checkbox. (#147)Published by hsunpei over 6 years ago
<Modal>
when users click <Overlay>
and the onClose prop exists. (#140)<ListRow>
to match design in nested lists. (#141)<Button>
to support rendering into custom HTML tags. (#144)<Modal>
. (#140)<List>
. (#141)Published by hsunpei over 6 years ago
<Modal>
not rendering its content. #139Closable
HOC from <Modal>
to prevent unexpected closing behaviors occur when more than one modals are open. #139<Modal>
. #139<Modal>
not rendering its content (#139)Closable
HOC from <Modal>
to prevent unexpected closing behaviors occur when more than one modals are open. (#139)<Modal>
component. (#139)Published by hsunpei over 6 years ago
<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>
. #136iCHEF-Cloud2.0
(https://github.com/iCHEF/iCHEF-Cloud2.0/pull/1735)<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)Published by zhusee2 over 6 years ago
<Popup>
#127<Tooltip>
component #129<Button>
#131<Button>
tests #132<Popup>
is no longer wrapped with closable()
mixin, will not respond to ESC key now. (#127)<Button>
is now black. (#131)primary
prop from <Button>
in favor of cross-component bold
prop on rowComp()
. (#131)<PopupButton>
which renders a pre-configured <Button>
that should be used inside a <Popup>
. (#127)buttonsDirection
prop to <Popup>
to align its buttons either vertically (as default) or horizontally. (#127)<Popup>
to better match design. (#127)<Popup>
to simplify codes. (#127)<Popup>
. (#127)z-index
from components with renderToLayer()
HOC mixin. They will now be stack based on the stacking context on the base layers. (#128)<Tooltip>
component. (#129)<Text>
to inherit parent color but with 70% opacity. (#131)<Button>
(#131)--bail
workaround. (#132)Published by zhusee2 almost 7 years ago
Changes in this release:
<SelectRow>
should now close automatically after click on any option. (#125)<SelectRow>
. (#125)<Popover>
should only scroll its container. (#125)Published by zhusee2 almost 7 years ago
Changes in this release:
<Checkbox>
not displaying correct icons. (#124)<SelectRow>
to use new dropdown
icon. (#124)Published by zhusee2 almost 7 years ago
<IconButton>
injected class overridden by custom class<Popover>
and appearance tweak for <SelectRow>
<SelectRow>
issuesclosable()
HOC mixin now takes runtime options via props. (#118)formRow()
HOC mixin now takes withRef
option to maintain a ref to its wrapped component. (#118)<TextInputRow>
and <SwitchRow>
now accepts children
prop, will render inside <ListRow>
. (#118)<TextInputRow>
now exposes ref to inner <input>
via getInputNode()
method. (#118)<IconButton>
will be overridden with custom className
. (#117)<Popover>
should have max-height
while making its content scrollable. (#120)<SelectRow>
showing 'All' when it has no option. (#120)<SelectRow>
label should be tinted. (#120)<SelectRow>
with only one <Option>
showing All when the only option is checked. (#122)Published by zhusee2 almost 7 years ago
<SelectRow>
closable()
blocking children events<TextInputRow>
when being focused.tinted
prop for <IconButton>
for a half-transparent icon.<SelectList>
now passes sorted values via onChange()
<SelectRow>
now caches values internally, and use that to control <SelectList>
<SelectRow>
with asideAll
, asideNone
and asideSeparator
.parseSelectOptions()
helper to read from children of <SelectOption>
s.<ListRow>
stops forwarding status props to children via context. This is changed against v1.2.0
.<TextInputRow>
should take up whole space.<TextInputRow>
should not have background.closable()
HOC mixin configured to close on inside click.Published by zhusee2 almost 7 years ago
Fixes @ichef/gypcrete-form
package not publishing anything.
Published by zhusee2 almost 7 years ago
Published by zhusee2 almost 7 years ago
<Text>
should turn white inside a highlighted <ListRow>
. (#104)<ListRow>
. (#104)<HeaderRow>
. (#104)Published by zhusee2 almost 7 years ago
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>
<Popover>
, exporting an anchored one by default.closable()
HOC mixin to determine when to “close” on Esc key or on any key/touch on document.@ichef/gypcrete
)storybook-addon-info
. (#93)(#95)escapable()
mixin in favor of new closable()
.padding
option for anchored()
is renamed to edgePadding
for better understanding.<Tooltip>
now default-exports an anchored version. <AnchoredTooltip>
is removed from bundle.Published by zhusee2 almost 7 years ago
This release contains style updates and some behavior tweaks:
<EditableBasicRow>
now passes all unknown props to its underlying input.<body>
to use system-ui
font family.<List>
title is now bold.<ListRow>
now has 4px padding vertically and the same 16px horizontally.<rowComp(Component)>
<ListRow>
<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.prefixState
into getStateClassnames
so the state logic can be shared.row-padding
utility icon.Published by zhusee2 about 7 years ago
This release introduces API changes to <EditableTextLabel>
<EditableTextLabel>
:
inEdit
prop now defaults to undefined
, which means the component is uncontrolled.inEdit
is set either true
or false
, the component is controlled
onEditRequest
onDblClick
callback. Users can decide when to update the edit state.<EditableTextLabel>
:
icon
now renders correctly under edit modeonDblClick
callback.<HeaderRow>
which is split into left
, center
and right
tiers. (#69)<List>
section that supports a title and a description block. (#69)<ListRow>
with a Flexbox body for row components.z()
sass helper. (Migrate from iC-framework)escapable()
mixin, listening Esc
key to trigger onEscape
prop.<Overlay>
.<Popup>
component. (#70)<ColumnView>
which holds a header
above and a footer
below its main body area. (#71)<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
.Published by cjies over 7 years ago
publishConfig
option.--all
option.Published by cjies over 7 years ago
Installation
and Usage
contents in README.<EditableBasicRow>
containing input logics is split from <EditableText>
. (#63) Also supports choosing from input
or textarea
for its inner tag. (#64)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)<Editable-*>
components and <TextInput>
. (#63)deloy.sh
and ghpages.sh
scripts to fit TravisCI.node-sass
to v4.5.3 to fix error on Node 8.jest-junit
reporter by Coveralls, send coverage data to Coveralls after CI build.