@ozen-ui/kit 0.58.2 → 0.58.3

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.
Files changed (5) hide show
  1. package/__inner__/cjs/components/AutocompleteNext/Autocomplete.css +5 -5
  2. package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/AutocompleteInput.js +3 -3
  3. package/__inner__/esm/components/AutocompleteNext/Autocomplete.css +5 -5
  4. package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/AutocompleteInput.js +3 -3
  5. package/package.json +4 -4
package/__inner__/cjs/components/AutocompleteNext/Autocomplete.css CHANGED
@@ -105,14 +105,14 @@
105
105
  color: var(--textfield-color);
106
106
  }
107
107
 
108
- .AutocompleteNext-Input_multiple * + input::placeholder, .AutocompleteNext-Input_multiple input:focus::placeholder {
109
- opacity: 1;
110
- }
111
-
112
- .AutocompleteNext-Input_multiple.AutocompleteNext-InputhasLabel input::placeholder {
108
+ .AutocompleteNext-Input_multiple.AutocompleteNext-Input_hasLabel input::placeholder {
113
109
  opacity: 0;
114
110
  }
115
111
 
112
+ .AutocompleteNext-Input_multiple * + input::placeholder, .AutocompleteNext-Input_multiple input:focus::placeholder, .AutocompleteNext-Input_multiple.AutocompleteNext-Input_hasLabel * + input::placeholder, .AutocompleteNext-Input_multiple.AutocompleteNext-Input_hasLabel input:focus::placeholder {
113
+ opacity: 1;
114
+ }
115
+
116
116
  .AutocompleteNext-Input_responsive {
117
117
  flex-wrap: nowrap;
118
118
  gap: unset;
package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/AutocompleteInput.js CHANGED
@@ -11,7 +11,7 @@ var components_1 = require("./components");
11
11
  var helpers_1 = require("./helpers");
12
12
  var AutocompleteInputRender = function (inProps, ref) {
13
13
  var _a, _b;
14
- var _c = inProps.size, size = _c === void 0 ? 'm' : _c, open = inProps.open, value = inProps.value, onOpen = inProps.onOpen, onClear = inProps.onClear, multiple = inProps.multiple, disabled = inProps.disabled, openText = inProps.openText, onRemoveTag = inProps.onRemoveTag, clearText = inProps.clearText, closeText = inProps.closeText, className = inProps.className, bodyProps = inProps.bodyProps, inputProps = inProps.inputProps, renderRight = inProps.renderRight, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, disableClearButton = inProps.disableClearButton, disableShowChevron = inProps.disableShowChevron, renderTag = inProps.renderTag, renderInputProp = inProps.renderInput, renderMoreTag = inProps.renderMoreTag, other = tslib_1.__rest(inProps, ["size", "open", "value", "onOpen", "onClear", "multiple", "disabled", "openText", "onRemoveTag", "clearText", "closeText", "className", "bodyProps", "inputProps", "renderRight", "placeholder", "selectedOptions", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags", "disableClearButton", "disableShowChevron", "renderTag", "renderInput", "renderMoreTag"]);
14
+ var _c = inProps.size, size = _c === void 0 ? 'm' : _c, open = inProps.open, value = inProps.value, onOpen = inProps.onOpen, onClear = inProps.onClear, multiple = inProps.multiple, disabled = inProps.disabled, label = inProps.label, openText = inProps.openText, onRemoveTag = inProps.onRemoveTag, clearText = inProps.clearText, closeText = inProps.closeText, className = inProps.className, bodyProps = inProps.bodyProps, inputProps = inProps.inputProps, renderRight = inProps.renderRight, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, disableClearButton = inProps.disableClearButton, disableShowChevron = inProps.disableShowChevron, renderTag = inProps.renderTag, renderInputProp = inProps.renderInput, renderMoreTag = inProps.renderMoreTag, other = tslib_1.__rest(inProps, ["size", "open", "value", "onOpen", "onClear", "multiple", "disabled", "label", "openText", "onRemoveTag", "clearText", "closeText", "className", "bodyProps", "inputProps", "renderRight", "placeholder", "selectedOptions", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags", "disableClearButton", "disableShowChevron", "renderTag", "renderInput", "renderMoreTag"]);
15
15
  var hasValue = (0, helpers_1.isMultipleParams)(inProps)
16
16
  ? !!((_a = inProps.selectedOptions) === null || _a === void 0 ? void 0 : _a.length)
17
17
  : (0, isNotNil_1.isNotNil)(selectedOptions);
@@ -27,11 +27,11 @@ var AutocompleteInputRender = function (inProps, ref) {
27
27
  }
28
28
  if ((0, helpers_1.isMultipleParams)(inProps)) {
29
29
  var selectedOptions_1 = inProps.selectedOptions;
30
- return (react_1.default.createElement(components_1.AutocompleteInputMultiple, tslib_1.__assign({ renderTag: renderTag, limitTags: limitTags, onRemoveTag: onRemoveTag, getOptionKey: getOptionKey, renderMoreTag: renderMoreTag, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, selectedOptions: selectedOptions_1, ref: ref }, other)));
30
+ return (react_1.default.createElement(components_1.AutocompleteInputMultiple, tslib_1.__assign({ label: label, renderTag: renderTag, limitTags: limitTags, onRemoveTag: onRemoveTag, getOptionKey: getOptionKey, renderMoreTag: renderMoreTag, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, selectedOptions: selectedOptions_1, ref: ref }, other)));
31
31
  }
32
32
  return null;
33
33
  };
34
- return renderInput(tslib_1.__assign({ size: size, disabled: disabled, value: value || '', placeholder: placeholder, renderRight: (react_1.default.createElement(AutocompleteRenderRight_1.AutocompleteRenderRight, { open: open, size: size, onOpen: onOpen, onClear: onClear, hasValue: hasValue, openText: openText, disabled: disabled, clearText: clearText, closeText: closeText, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), labelProps: {
34
+ return renderInput(tslib_1.__assign({ size: size, disabled: disabled, label: label, value: value || '', placeholder: placeholder, renderRight: (react_1.default.createElement(AutocompleteRenderRight_1.AutocompleteRenderRight, { open: open, size: size, onOpen: onOpen, onClear: onClear, hasValue: hasValue, openText: openText, disabled: disabled, clearText: clearText, closeText: closeText, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), labelProps: {
35
35
  shrink: !!selectedOptionsLength,
36
36
  }, inputProps: tslib_1.__assign(tslib_1.__assign({ autoComplete: 'off' }, inputProps), { renderComponent: renderComponent }), bodyProps: tslib_1.__assign({ 'aria-expanded': open }, bodyProps), className: (0, index_1.cnAutocomplete)({ size: size, multiple: multiple, hasChevron: !disableShowChevron }, [className]) }, other), ref);
37
37
  };
package/__inner__/esm/components/AutocompleteNext/Autocomplete.css CHANGED
@@ -105,14 +105,14 @@
105
105
  color: var(--textfield-color);
106
106
  }
107
107
 
108
- .AutocompleteNext-Input_multiple * + input::placeholder, .AutocompleteNext-Input_multiple input:focus::placeholder {
109
- opacity: 1;
110
- }
111
-
112
- .AutocompleteNext-Input_multiple.AutocompleteNext-InputhasLabel input::placeholder {
108
+ .AutocompleteNext-Input_multiple.AutocompleteNext-Input_hasLabel input::placeholder {
113
109
  opacity: 0;
114
110
  }
115
111
 
112
+ .AutocompleteNext-Input_multiple * + input::placeholder, .AutocompleteNext-Input_multiple input:focus::placeholder, .AutocompleteNext-Input_multiple.AutocompleteNext-Input_hasLabel * + input::placeholder, .AutocompleteNext-Input_multiple.AutocompleteNext-Input_hasLabel input:focus::placeholder {
113
+ opacity: 1;
114
+ }
115
+
116
116
  .AutocompleteNext-Input_responsive {
117
117
  flex-wrap: nowrap;
118
118
  gap: unset;
package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/AutocompleteInput.js CHANGED
@@ -8,7 +8,7 @@ import { AutocompleteInputMultiple } from './components';
8
8
  import { isNotMultipleParams, isMultipleParams } from './helpers';
9
9
  var AutocompleteInputRender = function (inProps, ref) {
10
10
  var _a, _b;
11
- var _c = inProps.size, size = _c === void 0 ? 'm' : _c, open = inProps.open, value = inProps.value, onOpen = inProps.onOpen, onClear = inProps.onClear, multiple = inProps.multiple, disabled = inProps.disabled, openText = inProps.openText, onRemoveTag = inProps.onRemoveTag, clearText = inProps.clearText, closeText = inProps.closeText, className = inProps.className, bodyProps = inProps.bodyProps, inputProps = inProps.inputProps, renderRight = inProps.renderRight, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, disableClearButton = inProps.disableClearButton, disableShowChevron = inProps.disableShowChevron, renderTag = inProps.renderTag, renderInputProp = inProps.renderInput, renderMoreTag = inProps.renderMoreTag, other = __rest(inProps, ["size", "open", "value", "onOpen", "onClear", "multiple", "disabled", "openText", "onRemoveTag", "clearText", "closeText", "className", "bodyProps", "inputProps", "renderRight", "placeholder", "selectedOptions", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags", "disableClearButton", "disableShowChevron", "renderTag", "renderInput", "renderMoreTag"]);
11
+ var _c = inProps.size, size = _c === void 0 ? 'm' : _c, open = inProps.open, value = inProps.value, onOpen = inProps.onOpen, onClear = inProps.onClear, multiple = inProps.multiple, disabled = inProps.disabled, label = inProps.label, openText = inProps.openText, onRemoveTag = inProps.onRemoveTag, clearText = inProps.clearText, closeText = inProps.closeText, className = inProps.className, bodyProps = inProps.bodyProps, inputProps = inProps.inputProps, renderRight = inProps.renderRight, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, disableClearButton = inProps.disableClearButton, disableShowChevron = inProps.disableShowChevron, renderTag = inProps.renderTag, renderInputProp = inProps.renderInput, renderMoreTag = inProps.renderMoreTag, other = __rest(inProps, ["size", "open", "value", "onOpen", "onClear", "multiple", "disabled", "label", "openText", "onRemoveTag", "clearText", "closeText", "className", "bodyProps", "inputProps", "renderRight", "placeholder", "selectedOptions", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags", "disableClearButton", "disableShowChevron", "renderTag", "renderInput", "renderMoreTag"]);
12
12
  var hasValue = isMultipleParams(inProps)
13
13
  ? !!((_a = inProps.selectedOptions) === null || _a === void 0 ? void 0 : _a.length)
14
14
  : isNotNil(selectedOptions);
@@ -24,11 +24,11 @@ var AutocompleteInputRender = function (inProps, ref) {
24
24
  }
25
25
  if (isMultipleParams(inProps)) {
26
26
  var selectedOptions_1 = inProps.selectedOptions;
27
- return (React.createElement(AutocompleteInputMultiple, __assign({ renderTag: renderTag, limitTags: limitTags, onRemoveTag: onRemoveTag, getOptionKey: getOptionKey, renderMoreTag: renderMoreTag, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, selectedOptions: selectedOptions_1, ref: ref }, other)));
27
+ return (React.createElement(AutocompleteInputMultiple, __assign({ label: label, renderTag: renderTag, limitTags: limitTags, onRemoveTag: onRemoveTag, getOptionKey: getOptionKey, renderMoreTag: renderMoreTag, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, selectedOptions: selectedOptions_1, ref: ref }, other)));
28
28
  }
29
29
  return null;
30
30
  };
31
- return renderInput(__assign({ size: size, disabled: disabled, value: value || '', placeholder: placeholder, renderRight: (React.createElement(AutocompleteRenderRight, { open: open, size: size, onOpen: onOpen, onClear: onClear, hasValue: hasValue, openText: openText, disabled: disabled, clearText: clearText, closeText: closeText, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), labelProps: {
31
+ return renderInput(__assign({ size: size, disabled: disabled, label: label, value: value || '', placeholder: placeholder, renderRight: (React.createElement(AutocompleteRenderRight, { open: open, size: size, onOpen: onOpen, onClear: onClear, hasValue: hasValue, openText: openText, disabled: disabled, clearText: clearText, closeText: closeText, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), labelProps: {
32
32
  shrink: !!selectedOptionsLength,
33
33
  }, inputProps: __assign(__assign({ autoComplete: 'off' }, inputProps), { renderComponent: renderComponent }), bodyProps: __assign({ 'aria-expanded': open }, bodyProps), className: cnAutocomplete({ size: size, multiple: multiple, hasChevron: !disableShowChevron }, [className]) }, other), ref);
34
34
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ozen-ui/kit",
3
- "version": "0.58.2",
3
+ "version": "0.58.3",
4
4
  "description": "React component library",
5
5
  "files": [
6
6
  "*"
@@ -27,9 +27,9 @@
27
27
  "react-popper": "^2.3.0",
28
28
  "react-transition-group": "^4.4.5",
29
29
  "tslib": "^2.6.3",
30
- "@ozen-ui/fonts": "0.58.2",
31
- "@ozen-ui/icons": "0.58.2",
32
- "@ozen-ui/logger": "0.58.2"
30
+ "@ozen-ui/fonts": "0.58.3",
31
+ "@ozen-ui/icons": "0.58.3",
32
+ "@ozen-ui/logger": "0.58.3"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "react": ">=17.0.2 <19.0.0",