@spaced-out/ui-design-system 0.3.27 → 0.3.28

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 (12) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/lib/components/ButtonDropdown/SimpleButtonDropdown.js +3 -1
  3. package/lib/components/ButtonDropdown/SimpleButtonDropdown.js.flow +3 -1
  4. package/lib/components/Dropdown/SimpleDropdown.js +3 -1
  5. package/lib/components/Dropdown/SimpleDropdown.js.flow +3 -0
  6. package/lib/components/InlineDropdown/SimpleInlineDropdown.js +3 -1
  7. package/lib/components/InlineDropdown/SimpleInlineDropdown.js.flow +3 -0
  8. package/lib/components/OptionButton/SimpleOptionButton.js +3 -1
  9. package/lib/components/OptionButton/SimpleOptionButton.js.flow +3 -1
  10. package/lib/components/Typeahead/SimpleTypeahead.js +3 -1
  11. package/lib/components/Typeahead/SimpleTypeahead.js.flow +3 -0
  12. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ### [0.3.28](https://github.com/spaced-out/ui-design-system/compare/v0.3.27...v0.3.28) (2025-03-09)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * added allow wraps in simple dropdowns,buttons,typeahead ([#324](https://github.com/spaced-out/ui-design-system/issues/324)) ([ec836ac](https://github.com/spaced-out/ui-design-system/commit/ec836ac0f04ea10384006adc8d649f7dcb163b4c))
11
+
5
12
  ### [0.3.27](https://github.com/spaced-out/ui-design-system/compare/v0.3.26...v0.3.27) (2025-03-06)
6
13
 
7
14
 
package/lib/components/ButtonDropdown/SimpleButtonDropdown.js CHANGED
@@ -31,6 +31,7 @@ const SimpleButtonDropdownBase = (props, ref) => {
31
31
  footer,
32
32
  menuClassNames,
33
33
  showLabelTooltip,
34
+ allowWrap = false,
34
35
  clickAwayRef,
35
36
  ...buttonProps
36
37
  } = props;
@@ -80,7 +81,8 @@ const SimpleButtonDropdownBase = (props, ref) => {
80
81
  header,
81
82
  footer,
82
83
  classNames: menuClassNames,
83
- showLabelTooltip
84
+ showLabelTooltip,
85
+ allowWrap
84
86
  }
85
87
  }), optionsVariant === 'checkbox' ? btnText : children);
86
88
  };
package/lib/components/ButtonDropdown/SimpleButtonDropdown.js.flow CHANGED
@@ -44,7 +44,7 @@ export type SimpleButtonDropdownProps = {
44
44
  footer?: React.Node,
45
45
  menuClassNames?: MenuClassNames,
46
46
  showLabelTooltip?: MenuLabelTooltip,
47
-
47
+ allowWrap?: boolean,
48
48
  // events
49
49
  onOptionSelect?: (option: MenuOption, ?SyntheticEvent<HTMLElement>) => mixed,
50
50
  onMenuOpen?: () => mixed,
@@ -78,6 +78,7 @@ const SimpleButtonDropdownBase = (props: SimpleButtonDropdownProps, ref) => {
78
78
  footer,
79
79
  menuClassNames,
80
80
  showLabelTooltip,
81
+ allowWrap = false,
81
82
  clickAwayRef,
82
83
  ...buttonProps
83
84
  } = props;
@@ -147,6 +148,7 @@ const SimpleButtonDropdownBase = (props: SimpleButtonDropdownProps, ref) => {
147
148
  footer,
148
149
  classNames: menuClassNames,
149
150
  showLabelTooltip,
151
+ allowWrap,
150
152
  }}
151
153
  >
152
154
  {optionsVariant === 'checkbox' ? btnText : children}
package/lib/components/Dropdown/SimpleDropdown.js CHANGED
@@ -31,6 +31,7 @@ const SimpleDropdownBase = (props, ref) => {
31
31
  menuClassNames,
32
32
  showLabelTooltip,
33
33
  clickAwayRef,
34
+ allowWrap = false,
34
35
  ...inputProps
35
36
  } = props;
36
37
  const [dropdownInputText, setDropdownInputText] = React.useState('');
@@ -80,7 +81,8 @@ const SimpleDropdownBase = (props, ref) => {
80
81
  header,
81
82
  footer,
82
83
  classNames: menuClassNames,
83
- showLabelTooltip
84
+ showLabelTooltip,
85
+ allowWrap
84
86
  }
85
87
  }));
86
88
  };
package/lib/components/Dropdown/SimpleDropdown.js.flow CHANGED
@@ -41,6 +41,7 @@ export type SimpleDropdownProps = {
41
41
  footer?: React.Node,
42
42
  menuClassNames?: MenuClassNames,
43
43
  showLabelTooltip?: MenuLabelTooltip,
44
+ allowWrap?: boolean,
44
45
 
45
46
  // events
46
47
  onChange?: (option: MenuOption, ?SyntheticEvent<HTMLElement>) => mixed,
@@ -74,6 +75,7 @@ const SimpleDropdownBase = (props: SimpleDropdownProps, ref) => {
74
75
  menuClassNames,
75
76
  showLabelTooltip,
76
77
  clickAwayRef,
78
+ allowWrap = false,
77
79
  ...inputProps
78
80
  } = props;
79
81
 
@@ -143,6 +145,7 @@ const SimpleDropdownBase = (props: SimpleDropdownProps, ref) => {
143
145
  footer,
144
146
  classNames: menuClassNames,
145
147
  showLabelTooltip,
148
+ allowWrap,
146
149
  }}
147
150
  />
148
151
  );
package/lib/components/InlineDropdown/SimpleInlineDropdown.js CHANGED
@@ -32,6 +32,7 @@ const SimpleInlineDropdownBase = (props, ref) => {
32
32
  menuClassNames,
33
33
  showLabelTooltip,
34
34
  clickAwayRef,
35
+ allowWrap = false,
35
36
  ...buttonProps
36
37
  } = props;
37
38
  const [btnText, setBtnText] = React.useState('');
@@ -80,7 +81,8 @@ const SimpleInlineDropdownBase = (props, ref) => {
80
81
  header,
81
82
  footer,
82
83
  classNames: menuClassNames,
83
- showLabelTooltip
84
+ showLabelTooltip,
85
+ allowWrap
84
86
  }
85
87
  }), optionsVariant === 'checkbox' ? btnText : children);
86
88
  };
package/lib/components/InlineDropdown/SimpleInlineDropdown.js.flow CHANGED
@@ -38,6 +38,7 @@ export type SimpleInlineDropdownProps = {
38
38
  allowSearch?: boolean,
39
39
  selectedKeys?: Array<string>,
40
40
  showLabelTooltip?: MenuLabelTooltip,
41
+ allowWrap?: boolean,
41
42
 
42
43
  // events
43
44
  onOptionSelect?: (option: MenuOption, ?SyntheticEvent<HTMLElement>) => mixed,
@@ -77,6 +78,7 @@ const SimpleInlineDropdownBase = (props: SimpleInlineDropdownProps, ref) => {
77
78
  menuClassNames,
78
79
  showLabelTooltip,
79
80
  clickAwayRef,
81
+ allowWrap = false,
80
82
  ...buttonProps
81
83
  } = props;
82
84
 
@@ -145,6 +147,7 @@ const SimpleInlineDropdownBase = (props: SimpleInlineDropdownProps, ref) => {
145
147
  footer,
146
148
  classNames: menuClassNames,
147
149
  showLabelTooltip,
150
+ allowWrap,
148
151
  }}
149
152
  >
150
153
  {optionsVariant === 'checkbox' ? btnText : children}
package/lib/components/OptionButton/SimpleOptionButton.js CHANGED
@@ -34,6 +34,7 @@ const SimpleOptionButtonBase = (props, ref) => {
34
34
  menuClassNames,
35
35
  showLabelTooltip,
36
36
  clickAwayRef,
37
+ allowWrap = false,
37
38
  ...buttonProps
38
39
  } = props;
39
40
  const [optionButtonSelectedKeys, setOptionButtonSelectedKeys] = React.useState(selectedKeys);
@@ -79,7 +80,8 @@ const SimpleOptionButtonBase = (props, ref) => {
79
80
  header,
80
81
  footer,
81
82
  classNames: menuClassNames,
82
- showLabelTooltip
83
+ showLabelTooltip,
84
+ allowWrap
83
85
  }
84
86
  }), children);
85
87
  };
package/lib/components/OptionButton/SimpleOptionButton.js.flow CHANGED
@@ -46,7 +46,7 @@ export type SimpleOptionButtonProps = {
46
46
  footer?: React.Node,
47
47
  menuClassNames?: MenuClassNames,
48
48
  showLabelTooltip?: MenuLabelTooltip,
49
-
49
+ allowWrap?: boolean,
50
50
  // events
51
51
  onOptionSelect?: (option: MenuOption, ?SyntheticEvent<HTMLElement>) => mixed,
52
52
  onButtonClick?: ?(SyntheticEvent<HTMLElement>) => mixed,
@@ -84,6 +84,7 @@ const SimpleOptionButtonBase = (props: SimpleOptionButtonProps, ref) => {
84
84
  menuClassNames,
85
85
  showLabelTooltip,
86
86
  clickAwayRef,
87
+ allowWrap = false,
87
88
  ...buttonProps
88
89
  } = props;
89
90
 
@@ -144,6 +145,7 @@ const SimpleOptionButtonBase = (props: SimpleOptionButtonProps, ref) => {
144
145
  footer,
145
146
  classNames: menuClassNames,
146
147
  showLabelTooltip,
148
+ allowWrap,
147
149
  }}
148
150
  >
149
151
  {children}
package/lib/components/Typeahead/SimpleTypeahead.js CHANGED
@@ -31,6 +31,7 @@ const SimpleTypeaheadBase = (props, ref) => {
31
31
  clickAwayRef,
32
32
  showLabelTooltip,
33
33
  allowInternalFilter = true,
34
+ allowWrap = false,
34
35
  ...inputProps
35
36
  } = props;
36
37
  const [typeaheadInputText, setTypeaheadInputText] = React.useState('');
@@ -81,7 +82,8 @@ const SimpleTypeaheadBase = (props, ref) => {
81
82
  header,
82
83
  footer,
83
84
  classNames: menuClassNames,
84
- showLabelTooltip
85
+ showLabelTooltip,
86
+ allowWrap
85
87
  },
86
88
  clickAwayRef: clickAwayRef
87
89
  }));
package/lib/components/Typeahead/SimpleTypeahead.js.flow CHANGED
@@ -37,6 +37,7 @@ export type SimpleTypeaheadProps = {
37
37
  footer?: React.Node,
38
38
  menuClassNames?: MenuClassNames,
39
39
  showLabelTooltip?: MenuLabelTooltip,
40
+ allowWrap?: boolean,
40
41
 
41
42
  // events
42
43
  onSelect?: (option: MenuOption, ?SyntheticEvent<HTMLElement>) => mixed,
@@ -74,6 +75,7 @@ const SimpleTypeaheadBase = (props: SimpleTypeaheadProps, ref) => {
74
75
  clickAwayRef,
75
76
  showLabelTooltip,
76
77
  allowInternalFilter = true,
78
+ allowWrap = false,
77
79
  ...inputProps
78
80
  } = props;
79
81
 
@@ -143,6 +145,7 @@ const SimpleTypeaheadBase = (props: SimpleTypeaheadProps, ref) => {
143
145
  footer,
144
146
  classNames: menuClassNames,
145
147
  showLabelTooltip,
148
+ allowWrap,
146
149
  }}
147
150
  clickAwayRef={clickAwayRef}
148
151
  />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/ui-design-system",
3
- "version": "0.3.27",
3
+ "version": "0.3.28",
4
4
  "main": "index.js",
5
5
  "description": "Sense UI components library",
6
6
  "author": {