@producteca/producteca-ui-kit 1.104.0 → 1.105.0

package/dist/components/patterns/index.d.js

@@ -11,4 +11,5 @@ export * from './maintenance/maintenance';
 export * from './generatingState';
 export * from './pickChannelModal';
 export * from './fileRow';
-export * from './permissionSelector';
+export * from './permissionSelector';
+export * from './statusIndicator';

package/dist/components/patterns/index.d.ts

@@ -12,3 +12,4 @@ export * from './generatingState';
 export * from './pickChannelModal';
 export * from './fileRow';
 export * from './permissionSelector';
+export * from './statusIndicator';

package/dist/components/patterns/statusIndicator/index.d.js

@@ -0,0 +1 @@
+export { StatusIndicator } from './statusIndicator';

package/dist/components/patterns/statusIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export { StatusIndicator } from './statusIndicator';
+export type { StatusIndicatorProps, StatusIndicatorStatus } from './statusIndicator.types';

package/dist/components/patterns/statusIndicator/statusIndicator.d.js

@@ -0,0 +1 @@
+export {};

package/dist/components/patterns/statusIndicator/statusIndicator.d.ts

@@ -0,0 +1,4 @@
+import { StatusIndicatorProps } from './statusIndicator.types';
+
+export declare const StatusIndicator: ({ iconAlt, bordered, href, label, color, fullWidth, status, target, iconUrl, onClick, className, ...props }: StatusIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default StatusIndicator;

package/dist/components/patterns/statusIndicator/statusIndicator.examples.d.js

@@ -0,0 +1 @@
+export {};

package/dist/components/patterns/statusIndicator/statusIndicator.examples.d.ts

@@ -0,0 +1,7 @@
+import { StatusIndicatorProps, StatusIndicatorStatus } from './statusIndicator.types';
+
+export declare const STATUSES: StatusIndicatorStatus[];
+export declare const CHANNEL_ICON_URL = "https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.108/mercadolibre/favicon.svg";
+export declare const PUBLICATION_URL = "https://www.producteca.com";
+export declare const renderStatuses: (args: StatusIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const renderFullWidthStatuses: (args: StatusIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/patterns/statusIndicator/statusIndicator.types.d.js

@@ -0,0 +1 @@
+export {};

package/dist/components/patterns/statusIndicator/statusIndicator.types.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, MouseEvent } from 'react';
+
+export type StatusIndicatorStatus = 'active' | 'paused' | 'pending' | 'rejected' | 'unlinked' | 'multiple' | 'disconnected';
+interface StatusIndicatorBaseProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'onClick'> {
+    href?: string;
+    color?: string;
+    target?: string;
+    iconUrl?: string;
+    iconAlt?: string;
+    bordered?: boolean;
+    fullWidth?: boolean;
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+}
+interface PredefinedStatusIndicatorProps extends StatusIndicatorBaseProps {
+    label?: string;
+    status: StatusIndicatorStatus;
+}
+interface CustomStatusIndicatorProps extends StatusIndicatorBaseProps {
+    label: string;
+    status?: never;
+}
+export type StatusIndicatorProps = PredefinedStatusIndicatorProps | CustomStatusIndicatorProps;
+export {};

package/dist/locales/en.d.ts

@@ -86,6 +86,15 @@ declare const _default: {
     selectPlaceholder: string;
     selected: string;
     selectedPlural: string;
+    statusIndicator: {
+        active: string;
+        disconnected: string;
+        multiple: string;
+        paused: string;
+        pending: string;
+        rejected: string;
+        unlinked: string;
+    };
     warningModal: {
         dontShowAgain: string;
         warning: string;

package/dist/locales/es.d.ts

@@ -702,5 +702,30 @@ declare const _default: {
             itemsLabel: string;
         };
     };
+    statusIndicator: {
+        active: string;
+        paused: string;
+        pending: string;
+        multiple: string;
+        rejected: string;
+        unlinked: string;
+        customStatus: string;
+        customLabel: string;
+        disconnected: string;
+        channelLogo: string;
+        component: string;
+        props: {
+            target: string;
+            bordered: string;
+            href: string;
+            onClick: string;
+            label: string;
+            iconAlt: string;
+            iconUrl: string;
+            fullWidth: string;
+            color: string;
+            status: string;
+        };
+    };
 };
 export default _default;

package/dist/locales/pt-BR.d.ts

@@ -86,6 +86,15 @@ declare const _default: {
     selectPlaceholder: string;
     selected: string;
     selectedPlural: string;
+    statusIndicator: {
+        active: string;
+        disconnected: string;
+        multiple: string;
+        paused: string;
+        pending: string;
+        rejected: string;
+        unlinked: string;
+    };
     warningModal: {
         dontShowAgain: string;
         warning: string;

package/dist/playground/ComponentDemos.d.ts

@@ -27,6 +27,7 @@ export declare const DemoCopyButton: DemoComponent;
 export declare const DemoConditionalOperator: DemoComponent;
 export declare const DemoLinkWithIcon: DemoComponent;
 export declare const DemoIconWithIdentifier: DemoComponent;
+export declare const DemoStatusIndicator: DemoComponent;
 export declare const DemoSidebar: DemoComponent;
 export declare const DemoDraggableList: DemoComponent;
 export declare const DemoModal: DemoComponent;