@dreamcommerce/aurora 3.0.0-56 → 3.0.0-57

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.
@@ -11,11 +11,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- var _excluded = ["className", "width", "children"];
14
+ var _excluded = ["className", "width", "children", "TriggerButton", "side"];
15
15
  var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
16
16
  var className = _ref.className,
17
17
  width = _ref.width,
18
18
  children = _ref.children,
19
+ TriggerButton = _ref.TriggerButton,
20
+ side = _ref.side,
19
21
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
20
22
  var _useSidebar = use_sidebar.useSidebar(),
21
23
  open = _useSidebar.open;
@@ -32,11 +34,10 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
32
34
  maxWidth: open ? width : 0,
33
35
  minWidth: open ? width : 0
34
36
  }
35
- }, props), /*#__PURE__*/React__default['default'].createElement("div", {
36
- className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
37
- 'aurora-opacity-0': !open,
38
- 'aurora-opacity-100': open
39
- })
37
+ }, props), TriggerButton ? /*#__PURE__*/React__default['default'].createElement(TriggerButton, {
38
+ side: side
39
+ }) : null, /*#__PURE__*/React__default['default'].createElement("div", {
40
+ className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full')
40
41
  }, children));
41
42
  });
42
43
  PersistentSidebar.displayName = 'PersistentSidebar';
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
 
15
- var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "attributes", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
15
+ var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
16
16
  var stackVariants = index.cva('aurora-flex', {
17
17
  variants: {
18
18
  direction: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), stack_constants.STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), stack_constants.STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), stack_constants.STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
@@ -40,7 +40,6 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
40
40
  as = _ref$as === void 0 ? 'div' : _ref$as,
41
41
  _ref$inline = _ref.inline,
42
42
  inline = _ref$inline === void 0 ? false : _ref$inline,
43
- attributes = _ref.attributes,
44
43
  width = _ref.width,
45
44
  minWidth = _ref.minWidth,
46
45
  maxWidth = _ref.maxWidth,
@@ -53,16 +52,6 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
53
52
  React.useImperativeHandle(ref, function () {
54
53
  return internalRef.current;
55
54
  }, []);
56
- React.useEffect(function () {
57
- if (!internalRef.current || !attributes) return;
58
- Object.entries(attributes).forEach(function (_ref2) {
59
- var _internalRef$current;
60
- var _ref3 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 2),
61
- key = _ref3[0],
62
- value = _ref3[1];
63
- (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.setAttribute(key, value);
64
- });
65
- }, [attributes]);
66
55
  var display = inline ? 'inline' : null;
67
56
  return /*#__PURE__*/React__default['default'].createElement(as, _rollupPluginBabelHelpers.objectSpread2({
68
57
  ref: internalRef,
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;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;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;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;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;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;"}
@@ -2,4 +2,8 @@ import React from 'react';
2
2
  export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
3
3
  width?: string | undefined;
4
4
  className?: string | undefined;
5
+ side?: "left" | "right" | undefined;
6
+ TriggerButton?: React.ComponentType<{
7
+ side?: "left" | "right" | undefined;
8
+ }> | undefined;
5
9
  }, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
@@ -3,11 +3,13 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
3
3
  import { cn } from '../../../utilities/cn.js';
4
4
  import { useSidebar } from '../hooks/use_sidebar.js';
5
5
 
6
- var _excluded = ["className", "width", "children"];
6
+ var _excluded = ["className", "width", "children", "TriggerButton", "side"];
7
7
  var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
8
8
  var className = _ref.className,
9
9
  width = _ref.width,
10
10
  children = _ref.children,
11
+ TriggerButton = _ref.TriggerButton,
12
+ side = _ref.side,
11
13
  props = _objectWithoutProperties(_ref, _excluded);
12
14
  var _useSidebar = useSidebar(),
13
15
  open = _useSidebar.open;
@@ -24,11 +26,10 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
24
26
  maxWidth: open ? width : 0,
25
27
  minWidth: open ? width : 0
26
28
  }
27
- }, props), /*#__PURE__*/React.createElement("div", {
28
- className: cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
29
- 'aurora-opacity-0': !open,
30
- 'aurora-opacity-100': open
31
- })
29
+ }, props), TriggerButton ? /*#__PURE__*/React.createElement(TriggerButton, {
30
+ side: side
31
+ }) : null, /*#__PURE__*/React.createElement("div", {
32
+ className: cn('aurora-overflow-auto aurora-h-full aurora-w-full')
32
33
  }, children));
33
34
  });
34
35
  PersistentSidebar.displayName = 'PersistentSidebar';
@@ -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;"}
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;"}
@@ -3,6 +3,10 @@ import { TSidebarSide } from "../sidebar_types_types";
3
3
  export declare type TPersistentSidebarProps = {
4
4
  width?: string;
5
5
  className?: string;
6
+ side?: TSidebarSide;
7
+ TriggerButton?: React.ComponentType<{
8
+ side?: TSidebarSide;
9
+ }>;
6
10
  } & React.HTMLAttributes<HTMLDivElement>;
7
11
  export declare type TTemporalSidebar = React.PropsWithoutRef<{
8
12
  width?: string;
@@ -1,10 +1,10 @@
1
- import React, { useRef, useImperativeHandle, useEffect } from 'react';
2
- import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
1
+ import React, { useRef, useImperativeHandle } from 'react';
2
+ import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { cn } from '../../utilities/cn.js';
4
4
  import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
5
5
  import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
6
6
 
7
- var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "attributes", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
7
+ var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
8
8
  var stackVariants = cva('aurora-flex', {
9
9
  variants: {
10
10
  direction: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
@@ -32,7 +32,6 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
32
32
  as = _ref$as === void 0 ? 'div' : _ref$as,
33
33
  _ref$inline = _ref.inline,
34
34
  inline = _ref$inline === void 0 ? false : _ref$inline,
35
- attributes = _ref.attributes,
36
35
  width = _ref.width,
37
36
  minWidth = _ref.minWidth,
38
37
  maxWidth = _ref.maxWidth,
@@ -45,16 +44,6 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
45
44
  useImperativeHandle(ref, function () {
46
45
  return internalRef.current;
47
46
  }, []);
48
- useEffect(function () {
49
- if (!internalRef.current || !attributes) return;
50
- Object.entries(attributes).forEach(function (_ref2) {
51
- var _internalRef$current;
52
- var _ref3 = _slicedToArray(_ref2, 2),
53
- key = _ref3[0],
54
- value = _ref3[1];
55
- (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.setAttribute(key, value);
56
- });
57
- }, [attributes]);
58
47
  var display = inline ? 'inline' : null;
59
48
  return /*#__PURE__*/React.createElement(as, _objectSpread2({
60
49
  ref: internalRef,
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;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;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,oBAAoB,oEAAwE;AAC5F;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;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": "3.0.0-56",
5
+ "version": "3.0.0-57",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",