@invoicebox/ui 0.1.0-alpha.263 → 0.1.0-alpha.265

package/dist/components/common/EntityAutocompleteOptionsDrawer/index.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 type TOption<TEntity> = {
     value: string;
     entity: TEntity;
+    isDisabled?: boolean;
 };
 export type TProps<TEntity> = {
     isOpen: boolean;

package/dist/components/common/EntityAutocompleteOptionsDrawer/index.js

@@ -55,6 +55,7 @@ var EntityAutocompleteOptionsDrawer = exports.EntityAutocompleteOptionsDrawer =
       key: "".concat(option.value).concat(index),
       tabIndex: -1,
       type: "button",
+      disabled: option.isDisabled,
       onClick: handleSelect,
       "data-index": JSON.stringify(index)
     }, renderOption(option));

package/dist/components/common/EntityAutocompleteOptionsDrawer/index.stories.js

@@ -72,7 +72,8 @@ var commonArgs = {
     entity: {
       id: '2',
       name: 'Name two'
-    }
+    },
+    isDisabled: true
   }, {
     value: '3',
     entity: {

package/dist/components/common/EntityAutocompleteOptionsDrawer/styles.js

@@ -18,7 +18,7 @@ var InputWrapper = exports.InputWrapper = _styledComponents["default"].div.withC
 var OptionWrapper = exports.OptionWrapper = _styledComponents["default"].button.withConfig({
   displayName: "styles__OptionWrapper",
   componentId: "sc-r0dl76-2"
-})(["width:100%;background:transparent;border:none;cursor:pointer;outline:none;color:inherit;"]);
+})(["width:100%;background:transparent;border:none;cursor:pointer;outline:none;color:inherit;&:disabled{opacity:0.7;cursor:not-allowed;}"]);
 var ContentWrapper = exports.ContentWrapper = _styledComponents["default"].div.withConfig({
   displayName: "styles__ContentWrapper",
   componentId: "sc-r0dl76-3"

package/dist/components/common/_helpers/selectOptions.d.ts

@@ -1,4 +1,9 @@
-export declare const selectOptions: {
+export declare const selectOptions: ({
     label: string;
     value: string;
-}[];
+    isDisabled?: undefined;
+} | {
+    label: string;
+    value: string;
+    isDisabled: boolean;
+})[];

package/dist/components/common/_helpers/selectOptions.js

@@ -12,10 +12,12 @@ var selectOptions = exports.selectOptions = [{
   value: 'option-2'
 }, {
   label: 'Option 3',
-  value: 'option-3'
+  value: 'option-3',
+  isDisabled: true
 }, {
   label: 'Option 4',
-  value: 'option-4'
+  value: 'option-4',
+  isDisabled: true
 }, {
   label: 'Option 5',
   value: 'option-5'

package/dist/components/form/Autocomplete/components/Autocomplete/index.d.ts

@@ -3,6 +3,7 @@ import { TSizes } from '../../../constants';
 type TOption = {
     value: string;
     entity?: any;
+    isDisabled?: boolean;
 };
 type TFieldProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'onBlur' | 'onFocus' | 'autoFocus' | 'readOnly'> & {
     value: string;

package/dist/components/form/Autocomplete/components/Autocomplete/index.js

@@ -139,6 +139,7 @@ var Autocomplete = exports.Autocomplete = /*#__PURE__*/(0, _react.forwardRef)(fu
       key: "".concat(option.value).concat(index),
       tabIndex: -1,
       type: "button",
+      disabled: option.isDisabled,
       onClick: handleSelect,
       "data-index": JSON.stringify(index)
     }, renderOption ? renderOption(option) : /*#__PURE__*/_react["default"].createElement(_AutocompleteDefaultOption.AutocompleteDefaultOption, {

package/dist/components/form/Autocomplete/components/Autocomplete/styles.js

@@ -30,7 +30,7 @@ var OptionWrapperWithPadding = exports.OptionWrapperWithPadding = _styledCompone
 var OptionWrapper = exports.OptionWrapper = _styledComponents["default"].button.withConfig({
   displayName: "styles__OptionWrapper",
   componentId: "sc-1fp3ia8-3"
-})(["width:100%;background:transparent;border:none;cursor:pointer;outline:none;color:inherit;padding:0;"]);
+})(["width:100%;background:transparent;border:none;cursor:pointer;outline:none;color:inherit;padding:0;&:disabled{opacity:0.7;cursor:not-allowed;}"]);
 var ChildrenWrapper = exports.ChildrenWrapper = _styledComponents["default"].div.withConfig({
   displayName: "styles__ChildrenWrapper",
   componentId: "sc-1fp3ia8-4"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.263",
+    "version": "0.1.0-alpha.265",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {