iCHEF web components library, built with React.
<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.Fixes @ichef/gypcrete-form package not publishing anything.
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.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.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~ prop is removed in favor of new 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.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.