@dreamcommerce/aurora 3.0.0-81 → 3.0.0-83

package/build/cjs/packages/aurora/src/components/link/link.js

@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["children", "size", "variant", "decoration"];
-var Link = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
+var Link = function Link(_ref) {
   var children = _ref.children,
     size = _ref.size,
     variant = _ref.variant,
@@ -25,7 +25,7 @@ var Link = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
       decoration: decoration
     }))
   }, props), children);
-});
+};
 Link.displayName = 'Link';
 
 exports.Link = Link;

package/build/cjs/packages/aurora/src/components/multiselect/components/multiselect_item.js

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["option", "isSelected", "toggleOption", "className"];
-var MultiSelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
+var MultiSelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var option = _ref.option,
     isSelected = _ref.isSelected,
     toggleOption = _ref.toggleOption,
@@ -25,12 +25,14 @@ var MultiSelectItem = /*#__PURE__*/React__default['default'].forwardRef(function
     event.preventDefault();
     toggleOption(option);
   };
-  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2({
+  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     onSelect: handleSelect,
     className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-select-none aurora-rounded-sm aurora-p-2 aurora-outline-none focus:aurora-bg-accent data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold data-[highlighted]:aurora-font-semibold data-[highlighted]:aurora-bg-hover aurora-cursor-pointer aurora-rounded-6', {
       'aurora-bg-hover': isSelected
     }, className)
-  }, props), /*#__PURE__*/React__default['default'].createElement(box.Box, {
+  }, props), {}, {
+    ref: ref
+  }), /*#__PURE__*/React__default['default'].createElement(box.Box, {
     align: "center",
     spacing: "2",
     backgroundColor: "transparent"

package/build/cjs/packages/aurora/src/components/multiselect/components/multiselect_item.js.map

@@ -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;AACA;AACA;"}
+{"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;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/multiselect/multiselect.js

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["id", "options", "isGrouped", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "hasErrors", "onValueChange"];
-var MultiSelect = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
+var MultiSelect = function MultiSelect(_ref) {
   var id = _ref.id,
     options = _ref.options,
     _ref$isGrouped = _ref.isGrouped,
@@ -74,7 +74,7 @@ var MultiSelect = /*#__PURE__*/React__default['default'].forwardRef(function (_r
     hasSearch: hasSearch,
     searchPlaceholder: searchPlaceholder
   })));
-});
+};
 MultiSelect.displayName = 'MultiSelect';
 
 exports.MultiSelect = MultiSelect;

package/build/cjs/packages/aurora/src/components/select/select.js

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["children", "id", "defaultValue", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "hasError", "onValueChange"];
-var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
+var Select = function Select(_ref) {
   var _options$find;
   var children = _ref.children,
     id = _ref.id,
@@ -76,7 +76,7 @@ var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
     filterTerm: filterTerm,
     setFilterTerm: setFilterTerm
   }));
-});
+};
 Select.displayName = SelectPrimitive.Root.displayName;
 
 exports.Select = Select;

package/build/cjs/packages/aurora/src/components/tree/constants.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TREE_ROLE_ATTRIBUTE = 'tree';
+
+exports.TREE_ROLE_ATTRIBUTE = TREE_ROLE_ATTRIBUTE;
+//# sourceMappingURL=constants.js.map

package/build/cjs/packages/aurora/src/components/tree/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/tree/context/tree_context.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var TreeContext = /*#__PURE__*/React.createContext({
+  addNode: function addNode() {},
+  updateNode: function updateNode() {},
+  removeNode: function removeNode() {},
+  toggleNode: function toggleNode() {},
+  getNode: function getNode() {
+    return undefined;
+  },
+  hasNode: function hasNode() {
+    return false;
+  }
+});
+var TreeContextProvider = TreeContext.Provider;
+
+exports.TreeContext = TreeContext;
+exports.TreeContextProvider = TreeContextProvider;
+//# sourceMappingURL=tree_context.js.map

package/build/cjs/packages/aurora/src/components/tree/context/tree_context.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/tree/context/tree_provider.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var tree_context = require('./tree_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TreeProvider = function TreeProvider(_ref) {
+  var children = _ref.children;
+  var _useState = React.useState([]),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    nodes = _useState2[0],
+    setNodes = _useState2[1];
+  var value = {
+    addNode: function addNode(node) {
+      setNodes(function (nodes) {
+        return [].concat(_rollupPluginBabelHelpers.toConsumableArray(nodes), [node]);
+      });
+    },
+    updateNode: function updateNode(nodeId, node) {
+      setNodes(function (nodes) {
+        return nodes.map(function (n) {
+          return n.id === nodeId ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, n), node) : n;
+        });
+      });
+    },
+    getNode: function getNode(nodeId) {
+      return nodes.find(function (node) {
+        return node.id === nodeId;
+      });
+    },
+    removeNode: function removeNode(nodeId) {
+      setNodes(function (nodes) {
+        return nodes.filter(function (node) {
+          return node.id !== nodeId;
+        });
+      });
+    },
+    toggleNode: function toggleNode(nodeId) {
+      setNodes(function (nodes) {
+        return nodes.map(function (node) {
+          return node.id === nodeId ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, node), {}, {
+            expanded: !node.expanded
+          }) : node;
+        });
+      });
+    },
+    hasNode: function hasNode(nodeId) {
+      return !!nodes.find(function (node) {
+        return node.id === nodeId;
+      });
+    }
+  };
+  return /*#__PURE__*/React__default['default'].createElement(tree_context.TreeContextProvider, {
+    value: value
+  }, children);
+};
+
+exports.TreeProvider = TreeProvider;
+//# sourceMappingURL=tree_provider.js.map

package/build/cjs/packages/aurora/src/components/tree/context/tree_provider.js.map

@@ -0,0 +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;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/components/tree/index.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('../../utilities/cn.js');
+var constants = require('./constants.js');
+var tree_provider = require('./context/tree_provider.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+// eslint-disable-next-line react/display-name
+var Tree = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    cssClassNames = _ref.cssClassNames,
+    cssStyles = _ref.cssStyles,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave;
+  return /*#__PURE__*/React__default['default'].createElement(tree_provider.TreeProvider, null, /*#__PURE__*/React__default['default'].createElement("ul", {
+    role: constants.TREE_ROLE_ATTRIBUTE,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: ref,
+    style: cssStyles,
+    className: cn.cn('aurora-list-none aurora-flex aurora-flex-col aurora-gap-2', cssClassNames)
+  }, children));
+});
+
+exports.Tree = Tree;
+exports.default = Tree;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/tree/index.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/index.js

@@ -108,6 +108,7 @@ var xhr_image_picker_control = require('./components/controls/xhr_image_picker_c
 var values_syncer = require('./components/values_syncer/values_syncer.js');
 var values_syncer_control = require('./components/controls/values_syncer_control/values_syncer_control.js');
 var use_toggle = require('./hooks/use_toggle.js');
+var index = require('./components/tree/index.js');
 
 
 
@@ -235,4 +236,5 @@ exports.XhrImagePickerControl = xhr_image_picker_control.XhrImagePickerControl;
 exports.ValuesSyncer = values_syncer.ValuesSyncer;
 exports.ValuesSyncerControl = values_syncer_control.ValuesSyncerControl;
 exports.useToggle = use_toggle.useToggle;
+exports.Tree = index.Tree;
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/index.js.map

@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/link/link.d.ts

@@ -1,3 +1,7 @@
+import { PropsWithChildren } from 'react';
 import React from 'react';
 import { TLinkProps } from "./link_types";
-export declare const Link: React.ForwardRefExoticComponent<TLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: {
+    ({ children, size, variant, decoration, ...props }: PropsWithChildren<TLinkProps>): React.JSX.Element;
+    displayName: string;
+};

package/build/esm/packages/aurora/src/components/link/link.js

@@ -4,7 +4,7 @@ import { cn } from '../../utilities/cn.js';
 import { linkVariants } from './link_variants.js';
 
 var _excluded = ["children", "size", "variant", "decoration"];
-var Link = /*#__PURE__*/React.forwardRef(function (_ref) {
+var Link = function Link(_ref) {
   var children = _ref.children,
     size = _ref.size,
     variant = _ref.variant,
@@ -17,7 +17,7 @@ var Link = /*#__PURE__*/React.forwardRef(function (_ref) {
       decoration: decoration
     }))
   }, props), children);
-});
+};
 Link.displayName = 'Link';
 
 export { Link };

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_item.js

@@ -7,7 +7,7 @@ import { Typography } from '../../typography/typography.js';
 import { Checkbox } from '../../checkbox/checkbox.js';
 
 var _excluded = ["option", "isSelected", "toggleOption", "className"];
-var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref) {
+var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var option = _ref.option,
     isSelected = _ref.isSelected,
     toggleOption = _ref.toggleOption,
@@ -17,12 +17,14 @@ var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref) {
     event.preventDefault();
     toggleOption(option);
   };
-  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Item, _objectSpread2(_objectSpread2({
     onSelect: handleSelect,
     className: cn('aurora-relative aurora-flex aurora-w-full aurora-select-none aurora-rounded-sm aurora-p-2 aurora-outline-none focus:aurora-bg-accent data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold data-[highlighted]:aurora-font-semibold data-[highlighted]:aurora-bg-hover aurora-cursor-pointer aurora-rounded-6', {
       'aurora-bg-hover': isSelected
     }, className)
-  }, props), /*#__PURE__*/React.createElement(Box, {
+  }, props), {}, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(Box, {
     align: "center",
     spacing: "2",
     backgroundColor: "transparent"

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_item.js.map

@@ -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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/multiselect/multiselect.d.ts

@@ -1,3 +1,6 @@
 import { TMultiSelectProps } from './multiselect_types';
-import React from 'react';
-export declare const MultiSelect: React.ForwardRefExoticComponent<TMultiSelectProps & React.RefAttributes<never>>;
+import React, { PropsWithChildren } from 'react';
+export declare const MultiSelect: {
+    ({ id, options, isGrouped, placeholder, disabled, hasSearch, searchPlaceholder, hasErrors, onValueChange, ...props }: PropsWithChildren<TMultiSelectProps>): React.JSX.Element;
+    displayName: string;
+};

package/build/esm/packages/aurora/src/components/multiselect/multiselect.js

@@ -5,7 +5,7 @@ import { MultiSelectContent } from './components/multiselect_content.js';
 import { MultiSelectTrigger } from './components/multiselect_trigger.js';
 
 var _excluded = ["id", "options", "isGrouped", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "hasErrors", "onValueChange"];
-var MultiSelect = /*#__PURE__*/React.forwardRef(function (_ref) {
+var MultiSelect = function MultiSelect(_ref) {
   var id = _ref.id,
     options = _ref.options,
     _ref$isGrouped = _ref.isGrouped,
@@ -66,7 +66,7 @@ var MultiSelect = /*#__PURE__*/React.forwardRef(function (_ref) {
     hasSearch: hasSearch,
     searchPlaceholder: searchPlaceholder
   })));
-});
+};
 MultiSelect.displayName = 'MultiSelect';
 
 export { MultiSelect };

package/build/esm/packages/aurora/src/components/select/select.d.ts

@@ -1,3 +1,6 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { TSelectProps } from './select_types';
-export declare const Select: React.ForwardRefExoticComponent<TSelectProps & React.RefAttributes<never>>;
+export declare const Select: {
+    ({ children, id, defaultValue, options, disabled, placeholder, hasSearch, searchPlaceholder, hasClearValueButton, innerAdditionalContent, hasError, onValueChange, ...props }: PropsWithChildren<TSelectProps>): React.JSX.Element;
+    displayName: string | undefined;
+};

package/build/esm/packages/aurora/src/components/select/select.js

@@ -7,7 +7,7 @@ import { SelectTrigger } from './components/select_trigger.js';
 import { SelectValue } from './components/select_value.js';
 
 var _excluded = ["children", "id", "defaultValue", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "hasError", "onValueChange"];
-var Select = /*#__PURE__*/React.forwardRef(function (_ref) {
+var Select = function Select(_ref) {
   var _options$find;
   var children = _ref.children,
     id = _ref.id,
@@ -68,7 +68,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref) {
     filterTerm: filterTerm,
     setFilterTerm: setFilterTerm
   }));
-});
+};
 Select.displayName = Root.displayName;
 
 export { Select };

package/build/esm/packages/aurora/src/components/tree/components/tree_node.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ITreeNode } from "../context/tree_context";
+import { TPropsWithChildren } from "../../../typings/general";
+declare type TTreeContentComponentProps = {
+    node: ITreeNode;
+    toggleNode: () => void;
+    isLeaf: boolean;
+    disabled?: boolean;
+};
+declare type TTreeLabelComponentProps = {
+    node: ITreeNode;
+    isLeaf: boolean;
+};
+declare type TTreeNodeProps = TPropsWithChildren<ITreeNode & {
+    cssClassNames?: string;
+    collapseIcon?: React.ReactNode;
+    expandIcon?: React.ReactNode;
+    LabelComponent?: (props: TTreeLabelComponentProps) => React.ReactNode;
+    ContentComponent?: (props: TTreeContentComponentProps) => React.ReactNode;
+}>;
+export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled, ...rest }: TTreeNodeProps) => React.JSX.Element | null;
+export default TreeNode;

package/build/esm/packages/aurora/src/components/tree/components/tree_node.js

@@ -0,0 +1,39 @@
+import React, { Children, useRef } from 'react';
+import { ArrowDownSFillIcon } from '@auroraAssets/icons/arrow_down_s_fill';
+import { CSSTransition } from 'react-transition-group';
+import '@auroraComponents/tree/context/tree_context';
+import '@auroraTypings/general';
+import { cn } from '@auroraUtilities/cn';
+import { useTree } from '@auroraComponents/tree/hooks/tree_hook';
+import { useTreeNode } from '@auroraComponents/tree/hooks/tree_node_hook';
+export const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled, ...rest }) => {
+    const treeApi = useTree();
+    const node = useTreeNode(id, rest);
+    const nodeChildrenRef = useRef(null);
+    const childrenCount = Children.count(children);
+    if (!node)
+        return null;
+    const toggleNode = () => {
+        treeApi.toggleNode(node.id);
+    };
+    const Label = LabelComponent ? (LabelComponent?.({ node, isLeaf: !children })) : (React.createElement("div", { tabIndex: !children ? 0 : -1, className: "aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover" }, node.label ? node.label : node.id));
+    const Content = ContentComponent ? (ContentComponent?.({ node, toggleNode, isLeaf: !childrenCount })) : (React.createElement("div", { className: "aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover" },
+        React.createElement("button", { className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer", onClick: toggleNode },
+            React.createElement("span", { className: "aurora-flex" },
+                React.createElement(ArrowDownSFillIcon, { className: cn('aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light -aurora-rotate-90 tree-arrow-transition', {
+                        'aurora-rotate-0': node.expanded,
+                        'aurora-fill-disabled': disabled
+                    }) }))),
+        Label));
+    return (React.createElement("li", { role: "treeitem", "aria-expanded": node.expanded },
+        childrenCount ? Content : Label,
+        childrenCount ? (React.createElement(CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 50, classNames: {
+                enter: 'tree__children-enter',
+                enterActive: 'tree__children-enter-active',
+                exit: 'tree__children-exit',
+                exitActive: 'tree__children-exit-active'
+            } },
+            React.createElement("ul", { className: "aurora-flex aurora-flex-col aurora-gap-2 aurora-mt-2 aurora-pl-4 aurora-scale-100 aurora-origin-top aurora-list-none aurora-will-change-auto tree__children-transition", ref: nodeChildrenRef }, children))) : null));
+};
+export default TreeNode;
+//# sourceMappingURL=tree_node.js.map

package/build/esm/packages/aurora/src/components/tree/components/tree_node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree_node.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/components/tree_node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAA0B,6CAA6C,CAAC;AACxE,OAAmC,wBAAwB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAwB1E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB,EAAE,EAAE;IAC7H,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC;IAC1B,MAAM,IAAI,GAAG,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACnC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAC3B,cAAc,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,CAChD,CAAC,CAAC,CAAC,CACA,6BAAK,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAC,kEAAkE,IAC1G,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAChC,CACT,CAAC;IAEF,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAC/B,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,aAAa,EAAE,CAAC,CACnE,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,wEAAwE;QACnF,gCAAQ,SAAS,EAAC,kEAAkE,EAAC,OAAO,EAAE,UAAU;YACpG,8BAAM,SAAS,EAAC,aAAa;gBACzB,oBAAC,kBAAkB,IACf,SAAS,EAAE,EAAE,CAAC,gGAAgG,EAAE;wBAC5G,iBAAiB,EAAE,IAAI,CAAC,QAAQ;wBAChC,sBAAsB,EAAE,QAAQ;qBACnC,CAAC,GACJ,CACC,CACF;QAER,KAAK,CACJ,CACT,CAAC;IAEF,OAAO,CACH,4BAAI,IAAI,EAAC,UAAU,mBAAgB,IAAI,CAAC,QAAQ;QAC3C,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;QAE/B,aAAa,CAAC,CAAC,CAAC,CACb,oBAAC,aAAa,IACV,aAAa,QACb,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,OAAO,EAAE,EAAE,EACX,UAAU,EAAE;gBACR,KAAK,EAAE,sBAAsB;gBAC7B,WAAW,EAAE,6BAA6B;gBAC1C,IAAI,EAAE,qBAAqB;gBAC3B,UAAU,EAAE,4BAA4B;aAC3C;YAED,4BACI,SAAS,EAAC,wKAAwK,EAClL,GAAG,EAAE,eAAe,IAEnB,QAAQ,CACR,CACO,CACnB,CAAC,CAAC,CAAC,IAAI,CACP,CACR,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/esm/packages/aurora/src/components/tree/constants.d.ts

@@ -0,0 +1 @@
+export declare const TREE_ROLE_ATTRIBUTE = "tree";

package/build/esm/packages/aurora/src/components/tree/constants.js

@@ -0,0 +1,4 @@
+var TREE_ROLE_ATTRIBUTE = 'tree';
+
+export { TREE_ROLE_ATTRIBUTE };
+//# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/components/tree/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/tree/context/tree_context.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare type ITreeNode = {
+    id: string;
+    label?: string;
+    expanded?: boolean;
+    disabled?: boolean;
+};
+export interface ITreeContext {
+    addNode(node: ITreeNode): void;
+    updateNode(nodeId: string, node: Partial<ITreeNode>): void;
+    hasNode(nodeId: string): boolean;
+    getNode(nodeId: string): ITreeNode | undefined;
+    removeNode(nodeId: string): void;
+    toggleNode(nodeId: string): void;
+}
+export declare const TreeContext: import("react").Context<ITreeContext>;
+export declare const TreeContextProvider: import("react").Provider<ITreeContext>;

package/build/esm/packages/aurora/src/components/tree/context/tree_context.js

@@ -0,0 +1,18 @@
+import { createContext } from 'react';
+
+var TreeContext = /*#__PURE__*/createContext({
+  addNode: function addNode() {},
+  updateNode: function updateNode() {},
+  removeNode: function removeNode() {},
+  toggleNode: function toggleNode() {},
+  getNode: function getNode() {
+    return undefined;
+  },
+  hasNode: function hasNode() {
+    return false;
+  }
+});
+var TreeContextProvider = TreeContext.Provider;
+
+export { TreeContext, TreeContextProvider };
+//# sourceMappingURL=tree_context.js.map

package/build/esm/packages/aurora/src/components/tree/context/tree_context.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/tree/context/tree_provider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TPropsWithChildren } from "../../../typings/general";
+export declare const TreeProvider: ({ children }: TPropsWithChildren) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/tree/context/tree_provider.js

@@ -0,0 +1,57 @@
+import React, { useState } from 'react';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { TreeContextProvider } from './tree_context.js';
+
+var TreeProvider = function TreeProvider(_ref) {
+  var children = _ref.children;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    nodes = _useState2[0],
+    setNodes = _useState2[1];
+  var value = {
+    addNode: function addNode(node) {
+      setNodes(function (nodes) {
+        return [].concat(_toConsumableArray(nodes), [node]);
+      });
+    },
+    updateNode: function updateNode(nodeId, node) {
+      setNodes(function (nodes) {
+        return nodes.map(function (n) {
+          return n.id === nodeId ? _objectSpread2(_objectSpread2({}, n), node) : n;
+        });
+      });
+    },
+    getNode: function getNode(nodeId) {
+      return nodes.find(function (node) {
+        return node.id === nodeId;
+      });
+    },
+    removeNode: function removeNode(nodeId) {
+      setNodes(function (nodes) {
+        return nodes.filter(function (node) {
+          return node.id !== nodeId;
+        });
+      });
+    },
+    toggleNode: function toggleNode(nodeId) {
+      setNodes(function (nodes) {
+        return nodes.map(function (node) {
+          return node.id === nodeId ? _objectSpread2(_objectSpread2({}, node), {}, {
+            expanded: !node.expanded
+          }) : node;
+        });
+      });
+    },
+    hasNode: function hasNode(nodeId) {
+      return !!nodes.find(function (node) {
+        return node.id === nodeId;
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(TreeContextProvider, {
+    value: value
+  }, children);
+};
+
+export { TreeProvider };
+//# sourceMappingURL=tree_provider.js.map

package/build/esm/packages/aurora/src/components/tree/context/tree_provider.js.map

@@ -0,0 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/tree/css_classes.d.ts

@@ -0,0 +1,22 @@
+export declare const TREE_CSS_CLASSES: {
+    readonly tree: "tree";
+    readonly treeNode: "tree__node";
+};
+export declare const TREE_NODE_CSS_CLASSES: {
+    readonly treeNode: "tree-node";
+    readonly treeNodeTogglerBtn: "tree-node__toggler-btn";
+    readonly treeNodeTogglerBtnExpanded: "tree-node__toggler-btn_expanded";
+    readonly treeNodeTogglerBtnIcon: "tree-node__toggler-btn-icon";
+    readonly treeNodeLabelContent: "tree-node__label-content";
+    readonly treeNodeLabel: "tree-node__label";
+    readonly treeNodeChildren: "tree-node__children";
+    readonly treeNodeChildrenEnter: "tree-node__children-enter";
+    readonly treeNodeChildrenEnterActive: "tree-node__children-enter-active";
+    readonly treeNodeChildrenExit: "tree-node__children-exit";
+    readonly treeNodeChildrenExitActive: "tree-node__children-exit-active";
+    readonly treeNodeChildrenExitDone: "tree-node__children-exit-done";
+    readonly treeNodeExpanded: "tree-node_expanded";
+    readonly treeNodeDisabled: "tree-node_disabled";
+    readonly treeNodeFocused: "tree-node_focused";
+    readonly treeNodeWithoutChildren: "tree-node_without-children";
+};

package/build/esm/packages/aurora/src/components/tree/css_classes.js

@@ -0,0 +1,25 @@
+const baseCssClass = 'tree';
+export const TREE_CSS_CLASSES = {
+    tree: baseCssClass,
+    treeNode: `${baseCssClass}__node`
+};
+const treeNodeBaseCssClass = `tree-node`;
+export const TREE_NODE_CSS_CLASSES = {
+    treeNode: treeNodeBaseCssClass,
+    treeNodeTogglerBtn: `${treeNodeBaseCssClass}__toggler-btn`,
+    treeNodeTogglerBtnExpanded: `${treeNodeBaseCssClass}__toggler-btn_expanded`,
+    treeNodeTogglerBtnIcon: `${treeNodeBaseCssClass}__toggler-btn-icon`,
+    treeNodeLabelContent: `${treeNodeBaseCssClass}__label-content`,
+    treeNodeLabel: `${treeNodeBaseCssClass}__label`,
+    treeNodeChildren: `${treeNodeBaseCssClass}__children`,
+    treeNodeChildrenEnter: `${treeNodeBaseCssClass}__children-enter`,
+    treeNodeChildrenEnterActive: `${treeNodeBaseCssClass}__children-enter-active`,
+    treeNodeChildrenExit: `${treeNodeBaseCssClass}__children-exit`,
+    treeNodeChildrenExitActive: `${treeNodeBaseCssClass}__children-exit-active`,
+    treeNodeChildrenExitDone: `${treeNodeBaseCssClass}__children-exit-done`,
+    treeNodeExpanded: `${treeNodeBaseCssClass}_expanded`,
+    treeNodeDisabled: `${treeNodeBaseCssClass}_disabled`,
+    treeNodeFocused: `${treeNodeBaseCssClass}_focused`,
+    treeNodeWithoutChildren: `${treeNodeBaseCssClass}_without-children`
+};
+//# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/tree/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/tree/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,MAAM,CAAC;AAE5B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,GAAG,YAAY,QAAQ;CAC3B,CAAC;AAEX,MAAM,oBAAoB,GAAG,WAAW,CAAC;AAEzC,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,QAAQ,EAAE,oBAAoB;IAC9B,kBAAkB,EAAE,GAAG,oBAAoB,eAAe;IAC1D,0BAA0B,EAAE,GAAG,oBAAoB,wBAAwB;IAC3E,sBAAsB,EAAE,GAAG,oBAAoB,oBAAoB;IACnE,oBAAoB,EAAE,GAAG,oBAAoB,iBAAiB;IAC9D,aAAa,EAAE,GAAG,oBAAoB,SAAS;IAC/C,gBAAgB,EAAE,GAAG,oBAAoB,YAAY;IACrD,qBAAqB,EAAE,GAAG,oBAAoB,kBAAkB;IAChE,2BAA2B,EAAE,GAAG,oBAAoB,yBAAyB;IAC7E,oBAAoB,EAAE,GAAG,oBAAoB,iBAAiB;IAC9D,0BAA0B,EAAE,GAAG,oBAAoB,wBAAwB;IAC3E,wBAAwB,EAAE,GAAG,oBAAoB,sBAAsB;IACvE,gBAAgB,EAAE,GAAG,oBAAoB,WAAW;IACpD,gBAAgB,EAAE,GAAG,oBAAoB,WAAW;IACpD,eAAe,EAAE,GAAG,oBAAoB,UAAU;IAClD,uBAAuB,EAAE,GAAG,oBAAoB,mBAAmB;CAC7D,CAAC"}

package/build/esm/packages/aurora/src/components/tree/hooks/tree_hook.d.ts

@@ -0,0 +1 @@
+export declare const useTree: () => import("../context/tree_context").ITreeContext;