@scaleflex/ui-tw 0.0.46 → 0.0.47

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 (15) hide show
  1. package/combobox/combobox-multi-inline/combobox-multi-inline.component.d.ts +1 -1
  2. package/combobox/combobox-multi-inline/combobox-multi-inline.component.js +3 -1
  3. package/combobox/combobox-multi-tag/combobox-multi-tag.component.d.ts +1 -1
  4. package/combobox/combobox-multi-tag/combobox-multi-tag.component.js +3 -1
  5. package/combobox/combobox-single/combobox-single.component.d.ts +1 -1
  6. package/combobox/combobox-single/combobox-single.component.js +3 -1
  7. package/combobox/combobox.component.d.ts +1 -1
  8. package/combobox/combobox.component.js +4 -2
  9. package/combobox/combobox.types.d.ts +2 -0
  10. package/input-tags/input-tags.component.d.ts +1 -1
  11. package/input-tags/input-tags.component.js +7 -3
  12. package/input-tags/input-tags.types.d.ts +2 -0
  13. package/package.json +2 -2
  14. package/textarea/components/left-toolbar-buttons.js +6 -2
  15. package/textarea/textarea.types.d.ts +2 -0
package/combobox/combobox-multi-inline/combobox-multi-inline.component.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import type { ComboboxMultiInlineProps } from '../combobox.types';
3
- export declare function ComboboxMultiInline({ options, value, onChange, placeholder, className, disabled, size, readOnly, showClear, popoverClassName, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, formItemId, ...rest }: ComboboxMultiInlineProps): React.JSX.Element;
3
+ export declare function ComboboxMultiInline({ options, value, onChange, placeholder, className, disabled, size, readOnly, showClear, popoverClassName, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, formItemId, searchPlaceholder, ...rest }: ComboboxMultiInlineProps): React.JSX.Element;
package/combobox/combobox-multi-inline/combobox-multi-inline.component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "showClear", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "formItemId"];
4
+ var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "showClear", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "formItemId", "searchPlaceholder"];
5
5
  import { Popover } from '@scaleflex/ui-tw/popover';
6
6
  import { FormSize } from '@scaleflex/ui-tw/types/form-size';
7
7
  import React from 'react';
@@ -31,6 +31,7 @@ export function ComboboxMultiInline(_ref) {
31
31
  defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
32
32
  popoverContentProps = _ref.popoverContentProps,
33
33
  formItemId = _ref.formItemId,
34
+ searchPlaceholder = _ref.searchPlaceholder,
34
35
  rest = _objectWithoutProperties(_ref, _excluded);
35
36
  var _useState = useState(defaultOpen),
36
37
  _useState2 = _slicedToArray(_useState, 2),
@@ -81,6 +82,7 @@ export function ComboboxMultiInline(_ref) {
81
82
  formItemId: formItemId
82
83
  }, displayValue), /*#__PURE__*/React.createElement(ComboboxContent, {
83
84
  showGroupSeparator: showGroupSeparator,
85
+ searchPlaceholder: searchPlaceholder,
84
86
  className: popoverClassName,
85
87
  options: options,
86
88
  value: value,
package/combobox/combobox-multi-tag/combobox-multi-tag.component.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import * as React from 'react';
2
2
  import type { ComboboxMultiTagProps } from '../combobox.types';
3
- export declare function ComboboxMultiTag({ options, value, onChange, placeholder, className, disabled, size, readOnly, popoverClassName, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, ...rest }: ComboboxMultiTagProps): React.JSX.Element;
3
+ export declare function ComboboxMultiTag({ options, value, onChange, placeholder, className, disabled, size, readOnly, popoverClassName, onBlur, showGroupSeparator, defaultOpen, searchPlaceholder, popoverContentProps, ...rest }: ComboboxMultiTagProps): React.JSX.Element;
package/combobox/combobox-multi-tag/combobox-multi-tag.component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps"];
4
+ var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "searchPlaceholder", "popoverContentProps"];
5
5
  import { ButtonVariant, buttonVariants } from '@scaleflex/ui-tw/button';
6
6
  import { buttonBaseClassNames } from '@scaleflex/ui-tw/button/button.constants';
7
7
  import { createClearHandlers } from '@scaleflex/ui-tw/combobox/combobox.utils';
@@ -36,6 +36,7 @@ export function ComboboxMultiTag(_ref) {
36
36
  showGroupSeparator = _ref$showGroupSeparat === void 0 ? false : _ref$showGroupSeparat,
37
37
  _ref$defaultOpen = _ref.defaultOpen,
38
38
  defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
39
+ searchPlaceholder = _ref.searchPlaceholder,
39
40
  popoverContentProps = _ref.popoverContentProps,
40
41
  rest = _objectWithoutProperties(_ref, _excluded);
41
42
  var _getToolbarSizes = getToolbarSizes(size),
@@ -132,6 +133,7 @@ export function ComboboxMultiTag(_ref) {
132
133
  size: size,
133
134
  multiple: true,
134
135
  className: popoverClassName,
136
+ searchPlaceholder: searchPlaceholder,
135
137
  showGroupSeparator: showGroupSeparator,
136
138
  popoverContentProps: popoverContentProps
137
139
  }));
package/combobox/combobox-single/combobox-single.component.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import * as React from 'react';
2
2
  import type { ComboboxSingleProps } from '../combobox.types';
3
- export declare function ComboboxSingle({ options, value, onChange, placeholder, className, disabled, popoverClassName, size, readOnly, showClear, formItemId, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, ...rest }: ComboboxSingleProps): React.JSX.Element;
3
+ export declare function ComboboxSingle({ options, value, onChange, placeholder, className, disabled, popoverClassName, size, readOnly, showClear, formItemId, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, searchPlaceholder, ...rest }: ComboboxSingleProps): React.JSX.Element;
package/combobox/combobox-single/combobox-single.component.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "popoverClassName", "size", "readOnly", "showClear", "formItemId", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps"];
3
+ var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "popoverClassName", "size", "readOnly", "showClear", "formItemId", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "searchPlaceholder"];
4
4
  import { Popover } from '@scaleflex/ui-tw/popover';
5
5
  import { FormSize } from '@scaleflex/ui-tw/types/form-size';
6
6
  import * as React from 'react';
@@ -32,6 +32,7 @@ export function ComboboxSingle(_ref) {
32
32
  _ref$defaultOpen = _ref.defaultOpen,
33
33
  defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
34
34
  popoverContentProps = _ref.popoverContentProps,
35
+ searchPlaceholder = _ref.searchPlaceholder,
35
36
  rest = _objectWithoutProperties(_ref, _excluded);
36
37
  var _useState = useState(defaultOpen),
37
38
  _useState2 = _slicedToArray(_useState, 2),
@@ -72,6 +73,7 @@ export function ComboboxSingle(_ref) {
72
73
  "aria-invalid": rest['aria-invalid'],
73
74
  formItemId: formItemId
74
75
  }, selectedLabel || placeholder), /*#__PURE__*/React.createElement(ComboboxContent, {
76
+ searchPlaceholder: searchPlaceholder,
75
77
  className: popoverClassName,
76
78
  options: options,
77
79
  value: value,
package/combobox/combobox.component.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import type { ComboboxContentProps, ComboboxTriggerProps } from './combobox.types';
3
3
  export declare function ComboboxTrigger({ children, open, disabled, readOnly, size, className, selected, showClear, onClearAll, formItemId, ...rest }: ComboboxTriggerProps): React.JSX.Element;
4
- export declare function ComboboxContent({ options, value: selectedValue, onSelect, size, multiple, className, showGroupSeparator, popoverContentProps, }: ComboboxContentProps): React.JSX.Element;
4
+ export declare function ComboboxContent({ options, value: selectedValue, onSelect, size, multiple, className, showGroupSeparator, popoverContentProps, searchPlaceholder, }: ComboboxContentProps): React.JSX.Element;
package/combobox/combobox.component.js CHANGED
@@ -88,12 +88,14 @@ export function ComboboxContent(_ref2) {
88
88
  className = _ref2.className,
89
89
  _ref2$showGroupSepara = _ref2.showGroupSeparator,
90
90
  showGroupSeparator = _ref2$showGroupSepara === void 0 ? false : _ref2$showGroupSepara,
91
- popoverContentProps = _ref2.popoverContentProps;
91
+ popoverContentProps = _ref2.popoverContentProps,
92
+ _ref2$searchPlacehold = _ref2.searchPlaceholder,
93
+ searchPlaceholder = _ref2$searchPlacehold === void 0 ? 'Search...' : _ref2$searchPlacehold;
92
94
  return /*#__PURE__*/React.createElement(PopoverContent, _extends({
93
95
  className: cn('p-0', className)
94
96
  }, popoverContentProps), /*#__PURE__*/React.createElement(Command, null, /*#__PURE__*/React.createElement(CommandInput, {
95
97
  size: size,
96
- placeholder: "Search..."
98
+ placeholder: searchPlaceholder
97
99
  }), /*#__PURE__*/React.createElement(CommandList, null, /*#__PURE__*/React.createElement(CommandEmpty, null, "No results found."), options === null || options === void 0 ? void 0 : options.map(function (option, groupIndex) {
98
100
  if (isOptionGroup(option)) {
99
101
  return /*#__PURE__*/React.createElement(CommandGroup, {
package/combobox/combobox.types.d.ts CHANGED
@@ -27,6 +27,7 @@ export type ComboboxContentProps = {
27
27
  multiple?: boolean;
28
28
  className?: string;
29
29
  showGroupSeparator?: boolean;
30
+ searchPlaceholder?: string;
30
31
  popoverContentProps?: ComponentProps<typeof PopoverPrimitive.Content>;
31
32
  };
32
33
  export interface CommandInputProps extends Omit<ComponentProps<typeof CommandPrimitive.Input>, 'size'> {
@@ -56,6 +57,7 @@ interface ComboboxCommonProps {
56
57
  'aria-invalid'?: boolean;
57
58
  formItemId?: string;
58
59
  showGroupSeparator?: boolean;
60
+ searchPlaceholder?: string;
59
61
  popoverContentProps?: ComponentProps<typeof PopoverPrimitive.Content>;
60
62
  }
61
63
  export interface ComboboxSingleProps extends ComboboxCommonProps {
package/input-tags/input-tags.component.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { InputTagsProps } from '@scaleflex/ui-tw/input-tags/input-tags.types';
2
2
  import * as React from 'react';
3
- export declare function InputTags({ value, onChange, suggestedTags, allTags, placeholder, allowCustomTags, disabled, size, onGenerateTags, popoverClassName, popoverContentProps, formItemId, readOnly, className, ...rest }: InputTagsProps): React.JSX.Element;
3
+ export declare function InputTags({ value, onChange, suggestedTags, allTags, placeholder, allowCustomTags, disabled, size, onGenerateTags, popoverClassName, popoverContentProps, formItemId, readOnly, className, clearAllLabel, generateLabel, ...rest }: InputTagsProps): React.JSX.Element;
package/input-tags/input-tags.component.js CHANGED
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
- var _excluded = ["value", "onChange", "suggestedTags", "allTags", "placeholder", "allowCustomTags", "disabled", "size", "onGenerateTags", "popoverClassName", "popoverContentProps", "formItemId", "readOnly", "className"];
5
+ var _excluded = ["value", "onChange", "suggestedTags", "allTags", "placeholder", "allowCustomTags", "disabled", "size", "onGenerateTags", "popoverClassName", "popoverContentProps", "formItemId", "readOnly", "className", "clearAllLabel", "generateLabel"];
6
6
  import { SparkleIcon } from '@scaleflex/icons-tw/sparkle-icon';
7
7
  import { Button } from '@scaleflex/ui-tw/button';
8
8
  import { iconSizeInTriggerOptions } from '@scaleflex/ui-tw/combobox/combobox.constants';
@@ -48,6 +48,10 @@ export function InputTags(_ref) {
48
48
  formItemId = _ref.formItemId,
49
49
  readOnly = _ref.readOnly,
50
50
  className = _ref.className,
51
+ _ref$clearAllLabel = _ref.clearAllLabel,
52
+ clearAllLabel = _ref$clearAllLabel === void 0 ? 'Clear all' : _ref$clearAllLabel,
53
+ _ref$generateLabel = _ref.generateLabel,
54
+ generateLabel = _ref$generateLabel === void 0 ? 'Generate' : _ref$generateLabel,
51
55
  rest = _objectWithoutProperties(_ref, _excluded);
52
56
  var _useState = useState(false),
53
57
  _useState2 = _slicedToArray(_useState, 2),
@@ -153,7 +157,7 @@ export function InputTags(_ref) {
153
157
  "aria-label": "Clear all",
154
158
  "data-clear-icon": "true",
155
159
  onClick: handleClearAll
156
- }, "Clear all"), onGenerateTags && /*#__PURE__*/React.createElement(Button, {
160
+ }, clearAllLabel), onGenerateTags && /*#__PURE__*/React.createElement(Button, {
157
161
  tabIndex: 0,
158
162
  "aria-label": "Generate tags",
159
163
  type: "button",
@@ -166,7 +170,7 @@ export function InputTags(_ref) {
166
170
  e.stopPropagation();
167
171
  onGenerateTags === null || onGenerateTags === void 0 || onGenerateTags();
168
172
  }
169
- }, "Generate")), /*#__PURE__*/React.createElement(ChevronsUpDownIcon, {
173
+ }, generateLabel)), /*#__PURE__*/React.createElement(ChevronsUpDownIcon, {
170
174
  className: cn('mr-1.5 ml-auto shrink-0 opacity-50', iconSizeInTriggerOptions[size])
171
175
  })) : /*#__PURE__*/React.createElement(ChevronsUpDownIcon, {
172
176
  className: cn('my-auto mr-1.5 ml-auto shrink-0 opacity-50', iconSizeInTriggerOptions[size])
package/input-tags/input-tags.types.d.ts CHANGED
@@ -20,5 +20,7 @@ export interface InputTagsProps {
20
20
  formItemId?: string;
21
21
  readOnly?: boolean;
22
22
  className?: string;
23
+ clearAllLabel?: string;
24
+ generateLabel?: string;
23
25
  'aria-invalid'?: boolean;
24
26
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scaleflex/ui-tw",
3
- "version": "0.0.46",
3
+ "version": "0.0.47",
4
4
  "author": "scaleflex",
5
5
  "repository": "github:scaleflex/ui",
6
6
  "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -23,7 +23,7 @@
23
23
  "@radix-ui/react-slot": "^1.1.2",
24
24
  "@radix-ui/react-switch": "^1.0.1",
25
25
  "@radix-ui/react-tooltip": "^1.2.6",
26
- "@scaleflex/icons-tw": "^0.0.46",
26
+ "@scaleflex/icons-tw": "^0.0.47",
27
27
  "@tanstack/react-table": "^8.21.3",
28
28
  "@types/lodash.merge": "^4.6.9",
29
29
  "class-variance-authority": "^0.7.1",
package/textarea/components/left-toolbar-buttons.js CHANGED
@@ -4,6 +4,10 @@ import React from 'react';
4
4
  import { getToolbarSizes } from '../textarea.utils';
5
5
  export var LeftToolbarButtons = function LeftToolbarButtons(props) {
6
6
  var size = props.size,
7
+ _props$generateLabel = props.generateLabel,
8
+ generateLabel = _props$generateLabel === void 0 ? 'Generate' : _props$generateLabel,
9
+ _props$clearAllLabel = props.clearAllLabel,
10
+ clearAllLabel = _props$clearAllLabel === void 0 ? 'Clear all' : _props$clearAllLabel,
7
11
  onGenerate = props.onGenerate,
8
12
  onClearAll = props.onClearAll;
9
13
  var _getToolbarSizes = getToolbarSizes(size),
@@ -16,10 +20,10 @@ export var LeftToolbarButtons = function LeftToolbarButtons(props) {
16
20
  className: "size-3.5"
17
21
  }),
18
22
  onClick: onGenerate
19
- }, "Generate"), onClearAll && /*#__PURE__*/React.createElement(Button, {
23
+ }, generateLabel), onClearAll && /*#__PURE__*/React.createElement(Button, {
20
24
  type: "button",
21
25
  variant: "ghost-secondary",
22
26
  size: buttonSize,
23
27
  onClick: onClearAll
24
- }, "Clear all"));
28
+ }, clearAllLabel));
25
29
  };
package/textarea/textarea.types.d.ts CHANGED
@@ -18,6 +18,8 @@ export interface RightToolbarButtonsProps {
18
18
  }
19
19
  export interface LeftToolbarButtonsProps {
20
20
  size?: FormSizeType;
21
+ generateLabel?: string;
22
+ clearAllLabel?: string;
21
23
  onGenerate?: () => void;
22
24
  onClearAll?: () => void;
23
25
  }