@stella-source/stellasource-dsl 3.0.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/cjs/index.js +563 -348
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/OrderStatus/OrderStatus.d.ts +4 -0
  4. package/dist/cjs/types/components/OrderStatus/OrderStatus.stories.d.ts +20 -0
  5. package/dist/cjs/types/components/OrderStatus/helpers.d.ts +2 -0
  6. package/dist/cjs/types/components/OrderStatus/styles.d.ts +4 -0
  7. package/dist/cjs/types/components/OrderStatus/types.d.ts +20 -0
  8. package/dist/cjs/types/components/StellaIcon/types.d.ts +1 -1
  9. package/dist/cjs/types/components/TextField/NumberInput/NumberInput.d.ts +1 -1
  10. package/dist/cjs/types/components/TextField/NumberInput/types.d.ts +1 -0
  11. package/dist/cjs/types/components/TextField/PasswordInput/PasswordInput.d.ts +1 -1
  12. package/dist/cjs/types/components/TextField/PasswordInput/types.d.ts +1 -0
  13. package/dist/cjs/types/components/TextField/TextInput/TextInput.d.ts +1 -1
  14. package/dist/cjs/types/components/TextField/TextInput/types.d.ts +1 -0
  15. package/dist/cjs/types/index.d.ts +2 -1
  16. package/dist/esm/index.esm.js +894 -680
  17. package/dist/esm/index.esm.js.map +1 -1
  18. package/dist/esm/types/components/OrderStatus/OrderStatus.d.ts +4 -0
  19. package/dist/esm/types/components/OrderStatus/OrderStatus.stories.d.ts +20 -0
  20. package/dist/esm/types/components/OrderStatus/helpers.d.ts +2 -0
  21. package/dist/esm/types/components/OrderStatus/styles.d.ts +4 -0
  22. package/dist/esm/types/components/OrderStatus/types.d.ts +20 -0
  23. package/dist/esm/types/components/StellaIcon/types.d.ts +1 -1
  24. package/dist/esm/types/components/TextField/NumberInput/NumberInput.d.ts +1 -1
  25. package/dist/esm/types/components/TextField/NumberInput/types.d.ts +1 -0
  26. package/dist/esm/types/components/TextField/PasswordInput/PasswordInput.d.ts +1 -1
  27. package/dist/esm/types/components/TextField/PasswordInput/types.d.ts +1 -0
  28. package/dist/esm/types/components/TextField/TextInput/TextInput.d.ts +1 -1
  29. package/dist/esm/types/components/TextField/TextInput/types.d.ts +1 -0
  30. package/dist/esm/types/index.d.ts +2 -1
  31. package/dist/index.d.ts +31 -5
  32. package/package.json +1 -1
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { OrderStatusProps } from "./types";
3
+ declare const OrderStatus: ({ variant, id, className, isPurchaser, }: OrderStatusProps) => React.JSX.Element;
4
+ export default OrderStatus;
@@ -0,0 +1,20 @@
1
+ import { OrderStatusVariant } from "./types";
2
+ declare const _default: {
3
+ title: string;
4
+ component: ({ variant, id, className, isPurchaser, }: import("./types").OrderStatusProps) => import("react").JSX.Element;
5
+ tags: string[];
6
+ argTypes: {
7
+ variant: {
8
+ control: {
9
+ type: string;
10
+ };
11
+ options: (OrderStatusVariant | null)[];
12
+ };
13
+ };
14
+ args: {
15
+ variant: OrderStatusVariant;
16
+ isPurchaser: boolean;
17
+ };
18
+ };
19
+ export default _default;
20
+ export declare const Default: {};
@@ -0,0 +1,2 @@
1
+ import { OrderStatusVariant } from "./types";
2
+ export declare const getOrderStatusLabel: (variant: OrderStatusVariant | null, isPurchaser?: boolean) => string;
@@ -0,0 +1,4 @@
1
+ declare const OrderStatusComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ declare const OrderStatusIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../StellaIcon/types").StellaIconProps, never>> & string & Omit<({ iconName, size, color, className, id, dataTestId, }: import("../StellaIcon/types").StellaIconProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
3
+ declare const OrderStatusLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
4
+ export { OrderStatusComponent, OrderStatusIcon, OrderStatusLabel };
@@ -0,0 +1,20 @@
1
+ export declare enum OrderStatusVariant {
2
+ COMPLETED = "Completed",
3
+ ORDER_PLACED = "OrderPlaced",
4
+ IN_PROGRESS = "InProgress",
5
+ ACTION_REQUIRED = "ActionRequired",
6
+ CLOSED = "Closed",
7
+ DECLINED = "Declined",
8
+ VIEW_PRICING = "ViewPricing",
9
+ EXPIRED = "Expired",
10
+ ORDER_CANCELED = "OrderCanceled",
11
+ ORDER_ACKNOWLEDGED = "OrderAcknowledged",
12
+ DELIVERED = "Delivered",
13
+ INFO_NEEDED = "InfoNeeded"
14
+ }
15
+ export interface OrderStatusProps {
16
+ id?: string;
17
+ className?: string;
18
+ variant: OrderStatusVariant | null;
19
+ isPurchaser?: boolean;
20
+ }
@@ -1,4 +1,4 @@
1
- export type StellaIconDefinition = "search" | "required" | "help" | "info" | "kebab-menu" | "error" | "warning" | "filter" | "sort" | "close" | "add" | "stella-logo" | "chevron-right" | "chevron-down" | "caret-right" | "caret-down" | "success" | "in-progress" | "complete" | "calendar" | "unlocked" | "locked" | "settings" | "preferences" | "account-settings" | "user" | "company-details" | "collapse" | "expand" | "star-filled" | "star-outline" | "dashboard" | "shopping-cart" | "calculator" | "pricing-strategies" | "stella-finance" | "resource-center" | "line-item-pricing" | "basket-pricing" | "paperclip" | "thumbs-up" | "thumbs-down" | "send" | "palette" | "eye" | "eye-slash" | "sync" | "chevron-left" | "check-square" | "money" | "currency-dollar" | "x-circle" | "empty" | "hourglass-simple-low";
1
+ export type StellaIconDefinition = "search" | "required" | "help" | "info" | "kebab-menu" | "error" | "warning" | "filter" | "sort" | "close" | "add" | "stella-logo" | "chevron-right" | "chevron-down" | "caret-right" | "caret-down" | "success" | "in-progress" | "complete" | "calendar" | "unlocked" | "locked" | "settings" | "preferences" | "account-settings" | "user" | "company-details" | "collapse" | "expand" | "star-filled" | "star-outline" | "dashboard" | "shopping-cart" | "calculator" | "pricing-strategies" | "stella-finance" | "resource-center" | "line-item-pricing" | "basket-pricing" | "paperclip" | "thumbs-up" | "thumbs-down" | "send" | "palette" | "eye" | "eye-slash" | "sync" | "chevron-left" | "check-square" | "money" | "currency-dollar" | "x-circle" | "empty" | "hourglass-simple-low" | "broadcast" | "list-checks" | "note-pencil" | "truck";
2
2
  export interface StellaIconProps {
3
3
  iconName: StellaIconDefinition;
4
4
  size?: number;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { NumberInputProps } from "./types";
3
- declare const NumberInput: ({ id, className, htmlProps, leftCategory, rightCategory, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, isTruncated, helperTextAffectLayout, hideLabel, disabled, isLoading, hasError, thousandSeparator, decimalPlaces, allowNegativeNumbers, ariaDescribedBy, }: NumberInputProps) => React.JSX.Element;
3
+ declare const NumberInput: ({ id, className, htmlProps, leftCategory, rightCategory, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, isTruncated, helperTextAffectLayout, hideLabel, disabled, isLoading, hasError, thousandSeparator, decimalPlaces, allowNegativeNumbers, ariaDescribedBy, disableAutocomplete, }: NumberInputProps) => React.JSX.Element;
4
4
  export default NumberInput;
@@ -28,6 +28,7 @@ export interface NumberInputProps {
28
28
  thousandSeparator?: boolean;
29
29
  decimalPlaces?: number;
30
30
  allowNegativeNumbers?: boolean;
31
+ disableAutocomplete?: boolean;
31
32
  /** for any extra text elements that need to be associated */
32
33
  ariaDescribedBy?: string;
33
34
  htmlProps?: HTMLAttributes<HTMLInputElement>;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { PasswordInputProps } from "./types";
3
- declare const PasswordInput: ({ id, className, htmlProps, label, placeholder, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, textAlign, isHidden, helperTextAffectLayout, hideLabel, disabled, hasError, ariaDescribedBy, }: PasswordInputProps) => React.JSX.Element;
3
+ declare const PasswordInput: ({ id, className, htmlProps, label, placeholder, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, textAlign, isHidden, helperTextAffectLayout, hideLabel, disabled, hasError, ariaDescribedBy, disableAutocomplete, }: PasswordInputProps) => React.JSX.Element;
4
4
  export default PasswordInput;
@@ -11,6 +11,7 @@ export interface PasswordInputProps {
11
11
  className?: string;
12
12
  placeholder?: string;
13
13
  isRequired?: boolean;
14
+ disableAutocomplete?: boolean;
14
15
  /** passing in disabled + value creates a readOnly look */
15
16
  disabled?: boolean;
16
17
  maxLength?: number;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { TextInputProps } from "./types";
3
- declare const TextInput: ({ id, className, htmlProps, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, helperTextAffectLayout, hideLabel, disabled, hasError, isLoading, ariaDescribedBy, }: TextInputProps) => React.JSX.Element;
3
+ declare const TextInput: ({ id, className, htmlProps, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, helperTextAffectLayout, hideLabel, disabled, hasError, isLoading, ariaDescribedBy, disableAutocomplete, }: TextInputProps) => React.JSX.Element;
4
4
  export default TextInput;
@@ -14,6 +14,7 @@ export interface TextInputProps {
14
14
  placeholder?: string;
15
15
  isRequired?: boolean;
16
16
  endIcon?: `${StellaIconDefinition}`;
17
+ disableAutocomplete?: boolean;
17
18
  /** passing in disabled + value creates a readOnly look */
18
19
  disabled?: boolean;
19
20
  maxLength?: number;
@@ -21,6 +21,7 @@ import { StellaButtonVariant } from "./components/StellaButton/types";
21
21
  /** Tokens */
22
22
  import { Styles } from "./shared/tokens";
23
23
  import "./shared/tokens/tokens.css";
24
+ import OrderStatus from "./components/OrderStatus/OrderStatus";
24
25
  /**Exports */
25
26
  export type { StellaIconDefinition } from "./components/StellaIcon/types";
26
- export { Tabs, Label, StellaButton, IconButton, Loader, HelperText, Tooltip, StellaIcon, TextInput, PasswordInput, NumberInput, Table, Pagination, Sync, TableUnitsAndTotals, StellaButtonVariant, PaymentStatus, Styles, };
27
+ export { Tabs, Label, StellaButton, IconButton, Loader, HelperText, Tooltip, StellaIcon, TextInput, PasswordInput, NumberInput, Table, Pagination, Sync, TableUnitsAndTotals, StellaButtonVariant, PaymentStatus, OrderStatus, Styles, };