@uniformdev/context-ui 20.37.0 → 20.37.1-alpha.6

package/dist/index.d.mts

@@ -39,6 +39,8 @@ type CriteriaOperatorMenuProps = {
     value: DimensionMatch['op'] | QuirkMatch['op'];
     onChange: (newValue: DimensionMatch['op'] | QuirkMatch['op']) => void;
     rhsType?: ResolvedDimensionDefinition['category'] | 'QUIRK';
+    /** sets the disabled state of the component */
+    disabled?: boolean;
 } & Omit<InputComboBoxProps<InputComboBoxOption, false>, 'value' | 'options' | 'onChange'>;
 declare const contextCriteriaMenuOperators: Array<{
     name: string;
@@ -93,6 +95,8 @@ type CriteriaMatchMenuProps = {
     dimensions: DimensionsData;
     errorMessage?: string;
     onChange: (newCriteria: DimensionMatch) => void;
+    /** sets the disabled state of the component */
+    disabled?: boolean;
 } & Omit<InputComboBoxProps<InputComboBoxOption, false>, 'value' | 'options' | 'onChange' | 'inputValue' | 'value' | 'onInputChange'>;
 declare function CriteriaMatchMenu({ onChange, criteriaMatch, dimensions, errorMessage, ...props }: CriteriaMatchMenuProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
@@ -106,6 +110,8 @@ type DimensionMenuProps = {
     quirks?: QuirkGetResponse['quirks'];
     errorMessage?: string;
     onChange: (newValue: ResolvedDimensionDefinition | Quirk | undefined) => void;
+    /** sets the disabled state of the component */
+    disabled?: boolean;
 } & Omit<InputComboBoxProps<DimensionMenuOption, false>, 'value' | 'options' | 'onChange'>;
 declare function DimensionMenu({ onChange, value, dimensions, errorMessage, quirks, ...props }: DimensionMenuProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
@@ -150,6 +156,8 @@ interface PersonalizationCriteriaStaticProps {
         lhs?: Array<string | undefined>;
         rhs?: Array<string | undefined>;
     };
+    /** sets the disabled state of the component */
+    readOnly?: boolean;
 }
 declare const PersonalizationCriteriaStatic: React.FC<PersonalizationCriteriaStaticProps>;
 

package/dist/index.d.ts

@@ -39,6 +39,8 @@ type CriteriaOperatorMenuProps = {
     value: DimensionMatch['op'] | QuirkMatch['op'];
     onChange: (newValue: DimensionMatch['op'] | QuirkMatch['op']) => void;
     rhsType?: ResolvedDimensionDefinition['category'] | 'QUIRK';
+    /** sets the disabled state of the component */
+    disabled?: boolean;
 } & Omit<InputComboBoxProps<InputComboBoxOption, false>, 'value' | 'options' | 'onChange'>;
 declare const contextCriteriaMenuOperators: Array<{
     name: string;
@@ -93,6 +95,8 @@ type CriteriaMatchMenuProps = {
     dimensions: DimensionsData;
     errorMessage?: string;
     onChange: (newCriteria: DimensionMatch) => void;
+    /** sets the disabled state of the component */
+    disabled?: boolean;
 } & Omit<InputComboBoxProps<InputComboBoxOption, false>, 'value' | 'options' | 'onChange' | 'inputValue' | 'value' | 'onInputChange'>;
 declare function CriteriaMatchMenu({ onChange, criteriaMatch, dimensions, errorMessage, ...props }: CriteriaMatchMenuProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
@@ -106,6 +110,8 @@ type DimensionMenuProps = {
     quirks?: QuirkGetResponse['quirks'];
     errorMessage?: string;
     onChange: (newValue: ResolvedDimensionDefinition | Quirk | undefined) => void;
+    /** sets the disabled state of the component */
+    disabled?: boolean;
 } & Omit<InputComboBoxProps<DimensionMenuOption, false>, 'value' | 'options' | 'onChange'>;
 declare function DimensionMenu({ onChange, value, dimensions, errorMessage, quirks, ...props }: DimensionMenuProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
@@ -150,6 +156,8 @@ interface PersonalizationCriteriaStaticProps {
         lhs?: Array<string | undefined>;
         rhs?: Array<string | undefined>;
     };
+    /** sets the disabled state of the component */
+    readOnly?: boolean;
 }
 declare const PersonalizationCriteriaStatic: React.FC<PersonalizationCriteriaStaticProps>;
 

package/dist/index.esm.js

@@ -320,6 +320,7 @@ function CriteriaOperatorMenu({ onChange, value, rhsType, ...props }) {
     InputComboBox,
     {
       ...props,
+      isDisabled: props.disabled,
       value: {
         label: (_b = (_a = operators.find((e) => e.value === value)) == null ? void 0 : _a.name) != null ? _b : value,
         value
@@ -766,6 +767,7 @@ function CriteriaMatchMenu({
       InputComboBox3,
       {
         ...props,
+        isDisabled: props.disabled,
         inputValue,
         menuShouldScrollIntoView: true,
         value: {
@@ -873,6 +875,7 @@ function DimensionMenu({
       InputComboBox4,
       {
         ...props,
+        isDisabled: props.disabled,
         value: valueAsMenuOption,
         options: groupedDimensions,
         getOptionValue: (option) => option.label,
@@ -1416,7 +1419,8 @@ var PersonalizationCriteriaStatic = ({
   onRemoveCriteria,
   displayTitle = true,
   components,
-  errors = {}
+  errors = {},
+  readOnly
 }) => {
   var _a;
   const currentValue = { crit: [], ...value };
@@ -1510,7 +1514,8 @@ var PersonalizationCriteriaStatic = ({
                     },
                     value: currentDimension != null ? currentDimension : currentQuirk,
                     onMenuOpen,
-                    onMenuClose
+                    onMenuClose,
+                    disabled: readOnly
                   }
                 )
               }
@@ -1537,7 +1542,8 @@ var PersonalizationCriteriaStatic = ({
                       }
                     },
                     onMenuOpen,
-                    onMenuClose
+                    onMenuClose,
+                    disabled: readOnly
                   }
                 )
               }
@@ -1570,7 +1576,8 @@ var PersonalizationCriteriaStatic = ({
                         options: [
                           { label: "Select\u2026", value: "" },
                           ...currentQuirk.options.map((o) => ({ label: o.name, value: o.value }))
-                        ]
+                        ],
+                        disabled: readOnly
                       }
                     ) : /* @__PURE__ */ jsx17(
                       Input2,
@@ -1581,7 +1588,8 @@ var PersonalizationCriteriaStatic = ({
                         value: (_e = currentCriteria.r) != null ? _e : "",
                         errorMessage: (_f = errors.rhs) == null ? void 0 : _f[index],
                         onChange: (e) => update({ ...currentCriteria, r: e.currentTarget.value }, index),
-                        placeholder: "Enter a value"
+                        placeholder: "Enter a value",
+                        disabled: readOnly
                       }
                     )
                   }
@@ -1598,7 +1606,8 @@ var PersonalizationCriteriaStatic = ({
                     isDisabled: !critHasLhs,
                     dimensions,
                     onMenuOpen,
-                    onMenuClose
+                    onMenuClose,
+                    disabled: readOnly
                   }
                 )
               }
@@ -1612,6 +1621,7 @@ var PersonalizationCriteriaStatic = ({
               title: `Delete Personalization`,
               css: { backgroundColor: "transparent", backgroundImage: "none", borderWidth: 0 },
               "data-testid": "button-delete",
+              disabled: readOnly,
               children: /* @__PURE__ */ jsx17(Icon5, { icon: CgCloseO2, iconColor: "red", size: "1.5rem" })
             }
           ),
@@ -1628,7 +1638,7 @@ var PersonalizationCriteriaStatic = ({
                 InputInlineSelect,
                 {
                   "data-testid": "dropdown-button-combine",
-                  disabled: index > 1,
+                  disabled: index > 1 || readOnly,
                   value: (_h = currentValue.op) != null ? _h : "&",
                   options: [
                     { label: "AND", value: "&" },
@@ -1649,7 +1659,8 @@ var PersonalizationCriteriaStatic = ({
           "data-testid": "button-add-criteria",
           className: "add-more",
           buttonText: "Add Criteria",
-          onButtonClick: addToList
+          onButtonClick: addToList,
+          disabled: readOnly
         }
       )
     ] })

package/dist/index.js

@@ -374,6 +374,7 @@ function CriteriaOperatorMenu({ onChange, value, rhsType, ...props }) {
     import_design_system2.InputComboBox,
     {
       ...props,
+      isDisabled: props.disabled,
       value: {
         label: (_b = (_a = operators.find((e) => e.value === value)) == null ? void 0 : _a.name) != null ? _b : value,
         value
@@ -820,6 +821,7 @@ function CriteriaMatchMenu({
       import_design_system6.InputComboBox,
       {
         ...props,
+        isDisabled: props.disabled,
         inputValue,
         menuShouldScrollIntoView: true,
         value: {
@@ -927,6 +929,7 @@ function DimensionMenu({
       import_design_system7.InputComboBox,
       {
         ...props,
+        isDisabled: props.disabled,
         value: valueAsMenuOption,
         options: groupedDimensions,
         getOptionValue: (option) => option.label,
@@ -1452,7 +1455,8 @@ var PersonalizationCriteriaStatic = ({
   onRemoveCriteria,
   displayTitle = true,
   components,
-  errors = {}
+  errors = {},
+  readOnly
 }) => {
   var _a;
   const currentValue = { crit: [], ...value };
@@ -1546,7 +1550,8 @@ var PersonalizationCriteriaStatic = ({
                     },
                     value: currentDimension != null ? currentDimension : currentQuirk,
                     onMenuOpen,
-                    onMenuClose
+                    onMenuClose,
+                    disabled: readOnly
                   }
                 )
               }
@@ -1573,7 +1578,8 @@ var PersonalizationCriteriaStatic = ({
                       }
                     },
                     onMenuOpen,
-                    onMenuClose
+                    onMenuClose,
+                    disabled: readOnly
                   }
                 )
               }
@@ -1606,7 +1612,8 @@ var PersonalizationCriteriaStatic = ({
                         options: [
                           { label: "Select\u2026", value: "" },
                           ...currentQuirk.options.map((o) => ({ label: o.name, value: o.value }))
-                        ]
+                        ],
+                        disabled: readOnly
                       }
                     ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       import_design_system10.Input,
@@ -1617,7 +1624,8 @@ var PersonalizationCriteriaStatic = ({
                         value: (_e = currentCriteria.r) != null ? _e : "",
                         errorMessage: (_f = errors.rhs) == null ? void 0 : _f[index],
                         onChange: (e) => update({ ...currentCriteria, r: e.currentTarget.value }, index),
-                        placeholder: "Enter a value"
+                        placeholder: "Enter a value",
+                        disabled: readOnly
                       }
                     )
                   }
@@ -1634,7 +1642,8 @@ var PersonalizationCriteriaStatic = ({
                     isDisabled: !critHasLhs,
                     dimensions,
                     onMenuOpen,
-                    onMenuClose
+                    onMenuClose,
+                    disabled: readOnly
                   }
                 )
               }
@@ -1648,6 +1657,7 @@ var PersonalizationCriteriaStatic = ({
               title: `Delete Personalization`,
               css: { backgroundColor: "transparent", backgroundImage: "none", borderWidth: 0 },
               "data-testid": "button-delete",
+              disabled: readOnly,
               children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system10.Icon, { icon: import_CgCloseO2.CgCloseO, iconColor: "red", size: "1.5rem" })
             }
           ),
@@ -1664,7 +1674,7 @@ var PersonalizationCriteriaStatic = ({
                 import_design_system10.InputInlineSelect,
                 {
                   "data-testid": "dropdown-button-combine",
-                  disabled: index > 1,
+                  disabled: index > 1 || readOnly,
                   value: (_h = currentValue.op) != null ? _h : "&",
                   options: [
                     { label: "AND", value: "&" },
@@ -1685,7 +1695,8 @@ var PersonalizationCriteriaStatic = ({
           "data-testid": "button-add-criteria",
           className: "add-more",
           buttonText: "Add Criteria",
-          onButtonClick: addToList
+          onButtonClick: addToList,
+          disabled: readOnly
         }
       )
     ] })

package/dist/index.mjs

@@ -320,6 +320,7 @@ function CriteriaOperatorMenu({ onChange, value, rhsType, ...props }) {
     InputComboBox,
     {
       ...props,
+      isDisabled: props.disabled,
       value: {
         label: (_b = (_a = operators.find((e) => e.value === value)) == null ? void 0 : _a.name) != null ? _b : value,
         value
@@ -766,6 +767,7 @@ function CriteriaMatchMenu({
       InputComboBox3,
       {
         ...props,
+        isDisabled: props.disabled,
         inputValue,
         menuShouldScrollIntoView: true,
         value: {
@@ -873,6 +875,7 @@ function DimensionMenu({
       InputComboBox4,
       {
         ...props,
+        isDisabled: props.disabled,
         value: valueAsMenuOption,
         options: groupedDimensions,
         getOptionValue: (option) => option.label,
@@ -1416,7 +1419,8 @@ var PersonalizationCriteriaStatic = ({
   onRemoveCriteria,
   displayTitle = true,
   components,
-  errors = {}
+  errors = {},
+  readOnly
 }) => {
   var _a;
   const currentValue = { crit: [], ...value };
@@ -1510,7 +1514,8 @@ var PersonalizationCriteriaStatic = ({
                     },
                     value: currentDimension != null ? currentDimension : currentQuirk,
                     onMenuOpen,
-                    onMenuClose
+                    onMenuClose,
+                    disabled: readOnly
                   }
                 )
               }
@@ -1537,7 +1542,8 @@ var PersonalizationCriteriaStatic = ({
                       }
                     },
                     onMenuOpen,
-                    onMenuClose
+                    onMenuClose,
+                    disabled: readOnly
                   }
                 )
               }
@@ -1570,7 +1576,8 @@ var PersonalizationCriteriaStatic = ({
                         options: [
                           { label: "Select\u2026", value: "" },
                           ...currentQuirk.options.map((o) => ({ label: o.name, value: o.value }))
-                        ]
+                        ],
+                        disabled: readOnly
                       }
                     ) : /* @__PURE__ */ jsx17(
                       Input2,
@@ -1581,7 +1588,8 @@ var PersonalizationCriteriaStatic = ({
                         value: (_e = currentCriteria.r) != null ? _e : "",
                         errorMessage: (_f = errors.rhs) == null ? void 0 : _f[index],
                         onChange: (e) => update({ ...currentCriteria, r: e.currentTarget.value }, index),
-                        placeholder: "Enter a value"
+                        placeholder: "Enter a value",
+                        disabled: readOnly
                       }
                     )
                   }
@@ -1598,7 +1606,8 @@ var PersonalizationCriteriaStatic = ({
                     isDisabled: !critHasLhs,
                     dimensions,
                     onMenuOpen,
-                    onMenuClose
+                    onMenuClose,
+                    disabled: readOnly
                   }
                 )
               }
@@ -1612,6 +1621,7 @@ var PersonalizationCriteriaStatic = ({
               title: `Delete Personalization`,
               css: { backgroundColor: "transparent", backgroundImage: "none", borderWidth: 0 },
               "data-testid": "button-delete",
+              disabled: readOnly,
               children: /* @__PURE__ */ jsx17(Icon5, { icon: CgCloseO2, iconColor: "red", size: "1.5rem" })
             }
           ),
@@ -1628,7 +1638,7 @@ var PersonalizationCriteriaStatic = ({
                 InputInlineSelect,
                 {
                   "data-testid": "dropdown-button-combine",
-                  disabled: index > 1,
+                  disabled: index > 1 || readOnly,
                   value: (_h = currentValue.op) != null ? _h : "&",
                   options: [
                     { label: "AND", value: "&" },
@@ -1649,7 +1659,8 @@ var PersonalizationCriteriaStatic = ({
           "data-testid": "button-add-criteria",
           className: "add-more",
           buttonText: "Add Criteria",
-          onButtonClick: addToList
+          onButtonClick: addToList,
+          disabled: readOnly
         }
       )
     ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/context-ui",
-  "version": "20.37.0",
+  "version": "20.37.1-alpha.6+0bdc7878de",
   "description": "React-based functionality and components for Uniform Context",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -29,8 +29,8 @@
   "dependencies": {
     "@emotion/react": "11.13.5",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
-    "@uniformdev/context": "20.37.0",
-    "@uniformdev/design-system": "20.37.0",
+    "@uniformdev/context": "20.37.1-alpha.6+0bdc7878de",
+    "@uniformdev/design-system": "20.37.1-alpha.6+0bdc7878de",
     "immer": "10.1.1",
     "react-beautiful-dnd": "13.1.1",
     "react-select": "5.10.0",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b42aec368d447a0b0ebc619451abdd5df413365"
+  "gitHead": "0bdc7878de6fcd5f152feb2a0f8fa56563c61e7c"
 }