@scaleflex/ui-tw 0.0.39 → 0.0.40

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 (16) 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 +8 -3
  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 +8 -3
  5. package/combobox/combobox-single/combobox-single.component.d.ts +1 -1
  6. package/combobox/combobox-single/combobox-single.component.js +8 -3
  7. package/combobox/combobox.component.d.ts +1 -1
  8. package/combobox/combobox.component.js +5 -3
  9. package/combobox/combobox.types.d.ts +4 -0
  10. package/date-picker/date-picker.component.d.ts +1 -1
  11. package/date-picker/date-picker.component.js +8 -4
  12. package/date-picker/date-picker.types.d.ts +4 -0
  13. package/package.json +2 -2
  14. package/select/components/selector.d.ts +1 -1
  15. package/select/components/selector.js +4 -3
  16. package/select/select.types.d.ts +1 -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, ...rest }: ComboboxMultiInlineProps): React.JSX.Element;
3
+ export declare function ComboboxMultiInline({ options, value, onChange, placeholder, className, disabled, size, readOnly, showClear, popoverClassName, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, ...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"];
4
+ var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "showClear", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps"];
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';
@@ -27,8 +27,11 @@ export function ComboboxMultiInline(_ref) {
27
27
  onBlur = _ref.onBlur,
28
28
  _ref$showGroupSeparat = _ref.showGroupSeparator,
29
29
  showGroupSeparator = _ref$showGroupSeparat === void 0 ? false : _ref$showGroupSeparat,
30
+ _ref$defaultOpen = _ref.defaultOpen,
31
+ defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
32
+ popoverContentProps = _ref.popoverContentProps,
30
33
  rest = _objectWithoutProperties(_ref, _excluded);
31
- var _useState = useState(false),
34
+ var _useState = useState(defaultOpen),
32
35
  _useState2 = _slicedToArray(_useState, 2),
33
36
  open = _useState2[0],
34
37
  setOpen = _useState2[1];
@@ -62,6 +65,7 @@ export function ComboboxMultiInline(_ref) {
62
65
  };
63
66
  return /*#__PURE__*/React.createElement(Popover, {
64
67
  open: open,
68
+ defaultOpen: defaultOpen,
65
69
  onOpenChange: onOpenChange
66
70
  }, /*#__PURE__*/React.createElement(ComboboxTrigger, {
67
71
  open: open,
@@ -80,6 +84,7 @@ export function ComboboxMultiInline(_ref) {
80
84
  value: value,
81
85
  onSelect: toggleValue,
82
86
  size: size,
83
- multiple: true
87
+ multiple: true,
88
+ popoverContentProps: popoverContentProps
84
89
  }));
85
90
  }
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, ...rest }: ComboboxMultiTagProps): React.JSX.Element;
3
+ export declare function ComboboxMultiTag({ options, value, onChange, placeholder, className, disabled, size, readOnly, popoverClassName, onBlur, showGroupSeparator, defaultOpen, 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"];
4
+ var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "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';
@@ -34,10 +34,13 @@ export function ComboboxMultiTag(_ref) {
34
34
  onBlur = _ref.onBlur,
35
35
  _ref$showGroupSeparat = _ref.showGroupSeparator,
36
36
  showGroupSeparator = _ref$showGroupSeparat === void 0 ? false : _ref$showGroupSeparat,
37
+ _ref$defaultOpen = _ref.defaultOpen,
38
+ defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
39
+ popoverContentProps = _ref.popoverContentProps,
37
40
  rest = _objectWithoutProperties(_ref, _excluded);
38
41
  var _getToolbarSizes = getToolbarSizes(size),
39
42
  buttonSize = _getToolbarSizes.buttonSize;
40
- var _useState = useState(false),
43
+ var _useState = useState(defaultOpen),
41
44
  _useState2 = _slicedToArray(_useState, 2),
42
45
  open = _useState2[0],
43
46
  setOpen = _useState2[1];
@@ -73,6 +76,7 @@ export function ComboboxMultiTag(_ref) {
73
76
  handleOnTriggerKeyDown = _createClearHandlers.onKeyDown;
74
77
  return /*#__PURE__*/React.createElement(Popover, {
75
78
  open: open,
79
+ defaultOpen: defaultOpen,
76
80
  onOpenChange: onOpenChange
77
81
  }, /*#__PURE__*/React.createElement(PopoverTrigger, {
78
82
  asChild: true
@@ -128,6 +132,7 @@ export function ComboboxMultiTag(_ref) {
128
132
  size: size,
129
133
  multiple: true,
130
134
  className: popoverClassName,
131
- showGroupSeparator: showGroupSeparator
135
+ showGroupSeparator: showGroupSeparator,
136
+ popoverContentProps: popoverContentProps
132
137
  }));
133
138
  }
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, ...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, ...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"];
3
+ var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "popoverClassName", "size", "readOnly", "showClear", "formItemId", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps"];
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';
@@ -29,8 +29,11 @@ export function ComboboxSingle(_ref) {
29
29
  onBlur = _ref.onBlur,
30
30
  _ref$showGroupSeparat = _ref.showGroupSeparator,
31
31
  showGroupSeparator = _ref$showGroupSeparat === void 0 ? false : _ref$showGroupSeparat,
32
+ _ref$defaultOpen = _ref.defaultOpen,
33
+ defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
34
+ popoverContentProps = _ref.popoverContentProps,
32
35
  rest = _objectWithoutProperties(_ref, _excluded);
33
- var _useState = useState(false),
36
+ var _useState = useState(defaultOpen),
34
37
  _useState2 = _slicedToArray(_useState, 2),
35
38
  open = _useState2[0],
36
39
  setOpen = _useState2[1];
@@ -55,6 +58,7 @@ export function ComboboxSingle(_ref) {
55
58
  };
56
59
  return /*#__PURE__*/React.createElement(Popover, {
57
60
  open: open,
61
+ defaultOpen: defaultOpen,
58
62
  onOpenChange: onOpenChange
59
63
  }, /*#__PURE__*/React.createElement(ComboboxTrigger, {
60
64
  open: open,
@@ -73,6 +77,7 @@ export function ComboboxSingle(_ref) {
73
77
  value: value,
74
78
  onSelect: onSelect,
75
79
  size: size,
76
- showGroupSeparator: showGroupSeparator
80
+ showGroupSeparator: showGroupSeparator,
81
+ popoverContentProps: popoverContentProps
77
82
  }));
78
83
  }
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, }: ComboboxContentProps): React.JSX.Element;
4
+ export declare function ComboboxContent({ options, value: selectedValue, onSelect, size, multiple, className, showGroupSeparator, popoverContentProps, }: ComboboxContentProps): React.JSX.Element;
package/combobox/combobox.component.js CHANGED
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
1
2
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
4
  var _excluded = ["children", "open", "disabled", "readOnly", "size", "className", "selected", "showClear", "onClearAll", "formItemId"];
@@ -86,10 +87,11 @@ export function ComboboxContent(_ref2) {
86
87
  multiple = _ref2$multiple === void 0 ? false : _ref2$multiple,
87
88
  className = _ref2.className,
88
89
  _ref2$showGroupSepara = _ref2.showGroupSeparator,
89
- showGroupSeparator = _ref2$showGroupSepara === void 0 ? false : _ref2$showGroupSepara;
90
- return /*#__PURE__*/React.createElement(PopoverContent, {
90
+ showGroupSeparator = _ref2$showGroupSepara === void 0 ? false : _ref2$showGroupSepara,
91
+ popoverContentProps = _ref2.popoverContentProps;
92
+ return /*#__PURE__*/React.createElement(PopoverContent, _extends({
91
93
  className: cn('p-0', className)
92
- }, /*#__PURE__*/React.createElement(Command, null, /*#__PURE__*/React.createElement(CommandInput, {
94
+ }, popoverContentProps), /*#__PURE__*/React.createElement(Command, null, /*#__PURE__*/React.createElement(CommandInput, {
93
95
  size: size,
94
96
  placeholder: "Search..."
95
97
  }), /*#__PURE__*/React.createElement(CommandList, null, /*#__PURE__*/React.createElement(CommandEmpty, {
package/combobox/combobox.types.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
1
2
  import { SelectOption } from '@scaleflex/ui-tw/form';
2
3
  import { FormSizeType } from '@scaleflex/ui-tw/types/form-size';
3
4
  import { Command as CommandPrimitive } from 'cmdk';
@@ -26,6 +27,7 @@ export type ComboboxContentProps = {
26
27
  multiple?: boolean;
27
28
  className?: string;
28
29
  showGroupSeparator?: boolean;
30
+ popoverContentProps?: ComponentProps<typeof PopoverPrimitive.Content>;
29
31
  };
30
32
  export interface CommandInputProps extends Omit<ComponentProps<typeof CommandPrimitive.Input>, 'size'> {
31
33
  size?: FormSizeType;
@@ -48,11 +50,13 @@ interface ComboboxCommonProps {
48
50
  className?: string;
49
51
  disabled?: boolean;
50
52
  readOnly?: boolean;
53
+ defaultOpen?: boolean;
51
54
  size?: FormSizeType;
52
55
  popoverClassName?: string;
53
56
  'aria-invalid'?: boolean;
54
57
  formItemId?: string;
55
58
  showGroupSeparator?: boolean;
59
+ popoverContentProps?: ComponentProps<typeof PopoverPrimitive.Content>;
56
60
  }
57
61
  export interface ComboboxSingleProps extends ComboboxCommonProps {
58
62
  value: string;
package/date-picker/date-picker.component.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { DatePickerProps } from './date-picker.types';
3
- declare function DatePicker({ minDate, maxDate, readOnly, defaultDate, size, invalidDateText, disabled, onChange, popoverClassName, ...rest }: DatePickerProps): React.JSX.Element;
3
+ declare function DatePicker({ minDate, maxDate, readOnly, defaultDate, size, invalidDateText, disabled, onChange, popoverClassName, defaultOpen, popoverContentProps, ...rest }: DatePickerProps): React.JSX.Element;
4
4
  export { DatePicker };
package/date-picker/date-picker.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 = ["minDate", "maxDate", "readOnly", "defaultDate", "size", "invalidDateText", "disabled", "onChange", "popoverClassName"];
5
+ var _excluded = ["minDate", "maxDate", "readOnly", "defaultDate", "size", "invalidDateText", "disabled", "onChange", "popoverClassName", "defaultOpen", "popoverContentProps"];
6
6
  import { Button } from '@scaleflex/ui-tw/button';
7
7
  import { Calendar } from '@scaleflex/ui-tw/calendar';
8
8
  import { Input } from '@scaleflex/ui-tw/input';
@@ -28,8 +28,11 @@ function DatePicker(_ref) {
28
28
  disabled = _ref.disabled,
29
29
  onChange = _ref.onChange,
30
30
  popoverClassName = _ref.popoverClassName,
31
+ _ref$defaultOpen = _ref.defaultOpen,
32
+ defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
33
+ popoverContentProps = _ref.popoverContentProps,
31
34
  rest = _objectWithoutProperties(_ref, _excluded);
32
- var _useState = useState(false),
35
+ var _useState = useState(defaultOpen),
33
36
  _useState2 = _slicedToArray(_useState, 2),
34
37
  open = _useState2[0],
35
38
  setOpen = _useState2[1];
@@ -90,6 +93,7 @@ function DatePicker(_ref) {
90
93
  }
91
94
  }, rest)), /*#__PURE__*/React.createElement(Popover, {
92
95
  open: open,
96
+ defaultOpen: defaultOpen,
93
97
  onOpenChange: setOpen
94
98
  }, /*#__PURE__*/React.createElement(PopoverTrigger, {
95
99
  asChild: true
@@ -108,12 +112,12 @@ function DatePicker(_ref) {
108
112
  className: iconSizeInTriggerOptions[size]
109
113
  }), /*#__PURE__*/React.createElement("span", {
110
114
  className: "sr-only"
111
- }, "Select date"))), /*#__PURE__*/React.createElement(PopoverContent, {
115
+ }, "Select date"))), /*#__PURE__*/React.createElement(PopoverContent, _extends({
112
116
  className: cn('w-auto overflow-hidden p-0', popoverClassName),
113
117
  align: "end",
114
118
  alignOffset: -8,
115
119
  sideOffset: 10
116
- }, /*#__PURE__*/React.createElement(Calendar, {
120
+ }, popoverContentProps), /*#__PURE__*/React.createElement(Calendar, {
117
121
  mode: "single",
118
122
  selected: selectedDate,
119
123
  captionLayout: "dropdown",
package/date-picker/date-picker.types.d.ts CHANGED
@@ -1,4 +1,6 @@
1
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
1
2
  import { FormSizeType } from '@scaleflex/ui-tw/types/form-size';
3
+ import { ComponentProps } from 'react';
2
4
  export type DatePickerProps = {
3
5
  minDate?: Date;
4
6
  maxDate?: Date;
@@ -8,5 +10,7 @@ export type DatePickerProps = {
8
10
  invalidDateText?: string;
9
11
  popoverClassName?: string;
10
12
  disabled?: boolean;
13
+ defaultOpen?: boolean;
11
14
  onChange?: (date: Date) => void;
15
+ popoverContentProps?: ComponentProps<typeof PopoverPrimitive.Content>;
12
16
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scaleflex/ui-tw",
3
- "version": "0.0.39",
3
+ "version": "0.0.40",
4
4
  "author": "scaleflex",
5
5
  "repository": "github:scaleflex/ui",
6
6
  "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -22,7 +22,7 @@
22
22
  "@radix-ui/react-slot": "^1.1.2",
23
23
  "@radix-ui/react-switch": "^1.0.1",
24
24
  "@radix-ui/react-tooltip": "^1.2.6",
25
- "@scaleflex/icons-tw": "^0.0.39",
25
+ "@scaleflex/icons-tw": "^0.0.40",
26
26
  "@types/lodash.merge": "^4.6.9",
27
27
  "class-variance-authority": "^0.7.1",
28
28
  "cmdk": "^1.1.1",
package/select/components/selector.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import type { SelectorProps } from '../select.types';
3
- export declare function Selector({ value, onChange, placeholder, disabled, readOnly, size, className, icon, options, showGroupSeparator, formItemId, popoverClassName, defaultOpen, triggerProps, ...rest }: SelectorProps): React.JSX.Element;
3
+ export declare function Selector({ value, onChange, placeholder, disabled, readOnly, size, className, icon, options, showGroupSeparator, formItemId, popoverClassName, selectorContentProps, defaultOpen, triggerProps, ...rest }: SelectorProps): React.JSX.Element;
package/select/components/selector.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["value", "onChange", "placeholder", "disabled", "readOnly", "size", "className", "icon", "options", "showGroupSeparator", "formItemId", "popoverClassName", "defaultOpen", "triggerProps"];
3
+ var _excluded = ["value", "onChange", "placeholder", "disabled", "readOnly", "size", "className", "icon", "options", "showGroupSeparator", "formItemId", "popoverClassName", "selectorContentProps", "defaultOpen", "triggerProps"];
4
4
  import { isOptionGroup } from '@scaleflex/ui-tw/form';
5
5
  import React from 'react';
6
6
  import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from '../';
@@ -18,6 +18,7 @@ export function Selector(_ref) {
18
18
  showGroupSeparator = _ref.showGroupSeparator,
19
19
  formItemId = _ref.formItemId,
20
20
  popoverClassName = _ref.popoverClassName,
21
+ selectorContentProps = _ref.selectorContentProps,
21
22
  defaultOpen = _ref.defaultOpen,
22
23
  triggerProps = _ref.triggerProps,
23
24
  rest = _objectWithoutProperties(_ref, _excluded);
@@ -35,9 +36,9 @@ export function Selector(_ref) {
35
36
  icon: icon
36
37
  }, triggerProps), /*#__PURE__*/React.createElement(SelectValue, {
37
38
  placeholder: placeholder
38
- })), /*#__PURE__*/React.createElement(SelectContent, {
39
+ })), /*#__PURE__*/React.createElement(SelectContent, _extends({
39
40
  className: popoverClassName
40
- }, options.map(function (option, groupIndex) {
41
+ }, selectorContentProps), options.map(function (option, groupIndex) {
41
42
  if (isOptionGroup(option)) {
42
43
  return /*#__PURE__*/React.createElement(SelectGroup, {
43
44
  key: groupIndex
package/select/select.types.d.ts CHANGED
@@ -35,6 +35,7 @@ export interface SelectorProps extends SelectProps {
35
35
  showGroupSeparator?: boolean;
36
36
  formItemId?: string;
37
37
  popoverClassName?: string;
38
+ selectorContentProps?: ComponentProps<typeof SelectPrimitive.Content>;
38
39
  'aria-invalid'?: boolean;
39
40
  triggerProps?: Omit<ComponentProps<typeof SelectPrimitive.Trigger>, 'aria-invalid'>;
40
41
  }