@dreamcommerce/aurora 3.0.0-97 → 3.0.0-99

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

@@ -8,7 +8,6 @@ import { SelectValue } from './components/select_value.js';
 
 var _excluded = ["children", "id", "defaultValue", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "hasError", "onValueChange"];
 var Select = function Select(_ref) {
-  var _options$find;
   var children = _ref.children,
     id = _ref.id,
     defaultValue = _ref.defaultValue,
@@ -36,6 +35,12 @@ var Select = function Select(_ref) {
   useEffect(function () {
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(selectedValue !== null && selectedValue !== void 0 ? selectedValue : '');
   }, [selectedValue]);
+  var getSelectedLabel = function getSelectedLabel(options, selectedValue) {
+    var _options$find;
+    return ((_options$find = options.find(function (opt) {
+      return opt.value === selectedValue;
+    })) === null || _options$find === void 0 ? void 0 : _options$find.text) || '';
+  };
   return /*#__PURE__*/React.createElement(Root, _objectSpread2({
     value: selectedValue,
     defaultValue: defaultValue,
@@ -51,9 +56,7 @@ var Select = function Select(_ref) {
     hasError: hasError
   }, /*#__PURE__*/React.createElement(SelectValue, {
     placeholder: placeholder
-  }, selectedValue ? (_options$find = options.find(function (option) {
-    return option.value === selectedValue;
-  })) === null || _options$find === void 0 ? void 0 : _options$find.label : '')), selectedValue && hasClearValueButton && (/*#__PURE__*/React.createElement("div", {
+  }, selectedValue ? getSelectedLabel(options, selectedValue) : placeholder !== null && placeholder !== void 0 ? placeholder : '')), selectedValue && hasClearValueButton && (/*#__PURE__*/React.createElement("div", {
     className: "aurora-absolute aurora-top-3 aurora-right-8 aurora-z-10",
     onClick: function onClick() {
       return setSelectedValue('');

package/build/esm/packages/aurora/src/components/select/select.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;"}
+{"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;"}

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

@@ -3,21 +3,29 @@ import { Dispatch, ReactNode, SetStateAction } from 'react';
 export interface TSelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
     hasError?: boolean;
 }
-export declare type TSelectOptions = {
+export declare type Option = {
+    text: string;
     value: string;
-    label: string;
-}[];
+    additionalInfo?: string;
+    isHeader?: boolean;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+};
 export interface TSelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
-    options: TSelectOptions;
+    options: Option[];
     hasSearch?: boolean;
     searchPlaceholder?: string;
     innerAdditionalContent?: ReactNode;
-    filterTerm?: string;
+    filterTerm: string;
     setFilterTerm?: Dispatch<SetStateAction<string>>;
 }
+export interface TSelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+}
 export interface TSelectProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {
     id: string;
-    options: TSelectOptions;
+    options: Option[];
     placeholder?: string;
     hasSearch?: boolean;
     searchPlaceholder?: string;

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

@@ -17,7 +17,7 @@ declare type TTreeNodeProps = TPropsWithChildren<ITreeNode & {
     expandIcon?: React.ReactNode;
     LabelComponent?: (props: TTreeLabelComponentProps) => React.ReactNode;
     ContentComponent?: (props: TTreeContentComponentProps) => React.ReactNode;
-    isDragging?: boolean;
+    hasDisabledHover?: boolean;
 }>;
-export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled, isDragging, ...rest }: TTreeNodeProps) => React.JSX.Element | null;
+export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled, hasDisabledHover, ...rest }: TTreeNodeProps) => React.JSX.Element | null;
 export default TreeNode;

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

@@ -6,7 +6,7 @@ import { CSSTransition } from 'react-transition-group';
 import { useTree } from '../hooks/tree_hook.js';
 import { useTreeNode } from '../hooks/tree_node_hook.js';
 
-var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "disabled", "isDragging"];
+var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "disabled", "hasDisabledHover"];
 var TreeNode = function TreeNode(_ref) {
   var children = _ref.children,
     id = _ref.id,
@@ -14,7 +14,7 @@ var TreeNode = function TreeNode(_ref) {
     ContentComponent = _ref.ContentComponent,
     LabelComponent = _ref.LabelComponent,
     disabled = _ref.disabled,
-    isDragging = _ref.isDragging,
+    hasDisabledHover = _ref.hasDisabledHover,
     rest = _objectWithoutProperties(_ref, _excluded);
   var treeApi = useTree();
   var node = useTreeNode(id, rest);
@@ -26,7 +26,7 @@ var TreeNode = function TreeNode(_ref) {
   };
   var Label = LabelComponent ? (/*#__PURE__*/React.createElement("div", {
     className: cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
-      'hover:aurora-bg-transparent': isDragging
+      'hover:aurora-bg-transparent': hasDisabledHover
     })
   }, LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
     node: node,
@@ -34,7 +34,7 @@ var TreeNode = function TreeNode(_ref) {
   }))) : (/*#__PURE__*/React.createElement("div", {
     tabIndex: !children ? 0 : -1,
     className: cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
-      'hover:aurora-bg-transparent': isDragging
+      'hover:aurora-bg-transparent': hasDisabledHover
     })
   }, node.label ? node.label : node.id));
   var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
@@ -43,7 +43,7 @@ var TreeNode = function TreeNode(_ref) {
     isLeaf: !childrenCount
   }) : (/*#__PURE__*/React.createElement("div", {
     className: cn('aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover', {
-      'hover:aurora-bg-transparent': isDragging
+      'hover:aurora-bg-transparent': hasDisabledHover
     })
   }, /*#__PURE__*/React.createElement("button", {
     className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer",
@@ -52,12 +52,11 @@ var TreeNode = function TreeNode(_ref) {
     className: "aurora-flex"
   }, /*#__PURE__*/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
+      'aurora-rotate-0': node.expanded
     })
   }))), Label));
   return /*#__PURE__*/React.createElement("li", {
-    className: "aurora-flex aurora-flex-col aurora-gap-2",
+    className: cn('aurora-flex aurora-flex-col aurora-gap-2', cssClassNames),
     role: "treeitem",
     "aria-expanded": node.expanded,
     "data-disabled": !!disabled

package/build/esm/packages/aurora/src/components/tree/components/tree_node.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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-97",
+  "version": "3.0.0-99",
   "description": "aurora",
   "author": "zefirek",
   "license": "MIT",

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

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var cn = require('../../../utilities/cn.js');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-var multiselect_group_label = require('./multiselect_group_label.js');
-var multiselect_item = require('./multiselect_item.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _excluded = ["group", "selectedOptions", "toggleOption", "className"];
-var MultiSelectGroup = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
-  var group = _ref.group,
-    selectedOptions = _ref.selectedOptions,
-    toggleOption = _ref.toggleOption,
-    className = _ref.className,
-    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Group, _rollupPluginBabelHelpers.objectSpread2({
-    ref: ref,
-    className: cn.cn('aurora-flex aurora-flex-col aurora-gap-1', className)
-  }, props), /*#__PURE__*/React__default['default'].createElement(multiselect_group_label.MultiSelectGroupLabel, null, group.label), group.options.map(function (option) {
-    return /*#__PURE__*/React__default['default'].createElement(multiselect_item.MultiSelectItem, {
-      key: option.value,
-      option: option,
-      isSelected: selectedOptions.some(function (selected) {
-        return selected.value === option.value;
-      }),
-      toggleOption: toggleOption
-    });
-  }));
-});
-MultiSelectGroup.displayName = 'MultiSelectGroup';
-
-exports.MultiSelectGroup = MultiSelectGroup;
-//# sourceMappingURL=multiselect_group.js.map

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TMultiSelectGroupProps } from '../multiselect_types';
-export declare const MultiSelectGroup: React.ForwardRefExoticComponent<TMultiSelectGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cn } from '../../../utilities/cn.js';
-import { Group } from '@radix-ui/react-dropdown-menu';
-import { MultiSelectGroupLabel } from './multiselect_group_label.js';
-import { MultiSelectItem } from './multiselect_item.js';
-
-var _excluded = ["group", "selectedOptions", "toggleOption", "className"];
-var MultiSelectGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var group = _ref.group,
-    selectedOptions = _ref.selectedOptions,
-    toggleOption = _ref.toggleOption,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Group, _objectSpread2({
-    ref: ref,
-    className: cn('aurora-flex aurora-flex-col aurora-gap-1', className)
-  }, props), /*#__PURE__*/React.createElement(MultiSelectGroupLabel, null, group.label), group.options.map(function (option) {
-    return /*#__PURE__*/React.createElement(MultiSelectItem, {
-      key: option.value,
-      option: option,
-      isSelected: selectedOptions.some(function (selected) {
-        return selected.value === option.value;
-      }),
-      toggleOption: toggleOption
-    });
-  }));
-});
-MultiSelectGroup.displayName = 'MultiSelectGroup';
-
-export { MultiSelectGroup };
-//# sourceMappingURL=multiselect_group.js.map