@loja-integrada/admin-components 0.9.5 → 0.9.6

package/dist/Components/Tabs/Tabs.stories.d.ts

@@ -3,3 +3,4 @@ import { TabsProps } from './Tabs';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Default: Story<TabsProps>;
+export declare const WithTabDisabled: Story<TabsProps>;

package/dist/Components/Tabs/TabsItem.d.ts

@@ -10,5 +10,5 @@ interface TabsItemProps extends TabsItemInterface {
      */
     onChange: (arg0: string) => void;
 }
-export declare const TabsItem: ({ id, title, active, onChange, }: TabsItemProps) => JSX.Element;
+export declare const TabsItem: ({ id, title, active, disabled, onChange, }: TabsItemProps) => JSX.Element;
 export {};

package/dist/Components/Tabs/TabsItem.interface.d.ts

@@ -7,6 +7,10 @@ export interface TabsItemInterface {
      * Item visible title
      */
     title: string;
+    /**
+     * Disabled a specific tab
+     */
+    disabled?: boolean;
     /**
      * Item content
      * @deprecated Not implemented

package/dist/admin-components.cjs.development.js

@@ -1906,20 +1906,24 @@ var activeStyles = function activeStyles(active) {
 
 
 var boldFixStyle = "before:content-[attr(data-title)] before:block before:font-semibold before:h-0 before:overflow-hidden before:visibility-hidden";
+var disabledStyle = 'text-inverted-2 cursor-not-allowed';
 var TabsItem = function TabsItem(_ref) {
   var id = _ref.id,
       title = _ref.title,
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       onChange = _ref.onChange;
   return React__default.createElement("button", {
     id: "btnTab" + id,
-    className: "tabs-item " + (active ? 'tabs-item-active' : '') + " group min-w-0 flex-shrink-0 overflow-x-hidden px-2 last:-mr-2 first:-ml-2",
+    className: "tabs-item " + (active ? 'tabs-item-active' : '') + " group min-w-0 flex-shrink-0 overflow-x-hidden px-2 last:-mr-2 first:-ml-2 " + (disabled ? disabledStyle : ''),
     onClick: function onClick() {
       return onChange(id);
-    }
+    },
+    disabled: disabled
   }, React__default.createElement("span", {
-    className: "block text-f6 tracking-4 text-sm py-4 border-b-4 break-words group-hover:font-semibold " + activeStyles(active) + " " + boldFixStyle,
+    className: "block tracking-4 text-f6 text-sm py-4 border-b-4 break-words " + (disabled ? '' : 'group-hover:font-semibold') + " " + activeStyles(active) + " " + boldFixStyle,
     "data-title": title
   }, title));
 };