@eightshift/ui-components 5.1.3 → 5.1.4

package/README.md

@@ -7,11 +7,11 @@ Built using [React Aria components](https://react-spectrum.adobe.com/react-aria/
 ## Local setup
 
 > [!IMPORTANT]
-> Uses [`pnpm`](https://pnpm.io/) for package management.
+> Uses [Bun](https://bun.com/) for package management.
 
 1. Clone the repository
-2. `pnpm install`
-3. `pnpm start` to run the example
+2. `bun install`
+3. `bun start` to run the example
 
 ## Who do I talk to?
 
@@ -24,9 +24,6 @@ Eightshift UI components is maintained and sponsored by
 ## License
 Eightshift UI components are provided by [Team Eightshift](https://eightshift.com) at [Infinum](https://infinum.com). This is free software, and may be redistributed under the terms specified in the LICENSE file.
 
-## To-do
-[] AdvancedColorPicker
-
 ### Won't bring over from Frontend libs
 - BlockInserter
 - Responsive components (ResponsiveNumberPicker, ResponsiveSlider, ResponsiveToggleButton)

package/dist/components/notice/notice.js

@@ -85,7 +85,7 @@ const Notice = (props) => {
           "div",
           {
             className: clsx(
-              "es:col-span-1 es:col-start-1 es:row-span-2 es:row-start-1 es:shrink-0 es:icon:size-6",
+              "es:col-span-1 es:col-start-1 es:row-span-2 es:row-start-1 es:shrink-0 es:icon:size-5.5",
               alignIconToTitle ? "es:self-baseline" : "es:self-center",
               styles[type].iconColorClassName
             ),

package/dist/components/repeater/repeater-item.js

@@ -30,7 +30,7 @@ import { RepeaterContext } from "./repeater-context.js";
  */
 const RepeaterItem = (props) => {
   const { children, icon, label, subtitle, "aria-label": ariaLabel, className, actions, textValue, expandDisabled, menuOptions, noMenuButton, ...rest } = props;
-  const { deleteItem, duplicateItem, isDragged, isOutOfBounds, isSelected, canDelete, canAdd, allOpen, setAllOpen, setOpenItems, id, isItemOpen } = useContext(RepeaterContext);
+  const { deleteItem, duplicateItem, isDragged, isOutOfBounds, isSelected, canDelete, canAdd, allOpen, setAllOpen, setOpenItems, id, isItemOpen, noDuplicateButton } = useContext(RepeaterContext);
   return /* @__PURE__ */ jsx(
     Expandable,
     {
@@ -71,7 +71,7 @@ const RepeaterItem = (props) => {
               children: [
                 menuOptions,
                 menuOptions && /* @__PURE__ */ jsx(MenuSeparator, {}),
-                /* @__PURE__ */ jsx(
+                !noDuplicateButton && /* @__PURE__ */ jsx(
                   MenuItem,
                   {
                     disabled: !canAdd,

package/dist/components/repeater/repeater.js

@@ -38,6 +38,7 @@ const fixIds = (items, itemIdBase) => {
  * @param {JSX.Element} [props.addButton] - If provided, overrides the default add button. `(props: { addItem: (additional: Object<string, any>?) => void, disabled: Boolean }) => JSX.Element`.
  * @param {string} [props.className] - Classes to pass to the item wrapper.
  * @param {boolean} [props.noExpandAllButton] - If `true`, the "Expand all"/"Collapse all" button is not displayed.
+ * @param {boolean} [props.noDuplicateButton] - If `true`, the "Duplicate" button is not displayed.
  * @param {boolean} [props.noDragToRemove] - If `true`, the "drag to remove" functionality will be disabled.
  * @param {JSX.Element|JSX.Element[]} [props.moreOptions] - Options to add in the "More options" menu.
  * @param {JSX.Element} [props.emptyState] - Allows overriding the default empty state.
@@ -93,6 +94,7 @@ const Repeater = (props) => {
     className,
     emptyState,
     noExpandAllButton,
+    noDuplicateButton,
     noDragToRemove,
     moreOptions,
     hidden
@@ -104,7 +106,7 @@ const Repeater = (props) => {
   }
   const items = fixIds(rawItems ?? [], itemIdBase);
   const canDelete = items.length > (minItems ?? 0);
-  const canAdd = items.length < (maxItems ?? Number.MAX_SAFE_INTEGER);
+  const canAdd = items.length < (maxItems ?? Number.MAX_SAFE_INTEGER) && !addDisabled;
   if (hidden) {
     return null;
   }
@@ -219,7 +221,8 @@ const Repeater = (props) => {
                         allOpen,
                         setAllOpen,
                         setOpenItems,
-                        isItemOpen: openItems[item.id] ?? allOpen
+                        isItemOpen: openItems[item.id] ?? allOpen,
+                        noDuplicateButton
                       },
                       children: children({
                         ...item,

package/dist/components/select/v2/async-select.js

@@ -30,14 +30,17 @@ import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyn
  * @param {{label: string, value: string, metadata: Object<string, any>?}} props.value - Current value of the select.
  * @param {Function} props.onChange - Function to call when the value changes.
  * @param {boolean} [props.clearable=false] - Whether the select is clearable.
- * @param {boolean} [props.noSearch=false] - Whether the search is disabled.
  * @param {boolean} [props.disabled=false] - Whether the select is disabled.
- * @param {boolean} [props.keepMenuOpenAfterSelect=false] - Whether the menu stays open after an select.
  * @param {string} [props.placeholder] - Placeholder text to show when no value is selected.
+ * @param {Function} [props.getLabel] - Function to get the label for the item from the fetched data. `(item: Object<string, any>) => string`
+ * @param {Function} [props.getValue] - Function to get the value for the item from the fetched data. `(item: Object<string, any>) => string`
+ * @param {Function} [props.getMeta] - Function to get the metadata for the item from the fetched data. `(item: Object<string, any>) => Object<string, any>` (optional)
+ * @param {Function} [props.getIcon] - Function to get the icon for the item from the fetched data. `(item: Object<string, any>) => JSX.Element | string`
+ * @param {Function} [props.getSubtitle] - Function to get the subtitle for the item from the fetched data. `(item: Object<string, any>) => string`
+ * @param {Function} [props.getData] - Function to pre-process the fetched data before it is used in the select. `(data: Object<string, any>[]) => Object<string, any>[]`
  * @param {JSX.Element} [props.customMenuOption] - If provided, replaces the default item in the dropdown menu. `({ value: string, label: string, subtitle: string, metadata: any }) => JSX.Element`
  * @param {JSX.Element} [props.customValueDisplay] - If provided, replaces the default current value display of each selected item. `({ value: string, label: string, subtitle: string, metadata: any }) => JSX.Element`
  * @param {JSX.Element} [props.customDropdownArrow] - If provided, replaces the default dropdown arrow indicator.
- * @param {Function} [props.processLoadedOptions] - Allows modifying (filtering, grouping, ...) options output after the items have been dynamically fetched. Must include `label`, `value`, and `id` keys in the output, additional fields can be added as required.
  * @param {string} props.className - Classes to pass to the select menu.
  * @param {boolean} [props.noMinWidth=false] - If `true`, the select menu will not have a minimum width.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
@@ -68,7 +71,6 @@ const AsyncSelectNext = (props) => {
     inline,
     value,
     onChange,
-    noSearch = false,
     disabled = false,
     clearable = false,
     className,

package/dist/components/select/v2/single-select.js

@@ -94,6 +94,7 @@ const SelectNext = (props) => {
   return /* @__PURE__ */ jsx(
     $82d7e5349645de74$export$ef9b1a59e592288f,
     {
+      isDisabled: disabled,
       selectedKey: currentValue,
       onSelectionChange: (selected) => {
         if (selected === null || selected === void 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "5.1.3",
+	"version": "5.1.4",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",