iCHEF web components library, built with React.
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
large prop to <Popup>. (#273)<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.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)<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.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)<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)