@dreamcommerce/aurora 3.0.0-98 → 3.0.0-99

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

@@ -4,13 +4,16 @@ import { cn } from '../../../utilities/cn.js';
 import { CheckLineIcon } from '../../../assets/icons/check_icon.js';
 import { Item, ItemIndicator, ItemText } from '@radix-ui/react-select';
 
-var _excluded = ["children", "className"];
+var _excluded = ["children", "className", "isDisabled", "isReadonly"];
 var SelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
+    isDisabled = _ref.isDisabled,
+    isReadonly = _ref.isReadonly,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Item, _objectSpread2(_objectSpread2({
-    className: cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-sm aurora-outline-none focus:aurora-bg-accent focus:aurora-text-accent-foreground 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', className)
+    className: cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-sm aurora-outline-none focus:aurora-bg-accent focus:aurora-text-accent-foreground 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', className),
+    disabled: isDisabled || isReadonly
   }, props), {}, {
     ref: ref
   }), /*#__PURE__*/React.createElement(ItemIndicator, {

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

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

@@ -1,5 +1,5 @@
-import React, { PropsWithChildren } from 'react';
 import { TSelectProps } from './select_types';
+import React, { PropsWithChildren } from 'react';
 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

@@ -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.js

@@ -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/build/esm/packages/aurora/src/i18n.d.ts

@@ -1,2 +1 @@
-declare const i18n: import("i18next").i18n;
-export default i18n;
+export declare const i18n: import("i18next").i18n;

package/build/esm/packages/aurora/src/i18n.js

@@ -22,5 +22,5 @@ i18n.use(initReactI18next).init({
   }
 });
 
-export default i18n;
+export { i18n };
 //# sourceMappingURL=i18n.js.map

package/build/esm/packages/aurora/src/index.d.ts

@@ -1,5 +1,5 @@
 import './i18n';
-export * from './i18n';
+export { i18n } from './i18n';
 export { Accordion } from "./components/accordion/accordion";
 export { AccordionContent } from "./components/accordion/components/accordion_content";
 export { AccordionItem } from "./components/accordion/components/accordion_item";
@@ -90,6 +90,8 @@ export { InputControl } from './components/controls/input_control/input_control'
 export { ColorPicker } from "./components/color_picker/color_picker";
 export { ColorPickerControl } from './components/controls/color_picker_control/color_picker_control';
 export { IColorPickerColor } from "./components/color_picker/color_picker_types";
+export { GRADIENT_TYPES } from "./components/color_picker/color_picker_constants";
+export { ColorPickerUtils } from "./components/color_picker/color_picker_utils";
 export { Checkbox } from "./components/checkbox/checkbox";
 export { CheckboxControl } from './components/controls/checkbox_control/checkbox_control';
 export { Select } from "./components/select/select";
@@ -102,7 +104,7 @@ export { TextArea } from "./components/text_area/text_area";
 export { TextAreaControl } from "./components/controls/text_area_control/text_area_control";
 export { Control } from "./components/control/control";
 export { ControlsGroup } from "./components/controls/controls_group/controls_group";
-export { IImagePicker, TImageSize, TImagePickerExtension } from "./components/image_picker/image_picker_types";
+export { IImagePicker, TImageSize, TImagePickerExtension, TImagePickerFile } from "./components/image_picker/image_picker_types";
 export { ImagePicker } from "./components/image_picker/image_picker";
 export { XhrImagePicker } from "./components/xhr_image_picker/xhr_image_picker";
 export { XhrImagePickerControl } from "./components/controls/xhr_image_picker_control/xhr_image_picker_control";

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

@@ -1,3 +1,4 @@
+export { i18n } from './i18n.js';
 export { ACCORDION_SIZES } from './components/accordion/accordion_constants.js';
 export { CSS_BACKGROUND_TOKENS } from './constants/css_tokens/css_background_tokens.js';
 export { CSS_BORDER_COLOR_TOKENS } from './constants/css_tokens/css_border_color_tokens.js';
@@ -86,6 +87,8 @@ export { Control } from './components/control/control.js';
 export { SwitchControl } from './components/controls/switch_control/switch_control.js';
 export { Input } from './components/input/input.js';
 export { InputControl } from './components/controls/input_control/input_control.js';
+export { GRADIENT_TYPES } from './components/color_picker/color_picker_constants.js';
+export { ColorPickerUtils } from './components/color_picker/color_picker_utils.js';
 export { ColorPicker } from './components/color_picker/color_picker.js';
 export { ColorPickerControl } from './components/controls/color_picker_control/color_picker_control.js';
 export { Checkbox } from './components/checkbox/checkbox.js';

package/build/esm/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;"}
+{"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;"}

package/build/esm/packages/aurora/src/utilities/translation/with_translation.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { I18nextProvider } from 'react-i18next';
 import '@auroraUtilities/translation/translation_types';
-import i18n from '../../i18n';
+import { i18n } from '../../i18n';
 export const withTranslation = (ChildComponent) => (props) => {
     return (
     // TOOD

package/build/esm/packages/aurora/src/utilities/translation/with_translation.js.map

@@ -1 +1 @@
-{"version":3,"file":"with_translation.js","sourceRoot":"","sources":["../../../../../../../src/utilities/translation/with_translation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAiC,gDAAgD,CAAC;AAClF,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,MAAM,CAAC,MAAM,eAAe,GAAqB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IAC3E,OAAO;IACH,OAAO;IACP,YAAY;IACZ,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI;QACvB,oBAAC,cAAc,OAAK,KAAK,GAAI,CACf,CACrB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"with_translation.js","sourceRoot":"","sources":["../../../../../../../src/utilities/translation/with_translation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAiC,gDAAgD,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAqB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IAC3E,OAAO;IACH,OAAO;IACP,YAAY;IACZ,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI;QACvB,oBAAC,cAAc,OAAK,KAAK,GAAI,CACf,CACrB,CAAC;AACN,CAAC,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-98",
+  "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