funda-ui 1.0.272 → 1.0.280

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 (7) hide show
  1. package/README.md +4 -4
  2. package/Scrollbar/index.d.ts +1 -0
  3. package/Scrollbar/index.js +2 -1
  4. package/lib/cjs/Scrollbar/index.d.ts +1 -0
  5. package/lib/cjs/Scrollbar/index.js +2 -1
  6. package/lib/esm/Scrollbar/index.tsx +3 -1
  7. package/package.json +7 -2
package/README.md CHANGED
@@ -31,11 +31,11 @@ Here is a table of the components and their status.
31
31
  | [Card ❏](packages/Card/README.md) | [Textarea ✅](packages/Textarea/README.md) | [Scroll Reveal ✅](packages/ScrollReveal/README.md) | |
32
32
  | [Content Placeholder ❏](packages/ContentPlaceholder/README.md) | [Select ✅](packages/Select/README.md) | [Sticky Elements ❏](packages/StickyElements/README.md) | |
33
33
  | [Counter ❏](packages/Counter/README.md) | [Cascading Select ✅](packages/CascadingSelect/README.md) | [Mode Switch ✅](packages/ModeSwitch/README.md) | |
34
- | [Hybrid Content Slider ❏](packages/HybridContentSlider/README.md) | [Cascading Select End-to-end ✅](packages/CascadingSelectE2E/README.md) | [Custom Scrollbar ✅](packages/Scrollbar/README.md) | |
34
+ | [Hybrid Content Slider ❏](packages/HybridContentSlider/README.md) | [Cascading Select End-to-end ✅🔥](packages/CascadingSelectE2E/README.md) | [Custom Scrollbar ✅](packages/Scrollbar/README.md) | |
35
35
  | [Image Shapes ❏](packages/ImageShapes/README.md) | [Radio ✅](packages/Radio/README.md) | | |
36
36
  | [Lightbox ❏](packages/Lightbox/README.md) | [Checkbox ✅](packages/Checkbox/README.md) | | |
37
- | [List Bulleted ❏](packages/ListBulleted/README.md) | [Multifunction Select ✅](packages/MultiFuncSelect/README.md) | | |
38
- | [Modal Dialog ✅](packages/ModalDialog/README.md) | [LiveSearch ✅](packages/LiveSearch/README.md) | | |
37
+ | [List Bulleted ❏](packages/ListBulleted/README.md) | [Multifunction Select ✅🔥](packages/MultiFuncSelect/README.md) | | |
38
+ | [Modal Dialog ✅🔥](packages/ModalDialog/README.md) | [LiveSearch ✅](packages/LiveSearch/README.md) | | |
39
39
  | [Pagination ✅](packages/Pagination/README.md) | [Number ❏](packages/Number/README.md) | | |
40
40
  | [Table ✅](packages/Table/README.md) | [SearchBar ✅](packages/SearchBar/README.md) | | |
41
41
  | [Periodical Scroll ❏](packages/PeriodicalScroll/README.md) | [Switch ✅](packages/Switch/README.md) | | |
@@ -49,7 +49,7 @@ Here is a table of the components and their status.
49
49
  | [Toast ✅](packages/Toast/README.md) | | | |
50
50
  | [Tooltip ✅](packages/Tooltip/README.md) | | | |
51
51
  | [Digital Clock ✅](packages/DigitalClock/README.md) | | | |
52
- | [Tree ✅](packages/Tree/README.md) | | | |
52
+ | [Tree ✅🔥](packages/Tree/README.md) | | | |
53
53
 
54
54
 
55
55
 
package/Scrollbar/index.d.ts CHANGED
@@ -4,6 +4,7 @@ declare type ScrollbarProps = {
4
4
  onlyHorizontal?: boolean;
5
5
  arrowIcons?: React.ReactNode[];
6
6
  disableArrow?: boolean;
7
+ horizontallyWithWheel?: boolean;
7
8
  /** Incoming data, changes in the `data` value will cause the component to re-render. */
8
9
  data?: any;
9
10
  onMove?: (data: any) => void;
package/Scrollbar/index.js CHANGED
@@ -164,6 +164,7 @@ var Scrollbar = function Scrollbar(props) {
164
164
  onlyHorizontal = props.onlyHorizontal,
165
165
  arrowIcons = props.arrowIcons,
166
166
  disableArrow = props.disableArrow,
167
+ horizontallyWithWheel = props.horizontallyWithWheel,
167
168
  data = props.data,
168
169
  onMove = props.onMove,
169
170
  id = props.id,
@@ -270,7 +271,7 @@ var Scrollbar = function Scrollbar(props) {
270
271
  if (typeof e === 'undefined') return;
271
272
  var scrollLeft = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.scrollLeft;
272
273
  var scrollTop = (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.scrollTop;
273
- if (onlyHorizontal) {
274
+ if (onlyHorizontal && horizontallyWithWheel) {
274
275
  var direction = e.deltaY < 0 ? 'left' : 'right';
275
276
  horizontalContentScrollTo(direction, false); //do not use `smooth`
276
277
  }
package/lib/cjs/Scrollbar/index.d.ts CHANGED
@@ -4,6 +4,7 @@ declare type ScrollbarProps = {
4
4
  onlyHorizontal?: boolean;
5
5
  arrowIcons?: React.ReactNode[];
6
6
  disableArrow?: boolean;
7
+ horizontallyWithWheel?: boolean;
7
8
  /** Incoming data, changes in the `data` value will cause the component to re-render. */
8
9
  data?: any;
9
10
  onMove?: (data: any) => void;
package/lib/cjs/Scrollbar/index.js CHANGED
@@ -164,6 +164,7 @@ var Scrollbar = function Scrollbar(props) {
164
164
  onlyHorizontal = props.onlyHorizontal,
165
165
  arrowIcons = props.arrowIcons,
166
166
  disableArrow = props.disableArrow,
167
+ horizontallyWithWheel = props.horizontallyWithWheel,
167
168
  data = props.data,
168
169
  onMove = props.onMove,
169
170
  id = props.id,
@@ -270,7 +271,7 @@ var Scrollbar = function Scrollbar(props) {
270
271
  if (typeof e === 'undefined') return;
271
272
  var scrollLeft = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.scrollLeft;
272
273
  var scrollTop = (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.scrollTop;
273
- if (onlyHorizontal) {
274
+ if (onlyHorizontal && horizontallyWithWheel) {
274
275
  var direction = e.deltaY < 0 ? 'left' : 'right';
275
276
  horizontalContentScrollTo(direction, false); //do not use `smooth`
276
277
  }
package/lib/esm/Scrollbar/index.tsx CHANGED
@@ -7,6 +7,7 @@ type ScrollbarProps = {
7
7
  onlyHorizontal?: boolean;
8
8
  arrowIcons?: React.ReactNode[];
9
9
  disableArrow?: boolean;
10
+ horizontallyWithWheel?: boolean;
10
11
  /** Incoming data, changes in the `data` value will cause the component to re-render. */
11
12
  data?: any;
12
13
  onMove?: (data: any) => void;
@@ -22,6 +23,7 @@ const Scrollbar = (props: ScrollbarProps) => {
22
23
  onlyHorizontal,
23
24
  arrowIcons,
24
25
  disableArrow,
26
+ horizontallyWithWheel,
25
27
  data,
26
28
  onMove,
27
29
  id,
@@ -75,7 +77,7 @@ const Scrollbar = (props: ScrollbarProps) => {
75
77
  const scrollLeft = contentRef.current?.scrollLeft;
76
78
  const scrollTop = contentRef.current?.scrollTop;
77
79
 
78
- if (onlyHorizontal) {
80
+ if (onlyHorizontal && horizontallyWithWheel) {
79
81
  const direction = e.deltaY < 0 ? 'left' : 'right';
80
82
  horizontalContentScrollTo(direction, false); //do not use `smooth`
81
83
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "author": "UIUX Lab",
3
3
  "email": "uiuxlab@gmail.com",
4
4
  "name": "funda-ui",
5
- "version": "1.0.272",
5
+ "version": "1.0.280",
6
6
  "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
7
7
  "repository": {
8
8
  "type": "git",
@@ -18,7 +18,12 @@
18
18
  "components",
19
19
  "components-react",
20
20
  "react-bootstrap-components",
21
- "react"
21
+ "react",
22
+ "funda-ui",
23
+ "fundaui",
24
+ "uikit",
25
+ "ui-kit",
26
+ "ui-components"
22
27
  ],
23
28
  "bugs": {
24
29
  "url": "https://github.com/xizon/funda-ui/issues"