@dreamcommerce/aurora 2.11.0-1 → 2.11.0-2

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 (8) hide show
  1. package/build/cjs/packages/aurora/src/components/breadcrumbs/index.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/stack/index.js +6 -5
  3. package/build/cjs/packages/aurora/src/components/stack/index.js.map +1 -1
  4. package/build/esm/packages/aurora/src/components/breadcrumbs/index.js +1 -1
  5. package/build/esm/packages/aurora/src/components/stack/index.d.ts +1 -1
  6. package/build/esm/packages/aurora/src/components/stack/index.js +7 -6
  7. package/build/esm/packages/aurora/src/components/stack/index.js.map +1 -1
  8. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/breadcrumbs/index.js CHANGED
@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
17
17
 
18
18
  const Breadcrumbs = ({ separator = '/', cssClasses, as = 'nav', children, attributes }) => {
19
- const breadcrumbRef = React.useRef();
19
+ const breadcrumbRef = React.useRef(null);
20
20
  const allItems = React__default['default'].Children.toArray(children).map((child, index) => React__default['default'].createElement(breadcrumb_child.BreadcrumbChild, { key: `child-${index}` }, child));
21
21
  React.useEffect(() => {
22
22
  if (!breadcrumbRef.current || !attributes)
package/build/cjs/packages/aurora/src/components/stack/index.js CHANGED
@@ -13,19 +13,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
15
 
16
- const Stack = React__default['default'].forwardRef(({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter, attributes, onClick }) => {
16
+ const Stack = React__default['default'].forwardRef(({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter, attributes, onClick }, ref) => {
17
17
  const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
18
- const stackElRef = React.useRef(null);
18
+ const internalRef = React.useRef(null);
19
+ React.useImperativeHandle(ref, () => internalRef.current, []);
19
20
  React.useEffect(() => {
20
- if (!stackElRef.current || !attributes)
21
+ if (!internalRef.current || !attributes)
21
22
  return;
22
23
  Object.entries(attributes).forEach(([key, value]) => {
23
24
  var _a;
24
- (_a = stackElRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(key, value);
25
+ (_a = internalRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(key, value);
25
26
  });
26
27
  }, []);
27
28
  return React__default['default'].createElement(as, {
28
- ref: stackElRef,
29
+ ref: internalRef,
29
30
  className: `${stackClass}`,
30
31
  style: { gap: `${spacing}px`, ...style },
31
32
  onMouseEnter,
package/build/cjs/packages/aurora/src/components/stack/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/breadcrumbs/index.js CHANGED
@@ -7,7 +7,7 @@ import { BreadcrumbChild } from './breadcrumb_child.js';
7
7
  import { BreadcrumbSeparator } from './breadcrumb_separator.js';
8
8
 
9
9
  const Breadcrumbs = ({ separator = '/', cssClasses, as = 'nav', children, attributes }) => {
10
- const breadcrumbRef = useRef();
10
+ const breadcrumbRef = useRef(null);
11
11
  const allItems = React.Children.toArray(children).map((child, index) => React.createElement(BreadcrumbChild, { key: `child-${index}` }, child));
12
12
  useEffect(() => {
13
13
  if (!breadcrumbRef.current || !attributes)
package/build/esm/packages/aurora/src/components/stack/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { TStackProps } from './stack_types';
3
- declare const Stack: React.ForwardRefExoticComponent<TStackProps & React.RefAttributes<unknown>>;
3
+ declare const Stack: React.ForwardRefExoticComponent<TStackProps & React.RefAttributes<HTMLElement>>;
4
4
  export default Stack;
package/build/esm/packages/aurora/src/components/stack/index.js CHANGED
@@ -1,22 +1,23 @@
1
- import React, { useRef, useEffect } from 'react';
1
+ import React, { useRef, useImperativeHandle, useEffect } from 'react';
2
2
  import classnames from 'classnames';
3
3
  import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES } from './stack_constants.js';
4
4
  import cssClasses from '../../css/stack/main.module.less.js';
5
5
  import { cssStack } from './css_classes.js';
6
6
 
7
- const Stack = React.forwardRef(({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter, attributes, onClick }) => {
7
+ const Stack = React.forwardRef(({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter, attributes, onClick }, ref) => {
8
8
  const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
9
- const stackElRef = useRef(null);
9
+ const internalRef = useRef(null);
10
+ useImperativeHandle(ref, () => internalRef.current, []);
10
11
  useEffect(() => {
11
- if (!stackElRef.current || !attributes)
12
+ if (!internalRef.current || !attributes)
12
13
  return;
13
14
  Object.entries(attributes).forEach(([key, value]) => {
14
15
  var _a;
15
- (_a = stackElRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(key, value);
16
+ (_a = internalRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(key, value);
16
17
  });
17
18
  }, []);
18
19
  return React.createElement(as, {
19
- ref: stackElRef,
20
+ ref: internalRef,
20
21
  className: `${stackClass}`,
21
22
  style: { gap: `${spacing}px`, ...style },
22
23
  onMouseEnter,
package/build/esm/packages/aurora/src/components/stack/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.11.0-1",
5
+ "version": "2.11.0-2",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",