@pega/cosmos-react-build 9.0.0-build.9.8 → 9.0.0

package/lib/components/DynamicInput/SourceButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SourceButton.js","sourceRoot":"","sources":["../../../src/components/DynamicInput/SourceButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,UAAU,EACV,OAAO,EAIR,MAAM,yBAAyB,CAAC;AAejC,MAAM,YAAY,GAA0B,CAAC,EAC3C,OAAO,EACP,IAAI,EACJ,cAAc,EACd,cAAc,EACd,MAAM,EACN,SAAS,EACT,GAAG,SAAS,EACM,EAAE,EAAE;IACtB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC,KACjB,SAAS,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,YAAY,EACpB,IAAI,EAAE;YACJ,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,EAAE,CAAC,EAAE;gBAChB,cAAc,CAAC,EAAY,CAAC,CAAC;YAC/B,CAAC;SACF,EACD,SAAS,QACT,QAAQ,SACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import type { FC } from 'react';\n\nimport {\n  MenuButton,\n  useI18n,\n  type MenuButtonProps,\n  type TestIdProp,\n  type MenuProps\n} from '@pega/cosmos-react-core';\n\nimport type { ConstantFormat, DynamicInputProps, Source } from './DynamicInput.types';\n\ninterface SourceButtonProps\n  extends Pick<DynamicInputProps, 'sources' | 'onSourceChange'>,\n    TestIdProp {\n  /** Source menu items. */\n  menuItems: MenuProps['items'];\n  /** The name of the icon for the selected source. */\n  icon?: MenuButtonProps['icon'];\n  /** The input format for constants. */\n  constantFormat?: ConstantFormat;\n}\n\nconst SourceButton: FC<SourceButtonProps> = ({\n  sources,\n  icon,\n  constantFormat,\n  onSourceChange,\n  testId,\n  menuItems,\n  ...restProps\n}: SourceButtonProps) => {\n  const t = useI18n();\n\n  return (\n    <MenuButton\n      testId={testId}\n      text={t('value_type')}\n      {...restProps}\n      icon={icon}\n      iconSet='streamline'\n      menu={{\n        mode: 'single-select',\n        items: menuItems,\n        onItemClick: id => {\n          onSourceChange(id as Source);\n        }\n      }}\n      showArrow\n      iconOnly\n    />\n  );\n};\n\nexport default SourceButton;\n"]}
+{"version":3,"file":"SourceButton.js","sourceRoot":"","sources":["../../../src/components/DynamicInput/SourceButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,UAAU,EACV,OAAO,EAIR,MAAM,yBAAyB,CAAC;AAejC,MAAM,YAAY,GAA0B,CAAC,EAC3C,OAAO,EACP,IAAI,EACJ,cAAc,EACd,cAAc,EACd,MAAM,EACN,SAAS,EACT,GAAG,SAAS,EACM,EAAE,EAAE;IACtB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC,KACjB,SAAS,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,YAAY,EACpB,IAAI,EAAE;YACJ,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,EAAE,CAAC,EAAE;gBAChB,cAAc,CAAC,EAAY,CAAC,CAAC;YAC/B,CAAC;SACF,EACD,SAAS,QACT,QAAQ,SACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import type { FC } from 'react';\n\nimport {\n  MenuButton,\n  useI18n,\n  type MenuButtonProps,\n  type TestIdProp,\n  type MenuProps\n} from '@pega/cosmos-react-core';\n\nimport type { ConstantFormat, DynamicInputProps, Source } from './DynamicInput.types';\n\ninterface SourceButtonProps\n  extends Pick<DynamicInputProps, 'sources' | 'onSourceChange' | 'disabled'>,\n    TestIdProp {\n  /** Source menu items. */\n  menuItems: MenuProps['items'];\n  /** The name of the icon for the selected source. */\n  icon?: MenuButtonProps['icon'];\n  /** The input format for constants. */\n  constantFormat?: ConstantFormat;\n}\n\nconst SourceButton: FC<SourceButtonProps> = ({\n  sources,\n  icon,\n  constantFormat,\n  onSourceChange,\n  testId,\n  menuItems,\n  ...restProps\n}: SourceButtonProps) => {\n  const t = useI18n();\n\n  return (\n    <MenuButton\n      testId={testId}\n      text={t('value_type')}\n      {...restProps}\n      icon={icon}\n      iconSet='streamline'\n      menu={{\n        mode: 'single-select',\n        items: menuItems,\n        onItemClick: id => {\n          onSourceChange(id as Source);\n        }\n      }}\n      showArrow\n      iconOnly\n    />\n  );\n};\n\nexport default SourceButton;\n"]}

package/lib/components/DynamicInput/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicInput/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAyBtF,eAAO,MAAM,aAAa,GAAI,oBAG3B;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,KAAG,MAoBH,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,SAAS,iBAAiB,CAAC,SAAS,CAAC,KAAG,MAAM,GAAG,SAIjF,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicInput/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AA2BtF,eAAO,MAAM,aAAa,GAAI,oBAG3B;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,KAAG,MAwBH,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,SAAS,iBAAiB,CAAC,SAAS,CAAC,KAAG,MAAM,GAAG,SAIjF,CAAC"}

package/lib/components/DynamicInput/utils.js

@@ -13,7 +13,8 @@ const iconMap = {
     Rule: 'rule-library',
     FieldReference: 'field-cursor',
     Advanced: 'function',
-    Expression: 'expression'
+    Expression: 'expression',
+    ConfigurationSettings: 'toolbox-open'
 };
 export const getSourceIcon = ({ source, format }) => {
     let iconName;
@@ -29,6 +30,9 @@ export const getSourceIcon = ({ source, format }) => {
     if (source === 'Expression') {
         iconName = iconMap.Expression;
     }
+    if (source === 'ConfigurationSettings') {
+        iconName = iconMap.ConfigurationSettings;
+    }
     return iconName ?? iconMap.Text;
 };
 export const getCurrentSource = (sources) => {

package/lib/components/DynamicInput/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/DynamicInput/utils.ts"],"names":[],"mappings":"AAIA,MAAM,OAAO,GAKT;IACF,IAAI,EAAE,sBAAsB;IAC5B,kBAAkB,EAAE,sBAAsB;IAC1C,OAAO,EAAE,mBAAmB;IAC5B,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,uBAAuB;IAChC,OAAO,EAAE,gBAAgB;IACzB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,wBAAwB;IAClC,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,cAAc;IACpB,cAAc,EAAE,cAAc;IAC9B,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM,EACN,MAAM,EAIP,EAAU,EAAE;IACX,IAAI,QAAQ,CAAC;IAEb,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;QAC1B,QAAQ,GAAG,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IAC1B,CAAC;IAED,IAAI,MAAM,KAAK,gBAAgB,EAAE,CAAC;QAChC,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC;IACpC,CAAC;IAED,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;QAC5B,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC;IAChC,CAAC;IAED,OAAO,QAAQ,IAAK,OAAO,CAAC,IAAe,CAAC;AAC9C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAqC,EAAsB,EAAE;IAC5F,IAAI,CAAC,OAAO,CAAC,MAAM;QAAE,OAAO;IAE5B,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3E,CAAC,CAAC","sourcesContent":["import type { StreamlineIconName } from '@pega/cosmos-react-core';\n\nimport type { ConstantFormat, DynamicInputProps, Source } from './DynamicInput.types';\n\nconst iconMap: Partial<Record<ConstantFormat, StreamlineIconName>> & {\n  Rule: 'rule-library';\n  FieldReference: 'field-cursor';\n  Advanced: 'function';\n  Expression: 'expression';\n} = {\n  Text: 'dataviz-string-field',\n  'Text (paragraph)': 'dataviz-string-field',\n  Boolean: 'circle-mixed-left',\n  Percentage: 'percentage',\n  Integer: 'dataviz-numeric-field',\n  Decimal: 'number-decimal',\n  Currency: 'currency',\n  Phone: 'phone-call',\n  DateTime: 'dataviz-datetime-field',\n  Date: 'calendar-range',\n  Time: 'clock',\n  Rule: 'rule-library',\n  FieldReference: 'field-cursor',\n  Advanced: 'function',\n  Expression: 'expression'\n};\n\nexport const getSourceIcon = ({\n  source,\n  format\n}: {\n  source: Source;\n  format?: ConstantFormat;\n}): string => {\n  let iconName;\n\n  if (source === 'Constant') {\n    iconName = iconMap[format ?? 'Text'];\n  }\n\n  if (source === 'Rule') {\n    iconName = iconMap.Rule;\n  }\n\n  if (source === 'FieldReference') {\n    iconName = iconMap.FieldReference;\n  }\n\n  if (source === 'Expression') {\n    iconName = iconMap.Expression;\n  }\n\n  return iconName ?? (iconMap.Text as string);\n};\n\nexport const getCurrentSource = (sources: DynamicInputProps['sources']): Source | undefined => {\n  if (!sources.length) return;\n\n  return sources.find(({ selected }) => selected)?.type || sources[0].type;\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/DynamicInput/utils.ts"],"names":[],"mappings":"AAIA,MAAM,OAAO,GAMT;IACF,IAAI,EAAE,sBAAsB;IAC5B,kBAAkB,EAAE,sBAAsB;IAC1C,OAAO,EAAE,mBAAmB;IAC5B,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,uBAAuB;IAChC,OAAO,EAAE,gBAAgB;IACzB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,wBAAwB;IAClC,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,cAAc;IACpB,cAAc,EAAE,cAAc;IAC9B,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,qBAAqB,EAAE,cAAc;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM,EACN,MAAM,EAIP,EAAU,EAAE;IACX,IAAI,QAAQ,CAAC;IAEb,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;QAC1B,QAAQ,GAAG,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IAC1B,CAAC;IAED,IAAI,MAAM,KAAK,gBAAgB,EAAE,CAAC;QAChC,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC;IACpC,CAAC;IAED,IAAI,MAAM,KAAK,YAAY,EAAE,CAAC;QAC5B,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC;IAChC,CAAC;IAED,IAAI,MAAM,KAAK,uBAAuB,EAAE,CAAC;QACvC,QAAQ,GAAG,OAAO,CAAC,qBAAqB,CAAC;IAC3C,CAAC;IAED,OAAO,QAAQ,IAAK,OAAO,CAAC,IAAe,CAAC;AAC9C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAqC,EAAsB,EAAE;IAC5F,IAAI,CAAC,OAAO,CAAC,MAAM;QAAE,OAAO;IAE5B,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3E,CAAC,CAAC","sourcesContent":["import type { StreamlineIconName } from '@pega/cosmos-react-core';\n\nimport type { ConstantFormat, DynamicInputProps, Source } from './DynamicInput.types';\n\nconst iconMap: Partial<Record<ConstantFormat, StreamlineIconName>> & {\n  Rule: 'rule-library';\n  FieldReference: 'field-cursor';\n  Advanced: 'function';\n  Expression: 'expression';\n  ConfigurationSettings: 'toolbox-open';\n} = {\n  Text: 'dataviz-string-field',\n  'Text (paragraph)': 'dataviz-string-field',\n  Boolean: 'circle-mixed-left',\n  Percentage: 'percentage',\n  Integer: 'dataviz-numeric-field',\n  Decimal: 'number-decimal',\n  Currency: 'currency',\n  Phone: 'phone-call',\n  DateTime: 'dataviz-datetime-field',\n  Date: 'calendar-range',\n  Time: 'clock',\n  Rule: 'rule-library',\n  FieldReference: 'field-cursor',\n  Advanced: 'function',\n  Expression: 'expression',\n  ConfigurationSettings: 'toolbox-open'\n};\n\nexport const getSourceIcon = ({\n  source,\n  format\n}: {\n  source: Source;\n  format?: ConstantFormat;\n}): string => {\n  let iconName;\n\n  if (source === 'Constant') {\n    iconName = iconMap[format ?? 'Text'];\n  }\n\n  if (source === 'Rule') {\n    iconName = iconMap.Rule;\n  }\n\n  if (source === 'FieldReference') {\n    iconName = iconMap.FieldReference;\n  }\n\n  if (source === 'Expression') {\n    iconName = iconMap.Expression;\n  }\n\n  if (source === 'ConfigurationSettings') {\n    iconName = iconMap.ConfigurationSettings;\n  }\n\n  return iconName ?? (iconMap.Text as string);\n};\n\nexport const getCurrentSource = (sources: DynamicInputProps['sources']): Source | undefined => {\n  if (!sources.length) return;\n\n  return sources.find(({ selected }) => selected)?.type || sources[0].type;\n};\n"]}

package/lib/components/EmptyRuleTemplate/EmptyRuleTemplate.d.ts

@@ -21,12 +21,12 @@ export interface EmptyRuleTemplateProps extends BaseProps, NoChildrenProp, TestI
     /** Ref to the template. */
     ref?: Ref<HTMLDivElement>;
 }
-export declare const StyledEmptyRuleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledEmptyRuleContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledEmptyRuleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledEmptyRuleContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isStacked: boolean;
-}, never>;
+}>> & string;
 declare const _default: ForwardRefForwardPropsComponent<EmptyRuleTemplateProps> & {
     getTestIds: (testIdProp?: TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["title", "description", "image", "more-info", "action", "actions-menu"]>;
 };

package/lib/components/EmptyRuleTemplate/EmptyRuleTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyRuleTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyRuleTemplate/EmptyRuleTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAC;AAiBlD,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,MAAM,EACN,UAAU,EACV,SAAS,EACT,cAAc,EACd,+BAA+B,EAChC,MAAM,yBAAyB,CAAC;AAKjC,MAAM,WAAW,sBAAuB,SAAQ,SAAS,EAAE,cAAc,EAAE,UAAU;IACnF,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,qCAAqC;IACrC,aAAa,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAC9D,gEAAgE;IAChE,WAAW,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC,GAAG;QAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,2BAA2B;IAC3B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,yGAcpC,CAAC;AAIF,eAAO,MAAM,sBAAsB,yGAYlC,CAAC;AAIF,eAAO,MAAM,oBAAoB,yGAS/B,CAAC;AAIH,eAAO,MAAM,qBAAqB;eAA2C,OAAO;SASlF,CAAC;;;;AA8FH,wBAA2E"}
+{"version":3,"file":"EmptyRuleTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyRuleTemplate/EmptyRuleTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAC;AAiBlD,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,MAAM,EACN,UAAU,EACV,SAAS,EACT,cAAc,EACd,+BAA+B,EAChC,MAAM,yBAAyB,CAAC;AAKjC,MAAM,WAAW,sBAAuB,SAAQ,SAAS,EAAE,cAAc,EAAE,UAAU;IACnF,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,qCAAqC;IACrC,aAAa,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAC9D,gEAAgE;IAChE,WAAW,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC,GAAG;QAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,2BAA2B;IAC3B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,6NAcpC,CAAC;AAIF,eAAO,MAAM,sBAAsB,6NAYlC,CAAC;AAIF,eAAO,MAAM,oBAAoB,6NAS/B,CAAC;AAIH,eAAO,MAAM,qBAAqB;eAA2B,OAAO;YASlE,CAAC;;;;AA8FH,wBAA2E"}

package/lib/components/EmptyRuleTemplate/EmptyRuleTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyRuleTemplate.js","sourceRoot":"","sources":["../../../src/components/EmptyRuleTemplate/EmptyRuleTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { Ref, PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Text,\n  Image,\n  Link,\n  Button,\n  MenuButton,\n  ShowMoreLess,\n  useTestIds,\n  useBreakpoint,\n  useConsolidatedRef,\n  withTestIds,\n  defaultThemeProp\n} from '@pega/cosmos-react-core';\nimport type {\n  ImageProps,\n  LinkProps,\n  MenuButtonProps,\n  Action,\n  TestIdProp,\n  BaseProps,\n  NoChildrenProp,\n  ForwardRefForwardPropsComponent\n} from '@pega/cosmos-react-core';\nimport { StyledMenuButton } from '@pega/cosmos-react-core/lib/components/MenuButton/MenuButton';\n\nimport { getEmptyRuleTemplateTestIds } from './EmptyRuleTemplate.test-ids';\n\nexport interface EmptyRuleTemplateProps extends BaseProps, NoChildrenProp, TestIdProp {\n  /** The heading of the template */\n  title: string;\n  /** description of the template */\n  description?: string;\n  /** Image of the template */\n  image?: ImageProps;\n  /** Link pointing to external resource for more information */\n  moreInfo?: {\n    label: string;\n    href: LinkProps['href'];\n  };\n  /** Call to action in the template */\n  primaryAction?: Pick<Action, 'text' | 'onClick' | 'disabled'>;\n  /** Select menu to choose the first action to proceed further */\n  actionsMenu?: Pick<MenuButtonProps, 'text' | 'onClick' | 'onKeyDown' | 'menu'> & {\n    disabled?: boolean;\n  };\n  /** Ref to the template. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledEmptyRuleContainer = styled.div(\n  ({\n    theme: {\n      base: {\n        'content-width': { sm }\n      }\n    }\n  }) => {\n    return css`\n      min-width: ${sm};\n      height: 100%;\n      text-align: center;\n    `;\n  }\n);\n\nStyledEmptyRuleContainer.defaultProps = defaultThemeProp;\n\nexport const StyledEmptyRuleContent = styled.div(\n  ({\n    theme: {\n      base: {\n        'content-width': { xl }\n      }\n    }\n  }) => {\n    return css`\n      max-width: ${xl};\n    `;\n  }\n);\n\nStyledEmptyRuleContent.defaultProps = defaultThemeProp;\n\nexport const StyledImageContainer = styled.div(({ theme }) => {\n  return css`\n    width: calc(30 * ${theme.base.spacing});\n\n    img {\n      object-fit: contain;\n      min-width: 100%;\n    }\n  `;\n});\n\nStyledImageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledButtonContainer = styled.div(({ isStacked }: { isStacked: boolean }) => {\n  return (\n    isStacked &&\n    css`\n      ${StyledMenuButton} {\n        margin-inline-start: 0;\n      }\n    `\n  );\n});\n\nconst EmptyRuleTemplate: ForwardRefForwardPropsComponent<EmptyRuleTemplateProps> = forwardRef(\n  function EmptyRuleTemplate(\n    {\n      testId,\n      title,\n      image,\n      description,\n      moreInfo,\n      primaryAction,\n      actionsMenu\n    }: PropsWithoutRef<EmptyRuleTemplateProps>,\n    ref: EmptyRuleTemplateProps['ref']\n  ) {\n    const testIds = useTestIds(testId, getEmptyRuleTemplateTestIds);\n    const templateRef = useConsolidatedRef<HTMLDivElement>(ref);\n    const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: templateRef });\n\n    return (\n      <Flex\n        as={StyledEmptyRuleContainer}\n        container={{ justify: 'center', alignItems: 'center' }}\n        ref={templateRef}\n      >\n        <Flex\n          as={StyledEmptyRuleContent}\n          container={{\n            direction: 'column',\n            alignItems: 'center',\n            rowGap: 2,\n            pad: [4, 2]\n          }}\n        >\n          {image && (\n            <StyledImageContainer>\n              <Image {...image} data-testId={testIds.image} />\n            </StyledImageContainer>\n          )}\n\n          <Flex container={{ direction: 'column', alignItems: 'center', rowGap: 1 }}>\n            <Text data-testId={testIds.title} variant='h2'>\n              {title}\n            </Text>\n\n            {description && (\n              <ShowMoreLess lines={2}>\n                <Text data-testId={testIds.description} variant='secondary'>\n                  {description}\n                </Text>\n              </ShowMoreLess>\n            )}\n\n            {moreInfo && (\n              <Link testId={testIds.moreInfo} href={moreInfo.href}>\n                {moreInfo.label}\n              </Link>\n            )}\n\n            {(primaryAction || actionsMenu) && (\n              <Flex\n                as={StyledButtonContainer}\n                isStacked={!isSmallOrAbove}\n                container={{\n                  direction: isSmallOrAbove ? 'row' : 'column',\n                  gap: isSmallOrAbove ? 0 : 1\n                }}\n              >\n                {primaryAction && (\n                  <Button\n                    data-testid={testIds.action}\n                    onClick={primaryAction.onClick}\n                    disabled={primaryAction.disabled}\n                  >\n                    {primaryAction.text}\n                  </Button>\n                )}\n\n                {actionsMenu && (\n                  <MenuButton\n                    testId={testIds.actionsMenu}\n                    {...actionsMenu}\n                    disabled={actionsMenu.disabled}\n                  />\n                )}\n              </Flex>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nexport default withTestIds(EmptyRuleTemplate, getEmptyRuleTemplateTestIds);\n"]}
+{"version":3,"file":"EmptyRuleTemplate.js","sourceRoot":"","sources":["../../../src/components/EmptyRuleTemplate/EmptyRuleTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { Ref, PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Text,\n  Image,\n  Link,\n  Button,\n  MenuButton,\n  ShowMoreLess,\n  useTestIds,\n  useBreakpoint,\n  useConsolidatedRef,\n  withTestIds,\n  defaultThemeProp\n} from '@pega/cosmos-react-core';\nimport type {\n  ImageProps,\n  LinkProps,\n  MenuButtonProps,\n  Action,\n  TestIdProp,\n  BaseProps,\n  NoChildrenProp,\n  ForwardRefForwardPropsComponent\n} from '@pega/cosmos-react-core';\nimport { StyledMenuButton } from '@pega/cosmos-react-core/lib/components/MenuButton/MenuButton';\n\nimport { getEmptyRuleTemplateTestIds } from './EmptyRuleTemplate.test-ids';\n\nexport interface EmptyRuleTemplateProps extends BaseProps, NoChildrenProp, TestIdProp {\n  /** The heading of the template */\n  title: string;\n  /** description of the template */\n  description?: string;\n  /** Image of the template */\n  image?: ImageProps;\n  /** Link pointing to external resource for more information */\n  moreInfo?: {\n    label: string;\n    href: LinkProps['href'];\n  };\n  /** Call to action in the template */\n  primaryAction?: Pick<Action, 'text' | 'onClick' | 'disabled'>;\n  /** Select menu to choose the first action to proceed further */\n  actionsMenu?: Pick<MenuButtonProps, 'text' | 'onClick' | 'onKeyDown' | 'menu'> & {\n    disabled?: boolean;\n  };\n  /** Ref to the template. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledEmptyRuleContainer = styled.div(\n  ({\n    theme: {\n      base: {\n        'content-width': { sm }\n      }\n    }\n  }) => {\n    return css`\n      min-width: ${sm};\n      height: 100%;\n      text-align: center;\n    `;\n  }\n);\n\nStyledEmptyRuleContainer.defaultProps = defaultThemeProp;\n\nexport const StyledEmptyRuleContent = styled.div(\n  ({\n    theme: {\n      base: {\n        'content-width': { xl }\n      }\n    }\n  }) => {\n    return css`\n      max-width: ${xl};\n    `;\n  }\n);\n\nStyledEmptyRuleContent.defaultProps = defaultThemeProp;\n\nexport const StyledImageContainer = styled.div(({ theme }) => {\n  return css`\n    width: calc(30 * ${theme.base.spacing});\n\n    img {\n      object-fit: contain;\n      min-width: 100%;\n    }\n  `;\n});\n\nStyledImageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledButtonContainer = styled.div<{ isStacked: boolean }>(({ isStacked }) => {\n  return (\n    isStacked &&\n    css`\n      ${StyledMenuButton} {\n        margin-inline-start: 0;\n      }\n    `\n  );\n});\n\nconst EmptyRuleTemplate: ForwardRefForwardPropsComponent<EmptyRuleTemplateProps> = forwardRef(\n  function EmptyRuleTemplate(\n    {\n      testId,\n      title,\n      image,\n      description,\n      moreInfo,\n      primaryAction,\n      actionsMenu\n    }: PropsWithoutRef<EmptyRuleTemplateProps>,\n    ref: EmptyRuleTemplateProps['ref']\n  ) {\n    const testIds = useTestIds(testId, getEmptyRuleTemplateTestIds);\n    const templateRef = useConsolidatedRef<HTMLDivElement>(ref);\n    const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: templateRef });\n\n    return (\n      <Flex\n        as={StyledEmptyRuleContainer}\n        container={{ justify: 'center', alignItems: 'center' }}\n        ref={templateRef}\n      >\n        <Flex\n          as={StyledEmptyRuleContent}\n          container={{\n            direction: 'column',\n            alignItems: 'center',\n            rowGap: 2,\n            pad: [4, 2]\n          }}\n        >\n          {image && (\n            <StyledImageContainer>\n              <Image {...image} data-testId={testIds.image} />\n            </StyledImageContainer>\n          )}\n\n          <Flex container={{ direction: 'column', alignItems: 'center', rowGap: 1 }}>\n            <Text data-testId={testIds.title} variant='h2'>\n              {title}\n            </Text>\n\n            {description && (\n              <ShowMoreLess lines={2}>\n                <Text data-testId={testIds.description} variant='secondary'>\n                  {description}\n                </Text>\n              </ShowMoreLess>\n            )}\n\n            {moreInfo && (\n              <Link testId={testIds.moreInfo} href={moreInfo.href}>\n                {moreInfo.label}\n              </Link>\n            )}\n\n            {(primaryAction || actionsMenu) && (\n              <Flex\n                as={StyledButtonContainer}\n                isStacked={!isSmallOrAbove}\n                container={{\n                  direction: isSmallOrAbove ? 'row' : 'column',\n                  gap: isSmallOrAbove ? 0 : 1\n                }}\n              >\n                {primaryAction && (\n                  <Button\n                    data-testid={testIds.action}\n                    onClick={primaryAction.onClick}\n                    disabled={primaryAction.disabled}\n                  >\n                    {primaryAction.text}\n                  </Button>\n                )}\n\n                {actionsMenu && (\n                  <MenuButton\n                    testId={testIds.actionsMenu}\n                    {...actionsMenu}\n                    disabled={actionsMenu.disabled}\n                  />\n                )}\n              </Flex>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nexport default withTestIds(EmptyRuleTemplate, getEmptyRuleTemplateTestIds);\n"]}