iCHEF web components library, built with React.
APACHE-2.0 License
Bot releases are hidden (Show)
Published by benny0642 over 2 years ago
add-location
icon (39aa011)fill
value to currentColor (b2e51ca)fill
color (87ba9ce)iCHEF/npm-install-with-cache-action@v1
(40cfe3a)Published by a26620236 over 2 years ago
rowComp()
by @chenesan in https://github.com/iCHEF/gypcrete/pull/278
SelectRow
is ineditable by @kyoyadmoon in https://github.com/iCHEF/gypcrete/pull/320
skip
in closable, refreshOnWindowResize
and distanceFromAnchor
in anchored
by @chenesan in https://github.com/iCHEF/gypcrete/pull/324
<TextInput>
by @chenesan in https://github.com/iCHEF/gypcrete/pull/327
Full Changelog: https://github.com/iCHEF/gypcrete/compare/v4.3.0...v4.4.0
Published by chenesan over 4 years ago
large
prop to <Popup>
. (#273)Published by chenesan over 4 years ago
Published by tz5514 over 4 years ago
<ListRow>
& <List>
styles for supporting nested list better. (#257)rowProps
used to be replaced in mixin formRow
.(#258)Published by kyoyadmoon over 4 years ago
Published by zhusee2 about 5 years ago
<ColumnView>
and <Modal>
#224<ImageEditor>
to reflect getImageCanvas
API change #222<ImageEditor>
to give canvas in the same size of editor by default #220<SelectList>
& <SelectRow>
#213@babel/runtime-corejs2
to @babel/runtime-corejs3
.package.json
.<ColumnView>
:
bottomPadding
prop is removed. Please use bodyPadding
prop and pass an object instead.<Modal>
:
<Modal>
is refactored to render a <ColumnView>
as its inner layout.<Modal>
no longer takes size
and bodyClassName
props.bodyPadding
prop now takes an object and is passed to <ColumnView>
.<SelectList>
:
values
to value
, and it receive a single value directly when is not multiple
, and receive an array when multiple
is true.defaultValues
to defaultValue
, and it receive a single value directly when is not multiple
, and receive an array when multiple
is true.allOptionLabel
to checkAllLabel
.<SelectRow>
:
values
to value
, and it receive a single value directly when is not multiple
, and receive an array when multiple
is true.defaultValues
to defaultValue
, and it receive a single value directly when is not multiple
, and receive an array when multiple
is true.asideAll
to asideAllLabel
.asideNone
to asideNoneLabel
.getImageCanvas()
of <ImageEditor>
now returns a <canvas>
in the same dimension as the editor itself by default.[email protected]
.inline-info
icon to the selections of <Icon>
.flexBody
prop for <ColumnView>
(and also <Modal>
) to render its body as a Flexbox.<Section>
title style and increase bottom margin.sinon
; remove sinon
from dev dependencies.<SelectRow>
and <SwitchRow>
to adpat vertically-reversed appearance as <TextInputRow>
in v3.0.desc
prop to <SelectOption>
<SelectRow>
now considers empty string ''
as unset.<ColumnView>
and <Modal>
.core-js
v3 to provide better polyfilling.[email protected]
for Node v10+ support.stylelint@^10.0
, autoprefixer@^9.6
and postcss-loader@^3
for better CSS support.Published by zhusee2 over 5 years ago
closable()
mixin to use React's own events mechanism #202<TextInputRow>
for custom rendering and textarea autosizing #203<TextInput>
to match latest design #205<Avatar>
to display an image along with the text #208<ImageEditor>
for get canvas and controllable scale #209verticalOrder
prop to <Text>
so you can swap the position of basic
and aside
. Also applied to rowComp()
mixin.<TextInput>
to match latest design, offering single-line <input>
, multi-line <textarea>
and supports custom rendering via render prop.<TextInputRow>
now renders the new <TextInput>
and forwards almost every prop to it, without a ref to its inner input.<Avatar>
to display an image.getImageCanvas()
to get current image canvas element.scale
& onScaleChange
to make scale value of editor can be controlled.closable()
mixin to detect inside/outside clicks via React SyntheticEvent mechanism instead of listening native events from DOM.<TextInput>
and form <TextInputRow>
. (#203)rowComp()
to allow the appearance of <Avatar>
alongside the text. (#208)<Checkbox>
to display <Avatar>
. (#208)<SelectRow>
and <Checkbox>
to display <Avatar>
. (#208)<Avatar>
and the list components with <Avatar>
s. (#208)Published by tz5514 over 5 years ago
<SearchInput>
behavior:
value
, onChange
and onReset
.onSearch
when input blur by default. You can enable this behavior by setting prop searchOnInputBlur
be true
searchOnInputChange
, when it is true
, onSearch
will be triggered every time after input changed. The default value is false
.blockDuplicateValueSearch
, when it is true
, onSearch
will not be triggerd if input value is same with last time searching.blockEmptyValueSearch
, when it is true
, onSearch
will not be triggerd if input value is empty.input
to be inputProps
.<SearchInput>
styles.Published by zhusee2 almost 6 years ago
2.0.0-beta.0
2.0.0-beta.1
babel-runtime
to @babel/runtime-corejs2
. (#185)react@^16.6.0
and react-dom@^16.6.0
. (#187)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.renderToLayer()
HOC mixin. (#188)anchored()
mixin to extrac its positioning logic, and adapt memoize approach to not rely on lifecycle methods. (#190)@storybook/react@^4.0.0
to support Babel 7. (#187)[email protected]
; fix tests for that. (#183)[email protected]
to support Babel 7. (#185)[email protected]
, [email protected]
and [email protected]
. (#186)[email protected]
and [email protected]
. (#187)Published by zhusee2 almost 6 years ago
<SplitView>
and <SplitViewColumn>
. (#178)<SplitView>
and its usage with <ColumView>
. (#178)closable()
mixin is now triggered on touchend
events on touch devices. (#176)<ColumnView>
layout styles; allow overriding bottom padding. (#178)<Popover>
to add a row of hyperlink <Button>
. (#176)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)