@dreamcommerce/aurora 2.11.0-1 → 2.11.0-3

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 (10) 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/cjs/packages/aurora/src/css/breadcrumbs/main.module.less.js +2 -2
  5. package/build/esm/packages/aurora/src/components/breadcrumbs/index.js +1 -1
  6. package/build/esm/packages/aurora/src/components/stack/index.d.ts +1 -1
  7. package/build/esm/packages/aurora/src/components/stack/index.js +7 -6
  8. package/build/esm/packages/aurora/src/components/stack/index.js.map +1 -1
  9. package/build/esm/packages/aurora/src/css/breadcrumbs/main.module.less.js +2 -2
  10. 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/cjs/packages/aurora/src/css/breadcrumbs/main.module.less.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = ".main-module_breadcrumbs__Ny7jG {\n max-width: 100%;\n overflow: auto;\n}\n.main-module_breadcrumbs__list__30iRm {\n list-style: none;\n}\n.main-module_breadcrumbs__separator__Yvcfn {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n}\n";
8
- var breadcrumbsCssClasses = {"breadcrumbs":"main-module_breadcrumbs__Ny7jG","breadcrumbs__list":"main-module_breadcrumbs__list__30iRm","breadcrumbs__separator":"main-module_breadcrumbs__separator__Yvcfn"};
7
+ var css_248z = ".main-module_breadcrumbs__Ny7jG {\n max-width: 100%;\n overflow: auto;\n}\n.main-module_breadcrumbs__list__30iRm {\n list-style: none;\n}\n.main-module_breadcrumbs__child__3ARTX {\n margin: 0;\n}\n.main-module_breadcrumbs__child__3ARTX::after {\n content: none;\n}\n.main-module_breadcrumbs__separator__Yvcfn {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n}\n";
8
+ var breadcrumbsCssClasses = {"breadcrumbs":"main-module_breadcrumbs__Ny7jG","breadcrumbs__list":"main-module_breadcrumbs__list__30iRm","breadcrumbs__child":"main-module_breadcrumbs__child__3ARTX","breadcrumbs__separator":"main-module_breadcrumbs__separator__Yvcfn"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = breadcrumbsCssClasses;
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/build/esm/packages/aurora/src/css/breadcrumbs/main.module.less.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".main-module_breadcrumbs__Ny7jG {\n max-width: 100%;\n overflow: auto;\n}\n.main-module_breadcrumbs__list__30iRm {\n list-style: none;\n}\n.main-module_breadcrumbs__separator__Yvcfn {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n}\n";
4
- var breadcrumbsCssClasses = {"breadcrumbs":"main-module_breadcrumbs__Ny7jG","breadcrumbs__list":"main-module_breadcrumbs__list__30iRm","breadcrumbs__separator":"main-module_breadcrumbs__separator__Yvcfn"};
3
+ var css_248z = ".main-module_breadcrumbs__Ny7jG {\n max-width: 100%;\n overflow: auto;\n}\n.main-module_breadcrumbs__list__30iRm {\n list-style: none;\n}\n.main-module_breadcrumbs__child__3ARTX {\n margin: 0;\n}\n.main-module_breadcrumbs__child__3ARTX::after {\n content: none;\n}\n.main-module_breadcrumbs__separator__Yvcfn {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n}\n";
4
+ var breadcrumbsCssClasses = {"breadcrumbs":"main-module_breadcrumbs__Ny7jG","breadcrumbs__list":"main-module_breadcrumbs__list__30iRm","breadcrumbs__child":"main-module_breadcrumbs__child__3ARTX","breadcrumbs__separator":"main-module_breadcrumbs__separator__Yvcfn"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default breadcrumbsCssClasses;
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-3",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",