@antscorp/antsomi-ui 1.3.5-beta.121 → 1.3.5-beta.123

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,9 +13,9 @@ export const CalendarSelection = props => {
13
13
  const { value, rangeLimit = RANGE_LIMIT, timezone = LOCAL_TIMEZONE, timeDisplayProps, popoverProps, rangePickerProps, onChange, } = props;
14
14
  const [state, dispatch] = useReducer(reducer, INITIAL_STATE);
15
15
  useLayoutEffect(() => {
16
- if (!value)
16
+ if (!value || initialed.current)
17
17
  return;
18
- dispatch(initState(value, !initialed.current));
18
+ dispatch(initState(value, initialed.current));
19
19
  initialed.current = true;
20
20
  }, [value]);
21
21
  useLayoutEffect(() => {
@@ -87,14 +87,14 @@ export const TemplateSaveAs = props => {
87
87
  React.createElement(Flex, null,
88
88
  React.createElement(Flex, { vertical: true, gap: 20, className: "template-container" },
89
89
  React.createElement(Flex, { className: "field-container" },
90
- React.createElement(Text, { className: "field-title field-title--middle" },
90
+ React.createElement(Text, { className: "field-title field-title--start" },
91
91
  templateLabel || 'Template name',
92
92
  React.createElement("span", null, "\u2009*")),
93
- saveOption === saveNewValue ? (React.createElement(Form.Item, { name: "template-name", validateTrigger: "onChange", noStyle: true, rules: [{ required: true, message: "This field can't be empty" }] },
93
+ saveOption === saveNewValue ? (React.createElement(Form.Item, { name: "template-name", validateTrigger: "onChange", rules: [{ required: true, message: "This field can't be empty" }] },
94
94
  React.createElement(Input, { className: "field-input", value: templateNameNew, placeholder: placeholder, debounce: 100, maxLength: 255, onAfterChange: value => {
95
95
  handleChangeValue({ templateName: { id: undefined, label: value } });
96
96
  setTemplateNameNew(value);
97
- }, "aria-valuetext": templateNameNew, required: true, errorMsg: "This field can't be empty" }))) : (React.createElement(Select, { className: "field-input", placeholder: selectPlaceholder, showSearch: true, searchValue: searchValue, onSearch: setSearchValue, onPopupScroll: e => {
97
+ }, "aria-valuetext": templateNameNew }))) : (React.createElement(Select, { className: "field-input", placeholder: selectPlaceholder, showSearch: true, searchValue: searchValue, onSearch: setSearchValue, onPopupScroll: e => {
98
98
  if (onNamePopupScroll)
99
99
  onNamePopupScroll(e);
100
100
  if (onScrollToBottom) {
@@ -133,7 +133,7 @@ export const TemplateSaveAs = props => {
133
133
  label: ((_b = templateNameList.find(item => item.id === value)) === null || _b === void 0 ? void 0 : _b.label) || '',
134
134
  });
135
135
  } }))),
136
- React.createElement(Flex, { className: "field-container" },
136
+ React.createElement(Flex, { className: "field-container", style: { marginTop: '-20px' } },
137
137
  React.createElement(Text, { className: "field-title field-title--middle" }, descriptionLabel || 'Description'),
138
138
  React.createElement(Input, { placeholder: descriptionPlaceholder || 'Describe your media template', className: "field-input", value: defaultTemplateDesc, debounce: 100, maxLength: 400, onAfterChange: value => handleChangeValue({ description: value }) })),
139
139
  React.createElement(Flex, { className: "field-container" },
@@ -39,6 +39,9 @@ export const TemplateSaveAsStyled = styled(Flex) `
39
39
  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.red6};
40
40
  }
41
41
 
42
+ &--start {
43
+ padding-top: 6px;
44
+ }
42
45
  &--middle {
43
46
  display: flex;
44
47
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antscorp/antsomi-ui",
3
- "version": "1.3.5-beta.121",
3
+ "version": "1.3.5-beta.123",
4
4
  "description": "An enterprise-class UI design language and React UI library.",
5
5
  "sideEffects": [
6
6
  "dist/*",